Skip to content

W
web-site
Commit 0523f608 authored by 吴冠's avatar 吴冠
Browse files
Options

信息公告和底部模块优化

parent dca2f82f
Hide whitespace changes
Inline Side-by-side
Showing with 84 additions and 62 deletions
pages/index/index.vue
View file @ 0523f608
......@@ -36,7 +36,7 @@
</div>
<ul>
<li v-for="(item,index) in dynamic1" :key="index" v-show="index<5" class="flex-between list-con" >
<nuxt-link tag="div" :to="{name:'index-message-newsdetails',query:{id:(item.id)}}">{{item.title}}</nuxt-link>
<div @click="linkTo2(item.id)">{{item.title}}</div>
<div class="time">{{item.createTime.slice(0,10)}}</div>
</li>
</ul>
......@@ -48,7 +48,7 @@
</div>
<ul>
<li v-for="(item,index) in dynamic2" :key="index" v-show="index<5" class="flex-between list-con" >
<nuxt-link tag="div" :to="{name:'index-message-newsdetails',query:{id:(item.id)}}" >{{item.title}}</nuxt-link>
<div @click="linkTo1(item.id)">{{item.title}}</div>
<div class="time">{{item.createTime.slice(0,10)}}</div>
</li>
</ul>
......@@ -60,7 +60,7 @@
</div>
<ul>
<li v-for="(item,index) in dynamic3" :key="index" v-show="index<5" class="flex-between list-con" >
<nuxt-link tag="div" :to="{name:'index-message-newsdetails',query:{id:(item.id)}}">{{item.title}}</nuxt-link>
<div @click="linkTo(item.id)">{{item.title}}</div>
<div class="time">{{item.createTime.slice(0,10)}}</div>
</li>
</ul>
......@@ -92,6 +92,27 @@ import {getSecond,getListSite,getListSite1,getListSite2} from '@/common/list.js'
this.getListSite2()
},
methods:{
//新闻
linkTo(cateId){
this.$router.push("/message/news?id=123")
console.log(cateId+'-------------++++++++++++')
sessionStorage.setItem("detailsType",1)
sessionStorage.setItem("detailsId",cateId)
},
//法律
linkTo1(cateId){
this.$router.push("/message/news?id=125")
console.log(cateId+'-------------++++++++++++')
sessionStorage.setItem("detailsType",1)
sessionStorage.setItem("detailsId",cateId)
},
//平台
linkTo2(cateId){
this.$router.push("/message/news?id=124")
console.log(cateId+'-------------++++++++++++')
sessionStorage.setItem("detailsType",1)
sessionStorage.setItem("detailsId",cateId)
},
latformDynamics(){
this.$router.push("/message/news?id=124")
},
......
pages/index/message/news.vue
View file @ 0523f608
......@@ -4,51 +4,54 @@
<div class="sidebar-title">信息公告</div>
<el-col :span="12">
<el-menu :default-active="activeName" class="el-menu-vertical-demo" @select="handleSelect">
<el-menu-item :index = "item.id +''" v-for="item in artList" :key="item.id" router> <!-- :index="`?id=${item.id}`" -->
<el-menu-item :index = "item.id +''" v-for="item in artList" :key="item.id" router>
<i class="el-icon-menu"></i>
<span slot="title">{{item.title}}</span>
</el-menu-item>
</el-menu>
</el-col>
</div>
<ul >
<li v-for="item in messageList" :key="item.id" @click="clicked" v-show="isList">
<!-- <nuxt-link :to="{name:'index-message-newsdetails',query:{id:(item.id)}}" class="flex-between link-style" >-->
<div class="flex-between link-style">
<div class="t2">{{item.title}}</div>
<div class="t1">发布时间：{{item.createTime}}</div>
</div>
<!-- </nuxt-link> -->
</li>
<div class="pagination" v-if="isList">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:size ="size"
layout="total, prev, pager, next, jumper"
:total="total">
</el-pagination >
</div>
</ul>
<div v-for="item in messageList" :key="item.id" class="content" v-show="!isList">
<h1>{{item.title}}</h1>
<div class="flex-center pos">
<span style="margin-right:20px">发布时间:{{item.createTime}}</span>
<span>作者:{{item.author}}</span>
<ul >
<li v-for="item in messageList" :key="item.id" @click="isClick(item.id)" v-show="isList">
<!-- <nuxt-link :to="{name:'index-message-newsdetails',query:{id:(item.id)}}" class="flex-between link-style" >-->
<div class="flex-between link-style">
<div class="t2">{{item.title}}</div>
<div class="t1">发布时间：{{item.createTime}}</div>
</div>
<!-- </nuxt-link> -->
</li>
<div class="pagination" v-show="isList">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:size ="size"
layout="total, prev, pager, next, jumper"
:total="total">
</el-pagination >
</div>
<div v-html="item.content" style="width:600px;margin:0 auto"></div>
<div class="flex-center" style="margin-buttom:40px">
<el-button type="primary" @click="returnPrev" style="margin-top:50px">返回</el-button>
</ul>
<div class="content" v-show="!isList">
<div >
<h1>{{detailList.title}}</h1>
<div class="flex-center pos">
<span style="margin-right:20px">发布时间:{{detailList.createTime}}</span>
<span>作者:{{detailList.author}}</span>
</div>
<div v-html="detailList.content" style="width:600px;margin:0 auto"></div>
<div class="flex-center" style="margin-buttom:40px">
<el-button type="primary" @click="returnPrev" style="margin-top:50px">返回</el-button>
</div>
</div>
</div>
</div>
</template>
<script>
import {
getListContent,
getCategoryList,
getnewsdetails,
} from '@/common/list.js'
export default {
name: 'cardApplyQuery',
......@@ -65,12 +68,18 @@ import {
message.cateId = this.activeName
}
this.getListContent(message)
if(this.isList ==false){
this.handleSelect(key,keyPath)
let detailsType = sessionStorage.getItem("detailsType")
let detailsId = sessionStorage.getItem("detailsId")
//平台动态
if(detailsType =="1"){
this.isClick(detailsId)
}
},
data() {
return {
detailList:{
},
contentList:'',
isList:true,
activeName: '124',
......@@ -82,18 +91,7 @@ import {
artList:[],
currentPage:1,
messageContext:'',
messageList: [/* {
title: "工程招投标活动的突出问题与对策思路",
time: "2020-09-09 18:12"
},
{
title: "工程招投标活动的突出问题与对策思路",
time: "2020-09-09 18:12"
},
{
title: "工程招投标活动的突出问题与对策思路",
time: "2020-09-09 18:12"
} */
messageList: [
]
}
},
......@@ -103,7 +101,12 @@ import {
let message = {}
message.cateId = keyValue
this.getListContent(message)
let contentStatus = sessionStorage.getItem("contentStatus")
if(contentStatus == '1'){
this.isList = true
this.getListContent(message)
sessionStorage.removeItem("contentStatus")
}
},
//分类列表
async getCategoryList(){
......@@ -122,13 +125,16 @@ import {
handleCurrentChange(val) {
this.getListContent(val,this.size)
},
//是否点击右侧列表
clicked(){
//点击之后存储id 获取详情
async isClick(id){
const {data} = await getnewsdetails(id)
this.detailList= data
this.isList = false
sessionStorage.setItem("contentStatus",1)
},
//返回
returnPrev(){
window.history.back()
window.history.back();
}
}
}
......@@ -141,13 +147,6 @@ import {
left: 50%;
transform:translateX(-50%);
}
/* .el-menu-item.is-active {
background-color: #3370ff !important;
color: #fff;
} */
/* .el-menu-item.is-active span{
color: blue !important
} */
.message {
border: 1px solid rgba(219, 219, 219, 1);
height:6.98rem;
......@@ -197,7 +196,8 @@ import {
width: 100%;
}
.content{
width:9.2rem
width:9.2rem;
height:100%;
}
h1{
display: flex;
......@@ -208,6 +208,9 @@ import {
.pos{
margin-bottom: 50px;
}
.link-style{
cursor:pointer
}
</style>
pages/index/notice/all.vue
View file @ 0523f608
......@@ -28,7 +28,6 @@
<ul >
<li v-for="item in priceList" :key="item.id">
<!-- <nuxt-link :to="getLowerText(item.noticeType,item.noticeId)"> -->
<div @click="getLowerText(item.noticeType,item.noticeId)">
<div class="time">{{getTimer(item.createTime)}}</div>
<div class="price-item">
......@@ -44,9 +43,8 @@
<div>所属地区:{{item.area}}</div>
<div>招标状态: <span class="state-red">{{item.projectStatus}}</span> </div>
</div>
</div>
</div>
</div>
<!-- </nuxt-link> -->
</li>
<div class="pagination flex-center" >
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="getData.currentPage" :page-size ="getData.size" :page-sizes="[10, 20, 30, 40]"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment