<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>
            <div class="special-middle">
              {{ value.appUnitName }}
            </div>
          </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>
            {{ value.unitTypeName }}
          </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>
            {{ value.organizationCode }}
          </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>
            {{ value.address }}
          </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>
            {{ value.registeredAddress }}
          </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>
            {{ value.postCode }}
          </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>
            {{ value.legalPerson }}
          </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>
            {{ value.workforce }}
          </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>
            {{ value.specializedPersonnel }}
          </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>
            {{ value.researchPersonnel }}
          </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>
            {{ value.depositBank }}
          </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>
            {{ value.bankAccount }}
          </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>
            {{ value.depositBankAddress }}
          </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>
            {{ value.researchTotal }}
          </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>
            {{ value.isResearchActive }}
          </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>
            {{ value.researchCount }}
          </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>
            {{ value.researchPersonCount }}
          </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>项目名称</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div class="special-middle">
          {{ value.projName }}
        </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">
          {{ value.leadUnit }}
        </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">
          {{ value.recommendUnit }}
        </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">
          {{ value.startDate }}
        </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">
          {{ value.endDate }}
        </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">
          {{ value.technologyInnovationBase }}
        </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">
          {{ value.knowledgeName }}
        </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">
          {{ value.totalFunding }}
        </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">
          {{ value.govFunding }}
        </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">
          {{ value.linkName }}
        </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">
          {{ value.linkMobile }}
        </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">
          {{ value.linkEmail }}
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>项目摘要(400字以内)</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div v-html="toTextarea(value.projAbstract)"></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">
          {{ value.projKeywords }}
        </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>

    <!-- 项目合作单位 -->
    <!-- <cooperative-units :cooperativeUnits.sync="value.cooperativeUnits" /> -->

    <!-- 项目组成员 -->
    <!-- <proj-group-member :members.sync="value.members" /> -->

    <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>1、项目的意义、必要性</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div v-html="toTextarea(value.researchContent)"></div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>2、项目现有工作基础和支撑条件</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div v-html="toTextarea(value.memResume)"></div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>3、与项目相关的国内外技术发展现状(包括知识产权情况)以及本项目主要研究开发内容技术关键(创新点)、可行性评价及项目风险分析与对策</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div v-html="toTextarea(value.researchProgress)"></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 v-html="toTextarea(value.researchContent)"></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 v-html="toTextarea(value.technologyTarget)"></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 v-html="toTextarea(value.economyTarget)"></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 v-html="toTextarea(value.achievementTarget)"></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 v-html="toTextarea(value.otherTarget)"></div>
      </a-col>
    </a-row>

  </div>
</template>

<script>
import moment from 'moment'
import documentView from '@/views/components/common/documentView'
import AuditList from '@/views/audit/components/auditInfo'
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>