aaa
This commit is contained in:
parent
6f69ad215d
commit
c7295caf71
|
|
@ -53,6 +53,7 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -69,7 +70,10 @@
|
||||||
expireTimeStr: '',
|
expireTimeStr: '',
|
||||||
zfobj: {},
|
zfobj: {},
|
||||||
orderno: '',
|
orderno: '',
|
||||||
id:''
|
id:'',
|
||||||
|
czflag:false,
|
||||||
|
sytime:0,
|
||||||
|
datetime:0
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(option) {
|
onLoad(option) {
|
||||||
|
|
@ -79,6 +83,11 @@
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
if(this.orderno){
|
||||||
|
this.gethuidaio()
|
||||||
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
startTimer() {
|
startTimer() {
|
||||||
|
|
@ -129,14 +138,17 @@
|
||||||
package: res.data.packageVal,
|
package: res.data.packageVal,
|
||||||
signType: res.data.signType,
|
signType: res.data.signType,
|
||||||
paySign: res.data.paySign,
|
paySign: res.data.paySign,
|
||||||
success(res) {
|
success: (res) => {
|
||||||
console.log(res,'支付成功');
|
console.log(res,'支付成功');
|
||||||
|
if (this.timer) {
|
||||||
|
clearInterval(this.timer);
|
||||||
|
this.timer = null;
|
||||||
|
}
|
||||||
// 支付成功逻辑
|
// 支付成功逻辑
|
||||||
uni.showToast({
|
uni.reLaunch({
|
||||||
title: '支付成功',
|
url:'/pages/shouye/index'
|
||||||
icon: 'success',
|
})
|
||||||
duration: 2000
|
uni.setStorageSync('time', this.expireTimeStr)
|
||||||
});
|
|
||||||
},
|
},
|
||||||
fail(err) {
|
fail(err) {
|
||||||
// 支付失败逻辑
|
// 支付失败逻辑
|
||||||
|
|
@ -159,7 +171,9 @@
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
btnactive(item) {
|
btnactive(item) {
|
||||||
|
this.sytime = item.value
|
||||||
this.zfobj = item
|
this.zfobj = item
|
||||||
this.indexactive = item.suitId;
|
this.indexactive = item.suitId;
|
||||||
},
|
},
|
||||||
|
|
@ -178,6 +192,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
// /deep/ .u-icon__icon{
|
||||||
|
// padding-bottom: 41rpx;
|
||||||
|
// }
|
||||||
page {
|
page {
|
||||||
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
||||||
}
|
}
|
||||||
|
|
@ -192,6 +212,56 @@
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
.tip_box{
|
||||||
|
position: fixed;
|
||||||
|
left: 72rpx;
|
||||||
|
top: 700rpx;
|
||||||
|
width: 610rpx;
|
||||||
|
// height: 282rpx;
|
||||||
|
background: #F7FAFE;
|
||||||
|
border-radius: 30rpx 30rpx 30rpx 30rpx;
|
||||||
|
z-index: 10000000;
|
||||||
|
.top{
|
||||||
|
padding: 52rpx 38rpx 42rpx 36rpx;
|
||||||
|
.txt{
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #3D3D3D;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.bot{
|
||||||
|
border-top: 2rpx solid #D8D8D8 ;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
height: 100%;
|
||||||
|
.bot_left{
|
||||||
|
width: 50%;
|
||||||
|
height: 98rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #3D3D3D;
|
||||||
|
}
|
||||||
|
.bot_right{
|
||||||
|
width: 50%;
|
||||||
|
height: 98rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
border-left: 2rpx solid #D8D8D8 ;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #8883F0;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
margin-top: 40rpx;
|
margin-top: 40rpx;
|
||||||
|
|
|
||||||
|
|
@ -41,6 +41,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
page {
|
page {
|
||||||
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -44,6 +44,7 @@
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
this.wateringList = []
|
this.wateringList = []
|
||||||
|
this.pagenum = 1
|
||||||
this.getlist()
|
this.getlist()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
@ -116,6 +117,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .uicon-nav-back{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
page {
|
page {
|
||||||
// background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
// background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
||||||
}
|
}
|
||||||
|
|
@ -164,7 +171,7 @@
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin-bottom: 26rpx;
|
margin-bottom: 26rpx;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 170rpx;
|
top: 200rpx;
|
||||||
.top{
|
.top{
|
||||||
.yc{
|
.yc{
|
||||||
width: 178rpx;
|
width: 178rpx;
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,7 @@
|
||||||
<view class="inp">
|
<view class="inp">
|
||||||
<input type="text" placeholder="请输入设备编号" style="padding-left: 20rpx;" v-model="deviceNo"/>
|
<input type="text" placeholder="请输入设备编号" style="padding-left: 20rpx;" v-model="deviceNo"/>
|
||||||
</view>
|
</view>
|
||||||
<view class="sm">
|
<view class="sm" @click="scanQRCode">
|
||||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uNX9Ls3s68OsYgOTQ8dD" mode=""></image>
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uNX9Ls3s68OsYgOTQ8dD" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -63,10 +63,27 @@
|
||||||
name:'',
|
name:'',
|
||||||
phone:'',
|
phone:'',
|
||||||
dizhi:'',
|
dizhi:'',
|
||||||
deviceNo:''
|
deviceNo:'',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
scanQRCode() {
|
||||||
|
uni.scanCode({
|
||||||
|
onlyFromCamera: true,
|
||||||
|
scanType: ['qrCode'],
|
||||||
|
success: res => {
|
||||||
|
console.log('扫描结果:', res);
|
||||||
|
this.deviceNo = res.result;
|
||||||
|
},
|
||||||
|
fail: err => {
|
||||||
|
console.error('扫描失败:', err);
|
||||||
|
uni.showToast({
|
||||||
|
title: '扫描失败',
|
||||||
|
icon: 'none'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
btnshangb(){
|
btnshangb(){
|
||||||
let data = {
|
let data = {
|
||||||
|
|
@ -130,6 +147,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
page {
|
page {
|
||||||
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -93,6 +93,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
page {
|
page {
|
||||||
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -91,6 +91,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
page {
|
page {
|
||||||
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -104,6 +104,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
page {
|
page {
|
||||||
// background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
// background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -372,6 +372,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
page {
|
page {
|
||||||
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="page">
|
<view class="page">
|
||||||
<u-navbar title="我的店铺" :border-bottom="false" :background="bgc" title-color='#fff' title-size='36' back-icon-color="#fff"
|
<u-navbar title="我的店铺" :border-bottom="false" :background="bgc" title-color='#fff' title-size='36'
|
||||||
height='58'></u-navbar>
|
back-icon-color="#fff" height='58'></u-navbar>
|
||||||
<view class="box">
|
<view class="box">
|
||||||
<view class="top">
|
<view class="top">
|
||||||
<u-search placeholder="搜索" input-align="center" v-model="keyword" @custom="searchs"></u-search>
|
<u-search placeholder="搜索" input-align="center" v-model="keyword" @custom="searchs"></u-search>
|
||||||
|
|
@ -67,7 +67,7 @@
|
||||||
isLoading: false, // 是否正在加载数据
|
isLoading: false, // 是否正在加载数据
|
||||||
noMoreData: false, // 是否没有更多数据
|
noMoreData: false, // 是否没有更多数据
|
||||||
total: 0,
|
total: 0,
|
||||||
keyword:''
|
keyword: ''
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
|
|
@ -80,11 +80,12 @@
|
||||||
methods: {
|
methods: {
|
||||||
// 请求店铺列表
|
// 请求店铺列表
|
||||||
getlist() {
|
getlist() {
|
||||||
if (this.isLoading || this.noMoreData) {
|
// if (this.isLoading || this.noMoreData) {
|
||||||
return;
|
// return;
|
||||||
}
|
// }
|
||||||
this.isLoading = true;
|
this.isLoading = true;
|
||||||
this.$u.get("/app/store/list?pageNum=" + this.pagenum + '&pageSize='+this.pagesize + '&keyword=' + this.keyword).then(res => {
|
this.$u.get("/app/store/list?pageNum=" + this.pagenum + '&pageSize=' + this.pagesize + '&keyword=' + this
|
||||||
|
.keyword).then(res => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
this.total = res.total
|
this.total = res.total
|
||||||
if (res.rows.length > 0) {
|
if (res.rows.length > 0) {
|
||||||
|
|
@ -101,7 +102,8 @@
|
||||||
}
|
}
|
||||||
var now = new Date().getTime();
|
var now = new Date().getTime();
|
||||||
var differenceInMilliseconds = now - dateTime.getTime();
|
var differenceInMilliseconds = now - dateTime.getTime();
|
||||||
var differenceInDays = Math.floor(differenceInMilliseconds / (1000 * 60 * 60 * 24));
|
var differenceInDays = Math.floor(differenceInMilliseconds / (1000 * 60 *
|
||||||
|
60 * 24));
|
||||||
// 直接修改原数组中的对象,添加daysDifference属性
|
// 直接修改原数组中的对象,添加daysDifference属性
|
||||||
item.daysDifference = differenceInDays;
|
item.daysDifference = differenceInDays;
|
||||||
});
|
});
|
||||||
|
|
@ -118,14 +120,14 @@
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
searchs(){
|
searchs() {
|
||||||
this.wateringList = []
|
this.wateringList = []
|
||||||
this.getlist()
|
this.getlist()
|
||||||
},
|
},
|
||||||
|
|
||||||
onReachBottom() {
|
onReachBottom() {
|
||||||
let sum = this.total / this.pagesize
|
let sum = this.total / this.pagesize
|
||||||
if (this.pagenum-1 < sum) {
|
if (this.pagenum - 1 < sum) {
|
||||||
this.getlist(); // 上拉加载更多
|
this.getlist(); // 上拉加载更多
|
||||||
} else {
|
} else {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
|
|
@ -151,6 +153,14 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title {
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .uicon-nav-back {
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
|
||||||
page {
|
page {
|
||||||
// background: linear-gradient(180deg, #F4F5F7 0%, rgba(255, 255, 255, 0) 100%);
|
// background: linear-gradient(180deg, #F4F5F7 0%, rgba(255, 255, 255, 0) 100%);
|
||||||
}
|
}
|
||||||
|
|
@ -161,12 +171,14 @@
|
||||||
// top: 0;
|
// top: 0;
|
||||||
// left: 0;
|
// left: 0;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
width: 750rpx;
|
width: 750rpx;
|
||||||
// height: 100%;
|
// height: 100%;
|
||||||
// background: #F4F5F7;
|
// background: #F4F5F7;
|
||||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||||
padding-top: 150rpx;
|
padding-top: 150rpx;
|
||||||
|
|
||||||
.list {
|
.list {
|
||||||
// overflow-y: scroll;
|
// overflow-y: scroll;
|
||||||
// height: 100vh;
|
// height: 100vh;
|
||||||
|
|
@ -312,6 +324,7 @@
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 200rpx;
|
top: 200rpx;
|
||||||
|
|
||||||
.cjshop {
|
.cjshop {
|
||||||
width: 200rpx;
|
width: 200rpx;
|
||||||
height: 64rpx;
|
height: 64rpx;
|
||||||
|
|
|
||||||
|
|
@ -1,15 +1,14 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="page">
|
<view class="page">
|
||||||
<u-navbar title="设备列表" :border-bottom="false" :background="bgc" title-color='#fff' back-icon-color="#fff" title-size='36'
|
<u-navbar title="设备列表" :border-bottom="false" :background="bgc" title-color='#fff' back-icon-color="#fff"
|
||||||
height='58'></u-navbar>
|
title-size='36' height='58'></u-navbar>
|
||||||
<view class="box">
|
<view class="box">
|
||||||
<view class="warp_box">
|
<view class="warp_box">
|
||||||
<view class="swiper" :current='curtitidx' @change="swiperchange" @scrolltolower="onReachBottom">
|
<view class="swiper" :current='curtitidx' @change="swiperchange" @scrolltolower="onReachBottom">
|
||||||
<view>
|
<view>
|
||||||
<view class="swiper-item ">
|
<view class="swiper-item ">
|
||||||
<view class="card_box" v-for="(item,index) in wateringList"
|
<view class="card_box" v-for="(item,index) in wateringList" :key="index">
|
||||||
:key="index">
|
<view class="card" @click="btnxq(item.deviceId)">
|
||||||
<view class="card">
|
|
||||||
<view class="card_left">
|
<view class="card_left">
|
||||||
<view class="card_left_tit">
|
<view class="card_left_tit">
|
||||||
{{item.deviceName}}
|
{{item.deviceName}}
|
||||||
|
|
@ -21,7 +20,7 @@
|
||||||
<view class="sta_txt" v-if="item.status==3">
|
<view class="sta_txt" v-if="item.status==3">
|
||||||
维修中
|
维修中
|
||||||
</view>
|
</view>
|
||||||
<view class="sta_txt" v-if="item.status==2" style="color:#ccc;">
|
<view class="sta_txt" v-if="item.status==2" style="color:greenyellow;">
|
||||||
使用中
|
使用中
|
||||||
</view>
|
</view>
|
||||||
<view class="sta_txt" v-if="item.status==1" style="color:seagreen;">
|
<view class="sta_txt" v-if="item.status==1" style="color:seagreen;">
|
||||||
|
|
@ -33,7 +32,8 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="card_right">
|
<view class="card_right">
|
||||||
<image :src="item.picture" mode=""></image>
|
<image v-if="item.customPicture" :src="item.customPicture" mode=""></image>
|
||||||
|
<image v-else :src="item.picture" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -49,8 +49,8 @@
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
curtitidx:0,
|
curtitidx: 0,
|
||||||
storeId:{},
|
storeId: {},
|
||||||
bgc: {
|
bgc: {
|
||||||
backgroundColor: " #8883F0",
|
backgroundColor: " #8883F0",
|
||||||
},
|
},
|
||||||
|
|
@ -70,8 +70,9 @@
|
||||||
swiperchange(e) {
|
swiperchange(e) {
|
||||||
this.curtitidx = e.detail.current
|
this.curtitidx = e.detail.current
|
||||||
},
|
},
|
||||||
getlist(){
|
getlist() {
|
||||||
this.$u.get(`/app/device/listByStore/${this.storeId}?pageNum=${this.pagenum}&pageSize=${this.pagesize}`).then((res) => {
|
this.$u.get(`/app/device/list?storeId=${this.storeId}&pageNum=${this.pagenum}&pageSize=${this.pagesize}`)
|
||||||
|
.then((res) => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
this.total = res.total
|
this.total = res.total
|
||||||
if (res.rows.length > 0) {
|
if (res.rows.length > 0) {
|
||||||
|
|
@ -88,7 +89,7 @@
|
||||||
},
|
},
|
||||||
onReachBottom() {
|
onReachBottom() {
|
||||||
let sum = this.total / this.pagesize
|
let sum = this.total / this.pagesize
|
||||||
if (this.pagenum-1 < sum) {
|
if (this.pagenum - 1 < sum) {
|
||||||
this.getlist(); // 上拉加载更多
|
this.getlist(); // 上拉加载更多
|
||||||
} else {
|
} else {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
|
|
@ -98,26 +99,43 @@
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
btnxq(id) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/page_user/sbdetail?id=' + id
|
||||||
|
})
|
||||||
|
},
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title {
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .u-icon__icon {
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
|
||||||
.page {
|
.page {
|
||||||
width: 750rpx;
|
width: 750rpx;
|
||||||
padding-bottom: 200rpx;
|
padding-bottom: 200rpx;
|
||||||
.box{
|
|
||||||
|
.box {
|
||||||
width: 750rpx;
|
width: 750rpx;
|
||||||
background: #F4F5F7;
|
background: #F4F5F7;
|
||||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||||
padding-left: 40rpx;
|
padding-left: 40rpx;
|
||||||
|
|
||||||
.swiper {
|
.swiper {
|
||||||
.swiper-item {
|
.swiper-item {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
.card_box {
|
.card_box {
|
||||||
margin-top: 34rpx;
|
margin-top: 34rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-top: 20rpx;
|
margin-top: 20rpx;
|
||||||
|
|
@ -174,9 +192,11 @@
|
||||||
margin-top: 30rpx;
|
margin-top: 30rpx;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: 40rpx;
|
margin-right: 40rpx;
|
||||||
|
|
||||||
image {
|
image {
|
||||||
width: 180rpx;
|
width: 180rpx;
|
||||||
height: 230rpx;
|
height: 230rpx;
|
||||||
|
border-radius: 20rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -37,6 +37,7 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
var xBlufi = require("@/page_components/blufi/xBlufi.js");
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|
@ -51,13 +52,53 @@
|
||||||
],
|
],
|
||||||
show: false,
|
show: false,
|
||||||
storeId:'',
|
storeId:'',
|
||||||
listobj:{}
|
listobj:{},
|
||||||
|
deviceId:'',
|
||||||
|
name:'',
|
||||||
|
mac:''
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(option) {
|
onLoad(option) {
|
||||||
console.log(option);
|
|
||||||
this.storeId = option.id
|
this.storeId = option.id
|
||||||
this.getdetail()
|
this.getdetail()
|
||||||
|
|
||||||
|
// xBlufi.initXBlufi(1);
|
||||||
|
// console.log("xBlufi", xBlufi.XMQTT_SYSTEM);
|
||||||
|
// xBlufi.listenDeviceMsgEvent(true, this.funListenDeviceMsgEvent);
|
||||||
|
// xBlufi.notifyStartDiscoverBle({
|
||||||
|
// 'isStart': true
|
||||||
|
// });
|
||||||
|
|
||||||
|
// // 停止蓝牙搜索
|
||||||
|
// setTimeout(() => {
|
||||||
|
// xBlufi.notifyStartDiscoverBle({
|
||||||
|
// 'isStart': false
|
||||||
|
// });
|
||||||
|
// xBlufi.notifyConnectBle({
|
||||||
|
// isStart: true,
|
||||||
|
// deviceId: this.deviceId,
|
||||||
|
// name: this.name
|
||||||
|
// });
|
||||||
|
// }, 3000)
|
||||||
|
|
||||||
|
},
|
||||||
|
onUnload: function() {
|
||||||
|
xBlufi.listenDeviceMsgEvent(false, this.funListenDeviceMsgEvent);
|
||||||
|
xBlufi.notifyStartDiscoverBle({
|
||||||
|
'isStart': false
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onHide(){
|
||||||
|
xBlufi.listenDeviceMsgEvent(false, this.funListenDeviceMsgEvent);
|
||||||
|
xBlufi.notifyStartDiscoverBle({
|
||||||
|
'isStart': false
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onBeforeUnmount() {
|
||||||
|
xBlufi.listenDeviceMsgEvent(false, this.funListenDeviceMsgEvent);
|
||||||
|
xBlufi.notifyStartDiscoverBle({
|
||||||
|
'isStart': false
|
||||||
|
});
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getdetail(){
|
getdetail(){
|
||||||
|
|
@ -95,6 +136,12 @@
|
||||||
setTimeout(()=>{
|
setTimeout(()=>{
|
||||||
uni.navigateBack()
|
uni.navigateBack()
|
||||||
},1500)
|
},1500)
|
||||||
|
}else if(res.code == 500){
|
||||||
|
uni.showToast({
|
||||||
|
title: res.msg,
|
||||||
|
icon: 'success',
|
||||||
|
duration: 1000
|
||||||
|
})
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
} else if (res.cancel) {
|
} else if (res.cancel) {
|
||||||
|
|
@ -123,10 +170,32 @@
|
||||||
console.log('扫描结果:', res);
|
console.log('扫描结果:', res);
|
||||||
this.$u.get(`/app/device/${res.result}/bySn`).then((res) =>{
|
this.$u.get(`/app/device/${res.result}/bySn`).then((res) =>{
|
||||||
if(res.code == 200){
|
if(res.code == 200){
|
||||||
this.qrResult = res.data.mac
|
this.qrResult = 'CTKG-' + res.data.mac
|
||||||
uni.navigateTo({
|
|
||||||
url:'/page_fenbao/device/lianjie?mac=' + this.qrResult + '&storeId=' + this.storeId
|
// uni.navigateTo({
|
||||||
})
|
// url:'/page_fenbao/device/lianjie?mac=' + this.qrResult + '&storeId=' + this.storeId
|
||||||
|
// })
|
||||||
|
xBlufi.initXBlufi(1);
|
||||||
|
xBlufi.listenDeviceMsgEvent(true, this.funListenDeviceMsgEvent);
|
||||||
|
xBlufi.notifyStartDiscoverBle({
|
||||||
|
'isStart': true
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
// 停止蓝牙搜索
|
||||||
|
setTimeout(() => {
|
||||||
|
xBlufi.notifyStartDiscoverBle({
|
||||||
|
'isStart': false
|
||||||
|
});
|
||||||
|
xBlufi.notifyConnectBle({
|
||||||
|
isStart: true,
|
||||||
|
deviceId: this.deviceId,
|
||||||
|
name: this.name
|
||||||
|
});
|
||||||
|
}, 2000)
|
||||||
|
uni.showLoading({ title: '连接中...' });
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
@ -140,11 +209,160 @@
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
|
funListenDeviceMsgEvent: function(options) {
|
||||||
|
switch (options.type) {
|
||||||
|
case xBlufi.XBLUFI_TYPE.TYPE_GET_DEVICE_LISTS:
|
||||||
|
if (options.result) {
|
||||||
|
let devicesarr = options.data
|
||||||
|
console.log(devicesarr,'devicesarrdevicesarr');
|
||||||
|
devicesarr.forEach(device => {
|
||||||
|
const mac = device.name.substring(5);
|
||||||
|
if (device.name == this.qrResult) {
|
||||||
|
this.deviceId = device.deviceId
|
||||||
|
this.name = device.name
|
||||||
|
this.mac = device.name.substring(5)
|
||||||
|
this.devicesList = uniqueDevicesList;
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
|
||||||
|
case xBlufi.XBLUFI_TYPE.TYPE_CONNECTED:
|
||||||
|
console.log("连接回调:" + JSON.stringify(options));
|
||||||
|
if (options.result) {
|
||||||
|
uni.hideLoading();
|
||||||
|
// uni.showToast({
|
||||||
|
// title: '连接成功',
|
||||||
|
// icon: 'none'
|
||||||
|
// });
|
||||||
|
{
|
||||||
|
console.log("连接回调options.data.deviceId:" + options.data.deviceId,
|
||||||
|
"连接回调options.data.name:" + options.data.name);
|
||||||
|
let name = ''
|
||||||
|
let index = this.name.indexOf('-');
|
||||||
|
if (index !== -1) {
|
||||||
|
name = this.name.slice(index + 1);
|
||||||
|
}
|
||||||
|
let data = {
|
||||||
|
storeId:this.storeId,
|
||||||
|
mac:this.mac
|
||||||
|
}
|
||||||
|
this.$u.put('/app/device/bind', data).then((res) => {
|
||||||
|
if (res.code == 200) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '绑定成功',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
});
|
||||||
|
uni.hideLoading();
|
||||||
|
uni.removeStorageSync('mac');
|
||||||
|
let systemInfo = uni.getSystemInfoSync();
|
||||||
|
if (systemInfo.platform === 'android') {
|
||||||
|
// 当前设备是 Android
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/page_components/wifilist/index?deviceId=' +
|
||||||
|
options.data.deviceId + '&name=' + options.data.name
|
||||||
|
})
|
||||||
|
} else if (systemInfo.platform === 'ios') {
|
||||||
|
// 当前设备是 iOS
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/page_fenbao/device/wifivideo?deviceId=' +
|
||||||
|
options.data.deviceId + '&name=' + options.data.name
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
}else if(res.code == 500){
|
||||||
|
uni.showToast({
|
||||||
|
title: '该设备已被绑定',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
uni.showToast({
|
||||||
|
title: '连接失败',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
});
|
||||||
|
// uni.navigateBack()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
break;
|
||||||
|
|
||||||
|
case xBlufi.XBLUFI_TYPE.TYPE_GET_DEVICE_LISTS_START:
|
||||||
|
if (!options.result) {
|
||||||
|
console.log("蓝牙未开启", options);
|
||||||
|
uni.showToast({
|
||||||
|
title: '蓝牙未开启',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 3000
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
// this.searching = true
|
||||||
|
//蓝牙搜索开始
|
||||||
|
// _this.setData({
|
||||||
|
// searching: true
|
||||||
|
// });
|
||||||
|
}
|
||||||
|
|
||||||
|
break;
|
||||||
|
|
||||||
|
case xBlufi.XBLUFI_TYPE.TYPE_GET_DEVICE_LISTS_STOP:
|
||||||
|
if (options.result) {
|
||||||
|
let uniqueDevicesList = Array.from(new Set(this.devicesList));
|
||||||
|
|
||||||
|
// 将去重后的数组重新赋值给 this.devicesList
|
||||||
|
this.devicesList = uniqueDevicesList;
|
||||||
|
let list = []
|
||||||
|
filteredDevices.forEach(device => {
|
||||||
|
// 从设备名称中提取 MAC 地址(假设 MAC 地址是设备名称的后6个字符)
|
||||||
|
let macFromName = device.name.substring(device.name.length - 12);
|
||||||
|
// console.log(macFromName);
|
||||||
|
// 与 this.mac 进行比较
|
||||||
|
this.$u.get(`/app/device/${macFromName}/isBind`).then((res) => {
|
||||||
|
if (res.data == false) {
|
||||||
|
list.push(device)
|
||||||
|
} else {
|
||||||
|
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
});
|
||||||
|
setTimeout(() => {
|
||||||
|
this.devicesList = list
|
||||||
|
}, 200)
|
||||||
|
|
||||||
|
console.log('蓝牙停止搜索ok');
|
||||||
|
} else {
|
||||||
|
//蓝牙停止搜索失败
|
||||||
|
console.log('蓝牙停止搜索失败');
|
||||||
|
}
|
||||||
|
this.searching = false
|
||||||
|
// _this.setData({
|
||||||
|
// searching: false
|
||||||
|
// });
|
||||||
|
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 40rpx;
|
||||||
|
}
|
||||||
page {
|
page {
|
||||||
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -248,9 +248,7 @@
|
||||||
icon: 'success',
|
icon: 'success',
|
||||||
duration: 1000
|
duration: 1000
|
||||||
})
|
})
|
||||||
setTimeout(() => {
|
|
||||||
uni.navigateBack()
|
uni.navigateBack()
|
||||||
}, 1000)
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
@ -277,7 +275,7 @@
|
||||||
success: (res) => {
|
success: (res) => {
|
||||||
this.latitude = res.latitude;
|
this.latitude = res.latitude;
|
||||||
this.longitude = res.longitude;
|
this.longitude = res.longitude;
|
||||||
console.log(this.latitude, this.longitude);
|
// console.log(this.latitude, this.longitude);
|
||||||
},
|
},
|
||||||
fail: function(err) {
|
fail: function(err) {
|
||||||
// 检查错误消息,看是否是用户取消了位置选择
|
// 检查错误消息,看是否是用户取消了位置选择
|
||||||
|
|
@ -334,6 +332,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
page {
|
page {
|
||||||
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -96,7 +96,12 @@
|
||||||
width: 25,
|
width: 25,
|
||||||
height: 30,
|
height: 30,
|
||||||
iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uZXgsJE6hXbRSwbKILB4',
|
iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uZXgsJE6hXbRSwbKILB4',
|
||||||
distance: distance // 可以在这里也添加距离到覆盖物对象中,但通常只需要在店铺对象中
|
distance: distance ,// 可以在这里也添加距离到覆盖物对象中,但通常只需要在店铺对象中
|
||||||
|
label: {
|
||||||
|
content: item.name,
|
||||||
|
// anchorX:-20,
|
||||||
|
textAlign: 'center'
|
||||||
|
}
|
||||||
};
|
};
|
||||||
// console.log(this.gxlist);
|
// console.log(this.gxlist);
|
||||||
this.covers.push(shopCover); // 将店铺覆盖物添加到数组中
|
this.covers.push(shopCover); // 将店铺覆盖物添加到数组中
|
||||||
|
|
@ -161,6 +166,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
/deep/ .map{
|
/deep/ .map{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
|
||||||
|
|
@ -118,6 +118,13 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .uicon-nav-back{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
|
||||||
page {
|
page {
|
||||||
// background-color: ;
|
// background-color: ;
|
||||||
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
||||||
|
|
|
||||||
|
|
@ -38,6 +38,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
page {
|
page {
|
||||||
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="page">
|
<view class="page">
|
||||||
<u-navbar title="新增套餐" :border-bottom="false" :background="bgc" title-color='#fff' back-icon-color="#fff" title-size='36'
|
<u-navbar title="套餐设置" :border-bottom="false" :background="bgc" title-color='#fff' back-icon-color="#fff" title-size='36'
|
||||||
height='58'></u-navbar>
|
height='58'></u-navbar>
|
||||||
<view class="box">
|
<view class="box">
|
||||||
<view class="list">
|
<view class="list">
|
||||||
|
|
@ -38,7 +38,7 @@
|
||||||
description: '',
|
description: '',
|
||||||
price: '',
|
price: '',
|
||||||
title: '',
|
title: '',
|
||||||
suitId:''
|
suitId:'',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(option) {
|
onLoad(option) {
|
||||||
|
|
@ -154,6 +154,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
page {
|
page {
|
||||||
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -90,6 +90,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
page {
|
page {
|
||||||
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -100,6 +100,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
page {
|
page {
|
||||||
// background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
// background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -24,10 +24,7 @@
|
||||||
@change="change" @confirm="confirm" @onclick="onclick" :listBackgroundColor='F7FAFE'></HM-dragSorts>
|
@change="change" @confirm="confirm" @onclick="onclick" :listBackgroundColor='F7FAFE'></HM-dragSorts>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="btn" @click="sprice()">
|
|
||||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uGAS855QnMnfJjPEKK5K" mode=""></image>
|
|
||||||
新建分组
|
|
||||||
</view> -->
|
|
||||||
<u-popup v-model="showpopup" mode="center" border-radius='20'>
|
<u-popup v-model="showpopup" mode="center" border-radius='20'>
|
||||||
<view class="popcard" v-if="showremake">
|
<view class="popcard" v-if="showremake">
|
||||||
<view class="tit">
|
<view class="tit">
|
||||||
|
|
@ -159,9 +156,14 @@
|
||||||
},
|
},
|
||||||
delgroup(id){
|
delgroup(id){
|
||||||
this.$u.delete("/app/store/"+id).then((res) => {
|
this.$u.delete("/app/store/"+id).then((res) => {
|
||||||
// this.$forceUpdate()
|
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
this.getgroup();
|
this.getgroup();
|
||||||
|
}else if(res.code == 500){
|
||||||
|
uni.showToast({
|
||||||
|
title: res.msg,
|
||||||
|
icon: 'none',
|
||||||
|
duration:2000
|
||||||
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
@ -290,6 +292,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
page {
|
page {
|
||||||
background-color: #F7FAFE;
|
background-color: #F7FAFE;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -159,7 +159,12 @@
|
||||||
longitude: item.lng,
|
longitude: item.lng,
|
||||||
width: 25,
|
width: 25,
|
||||||
height: 30,
|
height: 30,
|
||||||
iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uZXgsJE6hXbRSwbKILB4' // 你可以为每个店铺指定不同的图标
|
iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uZXgsJE6hXbRSwbKILB4' ,// 你可以为每个店铺指定不同的图标
|
||||||
|
label: {
|
||||||
|
content: item.name,
|
||||||
|
// anchorX:-20,
|
||||||
|
textAlign: 'center'
|
||||||
|
}
|
||||||
};
|
};
|
||||||
this.covers.push(shopCover); // 将店铺覆盖物添加到数组中
|
this.covers.push(shopCover); // 将店铺覆盖物添加到数组中
|
||||||
});
|
});
|
||||||
|
|
@ -216,6 +221,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
/deep/ .map{
|
/deep/ .map{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
|
||||||
|
|
@ -105,6 +105,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
page {
|
page {
|
||||||
background: #F7FAFE;
|
background: #F7FAFE;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="page">
|
<view class="page">
|
||||||
<u-navbar :title="tittxt" :border-bottom="false" :background="bgc" back-icon-color="#fff" title-color='#fff' title-size='36'
|
<u-navbar :title="tittxt" :border-bottom="false" :background="bgc" back-icon-color="#fff" title-color='#fff'
|
||||||
height='58' id="navbar">
|
title-size='36' height='58' id="navbar">
|
||||||
</u-navbar>
|
</u-navbar>
|
||||||
<view class="zhuhu">
|
<view class="zhuhu">
|
||||||
<view class="card1">
|
<view class="card1">
|
||||||
|
|
@ -45,7 +45,7 @@
|
||||||
<view class="bot_right">
|
<view class="bot_right">
|
||||||
<view class="cont" style="text-align: center;">
|
<view class="cont" style="text-align: center;">
|
||||||
<view class="tit">
|
<view class="tit">
|
||||||
{{deviceInfo.orderCount}}
|
{{deviceInfo.orderCount == null ? 0 : deviceInfo.orderCount}}
|
||||||
</view>
|
</view>
|
||||||
<view class="txt">
|
<view class="txt">
|
||||||
订单数
|
订单数
|
||||||
|
|
@ -182,6 +182,11 @@
|
||||||
token: '',
|
token: '',
|
||||||
userImgs: '',
|
userImgs: '',
|
||||||
imgflag: true,
|
imgflag: true,
|
||||||
|
mac:"",
|
||||||
|
name:'',
|
||||||
|
deviceId:'',
|
||||||
|
storeId:'',
|
||||||
|
qrResult:''
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(option) {
|
onLoad(option) {
|
||||||
|
|
@ -198,6 +203,24 @@
|
||||||
}, 1000)
|
}, 1000)
|
||||||
this.getQiniuToken()
|
this.getQiniuToken()
|
||||||
},
|
},
|
||||||
|
onUnload: function() {
|
||||||
|
xBlufi.listenDeviceMsgEvent(false, this.funListenDeviceMsgEvent);
|
||||||
|
xBlufi.notifyStartDiscoverBle({
|
||||||
|
'isStart': false
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onHide() {
|
||||||
|
xBlufi.listenDeviceMsgEvent(false, this.funListenDeviceMsgEvent);
|
||||||
|
xBlufi.notifyStartDiscoverBle({
|
||||||
|
'isStart': false
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onBeforeUnmount() {
|
||||||
|
xBlufi.listenDeviceMsgEvent(false, this.funListenDeviceMsgEvent);
|
||||||
|
xBlufi.notifyStartDiscoverBle({
|
||||||
|
'isStart': false
|
||||||
|
});
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async initChart() {
|
async initChart() {
|
||||||
let value = 100;
|
let value = 100;
|
||||||
|
|
@ -222,7 +245,7 @@
|
||||||
label: {
|
label: {
|
||||||
normal: {
|
normal: {
|
||||||
position: 'center',
|
position: 'center',
|
||||||
formatter: ` {a|${value2}}\n\n{b|订单金额}`, // 标签内容格式
|
formatter: ` {a|${value2 == null ? 0 : value2}}\n\n{b|订单金额}`, // 标签内容格式
|
||||||
rich: {
|
rich: {
|
||||||
a: {
|
a: {
|
||||||
fontSize: 15,
|
fontSize: 15,
|
||||||
|
|
@ -236,10 +259,8 @@
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
}, ],
|
||||||
],
|
}, ],
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
};
|
||||||
|
|
||||||
// console.log( this.$refs.chartRef,'1111');
|
// console.log( this.$refs.chartRef,'1111');
|
||||||
|
|
@ -292,6 +313,12 @@
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '修改成功',
|
title: '修改成功',
|
||||||
|
icon: 'success',
|
||||||
|
duration: 2000
|
||||||
|
})
|
||||||
|
}else if(res.code == 500){
|
||||||
|
uni.showToast({
|
||||||
|
title: '设备不在线',
|
||||||
icon: 'none',
|
icon: 'none',
|
||||||
duration: 2000
|
duration: 2000
|
||||||
})
|
})
|
||||||
|
|
@ -305,6 +332,8 @@
|
||||||
// this.$forceUpdate()
|
// this.$forceUpdate()
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
this.deviceInfo = res.data
|
this.deviceInfo = res.data
|
||||||
|
this.storeId = res.data.storeId
|
||||||
|
this.qrResult = 'CTKG-' + res.data.mac
|
||||||
if (res.data.customPicture != '自定义图片路径') {
|
if (res.data.customPicture != '自定义图片路径') {
|
||||||
this.imglist = res.data.customPicture
|
this.imglist = res.data.customPicture
|
||||||
} else {
|
} else {
|
||||||
|
|
@ -414,14 +443,174 @@
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/page_user/setting?id=' + this.id
|
url: '/page_user/setting?id=' + this.id
|
||||||
})
|
})
|
||||||
}else if(num == 5){
|
} else if (num == 5) {
|
||||||
console.log(this.deviceInfo);
|
console.log(this.deviceInfo);
|
||||||
|
// uni.navigateTo({
|
||||||
|
// url: '/page_fenbao/device/lianjie?mac=' + this.deviceInfo.mac + '&storeId=' + this
|
||||||
|
// .deviceInfo.storeId
|
||||||
|
// })
|
||||||
|
|
||||||
|
xBlufi.initXBlufi(1);
|
||||||
|
xBlufi.listenDeviceMsgEvent(true, this.funListenDeviceMsgEvent);
|
||||||
|
xBlufi.notifyStartDiscoverBle({
|
||||||
|
'isStart': true
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
// 停止蓝牙搜索
|
||||||
|
setTimeout(() => {
|
||||||
|
xBlufi.notifyStartDiscoverBle({
|
||||||
|
'isStart': false
|
||||||
|
});
|
||||||
|
xBlufi.notifyConnectBle({
|
||||||
|
isStart: true,
|
||||||
|
deviceId: this.deviceId,
|
||||||
|
name: this.name
|
||||||
|
});
|
||||||
|
}, 2000)
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
funListenDeviceMsgEvent: function(options) {
|
||||||
|
switch (options.type) {
|
||||||
|
case xBlufi.XBLUFI_TYPE.TYPE_GET_DEVICE_LISTS:
|
||||||
|
if (options.result) {
|
||||||
|
let devicesarr = options.data
|
||||||
|
// console.log(devicesarr,'devicesarrdevicesarr');
|
||||||
|
devicesarr.forEach(device => {
|
||||||
|
const mac = device.name.substring(5);
|
||||||
|
if (device.name == this.qrResult) {
|
||||||
|
this.deviceId = device.deviceId
|
||||||
|
this.name = device.name
|
||||||
|
this.mac = device.name.slice(5,17)
|
||||||
|
console.log(this.mac,'macmacmac');
|
||||||
|
this.devicesList = uniqueDevicesList;
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
|
||||||
|
case xBlufi.XBLUFI_TYPE.TYPE_CONNECTED:
|
||||||
|
console.log("连接回调:" + JSON.stringify(options));
|
||||||
|
if (options.result) {
|
||||||
|
uni.hideLoading();
|
||||||
|
// uni.showToast({
|
||||||
|
// title: '连接成功',
|
||||||
|
// icon: 'none'
|
||||||
|
// });
|
||||||
|
{
|
||||||
|
console.log("连接回调options.data.deviceId:" + options.data.deviceId,
|
||||||
|
"连接回调options.data.name:" + options.data.name);
|
||||||
|
let name = ''
|
||||||
|
let index = this.name.indexOf('-');
|
||||||
|
if (index !== -1) {
|
||||||
|
name = this.name.slice(index + 1);
|
||||||
|
}
|
||||||
|
let data = {
|
||||||
|
storeId:this.storeId,
|
||||||
|
mac:this.mac
|
||||||
|
}
|
||||||
|
this.$u.put('/app/device/bind', data).then((res) => {
|
||||||
|
if (res.code == 200) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '绑定成功',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
});
|
||||||
|
uni.hideLoading();
|
||||||
|
uni.removeStorageSync('mac');
|
||||||
|
let systemInfo = uni.getSystemInfoSync();
|
||||||
|
if (systemInfo.platform === 'android') {
|
||||||
|
// 当前设备是 Android
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url:'/page_fenbao/device/lianjie?mac=' + this.deviceInfo.mac + '&storeId=' + this.deviceInfo.storeId
|
url: '/page_components/wifilist/index?deviceId=' +
|
||||||
|
options.data.deviceId + '&name=' + options.data.name
|
||||||
|
})
|
||||||
|
} else if (systemInfo.platform === 'ios') {
|
||||||
|
// 当前设备是 iOS
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/page_fenbao/device/wifivideo?deviceId=' +
|
||||||
|
options.data.deviceId + '&name=' + options.data.name
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
}else if(res.code == 500){
|
||||||
|
uni.showToast({
|
||||||
|
title: '该设备已被绑定',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
uni.showToast({
|
||||||
|
title: '连接失败',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
});
|
||||||
|
// uni.navigateBack()
|
||||||
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
break;
|
||||||
|
|
||||||
|
case xBlufi.XBLUFI_TYPE.TYPE_GET_DEVICE_LISTS_START:
|
||||||
|
if (!options.result) {
|
||||||
|
console.log("蓝牙未开启", options);
|
||||||
|
uni.showToast({
|
||||||
|
title: '蓝牙未开启',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 3000
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
// this.searching = true
|
||||||
|
//蓝牙搜索开始
|
||||||
|
// _this.setData({
|
||||||
|
// searching: true
|
||||||
|
// });
|
||||||
|
}
|
||||||
|
|
||||||
|
break;
|
||||||
|
|
||||||
|
case xBlufi.XBLUFI_TYPE.TYPE_GET_DEVICE_LISTS_STOP:
|
||||||
|
if (options.result) {
|
||||||
|
let uniqueDevicesList = Array.from(new Set(this.devicesList));
|
||||||
|
|
||||||
|
// 将去重后的数组重新赋值给 this.devicesList
|
||||||
|
this.devicesList = uniqueDevicesList;
|
||||||
|
let list = []
|
||||||
|
filteredDevices.forEach(device => {
|
||||||
|
// 从设备名称中提取 MAC 地址(假设 MAC 地址是设备名称的后6个字符)
|
||||||
|
let macFromName = device.name.substring(device.name.length - 12);
|
||||||
|
this.$u.get(`/app/device/${macFromName}/isBind`).then((res) => {
|
||||||
|
if (res.data == false) {
|
||||||
|
list.push(device)
|
||||||
|
} else {
|
||||||
|
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
});
|
||||||
|
setTimeout(() => {
|
||||||
|
this.devicesList = list
|
||||||
|
}, 200)
|
||||||
|
|
||||||
|
console.log('蓝牙停止搜索ok');
|
||||||
|
} else {
|
||||||
|
//蓝牙停止搜索失败
|
||||||
|
console.log('蓝牙停止搜索失败');
|
||||||
|
}
|
||||||
|
this.searching = false
|
||||||
|
// _this.setData({
|
||||||
|
// searching: false
|
||||||
|
// });
|
||||||
|
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -477,6 +666,7 @@
|
||||||
image {
|
image {
|
||||||
width: 170rpx;
|
width: 170rpx;
|
||||||
height: 160rpx;
|
height: 160rpx;
|
||||||
|
border-radius: 20rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -441,6 +441,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
page {
|
page {
|
||||||
background-color: #F7FAFE;
|
background-color: #F7FAFE;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -87,6 +87,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
page {
|
page {
|
||||||
background-color: #F7FAFE;
|
background-color: #F7FAFE;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
page {
|
page {
|
||||||
background-color: #F7FAFE;
|
background-color: #F7FAFE;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -205,6 +205,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
page {
|
page {
|
||||||
background-color: #F7FAFE;
|
background-color: #F7FAFE;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -159,7 +159,8 @@
|
||||||
// this.$forceUpdate()
|
// this.$forceUpdate()
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
this.userinfo=res.data
|
this.userinfo=res.data
|
||||||
console.log(this.userinfo);
|
this.money = ''
|
||||||
|
// console.log(this.userinfo);
|
||||||
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
@ -170,6 +171,12 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" >
|
<style lang="scss" >
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
page{
|
page{
|
||||||
background: #F7FAFE;
|
background: #F7FAFE;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -386,6 +386,14 @@
|
||||||
"enablePullDownRefresh": false,
|
"enablePullDownRefresh": false,
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
|
}, {
|
||||||
|
"path": "chongzhi",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"navigationBarBackgroundColor": "#4473f6",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationStyle": "custom"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}, {
|
}, {
|
||||||
|
|
|
||||||
|
|
@ -20,11 +20,15 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="fd">
|
<view class="fd" >
|
||||||
<view class="fd_top">
|
<view class="fd_top">
|
||||||
|
<view class="fd_da">
|
||||||
<view class="fd_tit">
|
<view class="fd_lt">
|
||||||
{{titlist}}
|
<view class="fd_tit" v-for="(item,index) in groupLists" :key="index"
|
||||||
|
:class="index==curtitidx?'act1':''" @click="changeidx(index)">
|
||||||
|
{{item.name}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="right">
|
<view class="right">
|
||||||
<!-- <view class="fd_set" @click="show = true">
|
<!-- <view class="fd_set" @click="show = true">
|
||||||
|
|
@ -50,7 +54,8 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="card_cont">
|
<view class="card_cont">
|
||||||
<view class="cards" v-for="(item,index) in groupLists" :key="index" @click="changeGp(item)">
|
<view class="cards" v-for="(item,index) in groupLists" :key="index" >
|
||||||
|
<!-- //@click="changeGp(item)" -->
|
||||||
<view class="txt">
|
<view class="txt">
|
||||||
{{item.name}}
|
{{item.name}}
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -63,25 +68,27 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="warp_box">
|
|
||||||
<view class="swiper" style="height: 100%;" :current='curtitidx' @change="swiperchange">
|
<swiper class="swiper" style="height: 100%;margin-top: 20rpx;" :current='curtitidx' @change="swiperchange" @scrolltolower="onReachBottom">
|
||||||
<view>
|
<swiper-item v-for="(item,index) in groupLists" :key="index">
|
||||||
<view class="swiper-item ">
|
<view class="" v-if="shujuflag">
|
||||||
<view class="card_box" @scrolltolower="onReachBottom" @click="todetail(item.deviceId)"
|
暂无设备...
|
||||||
|
</view>
|
||||||
|
<view class="swiper-item " >
|
||||||
|
<view class="card_box" @click="todetail(item.deviceId)"
|
||||||
v-for="(item,index) in wateringList" :key="index">
|
v-for="(item,index) in wateringList" :key="index">
|
||||||
<view class="card">
|
<view class="card" >
|
||||||
<view class="card_left">
|
<view class="card_left">
|
||||||
<view class="card_left_tit">
|
<view class="card_left_tit">
|
||||||
{{item.deviceName}}
|
{{item.deviceName}}
|
||||||
</view>
|
</view>
|
||||||
<view class="card_left_sta">
|
<view class="card_left_sta">
|
||||||
<image
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uZSiz7XWpxcXEkl6sTwj"
|
||||||
src="https://api.ccttiot.com/smartmeter/img/static/uZSiz7XWpxcXEkl6sTwj"
|
|
||||||
mode=""></image>
|
mode=""></image>
|
||||||
<view class="sta_txt" v-if="item.status==3">
|
<view class="sta_txt" v-if="item.status==3">
|
||||||
维修中
|
维修中
|
||||||
</view>
|
</view>
|
||||||
<view class="sta_txt" v-if="item.status==2" style="color:#ccc;">
|
<view class="sta_txt" v-if="item.status==2" style="color:greenyellow;">
|
||||||
使用中
|
使用中
|
||||||
</view>
|
</view>
|
||||||
<view class="sta_txt" v-if="item.status==1" style="color:seagreen;">
|
<view class="sta_txt" v-if="item.status==1" style="color:seagreen;">
|
||||||
|
|
@ -93,17 +100,15 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="card_right">
|
<view class="card_right">
|
||||||
<image :src="item.picture" mode=""></image>
|
<image v-if="item.customPicture" :src="item.customPicture" mode="" style="border-radius: 20rpx;"></image>
|
||||||
</view>
|
<image v-else :src="item.picture" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</swiper-item>
|
||||||
<!-- <view style="margin-left:200rpx; color: #ccc;font-size: 36rpx;margin-top: 200rpx;width: 750rpx;">
|
</swiper>
|
||||||
该店铺暂无设备...</view> -->
|
|
||||||
</view>
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
@ -185,14 +190,15 @@
|
||||||
isLoading: false,
|
isLoading: false,
|
||||||
noMoreData: false,
|
noMoreData: false,
|
||||||
total: 0,
|
total: 0,
|
||||||
|
shujuflag:false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
|
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
this.wateringList = []
|
|
||||||
this.pagenum = 1
|
this.pagenum = 1
|
||||||
|
this.wateringList = []
|
||||||
this.logins();
|
this.logins();
|
||||||
this.getgroup();
|
this.getgroup();
|
||||||
this.deviceId = uni.getStorageSync('deviceIds');
|
this.deviceId = uni.getStorageSync('deviceIds');
|
||||||
|
|
@ -237,6 +243,13 @@
|
||||||
}, 2000);
|
}, 2000);
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
tocz() {
|
tocz() {
|
||||||
this.showtip = false
|
this.showtip = false
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
|
|
@ -344,9 +357,12 @@
|
||||||
// 有数据,追加到列表
|
// 有数据,追加到列表
|
||||||
this.wateringList = this.wateringList.concat(res.rows)
|
this.wateringList = this.wateringList.concat(res.rows)
|
||||||
this.pagenum++
|
this.pagenum++
|
||||||
|
this.shujuflag = false
|
||||||
|
uni.hideLoading()
|
||||||
} else {
|
} else {
|
||||||
// 没有更多数据
|
// 没有更多数据
|
||||||
|
this.shujuflag = true
|
||||||
|
uni.hideLoading()
|
||||||
}
|
}
|
||||||
this.isLoading = false;
|
this.isLoading = false;
|
||||||
}
|
}
|
||||||
|
|
@ -362,9 +378,12 @@
|
||||||
// 有数据,追加到列表
|
// 有数据,追加到列表
|
||||||
this.wateringList = this.wateringList.concat(res.rows)
|
this.wateringList = this.wateringList.concat(res.rows)
|
||||||
this.pagenum++
|
this.pagenum++
|
||||||
|
this.shujuflag = false
|
||||||
|
uni.hideLoading()
|
||||||
} else {
|
} else {
|
||||||
// 没有更多数据
|
// 没有更多数据
|
||||||
|
this.shujuflag = true
|
||||||
|
uni.hideLoading()
|
||||||
}
|
}
|
||||||
this.isLoading = false;
|
this.isLoading = false;
|
||||||
}
|
}
|
||||||
|
|
@ -695,8 +714,15 @@
|
||||||
|
|
||||||
},
|
},
|
||||||
swiperchange(e) {
|
swiperchange(e) {
|
||||||
|
uni.showLoading({
|
||||||
|
title: '加载中...'
|
||||||
|
});
|
||||||
|
this.wateringList = []
|
||||||
|
this.pagenum = 1
|
||||||
this.curtitidx = e.detail.current
|
this.curtitidx = e.detail.current
|
||||||
// console.log(e, 'aaaa');
|
// console.log(this.groupLists[this.curtitidx].storeId)
|
||||||
|
this.storeId = this.groupLists[this.curtitidx].storeId
|
||||||
|
this.getlist()
|
||||||
},
|
},
|
||||||
|
|
||||||
getdevice() {
|
getdevice() {
|
||||||
|
|
@ -745,11 +771,19 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
page {
|
page {
|
||||||
background-color: #F7FAFE;
|
background-color: #F7FAFE;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page {
|
.page {
|
||||||
|
height: 100%;
|
||||||
padding-bottom: 200rpx;
|
padding-bottom: 200rpx;
|
||||||
|
|
||||||
.tip_box {
|
.tip_box {
|
||||||
|
|
@ -1214,20 +1248,52 @@
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
// justify-content: space-between;
|
// justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
// position: fixed;
|
||||||
|
// top: 220rpx;
|
||||||
|
// left: 50%;
|
||||||
|
// transform: translateX(-50%);
|
||||||
|
.fd_da {
|
||||||
|
width: 600rpx;
|
||||||
|
// overflow-x: scroll;
|
||||||
|
overflow: hidden;
|
||||||
|
overflow-x: auto;
|
||||||
|
white-space: nowrap;
|
||||||
|
-ms-overflow-style: none;
|
||||||
|
/* 去除IE和Edge的默认滚动条 */
|
||||||
|
scrollbar-width: none;
|
||||||
|
|
||||||
|
/* 去除Firefox的默认滚动条 */
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fd_lt {
|
||||||
|
width: 100vh;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
.fd_tit {
|
.fd_tit {
|
||||||
// width: 40%;
|
// width: 40%;
|
||||||
|
text-align: center;
|
||||||
margin-right: 20rpx;
|
// width: 100%;
|
||||||
|
padding: 0 30rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
// margin-right: 20rpx;
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #666;
|
color: #666;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.act1 {
|
.act1 {
|
||||||
color: #000000;
|
font-weight: 700 !important;
|
||||||
|
color: #000000 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -1249,12 +1315,24 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
.shebei{
|
||||||
|
width: 750rpx;
|
||||||
|
height: 100vh;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
text-align: center;
|
||||||
|
padding-top: 300rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
.swiper {
|
.swiper {
|
||||||
|
// height: 100vh;
|
||||||
.swiper-item {
|
.swiper-item {
|
||||||
|
height: 100vh;
|
||||||
height: 100%;
|
overflow-y: auto;
|
||||||
|
padding-bottom: 660rpx;
|
||||||
.card_box {
|
.card_box {
|
||||||
margin-top: 34rpx;
|
margin-top: 34rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
|
|
@ -4,35 +4,39 @@
|
||||||
<view class="useryonghu">
|
<view class="useryonghu">
|
||||||
<u-navbar :is-back="false" title="首页" :border-bottom="false" :background="bgc" title-color='#fff'
|
<u-navbar :is-back="false" title="首页" :border-bottom="false" :background="bgc" title-color='#fff'
|
||||||
title-size='44' height='58'></u-navbar>
|
title-size='44' height='58'></u-navbar>
|
||||||
<!-- <view class="title">
|
|
||||||
充电宝
|
|
||||||
</view> -->
|
|
||||||
<view class="ditu">
|
<view class="ditu">
|
||||||
<view class="dtxs">
|
<view class="dtxs">
|
||||||
<map class='map' :latitude="latitude" :longitude="longitude" @markertap="handleMarkerClick"
|
<map class='map' :latitude="latitude" :longitude="longitude" @markertap="handleMarkerClick"
|
||||||
:show-location="true" :markers="covers" :scale="15"/>
|
@scale="onMapScaleChange" :show-location="true" :markers="covers" :scale="mapScale" />
|
||||||
</view>
|
</view>
|
||||||
<view class="fujin">
|
<view class="fujin">
|
||||||
<image src="https://api.ccttiot.com/smartmeter/img/static/u7HPhEwbIJqbLRpImBON" mode="" @click="btnindex(5)"></image>
|
<image src="https://api.ccttiot.com/smartmeter/img/static/u7HPhEwbIJqbLRpImBON" mode=""
|
||||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uGVN2tOaCq2hiWKy1cYl" mode="" @click="btnindex(6)" v-if="isMch"></image>
|
@click="btnindex(5)"></image>
|
||||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uzSmYNgLYJRMEmo4TWyA" mode="" @click="btnindex(7)"
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uGVN2tOaCq2hiWKy1cYl" mode=""
|
||||||
|
@click="btnindex(6)" v-if="isMch"></image>
|
||||||
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uzSmYNgLYJRMEmo4TWyA" mode=""
|
||||||
|
@click="btnindex(7)"
|
||||||
style="width: 58rpx;height: 58rpx;position: fixed;top: 940rpx;right: 60rpx;"></image>
|
style="width: 58rpx;height: 58rpx;position: fixed;top: 940rpx;right: 60rpx;"></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="tubiao">
|
<view class="tubiao">
|
||||||
<view class="gr" @click="btnindex(1)">
|
<view class="gr" @click="btnindex(1)">
|
||||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uJBKoGWpRH2lM1NpQU0I" mode="" style="width: 96rpx;height:98rpx;"></image>
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uJBKoGWpRH2lM1NpQU0I" mode=""
|
||||||
|
style="width: 96rpx;height:98rpx;"></image>
|
||||||
<!-- 个人中心 -->
|
<!-- 个人中心 -->
|
||||||
</view>
|
</view>
|
||||||
<view class="gr" @click="btnindex(2)">
|
<view class="gr" @click="btnindex(2)">
|
||||||
<image src="https://api.ccttiot.com/smartmeter/img/static/u8rWtdPtHabALkII23Zr" mode="" style="width: 96rpx;height:102rpx;"></image>
|
<image src="https://api.ccttiot.com/smartmeter/img/static/u8rWtdPtHabALkII23Zr" mode=""
|
||||||
|
style="width: 96rpx;height:102rpx;"></image>
|
||||||
<!-- 我的订单 -->
|
<!-- 我的订单 -->
|
||||||
</view>
|
</view>
|
||||||
<view class="gr" @click="btnindex(3)">
|
<view class="gr" @click="btnindex(3)">
|
||||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uphoDfOVnT6VEyj6glfF" mode="" style="width: 96rpx;height:98rpx;"></image>
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uphoDfOVnT6VEyj6glfF" mode=""
|
||||||
|
style="width: 96rpx;height:98rpx;"></image>
|
||||||
<!-- 附近门店 -->
|
<!-- 附近门店 -->
|
||||||
</view>
|
</view>
|
||||||
<view class="gr" @click="btnindex(4)">
|
<view class="gr" @click="btnindex(4)">
|
||||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uBN46m7mPVlbbPth80FC" mode="" style="width: 96rpx;height:94rpx;"></image>
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uBN46m7mPVlbbPth80FC" mode=""
|
||||||
|
style="width: 96rpx;height:94rpx;"></image>
|
||||||
<!-- 联系客服 -->
|
<!-- 联系客服 -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -41,10 +45,29 @@
|
||||||
</view>
|
</view>
|
||||||
<view class="saoma" @click="scanQRCode">
|
<view class="saoma" @click="scanQRCode">
|
||||||
<view>
|
<view>
|
||||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uBh15vzRx6gV0wRQj7gi" mode=""></image>扫一扫
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uBh15vzRx6gV0wRQj7gi" mode=""></image>
|
||||||
|
扫一扫
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
<view class="tip_box" v-if="czflag">
|
||||||
|
<view class="top">
|
||||||
|
<view class="txt">
|
||||||
|
系统检测到您的设备未联网或者为蓝牙版本,金额充值失败,请靠近设备进行蓝牙充值
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="bot">
|
||||||
|
<view class="bot_left" @click="czflag = false">
|
||||||
|
取消
|
||||||
|
</view>
|
||||||
|
<view class="bot_right" @click="tocz()">
|
||||||
|
蓝牙充值
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -69,22 +92,35 @@
|
||||||
jinweidu: '',
|
jinweidu: '',
|
||||||
userType: '',
|
userType: '',
|
||||||
isMch: false,
|
isMch: false,
|
||||||
imgad:''
|
imgad: '',
|
||||||
|
|
||||||
|
mapScale: 15,
|
||||||
|
czflag:false,
|
||||||
|
datetime:0,
|
||||||
|
dingobj:''
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
// this.initOtherCovers(); // 初始化其他覆盖物
|
// this.initOtherCovers(); // 初始化其他覆盖物
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
this.logins();
|
this.logins();
|
||||||
this.getad()
|
this.getad()
|
||||||
|
this.gethuidaio()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
||||||
|
onMapScaleChange(e) {
|
||||||
|
// console.log(this.covers,'eeeeeeeee');
|
||||||
|
this.mapScale = e.detail.scale; // 更新当前缩放级别
|
||||||
|
this.getMyLocation()
|
||||||
|
// this.covers.forEach(marker => {
|
||||||
|
// marker.label.content = this.mapScale > 13 ? marker.label.content : '';
|
||||||
|
// });
|
||||||
|
},
|
||||||
|
|
||||||
scanQRCode() {
|
scanQRCode() {
|
||||||
|
|
||||||
|
|
@ -94,8 +130,8 @@
|
||||||
success: res => {
|
success: res => {
|
||||||
// console.log('扫描结果:', res);
|
// console.log('扫描结果:', res);
|
||||||
let id = res.result
|
let id = res.result
|
||||||
this.$u.get(`/app/device/${res.result}/withSuitList`).then((res) =>{
|
this.$u.get(`/app/device/${res.result}/withSuitList`).then((res) => {
|
||||||
if(res.code == 200){
|
if (res.code == 200) {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/page_components/fuwu/index?id=' + id
|
url: '/page_components/fuwu/index?id=' + id
|
||||||
})
|
})
|
||||||
|
|
@ -112,7 +148,7 @@
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
getad(){
|
getad() {
|
||||||
this.$u.get("/app/ad").then((res) => {
|
this.$u.get("/app/ad").then((res) => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
this.imgad = res.data.picture
|
this.imgad = res.data.picture
|
||||||
|
|
@ -121,6 +157,8 @@
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
btnindex(num) {
|
btnindex(num) {
|
||||||
if (num == 2) {
|
if (num == 2) {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
|
|
@ -153,18 +191,21 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
getMyLocation() {
|
getMyLocation() {
|
||||||
uni.getLocation({
|
uni.getLocation({
|
||||||
type: 'wgs84',
|
type: 'wgs84',
|
||||||
success: (res) => {
|
success: (res) => {
|
||||||
console.log('我的位置:', res);
|
// console.log('我的位置:', res);
|
||||||
this.latitude = res.latitude;
|
this.latitude = res.latitude;
|
||||||
this.longitude = res.longitude;
|
this.longitude = res.longitude;
|
||||||
this.jinweidu = this.longitude + ',' + this.latitude;
|
this.jinweidu = this.longitude + ',' + this.latitude;
|
||||||
// 请求附近的店铺
|
// 请求附近的店铺
|
||||||
this.$u.get("/app/store/listNearBy?center=" + this.jinweidu + '&radius=' + 1000).then(res => {
|
this.$u.get("/app/store/listNearBy?center=" + this.jinweidu + '&radius=' + 1000).then(
|
||||||
|
res => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
console.log(res);
|
// console.log(res);
|
||||||
// 假设返回的店铺数据在res.rows中,并且每个店铺有latitude和longitude字段
|
// 假设返回的店铺数据在res.rows中,并且每个店铺有latitude和longitude字段
|
||||||
res.data.forEach(item => {
|
res.data.forEach(item => {
|
||||||
const shopCover = {
|
const shopCover = {
|
||||||
|
|
@ -173,11 +214,11 @@
|
||||||
longitude: item.lng,
|
longitude: item.lng,
|
||||||
width: 25,
|
width: 25,
|
||||||
height: 30,
|
height: 30,
|
||||||
iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uZXgsJE6hXbRSwbKILB4' ,// 你可以为每个店铺指定不同的图标
|
iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uZXgsJE6hXbRSwbKILB4', // 你可以为每个店铺指定不同的图标
|
||||||
label: {
|
label: {
|
||||||
content: item.name,
|
content: item.name,
|
||||||
// anchorX:-20,
|
// anchorX:-20,
|
||||||
textAlign:'center'
|
textAlign: 'center'
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
this.covers.push(shopCover); // 将店铺覆盖物添加到数组中
|
this.covers.push(shopCover); // 将店铺覆盖物添加到数组中
|
||||||
|
|
@ -254,6 +295,28 @@
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
gethuidaio(){
|
||||||
|
this.$u.get('/app/bill/recharge/device/fail/list').then(res => {
|
||||||
|
if(res.code == 200){
|
||||||
|
if(res.data.length > 0){
|
||||||
|
this.czflag = true
|
||||||
|
this.dingobj = res.data
|
||||||
|
}else{
|
||||||
|
uni.removeStorageSync('time')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
tocz(){
|
||||||
|
this.czflag = false
|
||||||
|
uni.navigateTo({
|
||||||
|
url:'/page_fenbao/chongzhi?dingobj=' + JSON.stringify(this.dingobj)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.getMyLocation(); // 获取并设置自身位置的覆盖物
|
this.getMyLocation(); // 获取并设置自身位置的覆盖物
|
||||||
|
|
@ -262,6 +325,13 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 41rpx;
|
||||||
|
}
|
||||||
|
|
||||||
/deep/ .map {
|
/deep/ .map {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
@ -282,11 +352,57 @@
|
||||||
padding-left: 34rpx;
|
padding-left: 34rpx;
|
||||||
padding-right: 34rpx;
|
padding-right: 34rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
position: fixed;
|
height: 100%;
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
|
|
||||||
// 代理样式
|
// 代理样式
|
||||||
|
.tip_box{
|
||||||
|
position: fixed;
|
||||||
|
left: 72rpx;
|
||||||
|
top: 700rpx;
|
||||||
|
width: 610rpx;
|
||||||
|
background: #F7FAFE;
|
||||||
|
border-radius: 30rpx 30rpx 30rpx 30rpx;
|
||||||
|
z-index: 10000000;
|
||||||
|
.top{
|
||||||
|
padding: 52rpx 38rpx 42rpx 36rpx;
|
||||||
|
.txt{
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #3D3D3D;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.bot{
|
||||||
|
border-top: 2rpx solid #D8D8D8 ;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
height: 100%;
|
||||||
|
.bot_left{
|
||||||
|
width: 50%;
|
||||||
|
height: 98rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #3D3D3D;
|
||||||
|
}
|
||||||
|
.bot_right{
|
||||||
|
width: 50%;
|
||||||
|
height: 98rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
border-left: 2rpx solid #D8D8D8 ;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #8883F0;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
.userdaili {
|
.userdaili {
|
||||||
.gongneng {
|
.gongneng {
|
||||||
width: 680rpx;
|
width: 680rpx;
|
||||||
|
|
@ -373,7 +489,6 @@
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 148rpx;
|
width: 148rpx;
|
||||||
height: 84rpx;
|
height: 84rpx;
|
||||||
// background: #E1F3ED;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 84rpx;
|
line-height: 84rpx;
|
||||||
}
|
}
|
||||||
|
|
@ -510,7 +625,7 @@
|
||||||
height: 980rpx;
|
height: 980rpx;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border-radius: 38rpx 38rpx 38rpx 38rpx;
|
border-radius: 38rpx 38rpx 38rpx 38rpx;
|
||||||
margin-top: 34rpx;
|
// margin-top: 34rpx;
|
||||||
padding-top: 16rpx;
|
padding-top: 16rpx;
|
||||||
|
|
||||||
.fujin {
|
.fujin {
|
||||||
|
|
|
||||||
23
pages/tj.vue
23
pages/tj.vue
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="page">
|
<view class="page">
|
||||||
<u-navbar :is-back="false" title="统计" :border-bottom="false" :background="bgc" title-color='#fff'
|
<u-navbar :is-back="false" title="统计" :border-bottom="false" :background="bgc" title-color='#fff'
|
||||||
title-size='44' height='58' id="navbar">
|
title-size='44' height='48' id="navbar">
|
||||||
</u-navbar>
|
</u-navbar>
|
||||||
|
|
||||||
<view v-if="userType=='01'">
|
<view v-if="userType=='01'">
|
||||||
|
|
@ -20,11 +20,12 @@
|
||||||
本月收入{{recharge}}(元) 累计收入{{totalRecharge}}(元)
|
本月收入{{recharge}}(元) 累计收入{{totalRecharge}}(元)
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="echarts">
|
<view class="echarts" >
|
||||||
|
<!-- <uni-ec-canvas class="uni-ec-canvas" id="uni-ec-canvas" ref="canvas" canvas-id="uni-ec-canvas" :ec="ec"></uni-ec-canvas> -->
|
||||||
<uni-ec-canvas class="uni-ec-canvas" id="uni-ec-canvas" ref="canvas" canvas-id="uni-ec-canvas" :ec="ec"></uni-ec-canvas>
|
<uni-ec-canvas class="uni-ec-canvas" id="uni-ec-canvas" ref="canvas" canvas-id="uni-ec-canvas" :ec="ec"></uni-ec-canvas>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="list" style="padding-bottom: 120rpx;">
|
<view class="list" style="padding-bottom: 240rpx;">
|
||||||
<view class="card_list" v-for="(item,index) in timelist" :key="index">
|
<view class="card_list" v-for="(item,index) in timelist" :key="index">
|
||||||
<view class="left">
|
<view class="left">
|
||||||
{{yeartime.year + '年' + yeartime.month + '月' + item.createDay + '日'}}
|
{{yeartime.year + '年' + yeartime.month + '月' + item.createDay + '日'}}
|
||||||
|
|
@ -101,7 +102,6 @@
|
||||||
recharge: 0,
|
recharge: 0,
|
||||||
bgc: {
|
bgc: {
|
||||||
backgroundColor: "#8883f0",
|
backgroundColor: "#8883f0",
|
||||||
|
|
||||||
},
|
},
|
||||||
show: false,
|
show: false,
|
||||||
yeartime: {
|
yeartime: {
|
||||||
|
|
@ -171,7 +171,7 @@
|
||||||
|
|
||||||
year: this.yeartime.year,
|
year: this.yeartime.year,
|
||||||
month: this.yeartime.month,
|
month: this.yeartime.month,
|
||||||
groupBy: 'create_day'
|
groupBy: 'create_date'
|
||||||
}
|
}
|
||||||
this.loging = false
|
this.loging = false
|
||||||
this.$u.get('app/bill/landlordCount', data).then((res) => {
|
this.$u.get('app/bill/landlordCount', data).then((res) => {
|
||||||
|
|
@ -426,6 +426,13 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
/deep/ .u-title{
|
||||||
|
padding-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
/deep/ .u-icon__icon{
|
||||||
|
padding-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
.uni-ec-canvas {
|
.uni-ec-canvas {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 320rpx;
|
height: 320rpx;
|
||||||
|
|
@ -462,7 +469,7 @@
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
padding-top: 32rpx;
|
padding-top: 32rpx;
|
||||||
margin-top: 46rpx;
|
margin-top: 10rpx;
|
||||||
width: 632rpx;
|
width: 632rpx;
|
||||||
height: 586rpx;
|
height: 586rpx;
|
||||||
background: #8883F0;
|
background: #8883F0;
|
||||||
|
|
@ -506,8 +513,8 @@
|
||||||
// height: 80%;
|
// height: 80%;
|
||||||
width: 588rpx;
|
width: 588rpx;
|
||||||
height: 320rpx;
|
height: 320rpx;
|
||||||
|
// overflow: hidden;
|
||||||
|
// overflow-x: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user