From c8601f6f8f65f38128e0ea4b656590d306e04129 Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Wed, 5 Mar 2025 14:34:07 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E4=BB=B6=E6=A8=A1=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/fileRecord/index.vue           |  17 +-
 .../components/report_doc/index.vue           |  13 +-
 .../components/template/index.vue             | 789 ++++++++++++++++++
 .../components/trainRecord/index.vue          |  13 +-
 .../trial-summary/trial-document/index.vue    |  11 +-
 5 files changed, 822 insertions(+), 21 deletions(-)
 create mode 100644 src/views/trials/trials-panel/trial-summary/trial-document/components/template/index.vue

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 f19de378..06d18c9a 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
@@ -144,8 +144,8 @@
             @click.stop="delList"
           >
             {{ $t('trials:trialDocument:fileRecord:button:del') }}
-          </el-button> </el-form-item
-        >s
+          </el-button>
+        </el-form-item>
       </el-form>
     </div>
 
@@ -159,7 +159,12 @@
       @sort-change="handleSortByColumn"
       @selection-change="handleSelectionChange"
     >
-      <el-table-column type="selection" width="55" />
+      <el-table-column
+        type="selection"
+        width="55"
+        v-if="isManage && !viewStatus"
+      />
+      <el-table-column type="index" v-else />
 
       <!--名称-->
       <el-table-column
@@ -304,11 +309,7 @@
         show-overflow-tooltip
         sortable="custom"
       />
-      <el-table-column
-        :label="$t('common:action:action')"
-        width="200"
-        fixed="right"
-      >
+      <el-table-column :label="$t('common:action:action')" width="200">
         <template slot-scope="scope">
           <el-button
             icon="el-icon-view"
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 53623d75..8a428c52 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
@@ -158,7 +158,12 @@
       @sort-change="handleSortByColumn"
       @selection-change="handleSelectionChange"
     >
-      <el-table-column type="selection" width="55" />
+      <el-table-column
+        type="selection"
+        width="55"
+        v-if="isManage && !viewStatus"
+      />
+      <el-table-column type="index" v-else />
 
       <el-table-column
         prop="Name"
@@ -371,11 +376,7 @@
         show-overflow-tooltip
         sortable="custom"
       />
