<template>
  <div class="main fr">
    <h4><a href="/">首页</a> > 学生成绩</h4>
    <div class="content ov bgf">
      <dl class="notice source 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="/reportAd"> <Icon type="ios-paper-outline" style="font-size: 18px;"/>六年一班上学期第十次模拟考试成绩公布<img src="../assets/image/new.gif" alt=""><span>查看报表 <Icon type="md-arrow-round-forward" /> </span></a></dd>
        <dd><a href=""> <Icon type="ios-paper-outline" style="font-size: 18px;"/>六年一班上学期第九次模拟考试成绩公布<span>查看报表 <Icon type="md-arrow-round-forward" /> </span></a></dd>
        <dd><a href=""> <Icon type="ios-paper-outline" style="font-size: 18px;"/>六年一班上学期第八次模拟考试成绩公布<span>查看报表 <Icon type="md-arrow-round-forward" /> </span></a></dd>
        <dd><a href=""> <Icon type="ios-paper-outline" style="font-size: 18px;"/>六年一班上学期第七次模拟考试成绩公布<span>查看报表 <Icon type="md-arrow-round-forward" /> </span></a></dd>
        <dd><a href=""> <Icon type="ios-paper-outline" style="font-size: 18px;"/>六年一班上学期第六次模拟考试成绩公布<span>查看报表 <Icon type="md-arrow-round-forward" /> </span></a></dd>
        <dd><a href=""> <Icon type="ios-paper-outline" style="font-size: 18px;"/>六年一班上学期第五次模拟考试成绩公布<span>查看报表 <Icon type="md-arrow-round-forward" /> </span></a></dd>
        <dd><a href=""> <Icon type="ios-paper-outline" style="font-size: 18px;"/>六年一班上学期第四次模拟考试成绩公布<span>查看报表 <Icon type="md-arrow-round-forward" /> </span></a></dd>
        <dd><a href=""> <Icon type="ios-paper-outline" style="font-size: 18px;"/>六年一班上学期第三次模拟考试成绩公布<span>查看报表 <Icon type="md-arrow-round-forward" /> </span></a></dd>
        <dd><a href=""> <Icon type="ios-paper-outline" style="font-size: 18px;"/>六年一班上学期第二次模拟考试成绩公布<span>查看报表 <Icon type="md-arrow-round-forward" /> </span></a></dd>
        <dd><a href=""> <Icon type="ios-paper-outline" style="font-size: 18px;"/>六年一班上学期第一次模拟考试成绩公布<span>查看报表 <Icon type="md-arrow-round-forward" /> </span></a></dd>
      </dl>
      <Page :total="100"  size="small" show-total class="fr" />
    </div>
  </div>
</template>

<script>
  export default {
    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>

<style scoped>

</style>
