幸运礼物-个人汇总-数组类型

src/views/luckGift/luckGiftData.vue

@@ -9,47 +9,45 @@
       </div>
       <div class="inquire">
         <span>MoliStar ID</span>
-        <el-input v-model="inquire.userId" placeholder="" class="input">
+        <el-input v-model="inquire.userId"
+                  placeholder=""
+                  class="input">
         </el-input>
       </div>
       <!-- 送出时间 -->
       <div class="inquire">
         <span>送出时间</span>
-        <el-date-picker v-model="inquire.time" type="date" placeholder="请选择">
+        <el-date-picker v-model="inquire.time"
+                        type="date"
+                        placeholder="请选择">
         </el-date-picker>
       </div>
     </div>
     <el-button type="text">总进入：{{ totalInput }}</el-button>
     <el-button type="text">总退出：{{ totalOutput }}</el-button>
-    <el-button type="text"
+    <el-button type="text">总比例：{{ totalProductionRatio }}</el-button>
-      >总比例：{{ totalProductionRatio }}</el-button
-    >
     <!-- 按钮 -->
     <div class="but">
-      <el-button class="primary" type="primary" @click="getData()"
+      <el-button class="primary"
-        >查询
+                 type="primary"
+                 @click="getData()">查询
       </el-button>
-      <el-button
+      <el-button @click="
-        @click="
           inquire.userId = '';
           inquire.time = '';
-        "
+        ">重置筛选
-        >重置筛选
       </el-button>
-      <el-button
+      <el-button class="primary"
-        class="primary"
+                 type="primary"
-        type="primary"
+                 style="margin-left: 20px;"
-        style="margin-left: 20px;"
+                 :disabled="butClick"
-        :disabled="butClick"
+                 @click="
-        @click="
           editDialog = true;
           type = 12;
           editDialogTitle = '赠送1000倍奖励';
           value = inquire.x;
-        "
+        ">
-      >
+        赠送</el-button>
-        赠送</el-button
-      >
     </div>
 
     <!-- 编辑弹窗 -->
@@ -57,123 +55,170 @@
                v-model:title="recordDialog.title"
                @close="closeRecordDialog"
                label-width="auto"
-               width="82%" center>
+               width="82%"
+               center>
       <!-- 表格 -->
-      <el-table
+      <el-table v-loading="pageRecord.loading"
-          v-loading="pageRecord.loading"
+                :data="pageRecord.data"
-          :data="pageRecord.data"
+                border
-          border
+                style="width: 100%; margin-top: 25px">
-          style="width: 100%; margin-top: 25px"
+        <el-table-column prop="createTime"
-      >
+                         align="center"
-        <el-table-column prop="createTime" align="center" label="时间" />
+                         label="时间" />
-        <el-table-column prop="partitionDesc" align="center" label="分区" />
+        <el-table-column prop="partitionDesc"
-        <el-table-column prop="erbanNo" align="center" label="平台id" />
+                         align="center"
-        <el-table-column prop="nick" align="center" label="昵称" />
+                         label="分区" />
-        <el-table-column prop="receiverErbanNo" align="center" label="收礼者平台id" />
+        <el-table-column prop="erbanNo"
-        <el-table-column prop="receiverNick" align="center" label="收礼者昵称" />
+                         align="center"
-        <el-table-column prop="roomErbanNo" align="center" label="房间id" />
+                         label="平台id" />
-        <el-table-column prop="giftId" align="center" label="礼物id" />
+        <el-table-column prop="nick"
-        <el-table-column prop="giftName" align="center" label="礼物名称" />
+                         align="center"
-        <el-table-column prop="giftGoldPrice" align="center" label="礼物价格" />
+                         label="昵称" />
-        <el-table-column prop="giftNum" align="center" label="数量" />
+        <el-table-column prop="receiverErbanNo"
-        <el-table-column prop="input" align="center" label="进入" />
+                         align="center"
+                         label="收礼者平台id" />
+        <el-table-column prop="receiverNick"
+                         align="center"
+                         label="收礼者昵称" />
+        <el-table-column prop="roomErbanNo"
+                         align="center"
+                         label="房间id" />
+        <el-table-column prop="giftId"
+                         align="center"
+                         label="礼物id" />
+        <el-table-column prop="giftName"
+                         align="center"
+                         label="礼物名称" />
+        <el-table-column prop="giftGoldPrice"
+                         align="center"
+                         label="礼物价格" />
+        <el-table-column prop="giftNum"
+                         align="center"
+                         label="数量" />
+        <el-table-column prop="input"
+                         align="center"
+                         label="进入" />
+        <el-table-column prop="poolTypeDesc"
+                         align="center"
+                         label="数组类型" />
+        <el-table-column prop="poolId"
+                         align="center"
+                         label="数组ID" />
+        <el-table-column prop="expect"
+                         align="center"
+                         label="期望值" />
 
