|
|
|
@ -4,15 +4,12 @@ |
|
|
|
<div class="middlebox"> |
|
|
|
<div class="contenttitle"> |
|
|
|
基础资料 / |
|
|
|
<span class="contenttitleBold" |
|
|
|
>诊断建议设置</span |
|
|
|
> |
|
|
|
<span class="contenttitleBold">诊断建议设置</span> |
|
|
|
</div> |
|
|
|
<div class="seachinput"> |
|
|
|
<el-select v-model="diagnosis" placeholder="快速查找" size="small" |
|
|
|
filterable :filter-method="filterMethod" value-key="id" |
|
|
|
clearable @clear="quickTableData = deepCopy(tableData)" |
|
|
|
@change="quickDiagnosis" default-first-option ref="elSelectKeyWords"> |
|
|
|
<el-select v-model="diagnosis" placeholder="快速查找" size="small" filterable :filter-method="filterMethod" |
|
|
|
value-key="id" clearable @clear="quickTableData = deepCopy(tableData)" @change="quickDiagnosis" |
|
|
|
default-first-option ref="elSelectKeyWords" popper-class="dddwSelect" :popper-append-to-body="false"> |
|
|
|
<!-- |
|
|
|
<el-option key='1' value="" label="1" /> |
|
|
|
<el-option key='2' value="{id:'2',displayName:'n2'}" label="2" /> |
|
|
|
@ -25,14 +22,16 @@ |
|
|
|
</div> |
|
|
|
<div style="display: flex;margin-top: 7px;"> |
|
|
|
<!-- 类别树组件 --> |
|
|
|
<div :style="'width: 208px; height:' +(window.pageHeight < 600 ? 505 : window.pageHeight - 100) +'px;background-color: #fff; border-radius: 8px'"> |
|
|
|
<div |
|
|
|
:style="'width: 208px; height:' + (window.pageHeight < 600 ? 505 : window.pageHeight - 100) + 'px;background-color: #fff; border-radius: 8px'"> |
|
|
|
<ItemTypeTree :refreshItemTypeId="refreshItemTypeId" :itemTypeId="query.itemTypeId" /> |
|
|
|
</div> |
|
|
|
<!-- 诊断与建议 --> |
|
|
|
<div style="display: block;"> |
|
|
|
<!-- 诊断列表 --> |
|
|
|
<div style="margin-left:15px;display: flex;"> |
|
|
|
<div :style="'width:' + (window.pageWidth - 200 - 110 - 50-14) + 'px;padding: 15px;background-color: #fff;border-radius: 8px;'"> |
|
|
|
<div |
|
|
|
:style="'width:' + (window.pageWidth - 200 - 110 - 50 - 14) + 'px;padding: 15px;background-color: #fff;border-radius: 8px;'"> |
|
|
|
<div style="margin-left: 5px;display: flex; flex-wrap: wrap;"> |
|
|
|
<div> |
|
|
|
<!-- |
|
|
|
@ -47,13 +46,8 @@ |
|
|
|
:height="window.pageHeight < 600 ? 190 : Math.floor((window.pageHeight - 240) / 2)" |
|
|
|
highlight-current-row @row-click="rowClick" size="small" ref="elTable"> |
|
|
|
<el-table-column type="index" label="序号" width="40" align="center" /> |
|
|
|
<el-table-column |
|
|
|
v-for="(item, index) in headerCols" |
|
|
|
:key="`col_${index}`" |
|
|
|
:min-width="dropCol[index].minWidth" |
|
|
|
:align="dropCol[index].align" |
|
|
|
:label="item.label" |
|
|
|
> |
|
|
|
<el-table-column v-for="(item, index) in headerCols" :key="`col_${index}`" |
|
|
|
:min-width="dropCol[index].minWidth" :align="dropCol[index].align" :label="item.label"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div v-if="dropCol[index].prop == 'sn'"> |
|
|
|
{{ scope.$index + 1 }} |
|
|
|
@ -87,23 +81,16 @@ |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="排序" width="40" align="center"> |
|
|
|
<template> |
|
|
|
<el-tag |
|
|
|
class="move" |
|
|
|
style=" |
|
|
|
<el-tag class="move" style=" |
|
|
|
cursor: move; |
|
|
|
background-color: rgb(245, 245, 245); |
|
|
|
border: none; |
|
|
|
" |
|
|
|
draggable="true" |
|
|
|
> |
|
|
|
<i |
|
|
|
class="el-icon-d-caret" |
|
|
|
style=" |
|
|
|
" draggable="true"> |
|
|
|
<i class="el-icon-d-caret" style=" |
|
|
|
width: 1rem; |
|
|
|
height: 1rem; |
|
|
|
color: rgb(113, 113, 113); |
|
|
|
" |
|
|
|
></i> |
|
|
|
"></i> |
|
|
|
</el-tag> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
@ -133,19 +120,16 @@ |
|
|
|
|
|
|
|
<!-- 诊断对应的建议列表 --> |
|
|
|
<div style="margin-top:15px;"> |
|
|
|
<DiagnosisSug :formDiagnosis="form" :refreshSugs="refreshSugs" :refreshSuges="refreshSuges" :refreshSugess="refreshSugess"/> |
|
|
|
<DiagnosisSug :formDiagnosis="form" :refreshSugs="refreshSugs" :refreshSuges="refreshSuges" |
|
|
|
:refreshSugess="refreshSugess" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!--新增/编辑--> |
|
|
|
<el-dialog |
|
|
|
:title="form.id ? '编辑' : '新增'" |
|
|
|
:visible.sync="dialogVisible" |
|
|
|
width="800px" @close="closeDialog" |
|
|
|
:close-on-click-modal="false" |
|
|
|
> |
|
|
|
<el-dialog :title="form.id ? '编辑' : '新增'" :visible.sync="dialogVisible" width="800px" @close="closeDialog" |
|
|
|
:close-on-click-modal="false"> |
|
|
|
<el-form ref="form" :model="form" label-width="100px" :rules="rules"> |
|
|
|
<el-row> |
|
|
|
<el-col :span="8"> |
|
|
|
@ -156,10 +140,8 @@ |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="项目类别" prop="itemTypeId"> |
|
|
|
<el-cascader :options="dict.itemTypeTree" v-model="form.itemTypeId" |
|
|
|
:props="{ checkStrictly: true, expandTrigger: 'hover', ...customerOrg.treeprops, }" popper-class="example" |
|
|
|
ref="itemTypeIds" |
|
|
|
@change="ischangsItemTypeId" |
|
|
|
size="small"> |
|
|
|
:props="{ checkStrictly: true, expandTrigger: 'hover', ...customerOrg.treeprops, }" |
|
|
|
popper-class="example" ref="itemTypeIds" @change="ischangsItemTypeId" size="small"> |
|
|
|
</el-cascader> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
@ -185,29 +167,18 @@ |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="适用性别" prop="forSexId"> |
|
|
|
<el-select v-model="form.forSexId" placeholder="请选择" size="small"> |
|
|
|
<el-option |
|
|
|
v-for="item in dict.forSex" |
|
|
|
:key="item.id" |
|
|
|
:label="item.displayName" |
|
|
|
:value="item.id" |
|
|
|
> |
|
|
|
<el-option v-for="item in dict.forSex" :key="item.id" :label="item.displayName" :value="item.id"> |
|
|
|
</el-option> |
|
|
|
</el-select> </el-form-item |
|
|
|
></el-col> |
|
|
|
</el-select> </el-form-item></el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="诊断级别" prop="diagnosisLevelId"> |
|
|
|
<el-select v-model="form.diagnosisLevelId" placeholder="请选择" size="small"> |
|
|
|
<el-option |
|
|
|
v-for="item in dict.diagnosisLevel" |
|
|
|
:key="item.id" |
|
|
|
:label="item.displayName" |
|
|
|
:value="item.id" |
|
|
|
> |
|
|
|
<el-option v-for="item in dict.diagnosisLevel" :key="item.id" :label="item.displayName" |
|
|
|
:value="item.id"> |
|
|
|
</el-option> |
|
|
|
</el-select> </el-form-item |
|
|
|
></el-col> |
|
|
|
</el-select> </el-form-item></el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="启用" prop="isActive"> |
|
|
|
<el-radio v-model="form.isActive" label="Y">是</el-radio> |
|
|
|
@ -224,7 +195,6 @@ |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
|
|
|
|
import moment from "moment"; |
|
|
|
import { mapState } from "vuex"; |
|
|
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|
|
|
@ -696,35 +666,52 @@ export default { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .dddwSelect .el-select-dropdown__wrap { |
|
|
|
background-color: #FFF; |
|
|
|
max-height: 600px; |
|
|
|
max-width: 350px; |
|
|
|
} |
|
|
|
|
|
|
|
/* form表单每一项的下边距 */ |
|
|
|
:deep .el-form-item { |
|
|
|
margin-bottom: 14px; |
|
|
|
} |
|
|
|
|
|
|
|
/* 去掉input textarea的手动扩张样式 */ |
|
|
|
:deep(.el-textarea__inner) { |
|
|
|
:deep .el-textarea__inner { |
|
|
|
resize: none; |
|
|
|
} |
|
|
|
|
|
|
|
/* el-dialog的头部样式 */ |
|
|
|
:deep .el-dialog__header { |
|
|
|
padding: 11px 20px 11px; |
|
|
|
} |
|
|
|
|
|
|
|
/* el-dialog的主体样式 */ |
|
|
|
:deep .el-dialog__body { |
|
|
|
padding: 0px 20px 0px; |
|
|
|
} |
|
|
|
|
|
|
|
/* el-divider样式 */ |
|
|
|
:deep .el-divider--horizontal { |
|
|
|
margin: 0px 0 12px; |
|
|
|
} |
|
|
|
|
|
|
|
/* el-dialog的底部样式 */ |
|
|
|
:deep .el-dialog__footer { |
|
|
|
padding: 0px 20px 14px; |
|
|
|
} |
|
|
|
|
|
|
|
.seachinput { |
|
|
|
width: 250px; |
|
|
|
width: 350px; |
|
|
|
margin-right: 110px; |
|
|
|
} |
|
|
|
|
|
|
|
:deep .seachinput .el-select { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</style> |
pengjun
3 weeks ago