<el-col :span="3" v-for="item in tableData" class="item" :key="item.id">
        <div @click="handleItemClick(item)">
          <div class="selected" v-if="item.isSelected">√</div>
          <div class="header">{{item.name}}</div>
          <div class="left-circle"></div>
          <div class="middle">
            <div class="price text" v-if="item.groupGoodsVO">{{item.groupGoodsVO.goodsName}}</div>
            <div class="price" v-else>
              <span>￥</span>{{item.price | money}}
            </div>
            <div class="condition">
              {{item.money === -1 ? '無金額門檻' : `滿${(item.money / 100).toFixed(0)}元可用`}}
            </div>
            <div class="date">
              {{getValidDate(item)}}
            </div>
          </div>
          <div class="right-circle"></div>
          <div class="bottom">
            <div>
              <span class="label">限品類：</span>
              <span class="value">{{item.groupRuleGoodsVO ? '限部分商品' : '不限'}}</span>
            </div>
            <!--<div>-->
              <!--<span class="label">限平臺：</span>-->
              <!--<span class="value">{{item.groupRuleScopeVO ? '限部分門店' : '不限'}}</span>-->
            <!--</div>-->
            <!--<div>-->
              <!--<span class="label">券編號：</span>-->
              <!--<span class="value">{{item.codeRule}}</span>-->
            <!--</div>-->
          </div>
        </div>
      </el-col>

handleItemClick (item) {
        console.log(this.tableData);
        this.tableData.map((data) => {
          this.$set(data, 'isSelected', item.id === data.id);
        });
      }