xinyi/kaiguan-zfb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

支付大修改 流程走完

Browse Source
This commit is contained in:
3321822538@qq.com 2024-08-16 22:23:20 +08:00
parent 69db39deef
commit 668ea4b48f
12 changed files with 1704 additions and 548 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
common/http.interceptor.js
View File

@ -19,8 +19,8 @@ const install = (Vue, vm) => {
// },
// });
Vue.prototype.$u.http.setConfig({
// baseUrl: 'http://192.168.2.143:10002',
baseUrl: 'https://kg.chuangtewl.com/prod-api',
baseUrl: 'http://192.168.2.143:10002',
// baseUrl: 'https://kg.chuangtewl.com/prod-api',
// loadingText: '努力加载中~',
// loadingTime: 1000,
// 设置自定义头部content-type

13
page_components/bindsz.vue
View File

@ -16,17 +16,20 @@
<view class="icon">
<view class="imgbox" v-if="userImgs">
<view
style="border: 0;outline: none;width: 143rpx;padding-left: 0rpx;height: 143rpx;border-radius: 16rpx;"
style="border: 0;outline: none;padding-left: 0rpx;border-radius: 16rpx;"
@click="getImage">
<image style="border-radius: 10rpx;" :src="userImgs" mode="aspectFit"></image>
</view>
</view>
<view class="imgbox" v-else>
<view class="imgbox"v-else>
<view
style="border: 0;outline: none;width: 143rpx;padding-left: 0rpx;height: 143rpx;border-radius: 16rpx;"
style="border: 0;outline: none;padding-left: 0rpx;border-radius: 16rpx;"
@click="getImage">
<image src="https://api.ccttiot.com/smartmeter/img/static/uY8CPw9YE6JxPzcHUaqf"
<image style="width: 100rpx;height: 100rpx;margin-left: 76rpx;margin-top: 50rpx;" src="https://api.ccttiot.com/smartmeter/img/static/urkb8tICILUpvA86HoxB"
mode="aspectFit"></image>
<view class="" style="width: 100%;text-align: center;margin-top: 15rpx;">
上传设备主图
</view>
</view>
</view>
<!-- 截图 -->
@ -961,7 +964,7 @@
.imgbox {
width: 250rpx;
height: 250rpx;
// background: #EDEDED;
background: #EDEDED;
border-radius: 10rpx 10rpx 10rpx 10rpx;
image {

1404
page_components/eletj.vue
View File

File diff suppressed because it is too large Load Diff

375
page_components/fuwu/index.vue
View File

@ -66,13 +66,20 @@
</view> -->
</view>
<view class="rt" style="margin-top: 10rpx;font-size: 28rpx;">
<!-- 按时计费（单次收费）：{{item.value}}<text v-if="item.timeUnit == 2">时</text> <text v-if="item.timeUnit == 3">分钟</text> <text v-if="item.timeUnit == 4">秒</text>{{item.price}}元 -->
收费：{{item.value}}<text v-if="item.timeUnit == 2">时</text> <text v-if="item.timeUnit == 3">分钟</text> <text v-if="item.timeUnit == 4">秒</text>{{item.price}}元
<text v-if="item.feeType == 1">计时收费</text>
<text v-if="item.feeType == 2">按量收费</text>
<text v-if="item.feeType == 3">分时段按量收费</text>
<text v-if="item.feeType == 4">分时段按时收费</text>
（{{item.feeMode == 1 ? '单次收费' : '智能收费'}}）：
<text v-if="item.feeType == 1">{{item.value}}<text v-if="item.timeUnit == 2">时</text> <text v-if="item.timeUnit == 3">分钟</text> <text v-if="item.timeUnit == 4">秒</text> {{item.price}}元</text>
<text v-if="item.feeType == 2">{{item.value}}度{{item.price}}元</text>
<text v-if="item.feeType == 3 || item.feeType == 4">押金{{item.price}}元</text>
</view>
<!-- <view class="" style="margin-top: 10rpx;color: #8883F0;font-size: 28rpx;">
<view class="" style="margin-top: 10rpx;color: #8883F0;font-size: 28rpx;" v-if="item.feeMode == 2">
完成订单后押金将自动退还
</view> -->
<!-- <view class="" style="width: 100%">
</view>
<view class="" style="width: 100%" v-if="item.feeType == 3 || item.feeType == 4">
<u-collapse>
<u-collapse-item title="收费详情">
<view class="" style="margin-bottom: 6rpx;font-size: 24rpx;">
@ -80,37 +87,19 @@
</view>
<view class="ulbox">
<view class="ulli">
<view class="li">
1元
</view>
<view class="li">
2元
</view>
<view class="li">
3元
</view>
<view class="li">
4元
<view class="li" v-for="(val,gearAmountindex) in item.arr" :key="gearAmountindex">
{{val}}元
</view>
</view>
<view class="olli">
<view class="li">
20:00~07:00
</view>
<view class="li">
08:00~11:00
</view>
<view class="li">
12:00~15:00
</view>
<view class="li">
16:00~19:00
</view>
<view class="li" v-for="(vals,timeindex) in 24" :key="timeindex">
{{timeindex + ':00'}}
</view>
</view>
</view>
</u-collapse-item>
</u-collapse>
</view> -->
</view>
<view class="" style="margin-top: 10rpx;">
套餐说明：{{item.description == null ? '无' : item.description}}
</view>
@ -193,7 +182,13 @@
suitTimeUnit:'',
zfflag:true,
prices:'',
sceneValue:''
sceneValue:'',
suitFeeMode:'',
suitFeeType:'',
suitGearAmount:[],
suitGearTime:[],
suitPrice:'',
payNo:''
}
},
onLoad(option) {
@ -421,7 +416,8 @@
getmac() {
this.$u.get(`/app/device/${this.id}/bySn`).then((res) => {
if (res.code == 200) {
this.mac = 'CTKG-' + res.data.mac
// this.mac = 'CTKG-' + res.data.mac
this.mac = res.data.mac
this.onlineStatus = res.data.onlineStatus
}
})
@ -441,9 +437,27 @@
} else {
this.expireTimeStr = '1'
}
if(res.data.suitList){
this.mapGearTimeToGearAmount(res.data.suitList)
}
// console.log(res.data.suitList,'1212');
}
})
},
mapGearTimeToGearAmount(suitList) {
// 遍历 suitList 数组
suitList.forEach(suit => {
const gearTime = suit.gearTime;
const gearAmount = suit.gearAmount;
const arr = new Array(gearTime.length).fill(null);
gearTime.forEach((time, index) => {
if (time >= 0 && time < gearAmount.length) {
arr[index] = gearAmount[time];
}
});
suit.arr = arr;
});
},
btnzhifu() {
if (this.checked == false) {
uni.showToast({
@ -465,30 +479,78 @@
suitId: that.zfobj.suitId,
money: that.zfobj.price,
suitTime: that.zfobj.value,
suitTimeUnit:that.suitTimeUnit
suitTimeUnit:that.suitTimeUnit,
suitFeeMode:that.suitFeeMode,
suitFeeType:that.suitFeeType,
suitGearAmount:that.suitGearAmount,
suitGearTime:that.suitGearTime,
suitPrice:that.suitPrice
}
that.$u.post('/app/bill/recharge', data).then((res) => {
if (res.code == 200) {
that.orderno = res.data
// console.log(this.prices);
if(this.prices == 0){
that.$u.put(`/app/bill/${that.orderno}/refreshPayResult`).then(res => {})
// 支付成功逻辑
uni.reLaunch({
url: '/pages/shouye/index'
// if(this.prices == 0){
// 0元购
// that.$u.put(`/app/bill/${that.orderno}/refreshPayResult`).then(res => {})
// // 支付成功逻辑
// uni.reLaunch({
// url: '/pages/shouye/index'
// })
// uni.setStorageSync('time', that.expireTimeStr)
// }
if(this.suitFeeType == 3 || this.suitFeeType == 4){
let data = {
billNo:that.orderno,
channelId:1
}
that.$u.put(`/app/bill/payDeposit`,data).then(res => {
if(res.code == 200){
that.payNo = res.data.payBill.payNo
uni.requestPayment({
provider: 'wxpay',
timeStamp: res.data.payParams.timeStamp,
nonceStr: res.data.payParams.nonceStr,
package: res.data.payParams.packageVal,
signType: res.data.payParams.signType,
paySign: res.data.payParams.paySign,
success: (res) => {
this.zhifuflag = true
// console.log(res, '支付成功')
if (that.timer) {
clearInterval(this.timer)
that.timer = null;
}
that.$u.put(`/app/bill/${that.payNo}/refreshPayResult`).then(res => {})
// 支付成功逻辑
uni.reLaunch({
// url: '/pages/shouye/index'
url:'/page_components/eletj?id=' + that.orderno
})
uni.setStorageSync('time', that.expireTimeStr)
},
fail(err) {
this.zhifuflag = true
// 支付失败逻辑
uni.showToast({
title: '支付失败',
icon: 'none',
duration: 2000
})
}
})
}
})
uni.setStorageSync('time', that.expireTimeStr)
}else{
// console.log('不是0元购');
that.$u.get(`/app/pay/wx/${that.orderno}`).then((res) => {
if (res.code == 200) {
uni.requestPayment({
provider: 'wxpay',
timeStamp: res.data.timeStamp,
nonceStr: res.data.nonceStr,
package: res.data.packageVal,
signType: res.data.signType,
paySign: res.data.paySign,
timeStamp: res.data.payParams.timeStamp,
nonceStr: res.data.payParams.nonceStr,
package: res.data.payParams.packageVal,
signType: res.data.payParams.signType,
paySign: res.data.payParams.paySign,
success: (res) => {
this.zhifuflag = true
// console.log(res, '支付成功')
@ -499,7 +561,7 @@
that.$u.put(`/app/bill/${that.orderno}/refreshPayResult`).then(res => {})
// 支付成功逻辑
uni.reLaunch({
url: '/pages/shouye/index'
url:'/page_components/eletj?id=' + that.orderno
})
uni.setStorageSync('time', that.expireTimeStr)
},
@ -510,17 +572,22 @@
title: '支付失败',
icon: 'none',
duration: 2000
});
})
}
})
}
})
}
x
} else if (res.code == 401) {
uni.reLaunch({
url: '/pages/login/login'
})
}else if(res.code == 500){
uni.showToast({
title:res.msg,
icon: 'none',
duration: 2000
});
}
})
} else {
@ -549,13 +616,10 @@ x
}, 2000)
uni.showModal({
title: '温馨提示',
content: '检测到该设备未联网,为您切换为蓝牙模式,支付的时候靠近该设备,并打开蓝牙',
success: function(res) {
if (res.confirm) {
} else if (res.cancel) {
console.log('用户点击了取消')
}
content: `检测到该设备未联网,为您切换为蓝牙模式,支付的时候靠近该设备,并打开蓝牙`,
showCancel: false,
success: function (res) {
}
})
} else {
@ -566,62 +630,153 @@ x
suitId: that.zfobj.suitId,
money: that.zfobj.price,
suitTime: that.zfobj.value,
suitTimeUnit:that.suitTimeUnit
suitTimeUnit:that.suitTimeUnit,
suitFeeMode:that.suitFeeMode,
suitFeeType:that.suitFeeType,
suitGearAmount:that.suitGearAmount,
suitGearTime:that.suitGearTime,
suitPrice:that.suitPrice
}
that.$u.post('/app/bill/recharge', data).then((res) => {
if (res.code == 200) {
that.orderno = res.data
if(this.prices == 0){
that.$u.get('/app/bill/recharge/device/fail/list').then(res => {
if (res.code == 200) {
// console.log('获取订单状态',res);
let dingobj = res.data[0].billNo
// console.log(dingobj,'订单号');
uni.getNetworkType({
success(res) {
if (res.networkType !== 'none') {
uni.getConnectedBluetoothDevices({
success(res) {
xBlufi.notifySendCustomData({
customData: "time@" + that.jine
})
},
fail(err) {
console.error('获取已连接蓝牙设备信息失败：',err)
}
})
that.$u.get(`/app/bill/recharge/${dingobj}/bluetoothSuccess`).then(res => {
if(this.suitFeeType == 3 || this.suitFeeType == 4){
let data = {
billNo:that.orderno,
channelId:1
}
that.$u.put(`/app/bill/payDeposit`,data).then((res) => {
if (res.code == 200) {
that.payNo = res.data.payBill.payNo
uni.requestPayment({
provider: 'wxpay',
timeStamp: res.data.payParams.timeStamp,
nonceStr: res.data.payParams.nonceStr,
package: res.data.payParams.packageVal,
signType: res.data.payParams.signType,
paySign: res.data.payParams.paySign,
success: (res) => {
// console.log(res, '支付成功');
if (that.timer) {
clearInterval(this.timer);
that.timer = null;
}
// 111111111111111111111111
that.$u.put(`/app/payBill/${that.payNo}/refreshPayResult`).then(res =>{
// if(res.code == 200){
that.$u.get(`/app/bill/byNo/${that.orderno}`).then(res => {
if (res.code == 200) {
this.zhifuflag = true
console.log('蓝牙离线充值成功')
setTimeout(() => {
uni.reLaunch({
url: '/pages/shouye/index'
if(res.data.status == 9){
uni.getNetworkType({
success(res) {
if (res.networkType !== 'none') {
uni.getConnectedBluetoothDevices({
success(res) {
that.jzflag = true
that.startLoading()
setTimeout(()=> {
xBlufi.notifySendCustomData({
customData: 'open'
})
setTimeout(() => {
that.zhifuflag = true
uni.reLaunch({
// url: '/pages/shouye/index'
url:'/page_components/eletj?id=' + that.orderno
})
},1000)
},1500)
},
fail(err) {
console.error('获取已连接蓝牙设备信息失败：',err)
}
})
} else {
console.log('手机未连接网络')
// this.baiflag = false
}
}
})
},1000)
}else{
uni.showToast({
title: '支付失败',
icon: 'none',
duration: 2000
});
}
}
})
} else {
console.log('手机未连接网络')
// this.baiflag = false
}
// }
})
// 支付成功逻辑
uni.setStorageSync('time', that.expireTimeStr)
},
fail(err) {
this.zhifuflag = true
setTimeout(() => {
this.czflag = false
uni.hideLoading()
}, 500)
// 支付失败逻辑
uni.showToast({
title: '支付失败',
icon: 'none',
duration: 2000
});
}
})
}
})
}
})
// that.$u.get('/app/bill/recharge/device/fail/list').then(res => {
// if (res.code == 200) {
// // console.log('获取订单状态',res);
// let dingobj = res.data[0].billNo
// // console.log(dingobj,'订单号');
// uni.getNetworkType({
// success(res) {
// if (res.networkType !== 'none') {
// uni.getConnectedBluetoothDevices({
// success(res) {
// xBlufi.notifySendCustomData({
// customData: "time@" + that.jine
// })
// },
// fail(err) {
// console.error('获取已连接蓝牙设备信息失败：',err)
// }
// })
// that.$u.get(`/app/bill/recharge/${dingobj}/bluetoothSuccess`).then(res => {
// if (res.code == 200) {
// this.zhifuflag = true
// console.log('蓝牙离线充值成功')
// setTimeout(() => {
// uni.reLaunch({
// url: '/pages/shouye/index'
// })
// },1000)
// }
// })
// } else {
// console.log('手机未连接网络')
// // this.baiflag = false
// }
// }
// })
// }
// })
// 11111111111111111111111
// 支付成功逻辑
uni.setStorageSync('time', that.expireTimeStr)
// uni.setStorageSync('time', that.expireTimeStr)
}else{
that.$u.get(`/app/pay/wx/${that.orderno}`).then((res) => {
if (res.code == 200) {
uni.requestPayment({
provider: 'wxpay',
timeStamp: res.data.timeStamp,
nonceStr: res.data.nonceStr,
package: res.data.packageVal,
signType: res.data.signType,
paySign: res.data.paySign,
timeStamp: res.data.payParams.timeStamp,
nonceStr: res.data.payParams.nonceStr,
package: res.data.payParams.packageVal,
signType: res.data.payParams.signType,
paySign: res.data.payParams.paySign,
success: (res) => {
// console.log(res, '支付成功');
if (that.timer) {
@ -630,7 +785,7 @@ x
}
// 111111111111111111111111
that.$u.put(`/app/bill/${that.orderno}/refreshPayResult`).then(res =>{
if(res.code == 200){
// if(res.code == 200){
that.$u.get('/app/bill/recharge/device/fail/list').then(res => {
if (res.code == 200) {
console.log('获取订单状态',res);
@ -659,7 +814,7 @@ x
console.log('蓝牙离线充值成功11')
setTimeout(() => {
uni.reLaunch({
url: '/pages/shouye/index'
url:'/page_components/eletj?id=' + that.orderno
})
},1000)
}
@ -672,7 +827,7 @@ x
})
}
})
}
// }
})
// 支付成功逻辑
uni.setStorageSync('time', that.expireTimeStr)
@ -694,10 +849,12 @@ x
}
})
}
} else if (res.code == 401) {
uni.reLaunch({
url: '/pages/login/login'
})
} else if (res.code == 500) {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
} else {
this.czflag = false
}
@ -724,6 +881,11 @@ x
this.zfobj = item
this.indexactive = item.suitId
this.suitTimeUnit = item.timeUnit
this.suitPrice = item.price
this.suitGearAmount = item.gearAmount
this.suitGearTime = item.gearTime
this.suitFeeMode = item.feeMode
this.suitFeeType = item.feeType
if(item.timeUnit == 1){
this.jine = item.value * 24 * 60 * 60
}else if(item.timeUnit == 2){
@ -741,14 +903,14 @@ x
// 获取附近蓝牙设备列表
funListenDeviceMsgEvent: function(options) {
switch (options.type) {
switch (options.type) {
case xBlufi.XBLUFI_TYPE.TYPE_GET_DEVICE_LISTS:
if (options.result) {
let devicesarr = options.data
console.log(devicesarr,this.mac,'111');
devicesarr.forEach(device => {
const mac = device.name.substring(4);
// console.log(device.name,this.mac,'111');
if (device.name == this.mac) {
if (device.name.slice(5, 17) == this.mac.slice(5, 17)) {
this.deviceId = device.deviceId
this.name = device.name
// console.log(device.name,this.mac,'222');
@ -884,10 +1046,12 @@ x
}
.ulbox{
width: 100%;
overflow: scroll;
.ulli{
display: flex;
width: 170vh;
.li{
width: 25%;
flex: 1;
border: 1rpx solid #ccc;
text-align: center;
font-size: 32rpx;
@ -898,8 +1062,9 @@ x
}
.olli{
display: flex;
width: 170vh;
.li{
width: 25%;
flex: 1;
border: 1rpx solid #ccc;
text-align: center;
font-size: 22rpx;

10
page_fenbao/chongzhi.vue
View File

@ -139,13 +139,15 @@
this.sn = JSON.parse(e.dingobj)
if (this.sn.length >= 1) {
this.jine = uni.getStorageSync('time')
this.mac = 'CTKG-' + this.sn[0].deviceMac
// this.mac = 'CTKG-' + this.sn[0].deviceMac
this.mac = this.sn[0].deviceMac
this.billNo = this.sn[0].billNo
this.jine = this.jine + this.sn[0].suitTime
} else {
this.jine = uni.getStorageSync('time')
this.billNo = this.sn.billNo
this.mac = 'CTKG-' + this.sn.deviceMac
// this.mac = 'CTKG-' + this.sn.deviceMac
this.mac = this.sn.deviceMac
this.jine = this.jine + this.sn.suitTime
}
@ -215,7 +217,7 @@
// let macFromName = device.name.substring(device.name.length - 12);
// console.log(macFromName);
// 与 this.mac 进行比较
if (device.name == this.mac) {
if (device.name.slice(5, 17) == this.mac) {
// 如果相同，则将 this.ishave 设置为 true
console.log(device);
this.deviceInfo = device
@ -391,7 +393,7 @@
// console.log(devicesarr,this.mac);
devicesarr.forEach(device => {
const mac = device.name.substring(4);
if (device.name == this.mac) {
if (device.name.slice(5, 17) == this.mac) {
this.deviceId = device.deviceId
this.name = device.name
this.devicesList.push(device);

5
page_fenbao/statulist/myorder/detailxq/index.vue
View File

@ -37,6 +37,9 @@
<view class="nav">
<text class="shen">用户</text><text class="qian">{{detailobj.userName == undefined ? '--' : detailobj.userName}}</text>
</view>
<view class="nav">
<text class="shen">用户手机号</text><text class="qian">{{detailobj.userMobile == undefined ? '--' : detailobj.userMobile}}</text>
</view>
<view class="nav">
<text class="shen">收款人手机号</text><text class="qian" @click="call">{{detailobj.mchName == undefined ? '--' : detailobj.mchName}}</text>
</view>
@ -376,7 +379,7 @@
}
.listxq{
width: 680rpx;
height: 1010rpx;
height: 1068rpx;
background: #FFFFFF;
border-radius: 20rpx 20rpx 20rpx 20rpx;
margin: auto;

3
page_fenbao/statulist/myorder/index.vue
View File

@ -129,9 +129,10 @@
btndetail(item){
uni.navigateTo({
url:'/page_fenbao/statulist/myorder/detailxq/index?billId=' + item.billId
// url:'/page_components/eletj?id=' + item.billNo + '&flag=' + true
})
}
}
}
}
</script>

284
page_fenbao/statulist/taocanlist/addtaocan/index.vue
View File

@ -3,7 +3,7 @@
<u-navbar title="套餐设置" :border-bottom="false" :background="bgc" title-color='#fff' back-icon-color="#fff"
title-size='36' height='50'></u-navbar>
<view class="box">
<!-- <view class="titwz">
<view class="titwz">
<view class="" style="margin-top: 0;">
单次收费为一次性收取费用，不退款！
</view>
@ -30,8 +30,8 @@
<view class="feert">
<view class="">
<u-radio-group v-model="valueone" @change="radioGroupChange">
<u-radio @change="radioChange" v-for="(item, index) in sfms" :key="index" active-color="#8883f0"
:name="item.name" :disabled="item.disabled">
<u-radio @change="radioChange" v-for="(item, index) in sfms" :key="index"
active-color="#8883f0" :name="item.name" :disabled="item.disabled">
{{item.name}}
</u-radio>
</u-radio-group>
@ -43,10 +43,18 @@
收费类型
</view>
<view class="feert">
<view class="">
<view class="" v-if="valueone == '智能收费'">
<u-radio-group v-model="valuetwo" @change="radioGroupChanges">
<u-radio @change="radioChanges" v-for="(item, index) in sflx" :key="index" active-color="#8883f0"
:name="item.name" :disabled="item.disabled">
<u-radio @change="radioChanges" v-for="(item, index) in sflx" :key="index"
active-color="#8883f0" :name="item.name" :disabled="item.disabled">
{{item.name}}
</u-radio>
</u-radio-group>
</view>
<view class="" v-else>
<u-radio-group v-model="valuetwo" @change="radioGroupChanges">
<u-radio @change="radioChanges" v-for="(item, index) in sfdan" :key="index"
active-color="#8883f0" :name="item.name" :disabled="item.disabled">
{{item.name}}
</u-radio>
</u-radio-group>
@ -58,30 +66,31 @@
押金
</view>
<view class="feert">
<input type="text" class="yj"/> <text>元</text>
<input type="text" class="yj" v-model="qianvalue" /> <text>元</text>
</view>
</view>
<view class="feemss" v-if="gmsjflag">
<view class="feelt">
<text class="txt">购买时间</text> <input type="text" value="" />
<text class="txt">购买时间</text> <input type="text" v-model="duvalue" />
</view>
<view class="feert">
<view class="">
<u-radio-group v-model="valuethr" @change="radioGroupChangetime">
<u-radio @change="radioChangetime" v-for="(item, index) in gmsj" :key="index" active-color="#8883f0"
:name="item.name" :disabled="item.disabled">
<u-radio @change="radioChangetime" v-for="(item, index) in gmsj" :key="index"
active-color="#8883f0" :name="item.name" :disabled="item.disabled">
{{item.name}}
</u-radio>
</u-radio-group>
</view>
</view>
</view>
<view class="feems" v-if="duflag">
<view class="feelt">
购买度数
</view>
<view class="feert">
<input type="text" class="yj"/> <text>度</text>
<input type="text" class="yj" v-model="duvalue" /> <text>度</text>
</view>
</view>
<view class="feems" v-if="jeflag">
@ -89,7 +98,7 @@
金额
</view>
<view class="feert">
<input type="text" class="yj"/> <text>元</text>
<input type="text" class="yj" v-model="qianvalue" /> <text>元</text>
</view>
</view>
<view class="feems" style="border: 0;">
@ -97,7 +106,7 @@
备注
</view>
<view class="feert">
<input type="text" placeholder="请输入备注"/>
<input type="text" placeholder="请输入备注" v-model="description" />
</view>
</view>
</view>
@ -107,7 +116,7 @@
谷电电价
</view>
<view class="dianjtwo">
<input type="text" /> <text>元/度</text>
<input type="text" v-model="gdvalue" /> <text>元/度</text>
</view>
<view class="dianjthre" @click="changeColor('#64B6A7')">
全天为谷电
@ -118,7 +127,7 @@
平电电价
</view>
<view class="dianjtwo">
<input type="text" /> <text>元/度</text>
<input type="text" v-model="pdvalue" /> <text>元/度</text>
</view>
<view class="dianjthre" style="background: #468DFF;" @click="changeColor('#468DFF')">
全天为平电
@ -129,7 +138,7 @@
峰电电价
</view>
<view class="dianjtwo">
<input type="text" /> <text>元/度</text>
<input type="text" v-model="dfvalue" /> <text>元/度</text>
</view>
<view class="dianjthre" style="background: #8883F0;" @click="changeColor('#8883F0')">
全天为峰电
@ -140,15 +149,16 @@
尖电电价
</view>
<view class="dianjtwo">
<input type="text" /> <text>元/度</text>
<input type="text" v-model="jdvalue" /> <text>元/度</text>
</view>
<view class="dianjthre" style="background: #FF4444;" @click="changeColor('#FF4444')">
全天为尖电
</view>
</view>
<view class="timeshi">
<view class="time_item" v-for="(item,index) in 24" :key="index" :style="{ backgroundColor: backgroundColor[index] }" @click="btnbs(item,index)">
{{index+1}} 时
<view class="time_item" v-for="(item,index) in 24" :key="index"
:style="{ backgroundColor: backgroundColor[index] }" @click="btnbs(item,index)">
{{index}} 时
</view>
</view>
<view class="wz">
@ -161,7 +171,7 @@
一档费用
</view>
<view class="dianjtwo">
<input type="text" /> <text>元/度</text>
<input type="text" v-model="gdvalue" /> <text>元/度</text>
</view>
<view class="dianjthre" @click="changeColor('#64B6A7')">
全天为一档
@ -172,7 +182,7 @@
二档费用
</view>
<view class="dianjtwo">
<input type="text" /> <text>元/度</text>
<input type="text" v-model="pdvalue" /> <text>元/度</text>
</view>
<view class="dianjthre" style="background: #468DFF;" @click="changeColor('#468DFF')">
全天为二档
@ -183,7 +193,7 @@
三档费用
</view>
<view class="dianjtwo">
<input type="text" /> <text>元/度</text>
<input type="text" v-model="dfvalue" /> <text>元/度</text>
</view>
<view class="dianjthre" style="background: #8883F0;" @click="changeColor('#8883F0')">
全天为三档
@ -194,24 +204,25 @@
四档费用
</view>
<view class="dianjtwo">
<input type="text" /> <text>元/度</text>
<input type="text" v-model="jdvalue" /> <text>元/度</text>
</view>
<view class="dianjthre" style="background: #FF4444;" @click="changeColor('#FF4444')">
全天为四档
</view>
</view>
<view class="timeshi">
<view class="time_item" v-for="(item,index) in 24" :key="index" :style="{ backgroundColor: backgroundColor[index] }" @click="btnbs(item,index)">
{{index+1}} 时
<view class="time_item" v-for="(item,index) in 24" :key="index"
:style="{ backgroundColor: backgroundColor[index] }" @click="btnbs(item,index)">
{{index}} 时
</view>
</view>
<view class="wz">
提示：点击一挡、二挡、三挡、四挡4个色块选中相应电价 色块，在0:00到24:00以1小时为1格的区域里涂 抹相应的色块
</view>
</view> -->
</view>
<view class="list">
<!-- <view class="list">
<view class="" style="display: flex;
justify-content: space-between;
width: 100%;
@ -260,7 +271,7 @@
</view>
<textarea style="height: 120rpx !important;margin-top: 40rpx;margin-bottom: 40rpx;"
v-model="description" placeholder="输入说明解释" auto-height="true" />
</view>
</view> -->
<!-- 应用设备 -->
<view class="shebei">
@ -303,7 +314,7 @@
deviceId: '',
name: '',
value: '',
description: '',
// description: '',
price: '',
title: '',
suitId: '',
@ -333,6 +344,15 @@
disabled: false
}
],
sfdan: [{
name: '计时收费',
disabled: false
},
{
name: '按量收费',
disabled: false
}
],
gmsj: [{
name: '时',
disabled: false
@ -372,10 +392,24 @@
yjflag: false,
duflag: false,
djflag: false,
jeflag: false,
jeflag: true,
dangflag: false,
backgroundColor: Array(24).fill('#64B6A7'),
backcolor: ''
backcolor: '',
duvalue: '',
qianvalue: '',
description: '',
feeMode: '1', ////收费模式（1单次收费 2智能收费）
feeType: "1", //收费类型（1计时收费 2按量收费 3分时段按量收费 4分时段按时收费）
timeUnit: '', //时长单位1-天，2-时，3-分，4-秒
gearAmount: [], //档位金额列表（必须4个）
gearTime: [], //时段档位列表（必须24个）
gdvalue: '',
pdvalue: '',
dfvalue: '',
jdvalue: '',
timevalue: ''
}
},
onLoad(option) {
@ -441,6 +475,19 @@
// 收费模式 单次and智能
radioChange(e) {
// console.log(e);
if (e == '单次收费') {
this.feeMode = 1
this.valuetwo = '计时收费'
this.feeType = 1
this.gmsjflag = true
this.jeflag = true
this.duflag = false
this.yjflag = false
this.djflag = false
this.dangflag = false
} else {
this.feeMode = 2
}
},
radioGroupChange(e) {
// console.log(e);
@ -448,6 +495,7 @@
// 收费类型// 收费类型// 收费类型
radioChanges(e) {
if (e == '按量收费') {
this.feeType = 2
this.duflag = true
this.jeflag = true
this.gmsjflag = false
@ -455,6 +503,7 @@
this.djflag = false
this.dangflag = false
} else if (e == '计时收费') {
this.feeType = 1
this.gmsjflag = true
this.jeflag = true
this.duflag = false
@ -462,6 +511,7 @@
this.djflag = false
this.dangflag = false
} else if (e == '分时段按量收费') {
this.feeType = 3
this.gmsjflag = false
this.jeflag = false
this.duflag = false
@ -469,6 +519,7 @@
this.djflag = true
this.dangflag = false
} else if (e == '分时段按时收费') {
this.feeType = 4
this.gmsjflag = false
this.dangflag = true
this.jeflag = false
@ -484,7 +535,13 @@
// 收费时间 收费时间 收费时间 收费时间
radioChangetime(e) {
// console.log(e);
if (e == '时') {
this.timeUnit = 2
} else if (e == '分') {
this.timeUnit = 3
} else {
this.timeUnit = 4
}
},
// 选中任一radio时，由radio-group触发
radioGroupChangetime(e) {
@ -568,14 +625,85 @@
this.$u.get(`/app/suit/${suitId}`).then((res) => {
if (res.code == 200) {
this.name = res.data.name
this.price = res.data.price
this.value = res.data.value
this.qianvalue = res.data.price
this.duvalue = res.data.value
this.description = res.data.description
this.deviceList = res.data.deviceList
this.index = Number(res.data.timeUnit) - 1
this.deviceList.forEach(item => {
this.tcidlist.push(item.deviceId)
})
if (res.data.gearAmount) {
this.gdvalue = res.data.gearAmount[0]
this.pdvalue = res.data.gearAmount[1]
this.dfvalue = res.data.gearAmount[2]
this.jdvalue = res.data.gearAmount[3]
}
if (res.data.timeUnit == 2) {
this.valuethr = '时'
this.timeUnit = 2
} else if (res.data.timeUnit == 3) {
this.valuethr = '分'
this.timeUnit = 3
} else if (res.data.timeUnit == 4) {
this.valuethr = '秒'
this.timeUnit = 4
}
if (res.data.feeMode == 1) {
this.valueone = '单次收费'
this.feeMode = 1
} else {
this.valueone = '智能收费'
this.feeMode = 2
}
if (res.data.feeType == 1) {
this.valuetwo = '计时收费'
this.feeType = 1
this.gmsjflag = true
this.jeflag = true
this.duflag = false
this.yjflag = false
this.djflag = false
this.dangflag = false
} else if (res.data.feeType == 2) {
this.valuetwo = '按量收费'
this.feeType = 2
this.duflag = true
this.jeflag = true
this.gmsjflag = false
this.yjflag = false
this.djflag = false
this.dangflag = false
} else if (res.data.feeType == 3) {
this.valuetwo = '分时段按量收费'
this.feeType = 3
this.gmsjflag = false
this.jeflag = false
this.duflag = false
this.yjflag = true
this.djflag = true
this.dangflag = false
} else if (res.data.feeType == 4) {
this.valuetwo = '分时段按时收费'
this.feeType = 4
this.gmsjflag = false
this.dangflag = true
this.jeflag = false
this.duflag = false
this.yjflag = true
this.djflag = false
}
if (res.data.gearTime.length > 0) {
let colorMap = {
0: "#64B6A7",
1: "#468DFF",
2: "#8883F0",
3: "#FF4444"
}
let colorsFromGearTime = res.data.gearTime.map(index => colorMap[index] || 'defaultColor')
this.backgroundColor = colorsFromGearTime
}else{
this.backgroundColor = Array(24).fill('#64B6A7')
}
}
})
},
@ -615,39 +743,10 @@
},
btnadd() {
console.log(this.backgroundColor, '121212');
let regex = /^\d+(\.\d{1,2})?$/
let regexs = /^\d+$/
if (this.name == '') {
uni.showToast({
title: '套餐名称不能为空',
icon: 'none',
duration: 1000,
})
} else if (this.price == '') {
uni.showToast({
title: '价格不能为空',
icon: 'none',
duration: 1000,
})
} else if (!regex.test(this.price)) {
uni.showToast({
title: '价格必须是数字且小数点只能两位',
icon: 'none',
duration: 2000,
})
} else if (this.value == '') {
uni.showToast({
title: '时长不能为空',
icon: 'none',
duration: 1000,
})
} else if (!regexs.test(this.value)) {
uni.showToast({
title: '时长必须是整数',
icon: 'none',
duration: 2000,
})
} else if (this.description == '') {
if (this.description == '') {
uni.showToast({
title: '详细说明不能为空',
icon: 'none',
@ -656,15 +755,33 @@
} else {
this.btnmsk = true
if (this.title == '确定') {
let colorMap = {
"#64B6A7": 0,
"#468DFF": 1,
"#8883F0": 2,
"#FF4444": 3
}
this.gearTime = []
this.backgroundColor.forEach(color => {
this.gearTime.push(colorMap[color]);
})
let arrs = [...this.deviceList.map(item => item.deviceId)]
if (this.feeType == 3 || this.feeType == 4) {
this.gearAmount = []
this.gearAmount.push(this.gdvalue, this.pdvalue, this.dfvalue, this.jdvalue)
}
let data = {
// deviceId: this.deviceId,
name: this.name,
value: this.value,
price: this.price,
value:this.feeType == 3 || this.feeType == 4 ? (this.duvalue = null) : this.duvalue,
price: this.qianvalue,
description: this.description,
timeUnit: Number(this.index) + 1,
deviceIds: arrs
timeUnit: this.feeType == 3 || this.feeType == 4 ? (this.timeUnit = null) : this.timeUnit,
deviceIds: arrs,
feeMode: this.feeMode,
feeType: this.feeType,
gearAmount: this.gearAmount,
gearTime: this.feeType === 3 || this.feeType === 4 ? this.gearTime : (this.gearTime = [])
}
this.$u.post('/app/suit', data).then((res) => {
if (res.code == 200) {
@ -688,14 +805,33 @@
}
})
} else {
let colorMap = {
"#64B6A7": 0,
"#468DFF": 1,
"#8883F0": 2,
"#FF4444": 3
}
this.gearTime = []
this.backgroundColor.forEach(color => {
this.gearTime.push(colorMap[color]);
})
let arrs = [...this.deviceList.map(item => item.deviceId)]
if (this.feeType == 3 || this.feeType == 4) {
this.gearAmount = []
this.gearAmount.push(this.gdvalue, this.pdvalue, this.dfvalue, this.jdvalue)
}
let data = {
suitId: this.suitId,
// deviceId: this.deviceId,
name: this.name,
value: this.value,
price: this.price,
value: this.duvalue,
price: this.qianvalue,
description: this.description,
timeUnit: Number(this.index) + 1
timeUnit: this.timeUnit,
deviceIds: arrs,
feeMode: this.feeMode,
feeType: this.feeType,
gearAmount: this.gearAmount,
gearTime: this.feeType === 3 || this.feeType === 4 ? this.gearTime : (this.gearTime = [])
}
this.$u.put('/app/suit', data).then((res) => {
if (res.code == 200) {

2
page_fenbao/zhuce.vue
View File

@ -185,7 +185,7 @@
if (options.result) {
this.devicesList = options.data
// let devicesarr = options.data
// // console.log(devicesarr,100100);
console.log(options.data,100100);
// devicesarr.forEach(device => {
// if (device.name.substring(0, 4) == "CTKG" || device.name.substring(0, 4) == "CTPO") {
// this.devicesList.push(device);

78
page_user/sbdetail.vue
View File

@ -988,27 +988,67 @@
}
},
parseCustomData(data) {
// 将字符串按照 "@" 分割成数组
const dataArray = data.split('@')
// parseCustomData(data) {
// // 将字符串按照 "@" 分割成数组
// const dataArray = data.split('@')
// 根据约定，解析各个字段的值
const voltage = parseFloat(dataArray[0].substring(1)) // 去除前缀 "V"，并将字符串转换为浮点数
const switchState = dataArray[1].substring(1)// 去除前缀 "S"
const current = parseFloat(dataArray[2].substring(1)) // 去除前缀 "A"，并将字符串转换为浮点数
const power = parseFloat(dataArray[4].substring(1)) // 去除前缀 "P"，并将字符串转换为浮点数
const remainingPower = parseFloat(dataArray[5].substring(1)) // 去除前缀 "M"，并将字符串转换为浮点数
const setMode = dataArray[6].substring(1) // 去除前缀 "T"
// // 根据约定，解析各个字段的值
// const voltage = parseFloat(dataArray[0].substring(1)) // 去除前缀 "V"，并将字符串转换为浮点数
// const switchState = dataArray[1].substring(1)// 去除前缀 "S"
// const current = parseFloat(dataArray[2].substring(1)) // 去除前缀 "A"，并将字符串转换为浮点数
// const power = parseFloat(dataArray[4].substring(1)) // 去除前缀 "P"，并将字符串转换为浮点数
// const remainingPower = parseFloat(dataArray[5].substring(1)) // 去除前缀 "M"，并将字符串转换为浮点数
// const setMode = dataArray[6].substring(1) // 去除前缀 "T"
// 返回解析后的数据对象
return {
voltage,
switchState,
current,
power,
remainingPower,
setMode
};
// // 返回解析后的数据对象
// return {
// voltage,
// switchState,
// current,
// power,
// remainingPower,
// setMode
// };
// },
parseCustomData(data) {
// 将字符串按照 "@" 分割成数组
const dataArray = data.split('@');
// 初始化一个空对象来存储解析后的数据
const parsedData = {};
// 前缀到属性名的映射
const prefixMap = {
'V': 'voltage',
'S': 'switchState',
'A': 'current',
'P': 'power',
'M': 'remainingPower',
'T': 'setMode',
'W': 'temperature'
};
// 遍历数组并解析每个字段
for (let i = 0; i < dataArray.length; i++) {
const field = dataArray[i];
for (const prefix in prefixMap) {
if (field.startsWith(prefix)) {
// 去除前缀并将剩余部分转换为适当的类型（这里默认为浮点数或字符串）
const value = field.substring(1);
const propertyName = prefixMap[prefix];
// 根据需要，这里可以添加更复杂的类型转换逻辑
// 但为了简单起见，我们总是尝试将其转换为浮点数，如果失败则保留为字符串
parsedData[propertyName] = isNaN(parseFloat(value)) ? value : parseFloat(value);
// 找到了匹配的前缀，跳出内层循环
break;
}
}
}
// 返回解析后的数据对象
return parsedData;
},
}

4
page_user/setting.vue
View File

@ -238,6 +238,7 @@
onLoad(option) {
let id = option.id
this.id = id
this.getshua()
this.getQiniuToken()
this.getDevice(id)
this.getlistobj(id)
@ -263,6 +264,9 @@
this.getgroup()
},
methods: {
getshua(){
this.$u.get(`/app/device/${this.id}/refreshIot`).then((res) => {})
},
getQiniuToken() {
this.$u.get("/common/qiniu/uploadInfo").then((res) => {
if (res.code == 200) {

70
pages/shouye/index.vue
View File

@ -23,7 +23,7 @@
src="https://api.ccttiot.com/smartmeter/img/static/ublEB3HEjyfZbnKS2Ai9" mode=""></image>
</view>
<view class="order_list" v-for="(item,index) in sylist" :key="index" v-if="listflag"
@click="btnitem(item.deviceId)">
@click="btnitem(item.billNo)">
<text>{{item.deviceName}}</text>
<image src="https://api.ccttiot.com/smartmeter/img/static/uZoBXJ0MLrGUSBFk5lGp" mode=""></image>
</view>
@ -88,6 +88,20 @@
</view>
</view>
<view class="mask" v-if="czflag"></view>
<view class="weizf" v-if="weiflag">
<view class="" style="font-size: 50rpx;width: 100%;text-align: right" @click="weiflag = false">
×
</view>
<view class="toptit">
您有一笔未支付订单,请及时去支付!
</view>
<view class="quzf" @click="btnqzf">
去支付
</view>
</view>
<view class="mask" v-if="weiflag"></view>
</view>
</view>
</template>
@ -96,6 +110,7 @@
export default {
data() {
return {
weiflag:false,
listflag: false,
params: {
year: true,
@ -127,7 +142,8 @@
deviceCount: 0,
sylist: [],
networkInterval: null,
wangluo: true
wangluo: true,
billNo:''
};
},
onLoad(option) {
@ -152,6 +168,7 @@
onShow() {
this.logins()
this.getad()
this.getzf()
this.gethuidaio()
this.getshiy()
},
@ -173,6 +190,23 @@
},
methods: {
btnqzf(){
uni.navigateTo({
url: '/page_components/eletj?id=' + this.billNo
})
},
getzf(){
this.$u.get("app/bill/unpaidTimingList").then((res) => {
if (res.code == 200) {
if(res.data.length > 0){
this.weiflag = true
this.billNo = res.data[0].billNo
}
}
})
},
startNetworkCheck() {
this.networkInterval = setInterval(() => {
uni.getNetworkType({
@ -193,7 +227,7 @@
// 请求正在使用的设备列表
getshiy() {
this.$u.get("/app/device/usingDevice").then((res) => {
this.$u.get("app/bill/usingList").then((res) => {
if (res.code == 200) {
this.sylist = res.data
}
@ -633,6 +667,36 @@
</script>
<style lang="scss">
.weizf{
position: fixed;
z-index: 99;
left: 0;
bottom: 0;
background-color: #fff;
width: 100%;
height: 400rpx;
padding: 30rpx;
// padding-top: 80rpx;
box-sizing: border-box;
border-radius: 20rpx 20rpx 0 0;
.toptit{
width: 100%;
text-align: center;
margin-top: 30rpx;
}
.quzf{
width: 100%;
height: 90rpx;
line-height: 90rpx;
text-align: center;
color: #fff;
font-size: 36rpx;
background-color: #8883F0;
margin-top: 60rpx;
border-radius: 20rpx;
}
}
/deep/ .u-title {
padding-bottom: 22rpx;
}