成果展示部分完成

src/views/resultShow/resultShowDetail.vue

@@ -4,18 +4,22 @@
         <!-- 头部展示区开始 -->
         <div class="header">
             <div class="imgBlock">
-                <img src="@/assets/img/login-bg-autumn.jpg" alt="">
+                <img :src="TitleMessage.image" alt="">
             </div>
             <div class="headerConcent">
-                <div class="rsHead1Tit">项目名称：{{ ProjectBaseMessage.Name }}</div>
-                <div class="rsHead2Tit">负责人：{{ ProjectBaseMessage.curator }}</div>
+                <div class="rsHead1Tit">项目名称：<span>{{ TitleMessage.title }}</span></div>
+                <div class="rsHead2Tit rsHead3Tit">
+                    <div>负责人：<span class="titleMessage">{{ TitleMessage.pro_leader }}</span></div>
+                </div>
                 <div class="rsHead3Tit rsHead2Tit">
-                    <div>单位：{{ ProjectBaseMessage.curator }}</div>
-                    <div>学科：{{ ProjectBaseMessage.subject }}</div>
+                    <div>学院：<span class="titleMessage">{{ TitleMessage.ClassName }}</span></div>
+                    <div>分类：<span class="titleMessage">{{ TitleMessage.TypeName }}</span></div>
                 </div>
-                <div class="rsHead2Tit">
+                <div class="rsHead2Tit personListUL">
                     <i class="iconfont icon-duoren1" style="margin-right: 10px;color: #3a78fc;"></i>
-                    12人
+                    <div class="personListLI">
+                        <span v-for="(item,index) in TitleMessage.course_student" :key="index">{{ item.name }}</span>
+                    </div>
                 </div>
             </div>
             <el-button class="backBtn" type="primary" @click="$router.back()">返回</el-button>
@@ -54,51 +58,60 @@
                 <div class="brief">
                     <div class="brief_title">
                         <img src="@/assets/anliDetail/jdTitle.png" alt="">
-                        <span>项目详细</span>
+                        <span>开始时间与结题时间</span>
                     </div>
-                    <div class="TextView">
-                        {{ ProjectBaseMessage.brief }}
+                    <div class="beginTime_EndTime">
+                        <span>{{ TitleMessage.beginTime }}</span>
+                        <i class="el-icon-arrow-right"></i>
+                        <span>{{ TitleMessage.EndTime }}</span>
                     </div>
                 </div>
                 <div class="brief">
                     <div class="brief_title">
                         <img src="@/assets/anliDetail/jdTitle.png" alt="">
-                        <span>材料</span>
+                        <span>成员</span>
                     </div>
-                    <div class="FileView">
-                        <div class="FileList" v-for="(item,index) in File.brief"  :key="index">
-                            <span class="FileType">{{ index+1 }}.{{ item.type }}</span>
-                            <span class="FileTitle" :style="{color: item.show?'#4386ea':''}">{{ item.title }}</span>
-                        </div>
+                    <div class="projectStudent">
+                        <el-table
+                          :data="TitleMessage.course_student"
+                          border
+                          style="width: 100%">
+                          <el-table-column
+                            prop="name"
+                            label="姓名"
+                            align="center">
+                          </el-table-column>
+                          <el-table-column
+                            prop="class"
+                            label="班级"
+                            align="center">
+                          </el-table-column>
+                          <el-table-column
+                            prop="phone"
+                            align="center"
+                            label="联系电话">
+                          </el-table-column>
+                          <el-table-column
+                            prop="score"
+                            align="center"
+                            label="学分">
+                          </el-table-column>
+                        </el-table>
                     </div>
+                </div>
+                <div class="brief" v-if="TitleMessage.brief!=''">
                     <div class="brief_title">
-                        <span>预览模式：</span>
+                        <img src="@/assets/anliDetail/jdTitle.png" alt="">
+                        <span>简介</span>
                     </div>
-                    <div class="material">
-                        <div class="material_title">
-                            <img src="@/assets/anliDetail/fileList.png" alt="">
-                            <span>项目材料</span>
-                        </div>
-                        <div class="FileShowArea">
-                            <div class="FileShowArea_Left">
-                                <vpdf
-                                    style="width: 100%; height: 100%; overflow: auto"
-                                    class="fullStyle"
-                                >
-                                </vpdf>
-                            </div>
-                            <div class="FileShowArea_Right">
-                                <div class="FileList"><span>1.文档</span>xxxxxxx</div>
-                            </div>
-                        </div>
+                    <div class="TextView">
+                        {{ TitleMessage.brief }}
                     </div>
                 </div>
             </div>
             <!--基础信息结束-->
             <!--项目详细开始-->
             <div class="BaseMessage" v-show="pageState==1">
-
-
                 <div class="BaseTitle" type="1">
                     <span>项目详细</span>
                 </div>
@@ -106,28 +119,51 @@
                 <div class="brief">
                     <div class="brief_title" type="1.1">
                         <img src="@/assets/anliDetail/jdTitle.png" alt="">
-                        <span>项目详细</span>
+                        <span>项目创新点</span>
                     </div>
