172 lines
10 KiB
Vue
172 lines
10 KiB
Vue
<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: record.bh, 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>
|