<template>
  <div class="from-table font-line-space">
    <a-row>
      <a-col :span="24">
        <div class="tb-title">
          <span>研究项目</span><span v-if="value.isBasic">(基层项目)</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.projName}}<span v-if="value.englishName">/</span>{{value.englishName}}</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.appUnitName}}</div>
        </div>
      </a-col> -->
      <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.applyMoney}}(万元)</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.isAccept}}</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.isOverseas}}</div>
          <div>{{value.overseasRemark}}</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.knowledgeName}}</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.anticipatedName}}</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.reportYear}}</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>{{moment(value.startDate).format('YYYY-MM-DD')}} 至 {{moment(value.endDate).format('YYYY-MM-DD')}}</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.projKeywords}}<span v-if="value.keywordsEnglish">/</span>{{value.keywordsEnglish}}</div>
        </div>
      </a-col>
    </a-row>

    <a-row>
      <a-col :span="24">
        <div class="tb-title">
          <span>项目组统计</span>
        </div>
      </a-col>
    </a-row>

    <a-row type="flex" class="row_center">
      <a-col :span="2" class="bg-gray flex-gray">
        <div class="special-middle">
          <div>总人数</div>
        </div>
      </a-col>
      <a-col :span="3" class="bg-gray flex-gray">
        <div class="special-middle">
          <div>高级</div>
        </div>
      </a-col>
      <a-col :span="3" class="bg-gray flex-gray">
        <div class="special-middle">
          <div>中级</div>
        </div>
      </a-col>
      <a-col :span="3" class="bg-gray flex-gray">
        <div class="special-middle">
          <div>初级</div>
        </div>
      </a-col>
      <a-col :span="3" class="bg-gray flex-gray">
        <div class="special-middle">
          <div>博士后</div>
        </div>
      </a-col>
      <a-col :span="3" class="bg-gray flex-gray">
        <div class="special-middle">
          <div>博士生</div>
        </div>
      </a-col>
      <a-col :span="3" class="bg-gray flex-gray">
        <div class="special-middle">
          <div>硕士生</div>
        </div>
      </a-col>
      <a-col :span="2" class="bg-gray flex-gray">
        <div class="special-middle">
          <div>学士</div>
        </div>
      </a-col>
      <a-col :span="2" class="bg-gray flex-gray">
        <div class="special-middle">
          <div>参加单位数</div>
        </div>
      </a-col>
    </a-row>

    <a-row type="flex" class="row_center">
      <a-col :span="2">
        <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="3">
        <div class="special-middle">
          <div>{{value.memBshCount}}</div>
        </div>
      </a-col>
      <a-col :span="3">
        <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-col :span="2">
        <div class="special-middle">
          <div>{{value.memXsCount}}</div>
        </div>
      </a-col>
      <a-col :span="2">
        <div class="special-middle">
          <div>{{value.workCount}}</div>
        </div>
      </a-col>
    </a-row>

    <!-- <a-row type="flex">
      <a-col :flex="1">
        <div class="bg-gray">总人数</div>
        <div>{{value.memCount}}</div>
      </a-col>
      <a-col :flex="1">
        <div class="bg-gray">高职</div>
        <div>{{value.memHighCount}}</div>
      </a-col>
      <a-col :flex="1">
        <div class="bg-gray">中职</div>
        <div>{{value.memMiddleCount}}</div>
      </a-col>
      <a-col :flex="1">
        <div class="bg-gray">初职</div>
        <div>{{value.memLowCount}}</div>
      </a-col>
      <a-col :flex="1">
        <div class="bg-gray">博士研究生</div>
        <div>{{value.memBsCount}}</div>
      </a-col>
      <a-col :flex="1">
        <div class="bg-gray">硕士研究生</div>
        <div>{{value.memSsCount}}</div>
      </a-col>
      <a-col :flex="1">
        <div class="bg-gray">其他</div>
        <div>{{value.memOtherCount}}</div>
      </a-col>
      <a-col :flex="0.5" class="bg-gray flex-gray">
        <div style="line-height: 80px;">其中</div>
      </a-col>
      <a-col :flex="1">
        <div class="bg-gray">博士</div>
        <div>{{value.memDegree1}}</div>
      </a-col>
      <a-col :flex="1">
        <div class="bg-gray">硕士</div>
        <div>{{value.memDegree2}}</div>
      </a-col>
    </a-row> -->

    <a-row>
      <a-col :span="24">
        <div class="tb-title">
          <span>经费预算 <strong>(单位：万元)</strong></span>
        </div>
      </a-col>
    </a-row>
    <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="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="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="4" 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>人民币（万元）</div>
        </div>
      </a-col>
      <a-col :span="4">
        <div class="special-middle">
          <div>{{ value.totalFunding }}</div>
        </div>
      </a-col>
      <a-col :span="4">
        <div class="special-middle">
          <div>{{ value.govFunding }}</div>
        </div>
      </a-col>
      <a-col :span="4">
        <div class="special-middle">
          <div>{{ value.unitFunding }}</div>
        </div>
      </a-col>
      <a-col :span="4">
        <div class="special-middle">
          <div>{{ value.selfFunding }}</div>
        </div>
      </a-col>
      <a-col :span="4">
        <div class="special-middle">
          <div>{{ value.otherFunding }}</div>
        </div>
      </a-col>
    </a-row>

    <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="4" class="bg-gray">
        <div class="special-middle">
          <div>金额</div>
        </div>
      </a-col>
      <a-col :span="16" class="bg-gray">
        <div class="special-middle">
          <div>计算依据及理由</div>
        </div>
      </a-col>
    </a-row>
    <div v-for="(item, index) in value.budget">
      <a-row :key="'budget' + index" type="flex" class="row_center">
        <a-col :span="4">
          <div class="special-middle">
            <div>{{item.budgetName}}</div>
          </div>
        </a-col>
        <a-col :span="4">
          <div class="special-middle">
            <div>{{item.totalBudget}}</div>
          </div>
        </a-col>
        <a-col :span="16">
          <div class="special-middle">
            <div>{{item.calculationBasis}}</div>
          </div>
        </a-col>
      </a-row>
    </div>

    <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="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="4" class="bg-gray">
        <div class="special-middle">
          <div>金额</div>
        </div>
      </a-col>
      <a-col :span="8" class="bg-gray">
        <div class="special-middle">
          <div>用途</div>
        </div>
      </a-col>
    </a-row>

    <div v-for="(item, index) in value.equipments">
      <a-row :key="'equipments' + index" type="flex" class="row_center">
        <a-col :span="4">
          <div class="special-middle">
            <div>{{item.name}}</div>
          </div>
        </a-col>
        <a-col :span="4">
          <div class="special-middle">
            <div>{{item.specificationType}}</div>
          </div>
        </a-col>
        <a-col :span="4">
          <div class="special-middle">
            <div>{{item.quantity}}</div>
          </div>
        </a-col>
        <a-col :span="4">
          <div class="special-middle">
            <div>{{item.totalBudget}}</div>
          </div>
        </a-col>
        <a-col :span="8">
          <div class="special-middle">
            <div>{{item.useFrom}}</div>
          </div>
        </a-col>
      </a-row>
    </div>

    <a-row>
      <a-col :span="24">
        <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.projContent)"></div>
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="24">
        <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.projBasis)"></div>
        <a-layout-content style="margin-top:10px;" v-if="value.projReference">
          <span style="font-weight:bold;">参考文献:</span>
          <div v-html="toTextarea(value.projReference.replace('参考文献:', '').replace('参考文献：', ''))"></div>
        </a-layout-content>
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="24">
        <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 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.researchPlan)"></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.mainFeatures)"></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.studyPlan)"></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.expectedResults)"></div>
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="24">
        <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.workFoundation)"></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.workingConditions)"></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.memResume)"></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.researchProjects)"></div>
      </a-col>
    </a-row> -->
    <a-row>
      <a-col :span="24">
        <div class="tb-title">
          <span>附件<strong style="margin-left:20px;">注：技术路线、项目组成员签字<span style="color:red;">*</span>、伦理审批件<span style="color:red;">*</span>、科研诚信承诺书<span style="color:red;">*</span>、查新报告<span style="color:red;">*</span>、合作单位盖章页等文件(<span style="color:red;">*</span>为必须上传的附件)</strong></span>
        </div>
      </a-col>
    </a-row>

    <!-- <a-row type="flex" class="row_center">
      <a-col :span="2" class="bg-gray" style="text-align: center;">
        <div class="special-middle">
          <div>序号</div>
        </div>
      </a-col>
      <a-col :span="10" class="bg-gray" style="text-align: center;">
        <div class="special-middle">
          <div>文件名</div>
        </div>
      </a-col>
      <a-col :span="10" class="bg-gray" style="text-align: center;">
        <div class="special-middle">
          <div>附件说明</div>
        </div>
      </a-col>
      <a-col :span="2" class="bg-gray" style="text-align: center;">
        <div class="special-middle">
          <div>操作</div>
        </div>
      </a-col>
    </a-row> -->
    <!-- <a-row v-for="(item, index) in value.fileList" :key="'appendix' + index" type="flex" class="row_center">
      <a-col :span="2" style="text-align: center;">
        <div class="special-middle">
          <div>{{index + 1}}</div>
        </div>
      </a-col>
      <a-col :span="10" style="text-align: center;">
        <div class="special-middle">
          <div v-if="item.fileName" style="text-align: left;">
            <document-view :fileUrl="item.downloadUrl" :fileName="item.fileName" :imageArray="[item.downloadUrl]"></document-view>
          </div>
          <div v-else>无</div>
        </div>
      </a-col>
      <a-col :span="10" style="text-align: center;">
        <div class="special-middle">
          <div>{{item.fileExplain}}<span v-if="item.required" style="color:red;">*</span></div>
        </div>
      </a-col>
      <a-col :span="2" style="text-align: center;">
        <div class="special-middle">
          <div v-if="item.downloadUrl"><a :href="item.downloadUrl" :download="item.fileName">下载</a></div>
        </div>
      </a-col>
    </a-row> -->
    <!-- <a-row>
      <a-col :span="24">
        <div class="tb-title">
          <span>审核记录</span>
        </div>
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="24">
        <audit-list v-model="value.auditList" />
      </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>