yangjun
/
dbsd_kczx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

2023年6月19日 添加足迹

This commit is contained in:
bai 2023-06-19 11:30:36 +08:00
parent 32f3549549
commit cd99ca341c
3 changed files with 140 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/router/routes/modules/site/site.ts
View File

@ -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',

2
src/views/site/tingKeZuJi/index.vue
View File

@ -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>

130
src/views/site/tingKeZuJi/pkMore.vue Normal file
View File

@ -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>