接口数据处理

+import request from '@/utils/request'
+import SERVER from './config'
+
+class worktable {
+  // 登记类型总量
+  async getDjlxtotal(data) {
+    return request({
+      url: SERVER.SERVERAPI + '/rest/reg/work/getDjlxtotal',
+      method: 'post',
+      data
+    })
+  }
+  // 登记业务量
+  async getdjywltotal(data) {
+    return request({
+      url: SERVER.SERVERAPI + '/rest/reg/work/getdjywltotal',
+      method: 'post',
+      data
+    })
+  }
+  // 省厅汇交-区县接入
+  async getsthjqxjrtotal(data) {
+    return request({
+      url: SERVER.SERVERAPI + '/rest/reg/work/getsthjqxjrtotal',
+      method: 'post',
+      data
+    })
+  }
+  // 地图区县总量统计，code区县编码,汉中为：A20
+  async mapViews(code) {
+    return request({
+      url: SERVER.SERVERAPI + '/rest/reg/work/mapViews',
+      method: 'get',
+      params: {
+        code: code
+      }
+    })
+  }
+  // 地图区县成功失败统计，code区县编码，汉中为：A20
+  async submitViews(code) {
+    return request({
+      url: SERVER.SERVERAPI + '/rest/reg/work/submitViews',
+      method: 'get',
+      params: {
+        code: code
+      }
+    })
+  }
+
+
+}
+export default new worktable()

@@ -198,7 +198,7 @@
               预测建筑面积： <br />
               <p class="label-detail">（YCJZMJ）</p>
             </span>
-            <el-input-number controls-position="right":disabled="$store.state.business.Edit"
+            <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
               v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测建筑面积" type="number"
               v-model.number="ruleForm.ycjzmj"></el-input-number>
           </el-form-item>
@@ -210,9 +210,9 @@
               预测套内建筑面积： <br />
               <p class="label-detail">（YCTNJZMJ）</p>
             </span>
-            <el-input :disabled="$store.state.business.Edit"
+            <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
               v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测套内建筑面积" type="number"
-              v-model.number="ruleForm.yctnjzmj"></el-input>
+              v-model.number="ruleForm.yctnjzmj"></el-input-number>
           </el-form-item>
         </el-col>
       </el-row>
@@ -225,7 +225,7 @@
               <p class="label-detail">（YCFTJZMJ）</p>
             </span>
             <el-input :disabled="$store.state.business.Edit"
-              v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测分摊建筑面积" type="number"
+              : 999999999999999, min: 0, precision: 2 }" placeholder="预测分摊建筑面积" type="number"
               v-model.number="ruleForm.ycftjzmj"></el-input>
           </el-form-item>
         </el-col>
@@ -236,9 +236,9 @@
               预测地下部分建筑面积： <br />
               <p class="label-detail">（YCDXBFJZMJ）</p>
             </span>
-            <el-input :disabled="$store.state.business.Edit"
+           <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
               v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测地下部分建筑面积" type="number"
-              v-model.number="ruleForm.ycdxbfjzmj"></el-input>
+              v-model.number="ruleForm.ycdxbfjzmj"></el-input-number>
           </el-form-item>
         </el-col>
 
@@ -248,9 +248,9 @@
               预测其它建筑面积： <br />
               <p class="label-detail">（YCQTJZMJ）</p>
             </span>
-            <el-input :disabled="$store.state.business.Edit"
+            <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
               v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测其它建筑面积" type="number"
-              v-model.number="ruleForm.ycqtjzmj"></el-input>
+              v-model.number="ruleForm.ycqtjzmj"></el-input-number>
           </el-form-item>
         </el-col>
       </el-row>
@@ -364,7 +364,7 @@
               <p class="label-detail">（FTTDMJ）</p>
             </span>
             <el-input :disabled="$store.state.business.Edit"
-              v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="分摊土地面积" type="number"
+              : 999999999999999, min: 0, precision: 3 }" placeholder="分摊土地面积" type="number"
               v-model.number="ruleForm.fttdmj"></el-input>
           </el-form-item>
         </el-col>

@@ -10,7 +10,7 @@
                 <span slot="label">
                   标识码： <br />
                   <p class="label-detail">（BSM）</p>
-                </span>               
+                </span>
                 <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].bsm"
                   placeholder="标识码"></el-input>
               </el-form-item>
