sop待办详细

src/views/my-workbenches/workbenches/my-waits/waits-list.vue

@@ -4,6 +4,7 @@
       v-for="item in tableData"
       :key="item.id"
       class="message-item cursor-pointer"
+      @click="editSopFlowHandle(item)"
     >
       <div class="m-head">
         <div class="m-title">
@@ -48,15 +49,34 @@
       <img src="../../../../assets/none_message.svg" />
       <p>暂无数据</p>
     </div>
+
+    <!-- SopStepDialog -->
+    <sop-step-dialog
+      v-model:visible="showSopStepDialog"
+      :sop="curSopData"
+      type="fill"
+      @confirm="sopStepConfirm"
+    ></sop-step-dialog>
   </div>
 </template>
 
 <script setup name="MyTaskList">
 import { timestampFilter, customerTypeFilter } from '@/utils/filter';
+import SopStepDialog from '@/views/sop/sop-manange/sop-step/sop-step-dialog.vue';
 
 const { tableData, pagination, onChange } = defineProps([
   'tableData',
   'pagination',
   'onChange',
 ]);
+
+const showSopStepDialog = ref(false);
+const curSopData = ref({});
+const editSopFlowHandle = (row) => {
+  curSopData.value = row;
+  showSopStepDialog.value = true;
+};
+const sopStepConfirm = () => {
+  onChange(pagination);
+};
 </script>