添加工作流 设计器

src/views/pqs/supervise/electricalEnergy/components/filling.vue

@@ -27,50 +27,81 @@
 
     <el-divider content-position="left" style="font-size: 18px; font-weight: bolder">填报流程</el-divider>
 
-    <el-steps :active="active" finish-status="success" class="mb10" simple>
-        <el-step v-for="(item, i) in stepTitle">
-            <template #title>
-                <span @click="step(i)">{{ item }}</span>
-            </template>
-        </el-step>
-    </el-steps>
+    <el-tabs v-model="activeName" type="border-card">
+        <el-tab-pane label="原因分析" name="0">
+            <process1
+                :addData="addData"
+                :List="List"
+                :disabled="disabled"
+                ref="process0Ref"
+                @handleClose="handleClose"
+            />
+        </el-tab-pane>
+        <el-tab-pane label="计划整改措施" name="1">
+            <process2
+                :addData="addData"
+                :List="List"
+                :disabled="disabled"
+                ref="process1Ref"
+                @handleClose="handleClose"
+            />
+        </el-tab-pane>
+        <el-tab-pane label="实际采取措施" name="2">
+            <process3
+                :addData="addData"
+                :List="List"
+                :disabled="disabled"
+                ref="process2Ref"
+                @handleClose="handleClose"
+            />
+        </el-tab-pane>
+        <el-tab-pane label="成效分析" name="3">
+            <process4
+                :addData="addData"
+                :List="List"
+                :disabled="disabled"
+                ref="process3Ref"
+                @handleClose="handleClose"
+            />
+        </el-tab-pane>
+    </el-tabs>
 
     <!-- 原因分析 0 -->
-    <process1
+    <!-- <process1
         v-if="control == 0"
         :addData="addData"
         :List="List"
         :disabled="disabled"
         ref="process0Ref"
         @handleClose="handleClose"
-    />
+    /> -->
     <!-- 计划整改措施 1-->
-    <process2
+    <!-- <process2
         v-if="control == 1"
         :addData="addData"
         :List="List"
         :disabled="disabled"
         ref="process1Ref"
         @handleClose="handleClose"
-    />
+    /> -->
     <!-- 实际采取措施 2 -->
-    <process3
+    <!-- <process3
         v-if="control == 2"
         :addData="addData"
         :List="List"
         :disabled="disabled"
         ref="process2Ref"
         @handleClose="handleClose"
-    />
+    /> -->
     <!-- 成效分析  3 -->
-    <process4
+    <!-- <process4
         v-if="control == 3"
         :addData="addData"
         :List="List"
         :disabled="disabled"
         ref="process3Ref"
         @handleClose="handleClose"
-    />
+    /> -->
 
     <!-- 填报 -->
     <div style="display: flex; justify-content: center; margin-top: 10px" v-show="!disabled">
@@ -126,7 +157,7 @@ const List: any = ref({})
 const active = ref(4)
 const control = ref()
 const ruleFormRef = ref()
-const stepTitle = ['原因分析', '计划整改措施', '实际采取措施', '成效分析']
+const activeName = ref('0')
 const process0Ref = ref()
 const process1Ref = ref()
 const process2Ref = ref()
@@ -257,4 +288,7 @@ defineExpose({ open })
 :deep(.el-upload-list__item) {
     width: 400px;
 }
+:deep(.el-tabs__content) {
+    height: auto !important;
+}
 </style>

src/views/pqs/supervise/electricalEnergy/index.vue

@@ -20,8 +20,7 @@ defineOptions({
     name: 'Processsupervision/electricitymanagement'
 })
 const activeName = ref('1')
-const Statistics = ref()
-const compatibility = ref()
+
 
 const layout = mainHeight(63) as any
 </script>