修复礼物管理勾选异常问题

src/views/luckGift/luckGiftSet.vue

@@ -1,6 +1,65 @@
 <template>
   <div class="box">
     <div class="condition">
+            <div class="inquire">
+        <span>用户上线列表</span>
+        <!-- @input="handleInput" -->
+        <el-input
+          v-model="inquire.followErbanNoList"
+          placeholder=""
+          class="input"
+          disabled
+        ></el-input>
+        <el-button
+          class="primary"
+          type="primary"
+          @click="
+            editDialog = true;
+            butClick = false;
+            type = 11;
+            editDialogTitle = '用户上线列表';
+            value = inquire.followErbanNoList;
+          "
+        >
+          编辑</el-button
+        >
+      </div>
+      <div class="inquire">
+        <span>用户W级列表</span>
+        <!-- @input="handleInput" -->
+        <!-- <el-input
+          v-model="inquire.whiteErbanNoProductionRatioMap"
+          placeholder=""
+          class="input"
+          disabled
+        ></el-input> -->
+        <el-button class="primary" type="primary" @click="detailsClick">
+          查看详情</el-button
+        >
+      </div>
+      <div class="inquire">
+        <span>用户B级列表</span>
+        <!-- @input="handleInput" -->
+        <el-input
+          v-model="inquire.blackErbanNoList"
+          placeholder=""
+          class="input"
+          disabled
+        ></el-input>
+        <el-button
+          class="primary"
+          type="primary"
+          @click="
+            editDialog = true;
+            butClick = false;
+            type = 13;
+            editDialogTitle = '用户B级列表';
+            value = inquire.blackErbanNoList;
+          "
+        >
+          编辑</el-button
+        >
+      </div>
       <!-- 分区 -->
       <div class="inquire">
         <span>分区</span>
@@ -250,29 +309,7 @@
         >
       </div> -->
 
-      <div class="inquire">
-        <span>用户上线列表</span>
-        <!-- @input="handleInput" -->
-        <el-input
-          v-model="inquire.followErbanNoList"
-          placeholder=""
-          class="input"
-          disabled
-        ></el-input>
-        <el-button
-          class="primary"
-          type="primary"
-          @click="
-            editDialog = true;
-            butClick = false;
-            type = 11;
-            editDialogTitle = '用户上线列表';
-            value = inquire.followErbanNoList;
-          "
-        >
-          编辑</el-button
-        >
-      </div>
+
       <div class="inquire">
         <span>赠送1000倍奖励</span>
         <el-button
@@ -325,6 +362,53 @@
         </span>
       </template>
     </el-dialog>
+    <!-- 详情弹窗 -->
+    <el-dialog v-model="detailsDialog" title="用户W级列表" width="36%" center>
+      <el-button class="primary" type="primary" @click="addDetail">
+        新增</el-button
+      >
+      <el-table :data="detailsTable" style="width: 100%">
+        <el-table-column label="用户ID">
+          <template v-slot="scope">
+            <el-input
+              v-model="scope.row.userId"
+              type="number"
+              @blur="handleEdit(scope.$index, scope.row)"
+            ></el-input>
+          </template>
+        </el-table-column>
+        <el-table-column label="值">
+          <template v-slot="scope">
+            <el-input
+              v-model="scope.row.val"
+              type="number"
+              @blur="handleEdit(scope.$index, scope.row)"
+            ></el-input>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作">
+          <template v-slot="scope">
+            <el-button
+              class="danger"
+              type="danger"
+              @click="delDetail(scope.$index, scope.row)"
+            >
+              删除</el-button
+            >
+          </template>
+        </el-table-column>
+        <!-- 其他列 -->
+      </el-table>
+
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="detailsDialog = false">取消</el-button>
+          <el-button type="primary" :disabled="butClick" @click="sevaDetail()">
+            保存
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -376,11 +460,17 @@ export default {
         },
         warnMulti: "",
         followErbanNoList: "",
+        whiteErbanNoProductionRatioMap: "",
+        blackErbanNoList: "",
       },
       editDialog: false,
       editDialogTitle: "",
+      detailsDialog: false,
       value: "",
       type: null,
