diff --git a/src/views/trials/trials-list/index.vue b/src/views/trials/trials-list/index.vue
index 578850d7..c207b7a4 100644
--- a/src/views/trials/trials-list/index.vue
+++ b/src/views/trials/trials-list/index.vue
@@ -72,7 +72,7 @@
           <!-- <el-button type="text" @click="isShow = !isShow">More</el-button> -->
           <!-- Search -->
           <el-button type="primary" icon="el-icon-search" @click="handleSearch">
-            {{ $t("common:button:search") }}
+            {{ $t('common:button:search') }}
           </el-button>
           <!-- Reset -->
           <el-button
@@ -80,7 +80,7 @@
             icon="el-icon-refresh-left"
             @click="handleReset"
           >
-            {{ $t("common:button:reset") }}
+            {{ $t('common:button:reset') }}
           </el-button>
           <!-- Export -->
           <el-button
@@ -90,7 +90,7 @@
             :loading="exportLoading"
             @click="handleExportTrial"
           >
-            {{ $t("common:button:export") }}
+            {{ $t('common:button:export') }}
           </el-button>
         </el-form-item>
       </el-form>
@@ -102,7 +102,7 @@
           type="primary"
           @click="handleNew"
         >
-          {{ $t("common:button:new") }}
+          {{ $t('common:button:new') }}
         </el-button>
       </span>
     </template>
@@ -293,10 +293,9 @@
             </el-select>
           </el-form-item>
           <el-form-item>
-            <el-button
-              type="primary"
-              @click="handleSelectSearch"
-            >Search</el-button>
+            <el-button type="primary" @click="handleSelectSearch"
+              >Search</el-button
+            >
             <el-button type="primary" @click="handleReset">Reset</el-button>
             <el-button type="primary" @click="isShow = false">Back</el-button>
           </el-form-item>
@@ -358,19 +357,23 @@
             <el-tag
               v-if="scope.row.TrialStatusStr === 'Initializing'"
               type="info"
-            >{{ $fd("TrialStatusEnum", scope.row.TrialStatusStr) }}</el-tag>
+              >{{ $fd('TrialStatusEnum', scope.row.TrialStatusStr) }}</el-tag
+            >
             <el-tag
               v-if="scope.row.TrialStatusStr === 'Ongoing'"
               type="primary"
-            >{{ $fd("TrialStatusEnum", scope.row.TrialStatusStr) }}</el-tag>
+              >{{ $fd('TrialStatusEnum', scope.row.TrialStatusStr) }}</el-tag
+            >
             <el-tag
               v-if="scope.row.TrialStatusStr === 'Completed'"
               type="warning"
-            >{{ $fd("TrialStatusEnum", scope.row.TrialStatusStr) }}</el-tag>
+              >{{ $fd('TrialStatusEnum', scope.row.TrialStatusStr) }}</el-tag
+            >
             <el-tag
               v-if="scope.row.TrialStatusStr === 'Stopped'"
               type="danger"
-            >{{ $fd("TrialStatusEnum", scope.row.TrialStatusStr) }}</el-tag>
+              >{{ $fd('TrialStatusEnum', scope.row.TrialStatusStr) }}</el-tag
+            >
           </template>
         </el-table-column>
         <el-table-column
@@ -437,7 +440,7 @@
           min-width="160"
         >
           <template slot-scope="scope">
-            {{ scope.row.IR_ReadingCriterionList.join(", ") }}
+            {{ scope.row.IR_ReadingCriterionList.join(', ') }}
           </template>
         </el-table-column>
         <el-table-column
@@ -472,7 +475,7 @@
           min-width="170"
         >
           <template slot-scope="scope">
-            {{ scope.row.IR_PMEmailList.join(", ") }}
+            {{ scope.row.IR_PMEmailList.join(', ') }}
           </template>
         </el-table-column>
         <el-table-column
@@ -579,7 +582,14 @@
               :disabled="
                 (scope.row.TrialStatusStr === 'Initializing' &&
                   !hasPermi(['role:pm'])) ||
