<template>
  <basic-container>
    <div class="btn-wrap">
      <el-button type="primary" icon="el-icon-edit">保存</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>
        <el-button
          type="warning"
          size="small"
          plain
          icon="el-icon-download"
        >
          导出
        </el-button>
      </div>
      <table>
        <thead>
          <tr>
            <th>指标名称</th>
            <th>计量单位</th>
            <th>代码</th>
            <th>数量</th>
          </tr>
          <tr>
            <th width="40%">甲</th>
            <th width="20%">乙</th>
            <th width="20%">丙</th>
            <th width="20%">1</th>
          </tr>
        </thead>
        <tbody>
          <tr style="font-weight: 600;">
            <td align="center">一、研究开发人员情况</td>
            <td align="center">—</td>
            <td align="center">—</td>
            <td align="center">—</td>
          </tr>
          <tr>
            <td align="center">研究开发人员合计</td>
            <td align="center">人</td>
            <td align="center">1</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">其中：管理和服务人员</td>
            <td align="center">人</td>
            <td align="center">2</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">其中：女性</td>
            <td align="center">人</td>
            <td align="center">3</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">其中：全职人员</td>
            <td align="center">人</td>
            <td align="center">4</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">其中：本科毕业及以上人员</td>
            <td align="center">人</td>
            <td align="center">5</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">二、研究开发费用情况</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
          </tr>
          <tr>
            <td align="center">研究开发费用合计</td>
            <td align="center">千元</td>
            <td align="center">7</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">1.人员人工费用</td>
            <td align="center">千元</td>
            <td align="center">8</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">2.直接投入费用</td>
            <td align="center">千元</td>
            <td align="center">9</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">3.折旧费用与长期待摊费用</td>
            <td align="center">千元</td>
            <td align="center">10</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">4.无形资产摊销费用</td>
            <td align="center">千元</td>
            <td align="center">11</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">5.设计费用</td>
            <td align="center">千元</td>
            <td align="center">12</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">6.装备调试费用与试验费用</td>
            <td align="center">千元</td>
            <td align="center">13</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">7.委托外部研究开发费用</td>
            <td align="center">千元</td>
            <td align="center">14</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">①委托境内研究机构</td>
            <td align="center">千元</td>
            <td align="center">15</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">②委托境内高等学校</td>
            <td align="center">千元</td>
            <td align="center">16</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">③委托境内企业</td>
            <td align="center">千元</td>
            <td align="center">17</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">④委托境外机构</td>
            <td align="center">千元</td>
            <td align="center">18</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">8.其他费用</td>
            <td align="center">千元</td>
            <td align="center">19</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">三、研究开发资产情况</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
          </tr>
          <tr>
            <td align="center">当年形成用于研发开发的固定资产</td>
            <td align="center">千元</td>
            <td align="center">20</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">其中：仪器和设备</td>
            <td align="center">千元</td>
            <td align="center">21</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">四、研究开发支出资金来源</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
          </tr>
          <tr>
            <td align="center">1.来自企业自筹</td>
            <td align="center">千元</td>
            <td align="center">57</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">2.来自政府部门</td>
            <td align="center">千元</td>
            <td align="center">43</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">3.来自银行贷款</td>
            <td align="center">千元</td>
            <td align="center">58</td>
            <td align="center">
              <input placeholder="请输入" type="number" />
            </td>
          </tr>
          <tr>
            <td align="center">4.来自风险投资</td>
            <td align="center">千元</td>
            <td align="center">55</td>
            <td align="center">
              <input placeholder="请输入" type="number" />
            </td>
          </tr>
          <tr>
            <td align="center">5.来自其他渠道</td>
            <td align="center">千元</td>
            <td align="center">56</td>
            <td align="center">
              <input placeholder="请输入" type="number" />
            </td>
          </tr>
          <tr>
            <td align="center">五、相关政策落实情况</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
          </tr>
          <tr>
            <td align="center">申报加计扣除减免税的研究开发支出</td>
            <td align="center">千元</td>
            <td align="center">52</td>
            <td align="center">
            </td>
          </tr>
          <tr>
            <td align="center">加计扣除减免税金额</td>
            <td align="center">千元</td>
            <td align="center">44</td>
            <td align="center">
            </td>
          </tr>
          <tr>
            <td align="center">高新技术企业减免税金额</td>
            <td align="center">千元</td>
            <td align="center">45</td>
            <td align="center">
              <input placeholder="请输入" type="number" />
            </td>
          </tr>
          <tr>
            <td align="center">六、企业办研究开发机构 （境内）情况</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
          </tr>
          <tr>
            <td align="center">期末机构数</td>
            <td align="center">个</td>
            <td align="center">22</td>
            <td align="center">1</td>
          </tr>
          <tr>
            <td align="center">机构研究开发人员</td>
            <td align="center">人</td>
            <td align="center">23</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">其中：博士毕业</td>
            <td align="center">人</td>
            <td align="center">24</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">硕士毕业</td>
            <td align="center">人</td>
            <td align="center">25</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">机构研究开发费用</td>
            <td align="center">千元</td>
            <td align="center">26</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">期末仪器和设备原价</td>
            <td align="center">千元</td>
            <td align="center">27</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">七、研究开发产出及相关情况</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
          </tr>
          <tr>
            <td align="center">(一)专利情况</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
          </tr>
          <tr>
            <td align="center">当年专利申请数</td>
            <td align="center">件</td>
            <td align="center">29</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">其中：发明专利</td>
            <td align="center">件</td>
            <td align="center">30</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">期末有效发明专利数</td>
            <td align="center">件</td>
            <td align="center">32</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">其中：已被实施</td>
            <td align="center">件</td>
            <td align="center">33</td>
            <td align="center"></td>
          </tr>
          <tr>
            <td align="center">专利所有权转让及许可数</td>
            <td align="center">件</td>
            <td align="center">53</td>
            <td align="center">
              <input placeholder="请输入" type="number" />
            </td>
          </tr>
          <tr>
            <td align="center">专利所有权转让及许可收入</td>
            <td align="center">千元</td>
            <td align="center">54</td>
            <td align="center">
              <input placeholder="请输入" type="number" />
            </td>
          </tr>
          <tr>
            <td align="center">(二)新产品情况</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
          </tr>
          <tr>
            <td align="center">*新产品销售收入</td>
            <td align="center">千元</td>
            <td align="center">36</td>
            <td align="center">
              <input placeholder="请输入" type="number" />
            </td>
          </tr>
          <tr>
            <td align="center">*其中：出口</td>
            <td align="center">千元</td>
            <td align="center">37</td>
            <td align="center">
              <input placeholder="请输入" type="number" />
            </td>
          </tr>
          <tr>
            <td align="center">(三)其他情况</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
          </tr>
          <tr>
            <td align="center">*期末拥有注册商标</td>
            <td align="center">件</td>
            <td align="center">38</td>
            <td align="center">
              <input placeholder="请输入" type="number" />
            </td>
          </tr>
          <tr>
            <td align="center">发表科技论文</td>
            <td align="center">篇</td>
            <td align="center">40</td>
            <td align="center">
            </td>
          </tr>
          <tr>
            <td align="center">形成国家或行业标准</td>
            <td align="center">项</td>
            <td align="center">41</td>
            <td align="center">
            </td>
          </tr>
          <tr>
            <td align="center">八、其他相关情况</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
          </tr>
          <tr>
            <td align="center">(一)技术改造和技术获取情况</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
          </tr>
          <tr>
            <td align="center">技术改造经费支出</td>
            <td align="center">千元</td>
            <td align="center">46</td>
            <td align="center">
              <input placeholder="请输入" type="number" />
            </td>
          </tr>
          <tr>
            <td align="center">购买境内技术经费支出</td>
            <td align="center">千元</td>
            <td align="center">47</td>
            <td align="center">
              <input placeholder="请输入" type="number" />
            </td>
          </tr>
          <tr>
            <td align="center">引进境外技术经费支出</td>
            <td align="center">千元</td>
            <td align="center">48</td>
            <td align="center">
              <input placeholder="请输入" type="number" />
            </td>
          </tr>
          <tr>
            <td align="center">引进境外技术的消化吸收经费支出</td>
            <td align="center">千元</td>
            <td align="center">49</td>
            <td align="center">
              <input placeholder="请输入" type="number" />
            </td>
          </tr>
          <tr>
            <td align="center">(二)企业办研究开发机构（境外）情况</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
          </tr>
          <tr>
            <td align="center">期末企业在境外设立的研究开发机构数</td>
            <td align="center">个</td>
            <td align="center">50</td>
            <td align="center">
              <input placeholder="请输入" type="number" />
            </td>
          </tr>
           <tr>
            <td align="center">(三)资金保障情况</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
            <td align="center" style="font-weight: 600;">—</td>
          </tr>
          <tr>
            <td align="center">当年企业研发准备金合计</td>
            <td align="center">千元</td>
            <td align="center">59</td>
            <td align="center">
              <input placeholder="请输入" type="number" />
            </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>
.btn-wrap {
  position: fixed;
  right: 90px;
  bottom: 60px;
  ::v-deep .el-button {
    width: 86px;
    height: 86px;
    text-align: left;
    border-radius: 100%;
    font-weight: 600;
    box-shadow: 0 0 12px #888;
    box-sizing: border-box;
  }
}

.page-title {
  text-align: center;
  font-size: 24px;
}

.doc-page {
  width: 900px;
  margin: 30px auto;
}
table {
  width: 100%;
  border: 1px solid #333;
}
table thead {
  background-color: rgb(228, 240, 254);
  th {
    font-weight: normal;
    border: 1px solid #333;
    padding: 9px 3px;
    font-size: 14px;
    color: #666;
  }
}
tr td {
  border: 1px solid #333;
  padding: 9px 3px;
  font-size: 14px;
  color: #666;
  input {
    border: none;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
}
</style>
