From bfa23dc00722767cfeb9a6c3e0a59411da4b1a4d Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Tue, 13 May 2025 17:41:09 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A8=BD=E6=9F=A5=E5=9B=BD=E9=99=85=E5=8C=96?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../trial-summary/audit-record/index.vue      | 867 +++++++-----------
 1 file changed, 342 insertions(+), 525 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 11d5e91..02cf6c7 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
@@ -25,22 +25,10 @@
           </el-form-item>
           <!-- 访视 -->
           <el-form-item :label="$t('trials:auditRecord:table:visit')">
-            <el-select
-              v-model="searchData.VisitPlanInfo"
-              clearable
-              filterable
-            >
-              <el-option
-                v-for="(item, index) of visitPlanOptions"
-                :key="index"
-                :label="item.VisitName"
-                :value="item.VisitNum"
-              />
-              <el-option
-                key="Other"
-                label="Out of Plan"
-                value="1.11"
-              />
+            <el-select v-model="searchData.VisitPlanInfo" clearable filterable>
+              <el-option v-for="(item, index) of visitPlanOptions" :key="index" :label="item.VisitName"
+                :value="item.VisitNum" />
+              <el-option key="Other" label="Out of Plan" value="1.11" />
             </el-select>
           </el-form-item>
           <!-- 任务名称 -->
@@ -50,30 +38,29 @@
           <!-- 阅片标准 -->
           <el-form-item :label="$t('trials:auditRecord:table:criterion')">
             <el-select v-model="searchData.TrialReadingCriterionId" clearable filterable>
-              <el-option
-                v-for="(item,index) of trialCriterionList"
-                :key="index"
-                :label="item.TrialReadingCriterionName"
-                :value="item.TrialReadingCriterionId"
-              />
+              <el-option v-for="(item, index) of trialCriterionList" :key="index" :label="item.TrialReadingCriterionName"
+                :value="item.TrialReadingCriterionId" />
             </el-select>
           </el-form-item>
           <!-- 功能模块 -->
           <el-form-item :label="$t('trials:auditRecord:table:funcModule')">
-            <el-select v-model="searchData.ModuleType" style="width:120px"  clearable @change="getModuleTypeDescriptionList">
-              <el-option v-for="item of $d.ModuleType" :value="item.id" :label="item.label" :key="`ModuleType${item.value}`"/>
+            <el-select v-model="searchData.ModuleType" style="width:120px" clearable
+              @change="getModuleTypeDescriptionList">
+              <el-option v-for="item of $d.ModuleType" :value="item.id" :label="item.label"
+                :key="`ModuleType${item.value}`" />
             </el-select>
           </el-form-item>
           <!-- 操作名 -->
           <el-form-item :label="$t('trials:auditRecord:table:operationName')">
-            <el-select v-model="searchData.Description" style="width:120px"  clearable>
-              <el-option v-for="item of DescriptionOptions" :value="item" :label="item" :key="item"/>
+            <el-select v-model="searchData.Description" style="width:120px" clearable>
+              <el-option v-for="item of DescriptionOptions" :value="item" :label="item" :key="item" />
             </el-select>
           </el-form-item>
           <!-- 是否签名 -->
           <el-form-item :label="$t('trials:auditRecord:table:isSign')">
-            <el-select v-model="searchData.IsSign" style="width:120px"  clearable>
-              <el-option v-for="item of $d.YesOrNo" v-show="item.raw.ValueCN !== '无'" :label="item.label" :value="item.value" :key="`IsSign${item.value}`"/>
+            <el-select v-model="searchData.IsSign" style="width:120px" clearable>
+              <el-option v-for="item of $d.YesOrNo" v-show="item.raw.ValueCN !== '无'" :label="item.label"
+                :value="item.value" :key="`IsSign${item.value}`" />
             </el-select>
           </el-form-item>
           <!-- 操作人 -->
@@ -82,20 +69,17 @@
           </el-form-item>
           <!-- 角色 -->
           <el-form-item :label="$t('trials:auditRecord:table:role')">
-            <el-select v-model="searchData.RoleName" style="width:120px"  clearable>
-              <el-option v-for="item of $d.UserType" :label="item.label" :value="item.label" :key="`RoleName${item.value}`"/>
+            <el-select v-model="searchData.RoleName" style="width:120px" clearable>
+              <el-option v-for="item of $d.UserType" :label="item.label" :value="item.label"
+                :key="`RoleName${item.value}`" />
             </el-select>
-<!--            <el-input v-model="searchData.RoleName" clearable/>-->
-<!--            RoleName-->
+            <!--            <el-input v-model="searchData.RoleName" clearable/>-->
+            <!--            RoleName-->
           </el-form-item>
           <!-- 操作时间 -->
           <el-form-item :label="$t('trials:auditRecord:table:operateTime')">
-            <el-date-picker
-              v-model="timeList"
-              @change="changeTimeList"
-              value-format="yyyy-MM-dd HH:mm:ss"
-              :default-time="['00:00:00', '23:59:59']"
-              type="datetimerange">
+            <el-date-picker v-model="timeList" @change="changeTimeList" value-format="yyyy-MM-dd HH:mm:ss"
+              :default-time="['00:00:00', '23:59:59']" type="datetimerange">
             </el-date-picker>
           </el-form-item>
           <!--<el-form-item label="阅片人: ">-->
@@ -103,26 +87,21 @@
           <!--<el-option v-for="item of dict.type.ModuleType" :value="item.label" :label="item.raw.ValueCN"></el-option>-->
           <!--</el-select>-->
           <!--</el-form-item>-->
-          
-          
+
+
           <el-form-item>
-            <el-button type="primary" icon="el-icon-search" @click="handleSearch"> {{ $t('common:button:search') }}</el-button>
-            <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset"> {{ $t('common:button:reset') }}</el-button>
+            <el-button type="primary" icon="el-icon-search" @click="handleSearch"> {{ $t('common:button:search')
+              }}</el-button>
+            <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset"> {{ $t('common:button:reset')
+              }}</el-button>
           </el-form-item>
         </div>
 
       </el-form>
     </template>
     <template slot="main-container">
-      <el-table
-        v-adaptive="{bottomOffset:60}"
-        v-loading="loading"
-        :data="list"
-        @sort-change="handleSortChange"
-        stripe
-        height="100"
-        :default-sort ="{prop: 'CreateTime', order: 'descending'}"
-      >
+      <el-table v-adaptive="{ bottomOffset: 60 }" v-loading="loading" :data="list" @sort-change="handleSortChange" stripe
+        height="100" :default-sort="{ prop: 'CreateTime', order: 'descending' }">
         <el-table-column type="index" width="40" fixed="left" align="left" />
         <!-- 研究方案号 -->
         <!-- <el-table-column
@@ -143,37 +122,19 @@
           sortable="custom"
         /> -->
         <!-- 受试者 -->
-        <el-table-column
-          prop="SubjectCode"
-          min-width="100"
-          :label="$t('trials:auditRecord:table:subject')"
-          fixed="left"
-          show-overflow-tooltip
-          sortable="custom"
-        />
+        <el-table-column prop="SubjectCode" min-width="100" :label="$t('trials:auditRecord:table:subject')" fixed="left"
+          show-overflow-tooltip sortable="custom" />
         <!-- 访视 -->
