<template>
  <div class="card">
      <div class="evc-type" v-for="(item,index) in groupByCate" :key="index" v-if="groupByCate">
        <p style="height:39px;">{{item.name}}</p>
        <p v-if="isShow">数量：{{item.intactCount}} <span style="padding-left:30px;">总数：{{item.count}}</span> </p>
        <p v-else>数量： {{item.count}} </p>
      </div>
  </div>
</template>

<script>
export default {
  components: {},

  mixins: [],

  props: ["isShow", "groupByCate"],

  data() {
    return {
    
    };
  },

  computed: {},

  mounted() {},

  methods: {}
};
</script>

<style scoped lang="less" >
.card {
  height: 345px;
  width: 100%;
  background: #f4f5f8;
  padding-top: 18px;
  overflow-y: scroll;
  .evc-type {
    width: 210px;
    height: 90px;
    background: #ffffff;
    border: 0 solid #dbdde4;
    border-radius: 1px;
    margin: 0 20px 20px 20px;
    display: inline-block;
    p {
      padding: 20px 0 0 20px;
    }
  }
}
</style>
