接口数据处理
Showing
9 changed files
with
225 additions
and
205 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> | ... | ... |
... | @@ -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