更新数据

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

@@ -42,9 +42,9 @@
           @chooseData="chooseDataBottom"
         >
           <template #ryXm="{ row }">
-            <div>姓名：{{ row.ryXm }}  &nbsp;；</div>
+            <div class="one_text_detail">姓名：{{ row.ryXm }}  &nbsp;；</div>
-            <div>电话：{{ row.rySjhm }} &nbsp;；</div>
+            <div class="one_text_detail">电话：{{ row.rySjhm }} &nbsp;；</div>
-            <div>身份证：{{ row.rySfzh }} </div>
+            <div class="one_text_detail">身份证：{{ row.rySfzh }} </div>
           </template>
           <template #fxDj="{ row }">
             <DictTag :tag="false" :value="row.fxDj" :options="D_GS_RQFJ_FXDJ"/>
@@ -68,23 +68,25 @@
     </div>
     <div class="right">
       <div class="title">轨迹信息</div>
-      <ul class="cntBox">
+      <ul class="cntBox" v-loading="modelLoading">
         <li class="step" v-for="(item, index) in stepList" :key="index">
-            <div style="color: #000;">{{ item.time }}</div>
+            <div style="color: #000;">{{ item.yjFssj }}</div>
             <div class="desc">
-              <div class="ellipsis mb5">事由：{{ item.sy }}</div>
+              <div class="one_text_detail mb5">事由：{{ item.yjNr }}</div>
-              <div class="ellipsis mb5">数据来源：{{ item.sjly }}</div>
+              <div class="one_text_detail mb5">数据来源：{{ item.yjGzymc }}</div>
-              <div class="ellipsis">所在地址：{{ item.szdz }}</div>
+              <div class="one_text_detail">所在地址：{{ item.yjDz }}</div>
             </div>
         </li>
+        <MOSTY.Empty :show="!modelLoading && stepList.length <= 0"></MOSTY.Empty>
       </ul>
     </div>
   </div>
   <!-- 弹窗 -->
-  <Model v-model="isShow" :type="chooselx" :chooseList="chooseList" :ids="ids" @change="getList" :dic="{D_BZ_SF}"></Model>
+  <Model v-model="isShow" :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";
 import { ElMessage } from "element-plus";
 import Model from "./model.vue";
 import { qcckGet } from "@/api/qcckApi.js";
@@ -92,8 +94,9 @@ import { ref, reactive, onMounted, getCurrentInstance } from "vue";
 import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
 import { qcckPost } from "@/api/qcckApi.js";
+import { el } from "element-plus/lib/locale/index.js";
 const { proxy } = getCurrentInstance();
-const {D_BZ_SF, D_GS_RQFJ_FXDJ, D_GS_RQFJ_FXLB } = proxy.$dict("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"); //获取字典数据
 const btnsList = reactive(['是否重点人','布控','是否关注','移交管控'])
 const chooselx = ref('')
 const isShow = ref(false)
@@ -177,73 +180,15 @@ const pageData = reactive({
     { label: "附件照片", prop: "ryFjZp" ,showOverflowTooltip:true},
     { label: "管辖单位", prop: "gxDwDm" ,showOverflowTooltip:true},
     { label: "责任部门", prop: "ssbm",showOverflowTooltip:true},
+    { label: "标签", prop: "fxjf",showOverflowTooltip:true},
+    { label: "风险积分", prop: "fxjf",showOverflowTooltip:true},
     { label: "风险等级", prop: "fxDj",showOverflowTooltip:true, showSolt: true },
     { label: "风险类别", prop: "fxLb",showOverflowTooltip:true, showSolt: true },
     { label: "处置方式", prop: "czfs",showOverflowTooltip:true, showSolt: true },
   ]
 });
-const stepList = ref([
+const modelLoading = ref(false)
-  {
+const stepList = ref([]);
-    time: "2025-4-25 16:40",
-    sy: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高",
-    sjly: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高",
-    szdz: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高"
-  },
-  {
-    time: "2025-4-25 16:40",
-    sy: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高",
-    sjly: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高",
-    szdz: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高"
-  },
-  {
-    time: "2025-4-25 16:40",
-    sy: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高",
-    sjly: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高",
-    szdz: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高"
-  },
-  {
-    time: "2025-4-25 16:40",
-    sy: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高",
-    sjly: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高",
-    szdz: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高"
-  },
-  {
-    time: "2025-4-25 16:40",
-    sy: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高",
-    sjly: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高",
-    szdz: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高"
-  },
-  {
-    time: "2025-4-25 16:40",
-    sy: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高",
-    sjly: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高",
-    szdz: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高"
-  },
-  {
-    time: "2025-4-25 16:40",
-    sy: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高",
-    sjly: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高",
-    szdz: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高"
-  },
-  {
-    time: "2025-4-25 16:40",
-    sy: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高",
-    sjly: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高",
-    szdz: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高"
-  },
-  {
-    time: "2025-4-25 16:40",
-    sy: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高",
-    sjly: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高",
-    szdz: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高"
-  },
-  {
-    time: "2025-4-25 16:40",
-    sy: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高",
-    sjly: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高",
-    szdz: "乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高铁到站乘坐高"
-  }
-]);
 
 
 const changeNo = (val) => {
@@ -262,6 +207,7 @@ const getList = () => {
   qcckGet(data, "/mosty-gsxt/tbGsxtRqfjRy/selectPage").then((res) => {
     pageData.tableDataPeople = res.records || [];
     pageData.total = res.total;
+    if(pageData.tableDataPeople.length > 0) chooseDataBottom(pageData.tableDataPeople[0])
   })
 };
 
@@ -279,6 +225,20 @@ const chooseDataBottom = (val) =>{
   if(Array.isArray(val)) {
     ids.value = val.map(item=>item.id);
     chooseList.value = val;
+  }else{
+    if(!val.rySfzh) {
+      ElMessage.warning("该人员没有轨迹");
+    }else{
+      stepList.value = [];
+      modelLoading.value = true;
+      let params = {  pageSize:1000, pageNum:1 ,yjRysfzh:val.rySfzh};
+      qcckPost(params,'/mosty-jmxf/tbYjxx/getPageList').then(res=>{
+        stepList.value = res.records || [];
+        modelLoading.value = false;
+      }).catch(()=>{
+        modelLoading.value = false;
+      })
+    }
   }
 }
 

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

@@ -52,7 +52,7 @@ const props = defineProps({
         default:''
     },
 })
-const emits = defineEmits(["update:modelValue",'getDepValue']);
+const emits = defineEmits(["update:modelValue"]);
 const formValidate = ref()
 const rules = reactive({
     sfGz: [{ required: true, message: "请选择是否关注", trigger: "change" }],