更新
This commit is contained in:
8
src/views/BlindBox/turntable/Turntable.vue
Normal file
8
src/views/BlindBox/turntable/Turntable.vue
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import lotteryView from '@/views/room/roomList/Turntable/lotteryResults.vue'
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<div class="viewPage">
|
||||||
|
<lotteryView></lotteryView>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -9,6 +9,7 @@ import {
|
|||||||
getBlindBoxRule,
|
getBlindBoxRule,
|
||||||
settingBlindBoxRule
|
settingBlindBoxRule
|
||||||
} from "@/api/modules/blindBox";
|
} from "@/api/modules/blindBox";
|
||||||
|
import TurntableView from './Turntable.vue';
|
||||||
import editForm from "./form.vue";
|
import editForm from "./form.vue";
|
||||||
import settingRuleView from './settingRule.vue'
|
import settingRuleView from './settingRule.vue'
|
||||||
import { addDialog } from "@/components/ReDialog";
|
import { addDialog } from "@/components/ReDialog";
|
||||||
@@ -266,6 +267,16 @@ export function useData() {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
// 开奖记录
|
||||||
|
const openLotteryRecord = () => {
|
||||||
|
addDialog({
|
||||||
|
title: `盲盒转盘开奖记录`,
|
||||||
|
fullscreen: true,
|
||||||
|
hideFooter: true,
|
||||||
|
closeOnClickModal: false,
|
||||||
|
contentRenderer: () => h(TurntableView, { ref: formRef, formInline: null })
|
||||||
|
});
|
||||||
|
}
|
||||||
return {
|
return {
|
||||||
searchForm,
|
searchForm,
|
||||||
searchLabel,
|
searchLabel,
|
||||||
@@ -286,6 +297,7 @@ export function useData() {
|
|||||||
openDialog,
|
openDialog,
|
||||||
resetSetting,
|
resetSetting,
|
||||||
handleDelete,
|
handleDelete,
|
||||||
setting
|
setting,
|
||||||
|
openLotteryRecord
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
@@ -26,6 +26,7 @@ const {
|
|||||||
openDialog,
|
openDialog,
|
||||||
resetSetting,
|
resetSetting,
|
||||||
handleDelete,
|
handleDelete,
|
||||||
|
openLotteryRecord,
|
||||||
setting
|
setting
|
||||||
} = useData();
|
} = useData();
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
@@ -56,8 +57,10 @@ defineOptions({
|
|||||||
<PureTableBar title="盲盒转盘列表" :class="[isShow && !deviceDetection() ? '!w-[60vw]' : 'w-full']"
|
<PureTableBar title="盲盒转盘列表" :class="[isShow && !deviceDetection() ? '!w-[60vw]' : 'w-full']"
|
||||||
:columns="tableLabel" @refresh="onSearch">
|
:columns="tableLabel" @refresh="onSearch">
|
||||||
<template #buttons>
|
<template #buttons>
|
||||||
|
<el-button type="text" @click="openLotteryRecord">开奖记录</el-button>
|
||||||
<el-popconfirm :title="`是否重置当前盲盒转盘的规则数量`" @confirm="resetSetting(row)">
|
<el-popconfirm :title="`是否重置当前盲盒转盘的规则数量`" @confirm="resetSetting(row)">
|
||||||
<template #reference>
|
<template #reference>
|
||||||
|
|
||||||
<el-button type="primary">
|
<el-button type="primary">
|
||||||
重置数量
|
重置数量
|
||||||
</el-button>
|
</el-button>
|
||||||
|
|||||||
@@ -73,6 +73,10 @@ export function useData() {
|
|||||||
label: "每期数量",
|
label: "每期数量",
|
||||||
prop: "quantity"
|
prop: "quantity"
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
label: "未开数量",
|
||||||
|
prop: "remaining_number"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "多少次后可参与开奖",
|
label: "多少次后可参与开奖",
|
||||||
prop: "weight"
|
prop: "weight"
|
||||||
|
|||||||
@@ -13,14 +13,14 @@ const changeIndex = (data) => {
|
|||||||
</script>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
<div class="viewPage">
|
<div class="viewPage">
|
||||||
<el-row>
|
<!-- <el-row>
|
||||||
<el-button @click="changeIndex(ele)" :type="activeIndex === ele.index ? 'primary' : ''" v-for="ele in activeList"
|
<el-button @click="changeIndex(ele)" :type="activeIndex === ele.index ? 'primary' : ''" v-for="ele in activeList"
|
||||||
:key="ele.index">{{
|
:key="ele.index">{{
|
||||||
ele.name }}</el-button>
|
ele.name }}</el-button>
|
||||||
</el-row>
|
</el-row> -->
|
||||||
<div>
|
<div>
|
||||||
<statisticsView v-if="activeIndex === 0" :roomId="props.roomDetail.room_id" />
|
<statisticsView v-if="activeIndex === 0" :roomId="props.roomDetail.room_id" />
|
||||||
<lotteryView v-else :roomId="props.roomDetail.room_id"></lotteryView>
|
<!-- <lotteryView v-else :roomId="props.roomDetail.room_id"></lotteryView> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
Reference in New Issue
Block a user