Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcjg-web
Showing
39 changed files
with
413 additions
and
282 deletions
... | @@ -7,13 +7,14 @@ class business { | ... | @@ -7,13 +7,14 @@ class business { |
7 | startDate:开始日期 | 7 | startDate:开始日期 |
8 | endDate:结束日期 | 8 | endDate:结束日期 |
9 | */ | 9 | */ |
10 | async getSuucessRate(startDate,endDate) { | 10 | async getSuucessRate(startDate,endDate,qxdm) { |
11 | return request({ | 11 | return request({ |
12 | url: SERVER.SERVERAPI + '/rest/statistics/Business/sf', | 12 | url: SERVER.SERVERAPI + '/rest/statistics/Business/sf', |
13 | method: 'get', | 13 | method: 'get', |
14 | params: { | 14 | params: { |
15 | startDate:startDate, | 15 | startDate:startDate, |
16 | endDate:endDate | 16 | endDate:endDate, |
17 | qxdm:qxdm | ||
17 | } | 18 | } |
18 | }) | 19 | }) |
19 | } | 20 | } | ... | ... |
... | @@ -7,13 +7,14 @@ class efficient { | ... | @@ -7,13 +7,14 @@ class efficient { |
7 | startDate:开始日期 | 7 | startDate:开始日期 |
8 | endDate:结束日期 | 8 | endDate:结束日期 |
9 | */ | 9 | */ |
10 | async getProcessCounts(startDate, endDate) { | 10 | async getProcessCounts(startDate, endDate,qxdm) { |
11 | return request({ | 11 | return request({ |
12 | url: SERVER.SERVERAPI + "/rest/statistics/Efficient/getProcessCounts", | 12 | url: SERVER.SERVERAPI + "/rest/statistics/Efficient/getProcessCounts", |
13 | method: "post", | 13 | method: "post", |
14 | params: { | 14 | params: { |
15 | startDate: startDate, | 15 | startDate: startDate, |
16 | endDate: endDate, | 16 | endDate: endDate, |
17 | qxdm:qxdm | ||
17 | }, | 18 | }, |
18 | }); | 19 | }); |
19 | } | 20 | } | ... | ... |
... | @@ -30,9 +30,9 @@ | ... | @@ -30,9 +30,9 @@ |
30 | border-right: none; | 30 | border-right: none; |
31 | text-align: center; | 31 | text-align: center; |
32 | padding: 0; | 32 | padding: 0; |
33 | color: #05bbdb; | ||
33 | line-height: 16px; | 34 | line-height: 16px; |
34 | font-size: 12px; | 35 | font-size: 12px; |
35 | color: #CEF8FF; | ||
36 | margin-top: 8px !important; | 36 | margin-top: 8px !important; |
37 | } | 37 | } |
38 | 38 | ... | ... |
... | @@ -364,8 +364,9 @@ | ... | @@ -364,8 +364,9 @@ |
364 | 分摊土地面积: <br /> | 364 | 分摊土地面积: <br /> |
365 | <p class="label-detail">(FTTDMJ)</p> | 365 | <p class="label-detail">(FTTDMJ)</p> |
366 | </span> | 366 | </span> |
367 | <el-input :disabled="$store.state.business.Edit" : 999999999999999, min: 0, precision: 3 }" | 367 | <el-input :disabled="$store.state.business.Edit" |
368 | placeholder="分摊土地面积" type="number" v-model.number="ruleForm.fttdmj"></el-input> | 368 | v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="分摊土地面积" type="number" |
369 | v-model.number="ruleForm.fttdmj"></el-input> | ||
369 | </el-form-item> | 370 | </el-form-item> |
370 | </el-col> | 371 | </el-col> |
371 | </el-row> | 372 | </el-row> | ... | ... |
... | @@ -68,7 +68,7 @@ export default { | ... | @@ -68,7 +68,7 @@ export default { |
68 | }, | 68 | }, |
69 | // 如果需要自定义 tooltip样式,需要使用formatter | 69 | // 如果需要自定义 tooltip样式,需要使用formatter |
70 | formatter: params => { | 70 | formatter: params => { |
71 | return `<div style="">${params.name}:${params.value+"个"}</div>` | 71 | return `<div style="">${params.name}:${params.value + "个"}</div>` |
72 | } | 72 | } |
73 | }, | 73 | }, |
74 | visualMap: { | 74 | visualMap: { |
... | @@ -90,23 +90,23 @@ export default { | ... | @@ -90,23 +90,23 @@ export default { |
90 | color: '#737373' | 90 | color: '#737373' |
91 | } | 91 | } |
92 | }, | 92 | }, |
93 | geo: { | 93 | geo: { |
94 | aspectScale: 1, //长宽比 | 94 | aspectScale: 1, //长宽比 |
95 | zoom: 1.1, | 95 | zoom: 1.1, |
96 | mapType: '汉中市', // 自定义扩展图表类型 | 96 | mapType: '汉中市', // 自定义扩展图表类型 |
97 | top: '15%', | 97 | top: '15%', |
98 | left: '10%', | 98 | left: '10%', |
99 | map: '汉中市', | 99 | map: '汉中市', |
100 | itemStyle: { | 100 | itemStyle: { |
101 | normal: {//阴影 | 101 | normal: {//阴影 |
102 | areaColor: '#02D9FD ', | 102 | areaColor: '#02D9FD ', |
103 | shadowColor: '#01271F', | 103 | shadowColor: '#01271F', |
104 | borderWidth: 0, | 104 | borderWidth: 0, |
105 | shadowOffsetX: 2, | 105 | shadowOffsetX: 2, |
106 | shadowOffsetY: 25 | 106 | shadowOffsetY: 25 |
107 | } | 107 | } |
108 | } | 108 | } |
109 | }, | 109 | }, |
110 | series: [ | 110 | series: [ |
111 | { | 111 | { |
112 | type: 'map', | 112 | type: 'map', |
... | @@ -121,7 +121,7 @@ export default { | ... | @@ -121,7 +121,7 @@ export default { |
121 | borderColor: 'rgba(0,242,252,.5)', | 121 | borderColor: 'rgba(0,242,252,.5)', |
122 | borderWidth: 2, | 122 | borderWidth: 2, |
123 | shadowBlur: 7, | 123 | shadowBlur: 7, |
124 | borderColor:'rgba(19,54,162,.1)', | 124 | borderColor: 'rgba(19,54,162,.1)', |
125 | shadowColor: '#44f2fc', | 125 | shadowColor: '#44f2fc', |
126 | }, | 126 | }, |
127 | emphasis: { | 127 | emphasis: { |
... | @@ -133,8 +133,7 @@ export default { | ... | @@ -133,8 +133,7 @@ export default { |
133 | }, | 133 | }, |
134 | }, | 134 | }, |
135 | label: { | 135 | label: { |
136 | 136 | formatter: params => { | |
137 | formatter: params => { | ||
138 | return `${params.name}\n${params.value+"个"}`; | 137 | return `${params.name}\n${params.value+"个"}`; |
139 | }, | 138 | }, |
140 | show: true, | 139 | show: true, | ... | ... |
... | @@ -7,11 +7,11 @@ export default { | ... | @@ -7,11 +7,11 @@ export default { |
7 | components: { | 7 | components: { |
8 | Echart, | 8 | Echart, |
9 | }, | 9 | }, |
10 | data() { | 10 | data () { |
11 | return { | 11 | return { |
12 | key:0 | 12 | key: 0 |
13 | } | 13 | } |
14 | }, | 14 | }, |
15 | props: { | 15 | props: { |
16 | cdata: { | 16 | cdata: { |
17 | type: Object, | 17 | type: Object, |
... | @@ -21,11 +21,10 @@ export default { | ... | @@ -21,11 +21,10 @@ export default { |
21 | watch: { | 21 | watch: { |
22 | cdata: { | 22 | cdata: { |
23 | handler (newData) { | 23 | handler (newData) { |
24 | console.log("newData",newData); | ||
25 | this.options = { | 24 | this.options = { |
26 | grid: { | 25 | grid: { |
27 | right:"1%", | 26 | right: "1%", |
28 | bottom:"4%" | 27 | bottom: "4%" |
29 | }, | 28 | }, |
30 | color: [ | 29 | color: [ |
31 | "#37a2da", | 30 | "#37a2da", |
... | @@ -56,7 +55,7 @@ export default { | ... | @@ -56,7 +55,7 @@ export default { |
56 | ], | 55 | ], |
57 | 56 | ||
58 | } | 57 | } |
59 | this.key++ | 58 | this.key++ |
60 | }, | 59 | }, |
61 | immediate: true, | 60 | immediate: true, |
62 | deep: true | 61 | deep: true | ... | ... |
... | @@ -19,7 +19,7 @@ export default { | ... | @@ -19,7 +19,7 @@ export default { |
19 | Chart, | 19 | Chart, |
20 | }, | 20 | }, |
21 | mounted () { | 21 | mounted () { |
22 | this.getdjywltotal(); | 22 | this.getdjywltotal(); |
23 | 23 | ||
24 | 24 | ||
25 | }, | 25 | }, |
... | @@ -35,14 +35,15 @@ export default { | ... | @@ -35,14 +35,15 @@ export default { |
35 | let res = await work.getdjywltotal(p); | 35 | let res = await work.getdjywltotal(p); |
36 | // 遍历修改数组键,作为echars图表的参数 | 36 | // 遍历修改数组键,作为echars图表的参数 |
37 | res.result.map((item) => { | 37 | res.result.map((item) => { |
38 | |||
38 | return ( | 39 | return ( |
39 | this.cdata.seriesData.push({ "name": item.AREACODE, "value": item.ywtotal }) | 40 | this.cdata.seriesData.push({ "name": item.AREACODE, "value": item.ywtotal }) |
40 | 41 | ||
41 | ) | 42 | ) |
42 | }); | 43 | }); |
43 | } catch (error) { | 44 | } catch (error) { |
44 | console.log(error); | 45 | console.log(error); |
45 | } | 46 | } |
46 | 47 | ||
47 | 48 | ||
48 | }, | 49 | }, |
... | @@ -51,4 +52,5 @@ export default { | ... | @@ -51,4 +52,5 @@ export default { |
51 | </script> | 52 | </script> |
52 | 53 | ||
53 | <style lang="scss" scoped> | 54 | <style lang="scss" scoped> |
55 | |||
54 | </style> | 56 | </style> | ... | ... |
... | @@ -279,6 +279,7 @@ export default { | ... | @@ -279,6 +279,7 @@ export default { |
279 | border: 1px solid #224C7C !important; | 279 | border: 1px solid #224C7C !important; |
280 | margin: 0 0 10px 0 !important; | 280 | margin: 0 0 10px 0 !important; |
281 | width: 100% !important; | 281 | width: 100% !important; |
282 | color: #dadde3 !important; | ||
282 | background: transparent !important; | 283 | background: transparent !important; |
283 | } | 284 | } |
284 | 285 | ||
... | @@ -286,6 +287,7 @@ export default { | ... | @@ -286,6 +287,7 @@ export default { |
286 | border: 1px solid #224C7C !important; | 287 | border: 1px solid #224C7C !important; |
287 | margin: 0 !important; | 288 | margin: 0 !important; |
288 | width: 100% !important; | 289 | width: 100% !important; |
290 | color: #dadde3 !important; | ||
289 | background: transparent !important; | 291 | background: transparent !important; |
290 | } | 292 | } |
291 | } | 293 | } |
... | @@ -367,6 +369,7 @@ export default { | ... | @@ -367,6 +369,7 @@ export default { |
367 | 369 | ||
368 | .tab-pane-item { | 370 | .tab-pane-item { |
369 | line-height: 20px; | 371 | line-height: 20px; |
372 | color: #02D9FD; | ||
370 | 373 | ||
371 | p { | 374 | p { |
372 | text-align: center; | 375 | text-align: center; | ... | ... |
... | @@ -66,13 +66,24 @@ export default { | ... | @@ -66,13 +66,24 @@ export default { |
66 | .sidebarLeft { | 66 | .sidebarLeft { |
67 | position: relative; | 67 | position: relative; |
68 | top: 13px; | 68 | top: 13px; |
69 | left: 10px; | 69 | width: 30%; |
70 | } | ||
71 | |||
72 | /deep/.el-menu { | ||
73 | display: flex; | ||
74 | justify-content: space-between; | ||
75 | } | ||
76 | |||
77 | /deep/.el-menu-item { | ||
78 | flex: 1; | ||
79 | width: 100%; | ||
70 | } | 80 | } |
71 | 81 | ||
72 | .sidebarRight { | 82 | .sidebarRight { |
73 | position: relative; | 83 | position: relative; |
74 | left: 10px; | ||
75 | top: 13px; | 84 | top: 13px; |
85 | width: 30%; | ||
86 | padding-left: 20px; | ||
76 | } | 87 | } |
77 | 88 | ||
78 | // 导航选中背景色 | 89 | // 导航选中背景色 | ... | ... |
1 | <template> | 1 | <template> |
2 | <el-menu router :default-active="activeMenu" mode="horizontal" menu-trigger="click"> | 2 | <el-menu router :default-active="activeMenu" mode="horizontal"> |
3 | <!-- 权限菜单 --> | 3 | <!-- 权限菜单 --> |
4 | <sidebar-item v-for="route in permission_routes.slice(1, 4)" :key="route.path" :item="route" | 4 | <sidebar-item v-for="route in permission_routes.slice(1, 4)" :key="route.path" :item="route" |
5 | :base-path="route.path" /> | 5 | :base-path="route.path" /> | ... | ... |
... | @@ -463,7 +463,7 @@ table td { | ... | @@ -463,7 +463,7 @@ table td { |
463 | } | 463 | } |
464 | 464 | ||
465 | .el-select-dropdown { | 465 | .el-select-dropdown { |
466 | top: 175px !important; | 466 | margin-top: 5px !important; |
467 | } | 467 | } |
468 | 468 | ||
469 | .el-menu--horizontal .el-menu--popup .el-menu-item:not(.is-disabled):hover, | 469 | .el-menu--horizontal .el-menu--popup .el-menu-item:not(.is-disabled):hover, | ... | ... |
... | @@ -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="行政区"> | ... | ... |
... | @@ -7,7 +7,7 @@ class data extends filter { | ... | @@ -7,7 +7,7 @@ class data extends filter { |
7 | return [ | 7 | return [ |
8 | { | 8 | { |
9 | label: "行政区", | 9 | label: "行政区", |
10 | width: 80, | 10 | width: 80, |
11 | render: (h, scope) => { | 11 | render: (h, scope) => { |
12 | return ( | 12 | return ( |
13 | <div> | 13 | <div> |
... | @@ -18,7 +18,7 @@ class data extends filter { | ... | @@ -18,7 +18,7 @@ class data extends filter { |
18 | }, | 18 | }, |
19 | { | 19 | { |
20 | label: "权属状态", | 20 | label: "权属状态", |
21 | width: 80, | 21 | width: 80, |
22 | render: (h, scope) => { | 22 | render: (h, scope) => { |
23 | return ( | 23 | return ( |
24 | <div> | 24 | <div> |
... | @@ -26,10 +26,10 @@ class data extends filter { | ... | @@ -26,10 +26,10 @@ class data extends filter { |
26 | </div> | 26 | </div> |
27 | ) | 27 | ) |
28 | }, | 28 | }, |
29 | }, | 29 | }, |
30 | { | 30 | { |
31 | label: "权利类型", | 31 | label: "权利类型", |
32 | width: 80, | 32 | width: 80, |
33 | render: (h, scope) => { | 33 | render: (h, scope) => { |
34 | return ( | 34 | return ( |
35 | <div> | 35 | <div> |
... | @@ -40,7 +40,7 @@ class data extends filter { | ... | @@ -40,7 +40,7 @@ class data extends filter { |
40 | }, | 40 | }, |
41 | { | 41 | { |
42 | label: "登记类型", | 42 | label: "登记类型", |
43 | width: 80, | 43 | width: 80, |
44 | render: (h, scope) => { | 44 | render: (h, scope) => { |
45 | return ( | 45 | return ( |
46 | <div> | 46 | <div> |
... | @@ -57,11 +57,12 @@ class data extends filter { | ... | @@ -57,11 +57,12 @@ class data extends filter { |
57 | { | 57 | { |
58 | label: "不动产单元号", | 58 | label: "不动产单元号", |
59 | prop: "BDCDYH", | 59 | prop: "BDCDYH", |
60 | width: 150, | 60 | width: 150, |
61 | }, | 61 | }, |
62 | { | 62 | { |
63 | label: "不动产权证号", | 63 | label: "不动产权证号", |
64 | prop: "BDCQZH" | 64 | prop: "BDCQZH", |
65 | width: 150, | ||
65 | }, | 66 | }, |
66 | { | 67 | { |
67 | label: "权利人", | 68 | label: "权利人", |
... | @@ -74,13 +75,13 @@ class data extends filter { | ... | @@ -74,13 +75,13 @@ class data extends filter { |
74 | { | 75 | { |
75 | label: "使用权面积", | 76 | label: "使用权面积", |
76 | prop: "SYQMJ", | 77 | prop: "SYQMJ", |
77 | width: 90, | 78 | width: 90, |
78 | }, | 79 | }, |
79 | { | 80 | { |
80 | label: "坐落", | 81 | label: "坐落", |
81 | prop: "zl" | 82 | prop: "zl" |
82 | }, | 83 | }, |
83 | 84 | ||
84 | { | 85 | { |
85 | label: "登记时间", | 86 | label: "登记时间", |
86 | width: 140, | 87 | width: 140, | ... | ... |
... | @@ -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="行政区"> |
... | @@ -13,7 +16,7 @@ | ... | @@ -13,7 +16,7 @@ |
13 | </el-col> | 16 | </el-col> |
14 | <el-col :span="6"> | 17 | <el-col :span="6"> |
15 | <el-form-item label="权属状态"> | 18 | <el-form-item label="权属状态"> |
16 | <el-select class="width100" v-model="form.QSZT" placeholder="权属状态"> | 19 | <el-select class="width100" v-model="form.QSZT" placeholder="权属状态"> |
17 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 20 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
18 | </el-option> | 21 | </el-option> |
19 | </el-select> | 22 | </el-select> |
... | @@ -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="行政区"> | ... | ... |
... | @@ -36,11 +36,13 @@ class data extends filter { | ... | @@ -36,11 +36,13 @@ class data extends filter { |
36 | }, | 36 | }, |
37 | { | 37 | { |
38 | label: "不动产单元号", | 38 | label: "不动产单元号", |
39 | prop: "BDCDYH" | 39 | prop: "BDCDYH", |
40 | width: 150, | ||
40 | }, | 41 | }, |
41 | { | 42 | { |
42 | label: "不动产权证号", | 43 | label: "不动产权证号", |
43 | prop: "BDCQZH" | 44 | prop: "BDCQZH", |
45 | width: 150, | ||
44 | }, | 46 | }, |
45 | { | 47 | { |
46 | label: "地籍号", | 48 | 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="行政区"> | ... | ... |
... | @@ -18,7 +18,7 @@ | ... | @@ -18,7 +18,7 @@ |
18 | </p> | 18 | </p> |
19 | <p> | 19 | <p> |
20 | <span>成功率</span> | 20 | <span>成功率</span> |
21 | <span class="cg">{{qxcgl}}</span> | 21 | <span class="cg">{{ qxcgl }}</span> |
22 | </p> | 22 | </p> |
23 | </div> | 23 | </div> |
24 | </div> | 24 | </div> |
... | @@ -41,7 +41,7 @@ | ... | @@ -41,7 +41,7 @@ |
41 | </p> | 41 | </p> |
42 | <p> | 42 | <p> |
43 | <span>成功率</span> | 43 | <span>成功率</span> |
44 | <span class="cg">{{stcgl}}</span> | 44 | <span class="cg">{{ stcgl }}</span> |
45 | </p> | 45 | </p> |
46 | </div> | 46 | </div> |
47 | </div> | 47 | </div> |
... | @@ -66,8 +66,8 @@ export default { | ... | @@ -66,8 +66,8 @@ export default { |
66 | stsuccess: "", | 66 | stsuccess: "", |
67 | qxjrl: "", | 67 | qxjrl: "", |
68 | stjrl: "", | 68 | stjrl: "", |
69 | qxcgl:"", | 69 | qxcgl: "", |
70 | stcgl:"" | 70 | stcgl: "" |
71 | }; | 71 | }; |
72 | }, | 72 | }, |
73 | mounted () { | 73 | mounted () { |
... | @@ -76,10 +76,10 @@ export default { | ... | @@ -76,10 +76,10 @@ export default { |
76 | components: { columnar }, | 76 | components: { columnar }, |
77 | computed: { | 77 | computed: { |
78 | qxjrlList: function () { | 78 | qxjrlList: function () { |
79 | return this.qxjrl.toString().split(""); | 79 | return this.qxjrl && this.qxjrl.toString().split(""); |
80 | }, | 80 | }, |
81 | stjrlList: function () { | 81 | stjrlList: function () { |
82 | return this.stjrl.toString().split(""); | 82 | return this.stjrl && this.stjrl.toString().split(""); |
83 | }, | 83 | }, |
84 | }, | 84 | }, |
85 | methods: { | 85 | methods: { |
... | @@ -92,7 +92,6 @@ export default { | ... | @@ -92,7 +92,6 @@ export default { |
92 | XZQDM: "", | 92 | XZQDM: "", |
93 | }; | 93 | }; |
94 | let res = await work.getsthjqxjrtotal(p); | 94 | let res = await work.getsthjqxjrtotal(p); |
95 | console.log("res",res); | ||
96 | this.stjrl=res.result.stsum | 95 | this.stjrl=res.result.stsum |
97 | this.qxjrl=res.result.qxsum | 96 | this.qxjrl=res.result.qxsum |
98 | this.qxerrer=Number(res.result.qxjrerrer) | 97 | this.qxerrer=Number(res.result.qxjrerrer) |
... | @@ -105,8 +104,8 @@ export default { | ... | @@ -105,8 +104,8 @@ export default { |
105 | let stcgl=Number(res.result.sthjsuccess)/this.qxjrl*100 | 104 | let stcgl=Number(res.result.sthjsuccess)/this.qxjrl*100 |
106 | this.qxcgl=qxcglnum.toFixed(2)+"%"; | 105 | this.qxcgl=qxcglnum.toFixed(2)+"%"; |
107 | this.stcgl=stcgl.toFixed(2)+"%"; | 106 | this.stcgl=stcgl.toFixed(2)+"%"; |
108 | } | ||
109 | 107 | ||
108 | } | ||
110 | } catch (error) { | 109 | } catch (error) { |
111 | this.$refs.msg.messageShow(); | 110 | this.$refs.msg.messageShow(); |
112 | } | 111 | } | ... | ... |
... | @@ -2,34 +2,44 @@ | ... | @@ -2,34 +2,44 @@ |
2 | <!-- 监控日志 --> | 2 | <!-- 监控日志 --> |
3 | <div class="jktjDetail form-clues"> | 3 | <div class="jktjDetail form-clues"> |
4 | <!-- 头部搜索 --> | 4 | <!-- 头部搜索 --> |
5 | <el-form | 5 | <div class="from-clues-header"> |
6 | ref="form" | 6 | <el-form ref="form" :model="form" label-width="100px"> |
7 | :model="form" | 7 | <el-form-item> |
8 | :inline="true" | 8 | <Breadcrumb /> |
9 | class="from-clues-header" | 9 | </el-form-item> |
10 | label-width="100px" | 10 | <el-row> |
11 | > | 11 | <el-col :span="4"> |
12 | <el-row class="rows"> | 12 | <el-form-item label="开始日期" prop="startTime"> |
13 | <el-col :span="8"> | 13 | <el-date-picker |
14 | <el-form-item label="开始日期"> | 14 | type="datetime" |
15 | <el-date-picker | 15 | placeholder="开始日期" |
16 | v-model="valueTime" | 16 | :picker-options="pickerOptionsStart" |
17 | value-format="yyyy/MM/dd HH:mm:ss" | 17 | clearable |
18 | type="datetimerange" | 18 | v-model="form.startTime" |
19 | range-separator="至" | 19 | value-format="yyyy/MM/dd HH:mm:ss" |
20 | start-placeholder="开始日期" | 20 | ></el-date-picker> |
21 | end-placeholder="结束日期" | 21 | </el-form-item> |
22 | > | 22 | </el-col> |
23 | </el-date-picker> | 23 | <el-col :span="4"> |
24 | </el-form-item> | 24 | <el-form-item label="结束日期" prop="endTime"> |
25 | </el-col> | 25 | <el-date-picker |
26 | <!-- 操作按钮 --> | 26 | type="datetime" |
27 | <el-col :span="3" class="btnColRight"> | 27 | placeholder="结束日期" |
28 | <btn nativeType="cz" @click="resetForm">重置</btn> | 28 | :picker-options="pickerOptionsEnd" |
29 | <btn nativeType="cx" @click="getProcessCounts">查询</btn> | 29 | clearable |
30 | </el-col> | 30 | v-model="form.endTime" |
31 | </el-row> | 31 | value-format="yyyy/MM/dd HH:mm:ss" |
32 | </el-form> | 32 | ></el-date-picker> |
33 | </el-form-item> | ||
34 | </el-col> | ||
35 | <!-- 操作按钮 --> | ||
36 | <el-col :span="3" class="btnColRight"> | ||
37 | <btn nativeType="cz" @click="resetForm">重置</btn> | ||
38 | <btn nativeType="cx" @click="getProcessCounts">查询</btn> | ||
39 | </el-col> | ||
40 | </el-row> | ||
41 | </el-form> | ||
42 | </div> | ||
33 | <!-- 表格 --> | 43 | <!-- 表格 --> |
34 | <div class="form-clues-content echarts-box" v-if="pieChartsData.length"> | 44 | <div class="form-clues-content echarts-box" v-if="pieChartsData.length"> |
35 | <div id="myChart" class="chart"></div> | 45 | <div id="myChart" class="chart"></div> |
... | @@ -44,7 +54,7 @@ import efficient from "@/api/efficient"; | ... | @@ -44,7 +54,7 @@ import efficient from "@/api/efficient"; |
44 | import { getFirstDayOfSeason, timeFormat } from "@/utils/operation"; | 54 | import { getFirstDayOfSeason, timeFormat } from "@/utils/operation"; |
45 | export default { | 55 | export default { |
46 | name: "jktj", | 56 | name: "jktj", |
47 | data() { | 57 | data () { |
48 | return { | 58 | return { |
49 | // 开始结束日期限制 | 59 | // 开始结束日期限制 |
50 | pickerOptionsStart: { | 60 | pickerOptionsStart: { |
... | @@ -62,26 +72,28 @@ export default { | ... | @@ -62,26 +72,28 @@ export default { |
62 | } | 72 | } |
63 | }, | 73 | }, |
64 | }, | 74 | }, |
75 | form: { | ||
76 | startTime: getFirstDayOfSeason(), | ||
77 | endTime: timeFormat(new Date(), true), | ||
78 | }, | ||
65 | // 搜索表单 | 79 | // 搜索表单 |
66 | valueTime: [getFirstDayOfSeason(), timeFormat(new Date(),true)], | ||
67 | // valueTime: ["2022/01/01 00:00:00", timeFormat(new Date())], | ||
68 | pieChartsData: [], | 80 | pieChartsData: [], |
69 | }; | 81 | }; |
70 | }, | 82 | }, |
71 | created() { | 83 | created () {}, |
84 | mounted() { | ||
72 | this.getProcessCounts(); | 85 | this.getProcessCounts(); |
73 | }, | 86 | }, |
74 | mounted() {}, | ||
75 | computed: { | 87 | computed: { |
76 | ...mapGetters(["dicData"]), | 88 | ...mapGetters(["dicData"]), |
77 | }, | 89 | }, |
78 | methods: { | 90 | methods: { |
79 | //查询各区县办件数量 | 91 | //查询各区县办件数量 |
80 | async getProcessCounts() { | 92 | async getProcessCounts () { |
81 | this.pieChartsData = []; | 93 | this.pieChartsData = []; |
82 | let { result: res } = await efficient.getProcessCounts( | 94 | let { result: res } = await efficient.getProcessCounts( |
83 | this.valueTime[0], | 95 | this.form.startTime, |
84 | this.valueTime[1] | 96 | this.form.endTime |
85 | ); | 97 | ); |
86 | //获取图表配置项需要的数据 | 98 | //获取图表配置项需要的数据 |
87 | res.length > 0 && | 99 | res.length > 0 && |
... | @@ -95,24 +107,29 @@ export default { | ... | @@ -95,24 +107,29 @@ export default { |
95 | groupId: item.recType, | 107 | groupId: item.recType, |
96 | }); | 108 | }); |
97 | }); | 109 | }); |
98 | // 初始化图表 | 110 | res.length && this.$nextTick(() => { |
99 | this.echartInit(); | 111 | // 初始化图表 |
100 | this.barChartInit(res[0].recType); | 112 | this.echartInit(); |
113 | this.barChartInit(res[0].recType); | ||
114 | }); | ||
101 | }, | 115 | }, |
102 | // 重置 | 116 | // 重置 |
103 | resetForm() { | 117 | resetForm () { |
104 | this.valueTime = [getFirstDayOfSeason(), timeFormat(new Date(),true)]; | 118 | this.form = { |
119 | startTime: getFirstDayOfSeason(), | ||
120 | endTime: timeFormat(new Date(), true), | ||
121 | }; | ||
105 | this.getProcessCounts(); | 122 | this.getProcessCounts(); |
106 | }, | 123 | }, |
107 | //玫瑰图初始化 | 124 | //玫瑰图初始化 |
108 | echartInit() { | 125 | echartInit () { |
109 | let _this = this; | 126 | let _this = this; |
110 | // 基于准备好的dom,初始化echarts实例 | 127 | // 基于准备好的dom,初始化echarts实例 |
111 | let myChart = this.$echarts.init(document.getElementById("myChart")); | 128 | let myChart = this.$echarts.init(document.getElementById("myChart")); |
112 | // 绘制图表 | 129 | // 绘制图表 |
113 | myChart.setOption({ | 130 | myChart.setOption({ |
114 | legend: { | 131 | legend: { |
115 | bottom: "6%", | 132 | bottom: "2%", |
116 | left: "center", | 133 | left: "center", |
117 | textStyle: { | 134 | textStyle: { |
118 | color: "#fff", | 135 | color: "#fff", |
... | @@ -127,14 +144,11 @@ export default { | ... | @@ -127,14 +144,11 @@ export default { |
127 | name: "各业务类型办理数量", | 144 | name: "各业务类型办理数量", |
128 | type: "pie", | 145 | type: "pie", |
129 | radius: [0, 250], | 146 | radius: [0, 250], |
130 | center: ["50%", "30%"], | 147 | center: ["50%", "45%"], |
131 | roseType: "area", | 148 | roseType: "area", |
132 | itemStyle: { | 149 | itemStyle: { |
133 | borderRadius: 8, | 150 | borderRadius: 8, |
134 | }, | 151 | }, |
135 | label: { | ||
136 | show: false, | ||
137 | }, | ||
138 | data: this.pieChartsData, | 152 | data: this.pieChartsData, |
139 | }, | 153 | }, |
140 | ], | 154 | ], |
... | @@ -169,23 +183,32 @@ export default { | ... | @@ -169,23 +183,32 @@ export default { |
169 | }); | 183 | }); |
170 | }, | 184 | }, |
171 | //柱图初始化 | 185 | //柱图初始化 |
172 | async barChartInit(recType) { | 186 | async barChartInit (recType) { |
173 | //请求recType对应业务的各区县数据 | 187 | //请求recType对应业务的各区县数据 |
174 | let { result: res } = await efficient.getProcessDays( | 188 | let { result: res } = await efficient.getProcessDays( |
175 | recType, | 189 | recType, |
176 | this.valueTime[0], | 190 | this.form.startTime, |
177 | this.valueTime[1] | 191 | this.form.endTime |
178 | ); | 192 | ); |
193 | //行政区数组 | ||
179 | let xzqArr = []; | 194 | let xzqArr = []; |
180 | //行政区代码过滤 | 195 | this.dicData["A20"].forEach((item) => { |
181 | res.length > 0 && | 196 | xzqArr.push(item.DNAME); |
182 | res.forEach((item) => { | 197 | let tempArr = res.filter((i) => { |
183 | xzqArr.push( | 198 | return i.qxdm == item.DCODE; |
184 | this.dicData["A20"].filter((i) => { | ||
185 | return i.DCODE == item.qxdm; | ||
186 | })[0].DNAME | ||
187 | ); | ||
188 | }); | 199 | }); |
200 | if (tempArr.length) { | ||
201 | item.avgDay = tempArr[0].avgDay; | ||
202 | item.maxDay = tempArr[0].maxDay; | ||
203 | item.minDay = tempArr[0].minDay; | ||
204 | } else { | ||
205 | item.avgDay = 0; | ||
206 | item.maxDay = 0; | ||
207 | item.minDay = 0; | ||
208 | } | ||
209 | }); | ||
210 | //补全无数据行政区后的结果数组 | ||
211 | let dealArr = [...this.dicData["A20"]]; | ||
189 | let myChartBar = this.$echarts.init( | 212 | let myChartBar = this.$echarts.init( |
190 | document.getElementById("myChart-bar") | 213 | document.getElementById("myChart-bar") |
191 | ); | 214 | ); |
... | @@ -220,7 +243,7 @@ export default { | ... | @@ -220,7 +243,7 @@ export default { |
220 | textStyle: { | 243 | textStyle: { |
221 | show: true, | 244 | show: true, |
222 | color: "#fff", | 245 | color: "#fff", |
223 | fontSize: "20", | 246 | fontSize: "16", |
224 | }, | 247 | }, |
225 | }, | 248 | }, |
226 | }, | 249 | }, |
... | @@ -245,18 +268,21 @@ export default { | ... | @@ -245,18 +268,21 @@ export default { |
245 | series: [ | 268 | series: [ |
246 | { | 269 | { |
247 | type: "bar", | 270 | type: "bar", |
271 | barMaxWidth: '60', | ||
248 | name: "最短用时", | 272 | name: "最短用时", |
249 | data: res.map((item) => item.minDay), | 273 | data: dealArr.map((item) => item.minDay), |
250 | }, | 274 | }, |
251 | { | 275 | { |
252 | type: "bar", | 276 | type: "bar", |
277 | barMaxWidth: '60', | ||
253 | name: "平均用时", | 278 | name: "平均用时", |
254 | data: res.map((item) => item.avgDay), | 279 | data: dealArr.map((item) => item.avgDay), |
255 | }, | 280 | }, |
256 | { | 281 | { |
257 | type: "bar", | 282 | type: "bar", |
283 | barMaxWidth: '60', | ||
258 | name: "最长用时", | 284 | name: "最长用时", |
259 | data: res.map((item) => item.maxDay), | 285 | data: dealArr.map((item) => item.maxDay), |
260 | }, | 286 | }, |
261 | ], | 287 | ], |
262 | }); | 288 | }); |
... | @@ -271,21 +297,26 @@ export default { | ... | @@ -271,21 +297,26 @@ export default { |
271 | height: 100%; | 297 | height: 100%; |
272 | display: flex; | 298 | display: flex; |
273 | flex-direction: column; | 299 | flex-direction: column; |
300 | |||
274 | .rows { | 301 | .rows { |
275 | margin-left: 100px; | 302 | margin-left: 100px; |
276 | } | 303 | } |
304 | |||
277 | .center { | 305 | .center { |
278 | line-height: 50vh; | 306 | line-height: 50vh; |
279 | text-align: center; | 307 | text-align: center; |
280 | } | 308 | } |
309 | |||
281 | .echarts-box { | 310 | .echarts-box { |
282 | display: flex; | 311 | display: flex; |
283 | justify-content: center; | 312 | justify-content: center; |
313 | |||
284 | .chart { | 314 | .chart { |
285 | width: 40%; | 315 | width: 40%; |
286 | height: 100%; | 316 | height: 100%; |
287 | float: left; | 317 | float: left; |
288 | } | 318 | } |
319 | |||
289 | .chart-bar { | 320 | .chart-bar { |
290 | width: 60%; | 321 | width: 60%; |
291 | } | 322 | } | ... | ... |
... | @@ -4,11 +4,14 @@ | ... | @@ -4,11 +4,14 @@ |
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="4"> |
9 | <el-form-item label="行政区"> | 12 | <el-form-item label="行政区"> |
10 | <el-select | 13 | <el-select |
11 | v-model="form.XZQDM" | 14 | v-model="form.qxdm" |
12 | class="width100" | 15 | class="width100" |
13 | clearable | 16 | clearable |
14 | placeholder="行政区" | 17 | placeholder="行政区" |
... | @@ -23,17 +26,28 @@ | ... | @@ -23,17 +26,28 @@ |
23 | </el-select> | 26 | </el-select> |
24 | </el-form-item> | 27 | </el-form-item> |
25 | </el-col> | 28 | </el-col> |
26 | <el-col :span="8"> | 29 | <el-col :span="4"> |
27 | <el-form-item label="开始日期"> | 30 | <el-form-item label="开始日期" prop="startTime"> |
28 | <el-date-picker | 31 | <el-date-picker |
29 | v-model="valueTime" | 32 | type="datetime" |
33 | placeholder="开始日期" | ||
34 | :picker-options="pickerOptionsStart" | ||
35 | clearable | ||
36 | v-model="form.startTime" | ||
30 | value-format="yyyy/MM/dd HH:mm:ss" | 37 | value-format="yyyy/MM/dd HH:mm:ss" |
31 | type="datetimerange" | 38 | ></el-date-picker> |
32 | range-separator="至" | 39 | </el-form-item> |
33 | start-placeholder="开始日期" | 40 | </el-col> |
34 | end-placeholder="结束日期" | 41 | <el-col :span="4"> |
35 | > | 42 | <el-form-item label="结束日期" prop="endTime"> |
36 | </el-date-picker> | 43 | <el-date-picker |
44 | type="datetime" | ||
45 | placeholder="结束日期" | ||
46 | :picker-options="pickerOptionsEnd" | ||
47 | clearable | ||
48 | v-model="form.endTime" | ||
49 | value-format="yyyy/MM/dd HH:mm:ss" | ||
50 | ></el-date-picker> | ||
37 | </el-form-item> | 51 | </el-form-item> |
38 | </el-col> | 52 | </el-col> |
39 | <!-- 操作按钮 --> | 53 | <!-- 操作按钮 --> |
... | @@ -58,7 +72,7 @@ import { getFirstDayOfSeason, timeFormat } from "@/utils/operation"; | ... | @@ -58,7 +72,7 @@ import { getFirstDayOfSeason, timeFormat } from "@/utils/operation"; |
58 | import business from "@/api/business"; | 72 | import business from "@/api/business"; |
59 | export default { | 73 | export default { |
60 | name: "jktj", | 74 | name: "jktj", |
61 | data() { | 75 | data () { |
62 | return { | 76 | return { |
63 | // 开始结束日期限制 | 77 | // 开始结束日期限制 |
64 | pickerOptionsStart: { | 78 | pickerOptionsStart: { |
... | @@ -76,18 +90,17 @@ export default { | ... | @@ -76,18 +90,17 @@ export default { |
76 | } | 90 | } |
77 | }, | 91 | }, |
78 | }, | 92 | }, |
79 | // 搜索表单 | ||
80 | valueTime: [getFirstDayOfSeason(), timeFormat(new Date(),true)], | ||
81 | recTypeArr: [], | 93 | recTypeArr: [], |
82 | chartData: [], | 94 | chartData: [], |
95 | // 搜索表单 | ||
83 | form: { | 96 | form: { |
84 | startTime: "", | 97 | startTime: getFirstDayOfSeason(), |
85 | endTime: "", | 98 | endTime: timeFormat(new Date(),true), |
86 | qxdm: "", | 99 | qxdm: "", |
87 | }, | 100 | }, |
88 | }; | 101 | }; |
89 | }, | 102 | }, |
90 | mounted() { | 103 | mounted () { |
91 | // 查询成功率 | 104 | // 查询成功率 |
92 | this.getSuucessRate(); | 105 | this.getSuucessRate(); |
93 | }, | 106 | }, |
... | @@ -95,12 +108,13 @@ export default { | ... | @@ -95,12 +108,13 @@ export default { |
95 | ...mapGetters(["dicData"]), | 108 | ...mapGetters(["dicData"]), |
96 | }, | 109 | }, |
97 | methods: { | 110 | methods: { |
98 | async getSuucessRate() { | 111 | async getSuucessRate () { |
99 | this.recTypeArr = []; | 112 | this.recTypeArr = []; |
100 | this.chartData = []; | 113 | this.chartData = []; |
101 | let { result: res } = await business.getSuucessRate( | 114 | let { result: res } = await business.getSuucessRate( |
102 | this.valueTime[0], | 115 | this.form.startTime, |
103 | this.valueTime[1] | 116 | this.form.endTime, |
117 | this.form.qxdm | ||
104 | ); | 118 | ); |
105 | this.chartData = res; | 119 | this.chartData = res; |
106 | //行政区代码过滤 | 120 | //行政区代码过滤 |
... | @@ -108,18 +122,20 @@ export default { | ... | @@ -108,18 +122,20 @@ export default { |
108 | res.forEach((item) => { | 122 | res.forEach((item) => { |
109 | this.recTypeArr.push(item.recTypeName); | 123 | this.recTypeArr.push(item.recTypeName); |
110 | }); | 124 | }); |
111 | this.echartInit(); | 125 | this.$nextTick(() => { |
126 | // 初始化图表 | ||
127 | this.chartData.length && this.echartInit(); | ||
128 | }); | ||
112 | }, | 129 | }, |
113 | // 重置 | 130 | // 重置 |
114 | resetForm() { | 131 | resetForm () { |
115 | this.form = { | 132 | this.form = { |
116 | startTime: "", | 133 | startTime: getFirstDayOfSeason(), |
117 | endTime: "", | 134 | endTime: timeFormat(new Date(),true), |
118 | }; | 135 | }; |
119 | this.valueTime = [getFirstDayOfSeason(), timeFormat(new Date(),true)]; | ||
120 | this.getSuucessRate(); | 136 | this.getSuucessRate(); |
121 | }, | 137 | }, |
122 | echartInit() { | 138 | echartInit () { |
123 | let _this = this; | 139 | let _this = this; |
124 | // 基于准备好的dom,初始化echarts实例 | 140 | // 基于准备好的dom,初始化echarts实例 |
125 | let myChart = this.$echarts.init(document.getElementById("myChart")); | 141 | let myChart = this.$echarts.init(document.getElementById("myChart")); |
... | @@ -128,6 +144,7 @@ export default { | ... | @@ -128,6 +144,7 @@ export default { |
128 | color: ["#fff", "#ff6e6e", "#3f99ff", "#ffaf48"], | 144 | color: ["#fff", "#ff6e6e", "#3f99ff", "#ffaf48"], |
129 | tooltip: { | 145 | tooltip: { |
130 | trigger: "axis", | 146 | trigger: "axis", |
147 | formatter: '{b}<br/>{a0}:{c0}个<br/>{a1}:{c1}个<br/>{a2}:{c2}%', | ||
131 | axisPointer: { | 148 | axisPointer: { |
132 | type: "cross", | 149 | type: "cross", |
133 | crossStyle: { | 150 | crossStyle: { |
... | @@ -137,6 +154,7 @@ export default { | ... | @@ -137,6 +154,7 @@ export default { |
137 | }, | 154 | }, |
138 | legend: { | 155 | legend: { |
139 | data: ["成功", "失败", "成功率"], | 156 | data: ["成功", "失败", "成功率"], |
157 | top: '16', | ||
140 | textStyle: { | 158 | textStyle: { |
141 | show: true, | 159 | show: true, |
142 | color: "#fff", | 160 | color: "#fff", |
... | @@ -201,12 +219,12 @@ export default { | ... | @@ -201,12 +219,12 @@ export default { |
201 | }, | 219 | }, |
202 | { | 220 | { |
203 | type: "value", | 221 | type: "value", |
204 | name: "成功率/%", | 222 | name: "成功率", |
205 | nameTextStyle: { | 223 | nameTextStyle: { |
206 | color: "#fff", | 224 | color: "#fff", |
207 | fontSize: "16", | 225 | fontSize: "16", |
208 | }, | 226 | }, |
209 | interval: 5, | 227 | splitNumber:2, |
210 | axisLabel: { | 228 | axisLabel: { |
211 | formatter: "{value} %", | 229 | formatter: "{value} %", |
212 | textStyle: { | 230 | textStyle: { |
... | @@ -221,11 +239,7 @@ export default { | ... | @@ -221,11 +239,7 @@ export default { |
221 | { | 239 | { |
222 | name: "成功", | 240 | name: "成功", |
223 | type: "bar", | 241 | type: "bar", |
224 | tooltip: { | 242 | barMaxWidth: '60', |
225 | valueFormatter: function (value) { | ||
226 | return value + " ml"; | ||
227 | }, | ||
228 | }, | ||
229 | data: this.chartData.map((item) => { | 243 | data: this.chartData.map((item) => { |
230 | return item.success; | 244 | return item.success; |
231 | }), | 245 | }), |
... | @@ -233,11 +247,7 @@ export default { | ... | @@ -233,11 +247,7 @@ export default { |
233 | { | 247 | { |
234 | name: "失败", | 248 | name: "失败", |
235 | type: "bar", | 249 | type: "bar", |
236 | tooltip: { | 250 | barMaxWidth: '60', |
237 | valueFormatter: function (value) { | ||
238 | return value + " ml"; | ||
239 | }, | ||
240 | }, | ||
241 | data: this.chartData.map((item) => { | 251 | data: this.chartData.map((item) => { |
242 | return item.failure; | 252 | return item.failure; |
243 | }), | 253 | }), |
... | @@ -245,12 +255,8 @@ export default { | ... | @@ -245,12 +255,8 @@ export default { |
245 | { | 255 | { |
246 | name: "成功率", | 256 | name: "成功率", |
247 | type: "line", | 257 | type: "line", |
258 | barMaxWidth: '60', | ||
248 | yAxisIndex: 1, | 259 | yAxisIndex: 1, |
249 | tooltip: { | ||
250 | valueFormatter: function (value) { | ||
251 | return value + "%"; | ||
252 | }, | ||
253 | }, | ||
254 | data: this.chartData.map((item) => { | 260 | data: this.chartData.map((item) => { |
255 | return item.rate; | 261 | return item.rate; |
256 | }), | 262 | }), |
... | @@ -263,27 +269,33 @@ export default { | ... | @@ -263,27 +269,33 @@ export default { |
263 | </script> | 269 | </script> |
264 | <style scoped lang="scss"> | 270 | <style scoped lang="scss"> |
265 | @import "~@/styles/public.scss"; | 271 | @import "~@/styles/public.scss"; |
272 | |||
266 | .jktjDetail { | 273 | .jktjDetail { |
267 | height: 100%; | 274 | height: 100%; |
268 | display: flex; | 275 | display: flex; |
269 | flex-direction: column; | 276 | flex-direction: column; |
277 | |||
270 | .rows { | 278 | .rows { |
271 | margin-left: 100px; | 279 | margin-left: 100px; |
272 | } | 280 | } |
281 | |||
273 | .center { | 282 | .center { |
274 | line-height: 50vh; | 283 | line-height: 50vh; |
275 | text-align: center; | 284 | text-align: center; |
276 | color:#b6b5b5 | 285 | color: #b6b5b5 |
277 | } | 286 | } |
287 | |||
278 | .echarts-box { | 288 | .echarts-box { |
279 | display: flex; | 289 | display: flex; |
280 | justify-content: center; | 290 | justify-content: center; |
281 | height: 500px; | 291 | height: 500px; |
292 | |||
282 | .chart { | 293 | .chart { |
283 | width: 100%; | 294 | width: 100%; |
284 | height: 100%; | 295 | height: 100%; |
285 | } | 296 | } |
286 | } | 297 | } |
298 | |||
287 | .form-clues-content { | 299 | .form-clues-content { |
288 | flex: 1; | 300 | flex: 1; |
289 | height: 100%; | 301 | height: 100%; | ... | ... |
... | @@ -4,11 +4,14 @@ | ... | @@ -4,11 +4,14 @@ |
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="4"> |
9 | <el-form-item label="行政区"> | 12 | <el-form-item label="行政区"> |
10 | <el-select | 13 | <el-select |
11 | v-model="form.XZQDM" | 14 | v-model="form.qxdm" |
12 | class="width100" | 15 | class="width100" |
13 | clearable | 16 | clearable |
14 | placeholder="行政区" | 17 | placeholder="行政区" |
... | @@ -23,38 +26,53 @@ | ... | @@ -23,38 +26,53 @@ |
23 | </el-select> | 26 | </el-select> |
24 | </el-form-item> | 27 | </el-form-item> |
25 | </el-col> | 28 | </el-col> |
26 | <el-col :span="8"> | 29 | <el-col :span="4"> |
27 | <el-form-item label="开始日期"> | 30 | <el-form-item label="开始日期" prop="startTime"> |
28 | <el-date-picker | 31 | <el-date-picker |
29 | v-model="valueTime" | 32 | type="datetime" |
30 | type="datetimerange" | 33 | placeholder="开始日期" |
31 | range-separator="至" | 34 | :picker-options="pickerOptionsStart" |
32 | start-placeholder="开始日期" | 35 | clearable |
33 | end-placeholder="结束日期" | 36 | v-model="form.startTime" |
34 | > | 37 | value-format="yyyy/MM/dd HH:mm:ss" |
35 | </el-date-picker> | 38 | ></el-date-picker> |
39 | </el-form-item> | ||
40 | </el-col> | ||
41 | <el-col :span="4"> | ||
42 | <el-form-item label="结束日期" prop="endTime"> | ||
43 | <el-date-picker | ||
44 | type="datetime" | ||
45 | placeholder="结束日期" | ||
46 | :picker-options="pickerOptionsEnd" | ||
47 | clearable | ||
48 | v-model="form.endTime" | ||
49 | value-format="yyyy/MM/dd HH:mm:ss" | ||
50 | ></el-date-picker> | ||
36 | </el-form-item> | 51 | </el-form-item> |
37 | </el-col> | 52 | </el-col> |
38 | <!-- 操作按钮 --> | 53 | <!-- 操作按钮 --> |
39 | <el-col :span="3" class="btnColRight"> | 54 | <el-col :span="3" class="btnColRight"> |
40 | <btn nativeType="cz" @click="resetForm">重置</btn> | 55 | <btn nativeType="cz" @click="resetForm">重置</btn> |
41 | <btn nativeType="cx">查询</btn> | 56 | <btn nativeType="cx" @click="getProcessCounts">查询</btn> |
42 | </el-col> | 57 | </el-col> |
43 | </el-row> | 58 | </el-row> |
44 | </el-form> | 59 | </el-form> |
45 | </div> | 60 | </div> |
46 | <!-- 图表 --> | 61 | <!-- 图表 --> |
47 | <div class="form-clues-content echarts-box"> | 62 | <div class="form-clues-content echarts-box" v-if="chartData.length"> |
48 | <div id="myChart" class="chart"></div> | 63 | <div id="myChart" class="chart"></div> |
49 | </div> | 64 | </div> |
65 | <div class="form-clues-content echarts-box center" v-else>暂无数据</div> | ||
50 | </div> | 66 | </div> |
51 | </template> | 67 | </template> |
52 | 68 | ||
53 | <script> | 69 | <script> |
54 | import { mapGetters } from "vuex"; | 70 | import { mapGetters } from "vuex"; |
71 | import efficient from "@/api/efficient"; | ||
72 | import { getFirstDayOfSeason, timeFormat } from "@/utils/operation"; | ||
55 | export default { | 73 | export default { |
56 | name: "jktj", | 74 | name: "jktj", |
57 | data() { | 75 | data () { |
58 | return { | 76 | return { |
59 | // 开始结束日期限制 | 77 | // 开始结束日期限制 |
60 | pickerOptionsStart: { | 78 | pickerOptionsStart: { |
... | @@ -74,29 +92,46 @@ export default { | ... | @@ -74,29 +92,46 @@ export default { |
74 | }, | 92 | }, |
75 | // 搜索表单 | 93 | // 搜索表单 |
76 | valueTime: "", | 94 | valueTime: "", |
95 | // 搜索表单 | ||
77 | form: { | 96 | form: { |
78 | startTime: "", | 97 | startTime: getFirstDayOfSeason(), |
79 | endTime: "", | 98 | endTime: timeFormat(new Date(),true), |
80 | XZQDM: "", | 99 | qxdm: "", |
81 | }, | 100 | }, |
101 | chartData:[] | ||
82 | }; | 102 | }; |
83 | }, | 103 | }, |
84 | mounted() { | 104 | mounted() { |
85 | // 初始化图表 | 105 | // 查询业务量 |
86 | this.echartInit(); | 106 | this.getProcessCounts(); |
87 | }, | 107 | }, |
88 | computed: { | 108 | computed: { |
89 | ...mapGetters(["dicData"]), | 109 | ...mapGetters(["dicData"]), |
90 | }, | 110 | }, |
91 | methods: { | 111 | methods: { |
112 | async getProcessCounts(){ | ||
113 | this.chartData = []; | ||
114 | let { result: res } = await efficient.getProcessCounts( | ||
115 | this.form.startTime, | ||
116 | this.form.endTime, | ||
117 | this.form.qxdm | ||
118 | ); | ||
119 | //获取图表配置项需要的数据 | ||
120 | this.chartData = res; | ||
121 | this.$nextTick(() => { | ||
122 | // 初始化图表 | ||
123 | this.chartData.length && this.echartInit(this.chartData) | ||
124 | }); | ||
125 | }, | ||
92 | // 重置 | 126 | // 重置 |
93 | resetForm() { | 127 | resetForm () { |
94 | this.form = { | 128 | this.form = { |
95 | startTime: "", | 129 | startTime: "", |
96 | endTime: "", | 130 | endTime: "", |
97 | }; | 131 | }; |
98 | }, | 132 | }, |
99 | echartInit() { | 133 | //图表渲染 |
134 | echartInit(chartArr) { | ||
100 | // 基于准备好的dom,初始化echarts实例 | 135 | // 基于准备好的dom,初始化echarts实例 |
101 | let myChart = this.$echarts.init(document.getElementById("myChart")); | 136 | let myChart = this.$echarts.init(document.getElementById("myChart")); |
102 | // 绘制图表 | 137 | // 绘制图表 |
... | @@ -108,7 +143,6 @@ export default { | ... | @@ -108,7 +143,6 @@ export default { |
108 | textStyle: { | 143 | textStyle: { |
109 | fontSize: 16, // 字体大小 | 144 | fontSize: 16, // 字体大小 |
110 | }, | 145 | }, |
111 | extraCssText: "width:220px;height:160px;", // 背景色 | ||
112 | }, | 146 | }, |
113 | grid: { | 147 | grid: { |
114 | top: 120, | 148 | top: 120, |
... | @@ -116,14 +150,7 @@ export default { | ... | @@ -116,14 +150,7 @@ export default { |
116 | xAxis: [ | 150 | xAxis: [ |
117 | { | 151 | { |
118 | type: "category", | 152 | type: "category", |
119 | data: [ | 153 | data: chartArr.map(item=>item.recTypeName), |
120 | "土地所有权", | ||
121 | "建设用地、宅基地使用权", | ||
122 | "构(建)筑物所有权", | ||
123 | "林权", | ||
124 | "注销登记", | ||
125 | "抵押权登记", | ||
126 | ], | ||
127 | axisLabel: { | 154 | axisLabel: { |
128 | interval: 0, | 155 | interval: 0, |
129 | formatter: function (val) { | 156 | formatter: function (val) { |
... | @@ -151,7 +178,7 @@ export default { | ... | @@ -151,7 +178,7 @@ export default { |
151 | textStyle: { | 178 | textStyle: { |
152 | show: true, | 179 | show: true, |
153 | color: "#fff", | 180 | color: "#fff", |
154 | fontSize: "20", | 181 | fontSize: "16", |
155 | }, | 182 | }, |
156 | }, | 183 | }, |
157 | }, | 184 | }, |
... | @@ -175,8 +202,9 @@ export default { | ... | @@ -175,8 +202,9 @@ export default { |
175 | ], | 202 | ], |
176 | series: [ | 203 | series: [ |
177 | { | 204 | { |
178 | data: [200, 120, 150, 80, 70, 30], | 205 | data: chartArr.map(item=>item.counts), |
179 | type: "bar", | 206 | type: "bar", |
207 | barMaxWidth: '60', | ||
180 | }, | 208 | }, |
181 | ], | 209 | ], |
182 | }); | 210 | }); |
... | @@ -186,22 +214,31 @@ export default { | ... | @@ -186,22 +214,31 @@ export default { |
186 | </script> | 214 | </script> |
187 | <style scoped lang="scss"> | 215 | <style scoped lang="scss"> |
188 | @import "~@/styles/public.scss"; | 216 | @import "~@/styles/public.scss"; |
217 | |||
189 | .jktjDetail { | 218 | .jktjDetail { |
190 | height: 100%; | 219 | height: 100%; |
191 | display: flex; | 220 | display: flex; |
192 | flex-direction: column; | 221 | flex-direction: column; |
222 | |||
193 | .rows { | 223 | .rows { |
194 | margin-left: 100px; | 224 | margin-left: 100px; |
195 | } | 225 | } |
226 | .center { | ||
227 | line-height: 50vh; | ||
228 | text-align: center; | ||
229 | color:#b6b5b5 | ||
230 | } | ||
196 | .echarts-box { | 231 | .echarts-box { |
197 | display: flex; | 232 | display: flex; |
198 | justify-content: center; | 233 | justify-content: center; |
199 | height: 500px; | 234 | height: 500px; |
235 | |||
200 | .chart { | 236 | .chart { |
201 | width: 100%; | 237 | width: 100%; |
202 | height: 100%; | 238 | height: 100%; |
203 | } | 239 | } |
204 | } | 240 | } |
241 | |||
205 | .form-clues-content { | 242 | .form-clues-content { |
206 | flex: 1; | 243 | flex: 1; |
207 | height: 100%; | 244 | height: 100%; | ... | ... |
... | @@ -29,9 +29,8 @@ class data extends filter { | ... | @@ -29,9 +29,8 @@ class data extends filter { |
29 | <div> | 29 | <div> |
30 | <span v-show={scope.row.exchangeState == 0} class='warehousing'>未上报</span> | 30 | <span v-show={scope.row.exchangeState == 0} class='warehousing'>未上报</span> |
31 | <span v-show={scope.row.exchangeState == 1} class='warehousing'>上报成功未响应</span> | 31 | <span v-show={scope.row.exchangeState == 1} class='warehousing'>上报成功未响应</span> |
32 | <span v-show={scope.row.exchangeState == 2} class='warehousing'>上报失败</span> | 32 | <span v-show={scope.row.exchangeState == 2} class='warehousing'>上报响应失败</span> |
33 | <span v-show={scope.row.exchangeState == 3} class='adopt'>上报成功响应成功</span> | 33 | <span v-show={scope.row.exchangeState == 3} class='adopt'>上报响应成功</span> |
34 | <span v-show={scope.row.exchangeState == 4} class='warehousing'>响应失败</span> | ||
35 | </div> | 34 | </div> |
36 | ) | 35 | ) |
37 | } | 36 | } | ... | ... |
... | @@ -30,8 +30,8 @@ | ... | @@ -30,8 +30,8 @@ |
30 | </el-col> | 30 | </el-col> |
31 | <el-col :span="6"> | 31 | <el-col :span="6"> |
32 | <el-form-item label="汇交状态" prop="state"> | 32 | <el-form-item label="汇交状态" prop="state"> |
33 | <el-select v-model="form.state" class="width100" clearable placeholder="响应结果"> | 33 | <el-select v-model="form.state" class="width100" clearable placeholder="汇交状态"> |
34 | <el-option v-for="item in []" :key="item.value" :label="item.label" :value="item.value"> | 34 | <el-option v-for="item in dicData['sbhjzt']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
35 | </el-option> | 35 | </el-option> |
36 | </el-select> | 36 | </el-select> |
37 | </el-form-item> | 37 | </el-form-item> | ... | ... |
... | @@ -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: { |
... | @@ -95,7 +92,7 @@ export default { | ... | @@ -95,7 +92,7 @@ export default { |
95 | render: (h, scope) => { | 92 | render: (h, scope) => { |
96 | return ( | 93 | return ( |
97 | <div> | 94 | <div> |
98 | <el-button | 95 | <el-button |
99 | type="text" | 96 | type="text" |
100 | size="mini" | 97 | size="mini" |
101 | icon="el-icon-video-pause" | 98 | icon="el-icon-video-pause" |
... | @@ -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="搜索标题"> |
... | @@ -9,8 +12,8 @@ | ... | @@ -9,8 +12,8 @@ |
9 | </el-form-item> | 12 | </el-form-item> |
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({ | ... | ... |
-
Please register or sign in to post a comment