chore: 用户管理新增全部删除按钮

src/modules/user/views/Index.vue

@@ -65,9 +65,7 @@ const listOptions = computed(() => {
         label: '状态',
         prop: 'status_name',
         computed: (row: any) => {
-          return row.row.status === '0'
-            ? `<span style="color: rgb(170, 2, 49)">${row.row.status_name}</span>`
-            : `<span style="color: #00ac27">${row.row.status_name}</span>`
+          return row.row.status === '0' ? `<span style="color: rgb(170, 2, 49)">${row.row.status_name}</span>` : `<span style="color: #00ac27">${row.row.status_name}</span>`
         }
       },
       { label: '更新人', prop: 'updated_operator_name' },
@@ -106,33 +104,42 @@ const handleRemove = function (row: { id: string; have_event: boolean }) {
       confirmButtonText: '确认',
       cancelButtonText: '取消',
       type: 'warning'
+    }).then(() => {
+      deleteMembers({ ids: row.id })
     })
-      .then(() => {
-        deleteMembers(row.id)
-      })
-      .catch(() => {})
   } else {
-    deleteMembers(row.id)
+    deleteMembers({ ids: row.id })
   }
 }
-const handleRemoves = function () {
-  const ids = multipleSelection
-    .reduce((a: any, b: any) => {
-      a.push(b.id)
-      return a
-    }, [])
-    .toString()
-  deleteMembers(ids)
+const handleRemoves = function (isAll?: boolean) {
+  const ids = multipleSelection.map(item => item.id).join(',')
+  if (isAll) {
+    ElMessageBox.confirm('确定要删除全部用户数据吗？', '提示', {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(() => {
+      deleteMembers({ type: 'all' })
+    })
+  } else {
+    ElMessageBox.confirm('确定要删除选中的用户数据吗？', '提示', {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(() => {
+      deleteMembers({ ids })
+    })
+  }
 }
 
 let loading = $ref<any>()
-const deleteMembers = function (ids: string) {
+const deleteMembers = function (params: any) {
   loading = ElLoading.service({
     lock: true,
     text: 'Loading',
     background: 'rgba(0, 0, 0, 0.7)'
   })
-  deleteMember({ ids: ids }).then(() => {
+  deleteMember(params).then(() => {
     loading.close()
     ElMessage({ message: '删除成功', type: 'success' })
     handleRefresh()
@@ -197,15 +204,13 @@ const downloadMember = function (isAll?: boolean) {
     <AppList v-bind="listOptions" ref="appList" @selection-change="handleSelectionChange">
       <template #header-buttons>
         <el-space>
-          <el-button type="primary" :icon="Plus" @click="handleAdd" v-permission="'v1-experiment-member-create'"
-            >新建</el-button
-          >
+          <el-button type="primary" :icon="Plus" @click="handleAdd" v-permission="'v1-experiment-member-create'">新建</el-button>
           <el-dropdown v-permission="'v1-experiment-member-download'">
             <el-button type="primary" :icon="Download">导出</el-button>
             <template #dropdown>
               <el-dropdown-menu>
                 <el-dropdown-item @click="downloadMember(true)">全部用户数据</el-dropdown-item>
-                <el-dropdown-item @click="downloadMember(false)">勾选用户数据</el-dropdown-item>
+                <el-dropdown-item :disabled="!multipleSelection.length" @click="downloadMember(false)">勾选用户数据</el-dropdown-item>
               </el-dropdown-menu>
             </template>
           </el-dropdown>
@@ -218,29 +223,24 @@ const downloadMember = function (isAll?: boolean) {
               </el-dropdown-menu>
             </template>
           </el-dropdown>
-          <el-button type="primary" @click="progressVisible = true" v-permission="'v1-experiment-member-tasks'"
-            >数据导入进度</el-button
-          >
-          <el-button
-            type="danger"
-            plain
-            :icon="Delete"
-            :disabled="!multipleSelection.length"
-            @click="handleRemoves()"
-            v-permission="'v1-experiment-member-delete'"
-            >删除</el-button
-          >
+          <el-button type="primary" @click="progressVisible = true" v-permission="'v1-experiment-member-tasks'">数据导入进度</el-button>
+          <!-- <el-button type="danger" plain :icon="Delete" :disabled="!multipleSelection.length" @click="handleRemoves()" v-permission="'v1-experiment-member-delete'">删除</el-button> -->
+          <el-dropdown v-permission="'v1-experiment-member-delete'">
+            <el-button type="danger" :icon="Delete">删除</el-button>
+            <template #dropdown>
+              <el-dropdown-menu>
+                <el-dropdown-item @click="handleRemoves(true)">删除全部用户</el-dropdown-item>
+                <el-dropdown-item :disabled="!multipleSelection.length" @click="handleRemoves(false)">删除勾选用户</el-dropdown-item>
+              </el-dropdown-menu>
+            </template>
+          </el-dropdown>
         </el-space>
       </template>
       <template #table-x="{ row }">
         <el-button type="primary" plain @click="handleImage(row)">画像</el-button>
         <el-button type="primary" plain @click="handleView(row)">查看</el-button>
-        <el-button type="primary" plain @click="handleEdit(row)" v-permission="'v1-experiment-member-update'"
-          >编辑</el-button
-        >
-        <el-button type="primary" plain @click="handleRemove(row)" v-permission="'v1-experiment-member-delete'"
-          >删除</el-button
-        >
+        <el-button type="primary" plain @click="handleEdit(row)" v-permission="'v1-experiment-member-update'">编辑</el-button>
+        <el-button type="primary" plain @click="handleRemove(row)" v-permission="'v1-experiment-member-delete'">删除</el-button>
         <el-button type="primary" plain @click="goPage(row)">事件</el-button>
       </template>
     </AppList>