-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
61 lines (50 loc) · 2.18 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>语法分析器</title>
<link rel="stylesheet" href="./css/element.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<el-container id="app" v-cloak>
<el-main>
<el-row id="upper-div">
<el-col :span="12">
<div id="monaco"></div>
<div id="button-group">
<el-button type="primary" plain id="read-btn" @click="load_from_file">读取</el-button>
<el-button type="primary" plain id="show-btn" @click="show_ll1">LL(1)</el-button>
<el-button type="danger" plain id="empty-btn" @click="clear_editor">清空</el-button>
<el-button type="success" plain id="run-btn" @click="analyze">分析</el-button>
<el-button type="success" plain id="tree-btn" @click="show_tree">树状图</el-button>
</div>
</el-col>
<el-col :span="12">
<!-- <el-tree :data="parser_tree" :props="tree_props" v-loading="loading"></el-tree> -->
<el-table :data="parser_tree" style="width: 560px; margin-left: 40px;" row-key="id"
:tree-props="{children: 'children'}" height="510" border>
<el-table-column prop="label" label="标签" fixed>
</el-table-column>
<el-table-column prop="lineNumber" label="行号" width="50">
</el-table>
</el-col>
</el-row>
<el-row id="down-div">
<el-col :span="24">
<el-table :data="errors" border height="190px" style="width: 100%" v-loading="loading">
<el-table-column prop="raw" label="错误字串" width="180"></el-table-column>
<el-table-column prop="lineNumber" label="行号" width="180"></el-table-column>
<el-table-column prop="info" label="错误信息"></el-table-column>
</el-table>
</el-col>
</el-row>
</el-main>
</el-container>
</body>
<script src="./js/lib/vue.js"></script>
<script src="./js/lib/element.js"></script>
<script src="./js/monaco.js"></script>
<script src="./js/renderer.js"></script>
</html>