zc

src/views/courtyardManage/courtyardHome.vue

@@ -17,14 +17,14 @@
         <img class="left_t_l" src="@/assets/image/index_icon5.png" />
         <div class="left_t_l1"></div>
         <div class="left_t_c">
-          <li :class="{'checked_li':checkedNum==0}">校院通知</li>
-          <li :class="{'checked_li':checkedNum==1}">工作计划</li>
-          <li :class="{'checked_li':checkedNum==2}">安全检查</li>
-          <li :class="{'checked_li':checkedNum==3}">分级管控</li>
+          <li :class="{'checked_li':checkedNum==0}" @click="checkedNumButton(0)">校院通知</li>
+          <li :class="{'checked_li':checkedNum==1}" @click="checkedNumButton(1)">工作计划</li>
+          <li :class="{'checked_li':checkedNum==2}" @click="checkedNumButton(2)">安全检查</li>
+          <li :class="{'checked_li':checkedNum==3}" @click="checkedNumButton(3)">分级管控</li>
         </div>
         <div class="left_t_n">
-          <div class="swiper-container">
-            <div class="swiper-wrapper">
+          <el-carousel ref="el-carousel" class="swiper-container" @change="checkedNumChange" :interval="6000" trigger="click" direction="vertical" indicator-position="none" height="410px">
+            <el-carousel-item class="swiper-wrapper">
               <div class="swiper-slide">
                 <!--院校通知-->
                 <div class="left_t_r" v-if="infoList">
@@ -40,6 +40,8 @@
                   <div v-if="infoList.length<=0" style="position:relative;left: 44%; top:8%;color:#fff;">暂无数据</div>
                 </div>
               </div>
+            </el-carousel-item>
+            <el-carousel-item class="swiper-wrapper">
               <div class="swiper-slide">
                 <!--工作计划-->
                 <div class="left_t_r2" v-if="planList">
@@ -56,12 +58,14 @@
                       <i class="over">{{item.title}}</i>
                       <i>{{item.company}}</i>
                       <i>{{parseTime(item.createTime,"{y}-{m}-{d}")}}</i>
-                       <img src="@/assets/image/index_icon8.png"/>
+                      <img src="@/assets/image/index_icon8.png"/>
                     </li>
                   </div>
                   <div v-if="planList.length<=0" style="position:relative;left: 44%; top:8%;color:#fff;">暂无数据</div>
                 </div>
               </div>
+            </el-carousel-item>
+            <el-carousel-item class="swiper-wrapper">
               <div class="swiper-slide">
                 <!--安全检查-->
                 <div class="left_t_r3">
@@ -90,15 +94,17 @@
                       <i>{{item.checkStatus==1?'未开始':(item.checkStatus==2?'进行中':(item.checkStatus==3?'已结束':''))}}</i>
                     </li>
                   </div>
-                   <div v-if="inspectList.length<=0" style="position:relative;left: 44%; top:8%;color:#fff;">暂无数据</div>
+                  <div v-if="inspectList.length<=0" style="position:relative;left: 44%; top:8%;color:#fff;">暂无数据</div>
                 </div>
               </div>
+            </el-carousel-item>
+            <el-carousel-item class="swiper-wrapper">
               <div class="swiper-slide">
                 <!--分级管控-->
                 <div class="left_t_r4" v-if="controlList">
                   <!--<div class="left_t_r2_t">-->
-                    <!--<i>{{controlTitle}}</i>-->
-                    <!--<img src="@/assets/image/index_icon8.png"/>-->
+                  <!--<i>{{controlTitle}}</i>-->
+                  <!--<img src="@/assets/image/index_icon8.png"/>-->
                   <!--</div>-->
                   <div class="left_t_r2_m">
                     <i>管控名称</i>
@@ -120,9 +126,110 @@
                   <div v-if="controlList.length<=0" style="position:relative;left: 44%; top:20%;color:#fff;">暂无数据</div>
                 </div>
               </div>
-            </div>
-          </div>
+            </el-carousel-item>
+          </el-carousel>
         </div>
