odjbin/sist_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

clay commit : 解决有三级菜单时跳转出现问题

Browse Source
This commit is contained in:
clay
2022-10-07 20:58:29 +08:00
parent 576ed2a3b8
commit b533dddb3f
9 changed files with 86 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/api/index.js
View File

@@ -30,6 +30,13 @@ export function getNode(data) {
data:data data:data
}) })
} }
export function getNodeNav(data) {
return request({
url: '/web/nodeNav',
method: 'post',
data:data
})
}
// 获取文章列表 // 获取文章列表
export function getArticleList(data) { export function getArticleList(data) {
return request({ return request({

10
src/utils/sist.js
View File

@@ -98,20 +98,22 @@ export function toArticle(news, width) {
if (info == null) { if (info == null) {
return return
} }
let routeData = null;
if (info.three == null) { if (info.three == null) {
if (width) { if (width) {
vm.$router.push("/pc/" + info.second.encodeId + "?id=" + news.id + "&type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang")); routeData = vm.$router.resolve("/pc/" + info.second.encodeId + "?id=" + news.id + "&type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang"));
} else { } else {
vm.$router.push("/mobile/" + info.second.encodeId + "?id=" + news.id + "&type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang")); routeData = vm.$router.resolve("/mobile/" + info.second.encodeId + "?id=" + news.id + "&type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang"));
} }
} else { } else {
console.log(info.three, "toArticle,info.three") console.log(info.three, "toArticle,info.three")
if (width) { if (width) {
vm.$router.push("/pc/" + info.second.encodeId + "/" + info.three.encodeId + "?id=" + news.id + "&lang=" + sessionStorage.getItem("lang")); routeData = vm.$router.resolve("/pc/" + info.second.encodeId + "/" + info.three.encodeId + "?id=" + news.id + "&lang=" + sessionStorage.getItem("lang"));
} else { } else {
vm.$router.push("/mobile/" + info.second.encodeId + "/" + info.three.encodeId + "?id=" + news.id + "&lang=" + sessionStorage.getItem("lang")); routeData = vm.$router.resolve("/mobile/" + info.second.encodeId + "/" + info.three.encodeId + "?id=" + news.id + "&lang=" + sessionStorage.getItem("lang"));
} }
} }
window.open(routeData.href,"_blank")
}) })
} }

4
src/views/content/components/dire_data_tow.vue
View File