+      // 详情
+      detailsTable: [],
+      whiteErbanNoProductionRatioMap: null,
     };
   },
   created() {
@@ -397,8 +487,63 @@ export default {
         this.inquire.supplement = res.data.supplement;
         this.inquire.warnMulti = res.data.warnMulti;
         this.inquire.followErbanNoList = res.data.followErbanNoList.join();
+        // this.inquire.whiteErbanNoProductionRatioMap = res.data.whiteErbanNoProductionRatioMap.join();
+        this.inquire.blackErbanNoList = res.data.blackErbanNoList.join();
+        var newArr = [];
+        var obj = res.data.whiteErbanNoProductionRatioMap;
+        var arr = Object.keys(obj).map((key) => ({
+          userId: key,
+          val: obj[key],
+        }));
+        arr.forEach((res, i) => {
+          newArr[i] = res;
+        });
+        this.detailsTable = newArr;
       });
     },
+    // 查看详情按钮
+    detailsClick() {
+      this.getData();
+      this.detailsDialog = true;
+      this.type = 14;
+      // this.value = inquire.whiteErbanNoProductionRatioMap;
+    },
+    // 详情新增按钮
+    addDetail() {
+      this.detailsTable.unshift([]);
+    },
+    // 详情删除按钮
+    delDetail(index, val) {
+      this.detailsTable.splice(index, 1);
+    },
+    // 详情确认保存按钮
+    sevaDetail() {
+      var map = {};
+      var lock = true;
+      this.detailsTable.forEach((res) => {
+        if (res.userId == (undefined || "") || res.val == undefined || "") {
+          lock = false;
+        }
+        map[res.userId] = res.val;
+      });
+      console.log(map);
+      this.whiteErbanNoProductionRatioMap = map;
+      if (lock) {
+        this.editDialogClick();
+      } else {
+        ElMessage({
+          showClose: true,
+          message: "用户ID和值不能为空",
+          type: "error",
+        });
+      }
+    },
+    // 详情编辑监听
+    handleEdit(index, row) {
+      // 这里可以添加保存逻辑，例如调用API更新服务器数据等。
+      console.log(index, "保存行数据", row);
+      // 示例：更新本地数据或其他操作...
+    },
     // 确认保存
     editDialogClick() {
       var obj = {};
@@ -409,7 +554,7 @@ export default {
           if (res.code == 200) {
             ElMessage({
               showClose: true,
-              message:'赠送成功',
+              message: "赠送成功",
               type: "success",
             });
             setTimeout(() => {
@@ -435,7 +580,7 @@ export default {
           obj.platformRatio = this.value;
         } else if (this.type == 4) {
           obj.receiverRatio = this.value;
-        }else if (this.type == 5) {
+        } else if (this.type == 5) {
           obj.supplement = this.inquire.supplement;
           obj.supplement.supplementRatio = this.value;
         } else if (this.type == 6) {
@@ -448,6 +593,11 @@ export default {
           obj.warnMulti = this.value;
         } else if (this.type == 11) {
           obj.followErbanNoList = this.value.split(",");
+        } else if (this.type == 14) {
+          obj.whiteErbanNoProductionRatioMap =
+            this.whiteErbanNoProductionRatioMap;
+        } else if (this.type == 13) {
+          obj.blackErbanNoList = this.value.split(",");
         }
         updateSet(obj).then((res) => {
           if (res.code == 200) {
@@ -457,6 +607,7 @@ export default {
               type: "success",
             });
             this.editDialog = false;
+            // this.detailsDialog = false;
             this.getData();
           } else {
             ElMessage({

src/views/users/GiftManageView.vue

@@ -1283,6 +1283,7 @@ export default {
                     $("input:checkbox[name='partitionFlag']")[0].checked = false;
                     $("input:checkbox[name='partitionFlag']")[1].checked = false;
                     $("input:checkbox[name='partitionFlag']")[2].checked = false;
+                    $("input:checkbox[name='partitionFlag']")[3].checked = false;
                     console.log("btnEdit");
                     var id = $(this).attr("data-id");
                     $this.files = {};
@@ -1441,6 +1442,11 @@ export default {
                                 } else {
                                     $("input:checkbox[name='partitionFlag']")[2].checked = false; 
                                 }
+                                if ((partitionFlag & 8) != 0) {
+                                    $("input:checkbox[name='partitionFlag']")[3].checked = true;
+                                } else {
+                                    $("input:checkbox[name='partitionFlag']")[3].checked = false; 
+                                }
                                 // 打开编辑弹窗
                                 $("#giftModal").modal('show');
                             } else {