|
|
|
@ -5,20 +5,23 @@ |
|
|
|
<div class="center-wrap"> |
|
|
|
<div class="center-wrap"> |
|
|
|
<div class="nav"> |
|
|
|
<div class="nav"> |
|
|
|
<p class="column-name">{{ $route.query.name }}</p> |
|
|
|
<p class="column-name">{{ $route.query.name }}</p> |
|
|
|
<el-menu |
|
|
|
<el-menu v-if="menuList.length" |
|
|
|
v-if="menuList.length" |
|
|
|
|
|
|
|
unique-opened |
|
|
|
unique-opened |
|
|
|
:default-active="defaultIndex" |
|
|
|
:default-active="defaultIndex" |
|
|
|
@select="initData"> |
|
|
|
@select="initData"> |
|
|
|
<menuTree v-if="menuRefresh" :menuList="menuList"></menuTree> |
|
|
|
<menuTree v-if="menuRefresh" |
|
|
|
|
|
|
|
:menuList="menuList"></menuTree> |
|
|
|
</el-menu> |
|
|
|
</el-menu> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="list-wrap"> |
|
|
|
<div class="list-wrap"> |
|
|
|
<div class="list"> |
|
|
|
<div class="list"> |
|
|
|
<template v-if="listData.length"> |
|
|
|
<template v-if="listData.length"> |
|
|
|
<ul> |
|
|
|
<ul> |
|
|
|
<li v-for="(item,index) in listData" :key="index" @click="toArticle(item.id)"> |
|
|
|
<li v-for="(item,index) in listData" |
|
|
|
<img :src="item.coverUrl" alt=""> |
|
|
|
:key="index" |
|
|
|
|
|
|
|
@click="toArticle(item.id)"> |
|
|
|
|
|
|
|
<img :src="item.coverUrl" |
|
|
|
|
|
|
|
alt=""> |
|
|
|
<div class="text"> |
|
|
|
<div class="text"> |
|
|
|
<div class="title">{{item.title}}</div> |
|
|
|
<div class="title">{{item.title}}</div> |
|
|
|
<div class="metas"> |
|
|
|
<div class="metas"> |
|
|
|
@ -28,20 +31,27 @@ |
|
|
|
<i class="spe">|</i> |
|
|
|
<i class="spe">|</i> |
|
|
|
<span>浏览量：{{item.viewCount}}</span> |
|
|
|
<span>浏览量：{{item.viewCount}}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="desc" :class="{ie: core.isIE() || core.isEdge(),firefox: core.isFirefox() || core.isEdge()}" v-html="item.content"></div> |
|
|
|
<div class="desc" |
|
|
|
|
|
|
|
:class="{ie: core.isIE() || core.isEdge(),firefox: core.isFirefox() || core.isEdge()}" |
|
|
|
|
|
|
|
v-html="item.content"></div> |
|
|
|
<a class="detail">查看详情 ></a> |
|
|
|
<a class="detail">查看详情 ></a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</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="page"> |
|
|
|
<el-pagination background |
|
|
|
|
|
|
|
layout="total, prev, pager, next" |
|
|
|
|
|
|
|
:total="totals" |
|
|
|
|
|
|
|
@current-change="handleCurrentChange" |
|
|
|
|
|
|
|
:current-page="page"> |
|
|
|
</el-pagination> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<template v-else> |
|
|
|
<div class="empty"> |
|
|
|
<div class="empty"> |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<img src="@/assets/img/none.png" alt=""> |
|
|
|
<img src="@/assets/img/none.png" |
|
|
|
|
|
|
|
alt=""> |
|
|
|
<p>暂无资讯</p> |
|
|
|
<p>暂无资讯</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -61,11 +71,10 @@ export default { |
|
|
|
name: 'information', |
|
|
|
name: 'information', |
|
|
|
data () { |
|
|
|
data () { |
|
|
|
return { |
|
|
|
return { |
|
|
|
keyword: '', |
|
|
|
|
|
|
|
historyId: this.$store.state.info.columnId, |
|
|
|
historyId: this.$store.state.info.columnId, |
|
|
|
defaultIndex: '', |
|
|
|
defaultIndex: '', |
|
|
|
menuList: [], |
|
|
|
menuList: [], |
|
|
|
page: 1, |
|
|
|
page: +this.$route.query.page || 1, |
|
|
|
pageSize: 10, |
|
|
|
pageSize: 10, |
|
|
|
totals: 0, |
|
|
|
totals: 0, |
|
|
|
listData: [], |
|
|
|
listData: [], |
|
|
|
@ -80,12 +89,6 @@ export default { |
|
|
|
menuTree |
|
|
|
menuTree |
|
|
|
}, |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
watch: { |
|
|
|
keyword: function(val) { |
|
|
|
|
|
|
|
clearTimeout(this.searchTimer) |
|
|
|
|
|
|
|
this.searchTimer = setTimeout(() => { |
|
|
|
|
|
|
|
this.getData() |
|
|
|
|
|
|
|
},500) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
$route () { |
|
|
|
$route () { |
|
|
|
this.getData() |
|
|
|
this.getData() |
|
|
|
} |
|
|
|
} |
|
|
|
@ -166,7 +169,7 @@ export default { |
|
|
|
if (indexPath) this.loadIns = Loading.service() |
|
|
|
if (indexPath) this.loadIns = Loading.service() |
|
|
|
this.columnId = index |
|
|
|
this.columnId = index |
|
|
|
this.$get(`${this.api.queryArticleByCondition}/${this.page}/${this.pageSize}`, { |
|
|
|
this.$get(`${this.api.queryArticleByCondition}/${this.page}/${this.pageSize}`, { |
|
|
|
name: this.keyword, |
|
|
|
name: '', |
|
|
|
columnId: index, |
|
|
|
columnId: index, |
|
|
|
port: 0, |
|
|
|
port: 0, |
|
|
|
school: this.$route.query.parentId ? '' : 0 |
|
|
|
school: this.$route.query.parentId ? '' : 0 |
|
|
|
@ -191,7 +194,6 @@ export default { |
|
|
|
const e = data[i] |
|
|
|
const e = data[i] |
|
|
|
names.push(e.name) |
|
|
|
names.push(e.name) |
|
|
|
if (e.id == this.columnId) { |
|
|
|
if (e.id == this.columnId) { |
|
|
|
console.log("🚀 ~ file: index.vue ~ line 188 ~ getColumnName ~ this.defaultIndex", this.defaultIndex) |
|
|
|
|
|
|
|
this.columnNames = JSON.parse(JSON.stringify(names)) |
|
|
|
this.columnNames = JSON.parse(JSON.stringify(names)) |
|
|
|
break |
|
|
|
break |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
@ -204,8 +206,7 @@ export default { |
|
|
|
const columnId = this.columnId |
|
|
|
const columnId = this.columnId |
|
|
|
this.setColumnId(columnId) |
|
|
|
this.setColumnId(columnId) |
|
|
|
this.getColumnName(this.menuList, []) |
|
|
|
this.getColumnName(this.menuList, []) |
|
|
|
console.log("🚀 ~ file: index.vue ~ line 199 ~ toArticle ~ menuList", this.columnNames) |
|
|
|
this.$router.push(`/${this.$route.path === '/info/list' ? 'info' : 'preInfo'}/details?parentId=${this.$route.query.parentId}&name=${this.$route.query.name}&id=${id}&columnNames=${this.columnNames}&page=${this.page}`) |
|
|
|
this.$router.push(`/${this.$route.path === '/info/list' ? 'info' : 'preInfo'}/details?parentId=${this.$route.query.parentId}&name=${this.$route.query.name}&id=${id}&columnNames=${this.columnNames}`) |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
@ -219,8 +220,7 @@ export default { |
|
|
|
background: url(../../../assets/img/info-bg6.png) (0 0) / auto no-repeat, |
|
|
|
background: url(../../../assets/img/info-bg6.png) (0 0) / auto no-repeat, |
|
|
|
url(../../../assets/img/info-bg7.png) (25% 110px)/400px auto no-repeat, |
|
|
|
url(../../../assets/img/info-bg7.png) (25% 110px)/400px auto no-repeat, |
|
|
|
url(../../../assets/img/info-bg4.png) (top right) / auto no-repeat, |
|
|
|
url(../../../assets/img/info-bg4.png) (top right) / auto no-repeat, |
|
|
|
url(../../../assets/img/info-bg5.png) (80% 20px)/auto no-repeat, |
|
|
|
url(../../../assets/img/info-bg5.png) (80% 20px) / auto no-repeat, url(../../../assets/img/info-bg3.png) 0 0/100% 100% no-repeat; |
|
|
|
url(../../../assets/img/info-bg3.png) 0 0/100% 100% no-repeat; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.main { |
|
|
|
.main { |
|
|
|
@ -308,7 +308,7 @@ export default { |
|
|
|
padding: 20px 24px; |
|
|
|
padding: 20px 24px; |
|
|
|
.title { |
|
|
|
.title { |
|
|
|
font-size: 20px; |
|
|
|
font-size: 20px; |
|
|
|
color: #0B1D30; |
|
|
|
color: #0b1d30; |
|
|
|
font-weight: 500; |
|
|
|
font-weight: 500; |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
text-overflow: ellipsis; |
|
|
|
text-overflow: ellipsis; |
|
|
|
@ -320,7 +320,7 @@ export default { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
margin: 10px 0; |
|
|
|
margin: 10px 0; |
|
|
|
font-size: 12px; |
|
|
|
font-size: 12px; |
|
|
|
color: rgba(0,0,0,.45); |
|
|
|
color: rgba(0, 0, 0, 0.45); |
|
|
|
.spe { |
|
|
|
.spe { |
|
|
|
margin: 0 10px; |
|
|
|
margin: 0 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
