<template>
  <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>
            <td colspan="7" align="center">
              <h4 style="margin: 6px 0;">税收优惠基本信息</h4>
            </td>
          </tr>
          <tr>
            <td width="30px" align="center">1</td>
            <td width="23%" align="center" rowspan="3">企业主要产品（服务）及特殊收入支持作用的技术所属范围</td>
            <td rowspan="3" width="30%" align="center">国家重点支持的高新技术领域</td>
            <td colspan="3">一级领域</td>
            <td width="12%"></td>
          </tr>

          <tr>
            <td width="30px" align="center">2</td>
            <td colspan="3">二级领域</td>
            <td></td>
          </tr>

          <tr>
            <td width="30px" align="center">3</td>
            <td colspan="3">三级领域</td>
            <td></td>
          </tr>

          <tr>
            <td colspan="7" align="center">
              <h4 style="margin: 3px 0;">税收优惠有关情况</h4>
            </td>
          </tr>

          <tr>
            <td width="30px" align="center">4</td>
            <td rowspan="7" align="center">收入指标</td>
            <td colspan="4">一、本年高新技术产品（服务）收入（5+6）</td>
            <td></td>
          </tr>

          <tr>
            <td width="30px" align="center">5</td>
            <td colspan="4" style="padding-left: 30px;">其中：产品（服务）收入</td>
            <td></td>
          </tr>

          <tr>
            <td width="30px" align="center">6</td>
            <td colspan="4" style="padding-left: 60px;">技术性收入</td>
            <td></td>
          </tr>

          <tr>
            <td width="30px" align="center">7</td>
            <td colspan="4">二、本年企业总收入（6-9）</td>
            <td></td>
          </tr>

          <tr>
            <td width="30px" align="center">8</td>
            <td colspan="4" style="padding-left: 30px;">其中：收入总额</td>
            <td></td>
          </tr>

          <tr>
            <td width="30px" align="center">9</td>
            <td colspan="4" style="padding-left: 60px;">不征税收入</td>
            <td></td>
          </tr>

          <tr>
            <td width="30px" align="center">10</td>
            <td colspan="4">三、本年高新技术产品（服务）收入占企业总收入的比例（4÷7）</td>
            <td></td>
          </tr>

          <tr>
            <td width="30px" align="center">11</td>
            <td rowspan="3" align="center">人员指标</td>
            <td colspan="4">四、本年科技人员数</td>
            <td></td>
          </tr>

          <tr>
            <td width="30px" align="center">12</td>
            <td colspan="4">五、本年职工总数</td>
            <td></td>
          </tr>

          <tr>
            <td width="30px" align="center">13</td>
            <td colspan="4">六、本年科技人员占企业当年职工总数的比例（11÷12）</td>
            <td></td>
          </tr>

          <tr>
            <td width="30px" align="center" rowspan="2">14</td>
            <td rowspan="17" align="center">研发费用指标</td>
            <td rowspan="2" style="padding-left: 30px;">高新研发费用归集年度</td>
            <td align="center">本年度</td>
            <td align="center">前一年度</td>
            <td align="center">前二年度</td>
            <td align="center">合计</td>
          </tr>

          <tr>
            <td align="center">1</td>
            <td align="center">2</td>
            <td align="center">3</td>
            <td align="center">4</td>
          </tr>

          <tr>
            <td width="30px" align="center">15</td>
            <td>七、归集的高新研发费用金额</td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
          </tr>

          <tr>
            <td width="30px" align="center">16</td>
            <td>（一）内部研究开发投入</td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
          </tr>

          <tr>
            <td width="30px" align="center">17</td>
            <td style="padding-left: 60px;">1.人员人工费用</td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
          </tr>

          <tr>
            <td width="30px" align="center">18</td>
            <td style="padding-left: 60px;">2.直接投入费用</td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
          </tr>

          <tr>
            <td width="30px" align="center">19</td>
            <td style="padding-left: 60px;">3.折旧费用与长期待摊费用</td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
          </tr>

          <tr>
            <td width="30px" align="center">20</td>
            <td style="padding-left: 60px;">4.无形资产摊销费用</td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
          </tr>

          <tr>
            <td width="30px" align="center">21</td>
            <td style="padding-left: 60px;">5.设计费用</td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
          </tr>

          <tr>
            <td width="30px" align="center">22</td>
            <td style="padding-left: 60px;">6.设备调试费与实验费用</td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
          </tr>

          <tr>
            <td width="30px" align="center">23</td>
            <td style="padding-left: 60px;">7.其他费用</td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
          </tr>

          <tr>
            <td width="30px" align="center">24</td>
            <td style="padding-left: 60px;">其中：可计入研发费用的其他费用</td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
          </tr>

          <tr>
            <td width="30px" align="center">25</td>
            <td>（二）委托外部研发费用</td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
          </tr>

          <tr>
            <td width="30px" align="center">26</td>
            <td style="padding-left: 60px;">1.境内的外部研发费</td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
          </tr>

          <tr>
            <td width="30px" align="center">27</td>
            <td style="padding-left: 60px;">2.境外的外部研发费</td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
          </tr>

          <tr>
            <td width="30px" align="center">28</td>
            <td style="padding-left: 60px;">其中：可计入研发费用的境外的外部研发费</td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
          </tr>

          <tr>
            <td width="30px" align="center">29</td>
            <td>八、销售（营业）收入</td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
          </tr>

          <tr>
            <td width="30px" align="center">30</td>
            <td rowspan="3" align="center">税收优惠</td>
            <td>九、三年研发费用占销售（营业）收入的比例（15行第4列/29行第4列）</td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
          </tr>

          <tr>
            <td width="30px" align="center">31</td>
            <td>十、国家需要重点扶持的高新技术企业减征企业所得税</td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
          </tr>

          <tr>
            <td width="30px" align="center">32</td>
            <td>十一、经济特区和上海浦东新区新设立的高新技术企业定期减免税额</td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></td>
            <td align="center"></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: 900px;
  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>
