fix footer

src/index.less

@@ -207,3 +207,32 @@ body {
   border-left: 2px solid #427FCE;
   background: #eee;
 }
+
+
+html{
+  height:100%;
+}
+body{
+  min-height:100%;
+  margin:0;
+  padding:0;
+  position:relative;
+}
+.el-container{
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+main{
+  flex: 1 0 auto;
+}
+footer{
+  flex:0 0 auto;
+}
+.main-container{
+  width: 1200px !important;
+}
+.item > a,.item > a:active{
+  color: #515a6e !important;
+}

src/router/routers.js

@@ -207,6 +207,17 @@ export default [
           showInBreadCrumb: true
         },
         component: () => import('@/view/km')
+      },
+      {
+        path: '/detail',
+        name: 'detail',
+        meta: {
+          hideInMenu: true,
+          title: '详情',
+          notCache: true,
+          showInBreadCrumb: true
+        },
+        component: () => import('@/view/detail')
       }
     ]
   },

src/view/detail.vue

@@ -0,0 +1,67 @@
+<template>
+  <el-main  class="main-container">
+    <el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb">
+      <el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item>
+      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+      <el-breadcrumb-item>关于我们</el-breadcrumb-item>
+      <el-breadcrumb-item>协会简介</el-breadcrumb-item>
+    </el-breadcrumb>
+    <el-card class="article" shadow="never" style="border-radius: 8px">
+      <h2 class="title">上海市集成电路行业协会简介</h2>
+      <div class="info">作者：SICA&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;发布日期：2011年12月28日&nbsp;星期三</div>
+      <div class="content">
+        <p>
+          上海市集成电路行业协会SHANGHAI&nbsp;INTEGRATED&nbsp;CIRCUIT&nbsp;INDUSTRY&nbsp;ASSOCIATION&nbsp;(缩写：SICA)，成立于2001年4月，为本市从事集成电路设计、制造、封装、测试、智能卡及其设备材料和其它直接相关的企事业单位自愿参加并组织起来的，不以营利为目的行业性社会团体法人。
+        </p>
+        <p>
+          协会现有各种所有制会员单位485家。总投资为298.6亿美元，注册资金为137.6亿美元。从业人员总数达155473人，其中技术人员为64952人。根据所有制情况分类，中外合资、合作60家，外商独资204家，内资109家，民营112家。其中从事设计205家，晶圆制造13家，封装测试38家，设备材料98家，分立器件3家，智能卡22家，科研院所及其配套106家。485家会员中，理事单位147家。其中常务理事46家，包括会长单位1家,副会长单位25家。
+        </p>
+        <p>
+          协会下设设计、制造、封装测试、设备材料、智能卡五个专业委员会。协会有独立的网站、《集成电路应用》杂志会刊（月刊），以及每月一期的简报，及时发布行业信息。协会为企业进行政策服务和政策协调，积极帮助打通产业链，进行行业统计和分析工作，开展各种交流合作研讨活动和行业标准制定及知识产权保护等工作。
+        </p>
+        <span>
+          会长单位：上海华虹（集团）有限公司<br/>
+          会&nbsp;长：张素心<br/>法定代表人：雷海波<br/>
+          秘书长：徐&nbsp;&nbsp;伟<br/>
+          协会地址：上海市浦东新区&nbsp;张江&nbsp;碧波路500号209室，邮政编码：201203<br/>
+          电&nbsp;话：021-50805257<br/>
+          传&nbsp;真：021-50805259<br/>
+          电子邮件：contact&#64;sica.org.cn
+        </span>
+      </div>
+      <img src="../assets/img/psyv4oida1jvaj8n2mxkx2kjp8iqzpm0bfa27bc4b3-005e-42ef-b01b-b2ee10e9bd65.png" style="width: 100%;height: 300px;margin: 20px 0;border-radius: 10px" >
+    </el-card>
+  </el-main>
+</template>
+
+<script>
+export default {
+  data() {
+    return {}
+
+  },
+  mounted() {
+    // alert(this.$route.query.id)
+  }
+}
+</script>
+<style>
+.title{
+  color: #333;
+}
+.article .title,.article .info{
+  text-align: center;
+  margin: 10px;
+}
+.article .info{
+  color: #999;
+}
+.article .content p{
+  text-indent: 2em;
+  margin-bottom: 20px;
+  line-height: 1.5rem;
+}
+.article .content span{
+  line-height: 1.5rem;
+}
+</style>

