XCKJ
/
irc_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

在报告页面增加附件评估结果评估和查看入口
continuous-integration/drone/push Build is passing Details

main
wangxiaoshuang 2025-10-10 11:26:18 +08:00
parent b2e7eeaeb4
commit d64d5a523d
4 changed files with 349 additions and 433 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/views/trials/trials-panel/reading/dicoms/components/AdditionalAssessment.vue
View File

@ -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() {

80
src/views/trials/trials-panel/reading/dicoms/components/AssessmentFormItem.vue
View File

@ -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() {
@ -139,7 +109,7 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.mb{ .mb {
margin-bottom: 0px; margin-bottom: 0px;
} }
</style> </style>

338
src/views/trials/trials-panel/reading/dicoms/components/ReportPage.vue
View File

@ -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>
@ -162,27 +103,23 @@
</template> --> </template> -->
<!-- 访视点备注（是否存在疾病与系统不一致或者整体肿瘤评估与系统不一致时，必填） --> <!-- 访视点备注（是否存在疾病与系统不一致或者整体肿瘤评估与系统不一致时，必填） -->
<!-- tumorEvaluate && task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease) --> <!-- tumorEvaluate && task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease) -->
<template v-else-if="task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 "> <template v-else-if="task.VisitTaskId === visitTaskId && scope.row.QuestionType === 14">
<!-- v-if="tumorEvaluate && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease)" --> <!-- v-if="tumorEvaluate && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease)" -->
<template> <template>
<!-- 输入框 --> <!-- 输入框 -->
<el-input <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>
@ -198,35 +135,50 @@
</template> </template>
</template> </template>
<template v-else-if="scope.row.QuestionType=== 15"> <template v-else-if="scope.row.QuestionType === 15">
<el-tooltip v-if="getAnswerInfo(scope.row.Answer,task.VisitTaskId,'IsGlobalChange')" :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,31 +190,17 @@
</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>
</div> </div>
<SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" /> <SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
</el-dialog> </el-dialog>
@ -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].IsBaseLine
}
}, },
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)
@ -467,7 +410,7 @@ export default {
} else { } else {
this.expandedRows.push(item.Id) this.expandedRows.push(item.Id)
} }
} else { } else {
this.expandedRows.push(item.Id) this.expandedRows.push(item.Id)
} }
@ -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 {
@ -662,7 +624,7 @@ export default {
const res = await getTaskAdditionalQuestion({ visitTaskId: this.visitTaskId }) const res = await getTaskAdditionalQuestion({ visitTaskId: this.visitTaskId })
this.assessmentQuestions = res.Result this.assessmentQuestions = res.Result
if (this.assessmentQuestions.length > 0) { if (this.assessmentQuestions.length > 0) {
// 打开附加评估框 // 打开附加评估框
this.additionalAssessmentsDig.visible = true this.additionalAssessmentsDig.visible = true
} else { } else {
const { ImageAssessmentReportConfirmation } = const_.processSignature const { ImageAssessmentReportConfirmation } = const_.processSignature
@ -776,7 +738,7 @@ export default {
this.openWindow = window.open(routeData.href, '_blank') this.openWindow = window.open(routeData.href, '_blank')
}, },
handleSave(isPrompt) { handleSave(isPrompt) {
return new Promise(async(resolve, reject) => { return new Promise(async (resolve, reject) => {
var isBeill var isBeill
var evaluateResult = '' var evaluateResult = ''
var evaluateAjustReason = '' var evaluateAjustReason = ''
@ -800,7 +762,7 @@ export default {
this.$confirm(this.$t('trials:readingReport:message:msg2'), { this.$confirm(this.$t('trials:readingReport:message:msg2'), {
type: 'warning', type: 'warning',
showCancelButton: false, showCancelButton: false,
callback: action => {} callback: action => { }
}) })
reject() reject()
return return
@ -810,7 +772,7 @@ export default {
this.$confirm(this.$t('trials:readingReport:message:msg2'), { this.$confirm(this.$t('trials:readingReport:message:msg2'), {
type: 'warning', type: 'warning',
showCancelButton: false, showCancelButton: false,
callback: action => {} callback: action => { }
}) })
reject() reject()
return return
@ -820,7 +782,7 @@ export default {
this.$confirm(this.$t('trials:readingReport:message:msg3'), { this.$confirm(this.$t('trials:readingReport:message:msg3'), {
type: 'warning', type: 'warning',
showCancelButton: false, showCancelButton: false,
callback: action => {} callback: action => { }
}) })
reject() reject()
return return
@ -882,29 +844,36 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.report-wrapper{ .report-wrapper {
height: 100%; height: 100%;
padding: 10px 0px; padding: 10px 0px;
// background-color: #fff; // background-color: #fff;
background-color: #000; background-color: #000;
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 7px; width: 7px;
height: 7px; height: 7px;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
border-radius: 10px; border-radius: 10px;
background: #d0d0d0; background: #d0d0d0;
} }
.report-header{
.report-header {
display: flex; display: flex;
} }
.el-card{
display:flex;flex-direction: column;height: 100%; .el-card {
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,42 +891,51 @@ 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{
background-color:#000 !important; ::v-deep .el-table__body tr>td {
background-color: #000 !important;
color: #fff; color: #fff;
border-color:#444444; border-color: #444444;
} }
::v-deep .el-table__body tr:hover > td{
background-color:#858282 !important; ::v-deep .el-table__body tr:hover>td {
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{
color:#fff; ::v-deep .el-switch__label {
color: #fff;
} }
::v-deep .el-switch__label.is-active{
::v-deep .el-switch__label.is-active {
color: #428bca; color: #428bca;
} }
.colorOfRed{
.colorOfRed {
color: #f66; color: #f66;
} }
</style> </style>

336
src/views/trials/trials-panel/reading/dicoms3D/components/ReportPage.vue
View File

@ -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>
@ -162,27 +103,23 @@
</template> --> </template> -->
<!-- 访视点备注（是否存在疾病与系统不一致或者整体肿瘤评估与系统不一致时，必填） --> <!-- 访视点备注（是否存在疾病与系统不一致或者整体肿瘤评估与系统不一致时，必填） -->
<!-- tumorEvaluate && task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease) --> <!-- tumorEvaluate && task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease) -->
<template v-else-if="task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 "> <template v-else-if="task.VisitTaskId === visitTaskId && scope.row.QuestionType === 14">
<!-- v-if="tumorEvaluate && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease)" --> <!-- v-if="tumorEvaluate && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease)" -->
<template> <template>
<!-- 输入框 --> <!-- 输入框 -->
<el-input <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>
@ -198,35 +135,50 @@
</template> </template>
</template> </template>
<template v-else-if="scope.row.QuestionType=== 15"> <template v-else-if="scope.row.QuestionType === 15">
<el-tooltip v-if="getAnswerInfo(scope.row.Answer,task.VisitTaskId,'IsGlobalChange')" :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,31 +190,17 @@
</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>
</div> </div>
<SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" /> <SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
</el-dialog> </el-dialog>
@ -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].IsBaseLine
}
}, },
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 {
@ -616,7 +578,7 @@ export default {
const res = await getTaskAdditionalQuestion({ visitTaskId: this.visitTaskId }) const res = await getTaskAdditionalQuestion({ visitTaskId: this.visitTaskId })
this.assessmentQuestions = res.Result this.assessmentQuestions = res.Result
if (this.assessmentQuestions.length > 0) { if (this.assessmentQuestions.length > 0) {
// 打开附加评估框 // 打开附加评估框
this.additionalAssessmentsDig.visible = true this.additionalAssessmentsDig.visible = true
} else { } else {
const { ImageAssessmentReportConfirmation } = const_.processSignature const { ImageAssessmentReportConfirmation } = const_.processSignature
@ -724,7 +686,7 @@ export default {
this.openWindow = window.open(routeData.href, '_blank') this.openWindow = window.open(routeData.href, '_blank')
}, },
handleSave(isPrompt) { handleSave(isPrompt) {
return new Promise(async(resolve, reject) => { return new Promise(async (resolve, reject) => {
var isBeill var isBeill
var evaluateResult = '' var evaluateResult = ''
var evaluateAjustReason = '' var evaluateAjustReason = ''
@ -748,7 +710,7 @@ export default {
this.$confirm(this.$t('trials:readingReport:message:msg2'), { this.$confirm(this.$t('trials:readingReport:message:msg2'), {
type: 'warning', type: 'warning',
showCancelButton: false, showCancelButton: false,
callback: action => {} callback: action => { }
}) })
resolve() resolve()
return return
@ -758,7 +720,7 @@ export default {
this.$confirm(this.$t('trials:readingReport:message:msg2'), { this.$confirm(this.$t('trials:readingReport:message:msg2'), {
type: 'warning', type: 'warning',
showCancelButton: false, showCancelButton: false,
callback: action => {} callback: action => { }
}) })
resolve() resolve()
return return
@ -768,7 +730,7 @@ export default {
this.$confirm(this.$t('trials:readingReport:message:msg3'), { this.$confirm(this.$t('trials:readingReport:message:msg3'), {
type: 'warning', type: 'warning',
showCancelButton: false, showCancelButton: false,
callback: action => {} callback: action => { }
}) })
resolve() resolve()
return return
@ -833,29 +795,36 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.report-wrapper{ .report-wrapper {
height: 100%; height: 100%;
padding: 10px 0px; padding: 10px 0px;
// background-color: #fff; // background-color: #fff;
background-color: #000; background-color: #000;
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 7px; width: 7px;
height: 7px; height: 7px;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
border-radius: 10px; border-radius: 10px;
background: #d0d0d0; background: #d0d0d0;
} }
.report-header{
.report-header {
display: flex; display: flex;
} }
.el-card{
display:flex;flex-direction: column;height: 100%; .el-card {
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,42 +842,51 @@ 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{
background-color:#000 !important; ::v-deep .el-table__body tr>td {
background-color: #000 !important;
color: #fff; color: #fff;
border-color:#444444; border-color: #444444;
} }
::v-deep .el-table__body tr:hover > td{
background-color:#858282 !important; ::v-deep .el-table__body tr:hover>td {
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{
color:#fff; ::v-deep .el-switch__label {
color: #fff;
} }
::v-deep .el-switch__label.is-active{
::v-deep .el-switch__label.is-active {
color: #428bca; color: #428bca;
} }
.colorOfRed{
.colorOfRed {
color: #f66; color: #f66;
} }
</style> </style>