Compare commits
8 Commits
| Author | SHA1 | Date |
|---|---|---|
 wangxiaoshuang
|
a804ba40f0 | |
|
wangxiaoshuang
|
38eef44d79 | |
|
wangxiaoshuang
|
ff1b4f6f21 | |
|
wangxiaoshuang
|
ef336eafe6 | |
|
wangxiaoshuang
|
553014be79 | |
|
wangxiaoshuang
|
e7491501cf | |
|
wangxiaoshuang
|
d64d5a523d | |
|
wangxiaoshuang
|
b2e7eeaeb4 |
|
|
@ -191,6 +191,17 @@
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item>
|
||||||
|
<span slot="label">
|
||||||
|
适用的标准
|
||||||
|
</span>
|
||||||
|
<el-select v-model="form.ApplyCriterionList" placeholder="" clearable multiple>
|
||||||
|
<el-option v-for="item in $d.CriterionType" :key="item.id" :label="item.label" :value="item.value">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
<el-col v-show="form.ConfigType === 'C' && title !== '复制'" :span="12">
|
<el-col v-show="form.ConfigType === 'C' && title !== '复制'" :span="12">
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<span slot="label">
|
<span slot="label">
|
||||||
|
|
@ -1008,6 +1019,7 @@ export default {
|
||||||
ValueCN: null,
|
ValueCN: null,
|
||||||
EnumType: '',
|
EnumType: '',
|
||||||
IsShowByTrialConfig: false,
|
IsShowByTrialConfig: false,
|
||||||
|
ApplyCriterionList: [],
|
||||||
TrialConfigRelyFieldName: null,
|
TrialConfigRelyFieldName: null,
|
||||||
Identification: null,
|
Identification: null,
|
||||||
IsForwardPosition: false,
|
IsForwardPosition: false,
|
||||||
|
|
|
||||||
|
|
@ -94,6 +94,10 @@
|
||||||
{{ $t('login:button:forgetPassword') }}
|
{{ $t('login:button:forgetPassword') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="PrivacyPolicy">
|
||||||
|
<span>{{ $t('login:message:PrivacyPolicy') }}</span>
|
||||||
|
<span style="cursor: pointer;color:#428bca">《{{ $t('login:message:PrivacyPolicyName') }}》</span>
|
||||||
|
</div>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -79,10 +79,7 @@
|
||||||
<el-table-column prop="date" :label="$t('common:action:action')">
|
<el-table-column prop="date" :label="$t('common:action:action')">
|
||||||
<template
|
<template
|
||||||
slot-scope="scope"
|
slot-scope="scope"
|
||||||
v-if="
|
v-if="scope.row.ExperienceDataType != 3"
|
||||||
scope.row.ExperienceDataType != 2 &&
|
|
||||||
scope.row.ExperienceDataType != 3
|
|
||||||
"
|
|
||||||
>
|
>
|
||||||
<el-button
|
<el-button
|
||||||
type="text"
|
type="text"
|
||||||
|
|
|
||||||
|
|
@ -2,14 +2,8 @@
|
||||||
<div class="curriculumVitae" v-loading="loading">
|
<div class="curriculumVitae" v-loading="loading">
|
||||||
<div class="leftMenu">
|
<div class="leftMenu">
|
||||||
<div class="title">{{ $t('curriculumVitae:menu:title') }}</div>
|
<div class="title">{{ $t('curriculumVitae:menu:title') }}</div>
|
||||||
<el-menu
|
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="vertical" @select="handleSelect"
|
||||||
:default-active="activeIndex"
|
background-color="#eee" active-text-color="#000">
|
||||||
class="el-menu-demo"
|
|
||||||
mode="vertical"
|
|
||||||
@select="handleSelect"
|
|
||||||
background-color="#eee"
|
|
||||||
active-text-color="#000"
|
|
||||||
>
|
|
||||||
<el-menu-item index="info">
|
<el-menu-item index="info">
|
||||||
{{ $t('curriculumVitae:menu:info') }}
|
{{ $t('curriculumVitae:menu:info') }}
|
||||||
</el-menu-item>
|
</el-menu-item>
|
||||||
|
|
@ -70,94 +64,58 @@
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!--个人信息-->
|
||||||
<div class="box" id="info">
|
<div class="box" id="info">
|
||||||
<info
|
<info :DATA="{
|
||||||
:DATA="{
|
|
||||||
...reviewerData.BasicInfoView,
|
...reviewerData.BasicInfoView,
|
||||||
...reviewerData.EmploymentView,
|
...reviewerData.EmploymentView,
|
||||||
}"
|
}" :reviewerId.sync="reviewerId" :isEN="isEN" @getInfo="getDetail" />
|
||||||
:reviewerId.sync="reviewerId"
|
|
||||||
:isEN="isEN"
|
|
||||||
@getInfo="getDetail"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
<!--概述-->
|
||||||
<div class="box" id="summarize">
|
<div class="box" id="summarize">
|
||||||
<summarize
|
<summarize :DATA="{
|
||||||
:DATA="{
|
|
||||||
...reviewerData.SummarizeInfo,
|
...reviewerData.SummarizeInfo,
|
||||||
}"
|
}" :reviewerId.sync="reviewerId" :trialId="trialId" :isEN="isEN" @getInfo="getDetail" />
|
||||||
:reviewerId.sync="reviewerId"
|
|
||||||
:trialId="trialId"
|
|
||||||
:isEN="isEN"
|
|
||||||
@getInfo="getDetail"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
<!--专业-->
|
||||||
<div class="box" id="specialty">
|
<div class="box" id="specialty">
|
||||||
<specialty
|
<specialty :DATA="{
|
||||||
:DATA="{
|
|
||||||
...reviewerData.SpecialtyView,
|
...reviewerData.SpecialtyView,
|
||||||
}"
|
}" :isEN="isEN" :reviewerId.sync="reviewerId" @getInfo="getDetail" />
|
||||||
:isEN="isEN"
|
|
||||||
:reviewerId.sync="reviewerId"
|
|
||||||
@getInfo="getDetail"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
<!--教育经历-->
|
||||||
<div class="box" id="educationalExperience">
|
<div class="box" id="educationalExperience">
|
||||||
<educationalExperience
|
<educationalExperience :DATA="reviewerData.EducationList" :isEN="isEN" :reviewerId.sync="reviewerId"
|
||||||
:DATA="reviewerData.EducationList"
|
@getInfo="getDetail" />
|
||||||
:isEN="isEN"
|
|
||||||
:reviewerId.sync="reviewerId"
|
|
||||||
@getInfo="getDetail"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
<!--进修培训-->
|
||||||
<div class="box" id="continuingTraining">
|
<div class="box" id="continuingTraining">
|
||||||
<continuingTraining
|
<continuingTraining :DATA="reviewerData.PostgraduateList" :isEN="isEN" :reviewerId.sync="reviewerId"
|
||||||
:DATA="reviewerData.PostgraduateList"
|
@getInfo="getDetail" />
|
||||||
:isEN="isEN"
|
|
||||||
:reviewerId.sync="reviewerId"
|
|
||||||
@getInfo="getDetail"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
<!--科研课题-->
|
||||||
<div class="box" id="scientificResearchProject">
|
<div class="box" id="scientificResearchProject">
|
||||||
<scientificResearchProject
|
<scientificResearchProject :DATA="{ ...reviewerData.ResearchPublicationView }" :isEN="isEN"
|
||||||
:DATA="{ ...reviewerData.ResearchPublicationView }"
|
:reviewerId.sync="reviewerId" @getInfo="getDetail" />
|
||||||
:isEN="isEN"
|
|
||||||
:reviewerId.sync="reviewerId"
|
|
||||||
@getInfo="getDetail"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
<!--临床试验-->
|
||||||
<div class="box" id="clinicalTrials">
|
<div class="box" id="clinicalTrials">
|
||||||
<clinicalTrials
|
<clinicalTrials :DATA="{ ...reviewerData.TrialExperienceView }" :isEN="isEN" :reviewerId.sync="reviewerId"
|
||||||
:DATA="{ ...reviewerData.TrialExperienceView }"
|
:trialId="trialId" @getInfo="getDetail" />
|
||||||
:isEN="isEN"
|
|
||||||
:reviewerId.sync="reviewerId"
|
|
||||||
:trialId="trialId"
|
|
||||||
@getInfo="getDetail"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
<!--gcp证书-->
|
||||||
<div class="box" id="treatise">
|
<div class="box" id="treatise">
|
||||||
<treatise
|
<treatise :DATA="{ ...reviewerData.ResearchPublicationView }" :isEN="isEN" :reviewerId.sync="reviewerId"
|
||||||
:DATA="{ ...reviewerData.ResearchPublicationView }"
|
@getInfo="getDetail" />
|
||||||
:isEN="isEN"
|
|
||||||
:reviewerId.sync="reviewerId"
|
|
||||||
@getInfo="getDetail"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
<!--其他相关经历-->
|
||||||
<div class="box" id="other">
|
<div class="box" id="other">
|
||||||
<other
|
<other :DATA="{ ...reviewerData.ResearchPublicationView }" :isEN="isEN" :reviewerId.sync="reviewerId"
|
||||||
:DATA="{ ...reviewerData.ResearchPublicationView }"
|
@getInfo="getDetail" />
|
||||||
:isEN="isEN"
|
|
||||||
:reviewerId.sync="reviewerId"
|
|
||||||
@getInfo="getDetail"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="box" id="pay">
|
<div class="box" id="pay">
|
||||||
<pay
|
<pay :DATA="{ ...reviewerData.PaymentModeInfo }" :isEN="isEN" :reviewerId.sync="reviewerId"
|
||||||
:DATA="{ ...reviewerData.PaymentModeInfo }"
|
@getInfo="getDetail" />
|
||||||
:isEN="isEN"
|
|
||||||
:reviewerId.sync="reviewerId"
|
|
||||||
@getInfo="getDetail"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="box" id="setting" v-if="isPM">
|
<div class="box" id="setting" v-if="isPM">
|
||||||
<setting :isEN="isEN" :reviewerId.sync="reviewerId" />
|
<setting :isEN="isEN" :reviewerId.sync="reviewerId" />
|
||||||
|
|
@ -167,38 +125,19 @@
|
||||||
<!--简历附件-->
|
<!--简历附件-->
|
||||||
<curriculum :isEN="isEN" :reviewerId.sync="reviewerId" />
|
<curriculum :isEN="isEN" :reviewerId.sync="reviewerId" />
|
||||||
<!--资历证书-->
|
<!--资历证书-->
|
||||||
<certificate
|
<certificate :DATA="reviewerData.AttachmentList" :isEN="isEN" :reviewerId.sync="reviewerId"
|
||||||
:DATA="reviewerData.AttachmentList"
|
@getInfo="getDetail" />
|
||||||
:isEN="isEN"
|
|
||||||
:reviewerId.sync="reviewerId"
|
|
||||||
@getInfo="getDetail"
|
|
||||||
/>
|
|
||||||
<!--协议-->
|
<!--协议-->
|
||||||
<agreement
|
<agreement :DATA="reviewerData.AttachmentList" :isEN="isEN" :isPM="isPM" :reviewerId.sync="reviewerId"
|
||||||
:DATA="reviewerData.AttachmentList"
|
@getInfo="getDetail" />
|
||||||
:isEN="isEN"
|
|
||||||
:isPM="isPM"
|
|
||||||
:reviewerId.sync="reviewerId"
|
|
||||||
@getInfo="getDetail"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-dialog :visible.sync="visible" fullscreen append-to-body>
|
<el-dialog :visible.sync="visible" fullscreen append-to-body>
|
||||||
<div style="height: 100%; overflow: auto">
|
<div style="height: 100%; overflow: auto">
|
||||||
<preview
|
<preview :isEN="isEN" :reviewerId.sync="reviewerId" :trialId="trialId" :isAll="isAll" v-if="visible" />
|
||||||
:isEN="isEN"
|
|
||||||
:reviewerId.sync="reviewerId"
|
|
||||||
:trialId="trialId"
|
|
||||||
:isAll="isAll"
|
|
||||||
v-if="visible"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<holiday
|
<holiday v-if="holidayVisible" :reviewerId.sync="reviewerId" :visible.sync="holidayVisible" />
|
||||||
v-if="holidayVisible"
|
|
||||||
:reviewerId.sync="reviewerId"
|
|
||||||
:visible.sync="holidayVisible"
|
|
||||||
/>
|
|
||||||
<!-- <setting
|
<!-- <setting
|
||||||
v-if="settingVisible"
|
v-if="settingVisible"
|
||||||
:reviewerId.sync="reviewerId"
|
:reviewerId.sync="reviewerId"
|
||||||
|
|
@ -383,12 +322,14 @@ export default {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.leftMenu {
|
.leftMenu {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
@ -397,12 +338,15 @@ export default {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-color: #eee;
|
background-color: #eee;
|
||||||
border-right: 1px solid #eee;
|
border-right: 1px solid #eee;
|
||||||
|
|
||||||
::v-deep .el-menu {
|
::v-deep .el-menu {
|
||||||
padding: 5px 5px 0;
|
padding: 5px 5px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .is-active {
|
::v-deep .is-active {
|
||||||
background-color: #fff !important;
|
background-color: #fff !important;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
display: block;
|
display: block;
|
||||||
content: '';
|
content: '';
|
||||||
|
|
@ -415,6 +359,7 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.main {
|
.main {
|
||||||
width: calc(100% - 300px);
|
width: calc(100% - 300px);
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
@ -423,9 +368,11 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
width: calc(100% - 300px);
|
width: calc(100% - 300px);
|
||||||
padding: 0 50px 0 20px;
|
padding: 0 50px 0 20px;
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
|
|
@ -434,35 +381,42 @@ export default {
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .noData {
|
::v-deep .noData {
|
||||||
color: #909399;
|
color: #909399;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rightFile {
|
.rightFile {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
|
|
||||||
::v-deep .title {
|
::v-deep .title {
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .fileBox {
|
::v-deep .fileBox {
|
||||||
background-color: #eee;
|
background-color: #eee;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .file_title {
|
::v-deep .file_title {
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .btnBox {
|
::v-deep .btnBox {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -474,17 +428,23 @@ export default {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
|
||||||
.name {
|
.name {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
white-space: nowrap; /* 文本不会换行，会在同一行内继续，直到遇到<br>标签为止 */
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis; /* 当文本溢出包含它的容器时，显示省略号(...)来表示被截断的文本 */
|
/* 文本不会换行，会在同一行内继续，直到遇到<br>标签为止 */
|
||||||
overflow: hidden; /* 隐藏溢出容器的文本 */
|
text-overflow: ellipsis;
|
||||||
|
/* 当文本溢出包含它的容器时，显示省略号(...)来表示被截断的文本 */
|
||||||
|
overflow: hidden;
|
||||||
|
/* 隐藏溢出容器的文本 */
|
||||||
}
|
}
|
||||||
|
|
||||||
i {
|
i {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin: 3px;
|
margin: 3px;
|
||||||
color: #409eff;
|
color: #409eff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.disable {
|
.disable {
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
color: #909399;
|
color: #909399;
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<el-form
|
<el-form v-if="isRender" ref="assessmentForm" :model="form" size="small">
|
||||||
v-if="isRender"
|
|
||||||
ref="assessmentForm"
|
|
||||||
:model="form"
|
|
||||||
size="small"
|
|
||||||
>
|
|
||||||
<div class="base-dialog-body">
|
<div class="base-dialog-body">
|
||||||
<!-- <div v-for="qs in questions" :key="qs.Id">
|
<!-- <div v-for="qs in questions" :key="qs.Id">
|
||||||
<h4 v-if="qs.Type === 'group'">{{ qs.GroupName }}</h4>
|
<h4 v-if="qs.Type === 'group'">{{ qs.GroupName }}</h4>
|
||||||
|
|
@ -42,14 +37,9 @@
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</div> -->
|
</div> -->
|
||||||
<AssessmentFormItem
|
<AssessmentFormItem v-for="question of questions" :key="question.Id" :question="question" :question-form="form"
|
||||||
v-for="question of questions"
|
:readingTaskState="readingTaskState" @setFormItemData="setFormItemData"
|
||||||
:key="question.Id"
|
@resetFormItemData="resetFormItemData" />
|
||||||
:question="question"
|
|
||||||
:question-form="form"
|
|
||||||
@setFormItemData="setFormItemData"
|
|
||||||
@resetFormItemData="resetFormItemData"
|
|
||||||
/>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
|
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
|
||||||
|
|
@ -57,11 +47,7 @@
|
||||||
<el-button size="small" @click="handleCancel">
|
<el-button size="small" @click="handleCancel">
|
||||||
{{ $t('common:button:cancel') }}
|
{{ $t('common:button:cancel') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button size="small" type="primary" @click="handleSave">
|
||||||
size="small"
|
|
||||||
type="primary"
|
|
||||||
@click="handleSave"
|
|
||||||
>
|
|
||||||
{{ $t('common:button:save') }}
|
{{ $t('common:button:save') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
@ -85,6 +71,10 @@ export default {
|
||||||
default() {
|
default() {
|
||||||
return []
|
return []
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
readingTaskState: {
|
||||||
|
type: Number,
|
||||||
|
default: 0
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
|
|
||||||
|
|
@ -1,67 +1,39 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<div
|
<div v-if="!!question.GroupName && question.Type === 'group'">
|
||||||
v-if="!!question.GroupName && question.Type==='group'"
|
|
||||||
>
|
|
||||||
<h4 style="color: #ddd;padding: 5px 0px;margin: 0;font-size: 15px;">
|
<h4 style="color: #ddd;padding: 5px 0px;margin: 0;font-size: 15px;">
|
||||||
{{ language === 'en' ? question.GroupEnName : question.GroupName }}
|
{{ language === 'en' ? question.GroupEnName : question.GroupName }}
|
||||||
</h4>
|
</h4>
|
||||||
</div>
|
</div>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<el-form-item
|
<el-form-item :label="`${language === 'en' ? question.QuestionEnName : question.QuestionName}`"
|
||||||
:label="`${language==='en'?question.QuestionEnName:question.QuestionName}`"
|
:prop="question.Id" :rules="[
|
||||||
:prop="question.Id"
|
{
|
||||||
:rules="[
|
required: true,
|
||||||
{ required: true,
|
message: $t('common:ruleMessage:select'), trigger: ['blur', 'change']
|
||||||
message: $t('common:ruleMessage:select'), trigger: ['blur', 'change']},
|
},
|
||||||
]"
|
]" :class="[question.Type === 'group' ? 'mb' : '']">
|
||||||
:class="[question.Type==='group'?'mb':'']"
|
|
||||||
>
|
|
||||||
<!-- 下拉框 -->
|
<!-- 下拉框 -->
|
||||||
<el-select
|
<el-select v-if="question.Type === 'select'" v-model="questionForm[question.Id]" clearable
|
||||||
v-if="question.Type==='select'"
|
@change="((val) => { formItemChange(val, question) })" :disabled="readingTaskState > 2">
|
||||||
v-model="questionForm[question.Id]"
|
|
||||||
clearable
|
|
||||||
@change="((val)=>{formItemChange(val, question)})"
|
|
||||||
>
|
|
||||||
<template v-if="question.DictionaryCode">
|
<template v-if="question.DictionaryCode">
|
||||||
<el-option
|
<el-option v-for="item of $d[question.DictionaryCode]" :key="item.id" :value="String(item.value)"
|
||||||
v-for="item of $d[question.DictionaryCode]"
|
:label="item.label" />
|
||||||
:key="item.id"
|
|
||||||
:value="String(item.value)"
|
|
||||||
:label="item.label"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<el-option
|
<el-option v-for="val in question.TypeValue.split('|')" :key="val" :label="val" :value="val" />
|
||||||
v-for="val in question.TypeValue.split('|')"
|
|
||||||
:key="val"
|
|
||||||
:label="val"
|
|
||||||
:value="val"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
</el-select>
|
</el-select>
|
||||||
<!-- 单选 -->
|
<!-- 单选 -->
|
||||||
<el-radio-group
|
<el-radio-group v-if="question.Type === 'radio'" v-model="questionForm[question.Id]"
|
||||||
v-if="question.Type==='radio'"
|
@change="((val) => { formItemChange(val, question) })" :disabled="readingTaskState > 2">
|
||||||
v-model="questionForm[question.Id]"
|
|
||||||
@change="((val)=>{formItemChange(val, question)})"
|
|
||||||
>
|
|
||||||
<template v-if="question.DictionaryCode">
|
<template v-if="question.DictionaryCode">
|
||||||
<el-radio
|
<el-radio v-for="item of $d[question.DictionaryCode]" :key="item.id" :label="String(item.value)">
|
||||||
v-for="item of $d[question.DictionaryCode]"
|
|
||||||
:key="item.id"
|
|
||||||
:label="String(item.value)"
|
|
||||||
>
|
|
||||||
{{ item.label }}
|
{{ item.label }}
|
||||||
</el-radio>
|
</el-radio>
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="question.TypeValue">
|
<template v-else-if="question.TypeValue">
|
||||||
<el-radio
|
<el-radio v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
|
||||||
v-for="val in question.TypeValue.split('|')"
|
|
||||||
:key="val"
|
|
||||||
:label="val"
|
|
||||||
>
|
|
||||||
{{ val }}
|
{{ val }}
|
||||||
</el-radio>
|
</el-radio>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -69,14 +41,8 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<AssessmentFormItem
|
<AssessmentFormItem v-for="(item) in question.Childrens" :key="item.Id" :question="item"
|
||||||
v-for="(item) in question.Childrens"
|
:question-form="questionForm" @setFormItemData="setFormItemData" @resetFormItemData="resetFormItemData" />
|
||||||
:key="item.Id"
|
|
||||||
:question="item"
|
|
||||||
:question-form="questionForm"
|
|
||||||
@setFormItemData="setFormItemData"
|
|
||||||
@resetFormItemData="resetFormItemData"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
|
@ -95,6 +61,10 @@ export default {
|
||||||
default() {
|
default() {
|
||||||
return []
|
return []
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
readingTaskState: {
|
||||||
|
type: Number,
|
||||||
|
default: 0
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
|
|
||||||
|
|
@ -5,87 +5,49 @@
|
||||||
<!-- 电子影像病例报告表（eICRF） -->
|
<!-- 电子影像病例报告表（eICRF） -->
|
||||||
<h3 style="margin:0;padding:0;">{{ $t('trials:readingReport:title:eicrf') }}</h3>
|
<h3 style="margin:0;padding:0;">{{ $t('trials:readingReport:title:eicrf') }}</h3>
|
||||||
<div style="margin-left:auto">
|
<div style="margin-left:auto">
|
||||||
<el-switch
|
<el-switch v-model="isShowDetail" :active-text="$t('trials:readingReport:title:expandDetails')"
|
||||||
v-model="isShowDetail"
|
:inactive-text="$t('trials:readingReport:title:collapseDetails')" style="margin-right:5px;"
|
||||||
:active-text="$t('trials:readingReport:title:expandDetails')"
|
@change="handleShowDetail" />
|
||||||
:inactive-text="$t('trials:readingReport:title:collapseDetails')"
|
<el-button type="primary" size="small" v-if="isBaseline && assessmentQuestions.length > 0"
|
||||||
style="margin-right:5px;"
|
@click="openAssessment">
|
||||||
@change="handleShowDetail"
|
<!-- 附加评估 -->
|
||||||
/>
|
{{ $t('trials:readingReport:button:assessment') }}
|
||||||
<el-button
|
</el-button>
|
||||||
v-if="readingTaskState<2"
|
<el-button v-if="readingTaskState < 2" type="primary" size="small" @click="skipTask">
|
||||||
type="primary"
|
|
||||||
size="small"
|
|
||||||
@click="skipTask"
|
|
||||||
>
|
|
||||||
<!-- 跳过 -->
|
<!-- 跳过 -->
|
||||||
{{ $t('trials:readingReport:button:skip') }}
|
{{ $t('trials:readingReport:button:skip') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button v-if="readingTaskState < 2" type="primary" size="small" @click="getReportInfo(false)">
|
||||||
v-if="readingTaskState<2"
|
|
||||||
type="primary"
|
|
||||||
size="small"
|
|
||||||
@click="getReportInfo(false)"
|
|
||||||
>
|
|
||||||
<!-- 刷新 -->
|
<!-- 刷新 -->
|
||||||
{{ $t('trials:readingReport:button:refresh') }}
|
{{ $t('trials:readingReport:button:refresh') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button v-if="readingTaskState < 2 && CriterionType !== 10" type="primary" size="small"
|
||||||
v-if="readingTaskState<2 && CriterionType !== 10"
|
@click="handleSave(true)">
|
||||||
type="primary"
|
|
||||||
size="small"
|
|
||||||
@click="handleSave(true)"
|
|
||||||
>
|
|
||||||
<!-- 保存 -->
|
<!-- 保存 -->
|
||||||
{{ $t('common:button:save') }}
|
{{ $t('common:button:save') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button v-if="readingTaskState < 2" type="primary" size="small" @click="beforeLeave">
|
||||||
v-if="readingTaskState<2"
|
|
||||||
type="primary"
|
|
||||||
size="small"
|
|
||||||
@click="beforeLeave"
|
|
||||||
>
|
|
||||||
<!-- 提交 -->
|
<!-- 提交 -->
|
||||||
{{ $t('common:button:submit') }}
|
{{ $t('common:button:submit') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div ref="tableWrapper" style="height:100%;overflow-y: auto;">
|
<div ref="tableWrapper" style="height:100%;overflow-y: auto;">
|
||||||
<el-table
|
<el-table v-if="height" ref="reportList" :data="taskQuestions" row-key="Id" border
|
||||||
v-if="height"
|
:expand-row-keys="expandedRows" :height="height"
|
||||||
ref="reportList"
|
:tree-props="{ children: 'Childrens', hasChildren: 'hasChildren' }" size="mini">
|
||||||
:data="taskQuestions"
|
<el-table-column prop="" label="" show-overflow-tooltip width="350px">
|
||||||
row-key="Id"
|
|
||||||
border
|
|
||||||
:expand-row-keys="expandedRows"
|
|
||||||
:height="height"
|
|
||||||
:tree-props="{children: 'Childrens', hasChildren: 'hasChildren'}"
|
|
||||||
size="mini"
|
|
||||||
>
|
|
||||||
<el-table-column
|
|
||||||
prop=""
|
|
||||||
label=""
|
|
||||||
show-overflow-tooltip
|
|
||||||
width="350px"
|
|
||||||
>
|
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span v-if="scope.row.QuestionName" :style="{color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) ? '#f66' : '#fff'}">{{ scope.row.QuestionName }}</span>
|
<span v-if="scope.row.QuestionName"
|
||||||
<span
|
:style="{ color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) ? '#f66' : '#fff' }">{{
|
||||||
v-else
|
scope.row.QuestionName }}</span>
|
||||||
style="font-weight: bold;font-size: 16px;color: #f44336;"
|
<span v-else style="font-weight: bold;font-size: 16px;color: #f44336;">
|
||||||
>
|
|
||||||
{{ language === 'en' ? scope.row.GroupEnName : scope.row.GroupName }}
|
{{ language === 'en' ? scope.row.GroupEnName : scope.row.GroupName }}
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column v-for="task in visitTaskList" :key="task.VisitTaskId" prop="date" show-overflow-tooltip
|
||||||
v-for="task in visitTaskList"
|
width="150px">
|
||||||
:key="task.VisitTaskId"
|
|
||||||
prop="date"
|
|
||||||
|
|
||||||
show-overflow-tooltip
|
|
||||||
width="150px"
|
|
||||||
>
|
|
||||||
<template slot="header">
|
<template slot="header">
|
||||||
<div v-if="task.IsCurrentTask">
|
<div v-if="task.IsCurrentTask">
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -102,58 +64,37 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span :style="{color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) || (scope.row.QuestionMark === 12) || scope.row.HighlightAnswerList.includes(`${scope.row.Answers[task.VisitTaskId]}`) ? '#f66' : '#fff'}">
|
<span
|
||||||
<template v-if="task.VisitTaskId === visitTaskId && readingTaskState < 2 && [13,14,15,42].includes(scope.row.QuestionType)">
|
:style="{ color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) || (scope.row.QuestionMark === 12) || scope.row.HighlightAnswerList.includes(`${scope.row.Answers[task.VisitTaskId]}`) ? '#f66' : '#fff' }">
|
||||||
|
<template
|
||||||
|
v-if="task.VisitTaskId === visitTaskId && readingTaskState < 2 && [13, 14, 15, 42].includes(scope.row.QuestionType)">
|
||||||
<!-- 是否存在疾病（基线时可修改） -->
|
<!-- 是否存在疾病（基线时可修改） -->
|
||||||
<template v-if="task.IsBaseLine && scope.row.QuestionType === 15">
|
<template v-if="task.IsBaseLine && scope.row.QuestionType === 15">
|
||||||
<el-select
|
<el-select v-if="scope.row.Type === 'select' && scope.row.DictionaryCode"
|
||||||
v-if="scope.row.Type==='select' && scope.row.DictionaryCode"
|
v-model="currentExistDisease" size="mini" @change="handleExistDiseaseChange">
|
||||||
v-model="currentExistDisease"
|
<el-option v-for="item of $d[scope.row.DictionaryCode]" :key="item.id" :value="item.value"
|
||||||
size="mini"
|
:label="item.label" />
|
||||||
@change="handleExistDiseaseChange"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item of $d[ scope.row.DictionaryCode]"
|
|
||||||
:key="item.id"
|
|
||||||
:value="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
/>
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</template>
|
</template>
|
||||||
<!-- 整体肿瘤评估（非基线可修改） -->
|
<!-- 整体肿瘤评估（非基线可修改） -->
|
||||||
<template v-else-if="!task.IsBaseLine && (scope.row.QuestionType=== 13 || scope.row.QuestionType=== 42)">
|
<template
|
||||||
<el-select
|
v-else-if="!task.IsBaseLine && (scope.row.QuestionType === 13 || scope.row.QuestionType === 42)">
|
||||||
v-if="scope.row.Type==='select' && scope.row.DictionaryCode"
|
<el-select v-if="scope.row.Type === 'select' && scope.row.DictionaryCode"
|
||||||
v-model="currentEvaluateResult"
|
v-model="currentEvaluateResult" size="mini" @change="handleEvaluateResultChange">
|
||||||
size="mini"
|
|
||||||
@change="handleEvaluateResultChange"
|
|
||||||
>
|
|
||||||
<template v-if="CriterionType === 1 && tLesionCount">
|
<template v-if="CriterionType === 1 && tLesionCount">
|
||||||
<el-option
|
<el-option v-for="item of $d[scope.row.DictionaryCode]"
|
||||||
v-for="item of $d[ scope.row.DictionaryCode]"
|
|
||||||
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1 && item.value !== 3)"
|
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1 && item.value !== 3)"
|
||||||
:key="item.id"
|
:key="item.id" :value="item.value" :label="item.label" />
|
||||||
:value="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="CriterionType === 1 && ntLesionCount">
|
<template v-else-if="CriterionType === 1 && ntLesionCount">
|
||||||
<el-option
|
<el-option v-for="item of $d[scope.row.DictionaryCode]"
|
||||||
v-for="item of $d[ scope.row.DictionaryCode]"
|
|
||||||
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1)"
|
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1)"
|
||||||
:key="item.id"
|
:key="item.id" :value="item.value" :label="item.label" />
|
||||||
:value="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<el-option
|
<el-option v-for="item of $d[scope.row.DictionaryCode]"
|
||||||
v-for="item of $d[ scope.row.DictionaryCode]"
|
|
||||||
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1)"
|
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1)"
|
||||||
:key="item.id"
|
:key="item.id" :value="item.value" :label="item.label" />
|
||||||
:value="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
</el-select>
|
</el-select>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -166,23 +107,19 @@
|
||||||
<!-- v-if="tumorEvaluate && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease)" -->
|
<!-- v-if="tumorEvaluate && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease)" -->
|
||||||
<template>
|
<template>
|
||||||
<!-- 输入框 -->
|
<!-- 输入框 -->
|
||||||
<el-input
|
<el-input v-if="scope.row.Type === 'input'" v-model="currentTaskReason" size="mini"
|
||||||
v-if="scope.row.Type==='input'"
|
@change="evaluateReasonChange" />
|
||||||
v-model="currentTaskReason"
|
<el-input v-else-if="scope.row.Type === 'textarea'" v-model="currentTaskReason"
|
||||||
size="mini"
|
:autosize="{ minRows: 2, maxRows: 4 }" size="mini" maxlength="500"
|
||||||
@change="evaluateReasonChange"
|
@change="evaluateReasonChange" />
|
||||||
/>
|
|
||||||
<el-input
|
|
||||||
v-else-if="scope.row.Type==='textarea'"
|
|
||||||
v-model="currentTaskReason"
|
|
||||||
:autosize="{ minRows: 2, maxRows: 4}"
|
|
||||||
size="mini"
|
|
||||||
maxlength="500"
|
|
||||||
@change="evaluateReasonChange"
|
|
||||||
/>
|
|
||||||
<!-- 系统评估结果为：xxx,与当前调整的结果不一致，请填写调整原因 -->
|
<!-- 系统评估结果为：xxx,与当前调整的结果不一致，请填写调整原因 -->
|
||||||
<p v-if="currentEvaluateResult !== tumorEvaluate" style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;" v-html="getWarningText()" />
|
<p v-if="currentEvaluateResult !== tumorEvaluate"
|
||||||
<p v-else-if="currentExistDisease !== isExistDisease" style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;">{{ $t('trials:readingReport:title:sysEvaluationRes') }}<span style="color:red">{{ $fd('ExistDisease',isExistDisease) }}</span>{{ $t('trials:readingReport:message:msg1') }}
|
style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;"
|
||||||
|
v-html="getWarningText()" />
|
||||||
|
<p v-else-if="currentExistDisease !== isExistDisease"
|
||||||
|
style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;">
|
||||||
|
{{ $t('trials:readingReport:title:sysEvaluationRes') }}<span style="color:red">{{
|
||||||
|
$fd('ExistDisease', isExistDisease) }}</span>{{ $t('trials:readingReport:message:msg1') }}
|
||||||
</p>
|
</p>
|
||||||
</template>
|
</template>
|
||||||
<!-- <template v-else>
|
<!-- <template v-else>
|
||||||
|
|
@ -199,34 +136,49 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template v-else-if="scope.row.QuestionType === 15">
|
<template v-else-if="scope.row.QuestionType === 15">
|
||||||
<el-tooltip v-if="getAnswerInfo(scope.row.Answer,task.VisitTaskId,'IsGlobalChange')" :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer,task.VisitTaskId,'GlobalChangeAnswer'))}`" placement="top" effect="light">
|
<el-tooltip v-if="getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'IsGlobalChange')"
|
||||||
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
:content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'GlobalChangeAnswer'))}`"
|
||||||
|
placement="top" effect="light">
|
||||||
|
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId])
|
||||||
|
}}</span>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template v-else-if="scope.row.QuestionType === 13 || scope.row.QuestionType === 42">
|
<template v-else-if="scope.row.QuestionType === 13 || scope.row.QuestionType === 42">
|
||||||
<el-tooltip v-if="getAnswerInfo(scope.row.Answer,task.VisitTaskId,'IsGlobalChange')" :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer,task.VisitTaskId,'GlobalChangeAnswer'))}`" placement="top" effect="light">
|
<el-tooltip v-if="getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'IsGlobalChange')"
|
||||||
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
:content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'GlobalChangeAnswer'))}`"
|
||||||
|
placement="top" effect="light">
|
||||||
|
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId])
|
||||||
|
}}</span>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="scope.row.QuestionType === 22">
|
<template v-else-if="scope.row.QuestionType === 22">
|
||||||
{{ scope.row.Answers[task.VisitTaskId] === '-1' ? $t('trials:readingReport:title:unknow') : scope.row.Answers[task.VisitTaskId] }}
|
{{ scope.row.Answers[task.VisitTaskId] === '-1' ? $t('trials:readingReport:title:unknow') :
|
||||||
|
scope.row.Answers[task.VisitTaskId] }}
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template v-else-if="scope.row.DictionaryCode">
|
<template v-else-if="scope.row.DictionaryCode">
|
||||||
{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}
|
{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="CriterionType === 10">
|
<template v-else-if="CriterionType === 10">
|
||||||
{{ isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))?scope.row.Answers[task.VisitTaskId]:`${scope.row.Answers[task.VisitTaskId]}` }}
|
{{
|
||||||
|
isNaN(parseInt(scope.row.Answers[task.VisitTaskId])) ? scope.row.Answers[task.VisitTaskId] :
|
||||||
|
`${scope.row.Answers[task.VisitTaskId]}`
|
||||||
|
}}
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit">
|
<template v-else-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit">
|
||||||
{{ `${scope.row.Answers[task.VisitTaskId]}` }}
|
{{ `${scope.row.Answers[task.VisitTaskId]}` }}
|
||||||
<span v-if="scope.row.Answers[task.VisitTaskId] !== 'NA' && !isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))">{{ `${$fd('ValueUnit',scope.row.Unit)}` }}</span>
|
<span
|
||||||
|
v-if="scope.row.Answers[task.VisitTaskId] !== 'NA' && !isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))">{{
|
||||||
|
`${$fd('ValueUnit', scope.row.Unit)}` }}</span>
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="scope.row.ValueType === 2">
|
<template v-else-if="scope.row.ValueType === 2">
|
||||||
{{ isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))?scope.row.Answers[task.VisitTaskId]:`${scope.row.Answers[task.VisitTaskId]}%` }}
|
{{
|
||||||
|
isNaN(parseInt(scope.row.Answers[task.VisitTaskId])) ? scope.row.Answers[task.VisitTaskId] :
|
||||||
|
`${scope.row.Answers[task.VisitTaskId]}%`
|
||||||
|
}}
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="scope.row.Answers && scope.row.Answers.hasOwnProperty(task.VisitTaskId)">
|
<template v-else-if="scope.row.Answers && scope.row.Answers.hasOwnProperty(task.VisitTaskId)">
|
||||||
{{ scope.row.Answers[task.VisitTaskId] }}
|
{{ scope.row.Answers[task.VisitTaskId] }}
|
||||||
|
|
@ -238,28 +190,14 @@
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
<!-- 附加评估 -->
|
<!-- 附加评估 -->
|
||||||
<el-dialog
|
<el-dialog v-if="additionalAssessmentsDig.visible" :visible.sync="additionalAssessmentsDig.visible"
|
||||||
v-if="additionalAssessmentsDig.visible"
|
:close-on-click-modal="false" :title="additionalAssessmentsDig.title" width="600px">
|
||||||
:visible.sync="additionalAssessmentsDig.visible"
|
<AdditionalAssessment :questions="assessmentQuestions" :visit-task-id="visitTaskId"
|
||||||
:close-on-click-modal="false"
|
@close="additionalAssessmentsDig.visible = false" @sign="sign" />
|
||||||
:title="additionalAssessmentsDig.title"
|
|
||||||
width="600px"
|
|
||||||
>
|
|
||||||
<AdditionalAssessment
|
|
||||||
:questions="assessmentQuestions"
|
|
||||||
:visit-task-id="visitTaskId"
|
|
||||||
@close="additionalAssessmentsDig.visible = false"
|
|
||||||
@sign="sign"
|
|
||||||
/>
|
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 签名框 -->
|
<!-- 签名框 -->
|
||||||
<el-dialog
|
<el-dialog v-if="signVisible" :visible.sync="signVisible" :close-on-click-modal="false" width="600px"
|
||||||
v-if="signVisible"
|
custom-class="base-dialog-wrapper">
|
||||||
:visible.sync="signVisible"
|
|
||||||
:close-on-click-modal="false"
|
|
||||||
width="600px"
|
|
||||||
custom-class="base-dialog-wrapper"
|
|
||||||
>
|
|
||||||
<div slot="title">
|
<div slot="title">
|
||||||
<span style="font-size:18px;">{{ $t('common:dialogTitle:sign') }}</span>
|
<span style="font-size:18px;">{{ $t('common:dialogTitle:sign') }}</span>
|
||||||
<span style="font-size:12px;margin-left:5px">{{ `(${$t('common:label:sign')}${currentUser})` }}</span>
|
<span style="font-size:12px;margin-left:5px">{{ `(${$t('common:label:sign')}${currentUser})` }}</span>
|
||||||
|
|
@ -324,7 +262,11 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters(['language'])
|
...mapGetters(['language']),
|
||||||
|
isBaseline() {
|
||||||
|
var i = this.visitTaskList.findIndex(i => i.VisitTaskId === this.visitTaskId)
|
||||||
|
return this.visitTaskList[i] ? this.visitTaskList[i].IsBaseLine : false
|
||||||
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
taskQuestions() {
|
taskQuestions() {
|
||||||
|
|
@ -440,6 +382,7 @@ export default {
|
||||||
this.setScrollTop()
|
this.setScrollTop()
|
||||||
}
|
}
|
||||||
this.loading = false
|
this.loading = false
|
||||||
|
await this.getTaskAdditionalQuestion()
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
this.loading = false
|
this.loading = false
|
||||||
console.log(e)
|
console.log(e)
|
||||||
|
|
@ -651,6 +594,25 @@ export default {
|
||||||
this.answerArr[idx].answer = val
|
this.answerArr[idx].answer = val
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
async getTaskAdditionalQuestion() {
|
||||||
|
try {
|
||||||
|
const res = await getTaskAdditionalQuestion({ visitTaskId: this.visitTaskId })
|
||||||
|
this.assessmentQuestions = res.Result
|
||||||
|
} catch (err) {
|
||||||
|
console.log(err)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async openAssessment() {
|
||||||
|
try {
|
||||||
|
await this.getTaskAdditionalQuestion()
|
||||||
|
if (this.assessmentQuestions.length > 0) {
|
||||||
|
// 打开附加评估框
|
||||||
|
this.additionalAssessmentsDig.visible = true
|
||||||
|
}
|
||||||
|
} catch (err) {
|
||||||
|
console.log(err)
|
||||||
|
}
|
||||||
|
},
|
||||||
async handleConfirm() {
|
async handleConfirm() {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
try {
|
try {
|
||||||
|
|
@ -888,22 +850,29 @@ export default {
|
||||||
padding: 10px 0px;
|
padding: 10px 0px;
|
||||||
// background-color: #fff;
|
// background-color: #fff;
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: 7px;
|
width: 7px;
|
||||||
height: 7px;
|
height: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background: #d0d0d0;
|
background: #d0d0d0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.report-header {
|
.report-header {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-card {
|
.el-card {
|
||||||
display:flex;flex-direction: column;height: 100%;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100%;
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
border: none;
|
border: none;
|
||||||
|
|
||||||
::v-deep .el-card__body {
|
::v-deep .el-card__body {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
@ -922,41 +891,50 @@ export default {
|
||||||
// color: #ffffff;
|
// color: #ffffff;
|
||||||
// }
|
// }
|
||||||
|
|
||||||
::v-deep .el-table, .el-table__expanded-cell {
|
::v-deep .el-table,
|
||||||
|
.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, .el-table tr {
|
::v-deep .el-table th,
|
||||||
|
.el-table tr {
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-color: #444444;
|
border-color: #444444;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table__body tr>td {
|
::v-deep .el-table__body tr>td {
|
||||||
background-color: #000 !important;
|
background-color: #000 !important;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-color: #444444;
|
border-color: #444444;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table__body tr:hover>td {
|
::v-deep .el-table__body tr:hover>td {
|
||||||
background-color: #858282 !important;
|
background-color: #858282 !important;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-color: #444444;
|
border-color: #444444;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table--border th.gutter:last-of-type {
|
::v-deep .el-table--border th.gutter:last-of-type {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-card__header {
|
::v-deep .el-card__header {
|
||||||
border: none;
|
border: none;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-switch__label {
|
::v-deep .el-switch__label {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-switch__label.is-active {
|
::v-deep .el-switch__label.is-active {
|
||||||
color: #428bca;
|
color: #428bca;
|
||||||
}
|
}
|
||||||
|
|
||||||
.colorOfRed {
|
.colorOfRed {
|
||||||
color: #f66;
|
color: #f66;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -260,9 +260,9 @@ export default {
|
||||||
this.defaultWindowLevel.windowCenter = windowCenter
|
this.defaultWindowLevel.windowCenter = windowCenter
|
||||||
this.imageInfo.wwwc = `${Math.round(windowWidth)}/${Math.round(windowCenter)}`
|
this.imageInfo.wwwc = `${Math.round(windowWidth)}/${Math.round(windowCenter)}`
|
||||||
}
|
}
|
||||||
// const toolGroupId = `viewport-${this.viewportIndex}`
|
const toolGroupId = this.viewportId
|
||||||
// const toolGroup = ToolGroupManager.getToolGroup(toolGroupId)
|
const toolGroup = cornerstoneTools.ToolGroupManager.getToolGroup(toolGroupId)
|
||||||
// toolGroup.setToolEnabled('ScaleOverlay')
|
toolGroup.setToolEnabled('ScaleOverlay')
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -1,40 +1,21 @@
|
||||||
<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">
|
||||||
<div class="task-info">
|
<div class="task-info">
|
||||||
<div
|
<div v-for="(s, index) in visitTaskList" :key="s.VisitTaskId" class="task-item"
|
||||||
v-for="(s, index) in visitTaskList"
|
:class="{ 'task-item-active': activeTaskId == s.VisitTaskId }" @click.prevent="toggleTask(s, index)">{{
|
||||||
:key="s.VisitTaskId"
|
s.TaskBlindName }}</div>
|
||||||
class="task-item"
|
|
||||||
:class="{'task-item-active': activeTaskId==s.VisitTaskId}"
|
|
||||||
|
|
||||||
@click.prevent="toggleTask(s, index)"
|
|
||||||
>{{ s.TaskBlindName }}</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-loading="sLoading" class="study-info">
|
<div v-loading="sLoading" class="study-info">
|
||||||
<div
|
<div v-for="s in visitTaskList" v-show="activeTaskId === s.VisitTaskId" :key="s.VisitTaskId"
|
||||||
v-for="s in visitTaskList"
|
style="height:100%;">
|
||||||
v-show="activeTaskId === s.VisitTaskId"
|
<study-list v-if="selectArr.includes(s.VisitTaskId) && s.StudyList.length > 0" :ref="s.VisitTaskId"
|
||||||
:key="s.VisitTaskId"
|
:visit-task-info="s" :marked-series-ids="markedSeriesIds" @activeSeries="activeSeries"
|
||||||
style="height:100%;"
|
@showMultiFrame="showMultiFrame" />
|
||||||
>
|
|
||||||
<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>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -47,12 +28,8 @@
|
||||||
<div class="tools-wrapper">
|
<div class="tools-wrapper">
|
||||||
<div class="tools-left">
|
<div class="tools-left">
|
||||||
<!-- 布局 -->
|
<!-- 布局 -->
|
||||||
<div
|
<div :class="['tool-item', isFusion ? 'tool-disabled' : '']" :title="$t('trials:reading:button:layout')"
|
||||||
:class="['tool-item', isFusion ? 'tool-disabled' : '']"
|
@click.stop="showPanel($event, 'layout')" @mouseleave="toolMouseout">
|
||||||
:title="$t('trials:reading:button:layout')"
|
|
||||||
@click.stop="showPanel($event, 'layout')"
|
|
||||||
@mouseleave="toolMouseout"
|
|
||||||
>
|
|
||||||
<div class="dropdown">
|
<div class="dropdown">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<svg-icon icon-class="layout" class="svg-icon" />
|
<svg-icon icon-class="layout" class="svg-icon" />
|
||||||
|
|
@ -73,7 +50,8 @@
|
||||||
A
|
A
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</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">
|
<div class="layout_box_1_1">
|
||||||
A
|
A
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -106,12 +84,9 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 调窗 -->
|
<!-- 调窗 -->
|
||||||
<div
|
<div :class="['tool-item', activeTool === 'WindowLevel' ? 'tool-item-active' : '']"
|
||||||
:class="['tool-item', activeTool === 'WindowLevel' ? 'tool-item-active' : '']"
|
:title="$t('trials:reading:button:wwwc')" @click.stop="setWindowLevelActive($event)"
|
||||||
:title="$t('trials:reading:button:wwwc')"
|
@mouseleave="toolMouseout">
|
||||||
@click.stop="setWindowLevelActive($event)"
|
|
||||||
@mouseleave="toolMouseout"
|
|
||||||
>
|
|
||||||
<div class="dropdown">
|
<div class="dropdown">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<svg-icon icon-class="reverse" class="svg-icon" />
|
<svg-icon icon-class="reverse" class="svg-icon" />
|
||||||
|
|
@ -121,7 +96,8 @@
|
||||||
<ul style="width:165px;">
|
<ul style="width:165px;">
|
||||||
<li v-for="item in wwwcArr" :key="item.label">
|
<li v-for="item in wwwcArr" :key="item.label">
|
||||||
<a href="#" @click.stop="changeVoiRange(item)">
|
<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.label }}</div>
|
||||||
<div>{{ `${item.ww} / ${item.wc}` }}</div>
|
<div>{{ `${item.ww} / ${item.wc}` }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -138,27 +114,17 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 反色 -->
|
<!-- 反色 -->
|
||||||
<div
|
<div class="tool-item" :title="$t('trials:reading:button:reverseColor')" @click.prevent="toggleInvert">
|
||||||
class="tool-item"
|
|
||||||
:title="$t('trials:reading:button:reverseColor')"
|
|
||||||
@click.prevent="toggleInvert"
|
|
||||||
>
|
|
||||||
<svg-icon icon-class="reversecolor" class="svg-icon" />
|
<svg-icon icon-class="reversecolor" class="svg-icon" />
|
||||||
</div>
|
</div>
|
||||||
<!-- 缩放 -->
|
<!-- 缩放 -->
|
||||||
<div
|
<div :class="['tool-item', activeTool === 'Zoom' ? 'tool-item-active' : '']"
|
||||||
:class="['tool-item', activeTool === 'Zoom' ? 'tool-item-active' : '']"
|
:title="$t('trials:reading:button:zoom')" @click.prevent="setToolActive('Zoom')">
|
||||||
:title="$t('trials:reading:button:zoom')"
|
|
||||||
@click.prevent="setToolActive('Zoom')"
|
|
||||||
>
|
|
||||||
<svg-icon icon-class="magnifier" class="svg-icon" />
|
<svg-icon icon-class="magnifier" class="svg-icon" />
|
||||||
</div>
|
</div>
|
||||||
<!-- 移动 -->
|
<!-- 移动 -->
|
||||||
<div
|
<div :class="['tool-item', activeTool === 'Pan' ? 'tool-item-active' : '']"
|
||||||
:class="['tool-item', activeTool === 'Pan' ? 'tool-item-active' : '']"
|
:title="$t('trials:reading:button:move')" @click.prevent="setToolActive('Pan')">
|
||||||
:title="$t('trials:reading:button:move')"
|
|
||||||
@click.prevent="setToolActive('Pan')"
|
|
||||||
>
|
|
||||||
<svg-icon icon-class="move" class="svg-icon" />
|
<svg-icon icon-class="move" class="svg-icon" />
|
||||||
</div>
|
</div>
|
||||||
<!-- 旋转 -->
|
<!-- 旋转 -->
|
||||||
|
|
@ -169,18 +135,10 @@
|
||||||
>
|
>
|
||||||
<svg-icon icon-class="rotate" class="svg-icon" />
|
<svg-icon icon-class="rotate" class="svg-icon" />
|
||||||
</div> -->
|
</div> -->
|
||||||
<div
|
<div class="tool-item" :title="$t('trials:reading:button:rotate')" @click.stop="showPanel($event)"
|
||||||
class="tool-item"
|
@mouseleave="toolMouseout">
|
||||||
:title="$t('trials:reading:button:rotate')"
|
|
||||||
@click.stop="showPanel($event)"
|
|
||||||
@mouseleave="toolMouseout"
|
|
||||||
>
|
|
||||||
<div class="dropdown">
|
<div class="dropdown">
|
||||||
<div
|
<div class="icon" data-tool="Rotate" :class="[activeTool === 'Rotate' ? 'tool_active' : '']">
|
||||||
class="icon"
|
|
||||||
data-tool="Rotate"
|
|
||||||
:class="[activeTool==='Rotate'?'tool_active':'']"
|
|
||||||
>
|
|
||||||
<svg-icon icon-class="rotate" class="svg-icon" />
|
<svg-icon icon-class="rotate" class="svg-icon" />
|
||||||
<i class="el-icon-arrow-down" style="color:#fff;" />
|
<i class="el-icon-arrow-down" style="color:#fff;" />
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -196,36 +154,27 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 适应图像或窗口 -->
|
<!-- 适应图像或窗口 -->
|
||||||
<div
|
<div class="tool-item"
|
||||||
class="tool-item"
|
|
||||||
:title="forceFitToWindow ? `${$t('trials:reading:button:fitWindow')}` : `${$t('trials:reading:button:fitImage')}`"
|
: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-if="forceFitToWindow" icon-class="fitToWindow" class="svg-icon" />
|
||||||
<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 v-if="readingTool === 2" class="tool-item" :title="$t('trials:lugano:button:fusion')"
|
||||||
|
@click.prevent="openFusion">
|
||||||
<svg-icon icon-class="fusion" class="svg-icon" />
|
<svg-icon icon-class="fusion" class="svg-icon" />
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div v-for="tool in tools" :key="tool.toolName"
|
||||||
v-for="tool in tools"
|
|
||||||
:key="tool.toolName"
|
|
||||||
:class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '', activeTool === tool.toolName ? 'tool-item-active' : '']"
|
:class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '', activeTool === tool.toolName ? 'tool-item-active' : '']"
|
||||||
:style="{ cursor: tool.isDisabled ? 'not-allowed' : 'pointer' }"
|
:style="{ cursor: tool.isDisabled ? 'not-allowed' : 'pointer' }"
|
||||||
:title="tool.disabledReason ? tool.disabledReason : $t(`${tool.i18nKey}`)"
|
:title="tool.disabledReason ? tool.disabledReason : $t(`${tool.i18nKey}`)"
|
||||||
@click.prevent="setAnnotateToolActive(tool.toolName)"
|
@click.prevent="setAnnotateToolActive(tool.toolName)" @mouseenter="enter($event, tool.toolName)">
|
||||||
@mouseenter="enter($event,tool.toolName)"
|
|
||||||
>
|
|
||||||
<svg-icon :icon-class="tool.icon" class="svg-icon" />
|
<svg-icon :icon-class="tool.icon" class="svg-icon" />
|
||||||
</div>
|
</div>
|
||||||
<!-- 清除标注 -->
|
<!-- 清除标注 -->
|
||||||
<div
|
<div v-if="criterionType === 0" :class="['tool-item', activeTool === 'Eraser' ? 'tool-item-active' : '']"
|
||||||
v-if="criterionType === 0"
|
:title="$t('trials:dicom-show:Eraser')" @click.prevent="setToolActive('Eraser')">
|
||||||
: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" />
|
<svg-icon icon-class="clear" class="svg-icon" />
|
||||||
</div>
|
</div>
|
||||||
<div class="tool-frame">
|
<div class="tool-frame">
|
||||||
|
|
@ -238,20 +187,11 @@
|
||||||
<svg-icon icon-class="previousframe" class="svg-icon" />
|
<svg-icon icon-class="previousframe" class="svg-icon" />
|
||||||
</div>
|
</div>
|
||||||
<!-- 播放/暂停 -->
|
<!-- 播放/暂停 -->
|
||||||
<div
|
<div v-if="clipPlaying" :title="$t('trials:dicom-show:stop')" class="icon"
|
||||||
v-if="clipPlaying"
|
@click.prevent="toggleClipPlay(false)">
|
||||||
:title="$t('trials:dicom-show:stop')"
|
|
||||||
class="icon"
|
|
||||||
@click.prevent="toggleClipPlay(false)"
|
|
||||||
>
|
|
||||||
<svg-icon icon-class="stop" class="svg-icon" />
|
<svg-icon icon-class="stop" class="svg-icon" />
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div v-else :title="$t('trials:dicom-show:play')" class="icon" @click.prevent="toggleClipPlay(true)">
|
||||||
v-else
|
|
||||||
:title="$t('trials:dicom-show:play')"
|
|
||||||
class="icon"
|
|
||||||
@click.prevent="toggleClipPlay(true)"
|
|
||||||
>
|
|
||||||
<svg-icon icon-class="play" class="svg-icon" />
|
<svg-icon icon-class="play" class="svg-icon" />
|
||||||
</div>
|
</div>
|
||||||
<!-- 下一帧 -->
|
<!-- 下一帧 -->
|
||||||
|
|
@ -262,7 +202,8 @@
|
||||||
<div :title="$t('trials:dicom-show:lastframe')" class="icon" @click.prevent="scrollPage(99999)">
|
<div :title="$t('trials:dicom-show:lastframe')" class="icon" @click.prevent="scrollPage(99999)">
|
||||||
<svg-icon icon-class="lastframe" class="svg-icon" />
|
<svg-icon icon-class="lastframe" class="svg-icon" />
|
||||||
</div>
|
</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="5">5</option>
|
||||||
<option :value="10">10</option>
|
<option :value="10">10</option>
|
||||||
|
|
@ -273,26 +214,14 @@
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<!-- 重置 -->
|
<!-- 重置 -->
|
||||||
<div
|
<div class="tool-item" :title="$t('trials:reading:button:reset')" @click.prevent="resetViewport">
|
||||||
class="tool-item"
|
|
||||||
:title="$t('trials:reading:button:reset')"
|
|
||||||
@click.prevent="resetViewport"
|
|
||||||
>
|
|
||||||
<svg-icon icon-class="refresh" class="svg-icon" />
|
<svg-icon icon-class="refresh" class="svg-icon" />
|
||||||
</div>
|
</div>
|
||||||
<!-- 更多 :class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '']" -->
|
<!-- 更多 :class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '']" -->
|
||||||
<div
|
<div v-if="criterionType === 0" :title="$t('trials:reading:button:more')" :class="['tool-item']"
|
||||||
v-if="criterionType === 0"
|
@click.stop="showPanel($event)" @mouseleave="toolMouseout">
|
||||||
:title="$t('trials:reading:button:more')"
|
|
||||||
:class="['tool-item']"
|
|
||||||
@click.stop="showPanel($event)"
|
|
||||||
@mouseleave="toolMouseout"
|
|
||||||
>
|
|
||||||
<div class="dropdown">
|
<div class="dropdown">
|
||||||
<div
|
<div class="icon" data-tool="more">
|
||||||
class="icon"
|
|
||||||
data-tool="more"
|
|
||||||
>
|
|
||||||
<svg-icon icon-class="more" class="svg-icon" />
|
<svg-icon icon-class="more" class="svg-icon" />
|
||||||
<i class="el-icon-arrow-down" style="color:#fff;" />
|
<i class="el-icon-arrow-down" style="color:#fff;" />
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -309,21 +238,15 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div class="tool-item" :title="$t('trials:reading:button:upload')"
|
||||||
class="tool-item"
|
v-if="trialCriterion.ImageUploadEnum > 0 && readingTaskState < 2" v-hasPermi="['role:ir']">
|
||||||
:title="$t('trials:reading:button:upload')"
|
|
||||||
v-if="trialCriterion.ImageUploadEnum > 0 && readingTaskState < 2"
|
|
||||||
v-hasPermi="['role:ir']"
|
|
||||||
>
|
|
||||||
<div class="tool-wrapper">
|
<div class="tool-wrapper">
|
||||||
<div class="icon" @click.prevent="openUploadImage('upload')">
|
<div class="icon" @click.prevent="openUploadImage('upload')">
|
||||||
<i class="el-icon-upload2 svg-icon" />
|
<i class="el-icon-upload2 svg-icon" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div v-if="trialCriterion.ImageDownloadEnum > 0" v-hasPermi="[
|
||||||
v-if="trialCriterion.ImageDownloadEnum > 0"
|
|
||||||
v-hasPermi="[
|
|
||||||
'role:ir',
|
'role:ir',
|
||||||
'role:mim',
|
'role:mim',
|
||||||
'role:mc',
|
'role:mc',
|
||||||
|
|
@ -331,10 +254,7 @@
|
||||||
'role:apm',
|
'role:apm',
|
||||||
'role:ea',
|
'role:ea',
|
||||||
'role:qa',
|
'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="tool-wrapper">
|
||||||
<div class="icon" @click.prevent="openUploadImage('download')">
|
<div class="icon" @click.prevent="openUploadImage('download')">
|
||||||
<i class="el-icon-download svg-icon" />
|
<i class="el-icon-download svg-icon" />
|
||||||
|
|
@ -349,26 +269,16 @@
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<!-- 手册 -->
|
<!-- 手册 -->
|
||||||
<el-button
|
<el-button v-if="taskInfo && taskInfo.ExistsManual" type="text" @click="previewManuals">
|
||||||
v-if="taskInfo && taskInfo.ExistsManual"
|
|
||||||
type="text"
|
|
||||||
@click="previewManuals"
|
|
||||||
>
|
|
||||||
{{ $t('trials:reading:button:handbooks') }}
|
{{ $t('trials:reading:button:handbooks') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- 临床数据 -->
|
<!-- 临床数据 -->
|
||||||
<el-button
|
<el-button v-if="taskInfo && taskInfo.IsExistsClinicalData" type="text"
|
||||||
v-if="taskInfo && taskInfo.IsExistsClinicalData"
|
@click="previewCD(taskInfo.VisitTaskId)">
|
||||||
type="text"
|
|
||||||
@click="previewCD(taskInfo.VisitTaskId)"
|
|
||||||
>
|
|
||||||
{{ $t('trials:reading:button:clinicalData') }}
|
{{ $t('trials:reading:button:clinicalData') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- 个性化配置 -->
|
<!-- 个性化配置 -->
|
||||||
<el-button
|
<el-button type="text" @click="previewConfig">
|
||||||
type="text"
|
|
||||||
@click="previewConfig"
|
|
||||||
>
|
|
||||||
{{ $t('trials:reading:button:customCfg') }}
|
{{ $t('trials:reading:button:customCfg') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -378,103 +288,58 @@
|
||||||
<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-show="index < cells.length" :key="`viewport-${index}`"
|
||||||
v-for="(v, index) in cellsMax"
|
|
||||||
v-show="index < cells.length"
|
|
||||||
:key="`viewport-${index}`"
|
|
||||||
:style="cellStyle"
|
:style="cellStyle"
|
||||||
:class="['grid-cell', index === activeViewportIndex ? 'cell_active' : '', index === fullScreenIndex ? 'cell-full-screen' : '']"
|
:class="['grid-cell', index === activeViewportIndex ? 'cell_active' : '', index === fullScreenIndex ? 'cell-full-screen' : '']"
|
||||||
@dblclick="toggleFullScreen($event, index)"
|
@dblclick="toggleFullScreen($event, index)" @click="activeViewport(index)">
|
||||||
@click="activeViewport(index)"
|
<Viewport :ref="`viewport-${index}`" :data-viewport-uid="`viewport-${index}`"
|
||||||
>
|
:rendering-engine-id="renderingEngineId" :viewport-id="`viewport-${index}`" :viewport-index="index"
|
||||||
<Viewport
|
@activeViewport="activeViewport" @toggleTaskByViewport="toggleTaskByViewport" @previewCD="previewCD"
|
||||||
:ref="`viewport-${index}`"
|
@renderAnnotations="renderAnnotations" />
|
||||||
: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>
|
</div>
|
||||||
<div v-if="readingTool === 2" :class="[ 'viewports-box', !isFusion ? 'viewports-box-down' : '' ]" :style="gridStyle">
|
<div v-if="readingTool === 2" :class="['viewports-box', !isFusion ? 'viewports-box-down' : '']"
|
||||||
<div
|
:style="gridStyle">
|
||||||
v-for="(v, index) in cellsMax"
|
<div v-for="(v, index) in cellsMax" v-show="index < cells.length" :key="`viewport-fusion-${index}`"
|
||||||
v-show="index < cells.length"
|
|
||||||
:key="`viewport-fusion-${index}`"
|
|
||||||
:style="cellStyle"
|
:style="cellStyle"
|
||||||
:class="['grid-cell', index === activeViewportIndex ? 'cell_active' : '', index === fullScreenIndex ? 'cell-full-screen' : '']"
|
:class="['grid-cell', index === activeViewportIndex ? 'cell_active' : '', index === fullScreenIndex ? 'cell-full-screen' : '']"
|
||||||
@dblclick="toggleFullScreen($event, index)"
|
@dblclick="toggleFullScreen($event, index)" @click="activeViewport(index)">
|
||||||
@click="activeViewport(index)"
|
<PetCtViewport :ref="`viewport-fusion-${index}`" :data-viewport-uid="`viewport-fusion-${index}`"
|
||||||
>
|
:rendering-engine-id="renderingEngineId" :viewport-id="`viewport-fusion-${index}`"
|
||||||
<PetCtViewport
|
:viewport-index="index" @activeViewport="activeViewport"
|
||||||
:ref="`viewport-fusion-${index}`"
|
@toggleTaskByViewport="toggleTaskByViewport" @previewCD="previewCD"
|
||||||
:data-viewport-uid="`viewport-fusion-${index}`"
|
@renderAnnotations="renderAnnotations" @upperRangeChange="upperRangeChange" />
|
||||||
: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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 表单 -->
|
<!-- 表单 -->
|
||||||
<div class="form-wrapper">
|
<div class="form-wrapper">
|
||||||
<div
|
<div v-for="s in visitTaskList" v-show="lastViewportTaskId === s.VisitTaskId" :key="s.VisitTaskId"
|
||||||
v-for="s in visitTaskList"
|
style="height: 100%;">
|
||||||
v-show="lastViewportTaskId === s.VisitTaskId"
|
<mRecisit v-if="lastViewportTaskId && criterionType === 7 && lastViewportTaskIds.includes(s.VisitTaskId)"
|
||||||
:key="s.VisitTaskId"
|
|
||||||
style="height: 100%;"
|
|
||||||
>
|
|
||||||
<mRecisit
|
|
||||||
v-if="lastViewportTaskId && criterionType === 7 && lastViewportTaskIds.includes(s.VisitTaskId)"
|
|
||||||
:ref="`ecrf_${s.VisitTaskId}`"
|
:ref="`ecrf_${s.VisitTaskId}`"
|
||||||
:reading-task-state="currentVisitInfo.VisitTaskId === taskInfo.VisitTaskId ? readingTaskState : 2"
|
:reading-task-state="currentVisitInfo.VisitTaskId === taskInfo.VisitTaskId ? readingTaskState : 2"
|
||||||
:last-viewport-task-id="lastViewportTaskId"
|
:last-viewport-task-id="lastViewportTaskId" :visit-info="s" @removeAnnotation="removeAnnotation"
|
||||||
:visit-info="s"
|
@getScreenshots="getScreenshots" @setMarkName="setMarkName" @imageLocation="imageLocation"
|
||||||
@removeAnnotation="removeAnnotation"
|
@resetAnnotations="resetAnnotations" @getAnnotations="getAnnotations"
|
||||||
@getScreenshots="getScreenshots"
|
@setToolToTarget="setToolToTarget" />
|
||||||
@setMarkName="setMarkName"
|
|
||||||
@imageLocation="imageLocation"
|
|
||||||
@resetAnnotations="resetAnnotations"
|
|
||||||
@getAnnotations="getAnnotations"
|
|
||||||
@setToolToTarget="setToolToTarget"
|
|
||||||
/>
|
|
||||||
<recisit
|
<recisit
|
||||||
v-else-if="lastViewportTaskId && criterionType === 1 && lastViewportTaskIds.includes(s.VisitTaskId)"
|
v-else-if="lastViewportTaskId && criterionType === 1 && lastViewportTaskIds.includes(s.VisitTaskId)"
|
||||||
:ref="`ecrf_${s.VisitTaskId}`"
|
:ref="`ecrf_${s.VisitTaskId}`"
|
||||||
:reading-task-state="currentVisitInfo.VisitTaskId === taskInfo.VisitTaskId ? readingTaskState : 2"
|
:reading-task-state="currentVisitInfo.VisitTaskId === taskInfo.VisitTaskId ? readingTaskState : 2"
|
||||||
:last-viewport-task-id="lastViewportTaskId"
|
:last-viewport-task-id="lastViewportTaskId" :visit-info="s" @removeAnnotation="removeAnnotation"
|
||||||
:visit-info="s"
|
@getScreenshots="getScreenshots" @setMarkName="setMarkName" @imageLocation="imageLocation"
|
||||||
@removeAnnotation="removeAnnotation"
|
@resetAnnotations="resetAnnotations" @getAnnotations="getAnnotations"
|
||||||
@getScreenshots="getScreenshots"
|
@setToolToTarget="setToolToTarget" />
|
||||||
@setMarkName="setMarkName"
|
|
||||||
@imageLocation="imageLocation"
|
|
||||||
@resetAnnotations="resetAnnotations"
|
|
||||||
@getAnnotations="getAnnotations"
|
|
||||||
@setToolToTarget="setToolToTarget"
|
|
||||||
/>
|
|
||||||
<customize-question-list
|
<customize-question-list
|
||||||
v-else-if="lastViewportTaskId && criterionType === 0 && lastViewportTaskIds.includes(s.VisitTaskId)"
|
v-else-if="lastViewportTaskId && criterionType === 0 && lastViewportTaskIds.includes(s.VisitTaskId)"
|
||||||
:ref="`ecrf_${s.VisitTaskId}`"
|
:ref="`ecrf_${s.VisitTaskId}`"
|
||||||
:reading-task-state="taskInfo && currentVisitInfo.VisitTaskId === taskInfo.VisitTaskId ? readingTaskState : 2"
|
:reading-task-state="taskInfo && currentVisitInfo.VisitTaskId === taskInfo.VisitTaskId ? readingTaskState : 2"
|
||||||
:last-viewport-task-id="lastViewportTaskId"
|
:last-viewport-task-id="lastViewportTaskId" :visit-info="s" @resetAnnotations="resetAnnotations"
|
||||||
:visit-info="s"
|
@setReadingTaskState="setReadingTaskState" @viewCustomAnnotationSeries="viewCustomAnnotationSeries"
|
||||||
@resetAnnotations="resetAnnotations"
|
@getCustomScreenshots="getCustomScreenshots" @setReadingToolActive="setReadingToolActive"
|
||||||
@setReadingTaskState="setReadingTaskState"
|
@setReadingToolPassive="setReadingToolPassive" />
|
||||||
@viewCustomAnnotationSeries="viewCustomAnnotationSeries"
|
|
||||||
@getCustomScreenshots="getCustomScreenshots"
|
|
||||||
@setReadingToolActive="setReadingToolActive"
|
|
||||||
@setReadingToolPassive="setReadingToolPassive"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -483,30 +348,21 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 自定义调窗 -->
|
<!-- 自定义调窗 -->
|
||||||
<el-dialog
|
<el-dialog v-if="customWwc.visible" :visible.sync="customWwc.visible" :close-on-click-modal="false"
|
||||||
v-if="customWwc.visible"
|
:title="customWwc.title" width="400px" custom-class="base-dialog-wrapper">
|
||||||
:visible.sync="customWwc.visible"
|
<custom-wwwc-form :ww="activeViewportWW" :wc="activeViewportWC" @close="customWwc.visible = false"
|
||||||
:close-on-click-modal="false"
|
@setWwwc="setWwwc" />
|
||||||
: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>
|
||||||
<!-- 手册 -->
|
<!-- 手册 -->
|
||||||
<el-dialog
|
<el-dialog v-if="manualsDialog.visible" :visible.sync="manualsDialog.visible"
|
||||||
v-if="manualsDialog.visible"
|
|
||||||
:visible.sync="manualsDialog.visible"
|
|
||||||
:custom-class="manualsDialog.isFullscreen ? 'manuals-full-dialog-container' : 'manuals-dialog-container'"
|
:custom-class="manualsDialog.isFullscreen ? 'manuals-full-dialog-container' : 'manuals-dialog-container'"
|
||||||
:show-close="false"
|
:show-close="false" :close-on-click-modal="false" :fullscreen="manualsDialog.isFullscreen">
|
||||||
:close-on-click-modal="false"
|
|
||||||
:fullscreen="manualsDialog.isFullscreen"
|
|
||||||
>
|
|
||||||
<span slot="title" class="dialog-footer">
|
<span slot="title" class="dialog-footer">
|
||||||
<!-- 手册 -->
|
<!-- 手册 -->
|
||||||
<span>{{ $t('trials:reading:button:handbooks') }}</span>
|
<span>{{ $t('trials:reading:button:handbooks') }}</span>
|
||||||
<span style="position: absolute;right: 20px;font-size: 20px;">
|
<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" />
|
<svg-icon icon-class="close" style="cursor: pointer;" @click="manualsDialog.visible = false" />
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
|
|
@ -515,13 +371,8 @@
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 个性化配置 -->
|
<!-- 个性化配置 -->
|
||||||
<el-dialog
|
<el-dialog v-if="personalConfigDialog.visible" :visible.sync="personalConfigDialog.visible"
|
||||||
v-if="personalConfigDialog.visible"
|
:close-on-click-modal="false" :title="personalConfigDialog.title" width="600px">
|
||||||
:visible.sync="personalConfigDialog.visible"
|
|
||||||
:close-on-click-modal="false"
|
|
||||||
:title="personalConfigDialog.title"
|
|
||||||
width="600px"
|
|
||||||
>
|
|
||||||
<el-tabs v-model="personalConfigDialog.activeName" class="personal_config">
|
<el-tabs v-model="personalConfigDialog.activeName" class="personal_config">
|
||||||
<!-- 热键 -->
|
<!-- 热键 -->
|
||||||
<el-tab-pane :label="$t('trials:reading:tab:hotkeys')" name="1">
|
<el-tab-pane :label="$t('trials:reading:tab:hotkeys')" name="1">
|
||||||
|
|
@ -539,57 +390,35 @@
|
||||||
|
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 临床数据 -->
|
<!-- 临床数据 -->
|
||||||
<el-dialog
|
<el-dialog :visible.sync="clinicalDataVisible"
|
||||||
:visible.sync="clinicalDataVisible"
|
:custom-class="isClinicalDataFullscreen ? 'cd-full-dialog-container' : 'cd-dialog-container'" :show-close="false"
|
||||||
:custom-class="isClinicalDataFullscreen?'cd-full-dialog-container':'cd-dialog-container'"
|
:close-on-click-modal="false" :fullscreen="isClinicalDataFullscreen">
|
||||||
:show-close="false"
|
|
||||||
:close-on-click-modal="false"
|
|
||||||
:fullscreen="isClinicalDataFullscreen"
|
|
||||||
>
|
|
||||||
<span slot="title" class="dialog-footer">
|
<span slot="title" class="dialog-footer">
|
||||||
<div style="position: absolute;right: 20px;top: 10px;color: #000;">
|
<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="isClinicalDataFullscreen ? 'exit-fullscreen' : 'fullscreen'"
|
||||||
<svg-icon icon-class="dClose" style="cursor: pointer;font-size: 25px;margin-left: 10px;" @click="clinicalDataVisible = false" />
|
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>
|
</div>
|
||||||
</span>
|
</span>
|
||||||
<div style="height: 100%;margin:0;display: flex;flex-direction: column;">
|
<div style="height: 100%;margin:0;display: flex;flex-direction: column;">
|
||||||
<clinical-data
|
<clinical-data v-if="clinicalDataVisible" style="flex: 1" :trial-id="trialId" :subject-id="taskInfo.SubjectId"
|
||||||
v-if="clinicalDataVisible"
|
:visit-task-id="cdVisitTaskId" :is-reading-show-subject-info="taskInfo.IsReadingShowSubjectInfo" />
|
||||||
style="flex: 1"
|
|
||||||
:trial-id="trialId"
|
|
||||||
:subject-id="taskInfo.SubjectId"
|
|
||||||
:visit-task-id="cdVisitTaskId"
|
|
||||||
:is-reading-show-subject-info="taskInfo.IsReadingShowSubjectInfo"
|
|
||||||
/>
|
|
||||||
</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" :active-task-index="activeTaskIndex" :task-list="visitTaskList"
|
||||||
:title="$t('trials:lugano:button:record')"
|
@close="closeFusion" @fusion="handleFusion" />
|
||||||
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
|
<upload-dicom-and-nonedicom v-if="uploadImageVisible" :subject-id="uploadSubjectId"
|
||||||
v-if="uploadImageVisible"
|
:subject-code="uploadSubjectCode" :criterion="uploadTrialCriterion" :visible.sync="uploadImageVisible"
|
||||||
:subject-id="uploadSubjectId"
|
:visit-task-id="taskId" :is-reading-task-view-in-order="isReadingTaskViewInOrder" />
|
||||||
:subject-code="uploadSubjectCode"
|
<download-dicom-and-nonedicom v-if="downloadImageVisible" :subject-id="uploadSubjectId"
|
||||||
:criterion="uploadTrialCriterion"
|
:subject-code="uploadSubjectCode" :criterion="uploadTrialCriterion" :task-id="taskId"
|
||||||
:visible.sync="uploadImageVisible"
|
:visible.sync="downloadImageVisible" />
|
||||||
: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>
|
||||||
|
|
@ -1300,6 +1129,13 @@ export default {
|
||||||
]
|
]
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
toolGroup.setToolConfiguration(
|
||||||
|
ScaleOverlayTool.toolName,
|
||||||
|
{
|
||||||
|
scaleLocation: 'bottom'
|
||||||
|
},
|
||||||
|
true // overwrite
|
||||||
|
)
|
||||||
toolGroup.setToolActive(StackScrollTool.toolName, {
|
toolGroup.setToolActive(StackScrollTool.toolName, {
|
||||||
bindings: [{ mouseButton: MouseBindings.Wheel }]
|
bindings: [{ mouseButton: MouseBindings.Wheel }]
|
||||||
})
|
})
|
||||||
|
|
@ -3303,33 +3139,40 @@ export default {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: 5px;
|
width: 5px;
|
||||||
height: 5px;
|
height: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background: #d0d0d0;
|
background: #d0d0d0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left-panel {
|
.left-panel {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
border: 1px solid #727272;
|
border: 1px solid #727272;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: 3px;
|
width: 3px;
|
||||||
height: 3px;
|
height: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background: #d0d0d0;
|
background: #d0d0d0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.task-container {
|
.task-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 25px;
|
width: 25px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.task-info {
|
.task-info {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 5px;
|
top: 5px;
|
||||||
|
|
@ -3337,6 +3180,7 @@ export default {
|
||||||
transform-origin: right top;
|
transform-origin: right top;
|
||||||
transform: rotate(-90deg);
|
transform: rotate(-90deg);
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
.task-item {
|
.task-item {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
@ -3348,27 +3192,32 @@ export default {
|
||||||
color: #d5d5d5;
|
color: #d5d5d5;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.task-item-active {
|
.task-item-active {
|
||||||
background-color: #607d8b;
|
background-color: #607d8b;
|
||||||
border: 1px solid #607d8b;
|
border: 1px solid #607d8b;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.study-info {
|
.study-info {
|
||||||
width: 170px;
|
width: 170px;
|
||||||
border-left: 1px solid #727272;
|
border-left: 1px solid #727272;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.middle-panel {
|
.middle-panel {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
border: 1px solid #727272;
|
border: 1px solid #727272;
|
||||||
margin: 0 5px;
|
margin: 0 5px;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
||||||
.dicom-viewer {
|
.dicom-viewer {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
||||||
.tools-wrapper {
|
.tools-wrapper {
|
||||||
height: 50px;
|
height: 50px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -3376,6 +3225,7 @@ export default {
|
||||||
border-bottom: 1px solid #727272;
|
border-bottom: 1px solid #727272;
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
|
|
||||||
.tools-left {
|
.tools-left {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -3383,12 +3233,14 @@ export default {
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tool-item {
|
.tool-item {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
margin: 0 5px;
|
margin: 0 5px;
|
||||||
border: 1px solid #333;
|
border: 1px solid #333;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
.el-dropdown-link {
|
.el-dropdown-link {
|
||||||
.svg-icon {
|
.svg-icon {
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
|
|
@ -3396,12 +3248,15 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tool-item-active {
|
.tool-item-active {
|
||||||
background-color: #607d8b;
|
background-color: #607d8b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tool-disabled {
|
.tool-disabled {
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tool-frame {
|
.tool-frame {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|
@ -3411,16 +3266,19 @@ export default {
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
margin: 0 5px;
|
margin: 0 5px;
|
||||||
border: 1px solid #404040;
|
border: 1px solid #404040;
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
border-right: 1px solid #404040;
|
border-right: 1px solid #404040;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
.svg-icon {
|
.svg-icon {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-wrapper {
|
.select-wrapper {
|
||||||
width: 60px;
|
width: 60px;
|
||||||
background-color: black;
|
background-color: black;
|
||||||
|
|
@ -3429,6 +3287,7 @@ export default {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
position: relative;
|
position: relative;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
@ -3437,16 +3296,19 @@ export default {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// .icon:hover{
|
// .icon:hover{
|
||||||
// background-color: #607d8b;
|
// background-color: #607d8b;
|
||||||
// }
|
// }
|
||||||
.dropdown {
|
.dropdown {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-content {
|
.dropdown-content {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -3455,11 +3317,13 @@ export default {
|
||||||
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
|
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
|
||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
a {
|
a {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
@ -3467,17 +3331,21 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
ul li a:hover {
|
ul li a:hover {
|
||||||
background-color: #727272;
|
background-color: #727272;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-content-ul li:hover {
|
.layout-content-ul li:hover {
|
||||||
background-color: #727272;
|
background-color: #727272;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-content ul li {
|
.layout-content ul li {
|
||||||
border-top: 1px solid #ddd;
|
border-top: 1px solid #ddd;
|
||||||
border-left: 1px solid #ddd;
|
border-left: 1px solid #ddd;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout_flex_row {
|
.layout_flex_row {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
@ -3486,6 +3354,7 @@ export default {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 2px;
|
margin-bottom: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout_flex_column {
|
.layout_flex_column {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
@ -3493,6 +3362,7 @@ export default {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: 2px;
|
margin-bottom: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout_box_1_1 {
|
.layout_box_1_1 {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
|
|
@ -3501,6 +3371,7 @@ export default {
|
||||||
border-bottom: 1px solid #ddd;
|
border-bottom: 1px solid #ddd;
|
||||||
border-right: 1px solid #ddd;
|
border-right: 1px solid #ddd;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout_box_1_2 {
|
.layout_box_1_2 {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
line-height: 15px;
|
line-height: 15px;
|
||||||
|
|
@ -3509,12 +3380,14 @@ export default {
|
||||||
border-bottom: 1px solid #ddd;
|
border-bottom: 1px solid #ddd;
|
||||||
border-right: 1px solid #ddd;
|
border-right: 1px solid #ddd;
|
||||||
}
|
}
|
||||||
|
|
||||||
.divider {
|
.divider {
|
||||||
display: block;
|
display: block;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-divider__text {
|
.el-divider__text {
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
@ -3523,20 +3396,24 @@ export default {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.content-wrapper {
|
.content-wrapper {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
height: calc(100% - 50px);
|
height: calc(100% - 50px);
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
||||||
.viewports-wrapper {
|
.viewports-wrapper {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
|
||||||
.grid-container {
|
.grid-container {
|
||||||
display: grid;
|
display: grid;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.viewports-box {
|
.viewports-box {
|
||||||
display: grid;
|
display: grid;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -3548,25 +3425,31 @@ export default {
|
||||||
right: 0;
|
right: 0;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.viewports-box-down {
|
.viewports-box-down {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.grid-cell {
|
.grid-cell {
|
||||||
border: 1px dashed #ccc;;
|
border: 1px dashed #ccc;
|
||||||
|
;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cell_active {
|
.cell_active {
|
||||||
border-color: #fafa00 !important;
|
border-color: #fafa00 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cell-full-screen {
|
.cell-full-screen {
|
||||||
grid-column: 1 / -1;
|
grid-column: 1 / -1;
|
||||||
grid-row: 1 / -1;
|
grid-row: 1 / -1;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-wrapper {
|
.form-wrapper {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
@ -3582,36 +3465,44 @@ export default {
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .manuals-dialog-container {
|
::v-deep .manuals-dialog-container {
|
||||||
margin-top: 50px !important;
|
margin-top: 50px !important;
|
||||||
width: 75%;
|
width: 75%;
|
||||||
height: 80%;
|
height: 80%;
|
||||||
|
|
||||||
.el-dialog__body {
|
.el-dialog__body {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
height: calc(100% - 50px) !important;
|
height: calc(100% - 50px) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-dialog__header {
|
.el-dialog__header {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .manuals-full-dialog-container {
|
::v-deep .manuals-full-dialog-container {
|
||||||
.el-dialog__body {
|
.el-dialog__body {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
height: calc(100% - 50px) !important;
|
height: calc(100% - 50px) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-dialog__header {
|
.el-dialog__header {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .cd-dialog-container {
|
::v-deep .cd-dialog-container {
|
||||||
background: #fff !important;
|
background: #fff !important;
|
||||||
margin-top: 50px !important;
|
margin-top: 50px !important;
|
||||||
width: 75%;
|
width: 75%;
|
||||||
height: 80%;
|
height: 80%;
|
||||||
|
|
||||||
.el-dialog__body {
|
.el-dialog__body {
|
||||||
padding: 20px 20px 0 20px;
|
padding: 20px 20px 0 20px;
|
||||||
height: calc(100% - 70px);
|
height: calc(100% - 70px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-dialog__header {
|
.el-dialog__header {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
@ -3619,18 +3510,22 @@ export default {
|
||||||
|
|
||||||
::v-deep .cd-full-dialog-container {
|
::v-deep .cd-full-dialog-container {
|
||||||
background: #fff !important;
|
background: #fff !important;
|
||||||
|
|
||||||
.el-dialog__body {
|
.el-dialog__body {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
height: calc(100% - 50px) !important;
|
height: calc(100% - 50px) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-dialog__header {
|
.el-dialog__header {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-dropdown-menu {
|
::v-deep .el-dropdown-menu {
|
||||||
.el-dropdown-menu__item {
|
.el-dropdown-menu__item {
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout_flex_row {
|
.layout_flex_row {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
@ -3640,12 +3535,14 @@ export default {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout_flex_column {
|
.layout_flex_column {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout_box_1_1 {
|
.layout_box_1_1 {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
|
|
@ -3654,6 +3551,7 @@ export default {
|
||||||
// border-bottom:1px solid #ddd;
|
// border-bottom:1px solid #ddd;
|
||||||
// border-right:1px solid #ddd;
|
// border-right:1px solid #ddd;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout_box_1_2 {
|
.layout_box_1_2 {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
line-height: 15px;
|
line-height: 15px;
|
||||||
|
|
@ -3664,5 +3562,4 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -5,87 +5,49 @@
|
||||||
<!-- 电子影像病例报告表（eICRF） -->
|
<!-- 电子影像病例报告表（eICRF） -->
|
||||||
<h3 style="margin:0;padding:0;">{{ $t('trials:readingReport:title:eicrf') }}</h3>
|
<h3 style="margin:0;padding:0;">{{ $t('trials:readingReport:title:eicrf') }}</h3>
|
||||||
<div style="margin-left:auto">
|
<div style="margin-left:auto">
|
||||||
<el-switch
|
<el-switch v-model="isShowDetail" :active-text="$t('trials:readingReport:title:expandDetails')"
|
||||||
v-model="isShowDetail"
|
:inactive-text="$t('trials:readingReport:title:collapseDetails')" style="margin-right:5px;"
|
||||||
:active-text="$t('trials:readingReport:title:expandDetails')"
|
@change="handleShowDetail" />
|
||||||
:inactive-text="$t('trials:readingReport:title:collapseDetails')"
|
<el-button type="primary" size="small" v-if="isBaseline && assessmentQuestions.length > 0"
|
||||||
style="margin-right:5px;"
|
@click="openAssessment">
|
||||||
@change="handleShowDetail"
|
<!-- 附加评估 -->
|
||||||
/>
|
{{ $t('trials:readingReport:button:assessment') }}
|
||||||
<el-button
|
</el-button>
|
||||||
v-if="readingTaskState<2"
|
<el-button v-if="readingTaskState < 2" type="primary" size="small" @click="skipTask">
|
||||||
type="primary"
|
|
||||||
size="small"
|
|
||||||
@click="skipTask"
|
|
||||||
>
|
|
||||||
<!-- 跳过 -->
|
<!-- 跳过 -->
|
||||||
{{ $t('trials:readingReport:button:skip') }}
|
{{ $t('trials:readingReport:button:skip') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button v-if="readingTaskState < 2" type="primary" size="small" @click="getReportInfo(false)">
|
||||||
v-if="readingTaskState<2"
|
|
||||||
type="primary"
|
|
||||||
size="small"
|
|
||||||
@click="getReportInfo(false)"
|
|
||||||
>
|
|
||||||
<!-- 刷新 -->
|
<!-- 刷新 -->
|
||||||
{{ $t('trials:readingReport:button:refresh') }}
|
{{ $t('trials:readingReport:button:refresh') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button v-if="readingTaskState < 2 && criterionType !== 10" type="primary" size="small"
|
||||||
v-if="readingTaskState<2 && criterionType !== 10"
|
@click="handleSave(true)">
|
||||||
type="primary"
|
|
||||||
size="small"
|
|
||||||
@click="handleSave(true)"
|
|
||||||
>
|
|
||||||
<!-- 保存 -->
|
<!-- 保存 -->
|
||||||
{{ $t('common:button:save') }}
|
{{ $t('common:button:save') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button v-if="readingTaskState < 2" type="primary" size="small" @click="beforeLeave">
|
||||||
v-if="readingTaskState<2"
|
|
||||||
type="primary"
|
|
||||||
size="small"
|
|
||||||
@click="beforeLeave"
|
|
||||||
>
|
|
||||||
<!-- 提交 -->
|
<!-- 提交 -->
|
||||||
{{ $t('common:button:submit') }}
|
{{ $t('common:button:submit') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div ref="tableWrapper" style="height:100%;overflow-y: auto;">
|
<div ref="tableWrapper" style="height:100%;overflow-y: auto;">
|
||||||
<el-table
|
<el-table v-if="height" ref="reportList" :data="taskQuestions" row-key="Id" border
|
||||||
v-if="height"
|
:expand-row-keys="expandedRows" :height="height"
|
||||||
ref="reportList"
|
:tree-props="{ children: 'Childrens', hasChildren: 'hasChildren' }" size="mini">
|
||||||
:data="taskQuestions"
|
<el-table-column prop="" label="" show-overflow-tooltip width="350px">
|
||||||
row-key="Id"
|
|
||||||
border
|
|
||||||
:expand-row-keys="expandedRows"
|
|
||||||
:height="height"
|
|
||||||
:tree-props="{children: 'Childrens', hasChildren: 'hasChildren'}"
|
|
||||||
size="mini"
|
|
||||||
>
|
|
||||||
<el-table-column
|
|
||||||
prop=""
|
|
||||||
label=""
|
|
||||||
show-overflow-tooltip
|
|
||||||
width="350px"
|
|
||||||
>
|
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span v-if="scope.row.QuestionName" :style="{color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) ? '#f66' : '#fff'}">{{ scope.row.QuestionName }}</span>
|
<span v-if="scope.row.QuestionName"
|
||||||
<span
|
:style="{ color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) ? '#f66' : '#fff' }">{{
|
||||||
v-else
|
scope.row.QuestionName }}</span>
|
||||||
style="font-weight: bold;font-size: 16px;color: #f44336;"
|
<span v-else style="font-weight: bold;font-size: 16px;color: #f44336;">
|
||||||
>
|
|
||||||
{{ language === 'en' ? scope.row.GroupEnName : scope.row.GroupName }}
|
{{ language === 'en' ? scope.row.GroupEnName : scope.row.GroupName }}
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column v-for="task in visitTaskList" :key="task.VisitTaskId" prop="date" show-overflow-tooltip
|
||||||
v-for="task in visitTaskList"
|
width="150px">
|
||||||
:key="task.VisitTaskId"
|
|
||||||
prop="date"
|
|
||||||
|
|
||||||
show-overflow-tooltip
|
|
||||||
width="150px"
|
|
||||||
>
|
|
||||||
<template slot="header">
|
<template slot="header">
|
||||||
<div v-if="task.IsCurrentTask">
|
<div v-if="task.IsCurrentTask">
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -102,58 +64,37 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span :style="{color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) || (scope.row.QuestionMark === 12) || scope.row.HighlightAnswerList.includes(`${scope.row.Answers[task.VisitTaskId]}`) ? '#f66' : '#fff'}">
|
<span
|
||||||
<template v-if="task.VisitTaskId === visitTaskId && readingTaskState < 2 && [13,14,15,42].includes(scope.row.QuestionType)">
|
:style="{ color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) || (scope.row.QuestionMark === 12) || scope.row.HighlightAnswerList.includes(`${scope.row.Answers[task.VisitTaskId]}`) ? '#f66' : '#fff' }">
|
||||||
|
<template
|
||||||
|
v-if="task.VisitTaskId === visitTaskId && readingTaskState < 2 && [13, 14, 15, 42].includes(scope.row.QuestionType)">
|
||||||
<!-- 是否存在疾病（基线时可修改） -->
|
<!-- 是否存在疾病（基线时可修改） -->
|
||||||
<template v-if="task.IsBaseLine && scope.row.QuestionType === 15">
|
<template v-if="task.IsBaseLine && scope.row.QuestionType === 15">
|
||||||
<el-select
|
<el-select v-if="scope.row.Type === 'select' && scope.row.DictionaryCode"
|
||||||
v-if="scope.row.Type==='select' && scope.row.DictionaryCode"
|
v-model="currentExistDisease" size="mini" @change="handleExistDiseaseChange">
|
||||||
v-model="currentExistDisease"
|
<el-option v-for="item of $d[scope.row.DictionaryCode]" :key="item.id" :value="item.value"
|
||||||
size="mini"
|
:label="item.label" />
|
||||||
@change="handleExistDiseaseChange"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item of $d[ scope.row.DictionaryCode]"
|
|
||||||
:key="item.id"
|
|
||||||
:value="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
/>
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</template>
|
</template>
|
||||||
<!-- 整体肿瘤评估（非基线可修改） -->
|
<!-- 整体肿瘤评估（非基线可修改） -->
|
||||||
<template v-else-if="!task.IsBaseLine && (scope.row.QuestionType=== 13 || scope.row.QuestionType=== 42)">
|
<template
|
||||||
<el-select
|
v-else-if="!task.IsBaseLine && (scope.row.QuestionType === 13 || scope.row.QuestionType === 42)">
|
||||||
v-if="scope.row.Type==='select' && scope.row.DictionaryCode"
|
<el-select v-if="scope.row.Type === 'select' && scope.row.DictionaryCode"
|
||||||
v-model="currentEvaluateResult"
|
v-model="currentEvaluateResult" size="mini" @change="handleEvaluateResultChange">
|
||||||
size="mini"
|
|
||||||
@change="handleEvaluateResultChange"
|
|
||||||
>
|
|
||||||
<template v-if="criterionType === 1 && tLesionCount">
|
<template v-if="criterionType === 1 && tLesionCount">
|
||||||
<el-option
|
<el-option v-for="item of $d[scope.row.DictionaryCode]"
|
||||||
v-for="item of $d[ scope.row.DictionaryCode]"
|
|
||||||
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1 && item.value !== 3)"
|
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1 && item.value !== 3)"
|
||||||
:key="item.id"
|
:key="item.id" :value="item.value" :label="item.label" />
|
||||||
:value="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="criterionType === 1 && ntLesionCount">
|
<template v-else-if="criterionType === 1 && ntLesionCount">
|
||||||
<el-option
|
<el-option v-for="item of $d[scope.row.DictionaryCode]"
|
||||||
v-for="item of $d[ scope.row.DictionaryCode]"
|
|
||||||
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1)"
|
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1)"
|
||||||
:key="item.id"
|
:key="item.id" :value="item.value" :label="item.label" />
|
||||||
:value="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<el-option
|
<el-option v-for="item of $d[scope.row.DictionaryCode]"
|
||||||
v-for="item of $d[ scope.row.DictionaryCode]"
|
|
||||||
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1)"
|
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1)"
|
||||||
:key="item.id"
|
:key="item.id" :value="item.value" :label="item.label" />
|
||||||
:value="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
</el-select>
|
</el-select>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -166,23 +107,19 @@
|
||||||
<!-- v-if="tumorEvaluate && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease)" -->
|
<!-- v-if="tumorEvaluate && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease)" -->
|
||||||
<template>
|
<template>
|
||||||
<!-- 输入框 -->
|
<!-- 输入框 -->
|
||||||
<el-input
|
<el-input v-if="scope.row.Type === 'input'" v-model="currentTaskReason" size="mini"
|
||||||
v-if="scope.row.Type==='input'"
|
@change="evaluateReasonChange" />
|
||||||
v-model="currentTaskReason"
|
<el-input v-else-if="scope.row.Type === 'textarea'" v-model="currentTaskReason"
|
||||||
size="mini"
|
:autosize="{ minRows: 2, maxRows: 4 }" size="mini" maxlength="500"
|
||||||
@change="evaluateReasonChange"
|
@change="evaluateReasonChange" />
|
||||||
/>
|
|
||||||
<el-input
|
|
||||||
v-else-if="scope.row.Type==='textarea'"
|
|
||||||
v-model="currentTaskReason"
|
|
||||||
:autosize="{ minRows: 2, maxRows: 4}"
|
|
||||||
size="mini"
|
|
||||||
maxlength="500"
|
|
||||||
@change="evaluateReasonChange"
|
|
||||||
/>
|
|
||||||
<!-- 系统评估结果为：xxx,与当前调整的结果不一致，请填写调整原因 -->
|
<!-- 系统评估结果为：xxx,与当前调整的结果不一致，请填写调整原因 -->
|
||||||
<p v-if="currentEvaluateResult !== tumorEvaluate" style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;" v-html="getWarningText()" />
|
<p v-if="currentEvaluateResult !== tumorEvaluate"
|
||||||
<p v-else-if="currentExistDisease !== isExistDisease" style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;">{{ $t('trials:readingReport:title:sysEvaluationRes') }}<span style="color:red">{{ $fd('ExistDisease',isExistDisease) }}</span>{{ $t('trials:readingReport:message:msg1') }}
|
style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;"
|
||||||
|
v-html="getWarningText()" />
|
||||||
|
<p v-else-if="currentExistDisease !== isExistDisease"
|
||||||
|
style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;">
|
||||||
|
{{ $t('trials:readingReport:title:sysEvaluationRes') }}<span style="color:red">{{
|
||||||
|
$fd('ExistDisease', isExistDisease) }}</span>{{ $t('trials:readingReport:message:msg1') }}
|
||||||
</p>
|
</p>
|
||||||
</template>
|
</template>
|
||||||
<!-- <template v-else>
|
<!-- <template v-else>
|
||||||
|
|
@ -199,34 +136,49 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template v-else-if="scope.row.QuestionType === 15">
|
<template v-else-if="scope.row.QuestionType === 15">
|
||||||
<el-tooltip v-if="getAnswerInfo(scope.row.Answer,task.VisitTaskId,'IsGlobalChange')" :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer,task.VisitTaskId,'GlobalChangeAnswer'))}`" placement="top" effect="light">
|
<el-tooltip v-if="getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'IsGlobalChange')"
|
||||||
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
:content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'GlobalChangeAnswer'))}`"
|
||||||
|
placement="top" effect="light">
|
||||||
|
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId])
|
||||||
|
}}</span>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template v-else-if="scope.row.QuestionType === 13 || scope.row.QuestionType === 42">
|
<template v-else-if="scope.row.QuestionType === 13 || scope.row.QuestionType === 42">
|
||||||
<el-tooltip v-if="getAnswerInfo(scope.row.Answer,task.VisitTaskId,'IsGlobalChange')" :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer,task.VisitTaskId,'GlobalChangeAnswer'))}`" placement="top" effect="light">
|
<el-tooltip v-if="getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'IsGlobalChange')"
|
||||||
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
:content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'GlobalChangeAnswer'))}`"
|
||||||
|
placement="top" effect="light">
|
||||||
|
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId])
|
||||||
|
}}</span>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="scope.row.QuestionType === 22">
|
<template v-else-if="scope.row.QuestionType === 22">
|
||||||
{{ scope.row.Answers[task.VisitTaskId] === '-1' ? $t('trials:readingReport:title:unknow') : scope.row.Answers[task.VisitTaskId] }}
|
{{ scope.row.Answers[task.VisitTaskId] === '-1' ? $t('trials:readingReport:title:unknow') :
|
||||||
|
scope.row.Answers[task.VisitTaskId] }}
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template v-else-if="scope.row.DictionaryCode">
|
<template v-else-if="scope.row.DictionaryCode">
|
||||||
{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}
|
{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="criterionType === 10">
|
<template v-else-if="criterionType === 10">
|
||||||
{{ isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))?scope.row.Answers[task.VisitTaskId]:`${scope.row.Answers[task.VisitTaskId]}` }}
|
{{
|
||||||
|
isNaN(parseInt(scope.row.Answers[task.VisitTaskId])) ? scope.row.Answers[task.VisitTaskId] :
|
||||||
|
`${scope.row.Answers[task.VisitTaskId]}`
|
||||||
|
}}
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit">
|
<template v-else-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit">
|
||||||
{{ `${scope.row.Answers[task.VisitTaskId]}` }}
|
{{ `${scope.row.Answers[task.VisitTaskId]}` }}
|
||||||
<span v-if="scope.row.Answers[task.VisitTaskId] !== 'NA' && !isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))">{{ `${$fd('ValueUnit',scope.row.Unit)}` }}</span>
|
<span
|
||||||
|
v-if="scope.row.Answers[task.VisitTaskId] !== 'NA' && !isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))">{{
|
||||||
|
`${$fd('ValueUnit', scope.row.Unit)}` }}</span>
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="scope.row.ValueType === 2">
|
<template v-else-if="scope.row.ValueType === 2">
|
||||||
{{ isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))?scope.row.Answers[task.VisitTaskId]:`${scope.row.Answers[task.VisitTaskId]}%` }}
|
{{
|
||||||
|
isNaN(parseInt(scope.row.Answers[task.VisitTaskId])) ? scope.row.Answers[task.VisitTaskId] :
|
||||||
|
`${scope.row.Answers[task.VisitTaskId]}%`
|
||||||
|
}}
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="scope.row.Answers && scope.row.Answers.hasOwnProperty(task.VisitTaskId)">
|
<template v-else-if="scope.row.Answers && scope.row.Answers.hasOwnProperty(task.VisitTaskId)">
|
||||||
{{ scope.row.Answers[task.VisitTaskId] }}
|
{{ scope.row.Answers[task.VisitTaskId] }}
|
||||||
|
|
@ -238,28 +190,14 @@
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
<!-- 附加评估 -->
|
<!-- 附加评估 -->
|
||||||
<el-dialog
|
<el-dialog v-if="additionalAssessmentsDig.visible" :visible.sync="additionalAssessmentsDig.visible"
|
||||||
v-if="additionalAssessmentsDig.visible"
|
:close-on-click-modal="false" :title="additionalAssessmentsDig.title" width="600px">
|
||||||
:visible.sync="additionalAssessmentsDig.visible"
|
<additional-assessment :questions="assessmentQuestions" :visit-task-id="visitTaskId"
|
||||||
:close-on-click-modal="false"
|
:readingTaskState="readingTaskState" @close="additionalAssessmentsDig.visible = false" @sign="sign" />
|
||||||
:title="additionalAssessmentsDig.title"
|
|
||||||
width="600px"
|
|
||||||
>
|
|
||||||
<additional-assessment
|
|
||||||
:questions="assessmentQuestions"
|
|
||||||
:visit-task-id="visitTaskId"
|
|
||||||
@close="additionalAssessmentsDig.visible = false"
|
|
||||||
@sign="sign"
|
|
||||||
/>
|
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 签名框 -->
|
<!-- 签名框 -->
|
||||||
<el-dialog
|
<el-dialog v-if="signVisible" :visible.sync="signVisible" :close-on-click-modal="false" width="600px"
|
||||||
v-if="signVisible"
|
custom-class="base-dialog-wrapper">
|
||||||
:visible.sync="signVisible"
|
|
||||||
:close-on-click-modal="false"
|
|
||||||
width="600px"
|
|
||||||
custom-class="base-dialog-wrapper"
|
|
||||||
>
|
|
||||||
<div slot="title">
|
<div slot="title">
|
||||||
<span style="font-size:18px;">{{ $t('common:dialogTitle:sign') }}</span>
|
<span style="font-size:18px;">{{ $t('common:dialogTitle:sign') }}</span>
|
||||||
<span style="font-size:12px;margin-left:5px">{{ `(${$t('common:label:sign')}${currentUser})` }}</span>
|
<span style="font-size:12px;margin-left:5px">{{ `(${$t('common:label:sign')}${currentUser})` }}</span>
|
||||||
|
|
@ -314,7 +252,11 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters(['language'])
|
...mapGetters(['language']),
|
||||||
|
isBaseline() {
|
||||||
|
var i = this.visitTaskList.findIndex(i => i.VisitTaskId === this.visitTaskId)
|
||||||
|
return this.visitTaskList[i] ? this.visitTaskList[i].IsBaseLine : false
|
||||||
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
taskQuestions() {
|
taskQuestions() {
|
||||||
|
|
@ -395,6 +337,7 @@ export default {
|
||||||
this.setScrollTop()
|
this.setScrollTop()
|
||||||
}
|
}
|
||||||
this.loading = false
|
this.loading = false
|
||||||
|
await this.getTaskAdditionalQuestion()
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
this.loading = false
|
this.loading = false
|
||||||
console.log(e)
|
console.log(e)
|
||||||
|
|
@ -605,6 +548,25 @@ export default {
|
||||||
this.answerArr[idx].answer = val
|
this.answerArr[idx].answer = val
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
async getTaskAdditionalQuestion() {
|
||||||
|
try {
|
||||||
|
const res = await getTaskAdditionalQuestion({ visitTaskId: this.visitTaskId })
|
||||||
|
this.assessmentQuestions = res.Result
|
||||||
|
} catch (err) {
|
||||||
|
console.log(err)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async openAssessment() {
|
||||||
|
try {
|
||||||
|
await this.getTaskAdditionalQuestion()
|
||||||
|
if (this.assessmentQuestions.length > 0) {
|
||||||
|
// 打开附加评估框
|
||||||
|
this.additionalAssessmentsDig.visible = true
|
||||||
|
}
|
||||||
|
} catch (err) {
|
||||||
|
console.log(err)
|
||||||
|
}
|
||||||
|
},
|
||||||
async handleConfirm() {
|
async handleConfirm() {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
try {
|
try {
|
||||||
|
|
@ -839,22 +801,29 @@ export default {
|
||||||
padding: 10px 0px;
|
padding: 10px 0px;
|
||||||
// background-color: #fff;
|
// background-color: #fff;
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: 7px;
|
width: 7px;
|
||||||
height: 7px;
|
height: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background: #d0d0d0;
|
background: #d0d0d0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.report-header {
|
.report-header {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-card {
|
.el-card {
|
||||||
display:flex;flex-direction: column;height: 100%;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100%;
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
border: none;
|
border: none;
|
||||||
|
|
||||||
::v-deep .el-card__body {
|
::v-deep .el-card__body {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
@ -873,41 +842,50 @@ export default {
|
||||||
// color: #ffffff;
|
// color: #ffffff;
|
||||||
// }
|
// }
|
||||||
|
|
||||||
::v-deep .el-table, .el-table__expanded-cell {
|
::v-deep .el-table,
|
||||||
|
.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, .el-table tr {
|
::v-deep .el-table th,
|
||||||
|
.el-table tr {
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-color: #444444;
|
border-color: #444444;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table__body tr>td {
|
::v-deep .el-table__body tr>td {
|
||||||
background-color: #000 !important;
|
background-color: #000 !important;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-color: #444444;
|
border-color: #444444;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table__body tr:hover>td {
|
::v-deep .el-table__body tr:hover>td {
|
||||||
background-color: #858282 !important;
|
background-color: #858282 !important;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-color: #444444;
|
border-color: #444444;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table--border th.gutter:last-of-type {
|
::v-deep .el-table--border th.gutter:last-of-type {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-card__header {
|
::v-deep .el-card__header {
|
||||||
border: none;
|
border: none;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-switch__label {
|
::v-deep .el-switch__label {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-switch__label.is-active {
|
::v-deep .el-switch__label.is-active {
|
||||||
color: #428bca;
|
color: #428bca;
|
||||||
}
|
}
|
||||||
|
|
||||||
.colorOfRed {
|
.colorOfRed {
|
||||||
color: #f66;
|
color: #f66;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,59 +1,34 @@
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div ref="viewport" class="viewport-wrapper" v-loading="loading" :element-loading-text="NSTip"
|
||||||
ref="viewport"
|
element-loading-background="rgba(0, 0, 0, 0.8)" @mouseup="sliderMouseup" @mousemove="sliderMousemove"
|
||||||
class="viewport-wrapper"
|
@mouseleave="sliderMouseleave">
|
||||||
v-loading="loading"
|
|
||||||
:element-loading-text="NSTip"
|
|
||||||
element-loading-background="rgba(0, 0, 0, 0.8)"
|
|
||||||
@mouseup="sliderMouseup"
|
|
||||||
@mousemove="sliderMousemove"
|
|
||||||
@mouseleave="sliderMouseleave"
|
|
||||||
>
|
|
||||||
<div v-if="series && taskInfo" class="left-top-text">
|
<div v-if="series && taskInfo" class="left-top-text">
|
||||||
<div
|
<div v-if="taskInfo.IsExistsClinicalData" class="cd-info" :title="$t('trials:reading:button:clinicalData')">
|
||||||
v-if="taskInfo.IsExistsClinicalData"
|
<svg-icon style="cursor: pointer;" icon-class="documentation" class="svg-icon"
|
||||||
class="cd-info"
|
@click.stop="viewCD(series.TaskInfo.VisitTaskId)" />
|
||||||
:title="$t('trials:reading:button:clinicalData')"
|
|
||||||
>
|
|
||||||
<svg-icon
|
|
||||||
style="cursor: pointer;"
|
|
||||||
icon-class="documentation"
|
|
||||||
class="svg-icon"
|
|
||||||
@click.stop="viewCD(series.TaskInfo.VisitTaskId)"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<h2
|
<h2 v-if="taskInfo.IsReadingShowSubjectInfo" class="subject-info">
|
||||||
v-if="taskInfo.IsReadingShowSubjectInfo"
|
|
||||||
class="subject-info"
|
|
||||||
>
|
|
||||||
{{ `${series.TaskInfo.SubjectCode} ${series.TaskInfo.TaskBlindName} ` }}
|
{{ `${series.TaskInfo.SubjectCode} ${series.TaskInfo.TaskBlindName} ` }}
|
||||||
</h2>
|
</h2>
|
||||||
<div>Series: #{{ series.SeriesNumber }}</div>
|
<div>Series: #{{ series.SeriesNumber }}</div>
|
||||||
<div v-if="series.Stack">Image: #{{ `${series.SliceIndex + 1}/${series.Stack.length}` }}</div>
|
<div v-if="series.Stack">Image: #{{ `${series.SliceIndex + 1}/${series.Stack.length}` }}</div>
|
||||||
<div>{{ series.Modality }}</div>
|
<div>{{ series.Modality }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div v-if="series && taskInfo && taskInfo.IsReadingTaskViewInOrder === 1" class="top-center-tool">
|
||||||
v-if="series && taskInfo && taskInfo.IsReadingTaskViewInOrder === 1"
|
|
||||||
class="top-center-tool"
|
|
||||||
>
|
|
||||||
<div class="toggle-visit-container">
|
<div class="toggle-visit-container">
|
||||||
<div
|
<div class="arrw_icon"
|
||||||
class="arrw_icon"
|
|
||||||
:style="{ cursor: series.TaskInfo.VisitTaskNum !== 0 ? 'pointer' : 'not-allowed', color: series.TaskInfo.VisitTaskNum !== 0 ? '#fff' : '#6b6b6b' }"
|
:style="{ cursor: series.TaskInfo.VisitTaskNum !== 0 ? 'pointer' : 'not-allowed', color: series.TaskInfo.VisitTaskNum !== 0 ? '#fff' : '#6b6b6b' }"
|
||||||
@click.stop.prevent="toggleTask($event, series.TaskInfo.VisitTaskNum, -1)"
|
@click.stop.prevent="toggleTask($event, series.TaskInfo.VisitTaskNum, -1)"
|
||||||
@dblclick.stop="preventDefault($event)"
|
@dblclick.stop="preventDefault($event)">
|
||||||
>
|
|
||||||
<i class="el-icon-caret-left" />
|
<i class="el-icon-caret-left" />
|
||||||
</div>
|
</div>
|
||||||
<div class="arrow_text">
|
<div class="arrow_text">
|
||||||
{{ series.TaskInfo.TaskBlindName }}
|
{{ series.TaskInfo.TaskBlindName }}
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div class="arrw_icon"
|
||||||
class="arrw_icon"
|
|
||||||
:style="{ cursor: series.TaskInfo.VisitTaskNum < taskInfo.VisitNum ? 'pointer' : 'not-allowed', color: series.TaskInfo.VisitTaskNum < taskInfo.VisitNum ? '#fff' : '#6b6b6b' }"
|
:style="{ cursor: series.TaskInfo.VisitTaskNum < taskInfo.VisitNum ? 'pointer' : 'not-allowed', color: series.TaskInfo.VisitTaskNum < taskInfo.VisitNum ? '#fff' : '#6b6b6b' }"
|
||||||
@click.stop.prevent="toggleTask($event, series.TaskInfo.VisitTaskNum, 1)"
|
@click.stop.prevent="toggleTask($event, series.TaskInfo.VisitTaskNum, 1)"
|
||||||
@dblclick.stop="preventDefault($event)"
|
@dblclick.stop="preventDefault($event)">
|
||||||
>
|
|
||||||
<i class="el-icon-caret-right" />
|
<i class="el-icon-caret-right" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -65,11 +40,13 @@
|
||||||
<div v-show="mousePosition.index.length > 0">
|
<div v-show="mousePosition.index.length > 0">
|
||||||
Pos: {{ mousePosition.index[0] }}, {{ mousePosition.index[1] }}
|
Pos: {{ mousePosition.index[0] }}, {{ mousePosition.index[1] }}
|
||||||
</div>
|
</div>
|
||||||
<div 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 }}
|
HU: {{ mousePosition.value }}
|
||||||
</div>
|
</div>
|
||||||
<div v-else-if="(series.Modality === 'PT' && mousePosition.value)">
|
<div v-else-if="(series.Modality === 'PT' && mousePosition.value)">
|
||||||
{{mousePosition.modalityUnit}}: {{ digitPlaces === -1 ?mousePosition.value.toFixed(3) :mousePosition.value.toFixed(digitPlaces) }}
|
{{ mousePosition.modalityUnit }}: {{ digitPlaces === -1 ? mousePosition.value.toFixed(3)
|
||||||
|
: mousePosition.value.toFixed(digitPlaces) }}
|
||||||
</div>
|
</div>
|
||||||
<div v-else-if="mousePosition.value">
|
<div v-else-if="mousePosition.value">
|
||||||
Density: {{ mousePosition.value }}
|
Density: {{ mousePosition.value }}
|
||||||
|
|
@ -83,7 +60,8 @@
|
||||||
</div>
|
</div>
|
||||||
<div v-if="series" class="right-bottom-text">
|
<div v-if="series" class="right-bottom-text">
|
||||||
<div v-show="imageInfo.location">Location: {{ `${Number(imageInfo.location).toFixed(digitPlaces)} mm` }}</div>
|
<div v-show="imageInfo.location">Location: {{ `${Number(imageInfo.location).toFixed(digitPlaces)} mm` }}</div>
|
||||||
<div v-show="series.SliceThickness">Slice Thickness: {{ `${Number(series.SliceThickness).toFixed(digitPlaces)} mm` }}</div>
|
<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 v-show="imageInfo.wwwc">WW/WL: {{ imageInfo.wwwc }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="orientation-top">
|
<div class="orientation-top">
|
||||||
|
|
@ -100,7 +78,8 @@
|
||||||
{{ markers.left }}
|
{{ markers.left }}
|
||||||
</div>
|
</div>
|
||||||
<div ref="sliderBox" class="right-slider-box" @click.stop="clickSlider($event)">
|
<div ref="sliderBox" class="right-slider-box" @click.stop="clickSlider($event)">
|
||||||
<div :style="{top: sliderInfo.height + '%'}" class="slider" @click.stop.prevent="() => {return}" @mousedown.stop="sliderMousedown($event)" />
|
<div :style="{ top: sliderInfo.height + '%' }" class="slider" @click.stop.prevent="() => { return }"
|
||||||
|
@mousedown.stop="sliderMousedown($event)" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -219,9 +198,9 @@ export default {
|
||||||
// this.imageInfo.wwwc = `${Math.round(detail.image.windowWidth)}/${Math.round(detail.image.windowCenter)}`
|
// this.imageInfo.wwwc = `${Math.round(detail.image.windowWidth)}/${Math.round(detail.image.windowCenter)}`
|
||||||
this.getOrientationMarker()
|
this.getOrientationMarker()
|
||||||
this.$emit('renderAnnotations', this.series)
|
this.$emit('renderAnnotations', this.series)
|
||||||
// const toolGroupId = `viewport-${this.viewportIndex}`
|
const toolGroupId = this.viewportId
|
||||||
// const toolGroup = ToolGroupManager.getToolGroup(toolGroupId)
|
const toolGroup = cornerstoneTools.ToolGroupManager.getToolGroup(toolGroupId)
|
||||||
// toolGroup.setToolEnabled('ScaleOverlay')
|
toolGroup.setToolEnabled('ScaleOverlay')
|
||||||
},
|
},
|
||||||
imageRendered(e) {
|
imageRendered(e) {
|
||||||
const renderingEngine = getRenderingEngine(this.renderingEngineId)
|
const renderingEngine = getRenderingEngine(this.renderingEngineId)
|
||||||
|
|
@ -553,6 +532,7 @@ export default {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
cursor: default !important;
|
cursor: default !important;
|
||||||
|
|
||||||
.left-top-text {
|
.left-top-text {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 5px;
|
left: 5px;
|
||||||
|
|
@ -560,25 +540,30 @@ export default {
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
||||||
.cd-info {
|
.cd-info {
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subject-info {
|
.subject-info {
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
padding: 5px 0px;
|
padding: 5px 0px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-center-tool {
|
.top-center-tool {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
top: 5px;
|
top: 5px;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
||||||
.toggle-visit-container {
|
.toggle-visit-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.arrw_icon {
|
.arrw_icon {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
|
|
@ -587,6 +572,7 @@ export default {
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
border-radius: 10%;
|
border-radius: 10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.arrow_text {
|
.arrow_text {
|
||||||
height: 20px;
|
height: 20px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
|
|
@ -596,6 +582,7 @@ export default {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-top-text {
|
.right-top-text {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 5px;
|
right: 5px;
|
||||||
|
|
@ -604,6 +591,7 @@ export default {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left-bottom-text {
|
.left-bottom-text {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 5px;
|
left: 5px;
|
||||||
|
|
@ -612,6 +600,7 @@ export default {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-bottom-text {
|
.right-bottom-text {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 5px;
|
right: 5px;
|
||||||
|
|
@ -620,6 +609,7 @@ export default {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-slider-box {
|
.right-slider-box {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 1px;
|
right: 1px;
|
||||||
|
|
@ -631,6 +621,7 @@ export default {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-slider-box:after {
|
.right-slider-box:after {
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -640,6 +631,7 @@ export default {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: #333;
|
background: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
.slider {
|
.slider {
|
||||||
height: 20px;
|
height: 20px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -649,6 +641,7 @@ export default {
|
||||||
background: #9e9e9e;
|
background: #9e9e9e;
|
||||||
cursor: move
|
cursor: move
|
||||||
}
|
}
|
||||||
|
|
||||||
.orientation-top {
|
.orientation-top {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
|
|
@ -657,6 +650,7 @@ export default {
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.orientation-bottom {
|
.orientation-bottom {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
|
|
@ -665,6 +659,7 @@ export default {
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.orientation-left {
|
.orientation-left {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
|
|
@ -673,6 +668,7 @@ export default {
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.orientation-right {
|
.orientation-right {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@
|
||||||
style="font-weight: bold;font-size: 14px;margin: 5px 0px;">
|
style="font-weight: bold;font-size: 14px;margin: 5px 0px;">
|
||||||
<div style="display: flex;justify-content: space-between;align-items: center;color:#fff;margin: 10px 0 5px">
|
<div style="display: flex;justify-content: space-between;align-items: center;color:#fff;margin: 10px 0 5px">
|
||||||
<span :title="question.Remark">{{ question.QuestionName }}</span>
|
<span :title="question.Remark">{{ question.QuestionName }}</span>
|
||||||
<el-button size="mini" v-if="readingTaskState < 2" @click="openAddTableCol(question)">
|
<el-button size="mini" v-if="readingTaskState < 2 && !question.IsPreinstall" @click="openAddTableCol(question)">
|
||||||
{{ $t('common:button:add') }}
|
{{ $t('common:button:add') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -39,7 +39,7 @@
|
||||||
{{ $t('common:button:edit') }}
|
{{ $t('common:button:edit') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="text" size="mini" :disabled="addOrEdit.visible"
|
<el-button type="text" size="mini" :disabled="addOrEdit.visible"
|
||||||
v-if="scope.row.IsCurrentTaskAdd === 'True' || !question.IsCopyLesions || isBaseline"
|
v-if="(scope.row.IsCurrentTaskAdd === 'True' || !question.IsCopyLesions || isBaseline) && !question.IsPreinstall"
|
||||||
@click="deleteTableCol(question, scope.$index)">
|
@click="deleteTableCol(question, scope.$index)">
|
||||||
{{ $t('common:button:delete') }}
|
{{ $t('common:button:delete') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
|
|
|
||||||
|
|
@ -15,14 +15,14 @@
|
||||||
:class="[question.Type === 'group' ? 'mb' : question.Type === 'upload' || question.Type === 'screenshot' ? 'uploadWrapper' : '']">
|
:class="[question.Type === 'group' ? 'mb' : question.Type === 'upload' || question.Type === 'screenshot' ? 'uploadWrapper' : '']">
|
||||||
<!-- 输入框 -->
|
<!-- 输入框 -->
|
||||||
<el-input v-if="question.Type === 'input'" v-model="questionForm[question.Id]"
|
<el-input v-if="question.Type === 'input'" v-model="questionForm[question.Id]"
|
||||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')" />
|
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False') || question.IsPreinstall" />
|
||||||
<!-- 多行文本输入框 -->
|
<!-- 多行文本输入框 -->
|
||||||
<el-input v-if="question.Type === 'textarea'" v-model="questionForm[question.Id]" type="textarea"
|
<el-input v-if="question.Type === 'textarea'" v-model="questionForm[question.Id]" type="textarea"
|
||||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False') || question.IsPreinstall"
|
||||||
:autosize="{ minRows: 2, maxRows: 4 }" />
|
:autosize="{ minRows: 2, maxRows: 4 }" />
|
||||||
<!-- 下拉框 -->
|
<!-- 下拉框 -->
|
||||||
<el-select v-if="question.Type === 'select'" v-model="questionForm[question.Id]" clearable
|
<el-select v-if="question.Type === 'select'" v-model="questionForm[question.Id]" clearable
|
||||||
:disabled="(question.TableQuestionType === 2 || question.QuestionGenre === 2) || (question.IsCopy && type === 'edit' && !IsBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
:disabled="(question.TableQuestionType === 2 || question.IsPreinstall || question.QuestionGenre === 2) || (question.IsCopy && type === 'edit' && !IsBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
||||||
@change="((val) => { formItemChange(val, question) })">
|
@change="((val) => { formItemChange(val, question) })">
|
||||||
<template v-if="question.TableQuestionType === 1">
|
<template v-if="question.TableQuestionType === 1">
|
||||||
<el-option v-for="item in organList" :key="item.Id" :label="item[question.DataTableColumn]"
|
<el-option v-for="item in organList" :key="item.Id" :label="item[question.DataTableColumn]"
|
||||||
|
|
@ -44,7 +44,7 @@
|
||||||
</el-select>
|
</el-select>
|
||||||
<!-- 单选 -->
|
<!-- 单选 -->
|
||||||
<el-radio-group v-if="question.Type === 'radio'" v-model="questionForm[question.Id]"
|
<el-radio-group v-if="question.Type === 'radio'" v-model="questionForm[question.Id]"
|
||||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
:disabled="question.TableQuestionType === 2 || question.IsPreinstall || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
||||||
@change="((val) => { formItemChange(val, question) })">
|
@change="((val) => { formItemChange(val, question) })">
|
||||||
<el-radio v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
|
<el-radio v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
|
||||||
{{ val }}
|
{{ val }}
|
||||||
|
|
@ -52,7 +52,7 @@
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
<!-- 复选框 -->
|
<!-- 复选框 -->
|
||||||
<el-checkbox-group v-if="question.Type === 'checkbox'"
|
<el-checkbox-group v-if="question.Type === 'checkbox'"
|
||||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
:disabled="question.TableQuestionType === 2 || question.IsPreinstall || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
||||||
v-model="questionForm[question.Id]">
|
v-model="questionForm[question.Id]">
|
||||||
<el-checkbox v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
|
<el-checkbox v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
|
||||||
{{ val }}
|
{{ val }}
|
||||||
|
|
@ -62,11 +62,11 @@
|
||||||
<el-input v-if="question.Type === 'class' && question.ClassifyShowType === 1"
|
<el-input v-if="question.Type === 'class' && question.ClassifyShowType === 1"
|
||||||
v-model="questionForm[question.Id]" />
|
v-model="questionForm[question.Id]" />
|
||||||
<el-select v-if="question.Type === 'class' && question.ClassifyShowType === 2" v-model="questionForm[question.Id]"
|
<el-select v-if="question.Type === 'class' && question.ClassifyShowType === 2" v-model="questionForm[question.Id]"
|
||||||
:disabled="!question.ClassifyEditType" @change="(val) => { formItemChange(val, question) }">
|
:disabled="!question.ClassifyEditType || question.IsPreinstall" @change="(val) => { formItemChange(val, question) }">
|
||||||
<el-option v-for="val in question.TypeValue.split('|')" :key="val" :label="val.trim()" :value="val.trim()" />
|
<el-option v-for="val in question.TypeValue.split('|')" :key="val" :label="val.trim()" :value="val.trim()" />
|
||||||
</el-select>
|
</el-select>
|
||||||
<el-radio-group v-if="question.Type === 'class' && question.ClassifyShowType === 3"
|
<el-radio-group v-if="question.Type === 'class' && question.ClassifyShowType === 3"
|
||||||
v-model="questionForm[question.Id]" :disabled="!question.ClassifyEditType"
|
v-model="questionForm[question.Id]" :disabled="!question.ClassifyEditType || question.IsPreinstall"
|
||||||
@change="(val) => { formItemChange(val, question) }">
|
@change="(val) => { formItemChange(val, question) }">
|
||||||
<el-radio v-for="item of question.TypeValue.split('|')" :key="item.trim()" :label="item.trim()">
|
<el-radio v-for="item of question.TypeValue.split('|')" :key="item.trim()" :label="item.trim()">
|
||||||
{{ item.trim() }}
|
{{ item.trim() }}
|
||||||
|
|
@ -86,7 +86,7 @@
|
||||||
@blur="questionsMarkStatus[question.Id] && questionsMarkStatus[question.Id].isMarked ? () => { } : handleMarkedQsBlur(questionForm[question.Id], questionForm, question.Id, question)"
|
@blur="questionsMarkStatus[question.Id] && questionsMarkStatus[question.Id].isMarked ? () => { } : handleMarkedQsBlur(questionForm[question.Id], questionForm, question.Id, question)"
|
||||||
v-model="questionForm[question.Id]"
|
v-model="questionForm[question.Id]"
|
||||||
:title="questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id] ? questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id].OrderMarkName : question.Remark"
|
:title="questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id] ? questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id].OrderMarkName : question.Remark"
|
||||||
:disabled="(questionsMarkStatus[question.Id] && questionsMarkStatus[question.Id].isMarked && question.ImageMarkEnum === 2) || question.ImageMarkEnum === 1"
|
:disabled="(questionsMarkStatus[question.Id] && questionsMarkStatus[question.Id].isMarked && question.ImageMarkEnum === 2) || question.ImageMarkEnum === 1 || question.IsPreinstall"
|
||||||
style="width: 150px;margin-right: 5px;">
|
style="width: 150px;margin-right: 5px;">
|
||||||
<template v-if="question.Unit !== 0" slot="append">
|
<template v-if="question.Unit !== 0" slot="append">
|
||||||
{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit }}
|
{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit }}
|
||||||
|
|
@ -144,21 +144,21 @@
|
||||||
<template v-else-if="question.ValueType === 2" slot="prefix">%</template>
|
<template v-else-if="question.ValueType === 2" slot="prefix">%</template>
|
||||||
</el-select>
|
</el-select>
|
||||||
<el-input type="text" v-else-if="question.Type === 'number' && question.DataSource !== 1"
|
<el-input type="text" v-else-if="question.Type === 'number' && question.DataSource !== 1"
|
||||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False') || question.IsPreinstall"
|
||||||
@change="((val) => { formItemNumberChange(val, question) })" @input="numberInput(question.Id)"
|
@change="((val) => { formItemNumberChange(val, question) })" @input="numberInput(question.Id)"
|
||||||
@blur="handleBlur(questionForm[question.Id], questionForm, question.Id)" v-model="questionForm[question.Id]">
|
@blur="handleBlur(questionForm[question.Id], questionForm, question.Id)" v-model="questionForm[question.Id]">
|
||||||
<template slot="append" v-if="question.Unit !== 0">{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) :
|
<template slot="append" v-if="question.Unit !== 0">{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) :
|
||||||
question.CustomUnit }}</template>
|
question.CustomUnit }}</template>
|
||||||
</el-input>
|
</el-input>
|
||||||
<el-input type="text" v-else-if="question.Type === 'number' && question.DataSource === 1"
|
<el-input type="text" v-else-if="question.Type === 'number' && question.DataSource === 1"
|
||||||
:disabled="question.DataSource === 1" @input="numberInput(question.Id, true)"
|
:disabled="question.DataSource === 1" @input="numberInput(question.Id, true) || question.IsPreinstall"
|
||||||
@blur="handleCalculationBlur(calculationValue)" v-model="calculationValue">
|
@blur="handleCalculationBlur(calculationValue)" v-model="calculationValue">
|
||||||
<template slot="append" v-if="question.Unit !== 0">{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) :
|
<template slot="append" v-if="question.Unit !== 0">{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) :
|
||||||
question.CustomUnit }}</template>
|
question.CustomUnit }}</template>
|
||||||
</el-input>
|
</el-input>
|
||||||
</template>
|
</template>
|
||||||
<!-- 上传图像 -->
|
<!-- 上传图像 -->
|
||||||
<el-upload v-if="question.Type === 'upload' || question.Type === 'screenshot'" :disabled="readingTaskState === 2"
|
<el-upload v-if="question.Type === 'upload' || question.Type === 'screenshot'" :disabled="readingTaskState === 2 || question.IsPreinstall"
|
||||||
action :accept="question.FileType" :limit="question.ImageCount === 0 ? 100 : question.ImageCount"
|
action :accept="question.FileType" :limit="question.ImageCount === 0 ? 100 : question.ImageCount"
|
||||||
:on-preview="handlePictureCardPreview"
|
:on-preview="handlePictureCardPreview"
|
||||||
:before-upload="(file) => { return handleBeforeUpload(file, question.FileType, question.Type) }"
|
:before-upload="(file) => { return handleBeforeUpload(file, question.FileType, question.Type) }"
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -856,6 +856,7 @@ export default {
|
||||||
|
|
||||||
var item
|
var item
|
||||||
if (!v.IsEnable) return
|
if (!v.IsEnable) return
|
||||||
|
if (v.ApplyCriterionList && Array.isArray(v.ApplyCriterionList) && v.ApplyCriterionList.length > 0 && !v.ApplyCriterionList.includes(this.currentRow.CriterionType)) return false
|
||||||
if (v.IsShowByTrialConfig) {
|
if (v.IsShowByTrialConfig) {
|
||||||
if (!parentRow[v.TrialConfigRelyFieldName]) return
|
if (!parentRow[v.TrialConfigRelyFieldName]) return
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -37,6 +37,12 @@
|
||||||
<el-option v-for="item of $d.SubmitState" :value="item.value" :label="item.label" :key="item.label" />
|
<el-option v-for="item of $d.SubmitState" :value="item.value" :label="item.label" :key="item.label" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<!-- 受试者中止状态 -->
|
||||||
|
<el-form-item style="margin-bottom: 10px" :label="$t('trials:crcUpload:table:IsSubjectQuit')">
|
||||||
|
<el-select v-model="searchData.IsSubjectQuit" clearable style="width: 120px">
|
||||||
|
<el-option v-for="item of $d.YesOrNo" :value="item.value" :label="item.label" :key="item.label" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
<!-- 审核状态 -->
|
<!-- 审核状态 -->
|
||||||
<el-form-item style="margin-bottom: 10px" v-if="otherInfo.QCProcessEnum !== 0"
|
<el-form-item style="margin-bottom: 10px" v-if="otherInfo.QCProcessEnum !== 0"
|
||||||
:label="$t('trials:crcUpload:table:auditState')">
|
:label="$t('trials:crcUpload:table:auditState')">
|
||||||
|
|
@ -868,6 +874,7 @@ const searchDataDefault = () => {
|
||||||
AuditStateArray: [],
|
AuditStateArray: [],
|
||||||
SubmitState: null,
|
SubmitState: null,
|
||||||
ChallengeState: null,
|
ChallengeState: null,
|
||||||
|
IsSubjectQuit: "",
|
||||||
// SortField: '',
|
// SortField: '',
|
||||||
// Asc: false
|
// Asc: false
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -31,7 +31,12 @@
|
||||||
<el-option key="Other" label="Out of Plan" value="1.11" />
|
<el-option key="Other" label="Out of Plan" value="1.11" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<!-- 受试者中止状态 -->
|
||||||
|
<el-form-item style="margin-bottom: 10px" :label="$t('trials:qcCheck:table:IsSubjectQuit')">
|
||||||
|
<el-select v-model="searchData.IsSubjectQuit" clearable style="width: 120px">
|
||||||
|
<el-option v-for="item of $d.YesOrNo" :value="item.value" :label="item.label" :key="item.label" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
<!-- 审核状态 -->
|
<!-- 审核状态 -->
|
||||||
<el-form-item v-if="OtherInfo.QCProcessEnum !== 0" :label="$t('trials:qcCheck:table:auditState')"
|
<el-form-item v-if="OtherInfo.QCProcessEnum !== 0" :label="$t('trials:qcCheck:table:auditState')"
|
||||||
class="my_multiple">
|
class="my_multiple">
|
||||||
|
|
@ -652,6 +657,7 @@ const searchDataDefault = () => {
|
||||||
EndAuditTime: null,
|
EndAuditTime: null,
|
||||||
PageIndex: 1,
|
PageIndex: 1,
|
||||||
PageSize: 20,
|
PageSize: 20,
|
||||||
|
IsSubjectQuit: ''
|
||||||
// SortField: '',
|
// SortField: '',
|
||||||
// Asc: false
|
// Asc: false
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue