|
|
@@ -1,35 +1,71 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
- <u-navbar title="填写申请人信息" title-color="#101010">
|
|
|
-
|
|
|
- </u-navbar>
|
|
|
-
|
|
|
- <view class="main">
|
|
|
-
|
|
|
-
|
|
|
- <view class="item">
|
|
|
- <view class="title">
|
|
|
- <span>*</span>姓名
|
|
|
- </view>
|
|
|
- <view class="value">
|
|
|
- <input type="text" v-model="name" placeholder="请填写姓名" />
|
|
|
+ <view v-if="step">
|
|
|
+ <u-navbar :title="title" title-color="#101010" :is-back="false" >
|
|
|
+
|
|
|
+ </u-navbar>
|
|
|
+ <view class="main2">
|
|
|
+ <view class="item" v-for="(item,i) in meterList" :key="i" >
|
|
|
+ <view class="item1">
|
|
|
+ <view class="item11">{{item.name}}</view>
|
|
|
+ <view class="item12">电源状态：<span>{{item.switchStatus?'开':'关'}}</span></view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="item2" >
|
|
|
+ <span>关</span>
|
|
|
+ <u-switch size="32" @change="switchBtnApi(item,$event)"
|
|
|
+ v-model="item.switchStatus" inactive-color="#ff9900" ></u-switch >
|
|
|
+ <span>开</span>
|
|
|
+ </view>
|
|
|
+
|
|
|
</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view v-if="!step">
|
|
|
+ <u-navbar title="填写申请人信息" title-color="#101010" :is-back="false" >
|
|
|
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="item">
|
|
|
- <view class="title">
|
|
|
- <span>*</span>联系电话
|
|
|
+ </u-navbar>
|
|
|
+ <view class="main">
|
|
|
+
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ 二维码
|
|
|
+ </view>
|
|
|
+ <view class="value">
|
|
|
+ {{title}}
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ <span>*</span>姓名
|
|
|
+ </view>
|
|
|
+ <view class="value">
|
|
|
+ <input type="text" v-model="name" placeholder="请填写姓名" />
|
|
|
+ </view>
|
|
|
+
|
|
|
</view>
|
|
|
- <view class="value">
|
|
|
- <input type="text" v-model="phone" placeholder="请填写手机号码" />
|
|
|
+
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ <span>*</span>联系电话
|
|
|
+ </view>
|
|
|
+ <view class="value">
|
|
|
+ <input type="text" v-model="phone" placeholder="请填写手机号码" />
|
|
|
+ </view>
|
|
|
+
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
+
|
|
|
+ <!-- 提交 -->
|
|
|
+ <button class="submit" @click="submit" >提交</button>
|
|
|
+
|
|
|
</view>
|
|
|
- <!-- 提交 -->
|
|
|
- <button class="submit" @click="submit" >提交</button>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
<!-- 提交反馈 -->
|
|
|
<u-modal v-model="show" :show-title="false" :show-cancel-button="true" cancel-text="关闭" :show-confirm-button="false" >
|
|
|
<view class="modal">
|
|
|
@@ -51,6 +87,8 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import * as API_energyManage from '@/apis/pagejs/energyManage.js'
|
|
|
+
|
|
|
import * as API from '@/apis/pagejs/managementList.js'
|
|
|
import {
|
|
|
checkPhone
|
|
|
@@ -60,14 +98,97 @@
|
|
|
return {
|
|
|
show:false,
|
|
|
meterId:"",
|
|
|
+ id:"",
|
|
|
name:"",
|
|
|
phone:"",
|
|
|
+ title:"",
|
|
|
+ step:false,
|
|
|
+ meterList:[],
|
|
|
}
|
|
|
},
|
|
|
onLoad(op) {
|
|
|
- this.meterId=op.id
|
|
|
+ this.id=op.id
|
|
|
+
|
|
|
+ this.getInformation()
|
|
|
},
|
|
|
methods: {
|
|
|
+ switchBtnApiMethod(node,key){
|
|
|
+ uni.showLoading({
|
|
|
+ title: "加载中",
|
|
|
+ mask: true,
|
|
|
+ })
|
|
|
+ API_energyManage.remoteSwitch({
|
|
|
+ meterId:node.id,
|
|
|
+ enabled:key
|
|
|
+ }).then((res) => {
|
|
|
+ uni.hideLoading();
|
|
|
+ node.switchStatus=key
|
|
|
+
|
|
|
+ }).catch(error => {
|
|
|
+
|
|
|
+ uni.showToast({
|
|
|
+ title: error,
|
|
|
+ icon: "none"
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ switchBtnApi(node,key){
|
|
|
+ uni.showModal({
|
|
|
+ confirmColor:`${key?'#3CC51F':'red'}`,
|
|
|
+ confirmText:`${key?'开启':'关闭'}`,
|
|
|
+ content: `确认是否要"${key?'开启':'关闭'}"${node.name}`,
|
|
|
+ title: "提示",
|
|
|
+ success:res=> {
|
|
|
+ if(res.confirm){
|
|
|
+ //this.switchBtnApiMethod(node,key);
|
|
|
+ }else{
|
|
|
+ node.switchStatus=!key
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ console.log(node,key)
|
|
|
+ },
|
|
|
+ getInformation(){
|
|
|
+ if(!this.carhelp.getOpenId()){
|
|
|
+ uni.showToast({
|
|
|
+ icon: "none",
|
|
|
+ title: "未获取到OpenId,请使用微信扫码"
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ uni.showLoading({
|
|
|
+ title: "加载中",
|
|
|
+ mask: true,
|
|
|
+ })
|
|
|
+ API.information({
|
|
|
+ id:this.id,
|
|
|
+ openId:this.carhelp.getOpenId(),
|
|
|
+ }).then((res) => {
|
|
|
+ this.title=res.data.information.title
|
|
|
+ uni.hideLoading();
|
|
|
+ //this.show=true
|
|
|
+ var info=res.data.applicationInfo;
|
|
|
+
|
|
|
+ if(info&&info.status==1){
|
|
|
+ this.step=true
|
|
|
+ this.meterList=res.data.meterList
|
|
|
+ var img=require('@/assets/img/controlCover.png')
|
|
|
+ var s='background:url('+img+') center fixed;background-size:cover;';
|
|
|
+ console.log(s)
|
|
|
+ document.getElementsByTagName("uni-page")[0].style=s
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }).catch(error => {
|
|
|
+ uni.showToast({
|
|
|
+ title: error,
|
|
|
+ icon: "none"
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
submit(){
|
|
|
if(!this.carhelp.getOpenId()){
|
|
|
uni.showToast({
|
|
|
@@ -103,7 +224,7 @@
|
|
|
mask: true,
|
|
|
})
|
|
|
API.apply({
|
|
|
- meterId:this.meterId,
|
|
|
+ id:this.id,
|
|
|
name:this.name,
|
|
|
phone:this.phone,
|
|
|
openId:this.carhelp.getOpenId(),
|
|
|
@@ -125,6 +246,41 @@
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+ page{
|
|
|
+ //background: url('@/assets/img/controlCover.png') center fixed ;
|
|
|
+ //background-size:cover;
|
|
|
+ }
|
|
|
+ .main2{
|
|
|
+ margin: 24rpx 0;
|
|
|
+ .item{
|
|
|
+ margin: 32rpx ;
|
|
|
+ padding: 32rpx ;
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 15px;
|
|
|
+
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ .item11{
|
|
|
+ font-size: 32rpx;
|
|
|
+ color: rgba(51,51,51,1);
|
|
|
+ font-weight: bold;
|
|
|
+
|
|
|
+ }
|
|
|
+ .item12{
|
|
|
+ font-size: 24rpx;
|
|
|
+
|
|
|
+ color:#777777 ;
|
|
|
+ span{
|
|
|
+ font-weight: bold;
|
|
|
+ color: rgba(51,51,51,1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .item2{
|
|
|
+ display: flex; align-items: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
.main{
|
|
|
margin: 24rpx 0;
|
|
|
background-color: #fff;
|
zhengkaixin