BasicInfo.vue 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. <template>
  2. <div class="app-container" v-loading="loading">
  3. <h3 class="toolbar">
  4. <div class="tool">
  5. <el-button type="primary" plain icon="el-icon-download" size="mini" @click="handleDownload">下载</el-button>
  6. </div>
  7. </h3>
  8. <h3 class="toolbar">
  9. <span class="title">项目基本信息</span>
  10. </h3>
  11. <table class="table_view">
  12. <tr>
  13. <th>企业名称</th>
  14. <td>{{info.entName}}</td>
  15. <th>通讯地址</th>
  16. <td>{{info.address}}</td>
  17. </tr>
  18. <tr>
  19. <th>企业联系人</th>
  20. <td>{{info.linkName}}</td>
  21. <th>联系人(座机)</th>
  22. <td>{{info.linkPhone}}</td>
  23. </tr>
  24. <tr>
  25. <th>联系电话(手机)</th>
  26. <td>{{info.linkMobile}}</td>
  27. <th>职工总人数(人)</th>
  28. <td>{{info.totoalPersons}}</td>
  29. </tr>
  30. <tr>
  31. <th>年度企业销售收入(万元)</th>
  32. <td>{{info.sales}}</td>
  33. <th>占销售收入比例(%)</th>
  34. <td>{{info.techRate}}</td>
  35. </tr>
  36. <tr>
  37. <th>研发人数</th>
  38. <td>{{info.techPersons}}</td>
  39. <th>年度研发投入(万元)</th>
  40. <td>{{info.techInvest}}</td>
  41. </tr>
  42. <tr>
  43. <th>企业所属行业</th>
  44. <td>{{info.industry}}</td>
  45. <th>国家自主创新示范区企业</th>
  46. <td>{{info.innovateFlag}}</td>
  47. </tr>
  48. </table>
  49. <h3 class="toolbar mt20">
  50. <span class="title">项目是否跨年</span>
  51. </h3>
  52. <table class="table_view">
  53. <tr>
  54. <th>是否跨年</th>
  55. <td>{{info.overYearFlag}}</td>
  56. <th>项目期限</th>
  57. <td>{{info.projectTime}}</td>
  58. </tr>
  59. </table>
  60. <h3 class="toolbar mt20">
  61. <span class="title">科技型中小企业信息</span>
  62. </h3>
  63. <table class="table_view">
  64. <tr>
  65. <th>是否科技型中小企业</th>
  66. <td>{{info.smallFlag}}</td>
  67. </tr>
  68. </table>
  69. <h3 class="toolbar mt20">
  70. <span class="title">高新技术企业信息</span>
  71. </h3>
  72. <table class="table_view">
  73. <tr>
  74. <th>企业是否高新技术</th>
  75. <td>{{info.techFlag}}</td>
  76. <th>高新技术企业所属技术领域</th>
  77. <td>{{info.techScope}}</td>
  78. </tr>
  79. <tr>
  80. <th>证书有限期限</th>
  81. <td>{{info.lisenceTime}}</td>
  82. <th>高新证书</th>
  83. <td>{{info.listingCode}}</td>
  84. </tr>
  85. </table>
  86. </div>
  87. </template>
  88. <script>
  89. import { getProjectInfoCommonApi } from "@/api/enterprise/project/project"
  90. export default {
  91. name: 'projectInfo',
  92. data () {
  93. return {
  94. loading: false,
  95. id: undefined,
  96. info: {
  97. },
  98. }
  99. },
  100. created () {
  101. this.id = this.$route.params.id || undefined;
  102. if(this.id) {
  103. this.getData()
  104. }
  105. },
  106. methods: {
  107. getData() {
  108. getProjectInfoCommonApi(this.id).then(res => {
  109. this.info = res.data.finProject || {}
  110. })
  111. },
  112. cancel() {
  113. this.$store.dispatch("tagsView/delView", this.$route); // 关闭当前tab
  114. this.$router.go(-1);
  115. },
  116. //没有模板
  117. handleDownload() {
  118. }
  119. }
  120. }
  121. </script>
  122. <style>
  123. </style>