关键侦查环节完成情况

src/views/ajzcgzxnpg/queryGjzchjwcqk.vue

@@ -19,24 +19,24 @@
                 justify-content: space-around;
               "
             >
-              <div style="padding-top: 10px">
+              <div>
                 <span class="nr" @click="jsasj">接受案事件</span>
+                          <span class="yuan">{{jsasj}}</span>
                 <span class="xian"></span>
               </div>
               <div>
-                <span class="yuan">96</span>
                 <span class="nr" @click="la">立案</span>
+                <span class="yuan">{{la}}</span>
                 <span class="xian"></span>
               </div>
               <div>
-                <span class="yuan">96</span>
                 <span class="nr" @click="zczj">侦查阶段</span>
-
+                <span class="yuan">{{ zcdc }}</span>
                 <span class="xian"></span>
               </div>
               <div>
-                <span class="yuan">96</span>
                 <span class="nr" @click="zcdc">侦查终结</span>
+                <span class="yuan">{{ zczj}}</span>
                 <span class="xian"></span>
               </div>
             </div>
@@ -139,34 +139,266 @@ export default {
           disabled: false,
         },
       ],
+      jsasj: '',
+      la: '',
+      zczj: '',
+      zcdc: '',
     };
   },
   created() {
     this.$store.commit("user/SET_Menu", this.Menu);
+    this.getjsasj()
+    this.getla()
+    this.getzczj()
+    this.getzcdc()
   },
   mounted() {},
   methods: {
+    getjsasj(){
+      jsasj(this.cxFormData).then(res => {
+        this.jsasj = res.data.total
+      })
+    },
+     getla(){
+      la(this.cxFormData).then(res => {
+        this.la = res.data.total
+      })
+    },
+        getzczj(){
+      zczj(this.cxFormData).then(res => {
+        this.zczj = res.data.total
+      })
+    },
+         getzcdc(){
+      zcdc(this.cxFormData).then(res => {
+        this.zcdc = res.data.total
+      })
+    },
     jsasj() {
       this.cxUrl = "/jsasj/queryAll";
+      var arrey = [
+        //table 展示
+        {
+          label: "案事件编号",
+          prop: "asjbh",
+        },
+        {
+          label: "案件类别",
+          prop: "jsasjAjlbdmStr",
+        },
+        {
+          label: "案件名称",
+          prop: "jsasjAjmc",
+        },
+        {
+          label: "案事件发生开始时间",
+          prop: "jsasjAsjfssjAsjfsjssj",
+        },
+        {
+          label: "案发地区划",
+          prop: "jsasjAsjfsddXzqhdm",
+        },
+        {
+          label: "案发地名称",
+          prop: "jsasjAsjfsddDzmc",
+        },
+        {
+          label: "案事件死亡人数",
+          prop: "jsasjAsjswryRs",
+        },
+        {
+          label: "作案时机类别",
+          prop: "jsasjZasjZasjlbdm",
+        },
+      ];
+      let length = arrey.length - this.cxDefaultFormThead.length;
+      if (length < 0) {
+        this.cxDefaultFormThead.splice(arrey.length);
+      }
+      arrey.forEach((items, indexs) => {
+        this.$set(this.cxDefaultFormThead, indexs, {});
+        this.$set(this.cxDefaultFormThead, indexs, items);
+      });
     },
     la() {
-      debugger
+      debugger;
       var self = this;
       self.cxUrl = "/la/queryAll";
-     
+      var arrey = [
+        //table 展示
+        {
+          label: "案事件编号",
+          prop: "asjbh",
+        },
+        {
+          label: "案件类别",
+          prop: "laAjlbdmStr",
+        },
+        {
+          label: "案件名称",
+          prop: "laAjmc",
+        },
+        {
+          label: "案事件发生开始时间",
+          prop: "laAsjfssjAsjfsjssj",
+        },
+        {
+          label: "案发地区划",
+          prop: "laAsjfsddXzqhdm",
+        },
+        {
+          label: "案发地名称",
+          prop: "laAsjfsddDzmc",
+        },
+        {
+          label: "案事件死亡人数",
+          prop: "laAsjswryRs",
+        },
+        {
+          label: "损失价值（人民币元）",
+          prop: "laSsjzrmby",
+        },
+        {
+          label: "作案时机类别",
+          prop: "laZasjZasjlbdm",
+        },
+        {
+          label: "作案目的描述",
+          prop: "laZamdms",
+        },
+      ];
+      arrey.forEach((items, indexs) => {
+        this.$set(this.cxDefaultFormThead, indexs, {});
+        this.$set(this.cxDefaultFormThead, indexs, items);
+      });
+    },
+    zczj() {
+      var self = this;
+      self.cxUrl = "/zcdc/queryAll";
+      var arrey = [
+        //table 展示
+        {
+          label: "案事件编号",
+          prop: "asjbh",
+        },
+        {
+          label: "案件名称",
+          prop: "ajmc",
+        },
+        {
+          label: "报案人员",
+          prop: "ba",
+        },
+        {
+          label: "抓捕犯罪嫌疑人",
+          prop: "zbfzxyr",
+        },
+        {
+          label: "人员被害",
+          prop: "rybh",
+        },
+        {
+          label: "关系人",
+          prop: "gxr",
+        },
+        {
+          label: "损失电动非机动车",
+          prop: "ssddfjdc",
+        },
+        {
+          label: "损失弹药",
+          prop: "ssdy",
+        },
+        {
+          label: "损失机动车",
+          prop: "ssjdc",
+        },
+        {
+          label: "损失卡类",
+          prop: "sskl",
+        },
+        {
+          label: "损失其他物品",
+          prop: "ssqtwp",
+        },
+        {
+          label: "损失枪支",
+          prop: "ssqz",
+        },
+        {
+          label: "损失文物",
+          prop: "ssww",
+        },
+        {
+          label: "损失移动通讯设备",
+          prop: "ssydtxsb",
+        },
+        {
+          label: "损失证件",
+          prop: "sszj",
+        },
+        {
+          label: "现场勘验地点_经度",
+          prop: "jd",
+        },
+        {
+          label: "现场勘验地点_纬度",
+          prop: "wd",
+        },
+      ];
+      let length = arrey.length - this.cxDefaultFormThead.length;
+      if (length < 0) {
+        this.cxDefaultFormThead.splice(arrey.length);
+      }
+      arrey.forEach((items, indexs) => {
+        this.$set(this.cxDefaultFormThead, indexs, {});
+        this.$set(this.cxDefaultFormThead, indexs, items);
+      });
+    },
+    zcdc() {
+      var self = this;
+      self.cxUrl = "/zczj/queryAll";
+      var arrey = [
+        //table 展示
+        {
+          label: "案事件编号",
+          prop: "asjbh",
+        },
+        {
+          label: "案件名称",
+          prop: "zczjAjmc",
+        },
+        {
+          label: "作案人员_人数",
+          prop: "zczjZaryRs",
+        },
+        {
+          label: "收缴财物价值（人民币元）",
+          prop: "zczjSjcwjzrmby",
+        },
+        {
+          label: "作案时机",
+          prop: "zczjZasjZasjlbdm",
+        },
+        {
+          label: "侦查终结_作案动机",
+          prop: "zczjZadjdm",
+        },
+        {
+          label: "作案目的描述",
+          prop: "zczjZamdms",
+        },
+      ];
+      let length = arrey.length - this.cxDefaultFormThead.length;
+      if (length < 0) {
+        this.cxDefaultFormThead.splice(arrey.length);
+      }
+      arrey.forEach((items, indexs) => {
+        this.$set(this.cxDefaultFormThead, indexs, {});
+        this.$set(this.cxDefaultFormThead, indexs, items);
+      });
     },
-
-    zczj() {},
-    zcdc() {},
   },
-watch:{
-  cxUrl :{
-    handler () {
-      debugger
-      this.$refs.rightContent.doQuery("yes");
-    }
-  }
-},
 };
 </script>
 <style>
@@ -232,15 +464,18 @@ watch:{
   cursor: pointer;
 }
 .yuan {
-  width: 40px;
-  height: 40px;
-  background: #ffffff;
-  border: 1px solid #0061f7;
-  border-radius: 50%;
-  text-align: center;
-  opacity: 1;
-  display: inline-block;
-  line-height: 40px;
+    width: 20px;
+    height: 20px;
+    background: #ffffff;
+    border-radius: 50%;
+    text-align: center;
+    opacity: 1;
+    display: inline-block;
+    line-height: 20px;
+    position: relative;
+    bottom: 10px;
+    background: red;
+    color: #fff;
 }
 .xian {
   width: 125px;