|
@@ -1,215 +1,225 @@
|
|
|
<template>
|
|
|
- <div class="mobile-pay-center vendor-pay mobile-fix-content mobile-centerfix-content" :class="{'vendor-pay-record': switchType === 'record' && recordList.length}" id="mobileFixContent">
|
|
|
- <!--<div class="mp-head" v-if="!fromUserPage">-->
|
|
|
- <!--<span class="inline-block" :class="{'active': switchType === 'record'}" @click="setSwitchType('record')">交易记录</span>-->
|
|
|
- <!--<span class="inline-block" :class="{'active': switchType === 'account'}" @click="setSwitchType('account')">收款账户</span>-->
|
|
|
- <!--</div>-->
|
|
|
+ <div>
|
|
|
+ <div class="order-tab">
|
|
|
+ <div class="order-tab-wrapper clearfix">
|
|
|
+ <nuxt-link class="fl tab" to="/mobile/center/vendor/btobapCheck" tag="div" >
|
|
|
+ B2B
|
|
|
+ </nuxt-link>
|
|
|
+ <div class="fl active tab">商城</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="mobile-pay-center vendor-pay mobile-fix-content mobile-centerfix-content" :class="{'vendor-pay-record': switchType === 'record' && recordList.length}" id="mobileFixContent">
|
|
|
+ <!--<div class="mp-head" v-if="!fromUserPage">-->
|
|
|
+ <!--<span class="inline-block" :class="{'active': switchType === 'record'}" @click="setSwitchType('record')">交易记录</span>-->
|
|
|
+ <!--<span class="inline-block" :class="{'active': switchType === 'account'}" @click="setSwitchType('account')">收款账户</span>-->
|
|
|
+ <!--</div>-->
|
|
|
|
|
|
- <!-- 账户信息start -->
|
|
|
- <div class="mp-content" v-if="switchType == 'account'">
|
|
|
- <!--<p class="mp-content-header">已设置的账户信息<span class="fr" @click="openAddAccount"><i class="iconfont icon-xinzeng"></i>新增账户</span></p>-->
|
|
|
- <template v-if="accountList && accountList.length === 0">
|
|
|
- <div class="new-account">
|
|
|
- <div class="new-content-line">
|
|
|
- <span class="inline-block"><i>*</i>开户名称:</span>
|
|
|
- <input type="text" placeholder="请填写开户人姓名或企业名称" v-model="bankAccountObj.accountname" @blur="checkAccountname">
|
|
|
- </div>
|
|
|
- <div class="new-content-line">
|
|
|
- <span class="inline-block"><i>*</i>银行账号:</span>
|
|
|
- <input type="text" placeholder="请填写银行账号" v-model="bankAccountObj.number" @blur="checkNumber">
|
|
|
- </div>
|
|
|
- <div class="new-content-line">
|
|
|
- <span class="inline-block"><i>*</i>开户银行:</span>
|
|
|
- <input type="text" readonly placeholder="例如:中国银行" v-model="bankAccountObj.bankname" @click.stop="showNewSimilar = !showNewSimilar">
|
|
|
- <ul v-if="showNewSimilar" class="similar">
|
|
|
- <li class="text-ellipse" v-for="bank in bankList" @click.stop="setBankName(bank)">{{bank}}</li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="new-content-line">
|
|
|
- <span class="inline-block"><i>*</i>开户支行:</span>
|
|
|
- <input type="text" placeholder="例如:侨香支行" v-model="bankAccountObj.branchname" @blur="checkBranchname">
|
|
|
+ <!-- 账户信息start -->
|
|
|
+ <div class="mp-content" v-if="switchType == 'account'">
|
|
|
+ <!--<p class="mp-content-header">已设置的账户信息<span class="fr" @click="openAddAccount"><i class="iconfont icon-xinzeng"></i>新增账户</span></p>-->
|
|
|
+ <template v-if="accountList && accountList.length === 0">
|
|
|
+ <div class="new-account">
|
|
|
+ <div class="new-content-line">
|
|
|
+ <span class="inline-block"><i>*</i>开户名称:</span>
|
|
|
+ <input type="text" placeholder="请填写开户人姓名或企业名称" v-model="bankAccountObj.accountname" @blur="checkAccountname">
|
|
|
+ </div>
|
|
|
+ <div class="new-content-line">
|
|
|
+ <span class="inline-block"><i>*</i>银行账号:</span>
|
|
|
+ <input type="text" placeholder="请填写银行账号" v-model="bankAccountObj.number" @blur="checkNumber">
|
|
|
+ </div>
|
|
|
+ <div class="new-content-line">
|
|
|
+ <span class="inline-block"><i>*</i>开户银行:</span>
|
|
|
+ <input type="text" readonly placeholder="例如:中国银行" v-model="bankAccountObj.bankname" @click.stop="showNewSimilar = !showNewSimilar">
|
|
|
+ <ul v-if="showNewSimilar" class="similar">
|
|
|
+ <li class="text-ellipse" v-for="bank in bankList" @click.stop="setBankName(bank)">{{bank}}</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="new-content-line">
|
|
|
+ <span class="inline-block"><i>*</i>开户支行:</span>
|
|
|
+ <input type="text" placeholder="例如:侨香支行" v-model="bankAccountObj.branchname" @blur="checkBranchname">
|
|
|
+ </div>
|
|
|
+ <div class="am-btn-wrap">
|
|
|
+ <button @click="addAccount">确认</button>
|
|
|
+ </div>
|
|
|
+ <p class="am-remind-text clearfix">
|
|
|
+ <i class="fl">*声明:</i>
|
|
|
+ <span class="fr">
|
|
|
+ 1. 此账户为卖家收款账户,请仔细核对信息内容,若由信息错误造成的损失,优软商城不承担赔偿责任。
|
|
|
+ <br/>
|
|
|
+ 2. 卖家只能有唯一一个“使用中”的收款账户,新增账户审核通过后,原账户将自动失效。
|
|
|
+ <br/>
|
|
|
+ 3. 如您的企业名称、开户银行及账号变更,您须在优软商城开展资金结算前进行更正,否则发生转账错误优软商城不承担赔偿责任。
|
|
|
+ <br/>
|
|
|
+ 4. 更多的条款请阅读《优软商城代收代付协议》 。
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
</div>
|
|
|
- <div class="am-btn-wrap">
|
|
|
- <button @click="addAccount">确认</button>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <ul class="mp-list">
|
|
|
+ <li v-for="account in accountList">
|
|
|
+ <div class="content-line">
|
|
|
+ <span class="inline-block title">开户名称:</span>
|
|
|
+ <span class="inline-block content text-ellipse">{{account.accountname}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="content-line">
|
|
|
+ <span class="inline-block title">银行账户:</span>
|
|
|
+ <span class="inline-block content text-ellipse">{{account.number}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="content-line">
|
|
|
+ <span class="inline-block title">开户银行:</span>
|
|
|
+ <span class="inline-block content text-ellipse">{{account.bankname}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="content-line">
|
|
|
+ <span class="inline-block title">开户支行:</span>
|
|
|
+ <span class="inline-block content text-ellipse">{{account.branchname}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="content-line">
|
|
|
+ <span class="inline-block title">状态:</span>
|
|
|
+ <span class="inline-block content text-ellipse">
|
|
|
+ {{account.status | bankStatusFilter}}
|
|
|
+ <i v-if="account.status == 101" class="iconfont icon-tixing"></i>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="btn-wrap clearfix">
|
|
|
+ <a class="inline-block" @click="reuseAccount(account)"><i class="iconfont icon-gouxuan1"></i>重新使用</a><!-- v-if="account.status == 105"-->
|
|
|
+ <a class="inline-block" @click="deleteAccount(account)"><i class="iconfont icon-lajitong"></i>删除</a>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div class="com-btn-wrap mp-btn-wrap">
|
|
|
+ <button @click.stop="openAddAccount"><i class="iconfont icon-add"></i>新增账户</button>
|
|
|
</div>
|
|
|
- <p class="am-remind-text clearfix">
|
|
|
- <i class="fl">*声明:</i>
|
|
|
- <span class="fr">
|
|
|
- 1. 此账户为卖家收款账户,请仔细核对信息内容,若由信息错误造成的损失,优软商城不承担赔偿责任。
|
|
|
- <br/>
|
|
|
- 2. 卖家只能有唯一一个“使用中”的收款账户,新增账户审核通过后,原账户将自动失效。
|
|
|
- <br/>
|
|
|
- 3. 如您的企业名称、开户银行及账号变更,您须在优软商城开展资金结算前进行更正,否则发生转账错误优软商城不承担赔偿责任。
|
|
|
- <br/>
|
|
|
- 4. 更多的条款请阅读《优软商城代收代付协议》 。
|
|
|
- </span>
|
|
|
- </p>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ <!-- 账户信息end -->
|
|
|
+
|
|
|
+ <!-- 交易记录start -->
|
|
|
+ <div class="mp-record" v-if="switchType == 'record'">
|
|
|
+ <div class="search-content">
|
|
|
+ <input type="text" placeholder="买家名称/订单号" v-model="filterParams.keyword" @keyup.13="filterRecord">
|
|
|
+ <span @click="filterRecord"><i class="iconfont icon-sousuo"></i></span>
|
|
|
</div>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <ul class="mp-list">
|
|
|
- <li v-for="account in accountList">
|
|
|
+ <div class="filters-wrap">
|
|
|
+ <base-filter
|
|
|
+ v-for="filterOption in filterOptions"
|
|
|
+ :key="filterOption.selectOption"
|
|
|
+ :selectItems="filterOption.selectItems"
|
|
|
+ :defaultVal="filterOption.defaultVal"
|
|
|
+ :selectOption="filterOption.selectOption"
|
|
|
+ @selectAction="onSelectAction"
|
|
|
+ @valueAction="valueAction"
|
|
|
+ :title="filterOption.title"></base-filter>
|
|
|
+ </div>
|
|
|
+ <ul class="mp-list record-list mp-list-record" v-if="recordList.length">
|
|
|
+ <li v-for="record in recordList">
|
|
|
<div class="content-line">
|
|
|
- <span class="inline-block title">开户名称:</span>
|
|
|
- <span class="inline-block content text-ellipse">{{account.accountname}}</span>
|
|
|
+ <span class="inline-block title">订单号:</span>
|
|
|
+ <nuxt-link :to="`/mobile/order/details?uuid=${baseUtils.enidfilter(record.puid)}&type=saler`" class="inline-block content text-ellipse link">{{record.orderid}}</nuxt-link>
|
|
|
</div>
|
|
|
<div class="content-line">
|
|
|
- <span class="inline-block title">银行账户:</span>
|
|
|
- <span class="inline-block content text-ellipse">{{account.number}}</span>
|
|
|
+ <span class="inline-block title">金额:</span>
|
|
|
+ <span class="inline-block content text-ellipse">{{record.currencyName | currencyFilter}}{{record.total}}</span>
|
|
|
</div>
|
|
|
<div class="content-line">
|
|
|
- <span class="inline-block title">开户银行:</span>
|
|
|
- <span class="inline-block content text-ellipse">{{account.bankname}}</span>
|
|
|
+ <span class="inline-block title">买家:</span>
|
|
|
+ <span class="inline-block content text-ellipse">{{record.buyerentername || record.buyername}}</span>
|
|
|
</div>
|
|
|
<div class="content-line">
|
|
|
- <span class="inline-block title">开户支行:</span>
|
|
|
- <span class="inline-block content text-ellipse">{{account.branchname}}</span>
|
|
|
+ <span class="inline-block title">交易方式:</span>
|
|
|
+ <span class="inline-block content text-ellipse">{{record.type | payTypeFilter}}</span>
|
|
|
</div>
|
|
|
<div class="content-line">
|
|
|
- <span class="inline-block title">状态:</span>
|
|
|
- <span class="inline-block content text-ellipse">
|
|
|
- {{account.status | bankStatusFilter}}
|
|
|
- <i v-if="account.status == 101" class="iconfont icon-tixing"></i>
|
|
|
- </span>
|
|
|
+ <span class="inline-block title">时间:</span>
|
|
|
+ <span class="inline-block content text-ellipse">{{record.transferTime | time}}</span>
|
|
|
</div>
|
|
|
- <div class="btn-wrap clearfix">
|
|
|
- <a class="inline-block" @click="reuseAccount(account)"><i class="iconfont icon-gouxuan1"></i>重新使用</a><!-- v-if="account.status == 105"-->
|
|
|
- <a class="inline-block" @click="deleteAccount(account)"><i class="iconfont icon-lajitong"></i>删除</a>
|
|
|
+ <div class="content-line">
|
|
|
+ <span class="inline-block title">状态:</span>
|
|
|
+ <span class="inline-block content text-ellipse">收款成功</span>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
- <div class="com-btn-wrap mp-btn-wrap">
|
|
|
- <button @click.stop="openAddAccount"><i class="iconfont icon-add"></i>新增账户</button>
|
|
|
+ <div class="fix-count-wrap" v-if="recordList.length">
|
|
|
+ <span class="content">已收总计:<span>{{currencySymbol | currencyFilter}} {{totalMoney}}</span></span>
|
|
|
+ <!--<span class="content">支出总计:<span>{{currencySymbol | currencyFilter}} 0</span></span>
|
|
|
+ <p>结余:{{currencySymbol | currencyFilter}} {{totalRecordPrice}} (共计{{recordList.length || 0}}笔交易)</p>-->
|
|
|
+ <p>结余:{{currencySymbol | currencyFilter}} {{totalMoney}} (共计{{recordData.data.data.data.totalElements || 0}}笔交易)</p>
|
|
|
</div>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- <!-- 账户信息end -->
|
|
|
-
|
|
|
- <!-- 交易记录start -->
|
|
|
- <div class="mp-record" v-if="switchType == 'record'">
|
|
|
- <div class="search-content">
|
|
|
- <input type="text" placeholder="买家名称/订单号" v-model="filterParams.keyword" @keyup.13="filterRecord">
|
|
|
- <span @click="filterRecord"><i class="iconfont icon-sousuo"></i></span>
|
|
|
</div>
|
|
|
- <div class="filters-wrap">
|
|
|
- <base-filter
|
|
|
- v-for="filterOption in filterOptions"
|
|
|
- :key="filterOption.selectOption"
|
|
|
- :selectItems="filterOption.selectItems"
|
|
|
- :defaultVal="filterOption.defaultVal"
|
|
|
- :selectOption="filterOption.selectOption"
|
|
|
- @selectAction="onSelectAction"
|
|
|
- @valueAction="valueAction"
|
|
|
- :title="filterOption.title"></base-filter>
|
|
|
- </div>
|
|
|
- <ul class="mp-list record-list mp-list-record" v-if="recordList.length">
|
|
|
- <li v-for="record in recordList">
|
|
|
- <div class="content-line">
|
|
|
- <span class="inline-block title">订单号:</span>
|
|
|
- <nuxt-link :to="`/mobile/order/details?uuid=${baseUtils.enidfilter(record.puid)}&type=saler`" class="inline-block content text-ellipse link">{{record.orderid}}</nuxt-link>
|
|
|
- </div>
|
|
|
- <div class="content-line">
|
|
|
- <span class="inline-block title">金额:</span>
|
|
|
- <span class="inline-block content text-ellipse">{{record.currencyName | currencyFilter}}{{record.total}}</span>
|
|
|
- </div>
|
|
|
- <div class="content-line">
|
|
|
- <span class="inline-block title">买家:</span>
|
|
|
- <span class="inline-block content text-ellipse">{{record.buyerentername || record.buyername}}</span>
|
|
|
- </div>
|
|
|
- <div class="content-line">
|
|
|
- <span class="inline-block title">交易方式:</span>
|
|
|
- <span class="inline-block content text-ellipse">{{record.type | payTypeFilter}}</span>
|
|
|
- </div>
|
|
|
- <div class="content-line">
|
|
|
- <span class="inline-block title">时间:</span>
|
|
|
- <span class="inline-block content text-ellipse">{{record.transferTime | time}}</span>
|
|
|
- </div>
|
|
|
- <div class="content-line">
|
|
|
- <span class="inline-block title">状态:</span>
|
|
|
- <span class="inline-block content text-ellipse">收款成功</span>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <div class="fix-count-wrap" v-if="recordList.length">
|
|
|
- <span class="content">已收总计:<span>{{currencySymbol | currencyFilter}} {{totalMoney}}</span></span>
|
|
|
- <!--<span class="content">支出总计:<span>{{currencySymbol | currencyFilter}} 0</span></span>
|
|
|
- <p>结余:{{currencySymbol | currencyFilter}} {{totalRecordPrice}} (共计{{recordList.length || 0}}笔交易)</p>-->
|
|
|
- <p>结余:{{currencySymbol | currencyFilter}} {{totalMoney}} (共计{{recordData.data.data.data.totalElements || 0}}笔交易)</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 交易记录end -->
|
|
|
- <!-- 新增账户弹框start -->
|
|
|
- <modal-wrapper :noHeader="true" :showModal="showModal" @closeAction="showModal = false">
|
|
|
- <div class="add-account-modal in-wrapper">
|
|
|
- <div class="account-modal">
|
|
|
- <p class="title">新增账户</p>
|
|
|
- <div class="modal-content-line">
|
|
|
- <span class="inline-block"><i>*</i>开户名称:</span>
|
|
|
- <input type="text" placeholder="请填写开户人姓名或企业名称" v-model="bankAccountObj.accountname" @blur="checkAccountname">
|
|
|
- </div>
|
|
|
- <div class="modal-content-line">
|
|
|
- <span class="inline-block"><i>*</i>银行账号:</span>
|
|
|
- <input type="text" placeholder="请填写银行账号" v-model="bankAccountObj.number" @blur="checkNumber">
|
|
|
- </div>
|
|
|
- <div class="modal-content-line">
|
|
|
- <span class="inline-block"><i>*</i>开户银行:</span>
|
|
|
- <input type="text" readonly placeholder="例如:中国银行" v-model="bankAccountObj.bankname" @click.stop="showSimilar = !showSimilar">
|
|
|
- <ul v-if="showSimilar" class="similar">
|
|
|
- <li class="text-ellipse" v-for="bank in bankList" @click.stop="setBankName(bank)">{{bank}}</li>
|
|
|
- </ul>
|
|
|
+ <!-- 交易记录end -->
|
|
|
+ <!-- 新增账户弹框start -->
|
|
|
+ <modal-wrapper :noHeader="true" :showModal="showModal" @closeAction="showModal = false">
|
|
|
+ <div class="add-account-modal in-wrapper">
|
|
|
+ <div class="account-modal">
|
|
|
+ <p class="title">新增账户</p>
|
|
|
+ <div class="modal-content-line">
|
|
|
+ <span class="inline-block"><i>*</i>开户名称:</span>
|
|
|
+ <input type="text" placeholder="请填写开户人姓名或企业名称" v-model="bankAccountObj.accountname" @blur="checkAccountname">
|
|
|
+ </div>
|
|
|
+ <div class="modal-content-line">
|
|
|
+ <span class="inline-block"><i>*</i>银行账号:</span>
|
|
|
+ <input type="text" placeholder="请填写银行账号" v-model="bankAccountObj.number" @blur="checkNumber">
|
|
|
+ </div>
|
|
|
+ <div class="modal-content-line">
|
|
|
+ <span class="inline-block"><i>*</i>开户银行:</span>
|
|
|
+ <input type="text" readonly placeholder="例如:中国银行" v-model="bankAccountObj.bankname" @click.stop="showSimilar = !showSimilar">
|
|
|
+ <ul v-if="showSimilar" class="similar">
|
|
|
+ <li class="text-ellipse" v-for="bank in bankList" @click.stop="setBankName(bank)">{{bank}}</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="modal-content-line">
|
|
|
+ <span class="inline-block"><i>*</i>开户支行:</span>
|
|
|
+ <input type="text" placeholder="例如:侨香支行" v-model="bankAccountObj.branchname" @blur="checkBranchname">
|
|
|
+ </div>
|
|
|
+ <!--<div class="modal-content-line upload">
|
|
|
+ <span class="inline-block"><i>*</i>上传开户许可证:</span>
|
|
|
+ <input type="text" v-model="file.name" disabled>
|
|
|
+ <label class="upload-btn">选择文件
|
|
|
+ <input type="file" @change="onUpload($event)" accept="image/jpeg,image/jpg,image/png,.pdf">
|
|
|
+ </label>
|
|
|
+ </div>-->
|
|
|
+ <div class="am-btn-wrap">
|
|
|
+ <button @click="showModal = false">取消</button>
|
|
|
+ <button @click="addAccount">确认</button>
|
|
|
+ </div>
|
|
|
+ <p class="am-remind-text clearfix">
|
|
|
+ <i class="fl">*声明:</i>
|
|
|
+ <span class="fr">
|
|
|
+ 1. 此账户为卖家收款账户,请仔细核对信息内容,若由信息错误造成的损失,优软商城不承担赔偿责任。
|
|
|
+ <br/>
|
|
|
+ 2. 卖家只能有唯一一个“使用中”的收款账户,新增账户审核通过后,原账户将自动失效。
|
|
|
+ <br/>
|
|
|
+ 3. 如您的企业名称、开户银行及账号变更,您须在优软商城开展资金结算前进行更正,否则发生转账错误优软商城不承担赔偿责任。
|
|
|
+ <br/>
|
|
|
+ 4. 更多的条款请阅读《优软商城代收代付协议》 。
|
|
|
+ <!--<br/>
|
|
|
+ 5. 附件仅支持JPG、PNG、PDF格式,大小超过3M。-->
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
</div>
|
|
|
- <div class="modal-content-line">
|
|
|
- <span class="inline-block"><i>*</i>开户支行:</span>
|
|
|
- <input type="text" placeholder="例如:侨香支行" v-model="bankAccountObj.branchname" @blur="checkBranchname">
|
|
|
+ </div>
|
|
|
+ </modal-wrapper>
|
|
|
+ <!-- 新增账户弹框end -->
|
|
|
+
|
|
|
+ <!-- 重新使用账户提示框start -->
|
|
|
+ <div class="mobile-modal reuse-account-modal" v-show="showReuseModal">
|
|
|
+ <div class="ra-remind">
|
|
|
+ <div class="header"><i class="iconfont icon-guanbi1" @click="showReuseModal = false"></i></div>
|
|
|
+ <div class="content"><i class="fa fa-exclamation-circle"></i>
|
|
|
+ <span>此操作会让使用中的收款账户失效,是否确定重新使用?</span>
|
|
|
</div>
|
|
|
- <!--<div class="modal-content-line upload">
|
|
|
- <span class="inline-block"><i>*</i>上传开户许可证:</span>
|
|
|
- <input type="text" v-model="file.name" disabled>
|
|
|
- <label class="upload-btn">选择文件
|
|
|
- <input type="file" @change="onUpload($event)" accept="image/jpeg,image/jpg,image/png,.pdf">
|
|
|
- </label>
|
|
|
- </div>-->
|
|
|
- <div class="am-btn-wrap">
|
|
|
- <button @click="showModal = false">取消</button>
|
|
|
- <button @click="addAccount">确认</button>
|
|
|
+ <div class="footer">
|
|
|
+ <button @click="showReuseModal = false">取消</button>
|
|
|
+ <button @click="setDefaultAccount()">确认</button>
|
|
|
</div>
|
|
|
- <p class="am-remind-text clearfix">
|
|
|
- <i class="fl">*声明:</i>
|
|
|
- <span class="fr">
|
|
|
- 1. 此账户为卖家收款账户,请仔细核对信息内容,若由信息错误造成的损失,优软商城不承担赔偿责任。
|
|
|
- <br/>
|
|
|
- 2. 卖家只能有唯一一个“使用中”的收款账户,新增账户审核通过后,原账户将自动失效。
|
|
|
- <br/>
|
|
|
- 3. 如您的企业名称、开户银行及账号变更,您须在优软商城开展资金结算前进行更正,否则发生转账错误优软商城不承担赔偿责任。
|
|
|
- <br/>
|
|
|
- 4. 更多的条款请阅读《优软商城代收代付协议》 。
|
|
|
- <!--<br/>
|
|
|
- 5. 附件仅支持JPG、PNG、PDF格式,大小超过3M。-->
|
|
|
- </span>
|
|
|
- </p>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </modal-wrapper>
|
|
|
- <!-- 新增账户弹框end -->
|
|
|
+ <!-- 重新使用账户提示框end -->
|
|
|
|
|
|
- <!-- 重新使用账户提示框start -->
|
|
|
- <div class="mobile-modal reuse-account-modal" v-show="showReuseModal">
|
|
|
- <div class="ra-remind">
|
|
|
- <div class="header"><i class="iconfont icon-guanbi1" @click="showReuseModal = false"></i></div>
|
|
|
- <div class="content"><i class="fa fa-exclamation-circle"></i>
|
|
|
- <span>此操作会让使用中的收款账户失效,是否确定重新使用?</span>
|
|
|
- </div>
|
|
|
- <div class="footer">
|
|
|
- <button @click="showReuseModal = false">取消</button>
|
|
|
- <button @click="setDefaultAccount()">确认</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <remind-box :title="remindText" :timeoutCount="timeoutCount"></remind-box>
|
|
|
+ <pull-up :fixId="'mobileFixContent'" :searchMore="fetching" :allPage="allPage" :page="page" @pullUpAction="onPullUpAction"></pull-up>
|
|
|
+ <empty-status v-if="isEmpty" :text="暂无交易记录" :showLink="true"></empty-status>
|
|
|
</div>
|
|
|
- <!-- 重新使用账户提示框end -->
|
|
|
-
|
|
|
- <remind-box :title="remindText" :timeoutCount="timeoutCount"></remind-box>
|
|
|
- <pull-up :fixId="'mobileFixContent'" :searchMore="fetching" :allPage="allPage" :page="page" @pullUpAction="onPullUpAction"></pull-up>
|
|
|
- <empty-status v-if="isEmpty" :text="暂无交易记录" :showLink="true"></empty-status>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -688,6 +698,33 @@
|
|
|
</script>
|
|
|
<style lang="scss">
|
|
|
@import '~assets/scss/mobilePayCenter';
|
|
|
+ .order-tab {
|
|
|
+ background: #3f84f6;
|
|
|
+ padding-bottom: 0.2rem;
|
|
|
+ margin-top: 1.26rem;
|
|
|
+ .order-tab-wrapper {
|
|
|
+ border: solid 1px #ffffff;
|
|
|
+ width: 7.06rem;
|
|
|
+ margin: 0 auto;
|
|
|
+ border-radius: 0.04rem;
|
|
|
+ line-height: 0.72rem;
|
|
|
+ height: 0.72rem;
|
|
|
+ overflow: hidden;
|
|
|
+ div {
|
|
|
+ color: #ffffff;
|
|
|
+ font-size: 0.28rem;
|
|
|
+ text-align: center;
|
|
|
+ width: 50%;
|
|
|
+ &.active {
|
|
|
+ background-color: #ffffff;
|
|
|
+ color: #3f84f6;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .mobile-centerfix-content {
|
|
|
+ top: 2.185rem;
|
|
|
+ }
|
|
|
.new-account {
|
|
|
padding: .24rem;
|
|
|
background: #fff;
|