src/view/km.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-main style="width: 960px;margin: 0 auto;min-height: 500px">
+  <el-main style="width: 1200px;margin: 0 auto;min-height: 500px">
     <el-row class="card_menu">
       <el-col :span="4">
         <el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}">
@@ -37,7 +37,7 @@
 </template>
 
 <script>
-import {getChannelInformationsRequest, getChannelsRequest, 
+import {getChannelInformationsRequest, getChannelsRequest,
         getChannelSecond} from "../api/data";
 
 export default {
@@ -69,7 +69,7 @@ export default {
               if(this.titleList && this.titleList[0]){
                 this.getChannelInformationsRequest(this.titleList[0].id)
               }
-              
+
           }
       },
 

src/view/main/main.vue

@@ -174,7 +174,7 @@ export default {
               this.activeIndex = index+1+""
         }
       })
-      
+
       this.setBreadCrumb(newRoute)
     }
   },
@@ -236,25 +236,5 @@ export default {
     align-items: center;
     justify-content: center;
 }
-html{
-  height:100%;
-}
-body{
-  min-height:100%;
-  margin:0;
-  padding:0;
-  position:relative;
-}
-.el-container{
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
 
-main{
-  flex: 1 0 auto;
-}
-  footer{
-    flex:0 0 auto;
-  }
 </style>

src/view/overview.vue

@@ -2,10 +2,10 @@
   <div>
     <el-carousel trigger="click" height="400px">
       <el-carousel-item v-for="(item,index) in lunBoList" :key="index">
-        <img :src="item.aboutImg"/>
+        <img :src="item.aboutImgUrl"/>
       </el-carousel-item>
     </el-carousel>
-    <el-main style="width: 960px;margin: 0 auto">
+    <el-main style="width: 1200px;margin: 0 auto">
       <el-row class="card_style1">
         <el-col :span="6"><div class="grid-content bg-purple"></div>
           <el-card class="box-card" shadow="never" :body-style="{ padding: '0px 20px' }">
@@ -14,7 +14,7 @@
               <el-button style="float: right; padding: 3px 0;color: #fff;font-size: 12px" type="text">更多&gt;&gt;</el-button>
             </div>
             <div v-for="(o, index) in importList" :key="index" class="text item">
-              {{index+1}}、{{o.title}}
+              <router-link :to='"/detail?id="+o.id'>{{index+1}}、{{o.title}}</router-link>
             </div>
           </el-card>
         </el-col>
@@ -33,7 +33,7 @@
               <router-link to="/news" style="float: right; padding: 3px 0;color: #fff;font-size: 12px" type="text">更多&gt;&gt;</router-link>
             </div>
             <div v-for="(item, index) in newsList" :key="index" class="text item">
-              {{index+1}}、{{item.title}}
+              <router-link :to='"/detail?id="+item.id'>{{index+1}}、{{item.title}}</router-link>
             </div>
           </el-card>
         </el-col>
@@ -46,7 +46,9 @@
                 <span><el-divider direction="vertical"></el-divider>行业动态</span>
                 <router-link to="/trode" style="float: right; padding: 3px 0;color: #999999;font-size: 12px" type="text">更多&gt;&gt;</router-link>
               </div>
-              <h2>{{hangDamic.title}}</h2>
+              <h2>
+                <router-link :to='"/detail?id="+hangDamic.id'>{{hangDamic.title}}</router-link>
+              </h2>
               <p v-html="hangDamic.content"></p>
               <img :src="hangDamic.aboutImg" style="border-radius: 10px;margin: 10px 0" width="100%"/>
             </el-card>
@@ -59,7 +61,7 @@
               </div>
               <div class="list" v-for="(item, index) in chanList" :key="index">
                 <h2 style="display: flex; flex-direction: row">
-                    <span style="flex: 1">{{item.title}}</span>
+                  <router-link :to='"/detail?id="+item.id'><span style="flex: 1">{{item.title}}</span></router-link>
                     <span class="time">{{item.publishTime}}</span>
                 </h2>
                 <p v-html="item.content"></p>
@@ -79,7 +81,9 @@
             </el-card>
             <el-card class="box-card" shadow="never" v-for="(item, index) in hezuoList" :key="index"
             :body-style="{ padding: '0px 20px' }">
-              <h2>{{item.title}}</h2>
+              <h2>
+                <router-link :to='"/detail?id="+item.id'><span style="flex: 1">{{item.title}}</span></router-link>
+              </h2>
               <p v-html="item.content"></p>
               <img :src="item.aboutImg" style="border-radius: 10px;margin: 10px 0" width="100%"/>
             </el-card>
@@ -96,7 +100,9 @@
             </el-card>
             <el-card class="box-card" shadow="never" v-for="(item, index) in zhishiList" :key="index"
             :body-style="{ padding: '0px 20px' }">
-              <h2>{{item.title}}</h2>
+              <h2>
+                <router-link :to='"/detail?id="+item.id'>{{item.title}}</router-link>
+              </h2>
               <p v-html="item.content"></p>
               <img :src="item.aboutImg" style="border-radius: 10px;margin: 10px 0" width="100%"/>
             </el-card>
@@ -113,7 +119,8 @@
             </el-card>
             <el-card class="box-card" shadow="never" v-for="(item, index) in huiyuanList" :key="index"
             :body-style="{ padding: '0px 20px' }">
-              <h2>{{item.title}}</h2>
+              <h2><router-link :to='"/detail?id="+item.id'>{{item.title}}</router-link>
+              </h2>
               <p v-html="item.content"></p>
               <img :src="item.aboutImg" style="border-radius: 10px;margin: 10px 0" width="100%"/>
             </el-card>
@@ -130,8 +137,11 @@
               </div>
               <div class="list" v-for="(item, index) in hezuoList" :key="index">
                 <h2 style="display: flex; flex-direction: row">
+                  <router-link :to='"/detail?id="+item.id'>
                     <span style="flex: 1">{{item.title}}</span>
+                  </router-link>
                     <span class="time">{{item.publishTime}}</span>
+
                 </h2>
                 <p v-html="item.content"></p>
               </div>
@@ -146,8 +156,11 @@
               </div>
               <div class="list" v-for="(item, index) in qiyeList" :key="index">
                 <h2 style="display: flex; flex-direction: row">
-                    <span style="flex: 1">{{item.title}}</span>
+                  <router-link :to='"/detail?id="+item.id'>
+                  <span style="flex: 1">{{item.title}}</span>
+                  </router-link>
                     <span class="time">{{item.publishTime}}</span>
+
                 </h2>
                 <p v-html="item.content"></p>
               </div>
@@ -166,8 +179,12 @@
               </div>
               <div class="list" v-for="(item, index) in hangyeList" :key="index">
                 <h2 style="display: flex; flex-direction: row">
-                    <span style="flex: 1">{{item.title}}</span>
-                    <span class="time">{{item.title}}</span>
+                  <router-link :to='"/detail?id="+item.id'>
+
+                  <span style="flex: 1">{{item.title}}</span>
+                  </router-link>
+                    <span class="time">{{item.publishTime}}</span>
+
                 </h2>
                 <p v-html="item.content"></p>
                 <img :src="item.aboutImg" style="border-radius: 10px;margin: 10px 0" width="100%"/>
@@ -182,8 +199,11 @@
               </div>
               <div class="list" v-for="(item, index) in renliList" :key="index">
                 <h2 style="display: flex; flex-direction: row">
-                    <span style="flex: 1">{{item.title}}</span>
-                    <span class="time">{{item.title}}</span>
+                  <router-link :to='"/detail?id="+item.id'>
+                  <span style="flex: 1">{{item.title}}</span>
+                  </router-link>
+                    <span class="time">{{item.publishTime}}</span>
+
                 </h2>
                 <p v-html="item.content"></p>
                 <img :src="item.aboutImg" style="border-radius: 10px;margin: 10px 0" width="100%"/>
@@ -226,7 +246,7 @@
 </template>
 
 <script>
-  import {getChannelInformationsRequest, getChannelsRequest, 
+  import {getChannelInformationsRequest, getChannelsRequest,
         getDetailRequest, getPositionRequest} from "../api/data";
 
 export default {
@@ -239,7 +259,6 @@ export default {
         hezuoList: [],
         zhishiList: [],
         huiyuanList: [],
-        hezuoList: [],
         qiyeList: [],
         hangyeList: [],
         renliList: [],
@@ -321,7 +340,7 @@ export default {
                   }else if(weizhi == "N"){
                       // 轮播
                       this.lunBoList = res.data.records
-                      console.log(JSON.stringify(this.hezuoList))
+                      console.log(JSON.stringify(this.lunBoList))
                       console.log(id)
                   }
               }

src/view/vip-service.vue

@@ -1,6 +1,6 @@
 import { ChartBar } from '_c/charts';
 <template>
-  <el-main style="width: 960px;margin: 0 auto;min-height: 500px">
+  <el-main style="width: 1200px;margin: 0 auto;min-height: 500px">
     <el-row class="card_menu">
       <el-col :span="4">
         <el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}">
@@ -24,7 +24,7 @@ import { ChartBar } from '_c/charts';
           </div>
            <div style="">
               <div style="display: inline-table;color: #999999;height:35px;line-height: 35px;" class="sort_info">（按姓氏笔画排列）</div>
-             <el-input placeholder="请输入关键词" suffix-icon="el-icon-search" style="width: 200px;float: right;" 
+             <el-input placeholder="请输入关键词" suffix-icon="el-icon-search" style="width: 200px;float: right;"
              v-model="unitName" @keyup.enter.native="handleSearch">
              </el-input>
           </div>
@@ -151,7 +151,7 @@ import { ChartBar } from '_c/charts';
                       <el-form-item label="企业办公地址" prop="CUSTOMER_HUIYUANRUHUI_BG_DZ_SH">
                         <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_BG_DZ_SH" style="width: 100px;"
                             placeholder="市"></el-input>
-                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_BG_DZ_QU" 
+                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_BG_DZ_QU"
                         style="width: 100px;" placeholder="区"></el-input>
                       </el-form-item>
                     </td>
@@ -382,7 +382,7 @@ import { ChartBar } from '_c/charts';
                   </tr>
                   <tr class="el-table__row">
                     <td colspan="10" class="el-table__cell" style="text-align: left;padding: 5px 10px">
-                      规划月产能<el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_ZZ_Y_CN"></el-input>万片； 
+                      规划月产能<el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_ZZ_Y_CN"></el-input>万片；
                       主要工艺平台<el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_ZY_GY_PT"></el-input>;
                     </td>
                   </tr>
@@ -398,7 +398,7 @@ import { ChartBar } from '_c/charts';
                   </tr>
                   <tr class="el-table__row">
                     <td colspan="10" class="el-table__cell" style="text-align: left;padding: 5px 10px">
-                      封装形式<el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_FENGZHUANGXINGSHIJIXINGHAO"></el-input>;   
+                      封装形式<el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_FENGZHUANGXINGSHIJIXINGHAO"></el-input>;
                       规划月产能<el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_FZ_Y_CN"></el-input>;
                     </td>
                   </tr>
@@ -875,7 +875,7 @@ export default {
                         this.fileName = this.titleList[0].aboutAttachment || this.titleList[0].aboutImg
                     }
               }
-              
+
           }
       },
 
@@ -1184,7 +1184,7 @@ export default {
                             fieldValues: params[key]
                         })
                   }
-                  
+
               }
           }