feat：【ele】【member 会员】优化会员 list、form 相关的代码

apps/web-ele/src/views/member/user/index.vue

@@ -6,15 +6,17 @@ import { ref } from 'vue';
 import { useRouter } from 'vue-router';
 
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
+import { isEmpty } from '@vben/utils';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getUserPage } from '#/api/member/user';
 import { $t } from '#/locales';
 
+// import { CouponSendForm } from '../../mall/promotion/coupon/components/CouponSendForm.vue';
 import { useGridColumns, useGridFormSchema } from './data';
 import BalanceForm from './modules/balance-form.vue';
 import Form from './modules/form.vue';
-import LeavelForm from './modules/leavel-form.vue';
+import LevelForm from './modules/level-form.vue';
 import PointForm from './modules/point-form.vue';
 
 const router = useRouter();
@@ -34,29 +36,21 @@ const [BalanceFormModal, balanceFormModalApi] = useVbenModal({
   destroyOnClose: true,
 });
 
-// TODO @霖：拼写错误；
-const [LeavelFormModal, leavelFormModalApi] = useVbenModal({
-  connectedComponent: LeavelForm,
+const [LevelFormModal, levelFormModalApi] = useVbenModal({
+  connectedComponent: LevelForm,
   destroyOnClose: true,
 });
 
-/** 刷新表格数据 */
-function onRefresh() {
+const [CouponSendFormModal, couponSendFormModalApi] = useVbenModal({
+  // connectedComponent: CouponSendForm,
+  destroyOnClose: true,
+});
+
+/** 刷新表格 */
+function handleRefresh() {
   gridApi.query();
 }
 
-/** 设置选中 ID */
-const checkedIds = ref<number[]>([]);
-function setCheckedIds({ records }: { records: MemberUserApi.User[] }) {
-  checkedIds.value = records.map((item) => item.id!);
-}
-
-/** 发送优惠券 */
-// TODO @霖：这个功能没开发对，是发送优惠劵哈；
-function handleSendCoupon() {
-  formModalApi.setData(null).open();
-}
-
 /** 编辑会员 */
 function handleEdit(row: MemberUserApi.User) {
   formModalApi.setData(row).open();
@@ -64,7 +58,7 @@ function handleEdit(row: MemberUserApi.User) {
 
 /** 修改会员等级 */
 function handleUpdateLevel(row: MemberUserApi.User) {
-  leavelFormModalApi.setData(row).open();
+  levelFormModalApi.setData(row).open();
 }
 
 /** 修改会员积分 */
@@ -77,6 +71,24 @@ function handleUpdateBalance(row: MemberUserApi.User) {
   balanceFormModalApi.setData(row).open();
 }
 
+/** 发送优惠券 */
+async function handleSendCoupon() {
+  couponSendFormModalApi
+    .setData({
+      userIds: checkedIds.value,
+    })
+    .open();
+}
+
+const checkedIds = ref<number[]>([]);
+function handleRowCheckboxChange({
+  records,
+}: {
+  records: MemberUserApi.User[];
+}) {
+  checkedIds.value = records.map((item) => item.id!);
+}
+
 /** 查看会员详情 */
 function handleViewDetail(row: MemberUserApi.User) {
   router.push({
@@ -120,8 +132,8 @@ const [Grid, gridApi] = useVbenVxeGrid({
     },
   } as VxeTableGridOptions<MemberUserApi.User>,
   gridEvents: {
-    checkboxAll: setCheckedIds,
-    checkboxChange: setCheckedIds,
+    checkboxAll: handleRowCheckboxChange,
+    checkboxChange: handleRowCheckboxChange,
   },
 });
 </script>
@@ -135,10 +147,11 @@ const [Grid, gridApi] = useVbenVxeGrid({
       />
     </template>
 
-    <FormModal @success="onRefresh" />
-    <PointFormModal @success="onRefresh" />
-    <BalanceFormModal @success="onRefresh" />
-    <LeavelFormModal @success="onRefresh" />
+    <FormModal @success="handleRefresh" />
+    <PointFormModal @success="handleRefresh" />
+    <BalanceFormModal @success="handleRefresh" />
+    <LevelFormModal @success="handleRefresh" />
+    <CouponSendFormModal />
     <Grid table-title="会员列表">
       <template #toolbar-tools>
         <TableAction
@@ -147,6 +160,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
               label: '发送优惠券',
               type: 'primary',
               icon: 'lucide:mouse-pointer-2',
+              disabled: isEmpty(checkedIds),
               auth: ['promotion:coupon:send'],
               onClick: handleSendCoupon,
             },