Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
13fd66c6 by 任超
Options

style:新增面包屑

1 parent cf8335b9
Inline Side-by-side
Showing 23 changed files with 163 additions and 148 deletions
...@@ -2,6 +2,9 @@ ...@@ -2,6 +2,9 @@
2 <div class="Cfdj from-clues"> 2 <div class="Cfdj from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="130px"> 4 <el-form ref="form" :model="form" label-width="130px">
5 <el-form-item>
6 <Breadcrumb />
7 </el-form-item>
5 <el-row> 8 <el-row>
6 <el-col :span="5"> 9 <el-col :span="5">
7 <el-form-item label="行政区" label-width="80px"> 10 <el-form-item label="行政区" label-width="80px">
......
...@@ -2,6 +2,9 @@ ...@@ -2,6 +2,9 @@
2 <div class="dyaq from-clues"> 2 <div class="dyaq from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="120px"> 4 <el-form ref="form" :model="form" label-width="120px">
5 <el-form-item>
6 <Breadcrumb />
7 </el-form-item>
5 <el-row> 8 <el-row>
6 <el-col :span="5"> 9 <el-col :span="5">
7 <el-form-item label="行政区" label-width="80px"> 10 <el-form-item label="行政区" label-width="80px">
......
...@@ -2,6 +2,9 @@ ...@@ -2,6 +2,9 @@
2 <div class="from-clues"> 2 <div class="from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="150px"> 4 <el-form ref="form" :model="form" label-width="150px">
5 <el-form-item>
6 <Breadcrumb />
7 </el-form-item>
5 <el-row> 8 <el-row>
6 <el-col :span="5"> 9 <el-col :span="5">
7 <el-form-item label="行政区" label-width="80px"> 10 <el-form-item label="行政区" label-width="80px">
......
...@@ -2,6 +2,9 @@ ...@@ -2,6 +2,9 @@
2 <div class="fdcqdz from-clues"> 2 <div class="fdcqdz from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="120px"> 4 <el-form ref="form" :model="form" label-width="120px">
5 <el-form-item>
6 <Breadcrumb />
7 </el-form-item>
5 <el-row> 8 <el-row>
6 <el-col :span="6"> 9 <el-col :span="6">
7 <el-form-item label="行政区"> 10 <el-form-item label="行政区">
...@@ -63,7 +66,7 @@ ...@@ -63,7 +66,7 @@
63 :data="tableData.data"> 66 :data="tableData.data">
64 </lb-table> 67 </lb-table>
65 </div> 68 </div>
66 <dataDetails ref="editLog" :title="title" :tabsActiveName="'qltFwFdcqDz'"/> 69 <dataDetails ref="editLog" :title="title" :tabsActiveName="'qltFwFdcqDz'" />
67 </div> 70 </div>
68 </template> 71 </template>
69 72
......
...@@ -2,6 +2,9 @@ ...@@ -2,6 +2,9 @@
2 <div class="fdcqqfsyq from-clues"> 2 <div class="fdcqqfsyq from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="80px"> 4 <el-form ref="form" :model="form" label-width="80px">
5 <el-form-item>
6 <Breadcrumb />
7 </el-form-item>
5 <el-row> 8 <el-row>
6 <el-col :span="5"> 9 <el-col :span="5">
7 <el-form-item label="业务号"> 10 <el-form-item label="业务号">
......
...@@ -2,6 +2,9 @@ ...@@ -2,6 +2,9 @@
2 <div class="fdcqyz from-clues"> 2 <div class="fdcqyz from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="120px"> 4 <el-form ref="form" :model="form" label-width="120px">
5 <el-form-item>
6 <Breadcrumb />
7 </el-form-item>
5 <el-row> 8 <el-row>
6 <el-col :span="6"> 9 <el-col :span="6">
7 <el-form-item label="行政区"> 10 <el-form-item label="行政区">
...@@ -63,7 +66,7 @@ ...@@ -63,7 +66,7 @@
63 :data="tableData.data"> 66 :data="tableData.data">
64 </lb-table> 67 </lb-table>
65 </div> 68 </div>
66 <dataDetails ref="editLog" :title="title" :tabsActiveName="'qltFwFdcqYz'"/> 69 <dataDetails ref="editLog" :title="title" :tabsActiveName="'qltFwFdcqYz'" />
67 </div> 70 </div>
68 </template> 71 </template>
69 72
......
...@@ -2,6 +2,9 @@ ...@@ -2,6 +2,9 @@
2 <div class="gzwsyq from-clues"> 2 <div class="gzwsyq from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="105px"> 4 <el-form ref="form" :model="form" label-width="105px">
5 <el-form-item>
6 <Breadcrumb />
7 </el-form-item>
5 <el-row> 8 <el-row>
6 <el-col :span="6"> 9 <el-col :span="6">
7 <el-form-item label="行政区"> 10 <el-form-item label="行政区">
......
...@@ -2,6 +2,9 @@ ...@@ -2,6 +2,9 @@
2 <div class="hysyq from-clues"> 2 <div class="hysyq from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="105px"> 4 <el-form ref="form" :model="form" label-width="105px">
5 <el-form-item>
6 <Breadcrumb />
7 </el-form-item>
5 <el-row> 8 <el-row>
6 <el-col :span="6"> 9 <el-col :span="6">
7 <el-form-item label="行政区"> 10 <el-form-item label="行政区">
......
...@@ -2,6 +2,9 @@ ...@@ -2,6 +2,9 @@
2 <div class="jsydzjdsyq from-clues"> 2 <div class="jsydzjdsyq from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="120px"> 4 <el-form ref="form" :model="form" label-width="120px">
5 <el-form-item>
6 <Breadcrumb />
7 </el-form-item>
5 <el-row> 8 <el-row>
6 <el-col :span="6"> 9 <el-col :span="6">
7 <el-form-item label="行政区"> 10 <el-form-item label="行政区">
...@@ -58,7 +61,7 @@ ...@@ -58,7 +61,7 @@
58 :data="tableData.data"> 61 :data="tableData.data">
59 </lb-table> 62 </lb-table>
60 </div> 63 </div>
61 <dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlJsydsyq'"/> 64 <dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlJsydsyq'" />
62 </div> 65 </div>
63 </template> 66 </template>
64 67
......
...@@ -2,6 +2,9 @@ ...@@ -2,6 +2,9 @@
2 <div class="lq from-clues"> 2 <div class="lq from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="105px"> 4 <el-form ref="form" :model="form" label-width="105px">
5 <el-form-item>
6 <Breadcrumb />
7 </el-form-item>
5 <el-row> 8 <el-row>
6 <el-col :span="6"> 9 <el-col :span="6">
7 <el-form-item label="行政区"> 10 <el-form-item label="行政区">
......
...@@ -2,6 +2,9 @@ ...@@ -2,6 +2,9 @@
2 <div class="from-clues"> 2 <div class="from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="105px"> 4 <el-form ref="form" :model="form" label-width="105px">
5 <el-form-item>
6 <Breadcrumb />
7 </el-form-item>
5 <el-row> 8 <el-row>
6 <el-col :span="6"> 9 <el-col :span="6">
7 <el-form-item label="行政区"> 10 <el-form-item label="行政区">
......
...@@ -2,6 +2,9 @@ ...@@ -2,6 +2,9 @@
2 <div class="tdsyq from-clues"> 2 <div class="tdsyq from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="120px"> 4 <el-form ref="form" :model="form" label-width="120px">
5 <el-form-item>
6 <Breadcrumb />
7 </el-form-item>
5 <el-row> 8 <el-row>
6 <el-col :span="6"> 9 <el-col :span="6">
7 <el-form-item label="行政区"> 10 <el-form-item label="行政区">
......
...@@ -2,6 +2,9 @@ ...@@ -2,6 +2,9 @@
2 <div class="from-clues"> 2 <div class="from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="110px"> 4 <el-form ref="form" :model="form" label-width="110px">
5 <el-form-item>
6 <Breadcrumb />
7 </el-form-item>
5 <el-row> 8 <el-row>
6 <el-col :span="6"> 9 <el-col :span="6">
7 <el-form-item label="行政区" label-width="106px"> 10 <el-form-item label="行政区" label-width="106px">
......
...@@ -2,6 +2,9 @@ ...@@ -2,6 +2,9 @@
2 <div class="from-clues"> 2 <div class="from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="105px"> 4 <el-form ref="form" :model="form" label-width="105px">
5 <el-form-item>
6 <Breadcrumb />
7 </el-form-item>
5 <el-row> 8 <el-row>
6 <el-col :span="5"> 9 <el-col :span="5">
7 <el-form-item label="行政区" label-width="80px"> 10 <el-form-item label="行政区" label-width="80px">
......
...@@ -2,6 +2,9 @@ ...@@ -2,6 +2,9 @@
2 <div class="cancellationReg from-clues"> 2 <div class="cancellationReg from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="105px"> 4 <el-form ref="form" :model="form" label-width="105px">
5 <el-form-item>
6 <Breadcrumb />
7 </el-form-item>
5 <el-row> 8 <el-row>
6 <el-col :span="6"> 9 <el-col :span="6">
7 <el-form-item label="行政区"> 10 <el-form-item label="行政区">
......
...@@ -2,24 +2,15 @@ ...@@ -2,24 +2,15 @@
2 <!-- 监控日志 --> 2 <!-- 监控日志 -->
3 <div class="jktjDetail form-clues"> 3 <div class="jktjDetail form-clues">
4 <!-- 头部搜索 --> 4 <!-- 头部搜索 -->
5 <el-form 5 <el-form ref="form" :model="form" :inline="true" class="from-clues-header" label-width="100px">
6 ref="form" 6 <el-form-item>
7 :model="form" 7 <Breadcrumb />
8 :inline="true" 8 </el-form-item>
9 class="from-clues-header"
10 label-width="100px"
11 >
12 <el-row class="rows"> 9 <el-row class="rows">
13 <el-col :span="8"> 10 <el-col :span="8">
14 <el-form-item label="开始日期"> 11 <el-form-item label="开始日期">
15 <el-date-picker 12 <el-date-picker v-model="valueTime" value-format="yyyy/MM/dd HH:mm:ss" type="datetimerange"
16 v-model="valueTime" 13 range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
17 value-format="yyyy/MM/dd HH:mm:ss"
18 type="datetimerange"
19 range-separator="至"
20 start-placeholder="开始日期"
21 end-placeholder="结束日期"
22 >
23 </el-date-picker> 14 </el-date-picker>
24 </el-form-item> 15 </el-form-item>
25 </el-col> 16 </el-col>
...@@ -44,7 +35,7 @@ import efficient from "@/api/efficient"; ...@@ -44,7 +35,7 @@ import efficient from "@/api/efficient";
44 import { getFirstDayOfSeason, timeFormat } from "@/utils/operation"; 35 import { getFirstDayOfSeason, timeFormat } from "@/utils/operation";
45 export default { 36 export default {
46 name: "jktj", 37 name: "jktj",
47 data() { 38 data () {
48 return { 39 return {
49 // 开始结束日期限制 40 // 开始结束日期限制
50 pickerOptionsStart: { 41 pickerOptionsStart: {
...@@ -63,21 +54,21 @@ export default { ...@@ -63,21 +54,21 @@ export default {
63 }, 54 },
64 }, 55 },
65 // 搜索表单 56 // 搜索表单
66 valueTime: [getFirstDayOfSeason(), timeFormat(new Date(),true)], 57 valueTime: [getFirstDayOfSeason(), timeFormat(new Date(), true)],
67 // valueTime: ["2022/01/01 00:00:00", timeFormat(new Date())], 58 // valueTime: ["2022/01/01 00:00:00", timeFormat(new Date())],
68 pieChartsData: [], 59 pieChartsData: [],
69 }; 60 };
70 }, 61 },
71 created() { 62 created () {
72 this.getProcessCounts(); 63 this.getProcessCounts();
73 }, 64 },
74 mounted() {}, 65 mounted () { },
75 computed: { 66 computed: {
76 ...mapGetters(["dicData"]), 67 ...mapGetters(["dicData"]),
77 }, 68 },
78 methods: { 69 methods: {
79 //查询各区县办件数量 70 //查询各区县办件数量
80 async getProcessCounts() { 71 async getProcessCounts () {
81 this.pieChartsData = []; 72 this.pieChartsData = [];
82 let { result: res } = await efficient.getProcessCounts( 73 let { result: res } = await efficient.getProcessCounts(
83 this.valueTime[0], 74 this.valueTime[0],
...@@ -100,12 +91,12 @@ export default { ...@@ -100,12 +91,12 @@ export default {
100 this.barChartInit(res[0].recType); 91 this.barChartInit(res[0].recType);
101 }, 92 },
102 // 重置 93 // 重置
103 resetForm() { 94 resetForm () {
104 this.valueTime = [getFirstDayOfSeason(), timeFormat(new Date(),true)]; 95 this.valueTime = [getFirstDayOfSeason(), timeFormat(new Date(), true)];
105 this.getProcessCounts(); 96 this.getProcessCounts();
106 }, 97 },
107 //玫瑰图初始化 98 //玫瑰图初始化
108 echartInit() { 99 echartInit () {
109 let _this = this; 100 let _this = this;
110 // 基于准备好的dom，初始化echarts实例 101 // 基于准备好的dom，初始化echarts实例
111 let myChart = this.$echarts.init(document.getElementById("myChart")); 102 let myChart = this.$echarts.init(document.getElementById("myChart"));
...@@ -169,7 +160,7 @@ export default { ...@@ -169,7 +160,7 @@ export default {
169 }); 160 });
170 }, 161 },
171 //柱图初始化 162 //柱图初始化
172 async barChartInit(recType) { 163 async barChartInit (recType) {
173 //请求recType对应业务的各区县数据 164 //请求recType对应业务的各区县数据
174 let { result: res } = await efficient.getProcessDays( 165 let { result: res } = await efficient.getProcessDays(
175 recType, 166 recType,
...@@ -271,21 +262,26 @@ export default { ...@@ -271,21 +262,26 @@ export default {
271 height: 100%; 262 height: 100%;
272 display: flex; 263 display: flex;
273 flex-direction: column; 264 flex-direction: column;
265
274 .rows { 266 .rows {
275 margin-left: 100px; 267 margin-left: 100px;
276 } 268 }
269
277 .center { 270 .center {
278 line-height: 50vh; 271 line-height: 50vh;
279 text-align: center; 272 text-align: center;
280 } 273 }
274
281 .echarts-box { 275 .echarts-box {
282 display: flex; 276 display: flex;
283 justify-content: center; 277 justify-content: center;
278
284 .chart { 279 .chart {
285 width: 40%; 280 width: 40%;
286 height: 100%; 281 height: 100%;
287 float: left; 282 float: left;
288 } 283 }
284
289 .chart-bar { 285 .chart-bar {
290 width: 60%; 286 width: 60%;
291 } 287 }
......
...@@ -4,35 +4,22 @@ ...@@ -4,35 +4,22 @@
4 <!-- 头部搜索 --> 4 <!-- 头部搜索 -->
5 <div class="from-clues-header"> 5 <div class="from-clues-header">
6 <el-form ref="form" :model="form" label-width="100px"> 6 <el-form ref="form" :model="form" label-width="100px">
7 <el-form-item>
8 <Breadcrumb />
9 </el-form-item>
7 <el-row> 10 <el-row>
8 <el-col :span="6"> 11 <el-col :span="6">
9 <el-form-item label="行政区"> 12 <el-form-item label="行政区">
10 <el-select 13 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
11 v-model="form.XZQDM" 14 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
12 class="width100"
13 clearable
14 placeholder="行政区"
15 >
16 <el-option
17 v-for="item in dicData['A20']"
18 :key="item.DCODE"
19 :label="item.DNAME"
20 :value="item.DCODE"
21 >
22 </el-option> 15 </el-option>
23 </el-select> 16 </el-select>
24 </el-form-item> 17 </el-form-item>
25 </el-col> 18 </el-col>
26 <el-col :span="8"> 19 <el-col :span="8">
27 <el-form-item label="开始日期"> 20 <el-form-item label="开始日期">
28 <el-date-picker 21 <el-date-picker v-model="valueTime" value-format="yyyy/MM/dd HH:mm:ss" type="datetimerange"
29 v-model="valueTime" 22 range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
30 value-format="yyyy/MM/dd HH:mm:ss"
31 type="datetimerange"
32 range-separator="至"
33 start-placeholder="开始日期"
34 end-placeholder="结束日期"
35 >
36 </el-date-picker> 23 </el-date-picker>
37 </el-form-item> 24 </el-form-item>
38 </el-col> 25 </el-col>
...@@ -58,7 +45,7 @@ import { getFirstDayOfSeason, timeFormat } from "@/utils/operation"; ...@@ -58,7 +45,7 @@ import { getFirstDayOfSeason, timeFormat } from "@/utils/operation";
58 import business from "@/api/business"; 45 import business from "@/api/business";
59 export default { 46 export default {
60 name: "jktj", 47 name: "jktj",
61 data() { 48 data () {
62 return { 49 return {
63 // 开始结束日期限制 50 // 开始结束日期限制
64 pickerOptionsStart: { 51 pickerOptionsStart: {
...@@ -77,7 +64,7 @@ export default { ...@@ -77,7 +64,7 @@ export default {
77 }, 64 },
78 }, 65 },
79 // 搜索表单 66 // 搜索表单
80 valueTime: [getFirstDayOfSeason(), timeFormat(new Date(),true)], 67 valueTime: [getFirstDayOfSeason(), timeFormat(new Date(), true)],
81 recTypeArr: [], 68 recTypeArr: [],
82 chartData: [], 69 chartData: [],
83 form: { 70 form: {
...@@ -87,7 +74,7 @@ export default { ...@@ -87,7 +74,7 @@ export default {
87 }, 74 },
88 }; 75 };
89 }, 76 },
90 mounted() { 77 mounted () {
91 // 查询成功率 78 // 查询成功率
92 this.getSuucessRate(); 79 this.getSuucessRate();
93 }, 80 },
...@@ -95,7 +82,7 @@ export default { ...@@ -95,7 +82,7 @@ export default {
95 ...mapGetters(["dicData"]), 82 ...mapGetters(["dicData"]),
96 }, 83 },
97 methods: { 84 methods: {
98 async getSuucessRate() { 85 async getSuucessRate () {
99 this.recTypeArr = []; 86 this.recTypeArr = [];
100 this.chartData = []; 87 this.chartData = [];
101 let { result: res } = await business.getSuucessRate( 88 let { result: res } = await business.getSuucessRate(
...@@ -111,15 +98,15 @@ export default { ...@@ -111,15 +98,15 @@ export default {
111 this.echartInit(); 98 this.echartInit();
112 }, 99 },
113 // 重置 100 // 重置
114 resetForm() { 101 resetForm () {
115 this.form = { 102 this.form = {
116 startTime: "", 103 startTime: "",
117 endTime: "", 104 endTime: "",
118 }; 105 };
119 this.valueTime = [getFirstDayOfSeason(), timeFormat(new Date(),true)]; 106 this.valueTime = [getFirstDayOfSeason(), timeFormat(new Date(), true)];
120 this.getSuucessRate(); 107 this.getSuucessRate();
121 }, 108 },
122 echartInit() { 109 echartInit () {
123 let _this = this; 110 let _this = this;
124 // 基于准备好的dom，初始化echarts实例 111 // 基于准备好的dom，初始化echarts实例
125 let myChart = this.$echarts.init(document.getElementById("myChart")); 112 let myChart = this.$echarts.init(document.getElementById("myChart"));
...@@ -263,27 +250,33 @@ export default { ...@@ -263,27 +250,33 @@ export default {
263 </script> 250 </script>
264 <style scoped lang="scss"> 251 <style scoped lang="scss">
265 @import "~@/styles/public.scss"; 252 @import "~@/styles/public.scss";
253
266 .jktjDetail { 254 .jktjDetail {
267 height: 100%; 255 height: 100%;
268 display: flex; 256 display: flex;
269 flex-direction: column; 257 flex-direction: column;
258
270 .rows { 259 .rows {
271 margin-left: 100px; 260 margin-left: 100px;
272 } 261 }
262
273 .center { 263 .center {
274 line-height: 50vh; 264 line-height: 50vh;
275 text-align: center; 265 text-align: center;
276 color:#b6b5b5 266 color: #b6b5b5
277 } 267 }
268
278 .echarts-box { 269 .echarts-box {
279 display: flex; 270 display: flex;
280 justify-content: center; 271 justify-content: center;
281 height: 500px; 272 height: 500px;
273
282 .chart { 274 .chart {
283 width: 100%; 275 width: 100%;
284 height: 100%; 276 height: 100%;
285 } 277 }
286 } 278 }
279
287 .form-clues-content { 280 .form-clues-content {
288 flex: 1; 281 flex: 1;
289 height: 100%; 282 height: 100%;
......
...@@ -4,34 +4,22 @@ ...@@ -4,34 +4,22 @@
4 <!-- 头部搜索 --> 4 <!-- 头部搜索 -->
5 <div class="from-clues-header"> 5 <div class="from-clues-header">
6 <el-form ref="form" :model="form" label-width="100px"> 6 <el-form ref="form" :model="form" label-width="100px">
7 <el-form-item>
8 <Breadcrumb />
9 </el-form-item>
7 <el-row> 10 <el-row>
8 <el-col :span="6"> 11 <el-col :span="6">
9 <el-form-item label="行政区"> 12 <el-form-item label="行政区">
10 <el-select 13 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
11 v-model="form.XZQDM" 14 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
12 class="width100"
13 clearable
14 placeholder="行政区"
15 >
16 <el-option
17 v-for="item in dicData['A20']"
18 :key="item.DCODE"
19 :label="item.DNAME"
20 :value="item.DCODE"
21 >
22 </el-option> 15 </el-option>
23 </el-select> 16 </el-select>
24 </el-form-item> 17 </el-form-item>
25 </el-col> 18 </el-col>
26 <el-col :span="8"> 19 <el-col :span="8">
27 <el-form-item label="开始日期"> 20 <el-form-item label="开始日期">
28 <el-date-picker 21 <el-date-picker v-model="valueTime" type="datetimerange" range-separator="至" start-placeholder="开始日期"
29 v-model="valueTime" 22 end-placeholder="结束日期">
30 type="datetimerange"
31 range-separator="至"
32 start-placeholder="开始日期"
33 end-placeholder="结束日期"
34 >
35 </el-date-picker> 23 </el-date-picker>
36 </el-form-item> 24 </el-form-item>
37 </el-col> 25 </el-col>
...@@ -54,7 +42,7 @@ ...@@ -54,7 +42,7 @@
54 import { mapGetters } from "vuex"; 42 import { mapGetters } from "vuex";
55 export default { 43 export default {
56 name: "jktj", 44 name: "jktj",
57 data() { 45 data () {
58 return { 46 return {
59 // 开始结束日期限制 47 // 开始结束日期限制
60 pickerOptionsStart: { 48 pickerOptionsStart: {
...@@ -81,7 +69,7 @@ export default { ...@@ -81,7 +69,7 @@ export default {
81 }, 69 },
82 }; 70 };
83 }, 71 },
84 mounted() { 72 mounted () {
85 // 初始化图表 73 // 初始化图表
86 this.echartInit(); 74 this.echartInit();
87 }, 75 },
...@@ -90,13 +78,13 @@ export default { ...@@ -90,13 +78,13 @@ export default {
90 }, 78 },
91 methods: { 79 methods: {
92 // 重置 80 // 重置
93 resetForm() { 81 resetForm () {
94 this.form = { 82 this.form = {
95 startTime: "", 83 startTime: "",
96 endTime: "", 84 endTime: "",
97 }; 85 };
98 }, 86 },
99 echartInit() { 87 echartInit () {
100 // 基于准备好的dom，初始化echarts实例 88 // 基于准备好的dom，初始化echarts实例
101 let myChart = this.$echarts.init(document.getElementById("myChart")); 89 let myChart = this.$echarts.init(document.getElementById("myChart"));
102 // 绘制图表 90 // 绘制图表
...@@ -186,22 +174,27 @@ export default { ...@@ -186,22 +174,27 @@ export default {
186 </script> 174 </script>
187 <style scoped lang="scss"> 175 <style scoped lang="scss">
188 @import "~@/styles/public.scss"; 176 @import "~@/styles/public.scss";
177
189 .jktjDetail { 178 .jktjDetail {
190 height: 100%; 179 height: 100%;
191 display: flex; 180 display: flex;
192 flex-direction: column; 181 flex-direction: column;
182
193 .rows { 183 .rows {
194 margin-left: 100px; 184 margin-left: 100px;
195 } 185 }
186
196 .echarts-box { 187 .echarts-box {
197 display: flex; 188 display: flex;
198 justify-content: center; 189 justify-content: center;
199 height: 500px; 190 height: 500px;
191
200 .chart { 192 .chart {
201 width: 100%; 193 width: 100%;
202 height: 100%; 194 height: 100%;
203 } 195 }
204 } 196 }
197
205 .form-clues-content { 198 .form-clues-content {
206 flex: 1; 199 flex: 1;
207 height: 100%; 200 height: 100%;
......
...@@ -3,6 +3,9 @@ ...@@ -3,6 +3,9 @@
3 <!-- 表单部分 --> 3 <!-- 表单部分 -->
4 <div class="from-clues-header"> 4 <div class="from-clues-header">
5 <el-form @submit.native.prevent :model="ruleForm" label-width="120px"> 5 <el-form @submit.native.prevent :model="ruleForm" label-width="120px">
6 <el-form-item>
7 <Breadcrumb />
8 </el-form-item>
6 <el-row :gutter="20"> 9 <el-row :gutter="20">
7 <el-col :span="6"> 10 <el-col :span="6">
8 <el-form-item label="字典类型编码"> 11 <el-form-item label="字典类型编码">
...@@ -18,7 +21,7 @@ ...@@ -18,7 +21,7 @@
18 <el-col :span="12" class="btnColRight"> 21 <el-col :span="12" class="btnColRight">
19 22
20 <btn nativeType="cx" @click="queryClick">查询</btn> 23 <btn nativeType="cx" @click="queryClick">查询</btn>
21 <btn nativeType="sb" @click="handleRefresh">刷新缓存</btn> 24 <btn nativeType="cx" @click="handleRefresh">刷新缓存</btn>
22 </el-col> 25 </el-col>
23 </el-row> 26 </el-row>
24 </el-form> 27 </el-form>
......
...@@ -2,6 +2,9 @@ ...@@ -2,6 +2,9 @@
2 <div class="timedTask from-clues"> 2 <div class="timedTask from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="ruleForm" :model="form" label-width="100px"> 4 <el-form ref="ruleForm" :model="form" label-width="100px">
5 <el-form-item>
6 <Breadcrumb />
7 </el-form-item>
5 <el-row class="mb-5"> 8 <el-row class="mb-5">
6 <el-col :span="2" class="btnColRight"> 9 <el-col :span="2" class="btnColRight">
7 <btn nativeType="cx" @click="handleAdd">增加角色</btn> 10 <btn nativeType="cx" @click="handleAdd">增加角色</btn>
...@@ -10,15 +13,9 @@ ...@@ -10,15 +13,9 @@
10 </el-form> 13 </el-form>
11 </div> 14 </div>
12 <div class="from-clues-content"> 15 <div class="from-clues-content">
13 <lb-table 16 <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total"
14 :page-size="pageData.size" 17 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
15 :current-page.sync="pageData.current" 18 :data="tableData.data">
16 :total="pageData.total"
17 @size-change="handleSizeChange"
18 @p-current-change="handleCurrentChange"
19 :column="tableData.columns"
20 :data="tableData.data"
21 >
22 </lb-table> 19 </lb-table>
23 </div> 20 </div>
24 <EditDialog ref="addEditDialog" /> 21 <EditDialog ref="addEditDialog" />
...@@ -39,7 +36,7 @@ export default { ...@@ -39,7 +36,7 @@ export default {
39 EditDialog, 36 EditDialog,
40 Roleslistdiglog, 37 Roleslistdiglog,
41 }, 38 },
42 data() { 39 data () {
43 return { 40 return {
44 taskData: null, 41 taskData: null,
45 form: { 42 form: {
...@@ -172,12 +169,12 @@ export default { ...@@ -172,12 +169,12 @@ export default {
172 }, 169 },
173 }; 170 };
174 }, 171 },
175 created() { 172 created () {
176 this.featchData(); 173 this.featchData();
177 }, 174 },
178 methods: { 175 methods: {
179 // 新增角色 176 // 新增角色
180 handleAdd() { 177 handleAdd () {
181 // this.$refs.addEditDialog.roleId = value.id 178 // this.$refs.addEditDialog.roleId = value.id
182 // this.roleSort = value.sort ? value.sort : 0 179 // this.roleSort = value.sort ? value.sort : 0
183 180
...@@ -185,7 +182,7 @@ export default { ...@@ -185,7 +182,7 @@ export default {
185 this.$refs.addEditDialog.dialogTitle = "新增"; 182 this.$refs.addEditDialog.dialogTitle = "新增";
186 }, 183 },
187 // 修改角色 184 // 修改角色
188 handleEdit(row) { 185 handleEdit (row) {
189 this.$refs.addEditDialog.roleId = row.id; 186 this.$refs.addEditDialog.roleId = row.id;
190 this.roleSort = row.sort ? row.sort : 0; 187 this.roleSort = row.sort ? row.sort : 0;
191 if (row.id) { 188 if (row.id) {
...@@ -196,7 +193,7 @@ export default { ...@@ -196,7 +193,7 @@ export default {
196 this.$refs.addEditDialog.showAddEditDialog = true; 193 this.$refs.addEditDialog.showAddEditDialog = true;
197 this.$refs.addEditDialog.dialogTitle = "修改"; 194 this.$refs.addEditDialog.dialogTitle = "修改";
198 }, 195 },
199 featchData() { 196 featchData () {
200 this.tableData.data = [ 197 this.tableData.data = [
201 { 198 {
202 id: "2176e915-fdb4-414a-b8d6-6cf63171cffc", 199 id: "2176e915-fdb4-414a-b8d6-6cf63171cffc",
...@@ -214,11 +211,11 @@ export default { ...@@ -214,11 +211,11 @@ export default {
214 ]; 211 ];
215 }, 212 },
216 213
217 personnel() { 214 personnel () {
218 this.$refs.rolesForm.adds(); 215 this.$refs.rolesForm.adds();
219 this.$refs.rolesForm.title = "人员配置"; 216 this.$refs.rolesForm.title = "人员配置";
220 }, 217 },
221 handleDel(row) { 218 handleDel (row) {
222 this.$confirm("此操将进行删除操作, 是否继续?", "提示", { 219 this.$confirm("此操将进行删除操作, 是否继续?", "提示", {
223 confirmButtonText: "确定", 220 confirmButtonText: "确定",
224 cancelButtonText: "取消", 221 cancelButtonText: "取消",
......
...@@ -2,6 +2,9 @@ ...@@ -2,6 +2,9 @@
2 <div class="timedTask from-clues"> 2 <div class="timedTask from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="80px"> 4 <el-form ref="form" :model="form" label-width="80px">
5 <el-form-item>
6 <Breadcrumb />
7 </el-form-item>
5 <el-row> 8 <el-row>
6 <el-col :span="6"> 9 <el-col :span="6">
7 <el-form-item label="搜索标题"> 10 <el-form-item label="搜索标题">
...@@ -10,7 +13,7 @@ ...@@ -10,7 +13,7 @@
10 </el-col> 13 </el-col>
11 <el-col :span="18" class="btnColRight"> 14 <el-col :span="18" class="btnColRight">
12 <btn nativeType="cx" @click="handleSubmit">搜索</btn> 15 <btn nativeType="cx" @click="handleSubmit">搜索</btn>
13 <btn nativeType="sb" @click="handleAdd">新增</btn> 16 <btn nativeType="cx" @click="handleAdd">新增</btn>
14 </el-col> 17 </el-col>
15 </el-row> 18 </el-row>
16 </el-form> 19 </el-form>
......
...@@ -2,6 +2,9 @@ ...@@ -2,6 +2,9 @@
2 <div class="timedTask from-clues"> 2 <div class="timedTask from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="ruleForm" :model="form" label-width="100px"> 4 <el-form ref="ruleForm" :model="form" label-width="100px">
5 <el-form-item>
6 <Breadcrumb />
7 </el-form-item>
5 <el-row class="mb-5"> 8 <el-row class="mb-5">
6 <!-- 按钮操作 --> 9 <!-- 按钮操作 -->
7 <el-col :span="2" class="btnColRight"> 10 <el-col :span="2" class="btnColRight">
...@@ -13,15 +16,9 @@ ...@@ -13,15 +16,9 @@
13 </el-form> 16 </el-form>
14 </div> 17 </div>
15 <div class="from-clues-content"> 18 <div class="from-clues-content">
16 <lb-table 19 <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total"
17 :page-size="pageData.size" 20 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
18 :current-page.sync="pageData.current" 21 :data="tableData.data">
19 :total="pageData.total"
20 @size-change="handleSizeChange"
21 @p-current-change="handleCurrentChange"
22 :column="tableData.columns"
23 :data="tableData.data"
24 >
25 </lb-table> 22 </lb-table>
26 </div> 23 </div>
27 <edit-dialog ref="dialogForm" /> 24 <edit-dialog ref="dialogForm" />
...@@ -46,7 +43,7 @@ export default { ...@@ -46,7 +43,7 @@ export default {
46 components: { 43 components: {
47 EditDialog, 44 EditDialog,
48 }, 45 },
49 data() { 46 data () {
50 return { 47 return {
51 taskData: null, 48 taskData: null,
52 form: { 49 form: {
...@@ -183,12 +180,12 @@ export default { ...@@ -183,12 +180,12 @@ export default {
183 }; 180 };
184 }, 181 },
185 methods: { 182 methods: {
186 handleAdd() { 183 handleAdd () {
187 this.taskData = null; 184 this.taskData = null;
188 this.$refs.dialogForm.add(); 185 this.$refs.dialogForm.add();
189 this.$refs.dialogForm.title = "添加"; 186 this.$refs.dialogForm.title = "添加";
190 }, 187 },
191 featchData() { 188 featchData () {
192 this.tableData.data = [ 189 this.tableData.data = [
193 { 190 {
194 id: "6a269fa4-49ee-40ed-be72-302ebdf7b9d6", 191 id: "6a269fa4-49ee-40ed-be72-302ebdf7b9d6",
...@@ -251,7 +248,7 @@ export default { ...@@ -251,7 +248,7 @@ export default {
251 // }, 248 // },
252 249
253 // 更新用户解锁状态 250 // 更新用户解锁状态
254 updateLock(id, name) { 251 updateLock (id, name) {
255 this.$confirm( 252 this.$confirm(
256 `<div class="customer-message-wrapper"> 253 `<div class="customer-message-wrapper">
257 <h5 class="title">确定要更新用户解锁状态吗</h5> 254 <h5 class="title">确定要更新用户解锁状态吗</h5>
...@@ -278,25 +275,25 @@ export default { ...@@ -278,25 +275,25 @@ export default {
278 // } 275 // }
279 // }) 276 // })
280 }) 277 })
281 .catch(() => {}); 278 .catch(() => { });
282 }, 279 },
283 // 上移下移 280 // 上移下移
284 moveUpward(index, row) { 281 moveUpward (index, row) {
285 console.log("index",index); 282 console.log("index", index);
286 console.log("row",row); 283 console.log("row", row);
287 realMove(row.bsmDict, "UP", this.tableData); 284 realMove(row.bsmDict, "UP", this.tableData);
288 this.key++; 285 this.key++;
289 let id = findParents(this.tableData, row.bsmDict); 286 let id = findParents(this.tableData, row.bsmDict);
290 this.keyList = id; 287 this.keyList = id;
291 }, 288 },
292 moveDown(index, row) { 289 moveDown (index, row) {
293 realMove(row.bsmDict, "DOWN", this.tableData); 290 realMove(row.bsmDict, "DOWN", this.tableData);
294 this.key++; 291 this.key++;
295 let id = findParents(this.tableData, row.bsmDict); 292 let id = findParents(this.tableData, row.bsmDict);
296 this.keyList = id; 293 this.keyList = id;
297 }, 294 },
298 // 重置用户密码 295 // 重置用户密码
299 resetPassword(data) { 296 resetPassword (data) {
300 const ids = []; 297 const ids = [];
301 if (data instanceof Array) { 298 if (data instanceof Array) {
302 data.forEach((item) => { 299 data.forEach((item) => {
...@@ -339,15 +336,15 @@ export default { ...@@ -339,15 +336,15 @@ export default {
339 // } 336 // }
340 // }) 337 // })
341 }) 338 })
342 .catch(() => {}); 339 .catch(() => { });
343 }, 340 },
344 // 修改人员信息 341 // 修改人员信息
345 handleEdit(row) { 342 handleEdit (row) {
346 this.$refs.dialogForm.edit(row); 343 this.$refs.dialogForm.edit(row);
347 this.$refs.dialogForm.title = "修改"; 344 this.$refs.dialogForm.title = "修改";
348 }, 345 },
349 // 删除 346 // 删除
350 handleDelete(id, content) { 347 handleDelete (id, content) {
351 this.$confirm("此操将进行删除操作, 是否继续?", "提示", { 348 this.$confirm("此操将进行删除操作, 是否继续?", "提示", {
352 confirmButtonText: "确定", 349 confirmButtonText: "确定",
353 cancelButtonText: "取消", 350 cancelButtonText: "取消",
...@@ -363,7 +360,7 @@ export default { ...@@ -363,7 +360,7 @@ export default {
363 // this.getTableList() 360 // this.getTableList()
364 // }) 361 // })
365 }) 362 })
366 .catch(() => {}); 363 .catch(() => { });
367 }, 364 },
368 }, 365 },
369 }; 366 };
......
1 <template> 1 <template>
2 <div class="dictionary-config from-clues"> 2 <div class="dictionary-config from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="125px"> 4 <el-form ref="form" :model="form" label-width="90px">
5 <el-form-item>
6 <Breadcrumb />
7 </el-form-item>
5 <el-row> 8 <el-row>
6 <el-col :span="6"> 9 <el-col :span="6">
7 <el-form-item label="数据表名"> 10 <el-form-item label="数据表名">
8 <el-input 11 <el-input v-model="form.DATATABLE" placeholder="数据表名"></el-input>
9 v-model="form.DATATABLE"
10 placeholder="数据表名"
11 ></el-input>
12 </el-form-item> 12 </el-form-item>
13 </el-col> 13 </el-col>
14 <el-col :span="6"> 14 <el-col :span="6">
15 <el-form-item label="中文名称"> 15 <el-form-item label="中文名称">
16 <el-input 16 <el-input v-model="form.CHINESETABLE" placeholder="中文名称"></el-input>
17 v-model="form.CHINESETABLE"
18 placeholder="中文名称"
19 ></el-input>
20 </el-form-item> 17 </el-form-item>
21 </el-col> 18 </el-col>
22 <el-col :span="6"> 19 <el-col :span="6">
23 <el-form-item label="tab表头链接标识"> 20 <el-form-item label="tab表头链接标识" label-width="130px">
24 <el-input 21 <el-input v-model="form.SOLEURL" placeholder="tab表头链接标识"></el-input>
25 v-model="form.SOLEURL"
26 placeholder="tab表头链接标识"
27 ></el-input>
28 </el-form-item> 22 </el-form-item>
29 </el-col> 23 </el-col>
30 24
31 <!-- 操作按钮 --> 25 <!-- 操作按钮 -->
32 <el-col :span="6" class="btnColRight"> 26 <el-col :span="6" class="btnColRight">
33 <btn nativeType="sb" @click="handleUpdateDic">刷新缓存</btn> 27 <btn nativeType="cx" @click="handleUpdateDic">刷新缓存</btn>
34 <btn nativeType="cx" @click="handleSubmit">查询</btn> 28 <btn nativeType="cx" @click="handleSubmit">查询</btn>
35 </el-col> 29 </el-col>
36 </el-row> 30 </el-row>
37 </el-form> 31 </el-form>
38 </div> 32 </div>
39 <div class="from-clues-content"> 33 <div class="from-clues-content">
40 <lb-table 34 <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total"
41 :page-size="pageData.size" 35 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
42 :current-page.sync="pageData.current" 36 :data="tableData.data">
43 :total="pageData.total"
44 @size-change="handleSizeChange"
45 @p-current-change="handleCurrentChange"
46 :column="tableData.columns"
47 :data="tableData.data"
48 >
49 </lb-table> 37 </lb-table>
50 <message-tips ref="msg" :message="message" /> 38 <message-tips ref="msg" :message="message" />
51 </div> 39 </div>
...@@ -65,7 +53,7 @@ export default { ...@@ -65,7 +53,7 @@ export default {
65 components: { 53 components: {
66 editValidRule, 54 editValidRule,
67 }, 55 },
68 data() { 56 data () {
69 return { 57 return {
70 message: "", 58 message: "",
71 form: { 59 form: {
...@@ -129,7 +117,7 @@ export default { ...@@ -129,7 +117,7 @@ export default {
129 }; 117 };
130 }, 118 },
131 methods: { 119 methods: {
132 async featchData() { 120 async featchData () {
133 try { 121 try {
134 this.form = Object.assign(this.form, this.formData); 122 this.form = Object.assign(this.form, this.formData);
135 let { 123 let {
...@@ -146,7 +134,7 @@ export default { ...@@ -146,7 +134,7 @@ export default {
146 this.$refs.msg.messageShow(); 134 this.$refs.msg.messageShow();
147 } 135 }
148 }, 136 },
149 async handleEdit(index, row) { 137 async handleEdit (index, row) {
150 try { 138 try {
151 let { result: res } = await ruleConfig.eidtConfigRule(row.BSM_YWSJB); 139 let { result: res } = await ruleConfig.eidtConfigRule(row.BSM_YWSJB);
152 this.ruleData = res; 140 this.ruleData = res;
...@@ -158,7 +146,7 @@ export default { ...@@ -158,7 +146,7 @@ export default {
158 }); 146 });
159 } 147 }
160 }, 148 },
161 handleDel(index, row) { 149 handleDel (index, row) {
162 let _this = this; 150 let _this = this;
163 this.$confirm("此操作将进行删除校验规则, 是否继续?", "提示", { 151 this.$confirm("此操作将进行删除校验规则, 是否继续?", "提示", {
164 cancelButtonText: "取消", 152 cancelButtonText: "取消",
...@@ -192,7 +180,7 @@ export default { ...@@ -192,7 +180,7 @@ export default {
192 }); 180 });
193 }); 181 });
194 }, 182 },
195 handleUpdateDic() { 183 handleUpdateDic () {
196 this.$store.dispatch("dictionaries/generateDic").then((res) => { 184 this.$store.dispatch("dictionaries/generateDic").then((res) => {
197 if (res) { 185 if (res) {
198 this.$message({ 186 this.$message({
......