From 05315a97263a15ac5882f128be98018d61453795 Mon Sep 17 00:00:00 2001
From: yangjun <1173114630@qq.com>
Date: Sat, 3 Jun 2023 12:09:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/kc/kcZzThpjb/KcZzThpjb.data.ts | 155 ++++++++++++++---------
 src/views/site/tingKeZuJi/index.vue      |  11 +-
 src/views/site/tingKeZuJi/listPkzj.vue   | 109 ++++++++++++++++
 3 files changed, 208 insertions(+), 67 deletions(-)
 create mode 100644 src/views/site/tingKeZuJi/listPkzj.vue

diff --git a/src/views/kc/kcZzThpjb/KcZzThpjb.data.ts b/src/views/kc/kcZzThpjb/KcZzThpjb.data.ts
index 3a2f135..7bc51b7 100644
--- a/src/views/kc/kcZzThpjb/KcZzThpjb.data.ts
+++ b/src/views/kc/kcZzThpjb/KcZzThpjb.data.ts
@@ -48,86 +48,117 @@ export const columns: BasicColumn[] = [
     sorter: true,
     dataIndex: 'pjsj'
   },
+
   {
-    title: '1.具有教育理想、敬业精神和教学追求，热爱学生、学科和教学工作。',
+    title: '教学理解',
     align: "center",
-    dataIndex: 'ans1_dictText'
+    dataIndex: 'jxlj'
   },
   {
-    title: '2.掌握所教学科必需的专业与教学知识。具备所教学科的教学设计、实施、评价、反思和研究能力。',
+    title: '教学态度',
     align: "center",
-    dataIndex: 'ans2_dictText'
+    dataIndex: 'jxtd'
   },
   {
-    title: '3.把握学生身心发展规律与特点，尊重学生主体性与差异性。',
+    title: '教学过程',
     align: "center",
-    dataIndex: 'ans3_dictText'
+    dataIndex: 'jxgc'
   },
   {
-    title: '4.立德树人，为人师表，语言规范，情绪饱满，思想积极向上',
+    title: '教学效果',
     align: "center",
-    dataIndex: 'ans4_dictText'
+    dataIndex: 'jxxg'
   },
   {
-    title: '5.执行教学计划，遵守教学纪律，严谨从教',
+    title: '教学特殊',
     align: "center",
-    dataIndex: 'ans5_dictText'
+    dataIndex: 'jxts'
   },
   {
-    title: '6.系统规划和设计教学活动，合理确定教学目标和教学内容的重难点，选择合适的教学方法、教学媒体和教学形式',
+    title: '总分',
     align: "center",
-    dataIndex: 'ans6_dictText'
-  },
-  {
-    title: '7.清晰讲解课程内容，恰当解释知识中蕴含的本源性思想和学科方法，适时引导学生关注课程领域发展新动态。',
-    align: "center",
-    dataIndex: 'ans7_dictText'
-  },
-  {
-    title: '8.启发学生思考，鼓励学生发现、提出问题，恰当给予回应和引导。',
-    align: "center",
-    dataIndex: 'ans8_dictText'
-  },
-  {
-    title: '9.监控教学过程，富有教学机智，教学体现生成性。',
-    align: "center",
-    dataIndex: 'ans9_dictText'
-  },
-  {
-    title: '10.运用多元评价方式，了解学习状况，诊断学习问题，及时反馈',
-    align: "center",
-    dataIndex: 'ans10_dictText'
-  },
-  {
-    title: '11.学习认真积极，踊跃参与课堂活动，体会课程学习的挑战与乐趣，感悟课程的意义与价值。',
-    align: "center",
-    dataIndex: 'ans11_dictText'
-  },
-  {
-    title: '12.掌握所学课程的基本概念与原理，理解课程的知识结构与思想体系，了解所学知识的运用情境、策略和方法。',
-    align: "center",
-    dataIndex: 'ans12_dictText'
-  },
-  {
-    title: '13.遵循教学一般规律，具有鲜明的创新意识和个性风貌。',
-    align: "center",
-    dataIndex: 'ans13_dictText'
-  },
-  {
-    title: '14.尊重学科本质属性，凸显学科育人价值，注重培养学科核心素养。',
-    align: "center",
-    dataIndex: 'ans14_dictText'
-  },
-  {
-    title: '15.课堂教学蕴含理性美，具有教学魅力，体现教学艺术性。',
-    align: "center",
-    dataIndex: 'ans15_dictText'
-  },
-  {
-    title: '16.你对该课程的总体评价情况，5分是满分，您给打几分？',
-    align: "center",
-    dataIndex: 'ans16_dictText'
+    dataIndex: 'zf'
   },
