| | |
| | | width="70%" |
| | | custom-class="flow-design-dialog"> |
| | | <wf-design-base ref="bpmn" |
| | | style="height: 60vh;" |
| | | :style="'height: '+height+';'" |
| | | :options="option"></wf-design-base> |
| | | </el-dialog> |
| | | <div v-else> |
| | | <wf-design-base v-if="visible" |
| | | ref="bpmn" |
| | | style="height: 60vh;" |
| | | :style="'height: '+height+';'" |
| | | :options="option"></wf-design-base> |
| | | </div> |
| | | </div> |
| | |
| | | }, |
| | | processInstanceId: String, |
| | | processDefinitionId: String, |
| | | height: { |
| | | type: String, |
| | | default: '60vh' |
| | | }, |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | <!-- 导入 --> |
| | | <upload-file ref="upload" :fileType="upFileType" :fileUrl="fileUrl" :tipList="tipList" title="导入流程模板" |
| | | @updata="getTableList"></upload-file> |
| | | |
| | | </el-aside> |
| | | |
| | | <el-main width="60%"> |
| | | <div style="height: 100%;background-color: #eeeeea">设计器</div> |
| | | <div style="height: 100%;position: relative;"> |
| | | <flow-design style="padding-top: 5px" :is-display.sync="flowBox" :process-definition-id="processDefinitionId" height="calc(100vh - 190px)"></flow-design> |
| | | <div style="position: absolute;top:0;left: 0;height: 100%;width: 100%"></div> |
| | | </div> |
| | | </el-main> |
| | | </el-container> |
| | | </basic-container> |
| | |
| | | tipList:[], |
| | | dialogLoading:false, |
| | | dialogVisible:false, |
| | | dialogType:'add' |
| | | dialogType:'add', |
| | | processDefinitionId: '', |
| | | flowBox: false, |
| | | } |
| | | }, |
| | | computed: { |
| | |
| | | this.selectionList = [row]; |
| | | } |
| | | ); |
| | | //显示流程图 |
| | | this.processDefinitionId = row.id; |
| | | this.flowBox = true; |
| | | }, |
| | | |
| | | // 导出 |