爆灯修改

This commit is contained in:
3321822538@qq.com 2025-05-19 18:02:41 +08:00
parent ff73afde18
commit c36536ffdd
4 changed files with 106 additions and 83 deletions

View File

@ -16,7 +16,7 @@ const install = (Vue, vm) => {
// }, // },
// }); // });
Vue.prototype.$u.http.setConfig({ Vue.prototype.$u.http.setConfig({
// baseUrl: 'http://192.168.0.100:4301', // baseUrl: 'http://192.168.0.101:4301',
baseUrl: 'https://bao.chuangtewl.com/prod-api', baseUrl: 'https://bao.chuangtewl.com/prod-api',
loadingText: '努力加载中~', loadingText: '努力加载中~',
loadingTime: 800, loadingTime: 800,

View File

@ -160,7 +160,7 @@
} }
}, },
getlist() { getlist() {
this.$u.get('/bst/hardwareVersion/all').then((res) => { this.$u.get('/bst/model/list').then((res) => {
if (res.code === 200) { if (res.code === 200) {
this.Versionlist = res.data this.Versionlist = res.data
const hardwareVersionId = uni.getStorageSync('hardwareVersionId'); const hardwareVersionId = uni.getStorageSync('hardwareVersionId');

View File

@ -1,15 +1,16 @@
<template> <template>
<view class="page"> <view class="page">
<u-navbar :is-back="false" title="PICK ME UP" :border-bottom="false" back-icon-color="000" :background="bgc" title-color='#fff' title-size='36' <u-navbar :is-back="false" title="Deep" :border-bottom="false" back-icon-color="000" :background="bgc"
height='44' id="navbar"> title-color='#fff' title-size='36' height='44' id="navbar">
</u-navbar> </u-navbar>
<image class="bj" src="https://api.ccttiot.com/smartmeter/img/static/uJSzBJAK42CRQ86bGUms" mode=""></image> <image class="bj" src="https://api.ccttiot.com/smartmeter/img/static/u1dVlFYFsW87hp0Rs014" mode=""></image>
<view class="boxpic"> <view class="boxpic">
<image class="bd" @click="btnbd" src="https://api.ccttiot.com/smartmeter/img/static/uIUgLPLkwzZcTyiXgUfu" mode=""></image> <image class="bd" @click="btnbd" src="https://api.ccttiot.com/smartmeter/img/static/uQdax0INyCWNnNqWXerD"
<view class="bdpic" @click="btnwu"> mode=""></image>
<!-- <view class="bdpic" @click="btnwu">
<image src="https://api.ccttiot.com/smartmeter/img/static/uop0H6ZZWbHH600RkbsA" mode=""></image> <image src="https://api.ccttiot.com/smartmeter/img/static/uop0H6ZZWbHH600RkbsA" mode=""></image>
<image src="https://api.ccttiot.com/smartmeter/img/static/uE714dLumBXvTz7EPOFR" mode=""></image> <image src="https://api.ccttiot.com/smartmeter/img/static/uE714dLumBXvTz7EPOFR" mode=""></image>
</view> </view> -->
</view> </view>
</view> </view>
</template> </template>
@ -72,6 +73,7 @@
} }
}) })
}, },
} }
} }
</script> </script>
@ -81,35 +83,42 @@
background: #fff; background: #fff;
border-radius: 0rpx 0rpx 0rpx 0rpx; border-radius: 0rpx 0rpx 0rpx 0rpx;
} }
/deep/ .u-line-1 { /deep/ .u-line-1 {
padding-bottom: 14rpx; padding-bottom: 14rpx;
} }
.boxpic { .boxpic {
width: 660rpx; width: 500rpx;
margin: auto; margin: auto;
margin-top: 460rpx; margin-top: 460rpx;
.bdpic { .bdpic {
width: 580rpx; width: 580rpx;
margin: auto; margin: auto;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-top: 14rpx; margin-top: 14rpx;
image { image {
width: 274rpx; width: 274rpx;
height: 138rpx; height: 138rpx;
} }
} }
.bd { .bd {
width: 660rpx; width: 500rpx;
height: 330rpx; height: 200rpx;
margin-top: 500rpx;
} }
} }
.bj { .bj {
width: 100%; width: 760rpx;
height: 100vh; height: 110vh;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: -10rpx;
z-index: -1; z-index: -1;
} }
</style> </style>

View File