+  // {
+  //   title: '1.具有教育理想、敬业精神和教学追求，热爱学生、学科和教学工作。',
+  //   align: "center",
+  //   dataIndex: 'ans1_dictText'
+  // },
+  // {
+  //   title: '2.掌握所教学科必需的专业与教学知识。具备所教学科的教学设计、实施、评价、反思和研究能力。',
+  //   align: "center",
+  //   dataIndex: 'ans2_dictText'
+  // },
+  // {
+  //   title: '3.把握学生身心发展规律与特点，尊重学生主体性与差异性。',
+  //   align: "center",
+  //   dataIndex: 'ans3_dictText'
+  // },
+  // {
+  //   title: '4.立德树人，为人师表，语言规范，情绪饱满，思想积极向上',
+  //   align: "center",
+  //   dataIndex: 'ans4_dictText'
+  // },
+  // {
+  //   title: '5.执行教学计划，遵守教学纪律，严谨从教',
+  //   align: "center",
+  //   dataIndex: 'ans5_dictText'
+  // },
+  // {
+  //   title: '6.系统规划和设计教学活动，合理确定教学目标和教学内容的重难点，选择合适的教学方法、教学媒体和教学形式',
+  //   align: "center",
+  //   dataIndex: 'ans6_dictText'
+  // },
+  // {
+  //   title: '7.清晰讲解课程内容，恰当解释知识中蕴含的本源性思想和学科方法，适时引导学生关注课程领域发展新动态。',
+  //   align: "center",
+  //   dataIndex: 'ans7_dictText'
+  // },
+  // {
+  //   title: '8.启发学生思考，鼓励学生发现、提出问题，恰当给予回应和引导。',
+  //   align: "center",
+  //   dataIndex: 'ans8_dictText'
+  // },
+  // {
+  //   title: '9.监控教学过程，富有教学机智，教学体现生成性。',
+  //   align: "center",
+  //   dataIndex: 'ans9_dictText'
+  // },
+  // {
+  //   title: '10.运用多元评价方式，了解学习状况，诊断学习问题，及时反馈',
+  //   align: "center",
+  //   dataIndex: 'ans10_dictText'
+  // },
+  // {
+  //   title: '11.学习认真积极，踊跃参与课堂活动，体会课程学习的挑战与乐趣，感悟课程的意义与价值。',
+  //   align: "center",
+  //   dataIndex: 'ans11_dictText'
+  // },
+  // {
+  //   title: '12.掌握所学课程的基本概念与原理，理解课程的知识结构与思想体系，了解所学知识的运用情境、策略和方法。',
+  //   align: "center",
+  //   dataIndex: 'ans12_dictText'
+  // },
+  // {
+  //   title: '13.遵循教学一般规律，具有鲜明的创新意识和个性风貌。',
+  //   align: "center",
+  //   dataIndex: 'ans13_dictText'
+  // },
+  // {
+  //   title: '14.尊重学科本质属性，凸显学科育人价值，注重培养学科核心素养。',
+  //   align: "center",
+  //   dataIndex: 'ans14_dictText'
+  // },
+  // {
+  //   title: '15.课堂教学蕴含理性美，具有教学魅力，体现教学艺术性。',
+  //   align: "center",
+  //   dataIndex: 'ans15_dictText'
+  // },
+  // {
+  //   title: '16.你对该课程的总体评价情况，5分是满分，您给打几分？',
+  //   align: "center",
+  //   dataIndex: 'ans16_dictText'
+  // },
 ];
 
 //查询数据
diff --git a/src/views/site/tingKeZuJi/index.vue b/src/views/site/tingKeZuJi/index.vue
index 6a1b87c..43f3ad2 100644
--- a/src/views/site/tingKeZuJi/index.vue
+++ b/src/views/site/tingKeZuJi/index.vue
@@ -1,7 +1,7 @@
 <template>
   <a-row class="rowGutter" id="tkzjDom">
-    <a-col :span="12">
-      <a-card>
+    <a-col :xs="{ span: 24 }" :sm="{ span: 12 }" :lg="{ span: 12 }" style="padding: 0 2px 0 0;">
+      <a-card style="height: 575px;">
         <template #title>
           <span style="font-size: 24px;font-weight: bold;">听课足迹</span>
           <!-- <span style="margin-left: 10px;"><a href="javascript:void(0);" @click="addPingJia">新增评价</a></span> -->
@@ -12,8 +12,8 @@
         <listPage :queryParam="{ pageSize: 5 }"/>
       </a-card>
     </a-col>
-    <a-col :span="12">
-      <a-card>
+    <a-col :xs="{ span: 24 }" :sm="{ span: 12 }" :lg="{ span: 12 }" style="padding: 0 0 0 2px;">
+      <a-card style="height: 575px;">
         <template #title>
           <span style="font-size: 24px;font-weight: bold;">评课足迹</span>
           <!-- <span style="margin-left: 10px;"><a href="javascript:void(0);" @click="addPingJia">新增评价</a></span> -->
@@ -21,13 +21,14 @@
         <template #extra>
           <RouterLink target='_blank' to="/site/tingKeZuJiMore">查看更多</RouterLink>
         </template>
