|
@@ -39,9 +39,9 @@
|
|
|
|
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
<el-row :gutter="10" class="mb8">
|
|
|
<el-col :span="1.5" class="tagList">
|
|
<el-col :span="1.5" class="tagList">
|
|
|
- <el-tag type="success">待发货(0)</el-tag>
|
|
|
|
|
- <el-tag type="warning">进行中(10)</el-tag>
|
|
|
|
|
- <el-tag type="danger">售后(5)</el-tag>
|
|
|
|
|
|
|
+ <el-tag type="success">待发货({{pointStatistics.pendingShipmentQty}})</el-tag>
|
|
|
|
|
+ <el-tag type="warning">进行中({{pointStatistics.inProgressQty}})</el-tag>
|
|
|
|
|
+ <el-tag type="danger">售后({{pointStatistics.afterSalesQty}})</el-tag>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
|
</el-row>
|
|
</el-row>
|
|
@@ -55,15 +55,15 @@
|
|
|
<pagination
|
|
<pagination
|
|
|
v-show="total>0"
|
|
v-show="total>0"
|
|
|
:total="total"
|
|
:total="total"
|
|
|
- :page.sync="queryParams.pageNum"
|
|
|
|
|
- :limit.sync="queryParams.pageSize"
|
|
|
|
|
|
|
+ :page.sync="queryParams.current"
|
|
|
|
|
+ :limit.sync="queryParams.size"
|
|
|
@pagination="getList"
|
|
@pagination="getList"
|
|
|
/>
|
|
/>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
-import { getOrderPointsList } from "@/api/points/order_api";
|
|
|
|
|
|
|
+import { getOrderPointsList,getOrderPointStats } from "@/api/points/order_api";
|
|
|
import tableCompontent from "@/components/tableCompontent/index.vue";
|
|
import tableCompontent from "@/components/tableCompontent/index.vue";
|
|
|
import listMixin from '@/utils/listMixin';
|
|
import listMixin from '@/utils/listMixin';
|
|
|
export default {
|
|
export default {
|
|
@@ -76,11 +76,8 @@ export default {
|
|
|
return {
|
|
return {
|
|
|
// 用户表格数据
|
|
// 用户表格数据
|
|
|
list: null,
|
|
list: null,
|
|
|
- orderStatusOption:[
|
|
|
|
|
- {label:'全部',value:'1'},
|
|
|
|
|
- {label:'待发货',value:'2'},
|
|
|
|
|
- {label:'已发货',value:'3'}
|
|
|
|
|
- ],
|
|
|
|
|
|
|
+ orderStatusOption:[],
|
|
|
|
|
+ pointStatistics:[],
|
|
|
columnData:[
|
|
columnData:[
|
|
|
{
|
|
{
|
|
|
prop: 'seq',
|
|
prop: 'seq',
|
|
@@ -94,19 +91,21 @@ export default {
|
|
|
prop: 'orderNo',
|
|
prop: 'orderNo',
|
|
|
label: '订单号',
|
|
label: '订单号',
|
|
|
align:'center',
|
|
align:'center',
|
|
|
|
|
+ width: '200px'
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- prop: 'shopName',
|
|
|
|
|
|
|
+ prop: 'productName',
|
|
|
label: '商品',
|
|
label: '商品',
|
|
|
align:'center',
|
|
align:'center',
|
|
|
|
|
+ width: '200px'
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- prop: 'shopNum',
|
|
|
|
|
|
|
+ prop: 'quantity',
|
|
|
label: '数量',
|
|
label: '数量',
|
|
|
align:'center',
|
|
align:'center',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- prop: 'shopPrice',
|
|
|
|
|
|
|
+ prop: 'payAmount',
|
|
|
label: '价格',
|
|
label: '价格',
|
|
|
align:'center',
|
|
align:'center',
|
|
|
},
|
|
},
|
|
@@ -121,14 +120,16 @@ export default {
|
|
|
align:'center',
|
|
align:'center',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- prop: 'orderTime',
|
|
|
|
|
|
|
+ prop: 'createTime',
|
|
|
label: '下单时间',
|
|
label: '下单时间',
|
|
|
align:'center',
|
|
align:'center',
|
|
|
|
|
+ width: '150px',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
prop: 'deliveryTime',
|
|
prop: 'deliveryTime',
|
|
|
label: '发货时间',
|
|
label: '发货时间',
|
|
|
align:'center',
|
|
align:'center',
|
|
|
|
|
+ width: '150px',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
prop: 'logisticsNo',
|
|
prop: 'logisticsNo',
|
|
@@ -154,32 +155,42 @@ export default {
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
created() {
|
|
created() {
|
|
|
|
|
+ this.getOptionList();
|
|
|
this.queryParams = {
|
|
this.queryParams = {
|
|
|
...this.queryParams,
|
|
...this.queryParams,
|
|
|
- orderNo:'',
|
|
|
|
|
- logisticsNo:'',
|
|
|
|
|
- orderStatus:'',
|
|
|
|
|
- dateRange:[],
|
|
|
|
|
|
|
+ orderNo: '',
|
|
|
|
|
+ logisticsNo: '',
|
|
|
|
|
+ orderStatus: '',
|
|
|
|
|
+ dateRange: [],
|
|
|
}
|
|
}
|
|
|
this.isImmediateLoad = false;
|
|
this.isImmediateLoad = false;
|
|
|
this.getListUrl = getOrderPointsList;
|
|
this.getListUrl = getOrderPointsList;
|
|
|
// 或者设置自定义数据处理函数
|
|
// 或者设置自定义数据处理函数
|
|
|
this.customProcessDataFun = (val) => {
|
|
this.customProcessDataFun = (val) => {
|
|
|
// 自定义处理查询参数
|
|
// 自定义处理查询参数
|
|
|
- this.queryParams = this.DateRange(this.queryParams,val.dateRange || [],['startTime','endTime'],'s')
|
|
|
|
|
|
|
+ this.queryParams = this.DateRange(this.queryParams, val.dateRange || [], ['startTime', 'endTime'])
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
mounted(){
|
|
mounted(){
|
|
|
- this.columnData.find(item => item.prop === 'orderStatus').option = this.orderStatusOption;
|
|
|
|
|
this.handleQuery();
|
|
this.handleQuery();
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ async getOptionList() {
|
|
|
|
|
+ //获取活动类型,获取活动状态
|
|
|
|
|
+ const {order_status} = await this.useDict('order_status');
|
|
|
|
|
+ this.orderStatusOption = order_status;
|
|
|
|
|
+ this.columnData.find(item => item.prop === 'orderStatus').option = this.orderStatusOption;
|
|
|
|
|
+
|
|
|
|
|
+ //获取统计
|
|
|
|
|
+ const res = await getOrderPointStats();
|
|
|
|
|
+ this.pointStatistics = res.data;
|
|
|
|
|
+ },
|
|
|
/** 查看详情 */
|
|
/** 查看详情 */
|
|
|
handleView(row) {
|
|
handleView(row) {
|
|
|
this.$router.push({
|
|
this.$router.push({
|
|
|
path: "/pointsManagement/details",
|
|
path: "/pointsManagement/details",
|
|
|
query: {
|
|
query: {
|
|
|
- id: row.id,
|
|
|
|
|
|
|
+ orderId: row.id
|
|
|
},
|
|
},
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|