修改灵敏感知-人员风险库详情界面

src/views/sensitivePerception/RiskPersonnel.vue

@@ -146,27 +146,48 @@
   </div>
 
   <el-dialog title="风险人员详情" v-model="show" width="80vw" top="2vh">
+    <h5>风险人员基本情况</h5>
     <el-row>
-      <el-col :span="5"></el-col>
-      <el-col :span="12">
-        <div class="row" style="--label-width: 60px">
-          <div class="col col-8">
-            <label>姓名</label>
-            <span>{{ activeRow.name }}</span>
-          </div>
-          <div class="col col-8">
-            <label>性别</label>
-            <span>{{ getGender(activeRow.gender) }}</span>
-          </div>
-          <div class="col col-8">
-            <label>身份证号</label>
-            <span>{{ activeRow.idCode }}</span>
-          </div>
-          <div class="col col-8">
-            <label>年龄</label>
-            <span>{{ activeRow.age }}</span>
+      <el-col :span="1"></el-col>
+      <el-col :span="18">
+
+
+        <el-col :span="18">
+
+        <div class="col col-20">
+          <div class="person-photo">
+              <img src="@/assets/images/defaultPhoto.jpg" />
+             </div>
+          <div class="row" style="height: 100%">
+            <div class="col col-6">
+              <label>姓名</label>
+              <span>{{ activeRow.name }}</span>
+            </div>
+            <div class="col col-8">
+              <label>性别</label>
+              <span>{{ getGender(activeRow.gender) }}</span>
+            </div>
+            <div class="col col-10">
+              <label>身份证号</label>
+              <span>{{ activeRow.idCode }}</span>
+            </div>
+            <div class="row" style="width: 100%">
+             <div class="col col-6">
+                <label>年龄</label>
+                <span>{{ activeRow.age }}</span>
+              </div>
+              <div class="col col-8">
+                <label>管控单位</label>
+                <span>{{ activeRow.controlDepartName }}</span>
+              </div>
+              <div class="col col-10">
+                <label>电话</label>
+                <span>{{ activeRow.mobileNumber }}</span>
+              </div>
+            </div>
           </div>
         </div>
+        </el-col>
       </el-col>
       <el-col :span="5">
         <div class="flex center column text-center">
@@ -179,9 +200,7 @@
     </el-row>
     <div style="min-height: 50vh">
       <div v-for="(item, index) in personal.riskClueList" :key="index">
-        <div>
-          <span class="text-primary">{{ item.riskName }}</span>
-        </div>
+        <h5>{{ item.riskName }}</h5>
         <el-table :data="item.clues" max-height="300">
           <el-table-column
               label="发生时间"
@@ -468,4 +487,13 @@ function getGender(val) {
   font-size: 124px;
   color: #fff;
 }
+.person-photo {
+  text-align: center;
+  margin-bottom: 10px;
+}
+
+.person-photo img {
+  max-height: 100%;
+  width: 200px;
+}
 </style>