-        <listPage :queryParam="{ pageSize: 5 }"/>
+        <listPkzjPage :queryParam="{ pageSize: 5 ,score:'1'}"/>
       </a-card>
     </a-col>
   </a-row>
 </template>
 <script setup lang="ts">
 import listPage from '/@/views/site/tingKeZuJi/list.vue';
+import listPkzjPage from '/@/views/site/tingKeZuJi/listPkzj.vue';
 
 function addPingJia(){
   //新增评价
diff --git a/src/views/site/tingKeZuJi/listPkzj.vue b/src/views/site/tingKeZuJi/listPkzj.vue
new file mode 100644
index 0000000..ddacf25
--- /dev/null
+++ b/src/views/site/tingKeZuJi/listPkzj.vue
@@ -0,0 +1,109 @@
+<template>
+  <!-- <a-list item-layout="horizontal" :data-source="list" :grid="{ gutter: 16, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: 3, xxxl: 2 }"> -->
+  <a-list item-layout="horizontal" :data-source="list">
+    <template #renderItem="{ item }">
+      <a-list-item>
+        <a-list-item-meta>
+          <template #title>
+            <div class="wenZiJiaCu fs1d1r">
+              听了&nbsp;{{ item.kkdw }}&nbsp;{{item.skjs}}&nbsp;主讲的&nbsp;《{{ item.kcmc }}》
+            </div>
+          </template>
+          <template #description>
+            <!-- -{{ item }}- -->
+            <div class="wenZiJiaCu">
+              <span v-if="item.score" class="hand" style="color: #337ab7;" @click="viewModal.view(item)">已评分：{{ item.score }}分</span>
+              
+              <span v-if="item.source != null"  class="hand" style="padding-left: .5rem;color: #337ab7;">【</span>
+              <span v-if="item.source=='0'"  class="hand" style="padding-left: .5rem;color: #337ab7;">课程中心</span>
+              <span v-else-if="item.source=='1'"  class="hand" style="padding-left: .5rem;color: #337ab7;">老系统</span>
+              <span v-else-if="item.source=='2'"  class="hand" style="padding-left: .5rem;color: #337ab7;">政务大厅</span>
+              <span v-else-if="item.source=='3'"  class="hand" style="padding-left: .5rem;color: #337ab7;">纸质评价</span>
+              <span v-if="item.source != null"  class="hand" style="padding-left: .5rem;color: #337ab7;">--</span>
+              <span v-if="item.evaluationver=='1'"  class="hand" style="padding-left: .5rem;color: #337ab7;">原始数据</span>
+              <span v-else-if="item.evaluationver=='2'"  class="hand" style="padding-left: .5rem;color: #337ab7;">线上听课</span>
+              <span v-else-if="item.evaluationver=='3'"  class="hand" style="padding-left: .5rem;color: #337ab7;">听课记录</span>
+              <span v-else-if="item.evaluationver=='4'"  class="hand" style="padding-left: .5rem;color: #337ab7;">同行专家</span>
+              <span v-if="item.source != null"  class="hand" style="padding-left: .5rem;color: #337ab7;">】</span>
+            </div>
+          </template>
+          <template #avatar>
+            <div class="wenZiJuZhong">
+              <!-- <TeamOutlined/> -->
+              <i class="fas fa-users" />
+              <div>{{ item.shijian }}</div>
+              <div style="color: #1ab394;">{{ item.tkrq }}</div>
+            </div>
+          </template>
+        </a-list-item-meta>
+      </a-list-item>
+    </template>
+  </a-list>
+  <addModalPage ref="tingKeZuJiAddModal"/>
+  <viewModalPage ref="viewModal"/>
+  <fwdtModalPage ref="fwdtModal"/>
+</template>
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { TeamOutlined, FormOutlined } from '@ant-design/icons-vue';
+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'
+}
+
+const tingKeZuJiAddModal = ref();
+const viewModal = ref();
+const fwdtModal = ref();
+
+const props = defineProps({
+  queryParam: { type: Object, default: () => ({}) },
+});
+
+
+/**
+ * 列表接口
+ * @param params
+ */
+const listApi = (params) => defHttp.get({ url: Api.list, params });
+
+const list = ref<any>([]);
+onMounted(() => {
+  init();
+});
+
+function init() {
+  console.log('init');
+  listApi({ userid: getUserId(),pj:'1', tingketime: getSysConfig().bxqkssj, ...props.queryParam }).then(res => {
+    list.value = res ?? [];
+  });
+}
+
+function onSearch() {
+  init();
+}
+
+defineExpose({
+  onSearch
+});
+
+</script>
+<style lang="less" scoped>
+.wenZiJuZhong {
+  text-align: center;
+}
+.wenZiJiaCu {
+  font-weight: 700;
+}
+.fs1d1r {
+  font-size: 1.1rem;
+}
+.hand {
+  cursor:pointer;
+}
+
+</style>
\ No newline at end of file