1

src/views/userCenter/projectInfo/index.vue

@@ -49,12 +49,27 @@
               <el-col :span="24" class="updateForm">
                 <el-tabs v-model="updateActive" type="card">
                   <el-tab-pane label="信息填报" name="first">
-                    <projectForm :form="form" :show="show" @resetBtn="back" @onSubmit="onSubmit"></projectForm>
+                    <projectForm :form="form" @resetBtn="back" @onSubmit="onSubmit"></projectForm>
                   </el-tab-pane>
                 </el-tabs>
               </el-col>
             </el-col>
           </span>
+          <span v-else-if="display == 'viewInfo'">
+            <el-col :span="24" class="viewInfo">
+              <el-col :span="24" class="btn">
+                <el-button type="primary" size="mini" @click="back">返回列表</el-button>
+              </el-col>
+              <el-col :span="24" class="viewInfoMess">
+                <el-col :span="24" class="title">
+                  2021年度吉林省科技发展计划高新技术领域项目建议书
+                </el-col>
+                <el-col :span="24">
+                  <projectInfo :info="form"></projectInfo>
+                </el-col>
+              </el-col>
+            </el-col>
+          </span>
           <span v-else-if="display == 'detail'">
             <el-col :span="24" class="detail">
               <el-col :span="24" class="btn">
@@ -66,7 +81,7 @@
                     <questionInfo :info="info"></questionInfo>
                   </el-tab-pane>
                   <el-tab-pane label="信息填报" name="second">
-                    <projectForm :form="form" :show="show" @resetBtn="back" @onSubmit="onSubmit"></projectForm>
+                    <projectForm :form="form" @resetBtn="back" @onSubmit="onSubmit"></projectForm>
                   </el-tab-pane>
                 </el-tabs>
               </el-col>
@@ -83,6 +98,8 @@ const _ = require('lodash');
 import dataTable from '@/components/data-table.vue';
 import questionInfo from './parts/questionInfo.vue';
 import projectForm from './parts/projectForm.vue';
+import projectInfo from './parts/projectInfo.vue';
+
 import { mapState, createNamespacedHelpers } from 'vuex';
 const { mapActions: question } = createNamespacedHelpers('question');
 const { mapActions: projectsolic } = createNamespacedHelpers('projectsolic');
