Hooke / vue-flow-editor

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
9e96d497 1 parent e18cc184

节点属性的字段权限API联调

Inline Side-by-side
Showing 1 changed file with 74 additions and 42 deletions
......@@ -473,6 +473,7 @@ export default {
auth_all_checked: false,
auth_all_edit: false,
field_auths: [],
field_extend: [],
})
/**
......@@ -797,9 +798,6 @@ export default {
state.select_attr_set = true;
}
// TODO: 接口查询节点的属性
// 节点名称 state.node_name，节点负责人 state.userTags，基础属性 state.field_auths，更多属性 state.more_attr
console.warn('基础属性', state.field_auths);
console.warn('更多属性', state.more_attr);
const loading = ElLoading.service({
target: document.getElementById('app'),
lock: true,
......@@ -813,44 +811,65 @@ export default {
state.userTags = res.data.data.user;
state.dialogUserTags = state.userTags;
// TODO: 需要处理更多属性数据，节点类型是抄送时不显示节点操作
state.field_auths = [ // 字段权限
{
name: '字段1',
visible: {
checked: false,
disabled: true,
},
editable: {
checked: false,
disabled: true,
},
show: true,
},
{
name: '字段2',
visible: {
checked: true,
disabled: false,
},
editable: {
checked: false,
disabled: false,
},
show: true,
},
{
name: '字段3',
visible: {
checked: true,
disabled: false,
},
editable: {
checked: false,
disabled: false,
},
show: true,
},
]
state.field_extend = res.data.data.field;
state.field_auths = [];
state.field_extend.forEach(ele => {
if (!ele.field_extend.disabled) { // 流程节点字段权限列表内是否显示
state.field_auths.push({
field_id: ele.field_extend.field_id,
name: ele.field_extend.label,
visible: {
checked: ele.field_extend.visibled,
disabled: false,
},
editable: {
checked: ele.field_extend.editabled,
disabled: ele.field_extend.readonly,
},
show: true,
})
}
});
// state.field_auths = [ // 字段权限
// {
// name: '字段1',
// visible: {
// checked: false,
// disabled: true,
// },
// editable: {
// checked: false,
// disabled: true,
// },
// show: true,
// },
// {
// name: '字段2',
// visible: {
// checked: true,
// disabled: false,
// },
// editable: {
// checked: false,
// disabled: false,
// },
// show: true,
// },
// {
// name: '字段3',
// visible: {
// checked: true,
// disabled: false,
// },
// editable: {
// checked: false,
// disabled: false,
// },
// show: true,
// },
// ]
console.log(res.data.data.field);
state.more_attr = [ // 更多属性
{
id: 'no-1',
......@@ -909,6 +928,9 @@ export default {
],
}
];
console.warn('基础属性', state.field_auths);
console.warn('更多属性', state.more_attr);
// 开始节点不显示审批意见
if (model_id ==='start-node') {
state.more_attr = state.more_attr.filter((ele: any) => {
......@@ -1028,12 +1050,22 @@ export default {
});
return;
}
// 调整数据结构
state.field_extend.forEach(ele => {
state.field_auths.forEach(auth => {
if (ele.field_id === auth.field_id) {
ele.field_extend.visibled = auth.visible.checked;
ele.field_extend.editabled = auth.editable.checked;
ele.field_extend.readonly = auth.editable.disabled;
}
})
})
// TAG: 保存表单信息
axios.post('/admin/?a=save_node_property', qs.stringify({
flow_id: +flow_id,
node_code: state.detailModel.id,
// data: JSON.stringify({ name: state.node_name, user: state.userTags, field_auths: state.field_auths, more_attr: state.more_attr })
data: JSON.stringify({ name: state.node_name, user: state.userTags })
data: JSON.stringify({ name: state.node_name, user: state.userTags, field: state.field_extend })
}))
.then(res => {
if (res.data.code) {
......