Browse Source

火炬年报页面暂存

ljb 10 months ago
parent
commit
fc17d80790

+ 289 - 0
src/views/external-reports/external-manage/torch-develop-annual-report.vue

@@ -0,0 +1,289 @@
+<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>
+
+      <div style="border: 1px solid #000; padding: 5px;">
+        <div>《中华人民共和国统计法》第八条规定:国家机关、企业事业单位和其他组织以及个体工商户和个人等统计调查对象,必须依照本法和国家有关规定,真实、准确、完整、及时地提供统计调查所需的资料,不得提供不真实或者不完整的统计资料,不得迟报、拒报统计资料。</div>
+        <div>《中华人民共和国统计法》第十一条规定:统计机构和统计人员对在统计工作中知悉的国家秘密、工作秘密、商业秘密、个人隐私和个人信息,应当予以保密,不得泄露或者向他人非法提供。</div>
+        <div>《中华人民共和国统计法》第二十八条规定:统计调查中获得的能够识别或者推断单个统计调查对象身份的资料,任何单位和个人不得对外提供、泄露,不得用于统计以外的目的。</div>
+      </div>
+
+      <div style="display: flex; align-items: center; margin-top: 20px; justify-content: space-between;">
+        <div style="display: flex; align-items: center; border: 1px solid #000;">
+          <div style="padding-right: 100px;">是否填写国家统计局一套表(qa18)</div>
+          <div style="border-left: 1px solid #000; padding: 6px;">
+            <select style="width: 90px;">
+              <option value="1">1.是</option>
+              <option value="0">2.否</option>
+            </select>
+          </div>
+        </div>
+        <div style="border: 1px solid #000; padding: 5px;">
+          <div>制定机关:工业和信息化部</div>
+          <div>批准机关:国家统计局</div>
+          <div>{{ `批准文号:国统制[${ getLastYear }]187号` }}</div>
+          <div>{{ `有效期至:${ getDeadline }` }}</div>
+        </div>
+      </div>
+
+      <div style="display: flex; align-items: center; margin-top: 20px; justify-content: space-between;">
+        <div>
+          第2步 (一)企业概况
+        </div>
+        <div style="border: 1px solid #000; padding: 5px;">
+          <div>表 号:GQ-002表</div>
+          <div>制定机关:工业和信息化部</div>
+          <div>批准机关:国家统计局</div>
+          <div>{{ `批准文号:国统制[${ getLastYear }]187号` }}</div>
+          <div>{{ `有效期至:${ getDeadline }` }}</div>
+        </div>
+      </div>
+
+      <table class="edit-table" style="margin-top: 15px;">
+        <thead>
+          <th align="left" width="55%;">指标名称</th>
+          <th align="center">代码</th>
+          <th align="left">内容</th>
+        </thead>
+        <tbody>
+          <tr>
+            <td>企业隶属关系</td>
+            <td align="center">qb101</td>
+            <td>
+              <input placeholder="请输入" v-model="formData.qb101" @blur="handleInputBlur($event, 'qb101')" />
+            </td>
+          </tr>
+          <tr>
+            <td>主要业务活动或主要产品</td>
+            <td align="center"></td>
+            <td>
+              <input placeholder="请输入" />
+            </td>
+          </tr>
+          <tr>
+            <td>主要业务活动或主要产品1</td>
+            <td align="center">qb03_01</td>
+            <td>
+              <input placeholder="请输入" />
+            </td>
+          </tr>
+          <tr>
+            <td>主要业务活动或主要产品2</td>
+            <td align="center">qb03_02</td>
+            <td>
+              <input placeholder="请输入" />
+            </td>
+          </tr>
+          <tr>
+            <td>主要业务活动或主要产品3</td>
+            <td align="center">qb03_03</td>
+            <td>
+              <input placeholder="请输入" />
+            </td>
+          </tr>
+          <tr>
+            <td>行业代码2017</td>
+            <td align="center">qb03_1</td>
+            <td>
+              <input placeholder="请输入" />
+            </td>
+          </tr>
+          <tr>
+            <td>执行会计标准类别</td>
+            <td align="center">qb20_1</td>
+            <td>
+              <input placeholder="请输入" />
+            </td>
+          </tr>
+          <tr>
+            <td>执行企业会计准则情况</td>
+            <td align="center">qb20</td>
+            <td>
+              <input placeholder="请输入" />
+            </td>
+          </tr>
+          <tr>
+            <td>企业注册时间</td>
+            <td align="center">qb04</td>
+            <td>
+              <input placeholder="请输入" />
+            </td>
+          </tr>
+          <tr>
+            <td>注册资金</td>
+            <td align="center">qb04_0</td>
+            <td>
+              <input placeholder="请输入" />
+            </td>
+          </tr>
+          <tr>
+            <td>注册资金单位</td>
+            <td align="center">qb04a</td>
+            <td>
+              <input placeholder="请输入" />
+            </td>
+          </tr>
+          <tr>
+            <td>登记注册类型</td>
+            <td align="center">qb06</td>
+            <td>
+              <input placeholder="请输入" />
+            </td>
+          </tr>
+          <tr>
+            <td>主要外资来源国别或地区代码</td>
+            <td align="center">qb06_1</td>
+            <td>
+              <input placeholder="请输入" />
+            </td>
+          </tr>
+          <tr>
+            <td>主要外资出资比例</td>
+            <td align="center">qb06_2</td>
+            <td>
+              <input placeholder="请输入" />
+            </td>
+          </tr>
+          <tr>
+            <td>企业控股情况</td>
+            <td align="center">qb18</td>
+            <td>
+              <input placeholder="请输入" />
+            </td>
+          </tr>
+          <tr>
+            <td>港澳台商投资情况(可多选)</td>
+            <td align="center">qb39</td>
+            <td>
+              <input placeholder="请输入" />
+            </td>
+          </tr>
+          <tr>
+            <td>用地面积</td>
+            <td align="center">qb30</td>
+            <td>
+              <input placeholder="请输入" />
+            </td>
+          </tr>
+          <tr>
+            <td>建筑面积</td>
+            <td align="center">qb30_1</td>
+            <td>
+              <input placeholder="请输入" />
+            </td>
+          </tr>
+          <tr>
+            <td>用于生产的建筑面积</td>
+            <td align="center">qb30_2</td>
+            <td>
+              <input placeholder="请输入" />
+            </td>
+          </tr>
+          <tr>
+            <td>用于研发的建筑面积</td>
+            <td align="center">qb30_3</td>
+            <td>
+              <input placeholder="请输入" />
+            </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'),
+
+      formData: {}
+    };
+  },
+  computed: {
+    getLastYear() {
+      return this.yearAndMonth - 1;
+    },
+    getDeadline() {
+      return `${Number(this.yearAndMonth) + 2}年12月`
+    }
+  },
+  watch: {
+    "yearAndMonth"(newVal) {
+      console.log(newVal)
+    },
+  },
+  mounted() {
+  },
+  methods: {
+    handleInputBlur(e, code) {
+      console.log(e.target.value, code)
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.page-title {
+  text-align: center;
+  font-size: 24px;
+}
+
+.doc-page {
+  width: 900px;
+  margin: 30px auto;
+  font-size: 14px;
+}
+table {
+  width: 100%;
+  border: 1px solid #333;
+}
+table thead {
+  height: 35px;
+  th {
+    border-right: 1px solid #000;
+  }
+}
+.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: 6px 3px;
+  font-size: 14px;
+  color: #666;
+}
+
+.edit-table {
+  tr td input {
+    border: none;
+    width: 100%;
+    box-sizing: border-box;
+  }
+}
+</style>