Browse Source

fix: Style failure

master
wangxiang 2 years ago
parent
commit
99b1d764a1
No known key found for this signature in database
GPG Key ID: 1BA7946AB6B232E4
  1. 22
      src/components/Header/index.vue
  2. 4
      src/components/Panel/BoundaryTime/index.vue

22
src/components/Header/index.vue

@ -1,47 +1,47 @@
<template> <template>
<el-header class="bpmn-viewer-header"> <el-header class="bpmn-viewer-header">
<el-button-group> <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)"> <el-button type="primary" size="mini" @click="$emit('save', 1)">
<span class="iconfont icon-save"> 保存并发布</span> <span class="iconfont icon-save"> 保存并发布</span>
</el-button> </el-button>
</el-tooltip> </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)"> <el-button type="primary" size="mini" @click="$emit('save', 0)">
<span class="iconfont icon-save"> 保存草稿</span> <span class="iconfont icon-save"> 保存草稿</span>
</el-button> </el-button>
</el-tooltip> </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()"> <el-button type="primary" size="mini" @click="$refs.refFile.click()">
<span class="iconfont icon-folder-open"/> <span class="iconfont icon-folder-open"/>
</el-button> </el-button>
</el-tooltip> </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"> <el-button type="primary" size="mini" @click="reset">
<span class="iconfont icon-plus-circle"/> <span class="iconfont icon-plus-circle"/>
</el-button> </el-button>
</el-tooltip> </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"> <el-button type="primary" size="mini" @click="downloadSvg">
<span class="iconfont icon-picture-o"/> <span class="iconfont icon-picture-o"/>
</el-button> </el-button>
</el-tooltip> </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"> <el-button type="primary" size="mini" @click="downloadBpmn">
<span class="iconfont icon-download"/> <span class="iconfont icon-download"/>
</el-button> </el-button>
</el-tooltip> </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"> <el-button size="mini" :disabled="!canUndo" @click="undo">
<span class="iconfont icon-rotate-left"/> <span class="iconfont icon-rotate-left"/>
</el-button> </el-button>
</el-tooltip> </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"> <el-button size="mini" :disabled="!canRedo" @click="redo">
<span class="iconfont icon-rotate-right"/> <span class="iconfont icon-rotate-right"/>
</el-button> </el-button>
</el-tooltip> </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()"> <el-button size="mini" :disabled="defaultZoom <= 0.2" @click="processZoomOut()">
<span class="iconfont icon-search-minus"/> <span class="iconfont icon-search-minus"/>
</el-button> </el-button>
@ -49,12 +49,12 @@
<el-button size="mini" class="iconfont"> <el-button size="mini" class="iconfont">
{{ Math.ceil(defaultZoom * 10 * 10) + "%" }} {{ Math.ceil(defaultZoom * 10 * 10) + "%" }}
</el-button> </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()"> <el-button size="mini" :disabled="defaultZoom >= 4" @click="processZoomIn()">
<span class="iconfont icon-search-plus"/> <span class="iconfont icon-search-plus"/>
</el-button> </el-button>
</el-tooltip> </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"> <el-button size="mini" @click="processReZoom">
<span class="iconfont icon-arrows"/> <span class="iconfont icon-arrows"/>
</el-button> </el-button>

4
src/components/Panel/BoundaryTime/index.vue

@ -2,7 +2,9 @@
<div class="panel-tab-content"> <div class="panel-tab-content">
<el-form :model="form" label-width="100px" size="small" class="panel-form"> <el-form :model="form" label-width="100px" size="small" class="panel-form">
<el-form-item label="定时类型"> <el-form-item label="定时类型">
<el-select v-model="form.timingType" @change="handleUpdateXml"> <el-select v-model="form.timingType"
:popper-append-to-body="false"
@change="handleUpdateXml">
<el-option v-for="item in options" <el-option v-for="item in options"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"

Loading…
Cancel
Save