更新

、·# especially if it merges an updated upstream into a topic branch.

package-lock.json

@@ -38,7 +38,7 @@
         "moment": "^2.30.1",
         "ol": "^6.14.1",
         "pinia": "^3.0.1",
-        "pizzip": "^3.1.5",
+        "pizzip": "^3.2.0",
         "siriwave": "2.3.0",
         "tesseract.js": "^6.0.1",
         "vue": "^3.2.8",
@@ -13996,9 +13996,9 @@
       }
     },
     "node_modules/pizzip": {
-      "version": "3.1.5",
+      "version": "3.2.0",
-      "resolved": "https://registry.npmmirror.com/pizzip/-/pizzip-3.1.5.tgz",
+      "resolved": "https://registry.npmmirror.com/pizzip/-/pizzip-3.2.0.tgz",
-      "integrity": "sha512-uQXb7woLr9baq43Z9EY4wD5cpzrXQd6QUEwehreC1HyRuE4Q1UaGVG9/aCL4CqM4SMz47iE1UyrGtyzmleWHhQ==",
+      "integrity": "sha512-X4NPNICxCfIK8VYhF6wbksn81vTiziyLbvKuORVAmolvnUzl1A1xmz9DAWKxPRq9lZg84pJOOAMq3OE61bD8IQ==",
       "dependencies": {
         "pako": "^2.1.0"
       }
@@ -31902,9 +31902,9 @@
       }
     },
     "pizzip": {
-      "version": "3.1.5",
+      "version": "3.2.0",
-      "resolved": "https://registry.npmmirror.com/pizzip/-/pizzip-3.1.5.tgz",
+      "resolved": "https://registry.npmmirror.com/pizzip/-/pizzip-3.2.0.tgz",
-      "integrity": "sha512-uQXb7woLr9baq43Z9EY4wD5cpzrXQd6QUEwehreC1HyRuE4Q1UaGVG9/aCL4CqM4SMz47iE1UyrGtyzmleWHhQ==",
+      "integrity": "sha512-X4NPNICxCfIK8VYhF6wbksn81vTiziyLbvKuORVAmolvnUzl1A1xmz9DAWKxPRq9lZg84pJOOAMq3OE61bD8IQ==",
       "requires": {
         "pako": "^2.1.0"
       }

package.json

@@ -39,7 +39,7 @@
     "moment": "^2.30.1",
     "ol": "^6.14.1",
     "pinia": "^3.0.1",
-    "pizzip": "^3.1.5",
+    "pizzip": "^3.2.0",
     "siriwave": "2.3.0",
     "tesseract.js": "^6.0.1",
     "vue": "^3.2.8",

src/App.vue

@@ -7,7 +7,6 @@
     </keep-alive>
   </router-view>
 <Fzq />
-
 </template>
 <script setup>
 import Watermark from "@/components/Watermark.vue";
@@ -156,6 +155,7 @@ v-deep .el-loading-mask {
   transform: translateY(-50%) translateX(-50%);
 }
 .popupCustomBox{
+  width: 130px;
   position: relative;
   background: rgba(2, 55, 114, 0.99);
   color: #fff;
@@ -191,9 +191,11 @@ v-deep .el-loading-mask {
     line-height: 22px;
     text-transform: none;
     margin-bottom: 0;
+    display: flex;
+    justify-content: space-between;
     span{
       display: inline-block;
-      width: 45px;
+      width: 60px;
       text-align: center;
     }
   }

src/api/huiShangyp/strategicApi.js

@@ -93,3 +93,43 @@ export const ypbgSjzlYpsp = (data) => {
 //   / mosty - api / mosty - gsxt / ypbg / sjzl / sendFqzl
 // 工作流审批回掉
 //   / mosty - api / mosty - gsxt / ypbg / sjzl / updateBkgzl
+// /gsxtYpbg/getPageList 获取列表
+export const gsxtYpbgGetPageList = (params) => {
+  return request({
+    url: api + `/gsxtYpbg/getPageList`,
+    method: "get",
+    params
+  })
+};
+
+// /gsxtYpbg/deleteEntity删除
+export const gsxtYpbgDeleteEntity = (data) => {
+  return request({
+    url: api + `/gsxtYpbg/deleteEntity`,
+    method: "delete",
+    data
+  })
+};
+// /gsxtYpbg/addEntity  新增
+export const gsxtYpbgAddEntity = (data) => {
+  return request({
+    url: api + `/gsxtYpbg/addEntity`,
+    method: "post",
+    data
+  })
+};
+// /gsxtYpbg/editEntity 修改
+export const gsxtYpbgEditEntity = (data) => {
+  return request({
+    url: api + `/gsxtYpbg/editEntity`,
+    method: "put",
+    data
+  })
+};
+// /gsxtYpbg/{id} 详情
+export const gsxtYpbgId=(id) => {
+  return request({
+    url: api + `/gsxtYpbg/${id}`,
+    method: "get"
+  })
+};

src/api/semanticAnalysis.js

@@ -207,3 +207,19 @@ export const jqypfxbgCzlfx = (params) => {
     params
   });
 }
+// 网络舆情
+export const gsxtWlyqGetPageList = (params) => {
+  return request({
+    url: api + "/gsxt/wlyq/getPageList",
+    method: "GET",
+    params
+  });
+
+}
+export const gsxtWlyqSelectById = (id) => {
+  return request({
+    url: api + `/gsxt/wlyq/selectById/${id}`,
+    method: "GET",
+  });
+}
+

src/api/xxcj.js

@@ -203,3 +203,36 @@ export const xxcjXfxsSelectPage = (params) => {
     params
   })
 }
+// 线索研判列表
+export const xxcjTjcll = (params) => {
+  return request({
+    url: api + `/xxcj/tjcll`,
+    method: "get",
+    params
+  })
+}
+// 送审
+export const xxcjXxcjTjsh = (data) => {
+  return request({
+    url: api + `/xxcj/xxcjTjsh`,
+    method: "post",
+    data
+  })
+}
+
+// 审批列表
+export const xxcjSelectDshPage = (params) => {
+  return request({
+    url: api + `/xxcj/selectDshPage`,
+    method: "get",
+    params
+  })
+}
+// 审批
+export const xxcjXxcjSh = (data) => {
+  return request({
+    url: api + `/xxcj/xxcjSh`,
+    method: "post",
+    data
+  })
+}

src/assets/css/layout.scss

@@ -187,6 +187,14 @@ header {
   border-radius: 4px;
 }
 
+.searchBoxlive {
+  // padding: 15px;
+  border-radius: 1px;
+  position: relative;
+  background: #fff;
+  border-radius: 4px;
+}
+
 .app-main {
   height: calc(100vh - 126px);
   position: relative;
@@ -256,6 +264,10 @@ header {
       }
     }
   }
+
+  .heightBox {
+    height: calc(100vh - 270px);
+  }
 }
 
 ::v-deep .el-card {

src/assets/css/pulic.scss

@@ -282,6 +282,11 @@
   display: block;
 }
 
+// 外边距
+.mt10 {
+  margin-top: 10px;
+}
+
 /**********字体大小和边距***********/
 @for $i from 1 through 100 {
   .f#{$i} {

src/components/Consultation/components/meetingView.vue

@@ -1,5 +1,12 @@
 <template>
-  <DraggableResizableVue v-if="props.modelValue"
+  <div class="mimiBox flex" @click="handleWindowSize" v-show="isMinimized" >
+    <div class="item mr5 one"></div> 
+    <div class="item mr5 two"></div>
+    <div class="item mr5 three"></div>
+    <div class="item mr5 four"></div> 
+    <div class="item mr5 five"></div> 
+  </div>
+  <DraggableResizableVue v-show="!isMinimized"
     v-model:x="element.x"
     v-model:y="element.y"
     v-model:h="element.height"
@@ -19,17 +26,17 @@
       <div class="conference-header">
         <div class="header-top">
           <div class="title-section" v-show="displaySubject">
-             <h3 v-if="!editSubject" @click="editSubject = true" class="conference-title">
+             <h3 v-if="!editSubject" @click="editSubject = true" class="conference-title">{{ displaySubject }} </h3>
-                {{ displaySubject }}
-             </h3>
              <el-input v-else v-model="subject" autofocus allow-clear @blur="updateSubject" class="title-input"/>
-             
              <div class="meeting-id-tag" @click="copyMeetingNumber" v-if="activeMeetingConfig?.meeting?.number">
                 <span class="id-label">会议号:</span>
                 <span class="id-value">{{ activeMeetingConfig?.meeting?.number }}</span>
                 <el-icon class="copy-icon"><CopyDocument /></el-icon>
              </div>
           </div>
+          <div style="color: #999999;padding-right: 30px;">
+            <el-icon size="18px" @click="handleWindowSize"><Minus /></el-icon>
+          </div>
         </div>
         <div class="participants-info">
              <el-icon><User /></el-icon>
@@ -75,17 +82,22 @@
 
           <div class="control-bar">
             <!-- 锁定 -->
-            <el-button circle @click="lockConference" class="control-btn">
+             <div class="flex dir-column align-center">
-                <el-icon size="20px" v-if="activeMeetingConfig?.lockStatus == 1"><Lock/></el-icon>
+               <el-button circle @click="lockConference" class="control-btn">
-                <el-icon size="20px" v-else ><Unlock/></el-icon>
+                   <el-icon size="24px" v-if="activeMeetingConfig?.lockStatus == 1"><Lock/></el-icon>
-            </el-button>
+                   <el-icon size="24px" v-else ><Unlock/></el-icon>
+               </el-button>
+               <div>{{ activeMeetingConfig?.lockStatus == 1 ? '已锁定' : '未锁定' }}</div>
+             </div>
 
             <!-- 麦克风 -->
-            <el-button circle @click="setMuteMic" class="control-btn">
+             <div class="flex dir-column align-center">
+              <el-button circle @click="setMuteMic" class="control-btn">
                 <img v-if="isMicEnable" src="@/assets/images/webPuc/svgs/microphone.svg" alt="">
                 <img v-else src="@/assets/images/webPuc/svgs/microphone_mute.svg" alt="">
-            </el-button>
+              </el-button>
-
+              <div>麦克风</div>
+             </div>
             <el-popover title="选择麦克风" trigger="click" position="bottom-end">
                 <template #reference>
                     <el-icon class="control-arrow" color="#fff"><ArrowDown/></el-icon>
@@ -94,10 +106,14 @@
             </el-popover>
 
             <!-- 扬声器 --> 
-            <el-button circle @click="setMuteEar" class="control-btn">
+             <div class="flex dir-column align-center">
-                <img v-if="audioOuputStatus == 1" src="@/assets/images/webPuc/svgs/earpiece.svg" alt="">
+               <el-button circle @click="setMuteEar" class="control-btn">
-                <img v-else src="@/assets/images/webPuc/svgs/trumpet_mute.svg" alt="">
+                   <img v-if="audioOuputStatus == 1" src="@/assets/images/webPuc/svgs/earpiece.svg" alt="">
-            </el-button>
+                   <img v-else src="@/assets/images/webPuc/svgs/trumpet_mute.svg" alt="">
+               </el-button>
+              <div>扬声器</div>
+             </div>
+
             <el-popover title="选择扬声器" trigger="click" position="bottom-end">
                 <template #reference>
                     <el-icon class="control-arrow" color="#fff"><ArrowDown/></el-icon>
@@ -106,10 +122,13 @@
             </el-popover>
 
             <!-- 摄像头 -->
-            <el-button circle @click="setCamera" class="control-btn">
+             <div class="flex dir-column align-center">
-                <img v-if="userInfo?.camera_status === CAMERA_STATUS_OPEN" src="@/assets/images/webPuc/svgs/camera.svg" alt="">
+               <el-button circle @click="setCamera" class="control-btn">
-                <img v-else src="@/assets/images/webPuc/svgs/camera_mute.svg" alt="">
+                   <img v-if="userInfo?.camera_status === CAMERA_STATUS_OPEN" src="@/assets/images/webPuc/svgs/camera.svg" alt="">
-            </el-button>
+                   <img v-else src="@/assets/images/webPuc/svgs/camera_mute.svg" alt="">
+               </el-button>
+               <div>摄像头</div>
+             </div>
             <el-popover title="选择摄像头" trigger="click" position="bottom-end">
                 <template #reference>
                     <el-icon class="control-arrow" color="#fff"><ArrowDown/></el-icon>
@@ -118,64 +137,72 @@
             </el-popover>
 
             <!-- 屏幕共享 -->
-            <el-button circle @click="setShareScreenStatus(1)" class="control-btn">
+             <div class="flex dir-column align-center">
-                <img src="@/assets/images/webPuc/svgs/share_video.svg" alt="">
+               <el-button circle @click="setShareScreenStatus(1)" class="control-btn">
-            </el-button>
+                   <img src="@/assets/images/webPuc/svgs/share_video.svg" alt="">
+               </el-button>
+                <div>屏幕共享</div>
+             </div>
 
             <!-- 结束共享 / 结束会议 (Center) -->
-            <el-button v-if="activeMeetingConfig?.sharingMember?.basedata_id === userInfo?.basedata_id"
+            <el-button v-if="activeMeetingConfig?.sharingMember?.basedata_id === userInfo?.basedata_id" type="danger" shape="round" status="danger" class="hangup-btn" @click="setShareScreenStatus(0)">结束共享</el-button>
-              type="danger"
+            <!-- 结束会议 v-if="globalStore.IS_CURRENT_MEETING_OWNER"-->
-              shape="round"
+            <el-button v-else type="danger" shape="round" class="hangup-btn" @click="endConference">结束会议</el-button>
-              status="danger"
-              class="hangup-btn"
-              @click="setShareScreenStatus(0)">
-              结束共享
-            </el-button>
-
-            <template v-else>
-              <!-- 结束会议 v-if="globalStore.IS_CURRENT_MEETING_OWNER"-->
-              <el-button
-                type="danger"
-                shape="round"
-                class="hangup-btn"
-                @click="endConference">
-                结束会议
-              </el-button>
-            </template>
 
             <!-- 成员管理 -->
-            <el-button circle @click="showMembers" class="control-btn">
+              <div class="flex dir-column align-center">
-                <el-icon color="#fff" size="20"><Auatar/></el-icon>
+                <el-button circle @click="showMembers" class="control-btn">
-            </el-button>
+                  <el-icon color="#fff" size="24px"><Grid /></el-icon>
+                </el-button>
+                <div>成员管理</div>
+              </div>
 
             <!-- 语音激励 -->
-            <el-button circle @click="setVoiceStimulation()" class="control-btn">
+             <div class="flex dir-column align-center">
-                <img v-if="activeMeetingConfig?.voiceStimulation" src="@/assets/images/webPuc/svgs/icon_embrave.svg" alt="">
+               <el-button circle @click="setVoiceStimulation()" class="control-btn">
-                <img v-else src="@/assets/images/webPuc/svgs/conference_icom_cancel_voice_stimulation.svg" alt="">
+                   <img v-if="activeMeetingConfig?.voiceStimulation" src="@/assets/images/webPuc/svgs/icon_embrave.svg" alt="">
-            </el-button>
+                   <img v-else src="@/assets/images/webPuc/svgs/conference_icom_cancel_voice_stimulation.svg" alt="">
+               </el-button>
+              <div>语音激励</div>
+             </div>
 
             <!-- 布局 -->
             <!-- <LaoutType @setConfernceLayoutType="setConfernceLayoutType" /> -->
 
             <!-- 画面抓取-截图 -->
-            <el-button circle @click="startScreenshot" class="control-btn">
+             <div class="flex dir-column align-center">
-              <el-icon color="#fff" size="20"><Scissor/></el-icon>
+               <el-button circle @click="startScreenshot" class="control-btn">
-            </el-button>
+                 <el-icon color="#fff" size="24px"><Scissor/></el-icon>
+               </el-button>
+               <div>截图</div>
+             </div>
 
             <!-- 视频广播 -->
-            <el-button circle @click="broadcastAction" class="control-btn">
+            <div class="flex dir-column align-center">
-                <img src="@/assets/images/webPuc/svgs/icon_broadcast.svg" alt="">
+               <el-button circle @click="broadcastAction" class="control-btn">
-            </el-button>
+                  <img src="@/assets/images/webPuc/svgs/icon_broadcast.svg" alt="">
+              </el-button>
+               <div>视频广播</div>
+             </div>
+            
 
             <!-- 录屏 -->
-            <el-button circle @click="!isRecording ? mediaRecorder.start() : mediaRecorder.stop()" class="control-btn">
+             <div class="flex dir-column align-center">
-                <el-icon v-if="!isRecording"><Camera/></el-icon>
+              <el-button circle @click="!isRecording ? mediaRecorder.start() : mediaRecorder.stop()" class="control-btn">
-                <el-icon v-else style="color: red"><Videopause/></el-icon>
+                <el-icon size="24px" v-if="!isRecording"><Camera/></el-icon>
-            </el-button>
+                <el-icon size="24px" v-else style="color: red"><Videopause/></el-icon>
-            <el-button circle @click="toggleFullscreen" class="control-btn">
+              </el-button>
-                <el-icon v-if="!isFullscreen"><svg class="icon" width="200" height="200" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M384 192H192a64 64 0 00-64 64v192a32 32 0 1064 0V288h192a32 32 0 000-64zm384 64H576a32 32 0 100 64h192v160a32 32 0 1064 0V256a64 64 0 00-64-64zM352 768H192V608a32 32 0 10-64 0v192a64 64 0 0064 64h160a32 32 0 100-64zm544-160a32 32 0 00-32 32v128H704a32 32 0 100 64h160a64 64 0 0064-64V640a32 32 0 00-32-32z"/></svg></el-icon>
+               <div>{{ isRecording ? '录屏':'停止' }}</div>
-                <el-icon v-else><svg class="icon" width="200" height="200" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M352 288a32 32 0 010-64h160a32 32 0 0132 32v160a32 32 0 11-64 0V320H352zm320 448a32 32 0 010 64H512a32 32 0 01-32-32V608a32 32 0 1164 0v128h128zM256 672a32 32 0 00-32-32H96a32 32 0 00-32 32v128a32 32 0 1064 0v-96h64a32 32 0 0032-32zm640-384a32 32 0 00-32 32v96h-64a32 32 0 100 64h128a32 32 0 0032-32V288a32 32 0 00-32-32z"/></svg></el-icon>
+             </div>
-            </el-button>
+
+            
+             <div class="flex dir-column align-center">
+                <el-button circle @click="toggleFullscreen" class="control-btn">
+                  <el-icon  size="24px" v-if="!isFullscreen"><svg class="icon" width="200" height="200" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M384 192H192a64 64 0 00-64 64v192a32 32 0 1064 0V288h192a32 32 0 000-64zm384 64H576a32 32 0 100 64h192v160a32 32 0 1064 0V256a64 64 0 00-64-64zM352 768H192V608a32 32 0 10-64 0v192a64 64 0 0064 64h160a32 32 0 100-64zm544-160a32 32 0 00-32 32v128H704a32 32 0 100 64h160a64 64 0 0064-64V640a32 32 0 00-32-32z"/></svg></el-icon>
+                  <el-icon  size="24px" v-else ><svg class="icon" width="200" height="200" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M352 288a32 32 0 010-64h160a32 32 0 0132 32v160a32 32 0 11-64 0V320H352zm320 448a32 32 0 010 64H512a32 32 0 01-32-32V608a32 32 0 1164 0v128h128zM256 672a32 32 0 00-32-32H96a32 32 0 00-32 32v128a32 32 0 1064 0v-96h64a32 32 0 0032-32zm640-384a32 32 0 00-32 32v96h-64a32 32 0 100 64h128a32 32 0 0032-32V288a32 32 0 00-32-32z"/></svg></el-icon>
+              </el-button>
+               <div>{{ !isFullscreen ? '全屏':'退出' }}</div>
+             </div>
           </div>
       </div>
 
@@ -773,6 +800,18 @@ const setAudio = (stream) => {
     }
   };
 
+  const isMinimized = ref(false);
+  const lastHeight = ref(0);
+  // 最小化
+  function handleWindowSize() {
+    isMinimized.value = !isMinimized.value;
+    if (isMinimized.value) {
+      lastHeight.value = element.value.height;
+      element.value.height = 70;
+    } else {
+      element.value.height = lastHeight.value;
+    }
+  }
 
 onMounted(()=>{
   console.log(globalStore,'=====0000000000000');
@@ -795,6 +834,7 @@ onMounted(()=>{
 });
 
 
+
 onUnmounted(() => {
   emitter.off('onMediaStream');
   emitter.off('onHangup');
@@ -804,7 +844,67 @@ onUnmounted(() => {
 
 </script>
 
-<style scoped>
+
+
+<style scoped lang="scss">
+  .mimiBox {
+    position: absolute;
+    top: 10px;
+    right: 20px;
+    display: flex;
+    align-items: flex-end;
+    padding: 6px 8px;
+    border-radius: 16px;
+    background: rgba(0, 0, 0, 0.6);
+    cursor: pointer;
+  }
+
+  .mimiBox .item {
+    width: 3px;
+    height: 14px;
+    margin-right: 3px;
+    background: linear-gradient(180deg, #4facfe 0%, #00f2fe 100%);
+    border-radius: 999px;
+    animation: sound-wave 1s ease-in-out infinite;
+    transform-origin: bottom;
+  }
+
+  .mimiBox .item:last-child {
+    margin-right: 0;
+  }
+
+  .mimiBox .item:nth-child(1) {
+    animation-delay: 0s;
+  }
+
+  .mimiBox .item:nth-child(2) {
+    animation-delay: 0.15s;
+  }
+
+  .mimiBox .item:nth-child(3) {
+    animation-delay: 0.3s;
+  }
+
+  .mimiBox .item:nth-child(4) {
+    animation-delay: 0.45s;
+  }
+
+  .mimiBox .item:nth-child(5) {
+    animation-delay: 0.6s;
+  }
+
+  @keyframes sound-wave {
+    0%,
+    100% {
+      transform: scaleY(0.4);
+      opacity: 0.7;
+    }
+    50% {
+      transform: scaleY(1.4);
+      opacity: 1;
+    }
+  }
+
   .container {
     position: absolute;
     display: flex;

src/components/GdMap/mapUtil.js

@@ -143,59 +143,59 @@ export function MapUtil(map) {
     });
   }
 
-  // 展示气泡框  
+  // 展示气泡框
-  MapUtil.prototype.makerPopup = (val)=>{
+  MapUtil.prototype.makerPopup = (val) => {
-    
+
-    let { data,flag,type = 'Dark'} = val
+    let { data, flag, type = 'Dark' } = val
     // Dark   Light   Custom
     let marker;
-    if(!_that._self[flag]) _that._self[flag] = [];
+    if (!_that._self[flag]) _that._self[flag] = [];
-    if(type == 'Dark' || type == 'Light') { 
+    if (type == 'Dark' || type == 'Light') {
-      let list = zdyContent(flag,data);// 默认的样式
+      let list = zdyContent(flag, data);// 默认的样式
-      marker = map.createPopup([data.jd,data.wd],{
+      marker = map.createPopup([data.jd, data.wd], {
-        style:style, // 气泡框样式:
+        style: style, // 气泡框样式:
-        data:list,
+        data: list,
-        title:data.ssbm,
+        title: data.ssbm,
-        closeButton:false,
+        closeButton: false,
-        anchor:'bottom',
+        anchor: 'bottom',
-        pixelOffset:[0,-50]
+        pixelOffset: [0, -50]
       })
-    }else {
+    } else {
-      marker = map.createPopup([data.jd,data.wd],{
+      marker = map.createPopup([data.jd, data.wd], {
-        style:'Custom', // // 自定义样式
+        style: 'Custom', // // 自定义样式
-        attrs:{
+        attrs: {
-          class:'popupCustom'
+          class: 'popupCustom'
         },
-        container: zdyContentHtml(flag,data),
+        container: zdyContentHtml(flag, data),
-        closeButton:false,
+        closeButton: false,
-        anchor:'bottom',
+        anchor: 'bottom',
-        pixelOffset:[0,-30]
+        pixelOffset: [0, -30]
       })
     }
     _that._self[flag].push(marker)
   }
   // 弹窗自定义默认内容
-  function zdyContent(flag,item){
+  function zdyContent(flag, item) {
     switch (flag) {
       case 'hm':
         return [
-          { label:'林安码线索数量',value:item.lamsx },
+          { label: '林安码线索数量', value: item.lamsx },
-          { label:'布控预警数量',value:item.bkyj },
+          { label: '布控预警数量', value: item.bkyj },
-          { label:'红色预警数量',value:item.hsyj },
+          { label: '红色预警数量', value: item.hsyj },
-          { label:'信息采集数量',value:item.xxcjsl },
+          { label: '信息采集数量', value: item.xxcjsl },
         ]
     }
   }
   // 弹窗自定义标签内容
-  function zdyContentHtml(flag,item){
+  function zdyContentHtml(flag, item) {
     let html = ''
     switch (flag) {
       case 'hm_pop':
         const list = [
-          { jb: "一级",sl:'5',ypl:'100%' },
+          { jb: "一级", sl: '5' },
-          { jb: "二级",sl:'5',ypl:'100%' },
+          { jb: "二级", sl: '5' },
-          { jb: "三级",sl:'3',ypl:'60%' },
+          { jb: "三级", sl: '3' },
-          { jb: "四级",sl:'0',ypl:'20%' }
+          { jb: "四级", sl: '0' }
         ];
         html = `
         <div class="popupCustomBox">
@@ -204,16 +204,16 @@ export function MapUtil(map) {
             <span>今日警情${item.jrzs || 0}</span>
           </div>
           <ul>
-            <li class="popupCustomTitle_li"><span>级别</span> <span>数量</span> <span>研判率</span> </li>
+            <li class="popupCustomTitle_li"><span>数据来源</span> <span>数量</span> </li>
-            ${item.jqjb.map(it => `<li class="popupCustomTitle_li"><span>${it.jbmc}</span> <span>${it.jrsl}</span> <span>${it.ypbl}</span></li>`).join('')}
+            ${item.jrtj.map(it => `<li class="popupCustomTitle_li"><span>${it.lyms}</span> <span>${it.jrsl}</span> </li>`).join('')}
           </ul>
         </div>
         `
-      break;
+        break;
     }
     return html;
   }
-   
+
   // 信息框展示
   MapUtil.prototype.makerShowTitle = (item, points, flag, text, offset) => {
 

src/components/MarkdownEdit/index.vue

@@ -100,7 +100,7 @@ const uploadFn = (file, insertFn) => {
     insertFn(res);
   });
 };
-//编辑器创建成功
+//编辑器创建成功 
 const handleCreated = (editor) => {
   editorRef.value = editor;
 };

src/components/MyComponents/Upload/index.vue

@@ -9,7 +9,7 @@
       :action="actionUrl"
       :list-type="props.showBtn ? '' : 'picture-card'"
       :file-list="fileList"
-      show-file-list
+      :show-file-list="showFileList"
       :before-remove="beforeRemove"
       :on-exceed="handleExceed"
       :on-success="handlerSuccess"
@@ -82,6 +82,10 @@ const props = defineProps({
   isAll: {
     type: Boolean,
     default: true //所有类型都可以用这个接口，接口返回的是id
+  },
+  showFileList: {
+    type: Boolean,
+    default: true
   }
 });
 const emits = defineEmits(["update:modelValue"]);
@@ -102,9 +106,10 @@ watch(() => props.modelValue,(val) => {
       // 确保file.url始终是字符串URL
       const fileUrl = props.isAll ? `/mosty-api/mosty-base/minio/image/download/` + el.id : el.url;
       return {
+        ...el,
         url: String(fileUrl || ''),
         name: el.name || '',
-        id: el
+
       };
     } else {
       return {
@@ -113,6 +118,8 @@ watch(() => props.modelValue,(val) => {
       };
     }
   });
+  console.log(fileList.value, "fileList.value");
+
 },{ immediate: true,deep:true });
 
 const actionUrl = computed(() => {
@@ -173,8 +180,16 @@ const handlerSuccess = (res, file) => {
   let arr = []
   if(props.isImg){
     arr = fileList.value.map((el) => el.id)
-  }else{
+  } else {
-    arr = fileList.value.map((el) => ({ id:el.id, name:el.name}))
+      console.log(fileList,"测试");
+    arr = fileList.value.map((el) => {
+      console.log(el,'xunhuan');
+      return {
+        id: el.id, name: el.name
+      }
+    })
+      console.log(arr,"测试2222");
+
   }
   emits("update:modelValue", arr);
 };

src/components/aboutTable/DarkTable.vue

@@ -132,10 +132,18 @@ const props = defineProps({
   tableHeight: {
     type: Number || String,
   },
+  // 在自动滚动中，想滚动到底部,是否请求下一页
+  hasNext: {
+    type: Number,
+    default: false
+  },
+
+  // 自动滚动
   isScroll: {
     type: Number,
     default: false
   },
+  
   customClass: {
     type: String
   },
@@ -333,6 +341,8 @@ const createScroll = () => {
     timer.value = setInterval(() => {
       target.scrollTop += 1;
       if (target.scrollTop >= originalBodyHeight.value) {
+        // 滚动到底部没有下一页了,循环滚动 ,
+        if(props.hasNext) emit("changePage");
         target.scrollTop -= originalBodyHeight.value;
       }
     }, 20);

src/components/aboutTable/MyTable.vue

@@ -8,6 +8,8 @@
       :stripe="getConfiger.stripe" :height="tableHeight" v-loading="tableConfiger.loading" :lazy="getConfiger.lazy"
       :load="load" :tree-props="treePros" style="width: 100%" :header-cell-class-name="() => 'HeadBgColor'"
       :highlight-current-row="getConfiger.showSelectType === 'radio'"
+      @row-click="handleRowClick"
+      @cell-click="handleCellClick"
       :row-style="(row, index) => getRowStyle(row, index)"
       :row-class-name="(row, index) => getRowClassName(row, index)">
 
@@ -24,10 +26,10 @@
 
       <el-table-column v-for="(item, index) in tableColumn" :align="getConfiger?.align" :prop="item.prop" :key="index"
         :label="item.label" :width="item.width" style="width: 100%; font-size: 14px"
-        :show-overflow-tooltip="item.showOverflowTooltip || false" :sortable="item.sortable || false">
+        :show-overflow-tooltip="item.showOverflowTooltip || true" :sortable="item.sortable || false">
         <!-- 使用自定义 -->
         <template v-if="item.showSolt" #default="scope">
-          <slot :name="item.prop" v-bind="scope"></slot>
+            <slot :name="item.prop" v-bind="scope"></slot>
         </template>
         <!-- 默认 -->
         <template v-else #default="{ row }">
@@ -95,7 +97,7 @@ const props = defineProps({
   }
 });
 // 可选的时候选择的数据
-const emit = defineEmits(["chooseData"]);
+const emit = defineEmits(["chooseData","handleRowClick","handleCellClick"]);
 const multipleTableRef = ref();
 const currentRow = ref();
 let getConfiger = reactive({
@@ -157,7 +159,6 @@ const load = (date, treeNode, resolve) => {
 const getRowStyle = (row, index) => {
   // 基础行高样式
   const baseStyle = { height: getConfiger.rowHeight === 'auto' ? getConfiger.rowHeight : getConfiger.rowHeight + 'px' };
-
   // 如果有自定义行样式函数，合并样式
   if (props.rowStyle) {
     const customStyle = props.rowStyle(row, index);
@@ -193,6 +194,13 @@ function setDefaultChoose() {
     }
   });
 }
+// 点击某行
+const handleRowClick = (row) => {
+  emit("handleRowClick", row);
+}
+const handleCellClick = (row,column,event,cell) => {
+  emit("handleCellClick", {row,column,event,cell});
+}
 </script>
 
 <style lang="scss"></style>

src/components/aboutTable/PageTitle.vue

@@ -1,11 +1,11 @@
 <template>
-  <div class="pageTitle" :style="`margin-bottom: ${marginBottom}px;background-color: ${backgroundColor}`">
+  <div class="pageTitle" :style="`margin-bottom: ${marginBottom}px;margin-top: ${marginTop}px;background-color: ${backgroundColor};height: ${height}px;`">
     <div class="title">
       <ul class="flex" v-if="Array.isArray(title)">
         <li :class=" idx == active ? 'hedBtn':''" @click="handleBtn(it,idx)" class="pointer ml10 mr10" v-for="(it,idx) in title" :key="it">{{ it }}</li>
       </ul>
       <div class="font" v-else>{{ title }}</div>
-      <div class="ml30">
+      <div :style="`margin-left: ${ malginLeft==0?30:malginLeft}px`">
         <slot name="left"></slot>
       </div>
     </div>
@@ -28,15 +28,28 @@ defineProps({
   marginBottom: {
     type: Number,
     default: 0
+  },
+    malginLeft: {
+    type: Number,
+    default: 0
   },
   active: {
     type: Number,
     default: 0
   },
+  marginTop: {
+    type: Number,
+    default: 0
+  },
   backgroundColor: {
     type: String,
     default: "rgb(255, 255, 255, 0)"
+  },
+  height: {
+    type: Number,
+    default: 52
   }
+
 });
 
 const emit = defineEmits(["update:active","change"]);
@@ -47,7 +60,7 @@ const handleBtn = (it, idx) => {
 };
 
 </script>
- 
+
 <style lang = "scss" scoped>
 .pageTitle {
   width: 100%;
@@ -55,7 +68,7 @@ const handleBtn = (it, idx) => {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  min-height: 52px;
+  min-height: 30px;
   .title {
     display: flex;
     margin: auto 0;
@@ -71,4 +84,4 @@ const handleBtn = (it, idx) => {
     color: #0072ff;
   }
 }
-</style>
+</style>

src/components/aboutTable/Search.vue

@@ -169,7 +169,7 @@ const props = defineProps({
   },
   marginBottom: {
     type: Number,
-    default: 15
+    default: 0
   },
   backgroundColor: {
     type: String,
@@ -415,6 +415,13 @@ const reset = () => {
   emit("reset", true);
   emit("submit", searchObj);
 };
+
+// 暴露searchObj给父组件
+defineExpose({
+  searchObj,
+  submit,
+  reset
+});
 watchEffect(() => {
   loadingPage.value = true;
   let arr = JSON.parse(JSON.stringify(props.searchArr));

src/components/common/TestDiv copy.vue

@@ -0,0 +1,240 @@
+<template>
+  <div class="test-div" v-if="dataList && dataList.length > 0">
+    <div class="test-header">
+      <span class="test-title">消息通知</span>
+      <div class="header-right">
+        <span class="test-countdown">{{ countdown }}s</span>
+        <el-icon class="close-icon" @click="handleClose">
+          <Close />
+        </el-icon>
+      </div>
+    </div>
+    <div class="test-content">
+      <Item v-for="(item, index) in dataList" :key="index" :item="item" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+// 测试div组件，用于在后台和大屏页面都显示
+import { ref, onMounted, onUnmounted } from 'vue'
+import { Close } from '@element-plus/icons-vue'
+import WebSoketClass from '@/utils/webSocket.js'
+import emitter from "@/utils/eventBus.js"; // 导入事件总线
+import Item from './item.vue'
+import { AudioPlayerClass } from '@/utils/audioPlayer.js'
+const webSoket = new WebSoketClass()
+const dataList = ref([])
+const timekeeping = ref(null)
+const countdown = ref(0) // 倒计时时间（秒）
+
+// 音频播放器实例映射
+const audioPlayers = ref({
+  '02': null, // 信息上报
+  '03': null, // 研判审批
+  '04': null, // 研判指令
+  '05': null  // 线索下发
+})
+
+// 音频文件路径映射
+const audioPaths = {
+  '02': require('@/assets/images/cjyp.mp3'),
+  '03': require('@/assets/images/ypbg.mp3'),
+  '04': require('@/assets/images/ypzl.mp3'),
+  '05': require('@/assets/images/xsyp.mp3')
+}
+
+// 初始化音频播放器
+const initAudioPlayers = () => {
+  Object.keys(audioPaths).forEach(type => {
+    try {
+      audioPlayers.value[type] = new AudioPlayerClass()
+      audioPlayers.value[type].init(audioPaths[type], false)
+    } catch (error) {
+      console.error(`初始化类型${type}的音频播放器失败:`, error)
+    }
+  })
+}
+
+// 根据类型播放音频
+const playAudioByType = (type) => {
+  if (audioPlayers.value[type]) {
+    try {
+      audioPlayers.value[type].play()
+    } catch (error) {
+      console.error(`播放类型${type}的音频失败:`, error)
+    }
+  }
+}
+// 手动关闭
+const handleClose = () => {
+  if (timekeeping.value) {
+    clearInterval(timekeeping.value)
+    timekeeping.value = null
+  }
+  dataList.value = []
+}
+
+// 重置倒计时
+const resetCountdown = () => {
+  if (timekeeping.value) {
+    clearInterval(timekeeping.value)
+  }
+  countdown.value = 15
+  timekeeping.value = setInterval(() => {
+    countdown.value--
+    if (countdown.value <= 0) {
+      clearInterval(timekeeping.value)
+      dataList.value = []
+      timekeeping.value = null
+    }
+  }, 1000)
+}
+onMounted(() => {
+  // 初始化音频播放器
+  initAudioPlayers()
+
+  emitter.on('webSocketMessage', (newsDate) => {
+    if (newsDate) {
+        dataList.value.unshift({...newsDate.data,typeMasgeLx:newsDate.type})
+        // 根据消息类型播放音频
+        playAudioByType(newsDate.type)
+      resetCountdown()
+    }
+  })
+  // 组件挂载时执行的操作
+  webSoket.connect()
+  console.log('组件挂载时执行的操作')
+})
+onUnmounted(() => {
+  webSoket.closeConnection()
+  emitter.off('webSocketMessage')
+  if (timekeeping.value) {
+    clearInterval(timekeeping.value)
+  }
+  // 销毁所有音频播放器实例
+  Object.values(audioPlayers.value).forEach(player => {
+    if (player) {
+      player.destroy()
+    }
+  })
+  // 组件卸载时执行的操作
+  console.log('组件卸载时执行的操作')
+})
+</script>
+
+<style scoped lang="scss">
+.test-div {
+  width: 400px;
+  max-height: 250px;
+  position: fixed;
+  bottom: 2%;
+  right: 2%;
+  z-index: 1999;
+  background: linear-gradient(135deg, #0a3b6d 0%, #1a5a9e 100%);
+  border: 1px solid rgba(0, 255, 255, 0.3);
+  border-radius: 12px;
+  box-shadow: 0 8px 32px rgba(0, 255, 255, 0.3), 0 0 20px rgba(0, 255, 255, 0.1);
+  overflow: hidden;
+  animation: slideIn 0.3s ease-out;
+
+  @keyframes slideIn {
+    from {
+      transform: translateX(100%);
+      opacity: 0;
+    }
+    to {
+      transform: translateX(0);
+      opacity: 1;
+    }
+  }
+}
+
+.test-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 16px;
+  background: rgba(0, 255, 255, 0.1);
+  border-bottom: 1px solid rgba(0, 255, 255, 0.3);
+}
+
+.test-title {
+  font-size: 16px;
+  font-weight: bold;
+  color: #00ffff;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  text-shadow: 0 0 10px rgba(0, 255, 255, 0.7);
+
+  &::before {
+    content: '';
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    background-color: #00ffff;
+    border-radius: 50%;
+    box-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
+    animation: pulse 1.5s ease-in-out infinite;
+  }
+
+  @keyframes pulse {
+    0%, 100% {
+      opacity: 1;
+      transform: scale(1);
+      box-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
+    }
+    50% {
+      opacity: 0.8;
+      transform: scale(1.2);
+      box-shadow: 0 0 20px rgba(0, 255, 255, 1);
+    }
+  }
+}
+
+.header-right {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.test-countdown {
+  font-size: 14px;
+  color: #00ffff;
+  background: rgba(0, 255, 255, 0.1);
+  padding: 4px 12px;
+  border: 1px solid rgba(0, 255, 255, 0.3);
+  border-radius: 12px;
+  font-weight: 500;
+  text-shadow: 0 0 5px rgba(0, 255, 255, 0.5);
+}
+
+.close-icon {
+  font-size: 18px;
+  color: #00ffff;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  padding: 4px;
+  border-radius: 4px;
+  text-shadow: 0 0 5px rgba(0, 255, 255, 0.5);
+
+  &:hover {
+    background: rgba(0, 255, 255, 0.2);
+    transform: rotate(90deg);
+    box-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
+  }
+}
+
+.test-content {
+  max-height: 150px;
+  overflow-y: auto;
+  padding: 12px;
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
+
+  &::-webkit-scrollbar {
+    display: none; /* Chrome, Safari and Opera */
+  }
+}
+</style>

src/components/common/TestDiv.vue

@@ -0,0 +1,284 @@
+<template>
+  <div class="test-div" v-if="dataList && dataList.length > 0">
+    <div class="test-header">
+      <span class="test-title">消息通知</span>
+      <div class="header-right">
+        <span class="test-countdown">{{ countdown }}s</span>
+        <el-icon class="close-icon" @click="handleClose">
+          <Close />
+        </el-icon>
+      </div>
+    </div>
+    <div class="test-content">
+      <Item v-for="(item, index) in dataList" :key="index" :item="item" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+// 测试div组件，用于在后台和大屏页面都显示
+import { ref, onMounted, onUnmounted } from 'vue'
+import { Close } from '@element-plus/icons-vue'
+import emitter from "@/utils/eventBus.js"; // 导入事件总线
+import { qcckGet } from '@/api/qcckApi'
+import Item from './item.vue'
+import { AudioPlayerClass } from '@/utils/audioPlayer.js'
+import {getItem} from '@/utils/storage.js'
+const dataList = ref([])
+const timekeeping = ref(null)
+const countdown = ref(0) // 倒计时时间（秒）
+
+// 音频播放器实例映射
+const audioPlayers = ref({
+  '02': null, // 信息上报
+  '03': null, // 研判审批
+  '04': null, // 研判指令
+  '05': null  // 线索下发
+})
+
+// 音频文件路径映射
+const audioPaths = {
+  '02': require('@/assets/images/cjyp.mp3'),
+  '03': require('@/assets/images/ypbg.mp3'),
+  '04': require('@/assets/images/ypzl.mp3'),
+  '05': require('@/assets/images/xsyp.mp3')
+}
+
+// 初始化音频播放器
+const initAudioPlayers = () => {
+  Object.keys(audioPaths).forEach(type => {
+    try {
+      audioPlayers.value[type] = new AudioPlayerClass()
+      audioPlayers.value[type].init(audioPaths[type], false)
+    } catch (error) {
+      console.error(`初始化类型${type}的音频播放器失败:`, error)
+    }
+  })
+}
+
+// 根据类型播放音频
+const playAudioByType = (type) => {
+  if (audioPlayers.value[type]) {
+    try {
+      audioPlayers.value[type].play()
+    } catch (error) {
+      console.error(`播放类型${type}的音频失败:`, error)
+    }
+  }
+}
+// 手动关闭
+const handleClose = () => {
+  if (timekeeping.value) {
+    clearInterval(timekeeping.value)
+    timekeeping.value = null
+  }
+  dataList.value = []
+}
+
+// 重置倒计时
+const resetCountdown = () => {
+  if (timekeeping.value) {
+    clearInterval(timekeeping.value)
+  }
+  countdown.value = 15
+  timekeeping.value = setInterval(() => {
+    countdown.value--
+    if (countdown.value <= 0) {
+      clearInterval(timekeeping.value)
+      dataList.value = []
+      timekeeping.value = null
+    }
+  }, 1000)
+}
+
+
+// 做一个定时器15s一次
+const checkNews = ref(null)
+const checkNewsInterval = 15000 // 15秒
+checkNews.value = setInterval(() => {
+  dataModel()
+}, checkNewsInterval)
+onMounted(() => {
+  // 初始化音频播放器
+  initAudioPlayers()
+  emitter.on('webSocketMessage', (newsDate) => {
+    if (newsDate) {
+      dataList.value = newsDate
+      // dataList.value.unshift({...newsDate.data,typeMasgeLx:newsDate.type})
+      // 根据消息类型播放音频
+      playAudioByType(newsDate[0].typeMasgeLx)
+      resetCountdown()
+    }
+  })
+})
+const idEntityCard = ref(getItem('idEntityCard'))
+const dataModel = () => {
+  qcckGet({}, '/mosty-gsxt/dsjJbxx/message').then(res => {
+    if (res) {
+      const yjmasg = res.filter(item => item.type === '01')
+      if (yjmasg.length > 0) {
+        emitter.emit('openYp', yjmasg[0].obj); // 触发音频播放
+      } else {
+const data=res.filter(item=>item.sfzList.includes(idEntityCard.value))
+        const infoMasge =data.map(item => {
+          return {
+            ...item.obj,
+            typeMasgeLx: item.type
+          }
+        })
+        console.log(infoMasge);
+        emitter.emit('webSocketMessage', infoMasge)
+      }
+    }
+  })
+
+}
+
+// if (newsDate.type === '01') {
+//           // 触发音频播放
+//           console.log('触发音频播放');
+//           emitter.emit('openYp', newsDate.data); // 传递消息数据
+//         } else {
+onUnmounted(() => {
+  emitter.off('webSocketMessage')
+  if (timekeeping.value) {
+    clearInterval(timekeeping.value)
+  }
+  // 销毁所有音频播放器实例
+  Object.values(audioPlayers.value).forEach(player => {
+    if (player) {
+      player.destroy()
+    }
+  })
+  // 清除定时器
+  if (checkNews.value) {
+    clearInterval(checkNews.value)
+    checkNews.value = null
+  }
+  // 组件卸载时执行的操作
+  console.log('组件卸载时执行的操作')
+})
+</script>
+
+<style scoped lang="scss">
+.test-div {
+  width: 400px;
+  max-height: 250px;
+  position: fixed;
+  bottom: 2%;
+  right: 2%;
+  z-index: 1999;
+  background: linear-gradient(135deg, #0a3b6d 0%, #1a5a9e 100%);
+  border: 1px solid rgba(0, 255, 255, 0.3);
+  border-radius: 12px;
+  box-shadow: 0 8px 32px rgba(0, 255, 255, 0.3), 0 0 20px rgba(0, 255, 255, 0.1);
+  overflow: hidden;
+  animation: slideIn 0.3s ease-out;
+
+  @keyframes slideIn {
+    from {
+      transform: translateX(100%);
+      opacity: 0;
+    }
+
+    to {
+      transform: translateX(0);
+      opacity: 1;
+    }
+  }
+}
+
+.test-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 16px;
+  background: rgba(0, 255, 255, 0.1);
+  border-bottom: 1px solid rgba(0, 255, 255, 0.3);
+}
+
+.test-title {
+  font-size: 16px;
+  font-weight: bold;
+  color: #00ffff;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  text-shadow: 0 0 10px rgba(0, 255, 255, 0.7);
+
+  &::before {
+    content: '';
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    background-color: #00ffff;
+    border-radius: 50%;
+    box-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
+    animation: pulse 1.5s ease-in-out infinite;
+  }
+
+  @keyframes pulse {
+
+    0%,
+    100% {
+      opacity: 1;
+      transform: scale(1);
+      box-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
+    }
+
+    50% {
+      opacity: 0.8;
+      transform: scale(1.2);
+      box-shadow: 0 0 20px rgba(0, 255, 255, 1);
+    }
+  }
+}
+
+.header-right {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.test-countdown {
+  font-size: 14px;
+  color: #00ffff;
+  background: rgba(0, 255, 255, 0.1);
+  padding: 4px 12px;
+  border: 1px solid rgba(0, 255, 255, 0.3);
+  border-radius: 12px;
+  font-weight: 500;
+  text-shadow: 0 0 5px rgba(0, 255, 255, 0.5);
+}
+
+.close-icon {
+  font-size: 18px;
+  color: #00ffff;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  padding: 4px;
+  border-radius: 4px;
+  text-shadow: 0 0 5px rgba(0, 255, 255, 0.5);
+
+  &:hover {
+    background: rgba(0, 255, 255, 0.2);
+    transform: rotate(90deg);
+    box-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
+  }
+}
+
+.test-content {
+  max-height: 150px;
+  overflow-y: auto;
+  padding: 12px;
+  scrollbar-width: none;
+  /* Firefox */
+  -ms-overflow-style: none;
+  /* IE and Edge */
+
+  &::-webkit-scrollbar {
+    display: none;
+    /* Chrome, Safari and Opera */
+  }
+}
+</style>

src/components/common/item.vue

@@ -0,0 +1,156 @@
+<template>
+  <div class="test-item" v-if="item.typeMasgeLx == '02'" @click="goDetail(item.id, item.typeMasgeLx)">
+    <div class="item-header">
+      <div class="item-title">{{ item.qbmc || '' }}</div>
+      <div class="item-type">{{ informationMap[item.typeMasgeLx] }}</div>
+    </div>
+    <div class="item-message">{{ item.qbnr }}</div>
+    <div class="item-time">{{ item.xtCjsj || '' }}</div>
+  </div>
+  <div class="test-item" v-if="item.typeMasgeLx == '03'" @click="goDetail(item.id, item.typeMasgeLx)">
+    <div class="item-header">
+      <div class="item-title">{{ item.bgmc || '' }}</div>
+      <div class="item-type">{{ informationMap[item.typeMasgeLx] }}</div>
+    </div>
+    <div class="item-message" v-html="item.bgnr"></div>
+    <div class="item-time">{{ item.xtCjsj || '' }}</div>
+  </div>
+  <div class="test-item" v-if="item.typeMasgeLx == '04'" @click="goDetail(item.id, item.typeMasgeLx)">
+    <div class="item-header">
+      <div class="item-title">{{ item.zlbt || '' }}</div>
+      <div class="item-type">{{ informationMap[item.typeMasgeLx] }}</div>
+    </div>
+    <div class="item-message" v-html="item.zlnr"></div>
+    <div class="item-time">{{ item.xtCjsj || '' }}</div>
+  </div>
+  <div class="test-item" v-if="item.typeMasgeLx == '05'" @click="goDetail(item.id, item.typeMasgeLx)">
+    <div class="item-header">
+      <div class="item-title">{{ item.zlbt || '' }}</div>
+      <div class="item-type">{{ informationMap[item.typeMasgeLx] }}</div>
+    </div>
+    <div class="item-message" v-html="item.zlnr"></div>
+    <div class="item-time">{{ item.xtCjsj || '' }}</div>
+  </div>
+</template>
+<script setup>
+
+import { useRouter } from 'vue-router'
+const router = useRouter()
+const props = defineProps({
+  item: {
+    type: Object,
+    default: () => ({})
+  }
+})
+const informationMap = {
+  '01': '报警信息',
+  '02': '信息上报',
+  '03': '研判审批',
+  '04': '研判指令',
+  '05': '线索下发',
+}
+const emit=defineEmits(['goDetail'])
+const goDetail = (id, lx) => {
+  let path = ''
+  switch (lx) {
+    case '02':
+      path = '/InfoCollection'
+      break;
+    case '03':
+      path = '/strategicResearchs'
+      break;
+    default:
+    case '04':
+      path = '/judgmentCommand'
+      break;
+      case '05':
+        path = '/InstructionInformation'
+        break;
+  }
+  router.push({
+    path: path,
+    query: {
+      id: id
+    }
+  })
+}
+</script>
+<style lang="scss" scoped>
+.test-item {
+  background: rgba(10, 59, 109, 0.8);
+  border: 1px solid rgba(0, 255, 255, 0.3);
+  border-radius: 8px;
+  padding: 12px;
+  margin-bottom: 10px;
+  box-shadow: 0 2px 8px rgba(0, 255, 255, 0.2);
+  transition: all 0.3s ease;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+
+  &:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(0, 255, 255, 0.4);
+    border-color: rgba(0, 255, 255, 0.6);
+  }
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.item-header {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+}
+
+.item-title {
+  font-size: 14px;
+  font-weight: 500;
+  color: #00ffff;
+  flex: 0 0 60%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-shadow: 0 0 5px rgba(0, 255, 255, 0.5);
+}
+
+.item-type {
+  font-size: 12px;
+  font-weight: bold;
+  color: #00ffff;
+  background: linear-gradient(135deg, #00ffff 0%, #00aaff 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  flex: 1;
+  text-align: right;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-shadow: 0 0 5px rgba(0, 255, 255, 0.7);
+}
+
+.item-message {
+  font-size: 14px;
+  color: #cceeff;
+  line-height: 1.5;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-word;
+  margin: 4px 0;
+}
+
+.item-time {
+  font-size: 12px;
+  color: #66ccff;
+  text-align: right;
+  margin-top: 4px;
+  text-shadow: 0 0 3px rgba(0, 255, 255, 0.3);
+}
+</style>

src/components/flowPath/SelectingPeople.vue

@@ -595,6 +595,11 @@ const sendMessage = (gzlid) => {
       qcckPost(promes, '/mosty-gsxt/gsxt/bqbk/sendFqzl ').then(res => {
         console.log(res);
       })
+      break;
+               case 'QBSP':
+      qcckPost(promes, '/mosty-gsxt/qbcj/callback ').then(res => {
+        console.log(res);
+      })
       break;
   }
 }

src/components/fzq/fxq.vue

@@ -64,7 +64,6 @@ const startDrag = (e) => {
 // 处理移动
 const handleMove = (e) => {
   if (!isDragging.value) return;
-
   let clientX, clientY;
   if (e.type === 'mousemove') {
     clientX = e.clientX;

src/components/ypModel/index.vue

@@ -133,7 +133,6 @@ onBeforeUnmount(() => {
 });
 // 带样式的下载方法
 const downloadWithStyles = () => {
-
   const wordDocument = `
     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >
     <head>

src/layout/index.vue

@@ -11,6 +11,7 @@
         <AppMain />
       </div>
     </div>
+    <TestDiv />
   </div>
 </template>
 
@@ -20,6 +21,7 @@ import NavBar from "./components/NavBar";
 import SideBar from "./components/SideBar/index";
 import AppMain from "./components/AppMain";
 import TagsView from "./components/TagsView";
+import TestDiv from "@/components/common/TestDiv.vue";
 </script>
 
 <style lang="scss" scoped>
@@ -35,7 +37,7 @@ import TagsView from "./components/TagsView";
   display: flex;
   overflow: hidden;
   .el-scrollbar {
-   
+
     .is-active {
       background: #fff;
     }
@@ -58,4 +60,4 @@ import TagsView from "./components/TagsView";
 ::v-deep .el-scrollbar__view{
   border-right: 1px solid #07376d;
 }
-</style>
+</style>

src/main.js

@@ -1,9 +1,6 @@
 import * as ElIcons from "@element-plus/icons-vue";
 import Axios from 'axios'
-
+import { createApp } from "vue";
-import {
-  createApp
-} from "vue";
 import App from "./App.vue";
 import router from "./router";
 import store from "./store";

src/plugins/utils/webSocket.js

@@ -1,5 +1,5 @@
 // let url = "ws://80.155.0.82:8006/mosty-api/mosty-websocket/socket/"; //线上
-let url = "ws://155.240.22.30:2109/mosty-api/mosty-websocket/socket/"; //线上
+let url = "wss://sg.lz.dsj.xz/websocket/mosty-websocket/socket/"; //线上
 
 if(process.env.NODE_ENV === 'development') {
   url = "ws://47.108.232.77:9537/mosty-api/mosty-websocket/socket/"; //本地

src/router/index.js

@@ -15,9 +15,7 @@ import store from "@/store";
  * 私有路由表
  */
 
-export const privateRoutes = [
+export const privateRoutes = [];
-
-];
 
 /**
  * 公开路由表
@@ -65,6 +63,10 @@ export const publicRoutes = [
     path: "/information",
     name: "information",
     component: () => import("@/views/backOfficeSystem/JudgmentHome/internalAuditor/information.vue"),
+  }, {
+    path: "/Spdloyment",
+    name: "Spdloyment",
+    component: () => import("@/views/backOfficeSystem/HumanIntelligence/auditList/components/spdloyment.vue"),
   },
   // 线索
   {
@@ -72,6 +74,11 @@ export const publicRoutes = [
     name: "clueVerification",
     component: () => import("@/views/backOfficeSystem/ApprovalInformation/Clue/index.vue"),
   },
+  {
+    path: "/ReviewListSH",
+    name: "ReviewListSH",
+    component: () => import("@/views/backOfficeSystem/JudgmentHome/ReviewList/detail.vue"),
+  },
   // 重点人发掘
   {
     path: "/focusExploration",
@@ -155,31 +162,42 @@ export const publicRoutes = [
           //     component: () => import("@/views/backOfficeSystem/fourColorManage/warningControl/warningBk/index"),
           //   },
           {
-            path: "/fouColorWarning",
+            path: "/YjData",
-            name: "fouColorWarning",
+            name: "YjData",
-            meta: { title: "预警数据整合", icon: "article-create" },
+            meta: { title: "预警列表", icon: "article-create" },
-            component: () => import("@/views/backOfficeSystem/fourColorManage/warningControl/fouColorWarning/index"),
+            component: () => import("@/views/backOfficeSystem/fourColorManage/YjData/index.vue"),
           },
+          // {
+          //   path: "/fouColorWarning",
+          //   name: "fouColorWarning",
+          //   meta: { title: "预警数据整合", icon: "article-create" },
+          //   component: () => import("@/views/backOfficeSystem/fourColorManage/warningControl/fouColorWarning/index"),
+          // },
+          // {
+          //   path: "/sevenWarning",
+          //   name: "sevenWarning",
+          //   meta: { title: "七类重点人员", icon: "article" },
+          //   component: () => import("@/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning/index.vue"),
+          // },
+          // {
+          //   path: "/identityWarning",
+          //   name: "identityWarning",
+          //   meta: { title: "身份预警", icon: "article-create" },
+          //   component: () => import("@/views/backOfficeSystem/fourColorManage/warningControl/identityWarning/index"),
+          // },
 
-          {
+          // {
-            path: "/identityWarning",
+          //   path: "/behaviorWarning",
-            name: "identityWarning",
+          //   name: "behaviorWarning",
-            meta: { title: "身份预警", icon: "article-create" },
+          //   meta: { title: "行为预警", icon: "article-create" },
-            component: () => import("@/views/backOfficeSystem/fourColorManage/warningControl/identityWarning/index"),
+          //   component: () => import("@/views/backOfficeSystem/fourColorManage/warningControl/behaviorWarning/index"),
-          },
+          // },
-
+          // {
-          {
+          //   path: "/combinedWarning",
-            path: "/behaviorWarning",
+          //   name: "combinedWarning",
-            name: "behaviorWarning",
+          //   meta: { title: "组合预警", icon: "article-create" },
-            meta: { title: "行为预警", icon: "article-create" },
+          //   component: () => import("@/views/backOfficeSystem/fourColorManage/warningControl/combinedWarning/index"),
-            component: () => import("@/views/backOfficeSystem/fourColorManage/warningControl/behaviorWarning/index"),
+          // },
-          },
-          {
-            path: "/combinedWarning",
-            name: "combinedWarning",
-            meta: { title: "组合预警", icon: "article-create" },
-            component: () => import("@/views/backOfficeSystem/fourColorManage/warningControl/combinedWarning/index"),
-          },
           // {
           //   path: "/warningList",
           //   name: "warningList",
@@ -189,37 +207,37 @@ export const publicRoutes = [
           //     icon: "article-create"
           //   }
           // },
-          {
+          // {
-            path: "/portraitWarning",
+          //   path: "/portraitWarning",
-            name: "portraitWarning",
+          //   name: "portraitWarning",
-            component: () => import("@/views/backOfficeSystem/fourColorManage/warningList/portraitWarning/index"),
+          //   component: () => import("@/views/backOfficeSystem/fourColorManage/warningList/portraitWarning/index"),
-            meta: {
+          //   meta: {
-              title: "人像预警",
+          //     title: "人像预警",
-              icon: "article-create"
+          //     icon: "article-create"
-            }
+          //   }
-          },
+          // },
 
-          {
+          // {
-            path: "/vehicleWarning",
+          //   path: "/vehicleWarning",
-            name: "vehicleWarning",
+          //   name: "vehicleWarning",
-            component: () => import("@/views/backOfficeSystem/fourColorManage/warningList/vehicleWarning/index"),
+          //   component: () => import("@/views/backOfficeSystem/fourColorManage/warningList/vehicleWarning/index"),
-            meta: {
+          //   meta: {
-              title: "车辆预警",
+          //     title: "车辆预警",
-              icon: "article-create"
+          //     icon: "article-create"
-            }
+          //   }
-          },
+          // },
-          {
+          // {
-            path: "/controlWarning",
+          //   path: "/controlWarning",
-            name: "controlWarning",
+          //   name: "controlWarning",
-            meta: { title: "布控预警", icon: "article-create" },
+          //   meta: { title: "布控预警", icon: "article-create" },
-            component: () => import("@/views/backOfficeSystem/fourColorManage/warningControl/controlWarning/index"),
+          //   component: () => import("@/views/backOfficeSystem/fourColorManage/warningControl/controlWarning/index"),
-          },
+          // },
-          {
+          // {
-            path: "/regionalControl",
+          //   path: "/regionalControl",
-            name: "regionalControl",
+          //   name: "regionalControl",
-            meta: { title: "区域布控预警", icon: "article-create" },
+          //   meta: { title: "区域布控预警", icon: "article-create" },
-            component: () => import("@/views/backOfficeSystem/fourColorManage/warningControl/regionalControl/index"),
+          //   component: () => import("@/views/backOfficeSystem/fourColorManage/warningControl/regionalControl/index"),
-          },
+          // },
           //   {
           //     path: "/fouColorWarning",
           //     name: "fouColorWarning",
@@ -232,16 +250,11 @@ export const publicRoutes = [
             meta: { title: "积分排名", icon: "article-create" },
             component: () => import("@/views/backOfficeSystem/fourColorManage/warningControl/scoreRanking/index"),
           },
-          {
+
-            path: "/sevenWarning",
-            name: "sevenWarning",
-            meta: { title: "七类重点人员", icon: "article" },
-            component: () => import("@/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning/index.vue"),
-          },
           {
             path: "/sevenWarningFail",
             name: "sevenWarningFail",
-            meta: { title: "报错", icon: "article" },
+            meta: { title: "报错列表", icon: "article" },
             component: () => import("@/views/backOfficeSystem/fourColorManage/warningControl/sevenWarningFail/index.vue"),
           },
           // {
@@ -339,17 +352,18 @@ export const publicRoutes = [
             component: () => import("@/views/backOfficeSystem/HumanIntelligence/listView/index"),
             meta: { title: "共享列表", icon: "article-create", qbjbList: '01' },
           }, {
-            path: "/socialInformationCrculated",
+            path: "/auditList",
-            name: "changeTheClue",
+            name: "auditList",
-            component: () => import("@/views/backOfficeSystem/HumanIntelligence/FollowLeads/index"),
+            component: () => import("@/views/backOfficeSystem/HumanIntelligence/auditList/index"),
-            meta: { title: "转线索列表", icon: "article-create" },
+            meta: { title: "审批列表", icon: "article-create" },
-          },
-          {
-            path: "/socialInformationCrculatec",
-            name: "recombinantSynthesis",
-            component: () => import("@/views/backOfficeSystem/HumanIntelligence/ConversionSynthesis/index"),
-            meta: { title: "转合成列表", icon: "article-create" },
           },
+          // {
+          //   path: "/socialInformationCrculated",
+          //   name: "changeTheClue",
+          //   component: () => import("@/views/backOfficeSystem/HumanIntelligence/FollowLeads/index"),
+          //   meta: { title: "转线索列表", icon: "article-create" },
+          // },
+
           // {
           //   path: "/CollectPoints",
           //   name: "CollectPoints",
@@ -359,21 +373,13 @@ export const publicRoutes = [
           //     icon: "article-create"
           //   }
           // },
-          {
+
-            path: "/transferConsultationList",
-            name: "transferConsultationList",
-            component: () => import("@/views/backOfficeSystem/transferConsultationList/index.vue"),
-            meta: {
-              title: "转会商列表",
-              icon: "article-create"
-            }
-          },
           {
             path: "/supplementReportList",
             name: "supplementReportList",
             component: () => import("@/views/backOfficeSystem/supplementReportList/index.vue"),
             meta: {
-              title: "补充/续报列表",
+              title: "补充续报",
               icon: "article-create"
             }
           },
@@ -386,15 +392,15 @@ export const publicRoutes = [
               icon: "article-create"
             }
           },
-          {
+          // {
-            path: "/InformationReporting",
+          //   path: "/InformationReporting",
-            name: "InformationReporting",
+          //   name: "InformationReporting",
-            component: () => import("@/views/backOfficeSystem/InformationReporting/index.vue"),
+          //   component: () => import("@/views/backOfficeSystem/InformationReporting/index.vue"),
-            meta: {
+          //   meta: {
-              title: "蜂群信息上报",
+          //     title: "蜂群信息",
-              icon: "article-create"
+          //     icon: "article-create"
-            }
+          //   }
-          },
+          // },
           // {
           //   path: "/MakeAcomment",
           //   name: "MakeAcomment",
@@ -412,14 +418,18 @@ export const publicRoutes = [
         meta: { title: "线索落核盯办", icon: "article-ranking" },
         children: [
           {
-            path: "/DatAcquisition",
+            path: "/socialInformationCrculated",
-            name: "DatAcquisition",
+            name: "changeTheClue",
-            component: () => import("@/views/backOfficeSystem/ResearchJudgment/DatAcquisition/index"),
+            component: () => import("@/views/backOfficeSystem/HumanIntelligence/FollowLeads/index"),
-            meta: {
+            meta: { title: "线索列表", icon: "article" },
-              title: "线索数据采集",
-              icon: "article-create"
-            }
           },
+          {
+            path: "/lamXs",
+            name: "lamXs",
+            component: () => import("@/views/backOfficeSystem/HumanIntelligence/lamXs/index"),
+            meta: { title: "林安码线索", icon: "article" },
+          },
+
 
           // 暂时不要
           // {
@@ -431,21 +441,14 @@ export const publicRoutes = [
           //     icon: "article-create"
           //   }
           // },
+
           {
-            path: "/IntelligenceManagement",
-            name: "IntelligenceManagement",
-            component: () => import("@/views/backOfficeSystem/ResearchJudgment/IntelligenceManagement/index"),
-            meta: {
-              title: "线索管理",
-              icon: "article-create"
-            }
-          }, {
             path: "/InstructionInformation",
             name: "InstructionInformation",
             component: () => import("@/views/backOfficeSystem/ResearchJudgment/InformationFlows/InstructionInformation/index"),
             meta: {
-              title: "线索下发管理",
+              title: "线索发布",
-              icon: "article-create"
+              icon: "article"
             }
           },
           // {
@@ -462,50 +465,7 @@ export const publicRoutes = [
         ]
       },
 
-      {
-        path: "/ExcavationResearch",
-        name: "ExcavationResearch",
-        meta: { title: "重点人发掘", icon: "article-ranking" },
-        children: [
 
-          {
-            path: "/PreliminaryExcavations",
-            name: "PreliminaryExcavations",
-            component: () =>
-              import(
-                "@/views/backOfficeSystem/ExcavationResearch/PreliminaryExcavations/index"
-              ),
-            meta: {
-              title: "重点人员初步发掘",
-              icon: "article-create"
-            }
-          },
-          {
-            path: "/ZdryFjyp",
-            name: "ZdryFjyp",
-            component: () =>
-              import(
-                "@/views/backOfficeSystem/ExcavationResearch/ZdryFjyp/index"
-              ),
-            meta: {
-              title: "重点人员深度发掘",
-              icon: "article-create"
-            }
-          },
-          {
-            path: "/LandingAudit",
-            name: "LandingAudit",
-            component: () =>
-              import(
-                "@/views/backOfficeSystem/ExcavationResearch/LandingAudit/index"
-              ),
-            meta: {
-              title: "重点人员落地审核",
-              icon: "article-create"
-            }
-          },
-        ]
-      },
       {
         path: "/JudgmentHome",
         name: "JudgmentHome",
@@ -538,7 +498,7 @@ export const publicRoutes = [
             name: "dataReduction",
             component: () => import("@/views/backOfficeSystem/JudgmentHome/dataReduction/index"),
             meta: {
-              title: "数据整理",
+              title: "研判约稿",
               icon: "article-create"
             }
           },
@@ -553,20 +513,20 @@ export const publicRoutes = [
           //   },
           // 后面写的研判
           {
-            path: "/tacticalResearch",
+            path: "/strategicResearchs",
-            name: "tacticalResearch",
+            name: "strategicResearchs",
-            component: () => import("@/views/backOfficeSystem/JudgmentHome/tacticalResearch/index.vue"),
+            component: () => import("@/views/backOfficeSystem/JudgmentHome/strategicResearch/index.vue"),
             meta: {
-              title: "战术研判",
+              title: "研判报告",
               icon: "article-create"
             }
           },
           {
-            path: "/strategicResearch",
+            path: "/ReviewList",
-            name: "strategicResearch",
+            name: "ReviewList",
-            component: () => import("@/views/backOfficeSystem/JudgmentHome/strategicResearch/index.vue"),
+            component: () => import("@/views/backOfficeSystem/JudgmentHome/ReviewList/index.vue"),
             meta: {
-              title: "战略研判",
+              title: "审核列表",
               icon: "article-create"
             }
           },
@@ -631,46 +591,66 @@ export const publicRoutes = [
             name: "mpvPeo",
             component: () => import("@/views/backOfficeSystem/DeploymentDisposal/mpvPeo/index"),
             meta: {
-              title: "重点人管理",
+              title: "重点人员库",
               icon: "article-create"
             }
           },
           {
-            path: "/mpvPeoSh",
+            path: "/gzPeo",
-            name: "mpvPeoSh",
+            name: "gzPeo",
-            component: () => import("@/views/backOfficeSystem/DeploymentDisposal/mpvPeoSh/index"),
+            component: () => import("@/views/backOfficeSystem/DeploymentDisposal/gzPeo/index"),
             meta: {
-              title: "重点人审批",
+              title: "关注人员库",
               icon: "article-create"
             }
           },
+
           {
             path: "/mpvGroup",
             name: "mpvGroup",
             component: () => import("@/views/backOfficeSystem/DeploymentDisposal/mpvGroup/index"),
             meta: {
-              title: "重点群体管理",
+              title: "重点群体库",
-              icon: "article-create"
-            }
-          },
-          {
-            path: "/mpvGroupSh",
-            name: "mpvGroupSh",
-            component: () => import("@/views/backOfficeSystem/DeploymentDisposal/mpvGroupSh/index"),
-            meta: {
-              title: "重点群体审核",
               icon: "article-create"
             }
           },
+
           {
             path: "/mpvCar",
             name: "mpvCar",
             component: () => import("@/views/backOfficeSystem/DeploymentDisposal/mpvCar/index"),
             meta: {
-              title: "重点车辆管理",
+              title: "重点车辆库",
               icon: "article-create"
             }
           },
+          {
+            path: "/mvpSP",
+            name: "mvpSP",
+            component: () => import("@/views/backOfficeSystem/DeploymentDisposal/mvpSP/index"),
+            meta: {
+              title: "审核列表",
+              icon: "article-create"
+            }
+          },
+          // {
+          //   path: "/mpvPeoSh",
+          //   name: "mpvPeoSh",
+          //   component: () => import("@/views/backOfficeSystem/DeploymentDisposal/mpvPeoSh/index"),
+          //   meta: {
+          //     title: "重点人审批",
+          //     icon: "article-create"
+          //   }
+          // },
+          // {
+          //   path: "/mpvGroupSh",
+          //   name: "mpvGroupSh",
+          //   component: () => import("@/views/backOfficeSystem/DeploymentDisposal/mpvGroupSh/index"),
+          //   meta: {
+          //     title: "重点群体审核",
+          //     icon: "article-create"
+          //   }
+          // },
         ]
       },
       {
@@ -679,90 +659,123 @@ export const publicRoutes = [
         meta: { title: "数据应用", icon: "article-ranking" },
         children: [
           {
-            path: "/IntegralCoefficient",
+            path: "/Cspz",
-            name: "IntegralCoefficient",
+            name: "Cspz",
             component: () =>
               import(
-                "@/views/backOfficeSystem/fourColorManage/IntegralCoefficient/index"
+                "@/views/backOfficeSystem/fourColorManage/Cspz/index"
               ),
             meta: {
-              title: "积分系数配置",
+              title: "参数配置",
+              icon: "article-create"
+            }
+          },
+
+          // {
+          //   path: "/IntegralCoefficient",
+          //   name: "IntegralCoefficient",
+          //   component: () =>
+          //     import(
+          //       "@/views/backOfficeSystem/fourColorManage/IntegralCoefficient/index"
+          //     ),
+          //   meta: {
+          //     title: "积分系数配置",
+          //     icon: "article-create"
+          //   }
+          // },
+
+          // {
+          //   path: "/IdentityManage",
+          //   name: "IdentityManage",
+          //   component: () =>
+          //     import(
+          //       "@/views/backOfficeSystem/fourColorManage/IdentityManage/index"
+          //     ),
+          //   meta: {
+          //     title: "身份标签管理",
+          //     icon: "article-create"
+          //   }
+          // },
+          // {
+          //   path: "/BehaviorLabels",
+          //   name: "BehaviorLabels",
+          //   component: () =>
+          //     import(
+          //       "@/views/backOfficeSystem/fourColorManage/BehaviorLabels/index"
+          //     ),
+          //   meta: {
+          //     title: "行为标签管理",
+          //     icon: "article-create"
+          //   }
+          // },
+          // {
+          //   path: "/tagManage",
+          //   name: "tagManage",
+          //   component: () =>
+          //     import(
+          //       "@/views/backOfficeSystem/fourColorManage/tagManage/index"
+          //     ),
+          //   meta: {
+          //     title: "标签组合管理",
+          //     icon: "article-create"
+          //   }
+          // },
+          // {
+          //   path: "/tsypHome",
+          //   name: "tsypHome",
+          //   component: () => import("@/views/backOfficeSystem/JudgmentHome/tsypHome/index"),
+          //   meta: {
+          //     title: "模型管理",
+          //     icon: "article-create"
+          //   }
+          // },
+
+          {
+            path: "/permissionApply",
+            name: "permissionApply",
+            component: () => import("@/views/backOfficeSystem/HumanIntelligence/permissionApply/index"),
+            meta: {
+              title: "权限申请",
+              icon: "article-create"
+            }
+          },
+          {
+            path: "/appraisalManagement",
+            name: "appraisalManagement",
+            component: () => import("@/views/backOfficeSystem/HumanIntelligence/appraisalManagement/index"),
+            meta: {
+              title: "考核管理",
               icon: "article-create"
             }
           },
 
           {
-            path: "/IdentityManage",
+            path: "/FileData",
-            name: "IdentityManage",
+            name: "FileData",
-            component: () =>
+            component: () => import("@/views/backOfficeSystem/HumanIntelligence/FileData/index"),
-              import(
-                "@/views/backOfficeSystem/fourColorManage/IdentityManage/index"
-              ),
-            meta: {
-              title: "身份标签管理",
-              icon: "article-create"
-            }
-          },
-          {
-            path: "/BehaviorLabels",
-            name: "BehaviorLabels",
-            component: () =>
-              import(
-                "@/views/backOfficeSystem/fourColorManage/BehaviorLabels/index"
-              ),
-            meta: {
-              title: "行为标签管理",
-              icon: "article-create"
-            }
-          },
-          {
-            path: "/tagManage",
-            name: "tagManage",
-            component: () =>
-              import(
-                "@/views/backOfficeSystem/fourColorManage/tagManage/index"
-              ),
-            meta: {
-              title: "标签组合管理",
-              icon: "article-create"
-            }
-          }, {
-            path: "/tsypHome",
-            name: "tsypHome",
-            component: () => import("@/views/backOfficeSystem/JudgmentHome/tsypHome/index"),
-            meta: {
-              title: "模型管理",
-              icon: "article-create"
-            }
-          },
-
-          {
-            path: "/JobAppraisal",
-            name: "JobAppraisal",
-            component: () => import("@/views/backOfficeSystem/HumanIntelligence/JobAppraisal/index"),
-            meta: {
-              title: "工作考核",
-              icon: "article-create"
-            }
-          },
-          {
-            path: "/fileTransfer",
-            name: "fileTransfer",
-            component: () => import("@/views/backOfficeSystem/HumanIntelligence/fileTransfer/index"),
             meta: {
               title: "文件中转",
               icon: "article-create"
             }
           },
-          {
+          // {
-            path: "/fileOrientation",
+          //   path: "/fileTransfer",
-            name: "fileOrientation",
+          //   name: "fileTransfer",
-            component: () => import("@/views/backOfficeSystem/HumanIntelligence/fileOrientation/index"),
+          //   component: () => import("@/views/backOfficeSystem/HumanIntelligence/fileTransfer/index"),
-            meta: {
+          //   meta: {
-              title: "文件定向传输",
+          //     title: "文件中转",
-              icon: "article-create"
+          //     icon: "article-create"
-            }
+          //   }
-          },
+          // },
+          // {
+          //   path: "/fileOrientation",
+          //   name: "fileOrientation",
+          //   component: () => import("@/views/backOfficeSystem/HumanIntelligence/fileOrientation/index"),
+          //   meta: {
+          //     title: "点对点",
+          //     icon: "article-create"
+          //   }
+          // },
           {
             path: "/ssemanticAnalysis",
             name: "semanticAnalysis",
@@ -789,7 +802,31 @@ export const publicRoutes = [
               title: "操作记录",
               icon: "article-create"
             }
-          }
+          }, {
+            path: "/dataMonitor",
+            name: "dataMonitor",
+            meta: { title: "数据监控", icon: "article-ranking" },
+            children: [
+              {
+                path: "/resourceMonitoring",
+                name: "resourceMonitoring",
+                component: () => import("@/views/backOfficeSystem/dataMonitor/resourceMonitoring/index.vue"),
+                meta: {
+                  title: "数据资源检测",
+                  icon: "article-create"
+                }
+              },
+              {
+                path: "/onlineUserMonitoring",
+                name: "onlineUserMonitoring",
+                component: () => import("@/views/backOfficeSystem/dataMonitor/onlineUserMonitoring/index.vue"),
+                meta: {
+                  title: "在线用户监控",
+                  icon: "article-create"
+                }
+              }
+            ]
+          },
         ]
       },
       // {
@@ -837,31 +874,7 @@ export const publicRoutes = [
           icon: "article-ranking"
         }
       },
-      {
+
-        path: "/dataMonitor",
-        name: "dataMonitor",
-        meta: { title: "数据监控", icon: "article-ranking" },
-        children: [
-          {
-            path: "/resourceMonitoring",
-            name: "resourceMonitoring",
-            component: () => import("@/views/backOfficeSystem/dataMonitor/resourceMonitoring/index.vue"),
-            meta: {
-              title: "数据资源检测",
-              icon: "article-create"
-            }
-          },
-          {
-            path: "/onlineUserMonitoring",
-            name: "onlineUserMonitoring",
-            component: () => import("@/views/backOfficeSystem/dataMonitor/onlineUserMonitoring/index.vue"),
-            meta: {
-              title: "在线用户监控",
-              icon: "article-create"
-            }
-          }
-        ]
-      },
       {
         path: "/systemConfig",
         // component: layout,
@@ -986,6 +999,39 @@ export const publicRoutes = [
           icon: "article-ranking"
         },
         children: [
+          {
+            path: "/socialInformationCrculatec",
+            name: "recombinantSynthesis",
+            component: () => import("@/views/backOfficeSystem/HumanIntelligence/ConversionSynthesis/index"),
+            meta: { title: "转合成列表", icon: "article-create" },
+          },
+          {
+            path: "/transferConsultationList",
+            name: "transferConsultationList",
+            component: () => import("@/views/backOfficeSystem/transferConsultationList/index.vue"),
+            meta: {
+              title: "转会商列表",
+              icon: "article-create"
+            }
+          },
+          {
+            path: "/DatAcquisition",
+            name: "DatAcquisition",
+            component: () => import("@/views/backOfficeSystem/ResearchJudgment/DatAcquisition/index"),
+            meta: {
+              title: "线索数据采集",
+              icon: "article"
+            }
+          },
+          {
+            path: "/IntelligenceManagement",
+            name: "IntelligenceManagement",
+            component: () => import("@/views/backOfficeSystem/ResearchJudgment/IntelligenceManagement/index"),
+            meta: {
+              title: "线索管理",
+              icon: "article"
+            }
+          },
           {
             path: "/CollectCrculate",
             name: "CollectCrculate",
@@ -1064,6 +1110,94 @@ export const publicRoutes = [
               icon: "article-create"
             }
           },
+          {
+            path: "/ExcavationResearch",
+            name: "ExcavationResearch",
+            meta: { title: "重点人发掘", icon: "article-ranking" },
+            children: [
+
+              {
+                path: "/PreliminaryExcavations",
+                name: "PreliminaryExcavations",
+                component: () =>
+                  import(
+                    "@/views/backOfficeSystem/ExcavationResearch/PreliminaryExcavations/index"
+                  ),
+                meta: {
+                  title: "重点人员初步发掘",
+                  icon: "article-create"
+                }
+              },
+              {
+                path: "/ZdryFjyp",
+                name: "ZdryFjyp",
+                component: () =>
+                  import(
+                    "@/views/backOfficeSystem/ExcavationResearch/ZdryFjyp/index"
+                  ),
+                meta: {
+                  title: "重点人员深度发掘",
+                  icon: "article-create"
+                }
+              },
+              {
+                path: "/LandingAudit",
+                name: "LandingAudit",
+                component: () =>
+                  import(
+                    "@/views/backOfficeSystem/ExcavationResearch/LandingAudit/index"
+                  ),
+                meta: {
+                  title: "重点人员落地审核",
+                  icon: "article-create"
+                }
+              }, {
+                path: "/tacticalResearch",
+                name: "tacticalResearch",
+                component: () => import("@/views/backOfficeSystem/JudgmentHome/tacticalResearch/index.vue"),
+                meta: {
+                  title: "战术研判",
+                  icon: "article-create"
+                }
+              },
+              {
+                path: "/strategicResearch",
+                name: "strategicResearch",
+                component: () => import("@/views/backOfficeSystem/JudgmentHome/strategicResearch/index.vue"),
+                meta: {
+                  title: "战略研判",
+                  icon: "article-create"
+                }
+              },
+            ]
+          }, {
+            path: "/tacticalResearch",
+            name: "tacticalResearch",
+            component: () => import("@/views/backOfficeSystem/JudgmentHome/tacticalResearch/index.vue"),
+            meta: {
+              title: "战术研判",
+              icon: "article-create"
+            }
+          },
+
+          {
+            path: "/strategicResearch",
+            name: "strategicResearch",
+            component: () => import("@/views/backOfficeSystem/JudgmentHome/strategicResearch/index.vue"),
+            meta: {
+              title: "战略研判",
+              icon: "article-create"
+            }
+          },
+          {
+            path: "/JobAppraisal",
+            name: "JobAppraisal",
+            component: () => import("@/views/backOfficeSystem/HumanIntelligence/JobAppraisal/index"),
+            meta: {
+              title: "工作考核",
+              icon: "article-create"
+            }
+          },
           // {
           //     path: "/ResearchHome",
           //     name: "ResearchHome",

src/utils/request.js

@@ -44,9 +44,11 @@ service.interceptors.response.use(
     const { success, code, msg, message, data, model } = response.data;
     // 需要判断当前请求是否成功
     if (success && code === 10000) {
-      return data ? data : response.data; // 成功后返回解析后的数据
+      return data || [null,0,undefined,''].includes(data) ? data : response.data; // 成功后返回解析后的数据
+      // return data ? data : response.data; // // 成功后返回解析后的数据
     } else if (code === 200 || code == "00000" || code == "10000" || msg == 'success' || model || response.data.success == true) {
-      return data ? data : response.data; // // 成功后返回解析后的数据
+      return data || [null,0,undefined,''].includes(data) ? data : response.data; // 成功后返回解析后的数据
+      // return data ? data : response.data; // // 成功后返回解析后的数据
     } else if (code === 401) {
       store.dispatch('user/logout');
       ElMessage.error(message); // 提示错误信息

src/utils/route.js

@@ -7,12 +7,43 @@ const getChildrenRoutes = (routes) => {
   const result = [];
   const { deptBizType, deptLevel } = getItem('deptId')[0]
   const roleList = getItem('roleList') ? getItem('roleList').filter(item => item.roleCode == 'JS_666666').length > 0 : false
+  const xjLsit = getItem('roleList') ? getItem('roleList').filter(item => item.roleCode == 'JS_999999').length > 0 : false
+  console.log(roleList, xjLsit);
+
   routes.forEach((route) => {
     if (route.children && route.children.length > 0) {
-      if (deptBizType == '23' && roleList) {
+      if (deptBizType == '23') {
-        // 在这个条件分支中也需要过滤掉/internalAuditor路由
+
-        result.push(...route.children);
+        if (roleList) {
+          result.push(...route.children);
+        } else if (xjLsit) {
+          if (route.path == '/JudgmentHome') {
+            route.children.splice(route.children.findIndex(item => item.path == '/internalAuditor'), 1)
+            result.push(...route.children);
+          } else {
+            result.push(...route.children);
+          }
+        } else {
+          if (route.path == '/HumanIntelligence') {
+            route.children.splice(route.children.findIndex(item => item.path == '/auditList'), 1)
+            result.push(...route.children);
+          } else {
+            result.push(...route.children);
+          }
+          if (route.path == '/JudgmentHome') {
+            route.children.splice(route.children.findIndex(item => item.path == '/internalAuditor'), 1)
+            result.push(...route.children);
+          } else {
+            result.push(...route.children);
+          }
+        }
       } else {
+        if (route.path == '/HumanIntelligence') {
+          route.children.splice(route.children.findIndex(item => item.path == '/auditList'), 1)
+          result.push(...route.children);
+        } else {
+          result.push(...route.children);
+        }
         if (route.path == '/JudgmentHome') {
           route.children.splice(route.children.findIndex(item => item.path == '/internalAuditor'), 1)
           result.push(...route.children);
@@ -20,6 +51,23 @@ const getChildrenRoutes = (routes) => {
           result.push(...route.children);
         }
       }
+
+
+
+
+      // if (deptBizType == '23' && (roleList || xjLsit)) {
+      //   // 在这个条件分支中也需要过滤掉/internalAuditor路由
+      //   result.push(...route.children);
+      // } else {
+
+
+      //   if (route.path == '/JudgmentHome' && xjLsit) {
+      //     route.children.splice(route.children.findIndex(item => item.path == '/internalAuditor'), 1)
+      //     result.push(...route.children);
+      //   } else {
+      //     result.push(...route.children);
+      //   }
+      // }
     }
   });
   return result;
@@ -37,9 +85,7 @@ export const filterRoutes = (routes) => {
     return !childrenRoutes.find((childrenRoute) => {
       return childrenRoute.path === route.path;
     });
-  }).filter(item => item.path != '/internalAuditor')
+  }).filter(item => item.path != '/internalAuditor' && item.path != '/auditList')
-  console.log(childrenRoutes);
-
   return data
 };
 

src/utils/sse.js

@@ -143,7 +143,6 @@ const connectSSEWithPost = (prompt, options = {}) => {
           reject(error);
         }
       };
-
       readStream();
     }).catch(error => {
       console.error('SSE请求错误:', error);

src/utils/webSocket.js

@@ -1,5 +1,5 @@
 // let url = "ws://89.40.9.89:2109/mosty-api/mosty-websocket/socket/"; //线上
-let url = "ws://155.240.22.30:2109/mosty-api/mosty-websocket/socket/"; //线上
+let url = "ws://89.40.9.93:50039/mosty-websocket/socket/"; //线上
 
 if (process.env.NODE_ENV === 'development') {
   url = "ws://47.108.232.77:9537/mosty-api/mosty-websocket/socket/"; //本地
@@ -86,8 +86,6 @@ class WebSoketClass {
           if (fun) fun(true);
         };
         this.ws.onclose = (e) => {
-          console.log(e);
-
           console.log('WebSocket连接已关闭，关闭码:', e.code, '原因:', e.reason);
           // 如果是正常关闭(1000)或手动关闭(1001)，不进行重连
           if (e.code !== 1000 && e.code !== 1001) {
@@ -165,7 +163,6 @@ class WebSoketClass {
   // 接收发送消息
   getMessage() {
     this.ws.onmessage = (e) => {
-      console.log(e);
 
       try {
         if (e.data) {
@@ -175,6 +172,9 @@ class WebSoketClass {
             // 触发音频播放
             console.log('触发音频播放');
             emitter.emit('openYp', newsDate.data); // 传递消息数据
+          } else {
+
+            emitter.emit('webSocketMessage', { data: newsDate.data, type: newsDate.type });
           }
           // else if (newsDate.type === 'ALARM_STOP' || newsDate.type === 'warning_stop') {
           //   // 触发音频停止
@@ -187,7 +187,7 @@ class WebSoketClass {
           //   emitter.emit('statusUpdate', newsDate.data);
           // }
           // // 通用消息事件
-          // emitter.emit('webSocketMessage', newsDate);
+
         }
       } catch (error) {
         console.error('处理WebSocket消息失败:', error);

src/views/backOfficeSystem/ApprovalInformation/Clue/index.vue

@@ -36,14 +36,10 @@
         <div class="grid-item flex just-between" style="" v-for="(item, index) in srcList" :key="index">
           <div class="names">{{ item.name }}</div>
           <div  class="icon"><a :href="setAddress(item.id)" download><el-icon><Download /></el-icon></a></div>
-
         </div>
-
       </div>
-
     </el-card>
   </div>
-
 </template>
 
 <script setup>
@@ -116,7 +112,6 @@ const route = useRoute()
 onMounted(() => {
   const id = route.query.id
   getDataById(id)
-
 })
 // const onSubmit = async (val) => {
 //   const data = []

src/views/backOfficeSystem/DeploymentDisposal/BaseLibrary/index.vue

@@ -1,12 +1,10 @@
 <template>
   <div>
-    <div class="titleBox">
+      <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
-      <PageTitle title="基础库">
         <template #left>
-          <el-button v-for="(el,index) in tabBtn" :type="tabActive==index?'primary':''" @click="tabActive=index" :key="el">{{ el }}</el-button>
+          <el-button size="small" v-for="(el,index) in tabBtn" :type="tabActive==index?'primary':''" @click="tabActive=index" :key="el">{{ el }}</el-button>
         </template>
       </PageTitle>
-    </div>
     <ZdrPage v-if="tabActive==0" />
     <ZdqtPage v-else-if="tabActive==1" />
     <ZdclPage v-else-if="tabActive==2" />
@@ -20,7 +18,7 @@ import ZdqtPage from "./components/zdqtPage.vue";
 import ZdclPage from "./components/zdclPage.vue";
 import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
 const { proxy } = getCurrentInstance();
-const tabBtn=ref(["重点人","重点群体","重点车辆"])
+const tabBtn=ref(["重点人库","重点群体库","重点车辆库"])
 const tabActive=ref(0)
 
 onMounted(() => {

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/component/caseLodig.vue

@@ -0,0 +1,70 @@
+<template>
+  <!-- 添加 -->
+  <el-dialog :model-value="modelValue" :title="title" width="40%" :before-close="handleClose">
+    <FormMessage v-model="listQuery" :formList="formData" labelWidth="120px" ref="elform" :rules="rules">
+    </FormMessage>
+    <template #footer>
+      <el-button @click="handleClose">取消</el-button>
+      <el-button type="primary" @click="submitForm">确认</el-button>
+    </template>
+  </el-dialog>
+</template>
+<script setup>
+import { defineProps, defineEmits, ref, watch, reactive, getCurrentInstance } from 'vue'
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+const { proxy } = getCurrentInstance();
+const props = defineProps({
+  data: {
+    type: Object,
+    default: () => { }
+  },
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  title: {
+    type: String,
+    default: '案件信息'
+  },
+  dict: {
+    type: Object,
+    default: () => { }
+  }
+})
+const emit = defineEmits(['update:modelValue', 'comfirm'])
+const listQuery = ref({})
+const formData = ref([
+  { label: "案件名称", prop: "ajmc", type: "input", width: '100%' },
+  { label: "案件时间", prop: "sasj", type: "date", width: '100%' },
+  { label: "案件编码", prop: "ajbm", type: "input", width: '100%' },
+])
+const rules = reactive({
+  ajmc: [{ required: true, message: "请输入案件名称", trigger: "blur" }],
+  sasj: [{ required: true, message: "请输入案件时间", trigger: "change" }],
+  ajbm: [{ required: true, message: "请输入案件编码", trigger: "blur" }],
+})
+
+const elform=ref(null)
+const submitForm = () => {
+  elform.value.submit((val) => {
+    if (val) {
+      emit('comfirm', val)
+      handleClose()
+    }
+  })
+}
+
+watch(
+  () => props.data,
+  (val) => {
+    listQuery.value = val ? { ...val } : {}
+  },
+  { deep: true }
+)
+// 取消：关闭弹窗
+const handleClose = () => {
+  listQuery.value = {}
+  emit('update:modelValue', false)
+}
+</script>
+<style scoped lang="scss"></style>

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/component/diaLogForm.vue

@@ -0,0 +1,86 @@
+<template>
+  <!-- 添加 -->
+  <el-dialog :model-value="modelValue" :title="title" width="40%" :before-close="handleClose">
+    <el-form ref="historyForm" style="max-width: 600px" :model="diaLogRuleForm" :rules="rules">
+      <el-form-item label-width="160px" label="姓名" prop="ryXm" style="width: 100%;">
+        <el-input v-model="diaLogRuleForm.ryXm" :placeholder="`请输入联系人姓名`" />
+      </el-form-item>
+      <el-form-item label-width="160px" label="人员身份证号" prop="rySfzh" style="width: 100%;">
+        <el-input v-model="diaLogRuleForm.rySfzh" :placeholder="`请输入人员身份证号`" />
+      </el-form-item>
+      <el-form-item label-width="160px" label="对应关系" prop="dygx" style="width: 100%;">
+        <el-select v-model="diaLogRuleForm.dygx" placeholder="请选择对应关系">
+          <el-option v-for="item in dict.D_BZ_QSGXDM" :key="item.dm" :label="item.zdmc" :value="item.dm" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label-width="160px" label="联系人电话" prop="lxrDh" style="width: 100%;">
+        <el-input v-model="diaLogRuleForm.lxrDh" :placeholder="`请输入联系人电话`" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="handleClose">取消</el-button>
+        <el-button type="primary" @click="onSubmit">
+          确认
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+<script setup>
+import { defineProps, defineEmits, ref, watch, reactive } from 'vue'
+import { generateRandom10Digits } from '@/utils/tools'
+const props = defineProps({
+  data: {
+    type: Object,
+    default: () => { }
+  },
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  title: {
+    type: String,
+    default: ''
+  },
+  dict: {
+    type: Object,
+    default: () => { }
+  }
+})
+const historyForm = ref(null)
+const emit = defineEmits(['update:modelValue', 'submit'])
+const diaLogRuleForm = ref({})
+const rules = reactive({
+  ryXm: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
+  rySfzh: [{ required: true, message: '请输入身份证号', trigger: 'blur' }],
+  dygx: [{ required: true, message: '请选择对应关系', trigger: 'change' }],
+})
+watch(
+  () => props.data,
+  (val) => {
+    diaLogRuleForm.value = val ? { ...val } : {}
+  },
+  { deep: true }
+)
+
+// 取消：关闭弹窗
+const handleClose = () => {
+  diaLogRuleForm.value = {}
+  emit('update:modelValue', false)
+}
+
+// 提交
+const onSubmit = () => {
+  historyForm.value.validate().then((valid) => {
+    if (valid) {
+      emit('submit', { ...diaLogRuleForm.value }) // 提交数据
+      handleClose()
+    }
+  }).catch((err) => {
+    console.log(err);
+
+  });
+}
+</script>
+<style scoped lang="scss"></style>

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/component/interLoding.vue

@@ -0,0 +1,91 @@
+<template>
+  <!-- 添加 -->
+  <el-dialog :model-value="modelValue" :title="title" width="40%" :before-close="handleClose">
+    <FormMessage v-model="listQuery" :formList="formData" labelWidth="120px" ref="elform" :rules="rules">
+      <template #zfmjXm>
+        <el-input v-model="listQuery.zfmjXm" :placeholder="`请输入民警姓名`" readonly @click="changeShow" />
+      </template>
+    </FormMessage>
+    <template #footer>
+      <el-button @click="handleClose">取消</el-button>
+      <el-button type="primary" @click="submitForm">确认</el-button>
+    </template>
+  </el-dialog>
+  <ChooseUser :Single="true" v-model="chooseMarksVisible" @choosedUsers="addMarks" :roleIds="roleIds" />
+</template>
+<script setup>
+import { defineProps, defineEmits, ref, watch, reactive, getCurrentInstance } from 'vue'
+import { generateRandom10Digits } from '@/utils/tools'
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import ChooseUser from "@/components/ChooseList/ChooseUser/index.vue";
+const { proxy } = getCurrentInstance();
+const { D_ZFNR_MBLX } = proxy.$dict("D_ZFNR_MBLX")
+const props = defineProps({
+  data: {
+    type: Object,
+    default: () => { }
+  },
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  title: {
+    type: String,
+    default: '走访信息'
+  },
+  dict: {
+    type: Object,
+    default: () => { }
+  }
+})
+const emit = defineEmits(['update:modelValue', 'comfirm'])
+const historyForm = ref(null)
+const chooseMarksVisible = ref(false)
+const listQuery = ref({})
+const formData = ref([
+  { label: "民警姓名", prop: "zfmjXm", type: "slot", width: '100%' },
+  { label: "走访时间", prop: "zfsj", type: "date", width: '100%' },
+  { label: "走访地址", prop: "zfdz", type: "input", width: '100%' },
+  { label: "走访方式", prop: "zffs", type: "input", width: '100%' },
+  { label: "走访情况", prop: "zfqk", type: "textarea", width: '100%' },
+])
+const rules = reactive({
+  zfmjXm: [{ required: true, message: "请选择民警姓名", trigger: "blur" }],
+  zfsj: [{ required: true, message: "请输入走访时间", trigger: "change" }],
+  zfdz: [{ required: true, message: "请输入走访地址", trigger: "blur" }],
+  zffs: [{ required: true, message: "请输入走访方式", trigger: "blur" }],
+  zfqk: [{ required: true, message: "请输入走访情况", trigger: "blur" }],
+})
+const changeShow = () => {
+  chooseMarksVisible.value = true
+}
+const addMarks = (val) => {
+  listQuery.value.zfmjXm = val[0].userName
+  listQuery.value.zfmjSfzh=val[0].idEntityCard
+}
+const elform=ref(null)
+const submitForm = () => {
+  elform.value.submit((val) => {
+    if (val) {
+      emit('comfirm', val)
+      handleClose()
+    }
+  })
+}
+
+watch(
+  () => props.data,
+  (val) => {
+    console.log(val);
+
+    listQuery.value = val ? { ...val } : {}
+  },
+  { deep: true }
+)
+// 取消：关闭弹窗
+const handleClose = () => {
+  listQuery.value = {}
+  emit('update:modelValue', false)
+}
+</script>
+<style scoped lang="scss"></style>

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/component/judgmentRecord.vue

@@ -0,0 +1,306 @@
+<template>
+  <el-dialog :title="titleValue" width="800px" :model-value="modelValue" append-to-body @close="closed">
+    <FormMessage v-model="listQuery" :formList="formData" labelWidth="120px" ref="elform" :rules="rules">
+      <template #rrry>
+        <el-input v-model="listQuery.rrry" :placeholder="`请输入民警姓名`" readonly @click="changeShow" />
+      </template>
+      <template #fjxx>
+        <!-- 文件列表区域 -->
+        <div class="file-attachment-section">
+          <div class="section-title">相关附件</div>
+          <div class="file-list-container">
+            <div v-if="listQuery.fileList.length === 0" class="empty-file-list">暂无附件</div>
+            <div v-else class="file-list">
+              <div v-for="(file, index) in listQuery.fileList" :key="index" class="file-item">
+                <div class="file-info">
+                  <span class="file-name">{{ file.originalName }}</span>
+                  <span class="file-time">{{ file.uploadTime }}</span>
+                </div>
+                <div class="file-actions">
+                  <el-button type="text" size="small" @click="downloadFile(file)" title="下载文件" :disabled="disabled">
+                    <el-icon>
+                      <Download />
+                    </el-icon>
+                  </el-button>
+                  <el-button type="text" size="small" @click="deleteFile(index)" title="删除文件" class="delete-btn"
+                    :disabled="disabled">
+                    <el-icon>
+                      <Delete />
+                    </el-icon>
+                  </el-button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- 上传按钮区域 -->
+          <div class="upload-btn-container">
+            <el-upload v-model:file-list="listQuery.fileList" class="upload-demo" :show-file-list="false" multiple
+              :http-request="handleUploadRequest" :on-remove="handleRemove" :limit="3" :on-exceed="handleExceed">
+              <el-button type="primary" :disabled="disabled">上传文件</el-button>
+            </el-upload>
+          </div>
+        </div>
+      </template>
+    </FormMessage>
+
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="closed">取消</el-button>
+        <el-button type="primary" @click="onComfirm">确认</el-button>
+      </div>
+    </template>
+  </el-dialog>
+  <ChooseUser :Single="true" v-model="chooseMarksVisible" @choosedUsers="addMarks" :roleIds="roleIds" />
+</template>
+
+<script setup>
+import { ref, onMounted, reactive, watch, getCurrentInstance } from "vue";
+import { generateRandom10Digits } from '@/utils/tools'
+import { uploadMultipleFiles } from '@/views/backOfficeSystem/DeploymentDisposal/mpvGroup/model/fileUp.js'
+import { ElMessage } from 'element-plus';
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import ChooseUser from "@/components/ChooseList/ChooseUser/index.vue";
+const { proxy } = getCurrentInstance()
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  titleValue: {
+    type: String,
+    default: "现实表现"
+  },
+  data: {
+    type: Object,
+    default: () => { }
+  }
+});
+const emits = defineEmits(["update:modelValue", "comfirm"]);
+const formData = ref([
+  { label: "录入人员", prop: "rrry", type: "slot", width: '100%' },
+  { label: "录入时间", prop: "lrsj", type: "date", width: '100%' },
+  { label: "表现内容", prop: "bxnr", type: "textarea", width: '100%' },
+  { label: "附件信息", prop: "fjxx", type: "slot", width: '100%' },
+])
+const rules = reactive({
+  rrry: [{ required: true, message: "请选择民警姓名", trigger: "blur" }],
+  lrsj: [{ required: true, message: "请输入录入时间", trigger: "change" }],
+  bxnr: [{ required: true, message: "请输入表现内容", trigger: "blur" }],
+})
+
+
+const listQuery = ref({fileList:[]})
+const roleIds=ref([])
+const chooseMarksVisible=ref(false)
+
+const changeShow = () => {
+  chooseMarksVisible.value = true
+}
+
+const addMarks = (val) => {
+  listQuery.value.rrry = val[0].userName
+  roleIds.value = val.map(item => item.id)
+}
+const closed = () => {
+  listQuery.value={}
+  listQuery.value.fileList = []
+  emits("update:modelValue", false);
+};
+const onComfirm = () => {
+  emits("comfirm", {...listQuery.value,fjxx:listQuery.value.fileList.length>0?JSON.stringify(listQuery.value.fileList):null });
+  emits("update:modelValue", false);
+}
+watch(() => props.data, (val) => {
+  if (val) {
+    listQuery.value={...val,fileList:val.fjxx}
+  }
+},{deep: true})
+
+// 下载文件
+const downloadFile = (file) => {
+  // 实际项目中，这里应该调用下载API
+  console.log('下载文件:', file.name)
+  // 示例：window.open(file.url)
+}
+// 删除文件
+const deleteFile = (index) => {
+  // 实际项目中，这里应该先调用删除API，成功后再从列表中移除
+  listQuery.value.fileList.splice(index, 1)
+  ElMessage.success('文件已删除')
+}
+
+// 上传相关方法
+const handleUploadRequest = async (options) => {
+  try {
+    // 调用uploadMultipleFiles进行文件上传
+    const result = await uploadMultipleFiles(options.file, {
+      uploadedFiles: listQuery.value.fileList,
+      fjIds: [], // 如果需要保存文件ID列表，可以在这里传递
+      compressImage: null // 可选的图片压缩函数
+    });
+    // 更新文件列表，添加上传时间信息
+    const index = listQuery.value.fileList.findIndex(f => f.originalName === options.file.name);
+    if (index !== -1) {
+      listQuery.value.fileList[index].uploadTime = new Date().toLocaleString('zh-CN');
+    }
+    // 调用成功回调
+    if (options.onSuccess) {
+      options.onSuccess(result);
+    }
+  } catch (error) {
+    console.error('文件上传失败:', error);
+    // 调用失败回调
+    if (options.onError) {
+      options.onError(error);
+    }
+  }
+}
+
+const handleRemove = (uploadFile, uploadFiles) => {
+  // 实际项目中，这里应该先调用删除API，成功后再从列表中移除
+  const index = listQuery.value.fileList.findIndex(f => f.name === uploadFile.name);
+  if (index !== -1) {
+    listQuery.value.fileList.splice(index, 1);
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/css/layout.scss";
+@import "@/assets/css/element-plus.scss";
+</style>
+<style>
+.tabBoxRadio .el-checkbox__inner {
+  border-radius: 50% !important;
+}
+
+.tabBoxRadio .el-table__header-wrapper .el-checkbox {
+  display: none;
+}
+
+.file-attachment-section {
+  margin-top: 15px;
+  width: 100%;
+}
+
+.section-title {
+  font-size: 14px;
+  font-weight: 500;
+  color: #303133;
+  margin-bottom: 10px;
+  padding-bottom: 5px;
+  border-bottom: 1px solid #ebeef5;
+}
+
+.file-list-container {
+  max-height: 100px;
+  overflow-y: auto;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  background-color: #ffffff;
+  margin-bottom: 10px;
+}
+
+/* 自定义滚动条样式 */
+.file-list-container::-webkit-scrollbar {
+  width: 6px;
+}
+
+.file-list-container::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 3px;
+}
+
+.file-list-container::-webkit-scrollbar-thumb {
+  background: #c0c4cc;
+  border-radius: 3px;
+}
+
+.file-list-container::-webkit-scrollbar-thumb:hover {
+  background: #909399;
+}
+
+.empty-file-list {
+  padding: 20px;
+  text-align: center;
+  color: #909399;
+  font-size: 12px;
+}
+
+.file-list {
+  padding: 5px;
+}
+
+.file-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 10px;
+  margin-bottom: 2px;
+  background-color: #f8f9fa;
+  border-radius: 4px;
+  transition: all 0.3s ease;
+  cursor: pointer;
+}
+
+.file-item:hover {
+  background-color: #e6f7ff;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+.file-info {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  gap: 15px;
+  min-width: 0;
+}
+
+.file-name {
+  flex: 1;
+  font-size: 12px;
+  color: #303133;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.file-size {
+  font-size: 11px;
+  color: #909399;
+  min-width: 60px;
+}
+
+.file-time {
+  font-size: 11px;
+  color: #909399;
+}
+
+.file-actions {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  margin-left: 10px;
+}
+
+.file-actions .el-button {
+  padding: 0 5px;
+  margin: 0;
+  color: #606266;
+  transition: color 0.3s ease;
+}
+
+.file-actions .el-button:hover {
+  color: #409eff;
+}
+
+.delete-btn:hover {
+  color: #f56c6c !important;
+}
+
+.upload-btn-container {
+  display: flex;
+  justify-content: center;
+  margin-top: 10px;
+}
+</style>

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/component/vehiclDoing.vue

@@ -0,0 +1,242 @@
+<template>
+  <el-dialog :title="titleValue" width="800px" :model-value="modelValue" append-to-body @close="closed">
+    <el-form ref="historyForm" style="max-width: 600px" :model="ruleForm" :rules="rules" label-width="auto">
+      <el-form-item label="车牌号" prop="cph">
+        <el-input v-model="ruleForm.cph" placeholder="请输入车牌号" />
+      </el-form-item>
+      <el-form-item label="车辆识别码" prop="clsbm">
+        <el-input v-model="ruleForm.clsbm" placeholder="请输入车辆识别码" />
+      </el-form-item>
+      <el-form-item label="车辆型号" prop="cllx">
+        <el-select v-model="ruleForm.cllx" placeholder="请选择车辆型号">
+          <el-option :label="item.zdmc" :value="item.dm" v-for="(item, index) in dict.D_BZ_CLLX"
+            :key="index"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="车辆颜色" prop="clys">
+        <el-select v-model="ruleForm.clys" placeholder="请选择车辆颜色">
+          <el-option :label="item.zdmc" :value="item.dm" v-for="(item, index) in dict.D_BZ_CLYS"
+            :key="index"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="车辆品牌" prop="clpp">
+        <el-select v-model="ruleForm.clpp" placeholder="请选择车辆品牌">
+          <el-option :label="item.zdmc" :value="item.dm" v-for="(item, index) in dict.D_BZ_CLPP"
+            :key="index"></el-option>
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="closed">取消</el-button>
+        <el-button type="primary" @click="onComfirm()">确认</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { ref, onMounted, reactive, watch, getCurrentInstance } from "vue";
+import { generateRandom10Digits } from '@/utils/tools'
+
+const { proxy } = getCurrentInstance()
+
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  titleValue: {
+    type: String,
+    default: "关联车辆"
+  },
+  data: {
+    type: Object,
+    default: () => { }
+  }, dict: {
+    type: Object,
+    default: () => { }
+  }
+});
+const emits = defineEmits(["update:modelValue", "comfirm"]);
+const historyForm = ref(null)
+const ruleForm = ref({})
+const rules = reactive({
+  cph: [
+    { required: true, message: '请输入车牌号', trigger: 'blur' },
+  ],
+
+});
+
+const onComfirm = () => {
+  historyForm.value.validate((valid, fields) => {
+    if (valid) {
+      const promes = {
+        ...ruleForm.value,
+        id: ruleForm.value.id ? ruleForm.value.id : generateRandom10Digits(),
+      }
+      emits("comfirm", { ...promes });
+      closed()
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+watch(() => props.modelValue, (val) => {
+  ruleForm.value = props.data
+}, { deep: true })
+
+
+const closed = () => {
+  ruleForm.value = {}
+  emits("update:modelValue", false);
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/css/layout.scss";
+@import "@/assets/css/element-plus.scss";
+
+.tabBoxRadio .el-checkbox__inner {
+  border-radius: 50% !important;
+}
+
+.tabBoxRadio .el-table__header-wrapper .el-checkbox {
+  display: none;
+}
+
+.file-attachment-section {
+  margin-top: 15px;
+}
+
+.section-title {
+  font-size: 14px;
+  font-weight: 500;
+  color: #303133;
+  margin-bottom: 10px;
+  padding-bottom: 5px;
+  border-bottom: 1px solid #ebeef5;
+}
+
+.file-list-container {
+  max-height: 100px;
+  overflow-y: auto;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  background-color: #ffffff;
+  margin-bottom: 10px;
+}
+
+/* 自定义滚动条样式 */
+.file-list-container::-webkit-scrollbar {
+  width: 6px;
+}
+
+.file-list-container::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 3px;
+}
+
+.file-list-container::-webkit-scrollbar-thumb {
+  background: #c0c4cc;
+  border-radius: 3px;
+}
+
+.file-list-container::-webkit-scrollbar-thumb:hover {
+  background: #909399;
+}
+
+.empty-file-list {
+  padding: 20px;
+  text-align: center;
+  color: #909399;
+  font-size: 12px;
+}
+
+.file-list {
+  padding: 5px;
+}
+
+.file-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 10px;
+  margin-bottom: 2px;
+  background-color: #f8f9fa;
+  border-radius: 4px;
+  transition: all 0.3s ease;
+  cursor: pointer;
+}
+
+.file-item:hover {
+  background-color: #e6f7ff;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+.file-info {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  gap: 15px;
+  min-width: 0;
+}
+
+.file-name {
+  flex: 1;
+  font-size: 12px;
+  color: #303133;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.file-size {
+  font-size: 11px;
+  color: #909399;
+  min-width: 60px;
+}
+
+.file-time {
+  font-size: 11px;
+  color: #909399;
+}
+
+.file-actions {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  margin-left: 10px;
+}
+
+.file-actions .el-button {
+  padding: 0 5px;
+  margin: 0;
+  color: #606266;
+  transition: color 0.3s ease;
+}
+
+.file-actions .el-button:hover {
+  color: #409eff;
+}
+
+.delete-btn:hover {
+  color: #f56c6c !important;
+}
+
+.upload-btn-container {
+  display: flex;
+  justify-content: center;
+  margin-top: 10px;
+}
+
+.butHandle {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+::v-deep .el-range-input {
+  color: #000 !important;
+}
+</style>

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/components copy/addForm.vue

@@ -0,0 +1,367 @@
+<template>
+  <div class="dialog" v-if="dialogForm">
+    <div class="head_box">
+      <span class="title">{{ title }}重点人管理</span>
+      <div>
+        <el-button type="primary" size="small" v-if="!disabled" :loading="loading" @click="submit">保存</el-button>
+        <el-button size="small" @click="close">关闭</el-button>
+      </div>
+    </div>
+    <div class="form_cnt">
+      <FormMessage :disabled="disabled" v-model="listQuery" :formList="formData" labelWidth="100px" ref="elform"
+        :rules="rules"></FormMessage>
+      <div class="ml50 mr50">
+        <span class="mr10">人员标签模型 : </span><el-button type="primary" v-if="!disabled"
+          @click="chooseMarksVisible = true">选择</el-button>
+      </div>
+      <div class="boxlist ml50 mr50">
+        <MyTable :tableData="listQuery.bqList" :tableColumn="tableDate.tableColumn" :key="tableDate.keyCount"
+          :tableConfiger="tableDate.tableConfiger" :controlsWidth="tableDate.controlsWidth">
+          <template #bqLb="{ row }">
+            <DictTag :value="row.bqLb" :tag="false" :options="props.dic.D_GS_BQ_LB" />
+          </template>
+          <template #bqLx="{ row }">
+            <DictTag :value="row.bqLx" :tag="false" :options="props.dic.D_GS_BQ_LX" />
+          </template>
+          <template #bqZl="{ row }">
+            <DictTag :value="row.bqZl" :tag="false" :options="props.dic.D_GS_BQ_ZL" />
+          </template>
+          <template #controls="{ row }">
+            <el-link type="danger" @click="delDictItem(row.bqId)">删除</el-link>
+          </template>
+        </MyTable>
+      </div>
+      <!-- 选择审核人 -->
+      <div class="ww100 mt20 ml50 mr50">
+        <el-steps direction="vertical" :active="listQuery.wccz" space="500" finish-status="success">
+          <el-step title="发起申请">
+            <template #description>
+              <div class="flex align-center ww100 mt10 mb20">
+                <el-input v-model="listQuery.sqrXm" readonly class="ww20"></el-input>
+                <el-input v-model="listQuery.sqrSsbmmc" readonly class="ww20 ml10 mr10"></el-input>
+                <span class="f12" style="color: #333333">
+                  备注发起人和部门根据登陆人自动填写</span>
+              </div>
+            </template>
+          </el-step>
+          <el-step title="审核确认">
+            <template #description>
+              <div class="flex align-center ww100 mt10 mb20 depBox">
+                <span class="mr4">审核部门 : </span>
+                <MOSTY.Department :isAll="true" @getDepValue="getShdep" v-model="listQuery.shSsbmdm" clearable :placeholder="listQuery.shSsbmmc ? listQuery.shSsbmmc : ''" />
+              </div>
+            </template>
+          </el-step>
+          <el-step title="审批确认">
+            <template #description>
+              <div class="flex align-center ww100 mt10 mb20 depBox">
+                <span lass="mr4">审批部门 : </span>
+                <MOSTY.Department :isAll="true" @getDepValue="getSPdep" v-model="listQuery.spSsbmdm" clearable :placeholder="listQuery.spSsbmmc ? listQuery.spSsbmmc : ''" />
+              </div>
+            </template>
+          </el-step>
+        </el-steps>
+      </div>
+    </div>
+  </div>
+  <ChooseMarks v-model="chooseMarksVisible" @choosed="choosed" :roleIds="roleIds" />
+</template>
+
+<script setup>
+import * as rule from "@/utils/rules.js";
+import * as MOSTY from "@/components/MyComponents/index";
+import { getItem } from "@/utils/storage";
+import ChooseMarks from "@/components/ChooseList/ChooseMarks/index.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
+import {
+  ref,
+  defineExpose,
+  reactive,
+  onMounted,
+  defineEmits,
+  getCurrentInstance,
+  watch
+} from "vue";
+const emit = defineEmits(["updateDate"]);
+const props = defineProps({
+  dic: Object
+});
+const { proxy } = getCurrentInstance();
+const roleIds = ref([]);
+const chooseMarksVisible = ref(false);
+const dialogForm = ref(false); //弹窗
+const pcsList = ref([]);
+const rules = reactive({
+  ryXm: [{ required: true, message: "请输入姓名", trigger: "blur" }],
+  ...rule.identityCardRule({ validator: true },'rySfzh'), //身份证校验
+  ...rule.phoneRule({ validator: true }, "ryLxdh"), // 是否必填 是否进行校验,
+  rySfzh: [{ required: true, message: "请输入身份证号", trigger: "blur" }],
+  ryLxdh: [{ required: true, message: "请输入联系电话", trigger: "blur" }],
+  ryXb: [{ required: true, message: "请选择性别", trigger: "change" }],
+  ryMz: [{ required: true, message: "请选择民族", trigger: "change" }],
+  ryCsrq: [{ required: true, message: "请选择出生日期", trigger: "change" }],
+  ryJg: [{ required: true, message: "请选择籍贯", trigger: "change" }],
+  zdrRyjb: [{ required: true, message: "请选择人员级别", trigger: "change" }],
+  zdrYjdj: [{ required: true, message: "请选择预警等级", trigger: "change" }]
+});
+const listQuery = ref({}); //表单
+const formData = ref([]);
+watch(() => props.dic,(val) => {
+    formData.value = [
+      { label: "姓名", prop: "ryXm", type: "input" },
+      {
+        label: "性别",
+        prop: "ryXb",
+        type: "select",
+        options: props.dic.D_BZ_XB
+      },
+      {
+        label: "民族",
+        prop: "ryMz",
+        type: "select",
+        options: props.dic.D_BZ_MZ
+      },
+      { label: "身份证号", prop: "rySfzh", type: "input" },
+      { label: "联系电话", prop: "ryLxdh", type: "input" },
+      { label: "出生日期", prop: "ryCsrq", type: "date" },
+      {
+        label: "籍贯",
+        prop: "ryJg",
+        type: "select",
+        options: props.dic.D_BZ_XZQHDM
+      },
+      {
+        label: "人员级别",
+        prop: "zdrRyjb",
+        type: "select",
+        options: props.dic.D_GS_ZDR_RYJB
+      },
+      {
+        label: "预警等级",
+        prop: "zdrYjdj",
+        type: "select",
+        options: props.dic.D_GS_ZDR_YJDJ
+      },
+      {
+        label: "户籍地区划",
+        prop: "hjdQh",
+        type: "select",
+        options: props.dic.D_BZ_XZQHDM
+      },
+      { label: "户籍地详址", prop: "hjdXz", type: "input" },
+      {
+        label: "户籍地派出所",
+        prop: "hjdPcsdm",
+        type: "select",
+        options: pcsList
+      },
+      {
+        label: "现住地区划",
+        prop: "xzdQh",
+        type: "select",
+        options: props.dic.D_BZ_XZQHDM
+      },
+      { label: "现住地详址", prop: "xzdXz", type: "input" },
+      {
+        label: "现住地派出所",
+        prop: "xzdPcsdm",
+        type: "select",
+        options: pcsList
+      },
+      { label: "管辖单位", prop: "gxSsbmdm",depMc:'gxSsbmmc', type: "department" },
+      { label: "诉求单位", prop: "sqSsbmdm",depMc:'sqSsbmmc', type: "department" },
+      { label: "责任单位", prop: "zrSsbmdm",depMc:'zrSsbmmc', type: "department" },
+      {
+        label: "所属警种",
+        prop: "zdrSsjz",
+        type: "select",
+        options: props.dic.D_GS_BK_SSJZ
+      },
+      {
+        label: "涉及警种",
+        prop: "zdrSjjz",
+        type: "select",
+        options: props.dic.D_GS_BK_SSJZ,
+        multiple: true
+      },
+      { label: "管控民警姓名", prop: "gkMjXm", type: "input" },
+      { label: "管控民警警号", prop: "gkMjJh", type: "input" },
+      { label: "管控原因", prop: "zdrLkyy", type: "textarea", width: "100%" },
+      {
+        label: "处置状态",
+        prop: "zdrCzzt",
+        type: "select",
+        options: props.dic.D_GS_ZDR_CZZT
+      },
+      { label: "入库开始时间", prop: "zdrRkkssj", type: "datetime" },
+      { label: "入库结束时间", prop: "zdrRkjssj", type: "datetime" }
+    ];
+  },
+  { immediate: true, deep: true }
+);
+
+const tableDate = reactive({
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "null",
+    loading: false
+  },
+  controlsWidth: 90, //操作栏宽度
+  keyCount: 0,
+  tableColumn: [
+    { label: "标签名称", prop: "bqMc" },
+    { label: "标签代码", prop: "bqDm" },
+    { label: "标签种类", prop: "bqZl", showSolt: true },
+    { label: "标签类型", prop: "bqLx", showSolt: true },
+    { label: "标签类别", prop: "bqLb", showSolt: true }
+  ]
+});
+const loading = ref(false);
+const elform = ref();
+const title = ref("");
+const showInfo = ref(false);
+const disabled = ref(false);
+
+onMounted(() => {
+  chooseDep();
+});
+
+const chooseDep = () => {
+  qcckPost({ orgLevel: 40 }, "/mosty-base/deptFeign/queryListByDept").then(
+    (res) => {
+      pcsList.value = res.map((item) => {
+        return { zdmc: item.orgName, dm: item.orgCode, value: item.orgCode };
+      });
+    }
+  );
+};
+
+// 初始化数据
+const init = (type, row) => {
+  dialogForm.value = true;
+  title.value = type == "add" ? "新增" : type == "detail" ? "详情" : "编辑";
+  disabled.value = type == "detail" ? true : false;
+  tableDate.tableConfiger.haveControls = type == "detail" ? false : true;
+  if (type == "add") {
+    listQuery.value.sqrXm = getItem("USERNAME");
+    listQuery.value.bkfqrSfzh = getItem("idEntityCard");
+    listQuery.value.sqrSsbmmc = getItem("deptId")[0].deptName;
+    listQuery.value.sqrSsbmdm = getItem("deptId")[0].deptCode;
+  }
+  setTimeout(() => {
+    showInfo.value = true;
+  }, 5);
+  if (row) getDataById(row.id);
+};
+// 根据id查询详情
+const getDataById = (id) => {
+  qcckGet({}, "/mosty-gsxt/tbGsxtZdry/selectVoById/" + id).then((res) => {
+    listQuery.value = res;
+    listQuery.value.zdrSjjz = listQuery.value.zdrSjjz.split(",");
+    tableDate.bqList = res.bqList;
+    listQuery.value.sqrXm = getItem("USERNAME");
+    listQuery.value.bkfqrSfzh = getItem("idEntityCard");
+    listQuery.value.sqrSsbmmc = getItem("deptId")[0].deptName;
+    listQuery.value.sqrSsbmdm = getItem("deptId")[0].deptCode;
+  });
+};
+
+// 选择标签
+const choosed = (val) => {
+  listQuery.value.bqList = val.map((v) => {
+    return { bqZl: v.bqLb, bqId: v.id, bqLx: v.bqLx, bqLb: v.bqLb, bqMc: v.bqMc, bqDm: v.bqDm };
+  });
+  roleIds.value = val.map((v) => v.id);
+};
+
+// 删除
+const delDictItem = (bqId) => {
+  listQuery.value.bqList = listQuery.value.bqList.filter((v) => v.bqId != bqId);
+  tableDate.keyCount++;
+};
+
+// 提交
+const submit = () => {
+
+  elform.value.submit((data) => {
+    data.zdrSjjz = data.zdrSjjz.join(",");
+    let url = title.value == "新增" ? "/mosty-gsxt/tbGsxtZdry/save" : "/mosty-gsxt/tbGsxtZdry/update";
+    let params = { ...data };
+    if (params.hjdPcsdm) {
+      let obj = pcsList.value.find((v) => v.dm == params.hjdPcsdm);
+      params.hjdPcsmc = obj ? obj.zdmc : "";
+    }
+    if (params.xzdPcsdm) {
+      let obj1 = pcsList.value.map((v) => v.dm == params.xzdPcsdm);
+      params.xzdPcsmc = obj1 ? obj1.zdmc : "";
+    }
+    loading.value = true;
+    qcckPost(params, url).then(() => {
+      loading.value = false;
+      proxy.$message({ type: "success", message: title.value + "成功" });
+      emit("updateDate");
+      close();
+    }).catch(() => {
+      loading.value = false;
+    });
+  });
+};
+
+
+const getShdep = (val) =>{
+  listQuery.value.shSsbmmc = val ? val.orgName : ''
+}
+const getSPdep = (val) =>{
+  listQuery.value.spSsbmmc = val ? val.orgName : ''
+}
+
+// 关闭
+const close = () => {
+  listQuery.value = {};
+  dialogForm.value = false;
+  loading.value = false;
+};
+
+defineExpose({ init });
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+::v-deep .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
+  color: #0072ff;
+  background: rgba(0, 114, 255, 0.3);
+}
+
+.boxlist {
+  width: calc(99% - 50px);
+  margin-top: 10px;
+  overflow: hidden;
+}
+
+.depBox {
+  border: 1px solid #e9e9e9;
+  width: 305px;
+  padding: 0 0 0 4px;
+  border-radius: 4px;
+
+  ::v-deep .el-input__inner {
+    border: none;
+  }
+
+  ::v-deep .el-cascader .el-input.is-focus .el-input__inner {
+    border-color: transparent !important;
+  }
+
+  ::v-deep .el-input__inner:focus {
+    box-shadow: none;
+  }
+
+  ::v-deep .el-input.is-disabled .el-input__inner {
+    border-color: transparent !important;
+  }
+}
+</style>

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/components copy/zxsForm.vue

@@ -0,0 +1,228 @@
+<template>
+  <div class="dialog" v-if="dialogForm">
+    <div class="head_box">
+      <span class="title">流线索</span>
+      <div>
+        <el-button type="primary" :loading="loading" @click="submit">保存</el-button>
+        <el-button @click="close">关闭</el-button>
+      </div>
+    </div>
+    <div class="form_cnt">
+      <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
+        <template #gapdive>
+          <div style="width: 100%; height: 10px" class="mb20">
+            <el-divider content-position="left">基础信息</el-divider>
+          </div>
+        </template>
+        <template #gapline>
+          <div style="width: 100%; height: 10px" class="mb20">
+            <el-divider content-position="left">线索内容</el-divider>
+          </div>
+        </template>
+        <template #scfj>
+          <div style="width: 100%; padding-left: 50px">
+            <div>
+              上传附件:<span class="f12">（可附电子表格、Word文档、图像、音视频文件）</span>
+            </div>
+            <div>
+              <MOSTY.Upload :showBtn="true" :limit="10" v-model="fjdz" />
+            </div>
+          </div>
+        </template>
+      </FormMessage>
+      <el-divider content-position="left"><span class="mr20">相关人员</span>
+      </el-divider>
+      <MyTable :tableData="pageForm.tableData" :tableColumn="pageForm.tableColumn" :tableHeight="pageForm.tableHeight"
+        :key="pageForm.keyCount" :tableConfiger="pageForm.tableConfiger" :controlsWidth="pageForm.controlsWidth">
+        <template #xb="{ row }">
+          <DictTag :value="row.xb" :tag="false" :options="props.dic.D_BZ_XB" />
+        </template>
+        <template #bqList="{ row }">
+          <div v-if="row.bqList">
+            <el-tag type="success" v-for="(it, idx) in row.bqList" :key="idx">{{
+              it.bqMc
+              }}</el-tag>
+          </div>
+        </template>
+      </MyTable>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import * as MOSTY from "@/components/MyComponents/index";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { qcckPost } from "@/api/qcckApi.js";
+import {
+  ref,
+  defineExpose,
+  reactive,
+  onMounted,
+  defineEmits,
+  getCurrentInstance,
+  nextTick
+} from "vue";
+const emit = defineEmits(["change"]);
+const props = defineProps({
+  dic: Object
+});
+const { proxy } = getCurrentInstance();
+const dialogForm = ref(false); //弹窗
+const rules = reactive({
+  xsMc: [{ required: true, message: "请输入线索名称", trigger: "blur" }],
+  xlLx: [{ required: true, message: "请选择线索类型", trigger: "change" }],
+  qbLy: [{ required: true, message: "请选择情报来源", trigger: "change" }]
+});
+const formData = ref([
+  { prop: "gapdive", type: "slot", width: "100%" },
+  { label: "线索名称", prop: "xsMc", type: "input" },
+  {
+    label: "线索类型",
+    prop: "xlLx",
+    type: "select",
+    options: props.dic.D_GS_XS_LX
+  },
+  {
+    label: "情报来源",
+    prop: "qbLy",
+    type: "select",
+    options: props.dic.D_GS_XS_LY
+  },
+  { label: "指向开始时间", prop: "zxkssj", type: "datetime" },
+  { label: "指向结束时间", prop: "zxjssj", type: "datetime" },
+  { label: "指向地点", prop: "zxdz", type: "input" },
+  {
+    label: "所属专题",
+    prop: "sszt",
+    type: "select",
+    options: props.dic.D_BZ_SSZT
+  },
+  { prop: "gapline", type: "slot", width: "100%" },
+  { prop: "scfj", type: "slot", width: "100%" },
+  { label: "线索内容", prop: "xsNr", type: "textarea", width: "100%" },
+  {
+    label: "群体类型",
+    prop: "qtlx",
+    type: "select",
+    options: props.dic.D_GS_XS_QTLX
+  },
+  { label: "群体名称", prop: "qtmc", type: "input" },
+  { label: "涉及人数", prop: "sjrs", type: "inputNumber" },
+  { label: "线索报送单位", prop: "ssbmdm", type: "department" }
+]);
+const fjdz = ref();
+const listQuery = ref({}); //表单
+const loading = ref(false);
+const elform = ref();
+const pageForm = reactive({
+  tableData: [],
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "null",
+    loading: false,
+    haveControls: false
+  },
+  controlsWidth: 220,
+  tableColumn: [
+    { label: "姓名", prop: "xm" },
+    { label: "性别", prop: "xb", showSolt: true },
+    { label: "身份证号", prop: "sfzh" },
+    { label: "户籍地", prop: "hjdz" },
+    { label: "户籍地派出所", prop: "hjdpcs" },
+    { label: "标签", prop: "bqList", showSolt: true }
+  ]
+});
+onMounted(() => {
+  tabHeightFn();
+});
+
+// 初始化数据
+const init = (list) => {
+  fjdz.value = [];
+  tabHeightFn();
+  dialogForm.value = true;
+  pageForm.tableData = list.map((it) => {
+    return {
+      xm: it.ryXm,
+      xb: it.ryXb,
+      sfzh: it.rySfzh,
+      hjdz: it.xzdXz,
+      hjdpcs: it.hjdPcsmc,
+      hjdpcsdm: it.hjdPcsdm,
+      bqList: it.bqList || []
+    };
+  });
+  pageForm.keyCount++;
+};
+
+// 提交
+const submit = () => {
+  elform.value.submit((data) => {
+    let params = { ...data, ryList: pageForm.tableData, cjLx: "0" };
+    params.fjdz = fjdz.value.length > 0 ? fjdz.value.join(",") : "";
+    loading.value = true;
+    qcckPost(params, "/mosty-gsxt/qbcj/add")
+      .then((res) => {
+        loading.value = false;
+        proxy.$message({ type: "success", message: "成功" });
+        emit("change");
+        close();
+      })
+      .catch(() => {
+        loading.value = false;
+      });
+  });
+};
+
+// 关闭
+const close = () => {
+  fjdz.value = [];
+  listQuery.value = {};
+  dialogForm.value = false;
+  loading.value = false;
+};
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageForm.tableHeight = window.innerHeight - 720;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+
+defineExpose({ init });
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+::v-deep .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
+  color: #0072ff;
+  background: rgba(0, 114, 255, 0.3);
+}
+
+.boxlist {
+  width: 99%;
+  height: 225px;
+  margin-top: 10px;
+  overflow: hidden;
+}
+
+::v-deep .avatar-uploader {
+  display: flex;
+  align-items: center;
+}
+
+::v-deep .el-upload-list {
+  margin-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+::v-deep .el-upload-list__item-name .el-icon {
+  top: 3px;
+}
+</style>

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/components/addForm.vue

@@ -0,0 +1,526 @@
+<template>
+  <div class="dialog" v-if="dialogForm">
+    <div class="head_box">
+      <span class="title">{{ title }}关注人管理</span>
+      <div>
+        <el-button type="primary" size="small" v-if="butShow" :loading="loading" @click="submit">保存</el-button>
+        <el-button size="small" @click="close">关闭</el-button>
+      </div>
+    </div>
+    <div class="form_cnt flex just-between">
+      <div class="left_box">
+        <ul class="anchor-list">
+          <li @click="scrollToSection('info-section')" :class="activeSection === 'info-section' ? 'active' : ''">人员信息
+          </li>
+          <li @click="scrollToSection('backinfo-section')"
+            :class="activeSection === 'backinfo-section' ? 'active' : ''">人员标签</li>
+          <li @click="scrollToSection('groupLabels-section')"
+            :class="activeSection === 'groupLabels-section' ? 'active' : ''" v-if="!butShow">关联车辆</li>
+          <li @click="scrollToSection('character-section')"
+            :class="activeSection === 'character-section' ? 'active' : ''">背景信息</li>
+          <li @click="scrollToSection('controlInfo-section')"
+            :class="activeSection === 'controlInfo-section' ? 'active' : ''" v-if="!butShow">管控信息</li>
+          <li @click="scrollToSection('featinfo-section')"
+            :class="activeSection === 'featinfo-section' ? 'active' : ''" v-if="!butShow">全要素布控</li>
+          <li @click="scrollToSection('demandsInfo-section')"
+            :class="activeSection === 'demandsInfo-section' ? 'active' : ''" v-if="!butShow">密切联系人</li>
+          <li @click="scrollToSection('requestInfo-section')"
+            :class="activeSection === 'requestInfo-section' ? 'active' : ''" v-if="!butShow">动态轨迹</li>
+          <li @click="scrollToSection('personnel-section')"
+            :class="activeSection === 'personnel-section' ? 'active' : ''" v-if="!butShow">行为信息</li>
+          <li @click="scrollToSection('judgmentRecord-section')"
+            :class="activeSection === 'judgmentRecord-section' ? 'active' : ''" v-if="!butShow">走访记录</li>
+          <li @click="scrollToSection('historyAssembly-section')"
+            :class="activeSection === 'historyAssembly-section' ? 'active' : ''" v-if="!butShow">案件信息</li>
+          <li @click="scrollToSection('joblogging-section')"
+            :class="activeSection === 'joblogging-section' ? 'active' : ''" v-if="!butShow">现实表现</li>
+          <li @click="scrollToSection('joblogging-joblog')"
+            :class="activeSection === 'joblogging-joblog' ? 'active' : ''" v-if="!butShow">操作日志</li>
+        </ul>
+      </div>
+      <div class="right_box" ref="rightBox">
+        <div id="info-section">
+          <Info ref="info" :disabled="disabled" :showBut="showBut" :dataList="listQuery" />
+        </div>
+        <div id="backinfo-section">
+          <PersonnelTags ref="personnelTags" :disabled="disabled" :showBut="showBut" :dataList="listQuery" />
+        </div>
+        <div id="groupLabels-section" v-if="!butShow">
+          <Vehicle ref="vehicle" :disabled="disabled" :showBut="showBut" :dataList="listQuery" />
+        </div>
+        <div id="character-section">
+          <BackInfo ref="backInfo" :disabled="disabled" :showBut="showBut" :dataList="listQuery" />
+        </div>
+        <div id="controlInfo-section" v-if="!butShow">
+          <ControlInfo ref="controlInfo" title="重点人" :disabled="disabled" :showBut="showBut" :dataList="listQuery" />
+        </div>
+        <div id="featinfo-section" v-if="!butShow">
+          <Deployment ref="deployment" :disabled="disabled" :showBut="showBut" :dataList="listQuery" />
+        </div>
+        <div id="demandsInfo-section" v-if="!butShow">
+          <Contact ref="contact" :disabled="disabled" :showBut="showBut" :dataList="listQuery" />
+        </div>
+        <div id="requestInfo-section" v-if="!butShow">
+          <DynamicTrajectory ref="dynamicTrajectory" :disabled="disabled" :showBut="showBut" />
+        </div>
+        <div id="personnel-section" v-if="!butShow">
+          <BehaviorInfo ref="behaviorInfo" :disabled="disabled" :showBut="showBut" />
+        </div>
+        <div id="judgmentRecord-section" v-if="!butShow">
+          <VisitRecord ref="visitRecord" :disabled="disabled" :showBut="showBut" :dataList="listQuery" />
+        </div>
+        <div id="historyAssembly-section" v-if="!butShow" >
+          <CaseInfo ref="caseInfo" :disabled="disabled" :showBut="showBut" :dataList="listQuery" />
+        </div>
+        <div id="joblogging-section" v-if="!butShow">
+          <ActualPerformance ref="actualPerformance" :disabled="disabled" :showBut="showBut" :dataList="listQuery" />
+        </div>
+        <div id="joblogging-joblog" v-if="!butShow" >
+          <CzModel ref="czModel" :disabled="disabled" :showBut="showBut" :dataList="listQuery" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { getItem } from "@/utils/storage";
+import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
+import { tbGsxtZdrySelectVoById, tbGsxtZdrySave } from "@/api/zdr.js";
+import ControlInfo from '../../mpvGroup/model/controlInfo.vue'
+import Info from "../model/info.vue";
+import PersonnelTags from '../model/personnelTags.vue'
+import Vehicle from '../model/vehicle.vue'
+import BackInfo from '../model/bakInfo.vue'
+import Deployment from '../model/deployment.vue'
+import Contact from '../model/contact.vue'
+import DynamicTrajectory from '../model/dynamicTrajectory.vue'
+import BehaviorInfo from '../model/behaviorInfo.vue'
+import VisitRecord from '../model/visitRecord.vue'
+import CaseInfo from '../model/caseInfo.vue'
+import ActualPerformance from '../model/actualPerformance.vue'
+import CzModel from '../model/czModel.vue'
+import { useRouter, useRoute } from 'vue-router'
+import { ref, onUnmounted, getCurrentInstance } from "vue";
+const router = useRouter()
+const route = useRoute()
+const { proxy } = getCurrentInstance();
+const emit = defineEmits(["updateDate"]);
+const chooseMarksVisible = ref(false);
+const dialogForm = ref(false); //弹窗
+const loading = ref(false);
+const disabled = ref(false)
+const showBut = ref(false)
+const listQuery = ref({});
+const butShow = ref(false)
+const title = ref('新增')
+const showData=ref(false)
+// 初始化数据
+const init = (type, row) => {
+  dialogForm.value = true;
+  if (type == 'add') {
+    butShow.value = true
+    title.value = '新增'
+    disabled.value = false
+    showBut.value = false
+  } else {
+
+    butShow.value = false
+    tbGsxtZdrySelectVoById({ id: row.id }).then(res => {
+      listQuery.value = { ...res }
+    })
+    if (type == 'edit') {
+      showBut.value = true
+      disabled.value = false
+      title.value = '编辑'
+    } else if (type == "del") {
+      disabled.value = true
+      showBut.value = false
+      title.value = '删除'
+    }
+    else {
+      disabled.value = true
+      showBut.value = false
+      title.value = '详情'
+    }
+  }
+};
+
+const activeSection = ref('info-section')
+const rightBox = ref(null)
+// 滚动到指定区域
+const scrollToSection = (sectionId) => {
+  const element = document.getElementById(sectionId);
+  if (element && rightBox.value) {
+    // 计算需要滚动的距离
+    const elementTop = element.offsetTop;
+    rightBox.value.scrollTo({
+      top: elementTop - 150, // 减去一些偏移量，让内容更好看
+      behavior: 'smooth' // 平滑滚动
+    });
+    activeSection.value = sectionId;
+  }
+}
+
+// 监听滚动，更新当前激活的锚点
+const handleScroll = () => {
+  if (!rightBox.value) return;
+  const scrollPosition = rightBox.value.scrollTop + 50;
+  const sections = [
+    'info-section', 'backinfo-section', 'groupLabels-section',
+    'character-section', 'controlInfo-section', 'featinfo-section',
+    'demandsInfo-section', 'requestInfo-section', 'personnel-section',
+    'judgmentRecord-section', 'historyAssembly-section', 'joblogging-section', "czModel-section"
+  ];
+
+  for (let i = sections.length - 1; i >= 0; i--) {
+    const section = document.getElementById(sections[i]);
+    if (section && section.offsetTop <= scrollPosition) {
+      activeSection.value = sections[i];
+      break;
+    }
+  }
+}
+
+// 监听右侧区域的滚动事件
+if (typeof window !== 'undefined') {
+  window.addEventListener('load', () => {
+    if (rightBox.value) {
+      rightBox.value.addEventListener('scroll', handleScroll);
+    }
+  });
+
+  // 组件卸载时移除事件监听
+  onUnmounted(() => {
+    if (rightBox.value) {
+      rightBox.value.removeEventListener('scroll', handleScroll);
+    }
+  });
+}
+
+const info = ref()
+const personnelTags = ref()
+// 提交
+const submit = async () => {
+  // 使用Promise.all处理所有子组件的验证和数据获取
+  const [infoData, personnelTagsData] = await Promise.all([
+    info.value.throwData()
+    // personnelTags.value.throwData(),
+  ]);
+  tbGsxtZdrySave({...infoData,rylx:'03'}).then(res => {
+    proxy.$message({
+      message: '新增成功',
+      type: 'success',
+    })
+    close()
+  })
+  console.log(infoData);
+
+};
+
+
+// 关闭
+const close = () => {
+    if (route.query.id) {
+    const query = { ...route.query };
+    delete query.id;
+    router.replace({ query });
+  }
+
+  dialogForm.value = false;
+  loading.value = false;
+  emit('updateDate')
+};
+
+defineExpose({ init });
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+.behaviorInfo {
+
+  margin: 0 0 10px 0;
+  // padding-bottom: 10px;
+  border-bottom: 2px solid #409eff;
+  position: relative;
+
+  h3 {
+    font-size: 18px;
+    font-weight: 600;
+    color: #303133;
+  }
+
+}
+
+.textContent {
+  margin-top: 10px;
+}
+
+/* 外层容器：控制尺寸和隐藏默认滚动条 */
+.list-container {
+  width: 100%;
+  height: 400px;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+  overflow: hidden;
+  /* 隐藏外层滚动条，由内部控制 */
+  margin: 20px auto;
+  font-family: Arial, sans-serif;
+}
+
+/* 固定标题行 */
+.list-header {
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  background-color: #f5f5f5;
+  color: #333;
+  font-weight: 600;
+  padding: 0 16px;
+  height: 50px;
+  border-bottom: 2px solid #ddd;
+  position: sticky;
+  /* 关键：固定标题 */
+  top: 0;
+  z-index: 10;
+  /* 确保在最上层 */
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+/* 可滚动内容区域 */
+.list-body {
+  height: calc(100% - 50px);
+  /* 容器高度减去标题高度 */
+  overflow-y: auto;
+  /* 垂直滚动 */
+  overflow-x: hidden;
+  background-color: #fff;
+}
+
+/* 每一行内容 */
+.list-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 16px;
+  height: 50px;
+  border-bottom: 1px dashed #eee;
+  font-size: 14px;
+  color: #555;
+}
+
+.list-item:hover {
+  background-color: #f9f9f9;
+}
+
+/* 自定义滚动条（可选） */
+.list-container::-webkit-scrollbar {
+  width: 8px;
+}
+
+.list-container::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 4px;
+}
+
+.list-container::-webkit-scrollbar-thumb {
+  background: #999;
+  border-radius: 4px;
+}
+
+.list-container::-webkit-scrollbar-thumb:hover {
+  background: #666;
+}
+
+/* Firefox 支持 */
+.list-container {
+  scrollbar-width: thin;
+  scrollbar-color: #999 #f1f1f1;
+}
+
+::v-deep .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
+  color: #0072ff;
+  background: rgba(0, 114, 255, 0.3);
+}
+
+#contact-section {
+  margin-top: 20px;
+}
+
+.boxlist {
+  width: calc(99% - 50px);
+  margin-top: 10px;
+  overflow: hidden;
+}
+
+.depBox {
+  border: 1px solid #e9e9e9;
+  width: 305px;
+  padding: 0 0 0 4px;
+  border-radius: 4px;
+
+  ::v-deep .el-input__inner {
+    border: none;
+  }
+
+  ::v-deep .el-cascader .el-input.is-focus .el-input__inner {
+    border-color: transparent !important;
+  }
+
+  ::v-deep .el-input__inner:focus {
+    box-shadow: none;
+  }
+
+  ::v-deep .el-input.is-disabled .el-input__inner {
+    border-color: transparent !important;
+  }
+}
+
+.left_box {
+  width: 220px;
+  background-color: #fafafa;
+  border: 1px solid #ebeef5;
+  border-radius: 6px;
+  padding: 15px;
+  transition: all 0.3s ease;
+}
+
+.left_box:hover {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  border-color: #409eff;
+}
+
+// 锚点列表样式
+.anchor-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.anchor-list li {
+  padding: 10px 15px;
+  margin-bottom: 5px;
+  cursor: pointer;
+  border-radius: 4px;
+  transition: all 0.3s ease;
+  font-size: 14px;
+  color: #606266;
+  position: relative;
+}
+
+.anchor-list li:hover {
+  background-color: #e6f7ff;
+  color: #409eff;
+}
+
+.anchor-list li.active {
+  background-color: #409eff;
+  color: #ffffff;
+  font-weight: 500;
+}
+
+.anchor-list li.active::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 3px;
+  background-color: #ffffff;
+  border-radius: 0 2px 2px 0;
+}
+
+.right_box {
+  width: calc(100% - 240px);
+  overflow-y: auto;
+  // padding: 15px;
+  background-color: #ffffff;
+  // border: 1px solid #ebeef5;
+  border-radius: 6px;
+
+  .right_box>div {
+    background-color: #f8f9fa;
+    border-radius: 6px;
+    padding: 20px;
+    transition: all 0.3s ease;
+    margin-bottom: 10px;
+  }
+
+  .right_box>div:hover {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  }
+
+  .right_box h3 {
+    font-size: 18px;
+    font-weight: 600;
+    color: #303133;
+    margin: 0 0 10px 0;
+    padding-bottom: 10px;
+    border-bottom: 2px solid #409eff;
+    position: relative;
+  }
+
+  .right_box h3::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    bottom: -2px;
+    width: 60px;
+    height: 2px;
+    background-color: #409eff;
+  }
+
+  .headline {
+    font-size: 16px;
+    font-weight: 500;
+    color: #303133;
+    margin-bottom: 15px;
+  }
+
+  // 按钮样式优化
+  .el-button {
+    margin-left: 8px;
+    transition: all 0.3s ease;
+  }
+
+  .el-button:first-child {
+    margin-left: 0;
+  }
+}
+
+// 响应式设计
+@media screen and (max-width: 768px) {
+  .form_cnt {
+    flex-direction: column;
+  }
+
+  .left_box {
+    width: 100%;
+    margin-bottom: 20px;
+  }
+
+  .right_box {
+    width: 100%;
+  }
+
+  .anchor-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 5px;
+  }
+
+  .anchor-list li {
+    flex: 1 1 calc(33.333% - 10px);
+    margin-bottom: 5px;
+    text-align: center;
+    padding: 8px 5px;
+    font-size: 12px;
+  }
+}
+
+::v-deep .avatar-uploader {
+  display: flex
+}
+</style>

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/components/zxsForm.vue

@@ -0,0 +1,228 @@
+<template>
+  <div class="dialog" v-if="dialogForm">
+    <div class="head_box">
+      <span class="title">流线索</span>
+      <div>
+        <el-button type="primary" :loading="loading" @click="submit">保存</el-button>
+        <el-button @click="close">关闭</el-button>
+      </div>
+    </div>
+    <div class="form_cnt">
+      <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
+        <template #gapdive>
+          <div style="width: 100%; height: 10px" class="mb20">
+            <el-divider content-position="left">基础信息</el-divider>
+          </div>
+        </template>
+        <template #gapline>
+          <div style="width: 100%; height: 10px" class="mb20">
+            <el-divider content-position="left">线索内容</el-divider>
+          </div>
+        </template>
+        <template #scfj>
+          <div style="width: 100%; padding-left: 50px">
+            <div>
+              上传附件:<span class="f12">（可附电子表格、Word文档、图像、音视频文件）</span>
+            </div>
+            <div>
+              <MOSTY.Upload :showBtn="true" :limit="10" v-model="fjdz" />
+            </div>
+          </div>
+        </template>
+      </FormMessage>
+      <el-divider content-position="left"><span class="mr20">相关人员</span>
+      </el-divider>
+      <MyTable :tableData="pageForm.tableData" :tableColumn="pageForm.tableColumn" :tableHeight="pageForm.tableHeight"
+        :key="pageForm.keyCount" :tableConfiger="pageForm.tableConfiger" :controlsWidth="pageForm.controlsWidth">
+        <template #xb="{ row }">
+          <DictTag :value="row.xb" :tag="false" :options="props.dic.D_BZ_XB" />
+        </template>
+        <template #bqList="{ row }">
+          <div v-if="row.bqList">
+            <el-tag type="success" v-for="(it, idx) in row.bqList" :key="idx">{{
+              it.bqMc
+              }}</el-tag>
+          </div>
+        </template>
+      </MyTable>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import * as MOSTY from "@/components/MyComponents/index";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { qcckPost } from "@/api/qcckApi.js";
+import {
+  ref,
+  defineExpose,
+  reactive,
+  onMounted,
+  defineEmits,
+  getCurrentInstance,
+  nextTick
+} from "vue";
+const emit = defineEmits(["change"]);
+const props = defineProps({
+  dic: Object
+});
+const { proxy } = getCurrentInstance();
+const dialogForm = ref(false); //弹窗
+const rules = reactive({
+  xsMc: [{ required: true, message: "请输入线索名称", trigger: "blur" }],
+  xlLx: [{ required: true, message: "请选择线索类型", trigger: "change" }],
+  qbLy: [{ required: true, message: "请选择情报来源", trigger: "change" }]
+});
+const formData = ref([
+  { prop: "gapdive", type: "slot", width: "100%" },
+  { label: "线索名称", prop: "xsMc", type: "input" },
+  {
+    label: "线索类型",
+    prop: "xlLx",
+    type: "select",
+    options: props.dic.D_GS_XS_LX
+  },
+  {
+    label: "情报来源",
+    prop: "qbLy",
+    type: "select",
+    options: props.dic.D_GS_XS_LY
+  },
+  { label: "指向开始时间", prop: "zxkssj", type: "datetime" },
+  { label: "指向结束时间", prop: "zxjssj", type: "datetime" },
+  { label: "指向地点", prop: "zxdz", type: "input" },
+  {
+    label: "所属专题",
+    prop: "sszt",
+    type: "select",
+    options: props.dic.D_BZ_SSZT
+  },
+  { prop: "gapline", type: "slot", width: "100%" },
+  { prop: "scfj", type: "slot", width: "100%" },
+  { label: "线索内容", prop: "xsNr", type: "textarea", width: "100%" },
+  {
+    label: "群体类型",
+    prop: "qtlx",
+    type: "select",
+    options: props.dic.D_GS_XS_QTLX
+  },
+  { label: "群体名称", prop: "qtmc", type: "input" },
+  { label: "涉及人数", prop: "sjrs", type: "inputNumber" },
+  { label: "线索报送单位", prop: "ssbmdm", type: "department" }
+]);
+const fjdz = ref();
+const listQuery = ref({}); //表单
+const loading = ref(false);
+const elform = ref();
+const pageForm = reactive({
+  tableData: [],
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "null",
+    loading: false,
+    haveControls: false
+  },
+  controlsWidth: 220,
+  tableColumn: [
+    { label: "姓名", prop: "xm" },
+    { label: "性别", prop: "xb", showSolt: true },
+    { label: "身份证号", prop: "sfzh" },
+    { label: "户籍地", prop: "hjdz" },
+    { label: "户籍地派出所", prop: "hjdpcs" },
+    { label: "标签", prop: "bqList", showSolt: true }
+  ]
+});
+onMounted(() => {
+  tabHeightFn();
+});
+
+// 初始化数据
+const init = (list) => {
+  fjdz.value = [];
+  tabHeightFn();
+  dialogForm.value = true;
+  pageForm.tableData = list.map((it) => {
+    return {
+      xm: it.ryXm,
+      xb: it.ryXb,
+      sfzh: it.rySfzh,
+      hjdz: it.xzdXz,
+      hjdpcs: it.hjdPcsmc,
+      hjdpcsdm: it.hjdPcsdm,
+      bqList: it.bqList || []
+    };
+  });
+  pageForm.keyCount++;
+};
+
+// 提交
+const submit = () => {
+  elform.value.submit((data) => {
+    let params = { ...data, ryList: pageForm.tableData, cjLx: "0" };
+    params.fjdz = fjdz.value.length > 0 ? fjdz.value.join(",") : "";
+    loading.value = true;
+    qcckPost(params, "/mosty-gsxt/qbcj/add")
+      .then((res) => {
+        loading.value = false;
+        proxy.$message({ type: "success", message: "成功" });
+        emit("change");
+        close();
+      })
+      .catch(() => {
+        loading.value = false;
+      });
+  });
+};
+
+// 关闭
+const close = () => {
+  fjdz.value = [];
+  listQuery.value = {};
+  dialogForm.value = false;
+  loading.value = false;
+};
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageForm.tableHeight = window.innerHeight - 720;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+
+defineExpose({ init });
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+::v-deep .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
+  color: #0072ff;
+  background: rgba(0, 114, 255, 0.3);
+}
+
+.boxlist {
+  width: 99%;
+  height: 225px;
+  margin-top: 10px;
+  overflow: hidden;
+}
+
+::v-deep .avatar-uploader {
+  display: flex;
+  align-items: center;
+}
+
+::v-deep .el-upload-list {
+  margin-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+::v-deep .el-upload-list__item-name .el-icon {
+  top: 3px;
+}
+</style>

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/index.vue

@@ -0,0 +1,351 @@
+<template>
+  <div>
+    <!-- 搜索 -->
+    <div ref="searchBox"  class="mt10">
+      <Search :searchArr="searchConfiger" @submit="onSearch" />
+    </div>
+     <PageTitle  :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <!-- <el-popover placement="bottom" :visible="visible" :width="400" trigger="click">
+          <template #reference>
+            <el-button type="primary" @click="(visible = !visible), (visiblefp = false)" size="small">布控申请</el-button>
+          </template>
+          <div class="flex just-center">
+            <el-button size="small" type="primary" v-for="it in D_GS_BK_SQLX" :key="it.dm"
+              @click="handleApplication(it)">{{ it.zdmc }}</el-button>
+          </div>
+        </el-popover> -->
+        <!-- <el-popover placement="bottom" :visible="visiblefp" :width="400" trigger="click">
+          <template #reference>
+            <el-button size="small" type="primary" @click="(visiblefp = !visiblefp), (visible = false)">指定分配</el-button>
+          </template>
+          <div>
+            <el-input readonly v-model="obj.fpmc" @click="chooseUserVisible = true" placeholder="请选择民警"></el-input>
+            <div class="flex just-center mt10">
+              <el-button @click="(visiblefp = false), (obj = {})" size="small">取消</el-button>
+              <el-button type="primary" @click="handlefp" size="small">分配</el-button>
+            </div>
+          </div>
+        </el-popover> -->
+        <!-- <el-button size="small" type="primary" @click="handleZxs">转线索</el-button> -->
+        <!-- <el-button size="small" type="primary" @click="handleMove">移交管控</el-button> -->
+        <!-- <el-button size="small" type="primary">导入</el-button> -->
+        <el-button type="primary" size="small" @click="addEdit('add', '')">
+          <el-icon style="vertical-align: middle">
+            <CirclePlus />
+          </el-icon>
+          <span style="vertical-align: middle">新增</span>
+        </el-button>
+      </template>
+      </PageTitle>
+    <!-- 表格 -->
+    <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 #bqList="{ row }">
+          <ul>
+            <li class="one_text_detail marks mb4" :key="index" v-for="(item, index) in row.bqList">{{ item.bqMc }}({{
+              item.bqFz || 0 }} 分) </li>
+          </ul>
+        </template>
+        <template #ryXb="{ row }">
+          <DictTag :tag="false" :value="row.ryXb" :options="D_BZ_XB" />
+        </template>
+        <template #ryJg="{ row }">
+          <DictTag :tag="false" :value="row.ryJg" :options="D_BZ_XZQHDM" />
+        </template>
+        <template #ryMz="{ row }">
+          <DictTag :tag="false" :value="row.ryMz" :options="D_BZ_MZ" />
+        </template>
+        <template #hjdQh="{ row }">
+          <DictTag :tag="false" :value="row.hjdQh" :options="D_BZ_XZQHDM" />
+        </template>
+        <template #zdrRyjb="{ row }">
+          <DictTag :tag="false" :value="row.zdrRyjb" :options="D_GS_ZDR_RYJB" />
+        </template>
+        <template #zdrBkZt="{ row }">
+          <DictTag :tag="false" :value="row.zdrBkZt" :options="D_ZDRGK_GKZT" />
+        </template>
+        <template #zdrCzzt="{ row }">
+          <DictTag :tag="false" :value="row.zdrCzzt" :options="D_GS_ZDR_CZZT" />
+        </template>
+        <template #zdrZt="{ row }">
+          <DictTag :tag="false" :value="row.zdrZt" :options="D_GS_ZDQT_ZT" />
+        </template>
+
+        <template #xtSjzt="{ row }">
+          <div> {{ row.xtSjzt == 0 ? "注销" : row.xtSjzt == 1 ? "正常" : "封存" }}</div>
+        </template>
+
+        <!-- 操作 -->
+        <template #controls="{ row }">
+          <el-link size="small" type="success" @click="handleremove(row.id)">移除</el-link>
+          <el-link size="small" type="success" v-if="row.zdrZt == '01' || row.zdrZt == '03'"
+            @click="handleSend(row.id)">送审</el-link>
+          <el-link size="small" type="primary" v-if="row.zdrZt == '01' || row.zdrZt == '03'"
+            @click="addEdit('edit', row)">编辑</el-link>
+          <el-link size="small" type="primary" @click="addEdit('detail', row)">详情</el-link>
+          <el-link size="small" type="danger" @click="deleteRow(row.id)">删除</el-link>
+        </template>
+      </MyTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
+    </div>
+    <!-- 详情 -->
+    <AddForm ref="addFormDiloag" @updateDate="getList"
+      :dic="{ D_GS_ZDR_RYJB, D_BZ_XB, D_BZ_MZ, D_BZ_XZQHDM, D_GS_ZDR_BK_ZT, D_GS_ZDR_CZZT, D_GS_BQ_ZL, D_GS_BQ_LB, D_GS_BQ_LX, D_GS_ZDR_YJDJ, D_GS_BK_SSJZ }" />
+    <!-- 选择用户 -->
+    <ChooseUser v-model="chooseUserVisible" @choosedUsers="handleUserSelected" :roleIds="roleIds" />
+    <!-- 转线索 -->
+    <ZxsForm v-if="showzxs" ref="zxsDilof" @change="getList"
+      :dic="{ D_BZ_SF, D_BZ_XB, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX }"></ZxsForm>
+  </div>
+</template>
+
+<script setup>
+import { ElMessage } from "element-plus";
+import ChooseUser from "@/components/ChooseList/ChooseUser/index.vue";
+import ZxsForm from "./components/zxsForm.vue";
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import Search from "@/components/aboutTable/Search.vue";
+import AddForm from "./components/addForm.vue";
+import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
+import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
+import { useRouter, useRoute } from 'vue-router'
+const router = useRouter()
+const route = useRoute()
+const { proxy } = getCurrentInstance();
+const { D_ZDRGK_GKZT,D_GS_ZDQT_ZT, D_GS_ZDR_RYJB, D_BZ_XB, D_BZ_MZ, D_BZ_XZQHDM, D_GS_ZDR_BK_ZT, D_GS_ZDR_CZZT, D_GS_BQ_ZL, D_GS_BQ_LB, D_GS_BQ_LX, D_GS_ZDR_YJDJ, D_GS_BK_SSJZ, D_GS_BK_SQLX, D_BZ_SF, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX } =
+  proxy.$dict('D_ZDRGK_GKZT',"D_GS_ZDQT_ZT", "D_GS_ZDR_RYJB", "D_BZ_XB", "D_BZ_MZ", "D_BZ_XZQHDM", "D_GS_ZDR_BK_ZT", "D_GS_ZDR_CZZT", "D_GS_BQ_ZL", "D_GS_BQ_LB", "D_GS_BQ_LX", "D_GS_ZDR_YJDJ", "D_GS_BK_SSJZ", "D_GS_BK_SQLX", "D_BZ_SF", "D_GS_XS_LY", "D_BZ_SSZT", "D_GS_XS_LX", "D_GS_XS_QTLX");
+const obj = ref({});
+const showzxs = ref(false);
+const zxsDilof = ref();
+const show = ref(false);
+const addFormDiloag = ref();
+const searchBox = ref(); //搜索框
+const chooseUserVisible = ref(false); //审批流程
+const ids = ref([]);
+const choosList = ref([]);
+const visible = ref(false);
+const visiblefp = ref(false);
+const searchConfiger = ref([
+  {
+    label: "姓名",
+    prop: "ryXm",
+    placeholder: "请输入姓名",
+    showType: "input"
+  },
+  {
+    label: "身份证",
+    prop: "rySfzh",
+    placeholder: "请输入身份证",
+    showType: "input"
+  },
+  {
+    label: "户籍地",
+    prop: "hjdXz",
+    placeholder: "请输入户籍地",
+    showType: "input"
+  },
+  {
+    label: "人员级别",
+    prop: "zdrRyjb",
+    placeholder: "请输入人员级别",
+    showType: "select",
+    options: D_GS_ZDR_RYJB
+  },
+]);
+const queryFrom = ref({});
+const pageData = reactive({
+  tableData: [],
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  },
+  controlsWidth: 250,
+  tableColumn: [
+    { label: "姓名", prop: "ryXm",width: 100 },
+    { label: "性别", prop: "ryXb", showSolt: true, width: 80 },
+    { label: "身份证", prop: "rySfzh", width: 170 },
+    { label: "民族", prop: "ryMz", showSolt: true, width: 80 },
+    { label: "户籍派出所", prop: "hjdPcsmc" },
+    { label: "标签", prop: "bqList", showSolt: true, showOverflowTooltip: true },
+    { label: "管辖单位", prop: "gxSsbmmc" },
+    { label: "管控状态", prop: "zdrBkZt", showOverflowTooltip: true,showSolt: true, width: 100 },
+    { label: "审核状态", prop: "zdrZt", showSolt: true, width: 100 },
+    { label: "入库时间", prop: "zdrRkkssj", },
+  ]
+});
+
+onMounted(() => {
+   tabHeightFn();
+  if (route.query.id) {
+    addEdit('x', {
+      id: route.query.id
+    })
+  }else{
+    getList();
+  }
+});
+
+// 搜索
+const onSearch = (val) => {
+  queryFrom.value = { ...val };
+  pageData.pageConfiger.pageCurrent = 1;
+  getList();
+};
+
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList();
+};
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList();
+};
+
+// 获取列表
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  // 人员类型D_ZDRY_RYLX(01 重点 02 普通〉
+  //  rylx: '01',
+  let data = {...pageData.pageConfiger, ...queryFrom.value,rylx: '03' };
+  qcckGet(data, "/mosty-gsxt/tbGsxtZdry/selectPage").then((res) => {
+    pageData.tableData = res.records || [];
+    pageData.total = res.total;
+    pageData.tableConfiger.loading = false;
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  });
+};
+
+//送审
+const handleSend = (id) => {
+  proxy.$confirm("确定要送审？", "警告", { type: "warning" }).then(() => {
+    qcckPost({ id }, "/mosty-gsxt/tbGsxtZdry/subSh").then(() => {
+      proxy.$message({ type: "success", message: "送审成功" });
+      getList();
+    });
+  })
+};
+// 移除
+const handleremove = (id) => {
+  proxy.$confirm("确定要移除此重点人员？", "警告", { type: "warning" }).then(() => {
+    qcckPost({ id, rylx: '02' }, "/mosty-gsxt/tbGsxtZdry/update").then(() => {
+      proxy.$message({ type: "success", message: "移除成功" });
+      getList();
+    });
+  })
+}
+
+
+const chooseData = (data) => {
+  ids.value = Array.isArray(data) ? data.map((item) => item.id) : [];
+  choosList.value = Array.isArray(data) ? data : [];
+};
+// 选择申请数据数据
+const handleApplication = () => {
+  if (ids.value.length === 0) return ElMessage.error("请先选择需要布控的重点人");
+  qcckPost({ ids: ids.value }, "/mosty-gsxt/tbGsxtZdry/addBksq").then(() => {
+    ElMessage.success("申请成功");
+    visible.value = false;
+    getList();
+  }).catch(() => {
+    ElMessage.error("布控申请失败");
+  });
+};
+
+const handleUserSelected = (val) => {
+  obj.value.fpmc = val[0].userName;
+  obj.value.fpid = val[0].id;
+};
+
+// 处理分配
+const handlefp = () => {
+  if (ids.value.length === 0) return ElMessage.error("请先选择需要布控的重点人");
+  qcckPost({ ids: ids.value, uid: obj.value.fpid }, "/mosty-gsxt/tbGsxtZdry/addGkmj").then(() => {
+    ElMessage.success("分配成功");
+    visible.value = false;
+    visiblefp.value = false;
+    getList();
+  }).catch(() => {
+    ElMessage.error("分配失败");
+  });
+};
+
+// 移交管控
+const handleMove = () => {
+  if (ids.value.length === 0) return ElMessage.error("请先选择需要移交管控的重点群体");
+  proxy.$confirm("是否确定移交？", "警告", { type: "warning" }).then(() => {
+    qcckPost({ ids: ids.value }, "/mosty-gsxt/tbGsxtZdry/addSfyj").then(() => {
+      ElMessage.success("移交管控成功");
+      getList();
+    }).catch(() => {
+      ElMessage.error("移交管控失败");
+    });
+  });
+};
+
+// 转线索
+const handleZxs = () => {
+  if (ids.value.length === 0) return ElMessage.error("请先选择需要转线索的重点群体");
+  showzxs.value = true;
+  nextTick(() => {
+    zxsDilof.value.init(choosList.value);
+  });
+};
+
+//删除操作
+const deleteRow = (id) => {
+  proxy.$confirm("确定要删除", "警告", { type: "warning" }).then(() => {
+    qcckDelete({}, "/mosty-gsxt/tbGsxtZdry/" + id).then((res) => {
+      ElMessage.success("删除成功");
+      getList();
+    });
+  });
+};
+
+
+//新增编辑
+const addEdit = (type, row) => {
+  show.value = true;
+  nextTick(() => {
+    addFormDiloag.value.init(type, row);
+  })
+};
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+</script>
+
+<style lang="scss" scoped>
+.marks {
+  padding: 0 4px;
+  white-space: nowrap;
+  background: #73acf1;
+  border-radius: 4px;
+  color: #fff;
+}
+</style>
+<style>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+</style>

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/model/actualPerformance.vue

@@ -0,0 +1,294 @@
+<template>
+  <div>
+    <div class="headClass" style="">
+      <h3>现实表现</h3>
+      <el-button @click="AddPore" type="primary" v-if="showBut">新增</el-button>
+    </div>
+    <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+      :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
+      <template #showSolt="{ row }">
+        <span v-for="(item,index) in row.fjxx" :key="index">{{ item.originalName }}<span v-if="index < row.fjxx.length - 1">、</span></span>
+      </template>
+      <!-- 操作 -->
+      <template #controls="{ row }">
+        <el-link type="danger" @click="delDictItem(row.id)">删除</el-link>
+        <el-link type="danger" @click="updDictItem(row)">修改</el-link>
+      </template>
+    </MyTable>
+  </div>
+  <!-- <VehiclDoing v-model="JudgmentShow" @comfirm="addMarks" :data="dataModel"
+    :dict="{ D_BZ_CLLX, D_BZ_CLYS, D_BZ_CLPP }" /> -->
+
+    <JudgmentRecord v-model="JudgmentShow" @comfirm="onComfirm" :data="dataModel" />
+
+</template>
+
+<script setup>
+import { identityCardRule } from "@/utils/rules"
+import { ref, reactive, watch, toRaw, getCurrentInstance, onMounted,  onUnmounted } from "vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import JudgmentRecord from "../component/judgmentRecord.vue";
+import { tbGsxtZdryXsbxSaveOrUpdateXsbx,tbGsxtZdryXsbxSelectZfjl,tbGsxtZdryXsbx } from '@/api/zdr.js'
+import { ElMessage, ElMessageBox } from "element-plus";
+const { proxy } = getCurrentInstance();
+const { D_BZ_CLLX, D_BZ_CLYS, D_BZ_CLPP } = proxy.$dict("D_BZ_CLLX", "D_BZ_CLYS", "D_BZ_CLPP"); //获取字典数据
+const JudgmentShow = ref(false)
+const props = defineProps({
+  dataList: {
+    type: Object,
+    default: () => { },
+  }, disabled: {
+    type: Boolean,
+    default: false
+  },
+  showBut: {
+    type: Boolean,
+    default: false
+  },
+})
+const listData = ref({})
+const addUpd = ref(true)
+watch(() => props.dataList, (val) => {
+  if (val) {
+    listData.value = val
+    gettbZdryClxxSelectPage()
+  }
+}, { deep: true })
+// 表格数据
+const pageData = reactive({
+  tableData: [],
+  tableColumn: [{
+    prop: 'rrry',
+    label: '录入人员',
+  }, {
+    prop: 'lrsj',
+    label: '录入时间',
+  }, {
+    prop: 'bxnr',
+    label: '表现内容',
+  }, {
+    showSolt: true,
+    prop: 'fjxx',
+    label: '附件信息',
+  }],
+  tableHeight: '200px',
+  keyCount: 0,
+  tableConfiger: {
+    border: true,
+    stripe: true,
+    showHeader: true,
+    showIndex: true,
+    indexLabel: '序号',
+    indexWidth: 60,
+    align: 'center',
+    showOverflowTooltip: true,
+    haveControls: !props.disabled
+  },
+  controlsWidth: 200,
+})
+
+// 修改数据接口
+const dataModel = ref()
+const onComfirm = (val) => {
+  const params = {
+    ...val,
+    zdryId: listData.value.id,
+  }
+  console.log(params);
+
+  // if (props.showBut && !props.disabled) {
+  //   if (addUpd.value) {
+    tbGsxtZdryXsbxSaveOrUpdateXsbx(params).then(res => {
+        gettbZdryClxxSelectPage()
+        proxy.$message({
+          message: '现实表现添加成功',
+          type: 'success'
+        })
+      })
+    // }
+  //   else {
+  //     tbZdryClxxUpdate(params).then(res => {
+  //       gettbZdryClxxSelectPage()
+  //       proxy.$message({
+  //         message: '关联车辆修改成功',
+  //         type: 'success'
+  //       })
+  //     })
+  //   }
+  // } else {
+  //   pageData.tableData.push(val)
+  // }
+}
+onMounted(() => {
+})
+// 删除车辆
+const delDictItem = (val) => {
+  if (!props.disabled && props.showBut) {
+    ElMessageBox.confirm(
+      '是否删除关联车辆',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }
+    )
+      .then(() => {
+        tbGsxtZdryXsbx(val).then(res => {
+          gettbZdryClxxSelectPage()
+          proxy.$message({
+            message: '表现信息删除成功',
+            type: 'success'
+          })
+        })
+      })
+      .catch(() => {
+        ElMessage({
+          type: 'info',
+          message: '取消删除',
+        })
+      })
+  } else {
+    pageData.tableData = pageData.tableData.filter(v => v.id != val)
+  }
+
+}
+
+const updDictItem = (val) => {
+  JudgmentShow.value = true
+  addUpd.value = false
+  dataModel.value = val
+}
+const AddPore = () => {
+  JudgmentShow.value = true
+  addUpd.value = true
+}
+// 查询车辆
+const gettbZdryClxxSelectPage = () => {
+  const promes = {
+    zdrid: listData.value.id
+  }
+  tbGsxtZdryXsbxSelectZfjl(promes).then(res => {
+    pageData.tableData = res.map(item => {
+      return {
+        ...item,
+        fjxx: item.fjxx ? JSON.parse(item.fjxx) : []
+      }
+    })
+  })
+}
+// 抛出数据并验证标签列表不为空
+const throwData = () => {
+  return new Promise((resolve) => {
+    // // 验证：确保标签列表不为空
+    // if (!pageData.tableData || pageData.tableData.length === 0) {
+    //   throw new Error('请录入车辆信息');
+    // }
+    resolve(pageData.tableData);
+  });
+}
+defineExpose({
+  throwData
+})
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+.backinfo-container {
+  padding: 10px;
+}
+
+::v-deep(.el-form) {
+  display: flex;
+  justify-content: space-between;
+}
+
+.left_box {
+  width: 200px;
+  border: 1px solid #c8c8c89a;
+  border-radius: 5px;
+  padding: 5px;
+}
+
+.right_box {
+  width: calc(100% - 230px);
+  overflow-y: auto;
+  padding: 5px;
+}
+
+::v-deep .el-form-item__content {
+  display: block !important;
+}
+
+.headClass {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 18px;
+  font-weight: 600;
+  color: #303133;
+  margin: 20px 0 10px 0;
+  padding-bottom: 10px;
+  border-bottom: 2px solid #409eff;
+  position: relative;
+
+}
+
+.headSelect {
+  width: 100%;
+  padding: 0 16px;
+  background-color: #fff;
+  border-bottom: 1px solid #eee;
+  display: flex;
+  justify-content: end;
+  padding-bottom: 20px;
+}
+
+/* 移除冲突样式：不要用 justify-content */
+
+/* 控制所有 el-form-item 高度和垂直居中 */
+.form-inline :deep(.el-form-item) {
+  margin-bottom: 0;
+  height: 60px;
+  display: flex;
+  align-items: center;
+}
+
+/* ✅ 按钮区域靠右，且不换行 */
+.form-inline .form-actions {
+  margin-left: auto;
+  /* 推到最右边 */
+  white-space: nowrap;
+  /* 防止按钮换行 */
+}
+
+/* 统一按钮样式，增加间距和视觉舒适度 */
+.form-inline :deep(.el-button) {
+  height: 36px;
+  padding: 8px 16px;
+  font-size: 14px;
+  border-radius: 4px;
+}
+
+/* 按钮之间留出间距（除了第一个） */
+.form-inline :deep(.el-button:not(:first-child)) {
+  margin-left: 12px;
+  /* 比原来的 8px 更宽松 */
+}
+
+// .headClass::after {
+//   content: '';
+//   position: absolute;
+//   left: 0;
+//   bottom: -2px;
+//   width: 60px;
+//   height: 2px;
+//   background-color: #409eff;
+// }
+
+h3 {
+  margin: 0;
+}
+</style>

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/model/bakInfo.vue

@@ -0,0 +1,368 @@
+<template>
+
+  <div class="backinfo-container">
+    <div class="headClass" style="">
+      <h3>背景信息</h3>
+      <el-button type="primary" v-if="showBut" :disabled="disabled" @click="submitForm(ruleFormRef)">保存</el-button>
+    </div>
+    <div>
+      <!-- 全部输入框 -->
+      <el-form class="record" ref="ruleFormRef" :model="ruleForm" :rules="rules">
+        <!-- 拘留所记录 -->
+        <div class="detentionFacility">
+          <div>拘留所记录：</div>
+          <div>
+            <div v-for="(item, i) in ruleForm.detentionCenterRecords" :key="item.id" class="detentionFacilityArr">
+              <el-form-item :prop="'detentionCenterRecords.' + i + '.str'" :rules="rules.str">
+                <el-input v-model="ruleForm.detentionCenterRecords[i].str" type="textarea"
+                  class="detentionFacilityInput" placeholder="请输入拘留所记录" />
+              </el-form-item>
+              <div style="width: 100px;" v-if="showBut">
+                <el-button type="primary" v-if="ruleForm.detentionCenterRecords.length != 1"
+                  @click="decreaseRecord(i, '拘留所')">−</el-button>
+                <el-button type="primary" @click="addRecord(i, '拘留所')"
+                  v-if="i == ruleForm.detentionCenterRecords.length - 1">+</el-button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- 看守所记录 -->
+        <div class="detentionFacility">
+          <div>看守所记录：</div>
+          <div>
+            <div v-for="(item, i) in ruleForm.prison" :key="item.id" class="detentionFacilityArr">
+              <el-form-item :prop="'prison.' + i + '.str'" :rules="rules.str">
+                <el-input v-model="ruleForm.prison[i].str" type="textarea" class="detentionFacilityInput"
+                  placeholder="请输入拘留所记录" />
+              </el-form-item>
+              <div style="width: 100px;" v-if="showBut">
+                <el-button type="primary" v-if="ruleForm.prison.length != 1"
+                @click="decreaseRecord(i, '看守所')">−</el-button>
+              <el-button type="primary" @click="addRecord(i, '看守所')"
+                v-if="i == ruleForm.prison.length - 1">+</el-button>
+              </div>
+
+            </div>
+          </div>
+        </div>
+      </el-form>
+    </div>
+
+  </div>
+</template>
+
+<script setup>
+import { reactive, ref, watch, onMounted, getCurrentInstance } from "vue";
+import { tbGsxtZdryUpdate } from '@/api/zdr.js'
+const { proxy } = getCurrentInstance();
+const props = defineProps({
+  dataList: {
+    type: Object,
+    default: () => { },
+  }, disabled: {
+    type: Boolean,
+    default: false
+  },
+  showBut: {
+    type: Boolean,
+    default: false
+  },
+})
+const ruleFormRef = ref()
+const ruleForm = reactive({
+  detentionCenterRecords: [{ id: 0, str: "" }],
+  prison: [{ id: 0, str: "" }],
+})
+// 表单校验
+const rules = reactive({
+  // str: [
+  //   { required: true, message: '请输入具体信息', trigger: 'blur' },
+  //   { min: 3, max: 20, message: '请最少输入3个字,最多输入20个字', trigger: 'blur' },
+  // ],
+})
+watch(() => props.dataList, (val) => {
+  if (val) {
+    ruleForm.detentionCenterRecords = val.jlsJl && val.kssJl.length > 0 ? val.jlsJl.map((item, index) => {
+      return {
+        id: index,
+        str: item
+      }
+    }) : [{ id: 0, str: "" }],
+      ruleForm.prison = val.kssJl && val.kssJl.length > 0 ? val.kssJl.map((item, index) => {
+        return {
+          id: index,
+          str: item
+        }
+      }) : [{ id: 0, str: "" }]
+  }
+}, { deep: true })
+
+// 增加输入记录输入框
+const addRecord = (val, type) => {
+  if (type == '拘留所') {
+    ruleForm.detentionCenterRecords.push({ id: val })
+  } else {
+    ruleForm.prison.push({ id: val })
+  }
+}
+// 减少输入记录输入框
+const decreaseRecord = (val, type) => {
+  if (type == '拘留所') {
+    ruleForm.detentionCenterRecords.splice(val, 1)
+  } else {
+    ruleForm.prison.splice(val, 1)
+  }
+
+}
+
+//提交数据校验表单
+const submitForm = async (formEl) => {
+  if (!formEl) return
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      const promes = {
+        id: props.dataList.id,
+        jlsJl: ruleForm.detentionCenterRecords.map(item => item.str),
+        kssJl: ruleForm.prison.map(item => item.str),
+      }
+      tbGsxtZdryUpdate(promes).then((res) => {
+        proxy.$message.success('保存成功')
+      }).catch((err) => {
+        proxy.$message.error('保存失败')
+      });
+      console.log('submit!')
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+const throwData = () => {
+  return new Promise((resolve) => {
+    resolve(ruleForm);
+  });
+}
+defineExpose({
+  throwData
+})
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+.backinfo-container {
+  padding: 10px;
+
+}
+
+.sumbitBtnBOX {
+  position: relative;
+  width: 100%;
+  height: 50px;
+
+  // background-color: saddlebrown;
+  .sumbitBtn {
+    position: absolute;
+    right: 18px;
+    bottom: 0px;
+  }
+}
+
+.backinfo-container>:nth-child(2) {
+
+  width: 100%;
+  // height: 50px;
+  justify-content: space-between;
+
+  .detentionFacility {
+    width: 100%;
+    display: flex;
+    align-items: baseline;
+    box-sizing: border-box;
+    padding: 20px;
+    justify-content: space-between;
+  }
+
+  .detentionFacility>:nth-child(1) {
+    width: 100px;
+  }
+
+  .detentionFacility>:nth-child(2) {
+    width: 98%;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .detentionFacilityArr {
+    display: flex;
+
+    margin-top: 20px;
+    justify-content: space-between;
+
+    .el-form-item {
+      width: 93%;
+      height: 100%;
+
+
+    }
+  }
+
+}
+
+.background-info-input {
+  width: 100%;
+  margin-bottom: 15px;
+}
+
+.file-attachment-section {
+  margin-top: 15px;
+}
+
+.section-title {
+  font-size: 14px;
+  font-weight: 500;
+  color: #303133;
+  margin-bottom: 10px;
+  padding-bottom: 5px;
+  border-bottom: 1px solid #ebeef5;
+}
+
+.file-list-container {
+  max-height: 100px;
+  overflow-y: auto;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  background-color: #ffffff;
+  margin-bottom: 10px;
+}
+
+/* 自定义滚动条样式 */
+.file-list-container::-webkit-scrollbar {
+  width: 6px;
+}
+
+.file-list-container::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 3px;
+}
+
+.file-list-container::-webkit-scrollbar-thumb {
+  background: #c0c4cc;
+  border-radius: 3px;
+}
+
+.file-list-container::-webkit-scrollbar-thumb:hover {
+  background: #909399;
+}
+
+.empty-file-list {
+  padding: 20px;
+  text-align: center;
+  color: #909399;
+  font-size: 12px;
+}
+
+.file-list {
+  padding: 5px;
+}
+
+.file-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 10px;
+  margin-bottom: 2px;
+  background-color: #f8f9fa;
+  border-radius: 4px;
+  transition: all 0.3s ease;
+  cursor: pointer;
+}
+
+.file-item:hover {
+  background-color: #e6f7ff;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+.file-info {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  gap: 15px;
+  min-width: 0;
+}
+
+.file-name {
+  flex: 1;
+  font-size: 12px;
+  color: #303133;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.file-size {
+  font-size: 11px;
+  color: #909399;
+  min-width: 60px;
+}
+
+.file-time {
+  font-size: 11px;
+  color: #909399;
+}
+
+.file-actions {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  margin-left: 10px;
+}
+
+.file-actions .el-button {
+  padding: 0 5px;
+  margin: 0;
+  color: #606266;
+  transition: color 0.3s ease;
+}
+
+.file-actions .el-button:hover {
+  color: #409eff;
+}
+
+.delete-btn:hover {
+  color: #f56c6c !important;
+}
+
+.upload-btn-container {
+  display: flex;
+  justify-content: center;
+  margin-top: 10px;
+}
+
+.headClass {
+  font-size: 18px;
+  font-weight: 600;
+  color: #303133;
+  margin: 0 0 10px 0;
+  padding-bottom: 10px;
+  border-bottom: 2px solid #409eff;
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.headClass::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  bottom: -2px;
+  width: 60px;
+  height: 2px;
+  background-color: #409eff;
+}
+
+h3 {
+  margin: 0;
+}
+</style>

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/model/behaviorInfo.vue

@@ -0,0 +1,268 @@
+<template>
+  <div class="backinfo-container">
+    <div class="headClass">
+      <h3>行为信息</h3>
+    </div>
+
+
+
+    <!-- 列表区域 -->
+    <div class="list-container">
+      <div v-loading="loading" class="behavior-list">
+          <div class="behavior-list-inner">
+            <div
+              v-for="(item, index) in behaviorList"
+              :key="item.id"
+              class="behavior-item"
+            >
+              <div class="behavior-item-header">
+                <span class="behavior-index">{{ index + 1 }}.</span>
+                <el-tag :type="getTagType(item.behaviorType)">{{ item.behaviorTypeName }}</el-tag>
+                <span class="behavior-time">{{ item.time }}</span>
+              </div>
+              <div class="behavior-item-content">
+                <p class="behavior-description">{{ item.description }}</p>
+                <p class="behavior-location"><i class="el-icon-location-outline"></i> {{ item.location }}</p>
+              </div>
+            </div>
+
+            <div v-if="!loading && behaviorList.length === 0" class="empty-state">
+              <el-empty description="暂无行为记录" />
+            </div>
+          </div>
+        </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, getCurrentInstance, onMounted } from 'vue'
+import GdMap from "@/components/GdMap/index.vue";
+
+const { proxy } = getCurrentInstance();
+const { D_BZ_ZJLX } = proxy.$dict("D_BZ_ZJLX")
+
+// 搜索表单
+const searchForm = ref({
+  behaviorType: '',
+  timeRange: null
+})
+
+// 列表数据
+const behaviorList = ref([])
+const loading = ref(false)
+
+// 获取标签类型
+const getTagType = (type) => {
+  const typeMap = {
+    'ticket': 'success',
+    'hotel': 'primary',
+    'border': 'warning',
+    'baseStation': 'info'
+  }
+  return typeMap[type] || 'default'
+}
+
+// 搜索
+const handleSearch = () => {
+  fetchData()
+}
+
+// 重置搜索
+const resetSearch = () => {
+  searchForm.value = {
+    behaviorType: '',
+    timeRange: null
+  }
+  fetchData()
+}
+
+// 获取数据
+const fetchData = () => {
+  loading.value = true
+
+  // 模拟API请求延迟
+  setTimeout(() => {
+    // 模拟数据
+    const mockData = [
+      {
+        id: 1,
+        behaviorType: 'baseStation',
+        behaviorTypeName: '基站认证',
+        description: '2025-5-22 14:30:20出现在南宁市青秀区云网网咖',
+        location: '广西壮族自治区南宁市青秀区',
+        time: '2025-05-22 14:30:20'
+      }
+    ]
+
+    // 根据搜索条件过滤数据
+    let filteredData = [...mockData]
+    if (searchForm.value.behaviorType) {
+      filteredData = filteredData.filter(item => item.behaviorType === searchForm.value.behaviorType)
+    }
+
+    if (searchForm.value.timeRange && searchForm.value.timeRange.length === 2) {
+      const [startTime, endTime] = searchForm.value.timeRange
+      filteredData = filteredData.filter(item => {
+        const itemTime = new Date(item.time)
+        return itemTime >= new Date(startTime) && itemTime <= new Date(endTime)
+      })
+    }
+
+    behaviorList.value = filteredData
+
+    loading.value = false
+  }, 500)
+}
+
+// 页面加载时获取数据
+onMounted(() => {
+  fetchData()
+})
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+.backinfo-container {
+  padding: 20px;
+width: 100%;
+  background-color: #f5f7fa;
+}
+
+.headClass {
+  font-size: 18px;
+  font-weight: 600;
+  color: #303133;
+  margin: 0 0 20px 0;
+  padding-bottom: 15px;
+  border-bottom: 2px solid #409eff;
+  position: relative;
+}
+
+h3 {
+  margin: 0;
+}
+
+.search-container {
+  background-color: #fff;
+  padding: 16px;
+  border-radius: 6px;
+  margin-bottom: 16px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+
+}
+
+.demo-form-inline {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 16px;
+}
+
+.list-container {
+    background-color: #fff;
+    padding: 16px;
+    border-radius: 6px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+  }
+
+  .behavior-list {
+    max-height: 600px;
+    overflow: hidden; /* 完全禁止滚动条 */
+    position: relative;
+  }
+
+  .behavior-list-inner {
+    max-height: 600px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding-right: 10px; /* 为滚动条留出空间但不显示 */
+  }
+
+  .behavior-item {
+    padding: 16px;
+    border-bottom: 1px solid #f0f0f0;
+    transition: all 0.3s ease;
+    position: relative;
+    left: 0; /* 初始位置 */
+  }
+
+  .behavior-item:hover {
+    background-color: #fafafa;
+    left: 5px; /* 使用left属性代替transform，避免触发滚动条 */
+  }
+
+  .behavior-item:last-child {
+    border-bottom: none;
+  }
+
+  .behavior-item-header {
+    display: flex;
+    align-items: center;
+    margin-bottom: 12px;
+  }
+
+  .behavior-index {
+    font-weight: 600;
+    color: #606266;
+    margin-right: 12px;
+    min-width: 20px;
+  }
+
+  .behavior-time {
+    margin-left: auto;
+    color: #909399;
+    font-size: 13px;
+  }
+
+  .behavior-item-content {
+    padding-left: 32px;
+  }
+
+  .behavior-description {
+    margin: 0 0 8px 0;
+    color: #303133;
+    line-height: 1.5;
+  }
+
+  .behavior-location {
+    margin: 0;
+    color: #606266;
+    font-size: 13px;
+    line-height: 1.5;
+  }
+
+  .empty-state {
+    padding: 60px 0;
+    text-align: center;
+  }
+
+::v-deep .el-tag {
+  margin-right: 0;
+}
+
+::v-deep .el-date-editor .el-range-separator {
+  color: #606266;
+}
+
+@media (max-width: 768px) {
+  .backinfo-container {
+    padding: 10px;
+  }
+
+  .demo-form-inline {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .demo-form-inline .el-form-item {
+    margin-bottom: 10px;
+  }
+
+  .pagination-container {
+    justify-content: center;
+  }
+}
+</style>

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/model/caseInfo.vue

@@ -0,0 +1,263 @@
+<template>
+  <div>
+    <div class="headClass" style="">
+      <h3>案件信息</h3>
+      <el-button @click="AddPore" type="primary" v-if="showBut">新增</el-button>
+    </div>
+
+    <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+      :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
+
+      <template #controls="{ row }">
+        <el-link type="danger" @click="delDictItem(row.id)">删除</el-link>
+        <el-link type="danger" @click="updDictItem(row)">修改</el-link>
+      </template>
+    </MyTable>
+  </div>
+  <CaseLodig v-model="chooseMarksVisible" @comfirm="addMarks" :data="dataModel" />
+</template>
+
+<script setup>
+import { identityCardRule } from "@/utils/rules"
+import { ref, reactive, watch, toRaw, getCurrentInstance, onMounted, onUnmounted } from "vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import CaseLodig from "../component/caseLodig.vue";
+import { tbGsxtZdryAjxxSaveOrUpdateAjxx, tbGsxtZdryAjxx, tbGsxtZdryAjxxselectAjxx } from '@/api/zdr.js'
+import { ElMessage, ElMessageBox } from "element-plus";
+const { proxy } = getCurrentInstance();
+const { D_BZ_CLLX, D_BZ_CLYS, D_BZ_CLPP } = proxy.$dict("D_BZ_CLLX", "D_BZ_CLYS", "D_BZ_CLPP"); //获取字典数据
+const chooseMarksVisible = ref(false)
+const props = defineProps({
+  dataList: {
+    type: Object,
+    default: () => { },
+  }, disabled: {
+    type: Boolean,
+    default: false
+  },
+  showBut: {
+    type: Boolean,
+    default: false
+  },
+})
+const listData = ref({})
+const addUpd = ref(true)
+watch(() => props.dataList, (val) => {
+  if (val) {
+    listData.value = val
+    gettbZdryClxxSelectPage()
+  }
+}, { deep: true })
+// 表格数据
+const pageData = reactive({
+  tableData: [],
+  tableColumn: [{
+    prop: 'ajbm',
+    label: '案件编号',
+  }, {
+    prop: 'ajmc',
+    label: '案件名称',
+  }, {
+    prop: 'sasj',
+    label: '受案时间',
+  },],
+  tableHeight: '200px',
+  keyCount: 0,
+  tableConfiger: {
+    border: true,
+    stripe: true,
+    showHeader: true,
+    showIndex: true,
+    indexLabel: '序号',
+    indexWidth: 60,
+    align: 'center',
+    showOverflowTooltip: true,
+    haveControls: !props.disabled
+  },
+  controlsWidth: 200,
+})
+// 修改数据接口
+const dataModel = ref()
+const addMarks = (val) => {
+  const params = {
+    ...val,
+    zdryId: listData.value.id,
+  }
+  tbGsxtZdryAjxxSaveOrUpdateAjxx(params).then(res => {
+    gettbZdryClxxSelectPage()
+    proxy.$message({
+      message: '案件信息操作成功',
+      type: 'success'
+    })
+  })
+
+}
+onMounted(() => {
+})
+// 删除车辆
+const delDictItem = (val) => {
+  if (!props.disabled && props.showBut) {
+    ElMessageBox.confirm(
+      '是否删除案件信息',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }
+    )
+      .then(() => {
+        tbGsxtZdryAjxx(val).then(res => {
+          gettbZdryClxxSelectPage()
+          proxy.$message({
+            message: '案件信息删除成功',
+            type: 'success'
+          })
+        })
+      })
+      .catch(() => {
+        ElMessage({
+          type: 'info',
+          message: '取消删除',
+        })
+      })
+  } else {
+    pageData.tableData = pageData.tableData.filter(v => v.id != val)
+  }
+
+}
+
+const updDictItem = (val) => {
+  chooseMarksVisible.value = true
+  addUpd.value = false
+  dataModel.value = val
+}
+const AddPore = () => {
+  chooseMarksVisible.value = true
+  dataModel.value = {}
+  addUpd.value = true
+}
+// 查询车辆
+const gettbZdryClxxSelectPage = () => {
+  const promes = {
+    zdrid: listData.value.id
+  }
+  tbGsxtZdryAjxxselectAjxx(promes).then(res => {
+    pageData.tableData = res
+  })
+}
+// 抛出数据并验证标签列表不为空
+const throwData = () => {
+  return new Promise((resolve) => {
+    // // 验证：确保标签列表不为空
+    // if (!pageData.tableData || pageData.tableData.length === 0) {
+    //   throw new Error('请录入车辆信息');
+    // }
+    resolve(pageData.tableData);
+  });
+}
+defineExpose({
+  throwData
+})
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+.backinfo-container {
+  padding: 10px;
+}
+
+::v-deep(.el-form) {
+  display: flex;
+  justify-content: space-between;
+}
+
+.left_box {
+  width: 200px;
+  border: 1px solid #c8c8c89a;
+  border-radius: 5px;
+  padding: 5px;
+}
+
+.right_box {
+  width: calc(100% - 230px);
+  overflow-y: auto;
+  padding: 5px;
+}
+
+::v-deep .el-form-item__content {
+  display: block !important;
+}
+
+.headClass {
+  font-size: 18px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-weight: 600;
+  color: #303133;
+  margin: 20px 0 10px 0;
+  padding-bottom: 10px;
+  border-bottom: 2px solid #409eff;
+  position: relative;
+
+}
+
+.headSelect {
+  width: 100%;
+  padding: 0 16px;
+  background-color: #fff;
+  border-bottom: 1px solid #eee;
+  display: flex;
+  justify-content: end;
+  padding-bottom: 20px;
+}
+
+/* 移除冲突样式：不要用 justify-content */
+
+/* 控制所有 el-form-item 高度和垂直居中 */
+.form-inline :deep(.el-form-item) {
+  margin-bottom: 0;
+  height: 60px;
+  display: flex;
+  align-items: center;
+}
+
+/* ✅ 按钮区域靠右，且不换行 */
+.form-inline .form-actions {
+  margin-left: auto;
+  /* 推到最右边 */
+  white-space: nowrap;
+  /* 防止按钮换行 */
+}
+
+/* 统一按钮样式，增加间距和视觉舒适度 */
+.form-inline :deep(.el-button) {
+  height: 36px;
+  padding: 8px 16px;
+  font-size: 14px;
+  border-radius: 4px;
+}
+
+/* 按钮之间留出间距（除了第一个） */
+.form-inline :deep(.el-button:not(:first-child)) {
+  margin-left: 12px;
+  /* 比原来的 8px 更宽松 */
+}
+
+// .headClass::after {
+//   content: '';
+//   position: absolute;
+//   left: 0;
+//   bottom: -2px;
+//   width: 60px;
+//   height: 2px;
+//   background-color: #409eff;
+// }
+
+h3 {
+  margin: 0;
+}
+</style>

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/model/contact.vue

@@ -0,0 +1,305 @@
+<template>
+  <div>
+    <div class="headClass" style="">
+      <h3>密切联系人</h3>
+      <el-button type="primary" @click="openDialog('新增密切联系人', {}, true)" v-if="showBut">新增</el-button>
+    </div>
+    <div class="headSelect">
+      <el-form :model="formData" :inline="true" ref="formRef" :rules="rulesForm" class="form-inline">
+        <el-form-item label="身份证号码">
+          <el-input v-model="formData.rySfzh" placeholder="请输入身份证号码" />
+        </el-form-item>
+        <!-- 按钮组：统一放在一个 item 中 -->
+        <el-form-item class="form-actions">
+          <el-button type="primary" @click="check">查询</el-button>
+          <el-button @click="resetForm">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+      :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
+      <template #dygx="{ row }">
+        <DictTag :tag="false" :value="row.dygx" :options="D_BZ_QSGXDM" />
+      </template>
+      <!-- 操作 -->
+      <template #controls="{ row }">
+        <el-link type="danger" @click="delDictItem(row.id)">删除</el-link>
+        <el-link type="danger" @click="openDialog('修改密切联系人', row, false)">修改</el-link>
+      </template>
+    </MyTable>
+    <diaLogForm v-model="dialogVisible" :data="diaLogRuleForm" @submit="addPersonOrModifica" :title="Tips"
+      :dict="{ D_BZ_QSGXDM }">
+    </diaLogForm>
+  </div>
+</template>
+<script setup>
+import { identityCardRule } from "@/utils/rules"
+import { ref, reactive, watch, toRaw, getCurrentInstance, onMounted, onUnmounted } from "vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import diaLogForm from "../component/diaLogForm.vue";
+import { tbZdryClxxUpdate, tbGsxtZdryLxrsaveOrUpdateLxr,tbGsxtZdryLxrselectLxrBy ,tbGsxtZdryLxr} from '@/api/zdr.js'
+import { ElMessage, ElMessageBox } from "element-plus";
+const { proxy } = getCurrentInstance();
+const { D_BZ_QSGXDM } = proxy.$dict("D_BZ_QSGXDM"); //获取字典数据
+const props = defineProps({
+  dataList: {
+    type: Object,
+    default: () => { },
+  }, disabled: {
+    type: Boolean,
+    default: false
+  },
+  showBut: {
+    type: Boolean,
+    default: false
+  },
+})
+const dialogVisible = ref(false)
+const listData = ref({})
+const Tips = ref("密切联系人")
+// 表格数据
+const pageData = reactive({
+  tableData: [],
+  tableColumn: [{
+    prop: 'ryXm',
+    label: '人员姓名',
+  }, {
+    prop: 'rySfzh',
+    label: '身份证号码',
+  }, {
+    prop: 'dygx',
+    label: '关系',
+    showSolt: true,
+  }, {
+    prop: 'lxrDh',
+    label: '联系电话',
+  }],
+  tableHeight: '200px',
+  keyCount: 0,
+  tableConfiger: {
+    border: true,
+    stripe: true,
+    showHeader: true,
+    showIndex: true,
+    indexLabel: '序号',
+    indexWidth: 60,
+    align: 'center',
+    showOverflowTooltip: true,
+    haveControls: !props.disabled
+  },
+  controlsWidth: 200,
+})
+//  表单数据
+const formData = ref({
+  username: "",
+  ID: ""
+})
+const touchIn = ref(true)
+const rulesForm = ref(identityCardRule({ validator: true }, 'rySfzh'))
+const diaLogRuleForm = ref({})
+watch(() => props.dataList, (val) => {
+  if (val) {
+    listData.value = val
+    getContact()
+  }
+}, { deep: true })
+// 弹出增加或者修改弹窗
+const openDialog = (type, formVal, bool) => {
+  touchIn.value = bool
+  dialogVisible.value = true
+  Tips.value = type
+  diaLogRuleForm.value = { ...formVal }
+}
+// 提交表单
+const addPersonOrModifica = (val) => {
+  if (touchIn.value) {
+    const item = pageData.tableData.findIndex(item => item.rySfzh == val.rySfzh)
+    if (item != -1) {
+      proxy.$message({
+        message: '该人员已存在',
+        type: 'warning'
+      })
+      return
+    }
+  }
+  const promes = {
+    ...val,
+    zdryId: listData.value.id
+  }
+  tbGsxtZdryLxrsaveOrUpdateLxr(promes).then((res) => {
+    proxy.$message({
+      message: '操作成功',
+      type: 'success'
+    })
+    getContact()
+  }).catch((err) => {
+    proxy.$message({
+      message: '操作失败',
+      type: 'error'
+    })
+  });
+}
+const delDictItem = (val) => {
+  ElMessageBox.confirm(
+    '是否删除该联系人',
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    }
+  )
+    .then(() => {
+
+      tbGsxtZdryLxr(val).then((res) => {
+        proxy.$message({
+          message: '删除成功',
+          type: 'success'
+        })
+        getContact()
+      }).catch((err) => {
+
+      });
+    })
+    .catch(() => {
+      proxy.$message({
+        message: '删除失败',
+        type: 'info',
+      })
+    })
+}
+const getContact = () => {
+  const promes = { zdryId: listData.value.id }
+  tbGsxtZdryLxrselectLxrBy(promes).then((res) => {
+    pageData.tableData = res
+  })
+}
+const resetForm = () => {
+  formData.value = {}
+  getContact()
+}
+const check = () => {
+  if (formData.value.rySfzh) {
+    // 模糊查询：检查身份证号码是否包含输入的内容
+    pageData.tableData = pageData.tableData.filter(item => item.rySfzh && item.rySfzh.includes(formData.value.rySfzh))
+  } else {
+    // 如果输入为空，显示所有数据
+    getContact()
+  }
+}
+
+// 抛出数据并验证标签列表不为空
+const throwData = () => {
+  return new Promise((resolve) => {
+    // // 验证：确保标签列表不为空
+    // if (!pageData.tableData || pageData.tableData.length === 0) {
+    //   throw new Error('请录入车辆信息');
+    // }
+    resolve(pageData.tableData);
+  });
+}
+defineExpose({
+  throwData
+})
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+.backinfo-container {
+  padding: 10px;
+}
+
+
+
+.left_box {
+  width: 200px;
+  border: 1px solid #c8c8c89a;
+  border-radius: 5px;
+  padding: 5px;
+}
+
+.right_box {
+  width: calc(100% - 230px);
+  overflow-y: auto;
+  padding: 5px;
+}
+
+::v-deep .el-form-item__content {
+  display: block !important;
+}
+
+.headClass {
+  font-size: 18px;
+  font-weight: 600;
+  color: #303133;
+  margin: 0 0 10px 0;
+  padding-bottom: 10px;
+  border-bottom: 2px solid #409eff;
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.headSelect {
+  width: 100%;
+  padding: 0 16px;
+  background-color: #fff;
+  border-bottom: 1px solid #eee;
+
+  ::v-deep(.el-form) {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  /* 移除冲突样式：不要用 justify-content */
+
+  /* 控制所有 el-form-item 高度和垂直居中 */
+  .form-inline :deep(.el-form-item) {
+    margin-bottom: 0;
+    height: 60px;
+    display: flex;
+    align-items: center;
+  }
+
+  /* ✅ 按钮区域靠右，且不换行 */
+  .form-inline .form-actions {
+    margin-left: auto;
+    /* 推到最右边 */
+    white-space: nowrap;
+    /* 防止按钮换行 */
+  }
+
+  /* 统一按钮样式，增加间距和视觉舒适度 */
+  .form-inline :deep(.el-button) {
+    height: 36px;
+    padding: 8px 16px;
+    font-size: 14px;
+    border-radius: 4px;
+  }
+
+  /* 按钮之间留出间距（除了第一个） */
+  .form-inline :deep(.el-button:not(:first-child)) {
+    margin-left: 12px;
+    /* 比原来的 8px 更宽松 */
+  }
+}
+
+
+
+// .headClass::after {
+//   content: '';
+//   position: absolute;
+//   left: 0;
+//   bottom: -2px;
+//   width: 60px;
+//   height: 2px;
+//   background-color: #409eff;
+// }
+
+h3 {
+  margin: 0;
+}
+</style>

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/model/czModel.vue

@@ -0,0 +1,222 @@
+<template>
+  <div class="backinfo-container">
+    <div class="headClass">
+      <h3>操作日志</h3>
+    </div>
+    <!-- 列表区域 -->
+    <div class="list-container">
+      <div v-loading="loading" class="behavior-list">
+          <div class="behavior-list-inner">
+            <div
+              v-for="(item, index) in behaviorList"
+              :key="item.id"
+              class="behavior-item"
+            >
+              <div class="behavior-item-header">
+                <span class="behavior-index">{{ index + 1 }}.</span>
+                <el-tag :type="getTagType(item.behaviorType)">{{ item.zhmc }}</el-tag>
+                <span class="behavior-time">{{ item.czsj }}</span>
+              </div>
+              <div class="behavior-item-content">
+                <p class="behavior-description">{{ item.czjl }}</p>
+                <p class="behavior-location"><i class="el-icon-location-outline"></i> {{ item.bz }}</p>
+              </div>
+            </div>
+            <div v-if="!loading && behaviorList.length === 0" class="empty-state">
+              <el-empty description="暂无操作记录" />
+            </div>
+          </div>
+        </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, getCurrentInstance, onMounted,watch } from 'vue'
+import GdMap from "@/components/GdMap/index.vue";
+import {tbGsxtZdryCzrzSelectCzrz} from '@/api/zdr'
+const { proxy } = getCurrentInstance();
+const props = defineProps({
+  dataList: {
+    type: Object,
+    default: () => { },
+  }, disabled: {
+    type: Boolean,
+    default: false
+  },
+  showBut: {
+    type: Boolean,
+    default: false
+  },
+})
+const listData = ref({})
+watch(() => props.dataList, (val) => {
+  if (val) {
+    listData.value = val
+    fetchData()
+  }
+}, { deep: true })
+// 列表数据
+const behaviorList = ref([])
+const loading = ref(false)
+
+// 获取数据
+const fetchData = () => {
+  loading.value = true
+  tbGsxtZdryCzrzSelectCzrz({ zdrid: listData.value.id }).then(res => {
+    behaviorList.value = res
+  }).finally(() => {
+    loading.value = false
+  })
+}
+
+// 页面加载时获取数据
+onMounted(() => {
+})
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+.backinfo-container {
+  padding-top: 20px;
+width: 100%;
+  background-color: #f5f7fa;
+}
+
+.headClass {
+  font-size: 18px;
+  font-weight: 600;
+  color: #303133;
+  margin: 0 0 20px 0;
+  padding-bottom: 15px;
+  border-bottom: 2px solid #409eff;
+  position: relative;
+}
+
+h3 {
+  margin: 0;
+}
+
+.search-container {
+  background-color: #fff;
+  padding: 16px;
+  border-radius: 6px;
+  margin-bottom: 16px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+
+}
+
+.demo-form-inline {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 16px;
+}
+
+.list-container {
+    background-color: #fff;
+    padding: 16px;
+    border-radius: 6px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+  }
+
+  .behavior-list {
+    max-height: 600px;
+    overflow: hidden; /* 完全禁止滚动条 */
+    position: relative;
+  }
+
+  .behavior-list-inner {
+    max-height: 600px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding-right: 10px; /* 为滚动条留出空间但不显示 */
+  }
+
+  .behavior-item {
+    padding: 16px;
+    border-bottom: 1px solid #f0f0f0;
+    transition: all 0.3s ease;
+    position: relative;
+    left: 0; /* 初始位置 */
+  }
+
+  .behavior-item:hover {
+    background-color: #fafafa;
+    left: 5px; /* 使用left属性代替transform，避免触发滚动条 */
+  }
+
+  .behavior-item:last-child {
+    border-bottom: none;
+  }
+
+  .behavior-item-header {
+    display: flex;
+    align-items: center;
+    margin-bottom: 12px;
+  }
+
+  .behavior-index {
+    font-weight: 600;
+    color: #606266;
+    margin-right: 12px;
+    min-width: 20px;
+  }
+
+  .behavior-time {
+    margin-left: auto;
+    color: #909399;
+    font-size: 13px;
+  }
+
+  .behavior-item-content {
+    padding-left: 32px;
+  }
+
+  .behavior-description {
+    margin: 0 0 8px 0;
+    color: #303133;
+    line-height: 1.5;
+  }
+
+  .behavior-location {
+    margin: 0;
+    color: #606266;
+    font-size: 13px;
+    line-height: 1.5;
+  }
+
+  .empty-state {
+    padding: 60px 0;
+    text-align: center;
+  }
+
+::v-deep .el-tag {
+  margin-right: 0;
+}
+
+::v-deep .el-date-editor .el-range-separator {
+  color: #606266;
+}
+
+@media (max-width: 768px) {
+  .backinfo-container {
+    padding: 10px;
+  }
+
+  .demo-form-inline {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .demo-form-inline .el-form-item {
+    margin-bottom: 10px;
+  }
+
+  .pagination-container {
+    justify-content: center;
+  }
+}
+</style>

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/model/deployment.vue

@@ -0,0 +1,101 @@
+<template>
+  <div>
+    <div class="headClass" style="">
+      <h3>全要素布控</h3>
+
+    </div>
+    <div class="marginBox">
+      <div>身份证号码：{{ listData.rySfzh }} <span>({{ listData.zdrBkZt ? '已布控' : '未布控' }})</span></div>
+      <div v-if="listData.ryLxdh&&listData.ryLxdh.length>0"> 手机号码：
+        <span style="color: #000;" v-for="(item, index) in listData.ryLxdh" :key="index">{{ item }}
+          <span v-if="index != listData.ryLxdh.length - 1">、</span>
+        </span>
+        <div> {{ listData.ryLxdh?.[1] }}<span>({{ listData.zdrBkZt ? '已布控' : '未布控' }})</span></div>
+      </div>
+      <div v-if="listData.clxxList">车牌号码：
+        <span style="color: #000;" v-for="(item, index) in listData.clxxList" :key="index">{{ item.cph }}
+          <span v-if="index != listData.clxxList.length - 1">、</span>
+        </span>
+        <span>({{ listData.zdrBkZt ? '已布控' : '未布控' }})</span>
+      </div>
+    </div>
+  </div>
+
+</template>
+
+<script setup>
+import { ref, onMounted, watch } from 'vue';
+const props = defineProps({
+  dataList: {
+    type: Object,
+    default: () => { },
+  }, disabled: {
+    type: Boolean,
+    default: false
+  },
+  showBut: {
+    type: Boolean,
+    default: false
+  },
+})
+const status = ref(false)
+const listData = ref({})
+watch(() => props.dataList, (val) => {
+  if (val) {
+    listData.value = val
+
+  }
+}, { deep: true })
+onMounted(() => {
+  console.log('Deployment 组件已挂载！')
+})
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+.headClass {
+  font-size: 18px;
+  font-weight: 600;
+  color: #303133;
+  margin: 0 0 10px 0;
+  border-bottom: 2px solid #409eff;
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.marginBox {
+  span {
+    margin-left: 10px;
+    color: #ff4040;
+  }
+
+  &>:nth-child(1) {
+    // width: 300px;
+    height: 30px;
+
+    display: flex;
+    align-items: center;
+  }
+
+  &>:nth-child(2) {
+    // width: 400px;
+    height: 30px;
+
+    display: flex;
+    align-items: center;
+    // justify-content: space-between;
+  }
+
+  &>:nth-child(3) {
+    // width: 210px;
+    height: 30px;
+
+    display: flex;
+    align-items: center;
+  }
+}
+</style>

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/model/dynamicTrajectory.vue

@@ -0,0 +1,106 @@
+<template>
+  <div>
+    <div class="headClass" style="">
+      <h3>动态轨迹</h3>
+    </div>
+    <div class="headSelect">
+      <el-select v-model="listData.zjlx" placeholder="身份证号码" style="width: 240px">
+        <el-option v-for="item in D_BZ_ZJLX" :key="item.dm" :label="item.zdmc" :value="item.dm" />
+      </el-select>
+      <el-input v-model="listData.msg" placeholder="请输入证件号码" style="width: 300px" />
+      <div class="demo-datetime-picker">
+        <div class="block">
+          <el-date-picker v-model="listData.time" type="datetimerange" start-placeholder="开始时间"
+            end-placeholder="结束时间" format="YYYY-MM-DD HH:mm:ss" date-format="YYYY/MM/DD ddd"/>
+        </div>
+      </div>
+      <el-button type="primary" @click="check">查询</el-button>
+      <el-button @click="resetForm">重置</el-button>
+    </div>
+    <div class="mapBox">
+      <GdMap />
+    </div>
+
+  </div>
+
+</template>
+
+<script setup>
+import { ref, getCurrentInstance } from 'vue'
+import GdMap from "@/components/GdMap/index.vue";
+// import
+const { proxy } = getCurrentInstance();
+const { D_BZ_ZJLX } = proxy.$dict("D_BZ_ZJLX")
+const listData= ref({})
+const check = () => { }
+const resetForm = () => {
+  listData.value = {}
+}
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+.backinfo-container {
+  padding: 10px;
+}
+
+::v-deep(.el-form) {
+  display: flex;
+  justify-content: space-between;
+}
+
+.left_box {
+  width: 200px;
+  border: 1px solid #c8c8c89a;
+  border-radius: 5px;
+  padding: 5px;
+}
+
+.right_box {
+  width: calc(100% - 230px);
+  overflow-y: auto;
+  padding: 5px;
+}
+
+::v-deep .el-form-item__content {
+  display: block !important;
+}
+::v-deep .el-range-input{
+  color: #000 !important;
+}
+.headClass {
+  font-size: 18px;
+  font-weight: 600;
+  color: #303133;
+  margin: 0 0 10px 0;
+  padding-bottom: 10px;
+  border-bottom: 2px solid #409eff;
+  position: relative;
+
+}
+
+.headSelect {
+  width: 100%;
+  margin: 20px 0;
+  padding: 0 16px;
+  background-color: #fff;
+  border-bottom: 1px solid #eee;
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+
+}
+
+.mapBox {
+  width: 100%;
+  height: 300px;
+  position: relative;
+  background-color: rgba(0, 123, 255, 0.5);
+}
+
+h3 {
+  margin: 0;
+}
+</style>

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/model/info.vue

@@ -0,0 +1,346 @@
+<template>
+  <div>
+    <div class="headClass">
+      <h3>人员信息</h3>
+      <!-- @click="gettbGsxtZdqtUpdate" -->
+      <el-button type="primary" v-if="showBut" :disabled="disabled" @click="submit">保存</el-button>
+    </div>
+    <div>
+      <FormMessage :disabled="disabled" v-model="listQuery" :formList="formData" labelWidth="100px" ref="elform"
+        :rules="rules">
+        <template #ryzp>
+          <div style="width: 100%; padding-left: 50px">
+            <MOSTY.Upload :showBtn="false" :limit="1" v-model="listQuery.ryzp" />
+          </div>
+        </template>
+        <template #ryLxdh>
+          <div class="phone-input-container">
+            <div class="inputGroup" v-for="(item, index) in listQuery.ryLxdh" :key="index">
+              <el-input v-model="listQuery.ryLxdh[index]" class="group" placeholder="请输入电话号码" />
+              <div class="flex align-center but" v-if="showBut">
+                <el-button type="primary" :icon="Plus" circle @click="addPhone" title="添加电话号码"
+                  v-if="listQuery.ryLxdh.length - 1 == index" />
+                <el-button type="success" :icon="Minus" circle @click="removePhone(index)" title="删除电话号码" />
+              </div>
+            </div>
+          </div>
+        </template>
+
+      </FormMessage>
+    </div>
+  </div>
+  <!-- <ChooseMarks v-model="chooseMarksVisible" @choosed="choosed" :roleIds="roleIds" /> -->
+</template>
+
+<script setup>
+import * as rule from "@/utils/rules.js";
+import * as MOSTY from "@/components/MyComponents/index";
+import { Plus, Minus } from "@element-plus/icons-vue";
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import ChooseMarks from "@/components/ChooseList/ChooseMarks/index.vue";
+import { ref, reactive, onMounted, getCurrentInstance, watch } from "vue";
+import { tbGsxtZdryUpdate } from "@/api/zdr.js";
+const { proxy } = getCurrentInstance();
+const { D_BZ_XB, D_BZ_ZZMM, D_BZ_HYZK, D_BZ_MZ, D_BZ_XZQHDM, D_ZDRY_RYLX, D_BZ_RCBKZT, D_GS_ZDR_RYJB, D_GS_ZDR_YJDJ, D_GS_BK_SSJZ, D_GS_ZDR_CZZT, D_BZ_WHCD, D_ZDRY_ZYLB } =
+  proxy.$dict('D_BZ_XB', 'D_BZ_ZZMM', 'D_BZ_HYZK', 'D_BZ_MZ', "D_ZDRY_RYLX", 'D_BZ_XZQHDM', 'D_BZ_RCBKZT', 'D_GS_ZDR_RYJB', 'D_GS_ZDR_YJDJ', 'D_GS_BK_SSJZ', 'D_GS_ZDR_CZZT', 'D_BZ_WHCD', 'D_ZDRY_ZYLB')
+const props = defineProps({
+  dataList: {
+    type: Object,
+    default: () => { },
+  }, disabled: {
+    type: Boolean,
+    default: false
+  },
+  showBut: {
+    type: Boolean,
+    default: false
+  },
+})
+const rules = reactive({
+  ryXm: [{ required: true, message: "请输入姓名", trigger: "blur" }],
+  ...rule.identityCardRule({ validator: true }, 'rySfzh'), //身份证校验
+  ...rule.phoneRule({ validator: true }, "ryLxdh"), // 是否必填 是否进行校验,
+  rySfzh: [{ required: true, message: "请输入身份证号", trigger: "blur" }],
+  ryLxdh: [{ required: true, message: "请输入联系电话", trigger: "blur" }],
+  ryXb: [{ required: true, message: "请选择性别", trigger: "change" }],
+  zyBm: [{ required: true, message: "请选择职业", trigger: "change" }],
+  ryMz: [{ required: true, message: "请选择民族", trigger: "change" }],
+  ryCsrq: [{ required: true, message: "请选择出生日期", trigger: "change" }],
+  ryJg: [{ required: true, message: "请选择籍贯", trigger: "change" }],
+  zdrRyjb: [{ required: true, message: "请选择人员级别", trigger: "change" }],
+  zdrYjdj: [{ required: true, message: "请选择预警等级", trigger: "change" }],
+  // rylx: [{ required: true, message: "请选择人员类型", trigger: "change" }]
+});
+const listQuery = ref({ ryLxdh: [""] }); //表单
+const chooseMarksVisible = ref(false); // 控制标签选择弹窗显示
+const roleIds = ref([]); // 已选择的标签ID
+const formData = ref([
+  { label: "人员照片", prop: "ryzp", type: "slot", width: "100%" },
+  { label: "姓名", prop: "ryXm", type: "input" },
+  { label: "性别", prop: "ryXb", type: "select", options: D_BZ_XB },
+  { label: "身份证号", prop: "rySfzh", type: "input" },
+  { label: "籍贯", prop: "ryJg", type: "select", options: D_BZ_XZQHDM },
+  { label: "曾用名", prop: "cym", type: "input" },
+  { label: "文化程度", prop: "whcdBm", type: "select", options: D_BZ_WHCD },
+  { label: "民族", prop: "ryMz", type: "select", options: D_BZ_MZ },
+  { label: "政治面貌", prop: "zzmm", type: "select", options: D_BZ_ZZMM },
+  { label: "职业", prop: "zyBm", type: "select", options: D_ZDRY_ZYLB },
+  { label: "人员级别", prop: "zdrRyjb", type: "select", options: D_GS_ZDR_RYJB },
+  { label: "预警等级", prop: "zdrYjdj", type: "select", options: D_GS_ZDR_YJDJ },
+  { label: "出生日期", prop: "ryCsrq", type: "date" },
+  { label: "户籍地区划", prop: "hjdQh", type: "select", options: D_BZ_XZQHDM },
+  { label: "户籍地详址", prop: "hjdXz", type: "input" },
+  { label: "户籍地派出所", prop: "hjdPcsdm",depMc:"hjdPcsmc" ,type: "department" },
+  { label: "现住地区划", prop: "xzdQh", type: "select", options: D_BZ_XZQHDM },
+  { label: "现住地详址", prop: "xzdXz", type: "input" },
+  { label: "现住地派出所", prop: "xzdPcsdm",depMc:"xzdPcsmc" ,type: "department" },
+  { label: "管辖单位", prop: "gxSsbmdm", depMc: 'gxSsbmmc', type: "department" },
+  { label: "诉求单位", prop: "sqSsbmdm", depMc: 'sqSsbmmc', type: "department" },
+  { label: "责任单位", prop: "zrSsbmdm", depMc: 'zrSsbmmc', type: "department" },
+  { label: "所属警种", prop: "zdrSsjz", type: "select", options: D_GS_BK_SSJZ },
+  { label: "涉及警种", prop: "zdrSjjz", type: "select", options: D_GS_BK_SSJZ, multiple: true },
+  { label: "婚姻状态", prop: "hyzk", type: "select", options: D_BZ_HYZK },
+  // { label: "处置状态", prop: "zdrCzzt", type: "select", options: D_GS_ZDR_CZZT },
+  // { label: "布控状态", prop: "zdrBkZt", type: "select", options: D_BZ_RCBKZT },
+  // { label: "人员类型", prop: "rylx", type: "select", options: D_ZDRY_RYLX },
+  { label: "入库开始时间", prop: "zdrRkkssj", type: "datetime" },
+  { label: "入库结束时间", prop: "zdrRkjssj", type: "datetime" },
+  { label: "Mac地址", prop: "macDz", type: "input" },
+  { label: "联系电话", prop: "ryLxdh", type: "slot", width: "100%" },
+  // { label: "标签选择", prop: "tags", type: "slot", width: "100%" },
+  { label: "管控原因", prop: "zdrLkyy", type: "textarea", width: "100%" },
+]);
+const loading = ref(false);
+const elform = ref();
+const disabled = ref(false);
+// phoneList已重构为listQuery.value.ryLxdh
+// 创建一个工具函数进行深拷贝
+const deepClone = (obj) => {
+  if (obj === null || typeof obj !== 'object') {
+    return obj;
+  }
+  if (obj instanceof Date) {
+    return new Date(obj.getTime());
+  }
+  if (obj instanceof Array) {
+    return obj.map(item => deepClone(item));
+  }
+  const clonedObj = {};
+  for (const key in obj) {
+    if (obj.hasOwnProperty(key)) {
+      clonedObj[key] = deepClone(obj[key]);
+    }
+  }
+  return clonedObj;
+};
+// 监听props.dataList变化，处理初始化数据
+watch(() => props.dataList, (val) => {
+  if (val) {
+    // 使用深拷贝避免直接引用同一个对象
+    listQuery.value = deepClone(val);
+    // 处理照片数据
+    listQuery.value.ryzp = val.ryzp == null || val.ryzp == '' ? [] : [val.ryzp];
+    listQuery.value.zdrSjjz = val.zdrSjjz == null || val.zdrSjjz == '' ? [] : JSON.parse(val.zdrSjjz);
+    // 处理标签ID数据，确保数据回显
+    if (val.tagIds && Array.isArray(val.tagIds) && val.tagIds.length > 0) {
+      roleIds.value = [...val.tagIds];
+    } else if (val.bqIds && Array.isArray(val.bqIds) && val.bqIds.length > 0) {
+      roleIds.value = [...val.bqIds];
+    } else {
+      roleIds.value = [];
+    }
+  }
+}, { deep: true })
+// 提交
+const submit = () => {
+  loading.value = true
+  gettbGsxtZdryUpdate()
+};
+//
+const gettbGsxtZdryUpdate = () => {
+
+
+
+
+  const promes = {
+    ...listQuery.value,
+    ryzp: listQuery.value.ryzp.length > 0 ? listQuery.value.ryzp.toString() : "",
+    ryLxdh: listQuery.value.ryLxdh,
+    zdrSjjz: JSON.stringify(listQuery.value.zdrSjjz),
+
+  }
+  elform.value.submit((data) => {
+    tbGsxtZdryUpdate(promes).then((res) => {
+    listQuery.value.ryzp = []
+    proxy.$message({
+      message: '更新成功',
+      type: 'success',
+    })
+  }).catch((err) => {
+
+  }).finally(() => {
+    loading.value = false
+  });
+})
+
+
+
+}
+// 添加电话号码
+const addPhone = () => {
+  // 确保新添加的电话号码与现有数据结构一致
+  // 创建深拷贝以避免响应式更新问题
+  const newPhoneList = [...listQuery.value.ryLxdh];
+  newPhoneList.push('');
+  // 用全新数组替换现有数组，确保Vue正确检测到变化
+  listQuery.value.ryLxdh = newPhoneList;
+}
+
+// 删除电话号码
+const removePhone = (index) => {
+  if (listQuery.value.ryLxdh.length > 1) {
+    listQuery.value.ryLxdh.splice(index, 1);
+  } else {
+    // 清空输入但保留输入框
+    listQuery.value.ryLxdh[0] = '';
+    proxy.$message.warning('至少保留一个联系电话');
+  }
+}
+
+const throwData = () => {
+  return new Promise((resolve, reject) => {
+    if (elform.value && elform.value.validate) {
+      elform.value.submit((data) => {
+        // 过滤掉空的电话号码
+        const validPhones = listQuery.value.ryLxdh.filter(phone => phone && phone.trim());
+        if (validPhones.length === 0) {
+          proxy.$message.warning('请至少输入一个有效的联系电话');
+          reject(new Error('请至少输入一个有效的联系电话'));
+          return;
+        }
+        resolve({
+          ...listQuery.value,
+          ryzp: listQuery.value.ryzp && listQuery.value.ryzp.length > 0 ? listQuery.value.ryzp.toString() : '',
+          ryLxdh: validPhones,
+          zdrSjjz: JSON.stringify(listQuery.value.zdrSjjz),
+        });
+      })
+    } else {
+      elform.value.submit((data) => {
+        // 如果没有验证方法，直接返回数据
+        const validPhones = listQuery.value.ryLxdh.filter(phone => phone && phone.trim());
+        if (validPhones.length === 0) {
+          proxy.$message.warning('请至少输入一个有效的联系电话');
+          reject(new Error('请至少输入一个有效的联系电话'));
+          return;
+        }
+        resolve({
+          ...listQuery.value,
+          ryzp: listQuery.value.ryzp && listQuery.value.ryzp.length > 0 ? listQuery.value.ryzp.toString() : '',
+          ryLxdh: validPhones,
+          zdrSjjz: JSON.stringify(listQuery.value.zdrSjjz),
+        });
+
+      })
+
+    }
+  });
+};
+
+defineExpose({
+  throwData,
+});
+
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+.left_box {
+  width: 200px;
+  border: 1px solid #c8c8c89a;
+  border-radius: 5px;
+  padding: 5px;
+}
+
+.right_box {
+  width: calc(100% - 230px);
+  overflow-y: auto;
+  padding: 5px;
+}
+
+::v-deep .el-form-item__content {
+  display: block !important;
+  width: 100%;
+  padding: 0 !important;
+}
+
+::v-deep .form-item-box {
+  width: 100% !important;
+}
+
+.headClass {
+  font-size: 18px;
+  font-weight: 600;
+  color: #303133;
+  margin: 0 0 10px 0;
+  padding-bottom: 10px;
+  border-bottom: 2px solid #409eff;
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.headClass::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  bottom: -2px;
+  width: 60px;
+  height: 2px;
+  background-color: #409eff;
+}
+
+h3 {
+  margin: 0;
+}
+
+.phone-input-container {
+  display: flex;
+  // flex-direction: column;
+  flex-wrap: wrap;
+  width: 100%;
+  padding: 0;
+}
+
+.inputGroup {
+  margin-left: 10px;
+  width: 100%;
+  max-width: 400px;
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+
+  .group {
+    width: 250px;
+    margin-right: 10px;
+  }
+
+  .but {
+    display: flex;
+    gap: 5px;
+  }
+}
+
+::v-deep .el-button--primary {
+  background-color: #409eff !important;
+  border-color: #409eff !important;
+}
+
+::v-deep .el-button--success {
+  background-color: #67c23a !important;
+  border-color: #67c23a !important;
+}
+</style>

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/model/personnelTags.vue

@@ -0,0 +1,211 @@
+<template>
+  <div>
+    <div class="headClass" style="">
+      <h3>人员标签</h3>
+      <el-button type="primary" :disabled="disabled" @click="chooseMarksVisible = true">选择</el-button>
+    </div>
+    <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+      :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
+      <template #bqLx="{ row }">
+        <DictTag :tag="false" :value="row.bqLx" :options="D_GS_BQ_DJ" />
+      </template>
+      <template #bqLb="{ row }">
+        <DictTag :tag="false" :value="row.bqLb" :options="D_GS_SSYJ" />
+      </template>
+      <!-- 操作 -->
+      <template #controls="{ row }">
+        <el-link type="danger" @click="delDictItem(row.bqId)">删除</el-link>
+      </template>
+    </MyTable>
+  </div>
+  <ChooseMarks v-model="chooseMarksVisible" @choosed="addMarks" :roleIds="roleIds" />
+</template>
+
+<script setup>
+import { ref, reactive, watch, toRaw, getCurrentInstance, onMounted, onUnmounted } from "vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import ChooseMarks from "@/components/ChooseList/ChooseMarks/index.vue";
+import { tbGsxtZdryUpdate } from '@/api/zdr.js'
+import { ElMessage, ElMessageBox } from "element-plus";
+const { proxy } = getCurrentInstance();
+const { D_GS_BQ_DJ, D_GS_SSYJ } = proxy.$dict("D_GS_BQ_DJ", "D_GS_SSYJ"); //获取字典数据
+const chooseMarksVisible = ref(false)
+const props = defineProps({
+  dataList: {
+    type: Object,
+    default: () => { },
+  }, disabled: {
+    type: Boolean,
+    default: false
+  },
+  showBut: {
+    type: Boolean,
+    default: false
+  },
+})
+const listData = ref({})
+watch(() => props.dataList, (val) => {
+  if (val) {
+    listData.value = val
+    pageData.tableData = val.bqList
+    roleIds.value = val.bqList.map(v => v.bqId)
+    console.log(roleIds.value);
+
+  }
+}, { deep: true })
+const roleIds = ref([])
+// 表格数据
+const pageData = reactive({
+  tableData: [],
+  tableColumn: [{
+    prop: 'bqMc',
+    label: '标签名称',
+    showOverflowTooltip: true
+  }, {
+    prop: 'bqDm',
+    label: '标签代码',
+  }, {
+    showSolt: true,
+    prop: 'bqLx',
+    label: '标签类型',
+  }, {
+    showSolt: true,
+    prop: 'bqLb',
+    label: '标签类别',
+  }],
+  tableHeight: '200px',
+  keyCount: 0,
+  tableConfiger: {
+    border: true,
+    stripe: true,
+    showHeader: true,
+    showIndex: true,
+    indexLabel: '序号',
+    indexWidth: 60,
+    align: 'center',
+    showOverflowTooltip: true,
+    haveControls: !props.disabled
+  },
+  controlsWidth: 200,
+})
+// 修改数据接口
+const zdqtUpdate = (val) => {
+  const params = {
+    id: listData.value.id,
+    bqList: pageData.tableData,
+    rySfzh: listData.value.rySfzh,
+  }
+  tbGsxtZdryUpdate(params).then(res => {
+    proxy.$message({
+      message: val,
+      type: 'success'
+    })
+  })
+}
+// 新增标签
+const addMarks = (val) => {
+  pageData.tableData = val.map(v => {
+    return { bqDm: v.bqDm, bqId: v.id, bqLb: v.bqLb, bqLx: v.bqLx, bqMc: v.bqMc }
+  });
+  roleIds.value = val.map(v => v.id)
+  if (!props.disabled && props.showBut) {
+    zdqtUpdate("标签添加成功")
+  }
+}
+// 删除标签
+const delDictItem = (val) => {
+  if (!props.disabled && props.showBut) {
+    ElMessageBox.confirm(
+    '是否删除标签',
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    }
+  )
+    .then(() => {
+      pageData.tableData = pageData.tableData.filter(v => v.bqId != val)
+      roleIds.value = roleIds.value.filter(v => v != val)
+        zdqtUpdate("标签删除成功")
+    })
+    .catch(() => {
+      ElMessage({
+        type: 'info',
+        message: '取消删除',
+      })
+    })
+
+  } else {
+    pageData.tableData = pageData.tableData.filter(v => v.bqId != val)
+    roleIds.value = roleIds.value.filter(v => v != val)
+  }
+
+}
+// 抛出数据并验证标签列表不为空
+const throwData = () => {
+  return new Promise((resolve) => {
+    // 验证：确保标签列表不为空
+    if (!pageData.tableData || pageData.tableData.length === 0) {
+      throw new Error('请选择群体标签');
+    }
+    resolve(pageData.tableData);
+  });
+}
+defineExpose({
+  throwData
+})
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+.backinfo-container {
+  padding: 10px;
+}
+
+.left_box {
+  width: 200px;
+  border: 1px solid #c8c8c89a;
+  border-radius: 5px;
+  padding: 5px;
+}
+
+.right_box {
+  width: calc(100% - 230px);
+  overflow-y: auto;
+  padding: 5px;
+}
+
+::v-deep .el-form-item__content {
+  display: block !important;
+}
+
+.headClass {
+  font-size: 18px;
+  font-weight: 600;
+  color: #303133;
+  margin: 0 0 10px 0;
+  padding-bottom: 10px;
+  border-bottom: 2px solid #409eff;
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.headClass::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  bottom: -2px;
+  width: 60px;
+  height: 2px;
+  background-color: #409eff;
+}
+
+h3 {
+  margin: 0;
+}
+</style>

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/model/vehicle.vue

@@ -0,0 +1,248 @@
+<template>
+  <div>
+    <div class="headClass" style="">
+      <h3>关联车辆</h3>
+      <el-button type="primary" :disabled="disabled" @click="AddPore" v-if="showBut">选择</el-button>
+    </div>
+    <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+      :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
+      <template #clys="{ row }">
+        <DictTag :tag="false" :value="row.clys" :options="D_BZ_CLYS" />
+      </template>
+      <template #cllx="{ row }">
+        <DictTag :tag="false" :value="row.cllx" :options="D_BZ_CLLX" />
+      </template>
+      <template #clpp="{ row }">
+        <DictTag :tag="false" :value="row.clpp" :options="D_BZ_CLPP" />
+      </template>
+      <!-- 操作 -->
+      <template #controls="{ row }">
+        <el-link type="danger" @click="delDictItem(row.id)">删除</el-link>
+        <el-link type="danger" @click="updDictItem(row)">修改</el-link>
+      </template>
+    </MyTable>
+  </div>
+  <VehiclDoing v-model="chooseMarksVisible" @comfirm="addMarks" :data="dataModel"
+    :dict="{ D_BZ_CLLX, D_BZ_CLYS, D_BZ_CLPP }" />
+</template>
+
+<script setup>
+import { ref, reactive, watch, toRaw, getCurrentInstance, onMounted, onUnmounted } from "vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import VehiclDoing from "../component/vehiclDoing.vue";
+import { tbZdryClxxAdd, tbZdryClxxDelete, tbZdryClxxSelectPage, tbZdryClxxUpdate } from '@/api/zdr.js'
+import { ElMessage, ElMessageBox } from "element-plus";
+const { proxy } = getCurrentInstance();
+const { D_BZ_CLLX, D_BZ_CLYS, D_BZ_CLPP } = proxy.$dict("D_BZ_CLLX", "D_BZ_CLYS", "D_BZ_CLPP"); //获取字典数据
+const chooseMarksVisible = ref(false)
+const props = defineProps({
+  dataList: {
+    type: Object,
+    default: () => { },
+  }, disabled: {
+    type: Boolean,
+    default: false
+  },
+  showBut: {
+    type: Boolean,
+    default: false
+  },
+})
+const listData = ref({})
+const addUpd = ref(true)
+watch(() => props.dataList, (val) => {
+  if (val) {
+    listData.value = val
+    gettbZdryClxxSelectPage()
+  }
+}, { deep: true })
+// 表格数据
+const pageData = reactive({
+  tableData: [],
+  tableColumn: [{
+    prop: 'cph',
+    label: '车牌号',
+  }, {
+    prop: 'cllx',
+    label: '车辆类型',
+    showSolt: true,
+    prop: 'clpp',
+  }, {
+    showSolt: true,
+    prop: 'clys',
+    label: '车辆颜色',
+  }, {
+    showSolt: true,
+    prop: 'clpp',
+    label: '车辆品牌',
+
+    prop: 'clsbm',
+    label: '车辆识别码',
+  }],
+  tableHeight: '200px',
+  keyCount: 0,
+  tableConfiger: {
+    border: true,
+    stripe: true,
+    showHeader: true,
+    showIndex: true,
+    indexLabel: '序号',
+    indexWidth: 60,
+    align: 'center',
+    showOverflowTooltip: true,
+    haveControls: !props.disabled
+  },
+  controlsWidth: 200,
+})
+// 修改数据接口
+const dataModel = ref()
+const addMarks = (val) => {
+
+  const params = {
+    ...val,
+    zdrid: listData.value.id,
+  }
+  if (props.showBut && !props.disabled) {
+    if (addUpd.value) {
+      tbZdryClxxAdd(params).then(res => {
+        gettbZdryClxxSelectPage()
+        proxy.$message({
+          message: '关联车辆添加成功',
+          type: 'success'
+        })
+      })
+    }
+    else {
+      tbZdryClxxUpdate(params).then(res => {
+        gettbZdryClxxSelectPage()
+        proxy.$message({
+          message: '关联车辆修改成功',
+          type: 'success'
+        })
+      })
+    }
+  } else {
+    pageData.tableData.push(val)
+  }
+}
+// 删除车辆
+const delDictItem = (val) => {
+  if (!props.disabled && props.showBut) {
+    ElMessageBox.confirm(
+      '是否删除关联车辆',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }
+    )
+      .then(() => {
+        tbZdryClxxDelete({ ids: [val] }).then(res => {
+          gettbZdryClxxSelectPage()
+          proxy.$message({
+            message: '关联车辆删除成功',
+            type: 'success'
+          })
+        })
+      })
+      .catch(() => {
+        ElMessage({
+          type: 'info',
+          message: '取消删除',
+        })
+      })
+  } else {
+    pageData.tableData = pageData.tableData.filter(v => v.id != val)
+  }
+
+}
+
+const updDictItem = (val) => {
+  chooseMarksVisible.value = true
+  addUpd.value = false
+  dataModel.value = val
+}
+const AddPore = () => {
+  chooseMarksVisible.value = true
+  dataModel.value = {}
+  addUpd.value = true
+}
+// 查询车辆
+const gettbZdryClxxSelectPage = () => {
+  const promes = {
+    pageCurrent: 1,
+    pageSize: 20,
+    zdrid: listData.value.id
+  }
+  tbZdryClxxSelectPage(promes).then(res => {
+    pageData.tableData = res.records
+  })
+}
+// 抛出数据并验证标签列表不为空
+const throwData = () => {
+  return new Promise((resolve) => {
+    // // 验证：确保标签列表不为空
+    // if (!pageData.tableData || pageData.tableData.length === 0) {
+    //   throw new Error('请录入车辆信息');
+    // }
+    resolve(pageData.tableData);
+  });
+}
+defineExpose({
+  throwData
+})
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+.backinfo-container {
+  padding: 10px;
+}
+
+.left_box {
+  width: 200px;
+  border: 1px solid #c8c8c89a;
+  border-radius: 5px;
+  padding: 5px;
+}
+
+.right_box {
+  width: calc(100% - 230px);
+  overflow-y: auto;
+  padding: 5px;
+}
+
+::v-deep .el-form-item__content {
+  display: block !important;
+}
+
+.headClass {
+  font-size: 18px;
+  font-weight: 600;
+  color: #303133;
+  margin: 0 0 10px 0;
+  padding-bottom: 10px;
+  border-bottom: 2px solid #409eff;
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.headClass::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  bottom: -2px;
+  width: 60px;
+  height: 2px;
+  background-color: #409eff;
+}
+
+h3 {
+  margin: 0;
+}
+</style>

src/views/backOfficeSystem/DeploymentDisposal/gzPeo/model/visitRecord.vue

@@ -0,0 +1,275 @@
+<template>
+  <div>
+    <div class="headClass" style="">
+      <h3>走访记录</h3>
+      <el-button @click="AddPore" type="primary" v-if="showBut">新增</el-button>
+    </div>
+    <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+      :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
+      <!-- 操作 -->
+      <template #controls="{ row }">
+        <el-link type="danger" @click="delDictItem(row.id)">删除</el-link>
+        <el-link type="danger" @click="updDictItem(row)">修改</el-link>
+      </template>
+    </MyTable>
+  </div>
+  <InterLoding v-model="chooseMarksVisible" @comfirm="addMarks" :data="dataModel"  />
+</template>
+
+<script setup>
+import { ref, reactive, watch, toRaw, getCurrentInstance, onMounted, onUnmounted } from "vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import InterLoding from "../component/interLoding.vue";
+import { tbGsxtZdryZfjlsaveOrUpdateZfjl,tbGsxtZdryZfjlselectZfjl,tbGsxtZdryZfjl } from '@/api/zdr.js'
+import { ElMessage, ElMessageBox } from "element-plus";
+const { proxy } = getCurrentInstance();
+const chooseMarksVisible = ref(false)
+const props = defineProps({
+  dataList: {
+    type: Object,
+    default: () => {},
+  }, disabled: {
+    type: Boolean,
+    default: false
+  },
+  showBut: {
+    type: Boolean,
+    default: false
+  },
+})
+const listData = ref({})
+const addUpd = ref(true)
+watch(() => props.dataList, (val) => {
+  if (val) {
+    listData.value = {...val}
+    gettbZdryClxxSelectPage()
+  }
+}, { deep: true })
+// 表格数据
+const pageData = reactive({
+  tableData: [],
+  tableColumn: [{
+    prop: 'zfmjXm',
+    width: 150,
+    label: '走访民警',
+  }, {
+    prop: 'zffs',
+    label: '走访方式',
+  }, {
+    prop: 'zfsj',
+    label: '走访时间',
+  }, {
+    prop: 'zfdz',
+    label: '走访地址',
+  },
+  {
+    prop: 'zfqk',
+    label: '走访情况',
+  }],
+  tableHeight: '200px',
+  keyCount: 0,
+  tableConfiger: {
+    border: true,
+    stripe: true,
+    showHeader: true,
+    showIndex: true,
+    indexLabel: '序号',
+    indexWidth: 60,
+    align: 'center',
+    showOverflowTooltip: true,
+    haveControls: !props.disabled
+  },
+  controlsWidth: 200,
+})
+
+// 修改数据接口
+const dataModel = ref()
+const addMarks = (val) => {
+  const params = {
+    ...val,
+    zdryId: listData.value.id,
+  }
+    if (addUpd.value) {
+      tbGsxtZdryZfjlsaveOrUpdateZfjl(params).then(res => {
+        gettbZdryClxxSelectPage()
+        proxy.$message({
+          message: '走访记录添加成功',
+          type: 'success'
+        })
+      })
+    }
+    else {
+      tbGsxtZdryZfjlsaveOrUpdateZfjl(params).then(res => {
+        gettbZdryClxxSelectPage()
+        proxy.$message({
+          message: '走访记录修改成功',
+          type: 'success'
+        })
+      })
+    }
+}
+
+// 删除走访记录
+const delDictItem = (val) => {
+  if (!props.disabled && props.showBut) {
+    ElMessageBox.confirm(
+      '是否删除走访记录',
+      '提示',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }
+    )
+      .then(() => {
+        tbGsxtZdryZfjl(val).then(res => {
+          gettbZdryClxxSelectPage()
+          proxy.$message({
+            message: '走访记录删除成功',
+            type: 'success'
+          })
+        })
+      })
+      .catch(() => {
+        ElMessage({
+          type: 'info',
+          message: '取消删除',
+        })
+      })
+  } else {
+    pageData.tableData = pageData.tableData.filter(v => v.id != val)
+  }
+
+}
+
+const updDictItem = (val) => {
+  chooseMarksVisible.value = true
+  addUpd.value = false
+  dataModel.value = val
+}
+const AddPore = () => {
+  chooseMarksVisible.value = true
+  dataModel.value = {}
+  addUpd.value = true
+}
+// 查询走访记录
+const gettbZdryClxxSelectPage = () => {
+  const promes = {
+    zdrid: listData.value.id
+  }
+  tbGsxtZdryZfjlselectZfjl(promes).then(res => {
+    console.log(res, "走访记录");
+    pageData.tableData = res
+  })
+}
+// 抛出数据并验证标签列表不为空
+const throwData = () => {
+  return new Promise((resolve) => {
+    resolve(pageData.tableData);
+  });
+}
+defineExpose({
+  throwData
+})
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+.backinfo-container {
+  padding: 10px;
+}
+
+::v-deep(.el-form) {
+  display: flex;
+  justify-content: space-between;
+}
+
+.left_box {
+  width: 200px;
+  border: 1px solid #c8c8c89a;
+  border-radius: 5px;
+  padding: 5px;
+}
+
+.right_box {
+  width: calc(100% - 230px);
+  overflow-y: auto;
+  padding: 5px;
+}
+
+::v-deep .el-form-item__content {
+  display: block !important;
+}
+
+.headClass {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 18px;
+  font-weight: 600;
+  color: #303133;
+  margin: 20px 0 10px 0;
+  padding-bottom: 10px;
+  border-bottom: 2px solid #409eff;
+
+}
+
+.headSelect {
+  width: 100%;
+  padding: 0 16px;
+  background-color: #fff;
+  border-bottom: 1px solid #eee;
+  display: flex;
+  justify-content: end;
+  padding-bottom: 20px;
+}
+
+/* 移除冲突样式：不要用 justify-content */
+
+/* 控制所有 el-form-item 高度和垂直居中 */
+.form-inline :deep(.el-form-item) {
+  margin-bottom: 0;
+  height: 60px;
+  display: flex;
+  align-items: center;
+}
+
+/* ✅ 按钮区域靠右，且不换行 */
+.form-inline .form-actions {
+  margin-left: auto;
+  /* 推到最右边 */
+  white-space: nowrap;
+  /* 防止按钮换行 */
+}
+
+/* 统一按钮样式，增加间距和视觉舒适度 */
+.form-inline :deep(.el-button) {
+  height: 36px;
+  padding: 8px 16px;
+  font-size: 14px;
+  border-radius: 4px;
+}
+
+/* 按钮之间留出间距（除了第一个） */
+.form-inline :deep(.el-button:not(:first-child)) {
+  margin-left: 12px;
+  /* 比原来的 8px 更宽松 */
+}
+
+// .headClass::after {
+//   content: '';
+//   position: absolute;
+//   left: 0;
+//   bottom: -2px;
+//   width: 60px;
+//   height: 2px;
+//   background-color: #409eff;
+// }
+
+h3 {
+  margin: 0;
+}
+</style>

src/views/backOfficeSystem/DeploymentDisposal/mpvCar/index.vue

@@ -1,7 +1,12 @@
 <template>
   <div>
-    <div class="titleBox">
+
-      <PageTitle title="重点车辆管理">
+    <!-- 搜索 -->
+    <div ref="searchBox"  class="mt10">
+      <Search :searchArr="searchConfiger" @submit="onSearch" />
+    </div>
+     <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
         <!-- <el-popover placement="bottom" :visible="visible" :width="400" trigger="click">
           <template #reference>
             <el-button type="primary" @click="(visible = !visible), (visiblefp = false)" size="small">布控申请</el-button>
@@ -28,12 +33,8 @@
           <el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
           <span style="vertical-align: middle">新增</span>
         </el-button>
+      </template>
       </PageTitle>
-    </div>
-    <!-- 搜索 -->
-    <div ref="searchBox">
-      <Search :searchArr="searchConfiger" @submit="onSearch" />
-    </div>
     <!-- 表格 -->
     <div class="tabBox">
       <MyTable

src/views/backOfficeSystem/DeploymentDisposal/mpvGroup/index copy.vue

@@ -1,7 +1,12 @@
 <template>
   <div>
-    <div class="titleBox">
+
-      <PageTitle title="重点群体管理">
+    <!-- 搜索 -->
+    <div ref="searchBox"  class="mt10">
+      <Search :searchArr="searchConfiger" @submit="onSearch" />
+    </div>
+       <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
         <!-- <el-popover placement="bottom" :visible="visible" :width="400" trigger="click">
           <template #reference>
             <el-button type="primary" @click="(visible = !visible), (visiblefp = false)" size="small">布控申请
@@ -33,12 +38,8 @@
           </el-icon>
           <span style="vertical-align: middle">新增</span>
         </el-button>
+        </template>
       </PageTitle>
-    </div>
-    <!-- 搜索 -->
-    <div ref="searchBox">
-      <Search :searchArr="searchConfiger" @submit="onSearch" />
-    </div>
     <!-- 表格 -->
     <div class="tabBox">
       <MyTable

src/views/backOfficeSystem/DeploymentDisposal/mpvGroup/index.vue

@@ -1,7 +1,12 @@
 <template>
   <div>
-    <div class="titleBox">
+
-      <PageTitle title="重点群体管理">
+    <!-- 搜索 -->
+    <div ref="searchBox" class="mt10">
+      <Search :searchArr="searchConfiger" @submit="onSearch" />
+    </div>
+      <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
         <!-- <el-popover placement="bottom" :visible="visible" :width="400" trigger="click">
           <template #reference>
             <el-button type="primary" @click="(visible = !visible), (visiblefp = false)" size="small">布控申请
@@ -34,12 +39,8 @@
           </el-icon>
           <span style="vertical-align: middle">新增</span>
         </el-button>
+      </template>
       </PageTitle>
-    </div>
-    <!-- 搜索 -->
-    <div ref="searchBox">
-      <Search :searchArr="searchConfiger" @submit="onSearch" />
-    </div>
     <!-- 表格 -->
     <div class="tabBox">
       <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
@@ -52,10 +53,8 @@
           <DictTag :tag="false" :value="row.qtFxdj" :options="D_GS_ZDQT_FXDJ" />
         </template>
         <template #bqList="{ row }">
-          <ul>
+            <span class="one_text_detail marks mr2" :key="index" v-for="(item, index) in row.bqList">{{ item.bqMc }}({{
-            <li class="one_text_detail marks mb4" :key="index" v-for="(item, index) in row.bqList">{{ item.bqMc }}({{
+              item.bqFz || 0 }} 分) 、</span>
-              item.bqFz || 0 }} 分) </li>
-          </ul>
         </template>
         <template #zdryList="{ row }">
           <span style="color: #0072ff">{{ row.zdryList ? row.zdryList.length : 0 }}</span>
@@ -172,20 +171,18 @@ const pageData = reactive({
   },
   controlsWidth: 280,
   tableColumn: [
-    { label: "群体名称", prop: "qtMc", width: 150 },
+    { label: "群体名称", prop: "qtMc" },
-    { label: "群体类别", prop: "qtLb", showSolt: true, width: 150 },
+    { label: "群体类别", prop: "qtLb", showSolt: true },
-    { label: "风险等级", prop: "qtFxdj", showSolt: true, width: 150 },
+    { label: "风险等级", prop: "qtFxdj", showSolt: true },
-    { label: "背景资料", prop: "qtBjzl", width: 150 },
+    // { label: "背景资料", prop: "qtBjzl" },
-    { label: "背景信息", prop: "bgxx", showSolt: true, width: 150 },
+    { label: "背景信息", prop: "bgxx", showSolt: true },
-    { label: "管辖单位", prop: "gxSsdwmc", width: 150 },
+    { label: "管辖单位", prop: "gxSsdwmc" },
-    { label: "列控原因", prop: "zdrLkyy", width: 150 },
+    { label: "列控原因", prop: "zdrLkyy" },
-    { label: "开始时间", prop: "zdrRkkssj", width: 150 },
+    { label: "开始时间", prop: "zdrRkkssj" },
-    { label: "截至时间", prop: "zdrRkjssj", width: 150 },
+    { label: "截至时间", prop: "zdrRkjssj" },
-    { label: "稳控人数", prop: "zdryList", showSolt: true, width: 150 },
+    { label: "稳控人数", prop: "zdryList", showSolt: true },
-    { label: "状态", prop: "qtZt", showSolt: true, width: 150 },
+    { label: "状态", prop: "qtZt", showSolt: true },
-    { label: "标签", prop: "bqList", showSolt: true, showOverflowTooltip: true, width: 400 },
+    { label: "标签", prop: "bqList", showSolt: true, showOverflowTooltip: true, },
-    { label: "创建单位", prop: "xtCjbmmc", width: 150 },
-    { label: "创建时间", prop: "xtCjsj", width: 150 },
   ]
 });
 
@@ -327,7 +324,7 @@ defineExpose({});
 
 <style lang="scss" scoped>
 .marks {
-  padding: 0 4px;
+  padding: 0 2px;
   white-space: nowrap;
   background: #73acf1;
   border-radius: 4px;

src/views/backOfficeSystem/DeploymentDisposal/mpvGroupSh/index.vue

@@ -1,7 +1,12 @@
 <template>
   <div>
-    <div class="titleBox">
+
-      <PageTitle title="重点群体审核">
+    <!-- 搜索 -->
+    <div ref="searchBox" class="mt10">
+      <Search :searchArr="searchConfiger" @submit="onSearch" />
+    </div>
+         <PageTitle  :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
         <!-- <el-popover placement="bottom" :visible="visible" :width="400" trigger="click">
           <template #reference>
             <el-button type="primary" @click="(visible = !visible), (visiblefp = false)" size="small">布控申请
@@ -31,12 +36,8 @@
           </el-icon>
           <span style="vertical-align: middle">新增</span>
         </el-button>
+      </template>
       </PageTitle>
-    </div>
-    <!-- 搜索 -->
-    <div ref="searchBox">
-      <Search :searchArr="searchConfiger" @submit="onSearch" />
-    </div>
     <!-- 表格 -->
     <div class="tabBox">
       <MyTable

src/views/backOfficeSystem/DeploymentDisposal/mpvPeo/components/addForm.vue

@@ -207,7 +207,7 @@ const submit = async () => {
     info.value.throwData()
     // personnelTags.value.throwData(),
   ]);
-  tbGsxtZdrySave(infoData).then(res => {
+  tbGsxtZdrySave({...infoData,rylx:'01'}).then(res => {
     proxy.$message({
       message: '新增成功',
       type: 'success',

src/views/backOfficeSystem/DeploymentDisposal/mpvPeo/index.vue

@@ -1,7 +1,11 @@
 <template>
   <div>
-    <div class="titleBox">
+    <!-- 搜索 -->
-      <PageTitle title="重点人管理">
+    <div ref="searchBox"  class="mt10">
+      <Search :searchArr="searchConfiger" @submit="onSearch" />
+    </div>
+     <PageTitle  :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
         <!-- <el-popover placement="bottom" :visible="visible" :width="400" trigger="click">
           <template #reference>
             <el-button type="primary" @click="(visible = !visible), (visiblefp = false)" size="small">布控申请</el-button>
@@ -32,12 +36,8 @@
           </el-icon>
           <span style="vertical-align: middle">新增</span>
         </el-button>
+      </template>
       </PageTitle>
-    </div>
-    <!-- 搜索 -->
-    <div ref="searchBox">
-      <Search :searchArr="searchConfiger" @submit="onSearch" />
-    </div>
     <!-- 表格 -->
     <div class="tabBox">
       <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
@@ -65,7 +65,7 @@
           <DictTag :tag="false" :value="row.zdrRyjb" :options="D_GS_ZDR_RYJB" />
         </template>
         <template #zdrBkZt="{ row }">
-          <DictTag :tag="false" :value="row.zdrBkZt" :options="D_GS_ZDR_BK_ZT" />
+          <DictTag :tag="false" :value="row.zdrBkZt" :options="D_ZDRGK_GKZT" />
         </template>
         <template #zdrCzzt="{ row }">
           <DictTag :tag="false" :value="row.zdrCzzt" :options="D_GS_ZDR_CZZT" />
@@ -96,7 +96,7 @@
     </div>
     <!-- 详情 -->
     <AddForm ref="addFormDiloag" @updateDate="getList"
-      :dic="{ D_GS_ZDR_RYJB, D_BZ_XB, D_BZ_MZ, D_BZ_XZQHDM, D_GS_ZDR_BK_ZT, D_GS_ZDR_CZZT, D_GS_BQ_ZL, D_GS_BQ_LB, D_GS_BQ_LX, D_GS_ZDR_YJDJ, D_GS_BK_SSJZ }" />
+      :dic="{ D_GS_ZDR_RYJB, D_BZ_XB, D_BZ_MZ, D_BZ_XZQHDM, D_ZDRGK_GKZT, D_GS_ZDR_CZZT, D_GS_BQ_ZL, D_GS_BQ_LB, D_GS_BQ_LX, D_GS_ZDR_YJDJ, D_GS_BK_SSJZ }" />
     <!-- 选择用户 -->
     <ChooseUser v-model="chooseUserVisible" @choosedUsers="handleUserSelected" :roleIds="roleIds" />
     <!-- 转线索 -->
@@ -120,8 +120,8 @@ import { useRouter, useRoute } from 'vue-router'
 const router = useRouter()
 const route = useRoute()
 const { proxy } = getCurrentInstance();
-const { D_GS_ZDQT_ZT, D_GS_ZDR_RYJB, D_BZ_XB, D_BZ_MZ, D_BZ_XZQHDM, D_GS_ZDR_BK_ZT, D_GS_ZDR_CZZT, D_GS_BQ_ZL, D_GS_BQ_LB, D_GS_BQ_LX, D_GS_ZDR_YJDJ, D_GS_BK_SSJZ, D_GS_BK_SQLX, D_BZ_SF, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX } =
+const { D_GS_ZDQT_ZT, D_GS_ZDR_RYJB, D_BZ_XB, D_BZ_MZ, D_BZ_XZQHDM, D_ZDRGK_GKZT, D_GS_ZDR_CZZT, D_GS_BQ_ZL, D_GS_BQ_LB, D_GS_BQ_LX, D_GS_ZDR_YJDJ, D_GS_BK_SSJZ, D_GS_BK_SQLX, D_BZ_SF, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX } =
-  proxy.$dict("D_GS_ZDQT_ZT", "D_GS_ZDR_RYJB", "D_BZ_XB", "D_BZ_MZ", "D_BZ_XZQHDM", "D_GS_ZDR_BK_ZT", "D_GS_ZDR_CZZT", "D_GS_BQ_ZL", "D_GS_BQ_LB", "D_GS_BQ_LX", "D_GS_ZDR_YJDJ", "D_GS_BK_SSJZ", "D_GS_BK_SQLX", "D_BZ_SF", "D_GS_XS_LY", "D_BZ_SSZT", "D_GS_XS_LX", "D_GS_XS_QTLX");
+  proxy.$dict("D_GS_ZDQT_ZT", "D_GS_ZDR_RYJB", "D_BZ_XB", "D_BZ_MZ", "D_BZ_XZQHDM", "D_ZDRGK_GKZT", "D_GS_ZDR_CZZT", "D_GS_BQ_ZL", "D_GS_BQ_LB", "D_GS_BQ_LX", "D_GS_ZDR_YJDJ", "D_GS_BK_SSJZ", "D_GS_BK_SQLX", "D_BZ_SF", "D_GS_XS_LY", "D_BZ_SSZT", "D_GS_XS_LX", "D_GS_XS_QTLX");
 const obj = ref({});
 const showzxs = ref(false);
 const zxsDilof = ref();
@@ -176,22 +176,16 @@ const pageData = reactive({
   },
   controlsWidth: 250,
   tableColumn: [
-    { label: "姓名", prop: "ryXm", width: 150 },
+    { label: "姓名", prop: "ryXm",width: 100 },
-    { label: "性别", prop: "ryXb", showSolt: true, width: 100 },
+    { label: "性别", prop: "ryXb", showSolt: true, width: 80 },
-    { label: "籍贯", prop: "ryJg", showSolt: true, width: 100 },
+    { label: "身份证", prop: "rySfzh", width: 170 },
-    { label: "身份证", prop: "rySfzh", width: 200 },
+    { label: "民族", prop: "ryMz", showSolt: true, width: 80 },
-    { label: "民族", prop: "ryMz", showSolt: true, width: 100 },
+    { label: "户籍派出所", prop: "hjdPcsmc" },
-    { label: "户籍地区划", prop: "hjdQh", showSolt: true, width: 150 },
+    { label: "标签", prop: "bqList", showSolt: true, showOverflowTooltip: true },
-    { label: "户籍派出所", prop: "hjdPcsmc", width: 200 },
+    { label: "管辖单位", prop: "gxSsbmmc" },
-    { label: "户籍地详址", prop: "hjdXz", width: 200 },
+    { label: "管控状态", prop: "zdrBkZt", showOverflowTooltip: true,showSolt: true, width: 100 },
-    { label: "标签", prop: "bqList", showSolt: true, width: 400, showOverflowTooltip: true },
+    { label: "审核状态", prop: "zdrZt", showSolt: true, width: 100 },
-    { label: "管辖单位", prop: "gxSsbmmc", width: 200 },
+    { label: "入库时间", prop: "zdrRkkssj", },
-    { label: "人员级别", prop: "zdrRyjb", showSolt: true, width: 130 },
-    { label: "管控原因", prop: "zdrLkyy", width: 200, showOverflowTooltip: true },
-    { label: "管控状态", prop: "zdrBkZt", width: 200, showOverflowTooltip: true },
-    { label: "处置状态", prop: "zdrCzzt", showSolt: true },
-    { label: "审核状态", prop: "zdrZt", showSolt: true },
-    { label: "状态", prop: "xtSjzt", showSolt: true },
   ]
 });
 
@@ -227,7 +221,7 @@ const getList = () => {
   pageData.tableConfiger.loading = true;
   // 人员类型D_ZDRY_RYLX(01 重点 02 普通〉
   //  rylx: '01',
-  let data = {...pageData.pageConfiger, ...queryFrom.value };
+  let data = {...pageData.pageConfiger, ...queryFrom.value,rylx: '01' };
   qcckGet(data, "/mosty-gsxt/tbGsxtZdry/selectPage").then((res) => {
     pageData.tableData = res.records || [];
     pageData.total = res.total;

src/views/backOfficeSystem/DeploymentDisposal/mpvPeoSh/index.vue

@@ -1,75 +1,88 @@
 <template>
   <div>
-    <div class="titleBox">
+    <!-- <div class="titleBox">
-      <PageTitle title="重点人审批">
+      <PageTitle title="重点人审批"> -->
-        <!-- <el-popover placement="bottom" :visible="visible" :width="400" trigger="click">
+    <!-- <el-popover placement="bottom" :visible="visible" :width="400" trigger="click">
           <template #reference>
             <el-button type="primary" @click="(visible = !visible), (visiblefp = false)" size="small">布控申请</el-button>
           </template>
-          <div class="flex just-center">
+<div class="flex just-center">
-            <el-button size="small" type="primary" v-for="it in D_GS_BK_SQLX" :key="it.dm" @click="handleApplication(it)" >{{ it.zdmc }}</el-button>
+  <el-button size="small" type="primary" v-for="it in D_GS_BK_SQLX" :key="it.dm" @click="handleApplication(it)">{{
-          </div>
+    it.zdmc }}</el-button>
-        </el-popover>
+</div>
-        <el-popover placement="bottom" :visible="visiblefp" :width="400" trigger="click">
+</el-popover>
-          <template #reference>
+<el-popover placement="bottom" :visible="visiblefp" :width="400" trigger="click">
+  <template #reference>
             <el-button size="small" type="primary" @click="(visiblefp = !visiblefp), (visible = false)" >指定分配</el-button>
           </template>
-          <div>
+  <div>
-            <el-input readonly v-model="obj.fpmc" @click="chooseUserVisible = true" placeholder="请选择民警"></el-input>
+    <el-input readonly v-model="obj.fpmc" @click="chooseUserVisible = true" placeholder="请选择民警"></el-input>
-            <div class="flex just-center mt10">
+    <div class="flex just-center mt10">
-              <el-button @click="(visiblefp = false), (obj = {})" size="small">取消</el-button>
+      <el-button @click="(visiblefp = false), (obj = {})" size="small">取消</el-button>
-              <el-button type="primary" @click="handlefp" size="small">分配</el-button>
+      <el-button type="primary" @click="handlefp" size="small">分配</el-button>
-            </div>
-          </div>
-        </el-popover>
-        <el-button size="small" type="primary" @click="handleZxs">转线索</el-button>
-        <el-button size="small" type="primary" @click="handleMove">移交管控</el-button> -->
-      </PageTitle>
     </div>
+  </div>
+</el-popover>
+<el-button size="small" type="primary" @click="handleZxs">转线索</el-button>
+<el-button size="small" type="primary" @click="handleMove">移交管控</el-button> -->
+    <!-- </PageTitle>
+    </div> -->
     <!-- 搜索 -->
-    <div ref="searchBox">
+    <div ref="searchBox" class="mt10 mb10">
       <Search :searchArr="searchConfiger" @submit="onSearch" />
     </div>
+    <!-- <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+          <el-button type="primary" @click="showYpdolog = true" size="small" :disabled="!ids.length">批量审批</el-button>
+      </template>
+    </PageTitle> -->
     <!-- 表格 -->
-    <div class="tabBox">
+    <div class="tabBox heightBox">
-      <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 #ryxx="{ row }">
           <div class="flex">
             <img src="" alt="" style="width: 80px;height: 90px;" />
             <ul class="tl ml10" style="flex:1 0 0">
               <li class="one_text_detail">姓名：{{ row.ryXm }}</li>
-              <li class="flex one_text_detail">性别：<DictTag :tag="false" :value="row.ryXb" :options="D_BZ_XB" /></li>
+              <li class="flex one_text_detail">性别：
-              <li class="flex one_text_detail">籍贯：<DictTag :tag="false" :value="row.ryJg" :options="D_BZ_XZQHDM"/></li>
+                <DictTag :tag="false" :value="row.ryXb" :options="D_BZ_XB" />
+              </li>
+              <li class="flex one_text_detail">籍贯：
+                <DictTag :tag="false" :value="row.ryJg" :options="D_BZ_XZQHDM" />
+              </li>
               <li class="one_text_detail">身份证：{{ row.rySfzh }}</li>
               <li class="one_text_detail">出生日期：{{ row.ryCsrq }}</li>
-              <li class="flex one_text_detail">民族：<DictTag :tag="false" :value="row.ryMz" :options="D_BZ_MZ" /></li>
+              <li class="flex one_text_detail">民族：
+                <DictTag :tag="false" :value="row.ryMz" :options="D_BZ_MZ" />
+              </li>
             </ul>
           </div>
         </template>
         <template #bqList="{ row }">
-         <ul >
+          <ul>
-            <li class="one_text_detail marks mb4" :key="index" v-for="(item, index) in row.bqList">{{ item.bqMc }}({{ item.bqFz || 0  }} 分) </li>
+            <li class="one_text_detail marks mb4" :key="index" v-for="(item, index) in row.bqList">{{ item.bqMc }}({{
+              item.bqFz || 0 }} 分) </li>
           </ul>
         </template>
 
         <template #jzxx="{ row }">
-          <div class="flex one_text_detail">户籍地区划：<DictTag :tag="false" :value="row.hjdQh" :options="D_BZ_XZQHDM" /></div>
+          <div class="flex one_text_detail">户籍地区划：
+            <DictTag :tag="false" :value="row.hjdQh" :options="D_BZ_XZQHDM" />
+          </div>
           <div class="flex one_text_detail">户籍派出所：{{ row.hjdPcsmc }}</div>
           <div class="flex one_text_detail">户籍地详址：{{ row.hjdXz }}</div>
         </template>
         <template #gxdw="{ row }">
           <div class="flex one_text_detail">管辖单位：{{ row.gxSsbmmc }}</div>
-          <div class="flex">人员级别：<DictTag :tag="false" :value="row.zdrRyjb" :options="D_GS_ZDR_RYJB"/> </div>
+          <div class="flex">人员级别：
+            <DictTag :tag="false" :value="row.zdrRyjb" :options="D_GS_ZDR_RYJB" />
+          </div>
           <div class="flex one_text_detail">管控原因：{{ row.zdrLkyy }}</div>
-          <div class="flex">管控状态：<DictTag :tag="false" :value="row.zdrBkZt" :options="D_GS_ZDR_BK_ZT" /></div>
+          <div class="flex">管控状态：
+            <DictTag :tag="false" :value="row.zdrBkZt" :options="D_GS_ZDR_BK_ZT" />
+          </div>
         </template>
         <template #zdrCzzt="{ row }">
           <DictTag :tag="false" :value="row.zdrCzzt" :options="D_GS_ZDR_CZZT" />
@@ -85,59 +98,63 @@
         <template #controls="{ row }">
           <el-popover placement="left" :visible="row.visible" :width="400" trigger="manual">
             <template #reference>
-              <el-link size="small" type="warning" v-if="row.zdrZt == '02'" @click="row.visible = !row.visible,chooseRow.id = row.id">审核</el-link>
+              <el-link size="small" type="warning" v-if="row.zdrZt == '02'"
+                @click="row.visible = !row.visible, chooseRow.id = row.id">审核</el-link>
             </template>
             <el-form :model="chooseRow" ref="elRowForm" :inline="true" label-width="100px" :rules="rules">
               <el-form-item label="是否通过" prop="sftg" class="mt10 mb10" style="width: 100%;">
-                <MOSTY.Select filterable v-model="chooseRow.sftg" :dictEnum="D_BZ_SF" width="100%" clearable  placeholder="请选择是否通过"/>
+                <MOSTY.Select filterable v-model="chooseRow.sftg" :dictEnum="D_BZ_SF" width="100%" clearable
+                  placeholder="请选择是否通过" />
               </el-form-item>
               <el-form-item label="不通过原因" prop="shBtgyy" v-if="chooseRow.sftg == 0" style="width: 100%;">
-                <MOSTY.Other style="width: 100%;" clearable v-model="chooseRow.shBtgyy" type="textarea" placeholder="请输入不通过原因"/>
+                <MOSTY.Other style="width: 100%;" clearable v-model="chooseRow.shBtgyy" type="textarea"
+                  placeholder="请输入不通过原因" />
               </el-form-item>
             </el-form>
             <div class="flex just-center mt10">
               <el-button @click.stop="cancelRow(row)">取消</el-button>
-              <el-button type="primary"  @click.stop="handleSend(row)"  v-loading="btnloading">确定</el-button>
+              <el-button type="primary" @click.stop="handleSend(row)" v-loading="btnloading">确定</el-button>
             </div>
           </el-popover>
 
           <el-popover placement="left" :visible="row.visible1" :width="400" trigger="manual">
             <template #reference>
-              <el-link size="small" type="primary" v-if="row.zdrZt == '04'" @click="row.visible1 = !row.visible1,chooseRow.id = row.id">审批</el-link>
+              <el-link size="small" type="primary" v-if="row.zdrZt == '04'"
+                @click="row.visible1 = !row.visible1, chooseRow.id = row.id">审批</el-link>
             </template>
             <el-form :model="chooseRow" ref="elRowForm1" :inline="true" label-width="100px" :rules="rules">
               <el-form-item label="是否通过" prop="sftg" class="mt10 mb10" style="width: 100%;">
-                <MOSTY.Select filterable v-model="chooseRow.sftg" :dictEnum="D_BZ_SF" width="100%" clearable  placeholder="请选择是否通过"/>
+                <MOSTY.Select filterable v-model="chooseRow.sftg" :dictEnum="D_BZ_SF" width="100%" clearable
+                  placeholder="请选择是否通过" />
               </el-form-item>
               <el-form-item label="不通过原因" prop="spBtgyy" v-if="chooseRow.sftg == 0" style="width: 100%;">
-                <MOSTY.Other style="width: 100%;" clearable v-model="chooseRow.spBtgyy" type="textarea" placeholder="请输入不通过原因"/>
+                <MOSTY.Other style="width: 100%;" clearable v-model="chooseRow.spBtgyy" type="textarea"
+                  placeholder="请输入不通过原因" />
               </el-form-item>
             </el-form>
             <div class="flex just-center mt10">
               <el-button @click.stop="cancelRowSp(row)">取消</el-button>
-              <el-button type="primary"  @click.stop="handleSendSp(row)"  v-loading="btnloading">确定</el-button>
+              <el-button type="primary" @click.stop="handleSendSp(row)" v-loading="btnloading">确定</el-button>
             </div>
           </el-popover>
 
-          <el-link size="small" type="primary" @click="addEdit('detail', row)" >详情</el-link>
+          <el-link size="small" type="primary" @click="addEdit('detail', row)">详情</el-link>
         </template>
       </MyTable>
-      <Pages
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
-        @changeNo="changeNo"
+        ...pageData.pageConfiger,
-        @changeSize="changeSize"
+        total: pageData.total
-        :tableHeight="pageData.tableHeight"
+      }"></Pages>
-        :pageConfiger="{
-          ...pageData.pageConfiger,
-          total: pageData.total
-        }"
-      ></Pages>
     </div>
     <!-- 详情 -->
-    <AddForm ref="addFormDiloag" @updateDate="getList" :dic="{D_GS_ZDR_RYJB,D_BZ_XB,D_BZ_MZ,D_BZ_XZQHDM,D_GS_ZDR_BK_ZT,D_GS_ZDR_CZZT,D_GS_BQ_ZL,D_GS_BQ_LB,D_GS_BQ_LX,D_GS_ZDR_YJDJ,D_GS_BK_SSJZ}"/>
+    <AddForm ref="addFormDiloag" @updateDate="getList"
+      :dic="{ D_GS_ZDR_RYJB, D_BZ_XB, D_BZ_MZ, D_BZ_XZQHDM, D_GS_ZDR_BK_ZT, D_GS_ZDR_CZZT, D_GS_BQ_ZL, D_GS_BQ_LB, D_GS_BQ_LX, D_GS_ZDR_YJDJ, D_GS_BK_SSJZ }" />
     <!-- 选择用户 -->
-    <ChooseUser v-model="chooseUserVisible" @choosedUsers="handleUserSelected" :roleIds="roleIds"/>
+    <ChooseUser v-model="chooseUserVisible" @choosedUsers="handleUserSelected" :roleIds="roleIds" />
     <!-- 转线索 -->
-    <ZxsForm v-if="showzxs" ref="zxsDilof" @change="getList" :dic="{D_BZ_SF,D_BZ_XB,D_GS_XS_LY,D_BZ_SSZT,D_GS_XS_LX,D_GS_XS_QTLX }"></ZxsForm>
+    <ZxsForm v-if="showzxs" ref="zxsDilof" @change="getList"
+      :dic="{ D_BZ_SF, D_BZ_XB, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX }"></ZxsForm>
+      <Ypdolog v-model="showYpdolog" :dataList="ids"/>
   </div>
 </template>
 
@@ -152,9 +169,10 @@ import Pages from "@/components/aboutTable/Pages.vue";
 import Search from "@/components/aboutTable/Search.vue";
 import AddForm from "../mpvPeo/components/addForm.vue";
 import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import Ypdolog from "./ypdolog.vue";
 import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
 const { proxy } = getCurrentInstance();
-const { D_GS_ZDQT_ZT,D_GS_ZDR_RYJB, D_BZ_XB, D_BZ_MZ, D_BZ_XZQHDM, D_GS_ZDR_BK_ZT, D_GS_ZDR_CZZT, D_GS_BQ_ZL, D_GS_BQ_LB, D_GS_BQ_LX, D_GS_ZDR_YJDJ, D_GS_BK_SSJZ, D_GS_BK_SQLX, D_BZ_SF, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX } = proxy.$dict("D_GS_ZDQT_ZT","D_GS_ZDR_RYJB","D_BZ_XB","D_BZ_MZ","D_BZ_XZQHDM","D_GS_ZDR_BK_ZT","D_GS_ZDR_CZZT","D_GS_BQ_ZL","D_GS_BQ_LB","D_GS_BQ_LX","D_GS_ZDR_YJDJ","D_GS_BK_SSJZ","D_GS_BK_SQLX","D_BZ_SF","D_GS_XS_LY","D_BZ_SSZT","D_GS_XS_LX","D_GS_XS_QTLX");
+const { D_GS_ZDQT_ZT, D_GS_ZDR_RYJB, D_BZ_XB, D_BZ_MZ, D_BZ_XZQHDM, D_GS_ZDR_BK_ZT, D_GS_ZDR_CZZT, D_GS_BQ_ZL, D_GS_BQ_LB, D_GS_BQ_LX, D_GS_ZDR_YJDJ, D_GS_BK_SSJZ, D_GS_BK_SQLX, D_BZ_SF, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX } = proxy.$dict("D_GS_ZDQT_ZT", "D_GS_ZDR_RYJB", "D_BZ_XB", "D_BZ_MZ", "D_BZ_XZQHDM", "D_GS_ZDR_BK_ZT", "D_GS_ZDR_CZZT", "D_GS_BQ_ZL", "D_GS_BQ_LB", "D_GS_BQ_LX", "D_GS_ZDR_YJDJ", "D_GS_BK_SSJZ", "D_GS_BK_SQLX", "D_BZ_SF", "D_GS_XS_LY", "D_BZ_SSZT", "D_GS_XS_LX", "D_GS_XS_QTLX");
 const obj = ref({});
 const showzxs = ref(false);
 const zxsDilof = ref();
@@ -226,10 +244,10 @@ const pageData = reactive({
   },
   controlsWidth: 120,
   tableColumn: [
-    { label: "重点人员信息", prop: "ryxx", showSolt: true,width:300,showOverflowTooltip:true },
+    { label: "重点人员信息", prop: "ryxx", showSolt: true, width: 300, showOverflowTooltip: true },
-    { label: "户籍居住信息", prop: "jzxx", showSolt: true,width:300, },
+    { label: "户籍居住信息", prop: "jzxx", showSolt: true, width: 300, },
-    { label: "标签", prop: "bqList", showSolt: true ,width:200,showOverflowTooltip:true},
+    { label: "标签", prop: "bqList", showSolt: true, width: 200, showOverflowTooltip: true },
-    { label: "管辖单位", prop: "gxdw", showSolt: true,width:300, },
+    { label: "管辖单位", prop: "gxdw", showSolt: true, width: 300, },
     { label: "处置状态", prop: "zdrCzzt", showSolt: true },
     { label: "状态", prop: "xtSjzt", showSolt: true },
     { label: "审核状态", prop: "zdrZt", showSolt: true },
@@ -260,7 +278,7 @@ const changeSize = (val) => {
 // 获取列表
 const getList = () => {
   pageData.tableConfiger.loading = true;
-  let data = { ...pageData.pageConfiger, ...queryFrom.value,zdrZt:'02' };
+  let data = { ...pageData.pageConfiger, ...queryFrom.value, zdrZt: '02' };
   qcckGet(data, "/mosty-gsxt/tbGsxtZdry/selectPage").then((res) => {
     pageData.tableData = res.records || [];
     pageData.total = res.total;
@@ -295,7 +313,7 @@ const handleUserSelected = (val) => {
 // 处理分配
 const handlefp = () => {
   if (ids.value.length === 0) return ElMessage.error("请先选择需要布控的重点人");
-  qcckPost({ ids: ids.value, uid: obj.value.fpid },"/mosty-gsxt/tbGsxtZdry/addGkmj").then(() => {
+  qcckPost({ ids: ids.value, uid: obj.value.fpid }, "/mosty-gsxt/tbGsxtZdry/addGkmj").then(() => {
     ElMessage.success("分配成功");
     visible.value = false;
     visiblefp.value = false;
@@ -336,54 +354,54 @@ const cancelRow = (row) => {
 };
 
 // 审核
-const handleSend = (val) =>{
+const handleSend = (val) => {
   elRowForm.value.validate((valid) => {
-    if(!valid) return;
+    if (!valid) return;
     btnloading.value = true;
     qcckPost(chooseRow.value, "/mosty-gsxt/tbGsxtZdry/updateSh").then(() => {
       proxy.$message({ type: "success", message: "审核成功" });
       cancelRow(val)
       getList();
-    }).catch(()=>{
+    }).catch(() => {
       btnloading.value = false;
     });
   })
 }
 
 // 审批
-const cancelRowSp = (row) =>{
+const cancelRowSp = (row) => {
   row.visible1 = false;
   chooseRow.value = {};
   btnloading.value = false;
   elRowForm1.value.resetFields()
 }
 // 审批
-const handleSendSp = (val) =>{
+const handleSendSp = (val) => {
   elRowForm1.value.validate((valid) => {
-    if(!valid) return;
+    if (!valid) return;
     btnloading.value = true;
     qcckPost(chooseRow.value, "/mosty-gsxt/tbGsxtZdry/updateSp").then(() => {
       proxy.$message({ type: "success", message: "审批成功" });
       cancelRowSp(val);
       getList();
-    }).catch(()=>{
+    }).catch(() => {
       btnloading.value = false;
     });
   })
 }
-
+const showYpdolog=ref(false)
 
 //新增编辑
 const addEdit = (type, row) => {
   show.value = true;
-  nextTick(()=>{
+  nextTick(() => {
     addFormDiloag.value.init(type, row);
   })
 };
 
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 200;
   window.onresize = function () {
     tabHeightFn();
   };
@@ -391,7 +409,7 @@ const tabHeightFn = () => {
 </script>
 
 <style lang="scss" scoped>
-.marks{
+.marks {
   padding: 0 4px;
   white-space: nowrap;
   background: #73acf1;
@@ -404,5 +422,4 @@ const tabHeightFn = () => {
 .el-loading-mask {
   background: rgba(0, 0, 0, 0.5) !important;
 }
-
 </style>

src/views/backOfficeSystem/DeploymentDisposal/mpvPeoSh/ypdolog.vue

@@ -0,0 +1,103 @@
+<template>
+  <el-dialog :model-value="modelValue" title="内部审核" width="35%" @close="closeDialog" destroy-on-close append-to-body>
+    <div style="height: 15vh; overflow: auto;">
+      <el-form ref="ruleFormRef" :rules="rules" :model="form" label-width="auto" style="max-width: 600px">
+        <el-form-item label="审核状态" prop="shzt">
+          <el-radio-group v-model="form.sftg">
+            <el-radio label="01">通过</el-radio>
+            <el-radio label="02">拒绝</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="审核意见" prop="shyj">
+          <el-input v-model="form.spBtgyy" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+
+      </el-form>
+    </div>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="closeDialog(ruleFormRef)">取消</el-button>
+        <el-button type="primary" @click="submitForm(ruleFormRef)">确认 </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+
+import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
+import { ref, reactive, getCurrentInstance, watch } from "vue";
+import { ypbgSjzlYpsp } from '@/api/huiShangyp/strategicApi.js'
+const { proxy } = getCurrentInstance()
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  dataList: {
+    type: Array,
+    default: () => ([])
+  }
+})
+const emit = defineEmits(['update:modelValue','getList'])
+const closeDialog = (formEl) => {
+  if (!formEl) return
+  formEl.resetFields()
+  emit('update:modelValue', false)
+}
+const rules = reactive({
+  shzt: [
+    { required: true, message: '请选择审核状态', trigger: 'blur' }
+  ],
+  shyj: [
+    { required: true, message: '请输入审核意见', trigger: 'blur' }
+  ]
+})
+const ruleFormRef = ref(null)
+const form = reactive({
+  shzt: '',
+  shyj: ''
+})
+const handleSendSpPl = (val) => {
+  proxy.$confirm("是否确定审批？", "警告", { type: "warning" }).then(() => {
+    qcckPost({ids:ids.value}, "/mosty-gsxt/tbGsxtZdry/batchSh").then(() => {
+      proxy.$message({ type: "success", message: "审批成功" });
+      cancelRowSp(val);
+      getList();
+    }).catch(() => {
+      btnloading.value = false;
+    });
+   })
+}
+
+const submitForm = async (formEl) => {
+  if (!formEl) return
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      const promise = {
+        ...form,
+        ypid: props.dataList
+      }
+
+      ypbgSjzlYpsp(promise).then(res => {
+        proxy.$message({
+          message: '操作成功',
+          type: 'success'
+        })
+        emit('getList')
+          formEl.resetFields()
+       emit('update:modelValue', false)
+      })
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+
+
+
+
+
+</script>
+
+<style scoped></style>

src/views/backOfficeSystem/DeploymentDisposal/mvpSP/index.vue

@@ -0,0 +1,26 @@
+<template>
+  <div>
+      <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+        <template #left>
+          <el-button size="small" v-for="el in tabBtn" :type="tabActive==el?'primary':''" @click="tabActive=el" :key="el">{{ el }}</el-button>
+        </template>
+      </PageTitle>
+    <ZdrSP v-if="tabActive == '重点人审批'" />
+    <ZdqtSP v-if="tabActive == '重点群体审批'" />
+  </div>
+</template>
+
+<script setup>
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import ZdrSP from "@/views/backOfficeSystem/DeploymentDisposal/mpvPeoSh/index";
+import ZdqtSP from "@/views/backOfficeSystem/DeploymentDisposal/mpvGroupSh/index";
+import { ref } from "vue";
+const tabBtn=ref(["重点人审批","重点群体审批"])
+const tabActive=ref('重点人审批')
+</script>
+
+<style>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+</style>

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

@@ -1,14 +1,11 @@
 <template>
   <div>
-    <div class="titleBox">
-      <PageTitle title="重点人员深度发掘"></PageTitle>
-    </div>
     <!-- 搜索 -->
-    <div ref="searchBox">
+    <div ref="searchBox"  class="mt10 mb10">
       <Search :searchArr="searchConfiger" @submit="onSearch" />
     </div>
     <!-- 表格 -->
-    <div class="tabBox">
+    <div class="tabBox heightBox">
       <MyTable
         :tableData="pageData.tableData"
         :tableColumn="pageData.tableColumn"
@@ -192,7 +189,7 @@ const handleDetail = (val,type) =>{
 }
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 200;
   window.onresize = function () {
     tabHeightFn();
   };

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

@@ -12,12 +12,12 @@
       <Search :searchArr="searchConfiger" @submit="onSearch"> </Search>
       <div class="tableCnt1 mb10 pl10 pr10">
         <PageTitle title="发掘内容" style="color: #333"></PageTitle>
-        <MyTable 
+        <MyTable
-          :tableData="pageData.tableData" 
+          :tableData="pageData.tableData"
-          :tableColumn="pageData.tableColumn" 
+          :tableColumn="pageData.tableColumn"
           :tableHeight="pageData.tableHeight"
-          :key="pageData.keyCount" 
+          :key="pageData.keyCount"
-          :tableConfiger="pageData.tableConfigerTop" 
+          :tableConfiger="pageData.tableConfigerTop"
           :controlsWidth="pageData.controlsWidth">
           <template #sjly="{ row }">
             <DictTag :tag="false" :value="row.sjly" :options="D_GS_RQFJ_LX" />
@@ -38,11 +38,11 @@
           <el-button :type="it == '批量删除' ? 'danger' : 'primary'" size="small" v-for="it in btnsList" :key="it" @click="chooseType(it)">{{ it }}</el-button>
         </div>
         <div>
-          <MyTable 
+          <MyTable
-            :tableData="pageData.tableData2" 
+            :tableData="pageData.tableData2"
             :tableColumn="pageData.tableColumn2"
-            :tableHeight="pageData.tableHeight2" 
+            :tableHeight="pageData.tableHeight2"
-            :key="pageData.keyCount" 
+            :key="pageData.keyCount"
             :tableConfiger="pageData.tableConfiger"
             :controlsWidth="pageData.controlsWidth"
              @chooseData="chooseDataBottom">
@@ -72,10 +72,10 @@
               <el-link size="small" type="primary" @click="viewDetails(row)">查看</el-link>
             </template>
           </MyTable>
-          <Pages 
+          <Pages
-            @changeNo="changeNo" 
+            @changeNo="changeNo"
-            @changeSize="changeSize" 
+            @changeSize="changeSize"
-            :tableHeight="pageData.tableHeight" 
+            :tableHeight="pageData.tableHeight"
             :pageConfiger="{
             ...pageData.pageConfiger,
             total: pageData.total
@@ -122,7 +122,8 @@ const searchConfiger = ref([
   }
 ]);
 const active = ref('');
-const btnsList = reactive(["级别变更","警种变更","指定分配","添加标签","导出","批量删除"]);
+// "级别变更","警种变更","指定分配","添加标签",
+const btnsList = reactive(["导出","批量删除"]);
 const chooselx = ref("");
 const ids = ref([]);
 const addFormDiloag = ref();
@@ -295,7 +296,7 @@ const intelligent = () => {
   btnLoading.value = true;
   ParsingText( obj,(res)=>{
     console.log(res,'===========系欸小蜀');
-    
+
     btnLoading.value = false;
     let content = res.data.choices[0].message.content;
     let message = null;

src/views/backOfficeSystem/HumanIntelligence/ConversionSynthesis/index.vue

@@ -1,15 +1,12 @@
 <template>
   <div>
-    <div class="titleBox">
+
-      <PageTitle title="转合成">
-      </PageTitle>
-    </div>
     <!-- 搜索 -->
-    <div ref="searchBox">
+    <div ref="searchBox" class="mt10 mb10">
       <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" />
     </div>
     <!-- 表格 -->
-    <div class="tabBox">
+    <div class="tabBox heightBox">
       <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
         :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
         @chooseData="chooseData">
@@ -125,7 +122,7 @@ const getList = () => {
 
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight -200
   window.onresize = function () {
     tabHeightFn();
   };

src/views/backOfficeSystem/HumanIntelligence/FileData/index.vue

@@ -0,0 +1,23 @@
+<template>
+  <div>
+    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button :type="qh ? 'primary' : 'default'" @click="add(true)" size="small">文件中转</el-button>
+        <el-button :type="qh ? 'default' : 'primary'" @click="add(false)" size="small">点对点</el-button>
+      </template>
+    </PageTitle>
+    <FileTransfer v-if="qh" />
+    <FileOrientation v-else />
+  </div>
+
+</template>
+<script setup>
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import FileTransfer from "@/views/backOfficeSystem/HumanIntelligence/fileTransfer/index.vue"
+import FileOrientation from "@/views/backOfficeSystem/HumanIntelligence/fileOrientation/index.vue"
+import { ref } from "vue";
+const qh = ref(true)
+const add = (flag) => {
+  qh.value = flag
+}
+</script>

src/views/backOfficeSystem/HumanIntelligence/FollowLeads/index.vue

@@ -1,15 +1,11 @@
 <template>
   <div>
-    <div class="titleBox">
-      <PageTitle title="转线索">
-      </PageTitle>
-    </div>
     <!-- 搜索 -->
-    <div ref="searchBox">
+    <div ref="searchBox" class="mt10 mb10">
       <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" />
     </div>
     <!-- 表格 -->
-    <div class="tabBox">
+    <div class="tabBox heightBox">
       <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
         :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
         @chooseData="chooseData">
@@ -77,8 +73,8 @@ const qxkz = reactive({
 
 const searchConfiger = ref([
   { label: "情报标题", prop: 'qbmc', placeholder: "请输入情报标题", showType: "input" },
-  // { label: "情报来源", prop: 'cjLx', placeholder: "请选择情报来源", showType: "select", options: D_BZ_CJLX },
+  { label: "时间", prop: 'times', placeholder: "请输入时间", showType: "datetimerange" },
-  // { label: "来源单位", prop: 'ssbmdm', placeholder: "请选择来源单位", showType: "department" }
+  { label: "部门", prop: 'ssbmdm', placeholder: "请选择来源单位", showType: "department" }
 ]);
 
 const pageData = reactive({
@@ -94,13 +90,14 @@ const pageData = reactive({
     pageSize: 20,
     pageCurrent: 1
   },
-  controlsWidth: 240,
+  controlsWidth: 100,
   tableColumn: [
-    { label: "情报标题", prop: "qbmc" },
+    { label: "情报标题", prop: "qbmc",width:250 },
+    { label: "编号", prop: "xsBh",width:190 },
     // { label: "情报类型", prop: "qblx", showSolt: true },
     // { label: "情报来源", prop: "cjlx", showSolt: true },
-    { label: "转线索时间", prop: "zxssj" },
+    { label: "转线索时间", prop: "zxssj",width:190 },
-    { label: "情报内容", prop: "qbnr" },
+    { label: "情报内容", prop: "qbnr",width:190 },
     { label: "所属部门", prop: "ssbm" },
   ]
 });
@@ -108,16 +105,9 @@ const queryFrom = ref({});
 
 // 搜索
 const onSearch = (val) => {
-  const { lrkssj, zxkssj } = val
+  queryFrom.value = { ...val }
-  const promes = {
+  queryFrom.value.startTime = val.times ? val.times[0] : ''
-    ...val,
+  queryFrom.value.endTime = val.times ? val.times[1] : ''
-    ...pageData.pageConfiger,
-    lrkssj: lrkssj ? lrkssj[0] : '',
-    lrjssj: lrkssj ? lrkssj[1] : '',
-    zxkssj: zxkssj ? zxkssj[0] : '',
-    zxjssj: zxkssj ? zxkssj[1] : '',
-  }
-  queryFrom.value = { ...promes }
   pageData.pageConfiger.pageCurrent = 1;
   getList()
 }
@@ -135,6 +125,7 @@ const changeSize = (val) => {
 const getList = () => {
   pageData.tableConfiger.loading = true;
   let data = { ...pageData.pageConfiger, ...queryFrom.value };
+  delete data.times;
   xxcjZxsSelectPage(data).then(res => {
     pageData.tableData = res.records || [];
     pageData.total = res.total;
@@ -145,7 +136,7 @@ const getList = () => {
 
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 200;
   window.onresize = function () {
     tabHeightFn();
   };

src/views/backOfficeSystem/HumanIntelligence/JobAppraisal/index.vue

@@ -1,17 +1,17 @@
 <template>
   <div>
-    <div class="titleBox">
+    <!-- 搜索 -->
-      <PageTitle title="工作考核">
+    <div ref="searchBox" class="mt10">
-        <el-button type="primary" @click="addEdit('add', '')">
+      <Search :searchArr="searchConfiger" @submit="onSearch" />
+    </div>
+     <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button size="small" type="primary" @click="addEdit('add', '')">
           <el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
           <span style="vertical-align: middle">新增</span>
         </el-button>
+        </template>
       </PageTitle>
-    </div>
-    <!-- 搜索 -->
-    <div ref="searchBox">
-      <Search :searchArr="searchConfiger" @submit="onSearch" />
-    </div>
     <!-- 表格 -->
     <div class="tabBox">
       <MyTable

src/views/backOfficeSystem/HumanIntelligence/SocialInformationCrculate/index.vue

@@ -152,9 +152,7 @@ watch(() => D_BZ_BQJB, val => {
     { label: "情报类型", prop: 'qblx', placeholder: "请选择情报类型", showType: "select", options: D_GS_XS_LX },
     { label: "情报来源", prop: 'cjLx', placeholder: "请选择情报来源", showType: "select", options: D_BZ_CJLX },
     { label: "情报处置状态", prop: 'czzt', placeholder: "请选择处置状态", showType: "select", options: D_BZ_QBCZZT },
-    {
+    {label: "标签级别", prop: 'qbjbList', placeholder: "请选择标签", showType: "select", options: list.value},
-      label: "标签级别", prop: 'qbjbList', placeholder: "请选择标签", showType: "select", options: list.value
-    },
     { label: "来源单位", prop: 'ssbmdm', placeholder: "请选择来源单位", showType: "department" },
     { label: "关键字", prop: 'keyword', placeholder: "请输入关键字", showType: "input" },
   ]

src/views/backOfficeSystem/HumanIntelligence/appraisalManagement/components/Items.vue

@@ -0,0 +1,265 @@
+<template>
+  <div class="items-container">
+    <el-card class="item-card">
+      <template #header>
+        <div class="card-header">
+          <span class="card-title">考核详情</span>
+        </div>
+      </template>
+      <div class="item-grid">
+        <!-- <div class="item-row">
+          <div class="item-col">
+            <span class="item-label">研判分数：</span>
+            <span class="item-value">{{ row.ypfs || 0 }}</span>
+          </div>
+          <div class="item-col">
+            <span class="item-label">采集分数：</span>
+            <span class="item-value">{{ row.cjfs || 0 }}</span>
+          </div>
+        </div> -->
+        <div class="item-section">
+          <h4>分数详情</h4>
+          <div class="item-grid">
+            <div class="item-col">
+              <span class="item-label">研判分数：</span>
+              <span class="item-value">{{ row.ypfs || 0 }}</span>
+            </div>
+            <div class="item-col">
+              <span class="item-label">采集分数：</span>
+              <span class="item-value">{{ row.cjfs || 0 }}</span>
+            </div>
+          </div>
+        </div>
+        <div class="item-section">
+          <h4>七类人员</h4>
+          <div class="item-grid">
+            <div class="item-col">
+              <span class="item-label">总数：</span>
+              <span class="item-value">{{ row.qlryZs || 0 }}</span>
+            </div>
+            <div class="item-col">
+              <span class="item-label">签收数：</span>
+              <span class="item-value">{{ row.qlryQss || 0 }}</span>
+            </div>
+            <div class="item-col">
+              <span class="item-label">反馈数：</span>
+              <span class="item-value">{{ row.qlryFks || 0 }}</span>
+            </div>
+            <div class="item-col">
+              <span class="item-label">签收率：</span>
+              <span class="item-value">{{ (row.qlryQsl || 0) * 100 }}%</span>
+            </div>
+            <div class="item-col">
+              <span class="item-label">反馈率：</span>
+              <span class="item-value">{{ (row.qlryFkl || 0) * 100 }}%</span>
+            </div>
+          </div>
+        </div>
+
+        <div class="item-section">
+          <h4>人像预警</h4>
+          <div class="item-grid">
+            <div class="item-col">
+              <span class="item-label">总数：</span>
+              <span class="item-value">{{ row.rxyjZs || 0 }}</span>
+            </div>
+            <div class="item-col">
+              <span class="item-label">签收数：</span>
+              <span class="item-value">{{ row.rxyjQss || 0 }}</span>
+            </div>
+            <div class="item-col">
+              <span class="item-label">反馈数：</span>
+              <span class="item-value">{{ row.rxyjFks || 0 }}</span>
+            </div>
+            <div class="item-col">
+              <span class="item-label">签收率：</span>
+              <span class="item-value">{{ (row.rxyjQsl || 0) * 100 }}%</span>
+            </div>
+            <div class="item-col">
+              <span class="item-label">反馈率：</span>
+              <span class="item-value">{{ (row.rxyjFkl || 0) * 100 }}%</span>
+            </div>
+          </div>
+        </div>
+
+        <div class="item-section">
+          <h4>车辆预警</h4>
+          <div class="item-grid">
+            <div class="item-col">
+              <span class="item-label">总数：</span>
+              <span class="item-value">{{ row.clyjZs || 0 }}</span>
+            </div>
+            <div class="item-col">
+              <span class="item-label">签收数：</span>
+              <span class="item-value">{{ row.clyjQss || 0 }}</span>
+            </div>
+            <div class="item-col">
+              <span class="item-label">反馈数：</span>
+              <span class="item-value">{{ row.clyjFks || 0 }}</span>
+            </div>
+            <div class="item-col">
+              <span class="item-label">签收率：</span>
+              <span class="item-value">{{ (row.clyjQsl || 0) * 100 }}%</span>
+            </div>
+            <div class="item-col">
+              <span class="item-label">反馈率：</span>
+              <span class="item-value">{{ (row.clyjFkl || 0) * 100 }}%</span>
+            </div>
+          </div>
+        </div>
+
+        <div class="item-section">
+          <h4>布控预警</h4>
+          <div class="item-grid">
+            <div class="item-col">
+              <span class="item-label">总数：</span>
+              <span class="item-value">{{ row.bkyjZs || 0 }}</span>
+            </div>
+            <div class="item-col">
+              <span class="item-label">签收数：</span>
+              <span class="item-value">{{ row.bkyjQss || 0 }}</span>
+            </div>
+            <div class="item-col">
+              <span class="item-label">反馈数：</span>
+              <span class="item-value">{{ row.bkyjFks || 0 }}</span>
+            </div>
+            <div class="item-col">
+              <span class="item-label">签收率：</span>
+              <span class="item-value">{{ (row.bkyjQsl || 0) * 100 }}%</span>
+            </div>
+            <div class="item-col">
+              <span class="item-label">反馈率：</span>
+              <span class="item-value">{{ (row.bkyjFkl || 0) * 100 }}%</span>
+            </div>
+          </div>
+        </div>
+
+        <div class="item-section">
+          <h4>政保预警</h4>
+          <div class="item-grid">
+            <div class="item-col">
+              <span class="item-label">总数：</span>
+              <span class="item-value">{{ row.zbyjZs || 0 }}</span>
+            </div>
+            <div class="item-col">
+              <span class="item-label">签收数：</span>
+              <span class="item-value">{{ row.zbyjQss || 0 }}</span>
+            </div>
+            <div class="item-col">
+              <span class="item-label">反馈数：</span>
+              <span class="item-value">{{ row.zbyjFks || 0 }}</span>
+            </div>
+            <div class="item-col">
+              <span class="item-label">签收率：</span>
+              <span class="item-value">{{ (row.zbyjQsl || 0) * 100 }}%</span>
+            </div>
+            <div class="item-col">
+              <span class="item-label">反馈率：</span>
+              <span class="item-value">{{ (row.zbyjFkl || 0) * 100 }}%</span>
+            </div>
+          </div>
+        </div>
+
+        <!-- <div class="item-row">
+          <div class="item-col">
+            <span class="item-label">更新时间：</span>
+            <span class="item-value">{{ row.gxsj || '-' }}</span>
+          </div>
+        </div> -->
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script setup>
+import { defineProps } from 'vue';
+
+const props = defineProps({
+  row: {
+    type: Object,
+    default: () => ({})
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+.items-container {
+  width: 100%;
+  padding: 10px;
+  height: 40vh;
+  overflow: auto;
+}
+
+.item-card {
+  margin-bottom: 10px;
+  background-color: #f0f0f0;
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .card-title {
+    color: #000;
+  }
+}
+
+.item-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: 15px;
+  margin-bottom: 20px;
+}
+
+.item-section {
+  margin-bottom: 25px;
+  padding-bottom: 15px;
+  border-bottom: 1px solid #f0f0f0;
+
+  h4 {
+    margin-bottom: 15px;
+    color: #303133;
+    font-size: 14px;
+    font-weight: bold;
+  }
+}
+
+.item-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+  margin-bottom: 15px;
+}
+
+.item-col {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.item-label {
+  color: #606266;
+  font-size: 13px;
+  white-space: nowrap;
+}
+
+.item-value {
+  color: #303133;
+  font-size: 13px;
+  font-weight: 500;
+}
+
+// 响应式调整
+@media (max-width: 768px) {
+  .item-grid {
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+  }
+
+  .item-row {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 10px;
+  }
+}
+</style>

src/views/backOfficeSystem/HumanIntelligence/appraisalManagement/components/addForm.vue

@@ -0,0 +1,153 @@
+<template>
+  <div class="dialog" v-if="dialogForm">
+    <div class="head_box">
+      <span class="title">工作考核{{ title }} </span>
+      <div>
+        <el-button type="primary" size="small" :loading="loading" @click="submit" v-if="title != '详情'">保存</el-button>
+        <el-button size="small" @click="close">关闭</el-button>
+      </div>
+    </div>
+    <div class="form_cnt">
+      <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules" :disabled="title == '详情'">
+        <template #bkyj>
+          <el-divider content-position="left"><span style="color: blue;">布控预警</span></el-divider>
+        </template>
+        <template #clyj>
+          <el-divider content-position="left"><span style="color: blue;">车辆预警</span></el-divider>
+        </template>
+        <template #qlry>
+          <el-divider content-position="left"><span style="color: blue;">7类重点人员预警</span></el-divider>
+        </template>
+        <template #rxyj>
+          <el-divider content-position="left"><span style="color: blue;">人像预警</span></el-divider>
+        </template>
+        <template #zbyj>
+          <el-divider content-position="left"><span style="color: blue;">政保预警</span></el-divider>
+        </template>
+        <template #fs>
+          <el-divider content-position="left"><span style="color: blue;">考核分数</span></el-divider>
+        </template>
+      </FormMessage>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { qcckGet, qcckPost,qcckPut } from "@/api/qcckApi.js";
+import { ref, defineExpose, reactive, defineEmits, getCurrentInstance, } from "vue";
+const emit = defineEmits(["updateDate"]);
+const props = defineProps({
+  dic: Object
+});
+const listQuery = ref({
+  cjfs: 0,
+  ypfs: 0,
+  bkyjFkl: 0,
+  bkyjQsl: 0,
+  clyjFkl: 0,
+  clyjQsl: 0,
+  qlryFkl: 0,
+  qlryQsl: 0,
+  rxyjFkl: 0,
+  rxyjQsl: 0,
+  zbyjFkl: 0,
+  zbyjQsl: 0,
+
+}); //表单
+const { proxy } = getCurrentInstance();
+const dialogForm = ref(false); //弹窗
+const formData = ref([
+  { label: "考核部门", prop: "ssbmdm", depMc: "ssbm", type: "department" },
+  { label: "考核开始日期", prop: "ksrq", type: "date" },
+  { label: "考核结束日期", prop: "jsrq", type: "date" },
+  { label: "考核描述", prop: "khzbms", type: "textarea", width: "100%" },
+    { prop: "fs", type: "slot", width: "100%" },
+  { label: "采集分数", prop: "cjfs", type: "number", min: 0, max: 100, step: 1 },
+  { label: "研判分数", prop: "ypfs", type: "number", min: 0, max: 100, step: 1 },
+{ prop: "bkyj", type: "slot", width: "100%" },
+  { label: "布控预警反馈率", prop: "bkyjFkl", type: "number", min: 0, max: 100, step: 0.01 },
+  { label: "布控预警签收率", prop: "bkyjQsl", type: "number", min: 0, max: 100, step: 0.01 },
+  { prop: "clyj", type: "slot", width: "100%" },
+  { label: "车辆预警反馈率", prop: "clyjFkl", type: "number", min: 0, max: 100, step: 0.01 },
+  { label: "车辆预警签收率", prop: "clyjQsl", type: "number", min: 0, max: 100, step: 0.01 },
+  { prop: "qlry", type: "slot", width: "100%" },
+  { label: "7类重点人员反馈率", prop: "qlryFkl", type: "number", min: 0, max: 100, step: 0.01 },
+  { label: "7类重点人员签收率", prop: "qlryQsl", type: "number", min: 0, max: 100, step: 0.01 },
+  { prop: "rxyj", type: "slot", width: "100%" },
+  { label: "人像预警反馈率", prop: "rxyjFkl", type: "number", min: 0, max: 100, step: 0.01 },
+  { label: "人像预警签收率", prop: "rxyjQsl", type: "number", min: 0, max: 100, step: 0.01 },
+  { prop: "zbyj", type: "slot", width: "100%" },
+  { label: "政保预警反馈率", prop: "zbyjFkl", type: "number", min: 0, max: 100, step: 0.01 },
+  { label: "政保预警签收率", prop: "zbyjQsl", type: "number", min: 0, max: 100, step: 0.01 },
+
+]);
+
+const loading = ref(false);
+const elform = ref();
+const title = ref("");
+const rules = reactive({
+  ssbmdm: [{ required: true, message: "请选择考核部门", trigger: "change" }],
+  ksrq: [{ required: true, message: "请选择考核开始日期", trigger: "change" }],
+  jsrq: [{ required: true, message: "请选择考核结束日期", trigger: "change" }],
+  khzbms: [{ required: true, message: "请输入考核描述", trigger: "blur" }],
+  // ryXm: [{ required: true, message: "请输入人员姓名", trigger: "blur" }],
+});
+
+// 初始化数据
+const init = (type, row) => {
+  dialogForm.value = true;
+  title.value = type == "add" ? "新增" : type == "detail" ? "详情" : "编辑";
+  if (row) getDataById(row.id);
+};
+// 根据id查询详情
+const getDataById = (id) => {
+  qcckGet({ id }, `/mosty-gsxt/khgl/${id}`).then((res) => {
+    listQuery.value = res;
+  });
+};
+
+// 提交
+const submit = () => {
+  elform.value.submit((data) => {
+    let url = title.value == "新增" ? "/mosty-gsxt/khgl/addEntity" : "/mosty-gsxt/khgl/editEntity";
+    let params = { ...data };
+    console.log(params);
+    loading.value = true;
+
+    if (title.value == "新增") {
+      qcckPost(params, url).then(() => {
+      loading.value = false;
+      proxy.$message({ type: "success", message: title.value + "成功" });
+      emit("updateDate");
+      close();
+    }).catch(() => { loading.value = false; });
+    } else {
+      qcckPut(params, url).then(() => {
+      loading.value = false;
+      proxy.$message({ type: "success", message: title.value + "成功" });
+      emit("updateDate");
+      close();
+    }).catch(() => { loading.value = false; });
+}
+  });
+};
+
+// 关闭
+const close = () => {
+  listQuery.value = {};
+  dialogForm.value = false;
+  loading.value = false;
+};
+
+defineExpose({ init });
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+::v-deep .el-textarea__inner {
+  height: 18.5em !important;
+}
+</style>

src/views/backOfficeSystem/HumanIntelligence/appraisalManagement/index.vue

@@ -0,0 +1,171 @@
+<template>
+  <div>
+    <!-- 搜索 -->
+    <div ref="searchBox" class="mt10">
+      <Search :searchArr="searchConfiger" @submit="onSearch" />
+    </div>
+    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button size="small" type="primary" @click="addEdit('add', '')">
+          <el-icon style="vertical-align: middle">
+            <CirclePlus />
+          </el-icon>
+          <span style="vertical-align: middle">新增</span>
+        </el-button>
+      </template>
+    </PageTitle>
+    <!-- 表格 -->
+    <div class="tabBox">
+      <!-- <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"> -->
+             <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+        expand :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
+        <template #expand="{ props }">
+          <div style="max-width: 100%">
+            <Items :row="props || {}" />
+          </div>
+        </template>
+        <!-- 操作 -->
+        <template #controls="{ row }">
+          <el-link size="small" type="success" @click="addEdit('edit', row)">编辑</el-link>
+             <el-link size="small" type="primary" @click="addEdit('detail', row)">详情</el-link>
+          <el-link size="small" type="danger" @click="deleteRow(row.id)">删除</el-link>
+        </template>
+      </MyTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }" />
+    </div>
+    <!-- 详情 -->
+    <DetailForm v-if="show" @updateDate="getList" ref="detailDiloag"
+      :dic="{ D_BZ_WHCD, D_BZ_MZ, D_BZ_XB, D_BZ_ZZMM, D_GS_RLQB_JCQK }" />
+  </div>
+</template>
+
+<script setup>
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import Search from "@/components/aboutTable/Search.vue";
+import DetailForm from "./components/addForm.vue";
+import Items from "./components/Items.vue";
+import { qcckGet, qcckPost, qcckDelete} from "@/api/qcckApi.js";
+import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
+const { proxy } = getCurrentInstance();
+const { D_GS_RLQB_JCQK, D_BZ_WHCD, D_BZ_MZ, D_BZ_XB, D_BZ_ZZMM } = proxy.$dict("D_GS_RLQB_JCQK", "D_BZ_WHCD", "D_BZ_MZ", "D_BZ_XB", "D_BZ_ZZMM"); //获取字典数据
+const detailDiloag = ref();
+const searchBox = ref(); //搜索框
+const show = ref(false);
+const searchConfiger = ref([
+  { label: "所属部门", prop: "ssbmdm", placeholder: "请选择所属部门", showType: "department" },
+  { label: "时间", prop: "startTime", placeholder: "请选择时间", showType: "datetimerange" }
+]);
+
+const pageData = reactive({
+  tableData: [],
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "null",
+    loading: false
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  },
+  controlsWidth: 200,
+  tableColumn: [
+    // { label: "布控预警反馈率", prop: "bkyjFkl" },
+    // { label: "布控预警签收率", prop: "bkyjQsl"  },
+    // { label: "采集分数", prop: "cjfs" },
+    // { label: "车辆预警反馈率", prop: "clyjFkl" },
+    // { label: "车辆预警签收率", prop: "clyjQsl"},
+    // { label: "7类重点人员反馈率", prop: "qlryFkl" },
+    // { label: "7类重点人员签收率", prop: "qlryQsl" },
+    // { label: "人像预警反馈率", prop: "rxyjFkl" },
+    // { label: "人像预警签收率", prop: "rxyjQsl" },
+    // { label: "政保预警反馈率", prop: "zbyjFkl" },
+    // { label: "政保预警签收率", prop: "zbyjQsl" },
+    // { label: "采集分数", prop: "cjfs" },
+    // { label: "研判分数", prop: "ypfs" },
+    { label: "考核开始日期", prop: "ksrq" },
+    { label: "考核结束日期", prop: "jsrq" },
+    { label: "考核年份", prop: "khnf" },
+    { label: "所属部门", prop: "ssbm" },
+  ]
+});
+
+const queryFrom = ref({});
+
+onMounted(() => {
+  getList();
+  tabHeightFn();
+});
+
+// 搜索
+const onSearch = (val) => {
+  queryFrom.value = {
+    ...val,
+    startTime: val.startTime ? val.startTime[0] : "",
+    endTime: val.startTime ? val.startTime[0] : ""
+  };
+  pageData.pageConfiger.pageCurrent = 1;
+  getList();
+};
+
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList();
+};
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList();
+};
+
+// 获取列表
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  let data = { ...pageData.pageConfiger, ...queryFrom.value };
+  qcckGet(data, "/mosty-gsxt/khgl/getPageList").then((res) => {
+    pageData.tableData = res.records || [];
+    pageData.total = res.total;
+    pageData.tableConfiger.loading = false;
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  });
+};
+
+// 删除
+const deleteRow = (id) => {
+  proxy.$confirm("确定要删除", "警告", { type: "warning" }).then(() => {
+    qcckDelete({ ids:[id]}, "/mosty-gsxt/khgl/deleteEntity").then(() => {
+      proxy.$message({ type: "success", message: "删除成功" });
+      getList();
+    });
+  })
+};
+
+// 详情
+const addEdit = (type, row) => {
+  show.value = true;
+  nextTick(() => {
+    detailDiloag.value.init(type, row);
+  });
+};
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+</script>
+
+<style>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+</style>

src/views/backOfficeSystem/HumanIntelligence/auditList/components/addForm.vue

@@ -0,0 +1,726 @@
+<template>
+  <div class="dialog" v-if="dialogForm">
+    <div class="head_box">
+      <span class="title">{{ title }}</span>
+      <div>
+        <el-button @click="submitForm()" type="primary" v-if="!disabled">保存</el-button>
+        <el-button @click="close">关闭</el-button>
+      </div>
+    </div>
+    <div class="form-container">
+      <div class="form-content" v-loading="loading">
+        <!-- <div class="form_cnt"> -->
+        <FormMessage :disabled="disabled" v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
+          <template #jbxx>
+            <div>
+              <h3 class="tags-title">报送情况</h3>
+              <div style="display: flex;justify-content:space-between;width: 200%;">
+                <div>录入人：{{ userName }}</div>
+                <div>录入单位：{{ userInfo.deptName }}</div>
+                <div>本年度报送信息量：{{ tjcll.cnl || 0 }}</div>
+                <div>采纳量：{{ tjcll.sbsl || 0 }}</div>
+              </div>
+            </div>
+          </template>
+          <template #shzt>
+            <div v-if="disabled">
+              <h3 class="tags-title">审核状态</h3>
+              <div style="display: flex;justify-content:space-between;width: 200%;">
+                   <div style="display: flex;">
+                市审核状态：<DictTag v-model:value="listQuery.sldshzt" :options="dict.D_BZ_SSSHZT" :tag="false" />
+                </div>
+                <div  style="display: flex;">
+                县审核状态：<DictTag v-model:value="listQuery.xldshzt" :options="dict.D_BZ_SSSHZT" :tag="false" />
+                </div>
+              </div>
+            </div>
+          </template>
+        </FormMessage>
+        <!-- </div> -->
+        <div class="tags-section" v-if="disabled">
+          <h3 class="tags-title">关注部门</h3>
+          <div class="tags-container">
+            <div v-for="(tag, index) in listQuery.gzbmList" :key="tag.id || index" class="tag-item">
+              <div class="tag-content">
+                {{ tag.ssbm }}
+              </div>
+            </div>
+            <span v-if="!listQuery.gzbmList || listQuery.gzbmList.length === 0" class="no-tags">
+              暂无标签
+            </span>
+          </div>
+        </div>
+        <div class="tags-section" v-if="disabled">
+          <h3 class="tags-title">关联标签</h3>
+          <div class="tags-container">
+            <div v-for="(tag, index) in listQuery.glbqList" :key="tag.id || index" class="tag-item">
+              <div class="tag-content">
+                {{ tag.bqmc }}
+              </div>
+            </div>
+            <span v-if="!listQuery.glbqList || listQuery.glbqList.length === 0" class="no-tags">
+              暂无标签
+            </span>
+          </div>
+        </div>
+        <div class="tags-section" v-if="disabled">
+          <h3 class="tags-title">续报信息</h3>
+          <div class="list-container">
+            <div v-for="(item, index) in dataList.xb" :key="item.id || index" class="list-item">
+              <div class="list-content">
+                {{ item.bcnr }}
+              </div>
+              <div class="tag-actions">
+                <el-icon class="action-icon edit-icon" :size="32" @click="openPursue('续报信息', item)">
+                  <EditPen />
+                </el-icon>
+                <el-icon class="action-icon delete-icon" :size="32" @click="handleDeleteTag(item)">
+                  <Delete />
+                </el-icon>
+              </div>
+            </div>
+            <span v-if="!dataList.xb || dataList.xb.length === 0" class="no-tags">
+              暂无续报信息
+            </span>
+          </div>
+        </div>
+        <div class="tags-section" v-if="disabled">
+          <h3 class="tags-title">补充信息</h3>
+          <div class="list-container">
+            <div v-for="(item, index) in dataList.bc" :key="item.id || index" class="list-item">
+              <div class="list-content">
+                {{ item.bcnr }}
+              </div>
+              <div class="tag-actions">
+                <el-icon class="action-icon edit-icon" :size="32" @click="openPursue('信息追加', item)">
+                  <EditPen />
+                </el-icon>
+                <el-icon class="action-icon delete-icon" :size="32" @click="handleDeleteTag(item)">
+                  <Delete />
+                </el-icon>
+              </div>
+            </div>
+            <span v-if="!dataList.bc || dataList.bc.length === 0" class="no-tags">
+              暂无补充信息
+            </span>
+          </div>
+        </div>
+      </div>
+      <div class="ml50 mr50 timeline-container" v-if="disabled">
+        <div class="timeline-title">信息流程展示</div>
+        <el-timeline class="timeline-full-width">
+          <el-timeline-item :timestamp="item.czsj" placement="top" v-for="(item, index) in lcList" :key="index">
+            <el-card class="process-card">
+              <div class="process-info">
+                <div class="info-label">处置人：</div>
+                <div class="info-value">{{ item.czrxm || '未记录' }}</div>
+              </div>
+              <div class="process-info">
+                <div class="info-label">处置结果：</div>
+                <div class="info-value">
+                  <DictTag :tag="false" :value="item.czzt" :options="dict.D_BZ_LCZT" />
+                </div>
+              </div>
+            </el-card>
+          </el-timeline-item>
+        </el-timeline>
+        <MOSTY.Empty :show="lcList.length == 0" :imgSize="100"></MOSTY.Empty>
+      </div>
+    </div>
+  </div>
+  <pursueContent v-model="pursueShow" :dataList="dataVals" :title="processtitle" :updeteBool="true" />
+</template>
+
+<script setup>
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { xxcjAddEntity, xxcjUpdateEntity, xxcjSelectByid, xxcjSelectCzlcList, xxcjSelectListBc, xxcjDeletesBc, addEntity, xxcjTjcll, xxcjXxzhs } from "@/api/xxcj.js"
+import { EditPen, Delete } from '@element-plus/icons-vue'
+import { ref, defineExpose, onMounted, defineEmits, watch, getCurrentInstance } from "vue"
+import { ElMessage } from 'element-plus';
+import { getItem } from '@//utils/storage.js'
+import { useRoute, useRouter } from 'vue-router'
+import pursueContent from "@/views/backOfficeSystem/HumanIntelligence/components/pursueContent.vue";
+import * as MOSTY from "@/components/MyComponents/index";
+
+const { proxy } = getCurrentInstance()
+const emit = defineEmits(["getList"]);
+const props = defineProps({
+  dict: Object,
+  titleData: {
+    type: String,
+    default: ""
+  },
+  showBc: {
+    type: Boolean,
+    default: false
+  }
+});
+const loading = ref(false)
+const dialogForm = ref(false); //弹窗
+const formData = ref();
+const rules = ref({
+  qbmc: [{ required: true, message: "请输入情报标题", trigger: "blur" }],
+  qbnr: [{ required: true, message: "请输入情报内容", trigger: "blur" }],
+  bcnr: [{ required: true, message: "请输入续报内容", trigger: "blur" }],
+})
+const tjcll = ref({})
+const getXxcjTjcll = () => {
+  xxcjTjcll({}).then(res => {
+    tjcll.value = res
+  }).catch(error => {
+    console.error('请求失败:', error)
+  })
+}
+watch(() => dialogForm.value, (val) => {
+  if (val) {
+    if (formType.value === 'followUpReport') {
+      formData.value = [
+        { label: "情报标题", prop: "qbmc", type: "input", width: '45%', disabled: true },
+        { label: "续报内容", prop: "bcnr", type: "textarea", width: '100%', rows: 100 },
+      ]
+    } else {
+      formData.value = [
+        { label: "情报标题", prop: "qbmc", type: "input", width: '45%' },
+        { label: "情报内容", prop: "qbnr", type: "textarea", width: '100%', rows: 100 },
+        { label: "附件上传", prop: "fjdz", type: "upload", width: '100%', isImg: false },
+        { label: "", prop: "jbxx", type: "slot", width: '100%',},
+        { label: "", prop: "shzt", type: "slot", width: '100%' },
+
+      ]
+    }
+  }
+}, { deep: true })
+const fjdz = ref()
+const listQuery = ref({}); //表单
+const elform = ref();
+onMounted(() => {
+
+})
+const msgeDat = ref()
+const title = ref("")
+const showPj = ref(false)
+const disabled = ref(false)
+/** 类型 add 新增 info 详情 edit 编辑 followUpReport 续报*/
+const formType = ref('add')
+const userInfo = ref({})
+const userName = ref('')
+// 初始化数据
+const init = (type, row) => {
+  userInfo.value = getItem('deptId') ? getItem('deptId')[0] : {}
+  userName.value = getItem('USERNAME')
+  getXxcjTjcll()
+  const titleObj = {
+    add: "新增",
+    info: "详情",
+    edit: "编辑",
+    followUpReport: "续报"
+  }
+  title.value = titleObj[type]
+  disabled.value = type == 'info' ? true : false
+  fjdz.value = []
+  dialogForm.value = true;
+  formType.value = type
+  if (type == 'info' || type == 'edit' || type == 'followUpReport') {
+    showPj.value = true
+    msgeDat.value = row
+    getqbcjPldb(row.id)
+    getxxcjSelectListBc(row.id, '01')
+    getxxcjSelectListBc(row.id, '02')
+    // 初始化表单数据，并根据详情页设置禁用状态
+    if (row) getDataById(row.id);
+    // getqbcjCzztList()
+  } else {
+    showPj.value = false
+  }
+};
+// 根据id查询详情
+const getDataById = (id) => {
+  xxcjSelectByid({ id }).then((res) => {
+
+    lcList.value = res.czlcList || []
+    listQuery.value = res;
+    listQuery.value.fjdz = res.fjdz ? res.fjdz?.split(",") : []
+  });
+};
+
+
+// 新增
+const submitForm = () => {
+  elform.value.submit(valid => {
+    if (valid) {
+      loading.value = true
+      const promes = {
+        ...listQuery.value,
+        fjdz: listQuery.value.fjdz && listQuery.value.fjdz.length > 0 ? listQuery.value.fjdz.map(item => {
+          return item.id
+        }).join(',') : '',
+        qbly: 0,
+      }
+      if (title.value == '新增') {
+        xxcjAddEntity(promes).then((res) => {
+          emit("getList")
+          close()
+        }).finally(() => {
+          loading.value = false
+        })
+      } else if (title.value == '编辑') {
+        xxcjUpdateEntity(promes).then((res) => {
+          emit("getList")
+          close()
+        }).finally(() => {
+          loading.value = false
+        })
+      } else if (title.value == '续报') {
+        const params = {
+          qbid: listQuery.value.id,
+          czlx: '01',
+          ysnr: listQuery.value.qbnr,
+          bcnr: promes.bcnr,
+        }
+        addEntity(params).then((res) => {
+          emit("getList")
+          close()
+        }).finally(() => {
+          loading.value = false
+        })
+      }
+    }
+  })
+}
+const route = useRoute()
+const router = useRouter()
+// 关闭
+const close = () => {
+  if (route.query.id) {
+    const query = { ...route.query };
+    delete query.id;
+    router.replace({ query });
+  }
+  fjdz.value = []
+  lcList.value = []
+  listQuery.value = {};
+  dialogForm.value = false;
+  loading.value = false;
+};
+
+const lcList = ref([])
+const getqbcjPldb = (id) => {
+  xxcjSelectCzlcList({ qbid: id }).then(res => {
+    console.log(res);
+
+    lcList.value = res || []
+  })
+    .catch(() => {
+    })
+}
+//
+const dataList = ref({
+  xb: [],
+  bc: [],
+})
+const getxxcjSelectListBc = (id, lx) => {
+  xxcjSelectListBc({ qbid: id, czlx: lx }).then(res => {
+    if (lx == '01') {
+      dataList.value.xb = res || []
+    } else {
+      dataList.value.bc = res || []
+    }
+  })
+}
+
+
+
+// 处理标签删除
+const handleDeleteTag = (tag) => {
+  proxy.$confirm("确定要删除吗？", "警告", { type: "warning" }).then(() => {
+    const userName = getItem('USERNAME')
+    if (userName == tag.bcrxm) {
+      xxcjDeletesBc({ ids: [tag.id] }).then(res => {
+        ElMessage({
+          message: '删除成功',
+          type: 'success',
+          showClose: true,
+        })
+        getxxcjSelectListBc(msgeDat.value.id, '01')
+        getxxcjSelectListBc(msgeDat.value.id, '02')
+      })
+    } else {
+      proxy.$message({
+        message: '您不是该数据的创建人，不能删除',
+        type: 'warning',
+        showClose: true,
+      })
+    }
+  })
+
+}
+//
+const pursueShow = ref(false)
+const dataVals = ref([])
+const processtitle = ref()
+const openPursue = (title, data) => {
+  const userName = getItem('USERNAME')
+  if (userName == data.bcrxm) {
+    pursueShow.value = true
+    processtitle.value = title
+    dataVals.value = data
+  } else {
+    proxy.$message({
+      message: '您不是该数据的创建人，不能进行操作',
+      type: 'warning',
+      showClose: true,
+    })
+  }
+
+}
+defineExpose({ init });
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+::v-deep .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
+  color: #0072ff;
+  background: rgba(0, 114, 255, 0.3);
+}
+
+.boxlist {
+  width: 99%;
+  height: 225px;
+  margin-top: 10px;
+  overflow: hidden;
+}
+
+::v-deep .avatar-uploader {
+  display: flex;
+  align-items: center;
+}
+
+::v-deep .el-upload-list {
+  margin-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+::v-deep .el-upload-list__item-name .el-icon {
+  top: 3px;
+}
+
+.form_cnt {
+  // width: 75%;
+  flex: 1;
+}
+
+.person {
+  padding-left: 20px;
+  width: 25%;
+  // height: 100vh;
+}
+
+/* 补充信息样式 */
+.supplement-title {
+  font-size: 14px;
+  font-weight: 500;
+  color: #333;
+  margin: 16px 0 10px 0;
+  padding-left: 5px;
+  border-left: 3px solid #24b6dd;
+}
+
+.supplement-list {
+  margin-left: 5px;
+}
+
+.supplement-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 12px;
+  background-color: #f5f7fa;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  margin-bottom: 8px;
+  margin-right: 10px;
+  transition: all 0.3s ease;
+}
+
+.supplement-item:hover {
+  background-color: #ecf5ff;
+  border-color: #c6e2ff;
+}
+
+.supplement-content {
+  flex: 1;
+  font-size: 14px;
+  color: #606266;
+  line-height: 1.5;
+}
+
+.supplement-actions {
+  display: flex;
+  gap: 12px;
+}
+
+.action-icon {
+  // font-size: 24px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.edit-icon {
+  color: #24b6dd;
+}
+
+.edit-icon:hover {
+  color: #409eff;
+  transform: scale(1.1);
+}
+
+.delete-icon {
+  color: #f56c6c;
+}
+
+.delete-icon:hover {
+  color: #f78989;
+  transform: scale(1.1);
+}
+
+/* 时间线标题样式 */
+.timeline-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: #303133;
+  padding: 12px 16px;
+  margin-bottom: 10px;
+  background-color: #f5f7fa;
+  border-bottom: 1px solid #ebeef5;
+  border-radius: 4px 4px 0 0;
+}
+
+/* 时间线样式优化 */
+.el-timeline {
+  margin-top: 20px;
+}
+
+/* 处置流程卡片样式 */
+.process-card {
+  border: none;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
+  transition: all 0.3s ease;
+  margin-bottom: 16px;
+  border-left: 3px solid #409EFF;
+}
+
+.process-card:hover {
+  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12);
+  transform: translateY(-2px);
+}
+
+/* 卡片内部信息样式 */
+.process-info {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: 12px;
+  flex-wrap: wrap;
+}
+
+.process-info:last-child {
+  margin-bottom: 0;
+}
+
+.info-label {
+  font-size: 14px;
+  font-weight: 600;
+  color: #409EFF;
+  margin-right: 8px;
+  min-width: 65px;
+}
+
+.info-value {
+  font-size: 14px;
+  color: #606266;
+  line-height: 1.6;
+  flex: 1;
+  word-break: break-word;
+}
+
+/* 时间戳样式 */
+.el-timeline-item__timestamp {
+  font-size: 13px;
+  color: #909399;
+  margin-bottom: 8px;
+}
+
+/* 时间线节点样式 */
+.el-timeline-item__node {
+  background-color: #409EFF;
+}
+
+::v-deep .el-textarea__inner {
+  height: 50vh !important;
+}
+
+/* 容器类样式 */
+.form-container {
+  display: flex;
+  width: 100%;
+}
+
+.form-content {
+  // display: flex;
+  width: 80%;
+}
+
+.timeline-container {
+  border: 1px solid #ebeef5;
+  flex: 1;
+  margin: 0 10px;
+}
+
+/* 时间线宽度 */
+.timeline-full-width {
+  width: 100%;
+}
+
+/* 标签区域样式 */
+.tags-section {
+  margin-top: 20px;
+}
+
+/* 标签标题样式 */
+.tags-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: #303133;
+  margin-bottom: 8px;
+  padding-left: 5px;
+  border-left: 3px solid #409EFF;
+}
+
+/* 标签容器样式 */
+.tags-container {
+  padding: 12px;
+  background-color: #f5f7fa;
+  border-radius: 4px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  align-items: center;
+}
+
+/* 标签项目样式 */
+.tag-item {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 10px;
+  background-color: #ecf5ff;
+  border-radius: 4px;
+  border: 1px solid #d9ecff;
+  transition: all 0.3s ease;
+}
+
+/* 标签项目悬停效果 */
+.tag-item:hover {
+  background-color: #e6f7ff;
+  border-color: #91d5ff;
+  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15);
+}
+
+/* 标签内容样式 */
+.tag-content {
+  margin: 0;
+  font-size: 14px;
+  color: #303133;
+  font-weight: 500;
+}
+
+/* 标签操作按钮样式 */
+.tag-actions {
+  display: flex;
+  // align-items: flex-start;
+  gap: 8px;
+}
+
+/* 操作图标样式 */
+.action-icon {
+  font-size: 18px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  padding: 6px 8px;
+  border-radius: 4px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* 编辑图标样式 */
+.edit-icon {
+  color: #409EFF;
+  background-color: #ecf5ff;
+}
+
+.edit-icon:hover {
+  color: #66B1FF;
+  background-color: #e6f7ff;
+  transform: scale(1.05);
+  box-shadow: 0 2px 4px rgba(64, 158, 255, 0.2);
+}
+
+/* 列表容器样式 */
+.list-container {
+  padding: 12px;
+  background-color: #f5f7fa;
+  border-radius: 4px;
+}
+
+/* 列表项样式 */
+.list-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 12px;
+  background-color: #ffffff;
+  border-radius: 4px;
+  margin-bottom: 8px;
+  border: 1px solid #e4e7ed;
+  transition: all 0.3s ease;
+}
+
+/* 列表项悬停效果 */
+.list-item:hover {
+  background-color: #f5f7fa;
+  border-color: #dcdfe6;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+/* 列表内容样式 */
+.list-content {
+  margin: 0;
+  font-size: 14px;
+  color: #303133;
+  font-weight: 500;
+}
+
+/* 删除图标样式 */
+.delete-icon {
+  color: #F56C6C;
+  background-color: #fef0f0;
+}
+
+.delete-icon:hover {
+  color: #F78989;
+  background-color: #fde2e2;
+  transform: scale(1.05);
+  box-shadow: 0 2px 4px rgba(245, 108, 108, 0.2);
+}
+
+/* 无标签提示样式 */
+.no-tags {
+  color: #909399;
+  font-size: 14px;
+  font-style: italic;
+}
+</style>

src/views/backOfficeSystem/HumanIntelligence/auditList/components/doinglogin.vue

@@ -0,0 +1,89 @@
+<!--文件导出  -->
+<template>
+  <el-dialog :model-value="modelValue" :title="title" :width="width" @close="close" append-to-body>
+    <div style="height: 15vh;">
+      <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules" :labelWidth="100" />
+    </div>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="close">取消</el-button>
+        <el-button type="primary" @click="exportCurrentTable">确定 </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+<script setup>
+import { onMounted, reactive, watch, ref, getCurrentInstance } from 'vue'
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+
+import { xxcjXxcjSh } from "@/api/xxcj.js"
+const { proxy } = getCurrentInstance();
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  width: {
+    type: String,
+    default: '30%'
+  }, dict: {
+    type: Object,
+    default: () => ({})
+  },
+  title: {
+    type: String,
+    default: '审批'
+  }, dataModel: {
+    type: Object,
+    default: () => ({})
+  }
+})
+const listQuery = ref({})
+const elform = ref()
+const rules = ref({
+  shzt: { required: true, message: '请选择审批状态', trigger: ['blur', 'change'] },
+  shyh: { required: true, message: '请输入不通过原因', trigger: ['blur', 'change'] }
+})
+const formData = ref([
+  { label: "审批状态", prop: "shzt", type: "select", width: '100%', options: [{ label: "通过", value: "02" }, { label: "不通过", value: "03" }] },
+  {}
+])
+// watch(() => listQuery.value.modelValue, (newVal, oldVal) => {
+//   if (newVal) {
+//     listQuery.value.xxid = props.dataModel.id
+//   }
+// })
+watch(() => listQuery.value.shzt == '03', (newVal, oldVal) => {
+  if (newVal) {
+    formData.value[1] = { label: "不通过原因", prop: "shyh", type: "textarea", width: '100%', rows: 3 }
+  } else {
+    formData.value[1] = {}
+  }
+})
+
+const exportCurrentTable = () => {
+  elform.value.submit(valid => {
+    const params = { ...listQuery.value, xxid: props.dataModel.id}
+    xxcjXxcjSh(params).then(res => {
+      proxy.$message({ type: "success", message: "审批成功" });
+      emit('getList')
+      emit('update:modelValue', false)
+      elform.value.reset()
+    })
+  })
+
+}
+watch(() => props.modelValue, (newVal, oldVal) => {
+  if (newVal) {
+    listQuery.value.id = props.dataModel.id
+  }
+})
+const emit = defineEmits(['update:modelValue','getList'])
+
+
+
+const close = () => {
+  emit('update:modelValue', false)
+}
+
+</script>

src/views/backOfficeSystem/HumanIntelligence/auditList/components/spdloyment.vue

@@ -0,0 +1,561 @@
+<template>
+  <div class="dialog">
+    <div class="form-container">
+      <div class="form-content" v-loading="loading">
+        <!-- <div class="form_cnt"> -->
+        <FormMessage :disabled="disabled" v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
+          <!-- <template #jbxx>
+            <div>
+              <h3 class="tags-title">报送情况</h3>
+              <div style="display: flex;justify-content:space-between;width: 200%;">
+                <div>录入人：{{ userName }}</div>
+                <div>录入单位：{{ userInfo.deptName }}</div>
+                <div>本年度报送信息量：{{ tjcll.cnl || 0 }}</div>
+                <div>采纳量：{{ tjcll.sbsl || 0 }}</div>
+              </div>
+            </div>
+          </template> -->
+          <template #shzt>
+            <div v-if="disabled">
+              <h3 class="tags-title">审核状态</h3>
+              <div style="display: flex;justify-content:space-between;width: 200%;">
+                <div style="display: flex;">
+                  市审核状态：
+                  <DictTag v-model:value="listQuery.sldshzt" :options="D_BZ_SSSHZT" :tag="false" />
+                </div>
+                <div style="display: flex;">
+                  县审核状态：
+                  <DictTag v-model:value="listQuery.xldshzt" :options="D_BZ_SSSHZT" :tag="false" />
+                </div>
+              </div>
+            </div>
+          </template>
+        </FormMessage>
+        <!-- </div> -->
+        <div class="tags-section" v-if="disabled">
+          <h3 class="tags-title">关注部门</h3>
+          <div class="tags-container">
+            <div v-for="(tag, index) in listQuery.gzbmList" :key="tag.id || index" class="tag-item">
+              <div class="tag-content">
+                {{ tag.ssbm }}
+              </div>
+            </div>
+            <span v-if="!listQuery.gzbmList || listQuery.gzbmList.length === 0" class="no-tags">
+              暂无标签
+            </span>
+          </div>
+        </div>
+        <div class="tags-section" v-if="disabled">
+          <h3 class="tags-title">关联标签</h3>
+          <div class="tags-container">
+            <div v-for="(tag, index) in listQuery.glbqList" :key="tag.id || index" class="tag-item">
+              <div class="tag-content">
+                {{ tag.bqmc }}
+              </div>
+            </div>
+            <span v-if="!listQuery.glbqList || listQuery.glbqList.length === 0" class="no-tags">
+              暂无标签
+            </span>
+          </div>
+        </div>
+        <div class="tags-section" v-if="disabled">
+          <h3 class="tags-title">续报信息</h3>
+          <div class="list-container">
+            <div v-for="(item, index) in dataList.xb" :key="item.id || index" class="list-item">
+              <div class="list-content">
+                {{ item.bcnr }}
+              </div>
+
+            </div>
+            <span v-if="!dataList.xb || dataList.xb.length === 0" class="no-tags">
+              暂无续报信息
+            </span>
+          </div>
+        </div>
+        <div class="tags-section" v-if="disabled">
+          <h3 class="tags-title">补充信息</h3>
+          <div class="list-container">
+            <div v-for="(item, index) in dataList.bc" :key="item.id || index" class="list-item">
+              <div class="list-content">
+                {{ item.bcnr }}
+              </div>
+            </div>
+            <span v-if="!dataList.bc || dataList.bc.length === 0" class="no-tags">
+              暂无补充信息
+            </span>
+          </div>
+        </div>
+      </div>
+      <div class="ml50 mr50 timeline-container" v-if="disabled">
+        <div class="timeline-title">信息流程展示</div>
+        <el-timeline class="timeline-full-width">
+          <el-timeline-item :timestamp="item.czsj" placement="top" v-for="(item, index) in lcList" :key="index">
+            <el-card class="process-card">
+              <div class="process-info">
+                <div class="info-label">处置人：</div>
+                <div class="info-value">{{ item.czrxm || '未记录' }}</div>
+              </div>
+              <div class="process-info">
+                <div class="info-label">处置结果：</div>
+                <div class="info-value">
+                  <DictTag :tag="false" :value="item.czzt" :options="D_BZ_LCZT" />
+                </div>
+              </div>
+            </el-card>
+          </el-timeline-item>
+        </el-timeline>
+        <MOSTY.Empty :show="lcList.length == 0" :imgSize="100"></MOSTY.Empty>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { xxcjSelectByid, xxcjSelectCzlcList, xxcjSelectListBc } from "@/api/xxcj.js"
+import { ref, defineExpose, onMounted, defineEmits, watch, getCurrentInstance } from "vue"
+import { getItem } from '@//utils/storage.js'
+import { useRoute, useRouter } from 'vue-router'
+import * as MOSTY from "@/components/MyComponents/index";
+
+const { proxy } = getCurrentInstance()
+const {D_BZ_SSSHZT,D_BZ_LCZT} =proxy.$dict('D_BZ_SSSHZT','D_BZ_LCZT')
+const route=useRoute()
+const emit = defineEmits(["getList"]);
+const props = defineProps({
+  dict: Object,
+  titleData: {
+    type: String,
+    default: ""
+  },
+  showBc: {
+    type: Boolean,
+    default: false
+  }
+});
+const loading = ref(false)
+const formData = ref([
+  { label: "情报标题", prop: "qbmc", type: "input", width: '45%' },
+  { label: "情报内容", prop: "qbnr", type: "textarea", width: '100%', rows: 100 },
+  { label: "附件上传", prop: "fjdz", type: "upload", width: '100%', isImg: false },
+  { label: "", prop: "jbxx", type: "slot", width: '100%', },
+  { label: "", prop: "shzt", type: "slot", width: '100%' },
+]);
+const rules = ref({
+  qbmc: [{ required: true, message: "请输入情报标题", trigger: "blur" }],
+  qbnr: [{ required: true, message: "请输入情报内容", trigger: "blur" }],
+  bcnr: [{ required: true, message: "请输入续报内容", trigger: "blur" }],
+})
+
+
+
+const fjdz = ref()
+const listQuery = ref({}); //表单
+const disabled = ref(false)
+/** 类型 add 新增 info 详情 edit 编辑 followUpReport 续报*/
+
+onMounted(() => {
+  init()
+})
+// 初始化数据
+const init = () => {
+const id=  route.query.id
+  disabled.value = true
+  fjdz.value = []
+  getqbcjPldb(id)
+  getxxcjSelectListBc(id, '01')
+  getxxcjSelectListBc(id, '02')
+   getDataById(id);
+};
+// 根据id查询详情
+const getDataById = (id) => {
+  xxcjSelectByid({ id }).then((res) => {
+    lcList.value = res.czlcList || []
+    listQuery.value = res;
+    listQuery.value.fjdz = res.fjdz ? res.fjdz?.split(",") : []
+  });
+};
+
+
+
+
+
+const lcList = ref([])
+const getqbcjPldb = (id) => {
+  xxcjSelectCzlcList({ qbid: id }).then(res => {
+    lcList.value = res || []
+  })
+    .catch(() => {
+    })
+}
+//
+const dataList = ref({
+  xb: [],
+  bc: [],
+})
+const getxxcjSelectListBc = (id, lx) => {
+  xxcjSelectListBc({ qbid: id, czlx: lx }).then(res => {
+    if (lx == '01') {
+      dataList.value.xb = res || []
+    } else {
+      dataList.value.bc = res || []
+    }
+  })
+}
+
+
+
+
+
+
+
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+::v-deep .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
+  color: #0072ff;
+  background: rgba(0, 114, 255, 0.3);
+}
+
+.boxlist {
+  width: 99%;
+  height: 225px;
+  margin-top: 10px;
+  overflow: hidden;
+}
+
+::v-deep .avatar-uploader {
+  display: flex;
+  align-items: center;
+}
+
+::v-deep .el-upload-list {
+  margin-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+::v-deep .el-upload-list__item-name .el-icon {
+  top: 3px;
+}
+
+.form_cnt {
+  // width: 75%;
+  flex: 1;
+}
+
+.person {
+  padding-left: 20px;
+  width: 25%;
+  // height: 100vh;
+}
+
+/* 补充信息样式 */
+.supplement-title {
+  font-size: 14px;
+  font-weight: 500;
+  color: #333;
+  margin: 16px 0 10px 0;
+  padding-left: 5px;
+  border-left: 3px solid #24b6dd;
+}
+
+.supplement-list {
+  margin-left: 5px;
+}
+
+.supplement-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 12px;
+  background-color: #f5f7fa;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  margin-bottom: 8px;
+  margin-right: 10px;
+  transition: all 0.3s ease;
+}
+
+.supplement-item:hover {
+  background-color: #ecf5ff;
+  border-color: #c6e2ff;
+}
+
+.supplement-content {
+  flex: 1;
+  font-size: 14px;
+  color: #606266;
+  line-height: 1.5;
+}
+
+.supplement-actions {
+  display: flex;
+  gap: 12px;
+}
+
+.action-icon {
+  // font-size: 24px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.edit-icon {
+  color: #24b6dd;
+}
+
+.edit-icon:hover {
+  color: #409eff;
+  transform: scale(1.1);
+}
+
+.delete-icon {
+  color: #f56c6c;
+}
+
+.delete-icon:hover {
+  color: #f78989;
+  transform: scale(1.1);
+}
+
+/* 时间线标题样式 */
+.timeline-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: #303133;
+  padding: 12px 16px;
+  margin-bottom: 10px;
+  background-color: #f5f7fa;
+  border-bottom: 1px solid #ebeef5;
+  border-radius: 4px 4px 0 0;
+}
+
+/* 时间线样式优化 */
+.el-timeline {
+  margin-top: 20px;
+}
+
+/* 处置流程卡片样式 */
+.process-card {
+  border: none;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
+  transition: all 0.3s ease;
+  margin-bottom: 16px;
+  border-left: 3px solid #409EFF;
+}
+
+.process-card:hover {
+  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12);
+  transform: translateY(-2px);
+}
+
+/* 卡片内部信息样式 */
+.process-info {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: 12px;
+  flex-wrap: wrap;
+}
+
+.process-info:last-child {
+  margin-bottom: 0;
+}
+
+.info-label {
+  font-size: 14px;
+  font-weight: 600;
+  color: #409EFF;
+  margin-right: 8px;
+  min-width: 65px;
+}
+
+.info-value {
+  font-size: 14px;
+  color: #606266;
+  line-height: 1.6;
+  flex: 1;
+  word-break: break-word;
+}
+
+/* 时间戳样式 */
+.el-timeline-item__timestamp {
+  font-size: 13px;
+  color: #909399;
+  margin-bottom: 8px;
+}
+
+/* 时间线节点样式 */
+.el-timeline-item__node {
+  background-color: #409EFF;
+}
+
+::v-deep .el-textarea__inner {
+  height: 50vh !important;
+}
+
+/* 容器类样式 */
+.form-container {
+  display: flex;
+  width: 100%;
+}
+
+.form-content {
+  // display: flex;
+  width: 80%;
+}
+
+.timeline-container {
+  border: 1px solid #ebeef5;
+  flex: 1;
+  margin: 0 10px;
+}
+
+/* 时间线宽度 */
+.timeline-full-width {
+  width: 100%;
+}
+
+/* 标签区域样式 */
+.tags-section {
+  margin-top: 20px;
+}
+
+/* 标签标题样式 */
+.tags-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: #303133;
+  margin-bottom: 8px;
+  padding-left: 5px;
+  border-left: 3px solid #409EFF;
+}
+
+/* 标签容器样式 */
+.tags-container {
+  padding: 12px;
+  background-color: #f5f7fa;
+  border-radius: 4px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  align-items: center;
+}
+
+/* 标签项目样式 */
+.tag-item {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 10px;
+  background-color: #ecf5ff;
+  border-radius: 4px;
+  border: 1px solid #d9ecff;
+  transition: all 0.3s ease;
+}
+
+/* 标签项目悬停效果 */
+.tag-item:hover {
+  background-color: #e6f7ff;
+  border-color: #91d5ff;
+  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15);
+}
+
+/* 标签内容样式 */
+.tag-content {
+  margin: 0;
+  font-size: 14px;
+  color: #303133;
+  font-weight: 500;
+}
+
+/* 标签操作按钮样式 */
+.tag-actions {
+  display: flex;
+  // align-items: flex-start;
+  gap: 8px;
+}
+
+/* 操作图标样式 */
+.action-icon {
+  font-size: 18px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  padding: 6px 8px;
+  border-radius: 4px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* 编辑图标样式 */
+.edit-icon {
+  color: #409EFF;
+  background-color: #ecf5ff;
+}
+
+.edit-icon:hover {
+  color: #66B1FF;
+  background-color: #e6f7ff;
+  transform: scale(1.05);
+  box-shadow: 0 2px 4px rgba(64, 158, 255, 0.2);
+}
+
+/* 列表容器样式 */
+.list-container {
+  padding: 12px;
+  background-color: #f5f7fa;
+  border-radius: 4px;
+}
+
+/* 列表项样式 */
+.list-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 12px;
+  background-color: #ffffff;
+  border-radius: 4px;
+  margin-bottom: 8px;
+  border: 1px solid #e4e7ed;
+  transition: all 0.3s ease;
+}
+
+/* 列表项悬停效果 */
+.list-item:hover {
+  background-color: #f5f7fa;
+  border-color: #dcdfe6;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+/* 列表内容样式 */
+.list-content {
+  margin: 0;
+  font-size: 14px;
+  color: #303133;
+  font-weight: 500;
+}
+
+/* 删除图标样式 */
+.delete-icon {
+  color: #F56C6C;
+  background-color: #fef0f0;
+}
+
+.delete-icon:hover {
+  color: #F78989;
+  background-color: #fde2e2;
+  transform: scale(1.05);
+  box-shadow: 0 2px 4px rgba(245, 108, 108, 0.2);
+}
+
+/* 无标签提示样式 */
+.no-tags {
+  color: #909399;
+  font-size: 14px;
+  font-style: italic;
+}
+</style>

src/views/backOfficeSystem/HumanIntelligence/auditList/index.vue

@@ -0,0 +1,223 @@
+<template>
+  <div>
+    <!-- 搜索 -->
+    <div ref="searchBox" class="mt10 mb10">
+      <Searchs :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" />
+    </div>
+    <!-- 表格 -->
+    <div class="tabBox heightBox">
+      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
+        <template #qblx="{ row }">
+          <DictTag :tag="false" :value="row.qblx" :options="D_GS_XS_LX" />
+        </template>
+        <template #qbly="{ row }">
+          <DictTag :tag="false" :value="row.qbly" :options="D_BZ_CJLX" />
+        </template>
+        <template #czzt="{ row }">
+          <DictTag :tag="false" :value="row.czzt" :options="D_BZ_QBCZZT" />
+        </template>
+        <template #lczt="{ row }">
+          <DictTag :tag="false" :value="row.lczt" :options="D_BZ_LCZT" />
+        </template>
+        <template #xldshzt="{ row }">
+          <DictTag :tag="false" :value="row.sldshzt" :options="D_BZ_SSSHZT" />
+        </template>
+        <template #sldshzt="{ row }">
+          <DictTag :tag="false" :value="row.sldshzt" :options="D_BZ_SSSHZT" />
+        </template>
+        <template #controls="{ row }">
+
+          <el-link size="small" type="danger" @click="openDoingLogin(row)"
+            v-if="row.sldshzt == '01' && getRole() == '02'">审批</el-link>
+          <el-link size="small" type="danger" @click="openDoingLogin(row)"
+            v-if="row.xldshzt == '01' && getRole() == '01'">审批</el-link>
+          <el-link size="small" type="warning" @click="createProcess(row)"
+            v-if="row.sldshzt == '02' && getRole() == '02'">送审</el-link>
+          <el-link size="small" type="primary" @click="addEdit('info', row)">详情</el-link>
+        </template>
+      </MyTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
+    </div>
+    <!-- 新增 -->
+    <AddForm ref="detailDiloag" @getList="getList" :dict="{ D_BZ_LCZT, D_BZ_SSSHZT }" />
+  </div>
+  <Doinglogin v-model="doingloginModel" :dataModel="dataModel" :dict="{ D_BZ_SSSHZT }" @getList="getList" />
+    <SubmissionProcess v-model="showSp" :data="rowData" :userData="{ ajmc: '情报审批', flowType: 'QBSP', modelName: '情报' }"
+    :path="fixedValue" @getList="getList" />
+</template>
+
+<script setup>
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Doinglogin from "./components/doinglogin.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import Searchs from "@/components/aboutTable/Search.vue";
+import AddForm from "./components/addForm.vue";
+import SubmissionProcess from '@/components/flowPath/submissionProcess.vue'
+import { xxcjSelectDshPage } from '@/api/xxcj.js'
+import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
+import { getItem } from "@/utils/storage";
+const { proxy } = getCurrentInstance();
+const { D_BZ_SSSHZT, D_GS_XS_LX, D_BZ_BQJB, D_BZ_QBCZZT, D_BZ_CJLX, D_BZ_LCZT } =
+  proxy.$dict('D_BZ_SSSHZT', 'D_GS_XS_LX', 'D_BZ_BQJB', 'D_BZ_QBCZZT', 'D_BZ_CJLX', 'D_BZ_LCZT'); //获取字典数据
+const searchBox = ref(); //搜索框
+const searchConfiger = ref([
+  { label: "录入人", prop: 'xssbr', placeholder: "请输入录入人", showType: "input" },
+  { label: "录入单位", prop: "ssbmdm", placeholder: "请选择录入单位", showType: "department" },
+  { label: "编号", prop: 'xsBh', placeholder: "请输入编号", showType: "input" },
+  { label: "时间", prop: "startTime", placeholder: "请选择时间", showType: "daterange" },
+  { label: "情报标题", prop: 'qbmc', placeholder: "请输入情报标题", showType: "input" },
+  { label: "标签级别", prop: 'qbjb', placeholder: "请选择标签级别", showType: "select", options: D_BZ_BQJB },
+  { label: "情报处置状态", prop: 'lczt', placeholder: "请选择处置状态", showType: "select", options: D_BZ_LCZT },
+  { label: "关键字", prop: 'keyword', placeholder: "请输入关键字", showType: "input" },
+]);
+const pageData = reactive({
+  tableData: [],
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  },
+  controlsWidth: 200,
+  tableColumn: [
+    { label: "情报上报时间", prop: "sxsbsj" },
+    { label: "情报编号", prop: "xsBh" },
+    { label: "情报标题", prop: "qbmc" },
+    { label: "情报来源", prop: "qbly", showSolt: true },
+    { label: "上报人", prop: "xssbr" },
+    { label: "上报单位", prop: "ssbm" },
+    { label: "县审核", prop: "xldshzt", showSolt: true },
+    { label: "市审核", prop: "sldshzt", showSolt: true },
+  ]
+});
+const queryFrom = ref({});
+/** 获取当前角色 */
+function getRole() {
+  const { deptBizType, deptLevel } = getItem('deptId')[0]
+  /** 是否是市情指领导 */
+  const isShiQzLeader = getItem('roleList').find(item => item.roleCode == 'JS_666666') != undefined
+  if (isShiQzLeader) return '02'
+  const isXQzLeader = getItem('roleList').find(item => item.roleCode == 'JS_999999') != undefined
+  if (isXQzLeader) return '01'
+}
+// 搜索
+const onSearch = (val) => {
+  const promes = {
+    ...pageData.pageConfiger,
+    ...val,
+    startTime: val.startTime ? val.startTime[0] : '',
+    endTime: val.endTime ? val.endTime[1] : '',
+  }
+  queryFrom.value = { ...promes }
+  pageData.pageConfiger.pageCurrent = 1;
+  getList()
+}
+
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList()
+}
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList()
+}
+
+// 获取列表
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  let data = { ...pageData.pageConfiger, ...queryFrom.value };
+  xxcjSelectDshPage(data).then(res => {
+    pageData.tableData = res.records || [];
+    pageData.total = res.total;
+    pageData.tableConfiger.loading = false;
+  }).catch(() => { pageData.tableConfiger.loading = false; })
+}
+
+
+onMounted(() => {
+  tabHeightFn()
+  getList()
+});
+//审批
+const doingloginModel = ref(false)
+const dataModel = ref({})
+const openDoingLogin = (row) => {
+  dataModel.value = row
+  doingloginModel.value = true
+}
+const detailDiloag = ref()
+const addEdit = (type, row) => {
+  setTimeout(() => {
+    detailDiloag.value.init(type, row);
+  }, 500)
+};
+// 固定值
+const fixedValue = {
+  clueVerification: 'Spdloyment',
+  byMeansOf: '/qbcj/callback',
+  nobyMeansOf: '/qbcj/callback',
+  recycle: '/qbcj/callback',
+}
+const showSp = ref(false);
+const rowData = ref()
+const createProcess = (row) => {
+  showSp.value = true;
+  rowData.value = row
+}
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 200;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+</script>
+
+<style lang="scss" scoped>
+.label-pop {
+  position: relative;
+
+  &::before {
+    position: absolute;
+    content: '*';
+    top: 0;
+    left: -7px;
+    color: red;
+  }
+}
+</style>
+
+<style>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+
+:v-deep .el-dialog {
+  width: 90% !important;
+}
+
+.zdy-model-dialogs {
+  /* background-color: rgb(50, 148, 214); */
+  background: url("~@/assets/images/bg46.png") no-repeat center center;
+  background-size: 100% 100%;
+  padding: 8px 10px;
+  box-sizing: border-box;
+  pointer-events: auto !important;
+  height: calc(100% - 50px);
+  overflow: auto;
+}
+
+.vertical-middle {
+  vertical-align: middle;
+}
+</style>

src/views/backOfficeSystem/HumanIntelligence/fileOrientation/components/fileUploadList.vue

@@ -0,0 +1,205 @@
+<template>
+  <div style="width: 100%;">
+    <div style="margin: 0 auto;">
+      <MOSTY.Upload v-model="listQuery.img" :isImg="isImg" :limit="limit" :isAll="false" :disabled="disabled"
+        :showBtn="true" :showFileList="false" />
+    </div>
+
+    <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+      :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
+      <!-- 操作 -->
+      <template #controls="{ row }">
+        <div class="operation-links">
+          <el-link size="small" type="primary" @click="previewFile(row)" class="link-item primary-link"
+            v-if="row.wjlx == '.png' || row.wjlx == '.jpg' || row.wjlx == '.jpeg'">预览</el-link>
+          <el-link size="small" type="primary" @click="downloadFile(row)" class="link-item primary-link">下载</el-link>
+          <el-link size="small" type="danger" @click="deleteFile(row)" class="link-item danger-link">删除</el-link>
+        </div>
+      </template>
+    </MyTable>
+  </div>
+</template>
+<script setup>
+import * as MOSTY from "@/components/MyComponents/index";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import { reactive, watch,getCurrentInstance  } from "vue";
+const { proxy } = getCurrentInstance();
+const props = defineProps({
+  isImg: {
+    type: Boolean,
+    default: false,
+  },
+  limit: {
+    type: Number,
+    default: 0,
+  }, disabled: {
+    type: Boolean,
+    default: () => { },
+  },
+  imgMsg: {
+    type: Array,
+    default: () => { },
+  }
+});
+const emit = defineEmits(["changeData"]);
+const listQuery = reactive({
+  img: "",
+});
+const pageData = reactive({
+  tableData: [],
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "null",
+    loading: false
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  },
+  controlsWidth: 280,
+  tableColumn: [
+    { label: "文件名称", prop: "wjmc" },
+    { label: "文件大小", prop: "wjdx" },
+  ]
+});
+watch(() => listQuery.img, (newVal, oldVal) => {
+  pageData.tableData = newVal.map(item => {
+  return {
+    wjmc: item.name,
+    wjdx:parseFloat((item.id.fileSize/1024/1024).toFixed(2)),
+    url: item.id.url
+    }
+  })
+  emit("changeData", pageData.tableData);
+})
+watch(() => props.imgMsg, (newVal, oldVal) => {
+  pageData.tableData = newVal.map(item => {
+    return {
+     ...item,
+    }
+  })
+},{deep:true,immediate:true})
+const deleteFile = (row) => {
+  pageData.tableData = pageData.tableData.filter(item => item.url !== row.url)
+ const data=pageData.tableData.map(item => {
+  return {
+    wjmc: item.wjmc,
+    wjdx: parseFloat(item.wjdx),
+    url: item.url
+    }
+  })
+
+   emit("changeData",data);
+}
+const downloadFile = async (item) => {
+  console.log(item);
+  try {
+    const dataList =[item]
+    if (dataList.length === 0) {
+      proxy.$message.warning('没有文件可下载');
+      return;
+    }
+
+    const downloadCount = dataList.length;
+    let successCount = 0;
+    let failCount = 0;
+
+    proxy.$message.info(`开始下载${downloadCount}个文件...`);
+
+    // 并行下载所有文件
+    const downloadPromises = dataList.map(async (fileData, index) => {
+
+      try {
+        // 使用fetch获取文件内容
+        const response = await fetch(fileData.url);
+        if (!response.ok) {
+          throw new Error('文件下载失败');
+        }
+
+        // 将响应转换为Blob对象
+        const blob = await response.blob();
+
+        // 创建下载链接
+        const downloadLink = document.createElement('a');
+        downloadLink.href = URL.createObjectURL(blob);
+
+        // 设置下载文件的名称，避免冲突
+        const fileName = dataList.length > 1
+          ? `${item.wjmc}_${index + 1}`
+          : item.wjmc;
+        downloadLink.download = fileName;
+
+        // 触发下载
+        document.body.appendChild(downloadLink);
+        downloadLink.click();
+
+        // 清理
+        setTimeout(() => {
+          document.body.removeChild(downloadLink);
+          URL.revokeObjectURL(downloadLink.href);
+        }, 100);
+
+        successCount++;
+      } catch (error) {
+        console.error(`文件${index + 1}下载失败:`, error);
+        failCount++;
+      }
+    });
+
+    // 等待所有下载完成
+    await Promise.all(downloadPromises);
+
+    // 显示下载结果
+    if (failCount === 0) {
+      proxy.$message.success(`成功下载${successCount}个文件`);
+    } else if (successCount === 0) {
+      proxy.$message.error(`所有${failCount}个文件下载失败`);
+    } else {
+      proxy.$message.warning(`成功下载${successCount}个文件，失败${failCount}个文件`);
+    }
+  } catch (error) {
+    console.error('文件下载失败:', error);
+    proxy.$message.error('文件下载失败，请稍后重试');
+  }
+}
+</script>
+<style scoped lang="scss">
+.operation-links {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+
+  .link-item {
+    display: inline-block;
+    padding: 4px 12px;
+    border-radius: 4px;
+    font-size: 12px;
+    transition: all 0.3s ease;
+
+    &:hover {
+      opacity: 0.8;
+      transform: translateY(-1px);
+    }
+  }
+
+  .primary-link {
+    color: #409EFF;
+    background-color: #ECF5FF;
+
+    &:hover {
+      background-color: #D9ECFF;
+    }
+  }
+
+  .danger-link {
+    color: #F56C6C;
+    background-color: #FEF0F0;
+
+    &:hover {
+      background-color: #FEE2E2;
+    }
+  }
+}
+</style>

src/views/backOfficeSystem/HumanIntelligence/fileOrientation/index.vue

@@ -1,20 +1,19 @@
 <template>
   <div>
-    <div class="titleBox">
+    <!-- 搜索 -->
-      <PageTitle title="文件定向传输">
+    <div ref="searchBox" class="mt10">
-        <el-button type="primary" @click="getDataById('add', '')">
+      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" />
+    </div>
+    <PageTitle  :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button size="small" type="primary" @click="getDataById('add', '')">
           <el-icon style="vertical-align: middle">
             <CirclePlus />
           </el-icon>
           <span style="vertical-align: middle">新增</span>
         </el-button>
-
+      </template>
-      </PageTitle>
+    </PageTitle>
-    </div>
-    <!-- 搜索 -->
-    <div ref="searchBox">
-      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" />
-    </div>
     <!-- 表格 -->
     <div class="tabBox">
       <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
@@ -28,11 +27,12 @@
         </template>
         <!-- 操作 -->
         <template #controls="{ row }">
-             <el-link size="small" type="primary" @click="getDataById('edit',row)">修改</el-link>
+          <el-link size="small" type="primary" @click="getDataById('edit', row)">修改</el-link>
-          <el-link size="small" type="primary" @click="getDataById('detail',row)">详情</el-link>
+          <el-link size="small" type="primary" @click="getDataById('detail', row)">详情</el-link>
-          <el-link size="small" type="primary" @click="previewFile(row)" v-if="row.wjlx == '.png'||row.wjlx == '.jpg'||row.wjlx == '.jpeg'">预览</el-link>
+          <el-link size="small" type="primary" @click="previewFile(row)"
-           <el-link size="small" type="primary" @click="downloadFile(row)">下载</el-link>
+            v-if="row.wjlx == '.png' || row.wjlx == '.jpg' || row.wjlx == '.jpeg'">预览</el-link>
-              <el-link size="small" type="danger" @click="deleteFile(row)">删除</el-link>
+          <el-link size="small" type="primary" @click="downloadFile(row)">下载</el-link>
+          <el-link size="small" type="danger" @click="deleteFile(row)">删除</el-link>
         </template>
       </MyTable>
       <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
@@ -41,7 +41,8 @@
       }"></Pages>
     </div>
   </div>
-  <AddForm ref="addForm" @getList="getList"/>
+  <AddForm ref="addForm" @getList="getList" />
+
 </template>
 
 <script setup>
@@ -53,7 +54,7 @@ import { useRoute } from 'vue-router'
 
 import { reactive, ref, onMounted, getCurrentInstance, watch } from "vue";
 import { getItem } from '@//utils/storage.js'
-import {  deleteWjZzzAddEntity, getWjZzzAddEntity ,selectDxzjList} from '@//api/qbcj.js'
+import { deleteWjZzzAddEntity, getWjZzzAddEntity, selectDxzjList } from '@//api/qbcj.js'
 import AddForm from "@/views/backOfficeSystem/HumanIntelligence/fileTransfer/components/addForm.vue";
 const { proxy } = getCurrentInstance();
 // const { D_BZ_CJLX, D_GS_XS_LX } = proxy.$dict("D_BZ_CJLX", "D_GS_XS_LX"); //获取字典数据
@@ -88,7 +89,7 @@ const qxkz = reactive({
 })
 
 const searchConfiger = ref([
-  { label: "情报标题", prop: 'qbmc', placeholder: "请输入情报标题", showType: "input" },
+  { label: "文件名称", prop: 'wjmc', placeholder: "请输入文件名称", showType: "input" },
   // { label: "情报来源", prop: 'cjLx', placeholder: "请选择情报来源", showType: "select", options: D_BZ_CJLX },
   // { label: "来源单位", prop: 'ssbmdm', placeholder: "请选择来源单位", showType: "department" }
 ]);
@@ -109,12 +110,14 @@ const pageData = reactive({
   controlsWidth: 240,
   tableColumn: [
     { label: "文件名称", prop: "wjmc" },
+    { label: "上传人", prop: "scrxm" },
     { label: "文件大小", prop: "wjdx", showSolt: true },
     { label: "文件类别", prop: "wjlb", showSolt: true },
     { label: "所属部门", prop: "ssbm" },
     { label: "文件描述", prop: "qbnr" },
   ]
 });
+
 const queryFrom = ref({});
 
 // 搜索
@@ -145,7 +148,7 @@ const changeSize = (val) => {
 // 获取列表
 const getList = () => {
   pageData.tableConfiger.loading = true;
-  let data = { ...pageData.pageConfiger, ...queryFrom.value ,wjlb:'02'};
+  let data = { ...pageData.pageConfiger, ...queryFrom.value, wjlb: '02' };
   selectDxzjList(data).then(res => {
     pageData.tableData = res.records || [];
     pageData.total = res.total;
@@ -156,7 +159,7 @@ const getList = () => {
 
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 270;
   window.onresize = function () {
     tabHeightFn();
   };
@@ -168,47 +171,59 @@ const getRouter = () => {
 }
 const addForm = ref(null)
 const getDataById = (type, row) => {
-  addForm.value.init(type, row,'02');
+  addForm.value.init(type, row, '02');
 }
 const previewFile = (item) => {
-    window.open(item.wjdz);
+  window.open(item.wjdz);
 }
 const downloadFile = async (item) => {
   try {
-    // 显示加载提示
+    const dataList =JSON.parse(item.wjdz)
-    // proxy.$message({
+    if (dataList.length === 0) return proxy.$message.warning('没有文件可下载');
-    //   message: '开始下载文件...',
+    const downloadCount = dataList.length;
-    //   type: 'info',
+    let successCount = 0;
-    //   duration: 0,
+    let failCount = 0;
-    //   showClose: true
+    proxy.$message.info(`开始下载${downloadCount}个文件...`);
-    // });
+     const downloadPromises = dataList.map(async (fileData, index) => {
-  proxy.$message.info('开始下载文件...');
+      try {
-    // 使用fetch获取文件内容
+        // fileData.url = "http://47.108.232.77:9000/image/2025-01-06/081102a5418e4146beea277d18018e07.jpeg";
-    const response = await fetch(item.wjdz);
+        // 使用fetch获取文件内容
-    if (!response.ok) {
+        const downloadUrl = fileData.url.replace(/^https?:\/\/[^/]+/, '/zyminio');
-      throw new Error('文件下载失败');
+        const response = await fetch(downloadUrl);
+        if (!response.ok) throw new Error('文件下载失败');
+        // 将响应转换为Blob对象
+        const blob = await response.blob();
+        // 创建下载链接
+        const downloadLink = document.createElement('a');
+        downloadLink.href = URL.createObjectURL(blob);
+        // 设置下载文件的名称，避免冲突
+        const fileName = dataList.length > 1 ? `${item.wjmc}_${index + 1}` : item.wjmc;
+        downloadLink.download = fileName;
+        // 触发下载
+        document.body.appendChild(downloadLink);
+        downloadLink.click();
+        // 清理
+        setTimeout(() => {
+          document.body.removeChild(downloadLink);
+          URL.revokeObjectURL(downloadLink.href);
+        }, 100);
+        successCount++;
+      } catch (error) {
+        console.error(`文件${index + 1}下载失败:`, error);
+        failCount++;
+      }
+    });
+
+    // 等待所有下载完成
+    await Promise.all(downloadPromises);
+    // 显示下载结果
+    if (failCount === 0) {
+      proxy.$message.success(`成功下载${successCount}个文件`);
+    } else if (successCount === 0) {
+      proxy.$message.error(`所有${failCount}个文件下载失败`);
+    } else {
+      proxy.$message.warning(`成功下载${successCount}个文件，失败${failCount}个文件`);
     }
-
-    // 将响应转换为Blob对象
-    const blob = await response.blob();
-
-    // 创建下载链接
-    const downloadLink = document.createElement('a');
-    downloadLink.href = URL.createObjectURL(blob);
-
-    // 设置下载文件的名称
-    downloadLink.download = item.wjmc;
-
-    // 触发下载
-    document.body.appendChild(downloadLink);
-    downloadLink.click();
-
-    // 清理
-    document.body.removeChild(downloadLink);
-    URL.revokeObjectURL(downloadLink.href);
-
-    // 显示下载成功提示
-    proxy.$message.success('文件下载成功');
   } catch (error) {
     console.error('文件下载失败:', error);
     proxy.$message.error('文件下载失败，请稍后重试');
@@ -220,7 +235,7 @@ const deleteFile = (row) => {
     cancelButtonText: '取消',
     type: 'warning'
   }).then(() => {
-    deleteWjZzzAddEntity({ids:[row.id]}).then(res => {
+    deleteWjZzzAddEntity({ ids: [row.id] }).then(res => {
       proxy.$message.success('删除成功');
       getList();
     }).catch(() => {

src/views/backOfficeSystem/HumanIntelligence/fileTransfer/components/addForm.vue

@@ -8,11 +8,13 @@
       </div>
     </div>
     <div class="form_cnt">
+
       <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
         <template #wjdz>
-          <div style="width: 100%;">
+           <FileUploadList @changeData="changeData" :imgMsg="imgMsg"/>
+          <!-- <div style="width: 100%;">
             <UploadFile v-model="imgMsg" :limit="1" :isImg="false" :isAll="false" />
-          </div>
+          </div> -->
         </template>
         <template #jsrxm>
           <el-input v-model="listQuery.jsrxm" placeholder="请输入接收人" readonly @click="chooseUserVisible = true" />
@@ -26,6 +28,7 @@
 <script setup>
 import FormMessage from "@/components/aboutTable/FormMessage.vue";
 import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import FileUploadList from "@/views/backOfficeSystem/HumanIntelligence/fileOrientation/components/fileUploadList.vue";
 import UploadFile from "@/components/MyComponents/Upload/index.vue";
 import ChooseUser from "@/components/ChooseList/ChooseUser/index.vue"
 import { ref, defineExpose, reactive, defineEmits, getCurrentInstance, watch } from "vue";
@@ -49,16 +52,16 @@ const formData = ref([
   // },
 ]);
 const listQuery = ref({}); //表单
-watch(() => imgMsg.value, (newVal, oldVal) => {
+// watch(() => imgMsg.value, (newVal, oldVal) => {
-  if (newVal.length > 0) {
+//   if (newVal.length > 0) {
-      listQuery.value.wjdz= newVal[0].id?newVal[0].id.url:listQuery.value.wjdz,
+//       listQuery.value.wjdz= newVal[0].id?newVal[0].id.url:listQuery.value.wjdz,
-      listQuery.value.wjdx=  newVal[0].id?(newVal[0].id.fileSize / 1024 / 1024).toFixed(2):listQuery.value.wjdx,
+//       listQuery.value.wjdx=  newVal[0].id?(newVal[0].id.fileSize / 1024 / 1024).toFixed(2):listQuery.value.wjdx,
-      listQuery.value.wjmc=  newVal[0].id?newVal[0].name:listQuery.value.wjmc,
+//       listQuery.value.wjmc=  newVal[0].id?newVal[0].name:listQuery.value.wjmc,
-     listQuery.value. wjlx= newVal[0].id?newVal[0].id.fileSuffix:listQuery.value.wjlx
+//      listQuery.value. wjlx= newVal[0].id?newVal[0].id.fileSuffix:listQuery.value.wjlx
-  } else {
+//   } else {
-    listQuery.value = {}
+//     listQuery.value = {}
-  }
+//   }
-}, { deep: true })
+// }, { deep: true })
 watch(() => listQuery.value.wjlb, (newVal, oldVal) => {
     listQuery.value.wjlb = newVal
   if (newVal == '02') {
@@ -75,7 +78,7 @@ watch(() => listQuery.value.wjlb, (newVal, oldVal) => {
       { label: "文件", prop: "wjdz", type: "slot", width: "100%" },
       { label: "文件大小", prop: "wjdx", type: "input", width: "30%", placeholder: "单位：MB",disabled: true },
       { label: "文件名称", prop: "wjmc", type: "input", width: "30%" },
-      { label: "文件文件类型", prop: "wjlx", type: "input", width: "30%" ,disabled: true},
+      // { label: "文件文件类型", prop: "wjlx", type: "input", width: "30%" },
       { label: "接收人", prop: "jsrxm", type: "slot", width: "100%" },
       { label: "接收部门", prop: "jsbmdm", type: "department", depMc: "jsbmmc", multiple: true },
       { label: "文件描述", prop: "wjms", type: "textarea", width: "100%" },]
@@ -93,7 +96,7 @@ watch(() => listQuery.value.wjlb, (newVal, oldVal) => {
       { label: "文件", prop: "wjdz", type: "slot", width: "100%" },
       { label: "文件大小", prop: "wjdx", type: "input", width: "30%", placeholder: "单位：MB" },
       { label: "文件名称", prop: "wjmc", type: "input", width: "30%" },
-      { label: "文件文件类型", prop: "wjlx", type: "input", width: "30%" },
+      // { label: "文件文件类型", prop: "wjlx", type: "input", width: "30%" },
       { label: "文件描述", prop: "wjms", type: "textarea", width: "100%" },]
   }
 })
@@ -103,6 +106,9 @@ const loading = ref(false);
 const elform = ref();
 const title = ref("");
 const rules = reactive({
+  wjmc: [
+    { required: true, message: "请输入文件名称", trigger: "blur" },
+  ],
 });
 
 // 初始化数据
@@ -116,9 +122,8 @@ const init = (type, row,wjlb) => {
 // 根据id查询详情
 const getDataById = (id) => {
   getWjZzzAddEntityById(id).then((res) => {
-
     listQuery.value = res;
-    imgMsg.value = res.wjdz.split(',')
+    imgMsg.value =JSON.parse(res.wjdz)
     listQuery.value.jsbmdm = res.jsdxList.filter(item => item.jsbmdm).map(item => item.jsbmdm)
      listQuery.value.jsbmmc=res.jsdxList.filter(item => item.jsbmdm).map(item => item.jsbmmc)
     userList.value = res.jsdxList.filter(item => {
@@ -133,7 +138,17 @@ const getDataById = (id) => {
 listQuery.value.jsrxm=userList.value.map(item => item.userName).join(',')
   });
 };
-
+const wjList=ref({})
+const changeData = (val) => {
+  console.log(val);
+  let wjsize=0
+  for (let i = 0; i < val.length; i++) {
+    console.log(val[i].wjdx);
+    wjsize+= val[i].wjdx
+  }
+  listQuery.value.wjdx = wjsize
+  wjList.value.wjdz =val
+};
 // 提交
 const submit = () => {
   elform.value.submit(async (data) => {
@@ -150,7 +165,7 @@ const submit = () => {
       jsbmmc: listQuery.value.jsbmmc[index],
     })):[]
     const list = [...ryList, ...bmList]
-    let params = { ...listQuery.value, jsdxList: list };
+    let params = { ...listQuery.value, jsdxList: list,...wjList.value,wjdz:JSON.stringify(wjList.value.wjdz) };
     try {
       loading.value = true;
       let res

src/views/backOfficeSystem/HumanIntelligence/fileTransfer/index.vue

@@ -1,25 +1,27 @@
 <template>
   <div>
-    <div class="titleBox">
+    <div ref="searchBox" class="mt10">
-      <PageTitle title="文件中转">
+      <Search :searchArr="searchConfiger" @submit="onSearch" />
-        <el-button type="primary" @click="getDataById('add', '')">
+    </div>
-          <el-icon style="vertical-align: middle">
+    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
-            <CirclePlus />
+      <template #left>
-          </el-icon>
+        <el-button size="small" type="primary" @click="getDataById('add', '')">
+          <el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
           <span style="vertical-align: middle">新增</span>
         </el-button>
-
+      </template>
-      </PageTitle>
+    </PageTitle>
-    </div>
-    <!-- 搜索 -->
-    <div ref="searchBox">
-      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" />
-    </div>
     <!-- 表格 -->
     <div class="tabBox">
-      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+      <MyTable 
-        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
+        :tableData="pageData.tableData" 
-        @chooseData="chooseData">
+        :tableColumn="pageData.tableColumn" 
+        :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount" 
+        :tableConfiger="pageData.tableConfiger" 
+        :controlsWidth="pageData.controlsWidth"
+        @chooseData="chooseData"
+      >
         <template #wjdx="{ row }">
           {{ row.wjdx }}MB
         </template>
@@ -28,20 +30,22 @@
         </template>
         <!-- 操作 -->
         <template #controls="{ row }">
-             <el-link size="small" type="primary" @click="getDataById('edit',row)">修改</el-link>
+          <el-link size="small" type="primary" @click="getDataById('edit', row)">修改</el-link>
-          <el-link size="small" type="primary" @click="getDataById('detail',row)">详情</el-link>
+          <el-link size="small" type="primary" @click="getDataById('detail', row)">详情</el-link>
-          <el-link size="small" type="primary" @click="previewFile(row)" v-if="row.wjlx == '.png'||row.wjlx == '.jpg'||row.wjlx == '.jpeg'">预览</el-link>
+          <el-link size="small" type="primary" @click="previewFile(row)" v-if="row.wjlx == '.png' || row.wjlx == '.jpg' || row.wjlx == '.jpeg'">预览</el-link>
-           <el-link size="small" type="primary" @click="downloadFile(row)">下载</el-link>
+          <el-link size="small" type="primary" @click="downloadFile(row)">下载</el-link>
-              <el-link size="small" type="danger" @click="deleteFile(row)">删除</el-link>
+          <el-link size="small" type="danger" @click="deleteFile(row)">删除</el-link>
         </template>
       </MyTable>
-      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+      <Pages 
-        ...pageData.pageConfiger,
+        @changeNo="changeNo" 
-        total: pageData.total
+        @changeSize="changeSize" 
-      }"></Pages>
+        :tableHeight="pageData.tableHeight" 
+        :pageConfiger="{ ...pageData.pageConfiger, total: pageData.total }"
+      />
     </div>
   </div>
-  <AddForm ref="addForm" @getList="getList"/>
+  <AddForm ref="addForm" @getList="getList" />
 </template>
 
 <script setup>
@@ -50,47 +54,22 @@ import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
 import Search from "@/components/aboutTable/Search.vue";
 import { useRoute } from 'vue-router'
-import { qbcjZxsSelectPage } from "@/api/qbcj.js";
+import { reactive, ref, onMounted, getCurrentInstance } from "vue";
-import { reactive, ref, onMounted, getCurrentInstance, watch } from "vue";
 import { getItem } from '@//utils/storage.js'
-import {  deleteWjZzzAddEntity, getWjZzzAddEntity } from '@//api/qbcj.js'
+import { deleteWjZzzAddEntity, getWjZzzAddEntity } from '@//api/qbcj.js'
 import AddForm from "./components/addForm.vue";
 const { proxy } = getCurrentInstance();
-// const { D_BZ_CJLX, D_GS_XS_LX } = proxy.$dict("D_BZ_CJLX", "D_GS_XS_LX"); //获取字典数据
 const detailDiloag = ref();
 const searchBox = ref(); //搜索框
 const ids = ref([])
 const tableList = ref([]);
-onMounted(() => {
+
-  const { deptBizType, deptLevel } = getItem('deptId')[0]
-  const Jb = deptLevel[0] == '2' ? '01' : deptLevel[0] == '3' ? '02' : '03'
-  qxkz.deptBizType = deptBizType
-  qxkz.deptLevel = Jb
-  getRouter()
-  tabHeightFn()
-  if (route.query.id) {
-    detailDiloag.value.init('edit', {
-      id: route.query.id
-    });
-    return
-  }
-  getList()
-});
-const chooseData = (val) => {
-  ids.value = val.map(item => {
-    return item.id
-  })
-  tableList.value = val
-}
 const qxkz = reactive({
   deptBizType: "",
   deptLevel: ""
 })
-
 const searchConfiger = ref([
-  { label: "情报标题", prop: 'qbmc', placeholder: "请输入情报标题", showType: "input" },
+  { label: "文件名称", prop: 'wjmc', placeholder: "请输入文件名称", showType: "input" },
-  // { label: "情报来源", prop: 'cjLx', placeholder: "请选择情报来源", showType: "select", options: D_BZ_CJLX },
-  // { label: "来源单位", prop: 'ssbmdm', placeholder: "请选择来源单位", showType: "department" }
 ]);
 
 const pageData = reactive({
@@ -116,6 +95,26 @@ const pageData = reactive({
   ]
 });
 const queryFrom = ref({});
+const addForm = ref(null)
+const route = useRoute()
+const routerMate = ref({})
+
+onMounted(() => {
+  const { deptBizType, deptLevel } = getItem('deptId')[0]
+  qxkz.deptBizType = deptBizType
+  qxkz.deptLevel = deptLevel[0] == '2' ? '01' : deptLevel[0] == '3' ? '02' : '03'
+  routerMate.value = route.meta;
+  getList()
+  tabHeightFn()
+  if (route.query.id) return detailDiloag.value.init('edit', { id: route.query.id });
+});
+
+const chooseData = (val) => {
+  if(Array.isArray(val)){
+    ids.value = val.map(item => item.id)
+    tableList.value = val
+  }
+}
 
 // 搜索
 const onSearch = (val) => {
@@ -145,7 +144,7 @@ const changeSize = (val) => {
 // 获取列表
 const getList = () => {
   pageData.tableConfiger.loading = true;
-  let data = { ...pageData.pageConfiger, ...queryFrom.value,wjlb:'01' };
+  let data = { ...pageData.pageConfiger, ...queryFrom.value, wjlb: '01' };
   getWjZzzAddEntity(data).then(res => {
     pageData.tableData = res.records || [];
     pageData.total = res.total;
@@ -156,71 +155,79 @@ const getList = () => {
 
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 270;
   window.onresize = function () {
     tabHeightFn();
   };
 };
-const route = useRoute()
+
-const routerMate = ref({})
+
-const getRouter = () => {
+
-  routerMate.value = route.meta
-}
-const addForm = ref(null)
 const getDataById = (type, row) => {
-  addForm.value.init(type, row,'01');
+  addForm.value.init(type, row, '01');
 }
 const previewFile = (item) => {
-    window.open(item.wjdz);
+  window.open(item.wjdz);
 }
+
 const downloadFile = async (item) => {
   try {
-    // 显示加载提示
+    const dataList = JSON.parse(item.wjdz)
-    // proxy.$message({
+    if (dataList.length === 0) return proxy.$message.warning('没有文件可下载');
-    //   message: '开始下载文件...',
+    const downloadCount = dataList.length;
-    //   type: 'info',
+    let successCount = 0;
-    //   duration: 0,
+    let failCount = 0;
-    //   showClose: true
+    proxy.$message.info(`开始下载${downloadCount}个文件...`);
-    // });
+    // 并行下载所有文件
-  proxy.$message.info('开始下载文件...');
+    const downloadPromises = dataList.map(async (fileData, index) => {
-    // 使用fetch获取文件内容
+      try {
-    const response = await fetch(item.wjdz);
+        // fileData.url = "http://47.108.232.77:9000/image/2025-01-06/081102a5418e4146beea277d18018e07.jpeg";
-    if (!response.ok) {
+        // 使用fetch获取文件内容
-      throw new Error('文件下载失败');
+        const downloadUrl = fileData.url.replace(/^https?:\/\/[^/]+/, '/zyminio');
+        const response = await fetch(downloadUrl);
+        if (!response.ok) throw new Error('文件下载失败');
+        // 将响应转换为Blob对象
+        const blob = await response.blob();
+        // 创建下载链接
+        const downloadLink = document.createElement('a');
+        downloadLink.href = URL.createObjectURL(blob);
+        // 设置下载文件的名称，避免冲突
+        const fileName = dataList.length > 1 ? `${item.wjmc}_${index + 1}` : item.wjmc;
+        downloadLink.download = fileName;
+        // 触发下载
+        document.body.appendChild(downloadLink);
+        downloadLink.click();
+        // 清理
+        setTimeout(() => {
+          document.body.removeChild(downloadLink);
+          URL.revokeObjectURL(downloadLink.href);
+        }, 100);
+        successCount++;
+      } catch (error) {
+        console.error(`文件${index + 1}下载失败:`, error);
+        failCount++;
+      }
+    });
+
+    // 等待所有下载完成
+    await Promise.all(downloadPromises);
+
+    // 显示下载结果
+    if (failCount === 0) {
+      proxy.$message.success(`成功下载${successCount}个文件`);
+    } else if (successCount === 0) {
+      proxy.$message.error(`所有${failCount}个文件下载失败`);
+    } else {
+      proxy.$message.warning(`成功下载${successCount}个文件，失败${failCount}个文件`);
     }
-
-    // 将响应转换为Blob对象
-    const blob = await response.blob();
-
-    // 创建下载链接
-    const downloadLink = document.createElement('a');
-    downloadLink.href = URL.createObjectURL(blob);
-
-    // 设置下载文件的名称
-    downloadLink.download = item.wjmc;
-
-    // 触发下载
-    document.body.appendChild(downloadLink);
-    downloadLink.click();
-
-    // 清理
-    document.body.removeChild(downloadLink);
-    URL.revokeObjectURL(downloadLink.href);
-
-    // 显示下载成功提示
-    proxy.$message.success('文件下载成功');
   } catch (error) {
-    console.error('文件下载失败:', error);
     proxy.$message.error('文件下载失败，请稍后重试');
   }
 }
+
 const deleteFile = (row) => {
-  proxy.$confirm('确定删除选中文件吗？', '提示', {
+  proxy.$confirm('确定删除选中文件吗？', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => {
-    confirmButtonText: '确定',
+    deleteWjZzzAddEntity({ ids: [row.id] }).then(res => {
-    cancelButtonText: '取消',
-    type: 'warning'
-  }).then(() => {
-    deleteWjZzzAddEntity({ids:[row.id]}).then(res => {
       proxy.$message.success('删除成功');
       getList();
     }).catch(() => {

src/views/backOfficeSystem/HumanIntelligence/infoCollection/components/addForm.vue

@@ -11,6 +11,32 @@
       <div class="form-content" v-loading="loading">
         <!-- <div class="form_cnt"> -->
         <FormMessage :disabled="disabled" v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
+          <!-- <template #jbxx>
+            <div>
+              <h3 class="tags-title">报送情况</h3>
+              <div style="width: 200%;">
+                <el-descriptions :column="4" border>
+                  <el-descriptions-item label="录入人">{{ userName }}</el-descriptions-item>
+                  <el-descriptions-item label="录入单位">{{ userInfo.deptName }} </el-descriptions-item>
+                  <el-descriptions-item label="本年度报送信息量：">{{ tjcll.cnl || 0 }}</el-descriptions-item>
+                  <el-descriptions-item label="采纳量">{{ tjcll.sbsl || 0 }} </el-descriptions-item>
+                </el-descriptions>
+              </div>
+            </div>
+          </template> -->
+          <template #shzt>
+            <div v-if="disabled">
+              <h3 class="tags-title">审核状态</h3>
+              <div style="display: flex;justify-content:space-between;width: 200%;">
+                   <div style="display: flex;">
+                市审核状态：<DictTag v-model:value="listQuery.sldshzt" :options="dict.D_BZ_SSSHZT" :tag="false" />
+                </div>
+                <div  style="display: flex;">
+                县审核状态：<DictTag v-model:value="listQuery.xldshzt" :options="dict.D_BZ_SSSHZT" :tag="false" />
+                </div>
+              </div>
+            </div>
+          </template>
         </FormMessage>
         <!-- </div> -->
         <div class="tags-section" v-if="disabled">
@@ -109,7 +135,7 @@
 
 <script setup>
 import FormMessage from "@/components/aboutTable/FormMessage.vue";
-import { xxcjAddEntity, xxcjUpdateEntity, xxcjSelectByid, xxcjSelectCzlcList, xxcjSelectListBc, xxcjDeletesBc, addEntity, xxcjXxzhs } from "@/api/xxcj.js"
+import { xxcjAddEntity, xxcjUpdateEntity, xxcjSelectByid, xxcjSelectCzlcList, xxcjSelectListBc, xxcjDeletesBc, addEntity, xxcjTjcll, xxcjXxzhs } from "@/api/xxcj.js"
 import { EditPen, Delete } from '@element-plus/icons-vue'
 import { ref, defineExpose, onMounted, defineEmits, watch, getCurrentInstance } from "vue"
 import { ElMessage } from 'element-plus';
@@ -117,6 +143,7 @@ import { getItem } from '@//utils/storage.js'
 import { useRoute, useRouter } from 'vue-router'
 import pursueContent from "@/views/backOfficeSystem/HumanIntelligence/components/pursueContent.vue";
 import * as MOSTY from "@/components/MyComponents/index";
+
 const { proxy } = getCurrentInstance()
 const emit = defineEmits(["getList"]);
 const props = defineProps({
@@ -138,7 +165,14 @@ const rules = ref({
   qbnr: [{ required: true, message: "请输入情报内容", trigger: "blur" }],
   bcnr: [{ required: true, message: "请输入续报内容", trigger: "blur" }],
 })
-
+const tjcll = ref({})
+const getXxcjTjcll = () => {
+  xxcjTjcll({}).then(res => {
+    tjcll.value = res
+  }).catch(error => {
+    console.error('请求失败:', error)
+  })
+}
 watch(() => dialogForm.value, (val) => {
   if (val) {
     if (formType.value === 'followUpReport') {
@@ -151,6 +185,8 @@ watch(() => dialogForm.value, (val) => {
         { label: "情报标题", prop: "qbmc", type: "input", width: '45%' },
         { label: "情报内容", prop: "qbnr", type: "textarea", width: '100%', rows: 100 },
         { label: "附件上传", prop: "fjdz", type: "upload", width: '100%', isImg: false },
+        { label: "", prop: "jbxx", type: "slot", width: '100%',},
+        { label: "", prop: "shzt", type: "slot", width: '100%' },
       ]
     }
   }
@@ -159,6 +195,7 @@ const fjdz = ref()
 const listQuery = ref({}); //表单
 const elform = ref();
 onMounted(() => {
+
 })
 const msgeDat = ref()
 const title = ref("")
@@ -166,8 +203,13 @@ const showPj = ref(false)
 const disabled = ref(false)
 /** 类型 add 新增 info 详情 edit 编辑 followUpReport 续报*/
 const formType = ref('add')
+const userInfo = ref({})
+const userName = ref('')
 // 初始化数据
 const init = (type, row) => {
+  userInfo.value = getItem('deptId') ? getItem('deptId')[0] : {}
+  userName.value = getItem('USERNAME')
+  getXxcjTjcll()
   const titleObj = {
     add: "新增",
     info: "详情",
@@ -266,7 +308,6 @@ const lcList = ref([])
 const getqbcjPldb = (id) => {
   xxcjSelectCzlcList({ qbid: id }).then(res => {
     console.log(res);
-
     lcList.value = res || []
   })
     .catch(() => {
@@ -525,17 +566,26 @@ defineExpose({ init });
 .form-container {
   display: flex;
   width: 100%;
+  height: calc(100% - 50px);
+  overflow: hidden;
 }
 
 .form-content {
-  // display: flex;
+  flex: 1;
-  width: 80%;
+  height: 100%;
+  overflow: hidden;
+  overflow-y: auto;
 }
 
 .timeline-container {
+  width: 400px;
+  padding-right: 10px;
+  box-sizing: border-box;
   border: 1px solid #ebeef5;
-  flex: 1;
   margin: 0 10px;
+  height: 100%;
+  overflow: hidden;
+  overflow-y: auto;
 }
 
 /* 时间线宽度 */

src/views/backOfficeSystem/HumanIntelligence/infoCollection/components/inforReport.vue

@@ -0,0 +1,232 @@
+<template>
+    <div class="inforReport">
+        <el-dialog :close-on-click-modal="false" :show-close="false" title="信息上报" v-model="visible" width="50%" top="5vh">
+        <div class="cntBox">
+            <Toolbar
+                style="border-bottom: 1px solid #ccc"
+                :editor="editorRef"
+                :defaultConfig="toolbarConfig"
+                :mode="mode"
+            />
+            <Editor
+                style="height: 67vh; overflow-y: hidden;"
+                v-model="valueHtml"
+                :defaultConfig="editorConfig"
+                :mode="mode"
+                @onCreated="handleCreated"
+                @onChange="handChange"
+            />
+        </div>
+        <div class="tc mt10">
+            <el-button @click="visible = false">取消</el-button>
+            <el-button type="primary" @click="downloadWithStyles">下载</el-button>
+        </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup>
+import { connectSSEWithPost } from '@/utils/sse.js'
+import { timeValidate } from '@/utils/tools'
+import { getItem } from "@/utils/storage";
+import "@wangeditor/editor/dist/css/style.css";
+import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
+import { ref, shallowRef, computed, onBeforeUnmount, onMounted, watch } from "vue";
+
+const props = defineProps({
+    modelValue: {
+        type: Boolean,
+        default: false
+    },
+    data: {
+        type: Array,
+        default: () => []
+    }
+})
+const baseInfo = {
+    ssbm:getItem('deptId') ? getItem("deptId")[0].deptName : '',
+    time:timeValidate(null,'ymd')
+}
+const emit = defineEmits(['update:modelValue'])
+
+const visible = computed({
+    get: () => props.modelValue,
+    set: (val) => emit('update:modelValue', val)
+})
+
+// 编辑器实例，必须用 shallowRef
+const editorRef = shallowRef()
+const valueHtml = ref('')// 内容 HTML
+const mode = 'default'
+const toolbarConfig = {}
+const editorConfig = { placeholder: '请输入内容...' }
+// 带样式的下载方法
+const downloadWithStyles = () => {
+  const wordDocument = `
+    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >
+    <head>
+      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+      <title>富文本导出</title>
+      <style>
+        /* 应用两端对齐样式 */
+        body {
+          text-align: justify;
+          text-justify: inter-character; /* 中文文本两端对齐 */
+          font-family: "Microsoft YaHei", Arial, sans-serif;
+        }
+        p {
+          text-align: justify;
+          text-justify: inter-character;
+        }
+        .w-e-text-container [data-slate-editor] .table-container{
+            border: none !important;
+            border-bottom: 1px solid #ccc !important;
+            padding: 10px 10px 0px !important;
+            border-radius: 0 !important;
+        }
+        .w-e-text-container [data-slate-editor] table td, .w-e-text-container [data-slate-editor] table th{
+            border: none !important;
+        }
+      </style>
+    </head>
+    <body>
+      ${valueHtml.value}
+    </body>
+    </html>
+  `;
+
+  const blob = new Blob([wordDocument], {
+    type: 'application/msword'
+  });
+
+  saveAs(blob, '情报信息报告.doc');
+};
+
+// 处理事件
+const handleEvents = async () =>{
+    // 模拟
+    // setTimeout(async ()=>{
+    //     let prompt = '对事件的性质、事件的发展，指向性、危害性、可控性等进行分析。'
+    //     if (valueHtml.value.includes('事件分析中。。。')) {
+    //          valueHtml.value = valueHtml.value.replace('事件分析中。。。', prompt)
+    //     }
+    // },1500)
+    try {
+        let prompt = '对事件的性质、事件的发展，指向性、危害性、可控性等进行分析。'
+        await connectSSEWithPost(prompt, {
+        onChunk: (content) => {
+            valueHtml.value = valueHtml.value.replace('事件分析中。。。', content)
+        },
+        onComplete: () => {
+            console.log('SSE连接完成');
+        },
+        onError: (error) => {
+            console.error('SSE连接错误:', error);
+        }
+        });
+    } catch (err) {
+        valueHtml.value = valueHtml.value.replace('事件分析中。。。', '分析失败，请稍后重试')
+        console.error('分析失败:', err);
+    }
+}
+// 工作指引
+const handleWork = async () =>{
+    // 模拟
+    // setTimeout(async ()=>{
+    //     let prompt = '根据分析内容，针对性提出一些对策建议。'
+    //     if (valueHtml.value.includes('工作指引分析中。。。')) {
+    //          valueHtml.value = valueHtml.value.replace('工作指引分析中。。。', prompt)
+    //     }
+    // },1500)
+    try {
+        let prompt = '根据分析内容，针对性提出一些对策建议。'
+        await connectSSEWithPost(prompt, {
+        onChunk: (content) => {
+            valueHtml.value = valueHtml.value.replace('工作指引分析中。。。', content)
+        },
+        onComplete: () => {
+            console.log('SSE连接完成');
+        },
+        onError: (error) => {
+            console.error('SSE连接错误:', error);
+        }
+        });
+    } catch (err) {
+        valueHtml.value = valueHtml.value.replace('工作指引分析中。。。', '分析失败，请稍后重试')
+        console.error('分析失败:', err);
+    }
+}
+
+const handleHtml = async (val) =>{
+    
+    let html = `<h1 style="text-align: center; font-size: 32px; font-weight: bold; font-family: 'Songti SC', 'SimSun', serif; margin-bottom: 20px;">
+        <span style="color: rgb(225, 60, 57);">林芝公安情报信息</span>
+     </h1>
+    <table style="width: 100%; border-bottom: 1px solid black; margin-bottom: 30px; font-family: 'FangSong', serif; font-size: 16px; border-collapse: collapse;">
+        <tr >
+            <td style="text-align: left; padding-bottom: 10px; border: none;">单位：${baseInfo.ssbm}</td>
+            <td style="text-align: right; padding-bottom: 10px; border: none;">时间：${baseInfo.time}</td>
+        </tr>
+    </table><h2 style="text-align: center;"></h2>
+    <h2 style="text-align: center; font-size: 24px; font-family: 'SimHei', sans-serif; margin-bottom: 20px;">关于对 XXXX 事件的综合研判</h2>
+    <p style="text-indent: 2em; line-height: 2; font-family: 'FangSong', serif; font-size: 18px;">近日，${baseInfo.ssbm}（单位）接报 ${val.length} 起关于 XXXXXX 事件的情报信息，合并研判如下：</p>
+    <h3 style="font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 10px; font-family: 'SimHei', sans-serif;">一、事件概况</h3>`
+    val.forEach((item,index)=>{
+        html+=`<p style="text-indent: 2em; line-height: 2; font-family: 'FangSong', serif; font-size: 18px;">事件 ${index+1}：${item.qbmc}（${item.xsBh}）；</p>`
+    })
+    html+=`<h3 style="font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 10px; font-family: 'SimHei', sans-serif;">二、事件分析</h3>`
+    html+=`<p style="text-indent: 2em; line-height: 2; font-family: 'FangSong', serif; font-size: 18px;">事件分析中。。。</p>`
+    html+=`<h3 style="font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 10px; font-family: 'SimHei', sans-serif;">三、工作指引</h3>
+    <p style="text-indent: 2em; line-height: 2; font-family: 'FangSong', serif; font-size: 18px;">工作指引分析中。。。</p>
+`
+    valueHtml.value = html
+    await handleWork(html) //工作指引
+    await handleEvents(html) //处理事件
+}
+
+watch(()=>props.data,val=>{
+    handleHtml(val)
+},{immediate:true,deep:true})
+
+
+// 组件销毁时，也及时销毁编辑器
+onBeforeUnmount(() => {
+    const editor = editorRef.value
+    if (editor == null) return
+    editor.destroy()
+})
+
+const handleCreated = (editor) => {
+    editorRef.value = editor // 记录 editor 实例，重要！
+}
+
+//内容发生变化
+const handChange = (editor) => {
+  // 判断是否是一个空段落，是空就传空文本
+  console.log(editor.getHtml(), 'editor.getHtml()');
+
+};
+
+</script>
+
+<style lang="scss" scoped>
+.cntBox {
+  width: 100%;
+  border: 1px solid #ccc;
+  margin: 0 auto;
+}
+</style>
+
+<style lang="scss">
+.inforReport{
+    .w-e-text-container [data-slate-editor] .table-container{
+        border: none !important;
+        border-bottom: 1px solid #ccc !important;
+        padding: 10px 10px 0px !important;
+        border-radius: 0 !important;
+    }
+    .w-e-text-container [data-slate-editor] table td, .w-e-text-container [data-slate-editor] table th{
+        border: none !important;
+    }
+}
+</style>

src/views/backOfficeSystem/HumanIntelligence/infoCollection/index.vue

@@ -1,617 +1,40 @@
 <template>
   <div>
-    <div class="titleBox">
+      <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
-      <PageTitle :title="titleData">
+        <template #left>
-        <el-button type="primary" @click="addEdit('add')">
+          <el-button size="small" v-for="el in tabBtn" :type="tabActive==el?'primary':''" @click="tabActive=el" :key="el">{{ el }}</el-button>
-          <el-icon style="vertical-align: middle">
+        </template>
-            <CirclePlus />
-          </el-icon>
-          <span style="vertical-align: middle">新增</span>
-        </el-button>
-        <el-button type="primary" @click="dologCancel()">
-          <el-icon style="vertical-align: middle">
-            <CirclePlus />
-          </el-icon>
-          <span style="vertical-align: middle">导出</span>
-        </el-button>
-        <el-button type="primary" :disabled="ids.length === 0" @click="FollowUpOnLeads(ids)"
-          v-if="qxkz.deptLevel == '01'">
-          <el-icon style="vertical-align: middle">
-            <CirclePlus />
-          </el-icon>
-          <span style="vertical-align: middle">转线索</span>
-        </el-button>
-        <!-- <el-button type="primary" :disabled="ids.length === 0" @click="batchMark(ids)" v-if="qxkz.deptLevel == '01'">
-          <el-icon style="vertical-align: middle">
-            <CirclePlus />
-          </el-icon>
-          <span style="vertical-align: middle">转合成</span>
-        </el-button> -->
-        <!-- <el-button type="primary" :disabled="ids.length === 0" @click="batchMark(ids)" v-if="qxkz.deptLevel == '01'">
-          <el-icon style="vertical-align: middle">
-            <CirclePlus />
-          </el-icon>
-          <span style="vertical-align: middle">分组</span>
-        </el-button> -->
-        <el-button type="primary" :disabled="ids.length === 0" @click="handleSumbit(ids)" v-if="qxkz.deptLevel != '01'">
-          <el-icon style="vertical-align: middle">
-            <CirclePlus />
-          </el-icon>
-          <span style="vertical-align: middle">上报</span>
-        </el-button>
-        <el-button type="primary" :disabled="ids.length === 0" @click="delDictItem(ids)">
-          <el-icon style="vertical-align: middle">
-            <CirclePlus />
-          </el-icon>
-          <span style="vertical-align: middle">删除</span>
-        </el-button>
-        <el-button type="success" @click="openSearch">
-          <Search style="width: 1em; height: 1em; margin-right: 8px" />
-          <span style="vertical-align: middle" v-if="!search">搜索</span>
-          <span style="vertical-align: middle" v-else>关闭搜索</span>
-        </el-button>
       </PageTitle>
-    </div>
+    <Infomation v-if="tabActive=='信息采集'" />
-    <!-- 搜索 -->
+    <FQXX v-else-if="tabActive=='蜂群信息'" />
-    <div ref="searchBox" v-if="search">
-      <Searchs :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" />
-    </div>
-
-    <!-- 表格 -->
-    <div class="tabBox" :style="{ height: (pageData.tableHeight + 40) + 'px' }">
-      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
-        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
-        @chooseData="chooseData">
-        <template #qblx="{ row }">
-          <DictTag :tag="false" :value="row.qblx" :options="D_GS_XS_LX" />
-        </template>
-        <template #qbly="{ row }">
-          <DictTag :tag="false" :value="row.qbly" :options="D_BZ_CJLX" />
-        </template>
-        <template #czzt="{ row }">
-          <DictTag :tag="false" :value="row.czzt" :options="D_BZ_QBCZZT" />
-        </template>
-        <template #lczt="{ row }">
-          <DictTag :tag="false" :value="row.lczt" :options="D_BZ_LCZT" />
-        </template>
-        <!-- 操作 -->
-        <template #controls="{ row }">
-          <!-- （01 提交 02 上报县局  03 上班市局 04 采纳 05 退回 06 打标签  07 转合成  08 转线索  09 转会商）v-if="qxkz.deptLevel == '01'" -->
-          <!-- 在提交和退回得状态才能进行上报 -->
-          <el-link v-if="isShowBtn('上报')" size="small" type="primary" @click="appearNewspapers(row)">上报</el-link>
-          <!-- 只有上报状态才能进行采纳 -->
-          <el-link v-if="isShowBtn('采纳')" size="small" type="danger" @click="cnMsg(row)"
-            :disabled="butcontroll('02',row.lczt)">采纳</el-link>
-          <!-- 只有上报状态才能回退 -->
-          <el-link v-if="isShowBtn('回退')" size="small" type="danger" @click="rollbackNewspapers(row)"
-            :disabled="butcontroll('03',row.lczt)">回退</el-link>
-          <!-- 只有采纳状态才能分组 -->
-          <el-link v-if="isShowBtn('分组')" size="small" type="primary" @click="opneMsg(row)"
-            :disabled="butcontroll('01',row.lczt)">分组</el-link>
-          <!-- 只有领导有肯定 -->
-          <el-link v-if="isShowBtn('肯定')" size="small" type="primary" @click="affirm(row)">肯定</el-link>
-          <el-link v-if="isShowBtn('删除')" size="small" type="primary" @click="delDictItem(row.id)">删除</el-link>
-          <el-link v-if="isShowBtn('修改', row)" size="small" type="primary" @click="addEdit('edit', row)">修改</el-link>
-          <el-link v-if="isShowBtn('续报', row)" size="small" type="primary"
-            @click="addEdit('followUpReport', row)">续报</el-link>
-          <el-link v-if="isShowBtn('详情')" size="small" type="primary" @click="addEdit('info', row)">详情</el-link>
-       <!-- 所有状态都能进行转线索 -->
-          <el-link v-if="isShowBtn('转线索')" size="small" type="primary" @click="FollowUpOnLeads(row)" :disabled="butcontroll('01',row.lczt)">转线索</el-link>
-          <!-- 所有状态都能进行转合成 -->
-          <el-link v-if="isShowBtn('转合成')" size="small" type="primary" @click="openFkDialogszl(row)" :disabled="butcontroll('01',row.lczt)">转合成</el-link>
-          <!-- 所有状态都能进行转会商 -->
-          <el-link v-if="isShowBtn('转会商')" size="small" type="primary"
-            @click="handleTransferMerchant(row)" :disabled="butcontroll('01',row.lczt)">转会商</el-link>
-
-                  <el-link v-if="isShowBtn('关注部门')" size="small" type="primary" @click="FollowUpOnDept(row)">关注部门</el-link>
-          <!-- 市局能给所有数据创建标签 -->
-          <el-link v-if="isShowBtn('打标签')" size="small" type="primary" @click="openCustomTag(row)"
-            :disabled="butcontroll('01',row.lczt)">打标签</el-link>
-        </template>
-      </MyTable>
-      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
-        ...pageData.pageConfiger,
-        total: pageData.total
-      }"></Pages>
-    </div>
-    <!-- 新增 -->
-    <AddForm ref="detailDiloag" @getList="getList" :titleData="titleData" :dict="{D_BZ_LCZT}" />
   </div>
-  <ExportFile v-model="exportFileModel" :tableColumn="tableColumn" :dict="{ D_GS_XS_LY, D_GS_XS_LX, D_GS_XS_LX }"
-    :dataModel="pageData.tableData" />
-  <MakeTag v-model="chooseRow" :dataList="dataList" :dict="{ D_BZ_CJLX, D_BZ_QBCZZT, D_GS_XS_LX, D_BZ_BQJB }"
-    @getList="getList" />
-  <Fszl v-model="fszlShow" path="/xxcj/sendFqzl" :itemData="dataList" />
-  <CustomTag v-model="customTagShow" :dataList="dataList" @getList="getList" :dict="{ D_XXCJ_BQLX }" />
-  <Configuration v-model="configurationShow" :dataList="dataList" @getList="getList" />
-
-  <!-- 转会商 -->
-  <transferMerchant v-if="isShowTransferMerchantTc" :row="currRow" ref="transferMerchantRef" title="转会商"
-    @close="isShowTransferMerchantTc = false" @ok="getList" />
-
 </template>
 
 <script setup>
 import PageTitle from "@/components/aboutTable/PageTitle.vue";
-import MyTable from "@/components/aboutTable/MyTable.vue";
+import Infomation from "./infomation.vue";
-import Pages from "@/components/aboutTable/Pages.vue";
+import FQXX from "@/views/backOfficeSystem/InformationReporting/index.vue";
-import Searchs from "@/components/aboutTable/Search.vue";
-import AddForm from "./components/addForm.vue";
-import { useRouter, useRoute } from 'vue-router'
-import { qbcjSelectQbsbPage, qbcjDeletes, qbcjCzzt, qbcjPlsb } from "@/api/Intelligence.js";
-import { xxcjSelectXxsbPage, xxcjDeletes, xxcjXxzsx, xxcjUpdateCzlc, xxcjXxqd } from '@/api/xxcj.js'
 import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
-import MakeTag from '../components/maketag.vue'
-import ExportFile from './components/exportFile.vue'
-import { ElMessageBox } from 'element-plus'
-import { getItem } from '@//utils/storage.js'
-import Fszl from '@/views/backOfficeSystem/HumanIntelligence/components/fszl.vue'
-import CustomTag from '../components/customTag.vue'
-import Configuration from '../components/configuration.vue'
-import transferMerchant from "./components/transferMerchant.vue";
-import { isShiQingZhi } from "@/utils/auth.js"
-
 const { proxy } = getCurrentInstance();
-const { D_GS_XS_LY, D_BZ_SSZT, D_BZ_SF, D_GS_XS_LX, D_BZ_BQJB,
+const tabBtn=ref(["信息采集","蜂群信息"])
-  D_GS_XS_QTLX, D_GS_ZDQT_LB,
+const tabActive=ref('信息采集')
-  D_BZ_BMJB, D_BZ_CLPP, D_BZ_CLYS, D_BZ_CLLX, D_BZ_XZQHDM, D_BZ_QBCZZT, D_BZ_CJLX, D_BZ_LCZT,
-  D_XXCJ_BQLX } =
-  proxy.$dict("D_BZ_BMJB", "D_GS_XS_LY",
-    "D_BZ_SSZT", "D_BZ_SF", "D_GS_XS_LX", "D_GS_XS_QTLX",
-    "D_GS_ZDQT_LB", "D_BZ_CLPP", "D_BZ_CLYS", "D_BZ_CLLX", "D_BZ_XZQHDM", "D_BZ_QBCZZT", "D_BZ_CJLX", "D_BZ_BQJB", "D_BZ_LCZT", "D_XXCJ_BQLX"); //获取字典数据
-const detailDiloag = ref();
-const searchBox = ref(); //搜索框
-const ids = ref([])
-const tableList = ref([]);
-const chooseData = (val) => {
-  ids.value = val.map(item => {
-    return item.id
-  })
-  tableList.value = val
-}
-/** 市情指 */
-const cityIntelligenceCommand = isShiQingZhi()
-const currRow = ref({})
-const transferMerchantRef = ref()
-const isShowTransferMerchantTc = ref(false)
 
-const isShow = ref(false)
-const searchConfiger = ref([
-  { label: "时间", prop: "startTime", placeholder: "请选择时间", showType: "daterange" },
-  { label: "所属单位", prop: "ssbmdm", placeholder: "请选择所属单位", showType: "department" },
-  { label: "情报标题", prop: 'qbmc', placeholder: "请输入情报标题", showType: "input" },
-  { label: "标签级别", prop: 'qbjb', placeholder: "请选择标签级别", showType: "select", options: D_BZ_BQJB },
-  { label: "情报处置状态", prop: 'lczt', placeholder: "请选择处置状态", showType: "select", options: D_BZ_LCZT },
-  // { label: "线索编号", prop: 'xsBh', placeholder: "请输入线索编号", showType: "input" },
-  { label: "关键字", prop: 'keyword', placeholder: "请输入关键字", showType: "input" },
-]);
-const pageData = reactive({
-  tableData: [],
-  keyCount: 0,
-  tableConfiger: {
-    rowHieght: 61,
-    showSelectType: "checkBox",
-    loading: false
-  },
-  total: 0,
-  pageConfiger: {
-    pageSize: 20,
-    pageCurrent: 1
-  },
-  controlsWidth: 300,
-  tableColumn: [
-    { label: "情报上报时间", prop: "sxsbsj" },
-    { label: "情报编号", prop: "xsBh" },
-    { label: "情报标题", prop: "qbmc" },
-    { label: "情报来源", prop: "qbly", showSolt: true },
-    { label: "流程状态", prop: "lczt", showSolt: true },
-    // { label: "消息状态", prop: "czzt", showSolt: true },
-  ]
-});
-const queryFrom = ref({});
-
-const chooseRow = ref(false)
-const dataList = ref()
-
-// 采纳
-const cnMsg = (item) => {
-  // if ( qxkz.depBool) {
-    proxy.$confirm("确定要采纳", "警告", { type: "warning" }).then(() => {
-      xxcjUpdateCzlc({ id: item.id, lczt: '04' }).then(res => {
-        proxy.$message({ type: "success", message: "采纳成功" });
-        getList();
-      })
-    }).catch(() => { });
-  // }
-
-
-
-
-}
-// 回退
-const rollbackNewspapers = (item) => {
-  // if (item.lczt == '04') {
-  //   proxy.$message({
-  //     message: '已经采纳的信息无法回退',
-  //     type: 'warning',
-  //     showClose: true,
-  //   })
-  //   return
-  // }
-  // if (item.lczt == '03') {
-  //   proxy.$message({
-  //     message: '无法回退市局上报信息',
-  //     type: 'warning',
-  //     showClose: true,
-  //   })
-  //   return
-  // }
-  if ( item.qbjb == '00') {
-    ElMessageBox.prompt('请输入回退原因', '警告', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-    })
-      .then(({ value }) => {
-        xxcjUpdateCzlc({ id: item.id, lczt: '05', czthyy: value }).then(res => {
-          proxy.$message({ type: "success", message: "回退成功" });
-          getList();
-        })
-      })
-      .catch(() => {
-      })
-  } else {
-    proxy.$message({
-      message: '只能回退已上报的情报',
-      type: 'warning',
-      showClose: true,
-    })
-  }
-
-
-
-}
-// 上报
-const appearNewspapers = (item) => {
-  if ((item.lczt == '01' || item.lczt == '05' || item.lczt == '02') && item.qbjb == '00' && qxkz.deptLevel != '01') {
-    proxy.$confirm("确定要上报", "警告", { type: "warning" }).then(() => {
-      let promes = {}
-      if (qxkz.deptLevel == '02') {
-        promes = { id: item.id, lczt: '03' }
-      } else {
-        promes = { id: item.id, lczt: '02' }
-      }
-      xxcjUpdateCzlc(promes).then(res => {
-        proxy.$message({ type: "success", message: "上报成功" });
-        getList();
-      })
-
-    }).catch(() => { });
-  } else {
-    proxy.$message({ type: "warning", message: "市局无法进行上报" });
-  }
-}
-// 分组
-const opneMsg = (item) => {
-    chooseRow.value = true
-    dataList.value = [item]
-}
-// 打标签
-const customTagShow = ref(false)
-const openCustomTag = (item) => {
-  if (qxkz.depBool) {
-    customTagShow.value = true
-    dataList.value = item
-  } else {
-    proxy.$message.warning('暂无权限')
-  }
-}
-// 肯定
-const affirm = (item) => {
-  proxy.$confirm("确定要肯定吗？", "警告", { type: "warning" }).then(() => {
-    xxcjXxqd({ ids: item.id }).then(res => {
-      proxy.$message({ type: "success", message: "肯定成功" });
-      getList();
-    })
-  })
-
-}
-// 配置关注部门
-const configurationShow = ref(false)
-const FollowUpOnDept = (item) => {
-  if (qxkz.depBool) {
-    configurationShow.value = true
-    dataList.value = item
-  } else {
-    proxy.$message.warning('暂无权限')
-  }
-
-}
-
-
-
-
-// 批量分组
-// const batchMark = () => {
-//   const listDb = tableList.value.filter(item => item.lczt != '04')
-//   if (listDb.length == 0) {
-//     chooseRow.value = true
-//     dataList.value = tableList.value
-//   } else {
-//     proxy.$message({
-//       message: '还有情报未采纳',
-//       type: 'warning',
-//       showClose: true,
-//     })
-//   }
-// }
-const handleSumbit = () => {
-  const listDb = tableList.value.filter(item => item.czzt != '01' && item.czzt != '04')
-  if (listDb.length == 0) {
-    proxy.$confirm("确定要上报", "警告", { type: "warning" }).then(() => {
-      qbcjPlsb({ ids: ids.value, qbjb: '00' }).then(res => {
-        proxy.$message({ type: "success", message: "上报成功" });
-        getList();
-      })
-    }).catch(() => { });
-  } else {
-    proxy.$message({
-      message: '请选择正确数据',
-      type: 'warning',
-      showClose: true,
-    })
-  }
-}
-
-// <!-- [04、06、07、08、09] -->打标签
-// <!-- [03、05] -->采纳
-// <!-- [04] -->回退
-const butcontroll = (val, zt) => {
-  switch (val) {
-    case '01':
-      return !(['04', '06', '07', '08', '09'].includes(zt))
-    case '02':
-      return !(['03', '05'].includes(zt))
-    case '03':
-      return !(['02','03','04'].includes(zt))
-  }
-}
-
-// 搜索
-const onSearch = (val) => {
-
-  const promes = {
-    ...pageData.pageConfiger,
-    ...val,
-    startTime: val.startTime ? val.startTime[0] : '',
-    endTime: val.endTime ? val.endTime[1] : '',
-  }
-
-  queryFrom.value = { ...promes }
-  pageData.pageConfiger.pageCurrent = 1;
-  getList()
-}
-
-const changeNo = (val) => {
-  pageData.pageConfiger.pageCurrent = val;
-  getList()
-}
-const changeSize = (val) => {
-  pageData.pageConfiger.pageSize = val;
-  getList()
-}
-
-// 获取列表
-const getList = () => {
-  pageData.tableConfiger.loading = true;
-  console.log(pageData.pageConfiger);
-
-  let data = { ...pageData.pageConfiger, ...queryFrom.value };
-  xxcjSelectXxsbPage(data).then(res => {
-    pageData.tableData = res.records || [];
-    pageData.total = res.total;
-    pageData.tableConfiger.loading = false;
-  }).catch(() => { pageData.tableConfiger.loading = false; })
-}
-// 删除
-const delDictItem = (id) => {
-  proxy.$confirm("确定要删除", "警告", { type: "warning" }).then(() => {
-    xxcjDeletes({ ids: Array.isArray(id) ? id : [id] }).then((res) => {
-      proxy.$message({ type: "success", message: "删除成功" });
-      getList();
-    }).catch(() => {
-    })
-  }).catch(() => { });
-}
-// 导出数据
-const tableColumn = reactive([
-  { label: "上报人姓名", prop: "xssbr" },
-  { label: "情报上报时间", prop: "sxsbsj" },
-  { label: "情报编号", prop: "xsBh" },
-  { label: "情报标题", prop: "qbmc" },
-  // { label: "情报类型", prop: "qblx", showSolt: true, zd: 'D_GS_XS_LX' },
-  { label: "情报来源", prop: "qbly", showSolt: true, zd: 'D_BZ_CJLX' },
-  // { label: "指向地点", prop: "zxdz" },
-  // { label: "情报内容", prop: "qbnr", showOverflowTooltip: true },
-])
-// 详情
-const addEdit = (type, row) => {
-  isShow.value = true;
-  setTimeout(() => {
-    detailDiloag.value.init(type, row);
-  }, 500)
-};
-
-const route = useRoute()
-const titleData = ref()
-const qxkz = reactive({
-  deptBizType: '',
-  deptLevel: '',
-  roleCode: false,
-  depBool: false
-});
 onMounted(() => {
-  const { deptBizType, deptLevel } = getItem('deptId')[0]
-  const Jb = deptLevel[0] == '2' ? '01' : deptLevel[0] == '3' ? '02' : '03'
-  qxkz.roleCode = getItem('roleList').find(item => item.roleCode == 'JS_666666') != undefined
-  qxkz.deptBizType = deptBizType
-  qxkz.deptLevel = Jb
-  if (deptBizType == '23' && Jb == '01') {
-    qxkz.depBool = true
-  } else {
-    qxkz.depBool = false
-  }
-
-
-  getRouter()
-  tabHeightFn()
-  if (route.query.id) {
-    detailDiloag.value.init('edit', {
-      id: route.query.id
-    });
-    return
-  }
-  getList()
-
-
 });
-const getRouter = () => {
-  titleData.value = route.meta.title
-}
-const exportFileModel = ref(false)
-const dologCancel = () => {
-  exportFileModel.value = true;
-}
-// 搜索栏
-const search = ref(false)
-const openSearch = () => {
-  search.value = !search.value
-  nextTick(() => {
-    tabHeightFn()
-  })
-}
-// 表格高度计算
-const tabHeightFn = () => {
-  if (search.value) {
-    pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
-  } else {
-    pageData.tableHeight = window.innerHeight - 250;
-  }
-  window.onresize = function () {
-    tabHeightFn();
-  };
-};
-// 转线索
-const FollowUpOnLeads = (row) => {
-  if (!qxkz.depBool) {
-    proxy.$message({
-      message: '权限不足',
-      type: 'warning',
-      showClose: true,
-    })
-    return
-  } else {
-    proxy.$confirm("确定要转线索吗？", "警告", { type: "warning" }).then(() => {
-      xxcjXxzsx({ ids: Array.isArray(row) ? row.join(',') : row.id }).then(res => {
-        proxy.$message({ type: "success", message: "转线索成功" });
-        getList();
-      })
-    })
-  }
-
-}
-// 发送指令
-const fszlShow = ref(false)
-const openFkDialogszl = (row) => {
-  if (!qxkz.depBool) {
-    proxy.$message({
-      message: '权限不足',
-      type: 'warning',
-      showClose: true,
-    })
-    return
-  } else {
-    fszlShow.value = true
-    dataList.value = row
-  }
-
-}
-/** 获取当前角色 */
-function getRole() {
-  const { deptBizType, deptLevel } = getItem('deptId')[0]
-  /** 是否是市情指领导 */
-  const isShiQzLeader = getItem('roleList').find(item => item.roleCode == 'JS_666666') != undefined
-  if (isShiQzLeader) return '市情指领导'
-  /** 是否是市情指人员 */
-  const isShiQz = getItem('roleList').find(item => item.roleCode == 'JS_777777') != undefined
-  if (isShiQz) return '市情指挥人员'
-  /** 是否是县情指人员 */
-  const isXianQz = getItem('roleList').find(item => item.roleCode == 'JS_888888') != undefined
-  if (isXianQz) return '县情指人员'
-  return '部门'
-}
-/** 是否展示按钮 */
-const isShowBtn = (btnName, row = {}) => {
-  /** @type {String} 流程状态（01 提交 02 上报县局 03 上班市局 04 采纳 05 退回 06 打标签 08 转线索） */
-  const lczt = row.lczt
-  /** 按钮权限 */
-  const buttonPermissions = {
-    "市情指领导": ["肯定", "采纳", "回退", "分组", "转线索", "转合成", "转会商", "打标签", "修改", "详情", "关注部门"],
-    "市情指挥人员": ["采纳", "回退", "分组", "转线索", "转合成", "转会商", "打标签", "修改", "详情", "关注部门"],
-    "县情指人员": ["上报", "回退", "修改", "详情"],
-    "部门": ["上报", "新增", "修改", "续报", "详情"]
-  };
-
-  const role = getRole(); // 角色
-  const isHadAuth = buttonPermissions[role]?.includes(btnName) // 当前角色所有会显示的按钮
-  if (!isHadAuth) return false
-  // 拦截部分逻辑
-  if (role === '部门') {
-    if (btnName === '续报') return lczt != '01'
-    if (btnName === '修改') return lczt == '01'
-    // if(btnName === '上报') return lczt == '01'
-  }
-  return true
-}
-const handleTransferMerchant = (row) => {
-  currRow.value = row
-  isShowTransferMerchantTc.value = true
-}
-
-
 
 </script>
 
 <style lang="scss" scoped>
-.label-pop {
+.marks {
-  position: relative;
+  padding: 0 4px;
-
+  white-space: nowrap;
-  &::before {
+  background: #73acf1;
-    position: absolute;
+  border-radius: 4px;
-    content: '*';
+  color: #fff;
-    top: 0;
-    left: -7px;
-    color: red;
-  }
 }
 </style>
-
 <style>
 .el-loading-mask {
   background: rgba(0, 0, 0, 0.5) !important;
 }
-
-:v-deep .el-dialog {
-  width: 90% !important;
-}
-
-.zdy-model-dialogs {
-  /* background-color: rgb(50, 148, 214); */
-  background: url("~@/assets/images/bg46.png") no-repeat center center;
-  background-size: 100% 100%;
-  padding: 8px 10px;
-  box-sizing: border-box;
-  pointer-events: auto !important;
-  height: calc(100% - 50px);
-  overflow: auto;
-}
 </style>

src/views/backOfficeSystem/HumanIntelligence/infoCollection/infomation.vue

@@ -0,0 +1,615 @@
+<template>
+  <div>
+    <!-- 搜索 -->
+    <div ref="searchBox" class="mt10">
+      <Searchs :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" />
+    </div>
+    <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" @click="addEdit('add')" size="small">
+          <el-icon class="vertical-middle">
+            <CirclePlus />
+          </el-icon>
+          <span class="vertical-middle">新增</span>
+        </el-button>
+        <el-button type="primary" @click="exportFileModel = true;" size="small">
+          <el-icon class="vertical-middle">
+            <CirclePlus />
+          </el-icon>
+          <span class="vertical-middle">导出</span>
+        </el-button>
+        <el-button type="primary" :disabled="ids.length === 0" @click="handleSumbit(ids)" v-if="qxkz.deptLevel != '01'"
+          size="small">
+          <el-icon class="vertical-middle">
+            <CirclePlus />
+          </el-icon>
+          <span class="vertical-middle">上报</span>
+        </el-button>
+        <el-button type="primary" :disabled="ids.length === 0" @click="delDictItem(ids)" size="small">
+          <el-icon class="vertical-middle">
+            <CirclePlus />
+          </el-icon>
+          <span class="vertical-middle">删除</span>
+        </el-button>
+        <el-button type="primary" size="small" @click="handleReport">
+          <el-icon class="vertical-middle"><Edit /></el-icon>
+          <span class="vertical-middle">情报信息报告</span>
+        </el-button>
+      </template>
+    </PageTitle>
+    <!-- 表格 -->
+    <div class="tabBox" :style="{ height: (pageData.tableHeight + 40) + 'px' }">
+      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
+        @chooseData="chooseData" @handleCellClick="openXxqk">
+        <template #qblx="{ row }">
+          <DictTag :tag="false" :value="row.qblx" :options="D_GS_XS_LX" />
+        </template>
+        <template #qbly="{ row }">
+          <DictTag :tag="false" :value="row.qbly" :options="D_BZ_CJLX" />
+        </template>
+        <template #czzt="{ row }">
+          <DictTag :tag="false" :value="row.czzt" :options="D_BZ_QBCZZT" />
+        </template>
+        <template #lczt="{ row }">
+          <DictTag :tag="false" :value="row.lczt" :options="D_BZ_LCZT" />
+        </template>
+        <template #cyqk="{ row }">
+          <el-link v-if="isShowBtn('采纳')" size="small" type="danger" @click="cnMsg(row)"
+            :disabled="butcontroll('04', row.lczt)">采纳</el-link>
+          <!-- 只有上报状态才能回退 -->
+          <el-link v-if="isShowBtn('回退')" size="small" type="danger" @click="rollbackNewspapers(row)"
+            :disabled="butcontroll('04', row.lczt)">回退</el-link>
+        </template>
+        <!-- 操作 -->
+        <!-- "市情指挥人员": ["采纳", "回退", "分组", "转线索", "转合成", "转会商", "打标签", "修改", "详情", "关注部门", "送审"], -->
+        <!-- "县情指人员": ["上报", "回退", "修改", "详情", "送审"], -->
+        <template #controls="{ row }">
+          <el-link 
+            v-if="isShowBtn('送审', row) && qxkz.deptLevel == '01'" 
+            :disabled="!(row.lczt == '04')||row.sldshzt != '00'" 
+            size="small" type="primary"
+            @click="postXxcjXxcjTjsh(row)">
+            送审
+          </el-link>
+
+          <!-- <el-link 
+            v-if="isShowBtn('送审', row) && qxkz.deptLevel == '02'"
+            :disabled="row.xldshzt != '00' " 
+            size="small" type="primary"
+            @click="postXxcjXxcjTjsh(row)">
+            送审
+          </el-link> -->
+          
+          <!-- （01 提交 02 上报县局  03 上班市局 04 采纳 05 退回 06 打标签  07 转合成  08 转线索  09 转会商）v-if="qxkz.deptLevel == '01'" -->
+
+          <el-link v-if="isShowBtn('上报') && qxkz.deptLevel == '03'" size="small" type="primary" @click="appearNewspapers(row)"  :disabled="row.lczt != '01'">上报</el-link>
+          <el-link v-else-if="isShowBtn('上报')" size="small" type="primary" @click="appearNewspapers(row)" :disabled="!(row.xldshzt == '02'&&row.lczt == '02')">上报</el-link>
+          <!--  && row.lczt != '02' -->
+          <el-link v-if="isShowBtn('分组')" size="small" type="primary" @click="opneMsg(row)"
+            :disabled="row.sldshzt != '02'">分组</el-link>
+          <!-- 只有领导有肯定 -->
+          <!-- <el-link v-if="isShowBtn('肯定')" size="small" type="primary" @click="affirm(row)">肯定</el-link> -->
+          <el-link v-if="isShowBtn('删除')" size="small" type="primary" @clic.stopk="delDictItem(row.id)">删除</el-link>
+          <el-link v-if="isShowBtn('修改', row)" size="small" type="primary" @click="addEdit('edit', row)">修改</el-link>
+          <el-link v-if="isShowBtn('续报', row)" size="small" type="primary"
+            @click="addEdit('followUpReport', row)">续报</el-link>
+
+          <el-link v-if="isShowBtn('详情')" size="small" type="primary" @click="addEdit('info', row)">详情</el-link>
+          <!-- 所有状态都能进行转线索 -->
+          <el-link v-if="isShowBtn('转线索')" size="small" type="primary" @click="FollowUpOnLeads(row)"
+            :disabled="row.sldshzt != '02'">转线索</el-link>
+          <!-- 所有状态都能进行转合成 -->
+          <!-- <el-link v-if="isShowBtn('转合成')" size="small" type="primary" @click="openFkDialogszl(row)" :disabled="butcontroll('01', row.lczt)">转合成</el-link> -->
+          <!-- 所有状态都能进行转会商 -->
+          <!-- <el-link v-if="isShowBtn('转会商')" size="small" type="primary" @click="handleTransferMerchant(row)" :disabled="butcontroll('01', row.lczt)">转会商</el-link> -->
+
+          <el-link v-if="isShowBtn('关注部门') && row.qbjb=='01'" :disabled="row.sldshzt != '02'" size="small" type="primary" @click="FollowUpOnDept(row)">关注</el-link>
+          <!-- 市局能给所有数据创建标签 -->
+          <el-link v-if="isShowBtn('打标签')" size="small" type="primary" @click="openCustomTag(row)" :disabled="row.sldshzt != '02'">打标签</el-link>
+        </template>
+      </MyTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
+    </div>
+    <!-- 新增 -->
+    <AddForm ref="detailDiloag" @getList="getList" :titleData="titleData" :dict="{ D_BZ_LCZT, D_BZ_SSSHZT }" />
+  </div>
+
+  <ExportFile 
+    v-model="exportFileModel" 
+    :tableColumn="tableColumn" 
+    :dict="{ D_GS_XS_LY, D_GS_XS_LX, D_GS_XS_LX }"
+    :dataModel="pageData.tableData" 
+  />
+
+  <MakeTag 
+    v-model="chooseRow" 
+    :dataList="dataList" 
+    :dict="{ D_BZ_CJLX, D_BZ_QBCZZT, D_GS_XS_LX, D_BZ_BQJB }"
+    @getList="getList" 
+  />
+
+  <Fszl 
+    v-model="fszlShow" 
+    path="/xxcj/sendFqzl" 
+    :itemData="dataList" 
+  />
+
+  <CustomTag 
+    v-model="customTagShow" 
+    :dataList="dataList" 
+    @getList="getList" 
+    :dict="{ D_XXCJ_BQLX }" 
+  />
+  <Configuration 
+    v-model="configurationShow" 
+    :dataList="dataList" 
+    @getList="getList" 
+  />
+
+  <!-- 转会商 -->
+  <transferMerchant 
+    v-if="isShowTransferMerchantTc" 
+    :row="currRow" 
+    title="转会商"
+    @close="isShowTransferMerchantTc = false" 
+    @ok="getList" 
+  />
+
+  <!-- 情报信息报告 -->
+  <InforReport v-if="inforReportShow" v-model="inforReportShow" :data="tableList" />
+
+</template>
+
+<script setup>
+import InforReport from './components/inforReport.vue'
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import Searchs from "@/components/aboutTable/Search.vue";
+import AddForm from "./components/addForm.vue";
+import { useRouter, useRoute } from 'vue-router'
+import { qbcjSelectQbsbPage, qbcjDeletes, qbcjCzzt, qbcjPlsb } from "@/api/Intelligence.js";
+import { xxcjSelectXxsbPage, xxcjDeletes, xxcjXxzsx, xxcjUpdateCzlc, xxcjXxqd, xxcjXxcjTjsh } from '@/api/xxcj.js'
+import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
+import MakeTag from '../components/maketag.vue'
+import ExportFile from './components/exportFile.vue'
+import { ElMessageBox } from 'element-plus'
+import { getItem } from '@//utils/storage.js'
+import Fszl from '@/views/backOfficeSystem/HumanIntelligence/components/fszl.vue'
+import CustomTag from '../components/customTag.vue'
+import Configuration from '../components/configuration.vue'
+import transferMerchant from "./components/transferMerchant.vue";
+import { Edit } from "@element-plus/icons";
+const { proxy } = getCurrentInstance();
+const { D_GS_XS_LY, D_BZ_SSSHZT,  D_GS_XS_LX, D_BZ_BQJB,D_BZ_QBCZZT, D_BZ_CJLX, D_BZ_LCZT,D_XXCJ_BQLX } = proxy.$dict( "D_GS_XS_LY", 'D_BZ_SSSHZT',"D_GS_XS_LX", "D_BZ_QBCZZT", "D_BZ_CJLX", "D_BZ_BQJB", "D_BZ_LCZT", "D_XXCJ_BQLX"); //获取字典数据
+const route = useRoute()
+const titleData = ref()
+const exportFileModel = ref(false)
+const qxkz = reactive({
+  deptBizType: '',
+  deptLevel: '',
+  roleCode: false,
+  depBool: false
+});
+const fszlShow = ref(false)// 发送指令
+const detailDiloag = ref();
+const inforReportShow = ref(false) //情报信息报告
+const customTagShow = ref(false)// 打标签
+const configurationShow = ref(false)// 配置关注部门
+const searchBox = ref(); //搜索框
+const ids = ref([])
+const tableList = ref([]);
+const currRow = ref({})
+const isShowTransferMerchantTc = ref(false)
+const isShow = ref(false)
+const searchConfiger = ref([
+  { label: "录入人", prop: 'xssbr', placeholder: "请输入录入人", showType: "input" },
+  { label: "录入单位", prop: "ssbmdm", placeholder: "请选择录入单位", showType: "department" },
+  { label: "编号", prop: 'xsBh', placeholder: "请输入编号", showType: "input" },
+  { label: "时间", prop: "startTime", placeholder: "请选择时间", showType: "daterange" },
+  { label: "情报标题", prop: 'qbmc', placeholder: "请输入情报标题", showType: "input" },
+  { label: "标签内容", prop: 'bqdmList', placeholder: "请选择标签内容", showType: "select", options: D_XXCJ_BQLX, multiple: true },
+  { label: "标签级别", prop: 'qbjb', placeholder: "请选择标签级别", showType: "select", options: D_BZ_BQJB },
+  { label: "情报处置状态", prop: 'lczt', placeholder: "请选择处置状态", showType: "select", options: D_BZ_LCZT },
+  { label: "关键字", prop: 'keyword', placeholder: "请输入关键字", showType: "input" },
+]);
+const pageData = reactive({
+  tableData: [],
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  },
+  controlsWidth: 300,
+  tableColumn: [
+    { label: "情报上报时间", prop: "sxsbsj" },
+    { label: "情报编号", prop: "xsBh" },
+    { label: "情报标题", prop: "qbmc" },
+    { label: "情报来源", prop: "qbly", showSolt: true },
+    { label: "上报人", prop: "xssbr" },
+    { label: "上报单位", prop: "ssbm" },
+    { label: "流程状态", prop: "lczt", showSolt: true },
+    { label: "采用情况", prop: "cyqk", showSolt: true },
+  ]
+});
+// 导出数据
+const tableColumn = reactive([
+  { label: "上报人姓名", prop: "xssbr" },
+  { label: "情报上报时间", prop: "sxsbsj" },
+  { label: "情报编号", prop: "xsBh" },
+  { label: "情报标题", prop: "qbmc" },
+  { label: "情报来源", prop: "qbly", showSolt: true, zd: 'D_BZ_CJLX' },
+])
+const queryFrom = ref({});
+const chooseRow = ref(false)
+const dataList = ref()
+
+const chooseData = (val) => {
+  ids.value = val.map(item => item.id)
+  tableList.value = val
+}
+
+// 采纳
+const cnMsg = (item) => {
+  proxy.$confirm("确定要采纳", "警告", { type: "warning" }).then(() => {
+    xxcjUpdateCzlc({ id: item.id, lczt: '04' }).then(res => {
+      proxy.$message({ type: "success", message: "采纳成功" });
+      getList();
+    })
+  }).catch(() => { });
+}
+
+const handleReport = () => {
+  if(tableList.value.length == 0) return proxy.$message({ type: "warning", message: "请选择情报信息" });
+  inforReportShow.value = true
+}
+// 回退
+const rollbackNewspapers = (item) => {
+  // if (item.lczt == '04') {
+  //   proxy.$message({
+  //     message: '已经采纳的信息无法回退',
+  //     type: 'warning',
+  //     showClose: true,
+  //   })
+  //   return
+  // }
+  // if (item.lczt == '03') {
+  //   proxy.$message({
+  //     message: '无法回退市局上报信息',
+  //     type: 'warning',
+  //     showClose: true,
+  //   })
+  //   return
+  // }
+  if (item.qbjb == '00') {
+    ElMessageBox.prompt('请输入回退原因', '警告', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+    })
+      .then(({ value }) => {
+        xxcjUpdateCzlc({ id: item.id, lczt: '05', czthyy: value }).then(res => {
+          proxy.$message({ type: "success", message: "回退成功" });
+          getList();
+        })
+      })
+      .catch(() => {
+      })
+  } else {
+    proxy.$message({
+      message: '只能回退已上报的情报',
+      type: 'warning',
+      showClose: true,
+    })
+  }
+
+
+
+}
+// 上报
+const appearNewspapers = (item) => {
+  if ((item.lczt == '01' || item.lczt == '05' || item.lczt == '02') && item.qbjb == '00' && qxkz.deptLevel != '01') {
+    proxy.$confirm("确定要上报", "警告", { type: "warning" }).then(() => {
+      let promes = { id: item.id }
+      promes.lczt = qxkz.deptLevel == '02' ? '03' : '02';
+      xxcjUpdateCzlc(promes).then(res => {
+        proxy.$message({ type: "success", message: "上报成功" });
+        getList();
+      })
+    }).catch(() => { });
+  } else {
+    proxy.$message({ type: "warning", message: "市局无法进行上报" });
+  }
+}
+// 分组
+const opneMsg = (item) => {
+  chooseRow.value = true
+  dataList.value = [item]
+}
+
+const openCustomTag = (item) => {
+  if (qxkz.depBool) {
+    customTagShow.value = true
+    dataList.value = item
+  } else {
+    proxy.$message.warning('暂无权限')
+  }
+}
+// 肯定
+const affirm = (item) => {
+  proxy.$confirm("确定要肯定吗？", "警告", { type: "warning" }).then(() => {
+    xxcjXxqd({ ids: item.id }).then(res => {
+      proxy.$message({ type: "success", message: "肯定成功" });
+      getList();
+    })
+  })
+}
+
+
+const FollowUpOnDept = (item) => {
+  if (qxkz.depBool) {
+    configurationShow.value = true
+    dataList.value = item
+  } else {
+    proxy.$message.warning('暂无权限')
+  }
+}
+
+// 批量分组
+// const batchMark = () => {
+//   const listDb = tableList.value.filter(item => item.lczt != '04')
+//   if (listDb.length == 0) {
+//     chooseRow.value = true
+//     dataList.value = tableList.value
+//   } else {
+//     proxy.$message({
+//       message: '还有情报未采纳',
+//       type: 'warning',
+//       showClose: true,
+//     })
+//   }
+// }
+
+const handleSumbit = () => {
+  const listDb = tableList.value.filter(item => item.czzt != '01' && item.czzt != '04')
+  if (listDb.length == 0) {
+    proxy.$confirm("确定要上报", "警告", { type: "warning" }).then(() => {
+      qbcjPlsb({ ids: ids.value, qbjb: '00' }).then(res => {
+        proxy.$message({ type: "success", message: "上报成功" });
+        getList();
+      })
+    }).catch(() => { });
+  } else {
+    proxy.$message({ message: '请选择正确数据', type: 'warning', showClose: true })
+  }
+}
+
+// <!-- [04、06、07、08、09] -->打标签
+// <!-- [03、05] -->采纳
+// <!-- [04] -->回退
+// <!-- （01 提交 02 上报县局  03 上班市局 04 采纳 05 退回 06 打标签  07 转合成  08 转线索  09 转会商）v-if="qxkz.deptLevel == '01'" -->
+const butcontroll = (val, zt) => {
+  switch (val) {
+    case '01':
+      return !(['04', '06', '07', '08', '09'].includes(zt))
+    case '02':
+      return !(['03', '05'].includes(zt))
+    case '03':
+      return !(['02', '03', '04'].includes(zt))
+    case '04':
+      return (['04', '05', '06', '07', '08', '09'].includes(zt))
+  }
+}
+
+// 搜索
+const onSearch = (val) => {
+  const promes = {
+    ...pageData.pageConfiger,
+    ...val,
+    startTime: val.startTime ? val.startTime[0] : '',
+    endTime: val.endTime ? val.endTime[1] : '',
+    bqdmList: val.bqdmList ? val.bqdmList.join(',') : ""
+  }
+  queryFrom.value = { ...promes }
+  pageData.pageConfiger.pageCurrent = 1;
+  getList()
+}
+
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList()
+}
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList()
+}
+
+// 获取列表
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  let data = { ...pageData.pageConfiger, ...queryFrom.value };
+  xxcjSelectXxsbPage(data).then(res => {
+    pageData.tableData = res.records || [];
+    pageData.total = res.total;
+    pageData.tableConfiger.loading = false;
+  }).catch(() => { pageData.tableConfiger.loading = false; })
+}
+// 删除
+const delDictItem = (id) => {
+  proxy.$confirm("确定要删除", "警告", { type: "warning" }).then(() => {
+    xxcjDeletes({ ids: Array.isArray(id) ? id : [id] }).then((res) => {
+      proxy.$message({ type: "success", message: "删除成功" });
+        getList();
+      }).catch(() => {
+    })
+  }).catch(() => { });
+}
+
+// 详情
+const addEdit = (type, row) => {
+  isShow.value = true;
+  setTimeout(() => {
+    detailDiloag.value.init(type, row);
+  }, 500)
+};
+const openXxqk = (row) => {
+  if (row.column.property == 'qbmc' || row.column.property == 'xsBh') {
+    isShow.value = true;
+    setTimeout(() => {
+      detailDiloag.value.init('info', row.row);
+    }, 500)
+  }
+}
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 280;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+// 转线索
+const FollowUpOnLeads = (row) => {
+  if (!qxkz.depBool) return proxy.$message({message: '权限不足',type: 'warning',showClose: true, })
+  proxy.$confirm("确定要转线索吗？", "警告", { type: "warning" }).then(() => {
+    xxcjXxzsx({ ids: Array.isArray(row) ? row.join(',') : row.id }).then(res => {
+      proxy.$message({ type: "success", message: "转线索成功" });
+      getList();
+    })
+  })
+}
+
+const openFkDialogszl = (row) => {
+  if (!qxkz.depBool) {
+    proxy.$message({
+      message: '权限不足',
+      type: 'warning',
+      showClose: true,
+    })
+    return
+  } else {
+    fszlShow.value = true
+    dataList.value = row
+  }
+
+}
+/** 获取当前角色 */
+function getRole() {
+  const { deptBizType, deptLevel } = getItem('deptId')[0]
+  /** 是否是市情指领导 */
+  const isShiQzLeader = getItem('roleList').find(item => item.roleCode == 'JS_666666') != undefined
+  if (isShiQzLeader) return '市情指领导'
+  /** 是否是市情指人员 */
+  const isShiQz = getItem('roleList').find(item => item.roleCode == 'JS_777777') != undefined
+  if (isShiQz) return '市情指挥人员'
+  /** 是否是县情指人员 */
+  const isXianQz = getItem('roleList').find(item => item.roleCode == 'JS_888888') != undefined
+  if (isXianQz) return '县情指人员'
+  return '部门'
+}
+/** 是否展示按钮 */
+const isShowBtn = (btnName, row = {}) => {
+  /** @type {String} 流程状态（01 提交 02 上报县局 03 上班市局 04 采纳 05 退回 06 打标签 08 转线索） */
+  const lczt = row.lczt
+  /** 按钮权限 */
+  const buttonPermissions = {
+    "市情指领导": ["肯定", "采纳", "回退", "分组", "转线索", "转合成", "转会商", "打标签", "修改", "详情", "关注部门"],
+    "市情指挥人员": ["采纳", "回退", "分组", "转线索", "转合成", "转会商", "打标签", "修改", "详情", "关注部门", "送审"],
+    "县情指人员": ["上报", "回退", "修改", "详情", "送审"],
+    "部门": ["上报", "新增", "修改", "续报", "详情"]
+  };
+
+  const role = getRole(); // 角色
+  const isHadAuth = buttonPermissions[role]?.includes(btnName) // 当前角色所有会显示的按钮
+  if (!isHadAuth) return false
+  // 拦截部分逻辑
+  if (role === '部门') {
+    if (btnName === '续报') return lczt != '01'
+    if (btnName === '修改') return lczt == '01'
+  }
+  return true
+}
+const handleTransferMerchant = (row) => {
+  currRow.value = row
+  isShowTransferMerchantTc.value = true
+}
+// 送审
+const postXxcjXxcjTjsh = (row) => {
+  proxy.$confirm("确定要送审吗", "提示", { type: "warning" }).then(() => {
+    xxcjXxcjTjsh({ xxid: row.id }).then(res => {
+      proxy.$message({ type: "success", message: "送审成功" });
+      getList();
+    })
+  }).catch(() => { })
+}
+
+onMounted(() => {
+  const { deptBizType, deptLevel } = getItem('deptId')[0]
+  const Jb = deptLevel[0] == '2' ? '01' : deptLevel[0] == '3' ? '02' : '03'
+  qxkz.roleCode = getItem('roleList').find(item => item.roleCode == 'JS_666666') != undefined
+  qxkz.deptBizType = deptBizType
+  qxkz.deptLevel = Jb
+  if (deptBizType == '23' && Jb == '01') {
+    qxkz.depBool = true
+  } else {
+    qxkz.depBool = false
+  }
+
+  console.log(qxkz,'=======qxkz');
+  
+  titleData.value = route.meta.title
+  tabHeightFn()
+  if (route.query.id) {
+    detailDiloag.value.init('edit', { id: route.query.id });
+  }
+  getList()
+});
+</script>
+
+<style lang="scss" scoped>
+.label-pop {
+  position: relative;
+
+  &::before {
+    position: absolute;
+    content: '*';
+    top: 0;
+    left: -7px;
+    color: red;
+  }
+}
+</style>
+
+<style>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+
+:v-deep .el-dialog {
+  width: 90% !important;
+}
+
+.zdy-model-dialogs {
+  /* background-color: rgb(50, 148, 214); */
+  background: url("~@/assets/images/bg46.png") no-repeat center center;
+  background-size: 100% 100%;
+  padding: 8px 10px;
+  box-sizing: border-box;
+  pointer-events: auto !important;
+  height: calc(100% - 50px);
+  overflow: auto;
+}
+
+.vertical-middle {
+  vertical-align: middle;
+}
+</style>

src/views/backOfficeSystem/HumanIntelligence/lamXs/components/addForm.vue

@@ -0,0 +1,251 @@
+<template>
+  <div class="dialog" v-if="dialogForm">
+    <div class="head_box">
+      <span class="title">{{ title }}临安码线索</span>
+      <div>
+        <el-button type="primary" v-if="!listQuery.gzlid&&title!=='详情'" :loading="loading" @click="submit">保存</el-button>
+        <el-button @click="close">关闭</el-button>
+      </div>
+    </div>
+
+
+    <div class="flex">
+
+      <div class="form_cnt" :class="listQuery.gzlid&&title=='详情' ? 'ww80' : 'ww100'">
+        <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules" :disabled="title == '详情'">
+          <template #gapdive>
+            <div style="width: 100%;height: 10px;" class="mb20">
+              <el-divider content-position="left">基础信息</el-divider>
+            </div>
+          </template>
+          <template #gapline>
+            <div style="width: 100%;height: 10px;" class="mb20">
+              <el-divider content-position="left">线索内容</el-divider>
+            </div>
+          </template>
+          <template #scfj>
+            <div style="width: 100%;padding-left: 50px;">
+              <div>上传附件:<span class="f12">（可附电子表格、Word文档、图像、音视频文件）</span> </div>
+              <MOSTY.Upload :showBtn="true" :isAll="true" :isImg="false" :limit="10" v-model="fjdz" />
+            </div>
+          </template>
+        </FormMessage>
+        <el-divider content-position="left"><span class="mr20">相关人员</span>
+          <el-button type="primary" size="small" @click="addEdit('add', null)" :disabled="title == '详情'">添加人员</el-button>
+        </el-divider>
+        <MyTable :tableData="pageForm.tableData" :tableColumn="pageForm.tableColumn" :tableHeight="pageForm.tableHeight"
+          :key="pageForm.keyCount" :tableConfiger="pageForm.tableConfiger" :controlsWidth="pageForm.controlsWidth">
+          <template #xb="{ row }">
+            <DictTag :value="row.xb" :tag="false" :options="props.dic.D_BZ_XB" />
+          </template>
+          <template #bqList="{ row }">
+            <div v-if="row.bqList">
+              <el-tag type="success" v-for="(it, idx) in row.bqList" :key="idx">{{ it.bqMc }}</el-tag>
+            </div>
+          </template>
+          <!-- 操作 -->
+          <template #controls="{ row, index }">
+            <el-link size="small" type="success" @click="addEdit('edit', row, index)">编辑</el-link>
+            <el-link size="small" type="danger" @click="deleteRow(index)">删除</el-link>
+          </template>
+        </MyTable>
+      </div>
+      <div v-if="listQuery.gzlid&&title=='详情'" class="ww20">
+        <ApprovalEcho ref="approvalEcho" />
+      </div>
+    </div>
+
+
+    <!-- 人员 -->
+    <AddPeo ref="showAdd" v-model="showPeo" v-if="showPeo" :dic="props.dic" @change="getPeo"></AddPeo>
+  </div>
+</template>
+
+<script setup>
+import * as MOSTY from "@/components/MyComponents/index";
+import AddPeo from '@/components/addPerson/index.vue'
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
+import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, nextTick,watch } from "vue";
+import ApprovalEcho from "@/components/flowPath/ApprovalEcho.vue";
+const emit = defineEmits(["change"]);
+const props = defineProps({
+  dic: Object
+});
+const { proxy } = getCurrentInstance();
+const dialogForm = ref(false); //弹窗
+const rules = reactive({
+  qbmc: [{ required: true, message: "请输入线索名称", trigger: "blur" }],
+  qblx: [{ required: true, message: "请选择线索类型", trigger: "change" }],
+});
+const formData = ref([
+  { prop: "gapdive", type: "slot", width: '100%' },
+  { label: "线索名称", prop: "qbmc", type: "input" },
+  { label: "线索类型", prop: "qblx", type: "select", options: props.dic.D_GS_XS_LX },
+  // { label: "情报来源", prop: "qbly", type: "select", options: props.dic.D_GS_XS_LY },
+  // { label: "指向开始时间", prop: "zxkssj", type: "datetime" },
+  // { label: "指向结束时间", prop: "zxjssj", type: "datetime" },
+  { label: "线索地点", prop: "zxdz", type: "input" },
+  { label: "所属专题", prop: "sszt", type: "select", options: props.dic.D_BZ_SSZT },
+  { prop: "gapline", type: "slot", width: '100%' },
+  { prop: "scfj", type: "slot", width: '100%' },
+  { label: "线索内容", prop: "qbnr", type: "textarea", width: '100%' },
+]);
+const fjdz = ref()
+const listQuery = ref({}); //表单
+const loading = ref(false);
+const elform = ref();
+const title = ref("");
+const pageForm = reactive({
+  tableData: [],
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false,
+    haveControls: !title.value == '详情'
+  },
+  controlsWidth: 220,
+  tableColumn: [
+    { label: "姓名", prop: "xm" },
+    { label: "性别", prop: "xb", showSolt: true },
+    { label: "身份证号", prop: "sfzh" },
+    { label: "户籍地", prop: "hjdz" },
+    { label: "户籍地派出所", prop: "hjdpcs" },
+    { label: "标签", prop: "bqList", showSolt: true }
+  ]
+});
+const showAdd = ref()
+const showPeo = ref(false)
+onMounted(() => {
+  tabHeightFn()
+})
+
+
+// 初始化数据
+const init = (type, row) => {
+  fjdz.value = []
+  tabHeightFn()
+  dialogForm.value = true;
+  title.value = type == "add" ? "新增" : type == "info" ? "详情" : "编辑";
+  // 初始化表单数据，并根据详情页设置禁用状态
+  if (row) getDataById(row.id);
+};
+
+
+
+// 根据id查询详情
+const getDataById = (id) => {
+  qcckGet({ id }, "/mosty-gsxt/qbcj/selectByid").then((res) => {
+    fjdz.value = res.ossList || [];
+    listQuery.value = res;
+    pageForm.tableData = res.ryList || [];
+  });
+};
+const approvalEcho = ref()
+watch(() => approvalEcho.value, (val) => {
+  if (val) {
+    console.log(approvalEcho.value);
+  approvalEcho.value.getWorkflow(listQuery.value.gzlid)
+  }
+
+},{deep:true})
+
+// 打开弹窗
+const addEdit = (type, row, index) => {
+  showPeo.value = true;
+  nextTick(() => {
+    showAdd.value.init(type, row, index)
+  })
+}
+
+// 新增人员
+const getPeo = (val) => {
+  if (val.type == '新增') {
+    pageForm.tableData.push(val.data);
+  } else {
+    pageForm.tableData.splice(val.index, 1, val.data); // 在索引2的位置删除一个元素，并插入newValue
+  }
+}
+
+const deleteRow = (index) => {
+  pageForm.tableData.splice(index, 1)
+}
+
+// 提交
+const submit = () => {
+  elform.value.submit((data) => {
+    let url = title.value == "新增" ? "/mosty-gsxt/qbcj/add" : "/mosty-gsxt/qbcj/update";
+    let params = { ...data, ryList: pageForm.tableData, cjLx: '0' };
+    let fjids = [];
+    fjdz.value.forEach(item => {
+      if (Object.prototype.toString.call(item) === '[object Object]') {
+        fjids.push(item.id)
+      } else {
+        fjids.push(item)
+      }
+    })
+    params.fjdz = fjids.length > 0 ? fjids.join(',') : '';
+    loading.value = true;
+    qcckPost(params, url).then((res) => {
+      loading.value = false;
+      proxy.$message({ type: "success", message: title.value + "成功" });
+      emit("change");
+      close();
+    }).catch(() => {
+      loading.value = false;
+    });
+  });
+};
+
+// 关闭
+const close = () => {
+  fjdz.value = []
+  listQuery.value = {};
+  dialogForm.value = false;
+  loading.value = false;
+};
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageForm.tableHeight = window.innerHeight - 720;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+
+defineExpose({ init });
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+::v-deep .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
+  color: #0072ff;
+  background: rgba(0, 114, 255, 0.3);
+}
+
+.boxlist {
+  width: 99%;
+  height: 225px;
+  margin-top: 10px;
+  overflow: hidden;
+}
+
+::v-deep .avatar-uploader {
+  display: flex;
+  align-items: center;
+}
+
+::v-deep .el-upload-list {
+  margin-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+::v-deep .el-upload-list__item-name .el-icon {
+  top: 3px;
+}
+</style>

src/views/backOfficeSystem/HumanIntelligence/lamXs/components/xsxf.vue

@@ -0,0 +1,112 @@
+<template>
+  <el-dialog :model-value="modelValue" title="线索下发" width="50%" @close="closeDialog" destroy-on-close append-to-body>
+    <div style="height: 50vh; overflow: auto;">
+      <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules" />
+    </div>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="submitForm">确认 </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
+import { ref, reactive, getCurrentInstance, watch } from "vue";
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+const { proxy } = getCurrentInstance()
+const { D_GS_XS_ZLLX, D_GS_ZDQT_FXDJ } = proxy.$dict('D_GS_XS_ZLLX', 'D_GS_ZDQT_FXDJ')
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  dataList: {
+    type: Object,
+    default: () => ({})
+  }
+})
+const emit = defineEmits(['update:modelValue', 'getList'])
+const elform = ref(null)
+const closeDialog = (formEl) => {
+  emit('update:modelValue', false)
+}
+
+const rules = reactive({
+  glxs: [{ required: true, message: '请输入线索名称', trigger: 'blur' }],
+  zlbt: [{ required: true, message: '请输入指令标题', trigger: 'blur' }],
+  zllx: [{ required: true, message: '请选择指令类型', trigger: 'change' }],
+  zldj: [{ required: true, message: '请选择指令等级', trigger: 'change' }],
+  xfbmList: [{ required: true, message: '请选择下发部门集合', trigger: 'change' }],
+  zsdw: [{ required: true, message: '请选择主送单位', trigger: 'change' }],
+  csdw: [{ required: true, message: '请选择抄送单位', trigger: 'change' }],
+  zlnr: [{ required: true, message: '请输入指令内容', trigger: 'blur' }],
+})
+const listQuery = ref({})
+const formData = ref(
+  [
+    { label: "线索名称", prop: "glxs", type: "input" },
+    { label: "指令标题", prop: "zlbt", type: "input" },
+    { label: "指令类型", prop: "zllx", type: "select", options: D_GS_XS_ZLLX },
+    { label: "指令等级", prop: "zldj", type: "select", options: D_GS_ZDQT_FXDJ },
+    { label: "指令联系人", prop: "zllxr", type: "input" },
+    { label: "指令联系电话", prop: "zllxdh", type: "input" },
+    { label: "指令结束时间", prop: "jssj", type: "datetime" },
+    { label: "下发部门集合", depMc: 'xfbmListMc', prop: "xfbmList", type: "department", width: "90%", multiple: true },
+    { label: "主送单位", prop: "zsdw", type: "department" },
+    { label: "抄送单位", prop: "csdw", type: "department" },
+    { label: "指令内容", prop: "zlnr", type: "textarea", width: "90%" },
+    { label: "附件地址", prop: "fjzd", type: "upload", width: "90%" },
+  ]
+)
+watch(() => props.modelValue, (newVal, oldVal) => {
+  if (newVal) {
+    listQuery.value.xsid = props.dataList.id
+    listQuery.value.glxsid = props.dataList.id
+    listQuery.value.glxs = props.dataList.qbmc
+  }
+}, { deep: true })
+
+
+const submitForm = (formEl) => {
+  console.log(listQuery.value);
+  elform.value.submit((valid) => {
+    if (valid) {
+      const params = {
+        ...listQuery.value,
+        fjzd:listQuery.value.fjzd? listQuery.value.fjzd.join(',') : '',
+        xfbmList: listQuery.value.xfbmList.map((item, index) => {
+          return {
+            ssbm: listQuery.value.xfbmListMc[index],
+            ssbmdm: item,
+          }
+        }),
+      }
+      qcckPost(params, '/mosty-gsxt/qbcj/xfxs').then((res) => {
+        proxy.$message({ type: "success", message: "下发成功" });
+  emit('update:modelValue', false)
+        // closeDialog(formEl);
+      }).catch(() => {
+        proxy.$message({ type: "error", message: "新增失败" });
+      });
+      console.log(params);
+      // emit('getList', listQuery)
+      // closeDialog(formEl)
+    } else {
+      console.log('校验失败');
+    }
+  })
+  // formEl.validate((valid) => {
+  //   if (valid) {
+  //     emit('getList', listQuery)
+  //     closeDialog(formEl)
+  //   } else {
+  //     console.log('校验失败');
+  //   }
+  // })
+}
+</script>
+
+<style scoped></style>

src/views/backOfficeSystem/HumanIntelligence/lamXs/index.vue

@@ -0,0 +1,239 @@
+<template>
+  <div>
+
+    <!-- 搜索 -->
+    <div ref="searchBox"  class="mt10">
+      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" />
+    </div>
+      <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" size="small" @click="addEdit('add', null)">
+          <el-icon style="vertical-align: middle">
+            <CirclePlus />
+          </el-icon>
+          <span style="vertical-align: middle">新增</span>
+        </el-button>
+        <el-button type="danger" size="small" @click="plDelDictItem">
+          <el-icon style="vertical-align: middle">
+            <Dete />
+          </el-icon>
+          <span style="vertical-align: middle">批量删除</span>
+        </el-button></template>
+      </PageTitle>
+    <!-- 表格 -->
+    <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 #qblx="{ row }">
+          <DictTag :tag="false" :value="row.qblx" :options="D_GS_XS_LX" />
+        </template>
+        <template #cjLx="{ row }">
+          <DictTag :tag="false" :value="row.cjLx" :options="D_GS_XS_LY" />
+        </template>
+        <template #czzt="{ row }">
+          <DictTag :tag="false" :value="row.czzt" :options="D_GS_XS_XSCZZT" />
+        </template>
+
+        <template #shzt="{ row }">
+          <!-- 采纳（将这条信息推送到情报管理）,退回！ -->
+          <DictTag :tag="false" :value="row.shzt" :options="D_BZ_XSSHZT" @clickTag="clickTag(row.shzt)" />
+        </template>
+        <!-- 操作 -->
+        <template #controls="{ row }">
+          <el-link size="small" type="primary" @click="addEdit('info', row)">详情</el-link>
+          <template v-if="!row.gzlid">
+            <el-link size="small" type="success" @click="addEdit('edit', row)">编辑</el-link>
+            <el-link size="small" type="primary" @click.stop="createProcess(row)">审核</el-link>
+            <el-link size="small" type="danger" @click="delDictItem(row.id)">删除</el-link>
+          </template>
+          <el-link size="small" type="warning" @click="openXsxf( row)">线索下发</el-link>
+        </template>
+      </MyTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
+    </div>
+    <!-- 新增 -->
+    <AddForm ref="detailDiloag" @change="getList" v-if="isShow"
+      :dic="{ D_BZ_SF, D_BZ_XB, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX }" />
+  </div>
+  <SubmissionProcess v-model="showSp" :data="rowData"
+    :userData="{ ajmc: '线索数据采集审批', flowType: 'XSSJCJSP', modelName: '线索' }" :path="fixedValue" @getList="getList" />
+<Xsxf v-model="xsxfShow" :dataList="rowData"/>
+</template>
+
+<script setup>
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import Search from "@/components/aboutTable/Search.vue";
+import AddForm from "./components/addForm.vue";
+import SubmissionProcess from '@/components/flowPath/submissionProcess.vue'
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
+import { useRouter } from "vue-router";
+import Xsxf from "./components/xsxf.vue";
+const router = useRouter();
+const { proxy } = getCurrentInstance();
+const { D_GS_XS_XSCZZT, D_GS_XS_LY, D_BZ_SSZT, D_BZ_SF, D_GS_XS_LX, D_GS_XS_QTLX, D_BZ_XB, D_BZ_XSSHZT } = proxy.$dict("D_GS_XS_XSCZZT", "D_GS_XS_LY", "D_BZ_SSZT", "D_BZ_SF", "D_GS_XS_LX", "D_GS_XS_QTLX", "D_BZ_XB", "D_BZ_XSSHZT"); //获取字典数据
+const detailDiloag = ref();
+const searchBox = ref(); //搜索框
+const isShow = ref(false)
+const searchConfiger = ref([
+  { label: "线索名称", prop: 'qbmc', placeholder: "请输入线索名称", showType: "input" },
+  { label: "内容关键字", prop: 'qbnr', placeholder: "请输入语义关键字", showType: "input" },
+  { label: "线索类型", prop: 'qblx', placeholder: "请选择线索类型", showType: "select", options: D_GS_XS_LX },
+  { label: "线索来源", prop: 'cjLx', placeholder: "请选择线索来源", showType: "select", options: D_GS_XS_LY },
+]);
+
+const pageData = reactive({
+  tableData: [],
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  },
+  controlsWidth: 250,
+  tableColumn: [
+    { label: "线索编号", prop: "xsBh" },
+    { label: "线索名称", prop: "qbmc" },
+    { label: "线索类型", prop: "qblx", showSolt: true },
+    { label: "线索来源", prop: "cjLx", showSolt: true },
+    { label: "上报时间", prop: "sxsbsj", showOverflowTooltip: true },
+    { label: "线索地点", prop: "zxdz" },
+    { label: "线索内容", prop: "qbnr" },
+    { label: "处置状态", prop: "czzt", showSolt: true },
+    { label: "审核状态", prop: "shzt", showSolt: true },
+  ]
+});
+
+const queryFrom = ref({});
+
+onMounted(() => {
+  getList()
+  tabHeightFn();
+});
+
+
+
+
+// 搜索
+const onSearch = (val) => {
+  queryFrom.value = { ...val }
+  pageData.pageConfiger.pageCurrent = 1;
+  getList()
+}
+
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList()
+}
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList()
+}
+
+// 获取列表
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  let data = { ...pageData.pageConfiger, ...queryFrom.value, cjLx: '0' };
+  qcckGet(data, '/mosty-gsxt/qbcj/selectPage').then(res => {
+    pageData.tableData = res.records || [];
+    pageData.total = res.total;
+    pageData.tableConfiger.loading = false;
+  }).catch(() => { pageData.tableConfiger.loading = false; })
+}
+
+// 删除
+const delDictItem = (id) => {
+  proxy.$confirm("确定要删除", "警告", { type: "warning" }).then(() => {
+    qcckPost({ id }, '/mosty-gsxt/qbcj/delete').then(() => {
+      proxy.$message({ type: "success", message: "删除成功" });
+      getList();
+    })
+  }).catch(() => { });
+}
+const ids = ref()
+const chooseData = (val) => {
+  ids.value = val.map(item => item.id)
+}
+const plDelDictItem = () => {
+  proxy.$confirm("确定要删除", "警告", { type: "warning" }).then(() => {
+    qcckPost({ ids: ids.value }, '/mosty-gsxt/qbcj/deletes').then(() => {
+      proxy.$message({ type: "success", message: "删除成功" });
+      getList();
+    })
+  }).catch(() => { });
+}
+// 详情
+const addEdit = (type, row) => {
+  isShow.value = true;
+  setTimeout(() => {
+    detailDiloag.value.init(type, row);
+  }, 500)
+};
+
+const clickTag = (val) => {
+  if (val == '02') router.push('/IntelligenceManagement');
+}
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+
+// 工作流
+const showSp = ref(false);
+const rowData = ref()
+// 固定值
+const fixedValue = {
+  clueVerification: 'clueVerification',
+  byMeansOf: 'qbcj/callback',
+  nobyMeansOf: 'qbcj/callback',
+  recycle: 'qbcj/callback',
+}
+const createProcess = (row) => {
+  showSp.value = true;
+  rowData.value = row
+}
+
+
+
+// 线索下发
+const xsxfShow = ref(false)
+const openXsxf = (row) => {
+  xsxfShow.value = true
+  rowData.value = {...row}
+}
+
+</script>
+
+<style lang="scss" scoped>
+.label-pop {
+  position: relative;
+
+  &::before {
+    position: absolute;
+    content: '*';
+    top: 0;
+    left: -7px;
+    color: red;
+  }
+}
+</style>
+<style>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+</style>

src/views/backOfficeSystem/HumanIntelligence/listView/index.vue

@@ -1,13 +1,18 @@
 <template>
   <div>
-    <div class="titleBox">
+    <!-- 搜索 -->
-      <PageTitle :title="routerMate.title">
+    <div ref="searchBox"  class="mt10">
-        <el-button type="primary" @click="dologCancel()">
+      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" />
-          <el-icon style="vertical-align: middle">
+    </div>
-            <CirclePlus />
+       <PageTitle :malginLeft="10"  :height="35"  backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
-          </el-icon>
+        <template  #left>
-          <span style="vertical-align: middle">导出</span>
+          <el-button type="primary" @click="dologCancel()" size="small">
-        </el-button>
+            <el-icon style="vertical-align: middle">
+              <CirclePlus />
+            </el-icon>
+            <span style="vertical-align: middle">导出</span>
+          </el-button>
+        </template>
         <!-- <el-button v-if="qxkz.deptLevel == '01'" type="primary" :disabled="ids.length === 0" @click="batchMark(ids)">
           <el-icon style="vertical-align: middle">
             <CirclePlus />
@@ -15,18 +20,18 @@
           <span style="vertical-align: middle">批量打标</span>
         </el-button> -->
       </PageTitle>
-    </div>
-    <!-- 搜索 -->
-    <div ref="searchBox">
-      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" />
-    </div>
-
     <!-- 表格 -->
     <div class="tabBox">
-      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+      <MyTable 
-        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
+        :tableData="pageData.tableData" 
-        @chooseData="chooseData">
+        :tableColumn="pageData.tableColumn" 
-         <template #qblx="{ row }">
+        :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount" 
+        :tableConfiger="pageData.tableConfiger" 
+        :controlsWidth="pageData.controlsWidth"
+        @chooseData="chooseData"
+      >
+        <template #qblx="{ row }">
           <DictTag :tag="false" :value="row.qblx" :options="D_GS_XS_LX" />
         </template>
         <template #qbly="{ row }">
@@ -45,6 +50,9 @@
           <el-link size="small" type="primary" @click="openCheckProcess(row)">补充信息</el-link>
               <!-- <el-link size="small" type="primary" @click="openCheckProcessXb(row)"> 续报</el-link> -->
           <el-link size="small" type="primary" @click="addEdit('info', row)">详情</el-link>
+          <el-link size="small" type="primary" @click="handleCase(row)"> 
+            <span :style="{'color': row.sfgz == '0' ? 'rgb(242,7,7)' : '#dede17'}">{{ row.sfgz == '0' ? '关注' : '取消关注' }}</span>
+           </el-link>
         </template>
       </MyTable>
       <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
@@ -78,60 +86,58 @@
 </template>
 
 <script setup>
+import { qcckPost } from "@/api/qcckApi.js";
 import PageTitle from "@/components/aboutTable/PageTitle.vue";
 import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
 import Search from "@/components/aboutTable/Search.vue";
 import AddForm from "@/views/backOfficeSystem/HumanIntelligence/infoCollection/components/addForm.vue";
 import { useRoute } from 'vue-router'
-import { qbcjSelectPage, qbcjDeletes } from "@/api/Intelligence.js";
 import { reactive, ref, onMounted, getCurrentInstance, watch } from "vue";
 import MakeTag from '@/views/backOfficeSystem/HumanIntelligence/components/maketag.vue'
 import ExportFile from '@/views/backOfficeSystem/HumanIntelligence/infoCollection/components/exportFile.vue'
 import pursueContent from "../components/pursueContent.vue";
 import Fszl from '../components/fszl.vue'
 import { getItem } from '@//utils/storage.js'
-import { qbcjZxs } from '@/api/qbcj.js'
 import {xxcjSelectPage,xxcjXxzsx} from '@/api/xxcj.js'
+import { color } from "echarts";
 const { proxy } = getCurrentInstance();
-const { D_GS_XS_LY, D_BZ_SSZT, D_BZ_SF, D_GS_XS_LX, D_BZ_BQJB,
+const { 
-  D_GS_XS_QTLX, D_GS_ZDQT_LB,
+  D_GS_XS_LY, 
-  D_BZ_BMJB, D_BZ_CLPP, D_BZ_CLYS, D_BZ_CLLX, D_BZ_XZQHDM, D_BZ_QBCZZT, D_BZ_CJLX ,D_BZ_LCZT} =
+  D_BZ_SSZT, 
-  proxy.$dict("D_BZ_BMJB", "D_GS_XS_LY",
+  D_BZ_SF, 
-    "D_BZ_SSZT", "D_BZ_SF", "D_GS_XS_LX", "D_GS_XS_QTLX",
+  D_GS_XS_LX, 
-    "D_GS_ZDQT_LB", "D_BZ_CLPP", "D_BZ_CLYS", "D_BZ_CLLX", "D_BZ_XZQHDM", "D_BZ_QBCZZT", "D_BZ_CJLX", "D_BZ_BQJB","D_BZ_LCZT"); //获取字典数据
+  D_BZ_BQJB,
+  D_GS_XS_QTLX, 
+  D_GS_ZDQT_LB,
+  D_BZ_BMJB, 
+  D_BZ_CLPP, 
+  D_BZ_CLYS, 
+  D_BZ_CLLX, 
+  D_BZ_XZQHDM, 
+  D_BZ_QBCZZT, 
+  D_BZ_CJLX ,D_BZ_LCZT } =
+  proxy.$dict(
+    "D_BZ_BMJB", 
+    "D_GS_XS_LY",
+    "D_BZ_SSZT", 
+    "D_BZ_SF", 
+    "D_GS_XS_LX", 
+    "D_GS_XS_QTLX",
+    "D_GS_ZDQT_LB", 
+    "D_BZ_CLPP", 
+    "D_BZ_CLYS", 
+    "D_BZ_CLLX", 
+    "D_BZ_XZQHDM", 
+    "D_BZ_QBCZZT", 
+    "D_BZ_CJLX", 
+    "D_BZ_BQJB",
+    "D_BZ_LCZT"
+  ); //获取字典数据
 const detailDiloag = ref();
 const searchBox = ref(); //搜索框
 const ids = ref([])
 const tableList = ref([]);
-onMounted(() => {
-  const { deptBizType, deptLevel } = getItem('deptId')[0]
-  qxkz.userName = getItem('USERNAME')
-  const Jb = deptLevel[0] == '2' ? '01' : deptLevel[0] == '3' ? '02' : '03'
-  qxkz.deptBizType = deptBizType
-  qxkz.deptLevel = Jb
-    if (deptBizType == '23' && Jb == '01') {
-    qxkz.depBool = true
-  } else {
-    qxkz.depBool = false
-  }
-
-  getRouter()
-  tabHeightFn()
-  if (route.query.id) {
-    detailDiloag.value.init('edit', {
-      id: route.query.id
-    });
-    return
-  }
-  getList()
-});
-const chooseData = (val) => {
-  ids.value = val.map(item => {
-    return item.id
-  })
-  tableList.value = val
-}
 const qxkz = reactive({
   deptBizType: "",
   deptLevel: "",
@@ -139,23 +145,40 @@ const qxkz = reactive({
 })
 const list = ref()
 const searchConfiger = ref();
+
+onMounted(() => {
+  const { deptBizType, deptLevel } = getItem('deptId')[0]
+  qxkz.userName = getItem('USERNAME')
+  const Jb = deptLevel[0] == '2' ? '01' : deptLevel[0] == '3' ? '02' : '03'
+  qxkz.deptBizType = deptBizType
+  qxkz.deptLevel = Jb
+  qxkz.depBool =  deptBizType == '23' && Jb == '01' ? true : false;
+  getRouter()
+  tabHeightFn()
+  if (route.query.id) {
+    detailDiloag.value.init('edit', { id: route.query.id });
+    return
+  }
+  getList()
+});
+const chooseData = (val) => {
+  ids.value = val.map(item => item.id)
+  tableList.value = val
+}
+
 watch(() => D_BZ_BQJB, val => {
   if (qxkz.deptLevel == '01') {
-    list.value = val.value.filter(item => {
+    list.value = val.value.filter(item => item.dm != '00')
-      return item.dm != '00'
-    })
   } else if (qxkz.deptLevel == '02') {
-    list.value = val.value.filter(item => {
+    list.value = val.value.filter(item => (item.dm == '01' || item.dm == '02'))
-      return item.dm == '01' || item.dm == '02'
-    })
   } else {
     list.value = []
   }
   searchConfiger.value = [
-{ label: "情报标题", prop: 'qbmc', placeholder: "请输入情报标题", showType: "input" },
+    { label: "情报标题", prop: 'qbmc', placeholder: "请输入情报标题", showType: "input" },
-  { label: "情报处置状态", prop: 'lczt', placeholder: "请选择处置状态", showType: "select", options: D_BZ_LCZT },
+    { label: "情报处置状态", prop: 'lczt', placeholder: "请选择处置状态", showType: "select", options: D_BZ_LCZT },
-  // { label: "线索编号", prop: 'xsBh', placeholder: "请输入线索编号", showType: "input" },
+    // { label: "线索编号", prop: 'xsBh', placeholder: "请输入线索编号", showType: "input" },
-  { label: "关键字", prop: 'keyword', placeholder: "请输入关键字", showType: "input" },
+    { label: "关键字", prop: 'keyword', placeholder: "请输入关键字", showType: "input" },
   ]
 }, { deep: true, immediate: true })
 const isShow = ref(false)
@@ -183,10 +206,8 @@ const pageData = reactive({
   ]
 });
 const queryFrom = ref({});
-
 const chooseRow = ref(false)
 const dataList = ref()
-
 // 搜索
 const onSearch = (val) => {
   const { lrkssj, zxkssj } = val
@@ -197,9 +218,7 @@ const onSearch = (val) => {
     lrjssj: lrkssj ? lrkssj[1] : '',
     zxkssj: zxkssj ? zxkssj[0] : '',
     zxjssj: zxkssj ? zxkssj[1] : '',
-
   }
-
   queryFrom.value = { ...promes }
   pageData.pageConfiger.pageCurrent = 1;
   getList()
@@ -242,6 +261,16 @@ const addEdit = (type, row) => {
     detailDiloag.value.init(type, row);
   }, 500)
 };
+
+const handleCase = (row) => {
+    let text = row.sfgz == '0' ? '关注' : '取消关注';
+    proxy.$confirm("确定要" + text + "吗？", "警告", { type: "warning" }).then(() => {
+      qcckPost({ id: row.id,sfgz: row.sfgz == '0' ? '1' : '0' },'/mosty-gsxt/xxcj/cjgz').then(res => {
+        proxy.$message({ type: "success", message: text + "成功" });
+        getList();
+      })
+  })
+}
 // 表格高度计算
 const tabHeightFn = () => {
   pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;

src/views/backOfficeSystem/HumanIntelligence/permissionApply/index.vue

@@ -0,0 +1,119 @@
+<template>
+  <div>
+    <!-- 搜索 -->
+    <div ref="searchBox" class="mt10">
+      <Search :searchArr="searchConfiger" @submit="onSearch" />
+    </div>
+    <!-- 表格 -->
+    <div class="tabBox mt10" :style="{height: pageData.tableHeight +30+ 'px'}">
+      <MyTable
+        :tableData="pageData.tableData"
+        :tableColumn="pageData.tableColumn"
+        :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount"
+        :tableConfiger="pageData.tableConfiger"
+        :controlsWidth="pageData.controlsWidth"
+      >
+      </MyTable>
+      <Pages
+        @changeNo="changeNo"
+        @changeSize="changeSize"
+        :tableHeight="pageData.tableHeight"
+        :pageConfiger="{
+          ...pageData.pageConfiger,
+          total: pageData.total
+        }"
+      />
+    </div>
+    />
+  </div>
+</template>
+
+<script setup>
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import Search from "@/components/aboutTable/Search.vue";
+import { qcckGet } from "@/api/qcckApi.js";
+import { reactive, ref, onMounted } from "vue";
+const searchBox = ref(); //搜索框
+const searchConfiger = ref([
+  { label: "申请人姓名", prop: "xm", placeholder: "请输入申请人姓名", showType: "input" },
+  { label: "申请人身份证", prop: "sfzh", placeholder: "请输入申请人身份证号", showType: "input"},
+  { label: "申请人联系电话", prop: "lxdh", placeholder: "请输入申请人联系电话", showType: "input"}
+]);
+
+const pageData = reactive({
+  tableData: [],
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "null",
+    loading: false,
+    haveControls: false
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  },
+  controlsWidth: 200,
+  tableColumn: [
+    { label: "申请人姓名", prop: "xm" },
+    { label: "申请人身份证", prop: "sfzh"},
+    { label: "申请人联系电话", prop: "lxdh" },
+     { label: "提交人姓名", prop: "tjrxm"},
+    { label: "提交人身份证号", prop: "tjrsfzh"},
+    { label: "权限说明", prop: "qxsm", showOverflowTooltip: true },
+  ]
+});
+
+const queryFrom = ref({});
+
+onMounted(() => {
+  getList();
+  tabHeightFn();
+});
+
+// 搜索
+const onSearch = (val) => {
+  queryFrom.value = { ...val };
+  pageData.pageConfiger.pageCurrent = 1;
+  getList();
+};
+
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList();
+};
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList();
+};
+
+// 获取列表
+const getList = () => {
+    pageData.tableConfiger.loading = true;
+    let data = { ...pageData.pageConfiger, ...queryFrom.value };
+    qcckGet(data, "/mosty-gsxt/gsxt/qxsq/getPageList").then((res) => {
+      pageData.tableData = res.records || [];
+      pageData.total = res.total;
+      pageData.tableConfiger.loading = false;
+    }).catch(() => {
+      pageData.tableConfiger.loading = false;
+    });
+};
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight =  window.innerHeight - searchBox.value.offsetHeight - 220;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+</script>
+
+<style>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+</style>