|
|
@@ -1,12 +1,12 @@
|
|
|
<template>
|
|
|
- <basic-container>
|
|
|
+ <basic-container v-loading="loading">
|
|
|
<div class="btn-wrap">
|
|
|
- <el-button type="primary" icon="el-icon-edit">保存</el-button>
|
|
|
+ <el-button type="primary" icon="el-icon-edit" @click="handleSaveBtn">保存</el-button>
|
|
|
</div>
|
|
|
<div class="doc-page">
|
|
|
<h3 class="page-title" style="margin: 24px 0 16px">高企年报</h3>
|
|
|
<div style="display: flex; justify-content: space-between; margin: 12px 0;">
|
|
|
- <year-month-select v-model="yearAndMonth" :showMonth="false" style="margin: 0;"></year-month-select>
|
|
|
+ <year-month-select v-model="year" :showMonth="false" style="margin: 0;"></year-month-select>
|
|
|
<el-button
|
|
|
type="warning"
|
|
|
size="small"
|
|
|
@@ -21,8 +21,8 @@
|
|
|
<tr>
|
|
|
<td width="70%">一、本年度获得的知识产权数</td>
|
|
|
<td>
|
|
|
- <div style="display: flex;">
|
|
|
- <input style="width: 100%" />
|
|
|
+ <div style="display: flex; align-items: center;">
|
|
|
+ <div style="width: 100%; text-align: right;">{{ formData.d1 }}</div>
|
|
|
<span style="padding: 0 5px;">件</span>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -30,8 +30,8 @@
|
|
|
<tr>
|
|
|
<td width="70%">当年获得发明专利数</td>
|
|
|
<td>
|
|
|
- <div style="display: flex;">
|
|
|
- <input style="width: 100%" />
|
|
|
+ <div style="display: flex; align-items: center;">
|
|
|
+ <div style="width: 100%; text-align: right;">{{ formData.d2 }}</div>
|
|
|
<span style="padding: 0 5px;">件</span>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -39,8 +39,8 @@
|
|
|
<tr>
|
|
|
<td width="70%" style="padding-left: 30px;">其中:国防专利</td>
|
|
|
<td>
|
|
|
- <div style="display: flex;">
|
|
|
- <input style="width: 100%" />
|
|
|
+ <div style="display: flex; align-items: center;">
|
|
|
+ <div style="width: 100%; text-align: right;">{{ formData.d3 }}</div>
|
|
|
<span style="padding: 0 5px;">件</span>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -48,8 +48,8 @@
|
|
|
<tr>
|
|
|
<td width="70%">当年获得植物新品种</td>
|
|
|
<td>
|
|
|
- <div style="display: flex;">
|
|
|
- <input style="width: 100%" />
|
|
|
+ <div style="display: flex; align-items: center;">
|
|
|
+ <div style="width: 100%; text-align: right;">{{ formData.d4 }}</div>
|
|
|
<span style="padding: 0 5px;">件</span>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -57,8 +57,8 @@
|
|
|
<tr>
|
|
|
<td width="70%">当年获得国家级农作物品种</td>
|
|
|
<td>
|
|
|
- <div style="display: flex;">
|
|
|
- <input style="width: 100%" />
|
|
|
+ <div style="display: flex; align-items: center;">
|
|
|
+ <div style="width: 100%; text-align: right;">{{ formData.d5 }}</div>
|
|
|
<span style="padding: 0 5px;">件</span>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -66,8 +66,8 @@
|
|
|
<tr>
|
|
|
<td width="70%">当年获得国家新药</td>
|
|
|
<td>
|
|
|
- <div style="display: flex;">
|
|
|
- <input style="width: 100%" />
|
|
|
+ <div style="display: flex; align-items: center;">
|
|
|
+ <div style="width: 100%; text-align: right;">{{ formData.d6 }}</div>
|
|
|
<span style="padding: 0 5px;">件</span>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -75,8 +75,8 @@
|
|
|
<tr>
|
|
|
<td width="70%">当年获得国家一级中药保护品种</td>
|
|
|
<td>
|
|
|
- <div style="display: flex;">
|
|
|
- <input style="width: 100%" />
|
|
|
+ <div style="display: flex; align-items: center;">
|
|
|
+ <div style="width: 100%; text-align: right;">{{ formData.d7 }}</div>
|
|
|
<span style="padding: 0 5px;">件</span>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -84,8 +84,8 @@
|
|
|
<tr>
|
|
|
<td width="70%">当年获得集成电路布图设计专有权</td>
|
|
|
<td>
|
|
|
- <div style="display: flex;">
|
|
|
- <input style="width: 100%" />
|
|
|
+ <div style="display: flex; align-items: center;">
|
|
|
+ <div style="width: 100%; text-align: right;">{{ formData.d8 }}</div>
|
|
|
<span style="padding: 0 5px;">件</span>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -93,8 +93,8 @@
|
|
|
<tr>
|
|
|
<td width="70%">当年获得实用新型专利</td>
|
|
|
<td>
|
|
|
- <div style="display: flex;">
|
|
|
- <input style="width: 100%" />
|
|
|
+ <div style="display: flex; align-items: center;">
|
|
|
+ <div style="width: 100%; text-align: right;">{{ formData.d9 }}</div>
|
|
|
<span style="padding: 0 5px;">件</span>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -102,8 +102,8 @@
|
|
|
<tr>
|
|
|
<td width="70%">当年获得外观设计专利</td>
|
|
|
<td>
|
|
|
- <div style="display: flex;">
|
|
|
- <input style="width: 100%" />
|
|
|
+ <div style="display: flex; align-items: center;">
|
|
|
+ <div style="width: 100%; text-align: right;">{{ formData.d10 }}</div>
|
|
|
<span style="padding: 0 5px;">件</span>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -111,8 +111,8 @@
|
|
|
<tr>
|
|
|
<td width="70%">当年获得软件著作权</td>
|
|
|
<td>
|
|
|
- <div style="display: flex;">
|
|
|
- <input style="width: 100%" />
|
|
|
+ <div style="display: flex; align-items: center;">
|
|
|
+ <div style="width: 100%; text-align: right;">{{ formData.d11 }}</div>
|
|
|
<span style="padding: 0 5px;">件</span>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -125,8 +125,8 @@
|
|
|
<tr>
|
|
|
<td width="70%">职工总数</td>
|
|
|
<td>
|
|
|
- <div style="display: flex;">
|
|
|
- <input style="width: 100%" />
|
|
|
+ <div style="display: flex; align-items: center;">
|
|
|
+ <input type="number" v-model="formData.d13" style="width: 100%; text-align: right;" />
|
|
|
<span style="padding: 0 5px;">人</span>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -134,8 +134,8 @@
|
|
|
<tr>
|
|
|
<td width="70%">科技人员数</td>
|
|
|
<td>
|
|
|
- <div style="display: flex;">
|
|
|
- <input style="width: 100%" />
|
|
|
+ <div style="display: flex; align-items: center;">
|
|
|
+ <div style="width: 100%; text-align: right;">{{ formData.d14 }}</div>
|
|
|
<span style="padding: 0 5px;">人</span>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -143,8 +143,8 @@
|
|
|
<tr>
|
|
|
<td width="70%">新增就业人员数</td>
|
|
|
<td>
|
|
|
- <div style="display: flex;">
|
|
|
- <input style="width: 100%" />
|
|
|
+ <div style="display: flex; align-items: center;">
|
|
|
+ <input type="number" v-model="formData.d15" style="width: 100%; text-align: right;" />
|
|
|
<span style="padding: 0 5px;">人</span>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -152,8 +152,8 @@
|
|
|
<tr>
|
|
|
<td width="70%" style="padding-left: 30px;">其中:吸纳高校应届毕业生人数</td>
|
|
|
<td>
|
|
|
- <div style="display: flex;">
|
|
|
- <input style="width: 100%" />
|
|
|
+ <div style="display: flex; align-items: center;">
|
|
|
+ <input type="number" v-model="formData.d16" style="width: 100%; text-align: right;" />
|
|
|
<span style="padding: 0 5px;">人</span>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -165,6 +165,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { getList, update } from "@/api/externalReports/highCompAnnualReport";
|
|
|
import moment from "moment";
|
|
|
import yearMonthSelect from "@/components/year-month-select";
|
|
|
|
|
|
@@ -174,17 +175,43 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- yearAndMonth: moment(new Date()).format('YYYY'),
|
|
|
+ loading: false,
|
|
|
+ year: moment(new Date()).format('YYYY'),
|
|
|
+ formData: {},
|
|
|
};
|
|
|
},
|
|
|
watch: {
|
|
|
- "yearAndMonth"(newVal) {
|
|
|
- console.log(newVal)
|
|
|
+ "year"() {
|
|
|
+ this.getData();
|
|
|
},
|
|
|
},
|
|
|
mounted() {
|
|
|
+ this.getData();
|
|
|
},
|
|
|
methods: {
|
|
|
+ getData() {
|
|
|
+ this.loading = true;
|
|
|
+ getList({ year: this.year }).then(({ data }) => {
|
|
|
+ this.loading = false;
|
|
|
+ if (data.code == 200) {
|
|
|
+ this.formData = data.data;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleSaveBtn() {
|
|
|
+ let params = {
|
|
|
+ yearAndMonth: this.year,
|
|
|
+ d13: this.formData.d13,
|
|
|
+ d15: this.formData.d15,
|
|
|
+ d16: this.formData.d16,
|
|
|
+ };
|
|
|
+ update(params).then(({ data }) => {
|
|
|
+ if (data.code == 200) {
|
|
|
+ this.$message.success('保存成功!');
|
|
|
+ this.getData();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
},
|
|
|
};
|
|
|
</script>
|