From c01c69a9fe0f76e1bad9b33aa86821a4305ef9ed Mon Sep 17 00:00:00 2001
From: "DESKTOP-6C3NK6N\\WXS" <815034831@qq.com>
Date: Tue, 30 Jul 2024 17:47:18 +0800
Subject: [PATCH] =?UTF-8?q?=E6=84=8F=E8=A7=81=E5=8F=8D=E9=A6=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/feedBack/uploadImage.vue | 32 +++----------------------
 src/components/feedBackTable/index.vue  | 17 ++++++++-----
 2 files changed, 14 insertions(+), 35 deletions(-)

diff --git a/src/components/feedBack/uploadImage.vue b/src/components/feedBack/uploadImage.vue
index 41bef0df..80ccd32a 100644
--- a/src/components/feedBack/uploadImage.vue
+++ b/src/components/feedBack/uploadImage.vue
@@ -16,7 +16,7 @@
     >
       <i slot="default" class="el-icon-plus"></i>
       <div slot="file" slot-scope="{ file }">
-        <template>
+        <viewer :ref="file.url" :images="fileList">
           <img
             class="el-upload-list__item-thumbnail"
             :src="`${file.url}`"
@@ -38,19 +38,9 @@
               <i class="el-icon-delete"></i>
             </span>
           </span>
-        </template>
+        </viewer>
       </div>
     </el-upload>
-    <el-dialog :visible.sync="dialogVisible" :modal="false">
-      <div class="showImg">
-        <img
-          width="70%"
-          :src="`${dialogImageUrl}`"
-          crossorigin="anonymous"
-          alt=""
-        />
-      </div>
-    </el-dialog>
   </div>
 </template>
 <script>
@@ -73,8 +63,6 @@ export default {
     return {
       fileList: [],
       btnDisabled: false,
-      dialogVisible: false,
-      dialogImageUrl: "",
     };
   },
   mounted() {
@@ -166,8 +154,7 @@ export default {
       }
     },
     handlePictureCardPreview(file) {
-      this.dialogImageUrl = file.url;
-      this.dialogVisible = true;
+      this.$refs[file.url].$viewer.show();
     },
     handleRemove(file) {
       let index = this.fileList.findIndex((item) => item.uid === file.uid);
@@ -207,17 +194,4 @@ export default {
   height: 100px;
   line-height: 100px;
 }
-</style>
-<style lang="scss" scoped>
-.showImg {
-  width: 100%;
-  max-height: 500px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  img {
-    max-height: 100%;
-    max-width: 100%;
-  }
-}
 </style>
\ No newline at end of file
diff --git a/src/components/feedBackTable/index.vue b/src/components/feedBackTable/index.vue
index d7063d05..9eb1ed39 100644
--- a/src/components/feedBackTable/index.vue
+++ b/src/components/feedBackTable/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="visible" @click.stop="()=>false">
+  <div v-if="visible" @click.stop="() => false">
     <el-dialog
       :visible.sync="visible"
       v-dialogDrag
@@ -25,19 +25,24 @@ export default {
       visible: false,
     };
   },
-  computed: {
-    disabled() {
-      return false;
-    },
-  },
+  computed: {},
   methods: {
     open(data) {
+      this.title = this.setTitle();
       this.visible = true;
     },
     cancel() {
       this.visible = false;
       this.$emit("closed");
     },
+    setTitle(code, name) {
+      if (this.hasPermi(["role:pm"])) {
+        return `${this.$t("feedBack:table:title:pm")}(${code},${name})`;
+      }
+      if (this.hasPermi(["role:ir", "role:crc"])) {
+        return `${this.$t("feedBack:table:title")}`;
+      }
+    },
   },
 };
 </script>