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>
<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>{{ 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.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>
<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>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>
<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>
<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>
<!-- 经费预算 -->
<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" />
<!-- 项目绩效目标表v-if="value.projState >= 50" -->
<project-kpi v-if="value.projectKPI" :projectKPI.sync="value.projectKPI" />
<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>
<!-- 项目课题设置 -->
<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" />
<!-- 附件 -->
<file-info :fileList.sync="value.fileList" />
<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 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>
</template>
......@@ -679,7 +694,13 @@ export default {
default: () => {
return null
}
}
},
tabsData: {
type: Array,
default: () => {
return []
}
},
},
created () {
},
......
src/views/report/project/components/projectView.vue
View file @ a2155d35
......@@ -2,15 +2,19 @@
<template>
<div class="app-content layoutEmbedded" style="height: 76vh;overflow: auto;">
<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> -->
<project-info v-model="projectInfo" v-if="projType" />
<project-info-Key v-model="projectInfo" v-else />
<project-info v-model="projectInfo" :tabsData="tabsData" v-if="projType" />
<project-info-Key v-model="projectInfo" :tabsData="tabsData" v-else />
</a-spin>
</div>
</template>
<script>
const projectKPI = {
const projectKPI = {
reportYear: "",
projName: "",
appUnitName: "",
......@@ -49,6 +53,20 @@ export default {
},
data () {
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: {
id: null,
organizationCode: null,
......@@ -142,7 +160,19 @@ export default {
document.body.removeChild(downloadElement); //下载完成移除元素
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>
......
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