二级页面

TEAMModelOS.SmartTeach/ClientApp/common/headers.vue

@@ -1,16 +1,18 @@
 <template>
-  <div class="header_box">
-    <div class="header_left">
-      <img src="https://css.huijiaoyun.com/tianyu_edu/area/888888/images/logo/logo.png?v=0818"  class="logo_img"/>
-      <div class="header_list">
-        <ul>
-          <li v-for="items in navlist" class="nav_name"><a :href="items.url" style="color:#555;">{{items.name}}</a></li>
-        </ul>
+  <div style="width:100%;border-bottom: #f1f1f1 solid 1px;">
+    <div class="header_box">
+      <div class="header_left">
+        <img src="https://css.huijiaoyun.com/tianyu_edu/area/888888/images/logo/logo.png?v=0818" class="logo_img" />
+        <div class="header_list">
+          <ul>
+            <li v-for="items in navlist" class="nav_name"><a :href="items.url" style="color:#555;">{{items.name}}</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="header_right">
+        <div class="login_btn"><button>登录</button></div>
+        <div class="helper"><button>教学助手</button></div>
       </div>
-    </div>
-    <div class="header_right">
-      <div class="login_btn"><button>登录</button></div>
-      <div class="helper"><button>教学助手</button></div>
     </div>
   </div>
 </template>
@@ -32,8 +34,9 @@
   .header_box {
     width: 1200px;
     height: 85px;
-    background-color:#fff;
-    margin:0 auto;
+    background-color: #fff;
+    margin: 0 auto;
+    
   }
   .header_left {
     width: 800px;

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

@@ -6,7 +6,7 @@
         <div class="exam_img"><img :src="item.img" /></div>
         <ul class="exam_list">
           <li class="exam_list_data" v-for="items in item.data">
-            <div class="exam_list_title"><a href="">{{items.title}}</a></div>
+            <div class="exam_list_title"><a :href="items.url" target="_blank">{{items.title}}</a></div>
             <div class="look"><Icon type="ios-eye" size="16" />{{items.loocknum}}</div>
           </li>
         </ul>
@@ -22,26 +22,26 @@
         listdata: [
           {
             "id": 1, "title": '中考专区', "num": '980', "img": require("../../assets/image/resource/exam_img_one.jpg"), data: [
-              { "type": '物理', "title": '2018年成都市中考物理试卷.doc', "loocknum": '750' },
-              { "type": '英语', "title": '2018年成都市中考英语试卷.doc', "loocknum": '920' },
-              { "type": '数学', "title": '2018年成都市中考数学试卷.doc', "loocknum": '1006' },
-              { "type": '化学', "title": '2018年成都市中考化学试卷.doc', "loocknum": '450' },
+              { "type": '物理', "title": '2018年成都市中考物理试卷.doc', "loocknum": '750',"url":'/details' },
+              { "type": '英语', "title": '2018年成都市中考英语试卷.doc', "loocknum": '920', "url": '/details'},
+              { "type": '数学', "title": '2018年成都市中考数学试卷.doc', "loocknum": '1006', "url": '/details'},
+              { "type": '化学', "title": '2018年成都市中考化学试卷.doc', "loocknum": '450', "url": '/details'},
             ]
           },
           {
             "id": 2, "title": '高考专区', "num": '1080', "img": require("../../assets/image/resource/exam_img_two.jpg"), data: [
-              { "type": '语文', "title": '2018年成都市高考语文试卷.doc', "loocknum": '1750' },
-              { "type": '英语', "title": '2018年成都市高考英语试卷.doc', "loocknum": '1220' },
-              { "type": '数学', "title": '2018年成都市高考数学试卷.doc', "loocknum": '1606' },
-              { "type": '历史', "title": '2018年成都市高考历史试卷.doc', "loocknum": '1450' },
+              { "type": '语文', "title": '2018年成都市高考语文试卷.doc', "loocknum": '1750', "url": '/details' },
+              { "type": '英语', "title": '2018年成都市高考英语试卷.doc', "loocknum": '1220', "url": '/details' },
+              { "type": '数学', "title": '2018年成都市高考数学试卷.doc', "loocknum": '1606', "url": '/details' },
+              { "type": '历史', "title": '2018年成都市高考历史试卷.doc', "loocknum": '1450', "url": '/details' },
             ]
           },
           {
             "id": 3, "title": '优课专区', "num": '900', "img": require("../../assets/image/resource/exam_img_three.jpg"), data: [
-              { "type": '优课', "title": '等腰三角形的判定与反证法', "loocknum": '350' },
-              { "type": '优课', "title": '一元二次方程的应用', "loocknum": '620' },
-              { "type": '优课', "title": '万有引力定律的应用', "loocknum": '606' },
-              { "type": '优课', "title": '化学平衡的特征', "loocknum": '535' },
+              { "type": '优课', "title": '古诗二首', "loocknum": '350', "url":'http://1s1k.eduyun.cn/portal/redesign/index/index.jsp?sdResIdCaseId=8aee808f62fbe7ab016300a9e6a22e65&t=2&sessionKey=3xCsBKvbaWPKVmk1Yk9Y' },
+              { "type": '优课', "title": '我的影子', "loocknum": '620', "url":'http://1s1k.eduyun.cn/portal/redesign/index/index.jsp?sdResIdCaseId=8aee80a562bc9be10162be0f7167109d&t=2&sessionKey=ey65FtcgEGMh4uHprmSE' },
+              { "type": '优课', "title": '路程、时间与速度', "loocknum": '606', "url":'http://1s1k.eduyun.cn/portal/redesign/index/index.jsp?sdResIdCaseId=ff8080815d07057f015d07443709007a&t=2&sessionKey=wj0ZhZK7YbjgxhIBJiGw' },
+              { "type": '优课', "title": '振兴中华，我们的责任', "loocknum": '535', "url":'http://1s1k.eduyun.cn/portal/redesign/index/index.jsp?sdResIdCaseId=ff8080815cb052d2015cbebe8a1b23fa&t=2&sessionKey=EvC9kFlYWNaWFm1tKsG0' },
             ]
           },
         ]

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

@@ -681,6 +681,22 @@
         background: #ff7f39;
         font-style: normal;
       }
