Merge branch 'main' of https://gitea.frp.extimaging.com/XCKJ/irc_web into main

src/api/dictionary.js

@@ -1155,3 +1155,50 @@ export function deleteTrialFinalRecord(id) {
     method: 'delete',
   })
 }
+// 项目文档-一般文件记录列表
+export function getTrialNormalRecordList(data) {
+  return request({
+    url: `/TrialNormalRecord/getTrialNormalRecordList`,
+    method: 'post',
+    data
+  })
+}
+// 项目文档-一般文件记录授权
+export function authorizedTTrialNormalRecord(data) {
+  return request({
+    url: `/TrialNormalRecord/authorizedTTrialNormalRecord`,
+    method: 'post',
+    data
+  })
+}
+// 项目文档-一般文件记录批量新增
+export function batchAddTrialNormalRecord(data) {
+  return request({
+    url: `/TrialNormalRecord/batchAddTrialNormalRecord`,
+    method: 'post',
+    data
+  })
+}
+// 项目文档-一般文件记录新增/修改
+export function addOrUpdateTrialNormalRecord(data) {
+  return request({
+    url: `/TrialNormalRecord/addOrUpdateTrialNormalRecord`,
+    method: 'post',
+    data
+  })
+}
+// 项目文档-删除一般文件记录
+export function deleteTrialNormalRecord(id) {
+  return request({
+    url: `/TrialNormalRecord/deleteTrialNormalRecord/${id}`,
+    method: 'delete',
+  })
+}
+// 项目文档-批量删除一般文件记录
+export function deleteTrialNormalRecordList(data) {
+  return request({
+    url: `/TrialNormalRecord/deleteTrialNormalRecordList`,
+    method: 'post',
+    data
+  })
+}

src/utils/oss.js

