TEAMModelOS/TEAMModelOS.TeachZone/ClientApp/view/teachCheckList.vue

<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>