This commit is contained in:
bai 2023-05-05 23:52:55 +08:00
commit a1566254e5
3 changed files with 264 additions and 0 deletions

View File

@ -0,0 +1,171 @@
<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>

View File

@ -0,0 +1,88 @@
<template>
<div class="renKeJiaoChengBase">
<a-modal :width="width" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" :getContainer="getPDom" cancelText="关闭">
<template #title>
<div style="text-align: center;">{{ form.kcmc }}-{{ form.skjs }}-星期{{ form.WEEK }}-{{ form.hh }}</div>
</template>
<fwdtForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"/>
</a-modal>
</div>
</template>
<script lang="ts" setup>
import { ref, nextTick, defineExpose } from 'vue';
import fwdtForm from './fwdtForm.vue'
const width = ref<number>(1200);
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
const registerForm = ref();
const form = ref();
function getPDom() {
return document.querySelector('.renKeJiaoChengBase')
}
/**
* 新增
*/
function view(record) {
visible.value = true;
disableSubmit.value = true;
console.log(`🚀 ~ file: viewModal.vue:32 ~ view ~ disableSubmit.value:`, disableSubmit.value)
form.value = record;
nextTick(() => {
registerForm.value.view(record);
});
}
/**
* 确定按钮点击事件
*/
function handleOk() {
registerForm.value.submitForm();
}
/**
* form保存回调事件
*/
function submitCallback() {
handleCancel();
}
/**
* 取消按钮回调事件
*/
function handleCancel() {
visible.value = false;
}
defineExpose({
view,
disableSubmit,
});
</script>
<style lang="less" scoped>
/**隐藏样式-modal确定按钮 */
// .renKeJiaoChengBaseModal :deep(.ant-modal-content) {
// text-align: center;
// background: red;
// }
.renKeJiaoChengBase {
.jee-hidden {
display: none !important;
}
// background: orange;
:deep(.ant-modal-content) {
// background: green;
.ant-modal-footer {
text-align: center;
// background: red;
}
}
}
</style>

View File

@ -22,6 +22,7 @@
查看听课笔记 查看听课笔记
</a-popover> </a-popover>
</span> </span>
<span v-if="item.bh" style="color: #337ab7;margin-left: 30px;" @click="fwdtModal.view(item)"><FormOutlined/>服务大厅</span>
</div> </div>
</template> </template>
<template #avatar> <template #avatar>
@ -38,6 +39,7 @@
</a-list> </a-list>
<addModalPage ref="tingKeZuJiAddModal"/> <addModalPage ref="tingKeZuJiAddModal"/>
<viewModalPage ref="viewModal"/> <viewModalPage ref="viewModal"/>
<fwdtModalPage ref="fwdtModal"/>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref, onMounted } from 'vue'; import { ref, onMounted } from 'vue';
@ -46,6 +48,7 @@ import { getUserId,getSysConfig } from '/@/views/site/utils/index';
import addModalPage from '/@/views/site/tingKeZuJi/components/addModal.vue'; import addModalPage from '/@/views/site/tingKeZuJi/components/addModal.vue';
import viewModalPage from '/@/views/site/tingKeZuJi/components/viewModal.vue'; import viewModalPage from '/@/views/site/tingKeZuJi/components/viewModal.vue';
import fwdtModalPage from '/@/views/site/tingKeZuJi/components/fwdtModal.vue';
import { defHttp } from '/@/utils/http/axios'; import { defHttp } from '/@/utils/http/axios';
enum Api { enum Api {
list = '/kcTingke/kcTingke/findTingKeZuJiBytingketimeAndUserId' list = '/kcTingke/kcTingke/findTingKeZuJiBytingketimeAndUserId'
@ -53,6 +56,7 @@ enum Api {
const tingKeZuJiAddModal = ref(); const tingKeZuJiAddModal = ref();
const viewModal = ref(); const viewModal = ref();
const fwdtModal = ref();
const props = defineProps({ const props = defineProps({
queryParam: { type: Object, default: () => ({}) }, queryParam: { type: Object, default: () => ({}) },
@ -74,6 +78,7 @@ function init() {
console.log('init'); console.log('init');
listApi({ userid: getUserId(), tingketime: getSysConfig().bxqkssj, ...props.queryParam }).then(res => { listApi({ userid: getUserId(), tingketime: getSysConfig().bxqkssj, ...props.queryParam }).then(res => {
list.value = res ?? []; list.value = res ?? [];
console.log(`🚀 ~ file: list.vue:81 ~ listApi ~ list:`, list)
}); });
} }