diff --git a/package-lock.json b/package-lock.json
index 48db6a8..641a2a8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2984,7 +2984,6 @@
       "resolved": "https://registry.npmjs.org/boom/-/boom-2.10.1.tgz",
       "integrity": "sha1-OciRjO/1eZ+D+UkqhI9iWt0Mdm8=",
       "dev": true,
-      "optional": true,
       "requires": {
         "hoek": "2.x.x"
       }
@@ -6630,8 +6629,7 @@
       "version": "2.16.3",
       "resolved": "https://registry.npmjs.org/hoek/-/hoek-2.16.3.tgz",
       "integrity": "sha1-ILt0A9POo5jpHcRxCo/xuCdKJe0=",
-      "dev": true,
-      "optional": true
+      "dev": true
     },
     "hoopy": {
       "version": "0.1.4",
@@ -9943,8 +9941,7 @@
       "version": "2.2.2",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz",
       "integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==",
-      "dev": true,
-      "optional": true
+      "dev": true
     },
     "pify": {
       "version": "2.3.0",
diff --git a/src/view/data.vue b/src/view/data.vue
index 6e1a848..e6a1f6d 100755
--- a/src/view/data.vue
+++ b/src/view/data.vue
@@ -3,7 +3,8 @@
     <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 @click.native="goToList()">数据上报</el-breadcrumb-item>
+      <el-breadcrumb-item v-if="isShow">详情</el-breadcrumb-item>
     </el-breadcrumb>
     <el-row class="card_menu">
       <el-col :span="4">
@@ -18,10 +19,10 @@
         </el-card>
       </el-col>
       <el-col :span="20">
-        <el-card shadow="never" style="margin: 0 10px;">
+        <el-card shadow="never" style="margin: 0 10px;" v-if="!isShow">
           <ul style="list-style: none">
-            <li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0" 
-            v-for="(item,index) in dataList" :key="index">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li>
+            <li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0"
+            v-for="(item,index) in dataList" :key="index"  @click="goToDetail(item)">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li>
           </ul>
           <el-pagination
             background
@@ -29,6 +30,11 @@
             :total="total" prev-text="上一页" next-text="下一页" style="float: right;margin: 10px">
           </el-pagination>
         </el-card>
+        <el-card class="article" shadow="never" style="border-radius: 8px" v-if="isShow">
+          <h2 class="title">上海市集成电路行业协会简介</h2>
+          <div class="info">作者：SICA&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;发布日期：2011年12月28日&nbsp;星期三</div>
+          <div class="content" v-html="activeItem.content"></div>
+        </el-card>
       </el-col>
     </el-row>
   </el-main>
@@ -43,10 +49,20 @@ export default {
         titleList: [],
         activeIndex: 0,
         dataList: [],
-        total: 0
+        total: 0,
+      isShow: false,
+      activeItem: {}
     }
   },
   methods: {
+    goToList(){
+      this.isShow = false
+      this.$forceUpdate()
+    },
+    goToDetail(item){
+      this.isShow = true
+      this.activeItem = {...item}
+    },
       async getChannelsRequest(){
           let res = await getChannelsRequest({current:1,size:100})
           if(res.code == 200){
@@ -66,7 +82,7 @@ export default {
               if(this.titleList && this.titleList[0]){
                 this.getChannelInformationsRequest(this.titleList[0].id)
               }
-              
+
           }
       },
 
diff --git a/src/view/exchange.vue b/src/view/exchange.vue
index 6d1f80f..4eefc94 100755
--- a/src/view/exchange.vue
+++ b/src/view/exchange.vue
@@ -3,7 +3,8 @@
     <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 @click.native="goToList()">合作交流</el-breadcrumb-item>
+      <el-breadcrumb-item v-if="isShow">详情</el-breadcrumb-item>
     </el-breadcrumb>
     <el-row class="card_menu">
       <el-col :span="4">
@@ -21,13 +22,13 @@
 
         </el-card>
       </el-col>
-      <el-col :span="20">
-        <el-card shadow="never" style="margin: 0 10px;">
+      <el-col :span="20" style="padding: 0 10px;">
+        <el-card shadow="never" style="margin: 0 10px;" v-if="!isShow">
           <h2 style="text-align: center">活动预告</h2>
           <ul style="list-style: none" class="exchange-list">
-            <li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0;height: 120px" 
-            v-for="(item,index) in dataList" :key="index">
-              <img style="float: left;width: 100px;height: 100px;border-radius: 8px" 
+            <li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0;height: 120px"
+            v-for="(item,index) in dataList" :key="index" @click="goToDetail(item)">
+              <img style="float: left;width: 100px;height: 100px;border-radius: 8px"
                 :src="item.aboutImgUrl"/>
               <div style="margin-left: 120px;">
                 <h3 style="color:#333333;">{{item.title}}</h3>
@@ -41,13 +42,18 @@
             :total="total" prev-text="上一页" next-text="下一页" style="float: right;margin: 10px">
           </el-pagination>
         </el-card>
+        <el-card class="article" shadow="never" style="border-radius: 8px" v-if="isShow">
+          <h2 class="title">上海市集成电路行业协会简介</h2>
+          <div class="info">作者：SICA&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;发布日期：2011年12月28日&nbsp;星期三</div>
+          <div class="content" v-html="activeItem.content"></div>
+        </el-card>
       </el-col>
     </el-row>
   </el-main>
 </template>
 
 <script>
-import {getChannelInformationsRequest, getChannelsRequest, 
+import {getChannelInformationsRequest, getChannelsRequest,
         getChannelSecond} from "../api/data";
 
 export default {
@@ -56,7 +62,9 @@ export default {
         titleList: [],
         activeIndex: 0,
         dataList: [],
-        total: 0
+        total: 0,
+      isShow: false,
+      activeItem: {}
     }
   },
   methods: {
@@ -78,7 +86,7 @@ export default {
               if(this.titleList){
                 this.getChannelInformationsRequest(this.titleList[0].id)
               }
-              
+
           }
       },
 
diff --git a/src/view/km.vue b/src/view/km.vue
index 5290a1c..7688867 100755
--- a/src/view/km.vue
+++ b/src/view/km.vue
@@ -1,5 +1,11 @@
 <template>
   <el-main style="width: 1200px;margin: 0 auto;min-height: 500px">
+    <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 @click.native="goToList()">知识产权</el-breadcrumb-item>
+      <el-breadcrumb-item v-if="isShow">详情</el-breadcrumb-item>
+    </el-breadcrumb>
     <el-row class="card_menu">
       <el-col :span="4">
         <el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}">
@@ -17,12 +23,12 @@
         </el-card>
       </el-col>
       <el-col :span="20">
-        <el-card shadow="never" style="margin: 0 10px;">
+        <el-card shadow="never" style="margin: 0 10px;" v-if="!isShow">
           <h2 style="text-align: center;color: #333">
             <span>协会团标</span>
           </h2>
           <el-row>
-            <el-col :span="6" v-for="(item,index) in dataList" :key="index" >
+            <el-col :span="6" v-for="(item,index) in dataList" :key="index"  @click="goToDetail(item)">
               <el-card class="box-card" shadow="never" style="margin: 0 10px" :body-style="{ padding: '0px' }">
                 <img :src="item.aboutImgUrl" style="border-radius: 10px;margin: 10px 0" width="100%"/>
               <p style="color: #333">{{item.title}}</p>
@@ -31,6 +37,11 @@
           </el-row>
 
         </el-card>
+        <el-card class="article" shadow="never" style="border-radius: 8px" v-if="isShow">
+          <h2 class="title">上海市集成电路行业协会简介</h2>
+          <div class="info">作者：SICA&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;发布日期：2011年12月28日&nbsp;星期三</div>
+          <div class="content" v-html="activeItem.content"></div>
+        </el-card>
       </el-col>
     </el-row>
   </el-main>
@@ -46,10 +57,20 @@ export default {
         titleList: [],
         activeIndex: 0,
         dataList: [],
-        total: 0
+        total: 0,
+      isShow: false,
+      activeItem: {}
     }
   },
   methods: {
+    goToList(){
+      this.isShow = false
+      this.$forceUpdate()
+    },
+    goToDetail(item){
+      this.isShow = true
+      this.activeItem = {...item}
+    },
       async getChannelsRequest(){
           let res = await getChannelsRequest({current:1,size:100})
           if(res.code == 200){
diff --git a/src/view/member.vue b/src/view/member.vue
index 7b220a3..fd5bfea 100755
--- a/src/view/member.vue
+++ b/src/view/member.vue
@@ -4,6 +4,7 @@
       <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 v-if="isShow">详情</el-breadcrumb-item>
     </el-breadcrumb>
     <el-row class="card_menu">
       <el-col :span="4">
@@ -17,11 +18,11 @@
               {{item.channelName}}</div>
         </el-card>
       </el-col>
-      <el-col :span="20">
-        <el-card shadow="never" style="margin: 0 10px;">
+      <el-col :span="20" style="padding: 0 10px;">
+        <el-card shadow="never" style="margin: 0 10px;" v-if="!isShow">
           <ul style="list-style: none">
-            <li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0" 
-            v-for="(item,index) in dataList" :key="index">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li>
+            <li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0"
+            v-for="(item,index) in dataList" :key="index" @click="goToDetail(item)">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li>
           </ul>
           <el-pagination
             background
@@ -29,6 +30,11 @@
             :total="total" prev-text="上一页" next-text="下一页" style="float: right;margin: 10px">
           </el-pagination>
         </el-card>
+        <el-card class="article" shadow="never" style="border-radius: 8px" v-if="isShow">
+          <h2 class="title">上海市集成电路行业协会简介</h2>
+          <div class="info">作者：SICA&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;发布日期：2011年12月28日&nbsp;星期三</div>
+          <div class="content" v-html="activeItem.content"></div>
+        </el-card>
       </el-col>
     </el-row>
   </el-main>
@@ -43,10 +49,20 @@ export default {
         titleList: [],
         activeIndex: 0,
         dataList: [],
-        total: 0
+        total: 0,
+      isShow: false,
+      activeItem: {}
     }
   },
   methods: {
+    goToList(){
+      this.isShow = false
+      this.$forceUpdate()
+    },
+    goToDetail(item){
+      this.isShow = true
+      this.activeItem = {...item}
+    },
       async getChannelsRequest(){
           let res = await getChannelsRequest({current:1,size:100})
           if(res.code == 200){
@@ -66,7 +82,7 @@ export default {
               if(this.titleList && this.titleList[0]){
                 this.getChannelInformationsRequest(this.titleList[0].id)
               }
-              
+
           }
       },
 
diff --git a/src/view/news.vue b/src/view/news.vue
index 10dc4a1..f890337 100755
--- a/src/view/news.vue
+++ b/src/view/news.vue
@@ -21,10 +21,10 @@
       <el-col :span="20" style="padding: 0 10px;">
         <el-card shadow="never"  v-if="!isShow">
           <ul style="list-style: none">
-            <li :to='"/detail?id="+item.id' style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0" 
+            <li :to='"/detail?id="+item.id' style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0"
             v-for="(item,index) in dataList" :key="index" @click="goToDetail(item)">
-            
-                {{ index+1 }}、{{item.title}} 
+
+                {{ index+1 }}、{{item.title}}
             <span style="float:right">{{item.publishTime}}</span></li>
           </ul>
           <el-pagination
@@ -40,7 +40,6 @@
             <div class="info">作者：SICA&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;发布日期：2011年12月28日&nbsp;星期三</div>
             <div class="content" v-html="activeItem.content"></div>
             </el-card>
-
       </el-col>
     </el-row>
   </el-main>
@@ -89,7 +88,7 @@ export default {
               if(this.titleList && this.titleList[0]){
                 this.getChannelInformationsRequest(this.titleList[0].id)
               }
-              
+
           }
       },
 
diff --git a/src/view/people.vue b/src/view/people.vue
index 97524be..6d76f54 100755
--- a/src/view/people.vue
+++ b/src/view/people.vue
@@ -3,7 +3,8 @@
     <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 @click.native="goToList()">人力资源</el-breadcrumb-item>
+      <el-breadcrumb-item v-if="isShow">详情</el-breadcrumb-item>
     </el-breadcrumb>
     <el-row class="card_menu">
       <el-col :span="4">
@@ -17,11 +18,11 @@
               {{item.channelName}}</div>
         </el-card>
       </el-col>
-      <el-col :span="20">
-        <el-card shadow="never" style="margin: 0 10px;">
+      <el-col :span="20" style="padding: 0 10px;">
+        <el-card shadow="never" style="margin: 0 10px;" v-if="!isShow">
           <ul style="list-style: none">
-            <li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0" 
-            v-for="(item,index) in dataList" :key="index">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li>
+            <li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0"
+            v-for="(item,index) in dataList" :key="index" @click="goToDetail(item)">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li>
           </ul>
           <el-pagination
             background
@@ -29,6 +30,11 @@
             :total="total" prev-text="上一页" next-text="下一页" style="float: right;margin: 10px">
           </el-pagination>
         </el-card>
+        <el-card class="article" shadow="never" style="border-radius: 8px" v-if="isShow">
+          <h2 class="title">上海市集成电路行业协会简介</h2>
+          <div class="info">作者：SICA&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;发布日期：2011年12月28日&nbsp;星期三</div>
+          <div class="content" v-html="activeItem.content"></div>
+        </el-card>
       </el-col>
     </el-row>
   </el-main>
@@ -43,10 +49,20 @@ export default {
         titleList: [],
         activeIndex: 0,
         dataList: [],
-        total: 0
+        total: 0,
+      isShow: false,
+      activeItem: {}
     }
   },
   methods: {
+    goToList(){
+      this.isShow = false
+      this.$forceUpdate()
+    },
+    goToDetail(item){
+      this.isShow = true
+      this.activeItem = {...item}
+    },
       async getChannelsRequest(){
           let res = await getChannelsRequest({current:1,size:100})
           if(res.code == 200){
@@ -66,7 +82,7 @@ export default {
               if(this.titleList && this.titleList[0]){
                 this.getChannelInformationsRequest(this.titleList[0].id)
               }
-              
+
           }
       },
 
diff --git a/src/view/policy.vue b/src/view/policy.vue
index ec8020e..5d9a94d 100755
--- a/src/view/policy.vue
+++ b/src/view/policy.vue
@@ -3,7 +3,8 @@
     <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 @click.native="goToList()">产业政策</el-breadcrumb-item>
+      <el-breadcrumb-item v-if="isShow">详情</el-breadcrumb-item>
     </el-breadcrumb>
     <el-row class="card_menu">
       <el-col :span="4">
@@ -17,11 +18,11 @@
               {{item.channelName}}</div>
         </el-card>
       </el-col>
-      <el-col :span="20">
-        <el-card shadow="never" style="margin: 0 10px;">
+      <el-col :span="20" style="padding: 0 10px;">
+        <el-card shadow="never" style="margin: 0 10px;"  v-if="!isShow">
           <ul style="list-style: none">
-            <li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0" 
-            v-for="(item,index) in dataList" :key="index">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li>
+            <li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0"
+            v-for="(item,index) in dataList" :key="index"  @click="goToDetail(item)">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li>
           </ul>
           <el-pagination
             background
@@ -29,6 +30,11 @@
             :total="total" prev-text="上一页" next-text="下一页" style="float: right;margin: 10px">
           </el-pagination>
         </el-card>
+        <el-card class="article" shadow="never" style="border-radius: 8px" v-if="isShow">
+          <h2 class="title">上海市集成电路行业协会简介</h2>
+          <div class="info">作者：SICA&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;发布日期：2011年12月28日&nbsp;星期三</div>
+          <div class="content" v-html="activeItem.content"></div>
+        </el-card>
       </el-col>
     </el-row>
   </el-main>
@@ -44,10 +50,20 @@ export default {
         titleList: [],
         activeIndex: 0,
         dataList: [],
-        total: 0
+        total: 0,
+      isShow: false,
+      activeItem: {}
     }
   },
   methods: {
+    goToDetail(item){
+      this.isShow = true
+      this.activeItem = {...item}
+    },
+    goToList(){
+      this.isShow = false
+      this.$forceUpdate()
+    },
       async getChannelsRequest(){
           let res = await getChannelsRequest({current:1,size:100})
           if(res.code == 200){
@@ -67,7 +83,7 @@ export default {
               if(this.titleList && this.titleList[0]){
                 this.getChannelInformationsRequest(this.titleList[0].id)
               }
-              
+
           }
       },
 
diff --git a/src/view/trode.vue b/src/view/trode.vue
index 55994d0..c64aaa5 100755
--- a/src/view/trode.vue
+++ b/src/view/trode.vue
@@ -3,7 +3,8 @@
     <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 @click.native="goToList()">行业动态</el-breadcrumb-item>
+      <el-breadcrumb-item v-if="isShow">详情</el-breadcrumb-item>
     </el-breadcrumb>
     <el-row class="card_menu">
       <el-col :span="4">
@@ -17,11 +18,11 @@
               {{item.channelName}}</div>
         </el-card>
       </el-col>
-      <el-col :span="20">
-        <el-card shadow="never" style="margin: 0 10px;">
+      <el-col :span="20" style="padding: 0 10px;">
+        <el-card shadow="never" style="margin: 0 10px;"  v-if="!isShow">
           <ul style="list-style: none">
-            <li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0" 
-            v-for="(item,index) in dataList" :key="index">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li>
+            <li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0"
+            v-for="(item,index) in dataList" :key="index" @click="goToDetail(item)">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li>
           </ul>
           <el-pagination
             background
@@ -29,6 +30,11 @@
             :total="total" prev-text="上一页" next-text="下一页" style="float: right;margin: 10px">
           </el-pagination>
         </el-card>
+        <el-card class="article" shadow="never" style="border-radius: 8px" v-if="isShow">
+          <h2 class="title">上海市集成电路行业协会简介</h2>
+          <div class="info">作者：SICA&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;发布日期：2011年12月28日&nbsp;星期三</div>
+          <div class="content" v-html="activeItem.content"></div>
+        </el-card>
       </el-col>
     </el-row>
   </el-main>
@@ -44,10 +50,20 @@ export default {
         titleList: [],
         activeIndex: 0,
         dataList: [],
-        total: 0
+        total: 0,
+      isShow: false,
+      activeItem: {}
     }
   },
   methods: {
+    goToList(){
+      this.isShow = false
+      this.$forceUpdate()
+    },
+    goToDetail(item){
+      this.isShow = true
+      this.activeItem = {...item}
+    },
       async getChannelsRequest(){
           let res = await getChannelsRequest({current:1,size:100})
           if(res.code == 200){
@@ -67,7 +83,7 @@ export default {
               if(this.titleList && this.titleList[0]){
                 this.getChannelInformationsRequest(this.titleList[0].id)
               }
-              
+
           }
       },