66

src/views/homePage/index.vue

@@ -44,11 +44,11 @@
                   </div>
                 </div>
                 <div v-for="(item,index) in topList" :key="index" class="k-flex k-space-between top-list" @click="setParams(item)">
-                  <div class="article-name">
+                  <div class="article-name k-flex k-align-center">
                     <span class="right-line">{{item.boardName}}</span>
-                   <span >{{item.subject}}</span>
-                      </div>
-                      <div v-if="item.newsTime">{{item.newsTime.substring(5,10)}}</div>
+                    <div class="k-all" style="overflow:hidden;text-overflow:ellipsis;">{{item.subject}}</div>
+                  </div>
+                  <div v-if="item.newsTime" style="white-space:nowrap;">{{item.newsTime.substring(5,10)}}</div>
                 </div>
               </div>
               <!--今日头条结束-->
@@ -1079,7 +1079,7 @@ color:#fff;
 }
 .right-line{
   display:inline-block;
-  width:20%;
+  // width:20%;
   overflow: hidden;
   text-overflow: ellipsis;
   padding-right:2px;

src/views/zone/index.vue

@@ -19,63 +19,67 @@
           <el-col :span="19">
             <div class="zone-style">
               <div  style="min-height:76vh;">
-              <el-table
-               :header-cell-style="{'text-align':'center','font-size':'15px','color':'black'}"
-                :cell-style="{'font-size':'13px','border-bottom':'none'}"
-                :data="moreNewsList"
-                highlight-current-row
-                style="width: 100%">
-                <el-table-column
-                  align="left"
-                  property="subject"
-                  label="标题">
-                </el-table-column>
-                <el-table-column
-                  align="center"
-                  property="newsTime"
-                  label="时间"
-                  width="150">
-                </el-table-column>
-                <el-table-column
-                  align="center"
-                  property="clickCount"
-                  label="点击"
-                  width="120">
-                </el-table-column>
-                <el-table-column
-                  align="center"
-                  property="commentCount"
-                  label="评论"
-                  width="50">
-                </el-table-column>
-                <el-table-column
-                  label="操作"
-                  width="50"
-                  align="center"
-                  >
-                  <template slot-scope="scope">
-                    <el-button
-                      @click="setParams(scope.row)" 
-                      type="text"
-                      size="mini">
-                      查看
-                    </el-button>
-                  </template>
-                </el-table-column>
-              </el-table>
-              
-              <div style="margin-top:10px;">
-                <el-pagination
-                  prev-text="上一页"
-                  next-text="下一页"
-                  layout="total,sizes,prev, pager, next,jumper"
-                  :total="pageInfo.total"
-                  :page-size="pageInfo.size"
-                  :current-page="pageInfo.page"
-                  @current-change="pageChange"
-                  @size-change="sizeChange"
-                />
-              </div>
+                <div class="mb-10" style="font-size:12px;font-weight:bold;">法院新闻：{{ menuName }}</div>
+                <!-- <el-breadcrumb-item v-for="(v,i) in breadList" :key="i">
+                  <router-link  :to="v.path" >{{ v.meta.title}}</router-link>
+                </el-breadcrumb-item> -->
+                <el-table
+                :header-cell-style="{'text-align':'center','font-size':'15px','color':'black'}"
+                  :cell-style="{'font-size':'13px','border-bottom':'none'}"
+                  :data="moreNewsList"
+                  highlight-current-row
+                  style="width: 100%">
+                  <el-table-column
+                    align="left"
+                    property="subject"
+                    label="标题">
+                  </el-table-column>
+                  <el-table-column
+                    align="center"
+                    property="newsTime"
+                    label="时间"
+                    width="150">
+                  </el-table-column>
+                  <el-table-column
+                    align="center"
+                    property="clickCount"
+                    label="点击"
+                    width="120">
+                  </el-table-column>
+                  <el-table-column
+                    align="center"
+                    property="commentCount"
+                    label="评论"
+                    width="50">
+                  </el-table-column>
+                  <el-table-column
+                    label="操作"
+                    width="50"
+                    align="center"
+                    >
+                    <template slot-scope="scope">
+                      <el-button
+                        @click="setParams(scope.row)" 
+                        type="text"
+                        size="mini">
+                        查看
+                      </el-button>
+                    </template>
+                  </el-table-column>
+                </el-table>
+                
+                <div style="margin-top:10px;">
+                  <el-pagination
+                    prev-text="上一页"
+                    next-text="下一页"
+                    layout="total,sizes,prev, pager, next,jumper"
+                    :total="pageInfo.total"
+                    :page-size="pageInfo.size"
+                    :current-page="pageInfo.page"
+                    @current-change="pageChange"
+                    @size-change="sizeChange"
+                  />
+                </div>
 
               </div>
             </div>
@@ -98,6 +102,8 @@ export default {
 
     data() {
       return {
+        menuName:'',
+        breadList:[],//面包屑列表
         pageInfo:{
           page:1,
           size:10,
@@ -109,33 +115,48 @@ export default {
     },
     
     created() {
-      //  this.getLatestNewOfGXCourt();
+      // this.getBreadcrumb();
       var type=this.$route.query.type;
       if(type=='vedio'){
         this.getVedio();
+        this.menuName='音视频点播'
       }else if(type=='top'){
         this.topListFun();//今日头条
+        this.menuName='今日头条'
       }else if(type=='all'){
         this.getLatestNewOfGXCourt();//获取全区速递 
+        this.menuName='全区速递'
       }
     },
     //监听路由获取面包屑
     watch: {
       $route() {
         if (this.$route.query.type) {
+          // this.getBreadcrumb();
           var type=this.$route.query.type;
           if(type=='vedio'){
             this.getVedio();
+            this.menuName='音视频点播'
           }else if(type=='top'){
             this.topListFun();//今日头条
+            this.menuName='今日头条'
           }else if(type=='all'){
             this.getLatestNewOfGXCourt();//获取全区速递 
+            this.menuName='全区速递 '
           }
             
         }
       },
+
+      
+    
     },
     methods:{
+      // 获取面包屑
+    // getBreadcrumb(){
+    //   this.breadList=this.$route.matched.filter(item=>item.meta && item.meta.title);
+    //   console.log('this.breadList==',this.breadList);
+    // },
       //全区速递
       getLatestNewOfGXCourt(){
         // this.pageInfo.deptId=32;
@@ -199,10 +220,13 @@ export default {
         this.pageInfo.total=0;
         if(type=='vedio'){
             this.getVedio();
+            this.menuName='音视频点播'
           }else if(type=='top'){
             this.topListFun();//今日头条
+            this.menuName='今日头条'
           }else if(type=='all'){
             this.getLatestNewOfGXCourt();//获取全区速递 
+            this.menuName='全区速递'
           }
       }