+
+  .u-zy-tit .choose-rect li .case a {
+    float: left;
+    padding: 0 11px;
+    margin-right: 10px;
+    line-height: 26px;
+    color: #747474;
+    border-radius: 5px;
+  }
+  a, a:visited {
+    text-decoration: none;
+  }
+  .on{
+    color: #fff;
+    background: #9d9d9d;
+  }
     .item-recZy .name a {
       font-size: 14px;
       font-weight: normal;

TEAMModelOS.SmartTeach/ClientApp/router/routes.js

@@ -4,6 +4,7 @@
 import Index from '@/view/resource/index'
 import Synch from '@/view/resource/resourceindex/synchronization.vue'
 import Library from '@/view/resource/resourceindex/library.vue'
+import Details from '@/view/resource/resourceindex/details.vue'
 import Activity from '@/view/resource/activity'
 import HomePage from '@/view/resource/HomePage'
 import Teacher from '@/view/resource/Teacher'
@@ -15,6 +16,7 @@ export const routes = [
   { name: 'index', path: '', component: Index },
   { name: 'synch', path: '/synch', component: Synch },
   { name: 'library', path: '/library', component: Library },
+  { name: 'details', path: '/details', component: Details },
   { name: 'activity', path: '/activity', component: Activity},
   { name: 'HomePage', path: '/HomePage', component: HomePage },
   { name: 'Teacher', path: '/Teacher', component: Teacher },

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

@@ -0,0 +1,24 @@
+<template>
+  <div class="details_box">
+    <Header></Header>
+    <Index></Index>
+    <Footer></Footer>
+  </div>
+</template>
+<script>
+  import Header from '@/common/headers.vue'
+  import Footer from '@/common/footer.vue'
+  import Index from '@/components/resource/detailsindex.vue'
+  export default {
+    components: {
+      Header,
+      Footer,
+      Index
+    }
+  }
+</script>
+<style scoped>
+  .details_box {
+   
+  }
+</style>