<template>
  <a-spin :spinning="confirmLoading">
    <a-card>
      <table style="width: 100%;" >
        <tr style="background-color: #1da4ee;text-align: center;color:white;">
          <td rowspan="2" style="width:30px;padding: 5px;"></td>
          <td rowspan="2"><span class="headTitle">评估内容</span></td>
          <td colspan="5"><span class="headTitle">评估等级</span></td>
        </tr>
        <tr style="background-color: #1da4ee;text-align:center;color:white;">
          <td colspan="" style="width: 60px;"><span class="headTitle">A</span></td>
          <td colspan="" style="width: 60px;"><span class="headTitle">B</span></td>
          <td colspan="" style="width: 60px;"><span class="headTitle">C</span></td>
          <td colspan="" style="width: 60px;"><span class="headTitle">D</span></td>
          <td colspan="" style="width: 60px;"><span class="headTitle">E</span></td>
        </tr>
        <tr style="border: 1px solid #ccc;">
          <td rowspan="5" style="padding: 10px;">教师情况</td>
          <td class="tdQueClass"><sapn class="queTitle">讲课有热情,精神饱满，能调动学生情绪，课堂气氛活跃。</sapn></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg1" readonly><a-radio value="A"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg1"><a-radio value="B"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg1"><a-radio value="C"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg1"><a-radio value="D"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg1"><a-radio value="E"></a-radio ></a-radio-group></td>
        </tr>
        <tr style="border: 1px solid #ccc;">
          <td class="tdQueClass"><sapn class="queTitle">教学目标明确，内容丰富，重点突出，语言表达清楚。</sapn></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg2"><a-radio value="A"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg2"><a-radio value="B"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg2"><a-radio value="C"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg2"><a-radio value="D"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg2"><a-radio value="E"></a-radio ></a-radio-group></td>
        </tr>
        <tr>
          <td class="tdQueClass"><sapn class="queTitle">授课有启发性，能给予学生思考、联想、创造的启迪。</sapn></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg3"><a-radio value="A"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg3"><a-radio value="B"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg3"><a-radio value="C"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg3"><a-radio value="D"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg3"><a-radio value="E"></a-radio ></a-radio-group></td>
        </tr>
        <tr>
          <td class="tdQueClass"><sapn class="queTitle">能有效利用各种教学媒体，课件或板书使用效果好。</sapn></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg4"><a-radio value="A"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg4"><a-radio value="B"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg4"><a-radio value="C"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg4"><a-radio value="D"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg4"><a-radio value="E"></a-radio ></a-radio-group></td>
        </tr>
        <tr>
          <td class="tdQueClass"><sapn class="queTitle">仪表得体，按时上下课，严格要求学生。</sapn></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg5"><a-radio value="A"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg5"><a-radio value="B"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg5"><a-radio value="C"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg5"><a-radio value="D"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.jspg5"><a-radio value="E"></a-radio ></a-radio-group></td>
        </tr>
        <tr>
          <td rowspan="3" style="padding: 10px;">学生情况</td>
          <td class="tdQueClass"><sapn class="queTitle">无迟到、早退、旷课现象。</sapn></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.xspg1"><a-radio value="A"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.xspg1"><a-radio value="B"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.xspg1"><a-radio value="C"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.xspg1"><a-radio value="D"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.xspg1"><a-radio value="E"></a-radio ></a-radio-group></td>
        </tr>
        <tr>
          <td class="tdQueClass"><sapn class="queTitle">课堂教学秩序好，无喧闹、打瞌睡、发短信、玩手机等现象。</sapn></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.xspg2"><a-radio value="A"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.xspg2"><a-radio value="B"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.xspg2"><a-radio value="C"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.xspg2"><a-radio value="D"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.xspg2"><a-radio value="E"></a-radio ></a-radio-group></td>
        </tr>
        <tr>
          <td class="tdQueClass"><sapn class="queTitle">上课认真听讲、积极思考、主动与老师交流互动。</sapn></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.xspg3"><a-radio value="A"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.xspg3"><a-radio value="B"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.xspg3"><a-radio value="C"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.xspg3"><a-radio value="D"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.xspg3"><a-radio value="E"></a-radio ></a-radio-group></td>
        </tr>
        <tr>
          <td style="line-height: 60px;text-align: center;" colspan="2">课堂教学总体印象评价</td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.ztpj"><a-radio value="A"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.ztpj"><a-radio value="B"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.ztpj"><a-radio value="C"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.ztpj"><a-radio value="D"></a-radio ></a-radio-group></td>
          <td class="tdClass"><a-radio-group v-model:value="fwdtInfo.ztpj"><a-radio value="E"></a-radio ></a-radio-group></td>
        </tr>
      </table>
      <div style="line-height: 60px;margin-left: 20px;">
        <span class="zhuyiClass">注：</span>  
        <span class="zhuyiClass">A-完全赞同B-比较赞同</span>   
        <span class="zhuyiClass">C-基本赞同</span>   
        <span class="zhuyiClass">D-不大赞同</span>   
        <span class="zhuyiClass">E-完全不赞同</span>
      </div>
      <div>
        <div>请填写对课堂内容以及其他方面的具体意见或建议</div>
        <a-textarea  v-model:value="fwdtInfo.qtyj" style="height: 140px;" disabled> </a-textarea>
      </div>
    </a-card>
  </a-spin>
</template>

<script lang="ts" setup>
import { ref, reactive, watch, onMounted } from 'vue';
import headerPage from '/@/views/site/common/header.vue';
import footerPage from '/@/views/site/common/footer.vue';
import { defHttp } from '/@/utils/http/axios';
import { useRoute } from 'vue-router'
import { useMessage } from '/@/hooks/web/useMessage';
import { getUserId } from '/@/views/site/utils';

enum Api {
  fwdtData = '/xxhbbkjxtkpj/xxhbbkjxtkpj/list',
}

const fwdtInfo = ref<any>({jspg1:'A',jspg2:'A',jspg3:'A',jspg4:'A',jspg5:'A',xspg1:'A',xspg2:'A',xspg3:'A',ztpj:'A',qtyj:'其他意见啊'});

const confirmLoading = ref<boolean>(false);

  const list = (queryParam) => defHttp.get({ url: Api.fwdtData, params:queryParam });

function view(record){ 
  let params = { pageSize: -1, bh: '7a65e1708b48414bae03254cbc9ac6f1222', column: 'timestamps', order: 'desc' }
  
  list(params).then(res=>{
    var list = res?.records
    fwdtInfo.value = list[0]
    console.log(`🚀 ~ file: fwdtForm.vue:131 ~ list ~ list:`, list)
    console.log(`🚀 ~ file: fwdtForm.vue:132 ~ list ~ list:`, list[0])
  })
  
}



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

<style lang="less" scoped>
table{
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
td{
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
}
.tdClass{
  text-align: center;
}
.tdQueClass{
  line-height: 60px;
}
.queTitle{
  margin-left: 20px;
}
.headTitle{
  font-weight: 600;
  font-size: 16px;
}

.zhuyiClass{
margin-left: 20px;
}
</style>
