更新

src/layout/altai/index/keji.vue

@@ -1,8 +1,9 @@
 <template>
-  <div id="keji">
+  <div id="notice">
     <el-row>
       <el-col :span="24" class="top">
-        <el-link :underline="false">
+        <!-- @click="$router.push({ path: `/info/list/${notice.column.id}` })" -->
+        <el-link :underline="false" href="#/more">
           <el-col :span="21" class="title">科技服务</el-col>
           <el-col :span="3" class="more">
             <el-image style="width:25px;height:25px;padding: 20px 0 0 0;" :src="dian"></el-image>
@@ -10,15 +11,14 @@
         </el-link>
       </el-col>
       <el-col :span="24" class="content">
-        <ul>
-          <li v-for="(item,index) in keJiList" :key="index">
-            <a href="#">
-              <span class="dot"></span>
-              <span>{{item.title}}</span>
-              <span class="tt">{{item.time}}</span>
-            </a>
-          </li>
-        </ul>
+        <!-- @click.native="$router.push({ path: `/info/detail?id=${item.id}` })" -->
+        <el-col :span="24" class="list" v-for="(item, index) in keJiList" :key="index">
+          <span class="dot"></span>
+          <el-link :underline="false" href="#/detail">
+            <span class="title">{{ item.title }}</span>
+          </el-link>
+          <span class="tt">{{ item.time }}</span>
+        </el-col>
       </el-col>
     </el-row>
   </div>
