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

282
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;">
@ -52,34 +40,25 @@
<div class="add-icon" style="margin: 0 5px;" @click.prevent="uploadTpl(item.LesionType)"> <div class="add-icon" style="margin: 0 5px;" @click.prevent="uploadTpl(item.LesionType)">
<i class="el-icon-upload2" /> <i class="el-icon-upload2" />
</div> </div>
<div class="add-icon" @click.prevent="handleAddOrEdit('add',item)"> <div class="add-icon" @click.prevent="handleAddOrEdit('add', item)">
<i class="el-icon-plus" /> <i class="el-icon-plus" />
</div> </div>
</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) }}
</template> </template>
</el-table-column> --> </el-table-column> -->
<!-- <el-table-column <!-- <el-table-column
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,14 +71,10 @@
</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') }}
</el-button> </el-button>
<el-button type="text" size="mini" @click="handleDelete(item, scope.$index)"> <el-button type="text" size="mini" @click="handleDelete(item, scope.$index)">
@ -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]" :disabled="!isCurrentTask || readingTaskState >= 2"
type="textarea" @change="((val) => { formItemChange(val, item) })" />
:autosize="{ minRows: 2, maxRows: 4}" </template>
:disabled="!isCurrentTask || readingTaskState>=2" <template v-if="item.Type === 'number'">
@change="((val)=>{formItemChange(val, qs)})" <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> </template>
</el-form-item> </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>
</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)
@ -730,21 +686,25 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.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;
font-weight: bold; font-weight: bold;
@ -752,14 +712,16 @@ export default {
} }
} }
} }
.title{
.title {
padding: 5px; padding: 5px;
font-weight: bold; font-weight: bold;
color: #ddd; color: #ddd;
font-size: 15px; font-size: 15px;
} }
.add-icon{
.add-icon {
display: inline-block; display: inline-block;
padding: 5px; padding: 5px;
font-weight: bold; font-weight: bold;
@ -769,103 +731,123 @@ export default {
margin-bottom: 2px; margin-bottom: 2px;
cursor: pointer; cursor: pointer;
} }
.add-icon:hover{
.add-icon:hover {
background-color: #607d8b; background-color: #607d8b;
} }
.flex-row{ .flex-row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
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{
background-color: #646464a1; ::v-deep .el-input.is-disabled .el-input__inner {
}
::v-deep .el-select.is-disabled .el-input__inner{
background-color: #646464a1; background-color: #646464a1;
} }
.el-form-item__content ::v-deep .el-select.is-disabled .el-input__inner {
.el-select{ background-color: #646464a1;
}
.el-form-item__content .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;
} }

275
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;">
@ -51,35 +40,25 @@
<div class="add-icon" style="margin: 0 5px;" @click.prevent="uploadTpl(item.LesionType)"> <div class="add-icon" style="margin: 0 5px;" @click.prevent="uploadTpl(item.LesionType)">
<i class="el-icon-upload2" /> <i class="el-icon-upload2" />
</div> </div>
<div class="add-icon" @click.prevent="handleAddOrEdit('add',item)"> <div class="add-icon" @click.prevent="handleAddOrEdit('add', item)">
<i class="el-icon-plus" /> <i class="el-icon-plus" />
</div> </div>
</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) }}
</template> </template>
</el-table-column> --> </el-table-column> -->
<!-- <el-table-column <!-- <el-table-column
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]" :disabled="!isCurrentTask || readingTaskState >= 2"
type="textarea" @change="((val) => { formItemChange(val, item) })" />
:autosize="{ minRows: 2, maxRows: 4}" </template>
:disabled="!isCurrentTask || readingTaskState>=2" <template v-if="item.Type === 'select'">
@change="((val)=>{formItemChange(val, qs)})" <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> </template>
</el-form-item> </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>
</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)
@ -741,23 +689,26 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.measurement-wrapper{ .measurement-wrapper {
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;
// overflow: hidden; // overflow: hidden;
.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;
font-weight: bold; font-weight: bold;
@ -765,14 +716,16 @@ export default {
} }
} }
} }
.title{
.title {
padding: 5px; padding: 5px;
font-weight: bold; font-weight: bold;
color: #ddd; color: #ddd;
font-size: 15px; font-size: 15px;
} }
.add-icon{
.add-icon {
display: inline-block; display: inline-block;
padding: 5px; padding: 5px;
font-weight: bold; font-weight: bold;
@ -782,103 +735,123 @@ export default {
margin-bottom: 2px; margin-bottom: 2px;
cursor: pointer; cursor: pointer;
} }
.add-icon:hover{
.add-icon:hover {
background-color: #607d8b; background-color: #607d8b;
} }
.flex-row{ .flex-row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
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{
background-color: #646464a1; ::v-deep .el-input.is-disabled .el-input__inner {
}
::v-deep .el-select.is-disabled .el-input__inner{
background-color: #646464a1; background-color: #646464a1;
} }
.el-form-item__content ::v-deep .el-select.is-disabled .el-input__inner {
.el-select{ background-color: #646464a1;
}
.el-form-item__content .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;
} }