修改25年热点论坛组件名称

src/api/boe/courseRecord.js

@@ -62,15 +62,62 @@ const courseRecordList = function(data) {
     return ajax.postJson('/b1/system/teacher/teacher-course-list',data);
 }
 const getListByToken = function(data) {
-  return ajax2.get('/manageApi',`/admin/teacherRecord/getListByToken?courseName=${data.courseName}&page=${data.page}&pageSize=${data.pageSize}`);
+  return ajax2.get('/manageApi',`/admin/teacherRecord/getListByToken?courseName=${data.courseName}&pageNo=${data.pageNo}&pageSize=${data.pageSize}`);
+}
+
+/**
+ * 导出授课记录
+ *
+ * @param {Object} data
+ */
+const courseRecordExport2 = function(data) {
+  return axios.request({
+    baseURL: "/manageApi",
+    url: '/admin/export/exportInTeacherRecord',
+    method: 'get',
+    data:data,
+    headers:{'Content-Type':'application/json;charset=utf-8'},
+    responseType: 'blob'
+  })
+}
+
+/**
+ * 导出课程下的学员信息
+ *
+ */
+const exportStudentOfCourse2 = function(courseId,courseType) {
+  return axios.request({
+    baseURL: "/manageApi",
+    url: '/admin/export/exportTeacherRecordStudentInfo?courseId='+courseId+'&courseType='+courseType,
+    method: 'get'
+    // headers:{'Content-Type':'application/json;charset=utf-8'},
+    // responseType: 'blob'
+  })
+}
+
+/**
+ * 导出教师下的所有授课记录下的学员信息
+ *
+ */
+const exportStudentOfTearcher2 = function(userId) {
+  return axios.request({
+    baseURL: "/manageApi",
+    url: '/b1/system/teacher/teacher-course-student-export?userId='+userId,
+    method: 'post',
+    headers:{'Content-Type':'application/json;charset=utf-8'},
+    responseType: 'blob'
+  })
 }
 
 
 export default {
     courseRecordExport,
+    courseRecordExport2,
     courseRecordList,
     getListByToken,
     exportStudentOfCourse,
-    exportStudentOfTearcher
+    exportStudentOfCourse2,
+    exportStudentOfTearcher,
+    exportStudentOfTearcher2,
 
 }

src/views/course/Mylecnotes.vue

@@ -2,11 +2,23 @@
   <div style="padding: 12px 32px 10px 12px;">
     <div style="display: flex;justify-content: flex-start;">
 
-     <div><el-input v-model="keyword" placeholder="输入课程名称搜索" clearable></el-input></div>
+      <div>
-     <div style="padding-left: 10px;"><el-button @click="recordList()" type="primary" icon="el-icon-search">搜索</el-button></div>
+        <el-input v-model="keyword" placeholder="输入课程名称搜索" clearable></el-input>
-     <div style="padding: 0px 5px;"><el-button icon="el-icon-refresh-right" @click="keyword = ''" type="primary" >重置</el-button></div>
+      </div>
-     <div style="padding: 0px 5px;"><el-button type="primary" @click="exportFile()" icon="el-icon-search" size="small" round>导出</el-button></div>
+      <div style="padding-left: 10px;">
-     <div style="padding: 0px 5px;"><el-button type="primary" @click="exportStudentOfTearcher()" icon="el-icon-search" size="small" round>导出学员信息</el-button></div>
+        <el-button @click="recordList()" type="primary" icon="el-icon-search">搜索</el-button>
+      </div>
+      <div style="padding: 0px 5px;">
+        <el-button icon="el-icon-refresh-right" @click="keyword = ''" type="primary">重置</el-button>
+      </div>
+      <div style="padding: 0px 5px;">
+        <el-button type="primary" @click="exportFile()" icon="el-icon-search" size="small" round>导出</el-button>
+      </div>
+<!--      <div style="padding: 0px 5px;">-->
+<!--        <el-button type="primary" @click="exportStudentOfTearcher()" icon="el-icon-search" size="small" round>-->
+<!--          导出学员信息-->
+<!--        </el-button>-->
+<!--      </div>-->
     </div>
     <div class="Export">
       <!-- <div style="padding-left: 10px;"><el-button type="primary" @click="exportFile()" icon="el-icon-search" size="small" round>导出</el-button></div> -->
