mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-07 01:46:42 +08:00
Compare commits
23 Commits
250422-dem
...
csg-250615
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
b6562e5c9c | ||
|
|
a0dcd27f8c | ||
|
|
8bc2bc96a8 | ||
|
|
7a67aca620 | ||
|
|
a810da8978 | ||
|
|
b4538150df | ||
|
|
e79abe7aee | ||
|
|
65dfa4f0e3 | ||
|
|
4784b02ca4 | ||
|
|
45e006a4e7 | ||
|
|
577357ccd0 | ||
|
|
f92954aa6b | ||
|
|
d59b5a9e06 | ||
|
|
4be009a6d8 | ||
|
|
b5f01c6357 | ||
|
|
78cbb21155 | ||
|
|
adc33e5892 | ||
|
|
a9de4ad77c | ||
|
|
a3c85cbd19 | ||
|
|
9a6727e52f | ||
|
|
7cee4b5ad1 | ||
|
|
c3b5f1baf0 | ||
|
|
213990a7b0 |
@@ -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,
|
||||
|
||||
}
|
||||
|
||||
BIN
src/assets/images/hotforum/2024.png
Normal file
BIN
src/assets/images/hotforum/2024.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
BIN
src/assets/images/hotforum/2025.png
Normal file
BIN
src/assets/images/hotforum/2025.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
BIN
src/assets/images/hotforum/2501.jpg
Normal file
BIN
src/assets/images/hotforum/2501.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
src/assets/images/hotforum/2502.png
Normal file
BIN
src/assets/images/hotforum/2502.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 244 KiB |
BIN
src/assets/images/hotforum/back25.png
Normal file
BIN
src/assets/images/hotforum/back25.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
BIN
src/assets/images/hotforum/line.png
Normal file
BIN
src/assets/images/hotforum/line.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
@@ -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 style="padding-left: 10px;"><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>
|
||||
<el-input v-model="keyword" placeholder="输入课程名称搜索" clearable></el-input>
|
||||
</div>
|
||||
<div style="padding-left: 10px;">
|
||||
<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="课程时间"
|
||||
prop="courseTime"
|
||||
label="序号"
|
||||
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="开课场地"
|
||||
prop="address"
|
||||
width="240px">
|
||||
label="培训发生组织"
|
||||
prop="trainOrgName"
|
||||
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="所属课程"
|
||||
prop="parentCourse"
|
||||
width="120px">
|
||||
label="授课/课程日期"
|
||||
prop="teachingDate"
|
||||
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="所属项目"
|
||||
prop="parentProject"
|
||||
label="授课时长(分钟)"
|
||||
prop="teaching"
|
||||
width="120px"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="所属路径"
|
||||
prop="parentRoute"
|
||||
width="200px"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="学习总人数"
|
||||
prop="studentNumber"
|
||||
width="100px"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="时长(分钟)"
|
||||
width="100px"
|
||||
prop="period"
|
||||
label="参训人数"
|
||||
prop="studys"
|
||||
width="120px"
|
||||
></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>
|
||||
@@ -91,64 +157,70 @@
|
||||
<script>
|
||||
import apiCourse from '../../api/boe/courseRecord.js';
|
||||
import {mapGetters} from 'vuex';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
pageData: [],
|
||||
keyword: '',
|
||||
pageInfo:{},
|
||||
pageInfo: {
|
||||
pageIndex:1,
|
||||
pageSize:10,
|
||||
},
|
||||
}
|
||||
},
|
||||
|
||||
mounted() {
|
||||
this.recordList(1);
|
||||
|
||||
this.recordList();
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['userInfo'])
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
// 导出所有记录
|
||||
exportFile() {
|
||||
let req = {
|
||||
userId: this.userInfo.sysId
|
||||
// userId:"70F80F4E-34BA-10AB-894A-8FA812B19637"
|
||||
// let req = {
|
||||
// }
|
||||
// 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){
|
||||
let userId = this.userInfo.sysId;
|
||||
apiCourse.exportStudentOfCourse(userId,courseId).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, courseType) {
|
||||
// apiCourse.exportStudentOfCourse2(courseId, courseType).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);
|
||||
// })
|
||||
|
||||
window.open(
|
||||
`/manageApi/admin/export/exportTeacherRecordStudentInfo?courseId=${courseId}&courseType=${courseType}`
|
||||
);
|
||||
},
|
||||
|
||||
// 导出教师下的所有授课记录下的学员信息
|
||||
exportStudentOfTearcher() {
|
||||
let userId = this.userInfo.sysId;
|
||||
// let userId = '5D36C207-64F4-C512-312D-C9598257695C';
|
||||
apiCourse.exportStudentOfTearcher(userId).then(res=>{
|
||||
apiCourse.exportStudentOfTearcher2(userId).then(res => {
|
||||
const link = document.createElement('a');// 创建a标签
|
||||
let blob = new Blob([res.data], {type: 'application/vnd.ms-excel'}); // 设置文件类型
|
||||
link.style.display = "none";
|
||||
@@ -160,19 +232,18 @@ methods: {
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
recordList(pageIndex){
|
||||
recordList() {
|
||||
let req = {
|
||||
// userId:"6B049FAF-C314-7CCF-0D28-0D23F4C42531",
|
||||
userId: this.userInfo.sysId,
|
||||
keyword:this.keyword,
|
||||
page:pageIndex,
|
||||
pageSize:10
|
||||
courseName: this.keyword,
|
||||
pageNo: this.pageInfo.pageIndex,
|
||||
pageSize: this.pageInfo.pageSize
|
||||
}
|
||||
apiCourse.courseRecordList(req).then(res=>{
|
||||
apiCourse.getListByToken(req).then(res => {
|
||||
if (res.status == 200) {
|
||||
this.pageData = res.result.list;
|
||||
this.pageInfo = res.result.pageInfo;
|
||||
this.pageData = res.data.records;
|
||||
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',
|
||||
@@ -184,17 +255,16 @@ methods: {
|
||||
|
||||
// 每页显示的条数事件
|
||||
handleSizeChange(val) {
|
||||
this.pageInfo.pageIndex = 1;
|
||||
this.pageInfo.pageSize = val;
|
||||
this.recordList(1);
|
||||
this.recordList();
|
||||
},
|
||||
// 显示制定页的数据
|
||||
handleCurrentChange(val) {
|
||||
this.pageInfo.pageIndex = val;
|
||||
this.recordList(this.pageInfo.pageIndex);
|
||||
},
|
||||
|
||||
},
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
179
src/views/hotforum/Index-bak.vue
Normal file
179
src/views/hotforum/Index-bak.vue
Normal file
@@ -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>
|
||||
@@ -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-size: 100% 100%;
|
||||
background: url("../../assets/images/hotforum/back25.png") no-repeat;
|
||||
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) {
|
||||
.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;
|
||||
// @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;
|
||||
// .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;
|
||||
// .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;
|
||||
// .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;
|
||||
// .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;
|
||||
// .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; // 自动调整高度
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// .img {
|
||||
// width: 100%; // 图片宽度占满item宽度
|
||||
// height: auto; // 自动调整高度
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
</style>
|
||||
|
||||
@@ -651,6 +651,9 @@ export default {
|
||||
});
|
||||
},
|
||||
getCaseData() {
|
||||
// 清空pdf数据
|
||||
this.pdfPath = '';
|
||||
|
||||
let $this = this;
|
||||
apiCase.details(this.resolveId, true).then(res => {
|
||||
if (res.status == 200) {
|
||||
|
||||
Reference in New Issue
Block a user