更新下发任务页面

src/views/backOfficeSystem/service/taskPage/IssueTasks/index.vue

@@ -20,11 +20,10 @@
     <div class="tabBox">
       <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight" :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger"
         :controlsWidth="pageData.controlsWidth" @chooseData="chooseData">
-        <template #sblx="{ row }">
-          <dict-tag :value="row.sblx" :options="D_BZ_SBLX" :tag="false" />
-        </template>
-        <template #sblxdm="{ row }">
-          <dict-tag :options="D_BZ_GZSBLX" :value="row.sblxdm" :tag="false" />
+        <template #rwzt="{ row }">
+          <el-table-column prop="wlq" label="未领取"/>
+          <el-table-column prop="ylq" label="已领取"/>
+          <el-table-column prop="ywc" label="已完成"/>
         </template>
         <!-- 操作 -->
         <template #controls="{ row }">
@@ -86,22 +85,11 @@ const pageData = reactive({
   }, //分页
   controlsWidth: 210, //操作栏宽度
   tableColumn: [
-    { label: "任务名称", prop: "sbmc", showOverflowTooltip: true },
-    { label: "编号", prop: "sbbh", showOverflowTooltip: true },
-    { label: "地址", prop: "dzmc", showOverflowTooltip: true },
-    {
-      label: "任务类型",
-      prop: "sblx",
-      showSolt: true,
-      showOverflowTooltip: true
-    },
-    {
-      label: "摄像机类型",
-      prop: "sblxdm",
-      showSolt: true,
-      showOverflowTooltip: true
-    },
-    { label: "所属部门", prop: "ssbm", showOverflowTooltip: true }
+    { label: "任务名称", prop: "sbmc" },
+    { label: "方格编号", prop: "sbbh" },
+    { label: "下发时间", prop: "xfcsj" },
+    { label: "任务领取人", prop: "rwlqr" },
+    { label: "任务状态", prop: "rwzt", showSolt: true },
   ]
 });
 onMounted(() => {
@@ -109,7 +97,7 @@ onMounted(() => {
     pageData.keyCount = data;
   });
   tabHeightFn();
-  // getDataList();
+  getDataList();
 });
 // 搜索
 const onSearch = (val) => {
@@ -127,16 +115,16 @@ const getDataList = () => {
     ...listQuery.value
   };
   delete pramas.daterange;
-  pageData.tableConfiger.loading = true;
-  qcckPost(pramas, "/mosty-yszx/tbYsSxt/getPageList")
-    .then((res) => {
-      pageData.tableData = res.records || [];
-      pageData.tableConfiger.loading = false;
-      pageData.total = res.total;
-    })
-    .catch(() => {
-      pageData.tableConfiger.loading = false;
-    });
+  // pageData.tableConfiger.loading = true;
+  // qcckPost(pramas, "/mosty-yszx/tbYsSxt/getPageList")
+  //   .then((res) => {
+  //     pageData.tableData = res.records || [];
+  //     pageData.tableConfiger.loading = false;
+  //     pageData.total = res.total;
+  //   })
+  //   .catch(() => {
+  //     pageData.tableConfiger.loading = false;
+  //   });
 };
 const changeNo = (val) => {
   pageData.pageConfiger.pageNum = val;
@@ -157,17 +145,14 @@ const chooseData = (val) => {
 };
 //批量删除
 const deletList = (id) => {
-  proxy
-    .$confirm("确定要删除", "警告", { type: "warning" })
-    .then(() => {
-      qcckDelete({}, "/mosty-yszx/tbYsSxt/" + id).then(() => {
-        proxy.$message({ type: "success", message: "删除成功" });
-        getDataList();
-      });
-    })
-    .catch(() => {
-      proxy.$message.info("已取消");
-    });
+  proxy.$confirm("确定要删除", "警告", { type: "warning" }).then(() => {
+    // qcckDelete({}, "/mosty-yszx/tbYsSxt/" + id).then(() => {
+    //   proxy.$message({ type: "success", message: "删除成功" });
+    //   getDataList();
+    // });
+  }).catch(() => {
+    proxy.$message.info("已取消");
+  });
 };
 
 // 新增编辑表单
@@ -188,6 +173,9 @@ const tabHeightFn = () => {
 </script>
 
 <style lang="scss" scoped>
+::v-deep .el-table thead.is-group th.el-table__cell{
+  background: rgba(6, 42, 72, 0.8);
+}
 </style>
 <style>
 .el-loading-mask {