-      <el-table-column
-        :label="$t('common:action:action')"
-        width="200"
-        fixed="right"
-      >
+      <el-table-column :label="$t('common:action:action')" width="200">
         <template slot-scope="scope">
           <el-button
             icon="el-icon-view"
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
new file mode 100644
index 00000000..0d9c4607
--- /dev/null
+++ b/src/views/trials/trials-panel/trial-summary/trial-document/components/template/index.vue
@@ -0,0 +1,789 @@
+<template>
+  <box-content>
+    <div class="title">
+      {{ TITLE }}
+    </div>
+    <el-form :inline="true" size="mini" class="base-search-form">
+      <el-form-item
+        :label="$t('trials:trialDocument:temp:form:isEnable')"
+        v-if="isManage && hasEdit && !viewStatus"
+      >
+        <el-radio-group
+          v-model="rowData.IsEnable"
+          :disabled="rowBtnStatus === 'edit'"
+        >
+          <el-radio
+            :label="item.value"
+            v-for="item in $d.YesOrNo"
+            :key="item.id"
+            >{{ item.label }}
+          </el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item v-if="isManage && hasEdit && !viewStatus">
+        <el-button
+          type="primary"
+          size="mini"
+          @click="rowBtnStatus = 'save'"
+          v-if="rowBtnStatus === 'edit'"
+        >
+          {{ $t('common:button:edit') }}
+        </el-button>
+        <el-button
+          type="primary"
+          size="mini"
+          :loading="rowBtnLoading"
+          @click="saveRowData"
+          v-if="rowBtnStatus === 'save'"
+        >
+          {{ $t('common:button:save') }}
+        </el-button>
+      </el-form-item>
+    </el-form>
+    <!-- 搜索框 -->
+    <div class="search" style="position: relative">
+      <el-form :inline="true" size="mini" class="base-search-form">
+        <el-form-item :label="$t('trials:trialDocument:temp:search:name')">
+          <el-input
+            v-model="searchData.FileName"
+            style="width: 100px"
+            clearable
+          />
+        </el-form-item>
+        <el-form-item
+          :label="$t('trials:trialDocument:temp:search:isAuthorizedView')"
+          v-if="isManage && !viewStatus"
+        >
+          <el-select
+            v-if="!viewStatus"
+            v-model="searchData.IsAuthorizedView"
+            style="width: 100px"
+            placeholder=""
+            clearable
+          >
+            <el-option
+              v-for="item in $d.YesOrNo"
+              :key="item.id"
+              :label="item.label"
+              :value="item.value"
+            >
+            </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-form-item>
+        <el-form-item v-if="isManage && !viewStatus">
+          <el-button
+            type="primary"
+            :disabled="selectTable.length <= 0"
+            size="mini"
+            v-if="hasAccredit && isManage && !viewStatus"
+            @click.stop="auth"
+          >
+            {{ $t('trials:trialDocument:temp:button:accredit') }}
+          </el-button>
+          <el-button
+            type="primary"
+            size="mini"
+            v-if="hasEdit && isManage && !viewStatus"
+            @click.stop="openFile(false)"
+          >
+            {{ $t('trials:trialDocument:temp:button:uploadFile') }}
+          </el-button>
+          <el-button
+            type="primary"
+            size="mini"
+            v-if="hasEdit && isManage && !viewStatus"
+            @click.stop="openFile(true)"
+          >
+            {{ $t('trials:trialDocument:temp:button:uploadFolder') }}
+          </el-button>
+          <el-button
+            type="primary"
+            icon="el-icon-bottom"
+            size="mini"
+            :disabled="selectTable.length <= 0"
+            v-if="hasDownLoad && isManage && !viewStatus"
+            @click.stop="downLoad"
+          >
+            {{ $t('trials:trialDocument:temp:button:downLoad') }}
+          </el-button>
+          <el-button
+            type="primary"
+            size="mini"
+            v-if="hasDel && isManage && !viewStatus"
+            :disabled="selectTable.length <= 0"
+            @click.stop="delList"
+          >
+            {{ $t('trials:trialDocument:temp:button:del') }}
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <el-table
+      v-loading="loading"
+      v-adaptive="{ bottomOffset: 75 }"
+      :data="list"
+      stripe
+      height="100"
+      style="width: 100%"
+      @sort-change="handleSortByColumn"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column
+        type="selection"
+        width="55"
+        v-if="isManage && !viewStatus"
+      />
+      <el-table-column type="index" v-else />
+      <!--名称-->
+      <el-table-column
+        prop="FileName"
+        :label="$t('trials:trialDocument:temp:table:name')"
+        show-overflow-tooltip
+        sortable="custom"
+      >
+        <template slot-scope="scope">
+          <div
+            v-if="
+              scope.row.TrialFileRecord &&
+              scope.row.TrialFileRecord.TrialFileTypeId
+            "
+          >
+            <span class="fileName">{{
+              scope.row.TrialFileRecord.FileName
+            }}</span>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="fileType"
+        :label="$t('trials:trialDocument:temp:table:fileType')"
+        show-overflow-tooltip
+      >
+        <template slot-scope="scope">
+          <span v-if="scope.row.TrialFileRecord">{{
+            scope.row.TrialFileRecord.FileFormat
+          }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="fileType"
+        :label="$t('trials:trialDocument:temp:table:fileSize')"
+        show-overflow-tooltip
+      >
+        <template slot-scope="scope">
+          <span v-if="scope.row.TrialFileRecord">{{
+            scope.row.TrialFileRecord.FileSize
+              ? fileSizeFormatter(scope.row.TrialFileRecord.FileSize)
+              : ''
+          }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="State"
+        :label="$t('trials:trialDocument:temp:table:State')"
+        show-overflow-tooltip
+        sortable="custom"
+        v-if="isManage && !viewStatus"
+      >
+        <template slot-scope="scope">
+          <el-switch
+            v-if="isManage && !viewStatus && hasEdit"
+            v-model="scope.row.State"
+            @change="(val) => auth(false, scope.row, val)"
+            :active-value="1"
+            :inactive-value="0"
+            :active-text="$fd('YesOrNo', true)"
+            :inactive-text="$fd('YesOrNo', false)"
+          >
+          </el-switch>
+          <span v-else>{{ $fd('IsUserEnable', scope.row.State) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="IsAuthorizedView"
+        :label="$t('trials:trialDocument:temp:table:isAuthorizedView')"
+        show-overflow-tooltip
+        sortable="custom"
+        v-if="isManage && !viewStatus"
+      >
+        <template slot-scope="scope">
+          <el-switch
+            v-if="isManage && !viewStatus && hasEdit"
+            v-model="scope.row.IsAuthorizedView"
+            @change="(val) => auth(false, scope.row, val)"
+            :active-value="true"
+            :inactive-value="false"
+            :active-text="$fd('YesOrNo', true)"
+            :inactive-text="$fd('YesOrNo', false)"
+          >
+          </el-switch>
+          <span v-else>{{ $fd('YesOrNo', scope.row.IsAuthorizedView) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="UpdateTime"
+        :label="$t('trials:trialDocument:temp:table:updateTime')"
+        show-overflow-tooltip
+        sortable="custom"
+      />
+      <el-table-column
+        prop="CreateTime"
+        :label="$t('trials:trialDocument:temp:table:createTime')"
+        show-overflow-tooltip
+        sortable="custom"
+      />
+      <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)"
+          />
+          <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')"
+          />
+          <el-button
+            v-if="hasDel && isManage && !viewStatus"
+            icon="el-icon-delete"
+            :title="$t('trials:trialDocument:temp:button:delete')"
+            size="mini"
+            circle
+            @click.stop="handleDel(scope.row)"
+          />
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 分页组件 -->
+    <pagination
+      class="page"
+      :total="total"
+      :page.sync="searchData.PageIndex"
+      :limit.sync="searchData.PageSize"
+      @pagination="getList"
+    />
+    <upload-files
+      :config="config"
+      :faccept="faccept"
+      :uploadPath="uploadPath"
+      :limitLength="limitLength"
+      v-if="config.visible"
+      @close="close"
+      @uplaodFile="uplaodFile"
+    />
+  </box-content>
+</template>
+    <script>
+import {
+  addOrUpdateTrialFileType,
+  getTrialNormalRecordList,
+  deleteTrialNormalRecord,
+  authorizedTTrialNormalRecord,
+  addOrUpdateTrialNormalRecord,
+  batchAddTrialNormalRecord,
+  deleteTrialNormalRecordList,
+} from '@/api/dictionary'
+import { downLoadFile } from '@/utils/stream.js'
+import { deepClone } from '@/utils/index.js'
+import Pagination from '@/components/Pagination'
+import BoxContent from '@/components/BoxContent'
+import uploadFiles from '../uploadFiles.vue'
+const searchDataDefault = () => {
+  return {
+    IsAuthorizedView: null,
+    FileName: null,
+    PageIndex: 1,
+    PageSize: 20,
+    Asc: false,
+    SortField: 'FileName',
+  }
+}
+export default {
+  name: 'temp',
+  components: { BoxContent, Pagination, uploadFiles },
+  props: {
+    viewStatus: {
+      type: Boolean,
+      default: true,
+    },
+    ArchiveTypeEnum: {
+      type: Number,
+      default: 0,
+    },
+    Id: {
+      type: String,
+      default: '',
+    },
+    rowData: {
+      type: Object,
+      default: () => {
+        return {}
+      },
+    },
+  },
+  data() {
+    return {
+      rowBtnStatus: 'edit', // edit 编辑 save 保存
+      rowBtnLoading: false,
+      searchData: searchDataDefault(),
+      loading: false,
+      list: [],
+      total: 0,
+      selectTable: [],
+      config: {
+        visible: false,
+        showClose: true,
+        width: '800px',
+        title: '',
+        appendToBody: false,
+        isFolder: false,
+      },
+      selectData: {},
+      selectKey: null,
+      uploadPath: null,
+      faccept: ['.pdf'],
+      limitLength: 0,
+    }
+  },
+  methods: {
+    // 新增列表数据
+    async uplaodFile(list) {
+      console.log(list, 'list')
+      try {
+        if (!list || list.length <= 0) return false
+        if (this.selectKey) {
+          this.selectData[`${this.selectKey}FileRecord`] = list[0]
+          this.loading = true
+          let res = await addOrUpdateTrialNormalRecord(this.selectData)
+          this.loading = false
+          if (res.IsSuccess) {
+            this.getList()
+          }
+          return false
+        }
+        let arr = []
+        list.forEach((item) => {
+          let obj = {
+            TrialId: this.$route.query.trialId,
+            TrialFileTypeId: this.Id,
+            IsAuthorizedView: true,
+            State: 1,
+            TrialFileRecord: item,
+            HistoryFileRecord: null,
+          }
+          arr.push(obj)
+        })
+        this.loading = true
+        let res = await batchAddTrialNormalRecord({
+          TrialNormalRecordList: arr,
+        })
+        this.loading = false
+        if (res.IsSuccess) {
+          this.getList()
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+    // 删除文件
+    async delFile(row, key) {
+      try {
+        let confirm = await this.$confirm(
+          this.$t('trials:trialDocument:temp:message:deleteFile'),
+          {
+            type: 'warning',
+            distinguishCancelAndClose: true,
+          }
+        )
+        if (confirm !== 'confirm') return false
+        let data = deepClone(row)
+        data[`${key}FileRecord`] = null
+        this.loading = true
+        let res = await addOrUpdateTrialNormalRecord(data)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.$message.success(this.$t('common:message:deletedSuccessfully'))
+          this.getList()
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+    // 下载
+    async downLoad(isArray = true, row, type = 'zip') {
+      try {
+        if (type === 'file') {
+          return await downLoadFile(
+            this.OSSclientConfig.basePath + row.FilePath,
+            row.FileName
+          )
+        }
+        let { files, name } = this.formatDownloadFile(isArray, row)
+        let res = await downLoadFile(files, name, type)
+        // if (res && this.downloadId) {
+        //   this.downloadImageSuccess()
+        // }
+      } catch (err) {
+        console.log(err)
+      }
+    },
+    // 格式化下载文件路径
+    formatDownloadFile(isArray = true, row) {
+      let files = [],
+        name = `${this.TITLE}_${new Date().getTime()}.zip`,
+        arr = ['Trial']
+      if (!isArray) {
+        name = `${row.Name}_${row.Version}_${new Date().getTime()}.zip`
+        arr.forEach((key) => {
+          if (row[`${key}FileRecord`] && row[`${key}FileRecord`].FilePath) {
+            let obj = {
+              name: `${row[`${key}FileRecord`].FileName.substring(
+                0,
+                row[`${key}FileRecord`].FileName.lastIndexOf('.')
+              )}__${row.Version}${row[`${key}FileRecord`].FileName.substring(
+                row[`${key}FileRecord`].FileName.lastIndexOf('.')
+              ).toLocaleLowerCase()}`,
+              url:
+                this.OSSclientConfig.basePath +
+                row[`${key}FileRecord`].FilePath,
+            }
+            files.push(obj)
+          }
+        })
+      } else {
+        this.selectTable.forEach((item) => {
+          arr.forEach((key) => {
+            if (item[`${key}FileRecord`] && item[`${key}FileRecord`].FilePath) {
+              let obj = {
+                name: `${item[`${key}FileRecord`].FileName.substring(
+                  0,
+                  item[`${key}FileRecord`].FileName.lastIndexOf('.')
+                )}__${new Date().getTime()}${item[
+                  `${key}FileRecord`
+                ].FileName.substring(
+                  item[`${key}FileRecord`].FileName.lastIndexOf('.')
+                ).toLocaleLowerCase()}`,
+                url:
+                  this.OSSclientConfig.basePath +
+                  item[`${key}FileRecord`].FilePath,
+              }
+              files.push(obj)
+            }
+          })
+        })
+      }
+      return { files, name }
+    },
+    // 授权
+    async auth(isArray = true, row, IsAuthorizedView) {
+      try {
+        let data = {}
+        if (isArray) {
+          data = {
+            Ids: this.selectTable.map((item) => item.Id),
+            IsAuthorizedView: true,
+          }
+        } else {
+          data = {
+            Ids: [row.Id],
+            IsAuthorizedView,
+          }
+        }
+        this.loading = true
+        let res = await authorizedTTrialNormalRecord(data)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.$t('trials:trialDocument:temp:message:authSuccessfully')
+          if (isArray) {
+            this.getList()
+          }
+        }
+      } catch (err) {
+        this.loading = false
+        if (!isArray) {
+          row.IsAuthorizedView = !row.IsAuthorizedView
+        }
+        console.log(err)
+      }
+    },
+    // 删除列表数据
+    handleDel(row) {
+      this.$confirm(
+        this.$t('trials:trialDocument:temp:message:deleteMessage'),
+        {
+          type: 'warning',
+          distinguishCancelAndClose: true,
+        }
+      )
+        .then(() => {
+          this.loading = true
+          deleteTrialNormalRecord(row.Id)
+            .then((res) => {
+              this.loading = false
+              if (res.IsSuccess) {
+                this.getList()
+                this.$message.success(
+                  this.$t('common:message:deletedSuccessfully')
+                )
+              }
+            })
+            .catch((err) => {
+              this.loading = false
+              console.log(err)
+            })
+        })
+        .catch((err) => {
+          this.loading = false
+          console.log(err)
+        })
+    },
+    // 批量删除列表数据
+    delList() {
+      this.$confirm(
+        this.$t('trials:trialDocument:temp:message:deleteMessage'),
+        {
+          type: 'warning',
+          distinguishCancelAndClose: true,
+        }
+      )
+        .then(() => {
+          let data = {
+            Ids: this.selectTable.map((item) => item.Id),
+          }
+          this.loading = true
+          deleteTrialNormalRecordList(data)
+            .then((res) => {
+              this.loading = false
+              if (res.IsSuccess) {
+                this.getList()
+                this.$message.success(
+                  this.$t('common:message:deletedSuccessfully')
+                )
+              }
+            })
+            .catch((err) => {
+              this.loading = false
+              console.log(err)
+            })
+        })
+        .catch((err) => {
+          this.loading = false
+          console.log(err)
+        })
+    },
+    async getList() {
+      try {
+        if (!this.Id) return false
+        if (this.viewStatus) {
+          this.searchData.IsAuthorizedView = true
+        }
+        this.searchData.TrialFileTypeId = this.Id
+        this.searchData.TrialId = this.$route.query.trialId
+        this.loading = true
+        let res = await getTrialNormalRecordList(this.searchData)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+    // 查询
+    handleSearch() {
+      this.searchData.PageIndex = 1
+      this.getList()
+    },
+    // 重置
+    handleReset() {
+      this.searchData = searchDataDefault()
+      this.getList()
+    },
+    // 排序
+    handleSortByColumn(column) {
+      if (column.order === 'ascending') {
+        this.searchData.Asc = true
+      } else {
+        this.searchData.Asc = false
+      }
+      this.searchData.SortField = column.prop
+      this.searchData.PageIndex = 1
+      this.getList()
+    },
+    handleSelectionChange(val) {
+      this.selectTable = val
+    },
+    // 保存菜单数据
+    async saveRowData() {
+      try {
+        this.rowBtnLoading = true
+        let res = await addOrUpdateTrialFileType(this.rowData)
+        this.rowBtnLoading = false
+        if (res.IsSuccess) {
+          this.rowBtnStatus = 'edit'
+          this.$emit('getMenu')
+          this.$message.success(this.$t('common:message:savedSuccessfully'))
+        }
+      } catch (err) {
+        console.log(err)
+        this.rowBtnLoading = false
+      }
+    },
+    // 预览
+    preview(row) {
+      if (!row.FilePath) return false
+      this.$preview({
+        path: row.FilePath || row.fullPath,
+        type: 'pdf',
+        title: row.FileName,
+      })
+    },
+    close() {
+      this.config.visible = false
+      // this.selectData = {}
+      // this.selectKey = null
+      this.faccept = ['.pdf']
+      this.limitLength = 0
+    },
+    fileSizeFormatter(size) {
+      if (!size) return
+      return (size / Math.pow(1024, 2)).toFixed(3) + 'M'
+    },
+    openFile(isFolder = false) {
+      this.selectData = {}
+      this.selectKey = null
+      this.faccept = [
+        '.jpg',
+        '.jpeg',
+        '.png',
+        '.pdf',
+        '.zip',
+        '.doc',
+        '.docx',
+        '.xls',
+        '.xlsx',
+      ]
+      this.limitLength = 0
+      this.config.title = this.$t(
+        'trials:trialDocument:temp:form:title:uploadFile'
+      )
+      this.config.visible = true
+      this.config.isFolder = isFolder
+    },
+  },
+  watch: {
+    Id: {
+      handler() {
+        this.getList()
+      },
+      immediate: true,
+    },
+  },
+  created() {
+    let typeArr = ['', 'Report', 'Doc', 'Record', 'Reviewer', 'Template']
+    let types = typeArr[this.ArchiveTypeEnum]
+    this.uploadPath = `/${this.$route.query.trialId}/Document/${types}`
+    console.log(this.uploadPath, this.ArchiveTypeEnum)
+  },
+  computed: {
+    isEN() {
+      return this.$i18n.locale !== 'zh'
+    },
+    isInspect() {
+      return this.hasPermi([
+        'trials:trials-panel:trial-summary:trial-document:inspect',
+      ])
+    },
+    isManage() {
+      return this.hasPermi([
+        'trials:trials-panel:trial-summary:trial-document:manage',
+      ])
+    },
+    hasAdd() {
+      return this.hasPermi([
+        'trials:trials-panel:trial-summary:trial-document:add',
+      ])
+    },
+    hasEdit() {
+      return this.hasPermi([
+        'trials:trials-panel:trial-summary:trial-document:edit',
+      ])
+    },
+    hasDel() {
+      return this.hasPermi([
+        'trials:trials-panel:trial-summary:trial-document:del',
+      ])
+    },
+    hasDownLoad() {
+      return this.hasPermi([
+        'trials:trials-panel:trial-summary:trial-document:downLoad',
+      ])
+    },
+    hasAccredit() {
+      return this.hasPermi([
+        'trials:trials-panel:trial-summary:trial-document:accredit',
+      ])
+    },
+    TITLE() {
+      return `${this.$fd('ArchiveType', this.ArchiveTypeEnum)} — ${
+        this.isEN ? this.rowData.Name : this.rowData.NameCN
+      }`
+    },
+  },
+}
+</script>
+    <style lang="scss" scoped>
+.title {
+  line-height: 40px;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+.fileName {
+  display: inline-block;
+  max-width: 100%;
+  white-space: nowrap; /* 文本不换行 */
+  overflow: hidden; /* 超出部分隐藏 */
+  text-overflow: ellipsis;
+}
+.fileBtnBox {
+  display: inline-block;
+  width: 50px;
+  i {
+    cursor: pointer;
+    color: #409eff;
+    margin-right: 3px;
+    &:last-child {
+      margin: 0;
+    }
+  }
+}
+</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 da08ad82..a2727fd9 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
@@ -193,7 +193,12 @@
       @sort-change="handleSortByColumn"
       @selection-change="handleSelectionChange"
     >
-      <el-table-column type="selection" width="55" />
+      <el-table-column
+        type="selection"
+        width="55"
+        v-if="isManage && !viewStatus"
+      />
+      <el-table-column type="index" v-else />
 
       <el-table-column
         prop="TrianingDate"
@@ -356,11 +361,7 @@
         show-overflow-tooltip
         sortable="custom"
       />
-      <el-table-column
-        :label="$t('common:action:action')"
-        width="200"
-        fixed="right"
-      >
+      <el-table-column :label="$t('common:action:action')" width="200">
         <template slot-scope="scope">
           <el-button
             icon="el-icon-view"
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 fdc254e5..89afb3c3 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
@@ -59,6 +59,14 @@
         :rowData="rowData"
         @getMenu="getMenu"
       />
+      <temp
+        v-if="[6].includes(SubIdentificationEnum)"
+        :viewStatus="viewStatus"
+        :Id="Id"
+        :ArchiveTypeEnum="ArchiveTypeEnum"
+        :rowData="rowData"
+        @getMenu="getMenu"
+      />
     </div>
   </div>
 </template>
@@ -68,9 +76,10 @@ import Menu from './components/menu.vue'
 import reportDoc from './components/report_doc/index.vue'
 import fileRecord from './components/fileRecord/index.vue'
 import trainRecord from './components/trainRecord/index.vue'
+import temp from './components/template/index.vue'
 export default {
   name: 'trialDocument',
-  components: { BaseContainer, Menu, reportDoc, fileRecord, trainRecord },
+  components: { BaseContainer, Menu, reportDoc, fileRecord, trainRecord, temp },
   data() {
     return {
       viewStatus: false,