Skip to content

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

22

parent 07c0b73a
Hide whitespace changes
Inline Side-by-side
Showing with 610 additions and 581 deletions
src/views/report/project/Index.vue
View file @ fc7c733b
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
import { getType, getComplete, setComplete } from '@/views/utils/auth' import { getType, getComplete, setComplete } from '@/views/utils/auth'
import moment from 'moment' import moment from 'moment'
import { isEmptyParams, filterExportExcelData, tableColumnsName, checkEmail, personGender, personBirthday, checkImageFileType, checkDocumentFileType } from "@/views/utils/common" import { isEmptyParams, filterExportExcelData, tableColumnsName, checkEmail, personGender, personBirthday, checkImageFileType, checkDocumentFileType } from "@/views/utils/common"
import projectCreate from '@/views/report/project/components/projectCreate' import projectCreate from '@/views/report/project/components/edit/projectCreate'
import projectView from '@/views/report/project/components/projectView' import projectView from '@/views/report/project/components/projectView'
import previewFile from '@/views/components/common/previewFile' import previewFile from '@/views/components/common/previewFile'
import knowledgeSelect from '@/views/components/common/knowledgeSelect' import knowledgeSelect from '@/views/components/common/knowledgeSelect'
......
src/views/report/project/components/edit/projectCreate.vue
View file @ fc7c733b
...@@ -2,6 +2,11 @@ ...@@ -2,6 +2,11 @@
<template> <template>
<div class="app-content" style="height: 76vh;overflow: auto;"> <div class="app-content" style="height: 76vh;overflow: auto;">
<a-spin :spinning="loading" style="width: 100%;height: 100%;"> <a-spin :spinning="loading" style="width: 100%;height: 100%;">
<div>
<a-steps size="small" @change="stepsChange" :initial="0">
<a-step :status="item" v-for="(item,index) in completeStatus" :key="index+'completeStatus'" :disabled="false" />
</a-steps>
</div>
<div class="page-content"> <div class="page-content">
<project-edit v-model="value" @close="closeWindow" @load="onLoad" ref="projCreate" v-if="projType"></project-edit> <project-edit v-model="value" @close="closeWindow" @load="onLoad" ref="projCreate" v-if="projType"></project-edit>
<project-edit-key v-model="value" @close="closeWindow" @load="onLoad" ref="projCreate" v-else></project-edit-key> <project-edit-key v-model="value" @close="closeWindow" @load="onLoad" ref="projCreate" v-else></project-edit-key>
...@@ -26,7 +31,13 @@ export default { ...@@ -26,7 +31,13 @@ export default {
data () { data () {
return { return {
loading: false, loading: false,
projType: getType() == "1" projType: getType() == "1",
current: 0,
completeStatus: ["process", "finish", "process", "process", "", "", "", "", "", ""],
stepStyle: {
marginBottom: '60px',
boxShadow: '0px -1px 0 0 #e8e8e8 inset',
},
} }
}, },
props: { props: {
...@@ -40,6 +51,12 @@ export default { ...@@ -40,6 +51,12 @@ export default {
created () { created () {
}, },
methods: { methods: {
stepsChange (e) {
var clone = [].concat(this.completeStatus)
clone[e] = "process"
this.completeStatus = clone
console.log(this.completeStatus)
},
save () { save () {
this.$refs.projCreate.save() this.$refs.projCreate.save()
}, },
......
src/views/report/project/components/edit/projectEdit.vue
View file @ fc7c733b
<template> <template>
<div> <div>
<div>
<a-steps :current="current" size="small" @change="stepsChange">
<a-step :status="item" v-for="(item,index) in completeStatus" :key="index+'completeStatus'" />
</a-steps>
</div>
<a-form-model ref="form" :model="formData" :rules="rules" style="border-top: 0px" class="from-table font-line-space"> <a-form-model ref="form" :model="formData" :rules="rules" style="border-top: 0px" class="from-table font-line-space">
<a-row> <div v-if="true">
<a-col :span="24" style="border-top: 0px;text-align: center;"> <a-row>
<div class="main-title"> <a-col :span="24" style="border-top: 0px;text-align: center;">
<span>项目基本情况1111</span> <div class="main-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="3" class="bg-gray"> <a-row type="flex">
<div class="special-middle"> <a-col :span="3" class="bg-gray">
<div>姓名</div> <div class="special-middle">
</div> <div>姓名</div>
</a-col> </div>
<a-col :span="5"> </a-col>
<div class="special-middle"> <a-col :span="5">
<div> <div class="special-middle">
<a-form-model-item> <div>
<div>{{ formData.appPersonName }}</div> <a-form-model-item>
</a-form-model-item> <div>{{ formData.appPersonName }}</div>
</div> </a-form-model-item>
</div> </div>
</a-col> </div>
<a-col :span="3" class="bg-gray"> </a-col>
<div class="special-middle"> <a-col :span="3" class="bg-gray">
<div>性别</div> <div class="special-middle">
</div> <div>性别</div>
</a-col> </div>
<a-col :span="5"> </a-col>
<div class="special-middle"> <a-col :span="5">
<div> <div class="special-middle">
<a-form-model-item> <div>
<div>{{ formData.sex }}</div> <a-form-model-item>
</a-form-model-item> <div>{{ formData.sex }}</div>
</div> </a-form-model-item>
</div> </div>
</a-col> </div>
<a-col :span="3" class="bg-gray"> </a-col>
<div class="special-middle"> <a-col :span="3" class="bg-gray">
<div>出生日期</div> <div class="special-middle">
</div> <div>出生日期</div>
</a-col> </div>
<a-col :span="5"> </a-col>
<div class="special-middle"> <a-col :span="5">
<div> <div class="special-middle">
<a-form-model-item> <div>
{{ moment(formData.birthday).format('YYYY-MM-DD') }} <a-form-model-item>
</a-form-model-item> {{ moment(formData.birthday).format('YYYY-MM-DD') }}
</div> </a-form-model-item>
</div> </div>
</a-col> </div>
</a-row> </a-col>
<a-row type="flex"> </a-row>
<a-col :span="3" class="bg-gray"> <a-row type="flex">
<div class="special-middle"> <a-col :span="3" class="bg-gray">
<div>民族</div> <div class="special-middle">
</div> <div>民族</div>
</a-col> </div>
<a-col :span="5"> </a-col>
<div class="special-middle"> <a-col :span="5">
<div> <div class="special-middle">
<a-form-model-item> <div>
<div>{{ formData.nationName }}</div> <a-form-model-item>
</a-form-model-item> <div>{{ formData.nationName }}</div>
</div> </a-form-model-item>
</div> </div>
</a-col> </div>
<a-col :span="3" class="bg-gray"> </a-col>
<div class="special-middle"> <a-col :span="3" class="bg-gray">
<div>学位</div> <div class="special-middle">
</div> <div>学位</div>
</a-col> </div>
<a-col :span="5"> </a-col>
<div class="special-middle"> <a-col :span="5">
<div> <div class="special-middle">
<a-form-model-item> <div>
<div>{{ formData.degreeName }}</div> <a-form-model-item>
</a-form-model-item> <div>{{ formData.degreeName }}</div>
</div> </a-form-model-item>
</div> </div>
</a-col> </div>
<a-col :span="3" class="bg-gray"> </a-col>
<div class="special-middle"> <a-col :span="3" class="bg-gray">
<div>职称</div> <div class="special-middle">
</div> <div>职称</div>
</a-col> </div>
<a-col :span="5"> </a-col>
<div class="special-middle"> <a-col :span="5">
<div> <div class="special-middle">
<a-form-model-item> <div>
{{ formData.titleName}} <a-form-model-item>
</a-form-model-item> {{ formData.titleName}}
</div> </a-form-model-item>
</div> </div>
</a-col> </div>
</a-row> </a-col>
<a-row type="flex"> </a-row>
<a-col :span="3" class="bg-gray"> <a-row type="flex">
<div class="special-middle"> <a-col :span="3" class="bg-gray">
<div>电话</div> <div class="special-middle">
</div> <div>电话</div>
</a-col> </div>
<a-col :span="5"> </a-col>
<div class="special-middle"> <a-col :span="5">
<div> <div class="special-middle">
<a-form-model-item> <div>
<div>{{ formData.mobile }}</div> <a-form-model-item>
</a-form-model-item> <div>{{ formData.mobile }}</div>
</div> </a-form-model-item>
</div> </div>
</a-col> </div>
<a-col :span="3" class="bg-gray"> </a-col>
<div class="special-middle"> <a-col :span="3" class="bg-gray">
<div>电子邮箱</div> <div class="special-middle">
</div> <div>电子邮箱</div>
</a-col> </div>
<a-col :span="5"> </a-col>
<div class="special-middle"> <a-col :span="5">
<div> <div class="special-middle">
<a-form-model-item> <div>
<div>{{ formData.email }}</div> <a-form-model-item>
</a-form-model-item> <div>{{ formData.email }}</div>
</div> </a-form-model-item>
</div> </div>
</a-col> </div>
<a-col :span="3" class="bg-gray"> </a-col>
<div class="special-middle"> <a-col :span="3" class="bg-gray">
<div class="required">每年工作时间(月)</div> <div class="special-middle">
</div> <div class="required">每年工作时间(月)</div>
</a-col> </div>
<a-col :span="5"> </a-col>
<div class="special-middle"> <a-col :span="5">
<div> <div class="special-middle">
<a-form-model-item prop="jobTime"> <div>
<a-input-number v-model="formData.jobTime" :min="0" :max="12" :step="1" style="width: 100px" /> <a-form-model-item prop="jobTime">
</a-form-model-item> <a-input-number v-model="formData.jobTime" :min="0" :max="12" :step="1" style="width: 100px" />
</div> </a-form-model-item>
</div> </div>
</a-col> </div>
</a-row> </a-col>
<a-row type="flex"> </a-row>
<a-col :span="3" class="bg-gray"> <a-row type="flex">
<div class="special-middle"> <a-col :span="3" class="bg-gray">
<div class="required">个人通讯地址</div> <div class="special-middle">
</div> <div class="required">个人通讯地址</div>
</a-col> </div>
<a-col :span="21"> </a-col>
<div class="special-middle"> <a-col :span="21">
<div> <div class="special-middle">
<a-form-model-item prop="address"> <div>
<a-input v-model="formData.address" placeholder="个人通讯地址(限50字)" :maxLength="50" style="width: 80%;" /> <a-form-model-item prop="address">
</a-form-model-item> <a-input v-model="formData.address" placeholder="个人通讯地址(限50字)" :maxLength="50" style="width: 80%;" />
</div> </a-form-model-item>
</div> </div>
</a-col> </div>
</a-row> </a-col>
<a-row type="flex"> </a-row>
<a-col :span="3" class="bg-gray"> <a-row type="flex">
<div class="special-middle"> <a-col :span="3" class="bg-gray">
<div>工作单位</div> <div class="special-middle">
</div> <div>工作单位</div>
</a-col> </div>
<a-col :span="21"> </a-col>
<div class="special-middle"> <a-col :span="21">
<div> <div class="special-middle">
<a-form-model-item> <div>
<div>{{ formData.appUnitName }}</div> <a-form-model-item>
</a-form-model-item> <div>{{ formData.appUnitName }}</div>
</div> </a-form-model-item>
</div> </div>
</a-col> </div>
</a-row> </a-col>
<a-row type="flex"> </a-row>
<a-col :span="3" class="bg-gray"> <a-row type="flex">
<div class="special-middle"> <a-col :span="3" class="bg-gray">
<div class="required">主要研究领域</div> <div class="special-middle">
</div> <div class="required">主要研究领域</div>
</a-col> </div>
<a-col :span="21"> </a-col>
<div class="special-middle"> <a-col :span="21">
<div> <div class="special-middle">
<a-form-model-item prop="mainResearchAreas"> <div>
<a-textarea placeholder="主要研究领域(限500字)" v-model="formData.mainResearchAreas" :maxLength="500" style="width: 80%; height: 160px; margin-top: 12px" /> <a-form-model-item prop="mainResearchAreas">
</a-form-model-item> <a-textarea placeholder="主要研究领域(限500字)" v-model="formData.mainResearchAreas" :maxLength="500" style="width: 80%; height: 160px; margin-top: 12px" />
</div> </a-form-model-item>
</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">
<div>
<a-form-model-item>
<div>{{ formData.appUnitName }}</div>
</a-form-model-item>
</div>
</div>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="4" class="bg-gray">
<div class="special-middle">
<div class="required">联系人</div>
</div>
</a-col>
<a-col :span="8">
<div class="special-middle">
<div>
<a-form-model-item prop="unitLinkName">
<a-input placeholder="联系人(限20字)" v-model="formData.unitLinkName" :maxLength="20" style="width:80%" />
</a-form-model-item>
</div>
</div>
</a-col>
<a-col :span="4" class="bg-gray">
<div class="special-middle">
<div class="required">电话</div>
</div>
</a-col>
<a-col :span="8">
<div class="special-middle">
<div>
<a-form-model-item prop="unitLinkMobile">
<a-input placeholder="电话(限20字)" v-model="formData.unitLinkMobile" :maxLength="20" style="width:80%" />
</a-form-model-item>
</div>
</div>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="4" class="bg-gray">
<div class="special-middle">
<div class="required">电子信箱</div>
</div>
</a-col>
<a-col :span="8">
<div class="special-middle">
<div>
<a-form-model-item prop="unitLinkEmail">
<a-input placeholder="电子信箱(限50字)" v-model="formData.unitLinkEmail" :maxLength="50" style="width:80%" />
</a-form-model-item>
</div>
</div>
</a-col>
<a-col :span="4" class="bg-gray">
<div class="special-middle">
<div class="required">传真</div>
</div>
</a-col>
<a-col :span="8">
<div class="special-middle">
<div>
<a-form-model-item prop="unitLinkFax">
<a-input placeholder="传真(限20字)" v-model="formData.unitLinkFax" :maxLength="20" style="width:80%" />
</a-form-model-item>
</div>
</div>
</a-col>
</a-row>
<!-- 项目合作单位 -->
<!-- <cooperative-units-edit :cooperativeUnits.sync="formData.cooperativeUnits" /> -->
<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 class="required">项目名称</div> <div>单位名称</div>
</div> </div>
</a-col> </a-col>
<a-col :span="20"> <a-col :span="20">
<a-form-model-item prop="projName"> <div class="special-middle">
<a-input placeholder="项目名称(限100字)" v-model="formData.projName" :maxLength="100" style="width: 80%" @change="projNameChange" /> <div>
</a-form-model-item> <a-form-model-item>
</a-col> <div>{{ formData.appUnitName }}</div>
</a-row> </a-form-model-item>
</div>
</div>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="4" class="bg-gray">
<div class="special-middle">
<div class="required">联系人</div>
</div>
</a-col>
<a-col :span="8">
<div class="special-middle">
<div>
<a-form-model-item prop="unitLinkName">
<a-input placeholder="联系人(限20字)" v-model="formData.unitLinkName" :maxLength="20" style="width:80%" />
</a-form-model-item>
</div>
</div>
</a-col>
<a-col :span="4" class="bg-gray">
<div class="special-middle">
<div class="required">电话</div>
</div>
</a-col>
<a-col :span="8">
<div class="special-middle">
<div>
<a-form-model-item prop="unitLinkMobile">
<a-input placeholder="电话(限20字)" v-model="formData.unitLinkMobile" :maxLength="20" style="width:80%" />
</a-form-model-item>
</div>
</div>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="4" class="bg-gray">
<div class="special-middle">
<div class="required">电子信箱</div>
</div>
</a-col>
<a-col :span="8">
<div class="special-middle">
<div>
<a-form-model-item prop="unitLinkEmail">
<a-input placeholder="电子信箱(限50字)" v-model="formData.unitLinkEmail" :maxLength="50" style="width:80%" />
</a-form-model-item>
</div>
</div>
</a-col>
<a-col :span="4" class="bg-gray">
<div class="special-middle">
<div class="required">传真</div>
</div>
</a-col>
<a-col :span="8">
<div class="special-middle">
<div>
<a-form-model-item prop="unitLinkFax">
<a-input placeholder="传真(限20字)" v-model="formData.unitLinkFax" :maxLength="20" style="width:80%" />
</a-form-model-item>
</div>
</div>
</a-col>
</a-row>
<a-row type="flex"> <!-- 项目合作单位 -->
<a-col :span="4" class="bg-gray"> <!-- <cooperative-units-edit :cooperativeUnits.sync="formData.cooperativeUnits" /> -->
<div class="special-middle">
<div class="required">学科代码</div>
</div>
</a-col>
<a-col :span="20">
<a-form-model-item prop="knowledgeId">
<cascader-select v-model="formData.knowledgeId" />
</a-form-model-item>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="4" class="bg-gray">
<div class="special-middle">
<div class="required">附注说明</div>
</div>
</a-col>
<a-col :span="20">
<a-form-model-item prop="remark">
<a-input placeholder="附注说明(限300字)" v-model="formData.remark" :maxLength="300" style="width: 80%" />
</a-form-model-item>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="4" class="bg-gray">
<div class="special-middle">
<div class="required">项日开始时间</div>
</div>
</a-col>
<a-col :span="8">
<a-form-model-item prop="startDate" style="width:200px;display: inline-block;">
<a-date-picker format="YYYY-MM-DD" valueFormat="YYYY-MM-DD HH:mm:ss" v-model="formData.startDate" @change="startDateChange" style="width: 180px" />
</a-form-model-item>
</a-col>
<a-col :span="4" class="bg-gray">
<div class="special-middle">
<div class="required">项目结束时间</div>
</div>
</a-col>
<a-col :span="8">
<a-form-model-item prop="endDate" style="width:200px;display: inline-block;">
<a-date-picker format="YYYY-MM-DD" valueFormat="YYYY-MM-DD HH:mm:ss" v-model="formData.endDate" @change="endDateChange" style="width: 180px" />
</a-form-model-item>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="4" class="bg-gray">
<div class="special-middle">
<div class="required">申请经费(万元)</div>
</div>
</a-col>
<a-col :span="20">
<a-form-model-item prop="govFunding">
<!-- <a-input-number v-model="formData.govFunding" @change="govFundingChange" :min="0" :step="0.01" style="width: 100px" /> -->
{{ formData.govFunding }}
<span> 万元</span>
</a-form-model-item>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="4" class="bg-gray">
<div class="special-middle">
<div class="required">项目摘要(400字以内)</div>
</div>
</a-col>
<a-col :span="20">
<a-form-model-item prop="projAbstract">
<a-textarea placeholder="项目摘要(限400字)" v-model="formData.projAbstract" :maxLength="400" style="width: 80%; height: 160px; margin-top: 12px" />
</a-form-model-item>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="4" class="bg-gray">
<div class="special-middle">
<div class="required">关键词</div>
</div>
</a-col>
<a-col :span="20">
<a-form-model-item prop="projKeywords">
<a-input placeholder="关键词(限100字)" v-model="formData.projKeywords" :maxLength="100" style="width: 80%" />
</a-form-model-item>
</a-col>
</a-row>
<!-- 项目主要参与单位及分工 -->
<participate-units-edit :participateUnits.sync="formData.participateUnits" />
<a-row> <a-row>
<a-col :span="24" style="border-top: 0px"> <a-col :span="24" style="border-top: 0px">
<div class="main-title"> <div class="tb-title">
<span>项目人员情况</span> <span>项目基本情况</span>
</div> </div>
</a-col> </a-col>
</a-row> </a-row>
<!-- 项目组成员 --> <a-row type="flex">
<project-member-edit :dataList.sync="formData.members" /> <a-col :span="4" class="bg-gray">
<a-row type="flex"> <div class="special-middle">
<a-col :span="24" style="text-align: center;"> <div class="required">项目名称</div>
<div class="special-middle"> </div>
&nbsp; </a-col>
</div> <a-col :span="20">
</a-col> <a-form-model-item prop="projName">
</a-row> <a-input placeholder="项目名称(限100字)" v-model="formData.projName" :maxLength="100" style="width: 80%" @change="projNameChange" />
</a-form-model-item>
</a-col>
</a-row>
<a-row> <a-row type="flex">
<a-col :span="24" style="border-top: 0px"> <a-col :span="4" class="bg-gray">
<div class="main-title"> <div class="special-middle">
<span>项目主要实施内容和目标</span> <div class="required">学科代码</div>
</div> </div>
</a-col> </a-col>
</a-row> <a-col :span="20">
<a-row type="flex"> <a-form-model-item prop="knowledgeId">
<a-col :span="4" class="bg-gray"> <cascader-select v-model="formData.knowledgeId" />
<div class="special-middle"> </a-form-model-item>
<div class="required">项目实施目标</div> </a-col>
</div> </a-row>
</a-col> <a-row type="flex">
<a-col :span="20"> <a-col :span="4" class="bg-gray">
<a-form-model-item prop="researchContent"> <div class="special-middle">
<a-textarea placeholder="项目实施目标(限10000字)" v-model="formData.researchContent" :maxLength="10000" style="width: 80%; height: 160px; margin-top: 12px" /> <div class="required">附注说明</div>
</a-form-model-item> </div>
</a-col> </a-col>
</a-row> <a-col :span="20">
<a-row> <a-form-model-item prop="remark">
<a-col :span="24" style="border-top: 0px"> <a-input placeholder="附注说明(限300字)" v-model="formData.remark" :maxLength="300" style="width: 80%" />
<div class="tb-title"> </a-form-model-item>
<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 class="required">项日开始时间</div>
<div class="special-middle"> </div>
<div class="required">主要技术指标</div> </a-col>
</div> <a-col :span="8">
</a-col> <a-form-model-item prop="startDate" style="width:200px;display: inline-block;">
<a-col :span="20"> <a-date-picker format="YYYY-MM-DD" valueFormat="YYYY-MM-DD HH:mm:ss" v-model="formData.startDate" @change="startDateChange" style="width: 180px" />
<a-form-model-item prop="technologyTarget"> </a-form-model-item>
<a-textarea placeholder="主要技术指标(限10000字)" v-model="formData.technologyTarget" :maxLength="10000" style="width: 80%; height: 160px; margin-top: 12px" /> </a-col>
</a-form-model-item> <a-col :span="4" class="bg-gray">
</a-col> <div class="special-middle">
</a-row> <div class="required">项目结束时间</div>
<a-row type="flex"> </div>
<a-col :span="4" class="bg-gray"> </a-col>
<div class="special-middle"> <a-col :span="8">
<div class="required">主要经济指标</div> <a-form-model-item prop="endDate" style="width:200px;display: inline-block;">
</div> <a-date-picker format="YYYY-MM-DD" valueFormat="YYYY-MM-DD HH:mm:ss" v-model="formData.endDate" @change="endDateChange" style="width: 180px" />
</a-col> </a-form-model-item>
<a-col :span="20"> </a-col>
<a-form-model-item prop="economyTarget"> </a-row>
<a-textarea placeholder="主要经济指标(限10000字)" v-model="formData.economyTarget" :maxLength="10000" style="width: 80%; height: 160px; margin-top: 12px" /> <a-row type="flex">
</a-form-model-item> <a-col :span="4" class="bg-gray">
</a-col> <div class="special-middle">
</a-row> <div class="required">申请经费(万元)</div>
<a-row type="flex"> </div>
<a-col :span="4" class="bg-gray"> </a-col>
<div class="special-middle"> <a-col :span="20">
<div class="required">项目实施中形成的示范基地、中试线、生产线及其规模等</div> <a-form-model-item prop="govFunding">
</div> <!-- <a-input-number v-model="formData.govFunding" @change="govFundingChange" :min="0" :step="0.01" style="width: 100px" /> -->
</a-col> {{ formData.govFunding }}
<a-col :span="20"> <span> 万元</span>
<a-form-model-item prop="achievementTarget"> </a-form-model-item>
<a-textarea placeholder="项目实施中形成的示范基地、中试线、生产线及其规模等(限10000字)" v-model="formData.achievementTarget" :maxLength="10000" style="width: 80%; height: 160px; margin-top: 12px" /> </a-col>
</a-form-model-item> </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 class="required">项目摘要(400字以内)</div>
<div class="special-middle"> </div>
<div class="required">科技报告考核指标</div> </a-col>
</div> <a-col :span="20">
</a-col> <a-form-model-item prop="projAbstract">
<a-col :span="20"> <a-textarea placeholder="项目摘要(限400字)" v-model="formData.projAbstract" :maxLength="400" style="width: 80%; height: 160px; margin-top: 12px" />
<a-form-model-item prop="technologyReportsTarget"> </a-form-model-item>
<a-textarea placeholder="科技报告考核指标(限10000字)" v-model="formData.technologyReportsTarget" :maxLength="10000" style="width: 80%; height: 160px; margin-top: 12px" /> </a-col>
</a-form-model-item> </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 class="required">关键词</div>
<div class="special-middle"> </div>
<div class="required">其他应考核的指标</div> </a-col>
</div> <a-col :span="20">
</a-col> <a-form-model-item prop="projKeywords">
<a-col :span="20"> <a-input placeholder="关键词(限100字)" v-model="formData.projKeywords" :maxLength="100" style="width: 80%" />
<a-form-model-item prop="otherTarget"> </a-form-model-item>
<a-textarea placeholder="其他应考核的指标(限10000字)" v-model="formData.otherTarget" :maxLength="10000" style="width: 80%; height: 160px; margin-top: 12px" /> </a-col>
</a-form-model-item> </a-row>
</a-col> </div>
</a-row> <div v-if="false">
<a-row type="flex"> <a-row>
<a-col :span="24" style="text-align: center;"> <a-col :span="24" style="border-top: 0px">
<div class="special-middle"> <div class="main-title">
&nbsp; <span>项目人员情况</span>
</div> </div>
</a-col> </a-col>
</a-row> </a-row>
<a-row> <!-- 项目组成员 -->
<a-col :span="24" style="border-top: 0px"> <project-member-edit :dataList.sync="formData.members" />
<div class="main-title"> <a-row type="flex">
<span>申请书正文</span> <a-col :span="24" style="text-align: center;">
</div> <div class="special-middle">
</a-col> &nbsp;
</a-row> </div>
<a-row type="flex"> </a-col>
<a-col :span="24" class="bg-gray"> </a-row>
<div class="special-middle" style="font-weight: bold;text-align: center;"> <!-- 项目主要参与单位及分工 -->
<a :href="'/downloadFile/textTemplate.docx'" download="申请书正文.docx"> <participate-units-edit :participateUnits.sync="formData.participateUnits" />
<a-icon type="download"></a-icon>&nbsp;<span style="color:green;text-decoration:underline;font-size: 16px;">正文模板下载</span> </div>
</a> <div v-if="false">
<span style="color: red;margin-left: 42px;">注：正文部分需要下载模版，填写完成后上传到系统中,格式 .doc,.docx。</span> <a-row>
</div> <a-col :span="24" style="border-top: 0px">
</a-col> <div class="main-title">
</a-row> <span>项目主要实施内容和目标</span>
<a-row type="flex"> </div>
<a-col :span="24"> </a-col>
<div style="min-height:34px;line-height: 40px;text-align: center;"> </a-row>
<up-load :isUpload="true" :file.sync="formData" :format="['doc', 'docx']" message="请上传申请书正文" /> <a-row type="flex">
</div> <a-col :span="4" class="bg-gray">
</a-col> <div class="special-middle">
</a-row> <div class="required">项目实施目标</div>
<a-row type="flex"> </div>
<a-col :span="24"> </a-col>
<!-- <document-view :fileUrl="formData.downloadUrl" :fileName="formData.fileName" :imageArray="[formData.downloadUrl]"></document-view> <a-col :span="20">
<a-form-model-item prop="researchContent">
<a-textarea placeholder="项目实施目标(限10000字)" v-model="formData.researchContent" :maxLength="10000" style="width: 80%; height: 160px; margin-top: 12px" />
</a-form-model-item>
</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 class="required">主要技术指标</div>
</div>
</a-col>
<a-col :span="20">
<a-form-model-item prop="technologyTarget">
<a-textarea placeholder="主要技术指标(限10000字)" v-model="formData.technologyTarget" :maxLength="10000" style="width: 80%; height: 160px; margin-top: 12px" />
</a-form-model-item>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="4" class="bg-gray">
<div class="special-middle">
<div class="required">主要经济指标</div>
</div>
</a-col>
<a-col :span="20">
<a-form-model-item prop="economyTarget">
<a-textarea placeholder="主要经济指标(限10000字)" v-model="formData.economyTarget" :maxLength="10000" style="width: 80%; height: 160px; margin-top: 12px" />
</a-form-model-item>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="4" class="bg-gray">
<div class="special-middle">
<div class="required">项目实施中形成的示范基地、中试线、生产线及其规模等</div>
</div>
</a-col>
<a-col :span="20">
<a-form-model-item prop="achievementTarget">
<a-textarea placeholder="项目实施中形成的示范基地、中试线、生产线及其规模等(限10000字)" v-model="formData.achievementTarget" :maxLength="10000" style="width: 80%; height: 160px; margin-top: 12px" />
</a-form-model-item>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="4" class="bg-gray">
<div class="special-middle">
<div class="required">科技报告考核指标</div>
</div>
</a-col>
<a-col :span="20">
<a-form-model-item prop="technologyReportsTarget">
<a-textarea placeholder="科技报告考核指标(限10000字)" v-model="formData.technologyReportsTarget" :maxLength="10000" style="width: 80%; height: 160px; margin-top: 12px" />
</a-form-model-item>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="4" class="bg-gray">
<div class="special-middle">
<div class="required">其他应考核的指标</div>
</div>
</a-col>
<a-col :span="20">
<a-form-model-item prop="otherTarget">
<a-textarea placeholder="其他应考核的指标(限10000字)" v-model="formData.otherTarget" :maxLength="10000" style="width: 80%; height: 160px; margin-top: 12px" />
</a-form-model-item>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="24" style="text-align: center;">
<div class="special-middle">
&nbsp;
</div>
</a-col>
</a-row>
</div>
<div v-if="false">
<a-row>
<a-col :span="24" style="border-top: 0px">
<div class="main-title">
<span>申请书正文</span>
</div>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="24" class="bg-gray">
<div class="special-middle" style="font-weight: bold;text-align: center;">
<a :href="'/downloadFile/textTemplate.docx'" download="申请书正文.docx">
<a-icon type="download"></a-icon>&nbsp;<span style="color:green;text-decoration:underline;font-size: 16px;">正文模板下载</span>
</a>
<span style="color: red;margin-left: 42px;">注：正文部分需要下载模版，填写完成后上传到系统中,格式 .doc,.docx。</span>
</div>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="24">
<div style="min-height:34px;line-height: 40px;text-align: center;">
<up-load :isUpload="true" :file.sync="formData" :format="['doc', 'docx']" message="请上传申请书正文" />
</div>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="24">
<!-- <document-view :fileUrl="formData.downloadUrl" :fileName="formData.fileName" :imageArray="[formData.downloadUrl]"></document-view>
<preview-file v-model="formData.downloadUrl" :fileName="formData.fileName"></preview-file> --> <preview-file v-model="formData.downloadUrl" :fileName="formData.fileName"></preview-file> -->
</a-col> </a-col>
</a-row> </a-row>
</div>
<!-- 经费预算 --> <div v-if="false">
<budget-edit :budget.sync="formData.budget" @save="budgetSave" /> <!-- 经费预算 -->
<a-row type="flex"> <budget-edit :budget.sync="formData.budget" @save="budgetSave" />
<a-col :span="24" style="text-align: center;"> <a-row type="flex">
<div class="special-middle"> <a-col :span="24" style="text-align: center;">
&nbsp; <div class="special-middle">
</div> &nbsp;
</a-col> </div>
</a-row> </a-col>
<!-- 分年度用款计划 --> </a-row>
<fund-plan-edit :fundPlan.sync="formData.fundPlan" @save="planSave" /> <!-- 分年度用款计划 -->
<fund-plan-edit :fundPlan.sync="formData.fundPlan" @save="planSave" />
<!-- 项目承担单位研究资金支出预算明细表 --> <a-row type="flex">
<unit-payment-edit :unitPayment.sync="formData.unitPayment" /> <a-col :span="24" style="text-align: center;">
<!-- <equipments-edit :equipments.sync="formData.equipments" /> --> <div class="special-middle">
<!-- 设备费-购置设备预算明细表 --> &nbsp;
<device-edit :deviceList.sync="formData.deviceList" /> </div>
<!-- 设备费-试制设备预算明细表 --> </a-col>
<manufacture-edit :manufactureList.sync:="formData.manufactureList" /> </a-row>
<!-- 设备费-购置设备预算明细表 -->
<a-row type="flex"> <device-edit :deviceList.sync="formData.deviceList" />
<a-col :span="24" style="text-align: center;"> <a-row type="flex">
<div class="special-middle"> <a-col :span="24" style="text-align: center;">
&nbsp; <div class="special-middle">
</div> &nbsp;
</a-col> </div>
</a-row> </a-col>
<!-- 项目绩效指标 --> </a-row>
<project-kpi-edit :projectKPI.sync="formData.projectKPI" /> <!-- 设备费-试制设备预算明细表 -->
<manufacture-edit :manufactureList.sync:="formData.manufactureList" />
<!-- 项目安排及阶段目标 --> <a-row type="flex">
<proj-stage-goals-edit :stageGoals.sync="formData.stageGoals" /> <a-col :span="24" style="text-align: center;">
<div class="special-middle">
<!-- 项目课题设置 --> &nbsp;
<project-sub-edit :projectSubList.sync="formData.projectSubList" /> </div>
</a-col>
<!-- 附件 --> </a-row>
<file-edit :fileList.sync="formData.fileList" /> <!-- 项目承担单位研究资金支出预算明细表 -->
<unit-payment-edit :unitPayment.sync="formData.unitPayment" />
</div>
<div v-if="false">
<a-row type="flex">
<a-col :span="24" style="text-align: center;">
<div class="special-middle">
&nbsp;
</div>
</a-col>
</a-row>
<!-- 项目绩效指标 -->
<project-kpi-edit :projectKPI.sync="formData.projectKPI" />
</div>
<div v-if="false">
<!-- 项目安排及阶段目标 -->
<proj-stage-goals-edit :stageGoals.sync="formData.stageGoals" />
<!-- 项目课题设置 -->
<project-sub-edit :projectSubList.sync="formData.projectSubList" />
</div>
<div v-if="false">
<!-- 附件 -->
<file-edit :fileList.sync="formData.fileList" />
</div>
</a-form-model> </a-form-model>
</div> </div>
</template> </template>
...@@ -664,12 +687,6 @@ export default { ...@@ -664,12 +687,6 @@ export default {
}, },
data () { data () {
return { return {
current: 0,
completeStatus: ["wait", "finish", "process", "", "", "", "", "", "", ""],
stepStyle: {
marginBottom: '60px',
boxShadow: '0px -1px 0 0 #e8e8e8 inset',
},
overseasShow: false, overseasShow: false,
formData: { formData: {
id: null, id: null,
...@@ -762,11 +779,6 @@ export default { ...@@ -762,11 +779,6 @@ export default {
}, },
methods: { methods: {
moment, moment,
stepsChange (e) {
this.completeStatus[e] = "finish"
console.log(this.completeStatus)
console.log(e)
},
getProject () { getProject () {
this.$emit('load', true) this.$emit('load', true)
if (!!this.value) { if (!!this.value) {
......
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