|
@@ -22,8 +22,18 @@ export default defineComponent({
|
|
|
})
|
|
|
const pageStatus = ref(false)
|
|
|
let oldCategoryId= ref(store.state.columnTypes[0].id)
|
|
|
+
|
|
|
+
|
|
|
+ const columnActive=ref({})
|
|
|
+ var columnOne= store.state.columnTypes.filter((item:any) => {
|
|
|
+ return item.id == store.state.acitveId;
|
|
|
+ });
|
|
|
+ columnActive.value=columnOne[0]
|
|
|
+
|
|
|
+
|
|
|
//类型切换
|
|
|
function facilityClick(item:any){
|
|
|
+ columnActive.value=item
|
|
|
//防抖
|
|
|
if(item.id != oldCategoryId.value){
|
|
|
requestParams = item
|
|
@@ -45,7 +55,7 @@ export default defineComponent({
|
|
|
//详情页
|
|
|
function details(item:any){
|
|
|
let params = {
|
|
|
- path: `/news_Read`,
|
|
|
+ path: `/news2_Read`,
|
|
|
query: {
|
|
|
categoryid: item.categoryid,
|
|
|
id: item.id,
|
|
@@ -63,7 +73,7 @@ export default defineComponent({
|
|
|
setTimeout(()=>{
|
|
|
pageStatus.value = true
|
|
|
},300)
|
|
|
- return { store, facilityClick, handleCurrentChange, details, pageStatus }
|
|
|
+ return { store, facilityClick, handleCurrentChange, details, pageStatus,columnActive }
|
|
|
},
|
|
|
components:{
|
|
|
banner,
|
|
@@ -110,7 +120,42 @@ export default defineComponent({
|
|
|
<section class="common-bradcrumb-section">
|
|
|
<banner />
|
|
|
</section>
|
|
|
- <section style=" background:#F7F7F7">
|
|
|
+
|
|
|
+ <section class="news-content-section pt-70" >
|
|
|
+ <div class="container">
|
|
|
+ <div style="display:flex" class="news2-box">
|
|
|
+ <div class=" news-left-list">
|
|
|
+ <div class="title">新闻动态</div>
|
|
|
+ <ul>
|
|
|
+ <li v-for="(item,index) in store.state.columnTypes" :key="index" style="display:flex">
|
|
|
+ <img src="@/assets/img/news/arrow.svg" alt="" :style="{'opacity':item.id == store.state.acitveId?'1':'0'}" style="width:12px;margin-right:5px">
|
|
|
+ <div :class="item.id == store.state.acitveId ? 'active' : ''" v-on:mouseover="facilityClick(item)">{{item.categoryName}} </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="news-right-list" >
|
|
|
+ <div class="title" v-if="columnActive.categoryName">{{columnActive.categoryName}}</div>
|
|
|
+ <ul>
|
|
|
+ <li class="" v-for="(item,index) in store.state.pageContent" :key="index" v-show="pageStatus">
|
|
|
+ <div @click="details(item)">
|
|
|
+ <a class="newsTitleLeft"><span style="width: 8px;height: 8px;background: #B7B7B7;border-radius: 50%;margin-right:10px"></span>{{item.title}}</a>
|
|
|
+ <span class="timeRight" >{{ item.createdate }}</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </section>
|
|
|
+ <br>
|
|
|
+ <br>
|
|
|
+ <!-- <section style=" background:#F7F7F7">
|
|
|
<div class="container">
|
|
|
<div class="row newTypeBox">
|
|
|
<div class="col-lg-6 col-md-6" v-for="(item,index) in store.state.columnTypes" :key="index">
|
|
@@ -118,13 +163,12 @@ export default defineComponent({
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </section>
|
|
|
- <section class="news-content-section pt-70" v-show="pageStatus">
|
|
|
+ </section> -->
|
|
|
+ <!-- <section class="news-content-section pt-70" v-show="pageStatus">
|
|
|
<div class="container">
|
|
|
<div class="row">
|
|
|
<div class="col-lg-12 col-md-12 content">
|
|
|
<ul>
|
|
|
- <!-- 新闻列表主题start -->
|
|
|
<div class="row">
|
|
|
<div class="col-md-4 newItemOne lazyContainer" v-for="(item,index) in store.state.pageContent" :key="index" >
|
|
|
<div class="oneInnerBox" @click="details(item)">
|
|
@@ -141,7 +185,7 @@ export default defineComponent({
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </section>
|
|
|
+ </section> -->
|
|
|
</div>
|
|
|
|
|
|
</template>
|