liujd há 6 anos atrás
pai
commit
e877d5c35e
1 ficheiros alterados com 32 adições e 25 exclusões
  1. 32 25
      mobile-code/src/pages/order/list.vue

+ 32 - 25
mobile-code/src/pages/order/list.vue

@@ -1,27 +1,28 @@
 <template>
 <template>
 	<div class="app-content">
 	<div class="app-content">
-		<div class="list-wrap" v-for="(item, index) in list.data" :key="index" @click="$util.pageTo({
+		<block v-if="!$util.isEmpty(list.data)">
+			<div class="list-wrap" v-for="(item, index) in list.data" :key="index" @click="$util.pageTo({
 			url: '/pages/order/detail',
 			url: '/pages/order/detail',
 			query: {
 			query: {
 				id: item.id
 				id: item.id
 			}
 			}
 		})">
 		})">
-			<div class="list-top flex-center-between">
-				<div class="app-color-3">订单编号:{{ item.sendNum }}</div>
-				<div class="app-price">{{ item.status | constantfilter('ORDER_STATUS') }}</div>
-			</div>
-			<div class="list-blo">
-				<block v-if="!$util.isEmpty(item.goodsInfoList)">
-					<list-module v-for="(items, subIndex) in item.goodsInfoList" :key="subIndex" :info="items" />
-				</block>
-			</div>
-			<div class="list-bottom flex-center-between">
-				<div>
-					<span>应付金额:</span>
-					<span class="app-size-30 app-bold">¥{{ item.actPrice }}</span>
+				<div class="list-top flex-center-between">
+					<div class="app-color-3">订单编号:{{ item.sendNum }}</div>
+					<div class="app-price">{{ item.status | constantfilter('ORDER_STATUS') }}</div>
 				</div>
 				</div>
-				<block v-if="item.status == 0">
-					<button class="button-com red" @click.stop="$util.pageTo({
+				<div class="list-blo">
+					<block v-if="!$util.isEmpty(item.goodsInfoList)">
+						<list-module v-for="(items, subIndex) in item.goodsInfoList" :key="subIndex" :info="items" />
+					</block>
+				</div>
+				<div class="list-bottom flex-center-between">
+					<div>
+						<span>应付金额:</span>
+						<span class="app-size-30 app-bold">¥{{ item.actPrice }}</span>
+					</div>
+					<block v-if="item.status == 0">
+						<button class="button-com red" @click.stop="$util.pageTo({
 						url: '/pages/callback/index',
 						url: '/pages/callback/index',
 						query: {
 						query: {
 							pagestatus: 1,
 							pagestatus: 1,
@@ -30,37 +31,43 @@
 							couponId: item.couponId
 							couponId: item.couponId
 						}
 						}
 					})">立即付款</button>
 					})">立即付款</button>
-				</block>
-				<block v-if="item.status == 1">
-					<button class="button-com red defalut" @click.stop="$util.pageTo({
+					</block>
+					<block v-if="item.status == 1">
+						<button class="button-com red defalut" @click.stop="$util.pageTo({
 						url: '/pages/order/buy',
 						url: '/pages/order/buy',
 						query: {
 						query: {
 							id: item.id
 							id: item.id
 						}
 						}
 					})">填写收花地址</button>
 					})">填写收花地址</button>
-				</block>
-				<block v-if="item.status == 5">
-					<button class="button-com red defalut" @click.stop="$util.pageTo({
+					</block>
+					<block v-if="item.status == 5">
+						<button class="button-com red defalut" @click.stop="$util.pageTo({
 						url: '/pages/order/comment',
 						url: '/pages/order/comment',
 						query: {
 						query: {
 							id: item.id
 							id: item.id
 						}
 						}
 					})">评价</button>
 					})">评价</button>
-				</block>
+					</block>
+				</div>
 			</div>
 			</div>
-		</div>
+		</block>
+		<block v-else>
+			<app-wrapper-empty title="暂无数据" :is-empty="$util.isEmpty(list.data)" />
+		</block>
 	</div>
 	</div>
 </template>
 </template>
 
 
 <script>
 <script>
 import ListModule from '@/components/module/app-order-list'
 import ListModule from '@/components/module/app-order-list'
+import AppWrapperEmpty from '@/components/app-wrapper-empty'
 import { list } from '@/mixins'
 import { list } from '@/mixins'
 // api
 // api
 import { getList } from '@/api/order'
 import { getList } from '@/api/order'
 export default {
 export default {
 	name: 'order-list',
 	name: 'order-list',
 	components: {
 	components: {
-		ListModule
+		ListModule,
+		AppWrapperEmpty
 	},
 	},
 	mixins: [list],
 	mixins: [list],
 	data() {
 	data() {