|
@@ -15,11 +15,11 @@
|
|
|
<!-- 引入element 的组件库-->
|
|
<!-- 引入element 的组件库-->
|
|
|
<script
|
|
<script
|
|
|
src="https://wl-1306604067.cos.ap-guangzhou.myqcloud.com/production/ct/103548289110001/1742017747738/element-ui.js"></script>
|
|
src="https://wl-1306604067.cos.ap-guangzhou.myqcloud.com/production/ct/103548289110001/1742017747738/element-ui.js"></script>
|
|
|
- <script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
|
|
|
|
|
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
|
|
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
|
|
|
- <!-- <script>
|
|
|
|
|
- var vConsole = new window.VConsole();
|
|
|
|
|
- </script> -->
|
|
|
|
|
|
|
+ <!-- <script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
|
|
|
|
|
+ <script>
|
|
|
|
|
+ var vConsole = new window.VConsole();
|
|
|
|
|
+ </script> -->
|
|
|
</head>
|
|
</head>
|
|
|
<style>
|
|
<style>
|
|
|
body {
|
|
body {
|
|
@@ -423,49 +423,50 @@
|
|
|
|
|
|
|
|
<body>
|
|
<body>
|
|
|
<div id="box">
|
|
<div id="box">
|
|
|
- <!-- 二维码 -->
|
|
|
|
|
- <div class="qrcode" v-if="qrCodeData.qrCode || qrCodeData.msg">
|
|
|
|
|
- <img class="qrcode-img" :src="qrCodeData.qrCode" />
|
|
|
|
|
- <div class="qrcode-msg">{{qrCodeData.msg}}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <el-alert v-if="showError" class="alert_dialog" :title="errorMsg" :closable="false" type="error" show-icon>
|
|
|
|
|
- </el-alert>
|
|
|
|
|
- <div v-if="(h5Type == 19 && !qrCodeData.qrCode) || (h5Type == 30 && !qrCodeData.qrCode)">
|
|
|
|
|
- <div class="lotteryPage">
|
|
|
|
|
- <div class="event_notice" @click="handleRule">
|
|
|
|
|
- <span>活动须知</span>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="prize_content">
|
|
|
|
|
- <div :class="['prize_item', { actives: isSpinning && index === currentIndex }]"
|
|
|
|
|
- v-for="(item, index) in prizesList" :key="index">
|
|
|
|
|
- <img class="prize_img" :src="item.img"></img>
|
|
|
|
|
- <div>{{item.name}}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="lottery_btn">
|
|
|
|
|
- <img class="btn_img" src="./img/btn.png" @click="handleLottery"></img>
|
|
|
|
|
- <div class="lottery_tip">已抽奖{{useNum}}次,还剩{{remainNum}}次机会</div>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <div v-if="h5Type == 19 || h5Type == 30">
|
|
|
|
|
+ <!-- 二维码 -->
|
|
|
|
|
+ <div class="qrcode" v-if="qrCodeData.qrCode || qrCodeData.msg">
|
|
|
|
|
+ <img class="qrcode-img" :src="qrCodeData.qrCode" />
|
|
|
|
|
+ <div class="qrcode-msg">{{qrCodeData.msg}}</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="rule">
|
|
|
|
|
- <div class="rule_body">
|
|
|
|
|
- <div class="tabs">
|
|
|
|
|
- <Button class="tab_link" :class="{ 'active': activeName === 'tab1' }"
|
|
|
|
|
- @click="changeTab('tab1')">活动信息</Button>
|
|
|
|
|
- <Button class="tab_link" :class="{ 'active': activeName === 'tab2' }"
|
|
|
|
|
- @click="changeTab('tab2')">抽奖记录</Button>
|
|
|
|
|
|
|
+ <div v-else>
|
|
|
|
|
+ <div class="lotteryPage">
|
|
|
|
|
+ <div class="event_notice" @click="handleRule">
|
|
|
|
|
+ <span>活动须知</span>
|
|
|
</div>
|
|
</div>
|
|
|
- <div v-if="activeName === 'tab1'" class="tab_content record_list" v-html="activeMsg"></div>
|
|
|
|
|
- <div v-if="activeName === 'tab2'" class="record_list">
|
|
|
|
|
- <div class="record_item" v-for="(item, index) in lotteryRecords" :key="index">
|
|
|
|
|
- <img class="record_img" :src="item.img" mode="widthFix" />
|
|
|
|
|
- <div>
|
|
|
|
|
- <div class="prize_name">{{item.name}}</div>
|
|
|
|
|
- <div class="prize_time">{{timeFormat(item.raffleTime)}}</div>
|
|
|
|
|
|
|
+ <div class="prize_content">
|
|
|
|
|
+ <div :class="['prize_item', { actives: isSpinning && index === currentIndex }]"
|
|
|
|
|
+ v-for="(item, index) in prizesList" :key="index">
|
|
|
|
|
+ <img class="prize_img" :src="item.img"></img>
|
|
|
|
|
+ <div>{{item.name}}</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="lottery_btn">
|
|
|
|
|
+ <img class="btn_img" src="./img/btn.png" @click="handleLottery"></img>
|
|
|
|
|
+ <div class="lottery_tip">已抽奖{{useNum}}次,还剩{{remainNum}}次机会</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="rule">
|
|
|
|
|
+ <div class="rule_body">
|
|
|
|
|
+ <div class="tabs">
|
|
|
|
|
+ <Button class="tab_link" :class="{ 'active': activeName === 'tab1' }"
|
|
|
|
|
+ @click="changeTab('tab1')">活动信息</Button>
|
|
|
|
|
+ <Button class="tab_link" :class="{ 'active': activeName === 'tab2' }"
|
|
|
|
|
+ @click="changeTab('tab2')">抽奖记录</Button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div v-if="activeName === 'tab1'" class="tab_content record_list" v-html="activeMsg"></div>
|
|
|
|
|
+ <div v-if="activeName === 'tab2'" class="record_list">
|
|
|
|
|
+ <div class="record_item" v-for="(item, index) in lotteryRecords" :key="index">
|
|
|
|
|
+ <img class="record_img" :src="item.img" mode="widthFix" />
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <div class="prize_name">{{item.name}}</div>
|
|
|
|
|
+ <div class="prize_time">{{timeFormat(item.raffleTime)}}</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <el-button :disabled="item.status == -1 || item.status == 1" class="get_btn"
|
|
|
|
|
+ @click="handleOpenForm(item.id)">{{item.status == 1 ? '已领取' : (item.status == -1 ?
|
|
|
|
|
+ '审核中'
|
|
|
|
|
+ : '领取')}}</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
- <el-button :disabled="item.status == -1 || item.status == 1" class="get_btn"
|
|
|
|
|
- @click="handleOpenForm(item.id)">{{item.status == 1 ? '已领取' : (item.status == -1 ? '审核中'
|
|
|
|
|
- : '领取')}}</el-button>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -578,6 +579,8 @@
|
|
|
<el-button type="primary" @click="handleSaveCar">确 定</el-button>
|
|
<el-button type="primary" @click="handleSaveCar">确 定</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
|
|
+ <el-alert v-if="showError" class="alert_dialog" :title="errorMsg" :closable="false" type="error" show-icon>
|
|
|
|
|
+ </el-alert>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<script>
|
|
<script>
|