-        <el-table-column
-          prop="VisitName"
-          min-width="120"
-          :label="$t('trials:auditRecord:table:visit')"
-          fixed="left"
-          show-overflow-tooltip
-          sortable="custom"
-        />
+        <el-table-column prop="VisitName" min-width="120" :label="$t('trials:auditRecord:table:visit')" fixed="left"
+          show-overflow-tooltip sortable="custom" />
         <!-- 任务名称 -->
-        <el-table-column
-            prop="TaskName"
-            min-width="130"
-            :label="$t('trials:auditRecord:table:taskName')"
-            fixed="left"
-            show-overflow-tooltip
-            sortable="custom"
-        >
+        <el-table-column prop="TaskName" min-width="130" :label="$t('trials:auditRecord:table:taskName')" fixed="left"
+          show-overflow-tooltip sortable="custom">
           <template slot-scope="scope">
             <span v-if="scope.row.BlindName && scope.row.TaskName !== scope.row.BlindName">
               {{ `${scope.row.TaskName}/${scope.row.BlindName}` }}
             </span>
-            <span v-else>{{scope.row.TaskName}}</span>
+            <span v-else>{{ scope.row.TaskName }}</span>
           </template>
         </el-table-column>
         <!-- 盲态任务标识 -->
@@ -186,53 +147,28 @@
           sortable="custom"
         /> -->
         <!-- 阅片标准 -->
-        <el-table-column
-          prop="TrialReadingCriterionName"
-          min-width="100"
-          :label="$t('trials:auditRecord:table:criterion')"
-          show-overflow-tooltip
-        />
+        <el-table-column prop="TrialReadingCriterionName" min-width="100"
+          :label="$t('trials:auditRecord:table:criterion')" show-overflow-tooltip />
         <!-- 功能模块 -->
-        <el-table-column
-          prop="ModuleTypeName"
-          width="160"
-          :label="$t('trials:auditRecord:table:funcModule')"
-          show-overflow-tooltip
-          sortable="custom"
-        >
+        <el-table-column prop="ModuleTypeName" width="160" :label="$t('trials:auditRecord:table:funcModule')"
+          show-overflow-tooltip sortable="custom">
           <template slot-scope="scope">
-            {{$fd('ModuleType', scope.row.ModuleTypeId, 'id')}}
+            {{ $fd('ModuleType', scope.row.ModuleTypeId, 'id') }}
           </template>
         </el-table-column>
         <!-- 操作名 -->
-        <el-table-column
-          prop="Description"
-          width="160"
-          :label="$t('trials:auditRecord:table:operationName')"
-          show-overflow-tooltip
-          sortable="custom"
-        >
+        <el-table-column prop="Description" width="160" :label="$t('trials:auditRecord:table:operationName')"
+          show-overflow-tooltip sortable="custom">
           <template slot-scope="scope">
-            {{$i18n.locale === 'zh' ? scope.row.DescriptionCN : scope.row.Description}}
+            {{ $i18n.locale === 'zh' ? scope.row.DescriptionCN : scope.row.Description }}
           </template>
         </el-table-column>
         <!-- 修改原因 -->
-        <el-table-column
-          prop="Reason"
-          min-width="100"
-          :label="$t('trials:auditRecord:table:modifyReason')"
-          show-overflow-tooltip
-          sortable="custom"
-        />
+        <el-table-column prop="Reason" min-width="100" :label="$t('trials:auditRecord:table:modifyReason')"
+          show-overflow-tooltip sortable="custom" />
         <!-- 是否电签 -->
-        <el-table-column
-          prop="IsSign"
-          min-width="120"
-          align="center"
-          :label="$t('trials:auditRecord:table:isSign')"
-          show-overflow-tooltip
-          sortable="custom"
-        >
+        <el-table-column prop="IsSign" min-width="120" align="center" :label="$t('trials:auditRecord:table:isSign')"
+          show-overflow-tooltip sortable="custom">
           <template slot-scope="scope">
             <div>
               <el-tooltip v-if="scope.row.IsSign" class="item" effect="dark" placement="top">
@@ -246,13 +182,8 @@
           </template>
         </el-table-column>
         <!-- 操作人 -->
-        <el-table-column
-          prop="CreateUserRealName"
-          min-width="120"
-          :label="$t('trials:auditRecord:table:operator')"
-          show-overflow-tooltip
-          sortable="custom"
-        >
+        <el-table-column prop="CreateUserRealName" min-width="120" :label="$t('trials:auditRecord:table:operator')"
+          show-overflow-tooltip sortable="custom">
           <!-- <template slot-scope="scope">
             <div>
               {{ scope.row.UserLastName }}/{{ scope.row.UserFirstName }}
@@ -260,178 +191,149 @@
           </template> -->
         </el-table-column>
         <!-- 用户名 -->
-        <el-table-column
-          prop="CreateUserName"
-          min-width="120"
-          :label="$t('trials:auditRecord:table:userName')"
-          show-overflow-tooltip
-          sortable="custom"
-        />
+        <el-table-column prop="CreateUserName" min-width="120" :label="$t('trials:auditRecord:table:userName')"
+          show-overflow-tooltip sortable="custom" />
         <!-- 角色 -->
-        <el-table-column
-          prop="RoleName"
-          min-width="100"
-          :label="$t('trials:auditRecord:table:role')"
-          show-overflow-tooltip
-          sortable="custom"
-        />
+        <el-table-column prop="RoleName" min-width="100" :label="$t('trials:auditRecord:table:role')"
+          show-overflow-tooltip sortable="custom" />
         <!-- 操作时间 -->
-        <el-table-column
-          prop="CreateTime"
-          min-width="160"
-          :label="$t('trials:auditRecord:table:operateTime')"
-          show-overflow-tooltip
-          sortable="custom"
-        />
-        <el-table-column
-          prop="IP"
-          min-width="100"
-          label="IP"
-          show-overflow-tooltip
-          sortable="custom"
-        />
-        <el-table-column
-          prop=""
-          min-width="150"
-          fixed="right"
-          :label="$t('common:action:action')"
-          show-overflow-tooltip
-        >
+        <el-table-column prop="CreateTime" min-width="160" :label="$t('trials:auditRecord:table:operateTime')"
+          show-overflow-tooltip sortable="custom" />
+        <el-table-column prop="IP" min-width="100" label="IP" show-overflow-tooltip sortable="custom" />
+        <el-table-column prop="" min-width="150" fixed="right" :label="$t('common:action:action')"
+          show-overflow-tooltip>
           <template slot-scope="scope">
             <!-- 详情 -->
             <el-button type="text" @click="lookDetails(scope.row)">
-              {{$t('trials:auditRecord:action:detail')}}
+              {{ $t('trials:auditRecord:action:detail') }}
             </el-button>
           </template>
         </el-table-column>
       </el-table>
       <!-- 分页组件 -->
-      <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
+      <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize"
+        @pagination="getList" />
       <base-model :config="model_cfg">
         <template slot="dialog-body">
           <div style="display: flex;align-items: center;justify-content: flex-start;">
             <!-- 同一对象历史操作 -->
