guhongwei 4 years ago
parent
commit
845a5d25ae
2 changed files with 35 additions and 101 deletions
  1. 2 5
      src/components/common/foot.vue
  2. 33 96
      src/components/common/top.vue

+ 2 - 5
src/components/common/foot.vue

@@ -3,9 +3,6 @@
     <el-row>
       <el-col :span="24" class="main">
         <div class="w_1200">
-          <p>
-            <span>技术运营:吉林省科技大市场专利分市场</span>
-          </p>
           <p>
             <span>技术支持:长春福瑞科技有限公司</span>
           </p>
@@ -15,9 +12,9 @@
             <span>微信:guhongwei324</span>
             <span>邮箱:guhongwei0324@163.com</span>
           </p>
-          <p>
+          <!-- <p>
             <span>吉ICP备2020007658号-1 Copyright 2019 版权所有 中科院长春分院 吉林省计算中心 All Rights Reserved</span>
-          </p>
+          </p> -->
         </div>
       </el-col>
     </el-row>

+ 33 - 96
src/components/common/top.vue

@@ -1,51 +1,32 @@
 <template>
   <div id="top">
     <el-row>
-      <el-col :span="24" class="foot">
-        <el-col :span="24" class="top">
-          <div class="w_1200">
-            <el-col :span="12" class="left">
-              欢迎来到中科在线(长春)
-            </el-col>
-            <el-col :span="12" class="right">
-              <el-col :span="24" v-if="user ? user.id : ''">
-                <span>{{ user.name || user.adminuser || user.user || user.title || '游客' }}</span>
-                <el-button type="primary" size="mini" @click="$router.push({ path: '/userCenter' })">个人中心</el-button>
-                <el-button type="danger" size="mini" @click="logout">退出登录</el-button>
-              </el-col>
-              <el-col :span="24" v-else>
-                <span>游客</span>
-                <el-button type="primary" size="mini" @click="$router.push({ path: '/login' })">平台登录</el-button>
-                <el-button type="primary" size="mini" @click="adminBtn()">管理登录</el-button>
-              </el-col>
-            </el-col>
-          </div>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="one">
+          环南湖科创先导区双创服务平台
         </el-col>
-        <el-col :span="24" class="info">
-          <div class="w_1200">
-            <el-image :src="logo" @click="$router.push({ path: '/' })"></el-image>
-            <span @click="$router.push({ path: '/' })">中科在线(长春)</span>
-          </div>
+        <el-col :span="24" class="two">
+          环南湖科创先导区双创服务平台
         </el-col>
-        <el-col :span="24" class="menu">
+        <el-col :span="24" class="thr">
           <div class="w_1200">
             <el-col :span="24" class="menuInfo">
               <ul>
-                <li :class="isTab('live') ? 'active' : ''">
-                  <a @click="turnTo('live')" target="">直播大厅</a>
+                <li :class="isTab('news') ? 'active' : ''">
+                  <a @click="turnTo('news')" target="">新闻资讯</a>
+                </li>
+                <li :class="isTab('service') ? 'active' : ''">
+                  <a @click="turnTo('service')" target="">科技服务</a>
                 </li>
                 <li :class="isTab('market') ? 'active' : ''">
-                  <a @click="turnTo('market')" target="">科技超市</a>
+                  <a @click="turnTo('market')" target="">技术超市</a>
                 </li>
-                <li :class="isTab('news') ? 'active' : ''">
-                  <a @click="turnTo('news')" target="">新闻资讯</a>
+                <li :class="isTab('train') ? 'active' : ''">
+                  <a @click="turnTo('train')" target="">宣传培训</a>
                 </li>
                 <li :class="isTab('dynamic') ? 'active' : ''">
                   <a @click="turnTo('dynamic')" target="">数据动态</a>
                 </li>
-                <li :class="isTab('techolchat') ? 'active' : ''">
-                  <a @click="turnTo('techolchat')" target="">技术交流</a>
-                </li>
               </ul>
             </el-col>
           </div>
@@ -62,13 +43,9 @@ export default {
   props: {},
   components: {},
   data: function() {
-    return {
-      logo: require('../../assets/logo.png'),
-    };
-  },
-  created() {
-    console.log(this.user);
+    return {};
   },
+  created() {},
   methods: {
     turnTo(type) {
       this.$router.push({ path: `/${type}/index` });
@@ -77,20 +54,20 @@ export default {
     isTab(type) {
       return this.$route.path.includes(`/${type}`);
     },
-    // 退出登录
-    logout() {
-      localStorage.removeItem('token');
-      localStorage.removeItem('type');
-      this.$router.push('/');
-    },
-    adminBtn() {
-      window.location.href = 'http://broadcast.waityou24.cn/liveadmin/login';
-    },
   },
   computed: {
     ...mapState(['user']),
   },
-  watch: {},
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
 };
 </script>
 
@@ -99,53 +76,13 @@ export default {
   width: 1200px;
   margin: 0 auto;
 }
-.foot {
-  height: 250px;
-  background: url('../../assets/top_bg.png');
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  .top {
-    height: 40px;
-    line-height: 40px;
-    background: #2152991f;
-    .left {
-      color: #fff;
-    }
-    .right {
-      text-align: right;
-      span {
-        display: inline-block;
-        padding: 0px 10px;
-        font-weight: bold;
-      }
-    }
-  }
-  .info {
-    height: 160px;
-    overflow: hidden;
-    position: relative;
-    .el-image {
-      width: 70px;
-      height: 70px;
-      overflow: hidden;
-      top: 40px;
-    }
-    span {
-      color: #2d64b3;
-      font-size: 36px;
-      font-family: cursive;
-      text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
-      font-weight: 600;
-      padding: 0 10px;
-      position: absolute;
-      height: 160px;
-      line-height: 160px;
-    }
-  }
-  .info:hover {
-    cursor: pointer;
-  }
-  .menu {
+.main {
+  height: 150px;
+  // .one {
+  // }
+  // .two {
+  // }
+  .thr {
     .menuInfo {
       height: 50px;
       overflow: hidden;