jin_ji_hu/src/views/workbench/components/promoteProject/index.vue

<!-- 促进产业项目情况 -->
<template>
  <div class="promoteProject-box-wai-box">
    <div class="promoteProject-box-div" v-for="(item,index) in tableData" :key="index">
      <div class="promoteProject-top">
        <span class="span-one">【{{ item.projectName }}】</span>
      </div>
      <div class="promoteProject-bottom">
        <div class="promoteProject-bottom-left">
          所属企业：
          <span class="span-two">{{ item.enterprice }}</span>
        </div>
        <div class="promoteProject-bottom-right">
          申报时间：
          <span class="span-three">{{ item.time }}</span>
        </div>
      </div>
      <div class="promoteProject-position" :class="item.type == 1 ? 'orange' : item.type == 2 ? 'green' : item.type == 3 ? 'red' : ''">{{item.type == 1 ? '复审中' : item.type == 2 ? '评审通过' : item.type == 3 ? '复审不通过' : ''}}</div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      tableData:[
        {
          projectName:"项目名称",
          enterprice:"苏州众汇聚合信息科技有限公司",
          time:"2024-04-01",
          type:1,
        },{
          projectName:"项目名称",
          enterprice:"苏州众汇聚合信息科技有限公司",
          time:"2024-04-01",
          type:2,
        },{
          projectName:"项目名称",
          enterprice:"苏州众汇聚合信息科技有限公司",
          time:"2024-04-01",
          type:3,
        },{
          projectName:"项目名称",
          enterprice:"苏州众汇聚合信息科技有限公司",
          time:"2024-04-01",
          type:3,
        },
      ]
    }
  },
  methods:{
  },
}
</script>
<style lang="scss" scoped>

</style>