更新数据

src/views/backOfficeSystem/ExcavationResearch/ZdryFjyp/index.vue

@@ -3,15 +3,9 @@
     <div class="left">
       <div style="background: #fff" class="pl10 pr10 pb10 pt10">
         <div class="title">图像信息</div>
-        <MyTable
+        <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
-          :tableData="pageData.tableData"
+          :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
-          :tableColumn="pageData.tableColumn"
+          @chooseData="chooseData">
-          :tableHeight="pageData.tableHeight"
-          :key="pageData.keyCount"
-          :tableConfiger="pageData.tableConfiger"
-          :controlsWidth="pageData.controlsWidth"
-          @chooseData="chooseData"
-        >
           <template #cjhx>
             <img width="60" height="60" :src="pro" alt="" />
           </template>
@@ -19,13 +13,9 @@
             <img width="60" height="60" :src="pro" alt="" />
           </template>
           <template #controls="{ row }">
-            <el-link size="small" type="success" @click="addEdit('edit', row)"
+            <el-link size="small" type="success" @click="addEdit('edit', row)">研判确认</el-link>
-              >研判确认</el-link
-            >
             <el-link size="small" type="primary">查看</el-link>
-            <el-link size="small" type="danger" @click="deleteRow(row)"
+            <el-link size="small" type="danger" @click="deleteRow(row)">删除</el-link>
-              >删除</el-link
-            >
           </template>
         </MyTable>
       </div>
@@ -33,25 +23,14 @@
         <div class="flex align-center">
           <div class="title mr20">人员信息</div>
           <div class="mb13">
-            <el-button
+            <el-button size="small" v-for="it in btnsList" :key="it" @click="chooseType(it)">
-              size="small"
-              v-for="it in btnsList"
-              :key="it"
-              @click="chooseType(it)"
-            >
               {{ it }}
             </el-button>
           </div>
         </div>
-        <MyTable
+        <MyTable :tableData="pageData.tableDataPeople" :tableColumn="pageData.tableColumnPeople"
-          :tableData="pageData.tableDataPeople"
+          :tableHeight="pageData.tableHeight1" :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger1"
-          :tableColumn="pageData.tableColumnPeople"
+          :controlsWidth="pageData.controlsWidth" @chooseData="chooseDataBottom">
-          :tableHeight="pageData.tableHeight1"
-          :key="pageData.keyCount"
-          :tableConfiger="pageData.tableConfiger1"
-          :controlsWidth="pageData.controlsWidth"
-          @chooseData="chooseDataBottom"
-        >
           <template #ryXm="{ row }">
             <div class="one_text_detail">姓名：{{ row.ryXm }} &nbsp;；</div>
             <div class="one_text_detail">电话：{{ row.rySjhm }} &nbsp;；</div>
@@ -65,45 +44,23 @@
           </template>
           <template #bqList="{ row }">
             <div v-if="row.bqList">
-              <el-tag v-for="(it, idx) in row.bqList" :key="idx"
+              <el-tag v-for="(it, idx) in row.bqList" :key="idx">{{ it.bqMc }}、</el-tag>
-                >{{ it.bqMc }}、</el-tag
-              >
             </div>
           </template>
           <template #czfs="{ row }">
             <div>
-              关注：<DictTag
+              关注：<DictTag :tag="false" style="display: inline" :value="row.sfGz" :options="D_BZ_SF" />&nbsp;；
-                :tag="false"
-                style="display: inline"
-                :value="row.sfGz"
-                :options="D_BZ_SF"
-              />
-              &nbsp;；
             </div>
             <div>
-              布控人员：<DictTag
+              布控人员：<DictTag :tag="false" style="display: inline" :value="row.sfZbkry" :options="D_BZ_SF" />&nbsp;；
-                :tag="false"
-                style="display: inline"
-                :value="row.sfZbkry"
-                :options="D_BZ_SF"
-              />&nbsp;；
             </div>
             <div>
-              重点人员：<DictTag
+              重点人员：<DictTag :tag="false" style="display: inline" :value="row.sfZzdry" :options="D_BZ_SF" />；
-                :tag="false"
-                style="display: inline"
-                :value="row.sfZzdry"
-                :options="D_BZ_SF"
-              />；
             </div>
           </template>
         </MyTable>
-        <Pages
+        <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight1"
-          @changeNo="changeNo"
+          :pageConfiger="{ ...pageData.pageConfiger, total: pageData.total }" />
-          @changeSize="changeSize"
-          :tableHeight="pageData.tableHeight1"
-          :pageConfiger="{ ...pageData.pageConfiger, total: pageData.total }"
-        />
       </div>
     </div>
     <div class="right">
