新增安全中心 待完善
This commit is contained in:
parent
d37054abac
commit
d3c488c8d1
|
|
@ -19,8 +19,8 @@ const install = (Vue, vm) => {
|
|||
// },
|
||||
// });
|
||||
Vue.prototype.$u.http.setConfig({
|
||||
baseUrl: 'http://192.168.2.81:10002',
|
||||
// baseUrl: 'https://kg.chuangtewl.com/prod-api',
|
||||
// baseUrl: 'http://192.168.2.81:10002',
|
||||
baseUrl: 'https://kg.chuangtewl.com/prod-api',
|
||||
// loadingText: '努力加载中~',
|
||||
// loadingTime: 1000,
|
||||
// 设置自定义头部content-type
|
||||
|
|
|
|||
|
|
@ -70,10 +70,10 @@
|
|||
(<text style="margin-top: 10rpx;" v-if="row.feeMode == 1">单次收费</text>
|
||||
<text style="margin-top: 10rpx;" v-if="row.feeMode == 2">智能收费</text>)
|
||||
<text style="width: 20rpx;display: inline-block;"></text>
|
||||
<text style="margin-top: 10rpx;" v-if="row.feeType == 3 || row.feeType == 4">押金{{row.price}}</text>
|
||||
<text style="margin-top: 10rpx;" v-if="row.timeUnit == 2 && row.feeType != 3 && row.feeType != 4">{{row.value}}时 {{row.price}}元</text>
|
||||
<text style="margin-top: 10rpx;" v-if="row.timeUnit == 3 && row.feeType != 3 && row.feeType != 4">{{row.value}}分 {{row.price}}元</text>
|
||||
<text style="margin-top: 10rpx;" v-if="row.timeUnit == 4 && row.feeType != 3 && row.feeType != 4">{{row.value}}秒 {{row.price}}元</text>
|
||||
<text style="margin-top: 10rpx;margin-left: 6rpx;" v-if="row.feeMode == 2">押金{{row.deposit}}元</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="ccc">
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@
|
|||
<view class="top" style="padding-top: 10rpx;">
|
||||
<!-- <u-switch v-model="checked" active-color="#8883F0"></u-switch> -->
|
||||
<view class="rt">
|
||||
<image v-if="imgflag" style="width: 160rpx;height: 80rpx;"
|
||||
<image v-if="tdtxt == '开启'" style="width: 160rpx;height: 80rpx;"
|
||||
src="https://api.ccttiot.com/smartmeter/img/static/uccaWar4FDp37op7haWM " mode="">
|
||||
</image>
|
||||
<image style="width: 160rpx;height: 80rpx;" v-else
|
||||
|
|
@ -98,9 +98,12 @@
|
|||
v-if="detaobj.suitTimeUnit == 2">时</text> <text v-if="detaobj.suitTimeUnit == 3">分钟</text>
|
||||
<text v-if="detaobj.suitTimeUnit == 4">秒</text></text>
|
||||
<text v-if="detaobj.suitFeeType == 2">{{detaobj.suitTime}}度</text>
|
||||
<text v-if="detaobj.suitFeeType == 3 || detaobj.suitFeeType == 4">押金</text>
|
||||
<text v-if="detaobj.suitFeeMode == 2">押金</text>
|
||||
</view>
|
||||
<view class="yuan">
|
||||
<view class="yuan" v-if="detaobj.suitFeeMode == 2">
|
||||
{{detaobj.suitDeposit == null ? '--' : detaobj.suitDeposit}}元
|
||||
</view>
|
||||
<view class="yuan" v-else>
|
||||
{{detaobj.suitPrice == null ? '--' : detaobj.suitPrice}}元
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -210,7 +213,7 @@
|
|||
您要提前结束此订单吗？
|
||||
</view>
|
||||
<view class="titvalue">
|
||||
当前预估消费金额为{{Number(feeprice) < 0.01 ? '0.01' : feeprice}}元,实际消费以实际金额为准 <text
|
||||
当前预估消费金额为{{feeprice}}元,实际消费以实际金额为准 <text
|
||||
v-if="detaobj.suitFeeMode == 2 && detaobj.suitFeeType == 3">用电量为{{Number(totalElectriQuantity) - Number(suitStartEle)}}度</text>
|
||||
</view>
|
||||
<view class="truebtn">
|
||||
|
|
@ -305,6 +308,9 @@
|
|||
if (option.flag) {
|
||||
this.opflag = option.flag
|
||||
}
|
||||
setTimeout(()=>{
|
||||
this.shuaxin()
|
||||
},1500)
|
||||
},
|
||||
computed: {
|
||||
// 计算剩余时间
|
||||
|
|
@ -400,7 +406,7 @@
|
|||
btnkq() {
|
||||
if (this.onlineStatus == 1) {
|
||||
if (this.tdtxt == '开启') {
|
||||
this.$u.put(`/app/device/${this.sbid}/changePower?status=0`).then((res) => {
|
||||
this.$u.put(`/app/bill/switchDevice?billId=${this.billId}&open=false`).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.tdtxt = '关闭'
|
||||
this.imgflag = false
|
||||
|
|
@ -420,7 +426,7 @@
|
|||
}
|
||||
})
|
||||
} else {
|
||||
this.$u.put(`/app/device/${this.sbid}/changePower?status=1`).then((res) => {
|
||||
this.$u.put(`/app/bill/switchDevice?billId=${this.billId}&open=true`).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.imgflag = true
|
||||
this.tdtxt = '开启'
|
||||
|
|
@ -630,6 +636,7 @@
|
|||
// 点击结束订单
|
||||
btnjieshu() {
|
||||
this.getzfqd()
|
||||
this.getprice()
|
||||
if (this.detaobj.suitFeeMode == 1) {
|
||||
if (this.onlineStatus == 1) {
|
||||
let that = this
|
||||
|
|
|
|||
|
|
@ -59,7 +59,7 @@
|
|||
v-for="(item,index) in deviceobj.suitList" :key="index" @click="btnactive(item)">
|
||||
<view class="lt">
|
||||
<view class="tc" style="font-weight: 600;font-size: 34rpx;">
|
||||
{{item.name.length > 4 ? item.name.substring(0,4) + '...' : item.name}}
|
||||
{{item.name}}
|
||||
</view>
|
||||
<!-- <view class="date">
|
||||
{{item.value}} <text v-if="item.timeUnit == 1">日</text> <text v-if="item.timeUnit == 2">时</text> <text v-if="item.timeUnit == 3">分钟</text> <text v-if="item.timeUnit == 4">秒</text>
|
||||
|
|
@ -73,7 +73,8 @@
|
|||
（{{item.feeMode == 1 ? '单次收费' : '智能收费'}}）：
|
||||
<text v-if="item.feeType == 1">{{item.value}}<text v-if="item.timeUnit == 2">时</text> <text v-if="item.timeUnit == 3">分钟</text> <text v-if="item.timeUnit == 4">秒</text> {{item.price}}元</text>
|
||||
<text v-if="item.feeType == 2">{{item.value}}度{{item.price}}元</text>
|
||||
<text v-if="item.feeType == 3 || item.feeType == 4">押金{{item.price}}元</text>
|
||||
<!-- <text v-if="item.feeType == 3 || item.feeType == 4">押金{{item.deposit}}元</text> -->
|
||||
<text v-if="item.feeMode == 2">押金{{item.deposit}}元</text>
|
||||
|
||||
</view>
|
||||
<view class="" style="margin-top: 10rpx;color: #8883F0;font-size: 28rpx;" v-if="item.feeMode == 2">
|
||||
|
|
|
|||
123
page_fenbao/statulist/fault/anquan.vue
Normal file
123
page_fenbao/statulist/fault/anquan.vue
Normal file
|
|
@ -0,0 +1,123 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar title="安全验证" :border-bottom="false" :background="bgc" title-color='#fff' back-icon-color="#fff" title-size='36'
|
||||
height='50'></u-navbar>
|
||||
<view class="wz" style="margin-top: 64rpx;">
|
||||
为了保证您的账号安全，须先验证您的身份，
|
||||
</view>
|
||||
<view class="wz">
|
||||
验证成功后可以进行下一步操作。
|
||||
</view>
|
||||
<view class="tel">
|
||||
+86 158****1232
|
||||
</view>
|
||||
<view class="btnyzm" @click="btnhuoqu(1)">
|
||||
获取验证码
|
||||
</view>
|
||||
<view class="wufa" @click="btnhuoqu(2)">
|
||||
该手机号已无法使用？
|
||||
</view>
|
||||
<view class="" style="border-bottom: 1px solid #4C97E7;width: 276rpx;margin: auto;">
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: " #8883F0",
|
||||
},
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
// 分享到好友（会话）
|
||||
onShareAppMessage: function () {
|
||||
return {
|
||||
title: '创想物联',
|
||||
path: '/pages/shouye/index'
|
||||
}
|
||||
},
|
||||
|
||||
// 分享到朋友圈
|
||||
onShareTimeline: function () {
|
||||
return {
|
||||
title: '创想物联',
|
||||
query: '',
|
||||
path: '/pages/shouye/index'
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
// 点击跳转获取验证码
|
||||
btnhuoqu(num){
|
||||
uni.navigateTo({
|
||||
url:'/page_fenbao/statulist/fault/yzmhq?index=' + num
|
||||
})
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.wz{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 30rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
.tel{
|
||||
font-size: 36rpx;
|
||||
color: #3D3D3D;
|
||||
font-weight: 600;
|
||||
margin-top: 38rpx;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.btnyzm{
|
||||
width: 652rpx;
|
||||
height: 94rpx;
|
||||
background: #4C97E7;
|
||||
border-radius: 14rpx 14rpx 14rpx 14rpx;
|
||||
text-align: center;
|
||||
line-height: 94rpx;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
margin: auto;
|
||||
margin-top: 64rpx;
|
||||
}
|
||||
.wufa{
|
||||
font-size: 28rpx;
|
||||
color: #4C97E7;
|
||||
margin-top: 64rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/deep/ .u-title{
|
||||
padding-bottom: 22rpx;
|
||||
}
|
||||
/deep/ .uicon-nav-back{
|
||||
padding-bottom: 22rpx;
|
||||
}
|
||||
|
||||
page {
|
||||
// background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background: #F4F5F7;
|
||||
}
|
||||
|
||||
.page {
|
||||
width: 750rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
124
page_fenbao/statulist/fault/bangwx.vue
Normal file
124
page_fenbao/statulist/fault/bangwx.vue
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar title="绑定微信" :border-bottom="false" :background="bgc" title-color='#fff' back-icon-color="#fff" title-size='36'
|
||||
height='50'></u-navbar>
|
||||
<view class="img">
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uhjLUHAVaz9X8fDB4qQ8" mode=""></image>
|
||||
</view>
|
||||
<view class="wei">
|
||||
您尚未绑定微信，绑定登录更便捷
|
||||
</view>
|
||||
<view class="bang">
|
||||
点击下方按钮绑定您的微信账号
|
||||
</view>
|
||||
<view class="bangd">
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uvqyhfTLZXAQoYW8jobf" mode=""></image> 绑定微信
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: " #8883F0",
|
||||
},
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
// 分享到好友（会话）
|
||||
onShareAppMessage: function () {
|
||||
return {
|
||||
title: '创想物联',
|
||||
path: '/pages/shouye/index'
|
||||
}
|
||||
},
|
||||
|
||||
// 分享到朋友圈
|
||||
onShareTimeline: function () {
|
||||
return {
|
||||
title: '创想物联',
|
||||
query: '',
|
||||
path: '/pages/shouye/index'
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.img{
|
||||
width: 188rpx;
|
||||
height: 250rpx;
|
||||
margin: auto;
|
||||
margin-top: 134rpx;
|
||||
image{
|
||||
width: 188rpx;
|
||||
height: 250rpx;
|
||||
}
|
||||
}
|
||||
.wei{
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
font-weight: 600;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
.bang{
|
||||
font-size: 28rpx;
|
||||
color: #808080;
|
||||
margin-top: 20rpx;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.bangd{
|
||||
width: 574rpx;
|
||||
height: 86rpx;
|
||||
background: #14C45B;
|
||||
border-radius: 47rpx 47rpx 47rpx 47rpx;
|
||||
text-align: center;
|
||||
line-height: 86rpx;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: auto;
|
||||
margin-top: 90rpx;
|
||||
image{
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
margin-right: 18rpx;
|
||||
}
|
||||
}
|
||||
|
||||
/deep/ .u-title{
|
||||
padding-bottom: 22rpx;
|
||||
}
|
||||
/deep/ .uicon-nav-back{
|
||||
padding-bottom: 22rpx;
|
||||
}
|
||||
|
||||
page {
|
||||
background: #F4F5F7;
|
||||
}
|
||||
|
||||
.page {
|
||||
width: 750rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
116
page_fenbao/statulist/fault/dangqiantel.vue
Normal file
116
page_fenbao/statulist/fault/dangqiantel.vue
Normal file
|
|
@ -0,0 +1,116 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar title="手机号码" :border-bottom="false" :background="bgc" title-color='#fff' back-icon-color="#fff" title-size='36'
|
||||
height='50'></u-navbar>
|
||||
<view class="box">
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/u8sj4ru32NTWwYgBqkIX" mode=""></image>
|
||||
<view class="tel">
|
||||
您的手机号码：+86 158****1232
|
||||
</view>
|
||||
<view class="gh" @click="btngh">
|
||||
更换
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: " #8883F0",
|
||||
},
|
||||
txt:''
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
this.txt = option.txt
|
||||
},
|
||||
// 分享到好友（会话）
|
||||
onShareAppMessage: function () {
|
||||
return {
|
||||
title: '创想物联',
|
||||
path: '/pages/shouye/index'
|
||||
}
|
||||
},
|
||||
|
||||
// 分享到朋友圈
|
||||
onShareTimeline: function () {
|
||||
return {
|
||||
title: '创想物联',
|
||||
query: '',
|
||||
path: '/pages/shouye/index'
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
methods: {
|
||||
btngh(){
|
||||
uni.navigateTo({
|
||||
url:'/page_fenbao/statulist/fault/edittel?txt=' + this.txt
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
/deep/ .u-title{
|
||||
padding-bottom: 22rpx;
|
||||
}
|
||||
/deep/ .uicon-nav-back{
|
||||
padding-bottom: 22rpx;
|
||||
}
|
||||
.box{
|
||||
width: 668rpx;
|
||||
height: 596rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 16rpx 40rpx 0rpx rgba(42,130,228,0.1);
|
||||
border-radius: 30rpx 30rpx 30rpx 30rpx;
|
||||
margin: auto;
|
||||
margin-top: 90rpx;
|
||||
text-align: center;
|
||||
padding-top: 64rpx;
|
||||
box-sizing: border-box;
|
||||
image{
|
||||
width: 210rpx;
|
||||
height: 224rpx;
|
||||
}
|
||||
.tel{
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
margin-top: 70rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
.gh{
|
||||
width: 336rpx;
|
||||
height: 82rpx;
|
||||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||||
border: 2rpx solid #4C97E7;
|
||||
font-size: 32rpx;
|
||||
color: #4C97E7;
|
||||
font-weight: 600;
|
||||
line-height: 82rpx;
|
||||
margin: auto;
|
||||
margin-top: 44rpx;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
page {
|
||||
// background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background: #F4F5F7;
|
||||
}
|
||||
|
||||
.page {
|
||||
width: 750rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
255
page_fenbao/statulist/fault/edittel.vue
Normal file
255
page_fenbao/statulist/fault/edittel.vue
Normal file
|
|
@ -0,0 +1,255 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar :title="txts" :border-bottom="false" :background="bgc" title-color='#fff' back-icon-color="#fff" title-size='36'
|
||||
height='50'></u-navbar>
|
||||
<view class="" v-if="flagedit">
|
||||
<view class="phone">
|
||||
当前绑定的手机号码为 <text style="font-weight: 600;">+86 158****1231</text>
|
||||
</view>
|
||||
<view class="val" style="margin-top: 64rpx;">
|
||||
<view class="lt">
|
||||
+86
|
||||
</view>
|
||||
<input type="text" placeholder="输入新的手机号" />
|
||||
</view>
|
||||
<view class="val" style="display: flex;justify-content: space-between;">
|
||||
<input type="text" placeholder="输入验证码" />
|
||||
<view class="rt" v-if="countdown == 60" @click="btnhuoqu">
|
||||
获取验证码
|
||||
</view>
|
||||
<view v-else class="rt">
|
||||
{{countdown}}秒后重发
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn" @click="btnqd">
|
||||
确定
|
||||
</view>
|
||||
</view>
|
||||
<view class="" v-if="flagbang">
|
||||
<view class="" style="font-weight: 600;font-size: 60rpx;color: #3D3D3D;margin-top: 64rpx;padding-left: 50rpx;box-sizing: border-box;">
|
||||
绑定您的手机号码
|
||||
</view>
|
||||
<view class="phone" style="padding-left: 50rpx;box-sizing: border-box;text-align: left;">
|
||||
输入您的手机号码以便重置密码
|
||||
</view>
|
||||
<view class="val" style="margin-top: 64rpx;">
|
||||
<view class="lt">
|
||||
+86
|
||||
</view>
|
||||
<input type="text" placeholder="输入新的手机号" />
|
||||
</view>
|
||||
<view class="val" style="display: flex;justify-content: space-between;">
|
||||
<input type="text" placeholder="输入验证码" />
|
||||
<view class="rt" v-if="countdown == 60" @click="btnhuoqu">
|
||||
获取验证码
|
||||
</view>
|
||||
<view v-else class="rt">
|
||||
{{countdown}}秒后重发
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn" @click="btnbangqd">
|
||||
确定
|
||||
</view>
|
||||
</view>
|
||||
<!-- 更换手机号成功 -->
|
||||
<view class="mask" v-if="flagcg">
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/ubM8WKM9v1sb9v7sdumx" mode=""></image>
|
||||
<view class="ghcg">
|
||||
更换成功!
|
||||
</view>
|
||||
<view class="wzd" @click="btnwzdl">
|
||||
我知道了
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: " #8883F0",
|
||||
},
|
||||
countdown: 60,
|
||||
timer: null,
|
||||
flagbang:false,
|
||||
flagedit:false,
|
||||
flagcg:false,
|
||||
txts:''
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
if(option.txt == '未绑定'){
|
||||
this.flagbang = true
|
||||
this.txts = '绑定手机号'
|
||||
}else{
|
||||
this.flagedit = true
|
||||
this.txts = '更换手机号'
|
||||
}
|
||||
},
|
||||
// 分享到好友（会话）
|
||||
onShareAppMessage: function () {
|
||||
return {
|
||||
title: '创想物联',
|
||||
path: '/pages/shouye/index'
|
||||
}
|
||||
},
|
||||
|
||||
// 分享到朋友圈
|
||||
onShareTimeline: function () {
|
||||
return {
|
||||
title: '创想物联',
|
||||
query: '',
|
||||
path: '/pages/shouye/index'
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
|
||||
},
|
||||
onUnload() {
|
||||
// 页面卸载时清除定时器，防止内存泄漏
|
||||
clearInterval(this.timer);
|
||||
},
|
||||
methods: {
|
||||
getlist(){
|
||||
this.$u.get('/app/abnormal/list?pageNum=' + this.pagenum + '&pageSize='+this.pagesize + '&keyword='+this.keyword).then((res) => {
|
||||
if (res.code == 200) {
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
// 验证码倒计时
|
||||
startCountdown() {
|
||||
this.timer = setInterval(() => {
|
||||
if (this.countdown > 0) {
|
||||
this.countdown--
|
||||
} else {
|
||||
clearInterval(this.timer); // 倒计时结束，清除定时器
|
||||
this.countdown = 60
|
||||
}
|
||||
}, 1000); // 每秒更新一次
|
||||
},
|
||||
// 点击获取验证码
|
||||
btnhuoqu(){
|
||||
this.startCountdown()
|
||||
},
|
||||
// 点击更改确定
|
||||
btnqd(){
|
||||
this.flagedit = false
|
||||
this.flagcg = true
|
||||
},
|
||||
// 点击我知道了进行返回
|
||||
btnwzdl(){
|
||||
uni.navigateBack({delta:2})
|
||||
},
|
||||
// 点击绑定手机号确定
|
||||
btnbangqd(){
|
||||
uni.navigateBack()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
/deep/ .u-title{
|
||||
padding-bottom: 22rpx;
|
||||
}
|
||||
/deep/ .uicon-nav-back{
|
||||
padding-bottom: 22rpx;
|
||||
}
|
||||
.mask{
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
margin-top: 154rpx;
|
||||
image{
|
||||
width: 210rpx;
|
||||
height: 224rpx;
|
||||
}
|
||||
.ghcg{
|
||||
font-size: 40rpx;
|
||||
color: #3D3D3D;
|
||||
font-weight: 600;
|
||||
margin-top: 44rpx;
|
||||
}
|
||||
.wzd{
|
||||
width: 652rpx;
|
||||
height: 94rpx;
|
||||
background: #4C97E7;
|
||||
border-radius: 50rpx;
|
||||
margin: auto;
|
||||
line-height: 94rpx;
|
||||
margin-top: 144rpx;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
.btn{
|
||||
width: 652rpx;
|
||||
height: 94rpx;
|
||||
background: #4C97E7;
|
||||
border-radius: 14rpx 14rpx 14rpx 14rpx;
|
||||
opacity: 0.5;
|
||||
text-align: center;
|
||||
line-height: 94rpx;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
margin: auto;
|
||||
margin-top: 64rpx;
|
||||
}
|
||||
.val{
|
||||
width: 652rpx;
|
||||
height: 94rpx;
|
||||
border-radius: 14rpx 14rpx 14rpx 14rpx;
|
||||
border: 2rpx solid #808080;
|
||||
margin: auto;
|
||||
margin-top: 24rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.lt{
|
||||
font-size: 32rpx;
|
||||
color: #4C97E7;
|
||||
font-weight: 600;
|
||||
border-right: 1rpx solid #D8D8D8;
|
||||
height: 66rpx;
|
||||
line-height: 66rpx;
|
||||
padding-right: 22rpx;
|
||||
padding-left: 26rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.rt{
|
||||
font-size: 32rpx;
|
||||
color: #4C97E7;
|
||||
border-left: 1px solid #D8D8D8;
|
||||
padding-left: 16rpx;
|
||||
box-sizing: border-box;
|
||||
height: 66rpx;
|
||||
line-height: 66rpx;
|
||||
padding-right: 18rpx;
|
||||
}
|
||||
input{
|
||||
margin-left: 22rpx;
|
||||
}
|
||||
}
|
||||
page {
|
||||
// background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background: #F4F5F7;
|
||||
}
|
||||
|
||||
.page {
|
||||
width: 750rpx;
|
||||
}
|
||||
.phone{
|
||||
font-size: 30rpx;
|
||||
color: #3D3D3D;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
margin-top: 64rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
|
@ -1,32 +1,37 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar title="设备故障" :border-bottom="false" :background="bgc" title-color='#fff' back-icon-color="#fff" title-size='36'
|
||||
<u-navbar title="安全中心" :border-bottom="false" :background="bgc" title-color='#fff' back-icon-color="#fff" title-size='36'
|
||||
height='50'></u-navbar>
|
||||
<view class="box">
|
||||
<view class="nav">
|
||||
<view class="top">
|
||||
<u-search placeholder="搜索" input-align="center" @custom="sousuo" v-model="keyword"></u-search>
|
||||
<view class="yc" @click="btnyc">上报异常</view>
|
||||
<view class="biglogo">
|
||||
<image class="biglogo" src="https://api.ccttiot.com/smartmeter/img/static/uh2cPp6rZz5TRjnMEI4x" mode=""></image>
|
||||
</view>
|
||||
<view class="list">
|
||||
<view class="list_val" style="margin-top: 0;" @click="btn(1)">
|
||||
<view class="lt">
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uLS1ovwmzAUS6ifHHhcn" mode=""></image>手机号码
|
||||
</view>
|
||||
<view class="rt">
|
||||
{{teltxt}} <u-icon style="margin-left: 22rpx;" name="arrow-right"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="lists" @scrolltolower="onReachBottom" v-for="(item,index) in wateringList" :key="index">
|
||||
<view class="dahe">
|
||||
<text class="shen">设备编号</text> <text class="qian">{{item.deviceNo}}</text>
|
||||
<view class="list_val" @click="btn(2)">
|
||||
<view class="lt">
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uHkVDVWsEOSH2ayjGNEq" mode=""></image>微信
|
||||
</view>
|
||||
<view class="dahe">
|
||||
<text class="shen">故障原因</text> <text class="qian">{{item.content}}</text>
|
||||
</view>
|
||||
<view class="dahe">
|
||||
<text class="shen">上报时间</text> <text class="qian">{{item.createTime}}</text>
|
||||
<view class="rt">
|
||||
158****1123 <u-icon style="margin-left: 22rpx;" name="arrow-right"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view class="" v-if="showflag" style="width: 100%;height: 200rpx;margin: auto;margin-top: 170rpx;text-align: center;">
|
||||
<image style="width: 200rpx;height: 200rpx;"
|
||||
src="https://api.ccttiot.com/smartmeter/img/static/uZFUpcz0YZZ4f4RjvGg2" mode=""></image>
|
||||
<view class="" style="font-size: 28rpx;color: #808080;margin-top: 30rpx;">暂无更多故障记录...</view>
|
||||
<view class="list_val" style="border-bottom: 0;" @click="btn(3)">
|
||||
<view class="lt">
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/uQJyaUf6tNQHapURsnHM" mode=""></image>修改密码
|
||||
</view>
|
||||
<view class="rt">
|
||||
<u-icon name="arrow-right"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -37,14 +42,7 @@
|
|||
bgc: {
|
||||
backgroundColor: " #8883F0",
|
||||
},
|
||||
pagenum: 1,
|
||||
wateringList: [],
|
||||
pagesize: 10, // 一页多少数据
|
||||
isLoading: false, // 是否正在加载数据
|
||||
noMoreData: false, // 是否没有更多数据
|
||||
total: 0,
|
||||
keyword:'',
|
||||
showflag: false
|
||||
teltxt:'未绑定1'
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
|
@ -67,80 +65,39 @@
|
|||
}
|
||||
},
|
||||
onShow() {
|
||||
this.wateringList = []
|
||||
this.pagenum = 1
|
||||
this.getlist()
|
||||
|
||||
},
|
||||
methods: {
|
||||
change(index) {
|
||||
this.current = index;
|
||||
},
|
||||
|
||||
getlist(){
|
||||
this.$u.get('/app/abnormal/list?pageNum=' + this.pagenum + '&pageSize='+this.pagesize + '&keyword='+this.keyword).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.total = res.total
|
||||
if (this.total > 0) {
|
||||
this.showflag = false
|
||||
} else {
|
||||
this.showflag = true
|
||||
}
|
||||
if (res.rows.length > 0) {
|
||||
// 有数据，追加到列表
|
||||
this.wateringList = this.wateringList.concat(res.rows)
|
||||
this.pagenum++
|
||||
} else {
|
||||
// 没有更多数据
|
||||
this.noMoreData = true;
|
||||
}
|
||||
this.isLoading = false;
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
onReachBottom() {
|
||||
let sum = this.total / this.pagesize
|
||||
if (this.pagenum-1 < sum) {
|
||||
this.getlist(); // 上拉加载更多
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: '没有更多记录了',
|
||||
icon: 'none',
|
||||
duration: 1000
|
||||
});
|
||||
//点击进行跳转
|
||||
btn(num){
|
||||
if(num == 1){
|
||||
if(this.teltxt == '未绑定'){
|
||||
uni.navigateTo({
|
||||
url:'/page_fenbao/statulist/fault/edittel?txt=' + this.teltxt
|
||||
})
|
||||
}else{
|
||||
uni.navigateTo({
|
||||
url:'/page_fenbao/statulist/fault/dangqiantel?txt=' + this.teltxt
|
||||
})
|
||||
}
|
||||
}else if(num == 2){
|
||||
uni.navigateTo({
|
||||
url:'/page_fenbao/statulist/fault/bangwx'
|
||||
})
|
||||
}else if(num == 3){
|
||||
uni.navigateTo({
|
||||
url:'/page_fenbao/statulist/fault/anquan'
|
||||
})
|
||||
}
|
||||
},
|
||||
sousuo(){
|
||||
this.keyword = String(this.keyword)
|
||||
this.pagenum = 1
|
||||
console.log(this.keyword);
|
||||
this.$u.get('/app/abnormal/list?pageNum=' + this.pagenum + '&pageSize='+this.pagesize + '&keyword='+this.keyword).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.total = res.total
|
||||
if (res.rows.length > 0) {
|
||||
// 有数据，追加到列表
|
||||
this.wateringList = []
|
||||
this.wateringList = this.wateringList.concat(res.rows)
|
||||
this.pagenum++
|
||||
} else {
|
||||
this.wateringList = []
|
||||
uni.showToast({
|
||||
title: '没有相关记录了',
|
||||
icon: 'none',
|
||||
duration: 1000
|
||||
});
|
||||
// 没有更多数据
|
||||
this.noMoreData = true;
|
||||
}
|
||||
this.isLoading = false;
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
btnyc(){
|
||||
uni.navigateTo({
|
||||
url:'/page_fenbao/statulist/fault/yichang/index'
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -159,79 +116,52 @@
|
|||
|
||||
.page {
|
||||
width: 750rpx;
|
||||
// position: fixed;
|
||||
// top: 0;
|
||||
// left: 0;
|
||||
.box{
|
||||
width: 750rpx;
|
||||
// height: 1624rpx;
|
||||
background: #F4F5F7;
|
||||
padding-top: 170rpx;
|
||||
padding-bottom: 200rpx;
|
||||
}
|
||||
.list{
|
||||
width: 668rpx;
|
||||
height: 320rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 16rpx 40rpx 0rpx rgba(42,130,228,0.1);
|
||||
border-radius: 30rpx 30rpx 30rpx 30rpx;
|
||||
margin: auto;
|
||||
margin-top: 158rpx;
|
||||
padding: 42rpx 34rpx;
|
||||
box-sizing: border-box;
|
||||
.list_val{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom:1rpx solid #D8D8D8;
|
||||
padding-bottom: 24rpx;
|
||||
box-sizing: border-box;
|
||||
.lists{
|
||||
width: 680rpx;
|
||||
height: 228rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||
margin: auto;
|
||||
padding: 32rpx 24rpx;
|
||||
padding-top: 6rpx !important;
|
||||
box-sizing: border-box;
|
||||
margin-top: 20rpx;
|
||||
.dahe{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 26rpx;
|
||||
.shen{
|
||||
font-size: 28rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
.qian{
|
||||
font-size: 26rpx;
|
||||
color: #808080;
|
||||
}
|
||||
margin-top: 22rpx;
|
||||
.lt{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 36rpx;
|
||||
color: #3D3D3D;
|
||||
image{
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
}
|
||||
.nav{
|
||||
width: 750rpx;
|
||||
// height: 180rpx;
|
||||
background: #FFFFFF;
|
||||
padding: 50rpx 36rpx;
|
||||
box-sizing: border-box;
|
||||
// margin-bottom: 26rpx;
|
||||
position: fixed;
|
||||
top: 170rpx;
|
||||
.top{
|
||||
.yc{
|
||||
width: 178rpx;
|
||||
height: 68rpx;
|
||||
background: #8883F0;
|
||||
border-radius: 20rpx;
|
||||
color: #FFFFFF;
|
||||
line-height: 68rpx;
|
||||
text-align: center;
|
||||
margin-left: 28rpx;
|
||||
}
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
/deep/ .u-content{
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 50rpx 0 0 50rpx !important;
|
||||
}
|
||||
/deep/ .u-action{
|
||||
border-radius: 0 50rpx 50rpx 0 !important;
|
||||
width: 112rpx;
|
||||
height: 65rpx;
|
||||
line-height: 65rpx;
|
||||
border: 2rpx solid #ccc;
|
||||
margin-left: 0;
|
||||
color: #3D3D3D;
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
}
|
||||
|
||||
.rt{
|
||||
font-size: 28rpx;
|
||||
color: #808080;
|
||||
}
|
||||
}
|
||||
}
|
||||
.biglogo{
|
||||
width: 468rpx;
|
||||
height: 468rpx;
|
||||
margin: auto;
|
||||
margin-top: 60rpx;
|
||||
image{
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
143
page_fenbao/statulist/fault/newpass.vue
Normal file
143
page_fenbao/statulist/fault/newpass.vue
Normal file
|
|
@ -0,0 +1,143 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar title="设置密码" :border-bottom="false" :background="bgc" title-color='#fff' back-icon-color="#fff" title-size='36'
|
||||
height='50'></u-navbar>
|
||||
<view class="tit">
|
||||
设置新密码
|
||||
</view>
|
||||
<view class="val" style="margin-top: 80rpx;">
|
||||
<view class="lt">
|
||||
新密码
|
||||
</view>
|
||||
<input type="text" placeholder="请输入新密码" />
|
||||
</view>
|
||||
<view class="val">
|
||||
<view class="lt">
|
||||
确认密码
|
||||
</view>
|
||||
<input type="text" placeholder="请确认新密码" />
|
||||
</view>
|
||||
<view class="btn" @click="btnqd">
|
||||
确定
|
||||
</view>
|
||||
<view class="ts">
|
||||
安全提示：新密码请勿于旧密码过于相似
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: " #8883F0",
|
||||
},
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
// 分享到好友（会话）
|
||||
onShareAppMessage: function () {
|
||||
return {
|
||||
title: '创想物联',
|
||||
path: '/pages/shouye/index'
|
||||
}
|
||||
},
|
||||
|
||||
// 分享到朋友圈
|
||||
onShareTimeline: function () {
|
||||
return {
|
||||
title: '创想物联',
|
||||
query: '',
|
||||
path: '/pages/shouye/index'
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
btnqd(){
|
||||
uni.navigateBack({delta:3})
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.btn{
|
||||
width: 652rpx;
|
||||
height: 94rpx;
|
||||
background: #4C97E7;
|
||||
border-radius: 14rpx 14rpx 14rpx 14rpx;
|
||||
opacity: 0.5;
|
||||
text-align: center;
|
||||
line-height: 94rpx;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
margin: auto;
|
||||
margin-top: 64rpx;
|
||||
}
|
||||
.ts{
|
||||
font-size: 24rpx;
|
||||
color: #808080;
|
||||
font-weight: 600;
|
||||
padding-left: 50rpx;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.tit{
|
||||
font-size: 60rpx;
|
||||
color: #3D3D3D;
|
||||
font-weight: 600;
|
||||
padding-left: 50rpx;
|
||||
box-sizing: border-box;
|
||||
margin-top: 78rpx;
|
||||
}
|
||||
.val{
|
||||
width: 652rpx;
|
||||
height: 94rpx;
|
||||
border-radius: 14rpx 14rpx 14rpx 14rpx;
|
||||
border: 2rpx solid #808080;
|
||||
margin: auto;
|
||||
margin-top: 24rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.lt{
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
font-weight: 600;
|
||||
border-right: 1rpx solid #D8D8D8;
|
||||
height: 66rpx;
|
||||
line-height: 66rpx;
|
||||
padding-right: 22rpx;
|
||||
padding-left: 26rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
input{
|
||||
margin-left: 22rpx;
|
||||
}
|
||||
}
|
||||
|
||||
/deep/ .u-title{
|
||||
padding-bottom: 22rpx;
|
||||
}
|
||||
/deep/ .uicon-nav-back{
|
||||
padding-bottom: 22rpx;
|
||||
}
|
||||
|
||||
page {
|
||||
// background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background: #F4F5F7;
|
||||
}
|
||||
|
||||
.page {
|
||||
width: 750rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
187
page_fenbao/statulist/fault/yzmhq.vue
Normal file
187
page_fenbao/statulist/fault/yzmhq.vue
Normal file
|
|
@ -0,0 +1,187 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar title="安全验证" :border-bottom="false" :background="bgc" title-color='#fff' back-icon-color="#fff" title-size='36'
|
||||
height='50'></u-navbar>
|
||||
<view class="" v-if="indexlag == 2">
|
||||
<view class="pass">
|
||||
密码验证
|
||||
</view>
|
||||
<view class="val" style="margin-top: 64rpx;">
|
||||
<view class="lt">
|
||||
密码
|
||||
</view>
|
||||
<input type="text" placeholder="请输入密码" />
|
||||
</view>
|
||||
<view class="btnmm" @click="btnnewpass">
|
||||
确定
|
||||
</view>
|
||||
<view class="ts">
|
||||
提示：请输入密码验证您的身份，成功后可更换手机号
|
||||
</view>
|
||||
</view>
|
||||
<!-- 短信验证码 -->
|
||||
<view class="" v-else>
|
||||
<view class="pass">
|
||||
输入短信验证码
|
||||
</view>
|
||||
<view class="" style="font-size: 30rpx;color: #3D3D3D;font-weight: 600;margin-top: 12rpx;padding-left: 50rpx;">
|
||||
已向<text style="color: #4C97E7;"> +86 158****1232</text> 发送验证码
|
||||
</view>
|
||||
<view class="val" style="margin-top: 64rpx;">
|
||||
<input type="text" placeholder="请输入验证码" />
|
||||
</view>
|
||||
<view class="ts" style="color: #4C97E7;" v-if="countdown == 60" @click="btnhuoqu">
|
||||
重新发送
|
||||
</view>
|
||||
<view v-else class="ts">
|
||||
{{countdown}}秒后重发
|
||||
</view>
|
||||
<view class="btnmm" @click="btnnewpass">
|
||||
提交
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: " #8883F0",
|
||||
},
|
||||
countdown: 60,
|
||||
timer: null,
|
||||
indexlag:''
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
this.indexlag = option.index
|
||||
if(option.index == 1){
|
||||
this.startCountdown()
|
||||
}
|
||||
},
|
||||
onUnload() {
|
||||
// 页面卸载时清除定时器，防止内存泄漏
|
||||
clearInterval(this.timer);
|
||||
},
|
||||
// 分享到好友（会话）
|
||||
onShareAppMessage: function () {
|
||||
return {
|
||||
title: '创想物联',
|
||||
path: '/pages/shouye/index'
|
||||
}
|
||||
},
|
||||
|
||||
// 分享到朋友圈
|
||||
onShareTimeline: function () {
|
||||
return {
|
||||
title: '创想物联',
|
||||
query: '',
|
||||
path: '/pages/shouye/index'
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
methods: {
|
||||
// 验证码倒计时
|
||||
startCountdown() {
|
||||
this.timer = setInterval(() => {
|
||||
if (this.countdown > 0) {
|
||||
this.countdown--
|
||||
} else {
|
||||
clearInterval(this.timer); // 倒计时结束，清除定时器
|
||||
this.countdown = 60
|
||||
}
|
||||
}, 1000); // 每秒更新一次
|
||||
},
|
||||
// 点击获取验证码
|
||||
btnhuoqu(){
|
||||
this.startCountdown()
|
||||
},
|
||||
// 点击跳转设置新密码页面
|
||||
btnnewpass(){
|
||||
uni.navigateTo({
|
||||
url:'/page_fenbao/statulist/fault/newpass'
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.btnmm{
|
||||
width: 652rpx;
|
||||
height: 94rpx;
|
||||
background: #4C97E7;
|
||||
border-radius: 14rpx 14rpx 14rpx 14rpx;
|
||||
opacity: 0.5;
|
||||
text-align: center;
|
||||
line-height: 94rpx;
|
||||
margin: auto;
|
||||
margin-top: 80rpx;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
}
|
||||
.ts{
|
||||
font-size: 24rpx;
|
||||
color: #808080;
|
||||
font-weight: 600;
|
||||
margin-top: 30rpx;
|
||||
padding-left: 50rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.pass{
|
||||
font-size: 60rpx;
|
||||
color: #3D3D3D;
|
||||
font-weight: 600;
|
||||
padding-left: 50rpx;
|
||||
margin-top: 78rpx;
|
||||
}
|
||||
.val{
|
||||
width: 652rpx;
|
||||
height: 94rpx;
|
||||
border-radius: 14rpx 14rpx 14rpx 14rpx;
|
||||
border: 2rpx solid #808080;
|
||||
margin: auto;
|
||||
margin-top: 24rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.lt{
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
font-weight: 600;
|
||||
border-right: 1rpx solid #D8D8D8;
|
||||
height: 66rpx;
|
||||
line-height: 66rpx;
|
||||
padding-right: 22rpx;
|
||||
padding-left: 26rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
input{
|
||||
margin-left: 22rpx;
|
||||
}
|
||||
}
|
||||
/deep/ .u-title{
|
||||
padding-bottom: 22rpx;
|
||||
}
|
||||
/deep/ .uicon-nav-back{
|
||||
padding-bottom: 22rpx;
|
||||
}
|
||||
|
||||
page {
|
||||
// background: linear-gradient(180deg, #8883F0 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background: #F4F5F7;
|
||||
}
|
||||
|
||||
.page {
|
||||
width: 750rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
|
@ -64,6 +64,9 @@
|
|||
<view class="nav">
|
||||
<text class="shen">套餐金额</text><text class="qian">￥{{detailobj.money == undefined ? '--' : detailobj.money}}</text>
|
||||
</view>
|
||||
<view class="nav" v-if="detailobj.suitFeeMode == 2">
|
||||
<text class="shen">套餐押金</text><text class="qian">￥{{detailobj.suitDeposit == undefined ? '--' : detailobj.suitDeposit}}</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>
|
||||
|
|
|
|||
|
|
@ -842,7 +842,7 @@
|
|||
if (res.code == 200) {
|
||||
this.name = res.data.name
|
||||
this.qianvalue = res.data.price
|
||||
this.yajinvalue = res.dangflag.deposit
|
||||
this.yajinvalue = res.data.deposit
|
||||
this.duvalue = res.data.value
|
||||
this.description = res.data.description
|
||||
this.deviceList = res.data.deviceList
|
||||
|
|
@ -873,9 +873,11 @@
|
|||
if (res.data.feeMode == 1) {
|
||||
this.valueone = '单次收费'
|
||||
this.feeMode = 1
|
||||
this.yjflag = false
|
||||
} else {
|
||||
this.valueone = '智能收费'
|
||||
this.feeMode = 2
|
||||
this.yjflag = true
|
||||
}
|
||||
if (res.data.feeType == 1) {
|
||||
this.valuetwo = '计时收费'
|
||||
|
|
@ -883,11 +885,11 @@
|
|||
this.gmsjflag = true
|
||||
this.jeflag = true
|
||||
this.duflag = false
|
||||
if(this.feeMode = 1){
|
||||
this.yjflag = false
|
||||
}else{
|
||||
this.yjflag = true
|
||||
}
|
||||
// if(this.feeMode = 1){
|
||||
// this.yjflag = false
|
||||
// }else{
|
||||
// this.yjflag = true
|
||||
// }
|
||||
this.djflag = false
|
||||
this.dangflag = false
|
||||
} else if (res.data.feeType == 2) {
|
||||
|
|
@ -896,11 +898,11 @@
|
|||
this.duflag = true
|
||||
this.jeflag = true
|
||||
this.gmsjflag = false
|
||||
if(this.feeMode = 1){
|
||||
this.yjflag = false
|
||||
}else{
|
||||
this.yjflag = true
|
||||
}
|
||||
// if(this.feeMode = 1){
|
||||
// this.yjflag = false
|
||||
// }else{
|
||||
// this.yjflag = true
|
||||
// }
|
||||
this.djflag = false
|
||||
this.dangflag = false
|
||||
} else if (res.data.feeType == 3) {
|
||||
|
|
@ -909,7 +911,7 @@
|
|||
this.gmsjflag = false
|
||||
this.jeflag = false
|
||||
this.duflag = false
|
||||
this.yjflag = true
|
||||
// this.yjflag = true
|
||||
this.djflag = true
|
||||
this.dangflag = false
|
||||
} else if (res.data.feeType == 4) {
|
||||
|
|
@ -919,7 +921,7 @@
|
|||
this.dangflag = true
|
||||
this.jeflag = false
|
||||
this.duflag = false
|
||||
this.yjflag = true
|
||||
// this.yjflag = true
|
||||
this.djflag = false
|
||||
}
|
||||
if (res.data.gearTime.length > 0) {
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@
|
|||
</view>
|
||||
|
||||
<view class="nav">
|
||||
<text class="shen">用户</text><text class="qian">{{detailobj.userMobile == undefined ? '--' : detailobj.userMobile}}</text>
|
||||
<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.deviceName == undefined ? '--' : detailobj.deviceName}}</text>
|
||||
|
|
@ -68,6 +68,9 @@
|
|||
<view class="nav">
|
||||
<text class="shen">套餐金额</text><text class="qian">￥{{detailobj.money == undefined ? '--' : detailobj.money}}</text>
|
||||
</view>
|
||||
<view class="nav" v-if="detailobj.suitFeeMode == 2">
|
||||
<text class="shen">套餐押金</text><text class="qian">￥{{detailobj.suitDeposit == undefined ? '--' : detailobj.suitDeposit}}</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>
|
||||
|
|
|
|||
|
|
@ -1252,6 +1252,11 @@
|
|||
}
|
||||
// }
|
||||
} else if (num == 6) {
|
||||
uni.pageScrollTo({
|
||||
scrollTop: 0,//滚动到距离顶部为0
|
||||
duration: 0//滚动时长
|
||||
})
|
||||
|
||||
this.btnmsk = false
|
||||
this.vipflag = true
|
||||
this.focus = true
|
||||
|
|
@ -1569,6 +1574,9 @@
|
|||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.pagesac{
|
||||
top: 0 !important;
|
||||
}
|
||||
/deep/ .panel {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
|
|
@ -1828,15 +1836,15 @@
|
|||
}
|
||||
|
||||
.page {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
overflow: scroll;
|
||||
padding-bottom: 80rpx;
|
||||
box-sizing: border-box;
|
||||
// width: 100%;
|
||||
// height: 100vh;
|
||||
// overflow: scroll;
|
||||
// padding-bottom: 80rpx;
|
||||
// box-sizing: border-box;
|
||||
.zhuhu {
|
||||
margin-top: 46rpx;
|
||||
padding: 0 40rpx;
|
||||
|
||||
padding-bottom: 80rpx;
|
||||
.card1 {
|
||||
// padding: 34rpx 0 0 40rpx;
|
||||
width: 670rpx;
|
||||
|
|
|
|||
50
pages.json
50
pages.json
|
|
@ -449,7 +449,55 @@
|
|||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}, {
|
||||
},{
|
||||
"path": "statulist/fault/edittel",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},{
|
||||
"path": "statulist/fault/dangqiantel",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},{
|
||||
"path": "statulist/fault/anquan",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
} ,{
|
||||
"path": "statulist/fault/yzmhq",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},{
|
||||
"path": "statulist/fault/newpass",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},{
|
||||
"path": "statulist/fault/bangwx",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},{
|
||||
"path": "statulist/fault/yichang/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
|
|
|
|||
|
|
@ -78,9 +78,12 @@
|
|||
v-if="detaobj.suitTimeUnit == 2">时</text> <text v-if="detaobj.suitTimeUnit == 3">分钟</text>
|
||||
<text v-if="detaobj.suitTimeUnit == 4">秒</text></text>
|
||||
<text v-if="detaobj.suitFeeType == 2">{{detaobj.suitTime}}度</text>
|
||||
<text v-if="detaobj.suitFeeType == 3 || detaobj.suitFeeType == 4">押金</text>
|
||||
<text v-if="detaobj.suitFeeMode == 2">押金</text>
|
||||
</view>
|
||||
<view class="yuan">
|
||||
<view class="yuan" v-if="detaobj.suitFeeMode == 2">
|
||||
{{detaobj.suitDeposit == null ? '--' : detaobj.suitDeposit}}元
|
||||
</view>
|
||||
<view class="yuan" v-else>
|
||||
{{detaobj.suitPrice == null ? '--' : detaobj.suitPrice}}元
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -155,7 +158,7 @@
|
|||
用户
|
||||
</view>
|
||||
<view class="">
|
||||
{{detaobj.userMobile == null ? '--' : detaobj.userMobile}}
|
||||
{{detaobj.userName == null ? '--' : detaobj.userName}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="emilist">
|
||||
|
|
|
|||
|
|
@ -243,11 +243,13 @@
|
|||
},
|
||||
|
||||
methods: {
|
||||
// 点击弹窗去支付
|
||||
btnqzf() {
|
||||
uni.navigateTo({
|
||||
url: '/page_components/eletj?id=' + this.billNo
|
||||
})
|
||||
},
|
||||
// 检测是否有未支付订单 有的话一直弹窗
|
||||
getzf() {
|
||||
this.$u.get("app/bill/unpaidTimingList").then((res) => {
|
||||
if (res.code == 200) {
|
||||
|
|
@ -286,7 +288,7 @@
|
|||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 点击跳转到使用设备详情
|
||||
btnitem(deviceId) {
|
||||
uni.navigateTo({
|
||||
url: '/page_components/eletj?id=' + deviceId
|
||||
|
|
@ -296,10 +298,11 @@
|
|||
btnorder() {
|
||||
this.listflag = true
|
||||
},
|
||||
// 点击隐藏使用中设备
|
||||
btnorders() {
|
||||
this.listflag = false
|
||||
},
|
||||
|
||||
// 点击广告图进行跳转
|
||||
btnad() {
|
||||
this.$u.get("/app/ad").then((res) => {
|
||||
if (res.code == 200) {
|
||||
|
|
@ -315,6 +318,7 @@
|
|||
}
|
||||
})
|
||||
},
|
||||
// 均衡地图文字居中
|
||||
calculateAnchorX(name) {
|
||||
let chineseLength = 0
|
||||
let englishLength = 0
|
||||
|
|
@ -329,7 +333,7 @@
|
|||
const totalLength = chineseLength + englishLength * 2;
|
||||
return -totalLength * 6.5 // 假设每个中文字符对应的 anchorX 偏移是 -6.5
|
||||
},
|
||||
|
||||
// 扫描二维码
|
||||
scanQRCode() {
|
||||
if (this.wangluo == true) {
|
||||
uni.scanCode({
|
||||
|
|
@ -426,7 +430,8 @@
|
|||
})
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
// 请求广告
|
||||
getad() {
|
||||
this.$u.get("/app/ad").then((res) => {
|
||||
if (res.code == 200) {
|
||||
|
|
@ -497,7 +502,8 @@
|
|||
})
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
// 点击 地图回到自身最中心点
|
||||
onControltap(control) {
|
||||
this.setMapScale()
|
||||
},
|
||||
|
|
@ -522,7 +528,8 @@
|
|||
}
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
// 获取自身位置从而获得附近店铺
|
||||
getMyLocation() {
|
||||
uni.getLocation({
|
||||
type: 'wgs84',
|
||||
|
|
@ -594,6 +601,7 @@
|
|||
}
|
||||
})
|
||||
},
|
||||
// 放大缩小 隐藏覆盖物文字
|
||||
updateMarkers() {
|
||||
this.mapContext.getScale({
|
||||
success: (res) => {
|
||||
|
|
@ -651,10 +659,10 @@
|
|||
}
|
||||
this.covers.push(shopCover)
|
||||
}
|
||||
|
||||
});
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
// 点击地图图标进行页面跳转
|
||||
handleMarkerClick(event) {
|
||||
let markerId = event.markerId
|
||||
uni.navigateTo({
|
||||
|
|
@ -665,6 +673,7 @@
|
|||
logins() {
|
||||
this.getuserinfo()
|
||||
},
|
||||
// 获取个人信息
|
||||
getuserinfo() {
|
||||
this.$u.get("/app/user/userInfo").then((res) => {
|
||||
if (res.code == 200) {
|
||||
|
|
@ -677,7 +686,8 @@
|
|||
}
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
// 静默登录
|
||||
jmlogin() {
|
||||
let taht = this
|
||||
wx.login({
|
||||
|
|
@ -702,7 +712,7 @@
|
|||
},
|
||||
|
||||
|
||||
|
||||
// 判断是否充值失败 充值失败启用蓝牙离线充值
|
||||
gethuidaio() {
|
||||
this.$u.get('/app/bill/recharge/device/fail/list').then(res => {
|
||||
if (res.code == 200) {
|
||||
|
|
@ -715,7 +725,7 @@
|
|||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 点击进行蓝牙离线充值
|
||||
tocz() {
|
||||
this.czflag = false
|
||||
uni.navigateTo({
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user