样式修改
This commit is contained in:
parent
7404cb43a5
commit
65bf39cde5
|
@ -3,76 +3,76 @@
|
|||
|
||||
<div class="" style="padding: 1rem 1rem 0 1rem;">
|
||||
<a-row :gutter="[16,16]">
|
||||
<a-col :span="4">
|
||||
<a-card class="cardDiv" title="总数">
|
||||
<a-col :span="12">
|
||||
<a-card class="cardDiv" title="教室情况">
|
||||
<!-- -<i class="fa-sharp fa-solid fa-user"></i>- -->
|
||||
<a-row class="" :gutter="[16,16]">
|
||||
<a-col :xs="{ span: 24 }" :sm="{ span: 24 }" :lg="{ span: 24 }">
|
||||
<a-col :xs="{ span: 8 }" :sm="{ span: 8 }" :lg="{ span: 8 }">
|
||||
<div class="numberBlob handleCss" @click="() => queryParam = {}">
|
||||
<div class="numSpan orange fs3r">{{ allClassNum }}</div>
|
||||
<div class="numberName"> </div>
|
||||
<div class="numSpan">{{ allClassNum }}</div>
|
||||
<div class="numberName">
|
||||
<!-- <StockOutlined class="blue"/> -->
|
||||
总数
|
||||
</div>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :xs="{ span: 8 }" :sm="{ span: 8 }" :lg="{ span: 8 }">
|
||||
<div class="numberBlob handleCss" @click="() => queryParam = {}">
|
||||
<div class="numSpan blue">{{ leftList.length }}</div>
|
||||
<div class="numberName">
|
||||
<!-- <RiseOutlined class="orange"/> -->
|
||||
可直播
|
||||
</div>
|
||||
</div>
|
||||
</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="numberName">
|
||||
<!-- <RiseOutlined class="orange"/> -->
|
||||
开放听课
|
||||
</div>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- <a-divider /> -->
|
||||
<!-- <div class="buttomDiv"></div> -->
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="4">
|
||||
<a-card class="cardDiv" title="可直播">
|
||||
<a-col :span="12">
|
||||
<a-card class="cardDiv" title="直播情况">
|
||||
<!-- -<i class="fa-sharp fa-solid fa-user"></i>- -->
|
||||
<a-row class="" :gutter="[16,16]">
|
||||
<a-col :xs="{ span: 24 }" :sm="{ span: 24 }" :lg="{ span: 24 }">
|
||||
<div class="numberBlob handleCss" @click="() => (queryParam = {},queryParam.sfyx = '1')">
|
||||
<div class="numSpan orange fs3r">{{ leftList.length }}</div>
|
||||
<div class="numberName"> </div>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="4">
|
||||
<a-card class="cardDiv" title="开放听课" @click="() => (queryParam = {},queryParam.sfyx2 = '1')">
|
||||
<a-row class="" :gutter="[16,16]">
|
||||
<a-col :xs="{ span: 24 }" :sm="{ span: 24 }" :lg="{ span: 24 }">
|
||||
<div class="numberBlob handleCss" >
|
||||
<div class="numSpan orange fs3r">{{ getSysConfig().flag5 == 0?'否':'是' }}</div>
|
||||
<div class="numberName"> </div>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="4">
|
||||
<a-card class="cardDiv" title="正在上课" @click="() => (queryParam = {},queryParam.nowIsClass = '1')">
|
||||
<a-row class="" :gutter="[16,16]">
|
||||
<a-col :xs="{ span: 24 }" :sm="{ span: 24 }" :lg="{ span: 24 }">
|
||||
<div class="numberBlob handleCss" >
|
||||
<div class="numSpan orange fs3r">{{ (leftList.filter(x => x?.nowIsClass).length || 0) }}</div>
|
||||
<div class="numberName"> </div>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="4">
|
||||
<a-card class="cardDiv" title="正在直播" @click="() => (queryParam = {},queryParam.onLineClassType = 'green')">
|
||||
<a-row class="" :gutter="[16,16]">
|
||||
<a-col :xs="{ span: 24 }" :sm="{ span: 24 }" :lg="{ span: 24 }">
|
||||
<div class="numberBlob handleCss" >
|
||||
<div class="numSpan orange fs3r">{{ (leftList.filter(x => x?.child['教师近景']?.isOnLine).length || 0) }}</div>
|
||||
<div class="numberName"> </div>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="4">
|
||||
<a-card class="cardDiv" title="直播异常" @click="() => (queryParam = {},queryParam.onLineClassType = 'red')">
|
||||
<a-row class="" :gutter="[16,16]">
|
||||
<a-col :xs="{ span: 24 }" :sm="{ span: 24 }" :lg="{ span: 24 }">
|
||||
<div class="numberBlob handleCss" >
|
||||
<div class="numSpan orange fs3r">{{ (leftList.filter(x => !x?.child['教师近景']?.isOnLine).length || 0) }}</div>
|
||||
<div class="numberName"> </div>
|
||||
<a-col :xs="{ span: 8 }" :sm="{ span: 8 }" :lg="{ span: 8 }">
|
||||
<div class="numberBlob handleCss" @click="() => queryParam = {}">
|
||||
<div class="numSpan">{{ (leftList.filter(x => x?.nowIsClass).length || 0) }}</div>
|
||||
<div class="numberName">
|
||||
<!-- <StockOutlined class="blue"/> -->
|
||||
正在上课
|
||||
</div>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :xs="{ span: 8 }" :sm="{ span: 8 }" :lg="{ span: 8 }">
|
||||
<div class="numberBlob handleCss" @click="() => queryParam = {}">
|
||||
<div class="numSpan blue">{{ (leftList.filter(x => x?.child['教师近景']?.isOnLine).length || 0) }}</div>
|
||||
<div class="numberName">
|
||||
<!-- <RiseOutlined class="orange"/> -->
|
||||
正在直播
|
||||
</div>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :xs="{ span: 8 }" :sm="{ span: 8 }" :lg="{ span: 8 }">
|
||||
<div class="numberBlob handleCss">
|
||||
<div class="numSpan orange">{{ (leftList.filter(x => !x?.child['教师近景']?.isOnLine).length || 0) }}</div>
|
||||
<div class="numberName">
|
||||
<!-- <RiseOutlined class="orange"/> -->
|
||||
直播异常
|
||||
</div>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- <a-divider /> -->
|
||||
<!-- <div class="buttomDiv"></div> -->
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
@ -82,13 +82,23 @@
|
|||
<a-row :gutter="[16,16]">
|
||||
<a-col :span="6" v-for="(item,index) of cardList" :key="index">
|
||||
<a-card bordered hoverable @click="() => currentCardIndex = index" :class="currentCardIndex == index?'active':''">
|
||||
<div>名称:{{ item.jxlName }}</div>
|
||||
<div>总数:{{ item.jsNum }}</div>
|
||||
<div>可直播:{{ cardList.length }}</div>
|
||||
<div>开放听课{{ getSysConfig().flag5 == 0?'否':'是' }}</div>
|
||||
<div>正在上课{{ item.child.filter(x => x?.nowIsClass).length || 0}}间</div>
|
||||
<div>正在直播{{ item.child.filter(x => x?.child['教师近景']?.isOnLine).length || 0}}间</div>
|
||||
<div>直播异常{{ item.child.filter(x => !x?.child['教师近景']?.isOnLine).length || 0 }}间</div>
|
||||
<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-col :span="8" style="font-weight: 600;">{{ item.jsNum }}</a-col>
|
||||
<a-col :span="8" style="font-weight: 600;">{{ cardList.length }}</a-col>
|
||||
<a-col :span="8" style="font-weight: 600;">{{ getSysConfig().flag5 == 0?'否':'是' }}</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-row>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
@ -695,6 +705,7 @@ video::-webkit-media-controls-timeline {
|
|||
}
|
||||
.active{
|
||||
background-color: #36b395;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.cardDiv {
|
||||
|
@ -716,11 +727,27 @@ video::-webkit-media-controls-timeline {
|
|||
font-weight: 700;
|
||||
}
|
||||
.fs3r {
|
||||
font-size: 3rem;
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
.handleCss{
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.iconel{
|
||||
float: left;
|
||||
width: 50px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.iconer{
|
||||
float: left;
|
||||
}
|
||||
.ictitle{
|
||||
font-size: 15px;
|
||||
color: #000000;
|
||||
font-weight: 600;
|
||||
text-align: left;
|
||||
}
|
||||
.ant-form-item{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</style>
|
Loading…
Reference in New Issue