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