案件信息卡

src/views/AllPersonnelBase/modules/ryxxk.vue

@@ -29,7 +29,7 @@
         <div class='jbxxLeft'>
           <div class='sjx l1'>
             <span class="span1">人员编号：</span>
-            <span class="span2">R111111111111</span>
+            <span class="span2">R888888888888888888888888</span>
             <span class="span3">比中</span>
           </div>
           <div class='sjx l2'>
@@ -81,7 +81,12 @@
 
         </div>
         <div class='jbxxRight'>
-
+          <div class='sjlxImg'>
+            <img
+              src="../../../assets/img/xxk/TL.png"
+              alt=""
+            >
+          </div>
         </div>
       </div>
 
@@ -522,7 +527,7 @@ export default {
   display: flex;
   background: #f6f8fa;
   .jbxxLeft {
-    width: 50%;
+    width: 60%;
     height: 100%;
     padding-top: 21px;
     padding-left: 32px;
@@ -563,7 +568,7 @@ export default {
     }
   }
   .jbxxCenter {
-    width: 30%;
+    width: 28%;
     height: 100%;
     padding-top: 21px;
     box-sizing: border-box;
@@ -608,11 +613,20 @@ export default {
     }
   }
   .jbxxRight {
-    width: 20%;
+    width: 12%;
     height: 100%;
     padding-top: 21px;
     box-sizing: border-box;
-    background-color: #ccc;
+    // background-color: #ccc;
+    // display: flex;
+    // // justify-content: center;
+    // align-items: center;
+    .sjlxImg {
+      width: 45px;
+      height: 66px;
+      margin-top: 10px;
+      // background-color: #fff;
+    }
   }
 }
 .ryxxkDrawer {

src/views/AllPersonnelBase/qbalk.vue

@@ -112,6 +112,7 @@
       tooltip-effect="dark"
       style="width: 100%;"
       @selection-change="handleSelectionChange"
+      @row-click="isShowAjxxkBtn"
       :class="{delSelection: !selectBoo}"
     >
       <el-table-column
@@ -397,6 +398,12 @@
         @closeXzaj="closeXzaj"
       >
       </xzaj>
+      <!-- 案件信息卡 -->
+      <ajxxk
+        :isShowAjxxk="isShowAjxxk"
+        :rowData="rowData"
+        @closeAjxxk="closeAjxxk"
+      > </ajxxk>
 
     </div>
   </el-container>
@@ -411,6 +418,7 @@ import dcftpx from "./modules/dcftpx.vue" //导出FTPX弹窗
 import ggrytm from "./modules/ggrytm.vue"// 更改人员条码弹窗
 import fcx from "./modules/fcx.vue" // 发查询弹窗
 import xzaj from "./modules/xzaj.vue"// 新增案件
+import ajxxk from "./modules/ajxxk.vue"// 案件信息卡
 export default {
   name: "qbalk",
   components: {
@@ -421,7 +429,8 @@ export default {
     dcftpx,
     ggrytm,
     fcx,
-    xzaj
+    xzaj,
+    ajxxk
   },
   created () {
     let w1 = 1920
@@ -440,6 +449,7 @@ export default {
       width2: 180,
       width1: 220,
       height: 550,
+      isShowAjxxk: false,// 案件信息卡
       disabled: false, // 新增案件按钮状态
       isShowTjddl: false,// 添加到队列
       isShowGz: false,// 关注
@@ -541,6 +551,17 @@ export default {
           }
         });
     },
+    // 案件信息卡操作
+    isShowAjxxkBtn () {
+      this.isShowAjxxk = true;
+    },
+    closeAjxxk (val) {
+      //console.log("新增人员关闭", val);
+      // 增加毛玻璃
+      this.$bus.emit('isBlur', val)
+      this.isShowAjxxk = val;
+      // this.search();
+    },
     // 时间格式化
     dateTimeFormat (row, colnum) {
       let prop = colnum.property;

vue.config.js

@@ -92,13 +92,13 @@ module.exports = {
         // target: "http://192.168.0.137:8080/", //统一的请求头部每次修改都要重启才会生效 http://39.99.224.27:8006/
         // target: "http://172.18.108.2:8099/", // 张 认定
         // target: "http://192.168.128.166:8099", // 湖南-张
-        // target: "http://192.168.128.114:8099",  // 湖南-马
+        target: "http://192.168.128.114:8099",  // 湖南-马
         // target: "http://192.168.128.116:8099",  // 湖南-王
         // target: "http://192.168.128.118:8764",  // 湖南-张呈光
         // target: "http://172.18.116.73:8099/", //统一的请求头部每次修改都要重启才会生效 http://39.99.224.27:8006/   ma
         // target: "http://127.0.0.1:8099",
         // target: "http://47.92.225.109:5602",
-        target: "http://www.meetfood.cn:2390", // 湖南-线上
+        // target: "http://www.meetfood.cn:2390", // 湖南-线上
 
         ws: true,
         changeOrigin: true,