+        <!--<div class="left_t_n">-->
+          <!--<div class="swiper-container">-->
+            <!--<div class="swiper-wrapper">-->
+              <!--<div class="swiper-slide">-->
+                <!--&lt;!&ndash;院校通知&ndash;&gt;-->
+                <!--<div class="left_t_r" v-if="infoList">-->
+                  <!--<li v-for='(item,index) in infoList' :key="index" @click="openInfoUrl(item,1)">-->
+                    <!--<div class="left_t_r_t">-->
+                      <!--<i>{{item.title}}</i>-->
+                      <!--<i>{{item.company}}</i>-->
+                      <!--<i>{{parseTime(item.createTime,"{y}-{m}-{d}")}}</i>-->
+                      <!--<img class="left_t_r_t_r" src="@/assets/image/index_icon8.png" />-->
+                    <!--</div>-->
+                    <!--<div class="left_t_r_b over2">{{item.contentText}}</div>-->
+                  <!--</li>-->
+                  <!--<div v-if="infoList.length<=0" style="position:relative;left: 44%; top:8%;color:#fff;">暂无数据</div>-->
+                <!--</div>-->
+              <!--</div>-->
+              <!--<div class="swiper-slide">-->
+                <!--&lt;!&ndash;工作计划&ndash;&gt;-->
+                <!--<div class="left_t_r2" v-if="planList">-->
+                  <!--&lt;!&ndash;<div class="left_t_r2_t">-->
+                    <!--<i>{{planTitle}}</i>-->
+                  <!--</div>&ndash;&gt;-->
+                  <!--<div class="left_t_r2_m">-->
+                    <!--<i>工作内容</i>-->
+                    <!--<i>执行单位</i>-->
+                    <!--<i>执行日期</i>-->
+                  <!--</div>-->
+                  <!--<div class="left_t_r2_b" v-for='(item,index2) in planList' :key="index2">-->
+                    <!--<li v-if="index2<7"  @click="openInfoUrl(item,2)">-->
+                      <!--<i class="over">{{item.title}}</i>-->
+                      <!--<i>{{item.company}}</i>-->
+                      <!--<i>{{parseTime(item.createTime,"{y}-{m}-{d}")}}</i>-->
+                       <!--<img src="@/assets/image/index_icon8.png"/>-->
+                    <!--</li>-->
+                  <!--</div>-->
+                  <!--<div v-if="planList.length<=0" style="position:relative;left: 44%; top:8%;color:#fff;">暂无数据</div>-->
+                <!--</div>-->
+              <!--</div>-->
+              <!--<div class="swiper-slide">-->
+                <!--&lt;!&ndash;安全检查&ndash;&gt;-->
+                <!--<div class="left_t_r3">-->
+                  <!--<div class="left_t_r2_t">-->
+                    <!--<i>安全检查</i>-->
+                    <!--<img src="@/assets/image/index_icon8.png" @click="openinspectUrl()"/>-->
+                  <!--</div>-->
+                  <!--<div class="left_t_r2_t2">-->
+                    <!--<i>未开始：{{inspeccheckZs}}</i>-->
+                    <!--<i>进行中：{{inspeccheckWzg}}</i>-->
+                    <!--<i>已结束：{{inspeccheckYzg}}</i>-->
+                  <!--</div>-->
+                  <!--<div class="left_t_r2_m">-->
+                    <!--<i>计划标题</i>-->
+                    <!--<i>检查范围</i>-->
+                    <!--<i>检查类型</i>-->
+                    <!--<i>任务周期</i>-->
+                    <!--<i>状态</i>-->
+                  <!--</div>-->
+                  <!--<div class="left_t_r2_b" v-if="inspectList">-->
+                    <!--<li v-for='(item,index3) in inspectList' :key="index3">-->
+                      <!--<i class="over">{{item.title}}</i>-->
+                      <!--<i>{{item.checkRange==1?'全校':(item.checkRange==2?'学院':(item.checkRange==3?'实验室':''))}}</i>-->
+                      <!--<i>{{item.checkCategory==1?'综合检查':(item.checkCategory==2?'专项检查':'')}}</i>-->
+                      <!--<i>{{item.cycleStartTime}}至{{item.cycleEndTime}}</i>-->
+                      <!--<i>{{item.checkStatus==1?'未开始':(item.checkStatus==2?'进行中':(item.checkStatus==3?'已结束':''))}}</i>-->
+                    <!--</li>-->
+                  <!--</div>-->
+                   <!--<div v-if="inspectList.length<=0" style="position:relative;left: 44%; top:8%;color:#fff;">暂无数据</div>-->
+                <!--</div>-->
+              <!--</div>-->
+              <!--<div class="swiper-slide">-->
+                <!--&lt;!&ndash;分级管控&ndash;&gt;-->
+                <!--<div class="left_t_r4" v-if="controlList">-->
+                  <!--&lt;!&ndash;<div class="left_t_r2_t">&ndash;&gt;-->
+                    <!--&lt;!&ndash;<i>{{controlTitle}}</i>&ndash;&gt;-->
+                    <!--&lt;!&ndash;<img src="@/assets/image/index_icon8.png"/>&ndash;&gt;-->
+                  <!--&lt;!&ndash;</div>&ndash;&gt;-->
+                  <!--<div class="left_t_r2_m">-->
+                    <!--<i>管控名称</i>-->
+                    <!--<i>二级单位</i>-->
+                    <!--<i>安全分类</i>-->
+                    <!--<i>安全分级</i>-->
+                    <!--<i>执行状态</i>-->
+                  <!--</div>-->
+                  <!--<div class="left_t_r2_b" v-for='(item,index4) in controlList' :key="index4" @click="openInfoUrl(item,3)">-->
+                    <!--<li v-if="index4<7">-->
+                      <!--<i>{{item.name}}</i>-->
+                      <!--<i>{{item.deptName}}</i>-->
+                      <!--<i>{{item.typeName}}</i>-->
+                      <!--<i>{{item.levelName}}</i>-->
+                      <!--<i>{{item.status?'已执行':'未执行'}}</i>-->
+                    <!--</li>-->
+                  <!--</div>-->
+
+                  <!--<div v-if="controlList.length<=0" style="position:relative;left: 44%; top:20%;color:#fff;">暂无数据</div>-->
+                <!--</div>-->
+              <!--</div>-->
+            <!--</div>-->
+          <!--</div>-->
+        <!--</div>-->
       </div>
       <div class="left_b">
         <div class="left_b_t">