-                    <div class="TextView">
-                        {{ ProjectBaseMessage.question }}
+                    <div class="TextView" >
+                        <VueEditor v-model="DetailMessage[0]" :disabled="true"></VueEditor>
                     </div>
-                    <div class="material">
-                        <div class="material_title">
-                            <img src="@/assets/anliDetail/fileList.png" alt="">
-                            <span>项目材料</span>
-                        </div>
-                        <div class="FileShowArea">
-                            <div class="FileShowArea_Left">
-                                <vpdf
-                                    style="width: 100%; height: 100%; overflow: auto"
-                                    class="fullStyle"
-                                >
-                                </vpdf>
-                            </div>
-                            <div class="FileShowArea_Right">
-                                <div class="FileList"><span>1.文档</span>xxxxxxx</div>
-                            </div>
-                        </div>
+                </div>
+
+
+                <div class="BaseTitle" type="1">
+                    <span>预期取得成果</span>
+                </div>
+                <div class="brief">
+                    <div class="brief_title" type="1.1">
+                        <img src="@/assets/anliDetail/jdTitle.png" alt="">
+                        <span>一、项目预期成果、数量及形式</span>
+                    </div>
+                    <div class="TextView" >
+                        <VueEditor v-model="DetailMessage[1]" :disabled="true"></VueEditor>
+                    </div>
+                </div>
+                <div class="brief">
+                    <div class="brief_title" type="1.1">
+                        <img src="@/assets/anliDetail/jdTitle.png" alt="">
+                        <span>二、创客人才培养预期成果、数量</span>
+                    </div>
+                    <div class="TextView" >
+                        <VueEditor v-model="DetailMessage[2]" :disabled="true"></VueEditor>
+                    </div>
+                </div>
+                <div class="brief">
+                    <div class="brief_title" type="1.1">
+                        <img src="@/assets/anliDetail/jdTitle.png" alt="">
+                        <span>三、项目预期孵化、转化创业项目情况</span>
+                    </div>
+                    <div class="TextView" >
+                        <VueEditor v-model="DetailMessage[3]" :disabled="true"></VueEditor>
+                    </div>
+                </div>
+                <div class="brief">
+                    <div class="brief_title" type="1.1">
+                        <img src="@/assets/anliDetail/jdTitle.png" alt="">
+                        <span>项目实施计划</span>
+                    </div>
+                    <div class="TextView" >
+                        <VueEditor v-model="DetailMessage[4]" :disabled="true"></VueEditor>
                     </div>
                 </div>
             </div>
@@ -432,11 +468,15 @@
   <script>
     import vpdf from '@/components/vpdf.vue'
     import vword from '@/components/vword.vue'
+    // import "@/components/style/vue2-editor.css"
+    import { VueEditor } from "vue2-editor";
       export default {
-        components:{vpdf,vword},
+        components:{vpdf,vword,VueEditor},
         data() {
           return {
             pageState:0,
+            TitleMessage:{},
+            DetailMessage:[],
             ProjectBaseMessage:{
                 Name:"人工智能测试数据",
                 curator:"张紫林",
@@ -459,14 +499,25 @@
             Develop:{
                 arrangement1:false,
                 arrangement2:false,
-            }
+            },
           }
         },
         methods:{
-            move(className){
-                let rs1apply = document.querySelector('.rs1apply');
-                let MoveWith = document.querySelector(className)
-                rs1apply.scrollTo(0,MoveWith.offsetTop+150);
+            getData(){
+                // console.log(1)
+                this.ajax.get(this.$store.state.api+"/GetProjectDetailIsConclusion",{
+                    uid:this.$store.state.userInfo.userid,
+                    pid:this.$route.query["Id"]
+                }).then(res=>{
+                    console.log(res)
+                    let data = res.data;
+                    this.TitleMessage = data[0][0]
+                    this.TitleMessage['course_student'] = JSON.parse(this.TitleMessage['course_student']);
+                    this.DetailMessage= JSON.parse(data[1][0]['chapters'])[0];
+                    console.log(this.DetailMessage)
+                }).catch(err=>{
+                    console.log(err)
+                })
 
             }
         },
@@ -480,7 +531,8 @@
                 }else{
                     Nav.style = ``
                 }
-            })
+            });
+            this.getData();
         }
       }
   </script>
@@ -810,5 +862,46 @@
       height: 100% !important;
       margin: 0 !important;
     }
-
+    .personListUL{
+        width: 100%;
+        display: flex;
+        align-items: center;
+        .personListLI{
+            width: 80%;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+            span{
+                margin-right: 10px;
+                color: darkgray;
+            }
+        }
+    }
+    .titleMessage{
+        color: darkgray;
+    }
+    .projectStudent{
+        width:100%;
+        cursor: default;
+    }
+    .beginTime_EndTime{
+        width: 100%;
+        height: 40px;
+        display: flex;
+        align-items: center;
+        font-size: 18px;
+        box-sizing: border-box;
+        padding-left: 20px;
+        i{
+            margin: 0 20px 0 20px;
+            font-size:22px;
+        }
+        // background-color: red;
+    }
+    .ql-toolbar.ql-snow{
+        display: none !important;
+    }
+    .ql-container.ql-snow{
+        border:none !important;
+    }
   </style>