From 99b1d764a1fb4fd9f29cfb6501f932eca5a84bcd Mon Sep 17 00:00:00 2001
From: wangxiang <1827945911@qq.com>
Date: Tue, 26 Sep 2023 17:00:24 +0800
Subject: [PATCH] fix: Style failure

---
 src/components/Header/index.vue             | 22 ++++++++++-----------
 src/components/Panel/BoundaryTime/index.vue |  4 +++-
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/components/Header/index.vue b/src/components/Header/index.vue
index 4eab9ad..457fa4b 100644
--- a/src/components/Header/index.vue
+++ b/src/components/Header/index.vue
@@ -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 @@
       <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>
diff --git a/src/components/Panel/BoundaryTime/index.vue b/src/components/Panel/BoundaryTime/index.vue
index 5a97254..23b3729 100644
--- a/src/components/Panel/BoundaryTime/index.vue
+++ b/src/components/Panel/BoundaryTime/index.vue
@@ -2,7 +2,9 @@
   <div class="panel-tab-content">
     <el-form :model="form" label-width="100px" size="small" class="panel-form">
       <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"
                      :key="item.value"
                      :label="item.label"