Merge branch 'master' into dev
Showing
133 changed files
with
2315 additions
and
2811 deletions
src/api/business.js
0 → 100644
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 |
src/api/efficient.js
0 → 100644
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 | }); | ... | ... |
src/components/Echart/Rose copy/Chart.vue
0 → 100644
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> |
src/components/Echart/Rose copy/index.vue
0 → 100644
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 | <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 | } | ... | ... |
src/image/closebg.png
0 → 100644

493 Bytes
src/image/rqjx.png
0 → 100644

6.22 KB
... | @@ -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 { | ... | ... |
src/utils/operation copy.js
0 → 100644
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> | ... | ... |
File moved
... | @@ -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) | ... | ... |
... | @@ -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> | ... | ... |
src/views/bwcxrkrz/data/index.js
deleted
100644 → 0
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() |
src/views/bwcxrkrz/index.scss
deleted
100644 → 0
File mode changed
src/views/bwcxrkrz/index.vue
deleted
100644 → 0
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 |
... | @@ -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> |
src/views/jgHome/data/index.js
deleted
100644 → 0
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() |
src/views/jgHome/index.scss
deleted
100644 → 0
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 |
src/views/jgHome/index.vue
deleted
100644 → 0
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> | ... | ... |
src/views/jktj/cgltj/index.vue
0 → 100644
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 |
src/views/jrqygl/data/index.js
deleted
100644 → 0
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() |
src/views/jrqygl/index.scss
deleted
100644 → 0
File mode changed
src/views/jrqygl/index.vue
deleted
100644 → 0
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 | }, | ... | ... |
src/views/jsbwcxrk/data/index.js
deleted
100644 → 0
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() |
src/views/jsbwcxrk/index.scss
deleted
100644 → 0
File mode changed
src/views/jsbwcxrk/index.vue
deleted
100644 → 0
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 |
src/views/jsgzgl/data/index.js
deleted
100644 → 0
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() |
src/views/jsgzgl/index.scss
deleted
100644 → 0
src/views/jsgzgl/index.vue
deleted
100644 → 0
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 |
... | @@ -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> | ... | ... |
File moved
... | @@ -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 | } | ... | ... |
... | @@ -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 |
src/views/zxrz/index.scss
deleted
100644 → 0
File mode changed
src/views/zxrz/index.vue
deleted
100644 → 0
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 |
-
Please register or sign in to post a comment