From 1dacaff29e26ab2d893f69a9859f4b600c7d0a2f Mon Sep 17 00:00:00 2001
From: bai <1643359946@qq.com>
Date: Wed, 28 Feb 2024 08:29:30 +0800
Subject: [PATCH] =?UTF-8?q?2024=E5=B9=B42=E6=9C=8828=E6=97=A5=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../jiaoshi/KcZhihuijiaoshiStateLog.data.ts   |   6 +-
 src/views/kc/jiaoshi/index.vue                | 139 +++++++++++++++++-
 src/views/kc/jiaoshi/indexLogDetail.vue       | 114 ++++++++++++++
 3 files changed, 254 insertions(+), 5 deletions(-)
 create mode 100644 src/views/kc/jiaoshi/indexLogDetail.vue

diff --git a/src/views/kc/jiaoshi/KcZhihuijiaoshiStateLog.data.ts b/src/views/kc/jiaoshi/KcZhihuijiaoshiStateLog.data.ts
index 47cd2ee..78bb719 100644
--- a/src/views/kc/jiaoshi/KcZhihuijiaoshiStateLog.data.ts
+++ b/src/views/kc/jiaoshi/KcZhihuijiaoshiStateLog.data.ts
@@ -56,7 +56,11 @@ export const columns: BasicColumn[] = [
     title: '状态指示',
     align: "center",
     dataIndex: 'type',
-
+  },
+  {
+    title: '状态指示(标记)',
+    align: "center",
+    dataIndex: 'forceState',
   },
 ];
 
diff --git a/src/views/kc/jiaoshi/index.vue b/src/views/kc/jiaoshi/index.vue
index 90cdf49..46bc0e9 100644
--- a/src/views/kc/jiaoshi/index.vue
+++ b/src/views/kc/jiaoshi/index.vue
@@ -46,9 +46,9 @@
                 </div>
               </a-col>
               <a-col :span="6">
-                <div class="numberBlob handleCss" @click="openDetail({ onLineClassType: ['red', 'yellow'] })">
+                <div class="numberBlob handleCss" @click="openLogDetail({ forceStateIsBad: 'red' })">
                   <div v-if="!statusLogList.length" class="numSpan orange">未检测</div>
-                  <div v-else class="numSpan orange">{{ statusLogList.filter(x => x.type != 'green' ).length || 0 }}</div>
+                  <div v-else class="numSpan orange">{{ statusLogList.filter(x => x.forceState == 'red' || x.type != 'green' ).length || 0 }}</div>
                   <div class="numberName">
                     <!-- <RiseOutlined class="orange"/> -->
                     设备异常
@@ -123,11 +123,11 @@
               <a-col class="hover" :span="6" style="font-weight: 600;" @click="openDetail({ jxlName: item.jxlName })"><span>{{ item.child.filter(x => x.zbgn == '0').length || 0 }}</span></a-col>
               <a-col class="hover" :span="6" style="font-weight: 600;" @click="openDetail({ jxlName: item.jxlName, sfyx: '0' })"><span>{{ item.child.filter(x => x.sfyx == 0).length || 0 }}</span></a-col>
               <a-col class="" :span="6" style="font-weight: 600;" v-if="!statusLogList.length"><span>未检测</span></a-col>
-              <a-col class="hover handleCss" :span="6" style="font-weight: 600;" @click="openDetail({ jxlName: item.jxlName, onLineClassType: ['red', 'yellow'] })" v-else><span>{{ statusLogList.filter(x => x.jxlName == item.jxlName && x.type != 'green' ).length }}</span></a-col>
+              <a-col class="hover handleCss" :span="6" style="font-weight: 600;" @click="openLogDetail({ jxlName: item.jxlName, forceStateIsBad: 'red' })" v-else><span>{{ statusLogList.filter(x => x.jxlName == item.jxlName && ( x.forceState == 'red' || x.type != 'green') ).length }}</span></a-col>
               <a-col class="hover" :span="6" @click="openDetail({ jxlName: item.jxlName, zbgn: undefined })"><span>总数</span></a-col>
               <a-col class="hover" :span="6" @click="openDetail({ jxlName: item.jxlName })"><span>可直播</span></a-col>
               <a-col class="hover" :span="6" @click="openDetail({ jxlName: item.jxlName, sfyx: '0' })"><span>开放听课</span></a-col>
