|
|
|
@ -9,12 +9,7 @@ |
|
|
|
unique-opened |
|
|
|
unique-opened |
|
|
|
:default-active="defaultIndex" |
|
|
|
:default-active="defaultIndex" |
|
|
|
@select="initData"> |
|
|
|
@select="initData"> |
|
|
|
<template v-for="item in menuList"> |
|
|
|
<menuTree v-if="menuRefresh" :menuList="menuList"></menuTree> |
|
|
|
<el-menu-item :index="item.id" :key="item.id"> |
|
|
|
|
|
|
|
<i :class="item.icon"></i> |
|
|
|
|
|
|
|
<span slot="title">{{ item.name }}</span> |
|
|
|
|
|
|
|
</el-menu-item> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
</el-menu> |
|
|
|
</el-menu> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="list-wrap"> |
|
|
|
<div class="list-wrap"> |
|
|
|
@ -36,7 +31,7 @@ |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</ul> |
|
|
|
<div class="pagination"> |
|
|
|
<div class="pagination"> |
|
|
|
<el-pagination background layout="total, prev, pager, next" :total="totals" @current-change="handleCurrentChange" :current-page="pageNo"> |
|
|
|
<el-pagination background layout="total, prev, pager, next" :total="totals" @current-change="handleCurrentChange" :current-page="page"> |
|
|
|
</el-pagination> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
@ -57,7 +52,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
|
import { Loading } from 'element-ui'; |
|
|
|
import { Loading } from 'element-ui'; |
|
|
|
import bus from '@/libs/bus' |
|
|
|
import menuTree from '@/components/menuTree' |
|
|
|
import { mapActions } from "vuex"; |
|
|
|
import { mapActions } from "vuex"; |
|
|
|
export default { |
|
|
|
export default { |
|
|
|
name: 'information', |
|
|
|
name: 'information', |
|
|
|
@ -67,14 +62,18 @@ export default { |
|
|
|
historyId: this.$store.state.info.columnId, |
|
|
|
historyId: this.$store.state.info.columnId, |
|
|
|
defaultIndex: '', |
|
|
|
defaultIndex: '', |
|
|
|
menuList: [], |
|
|
|
menuList: [], |
|
|
|
pageNo: 1, |
|
|
|
page: 1, |
|
|
|
pageSize: 10, |
|
|
|
pageSize: 10, |
|
|
|
totals: 0, |
|
|
|
totals: 0, |
|
|
|
listData: [], |
|
|
|
listData: [], |
|
|
|
loadIns: null, |
|
|
|
loadIns: null, |
|
|
|
columnId: '' |
|
|
|
columnId: '', |
|
|
|
|
|
|
|
menuRefresh: false |
|
|
|
}; |
|
|
|
}; |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
components: { |
|
|
|
|
|
|
|
menuTree |
|
|
|
|
|
|
|
}, |
|
|
|
watch: { |
|
|
|
watch: { |
|
|
|
keyword: function(val) { |
|
|
|
keyword: function(val) { |
|
|
|
clearTimeout(this.searchTimer) |
|
|
|
clearTimeout(this.searchTimer) |
|
|
|
@ -87,48 +86,61 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
mounted() { |
|
|
|
bus.$emit('setBg','info') |
|
|
|
|
|
|
|
this.getData() |
|
|
|
this.getData() |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
...mapActions("info", [ |
|
|
|
...mapActions("info", [ |
|
|
|
"setColumnId" |
|
|
|
"setColumnId" |
|
|
|
]), |
|
|
|
]), |
|
|
|
getData() { |
|
|
|
async getData() { |
|
|
|
const parentId = this.$route.query.parentId |
|
|
|
const { parentId } = this.$route.query |
|
|
|
this.setColumnId('') |
|
|
|
this.setColumnId('') |
|
|
|
this.loadIns = Loading.service() |
|
|
|
this.loadIns = Loading.service() |
|
|
|
this.$get(this.api.secondaryColumnsByFirst, { |
|
|
|
|
|
|
|
parentId |
|
|
|
let res = null |
|
|
|
}).then(res => { |
|
|
|
let data = null |
|
|
|
const { data } = res |
|
|
|
// 有parentId就查职站的栏目，没有就查中台的 |
|
|
|
this.menuList = data |
|
|
|
if (parentId) { |
|
|
|
// 从文章页返回的情况,需要回到之前进文章页的那个分类 |
|
|
|
// 查询职站栏目 |
|
|
|
const historyId = this.historyId |
|
|
|
res = await this.$get(this.api.queryAllColumns) |
|
|
|
if(historyId && data.find(e => e.id === historyId)){ |
|
|
|
data = res.columnTree |
|
|
|
this.defaultIndex = historyId |
|
|
|
data = res.columnTree.find(e => e.id == parentId).children |
|
|
|
this.getContent(historyId) |
|
|
|
} else { |
|
|
|
}else{ |
|
|
|
// 查询中台栏目 |
|
|
|
// 正常情况默认展示第一个分类下的文章列表 |
|
|
|
res = await this.$get(this.api.queryAllColumns, { |
|
|
|
const id = data.length ? data[0].id : parentId |
|
|
|
school: 0 |
|
|
|
this.getContent(id) |
|
|
|
}) |
|
|
|
this.defaultIndex = id |
|
|
|
data = res.columnTree |
|
|
|
} |
|
|
|
} |
|
|
|
}).catch(res => { |
|
|
|
this.menuRefresh = false |
|
|
|
this.loadIns.close() |
|
|
|
this.menuList = data |
|
|
|
}); |
|
|
|
// 从文章页返回的情况,需要回到之前进文章页的那个分类 |
|
|
|
|
|
|
|
const historyId = this.historyId |
|
|
|
|
|
|
|
if (historyId && data.find(e => e.id === historyId)) { |
|
|
|
|
|
|
|
this.defaultIndex = historyId + '' |
|
|
|
|
|
|
|
this.getContent(historyId) |
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
// 正常情况默认展示第一个分类下的文章列表 |
|
|
|
|
|
|
|
const id = data.length ? data[0].id : parentId |
|
|
|
|
|
|
|
this.getContent(id) |
|
|
|
|
|
|
|
this.defaultIndex = id + '' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
|
|
|
this.menuRefresh = true |
|
|
|
|
|
|
|
}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
initData(index,indexPath){ |
|
|
|
initData(index,indexPath){ |
|
|
|
this.pageNo = 1 |
|
|
|
this.page = 1 |
|
|
|
this.getContent(index,indexPath) |
|
|
|
this.getContent(index,indexPath) |
|
|
|
}, |
|
|
|
}, |
|
|
|
getContent(index,indexPath){ |
|
|
|
getContent(index,indexPath){ |
|
|
|
if(indexPath) this.loadIns = Loading.service() |
|
|
|
if(indexPath) this.loadIns = Loading.service() |
|
|
|
this.columnId = index |
|
|
|
this.columnId = index |
|
|
|
this.$get(`${this.api.queryArticleByCondition}/${this.pageNo}/${this.pageSize}`, { |
|
|
|
this.$get(`${this.api.queryArticleByCondition}/${this.page}/${this.pageSize}`, { |
|
|
|
name: this.keyword, |
|
|
|
name: this.keyword, |
|
|
|
columnId: index, |
|
|
|
columnId: index, |
|
|
|
port: 0 |
|
|
|
port: 0, |
|
|
|
|
|
|
|
school: this.$route.query.parentId ? '' : 0 |
|
|
|
}).then(res => { |
|
|
|
}).then(res => { |
|
|
|
this.listData = res.articleList |
|
|
|
this.listData = res.articleList |
|
|
|
this.totals = res.total |
|
|
|
this.totals = res.total |
|
|
|
@ -141,14 +153,13 @@ export default { |
|
|
|
}); |
|
|
|
}); |
|
|
|
}, |
|
|
|
}, |
|
|
|
handleCurrentChange(val) { |
|
|
|
handleCurrentChange(val) { |
|
|
|
this.pageNo = val; |
|
|
|
this.page = val; |
|
|
|
this.getContent(this.columnId); |
|
|
|
this.getContent(this.columnId); |
|
|
|
}, |
|
|
|
}, |
|
|
|
toArticle(id){ |
|
|
|
toArticle(id){ |
|
|
|
const columnId = this.columnId |
|
|
|
const columnId = this.columnId |
|
|
|
const list = this.menuList |
|
|
|
|
|
|
|
this.setColumnId(columnId) |
|
|
|
this.setColumnId(columnId) |
|
|
|
this.$router.push(`/info/details?parentId=${this.$route.query.parentId}&id=${id}&first=${this.$route.query.name}&second=${list.length ? list.find(e => e.id === columnId).name : ''}`) |
|
|
|
this.$router.push(`/${this.$route.path === '/info/list' ? 'info' : 'preInfo'}/details?parentId=${this.$route.query.parentId}&id=${id}`) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
@ -178,16 +189,18 @@ export default { |
|
|
|
.nav{ |
|
|
|
.nav{ |
|
|
|
width: 156px; |
|
|
|
width: 156px; |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
/deep/ .el-menu { |
|
|
|
.el-menu { |
|
|
|
text-align: right; |
|
|
|
|
|
|
|
border-right: 0; |
|
|
|
border-right: 0; |
|
|
|
.el-submenu__icon-arrow { |
|
|
|
.el-submenu__icon-arrow { |
|
|
|
display: none; |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |
|
|
|
.el-submenu__title { |
|
|
|
.el-submenu__title { |
|
|
|
padding-right: 60px; |
|
|
|
padding-right: 40px; |
|
|
|
color: #1182f5; |
|
|
|
color: #1182f5; |
|
|
|
background-color: #c6e7ff; |
|
|
|
background-color: #c6e7ff; |
|
|
|
|
|
|
|
.el-submenu__title { |
|
|
|
|
|
|
|
padding-right: 60px; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.el-menu-item { |
|
|
|
.el-menu-item { |
|
|
|
min-width: auto; |
|
|
|
min-width: auto; |
|
|
|
|
