Compare commits
No commits in common. "main" and "v1.12.0" have entirely different histories.
|
@ -3044,13 +3044,7 @@ export function readClinicalData(param) {
|
||||||
data: param
|
data: param
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
export function viewstudyPart(param) {
|
|
||||||
return request({
|
|
||||||
url: `/ReadingImageTask/viewstudyPart`,
|
|
||||||
method: 'post',
|
|
||||||
data: param
|
|
||||||
})
|
|
||||||
}
|
|
||||||
export function getCustomQuestionPreview(param) {
|
export function getCustomQuestionPreview(param) {
|
||||||
return request({
|
return request({
|
||||||
url: `/ReadingQuestion/getCustomQuestionPreview`,
|
url: `/ReadingQuestion/getCustomQuestionPreview`,
|
||||||
|
@ -4235,50 +4229,3 @@ export function getVisitStage(data) {
|
||||||
data
|
data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
// 稽查管理-列表
|
|
||||||
export function getAuditRecordList(data) {
|
|
||||||
return request({
|
|
||||||
url: `/AuditDocument/getAuditRecordList`,
|
|
||||||
method: 'post',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 稽查管理-列表(EA)
|
|
||||||
export function getAuditRecordSelectList(data) {
|
|
||||||
return request({
|
|
||||||
url: `/AuditDocument/getAuditRecordSelectList`,
|
|
||||||
method: 'post',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 稽查管理-列表新增修改
|
|
||||||
export function addOrUpdateAuditRecord(data) {
|
|
||||||
return request({
|
|
||||||
url: `/AuditDocument/addOrUpdateAuditRecord`,
|
|
||||||
method: 'post',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 稽查管理-文档授权
|
|
||||||
export function setAuditRecordPermission(data) {
|
|
||||||
return request({
|
|
||||||
url: `/AuditDocument/setAuditRecordPermission`,
|
|
||||||
method: 'post',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 稽查管理-人员管理
|
|
||||||
export function addOrDeleteAuditRecordUser(data) {
|
|
||||||
return request({
|
|
||||||
url: `/AuditDocument/addOrDeleteAuditRecordUser`,
|
|
||||||
method: 'put',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 稽查管理-删除
|
|
||||||
export function deleteAuditRecord(auditRecordId) {
|
|
||||||
return request({
|
|
||||||
url: `/AuditDocument/deleteAuditRecord/${auditRecordId}`,
|
|
||||||
method: 'delete'
|
|
||||||
})
|
|
||||||
}
|
|
Binary file not shown.
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 55 KiB |
|
@ -116,7 +116,7 @@ export default {
|
||||||
components: { DicomTags },
|
components: { DicomTags },
|
||||||
computed: {
|
computed: {
|
||||||
NSTip() {
|
NSTip() {
|
||||||
return `${this.$store.state.trials.downloadSize}, NS: ${this.$store.state.trials.downloadTip}`
|
return `${this.$store.state.trials.uploadSize}, NS: ${this.$store.state.trials.uploadTip}`
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
|
|
@ -149,13 +149,13 @@ export default {
|
||||||
open: null,
|
open: null,
|
||||||
downloadId: null,
|
downloadId: null,
|
||||||
IsReadingTaskViewInOrder: 0, // 阅片规则
|
IsReadingTaskViewInOrder: 0, // 阅片规则
|
||||||
bodyPart: {},
|
bodyPart: [],
|
||||||
modelTaskId: null,
|
modelTaskId: null,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async mounted() {
|
async mounted() {
|
||||||
this.bodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
|
|
||||||
this.getList()
|
this.getList()
|
||||||
|
this.bodyPart = await this.$getBodyPart(this.$route.query.trialId)
|
||||||
this.title = `Download Images:${this.SubjectCode}(${this.Criterion.TrialReadingCriterionName})`
|
this.title = `Download Images:${this.SubjectCode}(${this.Criterion.TrialReadingCriterionName})`
|
||||||
},
|
},
|
||||||
beforeDestroy() {
|
beforeDestroy() {
|
||||||
|
|
|
@ -283,7 +283,6 @@ export default {
|
||||||
}
|
}
|
||||||
if (this.visitTaskId) {
|
if (this.visitTaskId) {
|
||||||
this.form.VisitTaskId = this.visitTaskId
|
this.form.VisitTaskId = this.visitTaskId
|
||||||
this.form.QuestionType = 6
|
|
||||||
}
|
}
|
||||||
if (this.SubjectVisitId) {
|
if (this.SubjectVisitId) {
|
||||||
this.form.SubjectVisitId = this.SubjectVisitId
|
this.form.SubjectVisitId = this.SubjectVisitId
|
||||||
|
|
|
@ -406,15 +406,17 @@ export default {
|
||||||
subjectVisitId: null,
|
subjectVisitId: null,
|
||||||
errStudyUidList: [],
|
errStudyUidList: [],
|
||||||
open: null,
|
open: null,
|
||||||
bodyPart: {},
|
bodyPart: [],
|
||||||
openIsUpload: false,
|
openIsUpload: false,
|
||||||
TrialModality: [],
|
TrialModality: [],
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
async mounted() {
|
async mounted() {
|
||||||
this.trialId = this.$route.query.trialId
|
this.trialId = this.$route.query.trialId
|
||||||
this.bodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
|
this.bodyPart = await this.$getBodyPart(this.$route.query.trialId)
|
||||||
this.getList()
|
|
||||||
this.uploadQueues = []
|
this.uploadQueues = []
|
||||||
this.OSSclient.close()
|
this.OSSclient.close()
|
||||||
},
|
},
|
||||||
|
@ -644,7 +646,6 @@ export default {
|
||||||
resolve()
|
resolve()
|
||||||
})
|
})
|
||||||
var validFilesCount = 0
|
var validFilesCount = 0
|
||||||
scope.uploadQueues = []
|
|
||||||
for (var i = 0; i < checkFiles.length; ++i) {
|
for (var i = 0; i < checkFiles.length; ++i) {
|
||||||
; (function (index) {
|
; (function (index) {
|
||||||
p = p.then(function () {
|
p = p.then(function () {
|
||||||
|
@ -894,7 +895,7 @@ export default {
|
||||||
imageColumns: data.uint16('x00280011') || 0,
|
imageColumns: data.uint16('x00280011') || 0,
|
||||||
sliceLocation: data.intString('x00201041') || 0,
|
sliceLocation: data.intString('x00201041') || 0,
|
||||||
sliceThickness: data.string('x00180050') || '',
|
sliceThickness: data.string('x00180050') || '',
|
||||||
numberOfFrames: data.intString('x00280008') || 1,
|
numberOfFrames: data.intString('x00280008') || 0,
|
||||||
pixelSpacing: data.string('x00280030') || '',
|
pixelSpacing: data.string('x00280030') || '',
|
||||||
imagerPixelSpacing: data.string('x00181164') || '',
|
imagerPixelSpacing: data.string('x00181164') || '',
|
||||||
frameOfReferenceUID: data.string('x00200052') || '',
|
frameOfReferenceUID: data.string('x00200052') || '',
|
||||||
|
@ -1123,7 +1124,7 @@ export default {
|
||||||
seriesInstanceUid: v.seriesUid,
|
seriesInstanceUid: v.seriesUid,
|
||||||
SOPClassUID: o.SOPClassUID,
|
SOPClassUID: o.SOPClassUID,
|
||||||
TransferSytaxUID: o.TransferSytaxUID,
|
TransferSytaxUID: o.TransferSytaxUID,
|
||||||
MediaStorageSOPInstanceUID: o.MediaStorageSOPInstanceUID,
|
MediaStorageSOPInstanceUID:o.MediaStorageSOPInstanceUID,
|
||||||
MediaStorageSOPClassUID: o.MediaStorageSOPClassUID,
|
MediaStorageSOPClassUID: o.MediaStorageSOPClassUID,
|
||||||
sopInstanceUid: o.instanceUid,
|
sopInstanceUid: o.instanceUid,
|
||||||
instanceNumber: o.instanceNumber,
|
instanceNumber: o.instanceNumber,
|
||||||
|
@ -1208,7 +1209,7 @@ export default {
|
||||||
sopInstanceUid: o.instanceUid,
|
sopInstanceUid: o.instanceUid,
|
||||||
SOPClassUID: o.SOPClassUID,
|
SOPClassUID: o.SOPClassUID,
|
||||||
TransferSytaxUID: o.TransferSytaxUID,
|
TransferSytaxUID: o.TransferSytaxUID,
|
||||||
MediaStorageSOPInstanceUID: o.MediaStorageSOPInstanceUID,
|
MediaStorageSOPInstanceUID:o.MediaStorageSOPInstanceUID,
|
||||||
MediaStorageSOPClassUID: o.MediaStorageSOPClassUID,
|
MediaStorageSOPClassUID: o.MediaStorageSOPClassUID,
|
||||||
instanceNumber: o.instanceNumber,
|
instanceNumber: o.instanceNumber,
|
||||||
instanceTime: o.instanceTime,
|
instanceTime: o.instanceTime,
|
||||||
|
|
|
@ -18,11 +18,7 @@
|
||||||
<el-table-column prop="Modality" :label="$t('upload:nonedicom:table:molityType')" sortable="custom">
|
<el-table-column prop="Modality" :label="$t('upload:nonedicom:table:molityType')" sortable="custom">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!--检查部位-->
|
<!--检查部位-->
|
||||||
<el-table-column prop="BodyPart" :label="$t('upload:nonedicom:table:bodyPart')" sortable="custom">
|
<el-table-column prop="BodyPart" :label="$t('upload:nonedicom:table:bodyPart')" sortable="custom" />
|
||||||
<template slot-scope="scope">
|
|
||||||
<span>{{ getBodyPart(scope.row.BodyPart, scope.row.BodyPartForEditOther) }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<!--原文件数-->
|
<!--原文件数-->
|
||||||
<el-table-column prop="FileCount" :label="$t('upload:nonedicom:table:fileCount')">
|
<el-table-column prop="FileCount" :label="$t('upload:nonedicom:table:fileCount')">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
|
@ -266,7 +262,6 @@ export default {
|
||||||
currentRow: {},
|
currentRow: {},
|
||||||
studyMonitorId: null,
|
studyMonitorId: null,
|
||||||
open: null,
|
open: null,
|
||||||
BodyPart: {}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
|
@ -294,8 +289,7 @@ export default {
|
||||||
store.dispatch('trials/setUnLock', this.btnLoading)
|
store.dispatch('trials/setUnLock', this.btnLoading)
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
async created() {
|
created() {
|
||||||
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
|
|
||||||
this.getList()
|
this.getList()
|
||||||
},
|
},
|
||||||
beforeDestroy() {
|
beforeDestroy() {
|
||||||
|
@ -680,26 +674,6 @@ export default {
|
||||||
let blob = new Blob(['\ufeff', text], { type: 'text/plain' })
|
let blob = new Blob(['\ufeff', text], { type: 'text/plain' })
|
||||||
return blob
|
return blob
|
||||||
},
|
},
|
||||||
getBodyPart(bodyPart, other) {
|
|
||||||
if (!bodyPart && !other) return ''
|
|
||||||
var separator = ','
|
|
||||||
if (bodyPart.indexOf('|') > -1) {
|
|
||||||
separator = '|'
|
|
||||||
} else if (bodyPart.indexOf(',') > -1) {
|
|
||||||
separator = ','
|
|
||||||
} else if (bodyPart.indexOf(',') > -1) {
|
|
||||||
separator = ','
|
|
||||||
}
|
|
||||||
var arr = bodyPart.split(separator)
|
|
||||||
var newArr = arr.map((i) => {
|
|
||||||
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
|
|
||||||
})
|
|
||||||
if (other) {
|
|
||||||
newArr.push(other)
|
|
||||||
}
|
|
||||||
newArr = newArr.filter(Boolean)
|
|
||||||
return newArr.join(' | ')
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -4,49 +4,118 @@
|
||||||
<div slot="dialog-body">
|
<div slot="dialog-body">
|
||||||
<el-table :data="modelList" style="width: 100%" height="300">
|
<el-table :data="modelList" style="width: 100%" height="300">
|
||||||
<!--检查编号-->
|
<!--检查编号-->
|
||||||
<el-table-column prop="StudyCode" :label="$t('trials:uploadImage:table:StudyCode')" />
|
<el-table-column
|
||||||
|
prop="StudyCode"
|
||||||
|
:label="$t('trials:uploadImage:table:StudyCode')"
|
||||||
|
/>
|
||||||
<!--检查类型-->
|
<!--检查类型-->
|
||||||
<el-table-column prop="ModalityForEdit" :label="$t('trials:uploadImage:table:ModalityForEdit')"
|
<el-table-column
|
||||||
v-if="IsDicom" />
|
prop="ModalityForEdit"
|
||||||
|
:label="$t('trials:uploadImage:table:ModalityForEdit')"
|
||||||
|
v-if="IsDicom"
|
||||||
|
/>
|
||||||
<!--检查模态-->
|
<!--检查模态-->
|
||||||
<el-table-column prop="Modalities" :label="$t('trials:uploadImage:table:Modalities')" v-if="IsDicom" />
|
<el-table-column
|
||||||
|
prop="Modalities"
|
||||||
|
:label="$t('trials:uploadImage:table:Modalities')"
|
||||||
|
v-if="IsDicom"
|
||||||
|
/>
|
||||||
<!--检查部位-->
|
<!--检查部位-->
|
||||||
<el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadImage:table:BodyPartForEdit')"
|
<el-table-column
|
||||||
v-if="IsDicom">
|
prop="BodyPartForEdit"
|
||||||
|
:label="$t('trials:uploadImage:table:BodyPartForEdit')"
|
||||||
|
v-if="IsDicom"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span>{{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}</span>
|
<span>{{
|
||||||
|
$fd(
|
||||||
|
'Bodypart',
|
||||||
|
scope.row.BodyPartForEdit,
|
||||||
|
'Code',
|
||||||
|
{ Bodypart: bodyPart },
|
||||||
|
'Name'
|
||||||
|
)
|
||||||
|
}}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!--序列数量-->
|
<!--序列数量-->
|
||||||
<el-table-column prop="ReadingSeriesCount" :label="$t('trials:uploadImage:table:SeriesCount')"
|
<el-table-column
|
||||||
v-if="IsDicom" />
|
prop="ReadingSeriesCount"
|
||||||
|
:label="$t('trials:uploadImage:table:SeriesCount')"
|
||||||
|
v-if="IsDicom"
|
||||||
|
/>
|
||||||
<!--图像数量-->
|
<!--图像数量-->
|
||||||
<el-table-column prop="ReadingInstanceCount" :label="$t('trials:uploadImage:table:InstanceCount')"
|
<el-table-column
|
||||||
v-if="IsDicom" />
|
prop="ReadingInstanceCount"
|
||||||
|
:label="$t('trials:uploadImage:table:InstanceCount')"
|
||||||
|
v-if="IsDicom"
|
||||||
|
/>
|
||||||
<!--检查时间-->
|
<!--检查时间-->
|
||||||
<el-table-column prop="StudyTime" :label="$t('trials:uploadImage:table:StudyTime')" v-if="IsDicom"
|
<el-table-column
|
||||||
min-width="130" />
|
prop="StudyTime"
|
||||||
|
:label="$t('trials:uploadImage:table:StudyTime')"
|
||||||
|
v-if="IsDicom"
|
||||||
|
min-width="130"
|
||||||
|
/>
|
||||||
<!--检查模态-->
|
<!--检查模态-->
|
||||||
<el-table-column prop="Modality" :label="$t('trials:uploadImage:table:Modalities')" v-if="!IsDicom" />
|
<el-table-column
|
||||||
|
prop="Modality"
|
||||||
|
:label="$t('trials:uploadImage:table:Modalities')"
|
||||||
|
v-if="!IsDicom"
|
||||||
|
/>
|
||||||
<!--检查部位-->
|
<!--检查部位-->
|
||||||
<el-table-column prop="BodyPart" :label="$t('trials:uploadImage:table:BodyPartForEdit')" v-if="!IsDicom">
|
<el-table-column
|
||||||
|
prop="BodyPart"
|
||||||
|
:label="$t('trials:uploadImage:table:BodyPartForEdit')"
|
||||||
|
v-if="!IsDicom"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span>{{ getBodyPart(scope.row.BodyPart, scope.row.BodyPartForEditOther) }}</span>
|
<span>{{
|
||||||
|
$fd(
|
||||||
|
'Bodypart',
|
||||||
|
scope.row.BodyPart,
|
||||||
|
'Code',
|
||||||
|
{ Bodypart: bodyPart },
|
||||||
|
'Name'
|
||||||
|
)
|
||||||
|
}}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!--文件数量-->
|
<!--文件数量-->
|
||||||
<el-table-column prop="ReadingFileCount" :label="$t('trials:uploadImage:table:FileCount')" v-if="!IsDicom" />
|
<el-table-column
|
||||||
|
prop="ReadingFileCount"
|
||||||
|
:label="$t('trials:uploadImage:table:FileCount')"
|
||||||
|
v-if="!IsDicom"
|
||||||
|
/>
|
||||||
<!--检查时间-->
|
<!--检查时间-->
|
||||||
<el-table-column prop="ImageDate" :label="$t('trials:uploadImage:table:StudyTime')" v-if="!IsDicom"
|
<el-table-column
|
||||||
min-width="130" />
|
prop="ImageDate"
|
||||||
<el-table-column :label="$t('common:action:action')" fixed="right" width="80">
|
:label="$t('trials:uploadImage:table:StudyTime')"
|
||||||
|
v-if="!IsDicom"
|
||||||
|
min-width="130"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
:label="$t('common:action:action')"
|
||||||
|
fixed="right"
|
||||||
|
width="80"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<!--预览--->
|
<!--预览--->
|
||||||
<el-button circle icon="el-icon-view" :title="$t('trials:uploadImage:button:preview')" v-if="!isUpload"
|
<el-button
|
||||||
@click.stop="preview(scope.row)" />
|
circle
|
||||||
|
icon="el-icon-view"
|
||||||
|
:title="$t('trials:uploadImage:button:preview')"
|
||||||
|
v-if="!isUpload"
|
||||||
|
@click.stop="preview(scope.row)"
|
||||||
|
/>
|
||||||
<!--编辑--->
|
<!--编辑--->
|
||||||
<el-button circle icon="el-icon-edit-outline" :title="$t('trials:uploadImage:button:edit')" v-else
|
<el-button
|
||||||
@click.stop="openEdit(scope.row)" />
|
circle
|
||||||
|
icon="el-icon-edit-outline"
|
||||||
|
:title="$t('trials:uploadImage:button:edit')"
|
||||||
|
v-else
|
||||||
|
@click.stop="openEdit(scope.row)"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
@ -55,20 +124,42 @@
|
||||||
<!--新增检查部位-->
|
<!--新增检查部位-->
|
||||||
<base-model v-if="editModality_model.visible" :config="editModality_model">
|
<base-model v-if="editModality_model.visible" :config="editModality_model">
|
||||||
<template slot="dialog-body">
|
<template slot="dialog-body">
|
||||||
<el-form ref="editModalityform" :inline="true" :model="form" class="demo-form-inline" :rules="rules">
|
<el-form
|
||||||
<el-form-item :label="$t('trials:uploadImage:form:ModalityForEdit')" prop="Modality" label-width="150px">
|
ref="editModalityform"
|
||||||
|
:inline="true"
|
||||||
|
:model="form"
|
||||||
|
class="demo-form-inline"
|
||||||
|
:rules="rules"
|
||||||
|
>
|
||||||
|
<el-form-item
|
||||||
|
:label="$t('trials:uploadImage:form:ModalityForEdit')"
|
||||||
|
prop="Modality"
|
||||||
|
label-width="150px"
|
||||||
|
>
|
||||||
<el-select v-model="form.Modality" placeholder="">
|
<el-select v-model="form.Modality" placeholder="">
|
||||||
<el-option v-for="item in TrialModality" :key="item" :label="item" :value="item">
|
<el-option
|
||||||
|
v-for="item in TrialModality"
|
||||||
|
:key="item"
|
||||||
|
:label="item"
|
||||||
|
:value="item"
|
||||||
|
>
|
||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</template>
|
</template>
|
||||||
<template slot="dialog-footer">
|
<template slot="dialog-footer">
|
||||||
<el-button type="primary" @click="updateTaskStudyModality" :loading="loading">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
@click="updateTaskStudyModality"
|
||||||
|
:loading="loading"
|
||||||
|
>
|
||||||
{{ $t('common:button:confirm') }}
|
{{ $t('common:button:confirm') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button @click="editModality_model.visible = false" :loading="loading">
|
<el-button
|
||||||
|
@click="editModality_model.visible = false"
|
||||||
|
:loading="loading"
|
||||||
|
>
|
||||||
{{ $t('common:button:cancel') }}
|
{{ $t('common:button:cancel') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
|
@ -89,9 +180,9 @@ export default {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
bodyPart: {
|
bodyPart: {
|
||||||
type: Object,
|
type: Array,
|
||||||
default: () => {
|
default: () => {
|
||||||
return {}
|
return []
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
modelList: {
|
modelList: {
|
||||||
|
@ -144,7 +235,6 @@ export default {
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
loading: false,
|
loading: false,
|
||||||
BodyPart: {}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
@ -193,28 +283,8 @@ export default {
|
||||||
console.log(err)
|
console.log(err)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
getBodyPart(bodyPart, other) {
|
|
||||||
if (!bodyPart && !other) return ''
|
|
||||||
var separator = ','
|
|
||||||
if (bodyPart.indexOf('|') > -1) {
|
|
||||||
separator = '|'
|
|
||||||
} else if (bodyPart.indexOf(',') > -1) {
|
|
||||||
separator = ','
|
|
||||||
} else if (bodyPart.indexOf(',') > -1) {
|
|
||||||
separator = ','
|
|
||||||
}
|
|
||||||
var arr = bodyPart.split(separator)
|
|
||||||
console.log(this.bodyPart)
|
|
||||||
var newArr = arr.map((i) => {
|
|
||||||
return this.$fd('Bodypart', i.trim(), 'Code', this.bodyPart, 'Name')
|
|
||||||
})
|
|
||||||
if (other) {
|
|
||||||
newArr.push(other)
|
|
||||||
}
|
|
||||||
newArr = newArr.filter(Boolean)
|
|
||||||
return newArr.join(' | ')
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped></style>
|
<style lang="scss" scoped>
|
||||||
|
</style>
|
|
@ -34,7 +34,6 @@ const getters = {
|
||||||
paymentHistoryQuery: state => state.financials.paymentHistoryQuery,
|
paymentHistoryQuery: state => state.financials.paymentHistoryQuery,
|
||||||
revenusQuery: state => state.financials.revenusQuery,
|
revenusQuery: state => state.financials.revenusQuery,
|
||||||
visitTaskList: state => state.reading.visitTaskList,
|
visitTaskList: state => state.reading.visitTaskList,
|
||||||
BodyPart: state => state.reading.BodyPart,
|
|
||||||
organList: state => state.reading.organList,
|
organList: state => state.reading.organList,
|
||||||
seriesStack: state => state.reading.seriesStack,
|
seriesStack: state => state.reading.seriesStack,
|
||||||
activeHangingAgreement: state => state.reading.activeHangingAgreement,
|
activeHangingAgreement: state => state.reading.activeHangingAgreement,
|
||||||
|
|
|
@ -32,8 +32,7 @@ const getDefaultState = () => {
|
||||||
lastCanvasTaskId: '',
|
lastCanvasTaskId: '',
|
||||||
imageQuality: null,
|
imageQuality: null,
|
||||||
imageQualityIssues: null,
|
imageQualityIssues: null,
|
||||||
currentLoadIns: [],
|
currentLoadIns: []
|
||||||
BodyPart: []
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
function getQuestions(questions) {
|
function getQuestions(questions) {
|
||||||
|
@ -172,45 +171,6 @@ function getQuestionAnswer(questions, questionMark, answers) {
|
||||||
return ''
|
return ''
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
function getQuerys(e) {
|
|
||||||
if (!e) return "";
|
|
||||||
var t = {},
|
|
||||||
r = [],
|
|
||||||
n = "",
|
|
||||||
a = "";
|
|
||||||
try {
|
|
||||||
var i = [];
|
|
||||||
if (e.indexOf("?") >= 0 && (i = e.substring(e.indexOf("?") + 1, e.length).split("&")), i.length > 0) for (var o in i) n = (r = i[o].split("="))[0],
|
|
||||||
a = r[1],
|
|
||||||
t[n] = a
|
|
||||||
} catch (s) {
|
|
||||||
t = {}
|
|
||||||
}
|
|
||||||
return t
|
|
||||||
}
|
|
||||||
async function getBodyPart(bodyPart, other) {
|
|
||||||
if (!bodyPart && !other) return ''
|
|
||||||
var separator = ','
|
|
||||||
if (bodyPart.indexOf('|') > -1) {
|
|
||||||
separator = '|'
|
|
||||||
} else if (bodyPart.indexOf(',') > -1) {
|
|
||||||
separator = ','
|
|
||||||
} else if (bodyPart.indexOf(',') > -1) {
|
|
||||||
separator = ','
|
|
||||||
}
|
|
||||||
let BodyPart = {}
|
|
||||||
let query = getQuerys(window.location.href)
|
|
||||||
BodyPart.Bodypart = await Vue.prototype.$getBodyPart(query.trialId)
|
|
||||||
var arr = bodyPart.split(separator)
|
|
||||||
var newArr = arr.map((i) => {
|
|
||||||
return Vue.prototype.$fd('Bodypart', i.trim(), 'Code', BodyPart, 'Name')
|
|
||||||
})
|
|
||||||
if (other) {
|
|
||||||
newArr.push(other)
|
|
||||||
}
|
|
||||||
newArr = newArr.filter(Boolean)
|
|
||||||
return newArr
|
|
||||||
}
|
|
||||||
// function getKeySeriesInfo(keyInstance, series) {
|
// function getKeySeriesInfo(keyInstance, series) {
|
||||||
// const obj = {}
|
// const obj = {}
|
||||||
// const set = new Set()
|
// const set = new Set()
|
||||||
|
@ -890,20 +850,6 @@ const actions = {
|
||||||
var studyList = []
|
var studyList = []
|
||||||
var keyImages = []
|
var keyImages = []
|
||||||
getReadingVisitStudyList(obj.trialId, obj.subjectVisitId, obj.visitTaskId).then(res => {
|
getReadingVisitStudyList(obj.trialId, obj.subjectVisitId, obj.visitTaskId).then(res => {
|
||||||
try {
|
|
||||||
state.BodyPart = []
|
|
||||||
res.Result.forEach(async item => {
|
|
||||||
let arr = await getBodyPart(item.BodyPartForEdit, item.BodyPartForEditOther)
|
|
||||||
state.BodyPart.push({
|
|
||||||
StudyId: item.StudyId,
|
|
||||||
StudyCode: item.StudyCode,
|
|
||||||
BodyPart: arr,
|
|
||||||
Modalities: item.Modalities
|
|
||||||
})
|
|
||||||
})
|
|
||||||
} catch (err) {
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
const i = res.Result.findIndex(i => i.IsCriticalSequence)
|
const i = res.Result.findIndex(i => i.IsCriticalSequence)
|
||||||
if (i > -1) {
|
if (i > -1) {
|
||||||
const seriesList = res.Result[i].SeriesList && res.Result[i].SeriesList
|
const seriesList = res.Result[i].SeriesList && res.Result[i].SeriesList
|
||||||
|
|
|
@ -10,8 +10,7 @@ const getDefaultState = () => {
|
||||||
unlock: false,
|
unlock: false,
|
||||||
config: {},
|
config: {},
|
||||||
uploadTip: '0.00KB/s',
|
uploadTip: '0.00KB/s',
|
||||||
downloadTip: '0.00KB/s',
|
uploadSize: '',
|
||||||
downloadSize: '',
|
|
||||||
timer: null,
|
timer: null,
|
||||||
whiteList: [],
|
whiteList: [],
|
||||||
checkTaskId: null
|
checkTaskId: null
|
||||||
|
|
|
@ -123,7 +123,7 @@ export function getNetWorkSpeed() {
|
||||||
totalBytes = totalBytes / 1024;
|
totalBytes = totalBytes / 1024;
|
||||||
unit = "MB/s";
|
unit = "MB/s";
|
||||||
}
|
}
|
||||||
store.state.trials.downloadTip = totalBytes.toFixed(3) + unit;
|
store.state.trials.uploadTip = totalBytes.toFixed(3) + unit;
|
||||||
}
|
}
|
||||||
if (timeList.length >= 5) {
|
if (timeList.length >= 5) {
|
||||||
delete bytesReceivedPerSecond[timeList[0]]
|
delete bytesReceivedPerSecond[timeList[0]]
|
||||||
|
@ -189,8 +189,8 @@ export function workSpeedclose(isForce = false) {
|
||||||
if (timer) {
|
if (timer) {
|
||||||
clearInterval(timer);
|
clearInterval(timer);
|
||||||
timer = null;
|
timer = null;
|
||||||
store.state.trials.downloadTip = '0KB/s'
|
store.state.trials.uploadTip = '0KB/s'
|
||||||
store.state.trials.downloadSize = ''
|
store.state.trials.uploadSize = ''
|
||||||
}
|
}
|
||||||
bytesReceivedPerSecond = {};
|
bytesReceivedPerSecond = {};
|
||||||
lastPercentage = 0;
|
lastPercentage = 0;
|
||||||
|
|
|
@ -191,17 +191,6 @@
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24">
|
|
||||||
<el-form-item>
|
|
||||||
<span slot="label">
|
|
||||||
适用的标准
|
|
||||||
</span>
|
|
||||||
<el-select v-model="form.ApplyCriterionList" placeholder="" clearable multiple>
|
|
||||||
<el-option v-for="item in $d.CriterionType" :key="item.id" :label="item.label" :value="item.value">
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col v-show="form.ConfigType === 'C' && title !== '复制'" :span="12">
|
<el-col v-show="form.ConfigType === 'C' && title !== '复制'" :span="12">
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<span slot="label">
|
<span slot="label">
|
||||||
|
@ -1019,7 +1008,6 @@ export default {
|
||||||
ValueCN: null,
|
ValueCN: null,
|
||||||
EnumType: '',
|
EnumType: '',
|
||||||
IsShowByTrialConfig: false,
|
IsShowByTrialConfig: false,
|
||||||
ApplyCriterionList: [],
|
|
||||||
TrialConfigRelyFieldName: null,
|
TrialConfigRelyFieldName: null,
|
||||||
Identification: null,
|
Identification: null,
|
||||||
IsForwardPosition: false,
|
IsForwardPosition: false,
|
||||||
|
|
|
@ -7,13 +7,20 @@
|
||||||
<div class="login-l">
|
<div class="login-l">
|
||||||
<div class="login-logo">
|
<div class="login-logo">
|
||||||
<img v-if="language === 'zh'" src="@/assets/zzlogo2.png" alt="" />
|
<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-if="NODE_ENV === 'usa'"
|
||||||
|
src="@/assets/zzlogo-usa.png"
|
||||||
|
alt=""
|
||||||
|
class="usa-logo"
|
||||||
|
/>
|
||||||
<img v-else src="@/assets/zzlogo4.png" alt="" />
|
<img v-else src="@/assets/zzlogo4.png" alt="" />
|
||||||
</div>
|
</div>
|
||||||
<div :class="{
|
<div
|
||||||
|
:class="{
|
||||||
'login-image': true,
|
'login-image': true,
|
||||||
'login-image-usa': true,
|
'login-image-usa': true,
|
||||||
}">
|
}"
|
||||||
|
>
|
||||||
<svg-icon icon-class="login-bg" style="width: 90%; height: 90%" />
|
<svg-icon icon-class="login-bg" style="width: 90%; height: 90%" />
|
||||||
<!-- <img src="@/assets/login-bg.png" v-else /> -->
|
<!-- <img src="@/assets/login-bg.png" v-else /> -->
|
||||||
</div>
|
</div>
|
||||||
|
@ -22,43 +29,77 @@
|
||||||
<div class="title-container">
|
<div class="title-container">
|
||||||
<!-- IRC Management System -->
|
<!-- 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" />
|
<svg-icon
|
||||||
|
icon-class="login-logo"
|
||||||
|
style="width: 300px; height: 94px"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="title" v-else>{{ $t('login:title:system') }}</div>
|
<div class="title" v-else>{{ $t('login:title:system') }}</div>
|
||||||
</div>
|
</div>
|
||||||
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on"
|
<el-form
|
||||||
label-position="left">
|
ref="loginForm"
|
||||||
<el-form-item prop="username" :rules="[
|
:model="loginForm"
|
||||||
|
:rules="loginRules"
|
||||||
|
class="login-form"
|
||||||
|
auto-complete="on"
|
||||||
|
label-position="left"
|
||||||
|
>
|
||||||
|
<el-form-item
|
||||||
|
prop="username"
|
||||||
|
:rules="[
|
||||||
{
|
{
|
||||||
required: true,
|
required: true,
|
||||||
message: this.$t('login:formRule:userName'),
|
message: this.$t('login:formRule:userName'),
|
||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
]">
|
]"
|
||||||
|
>
|
||||||
<span class="svg-container">
|
<span class="svg-container">
|
||||||
<svg-icon icon-class="user" />
|
<svg-icon icon-class="user" />
|
||||||
</span>
|
</span>
|
||||||
<!-- User Name -->
|
<!-- User Name -->
|
||||||
<el-input ref="username" v-model="loginForm.username" size="small" :placeholder="$t('login:form:userName')"
|
<el-input
|
||||||
name="username" type="text" tabindex="1" />
|
ref="username"
|
||||||
|
v-model="loginForm.username"
|
||||||
|
size="small"
|
||||||
|
:placeholder="$t('login:form:userName')"
|
||||||
|
name="username"
|
||||||
|
type="text"
|
||||||
|
tabindex="1"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item prop="password" :rules="[
|
<el-form-item
|
||||||
|
prop="password"
|
||||||
|
:rules="[
|
||||||
{
|
{
|
||||||
required: true,
|
required: true,
|
||||||
message: this.$t('login:formRule:password'),
|
message: this.$t('login:formRule:password'),
|
||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
]">
|
]"
|
||||||
|
>
|
||||||
<span class="svg-container">
|
<span class="svg-container">
|
||||||
<svg-icon icon-class="password" />
|
<svg-icon icon-class="password" />
|
||||||
</span>
|
</span>
|
||||||
<!-- password -->
|
<!-- password -->
|
||||||
<el-input :key="passwordType" ref="password" v-model="loginForm.password" size="small" :type="passwordType"
|
<el-input
|
||||||
:placeholder="$t('login:form:password')" name="password" auto-complete="new-password"
|
:key="passwordType"
|
||||||
autocomplete="new-password" tabindex="2" @keyup.enter.native="handleLogin" />
|
ref="password"
|
||||||
|
v-model="loginForm.password"
|
||||||
|
size="small"
|
||||||
|
:type="passwordType"
|
||||||
|
:placeholder="$t('login:form:password')"
|
||||||
|
name="password"
|
||||||
|
auto-complete="new-password"
|
||||||
|
autocomplete="new-password"
|
||||||
|
tabindex="2"
|
||||||
|
@keyup.enter.native="handleLogin"
|
||||||
|
/>
|
||||||
<span class="show-pwd" @click="showPwd">
|
<span class="show-pwd" @click="showPwd">
|
||||||
<svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
|
<svg-icon
|
||||||
|
:icon-class="passwordType === 'password' ? 'eye' : 'eye-open'"
|
||||||
|
/>
|
||||||
</span>
|
</span>
|
||||||
<!-- <el-input
|
<!-- <el-input
|
||||||
:key="passwordType"
|
:key="passwordType"
|
||||||
|
@ -77,39 +118,53 @@
|
||||||
</span> -->
|
</span> -->
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- Login -->
|
<!-- Login -->
|
||||||
<el-button :loading="loading" type="primary" style="
|
<el-button
|
||||||
|
:loading="loading"
|
||||||
|
type="primary"
|
||||||
|
style="
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
background-color: rgb(0, 147, 221);
|
background-color: rgb(0, 147, 221);
|
||||||
" size="medium" @click.native.prevent="handleLogin">
|
"
|
||||||
|
size="medium"
|
||||||
|
@click.native.prevent="handleLogin"
|
||||||
|
>
|
||||||
{{ $t('login:button:login') }}
|
{{ $t('login:button:login') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<div style="text-align: right">
|
<div style="text-align: right">
|
||||||
<TopLang v-if="
|
<TopLang
|
||||||
|
v-if="
|
||||||
VUE_APP_OSS_CONFIG_REGION !== 'oss-us-west-1' &&
|
VUE_APP_OSS_CONFIG_REGION !== 'oss-us-west-1' &&
|
||||||
NODE_ENV !== 'usa'
|
NODE_ENV !== 'usa'
|
||||||
" />
|
"
|
||||||
|
/>
|
||||||
<!-- Forget password? -->
|
<!-- Forget password? -->
|
||||||
<el-button type="text" size="medium" @click.native.prevent="handleResetPwd" style="color: rgb(0, 147, 221)">
|
<el-button
|
||||||
|
type="text"
|
||||||
|
size="medium"
|
||||||
|
@click.native.prevent="handleResetPwd"
|
||||||
|
style="color: rgb(0, 147, 221)"
|
||||||
|
>
|
||||||
{{ $t('login:button:forgetPassword') }}
|
{{ $t('login:button:forgetPassword') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div class="PrivacyPolicy">
|
|
||||||
<span>{{ $t('login:message:PrivacyPolicy') }}</span>
|
|
||||||
<span style="cursor: pointer;color:#428bca">《{{ $t('login:message:PrivacyPolicyName') }}》</span>
|
|
||||||
</div>
|
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="language === 'zh'" class="login-footer">
|
<div v-if="language === 'zh'" class="login-footer">
|
||||||
<span>Copyright © {{ new Date().getFullYear() }} 上海展影医疗科技有限公司
|
<span
|
||||||
版权所有</span>
|
>Copyright © {{ new Date().getFullYear() }} 上海展影医疗科技有限公司
|
||||||
|
版权所有</span
|
||||||
|
>
|
||||||
<span> | </span>
|
<span> | </span>
|
||||||
<a target="_blank" href="https://beian.miit.gov.cn/">
|
<a target="_blank" href="https://beian.miit.gov.cn/">
|
||||||
<span> 沪ICP备2021037850-2 </span>
|
<span> 沪ICP备2021037850-2 </span>
|
||||||
</a>
|
</a>
|
||||||
<span> | </span>
|
<span> | </span>
|
||||||
<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011002005859">
|
<a
|
||||||
|
target="_blank"
|
||||||
|
href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011002005859"
|
||||||
|
>
|
||||||
<img src="@/assets/filing.png" />
|
<img src="@/assets/filing.png" />
|
||||||
<span>沪公网安备 31011002005859号</span>
|
<span>沪公网安备 31011002005859号</span>
|
||||||
</a>
|
</a>
|
||||||
|
@ -125,23 +180,43 @@
|
||||||
<span style="color: #428bca">About</span>
|
<span style="color: #428bca">About</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<Vcode :show="isShow" :fail-text="$t('login:button:failText')" :success-text="$t('login:button:successText')"
|
<Vcode
|
||||||
:slider-text="$t('login:button:sliderText')" :imgs="[Img1]" @success="onSuccess" />
|
:show="isShow"
|
||||||
<el-dialog v-if="aboutVisible" :visible.sync="aboutVisible" width="680px" style="margin-top: 0"
|
:fail-text="$t('login:button:failText')"
|
||||||
:close-on-click-modal="false" size="small">
|
:success-text="$t('login:button:successText')"
|
||||||
<div style="
|
:slider-text="$t('login:button:sliderText')"
|
||||||
|
:imgs="[Img1]"
|
||||||
|
@success="onSuccess"
|
||||||
|
/>
|
||||||
|
<el-dialog
|
||||||
|
v-if="aboutVisible"
|
||||||
|
:visible.sync="aboutVisible"
|
||||||
|
width="680px"
|
||||||
|
style="margin-top: 0"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style="
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
width: 600px;
|
width: 600px;
|
||||||
line-height: 28px;
|
line-height: 28px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
">
|
"
|
||||||
<h1 style="text-align: center; margin-bottom: 30px" v-if="NODE_ENV === 'usa'">
|
>
|
||||||
|
<h1
|
||||||
|
style="text-align: center; margin-bottom: 30px"
|
||||||
|
v-if="NODE_ENV === 'usa'"
|
||||||
|
>
|
||||||
About
|
About
|
||||||
</h1>
|
</h1>
|
||||||
<h1 style="text-align: center; margin-bottom: 30px" v-else>关于</h1>
|
<h1 style="text-align: center; margin-bottom: 30px" v-else>关于</h1>
|
||||||
<p style="margin-bottom: 0px" v-if="NODE_ENV === 'usa'">
|
<p style="margin-bottom: 0px" v-if="NODE_ENV === 'usa'">
|
||||||
<!-- {{ $t('login:title:system_title_about') }} -->
|
<!-- {{ $t('login:title:system_title_about') }} -->
|
||||||
<svg-icon icon-class="login-logo" style="width: 250px; height: 71px" />
|
<svg-icon
|
||||||
|
icon-class="login-logo"
|
||||||
|
style="width: 250px; height: 71px"
|
||||||
|
/>
|
||||||
</p>
|
</p>
|
||||||
<p style="margin-bottom: 0px" v-else>{{ $t('login:title:system') }}</p>
|
<p style="margin-bottom: 0px" v-else>{{ $t('login:title:system') }}</p>
|
||||||
<p style="margin-bottom: 20px; margin-top: 0">
|
<p style="margin-bottom: 20px; margin-top: 0">
|
||||||
|
@ -172,8 +247,13 @@
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<browserTip ref="browserTip" />
|
<browserTip ref="browserTip" />
|
||||||
<toggleRole v-if="toggleRoleVisible" :visible.sync="toggleRoleVisible" :loading="toggleRoleLoading"
|
<toggleRole
|
||||||
@save="loginByRole" @cancel="cancel" />
|
v-if="toggleRoleVisible"
|
||||||
|
:visible.sync="toggleRoleVisible"
|
||||||
|
:loading="toggleRoleLoading"
|
||||||
|
@save="loginByRole"
|
||||||
|
@cancel="cancel"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -259,14 +339,7 @@ export default {
|
||||||
this.location = this.$route.query.location
|
this.location = this.$route.query.location
|
||||||
zzSessionStorage.setItem('loginType', this.loginType)
|
zzSessionStorage.setItem('loginType', this.loginType)
|
||||||
localStorage.setItem('location', this.location)
|
localStorage.setItem('location', this.location)
|
||||||
// zh-CN navigator.language
|
if (process.env.VUE_APP_OSS_CONFIG_REGION === 'oss-us-west-1') {
|
||||||
console.log(navigator.language, 'navigator.language')
|
|
||||||
if (navigator.language !== 'zh-CN' && navigator.language !== 'zh-TW') {
|
|
||||||
this.$i18n.locale = 'en'
|
|
||||||
this.setLanguage('en')
|
|
||||||
this.$updateDictionary()
|
|
||||||
}
|
|
||||||
else if (process.env.VUE_APP_OSS_CONFIG_REGION === 'oss-us-west-1') {
|
|
||||||
this.$i18n.locale = 'en'
|
this.$i18n.locale = 'en'
|
||||||
this.setLanguage('en')
|
this.setLanguage('en')
|
||||||
this.$updateDictionary()
|
this.$updateDictionary()
|
||||||
|
@ -567,7 +640,6 @@ $cursor: #fff;
|
||||||
// }
|
// }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-r {
|
.login-r {
|
||||||
.el-form-item {
|
.el-form-item {
|
||||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||||
|
@ -583,28 +655,23 @@ $cursor: #fff;
|
||||||
$bg: #2d3a4b;
|
$bg: #2d3a4b;
|
||||||
$dark_gray: #889aa4;
|
$dark_gray: #889aa4;
|
||||||
$light_gray: #606266;
|
$light_gray: #606266;
|
||||||
|
|
||||||
.login-container {
|
.login-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
background: rgb(249, 249, 249);
|
background: rgb(249, 249, 249);
|
||||||
|
|
||||||
::v-deep .el-input__inner::placeholder {
|
::v-deep .el-input__inner::placeholder {
|
||||||
color: $dark_gray;
|
color: $dark_gray;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-header {
|
.login-header {
|
||||||
margin: 10px 0px 20px 10px;
|
margin: 10px 0px 20px 10px;
|
||||||
height: 3rem;
|
height: 3rem;
|
||||||
width: 720px;
|
width: 720px;
|
||||||
|
|
||||||
.login-logo {
|
.login-logo {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-body {
|
.login-body {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
|
@ -618,39 +685,32 @@ $light_gray: #606266;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background: rgb(255, 255, 255);
|
background: rgb(255, 255, 255);
|
||||||
border-radius: 10px 0px 0px 10px;
|
border-radius: 10px 0px 0px 10px;
|
||||||
|
|
||||||
.login-l {
|
.login-l {
|
||||||
position: relative;
|
position: relative;
|
||||||
float: left;
|
float: left;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
.login-logo {
|
.login-logo {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 35px;
|
top: 35px;
|
||||||
left: 50px;
|
left: 50px;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
height: 40px;
|
height: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.usa-logo {
|
.usa-logo {
|
||||||
height: 60px;
|
height: 60px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-image {
|
.login-image {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 10px;
|
top: 10px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
// transform: translateY(-50%);
|
// transform: translateY(-50%);
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-image-usa {
|
.login-image-usa {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -658,7 +718,6 @@ $light_gray: #606266;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-r {
|
.login-r {
|
||||||
position: relative;
|
position: relative;
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -676,19 +735,16 @@ $light_gray: #606266;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-container {
|
.title-container {
|
||||||
// margin-bottom: 50px;
|
// margin-bottom: 50px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 20%;
|
margin-top: 20%;
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
font-size: 35px;
|
font-size: 35px;
|
||||||
color: $light_gray;
|
color: $light_gray;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-logo-message {
|
.title-logo-message {
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
color: $light_gray;
|
color: $light_gray;
|
||||||
|
@ -728,7 +784,6 @@ $light_gray: #606266;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-footer {
|
.login-footer {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 50px;
|
bottom: 50px;
|
||||||
|
@ -742,7 +797,6 @@ $light_gray: #606266;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
// color: rgb(180, 190, 199);
|
// color: rgb(180, 190, 199);
|
||||||
color: #909399;
|
color: #909399;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
@ -751,16 +805,13 @@ $light_gray: #606266;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
margin: 0 2px;
|
margin: 0 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
height: 20px;
|
height: 20px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
// p{
|
// p{
|
||||||
// display: inline-block;
|
// display: inline-block;
|
||||||
// height:20px;
|
// height:20px;
|
||||||
|
|
|
@ -7,47 +7,78 @@
|
||||||
<div class="left-content">
|
<div class="left-content">
|
||||||
<!-- 检查层级 -->
|
<!-- 检查层级 -->
|
||||||
<el-collapse v-model="activeNames" @change="handleChange">
|
<el-collapse v-model="activeNames" @change="handleChange">
|
||||||
<el-collapse-item v-for="(study, i) in studyList" :key="study.CodeView" :name="study.CodeView"><template
|
<el-collapse-item
|
||||||
slot="title">
|
v-for="(study, i) in studyList"
|
||||||
|
:key="study.CodeView"
|
||||||
|
:name="study.CodeView"
|
||||||
|
><template slot="title">
|
||||||
<div class="study-desc">
|
<div class="study-desc">
|
||||||
<span>{{ study.CodeView }}</span>
|
<span>{{ study.CodeView }}</span>
|
||||||
<span v-if="OtherInfo.IsShowStudyName" style="margin-left: 5px">
|
<span v-if="OtherInfo.IsShowStudyName" style="margin-left: 5px">
|
||||||
{{ study.StudyName }}
|
{{ study.StudyName }}
|
||||||
</span>
|
</span>
|
||||||
<span style="margin: 0 5px">{{ study.Modality }}</span>
|
<span style="margin: 0 5px">{{ study.Modality }}</span>
|
||||||
<span>{{ getBodyPart(study.BodyPart, study.BodyPartForEditOther) }}</span>
|
<span>{{ getBodyPart(study.BodyPart) }}</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<!-- 文件层级 -->
|
<!-- 文件层级 -->
|
||||||
<div v-if="study.NoneDicomStudyFileList.length === 0" class="empty-text">
|
<div
|
||||||
|
v-if="study.NoneDicomStudyFileList.length === 0"
|
||||||
|
class="empty-text"
|
||||||
|
>
|
||||||
<slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
|
<slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
|
||||||
</div>
|
</div>
|
||||||
<div v-else id="imgList" style="height: 100%; overflow: hidden">
|
<div v-else id="imgList" style="height: 100%; overflow: hidden">
|
||||||
<template v-for="(item, j) in study.NoneDicomStudyFileList">
|
<template v-for="(item, j) in study.NoneDicomStudyFileList">
|
||||||
<div :id="`img${item.Id}`" :key="item.Id" :class="{
|
<div
|
||||||
|
:id="`img${item.Id}`"
|
||||||
|
:key="item.Id"
|
||||||
|
:class="{
|
||||||
'is-boxActive': item.Id === currentFileId,
|
'is-boxActive': item.Id === currentFileId,
|
||||||
}" class="img-box" @click="selected(item, i, j, true)">
|
}"
|
||||||
|
class="img-box"
|
||||||
|
@click="selected(item, i, j, true)"
|
||||||
|
>
|
||||||
<div class="file-image">
|
<div class="file-image">
|
||||||
<el-image v-if="
|
<el-image
|
||||||
|
v-if="
|
||||||
[
|
[
|
||||||
'image/jpeg',
|
'image/jpeg',
|
||||||
'image/jpg',
|
'image/jpg',
|
||||||
'image/png',
|
'image/png',
|
||||||
'image/bmp',
|
'image/bmp',
|
||||||
].includes(item.FileType)
|
].includes(item.FileType)
|
||||||
" style="width: 100%; height: 100%"
|
"
|
||||||
|
style="width: 100%; height: 100%"
|
||||||
:src="`${OSSclientConfig.basePath}${item.Path}?x-oss-process=image/resize,w_50,h_50/format,png`"
|
:src="`${OSSclientConfig.basePath}${item.Path}?x-oss-process=image/resize,w_50,h_50/format,png`"
|
||||||
fit="contain" crossorigin="anonymous" />
|
fit="contain"
|
||||||
<el-image v-else-if="item.FileType === 'application/pdf'" style="width: 100%; height: 100%"
|
crossorigin="anonymous"
|
||||||
:src="pdf" fit="contain" crossorigin="anonymous" />
|
/>
|
||||||
<el-image v-else-if="
|
<el-image
|
||||||
|
v-else-if="item.FileType === 'application/pdf'"
|
||||||
|
style="width: 100%; height: 100%"
|
||||||
|
:src="pdf"
|
||||||
|
fit="contain"
|
||||||
|
crossorigin="anonymous"
|
||||||
|
/>
|
||||||
|
<el-image
|
||||||
|
v-else-if="
|
||||||
item.FileType === 'application/x-zip-compressed'
|
item.FileType === 'application/x-zip-compressed'
|
||||||
" style="width: 100%; height: 100%" :src="zip" fit="contain" crossorigin="anonymous" />
|
"
|
||||||
|
style="width: 100%; height: 100%"
|
||||||
|
:src="zip"
|
||||||
|
fit="contain"
|
||||||
|
crossorigin="anonymous"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="item.FileName.length < 15" class="img-text">
|
<div v-if="item.FileName.length < 15" class="img-text">
|
||||||
{{ `${j + 1}. ${item.FileName}` }}
|
{{ `${j + 1}. ${item.FileName}` }}
|
||||||
</div>
|
</div>
|
||||||
<el-tooltip v-else :content="item.FileName" placement="bottom">
|
<el-tooltip
|
||||||
|
v-else
|
||||||
|
:content="item.FileName"
|
||||||
|
placement="bottom"
|
||||||
|
>
|
||||||
<div class="img-text">
|
<div class="img-text">
|
||||||
{{ `${j + 1}. ${item.FileName}` }}
|
{{ `${j + 1}. ${item.FileName}` }}
|
||||||
</div>
|
</div>
|
||||||
|
@ -55,15 +86,23 @@
|
||||||
<div v-if="isQcCheck" class="switchBox">
|
<div v-if="isQcCheck" class="switchBox">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<span>{{ $t('trials:audit:table:isReading') }}</span>
|
<span>{{ $t('trials:audit:table:isReading') }}</span>
|
||||||
<el-switch v-model="item.IsReading" :disabled="item.IsDeleted || isAudit"
|
<el-switch
|
||||||
@change="changeReadingStatus($event, study, item)" :active-text="$fd('YesOrNo', true)"
|
v-model="item.IsReading"
|
||||||
:inactive-text="$fd('YesOrNo', false)" />
|
:disabled="item.IsDeleted || isAudit"
|
||||||
|
@change="changeReadingStatus($event, study, item)"
|
||||||
|
:active-text="$fd('YesOrNo', true)"
|
||||||
|
:inactive-text="$fd('YesOrNo', false)"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<span>{{ $t('trials:audit:table:isDelete') }}</span>
|
<span>{{ $t('trials:audit:table:isDelete') }}</span>
|
||||||
<el-switch v-model="item.IsDeleted" :disabled="isAudit"
|
<el-switch
|
||||||
@change="changeDeleteStatus($event, study, item)" :active-text="$fd('YesOrNo', true)"
|
v-model="item.IsDeleted"
|
||||||
:inactive-text="$fd('YesOrNo', false)" />
|
:disabled="isAudit"
|
||||||
|
@change="changeDeleteStatus($event, study, item)"
|
||||||
|
:active-text="$fd('YesOrNo', true)"
|
||||||
|
:inactive-text="$fd('YesOrNo', false)"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -76,8 +115,14 @@
|
||||||
<!-- 预览图像 -->
|
<!-- 预览图像 -->
|
||||||
<el-card class="box-card right">
|
<el-card class="box-card right">
|
||||||
<div style="width: 100%; height: 100%" v-if="!showPDF">
|
<div style="width: 100%; height: 100%" v-if="!showPDF">
|
||||||
<Preview v-if="previewImage.imgList.length > 0" ref="previewImage" style="width: 100%"
|
<Preview
|
||||||
:preview-image="previewImage" :value="currentStudyFileIndex" @selectedImg="selectedImg" />
|
v-if="previewImage.imgList.length > 0"
|
||||||
|
ref="previewImage"
|
||||||
|
style="width: 100%"
|
||||||
|
:preview-image="previewImage"
|
||||||
|
:value="currentStudyFileIndex"
|
||||||
|
@selectedImg="selectedImg"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 100%; height: 100%" v-else>
|
<div style="width: 100%; height: 100%" v-else>
|
||||||
<PreviewFile :file-path="pdfFile.path" :file-type="pdfFile.type" />
|
<PreviewFile :file-path="pdfFile.path" :file-type="pdfFile.type" />
|
||||||
|
@ -129,7 +174,7 @@ export default {
|
||||||
subjectVisitId: '',
|
subjectVisitId: '',
|
||||||
sudyId: '',
|
sudyId: '',
|
||||||
loading: false,
|
loading: false,
|
||||||
BodyPart: {},
|
bp: [],
|
||||||
OtherInfo: {},
|
OtherInfo: {},
|
||||||
showPDF: false,
|
showPDF: false,
|
||||||
pdfFile: {
|
pdfFile: {
|
||||||
|
@ -143,7 +188,7 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async created() {
|
async created() {
|
||||||
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
|
this.bp = await this.$getBodyPart(this.$route.query.trialId)
|
||||||
this.isQcCheck = !!this.$route.query.isQcCheck
|
this.isQcCheck = !!this.$route.query.isQcCheck
|
||||||
},
|
},
|
||||||
async mounted() {
|
async mounted() {
|
||||||
|
@ -157,7 +202,7 @@ export default {
|
||||||
// 默认选择第一个文件
|
// 默认选择第一个文件
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
handleChange() { },
|
handleChange() {},
|
||||||
changeReadingStatus(callback, row, file) {
|
changeReadingStatus(callback, row, file) {
|
||||||
let statusStr = ''
|
let statusStr = ''
|
||||||
if (callback) {
|
if (callback) {
|
||||||
|
@ -200,7 +245,7 @@ export default {
|
||||||
this.loading = false
|
this.loading = false
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
.catch(() => { })
|
.catch(() => {})
|
||||||
},
|
},
|
||||||
changeDeleteStatus(callback, row, file) {
|
changeDeleteStatus(callback, row, file) {
|
||||||
let statusStr = ''
|
let statusStr = ''
|
||||||
|
@ -250,8 +295,8 @@ export default {
|
||||||
// file.IsDeleted = !file.IsDeleted
|
// file.IsDeleted = !file.IsDeleted
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
getBodyPart(bodyPart, other) {
|
getBodyPart(bodyPart) {
|
||||||
if (!bodyPart && !other) return ''
|
if (!bodyPart) return ''
|
||||||
var separator = ','
|
var separator = ','
|
||||||
if (bodyPart.indexOf('|') > -1) {
|
if (bodyPart.indexOf('|') > -1) {
|
||||||
separator = '|'
|
separator = '|'
|
||||||
|
@ -262,12 +307,14 @@ export default {
|
||||||
}
|
}
|
||||||
var arr = bodyPart.split(separator)
|
var arr = bodyPart.split(separator)
|
||||||
var newArr = arr.map((i) => {
|
var newArr = arr.map((i) => {
|
||||||
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
|
return this.$fd(
|
||||||
|
'Bodypart',
|
||||||
|
i.trim(),
|
||||||
|
'Code',
|
||||||
|
{ Bodypart: this.bp },
|
||||||
|
'Name'
|
||||||
|
)
|
||||||
})
|
})
|
||||||
if (other) {
|
|
||||||
newArr.push(other)
|
|
||||||
}
|
|
||||||
newArr = newArr.filter(Boolean)
|
|
||||||
return newArr.join(' | ')
|
return newArr.join(' | ')
|
||||||
},
|
},
|
||||||
// 获取非Dicom检查信息
|
// 获取非Dicom检查信息
|
||||||
|
@ -359,29 +406,24 @@ export default {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: 7px;
|
width: 7px;
|
||||||
height: 7px;
|
height: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background: #d0d0d0;
|
background: #d0d0d0;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-card__body {
|
::v-deep .el-card__body {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.study-desc {
|
.study-desc {
|
||||||
padding: 10px 5px;
|
padding: 10px 5px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
background-color: #d5d5d5;
|
background-color: #d5d5d5;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left {
|
.left {
|
||||||
width: 220px;
|
width: 220px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
@ -392,7 +434,6 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
height: 40px;
|
height: 40px;
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
|
@ -402,7 +443,6 @@ export default {
|
||||||
background-color: #4e4e4e;
|
background-color: #4e4e4e;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left-content {
|
.left-content {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
@ -434,7 +474,6 @@ export default {
|
||||||
// margin-bottom: 5px;
|
// margin-bottom: 5px;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.img-text {
|
.img-text {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: calc(100% - 60px);
|
width: calc(100% - 60px);
|
||||||
|
@ -442,41 +481,33 @@ export default {
|
||||||
height: 50px;
|
height: 50px;
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis; /* 用省略号表示溢出的文本 */
|
||||||
/* 用省略号表示溢出的文本 */
|
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.img-box:nth-last-child(1) {
|
.img-box:nth-last-child(1) {
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.is-boxActive {
|
.is-boxActive {
|
||||||
// border-color: #409eff;
|
// border-color: #409eff;
|
||||||
color: #409eff;
|
color: #409eff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.is-boxActiv:after {
|
.is-boxActiv:after {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
|
|
||||||
::v-deep .el-card__body {
|
::v-deep .el-card__body {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.switchBox {
|
.switchBox {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 5px 0;
|
margin: 5px 0;
|
||||||
color: #4e4e4e;
|
color: #4e4e4e;
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@ -484,21 +515,17 @@ export default {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.file-image {
|
.file-image {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-collapse-item__header {
|
::v-deep .el-collapse-item__header {
|
||||||
background-color: #d5d5d5;
|
background-color: #d5d5d5;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-collapse-item__header {
|
::v-deep .el-collapse-item__header {
|
||||||
min-height: 48px;
|
min-height: 48px;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-collapse-item__content {
|
::v-deep .el-collapse-item__content {
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -79,7 +79,10 @@
|
||||||
<el-table-column prop="date" :label="$t('common:action:action')">
|
<el-table-column prop="date" :label="$t('common:action:action')">
|
||||||
<template
|
<template
|
||||||
slot-scope="scope"
|
slot-scope="scope"
|
||||||
v-if="scope.row.ExperienceDataType != 3"
|
v-if="
|
||||||
|
scope.row.ExperienceDataType != 2 &&
|
||||||
|
scope.row.ExperienceDataType != 3
|
||||||
|
"
|
||||||
>
|
>
|
||||||
<el-button
|
<el-button
|
||||||
type="text"
|
type="text"
|
||||||
|
|
|
@ -2,8 +2,14 @@
|
||||||
<div class="curriculumVitae" v-loading="loading">
|
<div class="curriculumVitae" v-loading="loading">
|
||||||
<div class="leftMenu">
|
<div class="leftMenu">
|
||||||
<div class="title">{{ $t('curriculumVitae:menu:title') }}</div>
|
<div class="title">{{ $t('curriculumVitae:menu:title') }}</div>
|
||||||
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="vertical" @select="handleSelect"
|
<el-menu
|
||||||
background-color="#eee" active-text-color="#000">
|
:default-active="activeIndex"
|
||||||
|
class="el-menu-demo"
|
||||||
|
mode="vertical"
|
||||||
|
@select="handleSelect"
|
||||||
|
background-color="#eee"
|
||||||
|
active-text-color="#000"
|
||||||
|
>
|
||||||
<el-menu-item index="info">
|
<el-menu-item index="info">
|
||||||
{{ $t('curriculumVitae:menu:info') }}
|
{{ $t('curriculumVitae:menu:info') }}
|
||||||
</el-menu-item>
|
</el-menu-item>
|
||||||
|
@ -64,58 +70,94 @@
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--个人信息-->
|
|
||||||
<div class="box" id="info">
|
<div class="box" id="info">
|
||||||
<info :DATA="{
|
<info
|
||||||
|
:DATA="{
|
||||||
...reviewerData.BasicInfoView,
|
...reviewerData.BasicInfoView,
|
||||||
...reviewerData.EmploymentView,
|
...reviewerData.EmploymentView,
|
||||||
}" :reviewerId.sync="reviewerId" :isEN="isEN" @getInfo="getDetail" />
|
}"
|
||||||
|
:reviewerId.sync="reviewerId"
|
||||||
|
:isEN="isEN"
|
||||||
|
@getInfo="getDetail"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<!--概述-->
|
|
||||||
<div class="box" id="summarize">
|
<div class="box" id="summarize">
|
||||||
<summarize :DATA="{
|
<summarize
|
||||||
|
:DATA="{
|
||||||
...reviewerData.SummarizeInfo,
|
...reviewerData.SummarizeInfo,
|
||||||
}" :reviewerId.sync="reviewerId" :trialId="trialId" :isEN="isEN" @getInfo="getDetail" />
|
}"
|
||||||
|
:reviewerId.sync="reviewerId"
|
||||||
|
:trialId="trialId"
|
||||||
|
:isEN="isEN"
|
||||||
|
@getInfo="getDetail"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<!--专业-->
|
|
||||||
<div class="box" id="specialty">
|
<div class="box" id="specialty">
|
||||||
<specialty :DATA="{
|
<specialty
|
||||||
|
:DATA="{
|
||||||
...reviewerData.SpecialtyView,
|
...reviewerData.SpecialtyView,
|
||||||
}" :isEN="isEN" :reviewerId.sync="reviewerId" @getInfo="getDetail" />
|
}"
|
||||||
|
:isEN="isEN"
|
||||||
|
:reviewerId.sync="reviewerId"
|
||||||
|
@getInfo="getDetail"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<!--教育经历-->
|
|
||||||
<div class="box" id="educationalExperience">
|
<div class="box" id="educationalExperience">
|
||||||
<educationalExperience :DATA="reviewerData.EducationList" :isEN="isEN" :reviewerId.sync="reviewerId"
|
<educationalExperience
|
||||||
@getInfo="getDetail" />
|
:DATA="reviewerData.EducationList"
|
||||||
|
:isEN="isEN"
|
||||||
|
:reviewerId.sync="reviewerId"
|
||||||
|
@getInfo="getDetail"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<!--进修培训-->
|
|
||||||
<div class="box" id="continuingTraining">
|
<div class="box" id="continuingTraining">
|
||||||
<continuingTraining :DATA="reviewerData.PostgraduateList" :isEN="isEN" :reviewerId.sync="reviewerId"
|
<continuingTraining
|
||||||
@getInfo="getDetail" />
|
:DATA="reviewerData.PostgraduateList"
|
||||||
|
:isEN="isEN"
|
||||||
|
:reviewerId.sync="reviewerId"
|
||||||
|
@getInfo="getDetail"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<!--科研课题-->
|
|
||||||
<div class="box" id="scientificResearchProject">
|
<div class="box" id="scientificResearchProject">
|
||||||
<scientificResearchProject :DATA="{ ...reviewerData.ResearchPublicationView }" :isEN="isEN"
|
<scientificResearchProject
|
||||||
:reviewerId.sync="reviewerId" @getInfo="getDetail" />
|
:DATA="{ ...reviewerData.ResearchPublicationView }"
|
||||||
|
:isEN="isEN"
|
||||||
|
:reviewerId.sync="reviewerId"
|
||||||
|
@getInfo="getDetail"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<!--临床试验-->
|
|
||||||
<div class="box" id="clinicalTrials">
|
<div class="box" id="clinicalTrials">
|
||||||
<clinicalTrials :DATA="{ ...reviewerData.TrialExperienceView }" :isEN="isEN" :reviewerId.sync="reviewerId"
|
<clinicalTrials
|
||||||
:trialId="trialId" @getInfo="getDetail" />
|
:DATA="{ ...reviewerData.TrialExperienceView }"
|
||||||
|
:isEN="isEN"
|
||||||
|
:reviewerId.sync="reviewerId"
|
||||||
|
:trialId="trialId"
|
||||||
|
@getInfo="getDetail"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<!--gcp证书-->
|
|
||||||
<div class="box" id="treatise">
|
<div class="box" id="treatise">
|
||||||
<treatise :DATA="{ ...reviewerData.ResearchPublicationView }" :isEN="isEN" :reviewerId.sync="reviewerId"
|
<treatise
|
||||||
@getInfo="getDetail" />
|
:DATA="{ ...reviewerData.ResearchPublicationView }"
|
||||||
|
:isEN="isEN"
|
||||||
|
:reviewerId.sync="reviewerId"
|
||||||
|
@getInfo="getDetail"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<!--其他相关经历-->
|
|
||||||
<div class="box" id="other">
|
<div class="box" id="other">
|
||||||
<other :DATA="{ ...reviewerData.ResearchPublicationView }" :isEN="isEN" :reviewerId.sync="reviewerId"
|
<other
|
||||||
@getInfo="getDetail" />
|
:DATA="{ ...reviewerData.ResearchPublicationView }"
|
||||||
|
:isEN="isEN"
|
||||||
|
:reviewerId.sync="reviewerId"
|
||||||
|
@getInfo="getDetail"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="box" id="pay">
|
<div class="box" id="pay">
|
||||||
<pay :DATA="{ ...reviewerData.PaymentModeInfo }" :isEN="isEN" :reviewerId.sync="reviewerId"
|
<pay
|
||||||
@getInfo="getDetail" />
|
:DATA="{ ...reviewerData.PaymentModeInfo }"
|
||||||
|
:isEN="isEN"
|
||||||
|
:reviewerId.sync="reviewerId"
|
||||||
|
@getInfo="getDetail"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="box" id="setting" v-if="isPM">
|
<div class="box" id="setting" v-if="isPM">
|
||||||
<setting :isEN="isEN" :reviewerId.sync="reviewerId" />
|
<setting :isEN="isEN" :reviewerId.sync="reviewerId" />
|
||||||
|
@ -125,19 +167,38 @@
|
||||||
<!--简历附件-->
|
<!--简历附件-->
|
||||||
<curriculum :isEN="isEN" :reviewerId.sync="reviewerId" />
|
<curriculum :isEN="isEN" :reviewerId.sync="reviewerId" />
|
||||||
<!--资历证书-->
|
<!--资历证书-->
|
||||||
<certificate :DATA="reviewerData.AttachmentList" :isEN="isEN" :reviewerId.sync="reviewerId"
|
<certificate
|
||||||
@getInfo="getDetail" />
|
:DATA="reviewerData.AttachmentList"
|
||||||
|
:isEN="isEN"
|
||||||
|
:reviewerId.sync="reviewerId"
|
||||||
|
@getInfo="getDetail"
|
||||||
|
/>
|
||||||
<!--协议-->
|
<!--协议-->
|
||||||
<agreement :DATA="reviewerData.AttachmentList" :isEN="isEN" :isPM="isPM" :reviewerId.sync="reviewerId"
|
<agreement
|
||||||
@getInfo="getDetail" />
|
:DATA="reviewerData.AttachmentList"
|
||||||
|
:isEN="isEN"
|
||||||
|
:isPM="isPM"
|
||||||
|
:reviewerId.sync="reviewerId"
|
||||||
|
@getInfo="getDetail"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-dialog :visible.sync="visible" fullscreen append-to-body>
|
<el-dialog :visible.sync="visible" fullscreen append-to-body>
|
||||||
<div style="height: 100%; overflow: auto">
|
<div style="height: 100%; overflow: auto">
|
||||||
<preview :isEN="isEN" :reviewerId.sync="reviewerId" :trialId="trialId" :isAll="isAll" v-if="visible" />
|
<preview
|
||||||
|
:isEN="isEN"
|
||||||
|
:reviewerId.sync="reviewerId"
|
||||||
|
:trialId="trialId"
|
||||||
|
:isAll="isAll"
|
||||||
|
v-if="visible"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<holiday v-if="holidayVisible" :reviewerId.sync="reviewerId" :visible.sync="holidayVisible" />
|
<holiday
|
||||||
|
v-if="holidayVisible"
|
||||||
|
:reviewerId.sync="reviewerId"
|
||||||
|
:visible.sync="holidayVisible"
|
||||||
|
/>
|
||||||
<!-- <setting
|
<!-- <setting
|
||||||
v-if="settingVisible"
|
v-if="settingVisible"
|
||||||
:reviewerId.sync="reviewerId"
|
:reviewerId.sync="reviewerId"
|
||||||
|
@ -322,14 +383,12 @@ export default {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.leftMenu {
|
.leftMenu {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
@ -338,15 +397,12 @@ export default {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-color: #eee;
|
background-color: #eee;
|
||||||
border-right: 1px solid #eee;
|
border-right: 1px solid #eee;
|
||||||
|
|
||||||
::v-deep .el-menu {
|
::v-deep .el-menu {
|
||||||
padding: 5px 5px 0;
|
padding: 5px 5px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .is-active {
|
::v-deep .is-active {
|
||||||
background-color: #fff !important;
|
background-color: #fff !important;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
display: block;
|
display: block;
|
||||||
content: '';
|
content: '';
|
||||||
|
@ -359,7 +415,6 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.main {
|
.main {
|
||||||
width: calc(100% - 300px);
|
width: calc(100% - 300px);
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
@ -368,11 +423,9 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
width: calc(100% - 300px);
|
width: calc(100% - 300px);
|
||||||
padding: 0 50px 0 20px;
|
padding: 0 50px 0 20px;
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
|
@ -381,42 +434,35 @@ export default {
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .noData {
|
::v-deep .noData {
|
||||||
color: #909399;
|
color: #909399;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rightFile {
|
.rightFile {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
|
|
||||||
::v-deep .title {
|
::v-deep .title {
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .fileBox {
|
::v-deep .fileBox {
|
||||||
background-color: #eee;
|
background-color: #eee;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .file_title {
|
::v-deep .file_title {
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .btnBox {
|
::v-deep .btnBox {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@ -428,23 +474,17 @@ export default {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
|
||||||
.name {
|
.name {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
white-space: nowrap;
|
white-space: nowrap; /* 文本不会换行,会在同一行内继续,直到遇到<br>标签为止 */
|
||||||
/* 文本不会换行,会在同一行内继续,直到遇到<br>标签为止 */
|
text-overflow: ellipsis; /* 当文本溢出包含它的容器时,显示省略号(...)来表示被截断的文本 */
|
||||||
text-overflow: ellipsis;
|
overflow: hidden; /* 隐藏溢出容器的文本 */
|
||||||
/* 当文本溢出包含它的容器时,显示省略号(...)来表示被截断的文本 */
|
|
||||||
overflow: hidden;
|
|
||||||
/* 隐藏溢出容器的文本 */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
i {
|
i {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin: 3px;
|
margin: 3px;
|
||||||
color: #409eff;
|
color: #409eff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.disable {
|
.disable {
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
color: #909399;
|
color: #909399;
|
||||||
|
|
|
@ -60,7 +60,7 @@
|
||||||
<el-input v-model="searchData.userName" clearable style="width: 120px" />
|
<el-input v-model="searchData.userName" clearable style="width: 120px" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 用户类型 -->
|
<!-- 用户类型 -->
|
||||||
<el-form-item :label="$t('trials:signRecords:table:userType')" v-if="!isDoc && !isEASystem">
|
<el-form-item :label="$t('trials:signRecords:table:userType')" v-if="!isDoc">
|
||||||
<el-select v-model="searchData.UserTypeId" clearable filterable style="width: 120px">
|
<el-select v-model="searchData.UserTypeId" clearable filterable style="width: 120px">
|
||||||
<el-option v-for="item of userTypeOptions"
|
<el-option v-for="item of userTypeOptions"
|
||||||
v-show="isSystem || (item.UserTypeEnum !== 26 && item.UserTypeEnum !== 27)" :key="item.Id"
|
v-show="isSystem || (item.UserTypeEnum !== 26 && item.UserTypeEnum !== 27)" :key="item.Id"
|
||||||
|
@ -69,7 +69,7 @@
|
||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:signRecords:table:isSign')" v-if="(!isDoc || !viewStatus) && !isEASystem">
|
<el-form-item :label="$t('trials:signRecords:table:isSign')" v-if="!isDoc || !viewStatus">
|
||||||
<el-select v-model="searchData.IsConfirmed" clearable style="width: 120px">
|
<el-select v-model="searchData.IsConfirmed" clearable style="width: 120px">
|
||||||
<el-option v-for="i of $d.TrainingStatusEnum" :key="'IsConfirmed' + i.label" :value="i.value"
|
<el-option v-for="i of $d.TrainingStatusEnum" :key="'IsConfirmed' + i.label" :value="i.value"
|
||||||
:label="i.label" />
|
:label="i.label" />
|
||||||
|
@ -78,12 +78,12 @@
|
||||||
<el-form-item :label="isDoc
|
<el-form-item :label="isDoc
|
||||||
? $t('trials:signRecords:table:isDeletedFile')
|
? $t('trials:signRecords:table:isDeletedFile')
|
||||||
: $t('trials:signRecords:table:isDeleted')
|
: $t('trials:signRecords:table:isDeleted')
|
||||||
" v-if="!isEASystem">
|
">
|
||||||
<el-select v-model="searchData.IsDeleted" clearable style="width: 120px">
|
<el-select v-model="searchData.IsDeleted" clearable style="width: 120px">
|
||||||
<el-option v-for="i of $d.TrainingStatus" :key="'IsDeleted' + i.label" :value="i.value" :label="i.label" />
|
<el-option v-for="i of $d.TrainingStatus" :key="'IsDeleted' + i.label" :value="i.value" :label="i.label" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:signRecords:table:username')" v-if="isDoc && !isEASystem">
|
<el-form-item :label="$t('trials:signRecords:table:username')" v-if="isDoc">
|
||||||
<el-input v-model="searchData.UserName" style="width: 120px" />
|
<el-input v-model="searchData.UserName" style="width: 120px" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:signRecords:table:confirmTime')" v-if="isDoc || isSystem">
|
<el-form-item :label="$t('trials:signRecords:table:confirmTime')" v-if="isDoc || isSystem">
|
||||||
|
@ -91,7 +91,7 @@
|
||||||
:default-time="['00:00:00', '23:59:59']" type="datetimerange">
|
:default-time="['00:00:00', '23:59:59']" type="datetimerange">
|
||||||
</el-date-picker>
|
</el-date-picker>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:signRecords:table:uploadTime')" v-if="isSystem && !isEASystem">
|
<el-form-item :label="$t('trials:signRecords:table:uploadTime')" v-if="isSystem">
|
||||||
<el-date-picker v-model="timeListC" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss"
|
<el-date-picker v-model="timeListC" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss"
|
||||||
type="datetimerange" :default-time="['00:00:00', '23:59:59']" @change="changeTimeListC" />
|
type="datetimerange" :default-time="['00:00:00', '23:59:59']" @change="changeTimeListC" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
@ -305,11 +305,6 @@ export default {
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
|
||||||
isEASystem() {
|
|
||||||
return this.isSystem && this.hasPermi(['role:ea'])
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
mounted() {
|
||||||
this.getTypeOptions()
|
this.getTypeOptions()
|
||||||
this.getUserSelect()
|
this.getUserSelect()
|
||||||
|
@ -365,14 +360,6 @@ export default {
|
||||||
},
|
},
|
||||||
// 获取系统文件数据
|
// 获取系统文件数据
|
||||||
getList() {
|
getList() {
|
||||||
if (this.isEASystem) {
|
|
||||||
this.searchData.IsConfirmed = true
|
|
||||||
if (!this.searchData.FileTypeId && !this.searchData.Name && !this.searchData.UserId && !this.searchData.userName && (!Array.isArray(this.timeList) || this.timeList.length < 2)) {
|
|
||||||
this.list = []
|
|
||||||
this.total = 0
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.loading = true
|
this.loading = true
|
||||||
if (this.viewStatus) {
|
if (this.viewStatus) {
|
||||||
this.searchData.IsConfirmed = true
|
this.searchData.IsConfirmed = true
|
||||||
|
@ -411,7 +398,6 @@ export default {
|
||||||
getTypeOptions() {
|
getTypeOptions() {
|
||||||
if (this.isSystem) {
|
if (this.isSystem) {
|
||||||
this.typeOptions = this.$d.Sys_Document
|
this.typeOptions = this.$d.Sys_Document
|
||||||
if (this.isEASystem) this.typeOptions = this.typeOptions.filter(item => item.raw.ChildGroup !== "Trial")
|
|
||||||
} else {
|
} else {
|
||||||
getTrialDocAndSystemDocType(this.trialId).then((res) => {
|
getTrialDocAndSystemDocType(this.trialId).then((res) => {
|
||||||
this.typeOptions = res.Result
|
this.typeOptions = res.Result
|
||||||
|
|
|
@ -47,7 +47,7 @@
|
||||||
<el-table-column prop="Name" :label="$t('trials:self-attachment:table:fileName')" show-overflow-tooltip
|
<el-table-column prop="Name" :label="$t('trials:self-attachment:table:fileName')" show-overflow-tooltip
|
||||||
sortable="custom" />
|
sortable="custom" />
|
||||||
<el-table-column :label="$t('trials:self-attachment:table:AttachmentCount')" prop="AttachmentCount"
|
<el-table-column :label="$t('trials:self-attachment:table:AttachmentCount')" prop="AttachmentCount"
|
||||||
show-overflow-tooltip>
|
show-overflow-tooltip sortable="custom">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button type="text" @click.stop="openAttachment(scope.row, true)">{{ scope.row.AttachmentCount
|
<el-button type="text" @click.stop="openAttachment(scope.row, true)">{{ scope.row.AttachmentCount
|
||||||
}}</el-button>
|
}}</el-button>
|
||||||
|
|
|
@ -1,5 +1,10 @@
|
||||||
<template>
|
<template>
|
||||||
<el-form v-if="isRender" ref="assessmentForm" :model="form" size="small">
|
<el-form
|
||||||
|
v-if="isRender"
|
||||||
|
ref="assessmentForm"
|
||||||
|
:model="form"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
<div class="base-dialog-body">
|
<div class="base-dialog-body">
|
||||||
<!-- <div v-for="qs in questions" :key="qs.Id">
|
<!-- <div v-for="qs in questions" :key="qs.Id">
|
||||||
<h4 v-if="qs.Type === 'group'">{{ qs.GroupName }}</h4>
|
<h4 v-if="qs.Type === 'group'">{{ qs.GroupName }}</h4>
|
||||||
|
@ -37,9 +42,14 @@
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</div> -->
|
</div> -->
|
||||||
<AssessmentFormItem v-for="question of questions" :key="question.Id" :question="question" :question-form="form"
|
<AssessmentFormItem
|
||||||
:readingTaskState="readingTaskState" @setFormItemData="setFormItemData"
|
v-for="question of questions"
|
||||||
@resetFormItemData="resetFormItemData" />
|
:key="question.Id"
|
||||||
|
:question="question"
|
||||||
|
:question-form="form"
|
||||||
|
@setFormItemData="setFormItemData"
|
||||||
|
@resetFormItemData="resetFormItemData"
|
||||||
|
/>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
|
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
|
||||||
|
@ -47,7 +57,11 @@
|
||||||
<el-button size="small" @click="handleCancel">
|
<el-button size="small" @click="handleCancel">
|
||||||
{{ $t('common:button:cancel') }}
|
{{ $t('common:button:cancel') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button size="small" type="primary" @click="handleSave">
|
<el-button
|
||||||
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
@click="handleSave"
|
||||||
|
>
|
||||||
{{ $t('common:button:save') }}
|
{{ $t('common:button:save') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
@ -71,10 +85,6 @@ export default {
|
||||||
default() {
|
default() {
|
||||||
return []
|
return []
|
||||||
}
|
}
|
||||||
},
|
|
||||||
readingTaskState: {
|
|
||||||
type: Number,
|
|
||||||
default: 0
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
|
|
@ -1,39 +1,67 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<div v-if="!!question.GroupName && question.Type === 'group'">
|
<div
|
||||||
|
v-if="!!question.GroupName && question.Type==='group'"
|
||||||
|
>
|
||||||
<h4 style="color: #ddd;padding: 5px 0px;margin: 0;font-size: 15px;">
|
<h4 style="color: #ddd;padding: 5px 0px;margin: 0;font-size: 15px;">
|
||||||
{{ language === 'en' ? question.GroupEnName : question.GroupName }}
|
{{ language==='en'?question.GroupEnName:question.GroupName }}
|
||||||
</h4>
|
</h4>
|
||||||
</div>
|
</div>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<el-form-item :label="`${language === 'en' ? question.QuestionEnName : question.QuestionName}`"
|
<el-form-item
|
||||||
:prop="question.Id" :rules="[
|
:label="`${language==='en'?question.QuestionEnName:question.QuestionName}`"
|
||||||
{
|
:prop="question.Id"
|
||||||
required: true,
|
:rules="[
|
||||||
message: $t('common:ruleMessage:select'), trigger: ['blur', 'change']
|
{ required: true,
|
||||||
},
|
message: $t('common:ruleMessage:select'), trigger: ['blur', 'change']},
|
||||||
]" :class="[question.Type === 'group' ? 'mb' : '']">
|
]"
|
||||||
|
:class="[question.Type==='group'?'mb':'']"
|
||||||
|
>
|
||||||
<!-- 下拉框 -->
|
<!-- 下拉框 -->
|
||||||
<el-select v-if="question.Type === 'select'" v-model="questionForm[question.Id]" clearable
|
<el-select
|
||||||
@change="((val) => { formItemChange(val, question) })" :disabled="readingTaskState > 2">
|
v-if="question.Type==='select'"
|
||||||
|
v-model="questionForm[question.Id]"
|
||||||
|
clearable
|
||||||
|
@change="((val)=>{formItemChange(val, question)})"
|
||||||
|
>
|
||||||
<template v-if="question.DictionaryCode">
|
<template v-if="question.DictionaryCode">
|
||||||
<el-option v-for="item of $d[question.DictionaryCode]" :key="item.id" :value="String(item.value)"
|
<el-option
|
||||||
:label="item.label" />
|
v-for="item of $d[question.DictionaryCode]"
|
||||||
|
:key="item.id"
|
||||||
|
:value="String(item.value)"
|
||||||
|
:label="item.label"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<el-option v-for="val in question.TypeValue.split('|')" :key="val" :label="val" :value="val" />
|
<el-option
|
||||||
|
v-for="val in question.TypeValue.split('|')"
|
||||||
|
:key="val"
|
||||||
|
:label="val"
|
||||||
|
:value="val"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-select>
|
</el-select>
|
||||||
<!-- 单选 -->
|
<!-- 单选 -->
|
||||||
<el-radio-group v-if="question.Type === 'radio'" v-model="questionForm[question.Id]"
|
<el-radio-group
|
||||||
@change="((val) => { formItemChange(val, question) })" :disabled="readingTaskState > 2">
|
v-if="question.Type==='radio'"
|
||||||
|
v-model="questionForm[question.Id]"
|
||||||
|
@change="((val)=>{formItemChange(val, question)})"
|
||||||
|
>
|
||||||
<template v-if="question.DictionaryCode">
|
<template v-if="question.DictionaryCode">
|
||||||
<el-radio v-for="item of $d[question.DictionaryCode]" :key="item.id" :label="String(item.value)">
|
<el-radio
|
||||||
|
v-for="item of $d[question.DictionaryCode]"
|
||||||
|
:key="item.id"
|
||||||
|
:label="String(item.value)"
|
||||||
|
>
|
||||||
{{ item.label }}
|
{{ item.label }}
|
||||||
</el-radio>
|
</el-radio>
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="question.TypeValue">
|
<template v-else-if="question.TypeValue">
|
||||||
<el-radio v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
|
<el-radio
|
||||||
|
v-for="val in question.TypeValue.split('|')"
|
||||||
|
:key="val"
|
||||||
|
:label="val"
|
||||||
|
>
|
||||||
{{ val }}
|
{{ val }}
|
||||||
</el-radio>
|
</el-radio>
|
||||||
</template>
|
</template>
|
||||||
|
@ -41,8 +69,14 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<AssessmentFormItem v-for="(item) in question.Childrens" :key="item.Id" :question="item"
|
<AssessmentFormItem
|
||||||
:question-form="questionForm" @setFormItemData="setFormItemData" @resetFormItemData="resetFormItemData" />
|
v-for="(item) in question.Childrens"
|
||||||
|
:key="item.Id"
|
||||||
|
:question="item"
|
||||||
|
:question-form="questionForm"
|
||||||
|
@setFormItemData="setFormItemData"
|
||||||
|
@resetFormItemData="resetFormItemData"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
@ -61,10 +95,6 @@ export default {
|
||||||
default() {
|
default() {
|
||||||
return []
|
return []
|
||||||
}
|
}
|
||||||
},
|
|
||||||
readingTaskState: {
|
|
||||||
type: Number,
|
|
||||||
default: 0
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
@ -109,7 +139,7 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.mb {
|
.mb{
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -7,14 +7,7 @@
|
||||||
<el-tooltip class="item" effect="dark" :content="$t('trials:reading:button:clinicalData')" placement="bottom">
|
<el-tooltip class="item" effect="dark" :content="$t('trials:reading:button:clinicalData')" placement="bottom">
|
||||||
<svg-icon icon-class="documentation" class="svg-icon" />
|
<svg-icon icon-class="documentation" class="svg-icon" />
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</div>
|
|
||||||
<!-- 检查部位 -->
|
|
||||||
<div v-if="CriterionType == 19 || CriterionType == 20"
|
|
||||||
:class="{ 'info-cd': true, 'info-cd2': stack.isExistsClinicalData }" @click.stop="handleViewBP($event)">
|
|
||||||
<el-tooltip class="item" effect="dark" :content="$t('trials:reading:button:BodyPart')" placement="bottom">
|
|
||||||
<!-- <svg-icon icon-class="documentation" class="svg-icon" /> -->
|
|
||||||
<i class="el-icon-tickets"></i>
|
|
||||||
</el-tooltip>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- 切换访视 -->
|
<!-- 切换访视 -->
|
||||||
<div v-if="stack.imageRendered && isReadingTaskViewInOrder === 1" class="info-visit"
|
<div v-if="stack.imageRendered && isReadingTaskViewInOrder === 1" class="info-visit"
|
||||||
|
@ -42,8 +35,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="info-image">
|
<div class="info-image">
|
||||||
<div v-show="mousePosition.mo">
|
<div v-show="mousePosition.mo">
|
||||||
Pos: {{ mousePosition.x ? mousePosition.x.toFixed(0) : '' }}, {{ mousePosition.y ? mousePosition.y.toFixed(0) :
|
Pos: {{ mousePosition.x ? mousePosition.x.toFixed(0) : '' }}, {{ mousePosition.y ? mousePosition.y.toFixed(0) : '' }}
|
||||||
'' }}
|
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
v-if="(dicomInfo.modality === 'CT' || dicomInfo.modality === 'DR' || dicomInfo.modality === 'CR') && mousePosition.mo">
|
v-if="(dicomInfo.modality === 'CT' || dicomInfo.modality === 'DR' || dicomInfo.modality === 'CR') && mousePosition.mo">
|
||||||
|
@ -307,7 +299,7 @@ export default {
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters(['visitTaskList', 'currentReadingTaskState']),
|
...mapGetters(['visitTaskList', 'currentReadingTaskState']),
|
||||||
NSTip() {
|
NSTip() {
|
||||||
return `NS: ${this.$store.state.trials.downloadTip}`
|
return `NS: ${this.$store.state.trials.uploadTip}`
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
|
@ -2012,13 +2004,8 @@ export default {
|
||||||
e.stopImmediatePropagation()
|
e.stopImmediatePropagation()
|
||||||
e.stopPropagation()
|
e.stopPropagation()
|
||||||
e.preventDefault()
|
e.preventDefault()
|
||||||
},
|
|
||||||
handleViewBP(e) {
|
|
||||||
DicomEvent.$emit('previewBP', this.stack.visitTaskId)
|
|
||||||
e.stopImmediatePropagation()
|
|
||||||
e.stopPropagation()
|
|
||||||
e.preventDefault()
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
@ -2129,10 +2116,6 @@ export default {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-cd2 {
|
|
||||||
left: 35px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.info-series {
|
.info-series {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 10px;
|
left: 10px;
|
||||||
|
|
|
@ -364,15 +364,6 @@ export default {
|
||||||
this.lesionName = this.getLesionInfo(this.orderMark, this.rowIndex)
|
this.lesionName = this.getLesionInfo(this.orderMark, this.rowIndex)
|
||||||
this.isCurrentTaskAdd = this.answers.IsCurrentTaskAdd ? this.answers.IsCurrentTaskAdd : 'True'
|
this.isCurrentTaskAdd = this.answers.IsCurrentTaskAdd ? this.answers.IsCurrentTaskAdd : 'True'
|
||||||
this.lesionMark = this.getLesionName(this.orderMark, this.questionForm.RowIndex)
|
this.lesionMark = this.getLesionName(this.orderMark, this.questionForm.RowIndex)
|
||||||
|
|
||||||
var isLymphLesion = this.getQuestionVal(2)
|
|
||||||
isLymphLesion = isLymphLesion ? parseInt(isLymphLesion) : null
|
|
||||||
var lesionOrgan = this.getQuestionVal(6)
|
|
||||||
const lesionPart = this.getQuestionVal(8)
|
|
||||||
|
|
||||||
this.$emit('resetQuestions', { isLymphLesion, lesionPart, lesionOrgan, saveTypeEnum: this.questionForm.saveTypeEnum, lesionState, lesionNum, rowIndex: this.rowIndex, questionId: this.parentQsId, anwsers: this.questionForm })
|
|
||||||
|
|
||||||
|
|
||||||
this.isRender = true
|
this.isRender = true
|
||||||
},
|
},
|
||||||
getLesionName(orderMark, rowIndex) {
|
getLesionName(orderMark, rowIndex) {
|
||||||
|
|
|
@ -5,49 +5,87 @@
|
||||||
<!-- 电子影像病例报告表(eICRF) -->
|
<!-- 电子影像病例报告表(eICRF) -->
|
||||||
<h3 style="margin:0;padding:0;">{{ $t('trials:readingReport:title:eicrf') }}</h3>
|
<h3 style="margin:0;padding:0;">{{ $t('trials:readingReport:title:eicrf') }}</h3>
|
||||||
<div style="margin-left:auto">
|
<div style="margin-left:auto">
|
||||||
<el-switch v-model="isShowDetail" :active-text="$t('trials:readingReport:title:expandDetails')"
|
<el-switch
|
||||||
:inactive-text="$t('trials:readingReport:title:collapseDetails')" style="margin-right:5px;"
|
v-model="isShowDetail"
|
||||||
@change="handleShowDetail" />
|
:active-text="$t('trials:readingReport:title:expandDetails')"
|
||||||
<el-button type="primary" size="small" v-if="isBaseline && assessmentQuestions.length > 0"
|
:inactive-text="$t('trials:readingReport:title:collapseDetails')"
|
||||||
@click="openAssessment">
|
style="margin-right:5px;"
|
||||||
<!-- 附加评估 -->
|
@change="handleShowDetail"
|
||||||
{{ $t('trials:readingReport:button:assessment') }}
|
/>
|
||||||
</el-button>
|
<el-button
|
||||||
<el-button v-if="readingTaskState < 2" type="primary" size="small" @click="skipTask">
|
v-if="readingTaskState<2"
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
@click="skipTask"
|
||||||
|
>
|
||||||
<!-- 跳过 -->
|
<!-- 跳过 -->
|
||||||
{{ $t('trials:readingReport:button:skip') }}
|
{{ $t('trials:readingReport:button:skip') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button v-if="readingTaskState < 2" type="primary" size="small" @click="getReportInfo(false)">
|
<el-button
|
||||||
|
v-if="readingTaskState<2"
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
@click="getReportInfo(false)"
|
||||||
|
>
|
||||||
<!-- 刷新 -->
|
<!-- 刷新 -->
|
||||||
{{ $t('trials:readingReport:button:refresh') }}
|
{{ $t('trials:readingReport:button:refresh') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button v-if="readingTaskState < 2 && CriterionType !== 10" type="primary" size="small"
|
<el-button
|
||||||
@click="handleSave(true)">
|
v-if="readingTaskState<2 && CriterionType !== 10"
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
@click="handleSave(true)"
|
||||||
|
>
|
||||||
<!-- 保存 -->
|
<!-- 保存 -->
|
||||||
{{ $t('common:button:save') }}
|
{{ $t('common:button:save') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button v-if="readingTaskState < 2" type="primary" size="small" @click="beforeLeave">
|
<el-button
|
||||||
|
v-if="readingTaskState<2"
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
@click="beforeLeave"
|
||||||
|
>
|
||||||
<!-- 提交 -->
|
<!-- 提交 -->
|
||||||
{{ $t('common:button:submit') }}
|
{{ $t('common:button:submit') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div ref="tableWrapper" style="height:100%;overflow-y: auto;">
|
<div ref="tableWrapper" style="height:100%;overflow-y: auto;">
|
||||||
<el-table v-if="height" ref="reportList" :data="taskQuestions" row-key="Id" border
|
<el-table
|
||||||
:expand-row-keys="expandedRows" :height="height"
|
v-if="height"
|
||||||
:tree-props="{ children: 'Childrens', hasChildren: 'hasChildren' }" size="mini">
|
ref="reportList"
|
||||||
<el-table-column prop="" label="" show-overflow-tooltip width="350px">
|
:data="taskQuestions"
|
||||||
|
row-key="Id"
|
||||||
|
border
|
||||||
|
:expand-row-keys="expandedRows"
|
||||||
|
:height="height"
|
||||||
|
:tree-props="{children: 'Childrens', hasChildren: 'hasChildren'}"
|
||||||
|
size="mini"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
prop=""
|
||||||
|
label=""
|
||||||
|
show-overflow-tooltip
|
||||||
|
width="350px"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span v-if="scope.row.QuestionName"
|
<span v-if="scope.row.QuestionName" :style="{color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) ? '#f66' : '#fff'}">{{ scope.row.QuestionName }}</span>
|
||||||
:style="{ color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) ? '#f66' : '#fff' }">{{
|
<span
|
||||||
scope.row.QuestionName }}</span>
|
v-else
|
||||||
<span v-else style="font-weight: bold;font-size: 16px;color: #f44336;">
|
style="font-weight: bold;font-size: 16px;color: #f44336;"
|
||||||
{{ language === 'en' ? scope.row.GroupEnName : scope.row.GroupName }}
|
>
|
||||||
|
{{ language==='en'?scope.row.GroupEnName:scope.row.GroupName }}
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column v-for="task in visitTaskList" :key="task.VisitTaskId" prop="date" show-overflow-tooltip
|
<el-table-column
|
||||||
width="150px">
|
v-for="task in visitTaskList"
|
||||||
|
:key="task.VisitTaskId"
|
||||||
|
prop="date"
|
||||||
|
|
||||||
|
show-overflow-tooltip
|
||||||
|
width="150px"
|
||||||
|
>
|
||||||
<template slot="header">
|
<template slot="header">
|
||||||
<div v-if="task.IsCurrentTask">
|
<div v-if="task.IsCurrentTask">
|
||||||
<div>
|
<div>
|
||||||
|
@ -64,37 +102,58 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span
|
<span :style="{color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) || (scope.row.QuestionMark === 12) || scope.row.HighlightAnswerList.includes(`${scope.row.Answers[task.VisitTaskId]}`) ? '#f66' : '#fff'}">
|
||||||
:style="{ color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) || (scope.row.QuestionMark === 12) || scope.row.HighlightAnswerList.includes(`${scope.row.Answers[task.VisitTaskId]}`) ? '#f66' : '#fff' }">
|
<template v-if="task.VisitTaskId === visitTaskId && readingTaskState < 2 && [13,14,15,42].includes(scope.row.QuestionType)">
|
||||||
<template
|
|
||||||
v-if="task.VisitTaskId === visitTaskId && readingTaskState < 2 && [13, 14, 15, 42].includes(scope.row.QuestionType)">
|
|
||||||
<!-- 是否存在疾病(基线时可修改) -->
|
<!-- 是否存在疾病(基线时可修改) -->
|
||||||
<template v-if="task.IsBaseLine && scope.row.QuestionType === 15">
|
<template v-if="task.IsBaseLine && scope.row.QuestionType=== 15">
|
||||||
<el-select v-if="scope.row.Type === 'select' && scope.row.DictionaryCode"
|
<el-select
|
||||||
v-model="currentExistDisease" size="mini" @change="handleExistDiseaseChange">
|
v-if="scope.row.Type==='select' && scope.row.DictionaryCode"
|
||||||
<el-option v-for="item of $d[scope.row.DictionaryCode]" :key="item.id" :value="item.value"
|
v-model="currentExistDisease"
|
||||||
:label="item.label" />
|
size="mini"
|
||||||
|
@change="handleExistDiseaseChange"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of $d[ scope.row.DictionaryCode]"
|
||||||
|
:key="item.id"
|
||||||
|
:value="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</template>
|
</template>
|
||||||
<!-- 整体肿瘤评估(非基线可修改) -->
|
<!-- 整体肿瘤评估(非基线可修改) -->
|
||||||
<template
|
<template v-else-if="!task.IsBaseLine && (scope.row.QuestionType=== 13 || scope.row.QuestionType=== 42)">
|
||||||
v-else-if="!task.IsBaseLine && (scope.row.QuestionType === 13 || scope.row.QuestionType === 42)">
|
<el-select
|
||||||
<el-select v-if="scope.row.Type === 'select' && scope.row.DictionaryCode"
|
v-if="scope.row.Type==='select' && scope.row.DictionaryCode"
|
||||||
v-model="currentEvaluateResult" size="mini" @change="handleEvaluateResultChange">
|
v-model="currentEvaluateResult"
|
||||||
|
size="mini"
|
||||||
|
@change="handleEvaluateResultChange"
|
||||||
|
>
|
||||||
<template v-if="CriterionType === 1 && tLesionCount">
|
<template v-if="CriterionType === 1 && tLesionCount">
|
||||||
<el-option v-for="item of $d[scope.row.DictionaryCode]"
|
<el-option
|
||||||
|
v-for="item of $d[ scope.row.DictionaryCode]"
|
||||||
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1 && item.value !== 3)"
|
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1 && item.value !== 3)"
|
||||||
:key="item.id" :value="item.value" :label="item.label" />
|
:key="item.id"
|
||||||
|
:value="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="CriterionType === 1 && ntLesionCount">
|
<template v-else-if="CriterionType === 1 && ntLesionCount">
|
||||||
<el-option v-for="item of $d[scope.row.DictionaryCode]"
|
<el-option
|
||||||
|
v-for="item of $d[ scope.row.DictionaryCode]"
|
||||||
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1)"
|
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1)"
|
||||||
:key="item.id" :value="item.value" :label="item.label" />
|
:key="item.id"
|
||||||
|
:value="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<el-option v-for="item of $d[scope.row.DictionaryCode]"
|
<el-option
|
||||||
|
v-for="item of $d[ scope.row.DictionaryCode]"
|
||||||
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1)"
|
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1)"
|
||||||
:key="item.id" :value="item.value" :label="item.label" />
|
:key="item.id"
|
||||||
|
:value="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-select>
|
</el-select>
|
||||||
</template>
|
</template>
|
||||||
|
@ -103,23 +162,27 @@
|
||||||
</template> -->
|
</template> -->
|
||||||
<!-- 访视点备注(是否存在疾病与系统不一致或者整体肿瘤评估与系统不一致时,必填) -->
|
<!-- 访视点备注(是否存在疾病与系统不一致或者整体肿瘤评估与系统不一致时,必填) -->
|
||||||
<!-- tumorEvaluate && task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease) -->
|
<!-- tumorEvaluate && task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease) -->
|
||||||
<template v-else-if="task.VisitTaskId === visitTaskId && scope.row.QuestionType === 14">
|
<template v-else-if="task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 ">
|
||||||
<!-- v-if="tumorEvaluate && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease)" -->
|
<!-- v-if="tumorEvaluate && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease)" -->
|
||||||
<template>
|
<template>
|
||||||
<!-- 输入框 -->
|
<!-- 输入框 -->
|
||||||
<el-input v-if="scope.row.Type === 'input'" v-model="currentTaskReason" size="mini"
|
<el-input
|
||||||
@change="evaluateReasonChange" />
|
v-if="scope.row.Type==='input'"
|
||||||
<el-input v-else-if="scope.row.Type === 'textarea'" v-model="currentTaskReason"
|
v-model="currentTaskReason"
|
||||||
:autosize="{ minRows: 2, maxRows: 4 }" size="mini" maxlength="500"
|
size="mini"
|
||||||
@change="evaluateReasonChange" />
|
@change="evaluateReasonChange"
|
||||||
|
/>
|
||||||
|
<el-input
|
||||||
|
v-else-if="scope.row.Type==='textarea'"
|
||||||
|
v-model="currentTaskReason"
|
||||||
|
:autosize="{ minRows: 2, maxRows: 4}"
|
||||||
|
size="mini"
|
||||||
|
maxlength="500"
|
||||||
|
@change="evaluateReasonChange"
|
||||||
|
/>
|
||||||
<!-- 系统评估结果为:xxx,与当前调整的结果不一致,请填写调整原因 -->
|
<!-- 系统评估结果为:xxx,与当前调整的结果不一致,请填写调整原因 -->
|
||||||
<p v-if="currentEvaluateResult !== tumorEvaluate"
|
<p v-if="currentEvaluateResult !== tumorEvaluate" style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;" v-html="getWarningText()" />
|
||||||
style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;"
|
<p v-else-if="currentExistDisease !== isExistDisease" style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;">{{ $t('trials:readingReport:title:sysEvaluationRes') }}<span style="color:red">{{ $fd('ExistDisease',isExistDisease) }}</span>{{ $t('trials:readingReport:message:msg1') }}
|
||||||
v-html="getWarningText()" />
|
|
||||||
<p v-else-if="currentExistDisease !== isExistDisease"
|
|
||||||
style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;">
|
|
||||||
{{ $t('trials:readingReport:title:sysEvaluationRes') }}<span style="color:red">{{
|
|
||||||
$fd('ExistDisease', isExistDisease) }}</span>{{ $t('trials:readingReport:message:msg1') }}
|
|
||||||
</p>
|
</p>
|
||||||
</template>
|
</template>
|
||||||
<!-- <template v-else>
|
<!-- <template v-else>
|
||||||
|
@ -135,50 +198,35 @@
|
||||||
</template>
|
</template>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template v-else-if="scope.row.QuestionType === 15">
|
<template v-else-if="scope.row.QuestionType=== 15">
|
||||||
<el-tooltip v-if="getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'IsGlobalChange')"
|
<el-tooltip v-if="getAnswerInfo(scope.row.Answer,task.VisitTaskId,'IsGlobalChange')" :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer,task.VisitTaskId,'GlobalChangeAnswer'))}`" placement="top" effect="light">
|
||||||
:content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'GlobalChangeAnswer'))}`"
|
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
||||||
placement="top" effect="light">
|
|
||||||
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId])
|
|
||||||
}}</span>
|
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template v-else-if="scope.row.QuestionType === 13 || scope.row.QuestionType === 42">
|
<template v-else-if="scope.row.QuestionType=== 13 || scope.row.QuestionType=== 42">
|
||||||
<el-tooltip v-if="getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'IsGlobalChange')"
|
<el-tooltip v-if="getAnswerInfo(scope.row.Answer,task.VisitTaskId,'IsGlobalChange')" :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer,task.VisitTaskId,'GlobalChangeAnswer'))}`" placement="top" effect="light">
|
||||||
:content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'GlobalChangeAnswer'))}`"
|
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
||||||
placement="top" effect="light">
|
|
||||||
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId])
|
|
||||||
}}</span>
|
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="scope.row.QuestionType === 22">
|
<template v-else-if="scope.row.QuestionType=== 22">
|
||||||
{{ scope.row.Answers[task.VisitTaskId] === '-1' ? $t('trials:readingReport:title:unknow') :
|
{{ scope.row.Answers[task.VisitTaskId] === '-1' ? $t('trials:readingReport:title:unknow') : scope.row.Answers[task.VisitTaskId] }}
|
||||||
scope.row.Answers[task.VisitTaskId] }}
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template v-else-if="scope.row.DictionaryCode">
|
<template v-else-if="scope.row.DictionaryCode">
|
||||||
{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}
|
{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="CriterionType === 10">
|
<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>
|
||||||
<template v-else-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit">
|
<template v-else-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit">
|
||||||
{{ `${scope.row.Answers[task.VisitTaskId]}` }}
|
{{ `${scope.row.Answers[task.VisitTaskId]}` }}
|
||||||
<span
|
<span v-if="scope.row.Answers[task.VisitTaskId] !== 'NA' && !isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))">{{ `${$fd('ValueUnit',scope.row.Unit)}` }}</span>
|
||||||
v-if="scope.row.Answers[task.VisitTaskId] !== 'NA' && !isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))">{{
|
|
||||||
`${$fd('ValueUnit', scope.row.Unit)}` }}</span>
|
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="scope.row.ValueType === 2">
|
<template v-else-if="scope.row.ValueType === 2">
|
||||||
{{
|
{{ 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>
|
||||||
<template v-else-if="scope.row.Answers && scope.row.Answers.hasOwnProperty(task.VisitTaskId)">
|
<template v-else-if="scope.row.Answers && scope.row.Answers.hasOwnProperty(task.VisitTaskId)">
|
||||||
{{ scope.row.Answers[task.VisitTaskId] }}
|
{{ scope.row.Answers[task.VisitTaskId] }}
|
||||||
|
@ -190,17 +238,31 @@
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
<!-- 附加评估 -->
|
<!-- 附加评估 -->
|
||||||
<el-dialog v-if="additionalAssessmentsDig.visible" :visible.sync="additionalAssessmentsDig.visible"
|
<el-dialog
|
||||||
:close-on-click-modal="false" :title="additionalAssessmentsDig.title" width="600px">
|
v-if="additionalAssessmentsDig.visible"
|
||||||
<AdditionalAssessment :questions="assessmentQuestions" :visit-task-id="visitTaskId"
|
:visible.sync="additionalAssessmentsDig.visible"
|
||||||
@close="additionalAssessmentsDig.visible = false" @sign="sign" />
|
:close-on-click-modal="false"
|
||||||
|
:title="additionalAssessmentsDig.title"
|
||||||
|
width="600px"
|
||||||
|
>
|
||||||
|
<AdditionalAssessment
|
||||||
|
:questions="assessmentQuestions"
|
||||||
|
:visit-task-id="visitTaskId"
|
||||||
|
@close="additionalAssessmentsDig.visible = false"
|
||||||
|
@sign="sign"
|
||||||
|
/>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 签名框 -->
|
<!-- 签名框 -->
|
||||||
<el-dialog v-if="signVisible" :visible.sync="signVisible" :close-on-click-modal="false" width="600px"
|
<el-dialog
|
||||||
custom-class="base-dialog-wrapper">
|
v-if="signVisible"
|
||||||
|
:visible.sync="signVisible"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
width="600px"
|
||||||
|
custom-class="base-dialog-wrapper"
|
||||||
|
>
|
||||||
<div slot="title">
|
<div slot="title">
|
||||||
<span style="font-size:18px;">{{ $t('common:dialogTitle:sign') }}</span>
|
<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>
|
</div>
|
||||||
<SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
|
<SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
@ -262,11 +324,7 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters(['language']),
|
...mapGetters(['language'])
|
||||||
isBaseline() {
|
|
||||||
var i = this.visitTaskList.findIndex(i => i.VisitTaskId === this.visitTaskId)
|
|
||||||
return this.visitTaskList[i] ? this.visitTaskList[i].IsBaseLine : false
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
taskQuestions() {
|
taskQuestions() {
|
||||||
|
@ -382,7 +440,6 @@ export default {
|
||||||
this.setScrollTop()
|
this.setScrollTop()
|
||||||
}
|
}
|
||||||
this.loading = false
|
this.loading = false
|
||||||
await this.getTaskAdditionalQuestion()
|
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
this.loading = false
|
this.loading = false
|
||||||
console.log(e)
|
console.log(e)
|
||||||
|
@ -594,25 +651,6 @@ export default {
|
||||||
this.answerArr[idx].answer = val
|
this.answerArr[idx].answer = val
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async getTaskAdditionalQuestion() {
|
|
||||||
try {
|
|
||||||
const res = await getTaskAdditionalQuestion({ visitTaskId: this.visitTaskId })
|
|
||||||
this.assessmentQuestions = res.Result
|
|
||||||
} catch (err) {
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async openAssessment() {
|
|
||||||
try {
|
|
||||||
await this.getTaskAdditionalQuestion()
|
|
||||||
if (this.assessmentQuestions.length > 0) {
|
|
||||||
// 打开附加评估框
|
|
||||||
this.additionalAssessmentsDig.visible = true
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async handleConfirm() {
|
async handleConfirm() {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
try {
|
try {
|
||||||
|
@ -738,7 +776,7 @@ export default {
|
||||||
this.openWindow = window.open(routeData.href, '_blank')
|
this.openWindow = window.open(routeData.href, '_blank')
|
||||||
},
|
},
|
||||||
handleSave(isPrompt) {
|
handleSave(isPrompt) {
|
||||||
return new Promise(async (resolve, reject) => {
|
return new Promise(async(resolve, reject) => {
|
||||||
var isBeill
|
var isBeill
|
||||||
var evaluateResult = ''
|
var evaluateResult = ''
|
||||||
var evaluateAjustReason = ''
|
var evaluateAjustReason = ''
|
||||||
|
@ -762,7 +800,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:readingReport:message:msg2'), {
|
this.$confirm(this.$t('trials:readingReport:message:msg2'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
reject()
|
reject()
|
||||||
return
|
return
|
||||||
|
@ -772,7 +810,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:readingReport:message:msg2'), {
|
this.$confirm(this.$t('trials:readingReport:message:msg2'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
reject()
|
reject()
|
||||||
return
|
return
|
||||||
|
@ -782,7 +820,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:readingReport:message:msg3'), {
|
this.$confirm(this.$t('trials:readingReport:message:msg3'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
reject()
|
reject()
|
||||||
return
|
return
|
||||||
|
@ -844,36 +882,29 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.report-wrapper {
|
.report-wrapper{
|
||||||
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 10px 0px;
|
padding: 10px 0px;
|
||||||
// background-color: #fff;
|
// background-color: #fff;
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: 7px;
|
width: 7px;
|
||||||
height: 7px;
|
height: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background: #d0d0d0;
|
background: #d0d0d0;
|
||||||
}
|
}
|
||||||
|
.report-header{
|
||||||
.report-header {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
.el-card{
|
||||||
.el-card {
|
display:flex;flex-direction: column;height: 100%;
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
height: 100%;
|
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
border: none;
|
border:none;
|
||||||
|
::v-deep .el-card__body{
|
||||||
::v-deep .el-card__body {
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -891,51 +922,42 @@ export default {
|
||||||
// color: #ffffff;
|
// color: #ffffff;
|
||||||
// }
|
// }
|
||||||
|
|
||||||
::v-deep .el-table,
|
::v-deep .el-table, .el-table__expanded-cell {
|
||||||
.el-table__expanded-cell {
|
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-color: #444444;
|
border-color:#444444;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table th,
|
::v-deep .el-table th, .el-table tr {
|
||||||
.el-table tr {
|
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-color: #444444;
|
border-color:#444444;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-table__body tr > td{
|
||||||
::v-deep .el-table__body tr>td {
|
background-color:#000 !important;
|
||||||
background-color: #000 !important;
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-color: #444444;
|
border-color:#444444;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-table__body tr:hover > td{
|
||||||
::v-deep .el-table__body tr:hover>td {
|
background-color:#858282 !important;
|
||||||
background-color: #858282 !important;
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-color: #444444;
|
border-color:#444444;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-table--border th.gutter:last-of-type{
|
||||||
::v-deep .el-table--border th.gutter:last-of-type {
|
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-card__header{
|
||||||
::v-deep .el-card__header {
|
|
||||||
border: none;
|
border: none;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
::v-deep .el-switch__label{
|
||||||
::v-deep .el-switch__label {
|
color:#fff;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
::v-deep .el-switch__label.is-active{
|
||||||
::v-deep .el-switch__label.is-active {
|
|
||||||
color: #428bca;
|
color: #428bca;
|
||||||
}
|
}
|
||||||
|
.colorOfRed{
|
||||||
.colorOfRed {
|
|
||||||
color: #f66;
|
color: #f66;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -297,7 +297,7 @@ export default {
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters(['visitTaskList', 'currentReadingTaskState']),
|
...mapGetters(['visitTaskList', 'currentReadingTaskState']),
|
||||||
NSTip() {
|
NSTip() {
|
||||||
return `NS: ${this.$store.state.trials.downloadTip}`
|
return `NS: ${this.$store.state.trials.uploadTip}`
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
|
|
|
@ -1,44 +1,57 @@
|
||||||
<template>
|
<template>
|
||||||
<div ref="container" style="width:100%;height:100%" class="dicom-container">
|
<div ref="container" style="width:100%;height:100%" class="dicom-container">
|
||||||
<!-- 访视阅片 -->
|
<!-- 访视阅片 -->
|
||||||
<div
|
<div v-if="readingCategory === 1 && (CriterionType === 7 || ((CriterionType === 1 || CriterionType === 0) && readingVersionEnum === 1)) " class="reading-wrapper">
|
||||||
v-if="readingCategory === 1 && (CriterionType === 7 || ((CriterionType === 1 || CriterionType === 0) && readingVersionEnum === 1))"
|
|
||||||
class="reading-wrapper">
|
|
||||||
<VisitReview :reading-tool="readingTool" />
|
<VisitReview :reading-tool="readingTool" />
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div v-else-if="(isReadingTaskViewInOrder === 1 || ((isReadingTaskViewInOrder !== 1) && isShow)) && readingCategory=== 1 && CriterionType !== 0" class="reading-wrapper">
|
||||||
v-else-if="(isReadingTaskViewInOrder === 1 || ((isReadingTaskViewInOrder !== 1) && isShow)) && readingCategory === 1 && CriterionType !== 0"
|
|
||||||
class="reading-wrapper">
|
|
||||||
<el-tabs v-model="activeName" v-loading="loading" :before-leave="beforeLeave">
|
<el-tabs v-model="activeName" v-loading="loading" :before-leave="beforeLeave">
|
||||||
<!-- 阅片 -->
|
<!-- 阅片 -->
|
||||||
<el-tab-pane :label="$t('trials:reading:tabTitle:review')" name="read">
|
<el-tab-pane :label="$t('trials:reading:tabTitle:review')" name="read">
|
||||||
<ReadPage v-if="tabs.includes('read')" :trial-id="trialId" :visit-task-id="visitTaskId"
|
<ReadPage
|
||||||
:subject-id="subjectId" :subject-code="subjectCode" :is-show="isShow"
|
v-if="tabs.includes('read')"
|
||||||
:question-form-change-state="questionFormChangeState" :question-form-change-num="questionFormChangeNum"
|
:trial-id="trialId"
|
||||||
|
:visit-task-id="visitTaskId"
|
||||||
|
:subject-id="subjectId"
|
||||||
|
:subject-code="subjectCode"
|
||||||
|
:is-show="isShow"
|
||||||
|
:question-form-change-state="questionFormChangeState"
|
||||||
|
:question-form-change-num="questionFormChangeNum"
|
||||||
:is-reading-show-subject-info="isReadingShowSubjectInfo"
|
:is-reading-show-subject-info="isReadingShowSubjectInfo"
|
||||||
:is-reading-task-view-in-order="isReadingTaskViewInOrder" :is-exists-clinical-data="isExistsClinicalData"
|
:is-reading-task-view-in-order="isReadingTaskViewInOrder"
|
||||||
:is-exists-no-dicom-file="isExistsNoDicomFile" :is-exists-manual="isExistsManual"
|
:is-exists-clinical-data="isExistsClinicalData"
|
||||||
:ise-c-r-f-show-in-dicom-reading="IseCRFShowInDicomReading" @previewCD="previewCD" />
|
:is-exists-no-dicom-file="isExistsNoDicomFile"
|
||||||
|
:is-exists-manual="isExistsManual"
|
||||||
|
:ise-c-r-f-show-in-dicom-reading="IseCRFShowInDicomReading"
|
||||||
|
@previewCD="previewCD"
|
||||||
|
/>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<!-- 报告 -->
|
<!-- 报告 -->
|
||||||
<el-tab-pane v-if="!IseCRFShowInDicomReading" :label="$t('trials:reading:tabTitle:report')" name="report">
|
<el-tab-pane v-if="!IseCRFShowInDicomReading" :label="$t('trials:reading:tabTitle:report')" name="report">
|
||||||
<ReportPage v-if="tabs.includes('report') && isShow" ref="reportPage"
|
<ReportPage v-if="tabs.includes('report') && isShow" ref="reportPage" :question-form-change-state="questionFormChangeState" :visit-task-id="visitTaskId" />
|
||||||
:question-form-change-state="questionFormChangeState" :visit-task-id="visitTaskId" />
|
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div v-else-if="(isReadingTaskViewInOrder === 1 || ((isReadingTaskViewInOrder !== 1) && isShow)) && readingCategory=== 1 && CriterionType === 0" class="reading-wrapper">
|
||||||
v-else-if="(isReadingTaskViewInOrder === 1 || ((isReadingTaskViewInOrder !== 1) && isShow)) && readingCategory === 1 && CriterionType === 0"
|
|
||||||
class="reading-wrapper">
|
|
||||||
<el-tabs v-model="activeName" v-loading="loading" :before-leave="beforeLeaveCustomize">
|
<el-tabs v-model="activeName" v-loading="loading" :before-leave="beforeLeaveCustomize">
|
||||||
<!-- 阅片 -->
|
<!-- 阅片 -->
|
||||||
<el-tab-pane :label="$t('trials:reading:tabTitle:review')" name="read">
|
<el-tab-pane :label="$t('trials:reading:tabTitle:review')" name="read">
|
||||||
<CustomizeReadPage v-if="tabs.includes('read')" :trial-id="trialId"
|
<CustomizeReadPage
|
||||||
:trial-reading-criterion-id="TrialReadingCriterionId" :visit-task-id="visitTaskId" :subject-id="subjectId"
|
v-if="tabs.includes('read')"
|
||||||
:subject-code="subjectCode" :is-show="isShow" :is-reading-show-subject-info="isReadingShowSubjectInfo"
|
:trial-id="trialId"
|
||||||
|
:trial-reading-criterion-id="TrialReadingCriterionId"
|
||||||
|
:visit-task-id="visitTaskId"
|
||||||
|
:subject-id="subjectId"
|
||||||
|
:subject-code="subjectCode"
|
||||||
|
:is-show="isShow"
|
||||||
|
:is-reading-show-subject-info="isReadingShowSubjectInfo"
|
||||||
:is-reading-task-view-in-order="isReadingTaskViewInOrder"
|
:is-reading-task-view-in-order="isReadingTaskViewInOrder"
|
||||||
:ise-c-r-f-show-in-dicom-reading="IseCRFShowInDicomReading" :is-exists-clinical-data="isExistsClinicalData"
|
:ise-c-r-f-show-in-dicom-reading="IseCRFShowInDicomReading"
|
||||||
:is-exists-no-dicom-file="isExistsNoDicomFile" :is-exists-manual="isExistsManual" @previewCD="previewCD" />
|
:is-exists-clinical-data="isExistsClinicalData"
|
||||||
|
:is-exists-no-dicom-file="isExistsNoDicomFile"
|
||||||
|
:is-exists-manual="isExistsManual"
|
||||||
|
@previewCD="previewCD"
|
||||||
|
/>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<!-- 报告 -->
|
<!-- 报告 -->
|
||||||
<el-tab-pane v-if="!IseCRFShowInDicomReading" :label="$t('trials:reading:tabTitle:report')" name="report">
|
<el-tab-pane v-if="!IseCRFShowInDicomReading" :label="$t('trials:reading:tabTitle:report')" name="report">
|
||||||
|
@ -47,40 +60,70 @@
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
</div>
|
</div>
|
||||||
<!-- 全局阅片 -->
|
<!-- 全局阅片 -->
|
||||||
<GlobalReview v-else-if="isShow && readingCategory === 2" :trial-id="trialId" :subject-id="subjectId"
|
<GlobalReview
|
||||||
:visit-task-id="visitTaskId" :reading-category="readingCategory" :subject-code="subjectCode"
|
v-else-if="isShow && readingCategory === 2"
|
||||||
:task-blind-name="taskBlindName" :is-reading-show-subject-info="isReadingShowSubjectInfo"
|
:trial-id="trialId"
|
||||||
|
:subject-id="subjectId"
|
||||||
|
:visit-task-id="visitTaskId"
|
||||||
|
:reading-category="readingCategory"
|
||||||
|
:subject-code="subjectCode"
|
||||||
|
:task-blind-name="taskBlindName"
|
||||||
|
:is-reading-show-subject-info="isReadingShowSubjectInfo"
|
||||||
:is-reading-show-previous-results="isReadingShowPreviousResults"
|
:is-reading-show-previous-results="isReadingShowPreviousResults"
|
||||||
:is-exists-clinical-data="isExistsClinicalData" />
|
:is-exists-clinical-data="isExistsClinicalData"
|
||||||
|
/>
|
||||||
<!-- 裁判阅片 -->
|
<!-- 裁判阅片 -->
|
||||||
<AdReview v-else-if="isShow && readingCategory === 4" :trial-id="trialId" :subject-id="subjectId"
|
<AdReview
|
||||||
:visit-task-id="visitTaskId" :reading-category="readingCategory" :subject-code="subjectCode"
|
v-else-if="isShow && readingCategory === 4"
|
||||||
:task-blind-name="taskBlindName" :is-reading-show-subject-info="isReadingShowSubjectInfo"
|
:trial-id="trialId"
|
||||||
|
:subject-id="subjectId"
|
||||||
|
:visit-task-id="visitTaskId"
|
||||||
|
:reading-category="readingCategory"
|
||||||
|
:subject-code="subjectCode"
|
||||||
|
:task-blind-name="taskBlindName"
|
||||||
|
:is-reading-show-subject-info="isReadingShowSubjectInfo"
|
||||||
:is-reading-show-previous-results="isReadingShowPreviousResults"
|
:is-reading-show-previous-results="isReadingShowPreviousResults"
|
||||||
:is-exists-clinical-data="isExistsClinicalData" />
|
:is-exists-clinical-data="isExistsClinicalData"
|
||||||
|
/>
|
||||||
|
|
||||||
<!-- 肿瘤学阅片 -->
|
<!-- 肿瘤学阅片 -->
|
||||||
<OncologyReview v-else-if="isShow && readingCategory === 5" :trial-id="trialId" :subject-id="subjectId"
|
<OncologyReview
|
||||||
:visit-task-id="visitTaskId" :reading-category="readingCategory" :subject-code="subjectCode"
|
v-else-if="isShow && readingCategory === 5"
|
||||||
:task-blind-name="taskBlindName" :is-reading-show-subject-info="isReadingShowSubjectInfo"
|
:trial-id="trialId"
|
||||||
|
:subject-id="subjectId"
|
||||||
|
:visit-task-id="visitTaskId"
|
||||||
|
:reading-category="readingCategory"
|
||||||
|
:subject-code="subjectCode"
|
||||||
|
:task-blind-name="taskBlindName"
|
||||||
|
:is-reading-show-subject-info="isReadingShowSubjectInfo"
|
||||||
:is-reading-show-previous-results="isReadingShowPreviousResults"
|
:is-reading-show-previous-results="isReadingShowPreviousResults"
|
||||||
:is-exists-clinical-data="isExistsClinicalData" />
|
:is-exists-clinical-data="isExistsClinicalData"
|
||||||
|
/>
|
||||||
|
|
||||||
<el-dialog :visible.sync="dialogVisible" :custom-class="isFullscreen ? 'full-dialog-container' : 'dialog-container'"
|
<el-dialog
|
||||||
:show-close="false" :close-on-click-modal="false" :fullscreen="isFullscreen">
|
:visible.sync="dialogVisible"
|
||||||
|
:custom-class="isFullscreen?'full-dialog-container':'dialog-container'"
|
||||||
|
:show-close="false"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
:fullscreen="isFullscreen"
|
||||||
|
>
|
||||||
<span slot="title" class="dialog-footer">
|
<span slot="title" class="dialog-footer">
|
||||||
<!-- 当前阅片任务存在临床数据,请查看。若已查看,请点击“确认” -->
|
<!-- 当前阅片任务存在临床数据,请查看。若已查看,请点击“确认” -->
|
||||||
<span v-if="!closeCDVisible">{{ $t('trials:reading:dagTitle:msg1') }}</span>
|
<span v-if="!closeCDVisible">{{ $t('trials:reading:dagTitle:msg1') }}</span>
|
||||||
<div style="position: absolute;right: 20px;top: 10px;">
|
<div style="position: absolute;right: 20px;top: 10px;">
|
||||||
<svg-icon :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'"
|
<svg-icon :icon-class="isFullscreen?'exit-fullscreen':'fullscreen'" style="cursor: pointer;font-size: 20px;" @click="isFullscreen=!isFullscreen" />
|
||||||
style="cursor: pointer;font-size: 20px;" @click="isFullscreen = !isFullscreen" />
|
<svg-icon v-if="closeCDVisible" icon-class="dClose" style="cursor: pointer;font-size: 25px;margin-left: 10px;" @click="dialogVisible = false" />
|
||||||
<svg-icon v-if="closeCDVisible" icon-class="dClose" style="cursor: pointer;font-size: 25px;margin-left: 10px;"
|
|
||||||
@click="dialogVisible = false" />
|
|
||||||
</div>
|
</div>
|
||||||
</span>
|
</span>
|
||||||
<div style="height: 100%;margin:0;display: flex;flex-direction: column;">
|
<div style="height: 100%;margin:0;display: flex;flex-direction: column;">
|
||||||
<ClinicalData v-if="dialogVisible" style="flex: 1" :trial-id="trialId" :subject-id="subjectId"
|
<ClinicalData
|
||||||
:visit-task-id="cdVisitTaskId" :is-reading-show-subject-info="isReadingShowSubjectInfo" />
|
v-if="dialogVisible"
|
||||||
|
style="flex: 1"
|
||||||
|
:trial-id="trialId"
|
||||||
|
:subject-id="subjectId"
|
||||||
|
:visit-task-id="cdVisitTaskId"
|
||||||
|
:is-reading-show-subject-info="isReadingShowSubjectInfo"
|
||||||
|
/>
|
||||||
<div v-if="!closeCDVisible" style="text-align:right">
|
<div v-if="!closeCDVisible" style="text-align:right">
|
||||||
<!-- 确认 -->
|
<!-- 确认 -->
|
||||||
<el-button type="primary" @click="handleConfirmCD">{{ $t('trials:reading:button:confirm') }}</el-button>
|
<el-button type="primary" @click="handleConfirmCD">{{ $t('trials:reading:button:confirm') }}</el-button>
|
||||||
|
@ -88,7 +131,12 @@
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
<el-dialog :visible.sync="tipVisible" :show-close="false" :close-on-click-modal="false" width="500px">
|
<el-dialog
|
||||||
|
:visible.sync="tipVisible"
|
||||||
|
:show-close="false"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
width="500px"
|
||||||
|
>
|
||||||
<span slot="title" class="dialog-footer">
|
<span slot="title" class="dialog-footer">
|
||||||
<!-- 提示 -->
|
<!-- 提示 -->
|
||||||
{{ $t('trials:iRecist:warnning:msg44') }}
|
{{ $t('trials:iRecist:warnning:msg44') }}
|
||||||
|
@ -121,41 +169,11 @@
|
||||||
<el-button type="primary" @click="tipVisible = false">{{ $t('trials:reading:button:confirm') }}</el-button>
|
<el-button type="primary" @click="tipVisible = false">{{ $t('trials:reading:button:confirm') }}</el-button>
|
||||||
</span>
|
</span>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<el-dialog :visible.sync="dialogBodyPartVisible"
|
|
||||||
:custom-class="isFullscreen ? 'full-dialog-container' : 'dialog-container'" :show-close="false"
|
|
||||||
:close-on-click-modal="false" :fullscreen="isFullscreen">
|
|
||||||
<span slot="title" class="dialog-footer">
|
|
||||||
<!-- <span>{{ $t('trials:reading:dagTitle:msg1') }}</span> -->
|
|
||||||
<div style="position: absolute;right: 20px;top: 10px;">
|
|
||||||
<svg-icon :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'"
|
|
||||||
style="cursor: pointer;font-size: 20px;" @click="isFullscreen = !isFullscreen" />
|
|
||||||
<svg-icon icon-class="dClose" style="cursor: pointer;font-size: 25px;margin-left: 10px;"
|
|
||||||
@click="dialogBodyPartVisible = false" />
|
|
||||||
</div>
|
|
||||||
</span>
|
|
||||||
<div style="height: 100%;margin:0;display: flex;flex-direction: column;">
|
|
||||||
<el-table :data="BodyPart" style="width: 100%">
|
|
||||||
<el-table-column prop="StudyCode" :label="$t('trials:reading:table:StudyCode')">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="Modalities" :label="$t('trials:reading:table:Modalities')">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="BodyPart" :label="$t('trials:reading:table:BodyPart')">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span>{{ Array.isArray(scope.row.BodyPart) ? scope.row.BodyPart.join(" | ") : '' }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
<div style="text-align:right;margin-top: 10px;">
|
|
||||||
<!-- 确认 -->
|
|
||||||
<el-button type="primary" @click="handleConfirmBP">{{ $t('trials:reading:button:confirm')
|
|
||||||
}}</el-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { getNextTask, readClinicalData, verifyDefaultQuestionBeAnswer, viewstudyPart } from '@/api/trials'
|
import { getNextTask, readClinicalData, verifyDefaultQuestionBeAnswer } from '@/api/trials'
|
||||||
import VisitReview from './../dicoms3D/components/VisitReview'
|
import VisitReview from './../dicoms3D/components/VisitReview'
|
||||||
import ReadPage from './components/ReadPage'
|
import ReadPage from './components/ReadPage'
|
||||||
import CustomizeReadPage from './customize/CustomizeReadPage'
|
import CustomizeReadPage from './customize/CustomizeReadPage'
|
||||||
|
@ -170,7 +188,6 @@ import store from '@/store'
|
||||||
// import { getToken } from '@/utils/auth'
|
// import { getToken } from '@/utils/auth'
|
||||||
import { changeURLStatic } from '@/utils/history.js'
|
import { changeURLStatic } from '@/utils/history.js'
|
||||||
import requestPoolManager from '@/utils/request-pool'
|
import requestPoolManager from '@/utils/request-pool'
|
||||||
import { mapGetters } from 'vuex'
|
|
||||||
export default {
|
export default {
|
||||||
name: 'Reading',
|
name: 'Reading',
|
||||||
components: {
|
components: {
|
||||||
|
@ -218,13 +235,9 @@ export default {
|
||||||
tipVisible: false,
|
tipVisible: false,
|
||||||
closeCDVisible: false,
|
closeCDVisible: false,
|
||||||
cdVisitTaskId: '',
|
cdVisitTaskId: '',
|
||||||
readingVersionEnum: null,
|
readingVersionEnum: null
|
||||||
dialogBodyPartVisible: false
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
|
||||||
...mapGetters(['BodyPart'])
|
|
||||||
},
|
|
||||||
mounted() {
|
mounted() {
|
||||||
requestPoolManager.resetRequestPool()
|
requestPoolManager.resetRequestPool()
|
||||||
requestPoolManager.setSortType(0)
|
requestPoolManager.setSortType(0)
|
||||||
|
@ -251,10 +264,6 @@ export default {
|
||||||
this.dialogVisible = true
|
this.dialogVisible = true
|
||||||
this.cdVisitTaskId = taskId
|
this.cdVisitTaskId = taskId
|
||||||
})
|
})
|
||||||
DicomEvent.$on('previewBP', (taskId) => {
|
|
||||||
this.isFullscreen = false
|
|
||||||
this.dialogBodyPartVisible = true
|
|
||||||
})
|
|
||||||
this.activeName = this.$router.currentRoute.query.tabName ? this.$router.currentRoute.query.tabName : 'read'
|
this.activeName = this.$router.currentRoute.query.tabName ? this.$router.currentRoute.query.tabName : 'read'
|
||||||
this.tabs.push(this.activeName)
|
this.tabs.push(this.activeName)
|
||||||
this.trialId = this.$router.currentRoute.query.trialId
|
this.trialId = this.$router.currentRoute.query.trialId
|
||||||
|
@ -285,7 +294,6 @@ export default {
|
||||||
beforeDestroy() {
|
beforeDestroy() {
|
||||||
DicomEvent.$off('getNextTask')
|
DicomEvent.$off('getNextTask')
|
||||||
DicomEvent.$off('previewCD')
|
DicomEvent.$off('previewCD')
|
||||||
DicomEvent.$off('previewBP')
|
|
||||||
DicomEvent.$emit('resetOpenWindow')
|
DicomEvent.$emit('resetOpenWindow')
|
||||||
window.removeEventListener('beforeunload', this.handleWindowClose)
|
window.removeEventListener('beforeunload', this.handleWindowClose)
|
||||||
},
|
},
|
||||||
|
@ -328,7 +336,6 @@ export default {
|
||||||
this.isExistsClinicalData = res.Result.IsExistsClinicalData
|
this.isExistsClinicalData = res.Result.IsExistsClinicalData
|
||||||
this.isExistsManual = res.Result.ExistsManual
|
this.isExistsManual = res.Result.ExistsManual
|
||||||
this.isReadClinicalData = res.Result.IsReadClinicalData
|
this.isReadClinicalData = res.Result.IsReadClinicalData
|
||||||
this.IsViewStudyPart = res.Result.IsViewStudyPart
|
|
||||||
this.isNeedReadClinicalData = res.Result.IsNeedReadClinicalData
|
this.isNeedReadClinicalData = res.Result.IsNeedReadClinicalData
|
||||||
this.CriterionType = res.Result.CriterionType
|
this.CriterionType = res.Result.CriterionType
|
||||||
this.digitPlaces = res.Result.DigitPlaces
|
this.digitPlaces = res.Result.DigitPlaces
|
||||||
|
@ -349,10 +356,6 @@ export default {
|
||||||
this.dialogVisible = true
|
this.dialogVisible = true
|
||||||
this.cdVisitTaskId = this.visitTaskId
|
this.cdVisitTaskId = this.visitTaskId
|
||||||
}
|
}
|
||||||
if ((this.CriterionType === 19 || this.CriterionType === 20) && !this.IsViewStudyPart) {
|
|
||||||
this.isFullscreen = false
|
|
||||||
this.dialogBodyPartVisible = true
|
|
||||||
}
|
|
||||||
if (res.Result.ReadingCategory === 1) {
|
if (res.Result.ReadingCategory === 1) {
|
||||||
this.activeName = 'read'
|
this.activeName = 'read'
|
||||||
this.tabs = [this.activeName]
|
this.tabs = [this.activeName]
|
||||||
|
@ -498,18 +501,6 @@ export default {
|
||||||
this.loading = false
|
this.loading = false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async handleConfirmBP() {
|
|
||||||
this.loading = true
|
|
||||||
var visitTaskId = this.visitTaskId
|
|
||||||
try {
|
|
||||||
await viewstudyPart({ visitTaskId })
|
|
||||||
this.loading = false
|
|
||||||
this.dialogBodyPartVisible = false
|
|
||||||
this.IsViewStudyPart = true
|
|
||||||
} catch (e) {
|
|
||||||
this.loading = false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
previewCD() {
|
previewCD() {
|
||||||
this.closeCDVisible = true
|
this.closeCDVisible = true
|
||||||
this.isFullscreen = false
|
this.isFullscreen = false
|
||||||
|
@ -523,58 +514,48 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
::v-deep.el-message-box__headerbtn {
|
::v-deep.el-message-box__headerbtn{
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
.dicom-container{
|
||||||
.dicom-container {
|
.reading-wrapper{
|
||||||
.reading-wrapper {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
|
::v-deep.el-tabs{
|
||||||
::v-deep.el-tabs {
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
.el-tabs__item{
|
||||||
.el-tabs__item {
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
.el-tabs__header{
|
||||||
.el-tabs__header {
|
|
||||||
height: 50px;
|
height: 50px;
|
||||||
margin: 0px;
|
margin:0px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
.el-tabs__content{
|
||||||
.el-tabs__content {
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
margin: 0px;
|
margin:0px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
.el-tabs__item{
|
||||||
.el-tabs__item {
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
.el-tab-pane{
|
||||||
.el-tab-pane {
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
::v-deep.hot-keys-label{
|
||||||
::v-deep.hot-keys-label {
|
|
||||||
color: #dfdfdf !important;
|
color: #dfdfdf !important;
|
||||||
}
|
}
|
||||||
|
::v-deep.shortcut-key-input span{
|
||||||
::v-deep.shortcut-key-input span {
|
|
||||||
color: #dfdfdf !important;
|
color: #dfdfdf !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
// ::v-deep .el-dialog{
|
// ::v-deep .el-dialog{
|
||||||
// background: #1e1e1e;
|
// background: #1e1e1e;
|
||||||
// ::v-deep .el-dialog__body{
|
// ::v-deep .el-dialog__body{
|
||||||
|
@ -582,56 +563,49 @@ export default {
|
||||||
// }
|
// }
|
||||||
|
|
||||||
// }
|
// }
|
||||||
::v-deep.el-dialog {
|
::v-deep.el-dialog{
|
||||||
background: #1e1e1e;
|
background: #1e1e1e;
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
|
.el-dialog__title{
|
||||||
.el-dialog__title {
|
color:#fff;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
.el-input .el-input__inner{
|
||||||
.el-input .el-input__inner {
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
border: 1px solid #5e5e5e;
|
border: 1px solid #5e5e5e;
|
||||||
}
|
}
|
||||||
|
.el-input.is-disabled .el-input__inner{
|
||||||
.el-input.is-disabled .el-input__inner {
|
|
||||||
background-color: #646464a1;
|
background-color: #646464a1;
|
||||||
}
|
}
|
||||||
|
.el-form-item__label{
|
||||||
.el-form-item__label {
|
|
||||||
color: #dfdfdf
|
color: #dfdfdf
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
::v-deep.dialog-container{
|
||||||
::v-deep.dialog-container {
|
|
||||||
margin-top: 50px !important;
|
margin-top: 50px !important;
|
||||||
width: 75%;
|
width:75%;
|
||||||
height: 80%;
|
height:80%;
|
||||||
}
|
}
|
||||||
|
::v-deep.el-dialog__body{
|
||||||
::v-deep.el-dialog__body {
|
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
height: calc(100% - 70px);
|
height: calc(100% - 70px);
|
||||||
}
|
}
|
||||||
|
.el-dialog__header{
|
||||||
.el-dialog__header {
|
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-radio__input.is-disabled.is-checked .el-radio__inner {
|
::v-deep .el-radio__input.is-disabled.is-checked .el-radio__inner {
|
||||||
background-color: #428bca;
|
background-color: #428bca;
|
||||||
border-color: #428bca;
|
border-color: #428bca;
|
||||||
}
|
}
|
||||||
|
|
||||||
.full-dialog-container {
|
.full-dialog-container{
|
||||||
::v-deep.is-fullscreen .el-dialog__body {
|
::v-deep.is-fullscreen .el-dialog__body{
|
||||||
height: calc(100% - 70px);
|
height: calc(100% - 70px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -7,26 +7,33 @@
|
||||||
</div>
|
</div>
|
||||||
<div style="height: 100%;" class="left-content">
|
<div style="height: 100%;" class="left-content">
|
||||||
<!-- 检查层级 -->
|
<!-- 检查层级 -->
|
||||||
<div v-for="(study, i) in studyList" :key="study.CodeView">
|
<div v-for="(study,i) in studyList" :key="study.CodeView">
|
||||||
<div class="study-desc">
|
<div class="study-desc">
|
||||||
<span>{{ study.CodeView }}</span>
|
<span>{{ study.CodeView }}</span>
|
||||||
<span style="margin:0 5px">{{ study.Modality }}</span>
|
<span style="margin:0 5px">{{ study.Modality }}</span>
|
||||||
<span>{{ getBodyPart(study.BodyPart, study.BodyPartForEditOther) }}</span>
|
<span>{{ getBodyPart(study.BodyPart) }}</span>
|
||||||
</div>
|
</div>
|
||||||
<!-- 文件层级 -->
|
<!-- 文件层级 -->
|
||||||
<div v-if="study.NoneDicomStudyFileList.length === 0" class="empty-text">
|
<div v-if="study.NoneDicomStudyFileList.length === 0" class="empty-text">
|
||||||
<slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
|
<slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
|
||||||
</div>
|
</div>
|
||||||
<div v-else id="imgList" style="height:100%;">
|
<div v-else id="imgList" style="height:100%;">
|
||||||
<div v-for="(item, j) in study.NoneDicomStudyFileList" :id="`img${item.Id}`" :key="item.Id" :class="{
|
<div
|
||||||
|
v-for="(item,j) in study.NoneDicomStudyFileList"
|
||||||
|
:id="`img${item.Id}`"
|
||||||
|
:key="item.Id"
|
||||||
|
:class="{
|
||||||
'is-boxActive': item.Id === currentFileId
|
'is-boxActive': item.Id === currentFileId
|
||||||
}" class="img-box" @click="selected(item, i, j, true)">
|
}"
|
||||||
|
class="img-box"
|
||||||
|
@click="selected(item,i,j,true)"
|
||||||
|
>
|
||||||
<div v-if="item.FileName.length < 15" class="img-text">
|
<div v-if="item.FileName.length < 15" class="img-text">
|
||||||
{{ `${j + 1}. ${item.FileName}` }}
|
{{ `${j+1}. ${item.FileName}` }}
|
||||||
</div>
|
</div>
|
||||||
<el-tooltip v-else :content="item.FileName" placement="bottom">
|
<el-tooltip v-else :content="item.FileName" placement="bottom">
|
||||||
<div class="img-text">
|
<div class="img-text">
|
||||||
{{ `${j + 1}. ${item.FileName}` }}
|
{{ `${j+1}. ${item.FileName}` }}
|
||||||
</div>
|
</div>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</div>
|
</div>
|
||||||
|
@ -39,9 +46,15 @@
|
||||||
<!-- 预览图像 -->
|
<!-- 预览图像 -->
|
||||||
<el-card class="box-card right">
|
<el-card class="box-card right">
|
||||||
<div style="width:100%;height: 100%;">
|
<div style="width:100%;height: 100%;">
|
||||||
<NoneDicomsViewer v-if="previewImage.imgList.length > 0" ref="previewImage" style="width:100%;"
|
<NoneDicomsViewer
|
||||||
:preview-image="previewImage" :value="currentStudyFileIndex" :reading-task-state="readingTaskState"
|
v-if="previewImage.imgList.length > 0"
|
||||||
@selectedImg="selectedImg" />
|
ref="previewImage"
|
||||||
|
style="width:100%;"
|
||||||
|
:preview-image="previewImage"
|
||||||
|
:value="currentStudyFileIndex"
|
||||||
|
:reading-task-state="readingTaskState"
|
||||||
|
@selectedImg="selectedImg"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</el-card>
|
</el-card>
|
||||||
|
@ -90,11 +103,11 @@ export default {
|
||||||
visistTaskId: '',
|
visistTaskId: '',
|
||||||
taskBlindName: '',
|
taskBlindName: '',
|
||||||
readingTaskState: 2,
|
readingTaskState: 2,
|
||||||
BodyPart: {}
|
bp: []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async mounted() {
|
async mounted() {
|
||||||
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
|
this.bp = await this.$getBodyPart(this.$route.query.trialId)
|
||||||
if (this.$router.currentRoute.query.TokenKey) {
|
if (this.$router.currentRoute.query.TokenKey) {
|
||||||
store.dispatch('user/setToken', this.$router.currentRoute.query.TokenKey)
|
store.dispatch('user/setToken', this.$router.currentRoute.query.TokenKey)
|
||||||
changeURLStatic('TokenKey', '')
|
changeURLStatic('TokenKey', '')
|
||||||
|
@ -170,8 +183,8 @@ export default {
|
||||||
preview() {
|
preview() {
|
||||||
this.previewVisible = true
|
this.previewVisible = true
|
||||||
},
|
},
|
||||||
getBodyPart(bodyPart, other) {
|
getBodyPart(bodyPart) {
|
||||||
if (!bodyPart && !other) return ''
|
if (!bodyPart) return ''
|
||||||
var separator = ','
|
var separator = ','
|
||||||
if (bodyPart.indexOf('|') > -1) {
|
if (bodyPart.indexOf('|') > -1) {
|
||||||
separator = '|'
|
separator = '|'
|
||||||
|
@ -181,61 +194,51 @@ export default {
|
||||||
separator = ','
|
separator = ','
|
||||||
}
|
}
|
||||||
var arr = bodyPart.split(separator)
|
var arr = bodyPart.split(separator)
|
||||||
var newArr = arr.map((i) => {
|
var newArr = arr.map(i => {
|
||||||
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
|
return this.$fd('Bodypart', i.trim(), 'Code', { Bodypart: this.bp }, 'Name')
|
||||||
})
|
})
|
||||||
if (other) {
|
|
||||||
newArr.push(other)
|
|
||||||
}
|
|
||||||
newArr = newArr.filter(Boolean)
|
|
||||||
return newArr.join(' | ')
|
return newArr.join(' | ')
|
||||||
},
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.img-container {
|
.img-container{
|
||||||
flex: 1;
|
flex: 1;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: 7px;
|
width: 7px;
|
||||||
height: 7px;
|
height: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background: #d0d0d0;
|
background: #d0d0d0;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-card__body{
|
||||||
::v-deep .el-card__body {
|
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.study-desc{
|
||||||
.study-desc {
|
|
||||||
padding: 10px 5px;
|
padding: 10px 5px;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
background-color: #ebebeb;
|
background-color: #ebebeb;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
.left{
|
||||||
.left {
|
width:240px;
|
||||||
width: 240px;
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
::v-deep .el-card__body {
|
::v-deep .el-card__body{
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
.title{
|
||||||
.title {
|
|
||||||
height: 40px;
|
height: 40px;
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
border: 1ppx solid;
|
border: 1ppx solid;
|
||||||
|
@ -244,32 +247,27 @@ export default {
|
||||||
background-color: #4e4e4e;
|
background-color: #4e4e4e;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
.left-content{
|
||||||
.left-content {
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-tabs{
|
||||||
::v-deep .el-tabs {
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display:flex;
|
||||||
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-tabs__header{
|
||||||
::v-deep .el-tabs__header {
|
|
||||||
height: 40px;
|
height: 40px;
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-tabs__content{
|
||||||
::v-deep .el-tabs__content {
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
}
|
}
|
||||||
|
.img-box{
|
||||||
.img-box {
|
|
||||||
// position: relative;
|
// position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
@ -278,40 +276,34 @@ export default {
|
||||||
// margin-bottom: 5px;
|
// margin-bottom: 5px;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
}
|
}
|
||||||
|
.img-text{
|
||||||
.img-text {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis; /* 用省略号表示溢出的文本 */
|
||||||
/* 用省略号表示溢出的文本 */
|
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
.img-box:nth-last-child(1){
|
||||||
.img-box:nth-last-child(1) {
|
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.is-boxActive {
|
.is-boxActive {
|
||||||
// border-color: #409eff;
|
// border-color: #409eff;
|
||||||
color: #409eff;
|
color: #409eff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.is-boxActiv:after {
|
.is-boxActiv:after {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.right{
|
||||||
.right {
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
|
::v-deep .el-card__body{
|
||||||
::v-deep .el-card__body {
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -260,9 +260,9 @@ export default {
|
||||||
this.defaultWindowLevel.windowCenter = windowCenter
|
this.defaultWindowLevel.windowCenter = windowCenter
|
||||||
this.imageInfo.wwwc = `${Math.round(windowWidth)}/${Math.round(windowCenter)}`
|
this.imageInfo.wwwc = `${Math.round(windowWidth)}/${Math.round(windowCenter)}`
|
||||||
}
|
}
|
||||||
const toolGroupId = this.viewportId
|
// const toolGroupId = `viewport-${this.viewportIndex}`
|
||||||
const toolGroup = cornerstoneTools.ToolGroupManager.getToolGroup(toolGroupId)
|
// const toolGroup = ToolGroupManager.getToolGroup(toolGroupId)
|
||||||
toolGroup.setToolEnabled('ScaleOverlay')
|
// toolGroup.setToolEnabled('ScaleOverlay')
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -98,11 +98,11 @@
|
||||||
<div
|
<div
|
||||||
style="display: inline-block;margin-left:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:60px">
|
style="display: inline-block;margin-left:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:60px">
|
||||||
<template
|
<template
|
||||||
v-if="innerFormData[`${table.Id}_${answer.RowIndex}`].IsLymphNodes && !isNaN(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionShort))">
|
v-if="innerFormData[`${table.Id}_${answer.RowIndex}`].IsLymphLesion && !isNaN(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionShort))">
|
||||||
{{ innerFormData[`${table.Id}_${answer.RowIndex}`].LesionShort }}mm
|
{{ innerFormData[`${table.Id}_${answer.RowIndex}`].LesionShort }}mm
|
||||||
</template>
|
</template>
|
||||||
<template
|
<template
|
||||||
v-else-if="!innerFormData[`${table.Id}_${answer.RowIndex}`].IsLymphNodes && !isNaN(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionLength))">
|
v-else-if="!innerFormData[`${table.Id}_${answer.RowIndex}`].IsLymphLesion && !isNaN(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionLength))">
|
||||||
{{ innerFormData[`${table.Id}_${answer.RowIndex}`].LesionLength }}mm
|
{{ innerFormData[`${table.Id}_${answer.RowIndex}`].LesionLength }}mm
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -5,49 +5,87 @@
|
||||||
<!-- 电子影像病例报告表(eICRF) -->
|
<!-- 电子影像病例报告表(eICRF) -->
|
||||||
<h3 style="margin:0;padding:0;">{{ $t('trials:readingReport:title:eicrf') }}</h3>
|
<h3 style="margin:0;padding:0;">{{ $t('trials:readingReport:title:eicrf') }}</h3>
|
||||||
<div style="margin-left:auto">
|
<div style="margin-left:auto">
|
||||||
<el-switch v-model="isShowDetail" :active-text="$t('trials:readingReport:title:expandDetails')"
|
<el-switch
|
||||||
:inactive-text="$t('trials:readingReport:title:collapseDetails')" style="margin-right:5px;"
|
v-model="isShowDetail"
|
||||||
@change="handleShowDetail" />
|
:active-text="$t('trials:readingReport:title:expandDetails')"
|
||||||
<el-button type="primary" size="small" v-if="isBaseline && assessmentQuestions.length > 0"
|
:inactive-text="$t('trials:readingReport:title:collapseDetails')"
|
||||||
@click="openAssessment">
|
style="margin-right:5px;"
|
||||||
<!-- 附加评估 -->
|
@change="handleShowDetail"
|
||||||
{{ $t('trials:readingReport:button:assessment') }}
|
/>
|
||||||
</el-button>
|
<el-button
|
||||||
<el-button v-if="readingTaskState < 2" type="primary" size="small" @click="skipTask">
|
v-if="readingTaskState<2"
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
@click="skipTask"
|
||||||
|
>
|
||||||
<!-- 跳过 -->
|
<!-- 跳过 -->
|
||||||
{{ $t('trials:readingReport:button:skip') }}
|
{{ $t('trials:readingReport:button:skip') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button v-if="readingTaskState < 2" type="primary" size="small" @click="getReportInfo(false)">
|
<el-button
|
||||||
|
v-if="readingTaskState<2"
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
@click="getReportInfo(false)"
|
||||||
|
>
|
||||||
<!-- 刷新 -->
|
<!-- 刷新 -->
|
||||||
{{ $t('trials:readingReport:button:refresh') }}
|
{{ $t('trials:readingReport:button:refresh') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button v-if="readingTaskState < 2 && criterionType !== 10" type="primary" size="small"
|
<el-button
|
||||||
@click="handleSave(true)">
|
v-if="readingTaskState<2 && criterionType !== 10"
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
@click="handleSave(true)"
|
||||||
|
>
|
||||||
<!-- 保存 -->
|
<!-- 保存 -->
|
||||||
{{ $t('common:button:save') }}
|
{{ $t('common:button:save') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button v-if="readingTaskState < 2" type="primary" size="small" @click="beforeLeave">
|
<el-button
|
||||||
|
v-if="readingTaskState<2"
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
@click="beforeLeave"
|
||||||
|
>
|
||||||
<!-- 提交 -->
|
<!-- 提交 -->
|
||||||
{{ $t('common:button:submit') }}
|
{{ $t('common:button:submit') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div ref="tableWrapper" style="height:100%;overflow-y: auto;">
|
<div ref="tableWrapper" style="height:100%;overflow-y: auto;">
|
||||||
<el-table v-if="height" ref="reportList" :data="taskQuestions" row-key="Id" border
|
<el-table
|
||||||
:expand-row-keys="expandedRows" :height="height"
|
v-if="height"
|
||||||
:tree-props="{ children: 'Childrens', hasChildren: 'hasChildren' }" size="mini">
|
ref="reportList"
|
||||||
<el-table-column prop="" label="" show-overflow-tooltip width="350px">
|
:data="taskQuestions"
|
||||||
|
row-key="Id"
|
||||||
|
border
|
||||||
|
:expand-row-keys="expandedRows"
|
||||||
|
:height="height"
|
||||||
|
:tree-props="{children: 'Childrens', hasChildren: 'hasChildren'}"
|
||||||
|
size="mini"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
prop=""
|
||||||
|
label=""
|
||||||
|
show-overflow-tooltip
|
||||||
|
width="350px"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span v-if="scope.row.QuestionName"
|
<span v-if="scope.row.QuestionName" :style="{color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) ? '#f66' : '#fff'}">{{ scope.row.QuestionName }}</span>
|
||||||
:style="{ color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) ? '#f66' : '#fff' }">{{
|
<span
|
||||||
scope.row.QuestionName }}</span>
|
v-else
|
||||||
<span v-else style="font-weight: bold;font-size: 16px;color: #f44336;">
|
style="font-weight: bold;font-size: 16px;color: #f44336;"
|
||||||
{{ language === 'en' ? scope.row.GroupEnName : scope.row.GroupName }}
|
>
|
||||||
|
{{ language==='en'?scope.row.GroupEnName:scope.row.GroupName }}
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column v-for="task in visitTaskList" :key="task.VisitTaskId" prop="date" show-overflow-tooltip
|
<el-table-column
|
||||||
width="150px">
|
v-for="task in visitTaskList"
|
||||||
|
:key="task.VisitTaskId"
|
||||||
|
prop="date"
|
||||||
|
|
||||||
|
show-overflow-tooltip
|
||||||
|
width="150px"
|
||||||
|
>
|
||||||
<template slot="header">
|
<template slot="header">
|
||||||
<div v-if="task.IsCurrentTask">
|
<div v-if="task.IsCurrentTask">
|
||||||
<div>
|
<div>
|
||||||
|
@ -64,37 +102,58 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span
|
<span :style="{color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) || (scope.row.QuestionMark === 12) || scope.row.HighlightAnswerList.includes(`${scope.row.Answers[task.VisitTaskId]}`) ? '#f66' : '#fff'}">
|
||||||
:style="{ color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) || (scope.row.QuestionMark === 12) || scope.row.HighlightAnswerList.includes(`${scope.row.Answers[task.VisitTaskId]}`) ? '#f66' : '#fff' }">
|
<template v-if="task.VisitTaskId === visitTaskId && readingTaskState < 2 && [13,14,15,42].includes(scope.row.QuestionType)">
|
||||||
<template
|
|
||||||
v-if="task.VisitTaskId === visitTaskId && readingTaskState < 2 && [13, 14, 15, 42].includes(scope.row.QuestionType)">
|
|
||||||
<!-- 是否存在疾病(基线时可修改) -->
|
<!-- 是否存在疾病(基线时可修改) -->
|
||||||
<template v-if="task.IsBaseLine && scope.row.QuestionType === 15">
|
<template v-if="task.IsBaseLine && scope.row.QuestionType=== 15">
|
||||||
<el-select v-if="scope.row.Type === 'select' && scope.row.DictionaryCode"
|
<el-select
|
||||||
v-model="currentExistDisease" size="mini" @change="handleExistDiseaseChange">
|
v-if="scope.row.Type==='select' && scope.row.DictionaryCode"
|
||||||
<el-option v-for="item of $d[scope.row.DictionaryCode]" :key="item.id" :value="item.value"
|
v-model="currentExistDisease"
|
||||||
:label="item.label" />
|
size="mini"
|
||||||
|
@change="handleExistDiseaseChange"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of $d[ scope.row.DictionaryCode]"
|
||||||
|
:key="item.id"
|
||||||
|
:value="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</template>
|
</template>
|
||||||
<!-- 整体肿瘤评估(非基线可修改) -->
|
<!-- 整体肿瘤评估(非基线可修改) -->
|
||||||
<template
|
<template v-else-if="!task.IsBaseLine && (scope.row.QuestionType=== 13 || scope.row.QuestionType=== 42)">
|
||||||
v-else-if="!task.IsBaseLine && (scope.row.QuestionType === 13 || scope.row.QuestionType === 42)">
|
<el-select
|
||||||
<el-select v-if="scope.row.Type === 'select' && scope.row.DictionaryCode"
|
v-if="scope.row.Type==='select' && scope.row.DictionaryCode"
|
||||||
v-model="currentEvaluateResult" size="mini" @change="handleEvaluateResultChange">
|
v-model="currentEvaluateResult"
|
||||||
|
size="mini"
|
||||||
|
@change="handleEvaluateResultChange"
|
||||||
|
>
|
||||||
<template v-if="criterionType === 1 && tLesionCount">
|
<template v-if="criterionType === 1 && tLesionCount">
|
||||||
<el-option v-for="item of $d[scope.row.DictionaryCode]"
|
<el-option
|
||||||
|
v-for="item of $d[ scope.row.DictionaryCode]"
|
||||||
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1 && item.value !== 3)"
|
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1 && item.value !== 3)"
|
||||||
:key="item.id" :value="item.value" :label="item.label" />
|
:key="item.id"
|
||||||
|
:value="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="criterionType === 1 && ntLesionCount">
|
<template v-else-if="criterionType === 1 && ntLesionCount">
|
||||||
<el-option v-for="item of $d[scope.row.DictionaryCode]"
|
<el-option
|
||||||
|
v-for="item of $d[ scope.row.DictionaryCode]"
|
||||||
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1)"
|
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1)"
|
||||||
:key="item.id" :value="item.value" :label="item.label" />
|
:key="item.id"
|
||||||
|
:value="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<el-option v-for="item of $d[scope.row.DictionaryCode]"
|
<el-option
|
||||||
|
v-for="item of $d[ scope.row.DictionaryCode]"
|
||||||
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1)"
|
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1)"
|
||||||
:key="item.id" :value="item.value" :label="item.label" />
|
:key="item.id"
|
||||||
|
:value="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-select>
|
</el-select>
|
||||||
</template>
|
</template>
|
||||||
|
@ -103,23 +162,27 @@
|
||||||
</template> -->
|
</template> -->
|
||||||
<!-- 访视点备注(是否存在疾病与系统不一致或者整体肿瘤评估与系统不一致时,必填) -->
|
<!-- 访视点备注(是否存在疾病与系统不一致或者整体肿瘤评估与系统不一致时,必填) -->
|
||||||
<!-- tumorEvaluate && task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease) -->
|
<!-- tumorEvaluate && task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease) -->
|
||||||
<template v-else-if="task.VisitTaskId === visitTaskId && scope.row.QuestionType === 14">
|
<template v-else-if="task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 ">
|
||||||
<!-- v-if="tumorEvaluate && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease)" -->
|
<!-- v-if="tumorEvaluate && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease)" -->
|
||||||
<template>
|
<template>
|
||||||
<!-- 输入框 -->
|
<!-- 输入框 -->
|
||||||
<el-input v-if="scope.row.Type === 'input'" v-model="currentTaskReason" size="mini"
|
<el-input
|
||||||
@change="evaluateReasonChange" />
|
v-if="scope.row.Type==='input'"
|
||||||
<el-input v-else-if="scope.row.Type === 'textarea'" v-model="currentTaskReason"
|
v-model="currentTaskReason"
|
||||||
:autosize="{ minRows: 2, maxRows: 4 }" size="mini" maxlength="500"
|
size="mini"
|
||||||
@change="evaluateReasonChange" />
|
@change="evaluateReasonChange"
|
||||||
|
/>
|
||||||
|
<el-input
|
||||||
|
v-else-if="scope.row.Type==='textarea'"
|
||||||
|
v-model="currentTaskReason"
|
||||||
|
:autosize="{ minRows: 2, maxRows: 4}"
|
||||||
|
size="mini"
|
||||||
|
maxlength="500"
|
||||||
|
@change="evaluateReasonChange"
|
||||||
|
/>
|
||||||
<!-- 系统评估结果为:xxx,与当前调整的结果不一致,请填写调整原因 -->
|
<!-- 系统评估结果为:xxx,与当前调整的结果不一致,请填写调整原因 -->
|
||||||
<p v-if="currentEvaluateResult !== tumorEvaluate"
|
<p v-if="currentEvaluateResult !== tumorEvaluate" style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;" v-html="getWarningText()" />
|
||||||
style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;"
|
<p v-else-if="currentExistDisease !== isExistDisease" style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;">{{ $t('trials:readingReport:title:sysEvaluationRes') }}<span style="color:red">{{ $fd('ExistDisease',isExistDisease) }}</span>{{ $t('trials:readingReport:message:msg1') }}
|
||||||
v-html="getWarningText()" />
|
|
||||||
<p v-else-if="currentExistDisease !== isExistDisease"
|
|
||||||
style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;">
|
|
||||||
{{ $t('trials:readingReport:title:sysEvaluationRes') }}<span style="color:red">{{
|
|
||||||
$fd('ExistDisease', isExistDisease) }}</span>{{ $t('trials:readingReport:message:msg1') }}
|
|
||||||
</p>
|
</p>
|
||||||
</template>
|
</template>
|
||||||
<!-- <template v-else>
|
<!-- <template v-else>
|
||||||
|
@ -135,50 +198,35 @@
|
||||||
</template>
|
</template>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template v-else-if="scope.row.QuestionType === 15">
|
<template v-else-if="scope.row.QuestionType=== 15">
|
||||||
<el-tooltip v-if="getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'IsGlobalChange')"
|
<el-tooltip v-if="getAnswerInfo(scope.row.Answer,task.VisitTaskId,'IsGlobalChange')" :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer,task.VisitTaskId,'GlobalChangeAnswer'))}`" placement="top" effect="light">
|
||||||
:content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'GlobalChangeAnswer'))}`"
|
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
||||||
placement="top" effect="light">
|
|
||||||
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId])
|
|
||||||
}}</span>
|
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template v-else-if="scope.row.QuestionType === 13 || scope.row.QuestionType === 42">
|
<template v-else-if="scope.row.QuestionType=== 13 || scope.row.QuestionType=== 42">
|
||||||
<el-tooltip v-if="getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'IsGlobalChange')"
|
<el-tooltip v-if="getAnswerInfo(scope.row.Answer,task.VisitTaskId,'IsGlobalChange')" :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer,task.VisitTaskId,'GlobalChangeAnswer'))}`" placement="top" effect="light">
|
||||||
:content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'GlobalChangeAnswer'))}`"
|
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
||||||
placement="top" effect="light">
|
|
||||||
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId])
|
|
||||||
}}</span>
|
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="scope.row.QuestionType === 22">
|
<template v-else-if="scope.row.QuestionType=== 22">
|
||||||
{{ scope.row.Answers[task.VisitTaskId] === '-1' ? $t('trials:readingReport:title:unknow') :
|
{{ scope.row.Answers[task.VisitTaskId] === '-1' ? $t('trials:readingReport:title:unknow') : scope.row.Answers[task.VisitTaskId] }}
|
||||||
scope.row.Answers[task.VisitTaskId] }}
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template v-else-if="scope.row.DictionaryCode">
|
<template v-else-if="scope.row.DictionaryCode">
|
||||||
{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}
|
{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="criterionType === 10">
|
<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>
|
||||||
<template v-else-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit">
|
<template v-else-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit">
|
||||||
{{ `${scope.row.Answers[task.VisitTaskId]}` }}
|
{{ `${scope.row.Answers[task.VisitTaskId]}` }}
|
||||||
<span
|
<span v-if="scope.row.Answers[task.VisitTaskId] !== 'NA' && !isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))">{{ `${$fd('ValueUnit',scope.row.Unit)}` }}</span>
|
||||||
v-if="scope.row.Answers[task.VisitTaskId] !== 'NA' && !isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))">{{
|
|
||||||
`${$fd('ValueUnit', scope.row.Unit)}` }}</span>
|
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="scope.row.ValueType === 2">
|
<template v-else-if="scope.row.ValueType === 2">
|
||||||
{{
|
{{ 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>
|
||||||
<template v-else-if="scope.row.Answers && scope.row.Answers.hasOwnProperty(task.VisitTaskId)">
|
<template v-else-if="scope.row.Answers && scope.row.Answers.hasOwnProperty(task.VisitTaskId)">
|
||||||
{{ scope.row.Answers[task.VisitTaskId] }}
|
{{ scope.row.Answers[task.VisitTaskId] }}
|
||||||
|
@ -190,17 +238,31 @@
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
<!-- 附加评估 -->
|
<!-- 附加评估 -->
|
||||||
<el-dialog v-if="additionalAssessmentsDig.visible" :visible.sync="additionalAssessmentsDig.visible"
|
<el-dialog
|
||||||
:close-on-click-modal="false" :title="additionalAssessmentsDig.title" width="600px">
|
v-if="additionalAssessmentsDig.visible"
|
||||||
<additional-assessment :questions="assessmentQuestions" :visit-task-id="visitTaskId"
|
:visible.sync="additionalAssessmentsDig.visible"
|
||||||
:readingTaskState="readingTaskState" @close="additionalAssessmentsDig.visible = false" @sign="sign" />
|
:close-on-click-modal="false"
|
||||||
|
:title="additionalAssessmentsDig.title"
|
||||||
|
width="600px"
|
||||||
|
>
|
||||||
|
<additional-assessment
|
||||||
|
:questions="assessmentQuestions"
|
||||||
|
:visit-task-id="visitTaskId"
|
||||||
|
@close="additionalAssessmentsDig.visible = false"
|
||||||
|
@sign="sign"
|
||||||
|
/>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 签名框 -->
|
<!-- 签名框 -->
|
||||||
<el-dialog v-if="signVisible" :visible.sync="signVisible" :close-on-click-modal="false" width="600px"
|
<el-dialog
|
||||||
custom-class="base-dialog-wrapper">
|
v-if="signVisible"
|
||||||
|
:visible.sync="signVisible"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
width="600px"
|
||||||
|
custom-class="base-dialog-wrapper"
|
||||||
|
>
|
||||||
<div slot="title">
|
<div slot="title">
|
||||||
<span style="font-size:18px;">{{ $t('common:dialogTitle:sign') }}</span>
|
<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>
|
</div>
|
||||||
<SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
|
<SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
@ -252,11 +314,7 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters(['language']),
|
...mapGetters(['language'])
|
||||||
isBaseline() {
|
|
||||||
var i = this.visitTaskList.findIndex(i => i.VisitTaskId === this.visitTaskId)
|
|
||||||
return this.visitTaskList[i] ? this.visitTaskList[i].IsBaseLine : false
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
taskQuestions() {
|
taskQuestions() {
|
||||||
|
@ -337,7 +395,6 @@ export default {
|
||||||
this.setScrollTop()
|
this.setScrollTop()
|
||||||
}
|
}
|
||||||
this.loading = false
|
this.loading = false
|
||||||
await this.getTaskAdditionalQuestion()
|
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
this.loading = false
|
this.loading = false
|
||||||
console.log(e)
|
console.log(e)
|
||||||
|
@ -548,25 +605,6 @@ export default {
|
||||||
this.answerArr[idx].answer = val
|
this.answerArr[idx].answer = val
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async getTaskAdditionalQuestion() {
|
|
||||||
try {
|
|
||||||
const res = await getTaskAdditionalQuestion({ visitTaskId: this.visitTaskId })
|
|
||||||
this.assessmentQuestions = res.Result
|
|
||||||
} catch (err) {
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async openAssessment() {
|
|
||||||
try {
|
|
||||||
await this.getTaskAdditionalQuestion()
|
|
||||||
if (this.assessmentQuestions.length > 0) {
|
|
||||||
// 打开附加评估框
|
|
||||||
this.additionalAssessmentsDig.visible = true
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async handleConfirm() {
|
async handleConfirm() {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
try {
|
try {
|
||||||
|
@ -686,7 +724,7 @@ export default {
|
||||||
this.openWindow = window.open(routeData.href, '_blank')
|
this.openWindow = window.open(routeData.href, '_blank')
|
||||||
},
|
},
|
||||||
handleSave(isPrompt) {
|
handleSave(isPrompt) {
|
||||||
return new Promise(async (resolve, reject) => {
|
return new Promise(async(resolve, reject) => {
|
||||||
var isBeill
|
var isBeill
|
||||||
var evaluateResult = ''
|
var evaluateResult = ''
|
||||||
var evaluateAjustReason = ''
|
var evaluateAjustReason = ''
|
||||||
|
@ -710,7 +748,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:readingReport:message:msg2'), {
|
this.$confirm(this.$t('trials:readingReport:message:msg2'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
resolve()
|
resolve()
|
||||||
return
|
return
|
||||||
|
@ -720,7 +758,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:readingReport:message:msg2'), {
|
this.$confirm(this.$t('trials:readingReport:message:msg2'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
resolve()
|
resolve()
|
||||||
return
|
return
|
||||||
|
@ -730,7 +768,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:readingReport:message:msg3'), {
|
this.$confirm(this.$t('trials:readingReport:message:msg3'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
resolve()
|
resolve()
|
||||||
return
|
return
|
||||||
|
@ -795,36 +833,29 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.report-wrapper {
|
.report-wrapper{
|
||||||
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 10px 0px;
|
padding: 10px 0px;
|
||||||
// background-color: #fff;
|
// background-color: #fff;
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: 7px;
|
width: 7px;
|
||||||
height: 7px;
|
height: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background: #d0d0d0;
|
background: #d0d0d0;
|
||||||
}
|
}
|
||||||
|
.report-header{
|
||||||
.report-header {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
.el-card{
|
||||||
.el-card {
|
display:flex;flex-direction: column;height: 100%;
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
height: 100%;
|
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
border: none;
|
border:none;
|
||||||
|
::v-deep .el-card__body{
|
||||||
::v-deep .el-card__body {
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -842,51 +873,42 @@ export default {
|
||||||
// color: #ffffff;
|
// color: #ffffff;
|
||||||
// }
|
// }
|
||||||
|
|
||||||
::v-deep .el-table,
|
::v-deep .el-table, .el-table__expanded-cell {
|
||||||
.el-table__expanded-cell {
|
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-color: #444444;
|
border-color:#444444;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table th,
|
::v-deep .el-table th, .el-table tr {
|
||||||
.el-table tr {
|
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-color: #444444;
|
border-color:#444444;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-table__body tr > td{
|
||||||
::v-deep .el-table__body tr>td {
|
background-color:#000 !important;
|
||||||
background-color: #000 !important;
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-color: #444444;
|
border-color:#444444;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-table__body tr:hover > td{
|
||||||
::v-deep .el-table__body tr:hover>td {
|
background-color:#858282 !important;
|
||||||
background-color: #858282 !important;
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-color: #444444;
|
border-color:#444444;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-table--border th.gutter:last-of-type{
|
||||||
::v-deep .el-table--border th.gutter:last-of-type {
|
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-card__header{
|
||||||
::v-deep .el-card__header {
|
|
||||||
border: none;
|
border: none;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
::v-deep .el-switch__label{
|
||||||
::v-deep .el-switch__label {
|
color:#fff;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
::v-deep .el-switch__label.is-active{
|
||||||
::v-deep .el-switch__label.is-active {
|
|
||||||
color: #428bca;
|
color: #428bca;
|
||||||
}
|
}
|
||||||
|
.colorOfRed{
|
||||||
.colorOfRed {
|
|
||||||
color: #f66;
|
color: #f66;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -1,34 +1,59 @@
|
||||||
<template>
|
<template>
|
||||||
<div ref="viewport" class="viewport-wrapper" v-loading="loading" :element-loading-text="NSTip"
|
<div
|
||||||
element-loading-background="rgba(0, 0, 0, 0.8)" @mouseup="sliderMouseup" @mousemove="sliderMousemove"
|
ref="viewport"
|
||||||
@mouseleave="sliderMouseleave">
|
class="viewport-wrapper"
|
||||||
|
v-loading="loading"
|
||||||
|
:element-loading-text="NSTip"
|
||||||
|
element-loading-background="rgba(0, 0, 0, 0.8)"
|
||||||
|
@mouseup="sliderMouseup"
|
||||||
|
@mousemove="sliderMousemove"
|
||||||
|
@mouseleave="sliderMouseleave"
|
||||||
|
>
|
||||||
<div v-if="series && taskInfo" class="left-top-text">
|
<div v-if="series && taskInfo" class="left-top-text">
|
||||||
<div v-if="taskInfo.IsExistsClinicalData" class="cd-info" :title="$t('trials:reading:button:clinicalData')">
|
<div
|
||||||
<svg-icon style="cursor: pointer;" icon-class="documentation" class="svg-icon"
|
v-if="taskInfo.IsExistsClinicalData"
|
||||||
@click.stop="viewCD(series.TaskInfo.VisitTaskId)" />
|
class="cd-info"
|
||||||
|
:title="$t('trials:reading:button:clinicalData')"
|
||||||
|
>
|
||||||
|
<svg-icon
|
||||||
|
style="cursor: pointer;"
|
||||||
|
icon-class="documentation"
|
||||||
|
class="svg-icon"
|
||||||
|
@click.stop="viewCD(series.TaskInfo.VisitTaskId)"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<h2 v-if="taskInfo.IsReadingShowSubjectInfo" class="subject-info">
|
<h2
|
||||||
|
v-if="taskInfo.IsReadingShowSubjectInfo"
|
||||||
|
class="subject-info"
|
||||||
|
>
|
||||||
{{ `${series.TaskInfo.SubjectCode} ${series.TaskInfo.TaskBlindName} ` }}
|
{{ `${series.TaskInfo.SubjectCode} ${series.TaskInfo.TaskBlindName} ` }}
|
||||||
</h2>
|
</h2>
|
||||||
<div>Series: #{{ series.SeriesNumber }}</div>
|
<div>Series: #{{ series.SeriesNumber }}</div>
|
||||||
<div v-if="series.Stack">Image: #{{ `${series.SliceIndex + 1}/${series.Stack.length}` }}</div>
|
<div v-if="series.Stack">Image: #{{ `${series.SliceIndex + 1}/${series.Stack.length}` }}</div>
|
||||||
<div>{{ series.Modality }}</div>
|
<div>{{ series.Modality }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="series && taskInfo && taskInfo.IsReadingTaskViewInOrder === 1" class="top-center-tool">
|
<div
|
||||||
|
v-if="series && taskInfo && taskInfo.IsReadingTaskViewInOrder === 1"
|
||||||
|
class="top-center-tool"
|
||||||
|
>
|
||||||
<div class="toggle-visit-container">
|
<div class="toggle-visit-container">
|
||||||
<div class="arrw_icon"
|
<div
|
||||||
:style="{ cursor: series.TaskInfo.VisitTaskNum !== 0 ? 'pointer' : 'not-allowed', color: series.TaskInfo.VisitTaskNum !== 0 ? '#fff' : '#6b6b6b' }"
|
class="arrw_icon"
|
||||||
|
:style="{ cursor: series.TaskInfo.VisitTaskNum !== 0 ? 'pointer' : 'not-allowed', color: series.TaskInfo.VisitTaskNum !== 0 ? '#fff': '#6b6b6b' }"
|
||||||
@click.stop.prevent="toggleTask($event, series.TaskInfo.VisitTaskNum, -1)"
|
@click.stop.prevent="toggleTask($event, series.TaskInfo.VisitTaskNum, -1)"
|
||||||
@dblclick.stop="preventDefault($event)">
|
@dblclick.stop="preventDefault($event)"
|
||||||
|
>
|
||||||
<i class="el-icon-caret-left" />
|
<i class="el-icon-caret-left" />
|
||||||
</div>
|
</div>
|
||||||
<div class="arrow_text">
|
<div class="arrow_text">
|
||||||
{{ series.TaskInfo.TaskBlindName }}
|
{{ series.TaskInfo.TaskBlindName }}
|
||||||
</div>
|
</div>
|
||||||
<div class="arrw_icon"
|
<div
|
||||||
:style="{ cursor: series.TaskInfo.VisitTaskNum < taskInfo.VisitNum ? 'pointer' : 'not-allowed', color: series.TaskInfo.VisitTaskNum < taskInfo.VisitNum ? '#fff' : '#6b6b6b' }"
|
class="arrw_icon"
|
||||||
|
:style="{ cursor: series.TaskInfo.VisitTaskNum < taskInfo.VisitNum ? 'pointer' : 'not-allowed', color: series.TaskInfo.VisitTaskNum < taskInfo.VisitNum ? '#fff': '#6b6b6b' }"
|
||||||
@click.stop.prevent="toggleTask($event, series.TaskInfo.VisitTaskNum, 1)"
|
@click.stop.prevent="toggleTask($event, series.TaskInfo.VisitTaskNum, 1)"
|
||||||
@dblclick.stop="preventDefault($event)">
|
@dblclick.stop="preventDefault($event)"
|
||||||
|
>
|
||||||
<i class="el-icon-caret-right" />
|
<i class="el-icon-caret-right" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -40,13 +65,11 @@
|
||||||
<div v-show="mousePosition.index.length > 0">
|
<div v-show="mousePosition.index.length > 0">
|
||||||
Pos: {{ mousePosition.index[0] }}, {{ mousePosition.index[1] }}
|
Pos: {{ mousePosition.index[0] }}, {{ mousePosition.index[1] }}
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div v-if="(series.Modality === 'CT' || series.Modality === 'DR' || series.Modality === 'CR') && mousePosition.value">
|
||||||
v-if="(series.Modality === 'CT' || series.Modality === 'DR' || series.Modality === 'CR') && mousePosition.value">
|
|
||||||
HU: {{ mousePosition.value }}
|
HU: {{ mousePosition.value }}
|
||||||
</div>
|
</div>
|
||||||
<div v-else-if="(series.Modality === 'PT' && mousePosition.value)">
|
<div v-else-if="(series.Modality === 'PT' && mousePosition.value)">
|
||||||
{{ mousePosition.modalityUnit }}: {{ digitPlaces === -1 ? mousePosition.value.toFixed(3)
|
{{mousePosition.modalityUnit}}: {{ digitPlaces === -1 ?mousePosition.value.toFixed(3) :mousePosition.value.toFixed(digitPlaces) }}
|
||||||
: mousePosition.value.toFixed(digitPlaces) }}
|
|
||||||
</div>
|
</div>
|
||||||
<div v-else-if="mousePosition.value">
|
<div v-else-if="mousePosition.value">
|
||||||
Density: {{ mousePosition.value }}
|
Density: {{ mousePosition.value }}
|
||||||
|
@ -60,9 +83,8 @@
|
||||||
</div>
|
</div>
|
||||||
<div v-if="series" class="right-bottom-text">
|
<div v-if="series" class="right-bottom-text">
|
||||||
<div v-show="imageInfo.location">Location: {{ `${Number(imageInfo.location).toFixed(digitPlaces)} mm` }}</div>
|
<div v-show="imageInfo.location">Location: {{ `${Number(imageInfo.location).toFixed(digitPlaces)} mm` }}</div>
|
||||||
<div v-show="series.SliceThickness">Slice Thickness: {{ `${Number(series.SliceThickness).toFixed(digitPlaces)} mm`
|
<div v-show="series.SliceThickness">Slice Thickness: {{ `${Number(series.SliceThickness).toFixed(digitPlaces)} mm` }}</div>
|
||||||
}}</div>
|
<div v-show="imageInfo.wwwc ">WW/WL: {{ imageInfo.wwwc }}</div>
|
||||||
<div v-show="imageInfo.wwwc">WW/WL: {{ imageInfo.wwwc }}</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="orientation-top">
|
<div class="orientation-top">
|
||||||
{{ markers.top }}
|
{{ markers.top }}
|
||||||
|
@ -78,8 +100,7 @@
|
||||||
{{ markers.left }}
|
{{ markers.left }}
|
||||||
</div>
|
</div>
|
||||||
<div ref="sliderBox" class="right-slider-box" @click.stop="clickSlider($event)">
|
<div ref="sliderBox" class="right-slider-box" @click.stop="clickSlider($event)">
|
||||||
<div :style="{ top: sliderInfo.height + '%' }" class="slider" @click.stop.prevent="() => { return }"
|
<div :style="{top: sliderInfo.height + '%'}" class="slider" @click.stop.prevent="() => {return}" @mousedown.stop="sliderMousedown($event)" />
|
||||||
@mousedown.stop="sliderMousedown($event)" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -198,9 +219,9 @@ export default {
|
||||||
// this.imageInfo.wwwc = `${Math.round(detail.image.windowWidth)}/${Math.round(detail.image.windowCenter)}`
|
// this.imageInfo.wwwc = `${Math.round(detail.image.windowWidth)}/${Math.round(detail.image.windowCenter)}`
|
||||||
this.getOrientationMarker()
|
this.getOrientationMarker()
|
||||||
this.$emit('renderAnnotations', this.series)
|
this.$emit('renderAnnotations', this.series)
|
||||||
const toolGroupId = this.viewportId
|
// const toolGroupId = `viewport-${this.viewportIndex}`
|
||||||
const toolGroup = cornerstoneTools.ToolGroupManager.getToolGroup(toolGroupId)
|
// const toolGroup = ToolGroupManager.getToolGroup(toolGroupId)
|
||||||
toolGroup.setToolEnabled('ScaleOverlay')
|
// toolGroup.setToolEnabled('ScaleOverlay')
|
||||||
},
|
},
|
||||||
imageRendered(e) {
|
imageRendered(e) {
|
||||||
const renderingEngine = getRenderingEngine(this.renderingEngineId)
|
const renderingEngine = getRenderingEngine(this.renderingEngineId)
|
||||||
|
@ -364,7 +385,7 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
cachePTMetadata(images) {
|
cachePTMetadata(images) {
|
||||||
images.map(i => {
|
images.map(i=>{
|
||||||
const instanceMetadata = getPTImageIdInstanceMetadata(i.imageId)
|
const instanceMetadata = getPTImageIdInstanceMetadata(i.imageId)
|
||||||
if (typeof instanceMetadata.CorrectedImage === 'string') {
|
if (typeof instanceMetadata.CorrectedImage === 'string') {
|
||||||
instanceMetadata.CorrectedImage = instanceMetadata.CorrectedImage.split('\\')
|
instanceMetadata.CorrectedImage = instanceMetadata.CorrectedImage.split('\\')
|
||||||
|
@ -521,18 +542,17 @@ export default {
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
NSTip() {
|
NSTip() {
|
||||||
return `NS: ${this.$store.state.trials.downloadTip}`
|
return `NS: ${this.$store.state.trials.uploadTip}`
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.viewport-wrapper {
|
.viewport-wrapper {
|
||||||
width: 100%;
|
width:100%;
|
||||||
height: 100%;
|
height:100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
cursor: default !important;
|
cursor: default !important;
|
||||||
|
|
||||||
.left-top-text {
|
.left-top-text {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 5px;
|
left: 5px;
|
||||||
|
@ -540,31 +560,26 @@ export default {
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
||||||
.cd-info {
|
.cd-info {
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subject-info {
|
.subject-info {
|
||||||
color: #f44336;
|
color:#f44336;
|
||||||
padding: 5px 0px;
|
padding: 5px 0px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-center-tool {
|
.top-center-tool {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left:50%;
|
||||||
top: 5px;
|
top: 5px;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
||||||
.toggle-visit-container {
|
.toggle-visit-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
.arrw_icon{
|
||||||
.arrw_icon {
|
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
background-color: #3f3f3f;
|
background-color: #3f3f3f;
|
||||||
|
@ -572,17 +587,15 @@ export default {
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
border-radius: 10%;
|
border-radius: 10%;
|
||||||
}
|
}
|
||||||
|
.arrow_text{
|
||||||
.arrow_text {
|
|
||||||
height: 20px;
|
height: 20px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
background-color: #00000057;
|
background-color: #00000057;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
padding: 0 10px;
|
padding:0 10px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-top-text {
|
.right-top-text {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 5px;
|
right: 5px;
|
||||||
|
@ -591,7 +604,6 @@ export default {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left-bottom-text {
|
.left-bottom-text {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 5px;
|
left: 5px;
|
||||||
|
@ -600,7 +612,6 @@ export default {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-bottom-text {
|
.right-bottom-text {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 5px;
|
right: 5px;
|
||||||
|
@ -609,7 +620,6 @@ export default {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-slider-box {
|
.right-slider-box {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 1px;
|
right: 1px;
|
||||||
|
@ -621,8 +631,7 @@ export default {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
.right-slider-box:after{
|
||||||
.right-slider-box:after {
|
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: -20px;
|
bottom: -20px;
|
||||||
|
@ -631,17 +640,15 @@ export default {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: #333;
|
background: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
.slider {
|
.slider {
|
||||||
height: 20px;
|
height: 20px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 10;
|
z-index:10;
|
||||||
background: #9e9e9e;
|
background: #9e9e9e;
|
||||||
cursor: move
|
cursor: move
|
||||||
}
|
}
|
||||||
|
|
||||||
.orientation-top {
|
.orientation-top {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
|
@ -650,7 +657,6 @@ export default {
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.orientation-bottom {
|
.orientation-bottom {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
|
@ -659,7 +665,6 @@ export default {
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.orientation-left {
|
.orientation-left {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
|
@ -668,7 +673,6 @@ export default {
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.orientation-right {
|
.orientation-right {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
style="font-weight: bold;font-size: 14px;margin: 5px 0px;">
|
style="font-weight: bold;font-size: 14px;margin: 5px 0px;">
|
||||||
<div style="display: flex;justify-content: space-between;align-items: center;color:#fff;margin: 10px 0 5px">
|
<div style="display: flex;justify-content: space-between;align-items: center;color:#fff;margin: 10px 0 5px">
|
||||||
<span :title="question.Remark">{{ question.QuestionName }}</span>
|
<span :title="question.Remark">{{ question.QuestionName }}</span>
|
||||||
<el-button size="mini" v-if="readingTaskState < 2 && !question.IsPreinstall" @click="openAddTableCol(question)">
|
<el-button size="mini" v-if="readingTaskState < 2" @click="openAddTableCol(question)">
|
||||||
{{ $t('common:button:add') }}
|
{{ $t('common:button:add') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
@ -39,7 +39,7 @@
|
||||||
{{ $t('common:button:edit') }}
|
{{ $t('common:button:edit') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="text" size="mini" :disabled="addOrEdit.visible"
|
<el-button type="text" size="mini" :disabled="addOrEdit.visible"
|
||||||
v-if="(scope.row.IsCurrentTaskAdd === 'True' || !question.IsCopyLesions || isBaseline) && !question.IsPreinstall"
|
v-if="scope.row.IsCurrentTaskAdd === 'True' || !question.IsCopyLesions || isBaseline"
|
||||||
@click="deleteTableCol(question, scope.$index)">
|
@click="deleteTableCol(question, scope.$index)">
|
||||||
{{ $t('common:button:delete') }}
|
{{ $t('common:button:delete') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
|
|
|
@ -15,14 +15,14 @@
|
||||||
:class="[question.Type === 'group' ? 'mb' : question.Type === 'upload' || question.Type === 'screenshot' ? 'uploadWrapper' : '']">
|
:class="[question.Type === 'group' ? 'mb' : question.Type === 'upload' || question.Type === 'screenshot' ? 'uploadWrapper' : '']">
|
||||||
<!-- 输入框 -->
|
<!-- 输入框 -->
|
||||||
<el-input v-if="question.Type === 'input'" v-model="questionForm[question.Id]"
|
<el-input v-if="question.Type === 'input'" v-model="questionForm[question.Id]"
|
||||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False') || question.IsPreinstall" />
|
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')" />
|
||||||
<!-- 多行文本输入框 -->
|
<!-- 多行文本输入框 -->
|
||||||
<el-input v-if="question.Type === 'textarea'" v-model="questionForm[question.Id]" type="textarea"
|
<el-input v-if="question.Type === 'textarea'" v-model="questionForm[question.Id]" type="textarea"
|
||||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False') || question.IsPreinstall"
|
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
||||||
:autosize="{ minRows: 2, maxRows: 4 }" />
|
:autosize="{ minRows: 2, maxRows: 4 }" />
|
||||||
<!-- 下拉框 -->
|
<!-- 下拉框 -->
|
||||||
<el-select v-if="question.Type === 'select'" v-model="questionForm[question.Id]" clearable
|
<el-select v-if="question.Type === 'select'" v-model="questionForm[question.Id]" clearable
|
||||||
:disabled="(question.TableQuestionType === 2 || question.IsPreinstall || question.QuestionGenre === 2) || (question.IsCopy && type === 'edit' && !IsBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
:disabled="(question.TableQuestionType === 2 || question.QuestionGenre === 2) || (question.IsCopy && type === 'edit' && !IsBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
||||||
@change="((val) => { formItemChange(val, question) })">
|
@change="((val) => { formItemChange(val, question) })">
|
||||||
<template v-if="question.TableQuestionType === 1">
|
<template v-if="question.TableQuestionType === 1">
|
||||||
<el-option v-for="item in organList" :key="item.Id" :label="item[question.DataTableColumn]"
|
<el-option v-for="item in organList" :key="item.Id" :label="item[question.DataTableColumn]"
|
||||||
|
@ -44,7 +44,7 @@
|
||||||
</el-select>
|
</el-select>
|
||||||
<!-- 单选 -->
|
<!-- 单选 -->
|
||||||
<el-radio-group v-if="question.Type === 'radio'" v-model="questionForm[question.Id]"
|
<el-radio-group v-if="question.Type === 'radio'" v-model="questionForm[question.Id]"
|
||||||
:disabled="question.TableQuestionType === 2 || question.IsPreinstall || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
||||||
@change="((val) => { formItemChange(val, question) })">
|
@change="((val) => { formItemChange(val, question) })">
|
||||||
<el-radio v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
|
<el-radio v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
|
||||||
{{ val }}
|
{{ val }}
|
||||||
|
@ -52,7 +52,7 @@
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
<!-- 复选框 -->
|
<!-- 复选框 -->
|
||||||
<el-checkbox-group v-if="question.Type === 'checkbox'"
|
<el-checkbox-group v-if="question.Type === 'checkbox'"
|
||||||
:disabled="question.TableQuestionType === 2 || question.IsPreinstall || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
||||||
v-model="questionForm[question.Id]">
|
v-model="questionForm[question.Id]">
|
||||||
<el-checkbox v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
|
<el-checkbox v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
|
||||||
{{ val }}
|
{{ val }}
|
||||||
|
@ -62,11 +62,11 @@
|
||||||
<el-input v-if="question.Type === 'class' && question.ClassifyShowType === 1"
|
<el-input v-if="question.Type === 'class' && question.ClassifyShowType === 1"
|
||||||
v-model="questionForm[question.Id]" />
|
v-model="questionForm[question.Id]" />
|
||||||
<el-select v-if="question.Type === 'class' && question.ClassifyShowType === 2" v-model="questionForm[question.Id]"
|
<el-select v-if="question.Type === 'class' && question.ClassifyShowType === 2" v-model="questionForm[question.Id]"
|
||||||
:disabled="!question.ClassifyEditType || question.IsPreinstall" @change="(val) => { formItemChange(val, question) }">
|
:disabled="!question.ClassifyEditType" @change="(val) => { formItemChange(val, question) }">
|
||||||
<el-option v-for="val in question.TypeValue.split('|')" :key="val" :label="val.trim()" :value="val.trim()" />
|
<el-option v-for="val in question.TypeValue.split('|')" :key="val" :label="val.trim()" :value="val.trim()" />
|
||||||
</el-select>
|
</el-select>
|
||||||
<el-radio-group v-if="question.Type === 'class' && question.ClassifyShowType === 3"
|
<el-radio-group v-if="question.Type === 'class' && question.ClassifyShowType === 3"
|
||||||
v-model="questionForm[question.Id]" :disabled="!question.ClassifyEditType || question.IsPreinstall"
|
v-model="questionForm[question.Id]" :disabled="!question.ClassifyEditType"
|
||||||
@change="(val) => { formItemChange(val, question) }">
|
@change="(val) => { formItemChange(val, question) }">
|
||||||
<el-radio v-for="item of question.TypeValue.split('|')" :key="item.trim()" :label="item.trim()">
|
<el-radio v-for="item of question.TypeValue.split('|')" :key="item.trim()" :label="item.trim()">
|
||||||
{{ item.trim() }}
|
{{ item.trim() }}
|
||||||
|
@ -86,7 +86,7 @@
|
||||||
@blur="questionsMarkStatus[question.Id] && questionsMarkStatus[question.Id].isMarked ? () => { } : handleMarkedQsBlur(questionForm[question.Id], questionForm, question.Id, question)"
|
@blur="questionsMarkStatus[question.Id] && questionsMarkStatus[question.Id].isMarked ? () => { } : handleMarkedQsBlur(questionForm[question.Id], questionForm, question.Id, question)"
|
||||||
v-model="questionForm[question.Id]"
|
v-model="questionForm[question.Id]"
|
||||||
:title="questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id] ? questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id].OrderMarkName : question.Remark"
|
:title="questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id] ? questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id].OrderMarkName : question.Remark"
|
||||||
:disabled="(questionsMarkStatus[question.Id] && questionsMarkStatus[question.Id].isMarked && question.ImageMarkEnum === 2) || question.ImageMarkEnum === 1 || question.IsPreinstall"
|
:disabled="(questionsMarkStatus[question.Id] && questionsMarkStatus[question.Id].isMarked && question.ImageMarkEnum === 2) || question.ImageMarkEnum === 1"
|
||||||
style="width: 150px;margin-right: 5px;">
|
style="width: 150px;margin-right: 5px;">
|
||||||
<template v-if="question.Unit !== 0" slot="append">
|
<template v-if="question.Unit !== 0" slot="append">
|
||||||
{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit }}
|
{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit }}
|
||||||
|
@ -144,21 +144,21 @@
|
||||||
<template v-else-if="question.ValueType === 2" slot="prefix">%</template>
|
<template v-else-if="question.ValueType === 2" slot="prefix">%</template>
|
||||||
</el-select>
|
</el-select>
|
||||||
<el-input type="text" v-else-if="question.Type === 'number' && question.DataSource !== 1"
|
<el-input type="text" v-else-if="question.Type === 'number' && question.DataSource !== 1"
|
||||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False') || question.IsPreinstall"
|
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
||||||
@change="((val) => { formItemNumberChange(val, question) })" @input="numberInput(question.Id)"
|
@change="((val) => { formItemNumberChange(val, question) })" @input="numberInput(question.Id)"
|
||||||
@blur="handleBlur(questionForm[question.Id], questionForm, question.Id)" v-model="questionForm[question.Id]">
|
@blur="handleBlur(questionForm[question.Id], questionForm, question.Id)" v-model="questionForm[question.Id]">
|
||||||
<template slot="append" v-if="question.Unit !== 0">{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) :
|
<template slot="append" v-if="question.Unit !== 0">{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) :
|
||||||
question.CustomUnit }}</template>
|
question.CustomUnit }}</template>
|
||||||
</el-input>
|
</el-input>
|
||||||
<el-input type="text" v-else-if="question.Type === 'number' && question.DataSource === 1"
|
<el-input type="text" v-else-if="question.Type === 'number' && question.DataSource === 1"
|
||||||
:disabled="question.DataSource === 1" @input="numberInput(question.Id, true) || question.IsPreinstall"
|
:disabled="question.DataSource === 1" @input="numberInput(question.Id, true)"
|
||||||
@blur="handleCalculationBlur(calculationValue)" v-model="calculationValue">
|
@blur="handleCalculationBlur(calculationValue)" v-model="calculationValue">
|
||||||
<template slot="append" v-if="question.Unit !== 0">{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) :
|
<template slot="append" v-if="question.Unit !== 0">{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) :
|
||||||
question.CustomUnit }}</template>
|
question.CustomUnit }}</template>
|
||||||
</el-input>
|
</el-input>
|
||||||
</template>
|
</template>
|
||||||
<!-- 上传图像 -->
|
<!-- 上传图像 -->
|
||||||
<el-upload v-if="question.Type === 'upload' || question.Type === 'screenshot'" :disabled="readingTaskState === 2 || question.IsPreinstall"
|
<el-upload v-if="question.Type === 'upload' || question.Type === 'screenshot'" :disabled="readingTaskState === 2"
|
||||||
action :accept="question.FileType" :limit="question.ImageCount === 0 ? 100 : question.ImageCount"
|
action :accept="question.FileType" :limit="question.ImageCount === 0 ? 100 : question.ImageCount"
|
||||||
:on-preview="handlePictureCardPreview"
|
:on-preview="handlePictureCardPreview"
|
||||||
:before-upload="(file) => { return handleBeforeUpload(file, question.FileType, question.Type) }"
|
:before-upload="(file) => { return handleBeforeUpload(file, question.FileType, question.Type) }"
|
||||||
|
|
|
@ -123,10 +123,10 @@
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: inline-block;margin-left:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:60px">
|
<div style="display: inline-block;margin-left:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:60px">
|
||||||
<template v-if="innerFormData[`${table.Id}_${answer.RowIndex}`].IsLymphNodes && !isNaN(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionShort))">
|
<template v-if="innerFormData[`${table.Id}_${answer.RowIndex}`].IsLymphLesion && !isNaN(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionShort))">
|
||||||
{{ innerFormData[`${table.Id}_${answer.RowIndex}`].LesionShort }}mm
|
{{ innerFormData[`${table.Id}_${answer.RowIndex}`].LesionShort }}mm
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="!innerFormData[`${table.Id}_${answer.RowIndex}`].IsLymphNodes && !isNaN(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionLength))">
|
<template v-else-if="!innerFormData[`${table.Id}_${answer.RowIndex}`].IsLymphLesion && !isNaN(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionLength))">
|
||||||
{{ innerFormData[`${table.Id}_${answer.RowIndex}`].LesionLength }}mm
|
{{ innerFormData[`${table.Id}_${answer.RowIndex}`].LesionLength }}mm
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
|
@ -536,7 +536,7 @@ export default {
|
||||||
this.$set(this.innerFormData[`${tableId}_${rowIndex}`], stateId, 0)
|
this.$set(this.innerFormData[`${tableId}_${rowIndex}`], stateId, 0)
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!(innerForm.IsCurrentTaskAdd === 'True') && lesionType !== 2) {
|
if (!(innerForm.IsCurrentTaskAdd === 'True')) {
|
||||||
// 非基线时,非淋巴结病灶长径>=10mm,自动给“存在”状态,如果淋巴结病灶短径>=10mm,自动给“存在”状态。
|
// 非基线时,非淋巴结病灶长径>=10mm,自动给“存在”状态,如果淋巴结病灶短径>=10mm,自动给“存在”状态。
|
||||||
if (!this.isBaseLineTask && ((obj.toolName === 'Length' && length >= 10) || (obj.toolName === 'Bidirectional' && short >= 10))) {
|
if (!this.isBaseLineTask && ((obj.toolName === 'Length' && length >= 10) || (obj.toolName === 'Bidirectional' && short >= 10))) {
|
||||||
this.$set(this.innerFormData[`${tableId}_${rowIndex}`], 'LesionState', 0)
|
this.$set(this.innerFormData[`${tableId}_${rowIndex}`], 'LesionState', 0)
|
||||||
|
@ -624,10 +624,9 @@ export default {
|
||||||
this.$set(this.innerFormData[`${tableId}_${rowIndex}`], 'LesionState', 0)
|
this.$set(this.innerFormData[`${tableId}_${rowIndex}`], 'LesionState', 0)
|
||||||
this.$set(this.innerFormData[`${tableId}_${rowIndex}`], stateId, 0)
|
this.$set(this.innerFormData[`${tableId}_${rowIndex}`], stateId, 0)
|
||||||
}
|
}
|
||||||
const intrahepaticLesion = this.innerFormData[`${tableId}_${rowIndex}`].IntrahepaticLesion
|
|
||||||
const isCurrentTaskAdd = this.innerFormData[`${tableId}_${rowIndex}`].IsCurrentTaskAdd
|
const isCurrentTaskAdd = this.innerFormData[`${tableId}_${rowIndex}`].IsCurrentTaskAdd
|
||||||
const isLymphNodes = this.innerFormData[`${tableId}_${rowIndex}`].IsLymphNodes
|
const isLymphNodes = this.innerFormData[`${tableId}_${rowIndex}`].IsLymphNodes
|
||||||
if (!(isCurrentTaskAdd === 'True') && lesionType !== 2) {
|
if (!(isCurrentTaskAdd === 'True')) {
|
||||||
// 非基线时,非淋巴结病灶长径>=10mm,自动给“存在”状态,如果淋巴结病灶短径>=10mm,自动给“存在”状态。
|
// 非基线时,非淋巴结病灶长径>=10mm,自动给“存在”状态,如果淋巴结病灶短径>=10mm,自动给“存在”状态。
|
||||||
if (!this.isBaseLineTask && ((toolName === 'Length' && length >= 10) || (toolName === 'Bidirectional' && short >= 10))) {
|
if (!this.isBaseLineTask && ((toolName === 'Length' && length >= 10) || (toolName === 'Bidirectional' && short >= 10))) {
|
||||||
this.$set(this.innerFormData[`${tableId}_${rowIndex}`], 'LesionState', 0)
|
this.$set(this.innerFormData[`${tableId}_${rowIndex}`], 'LesionState', 0)
|
||||||
|
|
|
@ -9,26 +9,33 @@
|
||||||
<el-tab-pane :label="$t('trials:clinicaldara:title:currentTask')" name="first" class="left-content">
|
<el-tab-pane :label="$t('trials:clinicaldara:title:currentTask')" name="first" class="left-content">
|
||||||
<div>
|
<div>
|
||||||
<!-- 检查层级 -->
|
<!-- 检查层级 -->
|
||||||
<div v-for="(study, i) in studyList" :key="study.CodeView">
|
<div v-for="(study,i) in studyList" :key="study.CodeView">
|
||||||
<div class="study-desc">
|
<div class="study-desc">
|
||||||
<span>{{ study.CodeView }}</span>
|
<span>{{ study.CodeView }}</span>
|
||||||
<span style="margin:0 5px">{{ study.Modality }}</span>
|
<span style="margin:0 5px">{{ study.Modality }}</span>
|
||||||
<span>{{ getBodyPart(study.BodyPart, study.BodyPartForEditOther) }}</span>
|
<span>{{ getBodyPart(study.BodyPart) }}</span>
|
||||||
</div>
|
</div>
|
||||||
<!-- 文件层级 -->
|
<!-- 文件层级 -->
|
||||||
<div v-if="study.NoneDicomStudyFileList.length === 0" class="empty-text">
|
<div v-if="study.NoneDicomStudyFileList.length === 0" class="empty-text">
|
||||||
<slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
|
<slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
|
||||||
</div>
|
</div>
|
||||||
<div v-else id="imgList" style="height:100%;">
|
<div v-else id="imgList" style="height:100%;">
|
||||||
<div v-for="(item, j) in study.NoneDicomStudyFileList" :id="`img${item.Id}`" :key="item.Id" :class="{
|
<div
|
||||||
|
v-for="(item,j) in study.NoneDicomStudyFileList"
|
||||||
|
:id="`img${item.Id}`"
|
||||||
|
:key="item.Id"
|
||||||
|
:class="{
|
||||||
'is-boxActive': item.Id === currentFileId
|
'is-boxActive': item.Id === currentFileId
|
||||||
}" class="img-box" @click="selected(item, i, j, true)">
|
}"
|
||||||
|
class="img-box"
|
||||||
|
@click="selected(item,i,j,true)"
|
||||||
|
>
|
||||||
<div v-if="item.FileName.length < 15" class="img-text">
|
<div v-if="item.FileName.length < 15" class="img-text">
|
||||||
{{ `${j + 1}. ${item.FileName}` }}
|
{{ `${j+1}. ${item.FileName}` }}
|
||||||
</div>
|
</div>
|
||||||
<el-tooltip v-else :content="item.FileName" placement="bottom">
|
<el-tooltip v-else :content="item.FileName" placement="bottom">
|
||||||
<div class="img-text">
|
<div class="img-text">
|
||||||
{{ `${j + 1}. ${item.FileName}` }}
|
{{ `${j+1}. ${item.FileName}` }}
|
||||||
</div>
|
</div>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</div>
|
</div>
|
||||||
|
@ -44,15 +51,21 @@
|
||||||
<slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
|
<slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
|
||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<div v-for="(task, j) in associatedList" :key="task.VisitTaskId" :class="{
|
<div
|
||||||
|
v-for="(task,j) in associatedList"
|
||||||
|
:key="task.VisitTaskId"
|
||||||
|
:class="{
|
||||||
'is-boxActive': task.VisitTaskId === currentTaskId
|
'is-boxActive': task.VisitTaskId === currentTaskId
|
||||||
}" class="img-box" @click="handleImageRead(task)">
|
}"
|
||||||
|
class="img-box"
|
||||||
|
@click="handleImageRead(task)"
|
||||||
|
>
|
||||||
<div v-if="task.TaskBlindName.length < 15" class="img-text">
|
<div v-if="task.TaskBlindName.length < 15" class="img-text">
|
||||||
{{ `${j + 1}. ${task.TaskBlindName}` }}
|
{{ `${j+1}. ${task.TaskBlindName}` }}
|
||||||
</div>
|
</div>
|
||||||
<el-tooltip v-else :content="task.TaskBlindName" placement="bottom">
|
<el-tooltip v-else :content="task.TaskBlindName" placement="bottom">
|
||||||
<div class="img-text">
|
<div class="img-text">
|
||||||
{{ `${j + 1}. ${task.TaskBlindName}` }}
|
{{ `${j+1}. ${task.TaskBlindName}` }}
|
||||||
</div>
|
</div>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</div>
|
</div>
|
||||||
|
@ -65,8 +78,14 @@
|
||||||
<!-- 预览图像 -->
|
<!-- 预览图像 -->
|
||||||
<el-card v-loading="loading" class="box-card right">
|
<el-card v-loading="loading" class="box-card right">
|
||||||
<div style="width:100%;height: 100%;">
|
<div style="width:100%;height: 100%;">
|
||||||
<Preview v-if="previewImage.imgList.length > 0" ref="previewImage" style="width:100%;"
|
<Preview
|
||||||
:preview-image="previewImage" :value="currentStudyFileIndex" @selectedImg="selectedImg" />
|
v-if="previewImage.imgList.length > 0"
|
||||||
|
ref="previewImage"
|
||||||
|
style="width:100%;"
|
||||||
|
:preview-image="previewImage"
|
||||||
|
:value="currentStudyFileIndex"
|
||||||
|
@selectedImg="selectedImg"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</el-card>
|
</el-card>
|
||||||
|
@ -82,12 +101,18 @@
|
||||||
</el-button>
|
</el-button>
|
||||||
</div> -->
|
</div> -->
|
||||||
<Criterions
|
<Criterions
|
||||||
v-if="otherInfo && visitTaskId !== '' && subjectId !== '' && readingCategory !== null && readingCategory !== 4"
|
v-if="otherInfo && visitTaskId!== '' && subjectId!== '' && readingCategory!==null && readingCategory!==4"
|
||||||
:trial-id="trialId" :subject-id="subjectId" :visit-task-id="visitTaskId"
|
:trial-id="trialId"
|
||||||
:criterion-id="otherInfo.TrialCriterionId" :subject-code="subjectCode" :task-blind-name="taskBlindName"
|
:subject-id="subjectId"
|
||||||
|
:visit-task-id="visitTaskId"
|
||||||
|
:criterion-id="otherInfo.TrialCriterionId"
|
||||||
|
:subject-code="subjectCode"
|
||||||
|
:task-blind-name="taskBlindName"
|
||||||
:is-reading-show-subject-info="isReadingShowSubjectInfo"
|
:is-reading-show-subject-info="isReadingShowSubjectInfo"
|
||||||
:ise-c-r-f-show-in-dicom-reading="iseCRFShowInDicomReading" :isExistsClinicalData="isExistsClinicalData"
|
:ise-c-r-f-show-in-dicom-reading="iseCRFShowInDicomReading"
|
||||||
@previewCD="previewCD" />
|
:isExistsClinicalData="isExistsClinicalData"
|
||||||
|
@previewCD="previewCD"
|
||||||
|
/>
|
||||||
</el-card>
|
</el-card>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -178,7 +203,7 @@ export default {
|
||||||
currentTaskId: '',
|
currentTaskId: '',
|
||||||
otherInfo: null,
|
otherInfo: null,
|
||||||
isReadingShowPreviousResults: false,
|
isReadingShowPreviousResults: false,
|
||||||
BodyPart: {},
|
bp: [],
|
||||||
openWindow: null
|
openWindow: null
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -188,7 +213,7 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async mounted() {
|
async mounted() {
|
||||||
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
|
this.bp = await this.$getBodyPart(this.$route.query.trialId)
|
||||||
this.isReadingShowPreviousResults = this.$router.currentRoute.query.isReadingShowPreviousResults !== undefined ? this.$router.currentRoute.query.isReadingShowPreviousResults : true
|
this.isReadingShowPreviousResults = this.$router.currentRoute.query.isReadingShowPreviousResults !== undefined ? this.$router.currentRoute.query.isReadingShowPreviousResults : true
|
||||||
|
|
||||||
this.getNoneDicomList(this.isReadingShowPreviousResults)
|
this.getNoneDicomList(this.isReadingShowPreviousResults)
|
||||||
|
@ -302,8 +327,8 @@ export default {
|
||||||
// window.open(routeData.href, '_blank')
|
// window.open(routeData.href, '_blank')
|
||||||
this.$emit('previewCD', this.visitTaskId)
|
this.$emit('previewCD', this.visitTaskId)
|
||||||
},
|
},
|
||||||
getBodyPart(bodyPart, other) {
|
getBodyPart(bodyPart) {
|
||||||
if (!bodyPart && !other) return ''
|
if (!bodyPart) return ''
|
||||||
var separator = ','
|
var separator = ','
|
||||||
if (bodyPart.indexOf('|') > -1) {
|
if (bodyPart.indexOf('|') > -1) {
|
||||||
separator = '|'
|
separator = '|'
|
||||||
|
@ -313,61 +338,51 @@ export default {
|
||||||
separator = ','
|
separator = ','
|
||||||
}
|
}
|
||||||
var arr = bodyPart.split(separator)
|
var arr = bodyPart.split(separator)
|
||||||
var newArr = arr.map((i) => {
|
var newArr = arr.map(i => {
|
||||||
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
|
return this.$fd('Bodypart', i.trim(), 'Code', { Bodypart: this.bp }, 'Name')
|
||||||
})
|
})
|
||||||
if (other) {
|
|
||||||
newArr.push(other)
|
|
||||||
}
|
|
||||||
newArr = newArr.filter(Boolean)
|
|
||||||
return newArr.join(' | ')
|
return newArr.join(' | ')
|
||||||
},
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.img-container {
|
.img-container{
|
||||||
flex: 1;
|
flex: 1;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: 7px;
|
width: 7px;
|
||||||
height: 7px;
|
height: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background: #d0d0d0;
|
background: #d0d0d0;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-card__body{
|
||||||
::v-deep .el-card__body {
|
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.study-desc{
|
||||||
.study-desc {
|
|
||||||
padding: 10px 5px;
|
padding: 10px 5px;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
background-color: #ebebeb;
|
background-color: #ebebeb;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
.left{
|
||||||
.left {
|
width:240px;
|
||||||
width: 240px;
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
::v-deep .el-card__body {
|
::v-deep .el-card__body{
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
.title{
|
||||||
.title {
|
|
||||||
// height: 40px;
|
// height: 40px;
|
||||||
// line-height: 40px;
|
// line-height: 40px;
|
||||||
border: 1ppx solid;
|
border: 1ppx solid;
|
||||||
|
@ -375,40 +390,34 @@ export default {
|
||||||
// padding-left: 10px;
|
// padding-left: 10px;
|
||||||
background-color: #4e4e4e;
|
background-color: #4e4e4e;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
|
h4{
|
||||||
h4 {
|
|
||||||
padding: 5px 0px;
|
padding: 5px 0px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: #4c4c4c;
|
background-color: #4c4c4c;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.left-content{
|
||||||
.left-content {
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-tabs{
|
||||||
::v-deep .el-tabs {
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display:flex;
|
||||||
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-tabs__header{
|
||||||
::v-deep .el-tabs__header {
|
|
||||||
height: 40px;
|
height: 40px;
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-tabs__content{
|
||||||
::v-deep .el-tabs__content {
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
}
|
}
|
||||||
|
.img-box{
|
||||||
.img-box {
|
|
||||||
// position: relative;
|
// position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
@ -417,40 +426,34 @@ export default {
|
||||||
// margin-bottom: 5px;
|
// margin-bottom: 5px;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
}
|
}
|
||||||
|
.img-text{
|
||||||
.img-text {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis; /* 用省略号表示溢出的文本 */
|
||||||
/* 用省略号表示溢出的文本 */
|
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
.img-box:nth-last-child(1){
|
||||||
.img-box:nth-last-child(1) {
|
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.is-boxActive {
|
.is-boxActive {
|
||||||
// border-color: #409eff;
|
// border-color: #409eff;
|
||||||
color: #409eff;
|
color: #409eff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.is-boxActiv:after {
|
.is-boxActiv:after {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.right{
|
||||||
.right {
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
|
::v-deep .el-card__body{
|
||||||
::v-deep .el-card__body {
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -147,6 +147,7 @@
|
||||||
prop="UserType"
|
prop="UserType"
|
||||||
:label="$t('trials:staff:table:userType')"
|
:label="$t('trials:staff:table:userType')"
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
|
sortable
|
||||||
width="160"
|
width="160"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -1,85 +1,164 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<el-divider content-position="left">{{ $t('trials:readingPeriod:title:study') }}</el-divider>
|
<el-divider content-position="left">{{ $t('trials:readingPeriod:title:study') }}</el-divider>
|
||||||
<el-table v-loading="btnLoading" :data="studyList" style="width: 100%" :row-class-name="tableRowClassName"
|
<el-table
|
||||||
max-height="250">
|
v-loading="btnLoading"
|
||||||
|
:data="studyList"
|
||||||
|
style="width: 100%"
|
||||||
|
:row-class-name="tableRowClassName"
|
||||||
|
max-height="250"
|
||||||
|
>
|
||||||
<!-- 检查编号 -->
|
<!-- 检查编号 -->
|
||||||
<el-table-column prop="StudyCode" :label="$t('trials:uploadedDicoms:table:studyId')" min-width="80"
|
<el-table-column
|
||||||
show-overflow-tooltip />
|
prop="StudyCode"
|
||||||
|
:label="$t('trials:uploadedDicoms:table:studyId')"
|
||||||
|
min-width="80"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 检查类型 -->
|
<!-- 检查类型 -->
|
||||||
<el-table-column prop="ModalityForEdit" :label="$t('trials:audit:table:modality')" />
|
<el-table-column
|
||||||
|
prop="ModalityForEdit"
|
||||||
|
:label="$t('trials:audit:table:modality')"
|
||||||
|
/>
|
||||||
<!-- 检查设备 -->
|
<!-- 检查设备 -->
|
||||||
<el-table-column prop="Modalities" :label="$t('trials:audit:table:modality1')" />
|
<el-table-column
|
||||||
|
prop="Modalities"
|
||||||
|
:label="$t('trials:audit:table:modality1')"
|
||||||
|
/>
|
||||||
<!-- 检查部位 -->
|
<!-- 检查部位 -->
|
||||||
<el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadedDicoms:table:bodyPart')" min-width="100"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="BodyPartForEdit"
|
||||||
|
:label="$t('trials:uploadedDicoms:table:bodyPart')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}
|
{{ getBodyPart(scope.row.BodyPartForEdit)}}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 序列数量 -->
|
<!-- 序列数量 -->
|
||||||
<el-table-column prop="SeriesCount" :label="$t('trials:uploadedDicoms:table:seriesCount')" min-width="100"
|
<el-table-column
|
||||||
show-overflow-tooltip />
|
prop="SeriesCount"
|
||||||
|
:label="$t('trials:uploadedDicoms:table:seriesCount')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 图像数量 -->
|
<!-- 图像数量 -->
|
||||||
<el-table-column prop="InstanceCount" :label="$t('trials:uploadedDicoms:table:instanceCount')" min-width="100"
|
<el-table-column
|
||||||
show-overflow-tooltip />
|
prop="InstanceCount"
|
||||||
|
:label="$t('trials:uploadedDicoms:table:instanceCount')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 检查日期 -->
|
<!-- 检查日期 -->
|
||||||
<el-table-column prop="StudyTime" :label="$t('trials:uploadedDicoms:table:studyDate')" min-width="120"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="StudyTime"
|
||||||
<!-- <template slot-scope="scope">-->
|
:label="$t('trials:uploadedDicoms:table:studyDate')"
|
||||||
<!-- {{ scope.row.StudyTime ? moment(scope.row.StudyTime).format('YYYY-MM-DD'):'' }}-->
|
min-width="120"
|
||||||
<!-- </template>-->
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
|
<!-- <template slot-scope="scope">-->
|
||||||
|
<!-- {{ scope.row.StudyTime ? moment(scope.row.StudyTime).format('YYYY-MM-DD'):'' }}-->
|
||||||
|
<!-- </template>-->
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 上传时间 -->
|
<!-- 上传时间 -->
|
||||||
<el-table-column prop="UploadedTime" :label="$t('trials:uploadedDicoms:table:uploadedTime')" min-width="80"
|
<el-table-column
|
||||||
show-overflow-tooltip />
|
prop="UploadedTime"
|
||||||
|
:label="$t('trials:uploadedDicoms:table:uploadedTime')"
|
||||||
|
min-width="80"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<el-table-column :label="$t('common:action:action')" min-width="100" fixed="right">
|
<el-table-column :label="$t('common:action:action')" min-width="100" fixed="right">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<!-- 预览 -->
|
<!-- 预览 -->
|
||||||
<el-button icon="el-icon-view" :disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
|
<el-button
|
||||||
:title="$t('trials:uploadedDicoms:action:preview')" circle @click="handleViewStudy(scope.row)" />
|
icon="el-icon-view"
|
||||||
|
:disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
|
||||||
|
:title="$t('trials:uploadedDicoms:action:preview')"
|
||||||
|
circle
|
||||||
|
@click="handleViewStudy(scope.row)"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<el-divider content-position="left">{{ $t('trials:readingPeriod:title:series') }}</el-divider>
|
<el-divider content-position="left">{{ $t('trials:readingPeriod:title:series') }}</el-divider>
|
||||||
<el-table :data="seriesList" v-loading="btnLoading" :row-class-name="tableRowClassName">
|
<el-table
|
||||||
|
:data="seriesList"
|
||||||
|
v-loading="btnLoading"
|
||||||
|
:row-class-name="tableRowClassName"
|
||||||
|
>
|
||||||
<!-- 序列号 -->
|
<!-- 序列号 -->
|
||||||
<el-table-column prop="SeriesNumber" :label="$t('trials:audit:table:seriesId')" />
|
<el-table-column
|
||||||
|
prop="SeriesNumber"
|
||||||
|
:label="$t('trials:audit:table:seriesId')"
|
||||||
|
/>
|
||||||
<!-- 检查编号 -->
|
<!-- 检查编号 -->
|
||||||
<el-table-column prop="StudyCode" :label="$t('trials:audit:table:seriesOfStudyId')" />
|
<el-table-column
|
||||||
|
prop="StudyCode"
|
||||||
|
:label="$t('trials:audit:table:seriesOfStudyId')"
|
||||||
|
/>
|
||||||
<!-- 检查类型 -->
|
<!-- 检查类型 -->
|
||||||
<el-table-column prop="Modality" :label="$t('trials:audit:table:seriesModality')" show-overflow-tooltip />
|
<el-table-column
|
||||||
|
prop="Modality"
|
||||||
|
:label="$t('trials:audit:table:seriesModality')"
|
||||||
|
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 检查部位 -->
|
<!-- 检查部位 -->
|
||||||
<el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadedDicoms:table:bodyPart')" min-width="100"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="BodyPartForEdit"
|
||||||
|
:label="$t('trials:uploadedDicoms:table:bodyPart')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}
|
{{ getBodyPart(scope.row.BodyPartForEdit)}}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 图像数量 -->
|
<!-- 图像数量 -->
|
||||||
<el-table-column prop="InstanceCount" :label="$t('trials:audit:table:seriesOfInstanceCount')" />
|
<el-table-column
|
||||||
|
prop="InstanceCount"
|
||||||
|
:label="$t('trials:audit:table:seriesOfInstanceCount')"
|
||||||
|
/>
|
||||||
<!-- 检查日期 -->
|
<!-- 检查日期 -->
|
||||||
<el-table-column prop="SeriesTime" :label="$t('trials:audit:table:seriesOfStudyDate')" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
prop="SeriesTime"
|
||||||
|
:label="$t('trials:audit:table:seriesOfStudyDate')"
|
||||||
|
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ scope.row.StudyTime ? moment(scope.row.StudyTime).format('YYYY-MM-DD') : '' }}
|
{{ scope.row.StudyTime ? moment(scope.row.StudyTime).format('YYYY-MM-DD') : '' }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 是否阅片 -->
|
<!-- 是否阅片 -->
|
||||||
<el-table-column prop="IsReading" :label="$t('trials:audit:table:isReading')">
|
<el-table-column
|
||||||
|
prop="IsReading"
|
||||||
|
:label="$t('trials:audit:table:isReading')"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-switch :disabled="scope.row.IsConfirmed" v-model="scope.row.IsReading" />
|
<el-switch
|
||||||
|
:disabled="scope.row.IsConfirmed"
|
||||||
|
v-model="scope.row.IsReading"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column :label="$t('common:action:action')">
|
<el-table-column
|
||||||
|
:label="$t('common:action:action')"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<!-- 预览 -->
|
<!-- 预览 -->
|
||||||
<el-button icon="el-icon-view" :title="$t('trials:audit:action:seriesPreview')" circle
|
<el-button
|
||||||
:disabled="scope.row.IsDeleted" @click="handlePreviewInstance(scope.row)" />
|
icon="el-icon-view"
|
||||||
|
:title="$t('trials:audit:action:seriesPreview')"
|
||||||
|
circle
|
||||||
|
:disabled="scope.row.IsDeleted"
|
||||||
|
@click="handlePreviewInstance(scope.row)"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<div slot="footer" class="dialog-footer" v-if="!this.seriesList.find(v => v.IsConfirmed)"
|
<div slot="footer" class="dialog-footer" v-if="!this.seriesList.find(v => v.IsConfirmed)" style="text-align: right;margin-top: 20px">
|
||||||
style="text-align: right;margin-top: 20px">
|
|
||||||
<el-button :disabled="btnLoading" size="small" type="primary" @click="save(false)">
|
<el-button :disabled="btnLoading" size="small" type="primary" @click="save(false)">
|
||||||
{{ $t('common:button:save') }}
|
{{ $t('common:button:save') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
|
@ -100,7 +179,7 @@ export default {
|
||||||
props: {
|
props: {
|
||||||
data: {
|
data: {
|
||||||
type: Object,
|
type: Object,
|
||||||
default: () => { }
|
default: () => {}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
@ -111,11 +190,11 @@ export default {
|
||||||
seriesList: [],
|
seriesList: [],
|
||||||
moment,
|
moment,
|
||||||
trialId: this.$route.query.trialId,
|
trialId: this.$route.query.trialId,
|
||||||
BodyPart: {}
|
bp:[]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async mounted() {
|
async mounted() {
|
||||||
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
|
this.bp = await this.$getBodyPart(this.$route.query.trialId)
|
||||||
this.getList()
|
this.getList()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
@ -137,7 +216,7 @@ export default {
|
||||||
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
||||||
this.getList()
|
this.getList()
|
||||||
this.btnLoading = false
|
this.btnLoading = false
|
||||||
}).catch(() => { this.btnLoading = false })
|
}).catch(() => {this.btnLoading = false})
|
||||||
} else {
|
} else {
|
||||||
this.$confirm(this.$t('trials:readingPeriod:confirm:Images')).then(() => {
|
this.$confirm(this.$t('trials:readingPeriod:confirm:Images')).then(() => {
|
||||||
this.btnLoading = true
|
this.btnLoading = true
|
||||||
|
@ -147,7 +226,7 @@ export default {
|
||||||
this.btnLoading = false
|
this.btnLoading = false
|
||||||
this.$emit('getList')
|
this.$emit('getList')
|
||||||
this.$emit('close')
|
this.$emit('close')
|
||||||
}).catch(() => { this.btnLoading = false })
|
}).catch(() => {this.btnLoading = false})
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -158,8 +237,8 @@ export default {
|
||||||
})
|
})
|
||||||
this.open = window.open(routeData.href, '_blank')
|
this.open = window.open(routeData.href, '_blank')
|
||||||
},
|
},
|
||||||
getBodyPart(bodyPart, other) {
|
getBodyPart(bodyPart) {
|
||||||
if (!bodyPart && !other) return ''
|
if (!bodyPart) return ''
|
||||||
var separator = ','
|
var separator = ','
|
||||||
if (bodyPart.indexOf('|') > -1) {
|
if (bodyPart.indexOf('|') > -1) {
|
||||||
separator = '|'
|
separator = '|'
|
||||||
|
@ -169,13 +248,9 @@ export default {
|
||||||
separator = ','
|
separator = ','
|
||||||
}
|
}
|
||||||
var arr = bodyPart.split(separator)
|
var arr = bodyPart.split(separator)
|
||||||
var newArr = arr.map((i) => {
|
var newArr = arr.map(i => {
|
||||||
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
|
return this.$fd('Bodypart', i.trim(),'Code',{Bodypart:this.bp},'Name')
|
||||||
})
|
})
|
||||||
if (other) {
|
|
||||||
newArr.push(other)
|
|
||||||
}
|
|
||||||
newArr = newArr.filter(Boolean)
|
|
||||||
return newArr.join(' | ')
|
return newArr.join(' | ')
|
||||||
},
|
},
|
||||||
getList() {
|
getList() {
|
||||||
|
@ -220,4 +295,6 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped></style>
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
|
@ -1,39 +1,60 @@
|
||||||
<template>
|
<template>
|
||||||
<el-form ref="subjectStatusForm" v-loading="loading" :model="form" :rules="rules" size="small" label-width="160px">
|
<el-form
|
||||||
|
ref="subjectStatusForm"
|
||||||
|
v-loading="loading"
|
||||||
|
:model="form"
|
||||||
|
:rules="rules"
|
||||||
|
size="small"
|
||||||
|
label-width="160px"
|
||||||
|
>
|
||||||
<div class="base-dialog-body">
|
<div class="base-dialog-body">
|
||||||
<!-- Status -->
|
<!-- Status -->
|
||||||
<el-form-item :label="$t('trials:subject:table:status')" prop="Status">
|
<el-form-item :label="$t('trials:subject:table:status')" prop="Status">
|
||||||
<el-radio-group v-model="form.Status" :disabled="originalStatus === 2" @change="handleChange">
|
<el-radio-group v-model="form.Status" :disabled="originalStatus === 2">
|
||||||
<el-radio v-for="item of $d.Subject_Visit_Status" :label="item.value" :key="item.id">
|
<el-radio v-for="item of $d.Subject_Visit_Status" :label="item.value" :key="item.id">{{item.label}}</el-radio>
|
||||||
{{ item.label }}</el-radio>
|
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- Out Visit Date -->
|
<!-- Out Visit Date -->
|
||||||
<el-form-item v-if="form.Status == 2" :label="$t('trials:subject:table:outVisitDate')" prop="VisitOverTime">
|
<el-form-item v-if="form.Status== 2" :label="$t('trials:subject:table:outVisitDate')" prop="VisitOverTime">
|
||||||
<el-date-picker v-model="form.VisitOverTime" type="date" :picker-options="pickerOption"
|
<el-date-picker
|
||||||
value-format="yyyy-MM-dd" format="yyyy-MM-dd" />
|
v-model="form.VisitOverTime"
|
||||||
|
type="date"
|
||||||
|
:picker-options="pickerOption"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
format="yyyy-MM-dd"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 末次访视 -->
|
<!-- 末次访视 -->
|
||||||
<el-form-item v-if="form.Status === 2" :label="$t('trials:subject:table:finalSubjectVisit')"
|
<el-form-item v-if="form.Status===2" :label="$t('trials:subject:table:finalSubjectVisit')" prop="FinalSubjectVisitId">
|
||||||
prop="FinalSubjectVisitId">
|
<el-select
|
||||||
<el-select v-model="form.FinalSubjectVisitId" clearable filterable style="width:100%"
|
v-model="form.FinalSubjectVisitId"
|
||||||
:disabled="originalStatus === 2">
|
clearable
|
||||||
<el-option v-for="item in subjectVisitOptions" :key="item.Id" :label="item.VisitName" :value="item.Id" />
|
filterable
|
||||||
|
style="width:100%"
|
||||||
|
:disabled="originalStatus === 2"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in subjectVisitOptions"
|
||||||
|
:key="item.Id"
|
||||||
|
:label="item.VisitName"
|
||||||
|
:value="item.Id"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 结束访视的原因 -->
|
<!-- 结束访视的原因 -->
|
||||||
<el-form-item v-if="form.Status === 2" :label="$t('trials:subject:table:outVisitReason')" prop="Reason">
|
<el-form-item v-if="form.Status===2" :label="$t('trials:subject:table:outVisitReason')" prop="Reason">
|
||||||
<el-input v-model="form.Reason" type="textarea" autosize />
|
<el-input v-model="form.Reason" type="textarea" autosize />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 访视中止的原因 -->
|
|
||||||
<el-form-item v-if="form.Status === 3" :label="$t('trials:subject:table:outVisitReason')" prop="SuspendReason">
|
|
||||||
<el-input v-model="form.SuspendReason" type="textarea" autosize />
|
|
||||||
</el-form-item>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
|
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
|
||||||
<el-form-item style="text-align:right;">
|
<el-form-item style="text-align:right;">
|
||||||
<!-- 取消 -->
|
<!-- 取消 -->
|
||||||
<el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancel">
|
<el-button
|
||||||
|
:disabled="btnLoading"
|
||||||
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
@click="handleCancel"
|
||||||
|
>
|
||||||
{{ $t('common:button:cancel') }}
|
{{ $t('common:button:cancel') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">
|
<el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">
|
||||||
|
@ -62,14 +83,12 @@ export default {
|
||||||
OutEnrollmentTime: '',
|
OutEnrollmentTime: '',
|
||||||
Reason: '',
|
Reason: '',
|
||||||
VisitOverTime: '',
|
VisitOverTime: '',
|
||||||
FinalSubjectVisitId: '',
|
FinalSubjectVisitId: ''
|
||||||
SuspendReason: ''
|
|
||||||
},
|
},
|
||||||
rules: {
|
rules: {
|
||||||
OutEnrollmentTime: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] }],
|
OutEnrollmentTime: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] }],
|
||||||
FinalSubjectVisitId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] }],
|
FinalSubjectVisitId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] }],
|
||||||
Reason: [{ max: 500, message: `${this.$t('common:ruleMessage:maxLength')} 500` }],
|
Reason: [{ max: 500, message: `${this.$t('common:ruleMessage:maxLength')} 500` }],
|
||||||
SuspendReason: [{ max: 500, message: `${this.$t('common:ruleMessage:maxLength')} 500` }],
|
|
||||||
VisitOverTime: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] }]
|
VisitOverTime: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] }]
|
||||||
},
|
},
|
||||||
pickerOption: {
|
pickerOption: {
|
||||||
|
@ -89,9 +108,6 @@ export default {
|
||||||
this.initForm()
|
this.initForm()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
handleChange() {
|
|
||||||
if (this.form.Status !== 3) this.form.SuspendReason = ''
|
|
||||||
},
|
|
||||||
async initForm() {
|
async initForm() {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
const { Result } = await getSubjectVisitSelectOptions(this.data.Id)
|
const { Result } = await getSubjectVisitSelectOptions(this.data.Id)
|
||||||
|
|
|
@ -856,7 +856,6 @@ export default {
|
||||||
|
|
||||||
var item
|
var item
|
||||||
if (!v.IsEnable) return
|
if (!v.IsEnable) return
|
||||||
if (v.ApplyCriterionList && Array.isArray(v.ApplyCriterionList) && v.ApplyCriterionList.length > 0 && !v.ApplyCriterionList.includes(this.currentRow.CriterionType)) return false
|
|
||||||
if (v.IsShowByTrialConfig) {
|
if (v.IsShowByTrialConfig) {
|
||||||
if (!parentRow[v.TrialConfigRelyFieldName]) return
|
if (!parentRow[v.TrialConfigRelyFieldName]) return
|
||||||
}
|
}
|
||||||
|
|
|
@ -356,14 +356,7 @@ export default {
|
||||||
} else {
|
} else {
|
||||||
this.searchData.Asc = false
|
this.searchData.Asc = false
|
||||||
}
|
}
|
||||||
let prop = column.prop
|
this.searchData.SortField = column.prop
|
||||||
if (prop === 'TotalImageSizeStr') {
|
|
||||||
prop = 'TotalImageSize'
|
|
||||||
}
|
|
||||||
if (prop === 'TotalReadingImageSizeStr') {
|
|
||||||
prop = 'TotalReadingImageSize'
|
|
||||||
}
|
|
||||||
this.searchData.SortField = prop
|
|
||||||
this.searchData.PageIndex = 1
|
this.searchData.PageIndex = 1
|
||||||
this.getList()
|
this.getList()
|
||||||
},
|
},
|
||||||
|
|
|
@ -2,125 +2,254 @@
|
||||||
<div class="study-info">
|
<div class="study-info">
|
||||||
<div class="functions" style="text-align: right">
|
<div class="functions" style="text-align: right">
|
||||||
<!-- 删除 -->
|
<!-- 删除 -->
|
||||||
<el-button v-if="
|
<el-button
|
||||||
|
v-if="
|
||||||
data.SubmitState * 1 < 2 ||
|
data.SubmitState * 1 < 2 ||
|
||||||
(data.SubmitState === 2 && data.IsQCConfirmedReupload)
|
(data.SubmitState === 2 && data.IsQCConfirmedReupload)
|
||||||
" v-hasPermi="['trials:trials-panel:visit:crc-upload:delete']" :disabled="deleteArr.length === 0"
|
"
|
||||||
type="primary" size="small" icon="el-icon-delete" @click="handleBatchDelete">
|
v-hasPermi="['trials:trials-panel:visit:crc-upload:delete']"
|
||||||
|
:disabled="deleteArr.length === 0"
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
icon="el-icon-delete"
|
||||||
|
@click="handleBatchDelete"
|
||||||
|
>
|
||||||
{{ $t('trials:uploadedDicoms:action:delete') }}
|
{{ $t('trials:uploadedDicoms:action:delete') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- 预览 -->
|
<!-- 预览 -->
|
||||||
<el-button type="primary" size="small" :disabled="studyList.length === 0" icon="el-icon-view"
|
<el-button
|
||||||
@click="handlePreviewAllFiles">
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
:disabled="studyList.length === 0"
|
||||||
|
icon="el-icon-view"
|
||||||
|
@click="handlePreviewAllFiles"
|
||||||
|
>
|
||||||
{{ $t('trials:uploadedDicoms:action:preview') }}
|
{{ $t('trials:uploadedDicoms:action:preview') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<el-table v-loading="studyLoading" :data="studyList" style="width: 100%" height="300"
|
<el-table
|
||||||
:row-class-name="tableRowClassName" @selection-change="handleSelectionChange"
|
v-loading="studyLoading"
|
||||||
:default-sort="{ prop: 'UploadedTime', order: 'ascending' }">
|
:data="studyList"
|
||||||
<el-table-column v-if="!(data.SubmitState * 1 === 2) || data.IsQCConfirmedReupload" type="selection" width="55" />
|
style="width: 100%"
|
||||||
|
height="300"
|
||||||
|
:row-class-name="tableRowClassName"
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
:default-sort="{ prop: 'UploadedTime', order: 'ascending' }"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
v-if="!(data.SubmitState * 1 === 2) || data.IsQCConfirmedReupload"
|
||||||
|
type="selection"
|
||||||
|
width="55"
|
||||||
|
/>
|
||||||
<!-- 检查编号 -->
|
<!-- 检查编号 -->
|
||||||
<el-table-column prop="StudyCode" :label="$t('trials:uploadedDicoms:table:studyId')" min-width="80"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable />
|
prop="StudyCode"
|
||||||
|
:label="$t('trials:uploadedDicoms:table:studyId')"
|
||||||
|
min-width="80"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable
|
||||||
|
/>
|
||||||
<!-- 检查名称 -->
|
<!-- 检查名称 -->
|
||||||
<el-table-column v-if="relationInfo.IsShowStudyName" prop="StudyName" :label="$t('trials:audit:table:StudyName')"
|
<el-table-column
|
||||||
sortable />
|
v-if="relationInfo.IsShowStudyName"
|
||||||
|
prop="StudyName"
|
||||||
|
:label="$t('trials:audit:table:StudyName')"
|
||||||
|
sortable
|
||||||
|
/>
|
||||||
<!-- 检查类型 -->
|
<!-- 检查类型 -->
|
||||||
<el-table-column prop="ModalityForEdit" :label="$t('trials:audit:table:modality')" sortable />
|
<el-table-column
|
||||||
|
prop="ModalityForEdit"
|
||||||
|
:label="$t('trials:audit:table:modality')"
|
||||||
|
sortable
|
||||||
|
/>
|
||||||
<!-- 检查类型 -->
|
<!-- 检查类型 -->
|
||||||
<el-table-column prop="Modalities" :label="$t('trials:audit:table:modality1')" sortable />
|
<el-table-column
|
||||||
|
prop="Modalities"
|
||||||
|
:label="$t('trials:audit:table:modality1')"
|
||||||
|
sortable
|
||||||
|
/>
|
||||||
<!-- 检查部位 -->
|
<!-- 检查部位 -->
|
||||||
<el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadedDicoms:table:bodyPart')" sortable
|
<el-table-column
|
||||||
min-width="100" show-overflow-tooltip>
|
prop="BodyPartForEdit"
|
||||||
|
:label="$t('trials:uploadedDicoms:table:bodyPart')"
|
||||||
|
sortable
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}
|
{{ getBodyPart(scope.row.BodyPartForEdit) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 序列数量 -->
|
<!-- 序列数量 -->
|
||||||
<el-table-column prop="SeriesCount" :label="$t('trials:uploadedDicoms:table:seriesCount')" sortable
|
<el-table-column
|
||||||
min-width="100" show-overflow-tooltip />
|
prop="SeriesCount"
|
||||||
|
:label="$t('trials:uploadedDicoms:table:seriesCount')"
|
||||||
|
sortable
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 图像数量 -->
|
<!-- 图像数量 -->
|
||||||
<el-table-column prop="InstanceCount" :label="$t('trials:uploadedDicoms:table:instanceCount')" sortable
|
<el-table-column
|
||||||
min-width="100" show-overflow-tooltip />
|
prop="InstanceCount"
|
||||||
|
:label="$t('trials:uploadedDicoms:table:instanceCount')"
|
||||||
|
sortable
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 检查日期 -->
|
<!-- 检查日期 -->
|
||||||
<el-table-column prop="StudyTime" :label="$t('trials:uploadedDicoms:table:studyDate')" sortable min-width="120"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="StudyTime"
|
||||||
|
:label="$t('trials:uploadedDicoms:table:studyDate')"
|
||||||
|
sortable
|
||||||
|
min-width="120"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ moment(scope.row.StudyTime).format('YYYY-MM-DD') }}
|
{{ moment(scope.row.StudyTime).format('YYYY-MM-DD') }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 更新时间 -->
|
<!-- 更新时间 -->
|
||||||
<el-table-column prop="UpdateTime" :label="$t('trials:uploadedDicoms:table:UpdateTime')" min-width="120"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable />
|
prop="UpdateTime"
|
||||||
|
:label="$t('trials:uploadedDicoms:table:UpdateTime')"
|
||||||
|
min-width="120"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable
|
||||||
|
/>
|
||||||
<!-- 上传时间 -->
|
<!-- 上传时间 -->
|
||||||
<el-table-column prop="UploadedTime" :label="$t('trials:uploadedDicoms:table:uploadedTime')" sortable
|
<el-table-column
|
||||||
min-width="120" show-overflow-tooltip />
|
prop="UploadedTime"
|
||||||
<el-table-column :label="$t('common:action:action')" min-width="100">
|
:label="$t('trials:uploadedDicoms:table:uploadedTime')"
|
||||||
|
sortable
|
||||||
|
min-width="120"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
:label="$t('common:action:action')"
|
||||||
|
min-width="100"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<!-- 预览 -->
|
<!-- 预览 -->
|
||||||
<el-button icon="el-icon-view" :disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
|
<el-button
|
||||||
:title="$t('trials:uploadedDicoms:action:preview')" circle @click="handleViewStudy(scope.row)" />
|
icon="el-icon-view"
|
||||||
|
:disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
|
||||||
|
:title="$t('trials:uploadedDicoms:action:preview')"
|
||||||
|
circle
|
||||||
|
@click="handleViewStudy(scope.row)"
|
||||||
|
/>
|
||||||
<!-- 预览PET-CT数据 -->
|
<!-- 预览PET-CT数据 -->
|
||||||
<el-button icon="el-icon-folder" :title="$t('trials:audit:tab:clinicalData')" v-if="
|
<el-button
|
||||||
|
icon="el-icon-folder"
|
||||||
|
:title="$t('trials:audit:tab:clinicalData')"
|
||||||
|
v-if="
|
||||||
['PT、CT', 'CT、PT', 'PET-CT'].includes(scope.row.Modalities) &&
|
['PT、CT', 'CT、PT', 'PET-CT'].includes(scope.row.Modalities) &&
|
||||||
relationInfo.IsHaveStudyClinicalData
|
relationInfo.IsHaveStudyClinicalData
|
||||||
" circle :disabled="scope.row.IsDeleted" @click="handlePreviewClinicalData(scope.row)" />
|
"
|
||||||
|
circle
|
||||||
|
:disabled="scope.row.IsDeleted"
|
||||||
|
@click="handlePreviewClinicalData(scope.row)"
|
||||||
|
/>
|
||||||
<!-- 编辑 -->
|
<!-- 编辑 -->
|
||||||
<el-button icon="el-icon-edit-outline" v-if="
|
<el-button
|
||||||
|
icon="el-icon-edit-outline"
|
||||||
|
v-if="
|
||||||
data.SubmitState * 1 < 2 ||
|
data.SubmitState * 1 < 2 ||
|
||||||
(data.SubmitState === 2 && data.IsQCConfirmedReupload)
|
(data.SubmitState === 2 && data.IsQCConfirmedReupload)
|
||||||
" v-hasPermi="['trials:trials-panel:visit:crc-upload:edit']" title="编辑" circle
|
"
|
||||||
:disabled="scope.row.IsDeleted" @click="handleEditStudy(scope.row)" />
|
v-hasPermi="['trials:trials-panel:visit:crc-upload:edit']"
|
||||||
|
title="编辑"
|
||||||
|
circle
|
||||||
|
:disabled="scope.row.IsDeleted"
|
||||||
|
@click="handleEditStudy(scope.row)"
|
||||||
|
/>
|
||||||
<!-- 删除 -->
|
<!-- 删除 -->
|
||||||
<el-button v-if="
|
<el-button
|
||||||
|
v-if="
|
||||||
data.SubmitState * 1 < 2 ||
|
data.SubmitState * 1 < 2 ||
|
||||||
(data.SubmitState === 2 && data.IsQCConfirmedReupload)
|
(data.SubmitState === 2 && data.IsQCConfirmedReupload)
|
||||||
" v-hasPermi="['trials:trials-panel:visit:crc-upload:delete']" icon="el-icon-delete"
|
"
|
||||||
:title="$t('trials:uploadedDicoms:action:delete')" circle @click="handleDeleteStudy(scope.row)" />
|
v-hasPermi="['trials:trials-panel:visit:crc-upload:delete']"
|
||||||
|
icon="el-icon-delete"
|
||||||
|
:title="$t('trials:uploadedDicoms:action:delete')"
|
||||||
|
circle
|
||||||
|
@click="handleDeleteStudy(scope.row)"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<el-dialog v-if="editStudyInfoVisible" :title="$t('trials:audit:action:edit')" :visible.sync="editStudyInfoVisible"
|
<el-dialog
|
||||||
:close-on-click-modal="false" append-to-body custom-class="base-dialog-wrapper" width="600px">
|
v-if="editStudyInfoVisible"
|
||||||
<div style="
|
:title="$t('trials:audit:action:edit')"
|
||||||
|
:visible.sync="editStudyInfoVisible"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
append-to-body
|
||||||
|
custom-class="base-dialog-wrapper"
|
||||||
|
width="600px"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style="
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border: 1px solid #e0e0e0;
|
border: 1px solid #e0e0e0;
|
||||||
max-height: 650px;
|
max-height: 650px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
">
|
"
|
||||||
|
>
|
||||||
<el-form ref="studyForm" :model="studyForm" label-width="100px">
|
<el-form ref="studyForm" :model="studyForm" label-width="100px">
|
||||||
<!-- 检查编号 -->
|
<!-- 检查编号 -->
|
||||||
<el-form-item :label="$t('trials:audit:table:studyId')">
|
<el-form-item :label="$t('trials:audit:table:studyId')">
|
||||||
<el-input v-model="studyForm.StudyCode" disabled />
|
<el-input v-model="studyForm.StudyCode" disabled />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 检查类型 -->
|
<!-- 检查类型 -->
|
||||||
<el-form-item v-if="studyForm.IsDicomData" :label="$t('trials:audit:table:modality')">
|
<el-form-item
|
||||||
|
v-if="studyForm.IsDicomData"
|
||||||
|
:label="$t('trials:audit:table:modality')"
|
||||||
|
>
|
||||||
<el-input v-model="studyForm.Modalities" disabled />
|
<el-input v-model="studyForm.Modalities" disabled />
|
||||||
</el-form-item>
|
</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="Modalities"
|
||||||
|
:rules="[
|
||||||
{
|
{
|
||||||
required: true,
|
required: true,
|
||||||
message: $t('common:ruleMessage:specify'),
|
message: $t('common:ruleMessage:specify'),
|
||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
]">
|
]"
|
||||||
|
>
|
||||||
<el-radio-group v-model="studyForm.Modalities">
|
<el-radio-group v-model="studyForm.Modalities">
|
||||||
<el-radio v-for="m in trialModalitys" v-show="m !== ''" :key="m" :label="m" style="margin-bottom: 15px" />
|
<el-radio
|
||||||
|
v-for="m in trialModalitys"
|
||||||
|
v-show="m !== ''"
|
||||||
|
:key="m"
|
||||||
|
:label="m"
|
||||||
|
style="margin-bottom: 15px"
|
||||||
|
/>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 检查部位 -->
|
<!-- 检查部位 -->
|
||||||
<el-form-item :label="$t('trials:audit:table:bodyPart')" prop="BodyPartForEdit" :rules="[
|
<el-form-item
|
||||||
|
:label="$t('trials:audit:table:bodyPart')"
|
||||||
|
prop="BodyPartForEdit"
|
||||||
|
:rules="[
|
||||||
{
|
{
|
||||||
required: true,
|
required: true,
|
||||||
message: $t('common:ruleMessage:specify'),
|
message: $t('common:ruleMessage:specify'),
|
||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
]">
|
]"
|
||||||
|
>
|
||||||
<el-checkbox-group v-model="studyForm.BodyPartForEdit">
|
<el-checkbox-group v-model="studyForm.BodyPartForEdit">
|
||||||
<el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{
|
<el-checkbox
|
||||||
|
v-for="bodyPart in trialBodyPartTypes"
|
||||||
|
:key="bodyPart"
|
||||||
|
:label="bodyPart"
|
||||||
|
>{{
|
||||||
$fd('Bodypart', bodyPart, 'Code', BodyPart, 'Name')
|
$fd('Bodypart', bodyPart, 'Code', BodyPart, 'Name')
|
||||||
}}</el-checkbox>
|
}}</el-checkbox
|
||||||
|
>
|
||||||
</el-checkbox-group>
|
</el-checkbox-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 序列数量 -->
|
<!-- 序列数量 -->
|
||||||
|
@ -128,28 +257,57 @@
|
||||||
<el-input v-model="studyForm.SeriesCount" disabled />
|
<el-input v-model="studyForm.SeriesCount" disabled />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 图像数量 -->
|
<!-- 图像数量 -->
|
||||||
<el-form-item v-if="studyForm.InstanceCount" :label="$t('trials:audit:table:instanceCount')">
|
<el-form-item
|
||||||
|
v-if="studyForm.InstanceCount"
|
||||||
|
:label="$t('trials:audit:table:instanceCount')"
|
||||||
|
>
|
||||||
<el-input v-model="studyForm.InstanceCount" disabled />
|
<el-input v-model="studyForm.InstanceCount" disabled />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 检查日期 -->
|
<!-- 检查日期 -->
|
||||||
<el-form-item :label="$t('trials:audit:table:studyDate')">
|
<el-form-item :label="$t('trials:audit:table:studyDate')">
|
||||||
<el-date-picker v-model="studyForm.StudyTime" disabled type="date" value-format="yyyy-MM-dd"
|
<el-date-picker
|
||||||
format="yyyy-MM-dd" style="width: 100%" />
|
v-model="studyForm.StudyTime"
|
||||||
|
disabled
|
||||||
|
type="date"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
format="yyyy-MM-dd"
|
||||||
|
style="width: 100%"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
<div slot="footer" class="dialog-footer">
|
<div slot="footer" class="dialog-footer">
|
||||||
<el-button :disabled="btnLoading" size="small" type="primary" @click="editStudyInfoVisible = false">
|
<el-button
|
||||||
|
:disabled="btnLoading"
|
||||||
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
@click="editStudyInfoVisible = false"
|
||||||
|
>
|
||||||
{{ $t('common:button:cancel') }}
|
{{ $t('common:button:cancel') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button :loading="btnLoading" size="small" type="primary" @click="handleUpdateStudyInfo">
|
<el-button
|
||||||
|
:loading="btnLoading"
|
||||||
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
@click="handleUpdateStudyInfo"
|
||||||
|
>
|
||||||
{{ $t('common:button:save') }}
|
{{ $t('common:button:save') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!--pet-ct临床数据上传-->
|
<!--pet-ct临床数据上传-->
|
||||||
<el-dialog v-if="petVisible" :show-close="true" :visible.sync="petVisible" append-to-body>
|
<el-dialog
|
||||||
<uploadPetClinicalData :subject-visit-id="data.Id" :data="data" :studyData="rowData" :allow-add-or-edit="false" />
|
v-if="petVisible"
|
||||||
|
:show-close="true"
|
||||||
|
:visible.sync="petVisible"
|
||||||
|
append-to-body
|
||||||
|
>
|
||||||
|
<uploadPetClinicalData
|
||||||
|
:subject-visit-id="data.Id"
|
||||||
|
:data="data"
|
||||||
|
:studyData="rowData"
|
||||||
|
:allow-add-or-edit="false"
|
||||||
|
/>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -202,8 +360,8 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async mounted() {
|
async mounted() {
|
||||||
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
|
|
||||||
this.getStudyInfo()
|
this.getStudyInfo()
|
||||||
|
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 预览临床数据
|
// 预览临床数据
|
||||||
|
@ -291,7 +449,7 @@ export default {
|
||||||
this.studyLoading = true
|
this.studyLoading = true
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
.catch(() => { })
|
.catch(() => {})
|
||||||
},
|
},
|
||||||
// 预览所有影像
|
// 预览所有影像
|
||||||
handlePreviewAllFiles() {
|
handlePreviewAllFiles() {
|
||||||
|
@ -333,10 +491,10 @@ export default {
|
||||||
this.studyLoading = true
|
this.studyLoading = true
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
.catch(() => { })
|
.catch(() => {})
|
||||||
},
|
},
|
||||||
getBodyPart(bodyPart, other) {
|
getBodyPart(bodyPart) {
|
||||||
if (!bodyPart && !other) return ''
|
if (!bodyPart) return ''
|
||||||
var separator = ','
|
var separator = ','
|
||||||
if (bodyPart.indexOf('|') > -1) {
|
if (bodyPart.indexOf('|') > -1) {
|
||||||
separator = '|'
|
separator = '|'
|
||||||
|
@ -349,10 +507,6 @@ export default {
|
||||||
var newArr = arr.map((i) => {
|
var newArr = arr.map((i) => {
|
||||||
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
|
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
|
||||||
})
|
})
|
||||||
if (other) {
|
|
||||||
newArr.push(other)
|
|
||||||
}
|
|
||||||
newArr = newArr.filter(Boolean)
|
|
||||||
return newArr.join(' | ')
|
return newArr.join(' | ')
|
||||||
},
|
},
|
||||||
// 获取勾选项
|
// 获取勾选项
|
||||||
|
|
|
@ -3,61 +3,125 @@
|
||||||
<!-- 已上传的dicom影像记录 -->
|
<!-- 已上传的dicom影像记录 -->
|
||||||
<div class="functions" style="text-align:right">
|
<div class="functions" style="text-align:right">
|
||||||
<!-- //批量删除已上传的影像 -->
|
<!-- //批量删除已上传的影像 -->
|
||||||
<el-button :disabled="deleteArr.length === 0" type="primary" size="small" icon="el-icon-delete"
|
<el-button
|
||||||
@click="handleBatchDelete">
|
:disabled="deleteArr.length === 0"
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
icon="el-icon-delete"
|
||||||
|
@click="handleBatchDelete"
|
||||||
|
>
|
||||||
{{ $t('trials:uploadedDicoms:action:delete') }}
|
{{ $t('trials:uploadedDicoms:action:delete') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- 预览 -->
|
<!-- 预览 -->
|
||||||
<el-button type="primary" icon="el-icon-view" size="small" :disabled="studyList.length === 0"
|
<el-button
|
||||||
@click="handlePreviewAllFiles">
|
type="primary"
|
||||||
|
icon="el-icon-view"
|
||||||
|
size="small"
|
||||||
|
:disabled="studyList.length === 0"
|
||||||
|
@click="handlePreviewAllFiles"
|
||||||
|
>
|
||||||
{{ $t('trials:uploadedDicoms:action:preview') }}
|
{{ $t('trials:uploadedDicoms:action:preview') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<el-table v-loading="studyLoading" :data="studyList" style="width: 100%" :row-class-name="tableRowClassName"
|
<el-table
|
||||||
max-height="250" @selection-change="handleUploadedSelectionChange">
|
v-loading="studyLoading"
|
||||||
<el-table-column type="selection" width="55" />
|
:data="studyList"
|
||||||
|
style="width: 100%"
|
||||||
|
:row-class-name="tableRowClassName"
|
||||||
|
max-height="250"
|
||||||
|
@selection-change="handleUploadedSelectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
width="55"
|
||||||
|
/>
|
||||||
<!-- 检查编号 -->
|
<!-- 检查编号 -->
|
||||||
<el-table-column prop="StudyCode" :label="$t('trials:uploadedDicoms:table:studyId')" min-width="80"
|
<el-table-column
|
||||||
show-overflow-tooltip />
|
prop="StudyCode"
|
||||||
|
:label="$t('trials:uploadedDicoms:table:studyId')"
|
||||||
|
min-width="80"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 检查类型 -->
|
<!-- 检查类型 -->
|
||||||
<el-table-column prop="ModalityForEdit" :label="$t('trials:audit:table:modality')" />
|
<el-table-column
|
||||||
|
prop="ModalityForEdit"
|
||||||
|
:label="$t('trials:audit:table:modality')"
|
||||||
|
/>
|
||||||
<!-- 检查设备 -->
|
<!-- 检查设备 -->
|
||||||
<el-table-column prop="Modalities" :label="$t('trials:audit:table:modality1')" />
|
<el-table-column
|
||||||
|
prop="Modalities"
|
||||||
|
:label="$t('trials:audit:table:modality1')"
|
||||||
|
/>
|
||||||
<!-- 检查部位 -->
|
<!-- 检查部位 -->
|
||||||
<el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadedDicoms:table:bodyPart')" min-width="100"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="BodyPartForEdit"
|
||||||
|
:label="$t('trials:uploadedDicoms:table:bodyPart')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}
|
{{ getBodyPart(scope.row.BodyPartForEdit)}}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 序列数量 -->
|
<!-- 序列数量 -->
|
||||||
<el-table-column prop="SeriesCount" :label="$t('trials:uploadedDicoms:table:seriesCount')" min-width="100"
|
<el-table-column
|
||||||
show-overflow-tooltip />
|
prop="SeriesCount"
|
||||||
|
:label="$t('trials:uploadedDicoms:table:seriesCount')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 图像数量 -->
|
<!-- 图像数量 -->
|
||||||
<el-table-column prop="InstanceCount" :label="$t('trials:uploadedDicoms:table:instanceCount')" min-width="100"
|
<el-table-column
|
||||||
show-overflow-tooltip />
|
prop="InstanceCount"
|
||||||
|
:label="$t('trials:uploadedDicoms:table:instanceCount')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 检查日期 -->
|
<!-- 检查日期 -->
|
||||||
<el-table-column prop="StudyTime" :label="$t('trials:uploadedDicoms:table:studyDate')" min-width="120"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="StudyTime"
|
||||||
|
:label="$t('trials:uploadedDicoms:table:studyDate')"
|
||||||
|
min-width="120"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ scope.row.StudyTime ? moment(scope.row.StudyTime).format('YYYY-MM-DD') : '' }}
|
{{ scope.row.StudyTime ? moment(scope.row.StudyTime).format('YYYY-MM-DD'):'' }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 上传时间 -->
|
<!-- 上传时间 -->
|
||||||
<el-table-column prop="UploadedTime" :label="$t('trials:uploadedDicoms:table:uploadedTime')" min-width="80"
|
<el-table-column
|
||||||
show-overflow-tooltip />
|
prop="UploadedTime"
|
||||||
|
:label="$t('trials:uploadedDicoms:table:uploadedTime')"
|
||||||
|
min-width="80"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<el-table-column :label="$t('common:action:action')" min-width="100" fixed="right">
|
<el-table-column :label="$t('common:action:action')" min-width="100" fixed="right">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<!-- 预览 -->
|
<!-- 预览 -->
|
||||||
<el-button icon="el-icon-view" :disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
|
<el-button
|
||||||
:title="$t('trials:uploadedDicoms:action:preview')" circle @click="handleViewStudy(scope.row)" />
|
icon="el-icon-view"
|
||||||
|
:disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
|
||||||
|
:title="$t('trials:uploadedDicoms:action:preview')"
|
||||||
|
circle
|
||||||
|
@click="handleViewStudy(scope.row)"
|
||||||
|
/>
|
||||||
<!-- 编辑 -->
|
<!-- 编辑 -->
|
||||||
<el-button icon="el-icon-edit-outline" v-hasPermi="['trials:trials-panel:visit:crc-upload:edit']"
|
<el-button
|
||||||
:title="$t('common:button:edit')" circle :disabled="scope.row.IsDeleted"
|
icon="el-icon-edit-outline"
|
||||||
@click="handleEditStudy(scope.row)" />
|
v-hasPermi="['trials:trials-panel:visit:crc-upload:edit']"
|
||||||
|
:title="$t('common:button:edit')"
|
||||||
|
circle
|
||||||
|
:disabled="scope.row.IsDeleted"
|
||||||
|
@click="handleEditStudy(scope.row)"
|
||||||
|
/>
|
||||||
<!-- 删除 -->
|
<!-- 删除 -->
|
||||||
<el-button icon="el-icon-delete" :disabled="scope.row.IsDeleted"
|
<el-button
|
||||||
:title="$t('trials:uploadedDicoms:action:delete')" circle @click="handleDeleteStudy(scope.row)" />
|
icon="el-icon-delete"
|
||||||
|
:disabled="scope.row.IsDeleted"
|
||||||
|
:title="$t('trials:uploadedDicoms:action:delete')"
|
||||||
|
circle
|
||||||
|
@click="handleDeleteStudy(scope.row)"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
@ -68,16 +132,33 @@
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<div id="directoryInputWrapper" class="btn btn-link file-input">
|
<div id="directoryInputWrapper" class="btn btn-link file-input">
|
||||||
<el-button type="primary" size="small">{{ $t('trials:uploadedDicomsicom:button:selectFolder') }}</el-button>
|
<el-button type="primary" size="small">{{ $t('trials:uploadedDicomsicom:button:selectFolder') }}</el-button>
|
||||||
<input type="file" name="file" webkitdirectory multiple @change="beginScanFiles($event)">
|
<input
|
||||||
|
type="file"
|
||||||
|
name="file"
|
||||||
|
webkitdirectory
|
||||||
|
multiple
|
||||||
|
@change="beginScanFiles($event)"
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<!-- 文件列表 -->
|
<!-- 文件列表 -->
|
||||||
<el-table ref="dicomFilesTable" :data="uploadQueues" class="dicomFiles-table"
|
<el-table
|
||||||
@selection-change="handleSelectionChange">
|
ref="dicomFilesTable"
|
||||||
<el-table-column type="selection" width="55" :selectable="handleSelectable" />
|
:data="uploadQueues"
|
||||||
<el-table-column type="index" width="40" />
|
class="dicomFiles-table"
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
width="55"
|
||||||
|
:selectable="handleSelectable"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
type="index"
|
||||||
|
width="40"
|
||||||
|
/>
|
||||||
<el-table-column min-width="200" show-overflow-tooltip>
|
<el-table-column min-width="200" show-overflow-tooltip>
|
||||||
<template slot="header">
|
<template slot="header">
|
||||||
<el-tooltip placement="top">
|
<el-tooltip placement="top">
|
||||||
|
@ -93,13 +174,11 @@
|
||||||
<div style="line-height:15px;">
|
<div style="line-height:15px;">
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<span v-if="scope.row.dicomInfo.accNumber"><span style="font-weight:500;">Acc:</span> {{
|
<span v-if="scope.row.dicomInfo.accNumber"><span style="font-weight:500;">Acc:</span> {{ scope.row.dicomInfo.accNumber }}</span>
|
||||||
scope.row.dicomInfo.accNumber }}</span>
|
|
||||||
<span v-else style="color:#f44336;">N/A</span>
|
<span v-else style="color:#f44336;">N/A</span>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: inline-block;margin-right:2px">
|
<div style="display: inline-block;margin-right:2px">
|
||||||
<span v-if="scope.row.dicomInfo.modality.length > 0"> {{ scope.row.dicomInfo.modality.join('、')
|
<span v-if="scope.row.dicomInfo.modality.length>0"> {{ scope.row.dicomInfo.modality.join('、') }},</span>
|
||||||
}},</span>
|
|
||||||
<span v-else style="color:#f44336;">N/A,</span>
|
<span v-else style="color:#f44336;">N/A,</span>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: inline-block;margin-right:2px">
|
<div style="display: inline-block;margin-right:2px">
|
||||||
|
@ -146,26 +225,25 @@
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div style="line-height:15px;">
|
<div style="line-height:15px;">
|
||||||
<div>
|
<div>
|
||||||
<span v-if="scope.row.dicomInfo.patientId"><span style="font-weight:500;">PID: </span>{{
|
<span v-if="scope.row.dicomInfo.patientId"><span style="font-weight:500;">PID: </span>{{ scope.row.dicomInfo.patientId }}</span>
|
||||||
scope.row.dicomInfo.patientId }}</span>
|
|
||||||
<span v-else style="color:#f44336;">N/A</span>
|
<span v-else style="color:#f44336;">N/A</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span :class="[scope.row.dicomInfo.patientName ? '' : 'colorOfRed']">
|
<span :class="[scope.row.dicomInfo.patientName?'':'colorOfRed']">
|
||||||
{{ scope.row.dicomInfo.patientName ? scope.row.dicomInfo.patientName : 'N/A' }}
|
{{ scope.row.dicomInfo.patientName?scope.row.dicomInfo.patientName:'N/A' }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span :class="[scope.row.dicomInfo.patientSex ? '' : 'colorOfRed']">
|
<span :class="[scope.row.dicomInfo.patientSex?'':'colorOfRed']">
|
||||||
{{ scope.row.dicomInfo.patientSex ? scope.row.dicomInfo.patientSex : 'N/A' }},
|
{{ scope.row.dicomInfo.patientSex?scope.row.dicomInfo.patientSex:'N/A' }},
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<span :class="[scope.row.dicomInfo.patientAge ? '' : 'colorOfRed']">
|
<span :class="[scope.row.dicomInfo.patientAge?'':'colorOfRed']">
|
||||||
{{ scope.row.dicomInfo.patientAge ? scope.row.dicomInfo.patientAge : 'N/A' }},
|
{{ scope.row.dicomInfo.patientAge?scope.row.dicomInfo.patientAge:'N/A' }},
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<span :class="[scope.row.dicomInfo.patientBirthDate ? '' : 'colorOfRed']">
|
<span :class="[scope.row.dicomInfo.patientBirthDate?'':'colorOfRed']">
|
||||||
{{ scope.row.dicomInfo.patientBirthDate ? scope.row.dicomInfo.patientBirthDate : 'N/A' }}
|
{{ scope.row.dicomInfo.patientBirthDate?scope.row.dicomInfo.patientBirthDate:'N/A' }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -173,13 +251,11 @@
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column :label="$t('trials:uploadDicomList:table:status')" min-width="120" show-overflow-tooltip>
|
<el-table-column :label="$t('trials:uploadDicomList:table:status')" min-width="120" show-overflow-tooltip>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<!-- <el-progress v-show="scope.row.uploadState.progressValue && scope.row.uploadState.progressValue!= 100" :percentage="scope.row.uploadState.progressValue" />-->
|
<!-- <el-progress v-show="scope.row.uploadState.progressValue && scope.row.uploadState.progressValue!= 100" :percentage="scope.row.uploadState.progressValue" />-->
|
||||||
<el-progress v-show="scope.row.uploadState.stateText" :percentage="scope.row.uploadState.progressValue" />
|
<el-progress v-show="scope.row.uploadState.stateText" :percentage="scope.row.uploadState.progressValue" />
|
||||||
<!-- <el-progress v-show="scope.row.uploadState.UpdataValue && scope.row.uploadState.UpdataValue!= 100" color="#409eff" :format="format(scope.row.uploadState.UpdataValue)" :percentage="scope.row.uploadState.UpdataValue" />-->
|
<!-- <el-progress v-show="scope.row.uploadState.UpdataValue && scope.row.uploadState.UpdataValue!= 100" color="#409eff" :format="format(scope.row.uploadState.UpdataValue)" :percentage="scope.row.uploadState.UpdataValue" />-->
|
||||||
<el-progress v-show="scope.row.uploadState.stateText" color="#409eff"
|
<el-progress v-show="scope.row.uploadState.stateText" color="#409eff" :format="format(scope.row.uploadState.UpdataValue)" :percentage="scope.row.uploadState.UpdataValue" />
|
||||||
:format="format(scope.row.uploadState.UpdataValue)" :percentage="scope.row.uploadState.UpdataValue" />
|
<el-tooltip v-if="scope.row.uploadState.stateCode === 'Uploading not allowed'" class="item" effect="dark" :content="scope.row.uploadState.errorMessage" placement="bottom">
|
||||||
<el-tooltip v-if="scope.row.uploadState.stateCode === 'Uploading not allowed'" class="item" effect="dark"
|
|
||||||
:content="scope.row.uploadState.errorMessage" placement="bottom">
|
|
||||||
<span>{{ scope.row.uploadState.stateText }}</span>
|
<span>{{ scope.row.uploadState.stateText }}</span>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
|
|
||||||
|
@ -187,10 +263,17 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column :label="$t('trials:uploadDicomList:table:stats')" min-width="140" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
:label="$t('trials:uploadDicomList:table:stats')"
|
||||||
|
min-width="140"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div style="display: flex;justify-content: flex-start;align-items: center">
|
<div style="display: flex;justify-content: flex-start;align-items: center">
|
||||||
<div v-if="scope.row.uploadState.totalCount" style="text-align: center">
|
<div
|
||||||
|
v-if="scope.row.uploadState.totalCount"
|
||||||
|
style="text-align: center"
|
||||||
|
>
|
||||||
{{
|
{{
|
||||||
scope.row.uploadState.totalCount +
|
scope.row.uploadState.totalCount +
|
||||||
' / ' +
|
' / ' +
|
||||||
|
@ -200,7 +283,11 @@
|
||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
<div v-if="scope.row.uploadState.failedCount > 0">
|
<div v-if="scope.row.uploadState.failedCount > 0">
|
||||||
<el-button type="primary" size="small" @click="exportFailedFiles(scope.row.uploadState.ErrorFiles)">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
@click="exportFailedFiles(scope.row.uploadState.ErrorFiles)"
|
||||||
|
>
|
||||||
{{ $t('trials:uploadDicomList:button:exportFailed') }}
|
{{ $t('trials:uploadDicomList:button:exportFailed') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
@ -211,11 +298,22 @@
|
||||||
<el-table-column v-show="isScan" :label="$t('common:action:action')" width="200">
|
<el-table-column v-show="isScan" :label="$t('common:action:action')" width="200">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<!-- 预览 -->
|
<!-- 预览 -->
|
||||||
<el-button icon="el-icon-view" circle :title="$t('trials:uploadedDicoms:action:preview')" size="small"
|
<el-button
|
||||||
@click="handlePreview(scope.row.dicomInfo.studyUid)" />
|
icon="el-icon-view"
|
||||||
|
circle
|
||||||
|
:title="$t('trials:uploadedDicoms:action:preview')"
|
||||||
|
size="small"
|
||||||
|
@click="handlePreview(scope.row.dicomInfo.studyUid)"
|
||||||
|
/>
|
||||||
<!-- 移除 -->
|
<!-- 移除 -->
|
||||||
<el-button icon="el-icon-delete" circle :title="$t('trials:uploadedDicoms:action:delete')" size="small"
|
<el-button
|
||||||
:disabled="scope.row.uploadState.stateCode !== ''" @click="handleDelete(scope.$index, scope.row)" />
|
icon="el-icon-delete"
|
||||||
|
circle
|
||||||
|
:title="$t('trials:uploadedDicoms:action:delete')"
|
||||||
|
size="small"
|
||||||
|
:disabled="scope.row.uploadState.stateCode !== ''"
|
||||||
|
@click="handleDelete(scope.$index, scope.row)"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
@ -225,29 +323,46 @@
|
||||||
{{ $t('trials:uploadDicomList:button:close') }}
|
{{ $t('trials:uploadDicomList:button:close') }}
|
||||||
</el-button> -->
|
</el-button> -->
|
||||||
<!-- 上传 -->
|
<!-- 上传 -->
|
||||||
<el-button size="small" type="primary" :disabled="selectArr.length == 0 || !isScan"
|
<el-button
|
||||||
:loading="btnLoading || uploadCount !== uploadedCount" @click="beginUploadQueues">
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
:disabled="selectArr.length == 0 || !isScan"
|
||||||
|
:loading="btnLoading || uploadCount !== uploadedCount"
|
||||||
|
@click="beginUploadQueues"
|
||||||
|
>
|
||||||
{{ $t('trials:uploadDicomList:button:upload') }}
|
{{ $t('trials:uploadDicomList:button:upload') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 预览影像模态框 -->
|
<!-- 预览影像模态框 -->
|
||||||
<el-dialog v-if="previewVisible" :fullscreen="true" :show-close="true" :visible.sync="previewVisible"
|
<el-dialog
|
||||||
append-to-body>
|
v-if="previewVisible"
|
||||||
|
:fullscreen="true"
|
||||||
|
:show-close="true"
|
||||||
|
:visible.sync="previewVisible"
|
||||||
|
append-to-body
|
||||||
|
>
|
||||||
<DicomPreview :uid="uid" />
|
<DicomPreview :uid="uid" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
<!-- 校验警告信息模态框 -->
|
<!-- 校验警告信息模态框 -->
|
||||||
<el-dialog v-if="warning_cfg.visible" :visible.sync="warning_cfg.visible" width="500px"
|
<el-dialog
|
||||||
:close-on-click-modal="false" append-to-body title="Warning" custom-class="warning-dialog">
|
v-if="warning_cfg.visible"
|
||||||
|
:visible.sync="warning_cfg.visible"
|
||||||
|
width="500px"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
append-to-body
|
||||||
|
title="Warning"
|
||||||
|
custom-class="warning-dialog"
|
||||||
|
>
|
||||||
<div style="border:1px solid #e0e0e0;padding:10px;">
|
<div style="border:1px solid #e0e0e0;padding:10px;">
|
||||||
<!-- Information from DICOM headers not consistent with that of this subject -->
|
<!-- Information from DICOM headers not consistent with that of this subject -->
|
||||||
<div style="color: red;font-size:14px;margin-bottom:10px;">
|
<div style="color: red;font-size:14px;margin-bottom:10px;">
|
||||||
{{ $t('trials:uploadDicomList:message:informationConsistent') }}:
|
{{ $t('trials:uploadDicomList:message:informationConsistent') }}:
|
||||||
</div>
|
</div>
|
||||||
<div v-for="(item, i) in warningArr" :key="item.index">
|
<div v-for="(item,i) in warningArr" :key="item.index">
|
||||||
<div>{{ `(${i + 1}). ACC: ${item.accNumber}` }}</div>
|
<div>{{ `(${i+1}). ACC: ${item.accNumber}` }}</div>
|
||||||
<div v-for="(warning, index) in item.warnings" :key="index" style="margin:10px 0px;font-size:13px;">
|
<div v-for="(warning,index) in item.warnings" :key="index" style="margin:10px 0px;font-size:13px;">
|
||||||
<ul>
|
<ul>
|
||||||
<li>{{ warning }}</li>
|
<li>{{ warning }}</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
@ -263,8 +378,15 @@
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<el-dialog v-if="editStudyInfoVisible" :title="$t('trials:audit:action:edit')" :visible.sync="editStudyInfoVisible"
|
<el-dialog
|
||||||
:close-on-click-modal="false" append-to-body custom-class="base-dialog-wrapper" width="600px">
|
v-if="editStudyInfoVisible"
|
||||||
|
:title="$t('trials:audit:action:edit')"
|
||||||
|
:visible.sync="editStudyInfoVisible"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
append-to-body
|
||||||
|
custom-class="base-dialog-wrapper"
|
||||||
|
width="600px"
|
||||||
|
>
|
||||||
<div style="padding:10px;border: 1px solid #e0e0e0;max-height:650px;overflow-y: auto;">
|
<div style="padding:10px;border: 1px solid #e0e0e0;max-height:650px;overflow-y: auto;">
|
||||||
<el-form ref="studyForm" :model="studyForm" label-width="100px">
|
<el-form ref="studyForm" :model="studyForm" label-width="100px">
|
||||||
<!-- 检查编号 -->
|
<!-- 检查编号 -->
|
||||||
|
@ -276,21 +398,28 @@
|
||||||
<el-input v-model="studyForm.Modalities" disabled />
|
<el-input v-model="studyForm.Modalities" disabled />
|
||||||
</el-form-item>
|
</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="Modalities"
|
||||||
|
:rules="[
|
||||||
{ required: true, message: $t('common:ruleMessage:specify'), trigger: 'blur' }
|
{ required: true, message: $t('common:ruleMessage:specify'), trigger: 'blur' }
|
||||||
]">
|
]"
|
||||||
|
>
|
||||||
<el-radio-group v-model="studyForm.Modality">
|
<el-radio-group v-model="studyForm.Modality">
|
||||||
<el-radio v-for="m in trialModalitys" v-show="m !== ''" :key="m" :label="m"
|
<el-radio v-for="m in trialModalitys" v-show="m !== ''" :key="m" :label="m" style="margin-bottom: 15px;" />
|
||||||
style="margin-bottom: 15px;" />
|
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 检查部位 -->
|
<!-- 检查部位 -->
|
||||||
<el-form-item :label="$t('trials:audit:table:bodyPart')" prop="BodyPartForEdit" :rules="[
|
<el-form-item
|
||||||
|
:label="$t('trials:audit:table:bodyPart')"
|
||||||
|
prop="BodyPartForEdit"
|
||||||
|
:rules="[
|
||||||
{ required: true, message: $t('common:ruleMessage:specify'), trigger: 'blur' }
|
{ required: true, message: $t('common:ruleMessage:specify'), trigger: 'blur' }
|
||||||
]">
|
]"
|
||||||
|
>
|
||||||
<el-checkbox-group v-model="studyForm.BodyPartForEdit">
|
<el-checkbox-group v-model="studyForm.BodyPartForEdit">
|
||||||
<el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{ $fd("Bodypart",
|
<el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{$fd("Bodypart", bodyPart,'Code',BodyPart,'Name')}}</el-checkbox>
|
||||||
bodyPart, 'Code', BodyPart, 'Name') }}</el-checkbox>
|
|
||||||
</el-checkbox-group>
|
</el-checkbox-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 序列数量 -->
|
<!-- 序列数量 -->
|
||||||
|
@ -303,8 +432,14 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 检查日期 -->
|
<!-- 检查日期 -->
|
||||||
<el-form-item :label="$t('trials:audit:table:studyDate')">
|
<el-form-item :label="$t('trials:audit:table:studyDate')">
|
||||||
<el-date-picker v-model="studyForm.StudyTime" disabled type="date" value-format="yyyy-MM-dd"
|
<el-date-picker
|
||||||
format="yyyy-MM-dd" style="width:100%;" />
|
v-model="studyForm.StudyTime"
|
||||||
|
disabled
|
||||||
|
type="date"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
format="yyyy-MM-dd"
|
||||||
|
style="width:100%;"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
|
@ -380,7 +515,7 @@ export default {
|
||||||
relationInfo: null,
|
relationInfo: null,
|
||||||
trialBodyPartTypes: [],
|
trialBodyPartTypes: [],
|
||||||
trialModalitys: [],
|
trialModalitys: [],
|
||||||
BodyPart: {}
|
BodyPart:{}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async mounted() {
|
async mounted() {
|
||||||
|
@ -460,8 +595,8 @@ export default {
|
||||||
const routeData = this.$router.resolve({
|
const routeData = this.$router.resolve({
|
||||||
path: `/showdicom?studyId=${row.StudyId}&TokenKey=${token}&type=Study`
|
path: `/showdicom?studyId=${row.StudyId}&TokenKey=${token}&type=Study`
|
||||||
})
|
})
|
||||||
var newWindow = window.open(routeData.href, '_blank')
|
var newWindow =window.open(routeData.href, '_blank')
|
||||||
this.$emit('setOpenWindow', newWindow)
|
this.$emit('setOpenWindow',newWindow)
|
||||||
},
|
},
|
||||||
// 预览所有影像
|
// 预览所有影像
|
||||||
handlePreviewAllFiles() {
|
handlePreviewAllFiles() {
|
||||||
|
@ -469,8 +604,8 @@ export default {
|
||||||
const routeData = this.$router.resolve({
|
const routeData = this.$router.resolve({
|
||||||
path: `/showvisitdicoms?trialId=${this.data.TrialId}&visitInfo=${this.data.VisitName}(${this.data.VisitNum})&subjectVisitId=${this.data.Id}&TokenKey=${token}`
|
path: `/showvisitdicoms?trialId=${this.data.TrialId}&visitInfo=${this.data.VisitName}(${this.data.VisitNum})&subjectVisitId=${this.data.Id}&TokenKey=${token}`
|
||||||
})
|
})
|
||||||
var newWindow = window.open(routeData.href, '_blank')
|
var newWindow =window.open(routeData.href, '_blank')
|
||||||
this.$emit('setOpenWindow', newWindow)
|
this.$emit('setOpenWindow',newWindow)
|
||||||
},
|
},
|
||||||
// 扫描待上传文件
|
// 扫描待上传文件
|
||||||
beginScanFiles(e) {
|
beginScanFiles(e) {
|
||||||
|
@ -481,17 +616,17 @@ export default {
|
||||||
var scope = this
|
var scope = this
|
||||||
scope.scanState = ''
|
scope.scanState = ''
|
||||||
scope.isScan = false
|
scope.isScan = false
|
||||||
var p = new Promise(function (resolve) {
|
var p = new Promise(function(resolve) {
|
||||||
resolve()
|
resolve()
|
||||||
})
|
})
|
||||||
for (var i = 0; i < files.length; ++i) {
|
for (var i = 0; i < files.length; ++i) {
|
||||||
(function (index) {
|
(function(index) {
|
||||||
p = p.then(function () {
|
p = p.then(function() {
|
||||||
return scope.parseDicomFile(files[index])
|
return scope.parseDicomFile(files[index])
|
||||||
})
|
})
|
||||||
})(i)
|
})(i)
|
||||||
}
|
}
|
||||||
p.then(function (result) {
|
p.then(function(result) {
|
||||||
scope.scanState = 'finished'
|
scope.scanState = 'finished'
|
||||||
scope.isScan = true
|
scope.isScan = true
|
||||||
})
|
})
|
||||||
|
@ -500,13 +635,13 @@ export default {
|
||||||
// 按序列UUID本地归档
|
// 按序列UUID本地归档
|
||||||
parseDicomFile(file) {
|
parseDicomFile(file) {
|
||||||
var scope = this
|
var scope = this
|
||||||
return new Promise(function (resolve, reject) {
|
return new Promise(function(resolve, reject) {
|
||||||
if (scope.scanState === 'cancelling') {
|
if (scope.scanState === 'cancelling') {
|
||||||
resolve()
|
resolve()
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
var reader = new FileReader()
|
var reader = new FileReader()
|
||||||
reader.onload = function (e) {
|
reader.onload = function(e) {
|
||||||
try {
|
try {
|
||||||
var data = dicomParser.parseDicom(new Uint8Array(e.target.result))
|
var data = dicomParser.parseDicom(new Uint8Array(e.target.result))
|
||||||
var studyUid = data.string('x0020000d')
|
var studyUid = data.string('x0020000d')
|
||||||
|
@ -529,7 +664,7 @@ export default {
|
||||||
// time = `${time.substr(0, 2)}:${time.substr(2, 2)}:${time.substr(4, 2)}`
|
// time = `${time.substr(0, 2)}:${time.substr(2, 2)}:${time.substr(4, 2)}`
|
||||||
time = `${time.substring(0, 2)}:${time.substring(2, 4)}:${time.substring(4, 6)}`
|
time = `${time.substring(0, 2)}:${time.substring(2, 4)}:${time.substring(4, 6)}`
|
||||||
}
|
}
|
||||||
if (date) {
|
if(date){
|
||||||
studyTime = time ? `${date} ${time}` : `${date} 00:00:00`
|
studyTime = time ? `${date} ${time}` : `${date} 00:00:00`
|
||||||
}
|
}
|
||||||
scope.uploadQueues.push({
|
scope.uploadQueues.push({
|
||||||
|
@ -586,7 +721,7 @@ export default {
|
||||||
|
|
||||||
var seriesUid = data.string('x0020000e')
|
var seriesUid = data.string('x0020000e')
|
||||||
var seriesList = scope.uploadQueues[studyIndex].seriesList
|
var seriesList = scope.uploadQueues[studyIndex].seriesList
|
||||||
var seriesItem = seriesList.find(function (item) {
|
var seriesItem = seriesList.find(function(item) {
|
||||||
return item.seriesUid === seriesUid
|
return item.seriesUid === seriesUid
|
||||||
})
|
})
|
||||||
if (!seriesItem) {
|
if (!seriesItem) {
|
||||||
|
@ -600,7 +735,7 @@ export default {
|
||||||
seriesList.push(seriesItem)
|
seriesList.push(seriesItem)
|
||||||
}
|
}
|
||||||
var instanceList = seriesItem.instanceList
|
var instanceList = seriesItem.instanceList
|
||||||
var instanceItem = instanceList.find(function (item) {
|
var instanceItem = instanceList.find(function(item) {
|
||||||
return item.instanceUid === instanceUid
|
return item.instanceUid === instanceUid
|
||||||
})
|
})
|
||||||
if (!instanceItem) {
|
if (!instanceItem) {
|
||||||
|
@ -620,7 +755,7 @@ export default {
|
||||||
resolve()
|
resolve()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
reader.onerror = function (e) {
|
reader.onerror = function(e) {
|
||||||
resolve()
|
resolve()
|
||||||
}
|
}
|
||||||
reader.readAsArrayBuffer(file)
|
reader.readAsArrayBuffer(file)
|
||||||
|
@ -718,7 +853,7 @@ export default {
|
||||||
{
|
{
|
||||||
confirmButtonText: this.$t('trials:uploadDicomList:label:confirm'),
|
confirmButtonText: this.$t('trials:uploadDicomList:label:confirm'),
|
||||||
dangerouslyUseHTMLString: true,
|
dangerouslyUseHTMLString: true,
|
||||||
callback: (action) => { }
|
callback: (action) => {}
|
||||||
})
|
})
|
||||||
this.btnLoading = false
|
this.btnLoading = false
|
||||||
}
|
}
|
||||||
|
@ -762,7 +897,7 @@ export default {
|
||||||
// 上传影像并归档
|
// 上传影像并归档
|
||||||
archiveStudy(index) {
|
archiveStudy(index) {
|
||||||
var scope = this
|
var scope = this
|
||||||
return new Promise(function (resolve, reject) {
|
return new Promise(function(resolve, reject) {
|
||||||
preArchiveStudy({
|
preArchiveStudy({
|
||||||
subjectVisitId: scope.subjectVisitId,
|
subjectVisitId: scope.subjectVisitId,
|
||||||
isDicom: true
|
isDicom: true
|
||||||
|
@ -799,15 +934,15 @@ export default {
|
||||||
// xhr.setRequestHeader('Content-Type', 'octet-stream')
|
// xhr.setRequestHeader('Content-Type', 'octet-stream')
|
||||||
xhr.timeout = 2 * 360000 // 超时时间,单位是毫秒
|
xhr.timeout = 2 * 360000 // 超时时间,单位是毫秒
|
||||||
xhr.responseType = 'text'
|
xhr.responseType = 'text'
|
||||||
xhr.onload = function (e) {
|
xhr.onload = function(e) {
|
||||||
scope.onUploadCompleted(e, index)
|
scope.onUploadCompleted(e, index)
|
||||||
resolve()
|
resolve()
|
||||||
}
|
}
|
||||||
xhr.onerror = function (e) {
|
xhr.onerror = function(e) {
|
||||||
scope.onUploadError(e, index)
|
scope.onUploadError(e, index)
|
||||||
resolve()
|
resolve()
|
||||||
}
|
}
|
||||||
xhr.upload.onprogress = function (e) {
|
xhr.upload.onprogress = function(e) {
|
||||||
scope.onUploadProgress(e, index)
|
scope.onUploadProgress(e, index)
|
||||||
}
|
}
|
||||||
// xhr.onprogress = function(e) {
|
// xhr.onprogress = function(e) {
|
||||||
|
@ -825,7 +960,7 @@ export default {
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// 上传成功回调
|
// 上传成功回调
|
||||||
onUploadCompleted: function (e, index) {
|
onUploadCompleted: function(e, index) {
|
||||||
this.uploadedCount++
|
this.uploadedCount++
|
||||||
var uploadState = this.uploadQueues[index].uploadState
|
var uploadState = this.uploadQueues[index].uploadState
|
||||||
// this.btnLoading = false
|
// this.btnLoading = false
|
||||||
|
@ -870,7 +1005,7 @@ export default {
|
||||||
this.$forceUpdate()
|
this.$forceUpdate()
|
||||||
},
|
},
|
||||||
// 上传失败回调
|
// 上传失败回调
|
||||||
onUploadError: function (e, index) {
|
onUploadError: function(e, index) {
|
||||||
this.uploadedCount++
|
this.uploadedCount++
|
||||||
// this.btnLoading = false
|
// this.btnLoading = false
|
||||||
var uploadState = this.uploadQueues[index].uploadState
|
var uploadState = this.uploadQueues[index].uploadState
|
||||||
|
@ -890,7 +1025,7 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// 上传进程
|
// 上传进程
|
||||||
onUploadProgress: function (e, index) {
|
onUploadProgress: function(e, index) {
|
||||||
if (e.lengthComputable) {
|
if (e.lengthComputable) {
|
||||||
var percent = Math.floor(e.loaded / e.total * 100)
|
var percent = Math.floor(e.loaded / e.total * 100)
|
||||||
console.log(e.loaded, e.total, percent)
|
console.log(e.loaded, e.total, percent)
|
||||||
|
@ -976,7 +1111,7 @@ export default {
|
||||||
}).catch(() => {
|
}).catch(() => {
|
||||||
this.studyLoading = true
|
this.studyLoading = true
|
||||||
})
|
})
|
||||||
}).catch(() => { })
|
}).catch(() => {})
|
||||||
},
|
},
|
||||||
// 删除已上传的某个检查
|
// 删除已上传的某个检查
|
||||||
handleDeleteStudy(row) {
|
handleDeleteStudy(row) {
|
||||||
|
@ -996,7 +1131,7 @@ export default {
|
||||||
}).catch(() => {
|
}).catch(() => {
|
||||||
this.studyLoading = true
|
this.studyLoading = true
|
||||||
})
|
})
|
||||||
}).catch(() => { })
|
}).catch(() => {})
|
||||||
},
|
},
|
||||||
// cancel按钮回调
|
// cancel按钮回调
|
||||||
cancel() {
|
cancel() {
|
||||||
|
@ -1038,8 +1173,8 @@ export default {
|
||||||
return ''
|
return ''
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
getBodyPart(bodyPart, other) {
|
getBodyPart(bodyPart) {
|
||||||
if (!bodyPart && !other) return ''
|
if (!bodyPart) return ''
|
||||||
var separator = ','
|
var separator = ','
|
||||||
if (bodyPart.indexOf('|') > -1) {
|
if (bodyPart.indexOf('|') > -1) {
|
||||||
separator = '|'
|
separator = '|'
|
||||||
|
@ -1049,47 +1184,38 @@ export default {
|
||||||
separator = ','
|
separator = ','
|
||||||
}
|
}
|
||||||
var arr = bodyPart.split(separator)
|
var arr = bodyPart.split(separator)
|
||||||
var newArr = arr.map((i) => {
|
var newArr = arr.map(i => {
|
||||||
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
|
return this.$fd('Bodypart', i.trim(),'Code',this.BodyPart,'Name')
|
||||||
})
|
})
|
||||||
if (other) {
|
|
||||||
newArr.push(other)
|
|
||||||
}
|
|
||||||
newArr = newArr.filter(Boolean)
|
|
||||||
return newArr.join(' | ')
|
return newArr.join(' | ')
|
||||||
},
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.upload-dicom-files-wrapper {
|
.upload-dicom-files-wrapper{
|
||||||
.dicomFiles-table {
|
.dicomFiles-table{
|
||||||
.el-table__body-wrapper {
|
.el-table__body-wrapper{
|
||||||
height: 300px;
|
height: 300px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.delete-row{
|
||||||
.delete-row {
|
|
||||||
text-decoration-line: line-through;
|
text-decoration-line: line-through;
|
||||||
color: #c0c4cc;
|
color: #c0c4cc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.previewActive:hover {
|
.previewActive:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #428bca;
|
color: #428bca;
|
||||||
}
|
}
|
||||||
|
|
||||||
#inputForm label {
|
#inputForm label {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
#inputForm .file-input {
|
#inputForm .file-input {
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
#inputForm .file-input input[type='file'] {
|
#inputForm .file-input input[type='file'] {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
@ -1108,13 +1234,12 @@ export default {
|
||||||
#inputForm #listWrapper a {
|
#inputForm #listWrapper a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#inputForm .text-left {
|
#inputForm .text-left {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
.colorOfRed{
|
||||||
.colorOfRed {
|
color:#f44336;
|
||||||
color: #f44336;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -70,7 +70,7 @@
|
||||||
<el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadedDicoms:table:bodyPart')" min-width="100"
|
<el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadedDicoms:table:bodyPart')" min-width="100"
|
||||||
show-overflow-tooltip sortable>
|
show-overflow-tooltip sortable>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}
|
{{ getBodyPart(scope.row.BodyPartForEdit) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 序列数量 -->
|
<!-- 序列数量 -->
|
||||||
|
@ -499,7 +499,7 @@
|
||||||
<!-- 检查部位 -->
|
<!-- 检查部位 -->
|
||||||
<el-form-item :label="$t('trials:audit:table:bodyPart')" prop="BodyPartForEdit" :rules="[
|
<el-form-item :label="$t('trials:audit:table:bodyPart')" prop="BodyPartForEdit" :rules="[
|
||||||
{
|
{
|
||||||
required: studyForm.BodyPartForEditOther ? false : true,
|
required: true,
|
||||||
message: $t('common:ruleMessage:specify'),
|
message: $t('common:ruleMessage:specify'),
|
||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
|
@ -508,8 +508,6 @@
|
||||||
<el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{
|
<el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{
|
||||||
$fd('Bodypart', bodyPart, 'Code', BodyPart, 'Name')
|
$fd('Bodypart', bodyPart, 'Code', BodyPart, 'Name')
|
||||||
}}</el-checkbox>
|
}}</el-checkbox>
|
||||||
<el-input :placeholder="$t('trials:audit:placeholder:BodyPartForEditOther')"
|
|
||||||
v-model.trim="studyForm.BodyPartForEditOther" style="width:150px;margin-left: 30px;"></el-input>
|
|
||||||
</el-checkbox-group>
|
</el-checkbox-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 序列数量 -->
|
<!-- 序列数量 -->
|
||||||
|
@ -606,7 +604,6 @@ export default {
|
||||||
BodyPartForEdit: [],
|
BodyPartForEdit: [],
|
||||||
SeriesCount: null,
|
SeriesCount: null,
|
||||||
StudyTime: '',
|
StudyTime: '',
|
||||||
BodyPartForEditOther: ''
|
|
||||||
},
|
},
|
||||||
uploadQueues: dicomStore.studyList, // 上传队列
|
uploadQueues: dicomStore.studyList, // 上传队列
|
||||||
selectArr: [], // 已勾选待上传文件
|
selectArr: [], // 已勾选待上传文件
|
||||||
|
@ -712,7 +709,6 @@ export default {
|
||||||
modality: this.studyForm.Modality,
|
modality: this.studyForm.Modality,
|
||||||
bodyPart: this.studyForm.BodyPart,
|
bodyPart: this.studyForm.BodyPart,
|
||||||
StudyName: this.studyForm.StudyName,
|
StudyName: this.studyForm.StudyName,
|
||||||
BodyPartForEditOther: this.studyForm.BodyPartForEditOther,
|
|
||||||
}
|
}
|
||||||
updateModality(this.trialId, params)
|
updateModality(this.trialId, params)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
|
@ -1066,7 +1062,7 @@ export default {
|
||||||
imageColumns: data.uint16('x00280011') || 0,
|
imageColumns: data.uint16('x00280011') || 0,
|
||||||
sliceLocation: data.intString('x00201041') || 0,
|
sliceLocation: data.intString('x00201041') || 0,
|
||||||
sliceThickness: data.string('x00180050') || '',
|
sliceThickness: data.string('x00180050') || '',
|
||||||
numberOfFrames: data.intString('x00280008') || 1,
|
numberOfFrames: data.intString('x00280008') || 0,
|
||||||
pixelSpacing: data.string('x00280030') || '',
|
pixelSpacing: data.string('x00280030') || '',
|
||||||
imagerPixelSpacing: data.string('x00181164') || '',
|
imagerPixelSpacing: data.string('x00181164') || '',
|
||||||
frameOfReferenceUID: data.string('x00200052') || '',
|
frameOfReferenceUID: data.string('x00200052') || '',
|
||||||
|
@ -1445,7 +1441,7 @@ export default {
|
||||||
seriesInstanceUid: v.seriesUid,
|
seriesInstanceUid: v.seriesUid,
|
||||||
SOPClassUID: o.SOPClassUID,
|
SOPClassUID: o.SOPClassUID,
|
||||||
TransferSytaxUID: o.TransferSytaxUID,
|
TransferSytaxUID: o.TransferSytaxUID,
|
||||||
MediaStorageSOPInstanceUID: o.MediaStorageSOPInstanceUID,
|
MediaStorageSOPInstanceUID:o.MediaStorageSOPInstanceUID,
|
||||||
MediaStorageSOPClassUID: o.MediaStorageSOPClassUID,
|
MediaStorageSOPClassUID: o.MediaStorageSOPClassUID,
|
||||||
sopInstanceUid: o.instanceUid,
|
sopInstanceUid: o.instanceUid,
|
||||||
instanceNumber: o.instanceNumber,
|
instanceNumber: o.instanceNumber,
|
||||||
|
@ -1534,7 +1530,7 @@ export default {
|
||||||
seriesInstanceUid: v.seriesUid,
|
seriesInstanceUid: v.seriesUid,
|
||||||
SOPClassUID: o.SOPClassUID,
|
SOPClassUID: o.SOPClassUID,
|
||||||
TransferSytaxUID: o.TransferSytaxUID,
|
TransferSytaxUID: o.TransferSytaxUID,
|
||||||
MediaStorageSOPInstanceUID: o.MediaStorageSOPInstanceUID,
|
MediaStorageSOPInstanceUID:o.MediaStorageSOPInstanceUID,
|
||||||
MediaStorageSOPClassUID: o.MediaStorageSOPClassUID,
|
MediaStorageSOPClassUID: o.MediaStorageSOPClassUID,
|
||||||
sopInstanceUid: o.instanceUid,
|
sopInstanceUid: o.instanceUid,
|
||||||
instanceNumber: o.instanceNumber,
|
instanceNumber: o.instanceNumber,
|
||||||
|
@ -1871,8 +1867,8 @@ export default {
|
||||||
return ''
|
return ''
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
getBodyPart(bodyPart, other) {
|
getBodyPart(bodyPart) {
|
||||||
if (!bodyPart && !other) return ''
|
if (!bodyPart) return ''
|
||||||
var separator = ','
|
var separator = ','
|
||||||
if (bodyPart.indexOf('|') > -1) {
|
if (bodyPart.indexOf('|') > -1) {
|
||||||
separator = '|'
|
separator = '|'
|
||||||
|
@ -1885,10 +1881,6 @@ export default {
|
||||||
var newArr = arr.map((i) => {
|
var newArr = arr.map((i) => {
|
||||||
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
|
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
|
||||||
})
|
})
|
||||||
if (other) {
|
|
||||||
newArr.push(other)
|
|
||||||
}
|
|
||||||
newArr = newArr.filter(Boolean)
|
|
||||||
return newArr.join(' | ')
|
return newArr.join(' | ')
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
|
@ -24,7 +24,7 @@
|
||||||
<!-- 检查部位 -->
|
<!-- 检查部位 -->
|
||||||
<el-table-column prop="BodyPart" :label="$t('trials:uploadNonDicoms:table:bodyPart')" sortable>
|
<el-table-column prop="BodyPart" :label="$t('trials:uploadNonDicoms:table:bodyPart')" sortable>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ getBodyPart(scope.row.BodyPart, scope.row.BodyPartForEditOther) }}
|
{{ getBodyPart(scope.row.BodyPart) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 文件 -->
|
<!-- 文件 -->
|
||||||
|
@ -163,7 +163,7 @@
|
||||||
<!-- 检查部位 -->
|
<!-- 检查部位 -->
|
||||||
<el-form-item :label="$t('trials:uploadNonDicoms:table:bodyPart')" prop="BodyParts" :rules="[
|
<el-form-item :label="$t('trials:uploadNonDicoms:table:bodyPart')" prop="BodyParts" :rules="[
|
||||||
{
|
{
|
||||||
required: form.BodyPartForEditOther ? false : true,
|
required: true,
|
||||||
message: $t('common:ruleMessage:specify'),
|
message: $t('common:ruleMessage:specify'),
|
||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
|
@ -172,8 +172,6 @@
|
||||||
<el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{
|
<el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{
|
||||||
$fd('Bodypart', bodyPart, 'Code', BodyPart, 'Name')
|
$fd('Bodypart', bodyPart, 'Code', BodyPart, 'Name')
|
||||||
}}</el-checkbox>
|
}}</el-checkbox>
|
||||||
<el-input :placeholder="$t('trials:audit:placeholder:BodyPartForEditOther')"
|
|
||||||
v-model.trim="form.BodyPartForEditOther" style="width:150px;margin-left: 30px;"></el-input>
|
|
||||||
</el-checkbox-group>
|
</el-checkbox-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 检查日期 -->
|
<!-- 检查日期 -->
|
||||||
|
@ -383,7 +381,6 @@ export default {
|
||||||
Modality: '',
|
Modality: '',
|
||||||
ImageDate: '',
|
ImageDate: '',
|
||||||
StudyName: '',
|
StudyName: '',
|
||||||
BodyPartForEditOther: ""
|
|
||||||
},
|
},
|
||||||
pickerOption: {
|
pickerOption: {
|
||||||
disabledDate: (time) => {
|
disabledDate: (time) => {
|
||||||
|
@ -413,6 +410,7 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async mounted() {
|
async mounted() {
|
||||||
|
console.log(this.data)
|
||||||
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
|
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
|
||||||
this.getNoneDicomList()
|
this.getNoneDicomList()
|
||||||
this.trialBodyPartTypes = this.bodyParts ? this.bodyParts.split('|') : []
|
this.trialBodyPartTypes = this.bodyParts ? this.bodyParts.split('|') : []
|
||||||
|
@ -486,13 +484,12 @@ export default {
|
||||||
this.form.StudyName = ''
|
this.form.StudyName = ''
|
||||||
this.form.ImageDate = ''
|
this.form.ImageDate = ''
|
||||||
this.form.BodyParts = []
|
this.form.BodyParts = []
|
||||||
this.form.BodyPartForEditOther = ''
|
|
||||||
this.dialogVisible = true
|
this.dialogVisible = true
|
||||||
},
|
},
|
||||||
// 打开比编辑弹框,并初始化数据
|
// 打开比编辑弹框,并初始化数据
|
||||||
handleEdit(row) {
|
handleEdit(row) {
|
||||||
this.title = this.$t('trials:uploadNonDicoms:dialogTitle:edit')
|
this.title = this.$t('trials:uploadNonDicoms:dialogTitle:edit')
|
||||||
const { CodeView, Id, BodyPart, Modality, ImageDate, StudyName, BodyPartForEditOther } = {
|
const { CodeView, Id, BodyPart, Modality, ImageDate, StudyName } = {
|
||||||
...row,
|
...row,
|
||||||
}
|
}
|
||||||
this.form.CodeView = CodeView
|
this.form.CodeView = CodeView
|
||||||
|
@ -502,7 +499,6 @@ export default {
|
||||||
this.form.StudyName = StudyName
|
this.form.StudyName = StudyName
|
||||||
this.form.ImageDate = ImageDate
|
this.form.ImageDate = ImageDate
|
||||||
this.form.BodyParts = this.form.BodyPart.split(', ')
|
this.form.BodyParts = this.form.BodyPart.split(', ')
|
||||||
this.form.BodyPartForEditOther = BodyPartForEditOther
|
|
||||||
this.dialogVisible = true
|
this.dialogVisible = true
|
||||||
},
|
},
|
||||||
// 保存非Dicom检查信息
|
// 保存非Dicom检查信息
|
||||||
|
@ -1022,8 +1018,8 @@ export default {
|
||||||
})
|
})
|
||||||
window.open(routeData.href, '_blank')
|
window.open(routeData.href, '_blank')
|
||||||
},
|
},
|
||||||
getBodyPart(bodyPart, other) {
|
getBodyPart(bodyPart) {
|
||||||
if (!bodyPart && !other) return ''
|
if (!bodyPart) return ''
|
||||||
var separator = ','
|
var separator = ','
|
||||||
if (bodyPart.indexOf('|') > -1) {
|
if (bodyPart.indexOf('|') > -1) {
|
||||||
separator = '|'
|
separator = '|'
|
||||||
|
@ -1036,10 +1032,6 @@ export default {
|
||||||
var newArr = arr.map((i) => {
|
var newArr = arr.map((i) => {
|
||||||
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
|
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
|
||||||
})
|
})
|
||||||
if (other) {
|
|
||||||
newArr.push(other)
|
|
||||||
}
|
|
||||||
newArr = newArr.filter(Boolean)
|
|
||||||
return newArr.join(' | ')
|
return newArr.join(' | ')
|
||||||
},
|
},
|
||||||
// 设置已删除序列行样式
|
// 设置已删除序列行样式
|
||||||
|
|
|
@ -37,12 +37,6 @@
|
||||||
<el-option v-for="item of $d.SubmitState" :value="item.value" :label="item.label" :key="item.label" />
|
<el-option v-for="item of $d.SubmitState" :value="item.value" :label="item.label" :key="item.label" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 受试者中止状态 -->
|
|
||||||
<el-form-item style="margin-bottom: 10px" :label="$t('trials:crcUpload:table:IsSubjectQuit')">
|
|
||||||
<el-select v-model="searchData.IsSubjectQuit" clearable style="width: 120px">
|
|
||||||
<el-option v-for="item of $d.YesOrNo" :value="item.value" :label="item.label" :key="item.label" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 审核状态 -->
|
<!-- 审核状态 -->
|
||||||
<el-form-item style="margin-bottom: 10px" v-if="otherInfo.QCProcessEnum !== 0"
|
<el-form-item style="margin-bottom: 10px" v-if="otherInfo.QCProcessEnum !== 0"
|
||||||
:label="$t('trials:crcUpload:table:auditState')">
|
:label="$t('trials:crcUpload:table:auditState')">
|
||||||
|
@ -874,7 +868,6 @@ const searchDataDefault = () => {
|
||||||
AuditStateArray: [],
|
AuditStateArray: [],
|
||||||
SubmitState: null,
|
SubmitState: null,
|
||||||
ChallengeState: null,
|
ChallengeState: null,
|
||||||
IsSubjectQuit: "",
|
|
||||||
// SortField: '',
|
// SortField: '',
|
||||||
// Asc: false
|
// Asc: false
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,17 +2,33 @@
|
||||||
<div class="study-info">
|
<div class="study-info">
|
||||||
<div class="functions" style="text-align: right">
|
<div class="functions" style="text-align: right">
|
||||||
<!-- 预览 -->
|
<!-- 预览 -->
|
||||||
<el-button type="primary" size="small" :disabled="studyList.length === 0" icon="el-icon-view"
|
<el-button
|
||||||
@click="handlePreviewAllFiles">
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
:disabled="studyList.length === 0"
|
||||||
|
icon="el-icon-view"
|
||||||
|
@click="handlePreviewAllFiles"
|
||||||
|
>
|
||||||
{{ $t('trials:audit:action:preview') }}
|
{{ $t('trials:audit:action:preview') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<el-table v-loading="studyLoading" :data="studyList" style="width: 100%" height="300"
|
<el-table
|
||||||
:row-class-name="tableRowClassName" @selection-change="handleSelectionChange"
|
v-loading="studyLoading"
|
||||||
:default-sort="{ prop: 'UploadedTime', order: 'ascending' }">
|
:data="studyList"
|
||||||
|
style="width: 100%"
|
||||||
|
height="300"
|
||||||
|
:row-class-name="tableRowClassName"
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
:default-sort="{ prop: 'UploadedTime', order: 'ascending' }"
|
||||||
|
>
|
||||||
<!-- 检查编号 -->
|
<!-- 检查编号 -->
|
||||||
<el-table-column prop="StudyCode" :label="$t('trials:audit:table:studyId')" min-width="80" show-overflow-tooltip
|
<el-table-column
|
||||||
sortable />
|
prop="StudyCode"
|
||||||
|
:label="$t('trials:audit:table:studyId')"
|
||||||
|
min-width="80"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable
|
||||||
|
/>
|
||||||
<!-- <!– 检查类型 –>-->
|
<!-- <!– 检查类型 –>-->
|
||||||
<!-- <el-table-column-->
|
<!-- <el-table-column-->
|
||||||
<!-- prop="Modalities"-->
|
<!-- prop="Modalities"-->
|
||||||
|
@ -33,53 +49,121 @@
|
||||||
<!-- </el-table-column>-->
|
<!-- </el-table-column>-->
|
||||||
<!-- <!– 检查类型 –>-->
|
<!-- <!– 检查类型 –>-->
|
||||||
<!-- 检查名称 -->
|
<!-- 检查名称 -->
|
||||||
<el-table-column v-if="relationInfo.IsShowStudyName" prop="StudyName" :label="$t('trials:audit:table:StudyName')"
|
<el-table-column
|
||||||
sortable />
|
v-if="relationInfo.IsShowStudyName"
|
||||||
<el-table-column prop="ModalityForEdit" :label="$t('trials:audit:table:modality')" sortable />
|
prop="StudyName"
|
||||||
|
:label="$t('trials:audit:table:StudyName')"
|
||||||
|
sortable
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="ModalityForEdit"
|
||||||
|
:label="$t('trials:audit:table:modality')"
|
||||||
|
sortable
|
||||||
|
/>
|
||||||
<!-- 检查类型 -->
|
<!-- 检查类型 -->
|
||||||
<el-table-column prop="Modalities" :label="$t('trials:audit:table:modality1')" sortable />
|
<el-table-column
|
||||||
|
prop="Modalities"
|
||||||
|
:label="$t('trials:audit:table:modality1')"
|
||||||
|
sortable
|
||||||
|
/>
|
||||||
<!-- 检查部位 -->
|
<!-- 检查部位 -->
|
||||||
<el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadedDicoms:table:bodyPart')" min-width="100"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable>
|
prop="BodyPartForEdit"
|
||||||
|
:label="$t('trials:uploadedDicoms:table:bodyPart')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}
|
{{ getBodyPart(scope.row.BodyPartForEdit) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 序列数量 -->
|
<!-- 序列数量 -->
|
||||||
<el-table-column prop="SeriesCount" :label="$t('trials:audit:table:seriesCount')" min-width="100"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable />
|
prop="SeriesCount"
|
||||||
|
:label="$t('trials:audit:table:seriesCount')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable
|
||||||
|
/>
|
||||||
<!-- 图像数量 -->
|
<!-- 图像数量 -->
|
||||||
<el-table-column prop="InstanceCount" :label="$t('trials:audit:table:instanceCount')" min-width="100"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable />
|
prop="InstanceCount"
|
||||||
|
:label="$t('trials:audit:table:instanceCount')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable
|
||||||
|
/>
|
||||||
<!-- 检查日期 -->
|
<!-- 检查日期 -->
|
||||||
<el-table-column prop="StudyTime" :label="$t('trials:audit:table:studyDate')" min-width="120"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable>
|
prop="StudyTime"
|
||||||
|
:label="$t('trials:audit:table:studyDate')"
|
||||||
|
min-width="120"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ moment(scope.row.StudyTime).format('YYYY-MM-DD') }}
|
{{ moment(scope.row.StudyTime).format('YYYY-MM-DD') }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 更新时间 -->
|
<!-- 更新时间 -->
|
||||||
<el-table-column prop="UpdateTime" :label="$t('trials:audit:table:studyUpdateTime')" min-width="80"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable />
|
prop="UpdateTime"
|
||||||
|
:label="$t('trials:audit:table:studyUpdateTime')"
|
||||||
|
min-width="80"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable
|
||||||
|
/>
|
||||||
<!-- 上传时间 -->
|
<!-- 上传时间 -->
|
||||||
<el-table-column prop="UploadedTime" :label="$t('trials:audit:table:studyUploadTime')" min-width="80"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable />
|
prop="UploadedTime"
|
||||||
<el-table-column :label="$t('common:action:action')" min-width="100" fixed="right">
|
:label="$t('trials:audit:table:studyUploadTime')"
|
||||||
|
min-width="80"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
:label="$t('common:action:action')"
|
||||||
|
min-width="100"
|
||||||
|
fixed="right"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<!-- 预览 -->
|
<!-- 预览 -->
|
||||||
<el-button icon="el-icon-view" :disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
|
<el-button
|
||||||
:title="$t('trials:audit:action:preview')" circle @click="handleViewStudy(scope.row)" />
|
icon="el-icon-view"
|
||||||
|
:disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
|
||||||
|
:title="$t('trials:audit:action:preview')"
|
||||||
|
circle
|
||||||
|
@click="handleViewStudy(scope.row)"
|
||||||
|
/>
|
||||||
<!-- 预览PET-CT数据 -->
|
<!-- 预览PET-CT数据 -->
|
||||||
<el-button icon="el-icon-folder" :title="$t('trials:audit:tab:clinicalData')" v-if="
|
<el-button
|
||||||
|
icon="el-icon-folder"
|
||||||
|
:title="$t('trials:audit:tab:clinicalData')"
|
||||||
|
v-if="
|
||||||
['PT、CT', 'CT、PT', 'PET-CT'].includes(scope.row.Modalities) &&
|
['PT、CT', 'CT、PT', 'PET-CT'].includes(scope.row.Modalities) &&
|
||||||
relationInfo.IsHaveStudyClinicalData
|
relationInfo.IsHaveStudyClinicalData
|
||||||
" circle :disabled="scope.row.IsDeleted" @click="handlePreviewClinicalData(scope.row)" />
|
"
|
||||||
|
circle
|
||||||
|
:disabled="scope.row.IsDeleted"
|
||||||
|
@click="handlePreviewClinicalData(scope.row)"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<!--pet-ct临床数据预览-->
|
<!--pet-ct临床数据预览-->
|
||||||
<el-dialog v-if="petVisible" :show-close="true" :visible.sync="petVisible" append-to-body>
|
<el-dialog
|
||||||
<uploadPetClinicalData :subject-visit-id="data.Id" :data="data" :studyData="rowData" :allow-add-or-edit="false" />
|
v-if="petVisible"
|
||||||
|
:show-close="true"
|
||||||
|
:visible.sync="petVisible"
|
||||||
|
append-to-body
|
||||||
|
>
|
||||||
|
<uploadPetClinicalData
|
||||||
|
:subject-visit-id="data.Id"
|
||||||
|
:data="data"
|
||||||
|
:studyData="rowData"
|
||||||
|
:allow-add-or-edit="false"
|
||||||
|
/>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -111,12 +195,12 @@ export default {
|
||||||
petVisible: false,
|
petVisible: false,
|
||||||
rowData: {},
|
rowData: {},
|
||||||
relationInfo: {},
|
relationInfo: {},
|
||||||
BodyPart: {},
|
bp: [],
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async created() {
|
async mounted() {
|
||||||
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
|
|
||||||
this.getStudyInfo()
|
this.getStudyInfo()
|
||||||
|
this.bp = await this.$getBodyPart(this.$route.query.trialId)
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 预览临床数据
|
// 预览临床数据
|
||||||
|
@ -158,7 +242,7 @@ export default {
|
||||||
this.studyLoading = true
|
this.studyLoading = true
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
.catch(() => { })
|
.catch(() => {})
|
||||||
},
|
},
|
||||||
// 预览所有影像
|
// 预览所有影像
|
||||||
handlePreviewAllFiles() {
|
handlePreviewAllFiles() {
|
||||||
|
@ -176,8 +260,8 @@ export default {
|
||||||
})
|
})
|
||||||
window.open(routeData.href, '_blank')
|
window.open(routeData.href, '_blank')
|
||||||
},
|
},
|
||||||
getBodyPart(bodyPart, other) {
|
getBodyPart(bodyPart) {
|
||||||
if (!bodyPart && !other) return ''
|
if (!bodyPart) return ''
|
||||||
var separator = ','
|
var separator = ','
|
||||||
if (bodyPart.indexOf('|') > -1) {
|
if (bodyPart.indexOf('|') > -1) {
|
||||||
separator = '|'
|
separator = '|'
|
||||||
|
@ -188,12 +272,14 @@ export default {
|
||||||
}
|
}
|
||||||
var arr = bodyPart.split(separator)
|
var arr = bodyPart.split(separator)
|
||||||
var newArr = arr.map((i) => {
|
var newArr = arr.map((i) => {
|
||||||
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
|
return this.$fd(
|
||||||
|
'Bodypart',
|
||||||
|
i.trim(),
|
||||||
|
'Code',
|
||||||
|
{ Bodypart: this.bp },
|
||||||
|
'Name'
|
||||||
|
)
|
||||||
})
|
})
|
||||||
if (other) {
|
|
||||||
newArr.push(other)
|
|
||||||
}
|
|
||||||
newArr = newArr.filter(Boolean)
|
|
||||||
return newArr.join(' | ')
|
return newArr.join(' | ')
|
||||||
},
|
},
|
||||||
// 获取勾选项
|
// 获取勾选项
|
||||||
|
|
|
@ -96,11 +96,11 @@
|
||||||
<el-table-column prop="BodyPartForEdit" :label="$t('trials:audit:table:bodyPart')" sortable>
|
<el-table-column prop="BodyPartForEdit" :label="$t('trials:audit:table:bodyPart')" sortable>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tooltip class="item" effect="dark" :content="$t('trials:audit:message:noBodyPartForEdit')"
|
<el-tooltip class="item" effect="dark" :content="$t('trials:audit:message:noBodyPartForEdit')"
|
||||||
placement="bottom" v-if="!scope.row.BodyPartForEdit && !scope.row.BodyPartForEditOther">
|
placement="bottom" v-if="!scope.row.BodyPartForEdit">
|
||||||
<i class="el-icon-warning" style="color: #f44336; font-size: 16px" />
|
<i class="el-icon-warning" style="color: #f44336; font-size: 16px" />
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<span v-else>{{
|
<span v-else>{{
|
||||||
getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther)
|
getBodyPart(scope.row.BodyPartForEdit)
|
||||||
}}</span>
|
}}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
@ -284,7 +284,7 @@
|
||||||
<!-- 检查部位 -->
|
<!-- 检查部位 -->
|
||||||
<el-table-column prop="BodyPart" :label="$t('trials:audit:table:nonDicomsBodypart')" sortable>
|
<el-table-column prop="BodyPart" :label="$t('trials:audit:table:nonDicomsBodypart')" sortable>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ getBodyPart(scope.row.BodyPart, scope.row.BodyPartForEditOther) }}
|
{{ getBodyPart(scope.row.BodyPart) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 文件 -->
|
<!-- 文件 -->
|
||||||
|
@ -635,7 +635,7 @@
|
||||||
<!-- 检查部位 -->
|
<!-- 检查部位 -->
|
||||||
<el-form-item :label="$t('trials:audit:table:bodyPart')" prop="BodyPartForEdit" :rules="[
|
<el-form-item :label="$t('trials:audit:table:bodyPart')" prop="BodyPartForEdit" :rules="[
|
||||||
{
|
{
|
||||||
required: studyForm.BodyPartForEditOther ? false : true,
|
required: true,
|
||||||
message: $t('common:ruleMessage:specify'),
|
message: $t('common:ruleMessage:specify'),
|
||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
|
@ -644,8 +644,6 @@
|
||||||
<el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{
|
<el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{
|
||||||
$fd('Bodypart', bodyPart, 'Code', BodyPart, 'Name')
|
$fd('Bodypart', bodyPart, 'Code', BodyPart, 'Name')
|
||||||
}}</el-checkbox>
|
}}</el-checkbox>
|
||||||
<el-input :placeholder="$t('trials:audit:placeholder:BodyPartForEditOther')"
|
|
||||||
v-model.trim="studyForm.BodyPartForEditOther" style="width:150px;margin-left: 30px;"></el-input>
|
|
||||||
</el-checkbox-group>
|
</el-checkbox-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 序列数量 -->
|
<!-- 序列数量 -->
|
||||||
|
@ -744,7 +742,7 @@
|
||||||
<!-- 检查部位 -->
|
<!-- 检查部位 -->
|
||||||
<el-form-item :label="$t('trials:audit:table:nonDicomsBodypart')" prop="BodyParts" :rules="[
|
<el-form-item :label="$t('trials:audit:table:nonDicomsBodypart')" prop="BodyParts" :rules="[
|
||||||
{
|
{
|
||||||
required: noneDicomForm.BodyPartForEditOther ? false : true,
|
required: true,
|
||||||
message: $t('common:ruleMessage:specify'),
|
message: $t('common:ruleMessage:specify'),
|
||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
|
@ -753,8 +751,6 @@
|
||||||
<el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{
|
<el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{
|
||||||
$fd('Bodypart', bodyPart, 'Code', BodyPart, 'Name')
|
$fd('Bodypart', bodyPart, 'Code', BodyPart, 'Name')
|
||||||
}}</el-checkbox>
|
}}</el-checkbox>
|
||||||
<el-input :placeholder="$t('trials:audit:placeholder:BodyPartForEditOther')"
|
|
||||||
v-model.trim="noneDicomForm.BodyPartForEditOther" style="width:150px;margin-left: 30px;"></el-input>
|
|
||||||
</el-checkbox-group>
|
</el-checkbox-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 检查日期 -->
|
<!-- 检查日期 -->
|
||||||
|
@ -1022,8 +1018,7 @@ export default {
|
||||||
BodyPartForEdit: [],
|
BodyPartForEdit: [],
|
||||||
SeriesCount: null,
|
SeriesCount: null,
|
||||||
StudyTime: '',
|
StudyTime: '',
|
||||||
ModifyReason: '',
|
ModifyReason: ''
|
||||||
BodyPartForEditOther: ''
|
|
||||||
},
|
},
|
||||||
currentQCRow: {},
|
currentQCRow: {},
|
||||||
isAudit: false, // 审核过之后功能按钮禁用标识
|
isAudit: false, // 审核过之后功能按钮禁用标识
|
||||||
|
@ -1042,8 +1037,7 @@ export default {
|
||||||
Modality: '',
|
Modality: '',
|
||||||
ImageDate: '',
|
ImageDate: '',
|
||||||
StudyName: '',
|
StudyName: '',
|
||||||
ModifyReason: '',
|
ModifyReason: ''
|
||||||
BodyPartForEditOther: ''
|
|
||||||
},
|
},
|
||||||
subjectClinicalData: {},
|
subjectClinicalData: {},
|
||||||
moment,
|
moment,
|
||||||
|
@ -1935,7 +1929,7 @@ export default {
|
||||||
hasStudyNameList = []
|
hasStudyNameList = []
|
||||||
var isgoList = []
|
var isgoList = []
|
||||||
this.studyList.forEach((v) => {
|
this.studyList.forEach((v) => {
|
||||||
if (!v.BodyPartForEdit && !v.IsDeleted && !v.BodyPartForEditOther) {
|
if (!v.BodyPartForEdit && !v.IsDeleted) {
|
||||||
isgo = false
|
isgo = false
|
||||||
isgoList.push(v.StudyCode)
|
isgoList.push(v.StudyCode)
|
||||||
}
|
}
|
||||||
|
@ -2161,9 +2155,7 @@ export default {
|
||||||
this.$set(this.studyForm, 'Modality', row.ModalityForEdit)
|
this.$set(this.studyForm, 'Modality', row.ModalityForEdit)
|
||||||
// this.studyForm.Modality = row.ModalityForEdit
|
// this.studyForm.Modality = row.ModalityForEdit
|
||||||
this.studyForm.BodyPartForEdit = bodyPart
|
this.studyForm.BodyPartForEdit = bodyPart
|
||||||
// this.studyForm.BodyPartForEditOther = BodyPartForEditOther
|
|
||||||
this.$set(this.studyForm, 'ModifyReason', '')
|
this.$set(this.studyForm, 'ModifyReason', '')
|
||||||
console.log(this.studyForm, 'this.studyForm')
|
|
||||||
},
|
},
|
||||||
// 更新拍片部位/拍片类型信息
|
// 更新拍片部位/拍片类型信息
|
||||||
handleUpdateStudyInfo() {
|
handleUpdateStudyInfo() {
|
||||||
|
@ -2179,7 +2171,6 @@ export default {
|
||||||
modality: this.studyForm.Modality,
|
modality: this.studyForm.Modality,
|
||||||
bodyPart: this.studyForm.BodyPart,
|
bodyPart: this.studyForm.BodyPart,
|
||||||
StudyName: this.studyForm.StudyName,
|
StudyName: this.studyForm.StudyName,
|
||||||
BodyPartForEditOther: this.studyForm.BodyPartForEditOther,
|
|
||||||
}
|
}
|
||||||
if (this.isAuditToEdit) {
|
if (this.isAuditToEdit) {
|
||||||
this.btnLoading = false
|
this.btnLoading = false
|
||||||
|
@ -2215,7 +2206,6 @@ export default {
|
||||||
ModifyReason: this.studyForm.ModifyReason,
|
ModifyReason: this.studyForm.ModifyReason,
|
||||||
Modality: this.studyForm.Modality,
|
Modality: this.studyForm.Modality,
|
||||||
BodyPart: this.studyForm.BodyPart,
|
BodyPart: this.studyForm.BodyPart,
|
||||||
BodyPartForEditOther: this.studyForm.BodyPartForEditOther,
|
|
||||||
},
|
},
|
||||||
signInfo
|
signInfo
|
||||||
}
|
}
|
||||||
|
@ -2251,7 +2241,7 @@ export default {
|
||||||
|
|
||||||
// 打开非Dicom信息编辑框
|
// 打开非Dicom信息编辑框
|
||||||
handleEditNoneDicomInfo(row) {
|
handleEditNoneDicomInfo(row) {
|
||||||
const { CodeView, Id, BodyPart, Modality, ImageDate, StudyName, BodyPartForEditOther } = {
|
const { CodeView, Id, BodyPart, Modality, ImageDate, StudyName } = {
|
||||||
...row,
|
...row,
|
||||||
}
|
}
|
||||||
this.noneDicomForm.StudyName = StudyName
|
this.noneDicomForm.StudyName = StudyName
|
||||||
|
@ -2262,7 +2252,6 @@ export default {
|
||||||
this.noneDicomForm.ImageDate = ImageDate
|
this.noneDicomForm.ImageDate = ImageDate
|
||||||
this.noneDicomForm.BodyParts = BodyPart.split(', ')
|
this.noneDicomForm.BodyParts = BodyPart.split(', ')
|
||||||
this.noneDicomForm.ModifyReason = null
|
this.noneDicomForm.ModifyReason = null
|
||||||
this.noneDicomForm.BodyPartForEditOther = BodyPartForEditOther
|
|
||||||
this.editNoneDicomVisible = true
|
this.editNoneDicomVisible = true
|
||||||
},
|
},
|
||||||
// 更新非Dicom部位/拍片类型信息
|
// 更新非Dicom部位/拍片类型信息
|
||||||
|
@ -2445,8 +2434,8 @@ export default {
|
||||||
})
|
})
|
||||||
this.open = window.open(routeData.href, '_blank')
|
this.open = window.open(routeData.href, '_blank')
|
||||||
},
|
},
|
||||||
getBodyPart(bodyPart, other) {
|
getBodyPart(bodyPart) {
|
||||||
if (!bodyPart && !other) return ''
|
if (!bodyPart) return ''
|
||||||
var separator = ','
|
var separator = ','
|
||||||
if (bodyPart.indexOf('|') > -1) {
|
if (bodyPart.indexOf('|') > -1) {
|
||||||
separator = '|'
|
separator = '|'
|
||||||
|
@ -2459,10 +2448,6 @@ export default {
|
||||||
var newArr = arr.map((i) => {
|
var newArr = arr.map((i) => {
|
||||||
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
|
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
|
||||||
})
|
})
|
||||||
if (other) {
|
|
||||||
newArr.push(other)
|
|
||||||
}
|
|
||||||
newArr = newArr.filter(Boolean)
|
|
||||||
return newArr.join(' | ')
|
return newArr.join(' | ')
|
||||||
},
|
},
|
||||||
openManuals() {
|
openManuals() {
|
||||||
|
|
|
@ -31,12 +31,7 @@
|
||||||
<el-option key="Other" label="Out of Plan" value="1.11" />
|
<el-option key="Other" label="Out of Plan" value="1.11" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 受试者中止状态 -->
|
|
||||||
<el-form-item style="margin-bottom: 10px" :label="$t('trials:qcCheck:table:IsSubjectQuit')">
|
|
||||||
<el-select v-model="searchData.IsSubjectQuit" clearable style="width: 120px">
|
|
||||||
<el-option v-for="item of $d.YesOrNo" :value="item.value" :label="item.label" :key="item.label" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 审核状态 -->
|
<!-- 审核状态 -->
|
||||||
<el-form-item v-if="OtherInfo.QCProcessEnum !== 0" :label="$t('trials:qcCheck:table:auditState')"
|
<el-form-item v-if="OtherInfo.QCProcessEnum !== 0" :label="$t('trials:qcCheck:table:auditState')"
|
||||||
class="my_multiple">
|
class="my_multiple">
|
||||||
|
@ -657,7 +652,6 @@ const searchDataDefault = () => {
|
||||||
EndAuditTime: null,
|
EndAuditTime: null,
|
||||||
PageIndex: 1,
|
PageIndex: 1,
|
||||||
PageSize: 20,
|
PageSize: 20,
|
||||||
IsSubjectQuit: ''
|
|
||||||
// SortField: '',
|
// SortField: '',
|
||||||
// Asc: false
|
// Asc: false
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,9 +2,7 @@
|
||||||
<div class="auditDocument">
|
<div class="auditDocument">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<h3>{{ isManage || isAudit ? $t('trials:tab:updateAuditDocument') : $t('trials:tab:viewAuditDocument')
|
<h3>{{ isManage ? $t('trials:tab:updateAuditDocument') : $t('trials:tab:viewAuditDocument') }}</h3>
|
||||||
}}
|
|
||||||
</h3>
|
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12" style="text-align:right;">
|
<el-col :span="12" style="text-align:right;">
|
||||||
<h3>
|
<h3>
|
||||||
|
@ -53,11 +51,6 @@
|
||||||
{{ $t('trials:trials-workbench:auditDocument:button:del') }}
|
{{ $t('trials:trials-workbench:auditDocument:button:del') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="isAudit">
|
|
||||||
<el-button type="primary" :disabled="checkList.length <= 0" @click.stop="auditAuth(true)">
|
|
||||||
{{ $t('trials:trials-workbench:auditDocument:button:auth') }}
|
|
||||||
</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
</el-form>
|
||||||
<div class="catalogue">
|
<div class="catalogue">
|
||||||
<span>{{ $t('trials:trials-workbench:auditDocument:catalogue:title') }}</span>
|
<span>{{ $t('trials:trials-workbench:auditDocument:catalogue:title') }}</span>
|
||||||
|
@ -92,7 +85,7 @@
|
||||||
</span>
|
</span>
|
||||||
<i :class="{ 'el-icon-success': true, 'icon_check': true, isCheck: checkList.includes(scope.row.Id) }"
|
<i :class="{ 'el-icon-success': true, 'icon_check': true, isCheck: checkList.includes(scope.row.Id) }"
|
||||||
@click.stop="addCheck(scope.row)"
|
@click.stop="addCheck(scope.row)"
|
||||||
v-if="(hoverId === scope.row.Id || checkList.includes(scope.row.Id)) && (isManage || isAudit)" />
|
v-if="(hoverId === scope.row.Id || checkList.includes(scope.row.Id)) && isManage" />
|
||||||
<span class="version"
|
<span class="version"
|
||||||
v-if="(hoverId !== scope.row.Id && !checkList.includes(scope.row.Id)) && isManage && scope.row.HistoricalVersionsCount > 0">
|
v-if="(hoverId !== scope.row.Id && !checkList.includes(scope.row.Id)) && isManage && scope.row.HistoricalVersionsCount > 0">
|
||||||
<i class="el-icon-warning-outline"></i>{{ scope.row.HistoricalVersionsCount }}
|
<i class="el-icon-warning-outline"></i>{{ scope.row.HistoricalVersionsCount }}
|
||||||
|
@ -123,17 +116,6 @@
|
||||||
</el-switch>
|
</el-switch>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="IsCurrentAuditRecordAuthorization"
|
|
||||||
:label="$t('trials:trials-workbench:auditDocument:table:IsAuthorization')" show-overflow-tooltip
|
|
||||||
v-if="isAudit">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-switch v-model="scope.row.IsCurrentAuditRecordAuthorization"
|
|
||||||
@change="(val) => auditAuth(false, scope.row, val)" :active-value="true" :inactive-value="false"
|
|
||||||
:active-text="$fd('YesOrNo', true)" class="IsAuthorization_swich"
|
|
||||||
:inactive-text="$fd('YesOrNo', false)">
|
|
||||||
</el-switch>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="UpdateTime" show-overflow-tooltip
|
<el-table-column prop="UpdateTime" show-overflow-tooltip
|
||||||
:label="$t('trials:trials-workbench:auditDocument:table:updateTime')">
|
:label="$t('trials:trials-workbench:auditDocument:table:updateTime')">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
@ -155,7 +137,7 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { getAuditDocumentData, addAuditDocument, getBreadcrumbData, updateAuditDocument, deleteAuditDocument, setCurrentVersion, movieFileOrFolder, copyFileOrFolder, setIsAuthorization, addFolder, setAuditRecordPermission } from '@/api/trials'
|
import { getAuditDocumentData, addAuditDocument, getBreadcrumbData, updateAuditDocument, deleteAuditDocument, setCurrentVersion, movieFileOrFolder, copyFileOrFolder, setIsAuthorization, addFolder } from '@/api/trials'
|
||||||
import Pagination from '@/components/Pagination'
|
import Pagination from '@/components/Pagination'
|
||||||
import contextmenu from './contextmenu.vue'
|
import contextmenu from './contextmenu.vue'
|
||||||
import uploadFiles from '@/views/trials/trials-panel/trial-summary/trial-document/components/uploadFiles.vue'
|
import uploadFiles from '@/views/trials/trials-panel/trial-summary/trial-document/components/uploadFiles.vue'
|
||||||
|
@ -177,15 +159,7 @@ export default {
|
||||||
isManage: {
|
isManage: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false
|
default: false
|
||||||
},
|
}
|
||||||
AuditRecordId: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
},
|
|
||||||
isAudit: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
isCopy() {
|
isCopy() {
|
||||||
|
@ -252,40 +226,6 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async auditAuth(isArray = true, row, IsAuthorization) {
|
|
||||||
if (!this.isAudit) return false
|
|
||||||
try {
|
|
||||||
let data = {}
|
|
||||||
if (isArray) {
|
|
||||||
data = {
|
|
||||||
AuditDocumentIdList: this.checkList,
|
|
||||||
AuditRecordId: this.AuditRecordId,
|
|
||||||
IsAuthorization: true,
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
data = {
|
|
||||||
AuditDocumentIdList: [row.Id],
|
|
||||||
AuditRecordId: this.AuditRecordId,
|
|
||||||
IsAuthorization,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.loading = true
|
|
||||||
let res = await setAuditRecordPermission(data)
|
|
||||||
this.loading = false
|
|
||||||
if (res.IsSuccess) {
|
|
||||||
this.$t('trials:trials-workbench:auditDocument:message:authSuccessfully')
|
|
||||||
// if (isArray) {
|
|
||||||
this.getList()
|
|
||||||
// }
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
this.loading = false
|
|
||||||
if (!isArray) {
|
|
||||||
row.IsCurrentAuditRecordAuthorization = !row.IsCurrentAuditRecordAuthorization
|
|
||||||
}
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async auth(isArray = true, row, IsAuthorization) {
|
async auth(isArray = true, row, IsAuthorization) {
|
||||||
if (!this.isManage) return false
|
if (!this.isManage) return false
|
||||||
try {
|
try {
|
||||||
|
@ -416,12 +356,6 @@ export default {
|
||||||
} else {
|
} else {
|
||||||
this.searchData.IsAuthorization = null
|
this.searchData.IsAuthorization = null
|
||||||
}
|
}
|
||||||
if (this.AuditRecordId) this.searchData.AuditRecordId = this.AuditRecordId
|
|
||||||
if (!this.isAudit) {
|
|
||||||
this.searchData.IsCurrentAuditRecordAuthorization = true
|
|
||||||
} else {
|
|
||||||
this.searchData.IsCurrentAuditRecordAuthorization = null
|
|
||||||
}
|
|
||||||
let res = await getAuditDocumentData(this.searchData)
|
let res = await getAuditDocumentData(this.searchData)
|
||||||
this.loading = false
|
this.loading = false
|
||||||
if (res.IsSuccess) {
|
if (res.IsSuccess) {
|
||||||
|
@ -624,7 +558,7 @@ export default {
|
||||||
this.getList()
|
this.getList()
|
||||||
},
|
},
|
||||||
addCheck(row) {
|
addCheck(row) {
|
||||||
if (!this.isManage && !this.isAudit) return false
|
if (!this.isManage) return false
|
||||||
let index = this.checkList.indexOf(row.Id)
|
let index = this.checkList.indexOf(row.Id)
|
||||||
if (!!~index) {
|
if (!!~index) {
|
||||||
this.checkList.splice(index, 1)
|
this.checkList.splice(index, 1)
|
||||||
|
|
|
@ -1,43 +0,0 @@
|
||||||
<template>
|
|
||||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
|
||||||
<el-tab-pane v-for="item in tabs" :key="item.Id"
|
|
||||||
:label="`${item.AuditTime} ${item.AuditContent} (${item.CompanyName})`" :name="item.Id">
|
|
||||||
<auditDocument v-if="activeName === item.Id" :isManage="false" :AuditRecordId="item.Id" />
|
|
||||||
</el-tab-pane>
|
|
||||||
</el-tabs>
|
|
||||||
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import { getAuditRecordSelectList } from '@/api/trials'
|
|
||||||
import auditDocument from "@/views/trials/trials-workbench/components/auditDocument"
|
|
||||||
export default {
|
|
||||||
name: "auditDocumentView",
|
|
||||||
components: { auditDocument },
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
activeName: '',
|
|
||||||
tabs: []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getTabs()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
handleClick(row) {
|
|
||||||
this.activeName = row.name
|
|
||||||
},
|
|
||||||
async getTabs() {
|
|
||||||
try {
|
|
||||||
let res = await getAuditRecordSelectList({})
|
|
||||||
if (res.IsSuccess) {
|
|
||||||
this.tabs = res.Result
|
|
||||||
this.activeName = res.Result[0].Id
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped></style>
|
|
|
@ -1,245 +0,0 @@
|
||||||
<template>
|
|
||||||
<el-dialog v-if="visible" :visible.sync="visible" :close-on-click-modal="false"
|
|
||||||
:title="$t(`trials:trials-workbench:inspectionManagement:dialogTitle:${state}`)" width="600px"
|
|
||||||
custom-class="base-dialog-wrapper" v-dialogDrag :before-close="handleCancle">
|
|
||||||
<el-form :model="from" size="mini" :rules="rules" ref="dataForm" label-width="120px">
|
|
||||||
<div class="base-dialog-body">
|
|
||||||
<!-- 公司名称 -->
|
|
||||||
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:CompanyName')"
|
|
||||||
prop="CompanyName">
|
|
||||||
<el-input v-model="from.CompanyName" clearable></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 稽查内容 -->
|
|
||||||
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:AuditContent')"
|
|
||||||
prop="AuditContent">
|
|
||||||
<el-input v-model="from.AuditContent" clearable></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 稽查形式 -->
|
|
||||||
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:AuditType')"
|
|
||||||
prop="AuditType">
|
|
||||||
<el-select v-model="from.AuditType" placeholder="" clearable style="width: 100%;">
|
|
||||||
<el-option v-for="item in $d.AuditType" :key="item.id" :label="item.label" :value="item.value">
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 稽查人员 -->
|
|
||||||
<!-- <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:IdnetityUserName')"
|
|
||||||
prop="IdnetityUserName">
|
|
||||||
<div style="display: flex;align-items: center;justify-content: space-around;">
|
|
||||||
<p :title="from.IdnetityUserName"
|
|
||||||
style="width: 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0;">
|
|
||||||
{{
|
|
||||||
from.IdnetityUserName }}</p>
|
|
||||||
<el-button type="primary" @click.stop="openUserList">{{
|
|
||||||
$t('trials:trials-workbench:inspectionManagement:button:select')
|
|
||||||
}}</el-button>
|
|
||||||
</div>
|
|
||||||
</el-form-item> -->
|
|
||||||
<!-- 稽查日期 -->
|
|
||||||
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:AuditTime')"
|
|
||||||
prop="AuditTime">
|
|
||||||
<el-date-picker v-model="from.AuditTime" type="date" placeholder="" value-format="yyyy-MM-dd"
|
|
||||||
format="yyyy-MM-dd" clearable style="width: 100%;">
|
|
||||||
</el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 文档查看时间 -->
|
|
||||||
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:ViewTime')" prop="ViewTime">
|
|
||||||
<el-date-picker v-model="from.ViewTime" type="datetimerange"
|
|
||||||
:default-time="['00:00:00', '23:59:59']" range-separator="-"
|
|
||||||
:start-placeholder="$t('curriculumVitae:daterange:startTime')"
|
|
||||||
:end-placeholder="$t('curriculumVitae:daterange:endTime')" value-format="yyyy-MM-dd HH:mm:ss"
|
|
||||||
format="yyyy-MM-dd HH:mm:ss" clearable style="width: 100%;">
|
|
||||||
</el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 状态 -->
|
|
||||||
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:AuditState')"
|
|
||||||
prop="AuditState" v-if="state === 'edit'">
|
|
||||||
<el-radio-group v-model="from.AuditState">
|
|
||||||
<el-radio v-for="item in $d.AuditState" :key="item.id" :label="item.value">{{ item.label
|
|
||||||
}}</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
</div>
|
|
||||||
<div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
|
|
||||||
<el-form-item>
|
|
||||||
<!-- 取消 -->
|
|
||||||
<el-button :disabled="loading" size="small" type="primary" @click="handleCancle">
|
|
||||||
{{ $t('common:button:cancel') }}
|
|
||||||
</el-button>
|
|
||||||
<!-- 保存 -->
|
|
||||||
<el-button size="small" type="primary" :loading="loading" @click="handleSave">
|
|
||||||
{{ $t('common:button:save') }}
|
|
||||||
</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</div>
|
|
||||||
</el-form>
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import { addOrUpdateAuditRecord } from '@/api/trials'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
visible: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
},
|
|
||||||
state: {
|
|
||||||
type: String,
|
|
||||||
default: 'add'
|
|
||||||
},
|
|
||||||
rowData: {
|
|
||||||
type: Object,
|
|
||||||
default: () => {
|
|
||||||
return {}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
state: {
|
|
||||||
handler() {
|
|
||||||
if (this.state === 'edit') {
|
|
||||||
Object.keys(this.from).forEach(key => {
|
|
||||||
if (this.rowData[key] || this.rowData[key] == 0) {
|
|
||||||
this.from[key] = this.rowData[key]
|
|
||||||
}
|
|
||||||
})
|
|
||||||
this.from.IdnetityUserName = this.rowData.IdentityUserList.map(item => item.FullName).join(", ")
|
|
||||||
this.from.ViewTime = [this.from.BeginTime, this.from.EndTime]
|
|
||||||
} else {
|
|
||||||
Object.keys(this.from).forEach(key => {
|
|
||||||
this.from[key] = ''
|
|
||||||
})
|
|
||||||
this.from.ViewTime = []
|
|
||||||
this.from.IdnetityUserIdList = []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
immediate: true,
|
|
||||||
},
|
|
||||||
'from.ViewTime': {
|
|
||||||
handler() {
|
|
||||||
if (Array.isArray(this.from.ViewTime) && this.from.ViewTime.length === 2) {
|
|
||||||
this.from.BeginTime = this.from.ViewTime[0]
|
|
||||||
this.from.EndTime = this.from.ViewTime[1]
|
|
||||||
} else {
|
|
||||||
this.from.BeginTime = ''
|
|
||||||
this.from.EndTime = ''
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
loading: false,
|
|
||||||
from: {
|
|
||||||
Id: '',
|
|
||||||
CompanyName: '',
|
|
||||||
AuditContent: '',
|
|
||||||
AuditTime: '',
|
|
||||||
BeginTime: '',
|
|
||||||
EndTime: '',
|
|
||||||
AuditState: '',
|
|
||||||
AuditType: '',
|
|
||||||
IdnetityUserIdList: [],
|
|
||||||
IdnetityUserName: '',
|
|
||||||
ViewTime: []
|
|
||||||
},
|
|
||||||
rules: {
|
|
||||||
CompanyName: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: this.$t('common:ruleMessage:specify'),
|
|
||||||
trigger: 'blur',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
AuditContent: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: this.$t('common:ruleMessage:specify'),
|
|
||||||
trigger: 'blur',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
AuditTime: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: this.$t('common:ruleMessage:select'),
|
|
||||||
trigger: 'blur',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
AuditType: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: this.$t('common:ruleMessage:select'),
|
|
||||||
trigger: 'blur',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
IdnetityUserName: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: this.$t('common:ruleMessage:select'),
|
|
||||||
trigger: 'blur',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
AuditState: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: this.$t('common:ruleMessage:select'),
|
|
||||||
trigger: 'blur',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
ViewTime: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
type: 'array',
|
|
||||||
message: this.$t('common:ruleMessage:select'),
|
|
||||||
trigger: 'blur',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
validator: (rule, value, callback) => {
|
|
||||||
if (value.length < 2) {
|
|
||||||
callback(
|
|
||||||
new Error(this.$t('common:ruleMessage:select'))
|
|
||||||
)
|
|
||||||
}
|
|
||||||
callback()
|
|
||||||
},
|
|
||||||
trigger: 'blur',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
openUserList() {
|
|
||||||
this.config.visible = true
|
|
||||||
},
|
|
||||||
handleCancle() {
|
|
||||||
this.$emit('update:visible', false)
|
|
||||||
},
|
|
||||||
async handleSave() {
|
|
||||||
try {
|
|
||||||
let validate = await this.$refs.dataForm.validate()
|
|
||||||
if (!validate) return false
|
|
||||||
if (this.state === 'add') this.from.AuditState = 0
|
|
||||||
this.loading = true
|
|
||||||
let res = await addOrUpdateAuditRecord(this.from)
|
|
||||||
this.loading = false
|
|
||||||
if (res.IsSuccess) {
|
|
||||||
this.$emit('getList')
|
|
||||||
this.handleCancle()
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
this.loading = false
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
addUser(arr) {
|
|
||||||
this.from.IdnetityUserIdList = arr.map(item => item.Id)
|
|
||||||
this.from.IdnetityUserName = arr.map(item => item.FullName).join(", ")
|
|
||||||
this.config.visible = false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped></style>
|
|
|
@ -1,38 +0,0 @@
|
||||||
<template>
|
|
||||||
<el-dialog v-if="visible" :visible.sync="visible" :close-on-click-modal="false" :fullscreen="true"
|
|
||||||
:before-close="close" :title="$t(`trials:trials-workbench:inspectionManagement:dialogTitle:${isAudit}`)"
|
|
||||||
custom-class="base-dialog-wrapper">
|
|
||||||
<auditDocument :isManage="false" :AuditRecordId="AuditRecordId" :isAudit="isAudit" />
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import auditDocument from "@/views/trials/trials-workbench/components/auditDocument"
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
isAudit: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
},
|
|
||||||
visible: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
},
|
|
||||||
AuditRecordId: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
components: { auditDocument },
|
|
||||||
methods: {
|
|
||||||
close(done) {
|
|
||||||
this.$emit("update:visible", false)
|
|
||||||
// done()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
::v-deep .el-dialog__body {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
</style>
|
|
|
@ -1,305 +0,0 @@
|
||||||
<template>
|
|
||||||
|
|
||||||
<BaseContainer class="inspectionManagement">
|
|
||||||
<template slot="title-container">
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="12">
|
|
||||||
<h3>{{ $t('trials:tab:inspectionManagement') }}</h3>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12" style="text-align:right;">
|
|
||||||
<h3>
|
|
||||||
<Pagination class="page" :total="total" :page.sync="searchData.pageIndex"
|
|
||||||
:limit.sync="searchData.pageSize" layout="total, sizes, prev, pager, next"
|
|
||||||
:background="false" style="display: inline-block;" @pagination="getList" />
|
|
||||||
<el-button icon="el-icon-refresh-left" size="small" circle :title="$t('common:button:reset')"
|
|
||||||
@click="handleReset" />
|
|
||||||
</h3>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</template>
|
|
||||||
<template slot="search-container">
|
|
||||||
<el-form :inline="true">
|
|
||||||
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:CompanyName')">
|
|
||||||
<el-input v-model="searchData.CompanyName" clearable placeholder=""></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:AuditContent')">
|
|
||||||
<el-input v-model="searchData.AuditContent" clearable placeholder=""></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:AuditType')">
|
|
||||||
<el-select v-model="searchData.AuditType" placeholder="" clearable>
|
|
||||||
<el-option v-for="item in $d.AuditType" :key="item.id" :label="item.label" :value="item.value">
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:IdentityUserName')">
|
|
||||||
<el-input v-model="searchData.IdentityUserName" clearable placeholder=""></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:auditTime')">
|
|
||||||
<el-date-picker v-model="auditTime" type="daterange" range-separator="-"
|
|
||||||
:start-placeholder="$t('imageInspect:daterange:startPlaceholder')"
|
|
||||||
:end-placeholder="$t('imageInspect:daterange:endPlaceholder')" value-format="yyyy-MM-dd"
|
|
||||||
format="yyyy-MM-dd" clearable>
|
|
||||||
</el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:viewTime')">
|
|
||||||
<el-date-picker v-model="viewTime" type="datetimerange" range-separator="-"
|
|
||||||
:start-placeholder="$t('curriculumVitae:daterange:startTime')"
|
|
||||||
:default-time="['00:00:00', '23:59:59']"
|
|
||||||
:end-placeholder="$t('curriculumVitae:daterange:endTime')" value-format="yyyy-MM-dd HH:mm:ss"
|
|
||||||
format="yyyy-MM-dd HH:mm:ss" clearable>
|
|
||||||
</el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:createTime')">
|
|
||||||
<el-date-picker v-model="createTime" type="daterange" range-separator="-"
|
|
||||||
:start-placeholder="$t('curriculumVitae:daterange:startTime')"
|
|
||||||
:end-placeholder="$t('curriculumVitae:daterange:endTime')" value-format="yyyy-MM-dd"
|
|
||||||
format="yyyy-MM-dd" clearable>
|
|
||||||
</el-date-picker>
|
|
||||||
</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-button type="primary" @click="openForm('add', {})">
|
|
||||||
{{ $t('common:button:new') }}
|
|
||||||
</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</template>
|
|
||||||
<template slot="main-container">
|
|
||||||
<el-table id="auditDocumentTable" ref="auditDocumentTable" :data="tableData" style="width: 99%" row-key="Id"
|
|
||||||
:loading="loading" v-adaptive="{ bottomOffset: 75 }" height="100" @sort-change="handleSortChange">
|
|
||||||
<el-table-column type="index" width="50" />
|
|
||||||
<el-table-column prop="CompanyName" show-overflow-tooltip
|
|
||||||
:label="$t('trials:trials-workbench:inspectionManagement:table:CompanyName')" sortable="custom">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="AuditContent" show-overflow-tooltip
|
|
||||||
:label="$t('trials:trials-workbench:inspectionManagement:table:AuditContent')" sortable="custom">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="AuditType" show-overflow-tooltip
|
|
||||||
:label="$t('trials:trials-workbench:inspectionManagement:table:AuditType')" sortable="custom">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span>{{ $fd('AuditType', scope.row.AuditType) }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="identityUserList" show-overflow-tooltip
|
|
||||||
:label="$t('trials:trials-workbench:inspectionManagement:table:IdentityUserName')">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button v-if="Array.isArray(scope.row.IdentityUserList)" type="text"
|
|
||||||
@click="openUserList(true, scope.row)">
|
|
||||||
{{scope.row.IdentityUserList.map(item => item.FullName).join(", ")}}
|
|
||||||
</el-button>
|
|
||||||
<!-- <span>
|
|
||||||
{{Array.isArray(scope.row.IdentityUserList) ?
|
|
||||||
scope.row.IdentityUserList.map(item => item.FullName).join(", ") :
|
|
||||||
''}}
|
|
||||||
</span> -->
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="AuditTime" show-overflow-tooltip
|
|
||||||
:label="$t('trials:trials-workbench:inspectionManagement:table:auditTime')" sortable="custom">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="BeginTime" show-overflow-tooltip
|
|
||||||
:label="$t('trials:trials-workbench:inspectionManagement:table:viewTime')">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span>{{ `${scope.row.BeginTime} - ${scope.row.EndTime}` }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="AuditState" show-overflow-tooltip
|
|
||||||
:label="$t('trials:trials-workbench:inspectionManagement:table:AuditState')" sortable="custom">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span>{{ $fd('AuditState', scope.row.AuditState) }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="CreateTime" show-overflow-tooltip
|
|
||||||
:label="$t('trials:trials-workbench:inspectionManagement:table:createTime')" sortable="custom">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column :label="$t('common:action:action')" width="260" align="left" fixed="right">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button circle icon="el-icon-view"
|
|
||||||
:title="$t('trials:trials-workbench:inspectionManagement:button:viewDocument')"
|
|
||||||
@click="openDoc(false, scope.row)" />
|
|
||||||
<el-button circle icon="el-icon-edit-outline"
|
|
||||||
:title="$t('trials:trials-workbench:inspectionManagement:button:editDocument')"
|
|
||||||
@click="openDoc(true, scope.row)" />
|
|
||||||
<el-button circle icon="el-icon-user"
|
|
||||||
:title="$t('trials:trials-workbench:inspectionManagement:button:user')"
|
|
||||||
@click="openUserList(false, scope.row)" />
|
|
||||||
<el-button circle icon="el-icon-edit" :title="$t('common:button:edit')"
|
|
||||||
@click="openForm('edit', scope.row)" />
|
|
||||||
<el-button circle icon="el-icon-delete" :title="$t('common:button:delete')"
|
|
||||||
:disabled="scope.row.AuditState > 0" @click="del(scope.row)" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</template>
|
|
||||||
<dataForm v-if="fromVisible" :visible.sync="fromVisible" :rowData="rowData" :state="state" @getList="getList" />
|
|
||||||
<document v-if="docVisible" :visible.sync="docVisible" :isAudit="isAudit" :AuditRecordId="AuditRecordId" />
|
|
||||||
<base-model :config="config">
|
|
||||||
<template slot="dialog-body">
|
|
||||||
<userList v-if="config.visible" :AuditRecordId="AuditRecordId" :isView="isView" @close="close"
|
|
||||||
@getList="getList" />
|
|
||||||
</template>
|
|
||||||
</base-model>
|
|
||||||
</BaseContainer>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import Pagination from '@/components/Pagination'
|
|
||||||
import { getAuditRecordList, deleteAuditRecord } from '@/api/trials'
|
|
||||||
import dataForm from "./dataForm.vue"
|
|
||||||
import document from "./document.vue"
|
|
||||||
import userList from './userList'
|
|
||||||
import baseModel from '@/components/BaseModel'
|
|
||||||
import BaseContainer from '@/components/BaseContainer'
|
|
||||||
const searchDataDefault = () => {
|
|
||||||
return {
|
|
||||||
CompanyName: '',
|
|
||||||
AuditContent: "",
|
|
||||||
AuditType: "",
|
|
||||||
IdentityUserName: '',
|
|
||||||
BeginAuditTime: '',
|
|
||||||
EndAuditTime: '',
|
|
||||||
BeginTime: '',
|
|
||||||
EndTime: '',
|
|
||||||
BeginCreateTime: '',
|
|
||||||
EndCreateTime: '',
|
|
||||||
PageIndex: 1,
|
|
||||||
PageSize: 20,
|
|
||||||
Asc: false,
|
|
||||||
SortField: ''
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export default {
|
|
||||||
name: "inspectionManagement",
|
|
||||||
components: { Pagination, dataForm, document, userList, baseModel, BaseContainer },
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
searchData: searchDataDefault(),
|
|
||||||
total: 0,
|
|
||||||
Id: null,
|
|
||||||
loading: false,
|
|
||||||
tableData: [],
|
|
||||||
auditTime: [],
|
|
||||||
viewTime: [],
|
|
||||||
createTime: [],
|
|
||||||
|
|
||||||
visible: false, // 属性详情弹框
|
|
||||||
|
|
||||||
rowData: {},
|
|
||||||
fromVisible: false,
|
|
||||||
state: 'add',
|
|
||||||
|
|
||||||
docVisible: false,
|
|
||||||
isAudit: false,
|
|
||||||
AuditRecordId: null,
|
|
||||||
|
|
||||||
config: {
|
|
||||||
visible: false,
|
|
||||||
title: this.$t('trials:trials-workbench:inspectionManagement:dialogTitle:selectUser'),
|
|
||||||
width: '1200px',
|
|
||||||
},
|
|
||||||
isView: false,
|
|
||||||
|
|
||||||
}
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
async del(row) {
|
|
||||||
try {
|
|
||||||
let confirm = await this.$confirm(this.$t("trials:trials-workbench:inspectionManagement:confirm:del"))
|
|
||||||
if (!confirm) return false
|
|
||||||
this.loading = true
|
|
||||||
let res = await deleteAuditRecord(row.Id)
|
|
||||||
this.loading = false
|
|
||||||
if (res.IsSuccess) {
|
|
||||||
this.getList()
|
|
||||||
this.$message.success(this.$t("common:message:deletedSuccessfully"))
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
this.loading = false
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
close() {
|
|
||||||
this.config.visible = false
|
|
||||||
},
|
|
||||||
openUserList(isView = false, row) {
|
|
||||||
this.isView = isView
|
|
||||||
this.AuditRecordId = row.Id
|
|
||||||
this.config.visible = true
|
|
||||||
},
|
|
||||||
openDoc(isAudit = false, row) {
|
|
||||||
this.AuditRecordId = row.Id
|
|
||||||
this.isAudit = isAudit
|
|
||||||
this.docVisible = true
|
|
||||||
},
|
|
||||||
openForm(state, row) {
|
|
||||||
this.rowData = Object.assign({}, row)
|
|
||||||
this.state = state
|
|
||||||
this.fromVisible = true
|
|
||||||
},
|
|
||||||
async getList() {
|
|
||||||
try {
|
|
||||||
if (Array.isArray(this.auditTime) && this.auditTime.length === 2) {
|
|
||||||
this.searchData.BeginAuditTime = this.auditTime[0]
|
|
||||||
this.searchData.EndAuditTime = this.auditTime[1]
|
|
||||||
} else {
|
|
||||||
this.searchData.BeginAuditTime = ''
|
|
||||||
this.searchData.EndAuditTime = ''
|
|
||||||
}
|
|
||||||
if (Array.isArray(this.viewTime) && this.viewTime.length === 2) {
|
|
||||||
this.searchData.BeginTime = this.viewTime[0]
|
|
||||||
this.searchData.EndTime = this.viewTime[1]
|
|
||||||
} else {
|
|
||||||
this.searchData.BeginTime = ''
|
|
||||||
this.searchData.EndTime = ''
|
|
||||||
}
|
|
||||||
if (Array.isArray(this.createTime) && this.createTime.length === 2) {
|
|
||||||
this.searchData.BeginCreateTime = this.createTime[0]
|
|
||||||
this.searchData.EndCreateTime = this.createTime[1]
|
|
||||||
} else {
|
|
||||||
this.searchData.BeginCreateTime = ''
|
|
||||||
this.searchData.EndCreateTime = ''
|
|
||||||
}
|
|
||||||
this.loading = true
|
|
||||||
let res = await getAuditRecordList(this.searchData)
|
|
||||||
this.loading = false
|
|
||||||
if (res.IsSuccess) {
|
|
||||||
this.tableData = res.Result.CurrentPageData
|
|
||||||
this.total = res.Result.TotalCount
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
this.loading = false
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
handleReset() {
|
|
||||||
this.searchData = searchDataDefault()
|
|
||||||
this.auditTime = []
|
|
||||||
this.viewTime = []
|
|
||||||
this.createTime = []
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
handleSearch() {
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
// 排序
|
|
||||||
handleSortChange(column) {
|
|
||||||
if (column.order === 'ascending') {
|
|
||||||
this.searchData.Asc = true
|
|
||||||
} else {
|
|
||||||
this.searchData.Asc = false
|
|
||||||
}
|
|
||||||
this.searchData.SortField = column.prop
|
|
||||||
this.searchData.PageIndex = 1
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped></style>
|
|
|
@ -1,229 +0,0 @@
|
||||||
<template>
|
|
||||||
<el-container class="participant-container">
|
|
||||||
<el-header style="height: 50px">
|
|
||||||
<div class="filter-container">
|
|
||||||
<!-- 姓名 -->
|
|
||||||
<span>{{ $t('trials:staff:table:name') }}:</span>
|
|
||||||
<el-input v-model="listQuery.RealName" size="mini" class="mr" clearable />
|
|
||||||
<!-- 用户名 -->
|
|
||||||
<span>{{ $t('trials:staff:table:uid') }}:</span>
|
|
||||||
<el-input v-model="listQuery.UserName" size="mini" class="mr" clearable />
|
|
||||||
<!-- 单位 -->
|
|
||||||
<span>{{ $t('trials:staff:table:organization') }}:</span>
|
|
||||||
<el-input v-model="listQuery.OrganizationName" size="mini" class="mr" clearable />
|
|
||||||
<!-- 是否加入 -->
|
|
||||||
<template v-if="!isView">
|
|
||||||
<span>{{ $t('trials:staff:table:Join') }}:</span>
|
|
||||||
<el-select v-model="listQuery.IsAuditRecordUserSelect" placeholder="" size="mini" class="mr" clearable>
|
|
||||||
<el-option v-for="item in $d.IsJoin" :key="item.id" :label="item.label" :value="item.value">
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</template>
|
|
||||||
<!-- 用户类型 -->
|
|
||||||
<!-- <span>{{ $t('trials:staff:table:userType') }}:</span>
|
|
||||||
<el-select v-model="listQuery.UserTypeEnum" size="mini" clearable class="mr">
|
|
||||||
<el-option v-for="item of userTypeOptions" :key="item.Id" :label="item.UserTypeShortName"
|
|
||||||
:value="item.UserTypeEnum">
|
|
||||||
<span>{{ item.UserType }}</span>
|
|
||||||
</el-option>
|
|
||||||
</el-select> -->
|
|
||||||
<!-- 查询 -->
|
|
||||||
<el-button type="primary" size="mini" icon="el-icon-search" @click="handleSearch">
|
|
||||||
{{ $t('common:button:search') }}
|
|
||||||
</el-button>
|
|
||||||
<!-- 重置 -->
|
|
||||||
<el-button size="mini" type="primary" icon="el-icon-refresh-left" @click="handleReset">
|
|
||||||
{{ $t('common:button:reset') }}
|
|
||||||
</el-button>
|
|
||||||
|
|
||||||
<!-- <el-button type="primary" size="mini" style="margin-left: auto" :disabled="selectArr.length === 0"
|
|
||||||
:loading="assignLoadStatus" icon="el-icon-plus" @click="handleAssign">
|
|
||||||
{{ $t('common:button:add') }}
|
|
||||||
</el-button> -->
|
|
||||||
</div>
|
|
||||||
</el-header>
|
|
||||||
<el-main>
|
|
||||||
<div class="data-table">
|
|
||||||
<el-table :data="list" stripe height="400px" class="participant-table-list"
|
|
||||||
@selection-change="handleSelectChange" @sort-change="handleSortByColumn">
|
|
||||||
<!-- <el-table-column type="selection" width="50" /> -->
|
|
||||||
<el-table-column type="index" width="50" />
|
|
||||||
<!-- 姓名 -->
|
|
||||||
<el-table-column prop="FullName" :label="$t('trials:staff:table:name')" show-overflow-tooltip
|
|
||||||
sortable="custom" min-width="100" />
|
|
||||||
<!-- 用户名 -->
|
|
||||||
<el-table-column prop="UserName" :label="$t('trials:staff:table:uid')" show-overflow-tooltip sortable="custom"
|
|
||||||
min-width="100" />
|
|
||||||
<!-- 电话 -->
|
|
||||||
<el-table-column prop="Phone" :label="$t('trials:staff:table:phone')" show-overflow-tooltip sortable="custom"
|
|
||||||
min-width="120" />
|
|
||||||
<!-- 邮箱 -->
|
|
||||||
<el-table-column prop="EMail" :label="$t('trials:staff:table:email')" show-overflow-tooltip sortable="custom"
|
|
||||||
min-width="120" />
|
|
||||||
<!-- 单位 -->
|
|
||||||
<el-table-column prop="OrganizationName" :label="$t('trials:staff:table:organization')" show-overflow-tooltip
|
|
||||||
min-width="100" sortable="custom" />
|
|
||||||
<!-- 用户类型 -->
|
|
||||||
<!-- <el-table-column prop="UserTypeShortName" :label="$t('trials:staff:table:userType')" show-overflow-tooltip
|
|
||||||
sortable="custom" min-width="100" /> -->
|
|
||||||
<el-table-column prop="IsAuditRecordUserSelect" :label="$t('trials:staff:table:Join')" show-overflow-tooltip>
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span>{{ $fd('IsJoin', scope.row.IsAuditRecordUserSelect) }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column :label="$t('common:action:action')" width="120" align="left" fixed="right">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button type="text" @click="changeUser(true, scope.row)" :disabled="scope.row.IsAuditRecordUserSelect">
|
|
||||||
{{ $t('trials:trials-workbench:inspectionManagement:button:join') }}
|
|
||||||
</el-button>
|
|
||||||
<el-button type="text" @click="changeUser(false, scope.row)"
|
|
||||||
:disabled="!scope.row.IsAuditRecordUserSelect">
|
|
||||||
{{ $t('trials:trials-workbench:inspectionManagement:button:Exit') }}
|
|
||||||
</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</div>
|
|
||||||
</el-main>
|
|
||||||
<div class="pagination" style="text-align: right; margin-top: 5px">
|
|
||||||
<pagination :total="total" :page.sync="listQuery.PageIndex" :limit.sync="listQuery.PageSize"
|
|
||||||
@pagination="getList" />
|
|
||||||
</div>
|
|
||||||
</el-container>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import { getUserList } from '@/api/admin'
|
|
||||||
import { addOrDeleteAuditRecordUser } from '@/api/trials'
|
|
||||||
import Pagination from '@/components/Pagination'
|
|
||||||
const getListQueryDefault = () => {
|
|
||||||
return {
|
|
||||||
RealName: '',
|
|
||||||
UserName: '',
|
|
||||||
OrganizationName: '',
|
|
||||||
IsAuditRecordUserSelect: null,
|
|
||||||
UserTypeEnum: '16',
|
|
||||||
PageIndex: 1,
|
|
||||||
PageSize: 20,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export default {
|
|
||||||
components: { Pagination },
|
|
||||||
props: {
|
|
||||||
AuditRecordId: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
},
|
|
||||||
isView: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
list: [],
|
|
||||||
total: 0,
|
|
||||||
listQuery: getListQueryDefault(),
|
|
||||||
selectArr: [],
|
|
||||||
assignLoadStatus: false,
|
|
||||||
// isAdmin: JSON.parse(zzSessionStorage.getItem('IsAdmin')),
|
|
||||||
userTypeOptions: [],
|
|
||||||
trialId: '',
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
async changeUser(IsAdd = true, row) {
|
|
||||||
try {
|
|
||||||
let data = {
|
|
||||||
AuditRecordId: this.AuditRecordId,
|
|
||||||
IsAdd,
|
|
||||||
identityUserIdList: [row.Id]
|
|
||||||
}
|
|
||||||
let res = await addOrDeleteAuditRecordUser(data)
|
|
||||||
if (res.IsSuccess) {
|
|
||||||
this.getList()
|
|
||||||
this.$emit("getList")
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
getList() {
|
|
||||||
const loading = this.$loading({
|
|
||||||
target: document.querySelector('.participant-table-list'),
|
|
||||||
fullscreen: false,
|
|
||||||
lock: true,
|
|
||||||
})
|
|
||||||
this.listQuery.UserState = 1
|
|
||||||
this.listQuery.AuditRecordId = this.AuditRecordId
|
|
||||||
if (this.isView) this.listQuery.IsAuditRecordUserSelect = true
|
|
||||||
getUserList(this.listQuery)
|
|
||||||
.then((res) => {
|
|
||||||
loading.close()
|
|
||||||
this.list = res.Result.CurrentPageData
|
|
||||||
this.total = res.Result.TotalCount
|
|
||||||
})
|
|
||||||
.catch(() => {
|
|
||||||
loading.close()
|
|
||||||
})
|
|
||||||
},
|
|
||||||
handleAssign() {
|
|
||||||
this.$emit('add', this.selectArr)
|
|
||||||
},
|
|
||||||
handleSearch() {
|
|
||||||
this.listQuery.PageIndex = 1
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
handleReset() {
|
|
||||||
this.listQuery = getListQueryDefault()
|
|
||||||
if (this.isView) this.listQuery.IsAuditRecordUserSelect = true
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
handleSelectChange(val) {
|
|
||||||
this.selectArr = val
|
|
||||||
},
|
|
||||||
handleSortByColumn(column) {
|
|
||||||
if (column.order === 'ascending') {
|
|
||||||
this.listQuery.Asc = true
|
|
||||||
} else {
|
|
||||||
this.listQuery.Asc = false
|
|
||||||
}
|
|
||||||
this.listQuery.SortField = column.prop
|
|
||||||
this.listQuery.PageIndex = 1
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
},
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.participant-container {
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
.el-header {
|
|
||||||
.filter-container {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
span {
|
|
||||||
font-size: 13px;
|
|
||||||
margin-right: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mr {
|
|
||||||
margin-right: 5px;
|
|
||||||
width: 120px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-main {
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-footer {
|
|
||||||
padding: 0 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
|
@ -365,15 +365,6 @@
|
||||||
<span class="my_select_box_content_text">{{ $t('trials:tab:updateAuditDocument') }}</span>
|
<span class="my_select_box_content_text">{{ $t('trials:tab:updateAuditDocument') }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 稽查管理 -->
|
|
||||||
<div class="my_select_box" :class="{ selected: selected === 'inspectionManagement' }"
|
|
||||||
tab-data="updateAuditDocument" @click="handleClick('inspectionManagement')"
|
|
||||||
v-if="hasPermi(['trials:trials-workbench:inspectionManagement'])">
|
|
||||||
<div class="my_select_box_content">
|
|
||||||
<span class="el-icon-folder-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
|
||||||
<span class="my_select_box_content_text">{{ $t('trials:tab:inspectionManagement') }}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
|
@ -452,13 +443,11 @@
|
||||||
<!--通用培训记录-->
|
<!--通用培训记录-->
|
||||||
<generalTraining v-if="selected === 'viewGeneralTraining'" :isManage="false" />
|
<generalTraining v-if="selected === 'viewGeneralTraining'" :isManage="false" />
|
||||||
<!--稽查文档-->
|
<!--稽查文档-->
|
||||||
<auditDocumentView v-if="selected === 'viewAuditDocument'" :isManage="false" />
|
<auditDocument v-if="selected === 'viewAuditDocument'" :isManage="false" />
|
||||||
<!--培训课程管理-->
|
<!--培训课程管理-->
|
||||||
<generalTraining v-if="selected === 'updateGeneralTraining'" :isManage="true" />
|
<generalTraining v-if="selected === 'updateGeneralTraining'" :isManage="true" />
|
||||||
<!--稽查文档管理-->
|
<!--稽查文档管理-->
|
||||||
<auditDocument v-if="selected === 'updateAuditDocument'" :isManage="true" />
|
<auditDocument v-if="selected === 'updateAuditDocument'" :isManage="true" />
|
||||||
<!--稽查管理-->
|
|
||||||
<inspectionManagement v-if="selected === 'inspectionManagement'" />
|
|
||||||
</div>
|
</div>
|
||||||
<!-- <div v-show="false" style="height: 100%;position: relative">-->
|
<!-- <div v-show="false" style="height: 100%;position: relative">-->
|
||||||
<!-- <div style="font-weight:900;font-size: 20px;position: absolute;line-height: 60px;text-align: left;white-space: nowrap;padding-left: 20px" :style="{width: width + 'px'}">-->
|
<!-- <div style="font-weight:900;font-size: 20px;position: absolute;line-height: 60px;text-align: left;white-space: nowrap;padding-left: 20px" :style="{width: width + 'px'}">-->
|
||||||
|
@ -581,10 +570,8 @@ import MedicalFeedback from './components/medicalFeedback'
|
||||||
import MedicalAudit from './components/medicalAudit'
|
import MedicalAudit from './components/medicalAudit'
|
||||||
import NeedSignedTrialDoc from './components/NeedSignedTrialDoc'
|
import NeedSignedTrialDoc from './components/NeedSignedTrialDoc'
|
||||||
import auditDocument from "./components/auditDocument"
|
import auditDocument from "./components/auditDocument"
|
||||||
import auditDocumentView from "./components/auditDocument/view"
|
|
||||||
import generalTraining from "./components/generalTraining"
|
import generalTraining from "./components/generalTraining"
|
||||||
import ReuploadAudit from "./components/ReuploadAudit"
|
import ReuploadAudit from "./components/ReuploadAudit"
|
||||||
import inspectionManagement from "./components/inspectionManagement"
|
|
||||||
import store from '@/store'
|
import store from '@/store'
|
||||||
import './index.css'
|
import './index.css'
|
||||||
|
|
||||||
|
@ -596,9 +583,7 @@ export default {
|
||||||
name: 'WorkBench',
|
name: 'WorkBench',
|
||||||
components: {
|
components: {
|
||||||
auditDocument,
|
auditDocument,
|
||||||
auditDocumentView,
|
|
||||||
generalTraining,
|
generalTraining,
|
||||||
inspectionManagement,
|
|
||||||
clinicalDataConfirm,
|
clinicalDataConfirm,
|
||||||
clinicalDataPM,
|
clinicalDataPM,
|
||||||
PanelCount,
|
PanelCount,
|
||||||
|
|
Loading…
Reference in New Issue