<template>
  <div class="card">
    <div class="dataList">
      <div class="item">
        <div class="tItem">
          <div class="name">操作时间:</div>
          <div class="value">2025-03-22 13:04:21</div>
        </div>
        <div class="tItem">
          <div class="name">操作类型:</div>
          <van-tag class="value" type="success">库位绑定</van-tag>
        </div>
        <div class="tItem">
          <div class="name">操作库位:</div>
          <div class="value">缓存库2 / 1-1</div>
        </div>
        <div class="tItem">
          <div class="name">物料名称:</div>
          <div class="value">断路器壳体</div>
        </div>
        <div class="tItem">
          <div class="name">物料编号:</div>
          <div class="value">MaterialsNo1</div>
        </div>
      </div>
      <div class="item">
        <div class="tItem">
          <div class="name">操作时间:</div>
          <div class="value">2025-03-22 13:04:21</div>
        </div>
        <div class="tItem">
          <div class="name">操作类型:</div>
          <van-tag class="value" type="warning">库位解绑</van-tag>
        </div>
        <div class="tItem">
          <div class="name">操作库位:</div>
          <div class="value">缓存库2 / 1-1</div>
        </div>
        <div class="tItem">
          <div class="name">物料名称:</div>
          <div class="value">断路器壳体</div>
        </div>
        <div class="tItem">
          <div class="name">物料编号:</div>
          <div class="value">MaterialsNo1</div>
        </div>
      </div>
      <div class="item">
        <div class="tItem">
          <div class="name">操作时间:</div>
          <div class="value">2025-03-22 13:04:21</div>
        </div>
        <div class="tItem">
          <div class="name">操作类型:</div>
          <van-tag class="value" type="warning">库位解绑</van-tag>
        </div>
        <div class="tItem">
          <div class="name">操作库位:</div>
          <div class="value">缓存库2 / 1-1</div>
        </div>
        <div class="tItem">
          <div class="name">物料名称:</div>
          <div class="value">断路器壳体</div>
        </div>
        <div class="tItem">
          <div class="name">物料编号:</div>
          <div class="value">MaterialsNo1</div>
        </div>
      </div>
      <div class="item">
        <div class="tItem">
          <div class="name">操作时间:</div>
          <div class="value">2025-03-22 13:04:21</div>
        </div>
        <div class="tItem">
          <div class="name">操作类型:</div>
          <van-tag class="value" type="success">库位绑定</van-tag>
        </div>
        <div class="tItem">
          <div class="name">操作库位:</div>
          <div class="value">缓存库2 / 1-1</div>
        </div>
        <div class="tItem">
          <div class="name">物料名称:</div>
          <div class="value">断路器壳体</div>
        </div>
        <div class="tItem">
          <div class="name">物料编号:</div>
          <div class="value">MaterialsNo1</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
import { inject, onMounted, onUnmounted, reactive, ref } from 'vue'

onMounted(() => {
})

// 离开网页 删除定时器
onUnmounted(() => {
})


</script>

<style lang="scss" scoped>
.dataList {
  .item {
    border: 2px solid #ccc;
    padding: 10px 10px;
    // 圆角 阴影
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin: 10px 0;
    .tItem {
      display: flex;
    }
  }
}
</style>