-        <el-table-column prop="poolId" align="center" label="poolId" />
+        <el-table-column prop="isSupplement"
-        <el-table-column prop="expect" align="center" label="期望值" />
+                         align="center"
-
+                         label="本次是否后台赠送" />
-        <el-table-column prop="isSupplement" align="center" label="本次是否后台赠送" />
+        <el-table-column prop="drawMultiple"
-        <el-table-column prop="drawMultiple" align="center" label="数组倍数" />
+                         align="center"
-        <el-table-column prop="afterMultiple" align="center" label="最终倍数" />
+                         label="数组倍数" />
-        <el-table-column prop="winGoldNum" align="center" label="退出" />
+        <el-table-column prop="afterMultiple"
+                         align="center"
+                         label="最终倍数" />
+        <el-table-column prop="winGoldNum"
+                         align="center"
+                         label="退出" />
       </el-table>
 
       <!-- 分页 -->
-      <el-pagination
+      <el-pagination style="margin-top: 10px"
-          style="margin-top: 10px"
+                     class="paginationClass"
-          class="paginationClass"
+                     v-model:current-page="pageRecord.pageNo"
-          v-model:current-page="pageRecord.pageNo"
+                     v-model:page-size="pageRecord.pageSize"
-          v-model:page-size="pageRecord.pageSize"
+                     :page-sizes="[50, 100, 200, 500]"
-          :page-sizes="[50, 100, 200, 500]"
+                     layout="sizes, prev, pager, next"
-          layout="sizes, prev, pager, next"
+                     :total="pageRecord.total"
-          :total="pageRecord.total"
+                     @size-change="handleRecordPageChange"
-          @size-change="handleRecordPageChange"
+                     @current-change="handleRecordPageChange" />
-          @current-change="handleRecordPageChange"
-      />
     </el-dialog>
 
     <!-- 表格 -->
-    <el-table
+    <el-table v-loading="loading"
-      v-loading="loading"
+              :data="tableData"
-      :data="tableData"
+              border
-      border
+              style="width: 100%; margin-top: 25px">
-      style="width: 100%; margin-top: 25px"
+      <el-table-column prop="date"
-    >
+                       align="center"
-      <el-table-column prop="date" align="center" label="日期" />
+                       label="日期" />
-      <el-table-column prop="uid" align="center" label="uid" />
+      <el-table-column prop="uid"
-      <el-table-column prop="erbanNo" align="center" label="平台id" />
+                       align="center"
-      <el-table-column prop="totalInput" align="center" label="进入" />
+                       label="uid" />
-      <el-table-column prop="totalOutput" align="center" label="退出" />
+      <el-table-column prop="erbanNo"
-      <el-table-column prop="production" align="center" label="剩余" />
+                       align="center"
-      <el-table-column
+                       label="平台id" />
-        prop="productionRatio"
+      <el-table-column prop="totalInput"
-        align="center"
+                       align="center"
-        label="退出/进入"
+                       label="进入" />
-      />
+      <el-table-column prop="totalOutput"
-      <el-table-column prop="avgInput" align="center" label="每次进入" />
+                       align="center"
-      <el-table-column prop="num" align="center" label="总次数" />
+                       label="退出" />
-      <el-table-column prop="winNum" align="center" label="得到次数" />
+      <el-table-column prop="production"
-      <el-table-column prop="winRate" align="center" label="得到率" />
+                       align="center"
-      <el-table-column align="center" label="操作" width="180">
+                       label="剩余" />
+      <el-table-column prop="productionRatio"
+                       align="center"
+                       label="退出/进入" />
+      <el-table-column prop="avgInput"
+                       align="center"
+                       label="每次进入" />
+      <el-table-column prop="num"
+                       align="center"
+                       label="总次数" />
+      <el-table-column prop="winNum"
+                       align="center"
+                       label="得到次数" />
+      <el-table-column prop="winRate"
+                       align="center"
+                       label="得到率" />
+      <el-table-column align="center"
+                       label="操作"
+                       width="180">
         <template v-slot="scope">
-          <el-button class="primary" type="primary"  @click="openRecordDialog(scope.row)">明细</el-button>
+          <el-button class="primary"
-          <el-button v-loading="exportLoading" @click="exportRecord(scope.row)">导出</el-button>
+                     type="primary"
+                     @click="openRecordDialog(scope.row)">明细</el-button>
+          <el-button v-loading="exportLoading"
+                     @click="exportRecord(scope.row)">导出</el-button>
         </template>
       </el-table-column>
     </el-table>
 
     <!-- 分页 -->
-    <el-pagination
+    <el-pagination style="margin-top: 10px"
-      style="margin-top: 10px"
+                   class="paginationClass"
-      class="paginationClass"
+                   v-model:current-page="currentPage"
-      v-model:current-page="currentPage"
+                   v-model:page-size="pageSize"
-      v-model:page-size="pageSize"
+                   :page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
-      :page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
+                   layout="sizes, prev, pager, next"
-      layout="sizes, prev, pager, next"
+                   :total="total"
-      :total="total"
+                   @size-change="handleSizeChange"
-      @size-change="handleSizeChange"
+                   @current-change="handleCurrentChange" />
-      @current-change="handleCurrentChange"
-    />
 
     <!-- 编辑弹窗 -->
-    <el-dialog v-model="editDialog" :title="editDialogTitle" width="36%" center>
+    <el-dialog v-model="editDialog"
+               :title="editDialogTitle"
+               width="36%"
+               center>
       <div style="margin-bottom: 25px; margin-top: 10px">
-        <span
+        <span style="display: inline-block; margin-right: 20px"
-          style="display: inline-block; margin-right: 20px"
+              class="col-sm-2 control-label">{{ editDialogTitle }}</span>
-          class="col-sm-2 control-label"
+        <el-input v-model="value"
-          >{{ editDialogTitle }}</span
+                  style="width: 75%"
-        >
+                  class="input"
-        <el-input
+                  placeholder="请输入用户ID"></el-input>
-          v-model="value"
-          style="width: 75%"
-          class="input"
-          placeholder="请输入用户ID"
-        ></el-input>
       </div>
 
       <template #footer>
         <span class="dialog-footer">
-          <el-button
+          <el-button @click="
-            @click="
               editDialog = false;
               butClick = false;
-            "
+            ">取消</el-button>
-            >取消</el-button
+          <el-button type="primary"
-          >
+                     :disabled="butClick"
-          <el-button
+                     @click="editDialogClick()">
-            type="primary"
-            :disabled="butClick"
-            @click="editDialogClick()"
-          >
             保存
           </el-button>
         </span>
@@ -189,13 +234,13 @@ import { dateFormat } from "@/utils/system-helper";
 import { ElMessage } from "element-plus";
 import moment from "moment-timezone";
 import PartitionSelect from "@/views/common/partitionSelect.vue";
-import {genQueryParam} from "@/utils/maintainer";
+import { genQueryParam } from "@/utils/maintainer";
 export default {
   name: "luckGiftData",
   components: {
     PartitionSelect
   },
-  data() {
+  data () {
     return {
       loading: false,
       totalInput: 0,
@@ -216,7 +261,7 @@ export default {
       editDialog: false,
       editDialogTitle: "",
       value: "",
-      butClick:false,
+      butClick: false,
 
       recordDialog: {
         show: false,
@@ -238,7 +283,7 @@ export default {
   },
   methods: {
     // 查询接口
-    getData() {
+    getData () {
       if (!this.inquire.time && this.inquire.userId === '') {
         ElMessage({
           showClose: true,
@@ -266,7 +311,7 @@ export default {
       });
     },
     // 确认保存
-    editDialogClick() {
+    editDialogClick () {
       this.butClick = true;
       updateUserMulti({ erbanNo: this.value }).then((res) => {
         if (res.code == 200) {
@@ -291,30 +336,30 @@ export default {
       });
     },
     // 分页导航
-    handleSizeChange() {
+    handleSizeChange () {
       this.getData();
     },
-    handleCurrentChange() {
+    handleCurrentChange () {
       this.getData();
     },
-    openRecordDialog(row) {
+    openRecordDialog (row) {
       this.recordDialog.show = true;
       this.recordDialog.title = '[' + row.erbanNo + ']' + row.date + '明细';
       this.pageRecord.uid = row.uid;
       this.pageRecord.date = row.date;
       this.pageRecordData();
     },
-    closeRecordDialog() {
+    closeRecordDialog () {
       this.recordDialog.show = false;
       this.recordDialog.title = undefined;
       this.pageRecord.uid = undefined;
       this.pageRecord.date = undefined;
     },
     // 分页导航
-    handleRecordPageChange() {
+    handleRecordPageChange () {
       this.pageRecordData();
     },
-    pageRecordData() {
+    pageRecordData () {
       if (!this.pageRecord.uid && !this.pageRecord.date) {
         ElMessage({
           showClose: true,
@@ -330,7 +375,7 @@ export default {
         pageNo: this.pageRecord.pageNo,
         pageSize: this.pageRecord.pageSize,
       }).then((res) => {
-        if (res.code !== 200){
+        if (res.code !== 200) {
           throw new Error(res.msg);
         }
         this.pageRecord.total = res.data.total;
@@ -345,9 +390,9 @@ export default {
         this.pageRecord.loading = false;
       });
     },
-    exportRecord(row){
+    exportRecord (row) {
       this.exportLoading = true;
-      exportRecord({uid:row.uid, date:row.date})
+      exportRecord({ uid: row.uid, date: row.date })
       this.exportLoading = false;
     },
   },