<template>
  <div class="app-container" v-loading="loading">
    <h3 class="toolbar">
      <div class="tool">
        <el-button type="primary" plain icon="el-icon-download" size="mini" @click="handleDownload">下载</el-button>
      </div>
    </h3>
    <h3 class="toolbar">
      <span class="title">项目基本信息</span>
    </h3>
    <table class="table_view">
      <tr>
        <th>企业名称</th>
        <td>{{info.entName}}</td>
        <th>通讯地址</th>
        <td>{{info.address}}</td>
      </tr>
      <tr>
        <th>企业联系人</th>
        <td>{{info.linkName}}</td>
        <th>联系人（座机）</th>
        <td>{{info.linkPhone}}</td>
      </tr>
      <tr>
        <th>联系电话（手机）</th>
        <td>{{info.linkMobile}}</td>
        <th>职工总人数（人）</th>
        <td>{{info.totoalPersons}}</td>
      </tr>
      <tr>
        <th>年度企业销售收入（万元）</th>
        <td>{{info.sales}}</td>
        <th>占销售收入比例（%）</th>
        <td>{{info.techRate}}</td>
      </tr>
      <tr>
        <th>研发人数</th>
        <td>{{info.techPersons}}</td>
        <th>年度研发投入(万元)</th>
        <td>{{info.techInvest}}</td>
      </tr>
      <tr>
        <th>企业所属行业</th>
        <td>{{info.industry}}</td>
        <th>国家自主创新示范区企业</th>
        <td>{{info.innovateFlag}}</td>
      </tr>
      <tr>
        <th>技术分配人</th>
        <td>{{techUser}}</td>
        <th>财务分配人</th>
        <td>{{finUser}}</td>
      </tr>
    </table>
    <h3 class="toolbar mt20">
      <span class="title">项目是否跨年</span>
    </h3>
    <table class="table_view">
      <tr>
        <th>是否跨年</th>
        <td>{{info.overYearFlag}}</td>
        <th>项目期限</th>
        <td>{{info.projectTime}}</td>
      </tr>
    </table>
    <h3 class="toolbar mt20">
      <span class="title">科技型中小企业信息</span>
    </h3>
    <table class="table_view">
      <tr>
        <th>是否科技型中小企业</th>
        <td>{{info.smallFlag}}</td>
      </tr>
    </table>
    <h3 class="toolbar mt20">
      <span class="title">高新技术企业信息</span>
    </h3>
    <table class="table_view">
      <tr>
        <th>企业是否高新技术</th>
        <td>{{info.techFlag}}</td>
        <th>高新技术企业所属技术领域</th>
        <td>{{info.techScope}}</td>
      </tr>
      <tr>
        <th>证书有限期限</th>
        <td>{{info.lisenceTime}}</td>
        <th>高新证书</th>
        <td>{{info.listingCode}}</td>
      </tr>
    </table>
  </div>
</template>

<script>
  import { getProjectInfoCommonApi } from "@/api/enterprise/project/project"
  export default {
    name: 'projectInfo',
    data () {
      return {
        loading: false,
        id: undefined,
        finUser: '',
        techUser: '',
        info: {
        },
      }
    },
    created () {
      this.id = this.$route.params.id || undefined;
      if(this.id) {
        this.getData()
      }
    },
    methods: {
      getData() {
        getProjectInfoCommonApi(this.id).then(res => {
          this.finUser = res.data.finUser
          this.techUser = res.data.techUser
          this.info = res.data.finProject || {}
        })
      },
      cancel() {
        this.$store.dispatch("tagsView/delView", this.$route); // 关闭当前tab
        this.$router.go(-1);
      },
      //没有模板
      handleDownload() {

      }
    }
  }
</script>

<style>
</style>
