信息公告和底部模块优化

pages/index/index.vue

@@ -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

@@ -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

@@ -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]"