first:修正上传地址，优化界面，尝试对接微信支付分免押（50%）
This commit is contained in:
+76
-277
@@ -1,77 +1,48 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const common_assets = require("../../common/assets.js");
|
||||
const config_user = require("../../config/user.js");
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {
|
||||
deviceInfo: {},
|
||||
deviceId: "",
|
||||
deviceLocation: "一号教学楼大厅",
|
||||
batteryLevel: 95,
|
||||
hasActiveOrder: false,
|
||||
deviceStatus: {
|
||||
text: "可使用",
|
||||
class: "available"
|
||||
},
|
||||
selectedPackage: 1,
|
||||
packages: [],
|
||||
depositAmount: "99.00",
|
||||
// 默认押金金额
|
||||
isLoggedIn: true,
|
||||
phoneNumber: ""
|
||||
};
|
||||
},
|
||||
onLoad(options) {
|
||||
this.deviceId = options.deviceNo;
|
||||
if (options.feeConfig) {
|
||||
try {
|
||||
common_vendor.index.__f__("log", "at pages/device/detail.vue:117", "从URL获取到feeConfig:", options.feeConfig);
|
||||
const feeConfigStr = decodeURIComponent(options.feeConfig);
|
||||
this.deviceInfo = { ...this.deviceInfo, feeConfig: feeConfigStr };
|
||||
this.parseFeeConfig();
|
||||
} catch (e) {
|
||||
common_vendor.index.__f__("error", "at pages/device/detail.vue:124", "解析URL中的feeConfig失败:", e);
|
||||
this.checkOrderStatus();
|
||||
this.getDeviceInfo();
|
||||
}
|
||||
} else {
|
||||
this.checkOrderStatus();
|
||||
common_vendor.index.__f__("log", "at pages/device/detail.vue:132", options.deviceNo);
|
||||
this.getDeviceInfo();
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 检查登录状态和订单
|
||||
async getDeviceInfo() {
|
||||
const res = await config_user.getDeviceInfo(this.deviceId);
|
||||
__name: "detail",
|
||||
setup(__props) {
|
||||
const deviceInfo = common_vendor.ref({});
|
||||
const deviceId = common_vendor.ref("");
|
||||
const deviceLocation = common_vendor.ref("一号教学楼大厅");
|
||||
const batteryLevel = common_vendor.ref(95);
|
||||
const hasActiveOrder = common_vendor.ref(false);
|
||||
const deviceStatus = common_vendor.reactive({
|
||||
text: "可使用",
|
||||
class: "available"
|
||||
});
|
||||
const isLoggedIn = common_vendor.ref(true);
|
||||
const phoneNumber = common_vendor.ref("");
|
||||
common_vendor.onLoad((options) => {
|
||||
deviceId.value = options.deviceNo;
|
||||
checkOrderStatus();
|
||||
common_vendor.index.__f__("log", "at pages/device/detail.vue:161", options.deviceNo);
|
||||
fetchDeviceInfo();
|
||||
});
|
||||
const fetchDeviceInfo = async () => {
|
||||
const res = await config_user.getDeviceInfo(deviceId.value);
|
||||
if (res.code == 200) {
|
||||
this.deviceInfo = res.data.device || {};
|
||||
if (this.deviceInfo.deviceLocation) {
|
||||
this.deviceLocation = this.deviceInfo.deviceLocation;
|
||||
deviceInfo.value = res.data.device || {};
|
||||
if (deviceInfo.value.deviceLocation) {
|
||||
deviceLocation.value = deviceInfo.value.deviceLocation;
|
||||
} else if (res.data.position && res.data.position.name) {
|
||||
this.deviceLocation = res.data.position.name;
|
||||
deviceLocation.value = res.data.position.name;
|
||||
}
|
||||
if (this.deviceInfo.depositAmount) {
|
||||
this.depositAmount = this.deviceInfo.depositAmount;
|
||||
}
|
||||
if (this.deviceInfo.status) {
|
||||
if (this.deviceInfo.status === "online") {
|
||||
this.deviceStatus = {
|
||||
text: "可使用",
|
||||
class: "available"
|
||||
};
|
||||
} else if (this.deviceInfo.status === "offline") {
|
||||
this.deviceStatus = {
|
||||
text: "离线",
|
||||
class: "offline"
|
||||
};
|
||||
if (deviceInfo.value.status) {
|
||||
if (deviceInfo.value.status === "online") {
|
||||
deviceStatus.text = "可使用";
|
||||
deviceStatus.class = "available";
|
||||
} else if (deviceInfo.value.status === "offline") {
|
||||
deviceStatus.text = "离线";
|
||||
deviceStatus.class = "offline";
|
||||
}
|
||||
}
|
||||
this.parseFeeConfig();
|
||||
}
|
||||
},
|
||||
// 显示登录提示
|
||||
showLoginTip() {
|
||||
};
|
||||
const showLoginTip = () => {
|
||||
common_vendor.index.showModal({
|
||||
title: "提示",
|
||||
content: "请先登录后再操作",
|
||||
@@ -84,23 +55,19 @@ const _sfc_main = {
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
selectPackage(index) {
|
||||
this.selectedPackage = index;
|
||||
},
|
||||
// 检查订单状态
|
||||
async checkOrderStatus() {
|
||||
};
|
||||
const checkOrderStatus = async () => {
|
||||
try {
|
||||
const result = await this.$api.checkActiveOrder();
|
||||
const result = await common_vendor.index.$api.checkActiveOrder();
|
||||
if (result.hasOrder) {
|
||||
const order = result.order;
|
||||
if (order.status === "waiting_for_payment") {
|
||||
common_vendor.index.redirectTo({
|
||||
url: `/pages/order/payment?orderId=${order.orderId}&deviceId=${this.deviceId}`
|
||||
url: `/pages/order/payment?orderId=${order.orderId}&deviceId=${deviceId.value}`
|
||||
});
|
||||
} else if (order.status === "in_used") {
|
||||
common_vendor.index.redirectTo({
|
||||
url: `/pages/device/return?deviceId=${this.deviceId}`
|
||||
url: `/pages/device/return?deviceId=${deviceId.value}`
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -110,70 +77,42 @@ const _sfc_main = {
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
},
|
||||
// 处理租借操作
|
||||
handleRent() {
|
||||
if (!this.isLoggedIn) {
|
||||
this.showLoginTip();
|
||||
};
|
||||
const handleRent = () => {
|
||||
if (!isLoggedIn.value) {
|
||||
showLoginTip();
|
||||
return;
|
||||
}
|
||||
if (!this.phoneNumber) {
|
||||
if (!phoneNumber.value) {
|
||||
common_vendor.index.showToast({
|
||||
title: "请输入手机号码",
|
||||
icon: "none"
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!/^1[3-9]\d{9}$/.test(this.phoneNumber)) {
|
||||
if (!/^1[3-9]\d{9}$/.test(phoneNumber.value)) {
|
||||
common_vendor.index.showToast({
|
||||
title: "请输入正确的手机号码",
|
||||
icon: "none"
|
||||
});
|
||||
return;
|
||||
}
|
||||
this.submitRentOrder();
|
||||
},
|
||||
// 提交租借订单
|
||||
async submitRentOrder() {
|
||||
submitRentOrder();
|
||||
};
|
||||
const submitRentOrder = async () => {
|
||||
try {
|
||||
common_vendor.index.showLoading({
|
||||
title: "处理中"
|
||||
});
|
||||
const selectedPkg = this.packages[this.selectedPackage];
|
||||
const rentResult = await config_user.rentPowerBank(this.deviceId, this.phoneNumber);
|
||||
const rentResult = await config_user.rentPowerBank(deviceId.value, phoneNumber.value);
|
||||
if (rentResult.code !== 200) {
|
||||
throw new Error(rentResult.msg || "设备租借失败");
|
||||
}
|
||||
const order = rentResult.data;
|
||||
try {
|
||||
let packageTimeMinutes = 0;
|
||||
if (selectedPkg.time.includes("小时")) {
|
||||
packageTimeMinutes = parseInt(selectedPkg.time) * 60;
|
||||
} else if (selectedPkg.time.includes("分钟")) {
|
||||
packageTimeMinutes = parseInt(selectedPkg.time);
|
||||
} else {
|
||||
packageTimeMinutes = parseInt(selectedPkg.time) * 60;
|
||||
}
|
||||
const updateRes = await config_user.updateOrderPackage({
|
||||
orderId: order.orderId,
|
||||
packageTime: packageTimeMinutes,
|
||||
packagePrice: parseFloat(selectedPkg.price)
|
||||
});
|
||||
if (updateRes.code !== 200) {
|
||||
common_vendor.index.__f__("warn", "at pages/device/detail.vue:292", "更新订单套餐信息失败:", updateRes.msg);
|
||||
} else {
|
||||
common_vendor.index.__f__("log", "at pages/device/detail.vue:295", "订单套餐信息已提前更新");
|
||||
}
|
||||
} catch (updateError) {
|
||||
common_vendor.index.__f__("error", "at pages/device/detail.vue:298", "更新订单套餐信息时出错:", updateError);
|
||||
}
|
||||
const deposit = parseFloat(this.depositAmount);
|
||||
const packagePrice = parseFloat(selectedPkg.price);
|
||||
const totalAmount = (deposit + packagePrice).toFixed(2);
|
||||
const res = await config_user.getOrderByOrderNoScore(order.orderNo);
|
||||
common_vendor.index.__f__("log", "at pages/device/detail.vue:282", res);
|
||||
common_vendor.index.hideLoading();
|
||||
common_vendor.index.redirectTo({
|
||||
url: `/pages/order/payment?orderId=${order.orderId}&packageTimeHours=${selectedPkg.time.replace("小时", "")}&packagePrice=${selectedPkg.price}&totalAmount=${totalAmount}&depositAmount=${this.depositAmount}${this.deviceInfo && this.deviceInfo.feeConfig ? "&feeConfig=" + encodeURIComponent(this.deviceInfo.feeConfig) : ""}`
|
||||
});
|
||||
common_vendor.index.__f__("log", "at pages/device/detail.vue:291", order);
|
||||
} catch (error) {
|
||||
common_vendor.index.hideLoading();
|
||||
common_vendor.index.showToast({
|
||||
@@ -181,170 +120,30 @@ const _sfc_main = {
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
},
|
||||
// 单独抽取解析feeConfig的逻辑
|
||||
parseFeeConfig() {
|
||||
if (this.deviceInfo.feeConfig) {
|
||||
try {
|
||||
const feeConfig = JSON.parse(this.deviceInfo.feeConfig);
|
||||
if (feeConfig.length > 0 && "hour" in feeConfig[0] && "timesPrice" in feeConfig[0]) {
|
||||
this.packages = feeConfig.map((pkg) => {
|
||||
const hour = pkg.hour;
|
||||
const price = pkg.timesPrice;
|
||||
const unitPrice = (price / hour).toFixed(2);
|
||||
return {
|
||||
time: `${hour}小时`,
|
||||
price: price.toFixed(2),
|
||||
unitPrice,
|
||||
hour
|
||||
// 添加小时信息，用于后续处理
|
||||
};
|
||||
});
|
||||
this.packages.sort((a, b) => a.hour - b.hour);
|
||||
} else {
|
||||
const commonConfig = feeConfig.find((item) => item.specCode === "common") || feeConfig[0];
|
||||
if (commonConfig) {
|
||||
if (this.deviceInfo.feeType === "hour") {
|
||||
const hourPrice = commonConfig.hourPrice > 0 ? commonConfig.hourPrice : commonConfig.timesPrice / 6;
|
||||
this.packages = [
|
||||
{
|
||||
time: "1小时",
|
||||
price: hourPrice.toFixed(2),
|
||||
unitPrice: hourPrice.toFixed(2),
|
||||
hour: 1
|
||||
},
|
||||
{
|
||||
time: "6小时",
|
||||
price: (hourPrice * 6).toFixed(2),
|
||||
unitPrice: hourPrice.toFixed(2),
|
||||
hour: 6
|
||||
},
|
||||
{
|
||||
time: "12小时",
|
||||
price: (hourPrice * 12).toFixed(2),
|
||||
unitPrice: hourPrice.toFixed(2),
|
||||
hour: 12
|
||||
}
|
||||
];
|
||||
} else if (this.deviceInfo.feeType === "times") {
|
||||
const timesPrice = commonConfig.timesPrice;
|
||||
this.packages = [
|
||||
{
|
||||
time: "1次",
|
||||
price: timesPrice.toFixed(2),
|
||||
unitPrice: timesPrice.toFixed(2),
|
||||
hour: 1
|
||||
}
|
||||
];
|
||||
} else {
|
||||
this.packages = [
|
||||
{
|
||||
time: "1小时",
|
||||
price: "2.00",
|
||||
unitPrice: "2.00",
|
||||
hour: 1
|
||||
},
|
||||
{
|
||||
time: "6小时",
|
||||
price: "10.00",
|
||||
unitPrice: "1.67",
|
||||
hour: 6
|
||||
},
|
||||
{
|
||||
time: "12小时",
|
||||
price: "15.00",
|
||||
unitPrice: "1.25",
|
||||
hour: 12
|
||||
}
|
||||
];
|
||||
}
|
||||
}
|
||||
}
|
||||
this.selectedPackage = Math.min(1, this.packages.length - 1);
|
||||
} catch (e) {
|
||||
common_vendor.index.__f__("error", "at pages/device/detail.vue:419", "解析设备费用配置失败:", e);
|
||||
this.packages = [
|
||||
{
|
||||
time: "1小时",
|
||||
price: "2.00",
|
||||
unitPrice: "2.00",
|
||||
hour: 1
|
||||
},
|
||||
{
|
||||
time: "6小时",
|
||||
price: "10.00",
|
||||
unitPrice: "1.67",
|
||||
hour: 6
|
||||
},
|
||||
{
|
||||
time: "12小时",
|
||||
price: "15.00",
|
||||
unitPrice: "1.25",
|
||||
hour: 12
|
||||
}
|
||||
];
|
||||
this.selectedPackage = 1;
|
||||
}
|
||||
} else {
|
||||
this.packages = [
|
||||
{
|
||||
time: "1小时",
|
||||
price: "2.00",
|
||||
unitPrice: "2.00",
|
||||
hour: 1
|
||||
},
|
||||
{
|
||||
time: "6小时",
|
||||
price: "10.00",
|
||||
unitPrice: "1.67",
|
||||
hour: 6
|
||||
},
|
||||
{
|
||||
time: "12小时",
|
||||
price: "15.00",
|
||||
unitPrice: "1.25",
|
||||
hour: 12
|
||||
}
|
||||
];
|
||||
this.selectedPackage = 1;
|
||||
}
|
||||
}
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.t(deviceStatus.text),
|
||||
b: common_vendor.n(deviceStatus.class),
|
||||
c: common_vendor.t(deviceId.value),
|
||||
d: common_assets._imports_0$2,
|
||||
e: common_vendor.t(deviceLocation.value),
|
||||
f: common_assets._imports_1$2,
|
||||
g: batteryLevel.value < 20 ? 1 : "",
|
||||
h: common_vendor.t(batteryLevel.value),
|
||||
i: !hasActiveOrder.value
|
||||
}, !hasActiveOrder.value ? {
|
||||
j: phoneNumber.value,
|
||||
k: common_vendor.o(($event) => phoneNumber.value = $event.detail.value)
|
||||
} : {}, {
|
||||
l: common_assets._imports_2$1,
|
||||
m: common_vendor.t(hasActiveOrder.value ? "归还设备" : "免押金租借"),
|
||||
n: hasActiveOrder.value ? 1 : "",
|
||||
o: common_vendor.o(handleRent)
|
||||
});
|
||||
};
|
||||
}
|
||||
};
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.t($data.deviceId),
|
||||
b: common_vendor.t($data.deviceStatus.text),
|
||||
c: common_vendor.n($data.deviceStatus.class),
|
||||
d: common_vendor.t($data.deviceLocation),
|
||||
e: common_vendor.t($data.batteryLevel),
|
||||
f: !$data.hasActiveOrder
|
||||
}, !$data.hasActiveOrder ? {
|
||||
g: common_vendor.f($data.packages, (pkg, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(pkg.time),
|
||||
b: common_vendor.t(pkg.price),
|
||||
c: common_vendor.t(pkg.unitPrice),
|
||||
d: index,
|
||||
e: $data.selectedPackage === index ? 1 : "",
|
||||
f: common_vendor.o(($event) => $options.selectPackage(index), index)
|
||||
};
|
||||
})
|
||||
} : {}, {
|
||||
h: !$data.hasActiveOrder
|
||||
}, !$data.hasActiveOrder ? {
|
||||
i: $data.phoneNumber,
|
||||
j: common_vendor.o(($event) => $data.phoneNumber = $event.detail.value)
|
||||
} : {}, {
|
||||
k: !$data.hasActiveOrder
|
||||
}, !$data.hasActiveOrder ? {
|
||||
l: common_vendor.t($data.depositAmount)
|
||||
} : {}, {
|
||||
m: common_vendor.t($data.hasActiveOrder ? "归还设备" : "立即租借"),
|
||||
n: common_vendor.n($data.hasActiveOrder ? "return" : "rent"),
|
||||
o: common_vendor.o((...args) => $options.handleRent && $options.handleRent(...args))
|
||||
});
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-d65de3a7"]]);
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-d65de3a7"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/device/detail.js.map
|
||||
|
||||
+1
-1
@@ -1 +1 @@
|
||||
<view class="detail-container data-v-d65de3a7"><view class="device-card data-v-d65de3a7"><view class="device-header data-v-d65de3a7"><view class="device-title data-v-d65de3a7"><text class="name data-v-d65de3a7">共享风扇</text><text class="id data-v-d65de3a7">设备号：{{a}}</text></view><view class="{{['status', 'data-v-d65de3a7', c]}}">{{b}}</view></view><view class="device-info data-v-d65de3a7"><view class="info-item data-v-d65de3a7"><text class="label data-v-d65de3a7">设备位置</text><text class="value data-v-d65de3a7">{{d}}</text></view><view class="info-item data-v-d65de3a7"><text class="label data-v-d65de3a7">电池电量</text><text class="value data-v-d65de3a7">{{e}}%</text></view></view></view><view wx:if="{{f}}" class="package-section data-v-d65de3a7"><view class="section-title data-v-d65de3a7">选择套餐</view><view class="package-list data-v-d65de3a7"><view wx:for="{{g}}" wx:for-item="pkg" wx:key="d" class="{{['package-item', 'data-v-d65de3a7', pkg.e && 'active']}}" bindtap="{{pkg.f}}"><view class="package-content data-v-d65de3a7"><text class="time data-v-d65de3a7">{{pkg.a}}</text><text class="price data-v-d65de3a7">￥{{pkg.b}}</text></view><text class="unit-price data-v-d65de3a7">约{{pkg.c}}元/小时</text></view></view></view><view wx:if="{{h}}" class="phone-section data-v-d65de3a7"><view class="section-title data-v-d65de3a7">联系方式</view><view class="phone-input-wrap data-v-d65de3a7"><input type="number" class="phone-input data-v-d65de3a7" maxlength="11" placeholder="请输入手机号码" value="{{i}}" bindinput="{{j}}"/></view></view><view class="notice-section data-v-d65de3a7"><view class="section-title data-v-d65de3a7">使用说明</view><view class="notice-list data-v-d65de3a7"><view class="notice-item data-v-d65de3a7"><view class="dot data-v-d65de3a7"></view><text class="data-v-d65de3a7">请在使用前检查设备是否完好</text></view><view class="notice-item data-v-d65de3a7"><view class="dot data-v-d65de3a7"></view><text class="data-v-d65de3a7">超出使用时间将自动按小时计费</text></view><view class="notice-item data-v-d65de3a7"><view class="dot data-v-d65de3a7"></view><text class="data-v-d65de3a7">请在指定区域内使用设备</text></view></view></view><view class="bottom-bar data-v-d65de3a7"><view wx:if="{{k}}" class="price-info data-v-d65de3a7"><text class="deposit-text data-v-d65de3a7">押金：</text><text class="deposit-amount data-v-d65de3a7">￥{{l}}</text></view><button class="{{['action-btn', 'data-v-d65de3a7', n]}}" bindtap="{{o}}">{{m}}</button></view></view>
|
||||
<view class="container data-v-d65de3a7"><view class="device-header data-v-d65de3a7"><view class="{{['device-status-card', 'data-v-d65de3a7', b]}}"><view class="status-indicator data-v-d65de3a7"></view><text class="status-text data-v-d65de3a7">{{a}}</text></view><view class="device-title data-v-d65de3a7"><text class="name data-v-d65de3a7">共享风扇</text><view class="device-meta data-v-d65de3a7"><text class="id-label data-v-d65de3a7">设备号：</text><text class="id-value data-v-d65de3a7">{{c}}</text></view></view></view><view class="card device-info-card data-v-d65de3a7"><view class="card-row data-v-d65de3a7"><view class="card-item data-v-d65de3a7"><view class="item-icon location-icon data-v-d65de3a7"><image class="data-v-d65de3a7" src="{{d}}" mode="aspectFill" style="width:45rpx;height:45rpx"></image></view><view class="item-content data-v-d65de3a7"><text class="item-label data-v-d65de3a7">当前位置</text><text class="item-value data-v-d65de3a7">{{e}}</text></view></view><view class="card-item data-v-d65de3a7"><view class="{{['item-icon', 'battery-icon', 'data-v-d65de3a7', g && 'battery-low']}}"><image class="data-v-d65de3a7" src="{{f}}" mode="aspectFill" style="width:45rpx;height:45rpx"></image></view><view class="item-content data-v-d65de3a7"><text class="item-label data-v-d65de3a7">电池电量</text><text class="item-value data-v-d65de3a7">{{h}}%</text></view></view></view></view><view class="card pricing-card data-v-d65de3a7"><view class="card-header data-v-d65de3a7"><text class="card-title data-v-d65de3a7">计费规则</text></view><view class="pricing-banner data-v-d65de3a7"><view class="pricing-main data-v-d65de3a7"><text class="price data-v-d65de3a7">¥5.00</text><text class="unit data-v-d65de3a7">/小时</text></view><text class="cap-price data-v-d65de3a7">封顶 ¥99</text></view><view class="pricing-rules data-v-d65de3a7"><view class="rule-item data-v-d65de3a7"><view class="rule-dot data-v-d65de3a7"></view><text class="rule-text data-v-d65de3a7">前15分钟内归还<text class="highlight data-v-d65de3a7">免费</text></text></view><view class="rule-item data-v-d65de3a7"><view class="rule-dot data-v-d65de3a7"></view><text class="rule-text data-v-d65de3a7">不足60分钟按60分钟计费</text></view><view class="rule-item data-v-d65de3a7"><view class="rule-dot data-v-d65de3a7"></view><text class="rule-text data-v-d65de3a7">持续计费至99元视为买断</text></view></view></view><view wx:if="{{i}}" class="card phone-card data-v-d65de3a7"><view class="card-header data-v-d65de3a7"><text class="card-title data-v-d65de3a7">联系方式</text></view><view class="phone-input-container data-v-d65de3a7"><view class="input-wrapper data-v-d65de3a7"><text class="prefix data-v-d65de3a7">+86</text><input type="number" class="phone-input data-v-d65de3a7" maxlength="11" placeholder="请输入手机号码" value="{{j}}" bindinput="{{k}}"/></view></view></view><view class="card notice-card data-v-d65de3a7"><view class="card-header data-v-d65de3a7"><text class="card-title data-v-d65de3a7">使用须知</text></view><view class="notice-items data-v-d65de3a7"><view class="notice-item data-v-d65de3a7"><view class="notice-dot data-v-d65de3a7"></view><text class="notice-text data-v-d65de3a7">请在使用前检查设备是否完好</text></view><view class="notice-item data-v-d65de3a7"><view class="notice-dot data-v-d65de3a7"></view><text class="notice-text data-v-d65de3a7">请在指定区域内使用设备</text></view><view class="notice-item data-v-d65de3a7"><view class="notice-dot data-v-d65de3a7"></view><text class="notice-text data-v-d65de3a7">归还时请确保设备完好，避免损坏</text></view></view></view><view class="footer data-v-d65de3a7"><view class="wechat-credit data-v-d65de3a7"><image src="{{l}}" mode="aspectFit" class="wx-icon data-v-d65de3a7"></image><view class="credit-text data-v-d65de3a7"><text class="data-v-d65de3a7">微信支付分</text><text class="credit-divider data-v-d65de3a7">|</text><text class="credit-score data-v-d65de3a7">支付分200分及以上优享</text></view></view><button class="{{['rent-button', 'data-v-d65de3a7', n && 'return-button']}}" bindtap="{{o}}"><text class="data-v-d65de3a7">{{m}}</text></button></view></view>
|
||||
+227
-170
@@ -23,225 +23,282 @@
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.detail-container.data-v-d65de3a7 {
|
||||
.container.data-v-d65de3a7 {
|
||||
min-height: 100vh;
|
||||
background: #f8f8f8;
|
||||
padding: 30rpx;
|
||||
padding-bottom: 180rpx;
|
||||
background-color: #f5f7fa;
|
||||
padding: 30rpx 30rpx 240rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.detail-container .device-card.data-v-d65de3a7 {
|
||||
background: #fff;
|
||||
border-radius: 24rpx;
|
||||
padding: 30rpx;
|
||||
margin-bottom: 30rpx;
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
.detail-container .device-card .device-header.data-v-d65de3a7 {
|
||||
.device-header.data-v-d65de3a7 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.detail-container .device-card .device-header .device-title .name.data-v-d65de3a7 {
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
margin-right: 20rpx;
|
||||
.device-header .device-status-card.data-v-d65de3a7 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.detail-container .device-card .device-header .device-title .id.data-v-d65de3a7 {
|
||||
font-size: 24rpx;
|
||||
.device-header .device-status-card .status-indicator.data-v-d65de3a7 {
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
border-radius: 50%;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.device-header .device-status-card.available .status-indicator.data-v-d65de3a7 {
|
||||
background-color: #10c469;
|
||||
box-shadow: 0 0 10rpx rgba(16, 196, 105, 0.5);
|
||||
}
|
||||
.device-header .device-status-card.available .status-text.data-v-d65de3a7 {
|
||||
color: #10c469;
|
||||
}
|
||||
.device-header .device-status-card.offline .status-indicator.data-v-d65de3a7 {
|
||||
background-color: #9a9a9a;
|
||||
}
|
||||
.device-header .device-status-card.offline .status-text.data-v-d65de3a7 {
|
||||
color: #9a9a9a;
|
||||
}
|
||||
.device-header .device-status-card .status-text.data-v-d65de3a7 {
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
.device-header .device-title .name.data-v-d65de3a7 {
|
||||
font-size: 48rpx;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
.device-header .device-title .device-meta.data-v-d65de3a7 {
|
||||
margin-top: 10rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.device-header .device-title .device-meta .id-label.data-v-d65de3a7 {
|
||||
font-size: 26rpx;
|
||||
color: #999;
|
||||
}
|
||||
.detail-container .device-card .device-header .status.data-v-d65de3a7 {
|
||||
padding: 8rpx 24rpx;
|
||||
border-radius: 24rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.detail-container .device-card .device-header .status.available.data-v-d65de3a7 {
|
||||
background: #E8F5E9;
|
||||
color: #4CAF50;
|
||||
}
|
||||
.detail-container .device-card .device-header .status.in-use.data-v-d65de3a7 {
|
||||
background: #E3F2FD;
|
||||
color: #1976D2;
|
||||
}
|
||||
.detail-container .device-card .device-info .info-item.data-v-d65de3a7 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
.detail-container .device-card .device-info .info-item.data-v-d65de3a7:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.detail-container .device-card .device-info .info-item .label.data-v-d65de3a7 {
|
||||
font-size: 28rpx;
|
||||
.device-header .device-title .device-meta .id-value.data-v-d65de3a7 {
|
||||
font-size: 26rpx;
|
||||
color: #666;
|
||||
}
|
||||
.detail-container .device-card .device-info .info-item .value.data-v-d65de3a7 {
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
}
|
||||
.detail-container .package-section.data-v-d65de3a7 {
|
||||
background: #fff;
|
||||
.card.data-v-d65de3a7 {
|
||||
background-color: #fff;
|
||||
border-radius: 24rpx;
|
||||
box-shadow: 0 4rpx 24rpx rgba(0, 0, 0, 0.03);
|
||||
padding: 30rpx;
|
||||
margin-bottom: 30rpx;
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
.detail-container .package-section .section-title.data-v-d65de3a7 {
|
||||
.card .card-header.data-v-d65de3a7 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
.card .card-header .card-title.data-v-d65de3a7 {
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
.detail-container .package-section .package-list.data-v-d65de3a7 {
|
||||
.device-info-card .card-row.data-v-d65de3a7 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.detail-container .package-section .package-list .package-item.data-v-d65de3a7 {
|
||||
flex: 1;
|
||||
margin: 0 10rpx;
|
||||
padding: 24rpx;
|
||||
background: #F5F5F5;
|
||||
border-radius: 16rpx;
|
||||
text-align: center;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.detail-container .package-section .package-list .package-item.data-v-d65de3a7:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
.detail-container .package-section .package-list .package-item.data-v-d65de3a7:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.detail-container .package-section .package-list .package-item.active.data-v-d65de3a7 {
|
||||
background: #E3F2FD;
|
||||
border: 2rpx solid #1976D2;
|
||||
}
|
||||
.detail-container .package-section .package-list .package-item.active .package-content .time.data-v-d65de3a7,
|
||||
.detail-container .package-section .package-list .package-item.active .package-content .price.data-v-d65de3a7 {
|
||||
color: #1976D2;
|
||||
}
|
||||
.detail-container .package-section .package-list .package-item .package-content.data-v-d65de3a7 {
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
.detail-container .package-section .package-list .package-item .package-content .time.data-v-d65de3a7 {
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
margin-bottom: 8rpx;
|
||||
display: block;
|
||||
}
|
||||
.detail-container .package-section .package-list .package-item .package-content .price.data-v-d65de3a7 {
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
}
|
||||
.detail-container .package-section .package-list .package-item .unit-price.data-v-d65de3a7 {
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
}
|
||||
.detail-container .phone-section.data-v-d65de3a7 {
|
||||
background: #fff;
|
||||
border-radius: 24rpx;
|
||||
padding: 30rpx;
|
||||
margin-bottom: 30rpx;
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
.detail-container .phone-section .section-title.data-v-d65de3a7 {
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
.detail-container .phone-section .phone-input-wrap .phone-input.data-v-d65de3a7 {
|
||||
width: 100%;
|
||||
height: 88rpx;
|
||||
background: #F5F5F5;
|
||||
border-radius: 16rpx;
|
||||
padding: 0 30rpx;
|
||||
font-size: 28rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.detail-container .phone-section .phone-input-wrap .phone-input.data-v-d65de3a7::-webkit-input-placeholder {
|
||||
color: #999;
|
||||
}
|
||||
.detail-container .phone-section .phone-input-wrap .phone-input.data-v-d65de3a7::placeholder {
|
||||
color: #999;
|
||||
}
|
||||
.detail-container .notice-section.data-v-d65de3a7 {
|
||||
background: #fff;
|
||||
border-radius: 24rpx;
|
||||
padding: 30rpx;
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
.detail-container .notice-section .section-title.data-v-d65de3a7 {
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
.detail-container .notice-section .notice-list .notice-item.data-v-d65de3a7 {
|
||||
.device-info-card .card-item.data-v-d65de3a7 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 16rpx;
|
||||
flex: 1;
|
||||
}
|
||||
.detail-container .notice-section .notice-list .notice-item.data-v-d65de3a7:last-child {
|
||||
.device-info-card .card-item .item-icon.data-v-d65de3a7 {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 12rpx;
|
||||
margin-right: 20rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 30rpx;
|
||||
color: #fff;
|
||||
}
|
||||
.device-info-card .card-item .item-icon.location-icon.data-v-d65de3a7 {
|
||||
background: linear-gradient(135deg, #40c9ff, #32a5ff);
|
||||
}
|
||||
.device-info-card .card-item .item-icon.battery-icon.data-v-d65de3a7 {
|
||||
background: linear-gradient(135deg, #33db92, #10c469);
|
||||
}
|
||||
.device-info-card .card-item .item-icon.battery-icon.battery-low.data-v-d65de3a7 {
|
||||
background: linear-gradient(135deg, #ff7676, #f54f4f);
|
||||
}
|
||||
.device-info-card .card-item .item-content.data-v-d65de3a7 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.device-info-card .card-item .item-content .item-label.data-v-d65de3a7 {
|
||||
font-size: 26rpx;
|
||||
color: #999;
|
||||
margin-bottom: 4rpx;
|
||||
}
|
||||
.device-info-card .card-item .item-content .item-value.data-v-d65de3a7 {
|
||||
font-size: 30rpx;
|
||||
color: #333;
|
||||
font-weight: 500;
|
||||
}
|
||||
.pricing-card .pricing-banner.data-v-d65de3a7 {
|
||||
background: linear-gradient(to right, #f8f9ff, #e8f0ff);
|
||||
border-radius: 16rpx;
|
||||
padding: 30rpx;
|
||||
margin-bottom: 30rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.pricing-card .pricing-banner .pricing-main.data-v-d65de3a7 {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.pricing-card .pricing-banner .pricing-main .price.data-v-d65de3a7 {
|
||||
font-size: 60rpx;
|
||||
font-weight: bold;
|
||||
color: #ff6b6b;
|
||||
}
|
||||
.pricing-card .pricing-banner .pricing-main .unit.data-v-d65de3a7 {
|
||||
font-size: 28rpx;
|
||||
color: #999;
|
||||
margin-left: 4rpx;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
.pricing-card .pricing-banner .cap-price.data-v-d65de3a7 {
|
||||
margin-top: 10rpx;
|
||||
font-size: 26rpx;
|
||||
color: #666;
|
||||
background-color: rgba(255, 107, 107, 0.1);
|
||||
padding: 6rpx 20rpx;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
.pricing-card .pricing-rules .rule-item.data-v-d65de3a7 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.pricing-card .pricing-rules .rule-item.data-v-d65de3a7:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.detail-container .notice-section .notice-list .notice-item .dot.data-v-d65de3a7 {
|
||||
width: 12rpx;
|
||||
height: 12rpx;
|
||||
background: #1976D2;
|
||||
.pricing-card .pricing-rules .rule-item .rule-dot.data-v-d65de3a7 {
|
||||
width: 10rpx;
|
||||
height: 10rpx;
|
||||
border-radius: 50%;
|
||||
background-color: #ff6b6b;
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
.detail-container .notice-section .notice-list .notice-item text.data-v-d65de3a7 {
|
||||
.pricing-card .pricing-rules .rule-item .rule-text.data-v-d65de3a7 {
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.detail-container .bottom-bar.data-v-d65de3a7 {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #fff;
|
||||
padding: 20rpx 30rpx;
|
||||
padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
|
||||
.pricing-card .pricing-rules .rule-item .rule-text .highlight.data-v-d65de3a7 {
|
||||
color: #ff6b6b;
|
||||
font-weight: bold;
|
||||
}
|
||||
.phone-card .phone-input-container .input-wrapper.data-v-d65de3a7 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.04);
|
||||
height: 88rpx;
|
||||
background-color: #f5f7fa;
|
||||
border-radius: 16rpx;
|
||||
padding: 0 24rpx;
|
||||
}
|
||||
.detail-container .bottom-bar .price-info .deposit-text.data-v-d65de3a7 {
|
||||
.phone-card .phone-input-container .input-wrapper .prefix.data-v-d65de3a7 {
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
margin-right: 16rpx;
|
||||
padding-right: 16rpx;
|
||||
border-right: 1px solid #e0e0e0;
|
||||
}
|
||||
.detail-container .bottom-bar .price-info .deposit-amount.data-v-d65de3a7 {
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
color: #FF9800;
|
||||
}
|
||||
.detail-container .bottom-bar .action-btn.data-v-d65de3a7 {
|
||||
.phone-card .phone-input-container .input-wrapper .phone-input.data-v-d65de3a7 {
|
||||
flex: 1;
|
||||
margin-left: 30rpx;
|
||||
height: 88rpx;
|
||||
border-radius: 44rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
padding-left: 10rpx;
|
||||
}
|
||||
.phone-card .phone-input-container .phone-tip.data-v-d65de3a7 {
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
margin-top: 16rpx;
|
||||
display: block;
|
||||
}
|
||||
.notice-card .notice-items .notice-item.data-v-d65de3a7 {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
.notice-card .notice-items .notice-item.data-v-d65de3a7:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.notice-card .notice-items .notice-item .notice-dot.data-v-d65de3a7 {
|
||||
width: 10rpx;
|
||||
height: 10rpx;
|
||||
border-radius: 50%;
|
||||
background-color: #32a5ff;
|
||||
margin-right: 16rpx;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
.notice-card .notice-items .notice-item .notice-text.data-v-d65de3a7 {
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.footer.data-v-d65de3a7 {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: #fff;
|
||||
padding: 20rpx 30rpx;
|
||||
padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
|
||||
box-shadow: 0 -2rpx 20rpx rgba(0, 0, 0, 0.05);
|
||||
z-index: 100;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
--footer-height: 180rpx;
|
||||
}
|
||||
.footer .wechat-credit.data-v-d65de3a7 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.footer .wechat-credit .wx-icon.data-v-d65de3a7 {
|
||||
width: 50rpx;
|
||||
height: 40rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.footer .wechat-credit .credit-text.data-v-d65de3a7 {
|
||||
font-size: 24rpx;
|
||||
color: #07c160;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.footer .wechat-credit .credit-text .credit-divider.data-v-d65de3a7 {
|
||||
margin: 0 10rpx;
|
||||
}
|
||||
.footer .wechat-credit .credit-text .credit-score.data-v-d65de3a7 {
|
||||
font-weight: 500;
|
||||
}
|
||||
.footer .rent-button.data-v-d65de3a7 {
|
||||
height: 92rpx;
|
||||
border-radius: 46rpx;
|
||||
background: linear-gradient(135deg, #07c160, #10d673);
|
||||
color: #fff;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: none;
|
||||
width: 90%;
|
||||
}
|
||||
.detail-container .bottom-bar .action-btn.rent.data-v-d65de3a7 {
|
||||
background: linear-gradient(135deg, #1976D2, #42A5F5);
|
||||
color: #fff;
|
||||
}
|
||||
.detail-container .bottom-bar .action-btn.return.data-v-d65de3a7 {
|
||||
.footer .rent-button.return-button.data-v-d65de3a7 {
|
||||
background: linear-gradient(135deg, #FF9800, #FFB74D);
|
||||
color: #fff;
|
||||
}
|
||||
.detail-container .bottom-bar .action-btn.data-v-d65de3a7:active {
|
||||
.footer .rent-button.data-v-d65de3a7:active {
|
||||
transform: scale(0.98);
|
||||
opacity: 0.9;
|
||||
}
|
||||
+16
-14
@@ -14,9 +14,10 @@ const _sfc_main = {
|
||||
fail: reject
|
||||
});
|
||||
});
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:125", scanResult.path);
|
||||
let deviceNo = util_index.getQueryString(scanResult.path, "deviceNo");
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:68", "扫码路径:", scanResult.path);
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:69", "解析到的设备号:", deviceNo);
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:128", "扫码路径:", scanResult.path);
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:129", "解析到的设备号:", deviceNo);
|
||||
if (!deviceNo) {
|
||||
common_vendor.index.showToast({
|
||||
title: "无效的设备二维码",
|
||||
@@ -35,14 +36,14 @@ const _sfc_main = {
|
||||
"Clientid": common_vendor.index.getStorageSync("client_id")
|
||||
}
|
||||
});
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:94", "使用中订单检查结果:", JSON.stringify(inUseRes));
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:154", "使用中订单检查结果:", JSON.stringify(inUseRes));
|
||||
if (inUseRes.statusCode == 200 && inUseRes.data.code == 200 && inUseRes.data.data) {
|
||||
const inUseOrder = inUseRes.data.data;
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:99", "检测到使用中订单，准备跳转:", inUseOrder);
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:159", "检测到使用中订单，准备跳转:", inUseOrder);
|
||||
common_vendor.index.reLaunch({
|
||||
url: `/pages/return/index?orderId=${inUseOrder.orderId}&deviceId=${deviceNo || inUseOrder.deviceNo}`
|
||||
});
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:105", "已发起页面跳转");
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:165", "已发起页面跳转");
|
||||
return;
|
||||
}
|
||||
const orderRes = await common_vendor.index.request({
|
||||
@@ -53,28 +54,28 @@ const _sfc_main = {
|
||||
"Clientid": common_vendor.index.getStorageSync("client_id")
|
||||
}
|
||||
});
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:119", "待支付订单检查结果:", JSON.stringify(orderRes));
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:179", "待支付订单检查结果:", JSON.stringify(orderRes));
|
||||
if (orderRes.statusCode == 200 && orderRes.data.code == 200 && orderRes.data.data) {
|
||||
const unpaidOrder = orderRes.data.data;
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:124", "检测到待支付订单，准备跳转:", unpaidOrder);
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:184", "检测到待支付订单，准备跳转:", unpaidOrder);
|
||||
common_vendor.index.navigateTo({
|
||||
url: `/pages/order/payment?orderId=${unpaidOrder.orderId}`
|
||||
});
|
||||
} else {
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:130", "无待支付订单，获取设备信息, deviceNo:", deviceNo);
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:190", "无待支付订单，获取设备信息, deviceNo:", deviceNo);
|
||||
try {
|
||||
const deviceInfoRes = await config_user.getDeviceInfo(deviceNo);
|
||||
if (deviceInfoRes.code == 200 && deviceInfoRes.data && deviceInfoRes.data.device) {
|
||||
const deviceInfo = deviceInfoRes.data.device;
|
||||
if (deviceInfo.feeConfig) {
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:141", "获取到设备feeConfig信息:", deviceInfo.feeConfig);
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:201", "获取到设备feeConfig信息:", deviceInfo.feeConfig);
|
||||
try {
|
||||
const feeConfig = JSON.parse(deviceInfo.feeConfig);
|
||||
common_vendor.index.navigateTo({
|
||||
url: `/pages/device/detail?deviceNo=${deviceNo}&feeConfig=${encodeURIComponent(deviceInfo.feeConfig)}`
|
||||
});
|
||||
} catch (e) {
|
||||
common_vendor.index.__f__("error", "at pages/index/index.vue:152", "解析feeConfig失败:", e);
|
||||
common_vendor.index.__f__("error", "at pages/index/index.vue:212", "解析feeConfig失败:", e);
|
||||
common_vendor.index.navigateTo({
|
||||
url: `/pages/device/detail?deviceNo=${deviceNo}`
|
||||
});
|
||||
@@ -85,7 +86,7 @@ const _sfc_main = {
|
||||
});
|
||||
}
|
||||
} else {
|
||||
common_vendor.index.__f__("error", "at pages/index/index.vue:166", "获取设备信息失败:", deviceInfoRes.msg || "未知错误");
|
||||
common_vendor.index.__f__("error", "at pages/index/index.vue:226", "获取设备信息失败:", deviceInfoRes.msg || "未知错误");
|
||||
common_vendor.index.showToast({
|
||||
title: "获取设备信息失败",
|
||||
icon: "none"
|
||||
@@ -95,7 +96,7 @@ const _sfc_main = {
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
common_vendor.index.__f__("error", "at pages/index/index.vue:178", "获取设备信息异常:", error);
|
||||
common_vendor.index.__f__("error", "at pages/index/index.vue:238", "获取设备信息异常:", error);
|
||||
common_vendor.index.showToast({
|
||||
title: "获取设备信息失败",
|
||||
icon: "none"
|
||||
@@ -106,7 +107,7 @@ const _sfc_main = {
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
common_vendor.index.__f__("error", "at pages/index/index.vue:191", "扫码处理失败:", error);
|
||||
common_vendor.index.__f__("error", "at pages/index/index.vue:251", "扫码处理失败:", error);
|
||||
common_vendor.index.showToast({
|
||||
title: "扫码失败",
|
||||
icon: "none"
|
||||
@@ -118,7 +119,8 @@ const _sfc_main = {
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_assets._imports_0,
|
||||
b: common_vendor.o((...args) => $options.handleScan && $options.handleScan(...args))
|
||||
b: common_assets._imports_1,
|
||||
c: common_vendor.o((...args) => $options.handleScan && $options.handleScan(...args))
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-1cf27b2a"]]);
|
||||
|
||||
+1
-1
@@ -1 +1 @@
|
||||
<view class="container data-v-1cf27b2a"><view class="banner data-v-1cf27b2a"><view class="temp-banner data-v-1cf27b2a"><text class="banner-text data-v-1cf27b2a">共享风扇</text><text class="banner-subtitle data-v-1cf27b2a">让清凉随身携带</text><view class="banner-bg data-v-1cf27b2a"></view></view></view><view class="scan-area data-v-1cf27b2a"><view class="scan-btn data-v-1cf27b2a" bindtap="{{b}}"><view class="btn-content data-v-1cf27b2a"><image class="btn-icon data-v-1cf27b2a" src="{{a}}" mode="aspectFit"/><text class="btn-text data-v-1cf27b2a">扫一扫</text></view><text class="btn-desc data-v-1cf27b2a">扫描设备二维码使用或归还</text></view></view><view class="tips-section data-v-1cf27b2a"><view class="tips-header data-v-1cf27b2a"><view class="tips-title data-v-1cf27b2a">使用小贴士</view></view><view class="tips-list data-v-1cf27b2a"><view class="tip-item data-v-1cf27b2a"><view class="tip-dot data-v-1cf27b2a"></view><text class="data-v-1cf27b2a">租借时间：每次最长可租借12小时</text></view><view class="tip-item data-v-1cf27b2a"><view class="tip-dot data-v-1cf27b2a"></view><text class="data-v-1cf27b2a">押金说明：租借需支付99元押金，归还后自动退还</text></view><view class="tip-item data-v-1cf27b2a"><view class="tip-dot data-v-1cf27b2a"></view><text class="data-v-1cf27b2a">收费标准：2元/小时，不足1小时按1小时计算</text></view><view class="tip-item data-v-1cf27b2a"><view class="tip-dot data-v-1cf27b2a"></view><text class="data-v-1cf27b2a">爱护提示：请勿将设备带离指定区域，保持设备清洁</text></view></view></view></view>
|
||||
<view class="container data-v-1cf27b2a"><view class="header data-v-1cf27b2a"><view class="header-bg data-v-1cf27b2a"><view class="circle-decoration circle-1 data-v-1cf27b2a"></view><view class="circle-decoration circle-2 data-v-1cf27b2a"></view><view class="wave-decoration data-v-1cf27b2a"></view></view><view class="header-content data-v-1cf27b2a"><view class="brand-area data-v-1cf27b2a"><image class="brand-logo data-v-1cf27b2a" src="{{a}}" mode="aspectFit"></image><view class="brand-text data-v-1cf27b2a"><text class="title data-v-1cf27b2a">共享风扇</text><text class="subtitle data-v-1cf27b2a">随时随地，享受清凉</text></view></view><view class="header-info data-v-1cf27b2a"><view class="service-tag data-v-1cf27b2a"><text class="data-v-1cf27b2a">便捷租赁</text><text class="dot data-v-1cf27b2a">·</text><text class="data-v-1cf27b2a">品质保障</text></view></view></view></view><view class="scan-section data-v-1cf27b2a"><view class="scan-card data-v-1cf27b2a"><view class="scan-btn data-v-1cf27b2a" bindtap="{{c}}"><image class="scan-icon data-v-1cf27b2a" src="{{b}}" mode="aspectFit"/><text class="scan-text data-v-1cf27b2a">扫码使用</text></view><view class="scan-desc data-v-1cf27b2a"><text class="data-v-1cf27b2a">扫描设备二维码即可使用或归还</text></view></view></view><view class="price-card data-v-1cf27b2a"><view class="card-header data-v-1cf27b2a"><text class="card-title data-v-1cf27b2a">收费规则</text></view><view class="price-rules data-v-1cf27b2a"><view class="price-item data-v-1cf27b2a"><view class="price-tag data-v-1cf27b2a">5.0<text class="unit data-v-1cf27b2a">元/小时</text></view></view><view class="divider data-v-1cf27b2a"></view><view class="rule-list data-v-1cf27b2a"><view class="rule-item data-v-1cf27b2a"><view class="rule-dot data-v-1cf27b2a"></view><text class="data-v-1cf27b2a">15分钟内归还免费</text></view><view class="rule-item data-v-1cf27b2a"><view class="rule-dot data-v-1cf27b2a"></view><text class="data-v-1cf27b2a">不足1小时按1小时计费</text></view><view class="rule-item data-v-1cf27b2a"><view class="rule-dot data-v-1cf27b2a"></view><text class="data-v-1cf27b2a">封顶99元，计费达99元视为买断</text></view></view></view></view><view class="usage-steps data-v-1cf27b2a"><view class="steps-header data-v-1cf27b2a"><text class="steps-title data-v-1cf27b2a">使用流程</text></view><view class="steps-container data-v-1cf27b2a"><view class="step-item data-v-1cf27b2a"><view class="step-icon data-v-1cf27b2a"><text class="step-number data-v-1cf27b2a">1</text></view><text class="step-text data-v-1cf27b2a">扫码开锁</text></view><view class="step-arrow data-v-1cf27b2a"></view><view class="step-item data-v-1cf27b2a"><view class="step-icon data-v-1cf27b2a"><text class="step-number data-v-1cf27b2a">2</text></view><text class="step-text data-v-1cf27b2a">使用风扇</text></view><view class="step-arrow data-v-1cf27b2a"></view><view class="step-item data-v-1cf27b2a"><view class="step-icon data-v-1cf27b2a"><text class="step-number data-v-1cf27b2a">3</text></view><text class="step-text data-v-1cf27b2a">归还结算</text></view></view></view></view>
|
||||
+281
-119
@@ -24,171 +24,333 @@
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.container.data-v-1cf27b2a {
|
||||
height: 87.5vh;
|
||||
background: #f8f8f8;
|
||||
min-height: 100vh;
|
||||
background-color: #f6f7fb;
|
||||
padding-bottom: 40rpx;
|
||||
}
|
||||
.container .banner.data-v-1cf27b2a {
|
||||
padding: 30rpx;
|
||||
}
|
||||
.container .banner .temp-banner.data-v-1cf27b2a {
|
||||
|
||||
/* 顶部区域 */
|
||||
.header.data-v-1cf27b2a {
|
||||
height: 300rpx;
|
||||
background: linear-gradient(135deg, #1976D2, #42A5F5);
|
||||
border-radius: 30rpx;
|
||||
background: linear-gradient(135deg, #1E88E5, #29B6F6);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #fff;
|
||||
box-shadow: 0 8rpx 32rpx rgba(25, 118, 210, 0.2);
|
||||
}
|
||||
.container .banner .temp-banner .banner-text.data-v-1cf27b2a {
|
||||
font-size: 56rpx;
|
||||
font-weight: bold;
|
||||
margin-bottom: 20rpx;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.container .banner .temp-banner .banner-subtitle.data-v-1cf27b2a {
|
||||
font-size: 32rpx;
|
||||
opacity: 0.95;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.container .banner .temp-banner .banner-bg.data-v-1cf27b2a {
|
||||
.header .header-bg.data-v-1cf27b2a {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
.header .header-bg .circle-decoration.data-v-1cf27b2a {
|
||||
position: absolute;
|
||||
right: -60rpx;
|
||||
bottom: -60rpx;
|
||||
width: 300rpx;
|
||||
height: 300rpx;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 50%;
|
||||
transform: rotate(-15deg);
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.container .banner .temp-banner.data-v-1cf27b2a::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: -80rpx;
|
||||
top: -80rpx;
|
||||
.header .header-bg .circle-1.data-v-1cf27b2a {
|
||||
width: 240rpx;
|
||||
height: 240rpx;
|
||||
right: -60rpx;
|
||||
top: -90rpx;
|
||||
}
|
||||
.header .header-bg .circle-2.data-v-1cf27b2a {
|
||||
width: 160rpx;
|
||||
height: 160rpx;
|
||||
left: -40rpx;
|
||||
bottom: 30rpx;
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
border-radius: 50%;
|
||||
}
|
||||
.container .scan-area.data-v-1cf27b2a {
|
||||
padding: 20rpx 30rpx 40rpx;
|
||||
.header .header-bg .wave-decoration.data-v-1cf27b2a {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 40rpx;
|
||||
background-size: auto 100%;
|
||||
opacity: 0.6;
|
||||
}
|
||||
.header .header-content.data-v-1cf27b2a {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
padding: 40rpx 40rpx 0;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.container .scan-area .scan-btn.data-v-1cf27b2a {
|
||||
width: 460rpx;
|
||||
height: 200rpx;
|
||||
.header .header-content .brand-area.data-v-1cf27b2a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.header .header-content .brand-area .brand-logo.data-v-1cf27b2a {
|
||||
width: 90rpx;
|
||||
height: 90rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.header .header-content .brand-area .brand-text.data-v-1cf27b2a {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.header .header-content .brand-area .brand-text .title.data-v-1cf27b2a {
|
||||
font-size: 48rpx;
|
||||
color: #ffffff;
|
||||
font-weight: bold;
|
||||
line-height: 1.2;
|
||||
text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.header .header-content .brand-area .brand-text .subtitle.data-v-1cf27b2a {
|
||||
font-size: 28rpx;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
.header .header-content .header-info.data-v-1cf27b2a {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 20rpx;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.header .header-content .header-info .service-tag.data-v-1cf27b2a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
border-radius: 40rpx;
|
||||
padding: 10rpx 20rpx;
|
||||
}
|
||||
.header .header-content .header-info .service-tag text.data-v-1cf27b2a {
|
||||
font-size: 24rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
.header .header-content .header-info .service-tag .dot.data-v-1cf27b2a {
|
||||
margin: 0 8rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 扫码区域 */
|
||||
.scan-section.data-v-1cf27b2a {
|
||||
padding: 0 30rpx;
|
||||
margin-top: -60rpx;
|
||||
}
|
||||
.scan-section .scan-card.data-v-1cf27b2a {
|
||||
background: #ffffff;
|
||||
border-radius: 16rpx;
|
||||
box-shadow: 0 10rpx 30rpx rgba(0, 0, 0, 0.05);
|
||||
padding: 36rpx 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.scan-section .scan-card .scan-btn.data-v-1cf27b2a {
|
||||
width: 220rpx;
|
||||
height: 220rpx;
|
||||
background: linear-gradient(135deg, #00B0FF, #0091EA);
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: linear-gradient(135deg, #00C853, #69F0AE);
|
||||
border-radius: 30rpx;
|
||||
box-shadow: 0 8rpx 32rpx rgba(0, 200, 83, 0.2);
|
||||
transition: all 0.3s ease;
|
||||
margin-bottom: 24rpx;
|
||||
box-shadow: 0 10rpx 20rpx rgba(0, 176, 255, 0.2);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
.container .scan-area .scan-btn.data-v-1cf27b2a:active {
|
||||
transform: scale(0.98);
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 200, 83, 0.15);
|
||||
.scan-section .scan-card .scan-btn.data-v-1cf27b2a:active {
|
||||
transform: scale(0.96);
|
||||
}
|
||||
.container .scan-area .scan-btn.data-v-1cf27b2a::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: linear-gradient(rgba(255, 255, 255, 0.1), transparent);
|
||||
}
|
||||
.container .scan-area .scan-btn .btn-content.data-v-1cf27b2a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.scan-section .scan-card .scan-btn .scan-icon.data-v-1cf27b2a {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
margin-bottom: 12rpx;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.container .scan-area .scan-btn .btn-content .btn-icon.data-v-1cf27b2a {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
margin-right: 16rpx;
|
||||
.scan-section .scan-card .scan-btn .scan-text.data-v-1cf27b2a {
|
||||
font-size: 36rpx;
|
||||
color: #ffffff;
|
||||
font-weight: 500;
|
||||
}
|
||||
.container .scan-area .scan-btn .btn-content .btn-text.data-v-1cf27b2a {
|
||||
font-size: 42rpx;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
|
||||
.scan-section .scan-card .scan-desc.data-v-1cf27b2a {
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
}
|
||||
.container .scan-area .scan-btn .btn-desc.data-v-1cf27b2a {
|
||||
font-size: 26rpx;
|
||||
color: rgba(255, 255, 255, 0.95);
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.container .tips-section.data-v-1cf27b2a {
|
||||
margin: 0 30rpx;
|
||||
background: #fff;
|
||||
border-radius: 24rpx;
|
||||
box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.05);
|
||||
|
||||
/* 收费规则卡片 */
|
||||
.price-card.data-v-1cf27b2a {
|
||||
margin: 30rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 6rpx 20rpx rgba(0, 0, 0, 0.04);
|
||||
/* 微信免押金区域 */
|
||||
}
|
||||
.container .tips-section .tips-header.data-v-1cf27b2a {
|
||||
padding: 30rpx;
|
||||
background: linear-gradient(to right, #F5F9FF, #fff);
|
||||
.price-card .card-header.data-v-1cf27b2a {
|
||||
padding: 24rpx 30rpx;
|
||||
background: linear-gradient(to right, #f5f9ff, #ffffff);
|
||||
border-bottom: 2rpx solid #f0f0f0;
|
||||
}
|
||||
.container .tips-section .tips-header .tips-title.data-v-1cf27b2a {
|
||||
.price-card .card-header .card-title.data-v-1cf27b2a {
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
position: relative;
|
||||
padding-left: 24rpx;
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
.container .tips-section .tips-header .tips-title.data-v-1cf27b2a::before {
|
||||
.price-card .card-header .card-title.data-v-1cf27b2a::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 8rpx;
|
||||
height: 32rpx;
|
||||
background: #1976D2;
|
||||
border-radius: 4rpx;
|
||||
width: 6rpx;
|
||||
height: 28rpx;
|
||||
background: #2196F3;
|
||||
border-radius: 3rpx;
|
||||
}
|
||||
.container .tips-section .tips-list.data-v-1cf27b2a {
|
||||
padding: 20rpx 30rpx;
|
||||
}
|
||||
.container .tips-section .tips-list .tip-item.data-v-1cf27b2a {
|
||||
.price-card .deposit-free.data-v-1cf27b2a {
|
||||
margin: 20rpx 30rpx 0;
|
||||
padding: 12rpx 16rpx;
|
||||
background: #f0f9ff;
|
||||
border-radius: 8rpx;
|
||||
border-left: 4rpx solid #03A9F4;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 24rpx;
|
||||
padding: 0 10rpx;
|
||||
}
|
||||
.container .tips-section .tips-list .tip-item.data-v-1cf27b2a:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.container .tips-section .tips-list .tip-item .tip-dot.data-v-1cf27b2a {
|
||||
width: 12rpx;
|
||||
height: 12rpx;
|
||||
background: #1976D2;
|
||||
border-radius: 50%;
|
||||
.price-card .deposit-free .deposit-icon.data-v-1cf27b2a {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
margin-right: 16rpx;
|
||||
flex-shrink: 0;
|
||||
box-shadow: 0 2rpx 6rpx rgba(25, 118, 210, 0.2);
|
||||
}
|
||||
.container .tips-section .tips-list .tip-item text.data-v-1cf27b2a {
|
||||
.price-card .deposit-free .deposit-text.data-v-1cf27b2a {
|
||||
font-size: 26rpx;
|
||||
color: #03A9F4;
|
||||
font-weight: 500;
|
||||
}
|
||||
.price-card .price-rules.data-v-1cf27b2a {
|
||||
padding: 20rpx 30rpx 30rpx;
|
||||
}
|
||||
.price-card .price-rules .price-item.data-v-1cf27b2a {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.price-card .price-rules .price-item .price-tag.data-v-1cf27b2a {
|
||||
font-size: 60rpx;
|
||||
color: #FF6E00;
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
}
|
||||
.price-card .price-rules .price-item .price-tag .unit.data-v-1cf27b2a {
|
||||
font-size: 32rpx;
|
||||
font-weight: normal;
|
||||
margin-left: 4rpx;
|
||||
}
|
||||
.price-card .price-rules .price-item .price-desc.data-v-1cf27b2a {
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
line-height: 1.6;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.price-card .price-rules .divider.data-v-1cf27b2a {
|
||||
height: 2rpx;
|
||||
background-color: #f0f0f0;
|
||||
margin: 20rpx 0 30rpx;
|
||||
}
|
||||
.price-card .price-rules .rule-list .rule-item.data-v-1cf27b2a {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.price-card .price-rules .rule-list .rule-item.data-v-1cf27b2a:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.price-card .price-rules .rule-list .rule-item .rule-dot.data-v-1cf27b2a {
|
||||
width: 12rpx;
|
||||
height: 12rpx;
|
||||
background: #2196F3;
|
||||
border-radius: 50%;
|
||||
margin: 12rpx 16rpx 0 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.price-card .price-rules .rule-list .rule-item text.data-v-1cf27b2a {
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* 使用流程 */
|
||||
.usage-steps.data-v-1cf27b2a {
|
||||
margin: 0 30rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 16rpx;
|
||||
box-shadow: 0 6rpx 20rpx rgba(0, 0, 0, 0.04);
|
||||
overflow: hidden;
|
||||
}
|
||||
.usage-steps .steps-header.data-v-1cf27b2a {
|
||||
padding: 24rpx 30rpx;
|
||||
background: linear-gradient(to right, #f5f9ff, #ffffff);
|
||||
border-bottom: 2rpx solid #f0f0f0;
|
||||
}
|
||||
.usage-steps .steps-header .steps-title.data-v-1cf27b2a {
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
position: relative;
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
.usage-steps .steps-header .steps-title.data-v-1cf27b2a::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 6rpx;
|
||||
height: 28rpx;
|
||||
background: #2196F3;
|
||||
border-radius: 3rpx;
|
||||
}
|
||||
.usage-steps .steps-container.data-v-1cf27b2a {
|
||||
padding: 40rpx 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.usage-steps .steps-container .step-item.data-v-1cf27b2a {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
}
|
||||
.usage-steps .steps-container .step-item .step-icon.data-v-1cf27b2a {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
background: #f0f9ff;
|
||||
border: 2rpx solid #e1f5fe;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
.usage-steps .steps-container .step-item .step-icon .step-number.data-v-1cf27b2a {
|
||||
font-size: 36rpx;
|
||||
color: #2196F3;
|
||||
font-weight: 600;
|
||||
}
|
||||
.usage-steps .steps-container .step-item .step-text.data-v-1cf27b2a {
|
||||
font-size: 26rpx;
|
||||
color: #666;
|
||||
}
|
||||
.usage-steps .steps-container .step-arrow.data-v-1cf27b2a {
|
||||
width: 40rpx;
|
||||
height: 4rpx;
|
||||
background: #e1f5fe;
|
||||
position: relative;
|
||||
}
|
||||
.usage-steps .steps-container .step-arrow.data-v-1cf27b2a::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin-top: -8rpx;
|
||||
border-left: 12rpx solid #e1f5fe;
|
||||
border-top: 8rpx solid transparent;
|
||||
border-bottom: 8rpx solid transparent;
|
||||
}
|
||||
+1
-1
@@ -65,7 +65,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
g: common_vendor.o(($event) => $options.navigateTo("/pages/deposit/index")),
|
||||
h: common_assets._imports_0$1,
|
||||
i: common_vendor.o(($event) => $options.navigateTo("/pages/order/index")),
|
||||
j: common_assets._imports_1,
|
||||
j: common_assets._imports_1$1,
|
||||
k: common_vendor.o(($event) => $options.navigateTo("/pages/feedback/index")),
|
||||
l: common_assets._imports_2,
|
||||
m: common_vendor.o(($event) => $options.navigateTo("/pages/help/index"))
|
||||
|
||||
+1
-1
@@ -1 +1 @@
|
||||
<view class="payment-container data-v-13c3fb22"><view class="status-card data-v-13c3fb22"><view class="{{['status-icon', 'data-v-13c3fb22', a]}}"></view><view class="status-text data-v-13c3fb22">{{b}}</view><view class="status-desc data-v-13c3fb22">{{c}}</view></view><view class="order-card data-v-13c3fb22"><view class="card-title data-v-13c3fb22">订单信息</view><view class="info-item data-v-13c3fb22"><text class="label data-v-13c3fb22">订单号</text><text class="value data-v-13c3fb22">{{d}}</text></view><view class="info-item data-v-13c3fb22"><text class="label data-v-13c3fb22">设备号</text><text class="value data-v-13c3fb22">{{e}}</text></view><view class="info-item data-v-13c3fb22"><text class="label data-v-13c3fb22">创建时间</text><text class="value data-v-13c3fb22">{{f}}</text></view><view class="info-item data-v-13c3fb22"><text class="label data-v-13c3fb22">联系电话</text><text class="value data-v-13c3fb22">{{g}}</text></view></view><view class="price-card data-v-13c3fb22"><view class="card-title data-v-13c3fb22">费用信息</view><view class="pric 为了回馈他家新近三月公共努力公司决定五一假期22月1号减少，你喜欢这种什么嘿Siri换一个换一个App吃幼儿园那他那e-item data-v-13c3fb22"><text class="label data-v-13c3fb22">押金</text><text class="value data-v-13c3fb22">￥{{h}}</text></view><view class="price-item data-v-13c3fb22"><text class="label data-v-13c3fb22">套餐</text><text class="value data-v-13c3fb22">{{i}}元/{{j}}小时</text></view><view class="price-item total data-v-13c3fb22"><text class="label data-v-13c3fb22">合计</text><text class="value data-v-13c3fb22">￥{{k}}</text></view></view><view class="bottom-bar data-v-13c3fb22"><view class="total-amount data-v-13c3fb22"><text class="data-v-13c3fb22">合计：</text><text class="amount data-v-13c3fb22">￥{{l}}</text></view><button class="pay-btn data-v-13c3fb22" bindtap="{{m}}">立即支付</button></view></view>
|
||||
<view class="payment-container data-v-13c3fb22"><view class="status-card data-v-13c3fb22"><view class="{{['status-icon', 'data-v-13c3fb22', a]}}"></view><view class="status-text data-v-13c3fb22">{{b}}</view><view class="status-desc data-v-13c3fb22">{{c}}</view></view><view class="order-card data-v-13c3fb22"><view class="card-title data-v-13c3fb22">订单信息</view><view class="info-item data-v-13c3fb22"><text class="label data-v-13c3fb22">订单号</text><text class="value data-v-13c3fb22">{{d}}</text></view><view class="info-item data-v-13c3fb22"><text class="label data-v-13c3fb22">设备号</text><text class="value data-v-13c3fb22">{{e}}</text></view><view class="info-item data-v-13c3fb22"><text class="label data-v-13c3fb22">创建时间</text><text class="value data-v-13c3fb22">{{f}}</text></view><view class="info-item data-v-13c3fb22"><text class="label data-v-13c3fb22">联系电话</text><text class="value data-v-13c3fb22">{{g}}</text></view></view><view class="price-card data-v-13c3fb22"><view class="card-title data-v-13c3fb22">费用信息</view><view class="price-item data-v-13c3fb22"><text class="label data-v-13c3fb22">押金</text><text class="value data-v-13c3fb22">￥{{h}}</text></view><view class="price-item data-v-13c3fb22"><text class="label data-v-13c3fb22">套餐</text><text class="value data-v-13c3fb22">{{i}}元/{{j}}小时</text></view><view class="price-item total data-v-13c3fb22"><text class="label data-v-13c3fb22">合计</text><text class="value data-v-13c3fb22">￥{{k}}</text></view></view><view class="bottom-bar data-v-13c3fb22"><view class="total-amount data-v-13c3fb22"><text class="data-v-13c3fb22">合计：</text><text class="amount data-v-13c3fb22">￥{{l}}</text></view><button class="pay-btn data-v-13c3fb22" bindtap="{{m}}">立即支付</button></view></view>
|
||||
Reference in New Issue
Block a user