修改
This commit is contained in:
parent
2b33f44955
commit
70f375c3f1
4
App.vue
4
App.vue
@ -188,7 +188,7 @@ text {
|
||||
position: fixed;
|
||||
bottom: -1px;
|
||||
left: 0;
|
||||
padding:20rpx 0;
|
||||
height: 95rpx;
|
||||
padding-bottom: 40rpx;
|
||||
background-color: #fff;
|
||||
height: 160upx;
|
||||
@ -207,7 +207,7 @@ text {
|
||||
.uni-tabbar__label {
|
||||
color: #000;
|
||||
font-size: 24rpx !important;
|
||||
margin-top: 8px;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
|
||||
.uni-tabbar__item.call-phone-item {
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
|
||||
<!-- <uv-icon v-if="showIcon" :name="item.icon" custom-prefix="custom-icon" :size="item.size || 20" :color="themeInfo.iconColor"></uv-icon> -->
|
||||
</div>
|
||||
<div class="uni-tabbar__label" :style="{ fontSize: '10px', color: selected === index ? '#fb322e' : '#000000' }">
|
||||
<div class="uni-tabbar__label" :style="{ fontSize: '24rpx', color: selected === index ? '#fb322e' : '#000000' }">
|
||||
{{ item.label }}</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -115,12 +115,12 @@ const handleTabItemTap = (index) => {
|
||||
|
||||
svg {
|
||||
max-width: 100%;
|
||||
height: 40rpx;
|
||||
width: 40rpx;
|
||||
height: 37.5rpx;
|
||||
width: 36rpx;
|
||||
}
|
||||
image{
|
||||
max-width: 100%;
|
||||
height: 42rpx;
|
||||
width: 38rpx;
|
||||
height: 37.5rpx;
|
||||
width: 36rpx;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -4,10 +4,10 @@
|
||||
<view class="selectSite card" @click="goSite">
|
||||
<view class="left">
|
||||
<image src="/static/home/address.svg" mode="heightFix" class="icon"></image>
|
||||
<text class="address">{{ unitTypeData[0]?.city }}·{{ unitTypeData[0]?.district }}</text>
|
||||
<text class="address fontb">{{ unitTypeData[0]?.city }}·{{ unitTypeData[0]?.district }}</text>
|
||||
</view>
|
||||
<view class="right">
|
||||
<text class="more">更多分店</text><image src="/static/home/jiantou.svg" style="width: 24rpx;height: 24rpx;" class="icon"></image>
|
||||
<text class="more fontb">更多分店</text><image src="/static/home/jiantou.svg" style="width: 24rpx;height: 24rpx;" class="icon"></image>
|
||||
</view>
|
||||
</view>
|
||||
<template v-if="state.siteId">
|
||||
@ -77,21 +77,21 @@
|
||||
<!-- <text style="font-size: 26rpx;margin-left: 10rpx;"
|
||||
v-if="state.selectUnitRow?.name">(仓号:{{ state.selectUnitRow?.name }})</text> -->
|
||||
</view>
|
||||
<view class="right font26 fontb textGary"><text
|
||||
:style="{ color: state.selectUnitRow?.name ? '#A8AAAC' : '#FB322E' }">{{
|
||||
<view class="right font26 fontb"><text
|
||||
:style="{ color: state.selectUnitRow?.name ? '#000000' : '#FB322E' }">{{
|
||||
state.selectUnitRow?.name ? `${state.selectUnitRow?.volume}m³ ` : "请选择" }} </text>
|
||||
<image src="/static/home/jiantou.svg" style="width: 44rpx;height: 24rpx;" class="icon"></image>
|
||||
<image src="/static/home/jiantou.svg" style="width: 24rpx;height: 24rpx;" class="icon"></image>
|
||||
</view>
|
||||
</li>
|
||||
<li @click="showMonthPopup">
|
||||
<view class="left"><text class="font32 fontb">租期</text></view>
|
||||
<view class="right font26 fontb textGary"><text>{{ state.month }}个月</text>
|
||||
<image src="/static/home/jiantou.svg" style="width: 44rpx;height: 24rpx;" class="icon"></image>
|
||||
<view class="right font26 fontb" :class="{textGary:!state.month}"><text>{{ state.month }}个月</text>
|
||||
<image src="/static/home/jiantou.svg" style="width: 24rpx;height: 24rpx;" class="icon"></image>
|
||||
</view>
|
||||
</li>
|
||||
<li>
|
||||
<view class="left"><text class="font32 fontb">租金</text></view>
|
||||
<view class="right font26 fontb textGary"><text>{{ state.priceData?.price ? `¥ ${state.priceData?.price}` :
|
||||
<view class="right font26 fontb" :class="{textGary:!state.priceData?.price}"><text>{{ state.priceData?.price ? `¥ ${state.priceData?.price}` :
|
||||
'--'
|
||||
}} </text>
|
||||
</view>
|
||||
@ -101,15 +101,18 @@
|
||||
<view class="right font26 fontb textGary"><text
|
||||
:style="{ color: state.hasVerify ? '#1E9B00' : '#FB322E' }">{{
|
||||
state.hasVerify ? '已验证' : '未验证' }}</text>
|
||||
<image src="/static/home/jiantou.svg" v-if="!state.hasVerify" style="width: 44rpx;height: 24rpx;" class="icon"></image>
|
||||
<image src="/static/home/jiantou.svg" v-if="!state.hasVerify" style="width: 24rpx;height: 24rpx;" class="icon"></image>
|
||||
</view>
|
||||
</li>
|
||||
</ul>
|
||||
</view>
|
||||
<view class="font28 fontb" style="padding: 20rpx 0;color: #A8AAAC;">
|
||||
租赁相关问题可联系客服咨询(电话:<text @click="openPopup" style="color: #2E5DB5;">4008181813</text>)
|
||||
</view>
|
||||
<view class="toOrderBox">
|
||||
<view class="agreed" v-if="unitTypeData.length" @click="changeCheck">
|
||||
<view class="check-wrap" :class="{ checked: state.checked }">
|
||||
<uv-radio-group v-model="state.checked" activeColor="#fb322e" size="40rpx" inactiveColor="#D8D8D8">
|
||||
<uv-radio-group v-model="state.checked" activeColor="#fb322e" size="30rpx" inactiveColor="#D8D8D8">
|
||||
<uv-radio activeColor="#fb322e" :key="0" :name="true">
|
||||
</uv-radio></uv-radio-group>
|
||||
</view>
|
||||
@ -117,10 +120,10 @@
|
||||
<text class="stress" @click="openAgreement">阅读并同意<text style="color: #2E5DB5;">《订仓协议》</text></text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="agreed agreed2"><text class="stress">租赁相关问题可联系客服咨询(电话:4008181813)</text></view>
|
||||
<!-- <view class="agreed agreed2"><text class="stress">租赁相关问题可联系客服咨询(电话:4008181813)</text></view> -->
|
||||
<view class="toOrder card font28" v-if="unitTypeData.length">
|
||||
<view class="left " >
|
||||
<text class="price fontb" :class="{ overMaxFont: String(state.priceData?.expense).length>6 }"> {{ state.priceData.expense ? `¥ ${state.priceData.expense}` : '¥--'
|
||||
<text class="price fontb" :class="{ overMaxFont: String(state.priceData?.expense).length>6 }"> {{ state.priceData.expense ? `¥${state.priceData.expense}` : '¥--'
|
||||
}}</text>
|
||||
<view class="detail" v-if="state.priceData.expense" @click="showPayPopup"><text style="margin-right: 10rpx;font-weight: 600;" :class="{ overMaxFont:String(state.priceData?.expense).length>6 }" v-if="state.priceData?.expense">¥{{ state.priceData.leaseOriginalPrice }}</text><text>明细</text>
|
||||
<image src="/static/home/jiantouup.svg" style="height: 12rpx;margin-left: 10rpx;" mode="heightFix" class="icon"></image>
|
||||
@ -165,7 +168,7 @@
|
||||
<uv-popup ref="unitPopupRef" mode="bottom" zIndex="999" round="24px">
|
||||
<view class="unitPopupBox">
|
||||
<view class="title font36 fontb">
|
||||
体积选择
|
||||
体积选择 <image class="close-icon" style="width: 30rpx;height: 30rpx;" src="/static/home/close2.svg" @click="hideUnitPopup"></image>
|
||||
</view>
|
||||
<view class="info">
|
||||
<uv-radio-group v-model="state.radiovalue" activeColor="#fb322e" size="40rpx" inactiveColor="#D8D8D8">
|
||||
@ -211,10 +214,10 @@
|
||||
<uv-popup ref="monthPopupRef" mode="bottom" zIndex="999" round="24px">
|
||||
<view class="unitPopupBox">
|
||||
<view class="title font36 fontb">
|
||||
租期选择
|
||||
租期选择 <image class="close-icon" style="width: 30rpx;height: 30rpx;" src="/static/home/close2.svg" @click="hideMonthPopup"></image>
|
||||
</view>
|
||||
<view class="info">
|
||||
<uv-radio-group v-model="state.radioMonthvalue" activeColor="#fb322e" size="40rpx" inactiveColor="#D8D8D8">
|
||||
<uv-radio-group v-model="state.radioMonthvalue" activeColor="#fb322e" size="40rpx" labelWidth="0" inactiveColor="#D8D8D8">
|
||||
<view class="list" v-for="item in state.lockData?.discountList">
|
||||
<view class="left">
|
||||
<view class="volume mgb10 font28 fontb">
|
||||
@ -292,7 +295,7 @@
|
||||
<uv-popup ref="payPopupRef" mode="bottom" zIndex="999" round="24px">
|
||||
<view class="unitPopupBox payPopupBox">
|
||||
<view class="title font36 fontb">
|
||||
租赁费用详情
|
||||
租赁费用详情 <image class="close-icon" style="width: 30rpx;height: 30rpx;" src="/static/home/close2.svg" @click="hidePayPopup"></image>
|
||||
</view>
|
||||
<view class="garyBox font28 card20">
|
||||
(体积月费 x 租期 + 押金)- 优惠
|
||||
@ -332,7 +335,7 @@
|
||||
</view>
|
||||
<view class="agreed" @click="changeCheck">
|
||||
<view class="check-wrap" :class="{ checked: state.checked }">
|
||||
<uv-radio-group v-model="state.checked" activeColor="#fb322e" size="40rpx" inactiveColor="#D8D8D8">
|
||||
<uv-radio-group v-model="state.checked" activeColor="#fb322e" size="30rpx" inactiveColor="#D8D8D8">
|
||||
<uv-radio activeColor="#fb322e" :key="0" :name="true">
|
||||
</uv-radio></uv-radio-group>
|
||||
</view>
|
||||
@ -340,10 +343,10 @@
|
||||
<text class="stress" @click="openAgreement">阅读并同意<text style="color: #2E5DB5;">《订仓协议》</text></text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="agreed agreed2"><text class="stress">租赁相关问题可联系客服咨询(电话:4008181813)</text></view>
|
||||
<!-- <view class="agreed agreed2"><text class="stress">租赁相关问题可联系客服咨询(电话:4008181813)</text></view> -->
|
||||
<view class="toOrder card font28">
|
||||
<view class="left font28">
|
||||
<text class="price fontb" :class="{ overMaxFont: String(state.priceData?.expense).length>6 }"> {{ state.priceData.expense ? `¥ ${state.priceData.expense}` : '--'
|
||||
<text class="price fontb" :class="{ overMaxFont: String(state.priceData?.expense).length>6 }"> {{ state.priceData.expense ? `¥${state.priceData.expense}` : '--'
|
||||
}}</text>
|
||||
<view class="detail" v-if="state.priceData.expense" @click="hidePayPopup"><text style="margin-right: 10rpx;font-weight: 600;" :class="{ overMaxFont: String(state.priceData?.expense).length>6 }" v-if="state.priceData?.expense">¥{{ state.priceData.leaseOriginalPrice }}</text><text class="font28">明细</text>
|
||||
<image src="/static/home/jiantouup.svg" style="height: 12rpx;margin-left: 10rpx;" mode="heightFix" class="icon"></image>
|
||||
@ -370,7 +373,7 @@
|
||||
|
||||
</view>
|
||||
<view class="name">{{ $t("detail.agreement") }}</view>
|
||||
<uv-icon name="close" size="20" @click="closeAgreement"></uv-icon>
|
||||
<image class="close-icon" style="width: 30rpx;height: 30rpx;" src="/static/home/close2.svg" @click="closeAgreement"></image>
|
||||
</view>
|
||||
<scroll-view class="agreement-content" :scroll-top="state.scrollTop" scroll-y="true"
|
||||
@scrolltolower="handleScrollBottom" @scroll="handleScroll">
|
||||
@ -391,7 +394,34 @@
|
||||
<myModal v-model="state.showhasOrderModal" :content="$t('common.cantUselocker')" :cancelShow="false"></myModal>
|
||||
<myModal v-model="state.showhasunpaidOrderModal" :content="$t('common.unpaidOrderTips')" @confirm="unpaidOrder" :cancelShow="false"></myModal>
|
||||
|
||||
|
||||
<uv-popup ref="openPopupRef" customStyle="width: 620rpx; border-radius: 24rpx;" :safeAreaInsetBottom="false" :closeOnClickOverlay="false"
|
||||
zIndex="9999">
|
||||
<view class="modal-container-callPhone">
|
||||
<view class="modal-title">提示</view>
|
||||
<text class="modal-text">
|
||||
确定拨打电话 {{ projectInfo.callPhone }} 吗?
|
||||
</text>
|
||||
<view class="modal-button">
|
||||
<!-- <view class="modal-button-2" @click="goEvaluate">{{ $t("unlock.evaluate") }}</view> -->
|
||||
<uv-button @click="closePopup" :customStyle="{
|
||||
height: '86rpx',
|
||||
lineHeight: '86rpx',
|
||||
color: '#000',
|
||||
fontSize: '32rpx',
|
||||
}" shape="circle">
|
||||
关闭
|
||||
</uv-button>
|
||||
<uv-button :customStyle="{
|
||||
height: '86rpx',
|
||||
lineHeight: '86rpx',
|
||||
color: '#fff',
|
||||
fontSize: '32rpx',
|
||||
}" color="#FB322E" shape="circle" @click="callPhone">
|
||||
拨号
|
||||
</uv-button>
|
||||
</view>
|
||||
</view>
|
||||
</uv-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@ -433,6 +463,7 @@ const getSiteApi = useSiteApi();
|
||||
const getApi2 = useLoginApi2();
|
||||
const getClientSiteApi = ClientSite();
|
||||
|
||||
const openPopupRef = ref(null);
|
||||
const unitPopupRef = ref(null);
|
||||
const monthPopupRef = ref(null);
|
||||
const payPopupRef = ref(null);
|
||||
@ -481,6 +512,17 @@ const state = ref({
|
||||
},
|
||||
});
|
||||
|
||||
const closePopup = () => {
|
||||
openPopupRef.value.close();
|
||||
}
|
||||
const openPopup = () => {
|
||||
openPopupRef.value.open();
|
||||
}
|
||||
|
||||
const callPhone = ()=>{
|
||||
window.location.href = `tel:${projectInfo.callPhone}`;
|
||||
closePopup();
|
||||
}
|
||||
|
||||
const goOrder = async () => {
|
||||
if (!state.value.lockerId) {
|
||||
@ -885,6 +927,15 @@ onLoad(async (params) => {
|
||||
const parseUrlRes = parseUrlParams(decodeURIComponent(params.q));
|
||||
if (parseUrlRes.mediatorId) uni.setStorageSync('mediatorId', parseUrlRes.mediatorId);
|
||||
}
|
||||
//如果链接带了lockerId 则直接跳转到订单详情
|
||||
let url = window.location.href;
|
||||
if(parseUrlParams(url).lockerId){
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
uni.$on('homeSiteId', (data) => {
|
||||
if (data.id) {
|
||||
state.value.siteId = data.id
|
||||
@ -1087,10 +1138,67 @@ function changeMove(event) {
|
||||
width: 100%;
|
||||
background-color: #FFFFFF;
|
||||
position: fixed;
|
||||
bottom: 159upx;
|
||||
padding: 20rpx;
|
||||
bottom: 158upx;
|
||||
padding: 16rpx 20rpx 12rpx 20rpx;
|
||||
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.modal-container-callPhone {
|
||||
// height: 700rpx;
|
||||
// background: #000;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
padding: 32rpx;
|
||||
|
||||
.modal-title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
font-size: 36rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
:deep(.uv-upload__wrap) {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.modal-text {
|
||||
width: 100%;
|
||||
margin-top: 20rpx;
|
||||
padding: 20rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
.upload {
|
||||
margin-top: 30rpx;
|
||||
height: 250rpx;
|
||||
width: 100%;
|
||||
// background: #000;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
// overflow-x: scroll;
|
||||
overflow-y: scroll;
|
||||
// white-space: nowrap;
|
||||
flex-wrap: nowrap;
|
||||
// overflow: hidden;
|
||||
}
|
||||
|
||||
.modal-button {
|
||||
margin-top: 20rpx;
|
||||
width: 100%;
|
||||
min-height: 86rpx;
|
||||
display: flex;
|
||||
gap: 20rpx;
|
||||
|
||||
:deep(.uv-button-wrapper) {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.payPopupBox {
|
||||
.garyBox {
|
||||
@ -1110,8 +1218,9 @@ function changeMove(event) {
|
||||
}
|
||||
|
||||
.toOrder {
|
||||
min-height: 88rpx;
|
||||
padding: 0;
|
||||
padding-left: 40rpx;
|
||||
padding-left: 28rpx;
|
||||
border-radius: 999rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
@ -1176,6 +1285,9 @@ function changeMove(event) {
|
||||
}
|
||||
|
||||
.unitPopupBox {
|
||||
:deep(.uv-radio__label-wrap){
|
||||
display: none;
|
||||
}
|
||||
min-height: 50%;
|
||||
padding: 32rpx;
|
||||
// padding-bottom: calc(32rpx + constant(safe-area-inset-bottom));
|
||||
@ -1183,6 +1295,10 @@ function changeMove(event) {
|
||||
|
||||
.title {
|
||||
margin-bottom: 20rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -1282,6 +1398,7 @@ function changeMove(event) {
|
||||
.agreement-top {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 20rpx 0rpx;
|
||||
margin-bottom: 20rpx;
|
||||
font-size:36rpx;
|
||||
@ -1328,9 +1445,8 @@ function changeMove(event) {
|
||||
|
||||
.agreed {
|
||||
display: flex;
|
||||
font-weight: bold;
|
||||
width: 100%;
|
||||
padding-bottom: 0rpx;
|
||||
padding-bottom: 16rpx;
|
||||
padding-left: 40rpx;
|
||||
|
||||
.check-wrap {
|
||||
@ -1362,9 +1478,8 @@ function changeMove(event) {
|
||||
}
|
||||
|
||||
.stress {
|
||||
font-size: 26rpx;
|
||||
color: #A8AAAC;
|
||||
font-weight: 600;
|
||||
font-size: 24rpx;
|
||||
color: #9D9FA2;
|
||||
}
|
||||
}
|
||||
.agreed2{
|
||||
@ -1378,7 +1493,7 @@ function changeMove(event) {
|
||||
.check-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 8rpx;
|
||||
margin-right: 10rpx;
|
||||
:deep(.uv-radio__label-wrap){
|
||||
display: none;
|
||||
}
|
||||
@ -1403,15 +1518,14 @@ function changeMove(event) {
|
||||
}
|
||||
|
||||
.stress {
|
||||
font-size: 26rpx;
|
||||
color: #A8AAAC;
|
||||
font-weight: 600;
|
||||
font-size: 24rpx;
|
||||
color: #9D9FA2;
|
||||
}
|
||||
}
|
||||
|
||||
.toOrder {
|
||||
padding: 0;
|
||||
padding-left: 40rpx;
|
||||
padding-left: 28rpx;
|
||||
border-radius: 999rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
@ -1486,7 +1600,7 @@ function changeMove(event) {
|
||||
padding: 32rpx 0;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #a8aaac20;
|
||||
padding-left: 10rpx;
|
||||
// padding-left: 10rpx;
|
||||
// &:first-child {
|
||||
// padding-top: 0;
|
||||
// }
|
||||
@ -1675,11 +1789,11 @@ uni-swiper-item {
|
||||
.unitType {
|
||||
padding: 40rpx;
|
||||
.title {
|
||||
padding-left: 10rpx;
|
||||
// padding-left: 10rpx;
|
||||
}
|
||||
.bottom {
|
||||
.name{
|
||||
padding-left: 10rpx;
|
||||
// padding-left: 10rpx;
|
||||
}
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
|
||||
@ -5,13 +5,13 @@
|
||||
<li @click="goOrder">
|
||||
<view class="left"><text class="font32 fontb">订单详情</text></view>
|
||||
<view class="right font36 fontb textGary">
|
||||
<image src="/static/home/jiantou.svg" style="width: 44rpx;height: 24rpx;" class="icon"></image>
|
||||
<image src="/static/home/jiantou.svg" style="width: 24rpx;height: 24rpx;" class="icon"></image>
|
||||
</view>
|
||||
</li>
|
||||
<li @click="goVaild">
|
||||
<view class="left"><text class="font32 fontb">信息验证</text></view>
|
||||
<view class="right font36 fontb textGary">
|
||||
<image src="/static/home/jiantou.svg" style="width: 44rpx;height: 24rpx;" class="icon"></image>
|
||||
<image src="/static/home/jiantou.svg" style="width: 24rpx;height: 24rpx;" class="icon"></image>
|
||||
</view>
|
||||
</li>
|
||||
<!-- <li>
|
||||
@ -23,7 +23,7 @@
|
||||
<li @click="openPopup">
|
||||
<view class="left"><text class="font32 fontb">客服咨询</text></view>
|
||||
<view class="right font36 fontb textGary">
|
||||
<image src="/static/home/jiantou.svg" style="width: 44rpx;height: 24rpx;" class="icon"></image>
|
||||
<image src="/static/home/jiantou.svg" style="width: 24rpx;height: 24rpx;" class="icon"></image>
|
||||
</view>
|
||||
</li>
|
||||
</ul>
|
||||
@ -32,7 +32,7 @@
|
||||
<myCustomtTabBar direction="horizontal" :show-icon="true" :selected="2" @onTabItemTap="onTabItemTap">
|
||||
</myCustomtTabBar>
|
||||
</view>
|
||||
<uv-popup ref="openPopupRef" customStyle="width: 710rpx; border-radius: 24rpx;" :safeAreaInsetBottom="false" :closeOnClickOverlay="false"
|
||||
<uv-popup ref="openPopupRef" customStyle="width: 620rpx; border-radius: 24rpx;" :safeAreaInsetBottom="false" :closeOnClickOverlay="false"
|
||||
zIndex="9999">
|
||||
<view class="modal-container">
|
||||
<view class="modal-title">提示</view>
|
||||
@ -204,8 +204,7 @@ const goOrder = () => {
|
||||
li {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 28rpx 20rpx;
|
||||
padding-right: 0;
|
||||
padding: 28rpx 0rpx;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #787B7E10;
|
||||
|
||||
|
||||
@ -3,10 +3,10 @@
|
||||
<view class="selectSite card" @click="openCityPicker">
|
||||
<view class="left">
|
||||
<image src="/static/home/address.svg" mode="widthFix" class="icon"></image>
|
||||
<text class="address">{{state.city}}{{state.district?'·'+state.district:''}}</text>
|
||||
<text class="address fontb">{{state.city}}{{state.district?'·'+state.district:''}}</text>
|
||||
</view>
|
||||
<view class="right">
|
||||
<text class="more">更多分店</text>
|
||||
<text class="more fontb">更多分店</text>
|
||||
<image src="/static/home/jiantou.svg" style="width: 44rpx;height: 24rpx;" class="icon"></image>
|
||||
</view>
|
||||
</view>
|
||||
@ -219,7 +219,6 @@ onShow(() => {
|
||||
|
||||
.selectSite .left {
|
||||
display: flex;
|
||||
align-items: center; // 左侧垂直居中
|
||||
}
|
||||
|
||||
.selectSite .left .icon {
|
||||
@ -275,7 +274,6 @@ onShow(() => {
|
||||
align-items: center;
|
||||
line-height: 1;
|
||||
:deep(span){
|
||||
vertical-align: text-top;
|
||||
}
|
||||
.tuijian{
|
||||
color: #FFFFFF;
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
<template>
|
||||
<view class="container" :class="[`${themeInfo.theme}-theme`]">
|
||||
<view class="header">
|
||||
<uv-tabs @change="handleChange" :current="state.current" lineWidth="80rpx" lineHeight="10rpx"
|
||||
<view class="header">
|
||||
<uv-tabs @change="handleChange" :current="state.current" :activeStyle="{fontWeight:600}" lineWidth="80rpx" lineHeight="6rpx"
|
||||
lineColor="#FF1E2E" :scrollable="false" :list="list">
|
||||
</uv-tabs>
|
||||
</view>
|
||||
<view class="container" :class="[`${themeInfo.theme}-theme`]">
|
||||
<view class="unlock-wrap content">
|
||||
<view class="card orderList" v-for="item in currentOrderList" :key="item.orderId">
|
||||
<view class="orderInfo">
|
||||
@ -110,7 +110,7 @@
|
||||
<view class="popupBox popupBoxW710">
|
||||
<view class="orderList">
|
||||
<view class="orderInfo">
|
||||
<image class="close-icon" src="/static/home/close.svg" @click="closeDetailPopup"></image>
|
||||
<image class="close-icon" style="width: 30rpx;height: 30rpx;" src="/static/home/close2.svg" @click="closeDetailPopup"></image>
|
||||
<view class="orderOn">订单号:{{ state.orderData.orderNo }} <uv-button shape="circle"
|
||||
@click="copyOrderOn(state.orderData)">复制</uv-button> </view>
|
||||
<view class="box1">
|
||||
@ -218,7 +218,7 @@
|
||||
<uv-popup ref="devicePopupRef" zIndex="999" round="24rpx" :safeAreaInsetBottom="false">
|
||||
<view class="popupBox popupBoxW650">
|
||||
<view class="title fontb font32">
|
||||
开门二维码
|
||||
<text></text> 开门二维码 <image class="close-icon" style="width: 30rpx;height: 30rpx;" src="/static/home/close2.svg" @click="closeDevicePopup"></image>
|
||||
</view>
|
||||
<view class="content">
|
||||
<img @click="showImage(QRCode)" alt="加载失败" v-show="ifShow" class="paw" width="280rpx" height="280rpx"
|
||||
@ -248,7 +248,7 @@
|
||||
<uv-popup ref="pawPopupRef" zIndex="999" round="24px" :safeAreaInsetBottom="false">
|
||||
<view class="popupBox pwdBox popupBoxW650">
|
||||
<view class="title fontb font32">
|
||||
开锁密码
|
||||
<text></text> 开锁密码 <image class="close-icon" style="width: 30rpx;height: 30rpx;" src="/static/home/close2.svg" @click="closePwdPopup"></image>
|
||||
</view>
|
||||
<view class="content">
|
||||
<text class="font26 textRed fontb" style="font-size: 60rpx;">{{ lockPwd }}#</text>
|
||||
@ -289,11 +289,16 @@
|
||||
<uv-popup ref="payPopupRef" mode="bottom" zIndex="999" round="24px">
|
||||
<view class="popupBox payPopupBox">
|
||||
<view class="title titleIcon font36 fontb">
|
||||
<image src="/static/home/siteicon.svg" class="icon"></image>
|
||||
<view class="title-wrap">
|
||||
<view style="display: flex;align-items: center;">
|
||||
<image src="/static/home/siteicon.svg" class="icon"></image>
|
||||
<view class="title-wrap">
|
||||
<text class="title font36 fontb">{{ state.selectItem.siteName }} {{ state.selectItem.lockerName
|
||||
}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<image class="close-icon" style="width: 30rpx;height: 30rpx;" src="/static/home/close2.svg" @click="hidePayPopup"></image>
|
||||
|
||||
|
||||
</view>
|
||||
<view class="title2 font32 fontb">
|
||||
<view class="bitianBox">续租时长 <view class="bitian">必填</view>
|
||||
@ -374,7 +379,7 @@
|
||||
<uv-popup ref="monthPopupRef" mode="bottom" zIndex="999" round="24px">
|
||||
<view class="unitPopupBox">
|
||||
<view class="title font36 fontb">
|
||||
租期选择
|
||||
租期选择 <image class="close-icon" style="width: 30rpx;height: 30rpx;" src="/static/home/close2.svg" @click="hideMonthPopup"></image>
|
||||
</view>
|
||||
<view class="info">
|
||||
<uv-radio-group v-model="state.radioMonthvalue" activeColor="#fb322e" size="40rpx"
|
||||
@ -1423,10 +1428,14 @@ onShow(() => {
|
||||
.unitPopupBox {
|
||||
min-height: 50%;
|
||||
padding: 32rpx;
|
||||
|
||||
:deep(.uv-radio__label-wrap){
|
||||
display: none;
|
||||
}
|
||||
.title {
|
||||
margin-bottom: 20px;
|
||||
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
:deep(.uv-radio-group) {
|
||||
@ -1515,8 +1524,10 @@ onShow(() => {
|
||||
padding: 32rpx;
|
||||
|
||||
.title {
|
||||
text-align: center;
|
||||
z-index: 9;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.content {
|
||||
@ -1693,6 +1704,23 @@ onShow(() => {
|
||||
}
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
// padding: 20rpx;
|
||||
background-color: #FFFFFF;
|
||||
|
||||
:deep(.uv-tabs__wrapper__nav__item) {
|
||||
height: 80rpx !important;
|
||||
}
|
||||
|
||||
:deep(.uv-tabs__wrapper__nav__item__text) {
|
||||
font-size: 32rpx;
|
||||
}
|
||||
:deep(.uv-tabs__wrapper__nav__line) {
|
||||
margin-bottom: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
@ -1701,21 +1729,7 @@ onShow(() => {
|
||||
align-items: center;
|
||||
padding-bottom: 0;
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
padding: 20rpx;
|
||||
padding-bottom: 36rpx;
|
||||
|
||||
:deep(.uv-tabs__wrapper__nav__item) {
|
||||
height: 80rpx !important;
|
||||
}
|
||||
|
||||
:deep(.uv-tabs__wrapper__nav__item__text) {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
padding-bottom: 6rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.unlock-wrap {
|
||||
height: calc(100vh - 160rpx);
|
||||
|
||||
@ -260,7 +260,7 @@ export const parseUrlParams = (url) => {
|
||||
}
|
||||
// 顺丰参数
|
||||
export const shunfenLogin = async (code) => {
|
||||
// 授权参数(请根据实际情况修改)
|
||||
// 授权参数(请根据实际情况修改)reserved 传原参
|
||||
const authOptions = {
|
||||
appId: window?.config?.SF_APP_ID ??"202603041358374970", // 第三方接入ID
|
||||
scope: ["sf_userinfo", "sf_mobile", "sf_base", "sf_emp", "sf_channelId"],
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user