|
@@ -3,98 +3,98 @@
|
|
|
<el-row>
|
|
|
<el-col :span="24" class="main">
|
|
|
<el-col :span="24" class="top">
|
|
|
- 2022年度吉林省科技发展计划高新技术领域项目建议书
|
|
|
+ 2021年度吉林省科技发展计划高新技术领域项目建议书
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="down">
|
|
|
<el-col :span="24" class="one">
|
|
|
<el-col :span="24" class="txt">
|
|
|
- <span>项目信息</span>
|
|
|
+ <span>项目基本信息</span>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="info">
|
|
|
- <el-col :span="24" class="lang">
|
|
|
- <el-col :span="3" class="langTxt">
|
|
|
+ <el-col :span="24" class="infoMess">
|
|
|
+ <el-col :span="3" class="title">
|
|
|
项目名称:
|
|
|
</el-col>
|
|
|
- <el-col :span="21" class="langInfo textOver">
|
|
|
- {{ info.name || '暂无' }}
|
|
|
+ <el-col :span="21" class="message textOver">
|
|
|
+ {{ info.name }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="12" class="lang">
|
|
|
- <el-col :span="6" class="langTxt">
|
|
|
+ <el-col :span="12" class="infoMess">
|
|
|
+ <el-col :span="6" class="title">
|
|
|
项目负责人:
|
|
|
</el-col>
|
|
|
- <el-col :span="18" class="langInfo textOver">
|
|
|
+ <el-col :span="18" class="message textOver">
|
|
|
{{ info.pro_user || '暂无' }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="12" class="lang">
|
|
|
- <el-col :span="6" class="langTxt">
|
|
|
+ <el-col :span="12" class="infoMess">
|
|
|
+ <el-col :span="6" class="title">
|
|
|
联系电话:
|
|
|
</el-col>
|
|
|
- <el-col :span="18" class="langInfo textOver">
|
|
|
+ <el-col :span="18" class="message textOver">
|
|
|
{{ info.pro_phone || '暂无' }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="12" class="lang">
|
|
|
- <el-col :span="6" class="langTxt">
|
|
|
- 所属领域:
|
|
|
+ <el-col :span="12" class="infoMess">
|
|
|
+ <el-col :span="6" class="title">
|
|
|
+ 技术阶段:
|
|
|
</el-col>
|
|
|
- <el-col :span="18" class="langInfo textOver">
|
|
|
- {{ info.field || '暂无' }}
|
|
|
+ <el-col :span="18" class="message textOver">
|
|
|
+ {{ info.techol_stage || '暂无' }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="12" class="lang">
|
|
|
- <el-col :span="6" class="langTxt">
|
|
|
- 市场预估:
|
|
|
+ <el-col :span="12" class="infoMess">
|
|
|
+ <el-col :span="6" class="title">
|
|
|
+ 技术水平:
|
|
|
</el-col>
|
|
|
- <el-col :span="18" class="langInfo textOver">
|
|
|
- {{ info.scale || '暂无' }}
|
|
|
+ <el-col :span="18" class="message textOver">
|
|
|
+ {{ info.techol_level || '暂无' }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="12" class="lang">
|
|
|
- <el-col :span="6" class="langTxt">
|
|
|
- 技术阶段:
|
|
|
+ <el-col :span="12" class="infoMess">
|
|
|
+ <el-col :span="6" class="title">
|
|
|
+ 所属领域:
|
|
|
</el-col>
|
|
|
- <el-col :span="18" class="langInfo textOver">
|
|
|
- {{ info.techol_stage || '暂无' }}
|
|
|
+ <el-col :span="18" class="message textOver">
|
|
|
+ {{ info.field || '暂无' }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="12" class="lang">
|
|
|
- <el-col :span="6" class="langTxt">
|
|
|
- 技术水平:
|
|
|
+ <el-col :span="12" class="infoMess">
|
|
|
+ <el-col :span="6" class="title">
|
|
|
+ 市场预估:
|
|
|
</el-col>
|
|
|
- <el-col :span="18" class="langInfo textOver">
|
|
|
- {{ info.techol_level || '暂无' }}
|
|
|
+ <el-col :span="18" class="message textOver">
|
|
|
+ {{ info.scale || '暂无' }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="one">
|
|
|
<el-col :span="24" class="txt">
|
|
|
- <span>建议单位</span>
|
|
|
+ <span>项目建议单位</span>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="info">
|
|
|
- <el-col :span="24" class="lang">
|
|
|
- <el-col :span="3" class="langTxt">
|
|
|
- 单位名称:
|
|
|
+ <el-col :span="24" class="infoMess">
|
|
|
+ <el-col :span="3" class="title">
|
|
|
+ 建议单位:
|
|
|
</el-col>
|
|
|
- <el-col :span="21" class="langInfo textOver">
|
|
|
- {{ info.proposal_company || '暂无' }}
|
|
|
+ <el-col :span="21" class="message textOver">
|
|
|
+ {{ info.proposal_company }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="12" class="lang">
|
|
|
- <el-col :span="6" class="langTxt">
|
|
|
+ <el-col :span="12" class="infoMess">
|
|
|
+ <el-col :span="6" class="title">
|
|
|
联系人:
|
|
|
</el-col>
|
|
|
- <el-col :span="18" class="langInfo textOver">
|
|
|
+ <el-col :span="18" class="message textOver">
|
|
|
{{ info.proposal_user || '暂无' }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="12" class="lang">
|
|
|
- <el-col :span="6" class="langTxt">
|
|
|
+ <el-col :span="12" class="infoMess">
|
|
|
+ <el-col :span="6" class="title">
|
|
|
联系电话:
|
|
|
</el-col>
|
|
|
- <el-col :span="18" class="langInfo textOver">
|
|
|
+ <el-col :span="18" class="message textOver">
|
|
|
{{ info.proposal_phone || '暂无' }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
@@ -102,30 +102,30 @@
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="one">
|
|
|
<el-col :span="24" class="txt">
|
|
|
- <span>合作单位</span>
|
|
|
+ <span>主要合作单位</span>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="info">
|
|
|
- <el-col :span="24" class="lang">
|
|
|
- <el-col :span="3" class="langTxt">
|
|
|
- 单位名称:
|
|
|
+ <el-col :span="24" class="infoMess">
|
|
|
+ <el-col :span="3" class="title">
|
|
|
+ 合作单位:
|
|
|
</el-col>
|
|
|
- <el-col :span="21" class="langInfo textOver">
|
|
|
- {{ info.coopera_company || '暂无' }}
|
|
|
+ <el-col :span="21" class="message textOver">
|
|
|
+ {{ info.coopera_company }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="12" class="lang">
|
|
|
- <el-col :span="6" class="langTxt">
|
|
|
+ <el-col :span="12" class="infoMess">
|
|
|
+ <el-col :span="6" class="title">
|
|
|
联系人:
|
|
|
</el-col>
|
|
|
- <el-col :span="18" class="langInfo textOver">
|
|
|
+ <el-col :span="18" class="message textOver">
|
|
|
{{ info.coopera_user || '暂无' }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="12" class="lang">
|
|
|
- <el-col :span="6" class="langTxt">
|
|
|
+ <el-col :span="12" class="infoMess">
|
|
|
+ <el-col :span="6" class="title">
|
|
|
联系电话:
|
|
|
</el-col>
|
|
|
- <el-col :span="18" class="langInfo textOver">
|
|
|
+ <el-col :span="18" class="message textOver">
|
|
|
{{ info.coopera_phone || '暂无' }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
@@ -133,63 +133,44 @@
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="one">
|
|
|
<el-col :span="24" class="txt">
|
|
|
- <span>项目简介</span>
|
|
|
+ <span>项目内容简介</span>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="info">
|
|
|
- <el-col :span="24" class="brief">
|
|
|
- <el-col :span="24" class="briefTxt">
|
|
|
- 项目背景:
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="briefInfo">
|
|
|
- {{ info.project_back || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="brief">
|
|
|
- <el-col :span="24" class="briefTxt">
|
|
|
- 立项意义:
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="briefInfo">
|
|
|
+ <el-col :span="24" class="loangInfoMess">
|
|
|
+ <el-col :span="24" class="title"> <span>立项背景</span>(含解决“卡脖子”技术问题及在行业中所处的地位和作用): </el-col>
|
|
|
+ <el-col :span="24" class="longMessage">
|
|
|
{{ info.sign || '暂无' }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="brief">
|
|
|
- <el-col :span="24" class="briefTxt">
|
|
|
- 前期基础:
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="briefInfo">
|
|
|
+ <el-col :span="24" class="loangInfoMess">
|
|
|
+ <el-col :span="24" class="title"> <span>前期基础</span>(含知识产权状况): </el-col>
|
|
|
+ <el-col :span="24" class="longMessage">
|
|
|
{{ info.work_basics || '暂无' }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
-
|
|
|
- <el-col :span="24" class="brief">
|
|
|
- <el-col :span="24" class="briefTxt">
|
|
|
- 研究内容:
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="briefInfo">
|
|
|
+ <el-col :span="24" class="loangInfoMess">
|
|
|
+ <el-col :span="24" class="title"> <span>研究内容</span>(含项目创新点): </el-col>
|
|
|
+ <el-col :span="24" class="longMessage">
|
|
|
{{ info.content || '暂无' }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="brief">
|
|
|
- <el-col :span="24" class="briefTxt">
|
|
|
- 技术路线:
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="briefInfo">
|
|
|
+ <el-col :span="24" class="loangInfoMess">
|
|
|
+ <el-col :span="24" class="title"> <span>技术路线</span>(含拟解决关键技术): </el-col>
|
|
|
+ <el-col :span="24" class="longMessage">
|
|
|
{{ info.route || '暂无' }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="brief">
|
|
|
- <el-col :span="24" class="briefTxt">
|
|
|
- 核心指标:
|
|
|
+ <el-col :span="24" class="loangInfoMess">
|
|
|
+ <el-col :span="24" class="title">
|
|
|
+ 核心指标(要求可量化、可考核、可检测):
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="briefInfo">
|
|
|
+ <el-col :span="24" class="longMessage">
|
|
|
{{ info.quota || '暂无' }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="brief">
|
|
|
- <el-col :span="24" class="briefTxt">
|
|
|
- 经济效益:
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="briefInfo">
|
|
|
+ <el-col :span="24" class="loangInfoMess">
|
|
|
+ <el-col :span="24" class="title"> <span>经济效益</span>(含市场分析和产业化预期): </el-col>
|
|
|
+ <el-col :span="24" class="longMessage">
|
|
|
{{ info.influence || '暂无' }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
@@ -205,12 +186,13 @@
|
|
|
import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
export default {
|
|
|
name: 'projectInfo',
|
|
|
- props: { info: { type: Object } },
|
|
|
+ props: {
|
|
|
+ info: { type: Object },
|
|
|
+ },
|
|
|
components: {},
|
|
|
data: function() {
|
|
|
return {};
|
|
|
},
|
|
|
-
|
|
|
created() {},
|
|
|
methods: {},
|
|
|
computed: {
|
|
@@ -231,52 +213,59 @@ export default {
|
|
|
.one {
|
|
|
position: relative;
|
|
|
border: 1px solid #41719c;
|
|
|
+ margin: 0 0 35px 0;
|
|
|
min-height: 150px;
|
|
|
- margin: 0 0 25px 0;
|
|
|
.txt {
|
|
|
position: absolute;
|
|
|
- top: -10px;
|
|
|
- left: -1px;
|
|
|
+ top: -22px;
|
|
|
+ text-align: center;
|
|
|
span {
|
|
|
- border: 1px solid #41719c;
|
|
|
- padding: 5px 15px;
|
|
|
- background-color: #fff;
|
|
|
- font-size: 18px;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ display: inline-block;
|
|
|
+ padding: 0 35px;
|
|
|
+ background: #fff;
|
|
|
font-weight: bold;
|
|
|
- color: #41719c;
|
|
|
+ font-size: 18px;
|
|
|
}
|
|
|
}
|
|
|
.info {
|
|
|
padding: 20px 10px;
|
|
|
- .lang {
|
|
|
- margin: 5px 0;
|
|
|
- border-bottom: 1px solid #ccc;
|
|
|
- .langTxt {
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- overflow: hidden;
|
|
|
- font-size: 18px;
|
|
|
- font-weight: bold;
|
|
|
+ .infoMess {
|
|
|
+ padding: 10px 0;
|
|
|
+ border-bottom: 1px dashed #ccc;
|
|
|
+ .title {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ .message {
|
|
|
+ font-size: 16px;
|
|
|
}
|
|
|
- .langInfo {
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- overflow: hidden;
|
|
|
- font-size: 18px;
|
|
|
+ .longMessage {
|
|
|
+ margin: 10px 0 0 0;
|
|
|
+ min-height: 150px;
|
|
|
+ border: 1px dashed #ccc;
|
|
|
+ padding: 10px;
|
|
|
+ font-size: 16px;
|
|
|
}
|
|
|
}
|
|
|
- .brief {
|
|
|
- margin: 5px 0;
|
|
|
- border-bottom: 1px solid #ccc;
|
|
|
- .briefTxt {
|
|
|
- font-size: 18px;
|
|
|
- font-weight: bold;
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
+ .loangInfoMess {
|
|
|
+ padding: 10px 0;
|
|
|
+ margin: 0 0 15px 0;
|
|
|
+ .title {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #666;
|
|
|
+ span {
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
}
|
|
|
- .briefInfo {
|
|
|
- font-size: 18px;
|
|
|
- padding: 0 0 10px 0;
|
|
|
+ .longMessage {
|
|
|
+ margin: 10px 0 0 0;
|
|
|
+ min-height: 150px;
|
|
|
+ border: 1px dashed #ccc;
|
|
|
+ padding: 10px;
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 25px;
|
|
|
}
|
|
|
}
|
|
|
}
|