Merge branch 'uat' into uat_us

# Conflicts:
#	src/views/trials/trials-layout/components/trialsNavbar.vue
#	src/views/trials/trials-panel/reading/read-task/index.vue

.env.usa

@@ -2,7 +2,11 @@
 ENV = 'usa'
 NODE_ENV = 'usa'
 # base public path
-VUE_APP_BASE_PATH = 'https://ei-code-prod.s3.amazonaws.com/2024-07-30/'
+# VUE_APP_BASE_PATH = 'https://d3taa4kz0xxv95.cloudfront.net/2025-10-31/'
+VUE_APP_BASE_PATH = '/'
+
+# onlyoffice地址
+VUE_APP_ONLYOFFICE_URL = "https://onlyoffice.uat.elevateimaging.ai"
 
 # 是否开启登陆限制 true:是 false:否
 VUE_APP_LOGIN_FOR_PERMISSION = true

.env.usa_prod

@@ -2,7 +2,10 @@
 ENV = 'usa'
 NODE_ENV = 'usa'
 # base public path
-VUE_APP_BASE_PATH = 'https://ei-med-s3-code.s3.amazonaws.com/2024-07-30/'
+VUE_APP_BASE_PATH = '/'
+
+# onlyoffice地址
+VUE_APP_ONLYOFFICE_URL = "https://office.lili.elevateimaging.ai"
 
 # 是否开启登陆限制 true:是 false:否
 VUE_APP_LOGIN_FOR_PERMISSION = true

.env.usa_test

@@ -0,0 +1,44 @@
+# just a flag
+ENV = 'usa'
+NODE_ENV = 'usa'
+# base public path
+VUE_APP_BASE_PATH = 'https://ei-code-prod.s3.amazonaws.com/2024-08-12/'
+
+# 是否开启登陆限制 true:是 false:否
+VUE_APP_LOGIN_FOR_PERMISSION = true
+
+# 是否开启长时间无操作锁定弹框MFA验证 true:是 false:否
+VUE_APP_LOCK_FOR_PERMISSION_MFA = true
+
+# 是否开启长时间无操作锁定弹框 true:是 false:否
+VUE_APP_LOCK_FOR_PERMISSION = true
+
+# 无操作锁定弹框判断时间 单位:秒
+VUE_APP_LOCK_FOR_TIME = 900
+
+# 是否开启长时间无操作登出 true:是 false:否
+VUE_APP_LOGOUT_FOR_PERMISSION = true
+
+# 无操作锁定弹框判断时间 单位:秒
+VUE_APP_LOGOUT_FOR_TIME = 1800
+
+# 是否开启密码正则验证 true:是 false:否
+VUE_APP_PASSWORD_FOR_PERMISSION = true
+
+# 是否开启密码正则验证 true:是 false:否
+VUE_APP_PASSWORD_FOR_REGULAR = ^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[-_.@^+\$!%#*?&\$~])[A-Za-z0-9-~_.@^+\$~!%#*?&]{8,32}$
+
+# 是否开启文档签署验证 true:是 false:否
+VUE_APP_WORD_FOR_PERMISSION = true
+
+# 公司名称
+VUE_APP_COMPANY_NAME = "Elevate Imaging"
+
+# dicom文件地址
+VUE_APP_DICOM_PATH = 'https://zyypacs-uat.oss-cn-shanghai.aliyuncs.com'
+
+VUE_APP_OSS_CONFIG_REGION = 'oss-cn-shanghai'
+
+VUE_APP_OSS_CONFIG_BUCKET = 'zyypacs-uat'
+
+VUE_APP_OSS_PATH = '/usa/dist'

package-lock.json

@@ -57,6 +57,7 @@
         "sortablejs": "^1.15.5",
         "streamsaver": "^2.0.6",
         "svgo": "^1.2.2",
+        "unzipit": "^2.0.3",
         "v-viewer": "^1.7.4",
         "vcrontab": "^0.3.5",
         "vue": "2.7.16",
@@ -21835,6 +21836,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/unzipit": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/unzipit/-/unzipit-2.0.3.tgz",
+      "integrity": "sha512-e6+ftgSQRj9Hwf2mIWFwYIGqBoKV7AziG/d7pep2Uv3NCzHbhLO5d9dGRwpahVlnpQ7aQC+5kWk72dnWocdYyA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/unzipper": {
       "version": "0.10.14",
       "resolved": "https://registry.npmmirror.com/unzipper/-/unzipper-0.10.14.tgz",

package.json

@@ -6,6 +6,7 @@
     "build": "vue-cli-service build",
     "build:prod": "vue-cli-service  build --mode prod",
     "build:uat": "vue-cli-service  build --mode uat",
+    "build:usa_test": "vue-cli-service  build --mode usa_test",
     "build:usa": "vue-cli-service  build --mode usa",
     "build:usa_prod": "vue-cli-service  build --mode usa_prod",
     "pre": "vue-cli-service build --mode pre",
@@ -63,6 +64,7 @@
     "sortablejs": "^1.15.5",
     "streamsaver": "^2.0.6",
     "svgo": "^1.2.2",
+    "unzipit": "^2.0.3",
     "v-viewer": "^1.7.4",
     "vcrontab": "^0.3.5",
     "vue": "2.7.16",

src/api/export.js

@@ -316,3 +316,30 @@ export function GetReadingMedicineSystemQuestionList_Export(data) {
     data
   })
 }
+// 导出中心调研
+export function getTrialSiteSurveyList_Export(data) {
+  return requestDownload({
+    url: `/ExcelExport/getTrialSiteSurveyList_Export`,
+    responseType: 'blob',
+    method: 'post',
+    data
+  })
+}
+// 导出中心设备
+export function getSiteSurveyEquipmentList_Export(data) {
+  return requestDownload({
+    url: `/ExcelExport/getSiteSurveyEquipmentList_Export`,
+    responseType: 'blob',
+    method: 'post',
+    data
+  })
+}
+// 导出中心调研基本信息
+export function getSiteSurveyInfoList_Export(data) {
+  return requestDownload({
+    url: `/ExcelExport/getSiteSurveyInfoList_Export`,
+    responseType: 'blob',
+    method: 'post',
+    data
+  })
+}

src/api/reading.js

@@ -488,24 +488,3 @@ export function getFilterTableQuestion(data) {
     data
   })
 }
-export function deleteImageCache(params) {
-  return request({
-    url: `/Study/deleteImageCache`,
-    method: 'delete',
-    params
-  })
-}
-export function getAnonymizeInfo(params) {
-  return request({
-    url: `/Study/getAnonymizeInfo`,
-    method: 'get',
-    params
-  })
-}
-export function updateModality(params) {
-  return request({
-    url: `/Study/updateModality`,
-    method: 'put',
-    params
-  })
-}

src/api/research.js

@@ -129,3 +129,31 @@ export function getUserTypeList(userTypeEnum) {
     method: 'get'
   })
 }
+
+export function getSiteSurveyLogList(param) {
+  return request({
+    url: `/TrialSiteSurvey/getSiteSurveyLogList`,
+    method: 'post',
+    data: param
+  })
+}
+export function getTrialIsSPMJoin(trialId) {
+  return request({
+    url: `/TrialSiteSurvey/getTrialIsSPMJoin?trialId=${trialId}`,
+    method: 'get'
+  })
+}
+export function getSiteSurveyEquipmentList(param) {
+  return request({
+    url: `/TrialSiteSurvey/getSiteSurveyEquipmentList`,
+    method: 'post',
+    data: param
+  })
+}
+export function getSiteSurveyInfoList(param) {
+  return request({
+    url: `/TrialSiteSurvey/getSiteSurveyInfoList`,
+    method: 'post',
+    data: param
+  })
+}

src/api/trials.js

@@ -4522,24 +4522,4 @@ export function addOrUpdateCommonUploadRecord(data) {
     method: 'post',
     data,
   })
-}
+}
-
-export function getInspectionById(data) {
-  return request({
-    url: `/Inspection/getInspectionById`,
-    method: 'post',
-    data,
-  })
-}
-
-export function setJsonDetail(data) {
-  return request({
-    url: `/Inspection/setJsonDetail`,
-    method: 'post',
-    data,
-  })
-}
-
-
-
-

src/api/trials/reading.js

@@ -488,3 +488,67 @@ export function setRandomTaskOrder(data) {
     data
   })
 }
+
+export function getJudgeForm(data) {
+  return request({
+    url: `/ReadingImageTask/getJudgeForm`,
+    method: 'post',
+    data
+  })
+}
+
+export function setJudgeForm(data) {
+  return request({
+    url: `/ReadingImageTask/setJudgeForm`,
+    method: 'post',
+    data
+  })
+}
+
+export function getSingleVisitJudgeAnswer(data) {
+  return request({
+    url: `/ReadingImageTask/getSingleVisitJudgeAnswer`,
+    method: 'post',
+    data
+  })
+}
+
+export function submitJudgeForm(data) {
+  return request({
+    url: `/Inspection/ReadingImageTask/SubmitJudgeForm`,
+    method: 'post',
+    data
+  })
+}
+
+export function getTrialQuestionVisitJudgeRule(data) {
+  return request({
+    url: `/ReadingQuestion/getTrialQuestionVisitJudgeRule`,
+    method: 'post',
+    data
+  })
+}
+
+export function setTrialQuestionVisitJudgeRule(data) {
+  return request({
+    url: `/ReadingQuestion/setTrialQuestionVisitJudgeRule`,
+    method: 'post',
+    data
+  })
+}
+
+export function copyTrialQuestionVisitJudgeRule(data) {
+  return request({
+    url: `/ReadingQuestion/copyTrialQuestionVisitJudgeRule`,
+    method: 'post',
+    data
+  })
+}
+
+export function applyBaseLineTrialQuestionVisitJudgeRule(data) {
+  return request({
+    url: `/ReadingQuestion/applyBaseLineTrialQuestionVisitJudgeRule`,
+    method: 'post',
+    data
+  })
+}

src/api/trials/setting.js

@@ -94,6 +94,14 @@ export function getTrialJudgyInfo(params) {
     data: params
   })
 }
+
+export function setTrialJudgeRuleInfo(params) {
+  return request({
+    url: `/ReadingQuestion/setTrialJudgeRuleInfo`,
+    method: 'post',
+    data: params
+  })
+}
 // 获取检查部位列表
 export function getTrialBodyPartList(params) {
   return request({

src/components/Dicom/DicomCanvas.vue

@@ -213,10 +213,6 @@ export default {
   },
 
   methods: {
-    getInfo() {
-      var image = cornerstone.getImage(this.canvas)
-      return image
-    },
     loadImageStack(dicomSeries, text = '') {
       this.tip = text
       this.$nextTick(() => {

src/components/Dicom/DicomViewer.vue

@@ -296,13 +296,6 @@
             <option v-for="(item, index) in colormapsList" :key="index" :value="item.id">{{ item.name }}</option>
           </select>
         </div>
-        <div class="sideTool-wrapper">
-          <label for="Replacement" style="display: inline-block;color: #fff;line-height: 20px;cursor: pointer;">
-            替换
-          </label>
-          <input type="file" id="Replacement" @change="beginScanFiles($event, 'replace')" style="display: none;">
-        </div>
-
       </div>
 
       <!-- 患者信息 -->
@@ -389,7 +382,6 @@ import {
   editPatientInfo
 } from '@/api/trials'
 import { setPTClinicalDataForInstance, clearPTClinicalDataCache } from '@/utils/ptClinicalDataCache'
-import { changeFile } from "@/views/trials/trials-panel/reading/dicoms/components/upload.js"
 export default {
   name: 'DicomsViewer',
   components: {
@@ -408,14 +400,6 @@ export default {
     modality: {
       type: String,
       default: ''
-    },
-    SeriesList: {
-      type: Array,
-      default: () => []
-    },
-    currentSeriesIndex: {
-      type: Number,
-      default: -1
     }
   },
   watch: {
@@ -499,9 +483,7 @@ export default {
       },
       formLoading: false,
       type: '',
-      isEdit: 0,
+      isEdit: 0
-      fileKey: null,
-      file: null,
     }
   },
   computed: {
@@ -529,19 +511,6 @@ export default {
   },
 
   methods: {
-    beginScanFiles(e, key) {
-      this.fileKey = key
-      this.file = e.target.files[0]
-      let image = this.$refs[this.activeItem].getInfo()
-      let study = {
-        seriesList: this.SeriesList,
-        currentSeriesIndex: this.currentSeriesIndex
-      }
-      this.$emit("update:loading", true)
-      changeFile('CRC', this.file, study, image)
-
-      // DicomEvent.$emit('getStudyFile')
-    },
     setToolsPassive() {
       const elements = document.querySelectorAll('.dicom-item')
       const scope = this

src/components/downloadDicomAndNonedicom/index.vue

@@ -336,6 +336,14 @@ export default {
         if (data.StudyList && data.StudyList.length > 0) {
           let StudyList = data.StudyList
           StudyList.forEach((study) => {
+            let arr = []
+            study.SeriesList.forEach(item => {
+              if (!arr.includes(item.Modality)) {
+                arr.push(item.Modality)
+              }
+            })
+            let str = arr.join('_')
+            let time = study.StudyTime.split(' ')[0]
             if (study.StudyDIRPath) {
               let obj = {
                 name: `${data.SubjectCode}/${data.TaskBlindName
@@ -347,7 +355,7 @@ export default {
                 obj = {
                   name: `${data.SubjectCode}/${data.VisitName
                     }/${this.$fd('IsDicom', true)}/${study.StudyCode
-                    }/DICOMDIR`,
+                    }_${time}_${str}/DICOMDIR`,
                   url: this.OSSclientConfig.basePath + study.StudyDIRPath,
                 }
               } else if (this.IsReadingTaskViewInOrder === 0) {
@@ -380,7 +388,7 @@ export default {
                       obj = {
                         name: `${data.SubjectCode}/${data.VisitName
                           }/${this.$fd('IsDicom', true)}/${study.StudyCode
-                          }/IMAGE/${fileName}`,
+                          }_${time}_${str}/IMAGE/${fileName}`,
                         url: this.OSSclientConfig.basePath + instance.Path,
                         IsEncapsulated: instance.IsEncapsulated
                       }

src/components/uploadDicomAndNonedicom/dicomFile.vue

@@ -61,8 +61,10 @@
               scope.row.UploadStudyList.length <= 0
               " @click.stop="handleViewReadingImages(scope.row)" :title="$t('upload:dicom:button:preview')" />
             <!--删除--->
-            <el-button circle icon="el-icon-delete" :title="$t('upload:dicom:button:delete')"
+            <el-button circle :disabled="!scope.row.UploadStudyList ||
-              @click.stop="remove(scope.row)" />
+              scope.row.UploadStudyList.length <= 0 ||
+              scope.row.ReadingTaskState === 2
+              " icon="el-icon-delete" :title="$t('upload:dicom:button:delete')" @click.stop="remove(scope.row)" />
           </div>
         </template>
       </el-table-column>
@@ -381,10 +383,6 @@ export default {
     isReading: {
       type: Boolean,
       default: false,
-    },
-    StudyInstanceUID: {
-      type: String,
-      default: '',
     }
   },
   components: {
@@ -479,7 +477,10 @@ export default {
         let res = await getSubjectImageUploadList(params)
         this.loading = false
         if (res.IsSuccess) {
-          this.isDownloaded = res.OtherInfo.IsIRImageDownloaded
+          this.isDownloaded = this.Criterion && this.Criterion.CriterionType && (
+            this.Criterion.CriterionType == 19 ||
+            this.Criterion.CriterionType == 20
+          ) ? res.OtherInfo.IsIRImageDownloaded : true
           this.TrialModality = res.OtherInfo.TrialModality.split('|')
           this.IsReadingTaskViewInOrder = res.OtherInfo.IsReadingTaskViewInOrder || res.OtherInfo.IsReadingTaskViewInOrder === 0 ? res.OtherInfo.IsReadingTaskViewInOrder : 2
           this.StudyInstanceUidList = []
@@ -957,7 +958,7 @@ export default {
             var instanceItem = instanceList.find(function (item) {
               return item.instanceUid === instanceUid
             })
-            if (!false) {
+            if (!instanceItem) {
               var date = data.string('x00080023')
               var time = data.string('x00080033')
               var instanceTime = ''
@@ -1086,12 +1087,11 @@ export default {
     async verifyStudy() {
       this.btnLoading = true
       var studyList = []
-      let scope = this
       this.selectArr.forEach((item) => {
         item.dicomInfo.uploadFileSize = 0
         if (!item.uploadState.selected) {
           studyList.push({
-            studyInstanceUid: scope.isReading && scope.StudyInstanceUID ? scope.StudyInstanceUID : item.dicomInfo.studyUid,
+            studyInstanceUid: item.dicomInfo.studyUid,
             studyDate: item.dicomInfo.studyTime,
           })
         }
@@ -1186,7 +1186,7 @@ export default {
               let t = setInterval(() => {
                 dicomUploadInProgress({
                   trialId: scope.trialId,
-                  studyInstanceUid: scope.isReading && scope.StudyInstanceUID ? scope.StudyInstanceUID : dicomInfo.studyUid,
+                  studyInstanceUid: dicomInfo.studyUid,
                   VisitTaskId: dicomInfo.visitTaskId,
                 }).then((res) => {
                   console.log(dicomInfo.visitTaskId)
@@ -1213,7 +1213,7 @@ export default {
                     dicomInfo.RadiopharmaceuticalStartTime,
 
                   studyId: dicomInfo.studyId,
-                  studyInstanceUid: scope.isReading && scope.StudyInstanceUID ? scope.StudyInstanceUID : dicomInfo.studyUid,
+                  studyInstanceUid: dicomInfo.studyUid,
                   studyTime: dicomInfo.studyTime,
                   description: dicomInfo.description,
                   seriesCount: dicomInfo.seriesNum,
@@ -1254,171 +1254,22 @@ export default {
                         try {
                           let o = v.instanceList[ii]
                           let name = `${v.instanceList[ii].file.webkitRelativePath}_${v.instanceList[ii].instanceUid}`
-                          // if (o.isReUpload) {
+                          if (o.isReUpload) {
-                          //   dicomInfo.failedFileCount++
+                            dicomInfo.failedFileCount++
-                          //   dicomInfo.uploadFileSize += o.file.size
+                            dicomInfo.uploadFileSize += o.file.size
-                          //   Record.Existed.push(name)
+                            Record.Existed.push(name)
-                          //   Record.FileCount++
+                            Record.FileCount++
-                          // }
+                          } else if (o.myPath) {
-                          //  else if (o.myPath) {
-                          //   instanceList.push({
-                          //     studyInstanceUid: dicomInfo.studyUid,
-                          //     seriesInstanceUid: v.seriesUid,
-                          //     SOPClassUID: o.SOPClassUID,
-                          //     TransferSytaxUID: o.TransferSytaxUID,
-                          //     MediaStorageSOPInstanceUID:
-                          //       o.MediaStorageSOPInstanceUID,
-                          //     MediaStorageSOPClassUID:
-                          //       o.MediaStorageSOPClassUID,
-                          //     sopInstanceUid: o.instanceUid,
-                          //     instanceNumber: o.instanceNumber,
-                          //     instanceTime: o.instanceTime,
-                          //     imageRows: o.imageRows,
-                          //     imageColumns: o.imageColumns,
-                          //     sliceLocation: o.sliceLocation,
-                          //     sliceThickness: o.sliceThickness,
-                          //     numberOfFrames: o.numberOfFrames,
-                          //     pixelSpacing: o.pixelSpacing,
-                          //     imagerPixelSpacing: o.imagerPixelSpacing,
-                          //     frameOfReferenceUID: o.frameOfReferenceUID,
-                          //     windowCenter: o.windowCenter,
-                          //     windowWidth: o.windowWidth,
-                          //     path: o.myPath,
-                          //     FileSize: o.FileSize,
-
-                          //     PhotometricInterpretation:
-                          //       o.PhotometricInterpretation,
-                          //     BitsAllocated: o.BitsAllocated,
-                          //     PixelRepresentation: o.PixelRepresentation,
-                          //     RescaleIntercept: o.RescaleIntercept,
-                          //     RescaleSlope: o.RescaleSlope,
-                          //     ImagePositionPatient: o.ImagePositionPatient,
-                          //     ImageOrientationPatient:
-                          //       o.ImageOrientationPatient,
-                          //     SequenceOfUltrasoundRegions:
-                          //       o.SequenceOfUltrasoundRegions,
-                          //     FrameTime: o.FrameTime,
-                          //     CorrectedImage: o.CorrectedImage,
-                          //     Units: o.Units,
-                          //     DecayCorrection: o.DecayCorrection,
-                          //     EncapsulatedDocument: o.EncapsulatedDocument,
-                          //   })
-                          //   Record.Uploaded.push(name)
-                          //   dicomInfo.failedFileCount++
-                          //   Record.FileCount++
-                          // }
-                          //  else {
-                          let path = `/${params.trialId}/Image/${params.subjectId
-                            }/${params.subjectVisitId}/${dicomInfo.visitTaskId
-                            }/${scope.getGuid(
-                              dicomInfo.studyUid +
-                              v.seriesUid +
-                              o.instanceUid +
-                              params.trialId
-                            )}`
-                          if (scope.IsImageSegment) {
-                            path = `/${params.trialId}/Image/${params.subjectId
-                              }/${params.subjectVisitId}/AnnotationImage/${dicomInfo.visitTaskId
-                              }/${scope.getGuid(
-                                dicomInfo.studyUid +
-                                v.seriesUid +
-                                o.instanceUid +
-                                params.trialId
-                              )}`
-                          }
-                          if (scope.isClose) return
-                          let res = await dcmUpload(
-                            {
-                              path: path,
-                              file: o.file,
-                              speed: true,
-                            },
-                            scope.isReading && scope.StudyInstanceUID ? {
-                              AnonymizeFixedList: [
-                                {
-                                  Element: '000D',
-                                  Group: '0020',
-                                  ReplaceValue: scope.StudyInstanceUID,
-                                  Id: 'StudyInstanceUID'
-                                }
-                              ],
-                              AnonymizeNotFixedList: [],
-                              DicomStoreInfo: {}
-                            } : null,
-                            (percentage, checkpoint, lastPer) => {
-                              dicomInfo.uploadFileSize +=
-                                checkpoint.size * (percentage - lastPer)
-                              if (
-                                dicomInfo.uploadFileSize > dicomInfo.fileSize
-                              ) {
-                                dicomInfo.uploadFileSize = dicomInfo.fileSize
-                              }
-                            },
-                            {
-                              fileName: o.file.name,
-                              fileSize: o.file.size,
-                              fileType: 'application/dicom',
-                              uploadBatchId: uploadBatchId,
-                              batchDataType: 5,
-                              trialId: params.trialId,
-                              subjectId: params.subjectId,
-                              subjectVisitId: params.subjectVisitId,
-                            }
-                          )
-                          if (!res || !res.url) {
-                            params.failedFileCount++
-                          } else {
-                            if (ii === 0 && o.modality !== 'SR') {
-                              try {
-                                let fileId =
-                                  cornerstoneWADOImageLoader.wadouri.fileManager.add(
-                                    o.file
-                                  )
-                                let blob = await scope.dicomToPng(
-                                  fileId,
-                                  o.imageColumns,
-                                  o.imageRows
-                                )
-                                let thumbnailPath = `/${params.trialId}/Image/${params.subjectId}/${params.subjectVisitId}/${dicomInfo.visitTaskId}/${dicomInfo.studyUid}/${v.seriesUid}.jpg`
-                                if (scope.IsImageSegment) {
-                                  thumbnailPath = `/${params.trialId}/Image/${params.subjectId}/${params.subjectVisitId}/AnnotationImage/${dicomInfo.visitTaskId}/${dicomInfo.studyUid}/${v.seriesUid}.jpg`
-                                }
-                                let OSSclient = scope.OSSclient
-                                let seriesRes = await OSSclient.put(
-                                  thumbnailPath,
-                                  blob,
-                                  {
-                                    fileName: `${v.seriesUid}.jpg`,
-                                    fileSize: blob.size,
-                                    fileType: 'image/jpeg',
-                                    uploadBatchId: uploadBatchId,
-                                    batchDataType: 6,
-                                    trialId: params.trialId,
-                                    subjectId: params.subjectId,
-                                    subjectVisitId: params.subjectVisitId,
-                                  }
-                                )
-                                if (seriesRes && seriesRes.url) {
-                                  ImageResizePath = scope.$getObjectName(
-                                    seriesRes.url
-                                  )
-                                }
-                              } catch (e) {
-                                console.log(e)
-                              }
-                            }
-                          }
-                          if (res && res.url) {
                             instanceList.push({
-                              studyInstanceUid: scope.isReading && scope.StudyInstanceUID ? scope.StudyInstanceUID : dicomInfo.studyUid,
+                              studyInstanceUid: dicomInfo.studyUid,
                               seriesInstanceUid: v.seriesUid,
-                              sopInstanceUid: o.instanceUid,
                               SOPClassUID: o.SOPClassUID,
                               TransferSytaxUID: o.TransferSytaxUID,
                               MediaStorageSOPInstanceUID:
                                 o.MediaStorageSOPInstanceUID,
                               MediaStorageSOPClassUID:
                                 o.MediaStorageSOPClassUID,
+                              sopInstanceUid: o.instanceUid,
                               instanceNumber: o.instanceNumber,
                               instanceTime: o.instanceTime,
                               imageRows: o.imageRows,
@@ -1431,7 +1282,7 @@ export default {
                               frameOfReferenceUID: o.frameOfReferenceUID,
                               windowCenter: o.windowCenter,
                               windowWidth: o.windowWidth,
-                              path: scope.$getObjectName(res.url),
+                              path: o.myPath,
                               FileSize: o.FileSize,
 
                               PhotometricInterpretation:
@@ -1451,15 +1302,151 @@ export default {
                               DecayCorrection: o.DecayCorrection,
                               EncapsulatedDocument: o.EncapsulatedDocument,
                             })
-                            o.myPath = scope.$getObjectName(res.url)
                             Record.Uploaded.push(name)
                             dicomInfo.failedFileCount++
                             Record.FileCount++
                           } else {
-                            Record.Failed.push(name)
+                            let path = `/${params.trialId}/Image/${params.subjectId
-                            Record.FileCount++
+                              }/${params.subjectVisitId}/${dicomInfo.visitTaskId
+                              }/${scope.getGuid(
+                                dicomInfo.studyUid +
+                                v.seriesUid +
+                                o.instanceUid +
+                                params.trialId
+                              )}`
+                            if (scope.IsImageSegment) {
+                              path = `/${params.trialId}/Image/${params.subjectId
+                                }/${params.subjectVisitId}/AnnotationImage/${dicomInfo.visitTaskId
+                                }/${scope.getGuid(
+                                  dicomInfo.studyUid +
+                                  v.seriesUid +
+                                  o.instanceUid +
+                                  params.trialId
+                                )}`
+                            }
+                            if (scope.isClose) return
+                            let res = await dcmUpload(
+                              {
+                                path: path,
+                                file: o.file,
+                                speed: true,
+                              },
+                              null,
+                              (percentage, checkpoint, lastPer) => {
+                                dicomInfo.uploadFileSize +=
+                                  checkpoint.size * (percentage - lastPer)
+                                if (
+                                  dicomInfo.uploadFileSize > dicomInfo.fileSize
+                                ) {
+                                  dicomInfo.uploadFileSize = dicomInfo.fileSize
+                                }
+                              },
+                              {
+                                fileName: o.file.name,
+                                fileSize: o.file.size,
+                                fileType: 'application/dicom',
+                                uploadBatchId: uploadBatchId,
+                                batchDataType: 5,
+                                trialId: params.trialId,
+                                subjectId: params.subjectId,
+                                subjectVisitId: params.subjectVisitId,
+                              }
+                            )
+                            if (!res || !res.url) {
+                              params.failedFileCount++
+                            } else {
+                              if (ii === 0 && o.modality !== 'SR') {
+                                try {
+                                  let fileId =
+                                    cornerstoneWADOImageLoader.wadouri.fileManager.add(
+                                      o.file
+                                    )
+                                  let blob = await scope.dicomToPng(
+                                    fileId,
+                                    o.imageColumns,
+                                    o.imageRows
+                                  )
+                                  let thumbnailPath = `/${params.trialId}/Image/${params.subjectId}/${params.subjectVisitId}/${dicomInfo.visitTaskId}/${dicomInfo.studyUid}/${v.seriesUid}.jpg`
+                                  if (scope.IsImageSegment) {
+                                    thumbnailPath = `/${params.trialId}/Image/${params.subjectId}/${params.subjectVisitId}/AnnotationImage/${dicomInfo.visitTaskId}/${dicomInfo.studyUid}/${v.seriesUid}.jpg`
+                                  }
+                                  let OSSclient = scope.OSSclient
+                                  let seriesRes = await OSSclient.put(
+                                    thumbnailPath,
+                                    blob,
+                                    {
+                                      fileName: `${v.seriesUid}.jpg`,
+                                      fileSize: blob.size,
+                                      fileType: 'image/jpeg',
+                                      uploadBatchId: uploadBatchId,
+                                      batchDataType: 6,
+                                      trialId: params.trialId,
+                                      subjectId: params.subjectId,
+                                      subjectVisitId: params.subjectVisitId,
+                                    }
+                                  )
+                                  if (seriesRes && seriesRes.url) {
+                                    ImageResizePath = scope.$getObjectName(
+                                      seriesRes.url
+                                    )
+                                  }
+                                } catch (e) {
+                                  console.log(e)
+                                }
+                              }
+                            }
+                            if (res && res.url) {
+                              instanceList.push({
+                                studyInstanceUid: dicomInfo.studyUid,
+                                seriesInstanceUid: v.seriesUid,
+                                sopInstanceUid: o.instanceUid,
+                                SOPClassUID: o.SOPClassUID,
+                                TransferSytaxUID: o.TransferSytaxUID,
+                                MediaStorageSOPInstanceUID:
+                                  o.MediaStorageSOPInstanceUID,
+                                MediaStorageSOPClassUID:
+                                  o.MediaStorageSOPClassUID,
+                                instanceNumber: o.instanceNumber,
+                                instanceTime: o.instanceTime,
+                                imageRows: o.imageRows,
+                                imageColumns: o.imageColumns,
+                                sliceLocation: o.sliceLocation,
+                                sliceThickness: o.sliceThickness,
+                                numberOfFrames: o.numberOfFrames,
+                                pixelSpacing: o.pixelSpacing,
+                                imagerPixelSpacing: o.imagerPixelSpacing,
+                                frameOfReferenceUID: o.frameOfReferenceUID,
+                                windowCenter: o.windowCenter,
+                                windowWidth: o.windowWidth,
+                                path: scope.$getObjectName(res.url),
+                                FileSize: o.FileSize,
+
+                                PhotometricInterpretation:
+                                  o.PhotometricInterpretation,
+                                BitsAllocated: o.BitsAllocated,
+                                PixelRepresentation: o.PixelRepresentation,
+                                RescaleIntercept: o.RescaleIntercept,
+                                RescaleSlope: o.RescaleSlope,
+                                ImagePositionPatient: o.ImagePositionPatient,
+                                ImageOrientationPatient:
+                                  o.ImageOrientationPatient,
+                                SequenceOfUltrasoundRegions:
+                                  o.SequenceOfUltrasoundRegions,
+                                FrameTime: o.FrameTime,
+                                CorrectedImage: o.CorrectedImage,
+                                Units: o.Units,
+                                DecayCorrection: o.DecayCorrection,
+                                EncapsulatedDocument: o.EncapsulatedDocument,
+                              })
+                              o.myPath = scope.$getObjectName(res.url)
+                              Record.Uploaded.push(name)
+                              dicomInfo.failedFileCount++
+                              Record.FileCount++
+                            } else {
+                              Record.Failed.push(name)
+                              Record.FileCount++
+                            }
                           }
-                          // }
                           resolve1()
                         } catch (e) {
                           console.log(e)
@@ -1477,7 +1464,7 @@ export default {
                   }
                 }
                 params.study.seriesList.push({
-                  studyInstanceUid: scope.isReading && scope.StudyInstanceUID ? scope.StudyInstanceUID : dicomInfo.studyUid,
+                  studyInstanceUid: dicomInfo.studyUid,
                   seriesInstanceUid: v.seriesUid,
                   seriesNumber: v.seriesNumber,
                   seriesTime: v.seriesTime,

src/components/uploadDicomAndNonedicom/index.vue

@@ -3,11 +3,11 @@
     :append-to-body="true" class="uploadDicomAndNonedicom">
     <span slot="title">{{ title }}</span>
     <el-tabs type="border-card" v-model="activeName">
-      <el-tab-pane :label="$t('uploadDicomAndNonedicom:label:dicom')" name="dicom">
+      <el-tab-pane :label="$t('uploadDicomAndNonedicom:label:dicom')" name="dicom" v-if="!IsImageSegment">
         <dicomFile v-if="activeName === 'dicom'" :SubjectId="SubjectId" :SubjectCode="SubjectCode"
           :Criterion="Criterion" :TaskId="VisitTaskId" :isUpload.sync="isUpload"
           :isReadingTaskViewInOrder="isReadingTaskViewInOrder" :IsImageSegment="IsImageSegment" :forbid="forbid"
-          :isReading="isReading" :StudyInstanceUID="StudyInstanceUID" />
+          :isReading="isReading" />
       </el-tab-pane>
       <el-tab-pane :label="$t('uploadDicomAndNonedicom:label:nonedicom')" name="nonedicom">
         <nonedicomFile v-if="activeName === 'nonedicom'" :SubjectId="SubjectId" :SubjectCode="SubjectCode"
@@ -63,10 +63,6 @@ export default {
     isReading: {
       type: Boolean,
       default: false,
-    },
-    StudyInstanceUID: {
-      type: String,
-      default: '',
     }
   },
   data() {
@@ -76,10 +72,16 @@ export default {
       isUpload: false,
     }
   },
+  watch: {
+    IsImageSegment() {
+      if (this.IsImageSegment) this.activeName = 'nonedicom'
+    }
+  },
   mounted() {
     this.title = `Upload Images：${this.SubjectCode}（${this.Criterion.TrialReadingCriterionName}）`
     if (this.IsImageSegment) this.title = `Upload Images：${this.SubjectCode}`
     if (this.isReadingTaskViewInOrder === 0) this.title = ''
+    if (this.IsImageSegment) this.activeName = 'nonedicom'
     store.dispatch('trials/setUnLock', true)
   },
   methods: {

src/components/uploadDicomAndNonedicom/nonedicomFile.vue

@@ -113,7 +113,9 @@
           <el-button circle icon="el-icon-upload2" :title="$t('upload:nonedicom:button:upload')" v-if="!forbid"
             @click.native.prevent="handleUpload(scope.row)" :disabled="isReading && !isDownloaded" />
           <!--删除--->
-          <el-button circle icon="el-icon-delete" :title="$t('upload:nonedicom:button:delete')"
+          <el-button :disabled="scope.row.UploadedFileCount <= 0 ||
+            scope.row.ReadingTaskState === 2
+            " circle icon="el-icon-delete" :title="$t('upload:nonedicom:button:delete')"
             @click.stop="remove(scope.row)" />
         </template>
       </el-table-column>
@@ -222,6 +224,7 @@ import {
 import { preArchiveStudy, uploadNoneDicomFile } from '@/api/trials'
 import store from '@/store'
 import { getToken } from '@/utils/auth'
+import { unzipRaw } from 'unzipit';
 let defaultSearchData = () => {
   return {
     SubjectId: null,
@@ -330,6 +333,34 @@ export default {
     store.dispatch('trials/setUnLock', false)
   },
   methods: {
+    async readZipFileListRaw(zipFile) {
+      try {
+        // 1. 使用 unzipRaw 读取原始条目列表
+        const { entries } = await unzipRaw(zipFile);
+
+        // 2. entries 是一个数组，需要手动处理
+        const fileList = entries.map(entry => {
+          // 3. 使用 TextDecoder 指定编码来解码文件名
+          // 例如，对于简体中文 ZIP 包，可以使用 'gbk'
+          const decoder = new TextDecoder('gbk'); // 或者 'big5'
+          const name = decoder.decode(entry.nameBytes);
+
+          return {
+            path: name,
+            name: name.split('/').pop(),
+            isDirectory: entry.isDirectory,
+            size: entry.size,
+            lastModified: entry.lastModDate
+          };
+        });
+
+        console.log('解码后的文件列表:', fileList);
+        return fileList;
+      } catch (error) {
+        console.error('读取 ZIP 失败:', error);
+        throw error;
+      }
+    },
     async getList() {
       try {
         this.searchData.SubjectId = this.SubjectId
@@ -351,7 +382,10 @@ export default {
         if (res.IsSuccess) {
           this.list = res.Result
           this.relationInfo = res.OtherInfo
-          this.isDownloaded = res.OtherInfo.IsIRImageDownloaded
+          this.isDownloaded = this.Criterion && this.Criterion.CriterionType && (
+            this.Criterion.CriterionType == 19 ||
+            this.Criterion.CriterionType == 20
+          ) ? res.OtherInfo.IsIRImageDownloaded : true
           this.faccept = []
           this.relationInfo.ImageFormatList.forEach((item) => {
             this.faccept.push(`.${item}`)
@@ -365,11 +399,15 @@ export default {
     // 扫描待上传文件
     beginScanFiles(e) {
       var files = [...e.target.files]
-      var sameFiles = []
+      var sameFiles = [], zipFiles = [], f = false
       files.forEach((file) => {
         var extendName = file.name
           .substring(file.name.lastIndexOf('.'))
           .toLocaleLowerCase()
+        if (extendName === '.zip' && this.IsImageSegment) {
+          if (file.name.indexOf('筛选期') > -1 || file.name.indexOf('研究结束') > -1) f = true
+          zipFiles.push(file)
+        }
         if (
           this.faccept.indexOf(extendName) !== -1 &&
           this.fileList.findIndex((v) => v.name === file.name) > -1
@@ -377,6 +415,16 @@ export default {
           sameFiles.push(file.name)
         }
       })
+      if (zipFiles.length > 0) {
+        zipFiles.forEach(async file => {
+          let list = await this.readZipFileListRaw(file)
+          if (!f) f = list.some(i => i.path.indexOf('筛选期') > -1 || i.path.indexOf('研究结束') > -1)
+          list = null
+        })
+      }
+      if (f) return this.$confirm(this.$t("trials:uploadNonDicoms:confirm:zipNameNonCompliant"), '', {
+        type: "warning"
+      })
       var scope = this
       if (sameFiles.length > 0) {
         const h = this.$createElement

src/router/index.js

@@ -228,6 +228,12 @@ export const constantRoutes = [
     component: () => import('@/views/research/form'),
     hidden: true
   },
+  {
+    path: '/researchLog',
+    name: 'researchLog',
+    component: () => import('@/views/research/form'),
+    hidden: true
+  },
   {
     path: '/researchLogin_m',
     name: 'researchLogin_m',

src/utils/dcmUpload/anonymization.js

@@ -6,7 +6,6 @@ export const anonymization = function (file, config) {
     try {
       const reader = new FileReader()
       let AnonymizeFixedList = config.AnonymizeFixedList
-      console.log(AnonymizeFixedList, 'AnonymizeFixedList')
       let AnonymizeNotFixedList = config.AnonymizeNotFixedList
       let DicomStoreInfo = config.DicomStoreInfo
       reader.onload = async (event) => {
@@ -16,11 +15,9 @@ export const anonymization = function (file, config) {
         let dataset = dcmjs.data.DicomMessage.readFile(buffer)
         for (var i = 0; i < AnonymizeFixedList.length; i++) {
           let AnonymizeFixed = AnonymizeFixedList[i]
-          if (!dataset.dict.hasOwnProperty(`${AnonymizeFixed.Group + AnonymizeFixed.Element}`) && !dataset.meta.hasOwnProperty(`${AnonymizeFixed.Group + AnonymizeFixed.Element}`)) continue
+          if (!dataset.dict.hasOwnProperty(`${AnonymizeFixed.Group + AnonymizeFixed.Element}`)) continue
           if (dataset.dict[AnonymizeFixed.Group + AnonymizeFixed.Element]) {
             dataset.dict[AnonymizeFixed.Group + AnonymizeFixed.Element].Value[0] = AnonymizeFixed.ReplaceValue
-          } else if (dataset.meta[AnonymizeFixed.Group + AnonymizeFixed.Element]) {
-            dataset.meta[AnonymizeFixed.Group + AnonymizeFixed.Element].Value[0] = AnonymizeFixed.ReplaceValue
           } else {
             dataset.dict[AnonymizeFixed.Group + AnonymizeFixed.Element] = {
               vr: AnonymizeFixed.ValueRepresentation,
@@ -63,7 +60,7 @@ export const anonymization = function (file, config) {
           let newDicomFile = dataset.write() // fragmentMultiframe 原始数据是否进行分割
           const bufferArray = new Uint8Array(newDicomFile)
           const blob = new Blob([bufferArray], { type: 'application/octet-stream' })
-          resolve({ blob, pixelDataElement, Modality: dataset.dict['00080060'].Value[0] })
+          resolve({ blob, pixelDataElement })
         } catch (err) {
           console.log(file, 'warning')
           console.log(err)

src/utils/dcmUpload/dcmUpload.js

@@ -12,8 +12,7 @@ export const dcmUpload = async function (data, config, progressFn, fileInfo) {
       let res = await Vue.prototype.OSSclient.multipartUpload(Object.assign(data, { file: blob.blob }), progressFn, fileInfo)
       resolve({
         ...res,
-        image: blob.pixelDataElement,
+        image: blob.pixelDataElement
-        Modality: blob.Modality
       })
       // let OSSclientA = await OSSclient
       // let blob = await encoder(file)

src/utils/oss.js

@@ -40,7 +40,7 @@ async function ossGenerateSTS() {
           return new Promise(async (resolve, reject) => {
             try {
               let _vm = router.default.app
-              if (_vm._route.path !== '/trials/trials-panel/visit/crc-upload' && _vm._route.path !== '/readingDicoms' && _vm._route.path !== '/showdicom') {
+              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] = `${objectItem[objectItem.length - 1].substring(
@@ -57,13 +57,13 @@ async function ossGenerateSTS() {
                 const trialId = urlParams.get('trialId')
                 if (Object.keys(fileInfo).length !== 0) {
                   fileInfo.fileType = mimeTypeToExt(fileInfo.fileType)
-                  let params = Object.assign({ path: objectName }, fileInfo)
+                  let params = Object.assign({path: objectName}, fileInfo)
                   addOrUpdateFileUploadRecord(params)
                 } else if (trialId) {
                   const fileName = objectName.split('/').pop()
-                  const fileType = fileName.includes('.')
+                  const fileType = fileName.includes('.') 
-                    ? fileName.split('.').pop().toLowerCase()
+                  ? fileName.split('.').pop().toLowerCase() 
-                    : ''
+                  : ''
                   let params = { trialId, path: objectName, fileName, fileType }
                   addOrUpdateFileUploadRecord(params)
                 }
@@ -97,7 +97,7 @@ async function ossGenerateSTS() {
                 OSSclient = new OSS(Vue.prototype.OSSclientConfig);
               }
               let _vm = router.default.app
-              if (_vm._route.path !== '/trials/trials-panel/visit/crc-upload' && _vm._route.path !== '/readingDicoms' && _vm._route.path !== '/showdicom') {
+              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] = `${objectItem[objectItem.length - 1].substring(
@@ -114,17 +114,17 @@ async function ossGenerateSTS() {
                 const trialId = urlParams.get('trialId')
                 if (Object.keys(fileInfo).length !== 0) {
                   fileInfo.fileType = mimeTypeToExt(fileInfo.fileType)
-                  let params = Object.assign({ path: data.path }, fileInfo)
+                  let params = Object.assign({path: data.path}, fileInfo)
                   addOrUpdateFileUploadRecord(params)
                 } else if (trialId) {
                   const fileName = data.path.split('/').pop()
-                  const fileType = fileName.includes('.')
+                  const fileType = fileName.includes('.') 
-                    ? fileName.split('.').pop().toLowerCase()
+                  ? fileName.split('.').pop().toLowerCase() 
-                    : ''
+                  : ''
                   let params = { trialId, path: data.path, fileName, fileType }
                   addOrUpdateFileUploadRecord(params)
                 }
-
+                
                 resolve({
                   name: data.path,
                   url: Vue.prototype.OSSclientConfig.viewEndpoint + decodeUtf8(res.name)
@@ -151,7 +151,7 @@ async function ossGenerateSTS() {
             try {
               var name = objectName.split('/')[objectName.split('/').length - 1]
               let _vm = router.default.app
-              if (_vm._route.path !== '/trials/trials-panel/visit/crc-upload' && _vm._route.path !== '/readingDicoms' && _vm._route.path !== '/showdicom') {
+              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]
                 objectName = objectItem.join('/')
@@ -225,7 +225,7 @@ function uploadAWS(aws, data, progress, fileInfo) {
       const { file, path } = data;
       if (!file || !path) return reject('file and path be required');
       let _vm = router.default.app
-      if (_vm._route.path !== '/trials/trials-panel/visit/crc-upload' && _vm._route.path !== '/readingDicoms' && _vm._route.path !== '/showdicom') {
+      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] = `${objectItem[objectItem.length - 1].substring(
@@ -246,13 +246,13 @@ function uploadAWS(aws, data, progress, fileInfo) {
           const trialId = urlParams.get('trialId')
           if (Object.keys(fileInfo).length !== 0) {
             fileInfo.fileType = mimeTypeToExt(fileInfo.fileType)
-            let params = Object.assign({ path: decodeUtf8(curPath) }, fileInfo)
+            let params = Object.assign({path: decodeUtf8(curPath)}, fileInfo)
             addOrUpdateFileUploadRecord(params)
           } else if (trialId) {
             const fileName = decodeUtf8(curPath).split('/').pop()
-            const fileType = fileName.includes('.')
+            const fileType = fileName.includes('.') 
-              ? fileName.split('.').pop().toLowerCase()
+            ? fileName.split('.').pop().toLowerCase() 
-              : ''
+            : ''
             let params = { trialId, path: decodeUtf8(curPath), fileName, fileType }
             addOrUpdateFileUploadRecord(params)
           }

src/utils/stream.js

@@ -11,10 +11,10 @@ function zipFiles(zipName, files) {
             store.dispatch('trials/setUnLock', true)
             files = formatFiles(files)
             // 创建压缩文件输出流  
-            const zipFileOutputStream = streamSaver.createWriteStream(zipName);
+            let zipFileOutputStream = streamSaver.createWriteStream(zipName);
             // 创建下载文件流  
             const fileIterator = files.values();
-            const readableZipStream = new ZIP({
+            let readableZipStream = new ZIP({
                 async pull(ctrl) {
                     const fileInfo = fileIterator.next();
                     if (fileInfo.done) {//迭代终止  
@@ -41,9 +41,13 @@ function zipFiles(zipName, files) {
                     .then(() => {
                         console.log("同步下载打包结束时间：" + new Date());
                         store.dispatch('trials/setUnLock', false)
+                        readableZipStream = null;
+                        zipFileOutputStream = null;
                         resolve(true)
                     }).catch(err => {
                         console.log(err);
+                        readableZipStream = null;
+                        zipFileOutputStream = null;
                         resolve(false)
                     });
             } else {
@@ -61,14 +65,16 @@ async function updateFile(file, name) {
     return new Promise(async resolve => {
         try {
             store.dispatch('trials/setUnLock', true)
-            const fileOutputStream = streamSaver.createWriteStream(name);
+            let fileOutputStream = streamSaver.createWriteStream(name);
             // file = decodeUtf8(file);
             let res = await fetch(file);
             res.body.pipeTo(fileOutputStream).then(() => {
                 store.dispatch('trials/setUnLock', true)
+                fileOutputStream = null;
                 resolve(true)
             }).catch(err => {
                 console.log(err)
+                fileOutputStream = null;
                 resolve(false)
             });
         } catch (err) {

src/utils/whiteList.js

@@ -1,2 +1,2 @@
-const WHITELIST = ['/', "/curriculumVitae", 'researchDetail_m', '/researchForm', '/ReviewersResearch', '/login', '/link_expired', '/error', '/resetpassword', '/recompose', '/email-recompose', '/trialStats', '/showdicom', '/imagesShare', '/audit', '/preview', '/researchLogin', '/researchLogin_m', '/blindResumeInfo', '/trialsResume', '/joinVerify', '/showNoneDicoms', '/noneDicomReading', '/clinicalData', '/readingDicoms', '/readingPage', '/visitDicomReview', '/visitNondicomReview', '/globalReview', '/adReview', '/oncologyReview', '/nonedicoms', '/ecrfList']
+const WHITELIST = ['/', "/curriculumVitae", 'researchDetail_m', '/researchForm', '/ReviewersResearch', '/login', '/link_expired', '/error', '/resetpassword', '/recompose', '/email-recompose', '/trialStats', '/showdicom', '/imagesShare', '/audit', '/preview', '/researchLogin', '/researchLogin_m', '/blindResumeInfo', '/trialsResume', '/joinVerify', '/showNoneDicoms', '/noneDicomReading', '/clinicalData', '/readingDicoms', '/readingPage', '/visitDicomReview', '/visitNondicomReview', '/globalReview', '/adReview', '/oncologyReview', '/nonedicoms', '/ecrfList', '/researchLog']
 export default WHITELIST

src/views/dicom-show/dicom-study.vue

@@ -125,8 +125,7 @@
       </div>
       <div class="viewerContent">
         <dicom-viewer id="dicomViewer" ref="dicomViewer" style="height:100%" :loading.sync="loading"
-          :modality="modality" :Comparison.sync="isComparison" :SeriesList="seriesList"
+          :modality="modality" :Comparison.sync="isComparison" @loadStudy="loadStudy" />
-          :currentSeriesIndex="currentSeriesIndex" @loadStudy="loadStudy" />
       </div>
       <!-- <div class="viewerRightSidePanel">
         <dicom-tools />
@@ -180,7 +179,7 @@ export default {
       description: '',
       seriesCount: 0,
       seriesList: [],
-      currentSeriesIndex: 0,
+      currentSeriesIndex: -1,
       arr: [],
       activeName: 'first',
       tpList: [],
@@ -254,11 +253,6 @@ export default {
     })
     workSpeedclose(true)
   },
-  watch: {
-    currentSeriesIndex() {
-      console.log(this.currentSeriesIndex, 'currentSeriesIndex')
-    }
-  },
   methods: {
     async updateImageResizePath(data) {
       try {
@@ -359,14 +353,13 @@ export default {
                 i.ImageId = imageId
               }
             })
-            var subjectVisitId = this.$router.currentRoute.query.subjectVisitId ? this.$router.currentRoute.query.subjectVisitId : item.SubjectVisitId
+            var subjectVisitId = this.$router.currentRoute.query.subjectVisitId
             var studyId = this.$router.currentRoute.query.studyId
             var trialId = this.$router.currentRoute.query.trialId
             seriesList.push({
               trialId,
               subjectVisitId,
               studyId,
-              subjectId: item.SubjectId,
               imageIds: imageIds,
               instanceInfoList: item.InstanceInfoList,
               seriesId: item.Id,
@@ -422,13 +415,12 @@ export default {
                 i.ImageId = imageId
               }
             })
-            var subjectVisitId = this.$router.currentRoute.query.subjectVisitId ? this.$router.currentRoute.query.subjectVisitId : item.SubjectVisitId
+            var subjectVisitId = this.$router.currentRoute.query.subjectVisitId
             var studyId = this.$router.currentRoute.query.studyId
             var trialId = this.$router.currentRoute.query.trialId
             seriesList.push({
               trialId,
               subjectVisitId,
-              subjectId: item.SubjectId,
               studyId,
               imageIds: imageIds,
               instanceInfoList: item.InstanceInfoList,
@@ -1205,7 +1197,6 @@ export default {
   border-color: #213a54 !important;
   background-color: #213a54;
 }
-
 .frame_content_active {
   border-color: #213a54 !important;
   background-color: #213a54;

src/views/login/index.vue

@@ -6,9 +6,7 @@
     <div class="login-body">
       <div class="login-l">
         <div class="login-logo">
-          <img v-if="language === 'zh'" src="@/assets/zzlogo2.png" alt="" />
+          <img src="@/assets/zzlogo-usa.png" alt="" class="usa-logo" />
-          <img v-else-if="NODE_ENV === 'usa'" src="@/assets/zzlogo-usa.png" alt="" class="usa-logo" />
-          <img v-else src="@/assets/zzlogo4.png" alt="" />
         </div>
         <div :class="{
           'login-image': true,
@@ -21,14 +19,14 @@
       <div class="login-r">
         <div class="title-container">
           <!-- IRC Management System -->
-          <div v-if="NODE_ENV === 'usa'">
+          <!-- <div v-if="NODE_ENV === 'usa'"> -->
             <svg-icon icon-class="login-logo" style="width: 300px; height: 94px" />
-          </div>
+          <!-- </div> -->
-          <div class="title" v-else>
+          <!-- <div class="title" v-else>
             <img src="@/assets/system.png" alt=""
               :style="{ width: isEN ? '180px' : '200px', height: isEN ? '60px' : '65px' }" />
             <div :style="`font-size:${isEN ? '28px' : '35px'}`">{{ $t('login:title:system') }}</div>
-          </div>
+          </div> -->
         </div>
         <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on"
           label-position="left">
@@ -98,10 +96,10 @@
               $t('login:message:PrivacyPolicyName') }}</span>
           </div>
           <div style="text-align: right">
-            <TopLang v-if="
+            <!-- <TopLang v-if="
               VUE_APP_OSS_CONFIG_REGION !== 'oss-us-west-1' &&
               NODE_ENV !== 'usa'
-            " />
+            " /> -->
             <!-- Forget password? -->
             <el-button type="text" size="medium" @click.native.prevent="handleResetPwd" style="color: rgb(0, 147, 221)">
               {{ $t('login:button:forgetPassword') }}

src/views/research/components/LogList.vue

@@ -0,0 +1,93 @@
+<template>
+  <div class="log-list">
+    <el-table v-loading="loading" :data="tableData" v-adaptive="{ bottomOffset: 40 }" height="100" style="width: 100%">
+      <el-table-column prop="CreateTime" :label="$t('trials:researchForm:logList:label:CreateTime')" min-width="120"
+        show-overflow-tooltip>
+        <template slot-scope="scope">
+          {{ scope.row.CreateTime ? moment(scope.row.CreateTime).format('YYYY-MM-DD HH:mm:ss') : '' }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="Name" :label="$t('trials:researchForm:logList:label:Name')" min-width="100"
+        show-overflow-tooltip>
+      </el-table-column>
+      <el-table-column prop="UserType" :label="$t('trials:researchForm:logList:label:UserType')" min-width="100"
+        show-overflow-tooltip>
+        <template slot-scope="scope">
+          {{ scope.row.UserType && $fd('UserType', scope.row.UserType) ? $fd('UserType', scope.row.UserType) : '--' }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="OptType" :label="$t('trials:researchForm:logList:label:OptType')" min-width="100"
+        show-overflow-tooltip>
+        <template slot-scope="scope">
+          {{ $fd('SiteSurveyOptTyp', scope.row.OptType) }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="Json" :label="$t('trials:researchForm:logList:label:Json')" min-width="100"
+        show-overflow-tooltip>
+        <template slot-scope="scope">
+          <el-button v-if="scope.row.Json" type="text" @click="openLog(scope.row)">{{
+            $t('trials:researchForm:logList:label:SurveyForm') }}</el-button>
+        </template>
+      </el-table-column>
+      <el-table-column prop="Reason" :label="$t('trials:researchForm:logList:label:Reason')" min-width="140"
+        show-overflow-tooltip>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+<script>
+import { getSiteSurveyLogList } from '@/api/research'
+import moment from 'moment'
+import { getToken } from '@/utils/auth'
+export default {
+  name: 'LogList',
+  props: {
+    trialSiteSurveyId: {
+      type: String,
+      required: true
+    }
+  },
+  data() {
+    return {
+      loading: false,
+      tableData: [],
+      moment,
+      openWindow: null
+    }
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        let res = await getSiteSurveyLogList({ trialSiteSurveyId: this.trialSiteSurveyId })
+        if (res.IsSuccess) {
+          this.tableData = res.Result
+        }
+      } catch (e) {
+        console.log(e)
+      } finally {
+        this.loading = false
+      }
+    },
+    openLog(row) {
+      if (this.openWindow) {
+        this.openWindow.close()
+      }
+      var token = getToken()
+      var path = `/researchLog?trialId=${this.$route.query.trialId}&trialSiteSurveyId=${this.trialSiteSurveyId}&logId=${row.Id}&TokenKey=${token}`
+
+      this.openWindow = window.open(path, '_blank')
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.log-list {
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+}
+</style>

src/views/research/form.vue

@@ -35,6 +35,10 @@
           <el-button v-if="userTypeEnumInt === 0" type="primary" size="small" @click="handleHistory">
             {{ $t('trials:researchForm:button:historicalRecord') }}
           </el-button>
+          <!-- 操作日志 -->
+          <el-button type="primary" size="small" v-if="!isLog" @click="viewLog">
+            {{ $t('trials:researchForm:button:log') }}
+          </el-button>
           <!-- 退出 -->
           <el-button v-if="userTypeEnumInt === 0" type="primary" size="small" @click="handleBack">
             {{ $t('trials:researchForm:button:loginOut') }}
@@ -133,16 +137,37 @@
           </div>
         </div>
       </span>
-      <div style="height:100%;margin:0;">
+      <div class="history-dialog-content">
         <HistoricalRecord :trial-id="trialId" :site-id="siteId" :trial-site-survey-id="trialSiteSurveyId" />
       </div>
     </el-dialog>
 
+    <el-dialog v-if="logVisible" :visible.sync="logVisible"
+      :custom-class="isFullscreen ? 'full-log-dialog-container' : 'log-dialog-container'" :close-on-click-modal="false"
+      :fullscreen="isFullscreen" :show-close="false" width="60%" append-to-body>
+      <span slot="title" class="dialog-footer">
+        <div style="display: flex;flex-direction: row;justify-content: space-between;">
+          <div>
+            {{ $t('trials:researchForm:button:log') }}
+          </div>
+          <div>
+            <svg-icon :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'"
+              style="vertical-align: baseline;cursor: pointer;font-size: 20px;" @click="toggleLogFullscreen" />
+            <svg-icon icon-class="dClose" style="cursor: pointer;font-size: 25px;margin-left: 10px;"
+              @click="logVisible = false" />
+          </div>
+        </div>
+      </span>
+      <div class="log-dialog-content">
+        <LogList :trial-site-survey-id="trialSiteSurveyId" />
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 <script>
-import { getSiteSurveyInfo, trialSurveySubmit, submissionRejection } from '@/api/research'
+import { getSiteSurveyInfo, trialSurveySubmit, submissionRejection, getSiteSurveyLogList } from '@/api/research'
-import { getQueryString } from '@/utils/history.js'
+import { getQueryString, changeURLStatic } from '@/utils/history.js'
 import BaseInfo from './components/BaseInfo'
 import HistoricalParticipant from './components/HistoricalParticipant'
 import ParticipantList from './components/ParticipantList'
@@ -150,9 +175,11 @@ import EquipmentList from './components/EquipmentList'
 import { mapMutations } from 'vuex'
 import TopLang from './topLang'
 import HistoricalRecord from './components/HistoricalRecord'
+import LogList from './components/LogList'
+import store from '@/store'
 export default {
   name: 'QuestionForm',
-  components: { BaseInfo, HistoricalParticipant, ParticipantList, EquipmentList, TopLang, HistoricalRecord },
+  components: { BaseInfo, HistoricalParticipant, ParticipantList, EquipmentList, TopLang, HistoricalRecord, LogList },
   props: {
     isPreview: {
       type: Boolean,
@@ -175,7 +202,10 @@ export default {
       historyVisible: false,
       siteSurveyNoteInfo: {},
       IsSupportUploadFile: false,
-      IsOnlyUploadFile: false
+      IsOnlyUploadFile: false,
+      logVisible: false,
+      isLog: false,
+      logId: null
     }
   },
   mounted() {
@@ -191,6 +221,12 @@ export default {
     this.setLanguage(lang)
     this.$updateDictionary()
     this.trialSiteSurveyId = getQueryString('trialSiteSurveyId')
+    this.logId = getQueryString('logId')
+    if (this.logId) this.isLog = true
+    if (this.$router.currentRoute.query.TokenKey) {
+      store.dispatch('user/setToken', this.$router.currentRoute.query.TokenKey)
+      changeURLStatic('TokenKey', '')
+    }
     this.initPage()
     if (zzSessionStorage.getItem('userTypeEnumInt')) {
       this.userTypeEnumInt = zzSessionStorage.getItem('userTypeEnumInt') * 1
@@ -198,7 +234,7 @@ export default {
   },
   computed: {
     isPM() {
-      return this.hasPermi(['role:pm', 'role:spm', 'role:cpm', 'role:apm']) && this.state !== 3
+      return this.hasPermi(['role:pm', 'role:spm', 'role:cpm', 'role:apm']) && this.state !== 3 && this.IsOnlyUploadFile
     }
   },
   methods: {
@@ -206,36 +242,75 @@ export default {
     // 初始化页面
     initPage() {
       this.loading = true
-      getSiteSurveyInfo(this.trialId, this.trialSiteSurveyId).then(res => {
+      if (this.isLog) {
-        if (res.Result) {
+        getSiteSurveyLogList({ trialSiteSurveyId: this.trialSiteSurveyId, Id: this.logId }).then(r => {
-          // this.trialSiteSurveyEquipmentType = res.Result.TrialInfo.TrialSiteSurveyEquipmentType
+          if (r.Result && r.Result[0].Json) {
-          // this.trialSiteSurveyUserRoles = res.Result.TrialInfo.TrialSiteSurveyUserRoles
+            let res = {
-          if (res.Result.SiteSurveyFiledConfig && res.Result.SiteSurveyFiledConfig.ModifyFiledList.length > 0) {
+              Result: JSON.parse(r.Result[0].Json)
-            this.siteSurveyNoteInfo = res.Result.SiteSurveyFiledConfig.ModifyFiledList.find(i => i.NeedModifyFiled === 'SiteSurveyNote')
-          }
-          this.IsSupportUploadFile = res.Result.SiteSurveyFiledConfig.IsSupportUploadFile
-          this.IsOnlyUploadFile = res.Result.SiteSurveyFiledConfig.IsOnlyUploadFile
-          this.siteSurveyNoteInfo.IsCloseEquipmentSurvey = res.Result.SiteSurveyFiledConfig.IsCloseEquipmentSurvey
-          this.state = res.Result.TrialSiteSurvey.State
-          this.siteId = res.Result.TrialSiteSurvey.TrialSiteId
-          this.$refs['baseResearchInfo'].initForm(res.Result.TrialInfo, res.Result.TrialSiteSurvey, res.Result.SiteSurveyFiledConfig ? res.Result.SiteSurveyFiledConfig.NotShowFieldList : null)
-          var historicalArr = []
-          var newArr = []
-          res.Result.TrialSiteUserSurveyList.map(i => {
-            if (i.IsHistoryUser) {
-              historicalArr.push(i)
-            } else {
-              newArr.push(i)
             }
-          })
+            if (res.Result) {
+              // this.trialSiteSurveyEquipmentType = res.Result.TrialInfo.TrialSiteSurveyEquipmentType
+              // this.trialSiteSurveyUserRoles = res.Result.TrialInfo.TrialSiteSurveyUserRoles
+              if (res.Result.SiteSurveyFiledConfig && res.Result.SiteSurveyFiledConfig.ModifyFiledList.length > 0) {
+                this.siteSurveyNoteInfo = res.Result.SiteSurveyFiledConfig.ModifyFiledList.find(i => i.NeedModifyFiled === 'SiteSurveyNote')
+              }
+              this.IsSupportUploadFile = res.Result.SiteSurveyFiledConfig.IsSupportUploadFile
+              this.IsOnlyUploadFile = res.Result.SiteSurveyFiledConfig.IsOnlyUploadFile
+              this.siteSurveyNoteInfo.IsCloseEquipmentSurvey = res.Result.SiteSurveyFiledConfig.IsCloseEquipmentSurvey
+              this.state = 3
+              this.siteId = res.Result.TrialSiteSurvey.TrialSiteId
+              this.$refs['baseResearchInfo'].initForm(res.Result.TrialInfo, res.Result.TrialSiteSurvey, res.Result.SiteSurveyFiledConfig ? res.Result.SiteSurveyFiledConfig.NotShowFieldList : null)
+              var historicalArr = []
+              var newArr = []
+              res.Result.TrialSiteUserSurveyList.map(i => {
+                if (i.IsHistoryUser) {
+                  historicalArr.push(i)
+                } else {
+                  newArr.push(i)
+                }
+              })
+
+              this.$refs['historicalParticipant'].initList(historicalArr, res.Result.TrialSiteSurvey)
+              this.$refs['researchParticipants'].initList(newArr, res.Result.TrialSiteSurvey)
+              this.$refs['researchEquipments'].initList(res.Result.TrialSiteEquipmentSurveyList, res.Result.TrialSiteSurvey, res.Result.SiteSurveyFiledConfig.EquipmentControlFieldList)
+              this.isExistIncorrect = res.Result.TrialSiteUserSurveyList.every(item => item.IsCorrect === false)
+            }
+            this.loading = false
+          }
+        }).catch((err) => { console.log(err); this.loading = false })
+      } else {
+        getSiteSurveyInfo(this.trialId, this.trialSiteSurveyId).then(res => {
+          if (res.Result) {
+            // this.trialSiteSurveyEquipmentType = res.Result.TrialInfo.TrialSiteSurveyEquipmentType
+            // this.trialSiteSurveyUserRoles = res.Result.TrialInfo.TrialSiteSurveyUserRoles
+            if (res.Result.SiteSurveyFiledConfig && res.Result.SiteSurveyFiledConfig.ModifyFiledList.length > 0) {
+              this.siteSurveyNoteInfo = res.Result.SiteSurveyFiledConfig.ModifyFiledList.find(i => i.NeedModifyFiled === 'SiteSurveyNote')
+            }
+            this.IsSupportUploadFile = res.Result.SiteSurveyFiledConfig.IsSupportUploadFile
+            this.IsOnlyUploadFile = res.Result.SiteSurveyFiledConfig.IsOnlyUploadFile
+            this.siteSurveyNoteInfo.IsCloseEquipmentSurvey = res.Result.SiteSurveyFiledConfig.IsCloseEquipmentSurvey
+            this.state = res.Result.TrialSiteSurvey.State
+            this.siteId = res.Result.TrialSiteSurvey.TrialSiteId
+            this.$refs['baseResearchInfo'].initForm(res.Result.TrialInfo, res.Result.TrialSiteSurvey, res.Result.SiteSurveyFiledConfig ? res.Result.SiteSurveyFiledConfig.NotShowFieldList : null)
+            var historicalArr = []
+            var newArr = []
+            res.Result.TrialSiteUserSurveyList.map(i => {
+              if (i.IsHistoryUser) {
+                historicalArr.push(i)
+              } else {
+                newArr.push(i)
+              }
+            })
+
+            this.$refs['historicalParticipant'].initList(historicalArr, res.Result.TrialSiteSurvey)
+            this.$refs['researchParticipants'].initList(newArr, res.Result.TrialSiteSurvey)
+            this.$refs['researchEquipments'].initList(res.Result.TrialSiteEquipmentSurveyList, res.Result.TrialSiteSurvey, res.Result.SiteSurveyFiledConfig.EquipmentControlFieldList)
+            this.isExistIncorrect = res.Result.TrialSiteUserSurveyList.every(item => item.IsCorrect === false)
+          }
+          this.loading = false
+        }).catch(() => { this.loading = false })
+      }
 
-          this.$refs['historicalParticipant'].initList(historicalArr, res.Result.TrialSiteSurvey)
-          this.$refs['researchParticipants'].initList(newArr, res.Result.TrialSiteSurvey)
-          this.$refs['researchEquipments'].initList(res.Result.TrialSiteEquipmentSurveyList, res.Result.TrialSiteSurvey, res.Result.SiteSurveyFiledConfig.EquipmentControlFieldList)
-          this.isExistIncorrect = res.Result.TrialSiteUserSurveyList.every(item => item.IsCorrect === false)
-        }
-        this.loading = false
-      }).catch(() => { this.loading = false })
     },
     // 提交
     handleSubmit(type) {
@@ -347,7 +422,14 @@ export default {
     handleHistory() {
       this.isFullscreen = false
       this.historyVisible = true
-    }
+    },
+    toggleLogFullscreen() {
+      this.isFullscreen = !this.isFullscreen
+    },
+    viewLog() {
+      this.isFullscreen = false
+      this.logVisible = true
+    },
   }
 }
 </script>
@@ -399,5 +481,45 @@ export default {
     }
   }
 
+  .history-dialog-content,
+  .log-dialog-content {
+    height: 100%;
+    margin: 0;
+  }
+
+  .log-dialog-content {
+    overflow: hidden;
+  }
+
+}
+</style>
+<style lang="scss">
+.full-log-dialog-container,
+.log-dialog-container {
+  overflow: hidden;
+}
+
+.full-log-dialog-container {
+  display: flex;
+  flex-direction: column;
+}
+
+.full-log-dialog-container .el-dialog__body {
+  flex: 1;
+  min-height: 0;
+  padding: 10px;
+  overflow: hidden;
+}
+
+.log-dialog-container .el-dialog__body {
+  height: calc(100% - 80px);
+  padding: 10px;
+  overflow: hidden;
+}
+
+.full-log-dialog-container .log-dialog-content,
+.log-dialog-container .log-dialog-content {
+  height: 100%;
+  overflow: hidden;
 }
 </style>

src/views/reviewers/components/Pay.vue

@@ -155,17 +155,6 @@ export default {
           },
         ],
         IdCard: [
-          {
-            validator: (rule, value, callback) => {
-              let reg = new RegExp(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/, 'ig')
-              if (value && !reg.test(value)) {
-                callback(new Error(this.$t('common:ruleMessage:pattern')))
-              } else {
-                callback()
-              }
-            },
-            trigger: 'blur',
-          },
           {
             max: 400,
             message: this.$t('form:rules:maxLength:400'),
@@ -173,17 +162,6 @@ export default {
           },
         ],
         BankPhoneNum: [
-          {
-            validator: (rule, value, callback) => {
-              let reg = new RegExp(/^\d{11}$/, 'i')
-              if (value && !reg.test(value)) {
-                callback(new Error(this.$t('common:ruleMessage:pattern')))
-              } else {
-                callback()
-              }
-            },
-            trigger: 'blur',
-          },
           {
             max: 400,
             message: this.$t('form:rules:maxLength:400'),

src/views/reviewers/components/Setting.vue

@@ -21,7 +21,7 @@
             :maxlength="400"
           />
         </el-form-item>
-        <el-form-item
+        <!-- <el-form-item
           :label="$t('system:Setting:label:Blind NameCN')"
           prop="BlindNameCN"
         >
@@ -30,7 +30,7 @@
             style="width: 300px"
             :maxlength="400"
           />
-        </el-form-item>
+        </el-form-item> -->
         <el-form-item
           :label="$t('system:Setting:label:Blind Publications')"
           prop="BlindPublications"

src/views/reviewers/curriculumVitae/components/info/pay.vue

@@ -211,17 +211,6 @@ export default {
           },
         ],
         IdCard: [
-          {
-            validator: (rule, value, callback) => {
-              let reg = new RegExp(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/, 'ig')
-              if (value && !reg.test(value)) {
-                callback(new Error(this.$t('common:ruleMessage:pattern')))
-              } else {
-                callback()
-              }
-            },
-            trigger: 'blur',
-          },
           {
             max: 400,
             message: this.$t('form:rules:maxLength:400'),
@@ -229,17 +218,6 @@ export default {
           },
         ],
         BankPhoneNum: [
-          {
-            validator: (rule, value, callback) => {
-              let reg = new RegExp(/^\d{11}$/, 'i')
-              if (value && !reg.test(value)) {
-                callback(new Error(this.$t('common:ruleMessage:pattern')))
-              } else {
-                callback()
-              }
-            },
-            trigger: 'blur',
-          },
           {
             max: 400,
             message: this.$t('form:rules:maxLength:400'),

src/views/reviewers/curriculumVitae/components/info/setting.vue

@@ -19,12 +19,12 @@
         >
           {{ DATA.BlindName }}
         </el-form-item>
-        <el-form-item
+        <!-- <el-form-item
           :label="$t('system:Setting:label:Blind NameCN')"
           style="width: 45%"
         >
           {{ DATA.BlindNameCN }}
-        </el-form-item>
+        </el-form-item> -->
         <div style="display: flex; font-size: 14px; margin-bottom: 22px">
           <span style="display: inline-block; width: 120px; color: #000">{{
             $t('system:Setting:label:Blind Publications')
@@ -109,19 +109,19 @@
           <div class="form_title">
             {{ $t('system:Setting:title:Blinded information') }}
           </div>
-          <el-row>
+          <!-- <el-row>
-            <el-col :span="12">
+            <el-col :span="12"> -->
-              <el-form-item
+          <el-form-item
-                :label="$t('system:Setting:label:Blind Name')"
+            :label="$t('system:Setting:label:Blind Name')"
-                prop="BlindName"
+            prop="BlindName"
-              >
+          >
-                <el-input
+            <el-input
-                  v-model="form.BlindName"
+              v-model="form.BlindName"
-                  clearable
+              clearable
-                  :maxlength="400"
+              :maxlength="400"
-                ></el-input>
+            ></el-input>
-              </el-form-item>
+          </el-form-item>
-            </el-col>
+          <!-- </el-col>
             <el-col :span="12">
               <el-form-item
                 :label="$t('system:Setting:label:Blind NameCN')"
@@ -134,7 +134,7 @@
                 ></el-input>
               </el-form-item>
             </el-col>
-          </el-row>
+          </el-row> -->
           <el-form-item
             :label="$t('system:Setting:label:Blind Publications')"
             prop="BlindPublications"

src/views/reviewers/curriculumVitae/preview.vue

@@ -591,32 +591,9 @@
       </div>
     </div>
     <div class="file" v-if="isAll && hasFile">
-      <div
+      <div class="curriculum" v-if="resumeListEN && resumeListEN.length > 0">
-        class="curriculum"
-        v-if="
-          (resumeListCN && resumeListCN.length > 0) ||
-          (resumeListEN && resumeListEN.length > 0)
-        "
-      >
         <div class="title">{{ $t('curriculumVitae:curriculum:title') }}</div>
         <div class="fileBox">
-          <div
-            class="file_title"
-            v-if="resumeListCN && resumeListCN.length > 0"
-          >
-            {{ $t('curriculumVitae:curriculum:fileTitle:CN') }}
-          </div>
-          <template v-if="true">
-            <div class="file" v-for="item in resumeListCN" :key="item.Id">
-              <div class="name" :title="item.FileName">{{ item.FileName }}</div>
-              <i
-                class="el-icon-download"
-                :title="$t('common:button:download')"
-                @click.stop="handlePreview(item)"
-              />
-            </div>
-          </template>
-          <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
           <div
             class="file_title"
             v-if="resumeListEN && resumeListEN.length > 0"

src/views/trials/trials-layout/components/trialsNavbar.vue

@@ -1,12 +1,10 @@
 <template>
   <div class="trials-navbar" style="position: relative">
     <div class="leftMenu">
-      <img v-if="NODE_ENV === 'usa'" src="@/assets/title-logo.png" alt="" class="title-logo" />
+      <img src="@/assets/title-logo.png" alt="" class="title-logo" />
-      <img v-else src="@/assets/system.png" alt="" style="width: 150px;height: 50px;margin-bottom: -7px;" />
+      <!-- <span style="white-space: nowrap" v-if="NODE_ENV !== 'usa'">
-      <span style="white-space: nowrap" v-if="NODE_ENV !== 'usa'">
-        <!-- 中心影像系统（EICS） -->
         {{ $t('trials:trials:title:eics') }}
-      </span>
+      </span> -->
     </div>
     <div class="center-menu">
       <NoticeMarquee />

src/views/trials/trials-panel/attachments/site-research/components/Equipments.vue

@@ -0,0 +1,311 @@
+<template>
+  <BaseContainer>
+    <!-- 搜索框 -->
+    <template slot="search-container">
+      <el-form :inline="true">
+        <!-- 中心编号 -->
+        <el-form-item :label="$t('trials:researchStaff:table:siteId')">
+          <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.TrialSiteId" />
+          </el-select>
+        </el-form-item>
+        <!-- 中心名称 -->
+        <el-form-item :label="$t('trials:researchStaff:table:siteName')">
+          <el-input v-model="searchData.TrialSiteName" class="mr" clearable style="width:120px;" />
+        </el-form-item>
+        <!-- 状态 -->
+        <el-form-item :label="$t('trials:researchRecord:table:status')">
+          <el-select v-model="searchData.State" clearable filterable style="width: 120px">
+            <el-option v-for="(item, index) of $d.ResearchRecord" :key="index" :label="item.label"
+              :value="item.value" />
+          </el-select>
+        </el-form-item>
+        <!-- 是否废除 -->
+        <!-- <el-form-item :label="$t('trials:researchRecord:table:isDeleted')">
+          <el-select v-model="searchData.IsDeleted" clearable filterable style="width: 120px">
+            <el-option v-for="item of $d.YesOrNo" v-show="item.raw.ValueCN !== '无'" :key="`IsDeleted${item.value}`"
+              :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-form-item>
+        <!-- 重置 -->
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
+            {{ $t('common:button:reset') }}
+          </el-button>
+        </el-form-item>
+        <!-- 导出 -->
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-download" :disabled="list.length === 0" @click="handleExport">
+            {{ $t('common:button:export') }}
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </template>
+
+    <template slot="main-container">
+      <el-table ref="equipmentsList" v-loading="loading" v-adaptive="{ bottomOffset: 55 }" :data="list" stripe
+        height="100" @sort-change="handleSortByColumn">
+        <el-table-column type="index" width="50" />
+        <!-- 中心编号 -->
+        <el-table-column prop="TrialSiteCode" :label="$t('trials:researchStaff:table:siteId')" show-overflow-tooltip
+          sortable="custom" min-width="100">
+        </el-table-column>
+        <!-- 中心名称 -->
+        <el-table-column prop="TrialSiteName" :label="$t('trials:researchStaff:table:siteName')" show-overflow-tooltip
+          sortable="custom" min-width="120">
+        </el-table-column>
+        <!-- 状态 -->
+        <el-table-column prop="State" :label="$t('trials:researchRecord:table:status')" min-width="150"
+          sortable="custom" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.State === 0" type="primary">{{
+              $fd('ResearchRecord', scope.row.State)
+            }}</el-tag>
+            <el-tag v-if="scope.row.State === 1" type="info">{{
+              $fd('ResearchRecord', scope.row.State)
+            }}</el-tag>
+            <el-tag v-if="scope.row.State === 2" type="warning">{{
+              $fd('ResearchRecord', scope.row.State)
+            }}</el-tag>
+            <el-tag v-if="scope.row.State === 3" type="danger">{{
+              $fd('ResearchRecord', scope.row.State)
+            }}</el-tag>
+          </template>
+        </el-table-column>
+        <!-- 是否废除 -->
+        <!-- <el-table-column prop="IsDeleted" :label="$t('trials:researchRecord:table:isDeleted')" min-width="100"
+          sortable="custom" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.IsDeleted" type="danger">{{
+              $fd('YesOrNo', scope.row.IsDeleted)
+            }}</el-tag>
+            <el-tag v-else type="primary">{{
+              $fd('YesOrNo', scope.row.IsDeleted)
+            }}</el-tag>
+          </template>
+        </el-table-column> -->
+        <!-- 联系人 -->
+        <el-table-column prop="UserName" :label="$t('trials:researchForm:form:contactor')" show-overflow-tooltip
+          sortable="custom" min-width="100" />
+        <!-- 联系电话 -->
+        <el-table-column prop="Phone" :label="$t('trials:researchForm:form:contactorPhone')" show-overflow-tooltip
+          sortable="custom" min-width="100" />
+        <!-- 联系邮箱 -->
+        <el-table-column prop="Email" :label="$t('trials:researchForm:form:contactorEmail')" show-overflow-tooltip
+          sortable="custom" min-width="100" />
+        <template v-if="equipmentControlFieldList.includes('EquipmentTypeEnum')">
+          <!-- 扫描设备 -->
+          <el-table-column prop="EquipmentTypeEnum" :label="$t('trials:equiptResearch:form:equipment')" min-width="120"
+            show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ scope.row.OtherEquipmentType ? scope.row.OtherEquipmentType :
+                $fd('SiteSurvey_ScanEquipmentType', scope.row.EquipmentTypeEnum) }}
+            </template>
+          </el-table-column>
+        </template>
+        <template v-if="equipmentControlFieldList.includes('Parameters')">
+          <!-- 扫描参数 -->
+          <el-table-column prop="Parameters" :label="$t('trials:equiptResearch:form:param')" min-width="100"
+            show-overflow-tooltip />
+        </template>
+
+        <template v-if="equipmentControlFieldList.includes('ManufacturerType')">
+          <!-- 扫描仪器制造商名称 -->
+          <el-table-column min-width="120" prop="ManufacturerType"
+            :label="$t('trials:equiptResearch:form:manufacturer')" show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ scope.row.ManufacturerName ? scope.row.ManufacturerName : $fd('ManufacturerType',
+                scope.row.ManufacturerType) }}
+            </template>
+          </el-table-column>
+        </template>
+
+        <template v-if="equipmentControlFieldList.includes('ScannerType')">
+          <!-- 扫描仪型号 -->
+          <el-table-column min-width="120" prop="ScannerType" :label="$t('trials:equiptResearch:form:model')"
+            show-overflow-tooltip />
+        </template>
+
+        <template v-if="equipmentControlFieldList.includes('MagneticFieldStrengthType')">
+          <!-- 磁场强度 -->
+          <el-table-column min-width="120" prop="MagneticFieldStrengthType"
+            :label="$t('trials:equiptResearch:form:MagneticFieldStrengthType')" show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ $fd('MagneticFieldStrengthType', scope.row.MagneticFieldStrengthType) }}
+            </template>
+          </el-table-column>
+        </template>
+
+        <template v-if="equipmentControlFieldList.includes('BodyCoilChannelCount')">
+          <!-- 体部线圈通道数 -->
+          <el-table-column min-width="120" prop="BodyCoilChannelCount"
+            :label="$t('trials:equiptResearch:form:BodyCoilChannelCount')" show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ $fd('BodyCoilChannelCount', scope.row.BodyCoilChannelCount) }}
+            </template>
+          </el-table-column>
+        </template>
+
+        <template v-if="equipmentControlFieldList.includes('HasDedicatedPdfFatQuantificationSequence')">
+          <!-- 是否具备专用的PDFF脂肪定量序列（CSE-MRI序列） -->
+          <el-table-column min-width="120" prop="HasDedicatedPdfFatQuantificationSequence"
+            :label="$t('trials:equiptResearch:form:HasDedicatedPdfFatQuantificationSequence')" show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ $fd('YesOrNo', scope.row.HasDedicatedPdfFatQuantificationSequence) }}
+            </template>
+          </el-table-column>
+        </template>
+
+        <template v-if="equipmentControlFieldList.includes('PdfFatQuantificationSequenceType')">
+          <!-- 专用的PDFF脂肪定量序列类型 -->
+          <el-table-column min-width="120" prop="PdfFatQuantificationSequenceType"
+            :label="$t('trials:equiptResearch:form:PdfFatQuantificationSequenceType')" show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ scope.row.OtherSequenceSpecification ? scope.row.OtherSequenceSpecification :
+                $fd('PdfFatQuantificationSequenceType', scope.row.PdfFatQuantificationSequenceType) }}
+            </template>
+          </el-table-column>
+        </template>
+
+        <template v-if="equipmentControlFieldList.includes('HasT2R2Correction')">
+          <!-- 是否包含 T2/R2 校正（用于铁沉积校正） -->
+          <el-table-column min-width="120" prop="HasT2R2Correction"
+            :label="$t('trials:equiptResearch:form:HasT2R2Correction')" show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ $fd('YesOrNo', scope.row.HasT2R2Correction) }}
+            </template>
+          </el-table-column>
+        </template>
+
+        <template v-if="equipmentControlFieldList.includes('CanFullyExportPdfParameterMapsAndRawDicom')">
+          <!-- 是否可完整导出 PDFF 参数图及全部原始 DICOM 数据 -->
+          <el-table-column prop="CanFullyExportPdfParameterMapsAndRawDicom"
+            :label="$t('trials:equiptResearch:form:CanFullyExportPdfParameterMapsAndRawDicom')" min-width="120"
+            show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ $fd('YesOrNo', scope.row.CanFullyExportPdfParameterMapsAndRawDicom) }}
+            </template>
+          </el-table-column>
+        </template>
+
+        <template v-if="equipmentControlFieldList.includes('Note')">
+          <!-- 备注 -->
+          <el-table-column min-width="120" prop="Note" :label="$t('trials:equiptResearch:form:remark')"
+            show-overflow-tooltip />
+        </template>
+
+      </el-table>
+
+      <!-- 分页组件 -->
+      <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize"
+        @pagination="getList" />
+    </template>
+  </BaseContainer>
+</template>
+<script>
+import { getTrialSiteSelect } from '@/api/trials'
+import { getSiteSurveyEquipmentList } from '@/api/research'
+import BaseContainer from '@/components/BaseContainer'
+import Pagination from '@/components/Pagination'
+import { getSiteSurveyEquipmentList_Export } from '@/api/export'
+const searchDataDefault = () => {
+  return {
+    SortField: '',
+    State: "",
+    Asc: true,
+    PageIndex: 1,
+    PageSize: 20,
+    TrialId: '',
+    TrialSiteId: '',
+    TrialSiteName: ''
+  }
+}
+export default {
+  name: 'Equipments',
+  components: { BaseContainer, Pagination },
+  data() {
+    return {
+      searchData: searchDataDefault(),
+      loading: false,
+      list: [],
+      total: 0,
+      trialId: '',
+      otherInfo: {},
+      siteOptions: [],
+      equipmentControlFieldList: []
+    }
+  },
+  mounted() {
+    this.trialId = this.$route.query.trialId
+    this.getList()
+    this.getSite()
+  },
+  methods: {
+    async handleExport() {
+      await getSiteSurveyEquipmentList_Export(this.searchData)
+    },
+    async getList() {
+      try {
+        this.loading = true
+        this.searchData.TrialId = this.trialId
+        let res = await getSiteSurveyEquipmentList(this.searchData)
+        if (res.IsSuccess) {
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
+          this.otherInfo = res.OtherInfo
+          const { EquipmentControlFieldList } = res.OtherInfo
+          this.equipmentControlFieldList = []
+          EquipmentControlFieldList.forEach(item => {
+            this.equipmentControlFieldList.push(item.FiledName)
+          })
+          this.$nextTick(() => {
+            this.$refs.equipmentsList.doLayout()
+          })
+        }
+      } catch (e) {
+        console.log(e)
+      } finally {
+        this.loading = false
+      }
+    },
+    // 获取site下拉框数据
+    async getSite() {
+      try {
+        let res = await getTrialSiteSelect(this.trialId)
+        this.siteOptions = res.Result
+      } catch (e) {
+        console.log(e)
+      }
+    },
+    // 重置
+    handleReset() {
+      this.searchData = searchDataDefault()
+      this.getList()
+      this.$nextTick(() => {
+        this.$refs.list.clearSort()
+      })
+    },
+    // 查询
+    handleSearch() {
+      this.getList()
+    },
+    // 排序
+    handleSortByColumn(column) {
+      if (column.order === 'ascending') {
+        this.searchData.Asc = true
+      } else {
+        this.searchData.Asc = false
+      }
+      this.searchData.SortField = column.prop
+      this.getList()
+    }
+  }
+}
+</script>

src/views/trials/trials-panel/attachments/site-research/components/Questions.vue

@@ -0,0 +1,356 @@
+<template>
+  <BaseContainer>
+    <!-- 搜索框 -->
+    <template slot="search-container">
+      <el-form :inline="true">
+        <!-- 中心编号 -->
+        <el-form-item :label="$t('trials:researchStaff:table:siteId')">
+          <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.TrialSiteId" />
+          </el-select>
+        </el-form-item>
+        <!-- 中心名称 -->
+        <el-form-item :label="$t('trials:researchStaff:table:siteName')">
+          <el-input v-model="searchData.TrialSiteName" class="mr" clearable style="width:120px;" />
+        </el-form-item>
+        <!-- 状态 -->
+        <el-form-item :label="$t('trials:researchRecord:table:status')">
+          <el-select v-model="searchData.State" clearable filterable style="width: 120px">
+            <el-option v-for="(item, index) of $d.ResearchRecord" :key="index" :label="item.label"
+              :value="item.value" />
+          </el-select>
+        </el-form-item>
+        <!-- 是否废除 -->
+        <!-- <el-form-item :label="$t('trials:researchRecord:table:isDeleted')">
+          <el-select v-model="searchData.IsDeleted" clearable filterable style="width: 120px">
+            <el-option v-for="item of $d.YesOrNo" v-show="item.raw.ValueCN !== '无'" :key="`IsDeleted${item.value}`"
+              :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-form-item>
+        <!-- 重置 -->
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
+            {{ $t('common:button:reset') }}
+          </el-button>
+        </el-form-item>
+        <!-- 导出 -->
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-download" :disabled="list.length === 0" @click="handleExport">
+            {{ $t('common:button:export') }}
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </template>
+
+    <template slot="main-container">
+      <el-table ref="questionsList" v-loading="loading" v-adaptive="{ bottomOffset: 55 }" :data="list" stripe
+        height="100" @sort-change="handleSortByColumn">
+        <el-table-column type="index" width="50" />
+
+        <!-- 项目编号 -->
+        <!-- <el-table-column
+          prop="TrialCode"
+          :label="$t('trials:researchForm:form:trialId')"
+          show-overflow-tooltip
+          sortable="custom"
+          min-width="100"
+        /> -->
+        <!-- 试验方案号 -->
+        <!-- <el-table-column
+          prop="ResearchProgramNo"
+          :label="$t('trials:researchForm:form:researchNo')"
+          show-overflow-tooltip
+          sortable="custom"
+          min-width="100"
+        /> -->
+        <!-- 试验名称 -->
+        <!-- <el-table-column
+          prop="ExperimentName"
+          :label="$t('trials:researchForm:form:researchName')"
+          show-overflow-tooltip
+          sortable="custom"
+          min-width="100"
+        /> -->
+        <!-- 适应症类型 -->
+        <!-- <el-table-column
+          prop="IndicationType"
+          :label="$t('trials:researchForm:form:decleareType')"
+          show-overflow-tooltip
+          sortable="custom"
+          min-width="100"
+        /> -->
+        <!-- 适应症类型 -->
+        <!-- <el-table-column
+          prop="IndicationType"
+          :label="$t('trials:researchForm:form:decleareType')"
+          show-overflow-tooltip
+          sortable="custom"
+          min-width="100"
+        /> -->
+
+        <!-- 中心编号 -->
+        <el-table-column prop="TrialSiteCode" :label="$t('trials:researchStaff:table:siteId')" show-overflow-tooltip
+          sortable="custom" min-width="100" />
+        <!-- 中心名称 -->
+        <el-table-column prop="SiteName" :label="$t('trials:researchStaff:table:siteName')" show-overflow-tooltip
+          sortable="custom" min-width="100" />
+        <!-- 状态 -->
+        <el-table-column prop="State" :label="$t('trials:researchRecord:table:status')" min-width="150"
+          sortable="custom" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.State === 0" type="primary">{{
+              $fd('ResearchRecord', scope.row.State)
+            }}</el-tag>
+            <el-tag v-if="scope.row.State === 1" type="info">{{
+              $fd('ResearchRecord', scope.row.State)
+            }}</el-tag>
+            <el-tag v-if="scope.row.State === 2" type="warning">{{
+              $fd('ResearchRecord', scope.row.State)
+            }}</el-tag>
+            <el-tag v-if="scope.row.State === 3" type="danger">{{
+              $fd('ResearchRecord', scope.row.State)
+            }}</el-tag>
+          </template>
+        </el-table-column>
+        <!-- 是否废除 -->
+        <!-- <el-table-column prop="IsDeleted" :label="$t('trials:researchRecord:table:isDeleted')" min-width="100"
+          sortable="custom" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.IsDeleted" type="danger">{{
+              $fd('YesOrNo', scope.row.IsDeleted)
+            }}</el-tag>
+            <el-tag v-else type="primary">{{
+              $fd('YesOrNo', scope.row.IsDeleted)
+            }}</el-tag>
+          </template>
+        </el-table-column> -->
+        <!-- 联系人 -->
+        <el-table-column prop="UserName" :label="$t('trials:researchForm:form:contactor')" show-overflow-tooltip
+          sortable="custom" min-width="100" />
+        <!-- 联系电话 -->
+        <el-table-column prop="Phone" :label="$t('trials:researchForm:form:contactorPhone')" show-overflow-tooltip
+          sortable="custom" min-width="100" />
+        <!-- 联系邮箱 -->
+        <el-table-column prop="Email" :label="$t('trials:researchForm:form:contactorEmail')" show-overflow-tooltip
+          sortable="custom" min-width="100" />
+        <el-table-column v-show="otherInfo.IsSupportUploadFile" prop="SiteSurveyFile.FileName"
+          :label="$t('trials:researchForm:form:SiteSurveyFile')" show-overflow-tooltip min-width="100">
+          <template slot-scope="scope">
+            <el-button v-if="scope.row.SiteSurveyFile && scope.row.SiteSurveyFile.FileName" type="text"
+              @click="viewFile(scope.row.SiteSurveyFile)">
+              {{ scope.row.SiteSurveyFile.FileName }}
+            </el-button>
+          </template>
+        </el-table-column>
+        <template v-if="!notShowFieldList.includes('AverageEngravingCycle')">
+          <!-- 平均刻盘周期（天） -->
+          <el-table-column prop="AverageEngravingCycle" :label="$t('trials:researchForm:form:engravingCycle')"
+            show-overflow-tooltip />
+        </template>
+        <template v-if="!notShowFieldList.includes('IsRoutineMRIPDEE')">
+          <!--  MRI-PDFF 是否为本中心该适应症的常规诊疗检查项目？ -->
+          <el-table-column prop="IsRoutineMRIPDEE" :label="$t('trials:researchForm:form:IsRoutineMRIPDEE')"
+            show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ $fd('YesOrNo', scope.row.IsRoutineMRIPDEE) }}
+            </template>
+          </el-table-column>
+        </template>
+        <template
+          v-if="!notShowFieldList.includes('MRIPDFFScanTime') || !notShowFieldList.includes('MRIPDFFLeadTime') || !notShowFieldList.includes('MRIPDFFOther')">
+          <!--  MRI-PDFF 检查的检测周期（含单次检查时长、预约等待时长等） -->
+          <!-- <el-table-column :label="$t('trials:researchForm:form:IsRoutineMRIPDEE')"> -->
+            <!-- 单次检查时长（分钟） -->
+            <el-table-column v-show="!notShowFieldList.includes('MRIPDFFScanTime')" prop="MRIPDFFScanTime"
+              :label="$t('trials:researchForm:form:MRIPDFFScanTime')" show-overflow-tooltip />
+            <!-- 平均预约等待时长（天） -->
+            <el-table-column v-show="!notShowFieldList.includes('MRIPDFFLeadTime')" prop="MRIPDFFLeadTime"
+              :label="$t('trials:researchForm:form:MRIPDFFLeadTime')" show-overflow-tooltip />
+            <!-- 特殊情况备注-->
+            <el-table-column v-show="!notShowFieldList.includes('MRIPDFFOther')" prop="MRIPDFFOther"
+              :label="$t('trials:researchForm:form:MRIPDFFOther')" show-overflow-tooltip />
+          <!-- </el-table-column> -->
+        </template>
+        <template
+          v-if="!notShowFieldList.includes('IsAuthorizeRadiologistsParticipate') || !notShowFieldList.includes('AssignFixedTechnologists')">
+          <!--  如已选择研究者评估，项目是否会授权影像科老师参与本试验？如不单独授权，是否可在试验中保持 1-2 名固定技师操作？ -->
+          <el-table-column prop="IsAuthorize" :label="$t('trials:researchForm:form:IsAuthorize')" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <span v-if="scope.row.IsAuthorizeRadiologistsParticipate">
+                {{ $t('trials:researchForm:form:IsAuthorizeRadiologistsParticipate') }}
+              </span>
+              <span v-else-if="scope.row.AssignFixedTechnologists">
+                {{ $t('trials:researchForm:form:AssignFixedTechnologists') }}
+              </span>
+            </template>
+          </el-table-column>
+        </template>
+        <template v-if="!notShowFieldList.includes('IsConfirmImagingTechnologist')">
+          <!--  请确认参与本项目影像采集的影像技师具备对应的资质（如：“技师证”，对应设备的“大型设备上岗证”） -->
+          <el-table-column prop="IsConfirmImagingTechnologist" :label="$t('trials:researchForm:form:isQualified')"
+            show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ $fd('YesOrNo', scope.row.IsConfirmImagingTechnologist) }}
+            </template>
+          </el-table-column>
+        </template>
+        <template v-if="!notShowFieldList.includes('NotConfirmReson')">
+          <!-- 原因 -->
+          <el-table-column prop="NotConfirmReson" :label="$t('trials:researchForm:form:notQualifiedReason')"
+            show-overflow-tooltip />
+        </template>
+        <template v-if="!notShowFieldList.includes('EfficacyEvaluatorType')">
+          <!-- 研究单位疗效评估人员类型 -->
+          <el-table-column prop="EfficacyEvaluatorType" :label="$t('trials:researchForm:form:staffType')"
+            show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ $fd('EfficacyEvaluatorType', scope.row.EfficacyEvaluatorType) }}
+            </template>
+          </el-table-column>
+        </template>
+        <template v-if="!notShowFieldList.includes('IsFollowStudyParameters')">
+          <!-- 是否严格按照研究单位影像手册参数完成图像采集 -->
+          <el-table-column prop="IsFollowStudyParameters" :label="$t('trials:researchForm:form:isFollowStudyParam')"
+            show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ $fd('YesOrNo', scope.row.IsFollowStudyParameters) }}
+            </template>
+          </el-table-column>
+        </template>
+        <template v-if="!notShowFieldList.includes('NotFollowReson')">
+          <!-- 不能严格按照研究单位影像手册参数采集图像原因 -->
+          <el-table-column prop="NotFollowReson" :label="$t('trials:researchForm:form:notFollowStudyParam')"
+            show-overflow-tooltip />
+        </template>
+        <template v-if="!notShowFieldList.includes('ISStrictManualBurnFlag')">
+          <!-- 是否严格按照影像手册参数完成刻盘 -->
+          <el-table-column prop="ISStrictManualBurnFlag" :label="$t('trials:researchForm:form:ISStrictManualBurnFlag')"
+            show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ $fd('YesOrNo', scope.row.ISStrictManualBurnFlag) }}
+            </template>
+          </el-table-column>
+        </template>
+        <template v-if="!notShowFieldList.includes('NotStrictManualBurnFlagReason')">
+          <!-- 不能严格按照影像手册参数完成刻盘原因 -->
+          <el-table-column prop="NotStrictManualBurnFlagReason"
+            :label="$t('trials:researchForm:form:NotStrictManualBurnFlagReason')" show-overflow-tooltip />
+        </template>
+      </el-table>
+
+      <!-- 分页组件 -->
+      <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize"
+        @pagination="getList" />
+    </template>
+  </BaseContainer>
+</template>
+<script>
+import { getTrialSiteSelect } from '@/api/trials'
+import { getSiteSurveyInfoList } from '@/api/research'
+import BaseContainer from '@/components/BaseContainer'
+import Pagination from '@/components/Pagination'
+import { getSiteSurveyInfoList_Export } from '@/api/export'
+const searchDataDefault = () => {
+  return {
+    SortField: '',
+    Asc: true,
+    State: "",
+    PageIndex: 1,
+    PageSize: 20,
+    TrialId: '',
+    TrialSiteId: '',
+    TrialSiteName: ''
+  }
+}
+export default {
+  name: 'Equipments',
+  components: { BaseContainer, Pagination },
+  data() {
+    return {
+      searchData: searchDataDefault(),
+      loading: false,
+      list: [],
+      total: 0,
+      trialId: '',
+      otherInfo: {},
+      siteOptions: [],
+      notShowFieldList: []
+    }
+  },
+  mounted() {
+    this.trialId = this.$route.query.trialId
+    this.getList()
+    this.getSite()
+  },
+  methods: {
+    async handleExport() {
+      await getSiteSurveyInfoList_Export(this.searchData)
+    },
+    async getList() {
+      try {
+        this.loading = true
+        this.searchData.TrialId = this.trialId
+        let res = await getSiteSurveyInfoList(this.searchData)
+        if (res.IsSuccess) {
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
+          this.otherInfo = res.OtherInfo
+          this.notShowFieldList = res.OtherInfo.NotShowFieldList
+          this.$nextTick(() => {
+            this.$refs.questionsList.doLayout()
+          })
+        }
+      } catch (e) {
+        console.log(e)
+      } finally {
+        this.loading = false
+      }
+    },
+    // 获取site下拉框数据
+    async getSite() {
+      try {
+        let res = await getTrialSiteSelect(this.trialId)
+        this.siteOptions = res.Result
+      } catch (e) {
+        console.log(e)
+      }
+    },
+    viewFile(siteSurveyFile) {
+      this.$preview({
+        path: siteSurveyFile.Path,
+        type: siteSurveyFile.FileType,
+        title: siteSurveyFile.FileName,
+      })
+    },
+    // 重置
+    handleReset() {
+      this.searchData = searchDataDefault()
+      this.getList()
+      this.$nextTick(() => {
+        this.$refs.list.clearSort()
+      })
+    },
+    // 查询
+    handleSearch() {
+      this.getList()
+    },
+    // 排序
+    handleSortByColumn(column) {
+      if (column.order === 'ascending') {
+        this.searchData.Asc = true
+      } else {
+        this.searchData.Asc = false
+      }
+      this.searchData.SortField = column.prop
+      this.getList()
+    }
+  }
+}
+</script>

src/views/trials/trials-panel/attachments/site-research/components/ResearchList.vue

@@ -0,0 +1,733 @@
+<template>
+  <BaseContainer>
+    <!-- 搜索框 -->
+    <template slot="search-container">
+      <el-form :inline="true">
+        <!-- 中心 -->
+        <el-form-item :label="$t('trials:researchRecord:table:siteId')">
+          <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.TrialSiteId" />
+          </el-select>
+        </el-form-item>
+        <!-- 联系人 -->
+        <el-form-item :label="$t('trials:researchRecord:table:contactor')">
+          <el-input v-model="searchData.UserKeyInfo" class="mr" clearable :placeholder="`${$t(
+            'trials:researchRecord:placeholder:contactorInfo'
+          )}`" style="width: 140px" />
+        </el-form-item>
+        <!-- 初审人 -->
+        <el-form-item :label="$t('trials:researchRecord:table:preliminaryUser')">
+          <el-input v-model="searchData.PreliminaryUserName" class="mr" clearable style="width: 140px" />
+        </el-form-item>
+        <!-- 审核人 -->
+        <el-form-item :label="$t('trials:researchRecord:table:ReviewerUser')">
+          <el-input v-model="searchData.ReviewerUserName" class="mr" clearable style="width: 140px" />
+        </el-form-item>
+        <!-- 状态 -->
+        <!-- <el-form-item :label="$t('trials:researchRecord:table:status')">
+          <el-select v-model="searchData.State" clearable filterable style="width: 120px">
+            <el-option v-for="(item, index) of $d.ResearchRecord" :key="index" :label="item.label"
+              :value="item.value" />
+          </el-select>
+        </el-form-item> -->
+        <!-- 是否废除 -->
+        <el-form-item :label="$t('trials:researchRecord:table:isDeleted')">
+          <el-select v-model="searchData.IsDeleted" clearable filterable style="width: 120px">
+            <el-option v-for="item of $d.YesOrNo" v-show="item.raw.ValueCN !== '无'" :key="`IsDeleted${item.value}`"
+              :label="item.label" :value="item.value" />
+          </el-select>
+        </el-form-item>
+        <!-- 更新时间 -->
+        <el-form-item :label="$t('trials:researchRecord:table:updateTime')">
+          <el-date-picker v-model="searchData.DateRange" type="daterange" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
+            style="width: 250px" />
+        </el-form-item>
+        <!-- 查询 -->
+        <el-button type="primary" icon="el-icon-search" @click="handleSearch">
+          {{ $t('common:button:search') }}
+        </el-button>
+        <!-- 重置 -->
+        <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
+          {{ $t('common:button:reset') }}
+        </el-button>
+        <!-- 导出 -->
+        <el-button type="primary" @click="handleExport">
+          {{ $t('common:button:export') }}
+        </el-button>
+        <!-- 中心人员 -->
+        <el-button v-show="searchData.State === 3"
+          v-hasPermi="['trials:trials-panel:attachments:site-research:summary-record']" type="primary"
+          icon="el-icon-info" @click="showResearchUser">
+          {{ $t('trials:researchRecord:button:researchData') }}
+        </el-button>
+        <!-- 调查表链接 -->
+        <el-button v-show="searchData.State === 0"
+          v-hasPermi="['trials:trials-panel:attachments:site-research:questionnaire-link']" type="primary"
+          icon="el-icon-link" @click="showResearchLink">
+          {{ $t('trials:researchRecord:button:questionLink') }}
+        </el-button>
+      </el-form>
+    </template>
+
+    <template slot="main-container">
+      <!-- 系统文件列表 -->
+      <el-table ref="siteResearchList" v-loading="loading" v-adaptive="{ bottomOffset: 60 }" :data="list" stripe
+        height="100" @sort-change="handleSortByColumn">
+        <el-table-column type="index" width="50" />
+        <!-- 中心编号 -->
+        <el-table-column prop="TrialSiteCode" :label="$t('trials:researchRecord:table:siteId')" min-width="100"
+          sortable="custom" show-overflow-tooltip />
+        <!-- 中心名称 -->
+        <el-table-column prop="SiteName" :label="$t('trials:researchRecord:table:siteName')" min-width="100"
+          sortable="custom" show-overflow-tooltip />
+        <!-- 联系人 -->
+        <el-table-column prop="UserName" :label="$t('trials:researchRecord:table:contactor')" min-width="100"
+          sortable="custom" show-overflow-tooltip />
+        <!-- 联系电话 -->
+        <el-table-column prop="Phone" :label="$t('trials:researchRecord:table:contactorPhone')" min-width="100"
+          show-overflow-tooltip />
+        <!-- 联系邮箱 -->
+        <el-table-column prop="Email" :label="$t('trials:researchRecord:table:contactorEmail')" min-width="150"
+          show-overflow-tooltip />
+        <!-- 初审人 -->
+        <el-table-column prop="preliminaryUser" :label="$t('trials:researchRecord:table:preliminaryUser')"
+          min-width="150" show-overflow-tooltip>
+          <template slot-scope="scope">
+            {{
+              scope.row.PreliminaryUser
+                ? scope.row.PreliminaryUser.RealName
+                : ''
+            }}
+          </template>
+        </el-table-column>
+        <!-- 审核人 -->
+        <el-table-column prop="ReviewerUser" :label="$t('trials:researchRecord:table:ReviewerUser')" min-width="150"
+          show-overflow-tooltip>
+          <template slot-scope="scope">
+            {{ scope.row.ReviewerUser ? scope.row.ReviewerUser.RealName : '' }}
+          </template>
+        </el-table-column>
+        <!-- 状态 -->
+        <el-table-column prop="State" :label="$t('trials:researchRecord:table:status')" min-width="150"
+          sortable="custom" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.State === 0" type="primary">{{
+              $fd('ResearchRecord', scope.row.State)
+            }}</el-tag>
+            <el-tag v-if="scope.row.State === 1" type="info">{{
+              $fd('ResearchRecord', scope.row.State)
+            }}</el-tag>
+            <el-tag v-if="scope.row.State === 2" type="warning">{{
+              $fd('ResearchRecord', scope.row.State)
+            }}</el-tag>
+            <el-tag v-if="scope.row.State === 3" type="danger">{{
+              $fd('ResearchRecord', scope.row.State)
+            }}</el-tag>
+          </template>
+        </el-table-column>
+        <!-- 是否废除 -->
+        <el-table-column prop="IsDeleted" :label="$t('trials:researchRecord:table:isDeleted')" min-width="100"
+          sortable="custom" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.IsDeleted" type="danger">{{
+              $fd('YesOrNo', scope.row.IsDeleted)
+            }}</el-tag>
+            <el-tag v-else type="primary">{{
+              $fd('YesOrNo', scope.row.IsDeleted)
+            }}</el-tag>
+          </template>
+        </el-table-column>
+        <!-- 更新时间 -->
+        <el-table-column prop="UpdateTime" :label="$t('trials:researchRecord:table:updateTime')" min-width="150"
+          show-overflow-tooltip sortable="custom" />
+        <el-table-column width="150">
+          <template slot-scope="scope">
+            <!-- 查看 -->
+            <el-button v-show="searchData.State === 3" :disabled="scope.row.State !== 3" circle
+              :title="$t('common:button:view')" icon="el-icon-view" @click="handleViewResearchList(scope.row)" />
+            <!-- 审批 -->
+            <el-button v-show="(searchData.State === 1 || searchData.State === 2) && isAudit"
+              v-hasPermi="['trials:trials-panel:attachments:site-research:auidt']"
+              :disabled="scope.row.State === 0 || scope.row.State === 3 || scope.row.IsDeleted" circle
+              :title="$t('trials:researchRecord:action:view')" icon="el-icon-s-check"
+              @click="handleViewResearchList(scope.row)" />
+            <!-- 日志 -->
+            <el-button circle :title="$t('trials:researchRecord:action:log')" icon="el-icon-tickets"
+              @click="viewLog(scope.row)" />
+            <!-- 废除 -->
+            <el-button v-show="searchData.State === 0" v-hasPermi="[
+              'trials:trials-panel:attachments:site-research:abolish',
+            ]" :disabled="scope.row.State !== 0 || scope.row.IsDeleted" circle
+              :title="$t('trials:researchRecord:action:abolish')" icon="el-icon-delete"
+              @click="handleRepealResearch(scope.row)" />
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页组件 -->
+      <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize"
+        @pagination="getList" />
+    </template>
+
+    <!-- 中心数据 trials:researchRecord:button:researchData-->
+    <!-- 中心人员 trials:researchRecord:dialogTitle:questionStaff-->
+    <el-dialog v-if="researchUserVisible" :visible.sync="researchUserVisible"
+      :title="$t('trials:researchRecord:button:researchData')" custom-class="base-dialog-wrapper" :fullscreen="true">
+      <div class="base-modal-body" style="border: 1px solid #ccc; padding: 10px">
+        <el-tabs v-model="activeName">
+          <el-tab-pane :label="$t('trials:researchRecord:dialogTitle:questionStaff')" name="first">
+            <Users v-if="activeName === 'first'" />
+          </el-tab-pane>
+          <el-tab-pane label="中心设备" name="second">
+            <Equipments v-if="activeName === 'second'" />
+          </el-tab-pane>
+          <el-tab-pane label="基本情况" name="third">
+            <Questions v-if="activeName === 'third'" />
+          </el-tab-pane>
+        </el-tabs>
+      </div>
+    </el-dialog>
+
+    <!-- 调查表 -->
+    <el-dialog v-if="researchInfoVisible" :visible.sync="researchInfoVisible" :fullscreen="true"
+      :close-on-click-modal="false">
+      <research-form v-if="researchInfoVisible" @refreshPage="getList" />
+    </el-dialog>
+    <!-- 调查表编辑 -->
+    <el-dialog v-if="ImageManualVisible" :visible.sync="ImageManualVisible" :fullscreen="true"
+      :close-on-click-modal="false" :title="$t('trials:researchRecord:dialogTitle:ImageManualEdit')">
+      <ImageManual v-if="ImageManualVisible" :trialSiteSurveyId="trialSiteSurveyId" @getList="getList" />
+    </el-dialog>
+    <!-- 调查表链接 -->
+    <base-model :config="share_model">
+      <template slot="dialog-body" v-loading="shareLoading">
+        <el-button size="small" type="primary" style="margin-bottom: 10px;" @click.stop="openImageManual">{{
+          $t('trials:researchRecord:label:edit')
+        }}</el-button>
+        <div style="width: 100%; display: flex">
+          <div class="date">
+            <el-form :model="shareForm" :rules="rules" ref="shareForm" label-width="100px">
+              <el-form-item :label="$t('trials:researchRecord:label:ExpirationDays')" prop="ExpirationDays">
+                <el-radio-group v-model="shareForm.ExpirationDays" @input="shareForm.OtherExpirationDays = null">
+                  <el-radio :label="1">{{ $t('trials:researchRecord:label:day1') }}</el-radio>
+                  <el-radio :label="7">{{ $t('trials:researchRecord:label:day7') }}</el-radio>
+                  <el-radio :label="15">{{ $t('trials:researchRecord:label:day15') }}</el-radio>
+                  <el-radio :label="`default`">{{ $t('trials:researchRecord:label:default') }}
+                    <el-input placeholder="" type="number" @input="handleInput" v-model="shareForm.OtherExpirationDays"
+                      clearable size="mini" style="width: 60px;" class="dayInput" />
+                    <span style="margin-left: 10px;">{{ $t('trials:researchRecord:label:day') }}</span>
+                  </el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item :label="$t('trials:researchRecord:label:LinkVerificationCode')" prop="LinkVerificationCode">
+                <el-radio-group v-model="shareForm.LinkVerificationCode"
+                  @input="shareForm.OtherLinkVerificationCode = null">
+                  <el-radio label="researchProgramNo">{{ $t('trials:researchRecord:label:researchProgramNo')
+                  }}</el-radio>
+                  <el-radio label="default">{{ $t('trials:researchRecord:label:default') }}
+                    <el-input placeholder="" type="number" v-model="shareForm.OtherLinkVerificationCode" clearable
+                      size="mini" style="width: 100px;" />
+                  </el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-form>
+            <el-button type="primary" round @click="setLink" style="float: right;">
+              {{ $t('trials:researchRecord:button:setLink') }}
+            </el-button>
+          </div>
+          <div class="share">
+            <div class="shareLink">
+              <h3>{{ $t('trials:researchRecord:label:link') }}</h3>
+              <el-input ref="shareLink" v-model="shareLink" readonly type="textarea" autosize :rows="3" />
+              <div class="dateBox">
+                <span>{{ $t('trials:researchRecord:label:linkVerificationCode') }}</span>
+                <span>{{ LinkVerificationCode }}</span>
+              </div>
+              <div class="dateBox">
+                <span>{{ $t('trials:researchRecord:label:ValidityPeriod') }}</span>
+                <span>{{ validityPeriod }}</span>
+                <span style="color: red;" v-if="isExpired">({{ $t('trials:researchRecord:label:Expired') }})</span>
+              </div>
+              <el-button type="primary" round @click="copyLink" class="shareLinkBtn"
+                :disabled="!validityPeriod || isExpired">
+                {{ $t('trials:researchRecord:button:copyLink') }}
+              </el-button>
+            </div>
+            <div class="shareCode">
+              <h3>{{ $t('trials:researchRecord:label:shareCode') }}</h3>
+              <div style="display: flex;align-items: center;justify-content: space-between;">
+                <div class="qrCodeBox">
+                  <div id="qrcode" ref="qrcode"></div>
+                </div>
+                <div class="codeBtnBox">
+                  <el-button @click="handleCopyImg" type="primary" round :disabled="!validityPeriod || isExpired">{{
+                    $t('trials:researchRecord:button:copyCode')
+                  }}</el-button>
+                  <el-button @click="savePic" round :disabled="!validityPeriod || isExpired">{{
+                    $t('trials:researchRecord:button:savePic')
+                  }}</el-button>
+                </div>
+              </div>
+
+            </div>
+          </div>
+        </div>
+
+      </template>
+    </base-model>
+    <el-dialog v-if="logVisible" :visible.sync="logVisible"
+      :custom-class="isFullscreen ? 'full-log-dialog-container' : 'log-dialog-container'" :close-on-click-modal="false"
+      :fullscreen="isFullscreen" :show-close="false" width="60%" append-to-body>
+      <span slot="title" class="dialog-footer">
+        <div style="display: flex;flex-direction: row;justify-content: space-between;">
+          <div>
+            {{ $t('trials:researchForm:button:log') }}
+          </div>
+          <div>
+            <svg-icon :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'"
+              style="vertical-align: baseline;cursor: pointer;font-size: 20px;" @click="toggleLogFullscreen" />
+            <svg-icon icon-class="dClose" style="cursor: pointer;font-size: 25px;margin-left: 10px;"
+              @click="logVisible = false" />
+          </div>
+        </div>
+      </span>
+      <div class="log-dialog-content">
+        <LogList :trial-site-survey-id="trialSiteSurveyId" />
+      </div>
+    </el-dialog>
+  </BaseContainer>
+</template>
+<script>
+import {
+  getTrialSiteSurveyList,
+  getTrialSiteSelect,
+  abandonSiteSurvey,
+  setTrialLinkExpirationTime,
+  getTrialLinkExpirationTime,
+  getLinkLinkExpirationTime,
+} from '@/api/trials'
+import { changeURLStatic } from '@/utils/history.js'
+import BaseContainer from '@/components/BaseContainer'
+import Pagination from '@/components/Pagination'
+import Users from './users'
+import Equipments from './Equipments'
+import Questions from './Questions'
+import ResearchForm from '@/views/research/form'
+import BaseModel from '@/components/BaseModel'
+import ImageManual from './ImageManual'
+import QRCode from 'qrcodejs2'
+import LogList from '@/views/research/components/LogList'
+import { getTrialSiteSurveyList_Export } from '@/api/export'
+const searchDataDefault = () => {
+  return {
+    SortField: '',
+    Asc: true,
+    PageIndex: 1,
+    PageSize: 20,
+    TrialSiteId: '',
+    UserKeyInfo: '',
+    State: null,
+    IsDeleted: '',
+    DateRange: [],
+    PreliminaryUserName: null,
+    ReviewerUserName: null,
+  }
+}
+export default {
+  name: 'ResearchList',
+  components: { BaseContainer, Pagination, Users, Equipments, Questions, ResearchForm, BaseModel, ImageManual, LogList },
+  props: {
+    isAudit: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      searchData: searchDataDefault(),
+      loading: false,
+      list: [],
+      total: 0,
+      trialId: this.$route.query.trialId,
+      siteOptions: [],
+      researchUserVisible: false,
+      researchInfoVisible: false,
+      share_model: {
+        visible: false,
+        title: this.$t('trials:researchRecord:title:shark'),
+        width: '1000px',
+      },
+      shareLink: '',
+      researchState: this.$d.ResearchRecord,
+      qrcode: null,
+      validityPeriod: null,
+      LinkVerificationCode: null,
+      isExpired: false,
+      shareLoading: false,
+      shareForm: {
+        ExpirationDays: null,
+        OtherExpirationDays: null,
+        LinkVerificationCode: null,
+        OtherLinkVerificationCode: null,
+      },
+      rules: {
+        ExpirationDays: [
+          { required: true, message: this.$t("common:ruleMessage:select"), trigger: 'blur' },
+          {
+            validator: (rule, value, callback) => {
+              if (value === 'default' && !this.shareForm.OtherExpirationDays) {
+                callback(new Error(this.$t("common:ruleMessage:specify")));
+              } else {
+                callback()
+              }
+
+            }, trigger: 'blur'
+          }
+        ],
+        LinkVerificationCode: [
+          { required: true, message: this.$t("common:ruleMessage:select"), trigger: 'blur' },
+          {
+            validator: (rule, value, callback) => {
+              if (value === 'default' && !this.shareForm.OtherLinkVerificationCode) {
+                callback(new Error(this.$t("common:ruleMessage:specify")));
+              } else {
+                callback()
+              }
+
+            }, trigger: 'blur'
+          }
+        ],
+      },
+      ImageManualVisible: false,
+      trialSiteSurveyId: null,
+      activeName: 'first',
+      isFullscreen: false,
+      logVisible: false
+    }
+  },
+  mounted() {
+    // this.getList()
+    this.getSite()
+  },
+  methods: {
+    async handleExport() {
+      await getTrialSiteSurveyList_Export(this.searchData)
+    },
+    toggleLogFullscreen() {
+      this.isFullscreen = !this.isFullscreen
+    },
+    viewLog(row) {
+      this.trialSiteSurveyId = row.Id
+      this.isFullscreen = false
+      this.logVisible = true
+    },
+    async getLinkTimeIsExpired() {
+      try {
+        let data = {
+          TrialId: this.$route.query.trialId,
+        }
+        this.shareLoading = true
+        let res = await getLinkLinkExpirationTime(data)
+        this.shareLoading = false
+        if (res.IsSuccess) {
+          this.isExpired = res.Result.IsIsExpired
+        }
+      } catch (err) {
+        this.shareLoading = false
+        console.log(err)
+      }
+    },
+    async getLinkTime() {
+      try {
+        let data = {
+          TrialId: this.$route.query.trialId,
+        }
+        this.shareLoading = true
+        let res = await getTrialLinkExpirationTime(data)
+        this.shareLoading = false
+        if (res.IsSuccess) {
+          this.validityPeriod = res.Result.LinkExpirationTime
+          this.LinkVerificationCode = res.Result.LinkVerificationCode || res.Result.ResearchProgramNo
+          if (!this.validityPeriod) {
+            this.LinkVerificationCode = null
+          }
+          if (!this.validityPeriod) return false
+          this.getLinkTimeIsExpired()
+          this.shareLink = `${location.protocol}//${location.host}/researchLogin?trialId=${this.$route.query.trialId}`
+          this.$nextTick(() => {
+            this.creatQrCode()
+          })
+        }
+      } catch (err) {
+        this.shareLoading = false
+        console.log(err)
+      }
+    },
+    async setLink() {
+      try {
+        let validate = await this.$refs.shareForm.validate()
+        if (!validate) return false
+        let data = {
+          TrialId: this.$route.query.trialId,
+          ExpirationDays: this.shareForm.ExpirationDays,
+          LinkVerificationCode: this.shareForm.LinkVerificationCode
+        }
+        if (this.shareForm.LinkVerificationCode === 'researchProgramNo') {
+          data.LinkVerificationCode = null
+        }
+        if (this.shareForm.LinkVerificationCode === 'default') {
+          data.LinkVerificationCode = this.shareForm.OtherLinkVerificationCode
+        }
+        if (this.shareForm.ExpirationDays === 'default') {
+          data.ExpirationDays = this.shareForm.OtherExpirationDays
+        }
+        this.shareLoading = true
+        let res = await setTrialLinkExpirationTime(data)
+        this.shareLoading = false
+        if (res.IsSuccess) {
+          this.getLinkTime()
+        }
+      } catch (err) {
+        this.shareLoading = false
+        console.log(err)
+      }
+    },
+    handleInput(val) {
+      // 过滤掉非数字字符，并取整为正整数
+      this.shareForm.OtherExpirationDays = val.replace(/[^\d]/g, '').replace(/^0+/, '')
+    },
+    openImageManual() {
+      // if (!this.trialSiteSurveyId) return false
+      this.ImageManualVisible = true
+    },
+    // 获取系统文件数据
+    getList() {
+      this.loading = true
+      this.searchData.TrialId = this.trialId
+      if (this.searchData.DateRange && this.searchData.DateRange.length === 2) {
+        this.searchData.UpdateTimeBegin = this.searchData.DateRange[0]
+        this.searchData.updateTimeEnd = this.searchData.DateRange[1]
+      } else {
+        this.searchData.UpdateTimeBegin = ''
+        this.searchData.updateTimeEnd = ''
+      }
+      getTrialSiteSurveyList(this.searchData)
+        .then((res) => {
+          this.loading = false
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    },
+    // 查看调查表记录详情
+    handleViewResearchList(row) {
+      changeURLStatic('trialSiteSurveyId', row.Id)
+      this.researchInfoVisible = true
+    },
+    // 废除待提交的调查表
+    handleRepealResearch(row) {
+      // 是否确认废除？
+      this.$confirm(this.$t('trials:researchRecord:message:abolish'), {
+        type: 'warning',
+        distinguishCancelAndClose: true,
+      }).then(() => {
+        abandonSiteSurvey(this.trialId, row.Id).then((res) => {
+          if (res.IsSuccess) {
+            this.getList()
+            // 废除成功
+            this.$message.success(
+              this.$t('trials:researchRecord:message:abolishSuccessfully')
+            )
+          }
+        })
+      })
+    },
+    // 展示当前项目下所有调查表需生成账户的用户信息
+    showResearchUser() {
+      this.researchUserVisible = true
+      this.activeName = 'first'
+    },
+    // 复制链接
+    copyLink() {
+      // 中心调研表链接
+      this.$copyText(
+        `${this.$t('trials:researchRecord:message:researchFormLink')}: ${this.shareLink
+        }\n${this.$t('trials:researchRecord:label:linkVerificationCode')}${this.LinkVerificationCode}\n${this.$t('trials:researchRecord:label:ValidityPeriod')}${this.validityPeriod}`
+      )
+        .then((res) => {
+          // 复制成功
+          this.$message.success(
+            this.$t('trials:researchRecord:message:copySuccessfully')
+          )
+        })
+        .catch(() => {
+          // 复制失败
+          this.$alert(this.$t('trials:researchRecord:message:copyFailed'))
+        })
+    },
+    // 创建二维码
+    creatQrCode() {
+      this.$refs.qrcode.innerHTML = '' //清除二维码方法一
+      let text = this.shareLink
+      this.qrcode = new QRCode(this.$refs.qrcode, {
+        text: text, //页面地址 ,如果页面需要参数传递请注意哈希模式#
+        width: 200,
+        height: 200,
+        colorDark: '#000000',
+        colorLight: '#ffffff',
+        correctLevel: QRCode.CorrectLevel.H,
+      })
+      // qrcode.clear(); // 清除二维码方法二
+    },
+    // 下载二维码
+    savePic() {
+      let qrCodeCanvas = document
+        .getElementById('qrcode')
+        .getElementsByTagName('canvas')
+      let a = document.createElement('a')
+      a.href = qrCodeCanvas[0].toDataURL('image/url')
+      a.download = `${this.$route.query.researchProgramNo}${this.$t('trials:researchRecord:title:code')}.png`
+      a.click()
+    },
+    // 复制二维码
+    handleCopyImg() {
+      let qrCodeCanvas = document
+        .getElementById('qrcode')
+        .getElementsByTagName('canvas')
+      qrCodeCanvas[0].toBlob(async (blob) => {
+        console.log(blob)
+        const data = [
+          new ClipboardItem({
+            [blob.type]: blob,
+          }),
+        ] // https://w3c.github.io/clipboard-apis/#dom-clipboard-write
+        await navigator.clipboard.write(data).then(
+          () => {
+            this.$message.success(
+              this.$t('trials:researchRecord:message:copySuccess')
+            )
+          },
+          () => {
+            this.$message.error(
+              this.$t('trials:researchRecord:message:UnableWrite')
+            )
+          }
+        )
+      })
+    },
+    // 获取site下拉框数据
+    getSite() {
+      getTrialSiteSelect(this.trialId).then((res) => {
+        this.siteOptions = res.Result
+      })
+    },
+    // 展示调查表链接
+    showResearchLink() {
+      this.shareForm = {
+        ExpirationDays: null,
+        OtherExpirationDays: null,
+        LinkVerificationCode: null,
+        OtherLinkVerificationCode: null,
+      }
+      this.validityPeriod = null
+      this.isExpired = false
+      this.share_model.visible = true
+      this.getLinkTime()
+      // &lang=${this.$i18n.locale}
+      // this.trialSiteSurveyId = this.list[0].Id
+    },
+    // 重置
+    handleReset() {
+      const state = this.searchData.State
+      this.searchData = searchDataDefault()
+      this.searchData.DateRange = []
+      if (this.searchData.DateRange && this.searchData.DateRange.length === 2) {
+        this.searchData.UpdateTimeBegin = this.searchData.DateRange[0]
+        this.searchData.updateTimeEnd = this.searchData.DateRange[1]
+      } else {
+        this.searchData.UpdateTimeBegin = ''
+        this.searchData.updateTimeEnd = ''
+      }
+      this.searchData.State = state
+      this.getList()
+      this.$nextTick(() => {
+        this.$refs.siteResearchList.clearSort()
+      })
+    },
+    // 查询
+    handleSearch() {
+      this.getList()
+    },
+    // 排序
+    handleSortByColumn(column) {
+      if (column.order === 'ascending') {
+        this.searchData.Asc = true
+      } else {
+        this.searchData.Asc = false
+      }
+      this.searchData.SortField = column.prop
+      this.getList()
+    },
+  },
+  beforeDestroy() {
+    if (this.qrcode) {
+      this.qrcode = null
+    }
+  },
+}
+</script>
+<style lang="scss" scoped>
+.date,
+.share {
+  width: 55%;
+  height: 100%;
+}
+
+.dayInput {
+  ::v-deep .el-input__inner {
+    padding-left: 5px;
+  }
+}
+
+
+.date {
+  padding-right: 10px;
+}
+
+.share {
+  width: 45%;
+  padding-left: 5%;
+  border-left: 1px solid #f0f0f0;
+  box-sizing: border-box;
+}
+
+.shareLinkBtn {
+  float: right;
+}
+
+.qrCodeBox {
+  width: 220px;
+  height: 220px;
+  display: flex;
+  border: 1px solid #c0c4cc;
+  border-radius: 5px;
+  box-shadow: 1px 1px 5px #c0c4cc;
+  align-items: center;
+  justify-content: center;
+}
+
+.dateBox {
+  margin: 10px;
+}
+
+.codeBtnBox {
+
+  ::v-deep .el-button {
+    display: block;
+    margin: 10px auto;
+  }
+}
+</style>

src/views/trials/trials-panel/attachments/site-research/components/users.vue

@@ -6,31 +6,33 @@
         <!-- 中心编号 -->
         <el-form-item :label="$t('trials:researchStaff:table:siteId')">
           <el-select v-model="searchData.TrialSiteId" clearable filterable style="width:120px;">
-            <el-option
+            <el-option v-for="(item, index) of siteOptions" :key="index" :label="item.TrialSiteCode"
-              v-for="(item,index) of siteOptions"
+              :value="item.TrialSiteId" />
-              :key="index"
-              :label="item.TrialSiteCode"
-              :value="item.TrialSiteId"
-            />
           </el-select>
         </el-form-item>
+        <!-- 状态 -->
+        <el-form-item :label="$t('trials:researchRecord:table:status')">
+          <el-select v-model="searchData.State" clearable filterable style="width: 120px">
+            <el-option v-for="(item, index) of $d.ResearchRecord" :key="index" :label="item.label"
+              :value="item.value" />
+          </el-select>
+        </el-form-item>
+        <!-- 是否废除 -->
+        <!-- <el-form-item :label="$t('trials:researchRecord:table:isDeleted')">
+          <el-select v-model="searchData.IsDeleted" clearable filterable style="width: 120px">
+            <el-option v-for="item of $d.YesOrNo" v-show="item.raw.ValueCN !== '无'" :key="`IsDeleted${item.value}`"
+              :label="item.label" :value="item.value" />
+          </el-select>
+        </el-form-item> -->
         <!-- 姓名 -->
         <el-form-item :label="$t('trials:researchStaff:table:Name')">
           <el-input v-model="searchData.UserName" class="mr" clearable style="width:120px;" />
         </el-form-item>
         <!-- 角色 -->
         <el-form-item :label="$t('trials:researchStaff:table:role')">
-          <el-select
+          <el-select v-model="searchData.TrialRoleCode" style="width:120px;" clearable>
-            v-model="searchData.TrialRoleCode"
+            <el-option v-for="item of dict.type.SiteSurvey_UserRoles" :key="item.value" :label="item.label"
-            style="width:120px;"
+              :value="parseInt(item.raw.Code)" />
-            clearable
-          >
-            <el-option
-              v-for="item of dict.type.SiteSurvey_UserRoles"
-              :key="item.value"
-              :label="item.label"
-              :value="parseInt(item.raw.Code)"
-            />
           </el-select>
         </el-form-item>
         <!-- 单位 -->
@@ -39,42 +41,19 @@
         </el-form-item>
         <!-- 是否生成账号 -->
         <el-form-item :label="$t('trials:researchStaff:table:isGenerateAccount')">
-          <el-select
+          <el-select v-model="searchData.IsGenerateAccount" style="width:120px;" clearable>
-            v-model="searchData.IsGenerateAccount"
+            <el-option v-for="item of $d.YesOrNo" :key="`IsGenerateAccount${item.value}`" :label="item.label"
-            style="width:120px;"
+              :value="item.value" />
-            clearable
-          >
-            <el-option v-for="item of $d.YesOrNo" :key="`IsGenerateAccount${item.value}`" :label="item.label" :value="item.value" />
           </el-select>
         </el-form-item>
         <!-- 用户类型 -->
         <el-form-item :label="$t('trials:researchStaff:table:userType')">
-          <el-select
+          <el-select v-model="searchData.UserTypeId" style="width:120px;" clearable>
-            v-model="searchData.UserTypeId"
+            <el-option v-for="item of userTypeOptions" :key="item.Id" :label="item.UserTypeShortName" :value="item.Id">
-            style="width:120px;"
-            clearable
-          >
-            <el-option
-              v-for="item of userTypeOptions"
-              :key="item.Id"
-              :label="item.UserTypeShortName"
-              :value="item.Id"
-            >
               <span>{{ item.UserType }}</span>
             </el-option>
           </el-select>
         </el-form-item>
-        <!-- 状态 -->
-        <!-- <el-form-item :label="$t('trials:researchStaff:table:status')">
-          <el-select v-model="searchData.State" clearable filterable style="width:120px;">
-            <el-option
-              v-for="(item,index) of researchUserState"
-              :key="index"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item> -->
         <el-form-item>
           <!-- 查询 -->
           <el-button type="primary" icon="el-icon-search" @click="handleSearch">
@@ -89,25 +68,15 @@
         </el-form-item>
         <!-- 发邮件 -->
         <el-form-item>
-          <el-button
+          <el-button v-hasPermi="['trials:trials-panel:attachments:site-research:summary-record:sendEmail']"
-            v-hasPermi="['trials:trials-panel:attachments:site-research:summary-record:sendEmail']"
+            type="primary" icon="el-icon-message" :loading="sendEmailLoading" :disabled="selectArr.length === 0"
-            type="primary"
+            @click="handleSendEmail">
-            icon="el-icon-message"
-            :loading="sendEmailLoading"
-            :disabled="selectArr.length === 0"
-            @click="handleSendEmail"
-          >
             {{ $t('trials:researchRecord:dialogButton:sendEmail') }}
           </el-button>
         </el-form-item>
         <!-- 导出 -->
         <el-form-item>
-          <el-button
+          <el-button type="primary" icon="el-icon-download" :disabled="list.length === 0" @click="handleExport">
-            type="primary"
-            icon="el-icon-download"
-            :disabled="list.length === 0"
-            @click="handleExport"
-          >
             {{ $t('common:button:export') }}
           </el-button>
         </el-form-item>
@@ -116,96 +85,74 @@
 
     <template slot="main-container">
       <!-- 系统文件列表 -->
-      <el-table
+      <el-table ref="researchUsers" v-loading="loading" v-adaptive="{ bottomOffset: 55 }" :data="list" stripe
-        ref="researchUsers"
+        height="100" @selection-change="handleSelectChange" @sort-change="handleSortByColumn">
-        v-loading="loading"
+        <el-table-column type="selection" width="50" :selectable="handleSelectTable" />
-        v-adaptive="{bottomOffset:70}"
-        :data="list"
-        stripe
-        height="100"
-        @selection-change="handleSelectChange"
-        @sort-change="handleSortByColumn"
-      >
-        <el-table-column
-          type="selection"
-          width="50"
-          :selectable="handleSelectTable"
-        />
         <el-table-column type="index" width="50" />
         <!-- 中心编号 -->
-        <el-table-column
+        <el-table-column prop="TrialSiteSurvey.TrialSiteCode" :label="$t('trials:researchStaff:table:siteId')"
-          prop="TrialSiteSurvey.TrialSiteCode"
+          show-overflow-tooltip sortable="custom" min-width="100">
-          :label="$t('trials:researchStaff:table:siteId')"
-          show-overflow-tooltip
-          sortable="custom"
-          min-width="100"
-        >
           <template slot-scope="scope">{{ `${scope.row.TrialSiteSurvey.TrialSiteCode}` }}</template>
         </el-table-column>
         <!-- 中心名称 -->
-        <el-table-column
+        <el-table-column prop="TrialSiteSurvey.SiteName" :label="$t('trials:researchStaff:table:siteName')"
-          prop="TrialSiteSurvey.SiteName"
+          show-overflow-tooltip sortable="custom" min-width="120">
-          :label="$t('trials:researchStaff:table:siteName')"
-          show-overflow-tooltip
-          sortable="custom"
-          min-width="120"
-        >
           <template slot-scope="scope">{{ `${scope.row.TrialSiteSurvey.SiteName}` }}</template>
         </el-table-column>
+        <!-- 状态 -->
+        <el-table-column prop="State" :label="$t('trials:researchRecord:table:status')" min-width="150"
+          sortable="custom" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.State === 0" type="primary">{{
+              $fd('ResearchRecord', scope.row.State)
+            }}</el-tag>
+            <el-tag v-if="scope.row.State === 1" type="info">{{
+              $fd('ResearchRecord', scope.row.State)
+            }}</el-tag>
+            <el-tag v-if="scope.row.State === 2" type="warning">{{
+              $fd('ResearchRecord', scope.row.State)
+            }}</el-tag>
+            <el-tag v-if="scope.row.State === 3" type="danger">{{
+              $fd('ResearchRecord', scope.row.State)
+            }}</el-tag>
+          </template>
+        </el-table-column>
+        <!-- 是否废除 -->
+        <!-- <el-table-column prop="IsDeleted" :label="$t('trials:researchRecord:table:isDeleted')" min-width="100"
+          sortable="custom" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.IsDeleted" type="danger">{{
+              $fd('YesOrNo', scope.row.IsDeleted)
+            }}</el-tag>
+            <el-tag v-else type="primary">{{
+              $fd('YesOrNo', scope.row.IsDeleted)
+            }}</el-tag>
+          </template>
+        </el-table-column> -->
         <!-- 姓名 -->
-        <el-table-column
+        <el-table-column prop="LastName" :label="$t('trials:researchStaff:table:Name')" show-overflow-tooltip
-          prop="LastName"
+          sortable="custom" min-width="100">
-          :label="$t('trials:researchStaff:table:Name')"
-          show-overflow-tooltip
-          sortable="custom"
-          min-width="100"
-        >
           <template slot-scope="scope">{{ `${scope.row.LastName} / ${scope.row.FirstName}` }}</template>
         </el-table-column>
         <!-- 角色 -->
-        <el-table-column
+        <el-table-column prop="TrialRoleCode" :label="$t('trials:researchStaff:table:role')" show-overflow-tooltip
-          prop="TrialRoleCode"
+          sortable="custom" min-width="100">
-          :label="$t('trials:researchStaff:table:role')"
-          show-overflow-tooltip
-          sortable="custom"
-          min-width="100"
-        >
           <template slot-scope="scope">
-            {{ $fd('SiteSurvey_UserRoles',scope.row.TrialRoleCode) }}
+            {{ $fd('SiteSurvey_UserRoles', scope.row.TrialRoleCode) }}
           </template>
         </el-table-column>
         <!-- 电话号码 -->
-        <el-table-column
+        <el-table-column prop="Phone" :label="$t('trials:researchStaff:table:phone')" show-overflow-tooltip
-          prop="Phone"
+          sortable="custom" min-width="120" />
-          :label="$t('trials:researchStaff:table:phone')"
-          show-overflow-tooltip
-          sortable="custom"
-          min-width="120"
-        />
         <!-- 邮箱 -->
-        <el-table-column
+        <el-table-column prop="Email" :label="$t('trials:researchStaff:table:email')" show-overflow-tooltip
-          prop="Email"
+          sortable="custom" min-width="150" />
-          :label="$t('trials:researchStaff:table:email')"
-          show-overflow-tooltip
-          sortable="custom"
-          min-width="150"
-        />
         <!-- 单位 -->
-        <el-table-column
+        <el-table-column prop="OrganizationName" :label="$t('trials:researchStaff:table:organization')"
-          prop="OrganizationName"
+          show-overflow-tooltip sortable="custom" min-width="100" />
-          :label="$t('trials:researchStaff:table:organization')"
-          show-overflow-tooltip
-          sortable="custom"
-          min-width="100"
-        />
         <!-- 是否生成账号 -->
-        <el-table-column
+        <el-table-column prop="IsGenerateAccount" :label="$t('trials:researchStaff:table:isGenerateAccount')"
-          prop="IsGenerateAccount"
+          show-overflow-tooltip sortable="custom" min-width="130">
-          :label="$t('trials:researchStaff:table:isGenerateAccount')"
-          show-overflow-tooltip
-          sortable="custom"
-          min-width="130"
-        >
           <template slot-scope="scope">
             {{ $fd('YesOrNo', scope.row.IsGenerateAccount) }}
           </template>
@@ -223,21 +170,11 @@
         <!--        </el-table-column>-->
 
         <!-- 用户类型 -->
-        <el-table-column
+        <el-table-column prop="UserType" :label="$t('trials:researchStaff:table:userType')" show-overflow-tooltip
-          prop="UserType"
+          sortable="custom" min-width="100" />
-          :label="$t('trials:researchStaff:table:userType')"
-          show-overflow-tooltip
-          sortable="custom"
-          min-width="100"
-        />
         <!-- 是否加入 -->
-        <el-table-column
+        <el-table-column prop="IsJoin" :label="$t('trials:researchStaff:table:isJoin')" show-overflow-tooltip
-          prop="IsJoin"
+          sortable="custom" min-width="100">
-          :label="$t('trials:researchStaff:table:isJoin')"
-          show-overflow-tooltip
-          sortable="custom"
-          min-width="100"
-        >
           <template slot-scope="scope">
             <el-tag v-if="scope.row.IsJoin" type="info">{{ $fd('IsJoin', scope.row.IsJoin) }}</el-tag>
             <el-tag v-else type="danger">{{ $fd('IsJoin', scope.row.IsJoin) }}</el-tag>
@@ -246,7 +183,8 @@
       </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" />
     </template>
   </BaseContainer>
 </template>
@@ -296,7 +234,6 @@ export default {
     }
   },
   mounted() {
-    console.log(this.dict.type.SiteSurvey_UserRoles)
     this.getList()
     this.getSite()
     this.getUserType()

src/views/trials/trials-panel/attachments/site-research/index.vue

@@ -1,670 +1,208 @@
 <template>
   <BaseContainer>
-    <!-- 搜索框 -->
+    <div class="step-wrapper">
-    <template slot="search-container">
+      <el-steps :active="activeStatus" align-center :space="300">
-      <el-form :inline="true">
+        <!-- 中心填写 -->
-        <!-- 中心 -->
+        <el-step :title="$t('trials:siteResearch:timeline:step1')" class="click_cursor"
-        <el-form-item :label="$t('trials:researchRecord:table:siteId')">
+          @click.native="handleClick(0)" />
-          <el-select v-model="searchData.TrialSiteId" clearable filterable style="width: 120px">
+        <!-- SPM审核 -->
-            <el-option v-for="(item, index) of siteOptions" :key="index" :label="item.TrialSiteCode"
+        <el-step v-if="isSPMJoin" :title="$t('trials:siteResearch:timeline:step2')" class="click_cursor"
-              :value="item.TrialSiteId" />
+          @click.native="handleClick(1)" />
-          </el-select>
+        <!-- PM审核 -->
-        </el-form-item>
+        <el-step :title="$t('trials:siteResearch:timeline:step3')" class="click_cursor"
-        <!-- 联系人 -->
+          @click.native="handleClick(2)" />
-        <el-form-item :label="$t('trials:researchRecord:table:contactor')">
+        <!-- 审核完毕 -->
-          <el-input v-model="searchData.UserKeyInfo" class="mr" clearable :placeholder="`${$t(
+        <el-step :title="$t('trials:siteResearch:timeline:step14')" class="click_cursor"
-            'trials:researchRecord:placeholder:contactorInfo'
+          @click.native="handleClick(3)" />
-          )}`" style="width: 140px" />
+      </el-steps>
-        </el-form-item>
+      <div class="step-content">
-        <!-- 初审人 -->
+        <ResearchList ref="researchList" :isAudit="isAudit" />
-        <el-form-item :label="$t('trials:researchRecord:table:preliminaryUser')">
-          <el-input v-model="searchData.PreliminaryUserName" class="mr" clearable style="width: 140px" />
-        </el-form-item>
-        <!-- 审核人 -->
-        <el-form-item :label="$t('trials:researchRecord:table:ReviewerUser')">
-          <el-input v-model="searchData.ReviewerUserName" class="mr" clearable style="width: 140px" />
-        </el-form-item>
-        <!-- 状态 -->
-        <el-form-item :label="$t('trials:researchRecord:table:status')">
-          <el-select v-model="searchData.State" clearable filterable style="width: 120px">
-            <el-option v-for="(item, index) of $d.ResearchRecord" :key="index" :label="item.label"
-              :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <!-- 是否废除 -->
-        <el-form-item :label="$t('trials:researchRecord:table:isDeleted')">
-          <el-select v-model="searchData.IsDeleted" clearable filterable style="width: 120px">
-            <el-option v-for="item of $d.YesOrNo" v-show="item.raw.ValueCN !== '无'" :key="`IsDeleted${item.value}`"
-              :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <!-- 更新时间 -->
-        <el-form-item :label="$t('trials:researchRecord:table:updateTime')">
-          <el-date-picker v-model="searchData.DateRange" type="daterange" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
-            style="width: 250px" />
-        </el-form-item>
-        <!-- 查询 -->
-        <el-button type="primary" icon="el-icon-search" @click="handleSearch">
-          {{ $t('common:button:search') }}
-        </el-button>
-        <!-- 重置 -->
-        <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
-          {{ $t('common:button:reset') }}
-        </el-button>
-        <!-- 中心人员 -->
-        <el-button v-hasPermi="[
-          'trials:trials-panel:attachments:site-research:summary-record',
-        ]" type="primary" icon="el-icon-info" @click="showResearchUser">
-          {{ $t('trials:researchRecord:button:questionStaffs') }}
-        </el-button>
-        <!-- 调查表链接 -->
-        <el-button v-hasPermi="[
-          'trials:trials-panel:attachments:site-research:questionnaire-link',
-        ]" type="primary" icon="el-icon-link" @click="showResearchLink">
-          {{ $t('trials:researchRecord:button:questionLink') }}
-        </el-button>
-      </el-form>
-    </template>
-
-    <template slot="main-container">
-      <!-- 系统文件列表 -->
-      <el-table ref="siteResearchList" v-loading="loading" v-adaptive="{ bottomOffset: 60 }" :data="list" stripe
-        height="100" @sort-change="handleSortByColumn">
-        <el-table-column type="index" width="50" />
-        <!-- 中心编号 -->
-        <el-table-column prop="TrialSiteCode" :label="$t('trials:researchRecord:table:siteId')" min-width="100"
-          sortable="custom" show-overflow-tooltip />
-        <!-- 中心名称 -->
-        <el-table-column prop="SiteName" :label="$t('trials:researchRecord:table:siteName')" min-width="100"
-          sortable="custom" show-overflow-tooltip />
-        <!-- 联系人 -->
-        <el-table-column prop="UserName" :label="$t('trials:researchRecord:table:contactor')" min-width="100"
-          sortable="custom" show-overflow-tooltip />
-        <!-- 联系电话 -->
-        <el-table-column prop="Phone" :label="$t('trials:researchRecord:table:contactorPhone')" min-width="100"
-          show-overflow-tooltip />
-        <!-- 联系邮箱 -->
-        <el-table-column prop="Email" :label="$t('trials:researchRecord:table:contactorEmail')" min-width="150"
-          show-overflow-tooltip />
-        <!-- 初审人 -->
-        <el-table-column prop="preliminaryUser" :label="$t('trials:researchRecord:table:preliminaryUser')"
-          min-width="150" show-overflow-tooltip>
-          <template slot-scope="scope">
-            {{
-              scope.row.PreliminaryUser
-                ? scope.row.PreliminaryUser.RealName
-                : ''
-            }}
-          </template>
-        </el-table-column>
-        <!-- 审核人 -->
-        <el-table-column prop="ReviewerUser" :label="$t('trials:researchRecord:table:ReviewerUser')" min-width="150"
-          show-overflow-tooltip>
-          <template slot-scope="scope">
-            {{ scope.row.ReviewerUser ? scope.row.ReviewerUser.RealName : '' }}
-          </template>
-        </el-table-column>
-        <!-- 状态 -->
-        <el-table-column prop="State" :label="$t('trials:researchRecord:table:status')" min-width="150"
-          sortable="custom" show-overflow-tooltip>
-          <template slot-scope="scope">
-            <el-tag v-if="scope.row.State === 0" type="primary">{{
-              $fd('ResearchRecord', scope.row.State)
-            }}</el-tag>
-            <el-tag v-if="scope.row.State === 1" type="info">{{
-              $fd('ResearchRecord', scope.row.State)
-            }}</el-tag>
-            <el-tag v-if="scope.row.State === 2" type="warning">{{
-              $fd('ResearchRecord', scope.row.State)
-            }}</el-tag>
-            <el-tag v-if="scope.row.State === 3" type="danger">{{
-              $fd('ResearchRecord', scope.row.State)
-            }}</el-tag>
-          </template>
-        </el-table-column>
-        <!-- 是否废除 -->
-        <el-table-column prop="IsDeleted" :label="$t('trials:researchRecord:table:isDeleted')" min-width="100"
-          sortable="custom" show-overflow-tooltip>
-          <template slot-scope="scope">
-            <el-tag v-if="scope.row.IsDeleted" type="danger">{{
-              $fd('YesOrNo', scope.row.IsDeleted)
-            }}</el-tag>
-            <el-tag v-else type="primary">{{
-              $fd('YesOrNo', scope.row.IsDeleted)
-            }}</el-tag>
-          </template>
-        </el-table-column>
-        <!-- 更新时间 -->
-        <el-table-column prop="UpdateTime" :label="$t('trials:researchRecord:table:updateTime')" min-width="150"
-          show-overflow-tooltip sortable="custom" />
-        <el-table-column width="150">
-          <template slot-scope="scope">
-            <!-- 查看 -->
-            <el-button :disabled="scope.row.State !== 3" circle :title="$t('common:button:view')" icon="el-icon-view"
-              @click="handleViewResearchList(scope.row)" />
-            <!-- 审批 -->
-            <el-button v-hasPermi="[
-              'trials:trials-panel:attachments:site-research:auidt',
-            ]" :disabled="scope.row.State === 0 || scope.row.State === 3 || scope.row.IsDeleted" circle
-              :title="$t('trials:researchRecord:action:view')" icon="el-icon-s-check"
-              @click="handleViewResearchList(scope.row)" />
-            <!-- 废除 -->
-            <el-button v-hasPermi="[
-              'trials:trials-panel:attachments:site-research:abolish',
-            ]" :disabled="scope.row.State !== 0 || scope.row.IsDeleted" circle
-              :title="$t('trials:researchRecord:action:abolish')" icon="el-icon-delete"
-              @click="handleRepealResearch(scope.row)" />
-          </template>
-        </el-table-column>
-      </el-table>
-
-      <!-- 分页组件 -->
-      <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize"
-        @pagination="getList" />
-    </template>
-
-    <!-- 中心人员 -->
-    <el-dialog v-if="researchUserVisible" :visible.sync="researchUserVisible"
-      :title="$t('trials:researchRecord:dialogTitle:questionStaff')" custom-class="base-dialog-wrapper"
-      :fullscreen="true">
-      <div class="base-modal-body" style="border: 1px solid #ccc; padding: 10px">
-        <Users v-if="researchUserVisible" />
       </div>
-    </el-dialog>
+    </div>
-
-    <!-- 调查表 -->
-    <el-dialog v-if="researchInfoVisible" :visible.sync="researchInfoVisible" :fullscreen="true"
-      :close-on-click-modal="false">
-      <research-form v-if="researchInfoVisible" @refreshPage="getList" />
-    </el-dialog>
-    <!-- 调查表编辑 -->
-    <el-dialog v-if="ImageManualVisible" :visible.sync="ImageManualVisible" :fullscreen="true"
-      :close-on-click-modal="false" :title="$t('trials:researchRecord:dialogTitle:ImageManualEdit')">
-      <ImageManual v-if="ImageManualVisible" :trialSiteSurveyId="trialSiteSurveyId" @getList="getList" />
-    </el-dialog>
-    <!-- 调查表链接 -->
-    <base-model :config="share_model">
-      <template slot="dialog-body" v-loading="shareLoading">
-        <el-button size="small" type="primary" style="margin-bottom: 10px;" @click.stop="openImageManual">{{
-          $t('trials:researchRecord:label:edit')
-        }}</el-button>
-        <div style="width: 100%; display: flex">
-          <div class="date">
-            <el-form :model="shareForm" :rules="rules" ref="shareForm" label-width="100px">
-              <el-form-item :label="$t('trials:researchRecord:label:ExpirationDays')" prop="ExpirationDays">
-                <el-radio-group v-model="shareForm.ExpirationDays" @input="shareForm.OtherExpirationDays = null">
-                  <el-radio :label="1">{{ $t('trials:researchRecord:label:day1') }}</el-radio>
-                  <el-radio :label="7">{{ $t('trials:researchRecord:label:day7') }}</el-radio>
-                  <el-radio :label="15">{{ $t('trials:researchRecord:label:day15') }}</el-radio>
-                  <el-radio :label="`default`">{{ $t('trials:researchRecord:label:default') }}
-                    <el-input placeholder="" type="number" @input="handleInput" v-model="shareForm.OtherExpirationDays"
-                      clearable size="mini" style="width: 60px;" class="dayInput" />
-                    <span style="margin-left: 10px;">{{ $t('trials:researchRecord:label:day') }}</span>
-                  </el-radio>
-                </el-radio-group>
-              </el-form-item>
-              <el-form-item :label="$t('trials:researchRecord:label:LinkVerificationCode')" prop="LinkVerificationCode">
-                <el-radio-group v-model="shareForm.LinkVerificationCode"
-                  @input="shareForm.OtherLinkVerificationCode = null">
-                  <el-radio label="researchProgramNo">{{ $t('trials:researchRecord:label:researchProgramNo')
-                  }}</el-radio>
-                  <el-radio label="default">{{ $t('trials:researchRecord:label:default') }}
-                    <el-input placeholder="" type="number" v-model="shareForm.OtherLinkVerificationCode" clearable
-                      size="mini" style="width: 100px;" />
-                  </el-radio>
-                </el-radio-group>
-              </el-form-item>
-            </el-form>
-            <el-button type="primary" round @click="setLink" style="float: right;">
-              {{ $t('trials:researchRecord:button:setLink') }}
-            </el-button>
-          </div>
-          <div class="share">
-            <div class="shareLink">
-              <h3>{{ $t('trials:researchRecord:label:link') }}</h3>
-              <el-input ref="shareLink" v-model="shareLink" readonly type="textarea" autosize :rows="3" />
-              <div class="dateBox">
-                <span>{{ $t('trials:researchRecord:label:linkVerificationCode') }}</span>
-                <span>{{ LinkVerificationCode }}</span>
-              </div>
-              <div class="dateBox">
-                <span>{{ $t('trials:researchRecord:label:ValidityPeriod') }}</span>
-                <span>{{ validityPeriod }}</span>
-                <span style="color: red;" v-if="isExpired">({{ $t('trials:researchRecord:label:Expired') }})</span>
-              </div>
-              <el-button type="primary" round @click="copyLink" class="shareLinkBtn"
-                :disabled="!validityPeriod || isExpired">
-                {{ $t('trials:researchRecord:button:copyLink') }}
-              </el-button>
-            </div>
-            <div class="shareCode">
-              <h3>{{ $t('trials:researchRecord:label:shareCode') }}</h3>
-              <div style="display: flex;align-items: center;justify-content: space-between;">
-                <div class="qrCodeBox">
-                  <div id="qrcode" ref="qrcode"></div>
-                </div>
-                <div class="codeBtnBox">
-                  <el-button @click="handleCopyImg" type="primary" round :disabled="!validityPeriod || isExpired">{{
-                    $t('trials:researchRecord:button:copyCode')
-                  }}</el-button>
-                  <el-button @click="savePic" round :disabled="!validityPeriod || isExpired">{{
-                    $t('trials:researchRecord:button:savePic')
-                  }}</el-button>
-                </div>
-              </div>
-
-            </div>
-          </div>
-        </div>
-
-      </template>
-    </base-model>
   </BaseContainer>
 </template>
 <script>
-import {
+import { getTrialIsSPMJoin } from '@/api/research'
-  getTrialSiteSurveyList,
-  getTrialSiteSelect,
-  abandonSiteSurvey,
-  setTrialLinkExpirationTime,
-  getTrialLinkExpirationTime,
-  getLinkLinkExpirationTime,
-} from '@/api/trials'
-import { changeURLStatic } from '@/utils/history.js'
 import BaseContainer from '@/components/BaseContainer'
-import Pagination from '@/components/Pagination'
+import ResearchList from './components/ResearchList'
-import Users from './components/users'
-import ResearchForm from '@/views/research/form'
-import BaseModel from '@/components/BaseModel'
-import ImageManual from './components/ImageManual'
-import QRCode from 'qrcodejs2'
-
-const searchDataDefault = () => {
-  return {
-    SortField: '',
-    Asc: true,
-    PageIndex: 1,
-    PageSize: 20,
-    TrialSiteId: '',
-    UserKeyInfo: '',
-    State: null,
-    IsDeleted: '',
-    DateRange: [],
-    PreliminaryUserName: null,
-    ReviewerUserName: null,
-  }
-}
 export default {
-  name: 'SiteResearchList',
+  name: 'SiteResearch',
-  components: { BaseContainer, Pagination, Users, ResearchForm, BaseModel, ImageManual },
+  components: {
+    BaseContainer,
+    ResearchList
+  },
   data() {
     return {
-      searchData: searchDataDefault(),
+      isSPMJoin: true,
-      loading: false,
+      activeStatus: 0
-      list: [],
+    }
-      total: 0,
+  },
-      trialId: this.$route.query.trialId,
+  watch: {
-      siteOptions: [],
+    activeStatus: {
-      researchUserVisible: false,
+      deep: true,
-      researchInfoVisible: false,
+      immediate: true,
-      share_model: {
+      handler(v) {
-        visible: false,
+        this.$nextTick(() => {
-        title: this.$t('trials:researchRecord:title:shark'),
+          if (!this.isSPMJoin && v > 0) {
-        width: '1000px',
+            this.$refs['researchList'].searchData.State = v + 1
-      },
+          } else {
-      shareLink: '',
+            this.$refs['researchList'].searchData.State = v
-      researchState: this.$d.ResearchRecord,
-      qrcode: null,
-      validityPeriod: null,
-      LinkVerificationCode: null,
-      isExpired: false,
-      shareLoading: false,
-      shareForm: {
-        ExpirationDays: null,
-        OtherExpirationDays: null,
-        LinkVerificationCode: null,
-        OtherLinkVerificationCode: null,
-      },
-      rules: {
-        ExpirationDays: [
-          { required: true, message: this.$t("common:ruleMessage:select"), trigger: 'blur' },
-          {
-            validator: (rule, value, callback) => {
-              if (value === 'default' && !this.shareForm.OtherExpirationDays) {
-                callback(new Error(this.$t("common:ruleMessage:specify")));
-              } else {
-                callback()
-              }
-
-            }, trigger: 'blur'
           }
-        ],
-        LinkVerificationCode: [
-          { required: true, message: this.$t("common:ruleMessage:select"), trigger: 'blur' },
-          {
-            validator: (rule, value, callback) => {
-              if (value === 'default' && !this.shareForm.OtherLinkVerificationCode) {
-                callback(new Error(this.$t("common:ruleMessage:specify")));
-              } else {
-                callback()
-              }
 
-            }, trigger: 'blur'
+          this.$refs['researchList'].getList()
-          }
+        })
-        ],
+
-      },
+      }
-      ImageManualVisible: false,
+    }
-      trialSiteSurveyId: null,
+  },
+  computed: {
+    isAudit() {
+      if (this.isSPMJoin) {
+        return (this.hasPermi(['role:spm', 'role:cpm', 'role:apm']) && this.activeStatus === 1) || (this.hasPermi(['role:pm']) && this.activeStatus === 2)
+      } else {
+        return this.hasPermi(['role:pm']) && this.activeStatus === 1
+      }
     }
   },
   mounted() {
-    this.getList()
+    this.getTrialIsSPMJoin()
-    this.getSite()
   },
   methods: {
-    async getLinkTimeIsExpired() {
+    async getTrialIsSPMJoin() {
       try {
-        let data = {
+        let trialId = this.$route.query.trialId
-          TrialId: this.$route.query.trialId,
+        if (!trialId) return
+        let res = await getTrialIsSPMJoin(trialId)
+        this.isSPMJoin = res.Result
+        if (this.isSPMJoin) {
+          if (this.hasPermi(['role:pm'])) this.activeStatus = 2
+          if (this.hasPermi(['role:spm', 'role:cpm', 'role:apm'])) this.activeStatus = 1
+        } else {
+          if (this.hasPermi(['role:pm'])) this.activeStatus = 1
+          if (this.hasPermi(['role:spm', 'role:cpm', 'role:apm'])) this.activeStatus = 0
         }
-        this.shareLoading = true
+      } catch (e) {
-        let res = await getLinkLinkExpirationTime(data)
+        console.log(e)
-        this.shareLoading = false
-        if (res.IsSuccess) {
-          this.isExpired = res.Result.IsIsExpired
-        }
-      } catch (err) {
-        this.shareLoading = false
-        console.log(err)
       }
+
     },
-    async getLinkTime() {
+    handleClick(step) {
-      try {
+      this.activeStatus = step
-        let data = {
+      if (!this.isSPMJoin && step > 0) this.activeStatus = step - 1
-          TrialId: this.$route.query.trialId,
-        }
-        this.shareLoading = true
-        let res = await getTrialLinkExpirationTime(data)
-        this.shareLoading = false
-        if (res.IsSuccess) {
-          this.validityPeriod = res.Result.LinkExpirationTime
-          this.LinkVerificationCode = res.Result.LinkVerificationCode || res.Result.ResearchProgramNo
-          if (!this.validityPeriod) {
-            this.LinkVerificationCode = null
-          }
-          if (!this.validityPeriod) return false
-          this.getLinkTimeIsExpired()
-          this.shareLink = `${location.protocol}//${location.host}/researchLogin?trialId=${this.$route.query.trialId}`
-          this.$nextTick(() => {
-            this.creatQrCode()
-          })
-        }
-      } catch (err) {
-        this.shareLoading = false
-        console.log(err)
-      }
     },
-    async setLink() {
+
-      try {
+  }
-        let validate = await this.$refs.shareForm.validate()
-        if (!validate) return false
-        let data = {
-          TrialId: this.$route.query.trialId,
-          ExpirationDays: this.shareForm.ExpirationDays,
-          LinkVerificationCode: this.shareForm.LinkVerificationCode
-        }
-        if (this.shareForm.LinkVerificationCode === 'researchProgramNo') {
-          data.LinkVerificationCode = null
-        }
-        if (this.shareForm.LinkVerificationCode === 'default') {
-          data.LinkVerificationCode = this.shareForm.OtherLinkVerificationCode
-        }
-        if (this.shareForm.ExpirationDays === 'default') {
-          data.ExpirationDays = this.shareForm.OtherExpirationDays
-        }
-        this.shareLoading = true
-        let res = await setTrialLinkExpirationTime(data)
-        this.shareLoading = false
-        if (res.IsSuccess) {
-          this.getLinkTime()
-        }
-      } catch (err) {
-        this.shareLoading = false
-        console.log(err)
-      }
-    },
-    handleInput(val) {
-      // 过滤掉非数字字符，并取整为正整数
-      this.shareForm.OtherExpirationDays = val.replace(/[^\d]/g, '').replace(/^0+/, '')
-    },
-    openImageManual() {
-      // if (!this.trialSiteSurveyId) return false
-      this.ImageManualVisible = true
-    },
-    // 获取系统文件数据
-    getList() {
-      this.loading = true
-      this.searchData.TrialId = this.trialId
-      if (this.searchData.DateRange && this.searchData.DateRange.length === 2) {
-        this.searchData.UpdateTimeBegin = this.searchData.DateRange[0]
-        this.searchData.updateTimeEnd = this.searchData.DateRange[1]
-      } else {
-        this.searchData.UpdateTimeBegin = ''
-        this.searchData.updateTimeEnd = ''
-      }
-      getTrialSiteSurveyList(this.searchData)
-        .then((res) => {
-          this.loading = false
-          this.list = res.Result.CurrentPageData
-          this.total = res.Result.TotalCount
-        })
-        .catch(() => {
-          this.loading = false
-        })
-    },
-    // 查看调查表记录详情
-    handleViewResearchList(row) {
-      changeURLStatic('trialSiteSurveyId', row.Id)
-      this.researchInfoVisible = true
-    },
-    // 废除待提交的调查表
-    handleRepealResearch(row) {
-      // 是否确认废除？
-      this.$confirm(this.$t('trials:researchRecord:message:abolish'), {
-        type: 'warning',
-        distinguishCancelAndClose: true,
-      }).then(() => {
-        abandonSiteSurvey(this.trialId, row.Id).then((res) => {
-          if (res.IsSuccess) {
-            this.getList()
-            // 废除成功
-            this.$message.success(
-              this.$t('trials:researchRecord:message:abolishSuccessfully')
-            )
-          }
-        })
-      })
-    },
-    // 展示当前项目下所有调查表需生成账户的用户信息
-    showResearchUser() {
-      this.researchUserVisible = true
-    },
-    // 复制链接
-    copyLink() {
-      // 中心调研表链接
-      this.$copyText(
-        `${this.$t('trials:researchRecord:message:researchFormLink')}: ${this.shareLink
-        }\n${this.$t('trials:researchRecord:label:linkVerificationCode')}${this.LinkVerificationCode}\n${this.$t('trials:researchRecord:label:ValidityPeriod')}${this.validityPeriod}`
-      )
-        .then((res) => {
-          // 复制成功
-          this.$message.success(
-            this.$t('trials:researchRecord:message:copySuccessfully')
-          )
-        })
-        .catch(() => {
-          // 复制失败
-          this.$alert(this.$t('trials:researchRecord:message:copyFailed'))
-        })
-    },
-    // 创建二维码
-    creatQrCode() {
-      this.$refs.qrcode.innerHTML = '' //清除二维码方法一
-      let text = this.shareLink
-      this.qrcode = new QRCode(this.$refs.qrcode, {
-        text: text, //页面地址 ,如果页面需要参数传递请注意哈希模式#
-        width: 200,
-        height: 200,
-        colorDark: '#000000',
-        colorLight: '#ffffff',
-        correctLevel: QRCode.CorrectLevel.H,
-      })
-      // qrcode.clear(); // 清除二维码方法二
-    },
-    // 下载二维码
-    savePic() {
-      let qrCodeCanvas = document
-        .getElementById('qrcode')
-        .getElementsByTagName('canvas')
-      let a = document.createElement('a')
-      a.href = qrCodeCanvas[0].toDataURL('image/url')
-      a.download = `${this.$route.query.researchProgramNo}${this.$t('trials:researchRecord:title:code')}.png`
-      a.click()
-    },
-    // 复制二维码
-    handleCopyImg() {
-      let qrCodeCanvas = document
-        .getElementById('qrcode')
-        .getElementsByTagName('canvas')
-      qrCodeCanvas[0].toBlob(async (blob) => {
-        console.log(blob)
-        const data = [
-          new ClipboardItem({
-            [blob.type]: blob,
-          }),
-        ] // https://w3c.github.io/clipboard-apis/#dom-clipboard-write
-        await navigator.clipboard.write(data).then(
-          () => {
-            this.$message.success(
-              this.$t('trials:researchRecord:message:copySuccess')
-            )
-          },
-          () => {
-            this.$message.error(
-              this.$t('trials:researchRecord:message:UnableWrite')
-            )
-          }
-        )
-      })
-    },
-    // 获取site下拉框数据
-    getSite() {
-      getTrialSiteSelect(this.trialId).then((res) => {
-        this.siteOptions = res.Result
-      })
-    },
-    // 展示调查表链接
-    showResearchLink() {
-      this.shareForm = {
-        ExpirationDays: null,
-        OtherExpirationDays: null,
-        LinkVerificationCode: null,
-        OtherLinkVerificationCode: null,
-      }
-      this.validityPeriod = null
-      this.isExpired = false
-      this.share_model.visible = true
-      this.getLinkTime()
-      // &lang=${this.$i18n.locale}
-      // this.trialSiteSurveyId = this.list[0].Id
-    },
-    // 重置
-    handleReset() {
-      this.searchData = searchDataDefault()
-      this.searchData.DateRange = []
-      if (this.searchData.DateRange && this.searchData.DateRange.length === 2) {
-        this.searchData.UpdateTimeBegin = this.searchData.DateRange[0]
-        this.searchData.updateTimeEnd = this.searchData.DateRange[1]
-      } else {
-        this.searchData.UpdateTimeBegin = ''
-        this.searchData.updateTimeEnd = ''
-      }
-      this.getList()
-      this.$nextTick(() => {
-        this.$refs.siteResearchList.clearSort()
-      })
-    },
-    // 查询
-    handleSearch() {
-      this.getList()
-    },
-    // 排序
-    handleSortByColumn(column) {
-      if (column.order === 'ascending') {
-        this.searchData.Asc = true
-      } else {
-        this.searchData.Asc = false
-      }
-      this.searchData.SortField = column.prop
-      this.getList()
-    },
-  },
-  beforeDestroy() {
-    if (this.qrcode) {
-      this.qrcode = null
-    }
-  },
 }
 </script>
 <style lang="scss" scoped>
-.date,
+.step-wrapper {
-.share {
-  width: 55%;
   height: 100%;
-}
+  flex: 1;
-
-.dayInput {
-  ::v-deep .el-input__inner {
-    padding-left: 5px;
-  }
-}
-
-
-.date {
-  padding-right: 10px;
-}
-
-.share {
-  width: 45%;
-  padding-left: 5%;
-  border-left: 1px solid #f0f0f0;
-  box-sizing: border-box;
-}
-
-.shareLinkBtn {
-  float: right;
-}
-
-.qrCodeBox {
-  width: 220px;
-  height: 220px;
   display: flex;
-  border: 1px solid #c0c4cc;
+  flex-direction: column;
-  border-radius: 5px;
+  padding: 0;
-  box-shadow: 1px 1px 5px #c0c4cc;
+  margin: 0;
-  align-items: center;
+  background-color: #fff;
+}
+
+.el-steps {
+  height: 80px;
   justify-content: center;
 }
 
-.dateBox {
+.step-content {
-  margin: 10px;
+  flex: 1;
 }
 
-.codeBtnBox {
+.title {
+  height: 40px;
+  line-height: 40px;
+  padding-left: 5px;
+  background: #e4ebf1;
+  border-left: 3px solid #0fc8e0;
+  font-size: 13px;
 
-  ::v-deep .el-button {
+  p {
-    display: block;
+    padding: 0;
-    margin: 10px auto;
+    margin: 0;
   }
 }
+
+.trial-wrapper {
+  height: 60px;
+
+  .div-row {
+    display: flex;
+    justify-content: space-between;
+    margin: 10px 20px !important;
+    font-size: 13px;
+
+    .div-col {
+      flex: 1;
+      width: 100px;
+      white-space: nowrap !important;
+      text-overflow: ellipsis !important;
+      word-break: break-word !important;
+      overflow: hidden !important;
+
+      label {
+        font-weight: bold;
+      }
+    }
+
+    .div-textarea {
+      display: inline-block;
+    }
+  }
+}
+
+::v-deep .el-step__head.is-process {
+  color: #428bca;
+  border-color: #428bca;
+}
+
+::v-deep .el-step__title.is-process {
+  color: #428bca;
+  border-color: #428bca;
+}
+
+::v-deep .el-step__description.is-process {
+  color: #428bca;
+  border-color: #428bca;
+}
+
+::v-deep .el-step__head.is-process .el-step__line {
+  background-color: #428bca;
+}
+
+::v-deep .el-step__head.is-finish {
+  color: #303133;
+  border-color: #303133;
+}
+
+::v-deep .el-step__title.is-finish {
+  color: #303133;
+  border-color: #303133;
+}
+
+::v-deep .el-step__description.is-finish {
+  color: #303133;
+  border-color: #303133;
+}
+
+::v-deep .el-step__title.is-process {
+  text-decoration: none;
+}
+
+::v-deep .el-step__title.is-finish {
+  text-decoration: none;
+}
+
+::v-deep .el-step__head.is-finish .el-step__line {
+  background-color: #303133;
+}
+
+.click_cursor {
+  cursor: pointer;
+}
 </style>

src/views/trials/trials-panel/reading/dicoms/components/DicomCanvas.vue

@@ -1222,7 +1222,7 @@ export default {
                   cornerstoneTools.addToolForElement(element, RectangleRoiTool, { configuration: { allowEmptyLabel: true, handleRadius: false, drawHandlesOnHover: true, hideHandlesIfMoving: true } })
                 } else if (toolName === 'Probe' && (parseInt(localStorage.getItem('CriterionType')) === 21)) {
                   cornerstoneTools.addToolForElement(element, ProbeTool, { configuration: { fixedRadius: 5, handleRadius: true, drawHandlesOnHover: true, hideHandlesIfMoving: true, digits: this.digitPlaces } })
-                } else if (toolName === 'Probe' && parseInt(localStorage.getItem('CriterionType')) === 22) {
+                } else if (toolName === 'Probe' &&  parseInt(localStorage.getItem('CriterionType')) === 22) {
                   cornerstoneTools.addToolForElement(element, ProbeTool, { configuration: { fixedRadius: 12, unit: 'mm', handleRadius: true, drawHandlesOnHover: true, hideHandlesIfMoving: true, digits: this.digitPlaces } })
                 } else {
                   cornerstoneTools.addToolForElement(element, apiTool)
@@ -1675,10 +1675,7 @@ export default {
         cornerstone.getDefaultViewportForImage(this.canvas, image)
       )
     },
-    getInfo() {
+
-      var image = cornerstone.getImage(this.canvas)
-      return image
-    },
     toggleDicomInfo() {
       this.toolState.dicomInfoVisible = !this.toolState.dicomInfoVisible
       if (this.toolState.dicomInfoVisible) {

src/views/trials/trials-panel/reading/dicoms/components/DicomViewer.vue

@@ -422,7 +422,7 @@
             </div>
           </div>
         </div>
-        <el-tooltip v-if="trialCriterion.ImageUploadEnum > 0" 
+        <el-tooltip v-if="trialCriterion.ImageUploadEnum > 0 && currentReadingTaskState < 2" v-hasPermi="['role:ir']"
           class="item" effect="dark" :content="$t('trials:reading:button:upload')" placement="bottom">
           <div class="tool-wrapper">
             <div class="icon" @click.prevent="openUploadImage('upload')">
@@ -431,7 +431,15 @@
             <div class="text">{{ $t('trials:reading:button:upload') }}</div>
           </div>
         </el-tooltip>
-        <el-tooltip v-if="trialCriterion.ImageDownloadEnum > 0" class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
+        <el-tooltip v-if="trialCriterion.ImageDownloadEnum > 0" v-hasPermi="[
+          'role:ir',
+          'role:mim',
+          'role:mc',
+          'role:pm',
+          'role:apm',
+          'role:ea',
+          'role:qa',
+        ]" class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
           <div class="tool-wrapper">
             <div class="icon" @click.prevent="openUploadImage('download')">
               <i class="el-icon-download svg-icon" />
@@ -439,10 +447,6 @@
             <div class="text">{{ $t('trials:reading:button:download') }}</div>
           </div>
         </el-tooltip>
-        <label for="Replacement" style="color: #fff;cursor: pointer;">
-          替换
-        </label>
-        <input type="file" id="Replacement" @change="beginScanFiles($event, 'replace')" style="display: none;">
         <div style="margin-left:auto;">
           <div style="padding:5px;display: flex;">
             <!-- 手册 -->
@@ -704,8 +708,7 @@
     </el-dialog>
     <upload-dicom-and-nonedicom v-if="uploadImageVisible" :subject-id="uploadSubjectId"
       :subject-code="uploadSubjectCode" :criterion="uploadTrialCriterion" :visible.sync="uploadImageVisible"
-      :visit-task-id="taskId" :is-reading-task-view-in-order="isReadingTaskViewInOrder" :isReading="true"
+      :visit-task-id="taskId" :is-reading-task-view-in-order="isReadingTaskViewInOrder" :isReading="true" />
-      :StudyInstanceUID="StudyInstanceUID" />
     <download-dicom-and-nonedicom v-if="downloadImageVisible" :subject-id="uploadSubjectId"
       :subject-code="uploadSubjectCode" :criterion="uploadTrialCriterion" :task-id="taskId"
       :visible.sync="downloadImageVisible" :isReading="true" />
@@ -764,8 +767,6 @@ import const_ from '@/const/sign-code'
 import { changeURLStatic } from '@/utils/history.js'
 import SystemInfo from "@/utils/systemInfo";
 import md5 from 'js-md5'
-import { changeFile } from "./upload.js"
-import dcmjs from '@/utils/dcmUpload/dcmjs'
 export default {
   name: 'DicomViewer',
   components: {
@@ -844,10 +845,6 @@ export default {
       default() {
         return true
       }
-    },
-    Loading: {
-      type: Boolean,
-      default: false
     }
   },
   data() {
@@ -981,10 +978,7 @@ export default {
       fullScreenWidth: window.innerWidth - 570 + 'px',
       fullScreenHeight: window.innerHeight - 130 + 'px',
 
-      ManualsClose: false,
+      ManualsClose: false
-      fileKey: null,
-      file: null,
-      StudyInstanceUID: null
     }
   },
 
@@ -1219,12 +1213,6 @@ export default {
       this.AspectRatio = windowWidth / windowHeight
     };
     this.getSystemInfoReading()
-    DicomEvent.$on('sendStudyFile', (study) => {
-      let image = this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].getInfo()
-      study.visitTaskList = this.visitTaskList
-      this.$emit("update:Loading", true)
-      changeFile('IR', this.file, study, image)
-    })
   },
   beforeDestroy() {
     DicomEvent.$off('updateImage')
@@ -1248,11 +1236,6 @@ export default {
     })
   },
   methods: {
-    beginScanFiles(e, key) {
-      this.fileKey = key
-      this.file = e.target.files[0]
-      DicomEvent.$emit('getStudyFile')
-    },
     handleReadingChart(e) {
       this.$emit('handleReadingChart', e)
     },
@@ -1300,10 +1283,6 @@ export default {
       if (idx > -1) {
         this.taskId = this.visitTaskList[idx].VisitTaskId
       }
-      let image = this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].getInfo()
-      let dataset = dcmjs.data.DicomMessage.readFile(image.data.byteArray.buffer)
-      this.StudyInstanceUID = dataset.dict['0020000D'].Value[0]
-      dataset = null
       this.uploadSubjectCode = localStorage.getItem("subjectCode")
       this.uploadSubjectId = localStorage.getItem("subjectId")
       this.uploadTrialCriterion = this.trialCriterion

src/views/trials/trials-panel/reading/dicoms/components/IVUS/QuestionList.vue

@@ -189,11 +189,22 @@
       </template>
 
       <!-- 计算值 -->
-      <Questions ref="ecrf2" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
+      <Questions 
-        :group-classify="4" style="margin-top:20px" />
+        ref="ecrf2" 
+        :question-form-change-state="true" 
+        :question-form-change-num="0" 
+        :is-qulity-issues="false"
+        :group-classify="4" 
+        :question-type="12"
+        style="margin-top:20px" />
 
       <!-- 评估结果 -->
-      <Questions ref="ecrf3" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
+      <Questions 
+        ref="ecrf3" 
+        :question-form-change-state="true" 
+        :question-form-change-num="0" 
+        :is-qulity-issues="false"
+        :question-type="12"
         :group-classify="5" />
       <!-- 新增、编辑弹窗 -->
       <el-dialog v-if="addOrEdit.visible" :visible.sync="addOrEdit.visible" :close-on-click-modal="false"
@@ -622,7 +633,7 @@ export default {
         return v
       }
     },
-    async handleSave(index) {
+    async handleSave(index, options = {}) {
       if (this.rowSaveLoadingMap[index]) return
       const refName = `questions${index}`
       this.$set(this.rowSaveLoadingMap, index, true)
@@ -640,9 +651,13 @@ export default {
           answers: answers
         }
         await saveTaskQuestion(12, params)
-        this.$message.success(this.$t('common:message:savedSuccessfully'))
+        if (!options.silentSuccess) {
+          this.$message.success(this.$t('common:message:savedSuccessfully'))
+        }
         DicomEvent.$emit('getReportInfo', true)
-        this.refreshQuestions()
+        if (!options.skipRefresh) {
+          await this.refreshQuestions()
+        }
         this.formChanged = false
       } catch (e) {
         console.log(e)
@@ -858,9 +873,29 @@ export default {
       }
     },
     async uploadDlgClose() {
-      this.refreshQuestions()
+      try {
-      DicomEvent.$emit('getReportInfo', true)
+        await this.refreshQuestions()
-      this.upload.visible = false
+        const saveTasks = []
+        for (let index = 0; index < this.questions.length; index++) {
+          const qs = this.questions[index]
+          if (qs.GroupClassify === 6) {
+            saveTasks.push(() => this.handleSave(index, { silentSuccess: true, skipRefresh: true }))
+          }
+        }
+        saveTasks.push(() => this.$refs['ecrf2'] && this.$refs['ecrf2'].handleSave({ silentSuccess: true, skipRefresh: true }))
+        saveTasks.push(() => this.$refs['ecrf3'] && this.$refs['ecrf3'].handleSave({ silentSuccess: true, skipRefresh: true }))
+        for (const saveTask of saveTasks) {
+          try {
+            await saveTask()
+          } catch (e) {
+            console.log(e)
+          }
+        }
+      } catch (e) {
+        console.log(e)
+      } finally {
+        this.upload.visible = false
+      }
     },
     renderHeader(h, { column, $index }) {
       const span = document.createElement('span')

src/views/trials/trials-panel/reading/dicoms/components/NoneDicomsCanvas.vue

@@ -30,12 +30,12 @@
           <div class="image-viewer__actions__inner">
             <i class="el-icon-zoom-out" @click="handleActions('zoomOut')" />
             <i class="el-icon-zoom-in" @click="handleActions('zoomIn')" />
-            <i class="el-image-viewer__actions__divider" />
+            <!-- <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-image-viewer__actions__divider" /> -->
             <i class="el-icon-refresh-left" @click="handleActions('anticlocelise')" />
             <i class="el-icon-refresh-right" @click="handleActions('clocelise')" />
-            <i v-if="readingTaskState < 2" class="el-icon-bottom-right"
+            <i v-if="readingTaskState < 2 && taskInfo.CriterionType !== 19 && taskInfo.CriterionType !== 20" class="el-icon-bottom-right"
               :style="{ cursor: isToolDisabled || readingTaskState >= 2 ? 'not-allowed' : 'pointer' }"
               @click="handleDrawArrow" />
 
@@ -44,7 +44,7 @@
               :style="{cursor:isToolDisabled || readingTaskState >=2 ?'not-allowed':'pointer'}"
               @click="handleDrawRectangle"
             /> -->
-            <svg-icon v-if="readingTaskState < 2" icon-class="rectangle" class="svg-icon"
+            <svg-icon v-if="readingTaskState < 2 && taskInfo.CriterionType !== 19 && taskInfo.CriterionType !== 20" icon-class="rectangle" class="svg-icon"
               :style="{ cursor: isToolDisabled || readingTaskState >= 2 ? 'not-allowed' : 'pointer' }"
               @click="handleDrawRectangle" />
           </div>
@@ -109,6 +109,7 @@ export default {
     }
   },
   data() {
+    const taskInfo = JSON.parse(localStorage.getItem('taskInfo') || '{}')
     return {
       loading: false,
       index: this.initialIndex,
@@ -137,11 +138,13 @@ export default {
       currentDrawData: {},
       canvasData: [],
       imgZoom: 1,
+      isDragging: false,
       isToolDisabled: false,
       lesionName: '',
       visitTaskId: '',
       isInit: false,
-      imgSize: { height: '', width: '' } // 图片原始尺寸
+      imgSize: { height: '', width: '' }, // 图片原始尺寸
+      taskInfo
     }
   },
   computed: {
@@ -209,6 +212,10 @@ export default {
     }
     this.deviceSupportInstall()
   },
+  beforeDestroy() {
+    window.removeEventListener('message', this.receiveMsg)
+    this.stopDragging()
+  },
   methods: {
     getCanvasData() {
       return new Promise(async resolve => {
@@ -337,25 +344,55 @@ export default {
     // 初始化画布
     initCanvas(img) {
       this.loading = true
-      this.canvasSize.height = img.height
-      this.canvasSize.width = img.width
-
       this.imgSize.height = img.height
       this.imgSize.width = img.width
 
       const canvasDiv = document.getElementsByClassName('image-viewer__canvas')[0]
+      const widthRatio = canvasDiv && canvasDiv.offsetWidth ? canvasDiv.offsetWidth / img.width : 1
+      const heightRatio = canvasDiv && canvasDiv.offsetHeight ? canvasDiv.offsetHeight / img.height : 1
+      this.imgZoom = Math.min(widthRatio, heightRatio, 1)
+      this.canvasSize.height = Math.round(img.height * this.imgZoom)
+      this.canvasSize.width = Math.round(img.width * this.imgZoom)
       this.canvasPosition = {
-        x: canvasDiv.offsetWidth / 2 - img.width / 2,
+        x: canvasDiv.offsetWidth / 2 - this.canvasSize.width / 2,
-        y: canvasDiv.offsetHeight / 2 - img.height / 2 - 25
+        y: canvasDiv.offsetHeight / 2 - this.canvasSize.height / 2 - 25
       } // 背景居中
 
       this.$nextTick(async () => {
         ctx = document.getElementById('canvas').getContext('2d') // 获取上下文
-        await ctx.drawImage(img, 0, 0, img.width, img.height) // 在canvas中绘制图片(图片、起始位置、绘图尺寸)
+        await ctx.drawImage(img, 0, 0, this.canvasSize.width, this.canvasSize.height) // 在canvas中绘制图片(图片、起始位置、绘图尺寸)
         this.drawToArr()
         this.loading = false
       })
     },
+    scalePoint(point) {
+      return {
+        x: point.x * this.imgZoom,
+        y: point.y * this.imgZoom
+      }
+    },
+    startDragging(e) {
+      const { offsetX, offsetY } = this.transform
+      const startX = e.pageX
+      const startY = e.pageY
+      this.isDragging = true
+      this._dragHandler = rafThrottle((ev) => {
+        this.transform.offsetX = offsetX + ev.pageX - startX
+        this.transform.offsetY = offsetY + ev.pageY - startY
+      })
+      this._dragEndHandler = () => {
+        this.stopDragging()
+      }
+      on(document, 'mousemove', this._dragHandler)
+      on(document, 'mouseup', this._dragEndHandler)
+    },
+    stopDragging() {
+      off(document, 'mousemove', this._dragHandler)
+      off(document, 'mouseup', this._dragEndHandler)
+      this._dragHandler = null
+      this._dragEndHandler = null
+      this.isDragging = false
+    },
 
     // 清空画布
     clearCanvas() {
@@ -381,6 +418,11 @@ export default {
       if (e.button !== 0) {
         return
       }
+      if (!this.model) {
+        this.startDragging(e)
+        e.preventDefault()
+        return
+      }
       this.isMouseDown = true // 打开鼠标状态
       // 获取画布中鼠标开始点击位置
       this.canvasMouseStart = {
@@ -391,6 +433,9 @@ export default {
 
     // 鼠标移动事件
     async handleMouseMove(e) {
+      if (!this.model || this.isDragging) {
+        return
+      }
       // 获取屏幕中鼠标位置(显示实时坐标)
       this.mousePosition = {
         x: e.pageX,
@@ -437,10 +482,12 @@ export default {
             var headlen = 10// 自定义箭头线的长度
             var theta = 45// 自定义箭头线与直线的夹角
             var arrowX, arrowY// 箭头线终点坐标
-            var fromX = e.data.handles.start.x
+            var start = this.scalePoint(e.data.handles.start)
-            var fromY = e.data.handles.start.y
+            var end = this.scalePoint(e.data.handles.end)
-            var toX = e.data.handles.end.x
+            var fromX = start.x
-            var toY = e.data.handles.end.y
+            var fromY = start.y
+            var toX = end.x
+            var toY = end.y
             // 计算各角度和对应的箭头终点坐标
             var angle = Math.atan2(fromY - toY, fromX - toX) * 180 / Math.PI
             var angle1 = (angle + theta) * Math.PI / 180
@@ -453,8 +500,8 @@ export default {
             // 画直线
             ctx.lineWidth = this.lineWidth
             ctx.beginPath()
-            ctx.moveTo(fromX * this.imgZoom, fromY * this.imgZoom)
+            ctx.moveTo(fromX, fromY)
-            ctx.lineTo(toX * this.imgZoom, toY * this.imgZoom)
+            ctx.lineTo(toX, toY)
 
             arrowX = toX + topX
             arrowY = toY + topY
@@ -473,18 +520,16 @@ export default {
             ctx.lineWidth = this.lineWidth
             ctx.beginPath()
             ctx.strokeStyle = this.color
+            const start = this.scalePoint(e.data.handles.start)
+            const end = this.scalePoint(e.data.handles.end)
             // 绘制矩形边框
             ctx.strokeRect(
-              // this.canvasMouseStart.x,
+              start.x,
-              // this.canvasMouseStart.y,
+              start.y,
-              // e.offsetX - this.canvasMouseStart.x,
+              end.x - start.x,
-              // e.offsetY - this.canvasMouseStart.y
+              end.y - start.y
-              e.data.handles.start.x,
-              e.data.handles.start.y,
-              e.data.handles.end.x - e.data.handles.start.x,
-              e.data.handles.end.y - e.data.handles.start.y
             )
-            this.drawText(ctx, { x: e.data.handles.start.x, y: e.data.handles.start.y }, { x: e.data.handles.end.x, y: e.data.handles.end.y }, e.data.remark, this.color)
+            this.drawText(ctx, start, end, e.data.remark, this.color)
           }
         }
       })
@@ -495,6 +540,10 @@ export default {
       if (e.button !== 0) {
         return // 非左键松开
       }
+      if (this.isDragging) {
+        this.stopDragging()
+        return
+      }
 
       // 左键松开
       if (this.model === 'ArrowAnnotate' || this.model === 'RectangleRoi') {

src/views/trials/trials-panel/reading/dicoms/components/OCT/QuestionList.vue

@@ -189,11 +189,22 @@
       </template>
 
       <!-- 计算值 -->
-      <Questions ref="ecrf2" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
+      <Questions 
-        :group-classify="4" style="margin-top:20px" />
+        ref="ecrf2" 
+        :question-form-change-state="true" 
+        :question-form-change-num="0" 
+        :is-qulity-issues="false"
+        :group-classify="4" 
+        :question-type="12"
+        style="margin-top:20px" />
 
       <!-- 评估结果 -->
-      <Questions ref="ecrf3" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
+      <Questions 
+        ref="ecrf3" 
+        :question-form-change-state="true" 
+        :question-form-change-num="0" 
+        :is-qulity-issues="false"
+        :question-type="12"
         :group-classify="5" />
       <el-dialog v-if="addOrEdit.visible" :visible.sync="addOrEdit.visible" :close-on-click-modal="false"
         :title="addOrEdit.title" width="500px">
@@ -617,7 +628,7 @@ export default {
         return v
       }
     },
-    async handleSave(index) {
+    async handleSave(index, options = {}) {
       if (this.rowSaveLoadingMap[index]) return
       const refName = `questions${index}`
       this.$set(this.rowSaveLoadingMap, index, true)
@@ -635,9 +646,13 @@ export default {
           answers: answers
         }
         await saveTaskQuestion(12, params)
-        this.$message.success(this.$t('common:message:savedSuccessfully'))
+        if (!options.silentSuccess) {
+          this.$message.success(this.$t('common:message:savedSuccessfully'))
+        }
         DicomEvent.$emit('getReportInfo', true)
-        this.refreshQuestions()
+        if (!options.skipRefresh) {
+          await this.refreshQuestions()
+        }
         this.formChanged = false
       } catch (e) {
         console.log(e)
@@ -884,9 +899,29 @@ export default {
       }
     },
     async uploadDlgClose() {
-      this.refreshQuestions()
+      try {
-      DicomEvent.$emit('getReportInfo', true)
+        await this.refreshQuestions()
-      this.upload.visible = false
+        const saveTasks = []
+        for (let index = 0; index < this.questions.length; index++) {
+          const qs = this.questions[index]
+          if (qs.GroupClassify === 6) {
+            saveTasks.push(() => this.handleSave(index, { silentSuccess: true, skipRefresh: true }))
+          }
+        }
+        saveTasks.push(() => this.$refs['ecrf2'] && this.$refs['ecrf2'].handleSave({ silentSuccess: true, skipRefresh: true }))
+        saveTasks.push(() => this.$refs['ecrf3'] && this.$refs['ecrf3'].handleSave({ silentSuccess: true, skipRefresh: true }))
+        for (const saveTask of saveTasks) {
+          try {
+            await saveTask()
+          } catch (e) {
+            console.log(e)
+          }
+        }
+      } catch (e) {
+        console.log(e)
+      } finally {
+        this.upload.visible = false
+      }
     },
     renderHeader(h, { column, $index }) {
       const span = document.createElement('span')

src/views/trials/trials-panel/reading/dicoms/components/Questions.vue

@@ -279,84 +279,86 @@ export default {
       })
     },
 
-    handleSave() {
+    async handleSave(options = {}) {
-      if (this.saveLoading) return
+      if (this.saveLoading) return false
       this.saveLoading = true
-      this.$refs['questions'].validate(async (valid) => {
+      const valid = await new Promise(resolve => {
-        if (!valid) {
+        this.$refs['questions'].validate(v => resolve(v))
-          this.saveLoading = false
-          return
-        }
-        // lugano标准校验脾脏状态是否符合要求
-        if ((this.criterionType === 2 || this.criterionType === 18) && this.groupClassify === 3) {
-          // 是否有标记未保存
-          var existUnSave = this.checkAnnotationStatus(this.questions)
-          if (existUnSave) {
-            this.$alert(this.$t('trials:lugano:message:saveWarning'), this.$t('trials:lugano:fusionDialog:warning'))
-            this.saveLoading = false
-            return
-          }
-
-          var currentSpleenStatus = this.questionForm[this.spleenStatusId]
-          var currentSpleenLength = this.questionForm[this.spleenLengthId]
-          currentSpleenStatus = isNaN(parseInt(currentSpleenStatus)) ? null : parseInt(currentSpleenStatus)
-          var stIdx = this.measurements.findIndex(i => i.QuestionType === 60)
-          var slIdx = this.measurements.findIndex(i => i.QuestionType === 61)
-
-          if (currentSpleenLength && currentSpleenStatus === 5) {
-            // '脾脏状态为不可评估，不需要添加标记!'
-            this.$alert(this.$t('trials:lugano:message:validSpleen1'), this.$t('trials:lugano:fusionDialog:warning'), {
-              callback: _ => { }
-            })
-            this.saveLoading = false
-          } else if (currentSpleenStatus === 5 && ((stIdx > -1 && this.measurements[stIdx].MeasureData) || (slIdx > -1 && this.measurements[slIdx].MeasureData))) {
-            // 若有标记，状态不可为“无法评估”
-            this.$alert(this.$t('trials:lugano:message:validSpleen1'), this.$t('trials:lugano:fusionDialog:warning'), {
-              callback: _ => { }
-            })
-            this.saveLoading = false
-          } else if (((stIdx > -1 && this.measurements[stIdx].MeasureData) || (slIdx > -1 && this.measurements[slIdx].MeasureData)) && !currentSpleenLength) {
-            this.$alert(this.$t('trials:lugano:message:validSpleen2'), this.$t('trials:lugano:fusionDialog:warning'), {
-              callback: _ => { }
-            })
-            this.saveLoading = false
-          } else {
-            this.saveQuestionsList()
-          }
-        } else if ((this.criterionType === 2 || this.criterionType === 18) && this.groupClassify === 1 && this.questionForm[this.imageQualityIssuesId] && parseInt(this.questionForm[this.imageQualityIssuesId]) === 6) {
-          // 保存影响质量问题分组，如果质量问题为PET-CT影像无法融合则验证是否可以保存
-          let res = null
-          if (this.criterionType === 18) {
-            res = await getCanChooseNotMergeNoPet({ visitTaskId: this.visitTaskId })
-          } else {
-            res = await getCanChooseNotMerge({ visitTaskId: this.visitTaskId })
-          }
-
-          if (res.IsSuccess && !res.Result.IsCanChooseNotMerge) {
-            // this.$alert(this.$t('trials:lugano:saveQuestions:warning1'), this.$t('trials:lugano:fusionDialog:warning'), {showCancelButton: false})
-            this.$alert(this.$t('trials:lugano:saveQuestions:warning1'), this.$t('trials:lugano:fusionDialog:warning'), {
-              showCancelButton: false,
-              callback: action => { }
-            })
-            this.saveLoading = false
-            return
-          } else {
-            // 如果设置为PET-CT影像无法融合，则FDG-PET评估会被设置为NE。
-            this.$confirm(this.$t('trials:lugano:saveQuestions:warning2'), {
-              type: 'warning',
-              distinguishCancelAndClose: true
-            })
-              .then(() => {
-                this.saveQuestionsList()
-              })
-          }
-        } else {
-          this.saveQuestionsList()
-        }
-        // this.saveQuestionsList()
       })
+      if (!valid) {
+        this.saveLoading = false
+        return false
+      }
+      // lugano标准校验脾脏状态是否符合要求
+      if ((this.criterionType === 2 || this.criterionType === 18) && this.groupClassify === 3) {
+        // 是否有标记未保存
+        var existUnSave = this.checkAnnotationStatus(this.questions)
+        if (existUnSave) {
+          await this.$alert(this.$t('trials:lugano:message:saveWarning'), this.$t('trials:lugano:fusionDialog:warning'))
+          this.saveLoading = false
+          return false
+        }
+
+        var currentSpleenStatus = this.questionForm[this.spleenStatusId]
+        var currentSpleenLength = this.questionForm[this.spleenLengthId]
+        currentSpleenStatus = isNaN(parseInt(currentSpleenStatus)) ? null : parseInt(currentSpleenStatus)
+        var stIdx = this.measurements.findIndex(i => i.QuestionType === 60)
+        var slIdx = this.measurements.findIndex(i => i.QuestionType === 61)
+
+        if (currentSpleenLength && currentSpleenStatus === 5) {
+          // '脾脏状态为不可评估，不需要添加标记!'
+          await this.$alert(this.$t('trials:lugano:message:validSpleen1'), this.$t('trials:lugano:fusionDialog:warning'), {
+            callback: _ => { }
+          })
+          this.saveLoading = false
+          return false
+        } else if (currentSpleenStatus === 5 && ((stIdx > -1 && this.measurements[stIdx].MeasureData) || (slIdx > -1 && this.measurements[slIdx].MeasureData))) {
+          // 若有标记，状态不可为“无法评估”
+          await this.$alert(this.$t('trials:lugano:message:validSpleen1'), this.$t('trials:lugano:fusionDialog:warning'), {
+            callback: _ => { }
+          })
+          this.saveLoading = false
+          return false
+        } else if (((stIdx > -1 && this.measurements[stIdx].MeasureData) || (slIdx > -1 && this.measurements[slIdx].MeasureData)) && !currentSpleenLength) {
+          await this.$alert(this.$t('trials:lugano:message:validSpleen2'), this.$t('trials:lugano:fusionDialog:warning'), {
+            callback: _ => { }
+          })
+          this.saveLoading = false
+          return false
+        }
+        return await this.saveQuestionsList(options)
+      } else if ((this.criterionType === 2 || this.criterionType === 18) && this.groupClassify === 1 && this.questionForm[this.imageQualityIssuesId] && parseInt(this.questionForm[this.imageQualityIssuesId]) === 6) {
+        // 保存影响质量问题分组，如果质量问题为PET-CT影像无法融合则验证是否可以保存
+        let res = null
+        if (this.criterionType === 18) {
+          res = await getCanChooseNotMergeNoPet({ visitTaskId: this.visitTaskId })
+        } else {
+          res = await getCanChooseNotMerge({ visitTaskId: this.visitTaskId })
+        }
+
+        if (res.IsSuccess && !res.Result.IsCanChooseNotMerge) {
+          await this.$alert(this.$t('trials:lugano:saveQuestions:warning1'), this.$t('trials:lugano:fusionDialog:warning'), {
+            showCancelButton: false,
+            callback: action => { }
+          })
+          this.saveLoading = false
+          return false
+        }
+        // 如果设置为PET-CT影像无法融合，则FDG-PET评估会被设置为NE。
+        const confirm = await this.$confirm(this.$t('trials:lugano:saveQuestions:warning2'), {
+          type: 'warning',
+          distinguishCancelAndClose: true
+        }).then(() => true).catch(() => false)
+        if (!confirm) {
+          this.saveLoading = false
+          return false
+        }
+        return await this.saveQuestionsList(options)
+      } else {
+        return await this.saveQuestionsList(options)
+      }
     },
-    async saveQuestionsList() {
+    async saveQuestionsList(options = {}) {
       this.loading = true
       var answers = []
       var imageQuality = null
@@ -382,18 +384,22 @@ export default {
       //   })
       //   params.questionMarkInfoList = questionMarkInfoList
       // }
-
+      try {
-      saveTaskQuestion(this.questionType, params).then(async res => {
+        const res = await saveTaskQuestion(this.questionType, params)
         if (this.imageQualityIssuesId) {
           store.dispatch('reading/setImageQualityIssues', this.questionForm[this.imageQualityIssuesId])
           if (this.questionForm[this.imageQualityIssuesId] && parseInt(this.questionForm[this.imageQualityIssuesId]) === 6) {
             DicomEvent.$emit('closePetct')
           }
         }
-        this.$message.success(this.$t('common:message:savedSuccessfully'))
+        if (!options.silentSuccess) {
-        var trialId = this.$route.query.trialId
+          this.$message.success(this.$t('common:message:savedSuccessfully'))
-        await store.dispatch('reading/refreshDicomReadingQuestionAnswer', { trialId: trialId, visitTaskId: this.visitTaskId })
+        }
-        this.getQuestions(this.visitTaskId, true)
+        if (!options.skipRefresh) {
+          var trialId = this.$route.query.trialId
+          await store.dispatch('reading/refreshDicomReadingQuestionAnswer', { trialId: trialId, visitTaskId: this.visitTaskId })
+          this.getQuestions(this.visitTaskId, true)
+        }
         this.loading = false
         if (this.isQulityIssues) {
           DicomEvent.$emit('questionFormChange', false)
@@ -417,10 +423,12 @@ export default {
         }
         this.formChanged = false
         this.saveLoading = false
-      }).catch(() => {
+        return res
+      } catch (e) {
         this.loading = false
         this.saveLoading = false
-      })
+        throw e
+      }
     },
     checkAnnotationStatus(obj) {
       for (let i = 0; i < obj.length; i++) {

src/views/trials/trials-panel/reading/dicoms/components/ReadPage.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="dicom-container" v-loading="loading">
+  <div class="dicom-container">
     <div :class="{ 'dicom-list': true, studyHide: !studyShow }">
       <div class="container">
         <div class="related-study-wrapper">
@@ -27,8 +27,7 @@
                 class="study-wrapper">
                 <StudyList v-if="selectArr.includes(s.VisitTaskId)" :ref="s.VisitTaskId" :visit-task-id="s.VisitTaskId"
                   :trial-id="trialId" :subject-visit-id="s.VisitId" :task-blind-name="s.TaskBlindName"
-                  :is-reading-show-subject-info="isReadingShowSubjectInfo"
+                  :is-reading-show-subject-info="isReadingShowSubjectInfo" :is-reading-task-view-in-order="isReadingTaskViewInOrder" @loadImageStack="loadImageStack"
-                  :is-reading-task-view-in-order="isReadingTaskViewInOrder" @loadImageStack="loadImageStack"
                   @previewNoneDicoms="previewNoneDicoms" />
               </div>
             </div>
@@ -39,7 +38,7 @@
     </div>
     <div class="dicom-viewer">
       <div class="container">
-        <DicomViewer v-if="activeTaskVisitId" ref="dicomViewer" :is-show="isShow" :Loading.sync="loading"
+        <DicomViewer v-if="activeTaskVisitId" ref="dicomViewer" :is-show="isShow"
           :question-form-change-state="questionFormChangeState" :question-form-change-num="questionFormChangeNum"
           :is-exists-clinical-data="isExistsClinicalData" :is-exists-no-dicom-file="isExistsNoDicomFile"
           :is-reading-show-subject-info="isReadingShowSubjectInfo" :studyShow="studyShow"

src/views/trials/trials-panel/reading/dicoms/components/StudyList.vue

@@ -1,11 +1,9 @@
 <template>
   <div v-loading="loading" class="study-wrapper">
-    <h4 v-if="isReadingShowSubjectInfo"
+    <h4 v-if="isReadingShowSubjectInfo" style="color: #ddd;padding: 5px 0px;margin: 0;text-align: center;background-color: #4c4c4c;">
-      style="color: #ddd;padding: 5px 0px;margin: 0;text-align: center;background-color: #4c4c4c;">
       {{ subjectCode }}
     </h4>
-    <h4 v-if="isReadingShowSubjectInfo"
+    <h4 v-if="isReadingShowSubjectInfo" style="color: #ddd;padding: 5px 0px;margin: 0;text-align: center;background-color: #4c4c4c;margin-bottom: 5px;">
-      style="color: #ddd;padding: 5px 0px;margin: 0;text-align: center;background-color: #4c4c4c;margin-bottom: 5px;">
       {{ taskBlindName }}
     </h4>
     <div class="ps">
@@ -16,103 +14,116 @@
               <!-- 关键序列 -->
               {{ $t('trials:reading:title:keySeries') }}
             </div>
-            <div v-else class="dicom-desc" style="white-space: normal;">
+            <div
-              <div>
+              v-else
-                <div style="text-overflow: ellipsis;overflow: hidden;">
+              class="dicom-desc"
-
+              style="white-space: normal;"
-                  <span v-if="taskInfo && taskInfo.IsShowStudyName && study.StudyName" :title="study.StudyName">
+            >
-                    {{ study.StudyName }}
-                  </span>
-                </div>
                 <div>
-                  <span class="study-meta-line" :title="study.Modalities">
+                  <div style="text-overflow: ellipsis;overflow: hidden;">
-                    <span v-if="isReadingTaskViewInOrder !== 0" class="study-code" :title="study.StudyCode">{{
+                    
-                      study.StudyCode }}</span>
+                    <span v-if="taskInfo && taskInfo.IsShowStudyName && study.StudyName" :title="study.StudyName">
-                    <span class="study-modality">{{ study.Modalities }}({{ study.SeriesCount }})</span>
+                      {{study.StudyName}}
-                    <span class="patient-info" v-if="['PT、CT', 'CT、PT', 'PET-CT'].includes(study.Modalities)">
-                      <el-popover placement="right-start" trigger="hover" popper-class="patient-info-popper">
-                        <h4>{{ $t('trials:ptData:title') }}</h4>
-                        <div class="patient-info-row">
-                          <label>{{ $t('trials:ptData:label:patientSex') }}</label>
-                          <span>{{ study.PatientSex }}</span>
-                        </div>
-                        <div class="patient-info-row">
-                          <label>{{ $t('trials:ptData:label:patientWeight') }}</label>
-                          <span>{{ study.PatientWeight }}</span>
-                        </div>
-                        <div class="patient-info-row">
-                          <label>{{ $t('trials:ptData:label:totalDose') }}</label>
-                          <span>{{ study.RadionuclideTotalDose }}</span>
-                        </div>
-                        <div class="patient-info-row">
-                          <label>{{ $t('trials:ptData:label:halfLife') }}</label>
-                          <span>{{ study.RadionuclideHalfLife }}</span>
-                        </div>
-                        <div class="patient-info-row">
-                          <label>{{ $t('trials:ptData:label:injectTime') }}</label>
-                          <span>{{ study.RadiopharmaceuticalStartTime }}</span>
-                        </div>
-                        <div class="patient-info-row">
-                          <label>{{ $t('trials:ptData:label:acquisitionTime') }}</label>
-                          <span>{{ study.AcquisitionTime }}</span>
-                        </div>
-                        <i slot="reference" class="el-icon-document"
-                          style="font-size: 15px;cursor: pointer;color: #f5f7fa;" />
-                      </el-popover>
                     </span>
-                  </span>
+                  </div>
+                  <div>
+                    <span class="study-meta-line" :title="study.Modalities">
+                      <span v-if="isReadingTaskViewInOrder !== 0" class="study-code" :title="study.StudyCode">{{ study.StudyCode }}</span>
+                      <span class="study-modality">{{ study.Modalities }}({{ study.SeriesCount }})</span>
+                      <span class="patient-info" v-if="['PT、CT', 'CT、PT', 'PET-CT'].includes(study.Modalities)">
+                        <el-popover placement="right-start" trigger="hover" popper-class="patient-info-popper">
+                          <h4>{{ $t('trials:ptData:title') }}</h4>
+                          <div class="patient-info-row">
+                            <label>{{ $t('trials:ptData:label:patientSex') }}</label>
+                            <span>{{ study.PatientSex }}</span>
+                          </div>
+                          <div class="patient-info-row">
+                            <label>{{ $t('trials:ptData:label:patientWeight') }}</label>
+                            <span>{{ study.PatientWeight }}</span>
+                          </div>
+                          <div class="patient-info-row">
+                            <label>{{ $t('trials:ptData:label:totalDose') }}</label>
+                            <span>{{ study.RadionuclideTotalDose }}</span>
+                          </div>
+                          <div class="patient-info-row">
+                            <label>{{ $t('trials:ptData:label:halfLife') }}</label>
+                            <span>{{ study.RadionuclideHalfLife }}</span>
+                          </div>
+                          <div class="patient-info-row">
+                            <label>{{ $t('trials:ptData:label:injectTime') }}</label>
+                            <span>{{ study.RadiopharmaceuticalStartTime }}</span>
+                          </div>
+                          <div class="patient-info-row">
+                            <label>{{ $t('trials:ptData:label:acquisitionTime') }}</label>
+                            <span>{{ study.AcquisitionTime }}</span>
+                          </div>
+                          <i slot="reference" class="el-icon-document"
+                            style="font-size: 15px;cursor: pointer;color: #f5f7fa;" />
+                        </el-popover>
+                      </span>
+                    </span>
+                  </div>
+                  <div v-if="study.Description" class="study-desc-text" :title="study.Description">{{ study.Description }}</div>
                 </div>
-                <div v-if="study.Description" class="study-desc-text" :title="study.Description">{{ study.Description }}
-                </div>
-              </div>
 
             </div>
           </template>
           <div class="series">
-            <div v-for="(series, i) in study.SeriesList" :key="i" style="position:relative;margin-top:5px;"
+            <div
-              series-type="current" @click="showSeriesImage(index, i, series)">
+              v-for="(series, i) in study.SeriesList"
+              :key="i"
+              style="position:relative;margin-top:5px;"
+              series-type="current"
+              @click="showSeriesImage(index,i,series)"
+            >
 
-              <div :class="{ 'series-active': i == seriesIndex && index === studyIndex }" class="series-wrapper">
+              <div
-                <el-image class="image-preview" :src="series.previewImageUrl" fit="fill" crossorigin="anonymous" />
+                :class="{'series-active': i==seriesIndex && index === studyIndex}"
+                class="series-wrapper"
+              >
+                <el-image
+                  class="image-preview"
+                  :src="series.previewImageUrl"
+                  fit="fill"
+                  crossorigin="anonymous"
+                />
                 <div class="image-desc">
                   <div class="flex-div">
                     <div style="width: 40px;display: flex;flex-direction: row;justify-content: space-between;">
                       <div v-if="!study.IsCriticalSequence">#{{ series.seriesNumber }}</div>
-                      <div
+                      <div v-if="series.isDicom && series.prefetchInstanceCount<series.instanceCount * 100 && series.modality!== 'SR'">
-                        v-if="series.isDicom && series.prefetchInstanceCount < series.instanceCount * 100 && series.modality !== 'SR'">
                         <!-- 下载 -->
-                        <el-tooltip v-if="!series.isLoading" class="item" effect="dark"
+                        <el-tooltip v-if="!series.isLoading" class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
-                          :content="$t('trials:reading:button:download')" placement="bottom">
+                          <i class="el-icon-video-play" style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;" @click.stop="loadSeries(series,index,i)" />
-                          <i class="el-icon-video-play"
-                            style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;"
-                            @click.stop="loadSeries(series, index, i)" />
                         </el-tooltip>
                       </div>
-                      <el-tooltip
+                      <el-tooltip v-else-if="series.isDicom && series.prefetchInstanceCount === 0 &&series.modality!== 'SR'" class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
-                        v-else-if="series.isDicom && series.prefetchInstanceCount === 0 && series.modality !== 'SR'"
+                        <i class="el-icon-video-play" style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;" @click.stop="loadSeries(series,index,i)" />
-                        class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
-                        <i class="el-icon-video-play"
-                          style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;"
-                          @click.stop="loadSeries(series, index, i)" />
                       </el-tooltip>
                     </div>
                     <div v-if="series.isExistMutiFrames && series.instanceCount > 1">
-                      <el-popover placement="right" trigger="hover" popper-class="instance_frame_wrapper">
+                      <el-popover
+                        placement="right"
+                        trigger="hover"
+                        popper-class="instance_frame_wrapper"
+                      >
                         <div class="frame_list">
-                          <div v-for="(instance, idx) in series.instanceInfoList" :key="instance.Id"
+                          <div
-                            class="frame_content" :class="{ 'frame_content_active': activeInstanceId === instance.Id }"
+                            v-for="(instance, idx) in series.instanceInfoList"
-                            :style="{ 'margin-bottom': idx < series.instanceInfoList.length - 1 ? '5px' : '0px' }"
+                            :key="instance.Id"
-                            @click.stop="showMultiFrames(index, series, i, instance)">
+                            class="frame_content"
+                            :class="{ 'frame_content_active': activeInstanceId === instance.Id }"
+                            :style="{'margin-bottom':idx<series.instanceInfoList.length-1? '5px':'0px'}"
+                            @click.stop="showMultiFrames(index,series, i, instance)"
+                          >
                             <div>
                               <div>{{ instance.InstanceNumber }}</div>
-                              <div>{{ `${instance.NumberOfFrames > 0 ? instance.KeyFramesList.length > 0 ?
+                              <div>{{ `${instance.NumberOfFrames > 0 ? instance.KeyFramesList.length > 0 ? instance.KeyFramesList.length : instance.NumberOfFrames : 1} frame` }}</div>
-                                instance.KeyFramesList.length : instance.NumberOfFrames : 1} frame` }}</div>
                             </div>
 
                           </div>
                         </div>
-                        <i slot="reference" class="el-icon-connection"
+                        <i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;color: #ffeb3b;" />
-                          style="font-size: 15px;cursor: pointer;color: #ffeb3b;" />
                       </el-popover>
                     </div>
                   </div>
@@ -120,7 +131,7 @@
                     <el-tooltip class="item" effect="dark" :content="series.description" placement="right">
                       <div style="">{{ series.description }}</div>
                     </el-tooltip>
-
+                    
                   </p>
 
                   <p v-show="series.sliceThickness && !study.IsCriticalSequence">
@@ -134,11 +145,9 @@
                   </p>
 
                   <div class="flex-div">
-                    <div
+                    <div v-if="measureData && measureData.findIndex(v=>v.SeriesId === series.seriesId && v.MeasureData) > -1">
-                      v-if="measureData && measureData.findIndex(v => v.SeriesId === series.seriesId && v.MeasureData) > -1">
                       <!-- 有标注 -->
-                      <el-tooltip class="item" effect="dark" :content="$t('trials:reading:button:marked')"
+                      <el-tooltip class="item" effect="dark" :content="$t('trials:reading:button:marked')" placement="right">
-                        placement="right">
                         <i class="el-icon-star-on" style="font-size: 16px;color: #ff5722;" />
                       </el-tooltip>
 
@@ -146,10 +155,10 @@
                   </div>
                 </div>
               </div>
-              <div
+              <div v-if="series.isDicom && series.prefetchInstanceCount>0 && series.prefetchInstanceCount<series.instanceCount * 100" style="width: 100%;">
-                v-if="series.isDicom && series.prefetchInstanceCount > 0 && series.prefetchInstanceCount < series.instanceCount * 100"
+                <el-progress
-                style="width: 100%;">
+                  :percentage="parseInt((series.prefetchInstanceCount / series.instanceCount).toFixed(2))"
-                <el-progress :percentage="parseInt((series.prefetchInstanceCount / series.instanceCount).toFixed(2))" />
+                />
               </div>
 
             </div>
@@ -159,19 +168,24 @@
     </div>
 
     <div class="sr-wrapper">
-      <el-dialog :visible.sync="srDialogVisible"
+      <el-dialog
-        :custom-class="isSrFullscreen ? 'sr-full-dialog-container' : 'sr-dialog-container'" :show-close="false"
+        :visible.sync="srDialogVisible"
-        :close-on-click-modal="false" :fullscreen="isSrFullscreen">
+        :custom-class="isSrFullscreen?'sr-full-dialog-container':'sr-dialog-container'"
+        :show-close="false"
+        :close-on-click-modal="false"
+        :fullscreen="isSrFullscreen"
+      >
         <span slot="title" class="dialog-footer">
           <div style="position: absolute;right: 20px;top: 10px;">
-            <svg-icon :icon-class="isSrFullscreen ? 'exit-fullscreen' : 'fullscreen'"
+            <svg-icon :icon-class="isSrFullscreen?'exit-fullscreen':'fullscreen'" style="cursor: pointer;font-size: 20px;color:#000;" @click="isSrFullscreen=!isSrFullscreen" />
-              style="cursor: pointer;font-size: 20px;color:#000;" @click="isSrFullscreen = !isSrFullscreen" />
+            <svg-icon icon-class="dClose" style="cursor: pointer;font-size: 25px;margin-left: 10px;" @click="srDialogVisible = false" />
-            <svg-icon icon-class="dClose" style="cursor: pointer;font-size: 25px;margin-left: 10px;"
-              @click="srDialogVisible = false" />
           </div>
         </span>
         <div style="height: 100%;margin:0;">
-          <SrList v-if="srDialogVisible" :sr-info="srInfo" />
+          <SrList
+            v-if="srDialogVisible"
+            :sr-info="srInfo"
+          />
         </div>
       </el-dialog>
     </div>
@@ -282,9 +296,6 @@ export default {
       var idx = this.visitTaskList.findIndex(i => i.VisitTaskId === this.visitTaskId)
       this.measureData = this.visitTaskList[idx].MeasureData
     })
-    DicomEvent.$on("getStudyFile", () => {
-      DicomEvent.$emit('sendStudyFile', { studyList: this.studyList, studyIndex: this.studyIndex, seriesIndex: this.seriesIndex, visitTaskId: this.visitTaskId })
-    })
 
     // DicomEvent.$on('setReadingState', readingTaskState => {
     //   var idx = this.visitTaskList.findIndex(i => i.VisitTaskId === this.visitTaskId)
@@ -309,7 +320,7 @@ export default {
   methods: {
     debounce(fn, delay) {
       let timer = null
-      return function () {
+      return function() {
         const context = this
         const args = arguments
         clearTimeout(timer)
@@ -323,7 +334,7 @@ export default {
       // 初始化待渲染序列
       this.getInitSeries().then((res) => {
         requestPoolManager.startTaskTimer()
-        res.map(async (item) => {
+        res.map(async(item) => {
           // this.loadInitialImage(item)
           const imageId = item.imageIds[item.imageIdIndex]
           const p = parseInt(new Date().getTime())
@@ -445,8 +456,8 @@ export default {
           this.studyIndex = obj.studyIndex
           this.seriesIndex = obj.seriesIndex
           seriesList.push(obj.series)
-          this.activeNames = [`${this.studyList[this.studyIndex].StudyId}`]
+          this.activeNames = [`${this.studyList[ this.studyIndex].StudyId}`]
-          this.studyList[obj.studyIndex].SeriesList[obj.seriesIndex].isFirstRender = true
+          this.studyList[ obj.studyIndex].SeriesList[obj.seriesIndex].isFirstRender = true
         } else {
           if (this.studyList.length > 0) {
             // 初始化问题表单
@@ -483,7 +494,7 @@ export default {
           this.studyIndex = secondObj.studyIndex
           this.seriesIndex = secondObj.seriesIndex
           seriesList.push(secondObj.series)
-          this.studyList[secondObj.studyIndex].SeriesList[secondObj.seriesIndex].isFirstRender = true
+          this.studyList[ secondObj.studyIndex].SeriesList[secondObj.seriesIndex].isFirstRender = true
           this.studyIndex = secondObj.studyIndex
           this.seriesIndex = secondObj.seriesIndex
 
@@ -516,7 +527,7 @@ export default {
           // const instanceList = seriesList[srIdx].instanceList
           const imageIds = seriesList[srIdx].imageIds
           // const filterStr = seriesList[srIdx].isExistMutiFrames ? `frame=${measureDatas[i].MeasureData.frame}&instanceId=${measureDatas[i].InstanceId}` : `instanceId=${measureDatas[i].InstanceId}`
-          let instanceIndex = seriesList[srIdx].instanceInfoList.findIndex(k => k.Id === measureDatas[i].InstanceId)
+          let instanceIndex = seriesList[srIdx].instanceInfoList.findIndex(k=>k.Id === measureDatas[i].InstanceId)
           let filterStr = ''
           if (instanceIndex > -1 && seriesList[srIdx].isExistMutiFrames) {
             if (seriesList[srIdx].instanceInfoList[instanceIndex].NumberOfFrames > 0) {
@@ -600,7 +611,7 @@ export default {
           // const instanceList = seriesList[srIdx].imageIds
           const imageIds = seriesList[srIdx].imageIds
           // const filterStr = seriesList[srIdx].isExistMutiFrames ? `frame=${measureDatas[mIdx].MeasureData.frame}&instanceId=${measureDatas[mIdx].InstanceId}` : `instanceId=${measureDatas[mIdx].InstanceId}`
-          let instanceIndex = seriesList[srIdx].instanceInfoList.findIndex(i => i.Id === measureDatas[mIdx].InstanceId)
+          let instanceIndex = seriesList[srIdx].instanceInfoList.findIndex(i=>i.Id === measureDatas[mIdx].InstanceId)
           let filterStr = ''
           if (instanceIndex > -1 && seriesList[srIdx].isExistMutiFrames) {
             if (seriesList[srIdx].instanceInfoList[instanceIndex].NumberOfFrames > 0) {
@@ -957,17 +968,15 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.study-wrapper {
+.study-wrapper{
-  ::v-deep .el-progress-bar__inner {
+  ::v-deep .el-progress-bar__inner{
     transition: width 0s ease;
   }
-
   width:100%;
   height: 100%;
   overflow-y: auto;
   overflow-x: hidden;
-
+  .dicom-desc{
-  .dicom-desc {
     font-weight: bold;
     font-size: 13px;
     text-align: left;
@@ -976,7 +985,6 @@ export default {
     white-space: normal;
     overflow: visible;
   }
-
   .study-meta-line {
     // display: grid;
     // grid-template-columns: minmax(0, 1fr) auto;
@@ -986,7 +994,6 @@ export default {
     width: 100%;
     min-width: 0;
   }
-
   .study-meta-main {
     display: block;
     min-width: 0;
@@ -994,13 +1001,11 @@ export default {
     overflow-wrap: anywhere;
     flex: 1;
   }
-
   .study-code,
   .study-modality {
     white-space: normal;
     margin: 0 2px;
   }
-
   .study-desc-text {
     min-width: 0;
     overflow: hidden;
@@ -1012,23 +1017,19 @@ export default {
     overflow-anchor: none;
     touch-action: auto;
   }
-
   .series-active {
-    background-color: #607d8b !important;
+    background-color: #607d8b!important;
-    border: 1px solid #607d8b !important;
+    border: 1px solid #607d8b!important;
   }
-
+  ::v-deep .el-progress__text{
-  ::v-deep .el-progress__text {
     color: #ccc;
     font-size: 12px;
   }
-
+  .series{
-  .series {
     width: 100%;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
-
     .series-wrapper {
       display: flex;
       flex-direction: row;
@@ -1041,13 +1042,11 @@ export default {
       border-radius: 2px;
       border: 1px solid #404040;
       background-color: #3a3a3a;
-
+      .el-progress__text{
-      .el-progress__text {
         display: none;
       }
-
+      .el-progress-bar{
-      .el-progress-bar {
+        padding-right:0px;
-        padding-right: 0px;
       }
 
       .image-preview {
@@ -1056,11 +1055,9 @@ export default {
         border: 2px solid #252525;
         cursor: pointer;
       }
-
       .image-desc {
         vertical-align: top;
-
+        p{
-        p {
           width: 95px;
           white-space: nowrap;
           overflow: hidden;
@@ -1069,8 +1066,7 @@ export default {
           color: #ddd;
           margin: 0px;
           line-height: 1.5;
-
+          div{
-          div {
             width: 95px;
             white-space: nowrap;
             overflow: hidden;
@@ -1078,8 +1074,7 @@ export default {
           }
         }
       }
-
+      .flex-div{
-      .flex-div {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
@@ -1096,25 +1091,21 @@ export default {
 
     }
   }
-
+  ::v-deep .el-collapse{
-  ::v-deep .el-collapse {
     border: none;
-
+    .el-collapse-item{
-    .el-collapse-item {
+      background-color: #000!important;
-      background-color: #000 !important;
       color: #ddd;
 
     }
-
+    .el-collapse-item__content{
-    .el-collapse-item__content {
+      padding-bottom:5px;
-      padding-bottom: 5px;
+      background-color: #000!important;
-      background-color: #000 !important;
     }
-
+    .el-collapse-item__header{
-    .el-collapse-item__header {
+      background-color: #000!important;
-      background-color: #000 !important;
       color: #ddd;
-      border-bottom-color: #5a5a5a;
+      border-bottom-color:#5a5a5a;
       padding-left: 1px;
       min-height: 40px;
       height: auto;
@@ -1123,42 +1114,35 @@ export default {
       padding-top: 6px;
       padding-bottom: 6px;
     }
-
+    .el-collapse-item__arrow{
-    .el-collapse-item__arrow {
       align-self: flex-start;
       margin-top: 2px;
       line-height: 20px;
     }
   }
-
+  .sr-wrapper{
-  .sr-wrapper {
+    ::v-deep .el-dialog{
-    ::v-deep .el-dialog {
       background: #fff !important;
       border: 1px solid #ddd;
-
       // color: #ddd;
-      .el-dialog__title {
+      .el-dialog__title{
-        color: #fff;
+        color:#fff;
       }
     }
-
+    ::v-deep .sr-dialog-container{
-    ::v-deep .sr-dialog-container {
       margin-top: 50px !important;
-      width: 75%;
+      width:75%;
-      height: 80%;
+      height:80%;
     }
-
+    ::v-deep .el-dialog__body{
-    ::v-deep .el-dialog__body {
+        padding: 10px;
-      padding: 10px;
+        height: calc(100% - 50px);
-      height: calc(100% - 50px);
     }
-
+    .el-dialog__header{
-    .el-dialog__header {
       position: relative;
     }
-
+    .sr-full-dialog-container{
-    .sr-full-dialog-container {
+      ::v-deep .is-fullscreen .el-dialog__body{
-      ::v-deep .is-fullscreen .el-dialog__body {
         height: calc(100% - 50px);
       }
     }
@@ -1166,29 +1150,25 @@ export default {
 }
 </style>
 <style>
-.instance_frame_wrapper {
+.instance_frame_wrapper{
   min-width: 120px;
   background-color: #2c2c2c;
   border: 1px solid #2c2c2c;
   padding: 5px;
 }
-
+.frame_list{
-.frame_list {
   max-height: 500px;
   overflow-y: auto;
 }
-
 .instance_frame_wrapper ::-webkit-scrollbar {
   width: 7px;
   height: 7px;
 }
-
+.instance_frame_wrapper  ::-webkit-scrollbar-thumb {
-.instance_frame_wrapper ::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background: #d0d0d0;
 }
-
+.frame_content{
-.frame_content {
   height: 50px;
   padding: 5px;
   display: flex;
@@ -1197,7 +1177,6 @@ export default {
   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); */
@@ -1206,7 +1185,6 @@ export default {
   border-color: #213a54 !important;
   background-color: #213a54;
 }
-
 .frame_content_active {
   border-color: #213a54 !important;
   background-color: #213a54;
@@ -1219,7 +1197,6 @@ export default {
   line-height: 1;
   flex: 0 0 auto;
 }
-
 .patient-info-popper {
   font-size: 12px;
   color: #ddd;
@@ -1244,7 +1221,7 @@ export default {
   line-height: 18px;
 }
 
-.patient-info-popper .patient-info-row+.patient-info-row {
+.patient-info-popper .patient-info-row + .patient-info-row {
   margin-top: 4px;
 }
 

src/views/trials/trials-panel/reading/dicoms/components/upload.js

@@ -1,205 +0,0 @@
-import { dcmUpload } from '@/utils/dcmUpload/dcmUpload'
-import dcmjs from '@/utils/dcmUpload/dcmjs'
-import { deleteImageCache, getAnonymizeInfo, updateModality } from '@/api/reading'
-import * as dicomParser from 'dicom-parser'
-import * as cornerstone from 'cornerstone-core'
-import * as cornerstoneWADOImageLoader from 'cornerstone-wado-image-loader'
-var config = {
-  maxWebWorkers: 4,
-  startWebWorkersOnDemand: true,
-  taskConfiguration: {
-    decodeTask: {
-      initializeCodecsOnStartup: false,
-    },
-  },
-}
-cornerstoneWADOImageLoader.webWorkerManager.initialize(config)
-cornerstoneWADOImageLoader.external.dicomParser = dicomParser
-cornerstoneWADOImageLoader.external.cornerstone = cornerstone
-import Vue from 'vue'
-function dicomToPng(imageId, width, height) {
-  return new Promise((resolve) => {
-    cornerstone.loadImage(imageId).then(async (image) => {
-      let canvas = document.createElement('canvas')
-      canvas.width = (width * 60) / height
-      canvas.height = 60
-      if (image) {
-        cornerstone.renderToCanvas(canvas, image)
-        // 将 Canvas 图像对象转换为 PNG 格式
-        let blob = await canvasToBlob(canvas)
-        resolve(blob)
-      } else {
-        resolve()
-      }
-    })
-  }).catch((reason) => {
-    reason()
-  })
-}
-function canvasToBlob(canvas) {
-  return new Promise((resolve) => {
-    canvas.toBlob((blob) => {
-      resolve(blob)
-    })
-  })
-}
-async function UpdateModality(params) {
-  try {
-    let res = await updateModality(params)
-    if (res.IsSuccess) {
-      return true
-    }
-    return false
-  } catch (err) {
-    console.log(err)
-    return false
-  }
-}
-async function getAnonymize(VisitTaskId, SubjectVisitId) {
-  try {
-    let params = {}
-    if (VisitTaskId) {
-      params.VisitTaskId = VisitTaskId
-    } else {
-      params.SubjectVisitId = SubjectVisitId
-    }
-    let res = await getAnonymizeInfo(params)
-    if (res.IsSuccess) {
-      return res.Result
-    }
-    return false
-  } catch (err) {
-    console.log(err)
-    return false
-  }
-}
-async function deleteCache(path) {
-  try {
-    let params = {
-      path
-    }
-    let res = await deleteImageCache(params)
-    if (res.IsSuccess) {
-      return true
-    }
-    return false
-  } catch (err) {
-    console.log(err)
-    return false
-  }
-}
-/**
- * 0002,0003 MediaStorageSOPInstanceUID
- * 0008,0018 SOPInstanceUID
- * 0020,000D StudyInstanceUID
- * 0020,000E SeriesInstanceUID
- * 
-*/
-export async function changeFile(key, file, study, image) {
-  // console.log(image, 'image')
-  // return console.log(study, 'study')
-  let dataset = dcmjs.data.DicomMessage.readFile(image.data.byteArray.buffer)
-  // console.log(dataset, 'dataset')
-  let MediaStorageSOPInstanceUID = dataset.meta['00020003'].Value[0]
-  let SOPInstanceUID = dataset.dict['00080018'].Value[0]
-  let StudyInstanceUID = dataset.dict['0020000D'].Value[0]
-  let SeriesInstanceUID = dataset.dict['0020000E'].Value[0]
-  // let Modality = dataset.dict['00080060'].Value[0]
-  let { visitTaskId, visitTaskList = [], studyList, studyIndex, seriesIndex, seriesList, currentSeriesIndex } = study
-  let series = key === 'IR' ? studyList[studyIndex].SeriesList[seriesIndex] : seriesList[currentSeriesIndex]
-  console.log(series, 'seriesId')
-  let index = visitTaskList.findIndex(i => i.VisitTaskId === visitTaskId)
-  let config = null
-  if (key === 'IR') {
-    config = await getAnonymize(visitTaskId)
-  } else {
-    config = await getAnonymize(null, series.subjectVisitId)
-  }
-  if (!config) return false
-  config.AnonymizeFixedList.push({
-    Element: '0003',
-    Group: '0002',
-    ReplaceValue: MediaStorageSOPInstanceUID,
-    Id: 'MediaStorageSOPInstanceUID'
-  })
-  config.AnonymizeFixedList.push({
-    Element: '0018',
-    Group: '0008',
-    ReplaceValue: SOPInstanceUID,
-    Id: 'SOPInstanceUID'
-  })
-  config.AnonymizeFixedList.push({
-    Element: '000D',
-    Group: '0020',
-    ReplaceValue: StudyInstanceUID,
-    Id: 'StudyInstanceUID'
-  })
-  config.AnonymizeFixedList.push({
-    Element: '000E',
-    Group: '0020',
-    ReplaceValue: SeriesInstanceUID,
-    Id: 'SeriesInstanceUID'
-  })
-  let uploadBatchId = Vue.prototype.$guid()
-  let path = image.imageId.split(`wadouri:${Vue.prototype.OSSclientConfig.basePath}`)[1].split("?")[0]
-  let res = await dcmUpload(
-    {
-      path: path,
-      file: file,
-      speed: true,
-    },
-    config,
-    (percentage, checkpoint, lastPer) => {
-
-    },
-    {
-      fileName: file.name,
-      fileSize: file.size,
-      fileType: 'application/dicom',
-      uploadBatchId: uploadBatchId,
-      batchDataType: 1,
-      // trialId: params.trialId,
-      subjectId: key === 'IR' ? localStorage.getItem("subjectId") : series.subjectId,
-      subjectVisitId: key === 'IR' ? visitTaskList[index].VisitId : series.subjectVisitId,
-    }
-  )
-  if (!res || !res.url) return false
-  let Modality = res.Modality
-  let fileId =
-    cornerstoneWADOImageLoader.wadouri.fileManager.add(
-      file
-    )
-  let blob = await dicomToPng(
-    fileId,
-    image.columns,
-    image.rows
-  )
-  let thumbnailPath = series.previewImageUrl.split(Vue.prototype.OSSclientConfig.basePath)[1]
-  let OSSclient = Vue.prototype.OSSclient
-  try {
-    let seriesRes = await OSSclient.put(thumbnailPath, blob, {
-      fileName: thumbnailPath.split('/')[thumbnailPath.split('/').length - 1],
-      fileSize: blob.size,
-      fileType: 'image/jpeg',
-      uploadBatchId: uploadBatchId,
-      batchDataType: 2,
-      // trialId: params.trialId,
-      subjectId: key === 'IR' ? localStorage.getItem("subjectId") : series.subjectId,
-      subjectVisitId: key === 'IR' ? visitTaskList[index].VisitId : series.subjectVisitId,
-    })
-    console.log(seriesRes, 'seriesRes')
-    if (!seriesRes || !seriesRes.url) return false
-    res = await Promise.all([deleteCache(path), deleteCache(thumbnailPath)])
-    if (!res) return false
-    let params = {
-      Modality,
-      SeriesId: series.seriesId,
-      IsCRCReplace: key === 'IR' ? false : true
-    }
-    res = await UpdateModality(params)
-    if (!res) return false
-    window.location.reload(true)
-  } catch (e) {
-    console.log(e)
-  }
-}

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

@@ -36,7 +36,7 @@
     <div class="info-image">
       <div v-show="mousePosition.mo">
         Pos: {{ mousePosition.x ? mousePosition.x.toFixed(0) : '' }}, {{ mousePosition.y ? mousePosition.y.toFixed(0) :
-          '' }}
+        '' }}
       </div>
       <div
         v-if="(dicomInfo.modality === 'CT' || dicomInfo.modality === 'DR' || dicomInfo.modality === 'CR') && mousePosition.mo">
@@ -477,10 +477,6 @@ export default {
     DicomEvent.$off('updateImage')
   },
   methods: {
-    getInfo() {
-      var image = cornerstone.getImage(this.canvas)
-      return image
-    },
     goViewer(e) {
       console.log(this.$refs['sliderBox'].clientHeight)
       var height = e.offsetY * 100 / this.$refs['sliderBox'].clientHeight

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

@@ -309,8 +309,10 @@
             <div class="text">{{ $t('trials:reading:button:reset') }}</div>
           </div>
         </el-tooltip>
-        <el-tooltip v-if="trialCriterion.ImageUploadEnum > 0" class="item" effect="dark"
+        <el-tooltip v-if="
-          :content="$t('trials:reading:button:upload')" placement="bottom">
+          trialCriterion.ImageUploadEnum > 0 && currentReadingTaskState < 2
+        " v-hasPermi="['role:ir']" class="item" effect="dark" :content="$t('trials:reading:button:upload')"
+          placement="bottom">
           <div class="tool-wrapper">
             <div class="icon" @click.prevent="openUploadImage('upload')">
               <i class="el-icon-upload2 svg-icon" />
@@ -318,8 +320,15 @@
             <div class="text">{{ $t('trials:reading:button:upload') }}</div>
           </div>
         </el-tooltip>
-        <el-tooltip v-if="trialCriterion.ImageDownloadEnum > 0" class="item" effect="dark"
+        <el-tooltip v-if="trialCriterion.ImageDownloadEnum > 0" v-hasPermi="[
-          :content="$t('trials:reading:button:download')" placement="bottom">
+          'role:ir',
+          'role:mim',
+          'role:mc',
+          'role:pm',
+          'role:apm',
+          'role:ea',
+          'role:qa',
+        ]" class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
           <div class="tool-wrapper">
             <div class="icon" @click.prevent="openUploadImage('download')">
               <i class="el-icon-download svg-icon" />
@@ -327,10 +336,7 @@
             <div class="text">{{ $t('trials:reading:button:download') }}</div>
           </div>
         </el-tooltip>
-        <label for="Replacement" style="color: #fff;cursor: pointer;">
+
-          替换
-        </label>
-        <input type="file" id="Replacement" @change="beginScanFiles($event, 'replace')" style="display: none;">
         <div style="margin-left: auto">
           <div style="display: flex;">
             <el-tooltip class="item" effect="dark" :content="$t('trials:reading:button:handbooks')" placement="bottom"
@@ -442,10 +448,10 @@
     /> -->
     <upload-dicom-and-nonedicom v-if="uploadImageVisible" :SubjectId="uploadSubjectId" :SubjectCode="uploadSubjectCode"
       :Criterion="uploadTrialCriterion" :visible.sync="uploadImageVisible" :VisitTaskId="taskId"
-      :isReadingTaskViewInOrder="isReadingTaskViewInOrder" :StudyInstanceUID="StudyInstanceUID" :isReading="true" />
+      :isReadingTaskViewInOrder="isReadingTaskViewInOrder" :isReading="true" />
     <download-dicom-and-nonedicom v-if="downloadImageVisible" :SubjectId="uploadSubjectId"
       :SubjectCode="uploadSubjectCode" :Criterion="uploadTrialCriterion" :TaskId="taskId"
-      :visible.sync="downloadImageVisible" :isReading="true" />
+      :visible.sync="downloadImageVisible" :isReading="true"/>
   </div>
 </template>
 <script>
@@ -472,8 +478,6 @@ import { getDoctorShortcutKey, getUserWLTemplateList } from '@/api/user'
 import uploadDicomAndNonedicom from '@/components/uploadDicomAndNonedicom'
 import downloadDicomAndNonedicom from '@/components/downloadDicomAndNonedicom'
 import { getCriterionReadingInfo, setReadKeyFile } from '@/api/trials'
-import { changeFile } from "@/views/trials/trials-panel/reading/dicoms/components/upload.js"
-import dcmjs from '@/utils/dcmUpload/dcmjs'
 export default {
   name: 'DicomViewer',
   components: {
@@ -679,10 +683,7 @@ export default {
       fullScreenWidth: window.innerWidth - 570 + 'px',
       fullScreenHeight: window.innerHeight - 128 + 'px',
 
-      ManualsClose: false,
+      ManualsClose: false
-      fileKey: null,
-      file: null,
-      StudyInstanceUID: null
     }
   },
 
@@ -855,12 +856,6 @@ export default {
       this.loadLinkedImageStack(seriesInfo)
       console.log('loadLinkedImageStack')
     })
-    DicomEvent.$on('sendStudyFile', (study) => {
-      let image = this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].getInfo()
-      study.visitTaskList = this.visitTaskList
-      this.$emit("update:Loading", true)
-      changeFile('IR', this.file, study, image)
-    })
   },
   beforeDestroy() {
     DicomEvent.$off('updateImage')
@@ -871,11 +866,6 @@ export default {
     DicomEvent.$off('loadLinkedImageStack')
   },
   methods: {
-    beginScanFiles(e, key) {
-      this.fileKey = key
-      this.file = e.target.files[0]
-      DicomEvent.$emit('getStudyFile')
-    },
     handleReadingChart(e) {
       this.$emit('handleReadingChart', e)
     },
@@ -908,11 +898,6 @@ export default {
       if (idx > -1) {
         this.taskId = this.visitTaskList[idx].VisitTaskId
       }
-      let image = this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].getInfo()
-      let dataset = dcmjs.data.DicomMessage.readFile(image.data.byteArray.buffer)
-      this.StudyInstanceUID = dataset.dict['0020000D'].Value[0]
-      dataset = null
-      console.log(this.StudyInstanceUID, 'StudyInstanceUID')
       this.uploadSubjectCode = localStorage.getItem("subjectCode")
       this.uploadSubjectId = localStorage.getItem("subjectId")
       this.uploadTrialCriterion = this.trialCriterion

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

@@ -128,7 +128,7 @@ export default {
       immediate: true,
       handler(val) {
         if (val) {
-          this.readingTaskState = 1
+          this.readingTaskState = val
         }
       }
     }
@@ -169,7 +169,7 @@ export default {
         if (i > -1) {
           this.visitTaskId = this.visitTaskList[i].VisitTaskId
           this.taskBlindName = this.visitTaskList[i].TaskBlindName
-          this.readingTaskState = 1
+          this.readingTaskState = this.visitTaskList[i].ReadingTaskState
           console.log(this.visitTaskList[i].IsInit)
           if (!this.visitTaskList[i].IsInit) {
             var loading = this.$loading({ fullscreen: true })
@@ -306,9 +306,9 @@ export default {
             }
             this.signVisible = false
             // 设置当前任务阅片状态为已读
-            this.readingTaskState = 1
+            this.readingTaskState = 2
-            store.dispatch('reading/setVisitTaskReadingTaskState', { visitTaskId: this.visitTaskId, readingTaskState: 1 })
+            store.dispatch('reading/setVisitTaskReadingTaskState', { visitTaskId: this.visitTaskId, readingTaskState: 2 })
-            DicomEvent.$emit('setReadingState', 1)
+            DicomEvent.$emit('setReadingState', 2)
             window.opener.postMessage('refreshTaskList', window.location)
             this.$confirm(this.$t('trials:oncologyReview:title:msg2'), {
               type: 'warning',

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

@@ -1,6 +1,6 @@
 <template>
   <div v-loading="loading" style="min-height: 500px;">
-    <el-form v-if="isRender" ref="questions" size="small" :model="questionForm">
+    <el-form v-if="isRender" ref="questions" size="small" :model="questionForm" :disabled="readingTaskState >= 2">
       <template>
         <QuestionFormItem v-for="question of questions" :key="question.Id" :visitTaskId="visitTaskId"
           :question="question" :question-form="questionForm" :reading-task-state="readingTaskState"
@@ -112,8 +112,8 @@ export default {
         VisitTaskId: visitTaskId ? visitTaskId : this.visitTaskId
       }).then(res => {
         this.IsBaseline = res.OtherInfo.IsBaseline
-        this.readingTaskState = 1
+        this.readingTaskState = res.OtherInfo.ReadingTaskState
-        DicomEvent.$emit('setReadingState', 1)
+        DicomEvent.$emit('setReadingState', res.OtherInfo.ReadingTaskState)
         res.Result.SinglePage.map((v) => {
           if (v.Type === 'group' && v.Childrens.length === 0) return
           if (!v.IsPage && v.Type !== 'group' && v.Type !== 'summary' && v.Type !== 'table' && v.Type !== 'basicTable' && v.Type !== 'number') {

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

@@ -1,11 +1,9 @@
 <template>
   <div v-loading="loading" class="study-wrapper">
-    <h4 v-if="isReadingShowSubjectInfo"
+    <h4 v-if="isReadingShowSubjectInfo" style="color: #ddd;padding: 5px 0px;margin: 0;text-align: center;background-color: #4c4c4c;">
-      style="color: #ddd;padding: 5px 0px;margin: 0;text-align: center;background-color: #4c4c4c;">
       {{ subjectCode }}
     </h4>
-    <h4 v-if="isReadingShowSubjectInfo"
+    <h4 v-if="isReadingShowSubjectInfo" style="color: #ddd;padding: 5px 0px;margin: 0;text-align: center;background-color: #4c4c4c;margin-bottom: 5px;">
-      style="color: #ddd;padding: 5px 0px;margin: 0;text-align: center;background-color: #4c4c4c;margin-bottom: 5px;">
       {{ taskBlindName }}
     </h4>
     <div class="ps">
@@ -16,61 +14,76 @@
               <!-- 关键序列 -->
               {{ $t('trials:reading:title:keySeries') }}
             </div>
-            <div v-else class="dicom-desc"
+            <div
-              style="width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
+              v-else
+              class="dicom-desc"
+              style="width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;"
+            >
               <div>
                 <div style="text-overflow: ellipsis;overflow: hidden;" v-if="!study.StudyName">
                   <span :title="study.StudyCode">{{ study.StudyCode }}</span>
-                  <span>{{ study.Modalities }} ({{ study.SeriesCount }})</span>
+                  <span>{{ study.Modalities }} ({{ study.SeriesCount }})</span>  
                 </div>
                 <div style="text-overflow: ellipsis;overflow: hidden;" v-else>
                   <span :title="study.StudyCode">{{ study.StudyCode }}</span>
                   <span v-if="taskInfo && taskInfo.IsShowStudyName" :title="study.StudyName">
-                    {{ study.StudyName }}
+                    {{study.StudyName}}
                   </span>
                   <div>{{ study.Modalities }} ({{ study.SeriesCount }})</div>
                 </div>
-                <div style="text-overflow: ellipsis;overflow: hidden;" :title="study.Description">{{ study.Description
+                <div style="text-overflow: ellipsis;overflow: hidden;" :title="study.Description">{{ study.Description }}</div>
-                  }}</div>
               </div>
 
             </div>
           </template>
           <div class="series">
-            <div v-for="(series, i) in study.SeriesList" :key="i" style="position:relative;margin-top:5px;"
+            <div
-              series-type="current" @click="showSeriesImage(index, i, series)">
+              v-for="(series, i) in study.SeriesList"
+              :key="i"
+              style="position:relative;margin-top:5px;"
+              series-type="current"
+              @click="showSeriesImage(index,i,series)"
+            >
 
-              <div :class="{ 'series-active': i == seriesIndex && index === studyIndex }" class="series-wrapper">
+              <div
-                <el-image class="image-preview" :src="series.previewImageUrl" fit="fill" crossorigin="anonymous" />
+                :class="{'series-active': i==seriesIndex && index === studyIndex}"
+                class="series-wrapper"
+              >
+                <el-image
+                  class="image-preview"
+                  :src="series.previewImageUrl"
+                  fit="fill"
+                  crossorigin="anonymous"
+                />
                 <div class="image-desc">
                   <div class="flex-div">
                     <div style="width: 40px;display: flex;flex-direction: row;justify-content: space-between;">
                       <div v-if="!study.IsCriticalSequence">#{{ series.seriesNumber }}</div>
-                      <div
+                      <div v-if="series.isDicom && series.prefetchInstanceCount<series.instanceCount * 100 && series.modality!== 'SR'">
-                        v-if="series.isDicom && series.prefetchInstanceCount < series.instanceCount * 100 && series.modality !== 'SR'">
                         <!-- 下载 -->
-                        <el-tooltip v-if="!series.isLoading" class="item" effect="dark"
+                        <el-tooltip v-if="!series.isLoading" class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
-                          :content="$t('trials:reading:button:download')" placement="bottom">
+                          <i class="el-icon-video-play" style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;" @click.stop="loadSeries(series,index,i)" />
-                          <i class="el-icon-video-play"
-                            style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;"
-                            @click.stop="loadSeries(series, index, i)" />
                         </el-tooltip>
                       </div>
-                      <el-tooltip
+                      <el-tooltip v-else-if="series.isDicom && series.prefetchInstanceCount === 0 &&series.modality!== 'SR'" class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
-                        v-else-if="series.isDicom && series.prefetchInstanceCount === 0 && series.modality !== 'SR'"
+                        <i class="el-icon-video-play" style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;" @click.stop="loadSeries(series,index,i)" />
-                        class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
-                        <i class="el-icon-video-play"
-                          style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;"
-                          @click.stop="loadSeries(series, index, i)" />
                       </el-tooltip>
                     </div>
                     <div v-if="series.isExistMutiFrames && series.instanceCount > 1">
-                      <el-popover placement="right" trigger="hover" popper-class="instance_frame_wrapper">
+                      <el-popover
+                        placement="right"
+                        trigger="hover"
+                        popper-class="instance_frame_wrapper"
+                      >
                         <div class="frame_list">
-                          <div v-for="(instance, idx) in series.instanceInfoList" :key="instance.Id"
+                          <div
-                            class="frame_content" :class="{ 'frame_content_active': activeInstanceId === instance.Id }"
+                            v-for="(instance, idx) in series.instanceInfoList"
-                            :style="{ 'margin-bottom': idx < series.instanceInfoList.length - 1 ? '5px' : '0px' }"
+                            :key="instance.Id"
-                            @click.stop="showMultiFrames(index, series, i, instance)">
+                            class="frame_content"
+                            :class="{ 'frame_content_active': activeInstanceId === instance.Id }"
+                            :style="{'margin-bottom':idx<series.instanceInfoList.length-1? '5px':'0px'}"
+                            @click.stop="showMultiFrames(index,series, i, instance)"
+                          >
                             <!-- <div>
                                           <img
                                             class="image-preview"
@@ -83,14 +96,12 @@
                                         </div> -->
                             <div>
                               <div>{{ instance.InstanceNumber }}</div>
-                              <div>{{ `${instance.NumberOfFrames > 0 ? instance.KeyFramesList.length > 0 ?
+                              <div>{{ `${instance.NumberOfFrames > 0 ? instance.KeyFramesList.length > 0 ? instance.KeyFramesList.length : instance.NumberOfFrames : 1} frame` }}</div>
-                                instance.KeyFramesList.length : instance.NumberOfFrames : 1} frame` }}</div>
                             </div>
 
                           </div>
                         </div>
-                        <i slot="reference" class="el-icon-connection"
+                        <i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;color: #ffeb3b;" />
-                          style="font-size: 15px;cursor: pointer;color: #ffeb3b;" />
                       </el-popover>
                     </div>
                   </div>
@@ -110,11 +121,9 @@
                     {{ series.modality }}: {{ series.instanceCount }} image
                   </p>
                   <div class="flex-div">
-                    <div
+                    <div v-if="measureData && measureData.findIndex(v=>v.SeriesId === series.seriesId && v.MeasureData) > -1">
-                      v-if="measureData && measureData.findIndex(v => v.SeriesId === series.seriesId && v.MeasureData) > -1">
                       <!-- 有标注 -->
-                      <el-tooltip class="item" effect="dark" :content="$t('trials:reading:button:marked')"
+                      <el-tooltip class="item" effect="dark" :content="$t('trials:reading:button:marked')" placement="right">
-                        placement="right">
                         <i class="el-icon-star-on" style="font-size: 16px;color: #ff5722;" />
                       </el-tooltip>
 
@@ -122,10 +131,10 @@
                   </div>
                 </div>
               </div>
-              <div
+              <div v-if="series.isDicom && series.prefetchInstanceCount>0 && series.prefetchInstanceCount<series.instanceCount * 100" style="width: 100%;">
-                v-if="series.isDicom && series.prefetchInstanceCount > 0 && series.prefetchInstanceCount < series.instanceCount * 100"
+                <el-progress
-                style="width: 100%;">
+                  :percentage="parseInt((series.prefetchInstanceCount / series.instanceCount).toFixed(2))"
-                <el-progress :percentage="parseInt((series.prefetchInstanceCount / series.instanceCount).toFixed(2))" />
+                />
               </div>
 
             </div>
@@ -135,19 +144,24 @@
     </div>
 
     <div class="sr-wrapper">
-      <el-dialog :visible.sync="srDialogVisible"
+      <el-dialog
-        :custom-class="isSrFullscreen ? 'sr-full-dialog-container' : 'sr-dialog-container'" :show-close="false"
+        :visible.sync="srDialogVisible"
-        :close-on-click-modal="false" :fullscreen="isSrFullscreen">
+        :custom-class="isSrFullscreen?'sr-full-dialog-container':'sr-dialog-container'"
+        :show-close="false"
+        :close-on-click-modal="false"
+        :fullscreen="isSrFullscreen"
+      >
         <span slot="title" class="dialog-footer">
           <div style="position: absolute;right: 20px;top: 10px;">
-            <svg-icon :icon-class="isSrFullscreen ? 'exit-fullscreen' : 'fullscreen'"
+            <svg-icon :icon-class="isSrFullscreen?'exit-fullscreen':'fullscreen'" style="cursor: pointer;font-size: 20px;color:#000;" @click="isSrFullscreen=!isSrFullscreen" />
-              style="cursor: pointer;font-size: 20px;color:#000;" @click="isSrFullscreen = !isSrFullscreen" />
+            <svg-icon icon-class="dClose" style="cursor: pointer;font-size: 25px;margin-left: 10px;" @click="srDialogVisible = false" />
-            <svg-icon icon-class="dClose" style="cursor: pointer;font-size: 25px;margin-left: 10px;"
-              @click="srDialogVisible = false" />
           </div>
         </span>
         <div style="height: 100%;margin:0;">
-          <SrList v-if="srDialogVisible" :sr-info="srInfo" />
+          <SrList
+            v-if="srDialogVisible"
+            :sr-info="srInfo"
+          />
         </div>
       </el-dialog>
     </div>
@@ -252,9 +266,6 @@ export default {
       var idx = this.visitTaskList.findIndex(i => i.VisitTaskId === this.visitTaskId)
       this.measureData = this.visitTaskList[idx].MeasureData
     })
-    DicomEvent.$on("getStudyFile", () => {
-      DicomEvent.$emit('sendStudyFile', { studyList: this.studyList, studyIndex: this.studyIndex, seriesIndex: this.seriesIndex, visitTaskId: this.visitTaskId })
-    })
     // DicomEvent.$on('setReadingState', readingTaskState => {
     //   var idx = this.visitTaskList.findIndex(i => i.VisitTaskId === this.visitTaskId)
     //   if (idx > -1) {
@@ -271,7 +282,7 @@ export default {
       // 初始化待渲染序列
       this.getInitSeries().then((res) => {
         requestPoolManager.startTaskTimer()
-        res.map(async (item) => {
+        res.map(async(item) => {
           let imageId = item.imageIds[item.imageIdIndex]
           const p = parseInt(new Date().getTime())
           // requestPoolManager.loadAndCacheImagePlus(imageId, item.seriesId, p * 100)
@@ -379,15 +390,15 @@ export default {
           this.seriesIndex = seriesArr[1].seriesIndex
           this.activeNames = [`${seriesArr[1].studyId}`]
         }
-      } else if (this.visitTaskList[idx].IsBaseLineTask || isReadingTaskViewInOrder === 0) {
+      } else if (this.visitTaskList[idx].IsBaseLineTask || isReadingTaskViewInOrder === 0){
         // 基线
         const obj = this.getFirstMarkedSeries(this.visitTaskList[idx].MeasureData, [...this.visitTaskList[idx].StudyList])
         if (Object.keys(obj).length !== 0) {
           this.studyIndex = obj.studyIndex
           this.seriesIndex = obj.seriesIndex
           seriesList.push(obj.series)
-          this.activeNames = [`${this.studyList[this.studyIndex].StudyId}`]
+          this.activeNames = [`${this.studyList[ this.studyIndex].StudyId}`]
-          this.studyList[obj.studyIndex].SeriesList[obj.seriesIndex].isFirstRender = true
+          this.studyList[ obj.studyIndex].SeriesList[obj.seriesIndex].isFirstRender = true
         } else {
           // 初始化问题表单
           if (this.studyList.length > 0) {
@@ -419,7 +430,7 @@ export default {
           this.studyIndex = secondObj.studyIndex
           this.seriesIndex = secondObj.seriesIndex
           seriesList.push(secondObj.series)
-          this.studyList[secondObj.studyIndex].SeriesList[secondObj.seriesIndex].isFirstRender = true
+          this.studyList[ secondObj.studyIndex].SeriesList[secondObj.seriesIndex].isFirstRender = true
           this.studyIndex = secondObj.studyIndex
           this.seriesIndex = secondObj.seriesIndex
 
@@ -453,7 +464,7 @@ export default {
           // const isIdx = instanceList.findIndex(is => is.includes(measureDatas[i].InstanceId))
           const imageIds = seriesList[srIdx].imageIds
           // let filterStr = seriesList[srIdx].isExistMutiFrames ? `frame=${measureDatas[i].MeasureData.frame}&instanceId=${measureDatas[i].InstanceId}` : `instanceId=${measureDatas[i].InstanceId}`
-          let instanceIndex = seriesList[srIdx].instanceInfoList.findIndex(k => k.Id === measureDatas[i].InstanceId)
+          let instanceIndex = seriesList[srIdx].instanceInfoList.findIndex(k=>k.Id === measureDatas[i].InstanceId)
           let filterStr = ''
           if (instanceIndex > -1 && seriesList[srIdx].isExistMutiFrames) {
             if (seriesList[srIdx].instanceInfoList[instanceIndex].NumberOfFrames > 0) {
@@ -537,7 +548,7 @@ export default {
           // const instanceList = seriesList[srIdx].instanceList
           // const isIdx = instanceList.findIndex(is => is.includes(measureDatas[mIdx].InstanceId)) 
           const imageIds = seriesList[srIdx].imageIds
-          let instanceIndex = seriesList[srIdx].instanceInfoList.findIndex(i => i.Id === measureDatas[mIdx].InstanceId)
+          let instanceIndex = seriesList[srIdx].instanceInfoList.findIndex(i=>i.Id === measureDatas[mIdx].InstanceId)
           let filterStr = ''
           if (instanceIndex > -1 && seriesList[srIdx].isExistMutiFrames) {
             if (seriesList[srIdx].instanceInfoList[instanceIndex].NumberOfFrames > 0) {
@@ -647,7 +658,7 @@ export default {
           this.studyIndex = studyIndex
           this.seriesIndex = seriesIndex
           this.studyList[studyIndex].SeriesList[seriesIndex].measureData = this.measureData
-          var dicomStatck = Object.assign({}, this.studyList[studyIndex].SeriesList[seriesIndex])
+          var dicomStatck = Object.assign({},this.studyList[studyIndex].SeriesList[seriesIndex])
 
           dicomStatck.imageIdIndex = 0
           this.$emit('loadImageStack', dicomStatck)
@@ -696,7 +707,7 @@ export default {
       this.studyIndex = studyIndex
       this.seriesIndex = seriesIndex
       this.studyList[studyIndex].SeriesList[seriesIndex].measureData = this.measureData
-      var dicomStatck = Object.assign({}, this.studyList[studyIndex].SeriesList[seriesIndex])
+      var dicomStatck = Object.assign({},this.studyList[studyIndex].SeriesList[seriesIndex])
       const imageIds = []
       if (instanceInfo.KeyFramesList.length > 0) {
         instanceInfo.KeyFramesList.map(i => {
@@ -856,17 +867,15 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.study-wrapper {
+.study-wrapper{
-  ::v-deep .el-progress-bar__inner {
+  ::v-deep .el-progress-bar__inner{
     transition: width 0s ease;
   }
-
   width:100%;
   height: 100%;
   overflow-y: auto;
   overflow-x: hidden;
-
+  .dicom-desc{
-  .dicom-desc {
     font-weight: bold;
     font-size: 13px;
     text-align: left;
@@ -878,23 +887,19 @@ export default {
     overflow-anchor: none;
     touch-action: auto;
   }
-
   .series-active {
-    background-color: #607d8b !important;
+    background-color: #607d8b!important;
-    border: 1px solid #607d8b !important;
+    border: 1px solid #607d8b!important;
   }
-
+  ::v-deep .el-progress__text{
-  ::v-deep .el-progress__text {
     color: #ccc;
     font-size: 12px;
   }
-
+  .series{
-  .series {
     width: 100%;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
-
     .series-wrapper {
       display: flex;
       flex-direction: row;
@@ -907,13 +912,11 @@ export default {
       border-radius: 2px;
       border: 1px solid #404040;
       background-color: #3a3a3a;
-
+      .el-progress__text{
-      .el-progress__text {
         display: none;
       }
-
+      .el-progress-bar{
-      .el-progress-bar {
+        padding-right:0px;
-        padding-right: 0px;
       }
 
       .image-preview {
@@ -922,11 +925,9 @@ export default {
         border: 2px solid #252525;
         cursor: pointer;
       }
-
       .image-desc {
         vertical-align: top;
-
+        p{
-        p {
           width: 95px;
           white-space: nowrap;
           overflow: hidden;
@@ -935,8 +936,7 @@ export default {
           color: #ddd;
           margin: 0px;
           line-height: 1.5;
-
+          div{
-          div {
             width: 95px;
             white-space: nowrap;
             overflow: hidden;
@@ -944,8 +944,7 @@ export default {
           }
         }
       }
-
+      .flex-div{
-      .flex-div {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
@@ -961,89 +960,76 @@ export default {
       }
     }
   }
-
+  ::v-deep .el-collapse{
-  ::v-deep .el-collapse {
     border: none;
-
+    .el-collapse-item{
-    .el-collapse-item {
+      background-color: #000!important;
-      background-color: #000 !important;
       color: #ddd;
 
     }
-
+    .el-collapse-item__content{
-    .el-collapse-item__content {
+      padding-bottom:5px;
-      padding-bottom: 5px;
+      background-color: #000!important;
-      background-color: #000 !important;
     }
-
+    .el-collapse-item__header{
-    .el-collapse-item__header {
+      background-color: #000!important;
-      background-color: #000 !important;
       color: #ddd;
-      border-bottom-color: #5a5a5a;
+      border-bottom-color:#5a5a5a;
       padding-left: 5px;
       height: 40px;
       line-height: 20px;
     }
   }
-
+  .sr-wrapper{
-  .sr-wrapper {
+    ::v-deep .el-dialog{
-    ::v-deep .el-dialog {
       background: #fff !important;
       border: 1px solid #ddd;
-
       // color: #ddd;
-      .el-dialog__title {
+      .el-dialog__title{
-        color: #fff;
+        color:#fff;
       }
     }
-
+    ::v-deep .sr-dialog-container{
-    ::v-deep .sr-dialog-container {
       margin-top: 50px !important;
-      width: 75%;
+      width:75%;
-      height: 80%;
+      height:80%;
     }
-
+    ::v-deep .el-dialog__body{
-    ::v-deep .el-dialog__body {
+        padding: 10px;
-      padding: 10px;
+        height: calc(100% - 50px);
-      height: calc(100% - 50px);
     }
-
+    .el-dialog__header{
-    .el-dialog__header {
       position: relative;
     }
-
+    .sr-full-dialog-container{
-    .sr-full-dialog-container {
+      ::v-deep .is-fullscreen .el-dialog__body{
-      ::v-deep .is-fullscreen .el-dialog__body {
         height: calc(100% - 50px);
       }
     }
   }
 }
+
 </style>
 <style>
-.instance_frame_wrapper {
+.instance_frame_wrapper{
   min-width: 120px;
   background-color: #2c2c2c;
   border: 1px solid #2c2c2c;
   padding: 5px;
 }
-
+.frame_list{
-.frame_list {
   max-height: 500px;
   overflow-y: auto;
 }
-
 .instance_frame_wrapper ::-webkit-scrollbar {
   width: 7px;
   height: 7px;
 }
-
+.instance_frame_wrapper  ::-webkit-scrollbar-thumb {
-.instance_frame_wrapper ::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background: #d0d0d0;
 }
-
+.frame_content{
-.frame_content {
   height: 50px;
   padding: 5px;
   display: flex;
@@ -1052,7 +1038,6 @@ export default {
   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); */
@@ -1061,7 +1046,6 @@ export default {
   border-color: #213a54 !important;
   background-color: #213a54;
 }
-
 .frame_content_active {
   border-color: #213a54 !important;
   background-color: #213a54;

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

@@ -147,7 +147,7 @@
             </template>
           </el-table-column>
         </el-table>
-        <div style="text-align:right;margin-top: 10px;">
+        <div style="text-align:right;margin-top: 10px;" v-if="!IsViewStudyPart">
           <!-- 确认 -->
           <el-button type="primary" @click="handleConfirmBP">{{ $t('trials:reading:button:confirm')
           }}</el-button>
@@ -223,7 +223,8 @@ export default {
       readingVersionEnum: null,
       dialogBodyPartVisible: false,
       isReadKeyFile: true,
-      isHaveKeyFile: false
+      isHaveKeyFile: false,
+      IsViewStudyPart: true
     }
   },
   computed: {

src/views/trials/trials-panel/reading/dicoms3D/components/ReadPage.vue

@@ -320,7 +320,7 @@
               </div>
             </div>
             <div class="tool-item" :title="$t('trials:reading:button:upload')"
-              v-if="trialCriterion.ImageUploadEnum > 0" v-hasPermi="['role:ir']">
+              v-if="trialCriterion.ImageUploadEnum > 0 && readingTaskState < 2" v-hasPermi="['role:ir']">
               <div class="tool-wrapper">
                 <div class="icon" @click.prevent="openUploadImage('upload')">
                   <i class="el-icon-upload2 svg-icon" />
@@ -1422,7 +1422,7 @@ export default {
     async initLoader() {
       await initLibraries()
       cache.setMaxCacheSize(6 * 1024 * 1024 * 1024)
-      let renderingEngine = getRenderingEngine(renderingEngineId) 
+      let renderingEngine = getRenderingEngine(renderingEngineId)
       if (!renderingEngine) {
         renderingEngine = new RenderingEngine(renderingEngineId)
       }

src/views/trials/trials-panel/reading/dicoms3D/components/SegmentForm.vue

@@ -150,13 +150,19 @@ export default {
             this.handleClear(e, key)
             if (key === 'study') {
                 this.seriesList = this.studyList.find(item => item.StudyId === this.form.studyId).SeriesArr
+                this.form.seriesId = null
+                this.form.segmentGroupId = null
+                this.form.segmentId = null
             }
             if (key === 'series') {
                 this.segmentGroupList = this.segmentionList.filter(item => item.SeriesId === this.form.seriesId)
+                this.form.segmentGroupId = null
+                this.form.segmentId = null
             }
             if (key === 'segmentGroup') {
                 let list = await this.getSegmentList(this.form.segmentGroupId)
                 this.segmentList = list.filter(item => item.SegmentJson)
+                this.form.segmentId = null
             }
         },
         handleClear(e, key) {

src/views/trials/trials-panel/reading/dicoms3D/components/Segmentations.vue

@@ -804,12 +804,16 @@ export default {
                     toolGroup.setToolPassive(this.activeTool)
                 }
                 this.$emit('update:activeTool', '')
+            } else if (this.activeTool === name) {
+                toolGroup.setToolPassive(this.ThresholdTools[1])
+                this.$emit('update:activeTool', '')
             } else {
                 if (this.activeTool) {
                     if (toolName === CrosshairsTool.toolName) {
                         toolGroup.setToolDisabled(this.activeTool)
                     } else {
                         toolGroup.setToolPassive(this.activeTool)
+                        toolGroup.setToolPassive(this.ThresholdTools[1])
                     }
                 }
                 toolGroup.setToolActive(toolName, {

src/views/trials/trials-panel/reading/dicoms3D/components/customize/QuestionList.vue

@@ -24,7 +24,7 @@
         <template v-if="rerender">
           <QuestionFormItem v-for="question of questions" :key="question.Id" :visit-task-id="visitTaskId"
             :isNoneDicom="isNoneDicom" :question="question" :question-form="questionForm"
-            :reading-task-state="1" :criterion-id="criterionId" :calculation-list="calculationList"
+            :reading-task-state="readingTaskState" :criterion-id="criterionId" :calculation-list="calculationList"
             :question-mark-info-list="questionMarkInfoList" :questions-mark-status="questionsMarkStatus"
             :questionsSegmentMarkStatus="questionsSegmentMarkStatus" :is-baseline="isBaseLineTask"
             @resetFormItemData="resetFormItemData" @setFormItemData="setFormItemData" @getQuestions="getQuestions"
@@ -32,7 +32,7 @@
             @handleReadingChart="handleReadingChart" @saveSegmentBindingAndAnswer="saveSegmentBindingAndAnswer" />
         </template>
 
-        <el-form-item>
+        <el-form-item v-if="readingTaskState < 2">
           <div class="action-bar">
             <!-- <i class="el-icon-warning feedback-icon" @click="openFeedBackTable"
               :style="{ color: taskInfo && taskInfo.IsExistUnprocessedFeedback ? '#ffeb3b' : '#fff' }" /> -->

src/views/trials/trials-panel/reading/dicoms3D/components/customize/ReportPage.vue

@@ -35,7 +35,9 @@
                   scope.row.QuestionName }}
                 <svg-icon
                   v-if="scope.row.ShowChartTypeEnum > 0 || (scope.row.LesionType === 0 && scope.row.ReportLayType === 1)"
-                  icon-class="readingChart" class="svg-icon svg-readingChart-mini" @click.stop="(e) => handleReadingChart({
+                  icon-class="readingChart"
+                  class="svg-icon svg-readingChart-mini"
+                  @click.stop="(e) => handleReadingChart({
                     e,
                     data: {
                       QuestionId: scope.row.RowIndex ? null : scope.row.QuestionId,
@@ -49,8 +51,13 @@
               <span v-else style="font-weight: bold;font-size: 16px;color: #f44336;">{{ scope.row.GroupName }}</span>
             </template>
           </el-table-column>
-          <el-table-column v-for="task in visitTaskList" :key="task.VisitTaskId" prop="date" show-overflow-tooltip
+          <el-table-column
-            width="200px">
+            v-for="task in visitTaskList"
+            :key="task.VisitTaskId"
+            prop="date"
+            show-overflow-tooltip
+            width="200px"
+          >
             <template slot="header">
               <div v-if="task.IsCurrentTask">{{ task.BlindName }}</div>
               <div v-else>
@@ -64,15 +71,18 @@
             </template>
             <template slot-scope="scope">
               <template
-                v-if="readingTaskState < 2 && task.VisitTaskId === visitTaskId && (scope.row.Type === 'input' || scope.row.Type === 'number' || scope.row.Type === 'select' || scope.row.Type === 'textarea' || scope.row.Type === 'radio')">
+                v-if="readingTaskState < 2 && task.VisitTaskId === visitTaskId && (scope.row.Type === 'input' || scope.row.Type === 'number' || scope.row.Type === 'select' || scope.row.Type === 'textarea' || scope.row.Type === 'radio')"
+              >
                 <!-- 输入框 -->
                 <div>
                   <template
-                    v-if="!((task.IsBaseLine && scope.row.LimitEdit === 1) || (!task.IsBaseLine && scope.row.LimitEdit === 2) || scope.row.LimitEdit === 0)" />
+                    v-if="!((task.IsBaseLine && scope.row.LimitEdit === 1) || (!task.IsBaseLine && scope.row.LimitEdit === 2) || scope.row.LimitEdit === 0)"
+                  />
                   <el-input
                     v-else-if="questionForm[scope.row.QuestionId] instanceof Array && (scope.row.Type === 'input' || scope.row.Type === 'textarea') && !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]"
-                    size="mini" />
+                    size="mini"
+                  />
                   <span
                     v-else-if="questionForm[scope.row.QuestionId] instanceof Array && (scope.row.Type === 'input' || scope.row.Type === 'textarea')">{{
                       questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId] }}</span>
@@ -84,13 +94,22 @@
                   <el-select
                     v-else-if="questionForm[scope.row.QuestionId] instanceof Array && (scope.row.Type === 'select' || scope.row.Type === 'radio') && !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]"
-                    size="mini" clearable :multiple="scope.row.OptionTypeEnum === 1">
+                    size="mini"
+                    clearable
+                    :multiple="scope.row.OptionTypeEnum === 1"
+                  >
                     <template>
-                      <el-option v-for="val in scope.row.TypeValue.split('|')" :key="val" :label="val" :value="val" />
+                      <el-option
+                        v-for="val in scope.row.TypeValue.split('|')"
+                        :key="val"
+                        :label="val"
+                        :value="val"
+                      />
                     </template>
                   </el-select>
                   <span
-                    v-else-if="questionForm[scope.row.QuestionId] instanceof Array && questionForm[scope.row.QuestionId][scope.row.xfIndex] && (scope.row.Type === 'select' || scope.row.Type === 'radio')">
+                    v-else-if="questionForm[scope.row.QuestionId] instanceof Array && questionForm[scope.row.QuestionId][scope.row.xfIndex] && (scope.row.Type === 'select' || scope.row.Type === 'radio')"
+                  >
                     {{
                       Array.isArray(questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId])
                         ?
@@ -100,23 +119,32 @@
                   </span>
                   <el-select
                     v-else-if="(scope.row.Type === 'select' || scope.row.Type === 'radio') && !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]" size="mini" clearable
+                    v-model="questionForm[scope.row.QuestionId]"
-                    :multiple="scope.row.OptionTypeEnum === 1">
+                    size="mini"
+                    clearable
+                    :multiple="scope.row.OptionTypeEnum === 1"
+                  >
                     <template>
-                      <el-option v-for="val in scope.row.TypeValue.split('|')" :key="val" :label="val" :value="val" />
+                      <el-option
+                        v-for="val in scope.row.TypeValue.split('|')"
+                        :key="val"
+                        :label="val"
+                        :value="val"
+                      />
                     </template>
                   </el-select>
                   <span v-else-if="scope.row.Type === 'select' || scope.row.Type === 'radio'">
                     {{
-                      questionForm[scope.row.QuestionId] && Array.isArray(questionForm[scope.row.QuestionId]) ?
+                    questionForm[scope.row.QuestionId] && Array.isArray(questionForm[scope.row.QuestionId]) ?
-                        questionForm[scope.row.QuestionId].join(',') :
+                    questionForm[scope.row.QuestionId].join(',') :
-                        questionForm[scope.row.QuestionId]
+                    questionForm[scope.row.QuestionId]
                     }}
                   </span>
                   <el-input
                     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" size="mini"
+                    :disabled="scope.row.DataSource === 1"
+                    size="mini"
                     @blur="limitBlur(questionForm[scope.row.QuestionId][scope.row.xfIndex], scope.row.TableQuestionId, scope.row.ValueType)"
                     @focus="() => { questionId = scope.row.QuestionId }">
                     <template v-if="scope.row.Unit !== 0" slot="append">
@@ -126,35 +154,40 @@
                     <template v-else-if="scope.row.ValueType === 2" slot="append">%</template>
                   </el-input>
                   <span
-                    v-else-if="questionForm[scope.row.QuestionId] instanceof Array && scope.row.Type === 'number' && (scope.row.xfIndex || scope.row.xfIndex === 0)">
+                    v-else-if="questionForm[scope.row.QuestionId] instanceof Array && scope.row.Type === 'number' && (scope.row.xfIndex || scope.row.xfIndex === 0)"
-                    <template v-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit">
+                  >
+                    <template
+                      v-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit"
+                    >
                       {{
-                        isNaN(parseInt(questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]))
+                      isNaN(parseInt(questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]))
-                          ?
+                      ?
-                          questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId] :
+                      questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId] :
-                          `${questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]}
+                      `${questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]}
                       ${scope.row.Unit !== 4 ? $fd('ValueUnit', scope.row.Unit) : scope.row.CustomUnit}` }}
                     </template>
                     <template v-else-if="scope.row.ValueType === 2">
                       {{
-                        isNaN(parseInt(questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]))
+                      isNaN(parseInt(questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]))
-                          ?
+                      ?
-                          questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId] :
+                      questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId] :
-                          `${questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]}
+                      `${questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]}
                       %` }}
                     </template>
                     <template v-else>
                       {{
-                        isNaN(parseInt(questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]))
+                      isNaN(parseInt(questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]))
-                          ?
+                      ?
-                          questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId] :
+                      questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId] :
-                          `${questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]}`
+                      `${questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId]}`
                       }}
                     </template>
                   </span>
                   <el-input
                     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" size="mini"
+                    v-model="questionForm[scope.row.QuestionId]"
+                    :disabled="scope.row.DataSource === 1"
+                    size="mini"
                     @blur="limitBlur(questionForm, scope.row.QuestionId, scope.row.ValueType)"
                     @focus="() => { questionId = scope.row.QuestionId }">
                     <template v-if="scope.row.Unit !== 0" slot="append">
@@ -164,19 +197,21 @@
                     <template v-else-if="scope.row.ValueType === 2" slot="append">%</template>
                   </el-input>
                   <span v-else-if="scope.row.Type === 'number'">
-                    <template v-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit">
+                    <template
+                      v-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit"
+                    >
                       {{ isNaN(parseInt(questionForm[scope.row.QuestionId])) ?
-                        questionForm[scope.row.QuestionId] : `${questionForm[scope.row.QuestionId]} ${scope.row.Unit !== 4
+                      questionForm[scope.row.QuestionId] : `${questionForm[scope.row.QuestionId]} ${scope.row.Unit !== 4
-                          ?
+                      ?
-                          $fd('ValueUnit', scope.row.Unit) : scope.row.CustomUnit}` }}
+                      $fd('ValueUnit', scope.row.Unit) : scope.row.CustomUnit}` }}
                     </template>
                     <template v-else-if="scope.row.ValueType === 2">
                       {{ isNaN(parseInt(questionForm[scope.row.QuestionId])) ?
-                        questionForm[scope.row.QuestionId] : `${questionForm[scope.row.QuestionId]} %` }}
+                      questionForm[scope.row.QuestionId] : `${questionForm[scope.row.QuestionId]} %` }}
                     </template>
                     <template v-else>
                       {{ isNaN(parseInt(questionForm[scope.row.QuestionId])) ? questionForm[scope.row.QuestionId] :
-                        questionForm[scope.row.QuestionId] }}
+                      questionForm[scope.row.QuestionId] }}
                     </template>
                   </span>
                 </div>
@@ -190,22 +225,25 @@
               </template>
               <template v-else-if="scope.row.DictionaryCode">
                 {{scope.row.Answers[task.VisitTaskId] instanceof Array
-                  ? scope.row.Answers[task.VisitTaskId].map(item => $fd(scope.row.DictionaryCode,
+                ? scope.row.Answers[task.VisitTaskId].map(item => $fd(scope.row.DictionaryCode,
-                    item)).join(",") : $fd(scope.row.DictionaryCode,
+                item)).join(",") : $fd(scope.row.DictionaryCode,
-                      scope.row.Answers[task.VisitTaskId])}}
+                scope.row.Answers[task.VisitTaskId])}}
               </template>
               <template v-else-if="criterionType === 10">
                 {{
-                  isNaN(parseInt(scope.row.Answers[task.VisitTaskId])) ? scope.row.Answers[task.VisitTaskId] :
+                isNaN(parseInt(scope.row.Answers[task.VisitTaskId])) ? scope.row.Answers[task.VisitTaskId] :
-                    `${scope.row.Answers[task.VisitTaskId]}`
+                `${scope.row.Answers[task.VisitTaskId]}`
                 }}
               </template>
               <template
-                v-else-if="!((task.IsBaseLine && scope.row.LimitEdit === 1) || (!task.IsBaseLine && scope.row.LimitEdit === 2) || scope.row.LimitEdit === 0)" />
+                v-else-if="!((task.IsBaseLine && scope.row.LimitEdit === 1) || (!task.IsBaseLine && scope.row.LimitEdit === 2) || scope.row.LimitEdit === 0)"
-              <template v-else-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit">
+              />
+              <template
+                v-else-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit"
+              >
                 {{
-                  isNaN(parseInt(scope.row.Answers[task.VisitTaskId])) ? scope.row.Answers[task.VisitTaskId] :
+                isNaN(parseInt(scope.row.Answers[task.VisitTaskId])) ? scope.row.Answers[task.VisitTaskId] :
-                    `${scope.row.Answers[task.VisitTaskId]}
+                `${scope.row.Answers[task.VisitTaskId]}
                 ${scope.row.Unit !== 4 ? $fd('ValueUnit', scope.row.Unit) : scope.row.CustomUnit}` }}
               </template>
               <template v-else-if="scope.row.ValueType === 2">
@@ -221,17 +259,26 @@
     </el-card>
 
     <!-- 签名框 -->
-    <el-dialog v-if="signVisible" :visible.sync="signVisible" :close-on-click-modal="false" width="600px"
+    <el-dialog
-      custom-class="base-dialog-wrapper">
+      v-if="signVisible"
+      :visible.sync="signVisible"
+      :close-on-click-modal="false"
+      width="600px"
+      custom-class="base-dialog-wrapper"
+    >
       <div slot="title">
         <span style="font-size:18px;">{{ $t('common:dialogTitle:sign') }}</span>
-        <span style="font-size:12px;margin-left:5px">{{ `(${$t('common:label:sign')}${currentUser})` }}</span>
+        <span
+          style="font-size:12px;margin-left:5px"
+        >{{ `(${$t('common:label:sign')}${currentUser})` }}</span>
       </div>
       <SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
     </el-dialog>
 
     <!-- 预览文件 -->
-    <viewer ref="picture_perview_customizeReportPage" style="margin: 0 10px"
+    <viewer
+      ref="picture_perview_customizeReportPage"
+      style="margin: 0 10px"
       v-if="currentType && ['png', 'jpg', 'jpeg'].includes(currentType.toLowerCase())"
       :images="[`${OSSclientConfig.basePath}${currentPath}`]" :options="viewerOptions">
       <img v-show="false" :src="`${OSSclientConfig.basePath}${currentPath}`" alt="Image" />
@@ -693,8 +740,8 @@ export default {
                   dataArr.length === 0
                     ? 0
                     : dataArr.reduce((acc, curr) => {
-                      return acc + (typeof curr === 'number' ? curr : 0)
+                        return acc + (typeof curr === 'number' ? curr : 0)
-                    }, 0) / dataArr.length
+                      }, 0) / dataArr.length
                 break
               case 11:
                 if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
@@ -722,8 +769,8 @@ export default {
                   dataArr.length === 0
                     ? 0
                     : dataArr.reduce((acc, curr) => acc && curr)
-                      ? 1
+                    ? 1
-                      : 0
+                    : 0
                 break
               case 14:
                 if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
@@ -735,8 +782,8 @@ export default {
                   dataArr.length === 0
                     ? 0
                     : dataArr.reduce((acc, curr) => acc || curr, 0)
-                      ? 1
+                    ? 1
-                      : 0
+                    : 0
                 break
               case 15:
                 if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
@@ -761,8 +808,8 @@ export default {
       return isNaN(num)
         ? ''
         : isFinite(num)
-          ? num.toFixed(this.digitPlaces)
+        ? num.toFixed(this.digitPlaces)
-          : '∞'
+        : '∞'
     },
     getReportInfo() {
       this.loading = true
@@ -972,8 +1019,8 @@ export default {
           )}</span><a style="color:#409EFF"
               href="/screen.pdf"
               target="blank">${this.$t(
-            'trials:reading:tip:openFile'
+                'trials:reading:tip:openFile'
-          )}</a></div>`
+              )}</a></div>`
           let confirm = await this.$confirm(html, '', {
             dangerouslyUseHTMLString: true,
           })
@@ -1143,13 +1190,13 @@ export default {
     border-color: #444444;
   }
 
-  ::v-deep .el-table__body tr>td {
+  ::v-deep .el-table__body tr > td {
     background-color: #000 !important;
     color: #fff;
     border-color: #444444;
   }
 
-  ::v-deep .el-table__body tr:hover>td {
+  ::v-deep .el-table__body tr:hover > td {
     background-color: #858282 !important;
     color: #fff;
     border-color: #444444;

src/views/trials/trials-panel/reading/dicoms3D/components/histogram.vue

@@ -221,6 +221,7 @@ export default {
             Object.keys(this.seriesData).forEach(key => {
                 if (key !== 'default' || this.isNeedDefault) seriesData.push(this.seriesData[key])
             })
+            console.log(seriesData, 'seriesData')
             this.chart.clear();
             const option = {
                 useUTC: true,
@@ -297,10 +298,10 @@ export default {
             } else {
                 res = await this.getCurrentSliceValuesFromVoxelManager(this.renderingEngineId, `${this.viewportKey}-${this.activeViewportIndex}`)
             }
-            if (res) {
+            let obj = {
-                let obj = {
 
-                }
+            }
+            if (res) {
                 res.values.forEach(item => {
                     if (obj[item]) {
                         obj[item]++
@@ -323,10 +324,24 @@ export default {
                 })
             }
             seriesData.sort((a, b) => a[0] - b[0])
+            let MIN = seriesData[0][0]
+            let MAX = seriesData[seriesData.length - 1][0]
+            seriesData = []
+            for (let i = MIN; i <= MAX; i++) {
+                if (obj[i]) {
+                    let arr = [i, obj[i]]
+                    seriesData.push(arr)
+                } else {
+                    let arr = [i, 0]
+                    seriesData.push(arr)
+                }
+            }
+            seriesData.sort((a, b) => a[0] - b[0])
             return {
                 seriesData: {
                     type: 'line',
                     symbolSize: 0,
+                    stack: 'Total',
                     data: seriesData
                 },
                 min: min,

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

@@ -1,6 +1,6 @@
 <template>
   <BaseContainer class="medical-feedback-ir">
-    <el-tabs v-model="TrialReadingCriterionId" type="border-card">
+    <el-tabs v-if="TrialReadingCriterionId" v-model="TrialReadingCriterionId" type="border-card">
       <el-tab-pane v-for="i of trialCriterionList" :key="i.TrialReadingCriterionId" :label="i.TrialReadingCriterionName" :name="i.TrialReadingCriterionId">
         <div v-if="TrialReadingCriterionId === i.TrialReadingCriterionId">
           <div slot="search-container">
@@ -148,6 +148,7 @@
           </div>
           <div slot="main-container">
             <el-table
+              :ref="TrialReadingCriterionId"
               v-adaptive="{bottomOffset:75}"
               v-loading="loading"
               :data="list"
@@ -409,7 +410,7 @@ export default {
       chatForm: { visible: false, title: '' }, // 质询记录
       auditVisible: false,
       trialCriterionList: [],
-      TrialReadingCriterionId: '0',
+      TrialReadingCriterionId: '',
       otherInfo: null
     }
   },
@@ -441,6 +442,9 @@ export default {
         this.total = res.Result.TotalCount
         this.otherInfo = res.OtherInfo
         this.loading = false
+        this.$nextTick(() => {
+          this.$refs[this.TrialReadingCriterionId][0].doLayout()
+        })
       }).catch(() => { this.loading = false })
     },
     handleSearch() {

src/views/trials/trials-panel/reading/read-task/index.vue

@@ -1,6 +1,6 @@
 <template>
   <BaseContainer v-loading="loading" class="read-task">
-    <el-tabs v-model="TrialReadingCriterionId" type="border-card">
+    <el-tabs v-if="TrialReadingCriterionId" v-model="TrialReadingCriterionId" type="border-card">
       <el-tab-pane v-for="item of trialCriterionList" :key="item.TrialReadingCriterionId"
         :label="item.TrialReadingCriterionName" :name="item.TrialReadingCriterionId">
         <div v-if="TrialReadingCriterionId === item.TrialReadingCriterionId">
@@ -54,7 +54,7 @@
             </span>
           </div>
           <div slot="main-container">
-            <el-table v-adaptive="{ bottomOffset: 75 }" :data="list" stripe height="100"
+            <el-table :ref="TrialReadingCriterionId" v-adaptive="{ bottomOffset: 75 }" :data="list" stripe height="100"
               @sort-change="handleSortChange">
               <el-table-column type="index" width="40" align="left" />
               <!-- 是否加急 -->
@@ -206,7 +206,7 @@
         <!-- 是否复制阅片表单 -->
         <el-form-item :label="$t('trials:readTask:title:copyForm')" prop="IsCopyOrigenalForms" :rules="[
           { required: true, message: $t('common:ruleMessage:select') },
-        ]">
+        ]" v-if="rowData.ReadingTool !== 3">
           <el-radio-group v-model="ApplyforReasonForm.IsCopyOrigenalForms">
             <el-radio v-for="item of $d.YesOrNo" :key="`IsCopyOrigenalForms${item.raw.Id}`" :label="item.value">{{
               item.label }}</el-radio>
@@ -371,7 +371,7 @@ export default {
         RequestReReadingReason: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }]
       },
       trialCriterionList: [],
-      TrialReadingCriterionId: '0',
+      TrialReadingCriterionId: '',
       openWindow: null,
       otherInfo: null
     }
@@ -423,6 +423,9 @@ export default {
         this.total = res.Result.TotalCount
         this.otherInfo = res.OtherInfo
         this.loading = false
+        this.$nextTick(() => {
+          this.$refs[this.TrialReadingCriterionId][0].doLayout()
+        })
       }).catch(() => { this.loading = false })
     },
     handleSearch() {
@@ -480,7 +483,8 @@ export default {
         this.ApplyforReasonVisible = true
         this.ApplyforReasonForm = {
           Type: null,
-          Remake: null
+          Remake: null,
+          IsCopyOrigenalForms: this.rowData.ReadingTool === 3 ? false : null
         }
         this.loading = false
       }).catch(() => { this.loading = false })

src/views/trials/trials-panel/reading/reading-task/components/TargetSection.vue

@@ -1,94 +1,127 @@
 <template>
-    <BaseContainer>
+    <div>
-        <div slot="search-container">
+        <el-tabs type="border-card" v-model="activeName">
-            <el-form :inline="true">
+            <template v-for="item in tabPaneList">
-                <!-- 受试者编号 -->
+                <el-tab-pane :label="$t(`uploadDicomAndNonedicom:label:TargetSection_${item}`)" :name="item">
-                <el-form-item :label="$t('trials:pendingReadingTasks:table:subjectCode')">
+                    <BaseContainer v-if="activeName == item">
-                    <el-input v-model="searchData.SubjectCode" style="width: 130px" clearable />
+                        <div slot="search-container">
-                </el-form-item>
+                            <el-form :inline="true">
-                <el-form-item>
+                                <!-- 受试者编号 -->
-                    <!-- 查询 -->
+                                <el-form-item :label="$t('trials:pendingReadingTasks:table:subjectCode')">
-                    <el-button type="primary" icon="el-icon-search" @click="handleSearch">
+                                    <el-input v-model="searchData.SubjectCode" style="width: 130px" clearable />
-                        {{ $t('common:button:search') }}
+                                </el-form-item>
-                    </el-button>
+                                <el-form-item>
-                    <!-- 重置 -->
+                                    <!-- 查询 -->
-                    <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
+                                    <el-button type="primary" icon="el-icon-search" @click="handleSearch">
-                        {{ $t('common:button:reset') }}
+                                        {{ $t('common:button:search') }}
-                    </el-button>
+                                    </el-button>
-                </el-form-item>
+                                    <!-- 重置 -->
-            </el-form>
+                                    <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
-        </div>
+                                        {{ $t('common:button:reset') }}
-        <div slot="main-container">
+                                    </el-button>
-            <el-table v-adaptive="{ bottomOffset: 75 }" :data="list" stripe height="100" @sort-change="handleSortChange"
+                                </el-form-item>
-                v-loading="loading">
+                            </el-form>
-                <el-table-column type="index" width="40" align="left" />
+                        </div>
-                <el-table-column prop="IsUrgent" :label="$t('trials:consistencyCheck:table:isUrgent')"
+                        <div slot="main-container">
-                    show-overflow-tooltip min-width="100">
+                            <el-table v-adaptive="{ bottomOffset: 85 }" :data="list" stripe height="100"
-                    <template slot-scope="scope">
+                                @sort-change="handleSortChange" v-loading="loading">
-                        <el-tag :type="scope.row.IsUrgent
+                                <el-table-column type="index" width="40" align="left" />
-                            ? 'danger' : 'primary'
+                                <el-table-column prop="IsUrgent" :label="$t('trials:consistencyCheck:table:isUrgent')"
-                            ">{{ $fd('YesOrNo', scope.row.IsUrgent) }}</el-tag>
+                                    show-overflow-tooltip min-width="100">
-                    </template>
+                                    <template slot-scope="scope">
-                </el-table-column>
+                                        <el-tag :type="scope.row.IsUrgent
-                <!-- 受试者编号 -->
+                                            ? 'danger' : 'primary'
-                <el-table-column prop="SubjectCode" min-width="100"
+                                            ">{{ $fd('YesOrNo', scope.row.IsUrgent) }}</el-tag>
-                    :label="$t('trials:pendingReadingTasks:table:subjectCode')" show-overflow-tooltip
+                                    </template>
-                    sortable="custom" />
+                                </el-table-column>
-                <!-- 访视数量 -->
+                                <!-- 受试者编号 -->
-                <el-table-column prop="VisitCount" :label="$t('trials:pendingReadingTasks:table:VisitCount')"
+                                <el-table-column prop="SubjectCode" min-width="100"
-                    show-overflow-tooltip sortable="custom" />
+                                    :label="$t('trials:pendingReadingTasks:table:subjectCode')" show-overflow-tooltip
-                <!-- dicom检查数量 -->
+                                    sortable="custom" />
-                <!-- <el-table-column prop="DicomStudyCount" :label="$t('trials:pendingReadingTasks:table:DicomStudyCount')"
+                                <!-- 访视数量 -->
+                                <el-table-column prop="VisitCount"
+                                    :label="$t('trials:pendingReadingTasks:table:VisitCount')" show-overflow-tooltip
+                                    sortable="custom" />
+                                <!-- dicom检查数量 -->
+                                <!-- <el-table-column prop="DicomStudyCount" :label="$t('trials:pendingReadingTasks:table:DicomStudyCount')"
                     show-overflow-tooltip sortable="custom" /> -->
-                <!-- 非dicom检查数量 -->
+                                <!-- 非dicom检查数量 -->
-                <!-- <el-table-column prop="NoneDicomStudyCount"
+                                <!-- <el-table-column prop="NoneDicomStudyCount"
                     :label="$t('trials:pendingReadingTasks:table:NoneDicomStudyCount')" show-overflow-tooltip
                     sortable="custom" /> -->
-                <!-- 标记访视数量 -->
+                                <!-- 标记访视数量 -->
-                <el-table-column prop="MarkVisitCount" :label="$t('trials:pendingReadingTasks:table:MarkVisitCount')"
+                                <el-table-column prop="MarkVisitCount"
-                    show-overflow-tooltip>
+                                    :label="$t('trials:pendingReadingTasks:table:MarkVisitCount')" show-overflow-tooltip
-                    <template slot-scope="scope">
+                                    sortable="custom">
-                        <span>{{ `${scope.row.MarkIVUSVisitCount || 0}/${scope.row.MarkOCTVisitCount || 0}` }}</span>
+                                    <template slot-scope="scope">
-                    </template>
+                                        <span>{{ scope.row.MarkIVUSVisitCount || 0
-                </el-table-column>
+                                            }}</span>
-                <!-- 标记dicom检查数量 -->
+                                    </template>
-                <!-- <el-table-column prop="MarkDicomStudyCount"
+                                </el-table-column>
+                                <!-- 标记访视数量 -->
+                                <el-table-column prop="MarkVisitCount"
+                                    :label="$t('trials:pendingReadingTasks:table:MarkOCTVisitCount')"
+                                    show-overflow-tooltip sortable="custom">
+                                    <template slot-scope="scope">
+                                        <span>{{ scope.row.MarkOCTVisitCount ||
+                                            0
+                                            }}</span>
+                                    </template>
+                                </el-table-column>
+                                <!-- 标记dicom检查数量 -->
+                                <!-- <el-table-column prop="MarkDicomStudyCount"
                     :label="$t('trials:pendingReadingTasks:table:MarkDicomStudyCount')" show-overflow-tooltip
                     sortable="custom" /> -->
-                <!-- 标记非dicom检查数量 -->
+                                <!-- 标记非dicom检查数量 -->
-                <!-- <el-table-column prop="MarkNoneDicomStudyCount"
+                                <!-- <el-table-column prop="MarkNoneDicomStudyCount"
                     :label="$t('trials:pendingReadingTasks:table:MarkNoneDicomStudyCount')" show-overflow-tooltip
                     sortable="custom" /> -->
-                <el-table-column :label="$t('common:action:action')" width="100" fixed="right">
+                                <!-- 下载时间 -->
-                    <template slot-scope="scope">
+                                <el-table-column prop="LatestDownloadTime" min-width="100"
-                        <!-- 阅片 -->
+                                    :label="$t('trials:pendingReadingTasks:table:latestDownloadTime')"
-                        <!-- <el-button :disabled="scope.row.ExistReadingApply" circle :title="scope.row.ExistReadingApply
+                                    show-overflow-tooltip sortable="custom" />
+                                <!-- 上传时间 -->
+                                <el-table-column prop="LatestUploadTime" min-width="100"
+                                    :label="$t('trials:pendingReadingTasks:table:latestUploadTime')"
+                                    show-overflow-tooltip sortable="custom" />
+                                <el-table-column :label="$t('common:action:action')" width="100" fixed="right">
+                                    <template slot-scope="scope">
+                                        <!-- 阅片 -->
+                                        <!-- <el-button :disabled="scope.row.ExistReadingApply" circle :title="scope.row.ExistReadingApply
                             ? $t(
                                 'trials:pendingReadingTasks:button:ExistReadingApply'
                             )
                             : $t('trials:pendingReadingTasks:button:review')
                             " icon="el-icon-edit-outline" @click="handleReadImage(scope.row)" /> -->
-                        <!-- 上传 -->
+                                        <!-- 上传 -->
-                        <el-button v-hasPermi="['role:ir', 'role:pm', 'role:apm']" circle icon="el-icon-upload2"
+                                        <el-button v-hasPermi="['role:ir', 'role:pm', 'role:apm']" circle
-                            :title="$t('trials:pendingReadingTasks:button:upload')"
+                                            icon="el-icon-upload2"
-                            @click="openUploadImage(scope.row, 'upload')" />
+                                            :title="$t('trials:pendingReadingTasks:button:upload')"
-                        <!-- 下载 -->
+                                            @click="openUploadImage(scope.row, 'upload')" />
-                        <el-button v-hasPermi="['role:ir', 'role:pm', 'role:apm']" circle icon="el-icon-download"
+                                        <!-- 下载 -->
-                            :title="$t('trials:pendingReadingTasks:button:download')"
+                                        <el-button v-hasPermi="['role:ir', 'role:pm', 'role:apm']" circle
-                            @click="openUploadImage(scope.row, 'download')" />
+                                            icon="el-icon-download"
-                    </template>
+                                            :title="$t('trials:pendingReadingTasks:button:download')"
-                </el-table-column>
+                                            @click="openUploadImage(scope.row, 'download')" />
-            </el-table>
+                                    </template>
-            <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize"
+                                </el-table-column>
-                @pagination="getList" />
+                            </el-table>
-        </div>
+                            <pagination class="page" :total="total" :page.sync="searchData.PageIndex"
-        <upload-dicom-and-nonedicom v-if="uploadImageVisible" :SubjectId="uploadSubjectId"
+                                :limit.sync="searchData.PageSize" @pagination="getList" />
-            :SubjectCode="uploadSubjectCode" :Criterion="uploadTrialCriterion" :visible.sync="uploadImageVisible"
+                        </div>
-            :IsImageSegment="true" :forbid="forbid" />
+                        <upload-dicom-and-nonedicom v-if="uploadImageVisible" :SubjectId="uploadSubjectId"
-        <download-dicom-and-nonedicom v-if="downloadImageVisible" :SubjectId="uploadSubjectId"
+                            :SubjectCode="uploadSubjectCode" :Criterion="uploadTrialCriterion"
-            :SubjectCode="uploadSubjectCode" :Criterion="uploadTrialCriterion" :visible.sync="downloadImageVisible"
+                            :visible.sync="uploadImageVisible" :IsImageSegment="true" :forbid="forbid" />
-            :IsImageSegment="true" :forbid="forbid" />
+                        <download-dicom-and-nonedicom v-if="downloadImageVisible" :SubjectId="uploadSubjectId"
-    </BaseContainer>
+                            :SubjectCode="uploadSubjectCode" :Criterion="uploadTrialCriterion"
+                            :visible.sync="downloadImageVisible" :IsImageSegment="true" :forbid="forbid" />
+                    </BaseContainer>
+                </el-tab-pane>
+            </template>
+
+        </el-tabs>
+    </div>
+
 </template>
 <script>
 import BaseContainer from '@/components/BaseContainer'
@@ -99,6 +132,7 @@ import { getTrialSubjectVisitMarkList } from "@/api/trials"
 const searchDataDefault = () => {
     return {
         SubjectCode: '',
+        State: 0,
         PageIndex: 1,
         PageSize: 20,
     }
@@ -129,6 +163,8 @@ export default {
     },
     data() {
         return {
+            activeName: '0',
+            tabPaneList: ['0', '1', '2'],
             searchData: searchDataDefault(),
             loading: false,
             list: [],
@@ -153,6 +189,9 @@ export default {
             if (!v) {
                 this.getList()
             }
+        },
+        activeName() {
+            this.getList()
         }
     },
     mounted() {
@@ -171,6 +210,7 @@ export default {
             try {
                 this.searchData.TrialId = this.$route.query.trialId
                 this.searchData.TrialReadingCriterionId = this.TrialReadingCriterionId
+                this.searchData.State = this.activeName
                 this.loading = true
                 let res = await getTrialSubjectVisitMarkList(this.searchData)
                 this.loading = false

src/views/trials/trials-panel/reading/reading-task/index.vue

@@ -88,21 +88,21 @@
                     : $t('trials:pendingReadingTasks:button:review')
                     " icon="el-icon-edit-outline" @click="handleReadImage(scope.row)" />
                   <!-- 上传 -->
-                  <el-button v-if="
+                  <!-- <el-button v-if="
                     item.ImageUploadEnum > 0 &&
                     item.IsReadingTaskViewInOrder > 1 &&
                     !scope.row.IsSubjectJudge
                   " v-hasPermi="['role:ir']" circle icon="el-icon-upload2"
                     :title="$t('trials:pendingReadingTasks:button:upload')"
-                    @click="openUploadImage(scope.row, item, 'upload')" />
+                    @click="openUploadImage(scope.row, item, 'upload')" /> -->
                   <!-- 下载 -->
-                  <el-button v-if="
+                  <!-- <el-button v-if="
                     item.ImageDownloadEnum > 0 &&
                     item.IsReadingTaskViewInOrder > 1 &&
                     !scope.row.IsSubjectJudge
                   " v-hasPermi="['role:ir']" circle icon="el-icon-download"
                     :title="$t('trials:pendingReadingTasks:button:download')"
-                    @click="openUploadImage(scope.row, item, 'download')" />
+                    @click="openUploadImage(scope.row, item, 'download')" /> -->
                 </template>
               </el-table-column>
             </el-table>

src/views/trials/trials-panel/reading/reread-task/index.vue

@@ -1,6 +1,6 @@
 <template>
   <BaseContainer class="reread-task">
-    <el-tabs v-model="TrialReadingCriterionId" type="border-card">
+    <el-tabs v-if="TrialReadingCriterionId" v-model="TrialReadingCriterionId" type="border-card">
       <el-tab-pane v-for="item of trialCriterionList" :key="item.TrialReadingCriterionId" :label="item.TrialReadingCriterionName" :name="item.TrialReadingCriterionId">
         <div v-if="TrialReadingCriterionId === item.TrialReadingCriterionId">
           <div slot="search-container">
@@ -82,6 +82,7 @@
           </div>
           <div slot="main-container">
             <el-table
+              :ref="TrialReadingCriterionId"
               v-adaptive="{bottomOffset:75}"
               v-loading="loading"
               :data="list"
@@ -332,7 +333,7 @@ export default {
       },
       ConfirmReReadingVisible: false,
       trialCriterionList: [],
-      TrialReadingCriterionId: '0',
+      TrialReadingCriterionId: '',
       otherInfo: null
     }
   },
@@ -379,6 +380,9 @@ export default {
         this.total = res.Result.TotalCount
         this.otherInfo = res.OtherInfo
         this.loading = false
+        this.$nextTick(() => {
+          this.$refs[this.TrialReadingCriterionId][0].doLayout()
+        })
       }).catch(() => { this.loading = false })
     },
     handleSearch() {

src/views/trials/trials-panel/setting/reading-unit/components/ArbitrationRules.vue

@@ -1,18 +1,60 @@
+<!-- eslint-disable -->
 <!-- eslint-disable vue/no-unused-vars -->
 <!-- eslint-disable vue/no-template-shadow -->
 /* eslint-disable */
 <template>
-  <el-form v-loading="loading">
+  <el-form v-loading="loading" :label-width="'100px'">
     <!-- 仲裁对象 -->
-    <el-form-item :label="$t('trials:adRules:title:arbitrationRule')" :label-width="'180px'">
+    <el-form-item :label="$t('trials:adRules:title:arbitrationRule')">
-      <el-radio-group v-model="JudgyInfo.ArbitrationRule" :disabled="OtherInfo.IsSign">
+      <el-radio-group v-model="JudgyInfo.ArbitrationRule" :disabled="isSign">
         <el-radio v-for="item of $d.ArbitrationRule" :key="item.id"
           :disabled="!JudgyInfo.IsReadingTaskViewInOrder || true" :label="item.value" @change="changeArbitrationRule">
           {{ item.label }}
         </el-radio>
       </el-radio-group>
     </el-form-item>
-    <el-collapse v-model="activeNames" style="border-top:none;">
+    <!-- 仲裁模式JudgeModeEnum 整体结果择一判定；指标组合判定-->
+    <el-form-item :label="$t('trials:adRules:title:judgeMode')">
+      <el-radio-group v-model="JudgyInfo.JudgeModeEnum" :disabled="isSign">
+        <el-radio
+          v-for="item of $d.JudgeMode"
+          :key="item.id"
+          :disabled="JudgyInfo.ArbitrationRule !== 1"
+          :label="item.value"
+        >
+          {{ item.label }}
+        </el-radio>
+      </el-radio-group>
+    </el-form-item>
+    <!-- 裁判规则JudgeRuleEnum 访视一致规则；访视差异规则-->
+    <el-form-item :label="$t('trials:adRules:title:judgeRule')">
+      <el-radio-group v-model="JudgyInfo.JudgeRuleEnum" :disabled="isSign">
+        <el-radio
+          v-for="item of $d.JudgeRule"
+          :key="item.id"
+          :label="item.value"
+        >
+          {{ item.label }}
+        </el-radio>
+      </el-radio-group>
+    </el-form-item>
+    <el-form-item>
+      <el-button
+        v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']"
+        type="primary"
+        size="small"
+        @click="saveJugeRule"
+        v-show="!isSign">
+        {{ $t('common:button:save') }}
+      </el-button>
+    </el-form-item>
+    <ArbitrationRulesByVisit 
+      v-if="judgeRuleEnum === 1" 
+      ref="visitRules"
+      :trial-reading-criterion-id="trialReadingCriterionId"
+      :isSign="isSign"
+    />
+    <el-collapse v-else-if="judgeRuleEnum === 0" v-model="activeNames" style="border-top:none;">
       <el-collapse-item v-for="(item, index) of QuestionList" :key="item.ReadingQuestionTrialId"
         style="position: relative;padding:0 10px;" :name="item.ReadingQuestionTrialId">
         <div slot="title">
@@ -21,24 +63,28 @@
         <div style="position: relative">
           <el-button v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']"
             style="position: absolute; right: 0; top: 0; z-index: 10" size="mini" type="primary"
-            :disabled="OtherInfo.IsSign" @click="apply(item.ReadingQuestionTrialId, index)">{{ $t('common:button:save')
+            :disabled="isSign" @click="apply(item.ReadingQuestionTrialId, index)">{{ $t('common:button:save')
             }}</el-button>
           <el-button v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']"
             style="position: absolute; right: 60px; top: 0; z-index: 10" size="mini" type="primary"
-            :disabled="OtherInfo.IsSign" @click="reset(item.ReadingQuestionTrialId, index)">{{ $t('common:button:reset')
+            :disabled="isSign" @click="reset(item.ReadingQuestionTrialId, index)">{{ $t('common:button:reset')
             }}</el-button>
           <!-- 产生裁判阅片的条件 -->
           <el-form-item :label-width="'280px'" :label="$t('trials:adRules:title:judgeTypeEnum')" style="width: 95%">
             <el-radio-group v-model="QuestionList[index].JudgeType" @input="(val) => JudgeTypeChange(val, index)">
               <template v-for="item of $d.JudgeTypeEnum">
-                <el-radio style="margin-bottom: 5px" :key="item.id" :disabled="OtherInfo.IsSign ||
+                <el-radio 
-                  !hasPermi(['trials:trials-panel:setting:reading-unit:edit'])
+                  style="margin-bottom: 5px" 
-                  " :label="item.value" v-if="
+                  :key="item.id" 
-                    item.value < 4 ||
+                  :disabled="isSign ||  !hasPermi(['trials:trials-panel:setting:reading-unit:edit'])" 
-                    (item.value > 3 &&
+                  :label="item.value"
-                      (QuestionList[index].Type === 'number' ||
+                  v-if="
-                        QuestionList[index].Type === 'calculation'))
+                    (['number', 'calculation'].includes(QuestionList[index].Type)
-                  ">
+                      ? [1, 4, 5]
+                      : [1, 2, 3]
+                    ).includes(item.value)
+                  "
+                >
                   {{ item.label }}
                 </el-radio>
               </template>
@@ -48,7 +94,7 @@
         <div v-if="QuestionList[index].JudgeType === 3" style="text-align: right; margin: 10px 0">
           <!-- 添加规则 -->
           <el-button v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']" size="mini" type="primary"
-            :disabled="OtherInfo.IsSign" @click="addGroup(index, null)">{{ $t('trials:adRules:button:addRule')
+            :disabled="isSign" @click="addGroup(index, null)">{{ $t('trials:adRules:button:addRule')
             }}</el-button>
         </div>
         <el-table v-if="QuestionList[index].JudgeType === 3" v-loading="loading"
@@ -87,10 +133,10 @@
             <template slot-scope="scope">
               <!-- 编辑 -->
               <el-button icon="el-icon-edit" circle :title="$t('common:button:edit')" size="mini"
-                :disabled="OtherInfo.IsSign" @click="addGroup(index, scope.$index)" />
+                :disabled="isSign" @click="addGroup(index, scope.$index)" />
               <!-- 删除 -->
               <el-button icon="el-icon-delete" circle :title="$t('common:button:delete')" size="mini"
-                :disabled="OtherInfo.IsSign" @click="tagClose(index, scope.$index)" />
+                :disabled="isSign" @click="tagClose(index, scope.$index)" />
             </template>
           </el-table-column>
         </el-table>
@@ -103,12 +149,12 @@
             ">
             <el-checkbox-group v-if="QuestionList[index].QuestionGenre === 3" v-model="QuestionList[index].grouping">
               <template v-for="item of $d[QuestionList[index].DictionaryCode]">
-                <el-checkbox v-if="item.value !== -1" :key="item.id" :disabled="OtherInfo.IsSign" :label="item.value">{{
+                <el-checkbox v-if="item.value !== -1" :key="item.id" :disabled="isSign" :label="item.value">{{
                   item.label }}</el-checkbox>
               </template>
             </el-checkbox-group>
             <el-checkbox-group v-else v-model="QuestionList[index].grouping">
-              <el-checkbox v-for="item of item.TypeValue.split('|')" :key="item" :disabled="OtherInfo.IsSign"
+              <el-checkbox v-for="item of item.TypeValue.split('|')" :key="item" :disabled="isSign"
                 :label="item">{{
                 item }}</el-checkbox>
             </el-checkbox-group>
@@ -135,7 +181,7 @@
                     .toString()
                     .replaceAll(',', '|')
                 }}</el-tag>
-              <el-button size="mini" type="primary" :disabled="OtherInfo.IsSign" @click="addGroup2(index)">
+              <el-button size="mini" type="primary" :disabled="isSign" @click="addGroup2(index)">
                 <!-- 添加分组 -->
                 {{ $t('trials:adRules:title:addGroup') }}
               </el-button>
@@ -181,7 +227,7 @@
             )
               " prop="JudgeDifferenceType">
               <el-select v-model="QuestionList[index].JudgeDifferenceType" placeholder="请选择"
-                :disabled="OtherInfo.IsSign">
+                :disabled="isSign">
                 <el-option v-for="item of $d.JudgeDifferenceType" :key="item.id" :label="item.label"
                   :value="item.value">
                 </el-option>
@@ -193,7 +239,7 @@
               " prop="JudgeDifferenceValue">
               <div style="display: flex">
                 <el-input v-model="QuestionList[index].JudgeDifferenceValue" clearable
-                  :disabled="OtherInfo.IsSign"></el-input>
+                  :disabled="isSign"></el-input>
                 <span style="margin-left: 10px" v-if="QuestionList[index].JudgeType !== 5 && QuestionList[index].Unit !== 0">
                   {{ `${QuestionList[index].Unit === 4 ? QuestionList[index].CustomUnit : $fd('ValueUnit', QuestionList[index].Unit)}`}}
                 </span>
@@ -203,8 +249,6 @@
         </div>
       </el-collapse-item>
     </el-collapse>
-    <!--      </el-tab-pane>-->
-    <!--    </el-tabs>-->
     <!-- 选择答案 -->
     <el-dialog v-if="QuestionVisible" :title="$t('trials:adRules:title:selectAnswer')" :visible.sync="QuestionVisible"
       width="800px" :close-on-click-modal="false" custom-class="base-dialog-wrapper" append-to-body>
@@ -212,40 +256,50 @@
         <!-- 阅片人A -->
         <el-form-item label-width="110px" :label="$t('trials:adRules:title:answerGroupA')">
           <el-checkbox-group v-model="QuestionList[selectIndex].groupingA">
-            <template v-for="item of QuestionList[selectIndex].TypeValue.split('|')">
+            <template v-for="item of QuestionList[selectIndex].TypeValue.split('|') || []">
-              <el-checkbox v-if="QuestionList[selectIndex].QuestionGenre !== 3" :key="item" :label="item" :disabled="QuestionList[selectIndex].groupingB.length
+              <el-checkbox 
-                  ? ~QuestionList[selectIndex].groupingB.indexOf(item)
+                v-if="QuestionList[selectIndex].QuestionGenre !== 3" 
-                  : false
+                :key="item" 
-                ">{{ item }}</el-checkbox>
+                :label="item" 
+                :disabled="QuestionList[selectIndex]?.groupingB?.includes(item) ?? false"
+              >
+              {{ item }}
+            </el-checkbox>
             </template>
             <template v-for="item of $d[QuestionList[selectIndex].DictionaryCode]">
-              <el-checkbox v-if="
+              <el-checkbox 
-                QuestionList[selectIndex].QuestionGenre === 3 &&
+                v-if="QuestionList[selectIndex].QuestionGenre === 3 && item.value !== -1" 
-                item.value !== -1
+                :key="item.id" 
-              " :key="item.id" :label="item.value" :disabled="QuestionList[selectIndex].groupingB.length
+                :label="item.value" 
-                    ? ~QuestionList[selectIndex].groupingB.indexOf(item.value)
+                :disabled="QuestionList[selectIndex]?.groupingB?.includes(item.value) ?? false"
-                    : false
+                >
-                  ">{{ item.label }}</el-checkbox>
+                {{ item.label }}
+              </el-checkbox>
             </template>
           </el-checkbox-group>
         </el-form-item>
         <!-- 阅片人B -->
         <el-form-item label-width="110px" :label="$t('trials:adRules:title:answerGroupB')">
           <el-checkbox-group v-model="QuestionList[selectIndex].groupingB">
-            <template v-for="item of QuestionList[selectIndex].TypeValue.split('|')">
+            <template v-for="item of QuestionList[selectIndex].TypeValue.split('|') || []">
-              <el-checkbox v-if="QuestionList[selectIndex].QuestionGenre !== 3" :key="item" :label="item" :disabled="QuestionList[selectIndex].groupingA.length
+              <el-checkbox 
-                  ? ~QuestionList[selectIndex].groupingA.indexOf(item)
+                v-if="QuestionList[selectIndex].QuestionGenre !== 3" 
-                  : false
+                :key="item" 
-                ">{{ item }}</el-checkbox>
+                :label="item" 
+                :disabled="QuestionList[selectIndex]?.groupingA?.includes(item) ?? false"
+                >
+                {{ item }}
+              </el-checkbox>
             </template>
             <template v-for="item of $d[QuestionList[selectIndex].DictionaryCode]">
-              <el-checkbox v-if="
+              <el-checkbox 
-                QuestionList[selectIndex].QuestionGenre === 3 &&
+                v-if="QuestionList[selectIndex].QuestionGenre === 3 && item.value !== -1" 
-                item.value !== -1
+                :key="item.id" 
-              " :key="item.id" :label="item.value" :disabled="QuestionList[selectIndex].groupingA.length
+                :label="item.value" 
-                    ? ~QuestionList[selectIndex].groupingA.indexOf(item.value)
+                :disabled="QuestionList[selectIndex]?.groupingA?.includes(item.value) ?? false"
-                    : false
+                >
-                  ">{{ item.label }}</el-checkbox>
+                {{ item.label }}
+              </el-checkbox>
             </template>
           </el-checkbox-group>
         </el-form-item>
@@ -255,8 +309,8 @@
         <el-button v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']" :disabled="btnLoading" size="small"
           type="primary" @click="
             QuestionVisible = false
-          $set(QuestionList[selectIndex], 'groupingA', [])
+            $set(QuestionList[selectIndex], 'groupingA', [])
-          $set(QuestionList[selectIndex], 'groupingB', [])
+            $set(QuestionList[selectIndex], 'groupingB', [])
             ">
           {{ $t('common:button:cancel') }}
         </el-button>
@@ -269,13 +323,17 @@
   </el-form>
 </template>
 <script>
+/* eslint-disable */
 import {
-  getTrialConfirmCriterionList,
   getTrialCriterionJudgeQuestionList,
   setTrialCriterionJudgeQuestionAnswerGroup,
 } from '@/api/trials/reading'
-import { setTrialJudgyInfo, getTrialJudgyInfo } from '@/api/trials/setting'
+import { setTrialJudgyInfo, getTrialJudgyInfo, setTrialJudgeRuleInfo } from '@/api/trials/setting'
+import ArbitrationRulesByVisit from './ArbitrationRulesByVisit'
 export default {
+  components: {
+    ArbitrationRulesByVisit,
+  },
   props: {
     trialReadingCriterionId: {
       type: String,
@@ -294,9 +352,7 @@ export default {
       activeNames: null,
       indexA: null,
       type: null,
-      OtherInfo: {
+      isSign: true,
-        IsSign: true,
-      },
       JudgyInfo: {},
       JudgeDifferenceValueQRules: {
         JudgeDifferenceType: [
@@ -339,47 +395,38 @@ export default {
           },
         ],
       },
+      judgeRuleEnum: -1,
+      savedJudgyInfo: {
+        JudgeModeEnum: null,
+        JudgeRuleEnum: null,
+      },
     }
   },
   watch: {
-    TrialReadingCriterionId(v) {
+    async trialReadingCriterionId(v) {
       if (v === null) return
-      this.loading = true
+      await this.initData()
-      getTrialCriterionJudgeQuestionList({
-        TrialId: this.$route.query.trialId,
-        // ReadingQuestionCriterionTrialId: v,
-        TrialReadingCriterionId: this.trialReadingCriterionId,
-      })
-        .then((res) => {
-          this.loading = false
-          this.QuestionList = res.Result
-          this.OtherInfo = res.OtherInfo
-          this.activeNames = this.QuestionList.map(
-            (v) => v.ReadingQuestionTrialId
-          )
-          this.QuestionList.forEach((v) => {
-            this.$set(v, 'grouping', [])
-            this.$set(v, 'groupingA', [])
-            this.$set(v, 'groupingB', [])
-            this.$set(
-              v,
-              'AnswerGroupList',
-              Object.assign([], v.AnswerCombination)
-            )
-            this.$set(v, 'AnswerGroup2List', Object.assign([], v.AnswerGroup))
-          })
-        })
-        .catch(() => {
-          this.btnLoading = false
-          this.loading = false
-        })
     },
   },
-  mounted() {
+  async mounted() {
-    this.getList()
+    await this.initData()
-    this.getTrialJudgyInfo()
   },
   methods: {
+    resetJudgeTypeRelatedFields(question = {}) {
+      this.$set(question, 'AnswerGroup2List', [])
+      this.$set(question, 'AnswerGroupList', [])
+      this.$set(question, 'grouping', [])
+      this.$set(question, 'groupingA', [])
+      this.$set(question, 'groupingB', [])
+      this.$set(question, 'JudgeDifferenceValue', 0)
+      this.$set(question, 'JudgeDifferenceType', 0)
+    },
+    async initData() {
+      await this.getTrialJudgyInfo()
+      if (this.judgeRuleEnum !== 1) {
+        await this.getList(false)
+      }
+    },
     // 修改仲裁规则
     changeArbitrationRule(value) {
       if (value !== 1) {
@@ -387,12 +434,16 @@ export default {
           item.JudgeDifferenceValue = 0
           item.JudgeDifferenceType = 0
         })
+        if (this.$refs.visitRules) {
+          this.$refs.visitRules.changeArbitrationRule(value)
+        }
       }
     },
     JudgeTypeChange(value, index) {
+      this.resetJudgeTypeRelatedFields(this.QuestionList[index])
       this.$nextTick(() => {
         if (value === 4 || value === 5) {
-          if (this.$refs['JudgeDifferenceValue' + value + index][0]) {
+          if (this.$refs['JudgeDifferenceValue' + value + index] && this.$refs['JudgeDifferenceValue' + value + index][0]) {
             this.$refs['JudgeDifferenceValue' + value + index][0].resetFields()
             // this.QuestionList[index].JudgeDifferenceValue = 0;
           }
@@ -400,25 +451,26 @@ export default {
       })
     },
     saveAllSync() {
-      return new Promise((resolve, reject) => {
+      if (this.judgeRuleEnum === 1 && this.$refs.visitRules) {
+        return Promise.resolve(true)
+        // return this.$refs.visitRules.saveAllSync()
+      }
+      return new Promise((resolve) => {
         var arr = []
         this.QuestionList.forEach((v, i) => {
           arr.push(this.applySync(v.ReadingQuestionTrialId, i))
         })
         Promise.all(arr)
-          .then((res) => {
+          .then(() => {
-            console.log(res)
             resolve(true)
           })
-          .catch((res) => {
+          .catch(() => {
-            console.log('进入catch')
             resolve(false)
           })
       })
     },
     applySync(ReadingQuestionTrialId, index) {
       return new Promise(async (resolve, reject) => {
-        console.log(this.QuestionList[index].JudgeType)
         if (this.QuestionList[index].JudgeType === 0) {
           reject(false)
           return
@@ -442,7 +494,7 @@ export default {
           this.QuestionList[index].JudgeType === 5
         ) {
           try {
-            let validate = await this.$refs[
+            const validate = await this.$refs[
               'JudgeDifferenceValue' +
               this.QuestionList[index].JudgeType +
               index
@@ -493,19 +545,55 @@ export default {
           this.loading = false
         })
     },
-    getTrialJudgyInfo() {
+    async getTrialJudgyInfo() {
-      this.loading = true
+      try {
-      getTrialJudgyInfo({
+        this.loading = true
-        TrialId: this.$route.query.trialId,
+        const res = await getTrialJudgyInfo({
-        TrialReadingCriterionId: this.trialReadingCriterionId,
+          TrialId: this.$route.query.trialId,
-      })
+          TrialReadingCriterionId: this.trialReadingCriterionId,
-        .then((res) => {
-          this.JudgyInfo = res.Result
-          this.loading = false
-        })
-        .catch((v) => {
-          this.loading = false
         })
+        this.JudgyInfo = res.Result
+        this.judgeRuleEnum = this.JudgyInfo.JudgeRuleEnum
+        this.isSign = res.Result.IsSigned
+      } catch (e) {
+        console.log(e)
+      } finally {
+        this.loading = false
+      }
+    },
+    async saveJugeRule(showMessage = true) {
+      try {
+        this.loading = true
+        const prevJudgeRuleEnum = this.judgeRuleEnum
+        const params = {
+          trialReadingCriterionId: this.trialReadingCriterionId,
+          judgeModeEnum: this.JudgyInfo.JudgeModeEnum,
+          judgeRuleEnum: this.JudgyInfo.JudgeRuleEnum,
+        }
+        const res = await setTrialJudgeRuleInfo(params)
+        if (res.IsSuccess) {
+          if (showMessage) {
+            this.$message.success(this.$t('common:message:savedSuccessfully'))
+          }
+          this.judgeRuleEnum = this.JudgyInfo.JudgeRuleEnum
+          if (prevJudgeRuleEnum !== this.judgeRuleEnum) {
+            if (this.judgeRuleEnum === 1) {
+              await this.$nextTick()
+              if (this.$refs.visitRules) {
+                await this.$refs.visitRules.initData()
+              }
+            } else {
+              await this.getList(false)
+            }
+          }
+        }
+        return true
+      } catch (e) {
+        console.log(e)
+        return false
+      } finally {
+        this.loading = false
+      }
     },
     tagClose2(index, indexA) {
       // '删除该规则组？'
@@ -593,7 +681,7 @@ export default {
           AnswerCombination: [],
           JudgeType: 0,
           JudgeDifferenceValue: 0,
-          JudgeDifferenceType: 0,
+          JudgeDifferenceType: 0
         })
           .then((res) => {
             this.$set(this.QuestionList[index], 'AnswerGroup2List', [])
@@ -635,7 +723,7 @@ export default {
         this.QuestionList[index].JudgeType === 5
       ) {
         try {
-          let validate = await this.$refs[
+          const validate = await this.$refs[
             'JudgeDifferenceValue' + this.QuestionList[index].JudgeType + index
           ][0].validate()
           if (!validate) return
@@ -655,7 +743,7 @@ export default {
         ),
         JudgeDifferenceType: Number(
           this.QuestionList[index].JudgeDifferenceType
-        ),
+        )
       })
         .then((res) => {
           this.$message.success(this.$t('trials:adRules:message:msg9')) // '应用成功'
@@ -671,18 +759,23 @@ export default {
       this.ReadingQuestionCriterionTrialId =
         this.CriterionList[this.index].ReadingQuestionCriterionTrialId
     },
-    getList() {
+    async getList(needGetTrialJudgyInfo = true) {
       this.loading = true
-      getTrialCriterionJudgeQuestionList({
+      if (needGetTrialJudgyInfo) {
+        await this.getTrialJudgyInfo()
+      }
+      if (this.judgeRuleEnum === 1 && this.$refs.visitRules) {
+        return this.$refs.visitRules.getList()
+      }
+      return getTrialCriterionJudgeQuestionList({
         TrialId: this.$route.query.trialId,
         TrialReadingCriterionId: this.trialReadingCriterionId,
       })
         .then((res) => {
           this.loading = false
           this.QuestionList = res.Result
-          this.OtherInfo = res.OtherInfo
           this.activeNames = this.QuestionList.map(
-            (v) => v.ReadingQuestionTrialId
+            (item) => item.ReadingQuestionTrialId
           )
           this.QuestionList.forEach((v) => {
             this.$set(v, 'grouping', [])

src/views/trials/trials-panel/setting/reading-unit/components/ArbitrationRulesByVisit.vue

@@ -0,0 +1,955 @@
+<template>
+  <div v-loading="loading">
+    <el-tabs v-model="activeVisitTab" class="visit-tabs" type="border-card">
+      <el-tab-pane v-for="visit in visitPlanOptions" :key="visit.Id"
+        :label="visit.VisitName" :name="visit.Id">
+        <div v-show="!isSign" class="visit-tabs-actions">
+          <!-- 批量保存 -->
+          <el-button
+            v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']"
+            :disabled="btnLoading || questionListMap[visit.Id] && questionListMap[visit.Id].length === 0"
+            :loading="btnLoading"
+            size="small"
+            type="primary"
+            @click="handleBatchSave(visit.Id, visit.VisitNum)"
+          >
+            {{ $t('common:button:batchSave') }}
+          </el-button>
+          <!-- 复制 -->
+          <el-button
+            v-show="visitPlanOptions.length > 1"
+            v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']"
+            :disabled="btnLoading || questionListMap[visit.Id] && questionListMap[visit.Id].length === 0"
+            :loading="btnLoading"
+            size="small"
+            type="primary"
+            @click="handleCopy(visit.VisitNum)"
+          >
+            {{ $t('common:button:copy') }}
+          </el-button>
+          <!-- 应用到随访 -->
+          <el-button
+            v-show="visitPlanOptions.length > 1 && visit.VisitNum === 0"
+            v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']"
+            :disabled="btnLoading || questionListMap[visit.Id] && questionListMap[visit.Id].length === 0"
+            :loading="btnLoading"
+            size="small"
+            type="primary"
+            @click="applyToFollowup"
+          >
+            {{ $t('trials:adRules:button:applyToFollowup') }}
+          </el-button>
+        </div>
+        <el-collapse v-if="questionListMap[visit.Id]" v-model="visitActiveNamesMap[visit.Id]" style="border-top:none;">
+          <el-collapse-item v-for="(item, index) of questionListMap[visit.Id]"
+            :key="item.ReadingQuestionTrialId"
+            style="position: relative;padding:0 10px;" :name="item.ReadingQuestionTrialId">
+            <div slot="title">
+              {{ item.PageName }}Q{{ index + 1 }}：{{ item.QuestionName }}
+            </div>
+            <div style="position: relative">
+              <el-button v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']"
+                style="position: absolute; right: 0; top: 0; z-index: 10" size="mini" type="primary"
+                :disabled="isSign"
+                @click="visitApply(item.ReadingQuestionTrialId, index, visit.Id, visit.VisitNum)">{{ $t('common:button:save')
+                }}</el-button>
+              <el-button v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']"
+                style="position: absolute; right: 60px; top: 0; z-index: 10" size="mini" type="primary"
+                :disabled="isSign"
+                @click="visitReset(item.ReadingQuestionTrialId, index, visit.Id, visit.VisitNum)">{{ $t('common:button:reset')
+                }}</el-button>
+              <el-form-item :label-width="'280px'" :label="$t('trials:adRules:title:judgeTypeEnum')" style="width: 95%">
+                <el-radio-group
+                  v-model="questionListMap[visit.Id][index].JudgeType"
+                  @input="(val) => visitJudgeTypeChange(val, index, visit.Id)"
+                >
+                  <template v-for="judgeTypeItem of $d.JudgeTypeEnum">
+                    <el-radio 
+                      style="margin-bottom: 5px" 
+                      :key="judgeTypeItem.id" 
+                      :disabled="isSign || !hasPermi(['trials:trials-panel:setting:reading-unit:edit'])" 
+                      :label="judgeTypeItem.value" 
+                      v-if="
+                        (['number', 'calculation'].includes(questionListMap[visit.Id][index].Type)
+                          ? [1, 4, 5, 6]
+                          : [1, 2, 3, 6]
+                        ).includes(judgeTypeItem.value)
+                      "
+                    >
+                      {{ judgeTypeItem.label }}
+                    </el-radio>
+                  </template>
+                </el-radio-group>
+              </el-form-item>
+            </div>
+            <div v-if="questionListMap[visit.Id][index].JudgeType === 3" style="text-align: right; margin: 10px 0">
+              <el-button v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']" size="mini" type="primary"
+                :disabled="isSign"
+                @click="visitAddGroup(index, null, visit.Id)">{{ $t('trials:adRules:button:addRule')
+                }}</el-button>
+            </div>
+            <el-table v-if="questionListMap[visit.Id][index].JudgeType === 3" v-loading="loading"
+              :data="questionListMap[visit.Id][index].AnswerGroupList" border stripe>
+              <el-table-column prop="AnswerGroupA" :label="$t('trials:adRules:title:order')" width="160">
+                <template slot-scope="scope">
+                  {{ scope.$index + 1 }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="AnswerGroupA" :label="$t('trials:adRules:title:answerGroupA')" min-width="100">
+                <template slot-scope="scope">
+                  {{
+                    questionListMap[visit.Id][index].QuestionGenre === 3
+                      ? scope.row.AnswerGroupA.map((v) =>
+                        $fd(questionListMap[visit.Id][index].DictionaryCode, parseInt(v))
+                      ).toString()
+                      : scope.row.AnswerGroupA.toString()
+                  }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="AnswerGroupB" :label="$t('trials:adRules:title:answerGroupB')" min-width="100">
+                <template slot-scope="scope">
+                  {{
+                    questionListMap[visit.Id][index].QuestionGenre === 3
+                      ? scope.row.AnswerGroupB.map((v) =>
+                        $fd(questionListMap[visit.Id][index].DictionaryCode, parseInt(v))
+                      ).toString()
+                      : scope.row.AnswerGroupB.toString()
+                  }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="AnswerGroupB" :label="$t('common:action:action')" min-width="80">
+                <template slot-scope="scope">
+                  <el-button icon="el-icon-edit" circle :title="$t('common:button:edit')" size="mini"
+                    :disabled="isSign"
+                    @click="visitAddGroup(index, scope.$index, visit.Id)" />
+                  <el-button icon="el-icon-delete" circle :title="$t('common:button:delete')" size="mini"
+                    :disabled="isSign"
+                    @click="visitTagClose(index, scope.$index, visit.Id)" />
+                </template>
+              </el-table-column>
+            </el-table>
+            <div v-if="questionListMap[visit.Id][index].JudgeType === 2">
+              <div style="
+                  background: #f6f6f6;
+                  border-radius: 20px;
+                  padding: 15px 20px;
+                  margin-top: 10px;
+                ">
+                <el-checkbox-group v-if="questionListMap[visit.Id][index].QuestionGenre === 3"
+                  v-model="questionListMap[visit.Id][index].grouping"
+                >
+                  <template v-for="dictItem of $d[questionListMap[visit.Id][index].DictionaryCode]">
+                    <el-checkbox v-if="dictItem.value !== -1" :key="dictItem.id" :disabled="isSign"
+                      :label="dictItem.value">{{ dictItem.label }}</el-checkbox>
+                  </template>
+                </el-checkbox-group>
+                <el-checkbox-group v-else v-model="questionListMap[visit.Id][index].grouping">
+                  <el-checkbox v-for="answerItem of item.TypeValue.split('|')" :key="answerItem"
+                    :disabled="isSign" :label="answerItem">{{ answerItem }}</el-checkbox>
+                </el-checkbox-group>
+                <div style="margin-top: 20px">
+                  {{ $t('trials:adRules:title:selectAnswerGroup') }}
+                  <el-tag v-if="
+                    questionListMap[visit.Id][index].grouping.length > 0 &&
+                    questionListMap[visit.Id][index].QuestionGenre !== 3
+                  ">{{
+                    questionListMap[visit.Id][index].grouping.toString().replaceAll(',', '|')
+                    }}</el-tag>
+                  <el-tag v-if="
+                    questionListMap[visit.Id][index].grouping.length > 0 &&
+                    questionListMap[visit.Id][index].QuestionGenre === 3
+                  ">{{
+                    questionListMap[visit.Id][index].grouping
+                        .map(
+                          (v) =>
+                            $d[questionListMap[visit.Id][index].DictionaryCode].find(
+                              (v1) => v1.value === v
+                            ).label
+                        )
+                        .toString()
+                        .replaceAll(',', '|')
+                    }}</el-tag>
+                  <el-button size="mini" type="primary" :disabled="isSign"
+                    @click="visitAddGroup2(index, visit.Id)">
+                    {{ $t('trials:adRules:title:addGroup') }}</el-button>
+                </div>
+              </div>
+              <div v-if="questionListMap[visit.Id][index].QuestionGenre !== 3" style="margin-top: 20px">
+                {{ $t('trials:adRules:title:group') }}
+                <el-tag v-for="(itemA, indexA) of questionListMap[visit.Id][index].AnswerGroup2List"
+                  :key="visit.Id+indexA" closable
+                  style="margin-right: 10px" @close="() => visitTagClose2(index, indexA, visit.Id)">{{ itemA }}</el-tag>
+              </div>
+              <div v-if="questionListMap[visit.Id][index].QuestionGenre === 3" style="margin-top: 20px">
+                {{ $t('trials:adRules:title:group') }}
+                <el-tag v-for="(itemA, indexA) of questionListMap[visit.Id][index].AnswerGroup2List"
+                  :key="visit.Id+indexA" closable
+                  style="margin-right: 10px" @close="() => visitTagClose2(index, indexA, visit.Id)">
+                  {{
+                    itemA
+                      .split('|')
+                      .map((v) =>
+                        $fd(questionListMap[visit.Id][index].DictionaryCode, parseInt(v))
+                      )
+                      .join('|')
+                  }}
+                </el-tag>
+              </div>
+            </div>
+            <div v-if="
+              questionListMap[visit.Id][index].JudgeType === 4 ||
+              questionListMap[visit.Id][index].JudgeType === 5
+            ">
+              <el-form :inline="true" :model="questionListMap[visit.Id][index]" class="demo-form-inline"
+                :ref="`JudgeDifferenceValue${questionListMap[visit.Id][index].JudgeType}_${visit.Id}_${index}`"
+                :rules="JudgeDifferenceValueQRules">
+                <el-form-item :label="$t(
+                  `trials:trials-panel:setting:reading-unit:JudgeDifferenceType`
+                )
+                  " prop="JudgeDifferenceType">
+                  <el-select
+                    v-model="questionListMap[visit.Id][index].JudgeDifferenceType"
+                    :disabled="isSign">
+                    <el-option v-for="judgeDiffItem of $d.JudgeDifferenceType" :key="judgeDiffItem.id"
+                      :label="judgeDiffItem.label" :value="judgeDiffItem.value">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item :label="$t(
+                  `trials:trials-panel:setting:reading-unit:JudgeDifferenceValue${questionListMap[visit.Id][index].JudgeType}`
+                )
+                  " prop="JudgeDifferenceValue">
+                  <div style="display: flex">
+                    <el-input v-model="questionListMap[visit.Id][index].JudgeDifferenceValue" clearable
+                      :disabled="isSign"></el-input>
+                    <span style="margin-left: 10px"
+                      v-if="questionListMap[visit.Id][index].JudgeType !== 5 && questionListMap[visit.Id][index].Unit !== 0">
+                      {{ `${questionListMap[visit.Id][index].Unit === 4 ? questionListMap[visit.Id][index].CustomUnit : $fd('ValueUnit', questionListMap[visit.Id][index].Unit)}` }}
+                    </span>
+                  </div>
+                </el-form-item>
+              </el-form>
+            </div>
+          </el-collapse-item>
+        </el-collapse>
+      </el-tab-pane>
+    </el-tabs>
+    <el-dialog v-if="questionVisible" :title="$t('trials:adRules:title:selectAnswer')" :visible.sync="questionVisible"
+      width="800px" :close-on-click-modal="false" custom-class="base-dialog-wrapper" append-to-body>
+      <div class="base-dialog-body">
+        <el-form-item label-width="110px" :label="$t('trials:adRules:title:answerGroupA')">
+          <el-checkbox-group v-model="questionList[selectIndex].groupingA">
+            <template v-for="item of questionList[selectIndex].TypeValue.split('|') || []">
+              <el-checkbox 
+                v-if="questionList[selectIndex].QuestionGenre !== 3" 
+                :key="item" 
+                :label="item" 
+                :disabled="questionList[selectIndex]?.groupingB?.includes(item) ?? false"
+              >
+              {{ item }}
+            </el-checkbox>
+            </template>
+            <template v-for="item of $d[questionList[selectIndex].DictionaryCode]">
+              <el-checkbox 
+                v-if="questionList[selectIndex].QuestionGenre === 3 &&  item.value !== -1" 
+                :key="item.id" 
+                :label="item.value" 
+                :disabled="questionList[selectIndex]?.groupingB?.includes(item.value) ?? false"
+                >{{ item.label }}</el-checkbox>
+            </template>
+          </el-checkbox-group>
+        </el-form-item>
+        <el-form-item label-width="110px" :label="$t('trials:adRules:title:answerGroupB')">
+          <el-checkbox-group v-model="questionList[selectIndex].groupingB">
+            <template v-for="item of questionList[selectIndex].TypeValue.split('|') || []">
+              <el-checkbox 
+                v-if="questionList[selectIndex].QuestionGenre !== 3" 
+                :key="item" 
+                :label="item" 
+                :disabled="questionList[selectIndex]?.groupingA?.includes(item) ?? false"
+                >
+                {{ item }}
+              </el-checkbox>
+            </template>
+            <template v-for="item of $d[questionList[selectIndex].DictionaryCode]">
+              <el-checkbox 
+                v-if="questionList[selectIndex].QuestionGenre === 3 && item.value !== -1" 
+                :key="item.id" 
+                :label="item.value" 
+                :disabled="questionList[selectIndex]?.groupingA?.includes(item.value) ?? false"
+                >
+                {{ item.label }}
+              </el-checkbox>
+            </template>
+          </el-checkbox-group>
+        </el-form-item>
+      </div>
+      <div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
+        <el-button v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']" :disabled="btnLoading" size="small"
+          type="primary" @click="
+            questionVisible = false
+            $set(questionList[selectIndex], 'groupingA', [])
+            $set(questionList[selectIndex], 'groupingB', [])
+            ">
+          {{ $t('common:button:cancel') }}
+        </el-button>
+        <el-button v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']" :disabled="btnLoading" size="small"
+          type="primary" @click="save">
+          {{ $t('common:button:save') }}
+        </el-button>
+      </div>
+    </el-dialog>
+    <el-dialog
+      v-if="copyVisible"
+      :title="$t('common:button:copy')"
+      :visible.sync="copyVisible"
+      width="500px"
+      :close-on-click-modal="false"
+      custom-class="base-dialog-wrapper"
+      append-to-body
+    >
+      <div class="base-dialog-body">
+        <el-form label-width="100px">
+          <el-form-item :label="$t('trials:trials-panel:setting:reading-unit:targetVisitNum')">
+            <el-select v-model="copySourceVisitNum" style="width: 100%" filterable>
+              <el-option
+                v-for="visit in copySourceVisitOptions"
+                :key="visit.Id"
+                :label="visit.VisitName"
+                :value="visit.VisitNum"
+              />
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
+        <el-button
+          v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']"
+          :disabled="btnLoading"
+          size="small"
+          @click="closeCopyDialog"
+        >
+          {{ $t('common:button:cancel') }}
+        </el-button>
+        <el-button
+          v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']"
+          :disabled="btnLoading"
+          :loading="btnLoading"
+          size="small"
+          type="primary"
+          @click="confirmCopy"
+        >
+          {{ $t('common:button:confirm') }}
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+/* eslint-disable */
+import {
+  getTrialQuestionVisitJudgeRule,
+  setTrialQuestionVisitJudgeRule,
+  copyTrialQuestionVisitJudgeRule,
+  applyBaseLineTrialQuestionVisitJudgeRule
+} from '@/api/trials/reading'
+import { getTrialVisitStageSelect } from '@/api/trials'
+
+export default {
+  props: {
+    trialReadingCriterionId: {
+      type: String,
+      default: '',
+    },
+    isSign: {
+      type: Boolean,
+      required: true
+    }
+  },
+  data() {
+    return {
+      btnLoading: false,
+      loading: false,
+      activeVisitTab: '',
+      visitActiveNamesMap: {},
+      questionListMap: {},
+      visitPlanOptions: [],
+      questionVisible: false,
+      copyVisible: false,
+      copyTargetVisitNum: null,
+      copySourceVisitNum: null,
+      selectIndex: 0,
+      indexA: null,
+      selectVisitKey: '',
+      type: null,
+      OtherInfo: {
+        IsSign: true,
+      },
+      JudgeDifferenceValueQRules: {
+        JudgeDifferenceType: [
+          {
+            required: true,
+            message: this.$t(
+              'trials:trials-list:setitng:JudgeDifferenceTypeRequired'
+            ),
+            trigger: 'blur',
+          },
+        ],
+        JudgeDifferenceValue: [
+          {
+            required: true,
+            message: this.$t(
+              'trials:trials-list:setitng:JudgeDifferenceValueRequired'
+            ),
+            trigger: 'blur',
+          },
+          {
+            pattern: /^[0-9]+(.[0-9]{2})?$/,
+            message: this.$t('trials:trials-list:setitng:JudgeDifferenceValue'),
+            trigger: 'blur',
+          },
+          {
+            validator: (rule, value, callback) => {
+              if (value <= 0) {
+                callback(
+                  new Error(
+                    this.$t(
+                      'trials:trials-list:setitng:JudgeDifferenceValueMin'
+                    )
+                  )
+                )
+              } else {
+                callback()
+              }
+            },
+            trigger: 'blur',
+          },
+        ],
+      },
+    }
+  },
+  computed: {
+    questionList() {
+      return this.questionListMap[this.selectVisitKey]
+    },
+    copySourceVisitOptions() {
+      return this.visitPlanOptions.filter((visit) => visit.VisitNum !== this.copyTargetVisitNum)
+    }
+  },
+  watch: {
+    async activeVisitTab(v) {
+      if (!v) return
+      if (this.questionListMap[v]) {
+        return
+      }
+      await this.getList(v)
+    },
+  },
+  async mounted() {
+    await this.initData()
+  },
+  methods: {
+    async initData() {
+      this.questionListMap = {}
+      this.visitActiveNamesMap = {}
+      this.activeVisitTab = ''
+      await this.getVisitPlanOptions()
+    },
+    resetVisitJudgeTypeRelatedFields(question = {}) {
+      this.$set(question, 'AnswerGroup2List', [])
+      this.$set(question, 'AnswerGroupList', [])
+      this.$set(question, 'grouping', [])
+      this.$set(question, 'groupingA', [])
+      this.$set(question, 'groupingB', [])
+      this.$set(question, 'JudgeDifferenceValue', null)
+      this.$set(question, 'JudgeDifferenceType', 0)
+    },
+    normalizeQuestionList(questionList = []) {
+      return questionList.map((item) => ({
+        ...item,
+        grouping: [],
+        groupingA: [],
+        groupingB: [],
+        AnswerGroupList: Array.isArray(item.AnswerCombination)
+          ? item.AnswerCombination.map((group) => ({
+            ...group,
+            AnswerGroupA: Array.isArray(group.AnswerGroupA)
+              ? [...group.AnswerGroupA]
+              : group.AnswerGroupA,
+            AnswerGroupB: Array.isArray(group.AnswerGroupB)
+              ? [...group.AnswerGroupB]
+              : group.AnswerGroupB
+          }))
+          : [],
+        AnswerGroup2List: Array.isArray(item.AnswerGroup)
+          ? [...item.AnswerGroup]
+          : []
+      }))
+    },
+    closeCopyDialog() {
+      this.copyVisible = false
+      this.copyTargetVisitNum = null
+      this.copySourceVisitNum = null
+    },
+    async getVisitPlanOptions() {
+      try {
+        const trialId = this.$route.query.trialId
+        const res = await getTrialVisitStageSelect(trialId)
+        if (res.IsSuccess) {
+          this.visitPlanOptions = res.Result || []
+          if (!this.activeVisitTab && this.visitPlanOptions.length > 0) {
+            this.activeVisitTab = this.visitPlanOptions[0].Id
+          }
+          const outOfPlan = {
+            "Id": "00000000-0000-0000-0000-000000000000",
+            "VisitNum": -1,
+            "VisitName": "Out of Plan",
+            "IsBaseLine": false
+          }
+          const isExists = this.visitPlanOptions.some(x => x.Id === outOfPlan.Id);
+          if (!isExists) {
+            this.visitPlanOptions.push(outOfPlan);
+          }
+        }
+      } catch (e) {
+        console.log(e)
+      }
+    },
+    getVisitById(visitKey) {
+      return this.visitPlanOptions.find((visit) => visit.Id === visitKey)
+    },
+    async getList(visitKey = this.activeVisitTab) {
+      const visit = this.getVisitById(visitKey)
+      if (!visit) return
+      try {
+        this.loading = true
+        let params = {
+          trialId: this.$route.query.trialId,
+          trialReadingCriterionId: this.trialReadingCriterionId,
+          visitNum: visit.VisitNum
+        }
+        const res = await getTrialQuestionVisitJudgeRule(params)
+        const questionList = this.normalizeQuestionList(res.Result)
+        this.$set(this.questionListMap, visitKey, questionList)
+        this.$set(
+          this.visitActiveNamesMap,
+          visitKey,
+          questionList.map((item) => item.ReadingQuestionTrialId)
+        )
+      } catch (e) {
+        console.log(e)
+      } finally {
+        this.loading = false
+      }
+    },
+    changeArbitrationRule(value) {
+      if (value !== 1) {
+        Object.values(this.questionListMap).forEach((questionList) => {
+          questionList.forEach((item) => {
+            item.JudgeDifferenceValue = 0
+            item.JudgeDifferenceType = 0
+          })
+        })
+      }
+    },
+    visitJudgeTypeChange(value, index, visitKey) {
+      this.resetVisitJudgeTypeRelatedFields(this.questionListMap[visitKey][index])
+      this.$nextTick(() => {
+        if (value === 4 || value === 5) {
+          const refName = `JudgeDifferenceValue${value}_${visitKey}_${index}`
+          if (this.$refs[refName] && this.$refs[refName][0]) {
+            this.$refs[refName][0].resetFields()
+          }
+        }
+      })
+    },
+    // async saveAllSync(showMessage = false) {
+    //   try {
+    //     this.btnLoading = true
+    //     this.loading = true
+    //     for (let i = 0; i < this.visitPlanOptions.length; i++) {
+    //       const visit = this.visitPlanOptions[i]
+    //       if (!this.questionListMap[visit.Id]) {
+    //         await this.getList(visit.Id)
+    //       }
+    //       const questionList = this.questionListMap[visit.Id] || []
+    //       if (questionList.length === 0) {
+    //         continue
+    //       }
+    //       for (let index = 0; index < questionList.length; index++) {
+    //         if (questionList[index].JudgeType === 0) {
+    //           this.activeVisitTab = visit.Id
+    //           this.$alert(this.$t('trials:adRules:message:msg8'))
+    //           return false
+    //         }
+    //         if (
+    //           questionList[index].JudgeType === 2 &&
+    //           questionList[index].AnswerGroup2List.length === 0
+    //         ) {
+    //           this.activeVisitTab = visit.Id
+    //           this.$alert(this.$t('trials:adRules:message:msg8'))
+    //           return false
+    //         }
+    //         if (
+    //           questionList[index].JudgeType === 3 &&
+    //           questionList[index].AnswerGroupList.length === 0
+    //         ) {
+    //           this.activeVisitTab = visit.Id
+    //           this.$alert(this.$t('trials:adRules:message:msg8'))
+    //           return false
+    //         }
+    //         if (
+    //           questionList[index].JudgeType === 4 ||
+    //           questionList[index].JudgeType === 5
+    //         ) {
+    //           this.activeVisitTab = visit.Id
+    //           await this.$nextTick()
+    //           const refName = `JudgeDifferenceValue${questionList[index].JudgeType}_${visit.Id}_${index}`
+    //           try {
+    //             const validate = await this.$refs[refName][0].validate()
+    //             if (!validate) return false
+    //           } catch (err) {
+    //             return false
+    //           }
+    //         }
+    //       }
+    //       let params = {
+    //         TrialReadingCriterionId: this.trialReadingCriterionId,
+    //         VisitNum: visit.VisitNum,
+    //         QuestionList: questionList.map((item) => {
+    //           return {
+    //             ReadingQuestionTrialId: item.ReadingQuestionTrialId,
+    //             AnswerGroup: item.AnswerGroup2List,
+    //             AnswerCombination: item.AnswerGroupList,
+    //             JudgeType: item.JudgeType,
+    //             JudgeDifferenceValue: item.JudgeDifferenceValue,
+    //             JudgeDifferenceType: item.JudgeDifferenceType
+    //           }
+    //         })
+    //       }
+    //       let res = await setTrialQuestionVisitJudgeRule(params)
+    //       if (!res.IsSuccess) {
+    //         return false
+    //       }
+    //     }
+    //     if (showMessage) {
+    //       this.$message.success(this.$t('common:message:savedSuccessfully'))
+    //     }
+    //     return true
+    //   } catch (e) {
+    //     console.log(e)
+    //     return false
+    //   } finally {
+    //     this.btnLoading = false
+    //     this.loading = false
+    //   }
+    // },
+    async handleBatchSave(visitKey, visitNum) {
+      if (!visitKey) return
+      const questionList = this.questionListMap[visitKey] || []
+      if (questionList.length === 0) return
+      try {
+        this.btnLoading = true
+        this.loading = true
+        for (let index = 0; index < questionList.length; index++) {
+          if (questionList[index].JudgeType === 0) {
+            this.$alert(this.$t('trials:adRules:message:msg8'))
+            return
+          }
+          if (
+            questionList[index].JudgeType === 2 &&
+            questionList[index].AnswerGroup2List.length === 0
+          ) {
+            this.$alert(this.$t('trials:adRules:message:msg8'))
+            return
+          }
+          if (
+            questionList[index].JudgeType === 3 &&
+            questionList[index].AnswerGroupList.length === 0
+          ) {
+            this.$alert(this.$t('trials:adRules:message:msg8'))
+            return
+          }
+          if (
+            questionList[index].JudgeType === 4 ||
+            questionList[index].JudgeType === 5
+          ) {
+            await this.$nextTick()
+            const refName = `JudgeDifferenceValue${questionList[index].JudgeType}_${visitKey}_${index}`
+            try {
+              const validate = await this.$refs[refName][0].validate()
+              if (!validate) return
+            } catch (err) {
+              return
+            }
+          }
+        }
+        let params = {
+          TrialReadingCriterionId: this.trialReadingCriterionId,
+          VisitNum: visitNum,
+          QuestionList: questionList.map((item) => {
+            return {
+              ReadingQuestionTrialId: item.ReadingQuestionTrialId,
+              AnswerGroup: item.AnswerGroup2List,
+              AnswerCombination: item.AnswerGroupList,
+              JudgeType: item.JudgeType,
+              JudgeDifferenceValue: item.JudgeDifferenceValue,
+              JudgeDifferenceType: item.JudgeDifferenceType
+            }
+          })
+        }
+        let res = await setTrialQuestionVisitJudgeRule(params)
+        if (res.IsSuccess) {
+          this.$message.success(this.$t('common:message:savedSuccessfully'))
+        }
+      } catch (e) {
+        console.log(e)
+      } finally {
+        this.btnLoading = false
+        this.loading = false
+      }
+    },
+    save() {
+      const questionList = this.questionList
+      let index = this.selectIndex
+      let indexA = this.indexA
+      if (questionList[index].groupingA.length === 0) {
+        this.$alert(this.$t('trials:adRules:message:msg2'))
+        return
+      }
+      if (questionList[index].groupingB.length === 0) {
+        this.$alert(this.$t('trials:adRules:message:msg3'))
+        return
+      }
+      if (this.type === 'add') {
+        questionList[index].AnswerGroupList.push({
+          AnswerGroupA: questionList[index].groupingA,
+          AnswerGroupB: questionList[index].groupingB
+        })
+      } else {
+        this.$set(
+          questionList[index].AnswerGroupList[indexA],
+          'AnswerGroupA',
+          questionList[index].groupingA
+        )
+        this.$set(
+          questionList[index].AnswerGroupList[indexA],
+          'AnswerGroupB',
+          questionList[index].groupingB
+        )
+      }
+      this.$set(questionList[index], 'groupingA', [])
+      this.$set(questionList[index], 'groupingB', [])
+      this.$message.success(this.$t('trials:adRules:message:msg4'))
+      this.questionVisible = false
+    },
+    handleCopy(visitNum) {
+      this.copyTargetVisitNum = visitNum
+      this.copyVisible = true
+    },
+    async confirmCopy() {
+      if (!this.copySourceVisitNum) {
+        this.$alert(this.$t('trials:setting:reading-unit:msg1'))
+        return
+      }
+      try {
+        this.btnLoading = true
+        this.loading = true
+        const params = {
+          trialReadingCriterionId: this.trialReadingCriterionId,
+          sourceVisitNum: this.copySourceVisitNum,
+          targetVisitNum: this.copyTargetVisitNum
+        }
+        const res = await copyTrialQuestionVisitJudgeRule(params)
+        if (res.IsSuccess) {
+          await this.getList(this.activeVisitTab)
+          this.$message.success(this.$t('common:message:savedSuccessfully'))
+          this.closeCopyDialog()
+        }
+      } catch (e) {
+        console.log(e)
+      } finally {
+        this.btnLoading = false
+        this.loading = false
+      }
+    },
+    async applyToFollowup() {
+      try {
+        await this.$confirm(
+          this.$t('trials:adRules:message:msg10'),
+          {
+            type: 'warning',
+            distinguishCancelAndClose: true,
+          }
+        )
+        this.btnLoading = true
+        this.loading = true
+        const res = await applyBaseLineTrialQuestionVisitJudgeRule({
+          trialReadingCriterionId: this.trialReadingCriterionId
+        })
+        if (res.IsSuccess) {
+          this.questionListMap = {}
+          this.visitActiveNamesMap = {}
+          if (this.activeVisitTab) {
+            await this.getList(this.activeVisitTab)
+          }
+          this.$message.success(this.$t('trials:adRules:message:msg9'))
+        }
+      } catch (e) {
+        if (e === 'cancel') return
+        console.log(e)
+      } finally {
+        this.btnLoading = false
+        this.loading = false
+      }
+    },
+    visitTagClose2(index, indexA, visitKey) {
+      this.$confirm(this.$t('trials:adRules:message:msg1')).then(() => {
+        this.questionListMap[visitKey][index].AnswerGroup2List.splice(indexA, 1)
+      })
+    },
+    visitTagClose(index, indexA, visitKey) {
+      this.$confirm(this.$t('trials:adRules:message:msg1')).then(() => {
+        this.questionListMap[visitKey][index].AnswerGroupList.splice(indexA, 1)
+      })
+    },
+    visitAddGroup2(index, visitKey) {
+      const questionList = this.questionListMap[visitKey]
+      if (questionList[index].grouping.length === 0) {
+        this.$alert(this.$t('trials:adRules:message:msg5'))
+        return
+      }
+      let grouping = questionList[index].grouping
+        .toString()
+        .replaceAll(',', '|')
+      questionList[index].AnswerGroup2List.push(`|${grouping}|`)
+      this.$set(questionList[index], 'grouping', [])
+    },
+    visitAddGroup(index, indexA, visitKey) {
+      const questionList = this.questionListMap[visitKey]
+      this.selectIndex = index
+      this.selectVisitKey = visitKey
+      this.type = 'add'
+      if (indexA !== null) {
+        this.indexA = indexA
+        this.type = 'edit'
+        this.$set(
+          questionList[index],
+          'groupingA',
+          questionList[index].AnswerGroupList[indexA].AnswerGroupA
+        )
+        this.$set(
+          questionList[index],
+          'groupingB',
+          questionList[index].AnswerGroupList[indexA].AnswerGroupB
+        )
+      }
+      this.questionVisible = true
+    },
+    async visitReset(ReadingQuestionTrialId, index, visitKey, visitNum) {
+      const questionList = this.questionListMap[visitKey]
+      this.btnLoading = true
+      this.loading = true
+      try {
+        await this.$confirm(this.$t('trials:adRules:message:msg6'))
+        const params = {
+          TrialReadingCriterionId: this.trialReadingCriterionId,
+          VisitNum: visitNum,
+          QuestionList: [
+            {
+              ReadingQuestionTrialId: ReadingQuestionTrialId,
+              AnswerGroup: [],
+              AnswerCombination: [],
+              JudgeType: 0,
+              JudgeDifferenceValue: 0,
+              JudgeDifferenceType: 0
+            }
+          ]
+        }
+        await setTrialQuestionVisitJudgeRule(params)
+        this.$set(questionList[index], 'AnswerGroup2List', [])
+        this.$set(questionList[index], 'AnswerGroupList', [])
+        this.$set(questionList[index], 'JudgeType', 0)
+        this.$set(questionList[index], 'JudgeDifferenceValue', 0)
+        this.$set(questionList[index], 'JudgeDifferenceType', 0)
+
+        this.$message.success(this.$t('trials:adRules:message:msg7'))
+      } catch(e) {
+        console.log(e)
+      } finally {
+        this.btnLoading = false
+        this.loading = false
+      }
+    },
+    async visitApply(ReadingQuestionTrialId, index, visitKey, visitNum) {
+      try {
+        const questionList = this.questionListMap[visitKey]
+        if (questionList[index].JudgeType === 0) {
+          this.$alert(this.$t('trials:adRules:message:msg8'))
+          return
+        }
+        if (
+          questionList[index].JudgeType === 2 &&
+          questionList[index].AnswerGroup2List.length === 0
+        ) {
+          this.$alert(this.$t('trials:adRules:message:msg8'))
+          return
+        }
+        if (
+          questionList[index].JudgeType === 3 &&
+          questionList[index].AnswerGroupList.length === 0
+        ) {
+          this.$alert(this.$t('trials:adRules:message:msg8'))
+          return
+        }
+        if (
+          questionList[index].JudgeType === 4 ||
+          questionList[index].JudgeType === 5
+        ) {
+          const refName = `JudgeDifferenceValue${questionList[index].JudgeType}_${visitKey}_${index}`
+          const validate = await this.$refs[refName][0].validate()
+          if (!validate) return
+        }
+        this.btnLoading = true
+        this.loading = true
+        let params = {
+          TrialReadingCriterionId: this.trialReadingCriterionId,
+          VisitNum: visitNum,
+          QuestionList: [
+            {
+              ReadingQuestionTrialId: ReadingQuestionTrialId,
+              AnswerGroup: questionList[index].AnswerGroup2List,
+              AnswerCombination: questionList[index].AnswerGroupList,
+              JudgeType: questionList[index].JudgeType,
+              JudgeDifferenceValue: questionList[index].JudgeDifferenceValue,
+              JudgeDifferenceType: questionList[index].JudgeDifferenceType
+            }
+          ]
+        }
+        let res = await setTrialQuestionVisitJudgeRule(params)
+        if (res.IsSuccess) {
+          this.$message.success(this.$t('trials:adRules:message:msg9'))
+        }
+      } catch(e) {
+        console.log(e)
+      } finally {
+        this.btnLoading = false
+        this.loading = false
+      }
+    }
+  },
+}
+</script>
+<style scoped>
+.visit-tabs-actions {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 10px;
+  padding: 0 10px;
+}
+
+.visit-tabs ::v-deep .el-tabs__content {
+  min-height: 520px;
+  padding-top: 20px !important;
+}
+</style>

src/views/trials/trials-panel/setting/reading-unit/index.vue

@@ -240,7 +240,6 @@ export default {
       if (ReadingTool === 3) {
         this.readingSegmentTools = getCustomizeStandardsSegmentDicomTools(readingSegmentTools)
       }
-      console.log(this.readingSegmentTools, 'this.readingSegmentTools')
     },
     setIsClinicalReading(isClinicalReading) {
       this.isClinicalReading = isClinicalReading;
@@ -300,11 +299,15 @@ export default {
                 this.$refs["arbitrationRules" + this.TrialReadingCriterionId]
                   .length
               ) {
-                var arbitrationRules = await this.$refs[
+                const arbitrationRulesRef = this.$refs[
                   "arbitrationRules" + this.TrialReadingCriterionId
-                ][0].saveAllSync();
+                ][0];
+                var judgeRuleSaved = await arbitrationRulesRef.saveJugeRule(false);
+                var arbitrationRules = judgeRuleSaved
+                  ? await arbitrationRulesRef.saveAllSync()
+                  : false;
                 isCheckList.push({
-                  isCheck: arbitrationRules,
+                  isCheck: judgeRuleSaved && arbitrationRules,
                   msg: this.$t("trials:readingUnit:adRules"), // '仲裁规则'
                 });
               }
@@ -448,9 +451,6 @@ export default {
         this.$refs[
           "arbitrationRules" + this.TrialReadingCriterionId
         ][0].getList();
-        this.$refs[
-          "arbitrationRules" + this.TrialReadingCriterionId
-        ][0].getTrialJudgyInfo();
       }
     },
   },

src/views/trials/trials-panel/trial-summary/audit-record/components/JsonEditor.vue

@@ -1,142 +0,0 @@
-<template>
-  <div class="json-editor" v-loading="loading">
-    <div class="header">
-      <!-- <span class="title">JSON 编辑</span> -->
-      <el-button type="primary" size="mini" icon="el-icon-check" @click="save">
-        {{ $t('common:button:save') }}
-      </el-button>
-    </div>
-    <div class="json">
-      <json-node
-      :node-key="'root'"
-      :node-value="jsonData"
-      :is-root="true"
-      @update="handleUpdate"
-    />
-    </div>
-    
-  </div>
-</template>
-
-<script>
-import { getInspectionById, setJsonDetail } from '@/api/trials'
-import JsonNode from './JsonNode.vue'
-
-export default {
-  name: 'JsonEditor',
-  components: { JsonNode },
-  props: { 
-    id: {
-      type: String,
-      required: true
-    }
-  },
-  data() {
-    return {
-      loading: false,
-      jsonData: {}
-    }
-  },
-  mounted() {
-    this.getJsonData()
-  },
-  methods: {
-    handleUpdate({ path, value }) {
-      const target = this.getTarget(path.slice(0, -1))
-      this.$set(target, path[path.length - 1], value)
-    },
-    getTarget(path) {
-      let t = this.jsonData
-      path.forEach(k => { t = t[k] })
-      return t
-    },
-    parseValue(val) {
-      if (typeof val === 'string') {
-        try {
-          const parsed = JSON.parse(val)
-          if (parsed && typeof parsed === 'object') {
-            return JSON.parse(JSON.stringify(parsed))
-          }
-        } catch (e) {
-          console.warn(e.message)
-        }
-        return {}
-      }
-      return val ? JSON.parse(JSON.stringify(val)) : {}
-    },
-    async getJsonData() {
-      try {
-        this.loading = true
-        const res = await getInspectionById({ id: this.id })
-        if (res.IsSuccess) {
-          this.jsonData = this.parseValue(res.Result.JsonDetail)
-        }
-      } catch (err) {
-        console.log(err)
-      } finally {
-        this.loading = false
-      }
-    },
-    isValidJsonObject(obj) {
-      if (obj === null || typeof obj !== 'object') return false
-      try {
-        JSON.stringify(obj)
-        return true
-      } catch (e) {
-        console.warn(e.message)
-        return false
-      }
-    },
-    safeClone(obj) {
-      if (this.isValidJsonObject(obj)) {
-        return JSON.parse(JSON.stringify(obj))
-      }
-      return {}
-    },
-    async save() {
-      try {
-        this.loading = true
-        const result = this.safeClone(this.jsonData)
-        const res = await setJsonDetail({ id: this.id, jsonDetail: JSON.stringify(result) })
-        if (res.IsSuccess) {
-          this.$emit('getList')
-          this.$emit('close')
-          this.$message.success(this.$t('common:message:savedSuccessfully'))
-        }
-      } catch (err) {
-        console.log(err)
-      } finally {
-        this.loading = false
-      }
-    }
-  }
-}
-</script>
-
-<style scoped>
-.json-editor {
-  font-family: Consolas, Monaco, monospace;
-  font-size: 13px;
-  line-height: 2;
-  padding: 12px;
-  background: #fafafa;
-  border-radius: 4px;
-}
-.header {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  margin-bottom: 10px;
-  padding-bottom: 8px;
-  border-bottom: 1px solid #ebeef5;
-}
-.title {
-  font-weight: 600;
-  font-size: 14px;
-  color: #303133;
-}
-.json {
-  max-height: 50vh;
-  overflow: auto;
-}
-</style>

src/views/trials/trials-panel/trial-summary/audit-record/components/JsonNode.vue

@@ -1,136 +0,0 @@
-<template>
-  <div class="node" :style="{ paddingLeft: depth * 20 + 'px' }">
-    <span v-if="!isRoot" class="key">
-      {{ isArray ? `[${nodeKey}]` : `"${nodeKey}"` }}:
-    </span>
-
-    <!-- 对象 -->
-    <template v-if="isObject">
-      <span class="bracket">{</span>
-      <div class="children">
-        <json-node
-          v-for="(v, k) in nodeValue"
-          :key="k"
-          :node-key="k"
-          :node-value="v"
-          :depth="depth + 1"
-          :parent-path="currentPath"
-          @update="$emit('update', $event)"
-        />
-      </div>
-      <span class="bracket">}</span>
-    </template>
-
-    <!-- 数组 -->
-    <template v-else-if="isArray">
-      <span class="bracket">[</span>
-      <div class="children">
-        <json-node
-          v-for="(item, i) in nodeValue"
-          :key="i"
-          :node-key="i"
-          :node-value="item"
-          :depth="depth + 1"
-          :parent-path="currentPath"
-          @update="$emit('update', $event)"
-        />
-      </div>
-      <span class="bracket">]</span>
-    </template>
-
-    <!-- 文本 -->
-    <el-input
-      v-else-if="valueType === 'string'"
-      v-model="editVal"
-      size="mini"
-      style="width: 300px"
-      @blur="emitUpdate"
-      @keyup.enter.native="emitUpdate"
-    />
-
-    <!-- 数字 -->
-    <el-input-number
-      v-else-if="valueType === 'number'"
-      v-model="editVal"
-      size="mini"
-      style="width: 140px"
-      @blur="emitUpdate"
-    />
-
-    <!-- 布尔值 -->
-    <el-switch
-      v-else-if="valueType === 'boolean'"
-      v-model="editVal"
-      size="small"
-      @change="emitUpdate"
-    />
-
-    <!-- null -->
-    <el-tag v-else size="mini" type="info">null</el-tag>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'JsonNode',
-  props: {
-    nodeKey: [String, Number],
-    nodeValue: [Object, Array, String, Number, Boolean],
-    depth: { 
-      type: Number, 
-      default: 0 
-    },
-    isRoot: { 
-      type: Boolean, 
-      default: false 
-    },
-    parentPath: { 
-      type: Array, 
-      default: () => [] 
-    }
-  },
-  data() {
-    return { editVal: this.nodeValue }
-  },
-  computed: {
-    isObject() {
-      return this.nodeValue && typeof this.nodeValue === 'object' && !Array.isArray(this.nodeValue)
-    },
-    isArray() {
-      return Array.isArray(this.nodeValue)
-    },
-    valueType() {
-      if (this.nodeValue === null) return 'null'
-      return typeof this.nodeValue
-    },
-    currentPath() {
-      return this.isRoot ? [] : [...this.parentPath, this.nodeKey]
-    }
-  },
-  watch: {
-    nodeValue(v) { this.editVal = v }
-  },
-  methods: {
-    emitUpdate() {
-      this.$emit('update', { path: this.currentPath, value: this.editVal })
-    }
-  }
-}
-</script>
-
-<style scoped>
-.node {
-  padding-bottom: 5px;
-}
-.key { 
-  color: #c7254e;
-  margin-right: 4px; 
-}
-.bracket { 
-  color: #e6a23c; 
-  font-weight: bold; 
-}
-.children { 
-  padding-left: 4px; 
-}
-</style>

src/views/trials/trials-panel/trial-summary/audit-record/index.vue

@@ -194,9 +194,6 @@
             <el-button type="text" @click="lookDetails(scope.row)">
               {{ $t('trials:auditRecord:action:detail') }}
             </el-button>
-            <el-button type="text" @click="edit(scope.row)">
-              {{ $t('common:button:edit') }}
-            </el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -625,20 +622,6 @@
       <!--            :src="openImageUrl"-->
       <!--            style="width: 50px;height: 50px; cursor:pointer">-->
       <!--      </div>-->
-      <!-- <json-editor v-model="data" /> -->
-      <el-dialog 
-        v-if="editDialogVisible" 
-        :visible.sync="editDialogVisible" 
-        :close-on-click-modal="false"
-        :title="$t('common:button:edit') + `${$i18n.locale === 'zh' ? '（' + editRow.DescriptionCN + '）' : '( ' + editRow.Description + ' )'}`" 
-        width="720px"
-        custom-class="base-dialog-wrapper">
-        <json-editor 
-          :id="editRow.Id" 
-          @close="editDialogVisible = false" 
-          @getList="getList"
-        />
-      </el-dialog>
     </template>
   </BaseContainer>
 </template>
@@ -647,12 +630,11 @@
 import {
   getTrialSiteSelect,
   getTrialVisitStageSelect,
-  getTrialCriterionList,
+  getTrialCriterionList
 } from '@/api/trials'
 import { getInspectionList, getInspectionJsonDataList } from '@/api/trials/inspection'
 import { getFrontAuditConfigList, getAuditConfigChildList, getModuleTypeDescriptionList, setInspectionEnumValue, getModuleTypeList } from '@/api/dictionary/checkConfig'
 import Pagination from '@/components/Pagination'
-import JsonEditor from './components/JsonEditor'
 import BaseContainer from '@/components/BaseContainer'
 import BaseModel from '@/components/BaseModel'
 import { getToken } from '@/utils/auth'
@@ -688,7 +670,7 @@ const searchDataDefault = () => {
   }
 }
 export default {
-  components: { BaseContainer, Pagination, JsonEditor, BaseModel },
+  components: { BaseContainer, Pagination, BaseModel },
   dicts: ['OptType', 'ModuleType', 'ChildrenType'],
   data() {
 
@@ -726,10 +708,7 @@ export default {
       imagesList: [],
       moduleTypeList: [],
       list2_total: 0,
-      list2_searchData: {},
+      list2_searchData: {}
-      editDialogVisible: false,
-      jsonData: null,
-      editRow: null
     }
   },
   mounted() {
@@ -1367,12 +1346,7 @@ export default {
       }).catch(() => {
         this.loading = false
       })
-    },
+    }
-    edit(row) {
-      this.editRow = Object.assign({}, row)
-      this.editDialogVisible = true
-
-    },
   }
 }
 </script>

src/views/trials/trials-panel/visit/crc-upload/components/uploadDicomFiles2.vue

@@ -105,7 +105,6 @@
           <el-button icon="el-icon-delete" :title="$t('trials:uploadedDicoms:action:delete')" circle
             :disabled="!isAfresh && data.SubmitState === 2 && data.SubmitTime && moment(data.SubmitTime).isAfter(moment(scope.row.UploadedTime))"
             @click="handleDeleteStudy(scope.row)" />
-          <el-button icon="el-icon-upload2" title="上传" circle @click="upload(scope.row)" />
           <!--          <el-button-->
           <!--            icon="el-icon-toilet-paper"-->
           <!--            circle-->
@@ -424,8 +423,7 @@
       <DicomPreview :uid="uid" :studyList="uploadQueues" />
     </el-dialog>
     <!--pet-ct临床数据上传-->
-    <el-dialog v-if="petVisible" :show-close="true" :close-on-click-modal="false" :visible.sync="petVisible"
+    <el-dialog v-if="petVisible" :show-close="true" :close-on-click-modal="false" :visible.sync="petVisible" append-to-body>
-      append-to-body>
       <uploadPetClinicalData :subject-visit-id="data.Id" :data="data" :studyData="studyData" :allow-add-or-edit="true"
         @getStudyInfo="getStudyInfo" />
     </el-dialog>
@@ -652,7 +650,6 @@ export default {
       BodyPart: {},
 
       isClose: false,
-      StudyInstanceUID: null
     }
   },
   computed: {
@@ -685,10 +682,6 @@ export default {
     this.OSSclient.close()
   },
   methods: {
-    upload(row) {
-      this.StudyInstanceUID = row.StudyInstanceUid
-      this.$refs.pathClear.click()
-    },
     handleDragover(e) {
       e.stopPropagation()
       e.preventDefault()
@@ -1151,7 +1144,7 @@ export default {
             var instanceItem = instanceList.find(function (item) {
               return item.instanceUid === instanceUid
             })
-            if (!false) {
+            if (!instanceItem) {
               var date = data.string('x00080023')
               var time = data.string('x00080033')
               var instanceTime = ''
@@ -1281,12 +1274,11 @@ export default {
     verifyStudy() {
       this.btnLoading = true
       var studyList = []
-      let scope = this
       this.selectArr.forEach((item) => {
         item.dicomInfo.uploadFileSize = 0
         if (!item.uploadState.selected) {
           studyList.push({
-            studyInstanceUid: scope.StudyInstanceUID ? scope.StudyInstanceUID : item.dicomInfo.studyUid,
+            studyInstanceUid: item.dicomInfo.studyUid,
             studyDate: item.dicomInfo.studyTime,
           })
         }
@@ -1301,8 +1293,6 @@ export default {
       batchVerifyStudyAllowUpload(param)
         .then(async (res) => {
           var messageArr = []
-          res.Result = []
-          console.log(res)
           res.Result.forEach((item) => {
             const i = this.uploadQueues.findIndex(
               (value) => value.dicomInfo.studyUid === item.StudyInstanceUid
@@ -1485,21 +1475,8 @@ export default {
       })
     },
     // 上传影像并归档
-    archiveStudy(index, config = {}) {
+    archiveStudy(index, config) {
       var scope = this
-      try {
-        if (!config.AnonymizeFixedList) config.AnonymizeFixedList = []
-        config.AnonymizeFixedList.push(
-          {
-            Element: '000D',
-            Group: '0020',
-            ReplaceValue: scope.StudyInstanceUID,
-            Id: 'StudyInstanceUID'
-          }
-        )
-      } catch (err) {
-        console.log(err)
-      }
       return new Promise(function (resolve, reject) {
         try {
           preArchiveDicomStudy({
@@ -1529,7 +1506,7 @@ export default {
               let t = setInterval(() => {
                 dicomUploadInProgress({
                   trialId: scope.trialId,
-                  studyInstanceUid: scope.StudyInstanceUID ? scope.StudyInstanceUID : dicomInfo.studyUid,
+                  studyInstanceUid: dicomInfo.studyUid,
                 }).then((res) => { })
               }, 5000)
               scope.myInterval.push(t)
@@ -1554,7 +1531,7 @@ export default {
                     dicomInfo.RadiopharmaceuticalStartTime,
 
                   studyId: dicomInfo.studyId,
-                  studyInstanceUid: scope.StudyInstanceUID ? scope.StudyInstanceUID : dicomInfo.studyUid,
+                  studyInstanceUid: dicomInfo.studyUid,
                   studyTime: dicomInfo.studyTime,
                   description: dicomInfo.description,
                   seriesCount: dicomInfo.seriesNum,
@@ -1595,149 +1572,14 @@ export default {
                         try {
                           let o = v.instanceList[ii]
                           let name = `${v.instanceList[ii].file.webkitRelativePath}_${v.instanceList[ii].instanceUid}`
-                          // if (o.isReUpload) {
+                          if (o.isReUpload) {
-                          //   dicomInfo.failedFileCount++
+                            dicomInfo.failedFileCount++
-                          //   dicomInfo.uploadFileSize += o.file.size
+                            dicomInfo.uploadFileSize += o.file.size
-                          //   Record.Existed.push(name)
+                            Record.Existed.push(name)
-                          //   Record.FileCount++
+                            Record.FileCount++
-                          // }
+                          } else if (o.myPath) {
-                          //  else if (o.myPath) {
-                          //   instanceList.push({
-                          //     studyInstanceUid: dicomInfo.studyUid,
-                          //     seriesInstanceUid: v.seriesUid,
-                          //     SOPClassUID: o.SOPClassUID,
-                          //     TransferSytaxUID: o.TransferSytaxUID,
-                          //     MediaStorageSOPInstanceUID:
-                          //       o.MediaStorageSOPInstanceUID,
-                          //     MediaStorageSOPClassUID:
-                          //       o.MediaStorageSOPClassUID,
-                          //     sopInstanceUid: o.instanceUid,
-                          //     instanceNumber: o.instanceNumber,
-                          //     instanceTime: o.instanceTime,
-                          //     imageRows: o.imageRows,
-                          //     imageColumns: o.imageColumns,
-                          //     sliceLocation: o.sliceLocation,
-                          //     sliceThickness: o.sliceThickness,
-                          //     numberOfFrames: o.numberOfFrames,
-                          //     pixelSpacing: o.pixelSpacing,
-                          //     imagerPixelSpacing: o.imagerPixelSpacing,
-                          //     frameOfReferenceUID: o.frameOfReferenceUID,
-                          //     windowCenter: o.windowCenter,
-                          //     windowWidth: o.windowWidth,
-                          //     path: o.myPath,
-                          //     FileSize: o.FileSize,
-
-                          //     PhotometricInterpretation:
-                          //       o.PhotometricInterpretation,
-                          //     BitsAllocated: o.BitsAllocated,
-                          //     PixelRepresentation: o.PixelRepresentation,
-                          //     RescaleIntercept: o.RescaleIntercept,
-                          //     RescaleSlope: o.RescaleSlope,
-                          //     ImagePositionPatient: o.ImagePositionPatient,
-                          //     ImageOrientationPatient:
-                          //       o.ImageOrientationPatient,
-                          //     SequenceOfUltrasoundRegions:
-                          //       o.SequenceOfUltrasoundRegions,
-                          //     FrameTime: o.FrameTime,
-                          //     CorrectedImage: o.CorrectedImage,
-                          //     Units: o.Units,
-                          //     DecayCorrection: o.DecayCorrection,
-                          //     EncapsulatedDocument: o.EncapsulatedDocument,
-                          //   })
-                          //   Record.Uploaded.push(name)
-                          //   dicomInfo.failedFileCount++
-                          //   Record.FileCount++
-                          // }
-                          //  else {
-                          let path = `/${params.trialId}/Image/${params.subjectId
-                            }/${params.subjectVisitId}/${dicomInfo.studyUid
-                            }/${scope.getGuid(
-                              dicomInfo.studyUid +
-                              v.seriesUid +
-                              o.instanceUid +
-                              params.trialId
-                            )}`
-                          if (scope.isClose) return
-                          console.log(o.file)
-                          let res = await dcmUpload(
-                            {
-                              path: path,
-                              file: o.file,
-                              speed: true,
-                            },
-                            config,
-                            (percentage, checkpoint, lastPer) => {
-                              dicomInfo.uploadFileSize +=
-                                checkpoint.size * (percentage - lastPer)
-                              if (
-                                dicomInfo.uploadFileSize > dicomInfo.fileSize
-                              ) {
-                                dicomInfo.uploadFileSize = dicomInfo.fileSize
-                              }
-                              if (
-                                Math.abs(
-                                  dicomInfo.uploadFileSize -
-                                  dicomInfo.fileSize
-                                ) < 5000
-                              ) {
-                                dicomInfo.uploadFileSize = dicomInfo.fileSize
-                              }
-                            },
-                            {
-                              fileName: o.file.name,
-                              fileSize: o.file.size,
-                              fileType: 'application/dicom',
-                              uploadBatchId: uploadBatchId,
-                              batchDataType: 1,
-                              trialId: params.trialId,
-                              subjectId: params.subjectId,
-                              subjectVisitId: params.subjectVisitId,
-                            }
-                          )
-                          if (!res || !res.url) {
-                            params.failedFileCount++
-                          } else {
-                            if (ii === 0 && o.modality !== 'SR') {
-                              try {
-                                let fileId =
-                                  cornerstoneWADOImageLoader.wadouri.fileManager.add(
-                                    o.file
-                                  )
-                                let blob = await scope.dicomToPng(
-                                  fileId,
-                                  o.imageColumns,
-                                  o.imageRows
-                                )
-
-                                let thumbnailPath = `/${params.trialId}/Image/${params.subjectId}/${params.subjectVisitId}/${dicomInfo.studyUid}/${v.seriesUid}.jpg`
-                                let OSSclient = scope.OSSclient
-                                let seriesRes = await OSSclient.put(
-                                  thumbnailPath,
-                                  blob,
-                                  {
-                                    fileName: `${v.seriesUid}.jpg`,
-                                    fileSize: blob.size,
-                                    fileType: 'image/jpeg',
-                                    uploadBatchId: uploadBatchId,
-                                    batchDataType: 2,
-                                    trialId: params.trialId,
-                                    subjectId: params.subjectId,
-                                    subjectVisitId: params.subjectVisitId,
-                                  }
-                                )
-                                if (seriesRes && seriesRes.url) {
-                                  ImageResizePath = scope.$getObjectName(
-                                    seriesRes.url
-                                  )
-                                }
-                              } catch (e) {
-                                console.log(e)
-                              }
-                            }
-                          }
-                          if (res && res.url) {
                             instanceList.push({
-                              studyInstanceUid: scope.StudyInstanceUID ? scope.StudyInstanceUID : dicomInfo.studyUid,
+                              studyInstanceUid: dicomInfo.studyUid,
                               seriesInstanceUid: v.seriesUid,
                               SOPClassUID: o.SOPClassUID,
                               TransferSytaxUID: o.TransferSytaxUID,
@@ -1758,7 +1600,7 @@ export default {
                               frameOfReferenceUID: o.frameOfReferenceUID,
                               windowCenter: o.windowCenter,
                               windowWidth: o.windowWidth,
-                              path: scope.$getObjectName(res.url),
+                              path: o.myPath,
                               FileSize: o.FileSize,
 
                               PhotometricInterpretation:
@@ -1778,15 +1620,148 @@ export default {
                               DecayCorrection: o.DecayCorrection,
                               EncapsulatedDocument: o.EncapsulatedDocument,
                             })
-                            o.myPath = scope.$getObjectName(res.url)
                             Record.Uploaded.push(name)
                             dicomInfo.failedFileCount++
                             Record.FileCount++
                           } else {
-                            Record.Failed.push(name)
+                            let path = `/${params.trialId}/Image/${params.subjectId
-                            Record.FileCount++
+                              }/${params.subjectVisitId}/${dicomInfo.studyUid
+                              }/${scope.getGuid(
+                                dicomInfo.studyUid +
+                                v.seriesUid +
+                                o.instanceUid +
+                                params.trialId
+                              )}`
+                            if (scope.isClose) return
+                            console.log(o.file)
+                            let res = await dcmUpload(
+                              {
+                                path: path,
+                                file: o.file,
+                                speed: true,
+                              },
+                              config,
+                              (percentage, checkpoint, lastPer) => {
+                                dicomInfo.uploadFileSize +=
+                                  checkpoint.size * (percentage - lastPer)
+                                if (
+                                  dicomInfo.uploadFileSize > dicomInfo.fileSize
+                                ) {
+                                  dicomInfo.uploadFileSize = dicomInfo.fileSize
+                                }
+                                if (
+                                  Math.abs(
+                                    dicomInfo.uploadFileSize -
+                                    dicomInfo.fileSize
+                                  ) < 5000
+                                ) {
+                                  dicomInfo.uploadFileSize = dicomInfo.fileSize
+                                }
+                              },
+                              {
+                                fileName: o.file.name,
+                                fileSize: o.file.size,
+                                fileType: 'application/dicom',
+                                uploadBatchId: uploadBatchId,
+                                batchDataType: 1,
+                                trialId: params.trialId,
+                                subjectId: params.subjectId,
+                                subjectVisitId: params.subjectVisitId,
+                              }
+                            )
+                            if (!res || !res.url) {
+                              params.failedFileCount++
+                            } else {
+                              if (ii === 0 && o.modality !== 'SR') {
+                                try {
+                                  let fileId =
+                                    cornerstoneWADOImageLoader.wadouri.fileManager.add(
+                                      o.file
+                                    )
+                                  let blob = await scope.dicomToPng(
+                                    fileId,
+                                    o.imageColumns,
+                                    o.imageRows
+                                  )
+
+                                  let thumbnailPath = `/${params.trialId}/Image/${params.subjectId}/${params.subjectVisitId}/${dicomInfo.studyUid}/${v.seriesUid}.jpg`
+                                  let OSSclient = scope.OSSclient
+                                  let seriesRes = await OSSclient.put(
+                                    thumbnailPath,
+                                    blob,
+                                    {
+                                      fileName: `${v.seriesUid}.jpg`,
+                                      fileSize: blob.size,
+                                      fileType: 'image/jpeg',
+                                      uploadBatchId: uploadBatchId,
+                                      batchDataType: 2,
+                                      trialId: params.trialId,
+                                      subjectId: params.subjectId,
+                                      subjectVisitId: params.subjectVisitId,
+                                    }
+                                  )
+                                  if (seriesRes && seriesRes.url) {
+                                    ImageResizePath = scope.$getObjectName(
+                                      seriesRes.url
+                                    )
+                                  }
+                                } catch (e) {
+                                  console.log(e)
+                                }
+                              }
+                            }
+                            if (res && res.url) {
+                              instanceList.push({
+                                studyInstanceUid: dicomInfo.studyUid,
+                                seriesInstanceUid: v.seriesUid,
+                                SOPClassUID: o.SOPClassUID,
+                                TransferSytaxUID: o.TransferSytaxUID,
+                                MediaStorageSOPInstanceUID:
+                                  o.MediaStorageSOPInstanceUID,
+                                MediaStorageSOPClassUID:
+                                  o.MediaStorageSOPClassUID,
+                                sopInstanceUid: o.instanceUid,
+                                instanceNumber: o.instanceNumber,
+                                instanceTime: o.instanceTime,
+                                imageRows: o.imageRows,
+                                imageColumns: o.imageColumns,
+                                sliceLocation: o.sliceLocation,
+                                sliceThickness: o.sliceThickness,
+                                numberOfFrames: o.numberOfFrames,
+                                pixelSpacing: o.pixelSpacing,
+                                imagerPixelSpacing: o.imagerPixelSpacing,
+                                frameOfReferenceUID: o.frameOfReferenceUID,
+                                windowCenter: o.windowCenter,
+                                windowWidth: o.windowWidth,
+                                path: scope.$getObjectName(res.url),
+                                FileSize: o.FileSize,
+
+                                PhotometricInterpretation:
+                                  o.PhotometricInterpretation,
+                                BitsAllocated: o.BitsAllocated,
+                                PixelRepresentation: o.PixelRepresentation,
+                                RescaleIntercept: o.RescaleIntercept,
+                                RescaleSlope: o.RescaleSlope,
+                                ImagePositionPatient: o.ImagePositionPatient,
+                                ImageOrientationPatient:
+                                  o.ImageOrientationPatient,
+                                SequenceOfUltrasoundRegions:
+                                  o.SequenceOfUltrasoundRegions,
+                                FrameTime: o.FrameTime,
+                                CorrectedImage: o.CorrectedImage,
+                                Units: o.Units,
+                                DecayCorrection: o.DecayCorrection,
+                                EncapsulatedDocument: o.EncapsulatedDocument,
+                              })
+                              o.myPath = scope.$getObjectName(res.url)
+                              Record.Uploaded.push(name)
+                              dicomInfo.failedFileCount++
+                              Record.FileCount++
+                            } else {
+                              Record.Failed.push(name)
+                              Record.FileCount++
+                            }
                           }
-                          // }
                           resolve1()
                         } catch (e) {
                           console.log(e)
@@ -1804,7 +1779,7 @@ export default {
                   }
                 }
                 params.study.seriesList.push({
-                  studyInstanceUid: scope.StudyInstanceUID ? scope.StudyInstanceUID : dicomInfo.studyUid,
+                  studyInstanceUid: dicomInfo.studyUid,
                   seriesInstanceUid: v.seriesUid,
                   seriesNumber: v.seriesNumber,
                   seriesTime: v.seriesTime,

src/views/trials/trials-panel/visit/crc-upload/index.vue

@@ -300,7 +300,19 @@
         <!-- 审核完成时间 -->
         <el-table-column prop="AuditTime" :label="$t('trials:crcUpload:table:auditTime')" show-overflow-tooltip
           width="170" />
-        <el-table-column :label="$t('common:action:action')" width="250" fixed="right">
+        <el-table-column v-if="
+          hasPermi(
+            [
+              'trials:trials-panel:visit:crc-upload:upload',
+              'trials:trials-panel:visit:crc-upload:submit',
+              'trials:trials-panel:visit:crc-upload:edit',
+              'trials:trials-panel:visit:crc-upload:delete',
+              'trials:trials-panel:visit:crc-upload:back',
+              'trials:trials-panel:visit:crc-upload:authBack'
+            ],
+            '||'
+          )
+        " :label="$t('common:action:action')" width="250" fixed="right">
           <template slot-scope="scope">
             <!-- 上传 -->
             <el-button v-hasPermi="['trials:trials-panel:visit:crc-upload:upload']" icon="el-icon-upload2" :disabled="!isOCTorIVUS && (scope.row.SubmitState * 1 === 2 ||
@@ -308,8 +320,10 @@
               scope.row.IsLostVisit || (scope.row.IsSubjectQuit && scope.row.SubmitState * 1 !== 2))
               " circle :title="$t('trials:crcUpload:action:upload')" @click="CRChandleUpload(scope.row)" />
             <!-- 上传2 -->
-            <el-button icon="el-icon-upload2"
+            <el-button icon="el-icon-upload2" v-hasPermi="['trials:trials-panel:visit:crc-upload:upload2']" :disabled="!isOCTorIVUS && (scope.row.SubmitState * 1 === 2 ||
-              circle :title="$t('trials:crcUpload:action:upload')" @click="CRChandleUpload2(scope.row)" />
+              scope.row.VisitExecuted === 2 ||
+              scope.row.IsLostVisit || (scope.row.IsSubjectQuit && scope.row.SubmitState * 1 !== 2))
+              " circle :title="$t('trials:crcUpload:action:upload')" @click="CRChandleUpload2(scope.row)" />
             <!-- 提交 -->
             <el-button v-hasPermi="['trials:trials-panel:visit:crc-upload:submit']" icon="el-icon-check" :disabled="scope.row.AuditState * 1 > 0 ||
               scope.row.SubmitState * 1 !== 1 ||

src/views/trials/trials-panel/visit/qc-check/components/qualityAssurance.vue

@@ -644,7 +644,7 @@
               <el-input v-model="studyForm.Modalities" disabled />
             </el-form-item>
             <!-- 检查类型 -->
-            <el-form-item v-else :label="$t('trials:audit:table:modality')" prop="Modalities" :rules="[
+            <el-form-item v-else :label="$t('trials:audit:table:modality')" prop="Modality" :rules="[
               {
                 required: true,
                 message: $t('common:ruleMessage:specify'),

vue.config.js

@@ -52,7 +52,7 @@ module.exports = defineConfig({
       },
 
       '/api': {
-        target: 'http://192.168.3.99:6100',
+        target: 'http://106.14.89.110:30000',
         // target: 'http://101.132.253.119:7010', // uat
         changeOrigin: true,
         secure: false,
@@ -135,11 +135,18 @@ module.exports = defineConfig({
           test: /\.wasm$/,
           type: 'asset/resource'
         }
-      ]
+      ],
+      exprContextCritical: false,
     },
     optimization: {
       splitChunks: {
         chunks: 'all',
+        minSize: 30000,         //字节 引入的文件大于30kb才进行分割
+        maxSize: 5000000,         //50kb，尝试将大于50kb的文件拆分成n个50kb的文件
+        minChunks: 1,           //模块至少使用次数
+        maxAsyncRequests: 30,    //同时加载的模块数量最多是5个，只分割出同时引入的前5个文件
+        maxInitialRequests: 30,  //首页加载的时候引入的文件最多3个
+        automaticNameDelimiter: '_', //缓存组和生成文件名称之间的连接符
         cacheGroups: {
           libs: { // 第三方库
             name: 'chunk-libs',