220 lines
7.4 KiB
Vue
220 lines
7.4 KiB
Vue
<template>
|
||
<div v-if="model_cfg.visible">
|
||
<base-model :config="model_cfg">
|
||
<div slot="dialog-body">
|
||
<el-table :data="modelList" style="width: 100%" height="300">
|
||
<!--检查编号-->
|
||
<el-table-column prop="StudyCode" :label="$t('trials:uploadImage:table:StudyCode')" />
|
||
<!--检查类型-->
|
||
<el-table-column 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="BodyPartForEdit" :label="$t('trials:uploadImage:table:BodyPartForEdit')"
|
||
v-if="IsDicom">
|
||
<template slot-scope="scope">
|
||
<span>{{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<!--序列数量-->
|
||
<el-table-column prop="ReadingSeriesCount" :label="$t('trials:uploadImage:table:SeriesCount')"
|
||
v-if="IsDicom" />
|
||
<!--图像数量-->
|
||
<el-table-column 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"
|
||
min-width="130" />
|
||
<!--检查模态-->
|
||
<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">
|
||
<template slot-scope="scope">
|
||
<span>{{ getBodyPart(scope.row.BodyPart, scope.row.BodyPartForEditOther) }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<!--文件数量-->
|
||
<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"
|
||
min-width="130" />
|
||
<el-table-column :label="$t('common:action:action')" fixed="right" width="80">
|
||
<template slot-scope="scope">
|
||
<!--预览--->
|
||
<el-button 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
|
||
@click.stop="openEdit(scope.row)" />
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</base-model>
|
||
<!--新增检查部位-->
|
||
<base-model v-if="editModality_model.visible" :config="editModality_model">
|
||
<template slot="dialog-body">
|
||
<el-form 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-option v-for="item in TrialModality" :key="item" :label="item" :value="item">
|
||
</el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-form>
|
||
</template>
|
||
<template slot="dialog-footer">
|
||
<el-button type="primary" @click="updateTaskStudyModality" :loading="loading">
|
||
{{ $t('common:button:confirm') }}
|
||
</el-button>
|
||
<el-button @click="editModality_model.visible = false" :loading="loading">
|
||
{{ $t('common:button:cancel') }}
|
||
</el-button>
|
||
</template>
|
||
</base-model>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
import baseModel from '@/components/BaseModel'
|
||
import { getToken } from '@/utils/auth'
|
||
import { updateTaskStudyModality } from '@/api/load.js'
|
||
export default {
|
||
name: 'studyView',
|
||
props: {
|
||
model_cfg: {
|
||
type: Object,
|
||
default: () => {
|
||
return {}
|
||
},
|
||
},
|
||
bodyPart: {
|
||
type: Object,
|
||
default: () => {
|
||
return {}
|
||
},
|
||
},
|
||
modelList: {
|
||
type: Array,
|
||
default: () => {
|
||
return []
|
||
},
|
||
},
|
||
TrialModality: {
|
||
type: Array,
|
||
default: () => {
|
||
return []
|
||
},
|
||
},
|
||
visitTaskId: {
|
||
type: String,
|
||
},
|
||
IsDicom: {
|
||
required: true,
|
||
type: Boolean,
|
||
default: true,
|
||
},
|
||
isUpload: {
|
||
type: Boolean,
|
||
default: false,
|
||
},
|
||
},
|
||
components: {
|
||
'base-model': baseModel,
|
||
},
|
||
data() {
|
||
return {
|
||
form: {
|
||
Modality: null,
|
||
TaskStudyId: null,
|
||
},
|
||
editModality_model: {
|
||
visible: false,
|
||
title: this.$t('trials:uploadImage:button:edit'),
|
||
width: '500px',
|
||
appendToBody: true,
|
||
},
|
||
rules: {
|
||
Modality: [
|
||
{
|
||
required: true,
|
||
message: this.$t('trials:uploadImage:format:notModality'),
|
||
trigger: ['blur', 'change'],
|
||
},
|
||
],
|
||
},
|
||
loading: false,
|
||
BodyPart: {}
|
||
}
|
||
},
|
||
methods: {
|
||
// 预览
|
||
preview(row) {
|
||
let routeData = null
|
||
if (this.IsDicom) {
|
||
var token = getToken()
|
||
routeData = this.$router.resolve({
|
||
path: `/showdicom?studyId=${row.Id}&TokenKey=${token}&type=Study&visitTaskId=${this.visitTaskId}&isReading=true`,
|
||
})
|
||
} else {
|
||
let trialId = this.$route.query.trialId
|
||
var token = getToken()
|
||
routeData = this.$router.resolve({
|
||
path: `/showNoneDicoms?trialId=${trialId}&subjectVisitId=${row.SourceSubjectVisitId}&studyId=${row.Id}&TokenKey=${token}&isReading=true`,
|
||
})
|
||
}
|
||
window.open(routeData.href, '_blank')
|
||
},
|
||
// 打开编辑
|
||
openEdit(row) {
|
||
this.form.TaskStudyId = row.Id
|
||
this.form.Modality = row.ModalityForEdit
|
||
this.editModality_model.visible = true
|
||
},
|
||
// 修改检查类型
|
||
async updateTaskStudyModality() {
|
||
try {
|
||
let validate = await this.$refs.editModalityform.validate()
|
||
if (!validate) return false
|
||
this.loading = true
|
||
let res = await updateTaskStudyModality(this.form)
|
||
this.loading = false
|
||
if (res.IsSuccess) {
|
||
this.modelList.some((item) => {
|
||
if (this.form.TaskStudyId === item.Id) {
|
||
item.ModalityForEdit = this.form.Modality
|
||
}
|
||
return this.form.TaskStudyId === item.Id
|
||
})
|
||
this.editModality_model.visible = false
|
||
this.$emit('getList')
|
||
}
|
||
} catch (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>
|
||
<style lang="scss" scoped></style> |