11

package-lock.json

@@ -1744,16 +1744,6 @@
           "integrity": "sha1-/q7SVZc9LndVW4PbwIhRpsY1IPo=",
           "dev": true
         },
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
         "cacache": {
           "version": "13.0.1",
           "resolved": "https://registry.npm.taobao.org/cacache/download/cacache-13.0.1.tgz?cache=0&sync_timestamp=1594427999421&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcacache%2Fdownload%2Fcacache-13.0.1.tgz",
@@ -1780,34 +1770,6 @@
             "unique-filename": "^1.1.1"
           }
         },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true,
-          "optional": true
-        },
         "find-cache-dir": {
           "version": "3.3.1",
           "resolved": "https://registry.npm.taobao.org/find-cache-dir/download/find-cache-dir-3.3.1.tgz?cache=0&sync_timestamp=1583734806517&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffind-cache-dir%2Fdownload%2Ffind-cache-dir-3.3.1.tgz",
@@ -1829,25 +1791,6 @@
             "path-exists": "^4.0.0"
           }
         },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-          "dev": true,
-          "optional": true
-        },
-        "loader-utils": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
-          "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^2.1.2"
-          }
-        },
         "locate-path": {
           "version": "5.0.0",
           "resolved": "https://registry.npm.taobao.org/locate-path/download/locate-path-5.0.0.tgz?cache=0&sync_timestamp=1597082033698&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flocate-path%2Fdownload%2Flocate-path-5.0.0.tgz",
@@ -1912,16 +1855,6 @@
             "minipass": "^3.1.1"
           }
         },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        },
         "terser-webpack-plugin": {
           "version": "2.3.8",
           "resolved": "https://registry.npm.taobao.org/terser-webpack-plugin/download/terser-webpack-plugin-2.3.8.tgz?cache=0&sync_timestamp=1603881849612&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fterser-webpack-plugin%2Fdownload%2Fterser-webpack-plugin-2.3.8.tgz",
@@ -1938,18 +1871,6 @@
             "terser": "^4.6.12",
             "webpack-sources": "^1.4.3"
           }
-        },
-        "vue-loader-v16": {
-          "version": "npm:vue-loader@16.0.0-beta.9",
-          "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.0.0-beta.9.tgz",
-          "integrity": "sha512-mu9pg6554GbXDSO8LlxkQM6qUJzUkb/A0FJc9LgRqnU9MCnhzEXwCt1Zx5NObvFpzs2mH2dH/uUCDwL8Qaz9sA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "chalk": "^4.1.0",
-            "hash-sum": "^2.0.0",
-            "loader-utils": "^2.0.0"
-          }
         }
       }
     },
@@ -7578,6 +7499,11 @@
         "minimist": "^1.2.5"
       }
     },
+    "moment": {
+      "version": "2.29.1",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
+      "integrity": "sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ=="
+    },
     "move-concurrently": {
       "version": "1.0.1",
       "resolved": "https://registry.npm.taobao.org/move-concurrently/download/move-concurrently-1.0.1.tgz",
@@ -11230,6 +11156,87 @@
         }
       }
     },
