diff --git a/src/views/site/tingKeZuJi/components/fwdtForm.vue b/src/views/site/tingKeZuJi/components/fwdtForm.vue
new file mode 100644
index 0000000..790a6bd
--- /dev/null
+++ b/src/views/site/tingKeZuJi/components/fwdtForm.vue
@@ -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>
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 4580068..6d1f0be 100644
--- a/src/views/site/tingKeZuJi/list.vue
+++ b/src/views/site/tingKeZuJi/list.vue
@@ -22,6 +22,7 @@
                   查看听课笔记
                 </a-popover>
               </span>
+              <span  v-if="item.bh" style="color: #337ab7;margin-left: 30px;" @click="fwdtModal.view(item)"><FormOutlined/>服务大厅</span>
             </div>
           </template>
           <template #avatar>
@@ -38,6 +39,7 @@
   </a-list>
   <addModalPage ref="tingKeZuJiAddModal"/>
   <viewModalPage ref="viewModal"/>
+  <fwdtModalPage ref="fwdtModal"/>
 </template>
 <script setup lang="ts">
 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 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'
@@ -53,6 +56,7 @@ enum Api {
 
 const tingKeZuJiAddModal = ref();
 const viewModal = ref();
+const fwdtModal = ref();
 
 const props = defineProps({
   queryParam: { type: Object, default: () => ({}) },
@@ -74,6 +78,7 @@ function init() {
   console.log('init');
   listApi({ userid: getUserId(), tingketime: getSysConfig().bxqkssj, ...props.queryParam }).then(res => {
     list.value = res ?? [];
+    console.log(`🚀 ~ file: list.vue:81 ~ listApi ~ list:`, list)
   });
 }