<template>
  <div class="caseTableItem flex-h">
    <!-- <i class="iconfont icon-yinchenglogo"></i> -->
    <img :src="icon" class="iconfont icon-yinchenglogo">
    <div class="itemNo">
      <a>
        <div class="centerLabel">
          <i v-if="String(index + 1).length < 2" class="iconfont icon-0"></i>
          <i class="iconfont" v-for="(numItem,numIndex) in String(index + 1).length" :key="numIndex" :class="'icon-' + String(index + 1).substring(numIndex, numIndex + 1)"></i>
        </div>
      </a>
    </div>
    <div class="flex-item">
      <div>
        <span>{{item.TableNo}}</span>
        <a>选择点单</a>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  name: '',
  props: ['item','index','icon'],
  data () {
    return {
      
    }
  },
  computed: {
    
  },
  components: {
    
  },
  created () {
    
  },
  methods: {
    
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
@import "page.scss";
</style>
