|
|
|
@ -1,47 +1,47 @@
@@ -1,47 +1,47 @@
|
|
|
|
|
<template> |
|
|
|
|
<el-header class="bpmn-viewer-header"> |
|
|
|
|
<el-button-group> |
|
|
|
|
<el-tooltip class="item" effect="dark" content="保存并发布" placement="bottom"> |
|
|
|
|
<el-tooltip :append-to-body="false" effect="dark" content="保存并发布" placement="bottom"> |
|
|
|
|
<el-button type="primary" size="mini" @click="$emit('save', 1)"> |
|
|
|
|
<span class="iconfont icon-save"> 保存并发布</span> |
|
|
|
|
</el-button> |
|
|
|
|
</el-tooltip> |
|
|
|
|
<el-tooltip class="item" effect="dark" content="保存草稿" placement="bottom"> |
|
|
|
|
<el-tooltip :append-to-body="false" effect="dark" content="保存草稿" placement="bottom"> |
|
|
|
|
<el-button type="primary" size="mini" @click="$emit('save', 0)"> |
|
|
|
|
<span class="iconfont icon-save"> 保存草稿</span> |
|
|
|
|
</el-button> |
|
|
|
|
</el-tooltip> |
|
|
|
|
<el-tooltip class="item" effect="dark" content="打开流程文件" placement="bottom"> |
|
|
|
|
<el-tooltip :append-to-body="false" effect="dark" content="打开流程文件" placement="bottom"> |
|
|
|
|
<el-button type="primary" size="mini" @click="$refs.refFile.click()"> |
|
|
|
|
<span class="iconfont icon-folder-open"/> |
|
|
|
|
</el-button> |
|
|
|
|
</el-tooltip> |
|
|
|
|
<el-tooltip class="item" effect="dark" content="创建新流程图" placement="bottom"> |
|
|
|
|
<el-tooltip :append-to-body="false" effect="dark" content="创建新流程图" placement="bottom"> |
|
|
|
|
<el-button type="primary" size="mini" @click="reset"> |
|
|
|
|
<span class="iconfont icon-plus-circle"/> |
|
|
|
|
</el-button> |
|
|
|
|
</el-tooltip> |
|
|
|
|
<el-tooltip class="item" effect="dark" content="下载流程图" placement="bottom"> |
|
|
|
|
<el-tooltip :append-to-body="false" effect="dark" content="下载流程图" placement="bottom"> |
|
|
|
|
<el-button type="primary" size="mini" @click="downloadSvg"> |
|
|
|
|
<span class="iconfont icon-picture-o"/> |
|
|
|
|
</el-button> |
|
|
|
|
</el-tooltip> |
|
|
|
|
<el-tooltip class="item" effect="dark" content="下载流程文件" placement="bottom"> |
|
|
|
|
<el-tooltip :append-to-body="false" effect="dark" content="下载流程文件" placement="bottom"> |
|
|
|
|
<el-button type="primary" size="mini" @click="downloadBpmn"> |
|
|
|
|
<span class="iconfont icon-download"/> |
|
|
|
|
</el-button> |
|
|
|
|
</el-tooltip> |
|
|
|
|
<el-tooltip class="item" effect="dark" content="撤销" placement="bottom"> |
|
|
|
|
<el-tooltip :append-to-body="false" effect="dark" content="撤销" placement="bottom"> |
|
|
|
|
<el-button size="mini" :disabled="!canUndo" @click="undo"> |
|
|
|
|
<span class="iconfont icon-rotate-left"/> |
|
|
|
|
</el-button> |
|
|
|
|
</el-tooltip> |
|
|
|
|
<el-tooltip class="item" effect="dark" content="恢复" placement="bottom"> |
|
|
|
|
<el-tooltip :append-to-body="false" effect="dark" content="恢复" placement="bottom"> |
|
|
|
|
<el-button size="mini" :disabled="!canRedo" @click="redo"> |
|
|
|
|
<span class="iconfont icon-rotate-right"/> |
|
|
|
|
</el-button> |
|
|
|
|
</el-tooltip> |
|
|
|
|
<el-tooltip class="item" effect="dark" content="缩小" placement="bottom"> |
|
|
|
|
<el-tooltip :append-to-body="false" effect="dark" content="缩小" placement="bottom"> |
|
|
|
|
<el-button size="mini" :disabled="defaultZoom <= 0.2" @click="processZoomOut()"> |
|
|
|
|
<span class="iconfont icon-search-minus"/> |
|
|
|
|
</el-button> |
|
|
|
@ -49,12 +49,12 @@
@@ -49,12 +49,12 @@
|
|
|
|
|
<el-button size="mini" class="iconfont"> |
|
|
|
|
{{ Math.ceil(defaultZoom * 10 * 10) + "%" }} |
|
|
|
|
</el-button> |
|
|
|
|
<el-tooltip class="item" effect="dark" content="放大" placement="bottom"> |
|
|
|
|
<el-tooltip :append-to-body="false" effect="dark" content="放大" placement="bottom"> |
|
|
|
|
<el-button size="mini" :disabled="defaultZoom >= 4" @click="processZoomIn()"> |
|
|
|
|
<span class="iconfont icon-search-plus"/> |
|
|
|
|
</el-button> |
|
|
|
|
</el-tooltip> |
|
|
|
|
<el-tooltip class="item" effect="dark" content="重置" placement="bottom"> |
|
|
|
|
<el-tooltip :append-to-body="false" effect="dark" content="重置" placement="bottom"> |
|
|
|
|
<el-button size="mini" @click="processReZoom"> |
|
|
|
|
<span class="iconfont icon-arrows"/> |
|
|
|
|
</el-button> |
|
|
|
|