|
|
@@ -0,0 +1,217 @@
|
|
|
+<template>
|
|
|
+ <basic-container>
|
|
|
+ <div class="doc-page">
|
|
|
+ <h3 class="page-title" style="margin: 24px 0 16px">高企年报</h3>
|
|
|
+ <div>
|
|
|
+ <year-month-select v-model="yearAndMonth" :showMonth="false"></year-month-select>
|
|
|
+ </div>
|
|
|
+ <table>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td width="70%">一、本年度获得的知识产权数</td>
|
|
|
+ <td>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <input style="width: 100%" />
|
|
|
+ <span style="padding: 0 5px;">件</span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="70%">当年获得发明专利数</td>
|
|
|
+ <td>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <input style="width: 100%" />
|
|
|
+ <span style="padding: 0 5px;">件</span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="70%" style="padding-left: 30px;">其中:国防专利</td>
|
|
|
+ <td>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <input style="width: 100%" />
|
|
|
+ <span style="padding: 0 5px;">件</span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="70%">当年获得植物新品种</td>
|
|
|
+ <td>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <input style="width: 100%" />
|
|
|
+ <span style="padding: 0 5px;">件</span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="70%">当年获得国家级农作物品种</td>
|
|
|
+ <td>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <input style="width: 100%" />
|
|
|
+ <span style="padding: 0 5px;">件</span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="70%">当年获得国家新药</td>
|
|
|
+ <td>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <input style="width: 100%" />
|
|
|
+ <span style="padding: 0 5px;">件</span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="70%">当年获得国家一级中药保护品种</td>
|
|
|
+ <td>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <input style="width: 100%" />
|
|
|
+ <span style="padding: 0 5px;">件</span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="70%">当年获得集成电路布图设计专有权</td>
|
|
|
+ <td>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <input style="width: 100%" />
|
|
|
+ <span style="padding: 0 5px;">件</span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="70%">当年获得实用新型专利</td>
|
|
|
+ <td>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <input style="width: 100%" />
|
|
|
+ <span style="padding: 0 5px;">件</span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="70%">当年获得外观设计专利</td>
|
|
|
+ <td>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <input style="width: 100%" />
|
|
|
+ <span style="padding: 0 5px;">件</span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="70%">当年获得软件著作权</td>
|
|
|
+ <td>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <input style="width: 100%" />
|
|
|
+ <span style="padding: 0 5px;">件</span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="70%">二、本年度人员情况</td>
|
|
|
+ <td>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="70%">职工总数</td>
|
|
|
+ <td>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <input style="width: 100%" />
|
|
|
+ <span style="padding: 0 5px;">人</span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="70%">科技人员数</td>
|
|
|
+ <td>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <input style="width: 100%" />
|
|
|
+ <span style="padding: 0 5px;">人</span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="70%">新增就业人员数</td>
|
|
|
+ <td>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <input style="width: 100%" />
|
|
|
+ <span style="padding: 0 5px;">人</span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="70%" style="padding-left: 30px;">其中:吸纳高校应届毕业生人数</td>
|
|
|
+ <td>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <input style="width: 100%" />
|
|
|
+ <span style="padding: 0 5px;">人</span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </basic-container>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import moment from "moment";
|
|
|
+import yearMonthSelect from "@/components/year-month-select";
|
|
|
+
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ yearMonthSelect,
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ yearAndMonth: moment(new Date()).format('YYYY'),
|
|
|
+ };
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ "yearAndMonth"(newVal) {
|
|
|
+ console.log(newVal)
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.page-title {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 24px;
|
|
|
+}
|
|
|
+
|
|
|
+.doc-page {
|
|
|
+ width: 800px;
|
|
|
+ margin: 30px auto;
|
|
|
+}
|
|
|
+table {
|
|
|
+ width: 100%;
|
|
|
+ border: 1px solid #333;
|
|
|
+}
|
|
|
+.doc-label {
|
|
|
+ text-align: center;
|
|
|
+ padding: 6px;
|
|
|
+ color: #777;
|
|
|
+ font-size: 14px;
|
|
|
+ width: 15%;
|
|
|
+}
|
|
|
+.doc-input {
|
|
|
+ text-align: center;
|
|
|
+ color: #333;
|
|
|
+ width: 35%;
|
|
|
+}
|
|
|
+
|
|
|
+.el-input__inner {
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+tr td {
|
|
|
+ border: 1px solid #333;
|
|
|
+ padding: 9px 3px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+}
|
|
|
+</style>
|