-              <a-col :span="6" @click="openDetail({ jxlName: item.jxlName, onLineClassType: ['red', 'yellow'] })">
+              <a-col :span="6" @click="openLogDetail({ jxlName: item.jxlName })">
                 <div>设备异常</div>
                 <!-- <div v-if="statusLogList.length" style="font-size: .5rem;">{{ statusLogList[0]?.createTime }}</div> -->
                 <div v-if="statusLogList.length" style="font-size: .5rem;">{{ statusLogList.find(x => x.jxlName == item.jxlName)?.createTime }}</div>
@@ -483,6 +483,11 @@
               <a v-else @click="changeLive(record,false)">关闭直播 |</a>
               <a v-if="record.sfyx == 1" @click="changeKt(record,true)">开放听课</a>
               <a v-else-if="record.sfyx == 0" @click="changeKt(record,false)">关闭听课</a>
+
+              <a-button type="link" style="padding: 0" @click="jcZhiHuiJiaoShi(record)">检测教室 |</a-button>
+              <a-button type="link" style="padding: 0" v-if="!record.forceState || record.forceState == 'red'" @click="changeFlag(record, 'green')">标记为有效 |</a-button>
+              <a-button type="link" style="padding: 0" v-if="record.forceState == 'green'" @click="changeFlag(record, 'red')">标记为无效 |</a-button>
+
               <!-- {{ record.id }} -->
             </template>
             <template v-else>
@@ -491,6 +496,10 @@
               <a-button type="link" style="padding: 0" disabled v-else @click="changeLive(record,false)">关闭直播 |</a-button>
               <a-button type="link" style="padding: 0" disabled v-if="record.sfyx == 1" @click="changeKt(record,true)">开放听课</a-button>
               <a-button type="link" style="padding: 0" disabled v-else-if="record.sfyx == 0" @click="changeKt(record,false)">关闭听课</a-button>
+
+              <a-button type="link" style="padding: 0" disabled @click="jcZhiHuiJiaoShi(record)">检测教室 |</a-button>
+              <a-button type="link" style="padding: 0" disabled v-if="!record.forceState || record.forceState == 'red'" @click="changeFlag(record, 'green')">标记为有效 |</a-button>
+              <a-button type="link" style="padding: 0" disabled v-if="record.forceState == 'green'" @click="changeFlag(record, 'red')">标记为无效 |</a-button>
             </template>
           </template>
         </a-table-column>
@@ -501,6 +510,7 @@
   </a-modal>
   <indexDetail ref="indexDetailRef" :leftList="leftList" @reload="loadData"/>
   <indexJxlDetail ref="indexJxlDetailRef" @reload="loadData"/>
+  <indexLogDetail ref="indexLogDetailRef" @reload="loadData"/>
 </template>
 <script lang="ts" setup name="zhihuijiaoshiIndexPage">
 import { defHttp } from '/@/utils/http/axios';
@@ -511,6 +521,7 @@ import { useMessage } from '/@/hooks/web/useMessage';
 import showAllLive from './showAllLive.vue';
 import indexDetail from './indexDetail.vue';
 import indexJxlDetail from './indexJxlDetail.vue';
+import indexLogDetail from './indexLogDetail.vue';
 import { execAvyApi, getAvyCtrlLiveOpenOrCloseUrl } from "/@/views/site/utils/index";
 import { JInput } from '/@/components/Form';
 import { resumeJob, pauseJob } from '/@/views/monitor/quartz/quartz.api';
@@ -525,6 +536,7 @@ import { list as jiaoshirongliangList } from './KcJiaoshirongliang.api';
 const showAllLiveRef = ref();
 const indexDetailRef = ref();
 const indexJxlDetailRef = ref();