-            <el-button size="small" style="position: relative;top: -15px;" type="primary" @click="lookAssociated(1)">{{$t('trials:auditRecord:title:historicalOperations')}}</el-button>
+            <el-button size="small" style="position: relative;top: -15px;" type="primary"
+              @click="lookAssociated(1)">{{ $t('trials:auditRecord:title:historicalOperations') }}</el-button>
             <!-- 同一对象关联操作 -->
-            <el-button size="small" style="position: relative;top: -15px;" type="primary" @click="lookAssociated(0)">{{$t('trials:auditRecord:title:relationOperations')}}</el-button>
+            <el-button size="small" style="position: relative;top: -15px;" type="primary"
+              @click="lookAssociated(0)">{{ $t('trials:auditRecord:title:relationOperations') }}</el-button>
           </div>
-          <el-table
-            v-if="auditData.length > 0"
-            :data="auditData"
-            border
-            style="width: 100%"
-            size="small"
-            max-height="400"
-          >
-          <!-- 字段名 -->
-            <el-table-column
-              prop="Enum"
-              :label="$t('trials:auditRecord:title:fieldName')"
-              show-overflow-tooltip
-            />
+          <el-table v-if="auditData.length > 0" :data="auditData" border style="width: 100%" size="small"
+            max-height="400">
+            <!-- 字段名 -->
+            <el-table-column prop="Enum" :label="$t('trials:auditRecord:title:fieldName')" show-overflow-tooltip />
             <!-- OptType === 'Add' ? '值' : OptType === 'Delete' ? '删除前' : '修改前' -->
-            <el-table-column
-              v-if="OptType !== 'Add' && OptType !== 'Upload' && OptType !== 'Init'"
-              prop="oldValue"
+            <el-table-column v-if="OptType !== 'Add' && OptType !== 'Upload' && OptType !== 'Init'" prop="oldValue"
               :label="OptType === 'Add' ? $t('trials:auditRecord:title:fieldValue') : OptType === 'Delete' ? $t('trials:auditRecord:title:beforeDeletion') : $t('trials:auditRecord:title:beforeModification')"
-              show-overflow-tooltip
-            >
+              show-overflow-tooltip>
               <template slot-scope="scope">
-                 <span>
+                <span>
                   <!-- 查看详情 -->
-                   <a v-if="scope.row.DataType === 'OSS' && scope.row.oldValue && scope.row.oldValue !== '--'" target="_blank" :href="OSSclientConfig.basePath + scope.row.oldValue" style="color:#409eff;">
-                    {{$t('common:button:download')}}
+                  <a v-if="scope.row.DataType === 'OSS' && scope.row.oldValue && scope.row.oldValue !== '--'"
+                    target="_blank" :href="OSSclientConfig.basePath + scope.row.oldValue" style="color:#409eff;">
+                    {{ $t('common:button:download') }}
                   </a>
