product_wx/pages/subPackages/housingResources/components/myReservation.vue

<template>
  <div class="myReservation">
    <div class="historyItem" v-for="item in historyList">
      <div class="tags" :class="item.tag==='待招商确认'?'dqrTag':'yslTag'">{{item.tag}}</div>
      <div class="historyItemTitle">XXXXX园区  楼盘  楼栋地块  出租单元号</div>
      <div class="historyItemInfo">预定时间：2024-05-26  13:16</div>
      <div class="historyItemInfo">企业联系人：江一筒</div>
      <div class="historyItemInfo">联系电话：A栋一楼</div>
      <div class="historyItemBottom">
        <button class="btn" :class="item.tag==='招商已受理'?'yslBtn':''">删除</button>
        <button class="btn zcBtn" :class="item.tag==='招商已受理'?'yslBtn':''">编辑</button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "myReservation",
  data(){
    return{
      historyList:[
        {tag:'待招商确认'},
        {tag:'招商已受理'},
      ]
    }
  }
}
</script>

<style lang="scss">
</style>