From ae6978ac9fb1906ef1a79049ca156758e41780b4 Mon Sep 17 00:00:00 2001
From: yangjun <1173114630@qq.com>
Date: Fri, 5 May 2023 19:23:53 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=9C=8D=E5=8A=A1=E5=A4=A7?=
 =?UTF-8?q?=E5=8E=85=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../site/tingKeZuJi/components/fwdtForm.vue   | 164 ++++++++++++++++++
 .../site/tingKeZuJi/components/fwdtModal.vue  |  88 ++++++++++
 src/views/site/tingKeZuJi/list.vue            |   4 +
 src/views/site/utils/index.ts                 |   4 +-
 4 files changed, 258 insertions(+), 2 deletions(-)
 create mode 100644 src/views/site/tingKeZuJi/components/fwdtForm.vue
 create mode 100644 src/views/site/tingKeZuJi/components/fwdtModal.vue

diff --git a/src/views/site/tingKeZuJi/components/fwdtForm.vue b/src/views/site/tingKeZuJi/components/fwdtForm.vue
new file mode 100644
index 0000000..8073e56
--- /dev/null
+++ b/src/views/site/tingKeZuJi/components/fwdtForm.vue
@@ -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>
diff --git a/src/views/site/tingKeZuJi/components/fwdtModal.vue b/src/views/site/tingKeZuJi/components/fwdtModal.vue
new file mode 100644
index 0000000..4ee5e92
--- /dev/null
+++ b/src/views/site/tingKeZuJi/components/fwdtModal.vue
@@ -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>
diff --git a/src/views/site/tingKeZuJi/list.vue b/src/views/site/tingKeZuJi/list.vue
index a7a8260..4ab61dc 100644
--- a/src/views/site/tingKeZuJi/list.vue
+++ b/src/views/site/tingKeZuJi/list.vue
@@ -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: () => ({}) },
diff --git a/src/views/site/utils/index.ts b/src/views/site/utils/index.ts
index c458476..638e995 100644
--- a/src/views/site/utils/index.ts
+++ b/src/views/site/utils/index.ts
@@ -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';//学生
   }
 }