<!--
 * @Author: 纪泽龙 jizelong@qq.com
 * @Date: 2026-03-10 13:19:12
 * @LastEditors: 纪泽龙 jizelong@qq.com
 * @LastEditTime: 2026-03-11 16:39:31
 * @FilePath: /chuanganqi/src/components/ccCom.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div
    class="cc-pic"
    @click="
      $router.push({
        path: '/ind2',
        query: { ...itemData},
      })
    "
  >
    <div class="l">
      <div class="t">编号</div>
      <div class="b">{{ itemData.code }}</div>
    </div>
    <div class="r">
      <div class="t">容量</div>
      <div class="b">
        <span class="num">{{ itemData.allNum }}</span>
        <span>枚</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  props: {
    itemData: {
      string: Object,
      default: () => {
        return {
          code: 25051,
          startTime: "2026-3-10 12:12",
          jd: "90%",
          allNum: 2768,
        };
      },
    },
  },
  data() {
    return {};
  },
  methods: {},
};
</script>
<style lang="scss" scoped>
.cc-pic {
  cursor: pointer;
  width: 226px;
  height: 60px;
  background: url("~@/assets/Ind/ccPic.png") no-repeat center center;
  background-size: 100% 100%;
  display: flex;
  color: #fff;
  padding-left: 20px;
  padding-top: 8px;
  box-sizing: border-box;
  .l {
    margin-right: 54px;
    .t {
      font-size: 16px;
    }
    .b {
      font-size: 18px;
    }
  }
  .r {
    font-size: 16px;
    .b {
      position: relative;
      top: -5px;

      .num {
        font-size: 22px;
      }
    }
  }
}
</style>