-                  <a v-else-if="(scope.row.DataType === 'Link' || scope.row.DataType === 'Router') && scope.row.oldValue && scope.row.oldValue !== '--'" target="_blank" :href="scope.row.oldValue"  style="color:#409eff;">
-                    {{$t('trials:auditRecord:title:viewDetail')}}
+                  <a v-else-if="(scope.row.DataType === 'Link' || scope.row.DataType === 'Router') && scope.row.oldValue && scope.row.oldValue !== '--'"
+                    target="_blank" :href="scope.row.oldValue" style="color:#409eff;">
+                    {{ $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 instanceof Array ? scope.row.oldValue[0] : scope.row.oldValue}_modelCfg`" :images="imagesList">
+                  <viewer
+                    v-else-if="(scope.row.DataType === 'Image' || scope.row.DataType === 'ImageList') && scope.row.oldValue && scope.row.oldValue !== '--'"
+                    :ref="`${scope.row.oldValue instanceof Array ? scope.row.oldValue[0] : scope.row.oldValue}_modelCfg`"
+                    :images="imagesList">
                     <!-- 查看图片 -->
-                     <span style="color:#409eff;cursor: pointer"  @click="openImage(scope.row.oldValue, 'modelCfg')">{{$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>
-                   <div v-else-if="scope.row.DataType === 'Dialog'" v-html="scope.row.oldValue"></div>
+                    <span style="color:#409eff;cursor: pointer"
+                      @click="openImage(scope.row.oldValue, 'modelCfg')">{{ $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>
+                  <div v-else-if="scope.row.DataType === 'Dialog'" v-html="scope.row.oldValue"></div>
                   <span v-else>
                     {{ scope.row.oldValue }}
                   </span>
-                  
+
                 </span>
               </template>
             </el-table-column>
             <!-- OptType === 'Add' || OptType === 'Init' ? '值' : OptType === 'Delete' ? '删除后' : '修改后' -->
-            <el-table-column
-              prop="newValue"
+            <el-table-column prop="newValue"
               :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
-            >
+              show-overflow-tooltip>
               <template slot-scope="scope">
                 <span :style="{ color: scope.row.newValue !== scope.row.oldValue ? '#f66' : null }">
                   <!-- 查看详情 -->
-                  <a v-if="scope.row.DataType === 'OSS' && scope.row.newValue && scope.row.newValue !== '--'" target="_blank" :href="OSSclientConfig.basePath + scope.row.newValue" style="color:#409eff;">
-                    {{$t('common:button:download')}}
+                  <a v-if="scope.row.DataType === 'OSS' && scope.row.newValue && scope.row.newValue !== '--'"
+                    target="_blank" :href="OSSclientConfig.basePath + scope.row.newValue" style="color:#409eff;">
+                    {{ $t('common:button:download') }}
                   </a>
-                  <a v-else-if="(scope.row.DataType === 'Link' || scope.row.DataType === 'Router') && scope.row.newValue && scope.row.newValue !== '--'" target="_blank" :href="scope.row.newValue" style="color:#409eff;">
-                    {{$t('trials:auditRecord:title:viewDetail')}}
+                  <a v-else-if="(scope.row.DataType === 'Link' || scope.row.DataType === 'Router') && scope.row.newValue && scope.row.newValue !== '--'"
+                    target="_blank" :href="scope.row.newValue" style="color:#409eff;">
+                    {{ $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 instanceof Array ? scope.row.newValue[0] : scope.row.newValue}_modelcfg`" :images="imagesList">
+                  <viewer
+                    v-else-if="(scope.row.DataType === 'Image' || scope.row.DataType === 'ImageList') && scope.row.newValue && scope.row.newValue !== '--'"
+                    :ref="`${scope.row.newValue instanceof Array ? scope.row.newValue[0] : scope.row.newValue}_modelcfg`"
+                    :images="imagesList">
                     <!-- 查看图片 -->
-                     <span style="color:#409eff;cursor: pointer"  @click="openImage(scope.row.newValue, 'modelcfg')">{{$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>
-                   <div v-else-if="scope.row.DataType === 'Dialog'" v-html="scope.row.newValue"></div>
+                    <span style="color:#409eff;cursor: pointer"
+                      @click="openImage(scope.row.newValue, 'modelcfg')">{{ $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>
+                  <div v-else-if="scope.row.DataType === 'Dialog'" v-html="scope.row.newValue"></div>
                   <span v-else>{{ scope.row.newValue }}</span>
                 </span>
               </template>
             </el-table-column>
           </el-table>
-          <el-table
-            :data="tableListData"
-            v-if="tableListData.length > 0"
-            border
-            style="width: 100%"
-            size="small"
-          >
-            <el-table-column
-              v-for="(item,index) of tableList"
-              :prop="item.ColumnValue"
-              :label="item.IsMerge ? item.MergeColumnName : item.headName"
-              align="center"
-              show-overflow-tooltip
-              :key="'tableList' + index"
-            >
+          <el-table :data="tableListData" v-if="tableListData.length > 0" border style="width: 100%" size="small">
+            <el-table-column v-for="(item, index) of tableList" :prop="item.ColumnValue"
+              :label="item.IsMerge ? item.MergeColumnName : item.headName" align="center" show-overflow-tooltip
+              :key="'tableList' + index">
               <template v-if="!item.IsMerge" slot-scope="scope">
                 <viewer v-if="item.IsPicture" :images="imagesList" :ref="`${scope.row[item.ColumnValue]}_modelcfg`">
                   <!-- 查看图片 -->
-                  <span style="color:#409eff;cursor: pointer"  @click="openImage(scope.row[item.ColumnValue],'modelcfg')">{{$t('trials:auditRecord:title:viewImage')}}</span>
-                  <img :src="OSSclientConfig.basePath + scope.row[item.ColumnValue]" v-show="false" crossorigin="anonymous" alt="">
+                  <span style="color:#409eff;cursor: pointer"
+                    @click="openImage(scope.row[item.ColumnValue], 'modelcfg')">{{ $t('trials:auditRecord:title:viewImage') }}</span>
+                  <img :src="OSSclientConfig.basePath + scope.row[item.ColumnValue]" v-show="false"
+                    crossorigin="anonymous" alt="">
                 </viewer>
-                <span v-else>{{scope.row[item.ColumnValue]}}</span>
+                <span v-else>{{ scope.row[item.ColumnValue] }}</span>
               </template>
               <template v-for="(ite, index) of item.ChildrenList">
-                <el-table-column
-                  v-if="item.IsMerge"
-                  :prop="ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue"
-                  :label="ite.headName"
-                  align="center"
-                  show-overflow-tooltip
-                  :key="'ChildrenList' + index"
-                >
+                <el-table-column v-if="item.IsMerge"
+                  :prop="ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue" :label="ite.headName"
+                  align="center" show-overflow-tooltip :key="'ChildrenList' + index">
                   <template slot-scope="scope">
-                    <viewer v-if="item.IsPicture" :images="imagesList" :ref="`${scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue]}_modelcfg`">
+                    <viewer v-if="item.IsPicture" :images="imagesList"
+                      :ref="`${scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue]}_modelcfg`">
                       <!-- 查看图片 -->
-                      <span style="color:#409eff;cursor: pointer" @click="openImage(scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue], 'modelcfg')">
-                        {{$t('trials:auditRecord:title:viewImage')}}
+                      <span style="color:#409eff;cursor: pointer"
+                        @click="openImage(scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue], 'modelcfg')">
+                        {{ $t('trials:auditRecord:title:viewImage') }}
                       </span>
-                      <img :src="OSSclientConfig.basePath + scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue]" v-show="false" crossorigin="anonymous" alt="">
+                      <img
+                        :src="OSSclientConfig.basePath + scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue]"
+                        v-show="false" crossorigin="anonymous" alt="">
                     </viewer>
-                    <span v-else>{{scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue]}}</span>
+                    <span v-else>{{ scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index :
+                      ite.ColumnValue]}}</span>
                   </template>
                 </el-table-column>
               </template>
@@ -439,150 +341,92 @@
           </el-table>
           <div v-if="otherData.length > 0 && otherData[0].Value" style="margin-top: 20px;margin-bottom: 10px;">
             <!-- 签名信息: -->
-            {{$t('trials:auditRecord:title:signInfo')}}
+            {{ $t('trials:auditRecord:title:signInfo') }}
           </div>
           <div v-if="otherData.length > 0" style="color:#f66;font-size: 12px">
-            {{otherData[0].Value}}
+            {{ otherData[0].Value }}
           </div>
         </template>
         <template slot="dialog-footer">
           <!-- 关闭 -->
           <el-button size="small" type="primary" @click="model_cfg.visible = false">
-            {{$t('common:button:close')}}
+            {{ $t('common:button:close') }}
           </el-button>
         </template>
       </base-model>
       <!-- 新增/编辑项目 -->
-      <el-dialog
-        v-if="model_cfg2.visible"
-        :visible.sync="model_cfg2.visible"
-        :title="model_cfg2.title"
-        :fullscreen="true"
-        append-to-body
-        custom-class="base-dialog-wrapper"
-      >
-        <el-table
-            v-adaptive="{bottomOffset:20}"
-            v-loading="loading"
-            :data="list2"
-            stripe
-            height="100"
-          >
-            <el-table-column type="index" width="40" align="left" />
-            <!-- 研究方案号 -->
-            <el-table-column
-              prop="ResearchProgramNo"
-              min-width="90"
-              :label="$t('trials:auditRecord:table:researchNo')"
-              show-overflow-tooltip
-            />
-            <!-- 中心编号 -->
-            <el-table-column
-              prop="SiteCode"
-              min-width="100"
-              :label="$t('trials:auditRecord:table:siteNo')"
-              show-overflow-tooltip
-            />
-            <!-- 受试者 -->
-            <el-table-column
-              prop="SubjectCode"
-              min-width="100"
-              :label="$t('trials:auditRecord:table:subject')"
-              show-overflow-tooltip
-            />
-            <!-- 访视 -->
-            <el-table-column
-              prop="VisitName"
-              min-width="100"
-              :label="$t('trials:auditRecord:table:visit')"
-              show-overflow-tooltip
-            />
-            <!-- 任务名称 -->
-            <el-table-column
-                prop="TaskName"
-                min-width="100"
-                :label="$t('trials:auditRecord:table:taskName')"
-                show-overflow-tooltip
-                sortable="custom"
-            >
-              <template slot-scope="scope">
-                <span v-if="scope.row.BlindName && scope.row.TaskName !== scope.row.BlindName">
-                  {{ `${scope.row.TaskName}/${scope.row.BlindName}` }}
-                </span>
-                <span v-else>{{scope.row.TaskName}}</span>
-              </template>
-            </el-table-column>
-            <!-- 盲态任务标识 -->
-            <!-- <el-table-column
+      <el-dialog v-if="model_cfg2.visible" :visible.sync="model_cfg2.visible" :title="model_cfg2.title"
+        :fullscreen="true" append-to-body custom-class="base-dialog-wrapper">
+        <el-table v-adaptive="{ bottomOffset: 20 }" v-loading="loading" :data="list2" stripe height="100">
+          <el-table-column type="index" width="40" align="left" />
+          <!-- 研究方案号 -->
+          <el-table-column prop="ResearchProgramNo" min-width="90" :label="$t('trials:auditRecord:table:researchNo')"
+            show-overflow-tooltip />
+          <!-- 中心编号 -->
+          <el-table-column prop="SiteCode" min-width="100" :label="$t('trials:auditRecord:table:siteNo')"
+            show-overflow-tooltip />
+          <!-- 受试者 -->
+          <el-table-column prop="SubjectCode" min-width="100" :label="$t('trials:auditRecord:table:subject')"
+            show-overflow-tooltip />
+          <!-- 访视 -->
+          <el-table-column prop="VisitName" min-width="100" :label="$t('trials:auditRecord:table:visit')"
+            show-overflow-tooltip />
+          <!-- 任务名称 -->
+          <el-table-column prop="TaskName" min-width="100" :label="$t('trials:auditRecord:table:taskName')"
+            show-overflow-tooltip sortable="custom">
+            <template slot-scope="scope">
+              <span v-if="scope.row.BlindName && scope.row.TaskName !== scope.row.BlindName">
+                {{ `${scope.row.TaskName}/${scope.row.BlindName}` }}
+              </span>
+              <span v-else>{{ scope.row.TaskName }}</span>
+            </template>
+          </el-table-column>
+          <!-- 盲态任务标识 -->
+          <!-- <el-table-column
                 prop="BlindName"
                 min-width="150"
                 :label="$t('trials:auditRecord:table:taskBlindName')"
                 show-overflow-tooltip
                 sortable="custom"
             /> -->
-            <!-- 阅片标准 -->
-            <el-table-column
-              prop="TrialReadingCriterionName"
-              min-width="100"
-              :label="$t('trials:auditRecord:table:criterion')"
-              show-overflow-tooltip
-            />
-            <!-- 功能模块 -->
-            <el-table-column
-              prop="ModuleTypeName"
-              min-width="100"
-              :label="$t('trials:auditRecord:table:funcModule')"
-              show-overflow-tooltip
-            >
-              <template slot-scope="scope">
-                {{$i18n.locale === 'zh' ? scope.row.ModuleTypeNameCN : scope.row.ModuleTypeName}}
-              </template>
-            </el-table-column>
-            <!-- 操作名 -->
-            <el-table-column
-              prop="Description"
-              min-width="140"
-              :label="$t('trials:auditRecord:table:operationName')"
-              show-overflow-tooltip
-            >
-              <template slot-scope="scope">
-                {{$i18n.locale === 'zh' ? scope.row.DescriptionCN : scope.row.Description}}
-              </template>
-            </el-table-column>
-            <!-- 修改原因 -->
-            <el-table-column
-              prop="Reason"
-              min-width="100"
-              :label="$t('trials:auditRecord:table:modifyReason')"
-              show-overflow-tooltip
-            />
-            <!-- 是否电签 -->
-            <el-table-column
-              prop="IsSign"
-              min-width="90"
-              align="center"
-              :label="$t('trials:auditRecord:table:isSign')"
-              show-overflow-tooltip
-            >
-              <template slot-scope="scope">
-                <div>
-                  <el-tooltip v-if="scope.row.IsSign" class="item" effect="dark" placement="top">
-                    <div slot="content">
-                      {{ scope.row.SignText }}
-                    </div>
-                    <el-tag type="success">{{ $fd('YesOrNo', scope.row.IsSign) }}</el-tag>
-                  </el-tooltip>
-                  <el-tag v-else type="info">{{ $fd('YesOrNo', scope.row.IsSign) }}</el-tag>
-                </div>
-              </template>
-            </el-table-column>
-            <!-- 操作人 -->
-          <el-table-column
-            prop="CreateUserRealName"
-            min-width="80"
-            :label="$t('trials:auditRecord:table:operator')"
-            show-overflow-tooltip
-          >
+          <!-- 阅片标准 -->
+          <el-table-column prop="TrialReadingCriterionName" min-width="100"
+            :label="$t('trials:auditRecord:table:criterion')" show-overflow-tooltip />
+          <!-- 功能模块 -->
+          <el-table-column prop="ModuleTypeName" min-width="100" :label="$t('trials:auditRecord:table:funcModule')"
+            show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ $i18n.locale === 'zh' ? scope.row.ModuleTypeNameCN : scope.row.ModuleTypeName }}
+            </template>
+          </el-table-column>
+          <!-- 操作名 -->
+          <el-table-column prop="Description" min-width="140" :label="$t('trials:auditRecord:table:operationName')"
+            show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ $i18n.locale === 'zh' ? scope.row.DescriptionCN : scope.row.Description }}
+            </template>
+          </el-table-column>
+          <!-- 修改原因 -->
+          <el-table-column prop="Reason" min-width="100" :label="$t('trials:auditRecord:table:modifyReason')"
+            show-overflow-tooltip />
+          <!-- 是否电签 -->
+          <el-table-column prop="IsSign" min-width="90" align="center" :label="$t('trials:auditRecord:table:isSign')"
+            show-overflow-tooltip>
+            <template slot-scope="scope">
+              <div>
+                <el-tooltip v-if="scope.row.IsSign" class="item" effect="dark" placement="top">
+                  <div slot="content">
+                    {{ scope.row.SignText }}
+                  </div>
+                  <el-tag type="success">{{ $fd('YesOrNo', scope.row.IsSign) }}</el-tag>
+                </el-tooltip>
+                <el-tag v-else type="info">{{ $fd('YesOrNo', scope.row.IsSign) }}</el-tag>
+              </div>
+            </template>
+          </el-table-column>
+          <!-- 操作人 -->
+          <el-table-column prop="CreateUserRealName" min-width="80" :label="$t('trials:auditRecord:table:operator')"
+            show-overflow-tooltip>
             <!-- <template slot-scope="scope">
               <div>
                 {{ scope.row.UserLastName }}/{{ scope.row.UserFirstName }}
