添加服务大厅功能

This commit is contained in:
yangjun 2023-05-05 19:23:53 +08:00
parent d35efeea15
commit ae6978ac9f
4 changed files with 258 additions and 2 deletions

View File

@ -0,0 +1,164 @@
<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"><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;"> </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 {
queryResData = '/qa/kcEvaluation/queryByParam',
que = '//qa/kcEvaluationque/list',
ans = '/qa/kcEvaluationans/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);
function view(record){
}
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

@ -14,6 +14,7 @@
<div class="wenZiJiaCu">
<span v-if="item.score" style="color: #337ab7;" @click="viewModal.view(item)">已评分{{ item.score }}</span>
<span v-else style="color: #337ab7;" @click="tingKeZuJiAddModal.view(item)"><FormOutlined/>填写评价</span>
<span style="color: #337ab7;margin-left: 30px;" @click="fwdtModal.view(item)"><FormOutlined/>服务大厅</span>
</div>
</template>
<template #avatar>
@ -30,6 +31,7 @@
</a-list>
<addModalPage ref="tingKeZuJiAddModal"/>
<viewModalPage ref="viewModal"/>
<fwdtModalPage ref="fwdtModal"/>
</template>
<script setup lang="ts">
import { ref, onMounted } from 'vue';
@ -38,6 +40,7 @@ import { getUserId,getSysConfig } from '/@/views/site/utils/index';
import addModalPage from '/@/views/site/tingKeZuJi/components/addModal.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';
enum Api {
list = '/kcTingke/kcTingke/findTingKeZuJiBytingketimeAndUserId'
@ -45,6 +48,7 @@ enum Api {
const tingKeZuJiAddModal = ref();
const viewModal = ref();
const fwdtModal = ref();
const props = defineProps({
queryParam: { type: Object, default: () => ({}) },

View File

@ -22,8 +22,8 @@ export const getUserId = () => {
}else{
console.log(`🚀 ~ file: index.ts:17 ~ getUserId ~ isOpenSSO2:`, isOpenSSO)
//固定某值
// return '2016900057';//教师
return '2022010920';//学生
return '2016900057';//教师
// return '2022010920';//学生
}
}