Skip to content

M
member
Commit 26c32923 by chenyu
Options

update: update

parent cd917d39
Showing with 78 additions and 86 deletions
src/components/wechatmembers/wmDetail.vue
<template>
<div class="mall-container">
<div class="">
<v-nav :navpath="navpath"></v-nav>
<div class="record">
<header>
<el-select v-model="search" placeholder="全部类型" clearable @change="searchChangd">
<el-option label="购买" :value="1"></el-option>
<el-option label="退款" :value="2"></el-option>
<el-option label="退换货" :value="4"></el-option>
</el-select>
</header>
<div class="table-content" v-loading="load">
<el-table :class="['only-head-table',!memberData.length?'no-data':'']">
<el-table-column v-for="colunm in tableColumnList" :key="colunm" :label="colunm.label"
:min-width="colunm.width" />
</el-table>
<div class="only-content-table-list" style=""
v-if="memberData.length">
<div class="group-item" v-for="group in memberData" :key="group">
<div class="group-header">
<div class="left">
<p class="order-number">
订单编号：{{ group.orderNumber }}
</p>
<p class="order-time">
下单时间：{{ group.createTime }}
</p>
</div>
<v-nav :navpath="navpath"></v-nav>
<div class="record">
<header>
<el-select v-model="search" placeholder="全部类型" clearable @change="searchChangd">
<el-option label="购买" :value="1"></el-option>
<el-option label="退款" :value="2"></el-option>
<el-option label="退换货" :value="4"></el-option>
</el-select>
</header>
<div class="table-content" v-loading="load">
<el-table :class="['only-head-table',!memberData.length?'no-data':'']">
<el-table-column v-for="colunm in tableColumnList" :key="colunm" :label="colunm.label"
:min-width="colunm.width" />
</el-table>
<div class="only-content-table-list" style=""
v-if="memberData.length">
<div class="group-item" v-for="group in memberData" :key="group">
<div class="group-header">
<div class="left">
<p class="order-number">
订单编号：{{ group.orderNumber }}
</p>
<p class="order-time">
下单时间：{{ group.createTime }}
</p>
</div>
<el-table class="only-content-table" :data="group.orderItemList" show-overflow-tooltip
:span-method="(obj)=>spanMethod({...obj,length:group.orderItemList.length})">
<template v-for="colunm in tableColumnList">
<el-table-column :key="colunm" :label="colunm.label" :min-width="colunm.width"
show-overflow-tooltip :prop="colunm.prop">
<template slot-scope="{row}">
<template
v-if="['orderStatus','deliveryInfo','payAmount'].includes(colunm.prop)">
<!-- 订单类型 -->
<template v-if="colunm.prop==='orderStatus'">
<div :style="{paddingLeft:'14px',color:orderColor[group.orderStatus]}">{{ group.orderStatus|orderTypeFilter }}
</div>
</template>
<!-- 收货信息 -->
<template v-else-if="colunm.prop==='deliveryInfo'">
<div class="delivery-info">
<p class="delivery-info-line">收件人：{{ group.buyerName }}</p>
<p class="delivery-info-line">手机号：{{ group.buyerPhone }}</p>
<p class="delivery-info-line" style="overflow: hidden;text-overflow:ellipsis;white-space: nowrap;">收货地址：{{ group.addressInfo }}</p>
</div>
</template>
<!-- 小计 -->
<template v-else>
<div style="display:flex;align-items:center;padding-left:14px;">
￥{{ group[colunm.prop]|fomatFloat }}
</div>
</template>
</div>
<el-table class="only-content-table" :data="group.orderItemList" show-overflow-tooltip
:span-method="(obj)=>spanMethod({...obj,length:group.orderItemList.length})">
<template v-for="colunm in tableColumnList">
<el-table-column :key="colunm" :label="colunm.label" :min-width="colunm.width"
show-overflow-tooltip :prop="colunm.prop">
<template slot-scope="{row}">
<template
v-if="['orderStatus','deliveryInfo','payAmount'].includes(colunm.prop)">
<!-- 订单类型 -->
<template v-if="colunm.prop==='orderStatus'">
<div :style="{paddingLeft:'14px',color:orderColor[group.orderStatus]}">{{ group.orderStatus|orderTypeFilter }}
</div>
</template>
<!-- 收货信息 -->
<template v-else-if="colunm.prop==='deliveryInfo'">
<div class="delivery-info">
<p class="delivery-info-line">收件人：{{ group.buyerName }}</p>
<p class="delivery-info-line">手机号：{{ group.buyerPhone }}</p>
<p class="delivery-info-line" style="overflow: hidden;text-overflow:ellipsis;white-space: nowrap;">收货地址：{{ group.addressInfo }}</p>
</div>
</template>
<!-- 小计 -->
<template v-else>
<!-- 商品信息 -->
<div class="good-info" v-if="colunm.prop==='mallProName'">
<el-image fit="cover"
:src="row.mallProImageUrl ? row.mallProImageUrl : './static/img/default-goods.png'">
<div slot="error" class="image-slot">
<img width="60" :src="brokeImg" alt="">
</div>
</el-image>
<div class="info-detail">
<div class="good-name">{{ row.mallProName }}</div>
<div class="good-attr">{{ row.mallProSkuAttr }}</div>
</div>
<div style="display:flex;align-items:center;padding-left:14px;">
￥{{ group[colunm.prop]|fomatFloat }}
</div>
<!-- 单价 -->
<div class="price-info" v-else-if="colunm.prop==='mallProPrice'">￥{{ row.mallProPrice|fomatFloat }}</div>
<!-- 数量 -->
<div v-else style="padding-left:14px;">{{ row.mallProNumber }}</div>
</template>
</template>
</el-table-column>
</template>
</el-table>
</div>
</div>
<div class="page mTop20" v-if="page.totalCount > 0">
<dm-pagination background @size-change="handleSizeChange"
@current-change="handleCurrentChange" :current-page="page.currentPage"
:page-sizes="[20, 40, 60, 80]" :page-size="page.pageSize"
layout="total, sizes, prev, pager, next" :total="page.totalCount" />
<template v-else>
<!-- 商品信息 -->
<div class="good-info" v-if="colunm.prop==='mallProName'">
<el-image fit="cover"
:src="row.mallProImageUrl ? row.mallProImageUrl : './static/img/default-goods.png'">
<div slot="error" class="image-slot">
<img width="60" :src="brokeImg" alt="">
</div>
</el-image>
<div class="info-detail">
<div class="good-name">{{ row.mallProName }}</div>
<div class="good-attr">{{ row.mallProSkuAttr }}</div>
</div>
</div>
<!-- 单价 -->
<div class="price-info" v-else-if="colunm.prop==='mallProPrice'">￥{{ row.mallProPrice|fomatFloat }}</div>
<!-- 数量 -->
<div v-else style="padding-left:14px;">{{ row.mallProNumber }}</div>
</template>
</template>
</el-table-column>
</template>
</el-table>
</div>
</div>
<div class="page mTop20" v-if="page.totalCount > 0">
<dm-pagination background @size-change="handleSizeChange"
@current-change="handleCurrentChange" :current-page="page.currentPage"
:page-sizes="[20, 40, 60, 80]" :page-size="page.pageSize"
layout="total, sizes, prev, pager, next" :total="page.totalCount" />
</div>
</div>
</div>
<!-- <div class="foot-add">
<vue-gic-footer></vue-gic-footer>
</div> -->
</div>
</template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment