feat: add step disabled show

SonicCloudOrg · Mar 17, 2023 · 44942d5 · 44942d5
1 parent 41ef406
commit 44942d5
Show file tree

Hide file tree

Showing 3 changed files with 60 additions and 2 deletions.
diff --git a/src/components/ChildStepListView.vue b/src/components/ChildStepListView.vue
@@ -48,11 +48,33 @@ const props = defineProps({
       <el-card v-if="s.conditionType !== 0">
         <template #header>
           <step-show :step="s"></step-show>
+          <div style="float: right">
+            <el-switch
+              v-model="s.disabled"
+              :active-value="0"
+              :inactive-value="1"
+              active-color="#67C23A"
+              width="30"
+              size="large"
+              disabled
+            ></el-switch>
+          </div>
         </template>
         <child-step-list-view :steps="s['childSteps']" />
       </el-card>
       <div v-else style="display: flex; justify-content: space-between">
         <step-show :step="s"></step-show>
+        <div style="float: right">
+          <el-switch
+            v-model="s.disabled"
+            :active-value="0"
+            :inactive-value="1"
+            active-color="#67C23A"
+            width="30"
+            size="large"
+            disabled
+          ></el-switch>
+        </div>
       </div>
     </el-timeline-item>
   </el-timeline>

diff --git a/src/components/StepDraggable.vue b/src/components/StepDraggable.vue
@@ -47,6 +47,22 @@ const emit = defineEmits([
   'remove',
   'copyStep',
 ]);
+const switchStep = (id, e) => {
+  axios
+    .get('/controller/steps/switchStep', {
+      params: {
+        id,
+        type: e,
+      },
+    })
+    .then((resp) => {
+      if (resp.code === 2000) {
+        ElMessage.success({
+          message: resp.message,
+        });
+      }
+    });
+};
 const sortStep = (e) => {
   if (props.isEdit && props.steps[e.moved.newIndex].parentId === 0) {
     return;
@@ -130,8 +146,18 @@ const copyStep = (id) => {
           <template #header>
             <step-show :step="s"></step-show>
             <div style="float: right">
+              <el-switch
+                v-model="s.disabled"
+                :active-value="0"
+                :inactive-value="1"
+                active-color="#67C23A"
+                width="30"
+                size="large"
+                @change="switchStep(s.id, $event)"
+              ></el-switch>
               <el-button
                 circle
+                style="margin-left: 10px"
                 type="primary"
                 size="mini"
                 @click="addStep(s.id)"
@@ -207,8 +233,18 @@ const copyStep = (id) => {
         </el-card>
         <div v-else style="display: flex; justify-content: space-between">
           <step-show :step="s"></step-show>
-          <div style="float: right; flex: 0 0 185px; text-align: right">
+          <div style="float: right; flex: 0 0 205px; text-align: right">
+            <el-switch
+              v-model="s.disabled"
+              :active-value="0"
+              :inactive-value="1"
+              active-color="#67C23A"
+              width="30"
+              size="large"
+              @change="switchStep(s.id, $event)"
+            ></el-switch>
             <el-button
+              style="margin-left: 10px"
               circle
               type="primary"
               size="mini"

diff --git a/src/views/PublicStep.vue b/src/views/PublicStep.vue
@@ -89,7 +89,7 @@ onMounted(() => {
   <el-dialog
     v-model="dialogVisible"
     :title="$t('publicStepTS.info')"
-    width="750px"
+    width="70%"
   >
     <public-step-update
       v-if="dialogVisible"