流程删除优化

yshop-crm-vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yshop-crm-vue3",
-  "version": "1.0.0",
+  "version": "1.1.3",
   "description": "基于vue3、vite4、element-plus、typesScript",
   "author": "yshop",
   "private": false,

yshop-crm-vue/src/api/crm/crmflow/index.ts

@@ -51,5 +51,8 @@ export const FlowApi = {
   },
   getFlowUserIds: async (type) => {
     return await request.get({ url: `/crm/flow/flow-users?flowType=` + type })
-  }
+  },
+  deleteFlowStep: async (id: number) => {
+    return await request.delete({ url: `/crm/flow/delete-step?id=` + id })
+  },
 }

yshop-crm-vue/src/views/crm/crmflow/components/FlowStepForm.vue

@@ -44,7 +44,7 @@
       </el-table-column>
       <el-table-column align="center" fixed="right" label="操作" width="60">
         <template #default="{ $index }">
-          <el-button @click="handleDelete($index)" link>—</el-button>
+          <el-button @click="handleDelete($index,row.id)" link>—</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -109,10 +109,17 @@ const handleAdd = () => {
 }
 
 /** 删除按钮操作 */
-const handleDelete = (index) => {
+const handleDelete = async(index,id) => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起删除
+    await FlowApi.deleteFlowStep(id)
+    message.success(t('common.delSuccess'))
     formData.value.splice(index, 1)
-}
+  } catch {}
 
+}
 /** 表单校验 */
 const validate = () => {
   return formRef.value.validate()