<template>
  <a-card class="wenZiJiaCu" style="font-size: 1.1rem;">
    您可根据实际情况选择下面两个评价表中的一个或者两个给予评价：
    <div class="p15">
      <a-row>
        <!-- <a-col :span="9">
          <a-button type="primary" class="wenZiJiaCu" style="font-size: 18px;height: 45px;"><RouterLink target='_blank' :to="{path:'/site/qaAddPageXsktpjb',query:{ type: 2, ktId }}">线上课堂评价表</RouterLink></a-button>
        </a-col> -->
        <a-col :span="12" style="text-align: center;">
          <a-button type="primary" class="wenZiJiaCu" style="font-size: 18px;height: 45px;"><RouterLink target='_blank' :to="{path:'/site/qaAddPageTkjlb',query:{ type: 3, ktId }}">听课记录表</RouterLink></a-button>
        </a-col>
        <a-col :span="12" style="text-align: center;">
          <a-button type="primary" class="wenZiJiaCu" style="font-size: 18px;height: 45px;"><RouterLink target='_blank' :to="{path:'/site/qaAddPageThpjb',query:{ type: 4, ktId }}">同行评价表</RouterLink></a-button>
        </a-col>
      </a-row>
    </div>
    <p>
      说明：
    </p>
    <!-- <p>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.线上课堂评价表：是根据线上课堂的特点研制的，如果您听的是线上课堂，请您填写该评价表；如果您同时是该课程所属学科的专家/教师，也欢迎您同时填写《同行评价表》。
    </p> -->
    <p>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.听课记录表：是方便行政人员和非该课程所属学科的教师听课使用的评价表，主要用来反映课堂教学的整体情况。
    </p>
    <p>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.同行评价表：是专门为该课程方面的专家/教师听课研制的评价表，更能反映该课堂的教学质量。
    </p>
  </a-card>
</template>

<script lang="ts" setup>
  import { ref, defineExpose } from 'vue';

  let ktId = ref('');

  /**
   * 编辑
   */
  function view( ...data ) {
    let record = data[0]??{};
    ktId.value = record.ketangbiaoid
  }

  defineExpose({
    view,
  });
</script>

<style lang="less" scoped>
  .antd-modal-form {
    // min-height: 500px !important;
    overflow-y: auto;
    padding: 24px 24px 24px 24px;
  }
  .p15 {
    padding: 15px;
  }
</style>
