<template>
  <el-dialog
    class="preview-more-answer-rate-dialog"
    :visible.sync="modalIsShow"
    title="本院与全校答对率对比分析"
    top="10vh"
    width="800px"
    :close-on-click-modal="false"
    :close-on-press-escape="false"
    append-to-body
  >
    <table class="table">
      <tr>
        <th rowspan="2">编号</th>
        <th rowspan="2">{{ datas.moduleName }}模块</th>
        <th rowspan="2">题数</th>
        <th colspan="2">平均得分率</th>
      </tr>
      <tr>
        <th>全校</th>
        <th>本院</th>
      </tr>
      <tr v-for="(elem, eindex) in datas.dioList" :key="eindex">
        <td>{{ elem.dimensionCode }}</td>
        <td>{{ elem.dimensionName }}</td>
        <td>{{ elem.totalCount }}</td>
        <td>{{ elem.schScoreRate }}%</td>
        <td>{{ elem.colScoreRate }}%</td>
      </tr>
    </table>

    <div slot="footer"></div>
  </el-dialog>
</template>

<script>
export default {
  name: "preview-more-answer-rate-dialog",
  props: {
    datas: {
      type: Object,
      default() {
        return {};
      }
    }
  },
  data() {
    return {
      modalIsShow: false
    };
  },
  methods: {
    cancel() {
      this.modalIsShow = false;
    },
    open() {
      this.modalIsShow = true;
    }
  }
};
</script>
