|
|
@@ -8,7 +8,7 @@
|
|
|
<el-col class="time">{{warning.warningMessage.createTime ? "告警时间：" + warning.warningMessage.createTime : "告警时间：--"}}</el-col>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-row class="meeting commonWidth" v-if="meeting.state"><!--会议系统弹框-->
|
|
|
+ <el-row class="meeting commonWidth" v-if="meeting.state"><!--会议信息弹框-->
|
|
|
<el-col class="top">
|
|
|
<el-col class="title">
|
|
|
<img src="../../../assets/image/arrow.png" alt="" />
|
|
|
@@ -16,10 +16,10 @@
|
|
|
</el-col>
|
|
|
<p class="close" @click="close"></p>
|
|
|
</el-col>
|
|
|
- <!-- <el-col class="contain">
|
|
|
+ <el-col class="contain">
|
|
|
<el-col class="section1 section" >
|
|
|
<el-col class="title">会议预约列表</el-col>
|
|
|
- <el-table :data="meetimgMsg.order" border style="width: 100%;height:104px" class="scroll" id="table1" v-infinite-scroll="moreMeetimgMsg1">
|
|
|
+ <el-table :data="meeting.meetingMessage.order" border style="width: 100%;height:104px" class="scroll" id="table1" v-infinite-scroll="moremeetingMsg1">
|
|
|
<el-table-column prop="meetingStartTime,meetingEndTime" label="预约使用日期" width="240">
|
|
|
<template slot-scope="scope">
|
|
|
{{scope.row.meetingStartTime}} ~ {{scope.row.meetingEndTime}}
|
|
|
@@ -40,7 +40,7 @@
|
|
|
@change="changeDate"
|
|
|
>
|
|
|
</el-date-picker>
|
|
|
- <el-table :data="meetimgMsg.history" border style="width: 100%;height:80px" class="scroll" v-infinite-scroll="moreMeetimgMsg2">
|
|
|
+ <el-table :data="meeting.meetingMessage.history" border style="width: 100%;height:80px" class="scroll" v-infinite-scroll="moreMeetingMsg2">
|
|
|
<el-table-column prop="meetingRoomName" label="会议名称" width="64"></el-table-column>
|
|
|
<el-table-column prop="meetingStartTime,meetingEndTime" label="会议时间" width="234">
|
|
|
<template slot-scope="scope">
|
|
|
@@ -51,7 +51,7 @@
|
|
|
<el-table-column prop="realityPerson" label="实到人数" width="64"> </el-table-column>
|
|
|
</el-table>
|
|
|
</el-col>
|
|
|
- </el-col> -->
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
<el-row class="equipment commonWidth" v-if="equipment.state"><!--设备信息弹框-->
|
|
|
<el-col class="top">
|
|
|
@@ -70,32 +70,62 @@
|
|
|
<el-col class="title"><span class="type">绑定时间：</span><span class="data">{{equipment.equipmentMessage.createTime ? equipment.equipmentMessage.createTime : "--"}}</span></el-col>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <!-- <el-row class="xinfa commonWidth" v-if="xinfa.state">
|
|
|
+ <el-row class="xinfa commonWidth" v-if="xinfa.state">><!--信发设备信息弹框-->
|
|
|
<el-col class="top">
|
|
|
<el-col class="title">
|
|
|
<img src="../../../assets/image/arrow.png" alt="" />
|
|
|
- <span>2楼东电梯信息终端</span>
|
|
|
- <img src="../../../assets/image/icon1.png" alt="" class="equipment-icon"/>
|
|
|
+ <span>{{xinfa.name}}</span>
|
|
|
</el-col>
|
|
|
<p class="close" @click="close"></p>
|
|
|
</el-col>
|
|
|
<el-col class="contain">
|
|
|
<el-col class="module1">
|
|
|
- <div class="title">设备工况</div>
|
|
|
- <div class="wrap">
|
|
|
- <span class="span1"></span>
|
|
|
- <span class="span2"></span>
|
|
|
+ <div class="title">设备工况：</div>
|
|
|
+ <div class="wrap" >
|
|
|
+ <span class="span1" :style="xinfa.bgc"></span>
|
|
|
+ <span class="span2" :style="xinfa.color">{{xinfa.text}}</span>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col class="module2">
|
|
|
- <div class="title">设备控制</div>
|
|
|
+ <el-col class="module2" v-if="xinfa.sbState">
|
|
|
+ <div class="title">设备控制：</div>
|
|
|
<div class="wrap">
|
|
|
- <span class="span1"></span>
|
|
|
- <span class="span2"></span>
|
|
|
+ <el-button type="success" round size="mini" class="open" @click="xinfaSwitch('open')">唤醒</el-button>
|
|
|
+ <el-button type="danger" round size="mini" class="off" @click="xinfaSwitch('off')">休眠</el-button>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- </el-row> -->
|
|
|
+ </el-row>
|
|
|
+ <el-row class="entranceGuard commonWidth" v-if="entranceGuard.state"><!--门禁设备信息弹框-->
|
|
|
+ <el-col class="top">
|
|
|
+ <el-col class="title">
|
|
|
+ <img src="../../../assets/image/arrow.png" alt="" />
|
|
|
+ <span>{{entranceGuard.entranceGuardMessage.name}}</span>
|
|
|
+ </el-col>
|
|
|
+ <p class="close" @click="close"></p>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="contain">
|
|
|
+ <el-col class="day">今日累计：</el-col>
|
|
|
+ <div class="wrap">
|
|
|
+ <div class="section">
|
|
|
+ <span class="text">进</span>
|
|
|
+ <span class="num" style="color:#FDC51A">{{entranceGuard.entranceGuardMessage.into || 0}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="section">
|
|
|
+ <span class="text">出</span>
|
|
|
+ <span class="num" style="color:#1AF3FD">{{entranceGuard.entranceGuardMessage.out || 0}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <p class="tableTitle">最新记录</p>
|
|
|
+ <el-table
|
|
|
+ :show-header="false"
|
|
|
+ :row-class-name="tableRowClassName"
|
|
|
+ :data="entranceGuard.entranceGuardMessage.tableList" style="width: 100%;height:110px" class="table2 scroll" v-infinite-scroll="moreMeetingMsg2">
|
|
|
+ <el-table-column prop="time" label="" ></el-table-column>
|
|
|
+ <el-table-column prop="type" label="" > </el-table-column>
|
|
|
+ <el-table-column prop="name" label="" > </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
<el-row class="music commonWidth" v-if="music.state"><!--背景音乐弹框-->
|
|
|
<el-col class="top">
|
|
|
<el-col class="title">
|
|
|
@@ -143,11 +173,12 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
+import axios from 'axios'
|
|
|
import 'video.js/dist/video-js.css'
|
|
|
// import videojs from 'video.js'
|
|
|
import 'videojs-contrib-hls'
|
|
|
import "@videojs/http-streaming"
|
|
|
-import { meetingPageApi, meetingStatusApi, videoUrl } from "@/plugins/api"
|
|
|
+import { meetingPageApi, meetingStatusApi, videoUrl, xinfaToken } from "@/plugins/api"
|
|
|
export default {
|
|
|
props:['resInfo',"close2"],
|
|
|
data() {
|
|
|
@@ -167,8 +198,8 @@ export default {
|
|
|
},
|
|
|
},
|
|
|
meeting:{//会议
|
|
|
- "meetingState":false,
|
|
|
- "meetimgMessage":{
|
|
|
+ "state":true,
|
|
|
+ "meetingMessage":{
|
|
|
"status":undefined,
|
|
|
"meeting":false, //
|
|
|
"order":[], //预约列表数据
|
|
|
@@ -210,14 +241,41 @@ export default {
|
|
|
{"playTime":"2021-11-15 10:00:00","playContent":"守护我的光"},
|
|
|
],
|
|
|
},
|
|
|
+ xinfa:{//信发
|
|
|
+ "text":false,
|
|
|
+ "state":false,
|
|
|
+ "xinfaMessage":{},
|
|
|
+ "bgc":{
|
|
|
+ "background":undefined,
|
|
|
+ },
|
|
|
+ "color":{
|
|
|
+ "color":undefined
|
|
|
+ },
|
|
|
+ "cMarks":undefined,
|
|
|
+ "sbState":true,
|
|
|
+ "name":undefined,
|
|
|
+ },
|
|
|
+ entranceGuard:{//门禁
|
|
|
+ state:false,
|
|
|
+ entranceGuardMessage:{
|
|
|
+ "tableList":[
|
|
|
+ {"time":"09:20", "type":"进", "name":"张三"},
|
|
|
+ {"time":"09:40", "type":"进", "name":"张三三"},
|
|
|
+ {"time":"09:20", "type":"进", "name":"张三"},
|
|
|
+ {"time":"09:40", "type":"进", "name":"张三三"},
|
|
|
+ {"time":"09:20", "type":"进", "name":"张三"},
|
|
|
+ {"time":"09:40", "type":"进", "name":"张三三"},
|
|
|
+ {"time":"09:20", "type":"进", "name":"张三"},
|
|
|
+ {"time":"09:40", "type":"进", "name":"张三三"},
|
|
|
+ ],
|
|
|
+ "Into":30,
|
|
|
+ "out":20,
|
|
|
+ "name":"一层大厅1#通道"
|
|
|
+ },
|
|
|
+ },
|
|
|
time:[],
|
|
|
}
|
|
|
},
|
|
|
- // computed:{
|
|
|
- // resInfo(){
|
|
|
- // return this.getData()
|
|
|
- // },
|
|
|
- // },
|
|
|
watch: {
|
|
|
resInfo(){
|
|
|
this.getData()
|
|
|
@@ -227,7 +285,6 @@ export default {
|
|
|
},
|
|
|
// immediate: true
|
|
|
// deep: true,//深度监听
|
|
|
- // immediate: true//immediate设为true后，则监听的这个对象会立即输出，也就是说一刷新页面就会在控制台输出，
|
|
|
},
|
|
|
mounted(){
|
|
|
this.getData()
|
|
|
@@ -278,9 +335,10 @@ export default {
|
|
|
}else if(this.resInfo.meetingState){//会议
|
|
|
console.log("会议更新")
|
|
|
//会议状态
|
|
|
- meetingStatusApi({"rootName":this.meetimg.meetimgMessage.meetingForm1.roomId}).then(res =>{
|
|
|
- this.meetimg.state = res.data
|
|
|
- })
|
|
|
+ meetingStatusApi({"rootName":this.meeting.meetingMessage.meetingForm1.roomId}).then(res =>{
|
|
|
+ console.log(res)
|
|
|
+ // this.meeting.state = res.data
|
|
|
+ })
|
|
|
//会议列表、历史会议
|
|
|
var myDate = new Date();
|
|
|
let Year = myDate.getFullYear();
|
|
|
@@ -296,26 +354,24 @@ export default {
|
|
|
}else{
|
|
|
Day = Day
|
|
|
}
|
|
|
- this.meetimg.meetimgMessage.meetingForm1.current = 1
|
|
|
- this.meetimg.meetimgMessage.meetingForm2.current = 1
|
|
|
- this.meetimg.meetimgMessage.meetingForm1.startTime = Year + '-' + Month + '-' + Day + " 00:00:00"
|
|
|
- this.meetimg.meetimgMessage.meetingForm1.endTime = Year + '-' + Month + '-' + Day + " 23:59:59"
|
|
|
- meetingPageApi(this.meetimg.meetimgMessage.meetingForm1).then(res =>{
|
|
|
- this.meetimg.meetimgMessage.meeting = true
|
|
|
- this.meetimg.meetimgMessage.order = res.data.records
|
|
|
- })
|
|
|
- meetingPageApi(this.meetimg.meetimgMessage.meetingForm2).then(res =>{
|
|
|
- this.meetimg.meetimgMessage.history = res.data.records
|
|
|
- })
|
|
|
-
|
|
|
-
|
|
|
+ this.meeting.meetingMessage.meetingForm1.current = 1
|
|
|
+ this.meeting.meetingMessage.meetingForm2.current = 1
|
|
|
+ this.meeting.meetingMessage.meetingForm1.startTime = Year + '-' + Month + '-' + Day + " 00:00:00"
|
|
|
+ this.meeting.meetingMessage.meetingForm1.endTime = Year + '-' + Month + '-' + Day + " 23:59:59"
|
|
|
+ meetingPageApi(this.meeting.meetingMessage.meetingForm1).then(res =>{
|
|
|
+ this.meeting.meetingMessage.meeting = true
|
|
|
+ this.meeting.meetingMessage.order = res.data.records
|
|
|
+ })
|
|
|
+ meetingPageApi(this.meeting.meetingMessage.meetingForm2).then(res =>{
|
|
|
+ this.meeting.meetingMessage.history = res.data.records
|
|
|
+ })
|
|
|
}else if(this.resInfo.equipmentState){//设备
|
|
|
console.log("点位设备")
|
|
|
this.equipment.state = true
|
|
|
this.equipment.equipmentMessage = this.resInfo.equipmentMessage
|
|
|
}else if(this.resInfo.videoState){//视频
|
|
|
if(this.resInfo.videoMessage){
|
|
|
- videoUrl({"cameraIndexCode":this.resInfo.videoMessage.data.registerDeviceId,"protocol":"hls"}).then(res =>{ // 点位摄像头视频
|
|
|
+ videoUrl({"cameraIndexCode":this.resInfo.videoMessage.registerDeviceId,"protocol":"hls"}).then(res =>{ // 点位摄像头视频
|
|
|
console.log("摄像头绑定")
|
|
|
if(res.data != null){
|
|
|
this.video.videoUrl = res.data.url
|
|
|
@@ -331,15 +387,65 @@ export default {
|
|
|
this.video.videoNo = true
|
|
|
this.video.play = false
|
|
|
}
|
|
|
- }else{
|
|
|
+ }else if(this.resInfo.xinfaState){//信发
|
|
|
+ console.log(this.resInfo,this.resInfo.xinfaMessage.registerDeviceId)
|
|
|
+ this.xinfa.cMarks = this.resInfo.xinfaMessage.registerDeviceI
|
|
|
+ let cMark = this.resInfo.xinfaMessage.registerDeviceId
|
|
|
+ xinfaToken().then(res =>{ //信发设备
|
|
|
+ console.log("信发设备")
|
|
|
+ let access_token = res.data.authToken
|
|
|
+ let secret = res.data.secret
|
|
|
+ let acces_secret_md5 = this.$md5(secret)
|
|
|
+ let timestamp = Date.parse(new Date()) / 1000;
|
|
|
+ let sign = this.$md5(access_token + acces_secret_md5 + timestamp);
|
|
|
+ axios({
|
|
|
+ method: 'get',
|
|
|
+ url: 'http://10.108.35.105:8780/adc/sdk/dev_get_devstatus',
|
|
|
+ params: {
|
|
|
+ access_token: access_token,
|
|
|
+ timestamp: timestamp,
|
|
|
+ sign:sign,
|
|
|
+ cMark:cMark
|
|
|
+ },
|
|
|
+ timeout: 3000,
|
|
|
+ }).then(res =>{
|
|
|
+ console.log(res)
|
|
|
+ this.xinfa.state = true
|
|
|
+ if(res.data.result == "failed"){
|
|
|
+ this.xinfa.text = res.data.retInfo
|
|
|
+ this.xinfa.bgc.background = "#E22323"
|
|
|
+ this.xinfa.color.color = "#E22323"
|
|
|
+ this.xinfa.name = this.resInfo.xinfaMessage.deviceName + this.resInfo.xinfaMessage.deviceType
|
|
|
+ }else if(res.data.online == 0){
|
|
|
+ this.xinfa.text = "不在线"
|
|
|
+ this.xinfa.bgc.background = "#E22323"
|
|
|
+ this.xinfa.color.color = "#E22323"
|
|
|
+ this.xinfa.sbState = false
|
|
|
+ this.xinfa.name = this.resInfo.xinfaMessage.deviceName + this.resInfo.xinfaMessage.deviceType
|
|
|
+ }else{
|
|
|
+ this.xinfa.text = "在线"
|
|
|
+ this.xinfa.bgc.background = "#46C00B"
|
|
|
+ this.xinfa.color.color = "#46C00B"
|
|
|
+ this.xinfa.name = this.resInfo.xinfaMessage.deviceName + this.resInfo.xinfaMessage.deviceType
|
|
|
+ }
|
|
|
+ }).catch(err =>{
|
|
|
+ this.xinfa.text = "不在线"
|
|
|
+ this.xinfa.bgc.background = "#E22323"
|
|
|
+ this.xinfa.color.color = "#E22323"
|
|
|
+ this.xinfa.sbState = false
|
|
|
+ this.xinfa.sbState = false
|
|
|
+ this.xinfa.name = this.resInfo.xinfaMessage.deviceName + this.resInfo.xinfaMessage.deviceType
|
|
|
|
|
|
+ });
|
|
|
+ })
|
|
|
+
|
|
|
}
|
|
|
},
|
|
|
changeDate(){
|
|
|
- this.meetimg.meetimgMessage.meetingForm2.current = 1
|
|
|
+ this.meeting.meetingMessage.meetingForm2.current = 1
|
|
|
this.dataChange()
|
|
|
- meetingPageApi(this.meetimg.meetimgMessage.meetingForm2).then(res =>{
|
|
|
- this.meetimg.meetimgMessage.history = res.data.records
|
|
|
+ meetingPageApi(this.meeting.meetingMessage.meetingForm2).then(res =>{
|
|
|
+ this.meeting.meetingMessage.history = res.data.records
|
|
|
})
|
|
|
},
|
|
|
dataChange(){//时间转化
|
|
|
@@ -358,7 +464,7 @@ export default {
|
|
|
}else{
|
|
|
Day1 = Day1
|
|
|
}
|
|
|
- this.meetimg.meetimgMessage.meetingForm2.startTime = Year1 + '-' + Month1 + '-' + Day1 + " 00:00:00"
|
|
|
+ this.meeting.meetingMessage.meetingForm2.startTime = Year1 + '-' + Month1 + '-' + Day1 + " 00:00:00"
|
|
|
var myDate2 = this.time[1];
|
|
|
let Year2 = myDate2.getFullYear();
|
|
|
let Month2 = myDate2.getMonth() + 1;
|
|
|
@@ -374,55 +480,126 @@ export default {
|
|
|
}else{
|
|
|
Day2 = Day2
|
|
|
}
|
|
|
- this.meetimg.meetimgMessage.meetingForm2.endTime = Year2 + '-' + Month2 + '-' + Day2 + " 23:59:59"
|
|
|
+ this.meeting.meetingMessage.meetingForm2.endTime = Year2 + '-' + Month2 + '-' + Day2 + " 23:59:59"
|
|
|
}
|
|
|
},
|
|
|
- moreMeetimgMsg1() { //预约列表滑动加载
|
|
|
+ moremeetingMsg1() { //预约列表滑动加载
|
|
|
console.log('触发预约列表滑动加载事件')
|
|
|
- this.meetimg.meetimgMessage.meetingForm1.current ++
|
|
|
- meetingPageApi(this.meetimg.meetimgMessage.meetingForm1).then(res =>{
|
|
|
+ this.meeting.meetingMessage.meetingForm1.current ++
|
|
|
+ meetingPageApi(this.meeting.meetingMessage.meetingForm1).then(res =>{
|
|
|
if(res.data.records.length>0){
|
|
|
let data = res.data.records
|
|
|
for(let i =0;i<data.length; i++){
|
|
|
- this.meetimg.meetimgMessage.order.push(data[i])
|
|
|
+ this.meeting.meetingMessage.order.push(data[i])
|
|
|
}
|
|
|
}else{
|
|
|
- this.meetimg.meetimgMessage.meetingForm1.current --
|
|
|
+ this.meeting.meetingMessage.meetingForm1.current --
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- moreMeetimgMsg2() { //历史会议信息列表滑动加载
|
|
|
+ moremeetingMsg2() { //历史会议信息列表滑动加载
|
|
|
console.log('触发历史会议信息滑动加载事件')
|
|
|
this.dataChange()
|
|
|
- this.meetimg.meetimgMessage.meetingForm2.current ++
|
|
|
- meetingPageApi(this.meetimg.meetimgMessage.meetingForm2).then(res =>{
|
|
|
+ this.meeting.meetingMessage.meetingForm2.current ++
|
|
|
+ meetingPageApi(this.meeting.meetingMessage.meetingForm2).then(res =>{
|
|
|
if(res.data.records.length>0){
|
|
|
let data = res.data.records
|
|
|
for(let i =0;i<data.length; i++){
|
|
|
- this.meetimg.meetimgMessage.history.push(data[i])
|
|
|
+ this.meeting.meetingMessage.history.push(data[i])
|
|
|
}
|
|
|
}else{
|
|
|
- this.meetimg.meetimgMessage.meetingForm2.current --
|
|
|
+ this.meeting.meetingMessage.meetingForm2.current --
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ xinfaSwitch(e){
|
|
|
+ xinfaToken().then(res =>{ //信发设备
|
|
|
+ console.log("信发设备")
|
|
|
+ let access_token = res.data.authToken
|
|
|
+ let secret = res.data.secret
|
|
|
+ let acces_secret_md5 = this.$md5(secret)
|
|
|
+ let timestamp = Date.parse(new Date()) / 1000;
|
|
|
+ let sign = this.$md5(access_token + acces_secret_md5 + timestamp);
|
|
|
+ if(e == "open"){
|
|
|
+ var sCmd ={
|
|
|
+ paramType:17,
|
|
|
+ onoff:1,//1:立即唤醒；0：立即休眠
|
|
|
+ subcmd:'ctrl_lcd_onoff_ontime'
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ var sCmd ={
|
|
|
+ paramType:17,
|
|
|
+ onoff:0,//1:立即唤醒；0：立即休眠
|
|
|
+ subcmd:'ctrl_lcd_onoff_ontime'
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ axios({
|
|
|
+ method: 'get',
|
|
|
+ url: 'http://10.108.35.105:8780/adc/sdk/sendClientParams',
|
|
|
+ params: {
|
|
|
+ access_token: access_token,
|
|
|
+ timestamp: timestamp,
|
|
|
+ sign:sign,
|
|
|
+ paramType:"17",
|
|
|
+ cMark:this.xinfa.cMarks,
|
|
|
+ params:JSON.stringify(sCmd),
|
|
|
+ retry:"0"
|
|
|
+ },
|
|
|
+ timeout: 3000,
|
|
|
+ }).then(res =>{
|
|
|
+ console.log(res)
|
|
|
+ if(res.data.result =="success"){
|
|
|
+ if(e == "open"){
|
|
|
+ this.$message({
|
|
|
+ showClose: true,
|
|
|
+ message: '设备唤醒成功',
|
|
|
+ type: 'success'
|
|
|
+ });
|
|
|
+ }else{
|
|
|
+ this.$message({
|
|
|
+ showClose: true,
|
|
|
+ message: '设备已进入休眠状态',
|
|
|
+ type: 'success'
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+
|
|
|
+ },
|
|
|
close(){
|
|
|
console.log(11)
|
|
|
this.warning.state = false
|
|
|
this.music.state = false
|
|
|
- this.meeting.meetimgMessage.meeting = false
|
|
|
+ this.meeting.meetingMessage.meeting = false
|
|
|
this.equipment.state = false
|
|
|
this.video.state = false
|
|
|
this.video.play = false
|
|
|
this.video.videoId = false
|
|
|
this.video.videoNo = false
|
|
|
+ this.xinfa.state = false
|
|
|
+ this.entranceGuard.state = false
|
|
|
this.$emit("close",false)
|
|
|
- }
|
|
|
+ },
|
|
|
+ tableRowClassName({row, rowIndex}) {
|
|
|
+ if (rowIndex%2=== 1) //=>这里可以改成 rowIndex%2=== 1，后面直接else即可达到隔行变色效果。
|
|
|
+ {
|
|
|
+ return 'success-row';
|
|
|
+ }
|
|
|
+ return '';
|
|
|
+ }
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+
|
|
|
+
|
|
|
+/deep/ .el-table .success-row {
|
|
|
+ background: rgba(22, 55, 163, 0.5) !important;//这里可以修改颜色
|
|
|
+}
|
|
|
.Spring-frame {
|
|
|
position: absolute;
|
|
|
width:50%;
|
|
|
@@ -497,13 +674,15 @@ export default {
|
|
|
margin:12px 6px 0 0;
|
|
|
}
|
|
|
}
|
|
|
+ .contain{
|
|
|
+ background-color:rgba(0,22,103,.85);
|
|
|
+ border-radius: 0 0 4px 4px;
|
|
|
+ }
|
|
|
}
|
|
|
.meeting,.music{
|
|
|
height:300px;
|
|
|
.contain{
|
|
|
height:300px;
|
|
|
- background-color:rgba(0,22,103,.85);
|
|
|
- border-radius: 0 0 4px 4px;
|
|
|
overflow: hidden;
|
|
|
.section{
|
|
|
padding:10px;
|
|
|
@@ -526,12 +705,19 @@ export default {
|
|
|
// margin-bottom:2px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ /deep/ .el-table tr, /deep/ .el-table th, /deep/ .el-table td{
|
|
|
+ background-color: transparent;//这是设置透明背景色
|
|
|
+ font-size: 10px;
|
|
|
+ padding:0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .meeting .title{
|
|
|
+ font-size: 12px;
|
|
|
}
|
|
|
.equipment{
|
|
|
.contain{
|
|
|
padding: 10px 10px 25px;
|
|
|
- background-color:rgba(0,22,103,.85);
|
|
|
- border-radius: 0 0 4px 4px;
|
|
|
overflow: hidden;
|
|
|
.title{
|
|
|
margin-top:10px;
|
|
|
@@ -553,8 +739,6 @@ export default {
|
|
|
}
|
|
|
.video{
|
|
|
.contain{
|
|
|
- background-color:rgba(0,22,103,.85);
|
|
|
- border-radius: 0 0 4px 4px;
|
|
|
overflow: hidden;
|
|
|
.videoPaly{
|
|
|
width:100%;
|
|
|
@@ -578,6 +762,171 @@ export default {
|
|
|
}
|
|
|
|
|
|
}
|
|
|
+ .xinfa{
|
|
|
+ width:290px !important;
|
|
|
+ .contain{
|
|
|
+ height:140px;
|
|
|
+ padding:35px 10px;
|
|
|
+ overflow: hidden;
|
|
|
+ .module1{
|
|
|
+ .title{
|
|
|
+ font-size: 14px;
|
|
|
+ color:#fff;
|
|
|
+ text-align: left;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ .wrap{
|
|
|
+ vertical-align: middle;
|
|
|
+ display: inline-block;
|
|
|
+ .span1{
|
|
|
+ width:12px;
|
|
|
+ height:12px;
|
|
|
+ border-radius: 50%;
|
|
|
+ background-color: red;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ .span2{
|
|
|
+ font-size: 14px;
|
|
|
+ margin-left:5px;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .module2{
|
|
|
+ margin-top:30px;
|
|
|
+ .title{
|
|
|
+ font-size: 14px;
|
|
|
+ color:#fff;
|
|
|
+ text-align: left;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ .wrap{
|
|
|
+ .open,.off{
|
|
|
+ width:60px;
|
|
|
+ height:26px;
|
|
|
+ }
|
|
|
+ .off{
|
|
|
+ margin-left:25px;
|
|
|
+ }
|
|
|
+ vertical-align: middle;
|
|
|
+ display: inline-block;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .videoNo{
|
|
|
+ margin: 10% auto;
|
|
|
+ img{
|
|
|
+ height:97px;
|
|
|
+ width:102px;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+ p{
|
|
|
+ text-align: center;
|
|
|
+ font-size: 12px;
|
|
|
+ color:#fff;
|
|
|
+ margin-top:3%;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .entranceGuard{
|
|
|
+ .contain{
|
|
|
+ height:300px;
|
|
|
+ padding:15px 10px;
|
|
|
+ overflow: hidden;
|
|
|
+ .day{
|
|
|
+ font-size: 14px;
|
|
|
+ color:#fff;
|
|
|
+ text-align: left;
|
|
|
+ margin-left:4px;
|
|
|
+ }
|
|
|
+ .wrap{
|
|
|
+ width:100%;
|
|
|
+ .section{
|
|
|
+ width:45.5%;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(../../../assets/image/entranceGuard.png) no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ padding:20px 0;
|
|
|
+ margin-top:6px;
|
|
|
+ vertical-align: middle;
|
|
|
+ .text{
|
|
|
+ font-size: 16px;
|
|
|
+ color:#fff;
|
|
|
+ margin-left:20px;
|
|
|
+ vertical-align: middle;
|
|
|
+
|
|
|
+ }
|
|
|
+ .num{
|
|
|
+ font-size: 25px;
|
|
|
+ margin-left:50px;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .section:nth-child(2){
|
|
|
+ margin-left:9%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .tableTitle{
|
|
|
+ width:96.2% !important;
|
|
|
+ margin:0 auto;
|
|
|
+ font-size: 16px;
|
|
|
+ padding:6px 0;
|
|
|
+ background-color: #1637A3;
|
|
|
+ padding-left:8px;
|
|
|
+ margin-top:14px;
|
|
|
+ }
|
|
|
+ .table2{
|
|
|
+ width:98% !important;
|
|
|
+ margin:0 auto;
|
|
|
+ margin-top:10px;
|
|
|
+ thead{
|
|
|
+ tr{
|
|
|
+ font-size: 30px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ th{
|
|
|
+ height:30px;
|
|
|
+
|
|
|
+ border-bottom: none;
|
|
|
+
|
|
|
+ }
|
|
|
+ /deep/ tr{
|
|
|
+ //background-color: transparent;//这是设置透明背景色
|
|
|
+ padding:6px 0;
|
|
|
+ border:none
|
|
|
+ }
|
|
|
+ /deep/ .cell{
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ /deep/ td{
|
|
|
+ padding:4px 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ /deep/ .el-table tr, /deep/ .el-table th, /deep/ .el-table td{
|
|
|
+ background-color: transparent;//这是设置透明背景色
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+/deep/ .el-table__row>td {
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+
|
|
|
+/deep/ .el-table::before {
|
|
|
+ height: 0px;
|
|
|
}
|
|
|
.scroll{
|
|
|
overflow-y: scroll;
|
|
|
@@ -625,7 +974,7 @@ export default {
|
|
|
}
|
|
|
/deep/ .el-table thead{
|
|
|
color:#fff;
|
|
|
- background-color: rgba(28,82,216,.2);
|
|
|
+ // background-color: rgba(28,82,216,.2);
|
|
|
}
|
|
|
|
|
|
/deep/ .el-table--border th{
|
|
|
@@ -642,11 +991,7 @@ export default {
|
|
|
border-collapse: collapse;
|
|
|
|
|
|
}
|
|
|
-/deep/ .el-table tr, /deep/ .el-table th, /deep/ .el-table td{
|
|
|
- background-color: transparent;//这是设置透明背景色
|
|
|
- font-size: 10px;
|
|
|
- padding:0;
|
|
|
-}
|
|
|
+
|
|
|
/deep/ .el-table__empty-text{
|
|
|
color:#fff;
|
|
|
font-size: 10px;
|
wangtao
