|
@@ -1,27 +1,25 @@
|
|
|
<template>
|
|
<template>
|
|
|
<view>
|
|
<view>
|
|
|
- <view v-if="showGuide" class="guide-box">
|
|
|
|
|
|
|
+ <view v-if="showGuide" @click="endGuide" class="guide-box">
|
|
|
<!-- 引导框,这里可以放置引导提示信息 -->
|
|
<!-- 引导框,这里可以放置引导提示信息 -->
|
|
|
<view
|
|
<view
|
|
|
- style="display: grid;justify-items: center;border: 5px double #bbbdf9;width: 350px;height: 450px;align-content: center;border-radius: 10px">
|
|
|
|
|
|
|
+ style="margin: 30% auto;display: grid;justify-items: center;border: 5px double #004aff94;width: 250px;height: 250px;align-content: center;background-color: white;border-radius: 10px">
|
|
|
<view style="display: flex;align-items: center;color: #c50303;font-size: x-large;font-weight: 800;">
|
|
<view style="display: flex;align-items: center;color: #c50303;font-size: x-large;font-weight: 800;">
|
|
|
<image style="width: 50px;height: 50px;" src="../../static/quan.png"></image>
|
|
<image style="width: 50px;height: 50px;" src="../../static/quan.png"></image>
|
|
|
<text>领取一元支付券</text>
|
|
<text>领取一元支付券</text>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
- <text class="shake-animation">第一步:选择插座;</text>
|
|
|
|
|
- <text class="shake-animation">第二步:购买保险享安全骑行;</text>
|
|
|
|
|
- <text class="shake-animation">第三步:领取支付优惠券;</text>
|
|
|
|
|
- <text class="shake-animation">第四步:开始充电;</text>
|
|
|
|
|
- <view style="display: flex;align-items: center;color: #cfcfcf;font-size: small;margin-top: 60px">
|
|
|
|
|
|
|
+ <text class="shake-animation">选择插座,购买安全险;</text>
|
|
|
|
|
+ <text class="shake-animation">领取支付优惠券,开始充电;</text>
|
|
|
|
|
+ <view style="display: flex;align-items: center;color: #787272;font-size: small;margin-top: 60px">
|
|
|
<image style="width: 25px;height: 25px;" src="../../static/mayi.png"></image>
|
|
<image style="width: 25px;height: 25px;" src="../../static/mayi.png"></image>
|
|
|
<text>蚂蚁保</text>
|
|
<text>蚂蚁保</text>
|
|
|
<image style="width: 25px;height: 25px;" src="../../static/x.png"></image>
|
|
<image style="width: 25px;height: 25px;" src="../../static/x.png"></image>
|
|
|
<image style="width: 23px;height: 23px;" src="../../static/zongan.png"></image>
|
|
<image style="width: 23px;height: 23px;" src="../../static/zongan.png"></image>
|
|
|
<text>众安保险</text>
|
|
<text>众安保险</text>
|
|
|
</view>
|
|
</view>
|
|
|
- <button style="width: 150px;border-radius: 20px;margin-top: 10px" type="primary"
|
|
|
|
|
- @click="endGuide">我知道了</button>
|
|
|
|
|
|
|
+ <!-- <button style="width: 150px;border-radius: 20px;margin-top: 10px" type="primary"
|
|
|
|
|
+ @click="endGuide">我知道了</button> -->
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
</view>
|
|
</view>
|
|
@@ -249,7 +247,8 @@
|
|
|
|
|
|
|
|
<view v-for="item in params_sort">
|
|
<view v-for="item in params_sort">
|
|
|
<view v-if="!isempty(item.mny)" class="pay-btn-content" style="position: relative;">
|
|
<view v-if="!isempty(item.mny)" class="pay-btn-content" style="position: relative;">
|
|
|
- <view @click="selectmenu(item.mny);" :id="'params_'+item.mny" class="pay-btn item-tc"
|
|
|
|
|
|
|
+ <view @click="selectmenu(item.mny);" :id="'
|
|
|
|
|
+ '+item.mny" class="pay-btn item-tc"
|
|
|
style="color: #454955;text-align: left;" :class="total==item.mny?'item-selected':''">
|
|
style="color: #454955;text-align: left;" :class="total==item.mny?'item-selected':''">
|
|
|
<view class="weui-flex3" style="padding: 6px 15px 0px 15px;font-size: 15px;font-weight: bold;">
|
|
<view class="weui-flex3" style="padding: 6px 15px 0px 15px;font-size: 15px;font-weight: bold;">
|
|
|
<view>
|
|
<view>
|
|
@@ -1367,6 +1366,7 @@
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
doPostRequest(channel, surplus) {
|
|
doPostRequest(channel, surplus) {
|
|
|
|
|
+
|
|
|
// 这里是发送充满自停请求
|
|
// 这里是发送充满自停请求
|
|
|
uni.showLoading({
|
|
uni.showLoading({
|
|
|
mask: true,
|
|
mask: true,
|
|
@@ -1383,8 +1383,11 @@
|
|
|
'channel': channel,
|
|
'channel': channel,
|
|
|
'total': surplus
|
|
'total': surplus
|
|
|
};
|
|
};
|
|
|
|
|
+ console.log('充满自停>>>'+config.baseUrl+'app/index.php?i=1&j=1&c=auth&a=devstart&do=dev_full_to_stop&dev_id=' +_this.goods.id + '&state=' + _this.sessionId)
|
|
|
|
|
+ console.log('canshu>>'+JSON.stringify(params))
|
|
|
|
|
+
|
|
|
uni.request({
|
|
uni.request({
|
|
|
- url: 'http://wetiandi.com/app/index.php?i=1&j=1&c=auth&a=devstart&do=dev_full_to_stop&dev_id=' +
|
|
|
|
|
|
|
+ url: config.baseUrl+'app/index.php?i=1&j=1&c=auth&a=devstart&do=dev_full_to_stop&alipay=1&dev_id=' +
|
|
|
_this.goods.id + '&state=' + _this.sessionId,
|
|
_this.goods.id + '&state=' + _this.sessionId,
|
|
|
method: 'get',
|
|
method: 'get',
|
|
|
data: params,
|
|
data: params,
|
|
@@ -1404,9 +1407,10 @@
|
|
|
title: res.data.msg,
|
|
title: res.data.msg,
|
|
|
icon: 'none'
|
|
icon: 'none'
|
|
|
});
|
|
});
|
|
|
- }
|
|
|
|
|
|
|
+ }
|
|
|
},
|
|
},
|
|
|
fail: (err) => {
|
|
fail: (err) => {
|
|
|
|
|
+ console.error('请求失败:', err);
|
|
|
uni.hideLoading()
|
|
uni.hideLoading()
|
|
|
_this.processing = false;
|
|
_this.processing = false;
|
|
|
uni.showToast({
|
|
uni.showToast({
|
|
@@ -1420,6 +1424,7 @@
|
|
|
uni.hideLoading()
|
|
uni.hideLoading()
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
|
|
+
|
|
|
},
|
|
},
|
|
|
showmp(surplus) {
|
|
showmp(surplus) {
|
|
|
//启动完成跳转,
|
|
//启动完成跳转,
|
|
@@ -2234,9 +2239,8 @@
|
|
|
left: 0;
|
|
left: 0;
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
- background-color: rgba(0, 0, 0, 0.80);
|
|
|
|
|
|
|
+ background-color: rgba(0, 0, 0, 0.15);
|
|
|
z-index: 1000;
|
|
z-index: 1000;
|
|
|
- display: grid;
|
|
|
|
|
align-content: space-around;
|
|
align-content: space-around;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
}
|
|
}
|
|
@@ -2271,7 +2275,7 @@
|
|
|
/* 让动画无限循环 */
|
|
/* 让动画无限循环 */
|
|
|
font-size: larger;
|
|
font-size: larger;
|
|
|
font-weight: 600;
|
|
font-weight: 600;
|
|
|
- color: #1291e5;
|
|
|
|
|
|
|
+ color: #3f00ff;
|
|
|
margin-top: 20px;
|
|
margin-top: 20px;
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|