feat: 解绑设备

playground/src/api/service/org/class-student.ts

@@ -1,6 +1,14 @@
+import { post } from '#/api/http'
+
 import { BasicService } from '../basic'
 
 class ClassStudentService extends BasicService {
+  async unbindDevice(userId: any) {
+    await post(
+      `/org/student/unbindDevice?userId=${encodeURIComponent(userId)}`,
+    )
+  }
+
   protected findPageUrl(): string {
     return '/org/student/list'
   }

playground/src/views/org/class-student/home.vue

@@ -11,6 +11,7 @@ import { useAccessStore, useUserStore } from '@vben/stores'
 import { classStudentService } from '#/api/service/org/class-student'
 import { mj_form_text } from '#/components/mj/mj-table'
 import { cellClassName } from '#/hooks/user'
+import hud from '#/utils/hud'
 import obj from '#/utils/obj'
 
 import CoinAccounts from '../common/coin-accounts.vue'
@@ -123,6 +124,10 @@ const grid = {
       field: 'account',
       title: '学员账号',
     },
+    {
+      field: 'simSerialNumber',
+      title: '设备编码',
+    },
     {
       field: 'diamond',
       title: '钻石',
@@ -168,6 +173,18 @@ function checkCoin(row: any) {
   selectUser.value = row
   showCoinAccount.value = true
 }
+
+// 解绑设备
+function unbindDevice(row: any) {
+  hud.confirmLoad(`确定解绑【${row.userName}】的设备吗？`, {
+    task: async () => {
+      await classStudentService.unbindDevice(row.userId)
+      gridRef.value?.reload()
+    },
+    hideError: true,
+    option: '解绑',
+  })
+}
 </script>
 
 <template>
@@ -189,6 +206,7 @@ function checkCoin(row: any) {
         <el-button type="success" :icon="IcomoonCoin" @click="checkCoin(row)">
           乐贝账户
         </el-button>
+        <el-button type="danger" @click="unbindDevice(row)"> 解绑 </el-button>
       </template>
     </MjTable>