| | |
| | | <basic-container > |
| | | <el-button type="primary" @click="dialogTableVisible=true" size="small">创建模板</el-button> |
| | | <el-button type="primary" size="small" @click="addHandlers">编辑模板</el-button> |
| | | <el-button type="primary" size="small" @click="$refs.flow.addNode('测试节点')">添加节点</el-button> |
| | | <el-button type="primary" size="small" @click="$refs.flow.addNode('ffff')">添加节点</el-button> |
| | | <br/><br/> |
| | | <avue-flow ref="flow" v-model="form" :height="703" :option="option" :width="1500"> |
| | | <template slot="header" slot-scope="scope"> |
| | | <i class="el-icon-delete" @click="$refs.flow.deleteNode(scope.node.id)" style="margin-top: 8px"></i> |
| | | </template> |
| | | <div slot-scope="{node}"> |
| | | <span>自定义{{ (node || {}).name }}</span> |
| | | <span>{{ (node || {}).name }}</span> |
| | | </div> |
| | | </avue-flow> |
| | | <!-- 创建对话框--> |
| | |
| | | prop:"filetype", |
| | | formslot: true, |
| | | span:24 |
| | | // type:"select", |
| | | // dicData:[ |
| | | // { |
| | | // label:"测试1", |
| | | // value:0 |
| | | // }, |
| | | // { |
| | | // label:"测试2", |
| | | // value:1 |
| | | // }, |
| | | // { |
| | | // label:"测试3", |
| | | // value:2 |
| | | // }, |
| | | // ] |
| | | }, |
| | | { |
| | | label: "描述", |
| | |
| | | defaultExpandAll: true, |
| | | }, |
| | | option: { |
| | | "nodeList": [ |
| | | nodeList: [ |
| | | { |
| | | "id": "nodeA", |
| | | "name": "流程A-节点A", |
| | |
| | | "top": 20, |
| | | } |
| | | ], |
| | | "lineList": [ |
| | | lineList: [ |
| | | { |
| | | "from": "nodeA", |
| | | "to": "nodeB" |