Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
83426be6 by xiaomiao
Options

接口数据处理

1 parent 394ae9ee
Inline Side-by-side
Showing 9 changed files with 217 additions and 197 deletions
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>
......
...@@ -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: {
46 getdjywltotal() {
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();
44 } 58 }
45 } 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() {
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();
62 } 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
21 },
22 mounted() {},
23 methods: {
24 queryClick() {
25 console.log("来了kkksxdx");
26 // getDataReportPage({ ...this.form, ...this.pageData }).then((res) => {
27 let data = {
28 success: true,
29 message: "操作成功！",
30 code: 200,
31 result: [
32 {
33 AREACODE: "转移登记",
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 }, 22 },
64 { 23 mounted() {
65 AREACODE: "查封登记", 24 this.getDjlxtotal();
66 ywtotal: "2",
67 }, 25 },
68 ], 26 methods: {
69 timestamp: 1673856701381, 27 getDjlxtotal() {
28 return new Promise(async (resolve) => {
29 try {
30 let p = {
31 DJLX: "A21",
32 QLLX: "A8",
33 XZQDM: "A20",
70 }; 34 };
71 if (data.code === 200) { 35 let res = await worktable.getDjlxtotal(p);
72 data.result.filter((item) => { 36 res.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) {
43 this.$refs.msg.messageShow();
44 }
45 });
79 } 46 }
80 // });
81 },
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 } 12 }
16 }, 13 },
17 { 14 components: {
18 name: '南郑区', 15 Chart
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 }, 16 },
49 { 17 mounted() {
50 name: '宁强县', 18 this.mapViews();
51 value: '1000' 19
52 }, 20 },
53 { 21 methods: {
54 name: '略阳县', 22 async mapViews() {
55 value: '1000' 23 try {
56 }] 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 }
57 } 34 }
58 },
59 components: {
60 Chart
61 } 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("");
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();
71 } 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 }
......