@@ -96,6 +113,7 @@ export default {
     dataTable,
     questionInfo,
     projectForm,
+    projectInfo,
   },
   data: function() {
     return {
@@ -153,10 +171,9 @@ export default {
       // 调研调查信息
       info: {},
       form: {},
-      // 是否显示按钮
-      show: true,
       // 修改信息
       updateActive: 'first',
+      // 详情
     };
   },
   async created() {
@@ -177,14 +194,12 @@ export default {
     },
     toAdd({ data }) {
       this.display = 'detail';
-      this.$set(this, 'show', true);
       if (data) this.$set(this, 'info', data);
       this.form.question_id = _.get(data, '_id', this.info._id);
       this.form.user_id = this.user.userid;
     },
     async toEdit({ data }) {
       this.display = 'detail';
-      this.$set(this, 'show', true);
       this.$set(this, 'info', data);
     },
     async toGetList({ data }) {
@@ -204,9 +219,8 @@ export default {
       this.display = 'update';
     },
     toSolicView({ data }) {
-      this.$set(this, 'show', false);
       this.$set(this, 'form', data);
-      this.display = 'update';
+      this.display = 'viewInfo';
     },
     // 提交保存
     async onSubmit({ data }) {
@@ -266,6 +280,19 @@ export default {
         margin: 0 0 10px 0;
       }
     }
+    .viewInfo {
+      .btn {
+        text-align: right;
+        margin: 0 0 10px 0;
+      }
+      .viewInfoMess {
+        .title {
+          font-size: 25px;
+          text-align: center;
+          margin: 0 0 30px 0;
+        }
+      }
+    }
   }
 }
 </style>

src/views/userCenter/projectInfo/parts/projectForm.vue

@@ -269,7 +269,7 @@
               </el-col>
             </el-col>
           </el-col>
-          <el-col :span="24" class="btn" v-show="show">
+          <el-col :span="24" class="btn">
             <el-button type="danger" size="mini" @click="resetBtn">取消</el-button>
             <el-button type="primary" size="mini" @click="onSubmit('0')">保存</el-button>
             <el-button type="success" size="mini" @click="onSubmit('1')">提交</el-button>
@@ -286,7 +286,6 @@ export default {
   name: 'projectForm',
   props: {
     form: { type: Object },
-    show: { type: Boolean },
   },
   components: {},
   data: function() {

src/views/userCenter/projectInfo/parts/projectInfo.vue

@@ -0,0 +1,267 @@
+<template>
+  <div id="projectInfo">
+    <el-row>
+      <el-col :span="24" class="main">
+        <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="infoMess">
+                <el-col :span="3" class="title">
+                  项目名称：
+                </el-col>
+                <el-col :span="21" class="message textOver">
+                  {{ info.name }}
+                </el-col>
+              </el-col>
+              <el-col :span="12" class="infoMess">
+                <el-col :span="6" class="title">
+                  项目负责人：
+                </el-col>
+                <el-col :span="18" class="message textOver">
+                  {{ info.pro_user || '暂无' }}
+                </el-col>
+              </el-col>
+              <el-col :span="12" class="infoMess">
+                <el-col :span="6" class="title">
+                  联系电话：
+                </el-col>
+                <el-col :span="18" class="message textOver">
+                  {{ info.pro_phone || '暂无' }}
+                </el-col>
+              </el-col>
+              <el-col :span="12" class="infoMess">
+                <el-col :span="6" class="title">
+                  技术阶段：
+                </el-col>
+                <el-col :span="18" class="message textOver">
+                  {{ info.techol_stage || '暂无' }}
+                </el-col>
+              </el-col>
+              <el-col :span="12" class="infoMess">
+                <el-col :span="6" class="title">
+                  技术水平：
+                </el-col>
+                <el-col :span="18" class="message textOver">
+                  {{ info.techol_level || '暂无' }}
+                </el-col>
+              </el-col>
+              <el-col :span="12" class="infoMess">
+                <el-col :span="6" class="title">
+                  所属领域：
+                </el-col>
+                <el-col :span="18" class="message textOver">
+                  {{ info.field || '暂无' }}
+                </el-col>
+              </el-col>
+              <el-col :span="12" class="infoMess">
+                <el-col :span="6" class="title">
+                  市场预估：
+                </el-col>
+                <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>
+            </el-col>
+            <el-col :span="24" class="info">
+              <el-col :span="24" class="infoMess">
+                <el-col :span="3" class="title">
+                  建议单位：
+                </el-col>
+                <el-col :span="21" class="message textOver">
+                  {{ info.proposal_company }}
+                </el-col>
+              </el-col>
+              <el-col :span="12" class="infoMess">
+                <el-col :span="6" class="title">
+                  联系人：
+                </el-col>
+                <el-col :span="18" class="message textOver">
+                  {{ info.proposal_user || '暂无' }}
+                </el-col>
+              </el-col>
+              <el-col :span="12" class="infoMess">
+                <el-col :span="6" class="title">
+                  联系电话：
+                </el-col>
+                <el-col :span="18" class="message 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="infoMess">
+                <el-col :span="3" class="title">
+                  合作单位：
+                </el-col>
+                <el-col :span="21" class="message textOver">
+                  {{ info.coopera_company }}
+                </el-col>
+              </el-col>
+              <el-col :span="12" class="infoMess">
+                <el-col :span="6" class="title">
+                  联系人：
+                </el-col>
+                <el-col :span="18" class="message textOver">
+                  {{ info.coopera_user || '暂无' }}
+                </el-col>
+              </el-col>
+              <el-col :span="12" class="infoMess">
+                <el-col :span="6" class="title">
+                  联系电话：
+                </el-col>
+                <el-col :span="18" class="message 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="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="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="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="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="loangInfoMess">
+                <el-col :span="24" class="title">
+                  核心指标（要求可量化、可考核、可检测）：
+                </el-col>
+                <el-col :span="24" class="longMessage">
+                  {{ info.quota || '暂无' }}
+                </el-col>
+              </el-col>
+              <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>
+            </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 {
+  .down {
+    .one {
+      position: relative;
+      border: 1px solid #41719c;
+      margin: 0 0 35px 0;
+      min-height: 150px;
+      .txt {
+        position: absolute;
+        top: -22px;
+        text-align: center;
+        span {
+          height: 40px;
+          line-height: 40px;
+          display: inline-block;
+          padding: 0 35px;
+          background: #fff;
+          font-weight: bold;
+          font-size: 18px;
+        }
+      }
+      .info {
+        padding: 20px 10px;
+        .infoMess {
+          padding: 10px 0;
+          border-bottom: 1px dashed #ccc;
+          .title {
+            font-size: 16px;
+            color: #666;
+          }
+          .message {
+            font-size: 16px;
+          }
+          .longMessage {
+            margin: 10px 0 0 0;
+            min-height: 150px;
+            border: 1px dashed #ccc;
+            padding: 10px;
+            font-size: 16px;
+          }
+        }
+        .loangInfoMess {
+          padding: 10px 0;
+          margin: 0 0 15px 0;
+          .title {
+            font-size: 16px;
+            color: #666;
+            span {
+              font-weight: bold;
+            }
+          }
+          .longMessage {
+            margin: 10px 0 0 0;
+            min-height: 150px;
+            border: 1px dashed #ccc;
+            padding: 10px;
+            font-size: 16px;
+            line-height: 25px;
+          }
+        }
+      }
+    }
+  }
+}
+</style>