@@ -41,7 +41,13 @@ async function ossGenerateSTS() {
               let _vm = router.default.app
               if (_vm._route.path !== '/trials/trials-panel/visit/crc-upload') {
                 var objectItem = objectName.split('/')
-                objectItem[objectItem.length - 1] = new Date().getTime() + '_' + objectItem[objectItem.length - 1]
+                // objectItem[objectItem.length - 1] = new Date().getTime() + '_' + objectItem[objectItem.length - 1]
+                objectItem[objectItem.length - 1] = `${objectItem[objectItem.length - 1].substring(
+                  0,
+                  objectItem[objectItem.length - 1].lastIndexOf('.')
+                )}__${new Date().getTime()}${objectItem[objectItem.length - 1].substring(
+                  objectItem[objectItem.length - 1].lastIndexOf('.')
+                ).toLocaleLowerCase()}`
                 objectName = objectItem.join('/')
               }
               let res = await OSSclient.put(objectName, object)
@@ -78,7 +84,13 @@ async function ossGenerateSTS() {
               let _vm = router.default.app
               if (_vm._route.path !== '/trials/trials-panel/visit/crc-upload') {
                 var objectItem = data.path.split('/')
-                objectItem[objectItem.length - 1] = new Date().getTime() + '_' + objectItem[objectItem.length - 1]
+                // objectItem[objectItem.length - 1] = new Date().getTime() + '_' + objectItem[objectItem.length - 1]
+                objectItem[objectItem.length - 1] = `${objectItem[objectItem.length - 1].substring(
+                  0,
+                  objectItem[objectItem.length - 1].lastIndexOf('.')
+                )}__${new Date().getTime()}${objectItem[objectItem.length - 1].substring(
+                  objectItem[objectItem.length - 1].lastIndexOf('.')
+                ).toLocaleLowerCase()}`
                 data.path = objectItem.join('/')
               }
               let res = await customerHttp(OSSclient, data, progress);
@@ -185,7 +197,13 @@ function uploadAWS(aws, data, progress) {
       let _vm = router.default.app
       if (_vm._route.path !== '/trials/trials-panel/visit/crc-upload') {
         var objectItem = data.path.split('/')
-        objectItem[objectItem.length - 1] = new Date().getTime() + '_' + objectItem[objectItem.length - 1]
+        // objectItem[objectItem.length - 1] = new Date().getTime() + '_' + objectItem[objectItem.length - 1]
+        objectItem[objectItem.length - 1] = `${objectItem[objectItem.length - 1].substring(
+          0,
+          objectItem[objectItem.length - 1].lastIndexOf('.')
+        )}__${new Date().getTime()}${objectItem[objectItem.length - 1].substring(
+          objectItem[objectItem.length - 1].lastIndexOf('.')
+        ).toLocaleLowerCase()}`
         data.path = objectItem.join('/')
       }
       let bucketName = data.path.split("/")[1] || Vue.prototype.OSSclientConfig.bucket

src/utils/stream.js

@@ -58,7 +58,7 @@ async function updateFile(file, name) {
         try {
             store.dispatch('trials/setUnLock', true)
             const fileOutputStream = streamSaver.createWriteStream(name);
-            file = decodeUtf8(file);
+            // file = decodeUtf8(file);
             let res = await fetch(file);
             res.body.pipeTo(fileOutputStream).then(() => {
                 store.dispatch('trials/setUnLock', true)

src/views/trials/trials-panel/trial-summary/trial-document/components/fileRecord/index.vue

@@ -0,0 +1,850 @@
+<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:fileRecord:form:isConfirmRecord')"
+        v-if="isManage && hasEdit && !viewStatus"
+      >
+        <el-radio-group
+          v-model="rowData.IsConfirmRecord"
+          :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
+        :label="$t('trials:trialDocument:fileRecord: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:fileRecord:search:name')"
+        >
+          <el-input
+            v-model="searchData.FileName"
+            style="width: 100px"
+            clearable
+          />
+        </el-form-item>
+        <el-form-item
+          :label="$t('trials:trialDocument:fileRecord:search:isAuthorizedView')"
+          v-if="isManage && !viewStatus"
+        >
+          <el-select
+            v-if="!viewStatus"
+            v-model="searchData.IsAuthorizedView"
+            style="width: 100px"
+            placeholder=""
+          >
+            <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>
+      <div
+        v-if="isManage && !viewStatus"
+        style="position: absolute; top: 0; right: 0"
+      >
+        <el-button
+          type="primary"
+          :disabled="selectTable.length <= 0"
+          size="mini"
+          v-if="hasAccredit"
+          @click.stop="auth"
+        >
+          {{ $t('trials:trialDocument:fileRecord:button:accredit') }}
+        </el-button>
+        <el-button
+          type="primary"
+          size="mini"
+          v-if="hasEdit"
+          @click.stop="openFile(false)"
+        >
+          {{ $t('trials:trialDocument:fileRecord:button:uploadFile') }}
+        </el-button>
+        <el-button
+          type="primary"
+          size="mini"
+          v-if="hasEdit"
+          @click.stop="openFile(true)"
+        >
+          {{ $t('trials:trialDocument:fileRecord:button:uploadFolder') }}
+        </el-button>
+        <el-button
+          type="primary"
+          icon="el-icon-bottom"
+          size="mini"
+          :disabled="selectTable.length <= 0"
+          v-if="hasDownLoad"
+          @click.stop="downLoad"
+        >
+          {{ $t('trials:trialDocument:fileRecord:button:downLoad') }}
+        </el-button>
+        <el-button
+          type="primary"
+          size="mini"
+          v-if="hasDel"
+          :disabled="selectTable.length <= 0"
+          @click.stop="delList"
+        >
+          {{ $t('trials:trialDocument:fileRecord:button:del') }}
+        </el-button>
+      </div>
+    </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" />
+
+      <!--名称-->
+      <el-table-column
+        prop="FileName"
+        :label="$t('trials:trialDocument:fileRecord:table:name')"
+        show-overflow-tooltip
+        sortable="custom"
+      >
+        <template slot-scope="scope">
+          <div
+            v-if="
+              scope.row.TrialFileRecord &&
+              scope.row.TrialFileRecord.TrialFileTypeId
+            "
+            style="display: flex; align-items: center"
+          >
+            <span class="fileName">{{
+              scope.row.TrialFileRecord.FileName
+            }}</span>
+            <div v-if="isManage && !viewStatus" class="fileBtnBox">
+              <i
+                class="el-icon-view"
+                @click.stop="preview(scope.row.TrialFileRecord)"
+              />
+              <i
+                class="el-icon-download"
+                v-if="hasDownLoad"
+                @click.stop="downLoad(false, scope.row.TrialFileRecord, 'file')"
+              />
+              <i
+                class="el-icon-delete"
+                v-if="hasDel"
+                @click.stop="delFile(scope.row, 'Trial')"
+              />
+            </div>
+          </div>
+          <i
+            v-else-if="isManage && !viewStatus && hasEdit"
+            class="el-icon-upload2"
+            style="cursor: pointer; color: #409eff"
+            @click.stop="upload(scope.row, 'Trial', ['.pdf'])"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="fileType"
+        :label="$t('trials:trialDocument:fileRecord: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:fileRecord: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="HistoryFileRecord"
+        :label="$t('trials:trialDocument:fileRecord:table:historyFileRecord')"
+        show-overflow-tooltip
+        sortable="custom"
+        v-if="isManage && !viewStatus"
+      >
+        <template slot-scope="scope">
+          <div
+            v-if="
+              scope.row.HistoryFileRecord &&
+              scope.row.HistoryFileRecord.TrialFileTypeId
+            "
+            style="display: flex; align-items: center"
+          >
+            <span class="fileName">{{
+              scope.row.HistoryFileRecord.FileName
+            }}</span>
+            <div v-if="isManage && !viewStatus" class="fileBtnBox">
+              <i
+                class="el-icon-download"
+                v-if="hasDownLoad"
+                @click.stop="
+                  downLoad(false, scope.row.HistoryFileRecord, 'file')
+                "
+              />
+              <i
+                class="el-icon-delete"
+                v-if="hasDel"
+                @click.stop="delFile(scope.row, 'History')"
+              />
+            </div>
+          </div>
+          <i
+            v-else-if="isManage && !viewStatus"
+            class="el-icon-upload2"
+            style="cursor: pointer; color: #409eff"
+            @click.stop="upload(scope.row, 'History', ['.zip'])"
+          />
+        </template>
+      </el-table-column>
+
+      <el-table-column
+        prop="IsAuthorizedView"
+        :label="$t('trials:trialDocument:fileRecord: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:fileRecord:table:updateTime')"
+        show-overflow-tooltip
+        sortable="custom"
+      />
+      <el-table-column
+        prop="CreateTime"
+        :label="$t('trials:trialDocument:fileRecord:table:createTime')"
+        show-overflow-tooltip
+        sortable="custom"
+      />
+      <el-table-column
+        :label="$t('common:action:action')"
+        width="200"
+        fixed="right"
+      >
+        <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
+            "
+            @click.stop="preview(scope.row.TrialFileRecord)"
+          />
+          <el-button
+            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')"
+          />
+          <el-button
+            v-if="hasDel && isManage && !viewStatus"
+            icon="el-icon-delete"
+            :title="$t('trials:trialDocument:fileRecord: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: 'fileRecord',
+  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,
+            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)
+      }
+    },
+    // 上传单个文件
+    upload(row, key, faccept = []) {
+      this.faccept = faccept
+      this.selectData = deepClone(row)
+      this.config.title = this.$t(
+        'trials:trialDocument:fileRecord:form:title:uploadFile'
+      )
+      this.limitLength = 1
+      this.selectKey = key
+      this.config.visible = true
+      this.config.isFolder = false
+    },
+    // 删除文件
+    async delFile(row, key) {
+      try {
+        let confirm = await this.$confirm(
+          this.$t('trials:trialDocument:fileRecord: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', 'History']
+      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:fileRecord: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:fileRecord: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:fileRecord: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
+        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 = ['.pdf']
+      this.limitLength = 0
+      this.config.title = this.$t(
+        'trials:trialDocument:fileRecord: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: calc(100% - 60px);
+  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>

src/views/trials/trials-panel/trial-summary/trial-document/components/report_doc/form.vue

@@ -168,7 +168,6 @@
   <script>
 import baseModel from '@/components/BaseModel'
 import { addOrUpdateTrialFinalRecord } from '@/api/dictionary'
-import { config } from 'process'
 export default {
   props: {
     config: {
@@ -360,7 +359,8 @@ export default {
         ).catch()
       this.loading = true
       var file = await this.fileToBlob(param.file)
-      let types = this.ArchiveTypeEnum === 1 ? 'Report' : 'Doc'
+      let typeArr = ['', 'Report', 'Doc', 'Record', 'Reviewer', 'Template']
+      let types = typeArr[this.ArchiveTypeEnum]
       let fileNameNoType = param.file.name
         .substring(0, param.file.name.lastIndexOf('.'))
         .toLocaleLowerCase()

src/views/trials/trials-panel/trial-summary/trial-document/components/report_doc/index.vue

@@ -86,6 +86,7 @@
         </el-form-item>
         <el-form-item
           :label="$t('trials:trialDocument:reportDoc:search:isAuthorizedView')"
+          v-if="isManage && !viewStatus"
         >
           <el-select
             v-if="!viewStatus"
@@ -206,7 +207,7 @@
             </div>
           </div>
           <i
-            v-else-if="isManage && !viewStatus"
+            v-else-if="isManage && !viewStatus && hasEdit"
             class="el-icon-upload2"
             style="cursor: pointer; color: #409eff"
             @click.stop="upload(scope.row, 'PDF')"
@@ -246,7 +247,7 @@
             </div>
           </div>
           <i
-            v-else-if="isManage && !viewStatus"
+            v-else-if="isManage && !viewStatus && hasEdit"
             class="el-icon-upload2"
             style="cursor: pointer; color: #409eff"
             @click.stop="upload(scope.row, 'Word')"
@@ -290,7 +291,7 @@
             </div>
           </div>
           <i
-            v-else-if="isManage && !viewStatus"
+            v-else-if="isManage && !viewStatus && hasEdit"
             class="el-icon-upload2"
             style="cursor: pointer; color: #409eff"
             @click.stop="upload(scope.row, 'Sign')"
@@ -332,7 +333,7 @@
             </div>
           </div>
           <i
-            v-else-if="isManage && !viewStatus"
+            v-else-if="isManage && !viewStatus && hasEdit"
             class="el-icon-upload2"
             style="cursor: pointer; color: #409eff"
             @click.stop="upload(scope.row, 'History')"
@@ -496,7 +497,7 @@ export default {
         showClose: true,
         width: '600px',
         title: '',
-        appendToBody: true,
+        appendToBody: false,
         status: 'add',
         upload: null,
       },
@@ -675,14 +676,20 @@ export default {
       )
         .then(() => {
           this.loading = true
-          deleteTrialFinalRecord(row.Id).then((res) => {
+          deleteTrialFinalRecord(row.Id)
+            .then((res) => {
+              this.loading = false
               if (res.IsSuccess) {
-              this.getMenu()
+                this.getList()
                 this.$message.success(
                   this.$t('common:message:deletedSuccessfully')
                 )
               }
             })
+            .catch((err) => {
+              this.loading = false
+              console.log(err)
+            })
         })
         .catch((err) => {
           this.loading = false
@@ -822,7 +829,7 @@ export default {
 }
 .fileName {
   display: inline-block;
-  max-width: calc(100% - 55px);
+  max-width: calc(100% - 60px);
   white-space: nowrap; /* 文本不换行 */
   overflow: hidden; /* 超出部分隐藏 */
   text-overflow: ellipsis;
@@ -833,6 +840,10 @@ export default {
   i {
     cursor: pointer;
     color: #409eff;
+    margin-right: 3px;
+    &:last-child {
+      margin: 0;
+    }
   }
 }
 </style>

src/views/trials/trials-panel/trial-summary/trial-document/components/uploadFiles.vue

@@ -0,0 +1,502 @@
+<template>
+  <base-model :config="config">
+    <div slot="dialog-body">
+      <!-- 多文件上传 -->
+      <form id="inputForm" ref="uploadForm">
+        <el-divider content-position="left">{{
+          $t('trials:trialDocument:label:fileType').replace(
+            'xxx',
+            faccept.join('/')
+          )
+        }}</el-divider>
+        <div class="form-group">
+          <div
+            class="upload"
+            style="margin-right: 10px"
+            :disabled="limitLength"
+          >
+            <input
+              multiple="multiple"
+              webkitdirectory=""
+              directory
+              accept="*/*"
+              type="file"
+              name="uploadFolder"
+              class="select-file"
+              title=""
+              @change="beginScanFiles($event)"
+              v-if="!loading && (!limitLength || fileList.length < limitLength)"
+            />
+            <div class="btn-select">
+              {{ $t('trials:trialDocument:button:selectFolder') }}
+            </div>
+          </div>
+          <div class="upload">
+            <input
+              class="select-file"
+              multiple=""
+              :accept="faccept.join(',')"
+              type="file"
+              name="uploadFile"
+              title=""
+              @change="beginScanFiles($event)"
+              v-if="!loading && (!limitLength || fileList.length < limitLength)"
+            />
+            <div class="btn-select">
+              {{ $t('trials:trialDocument:button:select') }}
+            </div>
+          </div>
+        </div>
+      </form>
+      <!-- 文件列表 -->
+      <el-table
+        ref="filesTable"
+        :data="fileList"
+        class="dicomFiles-table"
+        height="300"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column
+          type="selection"
+          width="55"
+          :selectable="(row, index) => row.status !== 2 && !loading"
+        />
+        <el-table-column type="index" width="50" />
+        <!-- 文件名称 -->
+        <el-table-column
+          prop="name"
+          :label="$t('trials:trialDocument:table:fileName')"
+          min-width="100"
+        />
+        <!-- 文件大小 -->
+        <el-table-column
+          prop="size"
+          :label="$t('trials:trialDocument:table:fileSize')"
+        >
+          <template slot-scope="scope">
+            <span>{{
+              scope.row.size && scope.row.size > 0
+                ? `${(scope.row.size / 1024 / 1024).toFixed(2)}MB`
+                : ''
+            }}</span>
+          </template>
+        </el-table-column>
+        <!-- 文件类型 -->
+        <el-table-column
+          prop="type"
+          :label="$t('trials:trialDocument:table:fileType')"
+        />
+        <!-- 上传状态 -->
+        <el-table-column
+          prop="status"
+          :label="$t('trials:trialDocument:table:uploadStatus')"
+          min-width="100"
+        >
+          <template slot-scope="scope">
+            <el-tag
+              :type="['warning', 'info', 'success', 'danger'][scope.row.status]"
+              v-if="scope.row.status || scope.row.status === 0"
+              >{{ $fd('NoneDicomUploadStatus', scope.row.status) }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column
+          :label="$t('trials:trialDocument:table:failedFileCount')"
+          min-width="150"
+          show-overflow-tooltip
+        >
+          <template slot-scope="scope">
+            <el-progress
+              color="#409eff"
+              :percentage="
+                ((scope.row.uploadFileSize * 100) / scope.row.size).toFixed(2) *
+                1
+              "
+            />
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('common:action:action')">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              icon="el-icon-delete"
+              circle
+              :disabled="loading"
+              :title="$t('trials:trialDocument:action:delete')"
+              @click="handleRemoveFile(scope.row)"
+            />
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div slot="dialog-footer">
+      <div style="text-align: right; padding: 10px 0px">
+        <span style="margin-right: 10px">{{
+          $store.state.trials.uploadTip
+        }}</span>
+        <el-button
+          size="small"
+          type="primary"
+          :disabled="selectArr.length == 0"
+          :loading="loading"
+          @click="beginUpload"
+        >
+          {{ $t('trials:trialDocument:action:upload') }}
+        </el-button>
+      </div>
+    </div>
+  </base-model>
+</template>
+<script>
+import baseModel from '@/components/BaseModel'
+import { deepClone } from '@/utils/index.js'
+import store from '@/store'
+export default {
+  name: 'uploadFiles',
+  props: {
+    config: {
+      required: true,
+      default: () => {
+        return {
+          visible: false,
+        }
+      },
+    },
+    faccept: {
+      type: Array,
+      default: () => {
+        return []
+      },
+    },
+    uploadPath: {
+      type: String,
+      default: '',
+    },
+    limitLength: {
+      type: Number,
+      default: 0,
+    },
+  },
+  components: {
+    'base-model': baseModel,
+  },
+  data() {
+    return {
+      loading: false,
+      fileList: [],
+      selectArr: [],
+      isFail: false,
+      successFileList: [],
+      fileInput: null,
+    }
+  },
+  methods: {
+    // 获取待上传文件信息
+    handleSelectionChange(selection) {
+      this.selectArr = selection
+    },
+    // 扫描待上传文件
+    beginScanFiles(e) {
+      if (this.fileInput) {
+        this.fileInput = null
+      }
+      var files = [...e.target.files]
+      if (this.limitLength && this.fileList.length >= this.limitLength)
+        return this.$message.warning(
+          this.$t('trials:trialDocument:message:limitLength')
+        )
+      var sameFiles = []
+      files.forEach((file) => {
+        var extendName = file.name
+          .substring(file.name.lastIndexOf('.'))
+          .toLocaleLowerCase()
+        if (
+          this.faccept.indexOf(extendName) !== -1 &&
+          this.fileList.findIndex((v) => v.name === file.name) > -1
+        ) {
+          sameFiles.push(file.name)
+        }
+      })
+      var scope = this
+      if (sameFiles.length > 0) {
+        const h = this.$createElement
+        var msg = this.$t('trials:trialDocument:message:exsitSameFile').replace(
+          'xxx',
+          sameFiles.join(', ')
+        )
+        this.$msgbox({
+          message: h('div', { style: 'maxHeight:300px;overflow: auto;' }, [
+            h('p', null, msg),
+            h(
+              'p',
+              null,
+              this.$t('trials:trialDocument:message:isContinueUpload')
+            ),
+          ]),
+          type: 'warning',
+          showCancelButton: true,
+        })
+          .then(() => {
+            scope.pendingUploadQuene(files)
+          })
+          .catch(() => {
+            scope.resetUploadForm()
+          })
+      } else {
+        scope.pendingUploadQuene(files)
+      }
+    },
+    pendingUploadQuene(files) {
+      for (var i = 0; i < files.length; ++i) {
+        const fileName = files[i].name
+        var extendName = fileName
+          .substring(fileName.lastIndexOf('.'))
+          .toLocaleLowerCase()
+        if (this.faccept.indexOf(extendName) !== -1) {
+          files[i].id = `${files[i].lastModified}${files[i].name}`
+          let obj = {
+            name: files[i].name,
+            size: files[i].size,
+            type: extendName.split('.')[1],
+            status: 0,
+            file: files[i],
+            id: `${files[i].lastModified}${files[i].name}`,
+            fileType: files[i].type,
+            uploadFileSize: 0,
+          }
+          this.fileList.push(obj)
+          this.$refs.filesTable.toggleRowSelection(obj, true)
+        }
+      }
+      this.resetUploadForm()
+    },
+    resetUploadForm() {
+      this.$nextTick(() => {
+        this.$refs.uploadForm.reset()
+      })
+    },
+    handleRemoveFile(row) {
+      this.$confirm(this.$t('trials:trialDocument:message:delete'), {
+        type: 'warning',
+        distinguishCancelAndClose: true,
+      })
+        .then(() => {
+          this.fileList.splice(
+            this.fileList.findIndex((item) => item.id === row.id),
+            1
+          )
+          let flag = this.successFileList.some((item) => item.id === row.id)
+          if (flag) {
+            this.successFileList.splice(
+              this.successFileList.findIndex((item) => item.id === row.id),
+              1
+            )
+          }
+        })
+        .catch(() => {})
+    },
+    // 开始上传文件
+    async beginUpload() {
+      this.loading = true
+      this.isFail = false
+      const fileMaxSize = 1024 * 1024 * 1024 * 2 // 1G
+      var currentFilesSize = 0
+      this.selectArr.forEach((item) => {
+        currentFilesSize += item.size
+      })
+      if (currentFilesSize / fileMaxSize > 1) {
+        // 'Upload file size cannot exceed 1G'
+        this.$alert(this.$t('trials:trialDocument:message:uploadSize'))
+        this.loading = false
+      } else {
+        this.selectArr.forEach((item) => (item.status = 0))
+        let num = this.selectArr.length > 6 ? 6 : this.selectArr.length
+        let funArr = []
+        for (let i = 0; i < num; i++) {
+          funArr.push(this.handleUploadTask(this.selectArr, i))
+        }
+        if (funArr.length > 0) {
+          let res = await Promise.all(funArr)
+        }
+      }
+    },
+    // 并发上传
+    async handleUploadTask(arr, index) {
+      if (!this.config.visible) return
+      let file = this.fileList.filter((item) => item.id === arr[index].id)[0]
+      file.status = 1
+      let fileType = file.name
+        .substring(file.name.lastIndexOf('.'))
+        .toLocaleLowerCase()
+      let fileName = file.name
+        .substring(0, file.name.lastIndexOf('.'))
+        .toLocaleLowerCase()
+      let path = `${this.uploadPath}/${fileName}${fileType}`
+      file.curPath = path
+      const fileData = await this.fileToBlob(file.file)
+      let res = await this.fileToOss(path, fileData, file)
+      if (res) {
+        file.status = 2
+        this.successFileList.push({
+          FileName: file.name,
+          FilePath: this.$getObjectName(res.url),
+          FileSize: file.size,
+          FileFormat: fileType,
+        })
+        let flag = arr.every((item) => item.status === 2)
+        if (flag) {
+          return this.submitFile(this.successFileList)
+        }
+      } else {
+        file.status = 3
+      }
+      let flag = arr.every((item) => item.status > 1)
+      if (flag) {
+        let failFileList = arr.filter((item) => item.status === 3)
+        if (failFileList && failFileList.length > 0) {
+          this.$refs.filesTable.clearSelection()
+          failFileList.forEach((row) => {
+            row.uploadFileSize = 0
+            this.$refs.filesTable.toggleRowSelection(row)
+          })
+          this.isFail = true
+          this.submitFile(this.successFileList, true)
+          return false
+        }
+      }
+      let ind = arr.findIndex((item) => item.status === 0)
+      if (ind >= 0) {
+        return this.handleUploadTask(arr, ind)
+      } else {
+        return false
+      }
+    },
+    // file上传到oss
+    async fileToOss(path, file, item) {
+      try {
+        let res = await this.OSSclient.multipartUpload(
+          {
+            path,
+            file,
+            speed: true,
+          },
+          (percentage, checkpoint, lastPer) => {
+            item.uploadFileSize += checkpoint.size * (percentage - lastPer)
+            if (item.uploadFileSize > file.fileSize) {
+              item.uploadFileSize = file.fileSize
+            }
+          }
+        )
+        if (res) {
+          return res
+        } else {
+          return false
+        }
+      } catch (err) {
+        console.log(err)
+        return false
+      }
+    },
+    submitFile(list, isReLoad = false) {
+      if (!this.config.visible) return
+      if (!isReLoad) {
+        this.reset()
+      }
+      let arr = deepClone(list)
+      this.$emit('uplaodFile', arr)
+    },
+    reset() {
+      this.loading = false
+      this.selectArr = []
+      this.successFileList = []
+      this.OSSclient.close()
+      this.$emit('close')
+    },
+    openFile(isFolder = false) {
+      this.fileInput = document.createElement('input')
+      this.fileInput.type = 'file'
+      this.fileInput.addEventListener('change', this.beginScanFiles)
+      if (isFolder) {
+        this.fileInput.accept = '*/*'
+        //webkitdirectory directory
+        this.fileInput.webkitdirectory = 'webkitdirectory'
+        this.fileInput.directory = 'directory'
+      } else {
+        this.fileInput.accept = this.faccept.join(',')
+      }
+      console.log(this.fileInput)
+      this.fileInput.click()
+    },
+  },
+  watch: {
+    isFail() {
+      if (this.isFail) {
+        this.$confirm(this.$t('trials:trialDocument:failUpload'), {
+          type: 'warning',
+          distinguishCancelAndClose: true,
+          confirmButtonText: this.$t('common:button:confirm'),
+          cancelButtonText: this.$t('common:button:cancel'),
+        })
+          .then(() => {
+            this.beginUpload()
+          })
+          .catch((err) => {
+            this.loading = false
+            console.log(err)
+          })
+      }
+    },
+    loading() {
+      store.dispatch('trials/setUnLock', this.loading)
+    },
+  },
+  mounted() {
+    this.openFile(this.config.isFolder)
+  },
+  beforeDestroy() {
+    store.dispatch('trials/setUnLock', false)
+    this.OSSclient.close()
+  },
+}
+</script>
+<style lang="scss" scoped>
+.upload {
+  display: inline-block;
+  height: 30px;
+  width: 90px;
+  padding: 2px 10px;
+  line-height: 23px;
+  position: relative;
+  text-decoration: none;
+  border-radius: 3px;
+  overflow: hidden;
+  text-align: center;
+  background: #428bca;
+  border-color: #428bca;
+  color: #fff;
+  .select-file {
+    height: 30px;
+    width: 90px;
+    position: absolute;
+    overflow: hidden;
+    left: 0;
+    top: 0;
+    opacity: 0;
+    font-size: 0;
+  }
+  .btn-select {
+    //给显示在页面上的按钮写样式
+    width: 90px;
+    height: 30px;
+    line-height: 30px;
+    text-align: center;
+    cursor: pointer;
+    border-radius: 24px;
+    overflow: hidden;
+    position: absolute;
+    top: 0;
+    left: 0;
+    pointer-events: none; //pointer-events:none用来控制该标签的点击穿透事件
+  }
+}
+</style>

src/views/trials/trials-panel/trial-summary/trial-document/index.vue

@@ -34,7 +34,6 @@
       </div>
     </div>
     <div class="main">
-      <!--v-if="[0, 1].includes(SubIdentificationEnum)"-->
       <report-doc
         v-if="[0, 1].includes(SubIdentificationEnum)"
         :viewStatus="viewStatus"
@@ -43,6 +42,15 @@
         :rowData="rowData"
         @getMenu="getMenu"
       />
+      <!--v-if="[2].includes(SubIdentificationEnum)"-->
+      <file-record
+        v-if="[2].includes(SubIdentificationEnum)"
+        :viewStatus="viewStatus"
+        :Id="Id"
+        :ArchiveTypeEnum="ArchiveTypeEnum"
+        :rowData="rowData"
+        @getMenu="getMenu"
+      />
     </div>
   </div>
 </template>
@@ -50,9 +58,10 @@
 import BaseContainer from '@/components/BaseContainer'
 import Menu from './components/menu.vue'
 import reportDoc from './components/report_doc/index.vue'
+import fileRecord from './components/fileRecord/index.vue'
 export default {
   name: 'trialDocument',
-  components: { BaseContainer, Menu, reportDoc },
+  components: { BaseContainer, Menu, reportDoc, fileRecord },
   data() {
     return {
       viewStatus: false,