mayf
2024-09-08 80a53a817a70e34c412c133d56cf3b9918b35212
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>