BasicInfo.vue 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
  1. <template>
  2. <div class="app-container" v-loading="loading">
  3. <h3 class="toolbar">
  4. <span class="title">项目基本信息</span>
  5. </h3>
  6. <table class="table_view">
  7. <tr>
  8. <th>企业名称</th>
  9. <td>{{info.entName}}</td>
  10. <th>通讯地址</th>
  11. <td>{{info.address}}</td>
  12. </tr>
  13. <tr>
  14. <th>企业联系人</th>
  15. <td>{{info.linkName}}</td>
  16. <th>联系人(座机)</th>
  17. <td>{{info.linkPhone}}</td>
  18. </tr>
  19. <tr>
  20. <th>联系电话(手机)</th>
  21. <td>{{info.linkMobile}}</td>
  22. <th>职工总人数(人)</th>
  23. <td>{{info.totoalPersons}}</td>
  24. </tr>
  25. <tr>
  26. <th>年度企业销售收入(万元)</th>
  27. <td>{{info.sales}}</td>
  28. <th>占销售收入比例(%)</th>
  29. <td>{{info.techRate}}</td>
  30. </tr>
  31. <tr>
  32. <th>研发人数</th>
  33. <td>{{info.techPersons}}</td>
  34. <th>年度研发投入(万元)</th>
  35. <td>{{info.techInvest}}</td>
  36. </tr>
  37. <tr>
  38. <th>企业所属行业</th>
  39. <td>{{info.industry}}</td>
  40. <th>国家自主创新示范区企业</th>
  41. <td>{{innovateFlag}}</td>
  42. </tr>
  43. <tr>
  44. <th>技术分配人</th>
  45. <th>{{info.techUser}}</th>
  46. <th>财务分配人</th>
  47. <th>{{info.finUser}}</th>
  48. </tr>
  49. </table>
  50. <h3 class="toolbar mt20">
  51. <span class="title">项目是否跨年</span>
  52. </h3>
  53. <table class="table_view">
  54. <tr>
  55. <th>是否跨年</th>
  56. <td>{{overYearFlag}}</td>
  57. <th>项目期限</th>
  58. <td>{{info.projectStartDate}}-{{info.projectEndDate}}</td>
  59. </tr>
  60. </table>
  61. <h3 class="toolbar mt20">
  62. <span class="title">科技型中小企业信息</span>
  63. </h3>
  64. <table class="table_view">
  65. <tr>
  66. <th>是否科技型中小企业</th>
  67. <td>{{smallFlag}}</td>
  68. </tr>
  69. </table>
  70. <h3 class="toolbar mt20">
  71. <span class="title">高新技术企业信息</span>
  72. </h3>
  73. <table class="table_view">
  74. <tr>
  75. <th>企业是否高新技术</th>
  76. <td>{{techFlag}}</td>
  77. <th>高新技术企业所属技术领域</th>
  78. <td>{{info.techScope}}</td>
  79. </tr>
  80. <tr>
  81. <th>证书有限期限</th>
  82. <td>{{info.techStartDate}}-{{info.techEndDate}}</td>
  83. <th>高新证书</th>
  84. <td>
  85. <a :href="info.techLicense" class="link">高新证书</a>
  86. </td>
  87. </tr>
  88. </table>
  89. <h3 class="toolbar mt20">
  90. <span class="title">操作日志</span>
  91. </h3>
  92. <h3 class="toolbar">
  93. <div class="tool">
  94. <el-button type="text" size="mini" @click="handleMore">更多</el-button>
  95. </div>
  96. </h3>
  97. <el-table v-loading="loading" :data="list" border style="width: 100%">
  98. <el-table-column type="index" label="日志编号" align="center" width="100"></el-table-column>
  99. <el-table-column label="日志内容" prop="content" align="center"></el-table-column>
  100. <el-table-column label="操作人" prop="createBy" align="center"></el-table-column>
  101. <el-table-column label="操作日期" prop="createTime" align="center"></el-table-column>
  102. </el-table>
  103. <pagination
  104. v-show="total>0"
  105. :total="total"
  106. :page.sync="queryParams.pageNum"
  107. :limit.sync="queryParams.pageSize"
  108. @pagination="getData"/>
  109. </div>
  110. </template>
  111. <script>
  112. import { getProjectInfoApi,getProjectInfoAdminApi,getProjectInfoCommonApi } from "@/api/enterprise/project/project"
  113. import {getLabel,yesOrNoOptions} from '@/utils/dataFormat'
  114. export default {
  115. name: 'projectInfo',
  116. data () {
  117. return {
  118. loading: false,
  119. id: undefined,
  120. roleType: '',
  121. info: {
  122. projectLogList: []
  123. },
  124. list: [],
  125. total: 0,
  126. queryParams: {
  127. pageNum: 1,
  128. pageSize: 1
  129. }
  130. }
  131. },
  132. props: {
  133. projectOwner: {
  134. type: String
  135. },
  136. },
  137. computed: {
  138. scopeId() {
  139. return this.$store.state.user.scopeId
  140. },
  141. roles() {
  142. return this.$store.state.user.roles
  143. },
  144. innovateFlag() {
  145. return getLabel(yesOrNoOptions, this.info.innovateFlag)
  146. },
  147. overYearFlag() {
  148. return getLabel(yesOrNoOptions, this.info.overYearFlag)
  149. },
  150. smallFlag() {
  151. return getLabel(yesOrNoOptions, this.info.smallFlag)
  152. },
  153. techFlag() {
  154. return getLabel(yesOrNoOptions, this.info.techFlag)
  155. }
  156. },
  157. created () {
  158. this.id = this.$route.params.id || undefined;
  159. this.roleType = this.roles.join(',')
  160. if(this.id) {
  161. this.getData()
  162. }
  163. },
  164. methods: {
  165. //判断是科德管理员 还是企业角色
  166. getData() {
  167. getProjectInfoCommonApi(this.id).then(res => {
  168. if(this.projectOwner == '1') {
  169. this.info = res.data.entProject || {}
  170. if(this.info.projectLogList.length > 0) {
  171. this.list.push(this.info.projectLogList[0])
  172. }
  173. }else if(this.projectOwner == '2') {
  174. this.info = res.data.techProject || {}
  175. if(this.info.projectLogList.length > 0 ) {
  176. this.list.push(this.info.projectLogList[0])
  177. }
  178. }else if(this.projectOwner == '3') {
  179. this.info = res.data.finProject || {}
  180. if(this.info.projectLogList.length > 0) {
  181. this.list.push(this.info.projectLogList[0])
  182. }
  183. }
  184. })
  185. },
  186. //更多
  187. handleMore() {
  188. if(this.info.projectLogList.length <= 1) {
  189. this.$message('日志已全部加载');
  190. }else {
  191. this.list = this.info.projectLogList || []
  192. }
  193. },
  194. cancel() {
  195. this.$store.dispatch("tagsView/delView", this.$route); // 关闭当前tab
  196. this.$router.go(-1);
  197. }
  198. }
  199. }
  200. </script>
  201. <style>
  202. </style>