pengjun
1 year ago
4 changed files with 368 additions and 20 deletions
-
3src/components/webBooking/WebBookingMzak.vue
-
9src/store/index.js
-
283src/views/common-settings/BigtextResultTypeEdit.vue
-
93src/views/fee-settings/ResultSetting.vue
@ -0,0 +1,283 @@ |
|||||
|
<template> |
||||
|
<div style="padding: 10px 0;"> |
||||
|
<div> |
||||
|
<el-form :model="form" label-width="100px" :rules="rules" ref="ruleForm"> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<el-form-item label="上级类别"> |
||||
|
<el-cascader ref="depref" @change="cascaderchang" :show-all-levels="false" v-model="form.parentId" |
||||
|
:options="treeData" :props="{ |
||||
|
checkStrictly: true, |
||||
|
children: 'treeChildren', |
||||
|
label: 'displayName', |
||||
|
value: 'bigtextResultTypeId', |
||||
|
}" clearable size="small"></el-cascader> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<el-form-item label="名称" prop="displayName"> |
||||
|
<el-input v-model="form.displayName" ref="refinput" size="small"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<el-form-item label="项目类别" prop="itemTypeId"> |
||||
|
<el-cascader ref="depref" @change="itemTypeIdchang" :show-all-levels="false" v-model="form.itemTypeId" |
||||
|
:options="itemtypes" filterable :props="{ |
||||
|
checkStrictly: true, |
||||
|
children: 'treeChildren', |
||||
|
label: 'displayName', |
||||
|
value: 'id', |
||||
|
}" clearable size="small"></el-cascader> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
<div style="display: flex;justify-content: space-between;padding: 10px 0;"> |
||||
|
<div></div> |
||||
|
<div> |
||||
|
<el-button @click="dialogWin.BigtextResultTypeEdit = false" class="difference">取消</el-button> |
||||
|
<el-button type="" @click="btnSubmit" class="commonbutton">确定</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
|
||||
|
import { getapi, postapi, putapi } from "@/api/api"; |
||||
|
import { mapState } from "vuex"; |
||||
|
import { objCopy, tcdate } from "@/utlis/proFunc"; |
||||
|
|
||||
|
|
||||
|
export default { |
||||
|
props: ["refParams", "refFunOther"], |
||||
|
data() { |
||||
|
return { |
||||
|
treeData: [], // 树节点（编辑用） |
||||
|
itemtypes: [], // 项目树 |
||||
|
rules: { |
||||
|
displayName: [ |
||||
|
{ required: true, message: "请输入名称", trigger: "blur" }, |
||||
|
], |
||||
|
itemTypeId: [ |
||||
|
{ required: true, message: "请选择项目类别", trigger: "blur" }, |
||||
|
] |
||||
|
}, |
||||
|
defaultProps: { |
||||
|
children: "treeChildren", |
||||
|
label: "displayName", |
||||
|
}, |
||||
|
title: 1, |
||||
|
tableData: [], |
||||
|
tableHeight: window.innerHeight - 180, //表格动态高度 |
||||
|
screenHeight: window.innerHeight, //内容区域高度 |
||||
|
form: { |
||||
|
id: "", |
||||
|
displayName: "", |
||||
|
parentId: "", |
||||
|
itemTypeId: "" |
||||
|
}, |
||||
|
value: "", //指引类别选择的数据 |
||||
|
dialogVisible: false, |
||||
|
guideoptions: [], |
||||
|
row: {}, |
||||
|
isshow: true, |
||||
|
activeRows: [], |
||||
|
message: true, |
||||
|
tableKey: '', |
||||
|
isshows: true |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
mounted() { |
||||
|
|
||||
|
this.dictInit() |
||||
|
this.dispEdit() |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
computed: { |
||||
|
...mapState(["window", "dialogWin", "dataTransOpts"]), |
||||
|
}, |
||||
|
methods: { |
||||
|
// 字典数据初始化 |
||||
|
dictInit() { |
||||
|
// this.getTreeData() |
||||
|
// 获取项目 |
||||
|
getapi('/api/app/item-type/by-code-all').then(res => { |
||||
|
if (res.code > -1) { |
||||
|
this.itemtypes = res.data |
||||
|
tcdate(this.itemtypes) |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
postapi('/api/app/BigtextResultType/GetByCodeAll').then(res => { |
||||
|
if (res.code > -1) { |
||||
|
this.treeData = res.data |
||||
|
tcdate(this.treeData) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
cascaderchang(v) { |
||||
|
if (v) { |
||||
|
this.form.parentId = v[v.length - 1]; |
||||
|
} else { |
||||
|
this.form.parentId = null |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
itemTypeIdchang(v) { |
||||
|
if (v) { |
||||
|
this.form.itemTypeId = v[v.length - 1]; |
||||
|
} else { |
||||
|
this.form.itemTypeId = null |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
// 删除 |
||||
|
btnDel() { |
||||
|
let bigtextResultTypeId = this.row.bigtextResultTypeId; |
||||
|
this.$confirm("是否删除, 是否继续?", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
cancelButtonClass: "difference", |
||||
|
confirmButtonClass: "commonbutton", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
postapi('/api/app/BigtextResultType/Delete', { bigtextResultTypeId }).then((res) => { |
||||
|
if (res.code > -1) { |
||||
|
//this.$message.success("删除成功"); |
||||
|
this.row = this.$options.data().row; |
||||
|
|
||||
|
} |
||||
|
}); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
this.$message("取消成功"); |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
formFocus() { |
||||
|
|
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.refinput.focus(); |
||||
|
}); |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
|
||||
|
dispEdit() { |
||||
|
if (this.$refs.ruleForm !== undefined) { |
||||
|
this.$refs.ruleForm.resetFields(); |
||||
|
} |
||||
|
if (this.refParams.id) { |
||||
|
objCopy(this.refParams, this.form) |
||||
|
postapi('/api/app/BigtextResultType/Get', { bigtextResultTypeId: this.refParams.id }).then((res) => { |
||||
|
if (res.code > -1) { |
||||
|
objCopy(res.data, this.form); |
||||
|
this.formFocus() |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
objCopy(this.refParams, this.form) |
||||
|
this.formFocus() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
//确定新增或者编辑 |
||||
|
btnSubmit() { |
||||
|
this.$refs.ruleForm.validate((v) => { |
||||
|
if (v) { |
||||
|
if (!this.form.id) { |
||||
|
postapi('/api/app/BigtextResultType/Create', this.form).then(res => { |
||||
|
if (res.code > -1) { |
||||
|
this.refFunOther(res.data) |
||||
|
this.dialogWin.BigtextResultTypeEdit = false |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
postapi('/api/app/BigtextResultType/Update', Object.assign({}, this.form, { bigtextResultTypeId: this.form.id })).then(res => { |
||||
|
if (res.code > -1) { |
||||
|
this.refFunOther(this.form) |
||||
|
this.dialogWin.BigtextResultTypeEdit = false |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
|
||||
|
//监听事件 |
||||
|
watch: { |
||||
|
// |
||||
|
"dataTransOpts.refresh.bigtext_result_type.S": { |
||||
|
// immediate:true, |
||||
|
handler(newVal, oldVal) { |
||||
|
console.log(`watch dataTransOpts.refresh.bigtext_result_type.S newVal: ${newVal}, oldVal: ${oldVal}`); |
||||
|
if (newVal != oldVal) this.dispEdit() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
@import "../../assets/css/global_button.css"; |
||||
|
@import "../../assets/css/global_dialog.css"; |
||||
|
@import "../../assets/css/global_table.css"; |
||||
|
@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; |
||||
|
} |
||||
|
|
||||
|
:deep .el-table tr { |
||||
|
height: 35px; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue