更新

src/views/Activities/newcomer/index.vue

@@ -38,9 +38,9 @@ onMounted(() => {
           <el-button link type="primary" @click="DistributionRecord">
             发放记录
           </el-button>
-          <el-button type="primary" :icon="useRenderIcon(AddFill)" @click="openDialog('新增', {})">
+          <!--           <el-button type="primary" :icon="useRenderIcon(AddFill)" @click="openDialog('新增', {})">
             新增礼包类型
-          </el-button>
+          </el-button> -->
         </template>
         <template v-slot="{ size, dynamicColumns }">
           <pure-table ref="tableRef" align-whole="center" showOverflowTooltip table-layout="auto" default-expand-all

src/views/paradise/drawOrlockList/Results.vue

@@ -0,0 +1,143 @@
+<script setup lang="ts">
+// 开奖记录
+import { ref, onMounted, nextTick } from "vue";
+import SearchForm from "@/components/SearchForm/index.vue";
+import {
+  queryBoxTypeList
+} from "@/api/modules/blindBox";
+import {
+  queryLockRecord
+} from "@/api/modules/room";
+const searchLabel = ref([
+  { label: "用户ID", prop: "user_id", type: "input" },
+  { label: "开奖期数", prop: "periods", type: "input" },
+  { label: "礼物ID", prop: "gift_id", type: "input" },
+]);
+const props = defineProps(["roomId"]);
+const typeList = ref([])
+const searchForm = ref({
+  user_id: "",
+  gift_id: "",
+  periods: ""
+});
+const pagination = ref({
+  total: 0,
+  pageSize: 10,
+  currentPage: 1,
+  background: true
+});
+const statisticsData = ref()
+const tableList = ref([])
+const statisticsList = ref([
+  { label: "今日锁定次数", prop: "locking_num" }
+])
+const dynamicflowColumns = ref([
+  {
+    label: "ID",
+    prop: "id"
+  },
+  {
+    label: "期数",
+    prop: "periods"
+  },
+  {
+    label: "锁定ID",
+    prop: "user"
+  },
+  {
+    label: "支付价格",
+    prop: "pay_price"
+  },
+  {
+    label: "礼物ID",
+    prop: "gift_id"
+  },
+  {
+    label: "礼物名称",
+    prop: "gift_name"
+  },
+  {
+    label: "礼物价格",
+    prop: "gift_price"
+  },
+  {
+    label: "锁定数量",
+    prop: "locking_num"
+  },
+  {
+    label: "是否收入背包",
+    prop: "is_send_str"
+  },
+  {
+    label: "创建时间",
+    prop: "createtime"
+  }
+])
+const getData = async (formData) => {
+  searchForm.value = { ...formData }
+  const { data, code } = await queryLockRecord({
+    ...formData,
+    page: pagination.value.currentPage,
+    page_limit: pagination.value.pageSize,
+    room_id: props.roomId
+  })
+  if (code) {
+    tableList.value = data.lists
+    statisticsData.value = {
+      locking_num: data.locking_num
+    }
+    pagination.value.total = data.count;
+    pagination.value.currentPage = data.page;
+  }
+}
+const handleSizeChange = (val: number) => {
+  pagination.value.pageSize = val;
+  getData(searchForm.value)
+};
+const handleCurrentChange = (val: number) => {
+  pagination.value.currentPage = val;
+  getData(searchForm.value)
+};
+onMounted(() => {
+  getData(searchForm.value)
+  // getType()
+})
+</script>
+<template>
+  <div class="viewPage">
+    <div class="content-flex" v-if="statisticsData">
+      <div class="box" v-for="(ele, index) in statisticsList">
+        <el-statistic :precision="2" decimal-separator="." :value="statisticsData[ele.prop] || 0"
+          :suffix="ele.tip || ''" :title="ele.label"></el-statistic>
+        <span></span>
+      </div>
+    </div>
+    <SearchForm class="pb-2" :LabelList="searchLabel" :formData="searchForm" @handleSearch="getData" />
+    <pure-table class="mt-5" ref="tableRef" align-whole="center" showOverflowTooltip table-layout="auto"
+      default-expand-all row-key="id" :adaptiveConfig="{ offsetBottom: 108 }" :data="tableList"
+      :columns="dynamicflowColumns" :pagination="{ ...pagination }" :header-cell-style="{
+        background: 'var(--el-fill-color-light)',
+        color: 'var(--el-text-color-primary)'
+      }" @page-current-change="handleCurrentChange" @page-size-change="handleSizeChange">
+    </pure-table>
+  </div>
+</template>
+<style lang="scss" scoped>
+.content {
+  width: 100%;
+  background-color: #fff;
+  padding: 20px;
+}
+
+.content-flex {
+  width: 100%;
+  display: inline-flex;
+  background-color: #f5f5f5;
+  padding: 20px;
+  margin-top: 20px;
+  margin-bottom: 20px;
+  text-align: center;
+  align-items: center;
+  justify-content: center;
+}
+</style>

src/views/paradise/drawOrlockList/index.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import { ref } from "vue";
+import statisticsView from './statistics.vue'
+import lotteryView from './Results.vue'
+// const props = defineProps(["roomDetail"]);
+
+// console.log(props.roomDetail.room_id)
+const activeList = ref([{ index: 0, name: '开奖统计' }, { index: 1, name: '锁定记录' }])
+const activeIndex = ref(0)
+const changeIndex = (data) => {
+  activeIndex.value = data.index
+}
+</script>
+<template>
+  <div class="viewPage" style="background-color: #fff;padding: 20px;min-height: 83vh;">
+    <el-row>
+      <el-button @click="changeIndex(ele)" :type="activeIndex === ele.index ? 'primary' : ''" v-for="ele in activeList"
+        :key="ele.index">{{
+          ele.name }}</el-button>
+    </el-row>
+    <div class="mt-5">
+      <statisticsView v-if="activeIndex === 0" />
+      <lotteryView v-else></lotteryView>
+    </div>
+  </div>
+</template>

src/views/paradise/drawOrlockList/statistics.vue

@@ -0,0 +1,178 @@
+<script setup lang="ts">
+import { ref, onMounted, nextTick } from "vue";
+import SearchForm from "@/components/SearchForm/index.vue";
+import { message } from "@/utils/message";
+import {
+  resetBlindBoxRule
+} from "@/api/modules/blindBox";
+import {
+  queryTurntableRecord
+} from "@/api/modules/room";
+const searchLabel = ref([
+  { label: "用户ID", prop: "user_id", type: "input" },
+  { label: "开奖期数", prop: "periods", type: "input" },
+  { label: "礼物ID", prop: "gift_id", type: "input" },
+  { label: "房间ID", prop: "room_id", type: "input" }
+]);
+const props = defineProps(["roomId"]);
+const searchForm = ref({
+  gift_bag_id: 13,
+  user_id: '',
+  gift_id: "",
+  gift_name: ""
+});
+const pagination = ref({
+  total: 0,
+  pageSize: 10,
+  currentPage: 1,
+  background: true
+});
+const statisticsData = ref()
+const tableList = ref([])
+const statisticsList = ref([
+  { label: "总抽奖次数", prop: "total" },
+  { label: "总抽奖金额（支出）", prop: "total_money" },
+  {
+    label: "总礼物价值（收入）", prop: "total_gift_money"
+  },
+  { label: "统计（收入/支出）", prop: "ratio", tip: "%" },
+  { label: "用户盈亏", prop: "profit_loss" },
+  { label: "用户盈亏比", prop: "profit_loss_ratio", tip: "%" },
+  { label: "平台盈亏", prop: "platform_profit_loss" },
+  { label: "平台盈亏比", prop: "platform_profit_loss_ratio", tip: "%" },
+])
+const dynamicflowColumns = ref([
+  {
+    label: "ID",
+    prop: "id"
+  },
+  {
+    label: "期数",
+    prop: "periods"
+  },
+  {
+    label: "开奖人ID",
+    prop: "user_name"
+  },
+  {
+    label: "支付价格",
+    prop: "bag_price"
+  },
+  {
+    label: "礼物ID",
+    prop: "gift_id"
+  },
+  {
+    label: "礼物名称",
+    prop: "gift_name"
+  },
+  {
+    label: "礼物价格",
+    prop: "gift_price"
+  },
+  {
+    label: "抽中数量",
+    prop: "gift_num"
+  },
+  {
+    label: "创建时间",
+    prop: "createtime"
+  }
+])
+const getData = async (formData) => {
+  searchForm.value = { ...formData }
+  const { data, code } = await queryTurntableRecord({
+    ...formData,
+    page: pagination.value.currentPage,
+    page_limit: pagination.value.pageSize,
+    room_id: props.roomId
+  })
+  if (code) {
+    tableList.value = data.lists.map(ele => {
+      return {
+        ...ele, ...data.total_data,
+        is_public_screen: data.is_public_screen === 1 ? '显示' : '隐藏',
+        is_public_server: data.is_public_server === 1 ? '显示' : '隐藏',
+        is_world_show: data.is_world_show === 1 ? '显示' : '隐藏',
+      }
+    });
+    statisticsData.value = data.total_data
+    pagination.value.total = data.count;
+    pagination.value.currentPage = data.page;
+  }
+}
+const handleSizeChange = (val: number) => {
+  pagination.value.pageSize = val;
+  getData(searchForm.value)
+};
+const handleCurrentChange = (val: number) => {
+  pagination.value.currentPage = val;
+  getData(searchForm.value)
+};
+const resetSetting = async () => {
+  const { data, code } = await resetBlindBoxRule({
+    gift_bag_id: searchForm.value.gift_bag_id,
+    room_id: props.roomId
+  })
+  if (code) {
+    message(`重置成功`, {
+      type: "success"
+    });
+    getData(searchForm.value)
+  }
+}
+onMounted(() => {
+  getData(searchForm.value)
+  // getType()
+})
+
+</script>
+<template>
+  <div class="viewPage">
+
+    <div class="content-flex" v-if="statisticsData">
+      <div class="box" v-for="(ele, index) in statisticsList">
+        <el-statistic :precision="2" decimal-separator="." :value="statisticsData[ele.prop] || 0"
+          :suffix="ele.tip || ''" :title="ele.label"></el-statistic>
+        <span></span>
+      </div>
+    </div>
+
+    <div style="display: inline-flex;justify-content: space-between;align-items: center;width: 100%;">
+      <SearchForm class="pb-2" :LabelList="searchLabel" :formData="searchForm" @handleSearch="getData" />
+      <el-popconfirm :title="`是否重置当前巡乐会数量吗？`" @confirm="resetSetting">
+        <template #reference>
+          <el-button type="primary" style="margin-bottom: 18px;">
+            重置数量
+          </el-button>
+        </template>
+      </el-popconfirm>
+    </div>
+    <pure-table class="mt-5" ref="tableRef" align-whole="center" showOverflowTooltip table-layout="auto"
+      default-expand-all row-key="id" :adaptiveConfig="{ offsetBottom: 108 }" :data="tableList"
+      :columns="dynamicflowColumns" :pagination="{ ...pagination }" :header-cell-style="{
+        background: 'var(--el-fill-color-light)',
+        color: 'var(--el-text-color-primary)'
+      }" @page-current-change="handleCurrentChange" @page-size-change="handleSizeChange">
+    </pure-table>
+  </div>
+</template>
+<style lang="scss" scoped>
+.content {
+  width: 100%;
+  background-color: #fff;
+  padding: 20px;
+}
+
+.content-flex {
+  width: 100%;
+  display: inline-flex;
+  background-color: #f5f5f5;
+  padding: 20px;
+  margin-top: 20px;
+  margin-bottom: 20px;
+  text-align: center;
+  align-items: center;
+  justify-content: space-between
+}
+</style>

src/views/room/roomList/index.vue

@@ -58,10 +58,10 @@ onMounted(() => {
                 @click="viewTurntableData(row)">
                 转盘统计
               </el-button>
-              <el-button @click="viewXunLeHuiData(row)" type="primary"
+              <!-- <el-button @click="viewXunLeHuiData(row)" type="primary"
                 v-if="row.is_open_blind_box_turntable_str === '是'" link :size="size">
                 巡乐会统计
-              </el-button>
+              </el-button> -->
               <el-button link type="primary" :size="size" @click="viewDetail('查看', row)">
                 查看
               </el-button>