|
|
@@ -1,286 +0,0 @@
|
|
|
-<template>
|
|
|
- <div id="projectInfo">
|
|
|
- <el-row>
|
|
|
- <el-col :span="24" class="main">
|
|
|
- <el-col :span="24" class="top">
|
|
|
- 2021年度吉林省科技发展计划高新技术领域项目建议书
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="down">
|
|
|
- <el-col :span="24" class="one">
|
|
|
- <el-col :span="24" class="txt">
|
|
|
- <span>项目信息</span>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="info">
|
|
|
- <el-col :span="24" class="lang">
|
|
|
- <el-col :span="3" class="langTxt">
|
|
|
- 项目名称：
|
|
|
- </el-col>
|
|
|
- <el-col :span="21" class="langInfo textOver">
|
|
|
- {{ info.name || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="lang">
|
|
|
- <el-col :span="6" class="langTxt">
|
|
|
- 项目负责人：
|
|
|
- </el-col>
|
|
|
- <el-col :span="18" class="langInfo textOver">
|
|
|
- {{ info.pro_user || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="lang">
|
|
|
- <el-col :span="6" class="langTxt">
|
|
|
- 联系电话：
|
|
|
- </el-col>
|
|
|
- <el-col :span="18" class="langInfo textOver">
|
|
|
- {{ info.pro_phone || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="lang">
|
|
|
- <el-col :span="6" class="langTxt">
|
|
|
- 所属领域：
|
|
|
- </el-col>
|
|
|
- <el-col :span="18" class="langInfo textOver">
|
|
|
- {{ info.field || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="lang">
|
|
|
- <el-col :span="6" class="langTxt">
|
|
|
- 市场预估：
|
|
|
- </el-col>
|
|
|
- <el-col :span="18" class="langInfo textOver">
|
|
|
- {{ info.scale || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="lang">
|
|
|
- <el-col :span="6" class="langTxt">
|
|
|
- 技术阶段：
|
|
|
- </el-col>
|
|
|
- <el-col :span="18" class="langInfo textOver">
|
|
|
- {{ info.techol_stage || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="lang">
|
|
|
- <el-col :span="6" class="langTxt">
|
|
|
- 技术水平：
|
|
|
- </el-col>
|
|
|
- <el-col :span="18" class="langInfo textOver">
|
|
|
- {{ info.techol_level || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="one">
|
|
|
- <el-col :span="24" class="txt">
|
|
|
- <span>建议单位</span>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="info">
|
|
|
- <el-col :span="24" class="lang">
|
|
|
- <el-col :span="3" class="langTxt">
|
|
|
- 单位名称：
|
|
|
- </el-col>
|
|
|
- <el-col :span="21" class="langInfo textOver">
|
|
|
- {{ info.proposal_company || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="lang">
|
|
|
- <el-col :span="6" class="langTxt">
|
|
|
- 联系人：
|
|
|
- </el-col>
|
|
|
- <el-col :span="18" class="langInfo textOver">
|
|
|
- {{ info.proposal_user || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="lang">
|
|
|
- <el-col :span="6" class="langTxt">
|
|
|
- 联系电话：
|
|
|
- </el-col>
|
|
|
- <el-col :span="18" class="langInfo textOver">
|
|
|
- {{ info.proposal_phone || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="one">
|
|
|
- <el-col :span="24" class="txt">
|
|
|
- <span>合作单位</span>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="info">
|
|
|
- <el-col :span="24" class="lang">
|
|
|
- <el-col :span="3" class="langTxt">
|
|
|
- 单位名称：
|
|
|
- </el-col>
|
|
|
- <el-col :span="21" class="langInfo textOver">
|
|
|
- {{ info.coopera_company || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="lang">
|
|
|
- <el-col :span="6" class="langTxt">
|
|
|
- 联系人：
|
|
|
- </el-col>
|
|
|
- <el-col :span="18" class="langInfo textOver">
|
|
|
- {{ info.coopera_user || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="lang">
|
|
|
- <el-col :span="6" class="langTxt">
|
|
|
- 联系电话：
|
|
|
- </el-col>
|
|
|
- <el-col :span="18" class="langInfo textOver">
|
|
|
- {{ info.coopera_phone || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="one">
|
|
|
- <el-col :span="24" class="txt">
|
|
|
- <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">
|
|
|
- {{ 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">
|
|
|
- {{ 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">
|
|
|
- {{ 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">
|
|
|
- {{ info.route || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="brief">
|
|
|
- <el-col :span="24" class="briefTxt">
|
|
|
- 核心指标：
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="briefInfo">
|
|
|
- {{ 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">
|
|
|
- {{ info.influence || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
-export default {
|
|
|
- name: 'projectInfo',
|
|
|
- props: { info: { type: Object } },
|
|
|
- components: {},
|
|
|
- data: function() {
|
|
|
- return {};
|
|
|
- },
|
|
|
-
|
|
|
- created() {},
|
|
|
- methods: {},
|
|
|
- computed: {
|
|
|
- ...mapState(['user']),
|
|
|
- },
|
|
|
- watch: {},
|
|
|
-};
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="less" scoped>
|
|
|
-.main {
|
|
|
- .top {
|
|
|
- text-align: center;
|
|
|
- font-size: 25px;
|
|
|
- margin: 0 0 50px 0;
|
|
|
- }
|
|
|
- .down {
|
|
|
- .one {
|
|
|
- position: relative;
|
|
|
- border: 1px solid #41719c;
|
|
|
- min-height: 150px;
|
|
|
- margin: 0 0 25px 0;
|
|
|
- .txt {
|
|
|
- position: absolute;
|
|
|
- top: -10px;
|
|
|
- left: -1px;
|
|
|
- span {
|
|
|
- border: 1px solid #41719c;
|
|
|
- padding: 5px 15px;
|
|
|
- background-color: #fff;
|
|
|
- font-size: 18px;
|
|
|
- font-weight: bold;
|
|
|
- color: #41719c;
|
|
|
- }
|
|
|
- }
|
|
|
- .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;
|
|
|
- }
|
|
|
- .langInfo {
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- overflow: hidden;
|
|
|
- font-size: 18px;
|
|
|
- }
|
|
|
- }
|
|
|
- .brief {
|
|
|
- margin: 5px 0;
|
|
|
- border-bottom: 1px solid #ccc;
|
|
|
- .briefTxt {
|
|
|
- font-size: 18px;
|
|
|
- font-weight: bold;
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- }
|
|
|
- .briefInfo {
|
|
|
- font-size: 18px;
|
|
|
- padding: 0 0 10px 0;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-</style>
|
