<template>
  <div id="app">
    <Header></Header>
    <WorkMaster></WorkMaster>
    <div class="wrap ov">
      <RecomLeft></RecomLeft>
      <div class="main fr">
        <h4><a href="/">首页</a> > <a href="/">教材资源</a> > 详情</h4>
        <div class="content ov bgf pad20">
         <div class="sourceDetail">
           <div class="titleBox">
             <h3 class="video"> 人教五上第五单元_列方程解决实际问题</h3>
             <ul class="info">
               <li>时间：2019-05-13</li>
               <li>大小：1.36MB</li>
               <li>引用：4次</li>
               <li>播放：20次</li>
               <li>来源：陆杰（平湖市福臻中学）</li>
               <li>得分：<Rate allow-half disabled v-model="valueText">
               </Rate></li>
             </ul>
           </div>
           <div >
           </div>
           <div class="comment">
             <h4>总体印象</h4>
             <ul>
               <li>内容充实</li>
               <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>
           </div>
         </div>
        </div>
      </div>
    </div>
    <Footer></Footer>
  </div>
</template>
<script>
  import Header from '@/common/header.vue'
  import WorkMaster from '@/common/workMaster.vue'
  import RecomLeft from '@/common/recomLeft.vue'
  import WorkLeft from '@/common/workLeft.vue'
  import Footer from '@/common/footer.vue'
  import ScoreList from '@/components/scoreList.vue'
  export default {
    components: {
      Header,
      WorkMaster,
      RecomLeft,
      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>

