小游戏-灵-增加用户充值等级

src/views/gameWhitelist/gameWhitelist.vue

@@ -3,105 +3,115 @@
     <!-- 查询 -->
     <div class="inquire">
       <span>ID</span>
-      <el-input
-        v-model="inquire.userId"
-        placeholder=""
-        class="input"
-      ></el-input>
+      <el-input v-model="inquire.userId"
+                placeholder=""
+                class="input"></el-input>
     </div>
     <div class="inquire">
       <span>状态</span>
-      <el-select v-model="inquire.validStatus" placeholder="请选择">
-        <el-option
-          v-for="item in inquire.options"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value"
-        >
+      <el-select v-model="inquire.validStatus"
+                 placeholder="请选择">
+        <el-option v-for="item in inquire.options"
+                   :key="item.value"
+                   :label="item.label"
+                   :value="item.value">
         </el-option>
       </el-select>
     </div>
 
     <!-- 新增按钮 -->
-    <el-button class="primary" type="primary" @click="addDialog = true"
-      >新增</el-button
-    >
+    <el-button class="primary"
+               type="primary"
+               @click="addDialog = true">新增</el-button>
     <!-- 查询按钮 -->
-    <el-button class="primary" type="primary" @click="getData()"
-      >查询</el-button
-    >
+    <el-button class="primary"
+               type="primary"
+               @click="getData()">查询</el-button>
     <!-- 表格 -->
-    <el-table
-      v-loading="loading"
-      :data="tableData"
-      border
-      style="width: 100%; margin-top: 25px"
-    >
-      <el-table-column prop="erbanNo" align="center" label="用户ID" />
-      <el-table-column prop="uid" align="center" label="UID" />
-      <el-table-column prop="gameId" align="center" label="游戏ID" />
-      <el-table-column prop="gameName" align="center" label="游戏名称" />
-      <el-table-column prop="feeRate" align="center" label="water" />
-      <el-table-column prop="adminName" align="center" label="操作人" />
-      <el-table-column prop="createTime" align="center" label="添加时间" />
-      <el-table-column align="center" label="操作" width="100">
+    <el-table v-loading="loading"
+              :data="tableData"
+              border
+              style="width: 100%; margin-top: 25px">
+      <el-table-column prop="uid"
+                       align="center"
+                       label="UID" />
+      <el-table-column prop="erbanNo"
+                       align="center"
+                       label="用户ID" />
+      <el-table-column prop="userRechargeLevel"
+                       align="center"
+                       label="充值等级" />
+      <el-table-column prop="gameId"
+                       align="center"
+                       label="游戏ID" />
+      <el-table-column prop="gameName"
+                       align="center"
+                       label="游戏名称" />
+      <el-table-column prop="feeRate"
+                       align="center"
+                       label="water" />
+      <el-table-column prop="adminName"
+                       align="center"
+                       label="操作人" />
+      <el-table-column prop="createTime"
+                       align="center"
+                       label="添加时间" />
+      <el-table-column align="center"
+                       label="操作"
+                       width="100">
         <template v-slot="scope">
-          <el-button
-            v-show="scope.row.validStatus == 1"
-            @click="invalid(scope.row.id)"
-            class="primary"
-            type="primary"
-            size="default"
-            >失效</el-button
-          >
+          <el-button v-show="scope.row.validStatus == 1"
+                     @click="invalid(scope.row.id)"
+                     class="primary"
+                     type="primary"
+                     size="default">失效</el-button>
           <div v-show="scope.row.validStatus == 0">无效</div>
           <div v-show="scope.row.validStatus == -1">全部</div>
         </template>
       </el-table-column>
-      <el-table-column prop="invalidTime" align="center" label="失效时间" />
+      <el-table-column prop="invalidTime"
+                       align="center"
+                       label="失效时间" />
     </el-table>
 
     <!-- 分页 -->
-    <el-pagination
-      style="margin-top: 10px"
-      class="paginationClass"
-      v-model:current-page="currentPage"
-      v-model:page-size="pageSize"
-      :page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
-      layout="sizes, prev, pager, next"
-      :total="total"
-      @size-change="handleSizeChange"
-      @current-change="handleCurrentChange"
-    />
+    <el-pagination style="margin-top: 10px"
+                   class="paginationClass"
+                   v-model:current-page="currentPage"
+                   v-model:page-size="pageSize"
+                   :page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
+                   layout="sizes, prev, pager, next"
+                   :total="total"
+                   @size-change="handleSizeChange"
+                   @current-change="handleCurrentChange" />
   </div>
 
   <!-- 新增弹窗 -->
-  <el-dialog v-model="addDialog" title="新增" width="30%" center>
+  <el-dialog v-model="addDialog"
+             title="新增"
+             width="30%"
+             center>
     <el-form label-width="80px">
       <el-form-item label="用户id">
-        <el-input
-            style="width: 100%;"
-            v-model="adduserID"
-            placeholder="请输入"
-        ></el-input>
+        <el-input style="width: 100%;"
+                  v-model="adduserID"
+                  placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item label="游戏id">
-        <el-select v-model="gameID" placeholder="请选择" style="width: 100%;">
-          <el-option
-              v-for="item in gameIDArr"
-              :key="item.gameId"
-              :label="item.gameName"
-              :value="item.gameId"
-          >
+        <el-select v-model="gameID"
+                   placeholder="请选择"
+                   style="width: 100%;">
+          <el-option v-for="item in gameIDArr"
+                     :key="item.gameId"
+                     :label="item.gameName"
+                     :value="item.gameId">
           </el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="Water">
-        <el-input
-            style="width: 100%;"
-            v-model="water"
-            placeholder="请输入"
-        ></el-input>
+        <el-input style="width: 100%;"
+                  v-model="water"
+                  placeholder="请输入"></el-input>
       </el-form-item>
       <el-form-item>
         （例如water:0.2%，则填0.2即可，water2%，则填2）
@@ -111,7 +121,8 @@
     <template #footer>
       <span class="dialog-footer">
         <el-button @click="addDialog = false">取消</el-button>
-        <el-button type="primary" @click="addClick()"> 保存 </el-button>
+        <el-button type="primary"
+                   @click="addClick()"> 保存 </el-button>
       </span>
     </template>
   </el-dialog>
@@ -129,7 +140,7 @@ import { dateFormat } from "@/utils/system-helper";
 import { ElMessage } from "element-plus";
 export default {
   name: "gameWhitelist",
-  data() {
+  data () {
     return {
       loading: false,
       //查询所需条件对象
@@ -167,7 +178,7 @@ export default {
       water: "",
     };
   },
-  created() {
+  created () {
     gameList().then((res) => {
       if (res.code == 200) {
         this.gameIDArr = res.data;
@@ -184,7 +195,7 @@ export default {
   },
   methods: {
     // 查询接口
-    getData() {
+    getData () {
       this.loading = true;
       gameFeeRateList({
         erbanNo: this.inquire.userId,
@@ -207,7 +218,7 @@ export default {
       });
     },
     // 确认新增按钮
-    addClick() {
+    addClick () {
       gameFeeRate({
         erbanNo: this.adduserID,
         gameFeeRate: this.water,
@@ -231,7 +242,7 @@ export default {
         }
       });
     },
-    invalid(id) {
+    invalid (id) {
       feeRateInvalid({ id }).then((res) => {
         if (res.code == 200) {
           this.getData();
@@ -251,10 +262,10 @@ export default {
       });
     },
     // 分页导航
-    handleSizeChange() {
+    handleSizeChange () {
       this.getData();
     },
-    handleCurrentChange() {
+    handleCurrentChange () {
       this.getData();
     },
   },