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" @click="ProjectInfo(item)">【{{ 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:"博世********有限公司",
          enterprice:'博世汽车部件（苏州）有限公司',
          time:"2024-07-08",
          id: 1505,
          type:2,
        },{
          projectName:"自主品牌先进技术研究院",
          // enterprice:"博世********有限公司",
          enterprice:'博世汽车部件（苏州）有限公司',
          time:"2024-07-08",
          id: 1505,
          type:2,
        },{
          projectName:"自主品牌先进技术研究院",
          // enterprice:"博世********有限公司",
          enterprice:'博世汽车部件（苏州）有限公司',
          time:"2024-07-08",
          id: 1505,
          type:2,
        },{
          projectName:"自主品牌先进技术研究院",
          // enterprice:"博世********有限公司",
          enterprice:'博世汽车部件（苏州）有限公司',
          time:"2024-07-08",
          id: 1505,
          type:2,
        },
      ]
    }
  },
  methods:{
    ProjectInfo(item){
      // if(item.projectName == "区级总部" || item.projectName == "市级服务业领军") {
        
      // }
      this.$router.push({
        name: 'projectInfo',
        query: { userId: Number(item.id) }
      })
    },
  },
}
</script>
<style lang="scss" scoped>

</style>