|
@@ -1,45 +1,10 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div class="app-content pay-wrap">
|
|
<div class="app-content pay-wrap">
|
|
|
- <!-- <block v-if="option.pageStatus == 'recharge'">
|
|
|
|
|
- <div class="tabs-wrap">充值</div>
|
|
|
|
|
- </block>
|
|
|
|
|
- <block v-else>
|
|
|
|
|
- <div class="tabs-wrap">付款</div>
|
|
|
|
|
- </block>-->
|
|
|
|
|
- <!-- <block v-else>
|
|
|
|
|
- <app-tabs :tabs="tabs" :currentTab="tabIndex" :isFixed="true" :borderLeft="true" @change="tabChange" itemWidth="50%" />
|
|
|
|
|
- </block>-->
|
|
|
|
|
- <!-- 直接付款 -->
|
|
|
|
|
- <!-- <block v-if="tabIndex == 0">
|
|
|
|
|
- <div class="pay-wrap" v-if="!$util.isEmpty(orderShop)">
|
|
|
|
|
- <div class="logo-wrap">
|
|
|
|
|
- <div class="logo-img">
|
|
|
|
|
- <img :src="orderShop.merchant.smallLogoUrl | default_img" alt mode="widthFix" />
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="app-size-30">{{ !$util.isEmpty(shopUser) ? shopUser.userName : orderShop.merchant.merchantName }}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="pay-input-wrap">
|
|
|
|
|
- <pay-input-module :focus="inpFocus" :num="amount" @focusFn="focusFn" @blurFn="blurFn" @clickKey="clickKeyFn" />
|
|
|
|
|
- <div class="balance" v-if="!$util.isEmpty(shopUser) && shopUser.userAsset.balance != '0.00'">
|
|
|
|
|
- <span>账户余额 ¥</span>
|
|
|
|
|
- <span class="app-size-30">{{ shopUser.userAsset.balance }}</span>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="btn-wrap">
|
|
|
|
|
- <button v-if="!$util.isEmpty(shopUser) && shopUser.userAsset.balance && shopUser.userAsset.balance != '0.00'" class="button-com red" @click="balancePayFn">余额支付</button>
|
|
|
|
|
- <button class="button-com green" v-if="isWxBrowser()" @click="wexinPayFn">微信支付</button>
|
|
|
|
|
- <button class="button-com red" v-else @click="aliPayFn">支付宝支付</button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </block>-->
|
|
|
|
|
- <!-- 我要配送 -->
|
|
|
|
|
- <!-- <block v-else> -->
|
|
|
|
|
<div class="delivery-wrap" v-if="!$util.isEmpty(orderShop)">
|
|
<div class="delivery-wrap" v-if="!$util.isEmpty(orderShop)">
|
|
|
<div class="shop-logo-wrap" v-if="!$util.isEmpty(orderShop)">
|
|
<div class="shop-logo-wrap" v-if="!$util.isEmpty(orderShop)">
|
|
|
<div class="logo-img">
|
|
<div class="logo-img">
|
|
|
<img :src="orderShop.merchant.smallLogoUrl | default_img" alt mode="widthFix" />
|
|
<img :src="orderShop.merchant.smallLogoUrl | default_img" alt mode="widthFix" />
|
|
|
</div>
|
|
</div>
|
|
|
- <!-- <div class="app-size-30">{{ orderShop.merchant.merchantName }}</div> -->
|
|
|
|
|
</div>
|
|
</div>
|
|
|
<div class="module-com pay-input-wrap">
|
|
<div class="module-com pay-input-wrap">
|
|
|
<pay-input-module :focus="inpFocus" :num="amount" @focusFn="focusFn" @blurFn="blurFn" @clickKey="clickKeyFn" />
|
|
<pay-input-module :focus="inpFocus" :num="amount" @focusFn="focusFn" @blurFn="blurFn" @clickKey="clickKeyFn" />
|
|
@@ -50,20 +15,13 @@
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 查看更多 -->
|
|
<!-- 查看更多 -->
|
|
|
<div class="view-more" :class="{'open' : tabIndex == 1}" @click="changeDelivery">
|
|
<div class="view-more" :class="{'open' : tabIndex == 1}" @click="changeDelivery">
|
|
|
- <div class="view-more-text">{{ tabIndex == 0 ? '我要送人' : '收起' }}</div>
|
|
|
|
|
|
|
+ <div class="view-more-text">{{ tabIndex == 0 ? '帮我送' : '收起' }}</div>
|
|
|
<i class="iconfont iconjiantouxia"></i>
|
|
<i class="iconfont iconjiantouxia"></i>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 查看更多 -->
|
|
<!-- 查看更多 -->
|
|
|
<block v-if="tabIndex == 1">
|
|
<block v-if="tabIndex == 1">
|
|
|
<app-delivery-module ref="appDelivery" :anonymous="true" />
|
|
<app-delivery-module ref="appDelivery" :anonymous="true" />
|
|
|
</block>
|
|
</block>
|
|
|
- <!-- 匿名派送 -->
|
|
|
|
|
- <!-- <block v-if="tabIndex == 1">
|
|
|
|
|
- <div class="none-name-delivery flex-center">
|
|
|
|
|
- <checkbox class="ljd-checkbox" @change="anonymityChange"></checkbox>
|
|
|
|
|
- <span class="none-name-text">匿名派送</span>
|
|
|
|
|
- </div>
|
|
|
|
|
- </block>-->
|
|
|
|
|
<!-- 可选优惠 -->
|
|
<!-- 可选优惠 -->
|
|
|
<div class="module-com discount-wrap" v-if="!$util.isEmpty(discountArr)">
|
|
<div class="module-com discount-wrap" v-if="!$util.isEmpty(discountArr)">
|
|
|
<div class="module-tit">可选优惠</div>
|
|
<div class="module-tit">可选优惠</div>
|
|
@@ -79,8 +37,6 @@
|
|
|
<button class="button-com red" v-else @click="aliPayFn">支付宝支付</button>
|
|
<button class="button-com red" v-else @click="aliPayFn">支付宝支付</button>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <!-- </block> -->
|
|
|
|
|
- <!-- <button @click="_pay">提交</button> -->
|
|
|
|
|
<!-- 支付密码弹窗 -->
|
|
<!-- 支付密码弹窗 -->
|
|
|
<modal-module :show="passwordModal" @cancel="modalCancel" @click="passwordModalClick" :maskClosable="false" title="支付密码" padding="30rpx 30rpx">
|
|
<modal-module :show="passwordModal" @cancel="modalCancel" @click="passwordModalClick" :maskClosable="false" title="支付密码" padding="30rpx 30rpx">
|
|
|
<template v-slot:content>
|
|
<template v-slot:content>
|