XCKJ
/
hir_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-06-06 09:22:21 +08:00
parent e6b0d97e27
commit 898fcbc688
1 changed files with 146 additions and 194 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5,89 +5,47 @@
<!-- 电子影像病例报告表（eICRF） -->
<h3 style="margin:0;padding:0;">{{ $t('trials:readingReport:title:eicrf') }}</h3>
<div style="margin-left:auto">
<el-switch
v-model="isShowDetail"
:active-text="$t('trials:readingReport:title:expandDetails')"
:inactive-text="$t('trials:readingReport:title:collapseDetails')"
style="margin-right:5px;"
@change="handleShowDetail"
/>
<el-button
v-if="readingTaskState<2"
type="primary"
size="small"
@click="skipTask"
>
<el-switch v-model="isShowDetail" :active-text="$t('trials:readingReport:title:expandDetails')"
:inactive-text="$t('trials:readingReport:title:collapseDetails')" style="margin-right:5px;"
@change="handleShowDetail" />
<el-button v-if="readingTaskState < 2" type="primary" size="small" @click="skipTask">
<!-- 跳过 -->
{{ $t('trials:readingReport:button:skip') }}
</el-button>
<el-button
v-if="readingTaskState<2"
type="primary"
size="small"
@click="getReportInfo(false)"
>
<el-button v-if="readingTaskState < 2" type="primary" size="small" @click="getReportInfo(false)">
<!-- 刷新 -->
{{ $t('trials:readingReport:button:refresh') }}
</el-button>
<el-button :loading="reportBtnLoading" v-if="readingTaskState>=2" type="primary" size="small" @click="showReport('evaluate')">{{$t('trials:dicoms:button:evaluationReport')}}</el-button>
<el-button :loading="reportBtnLoading" v-if="readingTaskState>=2" type="primary" size="small" @click="showReport('tumor')">{{$t('trials:dicoms:button:tumorReport')}}</el-button>
<el-button
v-if="readingTaskState<2 && CriterionType !== 10"
type="primary"
size="small"
@click="handleSave(true)"
>
<el-button :loading="reportBtnLoading" v-if="readingTaskState >= 2" type="primary" size="small"
@click="showReport('evaluate')">{{ $t('trials:dicoms:button:evaluationReport') }}</el-button>
<el-button :loading="reportBtnLoading" v-if="readingTaskState >= 2" type="primary" size="small"
@click="showReport('tumor')">{{ $t('trials:dicoms:button:tumorReport') }}</el-button>
<el-button v-if="readingTaskState < 2 && CriterionType !== 10" type="primary" size="small"
@click="handleSave(true)">
<!-- 保存 -->
{{ $t('common:button:save') }}
</el-button>
<el-button
v-if="readingTaskState<2"
type="primary"
size="small"
@click="beforeLeave"
>
<el-button v-if="readingTaskState < 2" type="primary" size="small" @click="beforeLeave">
<!-- 提交 -->
{{ $t('common:button:submit') }}
</el-button>
</div>
</div>
<div ref="tableWrapper" style="height:100%;overflow-y: auto;">
<el-table
v-if="height"
ref="reportList"
:data="taskQuestions"
row-key="Id"
border
default-expand-all
:height="height"
:tree-props="{children: 'Childrens', hasChildren: 'hasChildren'}"
size="mini"
>
<el-table-column
prop=""
label=""
show-overflow-tooltip
width="350px"
>
<el-table v-if="height" ref="reportList" :data="taskQuestions" row-key="Id" border default-expand-all
:height="height" :tree-props="{ children: 'Childrens', hasChildren: 'hasChildren' }" size="mini">
<el-table-column prop="" label="" show-overflow-tooltip width="350px">
<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-else
style="font-weight: bold;font-size: 16px;color: #f44336;"
>
{{ language==='en'?scope.row.GroupEnName:scope.row.GroupName }}
<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-else style="font-weight: bold;font-size: 16px;color: #f44336;">
{{ language === 'en' ? scope.row.GroupEnName : scope.row.GroupName }}
</span>
</template>
</el-table-column>
<el-table-column
v-for="task in visitTaskList"
:key="task.VisitTaskId"
prop="date"
show-overflow-tooltip
width="150px"
>
<el-table-column v-for="task in visitTaskList" :key="task.VisitTaskId" prop="date" show-overflow-tooltip
width="150px">
<template slot="header">
<div v-if="task.IsCurrentTask">
<div>
@ -104,58 +62,37 @@
</div>
</template>
<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'}">
<template v-if="task.VisitTaskId === visitTaskId && readingTaskState < 2 && [13,14,15,42].includes(scope.row.QuestionType)">
<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' }">
<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">
<el-select
v-if="scope.row.Type==='select' && scope.row.DictionaryCode"
v-model="currentExistDisease"
size="mini"
@change="handleExistDiseaseChange"
>
<el-option
v-for="item of $d[ scope.row.DictionaryCode]"
:key="item.id"
:value="item.value"
:label="item.label"
/>
<template v-if="task.IsBaseLine && scope.row.QuestionType === 15">
<el-select v-if="scope.row.Type === 'select' && scope.row.DictionaryCode"
v-model="currentExistDisease" size="mini" @change="handleExistDiseaseChange">
<el-option v-for="item of $d[scope.row.DictionaryCode]" :key="item.id" :value="item.value"
:label="item.label" />
</el-select>
</template>
<!-- 整体肿瘤评估（非基线可修改） -->
<template v-else-if="!task.IsBaseLine && (scope.row.QuestionType=== 13 || scope.row.QuestionType=== 42)">
<el-select
v-if="scope.row.Type==='select' && scope.row.DictionaryCode"
v-model="currentEvaluateResult"
size="mini"
@change="handleEvaluateResultChange"
>
<template
v-else-if="!task.IsBaseLine && (scope.row.QuestionType === 13 || scope.row.QuestionType === 42)">
<el-select v-if="scope.row.Type === 'select' && scope.row.DictionaryCode"
v-model="currentEvaluateResult" size="mini" @change="handleEvaluateResultChange">
<template v-if="CriterionType === 1 && tLesionCount">
<el-option
v-for="item of $d[ scope.row.DictionaryCode]"
<el-option 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)"
:key="item.id"
:value="item.value"
:label="item.label"
/>
:key="item.id" :value="item.value" :label="item.label" />
</template>
<template v-else-if="CriterionType === 1 && ntLesionCount">
<el-option
v-for="item of $d[ scope.row.DictionaryCode]"
<el-option 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)"
:key="item.id"
:value="item.value"
:label="item.label"
/>
:key="item.id" :value="item.value" :label="item.label" />
</template>
<template v-else>
<el-option
v-for="item of $d[ scope.row.DictionaryCode]"
<el-option v-for="item of $d[scope.row.DictionaryCode]"
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1)"
:key="item.id"
:value="item.value"
:label="item.label"
/>
:key="item.id" :value="item.value" :label="item.label" />
</template>
</el-select>
</template>
@ -164,27 +101,23 @@
</template> -->
<!-- 访视点备注（是否存在疾病与系统不一致或者整体肿瘤评估与系统不一致时，必填） -->
<!-- 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)" -->
<template>
<!-- 输入框 -->
<el-input
v-if="scope.row.Type==='input'"
v-model="currentTaskReason"
size="mini"
@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"
/>
<el-input v-if="scope.row.Type === 'input'" v-model="currentTaskReason" size="mini"
@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,与当前调整的结果不一致，请填写调整原因 -->
<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-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 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-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>
</template>
<!-- <template v-else>
@ -200,35 +133,50 @@
</template>
</template>
<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">
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
<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">
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId])
}}</span>
</el-tooltip>
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
</template>
<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">
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
<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">
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId])
}}</span>
</el-tooltip>
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
</template>
<template v-else-if="scope.row.QuestionType=== 22">
{{ scope.row.Answers[task.VisitTaskId] === '-1' ? $t('trials:readingReport:title:unknow') : scope.row.Answers[task.VisitTaskId] }}
<template v-else-if="scope.row.QuestionType === 22">
{{ scope.row.Answers[task.VisitTaskId] === '-1' ? $t('trials:readingReport:title:unknow') :
scope.row.Answers[task.VisitTaskId] }}
</template>
<template v-else-if="scope.row.DictionaryCode">
{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}
</template>
<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 v-else-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit">
{{ `${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 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 v-else-if="scope.row.Answers && scope.row.Answers.hasOwnProperty(task.VisitTaskId)">
{{ scope.row.Answers[task.VisitTaskId] }}
@ -240,39 +188,22 @@
</div>
</el-card>
<!-- 附加评估 -->
<el-dialog
v-if="additionalAssessmentsDig.visible"
:visible.sync="additionalAssessmentsDig.visible"
:close-on-click-modal="false"
:title="additionalAssessmentsDig.title"
width="600px"
>
<AdditionalAssessment
:questions="assessmentQuestions"
:visit-task-id="visitTaskId"
@close="additionalAssessmentsDig.visible = false"
@sign="sign"
/>
<el-dialog v-if="additionalAssessmentsDig.visible" :visible.sync="additionalAssessmentsDig.visible"
:close-on-click-modal="false" :title="additionalAssessmentsDig.title" width="600px">
<AdditionalAssessment :questions="assessmentQuestions" :visit-task-id="visitTaskId"
@close="additionalAssessmentsDig.visible = false" @sign="sign" />
</el-dialog>
<!-- 签名框 -->
<el-dialog
v-if="signVisible"
:visible.sync="signVisible"
:close-on-click-modal="false"
width="600px"
custom-class="base-dialog-wrapper"
>
<el-dialog v-if="signVisible" :visible.sync="signVisible" :close-on-click-modal="false" width="600px"
custom-class="base-dialog-wrapper">
<div slot="title">
<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>
<SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
</el-dialog>
<!--评估报告-->
<PreviewFileDialog
:visible.sync="previewFileVisible"
:fileData="fileData"
/>
<PreviewFileDialog :visible.sync="previewFileVisible" :fileData="fileData" />
</div>
</template>
<script>
@ -287,7 +218,7 @@ import store from '@/store'
import { mapGetters } from 'vuex'
import { changeURLStatic } from '@/utils/history.js'
import AdditionalAssessment from './AdditionalAssessment'
import { showReadReport,showTumorReport } from "@/api/export";
import { showReadReport, showTumorReport } from "@/api/export";
import PreviewFileDialog from "@/components/PreviewFileDialog/PreviewFileDialog";
export default {
name: 'ReportPage',
@ -372,30 +303,35 @@ export default {
},
methods: {
// 评估报告
async showReport(key){
if(this.reportBtnLoading) return;
async showReport(key) {
if (this.reportBtnLoading) return;
let data = {
VisitTaskId: this.visitTaskId,
};
try {
this.reportBtnLoading = true;
let res = null;
if(key === 'evaluate'){
if (key === 'evaluate') {
res = await showReadReport(data);
}else{
} else {
res = await showTumorReport(data);
}
// let urlPdf = window.URL.createObjectURL(new Blob([res]))
if(res.IsSuccess){
if (res.IsSuccess) {
this.viewVisible = true;
let href = this.OSSclientConfig.basePath + res.Result;
// let fileName =
// res.Result.split("/")[res.Result.split("/").length - 1];
let fileName = `${this.$t('trials:dicoms:button:evaluationReport')}.pdf`;
let fileName = null
if (key === 'evaluate') {
fileName = `${this.$t('trials:dicoms:button:evaluationReport')}.pdf`;
} else {
fileName = `${this.$t('trials:dicoms:button:tumorReport')}.pdf`;
}
this.fileData = {
path:href,
name:fileName
path: href,
name: fileName
};
}
this.reportBtnLoading = false;
@ -668,7 +604,7 @@ export default {
const res = await getTaskAdditionalQuestion({ visitTaskId: this.visitTaskId })
this.assessmentQuestions = res.Result
if (this.assessmentQuestions.length > 0) {
// 打开附加评估框
// 打开附加评估框
this.additionalAssessmentsDig.visible = true
} else {
const { ImageAssessmentReportConfirmation } = const_.processSignature
@ -782,7 +718,7 @@ export default {
this.openWindow = window.open(routeData.href, '_blank')
},
handleSave(isPrompt) {
return new Promise(async(resolve, reject) => {
return new Promise(async (resolve, reject) => {
var isBeill
var evaluateResult = ''
var evaluateAjustReason = ''
@ -806,7 +742,7 @@ export default {
this.$confirm(this.$t('trials:readingReport:message:msg2'), {
type: 'warning',
showCancelButton: false,
callback: action => {}
callback: action => { }
})
reject()
return
@ -816,7 +752,7 @@ export default {
this.$confirm(this.$t('trials:readingReport:message:msg2'), {
type: 'warning',
showCancelButton: false,
callback: action => {}
callback: action => { }
})
reject()
return
@ -826,7 +762,7 @@ export default {
this.$confirm(this.$t('trials:readingReport:message:msg3'), {
type: 'warning',
showCancelButton: false,
callback: action => {}
callback: action => { }
})
reject()
return
@ -888,29 +824,36 @@ export default {
}
</script>
<style lang="scss" scoped>
.report-wrapper{
.report-wrapper {
height: 100%;
padding: 10px 0px;
// background-color: #fff;
background-color: #000;
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #d0d0d0;
}
.report-header{
.report-header {
display: flex;
}
.el-card{
display:flex;flex-direction: column;height: 100%;
.el-card {
display: flex;
flex-direction: column;
height: 100%;
background-color: #000;
color: #ffffff;
border:none;
/deep/ .el-card__body{
border: none;
/deep/ .el-card__body {
flex: 1;
}
}
@ -928,42 +871,51 @@ export default {
// color: #ffffff;
// }
/deep/ .el-table, .el-table__expanded-cell {
/deep/ .el-table,
.el-table__expanded-cell {
background-color: #000;
color: #fff;
border-color:#444444;
border-color: #444444;
}
/deep/ .el-table th, .el-table tr {
/deep/ .el-table th,
.el-table tr {
background-color: #000;
color: #fff;
border-color:#444444;
border-color: #444444;
}
/deep/ .el-table__body tr > td{
background-color:#000 !important;
/deep/ .el-table__body tr>td {
background-color: #000 !important;
color: #fff;
border-color:#444444;
border-color: #444444;
}
/deep/ .el-table__body tr:hover > td{
background-color:#858282 !important;
/deep/ .el-table__body tr:hover>td {
background-color: #858282 !important;
color: #fff;
border-color:#444444;
border-color: #444444;
}
/deep/ .el-table--border th.gutter:last-of-type{
/deep/ .el-table--border th.gutter:last-of-type {
border: none;
}
/deep/ .el-card__header{
/deep/ .el-card__header {
border: none;
padding: 10px;
}
}
/deep/ .el-switch__label{
color:#fff;
/deep/ .el-switch__label {
color: #fff;
}
/deep/ .el-switch__label.is-active{
/deep/ .el-switch__label.is-active {
color: #428bca;
}
.colorOfRed{
.colorOfRed {
color: #f66;
}
</style>