更新

src/views/backOfficeSystem/IntelligentControl/warningControl/components/yjComponents.vue

@@ -8,9 +8,7 @@
       </div>
       <div class="ml10 mr10 mt10">
         <el-input v-model="searchForm.keyword" placeholder="姓名、证件号码搜索">
-          <template #append><el-icon>
-              <Search />
-            </el-icon></template>
+          <template #append><el-icon><Search /></el-icon></template>
         </el-input>
       </div>
       <ul class="listContent noScollLine mt10">
@@ -153,7 +151,7 @@ const seeMoreFn = () => {
     position: absolute;
     left: 20px;
     top: 10px;
-    width: 427px;
+    width: 460px;
     height: calc(100% - 20px);
     border-radius: 6px 6px 6px 6px;
     background: rgba(0, 29, 75, 0.4);
@@ -163,7 +161,7 @@ const seeMoreFn = () => {
       height: calc(100% - 96px);
       overflow: hidden;
       overflow-y: auto;
-      padding: 10px 10px 0;
+      padding: 5px 5px 0;
       box-sizing: border-box;
     }
 

src/views/backOfficeSystem/IntelligentControl/warningControl/components/yjItem.vue

@@ -1,40 +1,39 @@
 <template>
   <div class="personCard relative flex mb10 pointer">
     <div class="cxbq f14 lh50 tc absolute">已完成</div>
-    <el-button v-if="props.type == 'yj'" type="primary" class="btn_qs f14 lh50 tc absolute">签收</el-button>
+    <el-button color="#0072ff" size="small" class="btn_qs f14 tc absolute">签收</el-button>
     <div class="avatarBox relative">
-      <div class="marks f12 absolute" :class="changeBg(props.item.yjjb)">
-        处置
-      </div>
+      <div class="marks f12 absolute" :class="changeBg(props.item.yjjb)">处置</div>
       <div>
-        <el-image :preview-teleported="true" style="width: 76px; height: 96px" :src="pro" :preview-src-list="[pro]">
-        </el-image>
+        <el-image :preview-teleported="true" style="width: 80px; height: 110px" :src="pro" :preview-src-list="[pro]"/>
       </div>
       <span class="smallbtn">全息档案</span>
     </div>
     <div class="infoBox">
-      <div class="basicInfo mb10">
-        <span class="name f16 mr15">{{ props.item.name }}</span>
-        <span class="idCard f14">{{ props.item.idCard }}</span>
-        <span class="bqbox f12 ml10">{{ props.item.yjbq }}</span>
+      <div class="items">
+        <div class="infoItem flex nowrap mb10">{{ props.item.name }} <span class="bqbox ml6">{{ props.item.yjbq }}</span></div>
+        <div class="infoItem ellipsis">性别：<span class="value">{{ props.item.gender }}</span></div>
+        <div class="infoItem ellipsis">籍贯：<span class="value">{{ props.item.gender }}</span></div>
+        <div class="infoItem ellipsis">身份证号：<span class="value">{{ props.item.idCard }}</span></div>
+        <div class="infoItem ellipsis">出生日期：<span class="value">{{ props.item.csrq }}</span></div>
+        <div class="infoItem ellipsis">民族：<span class="value">{{ props.item.mz }}</span></div>
       </div>
-      <div class="detailInfo">
-        <div class="infoItem">
-          <span class="label">性别：<span class="value">{{ props.item.gender }}</span></span>
-          <span class="label ml20">年龄：<span class="value">{{ props.item.age }} 岁</span></span>
-        </div>
-        <div class="infoItem">
-          <span class="label">住址：</span>
-          <span class="value">{{ props.item.address }}</span>
-        </div>
-        <div class="infoItem">
-          <span class="label">所属派出所：</span>
-          <span class="value">{{ props.item.sspcs }}</span>
-        </div>
-        <div class="infoItem">
-          <span class="label">列控原因：</span>
-          <span class="value">{{ props.item.yy }}</span>
-        </div>
+      <div class="items">
+        <div class="infoItem ellipsis">户籍地区划：<span class="value">{{ props.item.hjdqh }}</span></div>
+        <div class="infoItem ellipsis">户籍地派出所：<span class="value">{{ props.item.sspcs }}</span></div>
+        <div class="infoItem ellipsis">户籍地详址：<span class="value">{{ props.item.address }}</span></div>
+        <div class="infoItem ellipsis">现住地区划：<span class="value">{{ props.item.xzdqh }}</span></div>
+        <div class="infoItem ellipsis">现住地派出所：<span class="value">{{ props.item.xzdpcs }}</span></div>
+        <div class="infoItem ellipsis">现住地详址：<span class="value">{{ props.item.xzdxz }}</span></div>
+      </div>
+      <div class="items">
+        <div class="infoItem ellipsis">管辖单位：<span class="value">{{ props.item.gxdw }}</span></div>
+        <div class="infoItem ellipsis">人员类别：<span class="value">{{ props.item.rylb }}</span></div>
+        <div class="infoItem ellipsis">人员级别：<span class="value">{{ props.item.ryjb }}</span></div>
+        <div class="infoItem ellipsis">列控原因：<span class="value">{{ props.item.lkyy }}</span></div>
+        <div class="infoItem ellipsis">布控状态：<span class="value">{{ props.item.bkzt }}</span></div>
+        <div class="infoItem ellipsis">预警等级：<span class="value">{{ props.item.yjdj }}</span></div>
+        <div class="infoItem ellipsis">预警次数：<span class="value"><span class="num">{{ props.item.yjcs }}</span> 次</span></div>
       </div>
     </div>
   </div>
@@ -97,14 +96,19 @@ const changeBg = (type) => {
   }
 
   .btn_qs {
-    right: 5px;
-    bottom: 5px;
+    left: 94px;
+    bottom: 11px;
+  }
+  ::v-deep .el-button{
+    span{
+      color: #fff;
+    }
   }
 
   .avatarBox {
-    margin-right: 15px;
+    margin-right: 5px;
     overflow: hidden;
-
+    width: 80px;
     .marks {
       width: 70px;
       height: 32px;
@@ -136,7 +140,7 @@ const changeBg = (type) => {
 
   .bqbox {
     color: #ff0000;
-    padding: 4px 6px;
+    padding: 0px 6px;
     background: rgba(255, 0, 0, 0.3);
     border-radius: 1px 1px 1px 1px;
     border: 1px solid #ff0000;
@@ -144,33 +148,20 @@ const changeBg = (type) => {
   }
 
   .infoBox {
-    flex: 1;
-
-    .basicInfo {
-      .name {
-        color: #fff;
-      }
-
-      .idCard {
-        color: #89afcf;
-      }
+    width: calc(100% - 90px);
+    display: flex;
+    justify-content: space-between;
+    .items{
+      width: 30%;
     }
-
-    .detailInfo {
-      .infoItem {
-        color: #89afcf;
-        font-size: 14px;
-        margin-bottom: 5px;
-
-        .label {
-          color: #fff;
-        }
-
+    .infoItem {
+        font-size: 13px;
+        margin-bottom: 2px;
+        color: #fff;
         .value {
           color: #89afcf;
         }
       }
-    }
   }
 }
 
@@ -182,4 +173,7 @@ const changeBg = (type) => {
   border-radius: 5px 5px 5px 5px;
   margin-top: 6px;
 }
+.num{
+  color: #00ffff;
+}
 </style>

src/views/backOfficeSystem/IntelligentControl/warningControl/index.vue

@@ -10,7 +10,6 @@
         <MOSTY.Select v-model="listQuery.dz" :dictEnum="search.dz" />
       </el-form>
       <el-button type="primary">搜索</el-button>
-      <el-button v-if="bottomActive == 1" type="success" @click="sendControl">发起布控</el-button>
     </div>
     <YjComponents v-if="bottomActive == 0" />
     <BkComponents v-else />
@@ -58,9 +57,7 @@ const bottomActive = ref(0)
 const bottomBtnFn = (idx) => {
   bottomActive.value = idx;
 }
-// 发起
-const sendControl = () => {
-};
+
 </script>
 
 <style lang="scss" scoped>