@@ -117,21 +74,13 @@
             <div class="one_text_detail">所在地址：{{ item.yjDz }}</div>
           </div>
         </li>
-        <MOSTY.Empty
+        <MOSTY.Empty :show="!modelLoading && stepList.length <= 0"></MOSTY.Empty>
-          :show="!modelLoading && stepList.length <= 0"
-        ></MOSTY.Empty>
       </ul>
     </div>
   </div>
   <!-- 弹窗 -->
-  <Model
+  <Model v-model="isShow" :type="chooselx" :chooseList="chooseList" :ids="ids" @change="getList"
-    v-model="isShow"
+    :dic="{ D_BZ_SF, D_GS_ZDRFJ_SPZT }"></Model>
-    :type="chooselx"
-    :chooseList="chooseList"
-    :ids="ids"
-    @change="getList"
-    :dic="{ D_BZ_SF, D_GS_ZDRFJ_SPZT }"
-  ></Model>
 </template>
 <script setup>
 import * as MOSTY from "@/components/MyComponents/index";
@@ -143,8 +92,7 @@ import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
 import { qcckPost } from "@/api/qcckApi.js";
 const { proxy } = getCurrentInstance();
-const { D_GS_ZDRFJ_SPZT, D_BZ_SF, D_GS_RQFJ_FXDJ, D_GS_RQFJ_FXLB } =
+const { D_GS_ZDRFJ_SPZT, D_BZ_SF, D_GS_RQFJ_FXDJ, D_GS_RQFJ_FXLB } = proxy.$dict("D_GS_ZDRFJ_SPZT", "D_BZ_SF", "D_GS_RQFJ_FXDJ", "D_GS_RQFJ_FXLB"); //获取字典数据
-  proxy.$dict("D_GS_ZDRFJ_SPZT", "D_BZ_SF", "D_GS_RQFJ_FXDJ", "D_GS_RQFJ_FXLB"); //获取字典数据
 const btnsList = reactive(["是否重点人", "布控", "是否关注", "移交管控"]);
 const chooselx = ref("");
 const isShow = ref(false);
@@ -300,8 +248,7 @@ const chooseType = (val) => {
         .catch(() => { });
       break;
     case "是否重点人":
-      if (chooseList.value.length == 0)
+      if (chooseList.value.length == 0) return ElMessage.warning("选择的数据中都是重点人");
-        return ElMessage.warning("选择的数据中都是重点人");
       isShow.value = true;
       break;
     case "是否关注":
@@ -324,12 +271,14 @@ onMounted(() => {
   padding: 10px 10px 0 10px;
   box-sizing: border-box;
   overflow: hidden;
+
   .title {
     font-size: 20px;
     font-weight: 700;
     margin-bottom: 20px;
     position: relative;
     color: #333;
+
     &::after {
       content: "";
       position: absolute;
@@ -337,19 +286,19 @@ onMounted(() => {
       left: 0;
       width: 78px;
       height: 4px;
-      background: linear-gradient(
+      background: linear-gradient(90deg,
-        90deg,
           #3597f9c4 0%,
-        rgba(53, 150, 249, 0) 100%
+          rgba(53, 150, 249, 0) 100%);
-      );
       border-radius: 4px 4px 4px 4px;
     }
   }
+
   .left {
     width: calc(100% - 410px);
     height: 100%;
     float: left;
   }
+
   .right {
     width: 400px;
     height: 100%;
@@ -358,16 +307,19 @@ onMounted(() => {
     float: right;
     box-sizing: border-box;
     background: #fff;
+
     .cntBox {
       height: calc(100% - 60px);
       overflow: hidden;
       overflow-y: auto;
+
       .step {
         padding-left: 20px;
         box-sizing: border-box;
         position: relative;
         border-left: 3px dashed #0072ff;
         margin-left: 10px;
+
         &::before {
           position: absolute;
           content: "";
@@ -378,6 +330,7 @@ onMounted(() => {
           left: -12px;
           top: 0;
         }
+
         .desc {
           margin: 5px;
           color: #929090;
@@ -406,6 +359,7 @@ onMounted(() => {
   .unit {
     margin-left: 5px;
   }
+
   ::v-deep .el-input__inner {
     height: 36px !important;
     line-height: 36px !important;
@@ -413,6 +367,7 @@ onMounted(() => {
     color: #777575;
   }
 }
+
 .el-form-item--default {
   margin-bottom: 0px;
 }