|
|
|
@ -3,29 +3,16 @@ |
|
|
|
<div class="layeredleftright"> |
|
|
|
<div class="contenttitle"> |
|
|
|
常用设置 / |
|
|
|
<span class="contenttitleBold" |
|
|
|
>项目类别</span |
|
|
|
> |
|
|
|
<span class="contenttitleBold">项目类别</span> |
|
|
|
</div> |
|
|
|
<div style="display: flex; margin-top: 7px"> |
|
|
|
<div style="width: 95%; background-color: #fff; border-radius: 8px"> |
|
|
|
<div |
|
|
|
:style=" |
|
|
|
'margin-top: 10px;overflow: scroll;height:' + |
|
|
|
<div :style="'margin-top: 10px;overflow: scroll;height:' + |
|
|
|
(window.pageHeight < 600 ? 545 : window.pageHeight - 110) + |
|
|
|
'px;' |
|
|
|
" |
|
|
|
> |
|
|
|
<el-tree |
|
|
|
:data="tableData" |
|
|
|
:props="defaultProps" |
|
|
|
ref="tree" |
|
|
|
node-key="id" |
|
|
|
@node-click="treeclick" |
|
|
|
highlight-current |
|
|
|
auto-expand-parent |
|
|
|
:default-expand-all="true" |
|
|
|
> |
|
|
|
"> |
|
|
|
<el-tree :data="tableData" :props="defaultProps" ref="tree" node-key="id" @node-click="treeclick" |
|
|
|
highlight-current auto-expand-parent :default-expand-all="true"> |
|
|
|
<span class="custom-tree-node" slot-scope="{ node, data }"> |
|
|
|
<div> |
|
|
|
<span class="treeicons"> |
|
|
|
@ -33,12 +20,10 @@ |
|
|
|
class="el-icon-document-remove" |
|
|
|
v-if="data.parentId == null" |
|
|
|
></i> --> |
|
|
|
<img style="width:20px;height:20px;vertical-align: sub;" src="@/assets/images/order.png" v-if="data.parentId == null"/> |
|
|
|
<img style="width:20px;height:20px;vertical-align: sub;" src="@/assets/images/order.png" |
|
|
|
v-if="data.parentId == null" /> |
|
|
|
</span> |
|
|
|
<span |
|
|
|
:class="data.parentId == null ? 'maxtitle' : 'mintitle'" |
|
|
|
>{{ node.label }}</span |
|
|
|
> |
|
|
|
<span :class="data.parentId == null ? 'maxtitle' : 'mintitle'">{{ node.label }}</span> |
|
|
|
</div> |
|
|
|
</span> |
|
|
|
</el-tree> |
|
|
|
@ -47,153 +32,78 @@ |
|
|
|
<!-- 按钮区域 --> |
|
|
|
<div style="margin-left: 10px;"> |
|
|
|
<!-- <el-button type="" @click="addll" class="commonbutton">新增</el-button> --> |
|
|
|
<div |
|
|
|
v-if="tableData.length == '0' ? true : false" |
|
|
|
style="margin-bottom: 10px" |
|
|
|
> |
|
|
|
<el-button |
|
|
|
type="" |
|
|
|
class="commonbutton" |
|
|
|
@click="append" |
|
|
|
>新增项目类别</el-button |
|
|
|
> |
|
|
|
<div v-if="tableData.length == '0' ? true : false" style="margin-bottom: 10px"> |
|
|
|
<el-button type="" class="commonbutton" @click="append">新增项目类别</el-button> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-button type="" @click="addll" :disabled="isshow" class="commonbutton" |
|
|
|
>新增同级</el-button |
|
|
|
> |
|
|
|
<el-button type="" @click="addll" :disabled="isshow" class="commonbutton">新增同级</el-button> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<el-button type="" @click="append" :disabled="isshow" class="commonbutton" |
|
|
|
>新增子级</el-button |
|
|
|
> |
|
|
|
<el-button type="" @click="append" :disabled="isshow" class="commonbutton">新增子级</el-button> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<el-button type="" @click="rena" :disabled="isshow" class="commonbutton" |
|
|
|
>编辑</el-button |
|
|
|
> |
|
|
|
<el-button type="" @click="rena" :disabled="isshow" class="commonbutton">编辑</el-button> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<el-button type="" @click="deleates" :disabled="isshow" class="deleteButton" |
|
|
|
>删除</el-button |
|
|
|
> |
|
|
|
<el-button type="" @click="deleates" :disabled="isshow" class="deleteButton">删除</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-dialog |
|
|
|
:title="title == 1 ? '新增' : '修改'" |
|
|
|
:visible.sync="dialogVisible" |
|
|
|
width="40%" |
|
|
|
:close-on-click-modal="false" |
|
|
|
> |
|
|
|
<el-dialog :title="title == 1 ? '新增' : '修改'" :visible.sync="dialogVisible" width="40%" :close-on-click-modal="false"> |
|
|
|
<span v-if="title == 2 ? true : false">上级部门</span> |
|
|
|
<el-cascader |
|
|
|
v-if="title == 2" |
|
|
|
ref="depref" |
|
|
|
@change="cascaderchang" |
|
|
|
:show-all-levels="false" |
|
|
|
v-model="departmentname" |
|
|
|
style="margin-left: 10px" |
|
|
|
:options="itemtypedata" |
|
|
|
:props="{ |
|
|
|
<el-cascader v-if="title == 2" ref="depref" @change="cascaderchang" :show-all-levels="false" |
|
|
|
v-model="departmentname" style="margin-left: 10px" :options="itemtypedata" :props="{ |
|
|
|
checkStrictly: true, |
|
|
|
children: 'treeChildren', |
|
|
|
label: 'displayName', |
|
|
|
value: 'displayName', |
|
|
|
}" |
|
|
|
clearable |
|
|
|
size="small" |
|
|
|
></el-cascader> |
|
|
|
<el-form |
|
|
|
:model="form" |
|
|
|
label-width="80px" |
|
|
|
:rules="rules" |
|
|
|
ref="ruleForm" |
|
|
|
> |
|
|
|
}" clearable size="small"></el-cascader> |
|
|
|
<el-form :model="form" label-width="80px" :rules="rules" ref="ruleForm"> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="名称" prop="displayName"> |
|
|
|
<el-input |
|
|
|
v-model="form.displayName" |
|
|
|
ref="refinput" |
|
|
|
size="small" |
|
|
|
></el-input> |
|
|
|
<el-input v-model="form.displayName" ref="refinput" size="small"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="指引类别" prop="guidTypeId"> |
|
|
|
<el-select |
|
|
|
v-model="form.guidTypeId" |
|
|
|
placeholder="请选择" |
|
|
|
style="width: 100%" |
|
|
|
size="small" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in guideoptions" |
|
|
|
:key="item.id" |
|
|
|
:label="item.displayName" |
|
|
|
:value="item.id" |
|
|
|
> |
|
|
|
<el-select v-model="form.guidTypeId" placeholder="请选择" style="width: 100%" size="small"> |
|
|
|
<el-option v-for="item in guideoptions" :key="item.id" :label="item.displayName" :value="item.id"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="合并组合" prop="isMergeAsbitem"> |
|
|
|
<el-select |
|
|
|
v-model="form.isMergeAsbitem" |
|
|
|
placeholder="请选择" |
|
|
|
style="width: 100%" |
|
|
|
size="small" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in options" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
<el-select v-model="form.isMergeAsbitem" placeholder="请选择" style="width: 100%" size="small"> |
|
|
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="检查类别" prop="checkTypeFlag"> |
|
|
|
<el-select |
|
|
|
v-model="form.checkTypeFlag" |
|
|
|
placeholder="请选择" |
|
|
|
style="width: 100%" |
|
|
|
size="small" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in checkTypeFlag" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
<el-select v-model="form.checkTypeFlag" placeholder="请选择" style="width: 100%" size="small"> |
|
|
|
<el-option v-for="item in checkTypeFlag" :key="item.value" :label="item.label" :value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="体检报告" prop="medicalReportTypeId"> |
|
|
|
<el-select |
|
|
|
style="width: 100%" |
|
|
|
v-model="form.medicalReportTypeId" |
|
|
|
placeholder="请选择" |
|
|
|
size="small" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in medicalReportType" |
|
|
|
:key="item.id" |
|
|
|
:label="item.displayName" |
|
|
|
:value="item.id" |
|
|
|
> |
|
|
|
<el-select style="width: 100%" v-model="form.medicalReportTypeId" placeholder="请选择" size="small"> |
|
|
|
<el-option v-for="item in medicalReportType" :key="item.id" :label="item.displayName" :value="item.id"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="结果是否换行" prop="lineModeFlagBox" label-width="100px"> |
|
|
|
<el-checkbox v-model="form.lineModeFlagBox" @change="boxToVal('lineModeFlag')" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
@ -214,6 +124,7 @@ import { |
|
|
|
import { basicsetings, physicalexaminationlist } from "@/request/systemapi"; |
|
|
|
import { getapi } from "@/api/api"; |
|
|
|
import { mapState } from "vuex"; |
|
|
|
import { objCopy } from "@/utlis/proFunc"; |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
@ -277,12 +188,15 @@ export default { |
|
|
|
tableHeight: window.innerHeight - 180, //表格动态高度 |
|
|
|
screenHeight: window.innerHeight, //内容区域高度 |
|
|
|
form: { |
|
|
|
id:'', |
|
|
|
displayName: "", |
|
|
|
parentId: "", |
|
|
|
isMergeAsbitem: "", |
|
|
|
checkTypeFlag: "", |
|
|
|
guidTypeId: "", |
|
|
|
medicalReportTypeId: "", |
|
|
|
lineModeFlag: '0', // 是否换行 |
|
|
|
lineModeFlagBox: false, // 是否换行box |
|
|
|
}, |
|
|
|
value: "", //指引类别选择的数据 |
|
|
|
dialogVisible: false, |
|
|
|
@ -301,9 +215,44 @@ export default { |
|
|
|
...mapState(["window"]), |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 将 Box值 转成 数据库数据值 |
|
|
|
boxToVal(type) { |
|
|
|
// console.log('this.form',this.form) |
|
|
|
let val = 'N' |
|
|
|
switch (type) { |
|
|
|
case 'lineModeFlag': |
|
|
|
if (this.form[type + 'Box']) { |
|
|
|
val = '1'; |
|
|
|
} else { |
|
|
|
val = '0'; |
|
|
|
} |
|
|
|
break; |
|
|
|
default: |
|
|
|
//赋值 |
|
|
|
if (this.form[type + 'Box']) val = 'Y' |
|
|
|
break; |
|
|
|
} |
|
|
|
this.form[type] = val |
|
|
|
}, |
|
|
|
|
|
|
|
// 将 数据库数据值 转成 Box值 |
|
|
|
valToBox(type){ |
|
|
|
let boxVal = false |
|
|
|
switch (type) { |
|
|
|
case 'lineModeFlag': |
|
|
|
if(this.form[type] == '1') boxVal = true |
|
|
|
break; |
|
|
|
default: |
|
|
|
if(this.form[type] == 'Y') boxVal = true |
|
|
|
break; |
|
|
|
} |
|
|
|
this.form[type + 'Box'] = boxVal |
|
|
|
}, |
|
|
|
|
|
|
|
cascaderchang(v) { |
|
|
|
this.departmentname = v[v.length - 1]; |
|
|
|
}, |
|
|
|
|
|
|
|
//编辑弹框 |
|
|
|
rena() { |
|
|
|
let id = this.row.id |
|
|
|
@ -326,7 +275,8 @@ export default { |
|
|
|
}); |
|
|
|
projecttype(id).then((res) => { |
|
|
|
if (res.code != -1) { |
|
|
|
this.form = res.data; |
|
|
|
objCopy(res.data,this.form) |
|
|
|
this.valToBox('lineModeFlag') // 将 数据库数据值 转成 Box值 |
|
|
|
} |
|
|
|
}); |
|
|
|
// getapi(`/api/app/item/in-item-type/${data.id}`).then((res) => { |
|
|
|
@ -370,6 +320,7 @@ export default { |
|
|
|
// this.form.parentId = data.id; |
|
|
|
// } |
|
|
|
Object.assign(this.$data.form, this.$options.data().form); |
|
|
|
|
|
|
|
this.form.parentId = this.row.id; |
|
|
|
this.dialogVisible = true; |
|
|
|
if (this.$refs.ruleForm !== undefined) { |
|
|
|
@ -426,6 +377,7 @@ export default { |
|
|
|
checkTypeFlag: this.form.checkTypeFlag, |
|
|
|
guidTypeId: this.form.guidTypeId, |
|
|
|
medicalReportTypeId: this.form.medicalReportTypeId, |
|
|
|
lineModeFlag: this.form.lineModeFlag |
|
|
|
}).then((res) => { |
|
|
|
if (res.code != -1) { |
|
|
|
this.$message.success("新增成功"); |
|
|
|
@ -442,6 +394,7 @@ export default { |
|
|
|
checkTypeFlag: this.form.checkTypeFlag, |
|
|
|
guidTypeId: this.form.guidTypeId, |
|
|
|
medicalReportTypeId: this.form.medicalReportTypeId, |
|
|
|
lineModeFlag: this.form.lineModeFlag |
|
|
|
}).then((res) => { |
|
|
|
if (res.code != -1) { |
|
|
|
this.$message.success("新增成功"); |
|
|
|
@ -461,7 +414,7 @@ export default { |
|
|
|
checkTypeFlag: this.form.checkTypeFlag, |
|
|
|
guidTypeId: this.form.guidTypeId, |
|
|
|
medicalReportTypeId: this.form.medicalReportTypeId, |
|
|
|
isMultiLine:this.form.isMultiLine |
|
|
|
lineModeFlag: this.form.lineModeFlag |
|
|
|
}).then((res) => { |
|
|
|
if (res.code != -1) { |
|
|
|
this.$message.success("修改成功"); |
|
|
|
@ -496,30 +449,37 @@ export default { |
|
|
|
@import "../../assets/css/global_form.css"; |
|
|
|
@import "../../assets/css/global_input.css"; |
|
|
|
@import "../../assets/css/global.css"; |
|
|
|
|
|
|
|
.box { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
} |
|
|
|
|
|
|
|
.layeredleftright { |
|
|
|
width: 100%; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
} |
|
|
|
|
|
|
|
:deep .el-form-item { |
|
|
|
margin-bottom: 14px; |
|
|
|
} |
|
|
|
|
|
|
|
/* 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; |
|
|
|
|
pengjun
2 years ago