feat：选择部门组件

src/views/wallet/wallet-active/form.vue

@@ -1,29 +1,18 @@
 <template>
-  <el-dialog :title="form.id ? '编辑' : '新增'" v-model="visible" :close-on-click-modal="false" draggable>
+  <el-dialog title="开卡" width="30%" v-model="visible" :close-on-click-modal="false" draggable>
     <el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="90px" v-loading="loading">
       <el-row :gutter="24">
 
-        <el-col :span="12" class="mb20">
-          <el-form-item label="用户id" prop="userId">
-            <select-merchant v-model="form.userId" placeholder="请输入用户id" />
+        <el-col :span="24" class="mb20">
+          <el-form-item label="商户" prop="merchantId">
+            <select-merchant v-model="form.merchantId" placeholder="请选择商户" />
           </el-form-item>
         </el-col>
 
-        <el-col :span="12" class="mb20">
-          <el-form-item label="钱包id" prop="walletId">
-            <el-input v-model="form.walletId" placeholder="请输入钱包id" />
-          </el-form-item>
-        </el-col>
-
-        <el-col :span="12" class="mb20">
-          <el-form-item label="用户卡号" prop="cardNumber">
-            <el-input v-model="form.cardNumber" placeholder="请输入用户卡号" />
-          </el-form-item>
-        </el-col>
-
-        <el-col :span="12" class="mb20">
-          <el-form-item label="饭卡是否在硬件上激活" prop="isActiveHardware">
-            <el-input v-model="form.isActiveHardware" placeholder="请输入饭卡是否在硬件上激活" />
+        <el-col :span="24" class="mb20">
+          <el-form-item label="生成数量" prop="count">
+            <el-input-number style="width: 100%" v-model="form.count" :max="200" placeholder="请输入生成数量" :min="0"
+              controls-position="right" />
           </el-form-item>
         </el-col>
 
@@ -54,14 +43,14 @@ const loading = ref(false)
 // 提交表单数据
 const form = reactive({
   id: '',
-  userId: '',
-  walletId: '',
-  cardNumber: '',
-  isActiveHardware: '',
+  merchantId: '',
+  count: '',
 });
 
 // 定义校验规则
 const dataRules = ref({
+  merchantId: [{ required: true, message: '请选择商户', trigger: 'change' }],
+  count: [{ required: true, message: '生成数量不能为空', trigger: 'blur' }],
 })
 
 // 打开弹窗

src/views/wallet/wallet-active/index.vue

@@ -5,7 +5,7 @@
         <div class="mb8" style="width: 100%">
           <el-button icon="folder-add" type="primary" class="ml10" @click="formDialogRef.openDialog()"
             v-auth="'wallet_walletActive_add'">
-            新 增
+            开 卡
           </el-button>
           <el-button plain :disabled="multiple" icon="Delete" type="primary" v-auth="'wallet_walletActive_del'"
             @click="handleDelete(selectObjs)">