-                  scope.row.IsDeleted || ((scope.row.TrialStatusStr === 'Completed' || scope.row.TrialStatusStr === 'Stopped') && !(hasPermi(['role:qa']) || hasPermi(['role:ea']) || hasPermi(['role:pm'])))
+                scope.row.IsDeleted ||
+                ((scope.row.TrialStatusStr === 'Completed' ||
+                  scope.row.TrialStatusStr === 'Stopped') &&
+                  !(
+                    hasPermi(['role:qa']) ||
+                    hasPermi(['role:ea']) ||
+                    hasPermi(['role:pm'])
+                  ))
               "
               :title="$t('trials:trials-list:action:panel')"
               @click.stop="handleDetail(scope.row)"
@@ -609,11 +619,22 @@
               icon="el-icon-delete"
               :disabled="
                 scope.row.IsDeleted ||
-                  scope.row.TrialStatusStr !== 'Initializing'
+                scope.row.TrialStatusStr !== 'Initializing'
               "
               :title="$t('trials:trials-list:action:abolition')"
               @click.stop="handleAbandon(scope.row)"
             />
+            <el-button
+              v-hasPermi="[
+                'trials:trials-panel:trial-summary:trial-document:inspect',
+                'trials:trials-panel:trial-summary:trial-document:manage',
+              ]"
+              circle
+              icon="el-icon-folder-opened"
+              :disabled="scope.row.IsDeleted"
+              :title="$t('trials:trials-list:action:trialDocument')"
+              @click.stop="toTrialDocument(scope.row)"
+            />
             <!--             代办详情-->
             <!--            <el-button-->
             <!--              v-hasPermi="['trials:trials-list:abolish']"-->
@@ -690,7 +711,7 @@
 import {
   abandonTrial,
   ifTrialCanOngoing,
-  getTrialToBeDoneList
+  getTrialToBeDoneList,
 } from '@/api/trials'
 import { getTrialList_Export } from '@/api/export'
 import store from '@/store'
@@ -721,7 +742,7 @@ const searchDataDefault = () => {
     Asc: false,
     SortField: '',
     CriterionType: null,
-    PM_EMail: null
+    PM_EMail: null,
   }
 }
 export default {
@@ -731,7 +752,7 @@ export default {
     BaseContainer,
     TrialForm,
     TrialStatusForm,
-    DoneList
+    DoneList,
   },
   dicts: ['ReadingStandard', 'ReviewType', 'ReadingType'],
   data() {
@@ -756,7 +777,7 @@ export default {
         { value: 'I' },
         { value: 'II' },
         { value: 'III' },
-        { value: 'IV' }
+        { value: 'IV' },
       ],
       expeditedOption: this.$d.TrialExpeditedState,
       beginPickerOption: {
@@ -766,7 +787,7 @@ export default {
           } else {
             return time.getTime() > Date.now()
           }
-        }
+        },
       },
       endpickerOption: {
         disabledDate: (time) => {
@@ -778,20 +799,20 @@ export default {
           } else {
             return time.getTime() > Date.now()
           }
-        }
-      }
+        },
+      },
     }
   },
   computed: {
-    ...mapGetters(['sponsorList', 'croList'])
+    ...mapGetters(['sponsorList', 'croList']),
   },
   created() {
     this.initPage()
   },
