|
|
@@ -1,6 +1,9 @@
|
|
|
<template>
|
|
|
<view class="app-content">
|
|
|
<view class="order-page">
|
|
|
+ <view class="tabs">
|
|
|
+ <Tabs :isFixed="true" :tabs="tabs" :currentTab="tabIndex" @change="changeTabEvent" itemWidth="25%"></Tabs>
|
|
|
+ </view>
|
|
|
<view scroll-y class="order-list">
|
|
|
<block v-if="!$util.isEmpty(list.data)">
|
|
|
<OrderItem v-for="(item, index) in list.data" :key="index" :info="item" @click="gotoDetails(item)"></OrderItem>
|
|
|
@@ -20,7 +23,6 @@ import Tabs from "@/components/plugin/tabs";
|
|
|
import OrderItem from "./orderItem";
|
|
|
import AppWrapperEmpty from "@/components/app-wrapper-empty";
|
|
|
import { list } from "@/mixins";
|
|
|
-import { PURCHASE_ORDER_STATUS } from "@/utils/declare";
|
|
|
import { getPurchaseListApi } from "@/api/purchase/index";
|
|
|
export default {
|
|
|
components: {
|
|
|
@@ -29,49 +31,42 @@ export default {
|
|
|
AppWrapperEmpty
|
|
|
},
|
|
|
mixins: [list],
|
|
|
-
|
|
|
data() {
|
|
|
return {
|
|
|
- PURCHASE_ORDER_STATUS,
|
|
|
tabIndex: 0,
|
|
|
tabs: [
|
|
|
{
|
|
|
name: "全部",
|
|
|
key: "",
|
|
|
- value: "25"
|
|
|
- },
|
|
|
- {
|
|
|
- name: "待付款",
|
|
|
- key: "1",
|
|
|
- value: "25"
|
|
|
- },
|
|
|
- {
|
|
|
- name: "待配送",
|
|
|
- key: "2",
|
|
|
- value: "25"
|
|
|
+ value: ""
|
|
|
},
|
|
|
{
|
|
|
- name: "配送中",
|
|
|
+ name: "待入库",
|
|
|
key: "3",
|
|
|
- value: "25"
|
|
|
+ value: ""
|
|
|
},
|
|
|
{
|
|
|
- name: "已完成",
|
|
|
+ name: "已入库",
|
|
|
key: "4",
|
|
|
- value: "25"
|
|
|
+ value: ""
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "已取消",
|
|
|
+ key: "5",
|
|
|
+ value: ""
|
|
|
}
|
|
|
]
|
|
|
};
|
|
|
},
|
|
|
onPullDownRefresh() {
|
|
|
this.resetList();
|
|
|
- this._list().then(res => {
|
|
|
+ this.getCgList().then(res => {
|
|
|
uni.stopPullDownRefresh();
|
|
|
});
|
|
|
},
|
|
|
onReachBottom() {
|
|
|
if (!this.list.finished) {
|
|
|
- this._list().then((res) => {
|
|
|
+ this.getCgList().then((res) => {
|
|
|
uni.stopPullDownRefresh();
|
|
|
});
|
|
|
} else {
|
|
|
@@ -80,78 +75,30 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
async init() {
|
|
|
- this._list();
|
|
|
+ this.getCgList();
|
|
|
},
|
|
|
- _list() {
|
|
|
- let options = {
|
|
|
- page: this.list.page,
|
|
|
- pageSize: this.list.pageSize,
|
|
|
- status: this.tabs[this.tabIndex].key,
|
|
|
- ghsId:this.option.ghsId
|
|
|
- };
|
|
|
- return getPurchaseListApi(options)
|
|
|
- .then(res => {
|
|
|
- const { data: { allNum, unPayNum, unSendNum, sendingNum, finishNum } } = res
|
|
|
+ getCgList() {
|
|
|
+ let ghsId = this.option.ghsId || 0
|
|
|
+ let status = this.tabs[this.tabIndex].key
|
|
|
+ let options = { page: this.list.page, status: status, ghsId:ghsId }
|
|
|
+ return getPurchaseListApi(options) .then(res => {
|
|
|
this.completes(res);
|
|
|
- for (let index = 0; index < this.tabs.length; index++) {
|
|
|
- const element = this.tabs[index];
|
|
|
- if (element.key == "") {
|
|
|
- this.$set(this.tabs, index, { ...this.tabs[index], value: allNum })
|
|
|
- } else if (element.key == PURCHASE_ORDER_STATUS.CONFIRM) {
|
|
|
- this.tabs[index].value = unPayNum;
|
|
|
- } else if (element.key == PURCHASE_ORDER_STATUS.UNDIS) {
|
|
|
- this.tabs[index].value = unSendNum;
|
|
|
- } else if (element.key == PURCHASE_ORDER_STATUS.DIS) {
|
|
|
- this.tabs[index].value = sendingNum;
|
|
|
- } else if (element.key == PURCHASE_ORDER_STATUS.DONE) {
|
|
|
- this.tabs[index].value = finishNum;
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- .catch(err => {
|
|
|
- console.log(3333, err);
|
|
|
- });
|
|
|
+ })
|
|
|
},
|
|
|
changeTabEvent(info) {
|
|
|
const { index } = info;
|
|
|
if (this.tabIndex == index) {
|
|
|
return false;
|
|
|
- } else {
|
|
|
- this.tabIndex = index;
|
|
|
- this.resetList();
|
|
|
- this._list();
|
|
|
- }
|
|
|
- },
|
|
|
- getItemStatusName(status) {
|
|
|
- let name = "";
|
|
|
- switch (status) {
|
|
|
- case OUT_STATUS.CONFIRM:
|
|
|
- name = "待出库";
|
|
|
- break;
|
|
|
- case OUT_STATUS.DONE:
|
|
|
- name = "已出库";
|
|
|
- break;
|
|
|
-
|
|
|
- default:
|
|
|
- break;
|
|
|
- }
|
|
|
- return name;
|
|
|
+ }
|
|
|
+ this.tabIndex = index;
|
|
|
+ this.resetList();
|
|
|
+ this.getCgList();
|
|
|
},
|
|
|
addEvent() {
|
|
|
- uni.navigateTo({
|
|
|
- url: `/pagesPurchase/supplier`,
|
|
|
- success: result => {},
|
|
|
- fail: () => {},
|
|
|
- complete: () => {}
|
|
|
- });
|
|
|
+ uni.navigateTo({ url: `/pagesPurchase/supplier` })
|
|
|
},
|
|
|
gotoDetails(item) {
|
|
|
- uni.navigateTo({
|
|
|
- url: `/pagesPurchase/info?orderSn=${item.orderSn}`,
|
|
|
- success: result => {},
|
|
|
- fail: () => {},
|
|
|
- complete: () => {}
|
|
|
- });
|
|
|
+ uni.navigateTo({ url: `/pagesPurchase/info?orderSn=${item.orderSn}` })
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
@@ -163,10 +110,9 @@ export default {
|
|
|
flex-direction: column;
|
|
|
background-color: #f9fbfc;
|
|
|
.order-list {
|
|
|
- padding-top: 20upx;
|
|
|
- padding-bottom: 80upx;
|
|
|
+ padding-top:60upx;
|
|
|
+ padding-bottom:100upx;
|
|
|
flex: 1;
|
|
|
- // padding-bottom: 50upx;
|
|
|
.allot-item {
|
|
|
margin-bottom: 1upx;
|
|
|
padding: 30upx;
|
shish