<template>
  <div id="app">
    <Header></Header>
    <Master></Master>
    <div class="wrap ov">
      <Left></Left>
      <div class="main fr">
        <h4><a href="/">首页</a> > 班级资源</h4>
        <div class="content ov bgf">
          <dl class="notice fl " style="width: 100%">
            <dt>班级资源</dt>
            <div class="oper">
              <Button type="info" @click="modal1 = true">发布资源</Button>
              <Modal
                v-model="modal1" class-name="vertical-center-modal" footer-hide="true"
                title="发布资源"
                @on-ok="ok"
                @on-cancel="cancel">
                <Form :model="formItem" :label-width="80">
                  <FormItem label="通知标题">
                    <Input v-model="formItem.input" placeholder="请输入通知标题"></Input>
                  </FormItem>
                  <FormItem label="通知内容">
                    <Input v-model="formItem.textarea" type="textarea" :autosize="{minRows: 2,maxRows: 5}" placeholder="请输入通知内容"></Input>
                  </FormItem>
                  <FormItem>
                    <Button type="primary" @click="yes">发布</Button>
                    <Button style="margin-left: 8px" @click="cancel">取消</Button>
                  </FormItem>
                </Form>


              </Modal>
            </div>
            <dd><a href="/scoreListDetail">第二章（化学方程式计算）.doc<span>发布者：李四</span></a></dd>
            <dd><a href="">电流、电压和电阻的关系（2课时）.doc<span>发布者：李四</span></a></dd>
            <dd><a href="">某年6月中旬平均气温图.jpg<span>发布者：李四</span></a></dd>
            <dd><a href="">独立行走技术-穿越空间<span>发布者：李四</span></a></dd>
            <dd><a href="">计算机基础第五课时<span>发布者：李四</span></a></dd>
            <dd><a href="">《望洞庭》和《忆江南》<span>发布者：李四</span></a></dd>

          </dl>
          <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 Left from '@/common/left.vue'
  import Footer from '@/common/footer.vue'
  import ScoreList from '@/components/scoreList.vue'
  export default {
    components: {
      Header,
      Master,
      Left,
      Footer,
      ScoreList
    },
    data () {
      return {
        modal1: false,
        formItem: {
          input: '',
          textarea: ''
        }
      }
    },
    methods: {
      ok () {
        this.$Message.info('发布成功');
      },
      // cancel () {
      //   this.$Message.info('');
      // }
      yes () {
        this.modal1 = false;
        this.$Message.success('发布成功');
      },
      cancel () {
        this.modal1 = false;
      }
    }
    }
</script>

