添加服务大厅功能
This commit is contained in:
parent
d35efeea15
commit
ae6978ac9f
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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: () => ({}) },
|
||||
|
|
|
|||
|
|
@ -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';//学生
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue