cloudroam
2025-03-28 cef2bb0eeeb91a22860cf5d23c7348af1ba921dc
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<template>
  <div class="goods-table-item-list">
    <div v-for="(item, index) in showItems" :key="index">{{ item.str }}</div>
  </div>
</template>
 
<script>
export default {
  props: {
    items: {
      type: Array,
      default: () => [],
    },
  },
  computed: {
    showItems() {
      const list = this.items || []
      return list.map((item) => {
        const str = [
          `${item.flowerName} · ${item.flowerColor}`,
          item.flowerLevelStr,
          item.flowerCategory,
          item.flowerUnit,
          item.supplierName,
          `¥${item.price} × ${item.num}扎`,
        ]
          .filter((i) => !!i)
          .join('|')
        return {
          str,
        }
      })
    },
  },
}
</script>
 
<style lang="scss" scoped>
.goods-table-item-list {
}
</style>