zm/nuttyreading-master-html
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

订单列表

Browse Source
This commit is contained in:
徐哼唧L
2023-12-13 11:10:01 +08:00
parent 2489d1a17b
commit 82c46b9980
3 changed files with 639 additions and 533 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/views/modules/order/buyorder.vue
View File

@@ -180,25 +180,25 @@
<div class="flexbox" style="justify-content: space-between;">
<div class="td1 flexbox" style="width:600px; align-items: flex-start; flex-wrap: wrap;">
<div v-show="fitem.orderType == 'order'" class="flexbox orderProducts"
:class="{ nobottomBorder: fitem.goodsList.length <= 3 }"
v-for="(children, index2) in fitem.goodsList" :key="children.id" style="width: 50%;">
<el-tooltip class="item" v-if="children.expressInfo && children.expressInfo.expressOrderSn != null"
:class="{ nobottomBorder: fitem.productList.length <= 3 }"
v-for="(children, index2) in fitem.productList" :key="children.id" style="width: 50%;">
<el-tooltip class="item" v-if="children.expressOrderId>0 && children.expressOrder != null"
effect="light"
:content="`快递信息：${children.expressInfo.expressCompany} ${children.expressInfo.expressOrderSn}`"
:content="`快递信息：${children.expressOrder.expressOrderSn}`"
placement="right">
<span class="normal hasDeliver"></span>
</el-tooltip>
<div class=" productItem k4545">
<img
:class="children.expressInfo && children.expressInfo.expressOrderSn != null ? 'greeyImg' : 'lightImg'"
:src="children.productImage" width="60px" height="60px">
:class="children.expressOrderId>0 && children.expressOrder != null ? 'greeyImg' : 'lightImg'"
:src="children.product.productImages" width="60px" height="60px">
</div>
<div class="price " style="flex:1">
<div class="bookName">{{ children.productName }} &nbsp;
<i v-if="children.books && children.books.length > 0" @click.stop="seeBooks(children.books)"
<div class="bookName">{{ children.product.productName }} &nbsp;
<i v-if="children.product.books && children.product.books.length > 0" @click.stop="seeBooks(children.product.books)"
class="el-icon-view" style="color:#409eff; cursor: pointer;"></i>
</div>
<div><span>￥{{ children.productPrice }}</span> × {{ children.quantity }} </div>
<div><span>￥{{ children.product.price }}</span> × {{ children.quantity }} </div>
</div>
</div>
@@ -225,9 +225,9 @@
<!-- <img v-if="fitem.orderType == 'vip'" src="../../../../static/img/oder_vip.png" width="60px" height="60px"> -->
</div>
<div class="total td2 xcenter">
<div class="tabName">商品合计：<em>￥{{ fitem.orderPrice }}</em></div>
<div class="tabName">运费：<em>￥{{ fitem.shippingPrice }}</em></div>
<div class="tabName">实收：<em>￥{{ fitem.realPrice }}</em></div>
<div class="tabName">商品合计：<em>￥{{ fitem.orderMoney }}</em></div>
<div class="tabName">运费：<em>￥{{ fitem.shippingMoney }}</em></div>
<div class="tabName">实收：<em>￥{{ fitem.realMoney }}</em></div>
<div class="tabContent">
<div></div>
<!-- <div>含快递费：10.00，优惠券：{{ fitem.couponName }}，积分抵扣：-10.00</div> -->
@@ -241,10 +241,10 @@
<div class="buier td3 xcenter">
<div class="tabName">收货信息：
<div style="color: #515a6e;"><span
style="color: #515a6e;">{{ fitem.consignee.consigneeName }}</span>&nbsp;&nbsp;&nbsp;<span
style="color: #515a6e;">{{ fitem.consignee.consigneeMobile }}</span></div>
style="color: #515a6e;">{{ fitem.shippingUser }}</span>&nbsp;&nbsp;&nbsp;<span
style="color: #515a6e;">{{ fitem.userPhone }}</span></div>
<div style="color: #515a6e;">
{{ fitem.consignee.province }}-{{ fitem.consignee.city }}-{{ fitem.consignee.county }}-{{ fitem.consignee.address }}
{{ fitem.province }}-{{ fitem.city }}-{{ fitem.district }}-{{ fitem.address }}
</div>
<div style="margin-bottom:10px">
<el-button @click="changeAddressShow(fitem)" type="primary" size="mini" plain>修改收货信息</el-button>
@@ -310,16 +310,16 @@
<el-table-column prop="shippingUser" header-align="center" align="center" label="收货人信息">
<template slot-scope="scope">
<span
v-if="scope.row.consignee.consigneeName && scope.row.consignee.consigneeName != ''">{{scope.row.consignee.consigneeName}}</span>
v-if="scope.row.shippingUser && scope.row.shippingUser != ''">{{scope.row.shippingUser}}</span>
<span v-else>暂无</span>
-<span>{{scope.row.consignee.consigneeMobile}}</span><br />
<span>{{scope.row.consignee.province}}</span>
-<span>{{scope.row.userPhone}}</span><br />
<span>{{scope.row.province}}</span>
<span
v-if="scope.row.consignee.city && scope.row.consignee.city != ''">-</span><span>{{scope.row.consignee.city}}</span>
v-if="scope.row.city && scope.row.city != ''">-</span><span>{{scope.row.city}}</span>
<span
v-if="scope.row.consignee.county && scope.row.consignee.county != ''">-</span><span>{{scope.row.consignee.county}}</span>
v-if="scope.row.district && scope.row.district != ''">-</span><span>{{scope.row.district}}</span>
<span
v-if="scope.row.consignee.address && scope.row.consignee.address != ''">-</span><span>{{scope.row.consignee.address}}</span>
v-if="scope.row.address && scope.row.address != ''">-</span><span>{{scope.row.address}}</span>
</template>
</el-table-column>
<!--<el-table-column
@@ -365,11 +365,11 @@
<el-table-column prop="realMoney" header-align="center" align="center" label="实收金额">
<template slot-scope="scope">
<div class="detailsFonts">
<span v-if="scope.row.shippingPrice">商品合计：￥{{scope.row.orderPrice}}</span>
<span v-if="scope.row.shippingMoney">商品合计：￥{{scope.row.orderMoney}}</span>
<!-- <span v-if="scope.row.couponId">优惠券：-</span> -->
<span v-if="scope.row.shippingPrice">运费：￥{{scope.row.shippingPrice}}</span>
<span v-if="scope.row.shippingMoney">运费：￥{{scope.row.shippingMoney}}</span>
<!-- <span >积分抵扣：-</span> -->
<span>实收：<b style="font-size: 16px; color: #fda328;">￥{{scope.row.realPrice}}</b></span>
<span>实收：<b style="font-size: 16px; color: #fda328;">￥{{scope.row.realMoney}}</b></span>
</div>
</template>
</el-table-column>
@@ -381,18 +381,18 @@
</el-table-column> -->
<el-table-column prop="createTime" header-align="center" align="center" label="下单时间">
</el-table-column>
<el-table-column prop="goodsList" header-align="center" align="center" label="下单商品" width="500">
<el-table-column prop="productList" header-align="center" align="center" label="下单商品" width="500">
<template slot-scope="scope">
<!-- {{scope.row.goodsList}} -->
<div v-for="(item, index) in scope.row.goodsList" :key="index">
<div v-for="(item, index) in scope.row.productList" :key="index">
<div class="flexbox" style="align-items:center; margin-bottom:10px">
<div class="img">
<img style="padding: 2px; border:1px solid #f1f1f1; margin-right: 5px;" :src="item.productImage"
<img style="padding: 2px; border:1px solid #f1f1f1; margin-right: 5px;" :src="item.product.productImages"
width="40px" height="40px">
</div>
<div>
<span>{{item.productName}} [ ￥{{item.productPrice}} × {{item.quantity}} ]
<i v-if="item.books && item.books.length > 0" @click.stop="seeBooks(item.books)" class="el-icon-view"
<span>{{item.product.productName}} [ ￥{{item.product.price}} × {{item.quantity}} ]
<i v-if="item.product.books && item.product.books.length > 0" @click.stop="seeBooks(item.product.books)" class="el-icon-view"
style="color:#409eff; cursor: pointer;"></i></span>
</div>
</div>
@@ -418,7 +418,7 @@
:to="{ path: 'order-buyorderdetail', query: { orderSn: scope.row.orderSn, ordertype: scope.row.orderStatus} }">
<el-button type="text" size="small">订单详情</el-button>
</router-link>
<el-button type="text" size="small" @click="deleteOrder(scope.row)" v-if="tabChange.tabActiveName ==0"
<el-button type="text" size="small" @click="deleteOrder(scope.row)" v-if="tabChange.tabActiveName == 0&&tabChange.tabActiveName != ''"
style="color: #f11f3b;">删除</el-button>
<!-- <span v-if="scope.row.orderStatus">
<el-button type="text" size="small" @click="deliverDetail(scope.row)"
@@ -812,15 +812,15 @@
if (data.code == 0) {
this.addressForm.orderSn = val.orderSn
this.provinceEntity = data.provinceEntity
this.addressForm.addressXX = val.consignee.address
this.addressForm.provinceCode = val.consignee.provinceCode
this.addressForm.cityCode = val.consignee.cityCode
this.addressForm.countyCode = val.consignee.countyCode
this.addressForm.provinceName = val.consignee.provinceCode
this.addressForm.cityName = val.consignee.city
this.addressForm.countyName = val.consignee.county
this.addressForm.name = val.consignee.consigneeName
this.addressForm.tel = val.consignee.consigneeMobile
this.addressForm.addressXX = val.address
this.addressForm.provinceCode = val.consigneeVo.provinceCode
this.addressForm.cityCode = val.consigneeVo.cityCode
this.addressForm.countyCode = val.consigneeVo.countyCode
this.addressForm.provinceName = val.province
this.addressForm.cityName = val.city
this.addressForm.countyName = val.district
this.addressForm.name = val.shippingUser
this.addressForm.tel = val.userPhone
this.cityEntity = this.provinceEntity.find((val, index, arr) => {
return val.regionCode == this.addressForm.provinceCode
})
@@ -957,8 +957,8 @@
}) => {
// console.log(data,'列表数据')
if (data && data.code === 0) {
this.dataList = data.result.data
this.totalPage = data.result.totalDataSize
this.dataList = data.result.records
this.totalPage = data.result.total
if (this.tabChange.tabActiveName === '1') { // 判断可选按钮是否可用
this.isMultipleDisabled()
}
@@ -1044,7 +1044,6 @@
},
// 删除订单
deleteOrder(row) {
console.log(row)
this.$confirm(`确定对订单编号${row.orderSn}进行删除操作?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',

1075
src/views/modules/order/buyorderdetail.vue
View File

File diff suppressed because it is too large Load Diff

12
src/views/modules/order/orderdeliver-split.vue
View File

@@ -27,13 +27,13 @@
<div class="item_body">
<div class="flexbox" style="justify-content: space-between;">
<div class="td1 flexbox" style="align-items: flex-start;">
<div class="flexbox orderProducts" v-for="products in productsCodeList" :key="products.productId">
<div class="flexbox orderProducts" v-for="products in productsCodeList" :key="products.product.productId">
<div class="flexbox productItem" style="">
<!-- <el-checkbox :label="products.allOrderId"></el-checkbox> -->
<img :src="products.productImage" width="30px" height="30px" :class="products.expressInfo && products.expressInfo.expressOrderSn != null ? 'gray' : ''" >
<img :src="products.product.productImages" width="30px" height="30px" :class="products.expressOrderId>0 && products.expressOrder != null ? 'gray' : ''" >
<div class="" style="align-items: center;">
<div class="bookName" style="margin-left:0">{{ products.productName }}</div>
<div style="width:100%; color:#17B3A3; font-size:12px" v-if="products.expressInfo && products.expressInfo.expressOrderSn != null">快递信息：{{products.expressInfo.expressCompany}}-{{products.expressInfo.expressOrderSn}}</div>
<div class="bookName" style="margin-left:0">{{ products.product.productName }}</div>
<div style="width:100%; color:#17B3A3; font-size:12px" v-if="products.expressOrderId>0 && products.expressOrder != null">快递信息：{{products.expressOrder.expressOrderSn}}</div>
</div>
</div>
<div class="flexbox">
@@ -232,7 +232,7 @@ export default {
this.productsCodeList.splice(index, 1)
// console.log(index)
}
this.productsIdsList = this.productsCodeList.map( item => item.buyOrderProductId)
this.productsIdsList = this.productsCodeList.map( item => item.id)
})
},
//
@@ -371,7 +371,7 @@ export default {
orderitem: {
handler(val, oldVal) {
// console.log('变化',val)
this.productsCodeList = val.goodsList
this.productsCodeList = val.productList
this.getNewProducts()
// console.log('productsIdsList',this.productsIdsList)
this.getMixDeliverOrderList()