Skip to content

Y
yn-science-front
Commit a2155d35 authored by wangxl's avatar wangxl
Browse files
Options

2222

parent 36d3728a
Hide whitespace changes
Inline Side-by-side
Showing with 697 additions and 646 deletions
src/views/report/project/components/projectInfo.vue
View file @ a2155d35
<template> <template>
<div class="from-table font-line-space"> <div class="from-table font-line-space" v-if="tabsData[0].isShow">
<a-row> <div v-if="tabsData[1].isShow">
<a-col :span="24" style="border-top: 0px"> <a-row>
<div class="tb-title"> <a-col :span="24" style="border-top: 0px">
<span>基本情况</span> <div class="tb-title">
</div> <span>基本情况</span>
</a-col> </div>
</a-row> </a-col>
<a-row> </a-row>
<a-col :span="24" style="border-top: 0px"> <a-row>
<div class="tb-title"> <a-col :span="24" style="border-top: 0px">
<span>单位基本情况</span> <div class="tb-title">
</div> <span>单位基本情况</span>
</a-col> </div>
</a-row> </a-col>
<a-row type="flex"> </a-row>
<a-col :span="4" class="bg-gray"> <a-row type="flex">
<div class="special-middle"> <a-col :span="4" class="bg-gray">
<div>单位名称</div> <div class="special-middle">
</div> <div>单位名称</div>
</a-col> </div>
<a-col :span="20"> </a-col>
<div class="special-middle"> <a-col :span="20">
<div>{{ value.appUnitName }}</div> <div class="special-middle">
</div> <div>{{ value.appUnitName }}</div>
</a-col> </div>
</a-row> </a-col>
<a-row type="flex"> </a-row>
<a-col :span="4" class="bg-gray"> <a-row type="flex">
<div class="special-middle"> <a-col :span="4" class="bg-gray">
<div>注册单位类型</div> <div class="special-middle">
</div> <div>注册单位类型</div>
</a-col> </div>
<a-col :span="8"> </a-col>
<div class="special-middle"> <a-col :span="8">
<div> <div class="special-middle">
{{ value.unitTypeName }} <div>
</div> {{ value.unitTypeName }}
</div> </div>
</a-col> </div>
<a-col :span="4" class="bg-gray"> </a-col>
<div class="special-middle"> <a-col :span="4" class="bg-gray">
<div>组织机构代码/统一社会信用代码</div> <div class="special-middle">
</div> <div>组织机构代码/统一社会信用代码</div>
</a-col> </div>
<a-col :span="8"> </a-col>
<div class="special-middle"> <a-col :span="8">
<div> <div class="special-middle">
{{ value.organizationCode }} <div>
</div> {{ value.organizationCode }}
</div> </div>
</a-col> </div>
</a-row> </a-col>
<a-row type="flex"> </a-row>
<a-col :span="4" class="bg-gray"> <a-row type="flex">
<div class="special-middle"> <a-col :span="4" class="bg-gray">
<div>通讯地址</div> <div class="special-middle">
</div> <div>通讯地址</div>
</a-col> </div>
<a-col :span="20"> </a-col>
<div class="special-middle"> <a-col :span="20">
<div> <div class="special-middle">
{{ value.address }} <div>
</div> {{ value.address }}
</div> </div>
</a-col> </div>
</a-row> </a-col>
<a-row type="flex"> </a-row>
<a-col :span="4" class="bg-gray"> <a-row type="flex">
<div class="special-middle"> <a-col :span="4" class="bg-gray">
<div>注册所在地</div> <div class="special-middle">
</div> <div>注册所在地</div>
</a-col> </div>
<a-col :span="8"> </a-col>
<div class="special-middle"> <a-col :span="8">
<div> <div class="special-middle">
{{ value.registeredAddress }} <div>
</div> {{ value.registeredAddress }}
</div> </div>
</a-col> </div>
<a-col :span="4" class="bg-gray"> </a-col>
<div class="special-middle"> <a-col :span="4" class="bg-gray">
<div>邮编</div> <div class="special-middle">
</div> <div>邮编</div>
</a-col> </div>
<a-col :span="8"> </a-col>
<div class="special-middle"> <a-col :span="8">
<div> <div class="special-middle">
{{ value.postCode }} <div>
</div> {{ value.postCode }}
</div> </div>
</a-col> </div>
</a-row> </a-col>
<a-row type="flex"> </a-row>
<a-col :span="4" class="bg-gray"> <a-row type="flex">
<div class="special-middle"> <a-col :span="4" class="bg-gray">
<div>法定代表人</div> <div class="special-middle">
</div> <div>法定代表人</div>
</a-col> </div>
<a-col :span="8"> </a-col>
<div class="special-middle"> <a-col :span="8">
<div> <div class="special-middle">
{{ value.legalPerson }} <div>
</div> {{ value.legalPerson }}
</div> </div>
</a-col> </div>
<a-col :span="4" class="bg-gray"> </a-col>
<div class="special-middle"> <a-col :span="4" class="bg-gray">
<div>职工总数</div> <div class="special-middle">
</div> <div>职工总数</div>
</a-col> </div>
<a-col :span="8"> </a-col>
<div class="special-middle"> <a-col :span="8">
<div> <div class="special-middle">
{{ value.workforce }} <div>
</div> {{ value.workforce }}
</div> </div>
</a-col> </div>
</a-row> </a-col>
<a-row type="flex"> </a-row>
<a-col :span="4" class="bg-gray"> <a-row type="flex">
<div class="special-middle"> <a-col :span="4" class="bg-gray">
<div>其中专科以上人员</div> <div class="special-middle">
</div> <div>其中专科以上人员</div>
</a-col> </div>
<a-col :span="8"> </a-col>
<div class="special-middle"> <a-col :span="8">
<div> <div class="special-middle">
{{ value.specializedPersonnel }} <div>
</div> {{ value.specializedPersonnel }}
</div> </div>
</a-col> </div>
<a-col :span="4" class="bg-gray"> </a-col>
<div class="special-middle"> <a-col :span="4" class="bg-gray">
<div>研究开发人员</div> <div class="special-middle">
</div> <div>研究开发人员</div>
</a-col> </div>
<a-col :span="8"> </a-col>
<div class="special-middle"> <a-col :span="8">
<div> <div class="special-middle">
{{ value.researchPersonnel }} <div>
</div> {{ value.researchPersonnel }}
</div> </div>
</a-col> </div>
</a-row> </a-col>
<a-row type="flex"> </a-row>
<a-col :span="4" class="bg-gray"> <a-row type="flex">
<div class="special-middle"> <a-col :span="4" class="bg-gray">
<div>开户银行</div> <div class="special-middle">
</div> <div>开户银行</div>
</a-col> </div>
<a-col :span="8"> </a-col>
<div class="special-middle"> <a-col :span="8">
<div> <div class="special-middle">
{{ value.depositBank }} <div>
</div> {{ value.depositBank }}
</div> </div>
</a-col> </div>
<a-col :span="4" class="bg-gray"> </a-col>
<div class="special-middle"> <a-col :span="4" class="bg-gray">
<div>银行账号</div> <div class="special-middle">
</div> <div>银行账号</div>
</a-col> </div>
<a-col :span="8"> </a-col>
<div class="special-middle"> <a-col :span="8">
<div> <div class="special-middle">
{{ value.bankAccount }} <div>
</div> {{ value.bankAccount }}
</div> </div>
</a-col> </div>
</a-row> </a-col>
<a-row type="flex"> </a-row>
<a-col :span="4" class="bg-gray"> <a-row type="flex">
<div class="special-middle"> <a-col :span="4" class="bg-gray">
<div>开户银行地址</div> <div class="special-middle">
</div> <div>开户银行地址</div>
</a-col> </div>
<a-col :span="8"> </a-col>
<div class="special-middle"> <a-col :span="8">
<div> <div class="special-middle">
{{ value.depositBankAddress }} <div>
</div> {{ value.depositBankAddress }}
</div> </div>
</a-col> </div>
<a-col :span="4" class="bg-gray"> </a-col>
<div class="special-middle"> <a-col :span="4" class="bg-gray">
<div>银行联行号</div> <div class="special-middle">
</div> <div>银行联行号</div>
</a-col> </div>
<a-col :span="8"> </a-col>
<div class="special-middle"> <a-col :span="8">
<div> <div class="special-middle">
{{ value.interbankNumber }} <div>
</div> {{ value.interbankNumber }}
</div> </div>
</a-col> </div>
</a-row> </a-col>
<a-row type="flex"> </a-row>
<a-col :span="4" class="bg-gray"> <a-row type="flex">
<div class="special-middle"> <a-col :span="4" class="bg-gray">
<div>上年度研发经费支出总额(单位:万元)</div> <div class="special-middle">
</div> <div>上年度研发经费支出总额(单位:万元)</div>
</a-col> </div>
<a-col :span="20"> </a-col>
<div class="special-middle"> <a-col :span="20">
<div> <div class="special-middle">
{{ value.researchTotal }} <div>
</div> {{ value.researchTotal }}
</div> </div>
</a-col> </div>
</a-row> </a-col>
<a-row type="flex"> </a-row>
<a-col :span="4" class="bg-gray"> <a-row type="flex">
<div class="special-middle"> <a-col :span="4" class="bg-gray">
<div>上年度是否填报了研发活动情况</div> <div class="special-middle">
</div> <div>上年度是否填报了研发活动情况</div>
</a-col> </div>
<a-col :span="20"> </a-col>
<div class="special-middle"> <a-col :span="20">
<div> <div class="special-middle">
{{ value.isResearchActive }} <div>
</div> {{ value.isResearchActive }}
</div> </div>
</a-col> </div>
</a-row> </a-col>
<a-row type="flex"> </a-row>
<a-col :span="4" class="bg-gray"> <a-row type="flex">
<div class="special-middle"> <a-col :span="4" class="bg-gray">
<div>上一年度填报的研发投入总数(单位:万元)</div> <div class="special-middle">
</div> <div>上一年度填报的研发投入总数(单位:万元)</div>
</a-col> </div>
<a-col :span="20"> </a-col>
<div class="special-middle"> <a-col :span="20">
<div> <div class="special-middle">
{{ value.researchCount }} <div>
</div> {{ value.researchCount }}
</div> </div>
</a-col> </div>
</a-row> </a-col>
<a-row type="flex"> </a-row>
<a-col :span="4" class="bg-gray"> <a-row type="flex">
<div class="special-middle"> <a-col :span="4" class="bg-gray">
<div>上一年度填报的研发人员数</div> <div class="special-middle">
</div> <div>上一年度填报的研发人员数</div>
</a-col> </div>
<a-col :span="20"> </a-col>
<div class="special-middle"> <a-col :span="20">
<div> <div class="special-middle">
{{ value.researchPersonCount }} <div>
</div> {{ value.researchPersonCount }}
</div> </div>
</a-col> </div>
</a-row> </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">
{{ 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>
<a-row>
<a-col :span="24" style="border-top: 0px">
<div class="tb-title">
<span>项目人员情况</span>
</div>
</a-col>
</a-row>
<!-- 项目合作单位 -->
<cooperative-units-info :dataList.sync="value.cooperativeUnits" />
<!-- 项目组成员 -->
<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>
<a-row> <a-row>
<a-col :span="24" style="border-top: 0px"> <a-col :span="24" style="border-top: 0px">
<div class="tb-title"> <div class="tb-title">
<span>项目可行性研究情况</span> <span>项目基本情况</span>
</div> </div>
</a-col> </a-col>
</a-row> </a-row>
<a-row type="flex"> <a-row type="flex">
<a-col :span="4" class="bg-gray"> <a-col :span="4" class="bg-gray">
<div class="special-middle"> <div class="special-middle">
<div>1、项目的意义、必要性</div> <div>项目名称</div>
</div> </div>
</a-col> </a-col>
<a-col :span="20"> <a-col :span="20">
<div v-html="toTextarea(value.projContent)"></div> <div class="special-middle">
</a-col> {{ value.projName }}
</a-row> </div>
<a-row type="flex"> </a-col>
<a-col :span="4" class="bg-gray"> </a-row>
<div class="special-middle"> <a-row type="flex">
<div>2、项目现有工作基础和支撑条件</div> <a-col :span="4" class="bg-gray">
</div> <div class="special-middle">
</a-col> <div>项目所属二级学院/部门名称(牵头单位)</div>
<a-col :span="20"> </div>
<div v-html="toTextarea(value.memResume)"></div> </a-col>
</a-col> <a-col :span="20">
</a-row> <div class="special-middle">
<a-row type="flex"> {{ value.leadUnit }}
<a-col :span="4" class="bg-gray"> </div>
<div class="special-middle"> </a-col>
<div>3、与项目相关的国内外技术发展现状(包括知识产权情况)以及本项目主要研究开发内容技术关键(创新点)、可行性评价及项目风险分析与对策</div> </a-row>
</div> <a-row type="flex">
</a-col> <a-col :span="4" class="bg-gray">
<a-col :span="20"> <div class="special-middle">
<div v-html="toTextarea(value.researchProgress)"></div> <div>推荐部门</div>
</a-col> </div>
</a-row> </a-col>
<a-row> <a-col :span="20">
<a-col :span="24" style="border-top: 0px"> <div class="special-middle">
<div class="tb-title"> {{ value.recommendUnit }}
<span>项目主要实施内容和目标</span> </div>
</div> </a-col>
</a-col> </a-row>
</a-row> <a-row type="flex">
<a-row type="flex"> <a-col :span="4" class="bg-gray">
<a-col :span="4" class="bg-gray"> <div class="special-middle">
<div class="special-middle"> <div>项日开始时间</div>
<div>项目实施目标</div> </div>
</div> </a-col>
</a-col> <a-col :span="8">
<a-col :span="20"> <div class="special-middle">
<div v-html="toTextarea(value.researchContent)"></div> {{ moment(value.startDate).format('YYYY-MM-DD') }}
</a-col> </div>
</a-row> </a-col>
<a-row> <a-col :span="4" class="bg-gray">
<a-col :span="24" style="border-top: 0px"> <div class="special-middle">
<div class="tb-title"> <div>项目结束时间</div>
<span>项目考核指标</span> </div>
</div> </a-col>
</a-col> <a-col :span="8">
</a-row> <div class="special-middle">
<a-row type="flex"> {{ moment(value.endDate).format('YYYY-MM-DD') }}
<a-col :span="4" class="bg-gray"> </div>
<div class="special-middle"> </a-col>
<div>主要技术指标</div> </a-row>
</div> <a-row type="flex">
</a-col> <a-col :span="4" class="bg-gray">
<a-col :span="20"> <div class="special-middle">
<div v-html="toTextarea(value.technologyTarget)"></div> <div>项目依托的科技创新基地</div>
</a-col> </div>
</a-row> </a-col>
<a-row type="flex"> <a-col :span="20">
<a-col :span="4" class="bg-gray"> <div class="special-middle">
<div class="special-middle"> {{ value.technologyInnovationBase }}
<div>主要经济指标</div> </div>
</div> </a-col>
</a-col> </a-row>
<a-col :span="20"> <a-row type="flex">
<div v-html="toTextarea(value.economyTarget)"></div> <a-col :span="4" class="bg-gray">
</a-col> <div class="special-middle">
</a-row> <div>项目所属学科类别</div>
<a-row type="flex"> </div>
<a-col :span="4" class="bg-gray"> </a-col>
<div class="special-middle"> <a-col :span="20">
<div>项目实施中形成的示范基地、中试线、生产线及其规模等</div> <div class="special-middle">
</div> {{ value.knowledgeName }}
</a-col> </div>
<a-col :span="20"> </a-col>
<div v-html="toTextarea(value.achievementTarget)"></div> </a-row>
</a-col> <a-row type="flex">
</a-row> <a-col :span="4" class="bg-gray">
<a-row type="flex"> <div class="special-middle">
<a-col :span="4" class="bg-gray"> <div>项目总经费(万元）</div>
<div class="special-middle"> </div>
<div>其他应考核的指标</div> </a-col>
</div> <a-col :span="8">
</a-col> <div class="special-middle">
<a-col :span="20"> {{ value.totalFunding }}
<div v-html="toTextarea(value.otherTarget)"></div> </div>
</a-col> </a-col>
</a-row> <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">
<budget-info :budget.sync="value.budget" /> <a-col :span="4" class="bg-gray">
<!-- 分年度用款计划 --> <div class="special-middle">
<fund-plan-info :fundPlan.sync="value.fundPlan" /> <div>项目联系人姓名</div>
<!-- 设备费-购置设备预算明细表 --> </div>
<equipments-info :equipments.sync="value.equipments" /> </a-col>
<!-- 设备费-购置设备预算明细表 --> <a-col :span="8">
<unit-payment-info :unitPayment.sync="value.unitPayment" /> <div class="special-middle">
<!-- 项目绩效目标表v-if="value.projState >= 50" --> {{ value.linkName }}
<project-kpi v-if="value.projectKPI" :projectKPI.sync="value.projectKPI" /> </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>
<!-- 项目课题设置 --> <!-- 项目合作单位 -->
<project-sub-info :dataList.sync="value.projectSubList" /> <cooperative-units-info :dataList.sync="value.cooperativeUnits" />
<!-- 单位科研项目及资金管理制度表 --> <!-- 项目组成员 -->
<management-rule-info :dataList.sync="value.managementRuleList" /> <project-member-info :dataList.sync="value.members" />
<!-- 附件 --> <a-row type="flex" class="row_center">
<file-info :fileList.sync="value.fileList" /> <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 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>
</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 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> </div>
</template> </template>
...@@ -679,7 +694,13 @@ export default { ...@@ -679,7 +694,13 @@ export default {
default: () => { default: () => {
return null return null
} }
} },
tabsData: {
type: Array,
default: () => {
return []
}
},
}, },
created () { created () {
}, },
......
src/views/report/project/components/projectView.vue
View file @ a2155d35
...@@ -2,15 +2,19 @@ ...@@ -2,15 +2,19 @@
<template> <template>
<div class="app-content layoutEmbedded" style="height: 76vh;overflow: auto;"> <div class="app-content layoutEmbedded" style="height: 76vh;overflow: auto;">
<a-spin :spinning="loading" style="width: 100%;height: 100%;"> <a-spin :spinning="loading" style="width: 100%;height: 100%;">
<a-tabs type="card" hideAdd size="small" @change="callback">
<a-tab-pane :key="item.key" :tab="item.title" v-for="(item) in tabsData">
</a-tab-pane>
</a-tabs>
<!-- 申报项目详情 --> <!-- 申报项目详情 -->
<!-- <a-button type="primary" @click="onExport">导出</a-button> --> <!-- <a-button type="primary" @click="onExport">导出</a-button> -->
<project-info v-model="projectInfo" v-if="projType" /> <project-info v-model="projectInfo" :tabsData="tabsData" v-if="projType" />
<project-info-Key v-model="projectInfo" v-else /> <project-info-Key v-model="projectInfo" :tabsData="tabsData" v-else />
</a-spin> </a-spin>
</div> </div>
</template> </template>
<script> <script>
const projectKPI = { const projectKPI = {
reportYear: "", reportYear: "",
projName: "", projName: "",
appUnitName: "", appUnitName: "",
...@@ -49,6 +53,20 @@ export default { ...@@ -49,6 +53,20 @@ export default {
}, },
data () { data () {
return { return {
tabsData: [
{ title: '全部', key: '0', isShow: true },
{ title: '基本情况', key: '1', isShow: false },
{ title: '项目人员情况', key: '2', isShow: false },
{ title: '项目可行性研究情况', key: '3', isShow: false },
{ title: '项目实施目标', key: '4', isShow: false },
{ title: '项目考核指标', key: '5', isShow: false },
{ title: '项目经费', key: '6' },
{ title: '项目绩效目标表', key: '7', isShow: false },
{ title: '项目课题设置', key: '8' },
{ title: '附件清单', key: '9' },
{ title: '单位科研项目及资金管理制度', key: '10', isShow: false },
{ title: '诚信承诺书', key: '11', isShow: false },
],
projectInfo: { projectInfo: {
id: null, id: null,
organizationCode: null, organizationCode: null,
...@@ -142,7 +160,19 @@ export default { ...@@ -142,7 +160,19 @@ export default {
document.body.removeChild(downloadElement); //下载完成移除元素 document.body.removeChild(downloadElement); //下载完成移除元素
window.URL.revokeObjectURL(href); //释放blob window.URL.revokeObjectURL(href); //释放blob
}) })
} },
callback (key) {
var index = parseInt(key)
this.tabsData.forEach(e => {
if (key == '0')
e.isShow = true
else
e.isShow = false
})
this.tabsData[0].isShow = true;
this.tabsData[index].isShow = true;
console.log(this.tabsData);
},
}, },
} }
</script> </script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment