Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcjg-web
Showing
11 changed files
with
232 additions
and
224 deletions
src/api/worktable.js
0 → 100644
| 1 | import request from '@/utils/request' | ||
| 2 | import SERVER from './config' | ||
| 3 | |||
| 4 | class worktable { | ||
| 5 | // 登记类型总量 | ||
| 6 | async getDjlxtotal(data) { | ||
| 7 | return request({ | ||
| 8 | url: SERVER.SERVERAPI + '/rest/reg/work/getDjlxtotal', | ||
| 9 | method: 'post', | ||
| 10 | data | ||
| 11 | }) | ||
| 12 | } | ||
| 13 | // 登记业务量 | ||
| 14 | async getdjywltotal(data) { | ||
| 15 | return request({ | ||
| 16 | url: SERVER.SERVERAPI + '/rest/reg/work/getdjywltotal', | ||
| 17 | method: 'post', | ||
| 18 | data | ||
| 19 | }) | ||
| 20 | } | ||
| 21 | // 省厅汇交-区县接入 | ||
| 22 | async getsthjqxjrtotal(data) { | ||
| 23 | return request({ | ||
| 24 | url: SERVER.SERVERAPI + '/rest/reg/work/getsthjqxjrtotal', | ||
| 25 | method: 'post', | ||
| 26 | data | ||
| 27 | }) | ||
| 28 | } | ||
| 29 | // 地图区县总量统计,code区县编码,汉中为:A20 | ||
| 30 | async mapViews(code) { | ||
| 31 | return request({ | ||
| 32 | url: SERVER.SERVERAPI + '/rest/reg/work/mapViews', | ||
| 33 | method: 'get', | ||
| 34 | params: { | ||
| 35 | code: code | ||
| 36 | } | ||
| 37 | }) | ||
| 38 | } | ||
| 39 | // 地图区县成功失败统计,code区县编码,汉中为:A20 | ||
| 40 | async submitViews(code) { | ||
| 41 | return request({ | ||
| 42 | url: SERVER.SERVERAPI + '/rest/reg/work/submitViews', | ||
| 43 | method: 'get', | ||
| 44 | params: { | ||
| 45 | code: code | ||
| 46 | } | ||
| 47 | }) | ||
| 48 | } | ||
| 49 | |||
| 50 | |||
| 51 | } | ||
| 52 | export default new worktable() |
| ... | @@ -198,7 +198,7 @@ | ... | @@ -198,7 +198,7 @@ |
| 198 | 预测建筑面积: <br /> | 198 | 预测建筑面积: <br /> |
| 199 | <p class="label-detail">(YCJZMJ)</p> | 199 | <p class="label-detail">(YCJZMJ)</p> |
| 200 | </span> | 200 | </span> |
| 201 | <el-input-number controls-position="right":disabled="$store.state.business.Edit" | 201 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" |
| 202 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测建筑面积" type="number" | 202 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测建筑面积" type="number" |
| 203 | v-model.number="ruleForm.ycjzmj"></el-input-number> | 203 | v-model.number="ruleForm.ycjzmj"></el-input-number> |
| 204 | </el-form-item> | 204 | </el-form-item> |
| ... | @@ -210,9 +210,9 @@ | ... | @@ -210,9 +210,9 @@ |
| 210 | 预测套内建筑面积: <br /> | 210 | 预测套内建筑面积: <br /> |
| 211 | <p class="label-detail">(YCTNJZMJ)</p> | 211 | <p class="label-detail">(YCTNJZMJ)</p> |
| 212 | </span> | 212 | </span> |
| 213 | <el-input :disabled="$store.state.business.Edit" | 213 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" |
| 214 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测套内建筑面积" type="number" | 214 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测套内建筑面积" type="number" |
| 215 | v-model.number="ruleForm.yctnjzmj"></el-input> | 215 | v-model.number="ruleForm.yctnjzmj"></el-input-number> |
| 216 | </el-form-item> | 216 | </el-form-item> |
| 217 | </el-col> | 217 | </el-col> |
| 218 | </el-row> | 218 | </el-row> |
| ... | @@ -225,7 +225,7 @@ | ... | @@ -225,7 +225,7 @@ |
| 225 | <p class="label-detail">(YCFTJZMJ)</p> | 225 | <p class="label-detail">(YCFTJZMJ)</p> |
| 226 | </span> | 226 | </span> |
| 227 | <el-input :disabled="$store.state.business.Edit" | 227 | <el-input :disabled="$store.state.business.Edit" |
| 228 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测分摊建筑面积" type="number" | 228 | : 999999999999999, min: 0, precision: 2 }" placeholder="预测分摊建筑面积" type="number" |
| 229 | v-model.number="ruleForm.ycftjzmj"></el-input> | 229 | v-model.number="ruleForm.ycftjzmj"></el-input> |
| 230 | </el-form-item> | 230 | </el-form-item> |
| 231 | </el-col> | 231 | </el-col> |
| ... | @@ -236,9 +236,9 @@ | ... | @@ -236,9 +236,9 @@ |
| 236 | 预测地下部分建筑面积: <br /> | 236 | 预测地下部分建筑面积: <br /> |
| 237 | <p class="label-detail">(YCDXBFJZMJ)</p> | 237 | <p class="label-detail">(YCDXBFJZMJ)</p> |
| 238 | </span> | 238 | </span> |
| 239 | <el-input :disabled="$store.state.business.Edit" | 239 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" |
| 240 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测地下部分建筑面积" type="number" | 240 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测地下部分建筑面积" type="number" |
| 241 | v-model.number="ruleForm.ycdxbfjzmj"></el-input> | 241 | v-model.number="ruleForm.ycdxbfjzmj"></el-input-number> |
| 242 | </el-form-item> | 242 | </el-form-item> |
| 243 | </el-col> | 243 | </el-col> |
| 244 | 244 | ||
| ... | @@ -248,9 +248,9 @@ | ... | @@ -248,9 +248,9 @@ |
| 248 | 预测其它建筑面积: <br /> | 248 | 预测其它建筑面积: <br /> |
| 249 | <p class="label-detail">(YCQTJZMJ)</p> | 249 | <p class="label-detail">(YCQTJZMJ)</p> |
| 250 | </span> | 250 | </span> |
| 251 | <el-input :disabled="$store.state.business.Edit" | 251 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" |
| 252 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测其它建筑面积" type="number" | 252 | v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测其它建筑面积" type="number" |
| 253 | v-model.number="ruleForm.ycqtjzmj"></el-input> | 253 | v-model.number="ruleForm.ycqtjzmj"></el-input-number> |
| 254 | </el-form-item> | 254 | </el-form-item> |
| 255 | </el-col> | 255 | </el-col> |
| 256 | </el-row> | 256 | </el-row> |
| ... | @@ -364,7 +364,7 @@ | ... | @@ -364,7 +364,7 @@ |
| 364 | <p class="label-detail">(FTTDMJ)</p> | 364 | <p class="label-detail">(FTTDMJ)</p> |
| 365 | </span> | 365 | </span> |
| 366 | <el-input :disabled="$store.state.business.Edit" | 366 | <el-input :disabled="$store.state.business.Edit" |
| 367 | v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="分摊土地面积" type="number" | 367 | : 999999999999999, min: 0, precision: 3 }" placeholder="分摊土地面积" type="number" |
| 368 | v-model.number="ruleForm.fttdmj"></el-input> | 368 | v-model.number="ruleForm.fttdmj"></el-input> |
| 369 | </el-form-item> | 369 | </el-form-item> |
| 370 | </el-col> | 370 | </el-col> | ... | ... |
| ... | @@ -10,7 +10,7 @@ | ... | @@ -10,7 +10,7 @@ |
| 10 | <span slot="label"> | 10 | <span slot="label"> |
| 11 | 标识码: <br /> | 11 | 标识码: <br /> |
| 12 | <p class="label-detail">(BSM)</p> | 12 | <p class="label-detail">(BSM)</p> |
| 13 | </span> | 13 | </span> |
| 14 | <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].bsm" | 14 | <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].bsm" |
| 15 | placeholder="标识码"></el-input> | 15 | placeholder="标识码"></el-input> |
| 16 | </el-form-item> | 16 | </el-form-item> |
| ... | @@ -117,9 +117,9 @@ | ... | @@ -117,9 +117,9 @@ |
| 117 | 幢占地面积: <br /> | 117 | 幢占地面积: <br /> |
| 118 | <p class="label-detail">(ZZDMJ)</p> | 118 | <p class="label-detail">(ZZDMJ)</p> |
| 119 | </span> | 119 | </span> |
| 120 | <el-input :disabled="$store.state.business.Edit" | 120 | <el-input-number controls-position="right" :disabled="$store.state.business.Edit" |
| 121 | v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="幢占地面积" type="number" | 121 | v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="幢占地面积" type="number" |
| 122 | v-model.number="naturalForm.naturalList[index].zzdmj"></el-input> | 122 | v-model.number="naturalForm.naturalList[index].zzdmj"></el-input-number> |
| 123 | </el-form-item> | 123 | </el-form-item> |
| 124 | </el-col> | 124 | </el-col> |
| 125 | 125 | ... | ... |
| ... | @@ -10,9 +10,10 @@ | ... | @@ -10,9 +10,10 @@ |
| 10 | </template> | 10 | </template> |
| 11 | 11 | ||
| 12 | <script> | 12 | <script> |
| 13 | import Chart from './chart.vue'; | 13 | import Chart from "./chart.vue"; |
| 14 | import worktable from "@/api/worktable"; | ||
| 14 | export default { | 15 | export default { |
| 15 | data () { | 16 | data() { |
| 16 | return { | 17 | return { |
| 17 | cdata: { | 18 | cdata: { |
| 18 | seriesData: [ | 19 | seriesData: [ |
| ... | @@ -30,19 +31,35 @@ export default { | ... | @@ -30,19 +31,35 @@ export default { |
| 30 | { value: 35, name: "预告登记" }, | 31 | { value: 35, name: "预告登记" }, |
| 31 | { value: 20, name: "查封登记" }, | 32 | { value: 20, name: "查封登记" }, |
| 32 | { value: 35, name: "抵押权登记" }, | 33 | { value: 35, name: "抵押权登记" }, |
| 33 | { value: 20, name: "地役权登记" } | 34 | { value: 20, name: "地役权登记" }, |
| 34 | ] | 35 | ], |
| 35 | } | 36 | }, |
| 36 | } | 37 | }; |
| 37 | }, | 38 | }, |
| 38 | components: { | 39 | components: { |
| 39 | Chart, | 40 | Chart, |
| 40 | }, | 41 | }, |
| 41 | mounted () { | 42 | mounted() { |
| 43 | this.getdjywltotal(); | ||
| 42 | }, | 44 | }, |
| 43 | methods: { | 45 | methods: { |
| 44 | } | 46 | getdjywltotal() { |
| 45 | } | 47 | return new Promise(async (resolve) => { |
| 48 | try { | ||
| 49 | let p = { | ||
| 50 | DJLX: "A21", | ||
| 51 | QLLX: "A8", | ||
| 52 | XZQDM: "A20", | ||
| 53 | }; | ||
| 54 | let res = await worktable.getdjywltotal(p); | ||
| 55 | |||
| 56 | } catch (error) { | ||
| 57 | this.$refs.msg.messageShow(); | ||
| 58 | } | ||
| 59 | }); | ||
| 60 | }, | ||
| 61 | }, | ||
| 62 | }; | ||
| 46 | </script> | 63 | </script> |
| 47 | 64 | ||
| 48 | <style lang="scss" scoped> | 65 | <style lang="scss" scoped> |
| ... | @@ -56,6 +73,6 @@ export default { | ... | @@ -56,6 +73,6 @@ export default { |
| 56 | text-align: center; | 73 | text-align: center; |
| 57 | border-radius: 6px; | 74 | border-radius: 6px; |
| 58 | font-weight: 600; | 75 | font-weight: 600; |
| 59 | color: #02D9FD; | 76 | color: #02d9fd; |
| 60 | } | 77 | } |
| 61 | </style> | 78 | </style> | ... | ... |
| ... | @@ -3,66 +3,41 @@ | ... | @@ -3,66 +3,41 @@ |
| 3 | </template> | 3 | </template> |
| 4 | 4 | ||
| 5 | <script> | 5 | <script> |
| 6 | import Chart from './chart.vue' | 6 | import Chart from "./chart.vue"; |
| 7 | import worktable from "@/api/worktable"; | ||
| 7 | export default { | 8 | export default { |
| 8 | data () { | 9 | data() { |
| 9 | return { | 10 | return { |
| 10 | cdata: { | 11 | cdata: { |
| 11 | category: [ | 12 | category: [], |
| 12 | "汉台区", | 13 | lineData: [], |
| 13 | "南郑区", | 14 | barData: [], |
| 14 | "城固县", | 15 | }, |
| 15 | "洋县", | ||
| 16 | "西乡县", | ||
| 17 | "勉县", | ||
| 18 | "宁强县", | ||
| 19 | "略阳县", | ||
| 20 | "镇巴县", | ||
| 21 | "留坝县", | ||
| 22 | "佛坪县", | ||
| 23 | |||
| 24 | ], | ||
| 25 | lineData: [ | ||
| 26 | 44715, | ||
| 27 | 48444, | ||
| 28 | 50415, | ||
| 29 | 56061, | ||
| 30 | 18092, | ||
| 31 | 20728, | ||
| 32 | 24045, | ||
| 33 | 28348, | ||
| 34 | 32808, | ||
| 35 | 36097, | ||
| 36 | 39867 | ||
| 37 | ], | ||
| 38 | barData: [ | ||
| 39 | 8500, | ||
| 40 | 9900, | ||
| 41 | 12500, | ||
| 42 | 14000, | ||
| 43 | 21500, | ||
| 44 | 4600, | ||
| 45 | 5000, | ||
| 46 | 5500, | ||
| 47 | 6500, | ||
| 48 | 7500, | ||
| 49 | 23200, | ||
| 50 | ], | ||
| 51 | rateData: [] | ||
| 52 | } | ||
| 53 | }; | 16 | }; |
| 54 | }, | 17 | }, |
| 55 | components: { | 18 | components: { |
| 56 | Chart, | 19 | Chart, |
| 57 | }, | 20 | }, |
| 58 | mounted () { | 21 | mounted() { |
| 22 | this.submitViews(); | ||
| 59 | }, | 23 | }, |
| 60 | methods: { | 24 | methods: { |
| 61 | 25 | async submitViews() { | |
| 62 | } | 26 | try { |
| 27 | let { result: res } = await worktable.submitViews("A20"); | ||
| 28 | res.filter((item) => { | ||
| 29 | return ( | ||
| 30 | this.cdata.category.push(item.areaName), | ||
| 31 | this.cdata.lineData.push(item.successCount), | ||
| 32 | this.cdata.barData.push(item.failureCount) | ||
| 33 | ); | ||
| 34 | }); | ||
| 35 | } catch (error) { | ||
| 36 | // this.$refs.msg.messageShow(); | ||
| 37 | } | ||
| 38 | }, | ||
| 39 | }, | ||
| 63 | }; | 40 | }; |
| 64 | </script> | 41 | </script> |
| 65 | 42 | ||
| 66 | <style lang="scss" scoped> | 43 | <style lang="scss" scoped></style> |
| 67 | |||
| 68 | </style> | ... | ... |
| ... | @@ -4,6 +4,7 @@ | ... | @@ -4,6 +4,7 @@ |
| 4 | 4 | ||
| 5 | <script> | 5 | <script> |
| 6 | import Chart from "./chart.vue"; | 6 | import Chart from "./chart.vue"; |
| 7 | import worktable from "@/api/worktable"; | ||
| 7 | export default { | 8 | export default { |
| 8 | data() { | 9 | data() { |
| 9 | return { | 10 | return { |
| ... | @@ -17,68 +18,32 @@ export default { | ... | @@ -17,68 +18,32 @@ export default { |
| 17 | Chart, | 18 | Chart, |
| 18 | }, | 19 | }, |
| 19 | created() { | 20 | created() { |
| 20 | this.queryClick(); | 21 | |
| 22 | }, | ||
| 23 | mounted() { | ||
| 24 | this.getDjlxtotal(); | ||
| 21 | }, | 25 | }, |
| 22 | mounted() {}, | ||
| 23 | methods: { | 26 | methods: { |
| 24 | queryClick() { | 27 | getDjlxtotal() { |
| 25 | console.log("来了kkksxdx"); | 28 | return new Promise(async (resolve) => { |
| 26 | // getDataReportPage({ ...this.form, ...this.pageData }).then((res) => { | 29 | try { |
| 27 | let data = { | 30 | let p = { |
| 28 | success: true, | 31 | DJLX: "A21", |
| 29 | message: "操作成功!", | 32 | QLLX: "A8", |
| 30 | code: 200, | 33 | XZQDM: "A20", |
| 31 | result: [ | 34 | }; |
| 32 | { | 35 | let res = await worktable.getDjlxtotal(p); |
| 33 | AREACODE: "转移登记", | 36 | res.result.filter((item) => { |
| 34 | ywtotal: "2", | ||
| 35 | }, | ||
| 36 | { | ||
| 37 | AREACODE: "变更登记", | ||
| 38 | ywtotal: "4", | ||
| 39 | }, | ||
| 40 | { | ||
| 41 | AREACODE: "注销登记", | ||
| 42 | ywtotal: "6", | ||
| 43 | }, | ||
| 44 | { | ||
| 45 | AREACODE: "更正登记", | ||
| 46 | ywtotal: "2", | ||
| 47 | }, | ||
| 48 | { | ||
| 49 | AREACODE: "首次登记", | ||
| 50 | ywtotal: "11", | ||
| 51 | }, | ||
| 52 | { | ||
| 53 | AREACODE: "预告登记", | ||
| 54 | ywtotal: "5", | ||
| 55 | }, | ||
| 56 | { | ||
| 57 | AREACODE: "补证", | ||
| 58 | ywtotal: "1", | ||
| 59 | }, | ||
| 60 | { | ||
| 61 | AREACODE: "换证", | ||
| 62 | ywtotal: "2", | ||
| 63 | }, | ||
| 64 | { | ||
| 65 | AREACODE: "查封登记", | ||
| 66 | ywtotal: "2", | ||
| 67 | }, | ||
| 68 | ], | ||
| 69 | timestamp: 1673856701381, | ||
| 70 | }; | ||
| 71 | if (data.code === 200) { | ||
| 72 | data.result.filter((item) => { | ||
| 73 | return ( | 37 | return ( |
| 74 | this.cdata.category.push(item.AREACODE), | 38 | this.cdata.category.push(item.AREACODE), |
| 75 | this.cdata.lineData.push(item.ywtotal) | 39 | this.cdata.lineData.push(item.ywtotal) |
| 76 | ); | 40 | ); |
| 77 | }); | 41 | }); |
| 78 | console.log("this.cdata", this.cdata); | 42 | } catch (error) { |
| 79 | } | 43 | this.$refs.msg.messageShow(); |
| 80 | // }); | 44 | } |
| 81 | }, | 45 | }); |
| 46 | } | ||
| 82 | }, | 47 | }, |
| 83 | }; | 48 | }; |
| 84 | </script> | 49 | </script> | ... | ... |
| ... | @@ -4,60 +4,34 @@ | ... | @@ -4,60 +4,34 @@ |
| 4 | 4 | ||
| 5 | <script> | 5 | <script> |
| 6 | import Chart from './chart.vue'; | 6 | import Chart from './chart.vue'; |
| 7 | import worktable from "@/api/worktable"; | ||
| 7 | export default { | 8 | export default { |
| 8 | data () { | 9 | data () { |
| 9 | return { | 10 | return { |
| 10 | cdata: [{ | 11 | cdata: [] |
| 11 | name: '汉台区', | ||
| 12 | value: '6000', | ||
| 13 | elseData: { | ||
| 14 | // 这里放置地图 tooltip 里想显示的数据 | ||
| 15 | } | ||
| 16 | }, | ||
| 17 | { | ||
| 18 | name: '南郑区', | ||
| 19 | value: '8000' | ||
| 20 | }, | ||
| 21 | { | ||
| 22 | name: '城固县', | ||
| 23 | value: '3000' | ||
| 24 | }, | ||
| 25 | { | ||
| 26 | name: '洋县', | ||
| 27 | value: '7000' | ||
| 28 | }, | ||
| 29 | { | ||
| 30 | name: '西乡县', | ||
| 31 | value: '1000' | ||
| 32 | }, | ||
| 33 | { | ||
| 34 | name: '镇巴县', | ||
| 35 | value: '2000' | ||
| 36 | }, | ||
| 37 | { | ||
| 38 | name: '勉县', | ||
| 39 | value: '600' | ||
| 40 | }, | ||
| 41 | { | ||
| 42 | name: '留坝县', | ||
| 43 | value: '3000' | ||
| 44 | }, | ||
| 45 | { | ||
| 46 | name: '佛坪县', | ||
| 47 | value: '1000' | ||
| 48 | }, | ||
| 49 | { | ||
| 50 | name: '宁强县', | ||
| 51 | value: '1000' | ||
| 52 | }, | ||
| 53 | { | ||
| 54 | name: '略阳县', | ||
| 55 | value: '1000' | ||
| 56 | }] | ||
| 57 | } | 12 | } |
| 58 | }, | 13 | }, |
| 59 | components: { | 14 | components: { |
| 60 | Chart | 15 | Chart |
| 61 | } | 16 | }, |
| 17 | mounted() { | ||
| 18 | this.mapViews(); | ||
| 19 | |||
| 20 | }, | ||
| 21 | methods: { | ||
| 22 | async mapViews() { | ||
| 23 | try { | ||
| 24 | let { result: res } = await worktable.mapViews("A20"); | ||
| 25 | res.filter((item) => { | ||
| 26 | return ( | ||
| 27 | this.cdata.push({"name":item.areaName,"value":item.areaCode}) | ||
| 28 | ) | ||
| 29 | |||
| 30 | }); | ||
| 31 | } catch (error) { | ||
| 32 | this.$refs.msg.messageShow(); | ||
| 33 | } | ||
| 34 | } | ||
| 35 | } | ||
| 62 | } | 36 | } |
| 63 | </script> | 37 | </script> | ... | ... |
| ... | @@ -11,7 +11,7 @@ class data extends filter { | ... | @@ -11,7 +11,7 @@ class data extends filter { |
| 11 | render: (h, scope) => { | 11 | render: (h, scope) => { |
| 12 | return ( | 12 | return ( |
| 13 | <div> | 13 | <div> |
| 14 | <span>{this.dicStatus(scope.row.xzq, 'A20')}</span> | 14 | <span>{this.dicStatus(scope.row.qxdm, 'A20')}</span> |
| 15 | </div> | 15 | </div> |
| 16 | ) | 16 | ) |
| 17 | }, | 17 | }, |
| ... | @@ -46,7 +46,7 @@ class data extends filter { | ... | @@ -46,7 +46,7 @@ class data extends filter { |
| 46 | }, | 46 | }, |
| 47 | { | 47 | { |
| 48 | label: "用途", | 48 | label: "用途", |
| 49 | prop: "tdyt" | 49 | prop: "yt" |
| 50 | }, | 50 | }, |
| 51 | { | 51 | { |
| 52 | label: "土地面积", | 52 | label: "土地面积", | ... | ... |
| ... | @@ -4,16 +4,16 @@ | ... | @@ -4,16 +4,16 @@ |
| 4 | <el-form ref="form" :model="form" label-width="120px"> | 4 | <el-form ref="form" :model="form" label-width="120px"> |
| 5 | <el-row> | 5 | <el-row> |
| 6 | <el-col :span="6"> | 6 | <el-col :span="6"> |
| 7 | <el-form-item label="行政区" prop="pcode"> | 7 | <el-form-item label="行政区"> |
| 8 | <el-select v-model="form.pcode" class="width100" clearable placeholder="行政区"> | 8 | <el-select v-model="form.qxdm" class="width100" clearable placeholder="行政区"> |
| 9 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 9 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
| 10 | </el-option> | 10 | </el-option> |
| 11 | </el-select> | 11 | </el-select> |
| 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="权属状态" prop="qszt"> | 15 | <el-form-item label="权属状态"> |
| 16 | <el-select :disabled="$store.state.business.Edit" class="width100" v-model="form.qszt" placeholder="权属状态"> | 16 | <el-select class="width100" v-model="form.qszt" placeholder="权属状态"> |
| 17 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 17 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
| 18 | </el-option> | 18 | </el-option> |
| 19 | </el-select> | 19 | </el-select> |
| ... | @@ -65,7 +65,6 @@ | ... | @@ -65,7 +65,6 @@ |
| 65 | // 土地所有权 | 65 | // 土地所有权 |
| 66 | import data from "./data" | 66 | import data from "./data" |
| 67 | import business from '@/api/business' | 67 | import business from '@/api/business' |
| 68 | import dataReporting from '@/api/dataReporting' | ||
| 69 | import tableMixin from '@/mixins/tableMixin.js' | 68 | import tableMixin from '@/mixins/tableMixin.js' |
| 70 | import treeSelect from '@/components/treeSelect/index.vue' | 69 | import treeSelect from '@/components/treeSelect/index.vue' |
| 71 | export default { | 70 | export default { |
| ... | @@ -77,7 +76,7 @@ export default { | ... | @@ -77,7 +76,7 @@ export default { |
| 77 | data () { | 76 | data () { |
| 78 | return { | 77 | return { |
| 79 | form: { | 78 | form: { |
| 80 | pcode: '', | 79 | qxdm: '', |
| 81 | qszt: '', | 80 | qszt: '', |
| 82 | zl: '', | 81 | zl: '', |
| 83 | qlr: '', | 82 | qlr: '', |
| ... | @@ -120,17 +119,6 @@ export default { | ... | @@ -120,17 +119,6 @@ export default { |
| 120 | current: 1, | 119 | current: 1, |
| 121 | }, | 120 | }, |
| 122 | diaData: null, | 121 | diaData: null, |
| 123 | bsmSjsb: '', | ||
| 124 | QLLXOptions: [ | ||
| 125 | { | ||
| 126 | label: '集体土地所有权', | ||
| 127 | value: '1' | ||
| 128 | }, | ||
| 129 | { | ||
| 130 | label: '国家土地所有权', | ||
| 131 | value: '2' | ||
| 132 | } | ||
| 133 | ], | ||
| 134 | DJLXOptions: [ | 122 | DJLXOptions: [ |
| 135 | { | 123 | { |
| 136 | label: '首次登记', | 124 | label: '首次登记', | ... | ... |
| ... | @@ -37,6 +37,7 @@ export default { | ... | @@ -37,6 +37,7 @@ export default { |
| 37 | screencontent | 37 | screencontent |
| 38 | }, | 38 | }, |
| 39 | mounted () { | 39 | mounted () { |
| 40 | |||
| 40 | // this.timeFn(); | 41 | // this.timeFn(); |
| 41 | this.cancelLoading(); | 42 | this.cancelLoading(); |
| 42 | }, | 43 | }, |
| ... | @@ -44,13 +45,6 @@ export default { | ... | @@ -44,13 +45,6 @@ export default { |
| 44 | clearInterval(this.timing); | 45 | clearInterval(this.timing); |
| 45 | }, | 46 | }, |
| 46 | methods: { | 47 | methods: { |
| 47 | // timeFn() { | ||
| 48 | // this.timing = setInterval(() => { | ||
| 49 | // this.dateDay = formatTime(new Date(), "HH: mm: ss"); | ||
| 50 | // this.dateYear = formatTime(new Date(), "yyyy-MM-dd"); | ||
| 51 | // this.dateWeek = this.weekday[new Date().getDay()]; | ||
| 52 | // }, 1000); | ||
| 53 | // }, | ||
| 54 | cancelLoading () { | 48 | cancelLoading () { |
| 55 | setTimeout(() => { | 49 | setTimeout(() => { |
| 56 | this.loading = false; | 50 | this.loading = false; | ... | ... |
| ... | @@ -5,14 +5,20 @@ | ... | @@ -5,14 +5,20 @@ |
| 5 | <div class="cardcontent"> | 5 | <div class="cardcontent"> |
| 6 | <ul class="cardcontent-left d-center"> | 6 | <ul class="cardcontent-left d-center"> |
| 7 | <div class="rjjrlList"> | 7 | <div class="rjjrlList"> |
| 8 | <p v-for="(item, index) in rjjrlList" class="d-center qxjr" :key="index">{{ item }}</p> | 8 | <p |
| 9 | v-for="(item, index) in qxjrlList" | ||
| 10 | class="d-center qxjr" | ||
| 11 | :key="index" | ||
| 12 | > | ||
| 13 | {{ item }} | ||
| 14 | </p> | ||
| 9 | </div> | 15 | </div> |
| 10 | <li>总量</li> | 16 | <li>总量</li> |
| 11 | </ul> | 17 | </ul> |
| 12 | <div class="cardcontent-right d-center"> | 18 | <div class="cardcontent-right d-center"> |
| 13 | <p> | 19 | <p> |
| 14 | <span>失败</span> | 20 | <span>失败</span> |
| 15 | <span class="bad">0</span> | 21 | <span class="bad">{{qxerrer}}</span> |
| 16 | </p> | 22 | </p> |
| 17 | <p> | 23 | <p> |
| 18 | <span>成功率</span> | 24 | <span>成功率</span> |
| ... | @@ -26,14 +32,20 @@ | ... | @@ -26,14 +32,20 @@ |
| 26 | <div class="cardcontent"> | 32 | <div class="cardcontent"> |
| 27 | <ul class="cardcontent-left d-center"> | 33 | <ul class="cardcontent-left d-center"> |
| 28 | <div class="rjjrlList"> | 34 | <div class="rjjrlList"> |
| 29 | <p v-for="(item, index) in rjjrlList" class="d-center sthj" :key="index">{{ item }}</p> | 35 | <p |
| 36 | v-for="(item, index) in stjrlList" | ||
| 37 | class="d-center sthj" | ||
| 38 | :key="index" | ||
| 39 | > | ||
| 40 | {{ item }} | ||
| 41 | </p> | ||
| 30 | </div> | 42 | </div> |
| 31 | <li>总量</li> | 43 | <li>总量</li> |
| 32 | </ul> | 44 | </ul> |
| 33 | <div class="cardcontent-right d-center"> | 45 | <div class="cardcontent-right d-center"> |
| 34 | <p> | 46 | <p> |
| 35 | <span>失败</span> | 47 | <span>失败</span> |
| 36 | <span class="bad">0</span> | 48 | <span class="bad">{{sterrer}}</span> |
| 37 | </p> | 49 | </p> |
| 38 | <p> | 50 | <p> |
| 39 | <span>成功率</span> | 51 | <span>成功率</span> |
| ... | @@ -51,26 +63,53 @@ | ... | @@ -51,26 +63,53 @@ |
| 51 | 63 | ||
| 52 | <script> | 64 | <script> |
| 53 | import columnar from "@/components/echart/columnar"; | 65 | import columnar from "@/components/echart/columnar"; |
| 66 | import worktable from "@/api/worktable"; | ||
| 54 | export default { | 67 | export default { |
| 55 | data () { | 68 | data() { |
| 56 | return { | 69 | return { |
| 57 | // 日均接入量 | 70 | // 日均接入量 |
| 58 | rjjrl: 50300 | 71 | qxerrer: 0, |
| 72 | qxsuccess: 0, | ||
| 73 | sterrer: 0, | ||
| 74 | stsuccess: 0, | ||
| 75 | qxjrl: 50300, | ||
| 76 | stjrl: 50300, | ||
| 59 | }; | 77 | }; |
| 60 | }, | 78 | }, |
| 79 | mounted() { | ||
| 80 | this.getsthjqxjrtotal(); | ||
| 81 | }, | ||
| 61 | components: { columnar }, | 82 | components: { columnar }, |
| 62 | computed: { | 83 | computed: { |
| 63 | rjjrlList: function () { | 84 | qxjrlList: function () { |
| 64 | return this.rjjrl.toString().split('') | 85 | return this.qxjrl.toString().split(""); |
| 86 | }, | ||
| 87 | stjrlList: function () { | ||
| 88 | return this.stjrl.toString().split(""); | ||
| 65 | }, | 89 | }, |
| 66 | sbqkgsList: function () { | 90 | sbqkgsList: function () { |
| 67 | const numbers = this.sbqkgs.toString().split('').reverse() | 91 | const numbers = this.sbqkgs.toString().split("").reverse(); |
| 68 | const segs = [] | 92 | const segs = []; |
| 69 | while (numbers.length) segs.push(numbers.splice(0, 3).join('')) | 93 | while (numbers.length) segs.push(numbers.splice(0, 3).join("")); |
| 70 | return segs.join(',').split('').reverse().join('') | 94 | return segs.join(",").split("").reverse().join(""); |
| 71 | } | 95 | }, |
| 96 | }, | ||
| 97 | methods: { | ||
| 98 | getsthjqxjrtotal() { | ||
| 99 | return new Promise(async (resolve) => { | ||
| 100 | try { | ||
| 101 | let p = { | ||
| 102 | DJLX: "A21", | ||
| 103 | QLLX: "A8", | ||
| 104 | XZQDM: "A20", | ||
| 105 | }; | ||
| 106 | let res = await worktable.getsthjqxjrtotal(p); | ||
| 107 | } catch (error) { | ||
| 108 | this.$refs.msg.messageShow(); | ||
| 109 | } | ||
| 110 | }); | ||
| 111 | }, | ||
| 72 | }, | 112 | }, |
| 73 | methods: {}, | ||
| 74 | }; | 113 | }; |
| 75 | </script> | 114 | </script> |
| 76 | 115 | ||
| ... | @@ -100,7 +139,7 @@ export default { | ... | @@ -100,7 +139,7 @@ export default { |
| 100 | } | 139 | } |
| 101 | 140 | ||
| 102 | .cardhead { | 141 | .cardhead { |
| 103 | color: #02D9FD; | 142 | color: #02d9fd; |
| 104 | line-height: 24px; | 143 | line-height: 24px; |
| 105 | letter-spacing: 2px; | 144 | letter-spacing: 2px; |
| 106 | position: absolute; | 145 | position: absolute; |
| ... | @@ -118,11 +157,11 @@ export default { | ... | @@ -118,11 +157,11 @@ export default { |
| 118 | margin-top: 15px; | 157 | margin-top: 15px; |
| 119 | 158 | ||
| 120 | .qxjr { | 159 | .qxjr { |
| 121 | background: url('~@/image/jrl3.png'); | 160 | background: url("~@/image/jrl3.png"); |
| 122 | } | 161 | } |
| 123 | 162 | ||
| 124 | .sthj { | 163 | .sthj { |
| 125 | background: url('~@/image/jh.png'); | 164 | background: url("~@/image/jh.png"); |
| 126 | } | 165 | } |
| 127 | 166 | ||
| 128 | p { | 167 | p { |
| ... | @@ -141,7 +180,7 @@ export default { | ... | @@ -141,7 +180,7 @@ export default { |
| 141 | display: flex; | 180 | display: flex; |
| 142 | padding: 35px 20px 20px 20px; | 181 | padding: 35px 20px 20px 20px; |
| 143 | box-sizing: border-box; | 182 | box-sizing: border-box; |
| 144 | color: #E3F1FF; | 183 | color: #e3f1ff; |
| 145 | 184 | ||
| 146 | .cardcontent-left { | 185 | .cardcontent-left { |
| 147 | width: 60%; | 186 | width: 60%; |
| ... | @@ -153,10 +192,15 @@ export default { | ... | @@ -153,10 +192,15 @@ export default { |
| 153 | position: absolute; | 192 | position: absolute; |
| 154 | right: 0; | 193 | right: 0; |
| 155 | top: 20px; | 194 | top: 20px; |
| 156 | content: ''; | 195 | content: ""; |
| 157 | width: 1px; | 196 | width: 1px; |
| 158 | height: 90px; | 197 | height: 90px; |
| 159 | background: linear-gradient(180deg, #091B4C 0%, #47B5E0 56%, #091B4C 100%); | 198 | background: linear-gradient( |
| 199 | 180deg, | ||
| 200 | #091b4c 0%, | ||
| 201 | #47b5e0 56%, | ||
| 202 | #091b4c 100% | ||
| 203 | ); | ||
| 160 | } | 204 | } |
| 161 | 205 | ||
| 162 | .cardcontent-right { | 206 | .cardcontent-right { |
| ... | @@ -166,11 +210,11 @@ export default { | ... | @@ -166,11 +210,11 @@ export default { |
| 166 | font-size: 16px; | 210 | font-size: 16px; |
| 167 | 211 | ||
| 168 | .bad { | 212 | .bad { |
| 169 | color: #C97168; | 213 | color: #c97168; |
| 170 | } | 214 | } |
| 171 | 215 | ||
| 172 | .cg { | 216 | .cg { |
| 173 | color: #5FBA7D; | 217 | color: #5fba7d; |
| 174 | } | 218 | } |
| 175 | 219 | ||
| 176 | p { | 220 | p { |
| ... | @@ -183,7 +227,6 @@ export default { | ... | @@ -183,7 +227,6 @@ export default { |
| 183 | span:nth-child(2) { | 227 | span:nth-child(2) { |
| 184 | font-size: 20px; | 228 | font-size: 20px; |
| 185 | font-weight: 900; | 229 | font-weight: 900; |
| 186 | |||
| 187 | } | 230 | } |
| 188 | } | 231 | } |
| 189 | } | 232 | } | ... | ... |
-
Please register or sign in to post a comment