@@ -590,71 +434,36 @@
             </template> -->
           </el-table-column>
           <!-- 用户名 -->
-          <el-table-column
-            prop="CreateUserName"
-            min-width="80"
-            :label="$t('trials:auditRecord:table:userName')"
-            show-overflow-tooltip
-          />
+          <el-table-column prop="CreateUserName" min-width="80" :label="$t('trials:auditRecord:table:userName')"
+            show-overflow-tooltip />
           <!-- 角色 -->
-          <el-table-column
-            prop="RoleName"
-            min-width="70"
-            :label="$t('trials:auditRecord:table:role')"
-            show-overflow-tooltip
-          />
+          <el-table-column prop="RoleName" min-width="70" :label="$t('trials:auditRecord:table:role')"
+            show-overflow-tooltip />
           <!-- 操作时间 -->
-            <el-table-column
-              prop="CreateTime"
-              min-width="140"
-              :label="$t('trials:auditRecord:table:operateTime')"
-              show-overflow-tooltip
-            />
-            <el-table-column
-              prop="IP"
-              min-width="100"
-              label="IP"
-              show-overflow-tooltip
-            />
-            <el-table-column
-              prop=""
-              min-width="150"
-              :label="$t('common:action:action')"
-              show-overflow-tooltip
-              sortable="custom"
-            >
-              <template slot-scope="scope">
-                <!-- 详情 -->
-                <el-button type="text" @click="lookDetails2(scope.row)">
-                  {{$t('trials:auditRecord:action:detail')}}
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
+          <el-table-column prop="CreateTime" min-width="140" :label="$t('trials:auditRecord:table:operateTime')"
+            show-overflow-tooltip />
+          <el-table-column prop="IP" min-width="100" label="IP" show-overflow-tooltip />
+          <el-table-column prop="" min-width="150" :label="$t('common:action:action')" show-overflow-tooltip
+            sortable="custom">
+            <template slot-scope="scope">
+              <!-- 详情 -->
+              <el-button type="text" @click="lookDetails2(scope.row)">
+                {{ $t('trials:auditRecord:action:detail') }}
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
       </el-dialog>
       <base-model :config="model_cfg3">
         <template slot="dialog-body">
