update:新增图片放大功能和用户手机号回显

src/pages/Enterprise/Audit/index.vue

@@ -63,13 +63,28 @@
             label="企业营业执照照片"
           >
             <template #default="scope">
-              <el-image
-                v-if="scope.row.sensitiveWord && scope.row.entterprise_image"
-                fit="fill"
-                :src="scope.row.entterprise_image"
-              ></el-image>
-              <span v-else-if="scope.row.sensitiveWord && !scope.row.entterprise_image">无</span>
-              <span v-else>无权限</span>
+              <el-popover
+                placement="bottom"
+                :width="600"
+                trigger="click"
+              >
+                <template #reference>
+                  <el-image
+                    v-if="scope.row.sensitiveWord && scope.row.entterprise_image"
+                    fit="fill"
+                    :src="scope.row.entterprise_image"
+                  ></el-image>
+                  <span v-else-if="
+                      scope.row.sensitiveWord && !scope.row.entterprise_image
+                    ">无</span>
+                  <span v-else>无权限</span>
+                </template>
+                <el-image
+                  fit="fill"
+                  style="width:100%;height:100%"
+                  :src="scope.row.entterprise_image"
+                ></el-image>
+              </el-popover>
             </template>
           </el-table-column>
           <el-table-column
@@ -88,7 +103,7 @@
             prop="mobile"
           >
             <template #default="scope">
-              <span v-if="scope.row.mobile">{{scope.row.mobile}}</span>
+              <span v-if="scope.row.mobile">{{ scope.row.mobile }}</span>
               <span v-else>无</span>
             </template>
           </el-table-column>
@@ -97,13 +112,28 @@
             label="身份证正面照片"
           >
             <template #default="scope">
-              <el-image
-                v-if="scope.row.sensitiveWord && scope.row.legal_front_id_card"
-                :src="scope.row.legal_front_id_card"
-                fit="fill"
-              ></el-image>
-              <span v-else-if="scope.row.sensitiveWord && !scope.row.legal_front_id_card">无</span>
-              <span v-else>无权限</span>
+              <el-popover
+                placement="bottom"
+                :width="600"
+                trigger="click"
+              >
+                <template #reference>
+                  <el-image
+                    v-if="scope.row.sensitiveWord && scope.row.legal_front_id_card"
+                    :src="scope.row.legal_front_id_card"
+                    fit="fill"
+                  ></el-image>
+                  <span v-else-if="
+                  scope.row.sensitiveWord && !scope.row.legal_front_id_card
+                ">无</span>
+                  <span v-else>无权限</span>
+                </template>
+                <el-image
+                  fit="fill"
+                  style="width:100%;height:100%"
+                  :src="scope.row.legal_front_id_card"
+                ></el-image>
+              </el-popover>
             </template>
           </el-table-column>
           <el-table-column
@@ -111,13 +141,29 @@
             label="身份证反面照片"
           >
             <template #default="scope">
-              <el-image
-                v-if="scope.row.sensitiveWord && scope.row.legal_back_id_card"
-                fit="fill"
-                :src="scope.row.legal_back_id_card"
-              ></el-image>
-              <span v-else-if="scope.row.sensitiveWord && !scope.row.legal_back_id_card">无</span>
-              <span v-else>无权限</span>
+              <el-popover
+                placement="bottom"
+                :width="600"
+                trigger="click"
+              >
+                <template #reference>
+                  <el-image
+                    v-if="scope.row.sensitiveWord && scope.row.legal_back_id_card"
+                    fit="fill"
+                    :src="scope.row.legal_back_id_card"
+                  ></el-image>
+                  <span v-else-if="
+                  scope.row.sensitiveWord && !scope.row.legal_back_id_card
+                ">无</span>
+                  <span v-else>无权限</span>
+                </template>
+                <el-image
+                  fit="fill"
+                  style="width:100%;height:100%"
+                  :src="scope.row.legal_back_id_card"
+                ></el-image>
+              </el-popover>
+
             </template>
           </el-table-column>
         </el-table>
@@ -201,7 +247,9 @@
             label="审核意见"
           >
             <template #default="scope">
