|
|
@@ -0,0 +1,172 @@
|
|
|
+<template>
|
|
|
+ <div id="app">
|
|
|
+ <Header></Header>
|
|
|
+ <!--<WorkMaster></WorkMaster>-->
|
|
|
+ <Master></Master>
|
|
|
+ <div class="wrap ov bodyContent">
|
|
|
+ <!--<workLeft></workLeft>-->
|
|
|
+ <RecomLeft></RecomLeft>
|
|
|
+ <div class="main fr">
|
|
|
+ <h4 ><a href="/">首页</a> > 教材资源</h4>
|
|
|
+ <div class="content ov bgf pad20">
|
|
|
+ <!--<Screen></Screen>-->
|
|
|
+ <ScreenSort></ScreenSort>
|
|
|
+ <ul class="workSourceList" v-for="item in list">
|
|
|
+ <li style="padding-left:10px;">
|
|
|
+ <div class="ov">
|
|
|
+ <h2 class="fl"><a href="/teachCheck">{{item.title}}</a></h2>
|
|
|
+ </div>
|
|
|
+ <div class="ov">
|
|
|
+ <ol class="fl">
|
|
|
+ <!--<li><span class="sourceType">课件</span></li>\-->
|
|
|
+ <li>时间：15分钟</li>
|
|
|
+ <li>总分：100分</li>
|
|
|
+ <li>
|
|
|
+ 难度：
|
|
|
+ <Rate allow-half disabled v-model="item.star">
|
|
|
+ <span>{{ item.star }}分</span>
|
|
|
+ </Rate>
|
|
|
+ </li>
|
|
|
+ <li>日期：{{item.date}}</li>
|
|
|
+ </ol>
|
|
|
+ </div>
|
|
|
+ <a href="/teachCheck" class="startCheck">开始检测</a>
|
|
|
+ </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 Master from '@/common/master.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 ScreenSort from '@/common/screenSort.vue'
|
|
|
+ import Textbook from '@/common/textbook.vue'
|
|
|
+ import Footer from '@/common/footer.vue'
|
|
|
+ import ScoreList from '@/components/scoreList.vue'
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ Header,
|
|
|
+ Master,
|
|
|
+ WorkMaster,
|
|
|
+ WorkLeft,
|
|
|
+ RecomLeft,
|
|
|
+ Screen,
|
|
|
+ Textbook,
|
|
|
+ ScreenSort,
|
|
|
+ Footer,
|
|
|
+ ScoreList
|
|
|
+ },
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ valueText: 5,
|
|
|
+ modal1: false,
|
|
|
+ formItem: {
|
|
|
+ select: 'sel1',
|
|
|
+ select2: 'sel2',
|
|
|
+ input: '',
|
|
|
+ textarea: '',
|
|
|
+ },
|
|
|
+ list:[
|
|
|
+ {
|
|
|
+ type:'video',
|
|
|
+ src:'teachSourceVideo',
|
|
|
+ title:'人教五上第五单元_列方程解决实际问题',
|
|
|
+ star:4.5,
|
|
|
+ size:'1.64MB',
|
|
|
+ source:'朱艳娜',
|
|
|
+ date:'2019-04-07',
|
|
|
+ preview:'10',
|
|
|
+ collect:'5',
|
|
|
+ download:'3'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type:'video',
|
|
|
+ src:'teachSourceVideo',
|
|
|
+ title:'人教三上第四单元_三位数减三位',
|
|
|
+ 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:'word',
|
|
|
+ src:'teachSourceDetail',
|
|
|
+ title:'感受生命的意义.doc',
|
|
|
+ star:4.5,
|
|
|
+ size:'1.64MB',
|
|
|
+ source:'朱艳娜',
|
|
|
+ date:'2019-04-07',
|
|
|
+ preview:'10',
|
|
|
+ collect:'5',
|
|
|
+ download:'3'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type:'ppt',
|
|
|
+ src:'teachSourcePpt',
|
|
|
+ title:'综合探究三——如何认识区域（以南非为例.ppt',
|
|
|
+ star:5,
|
|
|
+ size:'1.32MB',
|
|
|
+ source:'马平儿',
|
|
|
+ date:'2019-04-08',
|
|
|
+ preview:'20',
|
|
|
+ collect:'5',
|
|
|
+ download:'4'
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ type:'word',
|
|
|
+ src:'teachSourceDetail',
|
|
|
+ title:'带着地图去旅行(课件).doc',
|
|
|
+ star:4.5,
|
|
|
+ size:'1.32MB',
|
|
|
+ source:'陆杰',
|
|
|
+ date:'2019-04-08',
|
|
|
+ preview:'16',
|
|
|
+ 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>
|
|
|
+
|
luoxiaoli@foxmail.com