torch-develop-annual-report.vue 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490
  1. <template>
  2. <basic-container>
  3. <div class="btn-wrap">
  4. <el-button type="primary" icon="el-icon-edit">保存</el-button>
  5. </div>
  6. <div class="doc-page">
  7. <h3 class="page-title" style="margin: 24px 0 16px">火炬发展年报</h3>
  8. <div>
  9. <year-month-select v-model="yearAndMonth" :showMonth="false"></year-month-select>
  10. </div>
  11. <div style="border: 1px solid #000; padding: 5px;">
  12. <div>《中华人民共和国统计法》第八条规定:国家机关、企业事业单位和其他组织以及个体工商户和个人等统计调查对象,必须依照本法和国家有关规定,真实、准确、完整、及时地提供统计调查所需的资料,不得提供不真实或者不完整的统计资料,不得迟报、拒报统计资料。</div>
  13. <div>《中华人民共和国统计法》第十一条规定:统计机构和统计人员对在统计工作中知悉的国家秘密、工作秘密、商业秘密、个人隐私和个人信息,应当予以保密,不得泄露或者向他人非法提供。</div>
  14. <div>《中华人民共和国统计法》第二十八条规定:统计调查中获得的能够识别或者推断单个统计调查对象身份的资料,任何单位和个人不得对外提供、泄露,不得用于统计以外的目的。</div>
  15. </div>
  16. <div style="display: flex; align-items: center; margin-top: 20px; justify-content: space-between;">
  17. <div style="display: flex; align-items: center; border: 1px solid #000;">
  18. <div style="padding-right: 100px;">是否填写国家统计局一套表(qa18)</div>
  19. <div style="border-left: 1px solid #000; padding: 6px;">
  20. <select style="width: 90px;">
  21. <option value="1">1.是</option>
  22. <option value="0">2.否</option>
  23. </select>
  24. </div>
  25. </div>
  26. <div style="border: 1px solid #000; padding: 5px;">
  27. <div>制定机关:工业和信息化部</div>
  28. <div>批准机关:国家统计局</div>
  29. <div>{{ `批准文号:国统制[${ getLastYear }]187号` }}</div>
  30. <div>{{ `有效期至:${ getDeadline }` }}</div>
  31. </div>
  32. </div>
  33. <div style="display: flex; align-items: center; margin-top: 20px; justify-content: space-between;">
  34. <div>
  35. 第2步 (一)企业概况
  36. </div>
  37. <div style="border: 1px solid #000; padding: 5px;">
  38. <div>表 号:GQ-002表</div>
  39. <div>制定机关:工业和信息化部</div>
  40. <div>批准机关:国家统计局</div>
  41. <div>{{ `批准文号:国统制[${ getLastYear }]187号` }}</div>
  42. <div>{{ `有效期至:${ getDeadline }` }}</div>
  43. </div>
  44. </div>
  45. <table class="edit-table" style="margin-top: 15px;">
  46. <thead>
  47. <th align="left" width="55%;">指标名称</th>
  48. <th align="center">代码</th>
  49. <th align="left">内容</th>
  50. </thead>
  51. <tbody>
  52. <tr>
  53. <td>企业隶属关系</td>
  54. <td align="center">qb101</td>
  55. <td>
  56. <input placeholder="请输入" v-model="formData.qb101" @blur="handleInputBlur($event, 'qb101')" />
  57. </td>
  58. </tr>
  59. <tr>
  60. <td>主要业务活动或主要产品</td>
  61. <td align="center"></td>
  62. <td>
  63. <input placeholder="请输入" />
  64. </td>
  65. </tr>
  66. <tr>
  67. <td>主要业务活动或主要产品1</td>
  68. <td align="center">qb03_01</td>
  69. <td>
  70. <input placeholder="请输入" />
  71. </td>
  72. </tr>
  73. <tr>
  74. <td>主要业务活动或主要产品2</td>
  75. <td align="center">qb03_02</td>
  76. <td>
  77. <input placeholder="请输入" />
  78. </td>
  79. </tr>
  80. <tr>
  81. <td>主要业务活动或主要产品3</td>
  82. <td align="center">qb03_03</td>
  83. <td>
  84. <input placeholder="请输入" />
  85. </td>
  86. </tr>
  87. <tr>
  88. <td>行业代码2017</td>
  89. <td align="center">qb03_1</td>
  90. <td>
  91. <input placeholder="请输入" />
  92. </td>
  93. </tr>
  94. <tr>
  95. <td>执行会计标准类别</td>
  96. <td align="center">qb20_1</td>
  97. <td>
  98. <input placeholder="请输入" />
  99. </td>
  100. </tr>
  101. <tr>
  102. <td>执行企业会计准则情况</td>
  103. <td align="center">qb20</td>
  104. <td>
  105. <input placeholder="请输入" />
  106. </td>
  107. </tr>
  108. <tr>
  109. <td>企业注册时间</td>
  110. <td align="center">qb04</td>
  111. <td>
  112. <input placeholder="请输入" />
  113. </td>
  114. </tr>
  115. <tr>
  116. <td>注册资金</td>
  117. <td align="center">qb04_0</td>
  118. <td>
  119. <input placeholder="请输入" />
  120. </td>
  121. </tr>
  122. <tr>
  123. <td>注册资金单位</td>
  124. <td align="center">qb04a</td>
  125. <td>
  126. <input placeholder="请输入" />
  127. </td>
  128. </tr>
  129. <tr>
  130. <td>登记注册类型</td>
  131. <td align="center">qb06</td>
  132. <td>
  133. <input placeholder="请输入" />
  134. </td>
  135. </tr>
  136. <tr>
  137. <td>主要外资来源国别或地区代码</td>
  138. <td align="center">qb06_1</td>
  139. <td>
  140. <input placeholder="请输入" />
  141. </td>
  142. </tr>
  143. <tr>
  144. <td>主要外资出资比例</td>
  145. <td align="center">qb06_2</td>
  146. <td>
  147. <input placeholder="请输入" />
  148. </td>
  149. </tr>
  150. <tr>
  151. <td>企业控股情况</td>
  152. <td align="center">qb18</td>
  153. <td>
  154. <input placeholder="请输入" />
  155. </td>
  156. </tr>
  157. <tr>
  158. <td>港澳台商投资情况(可多选)</td>
  159. <td align="center">qb39</td>
  160. <td>
  161. <input placeholder="请输入" />
  162. </td>
  163. </tr>
  164. <tr>
  165. <td>用地面积</td>
  166. <td align="center">qb30</td>
  167. <td>
  168. <input placeholder="请输入" />
  169. </td>
  170. </tr>
  171. <tr>
  172. <td>建筑面积</td>
  173. <td align="center">qb30_1</td>
  174. <td>
  175. <input placeholder="请输入" />
  176. </td>
  177. </tr>
  178. <tr>
  179. <td>用于生产的建筑面积</td>
  180. <td align="center">qb30_2</td>
  181. <td>
  182. <input placeholder="请输入" />
  183. </td>
  184. </tr>
  185. <tr>
  186. <td>用于研发的建筑面积</td>
  187. <td align="center">qb30_3</td>
  188. <td>
  189. <input placeholder="请输入" />
  190. </td>
  191. </tr>
  192. <tr>
  193. <td>用于研发的建筑面积</td>
  194. <td align="center">qb30_3</td>
  195. <td>
  196. <input placeholder="请输入" />
  197. </td>
  198. </tr>
  199. <tr>
  200. <td>企业集团情况</td>
  201. <td align="center">qb9</td>
  202. <td>
  203. <input placeholder="请输入" />
  204. </td>
  205. </tr>
  206. <tr>
  207. <td>QB09如为2,请填直接上级法人单位组织机构代码或上级法人统一社会信用代码</td>
  208. <td align="center">qb10</td>
  209. <td>
  210. <input placeholder="请输入" />
  211. </td>
  212. </tr>
  213. <tr>
  214. <td>企业是否为经过认定的高新技术企业</td>
  215. <td align="center">qb11</td>
  216. <td>
  217. <input placeholder="请输入" />
  218. </td>
  219. </tr>
  220. <tr>
  221. <td>高新技术企业认定证书编号</td>
  222. <td align="center">qb13</td>
  223. <td>
  224. <input placeholder="请输入" />
  225. </td>
  226. </tr>
  227. <tr>
  228. <td>企业被认定为高新技术企业的时间</td>
  229. <td align="center">qb12</td>
  230. <td>
  231. <input placeholder="请输入" />
  232. </td>
  233. </tr>
  234. <tr>
  235. <td>与科技企业孵化器关系</td>
  236. <td align="center">qb14</td>
  237. <td>
  238. <input placeholder="请输入" />
  239. </td>
  240. </tr>
  241. <tr>
  242. <td>入孵时间</td>
  243. <td align="center">qb14_1</td>
  244. <td>
  245. <input placeholder="请输入" />
  246. </td>
  247. </tr>
  248. <tr>
  249. <td>毕业时间</td>
  250. <td align="center">qb14_2</td>
  251. <td>
  252. <input placeholder="请输入" />
  253. </td>
  254. </tr>
  255. <tr>
  256. <td>境外上市情况</td>
  257. <td align="center">qb15</td>
  258. <td>
  259. <input placeholder="请输入" />
  260. </td>
  261. </tr>
  262. <tr>
  263. <td>证券代码</td>
  264. <td align="center">qb15_1</td>
  265. <td>
  266. <input placeholder="请输入" />
  267. </td>
  268. </tr>
  269. <tr>
  270. <td>上市时间</td>
  271. <td align="center">qb15_2</td>
  272. <td>
  273. <input placeholder="请输入" />
  274. </td>
  275. </tr>
  276. <tr>
  277. <td>年末市值</td>
  278. <td align="center">qb15_5</td>
  279. <td>
  280. <input placeholder="请输入" />
  281. </td>
  282. </tr>
  283. <tr>
  284. <td>企业所属技术领域</td>
  285. <td align="center">qb16</td>
  286. <td>
  287. <input placeholder="请输入" />
  288. </td>
  289. </tr>
  290. <tr>
  291. <td>企业核心技术所属国家重点支持的高新技术领域</td>
  292. <td align="center">qb16_1</td>
  293. <td>
  294. <input placeholder="请输入" />
  295. </td>
  296. </tr>
  297. <tr>
  298. <td>企业所属战略性新兴产业领域</td>
  299. <td align="center">qb16_2</td>
  300. <td>
  301. <input placeholder="请输入" />
  302. </td>
  303. </tr>
  304. <tr>
  305. <td>业务系统是否向云端迁移</td>
  306. <td align="center">qb32</td>
  307. <td>
  308. <input placeholder="请输入" />
  309. </td>
  310. </tr>
  311. <tr>
  312. <td>是否拥有实体经济和数字经济融合相关试点、典型案例</td>
  313. <td align="center">qb38</td>
  314. <td>
  315. <input placeholder="请输入" />
  316. </td>
  317. </tr>
  318. <tr>
  319. <td>企业是否进行数字化转型 qb34 1.是</td>
  320. <td align="center">qb34</td>
  321. <td>
  322. <input placeholder="请输入" />
  323. </td>
  324. </tr>
  325. <tr>
  326. <td>本年用于数字化转型的经费投入</td>
  327. <td align="center">qb34_1</td>
  328. <td>
  329. <input placeholder="请输入" />
  330. </td>
  331. </tr>
  332. <tr>
  333. <td>企业拥有工业机器人数量</td>
  334. <td align="center">qb35</td>
  335. <td>
  336. <input placeholder="请输入" />
  337. </td>
  338. </tr>
  339. <tr>
  340. <td>企业是否建立企业研发准备金</td>
  341. <td align="center">qb36</td>
  342. <td>
  343. <input placeholder="请输入" />
  344. </td>
  345. </tr>
  346. <tr>
  347. <td>企业是否通过质量管理体系认证</td>
  348. <td align="center">qb37</td>
  349. <td>
  350. <input placeholder="请输入" />
  351. </td>
  352. </tr>
  353. <tr>
  354. <td>适用标准</td>
  355. <td align="center">qb37_1</td>
  356. <td>
  357. <input placeholder="请输入" />
  358. </td>
  359. </tr>
  360. <tr>
  361. <td>若适用标准(qb37_1)选“3.其他”,请填写</td>
  362. <td align="center">qb37_3</td>
  363. <td>
  364. <input placeholder="请输入" />
  365. </td>
  366. </tr>
  367. <tr>
  368. <td>证书编号</td>
  369. <td align="center">qb37_2</td>
  370. <td>
  371. <input placeholder="请输入" />
  372. </td>
  373. </tr>
  374. </tbody>
  375. </table>
  376. </div>
  377. </basic-container>
  378. </template>
  379. <script>
  380. import moment from "moment";
  381. import yearMonthSelect from "@/components/year-month-select";
  382. export default {
  383. components: {
  384. yearMonthSelect,
  385. },
  386. data() {
  387. return {
  388. yearAndMonth: moment(new Date()).format('YYYY'),
  389. formData: {}
  390. };
  391. },
  392. computed: {
  393. getLastYear() {
  394. return this.yearAndMonth - 1;
  395. },
  396. getDeadline() {
  397. return `${Number(this.yearAndMonth) + 2}年12月`
  398. }
  399. },
  400. watch: {
  401. "yearAndMonth"(newVal) {
  402. console.log(newVal)
  403. },
  404. },
  405. mounted() {
  406. },
  407. methods: {
  408. handleInputBlur(e, code) {
  409. console.log(e.target.value, code)
  410. }
  411. },
  412. };
  413. </script>
  414. <style lang="scss" scoped>
  415. .btn-wrap {
  416. position: fixed;
  417. right: 90px;
  418. bottom: 60px;
  419. ::v-deep .el-button {
  420. width: 86px;
  421. height: 86px;
  422. text-align: left;
  423. border-radius: 100%;
  424. font-weight: 600;
  425. box-shadow: 0 0 12px #888;
  426. box-sizing: border-box;
  427. }
  428. }
  429. .page-title {
  430. text-align: center;
  431. font-size: 24px;
  432. }
  433. .doc-page {
  434. width: 900px;
  435. margin: 30px auto;
  436. font-size: 14px;
  437. }
  438. table {
  439. width: 100%;
  440. border: 1px solid #333;
  441. }
  442. table thead {
  443. height: 35px;
  444. th {
  445. border-right: 1px solid #000;
  446. }
  447. }
  448. .doc-label {
  449. text-align: center;
  450. padding: 6px;
  451. color: #777;
  452. font-size: 14px;
  453. width: 15%;
  454. }
  455. .doc-input {
  456. text-align: center;
  457. color: #333;
  458. width: 35%;
  459. }
  460. .el-input__inner {
  461. border: none;
  462. }
  463. tr td {
  464. border: 1px solid #333;
  465. padding: 6px 3px;
  466. font-size: 14px;
  467. color: #666;
  468. }
  469. .edit-table {
  470. tr td input {
  471. border: none;
  472. width: 100%;
  473. box-sizing: border-box;
  474. }
  475. }
  476. </style>