<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> > 同步备课</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>大小：{{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 ScreenSort from '@/common/screenSort.vue'
  import Footer from '@/common/footer.vue'
  import ScoreList from '@/components/scoreList.vue'
  export default {
    components: {
      Header,
      WorkMaster,
      WorkLeft,
      RecomLeft,
      Screen,
      ScreenSort,
      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>

