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

IVUS和OCT表单修改，新增靶段
continuous-integration/drone/push Build is passing Details

main
wangxiaoshuang 2025-06-19 16:53:11 +08:00
parent a41359111f
commit aa1f4dae9b
2 changed files with 256 additions and 301 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

226
src/views/trials/trials-panel/reading/dicoms/components/IVUS/QuestionList.vue
View File

@ -8,39 +8,27 @@
<span style="margin-left:5px;">{{ taskBlindName }}</span> <span style="margin-left:5px;">{{ taskBlindName }}</span>
</h3> </h3>
<div v-if="readingTaskState < 2"> <div v-if="readingTaskState < 2">
<el-tooltip class="item" effect="dark" :content="$t('trials:dicomReading:message:confirmReset')" placement="bottom"> <el-tooltip class="item" effect="dark" :content="$t('trials:dicomReading:message:confirmReset')"
<i placement="bottom">
class="el-icon-refresh-left" <i class="el-icon-refresh-left" @click="resetMeasuredData" />
@click="resetMeasuredData"
/>
</el-tooltip> </el-tooltip>
</div> </div>
</div> </div>
<!-- 影像质量问题 --> <!-- 影像质量问题 -->
<div class="lesions"> <div class="lesions">
<Questions <Questions ref="ecrf" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
ref="ecrf" :group-classify="1" />
:question-form-change-state="true"
:question-form-change-num="0"
:is-qulity-issues="false"
:group-classify="1"
/>
</div> </div>
<!-- 测量问题 --> <!-- 测量问题 -->
<template v-if="questions.length > 0"> <template v-if="questions.length > 0">
<div v-for="(qs,index) in questions" :key="index" v-loading="loading" class="lesions lesions_wrapper" style="margin-bottom: 10px"> <div v-for="(qs, index) in questions" :key="index" v-loading="loading" class="lesions lesions_wrapper"
style="margin-bottom: 10px">
<h4 v-if="qs.Type === 'group'" style="color: #ddd;padding: 5px 0px;margin: 0;"> <h4 v-if="qs.Type === 'group'" style="color: #ddd;padding: 5px 0px;margin: 0;">
{{ language === 'en' ? qs.GroupEnName : qs.GroupName }} {{ language === 'en' ? qs.GroupEnName : qs.GroupName }}
</h4> </h4>
<div class="lesion_list"> <div class="lesion_list">
<el-form <el-form v-if="questions.length > 0" :ref="`questions${index}`" size="small" :model="questionForm">
v-if="questions.length > 0"
:ref="`questions${index}`"
size="small"
:model="questionForm"
>
<div class="table-wrapper"> <div class="table-wrapper">
<div v-for="item in qs.Childrens" :key="item.Id"> <div v-for="item in qs.Childrens" :key="item.Id">
<div v-if="item.Type === 'basicTable'" class="flex-row" style="margin:3px 0;"> <div v-if="item.Type === 'basicTable'" class="flex-row" style="margin:3px 0;">
@ -58,11 +46,8 @@
</div> </div>
</div> </div>
<el-table <el-table v-if="item.Type === 'basicTable' && item.TableQuestions" :ref="item.Id"
v-if="item.Type === 'basicTable' && item.TableQuestions" :data="item.TableQuestions.Answers">
:ref="item.Id"
:data="item.TableQuestions.Answers"
>
<!-- <el-table-column :label="$t('CustomizeQuestionFormItem:label:OrderMark')" width="60px" show-overflow-tooltip> <!-- <el-table-column :label="$t('CustomizeQuestionFormItem:label:OrderMark')" width="60px" show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
{{ getLesionName(item.OrderMark,scope.row.RowIndex) }} {{ getLesionName(item.OrderMark,scope.row.RowIndex) }}
@ -72,14 +57,8 @@
type="index" type="index"
width="40px" width="40px"
/> --> /> -->
<el-table-column <el-table-column v-for="q of item.TableQuestions.Questions" :key="q.Id" :prop="q.Id"
v-for="q of item.TableQuestions.Questions" :label="q.QuestionName" show-overflow-tooltip :render-header="renderHeader">
:key="q.Id"
:prop="q.Id"
:label="q.QuestionName"
show-overflow-tooltip
:render-header="renderHeader"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="q.Unit > 0 && !isNaN(parseFloat(scope.row[q.Id]))"> <span v-if="q.Unit > 0 && !isNaN(parseFloat(scope.row[q.Id]))">
{{ `${scope.row[q.Id]} ${$fd('ValueUnit', parseInt(q.Unit))}` }} {{ `${scope.row[q.Id]} ${$fd('ValueUnit', parseInt(q.Unit))}` }}
@ -92,12 +71,8 @@
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column v-if="readingTaskState < 2 && item.LesionType === 102"
v-if="readingTaskState < 2 && item.LesionType === 102" :label="$t('common:action:action')" width="90px" fixed="right">
:label="$t('common:action:action')"
width="90px"
fixed="right"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="mini" @click="handleAddOrEdit('edit', item, scope.$index)"> <el-button type="text" size="mini" @click="handleAddOrEdit('edit', item, scope.$index)">
{{ $t('common:button:edit') }} {{ $t('common:button:edit') }}
@ -111,41 +86,57 @@
<template v-else> <template v-else>
<!-- 数值 --> <!-- 数值 -->
<el-form-item <el-form-item v-if="item.ShowQuestion !== 2" :key="item.Id" :label="`${item.QuestionName}`"
v-if="item.ShowQuestion!==2" :prop="item.Id" :rules="[
:key="item.Id" {
:label="`${item.QuestionName}`" required: (item.IsRequired === 0 || (item.IsRequired === 1 && item.RelevanceId && (item.RelevanceValue.includes(questionForm[item.RelevanceId])))) && item.Type !== 'group' && item.Type !== 'summary',
:prop="item.Id" message: ['radio', 'select', 'checkbox'].includes(item.Type) ? $t('common:ruleMessage:select') : $t('common:ruleMessage:specify'), trigger: ['blur', 'change']
:rules="[ },
{ required: (item.IsRequired === 0 || (item.IsRequired ===1 && item.RelevanceId && (item.RelevanceValue.includes(questionForm[item.RelevanceId])))) && item.Type!=='group' && item.Type!=='summary', ]">
message:['radio', 'select', 'checkbox'].includes(item.Type) ? $t('common:ruleMessage:select') : $t('common:ruleMessage:specify'), trigger: ['blur','change']},
]"
>
<!-- 数值类型 --> <!-- 数值类型 -->
<template v-if="item.Type === 'textarea'"> <template v-if="item.Type === 'textarea'">
<el-input <el-input v-model="questionForm[item.Id]" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }"
v-model="questionForm[qs.Id]"
type="textarea"
:autosize="{ minRows: 2, maxRows: 4}"
:disabled="!isCurrentTask || readingTaskState >= 2" :disabled="!isCurrentTask || readingTaskState >= 2"
@change="((val)=>{formItemChange(val, qs)})" @change="((val) => { formItemChange(val, item) })" />
/> </template>
<template v-if="item.Type === 'number'">
<el-input-number v-model="questionForm[item.Id]"
:disabled="!isCurrentTask || readingTaskState >= 2" :precision="0"
@change="((val) => { formItemChange(val, item) })" />
</template>
<template v-if="item.Type === 'select'">
<el-select v-model="questionForm[item.Id]" :disabled="!isCurrentTask || readingTaskState >= 2"
@change="((val) => { formItemChange(val, item) })">
<el-option v-for="dict of $d[item.DictionaryCode]" :key="dict.id" :value="String(dict.value)"
:label="dict.label" />
</el-select>
</template>
</el-form-item>
<template v-if="item.Childrens && item.Childrens.length > 0">
<template v-for="child in item.Childrens">
<el-form-item :key="child.Id"
v-if="(child.ShowQuestion === 1 && child.ParentTriggerValueList.includes(String(questionForm[item.Id]))) || child.ShowQuestion === 0"
:label="`${child.QuestionName}`" :prop="child.Id" :rules="[
{
required: (child.IsRequired === 0 || (child.IsRequired === 1 && child.RelevanceId && (child.RelevanceValue.includes(questionForm[child.RelevanceId])))) && child.Type !== 'group' && child.Type !== 'summary',
message: ['radio', 'select', 'checkbox'].includes(child.Type) ? $t('common:ruleMessage:select') : $t('common:ruleMessage:specify'), trigger: ['blur', 'change']
},
]">
<template v-if="child.Type === 'input'">
<el-input v-model="questionForm[child.Id]"
:disabled="!isCurrentTask || readingTaskState >= 2"
@change="((val) => { formItemChange(val, child) })" />
</template> </template>
</el-form-item> </el-form-item>
</template> </template>
</template>
</template>
</div> </div>
<div <div v-if="isCurrentTask && readingTaskState < 2 && (qs.GroupClassify === 5 || qs.GroupClassify === 6)"
v-if="isCurrentTask && readingTaskState<2 && qs.GroupClassify === 5" class="base-dialog-footer" style="text-align:right;margin-top:10px;">
class="base-dialog-footer"
style="text-align:right;margin-top:10px;"
>
<!-- 保存 --> <!-- 保存 -->
<el-button <el-button type="primary" size="mini" :disabled="!formChanged" @click="handleSave(index)">
type="primary"
size="mini"
:disabled="!formChanged"
@click="handleSave(index)"
>
{{ $t('common:button:save') }} {{ $t('common:button:save') }}
</el-button> </el-button>
</div> </div>
@ -156,51 +147,21 @@
</template> </template>
<!-- 计算值 --> <!-- 计算值 -->
<Questions <Questions ref="ecrf2" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
ref="ecrf2" :group-classify="4" style="margin-top:20px" />
:question-form-change-state="true"
:question-form-change-num="0"
:is-qulity-issues="false"
:group-classify="4"
style="margin-top:20px"
/>
<!-- 评估结果 --> <!-- 评估结果 -->
<Questions <Questions ref="ecrf3" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
ref="ecrf3" :group-classify="5" />
:question-form-change-state="true"
:question-form-change-num="0"
:is-qulity-issues="false"
:group-classify="5"
/>
<!-- 新增、编辑弹窗 --> <!-- 新增、编辑弹窗 -->
<el-dialog <el-dialog v-if="addOrEdit.visible" :visible.sync="addOrEdit.visible" :close-on-click-modal="false"
v-if="addOrEdit.visible" :title="addOrEdit.title" width="500px">
:visible.sync="addOrEdit.visible" <el-form ref="tableQsForm" v-loading="loading" :model="qsForm" size="small">
:close-on-click-modal="false" <QuestionTableFormItem v-for="item in qsList" :key="item.Id" :question="item" :question-form="qsForm"
:title="addOrEdit.title" :reading-task-state="readingTaskState" @setFormItemData="setFormItemData"
width="500px" @resetFormItemData="resetFormItemData" />
>
<el-form
ref="tableQsForm"
v-loading="loading"
:model="qsForm"
size="small"
>
<QuestionTableFormItem
v-for="item in qsList"
:key="item.Id"
:question="item"
:question-form="qsForm"
:reading-task-state="readingTaskState"
@setFormItemData="setFormItemData"
@resetFormItemData="resetFormItemData"
/>
<el-form-item style="text-align: right"> <el-form-item style="text-align: right">
<el-button <el-button size="small" @click="addOrEdit.visible = false">
size="small"
@click="addOrEdit.visible = false"
>
{{ $t('common:button:cancel') }} {{ $t('common:button:cancel') }}
</el-button> </el-button>
<!-- 保存 --> <!-- 保存 -->
@ -211,17 +172,9 @@
</el-form> </el-form>
</el-dialog> </el-dialog>
<!-- 导入 --> <!-- 导入 -->
<el-dialog <el-dialog v-if="upload.visible" :visible.sync="upload.visible" :close-on-click-modal="false"
v-if="upload.visible" :title="upload.title" width="500px">
:visible.sync="upload.visible" <UploadExcel :visit-task-id="visitTaskId" @close="uploadDlgClose" />
:close-on-click-modal="false"
:title="upload.title"
width="500px"
>
<UploadExcel
:visit-task-id="visitTaskId"
@close="uploadDlgClose"
/>
</el-dialog> </el-dialog>
</div> </div>
</div> </div>
@ -485,8 +438,11 @@ export default {
setMeasuredData(measureData) { setMeasuredData(measureData) {
}, },
formItemChange() { formItemChange(val, item) {
this.formChanged = true this.formChanged = true
if (item.Type === 'number') {
this.limitBlur(item.Id, item.ValueType)
}
}, },
limitBlur(qId, valueType) { limitBlur(qId, valueType) {
const value = this.questionForm[qId] const value = this.questionForm[qId]
@ -523,7 +479,7 @@ export default {
answers: answers answers: answers
} }
try { try {
await saveTaskQuestion(8, params) await saveTaskQuestion(12, params)
this.$message.success(this.$t('common:message:savedSuccessfully')) this.$message.success(this.$t('common:message:savedSuccessfully'))
loading.close() loading.close()
DicomEvent.$emit('getReportInfo', true) DicomEvent.$emit('getReportInfo', true)
@ -733,17 +689,21 @@ export default {
.measurement-wrapper { .measurement-wrapper {
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;
.container { .container {
padding: 10px; padding: 10px;
.basic-info { .basic-info {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
h3 { h3 {
color: #ddd; color: #ddd;
padding: 5px 0px; padding: 5px 0px;
margin: 0; margin: 0;
} }
i { i {
color: #fff; color: #fff;
font-size: 22px; font-size: 22px;
@ -752,6 +712,7 @@ export default {
} }
} }
} }
.title { .title {
padding: 5px; padding: 5px;
font-weight: bold; font-weight: bold;
@ -759,6 +720,7 @@ export default {
font-size: 15px; font-size: 15px;
} }
.add-icon { .add-icon {
display: inline-block; display: inline-block;
padding: 5px; padding: 5px;
@ -769,6 +731,7 @@ export default {
margin-bottom: 2px; margin-bottom: 2px;
cursor: pointer; cursor: pointer;
} }
.add-icon:hover { .add-icon:hover {
background-color: #607d8b; background-color: #607d8b;
} }
@ -780,92 +743,111 @@ export default {
background-color: #424242; background-color: #424242;
} }
.lesion_list { .lesion_list {
position: relative; position: relative;
::v-deep .el-form-item__label { ::v-deep .el-form-item__label {
color: #c3c3c3; color: #c3c3c3;
text-align: left; text-align: left;
} }
::v-deep .el-input .el-input__inner { ::v-deep .el-input .el-input__inner {
background-color: transparent; background-color: transparent;
color: #ddd; color: #ddd;
border: 1px solid #5e5e5e; border: 1px solid #5e5e5e;
} }
::v-deep .el-textarea__inner { ::v-deep .el-textarea__inner {
background-color: transparent; background-color: transparent;
color: #ddd; color: #ddd;
border: 1px solid #5e5e5e; border: 1px solid #5e5e5e;
} }
::v-deep .el-form-item { ::v-deep .el-form-item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
} }
::v-deep .el-form-item__content { ::v-deep .el-form-item__content {
flex: 1; flex: 1;
} }
::v-deep .el-input.is-disabled .el-input__inner { ::v-deep .el-input.is-disabled .el-input__inner {
background-color: #646464a1; background-color: #646464a1;
} }
::v-deep .el-select.is-disabled .el-input__inner { ::v-deep .el-select.is-disabled .el-input__inner {
background-color: #646464a1; background-color: #646464a1;
} }
.el-form-item__content .el-form-item__content .el-select {
.el-select{
width: 100%; width: 100%;
} }
} }
.table-wrapper { .table-wrapper {
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 5px; width: 5px;
height: 8px; height: 8px;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
border-radius: 10px; border-radius: 10px;
background: #d0d0d0; background: #d0d0d0;
} }
::v-deep .el-table, ::v-deep .el-table,
.el-table__expanded-cell { .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, ::v-deep .el-table th,
.el-table tr { .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-table__fixed-right { ::v-deep .el-table__fixed-right {
height: 100% !important; height: 100% !important;
} }
// ::v-deep .el-table .cell { // ::v-deep .el-table .cell {
// line-height: 20px; // line-height: 20px;
// } // }
::v-deep .el-table__cell { ::v-deep .el-table__cell {
padding: 5px 0; padding: 5px 0;
} }
::v-deep.el-table__fixed-right-patch { ::v-deep.el-table__fixed-right-patch {
background-color: #000 !important; background-color: #000 !important;
border-color: #444444; border-color: #444444;
} }
::v-deep.el-table__fixed-body-wrapper tr:hover>td { ::v-deep.el-table__fixed-body-wrapper tr:hover>td {
background-color: #000 !important; background-color: #000 !important;
} }
::v-deep.el-table--scrollable-x .el-table__body-wrapper { ::v-deep.el-table--scrollable-x .el-table__body-wrapper {
z-index: 2; z-index: 2;
} }

219
src/views/trials/trials-panel/reading/dicoms/components/OCT/QuestionList.vue
View File

@ -7,39 +7,28 @@
<span style="margin-left:5px;">{{ taskBlindName }}</span> <span style="margin-left:5px;">{{ taskBlindName }}</span>
</h3> </h3>
<div v-if="readingTaskState < 2"> <div v-if="readingTaskState < 2">
<el-tooltip class="item" effect="dark" :content="$t('trials:dicomReading:message:confirmReset')" placement="bottom"> <el-tooltip class="item" effect="dark" :content="$t('trials:dicomReading:message:confirmReset')"
<i placement="bottom">
class="el-icon-refresh-left" <i class="el-icon-refresh-left" @click="resetMeasuredData" />
@click="resetMeasuredData"
/>
</el-tooltip> </el-tooltip>
</div> </div>
</div> </div>
<!-- 影像质量问题 --> <!-- 影像质量问题 -->
<div class="lesions"> <div class="lesions">
<Questions <Questions ref="ecrf" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
ref="ecrf" :group-classify="1" />
:question-form-change-state="true"
:question-form-change-num="0"
:is-qulity-issues="false"
:group-classify="1"
/>
</div> </div>
<!-- 测量问题 --> <!-- 测量问题 -->
<template v-if="questions.length > 0"> <template v-if="questions.length > 0">
<div v-for="(qs,index) in questions" :key="index" v-loading="loading" class="lesions lesions_wrapper" style="margin-bottom: 10px"> <div v-for="(qs, index) in questions" :key="index" v-loading="loading" class="lesions lesions_wrapper"
style="margin-bottom: 10px">
<h4 v-if="qs.Type === 'group'" style="color: #ddd;padding: 5px 0px;margin: 0;"> <h4 v-if="qs.Type === 'group'" style="color: #ddd;padding: 5px 0px;margin: 0;">
{{ language === 'en' ? qs.GroupEnName : qs.GroupName }} {{ language === 'en' ? qs.GroupEnName : qs.GroupName }}
</h4> </h4>
<div class="lesion_list"> <div class="lesion_list">
<el-form <el-form v-if="questions.length > 0" :ref="`questions${index}`" size="small" :model="questionForm">
v-if="questions.length > 0"
:ref="`questions${index}`"
size="small"
:model="questionForm"
>
<div class="table-wrapper"> <div class="table-wrapper">
<div v-for="item in qs.Childrens" :key="item.Id"> <div v-for="item in qs.Childrens" :key="item.Id">
<div v-if="item.Type === 'basicTable'" class="flex-row" style="margin:3px 0;"> <div v-if="item.Type === 'basicTable'" class="flex-row" style="margin:3px 0;">
@ -57,12 +46,8 @@
</div> </div>
</div> </div>
<el-table <el-table v-if="item.Type === 'basicTable' && item.TableQuestions" :ref="item.Id"
v-if="item.Type === 'basicTable' && item.TableQuestions" :data="item.TableQuestions.Answers" max-height="600">
:ref="item.Id"
:data="item.TableQuestions.Answers"
max-height="600"
>
<!-- <el-table-column :label="$t('CustomizeQuestionFormItem:label:OrderMark')" width="60px" show-overflow-tooltip> <!-- <el-table-column :label="$t('CustomizeQuestionFormItem:label:OrderMark')" width="60px" show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
{{ getLesionName(item.OrderMark,scope.row.RowIndex) }} {{ getLesionName(item.OrderMark,scope.row.RowIndex) }}
@ -72,14 +57,8 @@
type="index" type="index"
width="40px" width="40px"
/> --> /> -->
<el-table-column <el-table-column v-for="q of item.TableQuestions.Questions" :key="q.Id" :prop="q.Id"
v-for="q of item.TableQuestions.Questions" :label="q.QuestionName" show-overflow-tooltip :render-header="renderHeader">
:key="q.Id"
:prop="q.Id"
:label="q.QuestionName"
show-overflow-tooltip
:render-header="renderHeader"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="q.Unit > 0 && !isNaN(parseFloat(scope.row[q.Id]))"> <span v-if="q.Unit > 0 && !isNaN(parseFloat(scope.row[q.Id]))">
{{ `${scope.row[q.Id]} ${$fd('ValueUnit', parseInt(q.Unit))}` }} {{ `${scope.row[q.Id]} ${$fd('ValueUnit', parseInt(q.Unit))}` }}
@ -92,17 +71,14 @@
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column v-if="readingTaskState < 2" :label="$t('common:action:action')" width="90px"
v-if="readingTaskState < 2" fixed="right">
:label="$t('common:action:action')"
width="90px"
fixed="right"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="mini" @click="handleAddOrEdit('edit', item, scope.$index)"> <el-button type="text" size="mini" @click="handleAddOrEdit('edit', item, scope.$index)">
{{ $t('common:button:edit') }} {{ $t('common:button:edit') }}
</el-button> </el-button>
<el-button v-if="item.LesionType === 112 || item.LesionType === 111" type="text" size="mini" @click="handleDelete(item, scope.$index)"> <el-button v-if="item.LesionType === 112 || item.LesionType === 111" type="text" size="mini"
@click="handleDelete(item, scope.$index)">
{{ $t('common:button:delete') }} {{ $t('common:button:delete') }}
</el-button> </el-button>
</template> </template>
@ -111,41 +87,52 @@
<template v-else> <template v-else>
<!-- 数值 --> <!-- 数值 -->
<el-form-item <el-form-item v-if="item.ShowQuestion !== 2" :key="item.Id" :label="`${item.QuestionName}`"
v-if="item.ShowQuestion!==2" :prop="item.Id" :rules="[
:key="item.Id" {
:label="`${item.QuestionName}`" required: (item.IsRequired === 0 || (item.IsRequired === 1 && item.RelevanceId && (item.RelevanceValue.includes(questionForm[item.RelevanceId])))) && item.Type !== 'group' && item.Type !== 'summary',
:prop="item.Id" message: ['radio', 'select', 'checkbox'].includes(item.Type) ? $t('common:ruleMessage:select') : $t('common:ruleMessage:specify'), trigger: ['blur', 'change']
:rules="[ },
{ required: (item.IsRequired === 0 || (item.IsRequired ===1 && item.RelevanceId && (item.RelevanceValue.includes(questionForm[item.RelevanceId])))) && item.Type!=='group' && item.Type!=='summary', ]">
message:['radio', 'select', 'checkbox'].includes(item.Type) ? $t('common:ruleMessage:select') : $t('common:ruleMessage:specify'), trigger: ['blur','change']},
]"
>
<!-- 数值类型 --> <!-- 数值类型 -->
<template v-if="item.Type === 'textarea'"> <template v-if="item.Type === 'textarea'">
<el-input <el-input v-model="questionForm[item.Id]" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }"
v-model="questionForm[qs.Id]"
type="textarea"
:autosize="{ minRows: 2, maxRows: 4}"
:disabled="!isCurrentTask || readingTaskState >= 2" :disabled="!isCurrentTask || readingTaskState >= 2"
@change="((val)=>{formItemChange(val, qs)})" @change="((val) => { formItemChange(val, item) })" />
/> </template>
<template v-if="item.Type === 'select'">
<el-select v-model="questionForm[item.Id]" :disabled="!isCurrentTask || readingTaskState >= 2"
@change="((val) => { formItemChange(val, item) })">
<el-option v-for="dict of $d[item.DictionaryCode]" :key="dict.id" :value="String(dict.value)"
:label="dict.label" />
</el-select>
</template>
</el-form-item>
<template v-if="item.Childrens && item.Childrens.length > 0">
<template v-for="child in item.Childrens">
<el-form-item :key="child.Id"
v-if="(child.ShowQuestion === 1 && child.ParentTriggerValueList.includes(String(questionForm[item.Id]))) || child.ShowQuestion === 0"
:label="`${child.QuestionName}`" :prop="child.Id" :rules="[
{
required: (child.IsRequired === 0 || (child.IsRequired === 1 && child.RelevanceId && (child.RelevanceValue.includes(questionForm[child.RelevanceId])))) && child.Type !== 'group' && child.Type !== 'summary',
message: ['radio', 'select', 'checkbox'].includes(child.Type) ? $t('common:ruleMessage:select') : $t('common:ruleMessage:specify'), trigger: ['blur', 'change']
},
]">
<template v-if="child.Type === 'input'">
<el-input v-model="questionForm[child.Id]"
:disabled="!isCurrentTask || readingTaskState >= 2"
@change="((val) => { formItemChange(val, child) })" />
</template> </template>
</el-form-item> </el-form-item>
</template> </template>
</template>
</template>
</div> </div>
<div <div v-if="isCurrentTask && readingTaskState < 2 && (qs.GroupClassify === 5 || qs.GroupClassify === 6)"
v-if="isCurrentTask && readingTaskState<2 && qs.GroupClassify === 5" class="base-dialog-footer" style="text-align:right;margin-top:10px;">
class="base-dialog-footer"
style="text-align:right;margin-top:10px;"
>
<!-- 保存 --> <!-- 保存 -->
<el-button <el-button type="primary" size="mini" :disabled="!formChanged" @click="handleSave(index)">
type="primary"
size="mini"
:disabled="!formChanged"
@click="handleSave(index)"
>
{{ $t('common:button:save') }} {{ $t('common:button:save') }}
</el-button> </el-button>
</div> </div>
@ -156,50 +143,20 @@
</template> </template>
<!-- 计算值 --> <!-- 计算值 -->
<Questions <Questions ref="ecrf2" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
ref="ecrf2" :group-classify="4" style="margin-top:20px" />
:question-form-change-state="true"
:question-form-change-num="0"
:is-qulity-issues="false"
:group-classify="4"
style="margin-top:20px"
/>
<!-- 评估结果 --> <!-- 评估结果 -->
<Questions <Questions ref="ecrf3" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
ref="ecrf3" :group-classify="5" />
:question-form-change-state="true" <el-dialog v-if="addOrEdit.visible" :visible.sync="addOrEdit.visible" :close-on-click-modal="false"
:question-form-change-num="0" :title="addOrEdit.title" width="500px">
:is-qulity-issues="false" <el-form ref="tableQsForm" v-loading="loading" :model="qsForm" size="small">
:group-classify="5" <QuestionTableFormItem v-for="item in qsList" :key="item.Id" :question="item" :question-form="qsForm"
/> :reading-task-state="readingTaskState" @setFormItemData="setFormItemData"
<el-dialog @resetFormItemData="resetFormItemData" />
v-if="addOrEdit.visible"
:visible.sync="addOrEdit.visible"
:close-on-click-modal="false"
:title="addOrEdit.title"
width="500px"
>
<el-form
ref="tableQsForm"
v-loading="loading"
:model="qsForm"
size="small"
>
<QuestionTableFormItem
v-for="item in qsList"
:key="item.Id"
:question="item"
:question-form="qsForm"
:reading-task-state="readingTaskState"
@setFormItemData="setFormItemData"
@resetFormItemData="resetFormItemData"
/>
<el-form-item style="text-align: right"> <el-form-item style="text-align: right">
<el-button <el-button size="small" @click="addOrEdit.visible = false">
size="small"
@click="addOrEdit.visible = false"
>
{{ $t('common:button:cancel') }} {{ $t('common:button:cancel') }}
</el-button> </el-button>
<!-- 保存 --> <!-- 保存 -->
@ -210,18 +167,9 @@
</el-form> </el-form>
</el-dialog> </el-dialog>
<!-- 导入 --> <!-- 导入 -->
<el-dialog <el-dialog v-if="upload.visible" :visible.sync="upload.visible" :close-on-click-modal="false"
v-if="upload.visible" :title="upload.title" width="500px">
:visible.sync="upload.visible" <UploadExcel :visit-task-id="visitTaskId" :lesion-type="upload.lesionType" @close="uploadDlgClose" />
:close-on-click-modal="false"
:title="upload.title"
width="500px"
>
<UploadExcel
:visit-task-id="visitTaskId"
:lesion-type="upload.lesionType"
@close="uploadDlgClose"
/>
</el-dialog> </el-dialog>
</div> </div>
</div> </div>
@ -521,7 +469,7 @@ export default {
answers: answers answers: answers
} }
try { try {
await saveTaskQuestion(8, params) await saveTaskQuestion(12, params)
this.$message.success(this.$t('common:message:savedSuccessfully')) this.$message.success(this.$t('common:message:savedSuccessfully'))
loading.close() loading.close()
DicomEvent.$emit('getReportInfo', true) DicomEvent.$emit('getReportInfo', true)
@ -748,15 +696,18 @@ export default {
.container { .container {
padding: 10px; padding: 10px;
.basic-info { .basic-info {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
h3 { h3 {
color: #ddd; color: #ddd;
padding: 5px 0px; padding: 5px 0px;
margin: 0; margin: 0;
} }
i { i {
color: #fff; color: #fff;
font-size: 22px; font-size: 22px;
@ -765,6 +716,7 @@ export default {
} }
} }
} }
.title { .title {
padding: 5px; padding: 5px;
font-weight: bold; font-weight: bold;
@ -772,6 +724,7 @@ export default {
font-size: 15px; font-size: 15px;
} }
.add-icon { .add-icon {
display: inline-block; display: inline-block;
padding: 5px; padding: 5px;
@ -782,6 +735,7 @@ export default {
margin-bottom: 2px; margin-bottom: 2px;
cursor: pointer; cursor: pointer;
} }
.add-icon:hover { .add-icon:hover {
background-color: #607d8b; background-color: #607d8b;
} }
@ -793,92 +747,111 @@ export default {
background-color: #424242; background-color: #424242;
} }
.lesion_list { .lesion_list {
position: relative; position: relative;
::v-deep .el-form-item__label { ::v-deep .el-form-item__label {
color: #c3c3c3; color: #c3c3c3;
text-align: left; text-align: left;
} }
::v-deep .el-input .el-input__inner { ::v-deep .el-input .el-input__inner {
background-color: transparent; background-color: transparent;
color: #ddd; color: #ddd;
border: 1px solid #5e5e5e; border: 1px solid #5e5e5e;
} }
::v-deep .el-textarea__inner { ::v-deep .el-textarea__inner {
background-color: transparent; background-color: transparent;
color: #ddd; color: #ddd;
border: 1px solid #5e5e5e; border: 1px solid #5e5e5e;
} }
::v-deep .el-form-item { ::v-deep .el-form-item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
} }
::v-deep .el-form-item__content { ::v-deep .el-form-item__content {
flex: 1; flex: 1;
} }
::v-deep .el-input.is-disabled .el-input__inner { ::v-deep .el-input.is-disabled .el-input__inner {
background-color: #646464a1; background-color: #646464a1;
} }
::v-deep .el-select.is-disabled .el-input__inner { ::v-deep .el-select.is-disabled .el-input__inner {
background-color: #646464a1; background-color: #646464a1;
} }
.el-form-item__content .el-form-item__content .el-select {
.el-select{
width: 100%; width: 100%;
} }
} }
.table-wrapper { .table-wrapper {
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 5px; width: 5px;
height: 8px; height: 8px;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
border-radius: 10px; border-radius: 10px;
background: #d0d0d0; background: #d0d0d0;
} }
::v-deep .el-table, ::v-deep .el-table,
.el-table__expanded-cell { .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, ::v-deep .el-table th,
.el-table tr { .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-table__fixed-right { ::v-deep .el-table__fixed-right {
height: 100% !important; height: 100% !important;
} }
// ::v-deep .el-table .cell { // ::v-deep .el-table .cell {
// line-height: 20px; // line-height: 20px;
// } // }
::v-deep .el-table__cell { ::v-deep .el-table__cell {
padding: 5px 0; padding: 5px 0;
} }
::v-deep.el-table__fixed-right-patch { ::v-deep.el-table__fixed-right-patch {
background-color: #000 !important; background-color: #000 !important;
border-color: #444444; border-color: #444444;
} }
::v-deep.el-table__fixed-body-wrapper tr:hover>td { ::v-deep.el-table__fixed-body-wrapper tr:hover>td {
background-color: #000 !important; background-color: #000 !important;
} }
::v-deep.el-table--scrollable-x .el-table__body-wrapper { ::v-deep.el-table--scrollable-x .el-table__body-wrapper {
z-index: 2; z-index: 2;
} }