教学空间

TEAMModelOS.TeachZone/ClientApp/assets/css/style.css

@@ -22,10 +22,11 @@ body{background:#e3f2fa url("../image/bodyBg.png") no-repeat 0 40px;}
 .header .search-input{height:26px;width:180px;border:0;padding:0 12px;}
 .bodyContent{margin-top:40px;}
 /*master*/
-.master{height:140px;line-height: 140px;font-size: 28px; color: #3d95d5;}
+.master{height:140px;line-height: 140px;}
+.master>a{font-size: 28px; color: #3d95d5;}
 .master li{margin-left:15px;}
-.master a{color: #3d95d5;font-size: 14px;font-weight: bold;}
-.master a:hover{text-decoration: underline;}
+.master li a{color: #3d95d5;font-size: 14px;font-weight: bold;}
+.master li a:hover{text-decoration: underline;}
 /*left*/
 .left{width: 220px;padding-bottom: 20px;
     /*box-shadow: 2px 2px 4px rgba(0,0,0,0.1)*/
@@ -158,9 +159,9 @@ body{background:#e3f2fa url("../image/bodyBg.png") no-repeat 0 40px;}
 .ivu-select-single .ivu-select-selection{border:0;background: none;}
 .ivu-select-visible .ivu-select-selection{box-shadow: none;-webkit-box-shadow: none;}
 
-.workSourceList>li.ppt{background-image: url("../image/w-ppt.png") }
-.workSourceList>li.word{background-image: url("../image/w-word.png")}
-.workSourceList>li.video{background-image: url("../image/w-video.png")}
+.workSourceList>li.ppt,.sourceRecom>ul>li.ppt{background-image: url("../image/w-ppt.png") }
+.workSourceList>li.word,.sourceRecom>ul>li.word{background-image: url("../image/w-word.png")}
+.workSourceList>li.video,.sourceRecom>ul>li.video{background-image: url("../image/w-video.png")}
 
 .workSourceList>li:hover{background-color: #f5f5f5;}
 .workSourceList>li h2>a{font-size: 18px;}
@@ -183,7 +184,7 @@ body{background:#e3f2fa url("../image/bodyBg.png") no-repeat 0 40px;}
 }
 .sourceDetail>.titleBox>.info{color: #666;font-size: 12px;line-height: 31px;}
 .sourceDetail>.titleBox>.info>li{margin-right: 25px;}
-.sourceDetail iframe{width:100%;min-height:600px; border: 1px solid #ddd;border-top: 0; padding:20px;}
+.sourceDetail iframe{width:100%;min-height:500px; border: 1px solid #ddd;border-top: 0; padding:20px;}
 .sourceDetail iframe html{overflow: hidden}
 .sourceDetail .comment{margin:50px 30px;}
 .sourceDetail .comment>h4{font-size: 16px;margin-bottom: 15px;}
@@ -192,17 +193,28 @@ body{background:#e3f2fa url("../image/bodyBg.png") no-repeat 0 40px;}
 .sourceDetail .comment .commentBtn{margin-top: 15px;}
 .sourceDetail .comment .commentBtn>span{color: #999;font-size: 12px;margin-right: 10px;}
 
-.sourceRecom{width: 220px;min-height: 500px;padding:0 15px;}
-.sourceRecom>h3{line-height: 50px;padding-left:10px;
-    background: url("../image/titleLine.png") no-repeat 0 center;
-    /*border-bottom: 1px solid #ddd;*/
+.sourceRecom{width: 220px;min-height: 500px;padding:0 0px 20px; }
+.sourceRecom>h3{line-height: 50px;padding:0 15px 0 20px;font-size: 16px;
+    /*background: url("../image/titleLine.png") no-repeat 15px center;*/
+    border-bottom: 1px solid #ddd;
+    margin-bottom: 15px;
 }
-.sourceRecom>h3>.refresh{font-size: 12px;padding-left:16px;
+.sourceRecom>h3>.refresh{font-size: 12px;padding-left:16px; color: #999;
     background: url("../image/refresh.png") no-repeat 0 20px;
+    background-size:12px ;
+    cursor: pointer;
 }
-.sourceRecom>ul>li{border-bottom: 1px solid #ddd;padding:10px 0 10px 30px;
-    background: url("../image/w-word.png") no-repeat 0 20px;
+.sourceRecom>h3>.refresh:hover{color: #4063e0;background-image: url("../image/refresh_hover.png") }
+.sourceRecom>ul>li{ padding:10px 15px 10px 45px;
+    background-repeat: no-repeat;
+    background-position: 15px 15px;
     background-size:20px auto;
+
 }
-.sourceRecom>ul>li>a{display: block;line-height: 18px;font-size: 12px;}
+
+.sourceRecom>ul>li{}
+.sourceRecom>ul>li:hover{background-color: #f5f5f5;}
+.sourceRecom>ul>li:hover>a{color:#26c6da; }
+.sourceRecom>ul>li:last-child{border-bottom: 0;}
+.sourceRecom>ul>li>a{display: block;line-height: 16px;font-size: 12px;}
 .sourceRecom .ivu-rate-star,.sourceRecom .ivu-rate{font-size: 14px;}

TEAMModelOS.TeachZone/ClientApp/common/recomLeft.vue

@@ -0,0 +1,86 @@
+<template>
+  <div class="left bgf workLeft" style="position: fixed;right:0;">
+    <Select v-model="select">
+      <Option value="sel1" >初中历史与社会人教课标版</Option>
+      <Option value="">思想政治人教标本七年级上册</Option>
+      <Option value="">地理人教科标板七年级上册</Option>
+      <Option value="">地理人教科标板七年级上册</Option>
+      <Option value="">音地理人教科标板七年级上册频</Option>
+      <Option value="">地理人教科标板七年级上册</Option>
+    </Select>
+    <Tree :data="data1"></Tree>
+  </div>
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        select:'sel1',
+        data1: [
+          // {
+          //   title: '初中历史与社会人教课标版 ',
+          //   expand: true,
+          //   children: [
+              {
+                title: '致同学们',
+                expand: true,
+
+              },
+              {
+                title: '第一单元 人在社会中生活',
+                expand: true,
+                children: [
+                  {
+                    title: '第一课  我的家在哪里'
+                  },
+                  {
+                    title: '第二课 乡村与城市'
+                  },{
+                    title: '综合探究一 从地图上获取信息'
+                  },
+                ]
+              },
+              {
+                title: '第二单元 人类共同生活的世界',
+                expand: true,
+                children: [
+                  {
+                    title: '第一课 大洲和大洋'
+                  },
+                  {
+                    title: '第二课 自然环境'
+                  }, {
+                    title: '第三课 世界大家庭'
+                  }, {
+                    title: '综合探究二 从地球仪上看世界'
+                  },
+                ]
+              },{
+                title: '第三单元 各具特色的区域生活',
+                expand: true,
+                children: [
+                  {
+                    title: '第一课 家住平原'
+                  },
+                  {
+                    title: '第二课 与山为邻'
+                  }, {
+                    title: '第三课 傍水而居'
+                  }, {
+                    title: '第四课 草原人家'
+                  }, {
+                    title: '第五课 干旱的宝地'
+                  }, {
+                    title: '综合探究三 如何认识区域'
+                  },
+                ]
+              },
+            // ]
+          // }
+        ]
+      }
+    }
+
+  }
+</script>

TEAMModelOS.TeachZone/ClientApp/common/screen.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="footer wrap">
+    <p class="tc">技术支持：成都益教信息技术有限公司   © 2018 yun.zjer.cn All rights reserved      ICP备案号:浙ICP备05000083 | 浙公网安备 33010602005197号</p>
+  </div>
+</template>
+
+<script>
+    export default {
+        name: "header"
+    }
+</script>
+
+<style scoped>
+
+</style>

TEAMModelOS.TeachZone/ClientApp/common/screenSort.vue

@@ -0,0 +1,41 @@
+<template>
+
+  <div class="workSort ov">
+    <ul class="fl">
+      <li><a href="" class="active">默认</a></li>
+      <li><a href="">评分</a></li>
+      <li><a href="">收藏</a></li>
+      <li><a href="">预览</a></li>
+      <li><a href="">大小</a></li>
+      <li><a href="">时间</a></li>
+    </ul>
+    <div class="fr ov">
+      <Select v-model="formItem.select">
+        <Option value="sel1" >格式</Option>
+        <Option value="">图片</Option>
+        <Option value="">文档</Option>
+        <Option value="">视频</Option>
+        <Option value="">音频</Option>
+        <Option value="">动画</Option>
+      </Select>
+      <Select v-model="formItem.select2">
+        <Option value="sel2" >全部区域</Option>
+        <Option value="">本省区域</Option>
+        <Option value="">本市区域</Option>
+        <Option value="">本县区区域</Option>
+        <Option value="">本校范围</Option>
+        <Option value="">我的分享</Option>
+      </Select>
+    </div>
+  </div>
+</template>
+
+<script>
+    export default {
+        name: "header"
+    }
+</script>
+
+<style scoped>
+
+</style>

TEAMModelOS.TeachZone/ClientApp/common/textbook.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="footer wrap">
+    <p class="tc">技术支持：成都益教信息技术有限公司   © 2018 yun.zjer.cn All rights reserved      ICP备案号:浙ICP备05000083 | 浙公网安备 33010602005197号</p>
+  </div>
+</template>
+
+<script>
+    export default {
+        name: "header"
+    }
+</script>
+
+<style scoped>
+
+</style>

TEAMModelOS.TeachZone/ClientApp/view/teachCheck.vue

@@ -0,0 +1,147 @@
+<template>
+  <div id="app">
+    <Header></Header>
+    <WorkMaster></WorkMaster>
+    <div class="wrap ov bodyContent">
+      <!--<workLeft></workLeft>-->
+      <RecomLeft></RecomLeft>
+      <div class="main fr">
+        <h4 ><a href="/">首页</a> > 课前导学
+          <Textbook></Textbook>
+        </h4>
+        <div class="content ov bgf pad20">
+          <Screen></Screen>
+          <Sort></Sort>
+          <ul class="workSourceList" v-for="item in list">
+            <li :class="item.type">
+              <div class="ov">
+                <h2 class="fl"><a :href="'/'+item.src">{{item.title}}</a></h2>
+                <p class="fr">
+                  <Rate show-text allow-half disabled v-model="item.star">
+                    <span>{{ item.star }}分</span>
+                  </Rate>
+                </p>
+              </div>
+              <div class="ov">
+                <ol class="fl">
+                  <li>大小：{{item.size}}</li>
+                  <li>来源：{{item.source}}</li>
+                  <li>时间：{{item.date}}</li>
+                </ol>
+                <ol class="fr woekOper">
+                  <li><a :href="'/'+item.src"><Icon type="md-eye"/> 预览({{item.preview}})</a></li>
+                  <li><a href=""><Icon type="ios-heart"/> 收藏({{item.collect}})</a></li>
+                  <li><a href=""><Icon type="md-download"/> 下载</a></li>
+                </ol>
+              </div>
+            </li>
+          </ul>
+          <Page :total="100"  size="small" show-total class="fr" />
+        </div>
+      </div>
+    </div>
+    <Footer></Footer>
+  </div>
+</template>
+<script>
+  import Header from '@/common/header.vue'
+  import WorkMaster from '@/common/workMaster.vue'
+  import WorkLeft from '@/common/workLeft.vue'
+  import RecomLeft from '@/common/recomLeft.vue'
+  import Screen from '@/common/screen.vue'
+  import Textbook from '@/common/textbook.vue'
+  import Sort from '@/common/screenSort.vue'
+  import Footer from '@/common/footer.vue'
+  import ScoreList from '@/components/scoreList.vue'
+  export default {
+    components: {
+      Header,
+      WorkMaster,
+      WorkLeft,
+      RecomLeft,
+      Screen,
+      Textbook,
+      Sort,
+      Footer,
+      ScoreList
+    },
+    data () {
+      return {
+        valueText: 5,
+        modal1: false,
+        formItem: {
+          select: 'sel1',
+          select2: 'sel2',
+          input: '',
+          textarea: '',
+        },
+        list:[
+          {
+            type:'daoxue',
+            src:'teachSourceDetail',
+            title:'综合探究——从地图上获取信息-导学',
+            star:5,
+            size:'1.32MB',
+            source:'陆杰',
+            date:'2019-04-08',
+            preview:'6',
+            collect:'5',
+            download:'4'
+          },
+          {
+            type:'daoxue',
+            src:'teachSourceDetail',
+            title:'综合探究——从地图上获取信息-导学',
+            star:5,
+            size:'1.32MB',
+            source:'陆杰',
+            date:'2019-04-08',
+            preview:'6',
+            collect:'5',
+            download:'4'
+          },
+          {
+            type:'daoxue',
+            src:'teachSourceDetail',
+            title:'综合探究——从地图上获取信息-导学',
+            star:5,
+            size:'1.32MB',
+            source:'陆杰',
+            date:'2019-04-08',
+            preview:'6',
+            collect:'5',
+            download:'4'
+          },{
+            type:'daoxue',
+            src:'teachSourceDetail',
+            title:'综合探究——从地图上获取信息-导学',
+            star:5,
+            size:'1.32MB',
+            source:'陆杰',
+            date:'2019-04-08',
+            preview:'6',
+            collect:'5',
+            download:'4'
+          },
+
+        ]
+      }
+    },
+    methods: {
+      ok () {
+        this.$Message.info('发布成功');
+      },
+      // cancel () {
+      //   this.$Message.info('');
+      // }
+      yes () {
+        this.modal1 = false;
+        this.$Message.success('发布成功');
+      },
+      cancel () {
+        this.modal1 = false;
+      }
+    }
+  }
+</script>
+

TEAMModelOS.TeachZone/ClientApp/view/teachPreclass.vue

@@ -0,0 +1,272 @@
+<template>
+  <div id="app">
+    <Header></Header>
+    <WorkMaster></WorkMaster>
+    <div class="wrap ov bodyContent">
+      <!--<workLeft></workLeft>-->
+      <RecomLeft></RecomLeft>
+      <div class="main fr">
+        <h4 ><a href="/">首页</a> > 教材资源
+          <div class="fr" >
+            <Select v-model="select" class="fl" style="width: auto;">
+              <Option value="sel1" >初中历史与社会人教课标版</Option>
+              <Option value="">思想政治人教标本七年级上册</Option>
+              <Option value="">地理人教科标板七年级上册</Option>
+              <Option value="">地理人教科标板七年级上册</Option>
+              <Option value="">音地理人教科标板七年级上册频</Option>
+              <Option value="">地理人教科标板七年级上册</Option>
+            </Select>
+            <Select v-model="select" class="fl" style="width: auto;">
+              <Option value="sel1" >初中历史与社会人教课标版</Option>
+              <Option value="">思想政治人教标本七年级上册</Option>
+              <Option value="">地理人教科标板七年级上册</Option>
+              <Option value="">地理人教科标板七年级上册</Option>
+              <Option value="">音地理人教科标板七年级上册频</Option>
+              <Option value="">地理人教科标板七年级上册</Option>
+            </Select>
+          </div>
+        </h4>
+
+        <div class="content ov bgf pad20">
+          <div class="screen">
+            <ul>
+              <li>
+                <span class="fl">类型：</span>
+                <ol class="fl">
+                  <li><a href="" class="active">全部</a></li>
+                  <li><a href="">教案</a></li>
+                  <li><a href="">学案</a></li>
+                  <li><a href="">课件</a></li>
+                  <li><a href="">微课</a></li>
+                  <li><a href="">习题</a></li>
+                  <li><a href="">素材</a></li>
+                  <li><a href="">拓展</a></li>
+                </ol>
+              </li>
+              <li>
+                <span class="fl">来源：</span>
+                <ol class="fl">
+                  <li><a href="" class="active">全部</a></li>
+                  <li><a href="">我的资源</a></li>
+                  <li><a href="">共享资源</a></li>
+                  <li><a href="">精品资源</a></li>
+                  <li><a href="">校本资源</a></li>
+                </ol>
+              </li>
+
+              <li>
+                <span class="fl">范围：</span>
+                <ol class="fl">
+                  <li><a href="" class="active">全部</a></li>
+                  <li><a href="">本省区域</a></li>
+                  <li><a href="">本市区域</a></li>
+                  <li><a href="">本县区区域</a></li>
+                  <li><a href="">本校区域</a></li>
+                  <li><a href="">我的分享</a></li>
+                </ol>
+              </li>
+            </ul>
+          </div>
+          <div class="workSort ov">
+            <ul class="fl">
+              <li><a href="" class="active">默认</a></li>
+              <li><a href="">评分</a></li>
+              <li><a href="">收藏</a></li>
+              <li><a href="">预览</a></li>
+              <li><a href="">大小</a></li>
+              <li><a href="">时间</a></li>
+            </ul>
+            <div class="fr ov">
+                <Select v-model="formItem.select">
+                  <Option value="sel1" >格式</Option>
+                  <Option value="">图片</Option>
+                  <Option value="">文档</Option>
+                  <Option value="">视频</Option>
+                  <Option value="">音频</Option>
+                  <Option value="">动画</Option>
+                </Select>
+                <Select v-model="formItem.select2">
+                <Option value="sel2" >全部区域</Option>
+                <Option value="">本省区域</Option>
+                <Option value="">本市区域</Option>
+                <Option value="">本县区区域</Option>
+                <Option value="">本校范围</Option>
+                <Option value="">我的分享</Option>
+              </Select>
+            </div>
+          </div>
+          <ul class="workSourceList" v-for="item in list">
+            <li :class="item.type">
+              <div class="ov">
+                <h2 class="fl"><a :href="'/'+item.src">{{item.title}}</a></h2>
+                <p class="fr">
+                  <Rate show-text allow-half disabled v-model="item.star">
+                    <span>{{ item.star }}分</span>
+                  </Rate>
+                </p>
+              </div>
+              <div class="ov">
+                <ol class="fl">
+                  <li>大小：{{item.size}}</li>
+                  <li>来源：{{item.source}}</li>
+                  <li>时间：{{item.date}}</li>
+                </ol>
+                <ol class="fr woekOper">
+                  <li><a :href="'/'+item.src"><Icon type="md-eye"/> 预览({{item.preview}})</a></li>
+                  <li><a href=""><Icon type="ios-heart"/> 收藏({{item.collect}})</a></li>
+                  <li><a href=""><Icon type="md-download"/> 下载</a></li>
+                </ol>
+              </div>
+            </li>
+          </ul>
+          <Page :total="100"  size="small" show-total class="fr" />
+        </div>
+      </div>
+    </div>
+    <Footer></Footer>
+  </div>
+</template>
+<script>
+  import Header from '@/common/header.vue'
+  import WorkMaster from '@/common/workMaster.vue'
+  import WorkLeft from '@/common/workLeft.vue'
+  import RecomLeft from '@/common/recomLeft.vue'
+  import Footer from '@/common/footer.vue'
+  import ScoreList from '@/components/scoreList.vue'
+  export default {
+    components: {
+      Header,
+      WorkMaster,
+      WorkLeft,
+      RecomLeft,
+      Footer,
+      ScoreList
+    },
+    data () {
+      return {
+        valueText: 5,
+        modal1: false,
+        formItem: {
+          select: 'sel1',
+          select2: 'sel2',
+          input: '',
+          textarea: '',
+        },
+        list:[
+          {
+            type:'word',
+            src:'teachSourceDetail',
+            title:'带着地图去旅行.doc',
+            star:5,
+            size:'1.32MB',
+            source:'陆杰',
+            date:'2019-04-08',
+            preview:'6',
+            collect:'5',
+            download:'4'
+          },
+          {
+            type:'word',
+            src:'teachSourceDetail',
+            title:'感受生命的意义.doc',
+            star:4.5,
+            size:'1.64MB',
+            source:'朱艳娜',
+            date:'2019-04-07',
+            preview:'10',
+            collect:'5',
+            download:'3'
+          },
+          {
+            type:'word',
+            src:'teachSourceDetail',
+            title:'历史与社会.doc',
+            star:5,
+            size:'1.32MB',
+            source:'陆杰',
+            date:'2019-04-08',
+            preview:'6',
+            collect:'5',
+            download:'4'
+          },
+          {
+            type:'ppt',
+            src:'teachSourcePpt',
+            title:'综合探究三——如何认识区域（以南非为例）.ppt',
+            star:5,
+            size:'1.32MB',
+            source:'马平儿',
+            date:'2019-04-08',
+            preview:'20',
+            collect:'5',
+            download:'4'
+          },
+          {
+            type:'ppt',
+            src:'teachSourcePpt',
+            title:'带着地图去旅行(课件).ppt',
+            star:4.5,
+            size:'1.32MB',
+            source:'陆杰',
+            date:'2019-04-08',
+            preview:'16',
+            collect:'5',
+            download:'4'
+          },
+          {
+            type:'video',
+            src:'teachSourceVideo',
+            title:'公开课4.2文化艺术之都：巴黎.doc',
+            star:4.5,
+            size:'1.64MB',
+            source:'朱艳娜',
+            date:'2019-04-07',
+            preview:'10',
+            collect:'5',
+            download:'3'
+          },
+          {
+            type:'word',
+            src:'teachSourceDetail',
+            title:'带着地图去旅行(课件).doc',
+            star:4.5,
+            size:'1.32MB',
+            source:'陆杰',
+            date:'2019-04-08',
+            preview:'16',
+            collect:'5',
+            download:'4'
+          },
+          {
+            type:'word',
+            src:'teachSourceDetail',
+            title:'综合探究三——如何认识区域（以南非为例）.doc',
+            star:5,
+            size:'1.32MB',
+            source:'马平儿',
+            date:'2019-04-08',
+            preview:'20',
+            collect:'5',
+            download:'4'
+          },
+        ]
+      }
+    },
+    methods: {
+      ok () {
+        this.$Message.info('发布成功');
+      },
+      // cancel () {
+      //   this.$Message.info('');
+      // }
+      yes () {
+        this.modal1 = false;
+        this.$Message.success('发布成功');
+      },
+      cancel () {
+        this.modal1 = false;
+      }
+    }
+    }
+</script>
+

TEAMModelOS.TeachZone/ClientApp/view/teachPrelesson.vue

@@ -0,0 +1,272 @@
+<template>
+  <div id="app">
+    <Header></Header>
+    <WorkMaster></WorkMaster>
+    <div class="wrap ov bodyContent">
+      <!--<workLeft></workLeft>-->
+      <RecomLeft></RecomLeft>
+      <div class="main fr">
+        <h4 ><a href="/">首页</a> > 教材资源
+          <div class="fr" >
+            <Select v-model="select" class="fl" style="width: auto;">
+              <Option value="sel1" >初中历史与社会人教课标版</Option>
+              <Option value="">思想政治人教标本七年级上册</Option>
+              <Option value="">地理人教科标板七年级上册</Option>
+              <Option value="">地理人教科标板七年级上册</Option>
+              <Option value="">音地理人教科标板七年级上册频</Option>
+              <Option value="">地理人教科标板七年级上册</Option>
+            </Select>
+            <Select v-model="select" class="fl" style="width: auto;">
+              <Option value="sel1" >初中历史与社会人教课标版</Option>
+              <Option value="">思想政治人教标本七年级上册</Option>
+              <Option value="">地理人教科标板七年级上册</Option>
+              <Option value="">地理人教科标板七年级上册</Option>
+              <Option value="">音地理人教科标板七年级上册频</Option>
+              <Option value="">地理人教科标板七年级上册</Option>
+            </Select>
+          </div>
+        </h4>
+
+        <div class="content ov bgf pad20">
+          <div class="screen">
+            <ul>
+              <li>
+                <span class="fl">类型：</span>
+                <ol class="fl">
+                  <li><a href="" class="active">全部</a></li>
+                  <li><a href="">教案</a></li>
+                  <li><a href="">学案</a></li>
+                  <li><a href="">课件</a></li>
+                  <li><a href="">微课</a></li>
+                  <li><a href="">习题</a></li>
+                  <li><a href="">素材</a></li>
+                  <li><a href="">拓展</a></li>
+                </ol>
+              </li>
+              <li>
+                <span class="fl">来源：</span>
+                <ol class="fl">
+                  <li><a href="" class="active">全部</a></li>
+                  <li><a href="">我的资源</a></li>
+                  <li><a href="">共享资源</a></li>
+                  <li><a href="">精品资源</a></li>
+                  <li><a href="">校本资源</a></li>
+                </ol>
+              </li>
+
+              <li>
+                <span class="fl">范围：</span>
+                <ol class="fl">
+                  <li><a href="" class="active">全部</a></li>
+                  <li><a href="">本省区域</a></li>
+                  <li><a href="">本市区域</a></li>
+                  <li><a href="">本县区区域</a></li>
+                  <li><a href="">本校区域</a></li>
+                  <li><a href="">我的分享</a></li>
+                </ol>
+              </li>
+            </ul>
+          </div>
+          <div class="workSort ov">
+            <ul class="fl">
+              <li><a href="" class="active">默认</a></li>
+              <li><a href="">评分</a></li>
+              <li><a href="">收藏</a></li>
+              <li><a href="">预览</a></li>
+              <li><a href="">大小</a></li>
+              <li><a href="">时间</a></li>
+            </ul>
+            <div class="fr ov">
+                <Select v-model="formItem.select">
+                  <Option value="sel1" >格式</Option>
+                  <Option value="">图片</Option>
+                  <Option value="">文档</Option>
+                  <Option value="">视频</Option>
+                  <Option value="">音频</Option>
+                  <Option value="">动画</Option>
+                </Select>
+                <Select v-model="formItem.select2">
+                <Option value="sel2" >全部区域</Option>
+                <Option value="">本省区域</Option>
+                <Option value="">本市区域</Option>
+                <Option value="">本县区区域</Option>
+                <Option value="">本校范围</Option>
+                <Option value="">我的分享</Option>
+              </Select>
+            </div>
+          </div>
+          <ul class="workSourceList" v-for="item in list">
+            <li :class="item.type">
+              <div class="ov">
+                <h2 class="fl"><a :href="'/'+item.src">{{item.title}}</a></h2>
+                <p class="fr">
+                  <Rate show-text allow-half disabled v-model="item.star">
+                    <span>{{ item.star }}分</span>
+                  </Rate>
+                </p>
+              </div>
+              <div class="ov">
+                <ol class="fl">
+                  <li>大小：{{item.size}}</li>
+                  <li>来源：{{item.source}}</li>
+                  <li>时间：{{item.date}}</li>
+                </ol>
+                <ol class="fr woekOper">
+                  <li><a :href="'/'+item.src"><Icon type="md-eye"/> 预览({{item.preview}})</a></li>
+                  <li><a href=""><Icon type="ios-heart"/> 收藏({{item.collect}})</a></li>
+                  <li><a href=""><Icon type="md-download"/> 下载</a></li>
+                </ol>
+              </div>
+            </li>
+          </ul>
+          <Page :total="100"  size="small" show-total class="fr" />
+        </div>
+      </div>
+    </div>
+    <Footer></Footer>
+  </div>
+</template>
+<script>
+  import Header from '@/common/header.vue'
+  import WorkMaster from '@/common/workMaster.vue'
+  import WorkLeft from '@/common/workLeft.vue'
+  import RecomLeft from '@/common/recomLeft.vue'
+  import Footer from '@/common/footer.vue'
+  import ScoreList from '@/components/scoreList.vue'
+  export default {
+    components: {
+      Header,
+      WorkMaster,
+      WorkLeft,
+      RecomLeft,
+      Footer,
+      ScoreList
+    },
+    data () {
+      return {
+        valueText: 5,
+        modal1: false,
+        formItem: {
+          select: 'sel1',
+          select2: 'sel2',
+          input: '',
+          textarea: '',
+        },
+        list:[
+          {
+            type:'word',
+            src:'teachSourceDetail',
+            title:'带着地图去旅行.doc',
+            star:5,
+            size:'1.32MB',
+            source:'陆杰',
+            date:'2019-04-08',
+            preview:'6',
+            collect:'5',
+            download:'4'
+          },
+          {
+            type:'word',
+            src:'teachSourceDetail',
+            title:'感受生命的意义.doc',
+            star:4.5,
+            size:'1.64MB',
+            source:'朱艳娜',
+            date:'2019-04-07',
+            preview:'10',
+            collect:'5',
+            download:'3'
+          },
+          {
+            type:'word',
+            src:'teachSourceDetail',
+            title:'历史与社会.doc',
+            star:5,
+            size:'1.32MB',
+            source:'陆杰',
+            date:'2019-04-08',
+            preview:'6',
+            collect:'5',
+            download:'4'
+          },
+          {
+            type:'ppt',
+            src:'teachSourcePpt',
+            title:'综合探究三——如何认识区域（以南非为例）.ppt',
+            star:5,
+            size:'1.32MB',
+            source:'马平儿',
+            date:'2019-04-08',
+            preview:'20',
+            collect:'5',
+            download:'4'
+          },
+          {
+            type:'ppt',
+            src:'teachSourcePpt',
+            title:'带着地图去旅行(课件).ppt',
+            star:4.5,
+            size:'1.32MB',
+            source:'陆杰',
+            date:'2019-04-08',
+            preview:'16',
+            collect:'5',
+            download:'4'
+          },
+          {
+            type:'video',
+            src:'teachSourceVideo',
+            title:'公开课4.2文化艺术之都：巴黎.doc',
+            star:4.5,
+            size:'1.64MB',
+            source:'朱艳娜',
+            date:'2019-04-07',
+            preview:'10',
+            collect:'5',
+            download:'3'
+          },
+          {
+            type:'word',
+            src:'teachSourceDetail',
+            title:'带着地图去旅行(课件).doc',
+            star:4.5,
+            size:'1.32MB',
+            source:'陆杰',
+            date:'2019-04-08',
+            preview:'16',
+            collect:'5',
+            download:'4'
+          },
+          {
+            type:'word',
+            src:'teachSourceDetail',
+            title:'综合探究三——如何认识区域（以南非为例）.doc',
+            star:5,
+            size:'1.32MB',
+            source:'马平儿',
+            date:'2019-04-08',
+            preview:'20',
+            collect:'5',
+            download:'4'
+          },
+        ]
+      }
+    },
+    methods: {
+      ok () {
+        this.$Message.info('发布成功');
+      },
+      // cancel () {
+      //   this.$Message.info('');
+      // }
+      yes () {
+        this.modal1 = false;
+        this.$Message.success('发布成功');
+      },
+      cancel () {
+        this.modal1 = false;
+      }
+    }
+    }
+</script>
+

TEAMModelOS.TeachZone/ClientApp/view/teachSourceVideo.vue

@@ -0,0 +1,173 @@
+<template>
+  <div id="app">
+    <Header></Header>
+    <div class="master wrap ov ">
+      <a href="/">张三的空间</a>
+      <ul class="fr">
+        <li><a href="">教材资源</a></li>
+        <li><a href="">课前导学</a></li>
+        <li><a href="">同步备课</a></li>
+        <li><a href="">在线监测</a></li>
+        <li><a href="">课后作业</a></li>
+      </ul>
+    </div>
+    <div class="wrap ov bodyContent">
+        <div class="left fl">
+          <dl class="work bgf" style="margin-bottom: 12px;">
+            <dt>我的工作</dt>
+            <dd><a href="/teachSource" class="active"><i class="icon"></i>教材资源</a></dd>
+            <dd><a href=""><i class="icon"></i>课前导学</a></dd>
+            <dd><a href=""><i class="icon"></i>同步备课</a></dd>
+            <dd><a href=""><i class="icon"></i>在线监测</a></dd>
+            <dd><a href=""><i class="icon"></i>课后作业</a></dd>
+          </dl>
+          <div class="sourceRecom bgf">
+            <h3>推荐资源 <span class="fr refresh">换一批</span></h3>
+            <ul>
+              <li class="word">
+                <a href="">
+                  <p>当我们的手中只剩下一片树叶.docx</p>
+                  <p>
+                    <Rate allow-half v-model="valueText" disabled></Rate>
+                  </p>
+                </a>
+              </li>
+              <li class="word">
+                <a href="">
+                  <p>当我们的手中只剩下一片树叶.docx</p>
+                  <p>
+                    <Rate allow-half v-model="valueText" disabled></Rate>
+                  </p>
+                </a>
+              </li>
+              <li class="ppt">
+                <a href="">
+                  <p>当我们的手中只剩下一片树叶.ppt</p>
+                  <p>
+                    <Rate allow-half v-model="valueText" disabled></Rate>
+                  </p>
+                </a>
+              </li>
+              <li class="video">
+                <a href="">
+                  <p>当我们的手中只剩下一片树叶.mp4</p>
+                  <p>
+                    <Rate allow-half v-model="valueText" disabled></Rate>
+                  </p>
+                </a>
+              </li>
+              <li class="word">
+                <a href="">
+                  <p>当我们的手中只剩下一片树叶.docx</p>
+                  <p>
+                    <Rate allow-half v-model="valueText" disabled></Rate>
+                  </p>
+                </a>
+              </li>
+            </ul>
+          </div>
+        </div>
+
+      <div class="main fr">
+        <h4><a href="/">首页</a> > <a href="/">我的工作</a> > <a href="/">教材资源</a> > 详情</h4>
+        <div class="content ov bgf pad20">
+         <div class="sourceDetail">
+           <div class="titleBox">
+             <h3> 2017年全国各地中考作文题汇总.doc</h3>
+             <ul class="info">
+               <li>大小：1.36MB</li>
+               <li>来源：陆杰（平湖市福臻中学）</li>
+               <li>时间：2019-05-13</li>
+               <li>引用：4次</li>
+               <li>预览：20次</li>
+               <li>综合评分：<Rate allow-half disabled v-model="valueText">
+               </Rate></li>
+             </ul>
+           </div>
+           <div>
+             <iframe
+               src="http://res.huijiaoyun.com:22021//data9/transform/2019/1/14/21/56/8b188019f7f1406694fbd52154840654/28870b8a84e5b7fe607419a194d09699.doc/html4/transform.html"></iframe>
+           </div>
+          <div class="ov">
+            <ul class="tips fr">
+              <li><a href=""><Icon type="ios-heart"/> 收藏(15)</a></li>
+              <li><a href=""><Icon type="md-share"/> 分享（6）</a></li>
+              <li><a href=""><Icon type="md-download"/> 下载（6）</a></li>
+
+            </ul>
+          </div>
+
+           <div class="comment">
+             <h4>大家印象</h4>
+             <ul>
+               <li>内容新颖</li>
+               <li>效果美观</li>
+               <li>趣味互动性强</li>
+               <li>内容生动</li>
+               <li class="bad">质量一般</li>
+               <li class="bad">版本匹配度不高</li>
+             </ul>
+           </div>
+           <div class="comment">
+             <h4>我要评论
+               <Rate show-text allow-half ></Rate></h4>
+             <Input  type="textarea" :rows="5" placeholder="请输入您的评论..." />
+             <div class="tr commentBtn">
+               <span>还能输入140个字</span>
+               <Button type="primary" size="large">立即发布</Button>
+             </div>
+             <p class="tc"><img src="../assets/image/sofa.png" alt=""></p>
+           </div>
+         </div>
+        </div>
+      </div>
+
+    </div>
+    <Footer></Footer>
+  </div>
+</template>
+<script>
+  import Header from '@/common/header.vue'
+  import WorkMaster from '@/common/workMaster.vue'
+  import WorkLeft from '@/common/workLeft.vue'
+  import Footer from '@/common/footer.vue'
+  import ScoreList from '@/components/scoreList.vue'
+  export default {
+    components: {
+      Header,
+      WorkMaster,
+      WorkLeft,
+      Footer,
+      ScoreList
+    },
+    data () {
+      return {
+        valueText: 5,
+        modal1: false,
+        formItem: {
+          select: 'sel1',
+          select2: 'sel2',
+          input: '',
+          textarea: '',
+        },
+
+      }
+    },
+    methods: {
+      ok () {
+        this.$Message.info('发布成功');
+      },
+      // cancel () {
+      //   this.$Message.info('');
+      // }
+      yes () {
+        this.modal1 = false;
+        this.$Message.success('发布成功');
+      },
+      cancel () {
+        this.modal1 = false;
+      }
+    }
+    }
+</script>
+

TEAMModelOS.TeachZone/ClientApp/view/teachTask.vue

@@ -0,0 +1,147 @@
+<template>
+  <div id="app">
+    <Header></Header>
+    <WorkMaster></WorkMaster>
+    <div class="wrap ov bodyContent">
+      <!--<workLeft></workLeft>-->
+      <RecomLeft></RecomLeft>
+      <div class="main fr">
+        <h4 ><a href="/">首页</a> > 课前导学
+          <Textbook></Textbook>
+        </h4>
+        <div class="content ov bgf pad20">
+          <Screen></Screen>
+          <Sort></Sort>
+          <ul class="workSourceList" v-for="item in list">
+            <li :class="item.type">
+              <div class="ov">
+                <h2 class="fl"><a :href="'/'+item.src">{{item.title}}</a></h2>
+                <p class="fr">
+                  <Rate show-text allow-half disabled v-model="item.star">
+                    <span>{{ item.star }}分</span>
+                  </Rate>
+                </p>
+              </div>
+              <div class="ov">
+                <ol class="fl">
+                  <li>大小：{{item.size}}</li>
+                  <li>来源：{{item.source}}</li>
+                  <li>时间：{{item.date}}</li>
+                </ol>
+                <ol class="fr woekOper">
+                  <li><a :href="'/'+item.src"><Icon type="md-eye"/> 预览({{item.preview}})</a></li>
+                  <li><a href=""><Icon type="ios-heart"/> 收藏({{item.collect}})</a></li>
+                  <li><a href=""><Icon type="md-download"/> 下载</a></li>
+                </ol>
+              </div>
+            </li>
+          </ul>
+          <Page :total="100"  size="small" show-total class="fr" />
+        </div>
+      </div>
+    </div>
+    <Footer></Footer>
+  </div>
+</template>
+<script>
+  import Header from '@/common/header.vue'
+  import WorkMaster from '@/common/workMaster.vue'
+  import WorkLeft from '@/common/workLeft.vue'
+  import RecomLeft from '@/common/recomLeft.vue'
+  import Screen from '@/common/screen.vue'
+  import Textbook from '@/common/textbook.vue'
+  import Sort from '@/common/screenSort.vue'
+  import Footer from '@/common/footer.vue'
+  import ScoreList from '@/components/scoreList.vue'
+  export default {
+    components: {
+      Header,
+      WorkMaster,
+      WorkLeft,
+      RecomLeft,
+      Screen,
+      Textbook,
+      Sort,
+      Footer,
+      ScoreList
+    },
+    data () {
+      return {
+        valueText: 5,
+        modal1: false,
+        formItem: {
+          select: 'sel1',
+          select2: 'sel2',
+          input: '',
+          textarea: '',
+        },
+        list:[
+          {
+            type:'daoxue',
+            src:'teachSourceDetail',
+            title:'综合探究——从地图上获取信息-导学',
+            star:5,
+            size:'1.32MB',
+            source:'陆杰',
+            date:'2019-04-08',
+            preview:'6',
+            collect:'5',
+            download:'4'
+          },
+          {
+            type:'daoxue',
+            src:'teachSourceDetail',
+            title:'综合探究——从地图上获取信息-导学',
+            star:5,
+            size:'1.32MB',
+            source:'陆杰',
+            date:'2019-04-08',
+            preview:'6',
+            collect:'5',
+            download:'4'
+          },
+          {
+            type:'daoxue',
+            src:'teachSourceDetail',
+            title:'综合探究——从地图上获取信息-导学',
+            star:5,
+            size:'1.32MB',
+            source:'陆杰',
+            date:'2019-04-08',
+            preview:'6',
+            collect:'5',
+            download:'4'
+          },{
+            type:'daoxue',
+            src:'teachSourceDetail',
+            title:'综合探究——从地图上获取信息-导学',
+            star:5,
+            size:'1.32MB',
+            source:'陆杰',
+            date:'2019-04-08',
+            preview:'6',
+            collect:'5',
+            download:'4'
+          },
+
+        ]
+      }
+    },
+    methods: {
+      ok () {
+        this.$Message.info('发布成功');
+      },
+      // cancel () {
+      //   this.$Message.info('');
+      // }
+      yes () {
+        this.modal1 = false;
+        this.$Message.success('发布成功');
+      },
+      cancel () {
+        this.modal1 = false;
+      }
+    }
+  }
+</script>
+

TEAMModelOS.TeachZone/ClientApp/view/teachTaskDetail.vue

@@ -0,0 +1,123 @@
+<template>
+  <div id="app">
+    <Header></Header>
+    <WorkMaster></WorkMaster>
+    <div class="wrap ov bodyContent">
+      <!--<workLeft></workLeft>-->
+      <RecomLeft></RecomLeft>
+      <div class="main fr">
+        <h4 ><a href="/">首页</a> > 课前导学
+          <Textbook></Textbook>
+        </h4>
+        <div class="content ov bgf pad20">
+          <Screen></Screen>
+          <Sort></Sort>
+          <ul class="workSourceList" v-for="item in list">
+            <li :class="item.type">
+              <div class="ov">
+                <h2 class="fl"><a :href="'/'+item.src">{{item.title}}</a></h2>
+                <!--<p class="fr">-->
+                  <!--<Rate show-text allow-half disabled v-model="item.star">-->
+                    <!--<span>{{ item.star }}分</span>-->
+                  <!--</Rate>-->
+                <!--</p>-->
+                <div class="fr" style="width: 150px;">
+                  <Progress :percent="(item.done/item.all)*100"/>
+                </div>
+              </div>
+              <div class="ov">
+                <ol class="fl">
+                  <li>大小：{{item.size}}</li>
+                  <li>来源：{{item.source}}</li>
+                  <li>时间：{{item.date}}</li>
+                </ol>
+                <ol class="fr woekOper">
+                  <!--<li><a :href="'/'+item.src"><Icon type="md-eye"/> 预览({{item.preview}})</a></li>-->
+                  <!--<li><a href=""><Icon type="ios-heart"/> 收藏({{item.collect}})</a></li>-->
+                  <!--<li><a href=""><Icon type="md-download"/> 下载</a></li>-->
+                  <!--<li><a href=""><Icon type="md-person"/> 参与人数：0/38</a></li>-->
+                </ol>
+
+              <p class="fr"><a href=""><Icon type="md-person"/> 参与人数：0/38</a></p>
+              </div>
+            </li>
+          </ul>
+          <Page :total="100"  size="small" show-total class="fr" />
+        </div>
+      </div>
+    </div>
+    <Footer></Footer>
+  </div>
+</template>
+<script>
+  import Header from '@/common/header.vue'
+  import WorkMaster from '@/common/workMaster.vue'
+  import WorkLeft from '@/common/workLeft.vue'
+  import RecomLeft from '@/common/recomLeft.vue'
+  import Screen from '@/common/screen.vue'
+  import Textbook from '@/common/textbook.vue'
+  import Sort from '@/common/screenSort.vue'
+  import Footer from '@/common/footer.vue'
+  import ScoreList from '@/components/scoreList.vue'
+  export default {
+    components: {
+      Header,
+      WorkMaster,
+      WorkLeft,
+      RecomLeft,
+      Screen,
+      Textbook,
+      Sort,
+      Footer,
+      ScoreList
+    },
+    data () {
+      return {
+        valueText: 5,
+        modal1: false,
+        formItem: {
+          select: 'sel1',
+          select2: 'sel2',
+          input: '',
+          textarea: '',
+        },
+        list:[
+          {
+            type:'hunhe',
+            src:'teachSourceDetail',
+            title:'第一单元--章节练习',
+            star:5,
+            size:'1.32MB',
+            source:'陆杰',
+            date:'2019-04-08',
+            preview:'6',
+            collect:'5',
+            download:'4',
+            percent:55,
+            all:100,
+            done:20,
+          },
+        ]
+      }
+    },
+    creted(){
+      
+    },
+    methods: {
+      ok () {
+        this.$Message.info('发布成功');
+      },
+      // cancel () {
+      //   this.$Message.info('');
+      // }
+      yes () {
+        this.modal1 = false;
+        this.$Message.success('发布成功');
+      },
+      cancel () {
+        this.modal1 = false;
+      }
+    }
+  }
+</script>
+