@ -3,7 +3,8 @@
<u-navbar title=" " :border-bottom="false" :background="bgc" back-icon-color="#fff" title-color='#fff' <u-navbar title=" " :border-bottom="false" :background="bgc" back-icon-color="#fff" title-color='#fff'
title-size='36' height='36' id="navbar" :custom-back="btnfanhui"> title-size='36' height='36' id="navbar" :custom-back="btnfanhui">
</u-navbar> </u-navbar>
<image src="https://api.ccttiot.com/smartmeter/img/static/uFXXFw4LzhA0m6n8Ui4F" class="bj" mode=""></image> <image src="https://api.ccttiot.com/smartmeter/img/static/u1dVlFYFsW87hp0Rs014" class="bj" mode=""></image>
<view class="bjmask"></view>
<view class="jilu neon-button" @click="btnjilu"> <view class="jilu neon-button" @click="btnjilu">
记录 记录
</view> </view>
@ -11,20 +12,20 @@
<image class="czbj" src="https://api.ccttiot.com/smartmeter/img/static/u2FepRO7UQ0k1b5nceB3" mode=""> <image class="czbj" src="https://api.ccttiot.com/smartmeter/img/static/u2FepRO7UQ0k1b5nceB3" mode="">
</image> </image>
<view class="topname"> <view class="topname">
<text class="neon-text">深度酒吧</text> <image src="https://api.ccttiot.com/smartmeter/img/static/uLd99OBSt2ECYX5cNHwn" mode=""></image>
</view> </view>
<view class="line"></view> <view class="line"></view>
<view class="bangding"> <view class="bangding">
<view class="lt"> <view class="lt">
<view class="zhuozi"> <view class="zhuozi">
绑定桌号<text v-if="yonghuobj.boothNo" class="">{{yonghuobj.boothNo}}</text> <text 绑定桌号<text v-if="yonghuobj.boothName" class="">{{yonghuobj.boothName}}</text> <text
v-else>未绑定</text> v-else>未绑定</text>
</view> </view>
<view class="sm"> <view class="sm">
绑定桌号即可解锁对应桌台的爆灯器 绑定桌号即可解锁对应桌台的爆灯器
</view> </view>
</view> </view>
<view v-if="yonghuobj.boothNo" class="rt" @click="jbflag = true"> <view v-if="yonghuobj.boothName" class="rt" @click="jbflag = true">
解绑/换绑 <image src="https://api.ccttiot.com/smartmeter/img/static/uYIshjyTMzRFKve7Ensk" mode=""> 解绑/换绑 <image src="https://api.ccttiot.com/smartmeter/img/static/uYIshjyTMzRFKve7Ensk" mode="">
</image> </image>
</view> </view>
@ -37,20 +38,20 @@
剩余爆灯次数<text 剩余爆灯次数<text
style="font-size: 50rpx;font-weight: 600;">{{shengyuobj.number == null ? '0' : shengyuobj.number}}</text> style="font-size: 50rpx;font-weight: 600;">{{shengyuobj.number == null ? '0' : shengyuobj.number}}</text>
</view> </view>
<view v-if="yonghuobj.boothNo" @click="btnbaodeng" class="cishu breathing-light" <view v-if="yonghuobj.boothName" @click="btnbaodeng" class="cishu breathing-light"
style="width: 254rpx;height: 254rpx;color: #fff;margin: auto;margin-top: 20rpx;display: flex;align-items: center;justify-content: center;position: relative;"> style="width: 254rpx;height: 254rpx;color: #fff;margin: auto;margin-top: 20rpx;display: flex;align-items: center;justify-content: center;position: relative;">
<image v-if="shengyuobj.number > 0" class="breathing-image" <image v-if="shengyuobj.number > 0" class="breathing-image"
style="position: absolute;top: 0;left: 0;width: 254rpx;height: 254rpx;z-index: -1;" style="position: absolute;top: 0;left: 0;width: 254rpx;height: 254rpx;z-index: -1;"
src="https://api.ccttiot.com/smartmeter/img/static/ugbdwIqEsZgiFz1KwCpi" mode=""></image> src="https://api.ccttiot.com/smartmeter/img/static/uw0QKoMF30vahW7o1YPU" mode=""></image>
<image v-else style="position: absolute;top: 0;left: 0;width: 254rpx;height: 254rpx;z-index: -1;" <image v-else style="position: absolute;top: 0;left: 0;width: 254rpx;height: 254rpx;z-index: -1;"
src="https://api.ccttiot.com/smartmeter/img/static/ukE7dIDdXOHlAVHVqpWW" mode=""></image> src="https://api.ccttiot.com/smartmeter/img/static/u0piVrPcUak8yM6mMziR" mode=""></image>
</view> </view>
<view v-else class="cishu breathing-light" <view v-else class="cishu breathing-light"
style="width: 254rpx;height: 254rpx;color: #fff;margin: auto;margin-top: 20rpx;display: flex;align-items: center;justify-content: center;position: relative;"> style="width: 254rpx;height: 254rpx;color: #fff;margin: auto;margin-top: 20rpx;display: flex;align-items: center;justify-content: center;position: relative;">
<image class="" style="position: absolute;top: 0;left: 0;width: 254rpx;height: 254rpx;z-index: -1;" <image class="" style="position: absolute;top: 0;left: 0;width: 254rpx;height: 254rpx;z-index: -1;"
src="https://api.ccttiot.com/smartmeter/img/static/ukE7dIDdXOHlAVHVqpWW" mode=""></image> src="https://api.ccttiot.com/smartmeter/img/static/u0piVrPcUak8yM6mMziR" mode=""></image>
</view> </view>
<view v-if="yonghuobj.boothNo" @click="btnbaodeng" class="neon-text-small" <view v-if="yonghuobj.boothName" @click="btnbaodeng" class="neon-text-small"
style="width: 100%;text-align: center;margin-top: 30rpx;"> style="width: 100%;text-align: center;margin-top: 30rpx;">
{{countdown > 0 ? `请等待${countdown}秒后再点击` : '点击爆灯'}} {{countdown > 0 ? `请等待${countdown}秒后再点击` : '点击爆灯'}}
</view> </view>
@ -67,7 +68,7 @@
绑定桌号 绑定桌号
</view> </view>
<view class="d15"> <view class="d15">
{{yonghuobj.boothNo}} {{yonghuobj.boothName == null ? '--' : yonghuobj.boothName}}
</view> </view>
</view> </view>
<view class="jcbd" @click="btnjiebang"> <view class="jcbd" @click="btnjiebang">
@ -120,7 +121,6 @@
</view> </view>
</view> </view>
<view class="mask" v-if="smflag"></view> <view class="mask" v-if="smflag"></view>
</view> </view>
</template> </template>
@ -165,6 +165,7 @@
const sceneValue = option.q const sceneValue = option.q
const decodedValue = decodeURIComponent(sceneValue) const decodedValue = decodeURIComponent(sceneValue)
this.kazuoid = getQueryParam(decodedValue, 'k') this.kazuoid = getQueryParam(decodedValue, 'k')
console.log(this.kazuoid,option.q);
if (!this.kazuoid) { if (!this.kazuoid) {
uni.showModal({ uni.showModal({
title: '提示', title: '提示',
@ -268,7 +269,7 @@
mask: true mask: true
}) })
that.$u.put( that.$u.put(
`/app/booth/userChangeBind?usingBoothNo=${that.yonghuobj.boothNo}&changeBoothNo=${that.kazuoid}` `/app/booth/userChangeBind?usingBoothId=${that.yonghuobj.boothId}&changeBoothId=${that.kazuoid}`
).then(res => { ).then(res => {
uni.hideLoading() uni.hideLoading()
if (res.code == 200) { if (res.code == 200) {
@ -326,7 +327,7 @@
success: function(res) { success: function(res) {
if (res.confirm) { if (res.confirm) {
console.log('用户点击确定') console.log('用户点击确定')
that.$u.put(`/app/booth/${that.yonghuobj.boothNo}/unbind`).then(res => { that.$u.put(`/app/booth/${that.yonghuobj.boothId}/unbind`).then(res => {
uni.hideLoading() uni.hideLoading()
if (res.code == 200) { if (res.code == 200) {
that.smflag = false that.smflag = false
@ -631,6 +632,7 @@
const sceneValue = res.result const sceneValue = res.result
const decodedValue = decodeURIComponent(sceneValue) const decodedValue = decodeURIComponent(sceneValue)
this.kazuoid = getQueryParam(decodedValue, 'k') this.kazuoid = getQueryParam(decodedValue, 'k')
console.log(this.kazuoid,res);
if (!this.kazuoid) { if (!this.kazuoid) {
uni.showModal({ uni.showModal({
title: '提示', title: '提示',
@ -693,6 +695,7 @@
} }
}) })
} }
} }
} }
</script> </script>
@ -1170,11 +1173,12 @@
font-weight: 600; font-weight: 600;
font-size: 44rpx; font-size: 44rpx;
color: #3D3D3D; color: #3D3D3D;
padding-top: 94rpx; padding-top: 64rpx;
box-sizing: border-box; box-sizing: border-box;
padding-bottom: 62rpx; image{
box-sizing: border-box; width: 232rpx;
height: 138rpx;
}
.neon-text { .neon-text {
background: linear-gradient(90deg, #FF00FF, #00FFFF, #FF00FF, #00FFFF); background: linear-gradient(90deg, #FF00FF, #00FFFF, #FF00FF, #00FFFF);
background-size: 300% 100%; background-size: 300% 100%;
@ -1183,6 +1187,7 @@
animation: neonGradient 3s linear infinite; animation: neonGradient 3s linear infinite;
text-shadow: 0 0 10rpx rgba(255, 0, 255, 0.5), text-shadow: 0 0 10rpx rgba(255, 0, 255, 0.5),
0 0 20rpx rgba(0, 255, 255, 0.5); 0 0 20rpx rgba(0, 255, 255, 0.5);
} }
} }
@ -1219,14 +1224,23 @@
} }
.bj { .bj {
width: 100%; width: 760rpx;
height: 100vh; height: 100vh;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: -10rpx;
z-index: -1; z-index: -2;
}
}
.bjmask{
width: 100%;
height: 100vh;
position: fixed;
z-index: -1;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, .3);
}
.breathing-light { .breathing-light {
.breathing-image { .breathing-image {
animation: breathing 2s ease-in-out infinite; animation: breathing 2s ease-in-out infinite;