2023年6月19日 添加足迹

src/router/routes/modules/site/site.ts

@@ -41,6 +41,15 @@ const site: AppRouteModule = {
         title: '听课足迹',
       },
     },
+    {
+      path: 'pingKeZuJiMore',
+      name: 'pingKeZuJiMore',
+      component: () => import('/@/views/site/tingKeZuJi/pkMore.vue'),
+      meta: {
+        // affix: true,
+        title: '评课足迹',
+      },
+    },
     {
       path: 'yuyuekechengMore',
       name: 'yuyuekechengMore',

src/views/site/tingKeZuJi/index.vue

@@ -22,7 +22,7 @@
         </template>
         <template #extra>
           <a style="padding-right: 0.5rem;" @click="reloadPkzj()">刷新</a>
-          <RouterLink to="/site/tingKeZuJiMore">查看更多</RouterLink>
+          <RouterLink to="/site/pingKeZuJiMore">查看更多</RouterLink>
         </template>
         <listPkzjPage :queryParam="{ pageSize: 3 ,score:'1', ...pkzjParam }"/>
       </a-card>

src/views/site/tingKeZuJi/pkMore.vue

@@ -0,0 +1,130 @@
+<template>
+  <div id="siteMain">
+    <div id="maxSite">
+      <a-layout>
+        <!-- 页头 -->
+        <headerPage/>
+        <!-- 主体部分 -->
+        <a-layout-content>
+
+          <a-card style="min-height: calc(100vh - 68px * 2);">
+            <div style="font-size: 24px;font-weight: bold;height: 70px;">评课足迹
+            <span>（{{getSysConfig().flag1}}， {{dateFormat(getSysConfig().bxqkssj, 'MM月dd日')}} 至 {{dateFormat(getSysConfig().bxqjssj, 'MM月dd日')}}）</span>
+            </div>
+            <a-row :gutter="[16,16]">
+              <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 4 }">
+                <a-date-picker placeholder="请选择开始日期" format="YYYY-MM-DD" valueFormat="YYYY-MM-DD" v-model:value="queryParam.startDate" style="width: 100%" />
+              </a-col>
+              <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 4 }">
+                <a-date-picker placeholder="请选择结束日期" format="YYYY-MM-DD" valueFormat="YYYY-MM-DD" v-model:value="queryParam.endDate" style="width: 100%" />
+              </a-col>
+              <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 4 }" class="dictBox">
+                <j-dict-select-tag v-model:value="queryParam.kkdw" dictCode="kc_kkdw_view,kkdw,kkdw" placeholder="请选择院系" style="width: 100%;"/>
+              </a-col>
+              <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 4 }" class="dictBox">
+                <j-dict-select-tag v-model:value="queryParam.hh" :dictCode="`kc_jieci_view,jieciname,jieci`" placeholder="请选择节次" style="width: 100%;"/>
+              </a-col>
+              <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 4 }">
+                <a-select style="width: 100%;" v-model:value="queryParam.pj">
+                  <a-select-option value="">全部</a-select-option>
+                  <a-select-option value="0">未评价</a-select-option>
+                  <a-select-option value="1">已评价</a-select-option>
+                </a-select>
+              </a-col>
+              <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 4 }">
+                <!-- <a-input placeholder="输入课程名或教师名……" v-model:value="queryParam.searchInput" style="width: 100%" /> -->
+                <a-input-search v-model:value="queryParam.searchInput" placeholder="输入课程名或教师名……" enter-button @search="onSearch"/>
+
+              </a-col>
+            </a-row>
+            <a-divider class="divider"/>
+            <a-row>
+              <a-col :span="24">
+                <listPkzjPage ref="listRef" :queryParam="queryParam"/>
+              </a-col>
+            </a-row>
+          </a-card>
+        </a-layout-content>
+          <!-- 页尾 -->
+          <footerPage/>
+      </a-layout>
+    </div>
+  </div>
+</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 listPkzjPage from '/@/views/site/tingKeZuJi/listPkzj.vue';
+import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
+import { getSysConfig } from '/@/views/site/utils/index';
+import { dateFormat } from '/@/utils/common/compUtils';
+
+const queryParam = ref<any>({ startDate: getSysConfig().bxqkssj, endDate: '',score: '1', pj: '', pageSize: -1 });
+
+//进入就加载
+onMounted(() => {
+  const format = 'yyyy-MM-dd';
+  queryParam.value.endDate = dateFormat(new Date(), format)
+  onSearch()
+});
+const listRef = ref();
+
+function onSearch(){
+  listRef.value.onSearch();
+}
+
+</script>
+<style lang="less" scoped>
+#siteMain {
+  // font-size: ;
+  // height: 100%;
+  background: #f3f3f4;
+  #maxSite {
+    //最大宽度
+    max-width: 1170px;
+    //居中
+    margin: 0 auto;
+    .rowGutter{
+      margin-top: 1rem;
+      margin-bottom: 1rem;
+    }
+
+    .ant-layout-header {
+      color: #fff;
+      background: #1ab394;
+    }
+    .ant-layout-footer {
+      line-height: 1.5;
+      background: #FFF;
+    }
+    .ant-layout-sider {
+      color: #fff;
+      line-height: 120px;
+      background: #3ba0e9;
+    }
+    .ant-layout-content {
+      min-height: 120px;
+      color: #000;
+      line-height: 120px;
+      background: #f3f3f4;
+    }
+    .dictBox :deep(.ant-select) {
+      width: 100%;
+    }
+  }
+
+}
+/**暗黑模式特殊配色*/
+[data-theme='dark'] #siteMain #maxSite {
+  .ant-layout-header, .ant-layout-footer {
+    background: #6aa0c7;
+  }
+  .ant-layout-content {
+    background: #107bcb;
+  }
+  .ant-layout-sider {
+    background: #3499ec;
+  }
+}
+</style>