no message
This commit is contained in:
81
unpackage/dist/dev/mp-weixin/pageOrder/recharge/recharge.js
vendored
Normal file
81
unpackage/dist/dev/mp-weixin/pageOrder/recharge/recharge.js
vendored
Normal file
@@ -0,0 +1,81 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const common_assets = require("../../common/assets.js");
|
||||
const api_api = require("../../api/api.js");
|
||||
const utils_fun = require("../../utils/fun.js");
|
||||
const store_index = require("../../store/index.js");
|
||||
const _sfc_main = {
|
||||
__name: "recharge",
|
||||
setup(__props) {
|
||||
let transactionNo = common_vendor.ref("");
|
||||
common_vendor.ref("");
|
||||
common_vendor.onLoad(async (options) => {
|
||||
transactionNo.value = options.transactionNo;
|
||||
if (options.type) {
|
||||
let _res = await api_api.realtimeInfo({
|
||||
transactionNo: options.transactionNo
|
||||
});
|
||||
store_index.store.commit("setDataObj", _res);
|
||||
}
|
||||
});
|
||||
const end = (e) => {
|
||||
common_vendor.index.showModal({
|
||||
title: "提示",
|
||||
content: e == 1 ? "是否确认结束充电?" : "结束充电失败,请重试!",
|
||||
success: function(res) {
|
||||
if (res.confirm) {
|
||||
api_api.stopCharging({ transactionNo: transactionNo.value }).then((res2) => {
|
||||
common_vendor.index.showLoading({
|
||||
title: "停止充电中..."
|
||||
});
|
||||
store_index.store.commit("setSokStatus", 0);
|
||||
timeMap(transactionNo.value);
|
||||
});
|
||||
} else if (res.cancel) {
|
||||
common_vendor.index.__f__("log", "at pageOrder/recharge/recharge.vue:98", "用户点击取消");
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
const timeMap = (_res) => {
|
||||
setTimeout(async () => {
|
||||
if (store_index.store.state.sokStatus != 1) {
|
||||
let _data = await api_api.ordersInfo({
|
||||
transactionNo: _res
|
||||
});
|
||||
store_index.store.commit("setDataObj", _data);
|
||||
if (_data.status == 3 || _data.status == 4) {
|
||||
common_vendor.index.hideLoading();
|
||||
end(2);
|
||||
}
|
||||
if (_data.status == 5 || _data.status == 6) {
|
||||
common_vendor.index.hideLoading();
|
||||
common_vendor.index.navigateBack();
|
||||
store_index.store.commit("setSokStatus", 0);
|
||||
}
|
||||
}
|
||||
}, 3e4);
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.t(common_vendor.unref(store_index.store).state.dataObj.orderNo),
|
||||
b: common_assets._imports_0$7,
|
||||
c: common_vendor.o(($event) => common_vendor.unref(utils_fun.copy)(common_vendor.unref(store_index.store).state.dataObj.orderNo)),
|
||||
d: common_vendor.t(common_vendor.unref(store_index.store).state.dataObj.currentAmount || 0),
|
||||
e: common_vendor.t(common_vendor.unref(store_index.store).state.dataObj.cumulativeTime || 0),
|
||||
f: common_vendor.t(common_vendor.unref(store_index.store).state.dataObj.chargingDegree || 0),
|
||||
g: common_vendor.t(common_vendor.unref(store_index.store).state.dataObj.cumulativeTime || 0),
|
||||
h: common_vendor.t(common_vendor.unref(store_index.store).state.dataObj.currentAmount || 0),
|
||||
i: common_vendor.t(common_vendor.unref(store_index.store).state.dataObj.outputVoltage || 0),
|
||||
j: common_vendor.t(common_vendor.unref(store_index.store).state.dataObj.outputCurrent || 0),
|
||||
k: common_vendor.t(common_vendor.unref(store_index.store).state.dataObj.power || 0),
|
||||
l: common_vendor.t(common_vendor.unref(store_index.store).state.dataObj.gunNo),
|
||||
m: common_vendor.t(common_vendor.unref(store_index.store).state.dataObj.deviceNo || ""),
|
||||
n: common_vendor.o(($event) => end(1))
|
||||
};
|
||||
};
|
||||
}
|
||||
};
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-32c0de50"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pageOrder/recharge/recharge.js.map
|
||||
6
unpackage/dist/dev/mp-weixin/pageOrder/recharge/recharge.json
vendored
Normal file
6
unpackage/dist/dev/mp-weixin/pageOrder/recharge/recharge.json
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"navigationBarTitleText": "充电中",
|
||||
"navigationBarBackgroundColor": "#000",
|
||||
"navigationBarTextStyle": "white",
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pageOrder/recharge/recharge.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pageOrder/recharge/recharge.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="recharge data-v-32c0de50"><view class="recharge_orderId data-v-32c0de50"><view class="data-v-32c0de50"> 订单号:{{a}} <image class="data-v-32c0de50" src="{{b}}" bindtap="{{c}}" mode="widthFix"></image></view></view><view class="recharge_trn data-v-32c0de50"><view class="recharge_trn_yuan data-v-32c0de50"><image class="recharge_trn_yuan_img data-v-32c0de50" src="https://zhongshuai-prod.oss-cn-beijing.aliyuncs.com/appImage/order/bg_charging_turn.png" mode="widthFix"></image></view><image class="recharge_trn_hei data-v-32c0de50" src="https://zhongshuai-prod.oss-cn-beijing.aliyuncs.com/appImage/order/order-charging-black-circle.png" mode="widthFix"></image><view class="recharge_trn_text data-v-32c0de50"><view class="data-v-32c0de50">¥{{d}}</view><view class="data-v-32c0de50">已用时长</view><view class="data-v-32c0de50">{{e}}min</view></view><view class="recharge_trn_car data-v-32c0de50"><image class="recharge_trn_car_img data-v-32c0de50" src="https://zhongshuai-prod.oss-cn-beijing.aliyuncs.com/appImage/order/order-real-time-car-bg.png" mode="widthFix"></image><image class="recharge_trn_car_img1 data-v-32c0de50" src="https://zhongshuai-prod.oss-cn-beijing.aliyuncs.com/appImage/order/order-real-time-car-bg1.png" mode="widthFix"></image></view></view><view class="recharge_list p30 data-v-32c0de50"><view class="recharge_list_view data-v-32c0de50"><image class="data-v-32c0de50" src="https://zhongshuai-prod.oss-cn-beijing.aliyuncs.com/appImage/order/order-real-time-charged-power.png" mode="widthFix"></image><view class="recharge_list_view_num data-v-32c0de50">{{f}}</view><view class="recharge_list_view_name data-v-32c0de50">已充电量(度)</view></view><view class="recharge_list_view data-v-32c0de50"><image class="data-v-32c0de50" src="https://zhongshuai-prod.oss-cn-beijing.aliyuncs.com/appImage/order/order-real-time-charged-time.png" mode="widthFix"></image><view class="recharge_list_view_num data-v-32c0de50">{{g}}min</view><view class="recharge_list_view_name data-v-32c0de50">已充时长</view></view><view class="recharge_list_view data-v-32c0de50"><image class="data-v-32c0de50" src="https://zhongshuai-prod.oss-cn-beijing.aliyuncs.com/appImage/order/order-real-time-charged-amount.png" mode="widthFix"></image><view class="recharge_list_view_num data-v-32c0de50">{{h}}</view><view class="recharge_list_view_name data-v-32c0de50">已充金额(元)</view></view></view><view class="recharge_block p30 data-v-32c0de50"><view class="recharge_block_view data-v-32c0de50"><view class="data-v-32c0de50">{{i}}</view><view class="data-v-32c0de50">实时电压(V)</view></view><view class="recharge_block_view data-v-32c0de50"><view class="data-v-32c0de50">{{j}}</view><view class="data-v-32c0de50">实时电流(A)</view></view><view class="recharge_block_view data-v-32c0de50"><view class="data-v-32c0de50">{{k}}</view><view class="data-v-32c0de50">实时功率(KW)</view></view></view><view class="recharge_note p30 data-v-32c0de50"><view class="data-v-32c0de50">终端名称:{{l}}</view><view class="data-v-32c0de50">终端编码:{{m}}</view></view><view class="recharge_btn1 data-v-32c0de50" bindtap="{{n}}">结束充电</view></view>
|
||||
178
unpackage/dist/dev/mp-weixin/pageOrder/recharge/recharge.wxss
vendored
Normal file
178
unpackage/dist/dev/mp-weixin/pageOrder/recharge/recharge.wxss
vendored
Normal file
@@ -0,0 +1,178 @@
|
||||
|
||||
page {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.recharge_orderId.data-v-32c0de50 {
|
||||
width: 1000rpx;
|
||||
margin-left: -125rpx;
|
||||
margin-top: -20rpx;
|
||||
height: 230rpx;
|
||||
background: url(https://zhongshuai-prod.oss-cn-beijing.aliyuncs.com/appImage/order/order-realtime-pile-number-bg.png) no-repeat 100% 100%/contain;
|
||||
color: #828282;
|
||||
text-align: center;
|
||||
padding-top: 30rpx;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.recharge_orderId view.data-v-32c0de50 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
}
|
||||
.recharge_orderId view image.data-v-32c0de50 {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.recharge_trn.data-v-32c0de50 {
|
||||
margin-top: -130rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.recharge_trn_yuan.data-v-32c0de50 {
|
||||
width: 500rpx;
|
||||
height: 500rpx;
|
||||
position: relative;
|
||||
}
|
||||
.recharge_trn_yuan_img.data-v-32c0de50 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
animation: rotate-32c0de50 5s linear infinite;
|
||||
}
|
||||
.recharge_trn_text.data-v-32c0de50 {
|
||||
z-index: 9;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
margin-top: -470rpx;
|
||||
}
|
||||
.recharge_trn_text view.data-v-32c0de50:nth-child(1) {
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
font-size: 60rpx;
|
||||
}
|
||||
.recharge_trn_text view.data-v-32c0de50:nth-child(2) {
|
||||
color: #11927c;
|
||||
font-size: 28rpx;
|
||||
margin: 25rpx 0 15rpx;
|
||||
}
|
||||
.recharge_trn_text view.data-v-32c0de50:nth-child(3) {
|
||||
color: #24efe8;
|
||||
font-weight: bold;
|
||||
font-size: 36rpx;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.recharge_trn_hei.data-v-32c0de50 {
|
||||
margin-top: -360rpx;
|
||||
width: 500rpx;
|
||||
height: 500rpx;
|
||||
z-index: 9;
|
||||
}
|
||||
.recharge_trn_car.data-v-32c0de50 {
|
||||
z-index: 10;
|
||||
width: 450rpx;
|
||||
position: relative;
|
||||
}
|
||||
.recharge_trn_car_img.data-v-32c0de50 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.recharge_trn_car_img1.data-v-32c0de50 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.recharge_list.data-v-32c0de50 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
padding: 0 50rpx;
|
||||
}
|
||||
.recharge_list_view.data-v-32c0de50 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.recharge_list_view image.data-v-32c0de50 {
|
||||
width: 75rpx;
|
||||
height: 75rpx;
|
||||
}
|
||||
.recharge_list_view_num.data-v-32c0de50 {
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
font-size: 36rpx;
|
||||
margin: 10rpx 0;
|
||||
}
|
||||
.recharge_list_view_name.data-v-32c0de50 {
|
||||
color: #8b8b8b;
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.recharge_block.data-v-32c0de50 {
|
||||
margin-top: 50rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.recharge_block_view.data-v-32c0de50 {
|
||||
width: 200rpx;
|
||||
padding: 10rpx;
|
||||
border-radius: 25rpx;
|
||||
background: linear-gradient(0deg, #0b1521, #193c65);
|
||||
font-size: 28rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.recharge_block_view view.data-v-32c0de50:nth-child(1) {
|
||||
color: #fff;
|
||||
}
|
||||
.recharge_block_view view.data-v-32c0de50:nth-child(2) {
|
||||
color: #8b98a0;
|
||||
}
|
||||
.recharge_note.data-v-32c0de50 {
|
||||
margin-top: 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
color: #828282;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.recharge_btn1.data-v-32c0de50 {
|
||||
width: 650rpx;
|
||||
height: 100rpx;
|
||||
margin: 0 auto;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
background-color: #1879fe;
|
||||
border-radius: 50rpx;
|
||||
color: #fff;
|
||||
margin-top: 150rpx;
|
||||
}
|
||||
@keyframes rotate-32c0de50 {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user