数据录入下发

src/api/rsmonitoring/dataEntry.js

@@ -27,19 +27,20 @@ export function adddb(data) {
 }
 
 // 修改录入
-export function updateDkdb(data) {
+// export function updateDkdb(data) {
+//   return request({
+//     url: '/rsmonitoring/dkgeomdb',
+//     method: 'put',
+//     data: data
+//   })
+// }
+
+// 下发
+export function issueDkdb(data) {
   return request({
-    url: '/rsmonitoring/dkgeomdb',
-    method: 'put',
-    data: data
-  })
-}
-
-// 删除录入
-export function delDkdb(id) {
-  return request({
-    url: '/rsmonitoring/dkgeomdb/' + id,
-    method: 'delete'
+    url: '/rsmonitoring/dkgeomdb/issue',
+    method: 'post',
+    data
   })
 }
 

src/components/numCard.vue

@@ -4,21 +4,30 @@
       class="cardItem"
       v-for="(item, i) in sdlist"
       :key="i"
-      :class="`card${i}`"
-      style="width: 30%;"
+      :class="`card${item.ctype}`"
+      style="width: 30%"
     >
-      <span>{{ item.name }}</span>
-      <span>{{ sddata[""] || 0 }}个</span>
-      <span>{{ sddata[""] || 0 }}亩</span>
-      <div class="cardItem acard" :class="`card${i}`" v-if="item.show">
-        <span>{{ item.name }}1</span>
-        <span>{{ sddata[""] || 0 }}个</span>
-        <span>{{ sddata[""] || 0 }}亩</span>
-      </div>
-      <div class="cardItem acard" :class="`card${i}`" v-if="item.show">
-        <span>{{ item.name }}2</span>
-        <span>{{ sddata[""] || 0 }}个</span>
-        <span>{{ sddata[""] || 0 }}亩</span>
+      <span
+        :class="item.children ? 'cursor' : ''"
+        @click="item.show = !item.show"
+      >
+        {{ item.name }}
+        <el-icon class="el-icon--right" v-if="item.children">
+          <caret-bottom />
+        </el-icon>
+      </span>
+      <span>{{ sddata.prop || 0 }}个</span>
+      <span>{{ sddata.prop1 || 0 }}亩</span>
+      <div
+        class="cardItem acard"
+        :class="`card${i}`"
+        v-for="child in item.children"
+        :key="child.name"
+        v-if="item.show"
+      >
+        <span>{{ child.name }}</span>
+        <span>{{ child.prop || 0 }}个</span>
+        <span>{{ child.prop1 || 0 }}亩</span>
       </div>
     </div>
   </div>
@@ -50,6 +59,7 @@ defineProps({
     // width: 230px;
     width: 200px;
     height: 85px;
+    max-width: 200px;
     background: linear-gradient(
       180deg,
       rgba(30, 198, 149, 1) 0%,
@@ -84,15 +94,31 @@ defineProps({
     margin-top: 20px;
     z-index: 10;
   }
+  .cardblue {
+    background: linear-gradient(
+      180deg,
+      #02a5ee 0%,
+      #02a5ed 0%,
+      #0280b9 100%,
+      #027fb7 100%
+    );
+  }
 
-  .card1 {
+  .cardred {
     background: linear-gradient(
-      90deg,
+      180deg,
       rgba(244, 174, 149, 1) 0%,
       rgba(244, 174, 149, 1) 0%,
       rgba(226, 113, 140, 1) 100%,
       rgba(226, 113, 140, 1) 100%
     );
   }
+  .cursor {
+    cursor: pointer;
+  }
+  .el-icon--right {
+    font-size: 20px;
+    line-height: 28px;
+  }
 }
 </style>

src/views/pageCode/checkLand/index.vue

@@ -106,8 +106,8 @@
     <pagination
       v-show="total > 0"
       :total="total"
-      :page="queryParams.pageNum"
-      :limit="queryParams.pageSize"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
       @pagination="getList"
     />
 
@@ -134,6 +134,7 @@
   
   <script setup name="Dkjbxx">
 import {
+  getDkcount,
   listDkjbxx,
   getDkjbxx,
   delDkjbxx,
@@ -162,9 +163,22 @@ const data = reactive({
     dkmj: null,
     xzqdm: null,
   },
+  sdlist: [
+    { name: "核查图斑", pronum: "155", promj: "151.12", ctype: "blue" },
+    {
+      name: "未分发图斑",
+      pronum: "155",
+      promj: "151.12",
+      children: [{ name: "未分发图斑", pronum: "155", promj: "151.12" }],
+    },
+    { name: "举证中图斑", pronum: "155", promj: "151.12" },
+    { name: "已举证图斑", pronum: "155", promj: "151.12" },
+    { name: "外业退回图斑", pronum: "155", promj: "151.12", ctype: "red" },
+    { name: "县级审核退回图斑", pronum: "155", promj: "151.12", ctype: "red" },
+  ],
 });
 
-const { queryParams, form, rules } = toRefs(data);
+const { queryParams, form, rules, sdlist } = toRefs(data);
 
 /** 查询地块基本信息（DKJBXX）列表 */
 function getList() {
@@ -175,6 +189,13 @@ function getList() {
     loading.value = false;
   });
 }
+function getcount() {
+  getDkcount().then((response) => {
+    dkjbxxList.value = response.rows;
+    total.value = response.total;
+    loading.value = false;
+  });
+}
 
 // 取消按钮
 function cancel() {
@@ -293,7 +314,7 @@ function handleExport() {
     `dkjbxx_${new Date().getTime()}.xlsx`
   );
 }
-
+getcount();
 getList();
 </script>