11
This commit is contained in:
parent
69ee4b66d7
commit
7bfef7997f
|
|
@ -20,7 +20,7 @@ const install = (Vue, vm) => {
|
|||
// },
|
||||
// });
|
||||
Vue.prototype.$u.http.setConfig({
|
||||
baseUrl: 'http://192.168.2.87/dev-api',
|
||||
baseUrl: 'https://znb.ccttiot.com/dev-api',
|
||||
loadingText: '努力加载中~',
|
||||
loadingTime: 800,
|
||||
// 设置自定义头部content-type
|
||||
|
|
@ -81,29 +81,29 @@ const install = (Vue, vm) => {
|
|||
// })
|
||||
// // return res.result;
|
||||
// }
|
||||
if(res.code == 30003) {
|
||||
if(res.code == 401) {
|
||||
// res为服务端返回值，可能有code，result等字段
|
||||
// 这里对res.result进行返回，将会在this.$u.post(url).then(res => {})的then回调中的res的到
|
||||
// 如果配置了originalData为true，请留意这里的返回值
|
||||
|
||||
// return res.result;
|
||||
|
||||
uni.login({
|
||||
success: function(ret) {
|
||||
console.log("main.js==>res", ret)
|
||||
vm.$u.post('/user/login',{"js_code": ret.code}).then(res=>{
|
||||
if (res.code == 10003) {
|
||||
// console.log("新用户登录")
|
||||
uni.setStorageSync('token', res.data);
|
||||
// uni.login({
|
||||
// success: function(ret) {
|
||||
// console.log("main.js==>res", ret)
|
||||
// vm.$u.post('/user/login',{"js_code": ret.code}).then(res=>{
|
||||
// if (res.code == 10003) {
|
||||
// // console.log("新用户登录")
|
||||
// uni.setStorageSync('token', res.data);
|
||||
|
||||
} else if (res.code == 200) {
|
||||
// console.log("老用户登录",res.data)
|
||||
uni.setStorageSync('token', res.data);
|
||||
// } else if (res.code == 200) {
|
||||
// // console.log("老用户登录",res.data)
|
||||
// uni.setStorageSync('token', res.data);
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
|
||||
}
|
||||
return res;
|
||||
|
|
|
|||
150
pages.json
150
pages.json
|
|
@ -14,9 +14,38 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/tj",
|
||||
"style" :
|
||||
"path": "pages/device/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "添加设备",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#3996FD",
|
||||
"navigationBarTextStyle": "#FFFFFF",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/wifilist/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "添加设备",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#3996FD",
|
||||
"navigationBarTextStyle": "#FFFFFF",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/wifilist/connect/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "添加设备",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#3996FD",
|
||||
"navigationBarTextStyle": "#FFFFFF",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/tj",
|
||||
"style": {
|
||||
"navigationBarTitleText": "我的",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#3996FD",
|
||||
|
|
@ -25,9 +54,28 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/upload/upload",
|
||||
"style" :
|
||||
"path": "pages/opinion/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#3996FD",
|
||||
"navigationBarTextStyle": "#FFFFFF",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/userpage/switchs",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#3996FD",
|
||||
"navigationBarTextStyle": "#FFFFFF",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/upload/upload",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
|
|
@ -35,9 +83,8 @@
|
|||
|
||||
},
|
||||
{
|
||||
"path" : "pages/my",
|
||||
"style" :
|
||||
{
|
||||
"path": "pages/my",
|
||||
"style": {
|
||||
"navigationBarTitleText": "我的",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#3996FD",
|
||||
|
|
@ -46,9 +93,8 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/userpage/chongzhi",
|
||||
"style" :
|
||||
{
|
||||
"path": "pages/userpage/chongzhi",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
|
|
@ -56,9 +102,8 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/userpage/shouzhi",
|
||||
"style" :
|
||||
{
|
||||
"path": "pages/userpage/shouzhi",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
|
|
@ -66,9 +111,8 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/shebei/ewm",
|
||||
"style" :
|
||||
{
|
||||
"path": "pages/shebei/ewm",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
|
|
@ -76,9 +120,8 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/shebei/fenzu",
|
||||
"style" :
|
||||
{
|
||||
"path": "pages/shebei/fenzu",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
|
|
@ -86,9 +129,8 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/shebei/setting",
|
||||
"style" :
|
||||
{
|
||||
"path": "pages/shebei/setting",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
|
|
@ -96,9 +138,8 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/userpage/fztx",
|
||||
"style" :
|
||||
{
|
||||
"path": "pages/userpage/fztx",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
|
|
@ -106,9 +147,8 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/shebei/eletj",
|
||||
"style" :
|
||||
{
|
||||
"path": "pages/shebei/eletj",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
|
|
@ -116,9 +156,8 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/shebei/sbdetail",
|
||||
"style" :
|
||||
{
|
||||
"path": "pages/shebei/sbdetail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
|
|
@ -126,9 +165,8 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/userpage/skzh",
|
||||
"style" :
|
||||
{
|
||||
"path": "pages/userpage/skzh",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
|
|
@ -136,9 +174,8 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/userpage/bdcard",
|
||||
"style" :
|
||||
{
|
||||
"path": "pages/userpage/bdcard",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
|
|
@ -146,9 +183,8 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/userpage/order_detail",
|
||||
"style" :
|
||||
{
|
||||
"path": "pages/userpage/order_detail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
|
|
@ -156,9 +192,8 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/userpage/cbRecord",
|
||||
"style" :
|
||||
{
|
||||
"path": "pages/userpage/cbRecord",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
|
|
@ -166,9 +201,8 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/userpage/czRecord",
|
||||
"style" :
|
||||
{
|
||||
"path": "pages/userpage/czRecord",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
|
|
@ -176,9 +210,8 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/userpage/glRecord",
|
||||
"style" :
|
||||
{
|
||||
"path": "pages/userpage/glRecord",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
|
|
@ -186,9 +219,8 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/userpage/userSet",
|
||||
"style" :
|
||||
{
|
||||
"path": "pages/userpage/userSet",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
|
|
@ -196,9 +228,8 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/userpage/czindex",
|
||||
"style" :
|
||||
{
|
||||
"path": "pages/userpage/czindex",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
|
|
@ -206,11 +237,10 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/login/login",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "",
|
||||
"enablePullDownRefresh" : false,
|
||||
"path": "pages/login/login",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
229
pages/device/index.vue
Normal file
229
pages/device/index.vue
Normal file
|
|
@ -0,0 +1,229 @@
|
|||
<template>
|
||||
<view class="pages">
|
||||
<u-navbar title="添加设备" :border-bottom="false" :background="bgc" title-color='#262B37' title-size='48' height='136'></u-navbar>
|
||||
<view class="title">
|
||||
<text>设备列表</text>
|
||||
<image src="../../static/sm.png" mode="widthFix"></image><text class="sm"> 正在扫描蓝牙设备...... </text>
|
||||
</view>
|
||||
|
||||
<view class="dblist" v-for="(item,index) in 2" :key="index">
|
||||
<view class="lt">
|
||||
<image src="../../static/db.png" mode=""></image>
|
||||
</view>
|
||||
<view class="cen">
|
||||
<view class="name">
|
||||
智能电表
|
||||
</view>
|
||||
<view class="mac">
|
||||
MAC号: TMTM2152354
|
||||
</view>
|
||||
</view>
|
||||
<view class="rt">
|
||||
<text @click="btnlj">连接</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="anniu">
|
||||
<button>重新扫描</button>
|
||||
</view>
|
||||
|
||||
<view class="mask" v-if="titleflag">
|
||||
<view class="titles">
|
||||
温馨提示
|
||||
</view>
|
||||
<text>无法扫描到附近设备:</text>
|
||||
<text>1.确保待连接设备在附近且蓝牙处于打开状态。</text>
|
||||
<text>2.确保设备未与其他设备进行蓝牙连接。</text>
|
||||
<text>确保设备未被添加过。</text>
|
||||
<text>...</text>
|
||||
<button @click="btnyc">好的</button>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
titleflag:true, //提示隐藏
|
||||
bgc: {
|
||||
backgroundColor: "#F7FAFE",
|
||||
},
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
btnyc(){
|
||||
this.titleflag = false
|
||||
},
|
||||
btnlj(){
|
||||
uni.navigateTo({
|
||||
url:'/pages/wifilist/index'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page{
|
||||
background-color: #F7FAFE !important;
|
||||
}
|
||||
.pages{
|
||||
// padding-top: 136rpx !important;
|
||||
padding: 0 66rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
// text{
|
||||
// display: block;
|
||||
// }
|
||||
|
||||
.sm{
|
||||
color: #77808D;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
// margin-top: 48rpx;
|
||||
display: inline-block;
|
||||
}
|
||||
.title{
|
||||
margin-bottom: 84rpx;
|
||||
image{
|
||||
display: inline-block;
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
vertical-align: bottom;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
text:nth-child(1){
|
||||
font-weight: 400;
|
||||
font-size: 96rpx;
|
||||
color: #262B37;
|
||||
line-height: 88rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
display: block;
|
||||
margin-bottom: 48rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.dblist{
|
||||
display: flex;
|
||||
width: 100%;
|
||||
margin-top: 34rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 10rpx 64rpx 0rpx rgba(0,0,0,0.08);
|
||||
padding: 20rpx 0 24rpx 18rpx;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
border-radius: 10rpx;
|
||||
.lt{
|
||||
padding-left: 10rpx;
|
||||
box-sizing: border-box;
|
||||
margin-right: 38rpx;
|
||||
image{
|
||||
width: 42rpx;
|
||||
// height: 112rpx;
|
||||
}
|
||||
}
|
||||
.cen{
|
||||
width: 370rpx;
|
||||
padding-left: 10rpx;
|
||||
box-sizing: border-box;
|
||||
.name{
|
||||
font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
|
||||
font-weight: 400;
|
||||
font-size: 32rpx;
|
||||
color: #262B37;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.mac{
|
||||
font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #262B37;
|
||||
line-height: 32rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
}
|
||||
.rt{
|
||||
margin-top: 22rpx;
|
||||
text{
|
||||
display: inline-block;
|
||||
width: 108rpx;
|
||||
height: 60rpx;
|
||||
background: rgba(255,255,255,0);
|
||||
border: 2rpx solid #8883F0;
|
||||
filter: blur(0px);
|
||||
border-radius: 20rpx;
|
||||
text-align: center;
|
||||
line-height: 60rpx;
|
||||
color:#8883F0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.anniu{
|
||||
padding: 0 90rpx;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 112rpx;
|
||||
button{
|
||||
background: #8883F0;
|
||||
border-radius: 52rpx 52rpx 52rpx 52rpx;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.mask{
|
||||
width:622rpx;
|
||||
height: 710rpx;
|
||||
background: #FFFFFF;
|
||||
filter: blur(0px);
|
||||
border-radius: 20rpx;
|
||||
position: fixed;
|
||||
top: 475rpx;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
padding-top: 38rpx;
|
||||
padding-left: 60rpx;
|
||||
padding-right: 60rpx;
|
||||
box-sizing: border-box;
|
||||
.titles{
|
||||
font-size: 48rpx;
|
||||
color: #262B37;
|
||||
line-height: 70rpx;
|
||||
text-align: center;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
text{
|
||||
display: block;
|
||||
font-size: 32rpx;
|
||||
color: #262B37;
|
||||
line-height: 56rpx;
|
||||
text-align: left;
|
||||
}
|
||||
button{
|
||||
margin-top: 46rpx;
|
||||
width: 266rpx;
|
||||
height: 96rpx;
|
||||
background: #8883F0;
|
||||
border-radius: 52rpx 52rpx 52rpx 52rpx;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 96rpx;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
@ -3,13 +3,14 @@
|
|||
<u-navbar :is-back="false" :title="tittxt" :border-bottom="false" :background="bgc" title-color='#2E4975'
|
||||
title-size='36' height='36' id="navbar">
|
||||
</u-navbar>
|
||||
<view class="zhuhu" v-if="userType=='00'&&deviceInfo" >
|
||||
<view class="zhuhu" v-if="userType=='00'&&deviceInfo">
|
||||
<view class="card1">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
设备
|
||||
</view>
|
||||
<view class="right">
|
||||
<image class="imgs" src="@/static/qiehuan.png" mode="" style="margin-right: 20rpx;" @click="switchs"></image>
|
||||
<image class="img1" src="@/static/off.png" mode="" style="margin-right: 30rpx;"></image>
|
||||
<image class="img1" src="@/static/share.png" mode="" @click="toewm()"></image>
|
||||
</view>
|
||||
|
|
@ -40,15 +41,15 @@
|
|||
<view class="bot_right">
|
||||
<view class="cont">
|
||||
<view class="tit">
|
||||
150KWH
|
||||
{{deviceInfo.totalElectriQuantity}}KWH
|
||||
</view>
|
||||
<view class="txt">
|
||||
总电量
|
||||
总用电量
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont" style="margin-left: 60rpx;">
|
||||
<view class="tit">
|
||||
0.5元/度
|
||||
{{deviceInfo.price}}元/度
|
||||
</view>
|
||||
<view class="txt">
|
||||
电价
|
||||
|
|
@ -78,24 +79,30 @@
|
|||
<view class="card3">
|
||||
<view class="tit">其他</view>
|
||||
<view class="cont_box">
|
||||
<view class="cont">
|
||||
<!-- <view class="cont">
|
||||
<view class="top">
|
||||
<image src="@/static/sz.png" mode=""></image>
|
||||
</view>
|
||||
<view class="bot">其他设置</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="cont" style="width: 58rpx;">
|
||||
<view class="top">
|
||||
<image src="@/static/yc.png" mode="" style="width: 58rpx;height: 60rpx;"></image>
|
||||
</view>
|
||||
<view class="bot">异常</view>
|
||||
</view>
|
||||
<view class="cont" @click="toydfx()">
|
||||
<view class="cont" @click="tochaobiao">
|
||||
<view class="top">
|
||||
<image src="@/static/cb.png" mode=""></image>
|
||||
</view>
|
||||
<view class="bot">抄表</view>
|
||||
</view>
|
||||
<!-- <view class="cont" @click="toydfx()">
|
||||
<view class="top">
|
||||
<image src="@/static/fx.png" mode=""></image>
|
||||
</view>
|
||||
<view class="bot">用电分析</view>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -104,21 +111,24 @@
|
|||
|
||||
</view>
|
||||
</view>
|
||||
<view class="fd" v-if="userType=='01'" >
|
||||
<!-- 房东 -->
|
||||
<view class="fd" v-if="userType=='01' && sbflag">
|
||||
<view class="fd_top">
|
||||
<view class="fd_tit" v-for="(item,index) in titlist" :key="index" :class="index==curtitidx?'act1':''" @click="changeidx(index)">
|
||||
<view class="fd_tit" v-for="(item,index) in titlist" :key="index" :class="index==curtitidx?'act1':''"
|
||||
@click="changeidx(index)">
|
||||
{{item}}
|
||||
</view>
|
||||
<view class="fd_set">
|
||||
<view class="fd_set" @click="show = true">
|
||||
+
|
||||
</view>
|
||||
</view>
|
||||
<view class="warp_box" >
|
||||
<view class="warp_box">
|
||||
<swiper class="swiper" style="height: 150vh;" :current='curtitidx' @change="swiperchange">
|
||||
<swiper-item >
|
||||
<view class="swiper-item " >
|
||||
<view class="card_box" @click="todetail(item.deviceId)" v-for="(item,index) in deviceList" :key="index">
|
||||
<view class="card" >
|
||||
<swiper-item>
|
||||
<view class="swiper-item ">
|
||||
<view class="card_box" @click="todetail(item.deviceId)" v-for="(item,index) in deviceList"
|
||||
:key="index">
|
||||
<view class="card">
|
||||
<view class="card_left">
|
||||
<view class="card_left_tit">
|
||||
{{item.deviceName}}电表
|
||||
|
|
@ -150,7 +160,8 @@
|
|||
</view>
|
||||
|
||||
</view>
|
||||
<view class="noDevice">
|
||||
|
||||
<view class="noDevice" v-if="addflag">
|
||||
<view class="img_box">
|
||||
<image src="@/static/device.png" mode=""></image>
|
||||
<view class="tps">
|
||||
|
|
@ -160,12 +171,22 @@
|
|||
<view class="addbutn" v-if="userType=='00'">
|
||||
扫码添加
|
||||
</view>
|
||||
<view class="addbutn" v-if="userType=='01'" >
|
||||
<view class="addbutn" v-if="userType=='01'" @click="show=true">
|
||||
添加方式
|
||||
</view>
|
||||
<view class="tip">需要添加设备后方可使用</view>
|
||||
</view>
|
||||
|
||||
<tab-bar :indexs='0'></tab-bar>
|
||||
|
||||
<u-popup v-model="show" mode="bottom" border-radius="14" width="750rpx" height="464rpx" closeable="true"
|
||||
close-icon-pos="top-left">
|
||||
<view class="popup-content">
|
||||
<text class="add">添加方式</text>
|
||||
<text class="saoma">扫码添加</text>
|
||||
<text class="sousuo" @click="btnserch">搜索附近设备添加</text>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -179,46 +200,57 @@
|
|||
backgroundColor: "#F7FAFE",
|
||||
|
||||
},
|
||||
deviceInfo:{},
|
||||
loadings:false,
|
||||
info:'',
|
||||
tittxt:"首页",
|
||||
deviceInfo: {},
|
||||
loadings: false,
|
||||
info: '',
|
||||
tittxt: "首页",
|
||||
titlist: [
|
||||
"全部",
|
||||
"电表",
|
||||
"水表",
|
||||
|
||||
],
|
||||
curtitidx:0,
|
||||
curtitidx: 0,
|
||||
background: ['color1', 'color2', 'color3'],
|
||||
indicatorDots: true,
|
||||
autoplay: true,
|
||||
interval: 2000,
|
||||
duration: 500,
|
||||
deviceList:[],
|
||||
userType:''
|
||||
deviceList: [],
|
||||
userType: '',
|
||||
addflag: false,
|
||||
sbflag: true,
|
||||
show: false
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
if(uni.getStorageSync('userType')){
|
||||
|
||||
|
||||
this.userType=uni.getStorageSync('userType')
|
||||
if(this.userType=='01'){
|
||||
this.getDeviceList()
|
||||
}else if(this.userType=='00'){
|
||||
this.getdevice()
|
||||
}
|
||||
|
||||
}else{
|
||||
this.getuserinfo()
|
||||
}
|
||||
|
||||
this.logins()
|
||||
|
||||
|
||||
|
||||
},
|
||||
methods: {
|
||||
logins(){
|
||||
if (uni.getStorageSync('userType')) {
|
||||
this.userType = uni.getStorageSync('userType')
|
||||
this.userType='01'
|
||||
if (this.userType == '01') {
|
||||
this.getDeviceList()
|
||||
} else if (this.userType == '00') {
|
||||
this.getdevice()
|
||||
}
|
||||
} else {
|
||||
|
||||
}
|
||||
this.getuserinfo()
|
||||
},
|
||||
// 点击搜索附近设备进行跳转
|
||||
btnserch() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/device/index'
|
||||
})
|
||||
},
|
||||
|
||||
async initChart() {
|
||||
let value = 100;
|
||||
let value2 = this.deviceInfo.surplusElectriQuantity
|
||||
|
|
@ -341,79 +373,120 @@
|
|||
return chart
|
||||
},
|
||||
// 获取设备详情
|
||||
getDevice(){
|
||||
getDevice() {
|
||||
this.$u.get("app/device/1").then((res) => {
|
||||
|
||||
|
||||
|
||||
|
||||
// this.$forceUpdate()
|
||||
if (res.code == 200) {
|
||||
this.deviceInfo=res.data
|
||||
|
||||
this.loadings=true
|
||||
this.deviceInfo = res.data
|
||||
console.log(this.deviceInfo, 1111);
|
||||
this.loadings = true
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
getuserinfo(){
|
||||
getuserinfo() {
|
||||
this.$u.get("/app/user/userInfo").then((res) => {
|
||||
|
||||
|
||||
|
||||
|
||||
// this.$forceUpdate()
|
||||
if (res.code == 200) {
|
||||
|
||||
uni.setStorageSync('userType',res.data.userType)
|
||||
this.userType=res.data.userType
|
||||
if(this.userType=='01'){
|
||||
uni.setStorageSync('userType', res.data.userType)
|
||||
this.userType = res.data.userType
|
||||
if (this.userType == '01') {
|
||||
this.getDeviceList()
|
||||
}else if(this.userType=='00'){
|
||||
} else if (this.userType == '00') {
|
||||
this.getdevice()
|
||||
}
|
||||
|
||||
}else{
|
||||
this.jmlogin()
|
||||
}
|
||||
});
|
||||
},
|
||||
getDeviceList(){
|
||||
jmlogin(){
|
||||
let taht =this
|
||||
wx.login({
|
||||
success(res) {
|
||||
if (res.code) {
|
||||
console.log('登录！', res);
|
||||
let data = {
|
||||
wxOpenId: res.code,
|
||||
|
||||
};
|
||||
taht.$u.post('/app/auth/wxLogin',data).then(res=>{
|
||||
if (res.code == 10003) {
|
||||
uni.navigateTo({
|
||||
url:'/pages/login/login'
|
||||
})
|
||||
|
||||
} else if (res.code == 200) {
|
||||
// console.log("老用户登录",res.data)
|
||||
uni.setStorageSync('token', res.token);
|
||||
taht.logins()
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
});
|
||||
},
|
||||
getDeviceList() {
|
||||
this.$u.get("/app/device/list").then((res) => {
|
||||
|
||||
// this.$forceUpdate()
|
||||
if (res.code == 200) {
|
||||
this.deviceList=res.rows
|
||||
this.deviceList = res.rows
|
||||
console.log(this.deviceList, '10101010');
|
||||
if (this.deviceList == '') {
|
||||
this.addflag = true
|
||||
this.sbflag = false
|
||||
} else {
|
||||
this.addflag = false
|
||||
this.sbflag = true
|
||||
}
|
||||
// this.addflag = false
|
||||
// this.sbflag = true
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
swiperchange(e){
|
||||
this.curtitidx=e.detail.current
|
||||
console.log(e,'aaaa');
|
||||
swiperchange(e) {
|
||||
this.curtitidx = e.detail.current
|
||||
console.log(e, 'aaaa');
|
||||
},
|
||||
getdevice(){
|
||||
getdevice() {
|
||||
this.$u.get("/app/device/tenant").then((res) => {
|
||||
this.deviceInfo=res.data
|
||||
this.deviceInfo = res.rows[0]
|
||||
this.initChart()
|
||||
});
|
||||
},
|
||||
changeidx(index){
|
||||
this.curtitidx=index
|
||||
changeidx(index) {
|
||||
this.curtitidx = index
|
||||
},
|
||||
toewm(){
|
||||
toewm() {
|
||||
uni.navigateTo({
|
||||
url:"/pages/shebei/ewm"
|
||||
url: "/pages/shebei/ewm"
|
||||
})
|
||||
},
|
||||
toydfx(){
|
||||
toydfx() {
|
||||
uni.navigateTo({
|
||||
url:"/pages/shebei/eletj"
|
||||
url: "/pages/shebei/eletj"
|
||||
})
|
||||
},
|
||||
todetail(id){
|
||||
todetail(id) {
|
||||
uni.navigateTo({
|
||||
url:"/pages/shebei/sbdetail?id="+id
|
||||
url: "/pages/shebei/sbdetail?id=" + id
|
||||
})
|
||||
},
|
||||
// 跳转到抄表
|
||||
tochaobiao(){
|
||||
uni.navigateTo({
|
||||
url:'/pages/userpage/cbRecord'
|
||||
})
|
||||
},
|
||||
// 点击切换设备
|
||||
switchs(){
|
||||
uni.navigateTo({
|
||||
url:'/pages/userpage/switchs'
|
||||
})
|
||||
}
|
||||
}
|
||||
|
|
@ -426,22 +499,25 @@
|
|||
}
|
||||
|
||||
.page {
|
||||
.noDevice{
|
||||
.noDevice {
|
||||
margin-top: 432rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
.img_box{
|
||||
|
||||
.img_box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
image{
|
||||
|
||||
image {
|
||||
width: 252rpx;
|
||||
height: 252rpx;
|
||||
}
|
||||
.tps{
|
||||
|
||||
.tps {
|
||||
margin-top: 4rpx;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
|
|
@ -451,7 +527,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.addbutn{
|
||||
.addbutn {
|
||||
margin-top: 32rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -465,7 +541,8 @@
|
|||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.tip{
|
||||
|
||||
.tip {
|
||||
margin-top: 30rpx;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
|
|
@ -474,6 +551,7 @@
|
|||
color: #BDBCBC;
|
||||
}
|
||||
}
|
||||
|
||||
.zhuhu {
|
||||
margin-top: 20rpx;
|
||||
padding: 0 40rpx;
|
||||
|
|
@ -501,7 +579,11 @@
|
|||
|
||||
.right {
|
||||
margin-right: 56rpx;
|
||||
|
||||
.imgs{
|
||||
width: 94rpx;
|
||||
height: 94rpx;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.img1 {
|
||||
width: 76rpx;
|
||||
height: 76rpx;
|
||||
|
|
@ -576,6 +658,7 @@
|
|||
.bot_left {
|
||||
width: 210rpx;
|
||||
height: 190.14rpx;
|
||||
margin-right: 34rpx;
|
||||
|
||||
.echarts {
|
||||
width: 210rpx;
|
||||
|
|
@ -631,6 +714,7 @@
|
|||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: space-around;
|
||||
text-align: center;
|
||||
|
||||
.cont {
|
||||
width: 110rpx;
|
||||
|
|
@ -644,6 +728,7 @@
|
|||
font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
|
||||
font-weight: 400;
|
||||
color: #262B37;
|
||||
width: 110rpx;
|
||||
}
|
||||
|
||||
.bot {
|
||||
|
|
@ -679,15 +764,16 @@
|
|||
margin-top: 32rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: space-around;
|
||||
|
||||
// justify-content: space-around;
|
||||
padding-left: 96rpx;
|
||||
box-sizing: border-box;
|
||||
.cont {
|
||||
width: 112rpx;
|
||||
width: 100rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
margin-right: 92rpx;
|
||||
.top {
|
||||
image {
|
||||
width: 56rpx;
|
||||
|
|
@ -725,17 +811,19 @@
|
|||
}
|
||||
}
|
||||
|
||||
.fd{
|
||||
.fd {
|
||||
margin-top: 20rpx;
|
||||
padding: 0 40rpx;
|
||||
padding-bottom: 200rpx;
|
||||
height: 100%;
|
||||
.fd_top{
|
||||
|
||||
.fd_top {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
// justify-content: space-between;
|
||||
align-items: center;
|
||||
.fd_tit{
|
||||
|
||||
.fd_tit {
|
||||
// width: 40%;
|
||||
|
||||
margin-right: 20rpx;
|
||||
|
|
@ -743,52 +831,63 @@
|
|||
font-weight: 400;
|
||||
color: #95989D;
|
||||
}
|
||||
.act1{
|
||||
|
||||
.act1 {
|
||||
color: #000000;
|
||||
}
|
||||
.fd_set{
|
||||
|
||||
.fd_set {
|
||||
margin-left: auto;
|
||||
font-size: 60rpx;
|
||||
}
|
||||
}
|
||||
.swiper{
|
||||
.swiper-item{
|
||||
|
||||
.swiper {
|
||||
.swiper-item {
|
||||
|
||||
height: 100%;
|
||||
.card_box{
|
||||
|
||||
.card_box {
|
||||
margin-top: 34rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
.card{
|
||||
|
||||
.card {
|
||||
display: flex;
|
||||
// align-items: center;
|
||||
margin-top: 20rpx;
|
||||
width: 658rpx;
|
||||
height: 282rpx;
|
||||
background: #fff;
|
||||
box-shadow: 0rpx 16rpx 40rpx 0rpx rgba(255,255,255,0);
|
||||
box-shadow: 0rpx 16rpx 40rpx 0rpx rgba(255, 255, 255, 0);
|
||||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||||
.card_left{
|
||||
|
||||
.card_left {
|
||||
width: 310rpx;
|
||||
margin-top: 46rpx;
|
||||
margin-left: 50rpx;
|
||||
.card_left_tit{
|
||||
|
||||
.card_left_tit {
|
||||
font-size: 44rpx;
|
||||
font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
|
||||
font-weight: 500;
|
||||
color: #8883F0;
|
||||
}
|
||||
.card_left_sta{
|
||||
|
||||
.card_left_sta {
|
||||
|
||||
margin-top: 15rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
image{
|
||||
|
||||
image {
|
||||
width: 23.32rpx;
|
||||
height: 36.47rpx;
|
||||
|
||||
}
|
||||
.sta_txt{
|
||||
|
||||
.sta_txt {
|
||||
margin-left: 15rpx;
|
||||
color: #262B37;
|
||||
font-size: 24rpx;
|
||||
|
|
@ -796,7 +895,8 @@
|
|||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
.card_left_no{
|
||||
|
||||
.card_left_no {
|
||||
margin-top: 15rpx;
|
||||
font-size: 24rpx;
|
||||
font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
|
||||
|
|
@ -804,13 +904,15 @@
|
|||
color: #95989D;
|
||||
}
|
||||
}
|
||||
.card_right{
|
||||
|
||||
.card_right {
|
||||
margin-top: 60rpx;
|
||||
margin-left: auto;
|
||||
margin-right: 94rpx;
|
||||
image{
|
||||
|
||||
image {
|
||||
width: 63.04rpx;
|
||||
height:167.48rpx ;
|
||||
height: 167.48rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -820,4 +922,39 @@
|
|||
|
||||
}
|
||||
}
|
||||
|
||||
.popup-content {
|
||||
text-align: center;
|
||||
|
||||
text {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.add {
|
||||
margin-top: 10rpx;
|
||||
font-size: 36rpx;
|
||||
color: #000000;
|
||||
line-height: 80rpx;
|
||||
}
|
||||
|
||||
.saoma {
|
||||
margin-top: 68rpx;
|
||||
font-size: 40rpx;
|
||||
color: #000000;
|
||||
line-height: 54rpx;
|
||||
border: 1px solid #ccc;
|
||||
padding: 30rpx 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.sousuo {
|
||||
margin-top: 46rpx;
|
||||
font-size: 40rpx;
|
||||
color: #000000;
|
||||
line-height: 54rpx;
|
||||
border: 1px solid #ccc;
|
||||
padding: 30rpx 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -53,9 +53,9 @@
|
|||
this.chooseType=false
|
||||
this.login=true
|
||||
if(num==1){
|
||||
this.usertype='00'
|
||||
}else{
|
||||
this.usertype='01'
|
||||
}else{
|
||||
this.usertype='00'
|
||||
}
|
||||
},
|
||||
getPhoneNumber(e) {
|
||||
|
|
@ -106,9 +106,9 @@
|
|||
async ceshi() {
|
||||
this.$u.get("/app/user/userInfo").then((res) => {
|
||||
console.log('进入跳转');
|
||||
// uni.switchTab({
|
||||
// url: '/pages/index/index'
|
||||
// })
|
||||
uni.switchTab({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
});
|
||||
},
|
||||
}
|
||||
|
|
|
|||
260
pages/opinion/index.vue
Normal file
260
pages/opinion/index.vue
Normal file
|
|
@ -0,0 +1,260 @@
|
|||
<template>
|
||||
<view class="pages">
|
||||
<u-navbar title="意见反馈" :border-bottom="false" :background="bgc" title-color='#262B37' title-size='48'
|
||||
height='34'></u-navbar>
|
||||
<view class="leix">
|
||||
<view class="title">
|
||||
反馈类型 <text style="font-size: 36rpx; color: red; vertical-align: top;margin-left: 32rpx;">✲</text>
|
||||
</view>
|
||||
<view class="lxxz">
|
||||
<view class="">
|
||||
功能异常
|
||||
</view>
|
||||
<view class="active">
|
||||
意见与建议
|
||||
<text>✔</text>
|
||||
</view>
|
||||
<view class="">
|
||||
其他
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="problem">
|
||||
<view class="title">
|
||||
问题描述 <text style="font-size: 36rpx; color: red; vertical-align: top;margin-left: 32rpx;">✲</text>
|
||||
</view>
|
||||
<view class="input-container">
|
||||
<view class="placeholder" v-if="!textValue">请详细描述您的问题或建议</view>
|
||||
<textarea class="custom-textarea" v-model="textValue" @focus="hidePlaceholder" style="border: none;" @input="updateWordCount"
|
||||
@blur="showPlaceholder"></textarea>
|
||||
<text class="word-count">{{ currentCount }}/500</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="scpic">
|
||||
<view class="title">
|
||||
上传图片
|
||||
</view>
|
||||
<view class="icon">
|
||||
<image src="../../static/pzs.png" mode=""></image>
|
||||
</view>
|
||||
<text>上传问题图片可以让问题快速解决哦!</text>
|
||||
</view>
|
||||
|
||||
<view class="lxfs">
|
||||
<view class="title">
|
||||
联系方式
|
||||
</view>
|
||||
<input type="text" placeholder="请留下手机号/邮箱/微信号，以便我们回复您" />
|
||||
</view>
|
||||
|
||||
<button>提交</button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: "#F7FAFE",
|
||||
},
|
||||
textValue: '',
|
||||
currentCount: 0,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
hidePlaceholder() {
|
||||
this.placeholderVisible = false;
|
||||
},
|
||||
showPlaceholder() {
|
||||
if (!this.textValue) {
|
||||
this.placeholderVisible = true;
|
||||
}
|
||||
},
|
||||
updateWordCount() {
|
||||
this.currentCount = this.textValue.trim().replace(/\s+/g, '').length;
|
||||
// if (this.currentCount > 500) {
|
||||
// this.textValue = this.textValue.slice(0, this.textValue.lastIndexOf(' ', 500)).trim();
|
||||
// uni.showToast({
|
||||
// title: '字数已超过500字限制',
|
||||
// icon: 'none'
|
||||
// });
|
||||
// }
|
||||
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
button{
|
||||
width: 590rpx;
|
||||
height: 84rpx;
|
||||
background: #8883F0;
|
||||
filter: blur(0px);
|
||||
color: #fff;
|
||||
font-size: 36rpx;
|
||||
line-height: 84rpx;
|
||||
text-align: center;
|
||||
margin-top: 164rpx;
|
||||
border-radius: 50rpx;
|
||||
}
|
||||
page {
|
||||
background-color: #F7FAFE !important;
|
||||
}
|
||||
|
||||
.pages {
|
||||
padding: 0 66rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.leix {
|
||||
margin-top: 34rpx;
|
||||
|
||||
.title {
|
||||
font-weight: 600;
|
||||
font-size: 36rpx;
|
||||
color: #3D3D3D;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
|
||||
.lxxz {
|
||||
display: flex;
|
||||
|
||||
view {
|
||||
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
||||
border: 2rpx solid #C4C4C4;
|
||||
padding: 14rpx 34rpx 14rpx 34rpx;
|
||||
box-sizing: border-box;
|
||||
margin-right: 28rpx;
|
||||
margin-top: 40rpx;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
text {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
display: inline-block;
|
||||
width: 31rpx;
|
||||
height: 19rpx;
|
||||
background: #8883F0;
|
||||
color: #fff;
|
||||
border-radius: 5rpx;
|
||||
font-size: 18rpx;
|
||||
text-align: center;
|
||||
line-height: 19rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 2rpx solid #8883F0 !important;
|
||||
}
|
||||
|
||||
.problem {
|
||||
margin-top: 40rpx;
|
||||
|
||||
.title {
|
||||
font-weight: 600;
|
||||
font-size: 36rpx;
|
||||
color: #3D3D3D;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.lxfs {
|
||||
margin-top: 40rpx;
|
||||
.title {
|
||||
font-weight: 600;
|
||||
font-size: 36rpx;
|
||||
color: #3D3D3D;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
input{
|
||||
margin-top: 32rpx;
|
||||
width: 612rpx;
|
||||
height: 80rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 16rpx 40rpx 0rpx rgba(42,130,228,0.1);
|
||||
border-radius: 20rpx;
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.scpic {
|
||||
margin-top: 40rpx;
|
||||
|
||||
.title {
|
||||
font-weight: 600;
|
||||
font-size: 36rpx;
|
||||
color: #3D3D3D;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
text{
|
||||
display: block;
|
||||
margin-top: 40rpx;
|
||||
font-size: 28rpx;
|
||||
color: #95989D;
|
||||
line-height: 38rpx;
|
||||
}
|
||||
.icon{
|
||||
margin-top: 40rpx;
|
||||
image{
|
||||
width: 142rpx;
|
||||
height: 142rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.input-container {
|
||||
position: relative;
|
||||
width: 612rpx;
|
||||
height: 248rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 16rpx 40rpx 0rpx rgba(42, 130, 228, 0.1);
|
||||
border-radius: 20rpx;
|
||||
margin-top: 40rpx;
|
||||
overflow: hidden;
|
||||
padding-right: 38rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.placeholder {
|
||||
position: absolute;
|
||||
top: 18rpx;
|
||||
left: 38rpx;
|
||||
color: #999;
|
||||
/* placeholder颜色 */
|
||||
pointer-events: none;
|
||||
/* 确保点击事件可以穿透到textarea上 */
|
||||
}
|
||||
|
||||
.custom-textarea {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/* 设置一个合适高度 */
|
||||
padding-top: 18rpx;
|
||||
/* 为placeholder留出空间 */
|
||||
padding-left: 38rpx;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
.word-count {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -40,15 +40,15 @@
|
|||
<view class="bot_right">
|
||||
<view class="cont">
|
||||
<view class="tit">
|
||||
150KWH
|
||||
{{deviceInfo.totalElectriQuantity}}KWH
|
||||
</view>
|
||||
<view class="txt">
|
||||
总电量
|
||||
总用电量
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont" style="margin-left: 60rpx;">
|
||||
<view class="tit">
|
||||
0.5元/度
|
||||
{{deviceInfo.price}}元/度
|
||||
</view>
|
||||
<view class="txt">
|
||||
电价
|
||||
|
|
@ -78,19 +78,19 @@
|
|||
<view class="card3">
|
||||
<view class="tit">其他</view>
|
||||
<view class="cont_box">
|
||||
<view class="cont" style="width: 56rpx;">
|
||||
<view class="cont" style="width: 56rpx;" @click="topage(0)">
|
||||
<view class="top">
|
||||
<image src="@/static/cb.png" mode="" style="width: 58rpx;height: 56rpx;" ></image>
|
||||
</view>
|
||||
<view class="bot">抄表</view>
|
||||
</view>
|
||||
<view class="cont" style="width: 58rpx;">
|
||||
<view class="cont" style="width: 58rpx;" @click="topage(1)">
|
||||
<view class="top">
|
||||
<image src="@/static/gl.png" mode="" style="width: 58rpx;height: 58rpx;"></image>
|
||||
</view>
|
||||
<view class="bot">归零</view>
|
||||
</view>
|
||||
<view class="cont" style="width: 58rpx;">
|
||||
<view class="cont" style="width: 58rpx;" @click="topage(2)">
|
||||
<view class="top">
|
||||
<image src="@/static/yc.png" mode="" style="width: 58rpx;height: 60rpx;"></image>
|
||||
</view>
|
||||
|
|
@ -106,21 +106,18 @@
|
|||
|
||||
</view>
|
||||
<view class="cont_box" style="padding-left: 30rpx;">
|
||||
<view class="cont" style="width: 115rpx;margin-right: 50rpx;" >
|
||||
<view class="cont" style="width: 115rpx;margin-right: 50rpx;" @click="topage(3)">
|
||||
<view class="top">
|
||||
<image src="@/static/yc.png" mode="" style="width: 58rpx;height: 60rpx;"></image>
|
||||
</view>
|
||||
<view class="bot">房租提醒</view>
|
||||
</view>
|
||||
<view class="cont" style="width: 56rpx;">
|
||||
<view class="cont" style="width: 56rpx;" @click="topage(4)">
|
||||
<view class="top">
|
||||
<image src="@/static/sz.png" mode=""></image>
|
||||
</view>
|
||||
<view class="bot">设置</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="button">电费充值</view> -->
|
||||
|
|
@ -276,7 +273,7 @@
|
|||
|
||||
// console.log( this.$refs.chartRef,'1111');
|
||||
const chart = await this.$refs.chart.init(echarts);
|
||||
console.log(option);
|
||||
console.log(option,11);
|
||||
chart.setOption(option)
|
||||
// chart.resize({
|
||||
// width: uni.upx2px(210), // Convert 210rpx to pixels
|
||||
|
|
@ -288,15 +285,12 @@
|
|||
// 获取设备详情
|
||||
getDevice(id){
|
||||
this.$u.get("/app/device/"+id).then((res) => {
|
||||
|
||||
|
||||
|
||||
|
||||
// this.$forceUpdate()
|
||||
if (res.code == 200) {
|
||||
this.deviceInfo=res.data
|
||||
console.log(this.deviceInfo.deviceId,'resres');
|
||||
console.log(this.deviceInfo,'resres');
|
||||
this.loadings=true
|
||||
this.initChart()
|
||||
}
|
||||
});
|
||||
|
||||
|
|
@ -324,6 +318,29 @@
|
|||
})
|
||||
},
|
||||
|
||||
// 其他部分 点击进行跳转
|
||||
topage(num){
|
||||
if(num == 0){
|
||||
uni.navigateTo({ //抄表
|
||||
url:'/pages/userpage/cbRecord'
|
||||
})
|
||||
}else if(num == 1){ //归零
|
||||
uni.navigateTo({
|
||||
url:'/pages/userpage/glRecord'
|
||||
})
|
||||
}else if(num == 2){ //异常
|
||||
|
||||
}else if(num == 3){
|
||||
uni.navigateTo({ //房租提醒
|
||||
url:'/pages/userpage/fztx'
|
||||
})
|
||||
}else if(num == 4){ //设置
|
||||
uni.navigateTo({
|
||||
url:'/pages/userpage/userSet'
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -436,7 +453,7 @@
|
|||
.bot_left {
|
||||
width: 210rpx;
|
||||
height: 190.14rpx;
|
||||
|
||||
margin-right: 34rpx;
|
||||
.echarts {
|
||||
width: 210rpx;
|
||||
height: 190.14rpx;
|
||||
|
|
@ -498,8 +515,9 @@
|
|||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
text-align: center;
|
||||
.top {
|
||||
width: 110rpx;
|
||||
font-size: 32rpx;
|
||||
font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
|
||||
font-weight: 400;
|
||||
|
|
|
|||
|
|
@ -124,7 +124,7 @@
|
|||
bgc: {
|
||||
backgroundColor: "#F7FAFE",
|
||||
},
|
||||
showloading: true,
|
||||
showloading: false,
|
||||
showfz: false,
|
||||
show: true,
|
||||
list: [{
|
||||
|
|
|
|||
124
pages/tj.vue
124
pages/tj.vue
|
|
@ -4,28 +4,30 @@
|
|||
统计
|
||||
</div>
|
||||
<div class="card">
|
||||
<view class="month">
|
||||
2024年01月
|
||||
<view class="xzsj">
|
||||
<u-picker mode="time" v-model="show" :params="params" @confirm="confirm"></u-picker>
|
||||
</view>
|
||||
<view class="month" @click="show = true">
|
||||
{{yeartime.year + '年' + yeartime.month + '月'}}
|
||||
</view>
|
||||
<view class="tit">
|
||||
本月用电量（度）
|
||||
</view>
|
||||
<div class="txt">
|
||||
25.36
|
||||
{{quantity}}
|
||||
</div>
|
||||
<view class="echarts">
|
||||
|
||||
<!-- <mpvue-echarts id="main" ref="pieChart" :echarts="echarts" @onInit="initChart" /> -->
|
||||
<l-echart ref="chart" @finished="initChart"></l-echart>
|
||||
</view>
|
||||
</div>
|
||||
<view class="list">
|
||||
<view class="card_list">
|
||||
<view class="card_list" v-for="(item,index) in timelist" :key="index">
|
||||
<view class="left">
|
||||
2023年04月
|
||||
{{yeartime.year + '年' + yeartime.month + '月' + item.createDay + '日'}}
|
||||
</view>
|
||||
<view class="right">
|
||||
5.30 度
|
||||
{{item.recharge}}元
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -42,7 +44,23 @@
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
params: {
|
||||
year: true,
|
||||
month: true,
|
||||
day: false,
|
||||
hour: false,
|
||||
minute: false,
|
||||
second: false
|
||||
},
|
||||
show: false,
|
||||
yeartime: {
|
||||
year: '',
|
||||
month: ''
|
||||
},
|
||||
timelist: '',
|
||||
quantity: 0, //电量
|
||||
chartData: [],
|
||||
chartday:[]
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
|
@ -51,23 +69,62 @@
|
|||
// this.initChart()
|
||||
// }, 300);
|
||||
// this.initChart()
|
||||
|
||||
// 首次加载页面给现在的时间
|
||||
const now = new Date();
|
||||
this.yeartime.year = now.getFullYear()
|
||||
this.yeartime.month = now.getMonth() + 1
|
||||
this.gettime()
|
||||
},
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
methods: {
|
||||
generateWaveData(length) {
|
||||
const data = [];
|
||||
for (let i = 0; i < length; i++) {
|
||||
const y = Math.sin((i / (length - 1)) * Math.PI * 2); // 正弦函数生成波浪形状的y值
|
||||
data.push((y + 1) * 50); // 映射到0-100的范围
|
||||
}
|
||||
return data;
|
||||
// 点击获取时间
|
||||
confirm(e) {
|
||||
this.yeartime = e
|
||||
this.gettime()
|
||||
},
|
||||
// 进行获取用电量请求
|
||||
gettime() {
|
||||
let data = {
|
||||
year: this.yeartime.year,
|
||||
month: this.yeartime.month,
|
||||
groupBy: 'create_day'
|
||||
}
|
||||
this.$u.get('app/bill/landlordCount', data).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.timelist = res.data
|
||||
this.chartData = this.timelist.map(item => item.recharge / 0.5)
|
||||
this.chartday = this.timelist.map(item => item.createDay + '日')
|
||||
console.log('用电' +this.chartData,'时间' + this.chartday)
|
||||
// 求用电总度数
|
||||
this.quantity = 0
|
||||
for (let i = 0; i < this.timelist.length; i++) {
|
||||
this.quantity += this.timelist[i].recharge / 0.5
|
||||
}
|
||||
return this.quantity
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
generateWaveData(length) {
|
||||
const data = []
|
||||
for (let i = 0; i < length; i++) {
|
||||
const y = Math.sin((i / (length - 1)) * Math.PI * 2) // 正弦函数生成波浪形状的y值
|
||||
data.push((y + 1) * 50) // 映射到0-100的范围
|
||||
}
|
||||
return data
|
||||
},
|
||||
|
||||
async initChart() {
|
||||
console.log('111111');
|
||||
// let _this = this
|
||||
|
||||
const option = {
|
||||
grid: {
|
||||
left: 50,
|
||||
left: 60,
|
||||
right: 10,
|
||||
top: 10,
|
||||
bottom: 30,
|
||||
|
|
@ -104,9 +161,9 @@
|
|||
show: true,
|
||||
color: '#fff',
|
||||
fontSize: 11,
|
||||
formatter: function (value) {
|
||||
formatter: function(value) {
|
||||
// 保留两位小数，没有小数时显示00
|
||||
return value+'.00'+ '度'
|
||||
return value + '.00' + '度'
|
||||
},
|
||||
},
|
||||
splitLine: {
|
||||
|
|
@ -146,29 +203,43 @@
|
|||
}, ]),
|
||||
},
|
||||
},
|
||||
data: [20.00, 56.00, 30.00, 58.00, 25.00, 30.00, 45.00],
|
||||
data:[10,20,30,50,20,10,60],
|
||||
}],
|
||||
};
|
||||
// console.log( this.$refs.chartRef,'1111');
|
||||
const chart = await this.$refs.chart.init(echarts);
|
||||
console.log(option);
|
||||
const chart = await this.$refs.chart.init(echarts)
|
||||
console.log(option,'111');
|
||||
// 给折线图赋值
|
||||
option.series[0].data = this.chartData
|
||||
option.xAxis.data = this.chartday
|
||||
chart.setOption(option)
|
||||
return chart
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.btnxz {
|
||||
padding: 0 20rpx;
|
||||
box-sizing: border-box;
|
||||
font-size: 28rpx;
|
||||
font-family: Source Han Sans, Source Han Sans;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
page {
|
||||
background-color: #F7FAFE;
|
||||
// padding-bottom: 240rpx;
|
||||
// box-sizing: border-box;
|
||||
}
|
||||
|
||||
.page {
|
||||
padding: 0 59rpx;
|
||||
|
||||
.title {
|
||||
margin-top: 170rpx;
|
||||
margin-top: 120rpx;
|
||||
font-size: 48rpx;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0rpx;
|
||||
|
|
@ -178,7 +249,7 @@
|
|||
|
||||
.card {
|
||||
padding-top: 32rpx;
|
||||
margin-top: 66rpx;
|
||||
margin-top: 46rpx;
|
||||
width: 632rpx;
|
||||
height: 586rpx;
|
||||
background: #8883F0;
|
||||
|
|
@ -227,7 +298,8 @@
|
|||
|
||||
.list {
|
||||
margin-top: 16rpx;
|
||||
|
||||
// height:280rpx;
|
||||
// overflow-y: scroll;
|
||||
.card_list {
|
||||
width: 632rpx;
|
||||
height: 88rpx;
|
||||
|
|
|
|||
|
|
@ -32,11 +32,7 @@
|
|||
}
|
||||
},
|
||||
methods: {
|
||||
tobd(){
|
||||
uni.navigateTo({
|
||||
url:''
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -7,17 +7,17 @@
|
|||
<view class="tit">充值记录</view>
|
||||
<view class="more">更多</view>
|
||||
</view>
|
||||
<view class="cards">
|
||||
<view class="cards" v-for="(item,index) in list" :key="index">
|
||||
<view class="card_left">
|
||||
<view class="top">用户充值</view>
|
||||
<view class="bot">
|
||||
2023-12-11 15:12:11
|
||||
{{item.createTime}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<view class="top">+220.00度</view>
|
||||
<view class="top">+{{item.money / item.unitPrice}}度</view>
|
||||
<view class="bot">
|
||||
￥60.00
|
||||
￥{{item.money}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -38,10 +38,22 @@
|
|||
bgc: {
|
||||
backgroundColor: "#F7FAFE",
|
||||
},
|
||||
list:''
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.getDeviceList()
|
||||
},
|
||||
methods: {
|
||||
getDeviceList(){
|
||||
this.$u.get("/app/bill/rechargeList").then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.list = res.rows
|
||||
console.log(this.list,'000');
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<view>
|
||||
<u-navbar title="抄表记录" :border-bottom="false" :background="bgc" title-color='#2E4975' title-size='36'
|
||||
<u-navbar title="归零记录" :border-bottom="false" :background="bgc" title-color='#2E4975' title-size='36'
|
||||
height='36'></u-navbar>
|
||||
<view class="cont">
|
||||
<view class="card">
|
||||
|
|
|
|||
|
|
@ -9,10 +9,10 @@
|
|||
到账金额
|
||||
</view>
|
||||
<view class="num">
|
||||
12,000.00
|
||||
{{list.arrivalAmount}}
|
||||
</view>
|
||||
<view class="text">
|
||||
账户余额12365.23
|
||||
账户余额{{list.afterBalance}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_bot">
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
到账日期
|
||||
</view>
|
||||
<view class="text">
|
||||
2023-12-11 15:30
|
||||
{{list.createTime}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="info_li">
|
||||
|
|
@ -29,7 +29,7 @@
|
|||
充值设备
|
||||
</view>
|
||||
<view class="text">
|
||||
2501号电表
|
||||
{{list.deviceName}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="info_li">
|
||||
|
|
@ -37,7 +37,7 @@
|
|||
充值类型
|
||||
</view>
|
||||
<view class="text">
|
||||
电费充值
|
||||
{{payType}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="info_li">
|
||||
|
|
@ -45,7 +45,7 @@
|
|||
充值用户
|
||||
</view>
|
||||
<view class="text">
|
||||
aliyou
|
||||
{{list.userName}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -62,49 +62,67 @@
|
|||
bgc: {
|
||||
backgroundColor: "#F7FAFE",
|
||||
},
|
||||
|
||||
list: {},
|
||||
payType: ''
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
// console.log(option)
|
||||
this.getdetail(option.id)
|
||||
},
|
||||
methods: {
|
||||
tobd(){
|
||||
uni.navigateTo({
|
||||
url:''
|
||||
})
|
||||
getdetail(id) {
|
||||
this.$u.get("/app/bill/" + id).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.list = res.data
|
||||
if (res.data.payType == 1) {
|
||||
this.payType = '微信支付'
|
||||
} else if (res.data.payType == 2) {
|
||||
this.payType = '支付宝'
|
||||
} else if (res.data.payType == 3) {
|
||||
this.payType = '银行卡'
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" >
|
||||
page{
|
||||
<style lang="scss">
|
||||
page {
|
||||
background: #F7FAFE;
|
||||
}
|
||||
.cont{
|
||||
|
||||
.cont {
|
||||
display: flex;
|
||||
// justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
|
||||
// width: 594rpx;
|
||||
.order_card{
|
||||
.order_card {
|
||||
margin: 0 auto;
|
||||
width: 700rpx;
|
||||
height: 638rpx;
|
||||
background-image: url('@/static/order_bg.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
.cardtop{
|
||||
|
||||
.cardtop {
|
||||
margin-top: 48rpx;
|
||||
|
||||
// display: flex;
|
||||
// flex-wrap: wrap;
|
||||
// justify-content: center;
|
||||
.text{
|
||||
.text {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #808080;
|
||||
}
|
||||
.num{
|
||||
|
||||
.num {
|
||||
text-align: center;
|
||||
margin-top: 18rpx;
|
||||
font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
|
||||
|
|
@ -114,18 +132,21 @@
|
|||
}
|
||||
|
||||
}
|
||||
.card_bot{
|
||||
|
||||
.card_bot {
|
||||
margin: 0 auto;
|
||||
margin-top: 20rpx;
|
||||
width: 560rpx;
|
||||
text-align: center;
|
||||
.info_li{
|
||||
|
||||
.info_li {
|
||||
margin-top: 35rpx;
|
||||
width: 560rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: space-between;
|
||||
.text{
|
||||
|
||||
.text {
|
||||
|
||||
|
||||
font-weight: 400;
|
||||
|
|
@ -135,5 +156,5 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -4,17 +4,17 @@
|
|||
height='36'></u-navbar>
|
||||
|
||||
|
||||
<view class="cards" >
|
||||
<view class="cards" v-for="(item,index) in list" :key="index" @click="btndetail(item.billId)">
|
||||
<view class="card_left">
|
||||
<view class="top">用户充值</view>
|
||||
<view class="bot">
|
||||
2023-12-11 15:12:11
|
||||
{{item.createTime}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_right">
|
||||
<view class="top">+220.00度</view>
|
||||
<view class="top">+{{item.money / item.unitPrice}}度</view>
|
||||
<view class="bot">
|
||||
￥60.00
|
||||
￥{{item.money}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -33,14 +33,29 @@
|
|||
bgc: {
|
||||
backgroundColor: "#F7FAFE",
|
||||
},
|
||||
obj:{}
|
||||
obj:{},
|
||||
list:''
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
|
||||
// 请求收支列表
|
||||
getList(){
|
||||
this.$u.get("/app/bill/list").then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.list = res.rows
|
||||
console.log(this.list,'000');
|
||||
}
|
||||
});
|
||||
},
|
||||
// 点击查询收支详情
|
||||
btndetail(id){
|
||||
uni.navigateTo({
|
||||
url:'/pages/userpage/order_detail?id=' + id
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
58
pages/userpage/switchs.vue
Normal file
58
pages/userpage/switchs.vue
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
<template>
|
||||
<view class="pages">
|
||||
<u-navbar title="设备列表" :border-bottom="false" :background="bgc" title-color='#262B37' title-size='48' height='100'></u-navbar>
|
||||
<view class="titleadd">
|
||||
<view class="title"> 点击切换设备 </view>
|
||||
<view class="add"> + </view>
|
||||
</view>
|
||||
<view class="list">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: "#F7FAFE",
|
||||
},
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {
|
||||
background-color: #F7FAFE !important;
|
||||
}
|
||||
|
||||
.pages {
|
||||
padding: 0 40rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.titleadd{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0 12rpx;
|
||||
box-sizing: border-box;
|
||||
.title{
|
||||
font-size: 36rpx;
|
||||
color: #000000;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
.add{
|
||||
font-size: 68rpx;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
|
@ -88,7 +88,7 @@
|
|||
</view>
|
||||
<view class="info" @click="show=!show">
|
||||
<view class="txt">
|
||||
当前为房东模式
|
||||
当前为{{mode}}
|
||||
</view>
|
||||
<view class="iconfont icon-xiangyou1"></view>
|
||||
</view>
|
||||
|
|
@ -123,7 +123,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="dd">
|
||||
<u-select v-model="show" :list="list" title='欠费断电'></u-select>
|
||||
<u-select v-model="show" :list="list" title='欠费断电' @confirm="confirm"></u-select>
|
||||
</view>
|
||||
<view class="btn">
|
||||
退出登录
|
||||
|
|
@ -150,10 +150,30 @@
|
|||
label: '用户模式'
|
||||
}
|
||||
],
|
||||
mode:'房东模式',
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
// 点击更换用户模式
|
||||
confirm(e){
|
||||
// console.log(e);
|
||||
this.mode = e[0].label
|
||||
this.gettype()
|
||||
},
|
||||
// 请求修改用户类型
|
||||
gettype() {
|
||||
let type = ''
|
||||
if(this.mode == '房东模式'){
|
||||
type = '01'
|
||||
}else if(this.mode == '用户模式'){
|
||||
type = '00'
|
||||
}
|
||||
this.$u.put('/app/user/changeType?userType=' + type).then((res) => {
|
||||
if (res.code == 200) {
|
||||
console.log(res)
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
123
pages/wifilist/connect/index.vue
Normal file
123
pages/wifilist/connect/index.vue
Normal file
|
|
@ -0,0 +1,123 @@
|
|||
<template>
|
||||
<view class="pages">
|
||||
<u-navbar title="添加设备" :border-bottom="false" :background="bgc" title-color='#262B37' title-size='48' height='136' style="z-index: 99;"></u-navbar>
|
||||
<view class="title">
|
||||
<text>WiFi选择</text>
|
||||
<text class="sm"> 请输入您的WiFi网络详细信息 </text>
|
||||
</view>
|
||||
|
||||
<view class="wifiname">
|
||||
<view class="name">
|
||||
<image src="../../../static/wifi/redian.png" mode=""></image> <text>WiFi路网名称</text>
|
||||
</view>
|
||||
<u-input v-model="value" placeholder="请输入WiFi名称" :type="type" />
|
||||
<text class="xian"></text>
|
||||
|
||||
<view class="names">
|
||||
<image src="../../../static/wifi/pwd.png" mode=""></image> <text>密码</text>
|
||||
</view>
|
||||
<u-input v-model="values" placeholder="请输入WiFi密码" :type="type" />
|
||||
<text class="xian"></text>
|
||||
</view>
|
||||
|
||||
<button>连接</button>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
value:'',
|
||||
values:'',
|
||||
type: 'text',
|
||||
bgc: {
|
||||
backgroundColor: "#F7FAFE",
|
||||
},
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page{
|
||||
background-color: #F7FAFE !important;
|
||||
}
|
||||
.pages{
|
||||
padding: 0 66rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.title{
|
||||
margin-bottom: 84rpx;
|
||||
image{
|
||||
display: inline-block;
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
vertical-align: bottom;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
text:nth-child(1){
|
||||
font-weight: 400;
|
||||
font-size: 96rpx;
|
||||
color: #262B37;
|
||||
line-height: 88rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
display: block;
|
||||
margin-bottom: 48rpx;
|
||||
}
|
||||
.sm{
|
||||
color: #77808D;
|
||||
padding-left: 10rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
.wifiname{
|
||||
padding: 0 24rpx;
|
||||
box-sizing: border-box;
|
||||
.name{
|
||||
margin-bottom: 44rpx;
|
||||
image{
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
}
|
||||
.names{
|
||||
margin-top: 30rpx;
|
||||
margin-bottom: 44rpx;
|
||||
image{
|
||||
width: 56rpx;
|
||||
height: 56rpx;
|
||||
margin-right: 20rpx;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
}
|
||||
}
|
||||
.xian{
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
border-bottom: 1px solid #D8D8D8;
|
||||
}
|
||||
button{
|
||||
width: 562rpx;
|
||||
height: 96rpx;
|
||||
background: #8883F0;
|
||||
border-radius: 52rpx 52rpx 52rpx 52rpx;
|
||||
font-weight: 500;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
line-height: 96rpx;
|
||||
margin-top: 514rpx;
|
||||
}
|
||||
</style>
|
||||
142
pages/wifilist/index.vue
Normal file
142
pages/wifilist/index.vue
Normal file
|
|
@ -0,0 +1,142 @@
|
|||
<template>
|
||||
<view class="pages">
|
||||
<u-navbar title="添加设备" :border-bottom="false" :background="bgc" title-color='#262B37' title-size='48' height='136'></u-navbar>
|
||||
<view class="title">
|
||||
<text>WiFi选择</text>
|
||||
<text class="sm"> 请选择您需要连接的wifi名称 </text>
|
||||
</view>
|
||||
<view class="wifilist" v-for="(item,index) in 3" :key="index">
|
||||
<view class="lt">
|
||||
<image src="../../static/wifi/wifi1.png" mode=""></image>
|
||||
</view>
|
||||
<view class="cen">
|
||||
<text class="name">Device-2215</text>
|
||||
<text class="type">connected</text>
|
||||
</view>
|
||||
<view class="rt">
|
||||
<image src="../../static/wifi/gx.png" mode="" class="active"></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="anniu">
|
||||
<button @click="btnxyb">下一步</button>
|
||||
<button>重新扫描</button>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: "#F7FAFE",
|
||||
},
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
btnxyb(){
|
||||
uni.navigateTo({
|
||||
url:'/pages/wifilist/connect/index'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page{
|
||||
background-color: #F7FAFE !important;
|
||||
}
|
||||
.pages{
|
||||
padding: 0 66rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.title{
|
||||
margin-bottom: 84rpx;
|
||||
image{
|
||||
display: inline-block;
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
vertical-align: bottom;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
text:nth-child(1){
|
||||
font-weight: 400;
|
||||
font-size: 96rpx;
|
||||
color: #262B37;
|
||||
line-height: 88rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
display: block;
|
||||
margin-bottom: 48rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.wifilist{
|
||||
display: flex;
|
||||
width: 622rpx;
|
||||
height: 152rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 10rpx 64rpx 0rpx rgba(0,0,0,0.08);
|
||||
border-radius: 10rpx;
|
||||
padding-top: 42rpx;
|
||||
margin-top: 32rpx;
|
||||
padding-bottom: 36rpx;
|
||||
padding-left: 46rpx;
|
||||
box-sizing: border-box;
|
||||
.lt{
|
||||
margin-right: 48rpx;
|
||||
padding-top: 12rpx;
|
||||
box-sizing: border-box;
|
||||
image{
|
||||
width: 58rpx;
|
||||
height: 44rpx;
|
||||
}
|
||||
}
|
||||
.cen{
|
||||
width: 360rpx;
|
||||
text{
|
||||
display: block;
|
||||
}
|
||||
.name{
|
||||
font-size: 32rpx;
|
||||
color: #262B37;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
.type{
|
||||
font-weight: 500;
|
||||
font-size: 24rpx;
|
||||
color: #8883F0;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
}
|
||||
.rt{
|
||||
padding-top: 12rpx;
|
||||
box-sizing: border-box;
|
||||
image{
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.anniu{
|
||||
margin-top: 218rpx;
|
||||
button{
|
||||
width: 562rpx;
|
||||
height: 96rpx;
|
||||
background: #8883F0;
|
||||
border-radius: 52rpx 52rpx 52rpx 52rpx;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
font-size: 36rpx;
|
||||
margin-top: 48rpx;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
BIN
static/dianbiao.png
Normal file
BIN
static/dianbiao.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
static/gjsb.png
Normal file
BIN
static/gjsb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
static/pz.png
Normal file
BIN
static/pz.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 958 B |
BIN
static/pzs.png
Normal file
BIN
static/pzs.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
static/qiehuan.png
Normal file
BIN
static/qiehuan.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
static/sm.png
Normal file
BIN
static/sm.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
static/txx.jpg
Normal file
BIN
static/txx.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 221 KiB |
BIN
static/wifi/gx.png
Normal file
BIN
static/wifi/gx.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 679 B |
BIN
static/wifi/pwd.png
Normal file
BIN
static/wifi/pwd.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 873 B |
BIN
static/wifi/redian.png
Normal file
BIN
static/wifi/redian.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
static/wifi/wifi1.png
Normal file
BIN
static/wifi/wifi1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Loading…
Reference in New Issue
Block a user