mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git
synced 2025-12-18 08:55:52 +08:00
logo替换为本地文件,商品搜索项折叠,售后展示平台退款订单
This commit is contained in:
@@ -33,7 +33,7 @@ export function sendSms (params) {
|
||||
});
|
||||
}
|
||||
/**
|
||||
* 发送短信验证码
|
||||
* 获取logo图标
|
||||
*/
|
||||
export function getLogo () {
|
||||
return request({
|
||||
|
||||
BIN
buyer/src/assets/images/logo2.png
Normal file
BIN
buyer/src/assets/images/logo2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 390 KiB |
@@ -95,7 +95,7 @@
|
||||
|
||||
<!-- 其他筛选项 -->
|
||||
<template v-for="(tag, tagIndex) in tagsContent">
|
||||
<div class="other" v-if="tag.show && tagIndex !== 0" :key="tagIndex">
|
||||
<div class="other" v-if="tag.show && tagIndex !== 0" v-show="tagIndex < showTagCount" :key="tagIndex">
|
||||
<div>
|
||||
<strong>{{ tag.key }}:</strong>
|
||||
</div>
|
||||
@@ -153,6 +153,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<div @click="moreOptions" v-if="tagsContent.length>4" class="more-options">{{showTagCount===5?'更多筛选项':'收起筛选项'}}<Icon :type="showTagCount===5?'ios-arrow-down':'ios-arrow-up'" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -168,6 +169,7 @@ export default {
|
||||
first: {},
|
||||
second: {}
|
||||
},
|
||||
showTagCount: 5, // 展示的搜索项数量
|
||||
multiple: false, // 多选
|
||||
tagsContent: [
|
||||
// 标签
|
||||
@@ -369,6 +371,10 @@ export default {
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
// 展示更多搜索项
|
||||
moreOptions () {
|
||||
this.showTagCount = this.showTagCount === 5 ? 100 : 5
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
@@ -502,8 +508,8 @@ export default {
|
||||
/** 筛选主体 */
|
||||
.content {
|
||||
background: #fff;
|
||||
border-top: 1px solid #999;
|
||||
border-bottom: 1px solid #999;
|
||||
border-top: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
margin: 10px 0;
|
||||
}
|
||||
/** 品牌 start */
|
||||
@@ -700,6 +706,13 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
.more-options{
|
||||
margin: 5px;
|
||||
color: #2d8cf0;
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/** 其他筛选项 end */
|
||||
</style>
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<div>
|
||||
<div class="coupon-title">
|
||||
<router-link to="/">
|
||||
<img src="../assets/images/logo.png" width="120" alt="">
|
||||
<img src="../assets/images/logo1.png" width="120" alt="">
|
||||
</router-link>
|
||||
<p>领券中心</p>
|
||||
<Input search style="width:400px" @on-search='search' enter-button="搜索" placeholder="搜索优惠券" />
|
||||
|
||||
@@ -75,5 +75,9 @@ export const afterSaleStatusList = [
|
||||
{
|
||||
name: '完成售后',
|
||||
status: 'COMPLETE'
|
||||
},
|
||||
{
|
||||
name: '等待平台退款',
|
||||
status: 'WAIT_REFUND'
|
||||
}
|
||||
]
|
||||
|
||||
@@ -235,6 +235,7 @@ export default {
|
||||
this.submitLoading = false
|
||||
})
|
||||
},
|
||||
// 提交物流modal
|
||||
openModal (row) {
|
||||
console.log(row);
|
||||
this.singleOrder = row;
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="order-detail">
|
||||
<card _Title="售后详情" :_Size="16"></card>
|
||||
<div class="order-card">
|
||||
<h3>{{filterOrderStatus(afterSale.serviceStatus)}}</h3>
|
||||
<h3>{{afterSale.serviceName}}</h3>
|
||||
<p class="global_color fontsize_18">{{ afterSale.orderStatusValue }}</p>
|
||||
<p>售后单号:{{ afterSale.sn }} 订单号:{{afterSale.orderSn}}</p>
|
||||
<div style="color:#999;" class="operation-time">创建时间:{{afterSale.createTime}}</div>
|
||||
@@ -31,8 +31,22 @@
|
||||
<h3 class="mb_10">服务单信息</h3>
|
||||
<table border="1" cellpadding='0' cellspacing="0">
|
||||
<tr>
|
||||
<td>退款方式</td><td>{{afterSale.refundWay == 'ORIGINAL' ? '原路退回' : '账号退款'}}{{afterSale.applyRefundPrice | unitPrice('¥')}}</td>
|
||||
<td>退款方式</td><td>{{afterSale.refundWay == 'ORIGINAL' ? '原路退回' : '账号退款'}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>退款金额</td><td>{{afterSale.actualRefundPrice | unitPrice('¥')}}</td>
|
||||
</tr>
|
||||
<template v-if="afterSale.refundWay === 'OFFLINE'">
|
||||
<tr>
|
||||
<td>退款开户行</td><td>{{afterSale.bankDepositName}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>退款开户名</td><td>{{afterSale.bankAccountName}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>退款卡号</td><td>{{afterSale.bankAccountNumber}}</td>
|
||||
</tr>
|
||||
</template>
|
||||
<tr>
|
||||
<td>商品处理方式</td><td>{{afterSale.serviceType == 'RETURN_MONEY' ? '退款' : '退货'}}</td>
|
||||
</tr>
|
||||
@@ -53,7 +67,7 @@
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { afterSaleDetail, afterSaleReason, afterSaleLog } from '@/api/member.js';
|
||||
import { afterSaleDetail, afterSaleLog } from '@/api/member.js';
|
||||
import { afterSaleStatusList } from '../enumeration.js'
|
||||
export default {
|
||||
name: 'aftersale-detail',
|
||||
@@ -62,7 +76,6 @@ export default {
|
||||
afterSale: {}, // 售后详情数据
|
||||
logList: [], // 日志
|
||||
afterSaleStatusList // 售后状态列表
|
||||
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
@@ -70,14 +83,7 @@ export default {
|
||||
afterSaleDetail(this.$route.query.sn).then(res => {
|
||||
if (res.success) {
|
||||
this.afterSale = res.result;
|
||||
|
||||
afterSaleReason(this.afterSale.serviceType).then(res => {
|
||||
res.result.forEach(element => {
|
||||
if (element.id === this.afterSale.reason) {
|
||||
this.$set(this.afterSale, 'reason', element.reason)
|
||||
}
|
||||
});
|
||||
})
|
||||
this.afterSale.serviceName = this.filterOrderStatus(this.afterSale.serviceStatus)
|
||||
}
|
||||
})
|
||||
},
|
||||
@@ -88,7 +94,7 @@ export default {
|
||||
},
|
||||
filterOrderStatus (status) { // 获取订单状态中文
|
||||
const ob = this.afterSaleStatusList.filter(e => { return e.status === status });
|
||||
return ob[0].name
|
||||
if (ob.length) return ob[0].name
|
||||
},
|
||||
perviewImg (img) {
|
||||
window.open(img, '_blank')
|
||||
|
||||
@@ -12,7 +12,7 @@ export default new Vuex.Store({
|
||||
category: [], // 全部分类
|
||||
navList: [],
|
||||
cartNum: storage.getItem('cartNum') || 0,
|
||||
logoImg: 'https://lili-system.oss-cn-beijing.aliyuncs.com/logo.png'
|
||||
logoImg: require('@/assets/images/logo2.png')
|
||||
},
|
||||
getters,
|
||||
actions,
|
||||
|
||||
Reference in New Issue
Block a user