|
|
@@ -1,7 +1,8 @@
|
|
|
<template>
|
|
|
- <basic-container>
|
|
|
+ <basic-container style="overflow-x: auto;">
|
|
|
+ <!-- <div style="width: auto; overflow: auto;"> -->
|
|
|
<div class="doc-page" v-loading="loading">
|
|
|
- <h3 class="page-title" style="margin: 24px 0 16px">火炬发展年报</h3>
|
|
|
+ <h3 class="page-title" style="margin: 24px 0 16px">{{ pageTitle }}</h3>
|
|
|
<div style="display: flex; margin: 12px 0;">
|
|
|
<year-month-select v-model="yearAndMonth" :showMonth="false" style="margin: 0 15px 0 0;"></year-month-select>
|
|
|
<el-button
|
|
|
@@ -20,6 +21,14 @@
|
|
|
>
|
|
|
导出
|
|
|
</el-button>
|
|
|
+ <file-download-btn type="primary" icon="el-icon-download" btnText="下载完整模板" templateKey="对外报表-火炬发展年报"></file-download-btn>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ icon="el-icon-upload2"
|
|
|
+ >
|
|
|
+ 上传火炬系统定稿版
|
|
|
+ </el-button>
|
|
|
</div>
|
|
|
<div>第1步 (封面)基本信息</div>
|
|
|
<div style="margin-bottom: 8px;">第2步 (一)企业概况</div>
|
|
|
@@ -560,31 +569,37 @@
|
|
|
<tr>
|
|
|
<td>累计形成国家或行业标准</td>
|
|
|
<td align="center">个</td>
|
|
|
- <td align="center">qj27</td>
|
|
|
- <td>{{ formData.qj27 }}</td>
|
|
|
+ <td align="center">qi27</td>
|
|
|
+ <td>{{ formData.qi27 }}</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td style="padding-left: 30px;">其中:形成国家或行业标准</td>
|
|
|
<td align="center">项</td>
|
|
|
- <td align="center">qj27_1</td>
|
|
|
- <td>{{ formData.qj27_1 }}</td>
|
|
|
+ <td align="center">qi27_1</td>
|
|
|
+ <td>{{ formData.qi27_1 }}</td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
|
|
|
|
|
|
+ <!-- </div> -->
|
|
|
</div>
|
|
|
</basic-container>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import moment from "moment";
|
|
|
+import fileDownloadBtn from "@/components/file-download-btn";
|
|
|
import yearMonthSelect from "@/components/year-month-select";
|
|
|
import { getData } from "@/api/externalReports/torchDevelopAnnualReport";
|
|
|
-import { Form } from "element-ui";
|
|
|
+import { exportBlob } from "@/api/common";
|
|
|
+import { getToken } from "@/util/auth";
|
|
|
+import { downloadXls } from "@/util/util";
|
|
|
+import { mapGetters } from "vuex";
|
|
|
|
|
|
export default {
|
|
|
components: {
|
|
|
+ fileDownloadBtn,
|
|
|
yearMonthSelect,
|
|
|
},
|
|
|
data() {
|
|
|
@@ -601,6 +616,13 @@ export default {
|
|
|
this.getDataFunc(newVal);
|
|
|
},
|
|
|
},
|
|
|
+ computed: {
|
|
|
+ ...mapGetters(['tag']),
|
|
|
+ pageTitle() {
|
|
|
+ let yearCN = this.yearAndMonth ? moment(this.yearAndMonth).format('yyyy年') : '';
|
|
|
+ return `${yearCN}${this.tag.label}`
|
|
|
+ }
|
|
|
+ },
|
|
|
methods: {
|
|
|
handleReady() {
|
|
|
this.getDataFunc(this.yearAndMonth);
|
|
|
@@ -615,7 +637,20 @@ export default {
|
|
|
}).catch(() => {
|
|
|
this.loading = false;
|
|
|
})
|
|
|
- }
|
|
|
+ },
|
|
|
+ handleExport() {
|
|
|
+ exportBlob(
|
|
|
+ `/api/kd-scientific/hjfznb/export?${
|
|
|
+ this.website.tokenHeader
|
|
|
+ }=${getToken()}`,
|
|
|
+ { year: this.yearAndMonth }
|
|
|
+ ).then((res) => {
|
|
|
+ downloadXls(
|
|
|
+ res.data,
|
|
|
+ `${this.pageTitle}.xlsx`
|
|
|
+ );
|
|
|
+ });
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|