-  mounted(){
-    this.$EventBus.$on("reload", (data) => {
+  mounted() {
+    this.$EventBus.$on('reload', (data) => {
       window.location.reload()
-    });
+    })
   },
   methods: {
     initPage() {
@@ -864,7 +885,7 @@ export default {
               this.$confirm(res.ErrorMessage, {
                 type: 'warning',
                 showCancelButton: false,
-                callback: (action) => {}
+                callback: (action) => {},
               })
             }
           })
@@ -883,7 +904,7 @@ export default {
     handleAbandon(row) {
       this.$confirm(this.$t('trials:trials-list:message:abolition'), {
         type: 'warning',
-        distinguishCancelAndClose: true
+        distinguishCancelAndClose: true,
       })
         .then(() => {
           this.currentRow = { ...row }
@@ -909,19 +930,37 @@ export default {
         })
     },
     rowClick(row, col) {
-      if ((row.TrialStatusStr === 'Initializing' && !this.hasPermi(['role:pm'])) || row.IsDeleted) {
+      if (
+        (row.TrialStatusStr === 'Initializing' &&
+          !this.hasPermi(['role:pm'])) ||
+        row.IsDeleted
+      ) {
         return
-      } else if ((row.TrialStatusStr === 'Completed' || row.TrialStatusStr === 'Stopped') && !(this.hasPermi(['role:qa']) || this.hasPermi(['role:ea']) || this.hasPermi(['role:pm']))) {
+      } else if (
+        (row.TrialStatusStr === 'Completed' ||
+          row.TrialStatusStr === 'Stopped') &&
+        !(
+          this.hasPermi(['role:qa']) ||
+          this.hasPermi(['role:ea']) ||
+          this.hasPermi(['role:pm'])
+        )
+      ) {
         return
       }
       this.$router.push({
-        path: `/trials/trials-panel?trialId=${row.Id}&trialCode=${row.TrialCode}&researchProgramNo=${row.ResearchProgramNo}`
+        path: `/trials/trials-panel?trialId=${row.Id}&trialCode=${row.TrialCode}&researchProgramNo=${row.ResearchProgramNo}`,
       })
     },
     // panel
     handleDetail(row) {
       this.$router.push({
-        path: `/trials/trials-panel?trialId=${row.Id}&trialCode=${row.TrialCode}&researchProgramNo=${row.ResearchProgramNo}`
+        path: `/trials/trials-panel?trialId=${row.Id}&trialCode=${row.TrialCode}&researchProgramNo=${row.ResearchProgramNo}`,
+      })
+    },
+    // 跳转至项目文档
+    toTrialDocument(row) {
+      this.$router.push({
+        path: `/trials/trials-panel/trial-summary/trial-document?trialId=${row.Id}&trialCode=${row.TrialCode}&researchProgramNo=${row.ResearchProgramNo}`,
       })
     },
     // 获取已勾选行数据
@@ -951,7 +990,7 @@ export default {
     handleExportTrial() {
       this.exportLoading = true
       const data = {
-        ...this.searchData
+        ...this.searchData,
       }
       data.TrialIdList = this.selectArr.map((item) => item.Id)
       return getTrialList_Export(data)
@@ -961,7 +1000,7 @@ export default {
         .catch(() => {
           this.exportLoading = false
         })
-    }
-  }
+    },
+  },
 }
 </script>
diff --git a/src/views/trials/trials-panel/trial-summary/trial-document/components/fileRecord/index.vue b/src/views/trials/trials-panel/trial-summary/trial-document/components/fileRecord/index.vue
index 06d18c9a..2da2a846 100644
--- a/src/views/trials/trials-panel/trial-summary/trial-document/components/fileRecord/index.vue
+++ b/src/views/trials/trials-panel/trial-summary/trial-document/components/fileRecord/index.vue
@@ -3,7 +3,7 @@
     <div class="title">
       {{ TITLE }}
     </div>
-    <el-form :inline="true" size="mini" class="base-search-form">
+    <el-form :inline="true" class="base-search-form topForm">
       <el-form-item
         :label="$t('trials:trialDocument:fileRecord:form:isConfirmRecord')"
         v-if="isManage && hasEdit && !viewStatus"
@@ -39,7 +39,6 @@
       <el-form-item v-if="isManage && hasEdit && !viewStatus">
         <el-button
           type="primary"
-          size="mini"
           @click="rowBtnStatus = 'save'"
           v-if="rowBtnStatus === 'edit'"
         >
@@ -47,7 +46,6 @@
         </el-button>
         <el-button
           type="primary"
-          size="mini"
           :loading="rowBtnLoading"
           @click="saveRowData"
           v-if="rowBtnStatus === 'save'"
@@ -56,9 +54,10 @@
         </el-button>
       </el-form-item>
     </el-form>
+    <div class="line"></div>
     <!-- 搜索框 -->
     <div class="search" style="position: relative">
-      <el-form :inline="true" size="mini" class="base-search-form">
+      <el-form :inline="true" class="base-search-form">
         <el-form-item
           :label="$t('trials:trialDocument:fileRecord:search:name')"
         >
@@ -104,7 +103,6 @@
           <el-button
             type="primary"
             :disabled="selectTable.length <= 0"
-            size="mini"
             v-if="hasAccredit && isManage && !viewStatus"
             @click.stop="auth"
           >
@@ -112,7 +110,6 @@
           </el-button>
           <el-button
             type="primary"
-            size="mini"
             v-if="hasEdit && isManage && !viewStatus"
             @click.stop="openFile(false)"
           >
@@ -120,7 +117,6 @@
           </el-button>
           <el-button
             type="primary"
-            size="mini"
             v-if="hasEdit && isManage && !viewStatus"
             @click.stop="openFile(true)"
           >
@@ -129,7 +125,6 @@
           <el-button
             type="primary"
             icon="el-icon-bottom"
-            size="mini"
             :disabled="selectTable.length <= 0"
             v-if="hasDownLoad && isManage && !viewStatus"
             @click.stop="downLoad"
@@ -138,7 +133,6 @@
           </el-button>
           <el-button
             type="primary"
-            size="mini"
             v-if="hasDel && isManage && !viewStatus"
             :disabled="selectTable.length <= 0"
             @click.stop="delList"
@@ -314,7 +308,6 @@
           <el-button
             icon="el-icon-view"
             :title="$t('common:button:view')"
-            size="mini"
             circle
             :disabled="
               !scope.row.TrialFileRecord || !scope.row.TrialFileRecord.FilePath
@@ -325,7 +318,6 @@
             v-if="hasDownLoad && isManage && !viewStatus"
             icon="el-icon-download"
             :title="$t('trials:trialDocument:fileRecord:button:download')"
-            size="mini"
             circle
             @click.stop="downLoad(false, scope.row.TrialFileRecord, 'file')"
           />
@@ -333,7 +325,6 @@
             v-if="hasDel && isManage && !viewStatus"
             icon="el-icon-delete"
             :title="$t('trials:trialDocument:fileRecord:button:delete')"
-            size="mini"
             circle
             @click.stop="handleDel(scope.row)"
           />
diff --git a/src/views/trials/trials-panel/trial-summary/trial-document/components/menu.vue b/src/views/trials/trials-panel/trial-summary/trial-document/components/menu.vue
index 4d3e69db..537588e4 100644
--- a/src/views/trials/trials-panel/trial-summary/trial-document/components/menu.vue
+++ b/src/views/trials/trials-panel/trial-summary/trial-document/components/menu.vue
@@ -5,14 +5,14 @@
         <i class="el-icon-folder-opened"></i>
         <span>{{ $fd('ArchiveType', item.ArchiveTypeEnum) }}</span>
         <i
-          class="el-icon-circle-plus menuAdd"
+          class="el-icon-circle-plus menuAdd" 
           :title="$t('trials:trialDocument:menu:add')"
           @click.stop="addMenu(item.ArchiveTypeEnum)"
           v-if="isManage && hasAdd && !viewStatus && item.ArchiveTypeEnum !== 5"
         ></i>
       </div>
       <div
-        :class="{ menu: true, selected: Id === data.Id }"
+        :class="{ menu: true, selected: menuId === data.Id }"
         v-for="data in item.TrialFileTypeList"
         :key="data.SysFileTypeId"
         @click.stop="handleSelect(data, item.ArchiveTypeEnum)"
@@ -126,7 +126,7 @@ export default {
       type: Boolean,
       default: true,
     },
-    Id: {
+    menuId: {
       type: String,
       default: '',
     },
@@ -218,12 +218,49 @@ export default {
         this.loading = false
         if (res.IsSuccess) {
           this.menu = res.Result.TrialFileTypeDataList
+          this.$nextTick(() => {
+            this.defaultSelect()
+          })
         }
       } catch (err) {
         this.loading = false
         console.log(err)
       }
     },
+    defaultSelect() {
+      if (!this.menu || this.menu.length <= 0) return false
+      if (this.menuId) {
+        let Id = this.menuId
+        let f = this.menu.some((item) => {
+          let flag = false
+          if (item.TrialFileTypeList && item.TrialFileTypeList.length > 0) {
+            flag = item.TrialFileTypeList.some((data) => {
+              if (data.Id === Id) {
+                this.$emit('update:menuId', null)
+                this.$nextTick(() => {
+                  this.handleSelect(data, item.ArchiveTypeEnum)
+                })
+              }
+              return data.Id === Id
+            })
+          }
+          return flag
+        })
+        if (!f) {
+          this.$emit('update:menuId', null)
+          this.$nextTick(() => {
+            this.defaultSelect()
+          })
+        }
+      } else {
+        this.menu.some((item) => {
+          if (item.TrialFileTypeList && item.TrialFileTypeList.length > 0) {
+            this.handleSelect(item.TrialFileTypeList[0], item.ArchiveTypeEnum)
+          }
+          return item.TrialFileTypeList && item.TrialFileTypeList.length > 0
+        })
+      }
+    },
     // 修改菜单启用
     async changeIsEnble(val, item) {
       try {
@@ -242,7 +279,7 @@ export default {
     },
     // 选中
     handleSelect(data, ArchiveTypeEnum) {
-      this.$emit('update:Id', data.Id)
+      this.$emit('update:menuId', data.Id)
       this.$emit('update:SubIdentificationEnum', data.SubIdentificationEnum)
       this.$emit('update:ArchiveTypeEnum', ArchiveTypeEnum)
       this.$emit('update:rowData', data)
diff --git a/src/views/trials/trials-panel/trial-summary/trial-document/components/report_doc/index.vue b/src/views/trials/trials-panel/trial-summary/trial-document/components/report_doc/index.vue
index 8a428c52..1456f37c 100644
--- a/src/views/trials/trials-panel/trial-summary/trial-document/components/report_doc/index.vue
+++ b/src/views/trials/trials-panel/trial-summary/trial-document/components/report_doc/index.vue
@@ -3,7 +3,7 @@
     <div class="title">
       {{ TITLE }}
     </div>
-    <el-form :inline="true" size="mini" class="base-search-form">
+    <el-form :inline="true" class="base-search-form topForm">
       <el-form-item
         :label="$t('trials:trialDocument:reportDoc:form:firstFinalDate')"
       >
@@ -52,7 +52,6 @@
       <el-form-item v-if="isManage && hasEdit && !viewStatus">
         <el-button
           type="primary"
-          size="mini"
           @click="rowBtnStatus = 'save'"
           v-if="rowBtnStatus === 'edit'"
         >
@@ -60,7 +59,6 @@
         </el-button>
         <el-button
           type="primary"
-          size="mini"
           :loading="rowBtnLoading"
           @click="saveRowData"
           v-if="rowBtnStatus === 'save'"
@@ -69,9 +67,10 @@
         </el-button>
       </el-form-item>
     </el-form>
+    <div class="line"></div>
     <!-- 搜索框 -->
     <div class="search" style="position: relative">
-      <el-form :inline="true" size="mini" class="base-search-form">
+      <el-form :inline="true" class="base-search-form">
         <el-form-item :label="$t('trials:trialDocument:reportDoc:search:name')">
           <el-input v-model="searchData.Name" style="width: 100px" clearable />
         </el-form-item>
@@ -120,7 +119,6 @@
           <el-button
             type="primary"
             :disabled="selectTable.length <= 0"
-            size="mini"
             v-if="hasAccredit && isManage && !viewStatus"
             @click.stop="auth"
           >
@@ -128,7 +126,6 @@
           </el-button>
           <el-button
             type="primary"
-            size="mini"
             v-if="hasAdd && isManage && !viewStatus"
             @click.stop="handleAdd"
           >
@@ -137,7 +134,6 @@
           <el-button
             type="primary"
             icon="el-icon-bottom"
-            size="mini"
             :disabled="selectTable.length <= 0"
             v-if="hasDownLoad && isManage && !viewStatus"
             @click.stop="downLoad"
@@ -349,6 +345,7 @@
         :label="$t('trials:trialDocument:reportDoc:table:isAuthorizedView')"
         show-overflow-tooltip
         sortable="custom"
+        v-if="isManage && !viewStatus"
       >
         <template slot-scope="scope">
           <el-switch
@@ -381,7 +378,6 @@
           <el-button
             icon="el-icon-view"
             :title="$t('common:button:view')"
-            size="mini"
             circle
             :disabled="
               !scope.row.PDFFileRecord || !scope.row.PDFFileRecord.FilePath
@@ -392,7 +388,6 @@
             v-if="hasEdit && isManage && !viewStatus"
             icon="el-icon-edit-outline"
             :title="$t('common:button:edit')"
-            size="mini"
             circle
             @click.stop="handleEdit(scope.row)"
           />
@@ -400,7 +395,6 @@
             v-if="hasDownLoad && isManage && !viewStatus"
             icon="el-icon-download"
             :title="$t('trials:trialDocument:reportDoc:button:download')"
-            size="mini"
             circle
             @click.stop="downLoad(false, scope.row)"
           />
@@ -408,7 +402,6 @@
             v-if="hasDel && isManage && !viewStatus"
             icon="el-icon-delete"
             :title="$t('trials:trialDocument:reportDoc:button:delete')"
-            size="mini"
             circle
             @click.stop="handleDel(scope.row)"
           />
diff --git a/src/views/trials/trials-panel/trial-summary/trial-document/components/template/index.vue b/src/views/trials/trials-panel/trial-summary/trial-document/components/template/index.vue
index 0d9c4607..57ef22a6 100644
--- a/src/views/trials/trials-panel/trial-summary/trial-document/components/template/index.vue
+++ b/src/views/trials/trials-panel/trial-summary/trial-document/components/template/index.vue
@@ -3,7 +3,7 @@
     <div class="title">
       {{ TITLE }}
     </div>
-    <el-form :inline="true" size="mini" class="base-search-form">
+    <el-form :inline="true" class="base-search-form topForm">
       <el-form-item
         :label="$t('trials:trialDocument:temp:form:isEnable')"
         v-if="isManage && hasEdit && !viewStatus"
@@ -23,7 +23,6 @@
       <el-form-item v-if="isManage && hasEdit && !viewStatus">
         <el-button
           type="primary"
-          size="mini"
           @click="rowBtnStatus = 'save'"
           v-if="rowBtnStatus === 'edit'"
         >
@@ -31,7 +30,6 @@
         </el-button>
         <el-button
           type="primary"
-          size="mini"
           :loading="rowBtnLoading"
           @click="saveRowData"
           v-if="rowBtnStatus === 'save'"
@@ -40,9 +38,10 @@
         </el-button>
       </el-form-item>
     </el-form>
+    <div class="line"></div>
     <!-- 搜索框 -->
     <div class="search" style="position: relative">
-      <el-form :inline="true" size="mini" class="base-search-form">
+      <el-form :inline="true" class="base-search-form">
         <el-form-item :label="$t('trials:trialDocument:temp:search:name')">
           <el-input
             v-model="searchData.FileName"
@@ -86,7 +85,6 @@
           <el-button
             type="primary"
             :disabled="selectTable.length <= 0"
-            size="mini"
             v-if="hasAccredit && isManage && !viewStatus"
             @click.stop="auth"
           >
@@ -94,7 +92,6 @@
           </el-button>
           <el-button
             type="primary"
-            size="mini"
             v-if="hasEdit && isManage && !viewStatus"
             @click.stop="openFile(false)"
           >
@@ -102,7 +99,6 @@
           </el-button>
           <el-button
             type="primary"
-            size="mini"
             v-if="hasEdit && isManage && !viewStatus"
             @click.stop="openFile(true)"
           >
@@ -111,7 +107,6 @@
           <el-button
             type="primary"
             icon="el-icon-bottom"
-            size="mini"
             :disabled="selectTable.length <= 0"
             v-if="hasDownLoad && isManage && !viewStatus"
             @click.stop="downLoad"
@@ -120,7 +115,6 @@
           </el-button>
           <el-button
             type="primary"
-            size="mini"
             v-if="hasDel && isManage && !viewStatus"
             :disabled="selectTable.length <= 0"
             @click.stop="delList"
@@ -247,23 +241,38 @@
       />
       <el-table-column :label="$t('common:action:action')" width="200">
         <template slot-scope="scope">
-          <el-button
-            icon="el-icon-view"
-            :title="$t('common:button:view')"
-            size="mini"
-            circle
-            :disabled="
-              !scope.row.TrialFileRecord ||
-              !scope.row.TrialFileRecord.FilePath ||
-              !~scope.row.TrialFileRecord.FileFormat.indexOf('pdf')
-            "
-            @click.stop="preview(scope.row.TrialFileRecord)"
-          />
+          <viewer
+            :ref="scope.row.TrialFileRecord.FilePath"
+            style="margin: 0 10px;display: inline-block;"
+            :images="[
+              `${OSSclientConfig.basePath}${scope.row.TrialFileRecord.FilePath}`,
+            ]"
+          >
+            <el-button
+              icon="el-icon-view"
+              :title="$t('common:button:view')"
+              circle
+              :disabled="
+                !scope.row.TrialFileRecord ||
+                !scope.row.TrialFileRecord.FilePath ||
+                (!~scope.row.TrialFileRecord.FileFormat.indexOf('pdf') &&
+                  !~scope.row.TrialFileRecord.FileFormat.indexOf('jpg') &&
+                  !~scope.row.TrialFileRecord.FileFormat.indexOf('jpeg') &&
+                  !~scope.row.TrialFileRecord.FileFormat.indexOf('png'))
+              "
+              @click.stop="preview(scope.row.TrialFileRecord)"
+            />
+            <img
+              v-show="false"
+              crossorigin="anonymous"
+              :src="`${OSSclientConfig.basePath}${scope.row.TrialFileRecord.FilePath}`"
+              alt="Image"
+            />
+          </viewer>
           <el-button
             v-if="hasDownLoad && isManage && !viewStatus"
             icon="el-icon-download"
             :title="$t('trials:trialDocument:temp:button:download')"
-            size="mini"
             circle
             @click.stop="downLoad(false, scope.row.TrialFileRecord, 'file')"
           />
@@ -271,7 +280,6 @@
             v-if="hasDel && isManage && !viewStatus"
             icon="el-icon-delete"
             :title="$t('trials:trialDocument:temp:button:delete')"
-            size="mini"
             circle
             @click.stop="handleDel(scope.row)"
           />
@@ -661,11 +669,15 @@ export default {
     // 预览
     preview(row) {
       if (!row.FilePath) return false
-      this.$preview({
-        path: row.FilePath || row.fullPath,
-        type: 'pdf',
-        title: row.FileName,
-      })
+      if (!!~row.FileFormat.indexOf('pdf')) {
+        return this.$preview({
+          path: row.FilePath || row.fullPath,
+          type: 'pdf',
+          title: row.FileName,
+        })
+      }
+
+      this.$refs[row.FilePath].$viewer.show()
     },
     close() {
       this.config.visible = false
@@ -786,4 +798,9 @@ export default {
     }
   }
 }
+.topForm {
+  .el-form-item {
+    margin-right: 30px;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/trials/trials-panel/trial-summary/trial-document/components/trainRecord/index.vue b/src/views/trials/trials-panel/trial-summary/trial-document/components/trainRecord/index.vue
index a2727fd9..0c2c2852 100644
--- a/src/views/trials/trials-panel/trial-summary/trial-document/components/trainRecord/index.vue
+++ b/src/views/trials/trials-panel/trial-summary/trial-document/components/trainRecord/index.vue
@@ -3,7 +3,7 @@
     <div class="title">
       {{ TITLE }}
     </div>
-    <el-form :inline="true" size="mini" class="base-search-form">
+    <el-form :inline="true" class="base-search-form topForm">
       <el-form-item
         :label="$t('trials:trialDocument:trainRecord:form:isConfirmRecord')"
         v-if="isManage && hasEdit && !viewStatus"
@@ -39,7 +39,6 @@
       <el-form-item v-if="isManage && hasEdit && !viewStatus">
         <el-button
           type="primary"
-          size="mini"
           @click="rowBtnStatus = 'save'"
           v-if="rowBtnStatus === 'edit'"
         >
@@ -47,7 +46,6 @@
         </el-button>
         <el-button
           type="primary"
-          size="mini"
           :loading="rowBtnLoading"
           @click="saveRowData"
           v-if="rowBtnStatus === 'save'"
@@ -56,9 +54,10 @@
         </el-button>
       </el-form-item>
     </el-form>
+    <div class="line"></div>
     <!-- 搜索框 -->
     <div class="search" style="position: relative">
-      <el-form :inline="true" size="mini" class="base-search-form">
+      <el-form :inline="true" class="base-search-form">
         <!--培训日期-->
         <el-form-item
           :label="$t('trials:trialDocument:trainRecord:search:TrianingDate')"
@@ -139,7 +138,6 @@
           <el-button
             type="primary"
             :disabled="selectTable.length <= 0"
-            size="mini"
             v-if="hasAccredit && isManage && !viewStatus"
             @click.stop="auth"
           >
@@ -147,7 +145,6 @@
           </el-button>
           <el-button
             type="primary"
-            size="mini"
             v-if="hasEdit && isManage && !viewStatus"
             @click.stop="openFile(false)"
           >
@@ -155,7 +152,6 @@
           </el-button>
           <el-button
             type="primary"
-            size="mini"
             v-if="hasEdit && isManage && !viewStatus"
             @click.stop="openFile(true)"
           >
@@ -163,7 +159,6 @@
           </el-button>
           <el-button
             type="primary"
-            size="mini"
             v-if="hasAdd && isManage && !viewStatus"
             @click.stop="handleAdd"
           >
@@ -172,7 +167,6 @@
           <el-button
             type="primary"
             icon="el-icon-bottom"
-            size="mini"
             :disabled="selectTable.length <= 0"
             v-if="hasDownLoad && isManage && !viewStatus"
             @click.stop="downLoad"
@@ -366,7 +360,6 @@
           <el-button
             icon="el-icon-view"
             :title="$t('common:button:view')"
-            size="mini"
             circle
             :disabled="
               !scope.row.TrialFileRecord || !scope.row.TrialFileRecord.FilePath
@@ -377,7 +370,6 @@
             v-if="hasEdit && isManage && !viewStatus"
             icon="el-icon-edit-outline"
             :title="$t('common:button:edit')"
-            size="mini"
             circle
             @click.stop="handleEdit(scope.row)"
           />
@@ -385,7 +377,6 @@
             v-if="hasDownLoad && isManage && !viewStatus"
             icon="el-icon-download"
             :title="$t('trials:trialDocument:trainRecord:button:download')"
-            size="mini"
             circle
             @click.stop="downLoad(false, scope.row.TrialFileRecord, 'file')"
           />
@@ -393,7 +384,6 @@
             v-if="hasDel && isManage && !viewStatus"
             icon="el-icon-delete"
             :title="$t('trials:trialDocument:trainRecord:button:delete')"
-            size="mini"
             circle
             @click.stop="handleDel(scope.row)"
           />
diff --git a/src/views/trials/trials-panel/trial-summary/trial-document/index.vue b/src/views/trials/trials-panel/trial-summary/trial-document/index.vue
index 89afb3c3..bbf0f301 100644
--- a/src/views/trials/trials-panel/trial-summary/trial-document/index.vue
+++ b/src/views/trials/trials-panel/trial-summary/trial-document/index.vue
@@ -26,7 +26,7 @@
         <Menu
           ref="Menu"
           :viewStatus="viewStatus"
-          :Id.sync="Id"
+          :menuId.sync="Id"
           :SubIdentificationEnum.sync="SubIdentificationEnum"
           :ArchiveTypeEnum.sync="ArchiveTypeEnum"
           :rowData.sync="rowData"
@@ -82,7 +82,7 @@ export default {
   components: { BaseContainer, Menu, reportDoc, fileRecord, trainRecord, temp },
   data() {
     return {
-      viewStatus: false,
+      viewStatus: true,
       Id: null,
       SubIdentificationEnum: null,
       ArchiveTypeEnum: null,
@@ -103,7 +103,7 @@ export default {
   },
   methods: {
     handleChange() {
-      this.Id = null
+      // this.Id = null
       this.SubIdentificationEnum = null
       this.ArchiveTypeEnum = null
       this.rowData = {}
@@ -157,4 +157,15 @@ export default {
     padding: 10px;
   }
 }
+::v-deep .topForm {
+  .el-form-item {
+    margin-right: 30px;
+  }
+}
+::v-deep .line {
+  width: 100%;
+  height: 1px;
+  margin: 0 0 22px 0;
+  border-top: 1px solid #ebeef5;
+}
 </style>
\ No newline at end of file