|
@@ -3,6 +3,7 @@
|
|
|
<zj-tab-page ref="tabPage" :defaultActives="[{ key: 'list', label: $route.meta.title + '-列表', essential: true }]">
|
|
|
<template slot-scope="{ activeKey, data }">
|
|
|
<div v-if="activeKey == 'list'" class="app-container">
|
|
|
+ <!-- 筛选条件 -->
|
|
|
<div class="screen-container">
|
|
|
<el-form ref="screenForm" :model="screenForm" label-width="70px" size="small" label-position="left">
|
|
|
<el-row :gutter="20">
|
|
@@ -26,7 +27,6 @@
|
|
|
<el-input v-model="screenForm.phone" placeholder="请输入手机号"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
-
|
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
|
<el-form-item label="网点名称" prop="websitId">
|
|
|
<el-select v-model="screenForm.websitId" placeholder="请选择网点名称" filterable clearable>
|
|
@@ -39,22 +39,11 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
-
|
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
|
<el-form-item label="兑换码" prop="exchangeCode">
|
|
|
<el-input v-model="screenForm.exchangeCode" placeholder="请输入兑换码"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
-
|
|
|
- <!-- <el-col :xs="24" :sm="12" :lg="6">-->
|
|
|
- <!-- <el-form-item label="当前状态" prop="orderStatus">-->
|
|
|
- <!-- <el-select v-model="screenForm.orderStatus" placeholder="全部">-->
|
|
|
- <!-- <el-option label="全部" value=""></el-option>-->
|
|
|
- <!-- <el-option :label="item.label" :value="item.value" v-for="(item, index) in screen_status" :key="index"></el-option>-->
|
|
|
- <!-- </el-select>-->
|
|
|
- <!-- </el-form-item>-->
|
|
|
- <!-- </el-col>-->
|
|
|
-
|
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
|
<el-form-item label="创建时间" prop="createDate" style="height: 33px">
|
|
|
<el-date-picker
|
|
@@ -68,7 +57,6 @@
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
-
|
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
|
<el-form-item label="支付时间" prop="payDate" style="height: 33px">
|
|
|
<el-date-picker
|
|
@@ -82,7 +70,6 @@
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
-
|
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
|
<el-form-item label="评价状态" prop="evaluateStatus">
|
|
|
<el-select v-model="screenForm.evaluateStatus" placeholder="全部">
|
|
@@ -94,7 +81,6 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
-
|
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
|
<el-form-item label="派单异常" prop="sendStatus">
|
|
|
<el-select v-model="screenForm.sendStatus" placeholder="全部">
|
|
@@ -119,7 +105,6 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
-
|
|
|
<el-col :xs="24" :sm="24" :lg="24" class="tr">
|
|
|
<el-form-item label="">
|
|
|
<el-button size="small" type="primary" @click="submitScreenForm">搜索</el-button>
|
|
@@ -129,12 +114,16 @@
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
-
|
|
|
+ <!-- --------------------------------------------------------------------------- -->
|
|
|
+ <!-- tab切换 / 操作按钮-->
|
|
|
<div class="tabs-container order-tabs-container clearfix">
|
|
|
<div class="fl">
|
|
|
<el-tabs v-model="tabCurrent" type="card" @tab-click="changeTabs" class="fl" style="margin-right: 20px">
|
|
|
<el-tab-pane label="全部" name="ALL"></el-tab-pane>
|
|
|
- <el-tab-pane label="待付款" name="NOPAY"></el-tab-pane>
|
|
|
+ <el-tab-pane label="微信支付待付款" name="NOPAY"></el-tab-pane>
|
|
|
+ <el-tab-pane label="待收款" name="NO_PAID"></el-tab-pane>
|
|
|
+ <el-tab-pane label="部分收款" name="PART_PAID"></el-tab-pane>
|
|
|
+ <el-tab-pane label="完成收款" name="PAID"></el-tab-pane>
|
|
|
<el-tab-pane label="待确认" name="DQR"></el-tab-pane>
|
|
|
<el-tab-pane label="待发货" name="DFH"></el-tab-pane>
|
|
|
<el-tab-pane label="已发货" name="YFH"></el-tab-pane>
|
|
@@ -165,7 +154,10 @@
|
|
|
<el-button v-if="$restrict('exp')" size="small" type="primary" @click="handleExport">导出报表</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!-- --------------------------------------------------------------------------- -->
|
|
|
+ <!-- 列表 -->
|
|
|
<div class="order-main-container">
|
|
|
+ <!-- 表头 -->
|
|
|
<div class="table-top">
|
|
|
<el-row style="width: 100%">
|
|
|
<el-col :span="3">
|
|
@@ -178,23 +170,24 @@
|
|
|
<span class="item product">商品信息</span>
|
|
|
</el-col>
|
|
|
<el-col :span="3" style="text-align: right"><span class="item">单价(元)/数量</span></el-col>
|
|
|
- <el-col :span="3" style="text-align: center"><span class="item">买家信息</span></el-col>
|
|
|
- <el-col :span="3" style="text-align: center"><span class="item">收货信息</span></el-col>
|
|
|
+ <el-col :span="2" style="text-align: center"><span class="item">买家信息</span></el-col>
|
|
|
+ <el-col :span="2" style="text-align: center"><span class="item">收货信息</span></el-col>
|
|
|
<el-col :span="2" style="text-align: center"><span class="item">实付金额</span></el-col>
|
|
|
<el-col :span="2" style="text-align: center"><span class="item">订单状态</span></el-col>
|
|
|
+ <el-col :span="2" style="text-align: center"><span class="item">收款状态</span></el-col>
|
|
|
<el-col :span="2" style="text-align: center"><span class="item">评价状态</span></el-col>
|
|
|
<el-col :span="2" style="text-align: center"><span class="item">业务员</span></el-col>
|
|
|
<el-col :span="2" style="text-align: center"><span class="item">分销员</span></el-col>
|
|
|
<el-col :span="2" style="text-align: center"><span class="item">操作</span></el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
+ <!-- --------------------------------------------------------------------------- -->
|
|
|
<div class="order-item" v-for="order in dataList" :key="order.orderId">
|
|
|
<div class="order-top">
|
|
|
<el-checkbox v-model="order.selected"></el-checkbox>
|
|
|
<span><b>订单号</b>:{{ order.orderId }}</span>
|
|
|
<span><b>下单时间</b>:{{ order.createTime }}</span>
|
|
|
<span><b>商户</b>:{{ order.companyWechatName || '无' }}</span>
|
|
|
- <!-- <span><b>网点</b>:{{ order.websitName || '无' }}</span> -->
|
|
|
<el-tag>{{ { 1: '商城销售', 2: '线下销售' }[order.saleType] }}</el-tag>
|
|
|
<el-tag
|
|
|
:type="order.payTypeId == 'WECHAT' ? 'success' : order.payTypeId == 'WECHAT_OFFLINE' ? 'warning' : ''"
|
|
@@ -212,7 +205,6 @@
|
|
|
@click="queryDetail(order.orderId)"
|
|
|
>查看详情</el-link
|
|
|
>
|
|
|
- <!-- <el-link type="primary" :underline="false" @click="queryWorkOrder(order.orderId)">订单工单</el-link> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="order-content">
|
|
@@ -252,14 +244,14 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="3" style="height: 100%">
|
|
|
+ <el-col :span="2" style="height: 100%">
|
|
|
<div class="col-item">
|
|
|
<div>{{ order.userName }}</div>
|
|
|
<div>{{ order.phone }}</div>
|
|
|
<div style="color: #409eff">{{ order.isAddCorp ? '(已入驻企微)' : '' }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="3" style="height: 100%">
|
|
|
+ <el-col :span="2" style="height: 100%">
|
|
|
<div class="col-item">
|
|
|
<div>{{ order.receUserName }}/{{ order.recePhone }}</div>
|
|
|
<div class="ellipsis-2">
|
|
@@ -318,6 +310,13 @@
|
|
|
</el-col>
|
|
|
<el-col :span="2" style="height: 100%">
|
|
|
<div class="col-item">
|
|
|
+ <div style="display: flex; align-items: center">
|
|
|
+ {{ { NO_PAID: '待收款', PART_PAID: '部分收款', PAID: '完成收款' }[order.payStatus] }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" style="height: 100%">
|
|
|
+ <div class="col-item">
|
|
|
<el-popover placement="top" width="220" trigger="hover" v-if="order.commentService">
|
|
|
<div class="rate-list">
|
|
|
<div style="display: flex; align-items: center; margin-bottom: 5px">
|
|
@@ -349,6 +348,13 @@
|
|
|
<div class="col-item">
|
|
|
<div class="operate">
|
|
|
<el-popconfirm
|
|
|
+ title="确定收款吗?"
|
|
|
+ @confirm="quediingshoukuan(order.orderId)"
|
|
|
+ v-if="['NO_PAID', 'PART_PAID'].includes(order.payStatus)"
|
|
|
+ >
|
|
|
+ <el-button slot="reference" type="text" size="small">收款</el-button>
|
|
|
+ </el-popconfirm>
|
|
|
+ <el-popconfirm
|
|
|
title="确定确认订单吗?"
|
|
|
@confirm="confirmOrder(order.orderId)"
|
|
|
v-if="order.orderStatus === 'DQR' && $restrict('confirmOrder')"
|
|
@@ -364,7 +370,6 @@
|
|
|
>
|
|
|
<el-button slot="reference" type="text" size="small">取消订单</el-button>
|
|
|
</el-popconfirm>
|
|
|
- <!-- <el-button type="text" size="small" @click="returnOrder(order.orderId)" v-if="(order.orderStatus === 'YFH' || order.orderStatus === 'OVER') && $restrict('returnOrder')">发起退货</el-button> -->
|
|
|
<el-button
|
|
|
type="text"
|
|
|
size="small"
|
|
@@ -412,7 +417,6 @@
|
|
|
>
|
|
|
查看发货条码
|
|
|
</el-button>
|
|
|
- <!-- toWorkOrderDetail(order.orderId) -->
|
|
|
<el-button
|
|
|
type="text"
|
|
|
size="small"
|
|
@@ -438,6 +442,7 @@
|
|
|
</div>
|
|
|
<div class="no-data" v-if="dataList.length <= 0">暂无订单</div>
|
|
|
</div>
|
|
|
+ <!-- --------------------------------------------------------------------------- -->
|
|
|
<div class="pagination clearfix">
|
|
|
<div class="fr">
|
|
|
<el-pagination
|
|
@@ -724,7 +729,6 @@
|
|
|
label="库存总数量"
|
|
|
width="100"
|
|
|
></el-table-column>
|
|
|
- <!-- <el-table-column prop="stockNum" align="center" label="库存数量"></el-table-column> -->
|
|
|
<el-table-column prop="insideNum" align="center" label="内机数量"></el-table-column>
|
|
|
<el-table-column prop="outNum" align="center" label="外机数量"></el-table-column>
|
|
|
<el-table-column prop="partNum" align="center" label="配件数量"></el-table-column>
|
|
@@ -1285,6 +1289,7 @@ export default {
|
|
|
memberName: '', // 会员昵称
|
|
|
phone: '', // 手机号
|
|
|
websitId: '', // 网点名称
|
|
|
+ payStatus: '', //支付状态
|
|
|
orderStatus: '', // 状态
|
|
|
createDate: '', // 创建时间
|
|
|
payDate: '', // 支付时间
|
|
@@ -1294,14 +1299,6 @@ export default {
|
|
|
workerOrderNo: '', // 信息编号
|
|
|
payTypes: ''
|
|
|
},
|
|
|
- screen_status: [
|
|
|
- // 筛选字段 - 状态
|
|
|
- { label: '待付款', value: 'NOPAY' },
|
|
|
- { label: '待发货', value: 'DFH' },
|
|
|
- { label: '已发货', value: 'YFH' },
|
|
|
- { label: '已完成', value: 'OVER' },
|
|
|
- { label: '已退款', value: 'CLOSE' }
|
|
|
- ],
|
|
|
tabCurrent: 'ALL',
|
|
|
currentPage: 1, // 当前页码
|
|
|
pageSize: 10, // 每页数量
|
|
@@ -1436,8 +1433,19 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
changeTabs(tab, event) {
|
|
|
- // this.$refs.screenForm.resetFields();
|
|
|
- this.screenForm.orderStatus = this.tabCurrent === 'ALL' ? '' : tab.$options.propsData.name
|
|
|
+ if (this.tabCurrent === 'ALL') {
|
|
|
+ var v = tab.$options.propsData.name
|
|
|
+ if (['ALL', 'NOPAY', 'DQR', 'DFH', 'YFH', 'OVER', 'CLOSE', 'TIMEOUT'].includes(v)) {
|
|
|
+ this.screenForm.payStatus = ''
|
|
|
+ this.screenForm.orderStatus = v
|
|
|
+ } else if (['NO_PAID', 'PART_PAID', 'PAID'].includes(v)) {
|
|
|
+ this.screenForm.payStatus = v
|
|
|
+ this.screenForm.orderStatus = ''
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.screenForm.payStatus = ''
|
|
|
+ this.screenForm.orderStatus = ''
|
|
|
+ }
|
|
|
this.currentPage = 1
|
|
|
this.getList()
|
|
|
},
|
|
@@ -1453,6 +1461,7 @@ export default {
|
|
|
websitId: this.screenForm.websitId,
|
|
|
exchangeCode: this.screenForm.exchangeCode,
|
|
|
orderStatus: this.screenForm.orderStatus, // 状态
|
|
|
+ payStatus: this.screenForm.payStatus, // 状态
|
|
|
startCreateTime: this.screenForm.createDate[0] ? this.screenForm.createDate[0] : null, // 创建时间
|
|
|
endCreateTime: this.screenForm.createDate[1] ? this.screenForm.createDate[1] : null, // 创建时间
|
|
|
startPayTime: this.screenForm.payDate[0] ? this.screenForm.payDate[0] : null, // 支付时间
|
|
@@ -1468,21 +1477,13 @@ export default {
|
|
|
getList(params).then(res => {
|
|
|
res.data.records.forEach(item => {
|
|
|
item.selected = false
|
|
|
- // item.websitName = this.handleText(item.websitName);
|
|
|
})
|
|
|
this.dataList = res.data.records
|
|
|
this.listTotal = res.data.total
|
|
|
- // this.listLoading = false;
|
|
|
})
|
|
|
},
|
|
|
getOrderDetail() {
|
|
|
getOrderDetail({ orderId: this.editOrderId, storageId: this.logisticsForm.storageId }).then(res => {
|
|
|
- // let arr = []
|
|
|
- // res.data.orderDetails.forEach(item=>{
|
|
|
- // if(item.goodsMaterialId){
|
|
|
- // arr.push(item)
|
|
|
- // }
|
|
|
- // })
|
|
|
this.formData1.list = res.data.orderDetails
|
|
|
})
|
|
|
},
|
|
@@ -1621,8 +1622,6 @@ export default {
|
|
|
},
|
|
|
// 查看详情
|
|
|
queryDetail(orderId) {
|
|
|
- // let {href} = this.$router.resolve({path: `/order/detail?orderId=${orderId}`});
|
|
|
- // window.open(href, '_blank');
|
|
|
this.$router.push({
|
|
|
name: 'order_detail',
|
|
|
query: {
|
|
@@ -1630,6 +1629,15 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ quediingshoukuan(orderId) {
|
|
|
+ this.$router.push({
|
|
|
+ name: 'order_detail',
|
|
|
+ query: {
|
|
|
+ orderId,
|
|
|
+ type: 'shoukuan'
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
openForm(type, order) {
|
|
|
this.$refs.tabPage.addTab({
|
|
|
// 对应显示的模块
|
|
@@ -2027,6 +2035,7 @@ export default {
|
|
|
editAddress({
|
|
|
orderId: this.addressFormOrder.orderId,
|
|
|
orderStatus: this.addressFormOrder.orderStatus,
|
|
|
+ payStatus: this.addressFormOrder.payStatus,
|
|
|
receUserName: this.addressForm.name,
|
|
|
recePhone: this.addressForm.phone,
|
|
|
province,
|
|
@@ -2060,6 +2069,7 @@ export default {
|
|
|
websitId: this.screenForm.websitId,
|
|
|
exchangeCode: this.screenForm.exchangeCode,
|
|
|
orderStatus: this.screenForm.orderStatus, // 状态
|
|
|
+ payStatus: this.screenForm.payStatus, // 状态
|
|
|
startCreateTime: this.screenForm.createDate[0] ? this.screenForm.createDate[0] : null, // 创建时间
|
|
|
endCreateTime: this.screenForm.createDate[1] ? this.screenForm.createDate[1] : null, // 创建时间
|
|
|
startPayTime: this.screenForm.payDate[0] ? this.screenForm.payDate[0] : null, // 支付时间
|
|
@@ -2145,9 +2155,6 @@ export default {
|
|
|
|
|
|
// 查看工单
|
|
|
toWorkOrderDetail(orderId) {
|
|
|
- // let {href} = this.$router.resolve({path: `/order/workOrder_detail?orderId=${orderId}`});
|
|
|
- // window.open(href, '_blank');
|
|
|
-
|
|
|
this.$router.push({
|
|
|
name: 'workOrder_detail',
|
|
|
query: {
|
|
@@ -2383,8 +2390,6 @@ export default {
|
|
|
|
|
|
handleRefreshList() {
|
|
|
this.getList()
|
|
|
- // this.recordSelected = []
|
|
|
- // this.$refs.pageRef.refreshList()
|
|
|
},
|
|
|
|
|
|
handleInitPrint() {
|