任务流-版本管理-改

src/views/taskScheduling/taskFlowDesign/uploadModel.vue

@@ -49,7 +49,7 @@
   /**确定按钮*/
   const { createMessage } = useMessage();
   async function handleSubmit() {
-    createMessage.success('版本发布成功。');
+    createMessage.success('版本发布成功！');
     closeModal();
     emit('setUploadFlag', true);
   }

src/views/taskScheduling/taskFlowDesign/versionModel.vue

@@ -15,16 +15,27 @@
                 <div>
                   <span style="font-size: 16px">{{ item.version }}</span>
                   <span style="margin-left: 5px; flex: 1">{{ item.time }}</span>
+                  <div>
+                    <span>{{ item.createdBy }}</span>
+                  </div>
                 </div>
                 <div>
-                  {{ item.createdBy }}
-                  <FileSearchOutlined style="font-size: 18px" @click="handleDetail(item)" />
-                  <RollbackOutlined style="font-size: 18px" @click="handleRollback(item)" />
+                  <Tooltip placement="top" title="查看详情">
+                    <FileSearchOutlined
+                      class="right-button"
+                      style="margin-top: 15px"
+                      @click="handleDetail(item)"
+                    />
+                  </Tooltip>
+                  <Tooltip placement="top" title="回滚">
+                    <RollbackOutlined
+                      class="right-button"
+                      style="margin: 15px 10px 0 10px"
+                      @click="handleRollback(item)"
+                    />
+                  </Tooltip>
                 </div>
               </div>
-              <div>
-                <span>{{ item.remark }}</span>
-              </div>
             </div>
           </template>
         </BasicTree>
@@ -35,7 +46,7 @@
             <SearchOutlined />
           </template>
         </Input>
-        <div style="display: flex">
+        <div style="display: flex; margin: 15px 0">
           <Select v-model:value="type" style="width: 100%" :options="typeOptions" />
           <SyncOutlined style="font-size: 18px" />
         </div>
@@ -79,7 +90,7 @@
     SyncOutlined,
   } from '@ant-design/icons-vue';
   import Icon from '@/components/Icon/Icon.vue';
-  import { Select, Tabs, TabPane, Input, List } from 'ant-design-vue';
+  import { Select, Tabs, TabPane, Input, List, Tooltip } from 'ant-design-vue';
   import { BasicModal, useModalInner } from '@/components/Modal';
   import { BasicTree, TreeActionItem, ContextMenuItem } from '@/components/Tree';
   import { BasicForm, useForm } from '@/components/Form';
@@ -122,28 +133,20 @@
       value: '所有任务类型',
     },
     {
-      label: 'SLA明细信息',
-      value: 'SLA明细信息',
-    },
-    {
-      label: 'sla沟通指标实时统计-视图',
-      value: 'sla沟通指标实时统计-视图',
+      label: '数据加载',
+      value: '数据加载',
     },
     {
-      label: '全量加载',
-      value: '全量加载',
+      label: '数据同步',
+      value: '数据同步',
     },
     {
-      label: 'sla升级频次指标实时统计-临时视图',
-      value: 'sla升级频次指标实时统计-临时视图',
+      label: '嵌套任务流',
+      value: '嵌套任务流',
     },
     {
-      label: 'sla分组件指标实时统计-临时视图',
-      value: 'sla分组件指标实时统计-临时视图',
-    },
-    {
-      label: '未解决严重sla明细',
-      value: '未解决严重sla明细',
+      label: 'SQL任务',
+      value: 'SQL任务',
     },
   ];
   const type = ref('所有任务类型');
@@ -183,3 +186,11 @@
     closeModal();
   }
 </script>
+<style scoped>
+  .right-button {
+    font-size: 18px;
+  }
+  .right-button:hover {
+    color: #0581ff;
+  }
+</style>