个微信息采集套餐包多选绑定

src/views/qw/collectionFully/BindPackageDialog.vue

@@ -7,12 +7,13 @@
     @close="handleClose"
   >
     <el-form ref="form" :model="form" :rules="rules" label-width="100px">
-      <el-form-item label="套餐包" prop="packageId">
+      <el-form-item label="套餐包" prop="packageIds">
         <el-select
-          v-model="form.packageId"
+          v-model="form.packageIds"
           placeholder="请选择套餐包"
           clearable
           filterable
+          multiple
           :disabled="isEdit"
         >
           <el-option
@@ -80,12 +81,12 @@ export default {
       packageOptions: [],
       form: {
         id: null,
-        packageId: null,
+        packageIds: [],
         payType: 1,
         amount: null,
       },
       rules: {
-        packageId: [
+        packageIds: [
           {required: true, message: "请选择套餐包", trigger: "change"},
         ],
         payType: [
@@ -95,7 +96,7 @@ export default {
           {required: true, message: "请填写物流代收金额", trigger: "blur"},
         ],
       },
-      originalPackageId: null, // 编辑模式下保留的原套餐包ID
+      originalPackageId: [], // 编辑模式下保留的原套餐包ID
     };
   },
   computed: {
@@ -133,13 +134,13 @@ export default {
       this.form.id = this.collectionId;
       if (this.isEdit) {
         // 编辑模式：保留原套餐包ID（用于提交），表单中套餐包下拉框置空（不可选）
-        this.originalPackageId = this.editData.packageId;
-        this.form.packageId = null;
+        this.originalPackageId = this.editData.packageIds;
+        this.form.packageIds = [];
         this.form.payType = this.editData.payType;
         this.form.amount = this.editData.amount;
       } else {
-        this.originalPackageId = null;
-        this.form.packageId = null;
+        this.originalPackageId = [];
+        this.form.packageIds = [];
         this.form.payType = 1;
         this.form.amount = null;
       }
@@ -156,7 +157,7 @@ export default {
         const params = {
           id: this.form.id,
           // 编辑模式下使用原套餐包ID，新增模式下使用表单选择的套餐包ID
-          packageId: this.isEdit ? this.originalPackageId : this.form.packageId,
+          packageIds: this.isEdit ? this.originalPackageId : this.form.packageIds,
           payType: this.form.payType,
           amount: this.form.amount,
         };