mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-11 03:46:44 +08:00
修改
This commit is contained in:
@@ -89,15 +89,13 @@
|
|||||||
<div style="width: 245px;margin-left: 5px;" :class="zoomShow?'':'fixd-box-show'">
|
<div style="width: 245px;margin-left: 5px;" :class="zoomShow?'':'fixd-box-show'">
|
||||||
<div>
|
<div>
|
||||||
<div id="fixd-box">
|
<div id="fixd-box">
|
||||||
<el-card class="ranking-card" >
|
<!-- <el-card class="ranking-card" >
|
||||||
<div slot="header">
|
<div slot="header">
|
||||||
<span style="font-size: 14px;font-weight: 600;color: #333333;">贡献榜</span>
|
<span style="font-size: 14px;font-weight: 600;color: #333333;">贡献榜</span>
|
||||||
</div>
|
</div>
|
||||||
<div style="padding-bottom:10px">
|
<div style="padding-bottom:10px">
|
||||||
<el-row class="ranking-title">
|
<el-row class="ranking-title">
|
||||||
<!-- <el-col :span="15" style="color: #333333;font-size: 14px;">名称</el-col> -->
|
</el-row>
|
||||||
<!-- <el-col :offset="4" :span="5" class="center" style="color: #333333;font-size: 14px;">分数</el-col> -->
|
|
||||||
</el-row>
|
|
||||||
<el-row class="ranking-title bacolor" v-for="(item, index) in ankingList" :key="index" >
|
<el-row class="ranking-title bacolor" v-for="(item, index) in ankingList" :key="index" >
|
||||||
<el-col :span="6" style="height:34px">
|
<el-col :span="6" style="height:34px">
|
||||||
<img v-if="index===0" :src="`${webBaseUrl}/images/first.png`"/>
|
<img v-if="index===0" :src="`${webBaseUrl}/images/first.png`"/>
|
||||||
@@ -105,14 +103,11 @@
|
|||||||
<img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
|
<img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
|
||||||
<span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
|
<span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
|
||||||
</el-col>
|
</el-col>
|
||||||
<!-- <el-tooltip :enterable="false" effect="light" :content="item.sysCreateUname" placement="bottom" :visible-arrow="false" popper-class="text-tooltip"> -->
|
|
||||||
<el-col :span="15" class="title-line-ellipsis"> {{ item.sysCreateUname }}</el-col>
|
<el-col :span="15" class="title-line-ellipsis"> {{ item.sysCreateUname }}</el-col>
|
||||||
<!-- </el-tooltip> -->
|
|
||||||
<!-- <el-col class="center" style="color: #FF8E00;" :span="5">{{ item.score }}</el-col> -->
|
|
||||||
</el-row>
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card> -->
|
||||||
<div style="height: 10px;"></div>
|
<!-- <div style="height: 10px;"></div> -->
|
||||||
<el-card class="ranking-card" >
|
<el-card class="ranking-card" >
|
||||||
<div slot="header">
|
<div slot="header">
|
||||||
<span style="font-size: 14px;font-weight: 600;color: #333333;">人气榜</span>
|
<span style="font-size: 14px;font-weight: 600;color: #333333;">人气榜</span>
|
||||||
@@ -383,7 +378,7 @@ export default {
|
|||||||
}
|
}
|
||||||
if(scrollTop > 630) {
|
if(scrollTop > 630) {
|
||||||
this.isTopBoxShow = true;
|
this.isTopBoxShow = true;
|
||||||
document.querySelector('#fixd-box').style.cssText = "position: fixed;top: -500px;width:245.5px";
|
document.querySelector('#fixd-box').style.cssText = "position: fixed;top: -250px;width:245.5px";
|
||||||
} else {
|
} else {
|
||||||
document.querySelector('#fixd-box').style.cssText = "position: static";
|
document.querySelector('#fixd-box').style.cssText = "position: static";
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -49,14 +49,14 @@
|
|||||||
<div style="flex:1" id="searchBox">
|
<div style="flex:1" id="searchBox">
|
||||||
<el-radio-group v-model="queryCondition.majorType" size="mini" @change="search()">
|
<el-radio-group v-model="queryCondition.majorType" size="mini" @change="search()">
|
||||||
<el-radio-button :label="null">全部</el-radio-button>
|
<el-radio-button :label="null">全部</el-radio-button>
|
||||||
<el-radio-button v-for="item in Profess" :key="item.code" :label="item.code" > {{ item.name }} </el-radio-button>
|
<el-radio-button v-for="item in speciData" :key="item.code" :label="item.code" > {{ item.name }} </el-radio-button>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
<div class="searBox" v-if="searchwd">
|
<div class="searBox" v-if="speciData.length > 15">
|
||||||
<el-button type="text" id="closeSearchBtn" @click="closeSearch">
|
<el-button type="text" id="closeSearchBtn" @click="closeSearch">
|
||||||
{{word}}
|
{{word}}
|
||||||
<i :class="showAll ? 'el-icon-arrow-up ': 'el-icon-arrow-down'"></i>
|
<i :class="showAll ? 'el-icon-arrow-up ': 'el-icon-arrow-down'"></i>
|
||||||
@@ -131,15 +131,12 @@
|
|||||||
<div style="width: 245px;margin-left: 5px;">
|
<div style="width: 245px;margin-left: 5px;">
|
||||||
<div>
|
<div>
|
||||||
<div id="fixd-box">
|
<div id="fixd-box">
|
||||||
<el-card class="ranking-card" >
|
<!-- <el-card class="ranking-card" >
|
||||||
<div slot="header">
|
<div slot="header">
|
||||||
<span style="font-size: 14px;font-weight: 600;color: #333333;">贡献榜</span>
|
<span style="font-size: 14px;font-weight: 600;color: #333333;">贡献榜</span>
|
||||||
</div>
|
</div>
|
||||||
<div style="padding-bottom:10px">
|
<div style="padding-bottom:10px">
|
||||||
<el-row class="ranking-title">
|
<el-row class="ranking-title"> </el-row>
|
||||||
<!-- <el-col :span="15" style="color: #333333;font-size: 14px;">名称</el-col> -->
|
|
||||||
<!-- <el-col :offset="4" :span="5" class="center" style="color: #333333;font-size: 14px;">分数</el-col> -->
|
|
||||||
</el-row>
|
|
||||||
<el-row class="ranking-title bacolor" v-for="(item, index) in ankingList" :key="index" >
|
<el-row class="ranking-title bacolor" v-for="(item, index) in ankingList" :key="index" >
|
||||||
<el-col :span="6" style="height:34px">
|
<el-col :span="6" style="height:34px">
|
||||||
<img v-if="index===0" :src="`${webBaseUrl}/images/first.png`"/>
|
<img v-if="index===0" :src="`${webBaseUrl}/images/first.png`"/>
|
||||||
@@ -147,14 +144,11 @@
|
|||||||
<img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
|
<img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
|
||||||
<span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
|
<span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
|
||||||
</el-col>
|
</el-col>
|
||||||
<!-- <el-tooltip :enterable="false" effect="light" :content="item.sysCreateUname" :visible-arrow="false" popper-class="text-tooltip" placement="bottom"> -->
|
|
||||||
<el-col :span="15" class="title-line-ellipsis"> {{ item.sysCreateUname }}</el-col>
|
<el-col :span="15" class="title-line-ellipsis"> {{ item.sysCreateUname }}</el-col>
|
||||||
<!-- </el-tooltip> -->
|
|
||||||
<!-- <el-col class="center" style="color: #FF8E00;" :span="5">{{ item.score }}</el-col> -->
|
|
||||||
</el-row>
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card> -->
|
||||||
<div style="height: 10px;"></div>
|
<!-- <div style="height: 10px;"></div> -->
|
||||||
<el-card class="ranking-card" >
|
<el-card class="ranking-card" >
|
||||||
<div slot="header">
|
<div slot="header">
|
||||||
<span style="font-size: 14px;font-weight: 600;color: #333333;">人气榜</span>
|
<span style="font-size: 14px;font-weight: 600;color: #333333;">人气榜</span>
|
||||||
@@ -272,6 +266,7 @@ export default {
|
|||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
speciData:[],
|
||||||
moreState: 1, // 1 加载更多 2 加载中 3无数据
|
moreState: 1, // 1 加载更多 2 加载中 3无数据
|
||||||
isSeach: false,
|
isSeach: false,
|
||||||
searchwd: true,
|
searchwd: true,
|
||||||
@@ -296,8 +291,8 @@ export default {
|
|||||||
orderField: "comments",
|
orderField: "comments",
|
||||||
// breCommend:null,
|
// breCommend:null,
|
||||||
keyWord: "",
|
keyWord: "",
|
||||||
majorType:'', //专业分类
|
majorType:null, //专业分类
|
||||||
orgDomain: '', // 组织领域
|
orgDomain: null, // 组织领域
|
||||||
orderAsc: false
|
orderAsc: false
|
||||||
},
|
},
|
||||||
keyWord: "",
|
keyWord: "",
|
||||||
@@ -313,6 +308,12 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
mounted() {
|
mounted() {
|
||||||
|
if(this.searchTags.length == 0){
|
||||||
|
console.log('gyigyu')
|
||||||
|
this.queryCondition.majorType = null;
|
||||||
|
this.queryCondition.orgDomain = null;
|
||||||
|
};
|
||||||
|
this.specialized();
|
||||||
this.$nextTick(function() {
|
this.$nextTick(function() {
|
||||||
this.closeSearch();
|
this.closeSearch();
|
||||||
});
|
});
|
||||||
@@ -332,6 +333,7 @@ export default {
|
|||||||
// this.getCaseData();
|
// this.getCaseData();
|
||||||
this.search();
|
this.search();
|
||||||
window.addEventListener("scroll", this.handleScroll);
|
window.addEventListener("scroll", this.handleScroll);
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
watch: {
|
watch: {
|
||||||
@@ -347,6 +349,15 @@ export default {
|
|||||||
window.removeEventListener("scroll", this.handleScroll);
|
window.removeEventListener("scroll", this.handleScroll);
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
specialized(){
|
||||||
|
apiCase.majorTypes().then(res =>{
|
||||||
|
if(res.status == 200){
|
||||||
|
this.speciData = res.result
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
jumcasedet(item) {
|
jumcasedet(item) {
|
||||||
this.$router.push({path:'/case/detail',query:{id:item.id}});
|
this.$router.push({path:'/case/detail',query:{id:item.id}});
|
||||||
|
|
||||||
@@ -487,7 +498,7 @@ export default {
|
|||||||
}
|
}
|
||||||
if (scrollTop > 630) {
|
if (scrollTop > 630) {
|
||||||
document.querySelector("#fixd-box").style.cssText =
|
document.querySelector("#fixd-box").style.cssText =
|
||||||
"position: fixed;top: -500px;width:245.5px";
|
"position: fixed;top: -250px;width:245.5px";
|
||||||
} else {
|
} else {
|
||||||
document.querySelector("#fixd-box").style.cssText = "position: static";
|
document.querySelector("#fixd-box").style.cssText = "position: static";
|
||||||
}
|
}
|
||||||
@@ -609,13 +620,15 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
tagsClose(tag, index) {
|
tagsClose(tag, index) {
|
||||||
|
|
||||||
for (let i in this.queryCondition) {
|
for (let i in this.queryCondition) {
|
||||||
|
|
||||||
if (tag.type === i) {
|
if (tag.type === i) {
|
||||||
if (i == "majorType") {
|
if (i == "majorType") {
|
||||||
this.queryCondition.majorType = 0;
|
this.queryCondition.majorType = '';
|
||||||
}
|
}
|
||||||
if (i == "orgDomain") {
|
if (i == "orgDomain") {
|
||||||
this.queryCondition.orgDomain = 0;
|
this.queryCondition.orgDomain = '';
|
||||||
}
|
}
|
||||||
if (i == "keyWord") {
|
if (i == "keyWord") {
|
||||||
this.queryCondition.keyWord = "";
|
this.queryCondition.keyWord = "";
|
||||||
@@ -623,9 +636,17 @@ export default {
|
|||||||
}
|
}
|
||||||
this.queryCondition[i] = "";
|
this.queryCondition[i] = "";
|
||||||
this.searchTags.splice(index, 1);
|
this.searchTags.splice(index, 1);
|
||||||
|
if (i == "majorType") {
|
||||||
|
this.queryCondition.majorType = null;
|
||||||
|
}
|
||||||
|
if (i == "orgDomain") {
|
||||||
|
this.queryCondition.orgDomain = null;
|
||||||
|
}
|
||||||
|
|
||||||
this.getCaseData();
|
this.getCaseData();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
getCaseUserData(caseList) {
|
getCaseUserData(caseList) {
|
||||||
let ids = caseList.map((item, index) => {
|
let ids = caseList.map((item, index) => {
|
||||||
@@ -674,6 +695,9 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
::v-deep .el-radio-button{
|
||||||
|
margin-right:0px;
|
||||||
|
}
|
||||||
::v-deep .el-button {
|
::v-deep .el-button {
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -435,7 +435,23 @@ export default {
|
|||||||
this.category = "";
|
this.category = "";
|
||||||
this.categorySub = "";
|
this.categorySub = "";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
this.searchTags.splice(index, 1);
|
this.searchTags.splice(index, 1);
|
||||||
|
if(i === 'type') {
|
||||||
|
this.category = null;
|
||||||
|
this.categorySub = null;
|
||||||
|
}
|
||||||
|
if (i === "sysType1") {
|
||||||
|
this.types.sysTypes = null;
|
||||||
|
}
|
||||||
|
if (i === "sysType2") {
|
||||||
|
this.types.subOne = null;
|
||||||
|
}
|
||||||
|
if (i === "sysType3") {
|
||||||
|
this.types.subTow = null;
|
||||||
|
}
|
||||||
|
|
||||||
this.searchData();
|
this.searchData();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user