16 Commits

Author SHA1 Message Date
wangxiaoshuang 2c0823f027 阅片表单数值问题可输入NE
continuous-integration/drone/push Build encountered an error
2025-06-25 09:15:09 +08:00
wangxiaoshuang 44b10255dd IVUS和OCT表单修改,新增靶段
continuous-integration/drone/push Build encountered an error
2025-06-19 17:47:10 +08:00
wangxiaoshuang a14aefca2c 上传影像文件统计问题
continuous-integration/drone/push Build encountered an error
2025-06-18 13:33:39 +08:00
wangxiaoshuang 334882cc68 阅片下载压缩包名称修改 2025-06-18 13:30:36 +08:00
wangxiaoshuang d8315fbfff 阅片上传下载按钮添加
continuous-integration/drone/push Build encountered an error
2025-06-18 09:55:16 +08:00
wangxiaoshuang 1022fa2888 阅片顺序添加admin角色权限
continuous-integration/drone/push Build encountered an error
2025-06-17 16:49:15 +08:00
wangxiaoshuang 48633a1ed4 阅片顺序手动修改添加限制条件
continuous-integration/drone/push Build encountered an error
2025-06-16 17:24:14 +08:00
wangxiaoshuang 108d01f81c 阅片顺序默认排序、阅片中禁用
continuous-integration/drone/push Build encountered an error
2025-06-16 16:05:49 +08:00
wangxiaoshuang 12e4128b7b 提交裁判阅片结果详情oldValue改为--
continuous-integration/drone/push Build encountered an error
2025-06-13 16:49:50 +08:00
wangxiaoshuang b512112d96 肿瘤学阅片查看屏蔽跳过按钮
continuous-integration/drone/push Build encountered an error
2025-06-13 14:33:55 +08:00
wangxiaoshuang a7251ce65c 阅片顺序
continuous-integration/drone/push Build encountered an error
2025-06-13 14:17:58 +08:00
wangxiaoshuang 7e2ff6de1b 稽查图片不存在展示问题
continuous-integration/drone/push Build encountered an error
2025-06-12 16:23:44 +08:00
caiyiling a66e15eb39 MRI-PDFF测量逻辑更改
continuous-integration/drone/push Build encountered an error
2025-06-04 16:25:48 +08:00
caiyiling 895e3a6bed MRI-PDFF更改
continuous-integration/drone/push Build encountered an error
2025-06-04 13:35:42 +08:00
caiyiling 9dddc0c012 MRI-PDFF测量逻辑更改
continuous-integration/drone/push Build encountered an error
2025-06-04 10:53:45 +08:00
caiyiling a965f08a1e MRI-PDFF标准更改
continuous-integration/drone/push Build encountered an error
2025-06-04 09:24:41 +08:00
29 changed files with 1203 additions and 2829 deletions
-27
View File
@@ -4123,31 +4123,4 @@ export function addFolder(data) {
method: 'post', method: 'post',
data data
}) })
}
// 配置-项目文档发布
export function publishTrialDocument(data) {
return request({
url: `/TrialDocument/publishTrialDocument`,
method: 'post',
data
})
}
// 配置-获取稽查管理列表
export function getTrialShowInspection(data) {
return request({
url: `/Inspection/getTrialShowInspection`,
method: 'post',
data
})
}
// 配置-设置稽查管理配置
export function setTrialShowInspection(data) {
return request({
url: `/Inspection/setTrialShowInspection`,
method: 'post',
data
})
} }
+8
View File
@@ -480,3 +480,11 @@ export function resetReadingRestTime() {
method: 'post' method: 'post'
}) })
} }
// 设置随机排序
export function setRandomTaskOrder(data) {
return request({
url: `/VisitTask/setRandomTaskOrder`,
method: 'post',
data
})
}
@@ -1,39 +1,19 @@
<template> <template>
<el-dialog <el-dialog :visible.sync="visible" :fullscreen="true" :close-on-click-modal="false" :before-close="beforeClose"
:visible.sync="visible" :append-to-body="true" v-loading="btnLoading" class="downloadDicomAndNonedicom">
:fullscreen="true"
:close-on-click-modal="false"
:before-close="beforeClose"
:append-to-body="true"
v-loading="btnLoading"
class="downloadDicomAndNonedicom"
>
<span slot="title">{{ title }}</span> <span slot="title">{{ title }}</span>
<div class="top"> <div class="top">
<span>{{ $t('download:top:title') }}</span> <span>{{ $t('download:top:title') }}</span>
<div class="btnBox"> <div class="btnBox">
<el-button <el-button type="primary" size="mini" v-if="hasDicom" @click.stop="getIRReadingDownloadStudyInfo('dicom')">
type="primary"
size="mini"
v-if="hasDicom"
@click.stop="getIRReadingDownloadStudyInfo('dicom')"
>
{{ $t('download:button:downloadDicom') }} {{ $t('download:button:downloadDicom') }}
</el-button> </el-button>
<el-button <el-button type="primary" size="mini" v-if="hasNonedicom"
type="primary" @click.stop="getIRReadingDownloadStudyInfo('noneDicom')">
size="mini"
v-if="hasNonedicom"
@click.stop="getIRReadingDownloadStudyInfo('noneDicom')"
>
{{ $t('download:button:downloadNonedicom') }} {{ $t('download:button:downloadNonedicom') }}
</el-button> </el-button>
<el-button <el-button type="primary" size="mini" v-if="hasDicom || hasNonedicom"
type="primary" @click.stop="getIRReadingDownloadStudyInfo('all')">
size="mini"
v-if="hasDicom || hasNonedicom"
@click.stop="getIRReadingDownloadStudyInfo('all')"
>
{{ $t('download:button:downloadAll') }} {{ $t('download:button:downloadAll') }}
</el-button> </el-button>
</div> </div>
@@ -43,16 +23,9 @@
<div v-html="$t('download:tip:message')"></div> <div v-html="$t('download:tip:message')"></div>
</div> </div>
<!--上传列表@selection-change="handleSelectionChange"--> <!--上传列表@selection-change="handleSelectionChange"-->
<el-table <el-table ref="dicomFilesTable" v-adaptive="{ bottomOffset: 85 }" height="100" :data="list" :loading="loading"
ref="dicomFilesTable" class="dicomFiles-table" @sort-change="handleSortByColumn"
v-adaptive="{ bottomOffset: 85 }" :default-sort="{ prop: 'TaskBlindName', order: 'descending' }">
height="100"
:data="list"
:loading="loading"
class="dicomFiles-table"
@sort-change="handleSortByColumn"
:default-sort="{ prop: 'TaskBlindName', order: 'descending' }"
>
<!-- <el-table-column <!-- <el-table-column
type="selection" type="selection"
width="55" width="55"
@@ -60,50 +33,28 @@
/> --> /> -->
<el-table-column type="index" width="40" /> <el-table-column type="index" width="40" />
<!--受试者--> <!--受试者-->
<el-table-column <el-table-column :label="$t('download:table:subjectCode')" min-width="130" prop="SubjectCode"
:label="$t('download:table:subjectCode')" show-overflow-tooltip />
min-width="130"
prop="SubjectCode"
show-overflow-tooltip
/>
<!--任务名称--> <!--任务名称-->
<el-table-column <el-table-column :label="$t('download:table:taskName')" min-width="130" show-overflow-tooltip prop="TaskBlindName"
:label="$t('download:table:taskName')" sortable="custom" />
min-width="130"
show-overflow-tooltip
prop="TaskBlindName"
sortable="custom"
/>
<!--检查类型--> <!--检查类型-->
<el-table-column <el-table-column :label="$t('download:table:studyType')" min-width="130" show-overflow-tooltip prop="IsDicom"
:label="$t('download:table:studyType')" sortable="custom">
min-width="130"
show-overflow-tooltip
prop="IsDicom"
sortable="custom"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ $fd('IsDicom', scope.row.IsDicom) }}</span> <span>{{ $fd('IsDicom', scope.row.IsDicom) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column :label="$t('download:table:orginalStudyListNum')" min-width="150" show-overflow-tooltip>
:label="$t('download:table:orginalStudyListNum')"
min-width="150"
show-overflow-tooltip
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button v-if="
v-if=" (scope.row.IsDicom &&
(scope.row.IsDicom && scope.row.DicomStudyList &&
scope.row.DicomStudyList && scope.row.DicomStudyList.length >= 1) ||
scope.row.DicomStudyList.length >= 1) || (!scope.row.IsDicom &&
(!scope.row.IsDicom && scope.row.NoneDicomStudyList &&
scope.row.NoneDicomStudyList && scope.row.NoneDicomStudyList.length >= 1)
scope.row.NoneDicomStudyList.length >= 1) " type="text" @click="handleOpenDialog(scope.row)">
"
type="text"
@click="handleOpenDialog(scope.row)"
>
<span>{{ <span>{{
scope.row.IsDicom scope.row.IsDicom
? scope.row.DicomStudyList.length ? scope.row.DicomStudyList.length
@@ -113,37 +64,19 @@
<span v-else>0</span> <span v-else>0</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column :label="$t('common:action:action')" fixed="right" width="150">
:label="$t('common:action:action')"
fixed="right"
width="150"
>
<template slot-scope="scope"> <template slot-scope="scope">
<!--预览---> <!--预览--->
<el-button <el-button circle icon="el-icon-view" :title="$t('download:button:preview')"
circle @click.stop="preview(scope.row)" />
icon="el-icon-view"
:title="$t('download:button:preview')"
@click.stop="preview(scope.row)"
/>
<!--下载---> <!--下载--->
<el-button <el-button circle icon="el-icon-download" :title="$t('download:button:download')"
circle @click.stop="getIRReadingDownloadStudyInfo('one', scope.row)" />
icon="el-icon-download"
:title="$t('download:button:download')"
@click.stop="getIRReadingDownloadStudyInfo('one', scope.row)"
/>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<study-view <study-view v-if="model_cfg.visible" :model_cfg="model_cfg" :modelList="modelList" :bodyPart="bodyPart"
v-if="model_cfg.visible" :IsDicom="IsDicom" :visitTaskId="modelTaskId" />
:model_cfg="model_cfg"
:modelList="modelList"
:bodyPart="bodyPart"
:IsDicom="IsDicom"
:visitTaskId="modelTaskId"
/>
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
@@ -358,7 +291,8 @@ export default {
name = `${list[0].SubjectCode}_${list[0].TaskBlindName}.zip` name = `${list[0].SubjectCode}_${list[0].TaskBlindName}.zip`
} }
if (this.IsReadingTaskViewInOrder === 0) { if (this.IsReadingTaskViewInOrder === 0) {
name = `${list[0].TaskBlindName}.zip` // name = `${list[0].TaskBlindName}.zip`
name = `${list[0].SubjectCode}_${list[0].TaskBlindName}.zip`
} }
list.forEach((data) => { list.forEach((data) => {
if (data.StudyList && data.StudyList.length > 0) { if (data.StudyList && data.StudyList.length > 0) {
@@ -370,11 +304,9 @@ export default {
series.InstancePathList.forEach((instance) => { series.InstancePathList.forEach((instance) => {
let fileName = instance.Path.split('/').pop() let fileName = instance.Path.split('/').pop()
let obj = { let obj = {
name: `${data.SubjectCode}/${ name: `${data.SubjectCode}/${data.TaskBlindName
data.TaskBlindName }/${this.$fd('IsDicom', true)}/${study.StudyCode
}/${this.$fd('IsDicom', true)}/${ }/${fileName}`,
study.StudyCode
}/${fileName}`,
url: this.OSSclientConfig.basePath + instance.Path, url: this.OSSclientConfig.basePath + instance.Path,
} }
if (this.IsReadingTaskViewInOrder === 0) { if (this.IsReadingTaskViewInOrder === 0) {
@@ -500,10 +432,12 @@ export default {
justify-content: space-between; justify-content: space-between;
margin: 10px 0; margin: 10px 0;
} }
.tip { .tip {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
margin-top: 5px; margin-top: 5px;
i { i {
margin: 3px 5px 0 0; margin: 3px 5px 0 0;
} }
@@ -936,19 +936,19 @@ export default {
) { ) {
++instanceIndex ++instanceIndex
} }
if (instanceIndex >= fileList.length) { // if (instanceIndex >= fileList.length) {
fileList.push({ // fileList.push({
instanceUid: instanceUid, // instanceUid: instanceUid,
file: file, // file: file,
}) // })
} // }
scope.uploadQueues[studyIndex].dicomInfo.fileCount = fileList.length // scope.uploadQueues[studyIndex].dicomInfo.fileCount = fileList.length
scope.uploadQueues[studyIndex].dicomInfo.fileSize = fileList.reduce( // scope.uploadQueues[studyIndex].dicomInfo.fileSize = fileList.reduce(
(prev, next) => { // (prev, next) => {
return prev + next.file.size // return prev + next.file.size
}, // },
0 // 0
) // )
var seriesUid = data.string('x0020000e') var seriesUid = data.string('x0020000e')
var seriesList = scope.uploadQueues[studyIndex].seriesList var seriesList = scope.uploadQueues[studyIndex].seriesList
@@ -1046,6 +1046,19 @@ export default {
} }
instanceList.push(instanceItem) instanceList.push(instanceItem)
} }
if (instanceIndex >= fileList.length) {
fileList.push({
instanceUid: instanceUid,
file: file,
})
}
scope.uploadQueues[studyIndex].dicomInfo.fileCount = fileList.length
scope.uploadQueues[studyIndex].dicomInfo.fileSize = fileList.reduce(
(prev, next) => {
return prev + next.file.size
},
0
)
resolve() resolve()
} catch (error) { } catch (error) {
console.log(error) console.log(error)
+6
View File
@@ -61,6 +61,12 @@ export const constantRoutes = [
name: 'Resetpassword', name: 'Resetpassword',
hidden: true hidden: true
}, },
{
path: '/trials/trials-panel/reading/readingTracking/ReadOrder',
component: () => import('@/views/trials/trials-panel/reading/read-order/index'),
name: 'ReadOrder',
hidden: true
},
{ {
path: '/recompose', path: '/recompose',
component: () => import('@/views/recompose/index'), component: () => import('@/views/recompose/index'),
@@ -614,18 +614,6 @@
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col v-show="title !== '复制'" :span="24">
<el-form-item>
<span slot="label">
是否默认
</span>
<el-switch
v-model="form.IsDefaultChoice"
:active-value="true"
:inactive-value="false"
/>
</el-form-item>
</el-col>
<!--分割线--> <!--分割线-->
<el-col v-show="title !== '复制' && form.ConfigType == 'M'" :span="24"> <el-col v-show="title !== '复制' && form.ConfigType == 'M'" :span="24">
<el-divider content-position="left">其他信息</el-divider> <el-divider content-position="left">其他信息</el-divider>
@@ -1142,7 +1130,6 @@ export default {
DescriptionCN: null, DescriptionCN: null,
InterfaceName: null, InterfaceName: null,
IsEnable: true, IsEnable: true,
IsDefaultChoice: true,
ModuleTypeId: null, ModuleTypeId: null,
OptTypeId: null, OptTypeId: null,
ChildrenTypeId: null, ChildrenTypeId: null,
@@ -303,8 +303,8 @@ export default {
], ],
scrollSyncInfo: { offset: 0 }, scrollSyncInfo: { offset: 0 },
hideMeasureArr: [] hideMeasureArr: [],
isInitWwwc: true
} }
}, },
computed: { computed: {
@@ -565,7 +565,6 @@ export default {
e.stopPropagation() e.stopPropagation()
e.preventDefault() e.preventDefault()
} else if (this.activeToolName === 'Length' || this.activeToolName === 'Bidirectional' && this.readingTaskState < 2) { } else if (this.activeToolName === 'Length' || this.activeToolName === 'Bidirectional' && this.readingTaskState < 2) {
console.log(e.detail.image)
if (!e.detail.image.columnPixelSpacing || !e.detail.image.rowPixelSpacing) { if (!e.detail.image.columnPixelSpacing || !e.detail.image.rowPixelSpacing) {
// '该影像不具备测量长度所需的必要数据,不能进行长度测量。请选择其他工具进行标注。' // '该影像不具备测量长度所需的必要数据,不能进行长度测量。请选择其他工具进行标注。'
this.$confirm(this.$t('trials:reading:warnning:msg56'), '', { this.$confirm(this.$t('trials:reading:warnning:msg56'), '', {
@@ -578,6 +577,13 @@ export default {
e.stopPropagation() e.stopPropagation()
e.preventDefault() e.preventDefault()
} }
} else if (this.CriterionType === 21 && this.activeToolName === 'Probe' && this.readingTaskState < 2) {
if (!(e.detail.image.imageFrame.photometricInterpretation === 'MONOCHROME1' || e.detail.image.imageFrame.photometricInterpretation === 'MONOCHROME2')) {
this.$alert(this.$t('trials:MRIPDFF:message:message5'))
e.stopImmediatePropagation()
e.stopPropagation()
e.preventDefault()
}
} }
}, },
pointNearTool(e) { pointNearTool(e) {
@@ -668,7 +674,7 @@ export default {
}, },
sliderMousemove(e) { sliderMousemove(e) {
if (!this.sliderInfo.isMove) return if (!this.sliderInfo.isMove) return
console.log('sliderMousemove') // console.log('sliderMousemove')
var PX = this.sliderInfo.oldB - (this.sliderInfo.oldM - e.clientY) var PX = this.sliderInfo.oldB - (this.sliderInfo.oldM - e.clientY)
var boxHeight = this.$refs['sliderBox'].clientHeight var boxHeight = this.$refs['sliderBox'].clientHeight
if (PX < 0) return if (PX < 0) return
@@ -792,6 +798,8 @@ export default {
} else if (toolType === 'Length') { } else if (toolType === 'Length') {
// toolState.data[i].length = this.calculateLenth(toolState.data[i]) // toolState.data[i].length = this.calculateLenth(toolState.data[i])
} }
measureData.largestPixelValue = image.imageFrame.largestPixelValue
measureData.imageId = imageId
measureData.studyId = this.stack.studyId measureData.studyId = this.stack.studyId
measureData.seriesId = this.stack.seriesId measureData.seriesId = this.stack.seriesId
measureData.instanceId = instanceId measureData.instanceId = instanceId
@@ -1024,6 +1032,8 @@ export default {
var questionInfo = this.measureData[idx] var questionInfo = this.measureData[idx]
// const canvas = this.canvas.querySelector('canvas') // const canvas = this.canvas.querySelector('canvas')
// measureData.pictureBaseStr = canvas.toDataURL('image/png', 1) // measureData.pictureBaseStr = canvas.toDataURL('image/png', 1)
measureData.largestPixelValue = image.imageFrame.largestPixelValue
measureData.imageId = imageId
measureData.studyId = this.stack.studyId measureData.studyId = this.stack.studyId
measureData.seriesId = this.stack.seriesId measureData.seriesId = this.stack.seriesId
measureData.instanceId = instanceId measureData.instanceId = instanceId
@@ -1049,6 +1059,7 @@ export default {
}, },
loadImageStack(dicomSeries) { loadImageStack(dicomSeries) {
return new Promise(resolve => { return new Promise(resolve => {
this.isInitWwwc = true
this.isCurrentTask = dicomSeries.isCurrentTask this.isCurrentTask = dicomSeries.isCurrentTask
this.isBaseline = dicomSeries.isBaseLineTask this.isBaseline = dicomSeries.isBaseLineTask
this.readingTaskState = dicomSeries.readingTaskState this.readingTaskState = dicomSeries.readingTaskState
@@ -1217,7 +1228,7 @@ export default {
this.stack.frame = this.stack.isExistMutiFrames ? parseInt(frame) : null this.stack.frame = this.stack.isExistMutiFrames ? parseInt(frame) : null
this.stack.instanceId = instanceId this.stack.instanceId = instanceId
this.height = (this.stack.currentImageIdIndex) * 100 / (this.stack.imageIds.length - 1) this.height = (this.stack.currentImageIdIndex) * 100 / (this.stack.imageIds.length - 1)
// this.resetWwwc()
resolve() resolve()
}) })
}, },
@@ -1315,6 +1326,9 @@ export default {
this.scrollSyncInfo.offset = 0 this.scrollSyncInfo.offset = 0
} }
this.renderMeasuredData(e) this.renderMeasuredData(e)
if (this.isInitWwwc) {
this.resetWwwc()
}
}, },
getOrientationMarker(element) { getOrientationMarker(element) {
const enabledElement = cornerstone.getEnabledElement(element) const enabledElement = cornerstone.getEnabledElement(element)
@@ -1351,6 +1365,8 @@ export default {
this.stack.frame = this.stack.isExistMutiFrames ? parseInt(frame) : null this.stack.frame = this.stack.isExistMutiFrames ? parseInt(frame) : null
if (e.detail.toolName === 'Length' || e.detail.toolName === 'ArrowAnnotate' || e.detail.toolName === 'RectangleRoi') { if (e.detail.toolName === 'Length' || e.detail.toolName === 'ArrowAnnotate' || e.detail.toolName === 'RectangleRoi') {
const measureData = {} const measureData = {}
measureData.largestPixelValue = element.image.imageFrame.largestPixelValue
measureData.imageId = imageId
measureData.studyId = this.stack.studyId measureData.studyId = this.stack.studyId
measureData.seriesId = this.stack.seriesId measureData.seriesId = this.stack.seriesId
measureData.instanceId = instanceId measureData.instanceId = instanceId
@@ -1368,6 +1384,8 @@ export default {
cornerstoneTools.setToolPassiveForElement(this.canvas, e.detail.toolName) cornerstoneTools.setToolPassiveForElement(this.canvas, e.detail.toolName)
} else if (e.detail.toolName === 'Bidirectional') { } else if (e.detail.toolName === 'Bidirectional') {
const measureData = {} const measureData = {}
measureData.largestPixelValue = element.image.imageFrame.largestPixelValue
measureData.imageId = imageId
measureData.studyId = this.stack.studyId measureData.studyId = this.stack.studyId
measureData.seriesId = this.stack.seriesId measureData.seriesId = this.stack.seriesId
measureData.instanceId = instanceId measureData.instanceId = instanceId
@@ -1384,6 +1402,8 @@ export default {
cornerstoneTools.setToolPassiveForElement(this.canvas, e.detail.toolName) cornerstoneTools.setToolPassiveForElement(this.canvas, e.detail.toolName)
} else if (e.detail.toolName === 'Probe') { } else if (e.detail.toolName === 'Probe') {
const measureData = {} const measureData = {}
measureData.largestPixelValue = element.image.imageFrame.largestPixelValue
measureData.imageId = imageId
measureData.studyId = this.stack.studyId measureData.studyId = this.stack.studyId
measureData.seriesId = this.stack.seriesId measureData.seriesId = this.stack.seriesId
measureData.instanceId = instanceId measureData.instanceId = instanceId
@@ -1493,6 +1513,8 @@ export default {
var questionInfo = this.measureData[idx] var questionInfo = this.measureData[idx]
// const canvas = this.canvas.querySelector('canvas') // const canvas = this.canvas.querySelector('canvas')
// measureData.pictureBaseStr = canvas.toDataURL('image/png', 1) // measureData.pictureBaseStr = canvas.toDataURL('image/png', 1)
measureData.largestPixelValue = element.image.imageFrame.largestPixelValue
measureData.imageId = imageId
measureData.studyId = this.stack.studyId measureData.studyId = this.stack.studyId
measureData.seriesId = this.stack.seriesId measureData.seriesId = this.stack.seriesId
measureData.instanceId = instanceId measureData.instanceId = instanceId
@@ -1684,6 +1706,8 @@ export default {
}, },
resetWwwc() { resetWwwc() {
// console.log('resetWwwc')
this.isInitWwwc = true
this.toolState.viewportInvert = false this.toolState.viewportInvert = false
var viewport = cornerstone.getViewport(this.canvas) var viewport = cornerstone.getViewport(this.canvas)
// viewport.invert = false // viewport.invert = false
@@ -1694,7 +1718,7 @@ export default {
}, },
setWwwc(ww, wc) { setWwwc(ww, wc) {
// console.log('setWwwc', ww, wc) this.isInitWwwc = false
var viewport = cornerstone.getViewport(this.canvas) var viewport = cornerstone.getViewport(this.canvas)
viewport.voi.windowWidth = ww viewport.voi.windowWidth = ww
viewport.voi.windowCenter = wc viewport.voi.windowCenter = wc
@@ -8,39 +8,27 @@
<span style="margin-left:5px;">{{ taskBlindName }}</span> <span style="margin-left:5px;">{{ taskBlindName }}</span>
</h3> </h3>
<div v-if="readingTaskState < 2"> <div v-if="readingTaskState < 2">
<el-tooltip class="item" effect="dark" :content="$t('trials:dicomReading:message:confirmReset')" placement="bottom"> <el-tooltip class="item" effect="dark" :content="$t('trials:dicomReading:message:confirmReset')"
<i placement="bottom">
class="el-icon-refresh-left" <i class="el-icon-refresh-left" @click="resetMeasuredData" />
@click="resetMeasuredData"
/>
</el-tooltip> </el-tooltip>
</div> </div>
</div> </div>
<!-- 影像质量问题 --> <!-- 影像质量问题 -->
<div class="lesions"> <div class="lesions">
<Questions <Questions ref="ecrf" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
ref="ecrf" :group-classify="1" />
:question-form-change-state="true"
:question-form-change-num="0"
:is-qulity-issues="false"
:group-classify="1"
/>
</div> </div>
<!-- 测量问题 --> <!-- 测量问题 -->
<template v-if="questions.length > 0"> <template v-if="questions.length > 0">
<div v-for="(qs,index) in questions" :key="index" v-loading="loading" class="lesions lesions_wrapper" style="margin-bottom: 10px"> <div v-for="(qs, index) in questions" :key="index" v-loading="loading" class="lesions lesions_wrapper"
style="margin-bottom: 10px">
<h4 v-if="qs.Type === 'group'" style="color: #ddd;padding: 5px 0px;margin: 0;"> <h4 v-if="qs.Type === 'group'" style="color: #ddd;padding: 5px 0px;margin: 0;">
{{ language==='en'?qs.GroupEnName:qs.GroupName }} {{ language === 'en' ? qs.GroupEnName : qs.GroupName }}
</h4> </h4>
<div class="lesion_list"> <div class="lesion_list">
<el-form <el-form v-if="questions.length > 0" :ref="`questions${index}`" size="small" :model="questionForm">
v-if="questions.length > 0"
:ref="`questions${index}`"
size="small"
:model="questionForm"
>
<div class="table-wrapper"> <div class="table-wrapper">
<div v-for="item in qs.Childrens" :key="item.Id"> <div v-for="item in qs.Childrens" :key="item.Id">
<div v-if="item.Type === 'basicTable'" class="flex-row" style="margin:3px 0;"> <div v-if="item.Type === 'basicTable'" class="flex-row" style="margin:3px 0;">
@@ -52,34 +40,25 @@
<div class="add-icon" style="margin: 0 5px;" @click.prevent="uploadTpl(item.LesionType)"> <div class="add-icon" style="margin: 0 5px;" @click.prevent="uploadTpl(item.LesionType)">
<i class="el-icon-upload2" /> <i class="el-icon-upload2" />
</div> </div>
<div class="add-icon" @click.prevent="handleAddOrEdit('add',item)"> <div class="add-icon" @click.prevent="handleAddOrEdit('add', item)">
<i class="el-icon-plus" /> <i class="el-icon-plus" />
</div> </div>
</div> </div>
</div> </div>
<el-table <el-table v-if="item.Type === 'basicTable' && item.TableQuestions" :ref="item.Id"
v-if="item.Type === 'basicTable' && item.TableQuestions" :data="item.TableQuestions.Answers">
:ref="item.Id"
:data="item.TableQuestions.Answers"
>
<!-- <el-table-column :label="$t('CustomizeQuestionFormItem:label:OrderMark')" width="60px" show-overflow-tooltip> <!-- <el-table-column :label="$t('CustomizeQuestionFormItem:label:OrderMark')" width="60px" show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
{{ getLesionName(item.OrderMark,scope.row.RowIndex) }} {{ getLesionName(item.OrderMark,scope.row.RowIndex) }}
</template> </template>
</el-table-column> --> </el-table-column> -->
<!-- <el-table-column <!-- <el-table-column
type="index" type="index"
width="40px" width="40px"
/> --> /> -->
<el-table-column <el-table-column v-for="q of item.TableQuestions.Questions" :key="q.Id" :prop="q.Id"
v-for="q of item.TableQuestions.Questions" :label="q.QuestionName" show-overflow-tooltip :render-header="renderHeader">
:key="q.Id"
:prop="q.Id"
:label="q.QuestionName"
show-overflow-tooltip
:render-header="renderHeader"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="q.Unit > 0 && !isNaN(parseFloat(scope.row[q.Id]))"> <span v-if="q.Unit > 0 && !isNaN(parseFloat(scope.row[q.Id]))">
{{ `${scope.row[q.Id]} ${$fd('ValueUnit', parseInt(q.Unit))}` }} {{ `${scope.row[q.Id]} ${$fd('ValueUnit', parseInt(q.Unit))}` }}
@@ -92,14 +71,10 @@
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column v-if="readingTaskState < 2 && item.LesionType === 102"
v-if="readingTaskState < 2 && item.LesionType === 102" :label="$t('common:action:action')" width="90px" fixed="right">
:label="$t('common:action:action')"
width="90px"
fixed="right"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="mini" @click="handleAddOrEdit('edit',item, scope.$index)"> <el-button type="text" size="mini" @click="handleAddOrEdit('edit', item, scope.$index)">
{{ $t('common:button:edit') }} {{ $t('common:button:edit') }}
</el-button> </el-button>
<el-button type="text" size="mini" @click="handleDelete(item, scope.$index)"> <el-button type="text" size="mini" @click="handleDelete(item, scope.$index)">
@@ -111,41 +86,57 @@
<template v-else> <template v-else>
<!-- 数值 --> <!-- 数值 -->
<el-form-item <el-form-item v-if="item.ShowQuestion !== 2" :key="item.Id" :label="`${item.QuestionName}`"
v-if="item.ShowQuestion!==2" :prop="item.Id" :rules="[
:key="item.Id" {
:label="`${item.QuestionName}`" required: (item.IsRequired === 0 || (item.IsRequired === 1 && item.RelevanceId && (item.RelevanceValue.includes(questionForm[item.RelevanceId])))) && item.Type !== 'group' && item.Type !== 'summary',
:prop="item.Id" message: ['radio', 'select', 'checkbox'].includes(item.Type) ? $t('common:ruleMessage:select') : $t('common:ruleMessage:specify'), trigger: ['blur', 'change']
:rules="[ },
{ required: (item.IsRequired === 0 || (item.IsRequired ===1 && item.RelevanceId && (item.RelevanceValue.includes(questionForm[item.RelevanceId])))) && item.Type!=='group' && item.Type!=='summary', ]">
message:['radio', 'select', 'checkbox'].includes(item.Type) ? $t('common:ruleMessage:select') : $t('common:ruleMessage:specify'), trigger: ['blur','change']},
]"
>
<!-- 数值类型 --> <!-- 数值类型 -->
<template v-if="item.Type==='textarea'"> <template v-if="item.Type === 'textarea'">
<el-input <el-input v-model="questionForm[item.Id]" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }"
v-model="questionForm[qs.Id]" :disabled="!isCurrentTask || readingTaskState >= 2"
type="textarea" @change="((val) => { formItemChange(val, item) })" />
:autosize="{ minRows: 2, maxRows: 4}" </template>
:disabled="!isCurrentTask || readingTaskState>=2" <template v-if="item.Type === 'number'">
@change="((val)=>{formItemChange(val, qs)})" <el-input-number v-model="questionForm[item.Id]"
/> :disabled="!isCurrentTask || readingTaskState >= 2" :precision="0"
@change="((val) => { formItemChange(val, item) })" />
</template>
<template v-if="item.Type === 'select'">
<el-select v-model="questionForm[item.Id]" :disabled="!isCurrentTask || readingTaskState >= 2"
@change="((val) => { formItemChange(val, item) })">
<el-option v-for="dict of $d[item.DictionaryCode]" :key="dict.id" :value="String(dict.value)"
:label="dict.label" />
</el-select>
</template> </template>
</el-form-item> </el-form-item>
<template v-if="item.Childrens && item.Childrens.length > 0">
<template v-for="child in item.Childrens">
<el-form-item :key="child.Id"
v-if="(child.ShowQuestion === 1 && child.ParentTriggerValueList.includes(String(questionForm[item.Id]))) || child.ShowQuestion === 0"
:label="`${child.QuestionName}`" :prop="child.Id" :rules="[
{
required: (child.IsRequired === 0 || (child.IsRequired === 1 && child.RelevanceId && (child.RelevanceValue.includes(questionForm[child.RelevanceId])))) && child.Type !== 'group' && child.Type !== 'summary',
message: ['radio', 'select', 'checkbox'].includes(child.Type) ? $t('common:ruleMessage:select') : $t('common:ruleMessage:specify'), trigger: ['blur', 'change']
},
]">
<template v-if="child.Type === 'input'">
<el-input v-model="questionForm[child.Id]"
:disabled="!isCurrentTask || readingTaskState >= 2"
@change="((val) => { formItemChange(val, child) })" />
</template>
</el-form-item>
</template>
</template>
</template> </template>
</div> </div>
<div <div v-if="isCurrentTask && readingTaskState < 2 && (qs.GroupClassify === 5 || qs.GroupClassify === 6)"
v-if="isCurrentTask && readingTaskState<2 && qs.GroupClassify === 5" class="base-dialog-footer" style="text-align:right;margin-top:10px;">
class="base-dialog-footer"
style="text-align:right;margin-top:10px;"
>
<!-- 保存 --> <!-- 保存 -->
<el-button <el-button type="primary" size="mini" :disabled="!formChanged" @click="handleSave(index)">
type="primary"
size="mini"
:disabled="!formChanged"
@click="handleSave(index)"
>
{{ $t('common:button:save') }} {{ $t('common:button:save') }}
</el-button> </el-button>
</div> </div>
@@ -156,51 +147,21 @@
</template> </template>
<!-- 计算值 --> <!-- 计算值 -->
<Questions <Questions ref="ecrf2" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
ref="ecrf2" :group-classify="4" style="margin-top:20px" />
:question-form-change-state="true"
:question-form-change-num="0"
:is-qulity-issues="false"
:group-classify="4"
style="margin-top:20px"
/>
<!-- 评估结果 --> <!-- 评估结果 -->
<Questions <Questions ref="ecrf3" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
ref="ecrf3" :group-classify="5" />
:question-form-change-state="true"
:question-form-change-num="0"
:is-qulity-issues="false"
:group-classify="5"
/>
<!-- 新增编辑弹窗 --> <!-- 新增编辑弹窗 -->
<el-dialog <el-dialog v-if="addOrEdit.visible" :visible.sync="addOrEdit.visible" :close-on-click-modal="false"
v-if="addOrEdit.visible" :title="addOrEdit.title" width="500px">
:visible.sync="addOrEdit.visible" <el-form ref="tableQsForm" v-loading="loading" :model="qsForm" size="small">
:close-on-click-modal="false" <QuestionTableFormItem v-for="item in qsList" :key="item.Id" :question="item" :question-form="qsForm"
:title="addOrEdit.title" :reading-task-state="readingTaskState" @setFormItemData="setFormItemData"
width="500px" @resetFormItemData="resetFormItemData" />
>
<el-form
ref="tableQsForm"
v-loading="loading"
:model="qsForm"
size="small"
>
<QuestionTableFormItem
v-for="item in qsList"
:key="item.Id"
:question="item"
:question-form="qsForm"
:reading-task-state="readingTaskState"
@setFormItemData="setFormItemData"
@resetFormItemData="resetFormItemData"
/>
<el-form-item style="text-align: right"> <el-form-item style="text-align: right">
<el-button <el-button size="small" @click="addOrEdit.visible = false">
size="small"
@click="addOrEdit.visible = false"
>
{{ $t('common:button:cancel') }} {{ $t('common:button:cancel') }}
</el-button> </el-button>
<!-- 保存 --> <!-- 保存 -->
@@ -211,17 +172,9 @@
</el-form> </el-form>
</el-dialog> </el-dialog>
<!-- 导入 --> <!-- 导入 -->
<el-dialog <el-dialog v-if="upload.visible" :visible.sync="upload.visible" :close-on-click-modal="false"
v-if="upload.visible" :title="upload.title" width="500px">
:visible.sync="upload.visible" <UploadExcel :visit-task-id="visitTaskId" @close="uploadDlgClose" />
:close-on-click-modal="false"
:title="upload.title"
width="500px"
>
<UploadExcel
:visit-task-id="visitTaskId"
@close="uploadDlgClose"
/>
</el-dialog> </el-dialog>
</div> </div>
</div> </div>
@@ -485,8 +438,22 @@ export default {
setMeasuredData(measureData) { setMeasuredData(measureData) {
}, },
formItemChange() { formItemChange(val, item) {
this.formChanged = true this.formChanged = true
if (item.Type === 'number') {
this.limitBlur(item.Id, item.ValueType)
}
if (question.Childrens.length > 0) {
this.resetChild(question.Childrens)
}
},
resetChild(obj) {
obj.forEach(i => {
this.resetData(i.Id)
if (i.Childrens && i.Childrens.length > 0) {
this.resetChild(i.Childrens)
}
})
}, },
limitBlur(qId, valueType) { limitBlur(qId, valueType) {
const value = this.questionForm[qId] const value = this.questionForm[qId]
@@ -523,7 +490,7 @@ export default {
answers: answers answers: answers
} }
try { try {
await saveTaskQuestion(8, params) await saveTaskQuestion(12, params)
this.$message.success(this.$t('common:message:savedSuccessfully')) this.$message.success(this.$t('common:message:savedSuccessfully'))
loading.close() loading.close()
DicomEvent.$emit('getReportInfo', true) DicomEvent.$emit('getReportInfo', true)
@@ -578,6 +545,9 @@ export default {
}, },
receiveMsg(event) { receiveMsg(event) {
}, },
resetData(v) {
this.questionForm[v] = null
},
resetFormItemData(v) { resetFormItemData(v) {
this.qsForm[v] = null this.qsForm[v] = null
}, },
@@ -730,21 +700,25 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.measurement-wrapper{ .measurement-wrapper {
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;
.container{
.container {
padding: 10px; padding: 10px;
.basic-info{
.basic-info {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
h3{
h3 {
color: #ddd; color: #ddd;
padding: 5px 0px; padding: 5px 0px;
margin: 0; margin: 0;
} }
i{
i {
color: #fff; color: #fff;
font-size: 22px; font-size: 22px;
font-weight: bold; font-weight: bold;
@@ -752,14 +726,16 @@ export default {
} }
} }
} }
.title{
.title {
padding: 5px; padding: 5px;
font-weight: bold; font-weight: bold;
color: #ddd; color: #ddd;
font-size: 15px; font-size: 15px;
} }
.add-icon{
.add-icon {
display: inline-block; display: inline-block;
padding: 5px; padding: 5px;
font-weight: bold; font-weight: bold;
@@ -769,103 +745,123 @@ export default {
margin-bottom: 2px; margin-bottom: 2px;
cursor: pointer; cursor: pointer;
} }
.add-icon:hover{
.add-icon:hover {
background-color: #607d8b; background-color: #607d8b;
} }
.flex-row{ .flex-row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
background-color: #424242; background-color: #424242;
} }
.lesion_list{
.lesion_list {
position: relative; position: relative;
::v-deep .el-form-item__label{
::v-deep .el-form-item__label {
color: #c3c3c3; color: #c3c3c3;
text-align: left; text-align: left;
} }
::v-deep .el-input .el-input__inner{
::v-deep .el-input .el-input__inner {
background-color: transparent; background-color: transparent;
color: #ddd; color: #ddd;
border: 1px solid #5e5e5e; border: 1px solid #5e5e5e;
} }
::v-deep .el-textarea__inner{
::v-deep .el-textarea__inner {
background-color: transparent; background-color: transparent;
color: #ddd; color: #ddd;
border: 1px solid #5e5e5e; border: 1px solid #5e5e5e;
} }
::v-deep .el-form-item{
::v-deep .el-form-item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
} }
::v-deep .el-form-item__content{
::v-deep .el-form-item__content {
flex: 1; flex: 1;
} }
::v-deep .el-input.is-disabled .el-input__inner{
background-color: #646464a1; ::v-deep .el-input.is-disabled .el-input__inner {
}
::v-deep .el-select.is-disabled .el-input__inner{
background-color: #646464a1; background-color: #646464a1;
} }
.el-form-item__content ::v-deep .el-select.is-disabled .el-input__inner {
.el-select{ background-color: #646464a1;
}
.el-form-item__content .el-select {
width: 100%; width: 100%;
} }
} }
.table-wrapper { .table-wrapper {
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 5px; width: 5px;
height: 8px; height: 8px;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
border-radius: 10px; border-radius: 10px;
background: #d0d0d0; background: #d0d0d0;
} }
::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-table__fixed-right { ::v-deep .el-table__fixed-right {
height: 100% !important; height: 100% !important;
} }
// ::v-deep .el-table .cell { // ::v-deep .el-table .cell {
// line-height: 20px; // line-height: 20px;
// } // }
::v-deep .el-table__cell { ::v-deep .el-table__cell {
padding: 5px 0; padding: 5px 0;
} }
::v-deep.el-table__fixed-right-patch { ::v-deep.el-table__fixed-right-patch {
background-color: #000 !important; background-color: #000 !important;
border-color: #444444; border-color: #444444;
} }
::v-deep.el-table__fixed-body-wrapper tr:hover > td {
::v-deep.el-table__fixed-body-wrapper tr:hover>td {
background-color: #000 !important; background-color: #000 !important;
} }
::v-deep.el-table--scrollable-x .el-table__body-wrapper { ::v-deep.el-table--scrollable-x .el-table__body-wrapper {
z-index: 2; z-index: 2;
} }
@@ -205,6 +205,7 @@
import { saveTableQuestionMark, submitTaskRowInfo, deleteTableQuestionMark, deleteSingleTableQuestionMark } from '@/api/reading' import { saveTableQuestionMark, submitTaskRowInfo, deleteTableQuestionMark, deleteSingleTableQuestionMark } from '@/api/reading'
import DicomEvent from './../DicomEvent' import DicomEvent from './../DicomEvent'
import store from '@/store' import store from '@/store'
import * as cornerstone from 'cornerstone-core'
export default { export default {
name: 'MeasurementForm', name: 'MeasurementForm',
props: { props: {
@@ -444,7 +445,12 @@ export default {
// 维护标记信息 // 维护标记信息
measureData.data.remark = this.getLesionName(this.orderMark, this.activeQuestionMark) measureData.data.remark = this.getLesionName(this.orderMark, this.activeQuestionMark)
} }
const val = measureData.data.cachedStats.mean / 10 // const val = measureData.data.cachedStats.mean / 10
let val = parseFloat(measureData.data.cachedStats.mean)
// let imagePixelModule = cornerstone.metaData.get('imagePixelModule', measureData.imageId)
if (measureData.largestPixelValue >= 500) {
val = val / 10
}
this.$set(this.questionForm, measureData.tableQuestionId, val.toFixed(this.digitPlaces)) this.$set(this.questionForm, measureData.tableQuestionId, val.toFixed(this.digitPlaces))
data = { data = {
Id: '', Id: '',
@@ -574,14 +580,26 @@ export default {
let params = {} let params = {}
if (i > -1 && this.markList[i].measureData && this.markList[i].measureData.MeasureData) { if (i > -1 && this.markList[i].measureData && this.markList[i].measureData.MeasureData) {
const measureData = this.markList[i].measureData.MeasureData const measureData = this.markList[i].measureData.MeasureData
const tableQuestionId = this.markList[i].tableQuestionId
if (this.questionForm[tableQuestionId] > 100) {
const confirm = await this.$confirm(
this.$t('trials:MRIPDFF:message:message4'),
{
type: 'warning',
distinguishCancelAndClose: true
}
)
if (confirm !== 'confirm') return
}
// 上传截图 // 上传截图
DicomEvent.$emit('getScreenshots', { questionId: this.parentQsId, rowIndex: this.questionForm.RowIndex, visitTaskId: this.visitTaskId, lesionName: measureData.OrderMarkName, lesionType: null, isMarked: !!measureData }, async val => { DicomEvent.$emit('getScreenshots', { questionId: this.parentQsId, rowIndex: this.questionForm.RowIndex, visitTaskId: this.visitTaskId, lesionName: measureData.OrderMarkName, lesionType: null, isMarked: !!measureData }, async val => {
params = Object.assign({}, this.markList[i].measureData) params = Object.assign({}, this.markList[i].measureData)
if (val) { if (val) {
const pictureObj = await this.uploadScreenshots(`${new Date().getTime()}`, val) const pictureObj = await this.uploadScreenshots(`${new Date().getTime()}`, val)
params.PicturePath = pictureObj.isSuccess ? this.$getObjectName(pictureObj.result.url) : '' params.PicturePath = pictureObj.isSuccess ? this.$getObjectName(pictureObj.result.url) : ''
} }
const tableQuestionId = this.markList[i].tableQuestionId
params.Answer = this.questionForm[tableQuestionId] params.Answer = this.questionForm[tableQuestionId]
params.MeasureData = JSON.stringify(this.markList[i].measureData.MeasureData) params.MeasureData = JSON.stringify(this.markList[i].measureData.MeasureData)
loading.close() loading.close()
@@ -264,7 +264,6 @@ export default {
if (item.Type === 'table' && item.Id === obj.questionId) { if (item.Type === 'table' && item.Id === obj.questionId) {
var idx = item.TableQuestions.Answers.findIndex(i => i.RowIndex === obj.rowIndex) var idx = item.TableQuestions.Answers.findIndex(i => i.RowIndex === obj.rowIndex)
item.TableQuestions.Answers[idx].isMeasurable = obj.isMeasurable item.TableQuestions.Answers[idx].isMeasurable = obj.isMeasurable
console.log(obj.isMeasurable)
item.TableQuestions.Answers[idx].mean = obj.mean item.TableQuestions.Answers[idx].mean = obj.mean
item.TableQuestions.Answers[idx].saveTypeEnum = obj.saveTypeEnum item.TableQuestions.Answers[idx].saveTypeEnum = obj.saveTypeEnum
@@ -7,39 +7,28 @@
<span style="margin-left:5px;">{{ taskBlindName }}</span> <span style="margin-left:5px;">{{ taskBlindName }}</span>
</h3> </h3>
<div v-if="readingTaskState < 2"> <div v-if="readingTaskState < 2">
<el-tooltip class="item" effect="dark" :content="$t('trials:dicomReading:message:confirmReset')" placement="bottom"> <el-tooltip class="item" effect="dark" :content="$t('trials:dicomReading:message:confirmReset')"
<i placement="bottom">
class="el-icon-refresh-left" <i class="el-icon-refresh-left" @click="resetMeasuredData" />
@click="resetMeasuredData"
/>
</el-tooltip> </el-tooltip>
</div> </div>
</div> </div>
<!-- 影像质量问题 --> <!-- 影像质量问题 -->
<div class="lesions"> <div class="lesions">
<Questions <Questions ref="ecrf" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
ref="ecrf" :group-classify="1" />
:question-form-change-state="true"
:question-form-change-num="0"
:is-qulity-issues="false"
:group-classify="1"
/>
</div> </div>
<!-- 测量问题 --> <!-- 测量问题 -->
<template v-if="questions.length > 0"> <template v-if="questions.length > 0">
<div v-for="(qs,index) in questions" :key="index" v-loading="loading" class="lesions lesions_wrapper" style="margin-bottom: 10px"> <div v-for="(qs, index) in questions" :key="index" v-loading="loading" class="lesions lesions_wrapper"
style="margin-bottom: 10px">
<h4 v-if="qs.Type === 'group'" style="color: #ddd;padding: 5px 0px;margin: 0;"> <h4 v-if="qs.Type === 'group'" style="color: #ddd;padding: 5px 0px;margin: 0;">
{{ language==='en'?qs.GroupEnName:qs.GroupName }} {{ language === 'en' ? qs.GroupEnName : qs.GroupName }}
</h4> </h4>
<div class="lesion_list"> <div class="lesion_list">
<el-form <el-form v-if="questions.length > 0" :ref="`questions${index}`" size="small" :model="questionForm">
v-if="questions.length > 0"
:ref="`questions${index}`"
size="small"
:model="questionForm"
>
<div class="table-wrapper"> <div class="table-wrapper">
<div v-for="item in qs.Childrens" :key="item.Id"> <div v-for="item in qs.Childrens" :key="item.Id">
<div v-if="item.Type === 'basicTable'" class="flex-row" style="margin:3px 0;"> <div v-if="item.Type === 'basicTable'" class="flex-row" style="margin:3px 0;">
@@ -51,35 +40,25 @@
<div class="add-icon" style="margin: 0 5px;" @click.prevent="uploadTpl(item.LesionType)"> <div class="add-icon" style="margin: 0 5px;" @click.prevent="uploadTpl(item.LesionType)">
<i class="el-icon-upload2" /> <i class="el-icon-upload2" />
</div> </div>
<div class="add-icon" @click.prevent="handleAddOrEdit('add',item)"> <div class="add-icon" @click.prevent="handleAddOrEdit('add', item)">
<i class="el-icon-plus" /> <i class="el-icon-plus" />
</div> </div>
</div> </div>
</div> </div>
<el-table <el-table v-if="item.Type === 'basicTable' && item.TableQuestions" :ref="item.Id"
v-if="item.Type === 'basicTable' && item.TableQuestions" :data="item.TableQuestions.Answers" max-height="600">
:ref="item.Id"
:data="item.TableQuestions.Answers"
max-height="600"
>
<!-- <el-table-column :label="$t('CustomizeQuestionFormItem:label:OrderMark')" width="60px" show-overflow-tooltip> <!-- <el-table-column :label="$t('CustomizeQuestionFormItem:label:OrderMark')" width="60px" show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
{{ getLesionName(item.OrderMark,scope.row.RowIndex) }} {{ getLesionName(item.OrderMark,scope.row.RowIndex) }}
</template> </template>
</el-table-column> --> </el-table-column> -->
<!-- <el-table-column <!-- <el-table-column
type="index" type="index"
width="40px" width="40px"
/> --> /> -->
<el-table-column <el-table-column v-for="q of item.TableQuestions.Questions" :key="q.Id" :prop="q.Id"
v-for="q of item.TableQuestions.Questions" :label="q.QuestionName" show-overflow-tooltip :render-header="renderHeader">
:key="q.Id"
:prop="q.Id"
:label="q.QuestionName"
show-overflow-tooltip
:render-header="renderHeader"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="q.Unit > 0 && !isNaN(parseFloat(scope.row[q.Id]))"> <span v-if="q.Unit > 0 && !isNaN(parseFloat(scope.row[q.Id]))">
{{ `${scope.row[q.Id]} ${$fd('ValueUnit', parseInt(q.Unit))}` }} {{ `${scope.row[q.Id]} ${$fd('ValueUnit', parseInt(q.Unit))}` }}
@@ -92,17 +71,14 @@
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column v-if="readingTaskState < 2" :label="$t('common:action:action')" width="90px"
v-if="readingTaskState < 2" fixed="right">
:label="$t('common:action:action')"
width="90px"
fixed="right"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="mini" @click="handleAddOrEdit('edit',item, scope.$index)"> <el-button type="text" size="mini" @click="handleAddOrEdit('edit', item, scope.$index)">
{{ $t('common:button:edit') }} {{ $t('common:button:edit') }}
</el-button> </el-button>
<el-button v-if="item.LesionType === 112 || item.LesionType === 111" type="text" size="mini" @click="handleDelete(item, scope.$index)"> <el-button v-if="item.LesionType === 112 || item.LesionType === 111" type="text" size="mini"
@click="handleDelete(item, scope.$index)">
{{ $t('common:button:delete') }} {{ $t('common:button:delete') }}
</el-button> </el-button>
</template> </template>
@@ -111,41 +87,52 @@
<template v-else> <template v-else>
<!-- 数值 --> <!-- 数值 -->
<el-form-item <el-form-item v-if="item.ShowQuestion !== 2" :key="item.Id" :label="`${item.QuestionName}`"
v-if="item.ShowQuestion!==2" :prop="item.Id" :rules="[
:key="item.Id" {
:label="`${item.QuestionName}`" required: (item.IsRequired === 0 || (item.IsRequired === 1 && item.RelevanceId && (item.RelevanceValue.includes(questionForm[item.RelevanceId])))) && item.Type !== 'group' && item.Type !== 'summary',
:prop="item.Id" message: ['radio', 'select', 'checkbox'].includes(item.Type) ? $t('common:ruleMessage:select') : $t('common:ruleMessage:specify'), trigger: ['blur', 'change']
:rules="[ },
{ required: (item.IsRequired === 0 || (item.IsRequired ===1 && item.RelevanceId && (item.RelevanceValue.includes(questionForm[item.RelevanceId])))) && item.Type!=='group' && item.Type!=='summary', ]">
message:['radio', 'select', 'checkbox'].includes(item.Type) ? $t('common:ruleMessage:select') : $t('common:ruleMessage:specify'), trigger: ['blur','change']},
]"
>
<!-- 数值类型 --> <!-- 数值类型 -->
<template v-if="item.Type==='textarea'"> <template v-if="item.Type === 'textarea'">
<el-input <el-input v-model="questionForm[item.Id]" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }"
v-model="questionForm[qs.Id]" :disabled="!isCurrentTask || readingTaskState >= 2"
type="textarea" @change="((val) => { formItemChange(val, item) })" />
:autosize="{ minRows: 2, maxRows: 4}" </template>
:disabled="!isCurrentTask || readingTaskState>=2" <template v-if="item.Type === 'select'">
@change="((val)=>{formItemChange(val, qs)})" <el-select v-model="questionForm[item.Id]" :disabled="!isCurrentTask || readingTaskState >= 2"
/> @change="((val) => { formItemChange(val, item) })">
<el-option v-for="dict of $d[item.DictionaryCode]" :key="dict.id" :value="String(dict.value)"
:label="dict.label" />
</el-select>
</template> </template>
</el-form-item> </el-form-item>
<template v-if="item.Childrens && item.Childrens.length > 0">
<template v-for="child in item.Childrens">
<el-form-item :key="child.Id"
v-if="(child.ShowQuestion === 1 && child.ParentTriggerValueList.includes(String(questionForm[item.Id]))) || child.ShowQuestion === 0"
:label="`${child.QuestionName}`" :prop="child.Id" :rules="[
{
required: (child.IsRequired === 0 || (child.IsRequired === 1 && child.RelevanceId && (child.RelevanceValue.includes(questionForm[child.RelevanceId])))) && child.Type !== 'group' && child.Type !== 'summary',
message: ['radio', 'select', 'checkbox'].includes(child.Type) ? $t('common:ruleMessage:select') : $t('common:ruleMessage:specify'), trigger: ['blur', 'change']
},
]">
<template v-if="child.Type === 'input'">
<el-input v-model="questionForm[child.Id]"
:disabled="!isCurrentTask || readingTaskState >= 2"
@change="((val) => { formItemChange(val, child) })" />
</template>
</el-form-item>
</template>
</template>
</template> </template>
</div> </div>
<div <div v-if="isCurrentTask && readingTaskState < 2 && (qs.GroupClassify === 5 || qs.GroupClassify === 6)"
v-if="isCurrentTask && readingTaskState<2 && qs.GroupClassify === 5" class="base-dialog-footer" style="text-align:right;margin-top:10px;">
class="base-dialog-footer"
style="text-align:right;margin-top:10px;"
>
<!-- 保存 --> <!-- 保存 -->
<el-button <el-button type="primary" size="mini" :disabled="!formChanged" @click="handleSave(index)">
type="primary"
size="mini"
:disabled="!formChanged"
@click="handleSave(index)"
>
{{ $t('common:button:save') }} {{ $t('common:button:save') }}
</el-button> </el-button>
</div> </div>
@@ -156,50 +143,20 @@
</template> </template>
<!-- 计算值 --> <!-- 计算值 -->
<Questions <Questions ref="ecrf2" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
ref="ecrf2" :group-classify="4" style="margin-top:20px" />
:question-form-change-state="true"
:question-form-change-num="0"
:is-qulity-issues="false"
:group-classify="4"
style="margin-top:20px"
/>
<!-- 评估结果 --> <!-- 评估结果 -->
<Questions <Questions ref="ecrf3" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
ref="ecrf3" :group-classify="5" />
:question-form-change-state="true" <el-dialog v-if="addOrEdit.visible" :visible.sync="addOrEdit.visible" :close-on-click-modal="false"
:question-form-change-num="0" :title="addOrEdit.title" width="500px">
:is-qulity-issues="false" <el-form ref="tableQsForm" v-loading="loading" :model="qsForm" size="small">
:group-classify="5" <QuestionTableFormItem v-for="item in qsList" :key="item.Id" :question="item" :question-form="qsForm"
/> :reading-task-state="readingTaskState" @setFormItemData="setFormItemData"
<el-dialog @resetFormItemData="resetFormItemData" />
v-if="addOrEdit.visible"
:visible.sync="addOrEdit.visible"
:close-on-click-modal="false"
:title="addOrEdit.title"
width="500px"
>
<el-form
ref="tableQsForm"
v-loading="loading"
:model="qsForm"
size="small"
>
<QuestionTableFormItem
v-for="item in qsList"
:key="item.Id"
:question="item"
:question-form="qsForm"
:reading-task-state="readingTaskState"
@setFormItemData="setFormItemData"
@resetFormItemData="resetFormItemData"
/>
<el-form-item style="text-align: right"> <el-form-item style="text-align: right">
<el-button <el-button size="small" @click="addOrEdit.visible = false">
size="small"
@click="addOrEdit.visible = false"
>
{{ $t('common:button:cancel') }} {{ $t('common:button:cancel') }}
</el-button> </el-button>
<!-- 保存 --> <!-- 保存 -->
@@ -210,18 +167,9 @@
</el-form> </el-form>
</el-dialog> </el-dialog>
<!-- 导入 --> <!-- 导入 -->
<el-dialog <el-dialog v-if="upload.visible" :visible.sync="upload.visible" :close-on-click-modal="false"
v-if="upload.visible" :title="upload.title" width="500px">
:visible.sync="upload.visible" <UploadExcel :visit-task-id="visitTaskId" :lesion-type="upload.lesionType" @close="uploadDlgClose" />
:close-on-click-modal="false"
:title="upload.title"
width="500px"
>
<UploadExcel
:visit-task-id="visitTaskId"
:lesion-type="upload.lesionType"
@close="uploadDlgClose"
/>
</el-dialog> </el-dialog>
</div> </div>
</div> </div>
@@ -486,8 +434,22 @@ export default {
setMeasuredData(measureData) { setMeasuredData(measureData) {
}, },
formItemChange() { formItemChange(val, question) {
this.formChanged = true this.formChanged = true
if (item.Type === 'number') {
this.limitBlur(item.Id, item.ValueType)
}
if (question.Childrens.length > 0) {
this.resetChild(question.Childrens)
}
},
resetChild(obj) {
obj.forEach(i => {
this.resetData(i.Id)
if (i.Childrens && i.Childrens.length > 0) {
this.resetChild(i.Childrens)
}
})
}, },
limitBlur(qId, valueType) { limitBlur(qId, valueType) {
const value = this.questionForm[qId] const value = this.questionForm[qId]
@@ -521,7 +483,7 @@ export default {
answers: answers answers: answers
} }
try { try {
await saveTaskQuestion(8, params) await saveTaskQuestion(12, params)
this.$message.success(this.$t('common:message:savedSuccessfully')) this.$message.success(this.$t('common:message:savedSuccessfully'))
loading.close() loading.close()
DicomEvent.$emit('getReportInfo', true) DicomEvent.$emit('getReportInfo', true)
@@ -576,6 +538,9 @@ export default {
}, },
receiveMsg(event) { receiveMsg(event) {
}, },
resetData(v) {
this.questionForm[v] = null
},
resetFormItemData(v) { resetFormItemData(v) {
this.qsForm[v] = null this.qsForm[v] = null
}, },
@@ -741,23 +706,26 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.measurement-wrapper{ .measurement-wrapper {
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;
// overflow: hidden; // overflow: hidden;
.container{ .container {
padding: 10px; padding: 10px;
.basic-info{
.basic-info {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
h3{
h3 {
color: #ddd; color: #ddd;
padding: 5px 0px; padding: 5px 0px;
margin: 0; margin: 0;
} }
i{
i {
color: #fff; color: #fff;
font-size: 22px; font-size: 22px;
font-weight: bold; font-weight: bold;
@@ -765,14 +733,16 @@ export default {
} }
} }
} }
.title{
.title {
padding: 5px; padding: 5px;
font-weight: bold; font-weight: bold;
color: #ddd; color: #ddd;
font-size: 15px; font-size: 15px;
} }
.add-icon{
.add-icon {
display: inline-block; display: inline-block;
padding: 5px; padding: 5px;
font-weight: bold; font-weight: bold;
@@ -782,103 +752,123 @@ export default {
margin-bottom: 2px; margin-bottom: 2px;
cursor: pointer; cursor: pointer;
} }
.add-icon:hover{
.add-icon:hover {
background-color: #607d8b; background-color: #607d8b;
} }
.flex-row{ .flex-row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
background-color: #424242; background-color: #424242;
} }
.lesion_list{
.lesion_list {
position: relative; position: relative;
::v-deep .el-form-item__label{
::v-deep .el-form-item__label {
color: #c3c3c3; color: #c3c3c3;
text-align: left; text-align: left;
} }
::v-deep .el-input .el-input__inner{
::v-deep .el-input .el-input__inner {
background-color: transparent; background-color: transparent;
color: #ddd; color: #ddd;
border: 1px solid #5e5e5e; border: 1px solid #5e5e5e;
} }
::v-deep .el-textarea__inner{
::v-deep .el-textarea__inner {
background-color: transparent; background-color: transparent;
color: #ddd; color: #ddd;
border: 1px solid #5e5e5e; border: 1px solid #5e5e5e;
} }
::v-deep .el-form-item{
::v-deep .el-form-item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
} }
::v-deep .el-form-item__content{
::v-deep .el-form-item__content {
flex: 1; flex: 1;
} }
::v-deep .el-input.is-disabled .el-input__inner{
background-color: #646464a1; ::v-deep .el-input.is-disabled .el-input__inner {
}
::v-deep .el-select.is-disabled .el-input__inner{
background-color: #646464a1; background-color: #646464a1;
} }
.el-form-item__content ::v-deep .el-select.is-disabled .el-input__inner {
.el-select{ background-color: #646464a1;
}
.el-form-item__content .el-select {
width: 100%; width: 100%;
} }
} }
.table-wrapper { .table-wrapper {
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 5px; width: 5px;
height: 8px; height: 8px;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
border-radius: 10px; border-radius: 10px;
background: #d0d0d0; background: #d0d0d0;
} }
::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-table__fixed-right { ::v-deep .el-table__fixed-right {
height: 100% !important; height: 100% !important;
} }
// ::v-deep .el-table .cell { // ::v-deep .el-table .cell {
// line-height: 20px; // line-height: 20px;
// } // }
::v-deep .el-table__cell { ::v-deep .el-table__cell {
padding: 5px 0; padding: 5px 0;
} }
::v-deep.el-table__fixed-right-patch { ::v-deep.el-table__fixed-right-patch {
background-color: #000 !important; background-color: #000 !important;
border-color: #444444; border-color: #444444;
} }
::v-deep.el-table__fixed-body-wrapper tr:hover > td {
::v-deep.el-table__fixed-body-wrapper tr:hover>td {
background-color: #000 !important; background-color: #000 !important;
} }
::v-deep.el-table--scrollable-x .el-table__body-wrapper { ::v-deep.el-table--scrollable-x .el-table__body-wrapper {
z-index: 2; z-index: 2;
} }
@@ -69,6 +69,10 @@
:rules="[ :rules="[
{ required: (question.IsRequired === 0 || (question.IsRequired ===1 && question.RelevanceId && (question.RelevanceValueList.includes(isNaN(parseFloat(questionForm[question.RelevanceId])) ? questionForm[question.RelevanceId] : questionForm[question.RelevanceId].toString())))) && question.Type!=='group' && question.Type!=='summary', { required: (question.IsRequired === 0 || (question.IsRequired ===1 && question.RelevanceId && (question.RelevanceValueList.includes(isNaN(parseFloat(questionForm[question.RelevanceId])) ? questionForm[question.RelevanceId] : questionForm[question.RelevanceId].toString())))) && question.Type!=='group' && question.Type!=='summary',
message: $t('common:ruleMessage:specify'), trigger: ['blur', 'change']}, message: $t('common:ruleMessage:specify'), trigger: ['blur', 'change']},
{
validator: question.Type === 'number' && !question.TypeValue ? validatorNumberInput :(rule,value,callback )=>{callback()},
trigger: ['blur', 'change']
}
]" ]"
:class="[question.Type==='group'?'mb':question.Type==='upload'?'uploadWrapper':'']" :class="[question.Type==='group'?'mb':question.Type==='upload'?'uploadWrapper':'']"
> >
@@ -228,11 +232,12 @@
/> />
</el-select> </el-select>
<el-input <el-input
type="number" type="text"
v-if="question.Type === 'number' && !question.TypeValue && question.DataSource !== 1" v-if="question.Type === 'number' && !question.TypeValue && question.DataSource !== 1"
@change="(val) => { formItemNumberChange(val, question) }" @change="(val) => { formItemNumberChange(val, question) }"
@input="numberInput(question.Id)"
@blur="handleBlur(questionForm[question.Id], questionForm, question.Id)" @blur="handleBlur(questionForm[question.Id], questionForm, question.Id)"
v-model="questionForm[question.Id]" v-model.trim="questionForm[question.Id]"
:disabled="readingTaskState === 2" :disabled="readingTaskState === 2"
> >
<!-- <template slot="append">1</template> --> <!-- <template slot="append">1</template> -->
@@ -240,11 +245,12 @@
<template slot="append" v-else-if="question.ValueType === 2">%</template> <template slot="append" v-else-if="question.ValueType === 2">%</template>
</el-input> </el-input>
<el-input <el-input
type="number" type="text"
@input="numberInput(question.Id)"
v-if="question.Type === 'number' && !question.TypeValue && question.DataSource === 1" v-if="question.Type === 'number' && !question.TypeValue && question.DataSource === 1"
@blur="handleBlur(questionForm[question.Id], questionForm, question.Id)" @blur="handleBlur(questionForm[question.Id], questionForm, question.Id)"
:disabled="question.DataSource === 1 || readingTaskState === 2" :disabled="question.DataSource === 1 || readingTaskState === 2"
v-model="questionForm[question.Id]" v-model.trim="questionForm[question.Id]"
> >
<!-- <template slot="append">2</template> --> <!-- <template slot="append">2</template> -->
<template slot="append" v-if="question.Unit !== 0">{{question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit}}</template> <template slot="append" v-if="question.Unit !== 0">{{question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit}}</template>
@@ -502,6 +508,21 @@ export default {
} }
}, },
methods: { methods: {
numberInput(id) {
this.questionForm[id] = this.questionForm[id].toUpperCase();
},
validatorNumberInput(rule, value, callback) {
let reg = new RegExp(/^(?:-?(?:(?:0|[1-9]\d*)(?:\.\d+)?|\.\d+)|NE)$/, 'g')
if (value === '') {
callback(new Error(this.$t('common:ruleMessage:specify')));
} else {
if (!reg.test(value)) {
callback(new Error(this.$t('trials:reading:ruleMessage:validatorNumberInput')));
}else{
callback();
}
}
},
limitInput(value, a, b) { limitInput(value, a, b) {
if (value.indexOf('.') > -1) { if (value.indexOf('.') > -1) {
if (value.split('.')[1].length >= this.digitPlaces) { if (value.split('.')[1].length >= this.digitPlaces) {
@@ -510,7 +531,10 @@ export default {
} }
}, },
handleBlur(value, a, b) { handleBlur(value, a, b) {
this.$set(a, b, parseFloat(value).toFixed(this.digitPlaces)) if (!value) return false
if(!isNaN(parseFloat(value))) {
this.$set(a, b, parseFloat(value).toFixed(this.digitPlaces))
}
}, },
deleteTableCol(row, index) { deleteTableCol(row, index) {
this.$confirm(this.$t('trials:uploadNonDicoms:message:msg1')).then(() => { this.$confirm(this.$t('trials:uploadNonDicoms:message:msg1')).then(() => {
@@ -1085,8 +1109,6 @@ export default {
flex-direction: row; flex-direction: row;
align-items: flex-start; align-items: flex-start;
} }
::v-deep .el-form-item__content{
}
.el-input{ .el-input{
width:100%; width:100%;
} }
@@ -7,6 +7,10 @@
:rules="[ :rules="[
{ required: (question.IsRequired === 0 || (question.IsRequired ===1 && question.RelevanceId && !!~question.RelevanceValueList.indexOf(questionForm[question.RelevanceId]))) && question.Type!=='group' && question.Type!=='summary', { required: (question.IsRequired === 0 || (question.IsRequired ===1 && question.RelevanceId && !!~question.RelevanceValueList.indexOf(questionForm[question.RelevanceId]))) && question.Type!=='group' && question.Type!=='summary',
message: $t('common:ruleMessage:select'), trigger: ['blur', 'change']}, message: $t('common:ruleMessage:select'), trigger: ['blur', 'change']},
{
validator: question.Type === 'number' && !question.TypeValue ? validatorNumberInput :(rule,value,callback )=>{callback()},
trigger: ['blur', 'change']
}
]" ]"
:class="[question.Type==='group'?'mb':question.Type==='upload'?'uploadWrapper':'']" :class="[question.Type==='group'?'mb':question.Type==='upload'?'uploadWrapper':'']"
> >
@@ -144,21 +148,23 @@
<!-- 数值 --> <!-- 数值 -->
<!-- :precision="2" :step="0.1" :max="10" --> <!-- :precision="2" :step="0.1" :max="10" -->
<el-input <el-input
type="number" type="text"
v-if="question.Type === 'number' && question.DataSource !== 1" v-if="question.Type === 'number' && question.DataSource !== 1"
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !IsBaseline && questionForm.IsCurrentTaskAdd === 'False')" :disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !IsBaseline && questionForm.IsCurrentTaskAdd === 'False')"
@change="((val)=>{formItemNumberChange(val, question)})" @change="((val)=>{formItemNumberChange(val, question)})"
@input="numberInput(question.Id)"
@blur="handleBlur(questionForm[question.Id], questionForm, question.Id)" @blur="handleBlur(questionForm[question.Id], questionForm, question.Id)"
v-model="questionForm[question.Id]" v-model.trim="questionForm[question.Id]"
> >
<template slot="append" v-if="question.Unit !== 0">{{question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit}}</template> <template slot="append" v-if="question.Unit !== 0">{{question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit}}</template>
</el-input> </el-input>
<el-input <el-input
type="number" type="text"
v-if="question.Type === 'number' && question.DataSource === 1" v-if="question.Type === 'number' && question.DataSource === 1"
:disabled="question.DataSource === 1" :disabled="question.DataSource === 1"
@input="numberInput(question.Id, true )"
@blur="handleCalculationBlur(calculationValue)" @blur="handleCalculationBlur(calculationValue)"
v-model="calculationValue" v-model.trim="calculationValue"
> >
<template slot="append" v-if="question.Unit !== 0">{{question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit}}</template> <template slot="append" v-if="question.Unit !== 0">{{question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit}}</template>
</el-input> </el-input>
@@ -331,7 +337,6 @@ export default {
this.fileList.push({ name: '', url: `${url}` }) this.fileList.push({ name: '', url: `${url}` })
}) })
} }
console.log('11')
} }
if (this.type === 'edit') return if (this.type === 'edit') return
// if (this.question.Type === 'number') { // if (this.question.Type === 'number') {
@@ -342,6 +347,25 @@ export default {
// } // }
}, },
methods: { methods: {
numberInput(id,notId = false) {
if(notId ) {
this.calculationValue = this.calculationValue.toUpperCase();
}else {
this.questionForm[id] = this.questionForm[id].toUpperCase();
}
},
validatorNumberInput(rule, value, callback) {
let reg = new RegExp(/^(?:-?(?:(?:0|[1-9]\d*)(?:\.\d+)?|\.\d+)|NE)$/, 'g')
if (value === '') {
callback(new Error(this.$t('common:ruleMessage:specify')));
} else {
if (!reg.test(value)) {
callback(new Error(this.$t('trials:reading:ruleMessage:validatorNumberInput')));
}else{
callback();
}
}
},
save() { save() {
}, },
openAddTableCol(row) { openAddTableCol(row) {
@@ -382,10 +406,17 @@ export default {
} }
}, },
handleBlur(value, a, b) { handleBlur(value, a, b) {
this.$set(a, b, parseFloat(value).toFixed(this.digitPlaces)) if (!value) return false
if(!isNaN(parseFloat(value))) {
this.$set(a, b, parseFloat(value).toFixed(this.digitPlaces))
}
// this.$set(a, b, parseFloat(value).toFixed(this.digitPlaces))
}, },
handleCalculationBlur(v) { handleCalculationBlur(v) {
this.calculationValue = parseFloat(v).toFixed(this.digitPlaces) if (!v) return false
if(!isNaN(parseFloat(v))) {
this.calculationValue = parseFloat(v).toFixed(this.digitPlaces)
}
}, },
limitInput(value, q) { limitInput(value, q) {
console.log(value) console.log(value)
@@ -137,7 +137,7 @@ export default {
this.classArr.push({triggerId: v.ClassifyQuestionId, classId: v.Id, classifyAlgorithms: v.ClassifyAlgorithms, classifyType: v.ClassifyType}) this.classArr.push({triggerId: v.ClassifyQuestionId, classId: v.Id, classifyAlgorithms: v.ClassifyAlgorithms, classifyType: v.ClassifyType})
} }
if (v.Type === 'number') { if (v.Type === 'number') {
this.$set(this.questionForm, v.Id, v.Answer === '' ? '' : parseFloat(v.Answer).toFixed(this.digitPlaces)) this.$set(this.questionForm, v.Id, isNaN(parseFloat(v.Answer)) ? v.Answer : parseFloat(v.Answer).toFixed(this.digitPlaces))
} }
if (v.Childrens.length > 0) { if (v.Childrens.length > 0) {
this.setChild(v.Childrens) this.setChild(v.Childrens)
@@ -191,7 +191,7 @@ export default {
this.$set(this.questionForm, v.Id, v.TableQuestions.Answers) this.$set(this.questionForm, v.Id, v.TableQuestions.Answers)
} }
if (v.Type === 'number') { if (v.Type === 'number') {
this.$set(this.questionForm, v.Id, v.Answer === '' ? '' : parseFloat(v.Answer).toFixed(this.digitPlaces)) this.$set(this.questionForm, v.Id, isNaN(parseFloat(v.Answer)) ? v.Answer : parseFloat(v.Answer).toFixed(this.digitPlaces))
} }
if (v.Childrens.length > 0) { if (v.Childrens.length > 0) {
this.setChild(v.Childrens) this.setChild(v.Childrens)
@@ -212,7 +212,7 @@ export default {
i.TableQuestions.Questions.forEach(o => { i.TableQuestions.Questions.forEach(o => {
if (o.Type === 'number') { if (o.Type === 'number') {
i.TableQuestions.Answers.forEach((ite, index) => { i.TableQuestions.Answers.forEach((ite, index) => {
this.$set(i.TableQuestions.Answers[index], o.Id, i.TableQuestions.Answers[index][o.Id] ? parseFloat(i.TableQuestions.Answers[index][o.Id]).toFixed(this.digitPlaces) : null) this.$set(i.TableQuestions.Answers[index], o.Id, isNaN(parseFloat(i.TableQuestions.Answers[index][o.Id])) ? i.TableQuestions.Answers[index][o.Id] : parseFloat(i.TableQuestions.Answers[index][o.Id]).toFixed(this.digitPlaces))
}) })
} }
}) })
@@ -222,7 +222,7 @@ export default {
this.classArr.push({triggerId: i.ClassifyQuestionId, classId: i.Id, classifyAlgorithms: i.ClassifyAlgorithms, classifyType: i.ClassifyType}) this.classArr.push({triggerId: i.ClassifyQuestionId, classId: i.Id, classifyAlgorithms: i.ClassifyAlgorithms, classifyType: i.ClassifyType})
} }
if (i.Type === 'number') { if (i.Type === 'number') {
this.$set(this.questionForm, i.Id, i.Answer === '' ? '' : parseFloat(i.Answer).toFixed(this.digitPlaces)) this.$set(this.questionForm, i.Id, isNaN(parseFloat(i.Answer)) ? i.Answer : parseFloat(i.Answer).toFixed(this.digitPlaces))
} }
if (i.Childrens && i.Childrens.length > 0) { if (i.Childrens && i.Childrens.length > 0) {
this.setChild(i.Childrens) this.setChild(i.Childrens)
@@ -1,11 +1,6 @@
<template> <template>
<div <div v-loading="loading" :element-loading-text="loadingText" element-loading-spinner="el-icon-loading"
v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.8)" class="read-page-container">
:element-loading-text="loadingText"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
class="read-page-container"
>
<!-- 检查列表 --> <!-- 检查列表 -->
<div class="left-panel"> <div class="left-panel">
<div class="task-container"> <div class="task-container">
@@ -205,7 +200,7 @@
<svg-icon v-else icon-class="fitToImage" class="svg-icon" /> <svg-icon v-else icon-class="fitToImage" class="svg-icon" />
</div> </div>
<!--融合--> <!--融合-->
<div v-if="readingTool === 2" class="tool-item" :title="$t('trials:lugano:button:fusion')" @click.prevent="openFusion"> <div class="tool-item" :title="$t('trials:lugano:button:fusion')" @click.prevent="openFusion" v-if="readingTool === 2">
<svg-icon icon-class="fusion" class="svg-icon" /> <svg-icon icon-class="fusion" class="svg-icon" />
</div> </div>
<div <div
@@ -284,9 +279,9 @@
<div <div
v-if="criterionType === 0" v-if="criterionType === 0"
:title="$t('trials:reading:button:more')" :title="$t('trials:reading:button:more')"
:class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '']"
@click.stop="showPanel($event)" @click.stop="showPanel($event)"
@mouseleave="toolMouseout" @mouseleave="toolMouseout"
:class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '']"
> >
<div class="dropdown"> <div class="dropdown">
<div <div
@@ -297,10 +292,10 @@
<i class="el-icon-arrow-down" style="color:#fff;" /> <i class="el-icon-arrow-down" style="color:#fff;" />
</div> </div>
<div class="dropdown-content"> <div class="dropdown-content">
<ul v-if="readingTaskState < 2" style="width:100px;"> <ul style="width:100px;" v-if="readingTaskState < 2">
<li v-for="i in customizeStandards" :key="i.toolName" style="text-align:left;"> <li v-for="i in customizeStandards" :key="i.toolName" style="text-align:left;">
<a href="#" @click.prevent="setMoreToolActive(i.toolName)"> <a href="#" @click.prevent="setMoreToolActive(i.toolName)">
<svg-icon :icon-class="i.icon" class="svg-icon" style="margin-right: 5px;" /> <svg-icon :icon-class="i.icon" class="svg-icon" style="margin-right: 5px;"/>
{{ $t(i.i18nKey) }} {{ $t(i.i18nKey) }}
</a> </a>
</li> </li>
@@ -308,10 +303,42 @@
</div> </div>
</div> </div>
</div> </div>
<div
class="tool-item"
:title="$t('trials:reading:button:upload')"
v-if="trialCriterion.ImageUploadEnum > 0 && readingTaskState < 2"
v-hasPermi="['role:ir']"
>
<div class="tool-wrapper">
<div class="icon" @click.prevent="openUploadImage('upload')">
<i class="el-icon-upload2 svg-icon" />
</div>
</div>
</div>
<div
v-if="trialCriterion.ImageDownloadEnum > 0"
v-hasPermi="[
'role:ir',
'role:mim',
'role:mc',
'role:pm',
'role:apm',
'role:ea',
'role:qa',
]"
class="tool-item"
:title="$t('trials:reading:button:download')"
>
<div class="tool-wrapper">
<div class="icon" @click.prevent="openUploadImage('download')">
<i class="el-icon-download svg-icon" />
</div>
</div>
</div>
<!-- 伪彩 --> <!-- 伪彩 -->
<template v-if="readingTool === 2"> <template v-if="readingTool === 2">
<colorMap v-show="isFusion" ref="colorMap" @setColorMap="setColorMap" @voiChange="voiChange" /> <colorMap v-show="isFusion" ref="colorMap" @setColorMap="setColorMap" @voiChange="voiChange" />
</template> </template>
</div> </div>
<div> <div>
@@ -343,7 +370,7 @@
<div class="content-wrapper"> <div class="content-wrapper">
<!-- viewports --> <!-- viewports -->
<div class="viewports-wrapper"> <div class="viewports-wrapper">
<div ref="container" class="grid-container"> <div ref="container" class="grid-container" >
<div :class="[ 'viewports-box', isFusion ? 'viewports-box-down' : '' ]" :style="gridStyle"> <div :class="[ 'viewports-box', isFusion ? 'viewports-box-down' : '' ]" :style="gridStyle">
<div <div
v-for="(v, index) in cellsMax" v-for="(v, index) in cellsMax"
@@ -367,7 +394,7 @@
/> />
</div> </div>
</div> </div>
<div v-if="readingTool === 2" :class="[ 'viewports-box', !isFusion ? 'viewports-box-down' : '' ]" :style="gridStyle"> <div :class="[ 'viewports-box', !isFusion ? 'viewports-box-down' : '' ]" v-if="readingTool === 2" :style="gridStyle">
<div <div
v-for="(v, index) in cellsMax" v-for="(v, index) in cellsMax"
v-show="index < cells.length" v-show="index < cells.length"
@@ -437,7 +464,6 @@
:visit-info="s" :visit-info="s"
@resetAnnotations="resetAnnotations" @resetAnnotations="resetAnnotations"
@setReadingTaskState="setReadingTaskState" @setReadingTaskState="setReadingTaskState"
@viewCustomAnnotationSeries="viewCustomAnnotationSeries"
/> />
</div> </div>
</div> </div>
@@ -528,18 +554,32 @@
</div> </div>
</el-dialog> </el-dialog>
<el-dialog <el-dialog :visible.sync="fusionVisible" :close-on-click-modal="false" :title="$t('trials:lugano:button:record')"
:visible.sync="fusionVisible" width="850px" >
:close-on-click-modal="false" <FusionForm v-if="fusionVisible" :activeTaskIndex="activeTaskIndex" :taskList="visitTaskList" @close="closeFusion" @fusion="handleFusion" />
:title="$t('trials:lugano:button:record')"
width="850px"
>
<FusionForm v-if="fusionVisible" :active-task-index="activeTaskIndex" :task-list="visitTaskList" @close="closeFusion" @fusion="handleFusion" />
</el-dialog> </el-dialog>
<upload-dicom-and-nonedicom
v-if="uploadImageVisible"
:subject-id="uploadSubjectId"
:subject-code="uploadSubjectCode"
:criterion="uploadTrialCriterion"
:visible.sync="uploadImageVisible"
:visit-task-id="taskId"
:is-reading-task-view-in-order="isReadingTaskViewInOrder"
/>
<download-dicom-and-nonedicom
v-if="downloadImageVisible"
:subject-id="uploadSubjectId"
:subject-code="uploadSubjectCode"
:criterion="uploadTrialCriterion"
:task-id="taskId"
:visible.sync="downloadImageVisible"
/>
</div> </div>
</template> </template>
<script> <script>
import { getRelatedVisitTask, getReadingVisitStudyList, getTableAnswerRowInfoList, deleteCustomTag } from '@/api/trials' import { getRelatedVisitTask, getReadingVisitStudyList, getTableAnswerRowInfoList, deleteCustomTag, getCriterionReadingInfo } from '@/api/trials'
import { getDoctorShortcutKey, getUserWLTemplateList } from '@/api/user' import { getDoctorShortcutKey, getUserWLTemplateList } from '@/api/user'
import { getCustomTag, submitCustomTag } from '@/api/reading' import { getCustomTag, submitCustomTag } from '@/api/reading'
import { import {
@@ -575,6 +615,8 @@ import ClinicalData from '@/views/trials/trials-panel/reading/clinical-data'
import FusionForm from './FusionForm.vue' import FusionForm from './FusionForm.vue'
import colorMap from './colorMap.vue' import colorMap from './colorMap.vue'
import RectangleROITool from './tools/RectangleROITool' import RectangleROITool from './tools/RectangleROITool'
import uploadDicomAndNonedicom from '@/components/uploadDicomAndNonedicom'
import downloadDicomAndNonedicom from '@/components/downloadDicomAndNonedicom'
const { visibility } = annotation const { visibility } = annotation
const { ViewportType, Events } = Enums const { ViewportType, Events } = Enums
const renderingEngineId = 'myRenderingEngine' const renderingEngineId = 'myRenderingEngine'
@@ -600,11 +642,11 @@ const {
synchronizers synchronizers
// cursors // cursors
} = cornerstoneTools } = cornerstoneTools
const { createCameraPositionSynchronizer, createVOISynchronizer } = synchronizers const { createCameraPositionSynchronizer, createVOISynchronizer } = synchronizers;
const newStyles = { const newStyles = {
global: { global: {
color: 'rgb(255, 0, 0)', color: 'rgb(255, 0, 0)',
colorHighlighted: 'rgb(0, 255, 0)', colorHighlighted: 'rgb(255, 0, 0)',
colorSelected: 'rgb(255, 0, 0)', colorSelected: 'rgb(255, 0, 0)',
colorLocked: 'rgb(255, 0, 0)', colorLocked: 'rgb(255, 0, 0)',
lineWidth: '1', lineWidth: '1',
@@ -614,7 +656,7 @@ const newStyles = {
textBoxFontFamily: 'Helvetica Neue, Helvetica, Arial, sans-serif', textBoxFontFamily: 'Helvetica Neue, Helvetica, Arial, sans-serif',
textBoxFontSize: '14px', textBoxFontSize: '14px',
textBoxColor: 'rgb(255, 0, 0)', textBoxColor: 'rgb(255, 0, 0)',
textBoxColorHighlighted: 'rgb(0, 255, 0)', textBoxColorHighlighted: 'rgb(255, 0, 0)',
textBoxColorSelected: 'rgb(255, 0, 0)', textBoxColorSelected: 'rgb(255, 0, 0)',
textBoxColorLocked: 'rgb(255, 0, 0)', textBoxColorLocked: 'rgb(255, 0, 0)',
textBoxBackground: '', textBoxBackground: '',
@@ -628,6 +670,12 @@ annotation.config.style.setDefaultToolStyles(newStyles)
const { MouseBindings, Events: toolsEvents } = csToolsEnums const { MouseBindings, Events: toolsEvents } = csToolsEnums
export default { export default {
name: 'ReadPage', name: 'ReadPage',
props: {
readingTool: {
type: Number,
default: 2
}
},
components: { components: {
StudyList, StudyList,
Viewport, Viewport,
@@ -642,13 +690,9 @@ export default {
Others, Others,
ClinicalData, ClinicalData,
FusionForm, FusionForm,
colorMap colorMap,
}, downloadDicomAndNonedicom,
props: { uploadDicomAndNonedicom,
readingTool: {
type: Number,
default: 2
}
}, },
data() { data() {
return { return {
@@ -719,8 +763,19 @@ export default {
studyList: [], studyList: [],
volumeData: {}, volumeData: {},
fusionSerieId: {}, fusionSerieId: {},
loadingText: null loadingText: null,
// resetAnnotation: false , // 使 // resetAnnotation: false , // 使
//
downloadImageVisible: false,
uploadImageVisible: false,
uploadSubjectId: null,
uploadSubjectCode: null,
uploadTrialCriterion: {},
uploadStatus: 'upload',
taskId: '',
isReadingTaskViewInOrder: null,
trialCriterion: {}
} }
}, },
computed: { computed: {
@@ -749,6 +804,7 @@ export default {
} }
}, },
watch: { watch: {
currentReadingTaskState(){console.log(this.currentReadingTaskState,'currentReadingTaskState')},
activeTaskId: { activeTaskId: {
immediate: true, immediate: true,
handler(id) { handler(id) {
@@ -798,12 +854,13 @@ export default {
}, },
mounted() { mounted() {
this.taskInfo = JSON.parse(localStorage.getItem('taskInfo')) this.taskInfo = JSON.parse(localStorage.getItem('taskInfo'))
this.isReadingTaskViewInOrder = this.taskInfo.IsReadingTaskViewInOrder
this.criterionType = this.taskInfo.CriterionType this.criterionType = this.taskInfo.CriterionType
const digitPlaces = Number(localStorage.getItem('digitPlaces')) const digitPlaces = Number(localStorage.getItem('digitPlaces'))
this.digitPlaces = digitPlaces === -1 ? this.digitPlaces : digitPlaces this.digitPlaces = digitPlaces === -1 ? this.digitPlaces : digitPlaces
if (this.criterionType === 0) { if (this.criterionType === 0) {
this.tools = getCustomizeStandardsTools(this.taskInfo.ReadingToolList) this.tools = getCustomizeStandardsTools(this.taskInfo.ReadingToolList)
const toolNames = this.tools.map(i => i.toolName) let toolNames = this.tools.map(i=>i.toolName)
this.customizeStandards = config.customizeStandards.filter(item => !toolNames.includes(item.toolName)) this.customizeStandards = config.customizeStandards.filter(item => !toolNames.includes(item.toolName))
} else { } else {
this.tools = getTools(this.criterionType) this.tools = getTools(this.criterionType)
@@ -822,6 +879,7 @@ export default {
this.initLoader() this.initLoader()
this.getWwcTpl() this.getWwcTpl()
this.getHotKeys() this.getHotKeys()
this.getTrialCriterion()
}) })
}, },
methods: { methods: {
@@ -1072,13 +1130,13 @@ export default {
} }
] ]
let viewportIds = ['viewport-0', 'viewport-1', 'viewport-2', 'viewport-3'] let viewportIds = ['viewport-0', 'viewport-1', 'viewport-2', 'viewport-3']
const fusionViewportIds = ['viewport-fusion-0', 'viewport-fusion-1', 'viewport-fusion-2', 'viewport-fusion-3'] let fusionViewportIds = ["viewport-fusion-0", "viewport-fusion-1", "viewport-fusion-2", "viewport-fusion-3"]
if (this.readingTool === 2) { if(this.readingTool === 2){
const fusionElement1 = this.$refs['viewport-fusion-0'][0].$el const fusionElement1 = this.$refs['viewport-fusion-0'][0].$el
const fusionElement2 = this.$refs['viewport-fusion-1'][0].$el const fusionElement2 = this.$refs['viewport-fusion-1'][0].$el
const fusionElement3 = this.$refs['viewport-fusion-2'][0].$el const fusionElement3 = this.$refs['viewport-fusion-2'][0].$el
const fusionElement4 = this.$refs['viewport-fusion-3'][0].$el const fusionElement4 = this.$refs['viewport-fusion-3'][0].$el
const arr = [ let arr = [
{ {
viewportId: 'viewport-fusion-0', viewportId: 'viewport-fusion-0',
type: ViewportType.ORTHOGRAPHIC, type: ViewportType.ORTHOGRAPHIC,
@@ -1114,7 +1172,7 @@ export default {
} }
} }
] ]
viewportInputArray = [...viewportInputArray, ...arr] viewportInputArray = [ ...viewportInputArray, ...arr ]
viewportIds = viewportIds.concat(fusionViewportIds) viewportIds = viewportIds.concat(fusionViewportIds)
} }
renderingEngine.setViewports(viewportInputArray) renderingEngine.setViewports(viewportInputArray)
@@ -1180,28 +1238,28 @@ export default {
toolGroup.addTool(CircleROITool.toolName, { toolGroup.addTool(CircleROITool.toolName, {
getTextLines: this.getCircleROIToolTextLines getTextLines: this.getCircleROIToolTextLines
}) })
if (toolGroupId === 'viewport-fusion-3') { if(toolGroupId === 'viewport-fusion-3'){
toolGroup.addTool(VolumeRotateTool.toolName) toolGroup.addTool(VolumeRotateTool.toolName);
toolGroup.setToolActive(VolumeRotateTool.toolName, { toolGroup.setToolActive(VolumeRotateTool.toolName, {
bindings: [ bindings: [
{ {
mouseButton: MouseBindings.Wheel // mouse wheel mouseButton: MouseBindings.Wheel, // mouse wheel
} },
] ],
}) });
toolGroup.addTool(MIPJumpToClickTool.toolName, { toolGroup.addTool(MIPJumpToClickTool.toolName, {
targetViewportIds: fusionViewportIds targetViewportIds: fusionViewportIds,
}) });
// Set the initial state of the tools, here we set one tool active on left click. // Set the initial state of the tools, here we set one tool active on left click.
// This means left click will draw that tool. // This means left click will draw that tool.
toolGroup.setToolActive(MIPJumpToClickTool.toolName, { toolGroup.setToolActive(MIPJumpToClickTool.toolName, {
bindings: [ bindings: [
{ {
mouseButton: MouseBindings.Primary // Left Click mouseButton: MouseBindings.Primary, // Left Click
} },
] ],
}) });
} }
toolGroup.setToolActive(StackScrollTool.toolName, { toolGroup.setToolActive(StackScrollTool.toolName, {
bindings: [{ mouseButton: MouseBindings.Wheel }] bindings: [{ mouseButton: MouseBindings.Wheel }]
@@ -1239,7 +1297,7 @@ export default {
eventTarget.addEventListener('cornerstoneimageloadprogress', this.imageLoadProgress) eventTarget.addEventListener('cornerstoneimageloadprogress', this.imageLoadProgress)
console.log(Events, toolsEvents) console.log(Events, toolsEvents)
if (this.readingTool === 2) { if ( this.readingTool === 2 ) {
this.setUpSynchronizers() this.setUpSynchronizers()
} }
}, },
@@ -1337,11 +1395,6 @@ export default {
toolsEvents.ANNOTATION_REMOVED, toolsEvents.ANNOTATION_REMOVED,
this.criterionType === 0 ? this.customAnnotationRemovedListener : this.annotationRemovedListener this.criterionType === 0 ? this.customAnnotationRemovedListener : this.annotationRemovedListener
) )
eventTarget.addEventListener(
toolsEvents.ANNOTATION_SELECTION_CHANGE,
this.criterionType === 0 ? this.customAnnotationSelectionChangeListener : this.annotationSelectionChangeListener
)
// eventTarget.addEventListener( // eventTarget.addEventListener(
// toolsEvents.ANNOTATION_ADDED, // toolsEvents.ANNOTATION_ADDED,
// this.annotationAddedListener // this.annotationAddedListener
@@ -1441,7 +1494,6 @@ export default {
annotation.data.text = markName annotation.data.text = markName
} }
this.saveCustomAnnotation(annotation) this.saveCustomAnnotation(annotation)
this.$refs[`ecrf_${series.TaskInfo.VisitTaskId}`][0].bindAnnotationToQuestion(annotation)
} }
} }
@@ -1484,33 +1536,15 @@ export default {
const series = this.$refs[`${this.viewportKey}-${this.activeViewportIndex}`][0].series const series = this.$refs[`${this.viewportKey}-${this.activeViewportIndex}`][0].series
if (series && series.TaskInfo.VisitTaskId && series.TaskInfo.VisitTaskId === this.taskInfo.VisitTaskId) { if (series && series.TaskInfo.VisitTaskId && series.TaskInfo.VisitTaskId === this.taskInfo.VisitTaskId) {
this.saveCustomAnnotation(annotation) this.saveCustomAnnotation(annotation)
this.$refs[`ecrf_${series.TaskInfo.VisitTaskId}`][0].updateAnnotationToQuestion(annotation)
} }
this.setToolsPassive() this.setToolsPassive()
}, },
async customAnnotationRemovedListener(e) { async customAnnotationRemovedListener(e) {
const { annotation } = e.detail const { annotation } = e.detail
try { try{
// if ( this.resetAnnotation && this.isFusion ) return false // if ( this.resetAnnotation && this.isFusion ) return false
if (!annotation) return false if (!annotation) return false
if (this.readingTaskState === 2) { if (this.readingTaskState === 2) throw 'annotation Not allowed to operate'
const errorMsg = { message: 'annotation Not allowed to operate' }
throw errorMsg
}
const i = this.tools.findIndex(i => i.toolName === annotation.metadata.toolName)
if (i === -1) {
//
return
}
if (annotation.visitTaskId === this.taskInfo.VisitTaskId) {
const isBound = this.$refs[`ecrf_${annotation.visitTaskId}`][0].verifyAnnotationIsBound(annotation)
if (isBound) {
this.$alert('该标记已与问题进行绑定,不允许删除!')
const errorMsg = { message: 'annotation Not allowed to operate' }
throw errorMsg
}
}
if (annotation.visitTaskId === this.taskInfo.VisitTaskId && annotation.seriesId) { if (annotation.visitTaskId === this.taskInfo.VisitTaskId && annotation.seriesId) {
if (this.activeTool === 'Eraser') { if (this.activeTool === 'Eraser') {
await this.$confirm( await this.$confirm(
@@ -1533,10 +1567,9 @@ export default {
viewport.render() viewport.render()
} }
} else { } else {
const errorMsg = { message: 'annotation Not allowed to operate' } throw 'annotation Not allowed to operate'
throw errorMsg
} }
} catch (e) { }catch(e){
cornerstoneTools.annotation.state.addAnnotation(annotation) cornerstoneTools.annotation.state.addAnnotation(annotation)
const renderingEngine = getRenderingEngine(renderingEngineId) const renderingEngine = getRenderingEngine(renderingEngineId)
for (let i = 0; i < this.cells.length; i++) { for (let i = 0; i < this.cells.length; i++) {
@@ -1556,20 +1589,6 @@ export default {
viewport.render() viewport.render()
} }
}, },
customAnnotationSelectionChangeListener(e) {
if (this.readingTaskState === 2) return
const { detail } = e
const annotations = cornerstoneTools.annotation.state.getAllAnnotations()
const i = annotations.findIndex(i => i.annotationUID === detail.selection[0])
if (i > -1) {
if (annotations[i].visitTaskId !== this.taskInfo.VisitTaskId) {
return
} else {
this.$refs[`ecrf_${this.taskInfo.VisitTaskId}`][0].bindAnnotationToQuestion(annotations[i])
}
}
},
annotationSelectionChangeListener(e) {},
async getAnnotations(visitTaskId) { async getAnnotations(visitTaskId) {
if (this.readingTaskState === 2) return if (this.readingTaskState === 2) return
const taskIdx = this.visitTaskList.findIndex(i => i.VisitTaskId === visitTaskId) const taskIdx = this.visitTaskList.findIndex(i => i.VisitTaskId === visitTaskId)
@@ -1921,10 +1940,8 @@ export default {
const type = parseInt(value) const type = parseInt(value)
// 123490590 // 123490590
if (type === 1) { if (type === 1) {
// viewport.resetCamera() viewport.resetCamera()
// viewport.resetProperties() viewport.resetProperties()
// viewport.render()
viewport.setViewPresentation({ rotation: 0 })
viewport.render() viewport.render()
} else if (type === 2) { } else if (type === 2) {
const { flipVertical } = viewport.getCamera() const { flipVertical } = viewport.getCamera()
@@ -2086,8 +2103,8 @@ export default {
const renderingEngine = getRenderingEngine(renderingEngineId) const renderingEngine = getRenderingEngine(renderingEngineId)
const viewport = renderingEngine.getViewport(`${this.viewportKey}-${this.activeViewportIndex}`) const viewport = renderingEngine.getViewport(`${this.viewportKey}-${this.activeViewportIndex}`)
const { invert } = viewport.getProperties() const { invert } = viewport.getProperties()
if (this.isFusion) { if ( this.isFusion ) {
viewport.setProperties({ invert: !invert }, this.$refs[`${this.viewportKey}-${this.activeViewportIndex}`][0].volumeId) viewport.setProperties({ invert: !invert }, this.$refs[`${this.viewportKey}-${this.activeViewportIndex}`][0].volumeId )
} }
viewport.setProperties({ invert: !invert }) viewport.setProperties({ invert: !invert })
viewport.render() viewport.render()
@@ -2231,18 +2248,18 @@ export default {
toggleFullScreen(e, index) { toggleFullScreen(e, index) {
this.fullScreenIndex = this.fullScreenIndex === index ? null : index this.fullScreenIndex = this.fullScreenIndex === index ? null : index
this.activeViewportIndex = index this.activeViewportIndex = index
if (this.isFusion) { if ( this.isFusion ) {
const viewportIds = [`${this.viewportKey}-0`, `${this.viewportKey}-1`, `${this.viewportKey}-2`] let viewportIds = [`${this.viewportKey}-0`, `${this.viewportKey}-1`, `${this.viewportKey}-2`]
viewportIds.forEach(id => { viewportIds.forEach(id=>{
const index = this.$refs[id][0].series.SliceIndex let index = this.$refs[id][0].series.SliceIndex
this.$refs[id][0].setFullScreen(index) this.$refs[id][0].setFullScreen(index)
}) })
} }
}, },
async toggleTask(taskInfo, taskIndex) { async toggleTask(taskInfo, taskIndex) {
if (this.isFusion) { if(this.isFusion){
const confirm = await this.$confirm(this.$t('trials:reading:confirm:changeStack')) let confirm = await this.$confirm(this.$t('trials:reading:confirm:changeStack'))
if (!confirm) return false if(!confirm) return false
this.isFusion = false this.isFusion = false
this.fullScreenIndex = null this.fullScreenIndex = null
this.setToolsPassive() this.setToolsPassive()
@@ -2312,9 +2329,9 @@ export default {
this.setToolsPassive() this.setToolsPassive()
}, },
async activeSeries(obj) { async activeSeries(obj) {
if (this.isFusion) { if(this.isFusion){
const confirm = await this.$confirm(this.$t('trials:reading:confirm:changeStack')) let confirm = await this.$confirm(this.$t('trials:reading:confirm:changeStack'))
if (!confirm) return false if(!confirm) return false
this.isFusion = false this.isFusion = false
this.setToolsPassive() this.setToolsPassive()
this.rows = 1 this.rows = 1
@@ -2470,17 +2487,6 @@ export default {
} }
return obj return obj
}, },
viewCustomAnnotationSeries(obj) {
const i = this.visitTaskList.findIndex(i => i.VisitTaskId === obj.visitTaskId)
if (i === -1) return
const studyList = this.visitTaskList[i].StudyList
const series = this.getMarkedSeries(studyList, obj.annotation)
if (series) {
this.$refs[`${this.viewportKey}-${this.cells.length - 1}`][0].setSeriesInfo(series, true)
this.activeViewportIndex = i
this.$refs[series.TaskInfo.VisitTaskId][0].setSeriesActive(series.StudyIndex, series.SeriesIndex)
}
},
async getScreenshots(measureData, callback) { async getScreenshots(measureData, callback) {
if (measureData) { if (measureData) {
await this.imageLocation(measureData) await this.imageLocation(measureData)
@@ -2706,7 +2712,7 @@ export default {
} }
}, },
showPanel(e, toolName) { showPanel(e, toolName) {
if (toolName === 'layout' && this.isFusion) return false if(toolName === 'layout' && this.isFusion) return false
e.currentTarget.firstChild.lastChild.style.display = 'block' e.currentTarget.firstChild.lastChild.style.display = 'block'
}, },
toolMouseout(e) { toolMouseout(e) {
@@ -2723,67 +2729,67 @@ export default {
}, },
// //
setUpSynchronizers() { setUpSynchronizers() {
const axialCameraPositionSynchronizer = createCameraPositionSynchronizer( let axialCameraPositionSynchronizer = createCameraPositionSynchronizer(
'AXIAL_CAMERA_SYNCHRONIZER_ID' 'AXIAL_CAMERA_SYNCHRONIZER_ID'
) );
const ctVoiSynchronizer = createVOISynchronizer('CT_VOI_SYNCHRONIZER_ID', { let ctVoiSynchronizer = createVOISynchronizer('CT_VOI_SYNCHRONIZER_ID', {
syncInvertState: false, syncInvertState: false,
syncColormap: false syncColormap: false,
}) });
const ptVoiSynchronizer = createVOISynchronizer('PT_VOI_SYNCHRONIZER_ID', { let ptVoiSynchronizer = createVOISynchronizer('PT_VOI_SYNCHRONIZER_ID', {
syncInvertState: false, syncInvertState: false,
syncColormap: false syncColormap: false,
}) });
const fusionVoiSynchronizer = createVOISynchronizer('FUSION_VOI_SYNCHRONIZER_ID', { let fusionVoiSynchronizer = createVOISynchronizer('FUSION_VOI_SYNCHRONIZER_ID', {
syncInvertState: false, syncInvertState: false,
syncColormap: false syncColormap: false,
}); });
[ [
`viewport-fusion-0`, `viewport-fusion-0`,
`viewport-fusion-1`, `viewport-fusion-1`,
`viewport-fusion-2` `viewport-fusion-2`,
].forEach((viewportId) => { ].forEach((viewportId) => {
axialCameraPositionSynchronizer.add({ axialCameraPositionSynchronizer.add({
renderingEngineId: this.renderingEngineId, renderingEngineId: this.renderingEngineId,
viewportId viewportId,
}) });
}); });
[ [
`viewport-fusion-0` `viewport-fusion-0`,
].forEach((viewportId) => { ].forEach((viewportId) => {
ctVoiSynchronizer.add({ ctVoiSynchronizer.add({
renderingEngineId: this.renderingEngineId, renderingEngineId: this.renderingEngineId,
viewportId viewportId,
}) });
}); });
[ [
`viewport-fusion-3`, `viewport-fusion-3`,
`viewport-fusion-1` `viewport-fusion-1`,
].forEach((viewportId) => { ].forEach((viewportId) => {
ptVoiSynchronizer.add({ ptVoiSynchronizer.add({
renderingEngineId: this.renderingEngineId, renderingEngineId: this.renderingEngineId,
viewportId viewportId,
}) });
}); });
[ [
`viewport-fusion-2` `viewport-fusion-2`,
].forEach((viewportId) => { ].forEach((viewportId) => {
fusionVoiSynchronizer.add({ fusionVoiSynchronizer.add({
renderingEngineId, renderingEngineId,
viewportId viewportId,
}) });
ctVoiSynchronizer.addTarget({ ctVoiSynchronizer.addTarget({
renderingEngineId, renderingEngineId,
viewportId viewportId,
}) });
ptVoiSynchronizer.addTarget({ ptVoiSynchronizer.addTarget({
renderingEngineId, renderingEngineId,
viewportId viewportId,
}) });
}) });
}, },
setColorMap(rgbPresetName) { setColorMap(rgbPresetName) {
const fusionViewportIds = [`viewport-fusion-1`, `viewport-fusion-2`, `viewport-fusion-3`] let fusionViewportIds = [`viewport-fusion-1`, `viewport-fusion-2`, `viewport-fusion-3`]
fusionViewportIds.forEach(id => { fusionViewportIds.forEach(id => {
this.$refs[id][0].setPreset(rgbPresetName) this.$refs[id][0].setPreset(rgbPresetName)
this.$refs[id][0].renderColorBar(rgbPresetName) this.$refs[id][0].renderColorBar(rgbPresetName)
@@ -2791,25 +2797,25 @@ export default {
}) })
}, },
voiChange(v) { voiChange(v) {
const fusionViewportIds = [`viewport-fusion-1`, `viewport-fusion-2`, `viewport-fusion-3`] let fusionViewportIds = [`viewport-fusion-1`, `viewport-fusion-2`, `viewport-fusion-3`]
fusionViewportIds.forEach(id => { fusionViewportIds.forEach(id => {
this.$refs[id][0].voiChange(v) this.$refs[id][0].voiChange(v)
}) })
}, },
async handleFusion(data) { async handleFusion(data) {
try { try{
this.fusionVisible = false this.fusionVisible = false
this.isFusion = true this.isFusion = true
this.rows = 2 this.rows = 2;
this.cols = 2 this.cols = 2
const { ct, pt } = data let { ct, pt } = data
this.loading = true this.loading = true
this.loadingText = this.$t('trials:lugano:message:loadVolumes') this.loadingText = this.$t('trials:lugano:message:loadVolumes')
// this.resetAnnotation = true // this.resetAnnotation = true
// console.log(cornerstoneTools.annotation.state.getAllAnnotations(),'cornerstoneTools.annotation.state') // console.log(cornerstoneTools.annotation.state.getAllAnnotations(),'cornerstoneTools.annotation.state')
// cornerstoneTools.annotation.state.removeAllAnnotations() // cornerstoneTools.annotation.state.removeAllAnnotations()
this.renderedTaskIds = [] this.renderedTaskIds = []
if (this.verifyFusionData(ct, pt)) { if ( this.verifyFusionData(ct, pt) ) {
this.loading = false this.loading = false
this.loadingText = null this.loadingText = null
this.$refs[`viewport-0`][0].setSeriesInfo(ct) this.$refs[`viewport-0`][0].setSeriesInfo(ct)
@@ -2819,10 +2825,10 @@ export default {
// this.resetAnnotation = false // this.resetAnnotation = false
return true return true
} }
if (!this.fusionSerieId.ct || this.fusionSerieId.ct !== ct.SeriesInstanceUid) { if (!this.fusionSerieId.ct || this.fusionSerieId.ct !== ct.SeriesInstanceUid ) {
this.fusionSerieId.ct = ct.SeriesInstanceUid this.fusionSerieId.ct = ct.SeriesInstanceUid
} }
if (!this.fusionSerieId.pt || this.fusionSerieId.pt !== pt.SeriesInstanceUid) { if (!this.fusionSerieId.pt || this.fusionSerieId.pt !== pt.SeriesInstanceUid ) {
this.fusionSerieId.pt = pt.SeriesInstanceUid this.fusionSerieId.pt = pt.SeriesInstanceUid
} }
await this.getVolume(pt) await this.getVolume(pt)
@@ -2830,22 +2836,22 @@ export default {
await this.getVolume(pt, true) await this.getVolume(pt, true)
this.loading = false this.loading = false
this.loadingText = null this.loadingText = null
const ctData = { let ctData = {
data: ct, data: ct,
volumeId: this.volumeData[ct.SeriesInstanceUid].volumeId volumeId: this.volumeData[ct.SeriesInstanceUid].volumeId,
} }
const ptData = { let ptData = {
data: pt, data: pt,
volumeId: this.volumeData[pt.SeriesInstanceUid].volumeId, volumeId: this.volumeData[pt.SeriesInstanceUid].volumeId,
volume: this.volumeData[pt.SeriesInstanceUid].volume volume: this.volumeData[pt.SeriesInstanceUid].volume,
} }
const fusionData = { let fusionData = {
ct, ct,
data: pt, data: pt,
volumeId: this.volumeData[pt.SeriesInstanceUid].volumeId, volumeId: this.volumeData[pt.SeriesInstanceUid].volumeId,
ctVolumeId: this.volumeData[ct.SeriesInstanceUid].volumeId, ctVolumeId: this.volumeData[ct.SeriesInstanceUid].volumeId,
ptVolumeId: this.volumeData[pt.SeriesInstanceUid].volumeId, ptVolumeId: this.volumeData[pt.SeriesInstanceUid].volumeId,
fusionVolumeId: this.volumeData[`fusion_${pt.SeriesInstanceUid}`].volumeId fusionVolumeId: this.volumeData[`fusion_${pt.SeriesInstanceUid}`].volumeId,
} }
this.$refs[`viewport-0`][0].setSeriesInfo(ct) this.$refs[`viewport-0`][0].setSeriesInfo(ct)
this.$refs[`viewport-1`][0].setSeriesInfo(pt) this.$refs[`viewport-1`][0].setSeriesInfo(pt)
@@ -2853,36 +2859,36 @@ export default {
this.$refs[`viewport-3`][0].setSeriesInfo(pt) this.$refs[`viewport-3`][0].setSeriesInfo(pt)
this.$refs[`viewport-fusion-0`][0].setSeriesInfo(ctData) this.$refs[`viewport-fusion-0`][0].setSeriesInfo(ctData)
this.$refs[`viewport-fusion-1`][0].setSeriesInfo(ptData, { colorMap: true }) this.$refs[`viewport-fusion-1`][0].setSeriesInfo(ptData, { colorMap: true})
this.$refs[`viewport-fusion-2`][0].setSeriesInfo(fusionData, { isFusion: true, colorMap: true }) this.$refs[`viewport-fusion-2`][0].setSeriesInfo(fusionData, { isFusion: true, colorMap: true })
this.$refs[`viewport-fusion-3`][0].setSeriesInfo(ptData, { isMip: true, colorMap: true }) this.$refs[`viewport-fusion-3`][0].setSeriesInfo(ptData, { isMip: true, colorMap: true })
// this.resetAnnotation = false // this.resetAnnotation = false
this.$nextTick(() => { this.$nextTick(() => {
this.$refs[`colorMap`].init() this.$refs[`colorMap`].init()
}) })
} catch (err) { }catch(err){
console.log(err) console.log(err)
this.loading = false this.loading = false
this.loadingText = null this.loadingText = null
} }
}, },
verifyFusionData(ct, pt) { verifyFusionData(ct, pt) {
if (this.fusionSerieId.ct === ct.SeriesInstanceUid && this.fusionSerieId.pt === pt.SeriesInstanceUid && cache.getVolume(this.volumeData[ct.SeriesInstanceUid].volumeId) && cache.getVolume(this.volumeData[pt.SeriesInstanceUid].volumeId) && cache.getVolume(this.volumeData[`fusion_${pt.SeriesInstanceUid}`].volumeId)) { if (this.fusionSerieId.ct === ct.SeriesInstanceUid && this.fusionSerieId.pt === pt.SeriesInstanceUid && cache.getVolume(this.volumeData[ct.SeriesInstanceUid].volumeId) && cache.getVolume(this.volumeData[pt.SeriesInstanceUid].volumeId) && cache.getVolume(this.volumeData[`fusion_${pt.SeriesInstanceUid}`].volumeId) ) {
return true return true
} }
return false return false
}, },
async getVolume(serie, isFusion = false) { async getVolume(serie, isFusion = false ) {
return new Promise(async res => { return new Promise(async res => {
let volumeId = null; let volume = null let volumeId = null, volume = null
const key = isFusion ? `fusion_${serie.SeriesInstanceUid}` : serie.SeriesInstanceUid let key = isFusion ? `fusion_${serie.SeriesInstanceUid}` : serie.SeriesInstanceUid
if (!this.volumeData[key] || !cache.getVolume(this.volumeData[key].volumeId)) { if(!this.volumeData[key] || !cache.getVolume(this.volumeData[key].volumeId)) {
if (serie.Modality === 'PT' && !isFusion) { if ( serie.Modality === 'PT' && !isFusion ) {
serie.ImageIds.forEach(async id => { serie.ImageIds.forEach(async id => {
const imageLoadObject = cache.getImage(id) const imageLoadObject = cache.getImage(id);
if (imageLoadObject) { if (imageLoadObject) {
await new Promise(res => { await new Promise(res => {
cache.removeImageLoadObject(id, { force: true }) // cache.removeImageLoadObject(id, {force:true}); //
res() res()
}) })
} }
@@ -2908,11 +2914,32 @@ export default {
this.$refs.colorMap.upperRangeChange(upper) this.$refs.colorMap.upperRangeChange(upper)
}, },
openFusion() { openFusion() {
this.fusionVisible = true this.fusionVisible = true
}, },
closeFusion() { closeFusion() {
this.fusionVisible = false this.fusionVisible = false
} },
getTrialCriterion() {
getCriterionReadingInfo({
TrialId: this.$route.query.trialId,
TrialReadingCriterionId: this.$route.query.TrialReadingCriterionId
})
.then((res) => {
this.trialCriterion = res.Result
})
.catch(() => {})
},
openUploadImage(status) {
const idx = this.visitTaskList.findIndex(i => i.IsCurrentTask)
if (idx > -1) {
this.taskId = this.visitTaskList[idx].VisitTaskId
}
this.uploadSubjectCode = localStorage.getItem("subjectCode")
this.uploadSubjectId = localStorage.getItem("subjectId")
this.uploadTrialCriterion = this.trialCriterion
this.uploadStatus = status
this[`${status}ImageVisible`] = true
},
} }
} }
</script> </script>
@@ -402,7 +402,8 @@ export default {
this.series = { ...obj } this.series = { ...obj }
const renderingEngine = getRenderingEngine(this.renderingEngineId) const renderingEngine = getRenderingEngine(this.renderingEngineId)
const viewport = renderingEngine.getViewport(this.viewportId) const viewport = renderingEngine.getViewport(this.viewportId)
const image = await cornerstoneDICOMImageLoader.wadouri.loadImage(obj.ImageIds[obj.SliceIndex]).promise let imageId = obj.ImageIds[obj.SliceIndex] ? obj.ImageIds[obj.SliceIndex] : obj.ImageIds[0]
const image = await cornerstoneDICOMImageLoader.wadouri.loadImage(imageId).promise
if (obj.Modality === 'PT') { if (obj.Modality === 'PT') {
this.cachePTMetadata([image]) this.cachePTMetadata([image])
} }
@@ -32,13 +32,9 @@
:reading-task-state="readingTaskState" :reading-task-state="readingTaskState"
:criterion-id="criterionId" :criterion-id="criterionId"
:calculation-list="calculationList" :calculation-list="calculationList"
:question-mark-info-list="questionMarkInfoList"
:questions-mark-status="questionsMarkStatus"
:is-baseline="isBaseLineTask" :is-baseline="isBaseLineTask"
@resetFormItemData="resetFormItemData" @resetFormItemData="resetFormItemData"
@setFormItemData="setFormItemData" @setFormItemData="setFormItemData"
@getQuestions="getQuestions"
@operateImageMarker="operateImageMarker"
/> />
</template> </template>
@@ -78,10 +74,10 @@
<script> <script>
import { getCustomTableQuestionAnswer, changeDicomReadingQuestionAnswer, submitVisitTaskQuestionsInDto, getQuestionCalculateRelation, saveTaskQuestion } from '@/api/trials' import { getCustomTableQuestionAnswer, changeDicomReadingQuestionAnswer, submitVisitTaskQuestionsInDto, getQuestionCalculateRelation } from '@/api/trials'
import { setSkipReadingCache, resetReadingTask } from '@/api/reading' import { setSkipReadingCache, resetReadingTask } from '@/api/reading'
import const_ from '@/const/sign-code' import const_ from '@/const/sign-code'
import QuestionFormItem from './QuestionFormItem' import QuestionFormItem from '@/views/trials/trials-panel/reading/dicoms/customize/CustomizeQuestionFormItem'
import SignForm from '@/views/trials/components/newSignForm' import SignForm from '@/views/trials/components/newSignForm'
export default { export default {
name: 'EcrfList', name: 'EcrfList',
@@ -97,7 +93,7 @@ export default {
readingTaskState: { readingTaskState: {
type: Number, type: Number,
required: true required: true
} },
}, },
data() { data() {
return { return {
@@ -117,11 +113,6 @@ export default {
taskInfo: null, taskInfo: null,
isBaseLineTask: false, isBaseLineTask: false,
rerender: true, rerender: true,
questionMarkInfoList: [],
operateStateEnum: null, // 12345
operateQuestionId: '',
operateRowId: '',
questionsMarkStatus: {}, // 12
digitPlaces: 2 digitPlaces: 2
} }
}, },
@@ -131,7 +122,7 @@ export default {
this.taskInfo = JSON.parse(localStorage.getItem('taskInfo')) this.taskInfo = JSON.parse(localStorage.getItem('taskInfo'))
this.isBaseLineTask = this.taskInfo.IsBaseLine this.isBaseLineTask = this.taskInfo.IsBaseLine
this.criterionType = this.taskInfo.CriterionType this.criterionType = this.taskInfo.CriterionType
const digitPlaces = Number(localStorage.getItem('digitPlaces')) var digitPlaces = Number(localStorage.getItem('digitPlaces'))
this.digitPlaces = digitPlaces === -1 ? this.digitPlaces : digitPlaces this.digitPlaces = digitPlaces === -1 ? this.digitPlaces : digitPlaces
this.getQuestionCalculateRelation() this.getQuestionCalculateRelation()
this.getQuestions() this.getQuestions()
@@ -158,23 +149,13 @@ export default {
this.classArr.push({ triggerId: v.ClassifyQuestionId, classId: v.Id, classifyAlgorithms: v.ClassifyAlgorithms, classifyType: v.ClassifyType }) this.classArr.push({ triggerId: v.ClassifyQuestionId, classId: v.Id, classifyAlgorithms: v.ClassifyAlgorithms, classifyType: v.ClassifyType })
} }
if (v.Type === 'number') { if (v.Type === 'number') {
this.$set(this.questionForm, v.Id, v.Answer === '' ? '' : parseFloat(v.Answer).toFixed(this.digitPlaces)) this.$set(this.questionForm, v.Id, isNaN(parseFloat(v.Answer)) ? v.Answer : parseFloat(v.Answer).toFixed(this.digitPlaces))
} }
if (v.Childrens.length > 0) { if (v.Childrens.length > 0) {
this.setChild(v.Childrens) this.setChild(v.Childrens)
} }
}) })
this.questions = res.Result.SinglePage this.questions = res.Result.SinglePage
this.questionsMarkStatus = {}
this.questionMarkInfoList = res.OtherInfo.QuestionMarkInfoList.map(i => {
if (i.QuestionId && i.MeasureData) {
this.$set(this.questionsMarkStatus, i.QuestionId, 2)
}
if (typeof i.MeasureData === 'string' && i.MeasureData) {
i.MeasureData = JSON.parse(i.MeasureData)
}
return i
})
this.loading = false this.loading = false
} }
} catch (e) { } catch (e) {
@@ -191,7 +172,7 @@ export default {
i.TableQuestions.Questions.forEach(o => { i.TableQuestions.Questions.forEach(o => {
if (o.Type === 'number') { if (o.Type === 'number') {
i.TableQuestions.Answers.forEach((ite, index) => { i.TableQuestions.Answers.forEach((ite, index) => {
this.$set(i.TableQuestions.Answers[index], o.Id, i.TableQuestions.Answers[index][o.Id] ? parseFloat(i.TableQuestions.Answers[index][o.Id]).toFixed(this.digitPlaces) : null) this.$set(i.TableQuestions.Answers[index], o.Id, isNaN(parseFloat(i.TableQuestions.Answers[index][o.Id])) ? i.TableQuestions.Answers[index][o.Id] : parseFloat(i.TableQuestions.Answers[index][o.Id]).toFixed(this.digitPlaces))
}) })
} }
}) })
@@ -201,7 +182,7 @@ export default {
this.classArr.push({ triggerId: i.ClassifyQuestionId, classId: i.Id, classifyAlgorithms: i.ClassifyAlgorithms, classifyType: i.ClassifyType }) this.classArr.push({ triggerId: i.ClassifyQuestionId, classId: i.Id, classifyAlgorithms: i.ClassifyAlgorithms, classifyType: i.ClassifyType })
} }
if (i.Type === 'number') { if (i.Type === 'number') {
this.$set(this.questionForm, i.Id, i.Answer === '' ? '' : parseFloat(i.Answer).toFixed(this.digitPlaces)) this.$set(this.questionForm, i.Id, isNaN(parseFloat(i.Answer)) ? i.Answer : parseFloat(i.Answer).toFixed(this.digitPlaces))
} }
if (i.Childrens && i.Childrens.length > 0) { if (i.Childrens && i.Childrens.length > 0) {
this.setChild(i.Childrens) this.setChild(i.Childrens)
@@ -347,130 +328,6 @@ export default {
} }
}) })
}, },
verifyAnnotationIsBound(annotation) {
const i = this.questionMarkInfoList.findIndex(i => i.MeasureData && i.MeasureData.annotationUID === annotation.annotationUID)
return i > -1
},
async operateImageMarker(obj) {
this.operateStateEnum = obj.operateStateEnum
this.operateQuestionId = obj.question.Id
if (obj.operateStateEnum === 1) {
//
} else if (obj.operateStateEnum === 2) {
//
const i = this.questionMarkInfoList.findIndex(i => i.QuestionId === obj.question.Id)
if (i > -1) {
const annotation = this.questionMarkInfoList[i].MeasureData
this.$emit('viewCustomAnnotationSeries', { visitTaskId: this.visitTaskId, annotation })
}
} else if (obj.operateStateEnum === 3) {
//
// this.$set(this.questionsMarkStatus, obj.question.Id, 1)
} else if (obj.operateStateEnum === 4) {
//
this.$set(this.questionForm, obj.question.Id, '')
const i = this.questionMarkInfoList.findIndex(i => i.QuestionId === obj.question.Id)
if (i > -1) {
this.questionMarkInfoList.splice(i, 1)
}
this.$set(this.questionsMarkStatus, obj.question.Id, 0)
} else if (obj.operateStateEnum === 5) {
//
this.loading = true
try {
const answers = []
answers.push({ id: obj.question.Id, answer: this.questionForm[obj.question.Id] })
const markInfo = []
const i = this.questionMarkInfoList.findIndex(i => i.QuestionId === this.operateQuestionId)
if (i > -1) {
const obj = Object.assign({}, this.questionMarkInfoList[i])
obj.MeasureData = obj.MeasureData ? JSON.stringify(obj.MeasureData) : ''
markInfo.push(obj)
}
const params = {
visitTaskId: this.visitTaskId,
answers: answers,
questionMarkInfoList: markInfo
}
await saveTaskQuestion(-10, params)
this.$set(this.questionsMarkStatus, obj.question.Id, 2)
this.loading = false
} catch (e) {
console.log(e)
this.loading = false
}
}
},
async bindAnnotationToQuestion(annotation) {
try {
if (!(this.operateStateEnum === 1 || this.operateStateEnum === 3)) return
if (!this.operateQuestionId) return
if (this.operateStateEnum === 3) {
if (!annotation.data.label) {
this.$alert('该标记不能与问题绑定!')
return
}
const confirm = await this.$confirm('是否确认更改?', {
type: 'warning',
distinguishCancelAndClose: true
})
if (confirm !== 'confirm') return
}
console.log('bindAnnotationToQuestion', annotation)
const i = this.questionMarkInfoList.findIndex(i => i.QuestionId === this.operateQuestionId)
if (i === -1) {
const markInfo = {
QuestionId: this.operateQuestionId,
InstanceId: annotation.instanceId,
SeriesId: annotation.seriesId,
StudyId: annotation.studyId,
MarkTool: annotation.metadata.toolName,
PicturePath: '',
NumberOfFrames: annotation.numberOfFrames,
MeasureData: annotation
}
this.questionMarkInfoList.push(markInfo)
} else {
this.questionMarkInfoList[i].InstanceId = annotation.instanceId
this.questionMarkInfoList[i].SeriesId = annotation.seriesId
this.questionMarkInfoList[i].StudyId = annotation.studyId
this.questionMarkInfoList[i].MarkTool = annotation.metadata.toolName
this.questionMarkInfoList[i].PicturePath = ''
this.questionMarkInfoList[i].NumberOfFrames = annotation.numberOfFrames
this.questionMarkInfoList[i].MeasureData = annotation
}
this.setAnswerToQuestion(annotation, this.operateQuestionId)
this.$set(this.questionsMarkStatus, this.operateQuestionId, 1)
} catch (e) {
console.log(e)
}
},
updateAnnotationToQuestion(annotation) {
console.log('updateAnnotationToQuestion', annotation)
const i = this.questionMarkInfoList.findIndex(i => i.MeasureData && i.MeasureData.annotationUID === annotation.annotationUID)
if (i === -1) return
this.questionMarkInfoList[i].measureData = annotation
this.setAnswerToQuestion(annotation, this.questionMarkInfoList[i].QuestionId)
this.$set(this.questionsMarkStatus, this.questionMarkInfoList[i].QuestionId, 1)
},
setAnswerToQuestion(annotation, questionId) {
if (!questionId || !annotation) return
const referencedImageId = annotation.metadata.referencedImageId
if (annotation.metadata.toolName === 'Length') {
let length = annotation.data.cachedStats[`imageId:${referencedImageId}`].length
length = length ? parseFloat(length).toFixed(this.digitPlaces) : length
this.$set(this.questionForm, questionId, length)
} else if (annotation.metadata.toolName === 'Bidirectional') {
// let length = annotation.data.cachedStats[`imageId:${referencedImageId}`].length
// length = length ? parseFloat(length).toFixed(this.digitPlaces) : length
let short = annotation.data.cachedStats[`imageId:${referencedImageId}`].width
short = short ? parseFloat(short).toFixed(this.digitPlaces) : short
this.$set(this.questionForm, questionId, short)
}
},
async resetForm() { async resetForm() {
const confirm = await this.$confirm( const confirm = await this.$confirm(
this.$t('trials:dicomReading:message:confirmReset1'), this.$t('trials:dicomReading:message:confirmReset1'),
@@ -489,7 +346,7 @@ export default {
await this.getQuestionCalculateRelation() await this.getQuestionCalculateRelation()
await this.getQuestions() await this.getQuestions()
this.$emit('resetAnnotations', this.visitTaskId) this.$emit('resetAnnotations', this.visitTaskId)
this.$nextTick(() => { this.$nextTick(()=>{
this.rerender = true this.rerender = true
}) })
} }
@@ -498,7 +355,7 @@ export default {
loading.close() loading.close()
console.log(e) console.log(e)
} }
} },
} }
} }
</script> </script>
@@ -579,6 +436,6 @@ export default {
// .ecrf-list-container{ // .ecrf-list-container{
// min-height:400px; // min-height:400px;
// color: #ddd; // color: #ddd;
// } // }
</style> </style>
@@ -1,576 +0,0 @@
<template>
<div class="criterion-form-item">
<el-form-item
v-if="(question.ShowQuestion===1 && !!~question.ParentTriggerValueList.indexOf(questionForm[question.ParentId])) || question.ShowQuestion===0"
:label="`${question.QuestionName}`"
:prop="question.Id"
:rules="[
{ required: (question.IsRequired === 0 || (question.IsRequired ===1 && question.RelevanceId && !!~question.RelevanceValueList.indexOf(questionForm[question.RelevanceId]))) && question.Type!=='group' && question.Type!=='summary',
message: $t('common:ruleMessage:select'), trigger: ['blur', 'change']},
]"
:class="[question.Type==='group'?'mb':question.Type==='upload'?'uploadWrapper':'']"
>
<!-- 输入框 -->
<el-input
v-if="question.Type==='input'"
v-model="questionForm[question.Id]"
: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"
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
:autosize="{ minRows: 2, maxRows: 4}"
/>
<!-- 下拉框 -->
<el-select
v-if="question.Type==='select'"
v-model="questionForm[question.Id]"
clearable
:disabled="(question.TableQuestionType === 2 || question.QuestionGenre === 2) || (question.IsCopy && type === 'edit' && !IsBaseline && questionForm.IsCurrentTaskAdd === 'False')"
@change="((val)=>{formItemChange(val, question)})"
>
<template v-if="question.TableQuestionType === 1">
<el-option
v-for="item in organList"
:key="item.Id"
:label="item[question.DataTableColumn]"
:value="item[question.DataTableColumn]"
/>
</template>
<template v-else-if="question.TableQuestionType === 3 || question.QuestionGenre === 3">
<el-option
v-for="item of $d[question.DictionaryCode]"
:key="item.id"
:value="item.value"
:label="item.label"
/>
</template>
<template v-else-if="(question.TableQuestionType === 2 || question.QuestionGenre === 2) && question.DictionaryCode">
<el-option
v-for="item of $d[question.DictionaryCode]"
:key="item.id"
:value="item.value"
:label="item.label"
/>
</template>
<template v-else>
<el-option
v-for="val in question.TypeValue.split('|')"
:key="val"
:label="val"
:value="val"
/>
</template>
</el-select>
<!-- 单选 -->
<el-radio-group
v-if="question.Type==='radio'"
v-model="questionForm[question.Id]"
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
@change="((val)=>{formItemChange(val, question)})"
>
<el-radio
v-for="val in question.TypeValue.split('|')"
:key="val"
:label="val"
>
{{ val }}
</el-radio>
</el-radio-group>
<!-- 复选框 -->
<el-checkbox-group
v-if="question.Type==='checkbox'"
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
v-model="questionForm[question.Id]"
>
<el-checkbox
v-for="val in question.TypeValue.split('|')"
:key="val"
:label="val"
>
{{ val }}
</el-checkbox>
</el-checkbox-group>
<!-- 自动分类 -->
<el-input
v-if="question.Type === 'class' && question.ClassifyShowType === 1"
v-model="questionForm[question.Id]"
/>
<el-select
v-if="question.Type === 'class' && question.ClassifyShowType === 2"
v-model="questionForm[question.Id]"
: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-select>
<el-radio-group
v-if="question.Type === 'class' && question.ClassifyShowType === 3"
v-model="questionForm[question.Id]"
:disabled="!question.ClassifyEditType"
@change="(val) => { formItemChange(val, question) }"
>
<el-radio
v-for="item of question.TypeValue.split('|')"
:key="item.trim()"
:label="item.trim()"
>
{{ item.trim() }}
</el-radio>
</el-radio-group>
<!-- 自动计算 -->
<!-- :precision="2" :step="0.1" :max="10" -->
<el-input
v-if="question.Type==='calculation'"
v-model="questionForm[question.Id]"
oninput="value=value.replace(/^\D*(\d*(?:.\d{0,2})?).*$/g, '$1')"
disabled
/>
<!-- 自增 -->
<el-input
v-if="question.Type==='increment'"
v-model="questionForm[question.Id]"
disabled
/>
<!-- 数值 -->
<!-- :precision="2" :step="0.1" :max="10" -->
<el-input
type="number"
v-if="question.Type === 'number' && question.DataSource !== 1"
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
@change="((val)=>{formItemNumberChange(val, question)})"
@blur="handleBlur(questionForm[question.Id], questionForm, question.Id)"
v-model="questionForm[question.Id]"
>
<template slot="append" v-if="question.Unit !== 0">{{question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit}}</template>
</el-input>
<el-input
type="number"
v-if="question.Type === 'number' && question.DataSource === 1"
:disabled="question.DataSource === 1"
@blur="handleCalculationBlur(calculationValue)"
v-model="calculationValue"
>
<template slot="append" v-if="question.Unit !== 0">{{question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit}}</template>
</el-input>
<!-- 上传图像 -->
<el-upload
v-if="question.Type==='upload'"
action
:accept="question.FileType"
:limit="question.ImageCount === 0 ? 100 : question.ImageCount"
:on-preview="handlePictureCardPreview"
:before-upload="handleBeforeUpload"
:http-request="uploadScreenshot"
list-type="picture-card"
:on-remove="handleRemove"
:file-list="fileList"
:class="{disabled: question.ImageCount === 0 ? false : fileList.length >= question.ImageCount}"
>
<i slot="default" class="el-icon-plus" />
<div slot="file" slot-scope="{file}">
<viewer
:ref="file.url"
:images="[imageUrl]"
style="
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
"
>
<img
class="el-upload-list__item-thumbnail"
:src="OSSclientConfig.basePath + file.url"
crossOrigin="anonymous"
alt=""
style="max-width: 100%; max-height: 100%"
/>
<span class="el-upload-list__item-actions">
<span
class="el-upload-list__item-preview"
@click="handlePictureCardPreview(file)"
>
<i class="el-icon-zoom-in" />
</span>
<span
v-if="readingTaskState < 2"
class="el-upload-list__item-delete"
@click="handleRemove(file)"
>
<i class="el-icon-delete" />
</span>
</span>
</viewer>
</div>
</el-upload>
<el-dialog
v-if="question.Type==='upload'"
append-to-body
:visible.sync="imgVisible"
width="600px"
>
<el-image :src="imageUrl" width="100%">
<div slot="placeholder" class="image-slot">
{{$t('trials:readingUnit:qsList:message:loading')}}<span class="dot">...</span>
</div>
</el-image>
</el-dialog>
</el-form-item>
</div>
</template>
<script>
export default {
name: 'QuestionTableFormItem',
props: {
isBaseline: {
type: Boolean,
required: true
},
questionForm: {
type: Object,
default() {
return {}
}
},
question: {
type: Object,
default() {
return []
}
},
criterionId: {
type: String,
required: true
},
calculationList: {
type: Array,
default() {
return []
}
},
readingTaskState: {
type: Number,
required: true
},
visitTaskId: {
type: String,
default: ''
},
type: {
type: String,
default: 'add'
}
},
computed: {
calculationValue: {
get() {
return this.questionForm[this.question.Id]
},
set() {
}
}
},
data() {
return {
addOrEdit: { visible: false, title: '' },
fileList: [],
accept: '.png,.jpg,.jpeg',
imgVisible: false,
imageUrl: '',
urls: [],
organList: [],
QuestionsList: [],
QuestionsForm: {},
digitPlaces: 2
}
},
watch: {
questionForm: {
deep: true,
immediate: true,
handler(v, oldv) {
// try {
// if (!v[this.question.Id] || !oldv[this.question.Id]) return
// } catch (e) {
// }
// this.formItemNumberChange(this.question.Id, false)
}
},
},
mounted() {
var digitPlaces = Number(localStorage.getItem('digitPlaces'))
this.digitPlaces = digitPlaces === -1 ? this.digitPlaces : digitPlaces
if (this.question.Type === 'upload') {
if (this.questionForm[this.question.Id]) {
this.urls = this.questionForm[this.question.Id].split('|')
this.fileList = []
this.urls.map(url => {
this.fileList.push({ name: '', url: `${url}` })
})
}
}
if (this.type === 'edit') return
},
methods: {
save() {
},
openAddTableCol(row) {
this.addOrEdit.visible = true
this.addOrEdit.title = row.QuestionName + this.$t('trials:readingUnit:qsList:title:tableQs')
this.QuestionsList = row.TableQuestions.Questions
this.AnswersList = row.TableQuestions.Answers
this.QuestionsForm = {}
},
formItemChange(v, question) {
if (question.Childrens && question.Childrens.length > 0) {
this.resetChild(question.Childrens)
}
if (question.TableQuestionType === 1 && question.RelationQuestions.length > 0) {
var index = this.organList.findIndex(item => item[question.DataTableColumn] === v)
if (index < 0) return
var selected = this.organList[index]
this.question.RelationQuestions.map(qs => {
var val = selected[qs.DataTableColumn]
// if (typeof val === 'boolean') {
// // val = String(val)
// }
this.$emit('setFormItemData', { key: qs.Id, val: val, question: qs })
})
} else {
this.$emit('setFormItemData', { key: question.Id, val: v, question: question })
}
},
handleBlur(value, a, b) {
this.$set(a, b, parseFloat(value).toFixed(this.digitPlaces))
},
handleCalculationBlur(v) {
this.calculationValue = parseFloat(v).toFixed(this.digitPlaces)
},
limitInput(value, q) {
if (value.indexOf('.') > -1) {
if (value.split('.')[1].length >= this.digitPlaces) {
this.$set(this.questionForm, q.Id, parseFloat(value).toFixed(this.digitPlaces))
}
} else {
}
},
logic(rules, num = 0) {
try {
if (rules.CalculateQuestionList.length === 0) {
return false
}
let dataArr = []
var count = 0
var maxList = [], minList = []
rules.CalculateQuestionList.forEach((o, i) => {
if (rules.CustomCalculateMark > 4 && rules.CustomCalculateMark < 10) {
if (i !== 0) {
switch (rules.CustomCalculateMark) {
case 7:
count += parseFloat(this.questionForm[o.TableQuestionId])
if (i === rules.CalculateQuestionList.length - 1) {
num = count / rules.CalculateQuestionList.length
}
break;
case 8:
maxList.push(this.questionForm[o.TableQuestionId])
if (i === rules.CalculateQuestionList.length - 1) {
num = Math.max(...maxList)
}
break;
case 9:
minList.push(this.questionForm[o.TableQuestionId])
if (i === rules.CalculateQuestionList.length - 1) {
num = Math.min(...minList)
}
break;
}
} else {
maxList.push(this.questionForm[o.TableQuestionId])
minList.push(this.questionForm[o.TableQuestionId])
count = parseFloat(this.questionForm[o.TableQuestionId])
num = parseFloat(this.questionForm[o.TableQuestionId])
dataArr.push(num)
}
} else {
if (i !== 0) {
switch (rules.CustomCalculateMark) {
case 1:
num += parseFloat(this.questionForm[o.TableQuestionId])
break;
case 2:
num -= parseFloat(this.questionForm[o.TableQuestionId])
break;
case 3:
num *= parseFloat(this.questionForm[o.TableQuestionId])
break;
case 4:
if (parseFloat(this.questionForm[o.TableQuestionId]) === 0) {
num = 0
} else {
num /= parseFloat(this.questionForm[o.TableQuestionId])
}
break;
case 10:
if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
dataArr.push(parseFloat(this.questionForm[o.TableQuestionId]))
}
num = dataArr.length === 0 ? 0 : dataArr.reduce((acc, curr) => {
return acc + (typeof curr === "number" ? curr : 0);
}, 0) / dataArr.length;
break;
case 11:
if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
dataArr.push(parseFloat(this.questionForm[o.TableQuestionId]))
}
num = Math.max(...dataArr);
break;
case 12:
if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
dataArr.push(parseFloat(this.questionForm[o.TableQuestionId]))
}
num = Math.min(...dataArr);
break;
}
} else {
num = parseFloat(this.questionForm[o.TableQuestionId])
}
}
})
} catch (e) {
console.log(e)
}
if (rules.ValueType === 2) {
num = num * 100
}
return num.toFixed(this.digitPlaces)
},
formItemNumberChange(v, question) {
this.$emit('formItemTableNumberChange', v, question)
// this.$emit('formItemTableNumberChange', v, question)
},
resetChild(obj) {
obj.forEach(i => {
this.$emit('resetFormItemData', i.Id)
if (i.Childrens && i.Childrens.length > 0) {
this.resetChild(i.Childrens)
}
})
},
resetFormItemData(v) {
this.$emit('resetFormItemData', v)
},
setFormItemData(obj) {
this.$emit('setFormItemData', obj)
},
async uploadScreenshot(param) {
if (!this.visitTaskId) return
const loading = this.$loading({
target: document.querySelector('.el-dialog'),
fullscreen: false,
lock: true,
text: 'Loading',
spinner: 'el-icon-loading'
})
var trialId = this.$route.query.trialId
var subjectId = this.$route.query.trialId
var file = await this.fileToBlob(param.file)
const res = await this.OSSclient.put(`/${trialId}/Read/${subjectId}/Visit/${param.file.name}`, file)
this.fileList.push({ name: param.file.name, path: this.$getObjectName(res.url), url: this.$getObjectName(res.url)})
this.urls.push(this.$getObjectName(res.url))
this.$emit('setFormItemData', { key:this.question.Id, val: this.urls.length > 0 ? this.urls.join('|') : '', question: this.question })
loading.close()
},
handleBeforeUpload(file) {
//
if (this.checkFileSuffix(file.name)) {
// this.fileList = []
return true
} else {
let msg = this.$t(
"trials:readingUnit:qsList:message:imageFormat"
).replace("xxx", this.question.FileType)
this.$alert(msg)
return false
}
},
checkFileSuffix(fileName) {
var index = fileName.lastIndexOf('.')
var suffix = fileName.substring(index + 1, fileName.length)
if (this.question.FileType.toLocaleLowerCase().search(suffix.toLocaleLowerCase()) === -1) {
return false
} else {
return true
}
},
//
handlePictureCardPreview(file) {
var suffix = file.url.substring(file.url.lastIndexOf(".")+1)
suffix = suffix ? suffix.toLowerCase() : ''
if (suffix === 'doc' || suffix === 'docx' || suffix === 'pdf'){
window.open(this.OSSclientConfig.basePath + file.url,'_blank')
}else{
this.imageUrl = this.OSSclientConfig.basePath + file.url
// this.imgVisible = true
this.$refs[file.url].$viewer.show()
}
},
//
handleRemove(file, fileList) {
this.imageUrl = ''
this.fileList.splice(this.fileList.findIndex(f => f.url === file.url), 1)
this.urls.splice(this.fileList.findIndex(f => f === file.url), 1)
this.$emit('setFormItemData', { key:this.question.Id, val: this.urls.length > 0 ? this.urls.join('|') : '', question: this.question })
}
}
}
</script>
<style lang="scss" scoped>
.my_dialog{
.criterion-form-item{
::v-deep .el-form-item__content{
width: auto;
}
}
}
.criterion-form-item{
.el-form-item{
display: flex;
flex-direction: row;
align-items: flex-start;
}
::v-deep .el-form-item__content{
width: 500px;
}
.el-input{
width:100%;
}
.mb{
margin-bottom: 0px;
}
.disabled{
::v-deep .el-upload--picture-card {
display: none;
}
}
.uploadWrapper{
display: flex;
flex-direction: column;
align-items: flex-start;
}
}
</style>
@@ -396,7 +396,7 @@ export default {
if (v.Type === 'number') { if (v.Type === 'number') {
let val = null let val = null
if (v.ValueType === 0) { if (v.ValueType === 0) {
val = parseInt(v.Answers[this.visitTaskId]) val = isNaN(parseFloat(v.Answers[this.visitTaskId])) ? v.Answers[this.visitTaskId] : parseInt(v.Answers[this.visitTaskId])
} else if (v.ValueType === 3) { } else if (v.ValueType === 3) {
val = v.Answers[this.visitTaskId] val = v.Answers[this.visitTaskId]
} else { } else {
@@ -422,7 +422,7 @@ export default {
if (i.Type === 'number') { if (i.Type === 'number') {
let val = null let val = null
if (i.ValueType === 0) { if (i.ValueType === 0) {
val = parseInt(i.Answers[this.visitTaskId]) val = isNaN(parseFloat(i.Answers[this.visitTaskId])) ? i.Answers[this.visitTaskId] : parseInt(i.Answers[this.visitTaskId])
} else if (i.ValueType === 3) { } else if (i.ValueType === 3) {
val = i.Answers[this.visitTaskId] val = i.Answers[this.visitTaskId]
} else { } else {
@@ -561,7 +561,7 @@ export default {
if (item.Type === 'number') { if (item.Type === 'number') {
let val = null let val = null
if (item.ValueType === 0) { if (item.ValueType === 0) {
val = parseInt(i.Answer) val = isNaN(parseFloat(i.Answer)) ? i.Answer : parseInt(i.Answer)
} else if (item.ValueType === 3) { } else if (item.ValueType === 3) {
val = i.Answer val = i.Answer
} else { } else {
@@ -30,6 +30,7 @@
type="primary" type="primary"
size="small" size="small"
@click="skipTask" @click="skipTask"
v-if="!isView"
> >
<!-- 跳过 --> <!-- 跳过 -->
{{ $t('trials:readingReport:button:skip') }} {{ $t('trials:readingReport:button:skip') }}
@@ -337,6 +338,11 @@ export default {
// } // }
// } // }
// }, // },
computed:{
isView(){
return !this.hasPermi(['role:ir'])
}
},
mounted() { mounted() {
this.getList() this.getList()
if (this.isReadingShowPreviousResults) { if (this.isReadingShowPreviousResults) {
@@ -0,0 +1,433 @@
<template>
<BaseContainer style="padding: 20px;">
<template slot="title-container">
<div class="title">
{{ $t('trials:readOrder:title') }}
</div>
</template>
<template slot="search-container">
<el-form :inline="true">
<!-- 是否加急 -->
<el-form-item style="margin-bottom: 10px" :label="$t('trials:readOrder:table:isUrgent')">
<el-select v-model="searchData.IsUrgent" clearable style="width: 120px">
<el-option v-for="item of $d.YesOrNo" :key="'IsUrgent' + item.label" :value="item.value"
:label="item.label" />
</el-select>
</el-form-item>
<!-- 临床数据是否完备 -->
<el-form-item style="margin-bottom: 10px"
:label="$t('trials:readOrder:table:completeClinicalDataEnum')">
<el-select v-model="searchData.CompleteClinicalDataEnum" clearable style="width: 120px">
<el-option v-for="item of $d.CompleteClinicalDataEnum"
:key="'CompleteClinicalDataEnum' + item.label" :value="item.value" :label="item.label" />
</el-select>
</el-form-item>
<!-- 中心编号 -->
<el-form-item :label="$t('trials:readOrder:table:siteCode')">
<el-select v-model="searchData.TrialSiteId" clearable filterable style="width: 120px">
<el-option v-for="(item, index) of siteOptions" :key="index" :label="item.TrialSiteCode"
:value="item.TrialSiteId" />
</el-select>
</el-form-item>
<!-- 受试者编号 -->
<el-form-item :label="$t('trials:readOrder:table:subjectCode')">
<el-input v-model="searchData.SubjectCode" style="width: 100px" />
</el-form-item>
<!-- 任务名称 -->
<el-form-item style="margin-bottom: 10px" :label="$t('trials:readOrder:table:taskName')">
<el-input v-model="searchData.TaskName" style="width: 100px" clearable />
</el-form-item>
<!-- 阅片人 -->
<el-form-item style="margin-bottom: 10px" :label="$t('trials:readOrder:table:reader')">
<el-select v-model="searchData.DoctorUserId" style="width: 120px">
<el-option v-for="item of DoctorUserList" :key="'DoctorUserId' + item.DoctorUserId"
:value="item.DoctorUserId" :label="`${item.UserName}(${item.FullName})`" />
</el-select>
</el-form-item>
<!-- 阅片标准 -->
<el-form-item style="margin-bottom: 10px" :label="$t('trials:readOrder:table:criterionName')">
<el-select v-model="searchData.TrialReadingCriterionId" style="width: 120px">
<el-option v-for="item of trialCriterionList"
:key="'TrialReadingCriterionId' + item.TrialReadingCriterionId"
:value="item.TrialReadingCriterionId" :label="item.TrialReadingCriterionName" />
</el-select>
</el-form-item>
<!-- 分配时间 -->
<el-form-item style="margin-bottom: 10px" :label="$t('trials:readOrder:table:assignTime')">
<el-date-picker v-model="timeList" value-format="yyyy-MM-dd HH:mm:ss" type="datetimerange"
:default-time="['00:00:00', '23:59:59']" @change="changeTimeList" />
</el-form-item>
<el-form-item style="margin-bottom: 10px">
<el-button type="primary" icon="el-icon-search" @click="handleSearch">
{{ $t('common:button:search') }}
</el-button>
<el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
{{ $t('common:button:reset') }}
</el-button>
<!--导出-->
<el-button type="primary" icon="el-icon-download" @click="handleExport">
{{ $t('common:button:export') }}
</el-button>
<!-- 随机排序 -->
<el-button type="primary" @click="randomOrder"
:disabled="!searchData.TrialReadingCriterionId || !searchData.DoctorUserId" v-if="!isAdmin">
{{ $t('trials:readingTracking:button:order') }}
</el-button>
</el-form-item>
</el-form>
</template>
<template slot="main-container">
<el-table v-adaptive="{ bottomOffset: 60 }" v-loading="loading" :data="list" stripe height="100"
@sort-change="handleSortChange">
<!-- 是否加急 -->
<el-table-column prop="IsUrgent" :label="$t('trials:readOrder:table:isUrgent')" min-width="120"
sortable="custom" align="center" style="position: relative">
<template slot-scope="scope">
<el-tooltip placement="top">
<div slot="content">
<span>{{
`${$t('trials:readOrder:label:taskUrgentType')}${$fd(
'TaskUrgentType',
scope.row.TaskUrgentType
)}`
}}</span><br />
<span>{{
scope.row.TaskUrgentRemake
? `${$t('trials:readOrder:label:taskUrgentRemake')}${scope.row.TaskUrgentRemake
}`
: ''
}}</span>
</div>
<div>
<el-button :disabled="!(
!scope.row.TaskState &&
(scope.row.ReadingTaskState === 0 ||
scope.row.ReadingTaskState === 1)
) || !scope.row.IsCanEditUrgentState
" v-if="scope.row.IsUrgent" type="danger" size="mini">{{
$fd('YesOrNo', scope.row.IsUrgent) }}</el-button>
</div>
</el-tooltip>
<el-button :disabled="!(
!scope.row.TaskState &&
(scope.row.ReadingTaskState === 0 ||
scope.row.ReadingTaskState === 1)
) || !scope.row.IsCanEditUrgentState
" v-if="!scope.row.IsUrgent" type="primary" size="mini">{{
$fd('YesOrNo', scope.row.IsUrgent) }}</el-button>
</template>
</el-table-column>
<!-- 临床数据是否完备 -->
<el-table-column prop="CompleteClinicalDataEnum"
:label="$t('trials:readOrder:table:completeClinicalDataEnum')" min-width="160"
show-overflow-tooltip>
<template slot-scope="scope">
<span v-if="scope.row.CompleteClinicalDataEnum === -1">
{{
$fd(
'CompleteClinicalDataEnum',
scope.row.CompleteClinicalDataEnum
)
}}
</span>
<el-button type="text" v-else>
{{
$fd(
'CompleteClinicalDataEnum',
scope.row.CompleteClinicalDataEnum
)
}}
</el-button>
</template>
</el-table-column>
<!-- 中心编号 -->
<el-table-column prop="TrialSiteCode" :label="$t('trials:readOrder:table:siteCode')" min-width="100"
sortable="custom" show-overflow-tooltip />
<!-- 受试者编号 -->
<el-table-column prop="SubjectCode" :label="$t('trials:readOrder:table:subjectCode')" min-width="120"
sortable="custom" show-overflow-tooltip>
<template slot-scope="scope">
<span v-if="
scope.row.BlindSubjectCode &&
scope.row.BlindSubjectCode !== scope.row.SubjectCode
">
{{ `${scope.row.SubjectCode}/${scope.row.BlindSubjectCode}` }}
</span>
<span v-else>{{ scope.row.SubjectCode }}</span>
</template>
</el-table-column>
<!-- 任务名称 -->
<el-table-column prop="VisitTaskNum" :label="$t('trials:readOrder:table:taskName')" min-width="140"
sortable="custom" show-overflow-tooltip>
<template slot-scope="scope">
<span v-if="
scope.row.TaskBlindName &&
scope.row.TaskName !== scope.row.TaskBlindName
">
{{ `${scope.row.TaskName}/${scope.row.TaskBlindName}` }}
</span>
<span v-else>{{ scope.row.TaskName }}</span>
</template>
</el-table-column>
<!-- 阅片人 -->
<el-table-column prop="UserName" :label="$t('trials:readOrder:table:reader')" min-width="130"
sortable="custom" show-overflow-tooltip>
<template v-if="scope.row.UserName" slot-scope="scope">
<span>{{ scope.row.UserName }}({{ scope.row.FullName }})</span>
</template>
</el-table-column>
<!-- 阅片标准 -->
<el-table-column prop="TrialReadingCriterionName" :label="$t('trials:readOrder:table:criterionName')"
min-width="180" sortable="custom" show-overflow-tooltip />
<!-- 分配时间 -->
<el-table-column prop="AllocateTime" :label="$t('trials:readOrder:table:assignTime')" min-width="180"
sortable="custom" show-overflow-tooltip />
<!-- 阅片序号 -->
<el-table-column prop="RandomOrder" :label="$t('trials:readOrder:table:randomOrder')" min-width="180"
sortable="custom" show-overflow-tooltip>
<template slot-scope="scope">
<el-input-number v-model="scope.row.RandomOrder"
@change="(value, old) => handleChange(scope.row, value, old)" :min="0" style="width: 150px;"
v-if="scope.row.ReadingTaskState !== 1 && !isAdmin"></el-input-number>
<span v-else>{{ scope.row.RandomOrder }}</span>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize"
@pagination="getList" />
</template>
</BaseContainer>
</template>
<script>
import { getTrialSiteSelect } from '@/api/trials'
import {
getTrialCriterionList,
getReadingTaskList,
getDoctorUserSelectList,
setRandomTaskOrder
} from '@/api/trials/reading'
import { getReadingTaskList_Export } from '@/api/export'
import BaseContainer from '@/components/BaseContainer'
import Pagination from '@/components/Pagination'
const searchDataDefault = () => {
return {
PageIndex: 1,
PageSize: 20,
Asc: true,
SortField: 'RandomOrder',
TrialId: null,
TrialSiteId: null,
SubjectId: null,
SubjectCode: null,
IsUrgent: null,
TaskName: null,
TaskState: null,
DoctorUserId: null,
ReadingCategory: null,
TaskAllocationState: null,
BeginAllocateDate: null,
EndAllocateDate: null,
ReadingTaskState: null,
CompleteClinicalDataEnum: null,
BeginSignTime: null,
EndSignTime: null,
IsEffect: true,
TrialReadingCriterionId: null,
IsRandomOrderList: true
// ArmEnum: null
}
}
export default {
name: 'ReadOrder',
components: {
BaseContainer,
Pagination,
},
data() {
return {
searchData: searchDataDefault(),
exportVisible: false,
list: [],
siteOptions: [],
total: 0,
SubjectAssignListTotal: 0,
loading: false,
trialCriterionList: [],
DoctorUserList: [],
timeList: []
}
},
created() {
if (!this.hasPermi(['role:pm', 'role:apm', 'role:admin'])) return this.$router.replace("/login")
},
computed: {
isAdmin() {
return !!this.hasPermi(['role:admin'])
}
},
mounted() {
this.getSite()
Promise.all([this.getDoctorUserSelectList(), this.getTrialCriterionList()]).then(() => {
this.getList()
})
},
beforeDestroy() {
if (this.openWindow) {
this.openWindow.close()
}
},
methods: {
//
async handleChange(row, value, old) {
try {
if (!this.searchData.DoctorUserId || !this.searchData.TrialReadingCriterionId) return false
if (!value) throw this.$t('trials:readOrder:message:min1')
let data = {
TrialId: this.$route.query.trialId,
TrialReadingCriterionId: this.searchData.TrialReadingCriterionId,
DoctorUserId: this.searchData.DoctorUserId,
IsAutoSet: false,
SetList: [
{ Id: row.Id, RandomOrder: value }
]
}
this.loading = true;
let res = await setRandomTaskOrder(data)
this.loading = false
if (res.IsSuccess) {
this.getList()
} else {
row.RandomOrder = old
}
} catch (err) {
row.RandomOrder = old
console.log(err)
this.$message.warning(err)
this.getList()
this.loading = false
}
},
//
async randomOrder() {
try {
if (!this.searchData.DoctorUserId || !this.searchData.TrialReadingCriterionId) return false
let data = {
TrialId: this.$route.query.trialId,
TrialReadingCriterionId: this.searchData.TrialReadingCriterionId,
DoctorUserId: this.searchData.DoctorUserId,
IsAutoSet: true,
SetList: []
}
this.loading = true;
let res = await setRandomTaskOrder(data)
this.loading = false
if (res.IsSuccess) {
this.getList()
}
} catch (err) {
console.log(err)
this.loading = false
}
},
async handleExport() {
this.loading = true
try {
await getReadingTaskList_Export(this.searchData)
this.loading = false
} catch (e) {
this.loading = false
}
},
getTrialCriterionList() {
return new Promise((resolve, reject) => {
getTrialCriterionList(this.$route.query.trialId, true)
.then((res) => {
this.trialCriterionList = res.Result
if (this.trialCriterionList.length > 0) {
this.searchData.TrialReadingCriterionId = this.trialCriterionList[0].TrialReadingCriterionId
}
resolve()
})
.catch(() => { reject() })
})
},
getDoctorUserSelectList() {
return new Promise((resolve, reject) => {
getDoctorUserSelectList(this.$route.query.trialId).then((res) => {
this.DoctorUserList = res.Result
if (this.DoctorUserList.length > 0) {
this.searchData.DoctorUserId = this.DoctorUserList[0].DoctorUserId
}
resolve()
}).catch(() => { reject() })
})
},
getList() {
if (!this.searchData.DoctorUserId || !this.searchData.TrialReadingCriterionId) return false
this.searchData.TrialId = this.$route.query.trialId
this.loading = true
getReadingTaskList(this.searchData)
.then((res) => {
this.loading = false
this.list = []
this.$nextTick(() => {
this.list = res.Result.CurrentPageData
this.total = res.Result.TotalCount
})
})
.catch(() => {
this.loading = false
})
},
handleSearch() {
this.searchData.PageIndex = 1
this.getList()
},
handleReset() {
let TrialReadingCriterionId = this.searchData.TrialReadingCriterionId
let DoctorUserId = this.searchData.DoctorUserId
this.searchData = searchDataDefault()
this.searchData.DoctorUserId = DoctorUserId
this.searchData.TrialReadingCriterionId = TrialReadingCriterionId
this.timeList = []
this.getList()
},
getSite() {
getTrialSiteSelect(this.$route.query.trialId).then((res) => {
this.siteOptions = res.Result
})
},
changeTimeList() {
if (this.timeList) {
this.searchData.BeginAllocateDate = this.timeList[0]
this.searchData.EndAllocateDate = this.timeList[1]
} else {
this.searchData.BeginAllocateDate = null
this.searchData.EndAllocateDate = null
}
},
//
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>
.title {
line-height: 40px;
font-weight: bold;
margin-bottom: 10px;
}
</style>
@@ -45,7 +45,7 @@
<el-input <el-input
v-model="scope.row.CDISCCode" v-model="scope.row.CDISCCode"
size="mini" size="mini"
:disabled="scope.row.HasChildren || (scope.row.IsTableQuestion && exportInfo.CriterionType !== 0)" :disabled="scope.row.HasChildren || scope.row.IsTableQuestion"
v-show="!scope.row.IsGroup || !scope.row.HasChildren" v-show="!scope.row.IsGroup || !scope.row.HasChildren"
> >
</el-input> </el-input>
@@ -68,7 +68,7 @@ export default {
data() { data() {
return { return {
loading: false, loading: false,
exportInfo: {} exportInfo: []
} }
}, },
mounted() { mounted() {
@@ -152,8 +152,7 @@ export default {
} else if ((this.exportInfo.CriterionGroup === 0 || this.exportInfo.CriterionType === 0 ) && item.Code === 1 && (row.HasChildren || row.IsTableQuestion)) { } else if ((this.exportInfo.CriterionGroup === 0 || this.exportInfo.CriterionType === 0 ) && item.Code === 1 && (row.HasChildren || row.IsTableQuestion)) {
// (1) // (1)
return true return true
} else if (item.Code === 8 && (row.HasChildren || (row.IsTableQuestion && this.exportInfo.CriterionType !== 0))) { } else if (item.Code === 8 && (row.HasChildren || row.IsTableQuestion)) {
// else if (item.Code === 8 && (row.HasChildren || row.IsTableQuestion))
// CDISC // CDISC
return true return true
} else if (item.Code === 2 && row.HasChildren) { } else if (item.Code === 2 && row.HasChildren) {
@@ -1,194 +0,0 @@
<template>
<BoxContent style="min-height: 100%; background: #fff">
<div class="inspection-content" v-loading="loading">
<!-- <div class="top">
<span class="title">{{ this.$t("trials:setting:inspection:module") }}</span>
<span>{{ this.$t("trials:setting:inspection:optName") }}</span>
</div> -->
<el-tree :data="tree" show-checkbox node-key="id" :expand-on-click-node="false" ref="tree">
<span class="custom-tree-node" slot-scope="{ node }">
<span>{{ node.label }}</span>
<!-- <span>
{{ node.data.optName }}
</span> -->
</span>
</el-tree>
</div>
<div class="btnBox">
<el-button @click.stop="getCheckedNodes" type="primary"
v-if="hasPermi(['trials:setting:inspection:update'])" class="btn">
{{ $t('common:button:save') }}
</el-button>
</div>
</BoxContent>
</template>
<script>
import BoxContent from '@/components/BoxContent'
import {
getTrialShowInspection,
setTrialShowInspection
} from '@/api/trials'
export default {
components: { BoxContent },
data() {
return {
loading: false,
tree: [
{
id: 1,
label: this.$t("trials:setting:inspection:module"),
optName: this.$t("trials:setting:inspection:optName"),
}
],
list: []
}
},
created() {
this.getTree()
},
computed: {
isEN() {
return this.$i18n.locale !== 'zh'
}
},
methods: {
async getCheckedNodes() {
try {
this.loading = true
let ids = this.$refs.tree.getCheckedKeys()
let list = []
this.list.forEach(item => {
let obj = {
FrontAuditConfigId: item.FrontAuditConfigId,
isShow: false
}
if (ids.includes(item.FrontAuditConfigId)) {
obj.isShow = true
}
list.push(obj)
})
let data = {
TrialId: this.$route.query.trialId,
TrialShowInspectionList: list
}
let res = await setTrialShowInspection(data)
if (res.IsSuccess) {
this.getTree()
}
} catch (err) {
console.log(err)
}
},
async getTree() {
try {
let data = {
TrialId: this.$route.query.trialId
}
this.loading = true
let res = await getTrialShowInspection(data);
this.loading = false
if (res.IsSuccess) {
this.list = this.formatList(res.Result)
let { tree, ids } = this.formatTree(res.Result);
console.log(ids)
this.tree = tree
if (ids.length > 0) {
this.$nextTick(() => {
this.$refs.tree.setCheckedKeys(ids)
})
}
}
} catch (err) {
this.loading = false
console.log(err)
}
},
formatTree(list) {
let tree = [], ids = []
list.forEach(item => {
let obj = {
id: item.FrontAuditConfigId,
label: this.isEN ? item.Description : item.DescriptionCN
}
if (item.IsShow) {
ids.push(item.FrontAuditConfigId)
}
if (item.Children && item.Children.length > 0) {
obj.children = []
item.Children.forEach(it => {
let o = {
id: it.FrontAuditConfigId,
label: this.isEN ? it.Description : it.DescriptionCN
}
if (it.IsShow) {
ids.push(it.FrontAuditConfigId)
}
obj.children.push(o)
})
}
tree.push(obj)
})
return { tree, ids }
},
formatList(list) {
let arr = []
list.forEach(item => {
let obj = {
FrontAuditConfigId: item.FrontAuditConfigId,
ParentId: item.ParentId
}
arr.push(obj)
if (item.Children && item.Children.length > 0) {
item.Children.forEach(it => {
let o = {
FrontAuditConfigId: it.FrontAuditConfigId,
ParentId: it.ParentId
}
arr.push(o)
})
}
})
return arr;
}
}
}
</script>
<style lang="scss" scoped>
.inspection-content {
width: 40%;
min-height: 500px;
.top {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px;
padding-top: 20px;
.title {
width: 70%;
}
span {
display: inline-block;
}
}
.custom-tree-node {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px 0 0;
}
}
.btnBox {
width: 40%;
padding: 0 20px 20px;
display: flex;
align-items: center;
justify-content: flex-end;
}
</style>
@@ -738,7 +738,7 @@ export default {
}, },
handleIsDeletedChanged(val) { handleIsDeletedChanged(val) {
if (val) { if (val) {
// this.statusForm.joinTime = '' this.statusForm.joinTime = ''
} else { } else {
this.statusForm.removeTime = '' this.statusForm.removeTime = ''
} }
@@ -727,19 +727,6 @@
}} }}
</div> </div>
</div> </div>
<!-- 影像标记 -->
<el-form-item
v-if="form.Type === 'number' && !isFromSystem"
:label="$t('trials:readingUnit:qsList:title:imageMarkEnum')"
prop="ImageMarkEnum"
>
<el-radio-group
v-model="form.ImageMarkEnum"
:disabled="form.IsRequired === 0"
>
<el-radio v-for="item of $d.ImageMark" :key="item.id" :label="item.value" :disabled="form.IsRequired === 2 && item.value === 1">{{ item.label }}</el-radio>
</el-radio-group>
</el-form-item>
<!-- 最大上传个数 --> <!-- 最大上传个数 -->
<el-form-item <el-form-item
v-if="form.Type === 'upload'" v-if="form.Type === 'upload'"
@@ -1084,8 +1071,7 @@ export default {
ExportResult: [], ExportResult: [],
ClassifyType: null, ClassifyType: null,
ClassifyEditType: null, ClassifyEditType: null,
ClassifyShowType: null, ClassifyShowType: null
ImageMarkEnum: 0
// IsEnable: true // IsEnable: true
}, },
rules: { rules: {
@@ -1470,12 +1456,6 @@ export default {
form.RelevanceId = '' form.RelevanceId = ''
form.RelevanceValueList = [] form.RelevanceValueList = []
} }
if (val === 0 && form.Type === 'number' && !this.isFromSystem) {
form.ImageMarkEnum = 1
}
if (val === 2 && form.Type === 'number' && !this.isFromSystem) {
form.ImageMarkEnum = 0
}
}, },
parentQuestionChange(val, form) { parentQuestionChange(val, form) {
console.log(val) console.log(val)
@@ -1570,7 +1550,6 @@ export default {
form.ExportResult = [] form.ExportResult = []
form.ClassifyType = null form.ClassifyType = null
form.ClassifyShowType = null form.ClassifyShowType = null
form.ImageMarkEnum = 0
}, },
getLesionType() { getLesionType() {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
@@ -429,22 +429,6 @@
<i class="el-icon-info" />{{ [1, 2, 3, 4].includes(form.CustomCalculateMark) ? $t('trials:readingUnit:qsList:message:msg1') : $t('trials:readingUnit:qsList:message:msg2') }} <i class="el-icon-info" />{{ [1, 2, 3, 4].includes(form.CustomCalculateMark) ? $t('trials:readingUnit:qsList:message:msg1') : $t('trials:readingUnit:qsList:message:msg2') }}
</div> </div>
</div> </div>
<!-- 影像标记 -->
<el-form-item
v-if="form.Type === 'number' && !isFromSystem"
:label="$t('trials:readingUnit:qsList:title:imageMarkEnum')"
prop="ImageMarkEnum"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:select')}
]"
>
<el-radio-group
v-model="form.ImageMarkEnum"
:disabled="form.IsRequired === 0"
>
<el-radio v-for="item of $d.ImageMark" :key="item.id" :label="item.value" :disabled="form.IsRequired === 2 && item.value === 1">{{ item.label }}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item <el-form-item
v-if="(form.Type === 'select' || form.Type === 'radio' || form.Type === 'input') && isFromSystem" v-if="(form.Type === 'select' || form.Type === 'radio' || form.Type === 'input') && isFromSystem"
:label="$t('trials:readingUnit:label:QuestionGenre')" :label="$t('trials:readingUnit:label:QuestionGenre')"
@@ -912,7 +896,6 @@ export default {
ClassifyType: null, ClassifyType: null,
ClassifyEditType: null, ClassifyEditType: null,
ClassifyShowType: null, ClassifyShowType: null,
ImageMarkEnum: 0
// IsEnable: true // IsEnable: true
}, },
rules: { rules: {
@@ -1280,12 +1263,6 @@ export default {
form.RelevanceId = '' form.RelevanceId = ''
form.RelevanceValueList = [] form.RelevanceValueList = []
} }
if (val === 0 && form.Type === 'number' && !this.isFromSystem) {
form.ImageMarkEnum = 1
}
if (val === 2 && form.Type === 'number' && !this.isFromSystem) {
form.ImageMarkEnum = 0
}
}, },
async parentQuestionChange(val, form) { async parentQuestionChange(val, form) {
if (val) { if (val) {
@@ -1395,7 +1372,6 @@ export default {
form.ImageCount = 0 form.ImageCount = 0
form.ClassifyType = null form.ClassifyType = null
form.ClassifyShowType = null form.ClassifyShowType = null
form.ImageMarkEnum = 0
}, },
close() { close() {
this.$emit('close') this.$emit('close')
@@ -1018,28 +1018,34 @@ export default {
return return
} }
if (v.DataType === 'ImageList') { if (v.DataType === 'ImageList') {
if (obj[v.Code] && obj[v.Code].length > 0) { // if (obj[v.Code] && obj[v.Code].length > 0) {
if (obj[v.Code]) {
obj[v.Code] = obj[v.Code].filter(s => s && s.trim())
// obj[v.Code].forEach((o,i) => { // obj[v.Code].forEach((o,i) => {
// var uo = upObj && upObj.length > 0 ? upObj[v.Code][i] : 0 // var uo = upObj && upObj.length > 0 ? upObj[v.Code][i] : 0
if (row.OptType === 'Add' || row.OptType === 'Init') { if (row.OptType === 'Add' || row.OptType === 'Init') {
item = { item = {
key: v.Code, key: v.Code,
Enum: this.$i18n.locale === 'zh' ? v.ValueCN : v.Value, Enum: this.$i18n.locale === 'zh' ? v.ValueCN : v.Value,
newValue: obj[v.Code] ? obj[v.Code] : '--', // newValue: obj[v.Code] ? obj[v.Code] : '--',
newValue: obj[v.Code] && obj[v.Code].length > 0 ? obj[v.Code] : '--',
oldValue: '' oldValue: ''
} }
} else if (row.OptType === 'Delete') { } else if (row.OptType === 'Delete') {
item = { item = {
key: v.Code, key: v.Code,
Enum: this.$i18n.locale === 'zh' ? v.ValueCN : v.Value, Enum: this.$i18n.locale === 'zh' ? v.ValueCN : v.Value,
oldValue: obj[v.Code] ? obj[v.Code] : '--', // oldValue: obj[v.Code] ? obj[v.Code] : '--',
oldValue: obj[v.Code] && obj[v.Code].length > 0 ? obj[v.Code] : '--',
newValue: '--' newValue: '--'
} }
} else { } else {
item = { item = {
key: v.Code, key: v.Code,
Enum: this.$i18n.locale === 'zh' ? v.ValueCN : v.Value, Enum: this.$i18n.locale === 'zh' ? v.ValueCN : v.Value,
newValue: obj[v.Code] ? obj[v.Code] : '--', // newValue: obj[v.Code] ? obj[v.Code] : '--',
newValue: obj[v.Code] && obj[v.Code].length > 0 ? obj[v.Code] : '--',
oldValue: upObj[v.Code].length > 0 ? upObj[v.Code] : '--' oldValue: upObj[v.Code].length > 0 ? upObj[v.Code] : '--'
} }
} }
@@ -1082,14 +1088,17 @@ export default {
} }
if (v.DataType === 'Router') { if (v.DataType === 'Router') {
item = { item = {
oldValue: v.UrlConfig.IsHaveParameters ? v.UrlConfig.RoutePath + '?' + // oldValue: v.UrlConfig.IsHaveParameters ? v.UrlConfig.RoutePath + '?' +
v.UrlConfig.ParameterList.map((v) => { // v.UrlConfig.ParameterList.map((v) => {
let a = obj[v.UrlParameterValueName] ? obj[v.UrlParameterValueName] : parentRow[v.UrlParameterValueName] // let a = obj[v.UrlParameterValueName] ? obj[v.UrlParameterValueName] : parentRow[v.UrlParameterValueName]
if (v.UrlParameterValueName === 'token') { // if (v.UrlParameterValueName === 'token') {
a = getToken() // a = getToken()
} // }
return v.UrlParameterName + '=' + a + '&' // return v.UrlParameterName + '=' + a + '&'
}).toString().replaceAll(',', '')+'&'+'lang='+this.$i18n.locale +'&'+ 'zh='+this.$i18n.locale : v.UrlConfig.RoutePath, // }).toString().replaceAll(',', '')+'&'+'lang='+this.$i18n.locale +'&'+ 'zh='+this.$i18n.locale : v.UrlConfig.RoutePath,
// 25/06/13
oldValue: '--',
newValue: v.UrlConfig.IsHaveParameters ? v.UrlConfig.RoutePath + '?' + newValue: v.UrlConfig.IsHaveParameters ? v.UrlConfig.RoutePath + '?' +
v.UrlConfig.ParameterList.map((v) => { v.UrlConfig.ParameterList.map((v) => {
let a = obj[v.UrlParameterValueName] ? obj[v.UrlParameterValueName] : parentRow[v.UrlParameterValueName] let a = obj[v.UrlParameterValueName] ? obj[v.UrlParameterValueName] : parentRow[v.UrlParameterValueName]
@@ -952,19 +952,19 @@ export default {
) { ) {
++instanceIndex ++instanceIndex
} }
if (instanceIndex >= fileList.length) { // if (instanceIndex >= fileList.length) {
fileList.push({ // fileList.push({
instanceUid: instanceUid, // instanceUid: instanceUid,
file: file, // file: file,
}) // })
} // }
scope.uploadQueues[studyIndex].dicomInfo.fileCount = fileList.length // scope.uploadQueues[studyIndex].dicomInfo.fileCount = fileList.length
scope.uploadQueues[studyIndex].dicomInfo.fileSize = fileList.reduce( // scope.uploadQueues[studyIndex].dicomInfo.fileSize = fileList.reduce(
(prev, next) => { // (prev, next) => {
return prev + next.file.size // return prev + next.file.size
}, // },
0 // 0
) // )
var seriesUid = data.string('x0020000e') var seriesUid = data.string('x0020000e')
var seriesList = scope.uploadQueues[studyIndex].seriesList var seriesList = scope.uploadQueues[studyIndex].seriesList
@@ -1065,6 +1065,19 @@ export default {
} }
instanceList.push(instanceItem) instanceList.push(instanceItem)
} }
if (instanceIndex >= fileList.length) {
fileList.push({
instanceUid: instanceUid,
file: file,
})
}
scope.uploadQueues[studyIndex].dicomInfo.fileCount = fileList.length
scope.uploadQueues[studyIndex].dicomInfo.fileSize = fileList.reduce(
(prev, next) => {
return prev + next.file.size
},
0
)
resolve() resolve()
} catch (error) { } catch (error) {
console.log(error) console.log(error)