@@ -117,9 +117,9 @@
                   幢占地面积： <br />
                   <p class="label-detail">（ZZDMJ）</p>
                 </span>
-                <el-input :disabled="$store.state.business.Edit"
+                <el-input-number controls-position="right" :disabled="$store.state.business.Edit"
                   v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="幢占地面积" type="number"
-                  v-model.number="naturalForm.naturalList[index].zzdmj"></el-input>
+                  v-model.number="naturalForm.naturalList[index].zzdmj"></el-input-number>
               </el-form-item>
             </el-col>
 

@@ -10,9 +10,10 @@
 </template>
 
 <script>
-import Chart from './chart.vue';
+import Chart from "./chart.vue";
+import worktable from "@/api/worktable";
 export default {
-  data () {
+  data() {
     return {
       cdata: {
         seriesData: [
@@ -30,19 +31,35 @@ export default {
           { value: 35, name: "预告登记" },
           { value: 20, name: "查封登记" },
           { value: 35, name: "抵押权登记" },
-          { value: 20, name: "地役权登记" }
-        ]
-      }
-    }
+          { value: 20, name: "地役权登记" },
+        ],
+      },
+    };
   },
   components: {
     Chart,
   },
-  mounted () {
+  mounted() {
+    this.getdjywltotal();
   },
   methods: {
-  }
-}
+    getdjywltotal() {
+      return new Promise(async (resolve) => {
+        try {
+          let p = {
+            DJLX: "A21",
+            QLLX: "A8",
+            XZQDM: "A20",
+          };
+          let res = await worktable.getdjywltotal(p);
+
+        } catch (error) {
+          this.$refs.msg.messageShow();
+        }
+      });
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
@@ -56,6 +73,6 @@ export default {
   text-align: center;
   border-radius: 6px;
   font-weight: 600;
-  color: #02D9FD;
+  color: #02d9fd;
 }
 </style>

@@ -3,66 +3,41 @@
 </template>
 
 <script>
-import Chart from './chart.vue'
+import Chart from "./chart.vue";
+import worktable from "@/api/worktable";
 export default {
-  data () {
+  data() {
     return {
       cdata: {
-        category: [
-          "汉台区",
-          "南郑区",
-          "城固县",
-          "洋县",
-          "西乡县",
-          "勉县",
-          "宁强县",
-          "略阳县",
-          "镇巴县",
-          "留坝县",
-          "佛坪县",
-
-        ],
-        lineData: [
-          44715,
-          48444,
-          50415,
-          56061,
-          18092,
-          20728,
-          24045,
-          28348,
-          32808,
-          36097,
-          39867
-        ],
-        barData: [
-          8500,
-          9900,
-          12500,
-          14000,
-          21500,
-          4600,
-          5000,
-          5500,
-          6500,
-          7500,
-          23200,
-        ],
-        rateData: []
-      }
+        category: [],
+        lineData: [],
+        barData: [],
+      },
     };
   },
   components: {
     Chart,
   },
-  mounted () {
+  mounted() {
+    this.submitViews();
   },
   methods: {
-
-  }
+    async submitViews() {
+      try {
+        let { result: res } = await worktable.submitViews("A20");
+        res.filter((item) => {
+          return (
+            this.cdata.category.push(item.areaName),
+            this.cdata.lineData.push(item.successCount),
+            this.cdata.barData.push(item.failureCount)
+          );
+        });
+      } catch (error) {
+        // this.$refs.msg.messageShow();
+      }
+    },
+  },
 };
 </script>
 
-<style lang="scss" scoped>
-
-</style>
+<style lang="scss" scoped></style>

@@ -4,6 +4,7 @@
 
 <script>
 import Chart from "./chart.vue";
+import worktable from "@/api/worktable";
 export default {
   data() {
     return {
@@ -17,68 +18,32 @@ export default {
     Chart,
   },
   created() {
-    this.queryClick();
+
+  },
+  mounted() {
+    this.getDjlxtotal();
   },
-  mounted() {},
   methods: {
-    queryClick() {
-      console.log("来了kkksxdx");
-      // getDataReportPage({ ...this.form, ...this.pageData }).then((res) => {
-      let data = {
-        success: true,
-        message: "操作成功！",
-        code: 200,
-        result: [
-          {
-            AREACODE: "转移登记",
-            ywtotal: "2",
-          },
-          {
-            AREACODE: "变更登记",
-            ywtotal: "4",
-          },
-          {
-            AREACODE: "注销登记",
-            ywtotal: "6",
-          },
-          {
-            AREACODE: "更正登记",
-            ywtotal: "2",
-          },
-          {
-            AREACODE: "首次登记",
-            ywtotal: "11",
-          },
-          {
-            AREACODE: "预告登记",
-            ywtotal: "5",
-          },
-          {
-            AREACODE: "补证",
-            ywtotal: "1",
-          },
-          {
-            AREACODE: "换证",
-            ywtotal: "2",
-          },
-          {
-            AREACODE: "查封登记",
-            ywtotal: "2",
-          },
-        ],
-        timestamp: 1673856701381,
-      };
-      if (data.code === 200) {
-        data.result.filter((item) => {
+       getDjlxtotal() {
+      return new Promise(async (resolve) => {
+        try {
+          let p = {
+            DJLX: "A21",
+            QLLX: "A8",
+            XZQDM: "A20",
+          };
+          let res = await worktable.getDjlxtotal(p);
+           res.result.filter((item) => {
           return (
             this.cdata.category.push(item.AREACODE),
             this.cdata.lineData.push(item.ywtotal)
           );
         });
-        console.log("this.cdata", this.cdata);
-      }
-      //   });
-    },
+        } catch (error) {
+          this.$refs.msg.messageShow();
+        }
+      });
+    }
   },
 };
 </script>

@@ -4,60 +4,34 @@
 
 <script>
 import Chart from './chart.vue';
+import worktable from "@/api/worktable";
 export default {
   data () {
     return {
-      cdata: [{
-        name: '汉台区',
-        value: '6000',
-        elseData: {
-          // 这里放置地图 tooltip 里想显示的数据
-        }
-      },
-      {
-        name: '南郑区',
-        value: '8000'
-      },
-      {
-        name: '城固县',
-        value: '3000'
-      },
-      {
-        name: '洋县',
-        value: '7000'
-      },
-      {
-        name: '西乡县',
-        value: '1000'
-      },
-      {
-        name: '镇巴县',
-        value: '2000'
-      },
-      {
-        name: '勉县',
-        value: '600'
-      },
-      {
-        name: '留坝县',
-        value: '3000'
-      },
-      {
-        name: '佛坪县',
-        value: '1000'
-      },
-      {
-        name: '宁强县',
-        value: '1000'
-      },
-      {
-        name: '略阳县',
-        value: '1000'
-      }]
+      cdata: []
     }
   },
   components: {
     Chart
-  }
+  },
+   mounted() {
+    this.mapViews();
+
+  },
+   methods: {
+    async mapViews() {
+      try {
+        let { result: res } = await worktable.mapViews("A20");
+         res.filter((item) => {
+          return (
+            this.cdata.push({"name":item.areaName,"value":item.areaCode})
+          )
+
+        });
+      } catch (error) {
+        this.$refs.msg.messageShow();
+      }
+    }
+    }
 }
 </script>

@@ -37,6 +37,7 @@ export default {
     screencontent
   },
   mounted () {
+
     // this.timeFn();
     this.cancelLoading();
   },
@@ -44,13 +45,6 @@ export default {
     clearInterval(this.timing);
   },
   methods: {
-    // timeFn() {
-    //   this.timing = setInterval(() => {
-    //     this.dateDay = formatTime(new Date(), "HH: mm: ss");
-    //     this.dateYear = formatTime(new Date(), "yyyy-MM-dd");
-    //     this.dateWeek = this.weekday[new Date().getDay()];
-    //   }, 1000);
-    // },
     cancelLoading () {
       setTimeout(() => {
         this.loading = false;

@@ -5,14 +5,20 @@
       <div class="cardcontent">
         <ul class="cardcontent-left d-center">
           <div class="rjjrlList">
-            <p v-for="(item, index) in rjjrlList" class="d-center qxjr" :key="index">{{ item }}</p>
+            <p
+              v-for="(item, index) in qxjrlList"
+              class="d-center qxjr"
+              :key="index"
+            >
+              {{ item }}
+            </p>
           </div>
           <li>总量</li>
         </ul>
         <div class="cardcontent-right d-center">
           <p>
             <span>失败</span>
-            <span class="bad">0</span>
+            <span class="bad">{{qxerrer}}</span>
           </p>
           <p>
             <span>成功率</span>
@@ -26,14 +32,20 @@
       <div class="cardcontent">
         <ul class="cardcontent-left d-center">
           <div class="rjjrlList">
-            <p v-for="(item, index) in rjjrlList" class="d-center sthj" :key="index">{{ item }}</p>
+            <p
+              v-for="(item, index) in stjrlList"
+              class="d-center sthj"
+              :key="index"
+            >
+              {{ item }}
+            </p>
           </div>
           <li>总量</li>
         </ul>
         <div class="cardcontent-right d-center">
           <p>
             <span>失败</span>
-            <span class="bad">0</span>
+            <span class="bad">{{sterrer}}</span>
           </p>
           <p>
             <span>成功率</span>
@@ -51,26 +63,53 @@
 
 <script>
 import columnar from "@/components/echart/columnar";
+import worktable from "@/api/worktable";
 export default {
-  data () {
+  data() {
     return {
       // 日均接入量
-      rjjrl: 50300
+      qxerrer: 0,
+      qxsuccess: 0,
+      sterrer: 0,
+      stsuccess: 0,
+      qxjrl: 50300,
+      stjrl: 50300,
     };
   },
+  mounted() {
+    this.getsthjqxjrtotal();
+  },
   components: { columnar },
   computed: {
-    rjjrlList: function () {
-      return this.rjjrl.toString().split('')
+    qxjrlList: function () {
+      return this.qxjrl.toString().split("");
+    },
+     stjrlList: function () {
+      return this.stjrl.toString().split("");
     },
     sbqkgsList: function () {
-      const numbers = this.sbqkgs.toString().split('').reverse()
-      const segs = []
-      while (numbers.length) segs.push(numbers.splice(0, 3).join(''))
-      return segs.join(',').split('').reverse().join('')
-    }
+      const numbers = this.sbqkgs.toString().split("").reverse();
+      const segs = [];
+      while (numbers.length) segs.push(numbers.splice(0, 3).join(""));
+      return segs.join(",").split("").reverse().join("");
+    },
+  },
+  methods: {
+    getsthjqxjrtotal() {
+      return new Promise(async (resolve) => {
+        try {
+          let p = {
+            DJLX: "A21",
+            QLLX: "A8",
+            XZQDM: "A20",
+          };
+          let res = await worktable.getsthjqxjrtotal(p);
+        } catch (error) {
+          this.$refs.msg.messageShow();
+        }
+      });
+    },
   },
-  methods: {},
 };
 </script>
 
@@ -100,7 +139,7 @@ export default {
   }
 
   .cardhead {
-    color: #02D9FD;
+    color: #02d9fd;
     line-height: 24px;
     letter-spacing: 2px;
     position: absolute;
@@ -118,11 +157,11 @@ export default {
     margin-top: 15px;
 
     .qxjr {
-      background: url('~@/image/jrl3.png');
+      background: url("~@/image/jrl3.png");
     }
 
     .sthj {
-      background: url('~@/image/jh.png');
+      background: url("~@/image/jh.png");
     }
 
     p {
@@ -141,7 +180,7 @@ export default {
     display: flex;
     padding: 35px 20px 20px 20px;
     box-sizing: border-box;
-    color: #E3F1FF;
+    color: #e3f1ff;
 
     .cardcontent-left {
       width: 60%;
@@ -153,10 +192,15 @@ export default {
       position: absolute;
       right: 0;
       top: 20px;
-      content: '';
+      content: "";
       width: 1px;
       height: 90px;
-      background: linear-gradient(180deg, #091B4C 0%, #47B5E0 56%, #091B4C 100%);
+      background: linear-gradient(
+        180deg,
+        #091b4c 0%,
+        #47b5e0 56%,
+        #091b4c 100%
+      );
     }
 
     .cardcontent-right {
@@ -166,11 +210,11 @@ export default {
       font-size: 16px;
 
       .bad {
-        color: #C97168;
+        color: #c97168;
       }
 
       .cg {
-        color: #5FBA7D;
+        color: #5fba7d;
       }
 
       p {
@@ -183,7 +227,6 @@ export default {
         span:nth-child(2) {
           font-size: 20px;
           font-weight: 900;
-
         }
       }
     }