@@ -64,8 +64,8 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
.context { .context {
margin: 3rem 2rem; margin: 2rem 2rem;
padding-bottom: 3rem; //padding-bottom: 3rem;
//width: 84.3rem; //width: 84.3rem;
//background: #FFFFFF; //background: #FFFFFF;

3
src/views/content/components/list.vue
View File

@@ -39,7 +39,8 @@
<div class="tw_context_title" @click="getContext(item)"> <div class="tw_context_title" @click="getContext(item)">
{{ item.title }} {{ item.title }}
</div> </div>
<div class="tw_context_text" v-html="item.content"></div> <div v-if="item.description" class="tw_context_text">{{item.description}}</div>
<div v-if="!item.description" class="tw_context_text" v-html="item.content"></div>
</div> </div>
</el-col> </el-col>
<el-col v-show="width>992" :xs="1" :sm="1" :md="3" :lg="4" :xl="3"> <el-col v-show="width>992" :xs="1" :sm="1" :md="3" :lg="4" :xl="3">

136
src/views/content/index.vue
View File

@@ -16,7 +16,7 @@
<div style="background-color:#F8F8F8 ; padding-bottom: 19rem"> <div style="background-color:#F8F8F8 ; padding-bottom: 19rem">
<!--有三级菜单--> <!--有三级菜单-->
<el-row v-show="false"> <el-row v-show="showSecond">
<el-col v-if="$i18n.locale === 'cn'" :xs="2" :sm="2" :md="1.5" :lg="2" :xl="4"> <el-col v-if="$i18n.locale === 'cn'" :xs="2" :sm="2" :md="1.5" :lg="2" :xl="4">
<div class="grid-content"></div> <div class="grid-content"></div>
</el-col> </el-col>
@@ -45,82 +45,6 @@
</div> </div>
</el-col> </el-col>
<el-col v-if="$i18n.locale === 'en'" :xs="2" :sm="2" :md="2" :lg="2" :xl="3">
<div class="grid-content"></div>
</el-col>
<el-col v-if="$i18n.locale === 'en'" v-show="width" :md="6" :lg="6" :xl="5">
<div class="left_lab english" ref="lab">
<div class="lab">
<div v-for="(nav,index) in navList" class="lab_div">
<div v-if="index === showIndex" class="lab_list lab_select" @click="navClick(nav,index)">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
{{ nav.englishTitle }}
</div>
</div>
<div v-if="index !== showIndex" class="lab_list" @click="navClick(nav,index)">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
{{ nav.englishTitle }}
</div>
</div>
</div>
</div>
</div>
</el-col>
<!--<el-col v-if="$i18n.locale === 'cn'" :xs="20" :sm="20" :md="15" :lg="14" :xl="12">-->
<el-col :xs="20" :sm="20" :md="15" :lg="14" :xl="12">
<el-row>
<el-col>
<div class="tab">
<router-link style="color: #1956BC; font-size: 16px;" to="/home">{{ $t('message.home') }}</router-link>
<span> > </span>
<span>
<!--<router-link to="">-->
<span v-if="$i18n.locale === 'cn'">{{ crumbs.one.title }}</span>
<span v-if="$i18n.locale === 'en'">{{ crumbs.one.englishTitle }}</span>
<!--</router-link>-->
</span>
<span> > </span>
<span>
<span v-if="$i18n.locale === 'cn'">{{ crumbs.two.title }}</span>
<span v-if="$i18n.locale === 'en'">{{ crumbs.two.englishTitle }}</span>
</span>
</div>
</el-col>
</el-row>
<el-row>
<el-col>
<Introduction :introduction="contextData" v-if="type === 1"/>
<List :list="contextData" v-if="type === 2 && listDataType == 0"/>
<SimpleList :list="contextData" v-if="type === 2 && listDataType == 1"/>
<FileList :value="contextData" v-if="type === 4"/>
<DireData :value="contextData" v-if="type === 3 && dreDataType == '1'"/>
<DireDataTow :value="contextData" v-if="type === 3 && dreDataType == '2'"/>
<Details :value="detailsData" v-if="type == null"/>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row v-show="true">
<el-col v-if="$i18n.locale === 'cn'" :xs="2" :sm="2" :md="1.5" :lg="2" :xl="4">
<div class="grid-content"></div>
</el-col>
<el-col v-if="$i18n.locale === 'cn'" v-show="width" :md="6" :lg="6" :xl="4">
<div class="left_bgc">
<div class="right_bgc">
</div>
</div>
</el-col>
<el-col v-if="$i18n.locale === 'en'" :xs="2" :sm="2" :md="2" :lg="2" :xl="3"> <el-col v-if="$i18n.locale === 'en'" :xs="2" :sm="2" :md="2" :lg="2" :xl="3">
<div class="grid-content"></div> <div class="grid-content"></div>
@@ -151,6 +75,7 @@
</div> </div>
</el-col> </el-col>
<!--<el-col v-if="$i18n.locale === 'cn'" :xs="20" :sm="20" :md="15" :lg="14" :xl="12">--> <!--<el-col v-if="$i18n.locale === 'cn'" :xs="20" :sm="20" :md="15" :lg="14" :xl="12">-->
<el-col :xs="20" :sm="20" :md="15" :lg="14" :xl="12"> <el-col :xs="20" :sm="20" :md="15" :lg="14" :xl="12">
<el-row> <el-row>
@@ -244,6 +169,7 @@ import FileList from './components/file_list.vue'
import SimpleList from './components/simple_list.vue' import SimpleList from './components/simple_list.vue'
import {handleTree} from "@/utils/ebts"; import {handleTree} from "@/utils/ebts";
import {getParentNode, setLanguage} from "@/utils/sist"; import {getParentNode, setLanguage} from "@/utils/sist";
import {getNodeNav} from "../../api";
export default { export default {
name: "index", name: "index",
@@ -282,8 +208,9 @@ export default {
}, },
watch: { watch: {
$route(to, from) { $route(to, from) {
console.log("我被触发了") console.log("$route触发了")
this.showIndex = 0 this.showIndex = 0
this.rest()
let arcId = this.$route.params && this.$route.query.id let arcId = this.$route.params && this.$route.query.id
this.navId = this.$route.params && this.$route.params.navId; this.navId = this.$route.params && this.$route.params.navId;
let id = this.$route.params && this.$route.params.secondId let id = this.$route.params && this.$route.params.secondId
@@ -305,6 +232,7 @@ export default {
} else { } else {
console.log(this.navId, "this.navId") console.log(this.navId, "this.navId")
if (undefined == this.navId) { if (undefined == this.navId) {
this.secondId = id
this.getNodes() this.getNodes()
} }
} }
@@ -316,14 +244,18 @@ export default {
this.$refs.lab.style.height = this.navList.length * 8 + 10 + 'rem' this.$refs.lab.style.height = this.navList.length * 8 + 10 + 'rem'
} catch (e) { } catch (e) {
} }
this.showIndex = 0
console.log("开始循环查找id信息")
if (this.secondId == id && this.navList) { if (this.secondId == id && this.navList) {
for (let i = 0; i < this.navList.length; i++) { for (let i = 0; i < this.navList.length; i++) {
if (this.navId == this.navList[i].encodeId) { if (this.navId == this.navList[i].encodeId) {
console.log("找到了")
this.showIndex = i this.showIndex = i
this.getContent(this.navList[i]) this.getContent(this.navList[i])
} }
} }
} else { } else {
console.log("跳转的路由和以前不一样")
this.navList = [] this.navList = []
this.secondId = id this.secondId = id
this.getNav() this.getNav()
@@ -331,6 +263,7 @@ export default {
} }
}, },
created() { created() {
console.log("created触发了")
setLanguage(this) setLanguage(this)
this.showIndex = 0 this.showIndex = 0
this.secondId = this.$route.params && this.$route.params.secondId; this.secondId = this.$route.params && this.$route.params.secondId;
@@ -339,11 +272,17 @@ export default {
console.log(this.type, "this.type") console.log(this.type, "this.type")
setTimeout(() => { setTimeout(() => {
this.getNav() this.getNav()
this.getNodes()
}, 200); }, 200);
//this.getNav() //this.getNav()
this.getCrumbs(); this.getCrumbs();
}, },
methods: { methods: {
rest() {
this.showIndex = 0
this.navId = null
this.type = null
},
/** /**
* 获得面包屑导航 * 获得面包屑导航
*/ */
@@ -388,13 +327,13 @@ export default {
return return
} }
this.showSecond = true this.showSecond = true
this.getNodes()
}, },
/** /**
* 获得节点信息 * 获得节点信息
*/ */
async getNodes() { async getNodes() {
console.log("getNodes被触发了")
this.navList = [] this.navList = []
// await getNode({id: this.secondId}).then(res => { // await getNode({id: this.secondId}).then(res => {
// this.navList = res.data // this.navList = res.data
@@ -425,12 +364,20 @@ export default {
// } // }
// } // }
// }) // })
let res = await getNode({id: this.secondId}) let res = await getNodeNav({id: this.secondId})
// todo 延时异步问题 // todo 延时异步问题
setTimeout(() => { console.log(res, "2222")
this.$refs.lab.style.height = res.data.length * 8 + 10 + 'rem' if (res.data.length == 0) {
}, 100); this.navList = []
this.showSecond = false
return
}
this.navList = res.data this.navList = res.data
// setTimeout(() => {
this.$refs.lab.style.height = res.data.length * 8 + 10 + 'rem'
console.log("qqq")
// }, 100);
// if (!this.navList){ // if (!this.navList){
// return // return
// } // }
@@ -440,10 +387,11 @@ export default {
} }
} }
let arcId = this.$route.query && this.$route.query.id let arcId = this.$route.query && this.$route.query.id
console.log("进入到arcId 的判断", arcId)
if (arcId != undefined) { if (arcId != undefined) {
this.getContext(arcId) this.getContext(arcId)
} else { } else {
console.log("测试,我被触发了!") console.log("进入到this.navId 的判断", this.navId)
if (this.navId == undefined) { if (this.navId == undefined) {
this.getContent(this.navList[0]) this.getContent(this.navList[0])
} else { } else {
@@ -456,8 +404,7 @@ export default {
* @param menu * @param menu
*/ */
getContent(menu) { getContent(menu) {
console.log("getContent内部,menu:", menu) console.log("getContent被触发了", menu)
console.log(menu)
if (menu == undefined) { if (menu == undefined) {
return return
} }
@@ -472,6 +419,7 @@ export default {
pageSize: 5 pageSize: 5
} }
this.listDataType = 0 this.listDataType = 0
console.log(menu.isSimple,"menu.isSimple")
if (this.type === 4 || menu.isSimple == 1) { if (this.type === 4 || menu.isSimple == 1) {
data.pageSize = 10 data.pageSize = 10
this.listDataType = 1 this.listDataType = 1
@@ -637,22 +585,6 @@ export default {
} }
} }
.left_bgc{
width: 13.8rem;
//height: 250px;
background: #1956BC;
border-radius: 0px 0px 13px 0px;
position: relative;
.right_bgc{
width: 119px;
height: 200px;
background: #FFFFFF;
box-shadow: 0px 1px 3px 0px rgba(6,42,102,0.67);
border-radius: 0px 0px 16px 13px;
}
}
.tab { .tab {
margin-left: 1.9rem; margin-left: 1.9rem;
margin-top: 1.5rem; margin-top: 1.5rem;

19
src/views/index/components/academy_and_sciences.vue
View File

@@ -34,8 +34,8 @@
<div class="academy_content_title"> <div class="academy_content_title">
{{sciencesData[0].title}} {{sciencesData[0].title}}
</div> </div>
<div class="academy_content_text" v-html="sciencesData[0].content"> <div v-if="sciencesData[0].description" class="academy_content_text">{{sciencesData[0].description}}</div>
</div> <div v-if="!sciencesData[0].description" class="academy_content_text" v-html="sciencesData[0].content"></div>
</div> </div>
</el-col> </el-col>
<el-col :span="2"> <el-col :span="2">
@@ -50,8 +50,8 @@
<div class="academy_content_title"> <div class="academy_content_title">
{{sciencesData[1].title}} {{sciencesData[1].title}}
</div> </div>
<div class="academy_content_text" v-html="sciencesData[1].content"> <div v-if="sciencesData[1].description" class="academy_content_text">{{sciencesData[1].description}}</div>
</div> <div v-if="!sciencesData[1].description" class="academy_content_text" v-html="sciencesData[1].content"></div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@@ -65,8 +65,8 @@
<div class="academy_content_title"> <div class="academy_content_title">
{{sciencesData[2].title}} {{sciencesData[2].title}}
</div> </div>
<div class="academy_content_text" v-html="sciencesData[2].content"> <div v-if="sciencesData[2].description" class="academy_content_text">{{sciencesData[2].description}}</div>
</div> <div v-if="!sciencesData[2].description" class="academy_content_text" v-html="sciencesData[2].content"></div>
</div> </div>
</el-col> </el-col>
<el-col :span="2"> <el-col :span="2">
@@ -83,8 +83,8 @@
<div class="academy_content_title"> <div class="academy_content_title">
{{sciencesData[3].title}} {{sciencesData[3].title}}
</div> </div>
<div class="academy_content_text" v-html="sciencesData[3].content"> <div v-if="sciencesData[3].description" class="academy_content_text">{{sciencesData[3].description}}</div>
</div> <div v-if="!sciencesData[3].description" class="academy_content_text" v-html="sciencesData[3].content"></div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@@ -264,6 +264,7 @@ export default {
color: #0049AF; color: #0049AF;
.academy_content_text{ .academy_content_text{
color: #575757; color: #575757;
font-size: 1.4rem !important;
} }
.img { .img {
@@ -314,7 +315,7 @@ export default {
//width: 139px; //width: 139px;
width: 100%; width: 100%;
//height: 38px; //height: 38px;
font-size: 1.4rem; font-size: 1.6rem;
font-weight: bold; font-weight: bold;
//color: #FFFFFF; //color: #FFFFFF;
line-height: 1.9rem; line-height: 1.9rem;

8
src/views/index/components/announcements.vue
View File

@@ -23,8 +23,8 @@
</div> </div>
<div class="announcements_text_line"></div> <div class="announcements_text_line"></div>
<div class="announcements_text_title">{{item.title}}</div> <div class="announcements_text_title">{{item.title}}</div>
<div class="announcements_text_content" v-html="item.content"> <div v-if="item.description" class="announcements_text_content">{{item.description}}</div>
</div> <div v-if="!item.description" class="announcements_text_content" v-html="item.content"></div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@@ -173,7 +173,7 @@ export default {
width: 100%; width: 100%;
height: 3.8rem; height: 3.8rem;
font-size: 1.4rem; font-size: 1.6rem;
font-weight: bold; font-weight: bold;
color: #000000; color: #000000;
line-height: 1.9rem; line-height: 1.9rem;
@@ -189,7 +189,7 @@ export default {
&_content { &_content {
width: 100%; width: 100%;
height: 7rem; height: 7rem;
font-size: 1rem; font-size: 1.4rem;
font-weight: 500; font-weight: 500;
color: #777777; color: #777777;
line-height: 1.8rem; line-height: 1.8rem;

12
src/views/index/components/bottom.vue
View File

@@ -21,7 +21,7 @@
<td> <td>
<div class="right one"> <div class="right one">
<div class="table_tr_left">{{ $t('message.employees') }}</div> <div class="table_tr_left">{{ $t('message.employees') }}</div>
<div class="table_tr_right">{{data.worker}}人</div> <div class="table_tr_right">{{data.worker}}</div>
</div> </div>
</td> </td>
</tr> </tr>
@@ -29,7 +29,7 @@
<td> <td>
<div class="right tow"> <div class="right tow">
<div class="table_tr_left">{{ $t('message.number_students') }}</div> <div class="table_tr_left">{{ $t('message.number_students') }}</div>
<div class="table_tr_right">{{data.students}}人</div> <div class="table_tr_right">{{data.students}}</div>
</div> </div>
</td> </td>
</tr> </tr>
@@ -37,7 +37,7 @@
<td> <td>
<div class="right three"> <div class="right three">
<div class="table_tr_left">{{ $t('message.graduate_tutor') }}</div> <div class="table_tr_left">{{ $t('message.graduate_tutor') }}</div>
<div class="table_tr_right">{{data.postgraduateTutor}}人</div> <div class="table_tr_right">{{data.postgraduateTutor}}</div>
</div> </div>
</td> </td>
</tr> </tr>
@@ -45,7 +45,7 @@
<td> <td>
<div class="right fourth"> <div class="right fourth">
<div class="table_tr_left">{{ $t('message.research_team') }}</div> <div class="table_tr_left">{{ $t('message.research_team') }}</div>
<div class="table_tr_right">{{data.scientificTeam}}人</div> <div class="table_tr_right">{{data.scientificTeam}}</div>
</div> </div>
</td> </td>
</tr> </tr>
@@ -53,7 +53,7 @@
<td> <td>
<div class="right five"> <div class="right five">
<div class="table_tr_left">{{ $t('message.high_level_talents') }}</div> <div class="table_tr_left">{{ $t('message.high_level_talents') }}</div>
<div class="table_tr_right">{{data.highLevelTalents}}个</div> <div class="table_tr_right">{{data.highLevelTalents}}</div>
</div> </div>
</td> </td>
</tr> </tr>
@@ -61,7 +61,7 @@
<td> <td>
<div class="right six"> <div class="right six">
<div class="table_tr_left">{{ $t('message.major_projects') }}</div> <div class="table_tr_left">{{ $t('message.major_projects') }}</div>
<div class="table_tr_right">{{data.majorProjects}}个</div> <div class="table_tr_right">{{data.majorProjects}}</div>
</div> </div>
</td> </td>
</tr> </tr>

19
src/views/index/components/news_center.vue
View File

@@ -19,15 +19,15 @@
<!--轮播图下的新闻--> <!--轮播图下的新闻-->
<div class="news"> <div class="news">
<el-row> <el-row>
<el-col :span="6" v-for="(item,index) in newsData" :key="index"> <el-col :span="6" v-for="(item,index) in newsData" :key="index" :class="'border_right-' + (index + 1)">
<div class="news_context" @click="getArticle(item)"> <div class="news_context" @click="getArticle(item)">
<div class="news_context_img"> <div class="news_context_img">
<img v-if="item.imgurl" :src="item.imgurl" alt=""> <img v-if="item.imgurl" :src="item.imgurl" alt="">
</div> </div>
<div class="news_context_text" style="border-right: 1px solid #CCCCCC;"> <div class="news_context_text" >
<div class="news_context_text-title">{{ item.title }}</div> <div class="news_context_text-title">{{ item.title }}</div>
<div class="news_context_text-content" v-html="item.content"> <div v-if="item.description" class="news_context_text-content">{{item.description}}</div>
</div> <div v-if="!item.description" class="news_context_text-content" v-html="item.content"></div>
<div class="news_context_time"> <div class="news_context_time">
<div class="icon"><img src="../../../assets/index/news_center/shijian.png" alt=""></div> <div class="icon"><img src="../../../assets/index/news_center/shijian.png" alt=""></div>
<span class="time">{{ getDateTime(item.publishTime) }}</span> <span class="time">{{ getDateTime(item.publishTime) }}</span>
@@ -222,6 +222,15 @@ export default {
} }
} }
.border_right-4{
.news_context{
.news_context_text{
border-right: none!important;
}
}
}
.news { .news {
margin: 4rem auto 0 auto; margin: 4rem auto 0 auto;
width: 115.4rem; width: 115.4rem;
@@ -260,7 +269,7 @@ export default {
.news_context_text { .news_context_text {
margin: 2rem 0 2rem 2rem; margin: 2rem 0 2rem 2rem;
padding-right: 2rem; padding-right: 2rem;
//border-right: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;
.news_context_text-title { .news_context_text-title {
&:hover { &:hover {
color: #0040A4; color: #0040A4;