hookehuyr

点击节点类型判断显示内容,隐藏相关字段

/*
* @Date: 2021-08-18 12:47:05
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2023-11-21 15:29:14
* @LastEditTime: 2023-11-23 16:22:12
* @FilePath: /vue-flow-editor/build/docs.js
* @Description: 文件描述
*/
......@@ -9,7 +9,7 @@ const $utils = require('./build.utils')
module.exports = {
publicPath: './',
outputDir: 'docs',
outputDir: 'custom_flow',
pages: {
index: {
entry: $utils.resolve('doc/main.ts'),
......
......@@ -93,7 +93,7 @@
</div>
<el-input v-model="state.node_name" />
</el-form-item>
<div class="node-user">
<div v-if="state.user_attr_set" class="node-user">
<div style="font-size: 14px; margin-bottom: 10px;">
节点负责人 <span style="color: red;">*</span>
</div>
......@@ -109,7 +109,7 @@
<div v-else class="text-empty">请选择成员</div>
</div>
</div>
<el-form-item prop="attr">
<el-form-item v-if="state.select_attr_set" prop="attr">
<el-radio-group
v-model="state.attr_radio"
size="large"
......@@ -458,6 +458,8 @@ export default {
activeName: 'node',
attr_radio: '基础属性',
main_attr_set: true,
user_attr_set: true,
select_attr_set: true,
more_attr_switch: false,
more_attr: [], // 更多属性
more_attr_data: {
......@@ -501,6 +503,8 @@ export default {
// 修改完 URL 后,更新浏览器地址栏显示的 URL
window.history.replaceState(null, '', url.toString());
// TODO: 到时候测试iframe的时候,看看有没有影响
// window.parent.location.href = window.parent.location.href + '&mod_id=' + item.id + '&width=' + item.width + '&height=' + item.height + '&bg_img=' + encodeURIComponent(item.background) + '&type=edit';
}
/**
......@@ -780,6 +784,18 @@ export default {
// 判断是否是流程节点
let model_id = model.id
if (model_id !== 'end-node') {
// 判断是否是开始节点, 不设置负责人
if (model_id ==='start-node') {
state.user_attr_set = false;
} else {
state.user_attr_set = true;
}
// 判断是否是抄送节点
if (model.control === 'cc') {
state.select_attr_set = false;
} else {
state.select_attr_set = true;
}
// TODO: 接口查询节点的属性
// 节点名称 state.node_name,节点负责人 state.userTags,基础属性 state.field_auths,更多属性 state.more_attr
console.warn('基础属性', state.field_auths);
......@@ -981,7 +997,7 @@ export default {
});
return;
}
if (state.userTags.length === 0) {
if (state.detailModel.id !== 'start-node' && state.userTags.length === 0) {
ElMessage({
type: 'error',
message: '节点负责人不能为空',
......@@ -1009,8 +1025,8 @@ export default {
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, users: state.userTags, field_auths: state.field_auths, more_attr: state.more_attr })
data: JSON.stringify({ name: state.node_name, users: state.userTags })
// 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 })
}))
.then(res => {
if (res.data.code) {
......
<!--
* @Date: 2023-11-01 10:18:53
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2023-11-23 16:00:07
* @LastEditTime: 2023-11-23 16:05:19
* @FilePath: /vue-flow-editor/doc/selectUserView.vue
* @Description: 成员列表选择控件
-->
......@@ -64,7 +64,7 @@
v-model="search_input"
@input="onSearchInput"
class="search-btn-wrapper"
placeholder="请输入关键字"
placeholder="可通过名称、手机号或邮箱查询"
>
<template #prefix>
<el-icon class="el-input__icon"><search /></el-icon>
......