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

Merge branch 'master' of https://gitee.com/mini-org-project/course_information_center_vue

This commit is contained in:
bai 2023-10-22 20:26:22 +08:00
parent 99f5cf3a5e 0d12846480
commit bc306c2d97
1 changed files with 24 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/views/kc/jiaoshi/index.vue
View File

@ -3,7 +3,7 @@
<div class="" style="padding: 1rem 1rem 0 1rem;">
<a-row :gutter="[16,16]">
<a-col :span="12">
<a-col :span="10">
<a-card class="cardDiv" title="教室情况">
<!-- -<i class="fa-sharp fa-solid fa-user"></i>- -->
<a-row class="" :gutter="[16,16]">
@ -27,10 +27,10 @@
</a-col>
<a-col :xs="{ span: 8 }" :sm="{ span: 8 }" :lg="{ span: 8 }">
<div class="numberBlob handleCss">
<div class="numSpan orange">{{ getSysConfig().flag5 == 0?'否':'是' }}</div>
<div class="numSpan orange" style="font-size: 24px;height: 50px;line-height: 50px;">未检测</div>
<div class="numberName">
<!-- <RiseOutlined class="orange"/> -->
开放听课
直播异常
</div>
</div>
</a-col>
@ -39,11 +39,11 @@
<!-- <div class="buttomDiv"></div> -->
</a-card>
</a-col>
<a-col :span="12">
<a-card class="cardDiv" title="直播情况">
<a-col :span="14">
<a-card class="cardDiv" title="上课情况">
<!-- -<i class="fa-sharp fa-solid fa-user"></i>- -->
<a-row class="" :gutter="[16,16]">
<a-col :xs="{ span: 8 }" :sm="{ span: 8 }" :lg="{ span: 8 }">
<a-col :xs="{ span: 6 }" :sm="{ span: 6 }" :lg="{ span: 6 }">
<div class="numberBlob handleCss" @click="() => queryParam = {}">
<div class="numSpan">{{ (leftList.filter(x => x?.nowIsClass).length || 0) }}</div>
<div class="numberName">
@ -52,7 +52,16 @@
</div>
</div>
</a-col>
<a-col :xs="{ span: 8 }" :sm="{ span: 8 }" :lg="{ span: 8 }">
<a-col :xs="{ span: 6 }" :sm="{ span: 6 }" :lg="{ span: 6 }">
<div class="numberBlob handleCss">
<div class="numSpan orange" style="font-size: 24px;height: 50px;line-height: 50px;">{{ getSysConfig().flag5 == 0?'否':'是' }}</div>
<div class="numberName">
<!-- <RiseOutlined class="orange"/> -->
开放听课
</div>
</div>
</a-col>
<a-col :xs="{ span: 6 }" :sm="{ span: 6 }" :lg="{ span: 6 }">
<div class="numberBlob handleCss" @click="() => queryParam = {}">
<div class="numSpan blue">{{ (leftList.filter(x => x?.child['教师近景']?.isOnLine).length || 0) }}</div>
<div class="numberName">
@ -61,7 +70,7 @@
</div>
</div>
</a-col>
<a-col :xs="{ span: 8 }" :sm="{ span: 8 }" :lg="{ span: 8 }">
<a-col :xs="{ span: 6 }" :sm="{ span: 6 }" :lg="{ span: 6 }">
<div class="numberBlob handleCss">
<div class="numSpan orange">{{ (leftList.filter(x => !x?.child['教师近景']?.isOnLine).length || 0) }}</div>
<div class="numberName">
@ -83,21 +92,21 @@
<a-col :span="6" v-for="(item,index) of cardList" :key="index">
<a-card bordered hoverable @click="() => currentCardIndex = index" :class="currentCardIndex == index?'active':''">
<div style="font-size: 15px;font-weight: 600;margin-bottom: 10px;">{{ item.jxlName }}</div>
<a-row style="margin-bottom: 10px;text-align: center;">
<a-col :span="8">总数</a-col>
<a-col :span="8">可直播</a-col>
<a-col :span="8">数量</a-col>
<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;">{{ item.jsNum }}</a-col>
<a-col :span="8" style="font-weight: 600;">{{ item.child.length }}</a-col>
<a-col :span="8" style="font-weight: 600;">{{ item.child.filter(x => x.allIsOnLine == 4).length || 0 }}</a-col>
<a-col :span="8">总数</a-col>
<a-col :span="8">可直播</a-col>
<a-col :span="8">数量</a-col>
</a-row>
<a-row style="text-align: center;">
<a-col :span="8">正在上课</a-col>
<a-col :span="8">正在直播</a-col>
<a-col :span="8">直播异常</a-col>
<a-col :span="8" style="font-weight: 600;">{{ item.child.filter(x => x?.nowIsClass).length || 0}}间</a-col>
<a-col :span="8" style="font-weight: 600;">{{ item.child.filter(x => x?.child['教师近景']?.isOnLine).length || 0}}间</a-col>
<a-col :span="8" style="font-weight: 600;">{{ item.child.filter(x => !x?.child['教师近景']?.isOnLine).length || 0 }}间</a-col>
<a-col :span="8">正在上课</a-col>
<a-col :span="8">正在直播</a-col>
<a-col :span="8">直播异常</a-col>
</a-row>
</a-card>
</a-col>