yili/vue-apps
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

端到端功能 总图生成成功提示语调整&入口加入过滤框

Browse Source
This commit is contained in:
qinoy 2023-07-12 16:31:34 +08:00
parent b1ab6b7eb2
commit 7c69986b9e
1 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
com.actionsoft.apps.coe.pal/src/views/subprocess/SubProcess.vue
View File

@ -37,6 +37,11 @@
<el-form-item label="子流程选择" required> <el-form-item label="子流程选择" required>
<el-popover ref="subProcessPopover" placement="bottom" trigger="click" width="600"> <el-popover ref="subProcessPopover" placement="bottom" trigger="click" width="600">
<div class="sub-process-tree-box" style="height: 300px; overflow: auto;"> <div class="sub-process-tree-box" style="height: 300px; overflow: auto;">
<el-input
size="small"
placeholder="输入关键字进行过滤"
v-model="processTreeNodeFilterText">
</el-input>
<el-tree <el-tree
ref="subProcessModelTree" ref="subProcessModelTree"
@node-collapse="closeSubProcessNode" @node-collapse="closeSubProcessNode"
@ -46,6 +51,7 @@
:load="loadModelTreeNode" :load="loadModelTreeNode"
@check="modeTreeNodeCheck" @check="modeTreeNodeCheck"
:default-checked-keys="subProcessForm.defaultProcessCheckedKeys" :default-checked-keys="subProcessForm.defaultProcessCheckedKeys"
:filter-node-method="filterProcessTreeNode"
:props="treeProps"> :props="treeProps">
<span slot-scope="{node, data}"> <span slot-scope="{node, data}">
<i class="awsui-iconfont tree-content-icon tree-content-icon-padding" :style="{'color': node.data.icon.color}" v-html="node.data.icon.icon"></i> <i class="awsui-iconfont tree-content-icon tree-content-icon-padding" :style="{'color': node.data.icon.color}" v-html="node.data.icon.icon"></i>
@ -152,6 +158,7 @@
label: 'name', label: 'name',
isLeaf: 'leaf' isLeaf: 'leaf'
}, },
processTreeNodeFilterText: '',
generatePreHandleData: { generatePreHandleData: {
independentDlgVisible: false, independentDlgVisible: false,
independentNodeVos: [], independentNodeVos: [],
@ -160,6 +167,10 @@
} }
}, },
methods: { methods: {
filterProcessTreeNode(value, data) {
if (!value) return true;
return data.name.indexOf(value) !== -1;
},
initData(){ initData(){
// 获取位置根目录 // 获取位置根目录
const param = { const param = {
@ -253,7 +264,7 @@
}, },
// 生成端到端总图 // 生成端到端总图
generateSubProcessModel(independentNodeArr){ generateSubProcessModel(independentNodeArr){
console.log('执行参数',this.subProcessForm); // console.log('执行参数',this.subProcessForm);
if (!this.subProcessForm.processList.length){ if (!this.subProcessForm.processList.length){
this.$message({type: 'warning', message: '请选择子流程'}); this.$message({type: 'warning', message: '请选择子流程'});
return; return;
@ -275,13 +286,13 @@
} }
awsuiAxios.post(param) awsuiAxios.post(param)
.then(ro => { .then(ro => {
console.log(ro); // console.log(ro);
if (ro.result == 'ok'){ if (ro.result == 'ok'){
this.close(); this.close();
this.closeGeneratePreDlg(); this.closeGeneratePreDlg();
this.$message({type: 'success', message: '第一个阶段图形节点分布测试成功'}); this.$message({type: 'success', message: '总图生成成功'});
}else if (ro.result === 'error'){ }else if (ro.result === 'error'){
this.$message({type: 'error', message: '发生了什么'}); this.$message({type: 'error', message: ro.msg});
} }
}) })
.catch(err => { .catch(err => {
@ -456,6 +467,9 @@
} }
this.initData(); this.initData();
} }
},
processTreeNodeFilterText(val){
this.$refs.subProcessModelTree.filter(val);
} }
} }
} }