-              <span v-if="scope.row.audit_opinion.length !== 0">{{scope.row.audit_opinion}}</span>
+              <span v-if="scope.row.audit_opinion.length !== 0">{{
+                scope.row.audit_opinion
+              }}</span>
               <span v-else>无</span>
             </template>
           </el-table-column>
@@ -351,7 +399,7 @@ export default {
       try {
         const res = await getRecordInfo(params);
         if (res.code !== 0) return this.$message.error(res.reason);
-        this.messageForm = res.result.record;
+        this.messageForm = res.result;
         this.messageList.push(res.result.record);
         this.lifeList.push(res.result.life);
         console.log("messageForm=1-2=310=-203", this.messageForm);

src/pages/Enterprise/components/enterpriseForm.vue

@@ -34,7 +34,7 @@
       >
         <el-image
           v-if="establishForm.entterpriseImage"
-          style="width:100px;height:100px;border-radius:10px"
+          style="width:200px;height:200px;border-radius:10px"
           :src="establishForm.entterpriseImage"
           fit="cover"
         ></el-image>
@@ -81,7 +81,7 @@
       >
         <el-image
           v-if="establishForm.frontImg"
-          style="width:100px;height:100px;border-radius:10px"
+          style="width:200px;height:200px;border-radius:10px"
           :src="establishForm.frontImg"
           fit="cover"
         ></el-image>
@@ -105,7 +105,7 @@
       >
         <el-image
           v-if="establishForm.bakImg"
-          style="width:100px;height:100px;border-radius:10px"
+          style="width:200px;height:200px;border-radius:10px"
           :src="establishForm.bakImg"
           fit="cover"
         ></el-image>
@@ -316,22 +316,22 @@ export default {
   watch: {
     // 监听异步传过来的表单值做修改
     dataForm (val) {
-      this.establishForm.data_type = val.data_type;
-      this.establishForm.name = val.name;
-      this.establishForm.code = val.code;
-      this.establishForm.entterprise_image = val.entterprise_image;
-      this.establishForm.front_img = val.legal_front_id_card;
-      this.establishForm.bak_img = val.legal_back_id_card;
-      this.establishForm.idcard_number = val.legal_id_card;
-      this.establishForm.userName = val.legal_person;
-      this.establishForm.legal_mobile = val.legal_mobile;
-      this.establishForm.mobile = val.mobile;
-      this.establishForm.legal_mobile = val.legal_mobile;
-      this.establishForm.user_id = val.user_id;
-      this.establishForm.sensitiveWord = val.sensitiveWord;
-      this.establishForm.entterpriseImage = val.entterprise_image;
-      this.establishForm.frontImg = val.legal_front_id_card;
-      this.establishForm.bakImg = val.legal_back_id_card;
+      this.establishForm.data_type = val.record.data_type;
+      this.establishForm.name = val.record.name;
+      this.establishForm.code = val.record.code;
+      this.establishForm.entterprise_image = val.record.entterprise_image;
+      this.establishForm.front_img = val.record.legal_front_id_card;
+      this.establishForm.bak_img = val.record.legal_back_id_card;
+      this.establishForm.idcard_number = val.record.legal_id_card;
+      this.establishForm.userName = val.record.legal_person;
+      this.establishForm.legal_mobile = val.record.legal_mobile;
+      this.establishForm.mobile = val.life.mobile;
+      this.establishForm.legal_mobile = val.record.legal_mobile;
+      this.establishForm.user_id = val.record.user_id;
+      this.establishForm.sensitiveWord = val.record.sensitiveWord;
+      this.establishForm.entterpriseImage = val.record.entterprise_image;
+      this.establishForm.frontImg = val.record.legal_front_id_card;
+      this.establishForm.bakImg = val.record.legal_back_id_card;
     }
   },
 
@@ -365,7 +365,7 @@ export default {
     // 提交表单
     async handelSubmit () {
       if (this.enterpriseId && !this.establishForm.sensitiveWord)
-        return this.$message.error("您无权限修改信息!!!");
+        return this.$message.error("您无敏感词权限修改信息!!!");
 
       // 企业信息提交参数
       const {