二级页面

TEAMModelOS.SmartTeach/ClientApp/components/resource/internalheader.vue

@@ -0,0 +1,180 @@
+<template>
+  <div class="internalheader_box">
+    <div class="u-zy-tit u-zy-tit2 zy-new">
+      <div class="w1200 clearfix">
+        <ul class="zy-nav2">
+          <li><a href="resNationListPage.html">国家基础教育资源</a></li>
+          <li class="on"><a class="" href="resLocalListPage.html">区域基础教育资源</a></li>
+        </ul>
+        <div class="fr ni_g_pr">
+          <div class="fr search-rect ni_g_z_index2">
+            <p class="ipt-text">
+              <input type="text" placeholder="请输入关键字" class="" id="title">
+            </p>
+            <input type="button" value="" class="ipt-btn" id="searchBtn">
+          </div>
+          <div class="ni_g_sel_plus" style="width:202px;padding-top: 25px;display: none">
+            <ul class="ni_ul"></ul>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="site-otherNav">
+      <p class="w1200">
+        <a href="javascript:titleQuery('resLocalListPage.html');" :class="status">备课</a>
+        <a href="javascript:changeQuery('examResLocalListPage.html' );" :class="status_one">卷库</a>
+        <a href="resNewSpecialTopicPage.html">特色<i></i></a>
+        <a href="microLessonList.html?periodId=cz&amp;subjectId=jcsub02"><i></i>微课</a>
+        <a href="resLocalListPage.html?fromPage=ZJ"><i></i>职教</a>
+        <a href="resLocalListPage.html?fromPage=YJ"><i></i>学前</a>
+      </p>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        status: '',
+        status_one:''
+      }
+    },
+    created() {
+      this.path();
+    },
+    methods: {
+      path() {
+        let now_url = '';
+        now_url = this.$route.path;
+        console.log(this.$route.path)
+        if (now_url == '/synchronization') {
+            this.status = 'on'
+        }
+      }
+    }
+  }
+</script>
+<style scoped>
+  .internalheader_box {
+    width:100%;
+  }
+  .u-zy-tit2 {
+    width: 100%;
+    min-width: 1200px;
+    background: #26b5ff;
+  }
+  .w1200 {
+    width: 1200px;
+    margin: 0 auto;
+  }
+  .u-zy-tit {
+    height: 64px;
+    line-height: 64px;
+  }
+  .clearfix {
+    display: block;
+  }
+  ol, ul, li {
+    list-style: none;
+  }
+  .zy-nav2 li {
+    float: left;
+    font-size: 14px;
+  }
+    .zy-nav2 li a {
+      color: #fff;
+      padding: 0 20px;
+      height: 64px;
+      line-height: 64px;
+      display: block;
+      font-size: 16px;
+    }
+  a, a:visited {
+    text-decoration: none;
+  }
+  .zy-nav2 li {
+    float: left;
+    font-size: 14px;
+  }
+  .ni_g_pr {
+    position: relative;
+  }
+
+  .fr {
+    float: right;
+  }
+  .u-zy-tit .search-rect {
+    width: 270px;
+    height: 38px;
+    border-radius: 19px;
+    overflow: hidden;
+    zoom: 1;
+    margin-top: 12px;
+  }
+
+  .ni_g_z_index2 {
+    position: relative;
+    z-index: 2;
+  }
+  .u-zy-tit .ipt-text {
+    float: left;
+    width: 164px;
+    padding: 10px 19px 0 19px;
+    height: 54px;
+    background: #fff;
+  }
+    .u-zy-tit .ipt-text input {
+      height: 18px;
+      line-height: 18px;
+      border: 0;
+      float: left;
+      width: 100%;
+    }
+
+  input, select, textarea {
+    color: #222;
+    font-size: 12px;
+    resize: none;
+    outline: none;
+    font-family: "microsoft yahei";
+  }
+  .u-zy-tit .ipt-btn {
+    float: left;
+    background: url(../../assets/image/resource/search.png) no-repeat 0 0;
+    width: 68px;
+    height: 64px;
+    cursor: pointer;
+    border: 0;
+  }
+
+  input, select, textarea {
+    color: #222;
+    font-size: 12px;
+    line-height: 140%;
+    resize: none;
+    outline: none;
+  }
+
+  .site-otherNav {
+    height: 40px;
+    background: #e5e5e5;
+  }
+    .site-otherNav p {
+      padding-left: 158px;
+      width: 1042px;
+    }
+    .site-otherNav a:hover, .site-otherNav a.on {
+      background: #d2d2d2;
+      text-decoration: none;
+    }
+
+    .site-otherNav a {
+      font-size: 14px;
+      line-height: 40px;
+      margin: 0 10px;
+      color: #888;
+      display: inline-block;
+      padding: 0 10px;
+      height: 40px;
+    }
+</style>

TEAMModelOS.SmartTeach/ClientApp/router/routes.js

@@ -2,6 +2,7 @@
 //import ServerSideLogin from '@/view/serverside/login'
 // import HTTP404 from '@/view/404'
 import Index from '@/view/resource/index'
+import Synchronization from '@/view/resource/resourceindex/synchronization.vue'
 import Activity from '@/view/resource/activity'
 import HomePage from '@/view/resource/HomePage'
 import Teacher from '@/view/resource/Teacher'
@@ -9,6 +10,7 @@ import { resolve } from 'url';
 
 export const routes = [  
   { name: 'index', path: '', component: Index },
+  { name: 'synchronization', path: '/synchronization', component: Synchronization},
   { name: 'activity', path: '/activity', component: Activity},
   { name: 'HomePage', path: '/HomePage', component: HomePage },
   { name: 'Teacher', path: '/Teacher', component: Teacher },

TEAMModelOS.SmartTeach/ClientApp/view/resource/resourceindex/synchronization.vue

@@ -0,0 +1,29 @@
+<template>
+  <div class="synchronization_container">
+    <Header></Header>
+    <Internalheader></Internalheader>
+    <Footer></Footer>
+  </div>
+</template>
+<script>
+  import Header from '@/common/headers.vue'
+  import Footer from '@/common/footer.vue'
+  import Internalheader from '@/components/resource/internalheader.vue'
+  export default {
+    components: {
+      Header,
+      Footer,
+      Internalheader
+    },
+    data() {
+      return {
+
+      }
+    }
+  }
+</script>
+<style scoped>
+  .synchronization_container {
+    width:100%;
+  }
+</style>