数仓开发 任务流按钮显隐

src/views/dataWarehousePlanning/physicalModel/index.vue

@@ -53,15 +53,20 @@
                 icon: 'clarity:note-edit-line',
                 onClick: handleEdit.bind(null, record),
               },
+            ]"
+            :dropDownActions="[
               {
-                icon: 'ion:ellipsis-horizontal-outline',
+                label: '上移',
                 popConfirm: {
-                  title: '请选择',
-                  okText: '下移',
-                  cancelText: '上移',
-                  placement: 'bottom',
+                  title: '是否上移？',
                   confirm: handleUp.bind(null, record),
-                  cancel: handleDown.bind(null, record),
+                },
+              },
+              {
+                label: '下移',
+                popConfirm: {
+                  title: '是否下移？',
+                  confirm: handleDown.bind(null, record),
                 },
               },
             ]"
@@ -264,10 +269,10 @@
     createMessage.success('删除成功!');
   }
   function handleUp() {
-    createMessage.success('下移成功!');
+    createMessage.success('上移成功!');
   }
   function handleDown() {
-    createMessage.success('上移成功!');
+    createMessage.success('下移成功!');
   }
   /** 编辑按钮*/
   function handleEdit(record: Recordable) {

src/views/taskScheduling/taskFlowDesign/index.vue

@@ -14,11 +14,19 @@
         ><CloseOutlined />退出</a-button
       >
       <a-button v-if="!versionFlag" type="primary">跳转运维</a-button>
-      <a-button v-if="!versionFlag" type="primary">运行</a-button>
-      <a-button v-if="!versionFlag" type="primary">运行当前及下游</a-button>
-      <a-button v-if="!versionFlag" type="primary">调试</a-button>
-      <a-button v-if="!versionFlag" type="primary" @click="handleSave">保存</a-button>
-      <a-button v-if="!versionFlag && !uploadFlag" type="primary" @click="handleUpload"
+      <a-button v-if="!versionFlag" :disabled="debugFlag" type="primary">运行</a-button>
+      <a-button v-if="!versionFlag" :disabled="debugFlag" type="primary">运行当前及下游</a-button>
+      <a-button v-if="!versionFlag && !debugFlag" type="primary" @click="handleDebug">调试</a-button>
+      <a-button v-if="!versionFlag && debugFlag" type="primary">调试全部任务</a-button>
+      <a-button v-if="!versionFlag && debugFlag" type="primary" @click="handelOutDebug">退出调试</a-button>
+      <a-button v-if="!versionFlag" :disabled="debugFlag" type="primary" @click="handleSave"
+        >保存</a-button
+      >
+      <a-button
+        v-if="!versionFlag && !uploadFlag"
+        :disabled="debugFlag"
+        type="primary"
+        @click="handleUpload"
         >发布</a-button
       >
       <a-button v-if="!versionFlag && uploadFlag" type="primary" @click="handleOffline"
@@ -216,6 +224,7 @@
   const searchInfo = reactive<Recordable>({});
   const { createMessage, createConfirm } = useMessage();
   const versionFlag = ref(false);
+  const debugFlag = ref(false);
   const version = ref();
   const versionOptions = [
     {
@@ -344,7 +353,7 @@
 
   /** 部门树的select*/
   function handleSelect(key) {
-    console.log("asd",)
+    console.log('asd');
     if (key !== null && key !== undefined) {
       modelLevel.value = key.split('-').length - 1;
     } else {
@@ -368,6 +377,13 @@
     versionFlag.value = false;
   }
 
+  function handleDebug() {
+    debugFlag.value = true;
+  }
+  function handelOutDebug() {
+    debugFlag.value = false;
+  }
+
   let modelLevel = ref(1);
   const tableData = ref([]);
   const [registerTable, { getRowSelection, setTableData }] = useTable({