Skip to content

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

4444

parent adc2ae3c
Hide whitespace changes
Inline Side-by-side
Showing with 820 additions and 344 deletions
src/views/components/common/baseSelect.vue
View file @ 0670b538
...@@ -243,10 +243,7 @@ export default { ...@@ -243,10 +243,7 @@ export default {
watch: { watch: {
value: { value: {
handler (value) { handler (value) {
if (!!!value) this.selected = value + ''
this.selected = ''
else
this.selected = value + ''
this.$emit("input", this.selected) this.$emit("input", this.selected)
}, },
}, },
......
src/views/report/task/components/taskCreate.vue
View file @ 0670b538
...@@ -2,8 +2,14 @@ ...@@ -2,8 +2,14 @@
<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 class="page-card">
<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>
</div>
<div class="page-content"> <div class="page-content">
<task-edit v-model="value" @close="closeWindow" @load="onLoad" ref="taskCreate" /> <task-edit v-model="value" @close="closeWindow" @load="onLoad" ref="taskCreate" :tabsData.sync="tabsData" />
</div> </div>
<div class="page-footer"> <div class="page-footer">
<a-button type="primary" @click="save">保 存</a-button> <a-button type="primary" @click="save">保 存</a-button>
...@@ -23,6 +29,17 @@ export default { ...@@ -23,6 +29,17 @@ export default {
data () { data () {
return { return {
loading: false, loading: false,
tabsData: [
{ title: '填报信息', key: '0', isShow: true },
{ title: '项目组主要成员及单位', key: '1', isShow: true },
{ title: '项目主要实施内容和目标', key: '2', isShow: true },
{ title: '申请书正文', key: '3', isShow: true },
{ title: '经费预算及设备明细', key: '4', isShow: true },
{ title: '项目实施阶段及任务', key: '5', isShow: true },
{ title: '项目课题设置', key: '6', isShow: true },
{ title: '绩效目标表', key: '7', isShow: true },
{ title: '附件信息', key: '8', isShow: true },
],
} }
}, },
props: { props: {
...@@ -48,6 +65,13 @@ export default { ...@@ -48,6 +65,13 @@ export default {
onLoad (value) { onLoad (value) {
this.loading = value this.loading = value
}, },
callback (key) {
var index = parseInt(key)
this.tabsData.forEach(e => {
e.isShow = false
})
this.tabsData[index].isShow = true;
},
}, },
} }
</script> </script>
...@@ -60,9 +84,14 @@ export default { ...@@ -60,9 +84,14 @@ export default {
width: 8px; width: 8px;
height: 6px; height: 6px;
} }
.page-card {
width: 100%;
height: 50px;
overflow: auto;
}
.page-content { .page-content {
width: 100%; width: 100%;
height: calc(100% - 40px); height: calc(100% - 90px);
overflow: auto; overflow: auto;
} }
.page-footer { .page-footer {
......
src/views/report/task/components/taskEdit.vue
View file @ 0670b538
<template> <template>
<div> <div 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"> <div v-if="tabsData[0].isShow">
<a-row> <a-form-model ref="form" :model="formData" :rules="rules" style="border-top: 0px">
<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>
</a-row>
<a-row type="flex">
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div>单位名称</div>
</div>
</a-col>
<a-col :span="21">
<div class="special-middle">
<div>
<a-form-model-item>
<div>{{ formData.appUnitName }}</div>
</a-form-model-item>
</div> </div>
</div> </a-col>
</a-col> </a-row>
</a-row> <a-row type="flex">
<a-row type="flex"> <a-col :span="3" class="bg-gray">
<a-col :span="3" class="bg-gray"> <div class="special-middle">
<div class="special-middle"> <div>单位名称</div>
<div>注册单位类型</div> </div>
</div> </a-col>
</a-col> <a-col :span="21">
<a-col :span="9"> <div class="special-middle">
<div class="special-middle"> <div>
<div> <a-form-model-item>
<a-form-model-item> <div>{{ formData.appUnitName }}</div>
医疗机构 </a-form-model-item>
</a-form-model-item> </div>
<!-- <a-form-model-item prop="unitType"> </div>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div>注册单位类型</div>
</div>
</a-col>
<a-col :span="9">
<div class="special-middle">
<div>
<a-form-model-item>
医疗机构
</a-form-model-item>
<!-- <a-form-model-item prop="unitType">
<a-input placeholder="注册单位类型" v-model="formData.unitType" :maxLength="100" style="width:80%" /> <a-input placeholder="注册单位类型" v-model="formData.unitType" :maxLength="100" style="width:80%" />
</a-form-model-item> --> </a-form-model-item> -->
</div>
</div> </div>
</div> </a-col>
</a-col> <a-col :span="3" class="bg-gray">
<a-col :span="3" class="bg-gray"> <div class="special-middle">
<div class="special-middle"> <div class="required">组织机构代码/统一社会信用代码</div>
<div class="required">组织机构代码/统一社会信用代码</div>
</div>
</a-col>
<a-col :span="9">
<div class="special-middle">
<div>
<a-form-model-item prop="organizationCode">
<a-input placeholder="组织机构代码/统一社会信用代码" v-model="formData.organizationCode" :maxLength="100" style="width:80%" />
</a-form-model-item>
</div> </div>
</div> </a-col>
</a-col> <a-col :span="9">
</a-row> <div class="special-middle">
<a-row type="flex"> <div>
<a-col :span="3" class="bg-gray"> <a-form-model-item prop="organizationCode">
<div class="special-middle"> <a-input placeholder="组织机构代码/统一社会信用代码" v-model="formData.organizationCode" :maxLength="100" style="width:80%" />
<div class="required">通讯地址</div> </a-form-model-item>
</div> </div>
</a-col>
<a-col :span="21">
<div class="special-middle">
<div>
<a-form-model-item prop="unitAddress">
<a-input placeholder="通讯地址" v-model="formData.unitAddress" :maxLength="100" style="width:80%" />
</a-form-model-item>
</div> </div>
</div> </a-col>
</a-col> </a-row>
</a-row> <a-row type="flex">
<a-row type="flex"> <a-col :span="3" class="bg-gray">
<a-col :span="3" class="bg-gray"> <div class="special-middle">
<div class="special-middle"> <div class="required">通讯地址</div>
<div class="required">注册所在地(县/区)</div>
</div>
</a-col>
<a-col :span="5">
<div class="special-middle">
<div>
<a-form-model-item prop="registeredAddress">
<a-input placeholder="注册所在地" v-model="formData.registeredAddress" :maxLength="100" style="width:80%" />
</a-form-model-item>
</div> </div>
</div> </a-col>
</a-col> <a-col :span="21">
<a-col :span="3" class="bg-gray"> <div class="special-middle">
<div class="special-middle"> <div>
<div class="required">邮编</div> <a-form-model-item prop="unitAddress">
</div> <a-input placeholder="通讯地址" v-model="formData.unitAddress" :maxLength="100" style="width:80%" />
</a-col> </a-form-model-item>
<a-col :span="5"> </div>
<div class="special-middle">
<div>
<a-form-model-item prop="postCode">
<a-input placeholder="邮编" v-model="formData.postCode" :maxLength="10" style="width:80%" />
</a-form-model-item>
</div> </div>
</div> </a-col>
</a-col> </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>
<a-col :span="5">
<div class="special-middle">
<div>
<a-form-model-item prop="legalPerson">
<a-input placeholder="法定代表人" v-model="formData.legalPerson" :maxLength="50" style="width:80%" />
</a-form-model-item>
</div> </div>
</div> </a-col>
</a-col> <a-col :span="5">
</a-row> <div class="special-middle">
<a-row type="flex"> <div>
<a-col :span="3" class="bg-gray"> <a-form-model-item prop="registeredAddress">
<div class="special-middle"> <a-input placeholder="注册所在地" v-model="formData.registeredAddress" :maxLength="100" style="width:80%" />
<div class="required">职工总数</div> </a-form-model-item>
</div> </div>
</a-col>
<a-col :span="5">
<div class="special-middle">
<div>
<a-form-model-item prop="workforce">
<a-input-number v-model="formData.workforce" :min="0" :step="1" style="width: 100px" />
</a-form-model-item>
</div> </div>
</div> </a-col>
</a-col> <a-col :span="3" class="bg-gray">
<a-col :span="3" class="bg-gray"> <div class="special-middle">
<div class="special-middle"> <div class="required">邮编</div>
<div class="required">其中专科以上人员</div>
</div>
</a-col>
<a-col :span="5">
<div class="special-middle">
<div>
<a-form-model-item prop="specializedPersonnel">
<a-input-number v-model="formData.specializedPersonnel" :min="0" :step="1" style="width: 100px" />
</a-form-model-item>
</div> </div>
</div> </a-col>
</a-col> <a-col :span="5">
<a-col :span="3" class="bg-gray"> <div class="special-middle">
<div class="special-middle"> <div>
<div class="required">研究开发人员</div> <a-form-model-item prop="postCode">
</div> <a-input placeholder="邮编" v-model="formData.postCode" :maxLength="10" style="width:80%" />
</a-col> </a-form-model-item>
<a-col :span="5"> </div>
<div class="special-middle">
<div>
<a-form-model-item prop="researchPersonnel">
<a-input-number v-model="formData.researchPersonnel" :min="0" :step="1" style="width: 100px" />
</a-form-model-item>
</div> </div>
</div> </a-col>
</a-col> <a-col :span="3" class="bg-gray">
</a-row> <div class="special-middle">
<a-row type="flex"> <div class="required">法定代表人</div>
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div class="required">开户银行</div>
</div>
</a-col>
<a-col :span="9">
<div class="special-middle">
<div>
<a-form-model-item prop="depositBank">
<a-input placeholder="开户银行" v-model="formData.depositBank" :maxLength="100" style="width:80%" />
</a-form-model-item>
</div> </div>
</div> </a-col>
</a-col> <a-col :span="5">
<a-col :span="3" class="bg-gray"> <div class="special-middle">
<div>
<a-form-model-item prop="legalPerson">
<a-input placeholder="法定代表人" v-model="formData.legalPerson" :maxLength="50" style="width:80%" />
</a-form-model-item>
</div>
</div>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div class="required">职工总数</div>
</div>
</a-col>
<a-col :span="5">
<div class="special-middle">
<div>
<a-form-model-item prop="workforce">
<a-input-number v-model="formData.workforce" :min="0" :step="1" style="width: 100px" />
</a-form-model-item>
</div>
</div>
</a-col>
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div class="required">其中专科以上人员</div>
</div>
</a-col>
<a-col :span="5">
<div class="special-middle">
<div>
<a-form-model-item prop="specializedPersonnel">
<a-input-number v-model="formData.specializedPersonnel" :min="0" :step="1" style="width: 100px" />
</a-form-model-item>
</div>
</div>
</a-col>
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div class="required">研究开发人员</div>
</div>
</a-col>
<a-col :span="5">
<div class="special-middle">
<div>
<a-form-model-item prop="researchPersonnel">
<a-input-number v-model="formData.researchPersonnel" :min="0" :step="1" style="width: 100px" />
</a-form-model-item>
</div>
</div>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div class="required">开户银行</div>
</div>
</a-col>
<a-col :span="9">
<div class="special-middle">
<div>
<a-form-model-item prop="depositBank">
<a-input placeholder="开户银行" v-model="formData.depositBank" :maxLength="100" style="width:80%" />
</a-form-model-item>
</div>
</div>
</a-col>
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div class="required">银行账号</div>
</div>
</a-col>
<a-col :span="9">
<div class="special-middle">
<div>
<a-form-model-item prop="bankAccount">
<a-input placeholder="银行账号" v-model="formData.bankAccount" :maxLength="100" style="width:80%" />
</a-form-model-item>
</div>
</div>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div class="required">开户银行地址</div>
</div>
</a-col>
<a-col :span="9">
<div class="special-middle">
<div>
<a-form-model-item prop="depositBankAddress">
<a-input placeholder="开户银行地址" v-model="formData.depositBankAddress" :maxLength="100" style="width:80%" />
</a-form-model-item>
</div>
</div>
</a-col>
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div class="required">银行联行号</div>
</div>
</a-col>
<a-col :span="9">
<div class="special-middle">
<div>
<a-form-model-item prop="interbankNumber">
<a-input placeholder="开户银行地址" v-model="formData.interbankNumber" :maxLength="100" style="width:80%" />
</a-form-model-item>
</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="3" class="bg-gray">
<div class="special-middle">
<div>姓名</div>
</div>
</a-col>
<a-col :span="5">
<div class="special-middle">
<div>
{{ formData.appPersonName }}
</div>
</div>
</a-col>
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div>性别</div>
</div>
</a-col>
<a-col :span="5">
<div class="special-middle">
<div>
{{ formData.sex }}
</div>
</div>
</a-col>
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div>出生日期</div>
</div>
</a-col>
<a-col :span="5">
<div class="special-middle">
<div>
{{ moment(formData.birthday).format('YYYY-MM-DD') }}
</div>
</div>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div>证件类型</div>
</div>
</a-col>
<a-col :span="5">
<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="5">
<div class="special-middle">
<div>
{{ formData.certId }}
</div>
</div>
</a-col>
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div>民族</div>
</div>
</a-col>
<a-col :span="5">
<div class="special-middle">
<div>
{{ formData.nationName }}
</div>
</div>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div>职称</div>
</div>
</a-col>
<a-col :span="5">
<div class="special-middle">
<div>
{{ formData.titleName }}
</div>
</div>
</a-col>
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div>从事专业</div>
</div>
</a-col>
<a-col :span="5">
<div class="special-middle">
<div>
{{ formData.specName }}
</div>
</div>
</a-col>
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div class="required">项目分工</div>
</div>
</a-col>
<a-col :span="5">
<a-form-model-item prop="projWork">
<a-input v-model="formData.projWork" :maxLength="20" placeholder="项目分工" style="width: 60%" />
</a-form-model-item>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div>学位</div>
</div>
</a-col>
<a-col :span="5">
<div class="special-middle">
<div>
{{ formData.degreeName }}
</div>
</div>
</a-col>
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div>职务</div>
</div>
</a-col>
<a-col :span="5">
<div class="special-middle">
<div>
{{ formData.dutyName }}
</div>
</div>
</a-col>
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div>传真</div>
</div>
</a-col>
<a-col :span="5">
<div class="special-middle">
<div>
<a-form-model-item prop="fax">
<a-input v-model="formData.fax" :maxLength="20" placeholder="传真" style="width: 60%" />
</a-form-model-item>
</div>
</div>
</a-col>
</a-row>
<a-row type="flex">
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div>手机</div>
</div>
</a-col>
<a-col :span="5">
<div class="special-middle">
<div>
{{ formData.mobile }}
</div>
</div>
</a-col>
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div>联系电话</div>
</div>
</a-col>
<a-col :span="5">
<div class="special-middle">
<div>
<a-form-model-item prop="telephone">
<a-input v-model="formData.telephone" :maxLength="20" placeholder="联系电话" style="width: 60%" />
</a-form-model-item>
</div>
</div>
</a-col>
<a-col :span="3" class="bg-gray">
<div class="special-middle">
<div>电子邮箱</div>
</div>
</a-col>
<a-col :span="5">
<div class="special-middle">
<div>
{{ formData.email }}
</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 class="required">项目编号</div>
</div>
</a-col>
<a-col :span="20">
<a-form-model-item prop="projNo">
<div>{{ formData.projNo }}</div>
</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="projName">
<div>{{ formData.projName }}</div>
</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="keyAreas">
<a-input placeholder="所属我省重点领域" v-model="formData.keyAreas" :maxLength="50" 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" 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" 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="special-middle">
<div class="required">银行账号</div> <div class="required">项目负责人</div>
</div> </div>
</a-col> </a-col>
<a-col :span="9"> <a-col :span="8">
<div class="special-middle"> <div class="special-middle">
<div> <div>
<a-form-model-item prop="bankAccount"> {{ formData.appPersonName }}
<a-input placeholder="银行账号" v-model="formData.bankAccount" :maxLength="100" style="width:80%" />
</a-form-model-item>
</div> </div>
</div> </div>
</a-col> </a-col>
</a-row> <a-col :span="4" class="bg-gray">
<a-row type="flex">
<a-col :span="3" class="bg-gray">
<div class="special-middle"> <div class="special-middle">
<div class="required">开户银行地址</div> <div class="required">联系电话</div>
</div> </div>
</a-col> </a-col>
<a-col :span="9"> <a-col :span="8">
<div class="special-middle"> <div class="special-middle">
<div> <div>
<a-form-model-item prop="depositBankAddress"> {{ formData.mobile }}
<a-input placeholder="开户银行地址" v-model="formData.depositBankAddress" :maxLength="100" style="width:80%" />
</a-form-model-item>
</div> </div>
</div> </div>
</a-col> </a-col>
<a-col :span="3" class="bg-gray"> </a-row> -->
<div class="special-middle"> <a-row type="flex">
<div class="required">银行联行号</div> <a-col :span="4" class="bg-gray">
</div> <div class="special-middle">
</a-col> <div class="required">项目联系人姓名</div>
<a-col :span="9"> </div>
<div class="special-middle"> </a-col>
<div> <a-col :span="8">
<a-form-model-item prop="interbankNumber"> <div class="special-middle">
<a-input placeholder="开户银行地址" v-model="formData.interbankNumber" :maxLength="100" style="width:80%" /> <div>
</a-form-model-item> <a-form-model-item prop="unitLinkName">
<a-input placeholder="项目联系人姓名" v-model="formData.linkName" :maxLength="100" 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="联系人电话" v-model="formData.linkMobile" :maxLength="100" 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="unitLinkFax">
<a-input placeholder="传真" v-model="formData.linkFax" :maxLength="100" 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="unitLinkEmail">
<a-input placeholder="电子信箱" v-model="formData.linkEmail" :maxLength="100" 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> </div>
</a-col>
<a-col :span="8">
<div class="special-middle">
<div>
<a-form-model-item prop="isTechnologyReport">
{{formData.totalFunding}}
</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="isTechnologyReport">
{{formData.govFunding}}
</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="20">
<div class="special-middle">
<div>
<a-form-model-item prop="isTechnologyReport">
<base-select v-model="formData.isTechnologyReport" :type="12" :isAll="true" :width="120" />
</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="20">
<div class="special-middle">
<div>
<span style="margin:0 6px 0 6px;">立项报告</span><a-input-number v-model="formData.projectReport" :min="0" :step="1" style="width: 60px" />
<span style="margin:0 6px 0 24px;">进展报告</span><a-input-number v-model="formData.progressReport" :min="0" :step="1" style="width: 60px;" />
<span style="margin:0 6px 0 24px;">专题报告</span><a-input-number v-model="formData.specialReport" :min="0" :step="1" style="width: 60px" />
<span style="margin:0 6px 0 24px;">最终报告</span><a-input-number v-model="formData.finalReport" :min="0" :step="1" style="width: 60px" />
</div>
</div>
</a-col>
</a-row>
</a-form-model>
<!-- 项目主要参与单位及分工 -->
<participate-units-info :dataList.sync="value.participateUnits" />
</div>
<div v-if="tabsData[1].isShow">
<a-row>
<a-col :span="24" style="border-top: 0px">
<div class="main-title">
<span>项目人员情况</span>
</div> </div>
</a-col> </a-col>
</a-row> </a-row>
...@@ -237,7 +664,7 @@ ...@@ -237,7 +664,7 @@
<a-col :span="5"> <a-col :span="5">
<div class="special-middle"> <div class="special-middle">
<div> <div>
{{ formData.appPersonName }} {{ value.appPersonName }}
</div> </div>
</div> </div>
</a-col> </a-col>
...@@ -249,7 +676,7 @@ ...@@ -249,7 +676,7 @@
<a-col :span="5"> <a-col :span="5">
<div class="special-middle"> <div class="special-middle">
<div> <div>
{{ formData.sex }} {{ value.sex }}
</div> </div>
</div> </div>
</a-col> </a-col>
...@@ -261,7 +688,7 @@ ...@@ -261,7 +688,7 @@
<a-col :span="5"> <a-col :span="5">
<div class="special-middle"> <div class="special-middle">
<div> <div>
{{ moment(formData.birthday).format('YYYY-MM-DD') }} {{ moment(value.birthday).format('YYYY-MM-DD') }}
</div> </div>
</div> </div>
</a-col> </a-col>
...@@ -287,7 +714,7 @@ ...@@ -287,7 +714,7 @@
<a-col :span="5"> <a-col :span="5">
<div class="special-middle"> <div class="special-middle">
<div> <div>
{{ formData.certId }} {{ value.certId }}
</div> </div>
</div> </div>
</a-col> </a-col>
...@@ -299,7 +726,7 @@ ...@@ -299,7 +726,7 @@
<a-col :span="5"> <a-col :span="5">
<div class="special-middle"> <div class="special-middle">
<div> <div>
{{ formData.nationName }} {{ value.nationName }}
</div> </div>
</div> </div>
</a-col> </a-col>
...@@ -313,7 +740,7 @@ ...@@ -313,7 +740,7 @@
<a-col :span="5"> <a-col :span="5">
<div class="special-middle"> <div class="special-middle">
<div> <div>
{{ formData.titleName }} {{ value.titleName }}
</div> </div>
</div> </div>
</a-col> </a-col>
...@@ -325,57 +752,57 @@ ...@@ -325,57 +752,57 @@
<a-col :span="5"> <a-col :span="5">
<div class="special-middle"> <div class="special-middle">
<div> <div>
{{ formData.specName }} {{ value.specName }}
</div> </div>
</div> </div>
</a-col> </a-col>
<a-col :span="3" class="bg-gray"> <a-col :span="3" 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="5"> <a-col :span="5">
<a-form-model-item prop="projWork"> <div class="special-middle">
<a-input v-model="formData.projWork" :maxLength="20" placeholder="项目分工" style="width: 60%" /> <div>
</a-form-model-item> {{ value.degreeName }}
</div>
</div>
</a-col> </a-col>
</a-row> </a-row>
<a-row type="flex"> <a-row type="flex">
<a-col :span="3" class="bg-gray"> <a-col :span="3" class="bg-gray">
<div class="special-middle"> <div class="special-middle">
<div>学位</div> <div>职务</div>
</div> </div>
</a-col> </a-col>
<a-col :span="5"> <a-col :span="5">
<div class="special-middle"> <div class="special-middle">
<div> <div>
{{ formData.degreeName }} {{ value.dutyName }}
</div> </div>
</div> </div>
</a-col> </a-col>
<a-col :span="3" class="bg-gray"> <a-col :span="3" class="bg-gray">
<div class="special-middle"> <div class="special-middle">
<div>职务</div> <div>电话</div>
</div> </div>
</a-col> </a-col>
<a-col :span="5"> <a-col :span="5">
<div class="special-middle"> <div class="special-middle">
<div> <div>
{{ formData.dutyName }} {{ value.mobile }}
</div> </div>
</div> </div>
</a-col> </a-col>
<a-col :span="3" class="bg-gray"> <a-col :span="3" class="bg-gray">
<div class="special-middle"> <div class="special-middle">
<div>传真</div> <div>电子邮箱</div>
</div> </div>
</a-col> </a-col>
<a-col :span="5"> <a-col :span="5">
<div class="special-middle"> <div class="special-middle">
<div> <div>
<a-form-model-item prop="fax"> {{ value.email }}
<a-input v-model="formData.fax" :maxLength="20" placeholder="传真" style="width: 60%" />
</a-form-model-item>
</div> </div>
</div> </div>
</a-col> </a-col>
...@@ -383,259 +810,265 @@ ...@@ -383,259 +810,265 @@
<a-row type="flex"> <a-row type="flex">
<a-col :span="3" class="bg-gray"> <a-col :span="3" class="bg-gray">
<div class="special-middle"> <div class="special-middle">
<div>手机</div> <div>个人通讯地址</div>
</div> </div>
</a-col> </a-col>
<a-col :span="5"> <a-col :span="5">
<div class="special-middle"> <div class="special-middle">
<div> <div>
{{ formData.mobile }} {{ value.address }}
</div> </div>
</div> </div>
</a-col> </a-col>
<a-col :span="3" class="bg-gray"> <a-col :span="3" class="bg-gray">
<div class="special-middle"> <div class="special-middle">
<div>联系电话</div> <div>工作单位</div>
</div> </div>
</a-col> </a-col>
<a-col :span="5"> <a-col :span="5">
<div class="special-middle"> <div class="special-middle">
<div> <div>
<a-form-model-item prop="telephone"> {{ value.appUnitName }}
<a-input v-model="formData.telephone" :maxLength="20" placeholder="联系电话" style="width: 60%" />
</a-form-model-item>
</div> </div>
</div> </div>
</a-col> </a-col>
<a-col :span="3" class="bg-gray"> <a-col :span="3" class="bg-gray">
<div class="special-middle"> <div class="special-middle">
<div>电子邮箱</div> <div>每年工作时间(月)</div>
</div> </div>
</a-col> </a-col>
<a-col :span="5"> <a-col :span="5">
<div class="special-middle"> <div class="special-middle">
<div> <div>
{{ formData.email }} {{ value.jobTime }}
</div> </div>
</div> </div>
</a-col> </a-col>
</a-row> </a-row>
<a-row> <!-- 项目组成员 -->
<a-col :span="24" style="border-top: 0px"> <project-member-info :dataList.sync="value.members" />
<div class="tb-title">
<span>项目基本情况</span>
</div>
</a-col>
</a-row>
<a-row type="flex"> <a-row type="flex">
<a-col :span="4" class="bg-gray"> <a-col :span="24" style="text-align: center;">
<div class="special-middle"> <div class="special-middle">
<div class="required">项目编号</div> &nbsp;
</div> </div>
</a-col> </a-col>
<a-col :span="20">
<a-form-model-item prop="projNo">
<div>{{ formData.projNo }}</div>
</a-form-model-item>
</a-col>
</a-row> </a-row>
<a-row type="flex"> <a-row type="flex" class="row_center">
<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="3" class="bg-gray">
<a-form-model-item prop="projName"> <div class="special-middle">
<div>{{ formData.projName }}</div> <div>高级</div>
</a-form-model-item> </div>
</a-col> </a-col>
</a-row> <a-col :span="3" class="bg-gray">
<a-row type="flex">
<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="3" class="bg-gray">
<a-form-model-item prop="keyAreas"> <div class="special-middle">
<a-input placeholder="所属我省重点领域" v-model="formData.keyAreas" :maxLength="50" style="width: 80%" /> <div>初级</div>
</a-form-model-item> </div>
</a-col> </a-col>
</a-row>
<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="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" style="width: 180px" />
</a-form-model-item>
</a-col>
<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="8"> <a-col :span="3" class="bg-gray">
<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" 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="special-middle">
<div class="required">项目负责人</div> <div>硕士生</div>
</div> </div>
</a-col> </a-col>
<a-col :span="8"> </a-row>
<a-row type="flex" class="row_center">
<a-col :span="4">
<div class="special-middle"> <div class="special-middle">
<div> <div>
{{ formData.appPersonName }} {{ value.memCount }}
</div> </div>
</div> </div>
</a-col> </a-col>
<a-col :span="4" class="bg-gray"> <a-col :span="3">
<div class="special-middle"> <div class="special-middle">
<div class="required">联系电话</div> <div>
{{ value.memHighCount }}
</div>
</div> </div>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="3">
<div class="special-middle"> <div class="special-middle">
<div> <div>
{{ formData.mobile }} {{ value.memMiddleCount }}
</div> </div>
</div> </div>
</a-col> </a-col>
</a-row> --> <a-col :span="3">
<a-row type="flex">
<a-col :span="4" class="bg-gray">
<div class="special-middle"> <div class="special-middle">
<div class="required">项目联系人姓名</div> <div>
{{ value.memLowCount }}
</div>
</div> </div>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="4">
<div class="special-middle"> <div class="special-middle">
<div> <div>
<a-form-model-item prop="unitLinkName"> {{ value.memBshCount }}
<a-input placeholder="项目联系人姓名" v-model="formData.linkName" :maxLength="100" style="width:80%" />
</a-form-model-item>
</div> </div>
</div> </div>
</a-col> </a-col>
<a-col :span="4" class="bg-gray"> <a-col :span="4">
<div class="special-middle"> <div class="special-middle">
<div class="required">联系人电话</div> <div>
{{ value.memBsCount }}
</div>
</div> </div>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="3">
<div class="special-middle"> <div class="special-middle">
<div> <div>
<a-form-model-item prop="unitLinkMobile"> {{ value.memSsCount }}
<a-input placeholder="联系人电话" v-model="formData.linkMobile" :maxLength="100" style="width:80%" />
</a-form-model-item>
</div> </div>
</div> </div>
</a-col> </a-col>
</a-row> </a-row>
</div>
<div v-if="tabsData[2].isShow">
<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-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="8"> <a-col :span="20">
<div class="special-middle"> <div v-html="toTextarea(value.researchContent)"></div>
<div> </a-col>
<a-form-model-item prop="unitLinkFax"> </a-row>
<a-input placeholder="传真" v-model="formData.linkFax" :maxLength="100" style="width:80%" /> <a-row>
</a-form-model-item> <a-col :span="24" style="border-top: 0px">
</div> <div class="tb-title">
<span>项目考核指标</span>
</div> </div>
</a-col> </a-col>
</a-row>
<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="8"> <a-col :span="20">
<div class="special-middle"> <div v-html="toTextarea(value.technologyTarget)"></div>
<div>
<a-form-model-item prop="unitLinkEmail">
<a-input placeholder="电子信箱" v-model="formData.linkEmail" :maxLength="100" style="width:80%" />
</a-form-model-item>
</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="8"> <a-col :span="20">
<div class="special-middle"> <div v-html="toTextarea(value.economyTarget)"></div>
<div>
<a-form-model-item prop="isTechnologyReport">
{{formData.totalFunding}}
</a-form-model-item>
</div>
</div>
</a-col> </a-col>
</a-row>
<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="8"> <a-col :span="20">
<div class="special-middle"> <div v-html="toTextarea(value.achievementTarget)"></div>
<div>
<a-form-model-item prop="isTechnologyReport">
{{formData.govFunding}}
</a-form-model-item>
</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">
<div class="special-middle"> <div v-html="toTextarea(value.technologyReportsTarget)"></div>
<div>
<a-form-model-item prop="isTechnologyReport">
<base-select v-model="formData.isTechnologyReport" :type="12" :isAll="true" :width="80" />
</a-form-model-item>
</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">
<div v-html="toTextarea(value.otherTarget)"></div>
</a-col>
</a-row>
</div>
<div v-if="tabsData[3].isShow">
<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;">
<document-view :fileUrl="value.downloadUrl" :fileName="value.fileName" :imageArray="[value.downloadUrl]" v-if="!!value.downloadUrl"></document-view>
</div>
</a-col>
</a-row>
</div>
<div v-if="tabsData[4].isShow">
<!-- 经费预算 -->
<budget-info :budget.sync="value.budget" />
<a-row type="flex">
<a-col :span="24" style="text-align: center;">
<div class="special-middle"> <div class="special-middle">
<div> &nbsp;
<span style="margin:0 6px 0 6px;">立项报告</span><a-input-number v-model="formData.projectReport" :min="0" :step="1" style="width: 60px" />
<span style="margin:0 6px 0 24px;">进展报告</span><a-input-number v-model="formData.progressReport" :min="0" :step="1" style="width: 60px;" />
<span style="margin:0 6px 0 24px;">专题报告</span><a-input-number v-model="formData.specialReport" :min="0" :step="1" style="width: 60px" />
<span style="margin:0 6px 0 24px;">最终报告</span><a-input-number v-model="formData.finalReport" :min="0" :step="1" style="width: 60px" />
</div>
</div> </div>
</a-col> </a-col>
</a-row> </a-row>
</a-form-model> <!-- 分年度用款计划 -->
<fund-plan-info :fundPlan.sync="value.fundPlan" />
<!-- 设备费-购置设备预算明细表 -->
<device-info :deviceList.sync="value.deviceList" />
<!-- 设备费-试制设备预算明细表 -->
<manufacture-info :manufactureList.sync:="value.manufactureList" />
<!-- 项目承担单位研究资金支出预算明细表 -->
<unit-payment-info :unitPayment.sync="value.unitPayment" />
</div>
<div v-if="tabsData[5].isShow">
<!-- 项目安排及阶段目标 -->
<proj-stage-goals-info :stageGoals.sync="value.stageGoals" />
</div>
<div v-if="tabsData[6].isShow">
<!-- 项目课题设置 -->
<project-sub-info :dataList.sync="value.projectSubList" />
</div>
<div v-if="tabsData[7].isShow">
<project-kpi-info v-if="value.projectKPI" :projectKPI.sync="value.projectKPI" />
</div>
<div v-if="tabsData[8].isShow">
<!-- 附件 -->
<file-info :fileList.sync="value.fileList" />
</div>
</div> </div>
</template> </template>
...@@ -643,12 +1076,24 @@ ...@@ -643,12 +1076,24 @@
import { isEmptyParams } from "@/views/utils/common" import { isEmptyParams } from "@/views/utils/common"
import moment from 'moment' import moment from 'moment'
import cooperativeUnitsInfo from '@/views/report/project/components/cooperativeUnitsInfo'
import participateUnitsInfo from '@/views/report/project/components/participateUnitsInfo'
import projectMemberInfo from '@/views/report/project/components/projectMemberInfo'
import projectKpiInfo from '@/views/report/project/components/projectKpiInfo.vue'
import budgetInfo from '@/views/report/project/components/budgetInfo'
import fundPlanInfo from '@/views/report/project/components/fundPlanInfo'
import unitPaymentInfo from '@/views/report/project/components/unitPaymentInfo'
import deviceInfo from '@/views/report/project/components/deviceInfo'
import manufactureInfo from '@/views/report/project/components/manufactureInfo'
import projStageGoalsInfo from "@/views/report/project/components/projStageGoalsInfo";
import projectSubInfo from '@/views/report/project/components/projectSubInfo'
import fileInfo from "@/views/report/project/components/fileInfo";
import { toTextarea } from '@/views/utils/common'
export default { export default {
name: 'projectEdit', name: 'projectEdit',
components: { components: {
cooperativeUnitsInfo, projectMemberInfo, projectKpiInfo, budgetInfo, fundPlanInfo, unitPaymentInfo, deviceInfo, manufactureInfo, fileInfo, projStageGoalsInfo, projectSubInfo, participateUnitsInfo
}, },
props: { props: {
value: { value: {
...@@ -657,6 +1102,12 @@ export default { ...@@ -657,6 +1102,12 @@ export default {
return null return null
} }
}, },
tabsData: {
type: Array,
default: () => {
return []
}
},
}, },
data () { data () {
return { return {
...@@ -772,7 +1223,7 @@ export default { ...@@ -772,7 +1223,7 @@ export default {
mounted () { mounted () {
}, },
methods: { methods: {
moment, moment, toTextarea,
save () { save () {
this.$emit('load', true) this.$emit('load', true)
let pars = isEmptyParams(this.formData) let pars = isEmptyParams(this.formData)
......
src/views/report/task/components/taskInfo.vue
View file @ 0670b538
...@@ -828,7 +828,6 @@ ...@@ -828,7 +828,6 @@
</a-col> </a-col>
</a-row> </a-row>
</div> </div>
</div> </div>
</template> </template>
......
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