作业执行悬浮按钮渲染有问题

src/views/mes/job/jobplay/jobPlayDetail.vue

@@ -159,7 +159,20 @@
       </el-col>
     </div>
     <div class="message-list">
-      <div class="message_title">作业执行-操作日志</div>
+      <div class="message_title">
+        <el-popover
+          placement="bottom"
+          width="100"
+          trigger="hover">
+          <div class="popover-content">
+            <el-button type="primary" class="changeIcon" icon="el-icon-s-operation" circle></el-button>
+            <el-button type="primary" class="changeIcon" icon="el-icon-s-operation" circle></el-button>
+            <el-button type="primary" class="changeIcon" icon="el-icon-s-operation" circle></el-button>
+          </div>
+          <el-button slot="reference" type="primary" class="changeIcon" icon="el-icon-s-operation" circle></el-button>
+        </el-popover>
+        作业执行-操作日志
+      </div>
       <el-timeline style="padding-top: 15px">
         <el-timeline-item v-for="(v,i) in items" :timestamp="v.date" :key="i" placement="top" color="#0bbd87">
           <el-card style="width: 450px">
@@ -191,7 +204,7 @@ export default {
       items: [
         {
           index: '2020-8-14 13:20:30',
-          content: '开始毕设。。',
+          content: '开始前端。。',
           date: '2018/5/4'
         },
         { index: '2020-8-15 13:20:30', content: '写前端。。', date: '2018/5/5' },
@@ -337,6 +350,17 @@ export default {
   font-weight: bolder;
 
 }
+.popover-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+}
+.changeIcon{
+  position: absolute;
+  left: 7px;
+  top: 7px;
+}
 
 .text {
   font-size: 14px;