@@ -15,8 +27,21 @@
     <div style="margin-top:20px;">
       <el-table :data="pageData" border stripe>
         <el-table-column
-         label="课程时间"
+          label="序号"
-         prop="courseTime"
+          prop="index"
+          width="100px">
+          <template v-slot="scope">
+            <span>{{ scope.$index + 1 }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="讲师工号"
+          prop="userNo"
+          width="100px">
+        </el-table-column>
+        <el-table-column
+          label="讲师姓名"
+          prop="teacherName"
           width="200px">
         </el-table-column>
         <el-table-column
@@ -25,38 +50,77 @@
           width="200px">
         </el-table-column>
         <el-table-column
-         label="开课场地"
+          label="培训发生组织"
-         prop="address"
+          prop="trainOrgName"
-         width="240px">
+          width="200px">
+        </el-table-column>
+        <el-table-column label="课程类型" prop="type" width="120px">
+          <template v-slot="scope">
+                <span>{{
+                    {
+                      "0": "在线课",
+                      "1": "面授课",
+                      "2": "课程开发",
+                      "3": "作业员入模培训",
+                      "4": "其他",
+                    }[scope.row.type + '']
+                  }}</span>
+          </template>
         </el-table-column>
         <el-table-column
-         label="所属课程"
+          label="授课/课程日期"
-         prop="parentCourse"
+          prop="teachingDate"
-         width="120px">
+          width="200px">
+        </el-table-column>
+
+        <el-table-column
+          label="内容分类"
+          prop="courseTypeName"
+          width="200px">
+        </el-table-column>
+        <el-table-column label="开课状态" width="100px" prop="courseStatus">
+          <template v-slot="scope">
+                <span>{{
+                    {
+                      "0": "未开课",
+                      "1": "已开课",
+                    }[scope.row.courseStatus + '']
+                  }}</span>
+          </template>
         </el-table-column>
         <el-table-column
-         label="所属项目"
+          label="授课时长(分钟)"
-         prop="parentProject"
+          prop="teaching"
+          width="120px"
         ></el-table-column>
         <el-table-column
-         label="所属路径"
+          label="参训人数"
-         prop="parentRoute"
+          prop="studys"
-         width="200px"
+          width="120px"
-         ></el-table-column>
-         <el-table-column
-         label="学习总人数"
-         prop="studentNumber"
-         width="100px"
-         ></el-table-column>
-         <el-table-column
-         label="时长(分钟)"
-         width="100px"
-         prop="period"
         ></el-table-column>
         <el-table-column
           label="评分"
-         width="100px"
           prop="score"
+          width="100px"
+        ></el-table-column>
+        <el-table-column
+          label="是否生成讲师费"
+          prop="createdFee"
+          width="100px"
+        >
+          <template v-slot="scope">
+                <span>{{
+                    {
+                      "0": "否",
+                      "1": "是",
+                    }[scope.row.createdFee + '']
+                  }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="备注"
+          width="200px"
+          prop="remark"
         ></el-table-column>
         <el-table-column
           label="操作"
@@ -66,7 +130,9 @@
           fixed="right"
         >
           <template v-slot="scope">
-           <el-button type="text" @click="exportStudentOfCourse(scope.row.courseId)" size="small">导出学员信息</el-button>
+            <el-button type="text" @click="exportStudentOfCourse(scope.row.courseId, scope.row.type)"
+                       size="small">导出学员信息
+            </el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -90,67 +156,73 @@
 
 <script>
 import apiCourse from '../../api/boe/courseRecord.js';
-import { mapGetters } from 'vuex';
+import {mapGetters} from 'vuex';
+
 export default {
-data(){
+  data() {
     return {
-     pageData:[],
+      pageData: [],
-     keyword:'',
+      keyword: '',
-     pageInfo:{},
+      pageInfo: {
+        pageIndex:1,
+        pageSize:10,
+      },
     }
-},
+  },
-
+  mounted() {
-mounted() {
+    this.recordList();
- this.recordList(1);
+  },
-
+  computed: {
-},
-computed: {
     ...mapGetters(['userInfo'])
-},
+  },
-
+  methods: {
-methods: {
-
     // 导出所有记录
-   exportFile(){
+    exportFile() {
-     let req = {
+      // let req = {
-       userId: this.userInfo.sysId
+      // }
-       // userId:"70F80F4E-34BA-10AB-894A-8FA812B19637"
+      // apiCourse.courseRecordExport2(req).then(res => {
+      //   const link = document.createElement('a');// 创建a标签
+      //   let blob = new Blob([res.data], {type: 'application/vnd.ms-excel'}); // 设置文件类型
+      //   link.style.display = "none";
+      //   link.href = URL.createObjectURL(blob); // 创建URL
+      //   link.setAttribute("download", "授课记录.xls");
+      //   document.body.appendChild(link);
+      //   link.click();
+      //   document.body.removeChild(link);
+      // })
+      // 取pageData记录第一条
+      if (this.pageData.length > 0) {
+        let teacherId = this.pageData[0].teacherId;
+        window.open(
+          `/manageApi/admin/export/exportInTeacherRecord?teacherId=${teacherId}`
+        );
       }
-     apiCourse.courseRecordExport(req).then(res=>{
-         const link = document.createElement('a');// 创建a标签
-         let blob = new Blob([res.data],{type: 'application/vnd.ms-excel'}); // 设置文件类型
-         link.style.display = "none";
-         link.href = URL.createObjectURL(blob); // 创建URL
-         link.setAttribute("download", "授课记录.xls");
-         document.body.appendChild(link);
-         link.click();
-         document.body.removeChild(link);
-     })
     },
 
-
     // 导出课程下的学员信息
-   exportStudentOfCourse(courseId){
+    exportStudentOfCourse(courseId, courseType) {
-     let userId = this.userInfo.sysId;
+      // apiCourse.exportStudentOfCourse2(courseId, courseType).then(res => {
-     apiCourse.exportStudentOfCourse(userId,courseId).then(res=>{
+      //   const link = document.createElement('a');// 创建a标签
-         const link = document.createElement('a');// 创建a标签
+      //   let blob = new Blob([res.data], {type: 'application/vnd.ms-excel'}); // 设置文件类型
-         let blob = new Blob([res.data],{type: 'application/vnd.ms-excel'}); // 设置文件类型
+      //   link.style.display = "none";
-         link.style.display = "none";
+      //   link.href = URL.createObjectURL(blob); // 创建URL
-         link.href = URL.createObjectURL(blob); // 创建URL
+      //   link.setAttribute("download", "授课记录.xls");
-         link.setAttribute("download", "授课记录.xls");
+      //   document.body.appendChild(link);
-         document.body.appendChild(link);
+      //   link.click();
-         link.click();
+      //   document.body.removeChild(link);
-         document.body.removeChild(link);
+      // })
-     })
+
+      window.open(
+        `/manageApi/admin/export/exportTeacherRecordStudentInfo?courseId=${courseId}&courseType=${courseType}`
+      );
     },
 
     // 导出教师下的所有授课记录下的学员信息
-   exportStudentOfTearcher(){
+    exportStudentOfTearcher() {
       let userId = this.userInfo.sysId;
-     // let userId = '5D36C207-64F4-C512-312D-C9598257695C';
+      apiCourse.exportStudentOfTearcher2(userId).then(res => {
-     apiCourse.exportStudentOfTearcher(userId).then(res=>{
         const link = document.createElement('a');// 创建a标签
-         let blob = new Blob([res.data],{type: 'application/vnd.ms-excel'}); // 设置文件类型
+        let blob = new Blob([res.data], {type: 'application/vnd.ms-excel'}); // 设置文件类型
         link.style.display = "none";
         link.href = URL.createObjectURL(blob); // 创建URL
         link.setAttribute("download", "授课记录.xls");
@@ -160,19 +232,18 @@ methods: {
       })
     },
 
-
+    recordList() {
-   recordList(pageIndex){
       let req = {
-     //     userId:"6B049FAF-C314-7CCF-0D28-0D23F4C42531",
+        courseName: this.keyword,
-         userId: this.userInfo.sysId,
+        pageNo: this.pageInfo.pageIndex,
-         keyword:this.keyword,
+        pageSize: this.pageInfo.pageSize
-         page:pageIndex,
-         pageSize:10
       }
-     apiCourse.courseRecordList(req).then(res=>{
+      apiCourse.getListByToken(req).then(res => {
-       if(res.status == 200) {
+        if (res.status == 200) {
-         this.pageData = res.result.list;
+          this.pageData = res.data.records;
-         this.pageInfo = res.result.pageInfo;
+          this.pageInfo.pageSize = Number(res.data.size);
+          this.pageInfo.total = Number(res.data.total);
+          this.pageInfo.page = Number(res.data.current);
         } else {
           this.$message({
             type: 'error',
@@ -183,24 +254,23 @@ methods: {
     },
 
     // 每页显示的条数事件
-   handleSizeChange(val){
+    handleSizeChange(val) {
+      this.pageInfo.pageIndex = 1;
       this.pageInfo.pageSize = val;
-     this.recordList(1);
+      this.recordList();
     },
     // 显示制定页的数据
-   handleCurrentChange(val){
+    handleCurrentChange(val) {
       this.pageInfo.pageIndex = val;
       this.recordList(this.pageInfo.pageIndex);
     },
-
+  },
-},
-
 }
 </script>
 
 <style lang="scss" scoped>
-.Export{
+.Export {
-display: flex;
+  display: flex;
-padding-top: 10px;
+  padding-top: 10px;
 }
 </style>

src/views/hotforum/Index-bak.vue

@@ -0,0 +1,179 @@
+<template>
+  <div class="hot">
+    <div>
+      <div class="center">
+        <div class="item" :style="{marginRight:(i%2==0||i==0)?'49px':'0'}" v-for="item,i in imgData" :key="i">
+          <img class="img" @click="goLearn(item.url)" :src="require(`../../assets/images/hotforum/${item.img}.png`)" alt="">
+        </div>
+      </div>
+      <div style="display: flex;justify-content: center;margin-bottom: 52px;">
+        <img src="../../assets/images/hotforum/foot.png" alt="">
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "hotforum",
+    data() {
+      return {
+        imgData:[
+          {img:'01',url:'1265897142383042560'},
+          {img:'02',url:'1265697724606210048'},
+          {img:'003',url:'1280185851054231552'},
+          {img:'04',url:'1321778585966247936'},
+        ],
+      }
+    },
+    methods: {
+      goLearn(item){
+        if(item){
+          // this.$router.push({path:'/course/detail',query:{id:item}})
+          window.open(`https://u.boe.com/pc/course/detail?id=${item}`)
+        }
+      },
+    },
+  }
+</script>
+
+<style lang="scss" scoped>
+.hot{
+  width: 100%;
+  // max-width: 1920px;
+  min-height: 100%;
+  // min-height: 1373px;
+  background: url("../../assets/images/hotforum/back.jpg") no-repeat;
+  background-size: 100% 100%;
+  display: flex;
+  justify-content: center;
+  .center{
+    max-width: 1270px;
+    max-height: 700px;
+    margin-bottom: 5%;
+    margin-top: 22%;
+    display: flex;
+    flex-wrap: wrap;
+    .item{
+      width: 610px;
+      height: 330px;
+      background: url("../../assets/images/hotforum/border.png") no-repeat;
+      background-size: 100%;
+      padding: 14px;
+      padding-top: 31px;
+      margin-bottom: 59px;
+      cursor: pointer;
+      .img{
+        width: 581px;
+        height: 283px;
+      }
+    }
+  }
+  /* 当窗口宽度大于3068px时的样式 */
+}
+@media (min-width: 3000px) {
+.hot{
+  width: 100%;
+  // max-width: 1920px;
+  min-height: 100%;
+  // min-height: 1373px;
+  background: url("../../assets/images/hotforum/back.jpg") no-repeat;
+  background-size: 100% 100%;
+  display: flex;
+  justify-content: center;
+  .center {
+    max-width: 2560px;
+    max-height: 1300px;
+    margin-bottom: 5%;
+    margin-top: 30vh;
+    display: flex;
+    flex-wrap: wrap;
+
+    .item {
+      width: 1220px;
+      height: 660px;
+      background: url("../../assets/images/hotforum/border.png") no-repeat;
+      background-size: 100%;
+      padding: 28px;
+      padding-top: 62px;
+      margin-bottom: 59px;
+
+      .img {
+        width: 100%; // 图片宽度占满item宽度
+        height: auto; // 自动调整高度
+      }
+    }
+  }
+}
+}
+@media (min-height: 1500px) {
+.hot{
+  width: 100%;
+  // max-width: 1920px;
+  min-height: 100%;
+  // min-height: 1373px;
+  background: url("../../assets/images/hotforum/back.jpg") no-repeat;
+  background-size: 100% 100%;
+  display: flex;
+  justify-content: center;
+  .center {
+    max-width: 1068px;
+    max-height: 580px;
+    margin-bottom: 5%;
+    margin-top: 30vh;
+    display: flex;
+    flex-wrap: wrap;
+
+    .item {
+      width: 500px;
+      height: 271px;
+      background: url("../../assets/images/hotforum/border.png") no-repeat;
+      background-size: 100%;
+      padding: 14px;
+      padding-top: 26px;
+      margin-bottom: 30px;
+
+      .img {
+        width: 100%; // 图片宽度占满item宽度
+        height: auto; // 自动调整高度
+      }
+    }
+  }
+}
+}
+@media (min-width: 1928px) and (max-width: 3000px) {
+.hot{
+  width: 100%;
+  // max-width: 1920px;
+  min-height: 100%;
+  // min-height: 1373px;
+  background: url("../../assets/images/hotforum/back.jpg") no-repeat;
+  background-size: 100% 100%;
+  display: flex;
+  justify-content: center;
+  .center {
+    max-width: 1800px;
+    max-height: 1100px;
+    margin-bottom: 5%;
+    margin-top: 35vh;
+    display: flex;
+    flex-wrap: wrap;
+
+    .item {
+      width: 860px;
+      height: 466px;
+      background: url("../../assets/images/hotforum/border.png") no-repeat;
+      background-size: 100%;
+      padding: 28px;
+      padding-top: 48px;
+      margin-bottom: 70px;
+
+      .img {
+        width: 100%; // 图片宽度占满item宽度
+        height: auto; // 自动调整高度
+      }
+    }
+  }
+}
+}
+</style>

src/views/hotforum/Index.vue

@@ -1,7 +1,24 @@
 <template>
-  <div class="hot">
+  <div class="hot25">
     <div>
-      <div class="center">
+      <div class="title25" style="">
+          <img class="img" src="../../assets/images/hotforum/2025.png" alt="">
+      </div>
+      <div class="center" style="margin-top: 60px;">
+        <div class="item" style="margin-right: 49px;">
+          <img class="img" @click="goLearn('1351506180295131136')" src="../../assets/images/hotforum/2501.jpg" alt="">
+        </div>
+        <div class="item">
+          <img class="img"  src="../../assets/images/hotforum/2502.png" alt="">
+        </div>
+      </div>
+      <div class="line" style="margin: 0 auto;margin-top: 60px;width: 100%;text-align: center;">
+        <img class="img" src="../../assets/images/hotforum/line.png" alt="">
+      </div>
+      <div class="title24" style="margin: 0 auto;margin-top: 60px;width: 100%;text-align: center;">
+        <img class="img" src="../../assets/images/hotforum/2024.png" alt="">
+      </div>
+      <div class="center" style="margin-top: 60px;">
         <div class="item" :style="{marginRight:(i%2==0||i==0)?'49px':'0'}" v-for="item,i in imgData" :key="i">
           <img class="img" @click="goLearn(item.url)" :src="require(`../../assets/images/hotforum/${item.img}.png`)" alt="">
         </div>
@@ -11,11 +28,12 @@
       </div>
     </div> 
   </div>
+
 </template>
 
 <script>
   export default {
-    name: "hotforum",
+    name: "hotforumNew",
     data() {
       return {
         imgData:[
@@ -24,6 +42,10 @@
           {img:'003',url:'1280185851054231552'},
           {img:'04',url:'1321778585966247936'},
         ],
+        imgData25:[
+          {img:'01',url:'1265897142383042560'},
+          {img:'02',url:'1265697724606210048'},
+        ],
       }
     },
     methods: {
@@ -38,20 +60,22 @@
 </script>
 
 <style lang="scss" scoped>
-.hot{
+.hot25{
   width: 100%;
   // max-width: 1920px;
   min-height: 100%;
   // min-height: 1373px;
-  background: url("../../assets/images/hotforum/back.jpg") no-repeat;
+  background: url("../../assets/images/hotforum/back25.png") no-repeat;
-  background-size: 100% 100%;
+  background-size: cover;
   display: flex;
   justify-content: center;
+  .title25{
+    margin: 0 auto;margin-top: 100px;width: 100%;text-align: center;
+  }
   .center{
     max-width: 1270px;
     max-height: 700px;
     margin-bottom: 5%;
-    margin-top: 22%;
     display: flex;
     flex-wrap: wrap;
     .item{
@@ -71,109 +95,109 @@
   }
   /* 当窗口宽度大于3068px时的样式 */
 }
-@media (min-width: 3000px) {
+// @media (min-width: 3000px) {
-.hot{
+// .hot{
-  width: 100%;
+//   width: 100%;
-  // max-width: 1920px;
+//   // max-width: 1920px;
-  min-height: 100%;
+//   min-height: 100%;
-  // min-height: 1373px;
+//   // min-height: 1373px;
-  background: url("../../assets/images/hotforum/back.jpg") no-repeat;
+//   background: url("../../assets/images/hotforum/back.jpg") no-repeat;
-  background-size: 100% 100%;
+//   background-size: 100% 100%;
-  display: flex;
+//   display: flex;
-  justify-content: center;
+//   justify-content: center;
-  .center {
+//   .center {
-    max-width: 2560px;
+//     max-width: 2560px;
-    max-height: 1300px;
+//     max-height: 1300px;
-    margin-bottom: 5%;
+//     margin-bottom: 5%;
-    margin-top: 30vh;
+//     margin-top: 30vh;
-    display: flex;
+//     display: flex;
-    flex-wrap: wrap;
+//     flex-wrap: wrap;
 
-    .item {
+//     .item {
-      width: 1220px;
+//       width: 1220px;
-      height: 660px;
+//       height: 660px;
-      background: url("../../assets/images/hotforum/border.png") no-repeat;
+//       background: url("../../assets/images/hotforum/border.png") no-repeat;
-      background-size: 100%;
+//       background-size: 100%;
-      padding: 28px;
+//       padding: 28px;
-      padding-top: 62px;
+//       padding-top: 62px;
-      margin-bottom: 59px;
+//       margin-bottom: 59px;
 
-      .img {
+//       .img {
-        width: 100%; // 图片宽度占满item宽度
+//         width: 100%; // 图片宽度占满item宽度
-        height: auto; // 自动调整高度
+//         height: auto; // 自动调整高度
-      }
+//       }
-    }
+//     }
-  }
+//   }
-}
+// }
-}
+// }
-@media (min-height: 1500px) {
+// @media (min-height: 1500px) {
-.hot{
+// .hot{
-  width: 100%;
+//   width: 100%;
-  // max-width: 1920px;
+//   // max-width: 1920px;
-  min-height: 100%;
+//   min-height: 100%;
-  // min-height: 1373px;
+//   // min-height: 1373px;
-  background: url("../../assets/images/hotforum/back.jpg") no-repeat;
+//   background: url("../../assets/images/hotforum/back.jpg") no-repeat;
-  background-size: 100% 100%;
+//   background-size: 100% 100%;
-  display: flex;
+//   display: flex;
-  justify-content: center;
+//   justify-content: center;
-  .center {
+//   .center {
-    max-width: 1068px;
+//     max-width: 1068px;
-    max-height: 580px;
+//     max-height: 580px;
-    margin-bottom: 5%;
+//     margin-bottom: 5%;
-    margin-top: 30vh;
+//     margin-top: 30vh;
-    display: flex;
+//     display: flex;
-    flex-wrap: wrap;
+//     flex-wrap: wrap;
 
-    .item {
+//     .item {
-      width: 500px;
+//       width: 500px;
-      height: 271px;
+//       height: 271px;
-      background: url("../../assets/images/hotforum/border.png") no-repeat;
+//       background: url("../../assets/images/hotforum/border.png") no-repeat;
-      background-size: 100%;
+//       background-size: 100%;
-      padding: 14px;
+//       padding: 14px;
-      padding-top: 26px;
+//       padding-top: 26px;
-      margin-bottom: 30px;
+//       margin-bottom: 30px;
 
-      .img {
+//       .img {
-        width: 100%; // 图片宽度占满item宽度
+//         width: 100%; // 图片宽度占满item宽度
-        height: auto; // 自动调整高度
+//         height: auto; // 自动调整高度
-      }
+//       }
-    }
+//     }
-  }
+//   }
-}
+// }
-}
+// }
-@media (min-width: 1928px) and (max-width: 3000px) {
+// @media (min-width: 1928px) and (max-width: 3000px) {
-.hot{
+// .hot{
-  width: 100%;
+//   width: 100%;
-  // max-width: 1920px;
+//   // max-width: 1920px;
-  min-height: 100%;
+//   min-height: 100%;
-  // min-height: 1373px;
+//   // min-height: 1373px;
-  background: url("../../assets/images/hotforum/back.jpg") no-repeat;
+//   background: url("../../assets/images/hotforum/back.jpg") no-repeat;
-  background-size: 100% 100%;
+//   background-size: 100% 100%;
-  display: flex;
+//   display: flex;
-  justify-content: center;
+//   justify-content: center;
-  .center {
+//   .center {
-    max-width: 1800px;
+//     max-width: 1800px;
-    max-height: 1100px;
+//     max-height: 1100px;
-    margin-bottom: 5%;
+//     margin-bottom: 5%;
-    margin-top: 35vh;
+//     margin-top: 35vh;
-    display: flex;
+//     display: flex;
-    flex-wrap: wrap;
+//     flex-wrap: wrap;
 
-    .item {
+//     .item {
-      width: 860px;
+//       width: 860px;
-      height: 466px;
+//       height: 466px;
-      background: url("../../assets/images/hotforum/border.png") no-repeat;
+//       background: url("../../assets/images/hotforum/border.png") no-repeat;
-      background-size: 100%;
+//       background-size: 100%;
-      padding: 28px;
+//       padding: 28px;
-      padding-top: 48px;
+//       padding-top: 48px;
-      margin-bottom: 70px;
+//       margin-bottom: 70px;
 
-      .img {
+//       .img {
-        width: 100%; // 图片宽度占满item宽度
+//         width: 100%; // 图片宽度占满item宽度
-        height: auto; // 自动调整高度
+//         height: auto; // 自动调整高度
-      }
+//       }
-    }
+//     }
-  }
+//   }
-}
+// }
-}
+// }
 </style>

src/views/portal/case/Detail.vue

@@ -651,6 +651,9 @@ export default {
       });
     },
     getCaseData() {
+      // 清空pdf数据
+      this.pdfPath = '';
+
       let $this = this;
       apiCase.details(this.resolveId, true).then(res => {
         if (res.status == 200) {