肿瘤学阅片配置更改

# Conflicts:
#	src/views/trials/trials-panel/visit/crc-upload/components/studyInfo.vue
#	src/views/trials/trials-panel/visit/crc-upload/components/uploadDicomFiles2.vue

.svn/pristine/a5/a510475a0912f21efb3b36f41ecdfc3f783e4b6d.svn-base

@@ -10516,7 +10516,7 @@ class BaseViewer {
 
     const pageNumber = this._currentPageNumber,
           state = this.#scrollModePageState,
-          viewer = this.viewer;
+          viewmr = this.viewer;
     viewer.textContent = "";
     state.pages.length = 0;
 

src/App.vue

@@ -29,7 +29,7 @@
       direction="rtl"
       size="80%"
     >
-      <div style="width: 620px">
+      <div style="width: 800px">
         <el-form
           label-width="100px"
           @submit.native.prevent
@@ -62,12 +62,14 @@
         v-adaptive="{ bottomOffset: 50 }"
         height="100"
         style="width: 100%"
+        @sort-change="handleSortByColumn"
       >
         <el-table-column
           prop="Code"
           :label="$t('il8n:table:label')"
           width="300"
           show-overflow-tooltip
+          sortable="custom"
         >
         </el-table-column>
         <!--        <el-table-column-->
@@ -79,7 +81,11 @@
         <!--            {{scope.row.Description}}-->
         <!--          </template>-->
         <!--        </el-table-column>-->
-        <el-table-column prop="Value" :label="$t('il8n:table:en')">
+        <el-table-column
+          prop="Value"
+          :label="$t('il8n:table:en')"
+          sortable="custom"
+        >
           <template slot-scope="scope">
             <el-input
               v-model="scope.row.Value"
@@ -92,7 +98,11 @@
             ></el-input>
           </template>
         </el-table-column>
-        <el-table-column prop="ValueCN" :label="$t('il8n:table:cn')">
+        <el-table-column
+          prop="ValueCN"
+          :label="$t('il8n:table:cn')"
+          sortable="custom"
+        >
           <template slot-scope="scope">
             <el-input
               v-model="scope.row.ValueCN"
@@ -105,7 +115,11 @@
             ></el-input>
           </template>
         </el-table-column>
-        <el-table-column prop="ValueCN" :label="$t('il8n:table:state')">
+        <el-table-column
+          prop="ValueCN"
+          :label="$t('il8n:table:state')"
+          sortable="custom"
+        >
           <template slot-scope="scope">
             <el-select
               v-model="scope.row.State"
@@ -122,7 +136,11 @@
             </el-select>
           </template>
         </el-table-column>
-        <el-table-column prop="Version" :label="$t('il8n:table:Version')">
+        <el-table-column
+          prop="Version"
+          :label="$t('il8n:table:Version')"
+          sortable="custom"
+        >
         </el-table-column>
       </el-table>
       <div style="text-align: right; padding-top: 10px; padding-right: 10px">
@@ -195,6 +213,18 @@ export default {
   //   },
   // },
   methods: {
+    // 排序
+    handleSortByColumn(column) {
+      if (column.order === 'ascending') {
+        this.tableData.sort((a, b) =>
+          a[column.prop].localeCompare(b[column.prop])
+        )
+      } else {
+        this.tableData.sort((a, b) =>
+          b[column.prop].localeCompare(a[column.prop])
+        )
+      }
+    },
     handleStateChange() {
       this.tableData.forEach((item) => {
         item.State = this.State
@@ -209,9 +239,12 @@ export default {
           [],
           this.arr.filter(
             (v) =>
-              ~v.Code.toLowerCase().indexOf(this.key.toLowerCase()) ||
-              ~v.Value.toLowerCase().indexOf(this.key.toLowerCase()) ||
-              ~v.ValueCN.toLowerCase().indexOf(this.key.toLowerCase())
+              (v.Code &&
+                ~v.Code.toLowerCase().indexOf(this.key.toLowerCase())) ||
+              (v.Value &&
+                ~v.Value.toLowerCase().indexOf(this.key.toLowerCase())) ||
+              (v.ValueCN &&
+                ~v.ValueCN.toLowerCase().indexOf(this.key.toLowerCase()))
           )
         )
       } else {

src/api/admin.js

@@ -342,3 +342,11 @@ export function addNewUserSendEmail(data) {
     data
   })
 }
+// 用户追溯
+export function getUserJoinedTrialList(data) {
+  return request({
+    url: `/TrialMaintenance/getUserJoinedTrialList`,
+    method: 'post',
+    data
+  })
+}

src/api/dictionary.js

@@ -1069,4 +1069,183 @@ export function batchAddEnrollOrPdEmailConfig(params) {
     method: 'post',
     params
   })
-}
+}
+// 文件记录-系统文件列表
+export function getSysFileTypeList(data) {
+  return request({
+    url: `/SysFileType/getSysFileTypeList`,
+    method: 'post',
+    data
+  })
+}
+// 文件记录-新增/编辑系统文件
+export function addOrUpdateSysFileType(data) {
+  return request({
+    url: `/SysFileType/addOrUpdateSysFileType`,
+    method: 'post',
+    data
+  })
+}
+// 文件记录-删除系统文件
+export function deleteSysFileType(id) {
+  return request({
+    url: `/SysFileType/deleteSysFileType/${id}`,
+    method: 'delete'
+  })
+}
+// 项目文档-获取项目菜单
+export function getTrialFileTypeData(data) {
+  return request({
+    url: `/TrialFileType/getTrialFileTypeData`,
+    method: 'post',
+    data
+  })
+}
+// 项目文档-修改项目菜单启用
+export function setAuthorizedView(data) {
+  return request({
+    url: `/TrialFileType/setAuthorizedView`,
+    method: 'post',
+    data
+  })
+}
+// 项目文档-新增/修改项目菜单
+export function addOrUpdateTrialFileType(data) {
+  return request({
+    url: `/TrialFileType/addOrUpdateTrialFileType`,
+    method: 'post',
+    data
+  })
+}
+// 项目文档-删除项目菜单
+export function deleteTrialFileType(id) {
+  return request({
+    url: `/TrialFileType/deleteTrialFileType/${id}`,
+    method: 'delete',
+  })
+}
+// 项目文档-报告/文档列表
+export function getTrialFinalRecordList(data) {
+  return request({
+    url: `/TrialFinalRecord/getTrialFinalRecordList`,
+    method: 'post',
+    data
+  })
+}
+// 项目文档-报告/文档授权
+export function authorizedTrialFinalRecord(data) {
+  return request({
+    url: `/TrialFinalRecord/authorizedTrialFinalRecord`,
+    method: 'post',
+    data
+  })
+}
+// 项目文档-报告/文档新增/修改
+export function addOrUpdateTrialFinalRecord(data) {
+  return request({
+    url: `/TrialFinalRecord/addOrUpdateTrialFinalRecord`,
+    method: 'post',
+    data
+  })
+}
+// 项目文档-删除报告/文档
+export function deleteTrialFinalRecord(id) {
+  return request({
+    url: `/TrialFinalRecord/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
+  })
+}
+// 项目文档-培训记录列表
+export function getTrialTrianingRecordList(data) {
+  return request({
+    url: `/TrialTrianingRecord/getTrialTrianingRecordList`,
+    method: 'post',
+    data
+  })
+}
+// 项目文档-培训记录新增/修改
+export function addOrUpdateTrialTrianingRecord(data) {
+  return request({
+    url: `/TrialTrianingRecord/addOrUpdateTrialTrianingRecord`,
+    method: 'post',
+    data
+  })
+}
+// 项目文档-培训记录批量新增/修改
+export function batchAddTrialTrianingRecord(data) {
+  return request({
+    url: `/TrialTrianingRecord/batchAddTrialTrianingRecord`,
+    method: 'post',
+    data
+  })
+}
+// 项目文档-删除培训记录
+export function deleteTrialTrianingRecord(id) {
+  return request({
+    url: `/TrialTrianingRecord/deleteTrialTrianingRecord/${id}`,
+    method: 'delete',
+  })
+}
+// 项目文档-培训记录授权
+export function authorizedTrialTrianingRecord(data) {
+  return request({
+    url: `/TrialTrianingRecord/authorizedTrialTrianingRecord`,
+    method: 'post',
+    data
+  })
+}
+// 项目文档-阅片人简历
+export function getTrialDoctorList(data) {
+  return request({
+    url: `/DoctorList/getTrialDoctorList`,
+    method: 'post',
+    data
+  })
+}

src/api/trials.js

@@ -1080,7 +1080,13 @@ export function setSeriesStatus(trialId, subjectVisitId, studyId, seriesId, stat
     method: 'put'
   })
 }
-
+export function setNodicomStudyState(params) {
+  return request({
+    url: `/QCOperation/setNodicomStudyState`,
+    method: 'put',
+    params
+  })
+}
 export function setInstanceStatus(trialId, subjectVisitId, seriesId, instanceId, state) {
   return request({
     url: `/QCOperation/setInstanceState/${trialId}/${subjectVisitId}/${seriesId}/${instanceId}/${state}`,
@@ -1372,9 +1378,9 @@ export function getForwardList(param) {
   })
 }
 
-export function getNoneDicomStudyList(subjectVisitId, sudyId = '', isFilterZip = false, visitTaskId = '') {
+export function getNoneDicomStudyList(subjectVisitId, sudyId = '', isFilterZip = false, visitTaskId = '', IsReading = false) {
   return request({
-    url: `/NoneDicomStudy/getNoneDicomStudyList?subjectVisitId=${subjectVisitId}&nonedicomStudyId=${sudyId}&isFilterZip=${isFilterZip}&visitTaskId=${visitTaskId}`,
+    url: `/NoneDicomStudy/getNoneDicomStudyList?subjectVisitId=${subjectVisitId}&nonedicomStudyId=${sudyId}&isFilterZip=${isFilterZip}&visitTaskId=${visitTaskId}&IsReading=${IsReading}`,
     method: 'get'
   })
 }
@@ -3940,8 +3946,6 @@ export function updateTrialUserRole(data) {
   })
 }
 
-
-
 // 获取报表配置
 export function getTrialQuestionExportResult(data) {
   return request({
@@ -3965,4 +3969,29 @@ export function trialUserSendJoinEmail(data) {
     method: 'post',
     data
   })
-}
+}
+
+// 获取非Dicom标记
+export function getNoneDicomMarkListOutDto(data) {
+  return request({
+    url: `/ReadingImageTask/getNoneDicomMarkListOutDto`,
+    method: 'post',
+    data
+  })
+}
+// 添加非Dicom标记
+export function addNoneDicomMark(data) {
+  return request({
+    url: `/ReadingImageTask/addNoneDicomMark`,
+    method: 'post',
+    data
+  })
+}
+// 删除非Dicom标记
+export function deleteTrialFileType(id) {
+  return request({
+    url: `/ReadingImageTask/deleteTrialFileType/${id}`,
+    method: 'post'
+  })
+}
+

src/components/BaseContainer/index.vue

@@ -4,6 +4,7 @@
       <el-col :span="24">
         <div class="box">
           <div class="box-body">
+            <slot name="title-container" />
             <div class="search">
               <slot name="search-container" />
             </div>
@@ -24,42 +25,42 @@ export default {
   props: {
     noTitle: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   computed: {
     contentClass() {
       return this.noTitle ? 'content-notitle' : 'content'
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="scss">
-  .box-body{
-     padding:  0px;
-     background-color: #fff;
-     .el-card__body {
-      padding: 0px;
-    }
-    .search{
-      display: flex;
-      padding: 5px;
+.box-body {
+  padding: 0px;
+  background-color: #fff;
+  .el-card__body {
+    padding: 0px;
+  }
+  .search {
+    display: flex;
+    padding: 5px;
 
-      .mr5{
-        margin-right:5px;
-      }
-      .el-form-item{
-        margin-bottom: 10px;
-      }
+    .mr5 {
+      margin-right: 5px;
     }
-    .page{
-      text-align: right;
-      padding-top: 3px;
-    }
-    .el-button.is-circle {
-      padding: 9px;
-      font-weight: bold;
-      font-size: 14px;
+    .el-form-item {
+      margin-bottom: 10px;
     }
   }
+  .page {
+    text-align: right;
+    padding-top: 3px;
+  }
+  .el-button.is-circle {
+    padding: 9px;
+    font-weight: bold;
+    font-size: 14px;
+  }
+}
 </style>

src/components/BaseForm/search-form.vue

@@ -146,17 +146,19 @@
         <!-- 具名slot -->
         <slot v-if="item.type === 'Custom'" :name="item.slot" />
       </el-form-item>
-      <el-form-item v-for="item in searchHandle" :key="item.label">
-        <slot v-if="item.slot" :name="item.slot" />
-        <el-button
-          v-else
-          :type="item.type"
-          :size="item.size || size"
-          :icon="item.icon || ''"
-          @click="handleClick(item.emitKey)"
-          >{{ item.label }}</el-button
-        >
-      </el-form-item>
+      <div style="display: inline-block;width: fit-content;">
+        <el-form-item v-for="item in searchHandle" :key="item.label">
+          <slot v-if="item.slot" :name="item.slot" />
+          <el-button
+            v-else
+            :type="item.type"
+            :size="item.size || size"
+            :icon="item.icon || ''"
+            @click="handleClick(item.emitKey)"
+            >{{ item.label }}</el-button
+          >
+        </el-form-item>
+      </div>
     </el-form>
   </div>
 </template>
@@ -174,11 +176,11 @@ export default {
     },
     labelWidth: {
       type: String,
-      default: "",
+      default: '',
     },
     size: {
       type: String,
-      default: "mini",
+      default: 'mini',
     },
     searchForm: {
       type: Array,
@@ -196,10 +198,10 @@ export default {
   methods: {
     handleClick(emitKey) {
       // emit事件
-      this.$emit(`${emitKey}`);
+      this.$emit(`${emitKey}`)
     },
   },
-};
+}
 </script>
 <style lang="scss">
 .base-search-form {

src/components/Dicom/DicomCanvas.vue

@@ -90,7 +90,7 @@
       custom-class="base-dialog-wrapper"
       append-to-body
     >
-      <DicomTags :image-id="stack.imageIds[stack.currentImageIdIndex]" @close="dcmTag.visible = false" />
+      <dicom-tags :image-id="stack.imageIds[stack.currentImageIdIndex]" @close="dcmTag.visible = false" />
     </el-dialog>
   </div>
 </template>
@@ -217,10 +217,10 @@ export default {
         this.stack.description = dicomSeries.description
         this.toolState.viewportInvert = false
         this.toolState.dicomInfoVisible = false
-        var imageId = this.stack.imageIds[this.stack.currentImageIdIndex]
-        var instanceId = imageId.split('/')[imageId.split('/').length - 1]
-        instanceId = instanceId.split('.')[0]
-        this.stack.instanceId = instanceId
+        // var imageId = this.stack.imageIds[this.stack.currentImageIdIndex]
+        // var instanceId = imageId.split('/')[imageId.split('/').length - 1]
+        // instanceId = instanceId.split('.')[0]
+        // this.stack.instanceId = instanceId
         this.toolState.clipPlaying = false
         const element = this.$refs.canvas
         cornerstone.enable(element)
@@ -346,9 +346,9 @@ export default {
       //   return
       // }
       // this.stack.instanceId = image.imageId.split('/')[image.imageId.split('/').length - 1]
-      var instanceId = image.imageId.split('/')[image.imageId.split('/').length - 1]
-      instanceId = instanceId.split('.')[0]
-      this.stack.instanceId = instanceId
+      // var instanceId = image.imageId.split('/')[image.imageId.split('/').length - 1]
+      // instanceId = instanceId.split('.')[0]
+      // this.stack.instanceId = instanceId
       this.height = (this.stack.currentImageIdIndex) * 100 / (this.stack.imageIds.length - 1)
       this.resetWwwc()
     },
@@ -415,15 +415,16 @@ export default {
     },
 
     onImageRendered(e) {
-      var imageId = e.detail.image.imageId
-      var instanceId = imageId.split('/')[imageId.split('/').length - 1]
-      instanceId = instanceId.split('.')[0]
+      // var imageId = e.detail.image.imageId
+      // var instanceId = imageId.split('/')[imageId.split('/').length - 1]
+      // instanceId = instanceId.split('.')[0]
 
-      if (this.imageId !== instanceId) {
-        this.getOrientationMarker(e.detail.element)
-        this.imageId = instanceId
-      }
-      this.stack.instanceId = instanceId
+      // if (this.imageId !== instanceId) {
+      //   this.getOrientationMarker(e.detail.element)
+      //   this.imageId = instanceId
+      // }
+      this.getOrientationMarker(e.detail.element)
+      // this.stack.instanceId = instanceId
       var viewport = e.detail.viewport
       this.dicomInfo.wwwc = `${Math.round(
         viewport.voi.windowWidth

src/components/uploadDicomAndNonedicom/dicomFile.vue

@@ -1308,7 +1308,7 @@ export default {
                                     o.imageColumns,
                                     o.imageRows
                                   )
-                                  let thumbnailPath = `/${params.trialId}/Image/${params.subjectId}/${params.subjectVisitId}/${dicomInfo.visitTaskId}/${dicomInfo.studyUid}/${v.seriesUid}.png`
+                                  let thumbnailPath = `/${params.trialId}/Image/${params.subjectId}/${params.subjectVisitId}/${dicomInfo.visitTaskId}/${dicomInfo.studyUid}/${v.seriesUid}.jpg`
                                   let OSSclient = scope.OSSclient
                                   let seriesRes = await OSSclient.put(
                                     thumbnailPath,
@@ -1421,7 +1421,7 @@ export default {
                     v.instanceList[0].imageColumns,
                     v.instanceList[0].imageRows
                   )
-                  let thumbnailPath = `/${params.trialId}/Image/${params.trialSiteId}/${params.subjectId}/${params.subjectVisitId}/${dicomInfo.studyUid}/${v.seriesUid}.png`
+                  let thumbnailPath = `/${params.trialId}/Image/${params.subjectId}/${params.subjectVisitId}/${dicomInfo.studyUid}/${v.seriesUid}.jpg`
                   let OSSclient = scope.OSSclient
                   try {
                     let seriesRes = await OSSclient.put(thumbnailPath, blob)
@@ -1499,8 +1499,8 @@ export default {
       return new Promise((resolve) => {
         cornerstone.loadImage(imageId).then(async (image) => {
           let canvas = document.createElement('canvas')
-          canvas.width = width
-          canvas.height = height
+          canvas.width = (width * 60) / height
+          canvas.height = 60
           if (image) {
             cornerstone.renderToCanvas(canvas, image)
             // 将 Canvas 图像对象转换为 PNG 格式

src/components/uploadImage/components/upload-list.vue

@@ -567,7 +567,7 @@ export default {
       for (let i = 0; i < arr.length; i++) {
         let dicom = arr[i];
         if (dicom.StudyInstanceUid !== StudyInstanceUid) continue;
-        let thumbnailPath = `/${dicom.params.TrialId}/TaskImage/${dicom.params.SubjectId}/${dicom.params.VisitTaskId}/${dicom.StudyInstanceUid}/${dicom.SeriesInstanceUid}.png`;
+        let thumbnailPath = `/${dicom.params.TrialId}/TaskImage/${dicom.params.SubjectId}/${dicom.params.VisitTaskId}/${dicom.StudyInstanceUid}/${dicom.SeriesInstanceUid}.jpg`;
         if (!studyObj[dicom.StudyId]) {
           studyObj[dicom.StudyId] = {
             StudyId: dicom.StudyId,

src/main.js

@@ -461,8 +461,8 @@ async function VueInit() {
             var my_username = zzSessionStorage.getItem('my_username')
             var my_password = zzSessionStorage.getItem('my_password')
             let my_userid = zzSessionStorage.getItem('userId')
-            let my_EMail = zzSessionStorage.getItem('my_EMail')
-            if (md5(_vm.unlock.my_password) === my_password && my_username === _vm.unlock.my_username) {
+            let my_EMail = zzSessionStorage.getItem('my_EMail') || ''
+            if (md5(_vm.unlock.my_password) === my_password && (my_username === _vm.unlock.my_username || my_EMail.toUpperCase() === vm.unlock.my_username.toUpperCase())) {
               resetReadingRestTime().then(() => {
               })
               const closeLock = (_vm) => {

src/permission.js

@@ -7,15 +7,15 @@ import 'nprogress/nprogress.css'
 import { getToken, removeToken } from '@/utils/auth'
 import Vue from 'vue'
 import { OSSclient } from './utils/oss'
-import WHITELIST from "./utils/whiteList"
+import WHITELIST from './utils/whiteList'
 import { getTrialExtralConfig } from '@/api/trials'
 // import getPageTitle from '@/utils/get-page-title'
 
 NProgress.configure({ showSpinner: false })
 
 const whiteList = WHITELIST
-store.state.trials.whiteList = whiteList;
-router.beforeEach(async (to, from, next) => {
+store.state.trials.whiteList = whiteList
+router.beforeEach(async(to, from, next) => {
   NProgress.start()
   // 设置页面标题
   // document.title = getPageTitle(to.meta.title) store.state.trials.whiteList.indexOf(to.path) === -1
@@ -27,13 +27,13 @@ router.beforeEach(async (to, from, next) => {
     to.query.trialId !==
     store.state.trials.config.trialId
   ) {
-    let res = await getTrialExtralConfig({
-      TrialId: to.query.trialId,
+    const res = await getTrialExtralConfig({
+      TrialId: to.query.trialId
     })
     if (res.IsSuccess) {
       store.dispatch('trials/setConfig', {
         trialId: to.query.trialId,
-        ...res.Result,
+        ...res.Result
       })
     }
   }
@@ -45,13 +45,13 @@ router.beforeEach(async (to, from, next) => {
     to.query.trialId !==
     store.state.trials.config.trialId
   ) {
-    let res = await getTrialExtralConfig({
-      TrialId: to.query.trialId,
+    const res = await getTrialExtralConfig({
+      TrialId: to.query.trialId
     })
     if (res.IsSuccess) {
       store.dispatch('trials/setConfig', {
         trialId: to.query.trialId,
-        ...res.Result,
+        ...res.Result
       })
     }
   }
@@ -72,12 +72,12 @@ router.beforeEach(async (to, from, next) => {
       NProgress.done()
     } else if (from.path === '/researchForm') {
       removeToken()
-      let lang = to.query.lang || zzSessionStorage.getItem('lang')
+      const lang = to.query.lang || zzSessionStorage.getItem('lang')
       next(`/researchLogin?trialId=${to.query.trialId}&lang=${lang}`)
       NProgress.done()
     } else if (from.path === '/researchDetail_m') {
       removeToken()
-      let lang = to.query.lang || zzSessionStorage.getItem('lang')
+      const lang = to.query.lang || zzSessionStorage.getItem('lang')
       next(`/researchLogin_m?trialId=${to.query.trialId}&lang=${lang}`)
       NProgress.done()
     } else {
@@ -107,7 +107,7 @@ router.beforeEach(async (to, from, next) => {
     /* has no token*/
     if (whiteList.indexOf(to.path) !== -1) {
       if (to.path === '/researchLogin') {
-        let lang = to.query.lang || zzSessionStorage.getItem('lang')
+        const lang = to.query.lang || zzSessionStorage.getItem('lang')
         const flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
         if (flag) {
           next(`/researchLogin_m?trialId=${to.query.trialId}&lang=${lang}`)
@@ -123,11 +123,11 @@ router.beforeEach(async (to, from, next) => {
       }
     } else {
       if (to.path === '/researchForm') {
-        let lang = to.query.lang || zzSessionStorage.getItem('lang')
+        const lang = to.query.lang || zzSessionStorage.getItem('lang')
         next(`/researchLogin?trialId=${to.query.trialId}&lang=${lang}`)
         NProgress.done()
       } else if (to.path === '/researchDetail_m') {
-        let lang = to.query.lang || zzSessionStorage.getItem('lang')
+        const lang = to.query.lang || zzSessionStorage.getItem('lang')
         next(`/researchLogin_m?trialId=${to.query.trialId}&lang=${lang}`)
         NProgress.done()
       } else if (to.path === '/ReviewersResearchForm') {

src/router/index.js

@@ -50,11 +50,11 @@ export const constantRoutes = [
     component: () => import('@/views/login/index'),
     hidden: true
   },
-  {
-    path: '/test',
-    component: () => import('@/views/test/index'),
-    hidden: true
-  },
+  // {
+  //   path: '/test',
+  //   component: () => import('@/views/test/index'),
+  //   hidden: true
+  // },
   {
     path: '/resetpassword',
     component: () => import('@/views/forgetpassword/index'),

src/store/getters.js

@@ -48,6 +48,8 @@ const getters = {
   TotalNeedSignSystemDocCount: state => state.user.TotalNeedSignSystemDocCount,
   TotalNeedSignTrialDocCount: state => state.user.TotalNeedSignTrialDocCount,
   IsFirstSysDocNeedSign: state => state.user.IsFirstSysDocNeedSign,
-  TrialStatusStr: state => state.user.TrialStatusStr
+  TrialStatusStr: state => state.user.TrialStatusStr,
+  lastViewportTaskId: state => state.noneDicomReview.lastViewportTaskId,
+  currentTaskState: state => state.noneDicomReview.currentTaskState
 }
 export default getters

src/store/index.js

@@ -12,7 +12,7 @@ import trials from './modules/trials'
 import financials from './modules/financials'
 import reading from './modules/reading'
 import lang from './modules/lang'
-
+import noneDicomReview from './modules/noneDicomReview'
 Vue.use(Vuex)
 
 const store = new Vuex.Store({
@@ -27,7 +27,8 @@ const store = new Vuex.Store({
     trials,
     financials,
     reading,
-    lang
+    lang,
+    noneDicomReview
   },
   getters
 })

src/store/modules/noneDicomReview.js

@@ -0,0 +1,28 @@
+const getDefaultState = () => {
+  return {
+    lastViewportTaskId: null,
+    currentTaskState: 0
+  }
+}
+const state = getDefaultState
+
+const mutations = {
+
+}
+
+const actions = {
+  setLastViewportTaskId({ state }, id) {
+    state.lastViewportTaskId = id
+  },
+  setCurrentTaskState({ state }, taskState) {
+    state.currentTaskState = taskState
+  }
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
+

src/utils/index.js

@@ -34,7 +34,7 @@ export function parseTime(time, cFormat) {
   const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
     const value = formatObj[key]
     // Note: getDay() returns 0 on Sunday
-    if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value ] }
+    if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] }
     return value.toString().padStart(2, '0')
   })
   return time_str
@@ -51,12 +51,44 @@ export function param2Obj(url) {
   }
   return JSON.parse(
     '{"' +
-      decodeURIComponent(search)
-        .replace(/"/g, '\\"')
-        .replace(/&/g, '","')
-        .replace(/=/g, '":"')
-        .replace(/\+/g, ' ') +
-      '"}'
+    decodeURIComponent(search)
+      .replace(/"/g, '\\"')
+      .replace(/&/g, '","')
+      .replace(/=/g, '":"')
+      .replace(/\+/g, ' ') +
+    '"}'
   )
 }
 
+export function deepClone(source, map = new WeakMap()) {
+  // 处理基本类型和函数（直接返回）
+  if (typeof source !== 'object' || source === null) {
+    return source;
+  }
+
+  // 处理循环引用
+  if (map.has(source)) {
+    return map.get(source);
+  }
+
+  // 创建新容器
+  const target = Array.isArray(source) ? [] : {};
+  map.set(source, target);  // 记录克隆关系
+
+  // 克隆普通键值
+  for (const key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      target[key] = deepClone(source[key], map);
+    }
+  }
+
+  // 克隆Symbol键值（ES6+）
+  const symbolKeys = Object.getOwnPropertySymbols(source);
+  for (const symKey of symbolKeys) {
+    if (source.propertyIsEnumerable(symKey)) {
+      target[symKey] = deepClone(source[symKey], map);
+    }
+  }
+
+  return target;
+}

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/parseDicom.js

@@ -189,8 +189,8 @@ const dicomToPng = (imageId, width, height) => {
     return new Promise((resolve) => {
         cornerstone.loadImage(imageId).then(async (image) => {
             let canvas = document.createElement("canvas");
-            canvas.width = width;
-            canvas.height = height;
+            canvas.width = (width * 60) / height
+            canvas.height = 60
             if (image) {
                 cornerstone.renderToCanvas(canvas, image);
                 // 将 Canvas 图像对象转换为 PNG 格式

src/utils/stream.js

@@ -20,7 +20,7 @@ function zipFiles(zipName, files) {
                         ctrl.close();
                     } else {
                         let { name, url } = fileInfo.value;
-                        url = decodeUtf8(url);
+                        // url = decodeUtf8(url); // 待定，可能做过特殊处理
                         return fetch(url).then(res => {
                             ctrl.enqueue({
                                 name,
@@ -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/dicom-show/dicom-preview.vue

@@ -1,5 +1,5 @@
 <template>
-  <div ref="preview-wrapper">
+  <div ref="preview-wrapper" class="preview-wrapper">
     <div class="viewerContainer">
       <div class="viewerContentWrapper" style="padding-top:25px;">
         <div class="viewerLeftSidePanel">
@@ -38,7 +38,39 @@
                     </span>
                   </span>-->
                     <div class="viewernavitextwrapper">
-                      <div style="padding: 1px;">#{{ item.seriesNumber }}</div>
+                      <div style="padding: 1px 5px 1px 1px;display: flex;justify-content: space-between;">
+                        <div style="padding: 1px;">#{{ item.seriesNumber }}</div>
+                        <div v-if="item.isExistMutiFrames && item.instanceCount > 1">
+                              <el-popover
+                                v-model="item.isShowPopper"
+                                placement="right-start"
+                                trigger="manual"
+                                popper-class="instance_frame_wrapper"
+                              >
+                                <div style="text-align: right;">
+                                  <i class="el-icon-circle-close" style="font-size: 20px;cursor: pointer;color:#ddd;" @click="item.isShowPopper = false" />
+                                </div>
+                                <div class="frame_list">
+                                  <div
+                                    v-for="(instance, idx) in item.instanceInfoList"
+                                    :key="instance.InstanceUid"
+                                    class="frame_content"
+                                    :style="{'margin-bottom':idx<item.instanceInfoList.length-1? '5px':'0px'}"
+                                    @click="showMultiFrames(item, index, instance)"
+                                  >
+                                    <div>
+                                      <div>{{ instance.InstanceNumber }}</div>
+                                      <div>
+                                        {{ `${instance.NumberOfFrames > 0 ? instance.NumberOfFrames : 1} frame` }}
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
+                                <i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;" @click="popperClick(seriesList, item)" />
+                              </el-popover>
+                            </div>
+                      </div>
+                      
                       <div style="padding: 1px;">{{ item.description }}</div>
                       <div
                         v-show="item.instanceCount"
@@ -147,7 +179,11 @@ export default {
         })
 
         var imageIds = []
+        let isExistMutiFrames = false
+        let instanceInfoList = []
         series.instanceList.forEach(function(instance) {
+          console.log(instance)
+          let instanceInfo = {}
           var fileId = cornerstoneWADOImageLoader.wadouri.fileManager.add(
             instance.file
           )
@@ -155,7 +191,19 @@ export default {
             for (var i = 0; i < instance.frameCount; ++i) {
               imageIds.push(`${fileId}?frame=${i}`)
             }
-          } else imageIds.push(fileId)
+            isExistMutiFrames = true
+            instanceInfo.NumberOfFrames = instance.frameCount
+            instanceInfo.InstanceNumber = instance.instanceNumber
+            instanceInfo.InstanceUid = instance.instanceUid
+            instanceInfo.FileId = fileId
+          } else {
+            imageIds.push(fileId)
+            instanceInfo.NumberOfFrames = 0
+            instanceInfo.InstanceNumber = instance.instanceNumber
+            instanceInfo.InstanceUid = instance.instanceUid
+            instanceInfo.FileId = fileId
+          }
+          instanceInfoList.push(instanceInfo)
         })
 
         scope.seriesList.push({
@@ -164,13 +212,43 @@ export default {
           modality: series.modality,
           instanceCount: series.instanceList.length,
           imageIds: imageIds,
-          previewImageId: imageIds[0]
+          previewImageId: imageIds[0],
+          isExistMutiFrames: isExistMutiFrames,
+          instanceInfoList: instanceInfoList,
+          isShowPopper: false
         })
       })
 
       this.showSeriesImage(0)
     },
-
+    popperClick(seriesList, series) {
+      for (let i = 0; i < seriesList.length; i++) {
+        if (seriesList[i].isShowPopper) {
+          seriesList[i].isShowPopper = false
+        }
+      }
+      series.isShowPopper = !series.isShowPopper
+    },
+    showMultiFrames(series, seriesIndex, instanceInfo) {
+      this.currentSeriesIndex = seriesIndex
+      const imageIds = []
+      if (instanceInfo.NumberOfFrames && instanceInfo.NumberOfFrames > 1) {
+        for (let j = 0; j < instanceInfo.NumberOfFrames; j++) {
+          imageIds.push(`${instanceInfo.FileId}?frame=${j}`)
+        }
+      } else {
+        imageIds.push(instanceInfo.FileId)
+      }
+      const seriesInfo = {
+        seriesNumber: series.seriesNumber,
+        description: series.description,
+        modality: series.modality,
+        instanceCount: series.instanceCount,
+        imageIds: imageIds,
+        previewImageId: imageIds[0],
+      }
+      this.$refs.dicomViewer.loadImageStack(seriesInfo)
+    },
     showSeriesImage(seriesIndex) {
       // if (seriesIndex === this.currentSeriesIndex) return;
       this.currentSeriesIndex = seriesIndex
@@ -183,136 +261,172 @@ export default {
 }
 </script>
 
-<style scoped>
-::-webkit-scrollbar {
-  width: 7px;
-  height: 7px;
-}
+<style lang="scss">
+  ::-webkit-scrollbar {
+    width: 7px;
+    height: 7px;
+  }
 
-::-webkit-scrollbar-thumb {
-  border-radius: 10px;
-  background: #d0d0d0;
-}
+  ::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    background: #d0d0d0;
+  }
 
-.viewerContainer {
-  display: block;
-  height: 100%;
-  margin-top: 20px;
-  margin-left: auto;
-  margin-right: auto;
-  background-color: #444;
-  overflow: hidden;
-}
+  .viewerContainer {
+    width: 100%;
+    display: block;
+    height: 100%;
+    margin-top: 20px;
+    margin-left: auto;
+    margin-right: auto;
+    background-color: #444;
+    overflow: hidden;
+  }
 
-.viewerBanner {
-  background: linear-gradient(0, #444, #222);
-  min-height: 28px;
-  font-size: 16px;
-  margin: 0;
-  height: 30px;
-  padding-top: 0;
-  padding-left: 5px;
-  padding-right: 5px;
-  font-weight: bold;
-}
+  .viewerBanner {
+    background: linear-gradient(0, #444, #222);
+    min-height: 28px;
+    font-size: 16px;
+    margin: 0;
+    height: 30px;
+    padding-top: 0;
+    padding-left: 5px;
+    padding-right: 5px;
+    font-weight: bold;
+  }
 
-.viewerContentWrapper {
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  padding: 5px;
-  height: 99%;
-  /* height: 95%; */
-  overflow: hidden;
-  text-overflow: clip;
-  white-space: nowrap;
-}
+  .viewerContentWrapper {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    padding: 5px;
+    height: 99%;
+    /* height: 95%; */
+    overflow: hidden;
+    text-overflow: clip;
+    white-space: nowrap;
+  }
 
-.viewerContentWrapper > div {
-  display: inline-block;
-  white-space: normal;
-}
+  .viewerContentWrapper > div {
+    display: inline-block;
+    white-space: normal;
+  }
 
-.viewerLeftSidePanel {
-  width: 200px;
-  background-color: #323232;
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  margin-right: 2px;
-  color: #d0d0d0;
-  overflow-y: auto;
-}
+  .viewerLeftSidePanel {
+    width: 200px;
+    background-color: #323232;
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    margin-right: 2px;
+    color: #d0d0d0;
+    overflow-y: auto;
+  }
 
-.viewerContentWrapper > div > .sidePanelBody {
-  background: rgba(50, 50, 50, 1);
-  word-break: break-all;
-  display: table;
-  width: 100%;
-  border: 1px solid #3e3f3a;
-}
+  .viewerContentWrapper > div > .sidePanelBody {
+    background: rgba(50, 50, 50, 1);
+    word-break: break-all;
+    display: table;
+    width: 100%;
+    border: 1px solid #3e3f3a;
+  }
 
-.viewerContentWrapper > div > div.sidePanelBody > div {
-  width: 100%;
-  height: 100%;
-}
+  .viewerContentWrapper > div > div.sidePanelBody > div {
+    width: 100%;
+    height: 100%;
+  }
 
-.studyDesc {
-  font-weight: bold;
-  font-size: 13px;
-  text-align: center;
-  background: rgb(88 84 83);
-  color: #d0d0d0;
-  padding: 5px;
-}
+  .studyDesc {
+    font-weight: bold;
+    font-size: 13px;
+    text-align: center;
+    background: rgb(88 84 83);
+    color: #d0d0d0;
+    padding: 5px;
+  }
 
-.ps {
-  overflow: hidden !important;
-  overflow-anchor: none;
-  -ms-overflow-style: none;
-  touch-action: auto;
-  -ms-touch-action: auto;
-}
+  .ps {
+    overflow: hidden !important;
+    overflow-anchor: none;
+    -ms-overflow-style: none;
+    touch-action: auto;
+    -ms-touch-action: auto;
+  }
 
-.viewerLeftSidePanel .viewernavigatorwrapper {
-  display: flex;
-  width: 196px;
-  height: 84px;
-  padding: 1px 2px 1px 8px;
-  margin: 6px 0 6px 1px;
-  border-radius: 2px;
-  border: 1px solid #404040;
-}
+  .viewerLeftSidePanel .viewernavigatorwrapper {
+    display: flex;
+    width: 196px;
+    height: 84px;
+    padding: 1px 2px 1px 8px;
+    margin: 6px 0 6px 1px;
+    border-radius: 2px;
+    border: 1px solid #404040;
+  }
 
-.ui-draggable-handle {
-  -ms-touch-action: none;
-  touch-action: none;
-}
+  .ui-draggable-handle {
+    -ms-touch-action: none;
+    touch-action: none;
+  }
 
-.viewerLeftSidePanel .image-preview {
-  border: 2px solid #252525;
-  cursor: pointer;
-}
+  .viewerLeftSidePanel .image-preview {
+    border: 2px solid #252525;
+    cursor: pointer;
+  }
 
-.viewerLeftSidePanel .viewernavitextwrapper {
-  flex: 1;
-  padding: 3px 1px 3px 4px;
-  vertical-align: top;
-  font-size: 12px;
-}
+  .viewerLeftSidePanel .viewernavitextwrapper {
+    flex: 1;
+    padding: 3px 1px 3px 4px;
+    vertical-align: top;
+    font-size: 12px;
+  }
 
-.viewerSideActive {
-  background: #16477b;
-  background: #16477b80;
-  border: 1px solid #23527b;
-}
+  .viewerSideActive {
+    background: #16477b;
+    background: #16477b80;
+    border: 1px solid #23527b;
+  }
 
-.viewerContent {
-  flex: 1;
-  height: 100%;
-  display: block;
-  background-color: black;
-  color: #d0d0d0;
-  font-size: 13px;
-}
+  .viewerContent {
+    flex: 1;
+    height: 100%;
+    display: block;
+    background-color: black;
+    color: #d0d0d0;
+    font-size: 13px;
+  }
+  .instance_frame_wrapper{
+    min-width: 120px;
+    background-color: #2c2c2c;
+    border: 1px solid #2c2c2c;
+    padding: 5px;
+  }
+  .frame_list{
+    max-height: 500px;
+    overflow-y: auto;
+  }
+  .instance_frame_wrapper ::-webkit-scrollbar {
+    width: 7px;
+    height: 7px;
+  }
+  .instance_frame_wrapper  ::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    background: #d0d0d0;
+  }
+  .frame_content{
+    /* height: 50px; */
+    padding: 10px;
+    display: flex;
+    justify-content: flex-start;
+    color: #ddd;
+    font-size: 12px;
+    border: 1px solid #404040;
+  }
+  .frame_content:hover {
+    /* font-weight: bold; */
+    /* box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); */
+    cursor: pointer;
+    /* color: #428bca; */
+    border-color: #213a54 !important;
+    background-color: #213a54;
+  }
 </style>

src/views/dictionary/attachment/components/CommonTemplate/TemplateForm.vue

@@ -9,10 +9,10 @@
     class="upload-temporary-file"
   >
     <div class="base-dialog-body">
-      <el-form-item label="Code" prop="Code">
+      <el-form-item :label="$t('dictionary:attachment:label:code')" prop="Code">
         <el-input v-model="form.Code" />
       </el-form-item>
-      <el-form-item label="业务场景: " prop="BusinessScenarioEnum">
+      <el-form-item :label="$t('dictionary:attachment:label:businessScenario')" prop="BusinessScenarioEnum">
         <el-select
           v-model="form.BusinessScenarioEnum"
           style="width:100%;"
@@ -28,7 +28,7 @@
         </el-select>
       </el-form-item>
 
-      <el-form-item label="文件: ">
+      <el-form-item :label="$t('dictionary:attachment:export:form:file')">
         <div class="upload-container">
           <el-upload
             class="upload-demo"

src/views/dictionary/attachment/components/CommonTemplate/index.vue

@@ -2,7 +2,8 @@
   <BaseContainer>
     <template slot="search-container">
       <el-form :inline="true" size="small">
-        <el-form-item label="业务场景">
+        <!-- 业务场景 -->
+        <el-form-item :label="$t('dictionary:attachment:label:businessScenario')">
           <el-select
             v-model="searchData.BusinessScenarioEnum"
             style="width:150px;"
@@ -16,7 +17,8 @@
 
           </el-select>
         </el-form-item>
-        <el-form-item label="文件名称">
+        <!-- 文件名称 -->
+        <el-form-item :label="$t('dictionary:attachment:label:name')">
           <el-input
             v-model="searchData.Name"
             style="width:130px;"
@@ -57,14 +59,14 @@
         <el-table-column type="index" width="40" />
         <el-table-column
           prop="Code"
-          label="Code"
+          :label="$t('dictionary:attachment:label:code')"
           show-overflow-tooltip
           sortable="custom"
         />
 
         <el-table-column
           prop="BusinessScenarioEnum"
-          label="业务场景"
+          :label="$t('dictionary:attachment:label:businessScenario')"
           show-overflow-tooltip
           sortable="custom"
         >
@@ -76,18 +78,18 @@
 
         <el-table-column
           prop="Name"
-          label="文件名称"
+          :label="$t('dictionary:attachment:label:name')"
           show-overflow-tooltip
           sortable="custom"
         />
         <el-table-column
           prop="Description"
-          label="描述"
+          :label="$t('dictionary:attachment:label:description')"
           show-overflow-tooltip
         />
         <el-table-column
           prop="IsDeleted"
-          label="是否废除"
+          :label="$t('dictionary:attachment:label:isDeleted')"
           show-overflow-tooltip
           sortable="custom"
         >
@@ -98,7 +100,7 @@
         </el-table-column>
         <el-table-column
           prop="UpdateTime"
-          label="上传时间"
+          :label="$t('dictionary:attachment:label:updateTime')"
           show-overflow-tooltip
           sortable="custom"
         />
@@ -109,19 +111,19 @@
               type="text"
               @click="handleDownload(scope.row)"
             >
-              下载
+              {{ $t('common:button:download') }}
             </el-button>
             <el-button
               type="text"
               @click="handleEdit(scope.row)"
             >
-              编辑
+              {{ $t('common:action:edit') }}
             </el-button>
             <el-button
               type="text"
               @click="handleDelete(scope.row)"
             >
-              删除
+              {{ $t('common:button:delete') }}
             </el-button>
           </template>
         </el-table-column>
@@ -176,9 +178,9 @@ export default {
   },
   methods: {
     handleDelete(row) {
-      this.$confirm('确定删除该文件？').then(() => {
+      this.$confirm(this.$t('dictionary:attachment:export:confirm:delete')).then(() => {
         deleteCommonDocument(row.Id).then(() => {
-          this.$message.success('删除成功')
+          this.$message.success(this.$t('common:message:deletedSuccessfully'))
           this.getList()
         })
       })
@@ -195,7 +197,7 @@ export default {
     },
     // 新增
     handleAdd() {
-      this.editDialog.title = 'Add'
+      this.editDialog.title = this.$t('common:button:new')
       this.currentRow = { FileTypeEnum: FileTypeEnum }
       this.editDialog.visible = true
     },
@@ -208,7 +210,7 @@ export default {
     },
     // 编辑
     handleEdit(row) {
-      this.editDialog.title = 'Edit'
+      this.editDialog.title = this.$t('common:action:edit')
       this.currentRow = { ...row }
       this.editDialog.visible = true
     },

src/views/dictionary/attachment/components/EmailTemplate/index.vue

@@ -2,7 +2,8 @@
   <BaseContainer>
     <template slot="search-container">
       <el-form :inline="true" size="small">
-        <el-form-item label="业务场景">
+        <!-- 业务场景 -->
+        <el-form-item :label="$t('dictionary:attachment:label:businessScenario')">
           <el-select
             v-model="searchData.BusinessScenarioEnum"
             style="width:150px;"
@@ -16,7 +17,8 @@
 
           </el-select>
         </el-form-item>
-        <el-form-item label="文件名称">
+        <!-- 文件名称 -->
+        <el-form-item :label="$t('dictionary:attachment:label:name')">
           <el-input
             v-model="searchData.Name"
             style="width:130px;"
@@ -57,14 +59,14 @@
         <el-table-column type="index" width="40" />
         <el-table-column
           prop="Code"
-          label="Code"
+          :label="$t('dictionary:attachment:label:code')"
           show-overflow-tooltip
           sortable="custom"
         />
 
         <el-table-column
           prop="BusinessScenarioEnum"
-          label="业务场景"
+          :label="$t('dictionary:attachment:label:businessScenario')"
           show-overflow-tooltip
           sortable="custom"
         >
@@ -76,7 +78,7 @@
 
         <el-table-column
           prop="Name"
-          label="文件名称"
+          :label="$t('dictionary:attachment:label:name')"
           show-overflow-tooltip
           sortable="custom"
         />
@@ -92,12 +94,12 @@
         </el-table-column>
         <el-table-column
           prop="Description"
-          label="描述"
+          :label="$t('dictionary:attachment:label:description')"
           show-overflow-tooltip
         />
         <el-table-column
           prop="IsDeleted"
-          label="是否废除"
+          :label="$t('dictionary:attachment:label:isDeleted')"
           show-overflow-tooltip
           sortable="custom"
         >
@@ -108,18 +110,18 @@
         </el-table-column>
         <el-table-column
           prop="UpdateTime"
-          label="上传时间"
+          :label="$t('dictionary:attachment:label:updateTime')"
           show-overflow-tooltip
           sortable="custom"
         />
 
-        <el-table-column label="Action">
+        <el-table-column :label="$t('common:action:action')">
           <template slot-scope="scope">
             <el-button
               type="text"
               @click="handleDownload(scope.row)"
             >
-              下载
+              {{ $t('common:button:download') }}
             </el-button>
             <!-- <el-button
               type="text"

src/views/dictionary/attachment/components/ExportTemplate/TemplateForm.vue

@@ -9,7 +9,7 @@
     class="upload-temporary-file"
   >
     <div class="base-dialog-body">
-      <el-form-item label="Code" prop="Code">
+      <el-form-item :label="$t('dictionary:attachment:export:search:code')" prop="Code">
         <el-input v-model="form.Code" />
       </el-form-item>
       <el-form-item
@@ -76,8 +76,9 @@
         :label="$t('dictionary:attachment:export:form:isDeleted')"
       >
         <el-radio-group v-model="form.IsDeleted">
-          <el-radio :label="true">是</el-radio>
-          <el-radio :label="false">否</el-radio>
+          <el-radio v-for="item of $d.YesOrNo" :key="`IsDeleted${item.value}`" :label="item.value">
+            {{ item.label }}
+          </el-radio>
         </el-radio-group>
       </el-form-item>
       <el-form-item

src/views/dictionary/attachment/components/ExportTemplate/index.vue

@@ -60,7 +60,7 @@
         <el-table-column type="index" width="40" />
         <el-table-column
           prop="Code"
-          label="Code"
+          :label="$t('dictionary:attachment:export:search:code')"
           show-overflow-tooltip
           sortable="custom"
         />
@@ -235,7 +235,7 @@ export default {
     },
     // 新增
     handleAdd() {
-      this.editDialog.title = 'Add'
+      this.editDialog.title = this.$t('common:button:new')
       this.currentRow = { FileTypeEnum: FileTypeEnum }
       this.editDialog.visible = true
     },
@@ -252,7 +252,7 @@ export default {
     },
     // 编辑
     handleEdit(row) {
-      this.editDialog.title = 'Edit'
+      this.editDialog.title = this.$t('common:action:edit')
       this.currentRow = { ...row }
       this.editDialog.visible = true
     },

src/views/dictionary/attachment/components/SignatureTemplate/index.vue

@@ -247,7 +247,7 @@ export default {
     },
     // 新增
     handleAdd() {
-      this.title = 'Add'
+      this.title = this.$t('common:button:new')
       this.currentRow = {}
       this.editVisible = true
     },
@@ -262,7 +262,7 @@ export default {
     },
     // 编辑
     handleEdit(row) {
-      this.title = 'Edit'
+      this.title = this.$t('common:action:edit')
       this.currentRow = { ...row }
       this.editVisible = true
     },

src/views/dictionary/attachment/components/UploadTemplate/TemplateForm.vue

@@ -9,10 +9,10 @@
     class="upload-temporary-file"
   >
     <div class="base-dialog-body">
-      <el-form-item label="Code" prop="Code">
+      <el-form-item :label="$t('dictionary:attachment:label:code')" prop="Code">
         <el-input v-model="form.Code" />
       </el-form-item>
-      <el-form-item label="业务场景: " prop="BusinessScenarioEnum">
+      <el-form-item :label="$t('dictionary:attachment:label:businessScenario')" prop="BusinessScenarioEnum">
         <el-select
           v-model="form.BusinessScenarioEnum"
           style="width: 100%"
@@ -28,7 +28,7 @@
         </el-select>
       </el-form-item>
 
-      <el-form-item label="文件: ">
+      <el-form-item :label="$t('dictionary:attachment:label:file')">
         <div class="upload-container">
           <el-upload
             class="upload-demo"
@@ -57,7 +57,7 @@
           </el-upload>
         </div>
       </el-form-item>
-      <el-form-item label="文件名" prop="Name">
+      <el-form-item :label="$t('dictionary:attachment:label:name')" prop="Name">
         <el-input v-model="form.Name" />
       </el-form-item>
       <el-form-item
@@ -66,7 +66,7 @@
       >
         <el-input v-model="form.NameCN" />
       </el-form-item>
-      <el-form-item v-if="form.Id !== ''" label="是否废除: ">
+      <el-form-item v-if="form.Id !== ''" :label="$t('dictionary:attachment:label:isDeleted')">
         <el-radio-group v-model="form.IsDeleted">
           <el-radio
             v-for="item of $d.YesOrNo"
@@ -76,12 +76,11 @@
           >
         </el-radio-group>
       </el-form-item>
-      <el-form-item label="描述">
+      <el-form-item :label="$t('dictionary:attachment:label:description')">
         <el-input
           v-model="form.Description"
           type="textarea"
           :autosize="{ minRows: 2, maxRows: 4 }"
-          placeholder="请输入内容"
         />
       </el-form-item>
     </div>
@@ -93,7 +92,7 @@
           :disabled="!form.FileTypeEnum || !form.BusinessScenarioEnum"
           :loading="saveBtnLoading"
           @click="handleSave"
-          >Save</el-button
+          >{{ $t('common:button:save') }}</el-button
         >
       </el-form-item>
     </div>
@@ -132,16 +131,16 @@ export default {
       },
       rules: {
         Code: [
-          { required: true, message: 'Please specify', trigger: ['blur'] },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur'] },
         ],
         Name: [
-          { required: true, message: 'Please specify', trigger: ['blur'] },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur'] },
         ],
         NameCN: [
-          { required: true, message: 'Please specify', trigger: ['blur'] },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur'] },
         ],
         BusinessScenarioEnum: [
-          { required: true, message: 'Please select', trigger: ['blur'] },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur'] },
         ],
       },
       fileList: [],
@@ -193,7 +192,7 @@ export default {
         this.fileList = []
         return true
       } else {
-        this.$alert('必须是word/excel格式')
+        this.$alert(this.$t('dictionary:attachment:export:alert:formatFile'))
 
         return false
       }
@@ -220,7 +219,7 @@ export default {
       this.$refs.sysTemplateFrom.validate((valid) => {
         if (!valid) return
         if (!this.form.Name) {
-          this.$alert('Please select file.')
+          this.$alert(this.$t('dictionary:attachment:message:msg1'))
           return
         }
         this.saveBtnLoading = true
@@ -229,7 +228,7 @@ export default {
             this.saveBtnLoading = false
             this.$emit('closeDialog')
             this.$emit('getList')
-            this.$message.success('Uploaded successfully')
+            this.$message.success(this.$t('common:message:savedSuccessfully'))
           })
           .catch(() => {
             this.saveBtnLoading = false
@@ -248,7 +247,7 @@ export default {
       }
     },
     handleExceed(files, fileList) {
-      this.$message.warning(`Upload is currently limited to 1 file`)
+      this.$message.warning(this.$t('upload:rule:maxFile1'))
     },
     checkFileSuffix(fileName) {
       var typeArr = ['xls', 'xlsx', 'doc', 'docx']

src/views/dictionary/attachment/components/UploadTemplate/index.vue

@@ -2,7 +2,8 @@
   <BaseContainer>
     <template slot="search-container">
       <el-form :inline="true" size="small">
-        <el-form-item label="业务场景">
+        <!-- 业务场景 -->
+        <el-form-item :label="$t('dictionary:attachment:label:businessScenario')">
           <el-select
             v-model="searchData.BusinessScenarioEnum"
             style="width: 150px"
@@ -15,7 +16,8 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="文件名称">
+        <!-- 文件名称 -->
+        <el-form-item :label="$t('dictionary:attachment:label:name')">
           <el-input v-model="searchData.Name" style="width: 130px" clearable />
         </el-form-item>
 
@@ -56,14 +58,14 @@
         <el-table-column type="index" width="40" />
         <el-table-column
           prop="Code"
-          label="Code"
+          :label="$t('dictionary:attachment:label:code')"
           show-overflow-tooltip
           sortable="custom"
         />
-
+        <!-- 业务场景 -->
         <el-table-column
           prop="BusinessScenarioEnum"
-          label="业务场景"
+          :label="$t('dictionary:attachment:label:businessScenario')"
           show-overflow-tooltip
           sortable="custom"
         >
@@ -76,10 +78,10 @@
             }}
           </template>
         </el-table-column>
-
+        <!-- 文件名称 -->
         <el-table-column
           prop="Name"
-          label="文件名称"
+          :label="$t('dictionary:attachment:label:name')"
           show-overflow-tooltip
           sortable="custom"
         />
@@ -89,14 +91,16 @@
           show-overflow-tooltip
           sortable="custom"
         />
+        <!-- 描述 -->
         <el-table-column
           prop="Description"
-          label="描述"
+          :label="$t('dictionary:attachment:label:description')"
           show-overflow-tooltip
         />
+        <!-- 是否废除 -->
         <el-table-column
           prop="IsDeleted"
-          label="是否废除"
+          :label="$t('dictionary:attachment:label:isDeleted')"
           show-overflow-tooltip
           sortable="custom"
         >
@@ -109,26 +113,27 @@
             }}</el-tag>
           </template>
         </el-table-column>
+        <!-- 上传时间 -->
         <el-table-column
           prop="UpdateTime"
-          label="上传时间"
+          :label="$t('dictionary:attachment:label:updateTime')"
           show-overflow-tooltip
           sortable="custom"
         />
 
-        <el-table-column label="Action">
+        <el-table-column :label="$t('common:action:action')">
           <template slot-scope="scope">
             <el-button type="text" @click="PreviewFile(scope.row)">
               {{ $t('common:button:preview') }}
             </el-button>
             <el-button type="text" @click="handleDownload(scope.row)">
-              下载
+              {{ $t('common:button:download') }}
             </el-button>
             <el-button type="text" @click="handleEdit(scope.row)">
-              编辑
+              {{ $t('common:button:edit') }}
             </el-button>
             <el-button type="text" @click="handleDelete(scope.row)">
-              删除
+              {{ $t('common:button:delete') }}
             </el-button>
           </template>
         </el-table-column>
@@ -197,12 +202,13 @@ export default {
   },
   methods: {
     handleDelete(row) {
-      this.$confirm('确定删除该模版？').then(() => {
+      // 确定删除该模版？
+      this.$confirm(this.$t('dictionary:attachment:message:msg1')).then(() => {
         deleteCommonDocument(row.Id).then(() => {
-          this.$message.success('删除成功')
+          this.$message.success(this.$t('common:message:deletedSuccessfully'))
           this.getList()
         })
-      })
+      }).catch(()=>{})
     },
     PreviewFile(row) {
       let basePath = window.location.origin
@@ -229,7 +235,7 @@ export default {
     },
     // 新增
     handleAdd() {
-      this.editDialog.title = 'Add'
+      this.editDialog.title = this.$t('common:button:new')
       this.currentRow = { FileTypeEnum: FileTypeEnum }
       this.editDialog.visible = true
     },
@@ -246,7 +252,7 @@ export default {
     },
     // 编辑
     handleEdit(row) {
-      this.editDialog.title = 'Edit'
+      this.editDialog.title = this.$t('common:button:edit')
       this.currentRow = { ...row }
       this.editDialog.visible = true
     },

src/views/dictionary/institutions/components/CROs.vue

@@ -2,19 +2,21 @@
   <box-content>
     <div class="search">
       <el-form :inline="true" size="small" class="base-search-form">
-        <el-form-item label="CRO Name:">
+        <!-- CRO Name -->
+        <el-form-item :label="$t('institutions:cros:label:croName')">
           <el-input v-model="searchData.CROName" style="width: 100px" />
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" icon="el-icon-search" @click="handleSearch"
-            >Search</el-button
-          >
+          <el-button type="primary" icon="el-icon-search" @click="handleSearch">
+            {{ $t('common:button:search') }}
+          </el-button>
           <el-button
             type="primary"
             icon="el-icon-refresh-left"
             @click="handleReset"
-            >Reset</el-button
           >
+            {{ $t('common:button:reset') }}
+          </el-button>
         </el-form-item>
       </el-form>
       <span style="margin-left: auto">
@@ -24,7 +26,7 @@
           style="margin-left: auto"
           icon="el-icon-plus"
           @click="handleAddCro"
-          >New</el-button
+          >{{ $t('common:button:new') }}</el-button
         >
       </span>
     </div>
@@ -37,30 +39,34 @@
       @sort-change="handleSortByColumn"
     >
       <el-table-column type="index" width="40" />
+      <!-- CRO Code -->
       <el-table-column
         prop="CROCode"
-        label="CRO Code"
+        :label="$t('institutions:cros:label:croCode')"
         min-width="150"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- CRO Name -->
       <el-table-column
         prop="CROName"
-        label="CRO Name"
+        :label="$t('institutions:cros:label:croName')"
         min-width="150"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- CRO NameCN -->
       <el-table-column
         prop="CRONameCN"
-        label="CRO NameCN"
+        :label="$t('institutions:cros:label:croNameCN')"
         min-width="150"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Level -->
       <el-table-column
         prop="IsTrialLevel"
-        label="Level"
+        :label="$t('institutions:cros:label:level')"
         show-overflow-tooltip
         sortable="custom"
       >
@@ -68,7 +74,7 @@
           <span>{{ $fd("IsTrialLevel", String(scope.row.IsTrialLevel)) }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="Action" min-width="200">
+      <el-table-column :label="$t('common:action:action')" min-width="200">
         <template slot-scope="scope">
           <el-button
             circle
@@ -160,13 +166,13 @@ export default {
     // 新增CRO
     handleAddCro() {
       this.rowData = {};
-      this.title = "Add";
+      this.title =this.$t('common:button:new');
       this.editVisible = true;
     },
     // 编辑CRO
     handleEdit(row) {
       this.rowData = row;
-      this.title = "Edit";
+      this.title = this.$t('common:action:edit');
       this.editVisible = true;
     },
     // 删除CRO

src/views/dictionary/institutions/components/CroForm.vue

@@ -5,19 +5,23 @@
     :rules="rules"
     class="demo-ruleForm"
     size="small"
-    label-width="120px"
+    label-width="140px"
   >
     <div class="base-dialog-body">
-      <el-form-item label="CRO Name: " prop="CROName">
+      <!-- CRO Name -->
+      <el-form-item :label="$t('institutions:cros:label:croName')" prop="CROName">
         <el-input v-model="form.CROName" />
       </el-form-item>
-      <el-form-item label="CRO NameCN: " prop="CRONameCN">
+      <!-- CRO NameCN -->
+      <el-form-item :label="$t('institutions:cros:label:croNameCN')" prop="CRONameCN">
         <el-input v-model="form.CRONameCN" />
       </el-form-item>
-      <el-form-item label="CRO Code: " prop="CROCode">
+      <!-- CRO Code -->
+      <el-form-item :label="$t('institutions:cros:label:croCode')" prop="CROCode">
         <el-input v-model="form.CROCode" />
       </el-form-item>
-      <el-form-item label="Level: ">
+      <!-- Level -->
+      <el-form-item :label="$t('institutions:cros:label:level')">
         <el-switch
           :disabled="!IsTrialLevel"
           v-model="form.IsTrialLevel"
@@ -30,10 +34,10 @@
     <div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
       <el-form-item>
         <el-button :disabled="btnLoading" type="primary" @click="handleCancel"
-          >Cancel</el-button
+          >{{ $t('common:button:cancel') }}</el-button
         >
         <el-button type="primary" :loading="btnLoading" @click="handleSave"
-          >Save</el-button
+          >{{ $t('common:button:save') }}</el-button
         >
       </el-form-item>
     </div>
@@ -67,16 +71,16 @@ export default {
       },
       rules: {
         CROName: [
-          { required: true, message: "Please specify", trigger: "blur" },
-          { max: 500, message: "The maximum length is 500" },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: "blur" },
+          { max: 500, message: this.$t('common:ruleMessage:maxLength') + ' 500' },
         ],
         CRONameCN: [
-          { required: true, message: "Please specify", trigger: "blur" },
-          { max: 500, message: "The maximum length is 500" },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: "blur" },
+          { max: 500, message: this.$t('common:ruleMessage:maxLength') + ' 500' },
         ],
         CROCode: [
-          { required: true, message: "Please specify", trigger: "blur" },
-          { max: 50, message: "The maximum length is 50" },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: "blur" },
+          { max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' },
         ],
       },
     };
@@ -95,7 +99,7 @@ export default {
           .then((res) => {
             this.btnLoading = false;
             if (res.IsSuccess) {
-              this.$message.success("Saved successfully");
+              this.$message.success(this.$t('common:message:savedSuccessfully'));
               this.$refs["CROForm"].resetFields();
               this.$emit("getList");
               this.$emit("close");

src/views/dictionary/institutions/components/HospitalForm.vue

@@ -8,7 +8,8 @@
     label-width="170px"
   >
     <div class="base-dialog-body">
-      <el-form-item label="Site: ">
+      <!-- Site -->
+      <el-form-item :label="$t('institutions:hospitals:label:site')">
         <el-select
           v-model="form.SiteId"
           style="width: 100%"
@@ -25,40 +26,50 @@
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="Hospital CN: " prop="HospitalNameCN">
+      <!-- Hospital CN -->
+      <el-form-item :label="$t('institutions:hospitals:label:hospitalCN')" prop="HospitalNameCN">
         <el-input v-model="form.HospitalNameCN" />
       </el-form-item>
-      <el-form-item label="Hospital EN: " prop="HospitalName">
+      <!-- Hospital EN -->
+      <el-form-item :label="$t('institutions:hospitals:label:hospital')" prop="HospitalName">
         <el-input v-model="form.HospitalName" />
       </el-form-item>
+      <!-- Affiliated University CN -->
       <el-form-item
-        label="Affiliated University CN: "
+        :label="$t('institutions:hospitals:label:universityAffiliatedCN')"
         prop="UniversityAffiliatedCN"
       >
         <el-input v-model="form.UniversityAffiliatedCN" />
       </el-form-item>
+      <!-- Affiliated University EN -->
       <el-form-item
-        label="Affiliated University EN: "
+        :label="$t('institutions:hospitals:label:universityAffiliated')"
         prop="UniversityAffiliated"
       >
         <el-input v-model="form.UniversityAffiliated" />
       </el-form-item>
-      <el-form-item label="Country CN: " prop="CountryCN">
+      <!-- Country CN -->
+      <el-form-item :label="$t('institutions:hospitals:label:countryCN')" prop="CountryCN">
         <el-input v-model="form.CountryCN" />
       </el-form-item>
-      <el-form-item label="Country EN: " prop="Country">
+      <!-- Country EN -->
+      <el-form-item :label="$t('institutions:hospitals:label:country')" prop="Country">
         <el-input v-model="form.Country" />
       </el-form-item>
-      <el-form-item label="Province CN: " prop="ProvinceCN">
+      <!-- Province CN -->
+      <el-form-item :label="$t('institutions:hospitals:label:provinceCN')" prop="ProvinceCN">
         <el-input v-model="form.ProvinceCN" />
       </el-form-item>
-      <el-form-item label="Province EN: " prop="Province">
+      <!-- Province EN -->
+      <el-form-item :label="$t('institutions:hospitals:label:province')" prop="Province">
         <el-input v-model="form.Province" />
       </el-form-item>
-      <el-form-item label="City CN: " prop="CityCN">
+      <!-- City CN -->
+      <el-form-item :label="$t('institutions:hospitals:label:cityCN')" prop="CityCN">
         <el-input v-model="form.CityCN" />
       </el-form-item>
-      <el-form-item label="City EN: " prop="City">
+      <!-- City EN -->
+      <el-form-item :label="$t('institutions:hospitals:label:city')" prop="City">
         <el-input v-model="form.City" />
       </el-form-item>
     </div>
@@ -69,14 +80,14 @@
           size="small"
           type="primary"
           @click="handleCancel"
-          >Cancel</el-button
+          >{{ $t('common:button:cancel') }}</el-button
         >
         <el-button
           size="small"
           type="primary"
           :loading="btnLoading"
           @click="handleSave"
-          >Save</el-button
+          >{{ $t('common:button:save') }}</el-button
         >
       </el-form-item>
     </div>
@@ -121,29 +132,29 @@ export default {
       siteList: [],
       rules: {
         HospitalNameCN: [
-          { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          { max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' },
         ],
         UniversityAffiliated: [
-          { max: 100, message: 'The maximum length is 100' },
+          { max: 100, message: this.$t('common:ruleMessage:maxLength') + ' 100' },
         ],
         UniversityAffiliatedCN: [
-          { max: 100, message: 'The maximum length is 100' },
+          { max: 100, message: this.$t('common:ruleMessage:maxLength') + ' 100' },
         ],
-        Country: [{ max: 50, message: 'The maximum length is 50' }],
+        Country: [{ max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' }],
         CountryCN: [
-          { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          { max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' },
         ],
-        Province: [{ max: 50, message: 'The maximum length is 50' }],
+        Province: [{ max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' }],
         ProvinceCN: [
-          { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          { max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' },
         ],
-        City: [{ max: 50, message: 'The maximum length is 50' }],
+        City: [{ max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' }],
         CityCN: [
           { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' },
+          { max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' },
         ],
       },
     }
@@ -184,7 +195,7 @@ export default {
           .then((res) => {
             this.btnLoading = false
             if (res.IsSuccess) {
-              this.$message.success('Saved successfully')
+              this.$message.success(this.$t('common:message:savedSuccessfully'))
               this.$refs['hospitalForm'].resetFields()
               this.$emit('getList')
               this.$emit('close')

src/views/dictionary/institutions/components/Hospitals.vue

@@ -2,18 +2,29 @@
   <box-content>
     <div class="search">
       <el-form :inline="true" size="small" class="base-search-form">
-        <el-form-item label="Hospital:">
+        <!-- Hospital -->
+        <el-form-item :label="$t('institutions:hospitals:label:hospital')">
           <el-input v-model="searchData.HospitalName" style="width:100px;" />
         </el-form-item>
-        <el-form-item label="Province:">
+        <!-- Province -->
+        <el-form-item :label="$t('institutions:hospitals:label:province')">
           <el-input v-model="searchData.Province" style="width:100px;" />
         </el-form-item>
-        <el-form-item label="City:">
+        <!-- City -->
+        <el-form-item :label="$t('institutions:hospitals:label:city')">
           <el-input v-model="searchData.City" style="width:100px;" />
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" icon="el-icon-search" @click="handleSearch">Search</el-button>
-          <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">Reset</el-button>
+          <el-button type="primary" icon="el-icon-search" @click="handleSearch">
+            {{ $t('common:button:search') }}
+          </el-button>
+          <el-button
+            type="primary"
+            icon="el-icon-refresh-left"
+            @click="handleReset"
+          >
+            {{ $t('common:button:reset') }}
+          </el-button>
         </el-form-item>
       </el-form>
       <span style="margin-left:auto;">
@@ -23,7 +34,7 @@
           style="margin-left:auto;"
           icon="el-icon-plus"
           @click="handleAddHospital"
-        >New</el-button>
+        >{{ $t('common:button:new') }}</el-button>
       </span>
     </div>
     <!-- hospital列表 -->
@@ -36,79 +47,89 @@
       @sort-change="handleSortByColumn"
     >
       <el-table-column type="index" width="40" />
+      <!-- Hospital -->
       <el-table-column
         prop="HospitalName"
-        label="Hospital"
+        :label="$t('institutions:hospitals:label:hospital')"
         min-width="120"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Hospital CN -->
       <el-table-column
         prop="HospitalNameCN"
         label="Hospital CN"
+        :label="$t('institutions:hospitals:label:hospitalCN')"
         min-width="120"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- University Affiliated -->
       <el-table-column
         prop="UniversityAffiliated"
-        label="University Affiliated"
+        :label="$t('institutions:hospitals:label:universityAffiliated')"
         min-width="170"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- University Affiliated CN -->
       <el-table-column
         prop="UniversityAffiliatedCN"
-        label="University Affiliated CN"
+        :label="$t('institutions:hospitals:label:universityAffiliatedCN')"
         min-width="170"
         show-overflow-tooltip
         sortable="custom"
       />
-
+      <!-- Country -->
       <el-table-column
         prop="Country"
-        label="Country"
+        :label="$t('institutions:hospitals:label:country')"
         width="120"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Country CN -->
       <el-table-column
         prop="CountryCN"
-        label="Country CN"
+        :label="$t('institutions:hospitals:label:countryCN')"
         width="140"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Province -->
       <el-table-column
         prop="Province"
-        label="Province"
+        :label="$t('institutions:hospitals:label:province')"
         width="120"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Province CN -->
       <el-table-column
         prop="ProvinceCN"
-        label="Province CN"
+        :label="$t('institutions:hospitals:label:provinceCN')"
         width="140"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- City -->
       <el-table-column
         prop="City"
-        label="City"
+        :label="$t('institutions:hospitals:label:city')"
         width="120"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- City CN -->
       <el-table-column
         prop="CityCN"
-        label="City CN"
-        width="120"
+        :label="$t('institutions:hospitals:label:cityCN')"
+        width="130"
         show-overflow-tooltip
         sortable="custom"
       />
 
-      <el-table-column label="Action" width="150">
+      <el-table-column :label="$t('common:action:action')" width="150">
         <template slot-scope="scope">
           <el-button
             circle
@@ -190,13 +211,13 @@ export default {
     // 新增医院信息
     handleAddHospital() {
       this.rowData = {}
-      this.editDialog.title = 'Add'
+      this.editDialog.title = this.$t('common:button:new')
       this.editDialog.visible = true
     },
     // 修改医院信息
     handleEdit(row) {
       this.rowData = row
-      this.editDialog.title = 'Edit'
+      this.editDialog.title = this.$t('common:action:edit')
       this.editDialog.visible = true
     },
     // 删除医院信息

src/views/dictionary/institutions/components/SiteForm.vue

@@ -9,49 +9,50 @@
     label-width="150px"
   >
     <div class="base-dialog-body">
-      <el-form-item label="Site Code: " v-if="form.Id" prop="SiteCode">
+      <!-- Site Code -->
+      <el-form-item :label="$t('institutions:sites:label:siteCode')" v-if="form.Id" prop="SiteCode">
         <el-input v-model="form.SiteCode" disabled />
       </el-form-item>
 
       <!-- 中心名称 -->
       <el-form-item
-        :label="$t('trials:customSite:form:siteName')"
+        :label="$t('institutions:sites:label:siteName')"
         prop="SiteName"
       >
         <el-input v-model="form.SiteName" />
       </el-form-item>
       <!-- 中心名称（CN） -->
       <el-form-item
-        :label="$t('trials:customSite:form:siteName') + '（CN）'"
+        :label="$t('institutions:sites:label:siteNameCN')"
         prop="SiteNameCN"
       >
         <el-input v-model="form.SiteNameCN" />
       </el-form-item>
-
-      <el-form-item label="Alias Name: ">
+      <!-- Alias Name -->
+      <el-form-item :label="$t('institutions:sites:label:aliasName')">
         <el-input v-model="form.AliasName" />
       </el-form-item>
 
       <!-- <el-form-item label="组织机构代码: ">
         <el-input v-model="form.UniqueCode" />
       </el-form-item> -->
-
-      <el-form-item label="Country: " prop="Country">
+      <!-- Country -->
+      <el-form-item :label="$t('institutions:sites:label:country')" prop="Country">
         <el-input v-model="form.Country" />
       </el-form-item>
-
-      <el-form-item label="City: " prop="City">
+      <!-- City -->
+      <el-form-item :label="$t('institutions:sites:label:city')" prop="City">
         <el-input v-model="form.City" />
       </el-form-item>
-      <el-form-item label="Address: " prop="Address">
+      <!-- Address -->
+      <el-form-item :label="$t('institutions:sites:label:address')" prop="Address">
         <el-input v-model="form.Address" />
       </el-form-item>
-
-      <el-form-item label="Affiliated Hospital: ">
+      <!-- Affiliated Hospital -->
+      <el-form-item :label="$t('institutions:sites:label:affiliatedHospital')">
         <el-select
           v-model="form.HospitalId"
           clearable
-          placeholder="Please select"
           style="width: 100%"
         >
           <el-option
@@ -62,20 +63,20 @@
           />
         </el-select>
       </el-form-item>
-
-      <el-form-item label="Director Name: " prop="DirectorName">
+      <!-- Director Name -->
+      <el-form-item :label="$t('institutions:sites:label:directorName')" prop="DirectorName">
         <el-input v-model="form.DirectorName" />
       </el-form-item>
-
-      <el-form-item label="Director Phone: " prop="DirectorPhone">
+      <!-- Director Phone -->
+      <el-form-item :label="$t('institutions:sites:label:directorPhone')" prop="DirectorPhone">
         <el-input v-model="form.DirectorPhone" />
       </el-form-item>
-
-      <el-form-item label="Contact Name: " prop="ContactName">
+      <!-- Contact Name -->
+      <el-form-item :label="$t('institutions:sites:label:contactName')" prop="ContactName">
         <el-input v-model="form.ContactName" />
       </el-form-item>
-
-      <el-form-item label="Contact Phone: " prop="ContactPhone">
+      <!-- Contact Phone -->
+      <el-form-item :label="$t('institutions:sites:label:contactPhone')" prop="ContactPhone">
         <el-input v-model="form.ContactPhone" />
       </el-form-item>
     </div>
@@ -86,14 +87,14 @@
           size="small"
           type="primary"
           @click="handleCancel"
-          >Cancel</el-button
+          >{{ $t('common:button:cancel') }}</el-button
         >
         <el-button
           size="small"
           type="primary"
           :loading="btnLoading"
           @click="handleSave"
-          >Save</el-button
+          >{{ $t('common:button:save') }}</el-button
         >
       </el-form-item>
     </div>
@@ -133,35 +134,35 @@ export default {
       },
       rules: {
         SiteName: [
-          { required: true, message: 'Please specify', trigger: 'blur' },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
           // { max: 50, message: 'The maximum length is 50' }
         ],
         SiteNameCN: [
-          { required: true, message: 'Please specify', trigger: 'blur' },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
           // { max: 50, message: 'The maximum length is 50' }
         ],
         SiteCode: [
-          { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          { max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' },
         ],
         Country: [
-          { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          { max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' },
         ],
         City: [
-          { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          { max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' },
         ],
         // HospitalId: [
         //   { required: true, message: 'Please specify', trigger: 'blur' }
         // ],
         Address: [
-          { required: true, message: 'Please specify', trigger: 'blur' },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
         ],
-        DirectorName: [{ max: 50, message: 'The maximum length is 50' }],
-        DirectorPhone: [{ max: 50, message: 'The maximum length is 50' }],
-        ContactName: [{ max: 50, message: 'The maximum length is 50' }],
-        ContactPhone: [{ max: 50, message: 'The maximum length is 50' }],
+        DirectorName: [{ max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' }],
+        DirectorPhone: [{ max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' }],
+        ContactName: [{ max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' }],
+        ContactPhone: [{ max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' }],
       },
       loading: false,
       show: false,
@@ -180,7 +181,7 @@ export default {
           .then((res) => {
             this.btnLoading = false
             if (res.IsSuccess) {
-              this.$message.success('Saved successfully')
+              this.$message.success(this.$t('common:message:savedSuccessfully'))
               this.$refs['siteForm'].resetFields()
               this.$emit('getList')
               this.$emit('close')

src/views/dictionary/institutions/components/Sites.vue

@@ -2,28 +2,33 @@
   <box-content>
     <div class="search">
       <el-form :inline="true" size="small" class="base-search-form">
-        <el-form-item label="Site Name:">
+        <!-- Site Name -->
+        <el-form-item :label="$t('institutions:sites:label:siteName')">
           <el-input v-model="searchData.SiteName" style="width: 120px" />
         </el-form-item>
-        <el-form-item label="Alias Name:">
+        <!-- Alias Name -->
+        <el-form-item :label="$t('institutions:sites:label:aliasName')">
           <el-input v-model="searchData.AliasName" style="width: 120px" />
         </el-form-item>
-        <el-form-item label="Country:">
+        <!-- Country -->
+        <el-form-item :label="$t('institutions:sites:label:country')">
           <el-input v-model="searchData.Country" style="width: 120px" />
         </el-form-item>
-        <el-form-item label="City:">
+        <!-- City -->
+        <el-form-item :label="$t('institutions:sites:label:city')">
           <el-input v-model="searchData.City" style="width: 120px" />
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" icon="el-icon-search" @click="handleSearch"
-            >Search</el-button
-          >
+          <el-button type="primary" icon="el-icon-search" @click="handleSearch">
+            {{ $t('common:button:search') }}
+          </el-button>
           <el-button
             type="primary"
             icon="el-icon-refresh-left"
             @click="handleReset"
-            >Reset</el-button
           >
+            {{ $t('common:button:reset') }}
+          </el-button>
         </el-form-item>
       </el-form>
       <div style="margin-left: auto">
@@ -40,7 +45,8 @@
           style="margin-left: 10px"
           icon="el-icon-plus"
           @click="handleAddSite"
-          >New
+        >
+          {{ $t('common:button:new') }}
         </el-button>
       </div>
     </div>
@@ -53,23 +59,34 @@
       @sort-change="handleSortByColumn"
     >
       <el-table-column type="index" width="40" />
+      <!-- Site Code -->
       <el-table-column
         prop="SiteCode"
-        label="Site Code"
+        :label="$t('institutions:sites:label:siteCode')"
         min-width="120"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Site Name -->
       <el-table-column
         prop="SiteName"
-        label="Site Name"
+        :label="$t('institutions:sites:label:siteName')"
         min-width="150"
         show-overflow-tooltip
         sortable="custom"
       />
+      <el-table-column
+        prop="SiteNameCN"
+        :label="$t('institutions:sites:label:siteNameCN')"
+        min-width="150"
+        show-overflow-tooltip
+        sortable="custom"
+      />
+      
+      <!-- Alias Name -->
       <el-table-column
         prop="AliasName"
-        label="Alias Name"
+        :label="$t('institutions:sites:label:aliasName')"
         min-width="150"
         show-overflow-tooltip
         sortable="custom"
@@ -81,70 +98,79 @@
         show-overflow-tooltip
         sortable="custom"
       /> -->
+      <!-- Country -->
       <el-table-column
         prop="Country"
-        label="Country"
+        :label="$t('institutions:sites:label:country')"
         min-width="120"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- City -->
       <el-table-column
         prop="City"
-        label="City"
+        :label="$t('institutions:sites:label:city')"
         min-width="120"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Address -->
       <el-table-column
         prop="Address"
-        label="Address"
+        :label="$t('institutions:sites:label:address')"
         min-width="120"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Affiliated Hospital -->
       <el-table-column
         prop="HospitalName"
-        label="Affiliated Hospital"
+        :label="$t('institutions:sites:label:affiliatedHospital')"
         min-width="180"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Director Name -->
       <el-table-column
         prop="DirectorName"
-        label="Director Name"
+        :label="$t('institutions:sites:label:directorName')"
         min-width="160"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Director Phone -->
       <el-table-column
         prop="DirectorPhone"
-        label="Director Phone"
+        :label="$t('institutions:sites:label:directorPhone')"
         min-width="150"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Contact Name -->
       <el-table-column
         prop="ContactName"
-        label="Contact Name"
+        :label="$t('institutions:sites:label:contactName')"
         min-width="150"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Contact Phone -->
       <el-table-column
         prop="ContactPhone"
-        label="Contact Phone"
+        :label="$t('institutions:sites:label:contactPhone')"
         min-width="160"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- CreateTime -->
       <el-table-column
         prop="CreateTime"
-        label="CreateTime"
+        :label="$t('institutions:sites:label:createTime')"
         min-width="160"
         show-overflow-tooltip
         sortable="custom"
       />
-      <el-table-column label="Action" fixed="right" width="150">
+      <el-table-column :label="$t('common:action:action')" fixed="right" width="150">
         <template slot-scope="scope">
           <el-button
             circle
@@ -357,7 +383,7 @@ export default {
   data() {
     return {
       editVisible: false,
-      title: "Add",
+      title: this.$t('common:button:new'),
       searchData: searchDataDefault(),
       list: [],
       total: 0,
@@ -439,13 +465,13 @@ export default {
     // 新增Site信息
     handleAddSite() {
       this.rowData = {};
-      this.title = "Add";
+      this.title = this.$t('common:button:new');
       this.editVisible = true;
     },
     // 编辑Site信息
     handleEdit(row) {
       this.rowData = row;
-      this.title = "Edit";
+      this.title = this.$t('common:action:edit');
       this.editVisible = true;
     },
     // 删除Site

src/views/dictionary/institutions/components/SponsorForm.vue

@@ -8,16 +8,20 @@
     label-width="150px"
   >
     <div class="base-dialog-body">
-      <el-form-item label="Sponsor Name: " prop="SponsorName">
+      <!-- Sponsor Name -->
+      <el-form-item :label="$t('institutions:sponsors:label:sponsorName')" prop="SponsorName">
         <el-input v-model="form.SponsorName" />
       </el-form-item>
-      <el-form-item label="Sponsor NameCN: " prop="SponsorName">
+      <!-- Sponsor NameCN -->
+      <el-form-item :label="$t('institutions:sponsors:label:sponsorNameCN')" prop="SponsorName">
         <el-input v-model="form.SponsorNameCN" />
       </el-form-item>
-      <el-form-item label="Sponsor Code: " prop="SponsorCode">
+      <!-- Sponsor Code -->
+      <el-form-item :label="$t('institutions:sponsors:label:sponsorCode')" prop="SponsorCode">
         <el-input v-model="form.SponsorCode" />
       </el-form-item>
-      <el-form-item label="Level: ">
+      <!-- Level -->
+      <el-form-item :label="$t('institutions:sponsors:label:level')">
         <el-switch
           :disabled="!IsTrialLevel"
           v-model="form.IsTrialLevel"
@@ -34,15 +38,17 @@
           size="small"
           type="primary"
           @click="handleCancel"
-          >Cancel</el-button
         >
+          {{ $t('common:button:cancel') }}
+        </el-button>
         <el-button
           size="small"
           type="primary"
           :loading="btnLoading"
           @click="handleSave"
-          >Save</el-button
         >
+          {{ $t('common:button:save') }}
+        </el-button>
       </el-form-item>
     </div>
   </el-form>
@@ -75,16 +81,16 @@ export default {
       },
       rules: {
         SponsorName: [
-          { required: true, message: "Please specify", trigger: "blur" },
-          { max: 500, message: "The maximum length is 500" },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: "blur" },
+          { max: 500, message: this.$t('common:ruleMessage:maxLength') + ' 500' },
         ],
         SponsorNameCN: [
-          { required: true, message: "Please specify", trigger: "blur" },
-          { max: 500, message: "The maximum length is 500" },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: "blur" },
+          { max: 500, message: this.$t('common:ruleMessage:maxLength') + ' 500' },
         ],
         SponsorCode: [
-          { required: true, message: "Please specify", trigger: "blur" },
-          { max: 50, message: "The maximum length is 50" },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: "blur" },
+          { max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' },
         ],
       },
     };
@@ -103,7 +109,7 @@ export default {
           .then((res) => {
             this.btnLoading = false;
             if (res.IsSuccess) {
-              this.$message.success("Saved successfully");
+              this.$message.success(this.$t('common:message:savedSuccessfully'));
               this.$refs["sponsorForm"].resetFields();
               this.$emit("getList");
               this.$emit("close");

src/views/dictionary/institutions/components/Sponsors.vue

@@ -2,19 +2,21 @@
   <box-content>
     <div class="search">
       <el-form :inline="true" size="small" class="base-search-form">
-        <el-form-item label="Sponsor Name:">
+        <!-- Sponsor Name -->
+        <el-form-item :label="$t('institutions:sponsors:label:sponsorName')">
           <el-input v-model="searchData.SponsorName" style="width: 100px" />
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" icon="el-icon-search" @click="handleSearch"
-            >Search</el-button
-          >
+          <el-button type="primary" icon="el-icon-search" @click="handleSearch">
+            {{ $t('common:button:search') }}
+          </el-button>
           <el-button
             type="primary"
             icon="el-icon-refresh-left"
             @click="handleReset"
-            >Reset</el-button
           >
+            {{ $t('common:button:reset') }}
+          </el-button>
         </el-form-item>
       </el-form>
       <span style="margin-left: auto">
@@ -24,7 +26,7 @@
           style="margin-left: auto"
           icon="el-icon-plus"
           @click="handleAddSponsor"
-          >New</el-button
+          >{{ $t('common:button:new') }}</el-button
         >
       </span>
     </div>
@@ -37,30 +39,34 @@
       @sort-change="handleSortByColumn"
     >
       <el-table-column type="index" width="40" />
+      <!-- Sponsor Code -->
       <el-table-column
         prop="SponsorCode"
-        label="Sponsor Code"
+        :label="$t('institutions:sponsors:label:sponsorCode')"
         min-width="100"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Sponsor Name -->
       <el-table-column
         prop="SponsorName"
-        label="Sponsor Name"
+        :label="$t('institutions:sponsors:label:sponsorName')"
         min-width="100"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Sponsor NameCN -->
       <el-table-column
         prop="SponsorNameCN"
-        label="Sponsor NameCN"
+        :label="$t('institutions:sponsors:label:sponsorNameCN')"
         min-width="100"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Level -->
       <el-table-column
         prop="IsTrialLevel"
-        label="Level"
+        :label="$t('institutions:sponsors:label:level')"
         show-overflow-tooltip
         sortable="custom"
       >
@@ -68,7 +74,7 @@
           <span>{{ $fd("IsTrialLevel", String(scope.row.IsTrialLevel)) }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="Action" min-width="150">
+      <el-table-column :label="$t('common:action:action')" min-width="150">
         <template slot-scope="scope">
           <el-button
             circle
@@ -160,13 +166,13 @@ export default {
     // 新增Sponsor
     handleAddSponsor() {
       this.rowData = {};
-      this.title = "Add";
+      this.title = this.$t('common:button:new');
       this.editVisible = true;
     },
     // 编辑Sponsor
     handleEdit(row) {
       this.rowData = row;
-      this.title = "Edit";
+      this.title = this.$t('common:action:edit');
       this.editVisible = true;
     },
     // 删除Sponsor

src/views/dictionary/institutions/index.vue

@@ -1,16 +1,20 @@
 <template>
   <div class="institution-wrapper">
     <el-tabs v-model="activeTab" @tab-click="clickTab">
-      <el-tab-pane label="Hospitals" name="Hospitals">
+      <!-- Hospitals -->
+      <el-tab-pane :label="$t('institutions:tab:hospitals')" name="Hospitals">
         <Hospitals v-if="activeTab === 'Hospitals'" />
       </el-tab-pane>
-      <el-tab-pane label="Sites" name="Sites">
+      <!-- Sites -->
+      <el-tab-pane :label="$t('institutions:tab:sites')" name="Sites">
         <Sites v-if="activeTab === 'Sites'" />
       </el-tab-pane>
-      <el-tab-pane label="CROs" name="CROs">
+      <!-- CROs -->
+      <el-tab-pane :label="$t('institutions:tab:CROs')" name="CROs">
         <CROs v-if="activeTab === 'CROs'" />
       </el-tab-pane>
-      <el-tab-pane label="Sponsors" name="Sponsors">
+      <!-- Sponsors -->
+      <el-tab-pane :label="$t('institutions:tab:sponsors')" name="Sponsors">
         <Sponsors v-if="activeTab === 'Sponsors'" />
       </el-tab-pane>
     </el-tabs>

src/views/dictionary/sign/index.vue

@@ -3,15 +3,25 @@
     <!-- 搜索框 -->
     <div class="search">
       <el-form :inline="true" size="mini" class="base-search-form">
-        <el-form-item label="编号:">
+        <!-- 编号 -->
+        <el-form-item :label="$t('dictionary:sign:label:code')">
           <el-input v-model="searchData.Code" style="width:100px;" />
         </el-form-item>
-        <el-form-item label="模板:">
+        <!-- 模板 -->
+        <el-form-item :label="$t('dictionary:sign:label:name')">
           <el-input v-model="searchData.Name" style="width:100px;" />
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" @click="handleReset">Reset</el-button>
-          <el-button type="primary" @click="handleSearch">Search</el-button>
+          <el-button type="primary" icon="el-icon-search" @click="handleSearch">
+            {{ $t('common:button:search') }}
+          </el-button>
+          <el-button
+            type="primary"
+            icon="el-icon-refresh-left"
+            @click="handleReset"
+          >
+            {{ $t('common:button:reset') }}
+          </el-button>
         </el-form-item>
       </el-form>
       <span style="margin-left:auto;">
@@ -20,7 +30,7 @@
           size="mini"
           @click="handleAdd"
         >
-          New
+          {{ $t('common:button:new') }}
         </el-button>
       </span>
 
@@ -37,58 +47,65 @@
       @sort-change="handleSortByColumn"
     >
       <el-table-column type="index" width="40" />
-
+      <!-- 编号 -->
       <el-table-column
         prop="Code"
-        label="Code"
+        :label="$t('dictionary:sign:label:code')"
         sortable="custom"
         show-overflow-tooltip
       />
+      <!-- 模板 -->
       <el-table-column
         prop="Name"
-        label="模板"
+        :label="$t('dictionary:sign:label:name')"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- 签名内容(EN) -->
       <el-table-column
         prop="Value"
-        label="签名内容(EN)"
+        :label="$t('dictionary:sign:label:value')"
         show-overflow-tooltip
       />
+      <!-- 签名内容(CN) -->
       <el-table-column
         prop="ValueCN"
-        label="签名内容(CN)"
+        :label="$t('dictionary:sign:label:valueCN')"
         show-overflow-tooltip
       />
+      <!-- 更新时间 -->
       <el-table-column
         prop="UpdateTime"
-        label="更新时间"
+        :label="$t('dictionary:sign:label:updateTime')"
         show-overflow-tooltip
         sortable="custom"
       />
-
+      <!-- 创建时间 -->
       <el-table-column
         prop="CreateTime"
-        label="创建时间"
+        :label="$t('dictionary:sign:label:createTime')"
         show-overflow-tooltip
         sortable="custom"
       />
-      <el-table-column label="Action" width="200" fixed="right">
+      <el-table-column :label="$t('common:action:action')" width="200" fixed="right">
         <template slot-scope="scope">
           <el-button
             type="text"
             @click="handleEdit(scope.row)"
           >
-            Edit
+            {{ $t('common:button:edit') }}
           </el-button>
+          <!-- 场景配置 -->
           <el-button
             type="text"
             @click="handleConfig(scope.row)"
           >
-            场景配置
+            {{ $t('dictionary:sign:button:config') }}
           </el-button>
 
-          <el-button type="text" @click="handleDelete(scope.row)">Delete</el-button>
+          <el-button type="text" @click="handleDelete(scope.row)">
+            {{ $t('common:button:delete') }}
+          </el-button>
 
         </template>
       </el-table-column>
@@ -113,7 +130,7 @@
     <el-dialog
       v-if="configVisible"
       :visible.sync="configVisible"
-      title="场景配置"
+      :title="$t('dictionary:sign:button:config')"
       :fullscreen="true"
       append-to-body
       custom-class="base-dialog-wrapper"
@@ -167,13 +184,13 @@ export default {
     // 新增
     handleAdd() {
       this.rowData = {}
-      this.title = 'Add'
+      this.title = this.$t('common:button:new')
       this.editVisible = true
     },
     // 编辑
     handleEdit(row) {
       this.rowData = { ...row }
-      this.title = 'Edit'
+      this.title = this.$t('common:button:edit')
       this.editVisible = true
     },
     // 删除

src/views/dictionary/template/components/AddCriterion.vue

@@ -3,7 +3,7 @@
     ref="organForm"
     v-loading="loading"
     :model="form"
-    label-width="130px"
+    label-width="170px"
     size="small"
     :rules="rules"
   >

src/views/dictionary/template/components/AddDICOMConfig.vue

@@ -8,32 +8,36 @@
         label-width="160px"
         size="small"
       >
-        <el-form-item label="Group: " prop="Group">
+        <el-form-item :label="$t('template:anonymization:label:group')" prop="Group">
           <el-input v-model="form.Group" />
         </el-form-item>
-        <el-form-item label="Element: " prop="Group">
+        <el-form-item :label="$t('template:anonymization:label:element')" prop="Group">
           <el-input v-model="form.Element" />
         </el-form-item>
-        <el-form-item label="tag Description: " prop="Group">
+        <!-- tag Description -->
+        <el-form-item :label="$t('template:anonymization:label:tagDescription')" prop="Group">
           <el-input v-model="form.TagDescription" />
         </el-form-item>
-        <el-form-item label="Tag DescriptionCN: " prop="Group">
+        <!-- Tag DescriptionCN -->
+        <el-form-item :label="$t('template:anonymization:label:tagDescriptionCN')" prop="Group">
           <el-input v-model="form.TagDescriptionCN" />
         </el-form-item>
-        <el-form-item label="Value Representation: " prop="Group">
+        <!-- Value Representation -->
+        <el-form-item :label="$t('template:anonymization:label:valueRepresentation')" prop="Group">
           <el-input v-model="form.ValueRepresentation" />
         </el-form-item>
-        <el-form-item label="Is Fixed: ">
+        <!-- Is Fixed -->
+        <el-form-item :label="$t('template:anonymization:label:isFixed')">
           <el-switch
             v-model="form.IsFixed"
             :active-value="true"
             :inactive-value="false"
           />
         </el-form-item>
-        <el-form-item label="Replace Value: ">
+        <el-form-item :label="$t('template:anonymization:label:valueReplace')">
           <el-input v-model="form.ReplaceValue" />
         </el-form-item>
-        <el-form-item label="Is Enable: ">
+        <el-form-item :label="$t('template:anonymization:label:isEnable')">
           <el-switch
             v-model="form.IsEnable"
             :active-value="true"
@@ -43,8 +47,8 @@
       </el-form>
     </template>
     <template slot="dialog-footer">
-      <el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancle">Cancel</el-button>
-      <el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">Save</el-button>
+      <el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancle">{{ $t('common:button:cancel') }}</el-button>
+      <el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">{{ $t('common:button:save') }}</el-button>
     </template>
   </base-model>
 </template>
@@ -82,7 +86,7 @@ export default {
         IsAdd: false
       },
       rules: {
-        Group: [{ required: true, message: 'Please specify', trigger: 'blur' }]
+        Group: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }]
       },
       model_cfg: { visible: false, showClose: true, width: '600px', title: '' }
     }
@@ -108,7 +112,7 @@ export default {
           this.btnLoading = true
           addOrUpdateSystemAnonymization(this.form).then(res => {
             this.btnLoading = false
-            this.$message.success('Saved successfully!')
+            this.$message.success(this.$t('common:message:savedSuccessfully'))
             this.model_cfg.visible = false
             this.$emit('getList')
           }).catch(() => {

src/views/dictionary/template/components/Anonymization.vue

@@ -3,16 +3,20 @@
     <!-- 搜索框 -->
     <div class="search">
       <el-form :inline="true" size="mini" class="base-search-form">
-        <el-form-item label="Group:">
+        <!-- Group -->
+        <el-form-item :label="$t('template:anonymization:label:group')">
           <el-input v-model="searchData.Group" clearable style="width:120px;" />
         </el-form-item>
-        <el-form-item label="Element:">
+        <!-- Element -->
+        <el-form-item :label="$t('template:anonymization:label:element')">
           <el-input v-model="searchData.Element" clearable style="width:120px;" />
         </el-form-item>
-        <el-form-item label="Tag Description:">
+        <!-- Tag Description -->
+        <el-form-item :label="$t('template:anonymization:label:tagDescription')">
           <el-input v-model="searchData.TagDescription" clearable style="width:120px;" />
         </el-form-item>
-        <el-form-item label="Tag DescriptionCN:">
+        <!-- Tag DescriptionCN -->
+        <el-form-item :label="$t('template:anonymization:label:tagDescriptionCN')">
           <el-input v-model="searchData.TagDescriptionCN" clearable style="width:120px;" />
         </el-form-item>
         <el-form-item>
@@ -29,7 +33,7 @@
         </el-form-item>
       </el-form>
       <span style="margin-left:auto">
-        <el-button type="primary" size="mini" @click="handleAdd">New</el-button>
+        <el-button type="primary" size="mini" @click="handleAdd">{{ $t('common:button:new') }}</el-button>
       </span>
     </div>
 
@@ -38,37 +42,42 @@
       v-adaptive="{bottomOffset:45}"
       :data="list"
       stripe
-      size="small"
       height="100"
     >
       <el-table-column type="index" width="60" />
+      <!-- Group -->
       <el-table-column
         prop="Group"
-        label="Group"
+        :label="$t('template:anonymization:label:group')"
         show-overflow-tooltip
       />
+      <!-- Element -->
       <el-table-column
         prop="Element"
-        label="Element"
+        :label="$t('template:anonymization:label:element')"
         show-overflow-tooltip
         min-width="110"
       />
+      <!-- Tag Description -->
       <el-table-column
         prop="TagDescription"
-        label="Tag Description"
+        :label="$t('template:anonymization:label:tagDescription')"
         min-width="110"
       />
+      <!-- Tag DescriptionCN -->
       <el-table-column
         prop="TagDescriptionCN"
-        label="Tag DescriptionCN"
+        :label="$t('template:anonymization:label:tagDescriptionCN')"
         min-width="110"
       />
+      <!-- Value Representation -->
       <el-table-column
         prop="ValueRepresentation"
-        label="Value Representation"
+        :label="$t('template:anonymization:label:valueRepresentation')"
         min-width="110"
       />
-      <el-table-column label="Is Fixed" width="100">
+      <!-- Is Fixed -->
+      <el-table-column :label="$t('template:anonymization:label:isFixed')" width="100">
         <template slot-scope="scope">
           <el-switch
             v-model="scope.row.IsFixed"
@@ -78,12 +87,14 @@
           />
         </template>
       </el-table-column>
+      <!-- Value Replace -->
       <el-table-column
         prop="ReplaceValue"
-        label="Value Replace"
+        :label="$t('template:anonymization:label:valueReplace')"
         min-width="110"
       />
-      <el-table-column label="Is Enable" width="100" fixed="right">
+      <!-- Is Enable -->
+      <el-table-column :label="$t('template:anonymization:label:isEnable')" width="100" fixed="right">
         <template slot-scope="scope">
           <el-switch
             v-model="scope.row.IsEnable"
@@ -93,21 +104,21 @@
           />
         </template>
       </el-table-column>
-      <el-table-column label="Action" width="200" fixed="right">
+      <el-table-column :label="$t('common:action:action')" width="200" fixed="right">
         <template slot-scope="scope">
           <el-button
             type="primary"
             size="mini"
             @click="handleEdit(scope.row)"
           >
-            Edit
+            {{ $t('common:button:edit') }}
           </el-button>
           <el-button
             type="danger"
             size="mini"
             @click="handleDelete(scope.row)"
           >
-            Delete
+            {{ $t('common:button:delete') }}
           </el-button>
         </template>
       </el-table-column>
@@ -153,7 +164,7 @@ export default {
     switchChange(event, item) {
       this.loading = true
       addOrUpdateSystemAnonymization(item).then(res => {
-        this.$message.success('Saved successfully!')
+        this.$message.success(this.$t('common:message:savedSuccessfully'))
         this.loading = false
       }).catch(() => {
         this.loading = false
@@ -161,12 +172,12 @@ export default {
     },
     handleAdd() {
       this.$nextTick(() => {
-        this.$refs['AddDICOMConfig'].openDialog('New Anonymization', {})
+        this.$refs['AddDICOMConfig'].openDialog(this.$t('common:button:new'), {})
       })
     },
     handleEdit(row) {
       this.$nextTick(() => {
-        this.$refs['AddDICOMConfig'].openDialog('Edit Anonymization', row)
+        this.$refs['AddDICOMConfig'].openDialog(this.$t('common:action:edit'), row)
       })
     },
     handleDelete(row) {

src/views/dictionary/template/components/ClinicalDataConfig.vue

@@ -3,10 +3,12 @@
     <!-- 搜索框 -->
     <div class="search">
       <el-form :inline="true" size="mini" class="base-search-form">
-        <el-form-item label="临床数据名称">
+        <!-- 临床数据名称 -->
+        <el-form-item :label="$t('trials:processCfg:title:clinicalDataCfg')">
           <el-input v-model="searchData.ClinicalDataSetName" />
         </el-form-item>
-        <el-form-item label="数据级别">
+        <!-- 数据级别 -->
+        <el-form-item :label="$t('trials:processCfg:title:dataLevel')">
           <el-select v-model="searchData.ClinicalDataLevel" clearable style="width:120px;">
             <el-option
               v-for="(item,index) of $d.ClinicalLevel"
@@ -16,7 +18,8 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="传输方式">
+        <!-- 传输方式 -->
+        <el-form-item :label="$t('trials:processCfg:title:transferType')">
           <el-select v-model="searchData.ClinicalUploadType" clearable style="width:120px;">
             <el-option
               v-for="(item,index) of $d.ClinicalUploadType"
@@ -40,7 +43,8 @@
         </el-form-item>
       </el-form>
       <span style="margin-left:auto">
-        <el-button type="primary" size="mini" @click="handleAdd">新增</el-button>
+        <!-- 新增 -->
+        <el-button type="primary" size="mini" @click="handleAdd">{{ $t('common:button:new') }}</el-button>
       </span>
     </div>
 
@@ -49,101 +53,123 @@
       v-adaptive="{bottomOffset:45}"
       :data="list"
       stripe
-      size="small"
       height="100"
     >
-      <el-table-column type="index" width="60" />
+      <el-table-column type="index" width="40" />
+      <!-- 临床数据名称 -->
       <el-table-column
         prop="ClinicalDataSetName"
-        label="临床数据名称"
+        :label="$t('trials:processCfg:title:clinicalDataName')"
         show-overflow-tooltip
+        min-width="160"
       />
+      <!-- 临床数据名称（EN） -->
       <el-table-column
         prop="ClinicalDataSetEnName"
-        label="临床数据名称（EN）"
+        :label="$t('dictionary:clinicalData:label:clinicalDataNameEn')"
         show-overflow-tooltip
+        min-width="190"
       />
+      <!-- 上传人 -->
       <el-table-column
         prop="UploadRole"
-        :label="$t('trials:uploadMonitor:table:uploader')"
+        :label="$t('trials:processCfg:title:uploader')"
         show-overflow-tooltip
+        min-width="120"
       >
         <template slot-scope="scope">
           {{ $fd('ClinicalDataUploadRole',scope.row.UploadRole) }}
         </template>
       </el-table-column>
+      <!-- 数据级别 -->
       <el-table-column
         prop="ClinicalDataLevel"
-        label="数据级别"
+        :label="$t('trials:processCfg:title:dataLevel')"
         show-overflow-tooltip
+        min-width="120"
       >
         <template slot-scope="scope">
           {{ $fd('ClinicalLevel',scope.row.ClinicalDataLevel) }}
         </template>
       </el-table-column>
-
+      <!-- 传输方式 -->
       <el-table-column
         prop="ClinicalUploadType"
-        label="传输方式"
+        :label="$t('trials:processCfg:title:transferType')"
         show-overflow-tooltip
+        min-width="120"
       >
         <template slot-scope="scope">
           {{ $fd('ClinicalUploadType',scope.row.ClinicalUploadType) }}
         </template>
       </el-table-column>
+      <!-- 匹配的阅片标准 -->
       <el-table-column
         prop="CriterionEnumList"
-        :label="$t('trials:auditRecord:table:criterion')"
+        :label="$t('trials:processCfg:label:criterion')"
         show-overflow-tooltip
+        min-width="200"
       >
         <template slot-scope="scope">
           {{ scope.row.CriterionEnumList.map(v => $fd('CriterionType', v)).toString() }}
         </template>
       </el-table-column>
+      <!-- 模板名称 -->
       <el-table-column
         prop="FileName"
-        label="模板名称"
+        :label="$t('trials:processCfg:title:module')"
         show-overflow-tooltip
+        min-width="120"
       >
         <template slot-scope="scope">
           {{ scope.row.FileName }}
         </template>
       </el-table-column>
+      <!-- 模板英文名称 -->
       <el-table-column
         prop="EnFileName"
-        label="模板英文名称"
+        :label="$t('trials:processCfg:title:enModule')"
         show-overflow-tooltip
+        min-width="140"
       >
         <template slot-scope="scope">
           {{ scope.row.EnFileName }}
         </template>
       </el-table-column>
+      <!-- 状态 -->
       <el-table-column
         prop="IsEnable"
-        label="状态"
+        :label="$t('dictionary:clinicalData:label:status')"
         show-overflow-tooltip
+        min-width="120"
       >
         <template slot-scope="scope">
-          <el-tag v-if="scope.row.IsEnable">启用</el-tag>
-          <el-tag v-else type="danger">禁用</el-tag>
+          <!-- <el-tag v-if="scope.row.IsEnable">启用</el-tag>
+          <el-tag v-else type="danger">禁用</el-tag> -->
+          <el-tag v-if="!scope.row.IsEnable" type="danger">{{ $fd('IsEnable', scope.row.IsEnable) }}</el-tag>
+          <el-tag v-else>{{ $fd('IsEnable', scope.row.IsEnable) }}</el-tag>
         </template>
       </el-table-column>
+      <!-- 创建时间 -->
       <el-table-column
         prop="CreateTime"
-        label="创建时间"
+        :label="$t('dictionary:clinicalData:label:CreateTime')"
         show-overflow-tooltip
+        min-width="140"
       />
 
-      <el-table-column label="操作" width="340" fixed="right">
+      <el-table-column :label="$t('common:action:action')" min-width="350" fixed="right">
         <template slot-scope="scope">
+          <!-- 问题配置 -->
           <el-button
             type="primary"
             size="mini"
             :disabled="scope.row.ClinicalUploadType !== 2"
             @click="handleConfigQuestion(scope.row)"
           >
-            问题配置
+            {{ $t('dictionary:clinicalData:button:qsConfig') }}
           </el-button>
+          <!-- 下载 -->
           <el-button
             v-if="$i18n.locale === 'zh'"
             type="primary"
@@ -151,8 +177,9 @@
             :disabled="!scope.row.FileName"
             @click="handleDownloadTpl(scope.row.Path)"
           >
-            下载
+            {{ $t('common:button:download') }}
           </el-button>
+          <!-- 下载 -->
            <el-button
             v-else
             type="primary"
@@ -160,21 +187,23 @@
             :disabled="!scope.row.EnFileName"
             @click="handleDownloadTpl(scope.row.EnPath)"
           >
-            下载
+            {{ $t('common:button:download') }}
           </el-button>
+          <!-- 编辑 -->
           <el-button
             type="primary"
             size="mini"
             @click="handleEdit(scope.row)"
           >
-            编辑
+            {{ $t('common:action:edit') }}
           </el-button>
+          <!-- 删除 -->
           <el-button
             type="danger"
             size="mini"
             @click="handleDelete(scope.row)"
           >
-            删除
+            {{ $t('common:button:delete') }}
           </el-button>
         </template>
       </el-table-column>
@@ -184,11 +213,11 @@
       :visible.sync="addOrEditCD.visible"
       :close-on-click-modal="false"
       :title="addOrEditCD.title"
-      width="500px"
+      width="600px"
       append-to-body
       custom-class="base-dialog-wrapper"
     >
-      <ClinicalDataForm ref="addOrEditCD" :data="currentRow" @close="addOrEditCD.visible = false" @getList="getList" />
+      <clinical-data-form ref="addOrEditCD" :data="currentRow" @close="addOrEditCD.visible = false" @getList="getList" />
     </el-dialog>
     <el-dialog
       v-if="QuestionConfigVisible.visible"
@@ -199,7 +228,7 @@
       append-to-body
       custom-class="base-dialog-wrapper"
     >
-      <ClinicalQuestionConfig ref="QuestionConfigVisible" :data="currentRow" @close="QuestionConfigVisible.visible = false" @getList="getList" />
+      <clinical-question-config ref="QuestionConfigVisible" :data="currentRow" @close="QuestionConfigVisible.visible = false" @getList="getList" />
     </el-dialog>
   </box-content>
 </template>
@@ -237,7 +266,8 @@ export default {
     handleConfigQuestion(row) {
       this.currentRow = { ...row }
       this.QuestionConfigVisible.visible = true
-      this.QuestionConfigVisible.title = '问题配置'
+      // 问题配置
+      this.QuestionConfigVisible.title = this.$t('dictionary:clinicalData:button:qsConfig')
     },
     // 获取列表信息
     getList() {
@@ -250,13 +280,13 @@ export default {
     // 新增
     handleAdd() {
       this.currentRow = {}
-      this.addOrEditCD.title = '新增'
+      this.addOrEditCD.title = this.$t('common:button:new')
       this.addOrEditCD.visible = true
     },
     // 编辑
     handleEdit(row) {
       this.currentRow = { ...row }
-      this.addOrEditCD.title = '编辑'
+      this.addOrEditCD.title = this.$t('common:action:edit')
       this.addOrEditCD.visible = true
     },
     // 删除
@@ -272,7 +302,7 @@ export default {
               this.loading = false
               if (res.IsSuccess) {
                 this.getList()
-                this.$message.success('删除成功！')
+                this.$message.success(this.$t('common:message:deletedSuccessfully'))
               }
             }).catch(() => { this.loading = false })
         })

src/views/dictionary/template/components/ClinicalDataForm.vue

@@ -5,12 +5,13 @@
     :model="form"
     size="small"
     :rules="rules"
-    label-width="110px"
+    label-width="200px"
   >
     <div class="base-dialog-body">
-      <el-form-item label="临床数据名称" prop="ClinicalDataSetEnum">
+      <!-- 临床数据名称 -->
+      <el-form-item :label="$t('trials:processCfg:title:clinicalDataName')" prop="ClinicalDataSetEnum">
         <!-- <el-input v-model="form.ClinicalDataSetName" /> -->
-        <el-select v-model="form.ClinicalDataSetEnum" placeholder="请选择" style="width:100%;">
+        <el-select v-model="form.ClinicalDataSetEnum" style="width:100%;">
           <el-option
             v-for="(item,index) of $d.ClinicalDataType"
             :key="index"
@@ -19,11 +20,10 @@
           />
         </el-select>
       </el-form-item>
-
-      <el-form-item :label="$t('trials:studyList:table:uploader')" prop="UploadRole">
+      <!-- 上传人 -->
+      <el-form-item :label="$t('trials:processCfg:title:uploader')" prop="UploadRole">
         <el-select
           v-model="form.UploadRole"
-          placeholder="请选择"
           style="width:100%;"
           @change="handleUploadRoleChange"
         >
@@ -35,11 +35,10 @@
           />
         </el-select>
       </el-form-item>
-
-      <el-form-item label="数据级别" prop="ClinicalDataLevel">
+      <!-- 数据级别 -->
+      <el-form-item :label="$t('trials:processCfg:title:dataLevel')" prop="ClinicalDataLevel">
         <el-select
           v-model="form.ClinicalDataLevel"
-          placeholder="请选择"
           style="width:100%;"
         >
           <el-option
@@ -51,11 +50,10 @@
           />
         </el-select>
       </el-form-item>
-
-      <el-form-item label="传输方式" prop="ClinicalUploadType">
+      <!-- 传输方式 -->
+      <el-form-item :label="$t('trials:processCfg:title:transferType')" prop="ClinicalUploadType">
         <el-select
           v-model="form.ClinicalUploadType"
-          placeholder="请选择"
           style="width:100%;"
         >
           <el-option
@@ -67,13 +65,13 @@
           />
         </el-select>
       </el-form-item>
+      <!-- 阅片标准 -->
       <el-form-item
-        :label="$t('trials:auditRecord:table:criterion')"
+        :label="$t('trials:processCfg:label:criterion')"
         prop="CriterionEnumList"
       >
         <el-select
           v-model="form.CriterionEnumList"
-          placeholder="请选择"
           multiple
           style="width:100%;"
         >
@@ -85,7 +83,8 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item v-if="form.ClinicalUploadType === 1" label="模板: ">
+      <!-- 模板 -->
+      <el-form-item v-if="form.ClinicalUploadType === 1" :label="$t('trials:processCfg:title:module')">
         <div class="upload-container">
           <el-upload
             class="upload-demo"
@@ -101,19 +100,21 @@
             :on-exceed="handleExceed"
             :disabled="form.Type === ''"
           >
-            <el-button size="small" type="primary">选择</el-button>
+            <el-button size="small" type="primary">
+              {{ $t('trials:processCfg:button:select') }}
+            </el-button>
             <span
               slot="tip"
               style="margin-left:10px;"
               class="el-upload__tip"
             >
-              (必须是doc/docx格式)
+              {{ $t('system:tip:file:docx') }}
             </span>
           </el-upload>
         </div>
       </el-form-item>
-
-      <el-form-item v-if="form.ClinicalUploadType === 1" label="英文模板: ">
+      <!-- 英文模板 -->
+      <el-form-item v-if="form.ClinicalUploadType === 1" :label="$t('trials:processCfg:title:enModule')">
         <div class="upload-container">
           <el-upload
             class="upload-demo"
@@ -129,19 +130,21 @@
             :on-exceed="handleExceed"
             :disabled="form.Type === ''"
           >
-            <el-button size="small" type="primary">选择</el-button>
+            <el-button size="small" type="primary">
+              {{ $t('trials:processCfg:button:select') }}
+            </el-button>
             <span
               slot="tip"
               style="margin-left:10px;"
               class="el-upload__tip"
             >
-              (必须是doc/docx格式)
+              {{ $t('system:tip:file:docx') }}
             </span>
           </el-upload>
         </div>
       </el-form-item>
-
-      <el-form-item v-if="form.Id !== ''" label="是否启用">
+      <!-- 是否启用 -->
+      <el-form-item v-if="form.Id !== ''" :label="$t('dictionary:clinicalData:label:IsEnable')">
         <el-switch v-model="form.IsEnable" />
       </el-form-item>
     </div>
@@ -270,7 +273,7 @@ export default {
         this.fileList = []
         return true
       } else {
-        this.$alert('(必须是doc/docx格式)')
+        this.$alert(this.$t('system:tip:file:docx'))
 
         return false
       }
@@ -286,7 +289,7 @@ export default {
       }
     },
     handleExceed(files, fileList) {
-      this.$message.warning(`只允许上传一个文件`)
+      this.$message.warning(this.$t('trials:processCfg:title:onlyOneFile'))
     },
     beforeUploadEnFile(file) {
       // 检测文件类型是否符合要求
@@ -294,7 +297,7 @@ export default {
         this.enFileList = []
         return true
       } else {
-        this.$alert('(必须是doc/docx格式)')
+        this.$alert(this.$t('system:tip:file:docx'))
 
         return false
       }

src/views/dictionary/template/components/ClinicalQuestionConfig.vue

@@ -2,39 +2,49 @@
   <div class="criterion-config">
     <div class="search-form" style="display:flex;justify-content: space-between;">
       <el-form :inline="true" size="mini" class="base-search-form">
-        <el-form-item label="名称">
+        <!-- 名称 -->
+        <el-form-item :label="$t('trials:readingUnit:qsList:title:qName')">
           <el-input v-model="searchData.QuestionName" clearable style="width:120px;" />
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" @click="handleReset">重置</el-button>
-          <el-button type="primary" @click="handleSearch">查询</el-button>
-
+          <el-button type="primary" icon="el-icon-search" @click="handleSearch">
+            {{ $t('common:button:search') }}
+          </el-button>
+          <el-button
+            type="primary"
+            icon="el-icon-refresh-left"
+            @click="handleReset"
+          >
+            {{ $t('common:button:reset') }}
+          </el-button>
         </el-form-item>
       </el-form>
       <div>
+        <!-- 预览 -->
         <el-button
           :disabled="list.length === 0"
           size="mini"
           type="primary"
           @click="preview.visible = true"
         >
-          预览
+          {{ $t('common:button:preview') }}
         </el-button>
-
+        <!-- 添加 -->
         <el-button
           v-if="Object.keys(data).length > 0 && !data.IsBeUsed"
           size="mini"
           type="primary"
           @click="handleAdd"
         >
-          添加
+          {{ $t('common:button:add') }}
         </el-button>
+        <!-- 应用 -->
         <el-button
           size="mini"
           type="primary"
           @click="handleApply"
         >
-          应用
+          {{ $t('dictionary:clinicalDataQs:button:apply') }}
         </el-button>
       </div>
     </div>
@@ -52,81 +62,92 @@
         label=""
         width="50"
       />
+      <!-- 名称 -->
       <el-table-column
         prop="QuestionName"
-        label="名称"
+        :label="$t('trials:readingUnit:qsList:title:qName')"
         show-overflow-tooltip
       />
+      <!-- 名称(EN) -->
       <el-table-column
         prop="QuestionEnName"
-        label="名称(EN)"
+        :label="$t('trials:readingUnit:qsList:title:qNameEn')"
         show-overflow-tooltip
       />
+      <!-- 题型 -->
       <el-table-column
         prop="Type"
-        label="题型"
+        :label="$t('trials:readingUnit:qsList:title:type')"
         show-overflow-tooltip
       >
         <template slot-scope="scope">
           {{ $fd('ClinicalQuestionType',scope.row.ClinicalQuestionType) }}
         </template>
       </el-table-column>
+      <!-- 选项 -->
       <el-table-column
         prop="TypeValue"
-        label="选项"
+        :label="$t('trials:readingUnit:qsList:title:type')"
         show-overflow-tooltip
       >
       </el-table-column>
+      <!-- 是否显示 -->
       <el-table-column
         prop="ClinicalQuestionShowEnum"
-        label="是否显示"
+        :label="$t('trials:readingUnit:qsList:title:isShow')"
         show-overflow-tooltip
       >
         <template slot-scope="scope">
           {{ $fd('ShowQuestion',scope.row.ClinicalQuestionShowEnum) }}
         </template>
       </el-table-column>
+      <!-- 是否必填 -->
       <el-table-column
         prop="IsRequired"
-        label="是否必填"
+        :label="$t('trials:qcCfg:table:isRequired')"
         show-overflow-tooltip
       >
         <template slot-scope="scope">
           {{ $fd('YesOrNo',scope.row.IsRequired) }}
         </template>
       </el-table-column>
+      <!-- 操作 -->
       <el-table-column
         prop=""
-        label="操作"
+        :label="$t('common:action:action')"
         width="250"
         show-overflow-tooltip
         fixed="right"
       >
         <template slot-scope="scope">
+          <!-- 编辑 -->
           <el-button
             v-if="Object.keys(data).length > 0 && !(data.IsCompleteConfig || data.IsBeUsed)"
             type="primary"
             size="mini"
             @click="handleEdit(scope.row)"
           >
-            编辑
+            {{ $t('trials:readingUnit:qsList:title:edit') }}
           </el-button>
+          <!-- 查看 -->
           <el-button
             v-else
             type="primary"
             size="mini"
             @click="handleLook(scope.row)"
           >
-            查看
+            {{ $t('trials:enrolledReviews:button:view') }}
           </el-button>
+          <!-- 表格问题 -->
           <el-button
             type="primary"
             size="mini"
             :disabled="scope.row.ClinicalQuestionType !== 'table'"
             @click="handleConfig(scope.row)"
           >
-            表格问题
+            {{ $t('trials:readingUnit:qsList:title:tableQs') }}
           </el-button>
+          <!-- 删除 -->
           <el-button
             v-if="Object.keys(data).length > 0 && !(data.IsCompleteConfig || data.IsBeUsed)"
             type="danger"
@@ -134,7 +155,7 @@
             :disabled="scope.row.IsEnable"
             @click="handleDelete(scope.row)"
           >
-            删除
+            {{ $t('common:button:delete') }}
           </el-button>
         </template>
       </el-table-column>
@@ -149,7 +170,7 @@
       append-to-body
       custom-class="base-dialog-wrapper"
     >
-      <ClinicalQuestionForm
+      <clinical-question-form
         ref="addOrEdit"
         :list="this.list"
         :clinical-id="clinicalId"
@@ -254,7 +275,8 @@ export default {
       applySystemClinical({
         SystemClinicalId: this.clinicalId
       }).then(res => {
-        this.$message.success('应用成功')
+        // 应用成功！
+        this.$message.success(this.$t('dictionary:clinicalDataQs:message:msg1'))
         this.$emit('close')
       })
     },
@@ -271,19 +293,19 @@ export default {
     handleAdd() {
       this.rowData = { SystemClinicalId: this.data.Id, Id: '' }
       this.type = 'add'
-      this.addOrEdit.title = '添加'
+      this.addOrEdit.title = this.$t('common:button:add')
       this.addOrEdit.visible = true
     },
     handleLook(row) {
       this.rowData = { ...row }
       this.type = 'look'
-      this.addOrEdit.title = '查看'
+      this.addOrEdit.title = this.$t('trials:enrolledReviews:button:view')
       this.addOrEdit.visible = true
     },
     handleEdit(row) {
       this.rowData = { ...row }
       this.type = 'edit'
-      this.addOrEdit.title = '编辑'
+      this.addOrEdit.title = this.$t('trials:readingUnit:qsList:title:edit')
       this.addOrEdit.visible = true
     },
     handleDelete(row) {
@@ -298,14 +320,14 @@ export default {
               this.loading = false
               if (res.IsSuccess) {
                 this.getList()
-                this.$message.success('删除成功！')
+                this.$message.success(this.$t('common:message:deletedSuccessfully'))
               }
             }).catch(() => { this.loading = false })
         })
     },
     handleConfig(row) {
       this.rowData = { ...row }
-      this.config.title = `表格问题`
+      this.config.title = this.$t('trials:readingUnit:qsList:title:tableQs')
       this.config.visible = true
     },
     // 查询

src/views/dictionary/template/components/ClinicalQuestionForm.vue

@@ -6,10 +6,11 @@
     size="small"
     :rules="rules"
     :disabled="type === 'look'"
-    label-width="130px"
+    label-width="180px"
   >
     <div class="base-dialog-body">
-      <el-form-item label="类型" prop="ClinicalQuestionType">
+      <!-- 类型 -->
+      <el-form-item :label="$t('trials:readingUnit:qsList:title:type')" prop="ClinicalQuestionType">
         <el-select v-model="form.ClinicalQuestionType" clearable @change="((val)=>{typeChange(val, form)})">
           <el-option
             v-for="item of $d.ClinicalQuestionType"
@@ -19,31 +20,35 @@
           />
         </el-select>
       </el-form-item>
+      <!-- 问题名称 -->
       <el-form-item
-        label="问题名称"
+        :label="$t('trials:readingUnit:qsList:title:qName')"
         prop="QuestionName"
       >
         <el-input v-model="form.QuestionName" />
       </el-form-item>
+      <!-- 问题名称（EN） -->
       <el-form-item
-        label="问题名称（EN）"
+        :label="$t('dictionary:template:criterionConfig:title:qsNameEn')"
         prop="QuestionEnName"
       >
         <el-input v-model="form.QuestionEnName" />
       </el-form-item>
+      <!-- 选项 -->
       <el-form-item
         v-if="form.ClinicalQuestionType === 'select' || form.ClinicalQuestionType === 'radio' || form.ClinicalQuestionType === 'checkbox'"
-        label="选项"
+        :label="$t('trials:qcCfg:table:typeValue')"
         prop="TypeValue"
       >
         <el-input
           v-model="form.TypeValue"
-          placeholder="选项请用‘|’分割多个选项"
+          :placeholder="$t('trials:qcCfg:message:typeValue')"
         />
       </el-form-item>
+      <!-- 小数位数 -->
       <el-form-item
         v-if="form.ClinicalQuestionType === 'number'"
-        label="小数位数"
+        :label="$t('trials:processCfg:form:digitPlaces')"
         prop="DigitPlaces"
       >
         <el-radio-group
@@ -59,16 +64,17 @@
           </el-radio>
         </el-radio-group>
       </el-form-item>
+      <!-- 单位 -->
       <el-form-item
         v-if="form.ClinicalQuestionType === 'number'"
-        label="单位"
+        :label="$t('trials:readingUnit:qsList:title:unit')"
         prop="Unit"
       >
         <el-input
           v-model="form.Unit"
         />
       </el-form-item>
-      <el-form-item v-if="form.ClinicalQuestionType !== 'group'" label="是否显示" prop="ClinicalQuestionShowEnum">
+      <el-form-item v-if="form.ClinicalQuestionType !== 'group'" :label="$t('trials:readingUnit:qsList:title:isShow')" prop="ClinicalQuestionShowEnum">
         <el-radio-group
           v-model="form.ClinicalQuestionShowEnum"
           @change="((val)=>{isShowQuestionChange(val, form)})"
@@ -82,9 +88,10 @@
           </el-radio>
         </el-radio-group>
       </el-form-item>
+      <!-- 显示依赖父问题 -->
       <el-form-item
         v-if="form.ClinicalQuestionType !== 'group' && form.ClinicalQuestionShowEnum===1"
-        label="显示依赖父问题"
+        :label="$t('trials:readingUnit:qsList:title:parentId')"
         prop="ParentId"
       >
         <el-select
@@ -101,7 +108,7 @@
         </el-select>
       </el-form-item>
       <!-- 显示时依赖父问题触发值 -->
-      <el-form-item v-if="form.ParentId && form.ClinicalQuestionShowEnum===1" label="显示触发值" prop="ParentTriggerValue">
+      <el-form-item v-if="form.ParentId && form.ClinicalQuestionShowEnum===1" :label="$t('trials:qcCfg:table:parentTriggerValue')" prop="ParentTriggerValue">
         <el-select v-model="form.ParentTriggerValue" clearable>
           <el-option
             v-for="item of parentTriggerValOptions"
@@ -111,7 +118,8 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item v-if="form.ClinicalQuestionType !== 'group' && form.ClinicalQuestionType !== 'table'" label="是否必填" prop="IsRequired">
+      <!-- 是否必填 -->
+      <el-form-item v-if="form.ClinicalQuestionType !== 'group' && form.ClinicalQuestionType !== 'table'" :label="$t('trials:readingUnit:qsList:title:isRequired')" prop="IsRequired">
         <el-radio-group
           v-model="form.IsRequired"
         >
@@ -124,7 +132,8 @@
           </el-radio>
         </el-radio-group>
       </el-form-item>
-      <el-form-item v-if="form.ClinicalQuestionType !== 'group'" label="问题分组">
+      <!-- 问题分组 -->
+      <el-form-item v-if="form.ClinicalQuestionType !== 'group'" :label="$t('dictionary:template:criterionConfig:title:groupNameEn')">
         <el-select v-model="form.GroupId" clearable :disabled="isParentExistGroup">
           <el-option
             v-for="group of groupOptions"
@@ -147,7 +156,8 @@
           </el-radio>
         </el-radio-group>
       </el-form-item>
-      <el-form-item v-if="form.ClinicalQuestionType !== 'table' && form.ClinicalQuestionType !== 'group' && form.ClinicalQuestionType !== 'number' && form.ClinicalQuestionType !== 'select'" label="最大长度">
+      <!-- 最大长度 -->
+      <el-form-item v-if="form.ClinicalQuestionType !== 'table' && form.ClinicalQuestionType !== 'group' && form.ClinicalQuestionType !== 'number' && form.ClinicalQuestionType !== 'select'" :label="$t('trials:readingUnit:qsList:title:MaxAnswerLength')">
         <el-input-number
           v-model="form.MaxAnswerLength"
           controls-position="right"
@@ -155,7 +165,8 @@
           :max="2000"
         />
       </el-form-item>
-      <el-form-item v-if="form.ClinicalQuestionType === 'table'" label="最大行数">
+      <!-- 最大行数 -->
+      <el-form-item v-if="form.ClinicalQuestionType === 'table'" :label="$t('trials:readingUnit:qsList:title:maxQuestionCount')">
         <el-input-number
           v-model="form.MaxQuestionCount"
           controls-position="right"
@@ -163,10 +174,12 @@
           :max="10"
         />
       </el-form-item>
-      <el-form-item v-if="form.ClinicalQuestionType === 'upload'" label="最大上传个数">
+      <!-- 最大上传个数 -->
+      <el-form-item v-if="form.ClinicalQuestionType === 'upload'" :label="$t('trials:readingUnit:qsList:title:imageCount')">
         <el-input-number v-model="form.ImageCount" controls-position="right" :min="1" :max="10" />
       </el-form-item>
-      <el-form-item label="序号" prop="ShowOrder">
+      <!-- 序号 -->
+      <el-form-item :label="$t('trials:readingUnit:qsList:title:order')" prop="ShowOrder">
         <el-input-number
           v-model="form.ShowOrder"
           controls-position="right"
@@ -227,7 +240,7 @@ export default {
       } else {
         var arr = value.split('|')
         if (new Set(arr).size !== arr.length) {
-          callback(new Error('选项不允许存在相同值'))
+          callback(new Error(this.$t('trials:qcCfg:message:msg1')))
         } else {
           callback()
         }
@@ -264,29 +277,29 @@ export default {
       },
       rules: {
         Type: [
-          { required: true, message: '请选择', trigger: 'blur' }
+          { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
         ],
         LesionType: [
-          { required: true, message: '请选择', trigger: 'blur' }
+          { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
         ],
-        QuestionName: [{ required: true, message: '请注明', trigger: 'blur' },
-          { max: 300, message: '最大长度为 300' }],
-        QuestionGenre: [{ required: true, message: '请选择', trigger: 'blur' }],
-        TypeValue: [{ required: true, message: '请注明', trigger: 'blur' },
+        QuestionName: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          { max: 300, message: this.$t('common:ruleMessage:maxLength') + ' 300'  }],
+        QuestionGenre: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
+        TypeValue: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
           { validator: validateTypeVal, trigger: 'blur' },
-          { max: 500, message: '最大长度为 500' }],
-        DictionaryCode: [{ required: true, message: '请选择', trigger: 'blur' }],
-        IsCheckDate: [{ required: true, message: '请选择', trigger: 'blur' }],
-        ClinicalQuestionShowEnum: [{ required: true, message: '请选择', trigger: 'blur' }],
-        IsRequired: [{ required: true, message: '请选择', trigger: 'blur' }],
-        ParentId: [{ required: true, message: '请选择', trigger: 'blur' }],
+          { max: 500, message: this.$t('common:ruleMessage:maxLength') + ' 500'  }],
+        DictionaryCode: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
+        IsCheckDate: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
+        ClinicalQuestionShowEnum: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
+        IsRequired: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
+        ParentId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
         ParentTriggerValue: [
-          { required: true, message: '请选择', trigger: 'blur' }
+          { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
         ],
-        RelevanceId: [{ required: true, message: '请选择', trigger: 'blur' }],
-        RelevanceValue: [{ required: true, message: '请选择', trigger: 'blur' }],
-        GroupName: [{ required: true, message: '请注明', trigger: 'blur' },
-          { max: 50, message: '最大长度为 50' }]
+        RelevanceId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
+        RelevanceValue: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
+        GroupName: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          { max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' }]
       },
       loading: false,
       btnLoading: false,

src/views/dictionary/template/components/ClinicalQuestionTableForm.vue

@@ -9,7 +9,8 @@
     label-width="120px"
   >
     <div class="base-dialog-body">
-      <el-form-item label="类型" prop="ClinicalTableQuestionType">
+      <!-- 类型 -->
+      <el-form-item :label="$t('trials:readingUnit:qsList:title:type')" prop="ClinicalTableQuestionType">
         <el-select
           v-model="form.ClinicalTableQuestionType"
           @change="((val)=>{qsTypeChange(val, form)})"
@@ -23,28 +24,31 @@
           />
         </el-select>
       </el-form-item>
+      <!-- 问题名称 -->
       <el-form-item
         v-if="form.ClinicalTableQuestionType !== 'group'"
-        label="问题名称"
+        :label="$t('trials:readingUnit:qsList:title:qName')"
         prop="QuestionName"
       >
         <el-input
           v-model="form.QuestionName"
         />
       </el-form-item>
+      <!-- 选项 -->
       <el-form-item
-        label="选项"
+        :label="$t('trials:readingUnit:qsList:title:typeValue')"
         v-if="form.ClinicalTableQuestionType === 'select' || form.ClinicalTableQuestionType === 'radio'"
         prop="TypeValue"
       >
         <el-input
           v-model="form.TypeValue"
-          placeholder="选项请用‘|’分割多个选项"
+          :placeholder="$t('trials:readingUnit:qsList:message:msg3')"
         />
       </el-form-item>
+      <!-- 小数位数 -->
       <el-form-item
         v-if="form.ClinicalTableQuestionType === 'number'"
-        label="小数位数"
+        :label="$t('trials:readingUnit:qsList:title:digitPlaces')"
       >
         <el-radio-group
           v-model="form.DigitPlaces"
@@ -58,19 +62,18 @@
           </el-radio>
         </el-radio-group>
       </el-form-item>
-      <!-- 数值单位 -->
+      <!-- 单位 -->
       <el-form-item
         v-if="form.ClinicalTableQuestionType === 'number'"
-        label="单位"
+        :label="$t('trials:readingUnit:qsList:title:unit')"
       >
         <el-input
           v-model="form.Unit"
-          placeholder="请输入单位"
         />
       </el-form-item>
-      <!-- 数值单位 -->
+      <!-- 问题标记 -->
       <el-form-item
-        label="问题标记"
+        :label="$t('dictionary:clinicalDataQs:title:qsMark')"
       >
         <el-select
           v-model="form.clinicalTableQuestionMarkEnum"
@@ -84,16 +87,17 @@
           />
         </el-select>
       </el-form-item>
-      <!-- 数值单位 -->
+      <!-- 是否必填 -->
       <el-form-item
-        label="是否必填"
+        :label="$t('trials:readingUnit:qsList:title:isRequired')"
         prop="IsRequired"
       >
         <el-radio-group v-model="form.IsRequired">
           <el-radio v-for="item of $d.QuestionRequired" :key="`IsRequired${item.value}`" :label="item.value">{{ item.label }}</el-radio>
         </el-radio-group>
       </el-form-item>
-      <el-form-item label="序号" prop="ShowOrder">
+      <!-- 序号 -->
+      <el-form-item :label="$t('trials:qcCfg:table:order')" prop="ShowOrder">
         <el-input-number
           v-model="form.ShowOrder"
           controls-position="right"
@@ -156,7 +160,7 @@ export default {
       } else {
         var arr = value.split('|')
         if (new Set(arr).size !== arr.length) {
-          callback(new Error('选项不允许存在相同值'))
+          callback(new Error(this.$t('trials:qcCfg:message:msg1')))
         } else {
           callback()
         }
@@ -193,26 +197,26 @@ export default {
       },
       rules: {
         Type: [
-          { required: true, message: '请选择', trigger: 'blur' }
+          { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
         ],
-        QuestionName: [{ required: true, message: '请注明', trigger: 'blur' },
-          { max: 300, message: '最大长度为 300' }],
+        QuestionName: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          { max: 300, message: this.$t('common:ruleMessage:maxLength') + ' 300' }],
 
-        TypeValue: [{ required: true, message: '请注明', trigger: 'blur' },
+        TypeValue: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
           { validator: validateTypeVal, trigger: 'blur' },
-          { max: 200, message: '最大长度为 200' }],
-        ShowQuestion: [{ required: true, message: '请选择', trigger: 'blur' }],
-        IsRequired: [{ required: true, message: '请选择', trigger: 'blur' }],
-        ParentId: [{ required: true, message: '请选择', trigger: 'blur' }],
+          { max: 200, message: this.$t('common:ruleMessage:maxLength') + ' 200' }],
+        ShowQuestion: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
+        IsRequired: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
+        ParentId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
         ParentTriggerValue: [
-          { required: true, message: '请选择', trigger: 'blur' }
+          { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
         ],
-        RelevanceId: [{ required: true, message: '请选择', trigger: 'blur' }],
-        RelevanceValue: [{ required: true, message: '请选择', trigger: 'blur' }],
-        DataTableName: [{ required: true, message: '请选择', trigger: 'blur' }],
-        DataTableColumn: [{ required: true, message: '请选择', trigger: 'blur' }],
+        RelevanceId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
+        RelevanceValue: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
+        DataTableName: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
+        DataTableColumn: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
         // DictionaryCode: [{ required: true, message: '请选择', trigger: 'blur' }],
-        DependParentId: [{ required: true, message: '请选择', trigger: 'blur' }]
+        DependParentId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }]
       },
       loading: false,
       parentOptions: [],

src/views/dictionary/template/components/ClinicalQuestionTableQsList.vue

@@ -10,7 +10,7 @@
         type="primary"
         @click="handleAdd"
       >
-        新增
+        {{ $t('common:button:new') }}
       </el-button>
 
     </div>
@@ -20,39 +20,45 @@
       size="small"
       height="500"
     >
+      <!-- 序号 -->
       <el-table-column
         prop="ShowOrder"
-        label="序号"
+        :label="$t('trials:qcCfg:table:order')"
         min-width="70"
       />
+      <!-- 名称 -->
       <el-table-column
         prop="QuestionName"
-        label="名称"
+        :label="$t('trials:readingUnit:qsList:title:qName')"
         show-overflow-tooltip
       />
+      <!-- 名称(EN) -->
       <el-table-column
         prop="QuestionEnName"
-        label="名称(EN)"
+        :label="$t('trials:readingUnit:qsList:title:qNameEn')"
         show-overflow-tooltip
       />
+      <!-- 类型 -->
       <el-table-column
         prop="Type"
-        label="类型"
+        :label="$t('trials:readingUnit:qsList:title:type')"
         show-overflow-tooltip
       >
         <template slot-scope="scope">
           {{ $fd('ClinicalTableQuestionType',scope.row.ClinicalTableQuestionType) }}
         </template>
       </el-table-column>
+      <!-- 选项 -->
       <el-table-column
         prop="TypeValue"
-        label="选项"
+        :label="$t('trials:readingUnit:qsList:title:typeValue')"
         show-overflow-tooltip
         min-width="110"
       />
+      <!-- 是否必填 -->
       <el-table-column
         prop="IsRequired"
-        label="是否必填"
+        :label="$t('trials:qcCfg:table:isRequired')"
         min-width="90"
         show-overflow-tooltip
       >
@@ -60,36 +66,40 @@
           {{ $fd('YesOrNo',scope.row.IsRequired) }}
         </template>
       </el-table-column>
+      <!-- 操作 -->
       <el-table-column
         prop=""
-        label="操作"
+        :label="$t('common:action:action')"
         width="150"
         show-overflow-tooltip
       >
         <template slot-scope="scope">
+          <!-- 查看 -->
           <el-button
             v-if="isCompleteConfig"
             type="primary"
             size="mini"
             @click="handleLook(scope.row)"
           >
-            查看
+            {{ $t('trials:readingUnit:qsList:title:view') }}
           </el-button>
+          <!-- 编辑 -->
           <el-button
             v-if="!isCompleteConfig"
             type="primary"
             size="mini"
             @click="handleEdit(scope.row)"
           >
-            编辑
+            {{ $t('common:button:edit') }}
           </el-button>
+          <!-- 删除 -->
           <el-button
             v-if="!isCompleteConfig"
             type="danger"
             size="mini"
             @click="handleDelete(scope.row)"
           >
-            删除
+            {{ $t('common:button:delete') }}
           </el-button>
         </template>
       </el-table-column>
@@ -104,7 +114,7 @@
       append-to-body
       custom-class="base-dialog-wrapper"
     >
-      <ClinicalQuestionTableForm
+      <clinical-question-table-form
         :clinical-id="clinicalId"
         :clinical-info="clinicalInfo"
         ref="addOrEdit"
@@ -165,7 +175,7 @@ export default {
     handleLook(row) {
       this.type = 'look'
       this.rowData = { ...row }
-      this.addOrEdit.title = '编辑'
+      this.addOrEdit.title = this.$t('common:button:edit')
       this.addOrEdit.visible = true
     },
     getList() {
@@ -178,13 +188,13 @@ export default {
     handleAdd() {
       this.type = 'add'
       this.rowData = {}
-      this.addOrEdit.title = '添加'
+      this.addOrEdit.title = this.$t('common:button:add')
       this.addOrEdit.visible = true
     },
     handleEdit(row) {
       this.type = 'edit'
       this.rowData = { ...row }
-      this.addOrEdit.title = '编辑'
+      this.addOrEdit.title = this.$t('common:button:edit')
       this.addOrEdit.visible = true
     },
     handleDelete(row) {
@@ -199,7 +209,7 @@ export default {
               this.loading = false
               if (res.IsSuccess) {
                 this.getList()
-                this.$message.success('删除成功！')
+                this.$message.success(this.$t('common:message:deletedSuccessfully'))
               }
             }).catch(() => { this.loading = false })
         })

src/views/dictionary/template/components/CriterionDictionary.vue

@@ -4,6 +4,7 @@
       <div>
       </div>
       <div>
+        <!-- 配置 -->
         <el-button
           size="mini"
           type="primary"
@@ -11,7 +12,7 @@
           @click="handleAdd"
           style="margin-right: 10px;"
         >
-          配置
+          {{ $t('dictionary:template:criterionDictionary:button:config') }}
         </el-button>
       </div>
     </div>
@@ -21,55 +22,63 @@
       :data="list"
       stripe
     >
+      <!-- 序号 -->
       <el-table-column
         prop=""
-        label="序号"
+        label=""
         width="50"
       >
         <template slot-scope="scope">
           {{scope.$index + 1}}
         </template>
       </el-table-column>
+      <!-- 字典表名 -->
       <el-table-column
         prop="Code"
-        label="字典表名"
+        :label="$t('dictionary:template:criterionDictionary:table:code')"
         show-overflow-tooltip
       >
       </el-table-column>
+      <!-- 描述 -->
       <el-table-column
         prop="Description"
-        label="描述"
+        :label="$t('dictionary:template:criterionDictionary:table:description')"
         show-overflow-tooltip
       >
       </el-table-column>
+      <!-- 子项数量 -->
       <el-table-column
         prop="Count"
-        label="子项数量"
+        :label="$t('dictionary:template:criterionDictionary:table:count')"
         show-overflow-tooltip
       >
       </el-table-column>
+      <!-- 排序 -->
       <el-table-column
         prop="ShowOrder"
-        label="排序"
+        :label="$t('dictionary:template:criterionDictionary:table:showOrder')"
         show-overflow-tooltip
       >
       </el-table-column>
+      <!-- 操作 -->
       <el-table-column
         prop="Description"
-        label="操作"
+        :label="$t('common:action:action')"
         show-overflow-tooltip
       >
         <template slot-scope="scope">
+          <!-- 配置 -->
           <el-button size="small" :disabled="isCompleteConfig" type="primary" @click="openChildren(scope.row)">
-            配置
+            {{ $t('dictionary:template:criterionDictionary:button:config') }}
           </el-button>
+          <!-- 删除 -->
           <el-button
             type="danger"
             size="small"
             :disabled="isCompleteConfig"
             @click="handleDelete(scope.row)"
           >
-            删除
+            {{ $t('common:button:delete') }}
           </el-button>
         </template>
       </el-table-column>
@@ -122,21 +131,24 @@
             {{ scope.$index + 1}}
           </template>
         </el-table-column>
+        <!-- 字典表名 -->
         <el-table-column
           prop="Code"
-          label="字典表名"
+          :label="$t('dictionary:template:criterionDictionary:table:code')"
           show-overflow-tooltip
         >
         </el-table-column>
+        <!-- 描述 -->
         <el-table-column
           prop="Description"
-          label="描述"
+          :label="$t('dictionary:template:criterionDictionary:table:description')"
           show-overflow-tooltip
         >
         </el-table-column>
+        <!-- 排序 -->
         <el-table-column
           prop="ShowOrder"
-          label="排序"
+          :label="$t('dictionary:template:criterionDictionary:table:showOrder')"
           show-overflow-tooltip
         >
         </el-table-column>
@@ -170,7 +182,6 @@ export default {
       rowData: {},
       activeName: '0',
       addOrEdit: { visible: false, title: '' },
-      preview: { visible: false, title: 'eCRF预览' },
       config: { visible: false, title: '全局配置' },
       drawer_cfg: { drawerChild: false, parentId: '', title: '' },
       drawer_cfg2: { drawerChild: false, parentId: '', title: '' },

src/views/dictionary/template/components/CriterionQuestionForm.vue

@@ -6,7 +6,7 @@
     size="small"
     :rules="rules"
     :disabled="type === 'look'"
-    label-width="140px"
+    label-width="220px"
   >
     <div class="base-dialog-body" style="height: 550px; display:flex;flex-direction: column;">
       <div style="height: 150px;">
@@ -33,7 +33,7 @@
         <!-- 分组名称 -->
         <el-form-item
           v-if="form.Type === 'group'"
-          :label="$t('trials:readingUnit:qsList:title:groupNameEn')"
+          :label="$t('trials:readingUnit:qsList:title:groupName')"
           prop="GroupName"
         >
           <el-input v-model="form.GroupName" />
@@ -41,7 +41,7 @@
         <!-- 分组名称（EN） -->
         <el-form-item
           v-if="form.Type === 'group'"
-          :label="$t('trials:readingUnit:qsList:title:groupNameEn')"
+          :label="$t('dictionary:template:criterionConfig:title:groupNameEn')"
           prop="GroupEnName"
         >
           <el-input v-model="form.GroupEnName" />
@@ -49,7 +49,7 @@
         <!-- 问题名称 -->
         <el-form-item
           v-if="form.Type !== 'group'"
-          :label="$t('trials:readingUnit:qsList:title:qsNameEn')"
+          :label="$t('trials:readingUnit:qsList:title:qsName')"
           prop="QuestionName"
           :rules="[
             { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
@@ -61,7 +61,7 @@
         <!-- 问题名称（EN） -->
         <el-form-item
           v-if="form.Type !== 'group'"
-          :label="$t('trials:readingUnit:qsList:title:qsNameEn')"
+          :label="$t('dictionary:template:criterionConfig:title:qsNameEn')"
           prop="QuestionEnName"
           :rules="[
             { max: form.Type === 'summary' ? 300 : 100, message: `${this.$t('common:ruleMessage:maxLength')} ${form.Type === 'summary' ? 300 : 100}` }

src/views/dictionary/template/components/CriterionsConfig.vue

@@ -6,7 +6,7 @@
         <div class="search-form" style="display:flex;justify-content: space-between;">
           <el-form :inline="true" size="mini" class="base-search-form">
             <!-- 问题名称 -->
-            <el-form-item :label="$t('trials:readingUnit:qsList:title:qsNameEn')">
+            <el-form-item :label="$t('trials:readingUnit:qsList:title:qsName')">
               <el-input v-model="searchData.QuestionName" clearable style="width:120px;" />
             </el-form-item>
             <el-form-item>
@@ -60,32 +60,37 @@
           <!-- 分组 -->
           <el-table-column
             prop="GroupName"
-            :label="$t('trials:readingUnit:qsList:title:groupNameEn')"
+            :label="$t('trials:readingUnit:qsList:title:groupName')"
             show-overflow-tooltip
+            min-width="120"
           />
           <!-- 分组(EN) -->
           <el-table-column
             prop="GroupEnName"
-            :label="$t('trials:readingUnit:qsList:title:groupNameEn')"
+            :label="$t('dictionary:template:criterionConfig:title:groupNameEn')"
             show-overflow-tooltip
+            min-width="140"
           />
           <!-- 名称 -->
           <el-table-column
             prop="QuestionName"
-            :label="$t('trials:readingUnit:qsList:title:qsNameEn')"
+            :label="$t('trials:readingUnit:qsList:title:qsName')"
             show-overflow-tooltip
+            min-width="140"
           />
           <!-- 名称(EN) -->
           <el-table-column
             prop="QuestionEnName"
-            :label="$t('trials:readingUnit:qsList:title:qsNameEn')"
+            :label="$t('dictionary:template:criterionConfig:title:qsNameEn')"
             show-overflow-tooltip
+            min-width="160"
           />
           <!-- 题型 -->
           <el-table-column
             prop="Type"
             :label="$t('trials:readingUnit:qsList:title:type')"
             show-overflow-tooltip
+            min-width="180"
           >
             <template slot-scope="scope">
               {{ $fd('Criterion_Question_Type',scope.row.Type) }}
@@ -96,6 +101,7 @@
             prop="ShowQuestion"
             :label="$t('trials:readingUnit:qsList:title:isShow')"
             show-overflow-tooltip
+            min-width="100"
           >
             <template slot-scope="scope">
               {{ $fd('ShowQuestion',scope.row.ShowQuestion) }}
@@ -106,6 +112,7 @@
             prop="IsRequired"
             :label="$t('trials:readingUnit:qsList:title:isRequired')"
             show-overflow-tooltip
+            min-width="100"
           >
             <template slot-scope="scope">
               {{ $fd('QuestionRequired',scope.row.IsRequired) }}
@@ -115,7 +122,7 @@
           <el-table-column
             prop="IsJudgeQuestion"
             :label="$t('trials:readingUnit:qsList:title:isJudgeQuestion')"
-            width="120"
+            min-width="200"
             show-overflow-tooltip
           >
             <template slot-scope="scope">
@@ -126,7 +133,7 @@
           <el-table-column
             prop="IsShowInDicom"
             :label="$t('trials:readingUnit:qsList:title:isShowInDicom')"
-            width="150"
+            min-width="200"
             show-overflow-tooltip
           >
             <template slot-scope="scope">
@@ -145,7 +152,7 @@
           <el-table-column
             prop="GlobalReadingShowType"
             :label="$t('trials:readingUnit:qsList:title:globalReadingShowType')"
-            width="160"
+            min-width="240"
             show-overflow-tooltip
           >
             <template slot-scope="scope">
@@ -167,7 +174,7 @@
           <el-table-column
             prop="QuestionType"
             :label="$t('dictionary:template:criterionConfig:table:questionType')"
-            width="140"
+            min-width="160"
             show-overflow-tooltip
           >
             <template slot-scope="scope">
@@ -256,11 +263,11 @@
       :visible.sync="addOrEdit.visible"
       :close-on-click-modal="false"
       :title="`${addOrEdit.title}`"
-      width="650px"
+      width="800px"
       append-to-body
       custom-class="base-dialog-wrapper"
     >
-      <CriterionQuestionForm
+      <criterion-question-form
         ref="addOrEdit"
         :data="rowData"
         :type="type"

src/views/dictionary/template/components/CriterionsTmp.vue

@@ -84,7 +84,6 @@
       v-adaptive="{bottomOffset:45}"
       :data="list"
       stripe
-      size="small"
       height="100"
       @sort-change="handleSortByColumn"
       ref="criterionsTbl"
@@ -96,6 +95,7 @@
         :label="$t('trials:auditRecord:table:criterion')"
         show-overflow-tooltip
         sortable="custom"
+        width="180"
       />
       <!-- 标准类型 -->
       <el-table-column
@@ -103,6 +103,7 @@
         :label="$t('dictionary:template:criterionConfig:table:criterionType')"
         show-overflow-tooltip
         sortable="custom"
+        width="180"
       >
         <template slot-scope="scope">
           {{ $fd('CriterionType',scope.row.CriterionType) }}
@@ -114,6 +115,7 @@
         :label="$t('dictionary:template:criterionConfig:table:criterionGroup')"
         show-overflow-tooltip
         sortable="custom"
+        width="160"
       >
         <template slot-scope="scope">
           {{ $fd('CriterionGroup',scope.row.CriterionGroup) }}
@@ -124,6 +126,7 @@
         prop="IsCompleteConfig"
         :label="$t('dictionary:template:criterionConfig:table:isCompleteConfig')"
         sortable="custom"
+        width="220"
       >
         <template slot-scope="scope">
 
@@ -219,9 +222,9 @@
       :close-on-click-modal="false"
       append-to-body
       custom-class="base-dialog-wrapper"
-      width="500px"
+      width="600px"
     >
-      <AddCriterion
+      <add-criterion
         :data="rowData"
         @close="addDialog.visible = false"
         @getList="getList"

src/views/dictionary/template/components/EfficacyAssessment.vue

@@ -54,7 +54,7 @@
           </el-button>
         </el-form-item>
       </el-form>
-      <span style="margin-left:auto">
+      <!-- <span style="margin-left:auto">
         <el-button
           v-if="!isCompleteConfig"
           type="primary"
@@ -63,7 +63,7 @@
         >
           {{ $t('common:button:new') }}
         </el-button>
-      </span>
+      </span> -->
 
     </template>
 

src/views/dictionary/template/components/EvaluationOfGlobalConfig.vue

@@ -1,6 +1,6 @@
 <template>
   <div style="position: relative">
-    <el-form  size="small" :inline="true"  label-width="130px" style="position: relative;">
+    <el-form  size="small" :inline="true" style="position: relative;">
       <!-- 阅片规则 -->
       <el-divider content-position="left">{{ $t('dictionary:template:globalConfig:readingRules') }}</el-divider>
       <!-- 是否必须全局阅片 -->
@@ -18,7 +18,7 @@
         {{ $t('dictionary:template:globalConfig:config') }}
       </el-button>
     </el-form>
-    <el-form  size="small" :inline="true"  label-width="110px" style="position: relative">
+    <el-form  size="small" :inline="true"  style="position: relative">
       <!-- 名称 -->
       <el-divider content-position="left">{{ $t('dictionary:template:globalConfig:name') }}</el-divider>
       <!-- 配置 -->
@@ -44,7 +44,7 @@
         <el-table-column
           prop=""
           :label="$t('dictionary:template:globalConfig:order')"
-          width="50"
+          width="80"
         >
           <template slot-scope="scope">
             {{scope.$index + 1}}

src/views/dictionary/template/components/EvaluationOfOncologyConfig.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-form  size="small" :inline="true"  label-width="110px" style="position: relative;">
+    <el-form  size="small" :inline="true" style="position: relative;">
       <!-- 阅片规则 -->
       <el-divider content-position="left">{{ $t('dictionary:template:globalConfig:readingRules') }}</el-divider>
       <!-- 是否肿瘤学阅片 -->
@@ -18,7 +18,7 @@
         {{ $t('dictionary:template:globalConfig:config') }}
       </el-button>
     </el-form>
-    <el-form  size="small" :inline="true"  label-width="110px" style="position: relative">
+    <el-form  size="small" :inline="true" style="position: relative">
       <!-- 阅片问题 -->
       <el-divider content-position="left">{{ $t('dictionary:template:oncologyConfig:reviewQs') }}</el-divider>
       <!-- 配置 -->
@@ -45,7 +45,7 @@
       <el-table-column
         prop=""
         :label="$t('dictionary:template:globalConfig:order')"
-        width="50"
+        width="80"
       >
         <template slot-scope="scope">
           {{scope.$index + 1}}
@@ -126,7 +126,7 @@ import { getSystemOncologyInfo, setSystemOncologyInfo, getCriterionDictionary }
 export default {
   props: {
     data: {
-      type: String,
+      type: Object,
       default() { return {} }
     },
     criterionId: {

src/views/dictionary/template/components/IncreaseFields.vue

@@ -3,16 +3,20 @@
     <!-- 搜索框 -->
     <div class="search">
       <el-form :inline="true" size="mini" class="base-search-form">
-        <el-form-item label="Group:">
+        <!-- Group -->
+        <el-form-item :label="$t('template:anonymization:label:group')">
           <el-input v-model="searchData.Group" clearable style="width:120px;" />
         </el-form-item>
-        <el-form-item label="Element:">
+        <!-- Element -->
+        <el-form-item :label="$t('template:anonymization:label:element')">
           <el-input v-model="searchData.Element" clearable style="width:120px;" />
         </el-form-item>
-        <el-form-item label="Tag Description:">
+        <!-- Tag Description -->
+        <el-form-item :label="$t('template:anonymization:label:tagDescription')">
           <el-input v-model="searchData.TagDescription" clearable style="width:120px;" />
         </el-form-item>
-        <el-form-item label="Tag DescriptionCN:">
+        <!-- Tag DescriptionCN -->
+        <el-form-item :label="$t('template:anonymization:label:tagDescriptionCN')">
           <el-input v-model="searchData.TagDescriptionCN" clearable style="width:120px;" />
         </el-form-item>
         <el-form-item>
@@ -29,7 +33,7 @@
         </el-form-item>
       </el-form>
       <span style="margin-left:auto">
-        <el-button type="primary" size="mini" @click="handleAdd">New</el-button>
+        <el-button type="primary" size="mini" @click="handleAdd">{{ $t('common:button:new') }}</el-button>
       </span>
     </div>
 
@@ -38,37 +42,42 @@
       v-adaptive="{bottomOffset:45}"
       :data="list"
       stripe
-      size="small"
       height="100"
     >
       <el-table-column type="index" width="60" />
+      <!-- Group -->
       <el-table-column
         prop="Group"
-        label="Group"
+        :label="$t('template:anonymization:label:group')"
         show-overflow-tooltip
       />
+      <!-- Element -->
       <el-table-column
         prop="Element"
-        label="Element"
+        :label="$t('template:anonymization:label:element')"
         show-overflow-tooltip
         min-width="110"
       />
+      <!-- Tag Description -->
       <el-table-column
         prop="TagDescription"
-        label="Tag Description"
+        :label="$t('template:anonymization:label:tagDescription')"
         min-width="110"
       />
+      <!-- Tag DescriptionCN -->
       <el-table-column
         prop="TagDescriptionCN"
-        label="Tag DescriptionCN"
+        :label="$t('template:anonymization:label:tagDescriptionCN')"
         min-width="110"
       />
+      <!-- Value Representation -->
       <el-table-column
         prop="ValueRepresentation"
-        label="Value Representation"
+        :label="$t('template:anonymization:label:valueRepresentation')"
         min-width="110"
       />
-      <el-table-column label="Is Fixed" width="100">
+      <!-- Is Fixed -->
+      <el-table-column :label="$t('template:anonymization:label:isFixed')" width="100">
         <template slot-scope="scope">
           <el-switch
             v-model="scope.row.IsFixed"
@@ -78,12 +87,14 @@
           />
         </template>
       </el-table-column>
+      <!-- Value Replace -->
       <el-table-column
         prop="ReplaceValue"
-        label="Value Replace"
+        :label="$t('template:anonymization:label:valueReplace')"
         min-width="110"
       />
-      <el-table-column label="Is Enable" width="100" fixed="right">
+      <!-- Is Enable -->
+      <el-table-column :label="$t('template:anonymization:label:isEnable')" width="100" fixed="right">
         <template slot-scope="scope">
           <el-switch
             v-model="scope.row.IsEnable"
@@ -93,21 +104,21 @@
           />
         </template>
       </el-table-column>
-      <el-table-column label="Action" width="200" fixed="right">
+      <el-table-column :label="$t('common:action:action')" width="200" fixed="right">
         <template slot-scope="scope">
           <el-button
             type="primary"
             size="mini"
             @click="handleEdit(scope.row)"
           >
-            Edit
+            {{ $t('common:action:edit') }}
           </el-button>
           <el-button
             type="danger"
             size="mini"
             @click="handleDelete(scope.row)"
           >
-            Delete
+          {{ $t('common:button:delete') }}
           </el-button>
         </template>
       </el-table-column>
@@ -152,7 +163,7 @@ export default {
     switchChange(event, item) {
       this.loading = true
       addOrUpdateSystemAnonymization(item).then(res => {
-        this.$message.success('Saved successfully!')
+        this.$message.success(this.$t('common:message:savedSuccessfully'))
         this.loading = false
       }).catch(() => {
         this.loading = false
@@ -160,12 +171,12 @@ export default {
     },
     handleEdit(row) {
       this.$nextTick(() => {
-        this.$refs['AddDICOMConfig'].openDialog('Edit Anonymization', row)
+        this.$refs['AddDICOMConfig'].openDialog(this.$t('common:action:edit'), row)
       })
     },
     handleAdd() {
       this.$nextTick(() => {
-        this.$refs['AddDICOMConfig'].openDialog('New IncreaseFields', {
+        this.$refs['AddDICOMConfig'].openDialog(this.$t('common:button:new'), {
           Group: '',
           Element: '',
           TagDescription: '',

src/views/dictionary/template/components/MedicalAudit.vue

@@ -3,7 +3,8 @@
     <!-- 搜索框 -->
     <div class="search">
       <el-form :inline="true" size="mini" class="base-search-form">
-        <el-form-item label="问题名称:">
+        <!-- 问题名称 -->
+        <el-form-item :label="$t('trials:MIMqcCfg:table:questionName')">
           <el-input v-model="searchData.QuestionName" clearable style="width:120px;" />
         </el-form-item>
         <!-- 语言类型 -->
@@ -22,7 +23,8 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="类型:">
+        <!-- 类型 -->
+        <el-form-item :label="$t('trials:medicalFeedbackCfg:title:taskType')">
           <el-input v-model="searchData.Type" clearable style="width:120px;" />
         </el-form-item>
         <el-form-item
@@ -32,7 +34,8 @@
             <el-option v-for="item of $d.CriterionType" :key="item.id" :value="item.value" :label="item.label" />
           </el-select>
         </el-form-item>
-        <el-form-item label="是否通用:">
+        <!-- 是否通用 -->
+        <el-form-item :label="$t('dictionary:medicalAudit:label:IsGeneral')">
           <el-select v-model="searchData.IsGeneral">
             <el-option v-for="item of $d.YesOrNo" :key="item.id" :value="item.value" :label="item.label" />
           </el-select>
@@ -51,7 +54,9 @@
         </el-form-item>
       </el-form>
       <span style="margin-left:auto">
-        <el-button type="primary" size="mini" @click="handleAdd">新增</el-button>
+        <el-button type="primary" size="mini" @click="handleAdd">
+          {{ $t('common:button:new') }}
+        </el-button>
       </span>
     </div>
 
@@ -60,26 +65,27 @@
       v-adaptive="{bottomOffset:50}"
       :data="list"
       stripe
-      size="small"
       height="100"
     >
       <!-- 序号 -->
       <el-table-column
         prop="ShowOrder"
-        label="序号"
+        :label="$t('trials:qcCfg:table:order')"
         width="60"
       />
       <!-- 审核问题 -->
       <el-table-column
         prop="QuestionName"
-        label="问题名称"
+        :label="$t('trials:MIMqcCfg:table:questionName')"
         show-overflow-tooltip
+        min-width="140"
       />
       <!-- 审核问题 -->
       <el-table-column
         prop="LanguageType"
         :label="$t('common:title:languageType')"
         show-overflow-tooltip
+        min-width="160"
       >
         <template slot-scope="scope">
           {{ $fd('LanguageType', scope.row.LanguageType) }}
@@ -88,8 +94,9 @@
       <!-- 类型 -->
       <el-table-column
         prop="Type"
-        label="类型"
+        :label="$t('trials:qcCfg:table:type')"
         show-overflow-tooltip
+        min-width="140"
       >
         <template slot-scope="scope">
           {{ $fd('QcType', scope.row.Type) }}
@@ -98,14 +105,16 @@
       <!-- 选项 -->
       <el-table-column
         prop="TypeValue"
-        label="选项"
+        :label="$t('trials:qcCfg:table:typeValue')"
         show-overflow-tooltip
+        min-width="140"
       />
       <!-- 任务类型 -->
       <el-table-column
         prop="ReadingCategory"
-        label="任务类型"
+        :label="$t('trials:medicalFeedbackCfg:title:taskType')"
         show-overflow-tooltip
+        min-width="140"
       >
         <template slot-scope="scope">
           <el-tag v-if="scope.row.ReadingCategory === 1" type="primary">
@@ -125,7 +134,7 @@
       <el-table-column
         prop="ReadingCategory"
         :label="$t('trials:auditRecord:table:criterion')"
-        width="240"
+        min-width="160"
         show-overflow-tooltip
       >
         <template slot-scope="scope">
@@ -136,8 +145,8 @@
       </el-table-column>
       <el-table-column
         prop="IsGeneral"
-        label="是否通用"
-        width="80"
+        :label="$t('dictionary:medicalAudit:label:IsGeneral')"
+        min-width="120"
         show-overflow-tooltip
       >
         <template slot-scope="scope">
@@ -149,19 +158,22 @@
       <!-- 父问题 -->
       <el-table-column
         prop="ParentShowOrder"
-        label="父问题"
+        :label="$t('trials:qcCfg:table:parentQs')"
         show-overflow-tooltip
+        min-width="140"
       />
       <!-- 父问题触发值 -->
       <el-table-column
         prop="ParentTriggerValue"
-        label="父问题触发值"
+        :label="$t('trials:qcCfg:table:parentTriggerValue')"
         show-overflow-tooltip
+        min-width="160"
       />
       <!-- 是否必填 -->
       <el-table-column
         prop="IsRequired"
-        label="是否必填"
+        :label="$t('trials:qcCfg:table:isRequired')"
+        min-width="120"
       >
         <template slot-scope="scope">
           {{ $fd('YesOrNo', scope.row.IsRequired) }}
@@ -170,28 +182,29 @@
       <!-- 启用状态 -->
       <el-table-column
         prop="IsEnable"
-        label="启用状态"
+        :label="$t('trials:qcCfg:table:isEnable')"
+        min-width="120"
       >
         <template slot-scope="scope">
           {{ $fd('YesOrNo', scope.row.IsEnable) }}
         </template>
       </el-table-column>
 
-      <el-table-column label="Action" width="200" fixed="right">
+      <el-table-column :label="$t('common:action:action')" width="200" fixed="right">
         <template slot-scope="scope">
           <el-button
             type="primary"
             size="mini"
             @click="handleEdit(scope.row)"
           >
-            编辑
+            {{ $t('common:button:edit') }}
           </el-button>
           <el-button
             type="danger"
             size="mini"
             @click="handleDelete(scope.row)"
           >
-            删除
+            {{ $t('common:button:delete') }}
           </el-button>
 
         </template>
@@ -249,13 +262,13 @@ export default {
     // 新增受试者
     handleAdd() {
       this.$nextTick(() => {
-        this.$refs['medicalAuditForm'].openDialog('新增', {})
+        this.$refs['medicalAuditForm'].openDialog(this.$t('common:button:new'), {})
       })
     },
     // 编辑受试者信息
     handleEdit(row) {
       this.$nextTick(() => {
-        this.$refs['medicalAuditForm'].openDialog('编辑', row)
+        this.$refs['medicalAuditForm'].openDialog(this.$t('common:button:edit'), row)
       })
     },
     // 删除受试者
@@ -271,7 +284,7 @@ export default {
               this.loading = false
               if (res.IsSuccess) {
                 this.getList()
-                this.$message.success('删除成功！')
+                this.$message.success(this.$t('common:message:deletedSuccessfully'))
               }
             }).catch(() => { this.loading = false })
         })

src/views/dictionary/template/components/MedicalAuditForm.vue

@@ -6,11 +6,12 @@
         v-loading="loading"
         :model="form"
         :rules="rules"
-        label-width="120px"
+        label-width="140px"
         size="small"
       >
-        <el-form-item label="问题名称" prop="QuestionName">
-          <el-input v-model="form.QuestionName" />
+        <el-form-item :label="$t('trials:MIMqcCfg:table:questionName')" prop="QuestionName">
+          <el-input v-model="form.QuestionName" type="textarea"
+          :rows="2"/>
         </el-form-item>
         <el-form-item
           :label="$t('common:title:languageType')"
@@ -27,20 +28,24 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="类型">
+        <!-- 类型 -->
+        <el-form-item :label="$t('trials:qcCfg:table:type')">
           <el-select v-model="form.Type" @change="((val)=>{typeChange(val, form)})">
-            <el-option value="select" label="下拉框" />
-            <el-option value="input" label="单行文本框" />
-            <el-option value="textarea" label="多行文本框" />
-            <el-option value="radio" label="单选框" />
+            <el-option
+              v-for="item of $d.QcType"
+              :key="item.value"
+              :value="item.value"
+              :label="item.label"
+            />
           </el-select>
         </el-form-item>
-        <el-form-item v-if="form.Type !== 'textarea' && form.Type !== 'input'" label="选项: " prop="TypeValue">
-          <el-input v-model="form.TypeValue" placeholder="选项请用‘|’分割多个选项" />
+        <!-- 选项 -->
+        <el-form-item v-if="form.Type !== 'textarea' && form.Type !== 'input'" :label="$t('trials:qcCfg:table:typeValue')" prop="TypeValue">
+          <el-input v-model="form.TypeValue" :placeholder="$t('trials:qcCfg:message:typeValue')" />
         </el-form-item>
-        <!-- 任务类型 -->
+        <!-- 是否通用 -->
         <el-form-item
-          label="是否通用"
+          :label="$t('dictionary:medicalAudit:label:IsGeneral')"
           prop="IsGeneral"
         >
           <el-switch
@@ -58,9 +63,10 @@
             <el-option v-for="item of $d.CriterionType" :key="item.id" :value="item.value" :label="item.label" />
           </el-select>
         </el-form-item>
+        <!-- 任务类型 -->
         <el-form-item
           v-if="form.Type === 'select' || form.Type === 'radio'"
-          label="任务类型"
+          :label="$t('trials:medicalFeedbackCfg:title:taskType')"
           prop="ReadingCategory"
         >
           <el-select v-model="form.ReadingCategory" @change="((val)=>{readingCategoryChange(val, form)})">
@@ -69,7 +75,7 @@
         </el-form-item>
         <!-- 父问题 -->
         <el-form-item
-          label="父问题"
+          :label="$t('trials:qcCfg:table:parentQs')"
         >
           <el-select
             v-model="form.ParentId"
@@ -87,7 +93,7 @@
         <!-- 父问题触发值 -->
         <el-form-item
           v-if="form.ParentId"
-          label="父问题触发值"
+          :label="$t('trials:qcCfg:table:parentTriggerValue')"
           prop="ParentTriggerValue"
         >
           <el-select
@@ -101,26 +107,40 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="是否必填">
+        <el-form-item :label="$t('trials:qcCfg:table:isRequired')">
           <el-radio-group v-model="form.IsRequired">
-            <el-radio :label="true">是</el-radio>
-            <el-radio :label="false">否</el-radio>
+            <el-radio
+              v-for="item of $d.YesOrNo"
+              :key="`IsRequired${item.value}`"
+              :label="item.value"
+            >
+              {{ item.label }}
+            </el-radio>
           </el-radio-group>
         </el-form-item>
-        <el-form-item label="启用状态">
+        <el-form-item :label="$t('trials:qcCfg:table:isEnable')">
           <el-radio-group v-model="form.IsEnable">
-            <el-radio :label="true">启用</el-radio>
-            <el-radio :label="false">停用</el-radio>
+            <el-radio
+              v-for="item of $d.YesOrNo"
+              :key="item.value"
+              :label="item.value"
+            >
+              {{ item.label }}
+            </el-radio>
           </el-radio-group>
         </el-form-item>
-        <el-form-item label="序号" prop="ShowOrder">
+        <el-form-item :label="$t('trials:qcCfg:table:order')" prop="ShowOrder">
           <el-input-number v-model="form.ShowOrder" controls-position="right" :min="0" />
         </el-form-item>
       </el-form>
     </template>
     <template slot="dialog-footer">
-      <el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancle">取消</el-button>
-      <el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">保存</el-button>
+      <el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancle">
+        {{ $t('common:button:cancel') }}
+      </el-button>
+      <el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">
+        {{ $t('common:button:save') }}
+      </el-button>
     </template>
   </base-model>
 </template>
@@ -154,7 +174,7 @@ export default {
       } else {
         var arr = value.split('|')
         if (new Set(arr).size !== arr.length) {
-          callback(new Error('选项不允许存在相同值'))
+          callback(new Error(this.$t('trials:medicalFeedbackCfg:message:msg2')))
         } else {
           callback()
         }
@@ -164,11 +184,11 @@ export default {
       btnLoading: false,
       form: formDataDefault(),
       rules: {
-        QuestionName: [{ required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 300, message: 'The maximum length is 300' }],
-        TypeValue: [{ required: true, message: 'Please specify', trigger: 'blur' },
+        QuestionName: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          { max: 300, message: `${this.$t('common:ruleMessage:maxLength')} 300` }],
+        TypeValue: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
           { validator: validateTypeVal, trigger: 'blur' },
-          { max: 200, message: 'The maximum length is 200' }],
+          { max: 200, message: `${this.$t('common:ruleMessage:maxLength')} 200` }],
         ParentTriggerValue: [
           { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
         ],

src/views/dictionary/template/components/OrgansTbl.vue

@@ -96,7 +96,7 @@
         <el-table-column
           prop="OrganType"
           :label="$t('trials:readingUnit:baseDataCfg:title:organType')"
-          min-width="120"
+          min-width="140"
           show-overflow-tooltip
           sortable="custom"
         >
@@ -110,11 +110,12 @@
           :label="$t('trials:readingUnit:baseDataCfg:title:classification')"
           show-overflow-tooltip
           sortable="custom"
+          min-width="140"
         />
         <el-table-column
           prop="ClassificationEN"
           :label="$t('trials:readingUnit:baseDataCfg:title:classificationEn')"
-          min-width="140"
+          min-width="160"
           show-overflow-tooltip
           sortable="custom"
         />
@@ -124,6 +125,7 @@
           :label="$t('trials:readingUnit:baseDataCfg:title:bodyPart')"
           show-overflow-tooltip
           sortable="custom"
+          min-width="120"
         />
         <el-table-column
           prop="PartEN"
@@ -138,6 +140,7 @@
           :label="$t('trials:readingUnit:baseDataCfg:title:organ')"
           show-overflow-tooltip
           sortable="custom"
+          min-width="120"
         />
         <el-table-column
           prop="TULOCEN"
@@ -152,6 +155,7 @@
           :label="$t('trials:readingUnit:baseDataCfg:title:TULAT')"
           show-overflow-tooltip
           sortable="custom"
+          min-width="120"
         />
         <el-table-column
           prop="TULATEN"

src/views/dictionary/template/components/QcQuestions.vue

@@ -57,7 +57,6 @@
       v-adaptive="{bottomOffset:45}"
       :data="list"
       stripe
-      size="small"
       height="100"
     >
       <!-- 序号 -->

src/views/dictionary/template/email/components/EmailForm.vue

@@ -9,22 +9,26 @@
   >
     <el-row>
       <el-col :span="24">
+        <!-- Code -->
         <el-form-item label="Code: " prop="Code">
           <el-input style="width: 300px" v-model="form.Code" />
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item label="邮件主题（CN）" prop="EmailTopicCN">
+        <!-- 邮件主题（CN） -->
+        <el-form-item :label="$t('trials:emailManageCfg:table:EmailTopicCN')" prop="EmailTopicCN">
           <el-input style="width: 300px" v-model="form.EmailTopicCN" />
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item label="邮件主题（EN）" prop="EmailTopic">
+        <!-- 邮件主题（EN） -->
+        <el-form-item :label="$t('trials:emailManageCfg:table:EmailTopic')" prop="EmailTopic">
           <el-input style="width: 300px" v-model="form.EmailTopic" />
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item label="邮件延时发送s数" prop="EmailDelaySeconds">
+        <!-- 邮件延时发送s数 -->
+        <el-form-item :label="$t('dictionary:email:label:emailDelaySeconds')" prop="EmailDelaySeconds">
           <el-input
             v-model.number="form.EmailDelaySeconds"
             style="width: 300px"
@@ -35,7 +39,8 @@
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item label="业务层级" prop="BusinessLevelEnum">
+        <!-- 业务层级 -->
+        <el-form-item :label="$t('dictionary:email:label:businessLevel')" prop="BusinessLevelEnum">
           <el-select v-model="form.BusinessLevelEnum" clearable class="mr">
             <el-option
               v-for="item of $d.BusinessLevel"
@@ -47,7 +52,8 @@
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item label="业务模块" prop="BusinessModuleEnum">
+        <!-- 业务模块 -->
+        <el-form-item :label="$t('dictionary:email:label:businessModule')" prop="BusinessModuleEnum">
           <el-select v-model="form.BusinessModuleEnum" clearable class="mr">
             <el-option
               v-for="item of $d.BusinessModule"
@@ -59,7 +65,8 @@
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item label="业务场景" prop="BusinessScenarioEnum">
+        <!-- 业务场景 -->
+        <el-form-item :label="$t('trials:emailManageCfg:table:BusinessScenarioEnum')" prop="BusinessScenarioEnum">
           <el-select v-model="form.BusinessScenarioEnum" clearable class="mr">
             <el-option
               v-for="item of $d.Email_BusinessScenario"
@@ -71,7 +78,8 @@
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item label="收件人" prop="ToUserTypeList">
+        <!-- 收件人 -->
+        <el-form-item :label="$t('trials:emailManageCfg:title:toUserTypeList')" prop="ToUserTypeList">
           <el-select
             v-model="form.ToUserTypeList"
             clearable
@@ -88,7 +96,8 @@
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item label="抄送人" prop="CopyUserTypeList">
+        <!-- 抄送人 -->
+        <el-form-item :label="$t('trials:emailManageCfg:title:copyUserTypeList')" prop="CopyUserTypeList">
           <el-select
             v-model="form.CopyUserTypeList"
             clearable
@@ -105,7 +114,8 @@
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item label="加急状态" prop="EmailUrgentEnum">
+        <!-- 加急状态 -->
+        <el-form-item :label="$t('dictionary:email:label:IsUrgent')" prop="EmailUrgentEnum">
           <el-select
             v-model="form.EmailUrgentEnum"
             @change="
@@ -126,33 +136,46 @@
         </el-form-item>
       </el-col>
       <el-col :span="12">
+        <!-- 发送周期和时间 -->
         <el-form-item
-          label="发送周期和时间"
+          :label="$t('trials:emailManageCfg:table:EmailCron')"
           v-if="form.EmailUrgentEnum !== 1"
           prop="EmailCron"
         >
           <el-input style="width: 300px" readonly v-model="form.EmailCron" />
-          <el-button type="primary" @click="showDialog">生成 cron</el-button>
+          <!-- 生成 cron -->
+          <el-button type="primary" @click="showDialog"> {{ $t('dictionary:email:button:cron') }} </el-button>
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item label="是否需要回执" prop="IsReturnRequired">
+        <!-- 是否需要回执 -->
+        <el-form-item :label="$t('trials:emailManageCfg:title:isReturnRequired')" prop="IsReturnRequired">
           <el-radio-group v-model="form.IsReturnRequired">
-            <el-radio :label="true">是</el-radio>
-            <el-radio :label="false">否</el-radio>
+            <el-radio
+              v-for="item of $d.YesOrNo"
+              :label="item.value"
+              :key="`IsReturnRequired${item.value}`"
+              >{{ item.label }}</el-radio
+            >
           </el-radio-group>
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item label="是否自动发送" prop="IsAutoSend">
+        <!-- 是否自动发送 -->
+        <el-form-item :label="$t('trials:emailManageCfg:table:IsAutoSend')" prop="IsAutoSend">
           <el-radio-group v-model="form.IsAutoSend">
-            <el-radio :label="true">是</el-radio>
-            <el-radio :label="false">否</el-radio>
+            <el-radio
+              v-for="item of $d.YesOrNo"
+              :label="item.value"
+              :key="`IsAutoSend${item.value}`"
+              >{{ item.label }}</el-radio
+            >
           </el-radio-group>
         </el-form-item>
       </el-col>
       <el-col :span="12" v-if="systemLevel">
-        <el-form-item label="是否区分标准" prop="IsDistinguishCriteria">
+        <!-- 是否区分标准 -->
+        <el-form-item :label="$t('dictionary:email:button:isDistinguishCriteria')" prop="IsDistinguishCriteria">
           <el-radio-group
             v-model="form.IsDistinguishCriteria"
             @change="
@@ -161,8 +184,12 @@
               }
             "
           >
-            <el-radio :label="true">是</el-radio>
-            <el-radio :label="false">否</el-radio>
+            <el-radio
+              v-for="item of $d.YesOrNo"
+              :label="item.value"
+              :key="`IsDistinguishCriteria${item.value}`"
+              >{{ item.label }}</el-radio
+            >
           </el-radio-group>
         </el-form-item>
       </el-col>
@@ -183,15 +210,21 @@
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item label="是否启用" prop="IsEnable">
+        <!-- 是否启用 -->
+        <el-form-item :label="$t('trials:emailManageCfg:table:IsEnable')" prop="IsEnable">
           <el-radio-group v-model="form.IsEnable">
-            <el-radio :label="true">是</el-radio>
-            <el-radio :label="false">否</el-radio>
+            <el-radio
+              v-for="item of $d.YesOrNo"
+              :label="item.value"
+              :key="`IsEnable${item.value}`"
+              >{{ item.label }}</el-radio
+            >
           </el-radio-group>
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item label="附件（CN）" prop="IsEnable">
+        <!-- 附件（CN） -->
+        <el-form-item :label="$t('trials:emailManageCfg:table:fileListCN')" prop="IsEnable">
           <el-upload
             class="upload-demo"
             action
@@ -213,7 +246,8 @@
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item label="附件（EN）" prop="IsEnable">
+        <!-- 附件（EN） -->
+        <el-form-item :label="$t('trials:emailManageCfg:table:fileListEN')" prop="IsEnable">
           <el-upload
             class="upload-demo"
             action
@@ -235,8 +269,9 @@
         </el-form-item>
       </el-col>
     </el-row>
+    <!-- 邮件内容模版（CN） -->
     <el-form-item
-      label="邮件内容模版（CN）"
+      :label="$t('dictionary:email:label:emailHtmlContentCN')"
       prop="EmailHtmlContentCN"
       style="position: relative"
     >
@@ -254,8 +289,9 @@
         {{ $t('common:button:preview') }}
       </el-button>
     </el-form-item>
+    <!-- 邮件内容模版（EN） -->
     <el-form-item
-      label="邮件内容模版（EN）"
+      :label="$t('dictionary:email:label:emailHtmlContent')"
       prop="EmailHtmlContent"
       style="position: relative"
     >
@@ -278,18 +314,20 @@
       style="text-align: right; margin-top: 10px; padding-bottom: 10px"
     >
       <el-form-item style="text-align: right">
-        <el-button size="small" type="primary" @click="handleSave"
-          >Save</el-button
-        >
+        <el-button size="small" type="primary" @click="handleSave">
+          {{ $t('common:button:save') }}
+        </el-button>
       </el-form-item>
     </div>
-    <el-dialog append-to-body title="生成 cron" :visible.sync="showCron">
+    <!-- 生成 cron -->
+    <el-dialog append-to-body :title="$t('dictionary:email:button:cron')" :visible.sync="showCron">
       <vcrontab
         :hideComponent="['year']"
         @hide="showCron = false"
         @fill="crontabFill"
         :expression="expression"
-      ></vcrontab>
+      >
+      </vcrontab>
     </el-dialog>
   </el-form>
 </template>
@@ -349,18 +387,18 @@ export default {
         EmailDelaySeconds: null,
       },
       rules: {
-        Code: [{ required: true, message: 'Please select', trigger: ['blur'] }],
+        Code: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] }],
         BusinessScenarioEnum: [
-          { required: true, message: 'Please select', trigger: ['blur'] },
+          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] },
         ],
         EmailTopicCN: [
-          { required: true, message: 'Please select', trigger: ['blur'] },
+          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] },
         ],
         EmailTopic: [
-          { required: true, message: 'Please select', trigger: ['blur'] },
+          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] },
         ],
         BusinessLevelEnum: [
-          { required: true, message: 'Please select', trigger: ['blur'] },
+          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] },
         ],
         // ToUserTypeList: [
         //   { required: true, message: 'Please select', trigger: ['blur'] },
@@ -369,16 +407,16 @@ export default {
         //   { required: true, message: 'Please select', trigger: ['blur'] },
         // ],
         EmailUrgentEnum: [
-          { required: true, message: 'Please select', trigger: ['blur'] },
+          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] },
         ],
         EmailHtmlContentCN: [
-          { required: true, message: 'Please select', trigger: ['blur'] },
+          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] },
         ],
         EmailHtmlContent: [
-          { required: true, message: 'Please select', trigger: ['blur'] },
+          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] },
         ],
         CriterionTypeEnum: [
-          { required: true, message: 'Please select', trigger: ['blur'] },
+          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] },
         ],
       },
       scenarioOption: [],
@@ -416,7 +454,7 @@ export default {
     },
     beforeUploadCN() {
       if (this.fileListCN.length > 0) {
-        this.$alert('最多只能传一个附件')
+        this.$alert(this.$t('trials:emailManageCfg:message:msg1'))
         return
       }
     },
@@ -464,7 +502,7 @@ export default {
     },
     beforeUploadEN() {
       if (this.fileListEN.length > 0) {
-        this.$alert('最多只能传一个附件')
+        this.$alert(this.$t('trials:emailManageCfg:message:msg1'))
         return
       }
     },
@@ -511,7 +549,7 @@ export default {
             this.loading = false
             this.$emit('closeDialog')
             this.$emit('getList')
-            this.$message.success('Saved successfully')
+            this.$message.success(this.$t('common:message:savedSuccessfully'))
           })
           .catch(() => {
             this.loading = false

src/views/dictionary/template/email/components/EmailList.vue

@@ -2,7 +2,8 @@
   <box-content>
     <div class="search">
       <el-form :inline="true" size="mini" class="base-search-form">
-        <el-form-item label="是否需要回执:" v-if="!systemLevel">
+        <!-- 是否需要回执 -->
+        <el-form-item :label="$t('trials:emailManageCfg:title:isReturnRequired')" v-if="!systemLevel">
           <el-select
             v-model="searchData.IsReturnRequired"
             clearable
@@ -16,7 +17,8 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="是否加急:" v-if="!systemLevel">
+        <!-- 是否加急 -->
+        <el-form-item :label="$t('dictionary:email:label:IsUrgent')" v-if="!systemLevel">
           <el-select
             v-model="searchData.IsUrgent"
             clearable
@@ -30,7 +32,8 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="是否启用:" v-if="!systemLevel">
+        <!-- 是否启用 -->
+        <el-form-item :label="$t('trials:emailManageCfg:table:IsEnable')" v-if="!systemLevel">
           <el-select
             v-model="searchData.IsEnable"
             clearable
@@ -146,7 +149,7 @@
       场景配置
     </el-button> -->
         <el-button type="primary" size="mini" @click="handleAdd">
-          新增
+          {{ $t('common:button:new') }}
         </el-button>
       </span>
     </div>
@@ -181,45 +184,50 @@
           {{ $fd('CriterionType', scope.row.CriterionTypeEnum) }}
         </template>
       </el-table-column>
+      <!-- 邮件主题（中文） -->
       <el-table-column
         prop="EmailTopicCN"
-        label="邮件主题（中文）"
+        :label="$t('trials:emailManageCfg:table:EmailTopicCN')"
         sortable="custom"
         show-overflow-tooltip
         min-width="160"
       />
+      <!-- 邮件主题（英文） -->
       <el-table-column
         prop="EmailTopic"
-        label="邮件主题（英文）"
+        :label="$t('trials:emailManageCfg:table:EmailTopic')"
         sortable="custom"
         show-overflow-tooltip
         min-width="160"
       />
+      <!-- 业务层级 -->
       <el-table-column
         prop="BusinessLevelEnum"
-        label="业务层级"
+        :label="$t('dictionary:email:label:businessLevel')"
         sortable="custom"
         show-overflow-tooltip
-        min-width="100"
+        min-width="150"
       >
         <template slot-scope="scope">
           {{ $fd('BusinessLevel', scope.row.BusinessLevelEnum) }}
         </template>
       </el-table-column>
+      <!-- 业务模块 -->
       <el-table-column
         prop="BusinessModuleEnum"
-        label="业务模块"
+        :label="$t('dictionary:email:label:businessModule')"
         sortable="custom"
         show-overflow-tooltip
-        min-width="100"
+        min-width="160"
       >
         <template slot-scope="scope">
           {{ $fd('BusinessModule', scope.row.BusinessModuleEnum) }}
         </template>
       </el-table-column>
+      <!-- 业务场景 -->
       <el-table-column
         prop="BusinessScenarioEnum"
-        label="业务场景"
+        :label="$t('trials:emailManageCfg:table:BusinessScenarioEnum')"
         sortable="custom"
         show-overflow-tooltip
         min-width="130"
@@ -262,25 +270,25 @@
           }}
         </template>
       </el-table-column>
-      <!---v-if="!systemLevel"-->
+      <!-- 加急状态 -->
       <el-table-column
         prop="EmailUrgentEnum"
-        label="加急状态"
+        :label="$t('dictionary:email:label:IsUrgent')"
         sortable="custom"
         show-overflow-tooltip
-        min-width="100"
+        min-width="110"
       >
         <template slot-scope="scope">
           {{ $fd('EmailUrgent', scope.row.EmailUrgentEnum) }}
         </template>
       </el-table-column>
-      <!---v-if="!systemLevel"-->
+      <!-- 发送周期和时间 -->
       <el-table-column
         prop="EmailCron"
-        label="发送周期和时间"
+        :label="$t('trials:emailManageCfg:table:EmailCron')"
         sortable="custom"
         show-overflow-tooltip
-        min-width="160"
+        min-width="180"
       />
       <!-- 附件 -->
       <el-table-column
@@ -306,7 +314,7 @@
         :label="$t('trials:emailManageCfg:title:isReturnRequired')"
         show-overflow-tooltip
         sortable="custom"
-        min-width="140"
+        min-width="160"
         v-if="!systemLevel"
       >
         <template slot-scope="scope">
@@ -369,22 +377,21 @@
         sortable="custom"
         min-width="160"
       />
-      <el-table-column label="Action" min-width="140" fixed="right">
+      <el-table-column label="Action" min-width="180" fixed="right">
         <template slot-scope="scope">
           <el-button type="text" @click="handleEdit(scope.row)">
-            编辑
+            {{ $t('common:button:edit') }}
           </el-button>
 
-          <el-button type="text" @click="handleDelete(scope.row)"
-            >删除</el-button
-          >
+          <el-button type="text" @click="handleDelete(scope.row)">
+            {{ $t('common:button:delete') }}
+          </el-button>
           <el-button
             type="text"
             @click="
               preview(scope.row.EmailHtmlContentCN, scope.row.EmailHtmlContent)
             "
-            >{{ $t('common:button:preview') }}</el-button
-          >
+            >{{ $t('common:button:preview') }}</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -422,7 +429,7 @@
       v-if="attachmentVisible"
       :visible.sync="attachmentVisible"
       :close-on-click-modal="false"
-      title="附件"
+      :title="$t('trials:emailManageCfg:title:fileName')"
       width="80%"
       custom-class="base-dialog-wrapper"
       append-to-body
@@ -438,7 +445,7 @@
       v-if="previewVisible"
       :visible.sync="previewVisible"
       :close-on-click-modal="false"
-      title="预览"
+      :title="$t('common:button:preview')"
       fullscreen
       custom-class="base-dialog-wrapper"
     >
@@ -451,11 +458,13 @@
         "
       >
         <div style="min-width: 50%">
-          <h3>邮件内容模版（CN）</h3>
+          <!-- 邮件内容模版（CN） -->
+          <h3>{{ $t('dictionary:email:title:title1') }}</h3>
           <div v-html="previewHTML"></div>
         </div>
         <div style="min-width: 50%">
-          <h3>邮件内容模版（EN）</h3>
+          <!-- 邮件内容模版（EN） -->
+          <h3>{{ $t('dictionary:email:title:title2') }}</h3>
           <div v-html="previewHTMLEN"></div>
         </div>
       </div>
@@ -554,13 +563,13 @@ export default {
     // 新增
     handleAdd() {
       this.rowData = {}
-      this.title = '新增'
+      this.title = this.$t('common:button:new')
       this.editVisible = true
     },
     // 编辑
     handleEdit(row) {
       this.rowData = { ...row }
-      this.title = '编辑'
+      this.title = this.$t('common:button:edit')
       this.editVisible = true
     },
     // 删除
@@ -572,7 +581,7 @@ export default {
         deleteEmailNoticeConfig(row.Id).then((res) => {
           if (res.IsSuccess) {
             this.getList()
-            this.$message.success('删除成功!')
+            this.$message.success(this.$t('common:message:deletedSuccessfully'))
           }
         })
       })

src/views/dictionary/template/file/fileForm.vue

@@ -0,0 +1,202 @@
+<template>
+  <base-model :config="config">
+    <div slot="dialog-body">
+      <el-form
+        ref="fileForm"
+        :model="form"
+        label-width="100px"
+        size="small"
+        :rules="rules"
+      >
+        <div class="base-dialog-body">
+          <el-form-item :label="$t('dictionary:file:form:name')" prop="Name">
+            <el-input v-model="form.Name" />
+          </el-form-item>
+          <el-form-item
+            :label="$t('dictionary:file:form:nameCN')"
+            prop="NameCN"
+          >
+            <el-input v-model="form.NameCN" />
+          </el-form-item>
+          <el-form-item
+            :label="$t('dictionary:browser:form:ArchiveTypeEnum')"
+            prop="ArchiveTypeEnum"
+          >
+            <el-select
+              v-model="form.ArchiveTypeEnum"
+              clearable
+              placeholder=""
+              style="width: 100%"
+            >
+              <el-option
+                v-for="item in $d.ArchiveType"
+                :key="item.id"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            :label="$t('dictionary:browser:form:SubIdentificationEnum')"
+            prop="SubIdentificationEnum"
+          >
+            <el-select
+              style="width: 100%"
+              v-model="form.SubIdentificationEnum"
+              clearable
+              placeholder=""
+            >
+              <el-option
+                v-for="item in $d.SubIdentification"
+                :key="item.id"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            :label="$t('dictionary:file:form:ShowOrder')"
+            prop="ShowOrder"
+          >
+            <el-input-number
+              v-model="form.ShowOrder"
+              :step="1"
+              step-strictly
+            ></el-input-number>
+          </el-form-item>
+          <el-form-item :label="$t('dictionary:file:form:IsEnable')">
+            <el-switch
+              v-model="form.IsEnable"
+              :active-value="true"
+              :inactive-value="false"
+            >
+            </el-switch>
+          </el-form-item>
+          <el-form-item :label="$t('dictionary:file:form:IsConfirmRecord')">
+            <el-switch
+              v-model="form.IsConfirmRecord"
+              :active-value="true"
+              :inactive-value="false"
+            >
+            </el-switch>
+          </el-form-item>
+        </div>
+      </el-form>
+    </div>
+    <div slot="dialog-footer">
+      <el-button size="small" @click="canel">
+        {{ $t('dictionary:browser:button:canel') }}
+      </el-button>
+      <el-button size="small" type="primary" :loading="loading" @click="save">
+        {{ $t('dictionary:browser:button:save') }}
+      </el-button>
+    </div>
+  </base-model>
+</template>
+  <script>
+import baseModel from '@/components/BaseModel'
+import { addOrUpdateSysFileType } from '@/api/dictionary'
+export default {
+  props: {
+    config: {
+      required: true,
+      default: () => {
+        return {}
+      },
+    },
+    data: {
+      required: true,
+      default: () => {
+        return {}
+      },
+    },
+  },
+  components: {
+    'base-model': baseModel,
+  },
+  data() {
+    return {
+      form: {
+        ArchiveTypeEnum: null,
+        IsConfirmRecord: true,
+        IsEnable: true,
+        Name: null,
+        NameCN: null,
+        SubIdentificationEnum: null,
+        ShowOrder: 0,
+      },
+      rules: {
+        Name: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: ['blur', 'change'],
+          },
+        ],
+        NameCN: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: ['blur', 'change'],
+          },
+        ],
+        SubIdentificationEnum: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:select'),
+            trigger: ['blur', 'change'],
+          },
+        ],
+        ArchiveTypeEnum: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:select'),
+            trigger: ['blur', 'change'],
+          },
+        ],
+      },
+      fileList: [],
+      loading: false,
+    }
+  },
+  created() {
+    if (this.config.status === 'edit') {
+      Object.keys(this.form).forEach((key) => {
+        this.form[key] = this.data[key]
+      })
+      if (this.form.FileName) {
+        this.fileList[0] = {
+          name: this.form.FileName,
+          path: this.form.Path,
+          fullPath: this.form.Path,
+        }
+      }
+    }
+  },
+  methods: {
+    async save() {
+      try {
+        let validate = await this.$refs.fileForm.validate()
+        if (!validate) return false
+        this.loading = true
+        if (this.config.status === 'edit') {
+          this.form.Id = this.data.Id
+        }
+        let res = await addOrUpdateSysFileType(this.form)
+        if (res.IsSuccess) {
+          this.$emit('close')
+          this.$emit('getList')
+        }
+      } catch (err) {
+        console.log(err)
+        this.loading = false
+      }
+    },
+    canel() {
+      this.$emit('close')
+    },
+  },
+}
+</script>

src/views/dictionary/template/file/index.vue

@@ -0,0 +1,347 @@
+<template>
+  <BoxContent>
+    <box-content>
+      <!-- 搜索框 -->
+      <div class="search">
+        <el-form :inline="true" size="mini" class="base-search-form">
+          <el-form-item :label="$t('dictionary:file:search:Name')">
+            <el-input v-model="searchData.Name" style="width: 100px" />
+          </el-form-item>
+          <el-form-item :label="$t('dictionary:file:search:NameCN')">
+            <el-input v-model="searchData.NameCN" style="width: 100px" />
+          </el-form-item>
+          <el-form-item :label="$t('dictionary:file:search:archiveTypeEnum')">
+            <el-select
+              v-model="searchData.ArchiveTypeEnum"
+              clearable
+              placeholder=""
+              style="width: 100px"
+            >
+              <el-option
+                v-for="item in $d.ArchiveType"
+                :key="item.id"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            :label="$t('dictionary:file:search:subIdentificationEnum')"
+          >
+            <el-select
+              v-model="searchData.SubIdentificationEnum"
+              clearable
+              placeholder=""
+              style="width: 100px"
+            >
+              <el-option
+                v-for="item in $d.SubIdentification"
+                :key="item.id"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item :label="$t('dictionary:file:search:isEnable')">
+            <el-select
+              v-model="searchData.IsEnable"
+              clearable
+              placeholder=""
+              style="width: 100px"
+            >
+              <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 :label="$t('dictionary:file:search:isConfirmRecord')">
+            <el-select
+              v-model="searchData.IsConfirmRecord"
+              clearable
+              placeholder=""
+              style="width: 100px"
+            >
+              <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>
+        <span style="margin-left: auto">
+          <el-button type="primary" size="mini" @click="handleAdd">
+            {{ $t('dictionary:browser:button:add') }}
+          </el-button>
+        </span>
+      </div>
+
+      <el-table
+        v-loading="loading"
+        v-adaptive="{ bottomOffset: 45 }"
+        :data="list"
+        stripe
+        height="100"
+        style="width: 100%"
+        @sort-change="handleSortByColumn"
+      >
+        <el-table-column type="index" width="40" />
+
+        <el-table-column
+          prop="Name"
+          :label="$t('dictionary:file:table:Name')"
+          sortable="custom"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          prop="NameCN"
+          :label="$t('dictionary:file:table:NameCN')"
+          show-overflow-tooltip
+          sortable="custom"
+        />
+        <el-table-column
+          prop="ArchiveTypeEnum"
+          :label="$t('dictionary:file:table:archiveTypeEnum')"
+          show-overflow-tooltip
+          sortable="custom"
+        >
+          <template slot-scope="scope">
+            {{ $fd('ArchiveType', scope.row.ArchiveTypeEnum) }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="SubIdentificationEnum"
+          :label="$t('dictionary:file:table:subIdentificationEnum')"
+          show-overflow-tooltip
+          sortable="custom"
+        >
+          <template slot-scope="scope">
+            {{ $fd('SubIdentification', scope.row.SubIdentificationEnum) }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="ShowOrder"
+          :label="$t('dictionary:file:table:ShowOrder')"
+          show-overflow-tooltip
+          sortable="custom"
+        />
+        <el-table-column
+          :label="$t('dictionary:file:table:IsEnable')"
+          prop="IsEnable"
+          show-overflow-tooltip
+          sortable="custom"
+        >
+          <template slot-scope="scope">
+            <el-tag :type="!scope.row.IsEnable ? 'info' : ''">
+              {{ $fd('YesOrNo', scope.row.IsEnable) }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column
+          :label="$t('dictionary:file:table:isConfirmRecord')"
+          prop="IsConfirmRecord"
+          show-overflow-tooltip
+          sortable="custom"
+          width="200"
+        >
+          <template slot-scope="scope">
+            <el-tag :type="!scope.row.IsEnable ? 'info' : ''">
+              {{ $fd('YesOrNo', scope.row.IsConfirmRecord) }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="CreateTime"
+          :label="$t('dictionary:file:table:createTime')"
+          show-overflow-tooltip
+          sortable="custom"
+        />
+        <el-table-column
+          prop="UpdateTime"
+          :label="$t('dictionary:file:table:updateTime')"
+          show-overflow-tooltip
+          sortable="custom"
+        />
+        <el-table-column
+          :label="$t('dictionary:file:table:action')"
+          width="200"
+          fixed="right"
+        >
+          <template slot-scope="scope">
+            <el-button type="text" @click="handleEdit(scope.row)">
+              {{ $t('dictionary:file:button:edit') }}
+            </el-button>
+            <el-button
+              type="text"
+              @click="handleDelete(scope.row)"
+              v-if="hasPermi(['dictionary:template:file:del'])"
+            >
+              {{ $t('dictionary:file:button:delete') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页组件 -->
+      <pagination
+        class="page"
+        :total="total"
+        :page.sync="searchData.PageIndex"
+        :limit.sync="searchData.PageSize"
+        @pagination="getList"
+      />
+      <File-form
+        :config="config"
+        :data="rowData"
+        v-if="config.visible"
+        @close="close"
+        @getList="getList"
+      />
+    </box-content>
+  </BoxContent>
+</template>
+<script>
+import { getSysFileTypeList, deleteSysFileType } from '@/api/dictionary'
+import BoxContent from '@/components/BoxContent'
+import Pagination from '@/components/Pagination'
+import FileForm from './fileForm'
+const searchDataDefault = () => {
+  return {
+    ArchiveTypeEnum: null,
+    IsConfirmRecord: null,
+    IsEnable: null,
+    Name: null,
+    NameCN: null,
+    SubIdentificationEnum: null,
+    PageIndex: 1,
+    PageSize: 20,
+    asc: false,
+    sortField: 'CreateTime',
+  }
+}
+export default {
+  name: 'fileRecord',
+  components: { Pagination, FileForm, BoxContent },
+  data() {
+    return {
+      searchData: searchDataDefault(),
+      loading: false,
+      list: [],
+      total: 0,
+      rowData: {},
+      config: {
+        visible: false,
+        showClose: true,
+        width: '400px',
+        title: '',
+        appendToBody: true,
+        status: 'add',
+      },
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        let res = await getSysFileTypeList(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)
+      }
+    },
+    // 新增
+    handleAdd() {
+      this.rowData = {}
+      this.config.title = this.$t('dictionary:file:form:title:add')
+      this.config.status = 'add'
+      this.config.visible = true
+    },
+    // 编辑
+    handleEdit(row) {
+      this.rowData = { ...row }
+      this.config.title = this.$t('dictionary:file:form:title:edit')
+      this.config.status = 'edit'
+      this.config.visible = true
+    },
+    // 删除
+    handleDelete(row) {
+      this.$confirm(this.$t('dictionary:file:message:deleteMessage'), {
+        type: 'warning',
+        distinguishCancelAndClose: true,
+      })
+        .then(() => {
+          deleteSysFileType(row.Id).then((res) => {
+            if (res.IsSuccess) {
+              this.getList()
+              this.$message.success(
+                this.$t('common:message:deletedSuccessfully')
+              )
+            }
+          })
+        })
+        .catch((err) => {
+          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()
+    },
+    close() {
+      this.config.visible = false
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+</style>

src/views/dictionary/template/index.vue

@@ -6,52 +6,84 @@
         <qc-questions v-if="activeTab == 'qc'" />
       </el-tab-pane>
       <!-- 阅片标准配置 -->
-      <el-tab-pane :label="$t('dictionary:template:tab:criterionsConfig')" name="criterions">
+      <el-tab-pane
+        :label="$t('dictionary:template:tab:criterionsConfig')"
+        name="criterions"
+      >
         <criterions-tmp v-if="activeTab == 'criterions'" />
       </el-tab-pane>
       <!-- 临床数据配置 -->
-      <el-tab-pane :label="$t('dictionary:template:tab:clinicalDataConfig')" name="clinicalData">
+      <el-tab-pane
+        :label="$t('dictionary:template:tab:clinicalDataConfig')"
+        name="clinicalData"
+      >
         <clinical-data v-if="activeTab == 'clinicalData'" />
       </el-tab-pane>
       <!-- 医学审核问题配置 -->
-      <el-tab-pane :label="$t('dictionary:template:tab:medicalConfig')" name="medicalAudit">
+      <el-tab-pane
+        :label="$t('dictionary:template:tab:medicalConfig')"
+        name="medicalAudit"
+      >
         <medical-audit v-if="activeTab == 'medicalAudit'" />
       </el-tab-pane>
       <!-- DICOM字段匿名化配置 -->
-      <el-tab-pane :label="$t('dictionary:template:tab:dicomTagConfig')" name="anonymization">
+      <el-tab-pane
+        :label="$t('dictionary:template:tab:dicomTagConfig')"
+        name="anonymization"
+      >
         <Anonymization v-if="activeTab == 'anonymization'" />
       </el-tab-pane>
       <!-- DICOM字段新增配置 -->
-      <el-tab-pane :label="$t('dictionary:template:tab:dicomTagAddConfig')" name="increasefields">
+      <el-tab-pane
+        :label="$t('dictionary:template:tab:dicomTagAddConfig')"
+        name="increasefields"
+      >
         <IncreaseFields v-if="activeTab == 'increasefields'" />
       </el-tab-pane>
       <!-- 邮件管理 -->
-      <el-tab-pane :label="$t('dictionary:template:tab:emailConfig')" name="email">
+      <el-tab-pane
+        :label="$t('dictionary:template:tab:emailConfig')"
+        name="email"
+      >
         <Email v-if="activeTab == 'email'" />
       </el-tab-pane>
       <!-- 签名管理 -->
-      <el-tab-pane :label="$t('dictionary:template:tab:signConfig')" name="sign">
+      <el-tab-pane
+        :label="$t('dictionary:template:tab:signConfig')"
+        name="sign"
+      >
         <Sign v-if="activeTab == 'sign'" />
       </el-tab-pane>
       <!-- 浏览器推荐 -->
-      <el-tab-pane :label="$t('dictionary:template:tab:browserConfig')" name="browser">
+      <el-tab-pane
+        :label="$t('dictionary:template:tab:browserConfig')"
+        name="browser"
+      >
         <Browser v-if="activeTab == 'browser'" />
       </el-tab-pane>
+      <!-- 文件记录 -->
+      <el-tab-pane
+        :label="$t('dictionary:template:tab:fileConfig')"
+        name="file"
+      >
+        <File v-if="activeTab == 'file'" />
+      </el-tab-pane>
     </el-tabs>
   </div>
 </template>
 <script>
-import QcQuestions from "./components/QcQuestions.vue";
-import CriterionsTmp from "./components/CriterionsTmp";
-import ClinicalData from "./components/ClinicalDataConfig";
-import MedicalAudit from "./components/MedicalAudit";
-import Anonymization from "./components/Anonymization";
-import IncreaseFields from "./components/IncreaseFields";
-import Email from "./email/index.vue";
-import Sign from "./sign/index.vue";
-import Browser from "./browser/index.vue";
+import QcQuestions from './components/QcQuestions.vue'
+import CriterionsTmp from './components/CriterionsTmp'
+import ClinicalData from './components/ClinicalDataConfig'
+import MedicalAudit from './components/MedicalAudit'
+import Anonymization from './components/Anonymization'
+import IncreaseFields from './components/IncreaseFields'
+import Email from './email/index.vue'
+import Sign from './sign/index.vue'
+import Browser from './browser/index.vue'
+import File from './file/index.vue'
 export default {
-  name: "Questions",
+  name: 'Questions',
   components: {
     QcQuestions,
     CriterionsTmp,
@@ -62,25 +94,26 @@ export default {
     Sign,
     MedicalAudit,
     Browser,
+    File,
   },
   data() {
     return {
-      activeTab: "qc",
-    };
+      activeTab: 'qc',
+    }
   },
   mounted() {
     if (this.$route.query.tabActive) {
-      this.activeTab = this.$route.query.tabActive;
+      this.activeTab = this.$route.query.tabActive
     } else {
-      this.activeTab = "qc";
+      this.activeTab = 'qc'
     }
   },
   methods: {
     clickTab(tab, event) {
-      this.$router.push({ path: `/dictionary/template?tabActive=${tab.name}` });
+      this.$router.push({ path: `/dictionary/template?tabActive=${tab.name}` })
     },
   },
-};
+}
 </script>
 <style lang="scss">
 .question-wrapper {

src/views/dictionary/template/sign/components/SceneConfigForm.vue

@@ -8,22 +8,22 @@
     :rules="rules"
   >
     <div class="base-dialog-body">
-      <el-form-item label="编号: " prop="Code">
+      <el-form-item :label="$t('dictionary:sign:label:code')" prop="Code">
         <el-input v-model="form.Code" />
       </el-form-item>
-      <el-form-item label="场景类型: " prop="Name">
+      <el-form-item :label="$t('dictionary:sign:label:sceneType')" prop="Name">
         <el-input v-model="form.Name" />
       </el-form-item>
-      <el-form-item label="签名内容(EN): " prop="Value">
+      <el-form-item label="$t('dictionary:sign:label:value')" prop="Value">
         <el-input v-model="form.Value" type="textarea" rows="5" />
       </el-form-item>
-      <el-form-item label="签名内容(CN): " prop="ValueCN">
+      <el-form-item :label="$t('dictionary:sign:label:valueCN')" prop="ValueCN">
         <el-input v-model="form.ValueCN" type="textarea" rows="5" />
       </el-form-item>
     </div>
     <div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
       <el-form-item style="text-align:right;">
-        <el-button size="small" type="primary" :disabled="form.Type === '' || form.Name === ''" :loading="saveBtnLoading" @click="handleSave">Save</el-button>
+        <el-button size="small" type="primary" :disabled="form.Type === '' || form.Name === ''" :loading="saveBtnLoading" @click="handleSave">{{ $t('common:button:save') }}</el-button>
       </el-form-item>
     </div>
   </el-form>
@@ -53,10 +53,10 @@ export default {
         ParentId: ''
       },
       rules: {
-        Code: [{ required: true, message: 'Please specify', trigger: ['blur'] }],
-        Name: [{ required: true, message: 'Please specify', trigger: ['blur'] }],
-        Value: [{ required: true, message: 'Please specify', trigger: ['blur'] }],
-        ValueCN: [{ required: true, message: 'Please specify', trigger: ['blur'] }]
+        Code: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur'] }],
+        Name: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur'] }],
+        Value: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur'] }],
+        ValueCN: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur'] }]
       },
       scenarioOption: [],
       saveBtnLoading: false,
@@ -86,7 +86,7 @@ export default {
           this.saveBtnLoading = false
           this.$emit('closeDialog')
           this.$emit('getList')
-          this.$message.success('Saved successfully')
+          this.$message.success(this.$t('common:message:savedSuccessfully'))
         }).catch(() => {
           this.saveBtnLoading = false
         })

src/views/dictionary/template/sign/components/SceneList.vue

@@ -8,7 +8,7 @@
           size="mini"
           @click="handleAdd"
         >
-          Add
+          {{ $t('common:button:new') }}
         </el-button>
       </span>
 
@@ -27,48 +27,50 @@
 
       <el-table-column
         prop="Code"
-        label="编号"
+        :label="$t('dictionary:sign:label:code')"
         sortable="custom"
         show-overflow-tooltip
       />
       <el-table-column
         prop="Name"
-        label="场景类型"
+        :label="$t('dictionary:sign:label:sceneType')"
         show-overflow-tooltip
         sortable="custom"
       />
       <el-table-column
         prop="Value"
-        label="签名内容(EN)"
+        :label="$t('dictionary:sign:label:value')"
         show-overflow-tooltip
       />
       <el-table-column
         prop="ValueCN"
-        label="签名内容(CN)"
+        :label="$t('dictionary:sign:label:valueCN')"
         show-overflow-tooltip
       />
       <el-table-column
         prop="UpdateTime"
-        label="更新时间"
+        :label="$t('dictionary:sign:label:updateTime')"
         show-overflow-tooltip
         sortable="custom"
       />
 
       <el-table-column
         prop="CreateTime"
-        label="创建时间"
+        :label="$t('dictionary:sign:label:createTime')"
         show-overflow-tooltip
         sortable="custom"
       />
-      <el-table-column label="Action" width="200" fixed="right">
+      <el-table-column :label="$t('common:action:action')" width="200" fixed="right">
         <template slot-scope="scope">
           <el-button
             type="text"
             @click="handleEdit(scope.row)"
           >
-            Edit
+            {{ $t('common:button:edit') }}
+          </el-button>
+          <el-button type="text" @click="handleDelete(scope.row)">
+            {{ $t('common:button:delete') }}
           </el-button>
-          <el-button type="text" @click="handleDelete(scope.row)">Delete</el-button>
 
         </template>
       </el-table-column>

src/views/dictionary/template/sign/components/SignTemplateForm.vue

@@ -8,22 +8,25 @@
     :rules="rules"
   >
     <div class="base-dialog-body">
-      <el-form-item label="Code: " prop="Code">
+      <el-form-item :label="$t('dictionary:sign:label:code')" prop="Code">
         <el-input v-model="form.Code" />
       </el-form-item>
-      <el-form-item label="模板: " prop="Name">
+      <!-- 模板 -->
+      <el-form-item :label="$t('dictionary:sign:label:name')" prop="Name">
         <el-input v-model="form.Name" />
       </el-form-item>
-      <el-form-item label="签名内容(EN): " prop="Value">
+      <!-- 签名内容(EN) -->
+      <el-form-item :label="$t('dictionary:sign:label:value')" prop="Value">
         <el-input v-model="form.Value" type="textarea" rows="5" />
       </el-form-item>
-      <el-form-item label="签名内容(CN): " prop="ValueCN">
+      <!-- 签名内容(CN) -->
+      <el-form-item :label="$t('dictionary:sign:label:valueCN')" prop="ValueCN">
         <el-input v-model="form.ValueCN" type="textarea" rows="5" />
       </el-form-item>
     </div>
     <div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
       <el-form-item style="text-align:right;">
-        <el-button size="small" type="primary" :disabled="form.Type === '' || form.Name === ''" :loading="saveBtnLoading" @click="handleSave">Save</el-button>
+        <el-button size="small" type="primary" :disabled="form.Type === '' || form.Name === ''" :loading="saveBtnLoading" @click="handleSave">{{ $t('common:button:save') }}</el-button>
       </el-form-item>
     </div>
   </el-form>
@@ -48,10 +51,10 @@ export default {
         ValueCN: ''
       },
       rules: {
-        Code: [{ required: true, message: 'Please specify', trigger: ['blur'] }],
-        Name: [{ required: true, message: 'Please specify', trigger: ['blur'] }],
-        Value: [{ required: true, message: 'Please specify', trigger: ['blur'] }],
-        ValueCN: [{ required: true, message: 'Please specify', trigger: ['blur'] }]
+        Code: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur'] }],
+        Name: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur'] }],
+        Value: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur'] }],
+        ValueCN: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur'] }]
       },
       scenarioOption: [],
       saveBtnLoading: false,
@@ -80,7 +83,7 @@ export default {
           this.saveBtnLoading = false
           this.$emit('closeDialog')
           this.$emit('getList')
-          this.$message.success('Saved successfully')
+          this.$message.success(this.$t('common:message:savedSuccessfully'))
         }).catch(() => {
           this.saveBtnLoading = false
         })

src/views/dictionary/template/sign/index.vue

@@ -3,10 +3,12 @@
     <!-- 搜索框 -->
     <div class="search">
       <el-form :inline="true" size="mini" class="base-search-form">
-        <el-form-item label="Code:">
+        <!-- Code -->
+        <el-form-item :label="$t('dictionary:sign:label:code')">
           <el-input v-model="searchData.Code" style="width:100px;" />
         </el-form-item>
-        <el-form-item label="模板:">
+        <!-- 模板 -->
+        <el-form-item :label="$t('dictionary:sign:label:name')">
           <el-input v-model="searchData.Name" style="width:100px;" />
         </el-form-item>
         <el-form-item>
@@ -28,7 +30,7 @@
           size="mini"
           @click="handleAdd"
         >
-          New
+          {{ $t('common:button:new') }}
         </el-button>
       </span>
 
@@ -48,55 +50,62 @@
 
       <el-table-column
         prop="Code"
-        label="Code"
+        :label="$t('dictionary:sign:label:code')"
         sortable="custom"
         show-overflow-tooltip
       />
+      <!-- 模板 -->
       <el-table-column
         prop="Name"
-        label="模板"
+        :label="$t('dictionary:sign:label:name')"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- 签名内容(EN) -->
       <el-table-column
         prop="Value"
-        label="签名内容(EN)"
+        :label="$t('dictionary:sign:label:value')"
         show-overflow-tooltip
       />
+      <!-- 签名内容(CN) -->
       <el-table-column
         prop="ValueCN"
-        label="签名内容(CN)"
+        :label="$t('dictionary:sign:label:valueCN')"
         show-overflow-tooltip
       />
+      <!-- 更新时间 -->
       <el-table-column
         prop="UpdateTime"
-        label="更新时间"
+        :label="$t('dictionary:sign:label:updateTime')"
         show-overflow-tooltip
         sortable="custom"
       />
-
+      <!-- 创建时间 -->
       <el-table-column
         prop="CreateTime"
-        label="创建时间"
+        :label="$t('dictionary:sign:label:createTime')"
         show-overflow-tooltip
         sortable="custom"
       />
-      <el-table-column label="Action" width="200" fixed="right">
+      <el-table-column :label="$t('common:action:action')" width="200" fixed="right">
         <template slot-scope="scope">
           <el-button
             type="text"
             @click="handleEdit(scope.row)"
           >
-            Edit
+            {{ $t('common:button:edit') }}
           </el-button>
+          <!-- 场景配置 -->
           <el-button
             type="text"
             @click="handleConfig(scope.row)"
           >
-            场景配置
+            {{ $t('dictionary:sign:button:config') }}
           </el-button>
 
-          <el-button type="text" @click="handleDelete(scope.row)">Delete</el-button>
+          <el-button type="text" @click="handleDelete(scope.row)">
+            {{ $t('common:button:delete') }}
+          </el-button>
 
         </template>
       </el-table-column>
@@ -121,7 +130,7 @@
     <el-dialog
       v-if="configVisible"
       :visible.sync="configVisible"
-      title="场景配置"
+      :title="$t('dictionary:sign:button:config')"
       :fullscreen="true"
       append-to-body
       custom-class="base-dialog-wrapper"
@@ -175,13 +184,13 @@ export default {
     // 新增
     handleAdd() {
       this.rowData = {}
-      this.title = 'Add'
+      this.title = this.$t('common:button:new')
       this.editVisible = true
     },
     // 编辑
     handleEdit(row) {
       this.rowData = { ...row }
-      this.title = 'Edit'
+      this.title = this.$t('common:button:edit')
       this.editVisible = true
     },
     // 删除

src/views/none-dicom-show/components/image-viewer.vue

@@ -1,13 +1,19 @@
 /* eslint-disable no-unused-vars */
 <template>
-  <div style="width:100%;height:100%;">
+  <div style="width: 100%; height: 100%">
     <transition name="viewer-fade">
-      <div v-show="urlList.length > 0" ref="image-viewer__wrapper" tabindex="-1" class="image-viewer__wrapper" :style="{ 'z-index':5 }">
+      <div
+        v-show="urlList.length > 0"
+        ref="image-viewer__wrapper"
+        tabindex="-1"
+        class="image-viewer__wrapper"
+        :style="{ 'z-index': 5 }"
+      >
         <span class="image-viewer_desc">
           <!-- <span v-if="studyCode">NST00006</span>
           <span v-if="modality">CT</span>
           <span v-if="bodyPart">上/下腹部</span><br> -->
-          {{ `${index+1} / ${urlList.length}` }}
+          {{ `${index + 1} / ${urlList.length}` }}
         </span>
         <!-- 关闭 -->
         <span class="image-viewer__btn image-viewer__close" @click="hide">
@@ -38,37 +44,46 @@
             <i class="el-image-viewer__actions__divider" />
             <i class="el-icon-c-scale-to-original" @click="toggleMode" />
             <i class="el-image-viewer__actions__divider" />
-            <i class="el-icon-refresh-left" @click="handleActions('anticlocelise')" />
-            <i class="el-icon-refresh-right" @click="handleActions('clocelise')" />
+            <i
+              class="el-icon-refresh-left"
+              @click="handleActions('anticlocelise')"
+            />
+            <i
+              class="el-icon-refresh-right"
+              @click="handleActions('clocelise')"
+            />
           </div>
         </div>
         <!-- 图片 -->
         <div id="image-viewer__canvas" class="image-viewer__canvas">
-          <img
-            v-for="(item, i) in urlList"
-            v-show="i === index"
-            :ref="`img${i}`"
-            :key="item.Id"
-            crossorigin="anonymous"
-            :src="item.FileType&&item.FileType.indexOf('zip')>=0?zipImg:`${OSSclientConfig.basePath}${item.Path}`"
-            :style="imgStyle"
-            style="max-width:100%;max-height: 100%;"
-            @load="handleImgLoad"
-            @error="handleImgError"
-            @mousedown="handleMouseDown"
-          >
-
+          <template v-for="(item, i) in urlList">
+            <img
+              v-if="!~item.FileType.indexOf('pdf')"
+              v-show="i === index"
+              :ref="`img${i}`"
+              :key="item.Id"
+              crossorigin="anonymous"
+              :src="
+                item.FileType && item.FileType.indexOf('zip') >= 0
+                  ? zipImg
+                  : `${OSSclientConfig.basePath}${item.Path}`
+              "
+              :style="imgStyle"
+              style="max-width: 100%; max-height: 100%"
+              @load="handleImgLoad"
+              @error="handleImgError"
+              @mousedown="handleMouseDown"
+            />
+          </template>
         </div>
       </div>
     </transition>
-
   </div>
-
 </template>
 
 <script>
 import { on, off } from 'element-ui/src/utils/dom'
-import { rafThrottle, isFirefox } from 'element-ui/src/utils/util';
+import { rafThrottle, isFirefox } from 'element-ui/src/utils/util'
 
 const mousewheelEventName = isFirefox() ? 'DOMMouseScroll' : 'mousewheel'
 
@@ -77,36 +92,36 @@ export default {
   props: {
     urlList: {
       type: Array,
-      default: () => []
+      default: () => [],
     },
     studyCode: {
       type: String,
-      default: ''
+      default: '',
     },
     bodyPart: {
       type: String,
-      default: ''
+      default: '',
     },
     modality: {
       type: String,
-      default: ''
+      default: '',
     },
     onSwitch: {
       type: Function,
-      default: () => {}
+      default: () => {},
     },
     onClose: {
       type: Function,
-      default: () => {}
+      default: () => {},
     },
     initialIndex: {
       type: Number,
-      default: 0
+      default: 0,
+    },
+    zipImg: {
+      required: true,
+      default: '',
     },
-    zipImg:{
-      required:true,
-      default:''
-    }
   },
 
   data() {
@@ -120,7 +135,7 @@ export default {
         deg: 0,
         offsetX: 0,
         offsetY: 0,
-        enableTransition: false
+        enableTransition: false,
       },
     }
   },
@@ -141,25 +156,25 @@ export default {
         transform: `scale(${scale}) rotate(${deg}deg)`,
         transition: enableTransition ? 'transform .3s' : '',
         'margin-left': `${offsetX}px`,
-        'margin-top': `${offsetY}px`
+        'margin-top': `${offsetY}px`,
       }
       return style
-    }
+    },
   },
   watch: {
     initialIndex: {
       immediate: true,
       handler(val) {
         this.index = val
-      }
+      },
     },
     index: {
       immediate: true,
       handler(val) {
         this.reset()
         this.onSwitch(val)
-      }
-    }
+      },
+    },
   },
   mounted() {
     document.getElementById('image-viewer__canvas').onmousewheel = (event) => {
@@ -167,13 +182,13 @@ export default {
         // 缩小
         this.handleActions('zoomOut', {
           zoomRate: 0.015,
-          enableTransition: false
+          enableTransition: false,
         })
       } else {
         // 放大
         this.handleActions('zoomIn', {
           zoomRate: 0.015,
-          enableTransition: false
+          enableTransition: false,
         })
       }
       return false
@@ -186,7 +201,7 @@ export default {
       this.onClose()
     },
     deviceSupportInstall() {
-      this._keyDownHandler = e => {
+      this._keyDownHandler = (e) => {
         e.stopPropagation()
         const keyCode = e.keyCode
         switch (keyCode) {
@@ -216,17 +231,17 @@ export default {
             break
         }
       }
-      this._mouseWheelHandler = rafThrottle(e => {
+      this._mouseWheelHandler = rafThrottle((e) => {
         const delta = e.wheelDelta ? e.wheelDelta : -e.detail
         if (delta > 0) {
           this.handleActions('zoomIn', {
             zoomRate: 0.015,
-            enableTransition: false
+            enableTransition: false,
           })
         } else {
           this.handleActions('zoomOut', {
             zoomRate: 0.015,
-            enableTransition: false
+            enableTransition: false,
           })
         }
       })
@@ -254,12 +269,12 @@ export default {
       const { offsetX, offsetY } = this.transform
       const startX = e.pageX
       const startY = e.pageY
-      this._dragHandler = rafThrottle(ev => {
+      this._dragHandler = rafThrottle((ev) => {
         this.transform.offsetX = offsetX + ev.pageX - startX
         this.transform.offsetY = offsetY + ev.pageY - startY
       })
       on(document, 'mousemove', this._dragHandler)
-      on(document, 'mouseup', ev => {
+      on(document, 'mouseup', (ev) => {
         off(document, 'mousemove', this._dragHandler)
       })
 
@@ -271,7 +286,7 @@ export default {
         deg: 0,
         offsetX: 0,
         offsetY: 0,
-        enableTransition: false
+        enableTransition: false,
       }
     },
     toggleMode() {
@@ -294,18 +309,22 @@ export default {
         zoomRate: 0.2,
         rotateDeg: 90,
         enableTransition: true,
-        ...options
+        ...options,
       }
       const { transform } = this
       switch (action) {
         case 'zoomOut':
           if (transform.scale > 0.2) {
-            transform.scale = parseFloat((transform.scale - zoomRate).toFixed(3))
+            transform.scale = parseFloat(
+              (transform.scale - zoomRate).toFixed(3)
+            )
           }
           break
         case 'zoomIn':
           if (transform.scale < 5) {
-            transform.scale = parseFloat((transform.scale + zoomRate).toFixed(3))
+            transform.scale = parseFloat(
+              (transform.scale + zoomRate).toFixed(3)
+            )
           }
           break
         case 'clocelise':
@@ -316,47 +335,46 @@ export default {
           break
       }
       transform.enableTransition = enableTransition
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>
-
-.image-viewer__wrapper{
-    position: relative;
-    top:0;
-    right:0;
-    bottom:0;
-    left:0;
-    width: 100%;
-    height: 100%;
+.image-viewer__wrapper {
+  position: relative;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
 }
-.image-viewer__btn{
-    position:absolute;
-    z-index:1;
-    display:flex;
-    align-items:center;
-    justify-content:center;
-    border-radius:50%;
-    opacity:.8;
-    cursor:pointer;
-    box-sizing:border-box;
-    user-select:none
+.image-viewer__btn {
+  position: absolute;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  opacity: 0.8;
+  cursor: pointer;
+  box-sizing: border-box;
+  user-select: none;
 }
 
-.image-viewer__close{
+.image-viewer__close {
   display: none;
-    top:40px;
-    right:40px;
-    width:40px;
-    height:40px;
-    font-size:40px
+  top: 40px;
+  right: 40px;
+  width: 40px;
+  height: 40px;
+  font-size: 40px;
 }
-.image-viewer_desc{
-  position:absolute;
-  top:40px;
-  left:40px;
-  font-size:15px;
+.image-viewer_desc {
+  position: absolute;
+  top: 40px;
+  left: 40px;
+  font-size: 15px;
   padding: 5px;
   height: 30px;
   width: 70px;
@@ -369,92 +387,92 @@ export default {
   border-radius: 17px;
   // border-radius: 2%;
 }
-.image-viewer__canvas{
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    width:100%;
-    height:100%;
-    display:flex;
-    justify-content:center;
-    align-items:center
+.image-viewer__canvas {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
-.image-viewer__actions{
-    left:50%;
-    bottom:30px;
-    transform:translateX(-50%);
-    width:282px;
-    height:44px;
-    padding:0 23px;
-    background-color:#606266;
-    border-color:#fff;
-    border-radius:22px
+.image-viewer__actions {
+  left: 50%;
+  bottom: 30px;
+  transform: translateX(-50%);
+  width: 282px;
+  height: 44px;
+  padding: 0 23px;
+  background-color: #606266;
+  border-color: #fff;
+  border-radius: 22px;
 }
-.image-viewer__actions__inner{
-    width:100%;
-    height:100%;
-    text-align:justify;
-    cursor:default;
-    font-size:23px;
-    color:#fff;
-    display:flex;
-    align-items:center;
-    justify-content:space-around
+.image-viewer__actions__inner {
+  width: 100%;
+  height: 100%;
+  text-align: justify;
+  cursor: default;
+  font-size: 23px;
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
 }
-.image-viewer__next,.image-viewer__prev{
-    top:50%;
-    width:44px;
-    height:44px;
-    font-size:24px;
-    color:#fff;
-    background-color:#606266;
-    border-color:#fff
+.image-viewer__next,
+.image-viewer__prev {
+  top: 50%;
+  width: 44px;
+  height: 44px;
+  font-size: 24px;
+  color: #fff;
+  background-color: #606266;
+  border-color: #fff;
 }
-.image-viewer__prev{
-    transform:translateY(-50%);
-    left:40px
+.image-viewer__prev {
+  transform: translateY(-50%);
+  left: 40px;
 }
-.image-viewer__next{
-    transform:translateY(-50%);
-    right:40px;
-    text-indent:2px
+.image-viewer__next {
+  transform: translateY(-50%);
+  right: 40px;
+  text-indent: 2px;
 }
-.image-viewer__mask{
-    position:absolute;
-    width:100%;
-    height:100%;
-    top:0;
-    left:0;
-    opacity:.5;
-    // background:#000
-
+.image-viewer__mask {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  opacity: 0.5;
+  // background:#000
 }
-.viewer-fade-enter-active{
-    animation:viewer-fade-in .3s
+.viewer-fade-enter-active {
+  animation: viewer-fade-in 0.3s;
 }
-.viewer-fade-leave-active{
-    animation:viewer-fade-out .3s
+.viewer-fade-leave-active {
+  animation: viewer-fade-out 0.3s;
 }
 
-@keyframes viewer-fade-in{
-    0%{
-        transform:translate3d(0,-20px,0);
-        opacity:0
-    }
-    100%{
-        transform:translate3d(0,0,0);
-        opacity:1
-    }
+@keyframes viewer-fade-in {
+  0% {
+    transform: translate3d(0, -20px, 0);
+    opacity: 0;
+  }
+  100% {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
 }
 
-@keyframes viewer-fade-out{
-    0%{
-        transform:translate3d(0,0,0);
-        opacity:1
-    }
-    100%{
-        transform:translate3d(0,-20px,0);
-        opacity:0
-    }
+@keyframes viewer-fade-out {
+  0% {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+  100% {
+    transform: translate3d(0, -20px, 0);
+    opacity: 0;
+  }
 }
 </style>

src/views/none-dicom-show/components/preview.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="none-dicom_preview-wrapper">
-
     <div class="image-viewer-wrapper">
       <!-- 预览图像 -->
       <ImageViewer
@@ -15,10 +14,10 @@
         :study-code="previewImage.studyCode"
         :body-part="previewImage.bodyPart"
         :modality="previewImage.modality"
-        :zip-img='zipImg'
+        :zip-img="zipImg"
       />
     </div>
-    <div class="thumbnail-wrapper" style="z-index:999;background-color:#fff;">
+    <div class="thumbnail-wrapper" style="z-index: 999; background-color: #fff">
       <div class="">
         <div class="img-wrapper">
           <el-button
@@ -33,21 +32,31 @@
               <slot name="empty">暂无数据</slot>
             </div>
             <div v-show="!noData" class="items" :style="itemsStyle">
-              <div
-                v-for="(item, index) in previewImage.imgList"
-                :key="index"
-                class="item-img"
-                :style="imgSize"
-                :class="{
-                  'is-active': index === currentIndex
-                }"
-                @click="selected(index)"
-              >
-                <img :title="item.FileName" crossorigin="anonymous" :src="item.FileType&&item.FileType.indexOf('zip')>=0?zipImg:`${OSSclientConfig.basePath}${item.Path}`">
-                <p v-if="item.FileName" class="item-date">
-                  {{ `${index+1}` }}
-                </p>
-              </div>
+              <template v-for="(item, index) in previewImage.imgList">
+                <div
+                  v-if="!~item.FileType.indexOf('pdf')"
+                  :key="index"
+                  class="item-img"
+                  :style="imgSize"
+                  :class="{
+                    'is-active': index === currentIndex,
+                  }"
+                  @click="selected(index)"
+                >
+                  <img
+                    :title="item.FileName"
+                    crossorigin="anonymous"
+                    :src="
+                      item.FileType && item.FileType.indexOf('zip') >= 0
+                        ? zipImg
+                        : `${OSSclientConfig.basePath}${item.Path}`
+                    "
+                  />
+                  <p v-if="item.FileName" class="item-date">
+                    {{ `${index + 1}` }}
+                  </p>
+                </div>
+              </template>
             </div>
           </div>
           <el-button
@@ -63,12 +72,12 @@
   </div>
 </template>
 <script>
-import ImageViewer from './image-viewer';
-import zipImg from "@/assets/zip.png";
+import ImageViewer from './image-viewer'
+import zipImg from '@/assets/zip.png'
 export default {
   name: 'Preview',
   components: {
-    ImageViewer
+    ImageViewer,
   },
   props: {
     imgSize: {
@@ -76,13 +85,13 @@ export default {
       default: () => {
         return {
           width: '120px',
-          height: '120px'
+          height: '120px',
         }
-      }
+      },
     },
     value: {
       type: Number,
-      default: null
+      default: null,
     },
     previewImage: {
       type: Object,
@@ -94,11 +103,10 @@ export default {
           infinite: true, // 是否可以循环切换
           studyCode: '',
           modality: '',
-          bodyPart: ''
+          bodyPart: '',
         }
-      }
-    }
-
+      },
+    },
   },
   data() {
     return {
@@ -107,14 +115,14 @@ export default {
       translateX: 0,
       pageSize: 0, // 一页展示的图片数
       urlList: [],
-      zipImg
+      zipImg,
     }
   },
   computed: {
     // 偏移度数
     itemsStyle() {
       return {
-        transform: `translateX(${-this.translateX}px)`
+        transform: `translateX(${-this.translateX}px)`,
       }
     },
     // 每一项宽度
@@ -128,7 +136,8 @@ export default {
     disabledNext() {
       // 禁用后一页按钮
       return (
-        this.translateX >= (this.previewImage.imgList.length - this.pageSize) * this.itemWidth
+        this.translateX >=
+        (this.previewImage.imgList.length - this.pageSize) * this.itemWidth
       )
     },
     noData() {
@@ -136,28 +145,27 @@ export default {
     },
     dataLength() {
       return this.previewImage.imgList.length
-    }
-
+    },
   },
   watch: {
     value: {
       immediate: true,
       handler(val) {
         this.currentIndex = val
-      }
+      },
     },
     'previewImage.index': {
       immediate: true,
       handler(val) {
         this.urlList.index = val
-      }
-    }
+      },
+    },
   },
   mounted() {
     this.pageSize = this.wrapperWidth() / this.itemWidth
     this.urlList = this.previewImage
     const scope = this
-    window.onresize = function() {
+    window.onresize = function () {
       scope.pageSize = scope.wrapperWidth() / scope.itemWidth
       scope.selected(scope.currentIndex)
     }
@@ -201,148 +209,147 @@ export default {
         return this.$refs.imagesWrapper.offsetWidth
       }
       return 0
-    }
-
-  }
+    },
+  },
 }
 </script>
 
 <style lang="scss">
-.none-dicom_preview-wrapper{
+.none-dicom_preview-wrapper {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
 
-.image-viewer-wrapper{
-  flex: 1;
-}
-.thumbnail-wrapper{
-  height: 130px;
-}
-.img-content{
-  position: absolute;
-  left: 0;
-  bottom: 10px;
-  width: 100%;
-}
-.img-wrapper {
-  display: flex;
-  position: relative;
-  margin: 0 20px;
-  height: 120px;
-  .to {
-    width: 32px;
-    height: 100%;
-    padding: 0;
+  .image-viewer-wrapper {
+    flex: 1;
   }
-  .images::before {
+  .thumbnail-wrapper {
+    height: 130px;
+  }
+  .img-content {
     position: absolute;
-    z-index: 5;
-    top: 0;
-    height: 100%;
-    width: 84px;
-    content: '';
-    pointer-events: none;
-    background: -webkit-gradient(
-      linear,
-      left top,
-      right top,
-      from(#fff),
-      color-stop(50%, rgba(0, 0, 0, 0))
-    );
-    background: -o-linear-gradient(left, #fff, rgba(0, 0, 0, 0) 50%);
-    background: linear-gradient(90deg, #fff, rgba(0, 0, 0, 0) 50%);
-  }
-  .images::after {
-    position: absolute;
-    z-index: 5;
-    top: 0;
-    height: 100%;
-    right: 0;
-    width: 84px;
-    content: '';
-    pointer-events: none;
-    background: -webkit-gradient(
-      linear,
-      right top,
-      left top,
-      from(#fff),
-      color-stop(50%, rgba(0, 0, 0, 0))
-    );
-    background: -o-linear-gradient(right, #fff, rgba(0, 0, 0, 0) 50%);
-    background: linear-gradient(270deg, #fff, rgba(0, 0, 0, 0) 50%);
-  }
-  .images {
-    position: relative;
-    overflow: hidden;
+    left: 0;
+    bottom: 10px;
     width: 100%;
-    height: 100%;
-    margin: 0 2px;
-    .empty-text {
-      color: rgb(158, 158, 158);
+  }
+  .img-wrapper {
+    display: flex;
+    position: relative;
+    margin: 0 20px;
+    height: 120px;
+    .to {
+      width: 32px;
       height: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
+      padding: 0;
     }
-    .items {
+    .images::before {
       position: absolute;
+      z-index: 5;
       top: 0;
-      left: 0;
-      display: flex;
-      // width: 6000px;
       height: 100%;
-      align-items: center;
-      transition: transform 0.25s ease;
-      .item-img {
-        display: inline-block;
-        box-sizing: border-box;
-        position: relative;
-        margin-right: 8px;
-        border: 2px solid rgba(0, 0, 0, 0);
-        cursor: pointer;
-        .item-date {
-          bottom: 0px;
-          position: absolute;
-          width: 100%;
-          height: 24px;
-          background: rgba(0, 0, 0, 0.2);
-          text-align: center;
-          line-height: 24px;
-          color: white;
-        }
-        img {
-          width: 100%;
-          height: 100%;
-        }
+      width: 84px;
+      content: '';
+      pointer-events: none;
+      background: -webkit-gradient(
+        linear,
+        left top,
+        right top,
+        from(#fff),
+        color-stop(50%, rgba(0, 0, 0, 0))
+      );
+      background: -o-linear-gradient(left, #fff, rgba(0, 0, 0, 0) 50%);
+      background: linear-gradient(90deg, #fff, rgba(0, 0, 0, 0) 50%);
+    }
+    .images::after {
+      position: absolute;
+      z-index: 5;
+      top: 0;
+      height: 100%;
+      right: 0;
+      width: 84px;
+      content: '';
+      pointer-events: none;
+      background: -webkit-gradient(
+        linear,
+        right top,
+        left top,
+        from(#fff),
+        color-stop(50%, rgba(0, 0, 0, 0))
+      );
+      background: -o-linear-gradient(right, #fff, rgba(0, 0, 0, 0) 50%);
+      background: linear-gradient(270deg, #fff, rgba(0, 0, 0, 0) 50%);
+    }
+    .images {
+      position: relative;
+      overflow: hidden;
+      width: 100%;
+      height: 100%;
+      margin: 0 2px;
+      .empty-text {
+        color: rgb(158, 158, 158);
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
       }
-      .item-img:hover::after {
-        // border-color: #409EFF;
-        opacity: 0;
-      }
-      .item-img::after {
+      .items {
         position: absolute;
         top: 0;
         left: 0;
-        width: 100%;
+        display: flex;
+        // width: 6000px;
         height: 100%;
-        content: '';
-        opacity: 0.2;
-        pointer-events: none;
-        -webkit-transition: opacity 0.3s ease;
-        -o-transition: opacity 0.3s ease;
-        transition: opacity 0.3s ease;
-        background-color: #fff;
-      }
-      .is-active {
-        border-color: #409eff;
-      }
-      .is-active:after {
-        opacity: 0;
+        align-items: center;
+        transition: transform 0.25s ease;
+        .item-img {
+          display: inline-block;
+          box-sizing: border-box;
+          position: relative;
+          margin-right: 8px;
+          border: 2px solid rgba(0, 0, 0, 0);
+          cursor: pointer;
+          .item-date {
+            bottom: 0px;
+            position: absolute;
+            width: 100%;
+            height: 24px;
+            background: rgba(0, 0, 0, 0.2);
+            text-align: center;
+            line-height: 24px;
+            color: white;
+          }
+          img {
+            width: 100%;
+            height: 100%;
+          }
+        }
+        .item-img:hover::after {
+          // border-color: #409EFF;
+          opacity: 0;
+        }
+        .item-img::after {
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          content: '';
+          opacity: 0.2;
+          pointer-events: none;
+          -webkit-transition: opacity 0.3s ease;
+          -o-transition: opacity 0.3s ease;
+          transition: opacity 0.3s ease;
+          background-color: #fff;
+        }
+        .is-active {
+          border-color: #409eff;
+        }
+        .is-active:after {
+          opacity: 0;
+        }
       }
     }
   }
 }
-}
 </style>

src/views/none-dicom-show/index.vue

@@ -6,46 +6,115 @@
       </div>
       <div class="left-content">
         <!-- 检查层级 -->
-        <div v-for="(study, i) in studyList" :key="study.CodeView">
-          <div class="study-desc">
-            <span>{{ study.CodeView }}</span>
-            <span style="margin: 0 5px">{{ study.Modality }}</span>
-            <span>{{ getBodyPart(study.BodyPart) }}</span>
-          </div>
-          <!-- 文件层级 -->
-          <div
-            v-if="study.NoneDicomStudyFileList.length === 0"
-            class="empty-text"
-          >
-            <slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
-          </div>
-          <div v-else id="imgList" style="height: 100%; overflow: hidden">
-            <div
-              v-for="(item, j) in study.NoneDicomStudyFileList"
-              :id="`img${item.Id}`"
-              :key="item.Id"
-              :class="{
-                'is-boxActive': item.Id === currentFileId,
-              }"
-              class="img-box"
-              @click="selected(item, i, j, true)"
-            >
-              <div v-if="item.FileName.length < 15" class="img-text">
-                {{ `${j + 1}. ${item.FileName}` }}
+        <el-collapse v-model="activeNames" @change="handleChange">
+          <el-collapse-item
+            v-for="(study, i) in studyList"
+            :key="study.CodeView"
+            :name="study.CodeView"
+            ><template slot="title">
+              <div class="study-desc">
+                <span>{{ study.CodeView }}</span>
+                <span v-if="OtherInfo.IsShowStudyName" style="margin-left: 5px">
+                  {{ study.StudyName }}
+                </span>
+                <span style="margin: 0 5px">{{ study.Modality }}</span>
+                <span>{{ getBodyPart(study.BodyPart) }}</span>
               </div>
-              <el-tooltip v-else :content="item.FileName" placement="bottom">
-                <div class="img-text">
-                  {{ `${j + 1}. ${item.FileName}` }}
-                </div>
-              </el-tooltip>
+            </template>
+            <!-- 文件层级 -->
+            <div
+              v-if="study.NoneDicomStudyFileList.length === 0"
+              class="empty-text"
+            >
+              <slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
             </div>
-          </div>
-        </div>
+            <div v-else id="imgList" style="height: 100%; overflow: hidden">
+              <template v-for="(item, j) in study.NoneDicomStudyFileList">
+                <div
+                  :id="`img${item.Id}`"
+                  :key="item.Id"
+                  :class="{
+                    'is-boxActive': item.Id === currentFileId,
+                  }"
+                  class="img-box"
+                  @click="selected(item, i, j, true)"
+                >
+                  <div class="file-image">
+                    <el-image
+                      v-if="
+                        [
+                          'image/jpeg',
+                          'image/jpg',
+                          'image/png',
+                          'image/bmp',
+                        ].includes(item.FileType)
+                      "
+                      style="width: 100%; height: 100%"
+                      :src="`${OSSclientConfig.basePath}${item.Path}?x-oss-process=image/resize,w_50,h_50/format,png`"
+                      fit="contain"
+                      crossorigin="anonymous"
+                    />
+                    <el-image
+                      v-else-if="item.FileType === 'application/pdf'"
+                      style="width: 100%; height: 100%"
+                      :src="pdf"
+                      fit="contain"
+                      crossorigin="anonymous"
+                    />
+                    <el-image
+                      v-else-if="
+                        item.FileType === 'application/x-zip-compressed'
+                      "
+                      style="width: 100%; height: 100%"
+                      :src="zip"
+                      fit="contain"
+                      crossorigin="anonymous"
+                    />
+                  </div>
+                  <div v-if="item.FileName.length < 15" class="img-text">
+                    {{ `${j + 1}. ${item.FileName}` }}
+                  </div>
+                  <el-tooltip
+                    v-else
+                    :content="item.FileName"
+                    placement="bottom"
+                  >
+                    <div class="img-text">
+                      {{ `${j + 1}. ${item.FileName}` }}
+                    </div>
+                  </el-tooltip>
+                  <div v-if="isQcCheck" class="switchBox">
+                    <div class="item">
+                      <span>{{ $t('trials:audit:table:isReading') }}</span>
+                      <el-switch
+                        v-model="item.IsReading"
+                        :disabled="item.IsDeleted || isAudit"
+                        @change="changeReadingStatus($event, study, item)"
+                        :active-text="$fd('YesOrNo', true)"
+                        :inactive-text="$fd('YesOrNo', false)"
+                      />
+                    </div>
+                    <div class="item">
+                      <span>{{ $t('trials:audit:table:isDelete') }}</span>
+                      <el-switch
+                        v-model="item.IsDeleted"
+                        :disabled="isAudit"
+                        @change="changeDeleteStatus($event, study, item)"
+                        :active-text="$fd('YesOrNo', true)"
+                        :inactive-text="$fd('YesOrNo', false)"
+                      />
+                    </div>
+                  </div>
+                </div>
+              </template>
+            </div>
+          </el-collapse-item>
+        </el-collapse>
       </div>
     </el-card>
     <!-- 预览图像 -->
     <el-card class="box-card right">
-      <div style="width: 100%; height: 100%">
+      <div style="width: 100%; height: 100%" v-if="!showPDF">
         <Preview
           v-if="previewImage.imgList.length > 0"
           ref="previewImage"
@@ -55,6 +124,9 @@
           @selectedImg="selectedImg"
         />
       </div>
+      <div style="width: 100%; height: 100%" v-else>
+        <PreviewFile :file-path="pdfFile.path" :file-type="pdfFile.type" />
+      </div>
     </el-card>
 
     <!-- <el-card class="box-card" style="width:300px;height:100%;padding: 10px;margin-left:10px;">
@@ -64,19 +136,25 @@
 </template>
 
 <script>
-import { getNoneDicomStudyList } from '@/api/trials'
+import { getNoneDicomStudyList, setNodicomStudyState } from '@/api/trials'
 import store from '@/store'
+import pdf from '@/assets/pdf.jpg'
+import zip from '@/assets/zip.jpg'
 import { changeURLStatic } from '@/utils/history.js'
 import Preview from './components/preview'
+import PreviewFile from '@/components/PreviewFile'
 // import CheckForm from './components/form'
 export default {
   name: 'Notice',
   components: {
     Preview,
+    PreviewFile,
     // CheckForm
   },
   data() {
     return {
+      pdf,
+      zip,
       activeName: 'first',
       currentFileId: '',
       currentStudyIndex: 0,
@@ -97,10 +175,21 @@ export default {
       sudyId: '',
       loading: false,
       bp: [],
+      OtherInfo: {},
+      showPDF: false,
+      pdfFile: {
+        path: null,
+        type: null,
+      },
+      isQcCheck: false,
+      isAudit: false,
+
+      activeNames: [],
     }
   },
   async created() {
     this.bp = await this.$getBodyPart(this.$route.query.trialId)
+    this.isQcCheck = !!this.$route.query.isQcCheck
   },
   async mounted() {
     if (this.$router.currentRoute.query.TokenKey) {
@@ -113,8 +202,100 @@ export default {
     // 默认选择第一个文件
   },
   methods: {
+    handleChange() {},
+    changeReadingStatus(callback, row, file) {
+      let statusStr = ''
+      if (callback) {
+        statusStr = this.$t('trials:audit:label:setSeriesReading')
+        file.IsReading = false
+      } else {
+        statusStr = this.$t('trials:audit:label:setSeriesNotReading')
+        file.IsReading = true
+      }
+      var message = this.$t('trials:audit:message:changeSeriesStatus').replace(
+        'xxx',
+        statusStr
+      )
+      message = message.replace('yyy', this.$fd('YesOrNo', !file.IsReading))
+      this.$confirm(message, {
+        distinguishCancelAndClose: true,
+        type: 'warning',
+      })
+        .then(() => {
+          const state = file.IsReading ? 1 : 2
+          this.loading = true
+          let params = {
+            SubjectVisitId: row.SubjectVisitId,
+            NoneDicomStudyId: row.Id,
+            State: state,
+            NoneDicomStudyFileId: file.Id,
+          }
+          return setNodicomStudyState(params)
+            .then((res) => {
+              this.loading = false
+              if (res.IsSuccess) {
+                this.$message.success(
+                  this.$t('common:message:savedSuccessfully')
+                )
+                file.IsReading = !file.IsReading
+                // this.getNoneDicomList()
+              }
+            })
+            .catch(() => {
+              this.loading = false
+            })
+        })
+        .catch(() => {})
+    },
+    changeDeleteStatus(callback, row, file) {
+      let statusStr = ''
+      if (callback) {
+        statusStr = this.$t('trials:audit:label:setSeriesDeleted')
+        file.IsDeleted = false
+      } else {
+        statusStr = this.$t('trials:audit:label:setSeriesNotDelete')
+        file.IsDeleted = true
+      }
+      var message = this.$t('trials:audit:message:changeSeriesStatus').replace(
+        'xxx',
+        statusStr
+      )
+      message = message.replace('yyy', this.$fd('YesOrNo', !file.IsDeleted))
+      this.$confirm(message, {
+        distinguishCancelAndClose: true,
+        type: 'warning',
+      })
+        .then(() => {
+          const state = file.IsDeleted ? 5 : 4
+          this.loading = true
+
+          let params = {
+            SubjectVisitId: row.SubjectVisitId,
+            NoneDicomStudyId: row.Id,
+            State: state,
+            NoneDicomStudyFileId: file.Id,
+          }
+          return setNodicomStudyState(params)
+            .then((res) => {
+              this.loading = false
+              if (res.IsSuccess) {
+                this.$message.success(
+                  this.$t('common:message:savedSuccessfully')
+                )
+                file.IsDeleted = !file.IsDeleted
+                // this.getNoneDicomList()
+              }
+            })
+            .catch(() => {
+              // file.IsDeleted = !file.IsDeleted
+              this.loading = false
+            })
+        })
+        .catch(() => {
+          // file.IsDeleted = !file.IsDeleted
+        })
+    },
     getBodyPart(bodyPart) {
-      console.log(bodyPart)
       if (!bodyPart) return ''
       var separator = ','
       if (bodyPart.indexOf('|') > -1) {
@@ -134,7 +315,6 @@ export default {
           'Name'
         )
       })
-      console.log(newArr, this.bp)
       return newArr.join(' | ')
     },
     // 获取非Dicom检查信息
@@ -144,14 +324,19 @@ export default {
         this.subjectVisitId,
         this.studyId,
         false,
-        this.$route.query.visitTaskId
+        this.$route.query.visitTaskId,
+        !!this.$route.query.isReading
       )
         .then((res) => {
           this.studyList = res.Result
+          this.OtherInfo = res.OtherInfo
+          this.isAudit = res.OtherInfo.AuditState * 1 > 6
           this.loading = false
           const studyIndex = this.studyList.findIndex((item) => {
             return item.NoneDicomStudyFileList.length > 0
           })
+          this.activeNames = this.studyList.map((item) => item.CodeView)
+          console.log(this.activeNames)
           if (studyIndex > -1) {
             var fileObj = this.studyList[studyIndex]['NoneDicomStudyFileList']
             this.selected(fileObj[0], studyIndex, 0, true)
@@ -163,6 +348,15 @@ export default {
     },
     selected(file, studyIndex, fileIndex, isChangeSub = false) {
       this.currentFileId = file.Id
+      if (!!~file.FileType.indexOf('pdf')) {
+        this.pdfFile.path = file.Path || file.FullFilePath
+        this.pdfFile.type = 'pdf'
+        this.showPDF = true
+        return true
+      } else {
+        this.showPDF = false
+      }
+
       this.currentStudyIndex = studyIndex
       this.previewImage.imgList =
         this.studyList[studyIndex].NoneDicomStudyFileList
@@ -225,7 +419,7 @@ export default {
   }
 }
 .study-desc {
-  padding: 15px 5px;
+  padding: 10px 5px;
   line-height: 20px;
   background-color: #d5d5d5;
   font-weight: 500;
@@ -270,6 +464,11 @@ export default {
     display: inline-block;
     box-sizing: border-box;
     border-bottom: 2px solid #f3f3f3;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    padding: 5px 10px;
 
     cursor: pointer;
     // margin-bottom: 5px;
@@ -277,7 +476,8 @@ export default {
   }
   .img-text {
     display: inline-block;
-    width: 200px;
+    width: calc(100% - 60px);
+    margin-left: 5px;
     height: 50px;
     line-height: 50px;
     overflow: hidden;
@@ -304,4 +504,29 @@ export default {
     width: 100%;
   }
 }
-</style>
+.switchBox {
+  width: 100%;
+  margin: 5px 0;
+  color: #4e4e4e;
+  .item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 5px;
+  }
+}
+.file-image {
+  width: 50px;
+  height: 50px;
+}
+::v-deep .el-collapse-item__header {
+  background-color: #d5d5d5;
+}
+::v-deep .el-collapse-item__header {
+  min-height: 48px;
+  height: auto;
+}
+::v-deep .el-collapse-item__content {
+  padding-bottom: 0;
+}
+</style>

src/views/research-mobile/components/BasicInfo.vue

@@ -60,7 +60,7 @@
             <el-input v-model="form.Email" disabled />
           </el-form-item>
           <!-- 平均刻盘周期（天） -->
-          <el-form-item :label="$t('trials:researchForm:form:engravingCycle')">
+          <el-form-item v-if="!notShowFieldList.includes('AverageEngravingCycle')" :label="$t('trials:researchForm:form:engravingCycle')">
             <el-input-number v-model="form.AverageEngravingCycle" :disabled="!(state === 0 && userTypeEnumInt === 0) || isHistory" controls-position="right" :min="0" style="width:100%;" />
           </el-form-item>
         </div>

src/views/research/components/BaseInfo.vue

@@ -55,7 +55,7 @@
 
     <!-- <el-divider /> -->
     <!-- 平均刻盘周期（天） -->
-    <el-form-item :label="$t('trials:researchForm:form:engravingCycle')">
+    <el-form-item v-if="!notShowFieldList.includes('AverageEngravingCycle')" :label="$t('trials:researchForm:form:engravingCycle')">
       <el-input-number v-model="form.AverageEngravingCycle" :disabled="!(state === 0 && userTypeEnumInt === 0) || isHistory" controls-position="right" :min="0" />
     </el-form-item>
     <!-- 请确认参与本项目影像采集的影像技师具备对应的资质（如：“技师证”，对应设备的“大型设备上岗证”） -->

src/views/system/role/components/RoleForm.vue

@@ -29,7 +29,18 @@
             >
           </el-radio-group>
         </el-form-item>
-
+        <el-form-item :label="$t('system:role:form:IsEnable')" prop="IsEnable">
+          <el-switch
+            v-model="form.IsEnable"
+            active-color="#13ce66"
+            inactive-color="#dcdfe6"
+            :active-value="true"
+            :inactive-value="false"
+            :active-text="$fd('IsEnable', true)"
+            :inactive-text="$fd('IsEnable', false)"
+          >
+          </el-switch>
+        </el-form-item>
         <el-form-item label="Group: " prop="UserTypeGroupIdList">
           <el-select v-model="form.UserTypeGroupIdList" multiple>
             <el-option
@@ -69,18 +80,18 @@
           <el-checkbox
             v-model="menuExpand"
             @change="handleCheckedTreeExpand($event)"
-            >{{ $t("system:role:form:checkbox:menuExpand") }}</el-checkbox
+            >{{ $t('system:role:form:checkbox:menuExpand') }}</el-checkbox
           >
           <el-checkbox
             v-model="menuNodeAll"
             @change="handleCheckedTreeNodeAll($event)"
-            >{{ $t("system:role:form:checkbox:menuNodeAll") }}</el-checkbox
+            >{{ $t('system:role:form:checkbox:menuNodeAll') }}</el-checkbox
           >
           <el-checkbox
             v-model="form.menuCheckStrictly"
             @change="handleCheckedTreeConnect($event)"
             >{{
-              $t("system:role:form:checkbox:menuCheckStrictly")
+              $t('system:role:form:checkbox:menuCheckStrictly')
             }}</el-checkbox
           >
           <el-tree
@@ -116,30 +127,31 @@
   </base-model>
 </template>
 <script>
-import { addOrUpdateUserType } from "@/api/admin";
+import { addOrUpdateUserType } from '@/api/admin'
 // import { addOrUpdateUserType } from '@/api/system/role'
 // import { getMenuList } from '@/api/system/menu'
-import { getMenuList } from "@/api/system/menu";
-import { model_cfg } from "../role";
-import BaseModel from "@/components/BaseModel";
+import { getMenuList } from '@/api/system/menu'
+import { model_cfg } from '../role'
+import BaseModel from '@/components/BaseModel'
 
 export default {
   components: { BaseModel },
-  dicts: ["UserTypeGroup"],
+  dicts: ['UserTypeGroup'],
   props: {
     data: {
       type: Object,
       default() {
         return {
-          Id: "",
-          UserTypeName: "",
+          Id: '',
+          UserTypeName: '',
           IsInternal: true,
-          UserTypeShortName: "",
-          Order: "",
-          Description: "",
-          PermissionStr: "",
+          UserTypeShortName: '',
+          Order: '',
+          Description: '',
+          PermissionStr: '',
           UserTypeEnum: null,
-        };
+          IsEnable: true,
+        }
       },
     },
   },
@@ -148,136 +160,137 @@ export default {
       menuExpand: false,
       menuNodeAll: false,
       userTypeGroupOptions: [
-        { value: 1, label: "Trial" },
-        { value: 2, label: "Reviewer" },
-        { value: 3, label: "Other" },
+        { value: 1, label: 'Trial' },
+        { value: 2, label: 'Reviewer' },
+        { value: 3, label: 'Other' },
       ],
       model_cfg,
       defaultProps: {
-        children: "Children",
-        label: "MenuName",
+        children: 'Children',
+        label: 'MenuName',
       },
       form: {
-        Id: "",
-        UserType: "",
+        Id: '',
+        UserType: '',
         IsInternal: true,
-        UserTypeShortName: "",
+        UserTypeShortName: '',
         Type: null,
-        Description: "",
+        Description: '',
         UserTypeGroupIdList: [],
         menuCheckStrictly: true,
+        IsEnable: true,
       },
       rules: {
         UserTypeName: [
-          { required: true, message: "Please specify", trigger: "blur" },
+          { required: true, message: 'Please specify', trigger: 'blur' },
           {
             max: 50,
-            message: "The maximum length is 50",
+            message: 'The maximum length is 50',
           },
         ],
         UserTypeShortName: [
-          { required: true, message: "Please specify", trigger: "blur" },
+          { required: true, message: 'Please specify', trigger: 'blur' },
           {
             max: 50,
-            message: "The maximum length is 50",
-            trigger: "blur",
+            message: 'The maximum length is 50',
+            trigger: 'blur',
           },
         ],
-        Description: [{ max: 500, message: "The maximum length is 500" }],
+        Description: [{ max: 500, message: 'The maximum length is 500' }],
         UserTypeGroupIdList: [
-          { required: true, message: "Please specify", trigger: "blur" },
+          { required: true, message: 'Please specify', trigger: 'blur' },
         ],
         UserTypeEnum: [
-          { required: true, message: "Please select", trigger: "blur" },
+          { required: true, message: 'Please select', trigger: 'blur' },
         ],
       },
       menuOptions: [],
       btnLoading: false,
-    };
+    }
   },
   mounted() {
-    this.getMenuList();
+    this.getMenuList()
     if (Object.keys(this.data).length && this.data.Id) {
-      this.form = { ...this.data };
+      this.form = { ...this.data }
     }
   },
   methods: {
     handleCheckedTreeConnect(value) {
-      this.form.menuCheckStrictly = !!value;
+      this.form.menuCheckStrictly = !!value
     },
     getMenuAllCheckedKeys() {
       // 目前被选中的菜单节点
-      const checkedKeys = this.$refs.menu.getCheckedKeys();
+      const checkedKeys = this.$refs.menu.getCheckedKeys()
       // 半选中的菜单节点
-      const halfCheckedKeys = this.$refs.menu.getHalfCheckedKeys();
-      checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys);
-      return checkedKeys;
+      const halfCheckedKeys = this.$refs.menu.getHalfCheckedKeys()
+      checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys)
+      return checkedKeys
     },
 
     handleCheckedTreeExpand(value) {
-      const treeList = this.menuOptions;
+      const treeList = this.menuOptions
       for (let i = 0; i < treeList.length; i++) {
-        this.$refs.menu.store.nodesMap[treeList[i].MenuId].expanded = value;
+        this.$refs.menu.store.nodesMap[treeList[i].MenuId].expanded = value
       }
     },
     handleCheckedTreeNodeAll(value, type) {
-      this.$refs.menu.setCheckedNodes(value ? this.menuOptions : []);
+      this.$refs.menu.setCheckedNodes(value ? this.menuOptions : [])
     },
     toTree(arr, ParentId) {
       function loop(ParentId) {
-        const res = [];
+        const res = []
         for (let i = 0; i < arr.length; i++) {
-          const item = arr[i];
-          item.hasChildren = false;
+          const item = arr[i]
+          item.hasChildren = false
           if (item.ParentId !== ParentId) {
-            continue;
+            continue
           }
-          item.Children = loop(item.MenuId);
-          res.push(item);
+          item.Children = loop(item.MenuId)
+          res.push(item)
         }
-        return res;
+        return res
       }
 
-      return loop(ParentId);
+      return loop(ParentId)
     },
     getMenuList() {
       getMenuList({})
         .then((res) => {
           const menu = this.toTree(
             res.Result,
-            "00000000-0000-0000-0000-000000000000"
-          );
-          this.menuOptions = menu;
-          console.log(this.menuOptions);
+            '00000000-0000-0000-0000-000000000000'
+          )
+          this.menuOptions = menu
+          console.log(this.menuOptions)
           this.$nextTick(() => {
             this.form.MenuIds.forEach((v) => {
-              this.$refs.menu.setChecked(v, true, false);
-            });
-          });
+              this.$refs.menu.setChecked(v, true, false)
+            })
+          })
         })
-        .catch(function () {});
+        .catch(function () {})
     },
     handleSave() {
       this.$refs.roleForm.validate((valid) => {
-        if (!valid) return;
-        this.btnLoading = true;
-        this.model_cfg.showClose = false;
-        this.form.MenuIds = this.getMenuAllCheckedKeys();
-        console.log(this.form.MenuIds);
+        if (!valid) return
+        this.btnLoading = true
+        this.model_cfg.showClose = false
+        this.form.MenuIds = this.getMenuAllCheckedKeys()
+        console.log(this.form.MenuIds)
         addOrUpdateUserType(this.form)
           .then((res) => {
-            this.btnLoading = false;
-            this.$refs["roleForm"].resetFields();
-            this.$emit("close");
-            this.model_cfg.showClose = true;
-            this.$message.success("Saved successfully!");
+            this.btnLoading = false
+            this.$refs['roleForm'].resetFields()
+            this.$emit('close')
+            this.model_cfg.showClose = true
+            this.$message.success('Saved successfully!')
           })
           .catch(() => {
-            this.btnLoading = false;
-            this.model_cfg.showClose = true;
-          });
-      });
+            this.btnLoading = false
+            this.model_cfg.showClose = true
+          })
+      })
     },
   },
-};
+}
 </script>

src/views/system/role/index.vue

@@ -21,26 +21,92 @@
           </el-select>
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" icon="el-icon-search" size="mini" @click="getList">{{ $t('common:button:search') }}</el-button>
-          <el-button v-hasPermi="['system:role:add']" type="primary" icon="el-icon-plus" size="mini" @click="handleAddRole">{{ $t('common:button:add') }}</el-button>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="getList"
+            >{{ $t('common:button:search') }}</el-button
+          >
+          <el-button
+            v-hasPermi="['system:role:add']"
+            type="primary"
+            icon="el-icon-plus"
+            size="mini"
+            @click="handleAddRole"
+            >{{ $t('common:button:add') }}</el-button
+          >
         </el-form-item>
       </el-form>
-      <el-table v-loading="loading" v-adaptive="{bottomOffset:30}" size="small" height="100" :data="list" class="table">
+      <el-table
+        v-loading="loading"
+        v-adaptive="{ bottomOffset: 30 }"
+        size="small"
+        height="100"
+        :data="list"
+        class="table"
+      >
         <el-table-column type="index" width="50" />
-        <el-table-column :label="$t('system:role:table:User Type')" prop="UserTypeName" min-width="220" show-overflow-tooltip />
-        <el-table-column :label="$t('system:role:table:Shortname')" prop="UserTypeShortName" min-width="120" show-overflow-tooltip />
-        <el-table-column :label="$t('system:role:table:Group')" prop="Note" min-width="80" show-overflow-tooltip>
+        <el-table-column
+          :label="$t('system:role:table:User Type')"
+          prop="UserTypeName"
+          min-width="220"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          :label="$t('system:role:table:Shortname')"
+          prop="UserTypeShortName"
+          min-width="120"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          :label="$t('system:role:table:Group')"
+          prop="Note"
+          min-width="80"
+          show-overflow-tooltip
+        >
           <template slot-scope="scope">
-            {{ scope.row.UserTypeGroupList.map(v => {return v.GroupName}).toString() }}
+            {{
+              scope.row.UserTypeGroupList.map((v) => {
+                return v.GroupName
+              }).toString()
+            }}
           </template>
         </el-table-column>
-        <el-table-column :label="$t('system:role:table:PermissionStr')" prop="PermissionStr" min-width="100" show-overflow-tooltip />
-        <el-table-column :label="$t('system:role:table:User Type Enum')" prop="UserTypeEnum" min-width="100" show-overflow-tooltip>
+        <el-table-column
+          :label="$t('system:role:table:PermissionStr')"
+          prop="PermissionStr"
+          min-width="100"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          :label="$t('system:role:table:User Type Enum')"
+          prop="UserTypeEnum"
+          min-width="100"
+          show-overflow-tooltip
+        >
           <template slot-scope="scope">
-            {{ $fd('UserType',scope.row.UserTypeEnum) }}
+            {{ $fd('UserType', scope.row.UserTypeEnum) }}
           </template>
         </el-table-column>
-        <el-table-column :label="$t('system:role:table:Description')" prop="Description" min-width="220" show-overflow-tooltip />
+        <el-table-column
+          :label="$t('system:role:table:IsEnable')"
+          prop="IsEnable"
+          min-width="100"
+          show-overflow-tooltip
+        >
+          <template slot-scope="scope">
+            <el-tag :type="!scope.row.IsEnable ? 'info' : ''">
+              {{ $fd('IsEnable', scope.row.IsEnable) }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column
+          :label="$t('system:role:table:Description')"
+          prop="Description"
+          min-width="220"
+          show-overflow-tooltip
+        />
         <el-table-column :label="$t('common:action:action')" width="280">
           <template slot-scope="scope">
             <el-button
@@ -49,14 +115,16 @@
               type="text"
               icon="el-icon-edit"
               @click="handleEditRole(scope.row)"
-            >{{ $t('common:button:edit') }}</el-button>
+              >{{ $t('common:button:edit') }}</el-button
+            >
             <el-button
               v-hasPermi="['system:role:delete']"
               size="mini"
               type="text"
               icon="el-icon-delete"
               @click="handleDeleteRole(scope.row)"
-            >{{ $t('common:button:delete') }}</el-button>
+              >{{ $t('common:button:delete') }}</el-button
+            >
           </template>
         </el-table-column>
       </el-table>
@@ -87,36 +155,36 @@ export default {
       treeData: [],
       defaultProps: {
         label: 'MenuName',
-        children: 'Children'
+        children: 'Children',
       },
       // 查询参数
       queryParams: {
         GroupId: undefined,
-        SearchFilter: undefined
+        SearchFilter: undefined,
       },
       dialogVisible: false,
       editRow: {},
       expandedKeys: [],
       treeLoading: false,
       funcListLoading: false,
-      funcList: []
+      funcList: [],
     }
   },
   mounted() {
     this.getList()
   },
   methods: {
-    getDictionary() {
-
-    },
+    getDictionary() {},
     getList() {
       this.loading = true
-      getUserTypeRoleList(this.queryParams).then((res) => {
-        this.loading = false
-        this.list = res.Result
-      }).catch(() => {
-        this.loading = false
-      })
+      getUserTypeRoleList(this.queryParams)
+        .then((res) => {
+          this.loading = false
+          this.list = res.Result
+        })
+        .catch(() => {
+          this.loading = false
+        })
     },
     handleAddRole() {
       this.editRow = {}
@@ -139,11 +207,13 @@ export default {
       this.$confirm(this.$t('trials:uploadedDicoms:message:deleteMes'), {
         type: 'warning',
         distinguishCancelAndClose: true,
-
       }).then(() => {
         deleteUserTypeRole(row.Id).then((res) => {
           if (res.IsSuccess) {
-            this.list.splice(this.list.findIndex((item) => item.Id === row.Id), 1)
+            this.list.splice(
+              this.list.findIndex((item) => item.Id === row.Id),
+              1
+            )
             this.$message.success(this.$t('common:message:deletedSuccessfully'))
           }
         })
@@ -152,8 +222,8 @@ export default {
     closeModal() {
       this.model_cfg.visible = false
       this.getList()
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="scss">
@@ -188,7 +258,7 @@ export default {
     overflow-y: auto;
     border-right: 1px solid #ccc;
   }
-  .selected-row{
+  .selected-row {
     background-color: cadetblue;
   }
 }

src/views/system/user/components/Retrospect.vue

@@ -0,0 +1,465 @@
+<template>
+  <box-content>
+    <div class="title">
+      {{ $t('system:retrospect:title:userFrom') }}
+    </div>
+    <div class="userFrom">
+      <el-form
+        size="mini"
+        class="base-search-form"
+        label-position="right"
+        :label-width="isEN ? '130px' : '100px'"
+      >
+        <el-form-item :label="$t('system:retrospect:form:createType')">
+          <span>{{ $fd('UserCeateSource', otherInfo.UserCeateSource) }}</span>
+        </el-form-item>
+        <el-form-item :label="$t('system:retrospect:form:createTime')">
+          <span>{{ otherInfo.CreateTime }}</span>
+        </el-form-item>
+        <el-form-item :label="$t('system:retrospect:form:createTrial')">
+          <span>{{
+            otherInfo.ResearchProgramNo || otherInfo.ExperimentName
+              ? `${otherInfo.ResearchProgramNo}, ${otherInfo.ExperimentName} `
+              : $t('common:title:none')
+          }}</span>
+        </el-form-item>
+      </el-form>
+    </div>
+    <div class="title">
+      {{ $t('system:retrospect:title:joinTrial') }}
+    </div>
+    <!-- 搜索框 -->
+    <div class="search">
+      <el-form :inline="true" size="mini" class="base-search-form">
+        <el-form-item :label="$t('system:retrospect:search:TrialCode')">
+          <el-input
+            v-model="searchData.TrialCode"
+            style="width: 100px"
+            clearable
+          />
+        </el-form-item>
+        <el-form-item :label="$t('system:retrospect:search:ResearchProgramNo')">
+          <el-input
+            v-model="searchData.ResearchProgramNo"
+            style="width: 100px"
+            clearable
+          />
+        </el-form-item>
+        <el-form-item :label="$t('system:retrospect:search:ExperimentName')">
+          <el-input
+            v-model="searchData.ExperimentName"
+            style="width: 100px"
+            clearable
+          />
+        </el-form-item>
+        <el-form-item :label="$t('system:retrospect:search:UserTypeId')">
+          <el-select
+            v-model="searchData.UserTypeId"
+            style="width: 100px"
+            placeholder=""
+          >
+            <template v-for="userType of userTypeOptions">
+              <el-option
+                v-if="![4, 6, 20].includes(userType.UserTypeEnum)"
+                :key="userType.Id"
+                :label="userType.UserType"
+                :value="userType.Id"
+              />
+            </template>
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="$t('system:retrospect:search:IsDeleted')">
+          <el-select
+            v-model="searchData.IsDeleted"
+            style="width: 100px"
+            placeholder=""
+          >
+            <el-option
+              v-for="item of $d.IsUserExitTrial"
+              :key="item.Id"
+              :label="item.label"
+              :value="item.value"
+            />
+          </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>
+
+    <el-table
+      v-loading="loading"
+      v-adaptive="{ bottomOffset: 45 }"
+      :data="list"
+      stripe
+      height="100"
+      style="width: 100%"
+      @sort-change="handleSortByColumn"
+    >
+      <el-table-column type="index" width="40" />
+
+      <el-table-column
+        prop="TrialCode"
+        :label="$t('system:retrospect:table:TrialCode')"
+        sortable="custom"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        prop="ResearchProgramNo"
+        :label="$t('system:retrospect:table:ResearchProgramNo')"
+        show-overflow-tooltip
+        sortable="custom"
+      />
+      <el-table-column
+        prop="ExperimentName"
+        :label="$t('system:retrospect:table:ExperimentName')"
+        show-overflow-tooltip
+        sortable="custom"
+      />
+      <el-table-column
+        prop="TrialStatusStr"
+        :label="$t('system:retrospect:table:TrialStatusStr')"
+        show-overflow-tooltip
+        sortable="custom"
+      >
+        <template slot-scope="scope">
+          <el-tag
+            v-if="scope.row.TrialStatusStr === 'Initializing'"
+            type="info"
+            >{{ $fd('TrialStatusEnum', scope.row.TrialStatusStr) }}</el-tag
+          >
+          <el-tag
+            v-if="scope.row.TrialStatusStr === 'Ongoing'"
+            type="primary"
+            >{{ $fd('TrialStatusEnum', scope.row.TrialStatusStr) }}</el-tag
+          >
+          <el-tag
+            v-if="scope.row.TrialStatusStr === 'Completed'"
+            type="warning"
+            >{{ $fd('TrialStatusEnum', scope.row.TrialStatusStr) }}</el-tag
+          >
+          <el-tag v-if="scope.row.TrialStatusStr === 'Stopped'" type="danger">{{
+            $fd('TrialStatusEnum', scope.row.TrialStatusStr)
+          }}</el-tag>
+        </template></el-table-column
+      >
+      <el-table-column
+        prop="TrialCreateTime"
+        :label="$t('system:retrospect:table:TrialCreateTime')"
+        show-overflow-tooltip
+        sortable="custom"
+      />
+      <el-table-column
+        prop="TrialUserRoleList"
+        :label="$t('system:retrospect:table:TrialUserRoleList')"
+        show-overflow-tooltip
+      >
+        <template slot-scope="scope">
+          <el-button
+            v-if="
+              Array.isArray(scope.row.TrialUserRoleList) &&
+              scope.row.TrialUserRoleList.length > 0
+            "
+            type="text"
+            @click.stop="openRoleList(scope.row)"
+          >
+            <el-tooltip
+              class="item"
+              effect="dark"
+              :content="$t('trials:staff:tip:userTypeDisabled')"
+              placement="top"
+              style="margin-right: 2px"
+              v-if="
+                scope.row.TrialUserRoleList.some(
+                  (item) => item.IsDeleted || item.IsUserRoleDisabled
+                )
+              "
+            >
+              <i class="el-icon-warning icon-i"></i>
+            </el-tooltip>
+            <span>{{
+              scope.row.TrialUserRoleList.map(
+                (item) => item.UserTypeShortName
+              ).join(', ')
+            }}</span>
+          </el-button>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="IsDeleted"
+        :label="$t('system:retrospect:table:IsDeleted')"
+        show-overflow-tooltip
+        sortable="custom"
+      >
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.IsDeleted ? 'info' : ''">
+            {{ $fd('IsUserExitTrial', scope.row.IsDeleted) }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="JoinTime"
+        :label="$t('system:retrospect:table:JoinTime')"
+        show-overflow-tooltip
+        sortable="custom"
+      />
+      <el-table-column
+        prop="RemoveTime"
+        :label="$t('system:retrospect:table:RemoveTime')"
+        show-overflow-tooltip
+        sortable="custom"
+      />
+      <el-table-column
+        :label="$t('common:action:action')"
+        width="200"
+        fixed="right"
+      >
+        <template slot-scope="scope">
+          <!-- 详情 -->
+          <el-button
+            circle
+            :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'])
+                ))
+            "
+            icon="el-icon-info"
+            :title="$t('system:retrospect:table:detail')"
+            @click.stop="handleDetail(scope.row)"
+          />
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 分页组件 -->
+    <pagination
+      class="page"
+      :total="total"
+      :page.sync="searchData.PageIndex"
+      :limit.sync="searchData.PageSize"
+      @pagination="getList"
+    />
+    <!-- 修改参与者人员角色 -->
+    <base-model v-if="role_model.visible" :config="role_model">
+      <template slot="dialog-body">
+        <el-table :data="roleList" style="width: 100%" max-height="300px">
+          <el-table-column type="index" width="60">
+            <template slot-scope="scope">
+              <span
+                style="
+                  display: flex;
+                  align-items: center;
+                  justify-content: flex-end;
+                "
+              >
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  :content="$t('system:retrospect:tip:userTypeSysDisabled')"
+                  placement="top"
+                  style="margin-right: 3px"
+                  v-if="scope.row.IsUserRoleDisabled"
+                >
+                  <i
+                    v-if="scope.row.IsUserRoleDisabled"
+                    class="el-icon-warning icon-i"
+                  ></i>
+                </el-tooltip>
+                <span>{{ scope.$index + 1 }}</span>
+              </span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="UserTypeShortName"
+            :label="$t('system:retrospect:table:UserTypeShortName')"
+          />
+          <el-table-column
+            prop="IsDeleted"
+            :label="$t('system:retrospect:table:IsUserRoleDisabled')"
+          >
+            <template slot-scope="scope">
+              <span> {{ $fd('IsDisable', scope.row.IsDeleted) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="IsDeleted"
+            :label="$t('system:retrospect:table:enableTime')"
+            min-width="120px"
+          >
+            <template slot-scope="scope">
+              <span>
+                {{ scope.row.CreateTime }}
+              </span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="IsDeleted"
+            :label="$t('system:retrospect:table:forbiddenTime')"
+            min-width="120px"
+          >
+            <template slot-scope="scope">
+              <span v-if="scope.row.IsDeleted">
+                {{ scope.row.UpdateTime }}
+              </span>
+            </template>
+          </el-table-column>
+        </el-table>
+      </template>
+    </base-model>
+  </box-content>
+</template>
+<script>
+import {
+  getUserJoinedTrialList,
+  getUserTypeListByUserType,
+} from '@/api/admin.js'
+import Pagination from '@/components/Pagination'
+import BoxContent from '@/components/BoxContent'
+import BaseModel from '@/components/BaseModel'
+const searchDataDefault = () => {
+  return {
+    TrialCode: null,
+    ResearchProgramNo: null,
+    ExperimentName: null,
+    UserTypeId: null,
+    IsDeleted: null,
+    PageIndex: 1,
+    PageSize: 20,
+    Asc: false,
+    SortField: null,
+  }
+}
+export default {
+  components: { BoxContent, Pagination, BaseModel },
+  props: {
+    userId: { type: String, default: '' },
+  },
+  data() {
+    return {
+      searchData: searchDataDefault(),
+      loading: false,
+      otherInfo: {
+        CreateTime: null,
+        ExperimentName: null,
+        ResearchProgramNo: null,
+        TrialCode: null,
+        UserCeateSource: null,
+      },
+      list: [],
+      total: 0,
+      userTypeOptions: [],
+
+      roleList: [],
+      role_model: {
+        visible: false,
+        title: this.$t('system:retrospect:dialogTitle:role'),
+        width: '800px',
+      },
+    }
+  },
+  mounted() {
+    this.getUserTypeList()
+    this.getList()
+  },
+  methods: {
+    openRoleList(row) {
+      this.roleList = row.TrialUserRoleList
+      this.role_model.visible = true
+    },
+    getUserTypeList() {
+      getUserTypeListByUserType(0).then((res) => {
+        if (res.IsSuccess) {
+          this.userTypeOptions = []
+          res.Result.forEach((item) => {
+            if (item.UserTypeEnum !== 21) {
+              this.userTypeOptions.push(item)
+            }
+          })
+        }
+      })
+    },
+    async getList() {
+      try {
+        if (!this.userId) return false
+        this.searchData.IdentityUserId = this.userId
+        this.loading = true
+        let res = await getUserJoinedTrialList(this.searchData)
+        this.loading = false
+        if (res.IsSuccess) {
+          res.OtherInfo = res.OtherInfo ? res.OtherInfo : {}
+          Object.keys(this.otherInfo).forEach((key) => {
+            this.otherInfo[key] = res.OtherInfo[key]
+          })
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
+        }
+      } catch (err) {
+        console.log(err)
+        this.loading = false
+      }
+    },
+    handleDetail(row) {
+      this.$router.push({
+        path: `/trials/trials-panel?trialId=${row.TrialId}&trialCode=${row.TrialCode}&researchProgramNo=${row.ResearchProgramNo}`,
+      })
+    },
+    // 查询
+    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()
+    },
+  },
+  computed: {
+    isEN() {
+      return this.$i18n.locale !== 'zh'
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.title {
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+.userFrom {
+  padding-left: 20px;
+  margin-bottom: 10px;
+}
+.icon-i {
+  color: #e6a23c;
+  cursor: pointer;
+}
+</style>

src/views/system/user/components/UserInfo.vue

@@ -184,7 +184,7 @@
         :disabled="isDisabled"
         style="margin: 10px 15px"
         @click="handleSave"
-        >Save</el-button
+        >{{ $t('common:button:save') }}</el-button
       >
     </el-form-item>
     <roleList

src/views/system/user/edit/index.vue

@@ -7,23 +7,31 @@
       <el-tab-pane :label="$t('system:userlist:tab:Password')" name="account">
         <Account v-if="load.account" :user-id="userId" />
       </el-tab-pane>
+      <el-tab-pane
+        :label="$t('system:userlist:tab:retrospect')"
+        name="retrospect"
+      >
+        <Retrospect v-if="load.retrospect" :user-id="userId" />
+      </el-tab-pane>
     </el-tabs>
   </div>
 </template>
 <script>
 import UserInfo from '../components/UserInfo'
 import Account from '../components/Account'
+import Retrospect from '../components/Retrospect'
 export default {
   name: 'EditUser',
-  components: { UserInfo, Account },
+  components: { UserInfo, Account,Retrospect },
   data() {
     return {
       activeTab: 'user',
       userId: '',
       load: {
         role: false,
-        account: false
-      }
+        account: false,
+        retrospect: false,
+      },
     }
   },
   created() {
@@ -34,7 +42,7 @@ export default {
       if (this.load[tab.name] === false) {
         this.load[tab.name] = true
       }
-    }
-  }
+    },
+  },
 }
 </script>

src/views/system/user/list/index.vue

@@ -55,9 +55,9 @@
         {{
           Array.isArray(scope.row.UserRoleList) &&
           scope.row.UserRoleList.length > 0
-            ? scope.row.UserRoleList.map((item) => item.UserTypeShortName).join(
-                ', '
-              )
+            ? scope.row.UserRoleList.filter((item) => !item.IsUserRoleDisabled)
+                .map((item) => item.UserTypeShortName)
+                .join(', ')
             : ''
         }}
       </template>
@@ -396,13 +396,13 @@ export default {
           label: this.$t('common:button:search'),
           type: 'primary',
           emitKey: 'search',
-          icon: 'el-icon-search'
+          icon: 'el-icon-search',
         },
         {
           label: this.$t('common:button:reset'),
           type: 'primary',
           emitKey: 'reset',
-          icon: 'el-icon-refresh-left'
+          icon: 'el-icon-refresh-left',
         },
         {
           label: this.$t('common:button:new'),

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)"
@@ -602,6 +612,18 @@
               :title="$t('trials:trials-list:action:status')"
               @click.stop="handleStatus(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']"
@@ -609,7 +631,7 @@
               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)"
@@ -690,7 +712,7 @@
 import {
   abandonTrial,
   ifTrialCanOngoing,
-  getTrialToBeDoneList
+  getTrialToBeDoneList,
 } from '@/api/trials'
 import { getTrialList_Export } from '@/api/export'
 import store from '@/store'
@@ -721,7 +743,7 @@ const searchDataDefault = () => {
     Asc: false,
     SortField: '',
     CriterionType: null,
-    PM_EMail: null
+    PM_EMail: null,
   }
 }
 export default {
@@ -731,7 +753,7 @@ export default {
     BaseContainer,
     TrialForm,
     TrialStatusForm,
-    DoneList
+    DoneList,
   },
   dicts: ['ReadingStandard', 'ReviewType', 'ReadingType'],
   data() {
@@ -756,7 +778,7 @@ export default {
         { value: 'I' },
         { value: 'II' },
         { value: 'III' },
-        { value: 'IV' }
+        { value: 'IV' },
       ],
       expeditedOption: this.$d.TrialExpeditedState,
       beginPickerOption: {
@@ -766,7 +788,7 @@ export default {
           } else {
             return time.getTime() > Date.now()
           }
-        }
+        },
       },
       endpickerOption: {
         disabledDate: (time) => {
@@ -778,20 +800,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 +886,7 @@ export default {
               this.$confirm(res.ErrorMessage, {
                 type: 'warning',
                 showCancelButton: false,
-                callback: (action) => {}
+                callback: (action) => {},
               })
             }
           })
@@ -883,7 +905,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 +931,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 +991,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 +1001,7 @@ export default {
         .catch(() => {
           this.exportLoading = false
         })
-    }
-  }
+    },
+  },
 }
 </script>

src/views/trials/trials-panel/attachments/attachment-management/index.vue

@@ -1,5 +1,10 @@
 <template>
   <BaseContainer>
+    <template slot="title-container">
+      <div class="title" v-if="isDoc">
+        {{ TITLE }}
+      </div>
+    </template>
     <!-- 搜索框 -->
     <template slot="search-container">
       <el-form :inline="true">
@@ -23,7 +28,10 @@
           <el-input v-model="searchData.Name" style="width: 120px" />
         </el-form-item>
         <!-- 签署人 -->
-        <el-form-item :label="$t('trials:signRecords:table:user')">
+        <el-form-item
+          :label="$t('trials:signRecords:table:user')"
+          v-if="!isDoc"
+        >
           <el-select
             v-model="searchData.UserId"
             clearable
@@ -51,7 +59,10 @@
           </el-select>
         </el-form-item>
         <!-- 用户类型 -->
-        <el-form-item :label="$t('trials:signRecords:table:userType')">
+        <el-form-item
+          :label="$t('trials:signRecords:table:userType')"
+          v-if="!isDoc"
+        >
           <el-select
             v-model="searchData.UserTypeId"
             clearable
@@ -69,7 +80,10 @@
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item :label="$t('trials:signRecords:table:isSign')">
+        <el-form-item
+          :label="$t('trials:signRecords:table:isSign')"
+          v-if="!isDoc || !viewStatus"
+        >
           <el-select
             v-model="searchData.IsConfirmed"
             clearable
@@ -83,7 +97,13 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item :label="$t('trials:signRecords:table:isDeleted')">
+        <el-form-item
+          :label="
+            isDoc
+              ? $t('trials:signRecords:table:isDeletedFile')
+              : $t('trials:signRecords:table:isDeleted')
+          "
+        >
           <el-select
             v-model="searchData.IsDeleted"
             clearable
@@ -97,6 +117,25 @@
             />
           </el-select>
         </el-form-item>
+        <el-form-item
+          :label="$t('trials:signRecords:table:username')"
+          v-if="isDoc"
+        >
+          <el-input v-model="searchData.UserName" style="width: 120px" />
+        </el-form-item>
+        <el-form-item
+          :label="$t('trials:signRecords:table:confirmTime')"
+          v-if="isDoc"
+        >
+          <el-date-picker
+            v-model="timeList"
+            @change="changeTimeList"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            :default-time="['00:00:00', '23:59:59']"
+            type="datetimerange"
+          >
+          </el-date-picker>
+        </el-form-item>
         <el-form-item>
           <!-- 查询 -->
           <el-button icon="el-icon-search" type="primary" @click="handleSearch">
@@ -170,7 +209,11 @@
         <!-- 是否废除 -->
         <el-table-column
           prop="IsDeleted"
-          :label="$t('trials:signRecords:table:isDeleted')"
+          :label="
+            isDoc
+              ? $t('trials:signRecords:table:isDeletedFile')
+              : $t('trials:signRecords:table:isDeleted')
+          "
           show-overflow-tooltip
           sortable="custom"
         >
@@ -213,6 +256,7 @@
           :label="$t('trials:signRecords:table:user')"
           show-overflow-tooltip
           sortable="custom"
+          v-if="!isDoc || !viewStatus"
         />
         <!-- 用户名 -->
         <el-table-column
@@ -302,6 +346,9 @@ import Pagination from '@/components/Pagination'
 import PreviewFile from '@/components/PreviewFile/index'
 const searchDataDefault = () => {
   return {
+    UserName: null,
+    StartConfirmTime: null,
+    EndConfirmTime: null,
     FileTypeId: '',
     Name: '',
     UserId: '',
@@ -315,6 +362,20 @@ const searchDataDefault = () => {
 export default {
   name: 'AttachmentsManagement',
   components: { BaseContainer, Pagination, PreviewFile },
+  props: {
+    isDoc: {
+      type: Boolean,
+      default: false,
+    },
+    TITLE: {
+      type: String,
+      default: '',
+    },
+    viewStatus: {
+      type: Boolean,
+      default: false,
+    },
+  },
   data() {
     return {
       searchData: searchDataDefault(),
@@ -331,15 +392,24 @@ export default {
       typeOptions: [],
       trialId: this.$route.query.trialId,
       exportLoading: false,
+      timeList: [],
     }
   },
   mounted() {
     this.getTypeOptions()
     this.getUserSelect()
     this.getUserType()
-    this.getList()
   },
   methods: {
+    changeTimeList() {
+      if (this.timeList) {
+        this.searchData.StartConfirmTime = this.timeList[0]
+        this.searchData.EndConfirmTime = this.timeList[1]
+      } else {
+        this.searchData.StartConfirmTime = null
+        this.searchData.EndConfirmTime = null
+      }
+    },
     handleExport() {
       this.exportLoading = true
       pMTrainingRecordList_Export(this.searchData)
@@ -353,6 +423,13 @@ export default {
     // 获取系统文件数据
     getList() {
       this.loading = true
+      if (this.viewStatus) {
+        this.searchData.IsConfirmed = true
+        let IR = this.userTypeOptions.find((item) => item.UserTypeEnum == 13)
+        if (IR) {
+          this.searchData.UserTypeId = IR.Id
+        }
+      }
       this.searchData.TrialId = this.trialId
       getDocumentConfirmList(this.searchData)
         .then(async (res) => {
@@ -379,9 +456,14 @@ export default {
     },
     // 获取用户类型下拉数据
     getUserType() {
-      getTrialUserTypeList().then((res) => {
-        this.userTypeOptions = res.Result
-      })
+      getTrialUserTypeList()
+        .then((res) => {
+          this.userTypeOptions = res.Result
+          this.getList()
+        })
+        .catch(() => {
+          this.getList()
+        })
     },
     // 预览
     handlePreview(row) {
@@ -396,6 +478,7 @@ export default {
     // 重置
     handleReset() {
       this.searchData = searchDataDefault()
+      this.timeList = []
       this.getList()
       this.$nextTick(() => {
         this.$refs.AttachmentsManagement.clearSort()
@@ -418,3 +501,10 @@ export default {
   },
 }
 </script>
+<style lang="scss" scoped>
+.title {
+  line-height: 40px;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+</style>

src/views/trials/trials-panel/attachments/reReading-tracking/index.vue

@@ -5,12 +5,12 @@
       <el-form :inline="true">
         <!-- 中心编号 -->
         <el-form-item :label="$t('trials:reviewAssign:readingTask:table:siteCode')">
-          <el-select v-model="searchData.SiteId" clearable filterable style="width:120px;">
+          <el-select v-model="searchData.TrialSiteId" clearable filterable style="width:120px;">
             <el-option
               v-for="(item,index) of siteOptions"
               :key="index"
               :label="item.TrialSiteCode"
-              :value="item.SiteId"
+              :value="item.TrialSiteId"
             />
           </el-select>
         </el-form-item>
@@ -526,7 +526,7 @@ const searchDataDefault = () => {
     Asc: true,
     SortField: '',
     TrialId: null,
-    SiteId: null,
+    TrialSiteId: null,
     SubjectId: null,
     SubjectCode: null,
     IsUrgent: null,
@@ -598,7 +598,7 @@ export default {
   },
   mounted() {
     if (this.$route.query.SiteId) {
-      this.searchData.SiteId = this.$route.query.SiteId
+      this.searchData.TrialSiteId = this.$route.query.SiteId
       this.searchData.SubjectCode = this.$route.query.SubjectCode
       this.searchData.TaskName = this.$route.query.TaskName
       this.searchData.DoctorUserId = this.$route.query.DoctorUserId

src/views/trials/trials-panel/reading/dicoms/components/Fusion/js/initLibraries.js

@@ -11,7 +11,7 @@ import * as cornerstoneTools from '@cornerstonejs/tools';
 import * as cornerstone from '@cornerstonejs/core';
 import { init as csToolsInit } from '@cornerstonejs/tools';
 import cornerstoneDICOMImageLoader from '@cornerstonejs/dicom-image-loader';
-
+cornerstone.Settings.getRuntimeSettings().set('useCursors', false);
 window.cornerstone = cornerstone;
 window.cornerstoneTools = cornerstoneTools;
 export default async function initLibraries() {

src/views/trials/trials-panel/reading/dicoms/components/Fusion/js/initVolumeLoader.js

@@ -1,6 +1,7 @@
 import {
   volumeLoader,
-  cornerstoneStreamingImageVolumeLoader
+  cornerstoneStreamingImageVolumeLoader,
+  cornerstoneStreamingDynamicImageVolumeLoader
 } from '@cornerstonejs/core';
 
 export default function initVolumeLoader() {
@@ -11,4 +12,8 @@ export default function initVolumeLoader() {
     'cornerstoneStreamingImageVolume',
     cornerstoneStreamingImageVolumeLoader
   );
+  volumeLoader.registerVolumeLoader(
+    'cornerstoneStreamingDynamicImageVolume',
+    cornerstoneStreamingDynamicImageVolumeLoader
+  );
 }

src/views/trials/trials-panel/reading/dicoms/components/IRecist/QuestionForm.vue

@@ -680,7 +680,7 @@ export default {
             measureData.data.uuid = `${measureData.instanceId}-${measureData.data.remark}`
           } else {
             this.$set(this.questionForm, 'IsDicomReading', true)
-
+            const lesionState = this.getQuestionVal(7)
             // 基线时，默认状态都为存在
             if (this.isBaseLineTask && !lesionState) {
               const stateId = this.getQuestionId(7)
@@ -735,7 +735,7 @@ export default {
                 }
               }
             }
-            const lesionState = this.getQuestionVal(7)
+            
             var status = ''
             if (lesionState) {
               if (this.lesionType === 0 && lesionState === 1) {

src/views/trials/trials-panel/reading/dicoms/components/Lugano/QuestionForm.vue

@@ -775,7 +775,7 @@ export default {
             measureData.data.uuid = `${measureData.instanceId}-${measureData.data.remark}`
           } else {
             this.$set(this.questionForm, 'IsDicomReading', true)
-
+            const lesionState = this.getQuestionVal(7)
             // 基线时，默认状态都为存在
             if (this.isBaseLineTask && !lesionState) {
               const stateId = this.getQuestionId(7)
@@ -810,7 +810,7 @@ export default {
             if (this.lesionType === 0) {
               this.calculatePPD()
             }
-            const lesionState = this.getQuestionVal(7)
+            
             var status = ''
             if (lesionState) {
               if (this.lesionType === 0 && lesionState === 1) {

src/views/trials/trials-panel/reading/dicoms/components/Recist/QuestionForm.vue

@@ -645,7 +645,7 @@ export default {
             measureData.data.uuid = `${measureData.instanceId}-${measureData.data.remark}`
           } else {
             this.$set(this.questionForm, 'IsDicomReading', true)
-
+            const lesionState = this.getQuestionVal(7)
             // 基线时，默认状态都为存在
             if (this.isBaseLineTask && !lesionState) {
               const stateId = this.getQuestionId(7)
@@ -673,7 +673,7 @@ export default {
               }
             }
 
-            const lesionState = this.getQuestionVal(7)
+           
             var status = ''
             if (lesionState) {
               if (this.lesionType === 0 && lesionState === 1) {

src/views/trials/trials-panel/reading/dicoms/components/RecistBM/QuestionForm.vue

@@ -571,6 +571,7 @@ export default {
             measureData.data.uuid = `${measureData.instanceId}-${measureData.data.remark}`
           } else {
             this.$set(this.questionForm, 'IsDicomReading', true)
+            const lesionState = this.getQuestionVal(7)
             // 基线时，默认状态都为存在
             if (this.isBaseLineTask && !lesionState) {
               const stateId = this.getQuestionId(7)
@@ -599,7 +600,7 @@ export default {
               }
             }
 
-            const lesionState = this.getQuestionVal(7)
+           
             var status = ''
             if (lesionState) {
               if (this.lesionType === 0 && lesionState === 1) {

src/views/trials/trials-panel/reading/dicoms/customize/CustomizeQuestionFormItem.vue

@@ -225,23 +225,23 @@
         </el-select>
         <el-input
           type="number"
-          v-if="question.Type === 'number' && question.DataSource !== 1"
+          v-if="question.Type === 'number' && !question.TypeValue && question.DataSource !== 1"
           @change="(val) => { formItemNumberChange(val, question) }"
-          onblur="value=parseFloat(value).toFixed(parseInt(localStorage.getItem('digitPlaces')));"
-          @input="limitInput($event, questionForm, question.Id)"
+          @blur="handleBlur(questionForm[question.Id], questionForm, question.Id)"
           v-model="questionForm[question.Id]"
         >
+          <template slot="append">1</template>
           <template slot="append" v-if="question.Unit !== 0">{{question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit}}</template>
           <template slot="append" v-else-if="question.ValueType === 2">%</template>
         </el-input>
         <el-input
           type="number"
-          v-if="question.Type === 'number' && question.DataSource === 1"
-          onblur="value=parseFloat(value).toFixed(parseInt(localStorage.getItem('digitPlaces')));"
-          @input="limitInput($event, questionForm, question.Id)"
+          v-if="question.Type === 'number' && !question.TypeValue && question.DataSource === 1"
+          @blur="handleBlur(questionForm[question.Id], questionForm, question.Id)"
           :disabled="question.DataSource === 1"
           v-model="questionForm[question.Id]"
         >
+          <template slot="append">2</template>
           <template slot="append" v-if="question.Unit !== 0">{{question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit}}</template>
           <template slot="append" v-else-if="question.ValueType === 2">%</template>
         </el-input>
@@ -396,7 +396,7 @@ export default {
       loading: false,
       RowIndex: 0,
       RowId: null,
-      digitPlaces: 0,
+      digitPlaces: 2,
       CalculationTabelList: [],
       classArr: []
     }
@@ -424,7 +424,8 @@ export default {
     },
   },
   mounted() {
-    this.digitPlaces = localStorage.getItem('digitPlaces') ? parseInt(localStorage.getItem('digitPlaces')) : 0
+    var digitPlaces = Number(localStorage.getItem('digitPlaces'))
+    this.digitPlaces = digitPlaces === -1 ? this.digitPlaces : digitPlaces
     // if (this.question.Type === 'class') {
     //   this.ClassifyAlgorithmsList = JSON.parse(this.question.ClassifyAlgorithms)
     // }
@@ -471,6 +472,9 @@ export default {
         }
       }
     },
+    handleBlur(value, a, b) {
+      this.$set(a, b, parseFloat(value).toFixed(this.digitPlaces))
+    },
     deleteTableCol(row, index) {
       this.$confirm(this.$t('trials:uploadNonDicoms:message:msg1')).then(() => {
         const loading = this.$loading({ fullscreen: true })
@@ -728,44 +732,47 @@ export default {
       } catch (e) {
         console.log(e)
       }
-      var digitPlaces = parseInt(localStorage.getItem('digitPlaces'))
       if (rules.ValueType === 2) {
         num = num * 100
       }
       if (rules.CustomCalculateMark === 13 || rules.CustomCalculateMark === 14) {
         return num
       } else {
-        return num.toFixed(digitPlaces)
+        return num.toFixed(this.digitPlaces)
       }
       
     },
     formItemNumberChange(questionId, isTable) {
-      if (isTable) {
-        this.CalculationList.forEach((v, i) => {
-          var find = v.CalculateQuestionList.filter(o => {
-            return o.QuestionId === questionId
-          })
-          // find的自动计算值number
-          if (find) {
-            var num = this.logic(v)
-            if (num !== false) {
-              this.$emit('setFormItemData', { key: v.QuestionId, val: num, question: v })
-            }
-          }
-        })
+      if (typeof isTable === 'object') {
+        this.$emit("setFormItemData", { key: isTable.Id, val: questionId, question: isTable });
       } else {
-        this.CalculationList.forEach(v => {
-          var find = v.CalculateQuestionList.filter(o => {
-            return o.TableQuestionId === questionId
-          })
-          // find的自动计算值number
-          if (find) {
-            var num = this.logic(v)
-            if (num !== false) {
-              this.$emit('setFormItemData', { key: v.QuestionId, val: num, question: v })
+        if (isTable) {
+          this.CalculationList.forEach((v, i) => {
+            var find = v.CalculateQuestionList.filter(o => {
+              return o.QuestionId === questionId
+            })
+            // find的自动计算值number
+            if (find) {
+              var num = this.logic(v)
+              if (num !== false) {
+                this.$emit('setFormItemData', { key: v.QuestionId, val: num, question: v })
+              }
             }
-          }
-        })
+          })
+        } else {
+          this.CalculationList.forEach(v => {
+            var find = v.CalculateQuestionList.filter(o => {
+              return o.TableQuestionId === questionId
+            })
+            // find的自动计算值number
+            if (find) {
+              var num = this.logic(v)
+              if (num !== false) {
+                this.$emit('setFormItemData', { key: v.QuestionId, val: num, question: v })
+              }
+            }
+          })
+        }
       }
       // this.$emit('formItemNumberChange')
     },

src/views/trials/trials-panel/reading/dicoms/customize/CustomizeQuestionTableFormItem.vue

@@ -148,8 +148,7 @@
           v-if="question.Type === 'number' && question.DataSource !== 1"
           :disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !IsBaseline && questionForm.IsCurrentTaskAdd === 'False')"
           @change="((val)=>{formItemNumberChange(val, question)})"
-          onblur="value=parseFloat(value).toFixed(parseInt(localStorage.getItem('digitPlaces')))"
-          @input="limitInput($event, question)"
+          @blur="handleBlur(questionForm[question.Id], questionForm, question.Id)"
           v-model="questionForm[question.Id]"
         >
           <template slot="append" v-if="question.Unit !== 0">{{question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit}}</template>
@@ -158,8 +157,7 @@
           type="number"
           v-if="question.Type === 'number' && question.DataSource === 1"
           :disabled="question.DataSource === 1"
-          onblur="value=parseFloat(value).toFixed(parseInt(localStorage.getItem('digitPlaces')))"
-          @input="limitInput($event, question)"
+          @blur="handleCalculationBlur(calculationValue)"
           v-model="calculationValue"
         >
           <template slot="append" v-if="question.Unit !== 0">{{question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit}}</template>
@@ -297,7 +295,7 @@ export default {
       organList: [],
       QuestionsList: [],
       QuestionsForm: {},
-      digitPlaces: 0
+      digitPlaces: 2
     }
   },
   // watch: {
@@ -323,7 +321,8 @@ export default {
     },
   },
   mounted() {
-    this.digitPlaces = localStorage.getItem('digitPlaces') ? parseInt(localStorage.getItem('digitPlaces')) : 0
+    var digitPlaces = Number(localStorage.getItem('digitPlaces'))
+    this.digitPlaces = digitPlaces === -1 ? this.digitPlaces : digitPlaces
     if (this.question.Type === 'upload') {
       if (this.questionForm[this.question.Id]) {
         this.urls = this.questionForm[this.question.Id].split('|')
@@ -382,6 +381,12 @@ export default {
         this.$emit('setFormItemData', { key: question.Id, val: v, question: question })
       }
     },
+    handleBlur(value, a, b) {
+      this.$set(a, b, parseFloat(value).toFixed(this.digitPlaces))
+    },
+    handleCalculationBlur(v) {
+      this.calculationValue = parseFloat(v).toFixed(this.digitPlaces)
+    },
     limitInput(value, q) {
       console.log(value)
       if (value.indexOf('.') > -1) {
@@ -477,11 +482,10 @@ export default {
       } catch (e) {
         console.log(e)
       }
-      var digitPlaces = parseInt(localStorage.getItem('digitPlaces'))
       if (rules.ValueType === 2) {
         num = num * 100
       }
-      return num.toFixed(digitPlaces)
+      return num.toFixed(this.digitPlaces)
     },
     formItemNumberChange(v, question) {
       this.$emit('formItemTableNumberChange', v, question)

src/views/trials/trials-panel/reading/dicoms/customize/CustomizeQuestionsPreview.vue

@@ -58,10 +58,13 @@ export default {
       activeName: 0,
       CalculationList: [],
       IsBaseline: true,
-      classArr: []
+      classArr: [],
+      digitPlaces: 2
     }
   },
   mounted() {
+    var digitPlaces = Number(localStorage.getItem('digitPlaces'))
+    this.digitPlaces = digitPlaces === -1 ? this.digitPlaces : digitPlaces
     this.getQuestionCalculateRelation()
     // this.getCustomTableQuestionAnswer()
     DicomEvent.$on('reGetQuestionAnswer', () => {
@@ -133,7 +136,7 @@ export default {
             this.classArr.push({triggerId: v.ClassifyQuestionId, classId: v.Id, classifyAlgorithms: v.ClassifyAlgorithms, classifyType: v.ClassifyType})
           }
           if (v.Type === 'number') {
-            this.$set(this.questionForm, v.Id, v.Answer === '' ? '' : parseFloat(v.Answer).toFixed(localStorage.getItem('digitPlaces')))
+            this.$set(this.questionForm, v.Id, v.Answer === '' ? '' : parseFloat(v.Answer).toFixed(this.digitPlaces))
           }
           if (v.Childrens.length > 0) {
             this.setChild(v.Childrens)
@@ -187,7 +190,7 @@ export default {
               this.$set(this.questionForm, v.Id, v.TableQuestions.Answers)
             }
             if (v.Type === 'number') {
-              this.$set(this.questionForm, v.Id, v.Answer === '' ? '' : parseFloat(v.Answer).toFixed(localStorage.getItem('digitPlaces')))
+              this.$set(this.questionForm, v.Id, v.Answer === '' ? '' : parseFloat(v.Answer).toFixed(this.digitPlaces))
             }
             if (v.Childrens.length > 0) {
               this.setChild(v.Childrens)
@@ -208,7 +211,7 @@ export default {
           i.TableQuestions.Questions.forEach(o => {
             if (o.Type === 'number') {
               i.TableQuestions.Answers.forEach((ite, index) => {
-                this.$set(i.TableQuestions.Answers[index], o.Id, i.TableQuestions.Answers[index][o.Id] ? parseFloat(i.TableQuestions.Answers[index][o.Id]).toFixed(localStorage.getItem('digitPlaces')) : null)
+                this.$set(i.TableQuestions.Answers[index], o.Id, i.TableQuestions.Answers[index][o.Id] ? parseFloat(i.TableQuestions.Answers[index][o.Id]).toFixed(this.digitPlaces) : null)
               })
             }
           })
@@ -218,7 +221,7 @@ export default {
           this.classArr.push({triggerId: i.ClassifyQuestionId, classId: i.Id, classifyAlgorithms: i.ClassifyAlgorithms, classifyType: i.ClassifyType})
         }
         if (i.Type === 'number') {
-          this.$set(this.questionForm, i.Id, i.Answer === '' ? '' : parseFloat(i.Answer).toFixed(localStorage.getItem('digitPlaces')))
+          this.$set(this.questionForm, i.Id, i.Answer === '' ? '' : parseFloat(i.Answer).toFixed(this.digitPlaces))
         }
         if (i.Childrens && i.Childrens.length > 0) {
           this.setChild(i.Childrens)

src/views/trials/trials-panel/reading/dicoms/customize/CustomizeReportPage.vue

@@ -148,7 +148,7 @@
                       v-else-if="scope.row.DataSource !== 1 && questionForm[scope.row.QuestionId] instanceof Array && scope.row.Type==='number' && (scope.row.xfIndex || scope.row.xfIndex === 0) && !scope.row.IsShowInDicom && ((task.IsBaseLine && scope.row.LimitEdit === 1) || (!task.IsBaseLine && scope.row.LimitEdit === 2) || scope.row.LimitEdit === 0)"
                       v-model="questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]"
                       :disabled="scope.row.DataSource === 1"
-                      onblur="value=parseFloat(value).toFixed(parseInt(localStorage.getItem('digitPlaces')))"
+                      @blur="value=parseFloat(value).toFixed(digitPlaces)"
                       @input="limitInput($event, questionForm[scope.row.QuestionId][scope.row.xfIndex], scope.row.TableQuestionId)"
                       size="mini"
                       @focus="() => {questionId = scope.row.QuestionId}"
@@ -171,7 +171,7 @@
                       v-else-if="scope.row.DataSource !== 1 && scope.row.Type==='number' && !scope.row.IsShowInDicom && ((task.IsBaseLine && scope.row.LimitEdit === 1) || (!task.IsBaseLine && scope.row.LimitEdit === 2) || scope.row.LimitEdit === 0)"
                       v-model="questionForm[scope.row.QuestionId]"
                       :disabled="scope.row.DataSource === 1"
-                      onblur="value=parseFloat(value).toFixed(parseInt(localStorage.getItem('digitPlaces')))"
+                      @blur="value=parseFloat(value).toFixed(digitPlaces)"
                       @input="limitInput($event, questionForm, scope.row.QuestionId)"
                       size="mini"
                       @focus="() => {questionId = scope.row.QuestionId}"
@@ -314,7 +314,8 @@ export default {
       TrialReadingCriterionId: null,
       tableAnswers: {},
       questionForm: {},
-      questionId: null
+      questionId: null,
+      digitPlaces: 2
     }
   },
   watch: {
@@ -337,7 +338,8 @@ export default {
   },
   async mounted() {
     this.CriterionType = parseInt(localStorage.getItem('CriterionType'))
-    this.digitPlaces = parseInt(localStorage.getItem('digitPlaces'))
+    let digitPlaces = Number(localStorage.getItem('digitPlaces'))
+    this.digitPlaces = digitPlaces === -1 ? this.digitPlaces : digitPlaces
     this.TrialReadingCriterionId = this.$route.query.TrialReadingCriterionId
     window.addEventListener('resize', () => {
       this.handleResize()
@@ -359,7 +361,6 @@ export default {
         if (value.split('.')[1].length >= this.digitPlaces) {
           this.$set(a, b, parseFloat(value).toFixed(this.digitPlaces))
         }
-      } else {
       }
     },
     setImageUrl(qid, index, tqid, url, RowId) {
@@ -552,11 +553,10 @@ export default {
       } catch (e) {
         console.log(e)
       }
-      var digitPlaces = parseInt(localStorage.getItem('digitPlaces'))
       if (rules.ValueType === 2) {
         num = num * 100
       }
-      return isNaN(num) ? '' : isFinite(num) ? num.toFixed(digitPlaces) : '∞'
+      return isNaN(num) ? '' : isFinite(num) ? num.toFixed(this.digitPlaces) : '∞'
     },
     getReportInfo() {
       this.loading = true
@@ -647,14 +647,13 @@ export default {
                 }
               }
             }
-            var digitPlaces = parseInt(localStorage.getItem('digitPlaces')) || 0
             item.Answer.forEach(i => {
               if (item.DictionaryCode) {
                 this.$set(obj.Answers, i.VisitTaskId, i.Answer ? parseInt(i.Answer) : null)
                 // obj.Answers[i.VisitTaskId] = i.Answer ? parseInt(i.Answer) : null
               } else {
                 if (item.Type === 'number') {
-                  this.$set(obj.Answers, i.VisitTaskId, isNaN(parseFloat(i.Answer)) ? i.Answer : parseFloat(i.Answer).toFixed(digitPlaces))
+                  this.$set(obj.Answers, i.VisitTaskId, isNaN(parseFloat(i.Answer)) ? i.Answer : parseFloat(i.Answer).toFixed(this.digitPlaces))
                 } else {
                   this.$set(obj.Answers, i.VisitTaskId, i.Answer)
                 }

src/views/trials/trials-panel/reading/none-dicoms/index--.vue

@@ -0,0 +1,347 @@
+<template>
+  <div ref="container" v-loading="loading" class="none-dicom-reading-container">
+    <!-- 访视阅片 -->
+    <div v-if="isShow && readingCategory && readingCategory=== 1" class="reading-wrapper">
+      <el-tabs v-model="activeName" :before-leave="beforeLeave">
+        <!-- 阅片 -->
+        <el-tab-pane :label="$t('trials:reading:tabTitle:review')" name="read">
+          <VisitReview
+            :trial-id="trialId"
+            :subject-id="subjectId"
+            :subject-code="subjectCode"
+            :visit-task-id="visitTaskId"
+            :task-blind-name="taskBlindName"
+            :reading-category="readingCategory"
+            :readingTool="readingTool"
+            :criterionType="criterionType"
+            :isExistsClinicalData="isExistsClinicalData"
+            :isReadingShowSubjectInfo="isReadingShowSubjectInfo"
+            :is-reading-task-view-in-order="isReadingTaskViewInOrder"
+            :iseCRFShowInDicomReading="iseCRFShowInDicomReading"
+            @previewCD="previewCD"
+          />
+        </el-tab-pane>
+        <!-- 报告 -->
+        <el-tab-pane :label="$t('trials:reading:tabTitle:report')" name="report" v-if="!iseCRFShowInDicomReading">
+          <Report 
+            v-if="tabs.includes('report')"
+            ref="reportPage"
+            :trialId="trialId"
+            :visit-task-id="visitTaskId"
+            :subject-id="subjectId"
+            :readingTool="readingTool"
+            :criterionType="criterionType"
+            :is-reading-task-view-in-order="isReadingTaskViewInOrder"
+          />
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+    
+    <!-- 全局阅片 -->
+    <GlobalReview
+      v-else-if="isShow && readingCategory && readingCategory === 2"
+      :trial-id="trialId"
+      :subject-id="subjectId"
+      :visit-task-id="visitTaskId"
+      :reading-category="readingCategory"
+      :subject-code="subjectCode"
+      :task-blind-name="taskBlindName"
+      :is-reading-show-subject-info="isReadingShowSubjectInfo"
+      :is-reading-show-previous-results="isReadingShowPreviousResults"
+      :is-exists-clinical-data="isExistsClinicalData"
+    />
+    <!-- 裁判阅片 -->
+    <AdReview
+      v-else-if="isShow && readingCategory && readingCategory === 4"
+      :trial-id="trialId"
+      :subject-id="subjectId"
+      :visit-task-id="visitTaskId"
+      :reading-category="readingCategory"
+      :subject-code="subjectCode"
+      :task-blind-name="taskBlindName"
+      :is-reading-show-subject-info="isReadingShowSubjectInfo"
+      :is-reading-show-previous-results="isReadingShowPreviousResults"
+      :is-exists-clinical-data="isExistsClinicalData"
+    />
+
+    <!-- 肿瘤学阅片 -->
+    <OncologyReview
+      v-else-if="isShow && readingCategory && readingCategory === 5"
+      :trial-id="trialId"
+      :subject-id="subjectId"
+      :visit-task-id="visitTaskId"
+      :reading-category="readingCategory"
+      :subject-code="subjectCode"
+      :task-blind-name="taskBlindName"
+      :is-reading-show-subject-info="isReadingShowSubjectInfo"
+      :is-reading-show-previous-results="isReadingShowPreviousResults"
+      :is-exists-clinical-data="isExistsClinicalData"
+    />
+
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :custom-class="isFullscreen?'full-dialog-container':'dialog-container'"
+      :show-close="false"
+      :close-on-click-modal="false"
+      :fullscreen="isFullscreen"
+    >
+      <span slot="title" class="dialog-footer">
+        <!-- 当前阅片任务存在临床数据，请查看。若已查看，请点击“确认” -->
+        <span v-if="!closeCDVisible">{{ $t('trials:reading:dagTitle:msg1') }}</span>
+        <div style="position: absolute;right: 20px;top: 10px;">
+          <svg-icon :icon-class="isFullscreen?'exit-fullscreen':'fullscreen'" style="cursor: pointer;font-size: 20px;" @click="isFullscreen=!isFullscreen" />
+          <svg-icon v-if="closeCDVisible" icon-class="dClose" style="cursor: pointer;font-size: 25px;margin-left: 10px;" @click="dialogVisible = false" />
+        </div>
+      </span>
+      <div style="height: 100%;margin:0;display: flex;flex-direction: column;">
+        <ClinicalData
+          v-if="dialogVisible"
+          style="flex: 1"
+          :trial-id="trialId"
+          :subject-id="subjectId"
+          :visit-task-id="cdVisitTaskId"
+          :is-reading-show-subject-info="isReadingShowSubjectInfo"
+        />
+        <div v-if="!closeCDVisible" style="text-align:right">
+          <el-button type="primary" @click="handleConfirmCD">{{ $t('trials:reading:button:confirm') }}</el-button>
+        </div>
+      </div>
+     
+    </el-dialog>
+
+  </div>
+
+</template>
+
+<script>
+import { getNextTask, readClinicalData } from '@/api/trials'
+import store from '@/store'
+import { changeURLStatic } from '@/utils/history.js'
+import DicomEvent from '@/views/trials/trials-panel/reading/dicoms/components/DicomEvent'
+import Report from './components/Report'
+import VisitReview from './components/VisitReview'
+import GlobalReview from '@/views/trials/trials-panel/reading/global-review'
+import AdReview from '@/views/trials/trials-panel/reading/ad-review'
+import ClinicalData from '@/views/trials/trials-panel/reading/clinical-data'
+// import { getToken } from '@/utils/auth'
+import OncologyReview from '@/views/trials/trials-panel/reading/oncology-review'
+export default {
+  name: 'NoneDicomReading',
+  components: {
+    VisitReview,
+    Report,
+    AdReview,
+    GlobalReview,
+    OncologyReview,
+    ClinicalData
+  },
+  data() {
+    return {
+      loading: false,
+      readingCategory: null,
+      subjectId: '',
+      visitTaskId: '',
+      trialId: '',
+      subjectCode: '',
+      taskBlindName: '',
+      isReadingShowSubjectInfo: false,
+      isReadingShowPreviousResults: false,
+      isReadingTaskViewInOrder: false,
+      isExistsClinicalData: false,
+      isNeedReadClinicalData: false,
+      isReadClinicalData: false,
+      iseCRFShowInDicomReading: false,
+      criterionType: null,
+      readingTool: null,
+      isNewSubject: null,
+      dialogVisible: false,
+      closeCDVisible: false,
+      cdVisitTaskId: '',
+      isFullscreen: false,
+      // dialogH: 0,
+      isShow: false,
+      activeName:'',
+      tabs: []
+    }
+  },
+  mounted() {
+    DicomEvent.$on('getNextTask', () => {
+      this.getTaskInfo()
+    })
+    this.trialId = this.$router.currentRoute.query.trialId
+    this.subjectCode = this.$router.currentRoute.query.subjectCode
+    this.subjectId = this.$router.currentRoute.query.subjectId
+    this.visitTaskId = this.$router.currentRoute.query.visitTaskId
+    this.isReadingShowSubjectInfo = this.$router.currentRoute.query.isReadingShowSubjectInfo
+    this.isReadingShowPreviousResults = this.$router.currentRoute.query.isReadingShowPreviousResults
+    this.isReadingTaskViewInOrder = JSON.parse(this.$router.currentRoute.query.isReadingTaskViewInOrder)
+    this.criterionType = this.$router.currentRoute.query.criterionType
+    this.readingTool = this.$router.currentRoute.query.readingTool
+    this.isNewSubject = this.$router.currentRoute.query.isNewSubject
+    if (this.isNewSubject && this.isReadingTaskViewInOrder) {
+      const message = this.$t('trials:reading:noneDicom:message:startRead').replace('xxx', this.subjectCode)
+      this.$message.success(message)
+      changeURLStatic('isNewSubject', '')
+    }
+    if (this.$router.currentRoute.query.TokenKey) {
+      store.dispatch('user/setToken', this.$router.currentRoute.query.TokenKey)
+      changeURLStatic('TokenKey', '')
+    }
+    this.getTaskInfo()
+    this.dialogH = this.$refs['container'].clientHeight - 250 + 'px'
+    window.addEventListener('resize', () => { this.dialogH = this.$refs['container'].clientHeight - 250 + 'px' })
+  },
+  beforeDestroy() {
+    DicomEvent.$off('getNextTask')
+  },
+  methods: {
+    getTaskInfo() {
+      this.loading = true
+      var param = {
+        subjectId: this.subjectId,
+        trialId: this.trialId,
+        subjectCode: this.subjectCode,
+        visitTaskId: this.$router.currentRoute.query.visitTaskId,
+        trialReadingCriterionId: this.$router.currentRoute.query.TrialReadingCriterionId
+      }
+      this.isShow = false
+      getNextTask(param).then(res => {
+        this.readingCategory = res.Result.ReadingCategory
+        // if (this.subjectId !== res.Result.SubjectId && this.isReadingTaskViewInOrder) {
+        //   store.dispatch('reading/resetVisitTasks')
+        //   var token = getToken()
+        //   window.location.href = `/noneDicomReading?trialId=${this.trialId}&subjectCode=${res.Result.SubjectCode}&subjectId=${res.Result.SubjectId}&isReadingShowPreviousResults=${this.isReadingShowPreviousResults}&isReadingShowSubjectInfo=${this.isReadingShowSubjectInfo}&criterionType=${this.criterionType}&readingTool=${this.readingTool}&isNewSubject=1&isReadingTaskViewInOrder=${res.Result.IsReadingTaskViewInOrder}&TokenKey=${token}`
+        // }
+        if (res.Result.ReadingCategory === 1) {
+          this.activeName = 'read'
+          this.tabs = [this.activeName]
+        }
+        this.subjectId = res.Result.SubjectId
+        this.visitTaskId = res.Result.VisitTaskId
+        this.subjectCode = res.Result.SubjectCode
+        this.taskBlindName = res.Result.TaskBlindName
+        this.isExistsClinicalData = res.Result.IsExistsClinicalData
+        this.isReadClinicalData = res.Result.IsReadClinicalData
+        this.isNeedReadClinicalData = res.Result.IsNeedReadClinicalData
+        this.iseCRFShowInDicomReading = res.Result.IseCRFShowInDicomReading
+        this.isReadingTaskViewInOrder = res.Result.IsReadingTaskViewInOrder
+        this.isReadingShowSubjectInfo = res.Result.IsReadingShowSubjectInfo
+        this.isReadingShowPreviousResults = res.Result.IsReadingShowPreviousResults
+        this.digitPlaces = res.Result.DigitPlaces
+        localStorage.setItem('digitPlaces', 2)
+        this.$nextTick(() => {
+          if (this.isExistsClinicalData && this.isNeedReadClinicalData && !this.isReadClinicalData) {
+            this.isFullscreen = false
+            this.dialogVisible = true
+            this.cdVisitTaskId = this.visitTaskId
+          }
+        })
+        this.isShow = true
+        this.loading = false
+      }).catch(() => { this.loading = false })
+    },
+    previewCD(taskId) {
+      this.closeCDVisible = true
+      this.isFullscreen = false
+      this.dialogVisible = true
+      this.cdVisitTaskId = taskId
+      this.dialogVisible = true
+    },
+    async handleConfirmCD() {
+      this.loading = true
+      var visitTaskId = this.visitTaskId
+      try {
+        await readClinicalData({ visitTaskId })
+        this.loading = false
+        this.dialogVisible = false
+        this.isReadClinicalData = true
+      } catch (e) {
+        this.loading = false
+      }
+    },
+    beforeLeave(activeName, oldActiveName) {
+      if (!this.tabs.includes(activeName)) {
+        this.tabs.push(activeName)
+      }
+      if (oldActiveName === 'read') {
+        this.$nextTick(() => {
+          if (this.$refs.reportPage) {
+            // DicomEvent.$emit('getReportInfo', true)
+            this.$refs.reportPage.setScrollTop(1)
+          }
+        })
+      }
+      return Promise.resolve(true)
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.none-dicom-reading-container{
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  .el-dialog{
+    margin-top: 0px !important;
+    ::v-deep .el-dialog__wrapper{
+      margin-top: 0px !important;
+    }
+    ::v-deep .el-dialog__body{
+      padding: 10px;
+    }
+  }
+  .reading-wrapper{
+    width: 100%;
+    height: 100%;
+    padding: 0 10px;
+    box-sizing: border-box;
+    ::v-deep.el-tabs{
+      box-sizing: border-box;
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      .el-tabs__item{
+        // color: #fff;
+      }
+      .el-tabs__header{
+        height: 50px;
+        margin:0px;
+        box-sizing: border-box;
+      }
+      .el-tabs__content{
+        flex: 1;
+        margin:0px;
+        box-sizing: border-box;
+      }
+      .el-tabs__item{
+        // color: #fff;
+      }
+      .el-tab-pane{
+        height: 100%;
+      }
+
+    }
+  }
+  ::v-deep.dialog-container{
+    margin-top: 50px !important;
+    width:75%;
+    height:80%;
+  }
+  ::v-deep.el-dialog__body{
+      padding: 20px 20px 0 20px;
+      height: calc(100% - 70px);
+    }
+  .el-dialog__header{
+    position: relative;
+  }
+}
+
+.full-dialog-container{
+  ::v-deep.is-fullscreen .el-dialog__body{
+    height: calc(100% - 70px);
+  }
+}
+ 
+</style>

src/views/trials/trials-panel/reading/none-dicoms/index.vue

@@ -1,347 +1,76 @@
 <template>
-  <div ref="container" v-loading="loading" class="none-dicom-reading-container">
+  <div v-loading="loading" class="reading-viewer-container">
     <!-- 访视阅片 -->
-    <div v-if="isShow && readingCategory && readingCategory=== 1" class="reading-wrapper">
-      <el-tabs v-model="activeName" :before-leave="beforeLeave">
-        <!-- 阅片 -->
-        <el-tab-pane :label="$t('trials:reading:tabTitle:review')" name="read">
-          <VisitReview
-            :trial-id="trialId"
-            :subject-id="subjectId"
-            :subject-code="subjectCode"
-            :visit-task-id="visitTaskId"
-            :task-blind-name="taskBlindName"
-            :reading-category="readingCategory"
-            :readingTool="readingTool"
-            :criterionType="criterionType"
-            :isExistsClinicalData="isExistsClinicalData"
-            :isReadingShowSubjectInfo="isReadingShowSubjectInfo"
-            :is-reading-task-view-in-order="isReadingTaskViewInOrder"
-            :iseCRFShowInDicomReading="iseCRFShowInDicomReading"
-            @previewCD="previewCD"
-          />
-        </el-tab-pane>
-        <!-- 报告 -->
-        <el-tab-pane :label="$t('trials:reading:tabTitle:report')" name="report" v-if="!iseCRFShowInDicomReading">
-          <Report 
-            v-if="tabs.includes('report')"
-            ref="reportPage"
-            :trialId="trialId"
-            :visit-task-id="visitTaskId"
-            :subject-id="subjectId"
-            :readingTool="readingTool"
-            :criterionType="criterionType"
-            :is-reading-task-view-in-order="isReadingTaskViewInOrder"
-          />
-        </el-tab-pane>
-      </el-tabs>
-    </div>
-    
+    <visit-review v-if="taskInfo && taskInfo.ReadingCategory=== 1" />
     <!-- 全局阅片 -->
-    <GlobalReview
-      v-else-if="isShow && readingCategory && readingCategory === 2"
-      :trial-id="trialId"
-      :subject-id="subjectId"
-      :visit-task-id="visitTaskId"
-      :reading-category="readingCategory"
-      :subject-code="subjectCode"
-      :task-blind-name="taskBlindName"
-      :is-reading-show-subject-info="isReadingShowSubjectInfo"
-      :is-reading-show-previous-results="isReadingShowPreviousResults"
-      :is-exists-clinical-data="isExistsClinicalData"
-    />
+    <global-review v-else-if="taskInfo && taskInfo.ReadingCategory=== 2" />
     <!-- 裁判阅片 -->
-    <AdReview
-      v-else-if="isShow && readingCategory && readingCategory === 4"
-      :trial-id="trialId"
-      :subject-id="subjectId"
-      :visit-task-id="visitTaskId"
-      :reading-category="readingCategory"
-      :subject-code="subjectCode"
-      :task-blind-name="taskBlindName"
-      :is-reading-show-subject-info="isReadingShowSubjectInfo"
-      :is-reading-show-previous-results="isReadingShowPreviousResults"
-      :is-exists-clinical-data="isExistsClinicalData"
-    />
-
+    <ad-review v-else-if="taskInfo && taskInfo.ReadingCategory=== 4" />
     <!-- 肿瘤学阅片 -->
-    <OncologyReview
-      v-else-if="isShow && readingCategory && readingCategory === 5"
-      :trial-id="trialId"
-      :subject-id="subjectId"
-      :visit-task-id="visitTaskId"
-      :reading-category="readingCategory"
-      :subject-code="subjectCode"
-      :task-blind-name="taskBlindName"
-      :is-reading-show-subject-info="isReadingShowSubjectInfo"
-      :is-reading-show-previous-results="isReadingShowPreviousResults"
-      :is-exists-clinical-data="isExistsClinicalData"
-    />
-
-    <el-dialog
-      :visible.sync="dialogVisible"
-      :custom-class="isFullscreen?'full-dialog-container':'dialog-container'"
-      :show-close="false"
-      :close-on-click-modal="false"
-      :fullscreen="isFullscreen"
-    >
-      <span slot="title" class="dialog-footer">
-        <!-- 当前阅片任务存在临床数据，请查看。若已查看，请点击“确认” -->
-        <span v-if="!closeCDVisible">{{ $t('trials:reading:dagTitle:msg1') }}</span>
-        <div style="position: absolute;right: 20px;top: 10px;">
-          <svg-icon :icon-class="isFullscreen?'exit-fullscreen':'fullscreen'" style="cursor: pointer;font-size: 20px;" @click="isFullscreen=!isFullscreen" />
-          <svg-icon v-if="closeCDVisible" icon-class="dClose" style="cursor: pointer;font-size: 25px;margin-left: 10px;" @click="dialogVisible = false" />
-        </div>
-      </span>
-      <div style="height: 100%;margin:0;display: flex;flex-direction: column;">
-        <ClinicalData
-          v-if="dialogVisible"
-          style="flex: 1"
-          :trial-id="trialId"
-          :subject-id="subjectId"
-          :visit-task-id="cdVisitTaskId"
-          :is-reading-show-subject-info="isReadingShowSubjectInfo"
-        />
-        <div v-if="!closeCDVisible" style="text-align:right">
-          <el-button type="primary" @click="handleConfirmCD">{{ $t('trials:reading:button:confirm') }}</el-button>
-        </div>
-      </div>
-     
-    </el-dialog>
-
+    <oncology-review v-else-if="taskInfo && taskInfo.ReadingCategory=== 5" />
   </div>
-
 </template>
-
 <script>
-import { getNextTask, readClinicalData } from '@/api/trials'
+import { getNextTask } from '@/api/trials'
 import store from '@/store'
-import { changeURLStatic } from '@/utils/history.js'
-import DicomEvent from '@/views/trials/trials-panel/reading/dicoms/components/DicomEvent'
-import Report from './components/Report'
-import VisitReview from './components/VisitReview'
+import VisitReview from '@/views/trials/trials-panel/reading/visit-review'
 import GlobalReview from '@/views/trials/trials-panel/reading/global-review'
 import AdReview from '@/views/trials/trials-panel/reading/ad-review'
-import ClinicalData from '@/views/trials/trials-panel/reading/clinical-data'
-// import { getToken } from '@/utils/auth'
 import OncologyReview from '@/views/trials/trials-panel/reading/oncology-review'
 export default {
-  name: 'NoneDicomReading',
+  name: 'ReadingViewer',
   components: {
     VisitReview,
-    Report,
-    AdReview,
     GlobalReview,
-    OncologyReview,
-    ClinicalData
+    AdReview,
+    OncologyReview
   },
   data() {
     return {
-      loading: false,
-      readingCategory: null,
-      subjectId: '',
-      visitTaskId: '',
-      trialId: '',
-      subjectCode: '',
-      taskBlindName: '',
-      isReadingShowSubjectInfo: false,
-      isReadingShowPreviousResults: false,
-      isReadingTaskViewInOrder: false,
-      isExistsClinicalData: false,
-      isNeedReadClinicalData: false,
-      isReadClinicalData: false,
-      iseCRFShowInDicomReading: false,
-      criterionType: null,
-      readingTool: null,
-      isNewSubject: null,
-      dialogVisible: false,
-      closeCDVisible: false,
-      cdVisitTaskId: '',
-      isFullscreen: false,
-      // dialogH: 0,
-      isShow: false,
-      activeName:'',
-      tabs: []
+      taskInfo: null,
+      loading: false
     }
   },
   mounted() {
-    DicomEvent.$on('getNextTask', () => {
-      this.getTaskInfo()
-    })
-    this.trialId = this.$router.currentRoute.query.trialId
-    this.subjectCode = this.$router.currentRoute.query.subjectCode
-    this.subjectId = this.$router.currentRoute.query.subjectId
-    this.visitTaskId = this.$router.currentRoute.query.visitTaskId
-    this.isReadingShowSubjectInfo = this.$router.currentRoute.query.isReadingShowSubjectInfo
-    this.isReadingShowPreviousResults = this.$router.currentRoute.query.isReadingShowPreviousResults
-    this.isReadingTaskViewInOrder = JSON.parse(this.$router.currentRoute.query.isReadingTaskViewInOrder)
-    this.criterionType = this.$router.currentRoute.query.criterionType
-    this.readingTool = this.$router.currentRoute.query.readingTool
-    this.isNewSubject = this.$router.currentRoute.query.isNewSubject
-    if (this.isNewSubject && this.isReadingTaskViewInOrder) {
-      const message = this.$t('trials:reading:noneDicom:message:startRead').replace('xxx', this.subjectCode)
-      this.$message.success(message)
-      changeURLStatic('isNewSubject', '')
-    }
-    if (this.$router.currentRoute.query.TokenKey) {
-      store.dispatch('user/setToken', this.$router.currentRoute.query.TokenKey)
-      changeURLStatic('TokenKey', '')
-    }
     this.getTaskInfo()
-    this.dialogH = this.$refs['container'].clientHeight - 250 + 'px'
-    window.addEventListener('resize', () => { this.dialogH = this.$refs['container'].clientHeight - 250 + 'px' })
-  },
-  beforeDestroy() {
-    DicomEvent.$off('getNextTask')
   },
   methods: {
-    getTaskInfo() {
+    async getTaskInfo() {
       this.loading = true
-      var param = {
-        subjectId: this.subjectId,
-        trialId: this.trialId,
-        subjectCode: this.subjectCode,
-        visitTaskId: this.$router.currentRoute.query.visitTaskId,
-        trialReadingCriterionId: this.$router.currentRoute.query.TrialReadingCriterionId
-      }
-      this.isShow = false
-      getNextTask(param).then(res => {
-        this.readingCategory = res.Result.ReadingCategory
-        // if (this.subjectId !== res.Result.SubjectId && this.isReadingTaskViewInOrder) {
-        //   store.dispatch('reading/resetVisitTasks')
-        //   var token = getToken()
-        //   window.location.href = `/noneDicomReading?trialId=${this.trialId}&subjectCode=${res.Result.SubjectCode}&subjectId=${res.Result.SubjectId}&isReadingShowPreviousResults=${this.isReadingShowPreviousResults}&isReadingShowSubjectInfo=${this.isReadingShowSubjectInfo}&criterionType=${this.criterionType}&readingTool=${this.readingTool}&isNewSubject=1&isReadingTaskViewInOrder=${res.Result.IsReadingTaskViewInOrder}&TokenKey=${token}`
-        // }
-        if (res.Result.ReadingCategory === 1) {
-          this.activeName = 'read'
-          this.tabs = [this.activeName]
-        }
-        this.subjectId = res.Result.SubjectId
-        this.visitTaskId = res.Result.VisitTaskId
-        this.subjectCode = res.Result.SubjectCode
-        this.taskBlindName = res.Result.TaskBlindName
-        this.isExistsClinicalData = res.Result.IsExistsClinicalData
-        this.isReadClinicalData = res.Result.IsReadClinicalData
-        this.isNeedReadClinicalData = res.Result.IsNeedReadClinicalData
-        this.iseCRFShowInDicomReading = res.Result.IseCRFShowInDicomReading
-        this.isReadingTaskViewInOrder = res.Result.IsReadingTaskViewInOrder
-        this.isReadingShowSubjectInfo = res.Result.IsReadingShowSubjectInfo
-        this.isReadingShowPreviousResults = res.Result.IsReadingShowPreviousResults
-        this.digitPlaces = res.Result.DigitPlaces
-        localStorage.setItem('digitPlaces', 2)
-        this.$nextTick(() => {
-          if (this.isExistsClinicalData && this.isNeedReadClinicalData && !this.isReadClinicalData) {
-            this.isFullscreen = false
-            this.dialogVisible = true
-            this.cdVisitTaskId = this.visitTaskId
-          }
-        })
-        this.isShow = true
-        this.loading = false
-      }).catch(() => { this.loading = false })
-    },
-    previewCD(taskId) {
-      this.closeCDVisible = true
-      this.isFullscreen = false
-      this.dialogVisible = true
-      this.cdVisitTaskId = taskId
-      this.dialogVisible = true
-    },
-    async handleConfirmCD() {
-      this.loading = true
-      var visitTaskId = this.visitTaskId
       try {
-        await readClinicalData({ visitTaskId })
+        const params = {
+          subjectId: this.$route.query.subjectId,
+          trialId: this.$route.query.trialId,
+          subjectCode: this.$route.query.subjectCode,
+          visitTaskId: this.$route.query.visitTaskId,
+          trialReadingCriterionId: this.$route.query.TrialReadingCriterionId
+        }
+        const res = await getNextTask(params)
+        this.taskInfo = res.Result
+        localStorage.setItem('taskInfo', JSON.stringify(res.Result))
+        // if (res.Result.IsExistsClinicalData && res.Result.IsNeedReadClinicalData && !res.Result.IsReadClinicalData) {
+        //   this.isFullscreen = false
+        //   this.dialogVisible = true
+        //   this.cdVisitTaskId = res.Result.visitTaskId
+        // }
+        // this.$nextTick(() => {
+        //   if (res.Result.IsFirstChangeTask && res.Result.ReadingTaskState === 0) {
+        //     this.tipVisible = true
+        //   }
+        // })
         this.loading = false
-        this.dialogVisible = false
-        this.isReadClinicalData = true
       } catch (e) {
+        console.log(e)
+        store.dispatch('reading/setCurrentReadingTaskState', 2)
         this.loading = false
       }
-    },
-    beforeLeave(activeName, oldActiveName) {
-      if (!this.tabs.includes(activeName)) {
-        this.tabs.push(activeName)
-      }
-      if (oldActiveName === 'read') {
-        this.$nextTick(() => {
-          if (this.$refs.reportPage) {
-            // DicomEvent.$emit('getReportInfo', true)
-            this.$refs.reportPage.setScrollTop(1)
-          }
-        })
-      }
-      return Promise.resolve(true)
-    },
+    }
   }
 }
 </script>
-
 <style lang="scss" scoped>
-.none-dicom-reading-container{
+.reading-viewer-container {
   width: 100%;
   height: 100%;
-  display: flex;
-  flex-direction: column;
-  .el-dialog{
-    margin-top: 0px !important;
-    ::v-deep .el-dialog__wrapper{
-      margin-top: 0px !important;
-    }
-    ::v-deep .el-dialog__body{
-      padding: 10px;
-    }
-  }
-  .reading-wrapper{
-    width: 100%;
-    height: 100%;
-    padding: 0 10px;
-    box-sizing: border-box;
-    ::v-deep.el-tabs{
-      box-sizing: border-box;
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-      .el-tabs__item{
-        // color: #fff;
-      }
-      .el-tabs__header{
-        height: 50px;
-        margin:0px;
-        box-sizing: border-box;
-      }
-      .el-tabs__content{
-        flex: 1;
-        margin:0px;
-        box-sizing: border-box;
-      }
-      .el-tabs__item{
-        // color: #fff;
-      }
-      .el-tab-pane{
-        height: 100%;
-      }
-
-    }
-  }
-  ::v-deep.dialog-container{
-    margin-top: 50px !important;
-    width:75%;
-    height:80%;
-  }
-  ::v-deep.el-dialog__body{
-      padding: 20px 20px 0 20px;
-      height: calc(100% - 70px);
-    }
-  .el-dialog__header{
-    position: relative;
-  }
 }
-
-.full-dialog-container{
-  ::v-deep.is-fullscreen .el-dialog__body{
-    height: calc(100% - 70px);
-  }
-}
- 
 </style>

src/views/trials/trials-panel/reading/pm-medical-feedback/index.vue

@@ -1,19 +1,41 @@
 /* eslint-disable */
 <template>
   <BaseContainer>
+    <template slot="title-container">
+      <div class="title" v-if="isDoc">
+        {{ TITLE }}
+      </div>
+    </template>
     <template slot="search-container">
       <el-form :inline="true">
         <!-- 是否加急 -->
-        <el-form-item style="margin-bottom:10px" :label="$t('trials:pmMedicalReview:table:isUrgent')">
-          <el-select v-model="searchData.IsUrgent" clearable style="width:120px;">
-            <el-option v-for="item of $d.YesOrNo" :key="'IsUrgent' + item.label" :value="item.value" :label="item.label" />
+        <el-form-item
+          style="margin-bottom: 10px"
+          :label="$t('trials:pmMedicalReview:table:isUrgent')"
+        >
+          <el-select
+            v-model="searchData.IsUrgent"
+            clearable
+            style="width: 120px"
+          >
+            <el-option
+              v-for="item of $d.YesOrNo"
+              :key="'IsUrgent' + item.label"
+              :value="item.value"
+              :label="item.label"
+            />
           </el-select>
         </el-form-item>
         <!-- 中心编号 -->
         <el-form-item :label="$t('trials:pmMedicalReview:table:siteCode')">
-          <el-select v-model="searchData.TrialSiteCode" clearable filterable style="width:120px;">
+          <el-select
+            v-model="searchData.TrialSiteCode"
+            clearable
+            filterable
+            style="width: 120px"
+          >
             <el-option
-              v-for="(item,index) of siteOptions"
+              v-for="(item, index) of siteOptions"
               :key="index"
               :label="item"
               :value="item"
@@ -22,87 +44,202 @@
         </el-form-item>
         <!-- 受试者编号 -->
         <el-form-item :label="$t('trials:pmMedicalReview:table:subjectCode')">
-          <el-input v-model="searchData.SubjectCode" style="width:100px;" />
+          <el-input v-model="searchData.SubjectCode" style="width: 100px" />
         </el-form-item>
         <!-- 任务名称 -->
-        <el-form-item style="margin-bottom:10px" :label="$t('trials:pmMedicalReview:table:taskName')">
+        <el-form-item
+          style="margin-bottom: 10px"
+          :label="$t('trials:pmMedicalReview:table:taskName')"
+        >
           <el-input
             v-model="searchData.TaskName"
-            style="width:100px;"
+            style="width: 100px"
             clearable
           />
         </el-form-item>
         <!-- 任务类型 -->
-        <el-form-item style="margin-bottom:10px" :label="$t('trials:pmMedicalReview:table:taskType')">
-          <el-select v-model="searchData.ReadingCategory" clearable style="width:120px;">
-            <el-option v-for="item of $d.ReadingCategory" :key="'ReadingCategory' + item.label" :value="item.value" :label="item.label" />
+        <el-form-item
+          style="margin-bottom: 10px"
+          :label="$t('trials:pmMedicalReview:table:taskType')"
+        >
+          <el-select
+            v-model="searchData.ReadingCategory"
+            clearable
+            style="width: 120px"
+          >
+            <el-option
+              v-for="item of $d.ReadingCategory"
+              :key="'ReadingCategory' + item.label"
+              :value="item.value"
+              :label="item.label"
+            />
           </el-select>
         </el-form-item>
         <!-- 阅片人 -->
-        <el-form-item style="margin-bottom:10px" :label="$t('trials:pmMedicalReview:table:reader')">
-          <el-select v-model="searchData.DoctorUserId" clearable style="width:120px;">
-            <el-option v-for="item of DoctorUserList" :key="'DoctorUserId' + item.DoctorUserId" :value="item.DoctorUserId" :label="`${item.UserName}(${item.FullName})`" />
+        <el-form-item
+          style="margin-bottom: 10px"
+          :label="$t('trials:pmMedicalReview:table:reader')"
+        >
+          <el-select
+            v-model="searchData.DoctorUserId"
+            clearable
+            style="width: 120px"
+          >
+            <el-option
+              v-for="item of DoctorUserList"
+              :key="'DoctorUserId' + item.DoctorUserId"
+              :value="item.DoctorUserId"
+              :label="
+                viewStatus
+                  ? `${item.UserName}`
+                  : `${item.UserName}(${item.FullName})`
+              "
+            />
           </el-select>
         </el-form-item>
         <!-- 角色 -->
-        <el-form-item style="margin-bottom:10px" :label="$t('trials:reviewTrack:table:role')">
-          <el-select v-model="searchData.ArmEnum" clearable style="width:120px;">
-            <el-option v-for="item of $d.ArmEnum" :key="'ArmEnum' + item.label" :value="item.value" :label="item.label" />
+        <el-form-item
+          style="margin-bottom: 10px"
+          :label="$t('trials:reviewTrack:table:role')"
+        >
+          <el-select
+            v-model="searchData.ArmEnum"
+            clearable
+            style="width: 120px"
+          >
+            <el-option
+              v-for="item of $d.ArmEnum"
+              :key="'ArmEnum' + item.label"
+              :value="item.value"
+              :label="item.label"
+            />
           </el-select>
         </el-form-item>
         <!-- 审核人 -->
-        <el-form-item style="margin-bottom:10px" :label="$t('trials:pmMedicalReview:table:mim')">
+        <el-form-item
+          style="margin-bottom: 10px"
+          :label="$t('trials:pmMedicalReview:table:mim')"
+        >
           <el-select v-model="searchData.MedicalManagerUserId" clearable>
-            <el-option v-for="item of MIMOptions" :label="`${item.UserName}(${item.FullName})`" :value="item.UserId" :key="item.UserId" />
+            <el-option
+              v-for="item of MIMOptions"
+              :label="`${item.UserName}(${item.FullName})`"
+              :value="item.UserId"
+              :key="item.UserId"
+            />
           </el-select>
         </el-form-item>
         <!-- 审核状态 -->
-        <el-form-item style="margin-bottom:10px" :label="$t('trials:pmMedicalReview:table:auditState')">
-          <el-select v-model="searchData.AuditState" clearable style="width:120px;">
-            <el-option v-for="item of $d.MedicalReviewAuditState" :key="'AuditState' + item.label" :value="item.value" :label="item.label" />
+        <el-form-item
+          style="margin-bottom: 10px"
+          :label="$t('trials:pmMedicalReview:table:auditState')"
+          v-if="!viewStatus"
+        >
+          <el-select
+            v-model="searchData.AuditState"
+            clearable
+            style="width: 120px"
+          >
+            <el-option
+              v-for="item of $d.MedicalReviewAuditState"
+              :key="'AuditState' + item.label"
+              :value="item.value"
+              :label="item.label"
+            />
           </el-select>
         </el-form-item>
         <!-- 审核结论 -->
-        <el-form-item style="margin-bottom:10px" :label="$t('trials:pmMedicalReview:table:IsHaveQuestion')">
-          <el-select v-model="searchData.IsHaveQuestion" clearable style="width:120px;">
-            <el-option v-for="item of $d.IsPass"  :key="'IsHaveQuestion' + item.label" :value="item.value" :label="item.label" />
+        <el-form-item
+          style="margin-bottom: 10px"
+          :label="$t('trials:pmMedicalReview:table:IsHaveQuestion')"
+        >
+          <el-select
+            v-model="searchData.IsHaveQuestion"
+            clearable
+            style="width: 120px"
+          >
+            <el-option
+              v-for="item of $d.IsPass"
+              :key="'IsHaveQuestion' + item.label"
+              :value="item.value"
+              :label="item.label"
+            />
           </el-select>
         </el-form-item>
         <!-- 审核建议 -->
-        <el-form-item style="margin-bottom:10px" :label="$t('trials:pmMedicalReview:table:auditAdvice')">
-          <el-select v-model="searchData.AuditAdviceEnum" clearable style="width:120px;">
-            <el-option v-for="item of $d.AuditAdvice"  :key="'AuditAdvice' + item.label" :value="item.value" :label="item.label" />
+        <el-form-item
+          style="margin-bottom: 10px"
+          :label="$t('trials:pmMedicalReview:table:auditAdvice')"
+        >
+          <el-select
+            v-model="searchData.AuditAdviceEnum"
+            clearable
+            style="width: 120px"
+          >
+            <el-option
+              v-for="item of $d.AuditAdvice"
+              :key="'AuditAdvice' + item.label"
+              :value="item.value"
+              :label="item.label"
+            />
           </el-select>
         </el-form-item>
         <!-- 阅片人认同 -->
-        <el-form-item style="margin-bottom:10px" :label="$t('trials:pmMedicalReview:table:whetherAgree')">
-          <el-select v-model="searchData.DoctorUserIdeaEnum" clearable style="width:120px;">
-            <el-option v-for="item of $d.MedicalReviewDoctorUserIdea"  :key="'DoctorUserIdeaEnum' + item.label" :value="item.value" :label="item.label" />
+        <el-form-item
+          style="margin-bottom: 10px"
+          :label="$t('trials:pmMedicalReview:table:whetherAgree')"
+        >
+          <el-select
+            v-model="searchData.DoctorUserIdeaEnum"
+            clearable
+            style="width: 120px"
+          >
+            <el-option
+              v-for="item of $d.MedicalReviewDoctorUserIdea"
+              :key="'DoctorUserIdeaEnum' + item.label"
+              :value="item.value"
+              :label="item.label"
+            />
           </el-select>
         </el-form-item>
         <!-- 阅片标准 -->
-        <el-form-item style="margin-bottom:10px" :label="$t('trials:pmMedicalReview:table:criterionName')">
-          <el-select v-model="searchData.TrialReadingCriterionId" clearable style="width:120px;">
-            <el-option v-for="item of trialCriterionList" :key="'TrialReadingCriterionId' + item.TrialReadingCriterionId" :value="item.TrialReadingCriterionId" :label="item.TrialReadingCriterionName" />
+        <el-form-item
+          style="margin-bottom: 10px"
+          :label="$t('trials:pmMedicalReview:table:criterionName')"
+        >
+          <el-select
+            v-model="searchData.TrialReadingCriterionId"
+            clearable
+            style="width: 120px"
+          >
+            <el-option
+              v-for="item of trialCriterionList"
+              :key="'TrialReadingCriterionId' + item.TrialReadingCriterionId"
+              :value="item.TrialReadingCriterionId"
+              :label="item.TrialReadingCriterionName"
+            />
           </el-select>
         </el-form-item>
-        
+
         <!-- 阅片任务状态 -->
         <!-- <el-form-item style="margin-bottom:10px" :label="$t('trials:pmMedicalReview:table:taskState')">
           <el-select v-model="searchData.TaskState" clearable style="width:120px;">
             <el-option v-for="item of $d.TaskState" :key="'TaskState' + item.label" :value="item.value" :label="item.label" />
           </el-select>
         </el-form-item> -->
-        
+
         <!-- 阅片状态 -->
         <!-- <el-form-item style="margin-bottom:10px" label="阅片状态">
           <el-select v-model="searchData.TaskAllocationState" clearable style="width:120px;">
             <el-option v-for="item of $d.TaskAllocationState" :key="'TaskAllocationState' + item.label" :value="item.value" :label="item.label" />
           </el-select>
         </el-form-item> -->
-        
-       <!-- 审核分配时间 -->
-        <el-form-item style="margin-bottom:10px" :label="$t('trials:pmMedicalReview:table:allocateTime')">
+
+        <!-- 审核分配时间 -->
+        <el-form-item
+          style="margin-bottom: 10px"
+          :label="$t('trials:pmMedicalReview:table:allocateTime')"
+        >
           <el-date-picker
             v-model="timeList"
             value-format="yyyy-MM-dd HH:mm:ss"
@@ -111,34 +248,53 @@
             @change="changeTimeList"
           />
         </el-form-item>
-        
 
-        <el-form-item style="margin-bottom:10px">
+        <el-form-item style="margin-bottom: 10px">
           <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">
+          <el-button
+            type="primary"
+            icon="el-icon-refresh-left"
+            @click="handleReset"
+          >
             {{ $t('common:button:reset') }}
           </el-button>
           <!--导出-->
-          <el-button type="primary" icon="el-icon-download" @click="handleExport">
+          <el-button
+            type="primary"
+            icon="el-icon-download"
+            @click="handleExport"
+            v-if="!viewStatus"
+          >
             {{ $t('common:button:export') }}
           </el-button>
-           <!-- 筛选 -->
-          <el-button type="primary" v-if="hasPermi(['trials:trials-panel:tab:pmMedicalFeedback:edit'])" @click="openFilter">
-           {{$t('trials:pmMedicalReview:button:select')}}
+          <!-- 筛选 -->
+          <el-button
+            type="primary"
+            v-if="
+              hasPermi(['trials:trials-panel:tab:pmMedicalFeedback:edit']) &&
+              !viewStatus
+            "
+            @click="openFilter"
+          >
+            {{ $t('trials:pmMedicalReview:button:select') }}
           </el-button>
           <!-- 失效记录 -->
-          <el-button type="primary" icon="el-icon-info" @click="handleViewRecord">
-            {{$t('common:button:failureRecord')}}
+          <el-button
+            type="primary"
+            icon="el-icon-info"
+            @click="handleViewRecord"
+            v-if="!viewStatus"
+          >
+            {{ $t('common:button:failureRecord') }}
           </el-button>
-          
         </el-form-item>
       </el-form>
     </template>
     <template slot="main-container">
       <el-table
-        v-adaptive="{bottomOffset:60}"
+        v-adaptive="{ bottomOffset: 60 }"
         v-loading="loading"
         :data="list"
         stripe
@@ -146,7 +302,12 @@
         @sort-change="handleSortChange"
         @selection-change="handleListSelectChange"
       >
-        <el-table-column type="selection" :selectable="MedicalReviewSelectable" align="left" width="45" />
+        <el-table-column
+          type="selection"
+          :selectable="MedicalReviewSelectable"
+          align="left"
+          width="45"
+        />
         <!-- 是否加急 -->
         <el-table-column
           prop="IsUrgent"
@@ -156,8 +317,12 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            <el-tag v-if="scope.row.IsUrgent" type="danger">{{ $fd('YesOrNo', scope.row.IsUrgent) }}</el-tag>
-            <el-tag v-else type="primary">{{ $fd('YesOrNo', scope.row.IsUrgent) }}</el-tag>
+            <el-tag v-if="scope.row.IsUrgent" type="danger">{{
+              $fd('YesOrNo', scope.row.IsUrgent)
+            }}</el-tag>
+            <el-tag v-else type="primary">{{
+              $fd('YesOrNo', scope.row.IsUrgent)
+            }}</el-tag>
           </template>
         </el-table-column>
         <!-- 中心编号 -->
@@ -177,10 +342,15 @@
           show-overflow-tooltip
         >
           <template slot-scope="scope">
-            <span v-if="scope.row.BlindSubjectCode && scope.row.BlindSubjectCode !== scope.row.SubjectCode">
+            <span
+              v-if="
+                scope.row.BlindSubjectCode &&
+                scope.row.BlindSubjectCode !== scope.row.SubjectCode
+              "
+            >
               {{ `${scope.row.SubjectCode}/${scope.row.BlindSubjectCode}` }}
             </span>
-            <span v-else>{{scope.row.SubjectCode}}</span>
+            <span v-else>{{ scope.row.SubjectCode }}</span>
           </template>
         </el-table-column>
         <!-- 任务名称 -->
@@ -192,10 +362,15 @@
           show-overflow-tooltip
         >
           <template slot-scope="scope">
-            <span v-if="scope.row.TaskBlindName && scope.row.TaskName !== scope.row.TaskBlindName">
+            <span
+              v-if="
+                scope.row.TaskBlindName &&
+                scope.row.TaskName !== scope.row.TaskBlindName
+              "
+            >
               {{ `${scope.row.TaskName}/${scope.row.TaskBlindName}` }}
             </span>
-            <span v-else>{{scope.row.TaskName}}</span>
+            <span v-else>{{ scope.row.TaskName }}</span>
           </template>
         </el-table-column>
         <!-- 盲态任务标识 -->
@@ -215,10 +390,18 @@
           show-overflow-tooltip
         >
           <template slot-scope="scope">
-            <el-tag v-if="scope.row.ReadingCategory === 1" type="primary">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
-            <el-tag v-if="scope.row.ReadingCategory === 2" type="info">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
-            <el-tag v-if="scope.row.ReadingCategory === 4" type="danger">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
-            <el-tag v-if="scope.row.ReadingCategory === 5" type="warning">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
+            <el-tag v-if="scope.row.ReadingCategory === 1" type="primary">{{
+              $fd('ReadingCategory', scope.row.ReadingCategory)
+            }}</el-tag>
+            <el-tag v-if="scope.row.ReadingCategory === 2" type="info">{{
+              $fd('ReadingCategory', scope.row.ReadingCategory)
+            }}</el-tag>
+            <el-tag v-if="scope.row.ReadingCategory === 4" type="danger">{{
+              $fd('ReadingCategory', scope.row.ReadingCategory)
+            }}</el-tag>
+            <el-tag v-if="scope.row.ReadingCategory === 5" type="warning">{{
+              $fd('ReadingCategory', scope.row.ReadingCategory)
+            }}</el-tag>
           </template>
         </el-table-column>
         <!-- 阅片任务状态 -->
@@ -246,7 +429,12 @@
           show-overflow-tooltip
         >
           <template slot-scope="scope" v-if="scope.row.DoctorUser.UserName">
-            {{scope.row.DoctorUser.UserName}}({{scope.row.DoctorUser.FullName}})
+            <span v-if="viewStatus">{{ scope.row.DoctorUser.UserName }}</span>
+            <span v-else
+              >{{ scope.row.DoctorUser.UserName }}({{
+                scope.row.DoctorUser.FullName
+              }})</span
+            >
           </template>
         </el-table-column>
         <!-- 角色 -->
@@ -258,12 +446,24 @@
           show-overflow-tooltip
         >
           <template slot-scope="scope">
-            <el-tag v-if="scope.row.ArmEnum === 0" type="primary">{{$fd('ArmEnum', scope.row.ArmEnum)}}</el-tag>
-            <el-tag v-else-if="scope.row.ArmEnum === 1" type="primary">{{$fd('ArmEnum', scope.row.ArmEnum)}}</el-tag>
-            <el-tag v-else-if="scope.row.ArmEnum === 2" type="success">{{$fd('ArmEnum', scope.row.ArmEnum)}}</el-tag>
-            <el-tag v-else-if="scope.row.ArmEnum === 3" type="info">{{$fd('ArmEnum', scope.row.ArmEnum)}}</el-tag>
-            <el-tag v-else-if="scope.row.ArmEnum === 4" type="danger">{{$fd('ArmEnum', scope.row.ArmEnum)}}</el-tag>
-            <el-tag v-else type="danger">{{$fd('ArmEnum', scope.row.ArmEnum)}}</el-tag>
+            <el-tag v-if="scope.row.ArmEnum === 0" type="primary">{{
+              $fd('ArmEnum', scope.row.ArmEnum)
+            }}</el-tag>
+            <el-tag v-else-if="scope.row.ArmEnum === 1" type="primary">{{
+              $fd('ArmEnum', scope.row.ArmEnum)
+            }}</el-tag>
+            <el-tag v-else-if="scope.row.ArmEnum === 2" type="success">{{
+              $fd('ArmEnum', scope.row.ArmEnum)
+            }}</el-tag>
+            <el-tag v-else-if="scope.row.ArmEnum === 3" type="info">{{
+              $fd('ArmEnum', scope.row.ArmEnum)
+            }}</el-tag>
+            <el-tag v-else-if="scope.row.ArmEnum === 4" type="danger">{{
+              $fd('ArmEnum', scope.row.ArmEnum)
+            }}</el-tag>
+            <el-tag v-else type="danger">{{
+              $fd('ArmEnum', scope.row.ArmEnum)
+            }}</el-tag>
           </template>
         </el-table-column>
         <!-- 医学经理 -->
@@ -275,7 +475,9 @@
           show-overflow-tooltip
         >
           <template slot-scope="scope" v-if="scope.row.MedicalManagerUser">
-            {{scope.row.MedicalManagerUser.UserName}}({{scope.row.MedicalManagerUser.FullName}})
+            {{ scope.row.MedicalManagerUser.UserName }}({{
+              scope.row.MedicalManagerUser.FullName
+            }})
           </template>
         </el-table-column>
         <!-- 审核状态 -->
@@ -287,9 +489,15 @@
           show-overflow-tooltip
         >
           <template slot-scope="scope">
-            <el-tag type="warning" v-if="scope.row.AuditState === 0">{{$fd('MedicalReviewAuditState', scope.row.AuditState)}}</el-tag>
-            <el-tag type="primary" v-if="scope.row.AuditState === 1">{{$fd('MedicalReviewAuditState', scope.row.AuditState)}}</el-tag>
-            <el-tag type="danger" v-if="scope.row.AuditState === 2">{{$fd('MedicalReviewAuditState', scope.row.AuditState)}}</el-tag>
+            <el-tag type="warning" v-if="scope.row.AuditState === 0">{{
+              $fd('MedicalReviewAuditState', scope.row.AuditState)
+            }}</el-tag>
+            <el-tag type="primary" v-if="scope.row.AuditState === 1">{{
+              $fd('MedicalReviewAuditState', scope.row.AuditState)
+            }}</el-tag>
+            <el-tag type="danger" v-if="scope.row.AuditState === 2">{{
+              $fd('MedicalReviewAuditState', scope.row.AuditState)
+            }}</el-tag>
           </template>
         </el-table-column>
         <!-- 审核结论 -->
@@ -301,7 +509,7 @@
           show-overflow-tooltip
         >
           <template slot-scope="scope" v-if="scope.row.AuditState !== 0">
-            {{$fd('IsPass', scope.row.IsHaveQuestion)}}
+            {{ $fd('IsPass', scope.row.IsHaveQuestion) }}
           </template>
         </el-table-column>
         <!-- 审核建议 -->
@@ -313,7 +521,7 @@
           show-overflow-tooltip
         >
           <template slot-scope="scope">
-            {{$fd('AuditAdvice', scope.row.AuditAdviceEnum)}}
+            {{ $fd('AuditAdvice', scope.row.AuditAdviceEnum) }}
           </template>
         </el-table-column>
         <!-- 阅片人是否认同 -->
@@ -325,8 +533,16 @@
           show-overflow-tooltip
         >
           <template slot-scope="scope">
-            <el-tag type="primary" v-if="scope.row.DoctorUserIdeaEnum === 1"> {{$fd('MedicalReviewDoctorUserIdea', scope.row.DoctorUserIdeaEnum)}} </el-tag>
-            <el-tag type="danger" v-if="scope.row.DoctorUserIdeaEnum === 2"> {{$fd('MedicalReviewDoctorUserIdea', scope.row.DoctorUserIdeaEnum)}} </el-tag>
+            <el-tag type="primary" v-if="scope.row.DoctorUserIdeaEnum === 1">
+              {{
+                $fd('MedicalReviewDoctorUserIdea', scope.row.DoctorUserIdeaEnum)
+              }}
+            </el-tag>
+            <el-tag type="danger" v-if="scope.row.DoctorUserIdeaEnum === 2">
+              {{
+                $fd('MedicalReviewDoctorUserIdea', scope.row.DoctorUserIdeaEnum)
+              }}
+            </el-tag>
           </template>
         </el-table-column>
         <!-- 审核分配时间 -->
@@ -379,8 +595,7 @@
             </el-tag>
           </template>
         </el-table-column> -->
-        
-        
+
         <el-table-column
           :label="$t('common:action:action')"
           width="240"
@@ -391,7 +606,7 @@
             <el-button
               circle
               :title="$t('trials:pmMedicalReview:action:view')"
-              :disabled="scope.row.IsInvalid "
+              :disabled="scope.row.IsInvalid"
               icon="el-icon-view"
               @click="handleReadMecialAudit(scope.row)"
             />
@@ -400,31 +615,54 @@
               circle
               :title="$t('trials:pmMedicalReview:action:failure')"
               :disabled="scope.row.IsInvalid || !!scope.row.AuditSignTime"
-              v-hasPermi="['trials:trials-panel:reading:pm-medical-feedback:failure']"
+              v-hasPermi="[
+                'trials:trials-panel:reading:pm-medical-feedback:failure',
+              ]"
+              v-if="!isDoc"
               icon="el-icon-close"
               @click="setMedicalReviewInvalid(scope.row)"
             />
             <el-button
               circle
               :title="$t('trials:pmMedicalReview:action:assign')"
-              :disabled="!!scope.row.MedicalManagerUser || scope.row.IsInvalid || !!scope.row.AuditSignTime"
+              :disabled="
+                !!scope.row.MedicalManagerUser ||
+                scope.row.IsInvalid ||
+                !!scope.row.AuditSignTime
+              "
               icon="el-icon-thumb"
-              v-hasPermi="['trials:trials-panel:reading:pm-medical-feedback:assign']"
+              v-hasPermi="[
+                'trials:trials-panel:reading:pm-medical-feedback:assign',
+              ]"
+              v-if="!isDoc"
               @click="assignMedicalReviewTask(scope.row, 1)"
             />
             <el-button
               circle
               :title="$t('trials:pmMedicalReview:action:cancelAssign')"
-              :disabled="!scope.row.MedicalManagerUser || scope.row.IsInvalid || !!scope.row.AuditSignTime"
+              :disabled="
+                !scope.row.MedicalManagerUser ||
+                scope.row.IsInvalid ||
+                !!scope.row.AuditSignTime
+              "
               icon="el-icon-refresh-left"
-              v-hasPermi="['trials:trials-panel:reading:pm-medical-feedback:cancelAssign']"
+              v-hasPermi="[
+                'trials:trials-panel:reading:pm-medical-feedback:cancelAssign',
+              ]"
+              v-if="!isDoc"
               @click="assignMedicalReviewTask(scope.row, 3)"
             />
           </template>
         </el-table-column>
       </el-table>
       <!-- 分页组件 -->
-      <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
+      <pagination
+        class="page"
+        :total="total"
+        :page.sync="searchData.PageIndex"
+        :limit.sync="searchData.PageSize"
+        @pagination="getList"
+      />
       <!-- 筛选 -->
       <el-dialog
         v-if="FilterVisible"
@@ -436,7 +674,10 @@
         :close-on-click-modal="false"
         custom-class="base-dialog-wrapper"
       >
-        <GenerateMedicalReviewTaskList :trial-criterion-list="trialCriterionList" @getList="getList"></GenerateMedicalReviewTaskList>
+        <GenerateMedicalReviewTaskList
+          :trial-criterion-list="trialCriterionList"
+          @getList="getList"
+        ></GenerateMedicalReviewTaskList>
       </el-dialog>
       <!-- <el-dialog
         v-if="AddOrEditFilterVisible"
@@ -455,7 +696,17 @@
         width="500px"
         :close-on-click-modal="false"
       >
-        <ReAssignMedicalReviewTask :data="rowData" :select-list="SelectList" :doctor-user-list="MIMOptions" @close="() => {AssignMedicalReviewTaskVisible = false}" @getList="getList" />
+        <ReAssignMedicalReviewTask
+          :data="rowData"
+          :select-list="SelectList"
+          :doctor-user-list="MIMOptions"
+          @close="
+            () => {
+              AssignMedicalReviewTaskVisible = false
+            }
+          "
+          @getList="getList"
+        />
       </el-dialog>
       <!-- 医学审核详情 -->
       <el-dialog
@@ -465,7 +716,13 @@
         :fullscreen="true"
         :title="$t('trials:pmMedicalReview:dialog:medicalReview')"
       >
-        <MedicalAudit :visit-task-id="currentRow.VisitTaskId" :task-medical-review-id="currentRow.Id" @getList="getList" @close="auditVisible=false" :rowData="currentRow"/>
+        <MedicalAudit
+          :visit-task-id="currentRow.VisitTaskId"
+          :task-medical-review-id="currentRow.Id"
+          @getList="getList"
+          @close="auditVisible = false"
+          :rowData="currentRow"
+        />
       </el-dialog>
       <!-- 失效记录 -->
       <el-dialog
@@ -478,13 +735,23 @@
         :close-on-click-modal="false"
         custom-class="base-dialog-wrapper"
       >
-        <RecordList @viewMecialAudit="viewMecialAudit"/>
+        <RecordList @viewMecialAudit="viewMecialAudit" />
       </el-dialog>
     </template>
   </BaseContainer>
 </template>
 <script>
-import { getTrialCriterionList, setMedicalReviewInvalid, assignMedicalReviewTask, getTrialSiteCodeSelect, getMedicalReviewTaskList, getDoctorUserSelectList, getMIMUserList, generateMedicalReviewTask, deleteTaskMedicalReviewRule } from '@/api/trials/reading'
+import {
+  getTrialCriterionList,
+  setMedicalReviewInvalid,
+  assignMedicalReviewTask,
+  getTrialSiteCodeSelect,
+  getMedicalReviewTaskList,
+  getDoctorUserSelectList,
+  getMIMUserList,
+  generateMedicalReviewTask,
+  deleteTaskMedicalReviewRule,
+} from '@/api/trials/reading'
 import { getMedicalReviewTaskList_Export } from '@/api/export'
 import BaseContainer from '@/components/BaseContainer'
 import Pagination from '@/components/Pagination'
@@ -520,12 +787,35 @@ const searchDataDefault = () => {
     AuditAdviceEnum: null,
     DoctorUserIdeaEnum: null,
     IsInvalid: false,
-    IsHaveQuestion:  null
+    IsHaveQuestion: null,
   }
 }
 export default {
   name: 'TrialsNotice',
-  components: { BaseContainer, Pagination, AddOrEditFilter, AssignMedicalReviewTask, GenerateMedicalReviewTaskList, MedicalAudit, ReAssignMedicalReviewTask, RecordList },
+  components: {
+    BaseContainer,
+    Pagination,
+    AddOrEditFilter,
+    AssignMedicalReviewTask,
+    GenerateMedicalReviewTaskList,
+    MedicalAudit,
+    ReAssignMedicalReviewTask,
+    RecordList,
+  },
+  props: {
+    isDoc: {
+      type: Boolean,
+      default: false,
+    },
+    TITLE: {
+      type: String,
+      default: '',
+    },
+    viewStatus: {
+      type: Boolean,
+      default: false,
+    },
+  },
   data() {
     return {
       auditVisible: null,
@@ -552,9 +842,9 @@ export default {
       SelectMedicalList: [],
       distributionInfo: {},
       currentRow: {},
-      trialCriterionList:[],
-      timeList:[],
-      recordVisible: false
+      trialCriterionList: [],
+      timeList: [],
+      recordVisible: false,
     }
   },
   mounted() {
@@ -575,13 +865,18 @@ export default {
       }
     },
     handleExport() {
-      getMedicalReviewTaskList_Export(this.searchData).then(res => {
-      }).catch(() => { this.loading = false })
+      getMedicalReviewTaskList_Export(this.searchData)
+        .then((res) => {})
+        .catch(() => {
+          this.loading = false
+        })
     },
     getTrialCriterionList() {
-      getTrialCriterionList(this.trialId).then(res => {
-        this.trialCriterionList = res.Result
-      }).catch(() => {})
+      getTrialCriterionList(this.trialId)
+        .then((res) => {
+          this.trialCriterionList = res.Result
+        })
+        .catch(() => {})
     },
     MedicalReviewSelectable(row) {
       if (row.IsInvalid || row.AuditSignTime) {
@@ -603,22 +898,27 @@ export default {
           this.$alert(this.$t('trials:pmMedicalReview:message:msg01'))
           return
         }
-        params.MedicalReviewIdList = this.SelectMedicalList.map(v => v.Id)
+        params.MedicalReviewIdList = this.SelectMedicalList.map((v) => v.Id)
       }
       // 确定将该医学审核任务设置为失效吗？
-      this.$confirm(this.$t('trials:pmMedicalReview:message:msg02')).then(() => {
-        this.loading = true
-        params.TrialId = this.trialId
-        setMedicalReviewInvalid(params).then(res => {
-          // '设置成功'
-          this.$message.success(this.$t('trials:pmMedicalReview:message:msg03'))
-          this.getList()
-          this.loading = false
-        }).catch(() => {
-          this.loading = false
-        })
-      })
-
+      this.$confirm(this.$t('trials:pmMedicalReview:message:msg02')).then(
+        () => {
+          this.loading = true
+          params.TrialId = this.trialId
+          setMedicalReviewInvalid(params)
+            .then((res) => {
+              // '设置成功'
+              this.$message.success(
+                this.$t('trials:pmMedicalReview:message:msg03')
+              )
+              this.getList()
+              this.loading = false
+            })
+            .catch(() => {
+              this.loading = false
+            })
+        }
+      )
     },
     openAssignMedicalReviewTask() {
       this.rowData = {}
@@ -639,27 +939,31 @@ export default {
     },
     assignMedicalReviewTask(row, type) {
       var params = {
-        IdList: [
-          row.Id
-        ],
-        taskOptType: type
+        IdList: [row.Id],
+        taskOptType: type,
       }
       if (type === 3) {
         // '确定要取消分配吗？'
-        this.$confirm(this.$t('trials:pmMedicalReview:message:msg05')).then(() => {
-          this.loading = true
-          this.btnLoading = true
-          assignMedicalReviewTask(params).then(() => {
-            // 取消分配成功
-            this.$message.success(this.$t('trials:pmMedicalReview:message:msg06'))
-            this.getList()
-            this.loading = false
-            this.btnLoading = false
-          }).catch(() => {
-            this.loading = false
-            this.btnLoading = false
-          })
-        })
+        this.$confirm(this.$t('trials:pmMedicalReview:message:msg05')).then(
+          () => {
+            this.loading = true
+            this.btnLoading = true
+            assignMedicalReviewTask(params)
+              .then(() => {
+                // 取消分配成功
+                this.$message.success(
+                  this.$t('trials:pmMedicalReview:message:msg06')
+                )
+                this.getList()
+                this.loading = false
+                this.btnLoading = false
+              })
+              .catch(() => {
+                this.loading = false
+                this.btnLoading = false
+              })
+          }
+        )
       } else {
         this.rowData = { ...row }
         this.AssignMedicalReviewTaskVisible = true
@@ -680,17 +984,19 @@ export default {
         this.loading = true
         this.btnLoading = true
         generateMedicalReviewTask({
-          trialId: this.trialId
-        }).then(res => {
-          this.$message.success('应用成功')
-          this.loading = false
-          this.getList()
-          this.btnLoading = false
-          this.FilterVisible = false
-        }).catch(() => {
-          this.loading = false
-          this.btnLoading = false
+          trialId: this.trialId,
         })
+          .then((res) => {
+            this.$message.success('应用成功')
+            this.loading = false
+            this.getList()
+            this.btnLoading = false
+            this.FilterVisible = false
+          })
+          .catch(() => {
+            this.loading = false
+            this.btnLoading = false
+          })
       })
     },
     addOrEdit(row) {
@@ -708,7 +1014,7 @@ export default {
       this.AddOrEditFilterVisible = false
     },
     getDoctorUserSelectList() {
-      getDoctorUserSelectList(this.$route.query.trialId).then(res => {
+      getDoctorUserSelectList(this.$route.query.trialId).then((res) => {
         this.DoctorUserList = res.Result
         if (this.DoctorUserList.length > 0) {
           this.ReadingType = this.DoctorUserList[0].ReadingType
@@ -717,15 +1023,22 @@ export default {
       })
     },
     getList() {
+      if (this.viewStatus) {
+        this.searchData.AuditState = 2
+      }
       this.searchData.TrialId = this.$route.query.trialId
       this.loading = true
-      getMedicalReviewTaskList(this.searchData).then(res => {
-        this.loading = false
-        this.OtherInfo = res.OtherInfo
-        this.list = res.Result.CurrentPageData
-        this.total = res.Result.TotalCount
-        this.AssignMedicalReviewTaskVisible = false
-      }).catch(() => { this.loading = false })
+      getMedicalReviewTaskList(this.searchData)
+        .then((res) => {
+          this.loading = false
+          this.OtherInfo = res.OtherInfo
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
+          this.AssignMedicalReviewTaskVisible = false
+        })
+        .catch(() => {
+          this.loading = false
+        })
     },
     handleSearch() {
       this.searchData.PageIndex = 1
@@ -737,26 +1050,33 @@ export default {
       this.getList()
     },
     getSite() {
-      getTrialSiteCodeSelect(this.trialId).then(res => {
+      getTrialSiteCodeSelect(this.trialId).then((res) => {
         this.siteOptions = res.Result
       })
     },
     getMIMUserList() {
-      getMIMUserList(this.trialId).then(res => {
+      getMIMUserList(this.trialId).then((res) => {
         this.MIMOptions = res.Result
       })
     },
     handleDelete(row) {
-      this.$confirm(`确定要删除${row.DoctorUser.UserName}(${row.DoctorUser.FullName})的核查计划吗?`, {
-        type: 'warning',
-        distinguishCancelAndClose: true
-      }).then(() => {
+      this.$confirm(
+        `确定要删除${row.DoctorUser.UserName}(${row.DoctorUser.FullName})的核查计划吗?`,
+        {
+          type: 'warning',
+          distinguishCancelAndClose: true,
+        }
+      ).then(() => {
         this.loading = true
-        deleteTaskMedicalReviewRule(row.Id).then(res => {
-          this.loading = false
-          this.$message.success('删除成功')
-          this.openFilter()
-        }).catch(() => { this.loading = false })
+        deleteTaskMedicalReviewRule(row.Id)
+          .then((res) => {
+            this.loading = false
+            this.$message.success('删除成功')
+            this.openFilter()
+          })
+          .catch(() => {
+            this.loading = false
+          })
       })
     },
     // 排序
@@ -769,12 +1089,17 @@ export default {
       this.searchData.SortField = column.prop
       this.searchData.PageIndex = 1
       this.getList()
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>
-::v-deep .hidden-row{
+.title {
+  line-height: 40px;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+::v-deep .hidden-row {
   display: none;
 }
 ::v-deep .el-dialog__body {
@@ -783,13 +1108,13 @@ export default {
 
 ::v-deep .el-tag--danger.el-tag--dark {
   // background-color: #f56c6c!important;
-  border-color: none!important;
+  border-color: none !important;
   // color: #fff!important;
 }
-::v-deep #TaskAllocationRuleList thead .el-checkbox__inner{
+::v-deep #TaskAllocationRuleList thead .el-checkbox__inner {
   display: none;
 }
-::v-deep .el-descriptions-item__label.has-colon:after{
+::v-deep .el-descriptions-item__label.has-colon:after {
   display: none;
 }
 </style>

src/views/trials/trials-panel/reading/reReading-tracking/index.vue

@@ -155,11 +155,7 @@
             <el-option v-for="item of $d.TaskAllocationState" :key="'TaskAllocationState' + item.label" :value="item.value" :label="item.label" />
           </el-select>
         </el-form-item> -->
-        
-        
-        
 
-        
         <!-- 申请原因 -->
         <!-- <el-form-item style="margin-bottom:10px" :label="$t('trials:rereadTrack:table:applyReason')">
           <el-input
@@ -630,7 +626,6 @@
         @pagination="getList"
       />
       <el-dialog
-        v-if="ConfirmReReadingVisible"
         :title="$t('trials:rereadTrack:reject:title:reject')"
         :visible.sync="ConfirmReReadingVisible"
         width="600px"
@@ -645,6 +640,7 @@
             max-height: 650px;
             overflow-y: auto;
           "
+          v-if="ConfirmReReadingVisible"
         >
           <el-form
             ref="reasonForm"
@@ -670,7 +666,7 @@
             </el-form-item>
           </el-form>
         </div>
-        <div slot="footer" class="dialog-footer">
+        <div slot="footer" class="dialog-footer" v-if="ConfirmReReadingVisible">
           <!-- 取消 -->
           <el-button
             :disabled="btnLoading"
@@ -1209,18 +1205,17 @@ export default {
           this.loading = false
           this.btnLoading = false
           // 同意申请成功/拒绝申请成功
-          this.$message.success(
-            `${
-              type === 1
-                ? this.$t('trials:rereadTrack:message:msg3')
-                : this.$t('trials:rereadTrack:message:msg4')
-            }`
-          )
-          this.$refs['signForm'].btnLoading = false
+          let message =
+            type === 1
+              ? this.$t('trials:rereadTrack:message:msg3')
+              : this.$t('trials:rereadTrack:message:msg4')
+          this.$message.success(message)
+          // this.$refs['signForm'].btnLoading = false
           this.signVisible = false
           this.getList()
           this.ConfirmReReadingVisible = false
         } catch (e) {
+          console.log(e)
           this.loading = false
           this.$refs['signForm'].btnLoading = false
           this.btnLoading = false
@@ -1257,13 +1252,11 @@ export default {
           this.getList()
         } else {
           // 同意申请成功/拒绝申请成功
-          this.$message.success(
-            `${
-              type === 1
-                ? this.$t('trials:rereadTrack:message:msg3')
-                : this.$t('trials:rereadTrack:message:msg4')
-            }`
-          )
+          let message =
+            type === 1
+              ? this.$t('trials:rereadTrack:message:msg3')
+              : this.$t('trials:rereadTrack:message:msg4')
+          this.$message.success(message)
           this.ReReadingOrBackVisible = false
           this.signVisible = false
           this.getList()