chuangte/smartswrtch-app
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

设备详情大修改

Browse Source
This commit is contained in:
3321822538@qq.com 2024-09-28 18:10:03 +08:00
parent a66290c5a1
commit 1b86d650af
8 changed files with 498 additions and 364 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({ Vue.prototype.$u.http.setConfig({
// baseUrl: 'http://192.168.2.81:10002', baseUrl: 'http://192.168.2.81:10002',
baseUrl: 'https://kg.chuangtewl.com/prod-api', // baseUrl: 'https://kg.chuangtewl.com/prod-api',
// loadingText: '努力加载中~', // loadingText: '努力加载中~',
// loadingTime: 1000, // loadingTime: 1000,
// 设置自定义头部content-type // 设置自定义头部content-type

9
page_components/fuwu/index.vue
View File

@ -113,7 +113,7 @@
<view class="tongyi" v-if="deviceobj.suitList != null"> <view class="tongyi" v-if="deviceobj.suitList != null">
<u-checkbox-group> <u-checkbox-group>
<u-checkbox v-model="checked" @change="checkboxChange" active-color="#8883F0 ">我已同意 <u-checkbox v-model="checked" @change="checkboxChange" active-color="#8883F0 ">我已同意
</u-checkbox><text @click="btnyinsi">《用户服务协议》</text> </u-checkbox><text @click="btnyonghu">《用户服务协议》</text> <text @click="btnyinsi">《隐私政策》</text>
</u-checkbox-group> </u-checkbox-group>
<view class="zf" @click="btnzhifu" v-if="zhifuflag"> <view class="zf" @click="btnzhifu" v-if="zhifuflag">
立即支付 立即支付
@ -350,8 +350,13 @@
}) })
}, },
// 用户服务协议 //
btnyinsi(){ btnyinsi(){
uni.navigateTo({
url: '/page_fenbao/statulist/about/index?tit=' + '隐私政策'
})
},
btnyonghu(){
uni.navigateTo({ uni.navigateTo({
url: '/page_fenbao/statulist/about/index?tit=' + '用户服务协议' url: '/page_fenbao/statulist/about/index?tit=' + '用户服务协议'
}) })

7
page_components/shebeixz.vue
View File

@ -7,8 +7,11 @@
<view class="box_list" v-for="(item, index) in list" :key="index" @click="btnactive(item.deviceId,index,item)" > <view class="box_list" v-for="(item, index) in list" :key="index" @click="btnactive(item.deviceId,index,item)" >
<view :class="['boxlist', { active: tcidlist.includes(item.deviceId) }]"> <view :class="['boxlist', { active: tcidlist.includes(item.deviceId) }]">
<view :class="['toptime', { activewz: tcidlist.includes(item.deviceId) }]"> <view :class="['toptime', { activewz: tcidlist.includes(item.deviceId) }]">
<text>{{item.deviceName.length > 5 ? item.deviceName.substring(0,4) + '...' : item.deviceName}}</text> <text>{{item.deviceName.length > 5 ? item.deviceName.substring(0,4) + '...' : item.deviceName}}
<text>SN:{{item.deviceNo}}</text> <text style="display: block;margin-top: 10rpx;">SN:{{item.deviceNo}}</text>
</text>
<text v-if="tcidlist.includes(item.deviceId)">已应用</text>
<text v-else>未应用</text>
</view> </view>
</view> </view>
<view class="ccc"> <view class="ccc">

11
page_components/wifilist/index.vue
View File

@ -535,22 +535,11 @@
}); });
return; return;
} }
// uni.showLoading({
// title: '正在配网',
// mask: true
// })
this.textwifi = '连接中...' this.textwifi = '连接中...'
xBlufi.notifySendCustomData({ xBlufi.notifySendCustomData({
      customData: "ssid@" + this.ssid + "pass@" + this.password       customData: "ssid@" + this.ssid + "pass@" + this.password
 })  })
// xBlufi.notifySendCustomData({
// customData: "ssid@" + this.name
// })
// xBlufi.notifySendCustomData({
// customData: "pass@" + this.password
// })
}, },

15
page_fenbao/statulist/about/index.vue
View File

@ -41,8 +41,10 @@
this.tit = option.tit this.tit = option.tit
if (option.tit == '关于我们') { if (option.tit == '关于我们') {
this.getabout() this.getabout()
}else{ }else if(option.tit == '隐私政策'){
this.getabouts() this.getabouts()
}else if(option.tit == '用户服务协议'){
this.getaboutss()
} }
}, },
methods: { methods: {
@ -55,7 +57,7 @@
} }
}) })
}, },
// 用户隐私协议 // 隐私政策
getabouts() { getabouts() {
let type = 'privacy' let type = 'privacy'
this.$u.get(`/app/article/licence/${type}`).then((res) => { this.$u.get(`/app/article/licence/${type}`).then((res) => {
@ -63,6 +65,15 @@
this.obj = res.data this.obj = res.data
} }
}) })
},
// 用户协议
getaboutss() {
let type = 'user'
this.$u.get(`/app/article/licence/${type}`).then((res) => {
if (res.code == 200) {
this.obj = res.data
}
})
} }
} }
} }

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