+const indexLogDetailRef = ref();
 
 const leftList:Ref<any> = ref([]);
 const cardList:Ref<any> = ref([]);
@@ -804,6 +816,10 @@ function openJxlDetail(param){
   indexJxlDetailRef.value.open(param);
 }
 
+function openLogDetail(param){
+  indexLogDetailRef.value.open(param);
+}
+
 function jxlNameFilterOptionFn(input: string, option: any){
   console.log(input, option);
 
@@ -877,6 +893,7 @@ function getIsOnLineClass(record){
     resClas = 'green';
   }else if(allIsOnLine == 0){
     resClas = 'red';
+    record.bfStatusInfo = '设备连接异常';
   }else{
     resClas = 'yellow';
     record.bfStatusInfo = bfStatusInfoList.join(',');
@@ -1080,6 +1097,120 @@ function changeKt(record, isEnable){
 
 }
 
+//检查智慧教室
+function jcZhiHuiJiaoShi(record){
+  let jxlMap = {};
+  let getListAction:any = [];
+  let liveIsExist = (x) => {
+    return new Promise((resolve,reject) => {
+      videojs.xhr.get(x.pullUrl,(err, resp, body) => {
+        if(err){
+          reject(x);
+          x.isOnLine = false
+        }else{
+          resolve(x);
+          x.isOnLine = true
+        }
+      })
+    })
+  }
+
+  // let changeAllList = () => {
+  //   leftList.value.forEach(x => {
+  //     let item = jxlMap[x.jxlId];
+  //     getIsOnLineClass(x);
+  //     if(item){
+  //       item.child.push(x);
+  //     }else{
+  //       let child = [x];
+  //       jxlMap[x.jxlId] = {
+  //         ...x,
+  //         child,
+  //         value: x.jxlName,
+  //         label: x.jxlName,
+  //       };
+  //       item = jxlMap[x.jxlId];
+  //     }
+  //     //提前执行一遍，为了数量
+  //     //console.log('getIsOnLineClass(item) -> ',getIsOnLineClass(item));
+  //   });
+  //   cardList.value = Object.values(jxlMap);
+  //   filterComputedDataSource.value = filterDataSource();
+
+  //   loading.value = false;
+  //   indexDetailRef.value.changeLoadDataLoading(false);
+  //   console.log('leftList ->',leftList);
+
+  //   getJianceBtnStatusFor();
+  // }
+  // leftList.value.forEach(item => {
+    let child = record.child;
+    Object.values(child).forEach(item => {
+      let x:any = item;
+      // if(x.pullUrl == 'https://kczx.nenu.edu.cn:9553/live_hls/yfjxl101s_lbzj.m3u8')
+      if(x.pullUrl){
+        getListAction.push(liveIsExist(x));
+      }
+    });
+  // });
+  Promise.all(getListAction).then(resList => {
+    // createMessage.success('成功！' + resList.join(','));
+    // console.log(resList);
+    // let msgList:any = [];
+    // resList.forEach((x) => {
+    //   console.log(x);
+    //   msgList.push(x.xm + '成功！');
+    // })
+    // createInfoModal({ title: '成功！',content: msgList.join(',') });
+  }).catch((e) => {
+    console.error(`🚀 ~ file: index.vue:1170 ~ Promise.all Error ~ ress:`, e);
+    // let msgList:any = [];
+    // if(e){
+    //   e.forEach((x) => {
+    //     console.log(x);
+    //     msgList.push(x.xm + '失败！');
+    //   })
+    //   createInfoModal({ title: '失败！',content: msgList.join(',') });
+    // }
+    // createMessage.error('失败！' + resList.join(','));
+  }).finally((...d) => {
+    console.log("正常执行！",...d);
+    //弹出成功或失败
+    let isSuccess = true;
+    let msgList:any = [];
+
+    let child = record.child;
+    Object.values(child).forEach(item => {
+      let _item = item as any;
+      if(_item.isOnLine){
+        msgList.push(_item.xm + '：连接成功！');
+      }else{
+        msgList.push(_item.xm + '：连接失败！');
+        isSuccess = false;
+      }
+    });
+    if(msgList.length){
+      if(isSuccess){
+        createInfoModal({ title: '成功！', content: msgList.join(',') });
+      }else{
+        createErrorModal({ title: '失败！', content: msgList.join(',') });
+      }
+    }
+
+
+    //createMessage.error('组件JTreeSelect-condition传值有误，需要一个json字符串!');
+    // changeAllList();
+  });
+}
+
+function changeFlag(record, flag){
+  record.forceState = flag;
+  defHttp.post({ url: '/jiaoshi/kcZhihuijiaoshiStateLog/updateByJsbh', params: {
+    jsbh: record.jsbh,
+    forceState: flag
+  }});
+}
+
 function tableChange(pagination) {
   ipagination.value.current = pagination.current;
   ipagination.value.pageSize = pagination.pageSize;
diff --git a/src/views/kc/jiaoshi/indexLogDetail.vue b/src/views/kc/jiaoshi/indexLogDetail.vue
new file mode 100644
index 0000000..be36249
--- /dev/null
+++ b/src/views/kc/jiaoshi/indexLogDetail.vue
@@ -0,0 +1,114 @@
+<template>
+  <a-modal :visible="isShowPage" width="80%" style="top: 20px" title="详情" :ok-button-props="{ style: { display: 'none' } }" cancelText="关闭" @cancel="() => (isShowPage = false)">
+    <!--引用表格-->
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+       <!--操作栏-->
+       <template #action="{ record }">
+        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/>
+      </template>
+    </BasicTable>
+  </a-modal>
+</template>
+
+<script lang="ts" name="jiaoshi-kcJiaoshirongliang" setup>
+  import {ref, computed, unref, Ref } from 'vue';
+  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { useModal } from '/@/components/Modal';
+  import { useListPage } from '/@/hooks/system/useListPage'
+  import { columns, searchFormSchema } from './KcZhihuijiaoshiStateLog.data';
+  import { list } from './KcZhihuijiaoshiStateLog.api';
+
+  const queryParam:any = ref({});
+
+  const checkedKeys = ref<Array<string | number>>([]);
+  //注册model
+  const [registerModal, { openModal }] = useModal();
+  //注册table数据
+  const { tableContext } = useListPage({
+    tableProps:{
+      title: '教室容量',
+      api: list,
+      columns,
+      canResize:false,
+      showActionColumn: false,
+      immediate: false,
+      formConfig: {
+        //labelWidth: 120,
+        schemas: searchFormSchema,
+        autoSubmitOnEnter:true,
+        showAdvancedButton:true,
+        fieldMapToNumber: [
+        ],
+        fieldMapToTime: [
+        ],
+      },
+      beforeFetch: (params) => {
+        params.column = '',params.order = '';//新生成的默认不带排序
+        return Object.assign(params, queryParam.value);
+      },
+      actionColumn: {
+        width: 120,
+        fixed:'right'
+      },
+    },
+  })
+
+  const [registerTable, { reload },{ rowSelection, selectedRowKeys }] = tableContext
+
+  const isShowPage:Ref<boolean> = ref(false);
+
+   /**
+    * 详情
+   */
+   function handleDetail(record: Recordable) {
+     openModal(true, {
+       record,
+       isUpdate: true,
+       showFooter: false,
+     });
+   }
+   /**
+    * 操作栏
+    */
+    function getTableAction(record){
+       return [
+         {
+           label: '详情',
+           onClick: handleDetail.bind(null, record),
+         }
+       ]
+   }
+
+   function getDropDownAction(record){
+    return []
+   }
+
+   function open(param){
+    // changeQueryParam(param);
+    queryParam.value = Object.assign({ }, param);
+    reload();
+    isShowPage.value = true;
+  }
+
+  function close(){
+    isShowPage.value = false;
+  }
+
+   /**
+    * 成功回调
+    */
+  function handleSuccess() {
+      (selectedRowKeys.value = []) && reload();
+   }
+
+   defineExpose({
+    open,
+    close,
+   });
+
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file