24994b96 by 任超

Merge branch 'master' into dev

2 parents c7576fcd 750abf7a
Showing 133 changed files with 2315 additions and 2811 deletions
1 import request from '@/utils/request'
2 import SERVER from './config'
3
4 class business {
5 /*
6 成功率统计
7 startDate:开始日期
8 endDate:结束日期
9 */
10 async getSuucessRate(startDate,endDate,qxdm) {
11 return request({
12 url: SERVER.SERVERAPI + '/rest/statistics/Business/sf',
13 method: 'get',
14 params: {
15 startDate:startDate,
16 endDate:endDate,
17 qxdm:qxdm
18 }
19 })
20 }
21 }
22 export default new business()
...\ No newline at end of file ...\ No newline at end of file
1 import request from "@/utils/request";
2 import SERVER from "./config";
3
4 class efficient {
5 /*
6 获取对应的业务量总数
7 startDate:开始日期
8 endDate:结束日期
9 */
10 async getProcessCounts(startDate, endDate,qxdm) {
11 return request({
12 url: SERVER.SERVERAPI + "/rest/statistics/Efficient/getProcessCounts",
13 method: "post",
14 params: {
15 startDate: startDate,
16 endDate: endDate,
17 qxdm:qxdm
18 },
19 });
20 }
21 /*
22 获取各区县业务对应的天数
23 recType:业务代码
24 startDate:开始日期
25 endDate:结束日期
26 */
27 async getProcessDays(recType, startDate, endDate) {
28 return request({
29 url: SERVER.SERVERAPI + "/rest/statistics/Efficient/getProcessDays",
30 method: "post",
31 params: {
32 recType: recType,
33 startDate: startDate,
34 endDate: endDate,
35 },
36 });
37 }
38 }
39 export default new efficient();
...@@ -61,6 +61,7 @@ export default { ...@@ -61,6 +61,7 @@ export default {
61 background: linear-gradient(90deg, #0047B8 0%, rgba(0, 26, 95, 0.1) 100%); 61 background: linear-gradient(90deg, #0047B8 0%, rgba(0, 26, 95, 0.1) 100%);
62 line-height: 32px; 62 line-height: 32px;
63 color: #FFFFFF; 63 color: #FFFFFF;
64 margin-bottom: 8px;
64 } 65 }
65 66
66 /deep/.el-icon-arrow-right { 67 /deep/.el-icon-arrow-right {
......
...@@ -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
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
52 /deep/.el-textarea__inner { 52 /deep/.el-textarea__inner {
53 margin: 5px; 53 margin: 5px;
54 width: 96%; 54 width: 96%;
55 background: #05275B; 55 background: none;
56 color: #FFFFFF; 56 color: #FFFFFF;
57 border-radius: 2px; 57 border-radius: 2px;
58 border: 1px solid #6BC1FC; 58 border: 1px solid #6BC1FC;
......
...@@ -74,7 +74,7 @@ ...@@ -74,7 +74,7 @@
74 </span> 74 </span>
75 <!-- <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.czjg" placeholder="权利人通讯地址"> 75 <!-- <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.czjg" placeholder="权利人通讯地址">
76 </el-input> --> 76 </el-input> -->
77 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.czjg" placeholder="请选择"> 77 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.czjg" placeholder="操作结果">
78 <el-option v-for="item in dicData['A37']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 78 <el-option v-for="item in dicData['A37']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
79 </el-option> 79 </el-option>
80 </el-select> 80 </el-select>
......
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
95 领证人证件类别: <br /> 95 领证人证件类别: <br />
96 <p class="label-detail">(LZRZJLB)</p> 96 <p class="label-detail">(LZRZJLB)</p>
97 </span> 97 </span>
98 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.LZRZJLB" placeholder="请选择"> 98 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.LZRZJLB" placeholder="领证人证件类别">
99 <el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 99 <el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
100 </el-option> 100 </el-option>
101 </el-select> 101 </el-select>
......
...@@ -110,7 +110,7 @@ ...@@ -110,7 +110,7 @@
110 <p class="label-detail">(CZJG)</p> 110 <p class="label-detail">(CZJG)</p>
111 </span> 111 </span>
112 <el-select :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].CZJG" 112 <el-select :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].CZJG"
113 placeholder="请选择操作结果"> 113 placeholder="操作结果">
114 <el-option v-for="item in dicData['A37']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 114 <el-option v-for="item in dicData['A37']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
115 </el-option> 115 </el-option>
116 </el-select> 116 </el-select>
......
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
49 <p class="label-detail">(SJLX)</p> 49 <p class="label-detail">(SJLX)</p>
50 </span> 50 </span>
51 <el-select :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SJLX" 51 <el-select :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SJLX"
52 placeholder="请选择"> 52 placeholder="收件类型">
53 <el-option v-for="item in dicData['A40']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 53 <el-option v-for="item in dicData['A40']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
54 </el-option> 54 </el-option>
55 </el-select> 55 </el-select>
...@@ -88,7 +88,7 @@ ...@@ -88,7 +88,7 @@
88 <p class="label-detail">(SFSJSY)</p> 88 <p class="label-detail">(SFSJSY)</p>
89 </span> 89 </span>
90 <el-select :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SFSJSY" 90 <el-select :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SFSJSY"
91 placeholder="请选择"> 91 placeholder="是否收缴收验">
92 <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 92 <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
93 </el-option> 93 </el-option>
94 </el-select> 94 </el-select>
...@@ -102,7 +102,7 @@ ...@@ -102,7 +102,7 @@
102 <p class="label-detail">(SFEWSJ)</p> 102 <p class="label-detail">(SFEWSJ)</p>
103 </span> 103 </span>
104 <el-select :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SFEWSJ" 104 <el-select :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SFEWSJ"
105 placeholder="请选择"> 105 placeholder="是否额外收件">
106 <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 106 <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
107 </el-option> 107 </el-option>
108 </el-select> 108 </el-select>
...@@ -116,7 +116,7 @@ ...@@ -116,7 +116,7 @@
116 <p class="label-detail">(SFBCSJ)</p> 116 <p class="label-detail">(SFBCSJ)</p>
117 </span> 117 </span>
118 <el-select :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SFBCSJ" 118 <el-select :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SFBCSJ"
119 placeholder="请选择"> 119 placeholder="是否补充收件">
120 <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 120 <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
121 </el-option> 121 </el-option>
122 </el-select> 122 </el-select>
......
...@@ -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>
......
...@@ -110,7 +110,7 @@ ...@@ -110,7 +110,7 @@
110 状态: <br /> 110 状态: <br />
111 <p class="label-detail">(ZT)</p> 111 <p class="label-detail">(ZT)</p>
112 </span> 112 </span>
113 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="请选择"> 113 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="状态">
114 <el-option v-for="item in ZTOptions" :key="item.value" :label="item.label" :value="item.value"> 114 <el-option v-for="item in ZTOptions" :key="item.value" :label="item.label" :value="item.value">
115 </el-option> 115 </el-option>
116 </el-select> 116 </el-select>
......
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
52 宗海特征码: <br /> 52 宗海特征码: <br />
53 <p class="label-detail">(ZHTZM)</p> 53 <p class="label-detail">(ZHTZM)</p>
54 </span> 54 </span>
55 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZHTZM" placeholder="请选择宗海特征码"> 55 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZHTZM" placeholder="宗海特征码">
56 <el-option v-for="item in dicData['A44']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 56 <el-option v-for="item in dicData['A44']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
57 </el-option> 57 </el-option>
58 </el-select> 58 </el-select>
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
77 项目性质: <br /> 77 项目性质: <br />
78 <p class="label-detail">(XMXZ)</p> 78 <p class="label-detail">(XMXZ)</p>
79 </span> 79 </span>
80 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.XMXZ" placeholder="请选择项目性质"> 80 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.XMXZ" placeholder="项目性质">
81 <el-option v-for="item in dicData['A49']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 81 <el-option v-for="item in dicData['A49']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
82 </el-option> 82 </el-option>
83 </el-select> 83 </el-select>
......
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
50 权利类型: <br /> 50 权利类型: <br />
51 <p class="label-detail">(QLLX)</p> 51 <p class="label-detail">(QLLX)</p>
52 </span> 52 </span>
53 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="请选择"> 53 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型">
54 <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 54 <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
55 </el-option> 55 </el-option>
56 </el-select> 56 </el-select>
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
63 登记类型: <br /> 63 登记类型: <br />
64 <p class="label-detail">(DJLX)</p> 64 <p class="label-detail">(DJLX)</p>
65 </span> 65 </span>
66 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="请选择"> 66 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型">
67 <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 67 <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
68 </el-option> 68 </el-option>
69 </el-select> 69 </el-select>
...@@ -201,7 +201,7 @@ ...@@ -201,7 +201,7 @@
201 权属状态: <br /> 201 权属状态: <br />
202 <p class="label-detail">(QSZT)</p> 202 <p class="label-detail">(QSZT)</p>
203 </span> 203 </span>
204 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="请选择"> 204 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
205 <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 205 <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
206 </el-option> 206 </el-option>
207 </el-select> 207 </el-select>
......
...@@ -83,7 +83,7 @@ ...@@ -83,7 +83,7 @@
83 <p class="label-detail">(SFCZR)</p> 83 <p class="label-detail">(SFCZR)</p>
84 </span> 84 </span>
85 <el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].SFCZR" 85 <el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].SFCZR"
86 placeholder="请选择"> 86 placeholder="是否持证人">
87 <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 87 <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
88 </el-option> 88 </el-option>
89 </el-select> 89 </el-select>
...@@ -97,7 +97,7 @@ ...@@ -97,7 +97,7 @@
97 <p class="label-detail">(ZJZL)</p> 97 <p class="label-detail">(ZJZL)</p>
98 </span> 98 </span>
99 <el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].ZJZL" 99 <el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].ZJZL"
100 placeholder="请选择"> 100 placeholder="证件种类">
101 <el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 101 <el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
102 </el-option> 102 </el-option>
103 </el-select> 103 </el-select>
...@@ -170,7 +170,7 @@ ...@@ -170,7 +170,7 @@
170 <p class="label-detail">(XB)</p> 170 <p class="label-detail">(XB)</p>
171 </span> 171 </span>
172 <el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].XB" 172 <el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].XB"
173 placeholder="请选择"> 173 placeholder="性别">
174 <el-option v-for="item in dicData['A43']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 174 <el-option v-for="item in dicData['A43']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
175 </el-option> 175 </el-option>
176 </el-select> 176 </el-select>
...@@ -243,7 +243,7 @@ ...@@ -243,7 +243,7 @@
243 <p class="label-detail">(QLRLX)</p> 243 <p class="label-detail">(QLRLX)</p>
244 </span> 244 </span>
245 <el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].QLRLX" 245 <el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].QLRLX"
246 placeholder="请选择"> 246 placeholder="权利人类型">
247 <el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 247 <el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
248 </el-option> 248 </el-option>
249 </el-select> 249 </el-select>
......
1 <template> 1 <template>
2 <el-dialog 2 <el-dialog :title="title" :visible.sync="visible" :width="width" :append-to-body="appendToBody" :modal="modal"
3 :title="title" 3 :close-on-click-modal="false" :fullscreen="fullscreen" :destroy-on-close="destroyOnClose"
4 :visible.sync="visible" 4 :modal-append-to-body="modalAppendToBody" :class="customClass" @close="close" class="dialog">
5 :width="width"
6 :append-to-body="appendToBody"
7 :modal="modal"
8 :close-on-click-modal="false"
9 :fullscreen="fullscreen"
10 :destroy-on-close="destroyOnClose"
11 :modal-append-to-body="modalAppendToBody"
12 :class="customClass"
13 @close="close"
14 class="dialog"
15 >
16 <slot name="content" /> 5 <slot name="content" />
17 <span slot="footer" class="dialog-footer"> 6 <span slot="footer" class="dialog-footer">
18 <slot name="footer" /> 7 <slot name="footer" />
...@@ -66,21 +55,21 @@ export default { ...@@ -66,21 +55,21 @@ export default {
66 default: '30%' 55 default: '30%'
67 } 56 }
68 }, 57 },
69 data() { 58 data () {
70 return {} 59 return {}
71 }, 60 },
72 computed: { 61 computed: {
73 visible: { 62 visible: {
74 get() { 63 get () {
75 return this.show 64 return this.show
76 }, 65 },
77 set(val) { 66 set (val) {
78 this.$emit('update:show', val) // visible 改变的时候通知父组件 67 this.$emit('update:show', val) // visible 改变的时候通知父组件
79 } 68 }
80 } 69 }
81 }, 70 },
82 methods: { 71 methods: {
83 close() { 72 close () {
84 this.$emit('close') 73 this.$emit('close')
85 } 74 }
86 } 75 }
...@@ -88,21 +77,23 @@ export default { ...@@ -88,21 +77,23 @@ export default {
88 </script> 77 </script>
89 78
90 <style lang="scss" scoped> 79 <style lang="scss" scoped>
91
92 .dialog { 80 .dialog {
93 /deep/.el-dialog{ 81 /deep/.el-dialog {
94 overflow: hidden; 82 overflow: hidden;
95 background: url("~@/image/dialogBg.png") no-repeat !important; 83 background: url("~@/image/dialogBg.png") no-repeat !important;
96 background-size: 100% 100% !important; 84 background-size: 100% 100% !important;
97 } 85 }
86
98 .el-dialog__header { 87 .el-dialog__header {
99 padding: 0; 88 padding: 0;
100 height: 56px; 89 height: 56px;
101 line-height: 56px; 90 line-height: 56px;
102 border-bottom: none; 91 border-bottom: none;
92
103 .el-dialog__title { 93 .el-dialog__title {
104 font-weight: 400; 94 font-weight: 400;
105 } 95 }
96
106 .el-dialog__title:before { 97 .el-dialog__title:before {
107 display: inline-block; 98 display: inline-block;
108 content: ''; 99 content: '';
...@@ -114,31 +105,38 @@ overflow: hidden; ...@@ -114,31 +105,38 @@ overflow: hidden;
114 position: relative; 105 position: relative;
115 top: 2px; 106 top: 2px;
116 } 107 }
108
117 .el-dialog__headerbtn { 109 .el-dialog__headerbtn {
118 position: absolute; 110 position: absolute;
119 // top: 2%; 111 // top: 2%;
120 right: 12px; 112 right: 12px;
121 } 113 }
122 } 114 }
115
123 .el-dialog__body { 116 .el-dialog__body {
124 margin: 0px 12px; 117 margin: 0px 12px;
125 padding: 48px 24px; 118 padding: 48px 24px;
126 background: #fff; 119 background: #fff;
127 border: 1px solid #dfe7f3; 120 border: 1px solid #dfe7f3;
121
128 .el-button { 122 .el-button {
129 padding: 8px 16px; 123 padding: 8px 16px;
130 border: none; 124 border: none;
131 } 125 }
126
132 .el-form { 127 .el-form {
133 .el-checkbox { 128 .el-checkbox {
134 line-height: 32px; 129 line-height: 32px;
135 height: 32px; 130 height: 32px;
136 } 131 }
132
137 .form-item-mb0 { 133 .form-item-mb0 {
138 margin-bottom: 0 !important; 134 margin-bottom: 0 !important;
139 } 135 }
136
140 .el-form-item { 137 .el-form-item {
141 margin-bottom: 24px; 138 margin-bottom: 24px;
139
142 .el-form-item__label { 140 .el-form-item__label {
143 height: 32px; 141 height: 32px;
144 line-height: 32px; 142 line-height: 32px;
...@@ -148,21 +146,25 @@ overflow: hidden; ...@@ -148,21 +146,25 @@ overflow: hidden;
148 .el-form-item__content { 146 .el-form-item__content {
149 // height: 32px; 147 // height: 32px;
150 line-height: 32px; 148 line-height: 32px;
149
151 // date 组件有图标 150 // date 组件有图标
152 .has-icon.el-date-editor { 151 .has-icon.el-date-editor {
153 .el-input__inner { 152 .el-input__inner {
154 padding-left: 32px; 153 padding-left: 32px;
155 } 154 }
156 } 155 }
156
157 .el-input__inner { 157 .el-input__inner {
158 padding: 0 8px; 158 padding: 0 8px;
159 height: 32px; 159 height: 32px;
160 line-height: 32px; 160 line-height: 32px;
161 text-align: left; 161 text-align: left;
162 } 162 }
163
163 .el-textarea__inner { 164 .el-textarea__inner {
164 padding: 8px 8px; 165 padding: 8px 8px;
165 } 166 }
167
166 .el-input .el-input__icon { 168 .el-input .el-input__icon {
167 font-size: 14px; 169 font-size: 14px;
168 color: #747e8c; 170 color: #747e8c;
...@@ -170,6 +172,7 @@ overflow: hidden; ...@@ -170,6 +172,7 @@ overflow: hidden;
170 } 172 }
171 } 173 }
172 } 174 }
175
173 .el-select, 176 .el-select,
174 .el-cascader, 177 .el-cascader,
175 .el-date-editor { 178 .el-date-editor {
...@@ -183,11 +186,13 @@ overflow: hidden; ...@@ -183,11 +186,13 @@ overflow: hidden;
183 height: 56px; 186 height: 56px;
184 line-height: 56px; 187 line-height: 56px;
185 border: none; 188 border: none;
189
186 .el-button { 190 .el-button {
187 padding: 8px 16px; 191 padding: 8px 16px;
188 border: none; 192 border: none;
189 } 193 }
190 .el-button + .el-button { 194
195 .el-button+.el-button {
191 margin-left: 12px; 196 margin-left: 12px;
192 } 197 }
193 } 198 }
......
...@@ -16,9 +16,10 @@ ...@@ -16,9 +16,10 @@
16 <slot></slot> 16 <slot></slot>
17 </div> 17 </div>
18 <div slot="footer" class="dialog_footer" v-if="isButton"> 18 <div slot="footer" class="dialog_footer" v-if="isButton">
19 <el-button @click="closeDialog" v-if="isReset">取消</el-button> 19 <btn nativeType="cz" @click="closeDialog" v-if="isReset">取消</btn>
20 <el-button type="primary" plain @click="submitForm" v-if="isSave" :disabled="btnDisabled" :loading="saveloding"> 20 <btn nativeType="cx" type="primary" plain @click="submitForm" v-if="isSave" :disabled="btnDisabled"
21 {{ saveButton }}</el-button> 21 :loading="saveloding">
22 {{ saveButton }}</btn>
22 </div> 23 </div>
23 </el-dialog> 24 </el-dialog>
24 </template> 25 </template>
......
1 <template> 1 <template>
2 <!-- 折线图 --> 2 <!-- 折线图 -->
3 <Echart 3 <Echart :options="options" id="bottomLeftChart" height="100%" width="100%"></Echart>
4 :options="options"
5 id="bottomLeftChart"
6 height="100%"
7 width="100%"
8 ></Echart>
9 </template> 4 </template>
10 5
11 <script> 6 <script>
12 import Echart from "@/common/echart"; 7 import Echart from "@/common/echart";
13 export default { 8 export default {
14 data() { 9 data () {
15 return { 10 return {
16 xAxisData: {}, 11 xAxisData: {},
17 yAxisData1: {}, 12 yAxisData1: {},
...@@ -30,7 +25,7 @@ export default { ...@@ -30,7 +25,7 @@ export default {
30 }, 25 },
31 }, 26 },
32 methods: { 27 methods: {
33 hexToRgba(hex, opacity) { 28 hexToRgba (hex, opacity) {
34 let rgbaColor = ""; 29 let rgbaColor = "";
35 let reg = /^#[\da-f]{6}$/i; 30 let reg = /^#[\da-f]{6}$/i;
36 if (reg.test(hex)) { 31 if (reg.test(hex)) {
...@@ -43,7 +38,7 @@ export default { ...@@ -43,7 +38,7 @@ export default {
43 }, 38 },
44 watch: { 39 watch: {
45 cdata: { 40 cdata: {
46 handler(newData) { 41 handler (newData) {
47 this.xAxisData = newData.echartData.map((v) => v.name); 42 this.xAxisData = newData.echartData.map((v) => v.name);
48 this.yAxisData1 = newData.echartData.map((v) => v.value1); 43 this.yAxisData1 = newData.echartData.map((v) => v.value1);
49 this.yAxisData2 = newData.echartData.map((v) => v.value2); 44 this.yAxisData2 = newData.echartData.map((v) => v.value2);
...@@ -65,12 +60,10 @@ export default { ...@@ -65,12 +60,10 @@ export default {
65 let html = ""; 60 let html = "";
66 params.forEach((v) => { 61 params.forEach((v) => {
67 html += `<div style="color: #000;font-size: 14px;line-height: 24px background-color: #000000"> 62 html += `<div style="color: #000;font-size: 14px;line-height: 24px background-color: #000000">
68 <span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${ 63 <span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${newData.color[v.componentIndex]
69 newData.color[v.componentIndex]
70 };"></span> 64 };"></span>
71 ${v.seriesName}.${v.name} 65 ${v.seriesName}.${v.name}
72 <span style="color:${ 66 <span style="color:${newData.color[v.componentIndex]
73 newData.color[v.componentIndex]
74 };font-weight:700;font-size: 18px">${v.value}</span> 67 };font-weight:700;font-size: 18px">${v.value}</span>
75 个`; 68 个`;
76 }); 69 });
...@@ -140,8 +133,8 @@ export default { ...@@ -140,8 +133,8 @@ export default {
140 { 133 {
141 name: newData.legendItem[0], 134 name: newData.legendItem[0],
142 type: "line", 135 type: "line",
143 smooth: true, //是否平滑 136 smooth: false, //是否平滑
144 showSymbol: false, 137 showSymbol: true,
145 symbol: "circle", 138 symbol: "circle",
146 symbolSize: 6, 139 symbolSize: 6,
147 zlevel: 3, 140 zlevel: 3,
...@@ -158,8 +151,8 @@ export default { ...@@ -158,8 +151,8 @@ export default {
158 { 151 {
159 name: newData.legendItem[1], 152 name: newData.legendItem[1],
160 type: "line", 153 type: "line",
161 smooth: true, 154 smooth: false,
162 showSymbol: false, 155 showSymbol: true,
163 symbol: "circle", 156 symbol: "circle",
164 symbolSize: 8, 157 symbolSize: 8,
165 zlevel: 3, 158 zlevel: 3,
...@@ -176,8 +169,8 @@ export default { ...@@ -176,8 +169,8 @@ export default {
176 { 169 {
177 name: newData.legendItem[2], 170 name: newData.legendItem[2],
178 type: "line", 171 type: "line",
179 smooth: true, 172 smooth: false,
180 showSymbol: false, 173 showSymbol: true,
181 symbol: "circle", 174 symbol: "circle",
182 symbolSize: 8, 175 symbolSize: 8,
183 zlevel: 3, 176 zlevel: 3,
......
...@@ -76,7 +76,6 @@ export default { ...@@ -76,7 +76,6 @@ export default {
76 itemStyle: { 76 itemStyle: {
77 normal: { 77 normal: {
78 // 这里设置圆角 78 // 这里设置圆角
79 barBorderRadius: [0, 10, 10, 0],
80 color: "#16F4D2", 79 color: "#16F4D2",
81 } 80 }
82 }, 81 },
...@@ -89,7 +88,6 @@ export default { ...@@ -89,7 +88,6 @@ export default {
89 itemStyle: { 88 itemStyle: {
90 normal: { 89 normal: {
91 // 这里设置圆角 90 // 这里设置圆角
92 barBorderRadius: [0, 10, 10, 0],
93 color: "#C99E68" 91 color: "#C99E68"
94 }, 92 },
95 }, 93 },
......
...@@ -25,7 +25,7 @@ export default { ...@@ -25,7 +25,7 @@ export default {
25 async submitViews () { 25 async submitViews () {
26 try { 26 try {
27 let { result: res } = await work.submitViews("A20"); 27 let { result: res } = await work.submitViews("A20");
28 res.filter((item) => { 28 res.map((item) => {
29 return ( 29 return (
30 this.cdata.category.push(item.areaName), 30 this.cdata.category.push(item.areaName),
31 this.cdata.barData.push(item.successCount), 31 this.cdata.barData.push(item.successCount),
......
...@@ -30,7 +30,7 @@ export default { ...@@ -30,7 +30,7 @@ export default {
30 XZQDM: "", 30 XZQDM: "",
31 }; 31 };
32 let res = await work.getDjlxtotal(p); 32 let res = await work.getDjlxtotal(p);
33 res.result.filter((item) => { 33 res.result.map((item) => {
34 return ( 34 return (
35 this.cdata.category.push(item.AREACODE), 35 this.cdata.category.push(item.AREACODE),
36 this.cdata.lineData.push(item.ywtotal) 36 this.cdata.lineData.push(item.ywtotal)
......
...@@ -10,8 +10,8 @@ export default { ...@@ -10,8 +10,8 @@ export default {
10 data () { 10 data () {
11 return { 11 return {
12 options: {}, 12 options: {},
13 max: "9000", //最大value值 13 max: "100", //最大value值
14 min: "500", // 最小value值 14 min: "1", // 最小value值
15 }; 15 };
16 }, 16 },
17 components: { 17 components: {
...@@ -41,41 +41,6 @@ export default { ...@@ -41,41 +41,6 @@ export default {
41 宁强县: [106.25958, 32.82881, 20], 41 宁强县: [106.25958, 32.82881, 20],
42 略阳县: [106.15399, 33.33009, 20], 42 略阳县: [106.15399, 33.33009, 20],
43 }; 43 };
44 let seriesData = [
45 {
46 name: '汉台区',
47 },
48 {
49 name: '南郑区',
50 },
51 {
52 name: '城固县',
53 },
54 {
55 name: '洋县',
56 },
57 {
58 name: '西乡县',
59 },
60 {
61 name: '镇巴县',
62 },
63 {
64 name: '勉县',
65 },
66 {
67 name: '留坝县',
68 },
69 {
70 name: '佛坪县',
71 },
72 {
73 name: '宁强县',
74 },
75 {
76 name: '略阳县'
77 }
78 ];
79 let convertData = function (data) { 44 let convertData = function (data) {
80 let scatterData = []; 45 let scatterData = [];
81 for (var i = 0; i < data.length; i++) { 46 for (var i = 0; i < data.length; i++) {
...@@ -103,7 +68,7 @@ export default { ...@@ -103,7 +68,7 @@ export default {
103 }, 68 },
104 // 如果需要自定义 tooltip样式,需要使用formatter 69 // 如果需要自定义 tooltip样式,需要使用formatter
105 formatter: params => { 70 formatter: params => {
106 return `<div style="">${params.name}:${params.value}</div>` 71 return `<div style="">${params.name}:${params.value + "个"}</div>`
107 } 72 }
108 }, 73 },
109 visualMap: { 74 visualMap: {
...@@ -116,15 +81,32 @@ export default { ...@@ -116,15 +81,32 @@ export default {
116 itemWidth: 20, // 每个图元的宽度 81 itemWidth: 20, // 每个图元的宽度
117 itemGap: 2, // 每两个图元之间的间隔距离,单位为px 82 itemGap: 2, // 每两个图元之间的间隔距离,单位为px
118 pieces: [ // 自定义每一段的范围,以及每一段的文字 83 pieces: [ // 自定义每一段的范围,以及每一段的文字
119 { gte: 6000, label: '6000以上', color: '#035cf5' }, // 不指定 max,表示 max 为无限大(Infinity)。 84 { gte: 100, label: '100以上', color: '#035cf5' }, // 不指定 max,表示 max 为无限大(Infinity)。
120 { gte: 2000, lte: 6000, label: '2000-6000', color: '#3375e4' }, 85 { gte: 50, lte: 6000, label: '20-100', color: '#3375e4' },
121 { gte: 1000, lte: 2000, label: '1000-2000', color: '#6797ef' }, 86 { gte: 20, lte: 2000, label: '1-200', color: '#6797ef' },
122 { gte: 500, lte: 1000, label: '500-1000', color: '#96b5ef' }, 87 { gte: 1, lte: 1000, label: '1-20', color: '#96b5ef' },
123 ], 88 ],
124 textStyle: { 89 textStyle: {
125 color: '#737373' 90 color: '#737373'
126 } 91 }
127 }, 92 },
93 geo: {
94 aspectScale: 1, //长宽比
95 zoom: 1.1,
96 mapType: '汉中市', // 自定义扩展图表类型
97 top: '15%',
98 left: '10%',
99 map: '汉中市',
100 itemStyle: {
101 normal: {//阴影
102 areaColor: '#02D9FD ',
103 shadowColor: '#01271F',
104 borderWidth: 0,
105 shadowOffsetX: 2,
106 shadowOffsetY: 25
107 }
108 }
109 },
128 series: [ 110 series: [
129 { 111 {
130 type: 'map', 112 type: 'map',
...@@ -135,22 +117,25 @@ export default { ...@@ -135,22 +117,25 @@ export default {
135 left: '10%', 117 left: '10%',
136 itemStyle: { 118 itemStyle: {
137 normal: { 119 normal: {
138 areaColor: 'rgba(19,54,162, .5)', 120 areaColor: 'rgba(19,54,162,.5)',
139 borderColor: 'rgba(0,242,252,.3)', 121 borderColor: 'rgba(0,242,252,.5)',
140 borderWidth: 1, 122 borderWidth: 2,
141 shadowBlur: 7, 123 shadowBlur: 7,
142 shadowColor: '#00f2fc', 124 borderColor: 'rgba(19,54,162,.1)',
125 shadowColor: '#44f2fc',
143 }, 126 },
144 emphasis: { 127 emphasis: {
145 areaColor: '#4f7fff', 128 areaColor: '#4f7fff',
146 borderColor: 'rgba(0,242,252,.6)', 129 borderColor: 'rgba(0,242,252,.5)',
147 borderWidth: 2, 130 borderWidth: 2,
148 shadowBlur: 10, 131 shadowBlur: 10,
149 shadowColor: '#00f2fc', 132 shadowColor: '#00f2fc',
150 }, 133 },
151 }, 134 },
152 label: { 135 label: {
153 formatter: params => `${params.name}`, 136 formatter: params => {
137 return `${params.name}\n${params.value+"个"}`;
138 },
154 show: true, 139 show: true,
155 position: 'insideRight', 140 position: 'insideRight',
156 textStyle: { 141 textStyle: {
...@@ -164,29 +149,7 @@ export default { ...@@ -164,29 +149,7 @@ export default {
164 } 149 }
165 }, 150 },
166 data: newData, 151 data: newData,
167 }, 152 }
168 {
169 type: 'effectScatter',
170 coordinateSystem: 'geo',
171 symbolSize: 7,
172 effectType: 'ripple',
173 legendHoverLink: false,
174 showEffectOn: 'render',
175 rippleEffect: {
176 period: 4,
177 scale: 2.5,
178 brushType: 'stroke',
179 },
180 zlevel: 1,
181 itemStyle: {
182 normal: {
183 color: '#99FBFE',
184 shadowBlur: 5,
185 shadowColor: '#fff',
186 },
187 },
188 data: convertData(seriesData),
189 },
190 ], 153 ],
191 }; 154 };
192 // 重新选择区域 155 // 重新选择区域
......
...@@ -22,9 +22,9 @@ export default { ...@@ -22,9 +22,9 @@ export default {
22 async mapViews () { 22 async mapViews () {
23 try { 23 try {
24 let { result: res } = await work.mapViews("A20"); 24 let { result: res } = await work.mapViews("A20");
25 res.filter((item) => { 25 res.map((item) => {
26 return ( 26 return (
27 this.cdata.push({ "name": item.areaName, "value": item.areaCode }) 27 this.cdata.push({ "name": item.areaName, "value": item.ywtotal })
28 ) 28 )
29 29
30 }); 30 });
......
1 <template>
2 <Echart :options="options" id="centreLeft1Chart" :key="key" height="225px" width="80%"></Echart>
3 </template>
4 <script>
5 import Echart from '@/common/echart'
6 export default {
7 components: {
8 Echart,
9 },
10 data() {
11 return {
12 key:0
13 }
14 },
15 props: {
16 cdata: {
17 type: Object,
18 default: () => ({})
19 },
20 },
21 watch: {
22 cdata: {
23 handler (newData) {
24 console.log("newData",newData);
25 this.options = {
26 grid: {
27 right:"1%",
28 bottom:"4%"
29 },
30 color: [
31 "#37a2da",
32 "#32c5e9",
33 "#9fe6b8",
34 "#ffdb5c",
35 "#ff9f7f",
36 "#fb7293",
37 "#e7bcf3",
38 "#8378ea"
39 ],
40 tooltip: {
41 trigger: "item",
42 formatter: "{a} <br/>{b} : {c} ({d}%)"
43 },
44 toolbox: {
45 show: true
46 },
47 calculable: true,
48 series: [
49 {
50 name: "业务量",
51 type: "pie",
52 radius: [40,100],
53 roseType: "area",
54 data: newData.seriesData
55 }
56 ],
57
58 }
59 this.key++
60 },
61 immediate: true,
62 deep: true
63 }
64 }
65 };
66 </script>
67
68 <style lang="scss" scoped>
69 #centreLeft1Chart {
70 margin-bottom: 10px;
71 margin-left: 60px;
72 }
73 </style>
1 <template>
2 <div>
3 <Chart :cdata="cdata" />
4 </div>
5 </template>
6
7 <script>
8 import Chart from "./Chart";
9 import work from "@/api/work";
10 export default {
11 data () {
12 return {
13 cdata: {
14 seriesData: [],
15 },
16 };
17 },
18 components: {
19 Chart,
20 },
21 mounted () {
22 this.getdjywltotal();
23
24
25 },
26 methods: {
27 // 获取登记业务量玫瑰图数据
28 async getdjywltotal () {
29 try {
30 let p = {
31 DJLX: "",
32 QLLX: "",
33 XZQDM: "",
34 };
35 let res = await work.getdjywltotal(p);
36 console.log("res",res);
37 // 遍历修改数组键,作为echars图表的参数
38 res.result.map((item) => {
39 return (
40 this.cdata.seriesData.push({ "name": item.AREACODE, "value": item.ywtotal })
41 )
42 });
43 } catch (error) {
44 console.log(error);
45 }
46
47
48 },
49 },
50 };
51 </script>
52
53 <style lang="scss" scoped>
54 </style>
1 <template> 1 <template>
2 <Echart :options="options" id="centreLeft1Chart" height="200px" width="100%"></Echart> 2 <Echart :options="options" id="centreLeft1Chart" :key="key" height="225px" width="80%"></Echart>
3 </template> 3 </template>
4 <script> 4 <script>
5 import Echart from '@/common/echart' 5 import Echart from '@/common/echart'
...@@ -7,6 +7,11 @@ export default { ...@@ -7,6 +7,11 @@ export default {
7 components: { 7 components: {
8 Echart, 8 Echart,
9 }, 9 },
10 data () {
11 return {
12 key: 0
13 }
14 },
10 props: { 15 props: {
11 cdata: { 16 cdata: {
12 type: Object, 17 type: Object,
...@@ -18,9 +23,8 @@ export default { ...@@ -18,9 +23,8 @@ export default {
18 handler (newData) { 23 handler (newData) {
19 this.options = { 24 this.options = {
20 grid: { 25 grid: {
21 // 让图表占满容器 26 right: "1%",
22 top: 20, 27 bottom: "4%"
23 right: 0,
24 }, 28 },
25 color: [ 29 color: [
26 "#37a2da", 30 "#37a2da",
...@@ -44,12 +48,14 @@ export default { ...@@ -44,12 +48,14 @@ export default {
44 { 48 {
45 name: "业务量", 49 name: "业务量",
46 type: "pie", 50 type: "pie",
47 radius: [0, 80], 51 radius: [0,100],
48 roseType: "area", 52 roseType: "area",
49 data: newData.seriesData 53 data: newData.seriesData
50 } 54 }
51 ] 55 ],
56
52 } 57 }
58 this.key++
53 }, 59 },
54 immediate: true, 60 immediate: true,
55 deep: true 61 deep: true
...@@ -60,6 +66,7 @@ export default { ...@@ -60,6 +66,7 @@ export default {
60 66
61 <style lang="scss" scoped> 67 <style lang="scss" scoped>
62 #centreLeft1Chart { 68 #centreLeft1Chart {
63 margin-left: -20px; 69 margin-bottom: 10px;
70 margin-left: 60px;
64 } 71 }
65 </style> 72 </style>
......
1 <template> 1 <template>
2 <div> 2 <div>
3 <Chart :cdata="cdata" /> 3 <Chart :cdata="cdata" />
4 <el-carousel height="40px" indicator-position="none">
5 <el-carousel-item v-for="item in 4" :key="item">
6 <div class="rotograph">佛坪县</div>
7 </el-carousel-item>
8 </el-carousel>
9 </div> 4 </div>
10 </template> 5 </template>
11 6
...@@ -29,6 +24,7 @@ export default { ...@@ -29,6 +24,7 @@ export default {
29 24
30 }, 25 },
31 methods: { 26 methods: {
27 // 获取登记业务量玫瑰图数据
32 async getdjywltotal () { 28 async getdjywltotal () {
33 try { 29 try {
34 let p = { 30 let p = {
...@@ -37,15 +33,16 @@ export default { ...@@ -37,15 +33,16 @@ export default {
37 XZQDM: "", 33 XZQDM: "",
38 }; 34 };
39 let res = await work.getdjywltotal(p); 35 let res = await work.getdjywltotal(p);
40 console.log("res",res); 36 // 遍历修改数组键,作为echars图表的参数
41 res.result.filter((item) => { 37 res.result.map((item) => {
38
42 return ( 39 return (
43 this.cdata.seriesData.push({ "name": item.AREACODE, "value": item.ywtotal }) 40 this.cdata.seriesData.push({ "name": item.AREACODE, "value": item.ywtotal })
41
44 ) 42 )
45 }); 43 });
46 console.log("this.cdata.seriesData",this.cdata.seriesData);
47 } catch (error) { 44 } catch (error) {
48 this.$refs.msg.messageShow(); 45 console.log(error);
49 } 46 }
50 47
51 48
...@@ -55,16 +52,5 @@ export default { ...@@ -55,16 +52,5 @@ export default {
55 </script> 52 </script>
56 53
57 <style lang="scss" scoped> 54 <style lang="scss" scoped>
58 .rotograph { 55
59 margin: auto;
60 width: 200px;
61 height: 30px;
62 background-color: rgb(6, 121, 167);
63 font-size: 20px;
64 line-height: 30px;
65 text-align: center;
66 border-radius: 6px;
67 font-weight: 600;
68 color: #02d9fd;
69 }
70 </style> 56 </style>
......
...@@ -5,10 +5,10 @@ ...@@ -5,10 +5,10 @@
5 <template> 5 <template>
6 <div class='result'> 6 <div class='result'>
7 <p>响应xml</p> 7 <p>响应xml</p>
8 <el-input type="textarea" :rows="6" class="resulttext" placeholder="请输入内容" v-model="REPMSGXML"> 8 <el-input type="textarea" :rows="6" class="resulttext" placeholder="响应xml" v-model="REPMSGXML">
9 </el-input> 9 </el-input>
10 <p>错误信息</p> 10 <p>错误信息</p>
11 <el-input type="textarea" :rows="6" class="resulttext" placeholder="请输入内容" v-model="ERRORINFO"> 11 <el-input type="textarea" :rows="6" class="resulttext" placeholder="错误信息" v-model="ERRORINFO">
12 </el-input> 12 </el-input>
13 </div> 13 </div>
14 </template> 14 </template>
......
...@@ -3,90 +3,87 @@ ...@@ -3,90 +3,87 @@
3 <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" 3 <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog"
4 custom-class="dialogBox editDialogBox mainCenter" :visible.sync="dialogVisible" width="85%"> 4 custom-class="dialogBox editDialogBox mainCenter" :visible.sync="dialogVisible" width="85%">
5 <div slot="title" class="dialog_title" ref="dialogTitle"> 5 <div slot="title" class="dialog_title" ref="dialogTitle">
6 <b>{{ title || '标题' }}</b> 6 {{ title || '标题' }}
7 </div> 7 </div>
8 <div class="editDialogBox-box">
8 <el-tabs v-model="titleName" type="card" @tab-click="handleTitleTab"> 9 <el-tabs v-model="titleName" type="card" @tab-click="handleTitleTab">
9 <el-tab-pane label="数据模型" name="sjmx"></el-tab-pane> 10 <el-tab-pane label="数据模型" name="sjmx"></el-tab-pane>
10 <el-tab-pane v-if="visiableXml" label="xml报文" name="xml"></el-tab-pane> 11 <el-tab-pane v-if="visiableXml" label="xml报文" name="xml"></el-tab-pane>
11 <el-tab-pane v-if="visiableXml" label="响应结果" name="xyjg"></el-tab-pane> 12 <el-tab-pane v-if="visiableXml" label="响应结果" name="xyjg"></el-tab-pane>
12 </el-tabs> 13 </el-tabs>
13 <div v-if="titleName == 'sjmx'" class="sjmx"> 14 <div class="dialog-from" v-if="titleName == 'sjmx'">
14 <div class="dialog-from">
15 <el-row> 15 <el-row>
16 <el-col :span="5"> 16 <el-col :span="5">
17 <span>业务报文ID:</span> 17 <span>业务报文ID:</span>
18 <div>{{ dataReport.BizMsgId }}</div> 18 <p>{{ dataReport.BizMsgId }}</p>
19 </el-col> 19 </el-col>
20 <el-col :span="7"> 20 <el-col :span="7">
21 <span>接入报文ID:</span> 21 <span>接入报文ID:</span>
22 <div>{{ dataReport.ASID }}</div> 22 <p>{{ dataReport.ASID }}</p>
23 </el-col> 23 </el-col>
24 <el-col :span="5"> 24 <el-col :span="5">
25 <span>行政区划编码:</span> 25 <span>行政区划编码:</span>
26 <div>{{ dataReport.AreaCode }}</div> 26 <p>{{ dataReport.AreaCode }}</p>
27 </el-col> 27 </el-col>
28 <el-col :span="7"> 28 <el-col :span="7">
29 <span>上次不动产单元号:</span> 29 <span>上次不动产单元号:</span>
30 <div>{{ dataReport.PreEstateNum }}</div> 30 <p>{{ dataReport.PreEstateNum }}</p>
31 </el-col> 31 </el-col>
32 </el-row> 32 </el-row>
33 <el-row> 33 <el-row>
34 <el-col :span="5"> 34 <el-col :span="5">
35 <span>业务编码:</span> 35 <span>业务编码:</span>
36 <div>{{ dataReport.RecType }}</div> 36 <p>{{ dataReport.RecType }}</p>
37 </el-col> 37 </el-col>
38 <el-col :span="7"> 38 <el-col :span="7">
39 <span>权利类型:</span> 39 <span>权利类型:</span>
40 <div>{{ dataReport.RightType }}</div> 40 <p>{{ dataReport.RightType }}</p>
41 </el-col> 41 </el-col>
42 <el-col :span="5"> 42 <el-col :span="5">
43 <span>登记类型:</span> 43 <span>登记类型:</span>
44 <div>{{ dataReport.RegType }}</div> 44 <p>{{ dataReport.RegType }}</p>
45 </el-col> 45 </el-col>
46 <el-col :span="7"> 46 <el-col :span="7">
47 <span>不动产权证书数量:</span> 47 <span>不动产权证书数量:</span>
48 <div>{{ dataReport.CertCount }}</div> 48 <p>{{ dataReport.CertCount }}</p>
49 </el-col> 49 </el-col>
50 </el-row> 50 </el-row>
51 <el-row> 51 <el-row>
52 <el-col :span="5"> 52 <el-col :span="5">
53 <span>创建时间:</span> 53 <span>创建时间:</span>
54 <div>{{ dataReport.createDate }}</div> 54 <p>{{ dataReport.createDate }}</p>
55 </el-col> 55 </el-col>
56 <el-col :span="7"> 56 <el-col :span="7">
57 <span>业务流水号:</span> 57 <span>业务流水号:</span>
58 <div>{{ dataReport.RecFlowID }}</div> 58 <p>{{ dataReport.RecFlowID }}</p>
59 </el-col> 59 </el-col>
60 <el-col :span="5"> 60 <el-col :span="5">
61 <span>登记机构:</span> 61 <span>登记机构:</span>
62 <div>{{ dataReport.RegOrgID }}</div> 62 <p>{{ dataReport.RegOrgID }}</p>
63 </el-col> 63 </el-col>
64 <el-col :span="7"> 64 <el-col :span="7">
65 <span>证明数量:</span> 65 <span>证明数量:</span>
66 <div>{{ dataReport.ProofCount }}</div> 66 <p>{{ dataReport.ProofCount }}</p>
67 </el-col> 67 </el-col>
68 </el-row> 68 </el-row>
69 <el-row> 69 <el-row>
70 <el-col :span="5"> 70 <el-col :span="5">
71 <span>宗地/宗海代码:</span> 71 <span>宗地/宗海代码:</span>
72 <div>{{ dataReport.ParcelID }}</div> 72 <p>{{ dataReport.ParcelID }}</p>
73 </el-col> 73 </el-col>
74 <el-col :span="7"> 74 <el-col :span="7">
75 <span>不动产单元号:</span> 75 <span>不动产单元号:</span>
76 <div>{{ dataReport.EstateNum }}</div> 76 <p>{{ dataReport.EstateNum }}</p>
77 </el-col> 77 </el-col>
78 <el-col :span="10"> 78 <el-col :span="11">
79 <span>上次不动产权证号/不动产登记证明:</span> 79 <span>上次不动产权证号/不动产登记证明:</span>
80 <div>{{ dataReport.PreCertID }}</div> 80 <p>{{ dataReport.PreCertID }}</p>
81 </el-col> 81 </el-col>
82 </el-row> 82 </el-row>
83 <!-- <el-row>
84 <el-col :span="24">
85 <span>数字签名:</span>
86 <div>{{ dataReport.digitalsign }}</div>
87 </el-col>
88 </el-row> -->
89 </div> 83 </div>
84 </div>
85 <div class="editDialogBox-box">
86 <div v-if="titleName == 'sjmx'" class="sjmx">
90 <el-tabs v-model="activeName" ref="elTabs" type="card" @tab-click="changeList"> 87 <el-tabs v-model="activeName" ref="elTabs" type="card" @tab-click="changeList">
91 <el-tab-pane :name="item.soleurl" v-for="item in headerList" :key="item.soleurl"> 88 <el-tab-pane :name="item.soleurl" v-for="item in headerList" :key="item.soleurl">
92 <div slot="label" class="tab-pane-item"> 89 <div slot="label" class="tab-pane-item">
...@@ -104,6 +101,7 @@ ...@@ -104,6 +101,7 @@
104 <Xyjg :form-data='dataReport'></Xyjg> 101 <Xyjg :form-data='dataReport'></Xyjg>
105 </div> 102 </div>
106 <JsonEditor :resultInfo="resultInfo" v-if="titleName == 'xml'" /> 103 <JsonEditor :resultInfo="resultInfo" v-if="titleName == 'xml'" />
104 </div>
107 </el-dialog> 105 </el-dialog>
108 </template> 106 </template>
109 107
...@@ -281,12 +279,16 @@ export default { ...@@ -281,12 +279,16 @@ export default {
281 border: 1px solid #224C7C !important; 279 border: 1px solid #224C7C !important;
282 margin: 0 0 10px 0 !important; 280 margin: 0 0 10px 0 !important;
283 width: 100% !important; 281 width: 100% !important;
282 color: #dadde3 !important;
283 background: transparent !important;
284 } 284 }
285 285
286 /deep/.el-input__inner { 286 /deep/.el-input__inner {
287 border: 1px solid #224C7C !important; 287 border: 1px solid #224C7C !important;
288 margin: 0 !important; 288 margin: 0 !important;
289 width: 100% !important; 289 width: 100% !important;
290 color: #dadde3 !important;
291 background: transparent !important;
290 } 292 }
291 } 293 }
292 294
...@@ -296,7 +298,6 @@ export default { ...@@ -296,7 +298,6 @@ export default {
296 } 298 }
297 299
298 /deep/ .el-tabs { 300 /deep/ .el-tabs {
299 margin: 0 15px 0 15px;
300 color: #CEF8FF; 301 color: #CEF8FF;
301 } 302 }
302 303
...@@ -342,6 +343,7 @@ export default { ...@@ -342,6 +343,7 @@ export default {
342 343
343 /deep/.el-tabs__header { 344 /deep/.el-tabs__header {
344 border: none; 345 border: none;
346 margin-bottom: 0;
345 } 347 }
346 348
347 /deep/.el-tabs__item.is-top:not(:last-child) { 349 /deep/.el-tabs__item.is-top:not(:last-child) {
...@@ -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;
...@@ -389,11 +392,14 @@ export default { ...@@ -389,11 +392,14 @@ export default {
389 height: 825px !important; 392 height: 825px !important;
390 393
391 .dialog-from { 394 .dialog-from {
392 padding: 15px; 395 padding: 13px;
393 background: #08346F;
394 border-radius: 2px; 396 border-radius: 2px;
395 box-sizing: border-box; 397 box-sizing: border-box;
396 margin: -3px 15px 15px 15px; 398
399 .el-row {
400 display: flex;
401 flex-wrap: nowrap;
402 }
397 403
398 .el-col { 404 .el-col {
399 line-height: 18px; 405 line-height: 18px;
...@@ -401,19 +407,22 @@ export default { ...@@ -401,19 +407,22 @@ export default {
401 align-items: center; 407 align-items: center;
402 margin-bottom: 3px; 408 margin-bottom: 3px;
403 color: #B5D6DC; 409 color: #B5D6DC;
410 border-radius: 2px;
411 border: 1px solid #224C7C;
412 margin: 5px;
404 413
405 span { 414 span {
406 display: inline-block; 415 display: inline-block;
407 padding: 3px; 416 padding: 3px;
408 border-radius: 3px; 417 border-radius: 3px;
409 overflow: hidden; 418 overflow: hidden;
410 min-width: 140px; 419 width: 100px;
411 text-align: right; 420 white-space: nowrap;
412 margin-right: 5px; 421 text-align: left;
413 color: #02D9FD; 422 color: #02D9FD;
414 } 423 }
415 424
416 div { 425 p {
417 flex: 1; 426 flex: 1;
418 width: 100%; 427 width: 100%;
419 padding-left: 5px; 428 padding-left: 5px;
...@@ -421,6 +430,7 @@ export default { ...@@ -421,6 +430,7 @@ export default {
421 color: #c0c4cc; 430 color: #c0c4cc;
422 cursor: not-allowed; 431 cursor: not-allowed;
423 margin-right: 5px; 432 margin-right: 5px;
433 text-align: right;
424 } 434 }
425 } 435 }
426 } 436 }
...@@ -428,17 +438,17 @@ export default { ...@@ -428,17 +438,17 @@ export default {
428 .dialog_title { 438 .dialog_title {
429 display: flex; 439 display: flex;
430 position: relative; 440 position: relative;
431 top: -2px; 441 font-size: 24px;
432 442 top: -11px;
433 b { 443 width: 38%;
434 flex: 1; 444 height: 40px;
435 width: 100%; 445 margin-left: 28px;
436 @flex-center(); 446 justify-content: center;
437 }
438 } 447 }
439 448
440 .el-dialog__header { 449 .el-dialog__header {
441 height: 50px; 450 display: flex;
451 margin-bottom: 15px;
442 } 452 }
443 453
444 .dialog_footer { 454 .dialog_footer {
......
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
28 </i> 28 </i>
29 </el-upload> 29 </el-upload>
30 <div> 30 <div>
31 <el-input v-model="iconName" class="icon-name" placeholder="请输入图标代码"></el-input> 31 <el-input v-model="iconName" class="icon-name" placeholder="图标代码"></el-input>
32 </div> 32 </div>
33 <el-button class="confirm" type="primary" @click="changeIconName">确定</el-button> 33 <el-button class="confirm" type="primary" @click="changeIconName">确定</el-button>
34 </el-tab-pane> 34 </el-tab-pane>
......
1 <template> 1 <template>
2 <el-input type="textarea" :rows="6" placeholder="请输入内容" v-model="resultInfo"> 2 <el-input type="textarea" :rows="6" placeholder="配置参数" v-model="resultInfo">
3 </el-input> 3 </el-input>
4 </template> 4 </template>
5 <script> 5 <script>
......
1 <template> 1 <template>
2 <div> 2 <div>
3 <i class="icon-tubiao-242 iconfont" :title="title" @click="openDialog" /> 3 <i class="icon-tubiao-242 iconfont" :title="title" @click="openDialog" />
4 <el-dialog 4 <el-dialog :key="key" :title="title" :inner-dialog="true" :visible.sync="dialogVisible" width="600px"
5 :key="key" 5 :close-on-click-modal="false" append-to-body @cancel="cancel">
6 :title="title" 6 <vue-json-editor id="minejson" v-model="resultInfo" :mode="'code'" lang="zh" @json-change="onJsonChange"
7 :inner-dialog="true" 7 @json-save="onJsonSave" @has-error="onError" />
8 :visible.sync="dialogVisible" 8 <el-tooltip content="全屏缩放" effect="dark" placement="bottom" fullscreen class="fullScreen">
9 width="600px"
10 :close-on-click-modal="false"
11 append-to-body
12 @cancel="cancel"
13 >
14 <vue-json-editor
15 id="minejson"
16 v-model="resultInfo"
17 :mode="'code'"
18 lang="zh"
19 @json-change="onJsonChange"
20 @json-save="onJsonSave"
21 @has-error="onError"
22 />
23 <el-tooltip
24 content="全屏缩放"
25 effect="dark"
26 placement="bottom"
27 fullscreen
28 class="fullScreen"
29 >
30 <i class="el-icon-full-screen" @click="enLarge" /> 9 <i class="el-icon-full-screen" @click="enLarge" />
31 </el-tooltip> 10 </el-tooltip>
32 <template slot="footer"> 11 <template slot="footer">
33 <div class="dialog-footer flex flex-pack-center"> 12 <div class="dialog-footer flex flex-pack-center">
34 <el-button 13 <el-button type="primary" class="confirmBtn" @click="onJsonSave">保存</el-button>
35 type="primary" 14 <el-button type="primary" class="cancelBtn" @click="cancel">关闭</el-button>
36 class="confirmBtn"
37 @click="onJsonSave"
38 >保存</el-button>
39 <el-button
40 type="primary"
41 class="cancelBtn"
42 @click="cancel"
43 >关闭</el-button>
44 </div> 15 </div>
45 </template> 16 </template>
46 </el-dialog> 17 </el-dialog>
...@@ -62,7 +33,7 @@ export default { ...@@ -62,7 +33,7 @@ export default {
62 default: '' 33 default: ''
63 } 34 }
64 }, 35 },
65 data() { 36 data () {
66 return { 37 return {
67 activeNames: [], 38 activeNames: [],
68 resultInfo: {}, 39 resultInfo: {},
...@@ -75,7 +46,7 @@ export default { ...@@ -75,7 +46,7 @@ export default {
75 }, 46 },
76 watch: { 47 watch: {
77 resultInfos: { 48 resultInfos: {
78 handler: function(val) { 49 handler: function (val) {
79 ++this.key 50 ++this.key
80 this.resultInfo = 51 this.resultInfo =
81 this.resultInfos === '' ? {} : JSON.parse(this.resultInfos) 52 this.resultInfos === '' ? {} : JSON.parse(this.resultInfos)
...@@ -86,17 +57,17 @@ export default { ...@@ -86,17 +57,17 @@ export default {
86 } 57 }
87 }, 58 },
88 59
89 mounted() { 60 mounted () {
90 this.resultInfo = 61 this.resultInfo =
91 this.resultInfos === '' ? {} : JSON.parse(this.resultInfos) 62 this.resultInfos === '' ? {} : JSON.parse(this.resultInfos)
92 }, 63 },
93 64
94 methods: { 65 methods: {
95 onJsonChange(value) { 66 onJsonChange (value) {
96 // 只有在格式正确的时候进入此事件 67 // 只有在格式正确的时候进入此事件
97 this.hasJsonFlag = true 68 this.hasJsonFlag = true
98 }, 69 },
99 onJsonSave() { 70 onJsonSave () {
100 const value = this.resultInfo 71 const value = this.resultInfo
101 console.log(this.resultInfo, 'resultInfo') 72 console.log(this.resultInfo, 'resultInfo')
102 if (this.hasJsonFlag === false) { 73 if (this.hasJsonFlag === false) {
...@@ -109,19 +80,19 @@ export default { ...@@ -109,19 +80,19 @@ export default {
109 return true 80 return true
110 } 81 }
111 }, 82 },
112 onError(value) { 83 onError (value) {
113 this.hasJsonFlag = false 84 this.hasJsonFlag = false
114 }, 85 },
115 openDialog() { 86 openDialog () {
116 this.dialogVisible = true 87 this.dialogVisible = true
117 }, 88 },
118 cancel() { 89 cancel () {
119 console.log(this.tmpResultInfo, 'tmpResultInfo') 90 console.log(this.tmpResultInfo, 'tmpResultInfo')
120 this.resultInfo = this.tmpResultInfo 91 this.resultInfo = this.tmpResultInfo
121 this.dialogVisible = false 92 this.dialogVisible = false
122 }, 93 },
123 // 放大 94 // 放大
124 enLarge() { 95 enLarge () {
125 const fullarea = document.getElementById('minejson') 96 const fullarea = document.getElementById('minejson')
126 if (fullarea.requestFullscreen) { 97 if (fullarea.requestFullscreen) {
127 fullarea.requestFullscreen() 98 fullarea.requestFullscreen()
...@@ -146,9 +117,11 @@ export default { ...@@ -146,9 +117,11 @@ export default {
146 top: 1px; 117 top: 1px;
147 color: #349af3; 118 color: #349af3;
148 } 119 }
120
149 ::v-deep .jsoneditor-vue { 121 ::v-deep .jsoneditor-vue {
150 height: 100%; 122 height: 100%;
151 } 123 }
124
152 .fullScreen { 125 .fullScreen {
153 position: absolute; 126 position: absolute;
154 right: 5%; 127 right: 5%;
...@@ -156,22 +129,28 @@ export default { ...@@ -156,22 +129,28 @@ export default {
156 cursor: pointer; 129 cursor: pointer;
157 color: #fff; 130 color: #fff;
158 } 131 }
132
159 ::v-deep .jsoneditor-modes { 133 ::v-deep .jsoneditor-modes {
160 display: none !important; 134 display: none !important;
161 } 135 }
136
162 .jsoneditor-poweredBy { 137 .jsoneditor-poweredBy {
163 display: none !important; 138 display: none !important;
164 } 139 }
140
165 .jsoneditor-menu { 141 .jsoneditor-menu {
166 background-color: #9c9e9f !important; 142 background-color: #9c9e9f !important;
167 border-bottom: 1px solid #9c9e9f !important; 143 border-bottom: 1px solid #9c9e9f !important;
168 } 144 }
145
169 .jsoneditor { 146 .jsoneditor {
170 border: 1px solid #9c9e9f !important; 147 border: 1px solid #9c9e9f !important;
171 } 148 }
149
172 .el-collapse { 150 .el-collapse {
173 border: 0; 151 border: 0;
174 } 152 }
153
175 .el-collapse-item__header { 154 .el-collapse-item__header {
176 height: 44px; 155 height: 44px;
177 } 156 }
......

33.8 KB | W: | H:

37.1 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

13.3 KB | W: | H:

24.9 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
...@@ -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" />
......
...@@ -38,7 +38,21 @@ let mixin = { ...@@ -38,7 +38,21 @@ let mixin = {
38 }, 38 },
39 // 详情 39 // 详情
40 handleEdit (row) { 40 handleEdit (row) {
41 this.title = row.rectypeName 41 let Title = ''
42 this.dicData['A21'].map(item => {
43 if (item.DCODE == row.DJLX || item.DCODE == row.djlx) {
44 Title = item.DNAME
45 return
46 }
47 })
48
49 this.dicData['A8'].map(item => {
50 if (item.DCODE == row.QLLX || item.DCODE == row.qllx) {
51 Title += '-' + item.DNAME
52 return
53 }
54 })
55 this.title = Title
42 this.$refs.editLog.isShow(row); 56 this.$refs.editLog.isShow(row);
43 }, 57 },
44 // // 重置表单 58 // // 重置表单
......
...@@ -41,22 +41,7 @@ export const constantRoutes = [ ...@@ -41,22 +41,7 @@ export const constantRoutes = [
41 * the routes that need to be dynamically loaded based on user roles 41 * the routes that need to be dynamically loaded based on user roles
42 */ 42 */
43 export const asyncRoutes = [ 43 export const asyncRoutes = [
44 // 监管首页 44 // 接收报文查询
45 {
46 path: '/',
47 component: Layout,
48 redirect: '/jgHome',
49 meta: { title: '首页' },
50 children: [
51 {
52 path: 'jgHome',
53 component: () => import('@/views/home/index'),
54 name: 'jgHome',
55 meta: { title: '首页', icon: 'workbench', affix: true }
56 }
57 ]
58 },
59 // // 接收报文查询
60 { 45 {
61 path: '/jsbwcx', 46 path: '/jsbwcx',
62 component: Layout, 47 component: Layout,
...@@ -76,13 +61,13 @@ export const asyncRoutes = [ ...@@ -76,13 +61,13 @@ export const asyncRoutes = [
76 children: [ 61 children: [
77 { 62 {
78 path: 'sbbwcx', 63 path: 'sbbwcx',
79 component: () => import('@/views/sbbwcx/index'), 64 component: () => import('@/views/sthj/sbbwcx/index'),
80 name: 'sbbwcx', 65 name: 'sbbwcx',
81 meta: { title: '上报报文', icon: 'zsgl' } 66 meta: { title: '上报报文', icon: 'zsgl' }
82 }, 67 },
83 { 68 {
84 path: 'dbrzcx', 69 path: 'dbrzcx',
85 component: () => import('@/views/dbrzcx/index'), 70 component: () => import('@/views/sthj/dbrzcx/index'),
86 name: 'dbrzcx', 71 name: 'dbrzcx',
87 meta: { title: '登簿日志', icon: 'zsgl' } 72 meta: { title: '登簿日志', icon: 'zsgl' }
88 } 73 }
...@@ -108,71 +93,6 @@ export const asyncRoutes = [ ...@@ -108,71 +93,6 @@ export const asyncRoutes = [
108 } 93 }
109 ] 94 ]
110 }, 95 },
111 // 接入区域管理
112 {
113 path: '/jrqygl',
114 component: Layout,
115 children: [
116 {
117 path: 'index',
118 component: () => import('@/views/jrqygl/index'),
119 name: 'jrqygl',
120 meta: { title: '接入区域管理', icon: 'zhcx' }
121 }
122 ]
123 },
124 // 接收规则管理
125 {
126 path: '/jsgzgl',
127 component: Layout,
128 children: [
129 {
130 path: 'index',
131 component: () => import('@/views/jsgzgl/index'),
132 name: 'jsgzgl',
133 meta: { title: '接收规则管理', icon: 'zhcx' }
134 }
135 ]
136 },
137 // 接收报文重新入库
138 {
139 path: '/jsbwcxrk',
140 component: Layout,
141 children: [
142 {
143 path: 'index',
144 component: () => import('@/views/jsbwcxrk/index'),
145 name: 'jsbwcxrk',
146 meta: { title: '接收报文重新入库', icon: 'zhcx' }
147 }
148 ]
149 },
150 // 报文重新入库日志
151 {
152 path: '/bwcxrkrz',
153 component: Layout,
154 children: [
155 {
156 path: 'index',
157 component: () => import('@/views/bwcxrkrz/index'),
158 name: 'bwcxrkrz',
159 meta: { title: '报文重新入库日志', icon: 'zhcx' }
160 }
161 ]
162 },
163 // 中心日志
164 {
165 path: '/zxrz',
166 component: Layout,
167 children: [
168 {
169 path: 'index',
170 component: () => import('@/views/zxrz/index'),
171 name: 'zxrz',
172 meta: { title: '中心日志', icon: 'zhcx' }
173 }
174 ]
175 },
176 // 接入业务信息-不动产数据 96 // 接入业务信息-不动产数据
177 { 97 {
178 path: '/busineInfo', 98 path: '/busineInfo',
...@@ -184,91 +104,91 @@ export const asyncRoutes = [ ...@@ -184,91 +104,91 @@ export const asyncRoutes = [
184 children: [ 104 children: [
185 { 105 {
186 path: 'tdsyq', 106 path: 'tdsyq',
187 component: () => import('@/views/business-info/tdsyq/index'), 107 component: () => import('@/views/bdcsj/tdsyq/index'),
188 name: 'tdsyq', 108 name: 'tdsyq',
189 meta: { title: '土地所有权' } 109 meta: { title: '土地所有权' }
190 }, 110 },
191 { 111 {
192 path: 'jsydzjdsyq', 112 path: 'jsydzjdsyq',
193 component: () => import('@/views/business-info/jsydzjdsyq/index'), 113 component: () => import('@/views/bdcsj/jsydzjdsyq/index'),
194 name: 'jsydzjdsyq', 114 name: 'jsydzjdsyq',
195 meta: { title: '建设用地、宅基地使用权' } 115 meta: { title: '建设用地、宅基地使用权' }
196 }, 116 },
197 { 117 {
198 path: 'fdcqdz', 118 path: 'fdcqdz',
199 component: () => import('@/views/business-info/fdcqdz/index'), 119 component: () => import('@/views/bdcsj/fdcqdz/index'),
200 name: 'fdcqdz', 120 name: 'fdcqdz',
201 meta: { title: '房地产权(项目内多幢房屋)' } 121 meta: { title: '房地产权(项目内多幢房屋)' }
202 }, 122 },
203 { 123 {
204 path: 'fdcqyz', 124 path: 'fdcqyz',
205 component: () => import('@/views/business-info/fdcqyz/index'), 125 component: () => import('@/views/bdcsj/fdcqyz/index'),
206 name: 'fdcqyz', 126 name: 'fdcqyz',
207 meta: { title: '房地产权(独幢、层、套、间、房屋)' } 127 meta: { title: '房地产权(独幢、层、套、间、房屋)' }
208 }, 128 },
209 { 129 {
210 path: 'fdcqqfsyq', 130 path: 'fdcqqfsyq',
211 component: () => import('@/views/business-info/fdcqqfsyq/index'), 131 component: () => import('@/views/bdcsj/fdcqqfsyq/index'),
212 name: 'fdcqqfsyq', 132 name: 'fdcqqfsyq',
213 meta: { title: '建筑物区分所有权业主共有部分' } 133 meta: { title: '建筑物区分所有权业主共有部分' }
214 }, 134 },
215 { 135 {
216 path: 'hysyq', 136 path: 'hysyq',
217 component: () => import('@/views/business-info/hysyq/index'), 137 component: () => import('@/views/bdcsj/hysyq/index'),
218 name: 'hysyq', 138 name: 'hysyq',
219 meta: { title: '海域(含无居民海岛)使用权' } 139 meta: { title: '海域(含无居民海岛)使用权' }
220 }, 140 },
221 { 141 {
222 path: 'gzwsyq', 142 path: 'gzwsyq',
223 component: () => import('@/views/business-info/gzwsyq/index'), 143 component: () => import('@/views/bdcsj/gzwsyq/index'),
224 name: 'gzwsyq', 144 name: 'gzwsyq',
225 meta: { title: '构(建)筑物所有权' } 145 meta: { title: '构(建)筑物所有权' }
226 }, 146 },
227 { 147 {
228 path: 'nydsyq', 148 path: 'nydsyq',
229 component: () => import('@/views/business-info/nydsyq/index'), 149 component: () => import('@/views/bdcsj/nydsyq/index'),
230 name: 'nydsyq', 150 name: 'nydsyq',
231 meta: { title: '农用地使用权(非林地)' } 151 meta: { title: '农用地使用权(非林地)' }
232 }, 152 },
233 { 153 {
234 path: 'lq', 154 path: 'lq',
235 component: () => import('@/views/business-info/lq/index'), 155 component: () => import('@/views/bdcsj/lq/index'),
236 name: 'lq', 156 name: 'lq',
237 meta: { title: '林权' } 157 meta: { title: '林权' }
238 }, 158 },
239 { 159 {
240 path: 'zxdj', 160 path: 'zxdj',
241 component: () => import('@/views/business-info/zxdj/index'), 161 component: () => import('@/views/bdcsj/zxdj/index'),
242 name: 'zxdj', 162 name: 'zxdj',
243 meta: { title: '注销登记' } 163 meta: { title: '注销登记' }
244 }, 164 },
245 { 165 {
246 path: 'yydj', 166 path: 'yydj',
247 component: () => import('@/views/business-info/yydj/index'), 167 component: () => import('@/views/bdcsj/yydj/index'),
248 name: 'yydj', 168 name: 'yydj',
249 meta: { title: '异议登记' } 169 meta: { title: '异议登记' }
250 }, 170 },
251 { 171 {
252 path: 'ygdj', 172 path: 'ygdj',
253 component: () => import('@/views/business-info/ygdj/index'), 173 component: () => import('@/views/bdcsj/ygdj/index'),
254 name: 'ygdj', 174 name: 'ygdj',
255 meta: { title: '预告登记' } 175 meta: { title: '预告登记' }
256 }, 176 },
257 { 177 {
258 path: 'Cfdj', 178 path: 'Cfdj',
259 component: () => import('@/views/business-info/Cfdj/index'), 179 component: () => import('@/views/bdcsj/cfdj/index'),
260 name: 'Cfdj', 180 name: 'Cfdj',
261 meta: { title: '查封登记' } 181 meta: { title: '查封登记' }
262 }, 182 },
263 { 183 {
264 path: 'dyaq', 184 path: 'dyaq',
265 component: () => import('@/views/business-info/dyaq/index'), 185 component: () => import('@/views/bdcsj/dyaq/index'),
266 name: 'dyaq', 186 name: 'dyaq',
267 meta: { title: '抵押权登记' } 187 meta: { title: '抵押权登记' }
268 }, 188 },
269 { 189 {
270 path: 'dyiq', 190 path: 'dyiq',
271 component: () => import('@/views/business-info/dyiq/index'), 191 component: () => import('@/views/bdcsj/dyiq/index'),
272 name: 'dyiq', 192 name: 'dyiq',
273 meta: { title: '地役权登记' } 193 meta: { title: '地役权登记' }
274 } 194 }
......
...@@ -7,11 +7,18 @@ ...@@ -7,11 +7,18 @@
7 display: flex; 7 display: flex;
8 position: relative; 8 position: relative;
9 top: -2px; 9 top: -2px;
10
11 b { 10 b {
12 @include flex-center; 11 font-weight: 200;
13 flex: 1; 12 display: inline-block;
14 width: 100%; 13 position: relative;
14 font-size: 24px;
15 top: -11px;
16 width: 38%;
17 height: 40px;
18 margin-left: 28px;
19 // @include flex-center;
20 display: flex;
21 justify-content: center;
15 } 22 }
16 } 23 }
17 24
...@@ -28,13 +35,21 @@ ...@@ -28,13 +35,21 @@
28 } 35 }
29 36
30 .dialog_footer { 37 .dialog_footer {
31 margin-top: 8px; 38 margin-bottom: 8px;
32 @include flex-center; 39 @include flex-center;
33 } 40 }
34 41
35 .dialogBox-content { 42 .dialogBox-content {
36 height: auto 43 height: auto
37 } 44 }
45
46 .editDialogBox-box {
47 background: #031A46;
48 box-shadow: inset 0px 0px 12px 0px #02D9FD;
49 border-radius: 2px;
50 border: 1px solid #6BC1FC;
51 margin: 0 18px 15px 18px;
52 }
38 } 53 }
39 54
40 .dialog_title { 55 .dialog_title {
...@@ -57,13 +72,21 @@ ...@@ -57,13 +72,21 @@
57 padding-bottom: 0; 72 padding-bottom: 0;
58 } 73 }
59 74
60 .el-dialog__headerbtn .el-dialog__close { 75 .el-dialog__headerbtn {
61 color: #FFFFFF !important; 76 width: 42px;
62 position: relative; 77 height: 20px;
63 top: -2px; 78 background: url("~@/image/closebg.png") no-repeat;
64 right: 15px 79 background-size: 100% 100%;
80 right: 40px;
81 top: 33px;
82 &:hover{
83 box-shadow: inset 0px 0px 12px 0px #02D9FD;
84 }
65 } 85 }
66 86
87 .el-dialog__close {
88 font-size: 0;
89 }
67 90
68 .el-form-item { 91 .el-form-item {
69 @include flex; 92 @include flex;
...@@ -88,8 +111,9 @@ ...@@ -88,8 +111,9 @@
88 top: 50%; 111 top: 50%;
89 left: 50%; 112 left: 50%;
90 transform: translate(-50%, -50%); 113 transform: translate(-50%, -50%);
114
91 // 展开收起按钮位置 115 // 展开收起按钮位置
92 .el-input__suffix{ 116 .el-input__suffix {
93 right: 10px; 117 right: 10px;
94 } 118 }
95 } 119 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
66 // refine element ui upload 66 // refine element ui upload
67 .el-input.is-disabled .el-input__inner { 67 .el-input.is-disabled .el-input__inner {
68 color: #FFFFFF !important; 68 color: #FFFFFF !important;
69 // background-color: transparent !important; 69 background-color: transparent !important;
70 border: 1px solid #224C7C !important; 70 border: 1px solid #224C7C !important;
71 } 71 }
72 72
...@@ -180,13 +180,13 @@ table th { ...@@ -180,13 +180,13 @@ table th {
180 border-bottom: none !important; 180 border-bottom: none !important;
181 } 181 }
182 182
183 .el-table__body { 183 // .el-table__body {
184 -webkit-border-vertical-spacing: 6px !important; // 垂直间距 184 // -webkit-border-vertical-spacing: 6px !important; // 垂直间距
185 } 185 // }
186 186
187 table td { 187 table td {
188 box-sizing: border-box; 188 box-sizing: border-box;
189 border-bottom: none !important; 189 border-bottom: 1px solid #458ACF !important;
190 } 190 }
191 191
192 //去掉最下面的那一条线 192 //去掉最下面的那一条线
...@@ -283,6 +283,24 @@ table td { ...@@ -283,6 +283,24 @@ table td {
283 283
284 // 时间选择框样式 284 // 时间选择框样式
285 .el-date-picker { 285 .el-date-picker {
286 background: url("~@/image/slbg.png") no-repeat;
287 background-size: 100% 100%;
288 padding-top: 13px;
289 padding-bottom: 13px;
290 border: none;
291 margin-top: 5px !important;
292
293 table {
294 background: url("~@/image/rqjx.png") no-repeat;
295 background-size: 100% 100%;
296 padding: 8px;
297 }
298
299 table td {
300 box-sizing: border-box;
301 border-bottom: 0px solid #074487 !important;
302 }
303
286 .el-input__inner { 304 .el-input__inner {
287 background-color: #031a46; 305 background-color: #031a46;
288 } 306 }
...@@ -292,6 +310,7 @@ table td { ...@@ -292,6 +310,7 @@ table td {
292 } 310 }
293 311
294 .el-picker-panel__footer { 312 .el-picker-panel__footer {
313 display: none;
295 background-color: #031a46; 314 background-color: #031a46;
296 } 315 }
297 316
...@@ -299,18 +318,27 @@ table td { ...@@ -299,18 +318,27 @@ table td {
299 background-color: #074487; 318 background-color: #074487;
300 } 319 }
301 320
302 background-color: #031a46; 321 .el-date-picker__header {
322 margin-bottom: 0px;
323 }
303 324
304 .el-date-picker__header-label { 325 .el-date-picker__header-label {
305 color: #A6CFD6; 326 color: #A6CFD6;
306 } 327 }
307 328
308 .el-picker-panel__content { 329 .el-picker-panel__content {
309 background-color: #074487; 330 padding-top: 0px;
331 margin-top: 0px;
310 332
311 .disabled { 333 .disabled {
312 background-color: #074487; 334 background-color: #074487;
313 335
336 div {
337 span {
338 color: rgba(172, 239, 250, .5)
339 }
340 }
341
314 } 342 }
315 } 343 }
316 344
...@@ -324,7 +352,7 @@ table td { ...@@ -324,7 +352,7 @@ table td {
324 } 352 }
325 353
326 .el-date-table td span { 354 .el-date-table td span {
327 color: #A6CFD6; 355 color: #DBFAFF
328 } 356 }
329 357
330 .el-date-table td.current:not(.disabled) span { 358 .el-date-table td.current:not(.disabled) span {
...@@ -361,10 +389,6 @@ table td { ...@@ -361,10 +389,6 @@ table td {
361 background-color: #031a46; 389 background-color: #031a46;
362 } 390 }
363 391
364 .el-picker-panel__footer {
365 background-color: #031a46;
366 }
367
368 .el-time-panel { 392 .el-time-panel {
369 background-color: #074487 !important; 393 background-color: #074487 !important;
370 color: #E3F1FF; 394 color: #E3F1FF;
...@@ -419,7 +443,7 @@ table td { ...@@ -419,7 +443,7 @@ table td {
419 443
420 [class^="el-icon-"], 444 [class^="el-icon-"],
421 [class*=" el-icon-"] { 445 [class*=" el-icon-"] {
422 display: none; 446 // display: none;
423 } 447 }
424 448
425 .el-range-separator { 449 .el-range-separator {
...@@ -444,7 +468,7 @@ table td { ...@@ -444,7 +468,7 @@ table td {
444 } 468 }
445 469
446 .el-select-dropdown { 470 .el-select-dropdown {
447 top: 203px !important; 471 margin-top: 5px !important;
448 } 472 }
449 473
450 .el-menu--horizontal .el-menu--popup .el-menu-item:not(.is-disabled):hover, 474 .el-menu--horizontal .el-menu--popup .el-menu-item:not(.is-disabled):hover,
...@@ -460,5 +484,4 @@ table td { ...@@ -460,5 +484,4 @@ table td {
460 .el-select-dropdown__item.hover, 484 .el-select-dropdown__item.hover,
461 .el-select-dropdown__item:hover { 485 .el-select-dropdown__item:hover {
462 background-color: transparent !important; 486 background-color: transparent !important;
463 ;
464 } 487 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -5,16 +5,16 @@ ...@@ -5,16 +5,16 @@
5 background-color: rgba(0, 0, 0, 0); 5 background-color: rgba(0, 0, 0, 0);
6 6
7 .el-table__header-wrapper { 7 .el-table__header-wrapper {
8 border-right: 1px solid #103E99; 8 border-right: none;
9 9
10 } 10 }
11 11
12 .el-table__row .cell { 12 .el-table__row .cell {
13 color: #DBFAFF !important; 13 color: #CEF8FF !important;
14 } 14 }
15 15
16 .el-table__row { 16 .el-table__row {
17 background: #0F56A3 !important; 17 background: rgba(0, 0, 0, 0) !important;
18 } 18 }
19 19
20 thead { 20 thead {
......
1 import { Message } from "element-ui";
2 export function removeTreeListItem (treeList, dictId, idName = 'bsmDict') {
3 if (!treeList || !treeList.length) {
4 return
5 }
6 for (let i = 0; i < treeList.length; i++) {
7 if (treeList[i][idName] === dictId) {
8 treeList.splice(i, 1);
9 break;
10 }
11 removeTreeListItem(treeList[i].children, dictId)
12 }
13 }
14 // 创造id
15 export function getUuid (len, radix) {
16 var chars = "0123456789abcdefghijklmnopqrstuvwxyz".split(
17 ""
18 );
19 var uuid = [],
20 i;
21 radix = radix || chars.length;
22 if (len) {
23 for (i = 0; i < len; i++) uuid[i] = chars[0 | (Math.random() * radix)];
24 } else {
25 var r;
26 uuid[8] = uuid[13] = uuid[18] = uuid[23] = "-";
27 uuid[14] = "4";
28 for (i = 0; i < 36; i++) {
29 if (!uuid[i]) {
30 r = 0 | (Math.random() * 16);
31 uuid[i] = chars[i == 19 ? (r & 0x3) | 0x8 : r];
32 }
33 }
34 }
35 return uuid.join("");
36 }
37 export function judgeSort (arr) {
38 if (arr.length) {
39 for (let i in arr) {
40 arr[i]["isTop"] = false;
41 arr[i]["isBottom"] = false;
42 arr[i] == arr[0] && (arr[i].isTop = true);
43 arr[i] == arr[arr.length - 1] && (arr[i].isBottom = true);
44 arr[i].children && arr[i].children.length && judgeSort(arr[i].children)
45 }
46 }
47 return arr
48 }
49 // 上下移动
50 export function realMove (bsmDict, operate, data) {
51 function changeSort (arr, bsmDict) {
52 if (arr.length) {
53 let flag = false;
54 for (let i in arr) {
55 if (arr[i].bsmDict == bsmDict) {
56 if (operate === "UP") {
57 arr[i] = arr.splice(i - 1, 1, arr[i])[0];
58 } else if (operate === "DOWN") {
59 let temp = arr.splice(i - 0 + 1, 1, arr[i])
60 arr[i] = temp[0];
61 }
62 flag = true;
63 break;
64 }
65 if (!flag && arr[i].children && arr[i].children.length) {
66 arr[i].children = changeSort(arr[i].children, bsmDict);
67 }
68 }
69 }
70 return arr;
71 }
72 data = judgeSort(changeSort(data, bsmDict));
73 }
74 // 获取所有父节点
75 export function findParents (treeData, bsmDict) {
76 if (treeData.length == 0) return
77 for (let i = 0; i < treeData.length; i++) {
78 if (treeData[i].bsmDict == bsmDict) {
79 return []
80 } else {
81 if (treeData[i].children) {
82 let res = findParents(treeData[i].children, bsmDict)
83 if (res !== undefined) {
84 return res.concat(treeData[i].bsmDict)
85 }
86 }
87 }
88 }
89 }
90 // 上移下移
91 export function upward (index, data) {
92 if (index > 0) {
93 let upData = data[index - 1];
94 data.splice(index - 1, 1);
95 data.splice(index, 0, upData);
96 } else {
97 Message({
98 message: '已经是第一条,上移失败'
99 });
100 }
101 }
102 export function down (index, data) {
103 if ((index + 1) == data.length) {
104 Message({
105 message: '已经是最后一条,下移失败'
106 });
107 } else {
108 let downData = data[index + 1];
109 data.splice(index + 1, 1);
110 data.splice(index, 0, downData);
111 }
112 }
...@@ -52,7 +52,7 @@ export function realMove (bsmDict, operate, data) { ...@@ -52,7 +52,7 @@ export function realMove (bsmDict, operate, data) {
52 if (arr.length) { 52 if (arr.length) {
53 let flag = false; 53 let flag = false;
54 for (let i in arr) { 54 for (let i in arr) {
55 if (arr[i].bsmDict == bsmDict) { 55 if (arr[i].dictid == bsmDict) {
56 if (operate === "UP") { 56 if (operate === "UP") {
57 arr[i] = arr.splice(i - 1, 1, arr[i])[0]; 57 arr[i] = arr.splice(i - 1, 1, arr[i])[0];
58 } else if (operate === "DOWN") { 58 } else if (operate === "DOWN") {
...@@ -110,3 +110,32 @@ export function down (index, data) { ...@@ -110,3 +110,32 @@ export function down (index, data) {
110 data.splice(index, 0, downData); 110 data.splice(index, 0, downData);
111 } 111 }
112 } 112 }
113
114 export function timeFormat (date, end) {
115 if (!date || typeof (date) === "string") {
116 this.error("参数异常,请检查...");
117 }
118 var y = date.getFullYear(); //年
119 var m = date.getMonth() + 1; //月
120 var d = date.getDate(); //日
121 if (end) {
122 return y + "/" + m + "/" + d + ' 23:59:59';
123 } else {
124 return y + "/" + m + "/" + d + ' 00:00:00';
125 }
126 }
127 export function getFirstDayOfSeason (d) {
128 let date = d || new Date()
129 var month = date.getMonth();
130 if (month < 3) {
131 date.setMonth(0);
132 } else if (2 < month && month < 6) {
133 date.setMonth(3);
134 } else if (5 < month && month < 9) {
135 date.setMonth(6);
136 } else if (8 < month && month < 11) {
137 date.setMonth(9);
138 }
139 date.setDate(1);
140 return timeFormat(date);
141 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -7,6 +7,7 @@ class data extends filter { ...@@ -7,6 +7,7 @@ class data extends filter {
7 return [ 7 return [
8 { 8 {
9 label: "行政区", 9 label: "行政区",
10 width: 80,
10 render: (h, scope) => { 11 render: (h, scope) => {
11 return ( 12 return (
12 <div> 13 <div>
...@@ -17,6 +18,7 @@ class data extends filter { ...@@ -17,6 +18,7 @@ class data extends filter {
17 }, 18 },
18 { 19 {
19 label: "权属状态", 20 label: "权属状态",
21 width: 80,
20 render: (h, scope) => { 22 render: (h, scope) => {
21 return ( 23 return (
22 <div> 24 <div>
......
...@@ -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">
...@@ -77,7 +80,7 @@ ...@@ -77,7 +80,7 @@
77 </lb-table> 80 </lb-table>
78 </div> 81 </div>
79 <!-- 编辑 --> 82 <!-- 编辑 -->
80 <dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlCfdj'" /> 83 <dataDetails ref="editLog" title="查封登记" :tabsActiveName="'qlfQlCfdj'" />
81 </div> 84 </div>
82 </template> 85 </template>
83 <script> 86 <script>
...@@ -112,7 +115,7 @@ export default { ...@@ -112,7 +115,7 @@ export default {
112 }].concat(data.columns()).concat([ 115 }].concat(data.columns()).concat([
113 { 116 {
114 label: "操作", 117 label: "操作",
115 width: 170, 118 width: 80,
116 render: (h, scope) => { 119 render: (h, scope) => {
117 return ( 120 return (
118 <div> 121 <div>
......
...@@ -7,6 +7,7 @@ class data extends filter { ...@@ -7,6 +7,7 @@ class data extends filter {
7 return [ 7 return [
8 { 8 {
9 label: "行政区", 9 label: "行政区",
10 width: 80,
10 render: (h, scope) => { 11 render: (h, scope) => {
11 return ( 12 return (
12 <div> 13 <div>
...@@ -17,6 +18,7 @@ class data extends filter { ...@@ -17,6 +18,7 @@ class data extends filter {
17 }, 18 },
18 { 19 {
19 label: "权属状态", 20 label: "权属状态",
21 width: 80,
20 render: (h, scope) => { 22 render: (h, scope) => {
21 return ( 23 return (
22 <div> 24 <div>
...@@ -31,11 +33,13 @@ class data extends filter { ...@@ -31,11 +33,13 @@ class data extends filter {
31 }, 33 },
32 { 34 {
33 label: "不动产单元号", 35 label: "不动产单元号",
34 prop: "bdcdyh" 36 prop: "bdcdyh",
37 width: 150,
35 }, 38 },
36 { 39 {
37 label: "不动产权证号", 40 label: "不动产权证号",
38 prop: "bdcdjzmh" 41 prop: "bdcdjzmh",
42 width: 150,
39 }, 43 },
40 { 44 {
41 label: "抵押类型", 45 label: "抵押类型",
...@@ -63,7 +67,8 @@ class data extends filter { ...@@ -63,7 +67,8 @@ class data extends filter {
63 }, 67 },
64 { 68 {
65 label: "被担保主债权数额", 69 label: "被担保主债权数额",
66 prop: "bdbzzqse" 70 prop: "bdbzzqse",
71 width: 135,
67 }, 72 },
68 { 73 {
69 label: "最高债权额", 74 label: "最高债权额",
...@@ -71,11 +76,13 @@ class data extends filter { ...@@ -71,11 +76,13 @@ class data extends filter {
71 }, 76 },
72 { 77 {
73 label: "登记时间", 78 label: "登记时间",
74 prop: "djsj" 79 prop: "djsj",
80 width: 140,
75 }, 81 },
76 { 82 {
77 label: "登记机构", 83 label: "登记机构",
78 prop: "djjg" 84 prop: "djjg",
85 width: 140,
79 } 86 }
80 ] 87 ]
81 } 88 }
......
...@@ -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">
...@@ -72,7 +75,7 @@ ...@@ -72,7 +75,7 @@
72 </lb-table> 75 </lb-table>
73 </div> 76 </div>
74 <!-- 编辑 --> 77 <!-- 编辑 -->
75 <dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlDyaq'" /> 78 <dataDetails ref="editLog" title="抵押权登记" :tabsActiveName="'qlfQlDyaq'" />
76 </div> 79 </div>
77 </template> 80 </template>
78 81
...@@ -110,7 +113,7 @@ export default { ...@@ -110,7 +113,7 @@ export default {
110 }].concat(data.columns()).concat([ 113 }].concat(data.columns()).concat([
111 { 114 {
112 label: "操作", 115 label: "操作",
113 width: 170, 116 width: 80,
114 render: (h, scope) => { 117 render: (h, scope) => {
115 return ( 118 return (
116 <div> 119 <div>
......
...@@ -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">
...@@ -73,7 +76,7 @@ ...@@ -73,7 +76,7 @@
73 </lb-table> 76 </lb-table>
74 </div> 77 </div>
75 <!-- 编辑 --> 78 <!-- 编辑 -->
76 <dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlDyiq'" /> 79 <dataDetails ref="editLog" title="地役权登记" :tabsActiveName="'qlfQlDyiq'" />
77 </div> 80 </div>
78 </template> 81 </template>
79 82
......
...@@ -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: 150, 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: 100, 21 width: 80,
22 render: (h, scope) => { 22 render: (h, scope) => {
23 return ( 23 return (
24 <div> 24 <div>
...@@ -29,8 +29,7 @@ class data extends filter { ...@@ -29,8 +29,7 @@ class data extends filter {
29 }, 29 },
30 { 30 {
31 label: "业务号", 31 label: "业务号",
32 prop: "ywh", 32 prop: "ywh"
33 width: 150
34 }, 33 },
35 { 34 {
36 label: "不动产单元号", 35 label: "不动产单元号",
...@@ -42,7 +41,8 @@ class data extends filter { ...@@ -42,7 +41,8 @@ class data extends filter {
42 }, 41 },
43 { 42 {
44 label: "权利人", 43 label: "权利人",
45 prop: "qlrmc" 44 prop: "qlrmc",
45 width: 150
46 }, 46 },
47 { 47 {
48 label: "用途", 48 label: "用途",
...@@ -50,6 +50,7 @@ class data extends filter { ...@@ -50,6 +50,7 @@ class data extends filter {
50 }, 50 },
51 { 51 {
52 label: "权利类型", 52 label: "权利类型",
53 width: 150,
53 render: (h, scope) => { 54 render: (h, scope) => {
54 return ( 55 return (
55 <div> 56 <div>
......
...@@ -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="行政区">
...@@ -34,7 +37,7 @@ ...@@ -34,7 +37,7 @@
34 <el-col :span="6"> 37 <el-col :span="6">
35 <el-form-item label="登记类型"> 38 <el-form-item label="登记类型">
36 <el-select v-model="form.DJLX" clearable class="width100" ref="selectlandDJ" 39 <el-select v-model="form.DJLX" clearable class="width100" ref="selectlandDJ"
37 @visible-change="isShowSelectOptions" placeholder="请选择登记类型"> 40 @visible-change="isShowSelectOptions" placeholder="登记类型">
38 <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 41 <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
39 </el-option> 42 </el-option>
40 </el-select> 43 </el-select>
...@@ -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
...@@ -101,7 +104,7 @@ export default { ...@@ -101,7 +104,7 @@ export default {
101 }].concat(data.columns()).concat([ 104 }].concat(data.columns()).concat([
102 { 105 {
103 label: "操作", 106 label: "操作",
104 width: 170, 107 width: 90,
105 render: (h, scope) => { 108 render: (h, scope) => {
106 return ( 109 return (
107 <div> 110 <div>
......
...@@ -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="业务号">
...@@ -11,7 +14,7 @@ ...@@ -11,7 +14,7 @@
11 <el-col :span="5"> 14 <el-col :span="5">
12 <el-form-item label="权利类型"> 15 <el-form-item label="权利类型">
13 <el-select v-model="form.QLLX" ref="selectshareQL" @visible-change="isShowSelectOptions" clearable 16 <el-select v-model="form.QLLX" ref="selectshareQL" @visible-change="isShowSelectOptions" clearable
14 placeholder="请选择权利类型"> 17 placeholder="权利类型">
15 <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 18 <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
16 </el-option> 19 </el-option>
17 </el-select> 20 </el-select>
...@@ -69,7 +72,7 @@ export default { ...@@ -69,7 +72,7 @@ export default {
69 }].concat(data.columns()).concat([ 72 }].concat(data.columns()).concat([
70 { 73 {
71 label: "操作", 74 label: "操作",
72 width: 170, 75 width: 80,
73 render: (h, scope) => { 76 render: (h, scope) => {
74 return ( 77 return (
75 <div> 78 <div>
......
...@@ -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: 150, 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: 100, 21 width: 80,
22 render: (h, scope) => { 22 render: (h, scope) => {
23 return ( 23 return (
24 <div> 24 <div>
...@@ -30,19 +30,21 @@ class data extends filter { ...@@ -30,19 +30,21 @@ class data extends filter {
30 { 30 {
31 label: "业务号", 31 label: "业务号",
32 prop: "ywh", 32 prop: "ywh",
33 width: 150
34 }, 33 },
35 { 34 {
36 label: "不动产单元号", 35 label: "不动产单元号",
37 prop: "bdcdyh" 36 prop: "bdcdyh",
37 width: 150
38 }, 38 },
39 { 39 {
40 label: "不动产权证号", 40 label: "不动产权证号",
41 prop: "bdcqzh" 41 prop: "bdcqzh",
42 width: 150
42 }, 43 },
43 { 44 {
44 label: "权利人", 45 label: "权利人",
45 prop: "qlrmc" 46 prop: "qlrmc",
47 width: 150
46 }, 48 },
47 { 49 {
48 label: "用途", 50 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="行政区">
...@@ -34,7 +37,7 @@ ...@@ -34,7 +37,7 @@
34 <el-col :span="6"> 37 <el-col :span="6">
35 <el-form-item label="登记类型"> 38 <el-form-item label="登记类型">
36 <el-select v-model="form.DJLX" clearable class="width100" ref="selectlandDJ" 39 <el-select v-model="form.DJLX" clearable class="width100" ref="selectlandDJ"
37 @visible-change="isShowSelectOptions" placeholder="请选择登记类型"> 40 @visible-change="isShowSelectOptions" placeholder="登记类型">
38 <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 41 <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
39 </el-option> 42 </el-option>
40 </el-select> 43 </el-select>
...@@ -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
...@@ -101,7 +104,7 @@ export default { ...@@ -101,7 +104,7 @@ export default {
101 }].concat(data.columns()).concat([ 104 }].concat(data.columns()).concat([
102 { 105 {
103 label: "操作", 106 label: "操作",
104 width: 170, 107 width: 80,
105 render: (h, scope) => { 108 render: (h, scope) => {
106 return ( 109 return (
107 <div> 110 <div>
......
...@@ -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="行政区">
...@@ -21,17 +24,17 @@ ...@@ -21,17 +24,17 @@
21 </el-col> 24 </el-col>
22 <el-col :span="6"> 25 <el-col :span="6">
23 <el-form-item label="坐落"> 26 <el-form-item label="坐落">
24 <el-input v-model="form.ZL" placeholder="请输入坐落"></el-input> 27 <el-input v-model="form.ZL" placeholder="坐落"></el-input>
25 </el-form-item> 28 </el-form-item>
26 </el-col> 29 </el-col>
27 <el-col :span="6"> 30 <el-col :span="6">
28 <el-form-item label="不动产权证号" label-width="105px"> 31 <el-form-item label="不动产权证号" label-width="105px">
29 <el-input v-model="form.BDCQZH" placeholder="请输入不动产权证号"></el-input> 32 <el-input v-model="form.BDCQZH" placeholder="不动产权证号"></el-input>
30 </el-form-item> 33 </el-form-item>
31 </el-col> 34 </el-col>
32 <el-col :span="6" class="mt-10"> 35 <el-col :span="6" class="mt-10">
33 <el-form-item label="权利人"> 36 <el-form-item label="权利人">
34 <el-input v-model="form.QLR" placeholder="请输入权利人"></el-input> 37 <el-input v-model="form.QLR" placeholder="权利人"></el-input>
35 </el-form-item> 38 </el-form-item>
36 </el-col> 39 </el-col>
37 <el-col :span="6" class="mt-10"> 40 <el-col :span="6" class="mt-10">
...@@ -44,7 +47,7 @@ ...@@ -44,7 +47,7 @@
44 </el-col> 47 </el-col>
45 <el-col :span="6" class="mt-10"> 48 <el-col :span="6" class="mt-10">
46 <el-form-item label="建筑名称"> 49 <el-form-item label="建筑名称">
47 <el-input v-model="form.JZWMC" placeholder="请输入建筑名称"></el-input> 50 <el-input v-model="form.JZWMC" placeholder="建筑名称"></el-input>
48 </el-form-item> 51 </el-form-item>
49 </el-col> 52 </el-col>
50 <el-col :span="6" class="btnColRight mt-10"> 53 <el-col :span="6" class="btnColRight mt-10">
......
...@@ -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="行政区">
...@@ -21,17 +24,17 @@ ...@@ -21,17 +24,17 @@
21 </el-col> 24 </el-col>
22 <el-col :span="6"> 25 <el-col :span="6">
23 <el-form-item label="坐落"> 26 <el-form-item label="坐落">
24 <el-input v-model="form.ZL" placeholder="请输入坐落"></el-input> 27 <el-input v-model="form.ZL" placeholder="坐落"></el-input>
25 </el-form-item> 28 </el-form-item>
26 </el-col> 29 </el-col>
27 <el-col :span="6"> 30 <el-col :span="6">
28 <el-form-item label="不动产权证号" label-width="105px"> 31 <el-form-item label="不动产权证号" label-width="105px">
29 <el-input v-model="form.BDCQZH" placeholder="请输入不动产权证号"></el-input> 32 <el-input v-model="form.BDCQZH" placeholder="不动产权证号"></el-input>
30 </el-form-item> 33 </el-form-item>
31 </el-col> 34 </el-col>
32 <el-col :span="6" class="mt-10"> 35 <el-col :span="6" class="mt-10">
33 <el-form-item label="权利人"> 36 <el-form-item label="权利人">
34 <el-input v-model="form.QLR" placeholder="请输入权利人"></el-input> 37 <el-input v-model="form.QLR" placeholder="权利人"></el-input>
35 </el-form-item> 38 </el-form-item>
36 </el-col> 39 </el-col>
37 <el-col :span="6" class="mt-10"> 40 <el-col :span="6" class="mt-10">
...@@ -44,7 +47,7 @@ ...@@ -44,7 +47,7 @@
44 </el-col> 47 </el-col>
45 <el-col :span="6" class="mt-10"> 48 <el-col :span="6" class="mt-10">
46 <el-form-item label="海岛名称"> 49 <el-form-item label="海岛名称">
47 <el-input v-model="form.HDMC" placeholder="请输入海岛名称"></el-input> 50 <el-input v-model="form.HDMC" placeholder="海岛名称"></el-input>
48 </el-form-item> 51 </el-form-item>
49 </el-col> 52 </el-col>
50 <el-col :span="6" class="btnColRight mt-10"> 53 <el-col :span="6" class="btnColRight mt-10">
......
...@@ -29,7 +29,7 @@ class data extends filter { ...@@ -29,7 +29,7 @@ class data extends filter {
29 }, 29 },
30 { 30 {
31 label: "权利类型", 31 label: "权利类型",
32 width: 200, 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: 100, 43 width: 80,
44 render: (h, scope) => { 44 render: (h, scope) => {
45 return ( 45 return (
46 <div> 46 <div>
...@@ -52,16 +52,17 @@ class data extends filter { ...@@ -52,16 +52,17 @@ class data extends filter {
52 { 52 {
53 label: "业务号", 53 label: "业务号",
54 prop: "YWH", 54 prop: "YWH",
55 width: 150 55 width: 95
56 }, 56 },
57 { 57 {
58 label: "不动产单元号", 58 label: "不动产单元号",
59 prop: "BDCDYH", 59 prop: "BDCDYH",
60 width: 240, 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: "权利人",
...@@ -73,7 +74,8 @@ class data extends filter { ...@@ -73,7 +74,8 @@ class data extends filter {
73 }, 74 },
74 { 75 {
75 label: "使用权面积", 76 label: "使用权面积",
76 prop: "SYQMJ" 77 prop: "SYQMJ",
78 width: 90,
77 }, 79 },
78 { 80 {
79 label: "坐落", 81 label: "坐落",
......
...@@ -2,6 +2,9 @@ ...@@ -2,6 +2,9 @@
2 <div class="jsydzjdsyq from-clues"> 2 <div class="jsydzjdsyq from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="120px"> 4 <el-form ref="form" :model="form" label-width="120px">
5 <el-form-item>
6 <Breadcrumb />
7 </el-form-item>
5 <el-row> 8 <el-row>
6 <el-col :span="6"> 9 <el-col :span="6">
7 <el-form-item label="行政区"> 10 <el-form-item label="行政区">
...@@ -34,7 +37,7 @@ ...@@ -34,7 +37,7 @@
34 <el-col :span="6"> 37 <el-col :span="6">
35 <el-form-item label="登记类型"> 38 <el-form-item label="登记类型">
36 <el-select v-model="form.DJLX" clearable class="width100" ref="selectlandDJ" 39 <el-select v-model="form.DJLX" clearable class="width100" ref="selectlandDJ"
37 @visible-change="isShowSelectOptions" placeholder="请选择登记类型"> 40 @visible-change="isShowSelectOptions" placeholder="登记类型">
38 <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 41 <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
39 </el-option> 42 </el-option>
40 </el-select> 43 </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
...@@ -95,7 +98,7 @@ export default { ...@@ -95,7 +98,7 @@ export default {
95 }].concat(data.columns()).concat([ 98 }].concat(data.columns()).concat([
96 { 99 {
97 label: "操作", 100 label: "操作",
98 width: 170, 101 width: 80,
99 render: (h, scope) => { 102 render: (h, scope) => {
100 return ( 103 return (
101 <div> 104 <div>
......
...@@ -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="行政区">
...@@ -21,17 +24,17 @@ ...@@ -21,17 +24,17 @@
21 </el-col> 24 </el-col>
22 <el-col :span="6"> 25 <el-col :span="6">
23 <el-form-item label="坐落"> 26 <el-form-item label="坐落">
24 <el-input v-model="form.ZL" placeholder="请输入坐落"></el-input> 27 <el-input v-model="form.ZL" placeholder="坐落"></el-input>
25 </el-form-item> 28 </el-form-item>
26 </el-col> 29 </el-col>
27 <el-col :span="6"> 30 <el-col :span="6">
28 <el-form-item label="不动产权证号" label-width="105px"> 31 <el-form-item label="不动产权证号" label-width="105px">
29 <el-input v-model="form.BDCQZH" placeholder="请输入不动产权证号"></el-input> 32 <el-input v-model="form.BDCQZH" placeholder="不动产权证号"></el-input>
30 </el-form-item> 33 </el-form-item>
31 </el-col> 34 </el-col>
32 <el-col :span="6" class="mt-10"> 35 <el-col :span="6" class="mt-10">
33 <el-form-item label="权利人"> 36 <el-form-item label="权利人">
34 <el-input v-model="form.QLR" placeholder="请输入权利人"></el-input> 37 <el-input v-model="form.QLR" placeholder="权利人"></el-input>
35 </el-form-item> 38 </el-form-item>
36 </el-col> 39 </el-col>
37 <el-col :span="6" class="mt-10"> 40 <el-col :span="6" class="mt-10">
...@@ -44,7 +47,7 @@ ...@@ -44,7 +47,7 @@
44 </el-col> 47 </el-col>
45 <el-col :span="6" class="mt-10"> 48 <el-col :span="6" class="mt-10">
46 <el-form-item label="地籍号"> 49 <el-form-item label="地籍号">
47 <el-input v-model="form.xxx" placeholder="请输入地籍号"></el-input> 50 <el-input v-model="form.xxx" placeholder="地籍号"></el-input>
48 </el-form-item> 51 </el-form-item>
49 </el-col> 52 </el-col>
50 <el-col :span="6" class="btnColRight mt-10"> 53 <el-col :span="6" class="btnColRight mt-10">
......
...@@ -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: 150, 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: 100, 21 width: 80,
22 render: (h, scope) => { 22 render: (h, scope) => {
23 return ( 23 return (
24 <div> 24 <div>
...@@ -30,7 +30,7 @@ class data extends filter { ...@@ -30,7 +30,7 @@ class data extends filter {
30 { 30 {
31 label: "业务号", 31 label: "业务号",
32 prop: "ywh", 32 prop: "ywh",
33 width: 150 33 width: 80,
34 }, 34 },
35 { 35 {
36 label: "不动产单元号", 36 label: "不动产单元号",
...@@ -46,11 +46,13 @@ class data extends filter { ...@@ -46,11 +46,13 @@ class data extends filter {
46 }, 46 },
47 { 47 {
48 label: "用途", 48 label: "用途",
49 prop: "yt" 49 prop: "yt",
50 width: 80,
50 }, 51 },
51 { 52 {
52 label: "土地面积", 53 label: "土地面积",
53 prop: "nydmj" 54 prop: "nydmj",
55 width: 80,
54 }, 56 },
55 { 57 {
56 label: "坐落", 58 label: "坐落",
...@@ -58,6 +60,7 @@ class data extends filter { ...@@ -58,6 +60,7 @@ class data extends filter {
58 }, 60 },
59 { 61 {
60 label: "登记类型", 62 label: "登记类型",
63 width: 80,
61 render: (h, scope) => { 64 render: (h, scope) => {
62 return ( 65 return (
63 <div> 66 <div>
......
...@@ -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="行政区">
...@@ -33,8 +36,7 @@ ...@@ -33,8 +36,7 @@
33 <el-row class="mt-10"> 36 <el-row class="mt-10">
34 <el-col :span="6"> 37 <el-col :span="6">
35 <el-form-item label="登记类型"> 38 <el-form-item label="登记类型">
36 <el-select v-model="form.DJLX" clearable class="width100" ref="selectlandDJ" 39 <el-select v-model="form.DJLX" clearable class="width100" ref="selectlandDJ" placeholder="请选择登记类型">
37 @visible-change="isShowSelectOptions" placeholder="请选择登记类型">
38 <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 40 <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
39 </el-option> 41 </el-option>
40 </el-select> 42 </el-select>
...@@ -94,7 +96,7 @@ export default { ...@@ -94,7 +96,7 @@ export default {
94 }].concat(data.columns()).concat([ 96 }].concat(data.columns()).concat([
95 { 97 {
96 label: "操作", 98 label: "操作",
97 width: 170, 99 width: 80,
98 render: (h, scope) => { 100 render: (h, scope) => {
99 return ( 101 return (
100 <div> 102 <div>
...@@ -123,11 +125,6 @@ export default { ...@@ -123,11 +125,6 @@ export default {
123 } 125 }
124 }, 126 },
125 methods: { 127 methods: {
126 // 是否显示下拉框
127 isShowSelectOptions (e) {
128 if (!e) this.$refs.selectlandQL.blur()
129 if (!e) this.$refs.selectlandDJ.blur()
130 },
131 async featchData () { 128 async featchData () {
132 try { 129 try {
133 this.form = Object.assign(this.form, this.formData) 130 this.form = Object.assign(this.form, this.formData)
......
...@@ -22,7 +22,7 @@ class data extends filter { ...@@ -22,7 +22,7 @@ class data extends filter {
22 }, 22 },
23 { 23 {
24 label: "登记类型", 24 label: "登记类型",
25 width: 70, 25 width: 100,
26 render: (h, scope) => { 26 render: (h, scope) => {
27 return ( 27 return (
28 <div> 28 <div>
......
...@@ -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">
...@@ -34,7 +37,7 @@ ...@@ -34,7 +37,7 @@
34 <el-col :span="6"> 37 <el-col :span="6">
35 <el-form-item label="预告登记种类" label-width="106px"> 38 <el-form-item label="预告登记种类" label-width="106px">
36 <el-select v-model="form.YGDJZL" clearable ref="selectnoticeRegQL" class="width100" 39 <el-select v-model="form.YGDJZL" clearable ref="selectnoticeRegQL" class="width100"
37 @visible-change="isShowSelectOptions" placeholder="请选择预告登记种类"> 40 @visible-change="isShowSelectOptions" placeholder="预告登记种类">
38 <el-option v-for="item in dicData['A29']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 41 <el-option v-for="item in dicData['A29']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
39 </el-option> 42 </el-option>
40 </el-select> 43 </el-select>
...@@ -42,7 +45,7 @@ ...@@ -42,7 +45,7 @@
42 </el-col> 45 </el-col>
43 <el-col :span="6"> 46 <el-col :span="6">
44 <el-form-item label="登记类型"> 47 <el-form-item label="登记类型">
45 <el-select v-model="form.DJLX" clearable class="width100" placeholder="请选择登记类型"> 48 <el-select v-model="form.DJLX" clearable class="width100" placeholder="登记类型">
46 <el-option v-for="item in dicData['A21']" :key="item.value" :label="item.label" :value="item.value"> 49 <el-option v-for="item in dicData['A21']" :key="item.value" :label="item.label" :value="item.value">
47 </el-option> 50 </el-option>
48 </el-select> 51 </el-select>
...@@ -67,7 +70,7 @@ ...@@ -67,7 +70,7 @@
67 </lb-table> 70 </lb-table>
68 </div> 71 </div>
69 <!-- 编辑 --> 72 <!-- 编辑 -->
70 <dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlYgdj'" /> 73 <dataDetails ref="editLog" title="预告登记" :tabsActiveName="'qlfQlYgdj'" />
71 </div> 74 </div>
72 </template> 75 </template>
73 76
......
...@@ -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">
...@@ -57,7 +60,7 @@ ...@@ -57,7 +60,7 @@
57 </lb-table> 60 </lb-table>
58 </div> 61 </div>
59 <!-- 编辑 --> 62 <!-- 编辑 -->
60 <dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlYydj'" /> 63 <dataDetails ref="editLog" title="异议登记" :tabsActiveName="'qlfQlYydj'" />
61 </div> 64 </div>
62 </template> 65 </template>
63 66
...@@ -93,7 +96,7 @@ export default { ...@@ -93,7 +96,7 @@ export default {
93 }].concat(data.columns()).concat([ 96 }].concat(data.columns()).concat([
94 { 97 {
95 label: "操作", 98 label: "操作",
96 width: 170, 99 width: 80,
97 render: (h, scope) => { 100 render: (h, scope) => {
98 return ( 101 return (
99 <div> 102 <div>
......
...@@ -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="行政区">
...@@ -21,17 +24,17 @@ ...@@ -21,17 +24,17 @@
21 </el-col> --> 24 </el-col> -->
22 <!-- <el-col :span="6"> 25 <!-- <el-col :span="6">
23 <el-form-item label="坐落"> 26 <el-form-item label="坐落">
24 <el-input v-model="form.ZL" placeholder="请输入坐落"></el-input> 27 <el-input v-model="form.ZL" placeholder="坐落"></el-input>
25 </el-form-item> 28 </el-form-item>
26 </el-col> --> 29 </el-col> -->
27 <el-col :span="6"> 30 <el-col :span="6">
28 <el-form-item label="不动产权证号" label-width="105px"> 31 <el-form-item label="不动产权证号" label-width="105px">
29 <el-input v-model="form.BDCQZH" placeholder="请输入不动产权证号"></el-input> 32 <el-input v-model="form.BDCQZH" placeholder="不动产权证号"></el-input>
30 </el-form-item> 33 </el-form-item>
31 </el-col> 34 </el-col>
32 <el-col :span="6" class="mt-10"> 35 <el-col :span="6" class="mt-10">
33 <el-form-item label="权利人"> 36 <el-form-item label="权利人">
34 <el-input v-model="form.QLR" placeholder="请输入权利人"></el-input> 37 <el-input v-model="form.QLR" placeholder="权利人"></el-input>
35 </el-form-item> 38 </el-form-item>
36 </el-col> 39 </el-col>
37 <el-col :span="6" class="mt-10"> 40 <el-col :span="6" class="mt-10">
...@@ -44,7 +47,7 @@ ...@@ -44,7 +47,7 @@
44 </el-col> 47 </el-col>
45 <el-col :span="6" class="mt-10"> 48 <el-col :span="6" class="mt-10">
46 <el-form-item label="不动产单元号" label-width="105px"> 49 <el-form-item label="不动产单元号" label-width="105px">
47 <el-input v-model="form.BDCDYH" placeholder="请输入不动产单元号"></el-input> 50 <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
48 </el-form-item> 51 </el-form-item>
49 </el-col> 52 </el-col>
50 <el-col :span="6" class="btnColRight mt-10"> 53 <el-col :span="6" class="btnColRight mt-10">
...@@ -61,7 +64,7 @@ ...@@ -61,7 +64,7 @@
61 </lb-table> 64 </lb-table>
62 </div> 65 </div>
63 <!-- 编辑 --> 66 <!-- 编辑 -->
64 <dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlZxdj'" /> 67 <dataDetails ref="editLog" title="注销登记" :tabsActiveName="'qlfQlZxdj'" />
65 </div> 68 </div>
66 </template> 69 </template>
67 70
...@@ -94,7 +97,7 @@ export default { ...@@ -94,7 +97,7 @@ export default {
94 }].concat(data.columns()).concat([ 97 }].concat(data.columns()).concat([
95 { 98 {
96 label: "操作", 99 label: "操作",
97 width: 170, 100 width: 80,
98 render: (h, scope) => { 101 render: (h, scope) => {
99 return ( 102 return (
100 <div> 103 <div>
......
1 import filter from '@/utils/filter.js'
2 class data extends filter {
3 constructor() {
4 super()
5 }
6 columns () {
7 return [
8 {
9 prop: "qymc",
10 label: "区域名称",
11 },
12 {
13 prop: "czyymc",
14 label: "操作用户名称",
15 },
16 {
17 prop: "bwmc",
18 label: "报文名称",
19 },
20 {
21 prop: "rksj",
22 label: "入库时间",
23 },
24 {
25 prop: "rkjg",
26 label: "入库结果",
27 },
28 {
29 prop: "sbyy",
30 label: "失败原因",
31 }
32 ]
33 }
34 }
35 export default new data()
1 <template>
2 <!-- 报文重新入库日志 -->
3 <div class="from-clues">
4 <!-- 头部搜索 -->
5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="100px">
7 <el-row class="mb-5">
8 <el-col :span="6">
9 <el-form-item label="行政区" prop="pcode">
10 <el-select v-model="form.pcode" class="width100" clearable placeholder="行政区">
11 <el-option v-for="item in xzqOptions" :key="item.value" :label="item.label" :value="item.value">
12 </el-option>
13 </el-select>
14 </el-form-item>
15 </el-col>
16 <el-col :span="6">
17 <el-form-item label="报文名称" prop="bwmc">
18 <el-select v-model="form.ywmc" class="width100" clearable placeholder="业务名称">
19 <el-option v-for="item in []" :key="item.value" :label="item.label" :value="item.value">
20 </el-option>
21 </el-select>
22 </el-form-item>
23 </el-col>
24 <el-col :span="6">
25 <el-form-item label="开始日期" prop="startTime">
26 <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart"
27 clearable v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker>
28 </el-form-item>
29 </el-col>
30 <el-col :span="6">
31 <el-form-item label="结束日期" prop="endTime">
32 <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd"
33 clearable v-model="form.endTime" value-format="yyyy-MM-dd"></el-date-picker>
34 </el-form-item>
35 </el-col>
36 </el-row>
37 <el-row>
38 <el-col :span="6">
39 <el-form-item label="入库结果" prop="rkjg">
40 <el-select v-model="form.rkjg" class="width100" clearable placeholder="入库结果">
41 <el-option v-for="item in []" :key="item.value" :label="item.label" :value="item.value">
42 </el-option>
43 </el-select>
44 </el-form-item>
45 </el-col>
46 <!-- 操作按钮 -->
47 <el-col :span="18" class="btnColRight">
48 <el-button @click="resetForm">重置</el-button>
49 <el-button type="primary" @click="handleSubmit">查询</el-button>
50 </el-col>
51 </el-row>
52 </el-form>
53 </div>
54 <!-- 列表 -->
55 <div class="from-clues-content">
56 <lb-table ref="table" :heightNum="300" :page-size="pageData.size" :current-page.sync="pageData.current"
57 :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
58 :column="tableData.columns" :data="tableData.data">
59 </lb-table>
60 </div>
61 </div>
62 </template>
63 <script>
64 // 报文重新入库日志
65 // 引入列表头部
66 import data from "./data"
67 // 引入表格混入方法
68 import tableMixin from '@/mixins/tableMixin.js'
69 export default {
70 name: "bwcxrkrz",
71 mixins: [tableMixin],
72 data () {
73 return {
74 // 开始结束日期限制
75 pickerOptionsStart: {
76 disabledDate: (time) => {
77 if (this.form.endTime) {
78 return (
79 time.getTime() >= new Date(this.form.endTime).getTime()
80 );
81 }
82 }
83 },
84 // 结束日期限制
85 pickerOptionsEnd: {
86 disabledDate: (time) => {
87 if (this.form.startTime) {
88 return (
89 time.getTime() <= new Date(this.form.startTime).getTime()
90 );
91 }
92 }
93 },
94 // 头部表单
95 form: {
96 pcode: '',
97 bwmc: '',
98 startTime: '',
99 endTime: '',
100 rkjg: '',
101 currentPage: 1
102 },
103 // 表单校验
104 rules: {
105 pcode: [
106 { required: true, message: '响应结果', trigger: 'change' }
107 ],
108 startTime: [
109 { required: true, message: '开始日期', trigger: 'change' }
110 ],
111 endTime: [
112 { required: true, message: '结束日期', trigger: 'change' }
113 ],
114 },
115 // 表格
116 tableData: {
117 // 表格头部
118 columns: [{
119 label: '序号',
120 type: 'index',
121 width: '50',
122 index: this.indexMethod,
123 }].concat(data.columns()),
124 // 表格列表
125 data: []
126 },
127 // 分页
128 pageData: {
129 total: 0,
130 pageSize: 15,
131 current: 1,
132 },
133 // 行政区
134 xzqOptions: [
135 {
136 value: '632321',
137 label: '同仁县'
138 },
139 {
140 value: '632322',
141 label: '尖扎县'
142 },
143 {
144 value: '632323',
145 label: '泽库县'
146 },
147 {
148 value: '632324',
149 label: '河南县'
150 }
151 ]
152 }
153 },
154 methods: {
155 // 重置表单
156 resetForm () {
157 this.$refs.ruleForm.resetFields();
158 },
159 // 数据请求
160 async featchData () {
161 }
162 }
163 }
164 </script>
165 <style scoped lang="scss">
166 @import "~@/styles/public.scss";
167 @import "./index.scss";
168 </style>
169
1 <template> 1 <template>
2 <div class="centercard"> 2 <div class="centercard">
3 <div class="card1"> 3 <div class="card1">
4 <div class="title">汉中市不动产接入信息</div>
5 <maps class="map" /> 4 <maps class="map" />
6 </div> 5 </div>
7 <div class="card2 mt-10"> 6 <div class="card2 mt-10">
......
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
23 </div> 23 </div>
24 </template> 24 </template>
25 <script> 25 <script>
26 import drawMixin from "../../utils/drawMixin"; 26 import drawMixin from "@/utils/drawMixin";
27 import screencontent from './screencontent' 27 import screencontent from './screencontent'
28 export default { 28 export default {
29 mixins: [drawMixin], 29 mixins: [drawMixin],
......
...@@ -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: {
...@@ -87,23 +87,25 @@ export default { ...@@ -87,23 +87,25 @@ export default {
87 return new Promise(async (resolve) => { 87 return new Promise(async (resolve) => {
88 try { 88 try {
89 let p = { 89 let p = {
90 DJLX: "A21", 90 DJLX: "",
91 QLLX: "A8", 91 QLLX: "",
92 XZQDM: "A20", 92 XZQDM: "",
93 }; 93 };
94 let res = await work.getsthjqxjrtotal(p); 94 let res = await work.getsthjqxjrtotal(p);
95 this.stjrl=Number(res.result.sum) 95 this.stjrl=res.result.stsum
96 this.qxjrl=Number(res.result.sum) 96 this.qxjrl=res.result.qxsum
97 this.qxerrer=Number(res.result.qxjrerrer) 97 this.qxerrer=Number(res.result.qxjrerrer)
98 this.sterrer=Number(res.result.sthjerrer) 98 this.sterrer=Number(res.result.sthjerrer)
99 if(res.result.sum=="0"){ 99 if(res.result.sum=="0"){
100 this.qxcgl="100%" 100 this.qxcgl="100%"
101 this.stcgl="100%" 101 this.stcgl="100%"
102 }else{ 102 }else{
103 this.qxcgl=Number(res.result.qxjrsuccess)/this.qxjrl*100+"%" 103 let qxcglnum=Number(res.result.qxjrsuccess)/this.qxjrl*100
104 this.stcgl=Number(res.result.sthjsuccess)/Number(res.result.sum)*100+"%" 104 let stcgl=Number(res.result.sthjsuccess)/this.qxjrl*100
105 } 105 this.qxcgl=qxcglnum.toFixed(2)+"%";
106 this.stcgl=stcgl.toFixed(2)+"%";
106 107
108 }
107 } catch (error) { 109 } catch (error) {
108 this.$refs.msg.messageShow(); 110 this.$refs.msg.messageShow();
109 } 111 }
......
1 <template> 1 <template>
2 <div class="rightcard"> 2 <div class="rightcard">
3 <div class="card1 cardCon d-center"> 3 <div class="card1 cardCon d-center">
4 <div class="cardhead">房屋情况统计表</div> 4 <div class="cardhead">新建国有房屋信息</div>
5 <div class="cardcontent" style="margin-top: 70px"> 5 <div class="cardcontent" style="margin-top: 70px">
6 <dv-scroll-board :config="config" class="board" /> 6 <dv-scroll-board :config="config" class="board" />
7 </div> 7 </div>
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
6 </div> 6 </div>
7 </template> 7 </template>
8 <script> 8 <script>
9 import drawMixin from "../../utils/drawMixin"; 9 import drawMixin from "@/utils/drawMixin";
10 import leftcard from "./leftcard"; 10 import leftcard from "./leftcard";
11 import centercard from "./centercard"; 11 import centercard from "./centercard";
12 import rightcard from "./rightcard"; 12 import rightcard from "./rightcard";
......
1 <template> 1 <template>
2 <screencontent /> 2 <screencontent />
3 </template> 3 </template>
4
5 <script> 4 <script>
6 import screencontent from '@/views/dataView/screencontent' 5 import screencontent from '@/views/home/dataView/screencontent'
7 export default { 6 export default {
8 name: "home", 7 name: "home",
9 components: { 8 components: {
10 screencontent 9 screencontent
11 },
12 data () {
13 return {
14 }
15 },
16 methods: {
17 } 10 }
18 } 11 }
19 </script> 12 </script>
20 <style scoped lang="scss"> 13 <style scoped lang="scss">
21 @import "../dataView/index.scss"; 14 @import "./dataView/index.scss";
22 </style> 15 </style>
......
1 <template>
2 <div id="barChart"></div>
3 </template>
4
5 <script>
6 export default {
7 data () {
8 return {
9 };
10 },
11 mounted () {
12 this.drawProvinceMap();
13 },
14 methods: {
15 drawProvinceMap () {
16 var chartDom = document.getElementById('barChart');
17 var myChart = this.$echarts.init(chartDom);
18 var option;
19
20 option = {
21 tooltip: {
22 trigger: 'axis',
23 axisPointer: {
24 type: 'shadow'
25 }
26 },
27 legend: {
28 data: ['网络断开', '网络正常']
29 },
30 grid: {
31 left: '3%',
32 right: '4%',
33 bottom: '3%',
34 containLabel: true
35 },
36 xAxis: [
37 {
38 type: 'value'
39 }
40 ],
41 yAxis: [
42 {
43 type: 'category',
44 axisTick: {
45 show: false
46 },
47 data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
48 }
49 ],
50 series: [
51 {
52 name: '网络正常',
53 type: 'bar',
54 itemStyle: {
55 color: '#67C23A'
56 },
57 label: {
58 show: true,
59 position: 'inside'
60 },
61 emphasis: {
62 focus: 'series'
63 },
64 data: [200, 170, 240, 244, 200, 220, 210]
65 },
66
67 {
68 name: '网络断开',
69 type: 'bar',
70 itemStyle: {
71 color: '#F56C6C'
72 },
73 label: {
74 show: true,
75 position: 'inside'
76 },
77 emphasis: {
78 focus: 'series'
79 },
80 data: [-120, -132, -101, -134, -190, -230, -210]
81 }
82 ],
83
84 }
85 myChart.setOption(option);
86 window.addEventListener("resize", () => {
87 this.myChart.resize();
88 });
89 }
90 }
91 }
92 </script>
93 <style scoped lang="scss">
94 #barChart {
95 width: 100%;
96 height: 500px;
97 }
98 </style>
1 <template>
2 <div id="jgChart" />
3 </template>
4
5 <script>
6 export default {
7 data () {
8 return {
9 };
10 },
11 methods: {
12 drawInit () {
13 let datavalue = [26, 300, 2000, 1200, 800];
14 let ii = -1;
15 var chartDom = document.getElementById('jgChart');
16 var myChart = this.$echarts.init(chartDom);
17 var option;
18 option = {
19 radar: {
20 indicator: [
21 { name: '原则监管', max: 2600 },
22 { name: '时效监管', max: 2600 },
23 { name: '证书监管', max: 3600 },
24 { name: '年限监管', max: 2600 },
25 { name: '内容监管', max: 2600 },
26 ],
27 name: {
28 rich: {
29 a: {
30 color: '#606266'
31 },
32 b: {
33 color: '#409EFF',
34 align: 'center',
35 }
36 },
37 formatter: (a, b) => {
38 ii++;
39 return `{a|${a}}\n{b|${datavalue[ii]}}`
40 }
41 }
42 },
43 series: [
44 {
45 type: 'radar',
46 symbol: 'none',//去掉拐点的圈
47 itemStyle: {
48 color: '#409EFF'
49 },
50 data: [
51 {
52 value: datavalue,
53 }
54 ]
55 }
56 ]
57 };
58 myChart.setOption(option);
59 }
60 },
61 mounted () {
62 this.drawInit()
63 }
64 }
65 </script>
66 <style scoped>
67 #jgChart {
68 width: 100%;
69 height: 330px;
70 }
71 </style>
1
2 /*
3 * Licensed to the Apache Software Foundation (ASF) under one
4 * or more contributor license agreements. See the NOTICE file
5 * distributed with this work for additional information
6 * regarding copyright ownership. The ASF licenses this file
7 * to you under the Apache License, Version 2.0 (the
8 * "License"); you may not use this file except in compliance
9 * with the License. You may obtain a copy of the License at
10 *
11 * http://www.apache.org/licenses/LICENSE-2.0
12 *
13 * Unless required by applicable law or agreed to in writing,
14 * software distributed under the License is distributed on an
15 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
16 * KIND, either express or implied. See the License for the
17 * specific language governing permissions and limitations
18 * under the License.
19 */
20
21 (function(root, factory) {
22 if (typeof define === 'function' && define.amd) {
23 // AMD. Register as an anonymous module.
24 define(['exports', 'echarts'], factory);
25 } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') {
26 // CommonJS
27 factory(exports, require('echarts'));
28 } else {
29 // Browser globals
30 factory({}, root.echarts);
31 }
32 }(this, function(exports, echarts) {
33 var log = function(msg) {
34 if (typeof console !== 'undefined') {
35 console && console.error && console.error(msg);
36 }
37 }
38 if (!echarts) {
39 log('ECharts is not Loaded');
40 return;
41 }
42 if (!echarts.registerMap) {
43 log('ECharts Map is not loaded')
44 return;
45 }
46 echarts.registerMap('汉中市', {"type":"FeatureCollection","features":[{"type":"Feature","properties":{"adcode":610702,"name":"汉台区","center":[107.028233,33.077674],"centroid":[107.038163,33.183051],"childrenNum":0,"level":"district","parent":{"adcode":610700},"subFeatureIndex":0,"acroutes":[100000,610000,610700]},"geometry":{"type":"MultiPolygon","coordinates":[[[[107.06999,33.364706],[107.052544,33.365051],[107.043388,33.36136],[107.029598,33.360601],[107.020107,33.355806],[107.014105,33.350339],[107.011621,33.338402],[106.999646,33.330915],[106.999283,33.324324],[106.994593,33.310434],[106.996324,33.303565],[106.994844,33.300355],[106.987726,33.295903],[106.981529,33.294902],[106.969135,33.296161],[106.959756,33.295419],[106.952972,33.297404],[106.940522,33.298595],[106.937452,33.297559],[106.93293,33.288895],[106.920452,33.284442],[106.913641,33.28023],[106.900297,33.286202],[106.894687,33.293072],[106.889411,33.296144],[106.876486,33.29863],[106.872271,33.29749],[106.869508,33.294315],[106.863031,33.281524],[106.861803,33.272599],[106.864985,33.264537],[106.869005,33.260825],[106.877714,33.257509],[106.885642,33.251431],[106.896808,33.255403],[106.906774,33.248582],[106.912831,33.25188],[106.918693,33.25169],[106.926258,33.244541],[106.937284,33.236545],[106.944654,33.234231],[106.954005,33.233885],[106.96277,33.228306],[106.965366,33.220274],[106.965869,33.212828],[106.964166,33.205158],[106.957913,33.190073],[106.956685,33.182936],[106.946943,33.175747],[106.934493,33.160796],[106.938178,33.160001],[106.93815,33.153397],[106.932539,33.149421],[106.931534,33.139652],[106.932511,33.133359],[106.923299,33.119818],[106.933488,33.118608],[106.93734,33.108161],[106.940495,33.106207],[106.954954,33.096555],[106.960788,33.090881],[106.981027,33.080967],[106.984767,33.077472],[106.992248,33.058351],[107.000567,33.050736],[107.004252,33.050805],[107.017651,33.043622],[107.033115,33.053972],[107.043723,33.053609],[107.050674,33.049144],[107.058629,33.038724],[107.059857,33.035348],[107.073731,33.025983],[107.077583,33.025169],[107.088582,33.029462],[107.099496,33.040957],[107.106642,33.051965],[107.108569,33.060376],[107.11591,33.064616],[107.129281,33.061414],[107.160294,33.074202],[107.170427,33.086815],[107.176206,33.1042],[107.169506,33.106657],[107.168613,33.109338],[107.175843,33.11463],[107.177434,33.123623],[107.164621,33.132788],[107.158117,33.135053],[107.162081,33.139739],[107.158759,33.161055],[107.152813,33.164391],[107.148068,33.16408],[107.143183,33.168678],[107.144411,33.17554],[107.148821,33.177821],[107.13411,33.180966],[107.131375,33.186306],[107.131766,33.194998],[107.133608,33.197296],[107.144885,33.201875],[107.14268,33.216474],[107.136539,33.22112],[107.127718,33.23537],[107.121688,33.24891],[107.113258,33.250896],[107.108848,33.26022],[107.108401,33.273324],[107.111527,33.278262],[107.109211,33.281231],[107.104298,33.279522],[107.089559,33.282301],[107.085902,33.300959],[107.082999,33.302444],[107.075992,33.30001],[107.070465,33.29428],[107.056619,33.284666],[107.047491,33.283251],[107.043974,33.285581],[107.043527,33.291311],[107.047575,33.304584],[107.053465,33.32862],[107.062593,33.349632],[107.069097,33.360808],[107.06999,33.364706]]]]}},{"type":"Feature","properties":{"adcode":610703,"name":"南郑区","center":[106.942393,33.003341],"centroid":[106.967343,32.805403],"childrenNum":0,"level":"district","parent":{"adcode":610700},"subFeatureIndex":1,"acroutes":[100000,610000,610700]},"geometry":{"type":"MultiPolygon","coordinates":[[[[107.176206,33.1042],[107.170427,33.086815],[107.160294,33.074202],[107.129281,33.061414],[107.11591,33.064616],[107.108569,33.060376],[107.106642,33.051965],[107.099496,33.040957],[107.088582,33.029462],[107.077583,33.025169],[107.073731,33.025983],[107.059857,33.035348],[107.058629,33.038724],[107.050674,33.049144],[107.043723,33.053609],[107.033115,33.053972],[107.017651,33.043622],[107.004252,33.050805],[107.000567,33.050736],[106.992248,33.058351],[106.984767,33.077472],[106.981027,33.080967],[106.960788,33.090881],[106.954954,33.096555],[106.940495,33.106207],[106.933739,33.107815],[106.925309,33.114111],[106.919726,33.122897],[106.914227,33.126494],[106.912077,33.120597],[106.894798,33.117708],[106.866856,33.109995],[106.853094,33.09915],[106.843268,33.097662],[106.835424,33.10164],[106.827217,33.099911],[106.817335,33.094064],[106.807202,33.091192],[106.800056,33.086452],[106.794808,33.081002],[106.782833,33.08204],[106.774347,33.080068],[106.768931,33.06292],[106.761478,33.056119],[106.753829,33.054128],[106.74392,33.048469],[106.741798,33.044176],[106.754276,33.04293],[106.75891,33.035417],[106.749307,33.032388],[106.752434,33.030137],[106.740347,33.021654],[106.72999,33.010036],[106.731526,33.006036],[106.725049,33.00098],[106.715223,32.99833],[106.719941,32.993394],[106.720834,32.984457],[106.725217,32.985029],[106.729962,32.979642],[106.716591,32.965143],[106.717345,32.957173],[106.724714,32.951975],[106.735154,32.954383],[106.739593,32.95026],[106.739425,32.944316],[106.734345,32.93605],[106.73789,32.931735],[106.730521,32.932168],[106.725915,32.934334],[106.723933,32.928251],[106.717847,32.923901],[106.728734,32.921717],[106.727785,32.915407],[106.72156,32.909566],[106.718322,32.903203],[106.713046,32.907052],[106.696381,32.905665],[106.690435,32.901487],[106.690184,32.895904],[106.669081,32.893043],[106.663358,32.893546],[106.648982,32.899146],[106.640608,32.906081],[106.62866,32.912114],[106.614535,32.917505],[106.604737,32.918944],[106.588686,32.918857],[106.580479,32.916863],[106.554296,32.905873],[106.540115,32.902111],[106.534923,32.897101],[106.522361,32.888865],[106.509186,32.881287],[106.50765,32.877992],[106.509604,32.869026],[106.508711,32.86332],[106.520184,32.855567],[106.51943,32.849999],[106.516164,32.844499],[106.521552,32.839572],[106.517309,32.83435],[106.508488,32.831036],[106.507706,32.827549],[106.510163,32.815523],[106.516499,32.802767],[106.519793,32.792145],[106.524622,32.789263],[106.530317,32.782302],[106.532857,32.76692],[106.536263,32.763447],[106.544581,32.759019],[106.547038,32.75183],[106.555189,32.751656],[106.553877,32.739134],[106.55075,32.738439],[106.544888,32.732516],[106.538552,32.730102],[106.53643,32.723397],[106.529731,32.719123],[106.529787,32.71207],[106.522696,32.704216],[106.527023,32.697092],[106.533778,32.680687],[106.533304,32.671614],[106.566801,32.675872],[106.578218,32.68053],[106.583913,32.687274],[106.588603,32.688612],[106.59748,32.685484],[106.604458,32.685657],[106.613251,32.682546],[106.629358,32.681278],[106.631703,32.683485],[106.645297,32.688629],[106.652555,32.688368],[106.66347,32.690732],[106.670337,32.694572],[106.67525,32.700672],[106.684461,32.70929],[106.695572,32.713407],[106.706737,32.721173],[106.710394,32.725481],[106.719271,32.730189],[106.726724,32.731179],[106.733256,32.739377],[106.747437,32.736095],[106.769489,32.736459],[106.779427,32.737467],[106.783503,32.732794],[106.779678,32.72661],[106.781884,32.71405],[106.780683,32.709446],[106.781772,32.70095],[106.785847,32.696779],[106.788834,32.699056],[106.793245,32.712626],[106.812143,32.711757],[106.821076,32.706058],[106.826687,32.706249],[106.83146,32.711427],[106.83721,32.71167],[106.84324,32.715301],[106.845948,32.721069],[106.855132,32.724283],[106.87255,32.72562],[106.877854,32.721798],[106.886312,32.719766],[106.893961,32.723397],[106.903452,32.721312],[106.905936,32.712174],[106.913054,32.704355],[106.917018,32.703347],[106.927235,32.707448],[106.940355,32.708334],[106.94912,32.716517],[106.957941,32.715996],[106.964808,32.717073],[106.982674,32.711757],[106.988424,32.711792],[106.995765,32.718602],[107.01257,32.721555],[107.018879,32.718776],[107.027756,32.717455],[107.03024,32.712365],[107.036381,32.710819],[107.044114,32.712556],[107.050311,32.710749],[107.056982,32.712],[107.066808,32.708855],[107.063654,32.702409],[107.05969,32.686127],[107.061477,32.677628],[107.068399,32.669997],[107.076578,32.670362],[107.087688,32.667946],[107.092741,32.661932],[107.09905,32.649467],[107.0969,32.633453],[107.097598,32.627018],[107.105693,32.608583],[107.107731,32.600755],[107.098017,32.572674],[107.095616,32.559414],[107.091987,32.552574],[107.080123,32.542391],[107.085344,32.529509],[107.10466,32.51666],[107.124675,32.484094],[107.127104,32.482457],[107.142736,32.478067],[107.150413,32.478625],[107.162472,32.474635],[107.165821,32.47798],[107.178913,32.474392],[107.189633,32.468033],[107.199933,32.455506],[107.210066,32.431981],[107.215091,32.426177],[107.230583,32.416103],[107.243229,32.41157],[107.250738,32.407578],[107.263941,32.403272],[107.270501,32.407073],[107.270138,32.416486],[107.283761,32.434177],[107.286078,32.454548],[107.288004,32.457057],[107.299253,32.463329],[107.300119,32.47913],[107.302073,32.482317],[107.313909,32.490208],[107.336882,32.497714],[107.356897,32.506404],[107.365244,32.516382],[107.370575,32.524809],[107.377917,32.538927],[107.364546,32.557482],[107.359186,32.574292],[107.356981,32.586698],[107.358516,32.595623],[107.359354,32.609609],[107.358293,32.624984],[107.355948,32.630288],[107.347936,32.637035],[107.340372,32.640095],[107.326247,32.641191],[107.309191,32.646215],[107.301403,32.651118],[107.294061,32.664974],[107.288981,32.67031],[107.268854,32.683415],[107.26757,32.6871],[107.26958,32.693495],[107.274856,32.69916],[107.278289,32.708282],[107.282225,32.714432],[107.292414,32.72119],[107.305171,32.725898],[107.308354,32.728782],[107.304976,32.733003],[107.305841,32.73896],[107.31416,32.744935],[107.316393,32.748947],[107.315109,32.753584],[107.309079,32.757526],[107.296909,32.762718],[107.27078,32.763048],[107.268296,32.774767],[107.260815,32.782441],[107.246969,32.783309],[107.229383,32.787232],[107.222851,32.786625],[107.211239,32.789558],[107.208028,32.793273],[107.204762,32.807315],[107.201078,32.814465],[107.184748,32.826872],[107.177573,32.83638],[107.173638,32.843771],[107.166352,32.86783],[107.162388,32.869997],[107.155995,32.881096],[107.167831,32.889368],[107.171349,32.893494],[107.176094,32.894552],[107.187902,32.90511],[107.18659,32.912599],[107.181677,32.917904],[107.172968,32.919637],[107.172242,32.914645],[107.168585,32.912322],[107.167217,32.902267],[107.164593,32.899302],[107.15446,32.896615],[107.152032,32.892645],[107.143853,32.886975],[107.135618,32.88583],[107.130789,32.886957],[107.128862,32.895766],[107.137237,32.903862],[107.141899,32.90433],[107.143769,32.907381],[107.143908,32.919308],[107.135506,32.923641],[107.142234,32.925426],[107.14469,32.931215],[107.149966,32.930487],[107.151752,32.937748],[107.155521,32.943831],[107.164677,32.941804],[107.170539,32.9452],[107.177183,32.951525],[107.175871,32.954072],[107.166352,32.954435],[107.157698,32.957086],[107.150022,32.969352],[107.149687,32.980595],[107.158508,32.995836],[107.157503,32.999144],[107.164593,33.007854],[107.167915,33.010054],[107.168529,33.014798],[107.18017,33.019767],[107.181816,33.023247],[107.190861,33.028649],[107.192424,33.03199],[107.191419,33.038152],[107.185306,33.040957],[107.185557,33.045232],[107.180142,33.047136],[107.179137,33.052155],[107.182598,33.054197],[107.181789,33.058905],[107.18338,33.067869],[107.186227,33.07595],[107.187288,33.084099],[107.198398,33.093545],[107.194825,33.101692],[107.196946,33.106553],[107.193289,33.112157],[107.182347,33.109839],[107.176206,33.1042]]]]}},{"type":"Feature","properties":{"adcode":610722,"name":"城固县","center":[107.329887,33.153098],"centroid":[107.255361,33.218514],"childrenNum":0,"level":"district","parent":{"adcode":610700},"subFeatureIndex":2,"acroutes":[100000,610000,610700]},"geometry":{"type":"MultiPolygon","coordinates":[[[[107.315109,32.753584],[107.317872,32.75697],[107.323009,32.757074],[107.328759,32.753983],[107.342716,32.748929],[107.354552,32.750736],[107.382579,32.751378],[107.387799,32.753618],[107.397597,32.764194],[107.385677,32.780636],[107.385482,32.784993],[107.392879,32.799574],[107.394163,32.810577],[107.385203,32.824009],[107.37024,32.838878],[107.359884,32.852774],[107.356255,32.874836],[107.353966,32.883819],[107.346736,32.891015],[107.335096,32.895506],[107.329485,32.901088],[107.322562,32.911022],[107.327196,32.92449],[107.331969,32.931319],[107.341153,32.939239],[107.349304,32.944282],[107.351063,32.948492],[107.359716,32.950416],[107.360582,32.95842],[107.36248,32.961349],[107.370101,32.966355],[107.37373,32.965403],[107.379927,32.969785],[107.382662,32.974827],[107.392488,32.973822],[107.392712,32.969872],[107.396648,32.961591],[107.402593,32.956324],[107.40625,32.93449],[107.409991,32.93144],[107.420849,32.93014],[107.427214,32.935322],[107.433718,32.946465],[107.436789,32.949393],[107.453175,32.953483],[107.457027,32.956168],[107.461047,32.966425],[107.461214,32.973545],[107.472073,32.986415],[107.473636,32.995802],[107.470314,33.006417],[107.474529,33.01253],[107.490301,33.025325],[107.498257,33.028856],[107.500657,33.033652],[107.486533,33.051671],[107.485025,33.058126],[107.481285,33.060064],[107.472827,33.060012],[107.47171,33.057572],[107.464508,33.05579],[107.461884,33.050788],[107.456217,33.050234],[107.449546,33.053332],[107.443572,33.052951],[107.439469,33.057243],[107.434472,33.065602],[107.43503,33.073129],[107.437961,33.08185],[107.429391,33.084289],[107.423641,33.095673],[107.430955,33.100672],[107.430648,33.105774],[107.435477,33.108888],[107.428303,33.114215],[107.422273,33.114803],[107.419956,33.119421],[107.415881,33.115996],[107.40826,33.114561],[107.412559,33.120579],[107.406557,33.122534],[107.406976,33.125629],[107.412363,33.129278],[107.407339,33.137595],[107.400835,33.140724],[107.408651,33.147087],[107.404324,33.148954],[107.388859,33.15217],[107.375153,33.158583],[107.37105,33.159447],[107.373785,33.170268],[107.36756,33.178028],[107.370603,33.191991],[107.364267,33.196329],[107.365523,33.207473],[107.364322,33.218858],[107.359744,33.220015],[107.355585,33.217165],[107.351761,33.224402],[107.349583,33.237961],[107.350477,33.242313],[107.349835,33.264122],[107.344363,33.277951],[107.343973,33.286444],[107.353519,33.297559],[107.357567,33.308536],[107.352654,33.317198],[107.357065,33.321839],[107.362201,33.330518],[107.355501,33.341248],[107.348634,33.346492],[107.347657,33.349321],[107.340372,33.356531],[107.341907,33.365378],[107.340065,33.36931],[107.342381,33.375552],[107.342716,33.386932],[107.34093,33.39407],[107.33049,33.406809],[107.326805,33.415117],[107.326275,33.430956],[107.329485,33.440778],[107.333756,33.447601],[107.343582,33.457817],[107.344475,33.461469],[107.350365,33.46736],[107.35405,33.473286],[107.352822,33.494624],[107.353324,33.505179],[107.356171,33.510878],[107.360945,33.514941],[107.381099,33.520192],[107.392907,33.521173],[107.399271,33.522929],[107.405301,33.522378],[107.407785,33.524409],[107.417165,33.526096],[107.422189,33.530623],[107.42646,33.537887],[107.426014,33.543394],[107.417472,33.554305],[107.409153,33.563373],[107.394638,33.564267],[107.388887,33.565954],[107.377917,33.566332],[107.35458,33.581076],[107.346987,33.586908],[107.345675,33.589677],[107.347015,33.601115],[107.343358,33.610574],[107.335961,33.612723],[107.325772,33.612379],[107.309833,33.613944],[107.291493,33.617848],[107.278317,33.618226],[107.265142,33.620685],[107.251156,33.621097],[107.231086,33.618862],[107.220953,33.620375],[107.213639,33.624829],[107.202976,33.641041],[107.201999,33.647934],[107.198091,33.659914],[107.193317,33.661031],[107.180142,33.660086],[107.171544,33.655394],[107.164537,33.646542],[107.15728,33.639769],[107.144969,33.625258],[107.13679,33.612311],[107.133887,33.603849],[107.128527,33.595216],[107.120823,33.577205],[107.115128,33.566263],[107.112812,33.558262],[107.105219,33.548729],[107.093271,33.539917],[107.081631,33.532482],[107.072782,33.529367],[107.063403,33.527628],[107.056759,33.524254],[107.053074,33.519468],[107.053521,33.512117],[107.056982,33.505213],[107.057122,33.498326],[107.05983,33.495554],[107.063793,33.485876],[107.069683,33.476403],[107.072279,33.468135],[107.081966,33.457007],[107.085874,33.443896],[107.084534,33.43037],[107.082775,33.423063],[107.079984,33.420564],[107.078979,33.410481],[107.0878,33.397087],[107.092266,33.384415],[107.089391,33.378018],[107.079119,33.368965],[107.06999,33.364706],[107.069097,33.360808],[107.062593,33.349632],[107.053465,33.32862],[107.047575,33.304584],[107.043527,33.291311],[107.043974,33.285581],[107.047491,33.283251],[107.056619,33.284666],[107.070465,33.29428],[107.075992,33.30001],[107.082999,33.302444],[107.085902,33.300959],[107.089559,33.282301],[107.104298,33.279522],[107.109211,33.281231],[107.111527,33.278262],[107.108401,33.273324],[107.108848,33.26022],[107.113258,33.250896],[107.121688,33.24891],[107.127718,33.23537],[107.136539,33.22112],[107.14268,33.216474],[107.144885,33.201875],[107.133608,33.197296],[107.131766,33.194998],[107.131375,33.186306],[107.13411,33.180966],[107.148821,33.177821],[107.144411,33.17554],[107.143183,33.168678],[107.148068,33.16408],[107.152813,33.164391],[107.158759,33.161055],[107.162081,33.139739],[107.158117,33.135053],[107.164621,33.132788],[107.177434,33.123623],[107.175843,33.11463],[107.168613,33.109338],[107.169506,33.106657],[107.176206,33.1042],[107.182347,33.109839],[107.193289,33.112157],[107.196946,33.106553],[107.194825,33.101692],[107.198398,33.093545],[107.187288,33.084099],[107.186227,33.07595],[107.18338,33.067869],[107.181789,33.058905],[107.182598,33.054197],[107.179137,33.052155],[107.180142,33.047136],[107.185557,33.045232],[107.185306,33.040957],[107.191419,33.038152],[107.192424,33.03199],[107.190861,33.028649],[107.181816,33.023247],[107.18017,33.019767],[107.168529,33.014798],[107.167915,33.010054],[107.164593,33.007854],[107.157503,32.999144],[107.158508,32.995836],[107.149687,32.980595],[107.150022,32.969352],[107.157698,32.957086],[107.166352,32.954435],[107.175871,32.954072],[107.177183,32.951525],[107.170539,32.9452],[107.164677,32.941804],[107.155521,32.943831],[107.151752,32.937748],[107.149966,32.930487],[107.14469,32.931215],[107.142234,32.925426],[107.135506,32.923641],[107.143908,32.919308],[107.143769,32.907381],[107.141899,32.90433],[107.137237,32.903862],[107.128862,32.895766],[107.130789,32.886957],[107.135618,32.88583],[107.143853,32.886975],[107.152032,32.892645],[107.15446,32.896615],[107.164593,32.899302],[107.167217,32.902267],[107.168585,32.912322],[107.172242,32.914645],[107.172968,32.919637],[107.181677,32.917904],[107.18659,32.912599],[107.187902,32.90511],[107.176094,32.894552],[107.171349,32.893494],[107.167831,32.889368],[107.155995,32.881096],[107.162388,32.869997],[107.166352,32.86783],[107.173638,32.843771],[107.177573,32.83638],[107.184748,32.826872],[107.201078,32.814465],[107.204762,32.807315],[107.208028,32.793273],[107.211239,32.789558],[107.222851,32.786625],[107.229383,32.787232],[107.246969,32.783309],[107.260815,32.782441],[107.268296,32.774767],[107.27078,32.763048],[107.296909,32.762718],[107.309079,32.757526],[107.315109,32.753584]]]]}},{"type":"Feature","properties":{"adcode":610723,"name":"洋县","center":[107.549962,33.223283],"centroid":[107.609844,33.362941],"childrenNum":0,"level":"district","parent":{"adcode":610700},"subFeatureIndex":3,"acroutes":[100000,610000,610700]},"geometry":{"type":"MultiPolygon","coordinates":[[[[107.308912,33.705121],[107.30573,33.70574],[107.288087,33.703661],[107.284179,33.701411],[107.276894,33.693938],[107.273991,33.685949],[107.268659,33.680742],[107.253697,33.674745],[107.241582,33.672615],[107.229411,33.668885],[107.211518,33.66593],[107.200798,33.665156],[107.193317,33.661031],[107.198091,33.659914],[107.201999,33.647934],[107.202976,33.641041],[107.213639,33.624829],[107.220953,33.620375],[107.231086,33.618862],[107.251156,33.621097],[107.265142,33.620685],[107.278317,33.618226],[107.291493,33.617848],[107.309833,33.613944],[107.325772,33.612379],[107.335961,33.612723],[107.343358,33.610574],[107.347015,33.601115],[107.345675,33.589677],[107.346987,33.586908],[107.35458,33.581076],[107.377917,33.566332],[107.388887,33.565954],[107.394638,33.564267],[107.409153,33.563373],[107.417472,33.554305],[107.426014,33.543394],[107.42646,33.537887],[107.422189,33.530623],[107.417165,33.526096],[107.407785,33.524409],[107.405301,33.522378],[107.399271,33.522929],[107.392907,33.521173],[107.381099,33.520192],[107.360945,33.514941],[107.356171,33.510878],[107.353324,33.505179],[107.352822,33.494624],[107.35405,33.473286],[107.350365,33.46736],[107.344475,33.461469],[107.343582,33.457817],[107.333756,33.447601],[107.329485,33.440778],[107.326275,33.430956],[107.326805,33.415117],[107.33049,33.406809],[107.34093,33.39407],[107.342716,33.386932],[107.342381,33.375552],[107.340065,33.36931],[107.341907,33.365378],[107.340372,33.356531],[107.347657,33.349321],[107.348634,33.346492],[107.355501,33.341248],[107.362201,33.330518],[107.357065,33.321839],[107.352654,33.317198],[107.357567,33.308536],[107.353519,33.297559],[107.343973,33.286444],[107.344363,33.277951],[107.349835,33.264122],[107.350477,33.242313],[107.349583,33.237961],[107.351761,33.224402],[107.355585,33.217165],[107.359744,33.220015],[107.364322,33.218858],[107.365523,33.207473],[107.364267,33.196329],[107.370603,33.191991],[107.36756,33.178028],[107.373785,33.170268],[107.37105,33.159447],[107.375153,33.158583],[107.388859,33.15217],[107.404324,33.148954],[107.408651,33.147087],[107.400835,33.140724],[107.407339,33.137595],[107.412363,33.129278],[107.406976,33.125629],[107.406557,33.122534],[107.412559,33.120579],[107.40826,33.114561],[107.415881,33.115996],[107.419956,33.119421],[107.422273,33.114803],[107.428303,33.114215],[107.435477,33.108888],[107.430648,33.105774],[107.430955,33.100672],[107.423641,33.095673],[107.429391,33.084289],[107.437961,33.08185],[107.43503,33.073129],[107.434472,33.065602],[107.439469,33.057243],[107.443572,33.052951],[107.449546,33.053332],[107.456217,33.050234],[107.461884,33.050788],[107.464508,33.05579],[107.47171,33.057572],[107.472827,33.060012],[107.481285,33.060064],[107.485025,33.058126],[107.486533,33.051671],[107.500657,33.033652],[107.504928,33.036196],[107.526116,33.036248],[107.531056,33.038239],[107.541162,33.039433],[107.562181,33.043415],[107.56849,33.04582],[107.584597,33.047603],[107.593362,33.050217],[107.600843,33.055599],[107.608157,33.063975],[107.61173,33.065516],[107.624319,33.067159],[107.628758,33.069842],[107.634396,33.077784],[107.642129,33.081573],[107.646232,33.081746],[107.66058,33.076244],[107.664935,33.075725],[107.675208,33.070291],[107.692961,33.069565],[107.722383,33.078078],[107.733242,33.086158],[107.749572,33.095967],[107.758226,33.104079],[107.764841,33.117501],[107.772071,33.12243],[107.785135,33.122637],[107.7994,33.126044],[107.808221,33.130454],[107.81051,33.134534],[107.820336,33.146516],[107.821815,33.150838],[107.837699,33.164512],[107.847608,33.168678],[107.859109,33.171426],[107.874909,33.170424],[107.908937,33.162386],[107.91131,33.164236],[107.918037,33.163803],[107.920438,33.167693],[107.928086,33.172135],[107.937661,33.17433],[107.945338,33.172826],[107.959602,33.164668],[107.962338,33.160709],[107.969065,33.159154],[107.973364,33.163959],[107.970796,33.175246],[107.974034,33.179186],[107.981906,33.172221],[107.987321,33.174796],[107.991452,33.180206],[107.994551,33.180949],[108.001334,33.17592],[108.00929,33.177043],[108.00661,33.179808],[108.010183,33.196121],[108.016185,33.192527],[108.024057,33.191058],[108.020791,33.186393],[108.023275,33.179705],[108.026178,33.178633],[108.030533,33.182815],[108.029137,33.186047],[108.033548,33.193771],[108.041001,33.196052],[108.043681,33.209028],[108.048063,33.210203],[108.04463,33.215973],[108.040415,33.219341],[108.044155,33.221846],[108.0465,33.228393],[108.04932,33.229723],[108.048594,33.237944],[108.03874,33.243747],[108.033659,33.242779],[108.029919,33.247442],[108.032738,33.252554],[108.0216,33.258597],[108.018865,33.265435],[108.012668,33.270286],[108.005996,33.270321],[108.003065,33.26174],[107.990922,33.258839],[107.986735,33.261999],[107.977467,33.255973],[107.977746,33.262948],[107.974397,33.265607],[107.975932,33.273083],[107.970768,33.282905],[107.976434,33.289275],[107.976295,33.305878],[107.974313,33.313298],[107.97381,33.325239],[107.968451,33.330156],[107.95896,33.333986],[107.949273,33.340576],[107.946622,33.344284],[107.94637,33.354616],[107.942881,33.367741],[107.929203,33.389105],[107.926635,33.395794],[107.923955,33.408464],[107.909551,33.422942],[107.896654,33.429835],[107.890206,33.430766],[107.875886,33.438624],[107.871978,33.437934],[107.866869,33.432506],[107.863268,33.431421],[107.857434,33.436332],[107.846045,33.430732],[107.837531,33.432903],[107.83326,33.437176],[107.835773,33.442776],[107.829492,33.448617],[107.824132,33.450082],[107.796832,33.451529],[107.761687,33.457903],[107.745692,33.464156],[107.732768,33.473079],[107.728022,33.481191],[107.726626,33.491989],[107.727603,33.49793],[107.726403,33.505299],[107.726738,33.540399],[107.728832,33.559174],[107.730479,33.582074],[107.733158,33.590296],[107.732712,33.594648],[107.736704,33.611571],[107.735392,33.625121],[107.7326,33.633872],[107.726208,33.642004],[107.709319,33.648691],[107.69285,33.650788],[107.683554,33.653211],[107.676631,33.662492],[107.675738,33.671446],[107.676268,33.681292],[107.67504,33.699212],[107.673756,33.699487],[107.670518,33.701462],[107.664935,33.698112],[107.659436,33.697958],[107.650671,33.700603],[107.640342,33.706496],[107.63635,33.711838],[107.628702,33.714466],[107.613265,33.712868],[107.597382,33.702802],[107.58683,33.6977],[107.582168,33.697322],[107.562544,33.702699],[107.553974,33.699865],[107.544735,33.690399],[107.530024,33.681945],[107.525641,33.682031],[107.517071,33.678285],[107.501272,33.68088],[107.492478,33.679883],[107.47612,33.670088],[107.467718,33.660602],[107.455547,33.655772],[107.438464,33.651681],[107.423613,33.649412],[107.406027,33.648742],[107.400332,33.651355],[107.389892,33.665483],[107.386124,33.668971],[107.376493,33.682856],[107.363373,33.686928],[107.351537,33.686602],[107.336156,33.689076],[107.321976,33.695673],[107.311982,33.705877],[107.308912,33.705121]]]]}},{"type":"Feature","properties":{"adcode":610724,"name":"西乡县","center":[107.765858,32.987961],"centroid":[107.746461,32.887127],"childrenNum":0,"level":"district","parent":{"adcode":610700},"subFeatureIndex":4,"acroutes":[100000,610000,610700]},"geometry":{"type":"MultiPolygon","coordinates":[[[[108.04932,33.229723],[108.0465,33.228393],[108.044155,33.221846],[108.040415,33.219341],[108.04463,33.215973],[108.048063,33.210203],[108.043681,33.209028],[108.041001,33.196052],[108.033548,33.193771],[108.029137,33.186047],[108.030533,33.182815],[108.026178,33.178633],[108.023275,33.179705],[108.020791,33.186393],[108.024057,33.191058],[108.016185,33.192527],[108.010183,33.196121],[108.00661,33.179808],[108.00929,33.177043],[108.001334,33.17592],[107.994551,33.180949],[107.991452,33.180206],[107.987321,33.174796],[107.981906,33.172221],[107.974034,33.179186],[107.970796,33.175246],[107.973364,33.163959],[107.969065,33.159154],[107.962338,33.160709],[107.959602,33.164668],[107.945338,33.172826],[107.937661,33.17433],[107.928086,33.172135],[107.920438,33.167693],[107.918037,33.163803],[107.91131,33.164236],[107.908937,33.162386],[107.874909,33.170424],[107.859109,33.171426],[107.847608,33.168678],[107.837699,33.164512],[107.821815,33.150838],[107.820336,33.146516],[107.81051,33.134534],[107.808221,33.130454],[107.7994,33.126044],[107.785135,33.122637],[107.772071,33.12243],[107.764841,33.117501],[107.758226,33.104079],[107.749572,33.095967],[107.733242,33.086158],[107.722383,33.078078],[107.692961,33.069565],[107.675208,33.070291],[107.664935,33.075725],[107.66058,33.076244],[107.646232,33.081746],[107.642129,33.081573],[107.634396,33.077784],[107.628758,33.069842],[107.624319,33.067159],[107.61173,33.065516],[107.608157,33.063975],[107.600843,33.055599],[107.593362,33.050217],[107.584597,33.047603],[107.56849,33.04582],[107.562181,33.043415],[107.541162,33.039433],[107.531056,33.038239],[107.526116,33.036248],[107.504928,33.036196],[107.500657,33.033652],[107.498257,33.028856],[107.490301,33.025325],[107.474529,33.01253],[107.470314,33.006417],[107.473636,32.995802],[107.472073,32.986415],[107.461214,32.973545],[107.461047,32.966425],[107.457027,32.956168],[107.453175,32.953483],[107.436789,32.949393],[107.433718,32.946465],[107.427214,32.935322],[107.420849,32.93014],[107.409991,32.93144],[107.40625,32.93449],[107.402593,32.956324],[107.396648,32.961591],[107.392712,32.969872],[107.392488,32.973822],[107.382662,32.974827],[107.379927,32.969785],[107.37373,32.965403],[107.370101,32.966355],[107.36248,32.961349],[107.360582,32.95842],[107.359716,32.950416],[107.351063,32.948492],[107.349304,32.944282],[107.341153,32.939239],[107.331969,32.931319],[107.327196,32.92449],[107.322562,32.911022],[107.329485,32.901088],[107.335096,32.895506],[107.346736,32.891015],[107.353966,32.883819],[107.356255,32.874836],[107.359884,32.852774],[107.37024,32.838878],[107.385203,32.824009],[107.394163,32.810577],[107.392879,32.799574],[107.385482,32.784993],[107.385677,32.780636],[107.397597,32.764194],[107.387799,32.753618],[107.382579,32.751378],[107.354552,32.750736],[107.342716,32.748929],[107.328759,32.753983],[107.323009,32.757074],[107.317872,32.75697],[107.315109,32.753584],[107.316393,32.748947],[107.31416,32.744935],[107.305841,32.73896],[107.304976,32.733003],[107.308354,32.728782],[107.305171,32.725898],[107.292414,32.72119],[107.282225,32.714432],[107.278289,32.708282],[107.274856,32.69916],[107.26958,32.693495],[107.26757,32.6871],[107.268854,32.683415],[107.288981,32.67031],[107.294061,32.664974],[107.301403,32.651118],[107.309191,32.646215],[107.326247,32.641191],[107.340372,32.640095],[107.347936,32.637035],[107.355948,32.630288],[107.358293,32.624984],[107.359354,32.609609],[107.358516,32.595623],[107.356981,32.586698],[107.359186,32.574292],[107.364546,32.557482],[107.377917,32.538927],[107.38202,32.54025],[107.395587,32.540285],[107.406138,32.539206],[107.416634,32.535393],[107.422329,32.53508],[107.434695,32.530293],[107.432741,32.536612],[107.437263,32.542792],[107.446308,32.542826],[107.45083,32.545298],[107.456608,32.545159],[107.460181,32.548588],[107.466043,32.547665],[107.471487,32.552922],[107.475199,32.559153],[107.485416,32.555324],[107.491083,32.558839],[107.496303,32.558456],[107.497922,32.561224],[107.493902,32.570099],[107.489547,32.576241],[107.49781,32.581635],[107.49647,32.589726],[107.493483,32.593727],[107.490692,32.60693],[107.501467,32.610339],[107.505096,32.613766],[107.51012,32.60773],[107.51936,32.606356],[107.520979,32.614653],[107.528907,32.629975],[107.540659,32.636791],[107.550038,32.634253],[107.554281,32.647519],[107.566592,32.664504],[107.577283,32.669372],[107.594227,32.675038],[107.606566,32.680339],[107.622421,32.685136],[107.631745,32.689585],[107.634061,32.695511],[107.633447,32.703556],[107.635569,32.712695],[107.642268,32.71994],[107.651145,32.727132],[107.659687,32.732065],[107.664712,32.736807],[107.669011,32.745908],[107.672081,32.760547],[107.67236,32.772476],[107.674984,32.779542],[107.6828,32.788378],[107.694692,32.795981],[107.70502,32.805475],[107.720485,32.810456],[107.721741,32.820278],[107.727436,32.824165],[107.747981,32.813146],[107.747786,32.809901],[107.756383,32.797942],[107.757695,32.788499],[107.753145,32.77758],[107.755741,32.765374],[107.761213,32.757751],[107.770899,32.758133],[107.783153,32.76204],[107.800181,32.768899],[107.814055,32.770618],[107.821871,32.770253],[107.830776,32.765687],[107.840769,32.765808],[107.850651,32.771156],[107.857881,32.772198],[107.863436,32.769837],[107.862654,32.764628],[107.874267,32.763881],[107.892104,32.757473],[107.895063,32.75407],[107.899474,32.755372],[107.904778,32.76171],[107.909914,32.763707],[107.913208,32.770965],[107.919405,32.777111],[107.930599,32.780774],[107.933669,32.801917],[107.936712,32.803687],[107.951897,32.80183],[107.956196,32.808634],[107.962645,32.825727],[107.965436,32.828659],[107.974843,32.833778],[107.995388,32.836883],[108.004405,32.841672],[108.010379,32.837803],[108.016269,32.828347],[108.017664,32.818317],[108.017329,32.805232],[108.017971,32.779333],[108.025201,32.758099],[108.030645,32.739065],[108.037735,32.729737],[108.04865,32.71987],[108.056019,32.710332],[108.064449,32.695997],[108.073103,32.687187],[108.081645,32.680669],[108.085581,32.673717],[108.087758,32.663722],[108.09094,32.65536],[108.096774,32.648493],[108.102329,32.64665],[108.112072,32.647033],[108.118129,32.649919],[108.1212,32.646772],[108.137669,32.655656],[108.143029,32.655795],[108.146546,32.668763],[108.151068,32.671562],[108.158075,32.665739],[108.180016,32.665321],[108.185627,32.658577],[108.186269,32.662245],[108.192577,32.668659],[108.189144,32.678445],[108.184203,32.682616],[108.184454,32.687187],[108.190316,32.688142],[108.19509,32.694034],[108.206758,32.691166],[108.214686,32.696623],[108.218343,32.697127],[108.228587,32.693999],[108.22909,32.697857],[108.235594,32.701645],[108.239306,32.706857],[108.240591,32.716135],[108.234756,32.72298],[108.230988,32.729755],[108.223311,32.732864],[108.220492,32.740107],[108.204999,32.752785],[108.203743,32.760026],[108.189283,32.766763],[108.182947,32.763325],[108.1746,32.763239],[108.167733,32.767232],[108.153274,32.766347],[108.150566,32.767805],[108.153636,32.776538],[108.149896,32.782024],[108.144034,32.781122],[108.135408,32.774073],[108.129323,32.773448],[108.128932,32.777024],[108.134013,32.782354],[108.137474,32.78869],[108.127062,32.786538],[108.121758,32.793481],[108.126503,32.793742],[108.1212,32.799956],[108.127927,32.802438],[108.130216,32.807835],[108.127257,32.811879],[108.123265,32.812365],[108.112797,32.819532],[108.107522,32.831245],[108.102636,32.850328],[108.091471,32.864777],[108.084073,32.870223],[108.078211,32.877541],[108.076676,32.890096],[108.078434,32.902336],[108.086446,32.910242],[108.095462,32.914957],[108.116566,32.932307],[108.125471,32.9439],[108.128541,32.962145],[108.125806,32.977165],[108.126811,32.988216],[108.130188,32.995923],[108.134794,33.001378],[108.137921,33.008841],[108.132226,33.023074],[108.11838,33.036993],[108.114444,33.048538],[108.110201,33.055582],[108.105177,33.059424],[108.0951,33.072074],[108.090075,33.093441],[108.09429,33.105999],[108.100627,33.114976],[108.104479,33.134171],[108.102609,33.143041],[108.102329,33.152896],[108.104367,33.16491],[108.097361,33.177475],[108.096188,33.184302],[108.098031,33.190575],[108.107549,33.196],[108.11143,33.200285],[108.107298,33.210911],[108.099231,33.210272],[108.096272,33.214815],[108.094904,33.211913],[108.084101,33.209909],[108.078295,33.205762],[108.07849,33.202065],[108.075085,33.198091],[108.070563,33.203741],[108.077792,33.210842],[108.077485,33.212362],[108.054288,33.223919],[108.046584,33.226648],[108.04932,33.229723]]]]}},{"type":"Feature","properties":{"adcode":610725,"name":"勉县","center":[106.680175,33.155618],"centroid":[106.658007,33.238796],"childrenNum":0,"level":"district","parent":{"adcode":610700},"subFeatureIndex":5,"acroutes":[100000,610000,610700]},"geometry":{"type":"MultiPolygon","coordinates":[[[[106.522361,32.888865],[106.534923,32.897101],[106.540115,32.902111],[106.554296,32.905873],[106.580479,32.916863],[106.588686,32.918857],[106.604737,32.918944],[106.614535,32.917505],[106.62866,32.912114],[106.640608,32.906081],[106.648982,32.899146],[106.663358,32.893546],[106.669081,32.893043],[106.690184,32.895904],[106.690435,32.901487],[106.696381,32.905665],[106.713046,32.907052],[106.718322,32.903203],[106.72156,32.909566],[106.727785,32.915407],[106.728734,32.921717],[106.717847,32.923901],[106.723933,32.928251],[106.725915,32.934334],[106.730521,32.932168],[106.73789,32.931735],[106.734345,32.93605],[106.739425,32.944316],[106.739593,32.95026],[106.735154,32.954383],[106.724714,32.951975],[106.717345,32.957173],[106.716591,32.965143],[106.729962,32.979642],[106.725217,32.985029],[106.720834,32.984457],[106.719941,32.993394],[106.715223,32.99833],[106.725049,33.00098],[106.731526,33.006036],[106.72999,33.010036],[106.740347,33.021654],[106.752434,33.030137],[106.749307,33.032388],[106.75891,33.035417],[106.754276,33.04293],[106.741798,33.044176],[106.74392,33.048469],[106.753829,33.054128],[106.761478,33.056119],[106.768931,33.06292],[106.774347,33.080068],[106.782833,33.08204],[106.794808,33.081002],[106.800056,33.086452],[106.807202,33.091192],[106.817335,33.094064],[106.827217,33.099911],[106.835424,33.10164],[106.843268,33.097662],[106.853094,33.09915],[106.866856,33.109995],[106.894798,33.117708],[106.912077,33.120597],[106.914227,33.126494],[106.919726,33.122897],[106.925309,33.114111],[106.933739,33.107815],[106.940495,33.106207],[106.93734,33.108161],[106.933488,33.118608],[106.923299,33.119818],[106.932511,33.133359],[106.931534,33.139652],[106.932539,33.149421],[106.93815,33.153397],[106.938178,33.160001],[106.934493,33.160796],[106.946943,33.175747],[106.956685,33.182936],[106.957913,33.190073],[106.964166,33.205158],[106.965869,33.212828],[106.965366,33.220274],[106.96277,33.228306],[106.954005,33.233885],[106.944654,33.234231],[106.937284,33.236545],[106.926258,33.244541],[106.918693,33.25169],[106.912831,33.25188],[106.906774,33.248582],[106.896808,33.255403],[106.885642,33.251431],[106.877714,33.257509],[106.869005,33.260825],[106.864985,33.264537],[106.861803,33.272599],[106.863031,33.281524],[106.869508,33.294315],[106.872271,33.29749],[106.864343,33.333813],[106.864706,33.341386],[106.863171,33.34782],[106.866856,33.353133],[106.867581,33.358221],[106.877547,33.367292],[106.873388,33.369689],[106.870903,33.375415],[106.865348,33.380381],[106.862585,33.386174],[106.856639,33.388001],[106.843994,33.402414],[106.832744,33.417461],[106.817,33.42682],[106.815465,33.433489],[106.821801,33.438675],[106.83333,33.441294],[106.838355,33.448118],[106.837852,33.451563],[106.833274,33.456215],[106.822946,33.460918],[106.814572,33.468118],[106.81259,33.482603],[106.809379,33.489509],[106.802903,33.495089],[106.797181,33.497224],[106.792575,33.501391],[106.788723,33.519796],[106.778478,33.532499],[106.769154,33.532138],[106.760306,33.527645],[106.745595,33.514476],[106.710171,33.497086],[106.692808,33.49068],[106.675417,33.481846],[106.6707,33.480916],[106.664223,33.484463],[106.658557,33.491868],[106.656742,33.496793],[106.650434,33.504886],[106.651773,33.506952],[106.664,33.514252],[106.664084,33.520346],[106.667769,33.529952],[106.672123,33.548505],[106.671342,33.552635],[106.675836,33.560861],[106.677957,33.575296],[106.678069,33.584241],[106.680944,33.595233],[106.680498,33.603488],[106.677567,33.610608],[106.67109,33.620977],[106.663163,33.626531],[106.647363,33.634818],[106.629833,33.619567],[106.623105,33.607461],[106.622212,33.600599],[106.617913,33.59193],[106.612805,33.593272],[106.602365,33.586598],[106.600299,33.581248],[106.596754,33.579407],[106.589356,33.58044],[106.583857,33.584396],[106.581457,33.590657],[106.575232,33.583674],[106.580982,33.579511],[106.580591,33.575932],[106.573808,33.575537],[106.559795,33.570857],[106.557785,33.56308],[106.563033,33.543084],[106.558259,33.530744],[106.554798,33.52632],[106.550695,33.525407],[106.543074,33.517351],[106.541148,33.513099],[106.53403,33.516198],[106.528977,33.515802],[106.521775,33.518091],[106.514713,33.513202],[106.509995,33.516938],[106.50899,33.523359],[106.502737,33.52823],[106.494251,33.530468],[106.486798,33.524805],[106.477447,33.5194],[106.480992,33.510912],[106.484062,33.490009],[106.486491,33.486547],[106.48825,33.472769],[106.487663,33.468876],[106.490957,33.442707],[106.493832,33.430973],[106.502458,33.420564],[106.507818,33.409964],[106.508878,33.405361],[106.508209,33.394363],[106.509158,33.380363],[106.514266,33.37457],[106.518788,33.36236],[106.514768,33.343836],[106.504552,33.330863],[106.50123,33.324238],[106.489645,33.311521],[106.484649,33.303082],[106.483755,33.297352],[106.478005,33.291674],[106.47245,33.281628],[106.466923,33.275949],[106.467118,33.268836],[106.464857,33.259685],[106.464745,33.248668],[106.46709,33.23936],[106.478452,33.23012],[106.483476,33.224592],[106.493107,33.219652],[106.48624,33.219255],[106.478926,33.214867],[106.475828,33.217199],[106.466197,33.21269],[106.468346,33.204449],[106.472924,33.202082],[106.457851,33.202912],[106.452044,33.205866],[106.452407,33.200303],[106.455924,33.191525],[106.461842,33.190575],[106.457432,33.179031],[106.451151,33.173362],[106.45143,33.16828],[106.446992,33.157529],[106.437947,33.153241],[106.419942,33.153605],[106.411763,33.155506],[106.399202,33.152377],[106.38463,33.145565],[106.373604,33.13507],[106.373297,33.130263],[106.368328,33.122482],[106.366598,33.113073],[106.371957,33.10273],[106.378768,33.097662],[106.377066,33.090777],[106.366905,33.086019],[106.370171,33.083926],[106.371315,33.078614],[106.364476,33.079358],[106.359061,33.075344],[106.360038,33.072368],[106.364951,33.072022],[106.367407,33.067229],[106.359005,33.069167],[106.361908,33.07043],[106.354036,33.0755],[106.35585,33.080102],[106.347811,33.073666],[106.354008,33.064616],[106.356995,33.067506],[106.361433,33.066813],[106.360959,33.061726],[106.373437,33.052259],[106.387199,33.046876],[106.400905,33.053194],[106.404645,33.050476],[106.41824,33.05219],[106.418882,33.055738],[106.426893,33.057001],[106.427507,33.062608],[106.434151,33.066],[106.439343,33.064079],[106.444563,33.056084],[106.449504,33.054457],[106.450202,33.045249],[106.456092,33.037287],[106.46508,33.032319],[106.467118,33.02574],[106.469379,33.026433],[106.469686,33.020754],[106.473511,33.022087],[106.476023,33.014694],[106.486603,33.018572],[106.502458,33.018365],[106.506227,33.013828],[106.52091,33.015283],[106.530931,33.011041],[106.536849,33.006625],[106.544693,33.003577],[106.580647,32.999508],[106.583746,32.994156],[106.582741,32.990329],[106.571491,32.984873],[106.562363,32.983037],[106.554184,32.9781],[106.553737,32.970825],[106.547736,32.966477],[106.551783,32.961868],[106.539864,32.957745],[106.523757,32.948267],[106.519877,32.942566],[106.519737,32.927662],[106.520742,32.920764],[106.518956,32.905422],[106.522361,32.888865]]]]}},{"type":"Feature","properties":{"adcode":610726,"name":"宁强县","center":[106.25739,32.830806],"centroid":[106.137049,32.906732],"childrenNum":0,"level":"district","parent":{"adcode":610700},"subFeatureIndex":6,"acroutes":[100000,610000,610700]},"geometry":{"type":"MultiPolygon","coordinates":[[[[106.373604,33.13507],[106.371231,33.140932],[106.36389,33.145531],[106.358474,33.153138],[106.353841,33.15637],[106.346276,33.166949],[106.34086,33.172014],[106.335389,33.17433],[106.323972,33.181951],[106.310322,33.188432],[106.287153,33.196778],[106.278415,33.201391],[106.260438,33.20768],[106.245699,33.211187],[106.233138,33.209425],[106.222167,33.203067],[106.212593,33.199456],[106.203855,33.193996],[106.189926,33.190868],[106.17929,33.190488],[106.159359,33.18717],[106.148975,33.182193],[106.145402,33.176006],[106.134432,33.163233],[106.126197,33.155005],[106.094737,33.143906],[106.083264,33.138892],[106.079942,33.135918],[106.067353,33.128603],[106.045663,33.118885],[106.054652,33.11482],[106.05842,33.107988],[106.046891,33.107608],[106.040694,33.110375],[106.035614,33.108715],[106.032069,33.111932],[106.019088,33.110272],[106.01197,33.111067],[106.003317,33.108801],[105.999883,33.113402],[105.998124,33.120562],[105.991341,33.126615],[105.987126,33.139376],[105.990504,33.148159],[105.971633,33.152049],[105.967251,33.151098],[105.962561,33.146067],[105.95709,33.1456],[105.954215,33.149853],[105.946203,33.154452],[105.939504,33.153397],[105.933279,33.154815],[105.928059,33.151236],[105.919908,33.157736],[105.92764,33.164806],[105.924597,33.167572],[105.914604,33.160139],[105.906285,33.156906],[105.898609,33.149594],[105.896404,33.142713],[105.89967,33.138114],[105.904555,33.137647],[105.911394,33.140379],[105.914967,33.143819],[105.923453,33.147709],[105.931632,33.142177],[105.923955,33.137612],[105.920131,33.132114],[105.924793,33.12134],[105.933781,33.12224],[105.937996,33.120078],[105.936824,33.113592],[105.927724,33.112364],[105.918679,33.105411],[105.91921,33.090621],[105.92764,33.080275],[105.933307,33.076988],[105.930236,33.071935],[105.926356,33.069703],[105.918819,33.069478],[105.915106,33.06626],[105.913292,33.053159],[105.92189,33.043951],[105.928059,33.041511],[105.927975,33.03334],[105.930264,33.026692],[105.923509,33.020165],[105.92295,33.005967],[105.917451,32.993827],[105.904862,32.983297],[105.895566,32.972315],[105.87918,32.956532],[105.87262,32.947158],[105.861706,32.938944],[105.85763,32.939412],[105.835633,32.949809],[105.826952,32.950762],[105.810622,32.940261],[105.785582,32.926795],[105.764591,32.919498],[105.745246,32.908976],[105.73542,32.905318],[105.72096,32.903931],[105.713339,32.904625],[105.699438,32.903463],[105.656561,32.895367],[105.644558,32.882744],[105.638277,32.879293],[105.6282,32.879276],[105.60584,32.875825],[105.590599,32.876744],[105.579712,32.886611],[105.576976,32.893789],[105.565559,32.906844],[105.550346,32.909618],[105.541329,32.906827],[105.534155,32.909462],[105.527847,32.918857],[105.524776,32.920244],[105.514001,32.919082],[105.499067,32.911889],[105.498564,32.908959],[105.493484,32.905474],[105.493623,32.893928],[105.491948,32.885536],[105.495521,32.873206],[105.507274,32.861534],[105.513917,32.860718],[105.519389,32.850155],[105.524525,32.847691],[105.525027,32.834142],[105.527623,32.830967],[105.532592,32.819411],[105.529494,32.812695],[105.528237,32.805406],[105.532843,32.7927],[105.535858,32.789871],[105.545712,32.794349],[105.552272,32.795078],[105.556292,32.792041],[105.554701,32.774004],[105.557297,32.769437],[105.565811,32.766659],[105.5681,32.758741],[105.557827,32.752941],[105.555287,32.746776],[105.556292,32.732065],[105.563801,32.724925],[105.569719,32.724491],[105.581052,32.726471],[105.585211,32.729094],[105.590906,32.716326],[105.596349,32.699264],[105.62538,32.702062],[105.631047,32.708456],[105.641124,32.708873],[105.644893,32.711531],[105.649275,32.718724],[105.658571,32.720617],[105.669262,32.727479],[105.678027,32.726558],[105.68174,32.733889],[105.686318,32.736928],[105.689137,32.742573],[105.700108,32.742556],[105.710995,32.755668],[105.719201,32.759714],[105.73595,32.753879],[105.742064,32.762353],[105.750661,32.767927],[105.758003,32.763968],[105.763307,32.767388],[105.768806,32.767527],[105.774165,32.762283],[105.779609,32.750249],[105.784103,32.751396],[105.803085,32.761346],[105.811403,32.772285],[105.817684,32.773014],[105.822513,32.770149],[105.819471,32.786816],[105.816958,32.790374],[105.821313,32.798428],[105.826142,32.80393],[105.822374,32.807853],[105.821453,32.813302],[105.823658,32.816721],[105.825026,32.82472],[105.831167,32.826091],[105.838927,32.821198],[105.850763,32.818109],[105.854476,32.819896],[105.85777,32.827427],[105.873486,32.831071],[105.876333,32.833552],[105.886885,32.835148],[105.891714,32.838237],[105.900591,32.833969],[105.918205,32.831123],[105.927193,32.825952],[105.931381,32.826161],[105.940955,32.829804],[105.956029,32.838722],[105.959016,32.844534],[105.965464,32.848836],[105.969289,32.84901],[105.979617,32.841568],[105.983972,32.841516],[105.995221,32.828017],[106.003763,32.830013],[106.011551,32.829718],[106.013589,32.838688],[106.021238,32.843354],[106.023024,32.851924],[106.021684,32.857562],[106.026011,32.858273],[106.034693,32.85215],[106.036535,32.857336],[106.042146,32.859244],[106.040443,32.863858],[106.044379,32.864604],[106.048901,32.857163],[106.04664,32.852254],[106.049878,32.846963],[106.05641,32.842834],[106.061156,32.835912],[106.07087,32.829041],[106.069949,32.824044],[106.082901,32.824252],[106.086949,32.826004],[106.093648,32.823783],[106.091611,32.816322],[106.094765,32.811098],[106.092923,32.802767],[106.094709,32.795998],[106.09242,32.792943],[106.086363,32.793568],[106.082734,32.791398],[106.080696,32.786382],[106.077207,32.784733],[106.06551,32.7835],[106.062049,32.77607],[106.062021,32.767336],[106.071177,32.767909],[106.072684,32.763881],[106.076732,32.763759],[106.087563,32.77284],[106.088065,32.765583],[106.082231,32.760617],[106.076481,32.759054],[106.07168,32.758168],[106.080808,32.750683],[106.08332,32.747036],[106.090215,32.744727],[106.093927,32.738248],[106.10473,32.735365],[106.109113,32.731995],[106.1109,32.722997],[106.119972,32.719644],[106.134934,32.722302],[106.138479,32.720287],[106.145402,32.720409],[106.148808,32.712017],[106.153693,32.705797],[106.169297,32.709985],[106.17354,32.706823],[106.174322,32.697631],[106.18211,32.695059],[106.193415,32.697214],[106.20754,32.695198],[106.211001,32.698413],[106.218175,32.693669],[106.232189,32.693252],[106.239837,32.695337],[106.243997,32.691983],[106.256419,32.693252],[106.257088,32.689689],[106.262727,32.684858],[106.265714,32.675699],[106.270906,32.671805],[106.278834,32.67071],[106.292512,32.673265],[106.300887,32.679853],[106.305548,32.679661],[106.324391,32.673109],[106.33779,32.673509],[106.347727,32.671162],[106.351161,32.671857],[106.35398,32.66819],[106.367212,32.660054],[106.374749,32.652318],[106.383263,32.646546],[106.382593,32.63747],[106.387226,32.635331],[106.389041,32.626705],[106.394624,32.62154],[106.402384,32.617418],[106.408442,32.619436],[106.420529,32.616653],[106.426893,32.620079],[106.450984,32.640217],[106.450062,32.645659],[106.451681,32.660106],[106.455785,32.659967],[106.46201,32.653135],[106.467034,32.651344],[106.485179,32.649397],[106.498103,32.649362],[106.503184,32.661428],[106.513373,32.664087],[106.517281,32.668016],[106.533304,32.671614],[106.533778,32.680687],[106.527023,32.697092],[106.522696,32.704216],[106.529787,32.71207],[106.529731,32.719123],[106.53643,32.723397],[106.538552,32.730102],[106.544888,32.732516],[106.55075,32.738439],[106.553877,32.739134],[106.555189,32.751656],[106.547038,32.75183],[106.544581,32.759019],[106.536263,32.763447],[106.532857,32.76692],[106.530317,32.782302],[106.524622,32.789263],[106.519793,32.792145],[106.516499,32.802767],[106.510163,32.815523],[106.507706,32.827549],[106.508488,32.831036],[106.517309,32.83435],[106.521552,32.839572],[106.516164,32.844499],[106.51943,32.849999],[106.520184,32.855567],[106.508711,32.86332],[106.509604,32.869026],[106.50765,32.877992],[106.509186,32.881287],[106.522361,32.888865],[106.518956,32.905422],[106.520742,32.920764],[106.519737,32.927662],[106.519877,32.942566],[106.523757,32.948267],[106.539864,32.957745],[106.551783,32.961868],[106.547736,32.966477],[106.553737,32.970825],[106.554184,32.9781],[106.562363,32.983037],[106.571491,32.984873],[106.582741,32.990329],[106.583746,32.994156],[106.580647,32.999508],[106.544693,33.003577],[106.536849,33.006625],[106.530931,33.011041],[106.52091,33.015283],[106.506227,33.013828],[106.502458,33.018365],[106.486603,33.018572],[106.476023,33.014694],[106.473511,33.022087],[106.469686,33.020754],[106.469379,33.026433],[106.467118,33.02574],[106.46508,33.032319],[106.456092,33.037287],[106.450202,33.045249],[106.449504,33.054457],[106.444563,33.056084],[106.439343,33.064079],[106.434151,33.066],[106.427507,33.062608],[106.426893,33.057001],[106.418882,33.055738],[106.41824,33.05219],[106.404645,33.050476],[106.400905,33.053194],[106.387199,33.046876],[106.373437,33.052259],[106.360959,33.061726],[106.361433,33.066813],[106.356995,33.067506],[106.354008,33.064616],[106.347811,33.073666],[106.35585,33.080102],[106.354036,33.0755],[106.361908,33.07043],[106.359005,33.069167],[106.367407,33.067229],[106.364951,33.072022],[106.360038,33.072368],[106.359061,33.075344],[106.364476,33.079358],[106.371315,33.078614],[106.370171,33.083926],[106.366905,33.086019],[106.377066,33.090777],[106.378768,33.097662],[106.371957,33.10273],[106.366598,33.113073],[106.368328,33.122482],[106.373297,33.130263],[106.373604,33.13507]]],[[[106.076732,32.763759],[106.072684,32.763881],[106.07168,32.758168],[106.076481,32.759054],[106.076732,32.763759]]]]}},{"type":"Feature","properties":{"adcode":610727,"name":"略阳县","center":[106.153899,33.329638],"centroid":[106.156482,33.377184],"childrenNum":0,"level":"district","parent":{"adcode":610700},"subFeatureIndex":7,"acroutes":[100000,610000,610700]},"geometry":{"type":"MultiPolygon","coordinates":[[[[106.477447,33.5194],[106.473371,33.520123],[106.460056,33.529642],[106.456036,33.537938],[106.455729,33.562702],[106.453133,33.575571],[106.454026,33.581988],[106.452742,33.591861],[106.446908,33.613222],[106.440376,33.617177],[106.43136,33.619086],[106.416788,33.617349],[106.406906,33.617418],[106.401128,33.615165],[106.392865,33.614752],[106.384882,33.612035],[106.371566,33.59881],[106.363806,33.593341],[106.351384,33.5872],[106.335166,33.587045],[106.325842,33.590984],[106.313001,33.602026],[106.303399,33.604365],[106.298402,33.602319],[106.287962,33.600977],[106.277494,33.596901],[106.264793,33.588473],[106.254269,33.577532],[106.237437,33.564095],[106.227276,33.560706],[106.214379,33.558727],[106.20888,33.556232],[106.199529,33.548264],[106.18719,33.546509],[106.171614,33.551654],[106.158801,33.557092],[106.152939,33.556387],[106.149533,33.561773],[106.143727,33.56487],[106.144844,33.571459],[106.141466,33.574952],[106.148249,33.58001],[106.153888,33.581265],[106.150399,33.584259],[106.147524,33.58185],[106.136023,33.581283],[106.13097,33.579683],[106.133287,33.571889],[106.108499,33.569808],[106.104563,33.573558],[106.111346,33.5872],[106.110844,33.591965],[106.121172,33.590417],[106.131305,33.597159],[106.129574,33.604451],[106.119525,33.602405],[106.114417,33.604469],[106.110565,33.60906],[106.100739,33.609559],[106.086642,33.617125],[106.079803,33.612672],[106.075699,33.611881],[106.070563,33.60679],[106.063919,33.604125],[106.057499,33.607599],[106.045775,33.609731],[106.041783,33.607564],[106.036814,33.601545],[106.029612,33.595904],[106.022075,33.596162],[106.019228,33.598707],[106.019005,33.609714],[106.014147,33.609731],[105.998934,33.604142],[105.992011,33.606223],[105.987489,33.61066],[105.979729,33.612414],[105.956197,33.61274],[105.962115,33.606481],[105.960858,33.599068],[105.953991,33.587148],[105.948743,33.584241],[105.940118,33.570547],[105.924402,33.557041],[105.919461,33.554752],[105.902712,33.556163],[105.896655,33.548832],[105.893528,33.539917],[105.884121,33.535701],[105.882614,33.525528],[105.877924,33.517713],[105.868321,33.509259],[105.855425,33.500823],[105.850763,33.499462],[105.84197,33.490095],[105.843338,33.479762],[105.841412,33.473113],[105.837001,33.468084],[105.830972,33.456422],[105.832842,33.444482],[105.836917,33.431404],[105.83795,33.410757],[105.836275,33.402276],[105.829688,33.382812],[105.827203,33.38007],[105.819275,33.37826],[105.80261,33.378777],[105.788402,33.381794],[105.779665,33.38457],[105.768722,33.383898],[105.752559,33.384157],[105.743264,33.385312],[105.732852,33.391036],[105.723528,33.390588],[105.713367,33.38645],[105.708985,33.380725],[105.728944,33.353202],[105.741003,33.339903],[105.755211,33.328896],[105.7563,33.324531],[105.753285,33.316042],[105.745888,33.310555],[105.747786,33.298854],[105.752978,33.292192],[105.758701,33.287376],[105.767438,33.282543],[105.784912,33.282042],[105.791472,33.27859],[105.790635,33.269423],[105.792812,33.262758],[105.80261,33.257233],[105.814083,33.254436],[105.828794,33.253935],[105.835605,33.251155],[105.847302,33.239187],[105.85495,33.2348],[105.862571,33.234317],[105.882223,33.237236],[105.886047,33.2386],[105.906564,33.240154],[105.921303,33.236234],[105.928142,33.228652],[105.939867,33.21808],[105.956001,33.211654],[105.962533,33.207525],[105.966888,33.200182],[105.967949,33.192147],[105.967083,33.178166],[105.967865,33.170596],[105.967251,33.151098],[105.971633,33.152049],[105.990504,33.148159],[105.987126,33.139376],[105.991341,33.126615],[105.998124,33.120562],[105.999883,33.113402],[106.003317,33.108801],[106.01197,33.111067],[106.019088,33.110272],[106.032069,33.111932],[106.035614,33.108715],[106.040694,33.110375],[106.046891,33.107608],[106.05842,33.107988],[106.054652,33.11482],[106.045663,33.118885],[106.067353,33.128603],[106.079942,33.135918],[106.083264,33.138892],[106.094737,33.143906],[106.126197,33.155005],[106.134432,33.163233],[106.145402,33.176006],[106.148975,33.182193],[106.159359,33.18717],[106.17929,33.190488],[106.189926,33.190868],[106.203855,33.193996],[106.212593,33.199456],[106.222167,33.203067],[106.233138,33.209425],[106.245699,33.211187],[106.260438,33.20768],[106.278415,33.201391],[106.287153,33.196778],[106.310322,33.188432],[106.323972,33.181951],[106.335389,33.17433],[106.34086,33.172014],[106.346276,33.166949],[106.353841,33.15637],[106.358474,33.153138],[106.36389,33.145531],[106.371231,33.140932],[106.373604,33.13507],[106.38463,33.145565],[106.399202,33.152377],[106.411763,33.155506],[106.419942,33.153605],[106.437947,33.153241],[106.446992,33.157529],[106.45143,33.16828],[106.451151,33.173362],[106.457432,33.179031],[106.461842,33.190575],[106.455924,33.191525],[106.452407,33.200303],[106.452044,33.205866],[106.457851,33.202912],[106.472924,33.202082],[106.468346,33.204449],[106.466197,33.21269],[106.475828,33.217199],[106.478926,33.214867],[106.48624,33.219255],[106.493107,33.219652],[106.483476,33.224592],[106.478452,33.23012],[106.46709,33.23936],[106.464745,33.248668],[106.464857,33.259685],[106.467118,33.268836],[106.466923,33.275949],[106.47245,33.281628],[106.478005,33.291674],[106.483755,33.297352],[106.484649,33.303082],[106.489645,33.311521],[106.50123,33.324238],[106.504552,33.330863],[106.514768,33.343836],[106.518788,33.36236],[106.514266,33.37457],[106.509158,33.380363],[106.508209,33.394363],[106.508878,33.405361],[106.507818,33.409964],[106.502458,33.420564],[106.493832,33.430973],[106.490957,33.442707],[106.487663,33.468876],[106.48825,33.472769],[106.486491,33.486547],[106.484062,33.490009],[106.480992,33.510912],[106.477447,33.5194]]],[[[105.924597,33.167572],[105.92764,33.164806],[105.919908,33.157736],[105.928059,33.151236],[105.933279,33.154815],[105.939504,33.153397],[105.946203,33.154452],[105.945561,33.162507],[105.941262,33.167122],[105.945868,33.173033],[105.943691,33.175851],[105.932693,33.174243],[105.931604,33.178322],[105.939169,33.185148],[105.945924,33.18463],[105.945533,33.188138],[105.936601,33.192873],[105.934284,33.198661],[105.927724,33.198437],[105.925072,33.189209],[105.92778,33.186323],[105.921666,33.182867],[105.916949,33.177769],[105.924597,33.167572]]]]}},{"type":"Feature","properties":{"adcode":610728,"name":"镇巴县","center":[107.89531,32.535854],"centroid":[107.877299,32.509853],"childrenNum":0,"level":"district","parent":{"adcode":610700},"subFeatureIndex":8,"acroutes":[100000,610000,610700]},"geometry":{"type":"MultiPolygon","coordinates":[[[[107.434695,32.530293],[107.43704,32.51626],[107.429252,32.50111],[107.43369,32.491026],[107.432964,32.47845],[107.438938,32.476674],[107.437263,32.47474],[107.439329,32.465298],[107.443879,32.46204],[107.444996,32.465768],[107.449992,32.465002],[107.449741,32.462214],[107.458143,32.458416],[107.46113,32.450279],[107.45979,32.44608],[107.461996,32.44134],[107.458813,32.440521],[107.455854,32.434665],[107.45069,32.43219],[107.449574,32.42623],[107.457027,32.424469],[107.455101,32.421367],[107.457194,32.417741],[107.462219,32.417323],[107.461437,32.420164],[107.467579,32.417724],[107.473887,32.419048],[107.477991,32.425062],[107.489743,32.425271],[107.494572,32.411187],[107.502891,32.395688],[107.512382,32.386342],[107.52525,32.382436],[107.533094,32.383657],[107.541022,32.388557],[107.553304,32.393369],[107.562795,32.39527],[107.566285,32.394293],[107.573403,32.396508],[107.571142,32.397676],[107.573375,32.403551],[107.577869,32.402976],[107.598219,32.411605],[107.602909,32.411309],[107.614689,32.405852],[107.6215,32.406881],[107.63635,32.406009],[107.648019,32.413697],[107.650447,32.412895],[107.659771,32.404092],[107.67063,32.397746],[107.679451,32.398303],[107.683861,32.386674],[107.690616,32.380727],[107.695278,32.374711],[107.696144,32.368189],[107.693771,32.36402],[107.694776,32.357026],[107.700498,32.344449],[107.705886,32.339704],[107.707979,32.332044],[107.716745,32.328834],[107.727659,32.329759],[107.736034,32.333929],[107.754569,32.338238],[107.756663,32.330509],[107.761687,32.324454],[107.762078,32.319691],[107.774109,32.308173],[107.780278,32.294664],[107.788709,32.279861],[107.795966,32.274816],[107.804676,32.266034],[107.812296,32.247995],[107.830636,32.227194],[107.835828,32.223036],[107.845599,32.221639],[107.844314,32.216678],[107.855424,32.212223],[107.863938,32.204081],[107.867539,32.202421],[107.879906,32.202351],[107.890513,32.214389],[107.900172,32.207942],[107.905196,32.208012],[107.913571,32.198507],[107.924737,32.197004],[107.930626,32.189263],[107.94263,32.17696],[107.952847,32.168938],[107.954242,32.163904],[107.96298,32.16018],[107.968423,32.156055],[107.976211,32.147401],[107.979365,32.146037],[107.995696,32.147174],[108.00206,32.152943],[108.00781,32.165005],[108.024336,32.177292],[108.023191,32.182046],[108.018585,32.183374],[108.020065,32.187201],[108.017385,32.192199],[108.025285,32.20291],[108.018446,32.209864],[108.018613,32.211803],[108.027099,32.216241],[108.031315,32.22073],[108.034692,32.220783],[108.04329,32.215245],[108.04918,32.217114],[108.051134,32.222076],[108.054595,32.220171],[108.060737,32.220486],[108.06604,32.229657],[108.072628,32.233395],[108.080416,32.230373],[108.089935,32.233691],[108.098533,32.2306],[108.105344,32.225115],[108.117236,32.223525],[108.123098,32.218372],[108.141661,32.218896],[108.145402,32.221901],[108.14864,32.230443],[108.156651,32.239001],[108.159834,32.247699],[108.167929,32.253042],[108.175103,32.254928],[108.180825,32.259032],[108.181244,32.265929],[108.172339,32.280717],[108.167147,32.291749],[108.159359,32.30086],[108.152352,32.305398],[108.136804,32.318103],[108.134152,32.328328],[108.126699,32.34956],[108.119301,32.360497],[108.109476,32.372043],[108.108471,32.380257],[108.112714,32.386831],[108.117012,32.387005],[108.128737,32.380815],[108.133119,32.380065],[108.135939,32.382698],[108.133343,32.395671],[108.118939,32.421018],[108.115561,32.433253],[108.121144,32.439893],[108.131863,32.441915],[108.141298,32.442281],[108.156065,32.439632],[108.167454,32.434107],[108.176415,32.428478],[108.185682,32.426997],[108.191824,32.4286],[108.192717,32.432312],[108.186129,32.438708],[108.190149,32.444354],[108.19883,32.443988],[108.209103,32.449425],[108.213123,32.454635],[108.22306,32.46096],[108.247067,32.473346],[108.258819,32.486411],[108.265016,32.492141],[108.279141,32.497052],[108.283384,32.508912],[108.277912,32.519934],[108.267612,32.52984],[108.256893,32.537448],[108.251589,32.545037],[108.250556,32.558369],[108.253403,32.563138],[108.249467,32.571247],[108.243019,32.57297],[108.239697,32.578973],[108.211699,32.600616],[108.201398,32.605504],[108.187971,32.6082],[108.182109,32.616236],[108.18437,32.619766],[108.197323,32.620706],[108.212927,32.617627],[108.231658,32.612374],[108.238944,32.608061],[108.245029,32.606234],[108.258903,32.605626],[108.265463,32.610009],[108.265993,32.615297],[108.2596,32.637748],[108.259907,32.647589],[108.255385,32.659081],[108.256139,32.664644],[108.253068,32.673665],[108.255162,32.685796],[108.245113,32.692139],[108.228587,32.693999],[108.218343,32.697127],[108.214686,32.696623],[108.206758,32.691166],[108.19509,32.694034],[108.190316,32.688142],[108.184454,32.687187],[108.184203,32.682616],[108.189144,32.678445],[108.192577,32.668659],[108.186269,32.662245],[108.185627,32.658577],[108.180016,32.665321],[108.158075,32.665739],[108.151068,32.671562],[108.146546,32.668763],[108.143029,32.655795],[108.137669,32.655656],[108.1212,32.646772],[108.118129,32.649919],[108.112072,32.647033],[108.102329,32.64665],[108.096774,32.648493],[108.09094,32.65536],[108.087758,32.663722],[108.085581,32.673717],[108.081645,32.680669],[108.073103,32.687187],[108.064449,32.695997],[108.056019,32.710332],[108.04865,32.71987],[108.037735,32.729737],[108.030645,32.739065],[108.025201,32.758099],[108.017971,32.779333],[108.017329,32.805232],[108.017664,32.818317],[108.016269,32.828347],[108.010379,32.837803],[108.004405,32.841672],[107.995388,32.836883],[107.974843,32.833778],[107.965436,32.828659],[107.962645,32.825727],[107.956196,32.808634],[107.951897,32.80183],[107.936712,32.803687],[107.933669,32.801917],[107.930599,32.780774],[107.919405,32.777111],[107.913208,32.770965],[107.909914,32.763707],[107.904778,32.76171],[107.899474,32.755372],[107.895063,32.75407],[107.892104,32.757473],[107.874267,32.763881],[107.862654,32.764628],[107.863436,32.769837],[107.857881,32.772198],[107.850651,32.771156],[107.840769,32.765808],[107.830776,32.765687],[107.821871,32.770253],[107.814055,32.770618],[107.800181,32.768899],[107.783153,32.76204],[107.770899,32.758133],[107.761213,32.757751],[107.755741,32.765374],[107.753145,32.77758],[107.757695,32.788499],[107.756383,32.797942],[107.747786,32.809901],[107.747981,32.813146],[107.727436,32.824165],[107.721741,32.820278],[107.720485,32.810456],[107.70502,32.805475],[107.694692,32.795981],[107.6828,32.788378],[107.674984,32.779542],[107.67236,32.772476],[107.672081,32.760547],[107.669011,32.745908],[107.664712,32.736807],[107.659687,32.732065],[107.651145,32.727132],[107.642268,32.71994],[107.635569,32.712695],[107.633447,32.703556],[107.634061,32.695511],[107.631745,32.689585],[107.622421,32.685136],[107.606566,32.680339],[107.594227,32.675038],[107.577283,32.669372],[107.566592,32.664504],[107.554281,32.647519],[107.550038,32.634253],[107.540659,32.636791],[107.528907,32.629975],[107.520979,32.614653],[107.51936,32.606356],[107.51012,32.60773],[107.505096,32.613766],[107.501467,32.610339],[107.490692,32.60693],[107.493483,32.593727],[107.49647,32.589726],[107.49781,32.581635],[107.489547,32.576241],[107.493902,32.570099],[107.497922,32.561224],[107.496303,32.558456],[107.491083,32.558839],[107.485416,32.555324],[107.475199,32.559153],[107.471487,32.552922],[107.466043,32.547665],[107.460181,32.548588],[107.456608,32.545159],[107.45083,32.545298],[107.446308,32.542826],[107.437263,32.542792],[107.432741,32.536612],[107.434695,32.530293]]]]}},{"type":"Feature","properties":{"adcode":610729,"name":"留坝县","center":[106.924377,33.61334],"centroid":[106.955828,33.608009],"childrenNum":0,"level":"district","parent":{"adcode":610700},"subFeatureIndex":9,"acroutes":[100000,610000,610700]},"geometry":{"type":"MultiPolygon","coordinates":[[[[106.647363,33.634818],[106.663163,33.626531],[106.67109,33.620977],[106.677567,33.610608],[106.680498,33.603488],[106.680944,33.595233],[106.678069,33.584241],[106.677957,33.575296],[106.675836,33.560861],[106.671342,33.552635],[106.672123,33.548505],[106.667769,33.529952],[106.664084,33.520346],[106.664,33.514252],[106.651773,33.506952],[106.650434,33.504886],[106.656742,33.496793],[106.658557,33.491868],[106.664223,33.484463],[106.6707,33.480916],[106.675417,33.481846],[106.692808,33.49068],[106.710171,33.497086],[106.745595,33.514476],[106.760306,33.527645],[106.769154,33.532138],[106.778478,33.532499],[106.788723,33.519796],[106.792575,33.501391],[106.797181,33.497224],[106.802903,33.495089],[106.809379,33.489509],[106.81259,33.482603],[106.814572,33.468118],[106.822946,33.460918],[106.833274,33.456215],[106.837852,33.451563],[106.838355,33.448118],[106.83333,33.441294],[106.821801,33.438675],[106.815465,33.433489],[106.817,33.42682],[106.832744,33.417461],[106.843994,33.402414],[106.856639,33.388001],[106.862585,33.386174],[106.865348,33.380381],[106.870903,33.375415],[106.873388,33.369689],[106.877547,33.367292],[106.867581,33.358221],[106.866856,33.353133],[106.863171,33.34782],[106.864706,33.341386],[106.864343,33.333813],[106.872271,33.29749],[106.876486,33.29863],[106.889411,33.296144],[106.894687,33.293072],[106.900297,33.286202],[106.913641,33.28023],[106.920452,33.284442],[106.93293,33.288895],[106.937452,33.297559],[106.940522,33.298595],[106.952972,33.297404],[106.959756,33.295419],[106.969135,33.296161],[106.981529,33.294902],[106.987726,33.295903],[106.994844,33.300355],[106.996324,33.303565],[106.994593,33.310434],[106.999283,33.324324],[106.999646,33.330915],[107.011621,33.338402],[107.014105,33.350339],[107.020107,33.355806],[107.029598,33.360601],[107.043388,33.36136],[107.052544,33.365051],[107.06999,33.364706],[107.079119,33.368965],[107.089391,33.378018],[107.092266,33.384415],[107.0878,33.397087],[107.078979,33.410481],[107.079984,33.420564],[107.082775,33.423063],[107.084534,33.43037],[107.085874,33.443896],[107.081966,33.457007],[107.072279,33.468135],[107.069683,33.476403],[107.063793,33.485876],[107.05983,33.495554],[107.057122,33.498326],[107.056982,33.505213],[107.053521,33.512117],[107.053074,33.519468],[107.056759,33.524254],[107.063403,33.527628],[107.072782,33.529367],[107.081631,33.532482],[107.093271,33.539917],[107.105219,33.548729],[107.112812,33.558262],[107.115128,33.566263],[107.120823,33.577205],[107.128527,33.595216],[107.133887,33.603849],[107.13679,33.612311],[107.144969,33.625258],[107.15728,33.639769],[107.164537,33.646542],[107.171544,33.655394],[107.180142,33.660086],[107.193317,33.661031],[107.200798,33.665156],[107.211518,33.66593],[107.229411,33.668885],[107.241582,33.672615],[107.253697,33.674745],[107.268659,33.680742],[107.273991,33.685949],[107.276894,33.693938],[107.284179,33.701411],[107.288087,33.703661],[107.30573,33.70574],[107.308912,33.705121],[107.305618,33.710189],[107.30961,33.723998],[107.31416,33.728824],[107.304306,33.733512],[107.302073,33.742269],[107.302519,33.758528],[107.305506,33.766905],[107.312959,33.77154],[107.318738,33.771042],[107.322143,33.774441],[107.322534,33.783091],[107.326135,33.787021],[107.3258,33.793594],[107.328285,33.797609],[107.338194,33.802516],[107.342046,33.814132],[107.333867,33.814338],[107.328955,33.819553],[107.32259,33.818901],[107.320468,33.810426],[107.314634,33.80835],[107.306148,33.796905],[107.299505,33.792787],[107.291996,33.797317],[107.284068,33.797609],[107.276754,33.801161],[107.272818,33.790711],[107.264918,33.787501],[107.254757,33.780173],[107.249621,33.778405],[107.241135,33.772089],[107.236697,33.771214],[107.23117,33.766802],[107.229969,33.757773],[107.220283,33.755043],[107.212578,33.74924],[107.194518,33.752433],[107.187372,33.751764],[107.183771,33.760125],[107.181593,33.76948],[107.17333,33.774612],[107.16317,33.788016],[107.160406,33.788994],[107.151808,33.785494],[107.145248,33.794263],[107.128388,33.77765],[107.129114,33.789921],[107.133887,33.793834],[107.131849,33.800783],[107.136958,33.814149],[107.135171,33.816568],[107.124954,33.814218],[107.121577,33.809517],[107.112114,33.812794],[107.108736,33.81583],[107.105777,33.822469],[107.099385,33.82331],[107.086544,33.820325],[107.080458,33.822092],[107.072056,33.830429],[107.065105,33.842418],[107.063068,33.87042],[107.056843,33.8769],[107.050199,33.876489],[107.044895,33.873797],[107.040373,33.865585],[107.038531,33.854594],[107.040513,33.841972],[107.041183,33.83096],[107.043834,33.808693],[107.04322,33.805021],[107.036772,33.799359],[107.028146,33.794606],[107.01899,33.792392],[107.006568,33.792959],[106.999422,33.794383],[106.978263,33.800972],[106.974718,33.803289],[106.947585,33.816585],[106.930724,33.827255],[106.928435,33.833259],[106.921987,33.83578],[106.909677,33.847734],[106.898902,33.844801],[106.890053,33.848334],[106.89371,33.853942],[106.888685,33.861007],[106.882125,33.860818],[106.872857,33.865928],[106.864678,33.875769],[106.85876,33.87738],[106.85555,33.874346],[106.855718,33.86423],[106.858118,33.861658],[106.85555,33.859],[106.85435,33.848694],[106.847511,33.843327],[106.841063,33.835111],[106.839416,33.826998],[106.831879,33.829811],[106.823532,33.830394],[106.81781,33.834442],[106.816944,33.829451],[106.812562,33.821886],[106.809324,33.819896],[106.805862,33.80986],[106.805164,33.797026],[106.806002,33.779367],[106.804718,33.765618],[106.804439,33.744295],[106.80321,33.735349],[106.803517,33.717695],[106.801396,33.70397],[106.798772,33.69344],[106.799581,33.690914],[106.797265,33.682461],[106.789225,33.677495],[106.781325,33.681481],[106.771778,33.684334],[106.753187,33.691378],[106.73454,33.696584],[106.727394,33.697322],[106.714246,33.701325],[106.683317,33.702029],[106.677929,33.7033],[106.674971,33.701411],[106.677371,33.697872],[106.685578,33.695553],[106.687839,33.692838],[106.694678,33.693405],[106.695488,33.689522],[106.692361,33.687976],[106.69398,33.684282],[106.698503,33.683904],[106.705677,33.676962],[106.69948,33.671188],[106.696967,33.672082],[106.689709,33.668628],[106.68703,33.665551],[106.682228,33.665414],[106.670058,33.661152],[106.66587,33.662939],[106.650769,33.663042],[106.64245,33.659639],[106.645604,33.650186],[106.649401,33.644892],[106.650154,33.639391],[106.647363,33.634818]]]]}},{"type":"Feature","properties":{"adcode":610730,"name":"佛坪县","center":[107.988582,33.520745],"centroid":[107.923214,33.542377],"childrenNum":0,"level":"district","parent":{"adcode":610700},"subFeatureIndex":10,"acroutes":[100000,610000,610700]},"geometry":{"type":"MultiPolygon","coordinates":[[[[108.0216,33.258597],[108.028467,33.263794],[108.033241,33.260997],[108.034469,33.263017],[108.03338,33.271857],[108.039326,33.283112],[108.05292,33.297059],[108.052613,33.307742],[108.046751,33.308001],[108.043178,33.319131],[108.04276,33.324065],[108.046081,33.332864],[108.04985,33.337988],[108.05948,33.341593],[108.05641,33.349235],[108.065817,33.353995],[108.073103,33.355824],[108.080193,33.365568],[108.08706,33.37269],[108.095518,33.373518],[108.10205,33.38076],[108.103976,33.391484],[108.09295,33.400914],[108.097109,33.40462],[108.109978,33.410826],[108.117487,33.416772],[108.128876,33.41248],[108.13432,33.406982],[108.142108,33.404069],[108.143559,33.40562],[108.145011,33.418134],[108.15118,33.423631],[108.158633,33.432403],[108.16148,33.440312],[108.158773,33.454199],[108.151655,33.464019],[108.143196,33.468514],[108.122735,33.481501],[108.111569,33.490456],[108.101659,33.500392],[108.07729,33.503991],[108.06738,33.509087],[108.06043,33.520037],[108.066403,33.540709],[108.065957,33.55353],[108.06096,33.563872],[108.060402,33.57853],[108.067464,33.589832],[108.070339,33.602095],[108.062998,33.610058],[108.058392,33.618811],[108.060932,33.631758],[108.060318,33.642743],[108.065035,33.651647],[108.062076,33.660241],[108.057275,33.66715],[108.052139,33.680004],[108.0532,33.690364],[108.057778,33.696755],[108.058531,33.700861],[108.054232,33.709845],[108.043653,33.712765],[108.031203,33.717609],[108.02026,33.724015],[108.015571,33.724444],[108.008285,33.729013],[108.002535,33.727639],[107.993909,33.732293],[107.988382,33.731709],[107.974815,33.736002],[107.966106,33.734662],[107.951646,33.745823],[107.942602,33.739985],[107.936377,33.738354],[107.931604,33.731279],[107.926411,33.733048],[107.921024,33.732413],[107.914911,33.735727],[107.910249,33.741187],[107.905392,33.742458],[107.903075,33.748948],[107.896961,33.747918],[107.89163,33.743832],[107.88828,33.729837],[107.880017,33.718777],[107.870722,33.715393],[107.864134,33.703936],[107.862264,33.698576],[107.854252,33.69411],[107.844761,33.697425],[107.840183,33.695742],[107.833009,33.696068],[107.824244,33.702373],[107.812631,33.712301],[107.80448,33.708729],[107.797585,33.710154],[107.785163,33.716166],[107.776566,33.716561],[107.765902,33.720219],[107.755267,33.715857],[107.744799,33.718021],[107.737429,33.717918],[107.722244,33.724891],[107.712027,33.726007],[107.692598,33.723191],[107.688746,33.721301],[107.684531,33.715084],[107.682354,33.706839],[107.673756,33.699487],[107.67504,33.699212],[107.676268,33.681292],[107.675738,33.671446],[107.676631,33.662492],[107.683554,33.653211],[107.69285,33.650788],[107.709319,33.648691],[107.726208,33.642004],[107.7326,33.633872],[107.735392,33.625121],[107.736704,33.611571],[107.732712,33.594648],[107.733158,33.590296],[107.730479,33.582074],[107.728832,33.559174],[107.726738,33.540399],[107.726403,33.505299],[107.727603,33.49793],[107.726626,33.491989],[107.728022,33.481191],[107.732768,33.473079],[107.745692,33.464156],[107.761687,33.457903],[107.796832,33.451529],[107.824132,33.450082],[107.829492,33.448617],[107.835773,33.442776],[107.83326,33.437176],[107.837531,33.432903],[107.846045,33.430732],[107.857434,33.436332],[107.863268,33.431421],[107.866869,33.432506],[107.871978,33.437934],[107.875886,33.438624],[107.890206,33.430766],[107.896654,33.429835],[107.909551,33.422942],[107.923955,33.408464],[107.926635,33.395794],[107.929203,33.389105],[107.942881,33.367741],[107.94637,33.354616],[107.946622,33.344284],[107.949273,33.340576],[107.95896,33.333986],[107.968451,33.330156],[107.97381,33.325239],[107.974313,33.313298],[107.976295,33.305878],[107.976434,33.289275],[107.970768,33.282905],[107.975932,33.273083],[107.974397,33.265607],[107.977746,33.262948],[107.977467,33.255973],[107.986735,33.261999],[107.990922,33.258839],[108.003065,33.26174],[108.005996,33.270321],[108.012668,33.270286],[108.018865,33.265435],[108.0216,33.258597]]]]}}]});
47 }));
1 <template>
2 <div class="map">
3 <div class="map-box" ref="mapContain" />
4 </div>
5 </template>
6 <script>
7 export default {
8 data () {
9 return {
10 mapName: "汉中市",
11 listArr: [{
12 name: '汉台区',
13 value: '6000'
14 },
15 {
16 name: '南郑区',
17 value: '8000'
18 },
19 {
20 name: '城固县',
21 value: '3000'
22 },
23 {
24 name: '洋县',
25 value: '7000'
26 },
27 {
28 name: '西乡县',
29 value: '1000'
30 },
31 {
32 name: '镇巴县',
33 value: '2000'
34 },
35 {
36 name: '勉县',
37 value: '600'
38 },
39 {
40 name: '留坝县',
41 value: '3000'
42 },
43 {
44 name: '佛坪县',
45 value: '1000'
46 },
47 {
48 name: '宁强县',
49 value: '1000'
50 },
51 {
52 name: '略阳县',
53 value: '1000'
54 }], //城市json
55 max: "9000", //最大value值
56 min: "500", // 最小value值
57 };
58 },
59 methods: {
60 drawProvinceMap (mapName) {
61 this.mapName = mapName;
62 // 引入区域数据
63 require('./hanzhong.js');
64 let _this = this;
65 let myChart8 = this.$echarts.init(this.$refs.mapContain);
66 const option = {
67 visualMap: {
68 min: 0,
69 max: _this.max,
70 top: "bottom",
71 right: 10,
72 splitNumber: 6,
73 seriesIndex: [0],
74 itemWidth: 20, // 每个图元的宽度
75 itemGap: 2, // 每两个图元之间的间隔距离,单位为px
76 pieces: [ // 自定义每一段的范围,以及每一段的文字
77 { gte: 6000, label: '6000以上', color: '#035cf5' }, // 不指定 max,表示 max 为无限大(Infinity)。
78 { gte: 2000, lte: 6000, label: '2000-6000', color: '#3375e4' },
79 { gte: 1000, lte: 2000, label: '1000-2000', color: '#6797ef' },
80 { gte: 500, lte: 1000, label: '500-1000', color: '#96b5ef' },
81 ],
82 textStyle: {
83 color: '#737373'
84 }
85 },
86 // 数据移入显示
87 tooltip: {
88 trigger: "item",
89 formatter: function (params) {
90 return params.value ? params.name + ':' + params.value + '件' : params.name + ':' + '0件'
91 },
92 // 边框颜色
93 borderColor: "#CB000C",
94 // 边框宽度
95 borderWidth: "1",
96 },
97 series: [
98 {
99 type: "map",
100 map: this.mapName,
101 itemStyle: {
102 normal: { //正常状态
103 label: {
104 show: true,
105 formatter: '{b}', //地图上显示的数据,分别对应data中的name和value
106 color: '#fff',
107 },
108 areaColor: '#409EFF' //地图区域的颜色
109 },
110 emphasis: {
111 label: { show: true },
112 areaColor: "#67C23A", //鼠标进入时的颜色
113 },
114 },
115 data: _this.listArr,
116 },
117 ],
118 };
119 myChart8.setOption(option);
120 },
121 },
122 mounted () {
123 // 初始化数据
124 this.drawProvinceMap("汉中市");
125 }
126 }
127 </script>
128 <style scoped>
129 .map {
130 width: 100%;
131 }
132
133 .map-box {
134 display: inline-block;
135 width: 100%;
136 height: calc(100vh - 153px);
137 }
138 </style>
1 import filter from '@/utils/filter.js'
2 class data extends filter {
3 constructor() {
4 super()
5 }
6 columns () {
7 return [
8 {
9 type: 'index',
10 label: "序号",
11 },
12 {
13 prop: "xzqmc",
14 label: "行政区名称",
15 },
16 {
17 prop: "xzqzs",
18 label: "行政区总数",
19 },
20 {
21 prop: "jrl",
22 label: "接入量",
23 },
24 {
25 prop: 'jscgl',
26 label: '接收成功率',
27 render: (h, scope) => {
28 return (
29 <div>
30 {scope.row.jscgl} %
31 </div>
32 )
33 }
34 },
35 {
36 prop: "dk",
37 label: "成功率得分",
38 },
39 {
40 prop: "wjrqx",
41 label: "未接入区县",
42 },
43 {
44 prop: "jrdf",
45 label: "接入得分",
46 },
47 {
48 prop: "jrdf",
49 label: "未上传登薄日志区县",
50 },
51 {
52 prop: "jrdf",
53 label: "登薄日志得分",
54 },
55 {
56 prop: "jrdf",
57 label: "总评分",
58 }
59 ]
60 }
61 }
62 export default new data()
1 .jgHome {
2 display: flex;
3 justify-content: space-between;
4 height: calc(100% - 20px);
5
6 .bottom10 {
7 margin-bottom: 10px;
8 }
9
10 .paddingbtm0 {
11 /deep/.el-card__body {
12 padding-bottom: 0;
13 }
14 }
15
16 &-left,
17 &-right {
18 width: 30%;
19
20 .fznum {
21 font-size: 24px;
22 color: $light-blue;
23
24 span {
25 font-size: 14px;
26 color: #606266;
27 }
28 }
29
30 .fzl {
31 display: flex;
32 align-items: center;
33
34 img {
35 width: 70px;
36 margin-right: 15px;
37 }
38
39 p:nth-child(1) {
40 font-size: 18px;
41 }
42
43 }
44
45 .zszm {
46 justify-content: space-between;
47
48 li:nth-child(1) {}
49 }
50 }
51
52 .barChart {
53 flex: 1;
54 margin-top: 10px;
55 height: calc(100vh - 330px);
56 }
57
58 &-center {
59 width: 39%;
60 }
61 }
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <div class="jgHome">
3 <div class="jgHome-left">
4 <el-card>
5 <div slot="header">
6 <span>发证情况</span>
7 <el-button style="float: right;" type="text">更多</el-button>
8 </div>
9 <div class="fzl">
10 <img src="../../image/zs.png" alt="">
11 <div>
12 <p>发证量</p>
13 <p class="fznum">10000<span></span></p>
14 </div>
15 </div>
16 <ul class="zszm d-flex-center">
17 <li>
18 <p>证书</p>
19 <p class="fznum">600<span></span></p>
20 </li>
21 <li>
22 <p>证明</p>
23 <p class="fznum">900<span></span></p>
24 </li>
25 </ul>
26 </el-card>
27 <el-card class="barChart">
28 <barChart />
29 </el-card>
30 </div>
31 <div class="jgHome-center">
32 <el-card>
33 <hzMap />
34 </el-card>
35 </div>
36 <div class="jgHome-right">
37 <el-card class="bottom10 paddingbtm0">
38 <jgChart />
39 </el-card>
40 <el-card class="box-card paddingbtm0">
41 <div slot="header">
42 <span>违规总计</span>
43 <el-button style="float: right;" type="text">更多</el-button>
44 </div>
45 <lb-table ref="table" :pagination="false" :heightNum="546" :column="tableData.columns" :data="tableData.data">
46 </lb-table>
47 </el-card>
48 </div>
49 </div>
50 </template>
51
52 <script>
53 // 引入表格数据
54 import data from "./data"
55 import barChart from './components/barChart'
56 import hzMap from './components/map'
57 import jgChart from './components/jgChart'
58 export default {
59 name: "jgHome",
60 components: { barChart, hzMap, jgChart },
61 data () {
62 return {
63 // 表格数据
64 tableData: {
65 // 表格头部信息
66 columns: data.columns(),
67 // 表格列表数据
68 data: [{}]
69 }
70 }
71 },
72 methods: {}
73 }
74 </script>
75 <style scoped lang="scss">
76 @import "./index.scss";
77 </style>
...@@ -2,44 +2,61 @@ ...@@ -2,44 +2,61 @@
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">
14 <el-date-picker 13 <el-date-picker
15 v-model="valueTime" 14 type="datetime"
16 type="datetimerange" 15 placeholder="开始日期"
17 range-separator="至" 16 :picker-options="pickerOptionsStart"
18 start-placeholder="开始日期" 17 clearable
19 end-placeholder="结束日期" 18 v-model="form.startTime"
20 > 19 value-format="yyyy/MM/dd HH:mm:ss"
21 </el-date-picker> 20 ></el-date-picker>
21 </el-form-item>
22 </el-col>
23 <el-col :span="4">
24 <el-form-item label="结束日期" prop="endTime">
25 <el-date-picker
26 type="datetime"
27 placeholder="结束日期"
28 :picker-options="pickerOptionsEnd"
29 clearable
30 v-model="form.endTime"
31 value-format="yyyy/MM/dd HH:mm:ss"
32 ></el-date-picker>
33 </el-form-item>
22 </el-col> 34 </el-col>
23 <!-- 操作按钮 --> 35 <!-- 操作按钮 -->
24 <el-col :span="3" class="btnColRight"> 36 <el-col :span="3" class="btnColRight">
25 <btn nativeType="cz" @click="resetForm">重置</btn> 37 <btn nativeType="cz" @click="resetForm">重置</btn>
26 <btn nativeType="cx">查询</btn> 38 <btn nativeType="cx" @click="getProcessCounts">查询</btn>
27 </el-col> 39 </el-col>
28 </el-row> 40 </el-row>
29 </el-form> 41 </el-form>
42 </div>
30 <!-- 表格 --> 43 <!-- 表格 -->
31 <div class="form-clues-content echarts-box"> 44 <div class="form-clues-content echarts-box" v-if="pieChartsData.length">
32 <div id="myChart" class="chart"></div> 45 <div id="myChart" class="chart"></div>
46 <div id="myChart-bar" class="chart-bar"></div>
33 </div> 47 </div>
48 <div class="form-clues-content echarts-box center" v-else>暂无数据</div>
34 </div> 49 </div>
35 </template> 50 </template>
36
37 <script> 51 <script>
52 import { mapGetters } from "vuex";
53 import efficient from "@/api/efficient";
54 import { getFirstDayOfSeason, timeFormat } from "@/utils/operation";
38 export default { 55 export default {
39 name: "jktj", 56 name: "jktj",
40 data() { 57 data () {
41 return { 58 return {
42 // 开始结束日期限制 59 // 开始日期限制
43 pickerOptionsStart: { 60 pickerOptionsStart: {
44 disabledDate: (time) => { 61 disabledDate: (time) => {
45 if (this.form.endTime) { 62 if (this.form.endTime) {
...@@ -55,78 +72,178 @@ export default { ...@@ -55,78 +72,178 @@ export default {
55 } 72 }
56 }, 73 },
57 }, 74 },
58 // 搜索表单
59 valueTime: "",
60 form: { 75 form: {
61 startTime: "", 76 startTime: getFirstDayOfSeason(),
62 endTime: "", 77 endTime: timeFormat(new Date(), true),
63 }, 78 },
79 // 搜索表单
80 pieChartsData: [],
64 }; 81 };
65 }, 82 },
83 created () {},
66 mounted() { 84 mounted() {
85 this.getProcessCounts();
86 },
87 computed: {
88 ...mapGetters(["dicData"]),
89 },
90 methods: {
91 //查询各区县办件数量
92 async getProcessCounts () {
93 this.pieChartsData = [];
94 let { result: res } = await efficient.getProcessCounts(
95 this.form.startTime,
96 this.form.endTime
97 );
98 //获取图表配置项需要的数据
99 res.length > 0 &&
100 res.forEach((item) => {
101 this.pieChartsData.push({
102 //登记数量
103 value: item.counts,
104 //登记数量
105 name: item.recTypeName,
106 //登记类型代码
107 groupId: item.recType,
108 });
109 });
110 res.length && this.$nextTick(() => {
67 // 初始化图表 111 // 初始化图表
68 this.echartInit(); 112 this.echartInit();
113 this.barChartInit(res[0].recType);
114 });
69 }, 115 },
70 methods: {
71 // 重置 116 // 重置
72 resetForm() { 117 resetForm () {
73 this.form = { 118 this.form = {
74 startTime: "", 119 startTime: getFirstDayOfSeason(),
75 endTime: "", 120 endTime: timeFormat(new Date(), true),
76 }; 121 };
122 this.getProcessCounts();
77 }, 123 },
78 echartInit() { 124 //玫瑰图初始化
125 echartInit () {
126 let _this = this;
79 // 基于准备好的dom,初始化echarts实例 127 // 基于准备好的dom,初始化echarts实例
80 let myChart = this.$echarts.init(document.getElementById("myChart")); 128 let myChart = this.$echarts.init(document.getElementById("myChart"));
81 // 绘制图表 129 // 绘制图表
82 myChart.setOption({ 130 myChart.setOption({
83 color: ["#00bdb1", "#ff6e6e", "#3f99ff", "#ffaf48"], 131 legend: {
84 title: { 132 bottom: "2%",
85 show: true,
86 text: "汉中市接入数量与上报数量统计(单位:个)\n(2022年02月05日~2022年03月07日)",
87 left: "center", 133 left: "center",
88 textStyle: { 134 textStyle: {
89 fontSize: 20, 135 color: "#fff",
90 lineHeight: 30,
91 height: 60,
92 color: "#b6b5b5",
93 }, 136 },
94 }, 137 },
95 legend: { 138 tooltip: {
96 data: [ 139 trigger: "item",
97 "接入成功数量", 140 formatter: "{b} : {c}",
98 "接入失败数量",
99 "上报成功数量",
100 "上报失败数量",
101 ],
102 top: 80,
103 textStyle: {
104 fontSize: 20,
105 lineHeight: 30,
106 height: 60,
107 color: "#777",
108 }, 141 },
142 series: [
143 {
144 name: "各业务类型办理数量",
145 type: "pie",
146 radius: [0, 250],
147 center: ["50%", "45%"],
148 roseType: "area",
149 itemStyle: {
150 borderRadius: 8,
109 }, 151 },
152 data: this.pieChartsData,
153 },
154 ],
155 });
156 //添加点击事件
157 myChart.on("click", function (param) {
158 _this.barChartInit(param.data.groupId);
159 });
160 //默认选中第一个
161 let index = 1;
162 myChart.dispatchAction({
163 type: "highlight",
164 seriesIndex: 0,
165 dataIndex: 0,
166 });
167 myChart.on("mouseover", function (e) {
168 if (e.dataIndex != index) {
169 myChart.dispatchAction({
170 type: "downplay",
171 seriesIndex: 0,
172 dataIndex: index,
173 });
174 }
175 });
176 myChart.on("mouseout", function (e) {
177 index = e.dataIndex;
178 myChart.dispatchAction({
179 type: "highlight",
180 seriesIndex: 0,
181 dataIndex: e.dataIndex,
182 });
183 });
184 },
185 //柱图初始化
186 async barChartInit (recType) {
187 //请求recType对应业务的各区县数据
188 let { result: res } = await efficient.getProcessDays(
189 recType,
190 this.form.startTime,
191 this.form.endTime
192 );
193 //行政区数组
194 let xzqArr = [];
195 this.dicData["A20"].forEach((item) => {
196 xzqArr.push(item.DNAME);
197 let tempArr = res.filter((i) => {
198 return i.qxdm == item.DCODE;
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"]];
212 let myChartBar = this.$echarts.init(
213 document.getElementById("myChart-bar")
214 );
215 myChartBar.setOption({
216 color: ["#00bdb1", "#ff6e6e", "#3f99ff", "#ffaf48"],
110 tooltip: { 217 tooltip: {
111 show: true, 218 show: true,
112 trigger: "axis", 219 trigger: "axis",
113 textStyle: { 220 textStyle: {
114 fontSize: 20 // 字体大小 221 fontSize: 16, // 字体大小
115 }, 222 },
116 extraCssText: 'width:220px;height:160px;' // 背景色 223 extraCssText: "width:220px;height:160px;", // 背景色
117 }, 224 },
118 grid: { 225 grid: {
119 top: 120, 226 top: 120,
120 }, 227 },
228 legend: {
229 data: ["最短用时", "平均用时", "最长用时"],
230 top: 20,
231 textStyle: {
232 show: true,
233 color: "#fff",
234 fontSize: "16",
235 },
236 },
121 xAxis: [ 237 xAxis: [
122 { 238 {
123 type: "category", 239 type: "category",
124 data: ["汉台区", "南郑区", "城固县", "洋县", "西乡县"], 240 data: xzqArr,
125 axisLabel: { 241 axisLabel: {
242 interval: 0,
126 textStyle: { 243 textStyle: {
127 show: true, 244 show: true,
128 color: "#fff", 245 color: "#fff",
129 fontSize: "20", 246 fontSize: "16",
130 }, 247 },
131 }, 248 },
132 }, 249 },
...@@ -134,35 +251,38 @@ export default { ...@@ -134,35 +251,38 @@ export default {
134 yAxis: [ 251 yAxis: [
135 { 252 {
136 type: "value", 253 type: "value",
254 name: "单位:天",
255 nameTextStyle: {
256 color: "#fff",
257 fontSize: "16",
258 },
137 axisLabel: { 259 axisLabel: {
138 textStyle: { 260 textStyle: {
139 show: true, 261 show: true,
140 color: "#fff", 262 color: "#fff",
141 fontSize: "20", 263 fontSize: "16",
142 }, 264 },
143 }, 265 },
144 }, 266 },
145 ], 267 ],
146 series: [ 268 series: [
147 { 269 {
148 name: "接入成功数量",
149 type: "bar",
150 data: [1000, 1500, 2000, 500, 4000],
151 },
152 {
153 name: "接入失败数量",
154 type: "bar", 270 type: "bar",
155 data: [900, 500, 3200, 800, 4500], 271 barMaxWidth: '60',
272 name: "最短用时",
273 data: dealArr.map((item) => item.minDay),
156 }, 274 },
157 { 275 {
158 name: "上报成功数量",
159 type: "bar", 276 type: "bar",
160 data: [1000, 1500, 2000, 500, 4000], 277 barMaxWidth: '60',
278 name: "平均用时",
279 data: dealArr.map((item) => item.avgDay),
161 }, 280 },
162 { 281 {
163 name: "上报失败数量",
164 type: "bar", 282 type: "bar",
165 data: [900, 500, 3200, 800, 4500], 283 barMaxWidth: '60',
284 name: "最长用时",
285 data: dealArr.map((item) => item.maxDay),
166 }, 286 },
167 ], 287 ],
168 }); 288 });
...@@ -177,24 +297,35 @@ export default { ...@@ -177,24 +297,35 @@ export default {
177 height: 100%; 297 height: 100%;
178 display: flex; 298 display: flex;
179 flex-direction: column; 299 flex-direction: column;
180 .rows { 300
301 .rows {
181 margin-left: 100px; 302 margin-left: 100px;
182 } 303 }
304
305 .center {
306 line-height: 50vh;
307 text-align: center;
308 }
309
183 .echarts-box { 310 .echarts-box {
184 display: flex; 311 display: flex;
185 justify-content: center; 312 justify-content: center;
186 height: 500px;
187 313
188 .chart { 314 .chart {
189 width: 100%; 315 width: 40%;
190 height: 100%; 316 height: 100%;
317 float: left;
318 }
319
320 .chart-bar {
321 width: 60%;
191 } 322 }
192 } 323 }
193 324
194 .form-clues-content { 325 .form-clues-content {
195 flex: 1; 326 flex: 1;
196 height: 100%; 327 height: 100%;
197 color: #b6b5b5 328 color: #b6b5b5;
198 } 329 }
199 } 330 }
200 </style> 331 </style>
......
1 <template>
2 <!-- 监控日志 -->
3 <div class="jktjDetail form-clues">
4 <!-- 头部搜索 -->
5 <div class="from-clues-header">
6 <el-form ref="form" :model="form" label-width="100px">
7 <el-form-item>
8 <Breadcrumb />
9 </el-form-item>
10 <el-row>
11 <el-col :span="4">
12 <el-form-item label="行政区">
13 <el-select
14 v-model="form.qxdm"
15 class="width100"
16 clearable
17 placeholder="行政区"
18 >
19 <el-option
20 v-for="item in dicData['A20']"
21 :key="item.DCODE"
22 :label="item.DNAME"
23 :value="item.DCODE"
24 >
25 </el-option>
26 </el-select>
27 </el-form-item>
28 </el-col>
29 <el-col :span="4">
30 <el-form-item label="开始日期" prop="startTime">
31 <el-date-picker
32 type="datetime"
33 placeholder="开始日期"
34 :picker-options="pickerOptionsStart"
35 clearable
36 v-model="form.startTime"
37 value-format="yyyy/MM/dd HH:mm:ss"
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>
51 </el-form-item>
52 </el-col>
53 <!-- 操作按钮 -->
54 <el-col :span="3" class="btnColRight">
55 <btn nativeType="cz" @click="resetForm">重置</btn>
56 <btn nativeType="cx" @click="getSuucessRate">查询</btn>
57 </el-col>
58 </el-row>
59 </el-form>
60 </div>
61 <!-- 图表 -->
62 <div class="form-clues-content echarts-box" v-if="chartData.length">
63 <div id="myChart" class="chart"></div>
64 </div>
65 <div class="form-clues-content echarts-box center" v-else>暂无数据</div>
66 </div>
67 </template>
68
69 <script>
70 import { mapGetters } from "vuex";
71 import { getFirstDayOfSeason, timeFormat } from "@/utils/operation";
72 import business from "@/api/business";
73 export default {
74 name: "jktj",
75 data () {
76 return {
77 // 开始日期限制
78 pickerOptionsStart: {
79 disabledDate: (time) => {
80 if (this.form.endTime) {
81 return time.getTime() >= new Date(this.form.endTime).getTime();
82 }
83 },
84 },
85 // 结束日期限制
86 pickerOptionsEnd: {
87 disabledDate: (time) => {
88 if (this.form.startTime) {
89 return time.getTime() <= new Date(this.form.startTime).getTime();
90 }
91 },
92 },
93 recTypeArr: [],
94 chartData: [],
95 // 搜索表单
96 form: {
97 startTime: getFirstDayOfSeason(),
98 endTime: timeFormat(new Date(),true),
99 qxdm: "",
100 },
101 };
102 },
103 mounted () {
104 // 查询成功率
105 this.getSuucessRate();
106 },
107 computed: {
108 ...mapGetters(["dicData"]),
109 },
110 methods: {
111 async getSuucessRate () {
112 this.recTypeArr = [];
113 this.chartData = [];
114 let { result: res } = await business.getSuucessRate(
115 this.form.startTime,
116 this.form.endTime,
117 this.form.qxdm
118 );
119 this.chartData = res;
120 //行政区代码过滤
121 res.length > 0 &&
122 res.forEach((item) => {
123 this.recTypeArr.push(item.recTypeName);
124 });
125 this.$nextTick(() => {
126 // 初始化图表
127 this.chartData.length && this.echartInit();
128 });
129 },
130 // 重置
131 resetForm () {
132 this.form = {
133 startTime: getFirstDayOfSeason(),
134 endTime: timeFormat(new Date(),true),
135 };
136 this.getSuucessRate();
137 },
138 echartInit () {
139 let _this = this;
140 // 基于准备好的dom,初始化echarts实例
141 let myChart = this.$echarts.init(document.getElementById("myChart"));
142 // 绘制图表
143 myChart.setOption({
144 color: ["#13E5FF", "#C99E68", "#E873B2", "#ffaf48"],
145 tooltip: {
146 trigger: "axis",
147 formatter: '{b}<br/>{a0}:{c0}个<br/>{a1}:{c1}个<br/>{a2}:{c2}%',
148 axisPointer: {
149 type: "cross",
150 crossStyle: {
151 color: "#fff",
152 },
153 },
154 },
155 legend: {
156 data: ["成功", "失败", "成功率"],
157 top: '16',
158 textStyle: {
159 show: true,
160 color: "#fff",
161 fontSize: "16",
162 },
163 },
164 xAxis: [
165 {
166 type: "category",
167 data: _this.recTypeArr,
168 axisPointer: {
169 type: "shadow",
170 },
171 axisLabel: {
172 textStyle: {
173 show: true,
174 color: "#fff",
175 fontSize: "16",
176 },
177 formatter: function (val) {
178 let c = document.createElement("canvas");
179 const ctx = c.getContext("2d");
180 const arr = val.split("");
181 arr
182 .map((item) => ctx.measureText(item).width)
183 .reduce((pre, next, index) => {
184 const nLen = pre + next;
185 if (nLen > 40) {
186 arr[index - 1] += "...";
187 return next;
188 } else {
189 return nLen;
190 }
191 });
192 c = null;
193 let ind = arr.findIndex((i) => {
194 return i.indexOf("...") > -1;
195 });
196 let newArr = ind > 0 ? arr.splice(0, ind + 1) : arr;
197 return newArr.join("");
198 },
199 },
200 },
201 ],
202 yAxis: [
203 {
204 type: "value",
205 name: "数量/个",
206 nameTextStyle: {
207 color: "#fff",
208 fontSize: "16",
209 },
210 interval: 50,
211 axisLabel: {
212 formatter: "{value}",
213 textStyle: {
214 show: true,
215 color: "#fff",
216 fontSize: "16",
217 },
218 },
219 },
220 {
221 type: "value",
222 name: "成功率",
223 nameTextStyle: {
224 color: "#fff",
225 fontSize: "16",
226 },
227 splitNumber:2,
228 axisLabel: {
229 formatter: "{value} %",
230 textStyle: {
231 show: true,
232 color: "#fff",
233 fontSize: "16",
234 },
235 },
236 },
237 ],
238 series: [
239 {
240 name: "成功",
241 type: "bar",
242 barMaxWidth: '60',
243 data: this.chartData.map((item) => {
244 return item.success;
245 }),
246 },
247 {
248 name: "失败",
249 type: "bar",
250 barMaxWidth: '60',
251 data: this.chartData.map((item) => {
252 return item.failure;
253 }),
254 },
255 {
256 name: "成功率",
257 type: "line",
258 barMaxWidth: '60',
259 yAxisIndex: 1,
260 data: this.chartData.map((item) => {
261 return item.rate;
262 }),
263 },
264 ],
265 });
266 },
267 },
268 };
269 </script>
270 <style scoped lang="scss">
271 @import "~@/styles/public.scss";
272
273 .jktjDetail {
274 height: 100%;
275 display: flex;
276 flex-direction: column;
277
278 .rows {
279 margin-left: 100px;
280 }
281
282 .center {
283 line-height: 50vh;
284 text-align: center;
285 color: #b6b5b5
286 }
287
288 .echarts-box {
289 display: flex;
290 justify-content: center;
291 height: 500px;
292
293 .chart {
294 width: 100%;
295 height: 100%;
296 }
297 }
298
299 .form-clues-content {
300 flex: 1;
301 height: 100%;
302 }
303 }
304 </style>
305 <style scoped lang="scss">
306 @import "~@/styles/public.scss";
307 </style>
...@@ -2,44 +2,79 @@ ...@@ -2,44 +2,79 @@
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 <el-col :span="4">
12 <el-form-item label="行政区">
13 <el-select
14 v-model="form.qxdm"
15 class="width100"
16 clearable
17 placeholder="行政区"
11 > 18 >
12 <el-row class="rows"> 19 <el-option
13 <el-col :span="8"> 20 v-for="item in dicData['A20']"
14 <el-date-picker 21 :key="item.DCODE"
15 v-model="valueTime" 22 :label="item.DNAME"
16 type="datetimerange" 23 :value="item.DCODE"
17 range-separator="至"
18 start-placeholder="开始日期"
19 end-placeholder="结束日期"
20 > 24 >
21 </el-date-picker> 25 </el-option>
26 </el-select>
27 </el-form-item>
28 </el-col>
29 <el-col :span="4">
30 <el-form-item label="开始日期" prop="startTime">
31 <el-date-picker
32 type="datetime"
33 placeholder="开始日期"
34 :picker-options="pickerOptionsStart"
35 clearable
36 v-model="form.startTime"
37 value-format="yyyy/MM/dd HH:mm:ss"
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>
51 </el-form-item>
22 </el-col> 52 </el-col>
23 <!-- 操作按钮 --> 53 <!-- 操作按钮 -->
24 <el-col :span="3" class="btnColRight"> 54 <el-col :span="3" class="btnColRight">
25 <btn nativeType="cz" @click="resetForm">重置</btn> 55 <btn nativeType="cz" @click="resetForm">重置</btn>
26 <btn nativeType="cx">查询</btn> 56 <btn nativeType="cx" @click="getProcessCounts">查询</btn>
27 </el-col> 57 </el-col>
28 </el-row> 58 </el-row>
29 </el-form> 59 </el-form>
30 <!-- 表格 --> 60 </div>
31 <div class="form-clues-content echarts-box"> 61 <!-- 图表 -->
62 <div class="form-clues-content echarts-box" v-if="chartData.length">
32 <div id="myChart" class="chart"></div> 63 <div id="myChart" class="chart"></div>
33 </div> 64 </div>
65 <div class="form-clues-content echarts-box center" v-else>暂无数据</div>
34 </div> 66 </div>
35 </template> 67 </template>
36 68
37 <script> 69 <script>
70 import { mapGetters } from "vuex";
71 import efficient from "@/api/efficient";
72 import { getFirstDayOfSeason, timeFormat } from "@/utils/operation";
38 export default { 73 export default {
39 name: "jktj", 74 name: "jktj",
40 data() { 75 data () {
41 return { 76 return {
42 // 开始结束日期限制 77 // 开始日期限制
43 pickerOptionsStart: { 78 pickerOptionsStart: {
44 disabledDate: (time) => { 79 disabledDate: (time) => {
45 if (this.form.endTime) { 80 if (this.form.endTime) {
...@@ -57,63 +92,57 @@ export default { ...@@ -57,63 +92,57 @@ export default {
57 }, 92 },
58 // 搜索表单 93 // 搜索表单
59 valueTime: "", 94 valueTime: "",
95 // 搜索表单
60 form: { 96 form: {
61 startTime: "", 97 startTime: getFirstDayOfSeason(),
62 endTime: "", 98 endTime: timeFormat(new Date(),true),
99 qxdm: "",
63 }, 100 },
101 chartData:[]
64 }; 102 };
65 }, 103 },
66 mounted() { 104 mounted() {
67 // 初始化图表 105 // 查询业务量
68 this.echartInit(); 106 this.getProcessCounts();
107 },
108 computed: {
109 ...mapGetters(["dicData"]),
69 }, 110 },
70 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 },
71 // 重置 126 // 重置
72 resetForm() { 127 resetForm () {
73 this.form = { 128 this.form = {
74 startTime: "", 129 startTime: "",
75 endTime: "", 130 endTime: "",
76 }; 131 };
77 }, 132 },
78 echartInit() { 133 //图表渲染
134 echartInit(chartArr) {
79 // 基于准备好的dom,初始化echarts实例 135 // 基于准备好的dom,初始化echarts实例
80 let myChart = this.$echarts.init(document.getElementById("myChart")); 136 let myChart = this.$echarts.init(document.getElementById("myChart"));
81 // 绘制图表 137 // 绘制图表
82 myChart.setOption({ 138 myChart.setOption({
83 color: ["#00bdb1", "#ff6e6e", "#3f99ff", "#ffaf48"], 139 color: ["#13E5FF"],
84 title: {
85 show: true,
86 text: "汉中市接入数量与上报数量统计(单位:个)\n(2022年02月05日~2022年03月07日)",
87 left: "center",
88 textStyle: {
89 fontSize: 20,
90 lineHeight: 30,
91 height: 60,
92 color: "#b6b5b5",
93 },
94 },
95 legend: {
96 data: [
97 "接入成功数量",
98 "接入失败数量",
99 "上报成功数量",
100 "上报失败数量",
101 ],
102 top: 80,
103 textStyle: {
104 fontSize: 20,
105 lineHeight: 30,
106 height: 60,
107 color: "#777",
108 },
109 },
110 tooltip: { 140 tooltip: {
111 show: true, 141 show: true,
112 trigger: "axis", 142 trigger: "axis",
113 textStyle: { 143 textStyle: {
114 fontSize: 20 // 字体大小 144 fontSize: 16, // 字体大小
115 }, 145 },
116 extraCssText: 'width:220px;height:160px;' // 背景色
117 }, 146 },
118 grid: { 147 grid: {
119 top: 120, 148 top: 120,
...@@ -121,12 +150,35 @@ export default { ...@@ -121,12 +150,35 @@ export default {
121 xAxis: [ 150 xAxis: [
122 { 151 {
123 type: "category", 152 type: "category",
124 data: ["汉台区", "南郑区", "城固县", "洋县", "西乡县"], 153 data: chartArr.map(item=>item.recTypeName),
125 axisLabel: { 154 axisLabel: {
155 interval: 0,
156 formatter: function (val) {
157 let c = document.createElement("canvas");
158 const ctx = c.getContext("2d");
159 const arr = val.split("");
160 arr
161 .map((item) => ctx.measureText(item).width)
162 .reduce((pre, next, index) => {
163 const nLen = pre + next;
164 if (nLen > 60) {
165 arr[index - 1] += "...";
166 return next;
167 } else {
168 return nLen;
169 }
170 });
171 c = null;
172 let ind = arr.findIndex((i) => {
173 return i.indexOf("...") > -1;
174 });
175 let newArr = ind > 0 ? arr.splice(0, ind + 1) : arr;
176 return newArr.join("");
177 },
126 textStyle: { 178 textStyle: {
127 show: true, 179 show: true,
128 color: "#fff", 180 color: "#fff",
129 fontSize: "20", 181 fontSize: "16",
130 }, 182 },
131 }, 183 },
132 }, 184 },
...@@ -134,35 +186,25 @@ export default { ...@@ -134,35 +186,25 @@ export default {
134 yAxis: [ 186 yAxis: [
135 { 187 {
136 type: "value", 188 type: "value",
189 name: "数量/个",
190 nameTextStyle: {
191 color: "#fff",
192 fontSize: "16",
193 },
137 axisLabel: { 194 axisLabel: {
138 textStyle: { 195 textStyle: {
139 show: true, 196 show: true,
140 color: "#fff", 197 color: "#fff",
141 fontSize: "20", 198 fontSize: "16",
142 }, 199 },
143 }, 200 },
144 }, 201 },
145 ], 202 ],
146 series: [ 203 series: [
147 { 204 {
148 name: "接入成功数量", 205 data: chartArr.map(item=>item.counts),
149 type: "bar",
150 data: [1000, 1500, 2000, 500, 4000],
151 },
152 {
153 name: "接入失败数量",
154 type: "bar", 206 type: "bar",
155 data: [900, 500, 3200, 800, 4500], 207 barMaxWidth: '60',
156 },
157 {
158 name: "上报成功数量",
159 type: "bar",
160 data: [1000, 1500, 2000, 500, 4000],
161 },
162 {
163 name: "上报失败数量",
164 type: "bar",
165 data: [900, 500, 3200, 800, 4500],
166 }, 208 },
167 ], 209 ],
168 }); 210 });
...@@ -177,9 +219,15 @@ export default { ...@@ -177,9 +219,15 @@ export default {
177 height: 100%; 219 height: 100%;
178 display: flex; 220 display: flex;
179 flex-direction: column; 221 flex-direction: column;
180 .rows { 222
223 .rows {
181 margin-left: 100px; 224 margin-left: 100px;
182 } 225 }
226 .center {
227 line-height: 50vh;
228 text-align: center;
229 color:#b6b5b5
230 }
183 .echarts-box { 231 .echarts-box {
184 display: flex; 232 display: flex;
185 justify-content: center; 233 justify-content: center;
......
1 <template>
2 <!-- 编辑 -->
3 <dialogBox :title="title" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="myValue">
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
5 <el-row>
6 <el-col :span="6">
7 <el-form-item label="接入点代码" prop="jrddm">
8 <el-input v-model="ruleForm.jrddm" placeholder="接入点代码"></el-input>
9 </el-form-item>
10 </el-col>
11 <el-col :span="6">
12 <el-form-item label="接入点名称" prop="jrdmc">
13 <el-input v-model="ruleForm.jrdmc" placeholder="接入点名称"></el-input>
14 </el-form-item>
15 </el-col>
16 <el-col :span="6">
17 <el-form-item label="队列名称" prop="dlmc">
18 <el-input v-model="ruleForm.dlmc" placeholder="队列名称"></el-input>
19 </el-form-item>
20 </el-col>
21 <el-col :span="6">
22 <el-form-item label="ip地址" prop="ip">
23 <el-input v-model="ruleForm.ip" placeholder="ip地址"></el-input>
24 </el-form-item>
25 </el-col>
26 </el-row>
27 <el-row>
28 <el-col :span="6">
29 <el-form-item label="负责人" prop="fzr">
30 <el-input v-model="ruleForm.fzr" placeholder="负责人"></el-input>
31 </el-form-item>
32 </el-col>
33 </el-row>
34 </el-form>
35 </dialogBox>
36 </template>
37
38 <script>
39 export default {
40 props: {
41 value: { type: Boolean, default: false },
42 title: { type: String, default: '详情' }
43 },
44 data () {
45 return {
46 myValue: this.value,
47 ruleForm: {
48 jrddm: '',
49 jrdmc: '',
50 dlmc: '',
51 ywmc: '',
52 czsj: ''
53 },
54 rules: {
55 jrddm: [
56 { required: true, message: '接入点代码', trigger: 'blur' }
57 ],
58 jrdmc: [
59 { required: true, message: '行政区名称', trigger: 'blur' }
60 ],
61 dlmc: [
62 { required: true, message: '队列名称', trigger: 'blur' }
63 ],
64 ip: [
65 { required: true, message: 'ip地址', trigger: 'blur' }
66 ],
67 fzr: [
68 { required: true, message: '负责人', trigger: 'blur' }
69 ],
70 }
71 }
72 },
73 watch: {
74 value (val) {
75 this.myValue = val
76 }
77 },
78 methods: {
79 closeDialog () {
80 this.$emit('input', false)
81 },
82 handleSubmit () {
83 this.$emit('input', false)
84 }
85 }
86 }
87 </script>
...\ No newline at end of file ...\ No newline at end of file
1 import filter from '@/utils/filter.js'
2 class data extends filter {
3 constructor() {
4 super()
5 }
6 columns () {
7 return [
8 {
9 type: 'selection'
10 },
11 {
12 prop: "jrddm",
13 label: "接入点代码",
14 },
15 {
16 prop: "jrdmc",
17 label: "接入点名称",
18 },
19 {
20 prop: "dlmc",
21 label: "队列名称",
22 },
23 {
24 prop: "ip",
25 label: "ip地址",
26 },
27 {
28 prop: "dk",
29 label: "端口号",
30 },
31 {
32 prop: "fzr",
33 label: "负责人",
34 },
35 {
36 prop: 'status',
37 label: '状态',
38 render: (h, scope) => {
39 return (
40 <div>
41 {
42 scope.row.status
43 ? <el-tag type='warning'>中断</el-tag>
44 : <el-tag type='warning'>中断1</el-tag>
45 }
46 </div>
47 )
48 }
49 },
50 ]
51 }
52 }
53 export default new data()
1 <template>
2 <!-- 接入区域管理 -->
3 <div class="from-clues">
4 <!-- 头部搜索 -->
5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="100px">
7 <el-row>
8 <el-col :span="6">
9 <el-form-item label="负责人" label-width="60px" prop="fzr">
10 <el-input v-model="form.fzr" placeholder="负责人"></el-input>
11 </el-form-item>
12 </el-col>
13 <el-col :span="6">
14 <el-form-item label="接入点名称" prop="jrdmc">
15 <el-select v-model="form.jrdmc" class="width100" clearable placeholder="接入点名称">
16 <el-option v-for="item in []" :key="item.value" :label="item.label" :value="item.value">
17 </el-option>
18 </el-select>
19 </el-form-item>
20 </el-col>
21 <!-- 操作按钮 -->
22 <el-col :span="12" class="btnColRight">
23 <el-form-item>
24 <el-button type="primary">删除</el-button>
25 <el-button @click="resetForm">重置</el-button>
26 <el-button type="primary">新增</el-button>
27 <el-button type="primary" @click="handleSubmit">查询</el-button>
28 </el-form-item>
29 </el-col>
30 </el-row>
31 </el-form>
32 </div>
33 <!-- 列表数据 -->
34 <div class="from-clues-content">
35 <lb-table ref="table" @selection-change="handleSelectionChange" :page-size="pageData.size"
36 :current-page.sync="pageData.current" :total="pageData.total" @size-change="handleSizeChange"
37 @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
38 </lb-table>
39 </div>
40 <!-- 修改弹框 -->
41 <detailDialog v-model="isShow" />
42 </div>
43 </template>
44 <script>
45 // 接入区域管理
46 // 引入table数据
47 import data from "./data"
48 // 引入混入方法
49 import tableMixin from '@/mixins/tableMixin.js'
50 // 引入修改弹框
51 import detailDialog from './components/detailDialog'
52 export default {
53 name: "jrqygl",
54 mixins: [tableMixin],
55 // 注册组件
56 components: {
57 detailDialog
58 },
59 data () {
60 return {
61 isShow: false,
62 // 搜索表单
63 form: {
64 fzr: '',
65 jrdmc: '',
66 currentPage: 1
67 },
68 // 表单校验
69 rules: {
70 fzr: [
71 { required: true, message: '负责人', trigger: 'change' }
72 ],
73 jrdmc: [
74 { required: true, message: '接入点名称', trigger: 'change' }
75 ]
76 },
77 // 列表数据
78 tableData: {
79 // 列表头部
80 columns: data.columns().concat([
81 {
82 label: "操作",
83 width: '80',
84 render: (h, scope) => {
85 return (
86 <div>
87 <el-button
88 type="text"
89 size="mini"
90 onClick={() => { this.handleEdit(scope.row) }}
91 >
92 修改
93 </el-button>
94 </div>
95 )
96 }
97 }
98 ]),
99 // 列表数据
100 data: [{}]
101 },
102 // 分页
103 pageData: {
104 total: 0,
105 pageSize: 15,
106 }
107 }
108 },
109 methods: {
110 // 多选
111 handleSelectionChange (val) {
112 },
113 // 重置表单
114 resetForm () {
115 this.$refs.ruleForm.resetFields();
116 },
117 // 初始化数据
118 async featchData () {
119 },
120 // 修改
121 handleEdit (row) {
122 this.isShow = true
123 }
124 }
125 }
126 </script>
127 <style scoped lang="scss">
128 @import "~@/styles/public.scss";
129 @import "./index.scss";
130 </style>
131
...@@ -5,10 +5,10 @@ ...@@ -5,10 +5,10 @@
5 <template> 5 <template>
6 <div class='result'> 6 <div class='result'>
7 <p>响应xml</p> 7 <p>响应xml</p>
8 <el-input type="textarea" :rows="6" class="resulttext" placeholder="请输入内容" v-model="REPMSGXML"> 8 <el-input type="textarea" :rows="6" class="resulttext" placeholder="响应xml" v-model="REPMSGXML">
9 </el-input> 9 </el-input>
10 <p>错误信息</p> 10 <p>错误信息</p>
11 <el-input type="textarea" :rows="6" class="resulttext" placeholder="请输入内容" v-model="ERRORINFO"> 11 <el-input type="textarea" :rows="6" class="resulttext" placeholder="错误信息" v-model="ERRORINFO">
12 </el-input> 12 </el-input>
13 </div> 13 </div>
14 </template> 14 </template>
......
...@@ -36,16 +36,17 @@ class data extends filter { ...@@ -36,16 +36,17 @@ class data extends filter {
36 { 36 {
37 prop: "areacode", 37 prop: "areacode",
38 label: "行政区代码", 38 label: "行政区代码",
39 width: 70, 39 width: 90,
40 }, 40 },
41 { 41 {
42 prop: "areaName", 42 prop: "areaName",
43 label: "行政区名称", 43 label: "行政区名称",
44 width: 70, 44 width: 90,
45 }, 45 },
46 { 46 {
47 prop: "bizMsgid", 47 prop: "bizMsgid",
48 label: "业务报文ID", 48 label: "业务报文ID",
49 width: 90,
49 }, 50 },
50 { 51 {
51 prop: "createdate", 52 prop: "createdate",
...@@ -65,7 +66,7 @@ class data extends filter { ...@@ -65,7 +66,7 @@ class data extends filter {
65 { 66 {
66 prop: "rectype", 67 prop: "rectype",
67 label: "业务编码", 68 label: "业务编码",
68 width: 70, 69 width: 80,
69 }, 70 },
70 { 71 {
71 prop: "rectypeName", 72 prop: "rectypeName",
......
...@@ -17,13 +17,13 @@ ...@@ -17,13 +17,13 @@
17 </el-form-item> 17 </el-form-item>
18 </el-col> 18 </el-col>
19 <el-col :span="6"> 19 <el-col :span="6">
20 <el-form-item label="接收开始日期" prop="startTime"> 20 <el-form-item label="接收日期" prop="receiveStartTime">
21 <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart" 21 <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart"
22 clearable v-model="form.receiveStartTime" value-format="yyyy-MM-dd"></el-date-picker> 22 clearable v-model="form.receiveStartTime" value-format="yyyy-MM-dd"></el-date-picker>
23 </el-form-item> 23 </el-form-item>
24 </el-col> 24 </el-col>
25 <el-col :span="6"> 25 <el-col :span="6">
26 <el-form-item label="接收结束日期" prop="endTime"> 26 <el-form-item label="至" prop="receiveEndTime" label-width="35px">
27 <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd" 27 <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd"
28 clearable v-model="form.receiveEndTime" value-format="yyyy-MM-dd"></el-date-picker> 28 clearable v-model="form.receiveEndTime" value-format="yyyy-MM-dd"></el-date-picker>
29 </el-form-item> 29 </el-form-item>
...@@ -116,19 +116,25 @@ export default { ...@@ -116,19 +116,25 @@ export default {
116 }, 116 },
117 data () { 117 data () {
118 return { 118 return {
119 // 开始结束日期限制
120 pickerOptionsStart: { 119 pickerOptionsStart: {
121 disabledDate: (time) => { 120 disabledDate: (time) => {
122 if (this.form.endTime) { 121 let endDateVal = this.form.receiveEndTime;
123 return time.getTime() >= new Date(this.form.endTime).getTime(); 122 if (endDateVal) {
123 return (
124 time.getTime() >
125 new Date(endDateVal).getTime() - 1 * 24 * 60 * 60 * 1000
126 );
124 } 127 }
125 }, 128 },
126 }, 129 },
127 // 结束日期限制
128 pickerOptionsEnd: { 130 pickerOptionsEnd: {
129 disabledDate: (time) => { 131 disabledDate: (time) => {
130 if (this.form.startTime) { 132 let beginDateVal = this.form.receiveStartTime;
131 return time.getTime() <= new Date(this.form.startTime).getTime(); 133 if (beginDateVal) {
134 return (
135 time.getTime() <
136 new Date(beginDateVal).getTime() + 1 * 24 * 60 * 60 * 1000
137 );
132 } 138 }
133 }, 139 },
134 }, 140 },
......
1 import filter from '@/utils/filter.js'
2 class data extends filter {
3 constructor() {
4 super()
5 }
6 columns () {
7 return [
8 {
9 prop: "qygh",
10 label: "区域规划",
11 },
12 {
13 prop: "rkkssj",
14 label: "入库开始时间",
15 },
16 {
17 prop: "rkjssh",
18 label: "入库结束时间",
19 },
20 {
21 prop: "zjrksj",
22 label: "最近入库时间",
23 },
24 {
25 prop: "rksbsl",
26 label: "入库失败熟练",
27 },
28 {
29 prop: "rkcgsl",
30 label: "入库成功数量",
31 },
32 {
33 prop: "zsl",
34 label: "总数量",
35 },
36 {
37 prop: 'cxrkzt',
38 label: '重新入库状态',
39 render: (h, scope) => {
40 return (
41 <div>
42 {
43 scope.row.cxrkzt
44 ? <el-tag type='success'>入库</el-tag>
45 : <el-tag type='primary'>入库1</el-tag>
46 }
47 </div>
48 )
49 }
50 }
51 ]
52 }
53 }
54 export default new data()
1 <template>
2 <!-- 接收报文重新入库 -->
3 <div class="from-clues">
4 <!-- 头部搜索 -->
5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="55px">
7 <el-row class="mb-5">
8 <el-col :span="6">
9 <el-form-item label="行政区" prop="pcode">
10 <el-select v-model="form.pcode" class="width100" clearable placeholder="行政区">
11 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
12 </el-option>
13 </el-select>
14 </el-form-item>
15 </el-col>
16 <el-col :span="6">
17 <el-form-item label="状态" prop="status">
18 <el-select v-model="form.jcjg" class="width100" clearable placeholder="检查结果">
19 <el-option v-for="item in []" :key="item.value" :label="item.label" :value="item.value">
20 </el-option>
21 </el-select>
22 </el-form-item>
23 </el-col>
24 <!-- 操作按钮 -->
25 <el-col :span="12" class="btnColRight">
26 <el-form-item>
27 <el-button @click="resetForm">重置</el-button>
28 <el-button type="primary" @click="handleSubmit">查询</el-button>
29 </el-form-item>
30 </el-col>
31 </el-row>
32 </el-form>
33 </div>
34 <!-- 列表 -->
35 <div class="from-clues-content">
36 <lb-table ref="table" :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total"
37 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
38 :data="tableData.data">
39 </lb-table>
40 </div>
41 </div>
42 </template>
43 <script>
44 // 接收报文重新入库
45 // 引入列表头部数据
46 import data from "./data"
47 // 引入混入方法
48 import tableMixin from '@/mixins/tableMixin.js'
49 export default {
50 name: "reportLog",
51 mixins: [tableMixin],
52 data () {
53 return {
54 // 表单
55 form: {
56 pcode: '',
57 status: '',
58 currentPage: 1
59 },
60 // 表单校验
61 rules: {
62 pcode: [
63 { required: true, message: '请选择行政区', trigger: 'change' }
64 ],
65 },
66 // 列表
67 tableData: {
68 // 列表头部
69 columns: [{
70 label: '序号',
71 type: 'index',
72 width: '50',
73 index: this.indexMethod,
74 }].concat(data.columns()).concat([
75 {
76 label: "操作",
77 width: '80',
78 render: (h, scope) => {
79 return (
80 <div>
81 <el-button
82 type="text"
83 size="mini"
84 onClick={() => { this.handleEdit(scope.row) }}
85 >
86 编辑
87 </el-button>
88 </div>
89 )
90 }
91 }
92 ]),
93 // 列表数据
94 data: [{}]
95 },
96 // 分页
97 pageData: {
98 total: 0,
99 pageSize: 15,
100 current: 1,
101 }
102 }
103 },
104 methods: {
105 // 重置
106 resetForm () {
107 this.$refs.ruleForm.resetFields();
108 },
109 // 数据请求
110 async featchData () {
111 },
112 handleEdit (row) {
113
114 }
115 }
116 }
117 </script>
118 <style scoped lang="scss">
119 @import "~@/styles/public.scss";
120 @import "./index.scss";
121 </style>
122
1 <template>
2 <!-- 编辑 -->
3 <dialogBox title="编辑" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="myValue">
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
5 <el-row>
6 <el-col :span="6">
7 <el-form-item label="规则编码" prop="gzbm">
8 <el-input v-model="ruleForm.gzbm" placeholder="规则编码"></el-input>
9 </el-form-item>
10 </el-col>
11 <el-col :span="6">
12 <el-form-item label="规则名称" prop="gzmc">
13 <el-input v-model="ruleForm.gzmc" placeholder="规则名称"></el-input>
14 </el-form-item>
15 </el-col>
16 <el-col :span="6">
17 <el-form-item label="是否启用" prop="isqy">
18 <el-radio-group v-model="ruleForm.isqy">
19 <el-radio :label="1"></el-radio>
20 <el-radio :label="2"></el-radio>
21 </el-radio-group>
22 </el-form-item>
23 </el-col>
24 </el-row>
25 </el-form>
26 </dialogBox>
27 </template>
28
29 <script>
30 export default {
31 props: {
32 value: { type: Boolean, default: false },
33 },
34 data () {
35 return {
36 myValue: this.value,
37 ruleForm: {
38 gzbm: '',
39 xzqmc: '',
40 isqy: 1
41 },
42 rules: {
43 gzbm: [
44 { required: true, message: '规则编码', trigger: 'blur' }
45 ],
46 gzmc: [
47 { required: true, message: '规则名称', trigger: 'blur' }
48 ]
49 }
50 }
51 },
52 watch: {
53 value (val) {
54 this.myValue = val
55 }
56 },
57 methods: {
58 closeDialog () {
59 this.$emit('input', false)
60 },
61 handleSubmit () {
62 this.$emit('input', false)
63 }
64 }
65 }
66 </script>
...\ No newline at end of file ...\ No newline at end of file
1 import filter from '@/utils/filter.js'
2 class data extends filter {
3 constructor() {
4 super()
5 }
6 columns () {
7 return [
8 {
9 prop: "gzbm",
10 label: "规则编码",
11 },
12 {
13 prop: "gzmc",
14 label: "规则名称",
15 },
16 {
17 prop: 'isqy',
18 label: '是否启用',
19 render: (h, scope) => {
20 return (
21 <div>
22 {
23 scope.row.isqy
24 ? <el-tag type='success'>启用</el-tag>
25 : <el-tag type='success'>启用1</el-tag>
26 }
27 </div>
28 )
29 }
30 },
31 ]
32 }
33 }
34 export default new data()
1 .jsgzgl {
2 background-color: #fff;
3 padding: 5px;
4 }
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <!-- 接收规则管理 -->
3 <div class="jsgzgl from-clues">
4 <lb-table ref="table" :heightNum="195" :total="pageData.total" :page-size="pageData.size"
5 :current-page.sync="pageData.current" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
6 :column="tableData.columns" :data="tableData.data">
7 </lb-table>
8 <detailDialog v-model="isShow" />
9 </div>
10 </template>
11 <script>
12 // 引入表格数据
13 import data from "./data"
14 // 引入表格混入方法
15 import tableMixin from '@/mixins/tableMixin.js'
16 import detailDialog from './components/detailDialog'
17 export default {
18 name: "jsgzgl",
19 mixins: [tableMixin],
20 components: {
21 detailDialog
22 },
23 data () {
24 return {
25 isShow: false,
26 form: {
27 currentPage: 1
28 },
29 // 列表数据
30 tableData: {
31 // 列表头部
32 columns: [{
33 label: '序号',
34 type: 'index',
35 width: '50',
36 index: this.indexMethod,
37 }].concat(data.columns()).concat([
38 {
39 label: "操作",
40 width: '80',
41 render: (h, scope) => {
42 return (
43 <div>
44 <el-button
45 type="text"
46 size="mini"
47 onClick={() => { this.handleEdit(scope.row) }}
48 >
49 修改
50 </el-button>
51 </div>
52 )
53 }
54 }
55 ]),
56 // 列表数据
57 data: [{}]
58 },
59 // 分页
60 pageData: {
61 total: 0,
62 pageSize: 15,
63 current: 1,
64 }
65 }
66 },
67 methods: {
68 // 重置表单
69 resetForm () {
70 this.$refs.ruleForm.resetFields();
71 },
72 async featchData () {
73 },
74 // 修改
75 handleEdit (row) {
76 this.isShow = true
77 }
78 }
79 }
80 </script>
81 <style scoped lang="scss">
82 @import "~@/styles/public.scss";
83 @import "./index.scss";
84 </style>
85
...@@ -51,6 +51,7 @@ class data { ...@@ -51,6 +51,7 @@ class data {
51 }, 51 },
52 { 52 {
53 label: "业务类型数量", 53 label: "业务类型数量",
54 width: '120',
54 render: (h, scope) => { 55 render: (h, scope) => {
55 return ( 56 return (
56 <div class={'difference'}> 57 <div class={'difference'}>
......
...@@ -10,8 +10,8 @@ ...@@ -10,8 +10,8 @@
10 <el-row> 10 <el-row>
11 <el-col :span="6"> 11 <el-col :span="6">
12 <el-form-item label="行政区"> 12 <el-form-item label="行政区">
13 <el-select v-model="form.areacode" class="width100" filterable placeholder="请选择行政区"> 13 <el-select v-model="form.areacode" class="width100" clearable placeholder="行政区">
14 <el-option v-for="item in dicData['XZQ']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 14 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
15 </el-option> 15 </el-option>
16 </el-select> 16 </el-select>
17 </el-form-item> 17 </el-form-item>
......
...@@ -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 }
...@@ -39,7 +38,7 @@ class data extends filter { ...@@ -39,7 +38,7 @@ class data extends filter {
39 { 38 {
40 prop: "areacode", 39 prop: "areacode",
41 label: "行政区代码", 40 label: "行政区代码",
42 width: 80, 41 width: 90,
43 }, 42 },
44 { 43 {
45 prop: "areaName", 44 prop: "areaName",
...@@ -49,23 +48,26 @@ class data extends filter { ...@@ -49,23 +48,26 @@ class data extends filter {
49 { 48 {
50 prop: "bizMsgid", 49 prop: "bizMsgid",
51 label: "业务报文ID", 50 label: "业务报文ID",
51 width: 150,
52 }, 52 },
53 { 53 {
54 prop: "createdate", 54 prop: "createdate",
55 label: "创建时间", 55 label: "创建时间",
56 width: 140,
56 }, 57 },
57 { 58 {
58 prop: "recflowid", 59 prop: "recflowid",
59 label: "业务流水号", 60 label: "业务流水号",
61 width: 100,
60 }, 62 },
61 { 63 {
62 prop: "estatenum", 64 prop: "estatenum",
63 label: "不动产单元号", 65 label: "不动产单元号",
64 width: 240,
65 }, 66 },
66 { 67 {
67 prop: "rectype", 68 prop: "rectype",
68 label: "业务编码", 69 label: "业务编码",
70 width: 90,
69 }, 71 },
70 { 72 {
71 prop: "rectypeName", 73 prop: "rectypeName",
...@@ -74,6 +76,7 @@ class data extends filter { ...@@ -74,6 +76,7 @@ class data extends filter {
74 { 76 {
75 prop: "uploadtime", 77 prop: "uploadtime",
76 label: "汇交时间", 78 label: "汇交时间",
79 width: 140,
77 } 80 }
78 ] 81 ]
79 } 82 }
......
...@@ -8,3 +8,8 @@ ...@@ -8,3 +8,8 @@
8 transform: translateX(-50%); 8 transform: translateX(-50%);
9 } 9 }
10 } 10 }
11
12 .zhi {
13 color: #FFFFFF;
14 text-align: center;
15 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -16,24 +16,24 @@ ...@@ -16,24 +16,24 @@
16 </el-select> 16 </el-select>
17 </el-form-item> 17 </el-form-item>
18 </el-col> 18 </el-col>
19 <el-col :span="12"> 19 <el-col :span="6">
20 <el-form-item label="汇交时间" prop="startTime"> 20 <el-form-item label="汇交时间" prop="exchangeStartTime">
21 <el-row :gutter="20"> 21 <el-date-picker type="date" class="width100" placeholder="开始日期" clearable
22 <el-col :span="12"> 22 :picker-options="pickerOptionsStart" v-model="form.exchangeStartTime"
23 <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart" 23 value-format="yyyy-MM-dd"></el-date-picker>
24 clearable v-model="form.exchangeStartTime" value-format="yyyy-MM-dd"></el-date-picker> 24 </el-form-item>
25 </el-col>
26 <el-col :span="12">
27 <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd"
28 clearable v-model="form.exchangeEndTime" value-format="yyyy-MM-dd"></el-date-picker>
29 </el-col> 25 </el-col>
30 </el-row> 26 <el-col :span="6">
27 <el-form-item label="至" prop="exchangeStartTime" label-width="35px">
28 <el-date-picker type="date" class="width100" placeholder="结束日期" clearable
29 :picker-options="pickerOptionsEnd" v-model="form.exchangeEndTime"
30 value-format="yyyy-MM-dd"></el-date-picker>
31 </el-form-item> 31 </el-form-item>
32 </el-col> 32 </el-col>
33 <el-col :span="6"> 33 <el-col :span="6">
34 <el-form-item label="汇交状态" prop="state"> 34 <el-form-item label="汇交状态" prop="state">
35 <el-select v-model="form.state" class="width100" clearable placeholder="响应结果"> 35 <el-select v-model="form.hjjg" class="width100" clearable placeholder="汇交状态">
36 <el-option v-for="item in []" :key="item.value" :label="item.label" :value="item.value"> 36 <el-option v-for="item in dicData['sbhjzt']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
37 </el-option> 37 </el-option>
38 </el-select> 38 </el-select>
39 </el-form-item> 39 </el-form-item>
...@@ -104,20 +104,16 @@ export default { ...@@ -104,20 +104,16 @@ export default {
104 // 开始结束日期限制 104 // 开始结束日期限制
105 pickerOptionsStart: { 105 pickerOptionsStart: {
106 disabledDate: (time) => { 106 disabledDate: (time) => {
107 if (this.form.reportEndTime) { 107 if (this.form.exchangeEndTime) {
108 return ( 108 return time.getTime() >= new Date(this.form.exchangeEndTime).getTime();
109 time.getTime() >= new Date(this.form.reportEndTime).getTime()
110 );
111 } 109 }
112 }, 110 },
113 }, 111 },
114 // 结束日期限制 112 // 结束日期限制
115 pickerOptionsEnd: { 113 pickerOptionsEnd: {
116 disabledDate: (time) => { 114 disabledDate: (time) => {
117 if (this.form.reportStartTime) { 115 if (this.form.exchangeStartTime) {
118 return ( 116 return time.getTime() <= new Date(this.form.exchangeStartTime).getTime();
119 time.getTime() <= new Date(this.form.reportStartTime).getTime()
120 );
121 } 117 }
122 }, 118 },
123 }, 119 },
......
1 <template> 1 <template>
2 <!-- 编辑 --> 2 <!-- 编辑 -->
3 <dialogBox submitForm="submitForm" class="tableClass" @closeDialog="closeDialog" @submitForm="handleSubmit" width="80%" v-model="myValue" 3 <dialogBox submitForm="submitForm" class="tableClass" @closeDialog="closeDialog" @submitForm="handleSubmit"
4 :isSave="details.ISENABLE == 1" title="字典信息"> 4 width="60%" v-model="myValue" :isMain="true" title="字典信息">
5 <div class="editDialogBox-box ">
5 <el-form :model="ruleForm" ref="ruleForm" label-width="100px"> 6 <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
6 <el-row :gutter="20"> 7 <el-row :gutter="20">
7 <el-col :span="4"> 8 <el-col :span="4">
...@@ -16,22 +17,30 @@ ...@@ -16,22 +17,30 @@
16 </el-col> 17 </el-col>
17 </el-row> 18 </el-row>
18 </el-form> 19 </el-form>
19 <lb-table :column="column" class="loadingtext" :heightNum="420" :key="key" :expand-row-keys="keyList" 20 <lb-table :column="column" class="loadingtext opacity-input" :heightNum="600" :key="key"
20 row-key="dictid" :tree-props="{ children: 'children' }" :pagination="false" :data="tableData"> 21 :expand-row-keys="keyList" row-key="dictid" :tree-props="{ children: 'children' }" :pagination="false"
22 :data="tableData">
21 </lb-table> 23 </lb-table>
24 </div>
22 </dialogBox> 25 </dialogBox>
23 </template> 26 </template>
24 27
25 <script> 28 <script>
26 import { getUuid, judgeSort, realMove, findParents, removeTreeListItem } from '@/utils/operation' 29 import {
27 import { editDictNode, getChildDictList } from '@/api/dict' 30 getUuid,
31 judgeSort,
32 realMove,
33 findParents,
34 removeTreeListItem,
35 } from "@/utils/operation";
36 import { editDictNode, getChildDictList } from "@/api/dict";
28 export default { 37 export default {
29 props: { 38 props: {
30 value: { type: Boolean, default: false }, 39 value: { type: Boolean, default: false },
31 details: { 40 details: {
32 type: Object, 41 type: Object,
33 default: {} 42 default: {},
34 } 43 },
35 }, 44 },
36 data () { 45 data () {
37 return { 46 return {
...@@ -39,132 +48,169 @@ export default { ...@@ -39,132 +48,169 @@ export default {
39 myValue: this.value, 48 myValue: this.value,
40 keyList: [], 49 keyList: [],
41 ruleForm: { 50 ruleForm: {
42 DCODE: '', 51 DCODE: "",
43 DNAME: '' 52 DNAME: "",
44 }, 53 },
45 column: [], 54 column: [],
46 columns: [ 55 columns: [
47 { 56 {
48 width: '70', 57 width: "70",
49 renderHeader: (h, scope) => { 58 renderHeader: (h, scope) => {
50 return (<div> 59 return (
51 { 60 <div>
52 this.details.ISENABLE === '0' ? 61 {this.details.ISENABLE === "0" ? (
53 <span>序号</span> : 62 <span>序号</span>
54 <i class="el-icon-plus" onClick={() => { this.handleAdd() }} style="cursor:pointer;color:#409EFF"></i> 63 ) : (
55 } 64 <i
56 </div>) 65 class="el-icon-plus"
66 onClick={() => {
67 this.handleAdd();
68 }}
69 style="cursor:pointer;color:#409EFF"
70 ></i>
71 )}
72 </div>
73 );
57 }, 74 },
58 render: (h, scope) => { 75 render: (h, scope) => {
59 return ( 76 return <span>{scope.row.index}</span>;
60 <span>{scope.row.index}</span> 77 },
61 )
62 }
63 }, 78 },
64 { 79 {
65 prop: 'DCODE', 80 prop: "DCODE",
66 width: '100', 81 width: "100",
67 label: '字典项编码', 82 label: "字典项编码",
68 render: (h, scope) => { 83 render: (h, scope) => {
69 return ( 84 return (
70 <div> 85 <div>
71 <el-input placeholder="字典项编码" disabled={this.details.isenable == 2} v-show={scope.row.codeShow} v-fo value={scope.row[scope.column.property]} 86 <el-input
72 onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }} 87 placeholder="字典项编码"
73 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> 88 v-show={scope.row.codeShow}
74 89 v-fo
90 value={scope.row[scope.column.property]}
91 onFocus={() => {
92 this.itemShowFalse();
93 scope.row.codeShow = true;
94 }}
95 onInput={(val) => {
96 scope.row[scope.column.property] = val;
97 this.itemShowFalse();
98 scope.row.codeShow = true;
99 }}
100 maxlength="8"
101 ></el-input>
75 102
76 <el-input placeholder="字典项编码" disabled={this.details.isenable == 2} v-show={!scope.row.codeShow} value={scope.row[scope.column.property]} 103 <el-input
77 onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }} 104 placeholder="字典项编码"
78 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> 105 v-show={!scope.row.codeShow}
106 value={scope.row[scope.column.property]}
107 onFocus={() => {
108 this.itemShowFalse();
109 scope.row.codeShow = true;
110 }}
111 onInput={(val) => {
112 scope.row[scope.column.property] = val;
113 this.itemShowFalse();
114 scope.row.codeShow = true;
115 }}
116 maxlength="8"
117 ></el-input>
79 </div> 118 </div>
80 ) 119 );
81 } 120 },
82 }, 121 },
83 { 122 {
84 prop: 'DNAME', 123 prop: "DNAME",
85 label: '字典项名称', 124 label: "字典项名称",
86 render: (h, scope) => { 125 render: (h, scope) => {
87 return ( 126 return (
88 <div> 127 <div>
89 <el-input placeholder="字典项编码" disabled={this.details.isenable == 2} v-show={scope.row.nameShow} v-fo value={scope.row[scope.column.property]} 128 <el-input
90 onFocus={() => { this.itemShowFalse(); scope.row.nameShow = true; }} 129 placeholder="字典项编码"
91 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input> 130 v-show={scope.row.nameShow}
131 v-fo
132 value={scope.row[scope.column.property]}
133 onFocus={() => {
134 this.itemShowFalse();
135 scope.row.nameShow = true;
136 }}
137 onInput={(val) => {
138 scope.row[scope.column.property] = val;
139 this.itemShowFalse();
140 scope.row.codeShow = true;
141 }}
142 ></el-input>
92 143
93 <el-input placeholder="字典项名称" disabled={this.details.isenable == 2} v-show={!scope.row.nameShow} value={scope.row[scope.column.property]} 144 <el-input
94 onFocus={() => { this.itemShowFalse(); scope.row.nameShow = true; }} 145 placeholder="字典项名称"
95 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input> 146 v-show={!scope.row.nameShow}
147 value={scope.row[scope.column.property]}
148 onFocus={() => {
149 this.itemShowFalse();
150 scope.row.nameShow = true;
151 }}
152 onInput={(val) => {
153 scope.row[scope.column.property] = val;
154 this.itemShowFalse();
155 scope.row.codeShow = true;
156 }}
157 ></el-input>
96 </div> 158 </div>
97 ) 159 );
98 } 160 },
99 }, 161 },
100 // {
101 // prop: 'normcode',
102 // label: '部标编码',
103 // width: '100',
104 // render: (h, scope) => {
105 // return (
106 // <div>
107 // <el-input placeholder="部标编码" disabled={this.details.isenable == 2} v-show={scope.row.normcodeShow} v-fo value={scope.row[scope.column.property]}
108 // onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
109 // onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
110
111 // <el-input placeholder="部标编码" disabled={this.details.isenable == 2} v-show={!scope.row.normcodeShow} value={scope.row[scope.column.property]}
112 // onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
113 // onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
114 // </div>
115 // )
116 // }
117 // },
118 // {
119 // prop: 'normname',
120 // label: '部标名称',
121 // render: (h, scope) => {
122 // return (
123 // <div>
124 // <el-input placeholder="部标名称" disabled={this.details.isenable == 2} v-show={scope.row.normnameShow} v-fo value={scope.row[scope.column.property]}
125 // onFocus={() => { this.itemShowFalse(); scope.row.normnameShow = true; }}
126 // onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input>
127
128 // <el-input placeholder="部标名称" disabled={this.details.isenable == 2} v-show={!scope.row.normnameShow} value={scope.row[scope.column.property]}
129 // onFocus={() => { this.itemShowFalse(); scope.row.normnameShow = true; }}
130 // onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input>
131 // </div>
132 // )
133 // }
134 // },
135 // {
136 // prop: 'isenable',
137 // width: '160',
138 // label: '是否禁用',
139 // render: (h, scope) => {
140 // return (
141 // <el-radio-group disabled={this.details.isenable == 2} v-model={scope.row.isenable}>
142 // <el-radio label="1">启用</el-radio>
143 // <el-radio label="0">禁用</el-radio>
144 // </el-radio-group>
145 // )
146 // }
147 // },
148 { 162 {
149 width: '130', 163 width: "130",
150 label: '移动', 164 label: "移动",
151 render: (h, scope) => { 165 render: (h, scope) => {
152 return ( 166 return (
153 <div> 167 <div>
154 <el-button type='text' disabled={scope.row.isTop} onClick={() => { this.moveUpward(scope.$index, scope.row) }}>上移</el-button> 168 <el-button
155 <el-button type='text' disabled={scope.row.isBottom} onClick={() => { this.moveDown(scope.$index, scope.row) }}>下移</el-button > 169 type="text"
156 </div > 170 disabled={scope.row.isTop}
157 ) 171 onClick={() => {
158 } 172 this.moveUpward(scope.$index, scope.row);
173 }}
174 >
175 上移
176 </el-button>
177 <el-button
178 type="text"
179 disabled={scope.row.isBottom}
180 onClick={() => {
181 this.moveDown(scope.$index, scope.row);
182 }}
183 >
184 下移
185 </el-button>
186 </div>
187 );
188 },
159 }, 189 },
160 { 190 {
161 width: '150', 191 width: "100",
162 label: '操作', 192 label: "操作",
163 render: (h, scope) => { 193 render: (h, scope) => {
164 return ( 194 return (
165 <div> 195 <div>
166 <el-button type="text" style="margin-right:10px" onClick={() => { this.handleAddSubordinate(scope.row) }}>增加下级</el-button> 196 <el-button
167 <el-button type="text" style="margin-left:0" onClick={() => { this.handleMinus(scope.$index, scope.row) }}>删除</el-button> 197 type="text"
198 style="margin-right:10px"
199 onClick={() => {
200 this.handleAddSubordinate(scope.row);
201 }}
202 >
203 增加下级
204 </el-button>
205 <el-button
206 type="text"
207 style="margin-left:0"
208 onClick={() => {
209 this.handleMinus(scope.$index, scope.row);
210 }}
211 >
212 删除
213 </el-button>
168 </div> 214 </div>
169 ) 215 )
170 } 216 }
...@@ -177,17 +223,17 @@ export default { ...@@ -177,17 +223,17 @@ export default {
177 value (val) { 223 value (val) {
178 this.myValue = val 224 this.myValue = val
179 }, 225 },
180 'details.dictid': { 226 "details.dictid": {
181 handler: function (newValue) { 227 handler: function (newValue) {
182 if (!this.value) return 228 if (!this.value) return;
183 this.$startLoading(); 229 getChildDictList(newValue).then((res) => {
184 getChildDictList(newValue).then(res => {
185 this.$endLoading(); 230 this.$endLoading();
186 let { result } = res 231 let { result } = res;
187 this.tableData = result ? result : [] 232 this.tableData = result ? result : [];
188 this.tableData.forEach((item, index) => { 233 this.tableData.forEach((item, index) => {
189 item.index = index + 1 234 item.index = index + 1;
190 }) 235 })
236 this.tableData = judgeSort(this.tableData)
191 }) 237 })
192 }, 238 },
193 immediate: true 239 immediate: true
...@@ -195,138 +241,136 @@ export default { ...@@ -195,138 +241,136 @@ export default {
195 details: { 241 details: {
196 handler: function (newValue) { 242 handler: function (newValue) {
197 if (newValue.ISENABLE == 2) { 243 if (newValue.ISENABLE == 2) {
198 this.column = this.columns.slice(0, 6) 244 this.column = this.columns.slice(0, 6);
199 } else { 245 } else {
200 this.column = this.columns 246 this.column = this.columns;
201 } 247 }
202 this.ruleForm = newValue.rowData 248 this.ruleForm = newValue.rowData;
203 this.addIndexes() 249 this.addIndexes();
204 this.key++ 250 this.key++;
251 },
252 deep: true,
205 }, 253 },
206 deep: true
207 }
208 }, 254 },
209 methods: { 255 methods: {
210 // 添加索引 256 // 添加索引
211 addIndexes (data = this.tableData, isAdd = true) { 257 addIndexes (data = this.tableData, isAdd = true) {
212 data.forEach((item, index) => { 258 data.forEach((item, index) => {
213 if (index == 0) { 259 if (index == 0) {
214 item.codeShow = true 260 item.codeShow = true;
215 item.nameShow = false 261 item.nameShow = false;
216 item.normcodeShow = false 262 item.normcodeShow = false;
217 item.normnameShow = false 263 item.normnameShow = false;
218 } else { 264 } else {
219 item.codeShow = false 265 item.codeShow = false;
220 item.nameShow = false 266 item.nameShow = false;
221 item.normcodeShow = false 267 item.normcodeShow = false;
222 item.normnameShow = false 268 item.normnameShow = false;
223 } 269 }
224 if (isAdd) { 270 if (isAdd) {
225 item.index = index + 1 271 item.index = index + 1;
226 } 272 }
227 if (item.children) { 273 if (item.children) {
228 this.addIndexes(item.children, false) 274 this.addIndexes(item.children, false);
229 } 275 }
230 }) 276 });
231 }, 277 },
232 itemShowFalse () { 278 itemShowFalse () {
233 this.tableData.forEach((item, index) => { 279 this.tableData.forEach((item, index) => {
234 item.codeShow = false 280 item.codeShow = false;
235 item.nameShow = false 281 item.nameShow = false;
236 item.normcodeShow = false 282 item.normcodeShow = false;
237 item.normnameShow = false 283 item.normnameShow = false;
238 }) 284 });
239 }, 285 },
240 handleMinus (index, row) { 286 handleMinus (index, row) {
241 this.$confirm('此操作将永久删除, 是否继续?', '提示', { 287 this.$confirm("此操作将永久删除, 是否继续?", "提示", {
242 confirmButtonText: '确定', 288 confirmButtonText: "确定",
243 cancelButtonText: '取消', 289 cancelButtonText: "取消",
244 type: 'warning' 290 type: "warning",
245 }).then(() => {
246 removeTreeListItem(this.tableData, row.dictid)
247 this.$message({
248 type: 'success',
249 message: '删除成功!'
250 }) 291 })
251 }).catch(() => { 292 .then(() => {
293 removeTreeListItem(this.tableData, row.dictid);
252 this.$message({ 294 this.$message({
253 type: 'info', 295 type: "success",
254 message: '已取消删除' 296 message: "删除成功!",
255 }) 297 });
256 }) 298 })
299 .catch(() => {
300 this.$message({
301 type: "info",
302 message: "已取消删除",
303 });
304 });
257 }, 305 },
258 handleSubmit () { 306 handleSubmit () {
259 editDictNode({ 307 editDictNode({
260 dictid: this.details.rowData.dictid, 308 dictid: this.details.rowData.dictid,
261 typeid: this.details.rowData.typeid, 309 typeid: this.details.rowData.typeid,
262 children: this.tableData 310 children: this.tableData,
263 }).then(res => { 311 }).then((res) => {
264 if (res.code === 200) { 312 if (res.code === 200) {
265 this.$message({ 313 this.$message({
266 message: '修改成功', 314 message: "修改成功",
267 type: 'success' 315 type: "success",
268 }) 316 });
269 this.$emit('input', false) 317 this.$emit("input", false);
270 } 318 }
271 }) 319 });
272 }, 320 },
273 closeDialog () { 321 closeDialog () {
274 this.$emit('input', false) 322 this.$emit("input", false);
275 }, 323 },
276 // 增加下级 324 // 增加下级
277 handleAddSubordinate (row) { 325 handleAddSubordinate (row) {
278 if (!row.children) { 326 if (!row.children) {
279 row.children = [] 327 row.children = [];
280 } 328 }
281 row.children.push( 329 row.children.push({
282 { 330 DCODE: "",
283 DCODE: '', 331 DNAME: "",
284 DNAME: '', 332 ISENABLE: "1",
285 ISENABLE: '1', 333 NORMCODE: "",
286 NORMCODE: '', 334 NORMNAME: "",
287 NORMNAME: '',
288 dictid: getUuid(32), 335 dictid: getUuid(32),
289 typeid: row.typeid, 336 typeid: row.typeid,
290 } 337 });
291 )
292 this.keyList = []; 338 this.keyList = [];
293 this.keyList.push(row.dictid) 339 this.keyList.push(row.dictid);
294 }, 340 },
295 // 增加 341 // 增加
296 handleAdd () { 342 handleAdd () {
297 this.$nextTick(() => { 343 this.$nextTick(() => {
298 let container = this.$el.querySelector('.el-table__body-wrapper'); 344 let container = this.$el.querySelector(".el-table__body-wrapper");
299 container.scrollTop = container.scrollHeight; 345 container.scrollTop = container.scrollHeight;
300 }) 346 });
301 this.tableData.push( 347 this.tableData.push({
302 { 348 DCODE: "",
303 DCODE: '', 349 DNAME: "",
304 DNAME: '', 350 ISENABLE: "1",
305 ISENABLE: '1', 351 normcode: "",
306 normcode: '', 352 normname: "",
307 normname: '',
308 dictid: getUuid(32), 353 dictid: getUuid(32),
309 typeid: this.ruleForm.typeid, 354 typeid: this.ruleForm.typeid,
310 } 355 });
311 ) 356 this.addIndexes();
312 this.addIndexes() 357 this.key++;
313 this.key++
314 }, 358 },
315 // 上移下移 359 // 上移下移
316 moveUpward (index, row) { 360 moveUpward (index, row) {
317 realMove(row.dictid, 'UP', this.tableData) 361 realMove(row.dictid, "UP", this.tableData);
318 this.key++ 362 let id = findParents(this.tableData, row.dictid);
319 let id = findParents(this.tableData, row.dictid) 363 this.keyList = id;
320 this.keyList = id 364 this.key++;
321 }, 365 },
322 moveDown (index, row) { 366 moveDown (index, row) {
323 realMove(row.dictid, 'DOWN', this.tableData) 367 realMove(row.dictid, "DOWN", this.tableData);
324 this.key++ 368 let id = findParents(this.tableData, row.dictid);
325 let id = findParents(this.tableData, row.dictid) 369 this.keyList = id;
326 this.keyList = id 370 this.key++;
327 } 371 },
328 } 372 },
329 } 373 };
330 </script> 374 </script>
331 <style rel="stylesheet/scss" lang="scss" scoped> 375 <style rel="stylesheet/scss" lang="scss" scoped>
332 @import "~@/styles/public.scss"; 376 @import "~@/styles/public.scss";
...@@ -340,10 +384,29 @@ export default { ...@@ -340,10 +384,29 @@ export default {
340 display: block; 384 display: block;
341 } 385 }
342 386
387 /deep/.el-form-item__label {
388 color: #fff;
389 }
390
391 /deep/.el-form-item {
392 color: #fff;
393 margin-bottom: 10px;
394 }
395
343 /deep/.el-radio-group { 396 /deep/.el-radio-group {
344 display: flex; 397 display: flex;
345 align-items: center; 398 align-items: center;
346 justify-content: center; 399 justify-content: center;
347 } 400 }
348 </style>
349 401
402 .editDialogBox-box {
403 margin: 14px 18px 30px 18px !important
404 }
405
406 .opacity-input {
407 /deep/ .el-input__inner {
408 background-color: transparent;
409 border: 1px solid #458ACF;
410 }
411 }
412 </style>
......
...@@ -29,25 +29,9 @@ class data extends filter { ...@@ -29,25 +29,9 @@ class data extends filter {
29 { 29 {
30 prop: "DNAME", 30 prop: "DNAME",
31 label: "字典类型名称", 31 label: "字典类型名称",
32 }, 32 }
33 // {
34 // label: "是否允许修改",
35 // width: '150',
36 // render: (h, scope) => {
37 // return (
38 // <div>
39 // {
40 // scope.row.ISENABLE == '1' ?
41 // <div class='allow'>允许</div> :
42 // <div class='prohibit'>禁止</div>
43 // }
44 // </div>
45 // )
46 // }
47 // }
48 ] 33 ]
49 } 34 }
50
51 } 35 }
52 let datas = new data() 36 let datas = new data()
53 export { 37 export {
......
...@@ -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>
...@@ -65,19 +68,12 @@ export default { ...@@ -65,19 +68,12 @@ export default {
65 columns: datas.columns().concat([ 68 columns: datas.columns().concat([
66 { 69 {
67 label: "操作", 70 label: "操作",
68 width: 170,
69 render: (h, scope) => { 71 render: (h, scope) => {
70 return ( 72 return (
71 <div> 73 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.editClick(scope.row, 1) }}>修改</el-button>
72 { 74 )
73 scope.row.isenable == '1' ? 75 }
74 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.editClick(scope.row, 1) }}>修改</el-button> :
75 <el-button type="text" icon="el-icon-view" onClick={() => { this.editClick(scope.row, 2) }}>查看</el-button>
76 } 76 }
77 </div>
78 );
79 },
80 },
81 ]), 77 ]),
82 data: [] 78 data: []
83 } 79 }
...@@ -86,7 +82,6 @@ export default { ...@@ -86,7 +82,6 @@ export default {
86 methods: { 82 methods: {
87 // 初始化数据 83 // 初始化数据
88 queryClick () { 84 queryClick () {
89 // this.$startLoading();
90 getQlxxDictList({ ...this.ruleForm, ...this.pageData }).then(res => { 85 getQlxxDictList({ ...this.ruleForm, ...this.pageData }).then(res => {
91 // this.$endLoading(); 86 // this.$endLoading();
92 let { records, total } = res.result 87 let { records, total } = res.result
...@@ -100,7 +95,6 @@ export default { ...@@ -100,7 +95,6 @@ export default {
100 cancelButtonText: '取消', 95 cancelButtonText: '取消',
101 type: 'warning' 96 type: 'warning'
102 }).then(() => { 97 }).then(() => {
103 this.$startLoading()
104 refreshDictCache().then(res => { 98 refreshDictCache().then(res => {
105 if (res.code == 200) { 99 if (res.code == 200) {
106 let refech = this.$store.dispatch('dict/generateDic') 100 let refech = this.$store.dispatch('dict/generateDic')
......
1 <template>
2 <Dialog :title="title" class="tableClass" :show.sync="visible" :width="'715px'" @close="close()">
3 <template slot="content">
4 <lb-table ref="multipleTable"
5 :pagination="false"
6 :column="tableData.column"
7 :data="tableData.data"
8 @selection-change="handleSelectionChange">
9 </lb-table>
10 </template>
11 <template slot="footer">
12 <el-button type="primary" class="save" @click="handleSaveMember()"
13 >保存</el-button
14 >
15 <el-button class="cancel-button" @click="close()">取消</el-button>
16 </template>
17 </Dialog>
18 </template>
19
20 <script>
21 import Dialog from "@/components/Dialog/";
22 export default {
23 name: "",
24 components: { Dialog },
25 props: {},
26 data() {
27 return {
28 title: "人员配置",
29 visible: false,
30 tableData: {
31 column: [
32 {
33 type: 'selection'
34 },
35 {
36 prop: 'name',
37 label: '角色名称'
38 },
39 {
40 prop: 'type',
41 label: '角色类型'
42 },
43 {
44 prop: 'departmentName',
45 label: '角色描述'
46 },
47 ],
48 data: [
49 {
50 id: "3127e455-43ba-45ff-9326-0e02ef89485e",
51 createdAt: null,
52 updatedAt: "2022-08-04T03:38:27.626+0000",
53 createdBy: null,
54 updatedBy: "3127e455-43ba-45ff-9326-0e02ef89485e",
55 sort: 1,
56 name: "超级管理员",
57 loginName: "admin",
58 password: "05eb15777e8fd1d61c840472e7267f61d432f63340d86b59",
59 passwordSalt: "5178114777136485",
60 email: null,
61 lastLoginTime: null,
62 mobilePhone: "18291003568",
63 status: "ACTIVE",
64 passwordChangeTime: "2021-12-10T08:01:01.569+0000",
65 idCard: "612725202111021521",
66 departmentId: "2eae5304-544f-4f5b-b354-8f5d47433c9b",
67 organizationId: "0bca67ae-1d9e-4b41-b057-f165586d24aa",
68 sex: "0",
69 isDuty: true,
70 type:"",
71 code: "123324",
72 jobLevel: null,
73 telephone: "028-87720898",
74 address: "办公地点修改测试",
75 isLocked: false,
76 departmentName: "研发部",
77 _X_ROW_KEY: "row_276",
78 },
79 {
80 name: '数据管理员',
81 type:"1",
82 },
83 {
84 name: '数据管理员2',
85 type:"d",
86 }
87 ]
88 },
89 multipleSelection: []
90
91 }
92 },
93 computed: {},
94 watch: {},
95 created() {},
96 mounted() {},
97 methods: {
98 authorization() {
99 this.visible = true;
100 },
101 close() {
102 // this.resetForm()
103 this.visible = false;
104 },
105 // 保存事件
106 handleSaveMember() {
107 // if (this.memberList.length === 0) {
108 // this.$message.warning("请添加待选人员");
109 // return false;
110 // }
111 // const idList = this.memberList.map(item => item.id)
112 // updateUser(this.roleId, idList).then(res => {
113 // if (res.status === 1) {
114 // this.$message.success({ message: '保存成功', showClose: true })
115 // this.showMemberConfigDialog = false
116 // this.$emit('setUsers', this.roleId)
117 // this.resetMemberConfig()
118 // } else this.$message.error({ message: res.message, showClose: true })
119 // })
120 },
121 handleSelectionChange (val) {
122 console.log("vadddl",val);
123 this.multipleSelection = val
124 }
125 }
126 };
127 </script>
128 <style scoped lang="scss">
129 /deep/.el-dialog__header{
130 text-align: center;
131 margin-bottom: 10px;
132 .el-dialog__title{
133 color: white;
134 }
135 }
136 </style>
...@@ -11,14 +11,14 @@ ...@@ -11,14 +11,14 @@
11 <el-row :gutter="24"> 11 <el-row :gutter="24">
12 <el-col :span="12"> 12 <el-col :span="12">
13 <el-form-item label="菜单名称:" prop="name" label-width="124px"> 13 <el-form-item label="菜单名称:" prop="name" label-width="124px">
14 <el-input v-model="form.name" placeholder="请输入菜单名称" /> 14 <el-input v-model="form.name" placeholder="菜单名称" />
15 </el-form-item> 15 </el-form-item>
16 </el-col> 16 </el-col>
17 <el-col :span="12"> 17 <el-col :span="12">
18 <el-form-item label="图标:" label-width="54px"> 18 <el-form-item label="图标:" label-width="54px">
19 <el-input 19 <el-input
20 v-model="form.icon" 20 v-model="form.icon"
21 placeholder="请选择图标" 21 placeholder="图标"
22 :prefix-icon="form.icon" 22 :prefix-icon="form.icon"
23 clearable 23 clearable
24 @focus="getIconList" 24 @focus="getIconList"
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
34 v-model="form.parentId" 34 v-model="form.parentId"
35 :options="parentMenuList" 35 :options="parentMenuList"
36 :props="setProps" 36 :props="setProps"
37 placeholder="请选择上级菜单" 37 placeholder="上级菜单"
38 clearable 38 clearable
39 @change="handleChange" 39 @change="handleChange"
40 /> 40 />
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
44 <el-form-item label="代码:" prop="code" label-width="54px"> 44 <el-form-item label="代码:" prop="code" label-width="54px">
45 <el-input 45 <el-input
46 v-model="codeComputed" 46 v-model="codeComputed"
47 placeholder="请输入菜单代码" 47 placeholder="菜单代码"
48 :disabled="type === 1" 48 :disabled="type === 1"
49 /> 49 />
50 </el-form-item> 50 </el-form-item>
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
53 <el-row :gutter="24"> 53 <el-row :gutter="24">
54 <el-col :span="24"> 54 <el-col :span="24">
55 <el-form-item label="链接路径:" label-width="124px"> 55 <el-form-item label="链接路径:" label-width="124px">
56 <el-input v-model="form.uri" placeholder="请输入链接路径" /> 56 <el-input v-model="form.uri" placeholder="链接路径" />
57 </el-form-item> 57 </el-form-item>
58 </el-col> 58 </el-col>
59 </el-row> 59 </el-row>
...@@ -62,7 +62,7 @@ ...@@ -62,7 +62,7 @@
62 <el-form-item label="浏览器跳转模式:" label-width="124px"> 62 <el-form-item label="浏览器跳转模式:" label-width="124px">
63 <el-select 63 <el-select
64 v-model="form.jumpMode" 64 v-model="form.jumpMode"
65 placeholder="请选择浏览器跳转模式" 65 placeholder="浏览器跳转模式"
66 > 66 >
67 <el-option 67 <el-option
68 v-for="item in jumpModeList" 68 v-for="item in jumpModeList"
...@@ -204,22 +204,14 @@ export default { ...@@ -204,22 +204,14 @@ export default {
204 // this.form.jumpMode = 1 204 // this.form.jumpMode = 1
205 }, 205 },
206 edit(record) { 206 edit(record) {
207 // this.type = 1 207 // 若有id为编辑
208 // // 若有id为编辑 208 if (record.id) {
209 // if (record.id) { 209 this.$nextTick(() => {
210 // this.$nextTick(() => { 210 this.form = Object.assign({}, record)
211 // this.form = Object.assign({}, record)
212 // this.getParentMenuList(this.productId)
213 // })
214 // }
215 this.visible = true;
216 },
217 addChild(record) {
218 // this.getParentMenuList(this.productId) 211 // this.getParentMenuList(this.productId)
212 })
213 }
219 this.visible = true; 214 this.visible = true;
220 // this.type = 2
221 // this.form.jumpMode = 1
222 // this.form.parentId = record.id
223 }, 215 },
224 handleChange(value) { 216 handleChange(value) {
225 // this.form.parentId = value 217 // this.form.parentId = value
...@@ -289,12 +281,16 @@ export default { ...@@ -289,12 +281,16 @@ export default {
289 }; 281 };
290 </script> 282 </script>
291 <style scoped lang="scss"> 283 <style scoped lang="scss">
292 .el-form { 284 /deep/.el-input__inner {
293 .el-input { 285 background: #07388B;
294 .el-input__icon { 286 border-radius: 2px;
295 font-size: 14px; 287 border: 1px solid #6BC1FC;
296 // color: #3AA3F8 !important;
297 }
298 } 288 }
289 /deep/.el-textarea__inner{
290 background: #07388B;
291 color: #fff;
292 }
293 /deep/.el-form-item__label{
294 color:#fff;
299 } 295 }
300 </style> 296 </style>
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
12 <div class="from-clues-content"> 12 <div class="from-clues-content">
13 <lb-table 13 <lb-table
14 :column="tableData.columns" 14 :column="tableData.columns"
15 :data="tabledata11" 15 :data="tabledata"
16 row-key="id" 16 row-key="id"
17 default-expand-all 17 default-expand-all
18 :tree-props="{ children: 'children', hasChildren: 'hasChildren' }" 18 :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
...@@ -20,27 +20,30 @@ ...@@ -20,27 +20,30 @@
20 </lb-table> 20 </lb-table>
21 </div> 21 </div>
22 <edit-dialog ref="dialogForm" /> 22 <edit-dialog ref="dialogForm" />
23 <authorizationdiglog ref="rolesForm" />
23 </div> 24 </div>
24 </template> 25 </template>
25 <script> 26 <script>
26 // 定时任务 27 // 定时任务
27 import data from "./data"; 28 import data from "./data";
28 import EditDialog from "./edit-dialog.vue"; 29 import EditDialog from "./edit-dialog.vue";
30 import authorizationdiglog from "./authorizationdiglog.vue";
29 export default { 31 export default {
30 name: "menus", 32 name: "menus",
31 components: { 33 components: {
32 EditDialog, 34 EditDialog,
35 authorizationdiglog,
33 }, 36 },
34 data() { 37 data() {
35 return { 38 return {
36 tabledata11: [ 39 tabledata: [
37 { 40 {
38 id: "c6221838-187b-4a7a-b173-b0543022f560", 41 id: "c6221838-187b-4a7a-b173-b0543022f560",
39 createdAt: "2021-08-26T07:00:07.101+0000", 42 createdAt: "2021-08-26T07:00:07.101+0000",
40 updatedAt: "2021-08-26T07:00:07.101+0000", 43 updatedAt: "2021-08-26T07:00:07.101+0000",
41 createdBy: "3127e455-43ba-45ff-9326-0e02ef89485e", 44 createdBy: "3127e455-43ba-45ff-9326-0e02ef89485e",
42 updatedBy: "3127e455-43ba-45ff-9326-0e02ef89485e", 45 updatedBy: "3127e455-43ba-45ff-9326-0e02ef89485e",
43 sort: 135, 46 sort: 35,
44 name: "概览", 47 name: "概览",
45 code: "GL", 48 code: "GL",
46 description: null, 49 description: null,
...@@ -293,14 +296,14 @@ export default { ...@@ -293,14 +296,14 @@ export default {
293 296
294 // 修改 297 // 修改
295 handleEdit(record) { 298 handleEdit(record) {
296 localStorage.setItem("record", JSON.stringify(record));
297 this.$refs.dialogForm.edit(record); 299 this.$refs.dialogForm.edit(record);
298 this.$refs.dialogForm.title = "修改"; 300 this.$refs.dialogForm.title = "修改";
299 }, 301 },
300 // 授权 302 // 授权
301 authorizationQuery(record) { 303 authorizationQuery(record) {
302 this.$refs.authorizationList.open(record, 'menu') 304 this.$refs.rolesForm.authorization(record);
303 this.$refs.authorizationList.emptyJudge = true 305 this.$refs.rolesForm.title = "授权查询";
306
304 }, 307 },
305 // 删除 308 // 删除
306 handleDelete(row, id) { 309 handleDelete(row, id) {
...@@ -340,4 +343,7 @@ export default { ...@@ -340,4 +343,7 @@ export default {
340 <style scoped lang="scss"> 343 <style scoped lang="scss">
341 @import "~@/styles/mixin.scss"; 344 @import "~@/styles/mixin.scss";
342 @import "~@/styles/public.scss"; 345 @import "~@/styles/public.scss";
346 /deep/.el-table__expand-icon{
347 color: #fff;
348 }
343 </style> 349 </style>
......
...@@ -6,17 +6,17 @@ class data extends filter { ...@@ -6,17 +6,17 @@ class data extends filter {
6 columns () { 6 columns () {
7 return [ 7 return [
8 { 8 {
9 prop: "job_name", 9 prop: "name",
10 label: "角色名称", 10 label: "角色名称",
11 width: 330 11 width: 330
12 }, 12 },
13 { 13 {
14 prop: "description", 14 prop: "type",
15 label: "类别", 15 label: "类别",
16 width: 400 16 width: 400
17 }, 17 },
18 { 18 {
19 prop: "cron_expression", 19 prop: "description",
20 label: "备注" 20 label: "备注"
21 } 21 }
22 ] 22 ]
......
...@@ -7,19 +7,17 @@ class data extends filter { ...@@ -7,19 +7,17 @@ class data extends filter {
7 return [ 7 return [
8 { 8 {
9 prop: "name", 9 prop: "name",
10 label: "用户名称", 10 label: "角色名称",
11 width: 330
11 }, 12 },
12 { 13 {
13 prop: "sj", 14 prop: "type",
14 label: "时间", 15 label: "类别",
16 width: 400
15 }, 17 },
16 { 18 {
17 prop: "czlx", 19 prop: "address",
18 label: "操作类型", 20 label: "备注"
19 },
20 {
21 prop: "ywh",
22 label: "业务号",
23 } 21 }
24 ] 22 ]
25 } 23 }
......
...@@ -14,13 +14,13 @@ ...@@ -14,13 +14,13 @@
14 <el-input 14 <el-input
15 v-model="dialogForm.roleName" 15 v-model="dialogForm.roleName"
16 clearable 16 clearable
17 placeholder="请输入角色名称" 17 placeholder="角色名称"
18 /> 18 />
19 </el-form-item> 19 </el-form-item>
20 </el-col> 20 </el-col>
21 <el-col :span="12"> 21 <el-col :span="12">
22 <el-form-item label="角色类型:" prop="roleType"> 22 <el-form-item label="角色类型:" prop="roleType">
23 <!-- <el-select v-model="dialogForm.roleType.value" placeholder="请输入角色类型"> 23 <!-- <el-select v-model="dialogForm.roleType.value" placeholder="角色类型">
24 <el-option 24 <el-option
25 v-for="item in roleTypeOptions" 25 v-for="item in roleTypeOptions"
26 :key="item.value" 26 :key="item.value"
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
31 <el-input 31 <el-input
32 v-model="dialogForm.roleType" 32 v-model="dialogForm.roleType"
33 clearable 33 clearable
34 placeholder="请输入角色类型" 34 placeholder="角色类型"
35 /> 35 />
36 </el-form-item> 36 </el-form-item>
37 </el-col> 37 </el-col>
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
43 <el-input 43 <el-input
44 v-model="dialogForm.roleTextArea" 44 v-model="dialogForm.roleTextArea"
45 type="textarea" 45 type="textarea"
46 placeholder="请输入内容" 46 placeholder="备注"
47 /> 47 />
48 </el-form-item> 48 </el-form-item>
49 </el-col> 49 </el-col>
...@@ -171,4 +171,17 @@ export default { ...@@ -171,4 +171,17 @@ export default {
171 } 171 }
172 } 172 }
173 </script> 173 </script>
174 <style scoped lang="scss"></style> 174 <style scoped lang="scss">
175 /deep/.el-input__inner {
176 background: #07388B;
177 border-radius: 2px;
178 border: 1px solid #6BC1FC;
179 }
180 /deep/.el-textarea__inner{
181 background: #07388B;
182 color: #fff;
183 }
184 /deep/.el-form-item__label{
185 color:#fff;
186 }
187 </style>
......
...@@ -2,11 +2,13 @@ ...@@ -2,11 +2,13 @@
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>
8 </el-col> 11 </el-col>
9
10 </el-row> 12 </el-row>
11 </el-form> 13 </el-form>
12 </div> 14 </div>
...@@ -16,175 +18,237 @@ ...@@ -16,175 +18,237 @@
16 :data="tableData.data"> 18 :data="tableData.data">
17 </lb-table> 19 </lb-table>
18 </div> 20 </div>
19 <EditDialog ref="dialogForm" /> 21 <EditDialog ref="addEditDialog" />
20 <Roleslistdiglog ref="rolesForm" /> 22 <Roleslistdiglog ref="rolesForm" />
21 </div> 23 </div>
22
23 </template> 24 </template>
24 <script> 25 <script>
25 // 定时任务 26 // 定时任务
26 import data from "./data" 27 import data from "./data";
27 import sjsbTask from '@/api/sjsbTask.js' 28 import sjsbTask from "@/api/sjsbTask.js";
28 import tableMixin from '@/mixins/tableMixin.js' 29 import tableMixin from "@/mixins/tableMixin.js";
29 import EditDialog from "./edit-dialog.vue"; 30 import EditDialog from "./edit-dialog.vue";
30 import Roleslistdiglog from "./roleslistdiglog.vue"; 31 import Roleslistdiglog from "./roleslistdiglog.vue";
31 export default { 32 export default {
32 name: "menus", 33 name: "menus",
33 mixins: [tableMixin], 34 mixins: [tableMixin],
34 components: { 35 components: {
35 EditDialog,Roleslistdiglog 36 EditDialog,
37 Roleslistdiglog,
36 }, 38 },
37 data () { 39 data () {
38 return { 40 return {
39 taskData: null, 41 taskData: null,
40 form: { 42 form: {
41 job_name: '', 43 job_name: "",
42 currentPage: 1 44 currentPage: 1,
43 }, 45 },
44 title: '', 46 // 当前所选角色id
47 roleId: "",
48 title: "",
45 queryParam: {}, 49 queryParam: {},
46 selectType: '0', 50 selectType: "0",
47 queryName: '', 51 queryName: "",
48 organizationId: '', // 组织机构ID 52 organizationId: "", // 组织机构ID
49 departmentId: '', // 部门ID 53 departmentId: "", // 部门ID
50 departmentList: [], // 部门列表 54 departmentList: [], // 部门列表
51 levelList: [], // 职务级别 55 levelList: [], // 职务级别
52 tableData: [], 56 tableData: [],
53 sexList: [], 57 sexList: [],
54 typeOptions: [ 58 typeOptions: [
55 { 59 {
56 value: '0', 60 value: "0",
57 label: '姓名' 61 label: "姓名",
58 }, 62 },
59 { 63 {
60 value: '1', 64 value: "1",
61 label: '工号' 65 label: "工号",
62 }, 66 },
63 { 67 {
64 value: '2', 68 value: "2",
65 label: '部门' 69 label: "部门",
66 }, 70 },
67 { 71 {
68 value: '3', 72 value: "3",
69 label: '机构' 73 label: "机构",
70 } 74 },
71 ], 75 ],
72 76
73 selectionList: [], 77 selectionList: [],
74 tableData: { 78 tableData: {
75 columns: [{ 79 columns: [
76 label: '序号', 80 {
77 type: 'index', 81 label: "序号",
78 width: '50', 82 type: "index",
83 width: "50",
79 index: this.indexMethod, 84 index: this.indexMethod,
80 }].concat(data.columns()).concat([ { 85 },
86 ]
87 .concat(data.columns())
88 .concat([
89 {
90 label: "排序",
91 width: 380,
92 render: (h, scope) => {
93 return (
94 <div>
95 <el-button
96 type="text"
97 size="mini"
98 icon="el-icon-video-pause"
99 onClick={() => {
100 this.personnel(scope.row);
101 }}
102 >
103 人员
104 </el-button>
105 <el-button
106 type="text"
107 size="mini"
108 icon="el-icon-edit"
109 onClick={() => {
110 this.handleEdit(scope.row);
111 }}
112 >
113 修改
114 </el-button>
115 </div>
116 );
117 },
118 },
119 ])
120 .concat([
121 {
81 label: "操作", 122 label: "操作",
82 width: 380, 123 width: 380,
83 render: (h, scope) => { 124 render: (h, scope) => {
84 return ( 125 return (
85 <div> 126 <div>
86 <el-button type="text" size="mini" 127 <el-button
128 type="text"
129 size="mini"
87 icon="el-icon-video-pause" 130 icon="el-icon-video-pause"
88 onClick={() => { this.personnel(scope.row) }}>人员 131 onClick={() => {
132 this.personnel(scope.row);
133 }}
134 >
135 人员
89 </el-button> 136 </el-button>
90 <el-button type="text" size="mini" 137 <el-button
138 type="text"
139 size="mini"
91 icon="el-icon-edit" 140 icon="el-icon-edit"
92 141 onClick={() => {
93 onClick={() => { this.handleEdit(scope.row) }}>修改 142 this.handleEdit(scope.row);
143 }}
144 >
145 修改
94 </el-button> 146 </el-button>
95 <el-button type="text" size="mini" 147 <el-button
96 icon="el-icon-delete" style="color:#F56C6C" 148 type="text"
97 onClick={() => { this.handleDel(scope.row) }}>删除 149 size="mini"
150 icon="el-icon-delete"
151 style="color:#F56C6C"
152 onClick={() => {
153 this.handleDel(scope.row);
154 }}
155 >
156 删除
98 </el-button> 157 </el-button>
99 </div> 158 </div>
100 ); 159 );
101 }, 160 },
102 }, 161 },
103 ]), 162 ]),
104 data: [] 163 data: [],
105 }, 164 },
106 pageData: { 165 pageData: {
107 total: 5, 166 total: 5,
108 pageSize: 15, 167 pageSize: 15,
109 current: 1, 168 current: 1,
110 }, 169 },
111 } 170 };
171 },
172 created () {
173 this.featchData();
112 }, 174 },
113 methods: { 175 methods: {
114 // 新增角色 176 // 新增角色
115 handleAdd() { 177 handleAdd () {
116 // this.$refs.addEditDialog.menuType = this.menuType
117 // this.$refs.addEditDialog.roleId = value.id 178 // this.$refs.addEditDialog.roleId = value.id
118 // this.roleSort = value.sort ? value.sort : 0 179 // this.roleSort = value.sort ? value.sort : 0
119 // if (value.id) { 180
120 // this.$refs.addEditDialog.dialogForm.roleName = value.name 181 this.$refs.addEditDialog.showAddEditDialog = true;
121 // this.$refs.addEditDialog.dialogForm.roleType = value.type 182 this.$refs.addEditDialog.dialogTitle = "新增";
122 // this.$refs.addEditDialog.dialogForm.roleTextArea = value.description
123 // }
124 this.$refs.dialogForm.showAddEditDialog = true
125 // this.$refs.addEditDialog.dialogTitle = value.id ? '修改' : '新增'
126 }, 183 },
127 // 修改角色 184 // 修改角色
128 handleEdit(row) { 185 handleEdit (row) {
129 // this.$refs.addEditDialog.menuType = this.menuType 186 this.$refs.addEditDialog.roleId = row.id;
130 // this.$refs.addEditDialog.roleId = row.id 187 this.roleSort = row.sort ? row.sort : 0;
131 // this.roleSort = row.sort ? row.sort : 0 188 if (row.id) {
132 // if (row.id) { 189 this.$refs.addEditDialog.dialogForm.roleName = row.name;
133 // this.$refs.addEditDialog.dialogForm.roleName = row.name 190 this.$refs.addEditDialog.dialogForm.roleType = row.type;
134 // this.$refs.addEditDialog.dialogForm.roleType = row.type 191 this.$refs.addEditDialog.dialogForm.roleTextArea = row.description;
135 // this.$refs.addEditDialog.dialogForm.roleTextArea = row.description 192 }
136 // } 193 this.$refs.addEditDialog.showAddEditDialog = true;
137 this.$refs.dialogForm.showAddEditDialog = true 194 this.$refs.addEditDialog.dialogTitle = "修改";
138 // this.$refs.addEditDialog.dialogTitle = row.id ? '修改' : '新增'
139 }, 195 },
140 featchData () { 196 featchData () {
141
142 this.tableData.data = [ 197 this.tableData.data = [
143 { 198 {
144 job_name: "人事部材料管理员", 199 id: "2176e915-fdb4-414a-b8d6-6cf63171cffc",
145 description: "材料管理员", 200 createdAt: "2022-10-31T07:08:29.293+0000",
146 cron_expression: "管理内部材料", 201 updatedAt: "2022-10-31T07:08:29.293+0000",
202 createdBy: "3127e455-43ba-45ff-9326-0e02ef89485e",
203 updatedBy: "3127e455-43ba-45ff-9326-0e02ef89485e",
204 sort: 29,
205 name: "人事部材料管理员",
206 type: "材料管理员",
207 category: 2,
208 description: "管理内部材料",
209 _X_ROW_KEY: "row_365",
147 }, 210 },
148 ] 211 ];
149 }, 212 },
150 213
151 personnel(){ 214 personnel () {
152 this.$refs.rolesForm.adds(); 215 this.$refs.rolesForm.adds();
153 // this.$refs.rolesForm.title = "人员配置"; 216 this.$refs.rolesForm.title = "人员配置";
154 }, 217 },
155 handleDel (row) { 218 handleDel (row) {
156 this.$confirm('此操将进行删除操作, 是否继续?', '提示', { 219 this.$confirm("此操将进行删除操作, 是否继续?", "提示", {
157 confirmButtonText: '确定', 220 confirmButtonText: "确定",
158 cancelButtonText: '取消', 221 cancelButtonText: "取消",
159 type: 'warning', 222 type: "warning",
160 }) 223 })
161 .then(() => { 224 .then(() => {
162 sjsbTask.sjsbTaskRemove(row.id) 225 sjsbTask
226 .sjsbTaskRemove(row.id)
163 .then((res) => { 227 .then((res) => {
164 if ((res.code = 200)) { 228 if ((res.code = 200)) {
165 this.$message({ 229 this.$message({
166 type: 'success', 230 type: "success",
167 message: res.message, 231 message: res.message,
168 }) 232 });
169 this.featchData() 233 this.featchData();
170 } 234 }
171 }) 235 })
172 .catch((error) => { 236 .catch((error) => {
173 this.$alert(error, '提示', { 237 this.$alert(error, "提示", {
174 confirmButtonText: '确定', 238 confirmButtonText: "确定",
175 type: 'error' 239 type: "error",
176 }) 240 });
177 }) 241 });
178 }) 242 })
179 .catch(() => { 243 .catch(() => {
180 this.$message({ 244 this.$message({
181 type: 'info', 245 type: "info",
182 message: '已取消', 246 message: "已取消",
183 }) 247 });
184 }) 248 });
185 } 249 },
186 } 250 },
187 } 251 };
188 </script> 252 </script>
189 <style scoped lang="scss"> 253 <style scoped lang="scss">
190 @import "~@/styles/mixin.scss"; 254 @import "~@/styles/mixin.scss";
......
1 <template> 1 <template>
2 <Dialog :title="title" :show.sync="visible" :width="'715px'" @close="close()"> 2 <Dialog
3 <template slot="content"> 3 :title="title"
4 <vxe-table 4 class="tableClass"
5 show-overflow 5 :show.sync="visible"
6 :data="memberList" 6 :width="'715px'"
7 border 7 @close="close()"
8 class="header-bg-type1"
9 auto-resize
10 :checkbox-config="{ highlight: true, range: true }"
11 highlight-hover-row
12 max-height="500px"
13 :empty-render="{ name: 'NotData' }"
14 > 8 >
15 <template #empty> 9 <template slot="content">
16 <table-empty /> 10 <lb-table
17 </template> 11 ref="multipleTable"
18 <vxe-table-column 12 :pagination="false"
19 type="checkbox" 13 :column="tableData.column"
20 width="60" 14 :data="tableData.data"
21 align="left" 15 @selection-change="handleSelectionChange"
22 fixed="left"
23 />
24 <vxe-table-column
25 field="code"
26 title="工号"
27 fixed="left"
28 min-width="100"
29 show-header-overflow="tooltip"
30 show-overflow="tooltip"
31 align="left"
32 />
33 <vxe-table-column
34 title="姓名"
35 fixed="left"
36 show-header-overflow="tooltip"
37 show-overflow="tooltip"
38 > 16 >
39 <template slot-scope="scope"> 17 </lb-table>
40 <svg-icon
41 :icon-class="
42 scope.row.sex === '0'
43 ? 'male'
44 : scope.row.sex === '1'
45 ? 'female'
46 : 'secrecy'
47 "
48 />
49 {{ scope.row.name }}
50 </template>
51 </vxe-table-column>
52 <vxe-table-column
53 field="loginName"
54 title="用户名"
55 fixed="left"
56 show-header-overflow="tooltip"
57 show-overflow="tooltip"
58 />
59 <vxe-table-column
60 field="departmentName"
61 title="部门"
62 show-header-overflow="tooltip"
63 show-overflow="tooltip"
64 />
65 </vxe-table>
66 </template> 18 </template>
67 <template slot="footer"> 19 <template slot="footer">
68 <el-button type="primary" class="save" @click="submitForm(1)" 20 <el-button type="primary" class="save" @click="handleSaveMember()"
69 >保存</el-button 21 >保存</el-button
70 > 22 >
71 <el-button class="cancel-button" @click="close()">取消</el-button> 23 <el-button class="cancel-button" @click="close()">取消</el-button>
...@@ -81,10 +33,46 @@ export default { ...@@ -81,10 +33,46 @@ export default {
81 props: {}, 33 props: {},
82 data() { 34 data() {
83 return { 35 return {
84 form: { 36 title: "人员配置",
85 sex: "0", 37 visible: false,
38
39 hasSelectList: [
40 {
41 name: "管理员",
42 loginName: "admin1",
43 departmentName: "研发部",
44 jobLevel: null,
45 },
46 {
47 name: "测试账号",
48 loginName: "admin2",
49 departmentName: "研发部",
50 jobLevel: null,
51 },
52 ], //已经选择的id组成的数组
53 tableData: {
54 column: [
55 {
56 type: "selection",
57 },
58 {
59 prop: "name",
60 label: "姓名",
61 },
62 {
63 prop: "loginName",
64 label: "用户名",
65 },
66 {
67 prop: "departmentName",
68 label: "部门",
69 },
70 {
71 prop: "jobLevel",
72 label: "职务",
86 }, 73 },
87 memberList: [ 74 ],
75 data: [
88 { 76 {
89 id: "3127e455-43ba-45ff-9326-0e02ef89485e", 77 id: "3127e455-43ba-45ff-9326-0e02ef89485e",
90 createdAt: null, 78 createdAt: null,
...@@ -114,24 +102,23 @@ export default { ...@@ -114,24 +102,23 @@ export default {
114 departmentName: "研发部", 102 departmentName: "研发部",
115 _X_ROW_KEY: "row_276", 103 _X_ROW_KEY: "row_276",
116 }, 104 },
105 {
106 name: "管理员",
107 loginName: "admin1",
108 departmentName: "研发部",
109 jobLevel: null,
110 selectStatus: 0,
111 },
112 {
113 name: "测试账号",
114 loginName: "admin2",
115 departmentName: "研发部",
116 jobLevel: null,
117 selectStatus: 0,
118 },
117 ], 119 ],
118 title: "", 120 },
119 type: "", 121 multipleSelection: [],
120 visible: false,
121 showLoginName: false,
122 options: [],
123 setProps: {
124 value: "id",
125 label: "name",
126 children: "children",
127 expandTrigger: "hover",
128 checkStrictly: true, // 可取消关联,选择任意一级选项
129 emitPath: false,
130 },
131 sexList: [],
132 levelList: [],
133 organizationId: "", // 组织机构ID
134 departmentId: "", // 部门ID
135 }; 122 };
136 }, 123 },
137 computed: {}, 124 computed: {},
...@@ -141,33 +128,49 @@ export default { ...@@ -141,33 +128,49 @@ export default {
141 methods: { 128 methods: {
142 adds() { 129 adds() {
143 this.visible = true; 130 this.visible = true;
131 this.tableData.data.forEach((item, index) => {
132 if (item.selectStatus === 0) {
133 this.$nextTick(() => {
134 this.$refs.multipleTable.toggleRowSelection(
135 this.tableData.data[index],
136 true
137 );
138 });
139 }
140 });
144 }, 141 },
145 edit(record) {
146 this.visible = true;
147 },
148 handleChange(value) {
149 this.form.departmentId = value;
150 },
151
152 close() { 142 close() {
153 // this.resetForm()
154 this.visible = false; 143 this.visible = false;
155 }, 144 },
145 // 保存事件
146 handleSaveMember() {
147 // if (this.memberList.length === 0) {
148 // this.$message.warning("请添加待选人员");
149 // return false;
150 // }
151 // const idList = this.memberList.map(item => item.id)
152 // updateUser(this.roleId, idList).then(res => {
153 // if (res.status === 1) {
154 // this.$message.success({ message: '保存成功', showClose: true })
155 // this.showMemberConfigDialog = false
156 // this.$emit('setUsers', this.roleId)
157 // this.resetMemberConfig()
158 // } else this.$message.error({ message: res.message, showClose: true })
159 // })
160 },
161 handleSelectionChange(val) {
162 this.multipleSelection = val;
163 },
156 }, 164 },
157 }; 165 };
158 </script> 166 </script>
159 <style scoped lang="scss"> 167 <style scoped lang="scss">
160 .el-form { 168 /deep/.el-dialog__header{
161 .el-form-item__content { 169 text-align: center;
162 .el-radio { 170 margin-bottom: 10px;
163 margin-right: 6px; 171 .el-dialog__title{
164 } 172 color: white;
165 } 173 }
166 .el-checkbox {
167 line-height: 40px;
168 }
169 .col-pd0 {
170 padding: 0 !important;
171 }
172 } 174 }
175
173 </style> 176 </style>
......
...@@ -2,15 +2,18 @@ ...@@ -2,15 +2,18 @@
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="搜索标题">
8 <el-input v-model="form.job_name" placeholder="请输入标题"></el-input> 11 <el-input v-model="form.job_name" placeholder="标题"></el-input>
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>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <el-row :gutter="24"> 5 <el-row :gutter="24">
6 <el-col :span="11"> 6 <el-col :span="11">
7 <el-form-item label="姓名:" prop="name" label-width="100px"> 7 <el-form-item label="姓名:" prop="name" label-width="100px">
8 <el-input v-model="form.name" placeholder="请输入姓名" /> 8 <el-input v-model="form.name" placeholder="姓名" />
9 </el-form-item> 9 </el-form-item>
10 </el-col> 10 </el-col>
11 <el-col :span="13"> 11 <el-col :span="13">
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
28 <el-row :gutter="24"> 28 <el-row :gutter="24">
29 <el-col :span="11"> 29 <el-col :span="11">
30 <el-form-item label="工号:" prop="code" label-width="100px"> 30 <el-form-item label="工号:" prop="code" label-width="100px">
31 <el-input v-model="form.code" placeholder="请输入工号" /> 31 <el-input v-model="form.code" placeholder="工号" />
32 </el-form-item> 32 </el-form-item>
33 </el-col> 33 </el-col>
34 <el-col :span="13"> 34 <el-col :span="13">
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
36 <el-input 36 <el-input
37 v-model="form.loginName" 37 v-model="form.loginName"
38 :disabled="showLoginName" 38 :disabled="showLoginName"
39 placeholder="请输入用户名" 39 placeholder="用户名"
40 /> 40 />
41 </el-form-item> 41 </el-form-item>
42 </el-col> 42 </el-col>
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
44 <el-row :gutter="24"> 44 <el-row :gutter="24">
45 <el-col :span="11"> 45 <el-col :span="11">
46 <el-form-item label="身份证号码:" label-width="100px"> 46 <el-form-item label="身份证号码:" label-width="100px">
47 <el-input v-model="form.idCard" placeholder="请输入身份证号码" /> 47 <el-input v-model="form.idCard" placeholder="身份证号码" />
48 </el-form-item> 48 </el-form-item>
49 </el-col> 49 </el-col>
50 <el-col :span="13"> 50 <el-col :span="13">
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
55 > 55 >
56 <el-input 56 <el-input
57 v-model="form.mobilePhone" 57 v-model="form.mobilePhone"
58 placeholder="请输入手机号码" 58 placeholder="手机号码"
59 /> 59 />
60 </el-form-item> 60 </el-form-item>
61 </el-col> 61 </el-col>
...@@ -65,7 +65,7 @@ ...@@ -65,7 +65,7 @@
65 <el-form-item label="最高职务级别:" label-width="100px"> 65 <el-form-item label="最高职务级别:" label-width="100px">
66 <el-select 66 <el-select
67 v-model="form.jobLevel" 67 v-model="form.jobLevel"
68 placeholder="请选择最高职务级别" 68 placeholder="最高职务级别"
69 > 69 >
70 <el-option 70 <el-option
71 v-for="item in levelList" 71 v-for="item in levelList"
...@@ -78,7 +78,7 @@ ...@@ -78,7 +78,7 @@
78 </el-col> 78 </el-col>
79 <el-col :span="13"> 79 <el-col :span="13">
80 <el-form-item label="办公电话:" prop="telephone" label-width="72px"> 80 <el-form-item label="办公电话:" prop="telephone" label-width="72px">
81 <el-input v-model="form.telephone" placeholder="请输入办公电话" /> 81 <el-input v-model="form.telephone" placeholder="办公电话" />
82 </el-form-item> 82 </el-form-item>
83 </el-col> 83 </el-col>
84 </el-row> 84 </el-row>
...@@ -89,7 +89,7 @@ ...@@ -89,7 +89,7 @@
89 label-width="100px" 89 label-width="100px"
90 class="form-item-mb0" 90 class="form-item-mb0"
91 > 91 >
92 <el-input v-model="form.address" placeholder="请输入办公地点" /> 92 <el-input v-model="form.address" placeholder="办公地点" />
93 </el-form-item> 93 </el-form-item>
94 </el-col> 94 </el-col>
95 </el-row> 95 </el-row>
...@@ -222,17 +222,16 @@ export default { ...@@ -222,17 +222,16 @@ export default {
222 }; 222 };
223 </script> 223 </script>
224 <style scoped lang="scss"> 224 <style scoped lang="scss">
225 .el-form { 225 /deep/.el-input__inner {
226 .el-form-item__content { 226 background: #07388B;
227 .el-radio { 227 border-radius: 2px;
228 margin-right: 6px; 228 border: 1px solid #6BC1FC;
229 }
230 }
231 .el-checkbox {
232 line-height: 40px;
233 }
234 .col-pd0 {
235 padding: 0 !important;
236 } 229 }
230 /deep/.el-textarea__inner{
231 background: #07388B;
232 color: #fff;
233 }
234 /deep/.el-form-item__label{
235 color:#fff;
237 } 236 }
238 </style> 237 </style>
......
...@@ -2,30 +2,23 @@ ...@@ -2,30 +2,23 @@
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">
8 <el-form-item> 11 <el-form-item>
9 <btn nativeType="cx" @click="handleAdd">添加人员</btn> 12 <btn nativeType="cx" @click="handleAdd">添加人员</btn>
10 <!-- <btn nativeType="cx" @click="resetPassword(selectionRows)"
11 >重置密码</btn
12 >
13 <btn nativeType="cx" @click="resetSearch()">重置</btn> -->
14 </el-form-item> 13 </el-form-item>
15 </el-col> 14 </el-col>
16 </el-row> 15 </el-row>
17 </el-form> 16 </el-form>
18 </div> 17 </div>
19 <div class="from-clues-content"> 18 <div class="from-clues-content">
20 <lb-table 19 <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total"
21 :page-size="pageData.size" 20 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
22 :current-page.sync="pageData.current" 21 :data="tableData.data">
23 :total="pageData.total"
24 @size-change="handleSizeChange"
25 @p-current-change="handleCurrentChange"
26 :column="tableData.columns"
27 :data="tableData.data"
28 >
29 </lb-table> 22 </lb-table>
30 </div> 23 </div>
31 <edit-dialog ref="dialogForm" /> 24 <edit-dialog ref="dialogForm" />
...@@ -33,6 +26,13 @@ ...@@ -33,6 +26,13 @@
33 </template> 26 </template>
34 <script> 27 <script>
35 // 定时任务 28 // 定时任务
29 import {
30 getUuid,
31 judgeSort,
32 realMove,
33 findParents,
34 removeTreeListItem,
35 } from "@/utils/operation";
36 import data from "./data"; 36 import data from "./data";
37 import sjsbTask from "@/api/sjsbTask.js"; 37 import sjsbTask from "@/api/sjsbTask.js";
38 import tableMixin from "@/mixins/tableMixin.js"; 38 import tableMixin from "@/mixins/tableMixin.js";
...@@ -43,7 +43,7 @@ export default { ...@@ -43,7 +43,7 @@ export default {
43 components: { 43 components: {
44 EditDialog, 44 EditDialog,
45 }, 45 },
46 data() { 46 data () {
47 return { 47 return {
48 taskData: null, 48 taskData: null,
49 form: { 49 form: {
...@@ -94,7 +94,28 @@ export default { ...@@ -94,7 +94,28 @@ export default {
94 label: "排序", 94 label: "排序",
95 width: 380, 95 width: 380,
96 render: (h, scope) => { 96 render: (h, scope) => {
97 return <div></div>; 97 return (
98 <div>
99 <el-button
100 type="text"
101 disabled={scope.row.isTop}
102 onClick={() => {
103 this.moveUpward(scope.$index, scope.row);
104 }}
105 >
106 上移
107 </el-button>
108 <el-button
109 type="text"
110 disabled={scope.row.isBottom}
111 onClick={() => {
112 this.moveDown(scope.$index, scope.row);
113 }}
114 >
115 下移
116 </el-button>
117 </div>
118 );
98 }, 119 },
99 }, 120 },
100 { 121 {
...@@ -159,12 +180,12 @@ export default { ...@@ -159,12 +180,12 @@ export default {
159 }; 180 };
160 }, 181 },
161 methods: { 182 methods: {
162 handleAdd() { 183 handleAdd () {
163 this.taskData = null; 184 this.taskData = null;
164 this.$refs.dialogForm.add(); 185 this.$refs.dialogForm.add();
165 this.$refs.dialogForm.title = "添加"; 186 this.$refs.dialogForm.title = "添加";
166 }, 187 },
167 featchData() { 188 featchData () {
168 this.tableData.data = [ 189 this.tableData.data = [
169 { 190 {
170 id: "6a269fa4-49ee-40ed-be72-302ebdf7b9d6", 191 id: "6a269fa4-49ee-40ed-be72-302ebdf7b9d6",
...@@ -213,7 +234,7 @@ export default { ...@@ -213,7 +234,7 @@ export default {
213 address: null, 234 address: null,
214 _X_ROW_KEY: "row_43", 235 _X_ROW_KEY: "row_43",
215 switch: true, 236 switch: true,
216 } 237 },
217 ]; 238 ];
218 }, 239 },
219 // 重置搜索 240 // 重置搜索
...@@ -227,7 +248,7 @@ export default { ...@@ -227,7 +248,7 @@ export default {
227 // }, 248 // },
228 249
229 // 更新用户解锁状态 250 // 更新用户解锁状态
230 updateLock(id, name) { 251 updateLock (id, name) {
231 this.$confirm( 252 this.$confirm(
232 `<div class="customer-message-wrapper"> 253 `<div class="customer-message-wrapper">
233 <h5 class="title">确定要更新用户解锁状态吗</h5> 254 <h5 class="title">确定要更新用户解锁状态吗</h5>
...@@ -254,10 +275,25 @@ export default { ...@@ -254,10 +275,25 @@ export default {
254 // } 275 // }
255 // }) 276 // })
256 }) 277 })
257 .catch(() => {}); 278 .catch(() => { });
279 },
280 // 上移下移
281 moveUpward (index, row) {
282 console.log("index", index);
283 console.log("row", row);
284 realMove(row.bsmDict, "UP", this.tableData);
285 this.key++;
286 let id = findParents(this.tableData, row.bsmDict);
287 this.keyList = id;
288 },
289 moveDown (index, row) {
290 realMove(row.bsmDict, "DOWN", this.tableData);
291 this.key++;
292 let id = findParents(this.tableData, row.bsmDict);
293 this.keyList = id;
258 }, 294 },
259 // 重置用户密码 295 // 重置用户密码
260 resetPassword(data) { 296 resetPassword (data) {
261 const ids = []; 297 const ids = [];
262 if (data instanceof Array) { 298 if (data instanceof Array) {
263 data.forEach((item) => { 299 data.forEach((item) => {
...@@ -300,15 +336,15 @@ export default { ...@@ -300,15 +336,15 @@ export default {
300 // } 336 // }
301 // }) 337 // })
302 }) 338 })
303 .catch(() => {}); 339 .catch(() => { });
304 }, 340 },
305 // 修改人员信息 341 // 修改人员信息
306 handleEdit(row) { 342 handleEdit (row) {
307 this.$refs.dialogForm.edit(row); 343 this.$refs.dialogForm.edit(row);
308 this.$refs.dialogForm.title = "修改"; 344 this.$refs.dialogForm.title = "修改";
309 }, 345 },
310 // 删除 346 // 删除
311 handleDelete(id, content) { 347 handleDelete (id, content) {
312 this.$confirm("此操将进行删除操作, 是否继续?", "提示", { 348 this.$confirm("此操将进行删除操作, 是否继续?", "提示", {
313 confirmButtonText: "确定", 349 confirmButtonText: "确定",
314 cancelButtonText: "取消", 350 cancelButtonText: "取消",
...@@ -324,7 +360,7 @@ export default { ...@@ -324,7 +360,7 @@ export default {
324 // this.getTableList() 360 // this.getTableList()
325 // }) 361 // })
326 }) 362 })
327 .catch(() => {}); 363 .catch(() => { });
328 }, 364 },
329 }, 365 },
330 }; 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({
......
1 <template>
2 <!-- 编辑 -->
3 <dialogBox title="操作内容" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="myValue">
4 <p>2222222222222222222222</p>
5 </dialogBox>
6 </template>
7
8 <script>
9 export default {
10 props: {
11 value: { type: Boolean, default: false },
12 },
13 data () {
14 return {
15 myValue: this.value,
16 }
17 },
18 watch: {
19 value (val) {
20 this.myValue = val
21 }
22 },
23 methods: {
24 closeDialog () {
25 this.$emit('input', false)
26 },
27 handleSubmit () {
28 this.$emit('input', false)
29 }
30 }
31 }
32 </script>
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <!-- 中心日志 -->
3 <div class="from-clues">
4 <!-- 头部搜索 -->
5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="80px">
7 <el-row>
8 <el-col :span="5">
9 <el-form-item label="用户名称" prop="name">
10 <el-input v-model="form.name" class="width100" placeholder="用户名称"></el-input>
11 </el-form-item>
12 </el-col>
13 <el-col :span="5">
14 <el-form-item label="开始日期" prop="startTime">
15 <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart"
16 clearable v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker>
17 </el-form-item>
18 </el-col>
19 <el-col :span="5">
20 <el-form-item label="结束日期" prop="endTime">
21 <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd"
22 clearable v-model="form.endTime" value-format="yyyy-MM-dd"></el-date-picker>
23 </el-form-item>
24 </el-col>
25 <el-col :span="5">
26 <el-form-item label="操作类型" prop="czlx">
27 <el-select v-model="form.czlx" class="width100" clearable placeholder="操作类型">
28 <el-option v-for="item in []" :key="item.value" :label="item.label" :value="item.value">
29 </el-option>
30 </el-select>
31 </el-form-item>
32 </el-col>
33 <!-- 操作按钮 -->
34 <el-col :span="4" class="btnColRight">
35 <el-button @click="resetForm">重置</el-button>
36 <el-button type="primary" @click="handleSubmit">查询</el-button>
37 </el-col>
38 </el-row>
39 </el-form>
40 </div>
41 <!-- 列表 -->
42 <div class="from-clues-content">
43 <lb-table ref="table" :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total"
44 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
45 :data="tableData.data">
46 </lb-table>
47 </div>
48 <detailDialog v-model="isShow" />
49 </div>
50 </template>
51 <script>
52 // 中心日志
53 // 引入列表头部数据
54 import data from "./data"
55 // 引入列表混入方法
56 import tableMixin from '@/mixins/tableMixin.js'
57 // 引入详情
58 import detailDialog from './components/detailDialog.vue'
59 export default {
60 name: "zxrz",
61 mixins: [tableMixin],
62 // 注册组件
63 components: {
64 detailDialog
65 },
66 data () {
67 return {
68 isShow: false,
69 // 开始结束日期限制
70 pickerOptionsStart: {
71 disabledDate: (time) => {
72 if (this.form.endTime) {
73 return (
74 time.getTime() >= new Date(this.form.endTime).getTime()
75 );
76 }
77 }
78 },
79 // 结束日期限制
80 pickerOptionsEnd: {
81 disabledDate: (time) => {
82 if (this.form.startTime) {
83 return (
84 time.getTime() <= new Date(this.form.startTime).getTime()
85 );
86 }
87 }
88 },
89 // 表单
90 form: {
91 name: '',
92 startTime: '',
93 endTime: '',
94 ywmc: '',
95 czlx: '',
96 currentPage: 1
97 },
98 // 表单校验
99 rules: {
100 name: [
101 { required: true, message: '用户名称', trigger: 'change' }
102 ],
103 startTime: [
104 { required: true, message: '开始日期', trigger: 'change' }
105 ],
106 endTime: [
107 { required: true, message: '结束日期', trigger: 'change' }
108 ],
109 czlx: [
110 { required: true, message: '操作类型', trigger: 'change' }
111 ]
112 },
113 // 列表
114 tableData: {
115 // 列表头部数据
116 columns: [{
117 label: '序号',
118 type: 'index',
119 width: '50',
120 index: this.indexMethod,
121 }].concat(data.columns()).concat([
122 {
123 label: "操作",
124 width: '80',
125 render: (h, scope) => {
126 return (
127 <div>
128 <el-button
129 type="text"
130 size="mini"
131 onClick={() => { this.handleDetails(scope.row) }}
132 >
133 详情
134 </el-button>
135 </div>
136 )
137 }
138 }
139 ]),
140 // 列表
141 data: [{}]
142 },
143 // 分页
144 pageData: {
145 total: 0,
146 pageSize: 15,
147 current: 1,
148 }
149 }
150 },
151 methods: {
152 // 重置表单
153 resetForm () {
154 this.$refs.ruleForm.resetFields();
155 },
156 async featchData () {
157 },
158 handleDetails (row) {
159 this.isShow = true
160 }
161 }
162 }
163 </script>
164 <style scoped lang="scss">
165 @import "~@/styles/public.scss";
166 @import "./index.scss";
167 </style>
168