爆灯修改
This commit is contained in:
parent
ff73afde18
commit
c36536ffdd
|
@ -16,10 +16,10 @@ const install = (Vue, vm) => {
|
|||
// },
|
||||
// });
|
||||
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',
|
||||
loadingText: '努力加载中~',
|
||||
loadingTime: 800,
|
||||
loadingTime: 800,
|
||||
// 设置自定义头部content-type
|
||||
header: {
|
||||
'content-type': 'application/json;charset=UTF-8',
|
||||
|
|
|
@ -160,7 +160,7 @@
|
|||
}
|
||||
},
|
||||
getlist() {
|
||||
this.$u.get('/bst/hardwareVersion/all').then((res) => {
|
||||
this.$u.get('/bst/model/list').then((res) => {
|
||||
if (res.code === 200) {
|
||||
this.Versionlist = res.data
|
||||
const hardwareVersionId = uni.getStorageSync('hardwareVersionId');
|
||||
|
|
|
@ -1,16 +1,17 @@
|
|||
<template>
|
||||
<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'
|
||||
height='44' id="navbar">
|
||||
<u-navbar :is-back="false" title="Deep" :border-bottom="false" back-icon-color="000" :background="bgc"
|
||||
title-color='#fff' title-size='36' height='44' id="navbar">
|
||||
</u-navbar>
|
||||
<image class="bj" src="https://api.ccttiot.com/smartmeter/img/static/uJSzBJAK42CRQ86bGUms" mode=""></image>
|
||||
<view class="boxpic">
|
||||
<image class="bd" @click="btnbd" src="https://api.ccttiot.com/smartmeter/img/static/uIUgLPLkwzZcTyiXgUfu" mode=""></image>
|
||||
<view class="bdpic" @click="btnwu">
|
||||
<image class="bj" src="https://api.ccttiot.com/smartmeter/img/static/u1dVlFYFsW87hp0Rs014" mode=""></image>
|
||||
<view class="boxpic">
|
||||
<image class="bd" @click="btnbd" src="https://api.ccttiot.com/smartmeter/img/static/uQdax0INyCWNnNqWXerD"
|
||||
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/uE714dLumBXvTz7EPOFR" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
@ -19,17 +20,17 @@
|
|||
export default {
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: "#000",
|
||||
},
|
||||
bgc: {
|
||||
backgroundColor: "#000",
|
||||
},
|
||||
}
|
||||
},
|
||||
},
|
||||
onLoad(option) {
|
||||
console.log(option,uni.getStorageSync('type'));
|
||||
if(uni.getStorageSync('type')){
|
||||
console.log(option, uni.getStorageSync('type'));
|
||||
if (uni.getStorageSync('type')) {
|
||||
console.log(1);
|
||||
uni.removeStorageSync('type')
|
||||
}else{
|
||||
} else {
|
||||
xBlufi.initXBlufi(1)
|
||||
}
|
||||
},
|
||||
|
@ -39,39 +40,40 @@
|
|||
})
|
||||
},
|
||||
methods: {
|
||||
// 点击提示暂无功能
|
||||
btnwu(){
|
||||
uni.showToast({
|
||||
title: '当前功能暂未开放',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
})
|
||||
},
|
||||
// 点击跳转到爆灯
|
||||
btnbd(){
|
||||
this.$u.get(`/getInfo`).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.navigateTo({
|
||||
url:'/pages/myorder/index'
|
||||
})
|
||||
}else if(res.code == 401){
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '你还未登录,是否去登录?',
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
console.log('用户点击确定')
|
||||
uni.reLaunch({
|
||||
url:'/pages/login/login'
|
||||
})
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消')
|
||||
}
|
||||
}
|
||||
// 点击提示暂无功能
|
||||
btnwu() {
|
||||
uni.showToast({
|
||||
title: '当前功能暂未开放',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
})
|
||||
},
|
||||
// 点击跳转到爆灯
|
||||
btnbd() {
|
||||
this.$u.get(`/getInfo`).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/myorder/index'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
} else if (res.code == 401) {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '你还未登录,是否去登录?',
|
||||
success: function(res) {
|
||||
if (res.confirm) {
|
||||
console.log('用户点击确定')
|
||||
uni.reLaunch({
|
||||
url: '/pages/login/login'
|
||||
})
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消')
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
@ -81,35 +83,42 @@
|
|||
background: #fff;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
}
|
||||
/deep/ .u-line-1{
|
||||
|
||||
/deep/ .u-line-1 {
|
||||
padding-bottom: 14rpx;
|
||||
}
|
||||
.boxpic{
|
||||
width: 660rpx;
|
||||
|
||||
.boxpic {
|
||||
width: 500rpx;
|
||||
margin: auto;
|
||||
margin-top: 460rpx;
|
||||
.bdpic{
|
||||
|
||||
.bdpic {
|
||||
width: 580rpx;
|
||||
margin: auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 14rpx;
|
||||
image{
|
||||
|
||||
image {
|
||||
width: 274rpx;
|
||||
height: 138rpx;
|
||||
}
|
||||
}
|
||||
.bd{
|
||||
width: 660rpx;
|
||||
height: 330rpx;
|
||||
|
||||
.bd {
|
||||
width: 500rpx;
|
||||
height: 200rpx;
|
||||
margin-top: 500rpx;
|
||||
}
|
||||
}
|
||||
.bj{
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
|
||||
.bj {
|
||||
width: 760rpx;
|
||||
height: 110vh;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
left: -10rpx;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
|
@ -3,7 +3,8 @@
|
|||
<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">
|
||||
</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>
|
||||
|
@ -11,20 +12,20 @@
|
|||
<image class="czbj" src="https://api.ccttiot.com/smartmeter/img/static/u2FepRO7UQ0k1b5nceB3" mode="">
|
||||
</image>
|
||||
<view class="topname">
|
||||
<text class="neon-text">深度酒吧</text>
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uLd99OBSt2ECYX5cNHwn" mode=""></image>
|
||||
</view>
|
||||
<view class="line"></view>
|
||||
<view class="bangding">
|
||||
<view class="lt">
|
||||
<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>
|
||||
</view>
|
||||
<view class="sm">
|
||||
绑定桌号,即可解锁对应桌台的爆灯器
|
||||
</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>
|
||||
</view>
|
||||
|
@ -37,20 +38,20 @@
|
|||
剩余爆灯次数:<text
|
||||
style="font-size: 50rpx;font-weight: 600;">{{shengyuobj.number == null ? '0' : shengyuobj.number}}</text>次
|
||||
</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;">
|
||||
<image v-if="shengyuobj.number > 0" class="breathing-image"
|
||||
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;"
|
||||
src="https://api.ccttiot.com/smartmeter/img/static/ukE7dIDdXOHlAVHVqpWW" mode=""></image>
|
||||
src="https://api.ccttiot.com/smartmeter/img/static/u0piVrPcUak8yM6mMziR" mode=""></image>
|
||||
</view>
|
||||
<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;">
|
||||
<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 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;">
|
||||
{{countdown > 0 ? `请等待${countdown}秒后再点击` : '点击爆灯'}}
|
||||
</view>
|
||||
|
@ -67,7 +68,7 @@
|
|||
绑定桌号
|
||||
</view>
|
||||
<view class="d15">
|
||||
{{yonghuobj.boothNo}}
|
||||
{{yonghuobj.boothName == null ? '--' : yonghuobj.boothName}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="jcbd" @click="btnjiebang">
|
||||
|
@ -120,7 +121,6 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="mask" v-if="smflag"></view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
@ -165,6 +165,7 @@
|
|||
const sceneValue = option.q
|
||||
const decodedValue = decodeURIComponent(sceneValue)
|
||||
this.kazuoid = getQueryParam(decodedValue, 'k')
|
||||
console.log(this.kazuoid,option.q);
|
||||
if (!this.kazuoid) {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
|
@ -268,7 +269,7 @@
|
|||
mask: true
|
||||
})
|
||||
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 => {
|
||||
uni.hideLoading()
|
||||
if (res.code == 200) {
|
||||
|
@ -326,7 +327,7 @@
|
|||
success: function(res) {
|
||||
if (res.confirm) {
|
||||
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()
|
||||
if (res.code == 200) {
|
||||
that.smflag = false
|
||||
|
@ -631,6 +632,7 @@
|
|||
const sceneValue = res.result
|
||||
const decodedValue = decodeURIComponent(sceneValue)
|
||||
this.kazuoid = getQueryParam(decodedValue, 'k')
|
||||
console.log(this.kazuoid,res);
|
||||
if (!this.kazuoid) {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
|
@ -693,6 +695,7 @@
|
|||
}
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
@ -1170,11 +1173,12 @@
|
|||
font-weight: 600;
|
||||
font-size: 44rpx;
|
||||
color: #3D3D3D;
|
||||
padding-top: 94rpx;
|
||||
padding-top: 64rpx;
|
||||
box-sizing: border-box;
|
||||
padding-bottom: 62rpx;
|
||||
box-sizing: border-box;
|
||||
|
||||
image{
|
||||
width: 232rpx;
|
||||
height: 138rpx;
|
||||
}
|
||||
.neon-text {
|
||||
background: linear-gradient(90deg, #FF00FF, #00FFFF, #FF00FF, #00FFFF);
|
||||
background-size: 300% 100%;
|
||||
|
@ -1183,6 +1187,7 @@
|
|||
animation: neonGradient 3s linear infinite;
|
||||
text-shadow: 0 0 10rpx rgba(255, 0, 255, 0.5),
|
||||
0 0 20rpx rgba(0, 255, 255, 0.5);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -1219,14 +1224,23 @@
|
|||
}
|
||||
|
||||
.bj {
|
||||
width: 100%;
|
||||
width: 760rpx;
|
||||
height: 100vh;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
left: -10rpx;
|
||||
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-image {
|
||||
animation: breathing 2s ease-in-out infinite;
|
||||
|
|
Loading…
Reference in New Issue
Block a user