143 lines
5.4 KiB
XML
143 lines
5.4 KiB
XML
<view class="page">
|
|
<view class="info">
|
|
<view class="title-bar-wrapper">
|
|
<view class="title-bar">
|
|
<view class="title">{{t('title')}}</view>
|
|
<l-tag color="{{iStateColor}}">{{t('pay:v.iState.' + pay.iState)}}</l-tag>
|
|
</view>
|
|
</view>
|
|
<view class="list">
|
|
<l-list title="{{t('type.label')}}" icon="order" right-desc="{{t('type.' + type)}}" is-link="{{false}}" />
|
|
<l-list title="{{t('pay:attr.price')}}" icon="cart" right-desc="{{priceStr}}" is-link="{{false}}" />
|
|
<l-list title="{{t('pay:attr.channel')}}" icon="research" right-desc="{{t('payChannel::' + pay.channel)}}" is-link="{{false}}" />
|
|
</view>
|
|
</view>
|
|
<view class="notSameApp" wx:if="{{metaUpdatable && notSameApp}}">
|
|
<l-icon name="warning" />
|
|
<view class="tips">
|
|
{{t('notSameApp')}}
|
|
</view>
|
|
</view>
|
|
<view class="offline" wx:elif="{{pay.channel === PAY_CHANNEL_OFFLINE_NAME}}">
|
|
<view wx:if="{{pay.iState === 'paying'}}" class="tips">
|
|
{{t('offline.tips')}}
|
|
</view>
|
|
<view class="info">
|
|
<l-list is-link="{{false}}" l-class="list">
|
|
<view slot="left-section" class="left">
|
|
{{t('offline.label.tips')}}
|
|
</view>
|
|
<view slot="right-section" class="right">
|
|
<view class="tips2">
|
|
{{offline.tips}}
|
|
</view>
|
|
</view>
|
|
</l-list>
|
|
<l-list is-link="{{false}}" l-class="list">
|
|
<view slot="left-section" class="left">
|
|
{{t('offline.label.option')}}
|
|
</view>
|
|
<view slot="right-section" class="right">
|
|
<view wx:if={{!metaUpdatable}}>{{pay.meta.option}}</view>
|
|
<view wx:else>
|
|
<view
|
|
class="offline-option"
|
|
>
|
|
<l-tag
|
|
wx:for="{{offline.options}}"
|
|
plain="{{true}}"
|
|
select="{{item===pay.meta.option}}"
|
|
l-select-class="selected"
|
|
catch:lintap="onSelectOfflineOptionMp"
|
|
data-option="{{item}}"
|
|
>
|
|
{{item}}
|
|
</l-tag>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</l-list>
|
|
|
|
<l-list is-link="{{false}}" l-class="list">
|
|
<view slot="left-section" class="left">
|
|
{{t("offline.label.serial")}}
|
|
</view>
|
|
<view slot="right-section" class="right">
|
|
<l-textarea
|
|
l-class="textarea"
|
|
maxlength="{{60}}"
|
|
placeholder="{{metaUpdatable ? t('offline.placeholder.serial') : t('offline.placeholder.none')}}"
|
|
disabled="{{!metaUpdatable}}"
|
|
value="{{ (meta && meta.serial) ? meta.serial : '' }}"
|
|
bind:lininput="onSetOfflineSerialMp"
|
|
/>
|
|
</view>
|
|
</l-list>
|
|
</view>
|
|
</view>
|
|
<view class="mp" wx:elif="{{pay.channel === PAY_CHANNEL_WECHAT_MP_NAME}}">
|
|
<view class="success" wx:if="{{pay.iState === 'paid'}}">
|
|
<l-icon name="success" color="green" size="140" />
|
|
<text>{{t('success')}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="else" wx:else>
|
|
</view>
|
|
<view class="padding" />
|
|
<view class="btn-container">
|
|
<block wx:if="{{oakExecutable === true}}">
|
|
<view class="btn">
|
|
<l-button
|
|
type="default"
|
|
size="long"
|
|
bind:lintap="executeMp"
|
|
>
|
|
{{t('common::action.update')}}
|
|
</l-button>
|
|
</view>
|
|
<view class="btn">
|
|
<l-button
|
|
type="warning"
|
|
size="long"
|
|
bind:lintap="resetMp"
|
|
>
|
|
{{t('common::reset')}}
|
|
</l-button>
|
|
</view>
|
|
</block>
|
|
<block wx:elif="{{closable}}">
|
|
<view class="btn">
|
|
<l-button
|
|
type="default"
|
|
size="long"
|
|
bind:lintap="closeMp"
|
|
>
|
|
{{t('pay:action.close')}}
|
|
</l-button>
|
|
</view>
|
|
<l-dialog
|
|
show="{{showCloseConfirmMp}}"
|
|
type="confirm"
|
|
title="{{t('cc.title')}}"
|
|
content="{{t('cc.content')}}"
|
|
bind:linconfirm="confirmCloseMp"
|
|
bind:lincancel="cancelCloseMp"
|
|
bind:lintap="cancelCloseMp"
|
|
/>
|
|
</block>
|
|
<block wx:elif="{{startPayable}}">
|
|
|
|
</block>
|
|
<block wx:else>
|
|
<view class="btn">
|
|
<l-button
|
|
type="default"
|
|
size="long"
|
|
bind:lintap="goBack"
|
|
>
|
|
{{t('common::back')}}
|
|
</l-button>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</view> |