127 lines
4.4 KiB
Vue
127 lines
4.4 KiB
Vue
<template>
|
|
<div class="tktjClass">
|
|
<a-tabs v-model:activeKey="activeKey">
|
|
<a-tab-pane key="1" tab="最新动态">
|
|
<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> -->
|
|
<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: 305px;overflow-y: auto;">
|
|
<div style="font-size: 14px;margin-left: 20px;margin-top: 10px;line-height: 20px;" v-for="(item,index) in listData" :key="index">
|
|
<div v-if="item.type == '1'">
|
|
<i class="fas fa-users green" /> {{item.username}},听了 {{item.kkdw}} 的课程。
|
|
<p style="font-size: 10px;"><i class="fas fa-history" /> {{item.tingketime}}</p>
|
|
</div>
|
|
<div v-else-if="item.type == '2'">
|
|
<i class="fas fa-debug" /> {{item.username}}对{{item.kkdw}} 主讲《{{item.kcmc}}》提交了错误报告。
|
|
<p style="font-size: 10px;"><i class="fas fa-history" /> {{item.tingketime}}</p>
|
|
</div>
|
|
<a-divider style="margin:12px 0;"/>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="text-align: center;margin-top: 10px;" v-show="pageNo>0">
|
|
<a @click="funMore">更多</a>
|
|
</div>
|
|
</a-col>
|
|
|
|
</a-row></a-tab-pane>
|
|
<a-tab-pane key="2" tab="活跃信息" force-render>
|
|
<a-row>
|
|
<a-col :span="24" style="text-align: center;" v-show="listLogData.length==0"><strong style="font-size: 16px;margin-left: 20px;margin-top: 10px;">暂无数据</strong></a-col>
|
|
<a-col :span="24" v-show="listLogData.length>0">
|
|
<div style="height: 305px;overflow-y: auto;">
|
|
<div style="font-size: 14px;margin-left: 20px;margin-top: 10px;line-height: 20px;" v-for="(item,index) in listLogData" :key="index">
|
|
<div>
|
|
<i class="fas fa-users green" /> {{item.logContent}}
|
|
<p style="font-size: 10px;"><i class="fas fa-history" /> {{item.createTime}}</p>
|
|
</div>
|
|
<a-divider style="margin:12px 0;"/>
|
|
</div>
|
|
</div>
|
|
<div style="text-align: center;margin-top: 10px;" v-show="pageNo>0">
|
|
<a @click="handlLoginLog">统计</a>
|
|
</div>
|
|
</a-col>
|
|
</a-row>
|
|
</a-tab-pane>
|
|
</a-tabs>
|
|
|
|
<BlLoginLogModal ref="BlLoginLogModalPage"/>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" name="kcTingke-zxdt" setup>
|
|
import { ref, reactive, onMounted } from 'vue';
|
|
import { defHttp } from '/@/utils/http/axios';
|
|
import { getSysConfig } from '/@/views/site/utils/index';
|
|
import BlLoginLogModal from '/@/views/kc/blLoginLog/BlLoginLogModal.vue'
|
|
|
|
|
|
|
|
enum Api {
|
|
list = '/kcTingke/kcTingke/getHtindexTkmxlist',
|
|
}
|
|
|
|
const list = (params) => defHttp.get({ url: Api.list, params });
|
|
|
|
const queryParam = ref<any>({});
|
|
let listData = ref<any>([]);
|
|
let listLogData = ref<any>([]);
|
|
let lslist = ref<any>([]);
|
|
let pageKs = ref<any>(0);
|
|
let pageJs = ref<any>(5);
|
|
let pageNo = ref<any>(1);
|
|
let activeKey = ref<any>('1');
|
|
const BlLoginLogModalPage = ref();
|
|
//进入就加载
|
|
onMounted(() => {
|
|
queryParam.value.skrq = getSysConfig().bxqkssj
|
|
queryParam.value.pageKs = pageKs.value
|
|
queryParam.value.pageJs = pageJs.value
|
|
loadData();
|
|
loadLogData();
|
|
});
|
|
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 handlLoginLog(){
|
|
BlLoginLogModalPage.value.disableSubmit = true;
|
|
BlLoginLogModalPage.value.add();
|
|
}
|
|
|
|
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)
|
|
})
|
|
}
|
|
|
|
function loadLogData(){
|
|
defHttp.get({url:'/blLoginLog/blLoginLog/list',params:{pageNo:1,pageSize:5}}).then(res=>{
|
|
console.log(`🚀 ~ defHttp.get ~ res:`, res.records)
|
|
listLogData.value = res.records;
|
|
})
|
|
}
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
.green {
|
|
color: #1ab394;
|
|
}
|
|
</style>
|