删除员工增加提示

src/pages/settings/staff/index.vue

@@ -139,7 +139,7 @@
 </template>
 <script>
 import TableList from '@/components/TableList'
-import { getStaffList, getProjectList, getRoleList, createStaff, updateStaff, batchDeleteStaff, clearUserCached } from '@/api/settings'
+import { getStaffList, getProjectList, getRoleList, createStaff, updateStaff, batchDeleteStaff } from '@/api/settings'
 import { sendCode, updatePassword, updateUserInfo } from '@/api/account'
 import { searchUserList } from '@/api/system'
 import { mapGetters } from 'vuex'
@@ -286,19 +286,24 @@ export default {
     },
     // 删除
     handleRemove() {
-      const ids = this.multipleSelection.map(item => item.sso_id)
-      if (ids.includes(this.user.id)) {
-        this.$message.error('您所删除的员工包含你的账户，删除后将导致您没法使用此系统')
-        return
-      }
-      batchDeleteStaff({ sso_ids: ids }).then(res => {
-        if (res.code === 0) {
-          this.$message.success('删除成功')
-          this.$refs.tabList.refetch(true)
-        } else {
-          this.$message.error(res.message)
+      const selection = this.multipleSelection
+      const ids = selection.map(item => item.sso_id)
+      let isWarn = false
+      for (const i in selection) {
+        if (selection[i].status === 0) {
+          isWarn = true
         }
-      })
+      }
+      if (isWarn) {
+        this.$confirm('选中的项中有已启用的账户, 是否继续执行删除?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消'
+        }).then(() => {
+          this.fetchDeleteStaff(ids)
+        }).catch(() => {});
+      } else {
+        this.fetchDeleteStaff(ids)
+      }
     },
     handleCreate() {
       this.drawerVisible = true
@@ -520,11 +525,16 @@ export default {
         }
       })
     },
-    fetchClearUserCached() {
-      const id = this.operateItem.sso_id || ''
-      clearUserCached(id).then(res => {
-        if (res.code === 0 && res.data && res.data.status) {
-          this.$refs.tabList.refetch()
+    fetchDeleteStaff(ids) {
+      if (ids.includes(this.user.id)) {
+        this.$message.error('您所删除的账户包含你的账户，删除后将导致您没法使用此系统')
+      }
+      batchDeleteStaff({ sso_ids: ids }).then(res => {
+        if (res.code === 0) {
+          this.$message.success('删除成功')
+          this.$refs.tabList.refetch(true)
+        } else {
+          this.$message.error(res.message)
         }
       })
     }