@@ -0,0 +1,40 @@ | |||
<template> | |||
<view class="no-data-wrapper"> | |||
<img src="@/static/image/no-data.png" alt="" class="img"/> | |||
<view class="text">{{props.text || '暂无数据'}}</view> | |||
</view> | |||
</template> | |||
<script script="ts" setup > | |||
import { defineProps } from 'vue'; | |||
const props = defineProps({ | |||
text: { | |||
type: String, | |||
}, | |||
imgSrc: { | |||
type: String | |||
} | |||
}) | |||
</script> | |||
<style lang="scss" scoped> | |||
.no-data-wrapper { | |||
width: 100%; | |||
height: 100%; | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
.img { | |||
width: 60%; | |||
margin-bottom: 40rpx; | |||
} | |||
.text { | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
font-size: 40rpx; | |||
color: #666666; | |||
line-height: 50rpx; | |||
} | |||
} | |||
</style> |
@@ -52,7 +52,9 @@ | |||
></image> | |||
</view> | |||
</template> | |||
<view v-else class="flex"> 暂无车辆订单信息 </view> | |||
<NoDataView v-else /> | |||
<!-- <EmptyView v-else :mode="list" :content="'暂无数据'" /> --> | |||
<!-- <view v-else class="flex"> 暂无车辆订单信息 </view> --> | |||
<view v-if="state.loading" class="flex">加载中...</view> | |||
<view v-if="state.finished && state.list.length > 0" class="flex" | |||
>没有更多了</view | |||
@@ -81,6 +83,7 @@ import { | |||
} from "@/datas/vehiclePlateColor"; | |||
import { getCodeName } from "@/datas/queryKey.js"; | |||
import useOrderListItem from "@/composables/order/useOrderListItem"; | |||
import NoDataView from "@/components/no-data-view/no-data-view.vue"; | |||
const props = defineProps({ | |||
index: { | |||
type: Number, |