2023年10月29日 修改页面统计细腻系

This commit is contained in:
bai 2023-10-29 01:04:22 +08:00
parent 5cb9daa033
commit 04d92cf523
1 changed files with 21 additions and 9 deletions

View File

@ -63,7 +63,7 @@
</a-col>
<a-col :xs="{ span: 6 }" :sm="{ span: 6 }" :lg="{ span: 6 }">
<div class="numberBlob handleCss" @click="openDetail({ onLineClassType: 'green' })">
<div class="numSpan blue">{{ (leftList.filter(x => x?.child['教师近景']?.isOnLine).length || 0) }}</div>
<div class="numSpan blue">{{ (leftList.filter(x => x?.nowIsClass && x?.child['教师近景']?.isOnLine).length || 0) }}</div>
<div class="numberName">
<!-- <RiseOutlined class="orange"/> -->
正在直播
@ -72,7 +72,7 @@
</a-col>
<a-col :xs="{ span: 6 }" :sm="{ span: 6 }" :lg="{ span: 6 }">
<div class="numberBlob handleCss" @click="openDetail({ onLineClassType: 'red' })">
<div class="numSpan orange">{{ (leftList.filter(x => !x?.child['教师近景']?.isOnLine).length || 0) }}</div>
<div class="numSpan orange">{{ (leftList.filter(x => x?.nowIsClass && !x?.child['教师近景']?.isOnLine).length || 0) }}</div>
<div class="numberName">
<!-- <RiseOutlined class="orange"/> -->
直播异常
@ -90,8 +90,11 @@
<div class="" style="padding: 1rem;">
<a-row :gutter="[16,16]">
<a-col :span="6" v-for="(item,index) of cardList" :key="index">
<a-card bordered hoverable @click="() => (currentCardIndex = index,searchReset())" :class="currentCardIndex == index?'active':''">
<div style="font-size: 15px;font-weight: 600;margin-bottom: 10px;">{{ item.jxlName }}</div>
<!-- <a-card bordered hoverable @click="() => (currentCardIndex = index,searchReset())" :class="currentCardIndex == index?'active':''"> -->
<a-card bordered >
<template #title>
<div style="font-size: 15px;font-weight: 600;margin-bottom: 10px;">{{ item.jxlName }}</div>
</template>
<a-row style="margin-bottom: 10px;text-align: center;border-bottom: 1px #f0f0f0 solid ;padding-bottom: 10px;">
<a-col :span="8" style="font-weight: 600;" @click="openDetail({ jxlName: item.jxlName})">{{ item.jsNum }}</a-col>
<a-col :span="8" style="font-weight: 600;" @click="openDetail({ jxlName: item.jxlName, sfyx: '0'})">{{ item.child.length }}</a-col>
@ -102,8 +105,8 @@
</a-row>
<a-row style="text-align: center;">
<a-col :span="8" style="font-weight: 600;" @click="openDetail({ jxlName: item.jxlName, nowIsClass: true})">{{ item.child.filter(x => x?.nowIsClass).length || 0}}</a-col>
<a-col :span="8" style="font-weight: 600;" @click="openDetail({ jxlName: item.jxlName, onLineClassType: 'green'})">{{ item.child.filter(x => x?.child['教师近景']?.isOnLine).length || 0}}</a-col>
<a-col :span="8" style="font-weight: 600;" @click="openDetail({ jxlName: item.jxlName, onLineClassType: 'red'})">{{ item.child.filter(x => !x?.child['教师近景']?.isOnLine).length || 0 }}</a-col>
<a-col :span="8" style="font-weight: 600;" @click="openDetail({ jxlName: item.jxlName, onLineClassType: 'green'})">{{ item.child.filter(x => x?.nowIsClass && x?.child['教师近景']?.isOnLine).length || 0}}</a-col>
<a-col :span="8" style="font-weight: 600;" @click="openDetail({ jxlName: item.jxlName, onLineClassType: 'red'})">{{ item.child.filter(x => x?.nowIsClass && !x?.child['教师近景']?.isOnLine).length || 0 }}</a-col>
<a-col :span="8" @click="openDetail({ jxlName: item.jxlName, nowIsClass: true})">正在上课</a-col>
<a-col :span="8" @click="openDetail({ jxlName: item.jxlName, onLineClassType: 'green'})">正在直播</a-col>
<a-col :span="8" @click="openDetail({ jxlName: item.jxlName, onLineClassType: 'red'})">直播异常</a-col>
@ -119,7 +122,11 @@
<a-col :lg="4">
<a-form-item label="教学楼">
<!-- <j-dict-select-tag placeholder="请选择教室" v-model:value="queryParam.xqxn" dictCode="kc_xqxn_history,title,title"/> -->
<a-input placeholder="请输入" v-model:value="queryParam.jxlName"/>
<!-- <a-input placeholder="请输入" v-model:value="queryParam.jxlName"/> -->
<a-select placeholder="请选择" v-model:value="queryParam.jxlName">
<a-select-option :value="undefined">全部</a-select-option>
<a-select-option v-for="(jxl,jxlIndex) in cardList" :key="jxlIndex" :value="jxl.jxlName">{{jxl.jxlName}}</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :lg="4">
@ -233,7 +240,7 @@
<!-- 5.开放听课?? -->
<a-table-column title="直播状态" align="center" data-index="child_教师近景">
<template #default="{ record }">
<span :class="getIsOnLineClass(record)">
<span :class="getIsOnLineClass(record)" :title="onLineTitle[getIsOnLineClass(record)]">
<i class="fas fa-circle" />
</span>
</template>
@ -341,6 +348,12 @@ const { createMessage, createInfoModal, createErrorModal } = useMessage();
const route = useRouter();
const queryParam:Ref<any> = ref({});
const onLineTitle:Ref<any> = ref({
'green':'直播正常',
'yellow':'部分异常',
'red':'设备异常',
});
onMounted(() => {
loadData();
});
@ -743,7 +756,6 @@ function filterDataSource() {
console.log('->',qw, qw.nowIsClass);
list.forEach(x => {
let isReturn = true;
if(qw.jxlName){