1669 lines
50 KiB
Vue
1669 lines
50 KiB
Vue
<template>
|
||
<view class="page" :style="themeColor">
|
||
<view class="flex benben-position-layout flex flex-wrap align-center settlementPage_flex_0"
|
||
:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
|
||
<view class='flex flex-wrap align-center justify-between flex-sub settlementPage_fd0_0'>
|
||
<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="back" data-url="1">
|
||
<text class='fu-iconfont2 settlementPage_fd0_0_c0_c0' @tap.stop="handleJumpDiy" data-type="back"
|
||
data-url="1"></text>
|
||
</view>
|
||
<view class='flex flex-wrap align-stretch justify-center flex-sub'>
|
||
<text class='settlementPage_fd0_0_c1_c0'>结算</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center settlementPage_fd0_0_c2'>
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
|
||
<!---flex布局flex布局开始-->
|
||
<view class="flex flex-wrap align-center justify-center benben-flex-layout settlementPage_flex_1">
|
||
<view>
|
||
<benben-flex-tabs class-name='settlementPage_benbenTabsfd1_0' v-model="tabls" ref="benben_tabsfd1_0"
|
||
select-mark="benben_tabsfd1_0" key="benben_tabsfd1_0" :open-title-type='false' :open-sticky='false' :top='0'
|
||
:is-show-content='false' :scrollspy='false' :tabs-info.sync="tabsInfofd1_0">
|
||
|
||
<scroll-view @scroll="tabsInfofd1_0.scrollX = $event.detail.scrollLeft" id="benben_tabsfd1_0"
|
||
class="benben-tabs" style="width:750rpx" :scroll-x="true" :scroll-left.sync="tabsInfofd1_0.moveX"
|
||
scroll-with-animation="all .3s ease">
|
||
<view class="benben-tabs-content" id="benben_tabsfd1_0-content">
|
||
<view id="benben_tabsfd1_0-title" class="benben-tabs-title flex align-center justify-center flex ">
|
||
<view
|
||
:class="{ 'checkTitlefd1_0': tabls == '1', 'flex flex-wrap align-center justify-center settlementPage_titlefd1_0_c3': true }"
|
||
@tap="handleChangeSendType(1)" :id="`benben_tabsfd1_0-title-item-${'1'}`">
|
||
|
||
<text>外卖配送</text>
|
||
</view>
|
||
<view
|
||
:class="{ 'checkTitlefd1_0': tabls == '2', 'flex flex-wrap align-center justify-center settlementPage_titlefd1_0_c4': true }"
|
||
@tap="handleChangeSendType(2)" :id="`benben_tabsfd1_0-title-item-${'2'}`">
|
||
|
||
<text>到店自取</text>
|
||
|
||
</view>
|
||
</view>
|
||
<view :style="{ left: tabsInfofd1_0.lineleft, maxWidth: tabsInfofd1_0.lineWidth }"
|
||
id="benben_tabsfd1_0-line" class="benben-tabs-line flex benben-flex-tabs-line settlementPage_linefd1_0">
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
|
||
</benben-flex-tabs>
|
||
|
||
</view>
|
||
</view>
|
||
|
||
<!---flex布局flex布局结束-->
|
||
<!---收货信息flex布局开始-->
|
||
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout">
|
||
<view class='flex flex-direction flex-wrap align-stretch settlementPage_fd2_0' v-if="tabls=='1'">
|
||
<view class='flex flex-direction flex-wrap align-stretch justify-between settlementPage_fd2_0_c0'>
|
||
<view class='flex align-center justify-between settlementPage_fd2_0_c0_c0'
|
||
v-if="addressInfo.aid"
|
||
@tap.stop="popupShow1684571371618=true">
|
||
<view class='flex flex-wrap align-center'>
|
||
<image class='settlementPage_fd2_0_c0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"82.png"'></image>
|
||
<view class='flex flex-direction flex-wrap align-stretch flex-sub settlementPage_fd2_0_c0_c0_c0_c1'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='settlementPage_fd2_0_c0_c0_c0_c1_c0_c0'>{{addressInfo.real_name}}</text>
|
||
<text class='settlementPage_fd2_0_c0_c0_c0_c1_c0_c1'>（{{addressInfo.sex == 1 ? '先生' : '女士'}}）</text>
|
||
<text class='settlementPage_fd2_0_c0_c0_c0_c1_c0_c2'>{{addressInfo.mobile}}</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='settlementPage_fd2_0_c0_c0_c0_c1_c1_c0'>{{addressInfo.detail}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center'>
|
||
<image class='settlementPage_fd2_0_c0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"83.png"'></image>
|
||
</view>
|
||
</view>
|
||
<view class="flex align-center justify-center padding-tb" style="border-bottom: 1px solid #eee;" v-else @tap.stop="popupShow1684571371618=true">
|
||
<view class="text-df text-999">请先添加收货地址</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-between settlementPage_fd2_0_c0_c1'
|
||
@tap.stop="popupShowTime=true">
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='settlementPage_fd2_0_c0_c1_c0_c0'>立即送出</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='settlementPage_fd2_0_c0_c1_c1_c0' v-if="!delivery_time">请选择</text>
|
||
<text class='settlementPage_fd2_0_c0_c1_c1_c1' v-else>{{delivery_time}}</text>
|
||
<!-- <text class='settlementPage_fd2_0_c0_c1_c1_c2'>送达</text> -->
|
||
<image class='settlementPage_fd2_0_c0_c1_c1_c3' mode="aspectFit" :src='STATIC_URL+"84.png"'></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!---收货信息flex布局结束-->
|
||
<!---flex布局flex布局开始-->
|
||
<view class="flex benben-flex-layout flex-wrap align-center settlementPage_flex_3">
|
||
<view class='flex flex-direction flex-wrap align-stretch flex-sub settlementPage_fd3_0' v-if="tabls=='2'">
|
||
<view class='flex flex-wrap align-center settlementPage_fd3_0_c0' v-if="info.address_province">
|
||
<text class='settlementPage_fd3_0_c0_c0'>{{info.address_province + info.address_city + info.address_district + info.address_address}}</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-between' @tap.stop="popupShowTime=true">
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='settlementPage_fd3_0_c1_c0_c0'>自取时间</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='settlementPage_fd3_0_c1_c1_c0'>{{pickup_time || '请选择'}}</text>
|
||
<image class='settlementPage_fd3_0_c1_c1_c1' mode="aspectFit" :src='STATIC_URL+"84.png"'></image>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-between settlementPage_fd3_0_c2'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='settlementPage_fd3_0_c2_c0_c0'>预留电话</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center'>
|
||
<!-- <text class='settlementPage_fd3_0_c2_c1_c0'>{{phone}}</text> -->
|
||
<input type="number" v-model="phone" maxlength="11" style="text-align: right; font-size: 28rpx;" placeholder="请输入预留电话">
|
||
<text class='fu-iconfont2 settlementPage_fd3_0_c2_c1_c1'></text>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center settlementPage_fd3_0_c3'>
|
||
</view>
|
||
<view class='flex flex-wrap align-center settlementPage_fd3_0_c4'>
|
||
<benben-flex-switch-new class-name='flex flex settlementPage_fd3_0_c4_c0' v-model="is_agreement"
|
||
:disabled='false' :auto='true'>
|
||
<template v-slot:checked>
|
||
|
||
<view class='flex flex position-relative align-center'>
|
||
<image class='settlementPage_checkfd3_0_c4_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"85.png"'>
|
||
</image>
|
||
</view>
|
||
|
||
</template>
|
||
<template v-slot:unchecked>
|
||
|
||
<view class='flex flex position-relative justify-end align-center'>
|
||
<image class='settlementPage_noCheckfd3_0_c4_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"123.png"'>
|
||
</image>
|
||
</view>
|
||
|
||
</template>
|
||
</benben-flex-switch-new>
|
||
<text class='settlementPage_fd3_0_c4_c1'>同意并接受</text>
|
||
<text class='settlementPage_fd3_0_c4_c2' @tap.stop="handleJumpDiy" data-type="navigateTo"
|
||
:data-url="`/pages/dl/agreementPolicy/agreementPolicy?type=17`">《到店服务协议》</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!---flex布局flex布局结束-->
|
||
<!---flex布局flex布局开始-->
|
||
<view class="flex flex-wrap align-center benben-flex-layout settlementPage_flex_4">
|
||
<view class='flex flex-direction flex-wrap align-stretch flex-sub settlementPage_fd4_0'>
|
||
<view class='flex flex-wrap align-center settlementPage_fd4_0_c0'>
|
||
<image class='settlementPage_fd4_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"45.png"'></image>
|
||
<text class='settlementPage_fd4_0_c0_c1'>{{info.store_name}}</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center settlementPage_fd4_0_c1'>
|
||
</view>
|
||
<view class='flex flex-wrap align-stretch settlementPage_fd4_0_c2' v-for="(item, index) in goodsList" :key="index">
|
||
<view class='flex flex-wrap align-center settlementPage_fd4_0_c2_c0'>
|
||
<image class='settlementPage_fd4_0_c2_c0_c0' mode="aspectFill" :src='item.thumb'></image>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-stretch justify-between flex-sub'>
|
||
<view class='flex flex-direction flex-wrap align-stretch'>
|
||
<text class='settlementPage_fd4_0_c2_c1_c0_c0'>{{item.name}}</text>
|
||
<text class='settlementPage_fd4_0_c2_c1_c0_c1'>{{item.attr_name}}</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-end justify-between'>
|
||
<view class='flex flex-wrap align-end'>
|
||
<text class='settlementPage_fd4_0_c2_c1_c1_c0_c0'>￥</text>
|
||
<text class='settlementPage_fd4_0_c2_c1_c1_c0_c1'>{{item.shop_price}}</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='settlementPage_fd4_0_c2_c1_c1_c1_c0'>x</text>
|
||
<text class='settlementPage_fd4_0_c2_c1_c1_c1_c1'>{{item.num}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center settlementPage_fd4_0_c3'>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-stretch settlementPage_fd4_0_c4'>
|
||
<view class='flex flex-wrap align-center justify-between settlementPage_fd4_0_c4_c0'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='settlementPage_fd4_0_c4_c0_c0_c0'>打包费</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='settlementPage_fd4_0_c4_c0_c1_c0'>￥</text>
|
||
<text class='settlementPage_fd4_0_c4_c0_c1_c1'>{{packingPrice}}</text>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-between settlementPage_fd4_0_c4_c1' v-if="tabls==1">
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='settlementPage_fd4_0_c4_c1_c0_c0'>配送费</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='settlementPage_fd4_0_c4_c1_c1_c0'>￥</text>
|
||
<text class='settlementPage_fd4_0_c4_c1_c1_c1'>{{freight}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="flex benben-flex-layout flex-wrap align-center immediatePayment_flex_2" v-if="score > 0">
|
||
<view class='flex flex-wrap align-center justify-between flex-sub immediatePayment_fd2_0'>
|
||
<view class='flex flex-direction flex-sub flex-wrap'>
|
||
<text class='immediatePayment_fd2_0_c0_c0'>使用抵用券抵扣<text class="text-sm">(当前可用抵用券：{{user_score}})</text></text>
|
||
<text class='immediatePayment_fd2_0_c1_c0'>最多可抵扣{{deduct_money}}</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center'>
|
||
<benben-flex-switch-new class-name='flex flex immediatePayment_fd2_0_c1_c1' v-model="is_agreem"
|
||
:disabled='Number(deduct_money) <= 0 || isdeduction == 1 || source == "app"' :auto='true'>
|
||
<template v-slot:checked>
|
||
|
||
<view class='flex flex position-relative align-center'>
|
||
<image class='immediatePayment_checkfd2_0_c1_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"85.png"'>
|
||
</image>
|
||
</view>
|
||
|
||
</template>
|
||
<template v-slot:unchecked>
|
||
|
||
<view class='flex flex position-relative justify-end align-center'>
|
||
<image class='immediatePayment_noCheckfd2_0_c1_c1_c1_c0' mode="aspectFit" :src='STATIC_URL+"123.png"'>
|
||
</image>
|
||
</view>
|
||
|
||
</template>
|
||
</benben-flex-switch-new>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center settlementPage_fd4_0_c5'>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-end'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='settlementPage_fd4_0_c6_c0_c0'>小计：</text>
|
||
<text class='settlementPage_fd4_0_c6_c0_c1'>￥</text>
|
||
<text class='settlementPage_fd4_0_c6_c0_c2'>{{payMoney}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!---flex布局flex布局结束-->
|
||
<!---flex布局flex布局开始-->
|
||
<view class="flex benben-flex-layout flex-wrap align-center settlementPage_flex_5">
|
||
<view class='flex flex-direction flex-wrap align-stretch flex-sub settlementPage_fd5_0'>
|
||
<view class='flex flex-wrap align-center justify-between settlementPage_fd5_0_c0' @tap.stop="handleJumpDiy"
|
||
data-type="navigateTo" :data-url="`/pages/dpxq/addRemarks/addRemarks?remark=` + remark">
|
||
<text class='settlementPage_fd5_0_c0_c0'>备注</text>
|
||
<input class='flex-sub settlementPage_fd5_0_c0_c1' type="text" placeholder="选填，请备注口味偏好" confirm-type="done"
|
||
:maxlength="-1" :disabled='true' placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx"
|
||
v-model="remark" />
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-between settlementPage_fd5_0_c1'>
|
||
<text class='settlementPage_fd5_0_c1_c0'>发票</text>
|
||
<text class='settlementPage_fd5_0_c1_c1'>该店铺不支持线上开发票，请联系商家</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!---flex布局flex布局结束-->
|
||
<view class="flex flex-direction align-stretch justify-between benben-position-layout flex settlementPage_flex_6">
|
||
<view class='flex flex-wrap align-center justify-between settlementPage_fd6_0'>
|
||
<view class='flex flex-wrap align-center flex-sub settlementPage_fd6_0_c0'>
|
||
<text class='settlementPage_fd6_0_c0_c0'>￥</text>
|
||
<text class='settlementPage_fd6_0_c0_c1'>{{payMoney}}</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-center settlementPage_fd6_0_c1' @tap.stop="handleSubmit"
|
||
data-type="navigateTo" :data-url="`/pages/dpxq/immediatePayment/immediatePayment?state=${tabls}`">
|
||
<text class='settlementPage_fd6_0_c1_c0'>提交订单</text>
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
<view :style="{height: '180rpx'}"></view>
|
||
<benben-popup v-model="popupShow1684571371618" :mask="true" mode='bottom'>
|
||
<!---选择地址flex布局开始-->
|
||
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout settlementPage_flex_7">
|
||
<view class='flex flex-direction flex-wrap align-stretch flex-sub settlementPage_fd7_0'>
|
||
<view class='flex flex-wrap align-center justify-end settlementPage_fd7_0_c0'>
|
||
<text class='settlementPage_fd7_0_c0_c0' style="margin-right: 260rpx;">配送至</text>
|
||
<image class='settlementPage_fd7_0_c0_c1' :src='STATIC_URL+"86.png"'
|
||
@tap.stop="popupShow1684571371618=false"></image>
|
||
</view>
|
||
<scroll-view scroll-y="true" class='flex flex-wrap align-center settlementPage_fd7_0_c1'>
|
||
<!-- <benben-select-diy ref="showSelectPopup1684570812630" class-name='flex flex-direction flex'
|
||
:items.sync="addressList" v-model="address_value" :label.sync="address_id" default-type="value"
|
||
default-label="name" :allow-cancel='false' type="radio" :disabled='false'> -->
|
||
<template v-for='(item,key0) in addressList'>
|
||
<view v-if="item.aid == addressInfo.aid" class='flex align-center flex settlementPage_fd7_0_c1_c0_c0' :key="key0"
|
||
@tap="handleChooseAddress(item)">
|
||
<image class='settlementPage_fd7_0_c1_c0_c0_c0' mode="aspectFill" :src='STATIC_URL+"87.png"'></image>
|
||
<view class='settlementPage_fd7_0_c1_c0_c0_c1'>{{item.province}}<block v-if="item.province!= item.city">{{item.city}}</block>{{item.district}}{{item.detail}}</view>
|
||
</view>
|
||
<view v-else class='flex align-center flex settlementPage_fd7_0_c1_c0_c1' :key="key0"
|
||
@tap="handleChooseAddress(item)">
|
||
<image class='settlementPage_fd7_0_c1_c0_c1_c0' mode="aspectFill" :src='STATIC_URL+"88.png"'></image>
|
||
<view class='settlementPage_fd7_0_c1_c0_c1_c1'>{{item.province}}<block v-if="item.province!= item.city">{{item.city}}</block>{{item.district}}{{item.detail}}</view>
|
||
</view>
|
||
</template>
|
||
|
||
|
||
<!-- </benben-select-diy> -->
|
||
</scroll-view>
|
||
<fu-empty-ui v-if="addressList.length === 0 && isInit"></fu-empty-ui>
|
||
<view v-if="addressList.length === 0 && isInit" style="height: 80rpx;"></view>
|
||
<view class='flex flex-wrap align-center justify-center settlementPage_fd7_0_c2' @tap.stop="handleJumpDiy"
|
||
data-type="navigateTo" :data-url="`/pages/my/addAddress/addAddress`">
|
||
<text class='settlementPage_fd7_0_c2_c0'>新增地址</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!---选择地址flex布局结束-->
|
||
|
||
</benben-popup>
|
||
|
||
<benben-popup v-model="popupShowTime" :mask="true" mode='bottom'>
|
||
<!---选择地址flex布局开始-->
|
||
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout settlementPage_flex_7">
|
||
<view class='flex flex-direction flex-wrap align-stretch flex-sub settlementPage_fd7_0'>
|
||
<view class='flex flex-wrap align-center justify-end settlementPage_fd7_0_c0'>
|
||
<text class='settlementPage_fd7_0_c0_c0'>{{tabls == 1 ? '选择配送时间' : '选择自提时间'}}</text>
|
||
<image class='settlementPage_fd7_0_c0_c1' :src='STATIC_URL+"86.png"'
|
||
@tap.stop="popupShowTime=false"></image>
|
||
</view>
|
||
<view class='flex flex-wrap align-center settlementPage_fd7_0_c11'>
|
||
<view class="time-left">
|
||
<view @click="handleChooseDate(index)" :class="index == sendTimeIndex ? 'active' : ''" v-for="(item, index) in sendTime" :key="index">{{item.title}}</view>
|
||
</view>
|
||
<scroll-view scroll-y="true" class="time-right">
|
||
<view @click="handleChooseTime(item)" class="flex align-center justify-between" v-for="(item, index) in sendTimeMins" :key="index">
|
||
<text>{{item.is_once == 1 && tabls == 1 ? '立即配送' : item.date}}</text>
|
||
<image v-if="sendDate == item.date" :src='STATIC_URL+"dui.png"' mode="widthFix"></image>
|
||
</view>
|
||
</scroll-view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!---选择地址flex布局结束-->
|
||
|
||
</benben-popup>
|
||
<benben-popup v-model="popupShow1684571243396" :mask="true" mode='center'>
|
||
<!---修改手机号flex布局开始-->
|
||
<view class="flex flex-direction flex-wrap align-center settlementPage_flex_8">
|
||
<text class='settlementPage_fd8_0'>修改手机号</text>
|
||
<view class='flex flex-wrap align-center settlementPage_fd8_1'>
|
||
<input class='flex-sub settlementPage_fd8_1_c0' type="number" placeholder="手机号" confirm-type="done"
|
||
:maxlength="12" placeholder-style="color:#666666;font-size:32rpx" v-model="phone" />
|
||
<image class='settlementPage_fd8_1_c1' :src='STATIC_URL+"41.png"' @tap.stop="modifyPhoneFunc()"></image>
|
||
</view>
|
||
<view class='flex flex-wrap align-center settlementPage_fd8_2'>
|
||
<button class='settlementPage_fd8_2_c0' @tap.stop="popupShow1684571243396=false">取消</button>
|
||
<button class='settlementPage_fd8_2_c1'>确定</button>
|
||
</view>
|
||
</view>
|
||
|
||
<!---修改手机号flex布局结束-->
|
||
|
||
</benben-popup>
|
||
<!--配送时间开始 -->
|
||
<benben-picker ref="benbenWritePickerCodepicker9" :visible.sync="pickerDiy1684571685357" :value.sync='delivery_time'
|
||
mode='shortTerm' :mask-show='true' :timeout='true' :picker-height='88' :current='true' :expand='60'>
|
||
<template #picker-header>
|
||
<view class='flex flex-wrap align-center justify-between settlementPage_picker9_0'>
|
||
<text @tap="$refs.benbenWritePickerCodepicker9.cancel()">取消</text>
|
||
<text>选择配送时间</text>
|
||
<text class='settlementPage_picker9_0_c2' @tap="$refs.benbenWritePickerCodepicker9.pickerConfirm()">确认</text>
|
||
</view>
|
||
</template>
|
||
</benben-picker>
|
||
<!--配送时间结束 -->
|
||
<!--自提时间开始 -->
|
||
<benben-picker ref="benbenWritePickerCodepicker10" :visible.sync="pickerDiy1684571632193" :value.sync='pickup_time'
|
||
mode='shortTerm' :mask-show='true' :timeout='true' :picker-height='88' :current='true' :expand='60'>
|
||
<template #picker-header>
|
||
<view class='flex flex-wrap align-center justify-between settlementPage_picker10_0'>
|
||
<text @tap="$refs.benbenWritePickerCodepicker10.cancel()">取消</text>
|
||
<text>选择自提时间</text>
|
||
<text class='settlementPage_picker10_0_c2'
|
||
@tap="$refs.benbenWritePickerCodepicker10.pickerConfirm()">确认</text>
|
||
</view>
|
||
</template>
|
||
</benben-picker>
|
||
<!--自提时间结束 -->
|
||
|
||
|
||
</view>
|
||
</template>
|
||
<script>
|
||
import {
|
||
validate
|
||
} from '@/common/utils/validate.js'
|
||
export default {
|
||
components: {},
|
||
|
||
data() {
|
||
return {
|
||
popupShowTime: false,
|
||
"pickerDiy1684571632193": false,
|
||
"pickerDiy1684571685357": false,
|
||
"popupShow1684571243396": false,
|
||
"popupShow1684571371618": false,
|
||
"tabsInfofd1_0": {
|
||
lineleft: '',
|
||
lineWidth: '',
|
||
moveX: 0,
|
||
scrollX: 0,
|
||
PageScrollX: 0
|
||
},
|
||
"minixPagingListsApi": "",
|
||
"pageingListApiMethod": "",
|
||
"allowOnloadGetList": false,
|
||
"tabls": "1",
|
||
"address_ids": "",
|
||
"addressList": [],
|
||
isInit: false,
|
||
"addressInfo": {
|
||
"label_name": "",
|
||
"aid": "",
|
||
"lng": "",
|
||
"mobile": "",
|
||
"real_name": "",
|
||
"detail": "",
|
||
"lat": "",
|
||
"district_id": "",
|
||
"address_code_city": "",
|
||
"city": "",
|
||
"city_id": "",
|
||
"province": "",
|
||
"district": "",
|
||
"address_code_district": "",
|
||
"create_time": "",
|
||
"address_code_province": "",
|
||
"address_code": "",
|
||
"sex": "",
|
||
"province_id": "",
|
||
"is_default": ""
|
||
},
|
||
|
||
"BJData": {
|
||
"aid": "",
|
||
"real_name": "",
|
||
"mobile": "",
|
||
"detail": "",
|
||
"sex": "",
|
||
"label_name": "",
|
||
"is_default": "",
|
||
"address_code": "",
|
||
"lng": "",
|
||
"lat": "",
|
||
"province": "",
|
||
"province_id": "",
|
||
"city": "",
|
||
"city_id": "",
|
||
"district": "",
|
||
"district_id": ""
|
||
},
|
||
"address_List": [{
|
||
"name": "河南省郑州市二七区大学北路8-9号中国银行(郑州 大学支行)",
|
||
"value": "1",
|
||
"image": ""
|
||
}, {
|
||
"name": "河南省郑州市二七区大学北路60号华城国际中心9号 楼1902室",
|
||
"value": "2",
|
||
"image": ""
|
||
}, {
|
||
"name": "河南省郑州市二七区大学北路回龙观家园小区28栋 4单元1920户",
|
||
"value": "3",
|
||
"image": ""
|
||
}],
|
||
"address_id": "",
|
||
"address_value": "",
|
||
"phone": "",
|
||
"delivery_time": "",
|
||
"pickup_time": "",
|
||
"is_agreement": true,
|
||
"money": "",
|
||
"client_id": "",
|
||
"third_type": "",
|
||
"remark": "",
|
||
|
||
|
||
storeId: '', // 店铺id
|
||
goodsList: [],
|
||
orderMoney: 0,
|
||
goodsMoney: 0,
|
||
freight: 0,
|
||
addressInfo: {},
|
||
info: {},
|
||
packingPrice: 0,
|
||
sendTime: [],
|
||
sendTimeMins: [],
|
||
sendTimeIndex: 0,
|
||
sendDate: '',
|
||
is_once:"",
|
||
deduct_money :0,
|
||
score: 0,
|
||
user_score: 0,
|
||
is_agreem: false
|
||
};
|
||
},
|
||
computed: {
|
||
themeColor() {
|
||
return this.$store.getters.themeColor
|
||
},
|
||
payMoney() {
|
||
|
||
let payMoney = 0
|
||
if (this.is_agreem) {
|
||
payMoney = Number(this.orderMoney) - Number(this.deduct_money)
|
||
} else {
|
||
payMoney = Number(this.orderMoney)
|
||
}
|
||
payMoney = payMoney > 0 ? payMoney : 0
|
||
return payMoney.toFixed(2)
|
||
}
|
||
},
|
||
watch: {},
|
||
onLoad(options) {
|
||
this.storeId = options.id || '';
|
||
|
||
|
||
this.getShopDetail();
|
||
// let {
|
||
// money,
|
||
// client_id,
|
||
// third_type,
|
||
// address_id,
|
||
// remark
|
||
// } = options
|
||
// if (money !== undefined) this.money = money
|
||
// if (client_id !== undefined) this.client_id = client_id
|
||
// if (third_type !== undefined) this.third_type = third_type
|
||
// if (address_id !== undefined) this.address_id = address_id
|
||
// if (remark !== undefined) this.remark = remark
|
||
|
||
|
||
uni.$on('REMARKS',res=>{
|
||
this.remark = res
|
||
})
|
||
},
|
||
onUnload() {
|
||
uni.$off('REMARKS')
|
||
},
|
||
onReady() {
|
||
|
||
},
|
||
onShow() {
|
||
this.getAddressList();
|
||
this.getSendTime();
|
||
this.getInfo()
|
||
this.get64a62b3d77830()
|
||
},
|
||
onHide() {
|
||
|
||
},
|
||
onResize() {
|
||
|
||
},
|
||
onPullDownRefresh() {
|
||
|
||
},
|
||
onReachBottom(e) {
|
||
|
||
},
|
||
onPageScroll(e) {
|
||
|
||
},
|
||
methods: {
|
||
getInfo() {
|
||
this.$api
|
||
.post(global.apiUrls.post5c78c4772da97, {
|
||
user_id: (global.userInfo && global.userInfo.id) || 0
|
||
})
|
||
.then(res => {
|
||
res = res.data;
|
||
if (res.code == 1) {
|
||
this.score = res.data.score - 0;
|
||
}
|
||
});
|
||
},
|
||
get64a62b3d77830(){
|
||
this.$api.post(global.apiUrls.get64a62b3d77830).then(res => {
|
||
res = res.data;
|
||
if (res.code == 1) {
|
||
this.deduct_money = res.data.deduct_money
|
||
this.user_score = res.data.user_score
|
||
}
|
||
});
|
||
},
|
||
handleChooseDate(index) {
|
||
this.sendTimeIndex = index;
|
||
this.sendTimeMins = this.sendTime[index].child;
|
||
},
|
||
|
||
handleChooseTime(item) {
|
||
this.sendDate = item.date;
|
||
this.is_once = item.is_once
|
||
if (this.tabls == 1) {
|
||
this.delivery_time = this.sendTime[this.sendTimeIndex].date + ' ' + item.date
|
||
} else {
|
||
this.pickup_time = this.sendTime[this.sendTimeIndex].date + ' ' + item.date
|
||
}
|
||
this.popupShowTime = false;
|
||
},
|
||
|
||
/**
|
||
* 选择地址
|
||
*/
|
||
handleChooseAddress(item) {
|
||
// this.addressInfo = item;
|
||
console.log(item.aid)
|
||
this.getSettleInfo(item.aid);
|
||
this.popupShow1684571371618 = false;
|
||
|
||
},
|
||
/**
|
||
* 切换配送类型
|
||
*/
|
||
handleChangeSendType(type) {
|
||
if (type == 1 && this.info.send_mode == 1) {
|
||
this.$message.info('该店铺不支持外卖配送哦~');
|
||
} else {
|
||
this.tabls = type;
|
||
console.log(this.addressInfo)
|
||
this.getSettleInfo()
|
||
}
|
||
|
||
},
|
||
|
||
/**
|
||
* 获取店铺配送时间
|
||
*/
|
||
getSendTime() {
|
||
this.$api.post(global.apiUrls.getSendTime, {
|
||
store_id: this.storeId
|
||
}).then(res => {
|
||
if (res.data.code == 1) {
|
||
this.sendTime = res.data.data
|
||
if (this.sendTime.length){
|
||
this.sendTimeMins = this.sendTime[0].child
|
||
}
|
||
}
|
||
})
|
||
.catch(err => {
|
||
console.log(err);
|
||
});
|
||
},
|
||
/**
|
||
* 获取店铺详情
|
||
*/
|
||
getShopDetail() {
|
||
this.$api.post(global.apiUrls.getShopDetail, {
|
||
aid: this.storeId
|
||
}).then(res => {
|
||
if (res.data.code == 1) {
|
||
this.info = res.data.data;
|
||
this.tabls = this.info.send_mode == 1 ? 2 : 1
|
||
this.getSettleInfo();
|
||
}
|
||
})
|
||
.catch(err => {
|
||
console.log(err);
|
||
});
|
||
},
|
||
|
||
|
||
/**
|
||
* @func 提交表单
|
||
*/
|
||
handleSubmit() {
|
||
// 表单验证
|
||
|
||
|
||
if (this.tabls == 1 && !this.addressInfo.aid) {
|
||
this.$message.info('请先选择收货地址');
|
||
this.name = '';
|
||
return false;
|
||
};
|
||
|
||
if (!this.pickup_time && this.tabls == 2) {
|
||
let text = this.tabls == 1 ? '请选择配送时间' : '请选择自提时间';
|
||
this.$message.info(text);
|
||
return false;
|
||
}
|
||
|
||
if (!this.delivery_time && this.tabls == 1) {
|
||
let text = this.tabls == 1 ? '请选择配送时间' : '请选择自提时间';
|
||
this.$message.info(text);
|
||
return false;
|
||
}
|
||
|
||
if (this.tabls == 2 && !/^1(3|4|5|6|7|8|9)\d{9}$/.test(this.phone)) {
|
||
let text = !this.phone ? '请输入预留电话' : '预留电话格式不正确';
|
||
this.$message.info(text);
|
||
return false;
|
||
}
|
||
|
||
if (this.tabls == 2 && !this.is_agreement) {
|
||
this.$message.info('请先阅读并同意《到店服务协议》');
|
||
return false;
|
||
}
|
||
|
||
|
||
let data = {
|
||
store_id: this.storeId,
|
||
address_id: this.addressInfo.aid,
|
||
pick_type: this.tabls,
|
||
is_once: this.is_once.toString(),
|
||
expected_time: this.delivery_time,
|
||
pick_time: this.pickup_time,
|
||
pick_mobile: this.phone,
|
||
remark: this.remark,
|
||
is_use_score: this.is_agreem ? 1 : 0
|
||
}
|
||
|
||
// 判断提交的接口
|
||
let url = global.apiUrls.postCreateOrder;
|
||
console.log('提交的地址参数',data);
|
||
console.log('提交的地址',url);
|
||
// return
|
||
// 提交请求
|
||
this.$api.post(url, data)
|
||
.then(res => {
|
||
if (res.data.code == 1) {
|
||
uni.redirectTo({
|
||
url: `/pages/dpxq/immediatePayment/immediatePayment?state=${this.tabls}&sn=${res.data.data.order_sn}&money=${this.payMoney}&time=${res.data.data.surplus_time}`
|
||
})
|
||
// order_sn postPayOrder
|
||
// this.$api.post(global.apiUrls.postPayOrder, {order_sn: res.data.data.order_sn})
|
||
// .then(res => {
|
||
// if (res.data.code == 1) {
|
||
// } else {
|
||
// this.$message.info(res.data.msg)
|
||
// }
|
||
|
||
// })
|
||
// .catch(err => {
|
||
// console.log("err: ", err);
|
||
// })
|
||
} else {
|
||
if (res.data.code == 1001) {
|
||
this.$urouter.redirectTo(`/pages/dpxq/paymentResults/paymentResults?pay=5&state=${this.tabls}&sn=${res.data.data.order_sn}`);
|
||
} else {
|
||
this.$message.info(res.data.msg)
|
||
}
|
||
}
|
||
|
||
})
|
||
.catch(err => {
|
||
console.log("err: ", err);
|
||
})
|
||
},
|
||
/**
|
||
* @func 获取地址列表
|
||
*/
|
||
getAddressList() {
|
||
this.$api.post(global.apiUrls.post636f7683cf195, {list_rows: 1000})
|
||
.then((res) => {
|
||
console.log("地址列表", res);
|
||
if (res.data.code == 1) {
|
||
this.addressList = res.data.data.data;
|
||
this.isInit = true;
|
||
} else {
|
||
this.addressList = [];
|
||
}
|
||
});
|
||
},
|
||
getIsSupportSend(address) {
|
||
this.$api.post(global.apiUrls.getIsSupportSend, {province: address.province,city: address.city, area: address.district})
|
||
.then((res) => {
|
||
console.log("是否支持配送", res);
|
||
if (res.data.code == 1) {
|
||
this.isSupportSend = res.data.data.is_order;
|
||
if(this.isSupportSend != 1) {
|
||
// this.$message.info(`"${address.province}-${address.city}-${address.district}"`)
|
||
this.$util.showModal({
|
||
title: '提示',
|
||
content: `当前地址不支持配送， 是否重新选择地址？`,
|
||
confirmColor: this.$store.state.themeColor,
|
||
success: res => {
|
||
this.addressInfo = {};
|
||
this.orderMoney = ((this.orderMoney -0) - (this.freight-0)).toFixed(2)
|
||
this.freight = 0;
|
||
if (res.confirm) {
|
||
this.popupShow1684571371618 = true;
|
||
}
|
||
}
|
||
});
|
||
}
|
||
}
|
||
});
|
||
},
|
||
getSettleInfo(addressId) {
|
||
let params = {
|
||
store_id: this.storeId,
|
||
pick_type:this.tabls
|
||
}
|
||
if (addressId) {
|
||
params.address_id = addressId;
|
||
}
|
||
this.$api.post(global.apiUrls.getSettleInfo, params).then(res => {
|
||
if (res.data.code == 1) {
|
||
let info = res.data.data;
|
||
this.goodsList = info.goods_list;
|
||
this.freight = info.freight;
|
||
this.goodsMoney = info.goods_money;
|
||
this.orderMoney = info.order_money;
|
||
this.packingPrice = info.packing_price;
|
||
this.addressInfo = Array.isArray(info.address) ? {} : info.address;
|
||
if (this.addressInfo.aid && this.tabls == 1) {
|
||
this.getIsSupportSend(this.addressInfo)
|
||
}
|
||
} else {
|
||
this.$message.info(res.data.msg)
|
||
}
|
||
})
|
||
.catch(err => {
|
||
console.log(err);
|
||
});
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
<style lang="scss" scoped>
|
||
.page {
|
||
width: 100vw;
|
||
overflow-x: hidden;
|
||
min-height: calc(100vh - var(--window-bottom));
|
||
background: rgba(246, 247, 249, 1);
|
||
background-size: 100% auto !important;
|
||
}
|
||
|
||
.settlementPage_flex_0 {
|
||
background: #fff;
|
||
width: 750rpx;
|
||
height: 88rpx;
|
||
overflow: hidden;
|
||
z-index: 10;
|
||
top: 0rpx;
|
||
background-size: 100% auto !important;
|
||
}
|
||
|
||
.settlementPage_fd0_0_c2 {
|
||
width: 32rpx;
|
||
height: 32rpx;
|
||
}
|
||
|
||
.settlementPage_fd0_0_c1_c0 {
|
||
font-size: 36rpx;
|
||
font-weight: 500;
|
||
color: #333;
|
||
line-height: 88rpx;
|
||
}
|
||
|
||
.settlementPage_fd0_0_c0_c0 {
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
color: #333;
|
||
line-height: 88rpx;
|
||
}
|
||
|
||
.settlementPage_fd0_0 {
|
||
margin: 0rpx 32rpx 0rpx 32rpx;
|
||
}
|
||
|
||
.settlementPage_flex_1 {
|
||
padding: 35rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_titlefd1_0_c4 {
|
||
width: 143rpx;
|
||
height: 66rpx;
|
||
border-radius: 47rpx 47rpx 47rpx 47rpx;
|
||
}
|
||
|
||
.settlementPage_titlefd1_0_c3 {
|
||
width: 143rpx;
|
||
height: 66rpx;
|
||
border-radius: 47rpx 47rpx 47rpx 47rpx;
|
||
}
|
||
|
||
.settlementPage_linefd1_0 {
|
||
background: #d53215;
|
||
width: 100rpx;
|
||
height: 8rpx;
|
||
top: 80rpx;
|
||
background-size: 100% auto !important;
|
||
}
|
||
|
||
.checkTitlefd1_0 {
|
||
font-weight: 700 !important;
|
||
font-size: 24rpx !important;
|
||
color: rgba(255, 147, 0, 1) !important;
|
||
background-color: rgba(255, 255, 255, 1) !important;
|
||
}
|
||
|
||
::v-deep .settlementPage_benbenTabsfd1_0 {
|
||
border: 1px solid rgba(255, 147, 0, 1);
|
||
background: rgba(255, 147, 0, 1);
|
||
height: 66rpx;
|
||
white-space: nowrap;
|
||
text-align: center;
|
||
width: 286rpx;
|
||
border-radius: 47rpx 47rpx 47rpx 47rpx;
|
||
font-size: 24rpx;
|
||
font-weight: 500;
|
||
color: rgba(255, 255, 255, 1);
|
||
}
|
||
|
||
.settlementPage_fd2_0_c0_c1_c1_c3 {
|
||
width: 16rpx;
|
||
height: 28rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
margin: 0rpx 0rpx 0rpx 16rpx;
|
||
}
|
||
|
||
.settlementPage_fd2_0_c0_c1_c1_c2 {
|
||
color: #999999;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.settlementPage_fd2_0_c0_c1_c1_c1 {
|
||
color: #999999;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.settlementPage_fd2_0_c0_c1_c1_c0 {
|
||
color: #999999;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.settlementPage_fd2_0_c0_c1_c0_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
line-height: 28rpx;
|
||
}
|
||
|
||
.settlementPage_fd2_0_c0_c1 {
|
||
padding: 24rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd2_0_c0_c0_c1_c0 {
|
||
width: 16rpx;
|
||
height: 28rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd2_0_c0_c0_c0_c1_c1_c0 {
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
color: #333333;
|
||
margin: 16rpx 0rpx 0rpx 0rpx;
|
||
-webkit-line-clamp: 1;
|
||
// overflow: hidden;
|
||
// text-overflow: ellipsis;
|
||
// display: -webkit-box;
|
||
// -webkit-box-orient: vertical;
|
||
line-height: 38rpx;
|
||
max-width: 500rpx;
|
||
}
|
||
|
||
.settlementPage_fd2_0_c0_c0_c0_c1_c0_c2 {
|
||
font-size: 32rpx;
|
||
font-weight: 400;
|
||
color: #333333;
|
||
margin: 0rpx 0rpx 0rpx 32rpx;
|
||
line-height: 40rpx;
|
||
}
|
||
|
||
.settlementPage_fd2_0_c0_c0_c0_c1_c0_c1 {
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
color: #333333;
|
||
line-height: 40rpx;
|
||
}
|
||
|
||
.settlementPage_fd2_0_c0_c0_c0_c1_c0_c0 {
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
color: #333333;
|
||
max-width: 180rpx;
|
||
-webkit-line-clamp: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
line-height: 40rpx;
|
||
}
|
||
|
||
.settlementPage_fd2_0_c0_c0_c0_c1 {
|
||
margin: 0rpx 0rpx 0rpx 24rpx;
|
||
}
|
||
|
||
.settlementPage_fd2_0_c0_c0_c0_c0 {
|
||
width: 60rpx;
|
||
height: 60rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd2_0_c0_c0 {
|
||
border-bottom: 1px solid #eee;
|
||
padding: 32rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd2_0_c0 {
|
||
background: #fff;
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
background-size: 100% auto !important;
|
||
padding: 0rpx 24rpx 32rpx 24rpx;
|
||
}
|
||
|
||
.settlementPage_fd2_0 {
|
||
padding: 0rpx 24rpx 0rpx 24rpx;
|
||
}
|
||
|
||
.settlementPage_flex_3 {
|
||
padding: 0rpx 24rpx 0rpx 24rpx;
|
||
}
|
||
|
||
.settlementPage_fd3_0_c4_c2 {
|
||
color: #59A6F4;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
line-height: 38rpx;
|
||
}
|
||
|
||
.settlementPage_fd3_0_c4_c1 {
|
||
color: rgba(153, 153, 153, 1);
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
line-height: 38rpx;
|
||
}
|
||
|
||
.settlementPage_noCheckfd3_0_c4_c0_c1_c0 {
|
||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||
width: 28rpx;
|
||
height: 28rpx;
|
||
}
|
||
|
||
.settlementPage_checkfd3_0_c4_c0_c0_c0 {
|
||
width: 28rpx;
|
||
height: 28rpx;
|
||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||
}
|
||
|
||
::v-deep .settlementPage_fd3_0_c4_c0 {
|
||
margin: 0rpx 016rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd3_0_c4 {
|
||
margin: 24rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd3_0_c3 {
|
||
background: rgba(238, 238, 238, 1);
|
||
height: 1rpx;
|
||
background-size: 100% auto !important;
|
||
}
|
||
|
||
.settlementPage_fd3_0_c2_c1_c1 {
|
||
font-size: 27rpx;
|
||
color: rgba(153, 153, 153, 1);
|
||
margin: 0rpx 0rpx 0rpx 16rpx;
|
||
}
|
||
|
||
.settlementPage_fd3_0_c2_c1_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
line-height: 38rpx;
|
||
}
|
||
|
||
.settlementPage_fd3_0_c2_c0_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
line-height: 38rpx;
|
||
}
|
||
|
||
.settlementPage_fd3_0_c2 {
|
||
margin: 24rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd3_0_c1_c1_c1 {
|
||
width: 16rpx;
|
||
height: 28rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
margin: 0rpx 0rpx 0rpx 16rpx;
|
||
}
|
||
|
||
.settlementPage_fd3_0_c1_c1_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
line-height: 38rpx;
|
||
}
|
||
|
||
.settlementPage_fd3_0_c1_c0_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
line-height: 38rpx;
|
||
}
|
||
|
||
.settlementPage_fd3_0_c0_c0 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 42rpx;
|
||
}
|
||
|
||
.settlementPage_fd3_0_c0 {
|
||
margin: 0rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd3_0 {
|
||
background: rgba(255, 255, 255, 1);
|
||
background-size: 100% auto !important;
|
||
padding: 32rpx 32rpx 24rpx 32rpx;
|
||
}
|
||
|
||
.settlementPage_flex_4 {
|
||
padding: 0rpx 24rpx 0rpx 24rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c6_c0_c2 {
|
||
color: #E32121;
|
||
font-size: 32rpx;
|
||
font-weight: 700;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c6_c0_c1 {
|
||
color: #E32121;
|
||
font-size: 22rpx;
|
||
font-weight: 700;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c6_c0_c0 {
|
||
color: #333333;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c5 {
|
||
background: rgba(238, 238, 238, 1);
|
||
background-size: 100% auto !important;
|
||
height: 1rpx;
|
||
margin: 0rpx 0rpx 36rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c4_c1_c1_c1 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 28rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c4_c1_c1_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 28rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c4_c1_c0_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 42rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c4_c1 {
|
||
margin: 0rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c4_c0_c1_c1 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 28rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c4_c0_c1_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 28rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c4_c0_c0_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 42rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c4_c0 {
|
||
margin: 0rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c4 {
|
||
margin: 32rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c3 {
|
||
background: rgba(238, 238, 238, 1);
|
||
height: 1rpx;
|
||
background-size: 100% auto !important;
|
||
margin: 8rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c2_c1_c1_c1_c1 {
|
||
color: #999999;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c2_c1_c1_c1_c0 {
|
||
color: #999999;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c2_c1_c1_c0_c1 {
|
||
color: #E32121;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 36rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c2_c1_c1_c0_c0 {
|
||
color: #E32121;
|
||
font-size: 24rpx;
|
||
font-weight: 500;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c2_c1_c0_c1 {
|
||
color: #999999;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
margin: 16rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c2_c1_c0_c0 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c2_c0_c0 {
|
||
width: 160rpx;
|
||
height: 160rpx;
|
||
border-radius: 12rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c2_c0 {
|
||
margin: 0rpx 16rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c2 {
|
||
margin: 0rpx 0rpx 26rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c1 {
|
||
background: rgba(238, 238, 238, 1);
|
||
height: 1rpx;
|
||
background-size: 100% auto !important;
|
||
margin: 0rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c0_c1 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c0_c0 {
|
||
width: 30rpx;
|
||
height: 28rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
margin: 0rpx 16rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0_c0 {
|
||
margin: 0rpx 0rpx 24rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd4_0 {
|
||
background: rgba(255, 255, 255, 1);
|
||
margin: 24rpx 0rpx 24rpx 0rpx;
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
background-size: 100% auto !important;
|
||
padding: 32rpx 24rpx 32rpx 24rpx;
|
||
}
|
||
|
||
.settlementPage_flex_5 {
|
||
padding: 0rpx 24rpx 0rpx 24rpx;
|
||
}
|
||
|
||
.settlementPage_fd5_0_c1_c1 {
|
||
color: #666666;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
line-height: 28rpx;
|
||
}
|
||
|
||
.settlementPage_fd5_0_c1_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 28rpx;
|
||
}
|
||
|
||
.settlementPage_fd5_0_c1 {
|
||
border-bottom: 1px solid #eee;
|
||
padding: 32rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd5_0_c0_c1 {
|
||
text-align: right;
|
||
}
|
||
|
||
.settlementPage_fd5_0_c0_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 28rpx;
|
||
}
|
||
|
||
.settlementPage_fd5_0_c0 {
|
||
border-bottom: 1px solid #eee;
|
||
padding: 32rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd5_0 {
|
||
background: rgba(255, 255, 255, 1);
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
background-size: 100% auto !important;
|
||
padding: 0rpx 24rpx 0rpx 24rpx;
|
||
}
|
||
|
||
.settlementPage_flex_6 {
|
||
background: rgba(248, 248, 248, 1);
|
||
width: 750rpx;
|
||
height: 140rpx;
|
||
overflow: hidden;
|
||
z-index: 10;
|
||
bottom: calc(0rpx + var(--window-bottom));
|
||
background-size: 100% auto !important;
|
||
}
|
||
|
||
.settlementPage_fd6_0_c1_c0 {
|
||
color: #FFFFFF;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 100rpx;
|
||
}
|
||
|
||
.settlementPage_fd6_0_c1 {
|
||
background: linear-gradient(90deg, #FFA21F 0%, #FF7600 100%);
|
||
width: 164rpx;
|
||
height: 100rpx;
|
||
border-radius: 0rpx 50rpx 50rpx 0rpx;
|
||
background-size: 100% auto !important;
|
||
}
|
||
|
||
.settlementPage_fd6_0_c0_c1 {
|
||
color: #FFFFFF;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.settlementPage_fd6_0_c0_c0 {
|
||
color: #FFFFFF;
|
||
font-size: 24rpx;
|
||
font-weight: 500;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.settlementPage_fd6_0_c0 {
|
||
background: rgba(85, 85, 85, 1);
|
||
border-radius: 50rpx 0rpx 0rpx 50rpx;
|
||
background-size: 100% auto !important;
|
||
padding: 28rpx 0rpx 28rpx 40rpx;
|
||
height: 100rpx;
|
||
}
|
||
|
||
.settlementPage_fd6_0 {
|
||
padding: 0rpx 32rpx 0rpx 32rpx;
|
||
height: 100rpx;
|
||
}
|
||
|
||
.settlementPage_flex_7 {
|
||
background: #fff;
|
||
border-radius: 24rpx 24rpx 0rpx 0rpx;
|
||
background-size: 100% auto !important;
|
||
}
|
||
|
||
.settlementPage_fd7_0_c2_c0 {
|
||
color: #FFFFFF;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 80rpx;
|
||
}
|
||
|
||
.settlementPage_fd7_0_c2 {
|
||
background: rgba(255, 147, 0, 1);
|
||
background-size: 100% auto !important;
|
||
height: 80rpx;
|
||
}
|
||
|
||
.settlementPage_fd7_0_c1_c0_c1_c1 {
|
||
width: 0;
|
||
flex: 1;
|
||
margin: 0rpx 0rpx 0rpx 24rpx;
|
||
}
|
||
|
||
.settlementPage_fd7_0_c1_c0_c1_c0 {
|
||
width: 24rpx;
|
||
height: 30rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd7_0_c1_c0_c1 {
|
||
margin: 48rpx 0rpx 0rpx 0rpx;
|
||
color: #999999;
|
||
font-size: 28rpx;
|
||
line-height: 46rpx;
|
||
font-weight: 500;
|
||
width: 638rpx;
|
||
height: 86rpx;
|
||
}
|
||
|
||
.settlementPage_fd7_0_c1_c0_c0_c1 {
|
||
width: 0;
|
||
flex: 1;
|
||
margin: 0rpx 0rpx 0rpx 24rpx;
|
||
}
|
||
|
||
.settlementPage_fd7_0_c1_c0_c0_c0 {
|
||
width: 24rpx;
|
||
height: 30rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd7_0_c1_c0_c0 {
|
||
margin: 48rpx 0rpx 0rpx 0rpx;
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
line-height: 46rpx;
|
||
font-weight: 700;
|
||
width: 686rpx;
|
||
height: 86rpx;
|
||
}
|
||
|
||
.settlementPage_fd7_0_c1 {
|
||
padding: 0rpx 32rpx 40rpx 32rpx;
|
||
max-height: 750rpx;
|
||
}
|
||
.settlementPage_fd7_0_c11 {
|
||
padding: 0;
|
||
height: 600rpx;
|
||
image {
|
||
width: 34rpx;
|
||
height: 24rpx;
|
||
}
|
||
}
|
||
.time-left {
|
||
width: 128rpx;
|
||
height: 600rpx;
|
||
background-color: #F6F7F9;
|
||
view {
|
||
line-height: 110rpx;
|
||
text-align: center;
|
||
font-size: 32rpx;
|
||
color: #999;
|
||
&.active {
|
||
background-color: #fff;
|
||
color: #333333;
|
||
}
|
||
}
|
||
}
|
||
.time-right {
|
||
height: 600rpx;
|
||
flex: 1;
|
||
view {
|
||
padding: 0 40rpx 0 52rpx;
|
||
height: 90rpx;
|
||
}
|
||
}
|
||
|
||
.settlementPage_fd7_0_c0_c1 {
|
||
width: 28rpx;
|
||
height: 28rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd7_0_c0_c0 {
|
||
margin: 0rpx 200rpx 0rpx 0rpx;
|
||
color: #333333;
|
||
font-size: 36rpx;
|
||
font-weight: 700;
|
||
line-height: 42rpx;
|
||
}
|
||
|
||
.settlementPage_fd7_0_c0 {
|
||
margin: 40rpx 0rpx 0rpx 0rpx;
|
||
padding: 0rpx 32rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd7_0 {
|
||
margin: rpx 0rpx 40rpx 0rpx;
|
||
border-radius: 24rpx 24rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_flex_8 {
|
||
background: #fff;
|
||
width: 540rpx;
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
}
|
||
|
||
.settlementPage_fd8_2_c1 {
|
||
border-top: 1px solid #eee;
|
||
border-left: 1px solid #eee;
|
||
background: #fff;
|
||
line-height: 110rpx;
|
||
border-radius: 0rpx 0rpx 16rpx 0rpx;
|
||
font-size: 32rpx;
|
||
color: rgba(45, 142, 255, 1);
|
||
width: 270rpx;
|
||
}
|
||
|
||
.settlementPage_fd8_2_c0 {
|
||
border-top: 1px solid #eee;
|
||
background: #fff;
|
||
line-height: 110rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 16rpx;
|
||
font-size: 31rpx;
|
||
color: rgba(153, 153, 153, 1);
|
||
padding: 0rpx 103rpx 0rpx 103rpx;
|
||
}
|
||
|
||
.settlementPage_fd8_2 {
|
||
margin: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd8_1_c1 {
|
||
width: 30rpx;
|
||
height: 30rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_fd8_1_c0 {
|
||
font-size: 32rpx;
|
||
font-weight: 400;
|
||
color: #333;
|
||
}
|
||
|
||
.settlementPage_fd8_1 {
|
||
border: 1px solid #1678FF;
|
||
background: rgba(22, 120, 255, 0.04);
|
||
width: 476rpx;
|
||
height: 64rpx;
|
||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||
margin: 32rpx 0rpx 40rpx 0rpx;
|
||
padding: 0rpx 32rpx 0rpx 32rpx;
|
||
}
|
||
|
||
.settlementPage_fd8_0 {
|
||
line-height: 32rpx;
|
||
font-size: 32rpx;
|
||
font-weight: 700;
|
||
color: #333;
|
||
margin: 40rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.settlementPage_picker9_0_c2 {
|
||
color: #4781f5;
|
||
}
|
||
|
||
.settlementPage_picker9_0 {
|
||
border-bottom: 1px solid #eee;
|
||
background: #fff;
|
||
padding: 0rpx 32rpx 0rpx 32rpx;
|
||
line-height: 88rpx;
|
||
border-radius: 25rpx 25rpx 0rpx 0rpx;
|
||
background-size: 100% auto !important;
|
||
}
|
||
|
||
.settlementPage_picker10_0_c2 {
|
||
color: #4781f5;
|
||
}
|
||
|
||
.settlementPage_picker10_0 {
|
||
border-bottom: 1px solid #eee;
|
||
background: #fff;
|
||
padding: 0rpx 32rpx 0rpx 32rpx;
|
||
line-height: 88rpx;
|
||
border-radius: 25rpx 25rpx 0rpx 0rpx;
|
||
background-size: 100% auto !important;
|
||
}
|
||
.immediatePayment_flex_2 {
|
||
// padding: 0rpx 32rpx 0rpx 32rpx;
|
||
}
|
||
|
||
.immediatePayment_noCheckfd2_0_c1_c1_c1_c0 {
|
||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||
width: 36rpx;
|
||
height: 36rpx;
|
||
}
|
||
|
||
.immediatePayment_checkfd2_0_c1_c1_c0_c0 {
|
||
width: 36rpx;
|
||
height: 36rpx;
|
||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||
}
|
||
|
||
::v-deep .immediatePayment_fd2_0_c1_c1 {
|
||
margin: 0rpx 0rpx 0rpx 24rpx;
|
||
}
|
||
|
||
.immediatePayment_fd2_0_c1_c0 {
|
||
color: red;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
line-height: 42rpx;
|
||
}
|
||
|
||
.immediatePayment_fd2_0_c0_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 42rpx;
|
||
}
|
||
|
||
.immediatePayment_fd2_0 {
|
||
background: rgba(255, 255, 255, 1);
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
background-size: 100% auto !important;
|
||
padding: 32rpx 0 32rpx 0;
|
||
}
|
||
</style>
|