|
|
|
@ -2,32 +2,18 @@ |
|
|
|
<div class="box"> |
|
|
|
<div style="position: relative;"> |
|
|
|
<div class="middlebox"> |
|
|
|
<div class="contenttitle" |
|
|
|
> |
|
|
|
<div class="contenttitle"> |
|
|
|
基础资料 / |
|
|
|
<span class="contenttitleBold" |
|
|
|
>诊断模板</span |
|
|
|
> |
|
|
|
<span class="contenttitleBold">诊断模板</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: block; margin-top: 7px;margin-right: 110px;"> |
|
|
|
<div style="margin-bottom: 15px;background-color: #fff;padding: 15px;border-radius: 8px;"> |
|
|
|
<el-table |
|
|
|
:data="tableData" |
|
|
|
row-key="id" |
|
|
|
width="100%" |
|
|
|
:height=" |
|
|
|
window.pageHeight < 600 |
|
|
|
<el-table :data="tableData" row-key="id" width="100%" :height="window.pageHeight < 600 |
|
|
|
? 210 |
|
|
|
: Math.floor((window.pageHeight - 220) / 2) |
|
|
|
" |
|
|
|
class="el-table__body-wrapper tbody" |
|
|
|
border:stripe="true" |
|
|
|
@row-click="rowick" |
|
|
|
@row-dblclick="dblClick" |
|
|
|
ref="info" |
|
|
|
highlight-current-row |
|
|
|
> |
|
|
|
" class="el-table__body-wrapper tbody" border:stripe="true" @row-click="rowick" |
|
|
|
@row-dblclick="dblClick" ref="info" highlight-current-row> |
|
|
|
<el-table-column prop="id" label="编号" width="300"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="displayName" label="名称"> |
|
|
|
@ -41,34 +27,23 @@ |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="lastModifierName" label="修改者"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="lastModificationTime" |
|
|
|
label="修改时间" |
|
|
|
width="180" |
|
|
|
> |
|
|
|
<el-table-column prop="lastModificationTime" label="修改时间" width="180"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.lastModificationTime | dateFormat }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="操作" width="" 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> |
|
|
|
@ -78,118 +53,59 @@ |
|
|
|
<div class="mainbox" style="margin-top: 0px"> |
|
|
|
<div class="mainleftbox"> |
|
|
|
<div> |
|
|
|
<span style="padding: 5px;font-size: 14px;font-weight: 400;color: #232748;font-family: NotoSansSC-Regular;margin-bottom: 10px;">项目类别</span> |
|
|
|
<el-cascader |
|
|
|
:options="dict.itemTypeTree" |
|
|
|
v-model="itemTypeIds" |
|
|
|
:props="{ |
|
|
|
<span |
|
|
|
style="padding: 5px;font-size: 14px;font-weight: 400;color: #232748;font-family: NotoSansSC-Regular;margin-bottom: 10px;">项目类别</span> |
|
|
|
<el-cascader :options="dict.itemTypeTree" v-model="itemTypeIds" :props="{ |
|
|
|
checkStrictly: true, |
|
|
|
expandTrigger: 'hover', |
|
|
|
...customerOrg.treeprops, |
|
|
|
}" |
|
|
|
popper-class="example" |
|
|
|
@change="getAsbItemByItemType" |
|
|
|
size="small" |
|
|
|
ref="itemTypeIds" |
|
|
|
> |
|
|
|
}" popper-class="example" @change="getAsbItemByItemType" size="small" ref="itemTypeIds"> |
|
|
|
</el-cascader> |
|
|
|
</div> |
|
|
|
<div :style="'width:' + Math.floor((window.pageWidth - 300) / 2) + 'px;'"> |
|
|
|
<el-table |
|
|
|
:data="dict.asbItem" |
|
|
|
:height=" |
|
|
|
window.pageHeight < 600 |
|
|
|
<el-table :data="dict.asbItem" :height="window.pageHeight < 600 |
|
|
|
? 210 |
|
|
|
: Math.floor((window.pageHeight - 200) / 2)" |
|
|
|
highlight-current-row |
|
|
|
@row-dblclick="dbClickChoosedAsb" |
|
|
|
@selection-change="handleSelectionChange" |
|
|
|
:row-class-name="handleRowClassName" |
|
|
|
@row-click="chooseAsbItem" |
|
|
|
> |
|
|
|
<el-table-column |
|
|
|
type="index" |
|
|
|
align="center" |
|
|
|
label="序号" |
|
|
|
/> |
|
|
|
: Math.floor((window.pageHeight - 200) / 2)" highlight-current-row |
|
|
|
@row-dblclick="dbClickChoosedAsb" @selection-change="handleSelectionChange" |
|
|
|
:row-class-name="handleRowClassName" @row-click="chooseAsbItem"> |
|
|
|
<el-table-column type="index" align="center" label="序号" /> |
|
|
|
<el-table-column prop="displayName" label="未选诊断" /> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="Selectbutton"> |
|
|
|
<div> |
|
|
|
<el-button |
|
|
|
class="commonbutton" |
|
|
|
@click="addAbs(asbItemChoosed, 'choosed')" |
|
|
|
>添加 <i class="el-icon-arrow-right"></i |
|
|
|
></el-button> |
|
|
|
<el-button class="commonbutton" @click="addAbs(asbItemChoosed, 'choosed')">添加 <i |
|
|
|
class="el-icon-arrow-right"></i></el-button> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 18px"> |
|
|
|
<el-button |
|
|
|
class="difference" |
|
|
|
@click="addAbs(asbItemChoosed, 'all')" |
|
|
|
>全部添加</el-button |
|
|
|
> |
|
|
|
<el-button class="difference" @click="addAbs(asbItemChoosed, 'all')">全部添加</el-button> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 18px"> |
|
|
|
<el-button |
|
|
|
class="commonbutton" |
|
|
|
@click="delAbs(patientRegisterAbsChoosed, 'choosed')" |
|
|
|
>移除 <i class="el-icon-arrow-left"></i |
|
|
|
></el-button> |
|
|
|
<el-button class="commonbutton" @click="delAbs(patientRegisterAbsChoosed, 'choosed')">移除 <i |
|
|
|
class="el-icon-arrow-left"></i></el-button> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 18px"> |
|
|
|
<el-button |
|
|
|
class="difference" |
|
|
|
@click="delAbs(patientRegisterAbsChoosed, 'all')" |
|
|
|
>全部移除</el-button |
|
|
|
> |
|
|
|
<el-button class="difference" @click="delAbs(patientRegisterAbsChoosed, 'all')">全部移除</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="mainleftbox"> |
|
|
|
<div> |
|
|
|
<span style="padding: 5px;font-size: 14px;font-weight: 400;color: #232748;font-family: NotoSansSC-Regular;margin-bottom: 10px;">快速选择</span> |
|
|
|
<el-select |
|
|
|
v-model="asbItemId" |
|
|
|
placeholder="快速选择诊断" |
|
|
|
size="small" |
|
|
|
filterable |
|
|
|
default-first-option |
|
|
|
:filter-method="filterMethod" |
|
|
|
clearable |
|
|
|
@clear="quickAsb = deepCopy(dict.asbItemQuick)" |
|
|
|
@change="quickChoosedAsb" |
|
|
|
ref="quickAsbOCX" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in quickAsb" |
|
|
|
:key="item.id" |
|
|
|
:value="item.id" |
|
|
|
:label="item.displayName" |
|
|
|
/> |
|
|
|
<span |
|
|
|
style="padding: 5px;font-size: 14px;font-weight: 400;color: #232748;font-family: NotoSansSC-Regular;margin-bottom: 10px;">快速选择</span> |
|
|
|
<el-select v-model="asbItemId" placeholder="快速选择诊断" size="small" filterable default-first-option |
|
|
|
:filter-method="filterMethod" clearable @clear="quickAsb = deepCopy(dict.asbItemQuick)" |
|
|
|
@change="quickChoosedAsb" ref="quickAsbOCX"> |
|
|
|
<el-option v-for="item in quickAsb" :key="item.id" :value="item.id" :label="item.displayName" /> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
<div :style="'width:' + Math.floor((window.pageWidth - 300) / 2) + 'px;'"> |
|
|
|
<el-table |
|
|
|
:data="sampleGroupAsbitems" |
|
|
|
:height=" |
|
|
|
window.pageHeight < 600 |
|
|
|
<el-table :data="sampleGroupAsbitems" :height="window.pageHeight < 600 |
|
|
|
? 210 |
|
|
|
: Math.floor((window.pageHeight - 200) / 2)" |
|
|
|
@selection-change="selecteditems" |
|
|
|
highlight-current-row |
|
|
|
:row-class-name="handleRowClassName" |
|
|
|
@row-dblclick="removeAbs" |
|
|
|
@row-click="removeAsbItem" |
|
|
|
:summary-method="getSummaries" |
|
|
|
show-summary |
|
|
|
ref="table" |
|
|
|
> |
|
|
|
<el-table-column |
|
|
|
type="index" |
|
|
|
align="center" |
|
|
|
label="序号" |
|
|
|
/> |
|
|
|
: Math.floor((window.pageHeight - 200) / 2)" @selection-change="selecteditems" |
|
|
|
highlight-current-row :row-class-name="handleRowClassName" @row-dblclick="removeAbs" |
|
|
|
@row-click="removeAsbItem" :summary-method="getSummaries" show-summary ref="table"> |
|
|
|
<el-table-column type="index" align="center" label="序号" /> |
|
|
|
<el-table-column prop="displayName" label="已选诊断" /> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
@ -214,9 +130,7 @@ |
|
|
|
<el-button @click="btnSetButtom" class="commonbutton">置底</el-button> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<el-button :disabled="isshow" @click="btnSaveSort" class="commonbutton" |
|
|
|
>排序</el-button |
|
|
|
> |
|
|
|
<el-button :disabled="isshow" @click="btnSaveSort" class="commonbutton">排序</el-button> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<el-button @click="saveAsb" class="commonbutton">确定项目</el-button> |
|
|
|
@ -224,24 +138,14 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 新增弹框 --> |
|
|
|
<el-dialog |
|
|
|
:title="title == 1 ? '新增' : '修改'" |
|
|
|
:visible.sync="dialogVisible" |
|
|
|
width="520px" |
|
|
|
:close-on-click-modal="false" |
|
|
|
@close="closeDialog" |
|
|
|
> |
|
|
|
<el-dialog :title="title == 1 ? '新增' : '修改'" :visible.sync="dialogVisible" width="520px" |
|
|
|
:close-on-click-modal="false" @close="closeDialog"> |
|
|
|
<el-form ref="form" :model="form" label-width="80px" :rules="rules"> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-form-item label="名称" prop="displayName"> |
|
|
|
<el-input |
|
|
|
ref="refinput" |
|
|
|
v-model="form.displayName" |
|
|
|
style="width: 100%" |
|
|
|
size="small" |
|
|
|
></el-input> </el-form-item |
|
|
|
></el-col> |
|
|
|
<el-input ref="refinput" v-model="form.displayName" style="width: 100%" size="small"></el-input> |
|
|
|
</el-form-item></el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
@ -826,8 +730,7 @@ export default { |
|
|
|
this.$message.warning("请选择操作的数据"); |
|
|
|
} else { |
|
|
|
putapi( |
|
|
|
`/api/app/diagnosistemplate/updatemanysort?id=${ |
|
|
|
this.form.id |
|
|
|
`/api/app/diagnosistemplate/updatemanysort?id=${this.form.id |
|
|
|
}&SortType=${2}` |
|
|
|
).then((res) => { |
|
|
|
if (res.code != -1) { |
|
|
|
@ -844,8 +747,7 @@ export default { |
|
|
|
this.$message.warning("请选择操作的数据"); |
|
|
|
} else { |
|
|
|
putapi( |
|
|
|
`/api/app/diagnosistemplate/updatemanysort?id=${ |
|
|
|
this.form.id |
|
|
|
`/api/app/diagnosistemplate/updatemanysort?id=${this.form.id |
|
|
|
}&SortType=${1}` |
|
|
|
).then((res) => { |
|
|
|
if (res.code != -1) { |
|
|
|
@ -1070,6 +972,7 @@ export default { |
|
|
|
.mainleftbox { |
|
|
|
flex: 1; |
|
|
|
} |
|
|
|
|
|
|
|
.Selectbutton { |
|
|
|
margin: 0 20px; |
|
|
|
display: flex; |
|
|
|
@ -1077,74 +980,92 @@ export default { |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
.mainbox { |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
margin-top: 5px; |
|
|
|
} |
|
|
|
|
|
|
|
.box { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
} |
|
|
|
|
|
|
|
/* form表单每一项的下边距 */ |
|
|
|
:deep .el-form-item { |
|
|
|
margin-bottom: 14px; |
|
|
|
} |
|
|
|
|
|
|
|
/* 去掉input textarea的手动扩张样式 */ |
|
|
|
: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; |
|
|
|
} |
|
|
|
|
|
|
|
/* 默认结果后面下拉框样式 */ |
|
|
|
:deep .downText .el-input--suffix .el-input__inner { |
|
|
|
width: 0; |
|
|
|
height: 100%; |
|
|
|
padding: 0 19px; |
|
|
|
} |
|
|
|
|
|
|
|
/* 默认结果后面下拉框图标样式 */ |
|
|
|
:deep .downText .el-input--suffix .el-input__suffix { |
|
|
|
right: 12px; |
|
|
|
} |
|
|
|
|
|
|
|
/* 默认结果后面下拉框 */ |
|
|
|
:deep .downText { |
|
|
|
display: flex !important; |
|
|
|
} |
|
|
|
|
|
|
|
/* 诊断函数后面按钮样式 */ |
|
|
|
:deep .el-input-group__append { |
|
|
|
padding: 0 11px; |
|
|
|
} |
|
|
|
|
|
|
|
/* 默认结果整体样式 */ |
|
|
|
.my-el-form-item :deep .el-form-item__content { |
|
|
|
line-height: 0 !important; |
|
|
|
} |
|
|
|
|
|
|
|
.my-el-form-item :deep .el-input__icon { |
|
|
|
line-height: 0 !important; |
|
|
|
} |
|
|
|
|
|
|
|
/* 指引信息 */ |
|
|
|
.guidelines :deep .el-form-item { |
|
|
|
margin-bottom: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.seachinput { |
|
|
|
width: 250px; |
|
|
|
} |
|
|
|
|
|
|
|
:deep .seachinput .el-select { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.layeredleftright { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
|