new
This commit is contained in:
+27
-6
@@ -31,12 +31,13 @@ const _sfc_main = {
|
||||
unitPrice: "1.25"
|
||||
}
|
||||
],
|
||||
isLoggedIn: false
|
||||
isLoggedIn: true,
|
||||
phoneNumber: ""
|
||||
};
|
||||
},
|
||||
onLoad(options) {
|
||||
this.deviceId = options.deviceNo;
|
||||
common_vendor.index.__f__("log", "at pages/device/detail.vue:110", options.deviceNo);
|
||||
common_vendor.index.__f__("log", "at pages/device/detail.vue:125", options.deviceNo);
|
||||
this.getDeviceInfo();
|
||||
},
|
||||
methods: {
|
||||
@@ -87,6 +88,20 @@ const _sfc_main = {
|
||||
this.showLoginTip();
|
||||
return;
|
||||
}
|
||||
if (!this.phoneNumber) {
|
||||
common_vendor.index.showToast({
|
||||
title: "请输入手机号码",
|
||||
icon: "none"
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!/^1[3-9]\d{9}$/.test(this.phoneNumber)) {
|
||||
common_vendor.index.showToast({
|
||||
title: "请输入正确的手机号码",
|
||||
icon: "none"
|
||||
});
|
||||
return;
|
||||
}
|
||||
const selectedPkg = this.packages[this.selectedPackage];
|
||||
common_vendor.index.showModal({
|
||||
title: "确认租借",
|
||||
@@ -109,7 +124,8 @@ const _sfc_main = {
|
||||
deviceId: this.deviceId,
|
||||
packageId: this.selectedPackage,
|
||||
duration: selectedPkg.time,
|
||||
amount: selectedPkg.price
|
||||
amount: selectedPkg.price,
|
||||
phone: this.phoneNumber
|
||||
});
|
||||
common_vendor.index.hideLoading();
|
||||
if (result.success) {
|
||||
@@ -154,10 +170,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
})
|
||||
} : {}, {
|
||||
h: !$data.hasActiveOrder
|
||||
}, !$data.hasActiveOrder ? {
|
||||
i: $data.phoneNumber,
|
||||
j: common_vendor.o(($event) => $data.phoneNumber = $event.detail.value)
|
||||
} : {}, {
|
||||
k: !$data.hasActiveOrder
|
||||
}, !$data.hasActiveOrder ? {} : {}, {
|
||||
i: common_vendor.t($data.hasActiveOrder ? "归还设备" : "立即租借"),
|
||||
j: common_vendor.n($data.hasActiveOrder ? "return" : "rent"),
|
||||
k: common_vendor.o((...args) => _ctx.handleAction && _ctx.handleAction(...args))
|
||||
l: common_vendor.t($data.hasActiveOrder ? "归还设备" : "立即租借"),
|
||||
m: common_vendor.n($data.hasActiveOrder ? "return" : "rent"),
|
||||
n: 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"]]);
|
||||
|
||||
+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 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="{{h}}" class="price-info data-v-d65de3a7"><text class="deposit-text data-v-d65de3a7">押金:</text><text class="deposit-amount data-v-d65de3a7">¥99</text></view><button class="{{['action-btn', 'data-v-d65de3a7', j]}}" bindtap="{{k}}">{{i}}</button></view></view>
|
||||
<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">¥99</text></view><button class="{{['action-btn', 'data-v-d65de3a7', m]}}" bindtap="{{n}}">{{l}}</button></view></view>
|
||||
@@ -140,6 +140,34 @@
|
||||
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;
|
||||
|
||||
Reference in New Issue
Block a user