From eec3d6bbda82271d81a5f3128ce62b70e3978e95 Mon Sep 17 00:00:00 2001
From: mayf <m13160102112@163.com>
Date: 星期五, 01 十一月 2024 16:23:44 +0800
Subject: [PATCH] 首页样式优化
---
components/warehouse/location-item.vue | 78 +++++++++++++++++++++++++++++----------
1 files changed, 58 insertions(+), 20 deletions(-)
diff --git a/components/warehouse/location-item.vue b/components/warehouse/location-item.vue
index cc8d86e..55c4987 100644
--- a/components/warehouse/location-item.vue
+++ b/components/warehouse/location-item.vue
@@ -3,23 +3,55 @@
<div class="location-item__main">
<div class="location-item__title text-overflow-1">
<div>{{ info.code }}</div>
- <div v-if="info.used && info.orderDTO" class="h-130 py-10">
- <div class="text-12 text-primary">
- {{ info.orderDTO.orderNo }}
+ <div
+ v-if="info.used && info.orderDTO && info.orderDTO.length > 0"
+ class="h-130 py-10"
+ >
+ <div class="flex items-center">
+ <div class="text-12 text-primary flex-1 text-overflow-1">
+ {{ info.orderDTO[0].orderNo }}
+ </div>
+ <el-popover placement="bottom" trigger="hover">
+ <el-table :data="info.orderDTO">
+ <el-table-column
+ prop="orderNo"
+ label="订单号"
+ min-width="150"
+ ></el-table-column>
+ <el-table-column
+ label="订单金额(元)"
+ prop="totalAmount"
+ min-width="120"
+ ></el-table-column>
+ <el-table-column
+ label="下单时间"
+ prop="createTime"
+ min-width="180"
+ ></el-table-column>
+ <el-table-column
+ label="合伙人"
+ prop="partnerName"
+ min-width="120"
+ ></el-table-column>
+ </el-table>
+ <el-button slot="reference" type="text" class="p-0 ml-4"
+ >查看更多</el-button
+ >
+ </el-popover>
</div>
<div
- v-if="info.items && info.items.length > 0"
+ v-if="info.goodsItems && info.goodsItems.length > 0"
class="flex items-center mt-10"
>
<div class="text-subTitle text-12 flex-1 text-overflow-1">
- {{ info.items[0].flowerName
- }}<span class="ml-8">{{ info.items[0].flowerLevelStr }}</span
- ><span class="ml-8">{{ info.items[0].flowerColor }}</span
- ><span class="ml-8">{{ info.items[0].flowerUnit }}</span
- >×{{ info.items[0].num }}
+ {{ info.goodsItems[0].flowerName
+ }}<span class="ml-8">{{ info.goodsItems[0].flowerLevelStr }}</span
+ ><span class="ml-8">{{ info.goodsItems[0].flowerColor }}</span
+ ><span class="ml-8">{{ info.goodsItems[0].flowerUnit }}</span
+ >×{{ info.goodsItems[0].num }}
</div>
<el-popover placement="bottom" trigger="hover">
- <el-table :data="info.items">
+ <el-table :data="info.goodsItems">
<el-table-column
prop="flowerName"
label="商品名称"
@@ -40,6 +72,11 @@
property="supplierName"
label="供应商名称"
></el-table-column>
+ <el-table-column
+ property="orderNo"
+ label="订单号"
+ min-width="150"
+ ></el-table-column>
</el-table>
<el-button slot="reference" type="text" class="p-0 ml-4"
>查看更多</el-button
@@ -47,24 +84,25 @@
</el-popover>
</div>
<div class="text-subTitle text-12 mt-10 text-overflow-1">
- {{ info.orderDTO.customer
- }}<span class="ml-8">{{ info.orderDTO.customerTel }}</span>
+ {{ info.orderDTO[0].customer
+ }}<span class="ml-8">{{ info.orderDTO[0].customerTel }}</span>
</div>
<el-tooltip
- v-if="info.orderDTO.customerAddress"
+ v-if="info.orderDTO[0].customerAddress"
class="item"
effect="dark"
- :content="`${info.orderDTO.customerProvince || ''}${
- info.orderDTO.customerCity || ''
- }${info.orderDTO.customerRegion || ''}${
- info.orderDTO.customerAddress || ''
+ :content="`${info.orderDTO[0].customerProvince || ''}${
+ info.orderDTO[0].customerCity || ''
+ }${info.orderDTO[0].customerRegion || ''}${
+ info.orderDTO[0].customerAddress || ''
}`"
placement="top-start"
>
<div class="text-subTitle text-12 mt-10 text-overflow-1">
- {{ info.orderDTO.customerProvince }}{{ info.orderDTO.customerCity
- }}{{ info.orderDTO.customerRegion
- }}{{ info.orderDTO.customerAddress }}
+ {{ info.orderDTO[0].customerProvince
+ }}{{ info.orderDTO[0].customerCity
+ }}{{ info.orderDTO[0].customerRegion
+ }}{{ info.orderDTO[0].customerAddress }}
</div>
</el-tooltip>
</div>
--
Gitblit v1.9.3