@@ -152,7 +259,7 @@
         <img class="left_b_t1" src="@/assets/image/index_icon12.png" />
         <!--实验室信息-->
         <!---->
-        <subSensorComponent v-if="!warningList[0]"></subSensorComponent>
+        <subSensorComponent></subSensorComponent>
         <!--<div class="left_b_b" >-->
           <!--<ul id="move_ani" :style="`animation-duration: ${labInfoList.length/0.1}s;height:${labInfoList.length*66*1.7}px;`">-->
             <!--<template v-for='(item) in labInfoList' >-->
@@ -171,28 +278,28 @@
         <!--</div>-->
 
         <!--风险预案-->
-        <div class="risk" >
-          <!--:class="index==1:one_top risk_li"-->
-          <li  v-for='(item,index7) in warningList' :key="index7">
-            <img src="@/assets/image/index_icon14.png"/>
-            <i class="risk_li_l">{{item.groupName}}</i>
-            <i class="risk_li_l2">{{item.roomName}}</i>
-            <i class="risk_li_l3">{{item.buildName}} {{item.floorName}}</i>
-            <i class="risk_li_l4">{{item.sensorStr}}</i>
-            <i @click="openRiskPlanUrl(item)">查看详情 >></i>
-          </li>
-        </div>
-        <div class="risk_one"  v-if="warningList[0]">
-          <!--:class="index==1:one_top risk_li"-->
-          <li  v-for='(item,index9) in warningList' :key="index9">
-            <img src="@/assets/image/index_icon14.png"/>
-            <i class="risk_li_l">{{item.groupName}}</i>
-            <i class="risk_li_l2">{{item.roomName}}</i>
-            <i class="risk_li_l3">{{item.buildName}} {{item.floorName}}</i>
-            <i class="risk_li_l4">{{item.sensorStr}}</i>
-            <i @click="openRiskPlanUrl(item)">查看详情 >></i>
-          </li>
-        </div>
+        <!--<div class="risk" >-->
+          <!--&lt;!&ndash;:class="index==1:one_top risk_li"&ndash;&gt;-->
+          <!--<li  v-for='(item,index7) in warningList' :key="index7">-->
+            <!--<img src="@/assets/image/index_icon14.png"/>-->
+            <!--<i class="risk_li_l">{{item.groupName}}</i>-->
+            <!--<i class="risk_li_l2">{{item.roomName}}</i>-->
+            <!--<i class="risk_li_l3">{{item.buildName}} {{item.floorName}}</i>-->
+            <!--<i class="risk_li_l4">{{item.sensorStr}}</i>-->
+            <!--<i @click="openRiskPlanUrl(item)">查看详情 >></i>-->
+          <!--</li>-->
+        <!--</div>-->
+        <!--<div class="risk_one"  v-if="warningList[0]">-->
+          <!--&lt;!&ndash;:class="index==1:one_top risk_li"&ndash;&gt;-->
+          <!--<li  v-for='(item,index9) in warningList' :key="index9">-->
+            <!--<img src="@/assets/image/index_icon14.png"/>-->
+            <!--<i class="risk_li_l">{{item.groupName}}</i>-->
+            <!--<i class="risk_li_l2">{{item.roomName}}</i>-->
+            <!--<i class="risk_li_l3">{{item.buildName}} {{item.floorName}}</i>-->
+            <!--<i class="risk_li_l4">{{item.sensorStr}}</i>-->
+            <!--<i @click="openRiskPlanUrl(item)">查看详情 >></i>-->
+          <!--</li>-->
+        <!--</div>-->
 
       </div>
     </div>
