dbsd_kczx/src/views/kc/tktj/zxdt/zxdt.vue

75 lines
2.4 KiB
Vue
Raw Normal View History

2023-04-01 18:17:41 +08:00
<template>
<div class="tktjClass">
<a-row>
<a-col :span="24"><strong style="font-size: 16px;margin-left: 20px;">最新动态</strong></a-col>
<a-col :span="24"><p style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;margin-top: 5px;"></p></a-col>
2023-04-10 21:26:47 +08:00
<a-col :span="24" style="text-align: center;" v-show="listData.length==0"><strong style="font-size: 16px;margin-left: 20px;margin-top: 10px;">暂无数据</strong></a-col>
<a-col :span="24" v-show="listData.length>0">
<div style="height: 330px;overflow-y: auto;">
<div style="font-size: 16px;margin-left: 20px;margin-top: 10px;" v-for="(item,index) in listData">
<div v-if="item.type == '1'">
{{item.username}},{{item.kkdw}}的课程
</div>
<div v-else-if="item.type == '2'">
{{item.username}}{{item.kkdw}} 主讲{{item.kcmc}}提交了错误报告
</div>
</div>
</div>
<div style="text-align: center;margin-top: 10px;" v-show="pageNo>0">
<a @click="funMore">更多</a>
</div>
</a-col>
2023-04-01 18:17:41 +08:00
</a-row>
</div>
</template>
<script lang="ts" name="kcTingke-zxdt" setup>
2023-04-10 21:26:47 +08:00
import { ref, reactive, onMounted } from 'vue';
import { defHttp } from '/@/utils/http/axios';
enum Api {
list = '/kcTingke/kcTingke/getHtindexTkmxlist',
}
2023-04-01 18:17:41 +08:00
2023-04-10 21:26:47 +08:00
const list = (params) => defHttp.get({ url: Api.list, params });
2023-04-01 18:17:41 +08:00
2023-04-10 21:26:47 +08:00
const queryParam = ref<any>({});
let listData = ref<any>([]);
let lslist = ref<any>([]);
let pageKs = ref<any>(0);
let pageJs = ref<any>(5);
let pageNo = ref<any>(1);
//进入就加载
onMounted(() => {
queryParam.value.skrq = '2023-02-19'
queryParam.value.pageKs = pageKs.value
queryParam.value.pageJs = pageJs.value
loadData()
});
function funMore(){
let djy = pageNo.value
queryParam.value.pageKs = djy*5
queryParam.value.pageJs = pageJs.value
console.log(`🚀 ~ file: zxdt.vue:55 ~ funMore ~ queryParam:`, queryParam)
loadData()
}
function loadData(){
list(queryParam.value).then(res => {
lslist = res
console.log(`🚀 ~ file: zxdt.vue:31 ~ list ~ lslist:`, lslist)
if(lslist.length==5){
pageNo.value++;
} else{
pageNo.value = 0;
}
listData.value.push(...lslist)
console.log(`🚀 ~ file: zxdt.vue:43 ~ list ~ listData:`, listData)
})
}
2023-04-01 18:17:41 +08:00
</script>
<style lang="less" scoped>
</style>