<template>
  <div class="from-table font-line-space" v-if="tabsData[0].isShow">
    <div v-if="tabsData[1].isShow">
      <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>{{ value.appUnitName }}</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.interbankNumber }}
            </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.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="20">
          <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.appUnitName }}
          </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">
            {{ moment(value.startDate).format('YYYY-MM-DD') }}
          </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">
            {{ moment(value.endDate).format('YYYY-MM-DD') }}
          </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>
    </div>
    <div v-if="tabsData[2].isShow">
      <a-row>
        <a-col :span="24" style="border-top: 0px">
          <div class="tb-title">
            <span>项目人员情况</span>
          </div>
        </a-col>
      </a-row>

      <!-- 项目合作单位 -->
      <participate-units-info :dataList.sync="value.participateUnits" />

      <!-- 项目组成员 -->
      <project-member-info :dataList.sync="value.members" />

      <a-row type="flex" class="row_center">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>总人数</div>
          </div>
        </a-col>
        <a-col :span="3" class="bg-gray">
          <div class="special-middle">
            <div>高级</div>
          </div>
        </a-col>
        <a-col :span="3" class="bg-gray">
          <div class="special-middle">
            <div>中级</div>
          </div>
        </a-col>
        <a-col :span="3" class="bg-gray">
          <div class="special-middle">
            <div>初级</div>
          </div>
        </a-col>
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>博士后</div>
          </div>
        </a-col>
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>博士生</div>
          </div>
        </a-col>
        <a-col :span="3" class="bg-gray">
          <div class="special-middle">
            <div>硕士生</div>
          </div>
        </a-col>
      </a-row>
      <a-row type="flex" class="row_center">
        <a-col :span="4">
          <div class="special-middle">
            <div>
              {{ value.memCount }}
            </div>
          </div>
        </a-col>
        <a-col :span="3">
          <div class="special-middle">
            <div>
              {{ value.memHighCount }}
            </div>
          </div>
        </a-col>
        <a-col :span="3">
          <div class="special-middle">
            <div>
              {{ value.memMiddleCount }}
            </div>
          </div>
        </a-col>
        <a-col :span="3">
          <div class="special-middle">
            <div>
              {{ value.memLowCount }}
            </div>
          </div>
        </a-col>
        <a-col :span="4">
          <div class="special-middle">
            <div>
              {{ value.memBshCount }}
            </div>
          </div>
        </a-col>
        <a-col :span="4">
          <div class="special-middle">
            <div>
              {{ value.memBsCount }}
            </div>
          </div>
        </a-col>
        <a-col :span="3">
          <div class="special-middle">
            <div>
              {{ value.memSsCount }}
            </div>
          </div>
        </a-col>
      </a-row>
    </div>
    <div v-if="tabsData[3].isShow">
      <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.projContent)"></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>
        <a-col :span="24" style="border-top: 0px">
          <div class="tb-title">
            <span>3、在研或完成基础研究项目情况</span>
          </div>
        </a-col>
      </a-row>
      <!-- 在研或完成基础研究项目情况 -->
      <project-research-info :dataList.sync="value.projectResearchList" />
      <a-row type="flex">
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>4、与项目相关的国内外技术发展现状(包括知识产权情况)以及本项目主要研究开发内容技术关键(创新点)、可行性评价及项目风险分析与对策</div>
          </div>
        </a-col>
        <a-col :span="20">
          <div v-html="toTextarea(value.researchProgress)"></div>
        </a-col>
      </a-row>
    </div>
    <div v-if="tabsData[4].isShow">
      <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>
    </div>
    <div v-if="tabsData[5].isShow">
      <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>
    <div v-if="tabsData[6].isShow">
      <!-- 经费预算 -->
      <budget-info :budget.sync="value.budget" />
      <!-- 分年度用款计划 -->
      <fund-plan-info :fundPlan.sync="value.fundPlan" />
      <!-- 设备费-购置设备预算明细表 -->
      <equipments-info :equipments.sync="value.equipments" />
      <!-- 设备费-购置设备预算明细表 -->
      <unit-payment-info :unitPayment.sync="value.unitPayment" />
    </div>
    <div v-if="tabsData[7].isShow">
      <!-- 项目绩效目标表v-if="value.projState >= 50" -->
      <project-kpi-info v-if="value.projectKPI" :projectKPI.sync="value.projectKPI" />
    </div>
    <div v-if="tabsData[8].isShow">
      <!-- 项目课题设置 -->
      <project-sub-info :dataList.sync="value.projectSubList" />
    </div>
    <div v-if="tabsData[9].isShow">
      <!-- 附件 -->
      <file-info :fileList.sync="value.fileList" />
    </div>
    <div v-if="tabsData[10].isShow">
      <!-- 单位科研项目及资金管理制度表 -->
      <management-rule-info :dataList.sync="value.managementRuleList" />
    </div>
  </div>
</template>

<script>
import moment from 'moment'
import projectMemberInfo from '@/views/report/project/components/projectMemberInfo'
import cooperativeUnitsInfo from '@/views/report/project/components/cooperativeUnitsInfo'
import participateUnitsInfo from '@/views/report/project/components/participateUnitsInfo'
import budgetInfo from '@/views/report/project/components/budgetInfo'
import fundPlanInfo from '@/views/report/project/components/fundPlanInfo'
import equipmentsInfo from '@/views/report/project/components/equipmentsInfo.vue'
import unitPaymentInfo from '@/views/report/project/components/unitPaymentInfo.vue'
import projectKpiInfo from '@/views/report/project/components/projectKpiInfo.vue'
import projectResearchInfo from '@/views/report/project/components/projectResearchInfo'
import projectSubInfo from '@/views/report/project/components/projectSubInfo'
import managementRuleInfo from '@/views/report/project/components/managementRuleInfo'
import fileInfo from "@/views/report/project/components/fileInfo";
import documentView from '@/views/components/common/documentView'
import AuditList from '@/views/audit/components/auditInfo'
import { toTextarea } from '@/views/utils/common'




export default {
  components: {
    projectMemberInfo, cooperativeUnitsInfo,participateUnitsInfo, budgetInfo, fundPlanInfo, equipmentsInfo, unitPaymentInfo, projectKpiInfo,projectResearchInfo, projectSubInfo, managementRuleInfo, fileInfo, AuditList, documentView
  },
  name: "ProjectInfo",
  data () {
    return {
    }
  },
  props: {
    value: {
      type: Object,
      default: () => {
        return null
      }
    },
    tabsData: {
      type: Array,
      default: () => {
        return []
      }
    },
  },
  created () {
    if (!!!this.tabsData || this.tabsData.length == 0)
      this.tabsData = [
        { title: '全部', key: '0', isShow: true },
        { title: '基本情况', key: '1', isShow: true },
        { title: '项目人员情况', key: '2', isShow: true },
        { title: '项目可行性研究情况', key: '3', isShow: true },
        { title: '项目实施目标', key: '4', isShow: true },
        { title: '项目考核指标', key: '5', isShow: true },
        { title: '项目经费', key: '6', isShow: true },
        { title: '项目绩效目标表', key: '7', isShow: true },
        { title: '项目课题设置', key: '8', isShow: true },
        { title: '附件清单', key: '9', isShow: true },
        { title: '单位科研项目及资金管理制度', key: '10', isShow: true },
        { title: '诚信承诺书', key: '11', isShow: true },
      ]
  },
  mounted () {
  },
  methods: {
    moment, toTextarea,
  }
}
</script>