widget.html
5.01 KB
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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Title</title>
<link rel="stylesheet" href="/frontweb/libs/element-ui/lib-master/theme-chalk/index.css"/>
<link rel="stylesheet" href="./css/style.css">
<script src="/frontweb/common/js/config.js"></script>
<script src="/frontweb/libs/vue/vue.js"></script>
<script src="/frontweb/libs/element/index.js"></script>
<script src="/frontweb/view/monitorevaluate/monitor/js/jquery.min.js"></script>
<script src="/frontweb/view/monitorevaluate/monitor/js/echarts.js"></script>
<script src="/frontweb/libs/axios/axios.min.js"></script>
<title>Title</title>
</head>
<body>
<div id="app" v-cloak v-loading="loading">
<div class="content">
<div class="content-top">
<el-row>
<el-col :span="6">
<div class="content-top-title">指标体系管理</div>
</el-col>
<el-col :span="18">
<div class="content-top-form">
<el-form :inline="true" class="demo-form-inline" @submit.native.prevent>
<el-form-item>
<el-input v-model="search" prefix-icon="el-icon-search" placeholder="请输入关键字" @keyup.enter.native="submit"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" plain icon="el-icon-circle-plus-outline" @click="indexSystemAdd">添加</el-button>
<el-button type="primary" plain icon="el-icon-download" @click="importTemplate">导入模板</el-button>
<el-button type="primary" plain icon="el-icon-upload2" @click="toBeDeveloped">导出excle文件</el-button>
</el-form-item>
</el-form>
</div>
<el-dialog :title="title" :visible.sync="dialogFormVisible">
<el-form :model="form" ref="form" :rules="rules" :label-width="formLabelWidth">
<el-form-item label="体系名称" prop="txmc">
<el-input v-model="form.txmc" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="体系分类" prop="xtfl">
<el-input v-model="form.xtfl" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="是否关联指标" prop="sfgyzb">
<el-input v-model="form.sfgyzb" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="上级标识码" prop="sjbsm">
<el-input v-model="form.sjbsm" autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="resetForm(form)">取 消</el-button>
<el-button type="primary" @click="editAddSubmit(form)">确 定</el-button>
</div>
</el-dialog>
</el-col>
</el-row>
</div>
<div class="content-table">
<el-table
:data="tableData"
style="width: 100%;margin-bottom: 20px;"
height="85vh"
row-key="id"
size="small"
:tree-props="{children: 'children', hasChildren: 'hasChildren'}">
<el-table-column prop="TXMC" label="体系名称"></el-table-column>
<el-table-column prop="operate" label="操作" width="400">
<template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
<el-button type="text" size="small" @click.native.prevent="indexSystemEdit(scope.$index, tableData)">编辑</el-button>
<el-button type="text" size="small" @click="toBeDeveloped">新建分类</el-button>
<el-button type="text" size="small" v-show="scope.row.SFGYZB === '1'" @click="toBeDeveloped">已关联指标</el-button>
<el-button type="text" size="small" v-show="scope.row.SFGYZB === '2'" @click="toBeDeveloped">关联指标</el-button>
<el-button type="text" size="small" @click.native.prevent="deleteRow(scope.$index, tableData)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
<script src="./js/widget.js"></script>
</body>
</html>