@@ -26,7 +26,7 @@
 
 <script>
 export default {
-  name: 'keji',
+  name: 'notice',
   props: {
     keJiList: null,
   },
@@ -34,7 +34,7 @@ export default {
   data: () => ({
     dian: require('../../../assets/dot.png'),
   }),
-  created() { },
+  created() {},
   computed: {},
   methods: {},
 };
@@ -65,42 +65,29 @@ a {
   text-align: center;
   height: 60px;
 }
-.content {
-  display: -webkit-box;
-  -webkit-line-clamp: 7;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-ul {
-  padding: 0;
-  margin: 8px 20px;
-}
-.dot {
-  width: 5px;
-  height: 5px;
-  background-color: #abaab8;
-  border-radius: 90px;
-  margin: 0 10px 6px 0;
-}
-li {
-  padding: 5px 0;
-  color: #95a3c0;
-  list-style-type: none;
+.list {
+  padding: 9px;
 }
-li a {
-  font-size: 14px;
-  color: #60626e;
-}
-.tt {
-  color: #abaab8;
-  float: right;
+.list .dot {
+  display: inline-block;
+  width: 4px;
+  height: 4px;
+  background: #ccc;
+  margin: 0 10px 3px 10px;
 }
-a > span {
+.list .title {
   display: inline-block;
-  max-width: 230px;
+  max-width: 256px;
+  padding: 0 5px 0 0;
+  font-size: 16px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.list .tt {
+  font-size: 16px;
+  display: inline-block;
+  max-width: 101px;
+  color: #606266;
+}
 </style>

src/layout/altai/index/law.vue

@@ -1,8 +1,9 @@
 <template>
-  <div id="law">
+  <div id="notice">
     <el-row>
       <el-col :span="24" class="top">
-        <el-link :underline="false">
+        <!-- @click="$router.push({ path: `/info/list/${notice.column.id}` })" -->
+        <el-link :underline="false" href="#/more">
           <el-col :span="21" class="title">政策法规</el-col>
           <el-col :span="3" class="more">
             <el-image style="width:25px;height:25px;padding: 20px 0 0 0;" :src="dian"></el-image>
@@ -10,15 +11,14 @@
         </el-link>
       </el-col>
       <el-col :span="24" class="content">
-        <ul>
-          <li v-for="(item,index) in lawList" :key="index">
-            <a href="#">
-              <span class="dot"></span>
-              <span>{{item.title}}</span>
-              <span class="tt">{{item.time}}</span>
-            </a>
-          </li>
-        </ul>
+        <!-- @click.native="$router.push({ path: `/info/detail?id=${item.id}` })" -->
+        <el-col :span="24" class="list" v-for="(item, index) in lawList" :key="index">
+          <span class="dot"></span>
+          <el-link :underline="false" href="#/detail">
+            <span class="title">{{ item.title }}</span>
+          </el-link>
+          <span class="tt">{{ item.time }}</span>
+        </el-col>
       </el-col>
     </el-row>
   </div>
@@ -26,7 +26,7 @@
 
 <script>
 export default {
-  name: 'law',
+  name: 'notice',
   props: {
     lawList: null,
   },
@@ -34,7 +34,7 @@ export default {
   data: () => ({
     dian: require('../../../assets/dot.png'),
   }),
-  created() { },
+  created() {},
   computed: {},
   methods: {},
 };
@@ -65,50 +65,29 @@ a {
   text-align: center;
   height: 60px;
 }
-.content {
-  display: -webkit-box;
-  -webkit-line-clamp: 7;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-ul {
-  padding: 0;
-  margin: 8px 20px;
-}
-.dot {
-  width: 5px;
-  height: 5px;
-  background-color: #abaab8;
-  border-radius: 90px;
-  margin: 0 10px 6px 0;
-}
-li {
-  padding: 5px 0;
-  color: #95a3c0;
-  list-style-type: none;
+.list {
+  padding: 9px;
 }
-li a {
-  font-size: 14px;
-  color: #60626e;
-}
-.dot {
+.list .dot {
   display: inline-block;
-  width: 5px;
-  height: 5px;
-  margin: 0 10px 6px 0;
-  background-color: #95a3c0;
-  border-radius: 90px;
-}
-.tt {
-  color: #abaab8;
-  float: right;
+  width: 4px;
+  height: 4px;
+  background: #ccc;
+  margin: 0 10px 3px 10px;
 }
-a > span {
+.list .title {
   display: inline-block;
-  max-width: 230px;
+  max-width: 258px;
+  padding: 0 5px 0 0;
+  font-size: 16px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.list .tt {
+  font-size: 16px;
+  display: inline-block;
+  max-width: 101px;
+  color: #606266;
+}
 </style>

src/layout/altai/index/notice.vue

@@ -2,7 +2,8 @@
   <div id="notice">
     <el-row>
       <el-col :span="24" class="top">
-        <el-link :underline="false">
+        <!-- @click="$router.push({ path: `/info/list/${notice.column.id}` })" -->
+        <el-link :underline="false" href="#/more">
           <el-col :span="21" class="title">通知公告</el-col>
           <el-col :span="3" class="more">
             <el-image style="width:25px;height:25px;padding: 20px 0 0 0;" :src="dian"></el-image>
@@ -10,15 +11,14 @@
         </el-link>
       </el-col>
       <el-col :span="24" class="content">
-        <ul>
-          <li v-for="(item, index) in noticeList" :key="index">
-            <a href="#">
-              <span class="dot"></span>
-              <span>{{ item.title }}</span>
-              <span class="tt">{{ item.time }}</span>
-            </a>
-          </li>
-        </ul>
+        <!-- @click.native="$router.push({ path: `/info/detail?id=${item.id}` })" -->
+        <el-col :span="24" class="list" v-for="(item, index) in noticeList" :key="index">
+          <span class="dot"></span>
+          <el-link :underline="false" href="#/detail">
+            <span class="title">{{ item.title }}</span>
+          </el-link>
+          <span class="tt">{{ item.time }}</span>
+        </el-col>
       </el-col>
     </el-row>
   </div>
@@ -34,7 +34,7 @@ export default {
   data: () => ({
     dian: require('../../../assets/dot.png'),
   }),
-  created() { },
+  created() {},
   computed: {},
   methods: {},
 };
@@ -65,43 +65,29 @@ a {
   text-align: center;
   height: 60px;
 }
-.content {
-  display: -webkit-box;
-  -webkit-line-clamp: 7;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-ul {
-  padding: 0;
-  margin: 8px 20px;
-}
-li {
-  padding: 5px 0;
-  color: #95a3c0;
-  list-style-type: none;
+.list {
+  padding: 9px;
 }
-li a {
-  font-size: 14px;
-  color: #60626e;
-}
-.dot {
+.list .dot {
   display: inline-block;
-  width: 5px;
-  height: 5px;
-  margin: 0 10px 6px 0;
-  background-color: #95a3c0;
-  border-radius: 90px;
-}
-.tt {
-  color: #abaab8;
-  float: right;
+  width: 4px;
+  height: 4px;
+  background: #ccc;
+  margin: 0 10px 3px 10px;
 }
-a > span {
+.list .title {
   display: inline-block;
-  max-width: 230px;
+  max-width: 258px;
+  padding: 0 5px 0 0;
+  font-size: 16px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.list .tt {
+  font-size: 16px;
+  display: inline-block;
+  max-width: 101px;
+  color: #606266;
+}
 </style>

src/layout/altai/index/zixun.vue

@@ -14,9 +14,9 @@
         <!-- @click.native="$router.push({ path: `/info/detail?id=${item.id}` })" -->
         <el-col :span="24" class="list" v-for="(item, index) in ziXunList" :key="index">
           <span class="dot"></span>
-          <el-link :underline="false"
-            ><span class="title">{{ item.title }}</span></el-link
-          >
+          <el-link :underline="false" href="#/detail">
+            <span class="title">{{ item.title }}</span>
+          </el-link>
           <span class="tt">{{ item.time }}</span>
         </el-col>
       </el-col>
@@ -75,13 +75,13 @@ export default {
 .list .title {
   display: inline-block;
   max-width: 445px;
-  font-size: 18px;
+  font-size: 16px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 .list .tt {
-  font-size: 18px;
+  font-size: 16px;
   display: inline-block;
   max-width: 101px;
   color: #606266;

src/layout/altai/info/dongtai.vue

@@ -3,20 +3,20 @@
     <el-row>
       <el-col :span="24">
         <el-tabs type="border-card" style="height:400px">
-          <el-tab-pane v-for="(item,index) in dongTaiList" :key="index">
-            <span slot="label" class="title">{{item.title}}
+          <el-tab-pane class="topList" v-for="(item, index) in dongTaiList" :key="index">
+            <span slot="label" class="title">
+              {{ item.title }}
               <span></span>
             </span>
             <el-col :span="24" class="content">
-              <ul>
-                <li v-for="(tag,index) in item.content" :key="index">
-                  <a href="#">
-                    <span class="dot"></span>
-                    <span>{{tag.title}}</span>
-                    <span class="tt">{{tag.time}}</span>
-                  </a>
-                </li>
-              </ul>
+              <!-- @click.native="$router.push({ path: `/info/detail?id=${item.id}` })" -->
+              <el-col :span="24" class="list" v-for="(tag, index) in item.content" :key="index">
+                <span class="dot"></span>
+                <el-link :underline="false" href="#/detail">
+                  <span class="title">{{ tag.title }}</span>
+                </el-link>
+                <span class="tt">{{ tag.time }}</span>
+              </el-col>
             </el-col>
           </el-tab-pane>
         </el-tabs>
@@ -33,20 +33,13 @@ export default {
   },
   components: {},
   data: () => ({}),
-  created() { },
+  created() {},
   computed: {},
   methods: {},
 };
 </script>
 
 <style lang="less" scoped>
-a {
-  text-decoration: none;
-}
-ul {
-  padding: 0px;
-  list-style: none;
-}
 /deep/.el-tabs__nav {
   padding: 10px 10px 0 10px;
   background-color: #ffffff;
@@ -61,19 +54,19 @@ ul {
 /deep/.el-tabs__nav-wrap.is-scrollable {
   padding: 0;
 }
-/deep/.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
-    color: #2c3350;
+/deep/.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
+  color: #2c3350;
 }
-/deep/.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
-   color: #2c3350;
+/deep/.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
+  color: #2c3350;
 }
-.title {
+.el-tabs__nav .title {
   height: 45px;
   font-size: 22px;
   font-weight: bold;
   padding-left: 10px;
 }
-.title span {
+.el-tabs__nav .title span {
   display: inline-block;
   height: 4px;
   width: 4px;
@@ -91,29 +84,30 @@ ul {
   border-radius: 90px;
   margin: 0 10px 6px 0;
 }
-.content ul {
-  height: 280px;
-  display: -webkit-box;
-  text-overflow: ellipsis;
-  overflow : hidden;
-  -webkit-box-orient: vertical;
-}
-.content li {
-  padding: 3px 0;
+.list {
+  padding: 9px;
 }
-.content a {
-  font-size: 16px;
-  color: #6d6d77;
-}
-.tt {
-  color: #abaab8;
-  float: right;
+.list .dot {
+  display: inline-block;
+  width: 4px;
+  height: 4px;
+  background: #ccc;
+  margin: 0 10px 3px 0px;
+  border-radius: 90px;
 }
-.content a > span {
+.list .title {
   display: inline-block;
-  max-width: 410px;
+  max-width: 440px;
+  padding: 0 5px 0 0;
+  font-size: 16px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-</style>
+.list .tt {
+  font-size: 16px;
+  display: inline-block;
+  max-width: 101px;
+  color: #606266;
+}
+</style>

src/layout/altai/info/gongzhong.vue

@@ -0,0 +1,100 @@
+<template>
+  <div id="gongzhong">
+    <el-row>
+      <el-col :span="24" class="top">
+        <span>公众参与</span>
+      </el-col>
+      <el-col :span="24" class="info">
+        <el-col :span="4" class="list" v-for="(item, index) in list" :key="index">
+          <el-link :underline="false" :href="item.href">
+            <el-image :src="item.url" style="width:80px;height:57px;margin-top: 30px;"></el-image>
+            <span>{{ item.title }}</span>
+          </el-link>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'gongzhong',
+  props: {},
+  components: {},
+  data: () => ({
+    list: [
+      {
+        url: require('../../../assets/canyu1.png'),
+        title: '厅长信箱',
+        href: 'http://kjt.jl.gov.cn/gzcy/tzxx/',
+      },
+      {
+        url: require('../../../assets/canyu2.png'),
+        title: '在线咨询',
+        href: 'http://kjt.jl.gov.cn/gzcy/zxzx/',
+      },
+      {
+        url: require('../../../assets/canyu3.png'),
+        title: '监督投诉',
+        href: 'http://kjt.jl.gov.cn/gzcy/jdts/',
+      },
+      {
+        url: require('../../../assets/canyu4.png'),
+        title: '建议献策',
+        href: 'http://kjt.jl.gov.cn/gzcy/jyxc/',
+      },
+      {
+        url: require('../../../assets/canyu5.png'),
+        title: '网上调查',
+        href: 'http://kjt.jl.gov.cn/gzcy/wsdc/',
+      },
+      {
+        url: require('../../../assets/canyu6.png'),
+        title: '党政资料',
+        href: 'http://139.210.167.203/free-technological-management/PersonalFiles',
+      },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.top {
+  height: 70px;
+  line-height: 70px;
+}
+.top span {
+  display: block;
+  font-size: 22px;
+  color: #2c3350;
+  padding: 0 20px;
+  font-weight: bold;
+}
+.info {
+  padding: 0 0 0 20px;
+  height: 148px;
+}
+.list {
+  width: 183px;
+  height: 148px;
+  background-color: #f8f8f8;
+  margin-right: 10px;
+  text-align: center;
+  border: 1px solid #dee9f9;
+}
+.list:hover {
+  background-color: #DEEBFF;
+}
+.list span {
+  display: block;
+  width: 183px;
+  height: 30px;
+  color: #fff;
+  background-color: #22529a;
+  margin-top: 27px;
+  line-height: 30px;
+}
+</style>

src/layout/altai/info/meiti.vue

@@ -1,24 +1,24 @@
 <template>
-  <div id="meiti">
+  <div id="notice">
     <el-row>
-        <el-col :span="24" class="top">
-          <el-link :underline="false">
-            <el-col :span="21" class="title">媒体聚距</el-col>
-            <el-col :span="3" class="more">
-              <el-image style="width:25px;height:25px;padding: 20px 0 0 0;" :src="dian"></el-image>
-            </el-col>
+      <el-col :span="24" class="top">
+        <!-- @click="$router.push({ path: `/info/list/${notice.column.id}` })" -->
+        <el-link :underline="false" href="#/more">
+          <el-col :span="21" class="title">媒体聚距</el-col>
+          <el-col :span="3" class="more">
+            <el-image style="width:25px;height:25px;padding: 20px 0 0 0;" :src="dian"></el-image>
+          </el-col>
+        </el-link>
+      </el-col>
+      <el-col :span="24" class="content">
+        <!-- @click.native="$router.push({ path: `/info/detail?id=${item.id}` })" -->
+        <el-col :span="24" class="list" v-for="(item, index) in meitiList" :key="index">
+          <span class="dot"></span>
+          <el-link :underline="false" href="#/detail">
+            <span class="title">{{ item.title }}</span>
           </el-link>
+          <span class="tt">{{ item.time }}</span>
         </el-col>
-      <el-col :span="24" class="content">
-        <ul>
-          <li v-for="(item, index) in meitiList" :key="index">
-            <a href="#">
-              <span class="dot"></span>
-              <span>{{ item.title }}</span>
-              <span class="tt">{{ item.time }}</span>
-            </a>
-          </li>
-        </ul>
       </el-col>
     </el-row>
   </div>
@@ -26,7 +26,7 @@
 
 <script>
 export default {
-  name: 'meiti',
+  name: 'notice',
   props: {
     meitiList: null,
   },
@@ -65,44 +65,29 @@ a {
   text-align: center;
   height: 60px;
 }
-.content{
-  display: -webkit-box;
-  -webkit-line-clamp: 7;
-  -webkit-box-orient: vertical;
-  overflow : hidden;
-  text-overflow: ellipsis;
-}
-ul {
-  padding: 0;
-  margin: 8px 20px;
-}
-li {
-  padding: 5px 0;
-  color: #95a3c0;
-  list-style-type: none;
+.list {
+  padding: 9px;
 }
-li a {
-  font-size: 14px;
-  color: #60626e;
-}
-.dot {
+.list .dot {
   display: inline-block;
-  width: 5px;
-  height: 5px;
-  margin: 0 10px 6px 0;
-  background-color: #95a3c0;
-  border-radius: 90px;
-}
-.tt {
-  color: #abaab8;
-  float: right;
+  width: 4px;
+  height: 4px;
+  background: #ccc;
+  margin: 0 10px 3px 10px;
 }
-a > span {
+.list .title {
   display: inline-block;
-  max-width: 230px;
+  max-width: 256px;
+  padding: 0 5px 0 0;
+  font-size: 16px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.list .tt {
+  font-size: 16px;
+  display: inline-block;
+  max-width: 101px;
+  color: #606266;
+}
 </style>
-

src/layout/altai/info/zhengwu.vue

@@ -7,11 +7,13 @@
         </el-link>
       </el-col>
       <el-col :span="24" class="content">
-          <a href="#" v-for="(item,index) in zhengWuList" :key="index">
-            <el-image :src="item.url" style="width:42px;height:40px;margin-top: 20px"></el-image>
-            <span>{{item.title}}</span>
-          </a>
+        <el-col class="list" :span="6" v-for="(item, index) in zhengWuList" :key="index">
+          <el-link :underline="false" :href="item.href" target="_blank">
+            <el-image :src="item.url" style="width:42px;height:40px;margin-top:20px;"></el-image>
+            <span>{{ item.title }}</span>
+          </el-link>
         </el-col>
+      </el-col>
     </el-row>
   </div>
 </template>
@@ -19,12 +21,53 @@
 <script>
 export default {
   name: 'zhengwu',
-  props: {
-    zhengWuList: null,
-  },
+  props: {},
   components: {},
-  data: () => ({}),
-  created() { },
+  data: () => ({
+    zhengWuList: [
+      {
+        url: require('../../../assets/zhengwu1.png'),
+        title: '高企认证',
+        href: 'http://kjt.jl.gov.cn/bsfw/gxjsqyrd/',
+      },
+      {
+        url: require('@/assets/zhengwu2.png'),
+        title: '成果登记',
+        href: 'http://kjt.jl.gov.cn/bsfw/kjcgdj/',
+      },
+      {
+        url: require('@/assets/zhengwu3.png'),
+        title: '合同登记',
+        href: 'http://kjt.jl.gov.cn/bsfw/jshtdj/',
+      },
+      {
+        url: require('@/assets/zhengwu4.png'),
+        title: '计划管理',
+        href: 'http://kjt.jl.gov.cn/bsfw/kjjhxmsb/',
+      },
+      {
+        url: require('@/assets/zhengwu5.png'),
+        title: '奖励申报',
+        href: 'http://kjt.jl.gov.cn/bsfw/kjjlsb/',
+      },
+      {
+        url: require('@/assets/zhengwu6.png'),
+        title: '专利申请',
+        href: 'http://kjt.jl.gov.cn/bsfw/zlsq/',
+      },
+      {
+        url: require('@/assets/zhengwu7.png'),
+        title: '相关下载',
+        href: 'http://kjt.jl.gov.cn/bsfw/xzzx/',
+      },
+      {
+        url: require('@/assets/zhengwu8.png'),
+        title: '政务信息公开',
+        href: 'http://kjt.jl.gov.cn/xxgk/',
+      },
+    ],
+  }),
+  created() {},
   computed: {},
   methods: {},
 };
@@ -49,27 +92,25 @@ export default {
   padding: 0 0 0 20px;
 }
 .content {
-  width: 756px;
-  height: 230px;
-  margin: 0 20px;
+  padding: 0 19px;
 }
-.content a {
-  display: block;
-  width: 174px;
+.list {
+  width: 178px;
   height: 110px;
-  float: left;
   margin-right: 10px;
-  margin-top: 10px;
+  margin-top: 15px;
   text-align: center;
-  color: #3981e5;
   border: 1px solid #dee9f9;
-  font-size: 18px;
 }
-.content span {
+.list:hover {
+  background-color: #DEEBFF;
+}
+.list span {
   display: block;
-  float: left;
   width: 178px;
   height: 30px;
   line-height: 30px;
+  color: #3981e5;
+  font-size: 18px;
 }
 </style>

src/layout/altai/train/dynamic.vue

@@ -3,23 +3,20 @@
     <el-row>
       <el-col :span="24">
         <el-tabs type="border-card" style="height:400px">
-          <el-tab-pane v-for="(item,index) in dynamicList" :key="index">
-            <span slot="label" class="title">{{item.title}}
+          <el-tab-pane class="topList" v-for="(item, index) in dynamicList" :key="index">
+            <span slot="label" class="title">
+              {{ item.title }}
               <span></span>
             </span>
             <el-col :span="24" class="content">
-              <ul>
-                <li v-for="(tag,index) in item.content" :key="index">
-                  <a href="#">
-                    <span class="dot"></span>
-                    <span>{{tag.title}}</span>
-                    <span class="tt">{{tag.time}}</span>
-                  </a>
-                </li>
-              </ul>
-              <div class="entermore">
-                <a href="#">查看更多</a>
-              </div>
+              <!-- @click.native="$router.push({ path: `/info/detail?id=${item.id}` })" -->
+              <el-col :span="24" class="list" v-for="(tag, index) in item.content" :key="index">
+                <span class="dot"></span>
+                <el-link :underline="false" href="#/detail">
+                  <span class="title">{{ tag.title }}</span>
+                </el-link>
+                <span class="tt">{{ tag.time }}</span>
+              </el-col>
             </el-col>
           </el-tab-pane>
         </el-tabs>
@@ -43,17 +40,10 @@ export default {
 </script>
 
 <style lang="less" scoped>
-a {
-  text-decoration: none;
-}
-ul {
-  padding: 0px;
-  list-style: none;
-}
 /deep/.el-tabs__nav {
-  padding: 10px 10px 0 10px;
+  padding: 10px 14px 0 10px;
   background-color: #ffffff;
-  width: 100%;
+  width: 97%;
 }
 /deep/.el-tabs__item {
   display: contents;
@@ -70,13 +60,13 @@ ul {
 /deep/.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
   color: #2c3350;
 }
-.title {
+.el-tabs__nav .title {
   height: 45px;
   font-size: 22px;
   font-weight: bold;
   padding-left: 10px;
 }
-.title span {
+.el-tabs__nav .title span {
   display: inline-block;
   height: 4px;
   width: 4px;
@@ -94,38 +84,30 @@ ul {
   border-radius: 90px;
   margin: 0 10px 6px 0;
 }
-.content ul {
-  height: 177px;
-  display: -webkit-box;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  -webkit-box-orient: vertical;
-}
-.content li {
-  padding: 3px 0;
-}
-.content a {
-  font-size: 16px;
-  color: #6d6d77;
+.list {
+  padding: 8px;
 }
-.tt {
-  color: #abaab8;
-  float: right;
+.list .dot {
+  display: inline-block;
+  width: 4px;
+  height: 4px;
+  background: #ccc;
+  margin: 0 10px 3px 0px;
+  border-radius: 90px;
 }
-.content a > span {
+.list .title {
   display: inline-block;
-  max-width: 600px;
+  max-width: 634px;
+  padding: 0 5px 0 0;
+  font-size: 16px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.entermore {
-  margin-top: 10px;
-  width: 765px;
-  height: 30px;
-  line-height: 30px;
-  text-align: center;
-  background: #f5f5f5;
+.list .tt {
   font-size: 16px;
+  display: inline-block;
+  max-width: 101px;
+  color: #606266;
 }
 </style>

src/layout/altai/train/meeting.vue

@@ -73,6 +73,7 @@ export default {
 }
 .meetList .title {
   display: inline-block;
+  font-size: 16px;
   max-width: 225px;
   overflow: hidden;
   text-overflow: ellipsis;

src/layout/altai/train/service.vue

@@ -4,11 +4,11 @@
       <el-col :span="24" class="top">
         <span>常用服务</span>
       </el-col>
-      <el-col :span="24" class="fuwu">
-        <el-col class="img" :span="8" v-for="(item,index) in serviceList" :key="index">
-          <a href="#">
+      <el-col :span="24" class="info">
+        <el-col class="list" :span="8" v-for="(item, index) in serviceList" :key="index">
+          <el-link :underline="false">
             <el-image :src="item.url" style="width:349px;height:100px"></el-image>
-          </a>
+          </el-link>
         </el-col>
       </el-col>
     </el-row>
@@ -18,12 +18,19 @@
 <script>
 export default {
   name: 'service',
-  props: {
-    serviceList: null,
-  },
+  props: {},
   components: {},
-  data: () => ({}),
-  created() { },
+  data: () => ({
+    serviceList: [
+      { url: require('../../../assets/service1.png') },
+      { url: require('../../../assets/service2.png') },
+      { url: require('../../../assets/service3.png') },
+      { url: require('../../../assets/service5.png') },
+      { url: require('../../../assets/service7.png') },
+      { url: require('../../../assets/service8.png') },
+    ],
+  }),
+  created() {},
   computed: {},
   methods: {},
 };
@@ -40,13 +47,7 @@ export default {
   font-weight: bold;
   padding: 0 20px;
 }
-.fuwu {
-  overflow: hidden;
-  margin-left: 35px;
-  width: 1154px;
-  height: 337px;
-}
-.img{
-  margin: 5px auto;
+.info {
+  padding: 0 0 0 20px;
 }
 </style>

src/views/altai/info.vue

@@ -20,7 +20,10 @@
               <meiti :meitiList="meitiList"></meiti>
             </el-col>
             <el-col :span="16" class="zhiwu">
-              <zhengwu :zhengWuList="zhengWuList"></zhengwu>
+              <zhengwu></zhengwu>
+            </el-col>
+            <el-col :span="24" class="gongzhong">
+              <gongzhong></gongzhong>
             </el-col>
             <el-col :span="24" class="link">
               <lianjie :linkList="linkList"></lianjie>
@@ -42,26 +45,27 @@ import news from '../../layout/altai/info/news.vue';
 import dongtai from '../../layout/altai/info/dongtai.vue';
 import meiti from '../../layout/altai/info/meiti.vue';
 import zhengwu from '../../layout/altai/info/zhengwu.vue';
+import gongzhong from '../../layout/altai/info/gongzhong.vue';
 import lianjie from '../../layout/altai/index/lianjie.vue';
 import foot from '../../layout/altai/index/foot.vue';
 export default {
   name: 'info',
   props: {
-    newsInfo:null,//国际新闻
-    dongTaiList:null,//科技动态
-    meitiList:null,//，媒体聚距
-    zhengWuList:null,//政务公开
-    linkList: null,//友情链接
+    newsInfo: null, //国际新闻
+    dongTaiList: null, //科技动态
+    meitiList: null, //，媒体聚距
+    linkList: null, //友情链接
     foot: null,
   },
   components: {
     top, //头部
     native, //导航
-    news,//国际新闻
-    dongtai,//科技动态
-    meiti,//媒体聚距
-    zhengwu,//政务公开
-    lianjie,//链接
+    news, //国际新闻
+    dongtai, //科技动态
+    meiti, //媒体聚距
+    zhengwu, //政务公开
+    gongzhong, //公众参与
+    lianjie, //链接
     foot, //底部
   },
   data: () => ({}),
@@ -117,6 +121,12 @@ export default {
   background-color: #ffffff;
   margin: 10px 0 0 0;
 }
+.gongzhong {
+  height: 238px;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  background-color: #fff;
+}
 .link {
   height: 100px;
   overflow: hidden;

src/views/altai/train.vue

@@ -17,7 +17,7 @@
               <dynamic :dynamicList="dynamicList"></dynamic>
             </el-col>
             <el-col :span="24" class="service">
-              <service :serviceList="serviceList"></service>
+              <service></service>
             </el-col>
           </el-col>
           <el-col :span="24" class="foot">
@@ -42,7 +42,6 @@ export default {
     foot: null,//头部+底部数据
     meetList:null,//会议数据
     dynamicList:null,//科技动态
-    serviceList:null,//常用服务图片
   },
   components: {
     top, //头部