|
|
@@ -1,9 +1,8 @@
|
|
|
<script setup lang="ts">
|
|
|
import { navTabTypeList } from '../utils/order-data'
|
|
|
-import { chargeOrderStatus } from '../utils/index'
|
|
|
+import chargeList from '@/subPack-smqjh/components/charge-orderList/charge-orderList.vue?async'
|
|
|
import router from '@/router'
|
|
|
import { createGlobalLoadingMiddleware } from '@/api/core/middleware'
|
|
|
-import { StaticUrl } from '@/config'
|
|
|
|
|
|
const navActiveTab = ref(0)
|
|
|
const { statusBarHeight, MenuButtonHeight, opcity } = storeToRefs(useSysStore())
|
|
|
@@ -49,20 +48,6 @@ function handleChangeTypeNav(value: number) {
|
|
|
navActiveTab.value = value
|
|
|
orderList.value = []
|
|
|
reload()
|
|
|
- console.log(navActiveTab.value, '===============')
|
|
|
-}
|
|
|
-
|
|
|
-function handleItemClick(item: Api.xsbOrderList) {
|
|
|
- const orderNumber = item.orderNumber
|
|
|
- if (orderNumber) {
|
|
|
- router.push({
|
|
|
- name: 'charge-order-detail',
|
|
|
- params: { orderNo: orderNumber },
|
|
|
- })
|
|
|
- }
|
|
|
- else {
|
|
|
- console.warn('订单号不存在,无法跳转到详情页')
|
|
|
- }
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
@@ -89,42 +74,7 @@ function handleItemClick(item: Api.xsbOrderList) {
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="box-border px24rpx">
|
|
|
- <view v-for="item in orderList" :key="item.orderNumber" class="mt-20rpx mt20rpx rounded-16rpx bg-#FFF p-24rpx" @click="handleItemClick(item)">
|
|
|
- <view class="flex items-center justify-between">
|
|
|
- <view>
|
|
|
- <view class="text-28rpx font-bold">
|
|
|
- {{ item.chargeOrder?.powerStationName }}
|
|
|
- </view>
|
|
|
- <view class="mt-20rpx text-24rpx text-#AAA">
|
|
|
- 订单时间:{{ item.chargeOrder?.createTime || '未知' }}
|
|
|
- </view>
|
|
|
- <view class="mt-20rpx text-24rpx text-#AAA">
|
|
|
- 终端编号:{{ item.chargeOrder?.connectorId || '未知' }}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view v-if="item.chargeOrder?.status" class="text-center text-28rpx text-#4EDC86">
|
|
|
- <image
|
|
|
- class="h-64rpx w-64rpx"
|
|
|
- :src="`${StaticUrl}/${chargeOrderStatus(item.chargeOrder?.status).icon}.png`"
|
|
|
- />
|
|
|
- <view :style="{ color: chargeOrderStatus(item.chargeOrder?.status).color }">
|
|
|
- {{ chargeOrderStatus(item.chargeOrder?.status).text }}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="my-20rpx h-2rpx w-full bg-#F0F0F0" />
|
|
|
- <view class="flex items-center justify-between">
|
|
|
- <view class="text-28rpx">
|
|
|
- 充电费用:
|
|
|
- </view>
|
|
|
- <view class="text-32rpx text-#FF6464 font-800">
|
|
|
- <text class="text-18rpx">
|
|
|
- ¥
|
|
|
- </text>
|
|
|
- {{ item.chargeOrder?.realCost }}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ <chargeList :order-list="orderList" />
|
|
|
<StatusTip v-if="!orderList.length" tip="暂无内容" />
|
|
|
</view>
|
|
|
</view>
|