爆灯修改
This commit is contained in:
parent
ff73afde18
commit
c36536ffdd
|
@ -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,
|
||||||
|
|
|
@ -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');
|
||||||
|
|
|
@ -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>
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user