@ -4,6 +4,9 @@
height='50'></u-navbar> height='50'></u-navbar>
<view class="box"> <view class="box">
<view class="listxq"> <view class="listxq">
<view class="nav">
<text class="shen">订单号</text><text class="qian">{{detailobj.billNo == undefined ? '--' : detailobj.billNo}}</text>
</view>
<view class="nav"> <view class="nav">
<text class="shen">订单状态</text> <text class="shen">订单状态</text>
<text class="qian" v-if="detailobj.status == 2"> <text class="qian" v-if="detailobj.status == 2">
@ -29,34 +32,7 @@
</text> </text>
</view> </view>
<view class="nav"> <view class="nav">
<text class="shen">设备编号</text><text class="qian">{{detailobj.deviceName == undefined ? '--' : detailobj.deviceName}}</text> <text class="shen">设备名称</text><text class="qian">{{detailobj.deviceName == undefined ? '--' : detailobj.deviceName}}</text>
</view>
<!-- <view class="nav">
<text class="shen">服务模式</text><text class="qian">{{detailobj.suitName == undefined ? '--' : detailobj.suitName}}</text>
</view> -->
<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>
<view class="nav">
<text class="shen">消费时间</text><text class="qian">{{detailobj.createTime == undefined ? '--' : detailobj.createTime}}</text>
</view>
<view class="nav">
<text class="shen">套餐开始时间</text><text class="qian">{{detailobj.suitStartTime == undefined ? '--' : detailobj.suitStartTime}}</text>
</view>
<view class="nav">
<text class="shen">套餐结束时间</text><text class="qian">{{detailobj.suitEndTime == undefined ? '--' : detailobj.suitEndTime}}</text>
</view>
<view class="nav">
<text class="shen">套餐失效时间</text><text class="qian">{{detailobj.suitExpireTime == undefined ? '--' : detailobj.suitExpireTime}}</text>
</view>
<view class="nav">
<text class="shen">订单号</text><text class="qian">{{detailobj.billNo == undefined ? '--' : detailobj.billNo}}</text>
</view> </view>
<view class="nav"> <view class="nav">
<text class="shen">支付方式</text><text class="qian">{{detailobj.channelName == undefined ? '--' : detailobj.channelName}}</text> <text class="shen">支付方式</text><text class="qian">{{detailobj.channelName == undefined ? '--' : detailobj.channelName}}</text>
@ -65,13 +41,16 @@
<text class="shen">套餐名称</text><text class="qian">{{detailobj.suitName == undefined ? '--' : detailobj.suitName}}</text> <text class="shen">套餐名称</text><text class="qian">{{detailobj.suitName == undefined ? '--' : detailobj.suitName}}</text>
</view> </view>
<view class="nav"> <view class="nav">
<text class="shen">套餐金额</text><text class="qian">{{detailobj.money == undefined ? '--' : detailobj.money}}</text> <text class="shen">套餐金额</text><text class="qian">￥{{detailobj.money == undefined ? '--' : detailobj.money}}</text>
</view>
<view class="nav" v-if="detailobj.status == 3">
<text class="shen">退款金额</text><text class="qian" style="color: red;">￥{{detailobj.refundAmount == undefined ? '--' : detailobj.refundAmount}}</text>
</view> </view>
<view class="nav"> <view class="nav">
<text class="shen">计时模式</text><text class="qian">{{detailobj.suitFeeMode == 1 ? '单次计时' : '智能计时'}}</text> <text class="shen">收费模式</text><text class="qian">{{detailobj.suitFeeMode == 1 ? '单次收费' : '智能收费'}}</text>
</view> </view>
<view class="nav"> <view class="nav">
<text class="shen">收费模式</text><text class="qian"> <text class="shen">收费方式</text><text class="qian">
<text v-if="detailobj.suitFeeType == 1">计时收费</text> <text v-if="detailobj.suitFeeType == 1">计时收费</text>
<text v-if="detailobj.suitFeeType == 2">按量收费</text> <text v-if="detailobj.suitFeeType == 2">按量收费</text>
<text v-if="detailobj.suitFeeType == 3">分时段按量收费</text> <text v-if="detailobj.suitFeeType == 3">分时段按量收费</text>
@ -85,25 +64,23 @@
<text v-if="detailobj.suitTimeUnit == 1">天</text> <text v-if="detailobj.suitTimeUnit == 2">时</text> <text v-if="detailobj.suitTimeUnit == 3">分钟</text> <text v-if="detailobj.suitTimeUnit == 4">秒</text> <text v-if="detailobj.suitTimeUnit == 1">天</text> <text v-if="detailobj.suitTimeUnit == 2">时</text> <text v-if="detailobj.suitTimeUnit == 3">分钟</text> <text v-if="detailobj.suitTimeUnit == 4">秒</text>
</text> </text>
</view> </view>
<view class="xian"></view> <view class="nav">
<text class="shen">支付时间</text><text class="qian">{{detailobj.payTime == undefined ? '--' : detailobj.payTime}}</text>
</view>
<view class="nav">
<text class="shen">套餐开始时间</text><text class="qian">{{detailobj.suitStartTime == undefined ? '--' : detailobj.suitStartTime}}</text>
</view>
<view class="nav">
<text class="shen">套餐结束时间</text><text class="qian">{{detailobj.suitEndTime == undefined ? '--' : detailobj.suitEndTime}}</text>
</view>
<!-- <view class="xian"></view>
<view class="nav"> <view class="nav">
<text class="shen">共计</text><text class="qian">￥{{detailobj.money == undefined ? '--' : detailobj.money}}</text> <text class="shen">共计</text><text class="qian">￥{{detailobj.money == undefined ? '--' : detailobj.money}}</text>
</view> -->
</view> </view>
</view> <!-- <view class="pic" @click="btnad">
<view class="sb" v-if="userflag" @click="btntz" style="width:680rpx;height: 100rpx;display: flex;justify-content: space-between;background: #FFFFFF;
border-radius: 20rpx 20rpx 20rpx 20rpx;
margin: auto;
padding: 32rpx 24rpx;
box-sizing: border-box; font-size: 28rpx;
color: #3D3D3D;
margin-top: 30rpx;align-items: center;">
<!-- <text class="shen">设备详情</text><u-icon name="arrow-right" color="#3D3D3D" size="28"></u-icon> -->
<text class="shen">￥{{detailobj.money == undefined ? '--' : detailobj.money}}</text> <text>退款</text>
</view>
<view class="pic" @click="btnad">
<image :src="imgad" mode="" class="pic"></image> <image :src="imgad" mode="" class="pic"></image>
</view> </view> -->
</view> </view>
<!-- 退款弹窗 --> <!-- 退款弹窗 -->
<view class="tanc" v-if="maskflag"> <view class="tanc" v-if="maskflag">
@ -146,7 +123,7 @@
if(option.billId){ if(option.billId){
this.billId = option.billId this.billId = option.billId
this.getlist() this.getlist()
this.getad() // this.getad()
} }
}, },
// 分享到好友（会话） // 分享到好友（会话）
@ -203,6 +180,9 @@
icon: 'success', icon: 'success',
duration: 3000 duration: 3000
}) })
setTimeout(()=>{
this.getlist()
},1000)
}else{ }else{
uni.showToast({ uni.showToast({
title: res.msg, title: res.msg,

67
page_user/mapditu/orderxq.vue
View File

@ -4,6 +4,9 @@
height='50'></u-navbar> height='50'></u-navbar>
<view class="box"> <view class="box">
<view class="listxq"> <view class="listxq">
<view class="nav">
<text class="shen">订单号</text><text class="qian">{{detailobj.billNo == undefined ? '--' : detailobj.billNo}}</text>
</view>
<view class="nav"> <view class="nav">
<text class="shen">订单状态</text> <text class="shen">订单状态</text>
<text class="qian" v-if="detailobj.status == 2"> <text class="qian" v-if="detailobj.status == 2">
@ -29,11 +32,8 @@
</text> </text>
</view> </view>
<view class="nav"> <view class="nav">
<text class="shen">设备编号</text><text class="qian">{{detailobj.deviceName == undefined ? '--' : detailobj.deviceName}}</text> <text class="shen">设备名称</text><text class="qian">{{detailobj.deviceName == undefined ? '--' : detailobj.deviceName}}</text>
</view> </view>
<!-- <view class="nav">
<text class="shen">服务模式</text><text class="qian">{{detailobj.suitName == undefined ? '--' : detailobj.suitName}}</text>
</view> -->
<view class="nav"> <view class="nav">
<text class="shen">用户</text><text class="qian">{{detailobj.userName == undefined ? '--' : detailobj.userName}}</text> <text class="shen">用户</text><text class="qian">{{detailobj.userName == undefined ? '--' : detailobj.userName}}</text>
</view> </view>
@ -41,22 +41,7 @@
<text class="shen">用户手机号</text><text class="qian">{{detailobj.userMobile == undefined ? '--' : detailobj.userMobile}}</text> <text class="shen">用户手机号</text><text class="qian">{{detailobj.userMobile == undefined ? '--' : detailobj.userMobile}}</text>
</view> </view>
<view class="nav"> <view class="nav">
<text class="shen">收款人手机号</text><text class="qian" @click="call">{{detailobj.mchName == undefined ? '--' : detailobj.mchName}}</text> <text class="shen">支付时间</text><text class="qian">{{detailobj.payTime == undefined ? '--' : detailobj.payTime}}</text>
</view>
<view class="nav">
<text class="shen">消费时间</text><text class="qian">{{detailobj.createTime == undefined ? '--' : detailobj.createTime}}</text>
</view>
<view class="nav">
<text class="shen">套餐开始时间</text><text class="qian">{{detailobj.suitStartTime == undefined ? '--' : detailobj.suitStartTime}}</text>
</view>
<view class="nav">
<text class="shen">套餐结束时间</text><text class="qian">{{detailobj.suitEndTime == undefined ? '--' : detailobj.suitEndTime}}</text>
</view>
<view class="nav">
<text class="shen">套餐失效时间</text><text class="qian">{{detailobj.suitExpireTime == undefined ? '--' : detailobj.suitExpireTime}}</text>
</view>
<view class="nav">
<text class="shen">订单号</text><text class="qian">{{detailobj.billNo == undefined ? '--' : detailobj.billNo}}</text>
</view> </view>
<view class="nav"> <view class="nav">
<text class="shen">支付方式</text><text class="qian">{{detailobj.channelName == undefined ? '--' : detailobj.channelName}}</text> <text class="shen">支付方式</text><text class="qian">{{detailobj.channelName == undefined ? '--' : detailobj.channelName}}</text>
@ -65,13 +50,16 @@
<text class="shen">套餐名称</text><text class="qian">{{detailobj.suitName == undefined ? '--' : detailobj.suitName}}</text> <text class="shen">套餐名称</text><text class="qian">{{detailobj.suitName == undefined ? '--' : detailobj.suitName}}</text>
</view> </view>
<view class="nav"> <view class="nav">
<text class="shen">套餐金额</text><text class="qian">{{detailobj.money == undefined ? '--' : detailobj.money}}</text> <text class="shen">套餐金额</text><text class="qian">￥{{detailobj.money == undefined ? '--' : detailobj.money}}</text>
</view>
<view class="nav" v-if="detailobj.status == 3">
<text class="shen">退款金额</text><text class="qian" style="color: red;">￥{{detailobj.refundAmount == undefined ? '--' : detailobj.refundAmount}}</text>
</view> </view>
<view class="nav"> <view class="nav">
<text class="shen">计时模式</text><text class="qian">{{detailobj.suitFeeMode == 1 ? '单次计时' : '智能计时'}}</text> <text class="shen">收费模式</text><text class="qian">{{detailobj.suitFeeMode == 1 ? '单次计时' : '智能计时'}}</text>
</view> </view>
<view class="nav"> <view class="nav">
<text class="shen">收费模式</text><text class="qian"> <text class="shen">收费方式</text><text class="qian">
<text v-if="detailobj.suitFeeType == 1">计时收费</text> <text v-if="detailobj.suitFeeType == 1">计时收费</text>
<text v-if="detailobj.suitFeeType == 2">按量收费</text> <text v-if="detailobj.suitFeeType == 2">按量收费</text>
<text v-if="detailobj.suitFeeType == 3">分时段按量收费</text> <text v-if="detailobj.suitFeeType == 3">分时段按量收费</text>
@ -85,26 +73,28 @@
<text v-if="detailobj.suitTimeUnit == 1">天</text> <text v-if="detailobj.suitTimeUnit == 2">时</text> <text v-if="detailobj.suitTimeUnit == 3">分钟</text> <text v-if="detailobj.suitTimeUnit == 4">秒</text> <text v-if="detailobj.suitTimeUnit == 1">天</text> <text v-if="detailobj.suitTimeUnit == 2">时</text> <text v-if="detailobj.suitTimeUnit == 3">分钟</text> <text v-if="detailobj.suitTimeUnit == 4">秒</text>
</text> </text>
</view> </view>
<view class="nav">
<view class="xian"></view> <text class="shen">套餐开始时间</text><text class="qian">{{detailobj.suitStartTime == undefined ? '--' : detailobj.suitStartTime}}</text>
</view>
<view class="nav">
<text class="shen">套餐结束时间</text><text class="qian">{{detailobj.suitEndTime == undefined ? '--' : detailobj.suitEndTime}}</text>
</view>
<!-- <view class="xian"></view>
<view class="nav"> <view class="nav">
<text class="shen">共计</text><text class="qian">￥{{detailobj.money == undefined ? '--' : detailobj.money}}</text> <text class="shen">共计</text><text class="qian">￥{{detailobj.money == undefined ? '--' : detailobj.money}}</text>
</view> -->
</view> </view>
</view> <view class="sb" v-if="userflag && detailobj.status == 2" @click="btntz" style="width:680rpx;height: 100rpx;background: #8883F0;
<view class="sb" v-if="userflag" @click="btntz" style="width:680rpx;height: 100rpx;display: flex;justify-content: space-between;background: #FFFFFF;
border-radius: 20rpx 20rpx 20rpx 20rpx; border-radius: 20rpx 20rpx 20rpx 20rpx;
margin: auto; margin: auto;font-weight: 600;
padding: 32rpx 24rpx; padding: 32rpx 24rpx;color:#fff;font-size: 32rpx;
box-sizing: border-box; font-size: 28rpx; box-sizing: border-box;text-align: center;
color: #3D3D3D;
margin-top: 30rpx;align-items: center;"> margin-top: 30rpx;align-items: center;">
<!-- <text class="shen">设备详情</text><u-icon name="arrow-right" color="#3D3D3D" size="28"></u-icon> --> 退款
<text class="shen">￥{{detailobj.money == undefined ? '--' : detailobj.money}}</text> <text>退款</text>
</view> </view>
<!-- <view class="pic" @click="btnad">
<view class="pic" @click="btnad">
<image :src="imgad" mode="" class="pic"></image> <image :src="imgad" mode="" class="pic"></image>
</view> </view> -->
</view> </view>
<!-- 退款弹窗 --> <!-- 退款弹窗 -->
<view class="tanc" v-if="maskflag"> <view class="tanc" v-if="maskflag">
@ -147,7 +137,7 @@
if(option.billId){ if(option.billId){
this.billId = option.billId this.billId = option.billId
this.getlist() this.getlist()
this.getad() // this.getad()
} }
}, },
// 分享到好友（会话） // 分享到好友（会话）
@ -204,6 +194,9 @@
icon: 'success', icon: 'success',
duration: 3000 duration: 3000
}) })
setTimeout(()=>{
this.getlist()
},1000)
}else{ }else{
uni.showToast({ uni.showToast({
title: res.msg, title: res.msg,

563
page_user/sbdetail.vue
View File

@ -1,53 +1,58 @@
<template> <template>
<view class="page"> <view class="page">
<u-navbar :title="tittxt" :border-bottom="false" :background="bgc" back-icon-color="#fff" title-color='#fff' <u-navbar :title="tittxt" :border-bottom="false" :background="bgc" back-icon-color="#000" title-color='#000'
title-size='36' height='50' id="navbar"> title-size='36' height='50' id="navbar">
</u-navbar> </u-navbar>
<view class="zhuhu"> <view class="zhuhu">
<view class="card1"> <view class="card1">
<view class="top"> <!-- <view class="top">
<view class="left"> <view class="left">
设备 设备
</view> </view>
<view class="right"> <view class="right">
</view> </view>
</view> </view> -->
<view class="mid"> <view class="mid">
<view class="mid_left">
<view v-if="opflag"
style="border: 0;outline: none;width: 143rpx;padding-left: 0rpx;height: 143rpx;border-radius: 16rpx;"
@click="btnpic">
<image :src="imglist" mode="aspectFit"
style="width: 142rpx;height: 142rpx;border-radius: 20rpx;"></image>
</view>
<image v-else :src="imglist" mode="aspectFit"
style="width: 142rpx;height: 142rpx;border-radius: 20rpx;"></image>
<ksp-cropper mode="free" :width="142" :height="142" :maxWidth="1024" :maxHeight="1024"
:url="url" @cancel="oncancel" @ok="onok"></ksp-cropper>
</view>
<view class="mid_right"> <view class="mid_right">
<view class="mid_top"> <view class="mid_top">
{{ deviceInfo.deviceName == null ? '' : deviceInfo.deviceName }} {{ deviceInfo.deviceName == null ? '' : deviceInfo.deviceName }}
<view class="" style="font-size: 26rpx;margin-top: 8rpx;">
更新时间：{{deviceInfo.lastPullTime == null ? '--' : deviceInfo.lastPullTime}}</view>
<text
style="font-size: 24rpx;color: #8883F0;display: inline-block;border: 1px solid #8883F0;padding: 5rpx;box-sizing: border-box;border-radius: 10rpx;">{{deviceInfo.model == undefined ? '' : deviceInfo.model}}</text>
</view> </view>
<view class="mid_bot"> <view class="mid_bot">
<view class="txt" v-if="deviceInfo"> <div class="tip" v-if="deviceInfo.onlineStatus==1">
S/N码：{{ deviceInfo.deviceNo == null ? '' : deviceInfo.deviceNo }}</view> <text>网络：</text> <text style="color: #00BA88;">在线</text>
<div class="tip" v-if="deviceInfo.onlineStatus==1"
style="color: seagreen;border: 2rpx solid;">在线</div>
<div class="tip" v-if="deviceInfo.onlineStatus==0" style="color: red;border: 2rpx solid;">离线
</div> </div>
<div class="tip" v-if="deviceInfo.status==1" style="color: seagreen;border: 2rpx solid;">空闲 <div class="tip" v-if="deviceInfo.onlineStatus==0">
<text>网络：</text> <text style="color: red;">离线</text>
</div> </div>
<div class="tip" v-if="deviceInfo.status==2" style="color: seagreen;border: 2rpx solid;">使用中 <div class="tip" v-if="deviceInfo.status==1">
<text>状态：</text> <text style="color: #00BA88;">空闲</text>
</div>
<div class="tip" v-if="deviceInfo.status==2">
<text>状态：</text> <text style="color: red;">使用中</text>
</div>
<div class="tip" v-if="deviceInfo.status==3">
<text>状态：</text> <text style="color: red;">维修中</text>维修中
</div> </div>
<div class="tip" v-if="deviceInfo.status==3" style="color: red;">维修中</div>
</view> </view>
<view class="txt" v-if="deviceInfo">
SN：{{ deviceInfo.deviceNo == null ? '' : deviceInfo.deviceNo }}</view>
<view class="" style="font-size: 24rpx;margin-top: 8rpx;color: #95989D;">
更新时间：{{deviceInfo.lastPullTime == null ? '--' : deviceInfo.lastPullTime}}</view>
</view>
<view class="mid_left" style="position: relative;">
<view v-if="opflag"
style="border: 0;outline: none;width: 196rpx;padding-left: 0rpx;height: 196rpx;border-radius: 16rpx;"
@click="btnpic">
<image :src="imglist" mode="aspectFit"
style="width: 196rpx;height: 196rpx;border-radius: 0rpx;"></image>
</view>
<image v-else :src="imglist" mode="aspectFit"
style="width: 196rpx;height: 196rpx;border-radius: 0rpx;"></image>
<text class="lanyalx">{{deviceInfo.model == undefined ? '' : deviceInfo.model}}</text>
<ksp-cropper mode="free" :width="142" :height="142" :maxWidth="1024" :maxHeight="1024"
:url="url" @cancel="oncancel" @ok="onok"></ksp-cropper>
</view> </view>
</view> </view>
<view class="bot"> <view class="bot">
@ -55,113 +60,70 @@
</view> </view>
</view> </view>
<view class="card2"> <view class="card2">
<view class="tit">实时</view> <view class="tit" style="border-left: 14rpx solid #8883F0;padding-left: 24rpx;">实时参数</view>
<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.orderAmount == null ? 0 : deviceInfo.orderAmount}} {{deviceInfo.voltage == null ? 0 : deviceInfo.voltage}}
</view> </view>
<view class="txt"> <view class="txt">
订单金额 电压（V）
</view> </view>
</view> </view>
<view class="cont" style="text-align: center;"> <view class="cont" style="text-align: center;">
<view class="tit"> <view class="tit">
{{deviceInfo.orderCount == null ? 0 : deviceInfo.orderCount}} {{deviceInfo.electricity == null ? 0 : deviceInfo.electricity}}
</view> </view>
<view class="txt"> <view class="txt">
订单数 电流（A）
</view> </view>
</view> </view>
<view class="cont" style="text-align: center;"> <view class="cont" style="text-align: center;">
<view class="tit">
{{deviceInfo.realTimePower == null ? 0 : deviceInfo.realTimePower}}
</view>
<view class="txt">
功率（W）
</view>
</view>
<!-- <view class="cont" style="text-align: center;">
<view class="tit"> <view class="tit">
{{formattedTime}} {{formattedTime}}
<!-- sb:{{setMode}} -->
</view> </view>
<view class="txt"> <view class="txt">
剩余时长 剩余时长
</view> </view>
</view> -->
</view>
<view @click="shuaxin" style="width: 100%;display: flex;color: #8883F0;justify-content: center;align-items: center;padding-top:40rpx;padding-bottom: 30rpx;box-sizing: border-box;">
点击刷新实时信息
<image style="width: 32rpx;height: 32rpx;" src="https://api.ccttiot.com/smartmeter/img/static/uiVZaazpgTY3gE7aYtGb" mode=""></image>
</view> </view>
</view> </view>
<!-- 当前订单 -->
<view class="card2" style="padding-bottom: 30rpx;box-sizing: border-box;margin-top: 20rpx;">
<view class="tit" style="border-left: 14rpx solid #8883F0;padding-left: 24rpx;display: flex;justify-content: space-between;padding-right: 40rpx;margin-bottom: 20rpx;">当前订单 <text style="color: #8883F0;font-size: 32rpx;font-weight: 400;">查看</text> </view>
<view class="aa">
<text>用户</text> <text>{{sklist.userName}}</text>
</view> </view>
<view class="card3" v-if="opflag"> <view class="aa">
<view class="tit">其他</view> <text>计价方式</text> <text v-if="sklist.suitFeeType == 1">计时收费</text>
<view class="cont_box" style="display: block;"> <text v-if="sklist.suitFeeType == 2">按量收费</text>
<view class="" style="display: flex;"> <text v-if="sklist.suitFeeType == 3">分时段按量收费</text>
<view class="cont" @click="topage(0)"> <text v-if="sklist.suitFeeType == 4">分时段按时收费</text>
<view class="top">
<image src="https://api.ccttiot.com/smartmeter/img/static/uKrpw3p37UHW56IypPJU" mode=""
style="width: 58rpx;height: 58rpx;"></image>
</view>
<view class="bot">充值记录</view>
</view>
<view class="cont" @click="topage(1)">
<view class="top">
<image src="https://api.ccttiot.com/smartmeter/img/static/uaS4iFmD786AtBt2tKFs" mode=""
style="width: 58rpx;height: 58rpx;"></image>
</view>
<view class="bot">归零</view>
</view>
<view class="cont" @click="topage(6)">
<view class="top">
<image style="width: 58rpx;height: 58rpx;"
src="https://api.ccttiot.com/smartmeter/img/static/uAnBmmayp3tVGwXntdaM" mode="">
</image>
</view>
<view class="bot">充值</view>
</view>
<view class="cont" @click="topage(2)">
<view class="top">
<image src="https://api.ccttiot.com/smartmeter/img/static/ue0X00T1C3fh7TCgjopm" mode=""
style="width: 58rpx;height: 58rpx;"></image>
</view>
<view class="bot">上报异常</view>
</view>
</view>
<view class="" style="display: flex;margin-top: 20rpx;padding-right: 5rpx;box-sizing: border-box;">
<view class="cont" @click="topage(3)">
<view class="top">
<image src="https://api.ccttiot.com/smartmeter/img/static/umjPUc8nDKf1JwVqRAeb" mode=""
style="width: 50rpx;height: 58rpx;"></image>
</view>
<view class="bot">收费方式</view>
</view>
<view class="cont" @click="topage(5)" v-if="modelId.some(tag => tag == 2)">
<view class="top">
<image style="width: 58rpx;height: 58rpx;"
src="https://api.ccttiot.com/smartmeter/img/static/uik9veDG6pMVG5M1Vxze" mode="">
</image>
</view>
<view class="bot">配网</view>
</view>
<view class="cont" @click="topage(4)">
<view class="top">
<image style="width: 58rpx;height: 58rpx;"
src="https://api.ccttiot.com/smartmeter/img/static/u2Uco0iXf8aure0H2ihz" mode="">
</image>
</view>
<view class="bot">设置</view>
</view>
<view class="cont" @click="qrFun">
<view class="top">
<image style="width: 58rpx;height: 58rpx;"
src="https://api.ccttiot.com/smartmeter/img/static/u7o1YnOGEKxM6KZ4WGXO" mode="">
</image>
</view>
<view class="bot">分享</view>
</view> </view>
<view class="aa">
<text>下单时间</text> <text>{{sklist.suitStartTime}}</text>
</view> </view>
</view> </view>
<view class="cont_box" style="padding-left: 30rpx;"> <!-- 操作 -->
<view class="card2" style="padding-bottom: 30rpx;box-sizing: border-box;margin-top: 20rpx;">
</view> <view class="tit" style="border-left: 14rpx solid #8883F0;padding-left: 24rpx;">设备控制 </view>
</view>
<view class="" style="display: flex;margin-top: 20rpx;padding: 50rpx;box-sizing: border-box;width: 100%; <view class="" style="display: flex;margin-top: 20rpx;padding: 50rpx;box-sizing: border-box;width: 100%;
height: 80rpx;align-items: center;justify-content: space-between;background-color: #fff;border-radius: 20rpx;"> height: 80rpx;align-items: center;justify-content: space-between;background-color: #fff;border-radius: 20rpx;font-size: 32rpx;color: #3D3D3D;">
<view class="bot">手动操作：{{tdtxt}}</view> <view class="bot">开关控制：{{tdtxt}}</view>
<view class="cont" @click="btnkq"> <view class="cont" @click="btnkq">
<view class="top" style="padding-top: 10rpx;"> <view class="top" style="padding-top: 10rpx;">
<!-- <u-switch v-model="checked" active-color="#8883F0"></u-switch> --> <!-- <u-switch v-model="checked" active-color="#8883F0"></u-switch> -->
@ -178,6 +140,90 @@
</view> </view>
</view> </view>
<view class="card3" v-if="opflag">
<view class="tit" style="border-left: 14rpx solid #8883F0;padding-left: 24rpx;">其他功能</view>
<view class="cont_box" style="display: block;">
<view class="">
<view class="cont" @click="topage(0)">
<view class="top">
<image src="https://api.ccttiot.com/smartmeter/img/static/ucprXYT39GKWEVHlAaAb" mode=""
style="width: 58rpx;height: 58rpx;"></image>
<view class="bot">充值记录</view>
</view>
<image class="jt" src="https://api.ccttiot.com/smartmeter/img/static/ukdy921M8MNe9XDid0WI" mode=""></image>
</view>
<view class="cont" @click="topage(1)">
<view class="top">
<image src="https://api.ccttiot.com/smartmeter/img/static/uhsqQVT62DOTdW8qW7ez" mode=""
style="width: 58rpx;height: 58rpx;"></image>
<view class="bot">归零</view>
</view>
<image class="jt" src="https://api.ccttiot.com/smartmeter/img/static/ukdy921M8MNe9XDid0WI" mode=""></image>
</view>
<view class="cont" @click="topage(6)">
<view class="top">
<image style="width: 58rpx;height: 58rpx;"
src="https://api.ccttiot.com/smartmeter/img/static/u9vzIeLLorfYuoZnxBDZ" mode="">
</image>
<view class="bot">充值</view>
</view>
<image class="jt" src="https://api.ccttiot.com/smartmeter/img/static/ukdy921M8MNe9XDid0WI" mode=""></image>
</view>
<view class="cont" @click="topage(2)">
<view class="top">
<image src="https://api.ccttiot.com/smartmeter/img/static/ueQ5V8QAidDZGt0FpqXb" mode=""
style="width: 58rpx;height: 58rpx;"></image>
<view class="bot">上报异常</view>
</view>
<image class="jt" src="https://api.ccttiot.com/smartmeter/img/static/ukdy921M8MNe9XDid0WI" mode=""></image>
</view>
</view>
<view class="">
<view class="cont" @click="topage(3)">
<view class="top">
<image src="https://api.ccttiot.com/smartmeter/img/static/uJmpaxyrv34a1EW5lWQv" mode=""
style="width: 50rpx;height: 58rpx;"></image>
<view class="bot">收费方式</view>
</view>
<image class="jt" src="https://api.ccttiot.com/smartmeter/img/static/ukdy921M8MNe9XDid0WI" mode=""></image>
</view>
<view class="cont" @click="topage(5)" v-if="modelId.some(tag => tag == 2)">
<view class="top">
<image style="width: 58rpx;height: 58rpx;"
src="https://api.ccttiot.com/smartmeter/img/static/ule3wEEDaXzfXCUCM1Ks" mode="">
</image>
<view class="bot">配网</view>
</view>
<image class="jt" src="https://api.ccttiot.com/smartmeter/img/static/ukdy921M8MNe9XDid0WI" mode=""></image>
</view>
<view class="cont" @click="qrFun">
<view class="top">
<image style="width: 58rpx;height: 58rpx;"
src="https://api.ccttiot.com/smartmeter/img/static/uMdtTPOmGVJqcYIQvnUj" mode="">
</image>
<view class="bot">分享</view>
</view>
<image class="jt" src="https://api.ccttiot.com/smartmeter/img/static/ukdy921M8MNe9XDid0WI" mode=""></image>
</view>
<view class="cont" @click="topage(4)">
<view class="top" style="border: 0;padding-bottom: 0;">
<image style="width: 58rpx;height: 58rpx;"
src="https://api.ccttiot.com/smartmeter/img/static/uOUM2aclDz2ZnRxOll9g" mode="">
</image>
<view class="bot">设置</view>
</view>
<image class="jt" src="https://api.ccttiot.com/smartmeter/img/static/ukdy921M8MNe9XDid0WI" style="margin-top: 20rpx;" mode=""></image>
</view>
</view>
</view>
<view class="cont_box" style="padding-left: 30rpx;">
</view>
</view>
</view>
<view class="tanc" v-if="vipflag"> <view class="tanc" v-if="vipflag">
<view class="tit">请输入您需要充值的时长或度数</view> <view class="tit">请输入您需要充值的时长或度数</view>
<input type="number" :focus="focus" v-model="cztime" placeholder="请输入时长或度数" /> <input type="number" :focus="focus" v-model="cztime" placeholder="请输入时长或度数" />
@ -278,7 +324,7 @@
label: '度' label: '度'
}], }],
bgc: { bgc: {
backgroundColor: "#8883f0", backgroundColor: "#F9F8FF ",
}, },
ec: { ec: {
lazyLoad: true lazyLoad: true
@ -312,13 +358,15 @@
url: "", url: "",
deviceNo: '', deviceNo: '',
modelId: [], modelId: [],
damweiid:'' damweiid: '',
intervalId: null,
sklist:{}
} }
}, },
onLoad(option) { onLoad(option) {
let id = option.id let id = option.id
this.id = id this.id = id
// this.startIntervals();
// this.getDevice(id) // this.getDevice(id)
if (option.flag) { if (option.flag) {
this.opflag = false this.opflag = false
@ -374,14 +422,22 @@
} }
}, },
onHide() { onHide() {
if (this.timer) { if (this.timer || this.intervalId) {
clearInterval(this.intervalId);
clearInterval(this.timer) clearInterval(this.timer)
this.timer = null this.timer = null
this.intervalId = null;
console.log('已销毁') console.log('已销毁')
} }
}, },
onUnload: function() { onUnload: function() {
console.log("unload "); if (this.timer || this.intervalId) {
clearInterval(this.intervalId);
clearInterval(this.timer)
this.timer = null
this.intervalId = null;
console.log('已销毁')
}
xBlufi.listenDeviceMsgEvent(false, this.funListenDeviceMsgEvent); xBlufi.listenDeviceMsgEvent(false, this.funListenDeviceMsgEvent);
wx.closeBLEConnection({ wx.closeBLEConnection({
deviceId: this.deviceId, deviceId: this.deviceId,
@ -390,6 +446,9 @@
onShow() { onShow() {
this.getshuax() this.getshuax()
this.getQiniuToken() this.getQiniuToken()
// if (!this.intervalId) {
// this.startIntervals();
// }
}, },
mounted() { mounted() {
this.drawCanvas() this.drawCanvas()
@ -400,6 +459,46 @@
this.getDevice(this.id) this.getDevice(this.id)
}) })
}, },
getshoukuan(){
this.$u.get(`/app/bill/incomeList?isUsing=true&deviceId=${this.deviceInfo.deviceId}`).then((res) => {
if(res.code == 200){
this.sklist = res.rows[0]
}else{
uni.showToast({
title: res.msg,
icon: 'none',
duration: 1500
})
}
})
},
// 点击刷新
shuaxin(){
this.$u.get(`/app/device/${this.id}/refreshIot`).then((res) => {
if(res.code == 200){
this.getDevice(this.id)
uni.showToast({
title: res.msg,
icon: 'success',
duration: 1500
})
}else{
uni.showToast({
title: res.msg,
icon: 'none',
duration: 1500
})
}
})
},
// 定时每一分钟请求一次
// startIntervals() {
// this.intervalId = setInterval(() => {
// this.getshuax()
// }, 60000); // 60000毫秒 = 1分钟
// },
// 选择时长单位 // 选择时长单位
btnconfirm(e) { btnconfirm(e) {
@ -708,6 +807,7 @@
this.deviceNo = res.data.deviceNo this.deviceNo = res.data.deviceNo
// this.qrResult = 'CTKG-' + res.data.mac // this.qrResult = 'CTKG-' + res.data.mac
this.qrResult = res.data.mac this.qrResult = res.data.mac
this.getshoukuan()
if (res.data.customPicture != null) { if (res.data.customPicture != null) {
this.imglist = res.data.customPicture this.imglist = res.data.customPicture
} else { } else {
@ -727,6 +827,8 @@
if (differenceInMs <= 0) { if (differenceInMs <= 0) {
this.timeday = 0 this.timeday = 0
} else { } else {
clearInterval(this.timer)
this.timer = null
this.timeday = this.formatMilliseconds(differenceInMs) this.timeday = this.formatMilliseconds(differenceInMs)
this.startTimer() this.startTimer()
} }
@ -825,6 +927,7 @@
}) })
}, },
// 其他部分 点击进行跳转 // 其他部分 点击进行跳转
topage(num) { topage(num) {
this.btnmsk = true this.btnmsk = true
@ -914,29 +1017,43 @@
uni.getConnectedBluetoothDevices({ uni.getConnectedBluetoothDevices({
success(res) { success(res) {
setTimeout(() => { setTimeout(() => {
that.$u.put(`/app/device/${that.id}/reset?requiredIot=false`).then(res => { that.$u.put(
if(res.code == 200){ `/app/device/${that.id}/reset?requiredIot=false`
that.deviceInfo.status = 1 ).then(res => {
that.imgflag = false if (res
that.tdtxt = '关闭' .code ==
that.timeday = 0 200) {
xBlufi.notifySendCustomData({ that.deviceInfo
.status =
1
that.imgflag =
false
that.tdtxt =
'关闭'
that.timeday =
0
xBlufi
.notifySendCustomData({
customData: '@time0' customData: '@time0'
}) })
xBlufi.notifySendCustomData({ xBlufi
.notifySendCustomData({
customData: '@mmney0' customData: '@mmney0'
}) })
xBlufi.notifySendCustomData({ xBlufi
.notifySendCustomData({
customData: 'close' customData: 'close'
}) })
uni.showToast({ uni.showToast({
title: res.msg, title: res
.msg,
icon: 'success', icon: 'success',
duration: 2000 duration: 2000
}) })
} else { } else {
uni.showToast({ uni.showToast({
title: res.msg, title: res
.msg,
icon: 'none', icon: 'none',
duration: 2000 duration: 2000
}) })
@ -945,7 +1062,8 @@
}, 1000) }, 1000)
}, },
fail(err) { fail(err) {
console.error('获取已连接蓝牙设备信息失败：', err) console.error('获取已连接蓝牙设备信息失败：',
err)
} }
}) })
} }
@ -972,9 +1090,21 @@
url: '/page_user/setting?id=' + this.id url: '/page_user/setting?id=' + this.id
}) })
} else if (num == 5) { } else if (num == 5) {
// uni.showLoading({ // if(this.deviceInfo.onlineStatus == 1){
// title: '蓝牙连接中...' // this.btnmsk = false
// let systemInfo = uni.getSystemInfoSync()
// if (systemInfo.platform == 'android') {
// // 当前设备是 Android
// uni.navigateTo({
// url: '/page_components/wifilist/index?deviceId=' + this.deviceId + '&name=' + this.name
// }) // })
// } else if (systemInfo.platform == 'ios') {
// // 当前设备是 iOS
// uni.navigateTo({
// url: '/page_fenbao/device/wifivideo?deviceId=' + this.deviceId + '&name=' + this.name
// })
// }
// }else{
this.btnmsk = false this.btnmsk = false
this.shibaiflag = false this.shibaiflag = false
this.bluetoothflag = true this.bluetoothflag = true
@ -985,7 +1115,6 @@
xBlufi.notifyStartDiscoverBle({ xBlufi.notifyStartDiscoverBle({
'isStart': true 'isStart': true
}) })
// 停止蓝牙搜索 // 停止蓝牙搜索
setTimeout(() => { setTimeout(() => {
xBlufi.notifyStartDiscoverBle({ xBlufi.notifyStartDiscoverBle({
@ -1031,18 +1160,6 @@
} else if (res.msg == '设备编号和mac不能同时为空') { } else if (res.msg == '设备编号和mac不能同时为空') {
this.shibaiflag = true this.shibaiflag = true
this.bluetoothflag = false this.bluetoothflag = false
// uni.showToast({
// title: '连接失败',
// icon: 'none',
// duration: 2000
// });
} else {
// uni.showToast({
// title: res.msg,
// icon: 'none',
// duration: 2000
// });
// uni.navigateBack()
} }
}) })
}, 2000) }, 2000)
@ -1058,11 +1175,6 @@
} }
this.$u.put('/app/device/bind', data).then((res) => { this.$u.put('/app/device/bind', data).then((res) => {
if (res.code == 200) { if (res.code == 200) {
// uni.showToast({
// title: '绑定成功',
// icon: 'none',
// duration: 2000
// })
this.shibaiflag = false this.shibaiflag = false
this.bluetoothflag = false this.bluetoothflag = false
uni.hideLoading(); uni.hideLoading();
@ -1086,11 +1198,6 @@
this.shibaiflag = true this.shibaiflag = true
this.bluetoothflag = false this.bluetoothflag = false
uni.hideLoading() uni.hideLoading()
// uni.showToast({
// title: '连接失败',
// icon: 'none',
// duration: 2000
// })
} else { } else {
this.shibaiflag = true this.shibaiflag = true
this.bluetoothflag = false this.bluetoothflag = false
@ -1105,6 +1212,7 @@
} }
}) })
} }
// }
} else if (num == 6) { } else if (num == 6) {
this.btnmsk = false this.btnmsk = false
this.vipflag = true this.vipflag = true
@ -1112,7 +1220,8 @@
} }
}, },
getaddtime() { getaddtime() {
this.$u.put('/app/device/addTime/' + this.id + '?amount=' + this.cztime + '&timeUnit=' + this.damweiid + '&withIot=false').then(res => {}) this.$u.put('/app/device/addTime/' + this.id + '?amount=' + this.cztime + '&timeUnit=' + this.damweiid +
'&withIot=false').then(res => {})
}, },
trueje() { trueje() {
if (this.timer) { if (this.timer) {
@ -1122,7 +1231,8 @@
let id = this.deviceInfo.deviceId let id = this.deviceInfo.deviceId
this.vipflag = false this.vipflag = false
if (this.deviceInfo.onlineStatus == 1) { if (this.deviceInfo.onlineStatus == 1) {
this.$u.put('/app/device/addTime/' + id + '?amount=' + this.cztime + '&timeUnit=' + this.damweiid).then(res => { this.$u.put('/app/device/addTime/' + id + '?amount=' + this.cztime + '&timeUnit=' + this.damweiid)
.then(res => {
if (res.code == 200) { if (res.code == 200) {
uni.showToast({ uni.showToast({
title: '充值成功', title: '充值成功',
@ -1188,7 +1298,8 @@
customData: 'mmney@' + that.cztime customData: 'mmney@' + that.cztime
}) })
xBlufi.notifySendCustomData({ xBlufi.notifySendCustomData({
customData: '11mmney@' + that.cztime customData: '11mmney@' + that
.cztime
}) })
that.getaddtime() that.getaddtime()
} else if (that.damweiid == 4) { } else if (that.damweiid == 4) {
@ -1201,18 +1312,22 @@
that.getaddtime() that.getaddtime()
} else if (that.damweiid == 3) { } else if (that.damweiid == 3) {
xBlufi.notifySendCustomData({ xBlufi.notifySendCustomData({
customData: 'time@' + that.cztime * 60 customData: 'time@' + that.cztime *
60
}) })
xBlufi.notifySendCustomData({ xBlufi.notifySendCustomData({
customData: '11time@' + that.cztime * 60 customData: '11time@' + that
.cztime * 60
}) })
that.getaddtime() that.getaddtime()
} else if (that.damweiid == 2) { } else if (that.damweiid == 2) {
xBlufi.notifySendCustomData({ xBlufi.notifySendCustomData({
customData: 'time@' + that.cztime * 60 * 60 customData: 'time@' + that.cztime *
60 * 60
}) })
xBlufi.notifySendCustomData({ xBlufi.notifySendCustomData({
customData: '11time@' + that.cztime * 60 * 60 customData: '11time@' + that
.cztime * 60 * 60
}) })
that.getaddtime() that.getaddtime()
} }
@ -1448,6 +1563,19 @@
z-index: 2; z-index: 2;
} }
.lanyalx {
display: inline-block;
text-align: center;
font-size: 28rpx;
width: 196rpx;
height: 40rpx;
line-height: 40rpx;
background-color: rgba(198, 209, 248, .6);
color: #3D3D3D;
position: absolute;
bottom: 0;
}
.conts { .conts {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -1579,7 +1707,7 @@
} }
page { page {
background-color: #F7FAFE; background-color: #F9F8FF;
} }
.maskss { .maskss {
@ -1651,18 +1779,30 @@
} }
} }
.txt {
text-align: left;
font-size: 28rpx;
color: #808080;
font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
font-weight: 400;
display: flex;
justify-content: space-between;
}
.page { .page {
width: 100%;
height: 100vh;
overflow: scroll;
padding-bottom: 80rpx;
box-sizing: border-box;
.zhuhu { .zhuhu {
margin-top: 60rpx; margin-top: 46rpx;
padding: 0 40rpx; padding: 0 40rpx;
.card1 { .card1 {
padding: 34rpx 0 0 40rpx; // padding: 34rpx 0 0 40rpx;
width: 670rpx; width: 670rpx;
height: 320rpx; // height: 320rpx;
background: #FFFFFF;
box-shadow: 0rpx 14rpx 35rpx 0rpx rgba(53, 140, 255, 0.1);
border-radius: 28rpx 28rpx 28rpx 28rpx;
.top { .top {
display: flex; display: flex;
@ -1692,6 +1832,7 @@
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
align-content: flex-start; align-content: flex-start;
justify-content: space-between;
.mid_left { .mid_left {
image { image {
@ -1715,34 +1856,30 @@
} }
.mid_bot { .mid_bot {
width: 100%;
display: flex; display: flex;
flex-wrap: nowrap; justify-content: space-between;
align-items: center; padding-right: 102rpx;
box-sizing: border-box;
// flex-wrap: nowrap;
// align-items: center;
margin-top: 6rpx; margin-top: 6rpx;
.txt {
font-size: 26rpx;
font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
font-weight: 400;
color: #95989D;
}
.tip { .tip {
display: flex; // display: flex;
align-items: center; // align-items: center;
justify-content: center; // justify-content: center;
margin-left: 10rpx; // margin-left: 10rpx;
// padding: 0 10rpx;
padding: 0 10rpx;
box-sizing: border-box; box-sizing: border-box;
background: rgba(204, 204, 204, 0); background: rgba(204, 204, 204, 0);
opacity: 1; opacity: 1;
border: 2rpx solid #8883F0; font-size: 28rpx;
border-radius: 15rpx;
font-size: 26rpx;
font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
font-weight: 400; font-weight: 400;
color: #8883F0; color: #5B5B5B;
} }
} }
} }
@ -1802,14 +1939,14 @@
display: flex; display: flex;
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-between;
padding-left: 80rpx; padding-left: 60rpx;
padding-right: 80rpx; padding-right: 60rpx;
box-sizing: border-box; box-sizing: border-box;
margin-top: 30rpx; margin-top: 30rpx;
.cont { .cont {
.tit { .tit {
font-size: 28rpx; font-size: 32rpx;
font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
font-weight: 600; font-weight: 600;
color: #262B37; color: #262B37;
@ -1818,7 +1955,7 @@
} }
.txt { .txt {
font-size: 26rpx; font-size: 32rpx;
font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
font-weight: 400; font-weight: 400;
color: #262B37; color: #262B37;
@ -1828,20 +1965,27 @@
.card2 { .card2 {
padding-top: 40rpx; padding-top: 40rpx;
margin-top: 24rpx; margin-top: 70rpx;
width: 670rpx; width: 670rpx;
height: 254rpx; max-height: 314rpx;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0rpx 16rpx 40rpx 0rpx rgba(53, 140, 255, 0.1); box-shadow: 0rpx 16rpx 40rpx 0rpx rgba(53, 140, 255, 0.1);
border-radius: 28rpx; border-radius: 28rpx;
.aa{
padding-left: 40rpx;
padding-right: 40rpx;
box-sizing: border-box;
display: flex;
justify-content: space-between;
margin-top: 10rpx;
font-size: 28rpx;
color: #808080;
}
.tit { .tit {
margin-left: 40rpx; margin-left: 40rpx;
font-size: 36rpx;
font-size: 35rpx; color: #3D3D3D;
font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 600;
font-weight: 400;
color: #8883F0;
} }
.cont_box { .cont_box {
@ -1885,15 +2029,13 @@
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0rpx 16rpx 40rpx 0rpx rgba(53, 140, 255, 0.1); box-shadow: 0rpx 16rpx 40rpx 0rpx rgba(53, 140, 255, 0.1);
border-radius: 28rpx; border-radius: 28rpx;
padding-bottom: 20rpx;
.tit { .tit {
margin-left: 40rpx; margin-left: 40rpx;
font-size: 35rpx; font-size: 35rpx;
font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
font-weight: 400; font-weight: 400;
color: #8883F0; color: #3D3D3D;
} }
.cont_box { .cont_box {
@ -1908,22 +2050,33 @@
} }
.cont { .cont {
width: 25%; width: 100%;
text-align: center; display: flex;
justify-content: space-between;
align-items: center;
.jt{
width: 15rpx;
height: 26rpx;
}
.top { .top {
width: 100%;
display: flex;
align-items: center;
border-bottom: 1px solid #D8D8D8;
padding-top: 20rpx;
padding-bottom: 20rpx;
box-sizing: border-box;
image { image {
width: 56rpx; width: 44rpx;
height: 56rpx; height: 44rpx;
margin-right: 26rpx;
} }
}
.bot { .bot {
margin-top: 8rpx;
font-size: 28rpx;
font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
font-weight: 400; font-weight: 400;
color: #808080; font-size: 32rpx;
color: #3D3D3D;
}
} }
} }
} }