磐石行程上报脱敏

src/views/modules/base/epidemic/travelPanshi/travelPanshi.vue

@@ -96,14 +96,17 @@
     </div>
     <div class="div_table">
       <div class="div_btn">
-        <el-button class="diy-button--add"
+        <el-button v-if="btnAuths.tripreport_add"
+                   class="diy-button--add"
                    size="small"
                    @click="handleAdd">新增</el-button>
 
-        <el-button class="diy-button--export"
+        <el-button v-if="btnAuths.tripreport_import"
+                   class="diy-button--export"
                    size="small"
                    @click="handleExportModule">下载模板</el-button>
-        <el-upload :headers="$getElUploadHeaders()"
+        <el-upload v-if="btnAuths.tripreport_import"
+                   :headers="$getElUploadHeaders()"
                    ref="upload"
                    :multiple='false'
                    :show-file-list='false'
@@ -119,7 +122,8 @@
                      :loading="importLoading">{{importBtnTitle}}</el-button>
         </el-upload>
 
-        <el-button style="margin-left:10px"
+        <el-button v-if="btnAuths.tripreport_export"
+                   style="margin-left:10px"
                    class="diy-button--reset"
                    size="small"
                    :loading="exportBtn"
@@ -258,12 +262,14 @@
                          class="operate">
           <template slot-scope="scope">
 
-            <el-button type="text"
+            <el-button v-if="btnAuths.tripreport_view"
+                       type="text"
                        class="div-table-button--detail"
                        size="small"
                        @click="handleDetail(scope.row)">查看</el-button>
 
-            <el-button type="text"
+            <el-button v-if="btnAuths.tripreport_update"
+                       type="text"
                        class="div-table-button--edit"
                        size="small"
                        @click="handleEdit(scope.row)">修改</el-button>
@@ -290,7 +296,8 @@
                              @click="handleVisiteList(scope.row) ">随访记录</el-button>
                 </el-dropdown-item>
                 <el-dropdown-item v-if=" agencyId===scope.row.agencyId">
-                  <el-button type="text"
+                  <el-button v-if="btnAuths.tripreport_del"
+                             type="text"
                              class="div-table-button--delete--noline "
                              size="small"
                              @click="handleDelete(scope.row)">删除</el-button>
@@ -337,6 +344,7 @@
                class="dialog-h"
                @closed="diaClose">
       <travel-panshi-detail v-if="detailShow"
+                            :view_real_data="btnAuths.tripreport_view_real_data"
                             @dialogCancle="addFormCancle"
                             ref="ref_detail"></travel-panshi-detail>
     </el-dialog>
@@ -435,7 +443,17 @@ export default {
         lazy: true,
         checkStrictly: true,
         lazyLoad: this.lzayLoadArea
-      }
+      },
+
+      btnAuths: {
+        tripreport_add: false, //新增
+        tripreport_import: false, //导入
+        tripreport_export: false, //导出
+        tripreport_del: false, //删除
+        tripreport_view: false, //查看
+        tripreport_update: false, //修改
+        tripreport_view_real_data: false, //显示脱敏信息
+      },
 
     }
   },
@@ -450,8 +468,7 @@ export default {
 
   },
   async mounted () {
-    //获取场所类型
-
+    this.updateBtnAuths();
 
     const { user } = this.$store.state
     console.log('user-----', user)
@@ -463,6 +480,15 @@ export default {
   },
 
   methods: {
+    // 更新按钮权限
+    updateBtnAuths () {
+      let rot = this.$route;
+      if (Array.isArray(rot.meta.btns)) {
+        rot.meta.btns.forEach((item) => {
+          this.btnAuths[item.permissions] = true;
+        });
+      }
+    },
     async getDangerLevel () {
 
       const url = "/sys/dict/data/dictlist";

src/views/modules/base/epidemic/travelPanshi/travelPanshiDetail.vue

@@ -1,7 +1,12 @@
 <template>
   <div>
     <div class="dialog-h-content scroll-h">
-
+      <div v-if="view_real_data"
+           class="div_tuomin">
+        <el-button size="mini"
+                   class="diy-button--search"
+                   @click="handleTuomin">显示脱敏信息</el-button>
+      </div>
       <div v-if="initLoading"
            class="m-row">
         <div class="m-info">
@@ -12,12 +17,12 @@
 
           <div class="info-prop">
             <span class="info-title-3">手机号：</span>
-            <span>{{ formData.mobile||'--' }}</span>
+            <span>{{ formData.showMobile||'--' }}</span>
           </div>
 
           <div class="info-prop">
             <span class="info-title-3">证件号：</span>
-            <span>{{ formData.idCard||'--' }}</span>
+            <span>{{ formData.showIdCard||'--' }}</span>
           </div>
           <div class="info-prop">
             <span class="info-title-3">户籍地：</span>
@@ -152,7 +157,22 @@ export default {
 
 
     },
+    async handleTuomin () {
+      const url = "/data/aggregator/epmetuser/detailByType";
 
+      const { data, code, msg } = await requestPost(url, {
+        id: this.icNatId,
+        type: "routeFollow",
+      });
+
+      if (code === 0) {
+        this.$set(this.formData, 'showMobile', data.mobile)
+        this.$set(this.formData, 'showIdCard', data.idCard)
+      } else {
+        this.$message.error(msg);
+      }
+
+    },
 
     async loadGrid () {
       const url = "/gov/org/customergrid/gridoption"
@@ -282,13 +302,26 @@ export default {
         loading.close()
       }
     }
-  }
+  },
+  props: {
+    view_real_data: {//显示【显示脱敏信息】按钮
+      type: Boolean,
+      default: false,
+    }
+  },
 }
 </script>
 
 
 <style lang="scss" scoped>
 @import "@/assets/scss/modules/management/detail-main.scss";
+
+.div_tuomin {
+  position: absolute;
+  top: 0;
+  right: 40px;
+  z-index: 1000;
+}
 </style>