|
|
@@ -119,6 +119,7 @@
|
|
|
<div class="brief">
|
|
|
<div class="brief_title" type="1.1">
|
|
|
<img src="@/assets/anliDetail/jdTitle.png" alt="">
|
|
|
+
|
|
|
<span>项目创新点</span>
|
|
|
</div>
|
|
|
<div class="TextView" >
|
|
|
@@ -175,216 +176,147 @@
|
|
|
<span>活动开展</span>
|
|
|
</div>
|
|
|
|
|
|
- <!-- <div class="brief">
|
|
|
- <div class="brief_title" type="1.2">
|
|
|
- <img src="@/assets/anliDetail/jdTitle.png" alt="">
|
|
|
- <span>活动开展</span>
|
|
|
- </div>
|
|
|
- <div class="TextView">
|
|
|
- {{ ProjectBaseMessage.question }}
|
|
|
- </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> -->
|
|
|
-
|
|
|
- <!-- <div class="brief">
|
|
|
- <div class="brief_title" type="1.3">
|
|
|
- <img src="@/assets/anliDetail/jdTitle.png" alt="">
|
|
|
- <span>活动内容</span>
|
|
|
- </div>
|
|
|
- <div class="TextView">
|
|
|
- {{ ProjectBaseMessage.evaluation }}
|
|
|
- </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 core_dialogue">
|
|
|
- <div class="FileList"><span>1.文档</span>xxxxxxx</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
-<!--
|
|
|
- <div class="BaseTitle" type="2">
|
|
|
- <span>项目安排</span>
|
|
|
- </div> -->
|
|
|
-
|
|
|
- <!-- <div class="arrangement">
|
|
|
+ <div class="arrangement" v-for="(item,index) in AllActivity" :key="item.acId">
|
|
|
<div class="arrangement_assignment">
|
|
|
- <div class="arrangement_assignment_title" type="2.1">
|
|
|
+ <div class="arrangement_assignment_title">
|
|
|
<span>
|
|
|
<img src="@/assets/anliDetail/jdNewTitle.png">
|
|
|
- 阶段1 腾讯未来探索课堂
|
|
|
+ <span>活动{{ index+1 }}:</span>
|
|
|
+ <span>{{ item.title }}</span>
|
|
|
</span>
|
|
|
- <el-button @click="Develop.arrangement1=!Develop.arrangement1">{{Develop.arrangement1?"折叠":"展开"}}</el-button>
|
|
|
+ <!-- <el-button type="primary" @click="(item)=>{console.log(item.open)}" size="small">折叠</el-button> -->
|
|
|
</div>
|
|
|
- <div class="arrangement_assignment_list">
|
|
|
- <div class="assignment">
|
|
|
- <span>
|
|
|
- <img src="@/assets/anliDetail/rwTitle.png" alt="">
|
|
|
- 任务1 xxxxxxxx
|
|
|
- </span>
|
|
|
- <hr>
|
|
|
- <div class="assignment_message" v-show="Develop.arrangement1">
|
|
|
|
|
|
- <div class="brief">
|
|
|
- <div class="brief_title">
|
|
|
- <img src="@/assets/anliDetail/jdTitle.png" alt="">
|
|
|
- <span>活动目标</span>
|
|
|
- </div>
|
|
|
- <div class="TextView">
|
|
|
- {{ ProjectBaseMessage.evaluation }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="brief">
|
|
|
- <div class="brief_title">
|
|
|
- <img src="@/assets/anliDetail/jdTitle.png" alt="">
|
|
|
- <span>活动内容</span>
|
|
|
- </div>
|
|
|
- <div class="TextView">
|
|
|
- {{ ProjectBaseMessage.evaluation }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="brief">
|
|
|
- <div class="brief_title">
|
|
|
- <img src="@/assets/anliDetail/jdTitle.png" alt="">
|
|
|
- <span>活动评价</span>
|
|
|
- </div>
|
|
|
- <div class="TextView">
|
|
|
- {{ ProjectBaseMessage.evaluation }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
+ <div class="brief">
|
|
|
+ <div class="brief_title">
|
|
|
+ <!-- <img src="@/assets/anliDetail/jdTitle.png" alt=""> -->
|
|
|
+ <i class="el-icon-tickets"></i>
|
|
|
+ <span>基础信息</span>
|
|
|
+ </div>
|
|
|
+ <div class="ActivityBaseMessage">
|
|
|
+ <el-descriptions class="margin-top" :column="3" :size="size" border>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label">
|
|
|
+ <i class="el-icon-s-custom"></i>
|
|
|
+ 负责人
|
|
|
+ </template>
|
|
|
+ {{ item.pro_leader }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label">
|
|
|
+ <i class="el-icon-mobile-phone"></i>
|
|
|
+ 联系电话
|
|
|
+ </template>
|
|
|
+ {{ item.phone }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label">
|
|
|
+ <i class="el-icon-coordinate"></i>
|
|
|
+ 活动创建时间
|
|
|
+ </template>
|
|
|
+ {{item.create_at}}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label">
|
|
|
+ <i class="el-icon-date"></i>
|
|
|
+ 活动开展时间
|
|
|
+ </template>
|
|
|
+ {{ JSON.parse(item.begin_at)[0]+"\t至\t"+JSON.parse(item.begin_at)[1] }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label">
|
|
|
+ <i class="el-icon-coin"></i>
|
|
|
+ 活动预算(元)
|
|
|
+ </template>
|
|
|
+ {{ item.money }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label">
|
|
|
+ <i class="el-icon-user"></i>
|
|
|
+ 参与学生人数
|
|
|
+ </template>
|
|
|
+ {{ item.students }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
</div>
|
|
|
|
|
|
- <div class="assignment">
|
|
|
- <span>
|
|
|
- <img src="@/assets/anliDetail/rwTitle.png" alt="">
|
|
|
- 任务2 xxxxxxxx
|
|
|
- </span>
|
|
|
- <hr>
|
|
|
- <div class="assignment_message" v-show="Develop.arrangement1">
|
|
|
+ <div class="brief_title">
|
|
|
+ <!-- <img src="@/assets/anliDetail/jdTitle.png" alt=""> -->
|
|
|
+ <i class="el-icon-user-solid"></i>
|
|
|
+ <span>指导老师</span>
|
|
|
+ </div>
|
|
|
+ <div class="projectStudent">
|
|
|
+ <el-table
|
|
|
+ :data="JSON.parse(item.course_teacher)"
|
|
|
+ border
|
|
|
+ style="width: 100%">
|
|
|
+ <el-table-column
|
|
|
+ prop="Name"
|
|
|
+ label="姓名"
|
|
|
+ align="center">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="work"
|
|
|
+ label="工作单位"
|
|
|
+ align="center">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="takeCharge"
|
|
|
+ align="center"
|
|
|
+ label="活动分工">
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <div class="brief_title">
|
|
|
+ <img src="@/assets/anliDetail/proOverTwo.png" alt="">
|
|
|
+ <span>活动简介</span>
|
|
|
+ </div>
|
|
|
+ <div class="TextView">
|
|
|
+ {{ item.brief }}
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="brief">
|
|
|
- <div class="brief_title">
|
|
|
- <img src="@/assets/anliDetail/jdTitle.png" alt="">
|
|
|
- <span>活动目标</span>
|
|
|
- </div>
|
|
|
- <div class="TextView">
|
|
|
- {{ ProjectBaseMessage.evaluation }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="brief_title">
|
|
|
+ <!-- <img src="@/assets/anliDetail/jdTitle.png" alt=""> -->
|
|
|
+ <i class="el-icon-edit-outline"></i>
|
|
|
+ <span>活动计划</span>
|
|
|
+ </div>
|
|
|
+ <div class="TextView" >
|
|
|
+ <VueEditor v-model="JSON.parse(item.chapters)[0]" :disabled="true"></VueEditor>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="brief">
|
|
|
- <div class="brief_title">
|
|
|
- <img src="@/assets/anliDetail/jdTitle.png" alt="">
|
|
|
- <span>活动内容</span>
|
|
|
- </div>
|
|
|
- <div class="TextView">
|
|
|
- {{ ProjectBaseMessage.evaluation }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="brief_title">
|
|
|
+ <!-- <img src="@/assets/anliDetail/jdTitle.png" alt=""> -->
|
|
|
+ <i class="el-icon-data-line"></i>
|
|
|
+ <span>预期目标</span>
|
|
|
+ </div>
|
|
|
+ <div class="TextView" >
|
|
|
+ <VueEditor v-model="JSON.parse(item.chapters)[1]" :disabled="true"></VueEditor>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="brief">
|
|
|
- <div class="brief_title">
|
|
|
- <img src="@/assets/anliDetail/jdTitle.png" alt="">
|
|
|
- <span>活动评价</span>
|
|
|
- </div>
|
|
|
- <div class="TextView">
|
|
|
- {{ ProjectBaseMessage.evaluation }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="brief_title">
|
|
|
+ <!-- <img src="@/assets/anliDetail/jdTitle.png" alt=""> -->
|
|
|
+ <i class="el-icon-pie-chart"></i>
|
|
|
+ <span>活动受面</span>
|
|
|
+ </div>
|
|
|
+ <div class="TextView" >
|
|
|
+ <VueEditor v-model="JSON.parse(item.chapters)[2]" :disabled="true"></VueEditor>
|
|
|
+ </div>
|
|
|
|
|
|
- </div>
|
|
|
+ <div class="brief_title">
|
|
|
+ <!-- <img src="@/assets/anliDetail/jdTitle.png" alt=""> -->
|
|
|
+ <i class="el-icon-money"></i>
|
|
|
+ <span>经费支出计划</span>
|
|
|
+ </div>
|
|
|
+ <div class="TextView" >
|
|
|
+ <VueEditor v-model="JSON.parse(item.chapters)[3]" :disabled="true"></VueEditor>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
|
|
|
- <!-- <div class="arrangement">
|
|
|
- <div class="arrangement_assignment">
|
|
|
- <div class="arrangement_assignment_title" type="2.2">
|
|
|
- <span>
|
|
|
- <img src="@/assets/anliDetail/jdNewTitle.png">
|
|
|
- 阶段2 "未来教室"再次落地北大
|
|
|
- </span>
|
|
|
- <el-button @click="Develop.arrangement2=!Develop.arrangement2">{{Develop.arrangement2?"折叠":"展开"}}</el-button>
|
|
|
- </div>
|
|
|
- <div class="arrangement_assignment_list">
|
|
|
- <div class="assignment">
|
|
|
- <span>
|
|
|
- <img src="@/assets/anliDetail/rwTitle.png" alt="">
|
|
|
- 任务1 xxxxxx
|
|
|
- </span>
|
|
|
- <hr>
|
|
|
- <div class="assignment_message" v-show="Develop.arrangement2">
|
|
|
-
|
|
|
- <div class="brief">
|
|
|
- <div class="brief_title">
|
|
|
- <img src="@/assets/anliDetail/jdTitle.png" alt="">
|
|
|
- <span>活动内容</span>
|
|
|
- </div>
|
|
|
- <div class="TextView">
|
|
|
- {{ ProjectBaseMessage.evaluation }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="brief">
|
|
|
- <div class="brief_title">
|
|
|
- <img src="@/assets/anliDetail/jdTitle.png" alt="">
|
|
|
- <span>预期成果</span>
|
|
|
- </div>
|
|
|
- <div class="TextView">
|
|
|
- {{ ProjectBaseMessage.evaluation }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="brief">
|
|
|
- <div class="brief_title">
|
|
|
- <img src="@/assets/anliDetail/jdTitle.png" alt="">
|
|
|
- <span>活动评价</span>
|
|
|
- </div>
|
|
|
- <div class="TextView">
|
|
|
- {{ ProjectBaseMessage.evaluation }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- </div>
|
|
|
- </div>
|
|
|
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
</div>
|
|
|
<!-- 活动开展结束 -->
|
|
|
<!-- 项目附件开始 -->
|
|
|
@@ -393,7 +325,7 @@
|
|
|
<span>项目附件</span>
|
|
|
</div>
|
|
|
<div class="brief">
|
|
|
- <div class="material">
|
|
|
+ <div class="material" v-if="ProjectLookFile.url!=''">
|
|
|
<div class="material_title">
|
|
|
<img src="@/assets/anliDetail/fileList.png" alt="">
|
|
|
<span>项目材料</span>
|
|
|
@@ -473,7 +405,7 @@
|
|
|
<img src="@/assets/anliDetail/jdTitle.png" alt="">
|
|
|
<span>项目结题附件</span>
|
|
|
</div>
|
|
|
- <div class="material">
|
|
|
+ <div class="material" v-if="ProjectEndLookFile.url!=''">
|
|
|
<div class="material_title">
|
|
|
<img src="@/assets/anliDetail/fileList.png" alt="">
|
|
|
<span>项目结题附件</span>
|
|
|
@@ -518,9 +450,10 @@
|
|
|
TitleMessage:{},
|
|
|
DetailMessage:[],
|
|
|
ProjectFile:[],
|
|
|
- ProjectLookFile:{url:"https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/0629%E5%AE%9E%E6%97%B6%E8%AF%BE%E5%A0%82%E6%A8%A1%E6%8B%9F%E6%BC%94%E7%A4%BA%E8%AF%BE%E4%BB%B61656920880446.pdf"},
|
|
|
+ ProjectLookFile:{url:""},
|
|
|
ProjectEndFile:[],
|
|
|
- ProjectEndLookFile:{url:"https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/0629%E5%AE%9E%E6%97%B6%E8%AF%BE%E5%A0%82%E6%A8%A1%E6%8B%9F%E6%BC%94%E7%A4%BA%E8%AF%BE%E4%BB%B61656920880446.pdf"},
|
|
|
+ ProjectEndLookFile:{url:""},
|
|
|
+ AllActivity:[],
|
|
|
canonical:{
|
|
|
Image:/^https?:\/\/(.+\/)+.+(\.(gif|png|jpg|jpeg|webp|svg|psd|bmp|tif))$/i,
|
|
|
File:/^https?:\/\/(.+\/)+.+(\.(docx|xlsx|ppt|pdf))$/i
|
|
|
@@ -540,10 +473,12 @@
|
|
|
this.TitleMessage['course_student'] = JSON.parse(this.TitleMessage['course_student']);
|
|
|
this.DetailMessage= JSON.parse(data[1][0]['chapters'])[0];
|
|
|
this.ProjectFile = JSON.parse(data[2][0]['projectFile'])
|
|
|
- this.ProjectLookFile = this.ProjectFile[0] || '';
|
|
|
+ this.ProjectLookFile = this.ProjectFile[0] || {url:''};
|
|
|
this.ProjectEndFile = JSON.parse(data[3][0]['endFile']);
|
|
|
- this.ProjectEndLookFile = this.ProjectEndFile[0] || ''
|
|
|
- console.log(this.ProjectEndLookFile)
|
|
|
+ this.ProjectEndLookFile = this.ProjectEndFile[0] || {url:''}
|
|
|
+ this.AllActivity = data[4]
|
|
|
+ // this.AllActivity.forEach(item=>item.open = false);
|
|
|
+ console.log(this.AllActivity)
|
|
|
}).catch(err=>{
|
|
|
console.log(err)
|
|
|
})
|
|
|
@@ -712,8 +647,14 @@
|
|
|
height: 40px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- margin-bottom: 10px;
|
|
|
+ margin-top: 10px;
|
|
|
font-size: 18px;
|
|
|
+ i{
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ font-size: 1.5em;
|
|
|
+ color: #50c5ff;
|
|
|
+ }
|
|
|
img{
|
|
|
width: 30px;
|
|
|
height: 30px;
|
|
|
@@ -864,14 +805,18 @@
|
|
|
height: 50px;
|
|
|
display: flex;
|
|
|
box-sizing: border-box;
|
|
|
- padding: 0px 20px 0px 20px;
|
|
|
+ padding: 0px 20px 0px 10px;
|
|
|
justify-content: space-between;
|
|
|
font-size: 18px;
|
|
|
align-items: center;
|
|
|
span{
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- color: gray;
|
|
|
+ color: black;
|
|
|
+ font-weight: 600;
|
|
|
+ span:nth-of-type(2){
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
img{
|
|
|
width: 30px;
|
|
|
height: 30px;
|
|
|
@@ -954,4 +899,8 @@
|
|
|
.lookFile{
|
|
|
color: grey;
|
|
|
}
|
|
|
+ .ActivityBaseMessage{
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ }
|
|
|
</style>
|
Q-ABAB