|
|
|
<template>
|
|
|
|
<div class="return return-refund">
|
|
|
|
<product-list :list="list" :data="refundData" type="refund"></product-list>
|
|
|
|
<div class="return-amount">
|
|
|
|
<!-- TODO:退货信息优化为组件 -->
|
|
|
|
<div class="return-amount-item">
|
|
|
|
退款方法
|
|
|
|
|
|
|
|
<span class="icon icon-right"></span>
|
|
|
|
<select v-model="amount.return_amount_mode" name="amount-mode">
|
|
|
|
<option v-for="mode in refundData.return_amount_mode" :key="mode.id" :value="mode.id">{{mode.name}}</option>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<template v-if="amount.return_amount_mode === 2">
|
|
|
|
<div class="return-amount-item">
|
|
|
|
<span class="name">银行</span>
|
|
|
|
|
|
|
|
<input v-model="amount.bank_name" type="text" placeholder="请填写银行名称">
|
|
|
|
</div>
|
|
|
|
<div class="return-amount-item">
|
|
|
|
<span class="name">卡号</span>
|
|
|
|
|
|
|
|
<input v-model="amount.bank_card" type="text" placeholder="请填写银行卡卡号">
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<header-box title="退货申请" ref="header"></header-box>
|
|
|
|
<div class="return return-refund">
|
|
|
|
<product-list :list="list" :data="refundData" type="refund"></product-list>
|
|
|
|
<div class="return-amount">
|
|
|
|
<!-- TODO:退货信息优化为组件 -->
|
|
|
|
<div class="return-amount-item">
|
|
|
|
<span class="name">姓名</span>
|
|
|
|
退款方法
|
|
|
|
|
|
|
|
<input v-model="amount.payee_name" type="text" placeholder="收款人姓名">
|
|
|
|
<span class="icon icon-right"></span>
|
|
|
|
<select v-model="amount.return_amount_mode" name="amount-mode">
|
|
|
|
<option v-for="mode in refundData.return_amount_mode" :key="mode.id" :value="mode.id">{{mode.name}}</option>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<template v-if="amount.return_amount_mode === 3">
|
|
|
|
<div class="return-amount-item">
|
|
|
|
<span class="name">帐号</span>
|
|
|
|
|
|
|
|
<input v-model="amount.alipay_account" type="text" placeholder="请填写支付宝帐号">
|
|
|
|
</div>
|
|
|
|
<div class="return-amount-item">
|
|
|
|
<span class="name">姓名</span>
|
|
|
|
|
|
|
|
<input v-model="amount.alipay_name" type="text" placeholder="收款人姓名">
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</div>
|
|
|
|
<div v-if="refundData.return_amount_info" class="return-amount-info">
|
|
|
|
{{refundData.return_amount_info}}
|
|
|
|
<template v-if="amount.return_amount_mode === 2">
|
|
|
|
<div class="return-amount-item">
|
|
|
|
<span class="name">银行</span>
|
|
|
|
|
|
|
|
<input v-model="amount.bank_name" type="text" placeholder="请填写银行名称">
|
|
|
|
</div>
|
|
|
|
<div class="return-amount-item">
|
|
|
|
<span class="name">卡号</span>
|
|
|
|
|
|
|
|
<input v-model="amount.bank_card" type="text" placeholder="请填写银行卡卡号">
|
|
|
|
</div>
|
|
|
|
<div class="return-amount-item">
|
|
|
|
<span class="name">姓名</span>
|
|
|
|
|
|
|
|
<input v-model="amount.payee_name" type="text" placeholder="收款人姓名">
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<template v-if="amount.return_amount_mode === 3">
|
|
|
|
<div class="return-amount-item">
|
|
|
|
<span class="name">帐号</span>
|
|
|
|
|
|
|
|
<input v-model="amount.alipay_account" type="text" placeholder="请填写支付宝帐号">
|
|
|
|
</div>
|
|
|
|
<div class="return-amount-item">
|
|
|
|
<span class="name">姓名</span>
|
|
|
|
|
|
|
|
<input v-model="amount.alipay_name" type="text" placeholder="收款人姓名">
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</div>
|
|
|
|
<div v-if="refundData.return_amount_info" class="return-amount-info">
|
|
|
|
{{refundData.return_amount_info}}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
...
|
...
|
@@ -56,6 +59,7 @@ |
|
|
|
import yoho from 'yoho';
|
|
|
|
import productList from 'me/return/list.vue';
|
|
|
|
import reasonConfig from 'me/return/reason';
|
|
|
|
import HeaderBox from 'component/header.vue';
|
|
|
|
|
|
|
|
export default {
|
|
|
|
data() {
|
|
...
|
...
|
@@ -172,7 +176,8 @@ |
|
|
|
}
|
|
|
|
},
|
|
|
|
components: {
|
|
|
|
productList
|
|
|
|
productList,
|
|
|
|
HeaderBox
|
|
|
|
}
|
|
|
|
};
|
|
|
|
</script>
|
...
|
...
|
|
