<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">&#xE794;</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'>&#xe603;</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>
