Compare commits
No commits in common. "38eef44d79195016aacd80b0f1e27de5a595e0fa" and "553014be791e7d01b98600d131bf34ae58dd86bf" have entirely different histories.
38eef44d79
...
553014be79
|
|
@ -94,10 +94,6 @@
|
|||
{{ $t('login:button:forgetPassword') }}
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="PrivacyPolicy">
|
||||
<span>{{ $t('login:message:PrivacyPolicy') }}</span>
|
||||
<span style="cursor: pointer;color:#428bca">《{{ $t('login:message:PrivacyPolicyName') }}》</span>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -265,7 +265,7 @@ export default {
|
|||
...mapGetters(['language']),
|
||||
isBaseline() {
|
||||
var i = this.visitTaskList.findIndex(i => i.VisitTaskId === this.visitTaskId)
|
||||
return this.visitTaskList[i] ? this.visitTaskList[i].IsBaseLine : false
|
||||
return this.visitTaskList[i].IsBaseLine
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
|
|
|
|||
|
|
@ -260,9 +260,9 @@ export default {
|
|||
this.defaultWindowLevel.windowCenter = windowCenter
|
||||
this.imageInfo.wwwc = `${Math.round(windowWidth)}/${Math.round(windowCenter)}`
|
||||
}
|
||||
const toolGroupId = this.viewportId
|
||||
const toolGroup = cornerstoneTools.ToolGroupManager.getToolGroup(toolGroupId)
|
||||
toolGroup.setToolEnabled('ScaleOverlay')
|
||||
// const toolGroupId = `viewport-${this.viewportIndex}`
|
||||
// const toolGroup = ToolGroupManager.getToolGroup(toolGroupId)
|
||||
// toolGroup.setToolEnabled('ScaleOverlay')
|
||||
}
|
||||
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,21 +1,40 @@
|
|||
<template>
|
||||
<div v-loading="loading" :element-loading-text="loadingText" element-loading-spinner="el-icon-loading"
|
||||
element-loading-background="rgba(0, 0, 0, 0.8)" class="read-page-container">
|
||||
<div
|
||||
v-loading="loading"
|
||||
: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="task-container">
|
||||
<div class="task-info">
|
||||
<div v-for="(s, index) in visitTaskList" :key="s.VisitTaskId" class="task-item"
|
||||
:class="{ 'task-item-active': activeTaskId == s.VisitTaskId }" @click.prevent="toggleTask(s, index)">{{
|
||||
s.TaskBlindName }}</div>
|
||||
<div
|
||||
v-for="(s, index) in visitTaskList"
|
||||
:key="s.VisitTaskId"
|
||||
class="task-item"
|
||||
:class="{'task-item-active': activeTaskId==s.VisitTaskId}"
|
||||
|
||||
@click.prevent="toggleTask(s, index)"
|
||||
>{{ s.TaskBlindName }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-loading="sLoading" class="study-info">
|
||||
<div v-for="s in visitTaskList" v-show="activeTaskId === s.VisitTaskId" :key="s.VisitTaskId"
|
||||
style="height:100%;">
|
||||
<study-list v-if="selectArr.includes(s.VisitTaskId) && s.StudyList.length > 0" :ref="s.VisitTaskId"
|
||||
:visit-task-info="s" :marked-series-ids="markedSeriesIds" @activeSeries="activeSeries"
|
||||
@showMultiFrame="showMultiFrame" />
|
||||
<div
|
||||
v-for="s in visitTaskList"
|
||||
v-show="activeTaskId === s.VisitTaskId"
|
||||
:key="s.VisitTaskId"
|
||||
style="height:100%;"
|
||||
>
|
||||
<study-list
|
||||
v-if="selectArr.includes(s.VisitTaskId) && s.StudyList.length > 0"
|
||||
:ref="s.VisitTaskId"
|
||||
:visit-task-info="s"
|
||||
:marked-series-ids="markedSeriesIds"
|
||||
@activeSeries="activeSeries"
|
||||
@showMultiFrame="showMultiFrame"
|
||||
/>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -28,8 +47,12 @@
|
|||
<div class="tools-wrapper">
|
||||
<div class="tools-left">
|
||||
<!-- 布局 -->
|
||||
<div :class="['tool-item', isFusion ? 'tool-disabled' : '']" :title="$t('trials:reading:button:layout')"
|
||||
@click.stop="showPanel($event, 'layout')" @mouseleave="toolMouseout">
|
||||
<div
|
||||
:class="['tool-item', isFusion ? 'tool-disabled' : '']"
|
||||
:title="$t('trials:reading:button:layout')"
|
||||
@click.stop="showPanel($event, 'layout')"
|
||||
@mouseleave="toolMouseout"
|
||||
>
|
||||
<div class="dropdown">
|
||||
<div class="icon">
|
||||
<svg-icon icon-class="layout" class="svg-icon" />
|
||||
|
|
@ -50,8 +73,7 @@
|
|||
A
|
||||
</div>
|
||||
</li>
|
||||
<li v-if="taskInfo && taskInfo.IsReadingTaskViewInOrder === 1" class="layout_flex_row"
|
||||
@click.stop="changeLayout(3)">
|
||||
<li v-if="taskInfo && taskInfo.IsReadingTaskViewInOrder === 1" class="layout_flex_row" @click.stop="changeLayout(3)">
|
||||
<div class="layout_box_1_1">
|
||||
A
|
||||
</div>
|
||||
|
|
@ -84,9 +106,12 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- 调窗 -->
|
||||
<div :class="['tool-item', activeTool === 'WindowLevel' ? 'tool-item-active' : '']"
|
||||
:title="$t('trials:reading:button:wwwc')" @click.stop="setWindowLevelActive($event)"
|
||||
@mouseleave="toolMouseout">
|
||||
<div
|
||||
:class="['tool-item', activeTool === 'WindowLevel' ? 'tool-item-active' : '']"
|
||||
:title="$t('trials:reading:button:wwwc')"
|
||||
@click.stop="setWindowLevelActive($event)"
|
||||
@mouseleave="toolMouseout"
|
||||
>
|
||||
<div class="dropdown">
|
||||
<div class="icon">
|
||||
<svg-icon icon-class="reverse" class="svg-icon" />
|
||||
|
|
@ -96,8 +121,7 @@
|
|||
<ul style="width:165px;">
|
||||
<li v-for="item in wwwcArr" :key="item.label">
|
||||
<a href="#" @click.stop="changeVoiRange(item)">
|
||||
<div v-if="item.wc !== null"
|
||||
style="display:flex;flex-direction: row;justify-content: space-between;">
|
||||
<div v-if="item.wc !== null" style="display:flex;flex-direction: row;justify-content: space-between;">
|
||||
<div>{{ item.label }}</div>
|
||||
<div>{{ `${item.ww} / ${item.wc}` }}</div>
|
||||
</div>
|
||||
|
|
@ -114,17 +138,27 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- 反色 -->
|
||||
<div class="tool-item" :title="$t('trials:reading:button:reverseColor')" @click.prevent="toggleInvert">
|
||||
<div
|
||||
class="tool-item"
|
||||
:title="$t('trials:reading:button:reverseColor')"
|
||||
@click.prevent="toggleInvert"
|
||||
>
|
||||
<svg-icon icon-class="reversecolor" class="svg-icon" />
|
||||
</div>
|
||||
<!-- 缩放 -->
|
||||
<div :class="['tool-item', activeTool === 'Zoom' ? 'tool-item-active' : '']"
|
||||
:title="$t('trials:reading:button:zoom')" @click.prevent="setToolActive('Zoom')">
|
||||
<div
|
||||
:class="['tool-item', activeTool === 'Zoom' ? 'tool-item-active' : '']"
|
||||
:title="$t('trials:reading:button:zoom')"
|
||||
@click.prevent="setToolActive('Zoom')"
|
||||
>
|
||||
<svg-icon icon-class="magnifier" class="svg-icon" />
|
||||
</div>
|
||||
<!-- 移动 -->
|
||||
<div :class="['tool-item', activeTool === 'Pan' ? 'tool-item-active' : '']"
|
||||
:title="$t('trials:reading:button:move')" @click.prevent="setToolActive('Pan')">
|
||||
<div
|
||||
:class="['tool-item', activeTool === 'Pan' ? 'tool-item-active' : '']"
|
||||
:title="$t('trials:reading:button:move')"
|
||||
@click.prevent="setToolActive('Pan')"
|
||||
>
|
||||
<svg-icon icon-class="move" class="svg-icon" />
|
||||
</div>
|
||||
<!-- 旋转 -->
|
||||
|
|
@ -135,10 +169,18 @@
|
|||
>
|
||||
<svg-icon icon-class="rotate" class="svg-icon" />
|
||||
</div> -->
|
||||
<div class="tool-item" :title="$t('trials:reading:button:rotate')" @click.stop="showPanel($event)"
|
||||
@mouseleave="toolMouseout">
|
||||
<div
|
||||
class="tool-item"
|
||||
:title="$t('trials:reading:button:rotate')"
|
||||
@click.stop="showPanel($event)"
|
||||
@mouseleave="toolMouseout"
|
||||
>
|
||||
<div class="dropdown">
|
||||
<div class="icon" data-tool="Rotate" :class="[activeTool === 'Rotate' ? 'tool_active' : '']">
|
||||
<div
|
||||
class="icon"
|
||||
data-tool="Rotate"
|
||||
:class="[activeTool==='Rotate'?'tool_active':'']"
|
||||
>
|
||||
<svg-icon icon-class="rotate" class="svg-icon" />
|
||||
<i class="el-icon-arrow-down" style="color:#fff;" />
|
||||
</div>
|
||||
|
|
@ -154,27 +196,36 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- 适应图像或窗口 -->
|
||||
<div class="tool-item"
|
||||
<div
|
||||
class="tool-item"
|
||||
:title="forceFitToWindow ? `${$t('trials:reading:button:fitWindow')}` : `${$t('trials:reading:button:fitImage')}`"
|
||||
@click.prevent="fitToType(forceFitToWindow)">
|
||||
@click.prevent="fitToType(forceFitToWindow)"
|
||||
>
|
||||
<svg-icon v-if="forceFitToWindow" icon-class="fitToWindow" class="svg-icon" />
|
||||
<svg-icon v-else icon-class="fitToImage" class="svg-icon" />
|
||||
</div>
|
||||
<!--融合-->
|
||||
<div v-if="readingTool === 2" class="tool-item" :title="$t('trials:lugano:button:fusion')"
|
||||
@click.prevent="openFusion">
|
||||
<div v-if="readingTool === 2" class="tool-item" :title="$t('trials:lugano:button:fusion')" @click.prevent="openFusion">
|
||||
<svg-icon icon-class="fusion" class="svg-icon" />
|
||||
</div>
|
||||
<div v-for="tool in tools" :key="tool.toolName"
|
||||
<div
|
||||
v-for="tool in tools"
|
||||
:key="tool.toolName"
|
||||
:class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '', activeTool === tool.toolName ? 'tool-item-active' : '']"
|
||||
:style="{cursor: tool.isDisabled ? 'not-allowed' : 'pointer'}"
|
||||
:title="tool.disabledReason ? tool.disabledReason : $t(`${tool.i18nKey}`)"
|
||||
@click.prevent="setAnnotateToolActive(tool.toolName)" @mouseenter="enter($event, tool.toolName)">
|
||||
@click.prevent="setAnnotateToolActive(tool.toolName)"
|
||||
@mouseenter="enter($event,tool.toolName)"
|
||||
>
|
||||
<svg-icon :icon-class="tool.icon" class="svg-icon" />
|
||||
</div>
|
||||
<!-- 清除标注 -->
|
||||
<div v-if="criterionType === 0" :class="['tool-item', activeTool === 'Eraser' ? 'tool-item-active' : '']"
|
||||
:title="$t('trials:dicom-show:Eraser')" @click.prevent="setToolActive('Eraser')">
|
||||
<div
|
||||
v-if="criterionType === 0"
|
||||
:class="['tool-item', activeTool === 'Eraser' ? 'tool-item-active' : '']"
|
||||
:title="$t('trials:dicom-show:Eraser')"
|
||||
@click.prevent="setToolActive('Eraser')"
|
||||
>
|
||||
<svg-icon icon-class="clear" class="svg-icon" />
|
||||
</div>
|
||||
<div class="tool-frame">
|
||||
|
|
@ -187,11 +238,20 @@
|
|||
<svg-icon icon-class="previousframe" class="svg-icon" />
|
||||
</div>
|
||||
<!-- 播放/暂停 -->
|
||||
<div v-if="clipPlaying" :title="$t('trials:dicom-show:stop')" class="icon"
|
||||
@click.prevent="toggleClipPlay(false)">
|
||||
<div
|
||||
v-if="clipPlaying"
|
||||
:title="$t('trials:dicom-show:stop')"
|
||||
class="icon"
|
||||
@click.prevent="toggleClipPlay(false)"
|
||||
>
|
||||
<svg-icon icon-class="stop" class="svg-icon" />
|
||||
</div>
|
||||
<div v-else :title="$t('trials:dicom-show:play')" class="icon" @click.prevent="toggleClipPlay(true)">
|
||||
<div
|
||||
v-else
|
||||
:title="$t('trials:dicom-show:play')"
|
||||
class="icon"
|
||||
@click.prevent="toggleClipPlay(true)"
|
||||
>
|
||||
<svg-icon icon-class="play" class="svg-icon" />
|
||||
</div>
|
||||
<!-- 下一帧 -->
|
||||
|
|
@ -202,8 +262,7 @@
|
|||
<div :title="$t('trials:dicom-show:lastframe')" class="icon" @click.prevent="scrollPage(99999)">
|
||||
<svg-icon icon-class="lastframe" class="svg-icon" />
|
||||
</div>
|
||||
<select v-model="fps" :title="$t('trials:dicom-show:speed')" class="select-wrapper"
|
||||
:disabled="clipPlaying">
|
||||
<select v-model="fps" :title="$t('trials:dicom-show:speed')" class="select-wrapper" :disabled="clipPlaying">
|
||||
<!-- 默认值 -->
|
||||
<option :value="5">5</option>
|
||||
<option :value="10">10</option>
|
||||
|
|
@ -214,14 +273,26 @@
|
|||
</select>
|
||||
</div>
|
||||
<!-- 重置 -->
|
||||
<div class="tool-item" :title="$t('trials:reading:button:reset')" @click.prevent="resetViewport">
|
||||
<div
|
||||
class="tool-item"
|
||||
:title="$t('trials:reading:button:reset')"
|
||||
@click.prevent="resetViewport"
|
||||
>
|
||||
<svg-icon icon-class="refresh" class="svg-icon" />
|
||||
</div>
|
||||
<!-- 更多 :class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '']" -->
|
||||
<div v-if="criterionType === 0" :title="$t('trials:reading:button:more')" :class="['tool-item']"
|
||||
@click.stop="showPanel($event)" @mouseleave="toolMouseout">
|
||||
<div
|
||||
v-if="criterionType === 0"
|
||||
:title="$t('trials:reading:button:more')"
|
||||
:class="['tool-item']"
|
||||
@click.stop="showPanel($event)"
|
||||
@mouseleave="toolMouseout"
|
||||
>
|
||||
<div class="dropdown">
|
||||
<div class="icon" data-tool="more">
|
||||
<div
|
||||
class="icon"
|
||||
data-tool="more"
|
||||
>
|
||||
<svg-icon icon-class="more" class="svg-icon" />
|
||||
<i class="el-icon-arrow-down" style="color:#fff;" />
|
||||
</div>
|
||||
|
|
@ -238,15 +309,21 @@
|
|||
</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-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="[
|
||||
<div
|
||||
v-if="trialCriterion.ImageDownloadEnum > 0"
|
||||
v-hasPermi="[
|
||||
'role:ir',
|
||||
'role:mim',
|
||||
'role:mc',
|
||||
|
|
@ -254,7 +331,10 @@
|
|||
'role:apm',
|
||||
'role:ea',
|
||||
'role:qa',
|
||||
]" class="tool-item" :title="$t('trials:reading:button:download')">
|
||||
]"
|
||||
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" />
|
||||
|
|
@ -269,16 +349,26 @@
|
|||
|
||||
<div>
|
||||
<!-- 手册 -->
|
||||
<el-button v-if="taskInfo && taskInfo.ExistsManual" type="text" @click="previewManuals">
|
||||
<el-button
|
||||
v-if="taskInfo && taskInfo.ExistsManual"
|
||||
type="text"
|
||||
@click="previewManuals"
|
||||
>
|
||||
{{ $t('trials:reading:button:handbooks') }}
|
||||
</el-button>
|
||||
<!-- 临床数据 -->
|
||||
<el-button v-if="taskInfo && taskInfo.IsExistsClinicalData" type="text"
|
||||
@click="previewCD(taskInfo.VisitTaskId)">
|
||||
<el-button
|
||||
v-if="taskInfo && taskInfo.IsExistsClinicalData"
|
||||
type="text"
|
||||
@click="previewCD(taskInfo.VisitTaskId)"
|
||||
>
|
||||
{{ $t('trials:reading:button:clinicalData') }}
|
||||
</el-button>
|
||||
<!-- 个性化配置 -->
|
||||
<el-button type="text" @click="previewConfig">
|
||||
<el-button
|
||||
type="text"
|
||||
@click="previewConfig"
|
||||
>
|
||||
{{ $t('trials:reading:button:customCfg') }}
|
||||
</el-button>
|
||||
</div>
|
||||
|
|
@ -288,58 +378,103 @@
|
|||
<div class="viewports-wrapper">
|
||||
<div ref="container" class="grid-container">
|
||||
<div :class="[ 'viewports-box', isFusion ? 'viewports-box-down' : '' ]" :style="gridStyle">
|
||||
<div v-for="(v, index) in cellsMax" v-show="index < cells.length" :key="`viewport-${index}`"
|
||||
<div
|
||||
v-for="(v, index) in cellsMax"
|
||||
v-show="index < cells.length"
|
||||
:key="`viewport-${index}`"
|
||||
:style="cellStyle"
|
||||
:class="['grid-cell', index === activeViewportIndex ? 'cell_active' : '', index === fullScreenIndex ? 'cell-full-screen' : '']"
|
||||
@dblclick="toggleFullScreen($event, index)" @click="activeViewport(index)">
|
||||
<Viewport :ref="`viewport-${index}`" :data-viewport-uid="`viewport-${index}`"
|
||||
:rendering-engine-id="renderingEngineId" :viewport-id="`viewport-${index}`" :viewport-index="index"
|
||||
@activeViewport="activeViewport" @toggleTaskByViewport="toggleTaskByViewport" @previewCD="previewCD"
|
||||
@renderAnnotations="renderAnnotations" />
|
||||
@dblclick="toggleFullScreen($event, index)"
|
||||
@click="activeViewport(index)"
|
||||
>
|
||||
<Viewport
|
||||
:ref="`viewport-${index}`"
|
||||
:data-viewport-uid="`viewport-${index}`"
|
||||
:rendering-engine-id="renderingEngineId"
|
||||
:viewport-id="`viewport-${index}`"
|
||||
:viewport-index="index"
|
||||
@activeViewport="activeViewport"
|
||||
@toggleTaskByViewport="toggleTaskByViewport"
|
||||
@previewCD="previewCD"
|
||||
@renderAnnotations="renderAnnotations"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="readingTool === 2" :class="['viewports-box', !isFusion ? 'viewports-box-down' : '']"
|
||||
:style="gridStyle">
|
||||
<div v-for="(v, index) in cellsMax" v-show="index < cells.length" :key="`viewport-fusion-${index}`"
|
||||
<div v-if="readingTool === 2" :class="[ 'viewports-box', !isFusion ? 'viewports-box-down' : '' ]" :style="gridStyle">
|
||||
<div
|
||||
v-for="(v, index) in cellsMax"
|
||||
v-show="index < cells.length"
|
||||
:key="`viewport-fusion-${index}`"
|
||||
:style="cellStyle"
|
||||
:class="['grid-cell', index === activeViewportIndex ? 'cell_active' : '', index === fullScreenIndex ? 'cell-full-screen' : '']"
|
||||
@dblclick="toggleFullScreen($event, index)" @click="activeViewport(index)">
|
||||
<PetCtViewport :ref="`viewport-fusion-${index}`" :data-viewport-uid="`viewport-fusion-${index}`"
|
||||
:rendering-engine-id="renderingEngineId" :viewport-id="`viewport-fusion-${index}`"
|
||||
:viewport-index="index" @activeViewport="activeViewport"
|
||||
@toggleTaskByViewport="toggleTaskByViewport" @previewCD="previewCD"
|
||||
@renderAnnotations="renderAnnotations" @upperRangeChange="upperRangeChange" />
|
||||
@dblclick="toggleFullScreen($event, index)"
|
||||
@click="activeViewport(index)"
|
||||
>
|
||||
<PetCtViewport
|
||||
:ref="`viewport-fusion-${index}`"
|
||||
:data-viewport-uid="`viewport-fusion-${index}`"
|
||||
:rendering-engine-id="renderingEngineId"
|
||||
:viewport-id="`viewport-fusion-${index}`"
|
||||
:viewport-index="index"
|
||||
@activeViewport="activeViewport"
|
||||
@toggleTaskByViewport="toggleTaskByViewport"
|
||||
@previewCD="previewCD"
|
||||
@renderAnnotations="renderAnnotations"
|
||||
@upperRangeChange="upperRangeChange"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 表单 -->
|
||||
<div class="form-wrapper">
|
||||
<div v-for="s in visitTaskList" v-show="lastViewportTaskId === s.VisitTaskId" :key="s.VisitTaskId"
|
||||
style="height: 100%;">
|
||||
<mRecisit v-if="lastViewportTaskId && criterionType === 7 && lastViewportTaskIds.includes(s.VisitTaskId)"
|
||||
<div
|
||||
v-for="s in visitTaskList"
|
||||
v-show="lastViewportTaskId === s.VisitTaskId"
|
||||
:key="s.VisitTaskId"
|
||||
style="height: 100%;"
|
||||
>
|
||||
<mRecisit
|
||||
v-if="lastViewportTaskId && criterionType === 7 && lastViewportTaskIds.includes(s.VisitTaskId)"
|
||||
:ref="`ecrf_${s.VisitTaskId}`"
|
||||
:reading-task-state="currentVisitInfo.VisitTaskId === taskInfo.VisitTaskId ? readingTaskState : 2"
|
||||
:last-viewport-task-id="lastViewportTaskId" :visit-info="s" @removeAnnotation="removeAnnotation"
|
||||
@getScreenshots="getScreenshots" @setMarkName="setMarkName" @imageLocation="imageLocation"
|
||||
@resetAnnotations="resetAnnotations" @getAnnotations="getAnnotations"
|
||||
@setToolToTarget="setToolToTarget" />
|
||||
:last-viewport-task-id="lastViewportTaskId"
|
||||
:visit-info="s"
|
||||
@removeAnnotation="removeAnnotation"
|
||||
@getScreenshots="getScreenshots"
|
||||
@setMarkName="setMarkName"
|
||||
@imageLocation="imageLocation"
|
||||
@resetAnnotations="resetAnnotations"
|
||||
@getAnnotations="getAnnotations"
|
||||
@setToolToTarget="setToolToTarget"
|
||||
/>
|
||||
<recisit
|
||||
v-else-if="lastViewportTaskId && criterionType === 1 && lastViewportTaskIds.includes(s.VisitTaskId)"
|
||||
:ref="`ecrf_${s.VisitTaskId}`"
|
||||
:reading-task-state="currentVisitInfo.VisitTaskId === taskInfo.VisitTaskId ? readingTaskState : 2"
|
||||
:last-viewport-task-id="lastViewportTaskId" :visit-info="s" @removeAnnotation="removeAnnotation"
|
||||
@getScreenshots="getScreenshots" @setMarkName="setMarkName" @imageLocation="imageLocation"
|
||||
@resetAnnotations="resetAnnotations" @getAnnotations="getAnnotations"
|
||||
@setToolToTarget="setToolToTarget" />
|
||||
:last-viewport-task-id="lastViewportTaskId"
|
||||
:visit-info="s"
|
||||
@removeAnnotation="removeAnnotation"
|
||||
@getScreenshots="getScreenshots"
|
||||
@setMarkName="setMarkName"
|
||||
@imageLocation="imageLocation"
|
||||
@resetAnnotations="resetAnnotations"
|
||||
@getAnnotations="getAnnotations"
|
||||
@setToolToTarget="setToolToTarget"
|
||||
/>
|
||||
<customize-question-list
|
||||
v-else-if="lastViewportTaskId && criterionType === 0 && lastViewportTaskIds.includes(s.VisitTaskId)"
|
||||
:ref="`ecrf_${s.VisitTaskId}`"
|
||||
:reading-task-state="taskInfo && currentVisitInfo.VisitTaskId === taskInfo.VisitTaskId ? readingTaskState : 2"
|
||||
:last-viewport-task-id="lastViewportTaskId" :visit-info="s" @resetAnnotations="resetAnnotations"
|
||||
@setReadingTaskState="setReadingTaskState" @viewCustomAnnotationSeries="viewCustomAnnotationSeries"
|
||||
@getCustomScreenshots="getCustomScreenshots" @setReadingToolActive="setReadingToolActive"
|
||||
@setReadingToolPassive="setReadingToolPassive" />
|
||||
:last-viewport-task-id="lastViewportTaskId"
|
||||
:visit-info="s"
|
||||
@resetAnnotations="resetAnnotations"
|
||||
@setReadingTaskState="setReadingTaskState"
|
||||
@viewCustomAnnotationSeries="viewCustomAnnotationSeries"
|
||||
@getCustomScreenshots="getCustomScreenshots"
|
||||
@setReadingToolActive="setReadingToolActive"
|
||||
@setReadingToolPassive="setReadingToolPassive"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -348,21 +483,30 @@
|
|||
</div>
|
||||
|
||||
<!-- 自定义调窗 -->
|
||||
<el-dialog v-if="customWwc.visible" :visible.sync="customWwc.visible" :close-on-click-modal="false"
|
||||
:title="customWwc.title" width="400px" custom-class="base-dialog-wrapper">
|
||||
<custom-wwwc-form :ww="activeViewportWW" :wc="activeViewportWC" @close="customWwc.visible = false"
|
||||
@setWwwc="setWwwc" />
|
||||
<el-dialog
|
||||
v-if="customWwc.visible"
|
||||
:visible.sync="customWwc.visible"
|
||||
:close-on-click-modal="false"
|
||||
:title="customWwc.title"
|
||||
width="400px"
|
||||
custom-class="base-dialog-wrapper"
|
||||
>
|
||||
<custom-wwwc-form :ww="activeViewportWW" :wc="activeViewportWC" @close="customWwc.visible = false" @setWwwc="setWwwc" />
|
||||
</el-dialog>
|
||||
<!-- 手册 -->
|
||||
<el-dialog v-if="manualsDialog.visible" :visible.sync="manualsDialog.visible"
|
||||
<el-dialog
|
||||
v-if="manualsDialog.visible"
|
||||
:visible.sync="manualsDialog.visible"
|
||||
:custom-class="manualsDialog.isFullscreen?'manuals-full-dialog-container':'manuals-dialog-container'"
|
||||
:show-close="false" :close-on-click-modal="false" :fullscreen="manualsDialog.isFullscreen">
|
||||
:show-close="false"
|
||||
:close-on-click-modal="false"
|
||||
:fullscreen="manualsDialog.isFullscreen"
|
||||
>
|
||||
<span slot="title" class="dialog-footer">
|
||||
<!-- 手册 -->
|
||||
<span>{{ $t('trials:reading:button:handbooks') }}</span>
|
||||
<span style="position: absolute;right: 20px;font-size: 20px;">
|
||||
<svg-icon :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'" style="margin-right:10px;cursor: pointer;"
|
||||
@click="manualsDialog.isFullscreen = !manualsDialog.isFullscreen" />
|
||||
<svg-icon :icon-class="isFullscreen?'exit-fullscreen':'fullscreen'" style="margin-right:10px;cursor: pointer;" @click="manualsDialog.isFullscreen=!manualsDialog.isFullscreen" />
|
||||
<svg-icon icon-class="close" style="cursor: pointer;" @click="manualsDialog.visible = false" />
|
||||
</span>
|
||||
</span>
|
||||
|
|
@ -371,8 +515,13 @@
|
|||
</div>
|
||||
</el-dialog>
|
||||
<!-- 个性化配置 -->
|
||||
<el-dialog v-if="personalConfigDialog.visible" :visible.sync="personalConfigDialog.visible"
|
||||
:close-on-click-modal="false" :title="personalConfigDialog.title" width="600px">
|
||||
<el-dialog
|
||||
v-if="personalConfigDialog.visible"
|
||||
:visible.sync="personalConfigDialog.visible"
|
||||
:close-on-click-modal="false"
|
||||
:title="personalConfigDialog.title"
|
||||
width="600px"
|
||||
>
|
||||
<el-tabs v-model="personalConfigDialog.activeName" class="personal_config">
|
||||
<!-- 热键 -->
|
||||
<el-tab-pane :label="$t('trials:reading:tab:hotkeys')" name="1">
|
||||
|
|
@ -390,35 +539,57 @@
|
|||
|
||||
</el-dialog>
|
||||
<!-- 临床数据 -->
|
||||
<el-dialog :visible.sync="clinicalDataVisible"
|
||||
:custom-class="isClinicalDataFullscreen ? 'cd-full-dialog-container' : 'cd-dialog-container'" :show-close="false"
|
||||
:close-on-click-modal="false" :fullscreen="isClinicalDataFullscreen">
|
||||
<el-dialog
|
||||
:visible.sync="clinicalDataVisible"
|
||||
:custom-class="isClinicalDataFullscreen?'cd-full-dialog-container':'cd-dialog-container'"
|
||||
:show-close="false"
|
||||
:close-on-click-modal="false"
|
||||
:fullscreen="isClinicalDataFullscreen"
|
||||
>
|
||||
<span slot="title" class="dialog-footer">
|
||||
<div style="position: absolute;right: 20px;top: 10px;color: #000;">
|
||||
<svg-icon :icon-class="isClinicalDataFullscreen ? 'exit-fullscreen' : 'fullscreen'"
|
||||
style="cursor: pointer;font-size: 20px;" @click="isClinicalDataFullscreen = !isClinicalDataFullscreen" />
|
||||
<svg-icon icon-class="dClose" style="cursor: pointer;font-size: 25px;margin-left: 10px;"
|
||||
@click="clinicalDataVisible = false" />
|
||||
<svg-icon :icon-class="isClinicalDataFullscreen?'exit-fullscreen':'fullscreen'" style="cursor: pointer;font-size: 20px;" @click="isClinicalDataFullscreen=!isClinicalDataFullscreen" />
|
||||
<svg-icon icon-class="dClose" style="cursor: pointer;font-size: 25px;margin-left: 10px;" @click="clinicalDataVisible = false" />
|
||||
</div>
|
||||
</span>
|
||||
<div style="height: 100%;margin:0;display: flex;flex-direction: column;">
|
||||
<clinical-data v-if="clinicalDataVisible" style="flex: 1" :trial-id="trialId" :subject-id="taskInfo.SubjectId"
|
||||
:visit-task-id="cdVisitTaskId" :is-reading-show-subject-info="taskInfo.IsReadingShowSubjectInfo" />
|
||||
<clinical-data
|
||||
v-if="clinicalDataVisible"
|
||||
style="flex: 1"
|
||||
:trial-id="trialId"
|
||||
:subject-id="taskInfo.SubjectId"
|
||||
:visit-task-id="cdVisitTaskId"
|
||||
:is-reading-show-subject-info="taskInfo.IsReadingShowSubjectInfo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
</el-dialog>
|
||||
<el-dialog :visible.sync="fusionVisible" :close-on-click-modal="false" :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
|
||||
:visible.sync="fusionVisible"
|
||||
:close-on-click-modal="false"
|
||||
: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>
|
||||
|
||||
<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" />
|
||||
<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>
|
||||
</template>
|
||||
<script>
|
||||
|
|
@ -1129,13 +1300,6 @@ export default {
|
|||
]
|
||||
})
|
||||
}
|
||||
toolGroup.setToolConfiguration(
|
||||
ScaleOverlayTool.toolName,
|
||||
{
|
||||
scaleLocation: 'bottom'
|
||||
},
|
||||
true // overwrite
|
||||
)
|
||||
toolGroup.setToolActive(StackScrollTool.toolName, {
|
||||
bindings: [{ mouseButton: MouseBindings.Wheel }]
|
||||
})
|
||||
|
|
@ -3139,40 +3303,33 @@ export default {
|
|||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 10px;
|
||||
background: #d0d0d0;
|
||||
}
|
||||
|
||||
.left-panel {
|
||||
display: flex;
|
||||
width: 200px;
|
||||
border: 1px solid #727272;
|
||||
color: #fff;
|
||||
user-select: none;
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 10px;
|
||||
background: #d0d0d0;
|
||||
}
|
||||
|
||||
.task-container {
|
||||
position: relative;
|
||||
width: 25px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.task-info {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
|
|
@ -3180,7 +3337,6 @@ export default {
|
|||
transform-origin: right top;
|
||||
transform: rotate(-90deg);
|
||||
display: flex;
|
||||
|
||||
.task-item {
|
||||
margin-left: 10px;
|
||||
white-space: nowrap;
|
||||
|
|
@ -3192,32 +3348,27 @@ export default {
|
|||
color: #d5d5d5;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.task-item-active {
|
||||
background-color: #607d8b;
|
||||
border: 1px solid #607d8b;
|
||||
}
|
||||
}
|
||||
|
||||
.study-info {
|
||||
width: 170px;
|
||||
border-left: 1px solid #727272;
|
||||
}
|
||||
}
|
||||
|
||||
.middle-panel {
|
||||
flex: 1;
|
||||
border: 1px solid #727272;
|
||||
margin: 0 5px;
|
||||
user-select: none;
|
||||
|
||||
.dicom-viewer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width:100%;
|
||||
height: 100%;
|
||||
user-select: none;
|
||||
|
||||
.tools-wrapper {
|
||||
height: 50px;
|
||||
display: flex;
|
||||
|
|
@ -3225,7 +3376,6 @@ export default {
|
|||
border-bottom: 1px solid #727272;
|
||||
color: #ddd;
|
||||
padding: 0 5px;
|
||||
|
||||
.tools-left {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
|
|
@ -3233,14 +3383,12 @@ export default {
|
|||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.tool-item {
|
||||
padding: 5px;
|
||||
margin: 0 5px;
|
||||
border: 1px solid #333;
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
|
||||
.el-dropdown-link {
|
||||
.svg-icon {
|
||||
color: #ddd;
|
||||
|
|
@ -3248,15 +3396,12 @@ export default {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tool-item-active {
|
||||
background-color: #607d8b;
|
||||
}
|
||||
|
||||
.tool-disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.tool-frame{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
|
@ -3266,19 +3411,16 @@ export default {
|
|||
padding: 1px;
|
||||
margin: 0 5px;
|
||||
border: 1px solid #404040;
|
||||
|
||||
.icon{
|
||||
padding: 5px;
|
||||
border-right: 1px solid #404040;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
|
||||
.svg-icon{
|
||||
font-size:20px;
|
||||
color:#ddd;
|
||||
}
|
||||
}
|
||||
|
||||
.select-wrapper{
|
||||
width: 60px;
|
||||
background-color: black;
|
||||
|
|
@ -3287,7 +3429,6 @@ export default {
|
|||
font-size: 13px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.text{
|
||||
position: relative;
|
||||
font-size: 12px;
|
||||
|
|
@ -3296,19 +3437,16 @@ export default {
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// .icon:hover{
|
||||
// background-color: #607d8b;
|
||||
// }
|
||||
.dropdown {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
||||
.text{
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-content {
|
||||
display: none;
|
||||
position: absolute;
|
||||
|
|
@ -3317,13 +3455,11 @@ export default {
|
|||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
z-index: 9999;
|
||||
font-size: 12px;
|
||||
|
||||
ul{
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
|
||||
li{
|
||||
a{
|
||||
display: block;
|
||||
|
|
@ -3331,21 +3467,17 @@ export default {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul li a:hover{
|
||||
background-color: #727272;
|
||||
}
|
||||
}
|
||||
|
||||
.layout-content-ul li:hover{
|
||||
background-color: #727272;
|
||||
}
|
||||
|
||||
.layout-content ul li{
|
||||
border-top:1px solid #ddd;
|
||||
border-left:1px solid #ddd;
|
||||
}
|
||||
|
||||
.layout_flex_row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
|
@ -3354,7 +3486,6 @@ export default {
|
|||
text-align: center;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.layout_flex_column{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
|
@ -3362,7 +3493,6 @@ export default {
|
|||
align-items: center;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.layout_box_1_1{
|
||||
flex:1;
|
||||
line-height: 30px;
|
||||
|
|
@ -3371,7 +3501,6 @@ export default {
|
|||
border-bottom:1px solid #ddd;
|
||||
border-right:1px solid #ddd;
|
||||
}
|
||||
|
||||
.layout_box_1_2{
|
||||
flex:1;
|
||||
line-height: 15px;
|
||||
|
|
@ -3380,14 +3509,12 @@ export default {
|
|||
border-bottom:1px solid #ddd;
|
||||
border-right:1px solid #ddd;
|
||||
}
|
||||
|
||||
.divider{
|
||||
display: block;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.el-divider__text{
|
||||
padding: 0 10px;
|
||||
font-size: 12px;
|
||||
|
|
@ -3396,24 +3523,20 @@ export default {
|
|||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.content-wrapper {
|
||||
flex: 1;
|
||||
height: calc(100% - 50px);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.viewports-wrapper {
|
||||
flex: 1;
|
||||
|
||||
.grid-container {
|
||||
display: grid;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.viewports-box {
|
||||
display: grid;
|
||||
position: absolute;
|
||||
|
|
@ -3425,31 +3548,25 @@ export default {
|
|||
right: 0;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.viewports-box-down{
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.grid-cell {
|
||||
border: 1px dashed #ccc;
|
||||
;
|
||||
border: 1px dashed #ccc;;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.cell_active {
|
||||
border-color: #fafa00!important;
|
||||
}
|
||||
|
||||
.cell-full-screen {
|
||||
grid-column: 1 / -1;
|
||||
grid-row: 1 / -1;
|
||||
z-index: 9;
|
||||
}
|
||||
}
|
||||
|
||||
.form-wrapper {
|
||||
width: 400px;
|
||||
height: 100%;
|
||||
|
|
@ -3465,44 +3582,36 @@ export default {
|
|||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .manuals-dialog-container{
|
||||
margin-top: 50px !important;
|
||||
width:75%;
|
||||
height:80%;
|
||||
|
||||
.el-dialog__body{
|
||||
padding: 10px;
|
||||
height: calc(100% - 50px) !important;
|
||||
}
|
||||
|
||||
.el-dialog__header{
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .manuals-full-dialog-container{
|
||||
.el-dialog__body{
|
||||
padding: 10px;
|
||||
height: calc(100% - 50px) !important;
|
||||
}
|
||||
|
||||
.el-dialog__header{
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .cd-dialog-container{
|
||||
background: #fff !important;
|
||||
margin-top: 50px !important;
|
||||
width: 75%;
|
||||
height: 80%;
|
||||
|
||||
.el-dialog__body{
|
||||
padding: 20px 20px 0 20px;
|
||||
height: calc(100% - 70px);
|
||||
}
|
||||
|
||||
.el-dialog__header{
|
||||
position: relative;
|
||||
}
|
||||
|
|
@ -3510,22 +3619,18 @@ export default {
|
|||
|
||||
::v-deep .cd-full-dialog-container{
|
||||
background: #fff !important;
|
||||
|
||||
.el-dialog__body{
|
||||
padding: 10px;
|
||||
height: calc(100% - 50px) !important;
|
||||
}
|
||||
|
||||
.el-dialog__header{
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .el-dropdown-menu{
|
||||
.el-dropdown-menu__item {
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.layout_flex_row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
|
@ -3535,14 +3640,12 @@ export default {
|
|||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.layout_flex_column{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.layout_box_1_1{
|
||||
flex:1;
|
||||
line-height: 30px;
|
||||
|
|
@ -3551,7 +3654,6 @@ export default {
|
|||
// border-bottom:1px solid #ddd;
|
||||
// border-right:1px solid #ddd;
|
||||
}
|
||||
|
||||
.layout_box_1_2{
|
||||
flex:1;
|
||||
line-height: 15px;
|
||||
|
|
@ -3562,4 +3664,5 @@ export default {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -255,7 +255,7 @@ export default {
|
|||
...mapGetters(['language']),
|
||||
isBaseline() {
|
||||
var i = this.visitTaskList.findIndex(i => i.VisitTaskId === this.visitTaskId)
|
||||
return this.visitTaskList[i] ? this.visitTaskList[i].IsBaseLine : false
|
||||
return this.visitTaskList[i].IsBaseLine
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
|
|
|
|||
|
|
@ -1,34 +1,59 @@
|
|||
<template>
|
||||
<div ref="viewport" class="viewport-wrapper" v-loading="loading" :element-loading-text="NSTip"
|
||||
element-loading-background="rgba(0, 0, 0, 0.8)" @mouseup="sliderMouseup" @mousemove="sliderMousemove"
|
||||
@mouseleave="sliderMouseleave">
|
||||
<div
|
||||
ref="viewport"
|
||||
class="viewport-wrapper"
|
||||
v-loading="loading"
|
||||
:element-loading-text="NSTip"
|
||||
element-loading-background="rgba(0, 0, 0, 0.8)"
|
||||
@mouseup="sliderMouseup"
|
||||
@mousemove="sliderMousemove"
|
||||
@mouseleave="sliderMouseleave"
|
||||
>
|
||||
<div v-if="series && taskInfo" class="left-top-text">
|
||||
<div v-if="taskInfo.IsExistsClinicalData" class="cd-info" :title="$t('trials:reading:button:clinicalData')">
|
||||
<svg-icon style="cursor: pointer;" icon-class="documentation" class="svg-icon"
|
||||
@click.stop="viewCD(series.TaskInfo.VisitTaskId)" />
|
||||
<div
|
||||
v-if="taskInfo.IsExistsClinicalData"
|
||||
class="cd-info"
|
||||
:title="$t('trials:reading:button:clinicalData')"
|
||||
>
|
||||
<svg-icon
|
||||
style="cursor: pointer;"
|
||||
icon-class="documentation"
|
||||
class="svg-icon"
|
||||
@click.stop="viewCD(series.TaskInfo.VisitTaskId)"
|
||||
/>
|
||||
</div>
|
||||
<h2 v-if="taskInfo.IsReadingShowSubjectInfo" class="subject-info">
|
||||
<h2
|
||||
v-if="taskInfo.IsReadingShowSubjectInfo"
|
||||
class="subject-info"
|
||||
>
|
||||
{{ `${series.TaskInfo.SubjectCode} ${series.TaskInfo.TaskBlindName} ` }}
|
||||
</h2>
|
||||
<div>Series: #{{ series.SeriesNumber }}</div>
|
||||
<div v-if="series.Stack">Image: #{{ `${series.SliceIndex + 1}/${series.Stack.length}` }}</div>
|
||||
<div>{{ series.Modality }}</div>
|
||||
</div>
|
||||
<div v-if="series && taskInfo && taskInfo.IsReadingTaskViewInOrder === 1" class="top-center-tool">
|
||||
<div
|
||||
v-if="series && taskInfo && taskInfo.IsReadingTaskViewInOrder === 1"
|
||||
class="top-center-tool"
|
||||
>
|
||||
<div class="toggle-visit-container">
|
||||
<div class="arrw_icon"
|
||||
<div
|
||||
class="arrw_icon"
|
||||
:style="{ cursor: series.TaskInfo.VisitTaskNum !== 0 ? 'pointer' : 'not-allowed', color: series.TaskInfo.VisitTaskNum !== 0 ? '#fff': '#6b6b6b' }"
|
||||
@click.stop.prevent="toggleTask($event, series.TaskInfo.VisitTaskNum, -1)"
|
||||
@dblclick.stop="preventDefault($event)">
|
||||
@dblclick.stop="preventDefault($event)"
|
||||
>
|
||||
<i class="el-icon-caret-left" />
|
||||
</div>
|
||||
<div class="arrow_text">
|
||||
{{ series.TaskInfo.TaskBlindName }}
|
||||
</div>
|
||||
<div class="arrw_icon"
|
||||
<div
|
||||
class="arrw_icon"
|
||||
:style="{ cursor: series.TaskInfo.VisitTaskNum < taskInfo.VisitNum ? 'pointer' : 'not-allowed', color: series.TaskInfo.VisitTaskNum < taskInfo.VisitNum ? '#fff': '#6b6b6b' }"
|
||||
@click.stop.prevent="toggleTask($event, series.TaskInfo.VisitTaskNum, 1)"
|
||||
@dblclick.stop="preventDefault($event)">
|
||||
@dblclick.stop="preventDefault($event)"
|
||||
>
|
||||
<i class="el-icon-caret-right" />
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -40,13 +65,11 @@
|
|||
<div v-show="mousePosition.index.length > 0">
|
||||
Pos: {{ mousePosition.index[0] }}, {{ mousePosition.index[1] }}
|
||||
</div>
|
||||
<div
|
||||
v-if="(series.Modality === 'CT' || series.Modality === 'DR' || series.Modality === 'CR') && mousePosition.value">
|
||||
<div v-if="(series.Modality === 'CT' || series.Modality === 'DR' || series.Modality === 'CR') && mousePosition.value">
|
||||
HU: {{ mousePosition.value }}
|
||||
</div>
|
||||
<div v-else-if="(series.Modality === 'PT' && mousePosition.value)">
|
||||
{{ mousePosition.modalityUnit }}: {{ digitPlaces === -1 ? mousePosition.value.toFixed(3)
|
||||
: mousePosition.value.toFixed(digitPlaces) }}
|
||||
{{mousePosition.modalityUnit}}: {{ digitPlaces === -1 ?mousePosition.value.toFixed(3) :mousePosition.value.toFixed(digitPlaces) }}
|
||||
</div>
|
||||
<div v-else-if="mousePosition.value">
|
||||
Density: {{ mousePosition.value }}
|
||||
|
|
@ -60,8 +83,7 @@
|
|||
</div>
|
||||
<div v-if="series" class="right-bottom-text">
|
||||
<div v-show="imageInfo.location">Location: {{ `${Number(imageInfo.location).toFixed(digitPlaces)} mm` }}</div>
|
||||
<div v-show="series.SliceThickness">Slice Thickness: {{ `${Number(series.SliceThickness).toFixed(digitPlaces)} mm`
|
||||
}}</div>
|
||||
<div v-show="series.SliceThickness">Slice Thickness: {{ `${Number(series.SliceThickness).toFixed(digitPlaces)} mm` }}</div>
|
||||
<div v-show="imageInfo.wwwc ">WW/WL: {{ imageInfo.wwwc }}</div>
|
||||
</div>
|
||||
<div class="orientation-top">
|
||||
|
|
@ -78,8 +100,7 @@
|
|||
{{ markers.left }}
|
||||
</div>
|
||||
<div ref="sliderBox" class="right-slider-box" @click.stop="clickSlider($event)">
|
||||
<div :style="{ top: sliderInfo.height + '%' }" class="slider" @click.stop.prevent="() => { return }"
|
||||
@mousedown.stop="sliderMousedown($event)" />
|
||||
<div :style="{top: sliderInfo.height + '%'}" class="slider" @click.stop.prevent="() => {return}" @mousedown.stop="sliderMousedown($event)" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -198,9 +219,9 @@ export default {
|
|||
// this.imageInfo.wwwc = `${Math.round(detail.image.windowWidth)}/${Math.round(detail.image.windowCenter)}`
|
||||
this.getOrientationMarker()
|
||||
this.$emit('renderAnnotations', this.series)
|
||||
const toolGroupId = this.viewportId
|
||||
const toolGroup = cornerstoneTools.ToolGroupManager.getToolGroup(toolGroupId)
|
||||
toolGroup.setToolEnabled('ScaleOverlay')
|
||||
// const toolGroupId = `viewport-${this.viewportIndex}`
|
||||
// const toolGroup = ToolGroupManager.getToolGroup(toolGroupId)
|
||||
// toolGroup.setToolEnabled('ScaleOverlay')
|
||||
},
|
||||
imageRendered(e) {
|
||||
const renderingEngine = getRenderingEngine(this.renderingEngineId)
|
||||
|
|
@ -532,7 +553,6 @@ export default {
|
|||
height:100%;
|
||||
position: relative;
|
||||
cursor: default !important;
|
||||
|
||||
.left-top-text {
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
|
|
@ -540,30 +560,25 @@ export default {
|
|||
color: #ddd;
|
||||
z-index: 1;
|
||||
font-size: 12px;
|
||||
|
||||
.cd-info {
|
||||
color: #ddd;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.subject-info {
|
||||
color:#f44336;
|
||||
padding: 5px 0px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.top-center-tool {
|
||||
position: absolute;
|
||||
left:50%;
|
||||
top: 5px;
|
||||
transform: translateX(-50%);
|
||||
z-index: 1;
|
||||
|
||||
.toggle-visit-container {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.arrw_icon{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
|
|
@ -572,7 +587,6 @@ export default {
|
|||
line-height: 20px;
|
||||
border-radius: 10%;
|
||||
}
|
||||
|
||||
.arrow_text{
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
|
|
@ -582,7 +596,6 @@ export default {
|
|||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
.right-top-text {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
|
|
@ -591,7 +604,6 @@ export default {
|
|||
z-index: 1;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.left-bottom-text {
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
|
|
@ -600,7 +612,6 @@ export default {
|
|||
z-index: 1;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.right-bottom-text {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
|
|
@ -609,7 +620,6 @@ export default {
|
|||
z-index: 1;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.right-slider-box {
|
||||
position: absolute;
|
||||
right: 1px;
|
||||
|
|
@ -621,7 +631,6 @@ export default {
|
|||
z-index: 1;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.right-slider-box:after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
|
|
@ -631,7 +640,6 @@ export default {
|
|||
width: 100%;
|
||||
background: #333;
|
||||
}
|
||||
|
||||
.slider {
|
||||
height: 20px;
|
||||
width: 100%;
|
||||
|
|
@ -641,7 +649,6 @@ export default {
|
|||
background: #9e9e9e;
|
||||
cursor: move
|
||||
}
|
||||
|
||||
.orientation-top {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
|
|
@ -650,7 +657,6 @@ export default {
|
|||
transform: translateX(-50%);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.orientation-bottom {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
|
|
@ -659,7 +665,6 @@ export default {
|
|||
transform: translateX(-50%);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.orientation-left {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
|
@ -668,7 +673,6 @@ export default {
|
|||
transform: translateY(-50%);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.orientation-right {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
style="font-weight: bold;font-size: 14px;margin: 5px 0px;">
|
||||
<div style="display: flex;justify-content: space-between;align-items: center;color:#fff;margin: 10px 0 5px">
|
||||
<span :title="question.Remark">{{ question.QuestionName }}</span>
|
||||
<el-button size="mini" v-if="readingTaskState < 2 && !question.IsPreinstall" @click="openAddTableCol(question)">
|
||||
<el-button size="mini" v-if="readingTaskState < 2" @click="openAddTableCol(question)">
|
||||
{{ $t('common:button:add') }}
|
||||
</el-button>
|
||||
</div>
|
||||
|
|
@ -39,7 +39,7 @@
|
|||
{{ $t('common:button:edit') }}
|
||||
</el-button>
|
||||
<el-button type="text" size="mini" :disabled="addOrEdit.visible"
|
||||
v-if="(scope.row.IsCurrentTaskAdd === 'True' || !question.IsCopyLesions || isBaseline) && !question.IsPreinstall"
|
||||
v-if="scope.row.IsCurrentTaskAdd === 'True' || !question.IsCopyLesions || isBaseline"
|
||||
@click="deleteTableCol(question, scope.$index)">
|
||||
{{ $t('common:button:delete') }}
|
||||
</el-button>
|
||||
|
|
|
|||
|
|
@ -15,14 +15,14 @@
|
|||
:class="[question.Type === 'group' ? 'mb' : question.Type === 'upload' || question.Type === 'screenshot' ? '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') || question.IsPreinstall" />
|
||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')" />
|
||||
<!-- 多行文本输入框 -->
|
||||
<el-input v-if="question.Type === 'textarea'" v-model="questionForm[question.Id]" type="textarea"
|
||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False') || question.IsPreinstall"
|
||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
||||
:autosize="{ minRows: 2, maxRows: 4 }" />
|
||||
<!-- 下拉框 -->
|
||||
<el-select v-if="question.Type === 'select'" v-model="questionForm[question.Id]" clearable
|
||||
:disabled="(question.TableQuestionType === 2 || question.IsPreinstall || question.QuestionGenre === 2) || (question.IsCopy && type === 'edit' && !IsBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
||||
:disabled="(question.TableQuestionType === 2 || question.QuestionGenre === 2) || (question.IsCopy && type === 'edit' && !IsBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
||||
@change="((val) => { formItemChange(val, question) })">
|
||||
<template v-if="question.TableQuestionType === 1">
|
||||
<el-option v-for="item in organList" :key="item.Id" :label="item[question.DataTableColumn]"
|
||||
|
|
@ -44,7 +44,7 @@
|
|||
</el-select>
|
||||
<!-- 单选 -->
|
||||
<el-radio-group v-if="question.Type === 'radio'" v-model="questionForm[question.Id]"
|
||||
:disabled="question.TableQuestionType === 2 || question.IsPreinstall || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
||||
@change="((val) => { formItemChange(val, question) })">
|
||||
<el-radio v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
|
||||
{{ val }}
|
||||
|
|
@ -52,7 +52,7 @@
|
|||
</el-radio-group>
|
||||
<!-- 复选框 -->
|
||||
<el-checkbox-group v-if="question.Type === 'checkbox'"
|
||||
:disabled="question.TableQuestionType === 2 || question.IsPreinstall || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
||||
v-model="questionForm[question.Id]">
|
||||
<el-checkbox v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
|
||||
{{ val }}
|
||||
|
|
@ -62,11 +62,11 @@
|
|||
<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 || question.IsPreinstall" @change="(val) => { formItemChange(val, question) }">
|
||||
:disabled="!question.ClassifyEditType" @change="(val) => { formItemChange(val, question) }">
|
||||
<el-option v-for="val in question.TypeValue.split('|')" :key="val" :label="val.trim()" :value="val.trim()" />
|
||||
</el-select>
|
||||
<el-radio-group v-if="question.Type === 'class' && question.ClassifyShowType === 3"
|
||||
v-model="questionForm[question.Id]" :disabled="!question.ClassifyEditType || question.IsPreinstall"
|
||||
v-model="questionForm[question.Id]" :disabled="!question.ClassifyEditType"
|
||||
@change="(val) => { formItemChange(val, question) }">
|
||||
<el-radio v-for="item of question.TypeValue.split('|')" :key="item.trim()" :label="item.trim()">
|
||||
{{ item.trim() }}
|
||||
|
|
@ -86,7 +86,7 @@
|
|||
@blur="questionsMarkStatus[question.Id] && questionsMarkStatus[question.Id].isMarked ? () => { } : handleMarkedQsBlur(questionForm[question.Id], questionForm, question.Id, question)"
|
||||
v-model="questionForm[question.Id]"
|
||||
:title="questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id] ? questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id].OrderMarkName : question.Remark"
|
||||
:disabled="(questionsMarkStatus[question.Id] && questionsMarkStatus[question.Id].isMarked && question.ImageMarkEnum === 2) || question.ImageMarkEnum === 1 || question.IsPreinstall"
|
||||
:disabled="(questionsMarkStatus[question.Id] && questionsMarkStatus[question.Id].isMarked && question.ImageMarkEnum === 2) || question.ImageMarkEnum === 1"
|
||||
style="width: 150px;margin-right: 5px;">
|
||||
<template v-if="question.Unit !== 0" slot="append">
|
||||
{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit }}
|
||||
|
|
@ -144,21 +144,21 @@
|
|||
<template v-else-if="question.ValueType === 2" slot="prefix">%</template>
|
||||
</el-select>
|
||||
<el-input type="text" v-else-if="question.Type === 'number' && question.DataSource !== 1"
|
||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False') || question.IsPreinstall"
|
||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
||||
@change="((val) => { formItemNumberChange(val, question) })" @input="numberInput(question.Id)"
|
||||
@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="text" v-else-if="question.Type === 'number' && question.DataSource === 1"
|
||||
:disabled="question.DataSource === 1" @input="numberInput(question.Id, true) || question.IsPreinstall"
|
||||
:disabled="question.DataSource === 1" @input="numberInput(question.Id, true)"
|
||||
@blur="handleCalculationBlur(calculationValue)" v-model="calculationValue">
|
||||
<template slot="append" v-if="question.Unit !== 0">{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) :
|
||||
question.CustomUnit }}</template>
|
||||
</el-input>
|
||||
</template>
|
||||
<!-- 上传图像 -->
|
||||
<el-upload v-if="question.Type === 'upload' || question.Type === 'screenshot'" :disabled="readingTaskState === 2 || question.IsPreinstall"
|
||||
<el-upload v-if="question.Type === 'upload' || question.Type === 'screenshot'" :disabled="readingTaskState === 2"
|
||||
action :accept="question.FileType" :limit="question.ImageCount === 0 ? 100 : question.ImageCount"
|
||||
:on-preview="handlePictureCardPreview"
|
||||
:before-upload="(file) => { return handleBeforeUpload(file, question.FileType, question.Type) }"
|
||||
|
|
|
|||
Loading…
Reference in New Issue