TEAMModelOS/TEAMModelOS.TeachZone/ClientApp/view/teachSource.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 :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><span class="sourceType">课件</span></li>
                  <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 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:'word',
            src:'teachSourceDetail',
            title:'《百分数解决问题例2》教学设计.docx',
            star:5,
            size:'1.32MB',
            source:'李雅斯',
            date:'2019-04-08',
            preview:'6',
            collect:'5',
            download:'4'
          },
          {
            type:'word',
            src:'teachSourceDetail',
            title:'《折线统计图》教学设计.docx',
            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-03-19',
            preview:'20',
            collect:'5',
            download:'4'
          },
          {
            type:'video',
            src:'teachSourceVideo',
            title:'人教五上第五单元_列方程解决实际问题',
            star:4.5,
            size:'1.64MB',
            source:'朱艳娜',
            date:'2019-03-02',
            preview:'10',
            collect:'5',
            download:'3'
          },
          {
            type:'video',
            src:'teachSourceVideo',
            title:'人教三上第四单元_三位数减三位',
            star:4.5,
            size:'1.64MB',
            source:'朱艳娜',
            date:'2019-02-16',
            preview:'10',
            collect:'5',
            download:'3'
          },
          {
            type:'word',
            src:'teachSourceDetail',
            title:'《平行四边形的面积》.doc',
            star:4.5,
            size:'1.32MB',
            source:'袁晓萍',
            date:'2019-02-15',
            preview:'16',
            collect:'5',
            download:'4'
          },
          {
            type:'word',
            src:'teachSourceDetail',
            title:'《百分数解决问题例2》教学设计.docx',
            star:5,
            size:'1.32MB',
            source:'李雅斯',
            date:'2019-02-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>