幸运礼物-个人汇总-用户充值等级-查询

src/views/luckGift/luckGiftData.vue

@@ -22,6 +22,18 @@
                         placeholder="请选择">
         </el-date-picker>
       </div>
+      <div class="inquire">
+        <span>用户充值等级</span>
+        <el-select v-model="inquire.userRechargeLevel"
+                   placeholder="请选择"
+                   class="select">
+          <el-option v-for="item in userRechargeLevelList"
+                     :key="item"
+                     :label="item"
+                     :value="item">
+          </el-option>
+        </el-select>
+      </div>
       <!-- 送出时间 -->
       <div class="inquire">
         <span>数组类型</span>
@@ -244,6 +256,7 @@
   </div>
 </template>
 <script>
+import { listLevel } from '@/api/userRechargeLevel/userRechargeLevel'
 import { personal, updateUserMulti, pageRecord, exportRecord, listType } from "@/api/luckGift/luckGift";
 // @ts-ignore
 import { dateFormat } from "@/utils/system-helper";
@@ -266,8 +279,10 @@ export default {
         userId: "",
         time: "",
         value: undefined,
+        userRechargeLevel: undefined,
         poolType: undefined,
       },
+      userRechargeLevelList: [],
       poolTypes: [],
       // 表格
       tableData: [],
@@ -333,6 +348,7 @@ export default {
           ? dateFormat(this.inquire.time, "yyyy-MM-dd")
           : null,
         partitionId: this.inquire.value,
+        userRechargeLevel: this.inquire.userRechargeLevel,
         poolType: this.inquire.poolType ? this.inquire.poolType : undefined,
       }).then((res) => {
         this.total = res.data.dataPage.total;
@@ -431,9 +447,20 @@ export default {
       exportRecord({ uid: row.uid, date: row.date })
       this.exportLoading = false;
     },
+    loadUserRechargeLevel () {
+      listLevel().then(res => {
+        if (res.code !== 200) {
+          ElMessage.error(res.message);
+          return
+        }
+        this.userRechargeLevelList = res.data;
+        //this.inquire.userRechargeLevel = this.userRechargeLevelList[0];
+      })
+    },
   },
   mounted () {
     this.loadPoolTypes()
+    this.loadUserRechargeLevel()
   },
 };
 </script>