From db1d2cc4e1509da0c3e4601298ed7fc3dfcf6652 Mon Sep 17 00:00:00 2001
From: caiyiling <1321909229@qq.com>
Date: Fri, 12 Apr 2024 11:42:42 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A8=BD=E6=9F=A5=E6=9F=A5=E7=9C=8B=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E5=8A=9F=E8=83=BD=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../trial-summary/audit-record/index.vue      | 80 +++++++++++++++----
 1 file changed, 63 insertions(+), 17 deletions(-)

diff --git a/src/views/trials/trials-panel/trial-summary/audit-record/index.vue b/src/views/trials/trials-panel/trial-summary/audit-record/index.vue
index 0b99516d..838f6bbf 100644
--- a/src/views/trials/trials-panel/trial-summary/audit-record/index.vue
+++ b/src/views/trials/trials-panel/trial-summary/audit-record/index.vue
@@ -334,13 +334,13 @@
                   <a v-else-if="scope.row.DataType === 'Link' || scope.row.DataType === 'Router'" target="_blank" :href="scope.row.oldValue">
                     {{$t('trials:auditRecord:title:viewDetail')}}
                   </a>
-                   <viewer v-else-if="(scope.row.DataType === 'Image' || scope.row.DataType === 'ImageList') && scope.row.oldValue" :ref="scope.row.oldValue" :images="imagesList">
+                   <viewer v-else-if="(scope.row.DataType === 'Image' || scope.row.DataType === 'ImageList') && scope.row.oldValue && scope.row.oldValue !== '--'" :ref="scope.row.oldValue" :images="imagesList">
                     <!-- 查看图片 -->
                      <span style="color:#409eff;cursor: pointer"  @click="openImage(scope.row.oldValue)">{{$t('trials:auditRecord:title:viewImage')}}{{scope.row.oldValue instanceof Array ? `(${scope.row.oldValue.length})` : ''}}</span>
                        <template v-for="item of scope.row.oldValue">
-                          <img v-if="scope.row.DataType === 'ImageList'" :key="item" :src="item" v-show="false" crossorigin="anonymous" alt="">
+                          <img v-if="scope.row.DataType === 'ImageList'" :key="item" :src="OSSclientConfig.basePath + item" v-show="false" crossorigin="anonymous" alt="">
                        </template>
-                     <img v-if="scope.row.DataType === 'Image'" :src="scope.row.oldValue" v-show="false" crossorigin="anonymous" alt="">
+                     <img v-if="scope.row.DataType === 'Image'" :src="OSSclientConfig.basePath + scope.row.oldValue" v-show="false" crossorigin="anonymous" alt="">
                    </viewer>
                   <span v-else>
                     {{ scope.row.oldValue }}
@@ -363,7 +363,7 @@
                   <a v-else-if="scope.row.DataType === 'Link' || scope.row.DataType === 'Router'" target="_blank" :href="scope.row.newValue">
                     {{$t('trials:auditRecord:title:viewDetail')}}
                   </a>
-                   <viewer v-else-if="(scope.row.DataType === 'Image' || scope.row.DataType === 'ImageList') && scope.row.newValue" :ref="scope.row.newValue" :images="imagesList">
+                   <viewer v-else-if="(scope.row.DataType === 'Image' || scope.row.DataType === 'ImageList') && scope.row.newValue && scope.row.newValue !== '--'" :ref="scope.row.newValue" :images="imagesList">
                     <!-- 查看图片 -->
                      <span style="color:#409eff;cursor: pointer"  @click="openImage(scope.row.newValue)">{{$t('trials:auditRecord:title:viewImage')}}{{scope.row.newValue instanceof Array ? `(${scope.row.newValue.length})` : ''}}</span>
                      <template v-for="item of scope.row.newValue">
@@ -633,13 +633,35 @@
               :label="OptType === 'Add' ? $t('trials:auditRecord:title:fieldValue') : OptType === 'Delete' ? $t('trials:auditRecord:title:beforeDeletion') : $t('trials:auditRecord:title:beforeModification')"
               show-overflow-tooltip
             >
-              <template slot-scope="scope">
+              <!-- <template slot-scope="scope">
                 <span>
                   <a v-if="scope.row.DataType === 'Link' || scope.row.DataType === 'Router'" target="_blank" :href="scope.row.oldValue">{{scope.row.oldValue}}</a>
                   <span v-else>
                     {{ scope.row.oldValue }}
                   </span>
                 </span>
