From 65bf39cde599a88afdd4607ca0b579a8ed5c28f0 Mon Sep 17 00:00:00 2001
From: yangjun <yangjun@surfbird.cn>
Date: Sun, 22 Oct 2023 15:07:24 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/kc/jiaoshi/index.vue | 163 +++++++++++++++++++--------------
 1 file changed, 95 insertions(+), 68 deletions(-)

diff --git a/src/views/kc/jiaoshi/index.vue b/src/views/kc/jiaoshi/index.vue
index ef0f52d..6ab6845 100644
--- a/src/views/kc/jiaoshi/index.vue
+++ b/src/views/kc/jiaoshi/index.vue
@@ -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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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>
\ No newline at end of file