551 lines
20 KiB
Plaintext
551 lines
20 KiB
Plaintext
<template>
|
|
<div class="glReview_wrapper">
|
|
<el-card shadow="never" :body-style="{ padding: '10px' }" style="margin-bottom:10px">
|
|
<h4 v-if="isReadingShowSubjectInfo">
|
|
<!-- 受试者： -->
|
|
{{ $t('trials:globalReview:title:subject') }}
|
|
<span style="font-weight:normal">{{ subjectCode }} </span>
|
|
<span style="font-weight:normal">({{ taskBlindName }})</span>
|
|
</h4>
|
|
</el-card>
|
|
|
|
<el-card :body-style="{ padding: '10px' }" shadow="never">
|
|
<div slot="header" style="display: flex;flex-direction: row;justify-content: space-between;">
|
|
<!-- 访视评估结果 -->
|
|
<div style="font-weight: bold;">{{ $t('trials:globalReview:title:result') }}</div>
|
|
<div v-if="isExistsClinicalData">
|
|
<!-- 临床数据 -->
|
|
<el-button type="text" @click="previewCD">{{ $t('trials:globalReview:title:clinicalData') }}</el-button>
|
|
</div>
|
|
</div>
|
|
|
|
<div v-if="taskList.length > 0 && readingTaskState < 2" style="text-align:right;margin:5px 0;">
|
|
<!-- 提交 -->
|
|
<el-button size="small" type="primary" @click="handleConfirm">
|
|
{{ $t('trials:globalReview:button:submit') }}
|
|
</el-button>
|
|
</div>
|
|
<PCWG3Table
|
|
v-if="CriterionType === 10"
|
|
:reading-task-state="readingTaskState"
|
|
:task-list="taskList"
|
|
:loading="loading"
|
|
:evaluation-qs-list="evaluationQsList"
|
|
:agree-or-not-list="agreeOrNotList"
|
|
:adjusted-qs-list="adjustedQsList"
|
|
@handleEdit="handleEdit"
|
|
@handleView="handleView"
|
|
/>
|
|
<el-table
|
|
v-else
|
|
v-loading="loading"
|
|
:data="taskList"
|
|
>
|
|
<!-- 访视名称 -->
|
|
<el-table-column
|
|
prop="BlindName"
|
|
:label="$t('trials:globalReview:table:visitName')"
|
|
show-overflow-tooltip
|
|
width="150"
|
|
/>
|
|
<!-- 评估结果 -->
|
|
<el-table-column
|
|
:label="$t('trials:globalReview:table:evaluationRes')"
|
|
align="center"
|
|
prop=""
|
|
>
|
|
<template>
|
|
<el-table-column
|
|
v-for="(qs,index) in evaluationQsList"
|
|
:key="index"
|
|
prop=""
|
|
:label="qs"
|
|
show-overflow-tooltip
|
|
width="150"
|
|
>
|
|
<template slot-scope="scope">
|
|
<div v-if="scope.row.BeforeQuestionList.length>index && scope.row.BeforeQuestionList[index].Answer">
|
|
<span v-if="scope.row.BeforeQuestionList[index].DictionaryCode">
|
|
{{ $fd(scope.row.BeforeQuestionList[index].DictionaryCode,parseInt(scope.row.BeforeQuestionList[index].Answer)) }}
|
|
</span>
|
|
<span v-else>{{ scope.row.BeforeQuestionList[index].Answer }}</span>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
</template>
|
|
</el-table-column>
|
|
<!-- 是否同意访视结果 -->
|
|
<el-table-column
|
|
prop=""
|
|
:label="$t('trials:globalReview:table:isAgreeEvaluationRes')"
|
|
show-overflow-tooltip
|
|
width="170"
|
|
>
|
|
<template slot-scope="scope">
|
|
<!-- <el-switch
|
|
v-if="readingTaskState < 2"
|
|
v-model="scope.row.AgreeOrNot[0].Answer"
|
|
active-value="1"
|
|
inactive-value="0"
|
|
@change="changeAgreeOrNotList($event, scope.row.AgreeOrNot[0],scope.row.VisitTaskId)"
|
|
/>
|
|
<span v-else>
|
|
{{ scope.row.AgreeOrNot.length>index?$fd('ReadingYesOrNo',parseInt(scope.row.AgreeOrNot[0].Answer)):'' }}
|
|
</span> -->
|
|
<el-tag v-if="scope.row.AgreeOrNot.length > 0 && parseInt(scope.row.AgreeOrNot[0].Answer) === 1" type="primary">
|
|
{{ $fd('ReadingYesOrNo',parseInt(scope.row.AgreeOrNot[0].Answer)) }}
|
|
</el-tag>
|
|
<el-tag v-else-if="scope.row.AgreeOrNot.length > 0 && parseInt(scope.row.AgreeOrNot[0].Answer) === 0" type="danger"> {{ $fd('ReadingYesOrNo',parseInt(scope.row.AgreeOrNot[0].Answer)) }}</el-tag>
|
|
<span v-else />
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<!-- 调整后结果 -->
|
|
<el-table-column
|
|
:label="$t('trials:globalReview:table:adjustedRes')"
|
|
align="center"
|
|
prop=""
|
|
>
|
|
<template>
|
|
<el-table-column
|
|
v-for="(qs,index) in adjustedQsList"
|
|
:key="index"
|
|
prop=""
|
|
:label="qs"
|
|
show-overflow-tooltip
|
|
width="150"
|
|
>
|
|
<template slot-scope="scope">
|
|
<!-- {{ scope.row.AfterQuestionList.length>index?scope.row.AfterQuestionList[index].Answer:'' }} -->
|
|
<div v-if="scope.row.AfterQuestionList.length>index && scope.row.AfterQuestionList[index].Answer">
|
|
|
|
<span v-if="scope.row.AfterQuestionList[index].GlobalAnswerType === 3">
|
|
{{ getAssessType(scope.row.AfterQuestionList[index].Answer) }}
|
|
</span>
|
|
<span v-else-if="scope.row.AfterQuestionList[index].DictionaryCode">
|
|
{{ $fd(scope.row.AfterQuestionList[index].DictionaryCode,parseInt(scope.row.AfterQuestionList[index].Answer)) }}
|
|
</span>
|
|
<span v-else>{{ scope.row.AfterQuestionList[index].Answer }}</span>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
:label="$t('common:action:action')"
|
|
width="200"
|
|
>
|
|
<template slot-scope="scope">
|
|
<!-- 查看详情 -->
|
|
<el-button
|
|
circle
|
|
:title="$t('trials:globalReview:table:view')"
|
|
icon="el-icon-view"
|
|
@click="handleView(scope.row)"
|
|
/>
|
|
<!-- v-if="readingTaskState < 2 && scope.row.AgreeOrNot[0].Answer==='0'" -->
|
|
<!-- 调整 -->
|
|
<el-button
|
|
v-if="readingTaskState < 2"
|
|
circle
|
|
:title="$t('trials:globalReview:table:adjust')"
|
|
icon="el-icon-edit"
|
|
@click="handleEdit(scope.row)"
|
|
/>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-card>
|
|
|
|
<el-card v-if="isReadingShowPreviousResults" :body-style="{ padding: '10px' }" shadow="never">
|
|
<div slot="header" class="clearfix">
|
|
<!-- 既往全局阅片结果 -->
|
|
<span style="font-weight: bold;">{{ $t('trials:globalReview:title:previousRes') }}</span>
|
|
</div>
|
|
<el-table
|
|
v-loading="historyLoading"
|
|
:data="historyTaskList"
|
|
>
|
|
<!-- 全局 -->
|
|
<el-table-column
|
|
prop="TaskBlindName"
|
|
:label="$t('trials:globalReview:table:globalReading')"
|
|
show-overflow-tooltip
|
|
width="200"
|
|
/>
|
|
<el-table-column
|
|
:label="$t('common:action:action')"
|
|
width="200"
|
|
>
|
|
<template slot-scope="scope">
|
|
<!-- 查看详情 -->
|
|
<el-button
|
|
circle
|
|
:title="$t('trials:globalReview:table:view')"
|
|
icon="el-icon-view"
|
|
@click="handleView(scope.row)"
|
|
/>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-card>
|
|
|
|
<!-- 签名框 -->
|
|
<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>
|
|
</div>
|
|
<SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
|
|
</el-dialog>
|
|
|
|
<el-dialog
|
|
v-if="editVisible"
|
|
:visible.sync="editVisible"
|
|
:close-on-click-modal="false"
|
|
width="600px"
|
|
custom-class="base-dialog-wrapper"
|
|
:title="$t('trials:globalReview:dagTitle:adjust')"
|
|
>
|
|
<PGWC3EditGlobalForm
|
|
v-if="CriterionType === 10"
|
|
:assess-type-list="assessTypeList"
|
|
:agree-or-not="rowData.AgreeOrNot[0]"
|
|
:global-update-type="globalUpdateType"
|
|
:global-task-id="visitTaskId"
|
|
:visit-task-id="rowData.VisitTaskId"
|
|
:question-list="rowData.AfterQuestionList"
|
|
:subject-id="subjectId"
|
|
:trial-id="trialId"
|
|
:is-baseline="rowData.IsBaseLine"
|
|
:before-question-list="rowData.BeforeQuestionList"
|
|
@getList="getGlInfo"
|
|
@close="editVisible = false"
|
|
/>
|
|
<EditGlobalForm
|
|
v-else
|
|
:assess-type-list="assessTypeList"
|
|
:agree-or-not="rowData.AgreeOrNot[0]"
|
|
:global-update-type="globalUpdateType"
|
|
:global-task-id="visitTaskId"
|
|
:visit-task-id="rowData.VisitTaskId"
|
|
:question-list="rowData.AfterQuestionList"
|
|
:subject-id="subjectId"
|
|
:trial-id="trialId"
|
|
:is-baseline="rowData.IsBaseLine"
|
|
:before-question-list="rowData.BeforeQuestionList"
|
|
@getList="getGlInfo"
|
|
@close="editVisible = false"
|
|
/>
|
|
</el-dialog>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import { getGlobalReadingInfo, getReadingPastResultList, submitGlobalReadingInfo, saveGlobalReadingInfo } from '@/api/trials'
|
|
import { getToken } from '@/utils/auth'
|
|
import const_ from '@/const/sign-code'
|
|
import DicomEvent from '@/views/trials/trials-panel/reading/dicoms/components/DicomEvent'
|
|
import EditGlobalForm from './components/EditGlobalForm'
|
|
import PGWC3EditGlobalForm from './components/PGWC3EditGlobalForm'
|
|
import PCWG3Table from './components/PCWG3Table'
|
|
import SignForm from '@/views/trials/components/newSignForm'
|
|
export default {
|
|
name: 'GlobalReview',
|
|
components: { EditGlobalForm, SignForm, PCWG3Table, PGWC3EditGlobalForm },
|
|
props: {
|
|
trialId: {
|
|
type: String,
|
|
required: true
|
|
},
|
|
subjectId: {
|
|
type: String,
|
|
required: true
|
|
},
|
|
visitTaskId: {
|
|
type: String,
|
|
required: true
|
|
},
|
|
readingCategory: {
|
|
type: Number,
|
|
required: true
|
|
},
|
|
subjectCode: {
|
|
type: String,
|
|
required: true
|
|
},
|
|
taskBlindName: {
|
|
type: String,
|
|
required: true
|
|
},
|
|
isReadingShowSubjectInfo: {
|
|
type: Boolean,
|
|
required: true
|
|
},
|
|
isReadingShowPreviousResults: {
|
|
type: Boolean,
|
|
required: true
|
|
},
|
|
isExistsClinicalData: {
|
|
type: Boolean,
|
|
required: true
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
loading: false,
|
|
maxLength: 2,
|
|
evaluationQsList: [],
|
|
adjustedQsList: [],
|
|
agreeOrNotList: [],
|
|
taskList: [],
|
|
historyLoading: false,
|
|
historyTaskList: [],
|
|
currentUser: zzSessionStorage.getItem('userName'),
|
|
signVisible: false,
|
|
signCode: null,
|
|
editVisible: false,
|
|
rowData: {},
|
|
readingTaskState: 0,
|
|
globalUpdateType: [],
|
|
assessTypeList: [],
|
|
CriterionType: 0
|
|
}
|
|
},
|
|
mounted() {
|
|
this.CriterionType = parseInt(this.$route.query.criterionType)
|
|
this.getGlInfo()
|
|
console.log(this.CriterionType)
|
|
if (this.isReadingShowPreviousResults) {
|
|
this.getHistoryGlobalInfo()
|
|
}
|
|
},
|
|
methods: {
|
|
getGlInfo() {
|
|
this.loading = true
|
|
getGlobalReadingInfo({ visitTaskId: this.visitTaskId }).then(res => {
|
|
var evaluationQsList = []
|
|
var adjustedQsList = []
|
|
var agreeOrNotList = []
|
|
if (res.Result.TaskList.length > 0) {
|
|
var task = res.Result.TaskList[0]
|
|
task.BeforeQuestionList.map(qs => {
|
|
evaluationQsList.push(qs.QuestionName)
|
|
})
|
|
task.AfterQuestionList.map(qs => {
|
|
if (qs.GlobalAnswerType === 1 && this.CriterionType === 10) {
|
|
// 访视阅片备注
|
|
adjustedQsList.push(this.$t('trials:globalReview:table:visitRemark'))
|
|
} else if (qs.GlobalAnswerType === 1 && this.CriterionType === 1) {
|
|
// 全局阅片备注
|
|
adjustedQsList.push(this.$t('trials:globalReview:table:globalRemark'))
|
|
} else if (qs.GlobalAnswerType === 3 && this.CriterionType === 1) {
|
|
// 评估更新类型
|
|
adjustedQsList.push(this.$t('trials:globalReview:table:updateType'))
|
|
} else {
|
|
adjustedQsList.push(qs.QuestionName)
|
|
}
|
|
})
|
|
task.AgreeOrNot.map(qs => {
|
|
agreeOrNotList.push(qs.QuestionName)
|
|
})
|
|
}
|
|
this.globalUpdateType = res.Result.GlobalUpdateType ? res.Result.GlobalUpdateType.split('|') : []
|
|
this.evaluationQsList = evaluationQsList
|
|
this.adjustedQsList = adjustedQsList
|
|
this.agreeOrNotList = agreeOrNotList
|
|
|
|
this.taskList = res.Result.TaskList
|
|
this.readingTaskState = res.Result.ReadingTaskState
|
|
this.assessTypeList = res.Result.AssessTypeList
|
|
console.log(this.assessTypeList)
|
|
this.loading = false
|
|
}).catch(() => { this.loading = false })
|
|
},
|
|
getHistoryGlobalInfo() {
|
|
this.historyLoading = true
|
|
getReadingPastResultList({ visitTaskId: this.visitTaskId }).then(res => {
|
|
this.historyTaskList = res.Result
|
|
this.historyLoading = false
|
|
}).catch(() => { this.historyLoading = false })
|
|
},
|
|
changeAgreeOrNotList(callback, row, visitTaskId) {
|
|
var message = ''
|
|
if (parseInt(callback) === 1) {
|
|
message = '是否确认更改？'
|
|
row.Answer = '0'
|
|
} else {
|
|
message = '是否确认更改？'
|
|
row.Answer = '1'
|
|
}
|
|
this.$confirm(message, {
|
|
distinguishCancelAndClose: true,
|
|
type: 'warning'
|
|
}).then(() => {
|
|
this.loading = true
|
|
var params = {
|
|
globalTaskId: this.visitTaskId,
|
|
subjectId: this.subjectId,
|
|
trialId: this.trialId,
|
|
questionList: [
|
|
{
|
|
questionId: row.QuestionId ? row.QuestionId : '',
|
|
visitTaskId: visitTaskId,
|
|
globalAnswerType: row.GlobalAnswerType,
|
|
answer: row.Answer === '1' ? '0' : '1'
|
|
}
|
|
]
|
|
}
|
|
saveGlobalReadingInfo(params).then(res => {
|
|
this.loading = false
|
|
if (res.IsSuccess) {
|
|
this.$message.success('保存成功！')
|
|
this.getGlInfo()
|
|
}
|
|
}).catch(() => { this.loading = false })
|
|
}).catch(() => {})
|
|
},
|
|
handleEdit(row) {
|
|
this.rowData = { ...row }
|
|
if (this.CriterionType === 1) {
|
|
this.rowData.AfterQuestionList.forEach(item => {
|
|
if (item.GlobalAnswerType === 1) {
|
|
// 全局阅片备注
|
|
item.QuestionName = this.$t('trials:globalReview:table:globalRemark')
|
|
} else if (item.GlobalAnswerType === 3) {
|
|
// 评估更新类型
|
|
item.QuestionName = this.$t('trials:globalReview:table:updateType')
|
|
}
|
|
})
|
|
}
|
|
this.editVisible = true
|
|
},
|
|
handleConfirm() {
|
|
// 判断是否存在访视评估结果未确认
|
|
var idx = this.taskList.findIndex(i => !i.AgreeOrNotAnswer)
|
|
if (idx > -1) {
|
|
// 存在访视评估结果未确认！
|
|
this.$confirm(this.$t('trials:globalReview:message:msg1'), {
|
|
type: 'warning',
|
|
distinguishCancelAndClose: true
|
|
})
|
|
.then(() => {})
|
|
.catch(() => {})
|
|
} else {
|
|
const { ImageAssessmentReportConfirmation } = const_.processSignature
|
|
this.signCode = ImageAssessmentReportConfirmation
|
|
this.signVisible = true
|
|
}
|
|
},
|
|
// 关闭签名框
|
|
closeSignDialog(isSign, signInfo) {
|
|
if (isSign) {
|
|
this.signConfirm(signInfo)
|
|
} else {
|
|
this.signVisible = false
|
|
}
|
|
},
|
|
// 签名并确认
|
|
signConfirm(signInfo) {
|
|
this.loading = true
|
|
var params = {
|
|
data: {
|
|
globalTaskId: this.visitTaskId
|
|
},
|
|
signInfo: signInfo
|
|
}
|
|
submitGlobalReadingInfo(params).then(res => {
|
|
console.log(123)
|
|
if (res.IsSuccess) {
|
|
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
|
this.$refs['signForm'].btnLoading = false
|
|
this.signVisible = false
|
|
// 设置当前任务阅片状态为已读
|
|
this.readingTaskState = 2
|
|
window.opener.postMessage('refreshTaskList', window.location)
|
|
// 当前阅片任务已完成，是否进入下一个阅片任务
|
|
this.$confirm(this.$t('trials:globalReview:message:msg2'), {
|
|
type: 'warning',
|
|
distinguishCancelAndClose: true
|
|
})
|
|
.then(() => {
|
|
// var token = getToken()
|
|
// var criterionType = this.$router.currentRoute.query.criterionType
|
|
// var readingTool = this.$router.currentRoute.query.readingTool
|
|
// var isReadingTaskViewInOrder = this.$router.currentRoute.query.isReadingTaskViewInOrder
|
|
// var trialReadingCriterionId = this.$router.currentRoute.query.TrialReadingCriterionId
|
|
// var path = ''
|
|
// if (readingTool && parseInt(readingTool) === 0) {
|
|
// path = `/readingDicoms?TrialReadingCriterionId=${trialReadingCriterionId}&trialId=${this.trialId}&subjectCode=${this.subjectCode}&subjectId=${this.subjectId}&isReadingTaskViewInOrder=${isReadingTaskViewInOrder}&criterionType=${criterionType}&path=${readingTool}&TokenKey=${token}&key=${new Date().getTime()}`
|
|
// } else {
|
|
// path = `/noneDicomReading?TrialReadingCriterionId=${trialReadingCriterionId}&trialId=${this.trialId}&subjectCode=${this.subjectCode}&subjectId=${this.subjectId}&isReadingTaskViewInOrder=${isReadingTaskViewInOrder}&criterionType=${criterionType}&path=${readingTool}&TokenKey=${token}&key=${new Date().getTime()}`
|
|
// }
|
|
// this.$router.push({ path })
|
|
DicomEvent.$emit('getNextTask')
|
|
})
|
|
.catch(action => {
|
|
|
|
})
|
|
}
|
|
this.loading = false
|
|
}).catch(_ => {
|
|
this.loading = false
|
|
this.$refs['signForm'].btnLoading = false
|
|
})
|
|
},
|
|
handleView(row) {
|
|
var token = getToken()
|
|
var visitTaskId = row.VisitTaskId
|
|
// const routeData = this.$router.resolve({
|
|
// path: `/readingPage?subjectId=${this.subjectId}&trialId=${this.trialId}&visitTaskId=${visitTaskId}&TokenKey=${token}&isReadingShowPreviousResults=false&tabName=report`
|
|
// })
|
|
var criterionType = this.$router.currentRoute.query.criterionType
|
|
var readingTool = this.$router.currentRoute.query.readingTool
|
|
readingTool = isNaN(parseInt(readingTool)) ? null : parseInt(readingTool)
|
|
var isReadingTaskViewInOrder = this.$router.currentRoute.query.isReadingTaskViewInOrder
|
|
var path = ''
|
|
if (readingTool === 0) {
|
|
path = `/readingDicoms?trialId=${this.trialId}&subjectCode=${this.subjectCode}&subjectId=${this.subjectId}&visitTaskId=${visitTaskId}&isReadingTaskViewInOrder=${isReadingTaskViewInOrder}&criterionType=${criterionType}&readingTool=${readingTool}&TokenKey=${token}`
|
|
} else {
|
|
path = `/noneDicomReading?trialId=${this.trialId}&subjectCode=${this.subjectCode}&subjectId=${this.subjectId}&visitTaskId=${visitTaskId}&isReadingTaskViewInOrder=${isReadingTaskViewInOrder}&criterionType=${criterionType}&readingTool=${readingTool}&TokenKey=${token}`
|
|
}
|
|
const routeData = this.$router.resolve({ path })
|
|
window.open(routeData.href, '_blank')
|
|
},
|
|
getAssessType(code) {
|
|
var idx = this.assessTypeList.findIndex(item => item.Code === code)
|
|
if (idx > -1) {
|
|
return this.assessTypeList[idx].ValueCN
|
|
} else {
|
|
return ''
|
|
}
|
|
},
|
|
previewCD() {
|
|
var token = getToken()
|
|
const routeData = this.$router.resolve({
|
|
path: `/clinicalData?subjectId=${this.subjectId}&trialId=${this.trialId}&visitTaskId=${this.visitTaskId}&TokenKey=${token}`
|
|
})
|
|
window.open(routeData.href, '_blank')
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.glReview_wrapper{
|
|
flex: 1;
|
|
padding: 10px;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
.box-mr{
|
|
margin:10px 0;
|
|
}
|
|
}
|
|
</style>
|