basicInfo.vue 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
  1. <template>
  2. <div class="app-container" v-loading="loading">
  3. <i v-if="info.authState == 1" class="entIcon audit"></i>
  4. <i v-if="info.authState == 2" class="entIcon pass"></i>
  5. <i v-if="info.authState == 3" class="entIcon refuse"></i>
  6. <h3 class="toolbar">
  7. <span class="title">企业信息</span>
  8. </h3>
  9. <table class="table_view">
  10. <tr>
  11. <th>企业名称</th>
  12. <td>{{info.entName}}</td>
  13. <th>统一社会信用代码</th>
  14. <td>{{info.license}}</td>
  15. </tr>
  16. <tr>
  17. <th>注册资金(万元)</th>
  18. <td>{{info.regCapital}}</td>
  19. <th>工商注册时间</th>
  20. <td>{{info.regDate}}</td>
  21. </tr>
  22. <tr>
  23. <th>工商注册类型</th>
  24. <td>{{regTypeFormat}}</td>
  25. <th>主营产品(服务)所属技术领域</th>
  26. <td>{{info.mainProducts}}</td>
  27. </tr>
  28. <tr>
  29. <th>通信地址</th>
  30. <td>{{info.address}}</td>
  31. <th>邮政编码</th>
  32. <td>{{info.zipCode}}</td>
  33. </tr>
  34. <tr>
  35. <th>企业所属行政区域</th>
  36. <td>{{info.provinceId}}</td>
  37. <th>企业所得税主管税务机关</th>
  38. <td>{{info.taxOffice}}</td>
  39. </tr>
  40. </table>
  41. <h3 class="toolbar mt20">
  42. <span class="title">法人信息</span>
  43. </h3>
  44. <table class="table_view">
  45. <tr>
  46. <th>姓名</th>
  47. <td>{{info.legalName}}</td>
  48. <th>身份证号码</th>
  49. <td>{{info.legalIdCard}}</td>
  50. </tr>
  51. <tr>
  52. <th>手机号码</th>
  53. <td>{{info.legalMobile}}</td>
  54. <th>固定电话</th>
  55. <td>{{info.legalPhone}}</td>
  56. </tr>
  57. <tr>
  58. <th>传真</th>
  59. <td>{{info.legalFax}}</td>
  60. <th>E-mail</th>
  61. <td>{{info.legalEmail}}</td>
  62. </tr>
  63. </table>
  64. <h3 class="toolbar mt20">
  65. <span class="title">联系人信息</span>
  66. </h3>
  67. <table class="table_view">
  68. <tr>
  69. <th>姓名</th>
  70. <td>{{info.linkName}}</td>
  71. <th>身份证号码</th>
  72. <td>{{info.linkIdCard}}</td>
  73. </tr>
  74. <tr>
  75. <th>手机号码</th>
  76. <td>{{info.linkMobile}}</td>
  77. <th>固定电话</th>
  78. <td>{{info.linkPhone}}</td>
  79. </tr>
  80. <tr>
  81. <th>传真</th>
  82. <td>{{info.linkFax}}</td>
  83. <th>E-mail</th>
  84. <td>{{info.linkEmail}}</td>
  85. </tr>
  86. </table>
  87. <h3 class="toolbar mt20">
  88. <span class="title">企业上市信息</span>
  89. </h3>
  90. <table class="table_view">
  91. <tr>
  92. <th>企业是否上市</th>
  93. <td>{{listedFlag}}</td>
  94. <th>企业上市代码</th>
  95. <td>{{info.listingCode}}</td>
  96. </tr>
  97. </table>
  98. <h3 class="toolbar mt20">
  99. <span class="title">风险投资信息</span>
  100. </h3>
  101. <table class="table_view">
  102. <tr>
  103. <th>是否引入风险投资</th>
  104. <td>{{investFlag}}</td>
  105. <th>风险投资金额</th>
  106. <td>{{info.investCapital}}</td>
  107. </tr>
  108. </table>
  109. <h3 class="toolbar mt20">
  110. <span class="title">高新企业</span>
  111. </h3>
  112. <table class="table_view">
  113. <tr>
  114. <th>是否为高新企业</th>
  115. <td>{{techFlag}}</td>
  116. <th>高新企业编号</th>
  117. <td>{{info.techCode}}</td>
  118. </tr>
  119. </table>
  120. <h3 class="toolbar mt20">
  121. <span class="title">上年度是否做加计扣除</span>
  122. </h3>
  123. <table class="table_view">
  124. <tr>
  125. <th>上年度是否做加计扣除</th>
  126. <td>{{deductionFlag}}</td>
  127. </tr>
  128. </table>
  129. <h3 class="toolbar mt20">
  130. <span class="title">附件</span>
  131. </h3>
  132. <table class="table_view">
  133. <tr>
  134. <th>企业营业执照</th>
  135. <td>
  136. <a class="link" :href="info.licensePath" target="_blank">企业营业执照</a>
  137. <!-- <img :src="info.licensePath" alt="license"> -->
  138. </td>
  139. <th>其他附件</th>
  140. <td>
  141. <div v-for="(file, index) in list" :key="index">
  142. <a class="link" style="margin-right: 10px;">{{file.fileName}}</a>
  143. <el-button type="text" @click="handleView(file.id)">查看</el-button>
  144. </div>
  145. </td>
  146. </tr>
  147. </table>
  148. <h3 class="toolbar mt20">
  149. <span class="title">文件水印</span>
  150. </h3>
  151. <table class="table_view">
  152. <tr>
  153. <th>公司logo</th>
  154. <td>
  155. <a class="link" :href="info.logo" target="_blank">公司logo</a>
  156. <!-- <img :src="info.logo" alt="logo"> -->
  157. </td>
  158. </tr>
  159. </table>
  160. <div class="oper">
  161. <template v-if="info.authState == '2' && userType == 'entAdmin'">
  162. <el-button @click="handleUpdate">修改</el-button>
  163. </template>
  164. </div>
  165. </div>
  166. </template>
  167. <script>
  168. import { listEntUserApi } from "@/api/ent/ent"
  169. import {getEnclosureApi} from "@/api/enterprise/project/project"
  170. import {regTypeOptions, getLabel,yesOrNoOptions} from '@/utils/dataFormat'
  171. export default {
  172. name: 'EntInfo',
  173. data () {
  174. return {
  175. loading: false,
  176. id: undefined,
  177. dataId: undefined,
  178. list: [],
  179. attachType: 'ENT',
  180. info: {
  181. },
  182. userType: ''
  183. }
  184. },
  185. computed: {
  186. scopeId() {
  187. return this.$store.state.user.scopeId
  188. },
  189. userType() {
  190. return this.$store.state.user.userType
  191. },
  192. regTypeFormat() {
  193. return getLabel(regTypeOptions, this.info.regType);
  194. },
  195. listedFlag() {
  196. return getLabel(yesOrNoOptions, this.info.listedFlag);
  197. },
  198. investFlag() {
  199. return getLabel(yesOrNoOptions, this.info.investFlag)
  200. },
  201. techFlag() {
  202. return getLabel(yesOrNoOptions, this.info.techFlag)
  203. },
  204. deductionFlag() {
  205. return getLabel(yesOrNoOptions, this.info.deductionFlag)
  206. }
  207. },
  208. created () {
  209. this.id = this.scopeId
  210. this.dataId = this.scopeId
  211. if(this.id) {
  212. this.getData()
  213. this.getEnclosureData()
  214. }
  215. },
  216. methods: {
  217. handleUpdate() {
  218. this.$router.push("/ent/edit/"+this.info.id+'?type=updateEnt')
  219. },
  220. getEnclosureData() {
  221. getEnclosureApi(this.attachType, this.dataId).then(res => {
  222. this.list = res.data.records || []
  223. })
  224. },
  225. handleView(id) {
  226. window.open("http://124.232.146.72:7015/api/common/attach/"+id)
  227. },
  228. getData() {
  229. this.loading = true
  230. listEntUserApi().then(res => {
  231. this.loading = false
  232. this.info = res.data || {}
  233. })
  234. }
  235. }
  236. }
  237. </script>
  238. <style>
  239. </style>