mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-06 09:26:43 +08:00
案例专家添加图片
This commit is contained in:
dong.ai
BIN
public/images/case-logo.png
Normal file
BIN
public/images/case-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 438 KiB |
@@ -1,7 +1,8 @@
|
||||
<template>
|
||||
<div id="case-list-content">
|
||||
<div style="margin-bottom:30px" class="case-banner">
|
||||
<portal-header @type1="handleType" :type="queryCondition" current="case" textColor="#fff" @emitInput="emitInput" @showClass="showClass"></portal-header>
|
||||
<portal-header @type1="handleType" :type="queryCondition" current="case" textColor="#fff" @emitInput="emitInput"
|
||||
@showClass="showClass"></portal-header>
|
||||
</div>
|
||||
<div class="xcontent2">
|
||||
<!-- 新增的案例分类 -->
|
||||
@@ -115,7 +116,8 @@
|
||||
<div style="padding:0;" :class="speciAll ? 'fieldactive' : ''" @click="majorall()">全部</div>
|
||||
<div class="fieldbox">
|
||||
<div :class="item.fielclass ? 'fieldactive' : ''" @click="fieldmajor(item)"
|
||||
v-for="(item, idx) in speciData" :key="'d' + idx">{{ item.name }}({{ item.explanation }})</div>
|
||||
v-for="(item, idx) in speciData" :key="'d' + idx">{{ item.name }}({{ item.explanation }})
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <el-radio-group style="display:flex;" v-model="queryCondition.majorType" size="mini" @change="search()">
|
||||
@@ -156,15 +158,19 @@
|
||||
<div v-if="caseTimeShow" class="pub_time" @click="searchTime">
|
||||
<div class="text">发布时间</div>
|
||||
<div class="triangle">
|
||||
<div :style="{borderBottomColor:pubTimeNum===2?'#387DF7':'#DCDFE6'}" class="up-triangle"></div>
|
||||
<div :style="{borderTopColor:pubTimeNum===1?'#387DF7':'#DCDFE6'}" class="down-triangle"></div>
|
||||
<div :style="{ borderBottomColor: pubTimeNum === 2 ? '#387DF7' : '#DCDFE6' }" class="up-triangle">
|
||||
</div>
|
||||
<div :style="{ borderTopColor: pubTimeNum === 1 ? '#387DF7' : '#DCDFE6' }" class="down-triangle">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="caseTimeShow" class="pub_time" @click="searchPageView">
|
||||
<div class="text">浏览量</div>
|
||||
<div class="triangle">
|
||||
<div :style="{borderBottomColor:pageViewNum===2?'#387DF7':'#DCDFE6'}" class="up-triangle"></div>
|
||||
<div :style="{borderTopColor:pageViewNum===1?'#387DF7':'#DCDFE6'}" class="down-triangle"></div>
|
||||
<div :style="{ borderBottomColor: pageViewNum === 2 ? '#387DF7' : '#DCDFE6' }" class="up-triangle">
|
||||
</div>
|
||||
<div :style="{ borderTopColor: pageViewNum === 1 ? '#387DF7' : '#DCDFE6' }" class="down-triangle">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-select v-if="caseTimeShow" @change="yearsChange" v-model="years" multiple collapse-tags
|
||||
@@ -172,11 +178,12 @@
|
||||
<el-option v-for="item in caseYears" :key="item.value" :label="item.label" :value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<div :class="queryCondition.type == 'collect' ? 'collect_active': 'collect'" @click="searchexcellent('collect')">
|
||||
<div :class="queryCondition.type == 'collect' ? 'collect_active' : 'collect'"
|
||||
@click="searchexcellent('collect')">
|
||||
<div class="png"></div>
|
||||
<div class="text">收藏案例</div>
|
||||
</div>
|
||||
<div :class="queryCondition.type == 'time' ? 'time_active': 'time'" @click="searchexcellent('time')">
|
||||
<div :class="queryCondition.type == 'time' ? 'time_active' : 'time'" @click="searchexcellent('time')">
|
||||
<div class="png"></div>
|
||||
<div class="text">浏览记录</div>
|
||||
</div>
|
||||
@@ -189,7 +196,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="data-content">
|
||||
<div v-for="item in this.caseList.list" :key="isTimeData?item.browsingHistoryId : item.id" class="case-list">
|
||||
<div v-for="item in this.caseList.list" :key="isTimeData ? item.browsingHistoryId : item.id"
|
||||
class="case-list">
|
||||
<div class="case-info">
|
||||
<div class="case-info-cont">
|
||||
<!-- <router-link :to="'/case/detail?id=' + item.id"> -->
|
||||
@@ -201,17 +209,22 @@
|
||||
<div class="case-info-title">
|
||||
<div class="case-titdiv">
|
||||
<div class="case-tittext">
|
||||
<span :style="{maxWidth:item.excellentTag&&item.viewRankTags.length != 0?'400px':item.viewRankTags.length != 0?'500px':''}" class="title-line-ellipsis" :title="item.title">{{ item.title || item.contentInfo }}</span>
|
||||
<span
|
||||
:style="{ maxWidth: item.excellentTag && item.viewRankTags.length != 0 ? '400px' : item.viewRankTags.length != 0 ? '500px' : '' }"
|
||||
class="title-line-ellipsis" :title="item.title">{{ item.title || item.contentInfo }}</span>
|
||||
</div>
|
||||
<div class="case-activeText">
|
||||
<!-- <span v-if="item.breCommend" class="comWords"
|
||||
style="background-color:rgba(232, 139, 72);">荐</span>
|
||||
<span v-if="item.excellent" class="comWords" style="background-color:red;">最佳</span> -->
|
||||
<span @click.stop="()=>{}" v-if="item.excellentTag" class="comWords" style="width: 98px;height: 24px;background: #F99000;border-radius: 2px;font-weight: 400;font-size: 12px;color: #FFFFFF;padding: 4px 10px;cursor: auto;">
|
||||
{{item.excellentTag}}
|
||||
<span @click.stop="() => { }" v-if="item.excellentTag" class="comWords"
|
||||
style="width: 98px;height: 24px;background: #F99000;border-radius: 2px;font-weight: 400;font-size: 12px;color: #FFFFFF;padding: 4px 10px;cursor: auto;">
|
||||
{{ item.excellentTag }}
|
||||
</span>
|
||||
<span @click.stop="toExcellent(tag)" v-if="item.viewRankTags.length != 0" v-for="tag in item.viewRankTags" class="comWords" style="width: 98px;height: 24px;background: #F99000;border-radius: 2px;font-weight: 400;font-size: 12px;color: #FFFFFF;padding: 4px 10px;">
|
||||
{{tag.tagName}}
|
||||
<span @click.stop="toExcellent(tag)" v-if="item.viewRankTags.length != 0"
|
||||
v-for="tag in item.viewRankTags" class="comWords"
|
||||
style="width: 98px;height: 24px;background: #F99000;border-radius: 2px;font-weight: 400;font-size: 12px;color: #FFFFFF;padding: 4px 10px;">
|
||||
{{ tag.tagName }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="case-info-date portal-time">
|
||||
@@ -225,8 +238,9 @@
|
||||
<!-- </router-link> -->
|
||||
<div v-if="!item.id" style="height:25px;padding-top:14px "></div>
|
||||
<div v-if="item.id" style="height:58px;padding-top:14px ">
|
||||
<author :avatar="item.authorInfo.avatar" :name="item.authorInfo.name" :info="item.authorInfo.orgInfo"
|
||||
:sex="item.authorInfo.sex" :authorTags="item.authorTags" :aid="item.authorInfo.aid">
|
||||
<author :avatar="item.authorInfo.avatar" :name="item.authorInfo.name"
|
||||
:info="item.authorInfo.orgInfo" :sex="item.authorInfo.sex" :authorTags="item.authorTags"
|
||||
:aid="item.authorInfo.aid">
|
||||
<template>
|
||||
<div v-if="item.breCommend"
|
||||
style="padding-top: 6px;flex: 1;display: flex;justify-content: flex-end;color: #999;font-size: 12px;">
|
||||
@@ -253,7 +267,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- </router-link> -->
|
||||
<div v-if="item.id" class="case-info-summary two-line-ellipsis" @click="toCaseDetail(item.id, item.refId)">
|
||||
<div v-if="item.id" class="case-info-summary two-line-ellipsis"
|
||||
@click="toCaseDetail(item.id, item.refId)">
|
||||
{{ item.summary }}
|
||||
<!-- <router-link :to="'/case/detail?id='+item.id"> -->
|
||||
<!-- {{displayAll(item)}} -->
|
||||
@@ -264,7 +279,8 @@
|
||||
</div>
|
||||
<div v-if="item.id" style="display: flex;justify-content: flex-end;">
|
||||
<div style="margin:8px 0;">
|
||||
<interactBar @deleteFavorite="deleteFavorite" :type="3" :data="item" :comments="false" :shares="true"></interactBar>
|
||||
<interactBar @deleteFavorite="deleteFavorite" :type="3" :data="item" :comments="false"
|
||||
:shares="true"></interactBar>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -295,8 +311,8 @@
|
||||
|
||||
<div id="fixd-box">
|
||||
<div class="AI-case">
|
||||
<el-button type="success" @click="getAICase" plain>立即咨询</el-button>
|
||||
<!-- <img src="../../../assets/images/course/courseTag.png" alt=""> -->
|
||||
<img src="../../../../public/images/case-logo.png" alt="">
|
||||
<span @click="getAICase"></span>
|
||||
</div>
|
||||
<router-link class="the_charts" to="/case/charts">
|
||||
<div class="text">排行榜</div>
|
||||
@@ -308,7 +324,7 @@
|
||||
<p class="ranking-title">好评榜</p>
|
||||
<el-dropdown trigger="click" @command="positiveReview">
|
||||
<span class="el-dropdown-link">
|
||||
{{favorableName}}<i class="el-icon-arrow-down el-icon--right"></i>
|
||||
{{ favorableName }}<i class="el-icon-arrow-down el-icon--right"></i>
|
||||
</span>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item command="total">总</el-dropdown-item>
|
||||
@@ -345,7 +361,7 @@
|
||||
<p class="ranking-title">人气榜</p>
|
||||
<el-dropdown trigger="click" @command="popularityReview">
|
||||
<span class="el-dropdown-link">
|
||||
{{popularityName}}<i class="el-icon-arrow-down el-icon--right"></i>
|
||||
{{ popularityName }}<i class="el-icon-arrow-down el-icon--right"></i>
|
||||
</span>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item command="total">总</el-dropdown-item>
|
||||
@@ -377,7 +393,8 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div v-if="recommendRank.length > 0" class="portal-ranking ranking-bg2" style="margin-top:20px;padding: 20px 15px;max-height: 222px;">
|
||||
<div v-if="recommendRank.length > 0" class="portal-ranking ranking-bg2"
|
||||
style="margin-top:20px;padding: 20px 15px;max-height: 222px;">
|
||||
<p class="ranking-title">推荐榜</p>
|
||||
<ul class="ranking-data">
|
||||
<li v-for="(item, index) in recommendRank" :key="index" class="title-line-ellipsis"
|
||||
@@ -511,10 +528,10 @@ export default {
|
||||
popularityName: '季度',
|
||||
pubTimeNum: 1,
|
||||
pageViewNum: 0,
|
||||
twoId:'',
|
||||
treeList:[],
|
||||
caseType:process.env.VUE_APP_CASE_TYPE,//类型
|
||||
caseYears:[],
|
||||
twoId: '',
|
||||
treeList: [],
|
||||
caseType: process.env.VUE_APP_CASE_TYPE,//类型
|
||||
caseYears: [],
|
||||
refId: '',//消息跳转案例的id
|
||||
selectList: [],//点击选中的list
|
||||
twoList: [], //二级分类{type:12}
|
||||
@@ -566,9 +583,9 @@ export default {
|
||||
// notInIds: [],//重复的id
|
||||
orderField: "id",
|
||||
orderAsc: false,//排序
|
||||
sysType1:'',
|
||||
sysType2:'',
|
||||
sysType3:''
|
||||
sysType1: '',
|
||||
sysType2: '',
|
||||
sysType3: ''
|
||||
},
|
||||
keyWord: "",
|
||||
anking: 2,
|
||||
@@ -672,25 +689,25 @@ export default {
|
||||
return !this.speciData.some(item => item.fielclass);
|
||||
}
|
||||
},
|
||||
beforeRouteLeave (to, from, next) {
|
||||
beforeRouteLeave(to, from, next) {
|
||||
const isScroll = 'caseDetail,caseCharts,caseExcellent'
|
||||
if(!isScroll.includes(to.name)){
|
||||
if (!isScroll.includes(to.name)) {
|
||||
// console.log('我是外')
|
||||
this.queryCondition.pageIndex = 1
|
||||
this.search()
|
||||
// window.location.reload()
|
||||
// this.$destroy()
|
||||
}else{
|
||||
} else {
|
||||
sessionStorage.setItem('pagesScroll', JSON.stringify(window.pageYOffset))
|
||||
}
|
||||
window.removeEventListener("scroll", this.handleScroll);
|
||||
next()
|
||||
},
|
||||
beforeRouteEnter(to, from, next) {
|
||||
if(from.name !== 'caseDetail'){
|
||||
if (from.name !== 'caseDetail') {
|
||||
// console.log('我是内')
|
||||
}
|
||||
next(vm=>{
|
||||
next(vm => {
|
||||
vm.$nextTick(() => {
|
||||
window.scrollTo({
|
||||
left: 0,
|
||||
@@ -785,9 +802,9 @@ export default {
|
||||
// 90是测试环境，155是生产环境
|
||||
// console.log(this.caseType);
|
||||
|
||||
Promise.all([apiType.treeList(1,Number(this.caseType ?? 155),1), apiCase.majorTypes()]).then(rs => {
|
||||
Promise.all([apiType.treeList(1, Number(this.caseType ?? 155), 1), apiCase.majorTypes()]).then(rs => {
|
||||
if (rs[0].code == 200) {
|
||||
const {records} = rs[0].data
|
||||
const { records } = rs[0].data
|
||||
records.forEach(item => {
|
||||
item.fielclass = false;
|
||||
item.type = 'org_domain';
|
||||
@@ -853,27 +870,27 @@ export default {
|
||||
|
||||
},
|
||||
methods: {
|
||||
allRequests(){
|
||||
allRequests() {
|
||||
window.addEventListener(
|
||||
"scroll",
|
||||
this.handleScroll
|
||||
);
|
||||
},
|
||||
deleteFavorite(e){
|
||||
deleteFavorite(e) {
|
||||
this.search()
|
||||
},
|
||||
positiveReview(e){
|
||||
positiveReview(e) {
|
||||
this.favorableName = this.switch[e]
|
||||
this.getPositive()
|
||||
},
|
||||
popularityReview(e){
|
||||
popularityReview(e) {
|
||||
this.popularityName = this.switch[e]
|
||||
this.getPopularity()
|
||||
},
|
||||
handleType(msg){
|
||||
handleType(msg) {
|
||||
// this.queryCondition.type = msg
|
||||
},
|
||||
handleOptionClick(treeItem){
|
||||
handleOptionClick(treeItem) {
|
||||
this.treeList.forEach(one => {
|
||||
one.checked = false;
|
||||
if (one.id == treeItem.id) {
|
||||
@@ -918,13 +935,13 @@ export default {
|
||||
if (status === 200) {
|
||||
result.forEach(one => {
|
||||
one.checked = false;
|
||||
if(!one.children) one.children = []
|
||||
if (!one.children) one.children = []
|
||||
one.children && one.children.forEach(two => {
|
||||
two.checked = false;
|
||||
if(!two.children) two.children = []
|
||||
if (!two.children) two.children = []
|
||||
two.children && two.children.forEach(three => {
|
||||
three.checked = false;
|
||||
if(!three.children) three.children = []
|
||||
if (!three.children) three.children = []
|
||||
})
|
||||
})
|
||||
})
|
||||
@@ -948,23 +965,23 @@ export default {
|
||||
},
|
||||
// 查看率的时间
|
||||
toCaseDetail(id, refId) {
|
||||
if(!id){
|
||||
if (!id) {
|
||||
this.$message.error('该案例已被删除')
|
||||
return
|
||||
}
|
||||
apiCase.details(id,true).then(res=>{
|
||||
apiCase.details(id, true).then(res => {
|
||||
if (res.status == 200) {
|
||||
if (refId) {
|
||||
apiCase.startReadTimer(refId)
|
||||
}
|
||||
this.$router.push({ path: '/case/detail', query: { id } });
|
||||
}else{
|
||||
} else {
|
||||
this.$message.error(res.message);
|
||||
}
|
||||
})
|
||||
},
|
||||
toExcellent(item){
|
||||
this.$router.push({path:'/case/excellent',query:{majorId:item.majorId,majorName:item.majorName,riseRankTime:item.riseRankTime.split(' ')[0]}})
|
||||
toExcellent(item) {
|
||||
this.$router.push({ path: '/case/excellent', query: { majorId: item.majorId, majorName: item.majorName, riseRankTime: item.riseRankTime.split(' ')[0] } })
|
||||
},
|
||||
tylClick() {
|
||||
window.open("https://m.qingxuetang.com/x/?appId=qxtcorp306130");
|
||||
@@ -1267,31 +1284,31 @@ export default {
|
||||
this.isSeach = true;
|
||||
this.search(true);
|
||||
},
|
||||
searchTime(){
|
||||
searchTime() {
|
||||
this.pubTimeNum++
|
||||
if(this.pubTimeNum>2){
|
||||
if (this.pubTimeNum > 2) {
|
||||
this.pubTimeNum = 0;
|
||||
}
|
||||
if(this.pubTimeNum != 0){
|
||||
if (this.pubTimeNum != 0) {
|
||||
this.pageViewNum = 0;
|
||||
}
|
||||
this.queryCondition.orderField = 'sysCreateTime'
|
||||
this.queryCondition.orderAsc = this.pubTimeNum == 2 ? true : this.pubTimeNum == 1 ? false : ''
|
||||
this.search(true);
|
||||
},
|
||||
searchPageView(){
|
||||
searchPageView() {
|
||||
this.pageViewNum++
|
||||
if(this.pageViewNum>2){
|
||||
if (this.pageViewNum > 2) {
|
||||
this.pageViewNum = 0;
|
||||
}
|
||||
if(this.pageViewNum != 0){
|
||||
if (this.pageViewNum != 0) {
|
||||
this.pubTimeNum = 0;
|
||||
}
|
||||
this.queryCondition.orderField = 'views'
|
||||
this.queryCondition.orderAsc = this.pageViewNum == 2 ? true : this.pageViewNum == 1 ? false : ''
|
||||
this.search(true);
|
||||
},
|
||||
yearsChange(e){
|
||||
yearsChange(e) {
|
||||
this.search(true)
|
||||
},
|
||||
searchexcellent(num) {
|
||||
@@ -1308,24 +1325,24 @@ export default {
|
||||
// this.search(true)
|
||||
// return
|
||||
// }
|
||||
this.queryCondition.excellent =false;
|
||||
this.queryCondition.excellent = false;
|
||||
this.queryCondition.type = num;
|
||||
this.years = []
|
||||
if(num == 'excellent'){
|
||||
this.queryCondition.excellent =true;
|
||||
if (num == 'excellent') {
|
||||
this.queryCondition.excellent = true;
|
||||
this.queryCondition.type = num;
|
||||
}
|
||||
if(num == 'all' || num == 'recommend'){
|
||||
if (num == 'all' || num == 'recommend') {
|
||||
this.pubTimeNum = 1
|
||||
this.queryCondition.orderField = 'sysCreateTime'
|
||||
this.queryCondition.orderAsc = false
|
||||
}
|
||||
if(num == 'time'){
|
||||
if (num == 'time') {
|
||||
this.isTime = true
|
||||
this.caseTimeShow = false
|
||||
this.isTimeData = true
|
||||
}
|
||||
if(num == 'collect'){
|
||||
if (num == 'collect') {
|
||||
this.caseTimeShow = false
|
||||
}
|
||||
if (this.timeoutId) {
|
||||
@@ -1492,16 +1509,16 @@ export default {
|
||||
// this.queryCondition.pubTimeNum = this.pubTimeNum
|
||||
// this.queryCondition.pageViewNum = this.pageViewNum
|
||||
this.numIsFalse = true
|
||||
if(this.queryCondition.type == 'collect'){
|
||||
if (this.queryCondition.type == 'collect') {
|
||||
const params = {
|
||||
pageIndex:this.queryCondition.pageIndex,
|
||||
pageSize:5,
|
||||
orderField:this.queryCondition.orderField,
|
||||
orderAsc:this.queryCondition.orderAsc
|
||||
pageIndex: this.queryCondition.pageIndex,
|
||||
pageSize: 5,
|
||||
orderField: this.queryCondition.orderField,
|
||||
orderAsc: this.queryCondition.orderAsc
|
||||
}
|
||||
await apiCase.queryFavoriteCaseOfIndex(params).then(res=>{
|
||||
if(res.status == 200){
|
||||
if(res.result.list.length > 0){
|
||||
await apiCase.queryFavoriteCaseOfIndex(params).then(res => {
|
||||
if (res.status == 200) {
|
||||
if (res.result.list.length > 0) {
|
||||
this.isSeach = false;
|
||||
res.result.list.forEach(item => {
|
||||
item.majorType = item.majorType ? item.majorType.split(",") : [];
|
||||
@@ -1514,8 +1531,8 @@ export default {
|
||||
sex: null
|
||||
};
|
||||
});
|
||||
res.result.list.forEach(item=>{
|
||||
item.viewRankTags = item.viewRankTags?.slice(0,2)||[]
|
||||
res.result.list.forEach(item => {
|
||||
item.viewRankTags = item.viewRankTags?.slice(0, 2) || []
|
||||
})
|
||||
this.caseList.list = res.result.list
|
||||
this.getCaseUserData(res.result.list);
|
||||
@@ -1530,7 +1547,7 @@ export default {
|
||||
})
|
||||
return
|
||||
}
|
||||
if(this.queryCondition.type=='time'){
|
||||
if (this.queryCondition.type == 'time') {
|
||||
// const data = {
|
||||
// pageIndex: this.queryCondition.pageIndex,
|
||||
// pageSize: 5,
|
||||
@@ -1554,9 +1571,9 @@ export default {
|
||||
const params = {
|
||||
pageIndex: this.queryCondition.pageIndex,
|
||||
}
|
||||
await apiCase.browsingHistory(params).then(res=>{
|
||||
if(res.status == 200){
|
||||
if(res.result.list.length > 0){
|
||||
await apiCase.browsingHistory(params).then(res => {
|
||||
if (res.status == 200) {
|
||||
if (res.result.list.length > 0) {
|
||||
this.isSeach = false;
|
||||
res.result.list.forEach(item => {
|
||||
item.majorType = item.majorType ? item.majorType.split(",") : [];
|
||||
@@ -1569,8 +1586,8 @@ export default {
|
||||
sex: null
|
||||
};
|
||||
});
|
||||
res.result.list.forEach(item=>{
|
||||
item.viewRankTags = item.viewRankTags?.slice(0,2)||[]
|
||||
res.result.list.forEach(item => {
|
||||
item.viewRankTags = item.viewRankTags?.slice(0, 2) || []
|
||||
})
|
||||
this.caseList.list = res.result.list
|
||||
this.getCaseUserData(res.result.list);
|
||||
@@ -1607,15 +1624,15 @@ export default {
|
||||
} else {
|
||||
this.moreState = 3;
|
||||
}
|
||||
if(res.result.list.length ===0){
|
||||
if (res.result.list.length === 0) {
|
||||
this.moreState = 3;
|
||||
this.isSeach = false;
|
||||
}
|
||||
console.log(res?.result?.list ,'有没有数据1');
|
||||
res.result.list.forEach(item=>{
|
||||
item.viewRankTags = item.viewRankTags?.slice(0,2)||[]
|
||||
console.log(res?.result?.list, '有没有数据1');
|
||||
res.result.list.forEach(item => {
|
||||
item.viewRankTags = item.viewRankTags?.slice(0, 2) || []
|
||||
})
|
||||
console.log(res?.result?.list ,'有没有数据2');
|
||||
console.log(res?.result?.list, '有没有数据2');
|
||||
this.caseList.list = res.result.list
|
||||
this.getCaseUserData(res.result.list);
|
||||
// 给所有的赋值
|
||||
@@ -1667,9 +1684,9 @@ export default {
|
||||
// console.log(err);
|
||||
// });
|
||||
},
|
||||
getCase(ids,list){
|
||||
apiCase.ids(ids).then(res=>{
|
||||
if(res.status == 200) {
|
||||
getCase(ids, list) {
|
||||
apiCase.ids(ids).then(res => {
|
||||
if (res.status == 200) {
|
||||
this.isSeach = false;
|
||||
const listData = []
|
||||
list.forEach((item, index) => {
|
||||
@@ -1678,7 +1695,7 @@ export default {
|
||||
item.info = con;
|
||||
con.eventTime = item.eventTime
|
||||
listData.push(con)
|
||||
if(typeof item.info.majorType == 'string') {
|
||||
if (typeof item.info.majorType == 'string') {
|
||||
item.info.majorType = item.info.majorType.split(',');
|
||||
}
|
||||
return true;
|
||||
@@ -1687,9 +1704,9 @@ export default {
|
||||
}
|
||||
});
|
||||
});
|
||||
listData.forEach(item=>{
|
||||
listData.forEach(item => {
|
||||
item.info = {};
|
||||
item.deleted=false;
|
||||
item.deleted = false;
|
||||
item.authorInfo = {
|
||||
aid: "",
|
||||
name: "",
|
||||
@@ -1704,7 +1721,7 @@ export default {
|
||||
}, 3000);
|
||||
this.getCaseUserData(listData);
|
||||
this.caseList.list = listData
|
||||
console.log(listData,'this.caseList.list')
|
||||
console.log(listData, 'this.caseList.list')
|
||||
}
|
||||
})
|
||||
},
|
||||
@@ -1750,12 +1767,12 @@ export default {
|
||||
// },
|
||||
tagsClose(tag, index) {
|
||||
// 课程分类
|
||||
if(tag.hasOwnProperty('checked')){
|
||||
if (tag.hasOwnProperty('checked')) {
|
||||
tag.checked = false;
|
||||
this.queryCondition.sysType1 =''
|
||||
this.queryCondition.sysType2 =''
|
||||
this.queryCondition.sysType3 =''
|
||||
}else{
|
||||
this.queryCondition.sysType1 = ''
|
||||
this.queryCondition.sysType2 = ''
|
||||
this.queryCondition.sysType3 = ''
|
||||
} else {
|
||||
// 案例分类
|
||||
tag.fielclass = false;
|
||||
}
|
||||
@@ -1831,8 +1848,8 @@ export default {
|
||||
|
||||
// }
|
||||
// });
|
||||
apiCase.queryPraisesNew(3,this.popularityName == '季度' ? 1 : 2).then(res => {
|
||||
if(res.status == 200) {
|
||||
apiCase.queryPraisesNew(3, this.popularityName == '季度' ? 1 : 2).then(res => {
|
||||
if (res.status == 200) {
|
||||
this.Popularity = res.result
|
||||
}
|
||||
})
|
||||
@@ -1854,16 +1871,16 @@ export default {
|
||||
// // }
|
||||
// }
|
||||
// });
|
||||
apiCase.queryCommentsNew(3,this.favorableName == '季度' ? 3 : 4).then(res => {
|
||||
if(res.status == 200) {
|
||||
apiCase.queryCommentsNew(3, this.favorableName == '季度' ? 3 : 4).then(res => {
|
||||
if (res.status == 200) {
|
||||
this.Positive = res.result
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
getQueryRecommendRank(){
|
||||
getQueryRecommendRank() {
|
||||
apiCase.queryRecommendRank(3).then(res => {
|
||||
if(res.status == 200) {
|
||||
if (res.status == 200) {
|
||||
this.recommendRank = res.result
|
||||
}
|
||||
})
|
||||
@@ -1874,7 +1891,7 @@ export default {
|
||||
this.$router.push(`/case/detail?id=${item.id}`);
|
||||
},
|
||||
// 案例立即咨询
|
||||
getAICase(){
|
||||
getAICase() {
|
||||
this.showAICall = true
|
||||
},
|
||||
onClose() {
|
||||
@@ -1889,12 +1906,14 @@ export default {
|
||||
cursor: pointer;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: rgba(51,51,51,0.9);
|
||||
color: rgba(51, 51, 51, 0.9);
|
||||
}
|
||||
.el-icon--right{
|
||||
|
||||
.el-icon--right {
|
||||
margin-left: 14px !important;
|
||||
}
|
||||
.the_charts{
|
||||
|
||||
.the_charts {
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@@ -1906,11 +1925,13 @@ export default {
|
||||
height: 47px;
|
||||
background: #DDEDFF;
|
||||
border-radius: 8px;
|
||||
.text{
|
||||
|
||||
.text {
|
||||
font-size: 17px;
|
||||
color: #387DF7;
|
||||
}
|
||||
.icon{
|
||||
|
||||
.icon {
|
||||
position: absolute;
|
||||
font-size: 17px;
|
||||
color: #387DF7;
|
||||
@@ -1919,7 +1940,8 @@ export default {
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// 课程分类
|
||||
.course-title-style {
|
||||
position: relative;
|
||||
@@ -1991,6 +2013,7 @@ export default {
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.u-class {
|
||||
::v-deep .el-dialog {
|
||||
border-radius: 15px;
|
||||
@@ -2121,7 +2144,8 @@ export default {
|
||||
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
|
||||
}
|
||||
.text_msg{
|
||||
|
||||
.text_msg {
|
||||
margin: 43px 0 0 222px;
|
||||
font-size: 14px;
|
||||
color: #000;
|
||||
@@ -2504,19 +2528,23 @@ export default {
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
// margin-bottom: ;
|
||||
.pub_time{
|
||||
.pub_time {
|
||||
display: flex;
|
||||
margin-right: 25px;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
.text{
|
||||
|
||||
.text {
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
}
|
||||
.triangle{
|
||||
|
||||
.triangle {
|
||||
margin-left: 5px;
|
||||
.up-triangle{
|
||||
|
||||
.up-triangle {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 4px solid transparent;
|
||||
@@ -2524,7 +2552,8 @@ export default {
|
||||
border-bottom: 6px solid #DCDFE6;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.down-triangle{
|
||||
|
||||
.down-triangle {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 4px solid transparent;
|
||||
@@ -2533,7 +2562,8 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
.time{
|
||||
|
||||
.time {
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@@ -2542,29 +2572,35 @@ export default {
|
||||
width: 116px;
|
||||
height: 38px;
|
||||
border-radius: 4px;
|
||||
|
||||
// background: #04243C;
|
||||
&:hover{
|
||||
&:hover {
|
||||
// background: #387DF7;
|
||||
border: 1px solid #387DF7;
|
||||
.text{
|
||||
|
||||
.text {
|
||||
// color: #fff;
|
||||
}
|
||||
|
||||
// .png{
|
||||
// background: url('../../../assets/images/case/wighttime.png') no-repeat;
|
||||
// }
|
||||
}
|
||||
.png{
|
||||
|
||||
.png {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url('../../../../public/images/browse.png') no-repeat;
|
||||
background-size: 100%;
|
||||
margin-right: 9px;
|
||||
}
|
||||
.text{
|
||||
|
||||
.text {
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
.time::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
@@ -2577,7 +2613,8 @@ export default {
|
||||
z-index: 1;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.time_active{
|
||||
|
||||
.time_active {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@@ -2586,19 +2623,22 @@ export default {
|
||||
height: 38px;
|
||||
background: #387DF7;
|
||||
border-radius: 4px;
|
||||
.png{
|
||||
|
||||
.png {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url('../../../assets/images/case/wighttime.png') no-repeat;
|
||||
background-size: 100%;
|
||||
margin-right: 9px;
|
||||
}
|
||||
.text{
|
||||
|
||||
.text {
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.collect{
|
||||
|
||||
.collect {
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@@ -2607,29 +2647,35 @@ export default {
|
||||
width: 116px;
|
||||
height: 38px;
|
||||
border-radius: 4px;
|
||||
|
||||
// background: #04243C;
|
||||
&:hover{
|
||||
&:hover {
|
||||
// background: #387DF7;
|
||||
border: 1px solid #387DF7;
|
||||
.text{
|
||||
|
||||
.text {
|
||||
// color: #fff;
|
||||
}
|
||||
|
||||
// .png{
|
||||
// background: url('../../../assets/images/case/wight.png') no-repeat;
|
||||
// }
|
||||
}
|
||||
.png{
|
||||
|
||||
.png {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url('../../../../public/images/collect.png') no-repeat;
|
||||
background-size: 100%;
|
||||
margin-right: 9px;
|
||||
}
|
||||
.text{
|
||||
|
||||
.text {
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
.collect::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
@@ -2642,7 +2688,8 @@ export default {
|
||||
z-index: 1;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.collect_active{
|
||||
|
||||
.collect_active {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@@ -2651,26 +2698,29 @@ export default {
|
||||
height: 38px;
|
||||
background: #387DF7;
|
||||
border-radius: 4px;
|
||||
.png{
|
||||
|
||||
.png {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url('../../../assets/images/case/wight.png') no-repeat;
|
||||
background-size: 100%;
|
||||
margin-right: 9px;
|
||||
}
|
||||
.text{
|
||||
|
||||
.text {
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.back_num{
|
||||
.back_num {
|
||||
background: #FFFFFF;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 0 40px;
|
||||
.search_div_num{
|
||||
|
||||
.search_div_num {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@@ -2682,6 +2732,7 @@ export default {
|
||||
color: #387DF7;
|
||||
}
|
||||
}
|
||||
|
||||
.data-content {
|
||||
background-color: #fff;
|
||||
padding: 5px 50px;
|
||||
@@ -2715,12 +2766,13 @@ export default {
|
||||
|
||||
.case-info {
|
||||
.case-info-cont {
|
||||
.case_text{
|
||||
.case_text {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.case-info-title {
|
||||
font-size: 15px;
|
||||
color: #333;
|
||||
@@ -2819,10 +2871,22 @@ export default {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.AI-case{
|
||||
// max-width: 400px;
|
||||
height: 100px;
|
||||
background: #CEE4FF;
|
||||
margin-bottom:10px
|
||||
|
||||
.AI-case {
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
span {
|
||||
width: 160px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
top: 105px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user