-          <el-table
-            v-if="auditData2.length > 0"
-            :data="auditData2"
-            border
-            style="width: 100%"
-            size="small"
-            max-height="400"
-          >
-          <!-- 字段名 -->
-            <el-table-column
-              prop="Enum"
-              :label="$t('trials:auditRecord:title:fieldName')"
-              show-overflow-tooltip
-            />
+          <el-table v-if="auditData2.length > 0" :data="auditData2" border style="width: 100%" size="small"
+            max-height="400">
+            <!-- 字段名 -->
+            <el-table-column prop="Enum" :label="$t('trials:auditRecord:title:fieldName')" show-overflow-tooltip />
             <!-- OptType === 'Add' ? '值' : OptType === 'Delete' ? '删除前' : '修改前' -->
-            <el-table-column
-              v-if="OptType2 !== 'Add' && OptType2 !== 'Upload' && OptType2 !== 'Init'"
-              prop="oldValue"
+            <el-table-column v-if="OptType2 !== 'Add' && OptType2 !== 'Upload' && OptType2 !== 'Init'" prop="oldValue"
               :label="OptType2 === 'Add' ? $t('trials:auditRecord:title:fieldValue') : OptType2 === 'Delete' ? $t('trials:auditRecord:title:beforeDeletion') : $t('trials:auditRecord:title:beforeModification')"
-              show-overflow-tooltip
-            >
+              show-overflow-tooltip>
               <!-- <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>
@@ -664,22 +473,31 @@
                 </span>
               </template> -->
               <template slot-scope="scope">
-                 <span>
+                <span>
                   <!-- 查看详情 -->
-                   <a v-if="scope.row.DataType === 'OSS' && scope.row.oldValue && scope.row.oldValue !== '--'" target="_blank" :href="OSSclientConfig.basePath + scope.row.oldValue" style="color:#409eff;">
-                    {{$t('common:button:download')}}
+                  <a v-if="scope.row.DataType === 'OSS' && scope.row.oldValue && scope.row.oldValue !== '--'"
+                    target="_blank" :href="OSSclientConfig.basePath + scope.row.oldValue" style="color:#409eff;">
+                    {{ $t('common:button:download') }}
                   </a>
