<template>
  <div class="from-table font-line-space">
    <a-row>
        <a-col :span="24" style="border-top: 0px">
          <div class="tb-title">
            <span>基本情况</span>
          </div>
        </a-col>
      </a-row>
      <a-row>
        <a-col :span="24" style="border-top: 0px">
          <div class="tb-title">
            <span>单位基本情况</span>
          </div>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>单位名称</div>
          </div>
        </a-col>
        <a-col :span="20">
          <div class="special-middle">
            <div>
              <a-form-model-item>
                <div>{{ formData.appUnitName }}</div>
              </a-form-model-item>
            </div>
          </div>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>注册单位类型</div>
          </div>
        </a-col>
        <a-col :span="8">
          <div class="special-middle">
            <div>
              <a-form-model-item>
                <div>{{ formData.unitTypeName }}</div>
              </a-form-model-item>
            </div>
          </div>
        </a-col>
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>组织机构代码/统一社会信用代码</div>
          </div>
        </a-col>
        <a-col :span="8">
          <div class="special-middle">
            <div>
              <a-form-model-item>
                <div>{{ formData.organizationCode }}</div>
              </a-form-model-item>
            </div>
          </div>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>通讯地址</div>
          </div>
        </a-col>
        <a-col :span="20">
          <div class="special-middle">
            <div>
              <a-form-model-item>
                <div>{{ formData.address }}</div>
              </a-form-model-item>
            </div>
          </div>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>注册所在地</div>
          </div>
        </a-col>
        <a-col :span="8">
          <div class="special-middle">
            <div>
              <a-form-model-item>
                <div>{{ formData.registeredAddress }}</div>
              </a-form-model-item>
            </div>
          </div>
        </a-col>
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>邮编</div>
          </div>
        </a-col>
        <a-col :span="8">
          <div class="special-middle">
            <div>
              <a-form-model-item>
                <div>{{ formData.postCode }}</div>
              </a-form-model-item>
            </div>
          </div>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>法定代表人</div>
          </div>
        </a-col>
        <a-col :span="8">
          <div class="special-middle">
            <div>
              <a-form-model-item>
                <div>{{ formData.legalPerson }}</div>
              </a-form-model-item>
            </div>
          </div>
        </a-col>
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>职工总数</div>
          </div>
        </a-col>
        <a-col :span="8">
          <div class="special-middle">
            <div>
              <a-form-model-item>
                <div>{{ formData.workforce }}</div>
              </a-form-model-item>
            </div>
          </div>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>其中专科以上人员</div>
          </div>
        </a-col>
        <a-col :span="8">
          <div class="special-middle">
            <div>
              <a-form-model-item>
                <div>{{ formData.specializedPersonnel }}</div>
              </a-form-model-item>
            </div>
          </div>
        </a-col>
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>研究开发人员</div>
          </div>
        </a-col>
        <a-col :span="8">
          <div class="special-middle">
            <div>
              <a-form-model-item>
                <div>{{ formData.researchPersonnel }}</div>
              </a-form-model-item>
            </div>
          </div>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>开户银行</div>
          </div>
        </a-col>
        <a-col :span="8">
          <div class="special-middle">
            <div>
              <a-form-model-item>
                <div>{{ formData.depositBank }}</div>
              </a-form-model-item>
            </div>
          </div>
        </a-col>
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>银行账号</div>
          </div>
        </a-col>
        <a-col :span="8">
          <div class="special-middle">
            <div>
              <a-form-model-item>
                <div>{{ formData.bankAccount }}</div>
              </a-form-model-item>
            </div>
          </div>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>开户银行地址</div>
          </div>
        </a-col>
        <a-col :span="8">
          <div class="special-middle">
            <div>
              <a-form-model-item>
                <div>{{ formData.depositBankAddress }}</div>
              </a-form-model-item>
            </div>
          </div>
        </a-col>
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>上年度研发经费支出总额(单位:万元)</div>
          </div>
        </a-col>
        <a-col :span="8">
          <div class="special-middle">
            <div>
              <a-form-model-item>
                <div>{{ formData.researchTotal }}</div>
              </a-form-model-item>
            </div>
          </div>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>上年度是否填报了研发活动情况</div>
          </div>
        </a-col>
        <a-col :span="8">
          <div class="special-middle">
            <div>
              <a-form-model-item>
                <div>{{ formData.isResearchActive }}</div>
              </a-form-model-item>
            </div>
          </div>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>上一年度填报的研发投入总数(单位:万元)</div>
          </div>
        </a-col>
        <a-col :span="20">
          <div class="special-middle">
            <div>
              <a-form-model-item>
                <div>{{ formData.researchCount }}</div>
              </a-form-model-item>
            </div>
          </div>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>上一年度填报的研发人员数</div>
          </div>
        </a-col>
        <a-col :span="20">
          <div class="special-middle">
            <div>
              <a-form-model-item>
                <div>{{ formData.researchPersonCount }}</div>
              </a-form-model-item>
            </div>
          </div>
        </a-col>
      </a-row>
      <a-row>
        <a-col :span="24" style="border-top: 0px">
          <div class="tb-title">
            <span>项目基本情况</span>
          </div>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div class="required">项目名称</div>
          </div>
        </a-col>
        <a-col :span="20">
          <a-form-model-item prop="projName">
            <a-input placeholder="项目名称" v-model="formData.projName" :maxLength="100" style="width: 80%" />
          </a-form-model-item>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div class="required">项目所属二级学院/部门名称(牵头单位)</div>
          </div>
        </a-col>
        <a-col :span="20">
          <a-form-model-item prop="leadUnit">
            <a-input placeholder="项目所属二级学院/部门名称(牵头单位)" v-model="formData.leadUnit" :maxLength="100" style="width: 80%" />
          </a-form-model-item>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div class="required">推荐部门</div>
          </div>
        </a-col>
        <a-col :span="20">
          <a-form-model-item prop="recommendUnit">
            <a-input placeholder="推荐部门" v-model="formData.recommendUnit" :maxLength="100" style="width: 80%" />
          </a-form-model-item>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div class="required">项日开始时间</div>
          </div>
        </a-col>
        <a-col :span="8">
          <a-form-model-item prop="startDate" style="width:200px;display: inline-block;">
            <a-date-picker format="YYYY-MM-DD" valueFormat="YYYY-MM-DD HH:mm:ss" v-model="formData.startDate" style="width: 180px" />
          </a-form-model-item>
        </a-col>
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div class="required">项目结束时间</div>
          </div>
        </a-col>
        <a-col :span="8">
          <a-form-model-item prop="endDate" style="width:200px;display: inline-block;">
            <a-date-picker format="YYYY-MM-DD" valueFormat="YYYY-MM-DD HH:mm:ss" v-model="formData.endDate" style="width: 180px" />
          </a-form-model-item>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div class="required">项目依托的科技创新基地</div>
          </div>
        </a-col>
        <a-col :span="20">
          <a-form-model-item prop="technologyInnovationBase">
            <a-input placeholder="项目依托的科技创新基地" v-model="formData.technologyInnovationBase" :maxLength="100" style="width: 80%" />
          </a-form-model-item>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div class="required">项目所属学科类别</div>
          </div>
        </a-col>
        <a-col :span="20">
          <a-form-model-item prop="knowledgeId">
            <para-multi-select v-model="formData.knowledgeId" :typeId="57" />
          </a-form-model-item>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div class="required">项目总经费(万元）</div>
          </div>
        </a-col>
        <a-col :span="8">
          <a-form-model-item prop="totalFunding">
            <a-input-number v-model="formData.totalFunding" :min="0" :step="0.01" style="width: 100px" />
            <span> 单位：万元</span>
          </a-form-model-item>
        </a-col>
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div class="required">申请科技经费(万元)</div>
          </div>
        </a-col>
        <a-col :span="8">
          <a-form-model-item prop="govFunding">
            <a-input-number v-model="formData.govFunding" :min="0" :step="0.01" style="width: 100px" />
            <span> 单位：万元</span>
          </a-form-model-item>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div class="required">项目联系人姓名</div>
          </div>
        </a-col>
        <a-col :span="8">
          <a-form-model-item prop="linkName">
            <a-input placeholder="项目联系人姓名" v-model="formData.linkName" :maxLength="100" style="width: 80%" />
          </a-form-model-item>
        </a-col>
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div class="required">联系人手机</div>
          </div>
        </a-col>
        <a-col :span="8">
          <a-form-model-item prop="linkMobile">
            <a-input placeholder="联系人手机" v-model="formData.linkMobile" :maxLength="100" style="width: 80%" />
          </a-form-model-item>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div class="required">电子邮箱</div>
          </div>
        </a-col>
        <a-col :span="20">
          <a-form-model-item prop="linkEmail">
            <a-input placeholder="电子邮箱" v-model="formData.linkEmail" :maxLength="100" style="width: 80%" />
          </a-form-model-item>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div class="required">项目摘要(400字以内)</div>
          </div>
        </a-col>
        <a-col :span="20">
          <a-form-model-item prop="projAbstract">
            <a-textarea placeholder="项目摘要" v-model="formData.projAbstract" :maxLength="400" style="width: 60%; height: 160px; margin-top: 12px" />
          </a-form-model-item>
        </a-col>
      </a-row>
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div class="required">关键词</div>
          </div>
        </a-col>
        <a-col :span="20">
          <a-form-model-item prop="projKeywords">
            <a-input placeholder="关键词" v-model="formData.projKeywords" :maxLength="200" style="width: 80%" />
          </a-form-model-item>
        </a-col>
      </a-row>
  </div>
</template>

<script>
import moment from 'moment'
import AuditList from '@/views/audit/components/auditInfo'
import documentView from '@/views/components/common/documentView'
import { toTextarea } from '@/views/utils/common'

export default {
  components: {
    AuditList, documentView
  },
  name: "ProjectInfo",
  data () {
    return {
    }
  },
  props: {
    value: {
      type: Object,
      default: () => {
        return null
      }
    }
  },
  created () {
  },
  mounted () {
  },
  methods: {
    moment,
    toTextarea,
  }
}
</script>