+    "vue-loader-v16": {
+      "version": "npm:vue-loader@16.0.0-beta.9",
+      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.0.0-beta.9.tgz",
+      "integrity": "sha512-mu9pg6554GbXDSO8LlxkQM6qUJzUkb/A0FJc9LgRqnU9MCnhzEXwCt1Zx5NObvFpzs2mH2dH/uUCDwL8Qaz9sA==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "chalk": "^4.1.0",
+        "hash-sum": "^2.0.0",
+        "loader-utils": "^2.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
+          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true,
+          "optional": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true,
+          "optional": true
+        },
+        "loader-utils": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
+          "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
     "vue-meta": {
       "version": "2.4.0",
       "resolved": "https://registry.npm.taobao.org/vue-meta/download/vue-meta-2.4.0.tgz",

package.json

@@ -12,6 +12,7 @@
     "core-js": "^3.6.5",
     "element-ui": "^2.13.2",
     "lodash": "^4.17.20",
+    "moment": "^2.29.1",
     "naf-core": "^0.1.2",
     "vue": "^2.6.11",
     "vue-meta": "^2.4.0",

src/components/common/foot1.vue

@@ -3,13 +3,6 @@
     <el-row>
       <el-col :span="24" class="foot">
         <div class="w_1200">
-          <el-col :span="24" class="one">
-            <span>友情链接</span>
-            <a href="#"><img src="../../assets/link2.jpg"/></a>
-            <a href="#"><img src="../../assets/link.jpg"/></a>
-            <a href="#"><img src="../../assets/link3.jpg"/></a>
-            <a href="#"><img src="../../assets/link3.jpg"/></a>
-          </el-col>
           <el-col :span="24" class="two">
             <p>版权所有：吉林省技术算中心</p>
             <p>
@@ -55,25 +48,7 @@ export default {
   margin: 0 auto;
 }
 .foot {
-  // background: rgba(14, 30, 59);
-  .one {
-    height: 100px;
-    background-color: #fff;
-    padding-top: 25px;
-    span {
-      font-size: 22px;
-      font-weight: bold;
-      color: #2c3250;
-      display: inline-block;
-      width: 130px;
-      text-align: center;
-    }
-    img {
-      vertical-align: middle;
-      border: 0;
-      margin: 0px 10px;
-    }
-  }
+  margin-top: 10px;
   .two {
     height: 120px;
     background-color: rgba(14, 30, 59, 0.4);

src/components/common/menus.vue

@@ -4,7 +4,6 @@
       <el-col :span="24" class="menu">
         <div class="w_1200">
           <el-menu :default-active="activeIndex" mode="horizontal" background-color="#215299" router>
-            <el-menu-item index="/">首页</el-menu-item>
             <el-menu-item index="kjzx">科技资讯</el-menu-item>
             <el-menu-item index="kjpx">科技培训</el-menu-item>
             <el-menu-item index="kjzy">科技资源</el-menu-item>
@@ -53,7 +52,7 @@ export default {
   padding: 0;
 }
 /deep/.el-menu--horizontal > .el-menu-item {
-  width: 238px;
+  width: 295px;
   height: 70px;
   line-height: 70px;
   font-size: 22px;

src/components/common/top.vue

@@ -4,13 +4,13 @@
       <el-col :span="24" class="top">
         <el-col :span="24" class="one">
           <div class="w_1200">
-            <p class="time">2019年12月5日 星期四</p>
+            <p class="time">{{ time }}</p>
           </div>
         </el-col>
         <el-col :span="24">
           <div class="w_1200">
             <el-col :span="18" class="logo">
-              <a href="#">
+              <a href="/">
                 <p class="title">阿勒泰地区科技创新创业服务平台</p>
                 <p class="e-title">Altay technology innovation and entrepreneurship service platform</p>
               </a>
@@ -27,6 +27,7 @@
 
 <script>
 import { mapState, createNamespacedHelpers } from 'vuex';
+var moment = require('moment');
 export default {
   metaInfo() {
     return { title: this.$route.meta.title };
@@ -37,9 +38,12 @@ export default {
   data: function() {
     return {
       input2: '',
+      time: '',
     };
   },
-  created() {},
+  created() {
+    this.time = moment().format('LL dddd');
+  },
   methods: {},
   computed: {
     ...mapState(['user']),

src/main.js

@@ -9,6 +9,9 @@ import '@/plugins/meta';
 import '@/plugins/filters';
 import '@/plugins/loading';
 import '@/plugins/setting';
+import moment from 'moment';
+require('moment/min/locales.min');
+moment.locale('zh-cn');
 Vue.config.productionTip = false;
 
 new Vue({

src/views/index.vue

@@ -121,6 +121,16 @@
             </el-col>
           </div>
         </el-col>
+        <el-col :span="24" class="link">
+          <div class="w_1200">
+            <el-col :span="24" class="one">
+              <span>友情链接</span>
+              <a :href="item.href1" v-for="(item, index) in links" :key="index">
+                <el-image :src="item.url" class="img"></el-image>
+              </a>
+            </el-col>
+          </div>
+        </el-col>
         <el-col :span="24">
           <foot></foot>
         </el-col>
@@ -161,6 +171,24 @@ export default {
         { text: '2019年中国科学院、中国工程院新增两名吉林省院士', time: '12-05' },
         { text: '2019年中国科学院、中国工程院新增两名吉林省院士', time: '12-05' },
       ],
+      links: [
+        {
+          url: require('../assets/link2.jpg'),
+          href1: '',
+        },
+        {
+          url: require('../assets/link.jpg'),
+          href1: '',
+        },
+        {
+          url: require('../assets/link3.jpg'),
+          href1: '',
+        },
+        {
+          url: require('../assets/link3.jpg'),
+          href1: '',
+        },
+      ],
     };
   },
   created() {},
@@ -240,6 +268,29 @@ export default {
     }
   }
 }
+.link {
+  .one {
+    height: 100px;
+    background-color: #fff;
+    padding-top: 25px;
+    span {
+      font-size: 22px;
+      font-weight: bold;
+      color: #2c3250;
+      display: inline-block;
+      width: 130px;
+      text-align: center;
+      a {
+        display: inline-block;
+        img {
+          vertical-align: middle;
+          border: 0;
+          margin: 0px 10px;
+        }
+      }
+    }
+  }
+}
 .title {
   height: 39px;
   border-bottom: 1px solid #ccc;

src/views/kjfw/index.vue

@@ -16,38 +16,9 @@
                 <span class="title">政务公开</span>
               </el-col>
               <el-col :span="24" class="con1">
-                <el-col :span="6" class="img">
-                  <!-- <el-image :src="url" style="width: 100%; height: 100%"></el-image> -->
-                  <img src="../../assets/zhengwu1.jpg" style="width: 100%; height: 100%" />
-                </el-col>
-                <el-col :span="6" class="img">
-                  <!-- <el-image :src="url"></el-image> -->
-                  <img src="../../assets/zhengwu1.jpg" style="width: 100%; height: 100%" />
-                </el-col>
-                <el-col :span="6" class="img">
-                  <!-- <el-image :src="url"></el-image> -->
-                  <img src="../../assets/zhengwu1.jpg" style="width: 100%; height: 100%" />
-                </el-col>
-                <el-col :span="6" class="img">
-                  <!-- <el-image :src="url"></el-image> -->
-                  <img src="../../assets/zhengwu1.jpg" style="width: 100%; height: 100%" />
-                </el-col>
-                <el-col :span="6" class="img">
-                  <!-- <el-image :src="url"></el-image> -->
-                  <img src="../../assets/zhengwu1.jpg" style="width: 100%; height: 100%" />
-                </el-col>
-                <el-col :span="6" class="img">
-                  <!-- <el-image :src="url"></el-image> -->
-                  <img src="../../assets/zhengwu1.jpg" style="width: 100%; height: 100%" />
-                </el-col>
-                <el-col :span="6" class="img">
-                  <!-- <el-image :src="url"></el-image> -->
-                  <img src="../../assets/zhengwu1.jpg" style="width: 100%; height: 100%" />
-                </el-col>
-                <el-col :span="6" class="img">
-                  <!-- <el-image :src="url"></el-image> -->
-                  <img src="../../assets/zhengwu1.jpg" style="width: 100%; height: 100%" />
-                </el-col>
+                <a :href="item.href1" v-for="(item, index) in links" :key="index">
+                  <el-image :src="item.url" style="width: 100%; height: 100%" class="img"></el-image>
+                </a>
               </el-col>
             </el-col>
             <el-col :span="12" class="two">
@@ -56,24 +27,9 @@
                 <span class="title">政务公开</span>
               </el-col>
               <el-col :span="24" class="con2">
-                <el-col :span="8" class="img">
-                  <img src="../../assets/changyong1.jpg" style="width: 100%; height: 100%" />
-                </el-col>
-                <el-col :span="8" class="img">
-                  <img src="../../assets/changyong1.jpg" style="width: 100%; height: 100%" />
-                </el-col>
-                <el-col :span="8" class="img">
-                  <img src="../../assets/changyong1.jpg" style="width: 100%; height: 100%" />
-                </el-col>
-                <el-col :span="8" class="img">
-                  <img src="../../assets/changyong1.jpg" style="width: 100%; height: 100%" />
-                </el-col>
-                <el-col :span="8" class="img">
-                  <img src="../../assets/changyong1.jpg" style="width: 100%; height: 100%" />
-                </el-col>
-                <el-col :span="8" class="img">
-                  <img src="../../assets/changyong1.jpg" style="width: 100%; height: 100%" />
-                </el-col>
+                <a :href="item.href1" v-for="(item, index) in links1" :key="index">
+                  <el-image :src="item.url" style="width: 100%; height: 100%" class="img"></el-image>
+                </a>
               </el-col>
             </el-col>
             <el-col :span="24" class="three">
@@ -82,24 +38,9 @@
                 <span class="title">公众参与</span>
               </el-col>
               <el-col :span="24" class="con3">
-                <el-col :span="4" class="img">
-                  <img src="../../assets/gongzhong1.jpg" style="width: 100%; height: 100%" />
-                </el-col>
-                <el-col :span="4" class="img">
-                  <img src="../../assets/gongzhong1.jpg" style="width: 100%; height: 100%" />
-                </el-col>
-                <el-col :span="4" class="img">
-                  <img src="../../assets/gongzhong1.jpg" style="width: 100%; height: 100%" />
-                </el-col>
-                <el-col :span="4" class="img">
-                  <img src="../../assets/gongzhong1.jpg" style="width: 100%; height: 100%" />
-                </el-col>
-                <el-col :span="4" class="img">
-                  <img src="../../assets/gongzhong1.jpg" style="width: 100%; height: 100%" />
-                </el-col>
-                <el-col :span="4" class="img">
-                  <img src="../../assets/gongzhong1.jpg" style="width: 100%; height: 100%" />
-                </el-col>
+                <a :href="item.href1" v-for="(item, index) in links2" :key="index">
+                  <el-image :src="item.url" style="width: 100%; height: 100%" class="img"></el-image>
+                </a>
               </el-col>
             </el-col>
           </div>
@@ -131,6 +72,92 @@ export default {
   data: function() {
     return {
       url: '../../assets/zhengwu1.jpg',
+      links: [
+        {
+          url: require('../../assets/zhengwu1.jpg'),
+          href1: '',
+        },
+        {
+          url: require('../../assets/zhengwu2.jpg'),
+          href1: '',
+        },
+        {
+          url: require('../../assets/zhengwu3.jpg'),
+          href1: '',
+        },
+        {
+          url: require('../../assets/zhengwu4.jpg'),
+          href1: '',
+        },
+        {
+          url: require('../../assets/zhengwu5.jpg'),
+          href1: '',
+        },
+        {
+          url: require('../../assets/zhengwu6.jpg'),
+          href1: '',
+        },
+        {
+          url: require('../../assets/zhengwu7.jpg'),
+          href1: '',
+        },
+        {
+          url: require('../../assets/zhengwu8.jpg'),
+          href1: '',
+        },
+      ],
+      links1: [
+        {
+          url: require('../../assets/changyong1.jpg'),
+          href1: '',
+        },
+        {
+          url: require('../../assets/changyong2.jpg'),
+          href1: '',
+        },
+        {
+          url: require('../../assets/changyong3.jpg'),
+          href1: '',
+        },
+        {
+          url: require('../../assets/changyong4.jpg'),
+          href1: '',
+        },
+        {
+          url: require('../../assets/changyong5.jpg'),
+          href1: '',
+        },
+        {
+          url: require('../../assets/changyong6.jpg'),
+          href1: '',
+        },
+      ],
+      links2: [
+        {
+          url: require('../../assets/gongzhong1.jpg'),
+          href1: '',
+        },
+        {
+          url: require('../../assets/gongzhong2.jpg'),
+          href1: '',
+        },
+        {
+          url: require('../../assets/gongzhong3.jpg'),
+          href1: '',
+        },
+        {
+          url: require('../../assets/gongzhong4.jpg'),
+          href1: '',
+        },
+        {
+          url: require('../../assets/gongzhong5.jpg'),
+          href1: '',
+        },
+        {
+          url: require('../../assets/gongzhong6.jpg'),
+          href1: '',
+        },
+      ],
     };
   },
   created() {},
@@ -176,14 +203,14 @@ export default {
     }
     .con1 {
       margin-top: 15px;
-      .img {
+      a {
+        display: inline-block;
         width: 130px;
         height: 115px;
-        background-color: #ccc;
         margin-right: 10px;
         margin-bottom: 10px;
       }
-      .img:nth-child(4n) {
+      a:nth-child(4n) {
         margin-right: 0;
       }
     }
@@ -215,13 +242,14 @@ export default {
     }
     .con2 {
       margin-top: 15px;
-      .img {
+      a {
+        display: inline-block;
+        width: 175px;
         height: 115px;
         margin-right: 10px;
-        margin-bottom: 15px;
-        width: 178px;
+        margin-bottom: 10px;
       }
-      .img:nth-child(3n) {
+      a:nth-child(3n) {
         margin-right: 0;
       }
     }
@@ -253,12 +281,14 @@ export default {
     }
     .con3 {
       margin-top: 15px;
-      .img {
+      a {
+        display: inline-block;
         width: 185px;
         height: 146px;
         margin-right: 10px;
+        margin-bottom: 10px;
       }
-      .img:nth-child(6n) {
+      a:nth-child(6n) {
         margin-right: 0;
       }
     }

src/views/kjpx/index.vue

@@ -202,6 +202,7 @@ export default {
 }
 .info {
   margin-bottom: 20px;
+  margin-top: 10px;
   .left {
     width: 514px;
     height: 612px;

src/views/kjzy/index.vue

@@ -2,7 +2,18 @@
   <div id="index">
     <el-row>
       <el-col :span="24">
-        <p>index</p>
+        <el-col :span="24">
+          <top></top>
+        </el-col>
+        <el-col :span="24">
+          <menus></menus>
+        </el-col>
+        <el-col :span="24" class="info">
+          <div class="w_1200"></div>
+        </el-col>
+        <el-col :span="24">
+          <foot></foot>
+        </el-col>
       </el-col>
     </el-row>
   </div>
@@ -10,13 +21,20 @@
 
 <script>
 import { mapState, createNamespacedHelpers } from 'vuex';
+import top from '../../components/common/top.vue';
+import menus from '../../components/common/menus.vue';
+import foot from '../../components/common/foot1.vue';
 export default {
   metaInfo() {
     return { title: this.$route.meta.title };
   },
   name: 'index',
   props: {},
-  components: {},
+  components: {
+    menus,
+    top,
+    foot,
+  },
   data: function() {
     return {};
   },
@@ -28,4 +46,12 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.info {
+  background-color: #fff;
+}
+</style>