装备统计和对接接口

src/views/home/components/Checkpoint.vue

@@ -1,19 +1,33 @@
 <template>
   <div class="mian_box">
-    <div class="item">检查站：<span @click="openDialog('jcz')">2</span></div>
-    <div class="item">卡口：<span @click="openDialog('kk')">8</span></div>
+    <div class="item" v-for="item in dataList" :key="item">{{ item.zdmc }}:<span
+        @click="openDialog(item.dm)">{{ item.num }}</span></div>
   </div>
   <pointList v-model="pointListShow" :lxType="lxType" />
 </template>
 <script setup>
 import pointList from "./pointList.vue";
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
 import { ref, onMounted, reactive } from "vue";
 const lxType = ref();
 const pointListShow = ref(false);
+const dataList = ref([])
 const openDialog = (val) => {
-  lxType.value = val;
+  if (val == '1') {
+    lxType.value = 'jcz';
+  } else {
+    lxType.value = 'kk';
+  }
   pointListShow.value = true;
 };
+onMounted(() => {
+  getTotal()
+})
+const getTotal = () => {
+  qcckGet({}, "/mosty-jcz/jcztj/jczZqlxtj").then(res => {
+    dataList.value = res;
+  })
+}
 </script>
 <style lang="scss" scoped>
 .mian_box {