<template>
|
<div>
|
<div class="userInfo">
|
<img v-if="form.memberInfoResult && form.memberInfoResult.memberPic" :src="form.memberInfoResult
|
? form.memberInfoResult.memberPic
|
: ''" />
|
<img v-else src="../../../assets/img/head_portrait.png" />
|
<div class="memeber">
|
<div>会员昵称：{{form.memberInfoResult ? form.memberInfoResult.memberNickName : '-'}}</div>
|
<div>
|
会员等级：{{form.memberInfoResult && form.memberInfoResult.memberLevelName ? form.memberInfoResult.memberLevelName : '-'}}
|
</div>
|
</div>
|
</div>
|
<el-form-item label="退款来源：">
|
{{form.omsOrderRefund && form.omsOrderRefund.orderSource ? getLabel(orderSourceArr,form.omsOrderRefund.orderSource) : '-'}}
|
</el-form-item>
|
<el-form-item label="订单编号：">{{form.omsOrderRefund ? form.omsOrderRefund.orderId : '-'}}
|
</el-form-item>
|
<el-form-item label="店铺名称：">{{form.shopName}}</el-form-item>
|
<template v-if="form.omsOrder && form.omsOrder.orderType === 'T04'">
|
<el-form-item label="物流服务商：">{{logisticSupplier}}</el-form-item>
|
<el-form-item label="仓库名称：">{{warehouse}}</el-form-item>
|
</template>
|
<el-form-item label="商品信息：">
|
<el-table border :data="form.orderRefundDetailList">
|
<el-table-column type="index" align="center" label="序号" width="80px"></el-table-column>
|
<el-table-column label="商品图片" align="center">
|
<template slot-scope="scope">
|
<product-img :imgUrl="scope.row.imgUrl"></product-img>
|
</template>
|
</el-table-column>
|
<el-table-column label="商品" prop="spuName" show-overflow-tooltip>
|
<template slot-scope="scope">
|
<span class="giftStyle" v-if="scope.row.promotionType === '2'">赠</span>
|
<el-popover v-if="scope.row.omsOrderRefundDetailProds && scope.row.omsOrderRefundDetailProds.length"
|
placement="top" width="790" trigger="click">
|
<el-table :data="scope.row.omsOrderRefundDetailProds" border size="mini">
|
<el-table-column width="150" property="spuNum" label="商品主编码" show-overflow-tooltip>
|
</el-table-column>
|
<el-table-column min-width="150" property="spuName" label="商品名称"
|
show-overflow-tooltip></el-table-column>
|
<el-table-column width="150" property="address" label="商品规格" show-overflow-tooltip>
|
<template slot-scope="scope">
|
{{scope.row.skuProps && JSON.parse(scope.row.skuProps).length ? JSON.parse(scope.row.skuProps).map(item=>item.propValueName).join('/') : '-'}}
|
</template>
|
</el-table-column>
|
<el-table-column min-width="100" property="listPrice" label="挂牌价"
|
show-overflow-tooltip>
|
<template slot-scope="scope">
|
{{scope.row.listPrice ? '￥'+scope.row.listPrice.toFixed(2) : '￥0.00'}}
|
</template>
|
</el-table-column>
|
<el-table-column min-width="80" property="reduceStorage" label="数量" align="center"
|
show-overflow-tooltip></el-table-column>
|
<el-table-column label="商品金额（元）" width="150px">
|
<template slot-scope="scope">
|
{{scope.row.totelAmtAct ? '￥'+scope.row.totelAmtAct.toFixed(2) : '￥0.00'}}
|
</template>
|
</el-table-column>
|
</el-table>
|
<el-link slot="reference" type="primary">{{scope.row.spuName}}</el-link>
|
</el-popover>
|
<span v-else>{{scope.row.spuName}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="商品规格">
|
<template slot-scope="scope">
|
{{ scope.row.skuProps && JSON.parse(scope.row.skuProps).length ? JSON.parse(scope.row.skuProps).map(item=>item.propValueName).join('/') : '-'}}
|
</template>
|
</el-table-column>
|
<el-table-column label="退款金额（元）" width="120">
|
<template slot-scope="scope">
|
<span v-if="scope.row.promotionType !== '2'">
|
{{scope.row.totelAmtAct ? '￥'+scope.row.totelAmtAct.toFixed(2) : ''}}
|
</span>
|
<span v-else>-</span>
|
</template>
|
</el-table-column>
|
<template
|
v-if="form.omsOrder && form.omsOrder.orderType === 'T04' && form.omsOrderDelivery.logisticSupplier === 'JD'">
|
<el-table-column label="计量单位/单位计数" width="140">
|
<template slot-scope="scope">
|
<el-select v-model="scope.row.specificationCode" multiple placeholder="请选择" disabled>
|
<el-option v-for="item in scope.row.specificationCodeList" :key="item.prodSkuNo"
|
:label="item.unitOfMeasurement + '*'+ item.skuUnit"
|
:value="item.prodSkuNo">
|
</el-option>
|
</el-select>
|
</template>
|
</el-table-column>
|
<el-table-column label="发货数量" width="180">
|
<template slot-scope="scope">
|
<span v-if="scope.row.shipmentsCountList.length">
|
<el-input-number :min="1" v-model="item.shipmentsCount"
|
v-for="(item,index) in scope.row.shipmentsCountList" :key="index"
|
disabled size="small" style="margin-bottom:10px">
|
</el-input-number>
|
</span>
|
</template>
|
</el-table-column>
|
</template>
|
<el-table-column label="数量" width="150">
|
<template slot-scope="scope">
|
<span
|
v-if="form.omsOrderDelivery.logisticSupplier === 'JD'">{{scope.row.buyQuantity}}</span>
|
<span v-else>{{scope.row.buyQuantity}} *
|
{{ scope.row.expInfo ? JSON.parse(scope.row.expInfo).skuReduceStorage : ''}}
|
({{scope.row.spuUnit ? scope.row.spuUnit : '瓶'}})</span>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-form-item>
|
</div>
|
</template>
|
<script>
|
import orderSourceArr from '@/utils/constant/orderSourceArr'
|
import productImg from '@/views/product/components/productImg.vue'
|
export default {
|
props: ['form', 'warehouseData', 'logisticSupplier', 'warehouse'],
|
components: { productImg },
|
data() {
|
return {
|
orderSourceArr,
|
// 发货仓库下拉列表数据源
|
deliveryWarehouseData: []
|
}
|
},
|
methods: {
|
/**
|
* 获取数组的label
|
*/
|
getLabel(array, id) {
|
var lableText = array.find((item) => {
|
return item.id === id
|
})
|
if (lableText) {
|
return lableText.name
|
}
|
return ''
|
}
|
}
|
}
|
</script>
|
<style lang="scss">
|
$size: 80px;
|
.userInfo {
|
border-bottom: 1px solid #cccccc;
|
padding-bottom: 20px;
|
margin-bottom: 15px;
|
img {
|
width: $size;
|
height: $size;
|
}
|
.memeber {
|
display: inline-block;
|
padding-left: 15px;
|
vertical-align: bottom;
|
div {
|
padding: 10px 0;
|
}
|
}
|
}
|
</style>
|
