Browse Source

提交高企年报页面

ljb 10 months ago
parent
commit
9e455fa889

+ 217 - 0
src/views/external-reports/external-manage/high-comp-annual-report.vue

@@ -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>

+ 8 - 107
src/views/external-reports/external-manage/high-comp-discount-details.vue

@@ -2,6 +2,9 @@
   <basic-container>
     <div class="doc-page">
       <h3 class="page-title" style="margin: 24px 0 16px">A107041高新技术企业优惠情况及明细表</h3>
+      <div>
+        <year-month-select v-model="yearAndMonth" :showMonth="false"></year-month-select>
+      </div>
       <table>
         <tbody>
           <tr>
@@ -283,128 +286,26 @@
 </template>
 
 <script>
-import { getDictionary } from "@/api/system/dictbiz";
-import { getList as getTechnicanRosterList } from "@/api/basicResource/technicianRoster";
-import { save } from "@/api/projectManage/change";
 import moment from "moment";
-import projectSelect from "@/components/project-select";
+import yearMonthSelect from "@/components/year-month-select";
 
 export default {
-  props: {
-    projectId: [String, Number],
-    data: Object,
-    disabled: {
-      type: Boolean,
-      type: false,
-    },
-  },
   components: {
-    projectSelect,
+    yearMonthSelect,
   },
   data() {
     return {
-      currProjectId: "",
-      formData: {
-        attachment: [],
-      },
-      changeTypeList: [],
-      loading: false,
-      selProject: {},
-
-      fzrList: [],
+      yearAndMonth: moment(new Date()).format('YYYY'),
     };
   },
   watch: {
-    "formData.zdmc"(newVal) {
-      if (newVal == "xmfzr") {
-        this.getTechnicanRosterListFunc(
-          moment(this.selProject.xmkssj).format("yyyyMM")
-        );
-      }
+    "yearAndMonth"(newVal) {
+      console.log(newVal)
     },
   },
   mounted() {
-    this.getDictList("xm_biangeng_field", "changeTypeList");
-    this.currProjectId = this.projectId;
-
-    this.formData = {
-      ...this.data,
-    };
-    console.log(this.formData.attachment);
   },
   methods: {
-    /**
-     * 获取人员花名册
-     */
-    getTechnicanRosterListFunc(yearAndMonth) {
-      getTechnicanRosterList(1, 99999, { yearAndMonth }).then((res) => {
-        if (res.data.success) {
-          this.fzrList = res.data.data.records.map((item) => {
-            return { label: item.name, value: item.id };
-          });
-        }
-      });
-    },
-    getDictList(code, toListKey) {
-      getDictionary({ code }).then((res) => {
-        this[toListKey] = res.data.data.map((item) => {
-          return { label: item.dictValue, value: item.dictKey.toLowerCase() };
-        });
-      });
-    },
-    handleProjectChange(data) {
-      this.selProject = data;
-    },
-    validForm() {
-      let errorText = "";
-      if (!this.currProjectId) {
-        errorText = "请选择变更的项目";
-      } else if (!this.formData.zdmc) {
-        errorText = "请选择变更类型";
-      } else if (!this.formData.bgyy) {
-        errorText = "请输入变更原因";
-      } else if (!this.formData.bgsxsj) {
-        errorText = "请选择变更生效时间";
-      } else if (!this.formData.bghdz) {
-        errorText = "请输入变更后的值";
-      }
-
-      return errorText;
-    },
-    handleResetBtn() {
-      this.formData = {};
-    },
-    handleSaveBtn() {
-      let errorText = this.validForm();
-      if (errorText) {
-        this.$message.error(errorText + "!");
-        return;
-      }
-
-      const params = {
-        ...this.formData,
-        bgqdz: this.selProject[this.formData.zdmc],
-        attachment: JSON.stringify(this.formData.attachment),
-        xmId: this.currProjectId,
-      };
-
-      this.saveData(params);
-    },
-    saveData(params) {
-      save(params).then(({ data }) => {
-        if (data.code == 200) {
-          this.$message.success("保存成功!");
-          this.$emit("success");
-        }
-      });
-    },
-    handleDownFile(file) {
-      window.open(file.value);
-    },
-    handleUploadPreview(file, column, done) {
-      window.open(file.url, "_blank");
-      return;
-    },
   },
 };
 </script>