Compare commits
100 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b977f1ab1d | |||
| a7dffe94a9 | |||
| d0f1e35e40 | |||
| e9b0ec3c0f | |||
| 2691020e62 | |||
| f8e86e7b27 | |||
| 120f5db62a | |||
| 7f65376c94 | |||
| 53101bc811 | |||
| 8c931a2cbb | |||
| a6c3ae8e05 | |||
| e2b105cf39 | |||
| de5c46c916 | |||
| b2ea219acc | |||
| 2b04301d1c | |||
| ee58ae4a22 | |||
| e497a31608 | |||
| 31c268450a | |||
| 3b69f5de32 | |||
| ca5663d00a | |||
| c85505c7b0 | |||
| 38ef9c9d58 | |||
| b7696cdf38 | |||
| 0c8ac0e011 | |||
| a13bad3a1f | |||
| 9f8cab4e50 | |||
| 9a748b0c8a | |||
| 9b596ce0ed | |||
| 967688e94e | |||
| 0bbb93d663 | |||
| 9448805f36 | |||
| 5bbbd9334e | |||
| 9256970662 | |||
| c53890add7 | |||
| cbd860a35e | |||
| 7e9eb1f3a5 | |||
| 254e43ac3d | |||
| 8d4ba686e8 | |||
| cebfc0b88d | |||
| 88b79e4aa1 | |||
| 3bf3503c99 | |||
| a969eabc44 | |||
| 7dbade1527 | |||
| a628d75217 | |||
| 577bbcd182 | |||
| c580c70bd0 | |||
| c339adb73f | |||
| fe5b1a805b | |||
| 4a93aac236 | |||
| e972179753 | |||
| a3e79db023 | |||
| 3e454a75d6 | |||
| 79d59cbc4a | |||
| 0f19a612b7 | |||
| 3dcd03252e | |||
| 783b54ff66 | |||
| 6064971ff8 | |||
| 8cef0141a4 | |||
| 60415e41d1 | |||
| d7e85aa766 | |||
| ef4d6420f3 | |||
| b6ffcd3d6b | |||
| 914a6af94a | |||
| fee7e80929 | |||
| d065b8b2c1 | |||
| 52445f3791 | |||
| c4f8e08b91 | |||
| f7968667f6 | |||
| 24303b208d | |||
| 296c251847 | |||
| 3b9e5cddb7 | |||
| d11092338d | |||
| 848427ac3c | |||
| d70cffe306 | |||
| 0cd44bf4c6 | |||
| a2939e52b2 | |||
| 99e6f700c3 | |||
| 45c50bf67d | |||
| 19e3177e23 | |||
| 437010c0f7 | |||
| 01b3d6e85e | |||
| cb032485e1 | |||
| 4b771a9d70 | |||
| 86321d8405 | |||
| b9f3b24608 | |||
| bde8a7d572 | |||
| 267ee60fc2 | |||
| ef891857c4 | |||
| 787f6425e0 | |||
| 4929bb594d | |||
| 4b9c2a073b | |||
| 861c7022b9 | |||
| 21e0568b90 | |||
| ffc9372c25 | |||
| a58a6e4931 | |||
| 6ac94ec1a0 | |||
| ddc175961c | |||
| 098a838c1e | |||
| 6bb7d47511 | |||
| 8e641300d2 |
@@ -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
|
||||
|
||||
+4
-1
@@ -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
|
||||
|
||||
@@ -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'
|
||||
Generated
+10
@@ -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",
|
||||
|
||||
@@ -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",
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 7.7 KiB After Width: | Height: | Size: 21 KiB |
Binary file not shown.
@@ -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
|
||||
})
|
||||
}
|
||||
|
||||
@@ -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
|
||||
})
|
||||
}
|
||||
|
||||
@@ -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
|
||||
})
|
||||
}
|
||||
|
||||
+1
-21
@@ -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,
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
@@ -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
|
||||
})
|
||||
}
|
||||
|
||||
@@ -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({
|
||||
|
||||
@@ -213,10 +213,6 @@ export default {
|
||||
},
|
||||
|
||||
methods: {
|
||||
getInfo() {
|
||||
var image = cornerstone.getImage(this.canvas)
|
||||
return image
|
||||
},
|
||||
loadImageStack(dicomSeries, text = '') {
|
||||
this.tip = text
|
||||
this.$nextTick(() => {
|
||||
|
||||
@@ -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,
|
||||
fileKey: null,
|
||||
file: null,
|
||||
isEdit: 0
|
||||
}
|
||||
},
|
||||
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
|
||||
|
||||
@@ -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
|
||||
}
|
||||
|
||||
@@ -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')"
|
||||
@click.stop="remove(scope.row)" />
|
||||
<el-button circle :disabled="!scope.row.UploadStudyList ||
|
||||
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) {
|
||||
// dicomInfo.failedFileCount++
|
||||
// dicomInfo.uploadFileSize += o.file.size
|
||||
// Record.Existed.push(name)
|
||||
// Record.FileCount++
|
||||
// }
|
||||
// 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) {
|
||||
if (o.isReUpload) {
|
||||
dicomInfo.failedFileCount++
|
||||
dicomInfo.uploadFileSize += o.file.size
|
||||
Record.Existed.push(name)
|
||||
Record.FileCount++
|
||||
} else if (o.myPath) {
|
||||
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)
|
||||
Record.FileCount++
|
||||
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,
|
||||
},
|
||||
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,
|
||||
|
||||
@@ -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: {
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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',
|
||||
|
||||
@@ -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)
|
||||
|
||||
@@ -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,
|
||||
Modality: blob.Modality
|
||||
image: blob.pixelDataElement
|
||||
})
|
||||
// let OSSclientA = await OSSclient
|
||||
// let blob = await encoder(file)
|
||||
|
||||
+17
-17
@@ -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('.')
|
||||
? fileName.split('.').pop().toLowerCase()
|
||||
: ''
|
||||
const fileType = fileName.includes('.')
|
||||
? 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('.')
|
||||
? fileName.split('.').pop().toLowerCase()
|
||||
: ''
|
||||
const fileType = fileName.includes('.')
|
||||
? 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('.')
|
||||
? fileName.split('.').pop().toLowerCase()
|
||||
: ''
|
||||
const fileType = fileName.includes('.')
|
||||
? fileName.split('.').pop().toLowerCase()
|
||||
: ''
|
||||
let params = { trialId, path: decodeUtf8(curPath), fileName, fileType }
|
||||
addOrUpdateFileUploadRecord(params)
|
||||
}
|
||||
|
||||
+9
-3
@@ -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) {
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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"
|
||||
:currentSeriesIndex="currentSeriesIndex" @loadStudy="loadStudy" />
|
||||
:modality="modality" :Comparison.sync="isComparison" @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;
|
||||
|
||||
@@ -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 v-else-if="NODE_ENV === 'usa'" src="@/assets/zzlogo-usa.png" alt="" class="usa-logo" />
|
||||
<img v-else src="@/assets/zzlogo4.png" alt="" />
|
||||
<img src="@/assets/zzlogo-usa.png" alt="" class="usa-logo" />
|
||||
</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 class="title" v-else>
|
||||
<!-- </div> -->
|
||||
<!-- <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') }}
|
||||
|
||||
@@ -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>
|
||||
+157
-35
@@ -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 { getQueryString } from '@/utils/history.js'
|
||||
import { getSiteSurveyInfo, trialSurveySubmit, submissionRejection, getSiteSurveyLogList } from '@/api/research'
|
||||
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 (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)
|
||||
if (this.isLog) {
|
||||
getSiteSurveyLogList({ trialSiteSurveyId: this.trialSiteSurveyId, Id: this.logId }).then(r => {
|
||||
if (r.Result && r.Result[0].Json) {
|
||||
let res = {
|
||||
Result: JSON.parse(r.Result[0].Json)
|
||||
}
|
||||
})
|
||||
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>
|
||||
|
||||
@@ -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'),
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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'),
|
||||
|
||||
@@ -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-col :span="12">
|
||||
<el-form-item
|
||||
:label="$t('system:Setting:label:Blind Name')"
|
||||
prop="BlindName"
|
||||
>
|
||||
<el-input
|
||||
v-model="form.BlindName"
|
||||
clearable
|
||||
:maxlength="400"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-row>
|
||||
<el-col :span="12"> -->
|
||||
<el-form-item
|
||||
:label="$t('system:Setting:label:Blind Name')"
|
||||
prop="BlindName"
|
||||
>
|
||||
<el-input
|
||||
v-model="form.BlindName"
|
||||
clearable
|
||||
:maxlength="400"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<!-- </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"
|
||||
|
||||
@@ -591,32 +591,9 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="file" v-if="isAll && hasFile">
|
||||
<div
|
||||
class="curriculum"
|
||||
v-if="
|
||||
(resumeListCN && resumeListCN.length > 0) ||
|
||||
(resumeListEN && resumeListEN.length > 0)
|
||||
"
|
||||
>
|
||||
<div class="curriculum" v-if="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"
|
||||
|
||||
@@ -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 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'">
|
||||
<!-- 中心影像系统(EICS) -->
|
||||
<img src="@/assets/title-logo.png" alt="" class="title-logo" />
|
||||
<!-- <span style="white-space: nowrap" v-if="NODE_ENV !== 'usa'">
|
||||
{{ $t('trials:trials:title:eics') }}
|
||||
</span>
|
||||
</span> -->
|
||||
</div>
|
||||
<div class="center-menu">
|
||||
<NoticeMarquee />
|
||||
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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
|
||||
v-for="(item,index) of siteOptions"
|
||||
:key="index"
|
||||
:label="item.TrialSiteCode"
|
||||
:value="item.TrialSiteId"
|
||||
/>
|
||||
<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: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
|
||||
v-model="searchData.TrialRoleCode"
|
||||
style="width:120px;"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item of dict.type.SiteSurvey_UserRoles"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="parseInt(item.raw.Code)"
|
||||
/>
|
||||
<el-select v-model="searchData.TrialRoleCode" style="width:120px;" 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
|
||||
v-model="searchData.IsGenerateAccount"
|
||||
style="width:120px;"
|
||||
clearable
|
||||
>
|
||||
<el-option v-for="item of $d.YesOrNo" :key="`IsGenerateAccount${item.value}`" :label="item.label" :value="item.value" />
|
||||
<el-select v-model="searchData.IsGenerateAccount" style="width:120px;" 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
|
||||
v-model="searchData.UserTypeId"
|
||||
style="width:120px;"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item of userTypeOptions"
|
||||
:key="item.Id"
|
||||
:label="item.UserTypeShortName"
|
||||
:value="item.Id"
|
||||
>
|
||||
<el-select v-model="searchData.UserTypeId" 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
|
||||
v-hasPermi="['trials:trials-panel:attachments:site-research:summary-record:sendEmail']"
|
||||
type="primary"
|
||||
icon="el-icon-message"
|
||||
:loading="sendEmailLoading"
|
||||
:disabled="selectArr.length === 0"
|
||||
@click="handleSendEmail"
|
||||
>
|
||||
<el-button v-hasPermi="['trials:trials-panel:attachments:site-research:summary-record:sendEmail']"
|
||||
type="primary" 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
|
||||
type="primary"
|
||||
icon="el-icon-download"
|
||||
:disabled="list.length === 0"
|
||||
@click="handleExport"
|
||||
>
|
||||
<el-button 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
|
||||
ref="researchUsers"
|
||||
v-loading="loading"
|
||||
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 ref="researchUsers" v-loading="loading" v-adaptive="{ bottomOffset: 55 }" :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
|
||||
prop="TrialSiteSurvey.TrialSiteCode"
|
||||
:label="$t('trials:researchStaff:table:siteId')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
min-width="100"
|
||||
>
|
||||
<el-table-column prop="TrialSiteSurvey.TrialSiteCode" :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
|
||||
prop="TrialSiteSurvey.SiteName"
|
||||
:label="$t('trials:researchStaff:table:siteName')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
min-width="120"
|
||||
>
|
||||
<el-table-column prop="TrialSiteSurvey.SiteName" :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
|
||||
prop="LastName"
|
||||
:label="$t('trials:researchStaff:table:Name')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
min-width="100"
|
||||
>
|
||||
<el-table-column prop="LastName" :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
|
||||
prop="TrialRoleCode"
|
||||
:label="$t('trials:researchStaff:table:role')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
min-width="100"
|
||||
>
|
||||
<el-table-column prop="TrialRoleCode" :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
|
||||
prop="Phone"
|
||||
:label="$t('trials:researchStaff:table:phone')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
min-width="120"
|
||||
/>
|
||||
<el-table-column prop="Phone" :label="$t('trials:researchStaff:table:phone')" show-overflow-tooltip
|
||||
sortable="custom" min-width="120" />
|
||||
<!-- 邮箱 -->
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
:label="$t('trials:researchStaff:table:email')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
min-width="150"
|
||||
/>
|
||||
<el-table-column prop="Email" :label="$t('trials:researchStaff:table:email')" show-overflow-tooltip
|
||||
sortable="custom" min-width="150" />
|
||||
<!-- 单位 -->
|
||||
<el-table-column
|
||||
prop="OrganizationName"
|
||||
:label="$t('trials:researchStaff:table:organization')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
min-width="100"
|
||||
/>
|
||||
<el-table-column prop="OrganizationName" :label="$t('trials:researchStaff:table:organization')"
|
||||
show-overflow-tooltip sortable="custom" min-width="100" />
|
||||
<!-- 是否生成账号 -->
|
||||
<el-table-column
|
||||
prop="IsGenerateAccount"
|
||||
:label="$t('trials:researchStaff:table:isGenerateAccount')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
min-width="130"
|
||||
>
|
||||
<el-table-column prop="IsGenerateAccount" :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
|
||||
prop="UserType"
|
||||
:label="$t('trials:researchStaff:table:userType')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
min-width="100"
|
||||
/>
|
||||
<el-table-column prop="UserType" :label="$t('trials:researchStaff:table:userType')" show-overflow-tooltip
|
||||
sortable="custom" min-width="100" />
|
||||
<!-- 是否加入 -->
|
||||
<el-table-column
|
||||
prop="IsJoin"
|
||||
:label="$t('trials:researchStaff:table:isJoin')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
min-width="100"
|
||||
>
|
||||
<el-table-column prop="IsJoin" :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()
|
||||
|
||||
@@ -1,670 +1,208 @@
|
||||
<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 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 class="step-wrapper">
|
||||
<el-steps :active="activeStatus" align-center :space="300">
|
||||
<!-- 中心填写 -->
|
||||
<el-step :title="$t('trials:siteResearch:timeline:step1')" class="click_cursor"
|
||||
@click.native="handleClick(0)" />
|
||||
<!-- SPM审核 -->
|
||||
<el-step v-if="isSPMJoin" :title="$t('trials:siteResearch:timeline:step2')" class="click_cursor"
|
||||
@click.native="handleClick(1)" />
|
||||
<!-- PM审核 -->
|
||||
<el-step :title="$t('trials:siteResearch:timeline:step3')" class="click_cursor"
|
||||
@click.native="handleClick(2)" />
|
||||
<!-- 审核完毕 -->
|
||||
<el-step :title="$t('trials:siteResearch:timeline:step14')" class="click_cursor"
|
||||
@click.native="handleClick(3)" />
|
||||
</el-steps>
|
||||
<div class="step-content">
|
||||
<ResearchList ref="researchList" :isAudit="isAudit" />
|
||||
</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>
|
||||
</div>
|
||||
</BaseContainer>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
getTrialSiteSurveyList,
|
||||
getTrialSiteSelect,
|
||||
abandonSiteSurvey,
|
||||
setTrialLinkExpirationTime,
|
||||
getTrialLinkExpirationTime,
|
||||
getLinkLinkExpirationTime,
|
||||
} from '@/api/trials'
|
||||
import { changeURLStatic } from '@/utils/history.js'
|
||||
import { getTrialIsSPMJoin } from '@/api/research'
|
||||
import BaseContainer from '@/components/BaseContainer'
|
||||
import Pagination from '@/components/Pagination'
|
||||
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,
|
||||
}
|
||||
}
|
||||
import ResearchList from './components/ResearchList'
|
||||
export default {
|
||||
name: 'SiteResearchList',
|
||||
components: { BaseContainer, Pagination, Users, ResearchForm, BaseModel, ImageManual },
|
||||
name: 'SiteResearch',
|
||||
components: {
|
||||
BaseContainer,
|
||||
ResearchList
|
||||
},
|
||||
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'
|
||||
isSPMJoin: true,
|
||||
activeStatus: 0
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
activeStatus: {
|
||||
deep: true,
|
||||
immediate: true,
|
||||
handler(v) {
|
||||
this.$nextTick(() => {
|
||||
if (!this.isSPMJoin && v > 0) {
|
||||
this.$refs['researchList'].searchData.State = v + 1
|
||||
} else {
|
||||
this.$refs['researchList'].searchData.State = v
|
||||
}
|
||||
],
|
||||
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,
|
||||
this.$refs['researchList'].getList()
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
},
|
||||
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.getSite()
|
||||
this.getTrialIsSPMJoin()
|
||||
},
|
||||
methods: {
|
||||
async getLinkTimeIsExpired() {
|
||||
async getTrialIsSPMJoin() {
|
||||
try {
|
||||
let data = {
|
||||
TrialId: this.$route.query.trialId,
|
||||
let 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
|
||||
let res = await getLinkLinkExpirationTime(data)
|
||||
this.shareLoading = false
|
||||
if (res.IsSuccess) {
|
||||
this.isExpired = res.Result.IsIsExpired
|
||||
}
|
||||
} catch (err) {
|
||||
this.shareLoading = false
|
||||
console.log(err)
|
||||
} catch (e) {
|
||||
console.log(e)
|
||||
}
|
||||
|
||||
},
|
||||
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)
|
||||
}
|
||||
handleClick(step) {
|
||||
this.activeStatus = step
|
||||
if (!this.isSPMJoin && step > 0) this.activeStatus = step - 1
|
||||
},
|
||||
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,
|
||||
.share {
|
||||
width: 55%;
|
||||
.step-wrapper {
|
||||
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;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
border: 1px solid #c0c4cc;
|
||||
border-radius: 5px;
|
||||
box-shadow: 1px 1px 5px #c0c4cc;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.el-steps {
|
||||
height: 80px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.dateBox {
|
||||
margin: 10px;
|
||||
.step-content {
|
||||
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 {
|
||||
display: block;
|
||||
margin: 10px auto;
|
||||
p {
|
||||
padding: 0;
|
||||
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>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -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) {
|
||||
|
||||
@@ -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"
|
||||
:StudyInstanceUID="StudyInstanceUID" />
|
||||
:visit-task-id="taskId" :is-reading-task-view-in-order="isReadingTaskViewInOrder" :isReading="true" />
|
||||
<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,
|
||||
fileKey: null,
|
||||
file: null,
|
||||
StudyInstanceUID: null
|
||||
ManualsClose: false
|
||||
}
|
||||
},
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -189,11 +189,22 @@
|
||||
</template>
|
||||
|
||||
<!-- 计算值 -->
|
||||
<Questions ref="ecrf2" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
|
||||
:group-classify="4" style="margin-top:20px" />
|
||||
<Questions
|
||||
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()
|
||||
DicomEvent.$emit('getReportInfo', true)
|
||||
this.upload.visible = false
|
||||
try {
|
||||
await this.refreshQuestions()
|
||||
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')
|
||||
|
||||
@@ -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,
|
||||
y: canvasDiv.offsetHeight / 2 - img.height / 2 - 25
|
||||
x: canvasDiv.offsetWidth / 2 - this.canvasSize.width / 2,
|
||||
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 fromY = e.data.handles.start.y
|
||||
var toX = e.data.handles.end.x
|
||||
var toY = e.data.handles.end.y
|
||||
var start = this.scalePoint(e.data.handles.start)
|
||||
var end = this.scalePoint(e.data.handles.end)
|
||||
var fromX = start.x
|
||||
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.lineTo(toX * this.imgZoom, toY * this.imgZoom)
|
||||
ctx.moveTo(fromX, fromY)
|
||||
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,
|
||||
// this.canvasMouseStart.y,
|
||||
// e.offsetX - this.canvasMouseStart.x,
|
||||
// e.offsetY - this.canvasMouseStart.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
|
||||
start.x,
|
||||
start.y,
|
||||
end.x - start.x,
|
||||
end.y - 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') {
|
||||
|
||||
@@ -189,11 +189,22 @@
|
||||
</template>
|
||||
|
||||
<!-- 计算值 -->
|
||||
<Questions ref="ecrf2" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
|
||||
:group-classify="4" style="margin-top:20px" />
|
||||
<Questions
|
||||
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()
|
||||
DicomEvent.$emit('getReportInfo', true)
|
||||
this.upload.visible = false
|
||||
try {
|
||||
await this.refreshQuestions()
|
||||
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')
|
||||
|
||||
@@ -279,84 +279,86 @@ export default {
|
||||
})
|
||||
},
|
||||
|
||||
handleSave() {
|
||||
if (this.saveLoading) return
|
||||
async handleSave(options = {}) {
|
||||
if (this.saveLoading) return false
|
||||
this.saveLoading = true
|
||||
this.$refs['questions'].validate(async (valid) => {
|
||||
if (!valid) {
|
||||
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()
|
||||
const valid = await new Promise(resolve => {
|
||||
this.$refs['questions'].validate(v => resolve(v))
|
||||
})
|
||||
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
|
||||
// }
|
||||
|
||||
saveTaskQuestion(this.questionType, params).then(async res => {
|
||||
try {
|
||||
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'))
|
||||
var trialId = this.$route.query.trialId
|
||||
await store.dispatch('reading/refreshDicomReadingQuestionAnswer', { trialId: trialId, visitTaskId: this.visitTaskId })
|
||||
this.getQuestions(this.visitTaskId, true)
|
||||
if (!options.silentSuccess) {
|
||||
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
||||
}
|
||||
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++) {
|
||||
|
||||
@@ -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-task-view-in-order="isReadingTaskViewInOrder" @loadImageStack="loadImageStack"
|
||||
:is-reading-show-subject-info="isReadingShowSubjectInfo" :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"
|
||||
|
||||
@@ -1,11 +1,9 @@
|
||||
<template>
|
||||
<div v-loading="loading" class="study-wrapper">
|
||||
<h4 v-if="isReadingShowSubjectInfo"
|
||||
style="color: #ddd;padding: 5px 0px;margin: 0;text-align: center;background-color: #4c4c4c;">
|
||||
<h4 v-if="isReadingShowSubjectInfo" style="color: #ddd;padding: 5px 0px;margin: 0;text-align: center;background-color: #4c4c4c;">
|
||||
{{ subjectCode }}
|
||||
</h4>
|
||||
<h4 v-if="isReadingShowSubjectInfo"
|
||||
style="color: #ddd;padding: 5px 0px;margin: 0;text-align: center;background-color: #4c4c4c;margin-bottom: 5px;">
|
||||
<h4 v-if="isReadingShowSubjectInfo" 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 style="text-overflow: ellipsis;overflow: hidden;">
|
||||
|
||||
<span v-if="taskInfo && taskInfo.IsShowStudyName && study.StudyName" :title="study.StudyName">
|
||||
{{ study.StudyName }}
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
v-else
|
||||
class="dicom-desc"
|
||||
style="white-space: normal;"
|
||||
>
|
||||
<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>
|
||||
<div style="text-overflow: ellipsis;overflow: hidden;">
|
||||
|
||||
<span v-if="taskInfo && taskInfo.IsShowStudyName && study.StudyName" :title="study.StudyName">
|
||||
{{study.StudyName}}
|
||||
</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;"
|
||||
series-type="current" @click="showSeriesImage(index, i, series)">
|
||||
<div
|
||||
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">
|
||||
<el-image class="image-preview" :src="series.previewImageUrl" fit="fill" crossorigin="anonymous" />
|
||||
<div
|
||||
: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
|
||||
v-if="series.isDicom && series.prefetchInstanceCount < series.instanceCount * 100 && series.modality !== 'SR'">
|
||||
<div v-if="series.isDicom && series.prefetchInstanceCount<series.instanceCount * 100 && series.modality!== 'SR'">
|
||||
<!-- 下载 -->
|
||||
<el-tooltip v-if="!series.isLoading" 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 v-if="!series.isLoading" 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>
|
||||
<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">
|
||||
<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 v-else-if="series.isDicom && series.prefetchInstanceCount === 0 &&series.modality!== 'SR'" 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"
|
||||
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
|
||||
v-for="(instance, idx) in series.instanceInfoList"
|
||||
:key="instance.Id"
|
||||
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 ?
|
||||
instance.KeyFramesList.length : instance.NumberOfFrames : 1} frame` }}</div>
|
||||
<div>{{ `${instance.NumberOfFrames > 0 ? instance.KeyFramesList.length > 0 ? instance.KeyFramesList.length : instance.NumberOfFrames : 1} frame` }}</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<i slot="reference" class="el-icon-connection"
|
||||
style="font-size: 15px;cursor: pointer;color: #ffeb3b;" />
|
||||
<i slot="reference" class="el-icon-connection" 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
|
||||
v-if="measureData && measureData.findIndex(v => v.SeriesId === series.seriesId && v.MeasureData) > -1">
|
||||
<div 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')"
|
||||
placement="right">
|
||||
<el-tooltip class="item" effect="dark" :content="$t('trials:reading:button:marked')" placement="right">
|
||||
<i class="el-icon-star-on" style="font-size: 16px;color: #ff5722;" />
|
||||
</el-tooltip>
|
||||
|
||||
@@ -146,10 +155,10 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
v-if="series.isDicom && series.prefetchInstanceCount > 0 && series.prefetchInstanceCount < series.instanceCount * 100"
|
||||
style="width: 100%;">
|
||||
<el-progress :percentage="parseInt((series.prefetchInstanceCount / series.instanceCount).toFixed(2))" />
|
||||
<div v-if="series.isDicom && series.prefetchInstanceCount>0 && series.prefetchInstanceCount<series.instanceCount * 100" style="width: 100%;">
|
||||
<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"
|
||||
:custom-class="isSrFullscreen ? 'sr-full-dialog-container' : 'sr-dialog-container'" :show-close="false"
|
||||
:close-on-click-modal="false" :fullscreen="isSrFullscreen">
|
||||
<el-dialog
|
||||
:visible.sync="srDialogVisible"
|
||||
: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'"
|
||||
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="isSrFullscreen?'exit-fullscreen':'fullscreen'" 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" />
|
||||
</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.studyList[obj.studyIndex].SeriesList[obj.seriesIndex].isFirstRender = true
|
||||
this.activeNames = [`${this.studyList[ this.studyIndex].StudyId}`]
|
||||
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 {
|
||||
::v-deep .el-progress-bar__inner {
|
||||
.study-wrapper{
|
||||
::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;
|
||||
border: 1px solid #607d8b !important;
|
||||
background-color: #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 {
|
||||
padding-right: 0px;
|
||||
.el-progress-bar{
|
||||
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 {
|
||||
background-color: #000 !important;
|
||||
.el-collapse-item{
|
||||
background-color: #000!important;
|
||||
color: #ddd;
|
||||
|
||||
}
|
||||
|
||||
.el-collapse-item__content {
|
||||
padding-bottom: 5px;
|
||||
background-color: #000 !important;
|
||||
.el-collapse-item__content{
|
||||
padding-bottom:5px;
|
||||
background-color: #000!important;
|
||||
}
|
||||
|
||||
.el-collapse-item__header {
|
||||
background-color: #000 !important;
|
||||
.el-collapse-item__header{
|
||||
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 {
|
||||
::v-deep .el-dialog {
|
||||
.sr-wrapper{
|
||||
::v-deep .el-dialog{
|
||||
background: #fff !important;
|
||||
border: 1px solid #ddd;
|
||||
|
||||
// color: #ddd;
|
||||
.el-dialog__title {
|
||||
color: #fff;
|
||||
.el-dialog__title{
|
||||
color:#fff;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .sr-dialog-container {
|
||||
::v-deep .sr-dialog-container{
|
||||
margin-top: 50px !important;
|
||||
width: 75%;
|
||||
height: 80%;
|
||||
width:75%;
|
||||
height:80%;
|
||||
}
|
||||
|
||||
::v-deep .el-dialog__body {
|
||||
padding: 10px;
|
||||
height: calc(100% - 50px);
|
||||
::v-deep .el-dialog__body{
|
||||
padding: 10px;
|
||||
height: calc(100% - 50px);
|
||||
}
|
||||
|
||||
.el-dialog__header {
|
||||
.el-dialog__header{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sr-full-dialog-container {
|
||||
::v-deep .is-fullscreen .el-dialog__body {
|
||||
.sr-full-dialog-container{
|
||||
::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;
|
||||
}
|
||||
|
||||
|
||||
@@ -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)
|
||||
}
|
||||
}
|
||||
@@ -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
|
||||
|
||||
@@ -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"
|
||||
:content="$t('trials:reading:button:upload')" placement="bottom">
|
||||
<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')">
|
||||
<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"
|
||||
: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" />
|
||||
@@ -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,
|
||||
fileKey: null,
|
||||
file: null,
|
||||
StudyInstanceUID: null
|
||||
ManualsClose: false
|
||||
}
|
||||
},
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
store.dispatch('reading/setVisitTaskReadingTaskState', { visitTaskId: this.visitTaskId, readingTaskState: 1 })
|
||||
DicomEvent.$emit('setReadingState', 1)
|
||||
this.readingTaskState = 2
|
||||
store.dispatch('reading/setVisitTaskReadingTaskState', { visitTaskId: this.visitTaskId, readingTaskState: 2 })
|
||||
DicomEvent.$emit('setReadingState', 2)
|
||||
window.opener.postMessage('refreshTaskList', window.location)
|
||||
this.$confirm(this.$t('trials:oncologyReview:title:msg2'), {
|
||||
type: 'warning',
|
||||
|
||||
+3
-3
@@ -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
|
||||
DicomEvent.$emit('setReadingState', 1)
|
||||
this.readingTaskState = res.OtherInfo.ReadingTaskState
|
||||
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') {
|
||||
|
||||
@@ -1,11 +1,9 @@
|
||||
<template>
|
||||
<div v-loading="loading" class="study-wrapper">
|
||||
<h4 v-if="isReadingShowSubjectInfo"
|
||||
style="color: #ddd;padding: 5px 0px;margin: 0;text-align: center;background-color: #4c4c4c;">
|
||||
<h4 v-if="isReadingShowSubjectInfo" style="color: #ddd;padding: 5px 0px;margin: 0;text-align: center;background-color: #4c4c4c;">
|
||||
{{ subjectCode }}
|
||||
</h4>
|
||||
<h4 v-if="isReadingShowSubjectInfo"
|
||||
style="color: #ddd;padding: 5px 0px;margin: 0;text-align: center;background-color: #4c4c4c;margin-bottom: 5px;">
|
||||
<h4 v-if="isReadingShowSubjectInfo" 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"
|
||||
style="width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
|
||||
<div
|
||||
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>
|
||||
<div style="text-overflow: ellipsis;overflow: hidden;" :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;"
|
||||
series-type="current" @click="showSeriesImage(index, i, series)">
|
||||
<div
|
||||
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">
|
||||
<el-image class="image-preview" :src="series.previewImageUrl" fit="fill" crossorigin="anonymous" />
|
||||
<div
|
||||
: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
|
||||
v-if="series.isDicom && series.prefetchInstanceCount < series.instanceCount * 100 && series.modality !== 'SR'">
|
||||
<div v-if="series.isDicom && series.prefetchInstanceCount<series.instanceCount * 100 && series.modality!== 'SR'">
|
||||
<!-- 下载 -->
|
||||
<el-tooltip v-if="!series.isLoading" 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 v-if="!series.isLoading" 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>
|
||||
<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">
|
||||
<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 v-else-if="series.isDicom && series.prefetchInstanceCount === 0 &&series.modality!== 'SR'" 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"
|
||||
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
|
||||
v-for="(instance, idx) in series.instanceInfoList"
|
||||
:key="instance.Id"
|
||||
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 ?
|
||||
instance.KeyFramesList.length : instance.NumberOfFrames : 1} frame` }}</div>
|
||||
<div>{{ `${instance.NumberOfFrames > 0 ? instance.KeyFramesList.length > 0 ? instance.KeyFramesList.length : instance.NumberOfFrames : 1} frame` }}</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<i slot="reference" class="el-icon-connection"
|
||||
style="font-size: 15px;cursor: pointer;color: #ffeb3b;" />
|
||||
<i slot="reference" class="el-icon-connection" 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
|
||||
v-if="measureData && measureData.findIndex(v => v.SeriesId === series.seriesId && v.MeasureData) > -1">
|
||||
<div 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')"
|
||||
placement="right">
|
||||
<el-tooltip class="item" effect="dark" :content="$t('trials:reading:button:marked')" placement="right">
|
||||
<i class="el-icon-star-on" style="font-size: 16px;color: #ff5722;" />
|
||||
</el-tooltip>
|
||||
|
||||
@@ -122,10 +131,10 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
v-if="series.isDicom && series.prefetchInstanceCount > 0 && series.prefetchInstanceCount < series.instanceCount * 100"
|
||||
style="width: 100%;">
|
||||
<el-progress :percentage="parseInt((series.prefetchInstanceCount / series.instanceCount).toFixed(2))" />
|
||||
<div v-if="series.isDicom && series.prefetchInstanceCount>0 && series.prefetchInstanceCount<series.instanceCount * 100" style="width: 100%;">
|
||||
<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"
|
||||
:custom-class="isSrFullscreen ? 'sr-full-dialog-container' : 'sr-dialog-container'" :show-close="false"
|
||||
:close-on-click-modal="false" :fullscreen="isSrFullscreen">
|
||||
<el-dialog
|
||||
:visible.sync="srDialogVisible"
|
||||
: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'"
|
||||
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="isSrFullscreen?'exit-fullscreen':'fullscreen'" 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" />
|
||||
</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.studyList[obj.studyIndex].SeriesList[obj.seriesIndex].isFirstRender = true
|
||||
this.activeNames = [`${this.studyList[ this.studyIndex].StudyId}`]
|
||||
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 {
|
||||
::v-deep .el-progress-bar__inner {
|
||||
.study-wrapper{
|
||||
::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;
|
||||
border: 1px solid #607d8b !important;
|
||||
background-color: #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 {
|
||||
padding-right: 0px;
|
||||
.el-progress-bar{
|
||||
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 {
|
||||
background-color: #000 !important;
|
||||
.el-collapse-item{
|
||||
background-color: #000!important;
|
||||
color: #ddd;
|
||||
|
||||
}
|
||||
|
||||
.el-collapse-item__content {
|
||||
padding-bottom: 5px;
|
||||
background-color: #000 !important;
|
||||
.el-collapse-item__content{
|
||||
padding-bottom:5px;
|
||||
background-color: #000!important;
|
||||
}
|
||||
|
||||
.el-collapse-item__header {
|
||||
background-color: #000 !important;
|
||||
.el-collapse-item__header{
|
||||
background-color: #000!important;
|
||||
color: #ddd;
|
||||
border-bottom-color: #5a5a5a;
|
||||
border-bottom-color:#5a5a5a;
|
||||
padding-left: 5px;
|
||||
height: 40px;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.sr-wrapper {
|
||||
::v-deep .el-dialog {
|
||||
.sr-wrapper{
|
||||
::v-deep .el-dialog{
|
||||
background: #fff !important;
|
||||
border: 1px solid #ddd;
|
||||
|
||||
// color: #ddd;
|
||||
.el-dialog__title {
|
||||
color: #fff;
|
||||
.el-dialog__title{
|
||||
color:#fff;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .sr-dialog-container {
|
||||
::v-deep .sr-dialog-container{
|
||||
margin-top: 50px !important;
|
||||
width: 75%;
|
||||
height: 80%;
|
||||
width:75%;
|
||||
height:80%;
|
||||
}
|
||||
|
||||
::v-deep .el-dialog__body {
|
||||
padding: 10px;
|
||||
height: calc(100% - 50px);
|
||||
::v-deep .el-dialog__body{
|
||||
padding: 10px;
|
||||
height: calc(100% - 50px);
|
||||
}
|
||||
|
||||
.el-dialog__header {
|
||||
.el-dialog__header{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sr-full-dialog-container {
|
||||
::v-deep .is-fullscreen .el-dialog__body {
|
||||
.sr-full-dialog-container{
|
||||
::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;
|
||||
|
||||
@@ -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: {
|
||||
|
||||
@@ -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)
|
||||
}
|
||||
|
||||
@@ -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) {
|
||||
|
||||
@@ -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, {
|
||||
|
||||
+2
-2
@@ -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' }" /> -->
|
||||
|
||||
+109
-62
@@ -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
|
||||
width="200px">
|
||||
<el-table-column
|
||||
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
|
||||
:multiple="scope.row.OptionTypeEnum === 1">
|
||||
v-model="questionForm[scope.row.QuestionId]"
|
||||
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].join(',') :
|
||||
questionForm[scope.row.QuestionId]
|
||||
questionForm[scope.row.QuestionId] && Array.isArray(questionForm[scope.row.QuestionId]) ?
|
||||
questionForm[scope.row.QuestionId].join(',') :
|
||||
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)">
|
||||
<template v-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit">
|
||||
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"
|
||||
>
|
||||
{{
|
||||
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]}
|
||||
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]}
|
||||
${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]))
|
||||
?
|
||||
questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId] :
|
||||
`${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]}
|
||||
%` }}
|
||||
</template>
|
||||
<template v-else>
|
||||
{{
|
||||
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]}`
|
||||
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]}`
|
||||
}}
|
||||
</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
|
||||
?
|
||||
$fd('ValueUnit', scope.row.Unit) : scope.row.CustomUnit}` }}
|
||||
questionForm[scope.row.QuestionId] : `${questionForm[scope.row.QuestionId]} ${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])) ?
|
||||
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,
|
||||
item)).join(",") : $fd(scope.row.DictionaryCode,
|
||||
scope.row.Answers[task.VisitTaskId])}}
|
||||
? scope.row.Answers[task.VisitTaskId].map(item => $fd(scope.row.DictionaryCode,
|
||||
item)).join(",") : $fd(scope.row.DictionaryCode,
|
||||
scope.row.Answers[task.VisitTaskId])}}
|
||||
</template>
|
||||
<template v-else-if="criterionType === 10">
|
||||
{{
|
||||
isNaN(parseInt(scope.row.Answers[task.VisitTaskId])) ? 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]}`
|
||||
}}
|
||||
</template>
|
||||
<template
|
||||
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">
|
||||
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"
|
||||
>
|
||||
{{
|
||||
isNaN(parseInt(scope.row.Answers[task.VisitTaskId])) ? 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.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"
|
||||
custom-class="base-dialog-wrapper">
|
||||
<el-dialog
|
||||
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)
|
||||
}, 0) / dataArr.length
|
||||
return acc + (typeof curr === 'number' ? curr : 0)
|
||||
}, 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
|
||||
: 0
|
||||
? 1
|
||||
: 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
|
||||
: 0
|
||||
? 1
|
||||
: 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'
|
||||
)}</a></div>`
|
||||
'trials:reading:tip:openFile'
|
||||
)}</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;
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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() {
|
||||
|
||||
@@ -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 })
|
||||
|
||||
@@ -1,94 +1,127 @@
|
||||
<template>
|
||||
<BaseContainer>
|
||||
<div slot="search-container">
|
||||
<el-form :inline="true">
|
||||
<!-- 受试者编号 -->
|
||||
<el-form-item :label="$t('trials:pendingReadingTasks:table:subjectCode')">
|
||||
<el-input v-model="searchData.SubjectCode" style="width: 130px" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<!-- 查询 -->
|
||||
<el-button type="primary" icon="el-icon-search" @click="handleSearch">
|
||||
{{ $t('common:button:search') }}
|
||||
</el-button>
|
||||
<!-- 重置 -->
|
||||
<el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
|
||||
{{ $t('common:button:reset') }}
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div slot="main-container">
|
||||
<el-table v-adaptive="{ bottomOffset: 75 }" :data="list" stripe height="100" @sort-change="handleSortChange"
|
||||
v-loading="loading">
|
||||
<el-table-column type="index" width="40" align="left" />
|
||||
<el-table-column prop="IsUrgent" :label="$t('trials:consistencyCheck:table:isUrgent')"
|
||||
show-overflow-tooltip min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-tag :type="scope.row.IsUrgent
|
||||
? 'danger' : 'primary'
|
||||
">{{ $fd('YesOrNo', scope.row.IsUrgent) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 受试者编号 -->
|
||||
<el-table-column prop="SubjectCode" min-width="100"
|
||||
:label="$t('trials:pendingReadingTasks:table:subjectCode')" show-overflow-tooltip
|
||||
sortable="custom" />
|
||||
<!-- 访视数量 -->
|
||||
<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')"
|
||||
<div>
|
||||
<el-tabs type="border-card" v-model="activeName">
|
||||
<template v-for="item in tabPaneList">
|
||||
<el-tab-pane :label="$t(`uploadDicomAndNonedicom:label:TargetSection_${item}`)" :name="item">
|
||||
<BaseContainer v-if="activeName == item">
|
||||
<div slot="search-container">
|
||||
<el-form :inline="true">
|
||||
<!-- 受试者编号 -->
|
||||
<el-form-item :label="$t('trials:pendingReadingTasks:table:subjectCode')">
|
||||
<el-input v-model="searchData.SubjectCode" style="width: 130px" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<!-- 查询 -->
|
||||
<el-button type="primary" icon="el-icon-search" @click="handleSearch">
|
||||
{{ $t('common:button:search') }}
|
||||
</el-button>
|
||||
<!-- 重置 -->
|
||||
<el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
|
||||
{{ $t('common:button:reset') }}
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div slot="main-container">
|
||||
<el-table v-adaptive="{ bottomOffset: 85 }" :data="list" stripe height="100"
|
||||
@sort-change="handleSortChange" v-loading="loading">
|
||||
<el-table-column type="index" width="40" align="left" />
|
||||
<el-table-column prop="IsUrgent" :label="$t('trials:consistencyCheck:table:isUrgent')"
|
||||
show-overflow-tooltip min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-tag :type="scope.row.IsUrgent
|
||||
? 'danger' : 'primary'
|
||||
">{{ $fd('YesOrNo', scope.row.IsUrgent) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 受试者编号 -->
|
||||
<el-table-column prop="SubjectCode" min-width="100"
|
||||
:label="$t('trials:pendingReadingTasks:table:subjectCode')" show-overflow-tooltip
|
||||
sortable="custom" />
|
||||
<!-- 访视数量 -->
|
||||
<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检查数量 -->
|
||||
<!-- <el-table-column prop="NoneDicomStudyCount"
|
||||
<!-- 非dicom检查数量 -->
|
||||
<!-- <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')"
|
||||
show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
<span>{{ `${scope.row.MarkIVUSVisitCount || 0}/${scope.row.MarkOCTVisitCount || 0}` }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 标记dicom检查数量 -->
|
||||
<!-- <el-table-column prop="MarkDicomStudyCount"
|
||||
<!-- 标记访视数量 -->
|
||||
<el-table-column prop="MarkVisitCount"
|
||||
:label="$t('trials:pendingReadingTasks:table:MarkVisitCount')" show-overflow-tooltip
|
||||
sortable="custom">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.MarkIVUSVisitCount || 0
|
||||
}}</span>
|
||||
</template>
|
||||
</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检查数量 -->
|
||||
<!-- <el-table-column prop="MarkNoneDicomStudyCount"
|
||||
<!-- 标记非dicom检查数量 -->
|
||||
<!-- <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-button :disabled="scope.row.ExistReadingApply" circle :title="scope.row.ExistReadingApply
|
||||
<!-- 下载时间 -->
|
||||
<el-table-column prop="LatestDownloadTime" min-width="100"
|
||||
:label="$t('trials:pendingReadingTasks:table:latestDownloadTime')"
|
||||
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"
|
||||
: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')"
|
||||
@click="openUploadImage(scope.row, 'download')" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize"
|
||||
@pagination="getList" />
|
||||
</div>
|
||||
<upload-dicom-and-nonedicom v-if="uploadImageVisible" :SubjectId="uploadSubjectId"
|
||||
:SubjectCode="uploadSubjectCode" :Criterion="uploadTrialCriterion" :visible.sync="uploadImageVisible"
|
||||
:IsImageSegment="true" :forbid="forbid" />
|
||||
<download-dicom-and-nonedicom v-if="downloadImageVisible" :SubjectId="uploadSubjectId"
|
||||
:SubjectCode="uploadSubjectCode" :Criterion="uploadTrialCriterion" :visible.sync="downloadImageVisible"
|
||||
:IsImageSegment="true" :forbid="forbid" />
|
||||
</BaseContainer>
|
||||
<!-- 上传 -->
|
||||
<el-button v-hasPermi="['role:ir', 'role:pm', 'role:apm']" circle
|
||||
icon="el-icon-upload2"
|
||||
: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')"
|
||||
@click="openUploadImage(scope.row, 'download')" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination class="page" :total="total" :page.sync="searchData.PageIndex"
|
||||
:limit.sync="searchData.PageSize" @pagination="getList" />
|
||||
</div>
|
||||
<upload-dicom-and-nonedicom v-if="uploadImageVisible" :SubjectId="uploadSubjectId"
|
||||
:SubjectCode="uploadSubjectCode" :Criterion="uploadTrialCriterion"
|
||||
:visible.sync="uploadImageVisible" :IsImageSegment="true" :forbid="forbid" />
|
||||
<download-dicom-and-nonedicom v-if="downloadImageVisible" :SubjectId="uploadSubjectId"
|
||||
: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
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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() {
|
||||
|
||||
+208
-115
@@ -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-radio-group v-model="JudgyInfo.ArbitrationRule" :disabled="OtherInfo.IsSign">
|
||||
<el-form-item :label="$t('trials:adRules:title:arbitrationRule')">
|
||||
<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 ||
|
||||
!hasPermi(['trials:trials-panel:setting:reading-unit:edit'])
|
||||
" :label="item.value" v-if="
|
||||
item.value < 4 ||
|
||||
(item.value > 3 &&
|
||||
(QuestionList[index].Type === 'number' ||
|
||||
QuestionList[index].Type === 'calculation'))
|
||||
">
|
||||
<el-radio
|
||||
style="margin-bottom: 5px"
|
||||
:key="item.id"
|
||||
:disabled="isSign || !hasPermi(['trials:trials-panel:setting:reading-unit:edit'])"
|
||||
:label="item.value"
|
||||
v-if="
|
||||
(['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('|')">
|
||||
<el-checkbox v-if="QuestionList[selectIndex].QuestionGenre !== 3" :key="item" :label="item" :disabled="QuestionList[selectIndex].groupingB.length
|
||||
? ~QuestionList[selectIndex].groupingB.indexOf(item)
|
||||
: false
|
||||
">{{ item }}</el-checkbox>
|
||||
<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.length
|
||||
? ~QuestionList[selectIndex].groupingB.indexOf(item.value)
|
||||
: false
|
||||
">{{ item.label }}</el-checkbox>
|
||||
<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>
|
||||
<!-- 阅片人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('|')">
|
||||
<el-checkbox v-if="QuestionList[selectIndex].QuestionGenre !== 3" :key="item" :label="item" :disabled="QuestionList[selectIndex].groupingA.length
|
||||
? ~QuestionList[selectIndex].groupingA.indexOf(item)
|
||||
: false
|
||||
">{{ item }}</el-checkbox>
|
||||
<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.length
|
||||
? ~QuestionList[selectIndex].groupingA.indexOf(item.value)
|
||||
: false
|
||||
">{{ item.label }}</el-checkbox>
|
||||
<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>
|
||||
@@ -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], 'groupingB', [])
|
||||
$set(QuestionList[selectIndex], 'groupingA', [])
|
||||
$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
|
||||
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
|
||||
})
|
||||
await this.initData()
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.getList()
|
||||
this.getTrialJudgyInfo()
|
||||
async mounted() {
|
||||
await this.initData()
|
||||
},
|
||||
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) => {
|
||||
console.log(res)
|
||||
.then(() => {
|
||||
resolve(true)
|
||||
})
|
||||
.catch((res) => {
|
||||
console.log('进入catch')
|
||||
.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() {
|
||||
this.loading = true
|
||||
getTrialJudgyInfo({
|
||||
TrialId: this.$route.query.trialId,
|
||||
TrialReadingCriterionId: this.trialReadingCriterionId,
|
||||
})
|
||||
.then((res) => {
|
||||
this.JudgyInfo = res.Result
|
||||
this.loading = false
|
||||
})
|
||||
.catch((v) => {
|
||||
this.loading = false
|
||||
async getTrialJudgyInfo() {
|
||||
try {
|
||||
this.loading = true
|
||||
const res = await getTrialJudgyInfo({
|
||||
TrialId: this.$route.query.trialId,
|
||||
TrialReadingCriterionId: this.trialReadingCriterionId,
|
||||
})
|
||||
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', [])
|
||||
|
||||
+955
@@ -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>
|
||||
@@ -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();
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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: {},
|
||||
editDialogVisible: false,
|
||||
jsonData: null,
|
||||
editRow: null
|
||||
list2_searchData: {}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
@@ -1367,12 +1346,7 @@ export default {
|
||||
}).catch(() => {
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
edit(row) {
|
||||
this.editRow = Object.assign({}, row)
|
||||
this.editDialogVisible = true
|
||||
|
||||
},
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -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"
|
||||
append-to-body>
|
||||
<el-dialog v-if="petVisible" :show-close="true" :close-on-click-modal="false" :visible.sync="petVisible" 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) {
|
||||
// dicomInfo.failedFileCount++
|
||||
// dicomInfo.uploadFileSize += o.file.size
|
||||
// Record.Existed.push(name)
|
||||
// Record.FileCount++
|
||||
// }
|
||||
// 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) {
|
||||
if (o.isReUpload) {
|
||||
dicomInfo.failedFileCount++
|
||||
dicomInfo.uploadFileSize += o.file.size
|
||||
Record.Existed.push(name)
|
||||
Record.FileCount++
|
||||
} else if (o.myPath) {
|
||||
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)
|
||||
Record.FileCount++
|
||||
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: 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,
|
||||
|
||||
@@ -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"
|
||||
circle :title="$t('trials:crcUpload:action:upload')" @click="CRChandleUpload2(scope.row)" />
|
||||
<el-button icon="el-icon-upload2" v-hasPermi="['trials:trials-panel:visit:crc-upload:upload2']" :disabled="!isOCTorIVUS && (scope.row.SubmitState * 1 === 2 ||
|
||||
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 ||
|
||||
|
||||
@@ -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'),
|
||||
|
||||
+9
-2
@@ -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',
|
||||
|
||||
Reference in New Issue
Block a user