@@ -389,22 +496,32 @@ export default {
       self.laboratoryBigViewSubHazardCount()
       self.securityBigViewCheckOptionCharts()
       self.laboratoryBigViewSubTotalUserCount();
-      self.laboratoryBigViewSelectTriggerInfo();
+      // self.laboratoryBigViewSelectTriggerInfo();
       self.laboratoryBigViewCollegeEventStatistics();
       self.laboratoryBigViewListCollegeApplyColumn();
       self.examBigViewNewStatistics();
-      this.initSwiper()
+      // this.initSwiper()
     //中间部分点击方法
-    $(".left_t_c li").click(function(){
-      let index = $(".left_t_c li").index(this);
-      self.mySwiper.slideTo(index, 1000, false);
-
-      $(this).parent().children().removeClass();
-      $(this).addClass("checked_li");
-    });
+    // $(".left_t_c li").click(function(){
+    //   let index = $(".left_t_c li").index(this);
+    //   self.mySwiper.slideTo(index, 1000, false);
+    //
+    //   $(this).parent().children().removeClass();
+    //   $(this).addClass("checked_li");
+    // });
   },
   methods: {
     /**V3新--------------start----**/
+    // 切换轮播
+    checkedNumButton(type){
+        if(type != this.checkedNum){
+            this.$set(this,'checkedNum',type);
+            this.$set(this.$refs['el-carousel'],'activeIndex',type);
+        }
+    },
+    checkedNumChange(){
+        this.$set(this,'checkedNum',this.$refs['el-carousel'].activeIndex);
+    },
     //实验室分类分级
     laboratoryBigViewsSubTypeLevelCount(){
       laboratoryBigViewsSubTypeLevelCount({}).then(response => {
@@ -544,7 +661,7 @@ export default {
           if(topic == this.mtopic){
             //报警
             console.log("预案信息",data);
-            self.laboratoryBigViewSelectTriggerInfo();
+            // self.laboratoryBigViewSelectTriggerInfo();
           }
         }
       });