xiaoy
/
contract-business-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' of http://gogs.langye.net:3000/xiaoy/contract-business-web

Browse Source
master
lynn 5 months ago
parent 47e905fb93 8744f2bf62
commit 3db325f303
1 changed files with 108 additions and 28 deletions
Show Stats Download Patch File Download Diff File

136
src/views/system/dictionary.vue
Unescape View File

@ -15,7 +15,7 @@
</div>
<div class="table-tree">
<el-table :data="tableData" :height="tableHeight" class="v-table" style="width: 100%;margin-bottom: 20px;"
row-key="id" border default-expand-all :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
row-key="id" border :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
<el-table-column type="index" align="center">
</el-table-column>
<el-table-column prop="number" label="字典编码" sortable width="180">
@ -79,10 +79,21 @@
<div style="display: flex;justify-content: flex-end;margin-right: 20px;margin-bottom: 10px;">
<Button type="primary" @click="addRow()" size="small" style="margin-left: 10px;" ghost>新增参数</Button>
</div>
<el-table :data="this.form.detail_list" height="400" class="v-table" style="width: 100%;margin-bottom: 20px;">
<el-table :data="this.form.detail_list"
row-key="id" :tree-props="{children: 'children', hasChildren: 'hasChildren'}" height="400" class="v-table"
style="width: 100%;margin-bottom: 20px;">
<el-table-column type="index" align="center">
</el-table-column>
<el-table-column prop="id" align="center" label="主健ID" width="120">
</el-table-column>
<el-table-column prop="value" label="父级" width="320">
<template slot-scope="scope">
<el-cascader
v-model="scope.row.pid"
:options="pTreeData"
@change="(e)=>{changePtree(e,scope.row)}"
:props="{label:'value',value:'id',checkStrictly: true }"></el-cascader>
</template>
</el-table-column>
<el-table-column prop="value" label="数据值Text" width="320">
<template slot-scope="scope">
@ -109,8 +120,10 @@
</template>
</el-table-column>
<el-table-column label="操作" width="100" align="center">
<template slot-scope="scope">
<Button type="error" @click="delRow(scope.row,scope.$index)" size="small" style="margin-left: 10px;"
<template slot-scope="scope">
<!-- <Button type="primary" @click="addRow()" size="small" style="margin-left: 10px;" ghost>新增参数</Button> -->
<Button type="error" @click="delRow(scope.row, scope.$index)" size="small" style="margin-left: 10px;"
ghost>删除</Button>
</template>
</el-table-column>
@ -127,7 +140,8 @@
</div>
</template>
<script>
import LxHeader from "@/components/LxHeader/index.vue";
import LxHeader from "@/components/LxHeader/index.vue";
import {buildTree,requestToForm} from "@/utils/index.js"
import {
save,
listparameter,
@ -146,9 +160,12 @@
},
mounted() {},
data() {
return {
return {
rowShow:false,
dialogFormVisible: false,
formLabelWidth: "120px",
formLabelWidth: "120px",
objid:'',
pTreeData:[],
form: {
pname: "根级别",
number: "",
@ -194,29 +211,55 @@
methods: {
addRow() {
var len = this.form.detail_list.length;
this.form.detail_list.push({
this.form.detail_list.push({
pid:0,
value: "",
sort: len + 1,
status: true,
remark: ""
})
},
changePtree(e,row){
console.log("e",e)
this.$set(row,'pid',e[e.length-1])
},
delRow(node) {
let that = this
this.$confirm('确认删除该节点？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
if (node.id) {
delDetail(node.id).then(response => {
that.$message.success("操作成功");
that.info(that.objid);
}).catch(error => {
//reject(error)
that.$message.error("操作失败");
})
} else {
that.info(that.objid);
}
})
},
delRow(obj, index) {
if (obj.id) {
delDetail(obj.id).then(response => {
// delRow(obj, index) {
// if (obj.id) {
// delDetail(obj.id).then(response => {
this.$message.success("操作成功");
this.form.detail_list.splice(index, 1);
}).catch(error => {
//reject(error)
this.$message.error("操作失败");
})
} else {
this.form.detail_list.splice(index, 1);
}
// this.$message.success("操作成功");
// this.form.detail_list.splice(index, 1);
// }).catch(error => {
// //reject(error)
// this.$message.error("操作失败");
// })
// } else {
// console.log("123",index,this.form.detail_list,this.form.detail_list.splice(index, 1))
// this.form.detail_list.splice(index, 1);
// }
},
// },
initLoad() {
var that = this;
var clientHeight = document.documentElement.clientHeight
@ -237,7 +280,9 @@
})
},
show(obj) {
show(obj) {
this.objid = obj
console.log("this.objid",obj)
this.clientHeight = document.documentElement.clientHeight - 84 - 110;
this.dialogViewVisible = true;
this.info(obj);
@ -250,8 +295,18 @@
for (var m of response.detail) {
m.status = m.status == 1;
}
response.detail_list = response.detail;
let result = Object.assign(that.form, response);
response.detail_list = buildTree(response.detail);
console.log("this.buildTree(response.detail)",buildTree(response.detail))
let result = requestToForm(response,that.form);
that.form = result
that.pTreeData = []
that.pTreeData = requestToForm(response.detail_list,that.pTreeData)
that.pTreeData.unshift({
id:0,
value:'根目录'
})
that.form.detail_list = response.detail_list
}).catch(error => {
//reject(error)
@ -260,8 +315,10 @@
edit(obj) {
this.form = this.$options.data().form;
this.clientHeight = document.documentElement.clientHeight - 84 - 110;
if (obj) {
var that = this;
if (obj) {
var that = this;
that.objid = obj
that.info(obj);
} else {}
this.dialogFormVisible = true;
@ -278,8 +335,13 @@
var that = this;
this.$refs[formName].validate((valid) => {
if (valid) {
if (that.form.id) {
save(that.form).then(response => {
if (that.form.id) {
let _arr = this.treeToFlat(that.form.detail_list)
console.log("that.form.detail_list",that.form.detail_list)
save({
...that.form,
detail_list:_arr
}).then(response => {
console.log(response)
this.$Message.success('操作成功');
that.dialogFormVisible = false;
@ -299,6 +361,24 @@
return false;
}
});
},
treeToFlat(tree, result = []) {
tree.forEach(node => {
// 复制当前节点（避免修改原数据）
const flatNode = { ...node };
// 删除 children 字段（如需保留层级信息，可跳过）
delete flatNode.children;
// 将当前节点加入结果数组
result.push(flatNode);
// 递归处理子节点
if (node.children && node.children.length > 0) {
this.treeToFlat(node.children, result);
}
});
return result;
},
resetForm(formName) {
var that = this;

Write Preview
Loading…
Cancel
Save