From 04d92cf523f8583a1e4c86110f006d1056f54207 Mon Sep 17 00:00:00 2001
From: bai <1643359946@qq.com>
Date: Sun, 29 Oct 2023 01:04:22 +0800
Subject: [PATCH] =?UTF-8?q?2023=E5=B9=B410=E6=9C=8829=E6=97=A5=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E9=A1=B5=E9=9D=A2=E7=BB=9F=E8=AE=A1=E7=BB=86=E8=85=BB?=
 =?UTF-8?q?=E7=B3=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/kc/jiaoshi/index.vue | 30 +++++++++++++++++++++---------
 1 file changed, 21 insertions(+), 9 deletions(-)

diff --git a/src/views/kc/jiaoshi/index.vue b/src/views/kc/jiaoshi/index.vue
index 774c0d1..7c44035 100644
--- a/src/views/kc/jiaoshi/index.vue
+++ b/src/views/kc/jiaoshi/index.vue
@@ -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){