OfficeApp/pages/logistics/index.vue

<template>
	<view class="content">
		<u-search placeholder="搜索你的订单" @search="getOrderList" :show-action='false' bg-color='white'
			v-model="keywords"></u-search>
		<view style="margin: 10rpx 0 0 0;">
		</view>
		<u-sticky bgColor="#F5F5F5">
			<u-subsection :list="list" :current="curNow" @change="sectionChange"></u-subsection>
		</u-sticky>
		<view v-if="!orderlist.length">
			<u-empty mode="data" icon="../../static/img/empty/data.png">
			</u-empty>
		</view>
		<view v-else>
			<logistiCard :ref="'logistiCard'+index" v-for='(item,index) in orderlist' @getlist="getOrderList"
				@showTost='showToast' :goodsInfo="item" :key="index">
			</logistiCard>
		</view>
		<u-toast ref="uToast"></u-toast>
	</view>
</template>

<script>
	import {
		getList
	} from "@/api/logistics.js"
	import {
		informationAdd
	} from "@/api/logistics.js"
	import logistiCard from "@/components/logistiComptent/logistiCard/logistiCard.vue"
	export default {
		components: {
			logistiCard
		},
		data() {
			return {
				keywords: "",
				list: ['待取货', '已取货', '已送达'],
				curNow: 0,
				orderlist: []
			}
		},
		methods: {
			sectionChange(index) {
				this.curNow = index;
				this.getOrderList()
			},
			showToast() {
				this.$refs.uToast.show({
					type: 'success',
					title: '成功主题(带图标)',
					message: "操作成功",
					iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/success.png'
				})
			},
			getOrderList() {
				console.log("列表更新")
				let id = JSON.parse(uni.getStorageSync('USER_INFO')).id
				getList({
					status: this.curNow,
					// courier_id: 167,
					courier_id: id,
					keywords: this.keywords
				}).then(res => {
					this.orderlist = []
					this.orderlist = res.data.data
					for (let i = 0; i < this.orderlist.length; i++) {
						// this.logistiCard

					}


				})
			}

		},
		onShow() {
			this.getOrderList()

		}

	}
</script>

<style lang='scss'>
	.content {
		background-color: #F5F5F5;
		padding: 1vh 2vw;
	}
</style>