-                  <a v-else-if="(scope.row.DataType === 'Link' || scope.row.DataType === 'Router') && scope.row.oldValue && scope.row.oldValue !== '--'" target="_blank" :href="scope.row.oldValue" style="color:#409eff;">
-                    {{$t('trials:auditRecord:title:viewDetail')}}
+                  <a v-else-if="(scope.row.DataType === 'Link' || scope.row.DataType === 'Router') && scope.row.oldValue && scope.row.oldValue !== '--'"
+                    target="_blank" :href="scope.row.oldValue" style="color:#409eff;">
+                    {{ $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 instanceof Array ? scope.row.oldValue[0] : 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 instanceof Array ? scope.row.oldValue[0] : 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 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>
                   <div v-else-if="scope.row.DataType === 'Dialog'" v-html="scope.row.oldValue"></div>
                   <span v-else>
                     {{ scope.row.oldValue }}
@@ -688,11 +506,9 @@
               </template>
             </el-table-column>
             <!-- OptType === 'Add' || OptType === 'Init' ? '值' : OptType === 'Delete' ? '删除后' : '修改后' -->
-            <el-table-column
-              prop="newValue"
+            <el-table-column prop="newValue"
               :label="OptType2 === 'Add' || OptType2 === 'Init' ? $t('trials:auditRecord:title:fieldValue') : OptType2 === 'Delete' ? $t('trials:auditRecord:title:afterDeletion') : $t('trials:auditRecord:title:afterModification')"
-              show-overflow-tooltip
-            >
+              show-overflow-tooltip>
               <!-- <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>
@@ -702,62 +518,61 @@
               <template slot-scope="scope">
                 <span :style="{ color: scope.row.newValue !== scope.row.oldValue ? '#f66' : null }">
                   <!-- 查看详情 -->
-                  <a v-if="scope.row.DataType === 'OSS' && scope.row.newValue && scope.row.newValue !== '--'" target="_blank" :href="OSSclientConfig.basePath + scope.row.newValue" style="color:#409eff;">
-                    {{$t('common:button:download')}}
+                  <a v-if="scope.row.DataType === 'OSS' && scope.row.newValue && scope.row.newValue !== '--'"
+                    target="_blank" :href="OSSclientConfig.basePath + scope.row.newValue" style="color:#409eff;">
+                    {{ $t('common:button:download') }}
                   </a>
-                  <a v-else-if="(scope.row.DataType === 'Link' || scope.row.DataType === 'Router') && scope.row.newValue && scope.row.newValue !== '--'" target="_blank" :href="scope.row.newValue" style="color:#409eff;">
-                    {{$t('trials:auditRecord:title:viewDetail')}}
+                  <a v-else-if="(scope.row.DataType === 'Link' || scope.row.DataType === 'Router') && scope.row.newValue && scope.row.newValue !== '--'"
+                    target="_blank" :href="scope.row.newValue" style="color:#409eff;">
+                    {{ $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 instanceof Array ? scope.row.newValue[0] : 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 instanceof Array ? scope.row.newValue[0] : 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>
-                   <div v-else-if="scope.row.DataType === 'Dialog'" v-html="scope.row.newValue"></div>
+                    <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>
+                  <div v-else-if="scope.row.DataType === 'Dialog'" v-html="scope.row.newValue"></div>
                   <span v-else>{{ scope.row.newValue }}</span>
                 </span>
               </template>
             </el-table-column>
           </el-table>
-          <el-table
-            v-if="tableListData.length > 0"
-            :data="tableListData"
-            border
-            style="width: 100%"
-            size="small"
-          >
-            <el-table-column
-              v-for="(item,index) of tableList"
-              :prop="item.ColumnValue"
-              :label="item.IsMerge ? item.MergeColumnName : item.headName"
-              align="center"
-              show-overflow-tooltip
-              :key="'tableList' + index"
-            >
+          <el-table v-if="tableListData.length > 0" :data="tableListData" border style="width: 100%" size="small">
+            <el-table-column v-for="(item, index) of tableList" :prop="item.ColumnValue"
+              :label="item.IsMerge ? item.MergeColumnName : item.headName" align="center" show-overflow-tooltip
+              :key="'tableList' + index">
               <template v-for="(ite, index) of item.ChildrenList">
-                <el-table-column
-                  v-if="item.IsMerge"
-                  :prop="ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue"
-                  :label="ite.headName"
-                  align="center"
-                  show-overflow-tooltip
-                  :key="'ChildrenList' + index"
-                >
+                <el-table-column v-if="item.IsMerge"
+                  :prop="ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue" :label="ite.headName"
+                  align="center" show-overflow-tooltip :key="'ChildrenList' + index">
                   <template slot-scope="scope">
                     <!-- 查看图片 -->
                     <!-- <span v-if="ite.IsPicture" @click="openImage(scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue])">
                       {{$t('trials:auditRecord:title:viewImage')}}
                     </span> -->
-                    <viewer v-if="ite.IsPicture && ite.IsPicture !== '--'" :ref="scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue]" :images="imagesList">
-                    <!-- 查看图片 -->
-                     <span style="color:#409eff;cursor: pointer"  @click="openImage(scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue])">{{$t('trials:auditRecord:title:viewImage')}}</span>
-                     <img :src="OSSclientConfig.basePath + scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue]" v-show="false" crossorigin="anonymous" alt="">
-                   </viewer>
-                    <span v-else>{{scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue]}}</span>
+                    <viewer v-if="ite.IsPicture && ite.IsPicture !== '--'"
+                      :ref="scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue]"
+                      :images="imagesList">
+                      <!-- 查看图片 -->
+                      <span style="color:#409eff;cursor: pointer"
+                        @click="openImage(scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue])">{{ $t('trials:auditRecord:title:viewImage') }}</span>
+                      <img
+                        :src="OSSclientConfig.basePath + scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue]"
+                        v-show="false" crossorigin="anonymous" alt="">
+                    </viewer>
+                    <span v-else>{{ scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index :
+                      ite.ColumnValue]}}</span>
                   </template>
                 </el-table-column>
                 <template v-else slot-scope="scope">
@@ -765,44 +580,47 @@
                   <!-- <span v-if="item.IsPicture" @click="openImage(scope.row[item.ColumnValue])" :key="'ChildrenList' + index">
                     {{$t('trials:auditRecord:title:viewImage')}}
                   </span> -->
-                   <viewer v-if="item.IsPicture && item.IsPicture !== '--'" :ref="scope.row[item.ColumnValue]" :images="imagesList" :key="'ChildrenList' + index">
+                  <viewer v-if="item.IsPicture && item.IsPicture !== '--'" :ref="scope.row[item.ColumnValue]"
+                    :images="imagesList" :key="'ChildrenList' + index">
                     <!-- 查看图片 -->
-                     <span style="color:#409eff;cursor: pointer"  @click="openImage(scope.row[item.ColumnValue])">{{$t('trials:auditRecord:title:viewImage')}}</span>
-                     <img :src="OSSclientConfig.basePath + scope.row[item.ColumnValue]" v-show="false" crossorigin="anonymous" alt="">
-                   </viewer>
-                  <span v-else :key="'ChildrenList' + index">{{scope.row[item.ColumnValue]}}</span>
+                    <span style="color:#409eff;cursor: pointer"
+                      @click="openImage(scope.row[item.ColumnValue])">{{ $t('trials:auditRecord:title:viewImage') }}</span>
+                    <img :src="OSSclientConfig.basePath + scope.row[item.ColumnValue]" v-show="false"
+                      crossorigin="anonymous" alt="">
+                  </viewer>
+                  <span v-else :key="'ChildrenList' + index">{{ scope.row[item.ColumnValue] }}</span>
                 </template>
               </template>
             </el-table-column>
           </el-table>
           <div v-if="otherData.length > 0 && otherData[0].Value" style="margin-top: 20px;margin-bottom: 10px;">
             <!-- 签名信息: -->
-            {{$t('trials:auditRecord:title:signInfo')}}
+            {{ $t('trials:auditRecord:title:signInfo') }}
           </div>
           <div v-if="otherData.length > 0" style="color:#f66;font-size: 12px">
-            {{otherData[0].Value}}
+            {{ otherData[0].Value }}
           </div>
         </template>
         <template slot="dialog-footer">
           <!-- 关闭 -->
           <el-button size="small" type="primary" @click="model_cfg3.visible = false">
-             {{$t('common:button:close')}}
+            {{ $t('common:button:close') }}
           </el-button>
         </template>
       </base-model>
-<!--      <base-model :config="model_cfg4">-->
-<!--        <template slot="dialog-body">-->
+      <!--      <base-model :config="model_cfg4">-->
+      <!--        <template slot="dialog-body">-->
 
-<!--        </template>-->
-<!--        <template slot="dialog-footer">-->
-<!--          <el-button size="small" type="primary" @click="model_cfg4.visible = false; openImageUrl = null">关闭</el-button>-->
-<!--        </template>-->
-<!--      </base-model>-->
-<!--      <div v-viewer v-if="isViewer">-->
-<!--        <img-->
-<!--            :src="openImageUrl"-->
-<!--            style="width: 50px;height: 50px; cursor:pointer">-->
-<!--      </div>-->
+      <!--        </template>-->
+      <!--        <template slot="dialog-footer">-->
+      <!--          <el-button size="small" type="primary" @click="model_cfg4.visible = false; openImageUrl = null">关闭</el-button>-->
+      <!--        </template>-->
+      <!--      </base-model>-->
+      <!--      <div v-viewer v-if="isViewer">-->
+      <!--        <img-->
+      <!--            :src="openImageUrl"-->
+      <!--            style="width: 50px;height: 50px; cursor:pointer">-->
+      <!--      </div>-->
     </template>
   </BaseContainer>
 </template>
@@ -843,7 +661,7 @@ const searchDataDefault = () => {
     OpByUserName: null,
     BatchId: null,
     TrialReadingCriterionId: null,
-    RoleName:null,
+    RoleName: null,
     TaskName: '',
     CreateUserName: ''
   }
@@ -852,10 +670,10 @@ export default {
   components: { BaseContainer, Pagination, BaseModel },
   dicts: ['OptType', 'ModuleType', 'ChildrenType'],
   data() {
-    
+
     return {
       isViewer: true,
-      otherData:[],
+      otherData: [],
       model_cfg: { visible: false, showClose: true, width: '600px', title: '', appendToBody: true },
       model_cfg2: { visible: false, showClose: true, width: '1000px', title: this.$t('trials:auditRecord:title:viewRelationOperations'), appendToBody: true },//'查看关联操作'
       model_cfg3: { visible: false, showClose: true, width: '600px', title: '', appendToBody: true },
@@ -897,8 +715,8 @@ export default {
   methods: {
     openImage(url, type) {
       console.log(url)
-      
-      this.$nextTick(()=>{
+
+      this.$nextTick(() => {
         if (url instanceof Array) {
           this.imagesList = url.map(v => this.OSSclientConfig.basePath + v)
           let refName = type ? `${url[0]}_${type}` : url[0]
@@ -906,9 +724,9 @@ export default {
         } else {
           this.imagesList = [this.OSSclientConfig.basePath + url]
           let refName = type ? `${url}_${type}` : url
-          if(this.$refs[refName] instanceof Array){
+          if (this.$refs[refName] instanceof Array) {
             this.$refs[refName][0].$viewer.show()
-          }else{
+          } else {
             this.$refs[refName].$viewer.show()
           }
         }
@@ -917,7 +735,7 @@ export default {
     getTrialCriterionList() {
       getTrialCriterionList(this.trialId, false).then(res => {
         this.trialCriterionList = res.Result
-      }).catch(() => {})
+      }).catch(() => { })
     },
     handleSortChange(column) {
       if (column.order === 'ascending') {
@@ -941,7 +759,7 @@ export default {
     },
     getModuleTypeDescriptionList(v) {
       this.searchData.Description = null
-      getModuleTypeDescriptionList( v ).then(res => {
+      getModuleTypeDescriptionList(v).then(res => {
         this.DescriptionOptions = res.Result
       })
     },
@@ -980,7 +798,7 @@ export default {
       this[auditData] = []
       config.forEach(v => {
         v.Code = this.$i18n.locale === 'zh' ? v.Code : v.CodeEn ? v.CodeEn : v.Code
-        
+
         var item
         if (!v.IsEnable) return
         if (v.IsShowByTrialConfig) {
@@ -1043,7 +861,7 @@ export default {
             }
             item.DataType = v.DataType
             this[auditData].push(item)
-          //   })
+            //   })
           }
           return
         }
@@ -1080,22 +898,22 @@ export default {
         }
         if (v.DataType === 'Router') {
           item = {
-            oldValue: v.UrlConfig.IsHaveParameters ?  v.UrlConfig.RoutePath + '?' +
+            oldValue: v.UrlConfig.IsHaveParameters ? v.UrlConfig.RoutePath + '?' +
               v.UrlConfig.ParameterList.map((v) => {
                 let a = obj[v.UrlParameterValueName] ? obj[v.UrlParameterValueName] : parentRow[v.UrlParameterValueName]
                 if (v.UrlParameterValueName === 'token') {
                   a = getToken()
                 }
                 return v.UrlParameterName + '=' + a + '&'
-              }).toString().replaceAll(',', '') + 'zh='+this.$i18n.locale : v.UrlConfig.RoutePath,
-            newValue: v.UrlConfig.IsHaveParameters ?  v.UrlConfig.RoutePath + '?' +
+              }).toString().replaceAll(',', '') + 'zh=' + this.$i18n.locale : v.UrlConfig.RoutePath,
+            newValue: v.UrlConfig.IsHaveParameters ? v.UrlConfig.RoutePath + '?' +
               v.UrlConfig.ParameterList.map((v) => {
                 let a = obj[v.UrlParameterValueName] ? obj[v.UrlParameterValueName] : parentRow[v.UrlParameterValueName]
                 if (v.UrlParameterValueName === 'token') {
                   a = getToken()
                 }
                 return v.UrlParameterName + '=' + a + '&'
-              }).toString().replaceAll(',', '') + 'zh='+this.$i18n.locale : v.UrlConfig.RoutePath
+              }).toString().replaceAll(',', '') + 'zh=' + this.$i18n.locale : v.UrlConfig.RoutePath
           }
           console.log(item)
           item.IsTableFiled = v.IsTableFiled
@@ -1110,14 +928,14 @@ export default {
           var body = []
           v.TableConfigList.forEach((j, i) => {
             if (j.IsFixedColumn) {
-                head.push({IsPicture: j.IsPicture, headName: this.$i18n.locale === 'zh' ? j.FixedColumnName : j.FixedColumnEnName, IsMerge: j.IsMerge, ColumnName: j.ColumnName, ColumnValue: j.ColumnValue, ListName: j.ListName, MergeColumnName: j.IsMerge ? this.$i18n.locale === 'zh' ? j.MergeColumnName : j.MergeColumnEnName : null, ChildrenList: []})
+              head.push({ IsPicture: j.IsPicture, headName: this.$i18n.locale === 'zh' ? j.FixedColumnName : j.FixedColumnEnName, IsMerge: j.IsMerge, ColumnName: j.ColumnName, ColumnValue: j.ColumnValue, ListName: j.ListName, MergeColumnName: j.IsMerge ? this.$i18n.locale === 'zh' ? j.MergeColumnName : j.MergeColumnEnName : null, ChildrenList: [] })
             } else {
               if (j.ListName) {
                 obj[v.Code][0][j.ListName].forEach((x, o) => {
-                  head.push({IsPicture: j.IsPicture, headName: x[this.$i18n.locale === 'zh' ? j.ColumnName : j.ColumnEnName ? j.ColumnEnName : j.ColumnName], IsMerge: j.IsMerge, ColumnName: j.ColumnName, ColumnValue: j.ColumnValue, ListName: j.ListName, MergeColumnName: j.IsMerge ? this.$i18n.locale === 'zh' ? j.MergeColumnName : j.MergeColumnEnName : null, ChildrenList: []})
+                  head.push({ IsPicture: j.IsPicture, headName: x[this.$i18n.locale === 'zh' ? j.ColumnName : j.ColumnEnName ? j.ColumnEnName : j.ColumnName], IsMerge: j.IsMerge, ColumnName: j.ColumnName, ColumnValue: j.ColumnValue, ListName: j.ListName, MergeColumnName: j.IsMerge ? this.$i18n.locale === 'zh' ? j.MergeColumnName : j.MergeColumnEnName : null, ChildrenList: [] })
                 })
               } else {
-                head.push({IsPicture: j.IsPicture, headName: this.$i18n.locale === 'zh' ? j.ColumnName : j.ColumnEnName ?  j.ColumnEnName : j.ColumnName, IsMerge: j.IsMerge, ColumnName: j.ColumnName, ColumnValue: j.ColumnValue, ListName: j.ListName, MergeColumnName: j.IsMerge ? this.$i18n.locale === 'zh' ? j.MergeColumnName : j.MergeColumnEnName : null, ChildrenList: []})
+                head.push({ IsPicture: j.IsPicture, headName: this.$i18n.locale === 'zh' ? j.ColumnName : j.ColumnEnName ? j.ColumnEnName : j.ColumnName, IsMerge: j.IsMerge, ColumnName: j.ColumnName, ColumnValue: j.ColumnValue, ListName: j.ListName, MergeColumnName: j.IsMerge ? this.$i18n.locale === 'zh' ? j.MergeColumnName : j.MergeColumnEnName : null, ChildrenList: [] })
               }
             }
           })
@@ -1223,7 +1041,7 @@ export default {
         item.Enum = this.$i18n.locale === 'zh' ? v.ValueCN : v.Value
         this[auditData].push(item)
       })
-      console.log(this[auditData],this.tableListData,this.tableList)
+      console.log(this[auditData], this.tableListData, this.tableList)
     },
     getJSON(row) {
       return new Promise(resolve => {
@@ -1246,7 +1064,7 @@ export default {
       })
       // 查看关联操作
 
-      this.model_cfg2.title = `${this.$t('trials:auditRecord:title:viewRelationOperations')}--${this.$i18n.locale === 'en' ? this.currentRow.Description : this.currentRow.DescriptionCN}`
+      this.model_cfg2.title = `${n ? this.$t('trials:auditRecord:title:viewRelationOperations2') : this.$t('trials:auditRecord:title:viewRelationOperations')}--${this.$i18n.locale === 'en' ? this.currentRow.Description : this.currentRow.DescriptionCN}`
       this.loading = true
       getInspectionList(searchData).then((res) => {
         this.list2 = res.CurrentPageData
@@ -1278,7 +1096,7 @@ export default {
       })
     },
     async lookDetails(row) {
-      this.currentRow = {...row}
+      this.currentRow = { ...row }
       this.OptType = row.OptType
       var Json = await this.getJSON(row)
       var JsonDetail = Json[0] ? JSON.parse(Json[0]) : null
@@ -1328,4 +1146,3 @@ export default {
   }
 }
 </script>
-