+              </template> -->
+              <template slot-scope="scope">
+                 <span>
+                  <!-- 查看详情 -->
+                   <a v-if="scope.row.DataType === 'OSS'" target="_blank" :href="OSSclientConfig.basePath + scope.row.oldValue">
+                    {{$t('common:button:download')}}
+                  </a>
+                  <a v-else-if="scope.row.DataType === 'Link' || scope.row.DataType === 'Router'" target="_blank" :href="scope.row.oldValue">
+                    {{$t('trials:auditRecord:title:viewDetail')}}
+                  </a>
+                   <viewer v-else-if="(scope.row.DataType === 'Image' || scope.row.DataType === 'ImageList') && scope.row.oldValue && scope.row.oldValue !== '--'" :ref="scope.row.oldValue" :images="imagesList">
+                    <!-- 查看图片 -->
+                     <span style="color:#409eff;cursor: pointer"  @click="openImage(scope.row.oldValue)">{{$t('trials:auditRecord:title:viewImage')}}{{scope.row.oldValue instanceof Array ? `(${scope.row.oldValue.length})` : ''}}</span>
+                       <template v-for="item of scope.row.oldValue">
+                          <img v-if="scope.row.DataType === 'ImageList'" :key="item" :src="OSSclientConfig.basePath + item" v-show="false" crossorigin="anonymous" alt="">
+                       </template>
+                     <img v-if="scope.row.DataType === 'Image'" :src="OSSclientConfig.basePath + scope.row.oldValue" v-show="false" crossorigin="anonymous" alt="">
+                   </viewer>
+                  <span v-else>
+                    {{ scope.row.oldValue }}
+                  </span>
+                </span>
               </template>
             </el-table-column>
             <!-- OptType === 'Add' || OptType === 'Init' ? '值' : OptType === 'Delete' ? '删除后' : '修改后' -->
@@ -648,11 +670,32 @@
               :label="OptType === 'Add' || OptType === 'Init' ? $t('trials:auditRecord:title:fieldValue') : OptType === 'Delete' ? $t('trials:auditRecord:title:afterDeletion') : $t('trials:auditRecord:title:afterModification')"
               show-overflow-tooltip
             >
-              <template slot-scope="scope">
+              <!-- <template slot-scope="scope">
                 <span :style="{ color: scope.row.newValue !== scope.row.oldValue ? '#f66' : null }">
                   <a v-if="scope.row.DataType === 'Link' || scope.row.DataType === 'Router'" target="_blank" :href="scope.row.newValue">{{scope.row.newValue}}</a>
                   <span v-else>{{ scope.row.newValue }}</span>
                 </span>
+              </template> -->
+              <template slot-scope="scope">
+                <span :style="{ color: scope.row.newValue !== scope.row.oldValue ? '#f66' : null }">
+                  <!-- 查看详情 -->
+                  <a v-if="scope.row.DataType === 'OSS'" target="_blank" :href="OSSclientConfig.basePath + scope.row.newValue">
+                    {{$t('common:button:download')}}
+                  </a>
+                  <a v-else-if="scope.row.DataType === 'Link' || scope.row.DataType === 'Router'" target="_blank" :href="scope.row.newValue">
+                    {{$t('trials:auditRecord:title:viewDetail')}}
+                  </a>
+                   <viewer v-else-if="(scope.row.DataType === 'Image' || scope.row.DataType === 'ImageList') && scope.row.newValue && scope.row.newValue !== '--'" :ref="scope.row.newValue" :images="imagesList">
+                    <!-- 查看图片 -->
+                     <span style="color:#409eff;cursor: pointer"  @click="openImage(scope.row.newValue)">{{$t('trials:auditRecord:title:viewImage')}}{{scope.row.newValue instanceof Array ? `(${scope.row.newValue.length})` : ''}}</span>
+                     <template v-for="item of scope.row.newValue">
+                        <img v-if="scope.row.DataType === 'ImageList'" :key="item" :src="OSSclientConfig.basePath + item" v-show="false" crossorigin="anonymous" alt="">
+                     </template>
+                     <img v-if="scope.row.DataType === 'Image'" :src="OSSclientConfig.basePath + scope.row.newValue" v-show="false" crossorigin="anonymous" alt="">
+<!--                     <img :src="scope.row.newValue" v-show="false" crossorigin="anonymous" alt="">-->
+                   </viewer>
+                  <span v-else>{{ scope.row.newValue }}</span>
+                </span>
               </template>
             </el-table-column>
           </el-table>
@@ -817,16 +860,19 @@ export default {
   methods: {
     openImage(url) {
       console.log(url)
-      if (url instanceof Array) {
-        this.imagesList = url.map(v => this.OSSclientConfig.basePath + v)
-      } else {
-        this.imagesList = [this.OSSclientConfig.basePath + url]
-      }
-      if(this.$refs[url][0]) {
-        this.$refs[url][0].$viewer.show()
-      } else {
-        this.$refs[url].$viewer.show()
-      }
+      
+      this.$nextTick(()=>{
+        if (url instanceof Array) {
+          this.imagesList = url.map(v => this.OSSclientConfig.basePath + v)
+        } else {
+          this.imagesList = [this.OSSclientConfig.basePath + url]
+        }
+          if(this.$refs[url][0]) {
+          this.$refs[url][0].$viewer.show()
+        } else {
+          this.$refs[url].$viewer.show()
+        }
+      })
     },
     getTrialCriterionList() {
       getTrialCriterionList(this.trialId, false).then(res => {
@@ -1135,6 +1181,7 @@ export default {
         item.Enum = this.$i18n.locale === 'zh' ? v.ValueCN : v.Value
         this[auditData].push(item)
       })
+      console.log(this[auditData])
     },
     getJSON(row) {
       return new Promise(resolve => {
@@ -1175,7 +1222,6 @@ export default {
         console.log(res)
         var configList2 = res.Result
         this.formatting(configList2, JsonDetail.Data, ParentJson ? ParentJson.Data : null, JsonDetail.CommonData, row, 'auditData2')
-        console.log(this.auditData2)
         this.otherData2 = []
         if (row.IsSign) {
           // 签名信息