样式调整

README.md

@@ -1,4 +1,4 @@
-## 开发 东信运营中心(接口涉及设备设施、安防、、)
+## V3-Z(大屏v3 左屏)
 
 ```bash
 # 克隆项目

src/components2/SpringFrame/canyin.vue

@@ -1,148 +0,0 @@
-<template>
-  <el-row class="video commonWidth" v-if="state">
-    <el-col class="top">
-      <el-col class="title">
-        <span>菜品名称</span>
-      </el-col>
-      <el-image
-        @click="close2"
-        class="close"
-        :src="close"
-      ></el-image>
-    </el-col>
-    <el-col class="contain">
-       <el-col class="title">{{data2.name}}</el-col>
-       <el-col :span="12" class="nh">
-            <el-image :src="cy"  />
-            <el-col class="name"
-            >供应数量<el-col class="num"
-                >{{data2.num[0]}}<span class="unit">份</span></el-col
-            ></el-col
-            >
-      </el-col>
-      <el-col :span="12" class="nh">
-            <el-image :src="cy" />
-            <el-col class="name"
-            >剩余数量<el-col class="num"
-                >{{data2.num[1]}}<span class="unit">份</span></el-col
-            ></el-col
-            >
-      </el-col>
-      <el-col :span="12" class="nh">
-            <el-image :src="cy"  />
-            <el-col class="name"
-            >单价<el-col class="num"
-                >{{data2.num[2]}}<span class="unit">元</span></el-col
-            ></el-col
-            >
-      </el-col>
-      <el-col :span="12" class="nh">
-            <el-image :src="cy"  />
-            <el-col class="name"
-            >评价统计<el-col class="num"
-                >{{data2.num[3]}}<span class="unit">分</span></el-col
-            ></el-col
-            >
-      </el-col>
-    </el-col>
-  </el-row>
-</template>
-<script>
-import close from "@/assets/images2/close.png";
-import cy from "@/assets/images2/能耗统计icon.png";
-export default {
-  name: "canyin",
-  props: ["resInfo"],
-  data() {
-    return {
-      state: true,
-      close: close,
-      cy: cy,
-      data:[
-          {name:"清炒时蔬",num:[412,5,10,9]},
-          {name:"柠檬鸭",num:[315,0,15,8.5]},
-          {name:"番茄炒蛋",num:[267,3,10,8.1]},
-      ],
-      data2:{}
-    };
-  },
-  mounted() {
-    this.getData();
-  },
-  methods: {
-    getData() {
-      this.data2 = this.data[this.resInfo.canyin - 1]
-    },
-
-    close2() {
-      //关闭
-      this.state = false;
-      this.$emit("close");
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-@import "@/assets/styles/common.scss";
-.commonWidth {
-  width: 950px;
-  height: 500px;
-  background-color: rgba(40,40,40,0.5);
-  margin: 0 auto;
-  border-radius: 20px;
-  padding: 20px;
-  color: $white;
-  .top {
-    .title {
-      width: 100%;
-      margin-top: -2px;
-      margin-left: 16px;
-      display: inline-block;
-      font-size: 30px;
-    }
-    .close {
-      width: 40px;
-      height: 40px;
-      float: right;
-      margin-top: -40px;
-      image {
-        width: 100%;
-      }
-    }
-  }
-  .contain {
-      .title{
-          font-size: 30px;
-          text-align: center;
-          margin:40px auto -30px;
-      }
-    .nh {
-        margin-top: 100px;
-            .el-image {
-            width: 40px;
-            margin-top: -25px;
-            margin-left:120px;
-            float: left;
-        }
-        .name {
-            font-size: 26px;
-            margin: -25px 15px 0 !important;
-            width: 150px;
-            display: block;
-        .num {
-            font-size: 30px;
-            font-family: 'DINAlternate-Bold';
-            font-weight: 700;
-            margin-top: 15px;
-            display: inline-block;
-            .unit {
-            font-size: 20px;
-            margin-left:10px;
-            }
-        }
-        }
-    }
-  }
-}
-</style>

src/components2/SpringFrame/dyj.vue

@@ -1,156 +0,0 @@
-<template>
-  <el-row class="video commonWidth" v-if="state">
-    <el-col class="top">
-      <el-col class="title">
-        <span>打印机详情</span>
-      </el-col>
-      <el-image
-        @click="close2"
-        class="close"
-        :src="close"
-      ></el-image>
-    </el-col>
-    <el-col class="contain">
-      <el-col class="data">
-        <el-col class="title" :span="8">打印机名称：</el-col>
-        <el-col class="content" :span="16">8楼公共打印机</el-col>
-      </el-col>
-      <el-col class="data">
-        <el-col class="title" :span="8">安装位置：</el-col>
-        <el-col class="content" :span="16">8楼中庭</el-col>
-      </el-col>
-      <el-col class="data">
-        <el-col class="title" :span="8">管理人：</el-col>
-        <el-col class="content" :span="16">农宝钰</el-col>
-      </el-col>
-      <el-col class="data" style="margin-bottom: 60px">
-        <el-col class="title" :span="8">今日打印纸张：</el-col>
-        <el-col class="content" :span="16">101</el-col>
-      </el-col>
-      <table width="90%" class="table">
-        <thead>
-          <tr>
-            <th>文件名称</th>
-            <th>提交人</th>
-            <th>页数</th>
-            <th>状态</th>
-          </tr>
-        </thead>
-        <tr>
-          <td>***合同.pdf</td>
-          <td>黎瀛</td>
-          <td>14页</td>
-          <td style="color:#ff890d">已完成</td>
-        </tr>
-        <tr>
-          <td>***方案.docx</td>
-          <td>王飞</td>
-          <td>31页</td>
-          <td style="color:#fed90e">待审批</td>
-        </tr>
-        <tr>
-          <td>***订单.pdf</td>
-          <td>田建恒</td>
-          <td>2页</td>
-          <td style="color:#ff890d">已完成</td>
-        </tr>
-      </table>
-    </el-col>
-  </el-row>
-</template>
-<script>
-import close from "@/assets/images2/close.png";
-export default {
-  name: "xg",
-  props: ["resInfo"],
-  data() {
-    return {
-      state: true,
-      close: close,
-      data: [],
-    };
-  },
-  mounted() {
-    this.getData();
-  },
-  methods: {
-    getData() {
-      
-    },
-
-    close2() {
-      //关闭
-      this.state = false;
-      this.$emit("close");
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-@import "@/assets/styles/common.scss";
-.commonWidth {
-  width: 950px;
-  height: 650px;
-  background-color: rgba(40,40,40,0.5);
-  margin: 0 auto;
-  border-radius: 20px;
-  padding: 20px;
-  color: $white;
-  .top {
-    .title {
-      width: 100%;
-      margin-top: -2px;
-      margin-left: 16px;
-      display: inline-block;
-      font-size: 30px;
-    }
-    .close {
-      width: 40px;
-      height: 40px;
-      float: right;
-      margin-top: -40px;
-      image {
-        width: 100%;
-      }
-    }
-  }
-  .contain {
-    .data {
-      margin-top: 30px;
-      font-size: 28px;
-      .title {
-        text-align: right;
-      }
-      .content {
-        text-align: left;
-      }
-    }
-    .data:nth-child(1) {
-      margin-top: 60px;
-    }
-  }
-}
-table {
-  border-collapse: collapse;
-  margin: 0 auto;
-  text-align: center;
-}
-table td,
-table th {
-  border: 1px solid #cad9ea;
-  color: #fff;
-  height: 50px;
-  font-size: 24px;
-}
-table thead th {
-  background-color: #323a45;
-  width: 100px;
-}
-table tr {
-  background: #2a303c;
-}
-</style>
-<style >
-/* 表格内背景颜色 */
-</style>

src/components2/SpringFrame/gjxx.vue

@@ -1,161 +0,0 @@
-<template>
-    <el-row class="video commonWidth" v-if="state">
-        <el-col class="top">
-            <el-col class="title">
-                <span>告警信息</span>
-            </el-col>
-            <el-image @click="close2" class="close"
-            :src="close"
-            ></el-image>
-        </el-col>
-        <el-col class="contain">
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    告警地址：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].companyName || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    告警位置：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].unitInfo || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    告警时间：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].alarmTime || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    告警内容：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].property || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    告警类型：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].deviceTypeName}}
-                </el-col>
-            </el-col>
-            <!-- <el-col class="data">
-                <el-col class="title" :span="8">
-                    告警类型码：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].evt || '--'}}
-                </el-col>
-            </el-col> -->
-            <el-col class="data" >
-                <el-col class="title" :span="8">
-                    设备ID：
-                </el-col>
-                <el-col class="content" :span="16">
-                     {{data[0]. deviceId || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data" style="margin-bottom:60px">
-                <el-col class="title" :span="8">
-                    设备名称：
-                </el-col>
-                <el-col class="content" :span="16">
-                     {{data[0].deviceName || '--'}}
-                </el-col>
-            </el-col>
-
-        </el-col>
-    </el-row>
-</template>
-<script>
-import close from "@/assets/images2/close.png";
-export default {
-    name:"xg",
-    props:['resInfo'],
-    data() {
-        return {
-            state:false,
-            close:close,
-            data:[],
-        }
-    },
-    mounted(){
-        this.getData()
-    },
-    methods: {
-        getData(){
-            this.data.push(this.resInfo)
-            this.state = true
-        },
-
-        close2(){//关闭
-            this.state = false
-            this.$emit("close")
-        },
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.commonWidth{
-    width:950px;
-    height:620px;
-    background-color: rgba(40,40,40,0.5);
-    margin:0 auto; 
-    border-radius: 20px;
-    padding:20px;
-    color:$white;
-    .top{
-        .title{
-            width:100%;
-            margin-top:-2px; 
-            margin-left:16px;
-            display: inline-block;
-            font-size:30px;
-        }
-        .close{
-            width:40px;
-            height:40px;
-            float:right;
-            margin-top:-40px;
-            image{
-                width:100%;
-            }
-        }
-    } 
-    .contain{
-        .data{
-            margin-top:30px;
-            font-size: 28px;
-            .title{
-                text-align: right;
-            }
-            .content{
-                text-align: left;
-            }
-        }
-        .data:nth-child(1){
-            margin-top:50px;
-        }
-        
-    }
-}
-
-
-
-</style>
-<style >
-/* 表格内背景颜色 */
-
-</style>

src/components2/SpringFrame/hy.vue

@@ -1,158 +0,0 @@
-<template>
-    <el-row class="video commonWidth" v-if="state">
-        <el-col class="top">
-            <el-col class="title">
-                <span>会议详情</span>
-            </el-col>
-            <el-image @click="close2" class="close"
-            :src="close"
-            ></el-image>
-        </el-col>
-        <el-col class="contain">
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    会议室名称：
-                </el-col>
-                <el-col class="content" :span="16">
-                    1003会议室
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    当前会议名称：
-                </el-col>
-                <el-col class="content" :span="16">
-                    xxx研讨会
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    会议开始时间：
-                </el-col>
-                <el-col class="content" :span="16">
-                    2022-05-26 15:00:00
-                </el-col>
-            </el-col>
-            <el-col class="data"  >
-                <el-col class="title" :span="8">
-                    会议结束时间：
-                </el-col>
-                <el-col class="content" :span="16">
-                    2022-05-26 16:00:00
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    主持人：
-                </el-col>
-                <el-col class="content" :span="16">
-                    王某某
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    应道人数：
-                </el-col>
-                <el-col class="content" :span="16">
-                    100 人
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    实到人数：
-                </el-col>
-                <el-col class="content" :span="16">
-                    75 人
-                </el-col>
-            </el-col>
-            <el-col class="data" style="margin-bottom:60px">
-                <el-col class="title" :span="8">
-                    未签到人数：
-                </el-col>
-                <el-col class="content" :span="16">
-                    25 人
-                </el-col>
-            </el-col>
-        </el-col>
-    </el-row>
-</template>
-<script>
-import close from "@/assets/images2/close.png";
-export default {
-    name:"xg",
-    props:['resInfo'],
-    data() {
-        return {
-            state:true,
-            close:close,
-            data:[],
-        }
-    },
-    mounted(){
-        this.getData()
-    },
-    methods: {
-        getData(){
-        },
-
-        close2(){//关闭
-            this.state = false
-            this.$emit("close")
-        },
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.commonWidth{
-    width:950px;
-    height:720px;
-    background-color: rgba(40,40,40,0.5);
-    margin:0 auto; 
-    border-radius: 20px;
-    padding:20px;
-    color:$white;
-    .top{
-        .title{
-            width:100%;
-            margin-top:-2px; 
-            margin-left:16px;
-            display: inline-block;
-            font-size:30px;
-        }
-        .close{
-            width:40px;
-            height:40px;
-            float:right;
-            margin-top:-40px;
-            image{
-                width:100%;
-            }
-        }
-    } 
-    .contain{
-        .data{
-            margin-top:30px;
-            font-size: 28px;
-            .title{
-                text-align: right;
-            }
-            .content{
-                text-align: left;
-            }
-        }
-        .data:nth-child(1){
-            margin-top:60px;
-        }
-        
-    }
-}
-
-
-
-</style>
-<style >
-/* 表格内背景颜色 */
-
-</style>

src/components2/SpringFrame/index.vue

@@ -1,126 +0,0 @@
-<template>
-    <div class="Spring-frame">
-        <transition name="fade">
-            <videoPlay v-if="video" :resInfo="item" @close="itemClose"/>
-        </transition>
-        <transition name="fade">
-            <xg v-if="xg" :resInfo="item" @close="itemClose"/>
-        </transition>
-        <transition name="fade">
-            <hy v-if="hy" :resInfo="item" @close="itemClose"/>
-        </transition>
-        <transition name="fade">
-            <dyj v-if="dyj" :resInfo="item" @close="itemClose"/>
-        </transition>
-        <transition name="fade">
-            <canyin v-if="canyin" :resInfo="item" @close="itemClose"/>
-        </transition>
-        <transition name="fade">
-            <gjxx v-if="gjxx" :resInfo="item" @close="itemClose"/>
-        </transition>
-        <transition name="fade">
-            <rqgj v-if="rqgj" :resInfo="item" @close="itemClose"/>
-        </transition>
-        <transition name="fade">
-            <xfgj v-if="xfgj" :resInfo="item" @close="itemClose"/>
-        </transition>
-   </div>
-</template>
-<script>
-import videoPlay from "@/components2/SpringFrame/videoPlay";
-import xg from "@/components2/SpringFrame/xg";
-import hy from "@/components2/SpringFrame/hy";
-import dyj from "@/components2/SpringFrame/dyj";
-import canyin  from "@/components2/SpringFrame/canyin";
-import gjxx  from "@/components2/SpringFrame/gjxx";
-import rqgj  from "@/components2/SpringFrame/rqgj";
-import xfgj  from "@/components2/SpringFrame/xfgj";
-export default {
-    name:"index",
-    props:['resInfo'],
-    components: {
-        videoPlay,xg,hy,dyj,canyin,gjxx,rqgj,xfgj
-    },
-    data() {
-        return {
-            item:{},
-            video:false,
-            xg:false,
-            hy:false,
-            dyj:false,
-            canyin:false,
-            gjxx:undefined,
-            rqgj:undefined,
-            xfgj:undefined,
-        }
-    },
-    watch: {
-        resInfo(){
-            this.getData()
-        },
-    },
-    mounted(){
-        this.getData()
-    },
-    methods: {
-        getData(){
-            if(this.resInfo.video){//视频
-                this.video = true
-                this.item = this.resInfo.video
-            }
-            if(this.resInfo.xg){//巡更
-                this.xg = true
-                this.item = this.resInfo.xg
-            }
-            if(this.resInfo.hy){//会议室
-                this.hy = true
-            }
-            if(this.resInfo.dyj){//打印机
-                this.dyj = true
-            }
-            if(this.resInfo.canyin){//餐饮
-                this.canyin = true
-                this.item = this.resInfo
-            }
-            if(this.resInfo.gjxx){//告警信息
-                this.gjxx = true
-                this.item = this.resInfo.gjxx
-            }
-            if(this.resInfo.rqgj){//入侵告警
-                this.rqgj = true
-                this.item = this.resInfo.rqgj
-            }
-            if(this.resInfo.xfgj){//消防告警
-                this.xfgj = true
-                this.item = this.resInfo.xfgj
-            }
-        },
-        itemClose(){
-            this.video = false
-            this.xg = false
-            this.hy = false
-            this.dyj = false
-            this.canyin = false
-            this.gjxx = false
-            this.rqgj = false
-            this.xfgj = false
-            this.item = {}
-            this.$emit("close")
-        },
-  },
-};
-</script>
-
-<style lang="scss">
-
-.Spring-frame {
-    position: absolute;
-	width:50%;
-	top:20%;
-	left:25%;
-	margin:0 auto;
-    z-index: 1000;
-
-}
-
-</style>

src/components2/SpringFrame/rqgj.vue

@@ -1,237 +0,0 @@
-<template>
-    <el-row class="video commonWidth" v-if="state">
-        <el-col class="top">
-            <el-col class="title">
-                <span>入侵告警信息</span>
-            </el-col>
-            <el-image @click="close2" class="close"
-            :src="close"
-            ></el-image>
-        </el-col>
-        <el-row class="contain">
-            <!-- <el-col class="data">
-                <el-col class="title" :span="10">
-                    CID码：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].cidcode || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    CID级别：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].cidlevel || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    CID内容：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].cidmemo || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    CID类型：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].cidtype || '--'}}
-                </el-col>
-            </el-col> -->
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    连接类型：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].commType == "1" ? "网络" : data[0].commType == "2" ? "串口" :"--"}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    主机连接号：
-                </el-col>
-                <el-col class="content" :span="14">
-                    <!-- 10.208.64.54 -->
-                    {{data[0].connect || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    报警类型：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].eventFlag == "1" ? "主机事件" : data[0].eventFlag == "2" ? "dk903键盘事件" :'--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    事件触发：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].eventtriger == "1" ? "恢复事件" : data[0].eventtriger == "2" ? "触发事件" :'--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    防区名：
-                </el-col>
-                <el-col class="content" :span="14">
-                    <!-- 8楼新风机房 -->
-                    {{data[0].guardCode || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    IP地址：
-                </el-col>
-                <el-col class="content" :span="14">
-                    <!-- 10.208.64.54 -->
-                    {{data[0].ip || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    消息类型：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].message == "alarm" ? "事件报警" : data[0].message || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    分区名：
-                </el-col>
-                <el-col class="content" :span="14">
-                    <!-- 8楼新风机房 -->
-                    {{data[0].partCode || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                   处理状态：
-                </el-col>
-                <el-col class="content" :span="14">
-                     {{data[0].status == "0" ? "未处理" : data[0].status == "1" ? "已处理" :'--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    告警时间：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].creatTime || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    处理时间：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].updateTime || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    处理人：
-                </el-col>
-                <el-col class="content" :span="14">
-                    <!-- 王浩 -->
-                    {{data[0].handler || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data" style="margin-bottom:60px">
-                <el-col class="title" :span="10">
-                    备注：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].remark || '--'}}
-                </el-col>
-            </el-col>
-        </el-row>
-    </el-row>
-</template>
-<script>
-import close from "@/assets/images2/close.png";
-export default {
-    name:"rqgj",
-    props:['resInfo'],
-    data() {
-        return {
-            state:false,
-            close:close,
-            data:[],
-        }
-    },
-    mounted(){
-        this.getData()
-    },
-    methods: {
-        getData(){
-            this.data.push(this.resInfo)
-            this.state = true
-        },
-
-        close2(){//关闭
-            this.state = false
-            this.$emit("close")
-        },
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.commonWidth{
-    width:950px;
-    height:680px;
-    background-color: rgba(40,40,40,0.5);
-    margin:0 auto;
-    border-radius: 20px;
-    padding:20px;
-    color:$white;
-    .top{
-        .title{
-            width:100%;
-            margin-top:-2px;
-            margin-left:16px;
-            display: inline-block;
-            font-size:30px;
-        }
-        .close{
-            width:40px;
-            height:40px;
-            float:right;
-            margin-top:-40px;
-            image{
-                width:100%;
-            }
-        }
-    }
-    .contain{
-        margin-top:80px;
-        .data{
-            margin-top:25px;
-            font-size: 28px;
-            width:50%;
-            float:right;
-            .title{
-                text-align: right;
-            }
-            .content{
-                text-align: left;
-            }
-        }
-
-    }
-}
-
-
-
-</style>
-<style >
-/* 表格内背景颜色 */
-
-</style>

src/components2/SpringFrame/videoPlay.vue

@@ -1,148 +0,0 @@
-<template>
-    <el-row class="video commonWidth" v-if="state">
-        <el-col class="top">
-            <el-col class="title">
-                <span>设备信息</span>
-            </el-col>
-            <el-image @click.native="close2" class="close"
-            :src="close"
-            ></el-image>
-        </el-col>
-        <el-col class="contain">
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    设备名称：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data.name}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    位置信息：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data.name}}
-                </el-col>
-            </el-col>
-            <video 
-                preload="true"
-                autoplay="autoplay" 
-                class="hlsVideo monitor-height"
-                ref="hlsVideo"
-                controls
-                muted
-                :poster="poster"
-            ></video>
-        </el-col>
-    </el-row>
-</template>
-<script>
-import poster from "@/assets/images2/poster.jpg";
-import close from "@/assets/images2/close.png";
-import Hls from "hls.js";
-export default {
-    name:"videoPlay",
-    props:['resInfo'],
-    data() {
-        return {
-            state:false,
-            data:{},
-            hls:undefined,
-            video:undefined,
-            close:close,
-            poster:poster
-        }
-    },
-    mounted(){
-        this.getData()
-    },
-    methods: {
-        getData(){
-            this.state = true
-            this.data= this.resInfo
-            this.loadVideoFn(this.data.url)
-        },
-        destroyHls(id){//关闭视频拉取
-            if (this.hls) {
-                this.$refs.hlsVideo.pause();
-                this.hls.destroy();
-                this.hls = null; 
-            }
-        },
-        loadVideoFn(url) {//视频播放
-            setTimeout(() =>{
-                if (Hls.isSupported()) {
-                    this.hls = new Hls();
-                    this.hls.loadSource(url);
-                    this.hls.attachMedia(this.$refs.hlsVideo);
-                    this.hls.on(Hls.Events.MANIFEST_PARSED, () => {
-                        this.$refs.hlsVideo.play();
-                    });
-                    this.hls.on(Hls.Events.ERROR, (event, data) => {
-                    });
-                }
-            },1000)
-        },
-        close2(){//关闭
-            this.state = false
-            this.$emit("close",false)
-            this.destroyHls()
-            
-        },
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.commonWidth{
-    width:950px;
-    height:800px;
-    background-color: rgba(40,40,40,0.5);
-    margin:0 auto; 
-    border-radius: 10px;
-    padding:20px;
-    color:$white;
-    .top{
-        .title{
-            width:100%;
-            margin-top:-2px; 
-            margin-left:16px;
-            display: inline-block;
-            font-size:30px;
-        }
-        .close{
-            width:40px;
-            height:40px;
-            float:right;
-            margin-top:-40px;
-            image{
-                width:100%;
-            }
-        }
-    } 
-    .contain{
-        margin-top:60px;
-        .data{
-            margin-top:20px;
-            font-size: 28px;
-            .title{
-                text-align: right;
-            }
-            .content{
-                text-align: left;
-            }
-        }
-        .hlsVideo{
-            margin:60px 80px 0;
-            width:750px;
-            video{
-                background-color: #000;
-            }
-        }
-        
-    }
-}
-
-</style>

src/components2/SpringFrame/xfgj.vue

@@ -1,182 +0,0 @@
-<template>
-    <el-row class="video commonWidth" v-if="state">
-        <el-col class="top">
-            <el-col class="title">
-                <span>消防告警信息</span>
-            </el-col>
-            <el-image @click="close2" class="close"
-            :src="close"
-            ></el-image>
-        </el-col>
-        <el-col class="contain">
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    设备所属单位：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].companyName || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    安装位置：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].unitInfo || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    设备ID：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].deviceId || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    设备名称：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].deviceName || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    设备类型：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].deviceTypeName || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    告警时间：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].alarmTime || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    告警内容：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].property || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    处理状态：
-                </el-col>
-                <el-col class="content" :span="16">
-                  <span :class="data[0].clzt == '0' ? 'color3' : data[0].clzt == '1' ? 'color4' : 'color2'">{{data[0].clzt == '0' ? "未处理" : data[0].clzt == '1' ? "已处理:通过" :  data[0].clzt == '2' ? "已处理:未通过" : "--"}}</span>
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    处置时间：
-                </el-col>
-                <el-col class="content" :span="16">
-                 {{data[0].czTime || '--'}}
-                </el-col>
-            </el-col>
-        </el-col>
-    </el-row>
-</template>
-<script>
-import close from "@/assets/images2/close.png";
-export default {
-    name:"xfgj",
-    props:['resInfo'],
-    data() {
-        return {
-            state:false,
-            close:close,
-            data:[],
-        }
-    },
-    mounted(){
-        this.getData()
-    },
-    methods: {
-        getData(){
-            this.data.push(this.resInfo)
-            this.state = true
-        },
-
-        close2(){//关闭
-            this.state = false
-            this.$emit("close")
-        },
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.commonWidth{
-    width:950px;
-    height:760px;
-    background-color: rgba(40,40,40,0.5);
-    margin:0 auto;
-    border-radius: 20px;
-    padding:20px;
-    color:$white;
-    .top{
-        .title{
-            width:100%;
-            margin-top:-2px;
-            margin-left:16px;
-            display: inline-block;
-            font-size:30px;
-        }
-        .close{
-            width:40px;
-            height:40px;
-            float:right;
-            margin-top:-40px;
-            image{
-                width:100%;
-            }
-        }
-    }
-    .contain{
-        .data{
-            margin-top:30px;
-            font-size: 28px;
-            .title{
-                text-align: right;
-            }
-            .content{
-                text-align: left;
-            }
-        }
-        .data:nth-child(1){
-            margin-top:80px;
-        }
-
-    }
-}
-
-
-
-</style>
-<style >
-.color1 {
-    color: #6F99FA!important;
-}
-
-.color2 {
-    color: #DE8C54!important
-}
-
-.color3 {
-    color: #FF5801!important
-}
-
-.color4 {
-    color: #37FF01!important
-}
-
-</style>

src/components2/SpringFrame/xg.vue

@@ -1,179 +0,0 @@
-<template>
-    <el-row class="video commonWidth" v-if="state">
-        <el-col class="top">
-            <el-col class="title">
-                <span>巡更计划详情</span>
-            </el-col>
-            <el-image @click="close2" class="close"
-            :src="close"
-            ></el-image>
-        </el-col>
-        <el-col class="contain">
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    计划名称：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].eLName}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    点位名称：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].ePlaceName}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    启动时间：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].eStartTime}}
-                </el-col>
-            </el-col>
-            <el-col class="data"  >
-                <el-col class="title" :span="8">
-                    执行时间：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].eStartTime}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    当前状态：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].ePlanState}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    执行人：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].eBindUser}}
-                </el-col>
-            </el-col>
-            
-            <el-col class="data" style="margin-bottom:60px">
-                <el-col class="title" :span="8">
-                    巡更完成状态：
-                </el-col>
-                <el-col class="content" :span="16">
-                    完成
-                </el-col>
-            </el-col>
-            <!-- <el-table  :data="data"  height="100"  class="el-table2" 
-            :row-style="{height:'15px'}"
-      :header-row-style="{height:'20px'}"
-      :cell-style="{padding:'0px'}"
-      :header-cell-style="{padding:'0px',background:'#eef1f6'}"
-            >
-                <el-table-column label="点位名称" align="center" prop="ePlaceName"  show-overflow-tooltip />
-                <el-table-column label="巡更完成状态" align="center" prop="ePlanState"  show-overflow-tooltip />
-                <el-table-column label="执行时间" align="center" prop="eStartTime"  show-overflow-tooltip />
-            </el-table> -->
-        </el-col>
-    </el-row>
-</template>
-<script>
-import close from "@/assets/images2/close.png";
-export default {
-    name:"xg",
-    props:['resInfo'],
-    data() {
-        return {
-            state:false,
-            close:close,
-            data:[],
-        }
-    },
-    mounted(){
-        this.getData()
-    },
-    methods: {
-        getData(){
-            this.data.push(this.resInfo)
-            this.state = true
-        },
-
-        close2(){//关闭
-            this.state = false
-            this.$emit("close")
-        },
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.commonWidth{
-    width:950px;
-    height:700px;
-    background-color: rgba(40,40,40,0.5);
-    margin:0 auto; 
-    border-radius: 20px;
-    padding:20px;
-    color:$white;
-    .top{
-        .title{
-            width:100%;
-            margin-top:-2px; 
-            margin-left:16px;
-            display: inline-block;
-            font-size:30px;
-        }
-        .close{
-            width:40px;
-            height:40px;
-            float:right;
-            margin-top:-40px;
-            image{
-                width:100%;
-            }
-        }
-    } 
-    .contain{
-        .data{
-            margin-top:30px;
-            font-size: 28px;
-            .title{
-                text-align: right;
-            }
-            .content{
-                text-align: left;
-            }
-        }
-        .data:nth-child(1){
-            margin-top:80px;
-        }
-        
-    }
-}
-
-.el-table2{
-    width:800px !important;
-    margin:60px 55px 0 !important;
-}
-/* 表格内背景颜色 */
-.el-table2 th,
-.el-table2 tr,
-.el-table2 td {
-  background-color: transparent !important;
-  border: 0 !important;
-  font-size: 260px !important;
-  color: $white;
-  height: 80px !important;
-  line-height: 80px !important;
-  overflow: hidden;
-  padding:0;
-}
-
-</style>
-<style >
-/* 表格内背景颜色 */
-
-</style>

src/components2/cnergyConsumptionStatistics/index.vue

@@ -1,84 +0,0 @@
-<template>
-  <el-col :span="24" class="cnergyConsumptionStatistics modular" style="padding:10px 20px 0;">
-    <el-col class="title" style="margin-left:0" >能耗统计</el-col>
-    <el-col :span="12" class="nh">
-      <el-image :src="cnergyConsumption" fit="scale-down" />
-      <el-col class="name"
-        >当日耗能<el-col class="num"
-          >{{ data.dangri }}<span class="unit">kw · h</span></el-col
-        ></el-col
-      >
-    </el-col>
-    <el-col :span="12" class="nh">
-      <el-image :src="cnergyConsumption" fit="scale-down" />
-      <el-col class="name"
-        >当月耗能<el-col class="num"
-          >{{ data.dangyue }}<span class="unit">kw · h</span></el-col
-        ></el-col
-      >
-    </el-col>
-    <el-col :span="12" class="nh">
-      <el-image :src="cnergyConsumption" fit="scale-down" />
-      <el-col class="name"
-        >昨日耗能<el-col class="num"
-          >{{ data.zuori }}<span class="unit">kw · h</span></el-col
-        ></el-col
-      >
-    </el-col>
-    <el-col :span="12" class="nh">
-      <el-image :src="cnergyConsumption" fit="scale-down" />
-      <el-col class="name"
-        >上月耗能<el-col class="num"
-          >{{ data.shangyu }}<span class="unit">kw · h</span></el-col
-        ></el-col
-      >
-    </el-col>
-  </el-col>
-</template>
-<script>
-import cnergyConsumption from "@/assets/images2/能耗统计icon.png";
-export default {
-  name: "cnergyConsumptionStatistics",
-  props:["resInfo"],
-  data() {
-    return {
-      cnergyConsumption: cnergyConsumption,
-      data:{},
-    };
-  },
-  watch:{
-    resInfo(val,old){
-      this.data = val
-    }
-  }
-};
-</script>
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.nh {
-  margin-top: 2.6vh;
-  .el-image {
-    width: 24px;
-    float: left;
-  }
-  .name {
-    font-size: 16px;
-    margin: 0 12px 0;
-    width: 150px;
-    float: left;
-    color:$white2;
-    .num {
-      font-size: 24px;
-      font-family: "DINAlternate-Bold";
-      font-weight: 700;
-      margin-top: 0.5vh;
-      color:$white;
-      .unit {
-        font-size: 16px;
-        width: auto;
-        margin-left:2px;
-      }
-    }
-  }
-}
-</style>

src/components2/conferenceRoomStatistics/index.vue

@@ -1,117 +0,0 @@
-<template>
-  <el-col :span="24" class="conferenceRoomStatistics modular" style="padding:10px 20px 0;pointer-event: auto;cursor: pointer;" @click.native="hyClick()">
-    <el-col :span="13" class="title" style="margin-left:0" >会议室统计</el-col>
-    <el-col :span="12" class="conferenceRoomStatisticsLeft">
-      <el-col class="rowN" style="margin-top: 45px;">
-        <el-image :src="conferenceRoom" fit="scale-down" />
-        <el-col class="name">会议室总数</el-col>
-        <!-- <el-col class="num">21<span> 间</span></el-col> -->
-        <el-col class="num">{{data.roomTotal}}<span> 间</span></el-col>
-      </el-col>
-      <el-col class="rowN" >
-        <el-image :src="conferenceRoom" fit="scale-down" />
-        <el-col class="name">在用会议室</el-col>
-        <!-- <el-col class="num">0<span> 间</span></el-col> -->
-        <el-col class="num">{{data.roomInUse}}<span> 间</span></el-col>
-      </el-col>
-    </el-col>
-    <div :span="12" style="position: relative;;z-index:10;top:0px;">
-      <p class="titleHy">会议室昨日使用情况</p>
-      <pie :resData="data2.pie" style="margin-top:-10%"/>
-    </div>
-  </el-col>
-</template>
-<script>
-import axios from 'axios'
-import conferenceRoom from "@/assets/images2/会议室统计icon.png";
-import pie from "@/components2/conferenceRoomStatistics/pie.vue";
-export default {
-  name: "conferenceRoomStatistics",
-  props:["resInfo"],
-  components: {
-  	pie,
-  },
-  data() {
-    return {
-      conferenceRoom: conferenceRoom,
-      data:{
-        roomInUse: undefined,
-        attendeeIsSign: undefined,
-        attendeeTotal: undefined,
-        roomTotal: undefined
-      },
-      data2:{}
-    };
-  },
-  watch:{
-    resInfo(val,old){
-      this.data2 = val
-    }
-  },
-  mounted() {
-    this.init()
-    this.timing()
-  },
-  methods: {
-    init(){
-      axios({
-        method: 'get',
-        url: 'https://smartpark.caih.com/hyxt/api/thirdparty/meetingRoom/summary',
-      }).then(res =>{
-        if(res.data){
-          this.data = res.data
-        }
-      }).catch(err =>{
-      })
-    },
-    timing(){
-      setInterval(() =>{
-        this.init()
-      },1000 * 60 * 5)
-    },
-    hyClick(){
-      this.$emit("postMsg","会议室")
-    }
-
-  },
-};
-</script>
-<style lang="scss" scopet>
-@import '@/assets/styles/common.scss';
-.conferenceRoomStatisticsLeft {
-  width: 50%;
-  display: inline-block;
-  .rowN {
-    margin-top: 28px;
-    vertical-align: middle;
-    .el-image {
-      width: 24px;
-      vertical-align: middle;
-      float: left;
-    }
-    .name {
-      font-size: 16px;
-      margin: 0 12px 0;
-      width: auto;
-      float: left;
-      color:$white2;
-    }
-    .num {
-      font-size: 24px;
-      font-family: "DINAlternate-Bold";
-      font-weight: 700;
-      width: auto;
-      float: left;
-      margin-top:-5px;
-      color:$white;
-      span{
-        font-size: 16px;
-      }
-    }
-  }
-}
-.titleHy{
-  font-size: 20px;
-  margin-top:0px;
-}
-</style>

src/components2/conferenceRoomStatistics/pie.vue

@@ -1,93 +0,0 @@
-<template>
-  <el-row >
-    <div
-      id="index2"
-      style="width:360px;height:360px;margin:-78px 0 0 134px;"
-    ></div>
-  </el-row>
-</template>
-<script>
-import * as echarts from 'echarts';
-export default {
-  props: ["resData"],
-  data() {
-    return {
-      data:[]
-    };
-  },
-  watch: {
-    resData(val,old){
-      this.data = val
-      this.getData()
-    }
-  },
-  methods: {
-    getData() {
-      let myChart = echarts.init(document.getElementById("index2"));
-      let option = {
-         color: [
-            '#F8B13D',
-            'rgba(46,52,64,1)',
-        ],
-        title: {
-          //text: data.attendeeIsSign,
-          text: this.data[0].value + '%',
-          textStyle: {
-            color: '#E6EFFF',
-            fontSize: 25
-          },
-          subtext: '使用率',
-          subtextStyle: {
-            color: '#E6EFFF',
-            fontSize: 20
-          },
-          itemGap: 10, // 主副标题距离
-          left: 'center',
-          top: '42%'
-        },
-        tooltip: {
-          trigger: 'item'
-        },
-        legend: {
-          top: '70%',
-          left: 'center',
-          textStyle: {
-            color: "#FFF"
-          }
-        },
-        series: [
-          {
-            name: '',
-            type: 'pie',
-            radius: ['30%', '35%'],
-            avoidLabelOverlap: false,
-            label: {
-              show: false,
-              position: 'center'
-            },
-            emphasis: {
-              // label: {
-              //   show: true,
-              //   fontSize: '40',
-              //   fontWeight: 'bold'
-              // }
-            },
-            labelLine: {
-              show: false
-            },
-            data: this.data
-          }
-        ]
-      };
-      myChart.setOption(option);
-      option && myChart.setOption(option);
-      setTimeout(function () {
-        window.onresize = function () {
-          myChart.resize();
-        };
-      }, 200);
-    },
-  },
-};
-</script>
-

src/components2/conferenceRoomStatistics/ring.vue

@@ -1,193 +0,0 @@
-<template>
-  <el-row >
-    <div
-      id="index2"
-      style="width:360px;height:360px;margin:-78px 0 0 130px;"
-    ></div>
-  </el-row>
-</template>
-<script>
-import * as echarts from "echarts";
-export default {
-  props: ["resData"],
-  data() {
-    return {
-    };
-  },
-  watch: {
-    resData() {
-      this.getData();
-    },
-  },
-  mounted() {
-    this.getData();
-  },
-  methods: {
-    getData() {
-      let myChart = echarts.init(document.getElementById("index2"));
-      let data = this.resData;
-		var option = {
-        title: {
-          //text: data.attendeeIsSign,
-          text: '75%',
-          textStyle: {
-            color: '#E6EFFF',
-            fontSize: 30
-          },
-          subtext: '签到人数占比',
-          subtextStyle: {
-            color: '#E6EFFF',
-          },
-          itemGap: 20, // 主副标题距离
-          left: 'center',
-          top: '40%'
-        },
-        angleAxis: {
-          //max: data.attendeeTotal, // 满分
-          max: 100, // 满分
-          clockwise: true, // 逆时针
-            // 隐藏刻度线
-          axisLine: {
-            show: false
-          },
-          axisTick: {
-            show: false
-          },
-          axisLabel: {
-            show: false
-          },
-          splitLine: {
-            show: false
-          }
-        },
-        radiusAxis: {
-          type: 'category',
-            // 隐藏刻度线
-          axisLine: {
-            show: false
-            },
-            axisTick: {
-            show: false
-            },
-            axisLabel: {
-            show: false
-            },
-            splitLine: {
-            show: false
-            }
-          },
-        polar: {
-          center: ['50%', '50%'],
-          radius: '100%' //图形大小
-        },
-        series: [
-          {
-            type: 'bar',
-            data: [{
-                name: '',
-                //value: data.attendeeIsSign,
-                value: 75,
-                itemStyle: {
-                  normal: {
-                    color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
-                      offset: 0,
-                      color: '#E9CA7C'
-                    }, {
-                      offset: 1,
-                      color: '#B99259'
-                    }])
-                  }
-                },
-              },
-            ],
-            coordinateSystem: 'polar',
-            roundCap: true,
-            barWidth: 8,
-            barGap: '-100%', // 两环重叠
-            z: 2,
-          },
-          { // 灰色环
-                  type: 'bar',
-                  data: [{
-                  value: data.attendeeTotal,
-                  itemStyle: {
-                    color: 'rgba(46,52,64,1)',
-                    shadowColor: 'rgba(46,52,64,1)',
-                    shadowBlur: 5,
-                    shadowOffsetY: 2
-                  }
-                  }],
-                  coordinateSystem: 'polar',
-                  roundCap: true,
-                  barWidth: 8,
-                  barGap: '-100%', // 两环重叠
-                  z: 1
-          },
-          // 内边框的设置
-          {
-              radius: ['44%', '43%'],
-              center: ['50%', '50%'],
-              type: 'pie',
-              label: {
-                  normal: {
-                      show: false
-                  },
-                  emphasis: {
-                      show: false
-                  }
-              },
-              labelLine: {
-                  normal: {
-                      show: false
-                  },
-                  emphasis: {
-                      show: false
-                  }
-              },
-              animation: false,
-              tooltip: {
-                  show: false
-              },
-              data: [{
-                  value: 1,
-                  itemStyle: {
-                      color: "rgba(46,52,64,1)",
-                  },
-              }],
-          }, {
-              name: '外边框',
-              type: 'pie',
-              clockWise: false, //顺时加载
-              hoverAnimation: false, //鼠标移入变大
-              center: ['50%', '50%'],
-              radius: ['56%', '56%'],
-              label: {
-                  normal: {
-                      show: false
-                  }
-              },
-              data: [{
-                  value: 9,
-                  name: '',
-                  itemStyle: {
-                      normal: {
-                          borderWidth: 2,
-                          borderColor: 'rgba(46,52,64,1)'
-                      }
-                  }
-              }]
-          },
-        ]
-    };
-        myChart.setOption(option);
-      option && myChart.setOption(option);
-      setTimeout(function () {
-        window.onresize = function () {
-          myChart.resize();
-        };
-      }, 200);
-    },
-  },
-};
-</script>
-

src/components2/equipmentAlarm/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <el-col :span="24" class="equipmentAlarm modular">
-    <el-col class="title title2">设备告警信息</el-col>
-    <seTable @gjxxClick="gjxxClick"/>
-</el-col>
-</template>
-<script>
-import seTable from "@/components2/equipmentAlarm/seTable.vue";
-export default {
-  name:"equipmentAlarm",
-  components: {
-		seTable,
-  },
-  methods:{
-    gjxxClick(row){
-      this.$emit("gjxxClick",row)
-    }
-  }
-};
-</script>
-

src/components2/equipmentAlarm/seTable.vue

@@ -1,146 +0,0 @@
-<template>
-  <el-table ref="initList" :data="initList"  height="120px" @row-click="clickData" highlight-current-row @cell-mouse-enter="mouseEnter" @cell-mouse-leave="mouseLeave" v-loading="loading">
-      <template slot="empty">
-          <span>{{text}}</span>
-      </template>
-      <el-table-column label="告警时间"  prop="alarmTime"  show-overflow-tooltip  min-width="35%" />
-      <el-table-column label="告警内容"  prop="property"  show-overflow-tooltip min-width="40%" />
-      <el-table-column label="告警类型"  prop="deviceTypeName"  show-overflow-tooltip min-width="25%" />
-      <!-- <el-table-column label="状态"  prop="alarmStatus"  show-overflow-tooltip min-width="15%" >
-        <template slot-scope="scope">
-          <span :class="scope.row.alarmStatus == '1' ? 'handle2' : 'untreated2'">{{scope.row.alarmStatus == "1"  ? "已处理" : "未处理"}}</span>
-        </template>
-      </el-table-column> -->
-    </el-table>
-</template>
-<script>
-import axios from 'axios'
-import { YearMonthDate } from "@/assets/js/dataFormate.js";
-export default {
-
-  data() {
-    return {
-      initList:[
-        // {alarmTime:'2022-05-10 12:33:53',property:'故障',deviceType:1,deviceTypeName:'1层监控室用户信息传输装置',deviceId:'74869'},
-        // {alarmTime:'2022-05-08 00:30:40',property:'故障',deviceType:1,deviceTypeName:'1层监控室用户信息传输装置',deviceId:'74869'},
-        // {alarmTime:'2022-03-13 08:06:01',property:'故障',deviceType:1,deviceTypeName:'1层监控室用户信息传输装置',deviceId:'74869'},
-        // {alarmTime:'2022-03-10 19:41:23',property:'故障',deviceType:1,deviceTypeName:'1层监控室用户信息传输装置',deviceId:'74869'},
-        // {alarmTime:'2022-03-05 03:12:21',property:'故障',deviceType:1,deviceTypeName:'1层监控室用户信息传输装置',deviceId:'74869'}
-      ],
-      table_interval:null,
-      text:"",
-      loading:true,
-    };
-  },
-  created(){
-    this.initData();
-    // this.timing()
-  },
-  mounted() {},
-  methods: {
-    //初始化数据
-    initData() {
-      //
-      axios({
-        method: 'post',
-        url: 'https://smartpark.caih.com/dmapi/tbAlarm/page',
-        timeout: 3000,
-        data:{
-          startTime:YearMonthDate().split(" ")[0] + " 00:00:00",
-          endTime:YearMonthDate(),
-          current:1,
-          size:500,
-          type:2
-        }
-      }).then(res =>{
-          this.initList = res.data.data.records
-          this.loading = false
-          this.text = "目前运转正常，无告警"
-      }).catch(err =>{
-        this.loading = false
-        this.text = "数据加载失败..."
-      })
-      let that = this
-      let num = 0
-      if ("WebSocket" in window) {
-				this.ws = new WebSocket("ws://10.21.39.1:8084/dm/alarmPush");
-				this.ws.onopen = ()=> {
-				// console.log("websocket连接成功");
-				this.sendWs({agentid:'admin'});
-				};
-				this.ws.onmessage = (res) => { //接收websocket消息
-					let warningInfo = JSON.parse(res.data)
-          if(warningInfo.property == "火警" && warningInfo.property == "故障"){
-            that.initList.push(warningInfo)
-          }
-          if(num == '0'){
-            if(that.initList.length>2){
-              that.dataScrolling();
-              num = 1
-            }
-          }
-				};
-				this.ws.onclose = ()=> { //关闭websocket
-					// 关闭 websocket
-					//console.log("连接已关闭...");
-					//断线重新连接
-					setTimeout(() => {
-						this.initData();
-					}, 2000);
-				}
-			} else {
-				// 浏览器不支持 WebSocket
-				alert("您的浏览器不支持 WebSocket!");
-			}
-      // that.dataScrolling();
-    },
-    sendWs(val){
-			if (this.ws && this.ws.readyState == 1) {
-				this.ws.send(JSON.stringify(val));
-				// console.log('发送成功')
-			} else {
-				setTimeout(() => {
-				  this.sendWs(val);
-				}, 100);
-			}
-		},
-    //数据滚动
-    dataScrolling:function(){
-        let top=this.$refs.initList.bodyWrapper;
-
-        this.table_interval=setInterval(() => {
-            top.scrollTop+=1;
-            if(top.clientHeight+top.scrollTop==top.scrollHeight){
-              top.scrollTop=0;
-            }
-        }, 100);
-    },
-    //鼠标进入，停止滚动
-    mouseEnter:function(){
-        clearInterval(this.table_interval);
-        this.table_interval=null;
-    },
-    //鼠标离开，开始滚动
-    mouseLeave:function(){
-        this.dataScrolling();
-    },
-    timing(){
-      setInterval(() =>{
-        this.initList = []
-      },1000 * 60 * 10)
-    },
-    //点击行
-    clickData(row){
-      this.$emit("gjxxClick",row)
-    },
-    // cellStyle (row, column, rowIndex, columnIndex) {
-    // //列的label的名称
-    //   if (row.column.label === "告警" || row.column.label === "离线") {
-    //     return 'color:#2280D9' //修改的样式
-    //   }
-    // },
-  },
-};
-</script>
-
-

src/components2/equipmentStatus/index.vue

@@ -1,108 +0,0 @@
-<template>
-  <el-col :span="24" class="equipmentStatus modular">
-    <div class="title title2" style="margin-left:0">设备状态</div>
-    <!-- <div class="selectOpition">
-        <el-select  v-model="select" placeholder="请选择设备类型" class="select1">
-            <el-option
-            v-for="item in selectList"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-            >
-            </el-option>
-        </el-select>
-    </div> -->
-    <seTable @videoClick="clickData" />
-    <!-- :select="select" -->
-</el-col>
-</template>
-<script>
-import seTable from "@/components2/equipmentStatus/seTable.vue";
-export default {
-  name:"equipmentStatus",
-  data() {
-    return {
-      selectList:[
-        {label:"摄像头",value:1},
-        {label:"消防设备",value:2},
-      ],
-      select:1,
-    }
-  },
-  components: {
-		seTable,
-  },
-  methods: {
-    //点击行
-    clickData(row){
-      this.$emit("postMsg2", row);
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-  .title{
-      width:80px;
-      display: inline-block;
-  }
-  .selectOpition{
-      width:auto;
-      float:right
-  }
-
-
-::v-deep .el-input__inner {
-  background-color: transparent !important;
-  color: $white;
-  height: 36px;
-}
-/**修改边框和字体颜色 */
-::v-deep .el-select {
-  position: relative;
-  width: 200px;
-  display: inline-block;
-  margin-left:20px;
-  .el-input {
-    input {
-      height: 40px;
-      border-color: $white;
-      color: $white;
-      font-size: 14px;
-    }
-  }
-
-}
-/**修改下拉图标颜色 */
-::v-deep .el-input__suffix {
-  .el-input__suffix-inner {
-    .el-icon-arrow-up:before {
-      color: $white;
-      padding-left: 0.11rem;
-    }
-  }
-}
-
-.el-select-dropdown__item{
-    padding:0 12px !important;
-    font-size: 12px !important;
-    height:20px !important;
-    line-height: 20px !important;
-    color:$white;
-}
-.el-select-dropdown__item.hover{
-    background-color: $modularHoverBackGround;
-}
-
-
-</style>
-<style >
-.el-scrollbar{
-    background-color: rgba(35,40,49,1);
-}
-.el-scrollbar{
-    border:1px solid rgba(35,40,49,1) !important;
-
-}
-</style>

src/components2/equipmentStatus/seTable.vue

@@ -1,179 +0,0 @@
-<template>
-  <div>
-    <el-table ref="initList" :data="videoSelect"  height="212" @row-click="clickData" highlight-current-row @cell-mouse-enter="mouseEnter" @cell-mouse-leave="mouseLeave" v-if="select1" v-loading="loading">
-      <template slot="empty">
-          <span>{{text}}</span>
-      </template>
-      <el-table-column label="设备名称"  prop="name"  show-overflow-tooltip min-width="35%" />
-      <el-table-column label="安装位置"  prop="name"  show-overflow-tooltip min-width="25%" />
-      <el-table-column label="设备类型"  prop="name"  show-overflow-tooltip min-width="25%" >
-        <template  slot-scope="scope">
-          {{scope.row.unitType == "1" ? "摄像头" : scope.row.unitType == "2" ? "打印机" : scope.row.unitType == "3" ? "考勤机" : scope.row.unitType == "4" ? "人脸识别终端" : ""}}
-        </template>
-      </el-table-column>
-      <el-table-column label="状态" prop="status" min-width="15%">
-        <template  slot-scope="scope">
-            <span :class="scope.row.status == '0' ? 'handle2' : 'untreated2'">{{scope.row.status == "0" ? "在线" : "离线" }}</span>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- <el-table ref="initList" :data="videoSelect"  height="200" @row-click="clickData" highlight-current-row @cell-mouse-enter="mouseEnter" @cell-mouse-leave="mouseLeave" v-if="select2">
-      <el-table-column label="设备名称"  prop="name"  show-overflow-tooltip min-width="35%" />
-      <el-table-column label="安装位置"  prop="name"  show-overflow-tooltip min-width="25%" />
-      <el-table-column label="设备类型"  prop="name"  show-overflow-tooltip min-width="25%" >
-        <template  slot-scope="scope">
-          {{scope.row.unitType == "1" ? "摄像头" : scope.row.unitType == "2" ? "打印机" : scope.row.unitType == "3" ? "考勤机" : scope.row.unitType == "4" ? "人脸识别终端" : ""}}
-        </template>
-      </el-table-column>
-      <el-table-column label="状态" prop="status" min-width="15%">
-        <template  slot-scope="scope">
-            <span :class="scope.row.status == '0' ? 'handle2' : 'untreated2'">{{scope.row.status == "0" ? "在线" : "离线" }}</span>
-        </template>
-      </el-table-column>
-    </el-table> -->
-  </div>
-</template>
-<script>
-import axios from 'axios'
-export default {
-  // props: ["select"],
-  data() {
-    return {
-      table_interval:null,
-      videoSelect:[],
-      value:undefined,
-      select1:true,
-      select2:false,
-      text:"",
-      loading:true,
-    };
-  },
-  created(){
-    this.initDataVideo()
-    // this.selectChange()
-  },
-  // watch: {
-  //   select: {
-  //       handler (n, o) {
-  //         this.selectChange()
-  //       },
-  //       deep: true // 深度监听父组件传过来对象变化
-  //     }
-  // },
-  mounted() {},
-  methods: {
-    selectChange(){
-      if(this.select == "1"){
-        this.initDataVideo()
-      }
-      if(this.select == "2"){
-        this.initDataSBSS()
-      }
-    },
-    //初始化数据
-    initDataVideo() {
-      this.select1 = false
-      this.select1 = true
-      this.videoSelect = []
-      let arr1 =
-        {
-        "unitType": "2",
-        "cameraFunctions": 0,
-        "name": "8楼公共打印机",
-        "status": 0,
-        }
-      let arr2 =
-        {
-        "unitType": "3",
-        "cameraFunctions": 0,
-        "name": "考勤机",
-        "status": 0,
-        }
-      let arr3 =
-        {
-        "unitType": "4",
-        "cameraFunctions": 0,
-        "name": "人脸识别终端",
-        "status": 1,
-        }
-      axios({
-          method: 'post',
-          url: 'http://10.21.39.1:8082/dhController/getLocalChannel?pageNo=1&pageSize=500&unitType=1',
-          timeout: 3000,
-      }).then(res =>{
-          if(res.data.data.pageList){
-              let data = res.data.data.pageList
-              this.videoSelect = data
-              for(let i = 0; i<data.length; i++){
-                  this.videoSelect[i].url = "http://" + data[i].nvr_ip + ":" + data[i].hls_port + "/live/cameraid/" + data[i].deviceId + "%24" + data[i].id.split("$")[(data[i].id.split("$")).length-1]  + "/substream/1.m3u8"
-                  this.videoSelect[i].url = this.videoSelect[i].url +  ',' + data[i].name
-              }
-              this.videoSelect.unshift(arr1)
-              this.videoSelect.push(arr2)
-              this.videoSelect.push(arr3)
-          }
-          this.loading = false
-          this.text = "暂无数据"
-      }).catch(err =>{
-        this.loading = false
-        this.text = "数据加载失败..."
-      })
-    },
-    initDataSBSS(){
-      this.select2 = true
-      this.select1 = false
-      this.videoSelect = []
-    },
-    //数据滚动
-    dataScrolling:function(){
-        let top=this.$refs.initList.bodyWrapper;
-        this.table_interval=setInterval(() => {
-            top.scrollTop+=1;
-            if(top.clientHeight+top.scrollTop==top.scrollHeight){
-              top.scrollTop=0;
-            }
-        }, 100);
-    },
-    //鼠标进入，停止滚动
-    mouseEnter:function(){
-        // clearInterval(this.table_interval);
-        // this.table_interval=null;
-    },
-    //鼠标离开，开始滚动
-    mouseLeave:function(){
-        // this.dataScrolling();
-    },
-    //点击行
-    clickData(row){
-      if(this.select1 == "1"){
-        this.$emit("videoClick", row);
-      }
-    },
-    // cellStyle (row, column, rowIndex, columnIndex) {
-    // //列的label的名称
-    //   if (row.column.label === "告警" || row.column.label === "离线") {
-    //     return 'color:#2280D9' //修改的样式
-    //   }
-    // },
-  },
-};
-</script>
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-::v-deep {
-  .el-table__body-wrapper::-webkit-scrollbar {
-    /*width: 0;宽度为0隐藏*/
-    width: 4px;
-  }
-  .el-table__body-wrapper::-webkit-scrollbar-thumb {
-    border-radius: 6px;
-    height: 50px;
-    background: $white;//滚动条颜色
-  }
-  .el-table__body-wrapper::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 5px rgba(35,40,49,1);
-    border-radius: 6px;
-    background: $modularBackGround;//滚动条背景色
-  }
-}
-</style>

src/components2/fireHazard/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <el-col :span="24" class="fireHazard modular">
-    <el-col class="title title2">消防隐患</el-col>
-    <seTable @xfgjClick="xfgjClick" />
-</el-col>
-</template>
-<script>
-import seTable from "@/components2/fireHazard/seTable.vue";
-export default {
-  name:"fireHazard",
-  components: {
-		seTable,
-  },
-  methods:{
-    xfgjClick(row){
-      this.$emit("xfgjClick",row)
-    }
-  }
-};
-</script>
-

src/components2/fireHazard/seTable.vue

@@ -1,131 +0,0 @@
-<template>
-  <el-table ref="initList" :data="initList"  height="212" @row-click="clickData" highlight-current-row @cell-mouse-enter="mouseEnter" @cell-mouse-leave="mouseLeave" v-loading="loading">
-      <template slot="empty">
-          <span>{{text}}</span>
-      </template>
-      <el-table-column label="时间" align="left" prop="alarmTime"  show-overflow-tooltip min-width="35%"   />
-      <el-table-column label="内容" align="left" prop="property"  show-overflow-tooltip min-width="25%"/>
-      <el-table-column label="名称" align="left" prop="deviceName"  show-overflow-tooltip min-width="25%"/>
-      <el-table-column label="地点" align="left" prop="unitInfo"  show-overflow-tooltip min-width="15%"/>
-    </el-table>
-</template>
-<script>
-import axios from 'axios'
-export default {
-
-  data() {
-    return {
-      initList:[],
-      table_interval:null,
-      text:"",
-      loading:true,
-    };
-  },
-  created(){
-    this.initData();
-    // this.timing()
-  },
-  mounted() {},
-  methods: {
-
-    //初始化数据
-    initData() {
-      // 测试
-      this.loading = false
-      this.text = "目前运转正常，无隐患"
-      // axios({
-      //   method: 'post',
-      //   url: 'https://smartpark.caih.com/dmapi/tbAlarm/page',
-      //   data:{
-      //     current: 1,
-      //     size: 100,
-      //     type:1,
-      //   },
-      //   timeout: 3000,
-      // }).then(res =>{
-      //     if(res.data.data.records){
-      //         let data = res.data.data.records
-      //         this.initList = data
-      //     }
-      //     this.loading = false
-      //     this.text = "目前运转正常，无隐患"
-      // }).catch(err =>{
-      //   this.loading = false
-      //   this.text = "数据加载失败..."
-      // })
-    },
-    //数据滚动
-    dataScrolling:function(){
-        let top=this.$refs.initList.bodyWrapper;
-        this.table_interval=setInterval(() => {
-            top.scrollTop+=1;
-            if(top.clientHeight+top.scrollTop==top.scrollHeight){
-              top.scrollTop=0;
-            }
-        }, 100);
-    },
-    //鼠标进入，停止滚动
-    mouseEnter:function(){
-        // clearInterval(this.table_interval);
-        // this.table_interval=null;
-    },
-    //鼠标离开，开始滚动
-    mouseLeave:function(){
-        // this.dataScrolling();
-    },
-    timing(){
-      setInterval(() =>{
-        this.initList = []
-      },1000 * 60)
-    },
-    //点击行
-    clickData(row){
-
-      axios({
-            method: 'post',
-            url: 'https://smartpark.caih.com/dmapi/workOrder/list',
-            data:{
-              id:row.workId,
-              size:1,
-              current:1
-            },
-            timeout: 3000,
-        }).then(res =>{
-            if(res.data.data.records[0]){
-              row.clzt = res.data.data.records[0].clzt
-              row.czTime = res.data.data.records[0].czTime
-              this.$emit("xfgjClick",row)
-            }
-        })
-
-    },
-    // cellStyle (row, column, rowIndex, columnIndex) {
-    // //列的label的名称
-    //   if (row.column.label === "告警" || row.column.label === "离线") {
-    //     return 'color:#2280D9' //修改的样式
-    //   }
-    // },
-  },
-};
-</script>
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-::v-deep {
-  .el-table__body-wrapper::-webkit-scrollbar {
-    /*width: 0;宽度为0隐藏*/
-    width: 4px;
-  }
-  .el-table__body-wrapper::-webkit-scrollbar-thumb {
-    border-radius: 6px;
-    height: 50px;
-    background: $white;//滚动条颜色
-  }
-  .el-table__body-wrapper::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 5px rgba(35,40,49,1);
-    border-radius: 6px;
-    background: $modularBackGround;//滚动条背景色
-  }
-}
-</style>
-
-

src/components2/iOTNetworkCard/index.vue

@@ -1,96 +0,0 @@
-<template>
-  <el-col :span="24" class="iOTNetworkCard modular" style="padding:10px 20px 0;">
-    <el-col class="title" style="margin-left:0">物联网卡状态</el-col>
-    <el-col :span="24" class="card cardTop" :gutter="20">
-      <el-row :span="24" class="nh">
-        <el-col :span="10" class="title">ICCID</el-col>
-        <el-col :span="12" class="num">89860619140067308922</el-col>
-      </el-row>
-      <el-row :span="24" class="nh">
-        <el-col :span="10" class="title">Sim卡状态</el-col>
-        <el-col :span="12" class="num green">在用</el-col>
-      </el-row>
-       <el-row :span="24" class="nh">
-        <el-col :span="10" class="title">剩余流量</el-col>
-        <el-col :span="12" class="num orange">172.3M</el-col>
-      </el-row>
-      <el-row :span="24" class="nh">
-        <el-col :span="10" class="title">流量套餐</el-col>
-        <el-col :span="12" class="num">中国联通 300M/月包</el-col>
-      </el-row>
-      <el-row :span="24" class="nh">
-        <el-col :span="10" class="title">到期时间</el-col>
-        <el-col :span="12" class="num">2022年12月31日</el-col>
-      </el-row>
-    </el-col>
-     <el-col :span="24" class="card" :gutter="20">
-      <el-row :span="24" class="nh">
-        <el-col :span="10" class="title">ICCID</el-col>
-        <el-col :span="12" class="num">89860619140067346468</el-col>
-      </el-row>
-      <el-row :span="24" class="nh">
-        <el-col :span="10" class="title">Sim卡状态</el-col>
-        <el-col :span="12" class="num green">在用</el-col>
-      </el-row>
-       <el-row :span="24" class="nh">
-        <el-col :span="10" class="title">剩余流量</el-col>
-        <el-col :span="12" class="num orange">154.5M</el-col>
-      </el-row>
-      <el-row :span="24" class="nh">
-        <el-col :span="10" class="title">流量套餐</el-col>
-        <el-col :span="12" class="num">中国联通 300M/月包</el-col>
-      </el-row>
-      <el-row :span="24" class="nh">
-        <el-col :span="10" class="title">到期时间</el-col>
-        <el-col :span="12" class="num">2022年12月31日</el-col>
-      </el-row>
-    </el-col>
-
-  </el-col>
-</template>
-<script>
-export default {
-  name: "iOTNetworkCard",
-  data() {
-    return {
-    };
-  },
-};
-</script>
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.iOTNetworkCard{
-  height:60.27777vh;
-  .card{
-    width:410px;
-    height:230px;
-    padding: 36px 15px;
-    border-radius: 10px 10px 0 10px;
-    margin-top:16px;
-    background-color: $modularHoverBackGround;
-    background: linear-gradient(-45deg, transparent 40px, $modularHoverBackGround 0);
-    .nh {
-      margin-top: 6px;
-      font-size: 16px;
-      line-height: 28px;
-      .title {
-        color:$grey;
-        opacity: 0.5;
-      }
-    }
-    .nh:nth-child(1){
-      margin-top:0px;
-    }
-  }
-}
-.cardTop{
-  margin-top:32px !important;
-}
-.green{
-  color:$green !important;
-}
-.orange{
-  color:$orange !important;
-}
-
-</style>

src/components2/intrusionAlarm/index.vue

@@ -1,20 +0,0 @@
-<template>
-  <el-col :span="24" class="intrusionAlarm modular">
-    <el-col class="title title2">入侵告警信息</el-col>
-    <seTable @rqgjClick="rqgjClick" />
-</el-col>
-</template>
-<script>
-import seTable from "@/components2/intrusionAlarm/seTable.vue";
-export default {
-  name:"intrusionAlarm",
-  components: {
-		seTable,
-  },
-  methods:{
-    rqgjClick(row){
-      this.$emit("rqgjClick",row)
-    }
-  }
-};
-</script>

src/components2/intrusionAlarm/seTable.vue

@@ -1,362 +0,0 @@
-<template>
-  <el-table ref="initList" :data="initList"  height="120" @row-click="clickData" highlight-current-row @cell-mouse-enter="mouseEnter" @cell-mouse-leave="mouseLeave" v-loading="loading">
-      <template slot="empty">
-          <span>{{text}}</span>
-      </template>
-      <el-table-column label="告警时间"  prop="creatTime"  show-overflow-tooltip min-width="35%" />
-      <el-table-column label="告警内容"  prop="message"  show-overflow-tooltip min-width="25%" />
-      <el-table-column label="告警类型"  prop="eventFlag"  show-overflow-tooltip min-width="25%">
-        <template  slot-scope="scope">
-            {{scope.row.eventFlag == "1" ? "主机事件" : scope.row.eventFlag == "2" ? "dk903键盘事件" :""}}
-        </template>
-      </el-table-column>
-      <el-table-column label="状态"  prop="status"  show-overflow-tooltip min-width="15%">
-        <template  slot-scope="scope">
-            {{scope.row.status == "0" ? "未处理" : scope.row.status == "1" ? "已处理" :""}}
-        </template>
-      </el-table-column>
-    </el-table>
-</template>
-<script>
-import axios from 'axios'
-export default {
-  data() {
-    return {
-      initList:[],
-      table_interval:null,
-      text:"",
-      loading:true,
-    };
-  },
-  created(){
-    this.initData();
-  },
-  mounted() {},
-  methods: {
-    //初始化数据
-    initData() {
-      this.initList = [
-    // {
-    //     "id": 1,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 2,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 3,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 4,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 5,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 6,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 7,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 8,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 9,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 10,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 11,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 12,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // }
-]
-        axios({
-            method: 'post',
-            url: 'http://10.21.39.1:8082/PerimeterController/queryPerimeterAlarm',
-            data:{
-                pageNo: 1,
-                pageSize: 50,
-            },
-            timeout: 3000,
-        }).then(res =>{
-            if(res.data.data.pageList){
-                let data = res.data.data.pageList
-                this.initList = data
-            }
-            this.loading = false
-            this.text = "暂无数据"
-        }).catch(err =>{
-          this.loading = false
-          this.text = "数据加载失败..."
-        })
-    },
-    //数据滚动
-    dataScrolling:function(){
-        let top=this.$refs.initList.bodyWrapper;
-        this.table_interval=setInterval(() => {
-            top.scrollTop+=1;
-            if(top.clientHeight+top.scrollTop==top.scrollHeight){
-              top.scrollTop=0;
-            }
-        }, 100);
-    },
-    //鼠标进入，停止滚动
-    mouseEnter:function(){
-        // clearInterval(this.table_interval);
-        // this.table_interval=null;
-    },
-    //鼠标离开，开始滚动
-    mouseLeave:function(){
-        //this.dataScrolling();
-    },
-    //点击行
-    clickData(row){
-      this.$emit("rqgjClick",row)
-    },
-    // cellStyle (row, column, rowIndex, columnIndex) {
-    // //列的label的名称
-    //   if (row.column.label === "告警" || row.column.label === "离线") {
-    //     return 'color:#2280D9' //修改的样式
-    //   }
-    // },
-  },
-};
-</script>
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-::v-deep {
-  .el-table__body-wrapper::-webkit-scrollbar {
-    /*width: 0;宽度为0隐藏*/
-    width: 4px;
-  }
-  .el-table__body-wrapper::-webkit-scrollbar-thumb {
-    border-radius: 6px;
-    height: 50px;
-    background: $white;//滚动条颜色
-  }
-  .el-table__body-wrapper::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 5px rgba(35,40,49,1);
-    border-radius: 6px;
-    background: $modularBackGround;//滚动条背景色
-  }
-}
-</style>

src/components2/keepWatch/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <el-col :span="24" class="keepWatch modular">
-    <el-col class="title title2">巡更计划</el-col>
-    <seTable @xgClick="xgClick" />
-</el-col>
-</template>
-<script>
-import seTable from "@/components2/keepWatch/seTable.vue";
-export default {
-  name:"keepWatch",
-  components: {
-		seTable,
-  },
-  methods:{
-    xgClick(row){
-      this.$emit("xgClick",row)
-    }
-  }
-};
-</script>
-

src/components2/keepWatch/seTable.vue

@@ -1,374 +0,0 @@
-<template>
-  <el-table ref="initList" :data="initList"  height="212" @row-click="clickData" highlight-current-row @cell-mouse-enter="mouseEnter" @cell-mouse-leave="mouseLeave" v-loading="loading">
-      <template slot="empty">
-          <span>{{text}}</span>
-      </template>
-      <el-table-column label="时间"  prop="eStartTime"  show-overflow-tooltip min-width="35%"/>
-      <el-table-column label="内容"  prop="eLName"  show-overflow-tooltip min-width="25%"/>
-      <el-table-column label="名称"  prop="ePlaceName"  show-overflow-tooltip min-width="25%"/>
-      <el-table-column label="状态"  prop="ePlanState"  show-overflow-tooltip min-width="15%"/>
-    </el-table>
-</template>
-<script>
-import axios from 'axios'
-export default {
-  data() {
-    return {
-      initList:[],
-      table_interval:null,
-      text:"",
-      loading:true,
-    };
-  },
-  created(){
-    this.initData();
-    // this.timing()
-  },
-  mounted() {},
-  methods: {
-    //初始化数据
-    initData() {
-      // this.initList = [
-      //       {
-      //           "id": 15,
-      //           "eId": "639",
-      //           "eStartTime": "2021-06-21 11:00:00",
-      //           "eEndTime": "2022-03-09 12:38:09",
-      //           "ePatrolTime": "",
-      //           "eLName": "大楼内部巡检 ",
-      //           "ePlaceName": "大楼内部巡检 ",
-      //           "eBindUser": "james",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "11",
-      //           "ePlanType": "有序",
-      //           "eLineOrder": "1",
-      //           "ePlanMode": "0",
-      //           "planId": "14",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       },
-      //       {
-      //           "id": 14,
-      //           "eId": "2761",
-      //           "eStartTime": "2022/1/20 9:00:00",
-      //           "eEndTime": "2022-03-09 07:52:45",
-      //           "ePatrolTime": "",
-      //           "eLName": "消防每日巡检",
-      //           "ePlaceName": "消防每日巡检",
-      //           "eBindUser": "james",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "10",
-      //           "ePlanType": "无序",
-      //           "eLineOrder": "1",
-      //           "ePlanMode": "0",
-      //           "planId": "8",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       },
-      //       {
-      //           "id": 13,
-      //           "eId": "2762",
-      //           "eStartTime": "2022/1/20 9:00:00",
-      //           "eEndTime": "2022-03-08 19:56:08",
-      //           "ePatrolTime": "",
-      //           "eLName": "大楼安防定时",
-      //           "ePlaceName": "大楼安防定时",
-      //           "eBindUser": "james",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "9",
-      //           "ePlanType": "无序",
-      //           "eLineOrder": "2",
-      //           "ePlanMode": "0",
-      //           "planId": "8",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       },
-      //       {
-      //           "id": 12,
-      //           "eId": "2763",
-      //           "eStartTime": "2022/1/20 15:00:00",
-      //           "eEndTime": "2022-03-08 12:42:23",
-      //           "ePatrolTime": "",
-      //           "eLName": "大楼安防定时",
-      //           "ePlaceName": "大楼安防定时",
-      //           "eBindUser": "lily",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "8",
-      //           "ePlanType": "有序",
-      //           "eLineOrder": "1",
-      //           "ePlanMode": "0",
-      //           "planId": "11",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       },
-      //       {
-      //           "id": 11,
-      //           "eId": "2764",
-      //           "eStartTime": "2022/1/20 15:00:00",
-      //           "eEndTime": "2022-03-08 07:25:19",
-      //           "ePatrolTime": "",
-      //           "eLName": "大楼内部巡检 ",
-      //           "ePlaceName": "大楼内部巡检 ",
-      //           "eBindUser": "lily",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "7",
-      //           "ePlanType": "有序",
-      //           "eLineOrder": "2",
-      //           "ePlanMode": "0",
-      //           "planId": "11",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       },
-      //       {
-      //           "id": 10,
-      //           "eId": "2765",
-      //           "eStartTime": "2022/1/20 12:00:00",
-      //           "eEndTime": "2022-03-07 19:36:38",
-      //           "ePatrolTime": "",
-      //           "eLName": "消防每日巡检",
-      //           "ePlaceName": "消防每日巡检",
-      //           "eBindUser": "james",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "6",
-      //           "ePlanType": "无序",
-      //           "eLineOrder": "1",
-      //           "ePlanMode": "0",
-      //           "planId": "12",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       },
-      //       {
-      //           "id": 9,
-      //           "eId": "2766",
-      //           "eStartTime": "2022/1/20 10:00:00",
-      //           "eEndTime": "2022-03-07 12:32:22",
-      //           "ePatrolTime": "",
-      //           "eLName": "消防每日巡检",
-      //           "ePlaceName": "消防每日巡检",
-      //           "eBindUser": "james",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "5",
-      //           "ePlanType": "无序",
-      //           "eLineOrder": "1",
-      //           "ePlanMode": "0",
-      //           "planId": "9",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       },
-      //       {
-      //           "id": 8,
-      //           "eId": "2767",
-      //           "eStartTime": "2022/1/20 13:00:00",
-      //           "eEndTime": "2022-03-07 07:35:19",
-      //           "ePatrolTime": "",
-      //           "eLName": "大楼内部巡检 ",
-      //           "ePlaceName": "大楼内部巡检 ",
-      //           "eBindUser": "james",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "4",
-      //           "ePlanType": "有序",
-      //           "eLineOrder": "",
-      //           "ePlanMode": "0",
-      //           "planId": "10",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       },
-      //       {
-      //           "id": 7,
-      //           "eId": "2767",
-      //           "eStartTime": "2022/1/20 13:00:00",
-      //           "eEndTime": "2022-03-06 19:23:37",
-      //           "ePatrolTime": "",
-      //           "eLName": "大楼内部巡检 ",
-      //           "ePlaceName": "大楼内部巡检 ",
-      //           "eBindUser": "james",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "3",
-      //           "ePlanType": "有序",
-      //           "eLineOrder": "",
-      //           "ePlanMode": "0",
-      //           "planId": "10",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       },
-      //       {
-      //           "id": 6,
-      //           "eId": "2767",
-      //           "eStartTime": "2022/1/20 13:00:00",
-      //           "eEndTime": "2022-03-06 12:53:12",
-      //           "ePatrolTime": "",
-      //           "eLName": "消防每日巡检",
-      //           "ePlaceName": "消防每日巡检",
-      //           "eBindUser": "james",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "2",
-      //           "ePlanType": "有序",
-      //           "eLineOrder": "",
-      //           "ePlanMode": "0",
-      //           "planId": "10",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       },
-      //       {
-      //           "id": 4,
-      //           "eId": "2767",
-      //           "eStartTime": "2022/1/20 13:00:00",
-      //           "eEndTime": "2022-03-06 07:48:07",
-      //           "ePatrolTime": "",
-      //           "eLName": "消防每日巡检",
-      //           "ePlaceName": "消防每日巡检",
-      //           "eBindUser": "james",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "1",
-      //           "ePlanType": "有序",
-      //           "eLineOrder": "",
-      //           "ePlanMode": "0",
-      //           "planId": "10",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       }
-      //   ]
-      axios({
-            method: 'post',
-            url: 'http://10.21.39.1:8082/pt/queryPatrollingPlanStatus',
-            data:{
-              pageNo: 1,
-              pageSize: 10,
-            },
-            timeout: 3000,
-        }).then(res =>{
-            if(res.data.data.pageList){
-                let data = res.data.data.pageList
-                this.initList = data.slice(0,9)
-
-                let arr = [ '1楼暖通机房','负1楼配电间','1楼配电间','1楼UPS机房','2楼网络机房','2楼新风机房','3楼新风机房','4楼新风机房','4楼阅览室等']
-                for(let i =0; i<this.initList.length;i++){
-                  this.initList[i].ePlaceName = arr[i]
-                }
-            }
-            this.loading = false
-            this.text = "暂无数据"
-      }).catch(err =>{
-        this.loading = false
-        this.text = "数据加载失败..."
-      })
-    },
-    //数据滚动
-    dataScrolling:function(){
-        let top=this.$refs.initList.bodyWrapper;
-        this.table_interval=setInterval(() => {
-            top.scrollTop+=1;
-            if(top.clientHeight+top.scrollTop==top.scrollHeight){
-              top.scrollTop=0;
-            }
-        }, 100);
-    },
-    //鼠标进入，停止滚动
-    mouseEnter:function(){
-        // clearInterval(this.table_interval);
-        // this.table_interval=null;
-    },
-    //鼠标离开，开始滚动
-    mouseLeave:function(){
-        // this.dataScrolling();
-    },
-    //点击行
-    clickData(row){
-      this.$emit("xgClick",row)
-    },
-    // cellStyle (row, column, rowIndex, columnIndex) {
-    // //列的label的名称
-    //   if (row.column.label === "告警" || row.column.label === "离线") {
-    //     return 'color:#2280D9' //修改的样式
-    //   }
-    // },
-  },
-};
-</script>
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-::v-deep {
-  .el-table__body-wrapper::-webkit-scrollbar {
-    /*width: 0;宽度为0隐藏*/
-    width: 4px;
-  }
-  .el-table__body-wrapper::-webkit-scrollbar-thumb {
-    border-radius: 6px;
-    height: 50px;
-    background: $white;//滚动条颜色
-  }
-  .el-table__body-wrapper::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 5px rgba(35,40,49,1);
-    border-radius: 6px;
-    background: $modularBackGround;//滚动条背景色
-  }
-}
-</style>
-
-

src/components2/parkingSpace/index.vue

@@ -1,120 +0,0 @@
-<template>
-  <el-col :span="24" class="parkingSpace modular" style="padding:10px 20px 0;">
-    <el-col class="title" style="margin-left:0">停车位统计</el-col>
-    <el-col class="parkingSpaceLeft">
-      <el-col class="rowN">
-        <el-image :src="car" fit="scale-down" />
-        <el-col class="name">车位总数</el-col>
-        <el-col class="num">{{data.zongshu}}<span> 个</span></el-col>
-      </el-col>
-      <el-col class="rowN">
-        <el-image :src="car" fit="scale-down" />
-        <el-col class="name">已停车位</el-col>
-        <el-col class="num">{{data.zongshu - data.shengyu}}<span> 个</span></el-col>
-      </el-col>
-      <el-col class="rowN">
-        <el-image :src="car" fit="scale-down" />
-        <el-col class="name">剩余车位</el-col>
-        <el-col class="num">{{data.shengyu}}<span> 个</span></el-col>
-      </el-col>
-    </el-col>
-    <el-col class="parkingSpaceRight">
-      <el-col class="num">{{data.churu}}<span> 辆/次</span></el-col>
-      <el-col class="name">今日出入车辆</el-col>
-    </el-col>
-  </el-col>
-</template>
-<script>
-import axios from 'axios'
-import car from "@/assets/images2/汽车位统计icon.png";
-export default {
-  name: "parkingSpace",
-  props:["resInfo"],
-  data() {
-    return {
-      car: car,
-      data:{}
-    };
-  },
-  watch:{
-    resInfo(val,old){
-      this.data = val
-    }
-  },
-  mounted() {
-    //this.init()
-  },
-  methods: {
-
-    init(){
-      axios({
-        method: 'get',
-        url: 'https://smartpark.caih.com/ykt/api/thirdparty/v1/openInterface/parkingSpot',
-        timeout: 10000,
-      }).then(res =>{
-        console.log(res)
-
-      }).catch(err =>{
-      })
-    }
-  },
-};
-</script>
-<style lang="scss">
-@import "@/assets/styles/common.scss";
-.parkingSpaceLeft {
-  width: 50%;
-  display: inline-block;
-  .rowN {
-    margin-top: 28px;
-    display: flex;
-    flex-direction: row;
-    align-items: flex-start;
-    .el-image {
-      width: 24px;
-    }
-    .name {
-      font-size: 16px;
-      margin: 0 12px 0;
-      width: auto;
-      color:$white2;
-    }
-    .num {
-      font-size: 24px;
-      font-family: "DINAlternate-Bold";
-      font-weight: 700;
-      width: auto;
-      margin-top: -4px;
-      color:$white;
-      span{
-        font-size: 16px;
-      }
-    }
-  }
-}
-.parkingSpaceRight {
-  width: 50%;
-  text-align: center;
-  .num {
-    font-size: 45px;
-    font-family: "DINAlternate-Bold";
-    font-weight: 700;
-    width: 100%;
-    text-align: center;
-    margin-top: 50px;
-    margin-left: 14px;
-    background: linear-gradient(180deg, #f4f8ff 0%, #a3b3cc 100%);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    span{
-      font-size: 20px;
-    }
-  }
-  .name {
-    font-size: 16px;
-    margin: 15px 12px 0;
-    width: 100%;
-    color:$white2;
-  }
-}
-</style>

src/components2/populationStatistics/echartsZXT.vue

@@ -1,142 +0,0 @@
-<template>
-  <el-row>
-    <div
-      id="index"
-      style="width: 105%; height: 93%; margin: 10px 0 0 -2.5%"
-    ></div>
-  </el-row>
-</template>
-<script>
-import * as echarts from "echarts";
-export default {
-  props: ["resData"],
-  data() {
-    return {
-    };
-  },
-  watch: {
-    resData() {
-      this.getData();
-    },
-  },
-  mounted() {
-    this.getData();
-  },
-  methods: {
-    getData() {
-      let myChart = echarts.init(document.getElementById("index"));
-      let data = this.resData;
-      let series = []; //定义一个数组变量用于存放配置
-      let colorShown = [
-        {
-          opacity: 0.8,
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            {
-              offset: 0,
-              color: "#B39E68",
-            },
-            {
-              offset: 1,
-              color: "#2C3037",
-            },
-          ]),
-        },
-      ];
-      series.push({
-        name: "人流量",
-        type: "line",
-        stack: "Total",
-        smooth: true,
-        lineStyle: {
-          width: 2,
-        },
-        showSymbol: false,
-        areaStyle: colorShown[0],
-        emphasis: {
-          focus: "series",
-        },
-        data: data[1],
-      });
-      let option = {
-        // title: {
-        //   x:'left',
-        //   y:10,
-        //   text: "今日人流量统计",
-        //   textStyle:{ //设置主标题风格
-        //     color:"#E6EFFF",//设置主标题字体颜色
-        //     fontSize:20,
-        //     fontWeight:700,
-        //   },
-        // },
-        color: "#B39E68",
-        grid: {
-          bottom: "0",
-          right: "10",
-          left: "10",
-          top: "35",
-          containLabel: true,
-        },
-        tooltip: {
-          trigger: "axis",
-          confine: true,
-          textStyle: {
-            fontSize: 10,
-          },
-        },
-        xAxis: {
-          type: "category",
-          boundaryGap: false,
-          // data: ["12：00", "13：00", "14：00", "15：00", "16：00", "17：00"],
-          data: data[0],
-          axisLabel: {
-            color: "#4D5565",
-          },
-          axisLine: {
-            lineStyle: {
-              color: "#4D5565",
-            },
-          },
-          axisTick: {
-            show: false,
-          },
-          textStyle: {
-            fontSize: 10,
-          },
-        },
-        yAxis: {
-          type: "value",
-          axisLabel: {
-            color: "#4D5565",
-          },
-          axisTick: {
-            show: false,
-          },
-          axisLine: {
-            lineStyle: {
-              color: "#4D5565",
-            },
-          },
-          splitLine: {
-            lineStyle: {
-              color: "rgba(255,255,255,.1)",
-            },
-          },
-          textStyle: {
-            fontSize: 10,
-          },
-        },
-        series: series,
-      };
-      option && myChart.setOption(option);
-
-      setTimeout(function () {
-        window.onresize = function () {
-          myChart.resize();
-        };
-      }, 200);
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped></style>

src/components2/populationStatistics/index.vue

@@ -1,96 +0,0 @@
-<template>
-  <el-col :span="24" class="populationStatistics modular" style="padding:10px 20px 0;" v-loading="loading">
-    <el-col class="title" style="margin-left:0;">今日人流量统计</el-col>
-    <el-col class="subtitle"
-      >今日人流量统计：<strong>{{
-        populationStatisticsList.num
-      }}</strong><span> 人/次</span></el-col
-    >
-    <echartsZXT
-      v-if="status"
-      :resData="populationStatisticsList.data"
-      style="width: 100%; height: 100%;"
-      alt="折线图"
-    />
-  </el-col>
-</template>
-<script>
-import axios from 'axios'
-import echartsZXT from "@/components2/populationStatistics/echartsZXT.vue";
-export default {
-  name: "populationStatistics",
-  components: {
-    echartsZXT,
-  },
-  data() {
-    return {
-      populationStatisticsList: {
-        //今日流量
-          num: undefined,
-          data: [
-            [],[]
-          ],
-      },
-      status:false,
-      loading:true
-    };
-  },
-  watch: {},
-  created(){
-    this.init()
-    this.timing()
-  },
-  mounted() {
-
-  },
-  methods: {
-    async init(){
-      await axios({
-        method: 'get',
-        url: 'https://smartpark.caih.com/ykt/api/thirdparty/v1/openInterface/yunUserRequest',
-        timeout: 10000,
-      }).then(res =>{
-          let total = 0
-          if(res.data){
-            this.populationStatisticsList.data.num = 0
-            this.populationStatisticsList.data[0] = []
-            this.populationStatisticsList.data[1] = []
-            for(let i = 0; i<res.data.length; i++){
-              this.populationStatisticsList.data[0].push(res.data[i].access_time)
-              this.populationStatisticsList.data[1].push(res.data[i].card_number)
-              total += res.data[i].card_number
-            }
-            this.populationStatisticsList.num = total
-            setTimeout(()=>{
-              this.status = true
-              this.loading = false
-            },20)
-
-          }
-      }).catch(err =>{
-      })
-    },
-    timing(){
-      setInterval(() =>{
-        this.init()
-      },1000 * 60 * 5)
-    }
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.subtitle {
-  position: absolute;
-  top: 10px;
-  right: 20px;
-  font-size: 16px;
-  text-align: right;
-  strong {
-    font-size: 20px;
-    font-family: "DINAlternate-Bold";
-    font-weight: 700;
-
-  }
-}
-</style>

src/components2/realTimeVideo/index.vue

@@ -1,241 +0,0 @@
-<template>
-  <el-col :span="24" class="realTimeVideo modular" style="padding:10px 20px 0;">
-    <div class="title" style="margin-left:0">实时视频</div>
-    <div  class="videoSelect">
-        <el-select @change="videoSelect1" v-model="video1" placeholder="请选择摄像头1" class="videoSelect1">
-            <el-option
-            v-for="item in videoSelect"
-            :key="item.url"
-            :label="item.name"
-            :value="item.url"
-            >
-            </el-option>
-        </el-select>
-        <el-select @change="videoSelect2" v-model="video2" placeholder="请选择摄像头2" class="videoSelect2">
-            <el-option
-            v-for="item in videoSelect"
-            :key="item.url"
-            :label="item.name"
-            :value="item.url"
-            >
-            </el-option>
-        </el-select>
-    </div>
-    <el-row class="videoList" :gutter="20">
-        <el-col class="video" :span="12">
-            <video
-                preload="true"
-                autoplay="autoplay"
-                class="hlsVideo monitor-height"
-                ref="hlsVideo1"
-                style="width: 100%"
-                :poster="poster"
-                controls
-                muted
-            ></video>
-             <div class="videoTitle">{{name1}}</div>
-        </el-col>
-        <el-col class="video" :span="12">
-            <video
-                preload="true"
-                autoplay="autoplay"
-                class="hlsVideo monitor-height"
-                ref="hlsVideo2"
-                style="width: 100%"
-                controls
-                muted
-                :poster="poster"
-            ></video>
-            <div class="videoTitle">{{name2}}</div>
-        </el-col>
-    </el-row>
-
-  </el-col>
-</template>
-<script>
-import poster from "@/assets/images2/poster.jpg";
-import Hls from "hls.js";
-import axios from 'axios'
-export default {
-  name: "iOTNetworkCard",
-  data() {
-    return {
-      videoSelect:false,
-      hls1:undefined,
-      hls2:undefined,
-      video1:undefined,
-      video2:undefined,
-      name1:undefined,
-      name2:undefined,
-      poster:poster
-    };
-  },
-  mounted(){
-      this.init()
-  },
-  methods:{
-      init(){
-        axios({
-            method: 'post',
-            url: 'http://10.21.39.1:8082/dhController/getLocalChannel?pageNo=1&pageSize=500&unitType=1',
-            timeout: 3000,
-        }).then(res =>{
-            if(res.data.data.pageList){
-                let data = res.data.data.pageList
-                this.videoSelect = data
-                for(let i = 0; i<data.length; i++){
-                    this.videoSelect[i].url = "http://" + data[i].nvr_ip + ":" + data[i].hls_port + "/live/cameraid/" + data[i].deviceId + "%24" + data[i].id.split("$")[(data[i].id.split("$")).length-1]  + "/substream/1.m3u8"
-                    this.videoSelect[i].url = this.videoSelect[i].url +  ',' + data[i].name
-                }
-                this.videoSelect1(this.videoSelect[0].url)
-                this.videoSelect2(this.videoSelect[1].url)
-            }
-        }).catch(err =>{
-        })
-
-      },
-
-      videoSelect1(value){
-        this.destroyHls(1)
-        let arr = value.split(',')
-        this.name1 = arr[1]
-        this.loadVideoFn(1,arr[0])
-      },
-      videoSelect2(value){
-        this.destroyHls(2)
-        let arr = value.split(',')
-        this.name2 = arr[1]
-        this.loadVideoFn(2,arr[0])
-      },
-
-        destroyHls(id){//关闭视频拉取
-            if (this.hls) {
-                if(id=="1"){
-                    this.$refs.hlsVideo1.pause();
-                    this.hls1.destroy();
-                    this.hls1 = null;
-                }else{
-                    this.$refs.hlsVideo2.pause();
-                    this.hls2.destroy();
-                    this.hls2 = null;
-                }
-
-            }
-        },
-        loadVideoFn(id,url) {//视频播放
-            setTimeout(() =>{
-                if (Hls.isSupported()) {
-                    if(id == "1"){
-                        this.hls1 = new Hls();
-                        this.hls1.loadSource(url);
-                        this.hls1.attachMedia(this.$refs.hlsVideo1);
-                        this.hls1.on(Hls.Events.MANIFEST_PARSED, () => {
-                            this.$refs.hlsVideo1.play();
-                        });
-                        this.hls1.on(Hls.Events.ERROR, (event, data) => {
-                        });
-                    }else{
-                        this.hls2 = new Hls();
-                        this.hls2.loadSource(url);
-                        this.hls2.attachMedia(this.$refs.hlsVideo2);
-                        this.hls2.on(Hls.Events.MANIFEST_PARSED, () => {
-                            this.$refs.hlsVideo2.play();
-                        });
-                        this.hls2.on(Hls.Events.ERROR, (event, data) => {
-                        });
-                    }
-                }
-            },1000)
-        },
-  }
-};
-</script>
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.realTimeVideo{
-  height:280px;
-  .title{
-      width:80px;
-      display: inline-block;
-  }
-  .videoSelect{
-      width:auto;
-      float:right
-  }
-  .videoList{
-      margin:13px 0 20px;
-      .video{
-           margin:0 auto;
-           position: relative;
-           background-color: $modularBackGround;
-          video{
-              height:200px;
-          }
-          .videoTitle{
-          position: absolute;
-          right:16px;
-          bottom:20px;
-          font-size: 14px;
-          color: $white;
-          background-color: rgba(0,0,0,0.3);
-          padding:4px 12px;
-      }
-
-      }
-
-  }
-
-}
-::v-deep .el-input__inner {
-  background-color: transparent !important;
-  color: $white;
-  height: 36px;
-}
-/**修改边框和字体颜色 */
-::v-deep .el-select {
-  position: relative;
-  width: 200px;
-  display: inline-block;
-  margin-left:20px;
-  .el-input {
-    input {
-      height: 40px;
-      border-color: $white;
-      color: $white;
-      font-size: 14px;
-    }
-  }
-
-}
-/**修改下拉图标颜色 */
-::v-deep .el-input__suffix {
-  .el-input__suffix-inner {
-    .el-icon-arrow-up:before {
-      color: $white;
-      padding-left: 0.11rem;
-    }
-  }
-}
-
-.el-select-dropdown__item{
-    padding:0 12px !important;
-    font-size: 12px !important;
-    height:20px !important;
-    line-height: 20px !important;
-    color:$white;
-}
-.el-select-dropdown__item.hover{
-    background-color: $modularHoverBackGround;
-}
-
-
-</style>
-<style >
-.el-scrollbar{
-    background-color: rgba(35,40,49,1);
-}
-.el-scrollbar{
-    border:1px solid rgba(35,40,49,1) !important;
-
-}
-</style>

src/components2/restaurant/index copy.vue

@@ -1,226 +0,0 @@
-<template>
-  <el-col :span="24" class="restaurant modular" style="padding:10px 20px 0;">
-    <el-col class="title" style="margin-left:0">智慧餐饮</el-col>
-    <el-col class="restaurantLeft">
-      <el-col :span="24" class="nh">
-        <el-image :src="restaurant1" fit="scale-down" />
-        <el-col class="name"
-          >今日营业额<el-col class="num"
-            >{{num[0]}}<span class="unit">元</span></el-col
-          ></el-col
-        >
-      </el-col>
-      <el-col :span="24" class="nh">
-        <el-image :src="restaurant1" fit="scale-down" />
-        <el-col class="name"
-          >今日销售人/次<el-col class="num"
-            >{{num[1]}}<span class="unit">份</span></el-col
-          ></el-col
-        >
-      </el-col>
-    </el-col>
-    <el-col class="restaurantRight">
-      <el-col class="top">
-        <el-image :src="restaurant2" fit="scale-down" class="leftImg" />
-        <el-col class="name">昨日最受欢迎菜品</el-col>
-        <el-image :src="restaurant3" fit="scale-down" class="rightImg" />
-      </el-col>
-      <el-col class="bottom">
-        <div class="dish" v-for="(item,index) in list2" :key="index" @click="canyin(index + 1)">
-          <el-col :span="8"><el-image :src="item.id" fit="scale-down" class="leftImg"/></el-col>
-          <el-col :span="8" class="dishName">{{item.name || "未营业"}}</el-col>
-          <el-col :span="8" class="fs">{{item.num || 0}}份</el-col>
-        </div>
-      </el-col>
-    </el-col>
-  </el-col>
-</template>
-<script>
-import axios from 'axios'
-import restaurant1 from "@/assets/images2/智慧餐饮icon.png";
-import restaurant2 from "@/assets/images2/排名-左边.png";
-import restaurant3 from "@/assets/images2/排名-右边.png";
-import num1 from "@/assets/images2/第一名icon.png";
-import num2 from "@/assets/images2/第二名icon.png";
-import num3 from "@/assets/images2/第三名icon.png";
-import { getWeekDate } from "@/assets/js/dataFormate.js";
-export default {
-  name: "restaurant",
-  data() {
-    return {
-      restaurant1: restaurant1,
-      restaurant2: restaurant2,
-      restaurant3: restaurant3,
-      num1: num1,
-      num2: num2,
-      num3: num3,
-      data:{
-        total:undefined,
-        list:{}
-      },
-      list2:[
-        {id:num1,name:"清炒时蔬",num:412},
-        {id:num2,name:"柠檬鸭",num:315},
-        {id:num3,name:"番茄炒蛋",num:267},
-      ],
-      num:[38155,15642],
-      tapNo:false,
-    };
-  },
-  created(){
-    console.log(getWeekDate())
-    if(getWeekDate() == "周一" || getWeekDate() == "周日"){
-      this.list2 = [
-        {id:num1,name:"未营业",num:0},
-        {id:num2,name:"未营业",num:0},
-        {id:num3,name:"未营业",num:0},
-      ]
-      // this.num = [0,0]
-      this.tapNo = true
-    }
-    if(getWeekDate() == "周六" || getWeekDate() == "周日"){
-      this.num = [0,0]
-    }
-  },
-  mounted() {
-    this.init()
-    this.timing()
-  },
-  methods: {
-    init(){
-      axios({
-        method: 'get',
-        url: 'https://smartpark.caih.com/zhcy/api/thirdparty/v1/open/countOrderAmt',
-        timeout: 3000,
-      }).then(res =>{
-        console.log(res)
-        this.data.total = res.data
-      }).catch(err =>{
-      })
-
-      axios({
-        method: 'get',
-        url: 'https://smartpark.caih.com/zhcy/api/thirdparty/v1/open/hyFood',
-        timeout: 3000,
-      }).then(res =>{
-        if(res.data){
-          this.data.list = res.data
-          this.data.list[0].id = this.num1
-          this.data.list[1].id = this.num2
-          this.data.list[2].id = this.num3
-        }
-      }).catch(err =>{
-      })
-    },
-    timing(){
-      setInterval(() =>{
-        this.init()
-      },1000 * 60 * 5)
-    },
-    canyin(id){
-      if(this.tapNo == true){
-        //禁止跳转（周六周日休业）
-      }else{
-        this.$emit("canyinClick",id)
-      }
-
-    }
-  },
-};
-</script>
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.restaurantLeft {
-  width: 50%;
-  display: inline-block;
-  margin-top:0vh !important;
-  .nh {
-    margin-top: 50px;
-    .el-image {
-      width: 24px;
-      margin-top: -25px;
-      float: left;
-    }
-    .name {
-      font-size: 16px;
-      margin: -25px 30px 0 !important;
-      width: 150px;
-      display: block;
-      color:$white2;
-      .num {
-        font-size: 24px;
-        font-family: "DINAlternate-Bold";
-        font-weight: 700;
-        margin-top: 0.5vh;
-        display: inline-block;
-        color:$white;
-        .unit {
-          font-size: 16px;
-          margin-left:2px;
-        }
-      }
-    }
-  }
-}
-.restaurantRight {
-  width: 50%;
-  text-align: center;
-  .top {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    .name {
-      font-size: 16px;
-      color: $orange;
-      padding-bottom: 10px;
-      display: inline-block;
-      vertical-align: middle;
-      width: auto;
-      margin: 0 6px;
-    }
-    .name::after {
-      content: "";
-      width: 60%;
-      height: 1px;
-      display: block;
-      margin: 0 auto;
-      border-bottom: 1px solid $orange;
-      padding: 1px;
-    }
-
-    .leftImg,
-    .rightImg {
-      width: 25px;
-      margin-top:10px;
-    }
-  }
-  .bottom {
-    display: flex;
-    flex-direction: column;
-    .dish {
-      margin-top: 8px;
-      height: 33px;
-      line-height: 33px;
-      background-color: $modularHoverBackGround;
-      text-align: center;
-      vertical-align: middle;
-      cursor: pointer;
-      .el-image {
-        width: 24px;
-        margin: 4.5px 0;
-      }
-      .dishName,
-      .fs {
-        font-size: 16px;
-        margin-top:-2px;
-        font-family: 'DINAlternate-Bold';
-      }
-      .dishName{
-
-        display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
-      }
-    }
-  }
-}
-</style>

src/components2/restaurant/index.vue

@@ -1,249 +0,0 @@
-<template>
-  <el-col :span="24" class="restaurant modular" style="padding:10px 20px 0;" v-loading="loading">
-    <el-col class="title" style="margin-left:0">智慧餐饮</el-col>
-    <el-col class="restaurantLeft">
-      <el-col :span="24" class="nh">
-        <el-image :src="restaurant1" fit="scale-down" />
-        <el-col class="name">今日营业额
-          <el-col class="num">{{ data2.yingyee }}<span class="unit">元</span></el-col>
-        </el-col>
-        <!-- <el-col class="name"
-          >今日营业额<el-col class="num"
-            >{{ data.nowIncome || 0 }}<span class="unit">元</span></el-col
-          ></el-col
-        > -->
-      </el-col>
-      <el-col :span="24" class="nh">
-        <el-image :src="restaurant1" fit="scale-down" />
-        <el-col class="name"
-          >今日销售人/次<el-col class="num"
-            >{{ data2.renci }}<span class="unit"></span></el-col
-          ></el-col
-        >
-        <!-- <el-col class="name"
-          >今日销售人/次<el-col class="num"
-            >{{ data.consumerNowNumber || 0 }}<span class="unit"></span></el-col
-          ></el-col
-        > -->
-      </el-col>
-    </el-col>
-    <el-col class="restaurantRight">
-      <el-col class="top">
-        <el-image :src="restaurant2" fit="scale-down" class="leftImg" />
-        <el-col class="name">昨日最受欢迎菜品</el-col>
-        <el-image :src="restaurant3" fit="scale-down" class="rightImg" />
-      </el-col>
-      <el-col class="bottom">
-        <div class="dish" v-for="(item,index) in data2.zuori" :key="index">
-          <el-col :span="5"><el-image :src="item.img" fit="scale-down" class="leftImg iconCP"/></el-col>
-          <el-col :span="11" class="dishName">{{item.name}}</el-col>
-          <el-col :span="8" class="fs">{{item.countPid}}份</el-col>
-        </div>
-      </el-col>
-    </el-col>
-  </el-col>
-</template>
-<script>
-import axios from 'axios'
-import restaurant1 from "@/assets/images2/智慧餐饮icon.png";
-import restaurant2 from "@/assets/images2/排名-左边.png";
-import restaurant3 from "@/assets/images2/排名-右边.png";
-import num1 from "@/assets/images2/第一名icon.png";
-import num2 from "@/assets/images2/第二名icon.png";
-import num3 from "@/assets/images2/第三名icon.png";
-import { getWeekDate } from "@/assets/js/dataFormate.js";
-export default {
-  name: "restaurant",
-  props:["resInfo"],
-  data() {
-    return {
-      loading:false,
-      restaurant1: restaurant1,
-      restaurant2: restaurant2,
-      restaurant3: restaurant3,
-      num1: num1,
-      num2: num2,
-      num3: num3,
-      data:{
-        countTheTopThree:[
-          // {img:num1,name:"蒜茸小白菜",countPid:436},
-          // {img:num2,name:"雪菜老豆腐",countPid:403},
-          // {img:num3,name:"碎肉粉",countPid:395}
-
-          // {img:num1,name:"蒜茸小白菜",countPid:436},
-          // {img:num2,name:"雪菜老豆腐",countPid:403},
-          // {img:num3,name:"碎肉粉",countPid:395}
-
-          {img:num1,name:"米饭",countPid:305},
-          {img:num2,name:"西红柿炒蛋",countPid:236},
-          {img:num3,name:"鱼香肉丝",countPid:158},
-        ]
-      },
-      data2:{}
-    };
-  },
-  watch:{
-    resInfo(val,old){
-      val.zuori[0].img = this.num1
-      val.zuori[1].img = this.num2
-      val.zuori[2].img = this.num3
-      this.data2 = val
-    }
-  },
-  created(){
-    // if(getWeekDate() == "周一" || getWeekDate() == "周日"){
-    //   this.list2 = [
-    //     {id:num1,name:"未营业",num:0},
-    //     {id:num2,name:"未营业",num:0},
-    //     {id:num3,name:"未营业",num:0},
-    //   ]
-    //   // this.num = [0,0]
-    //   this.tapNo = true
-    // }
-    // if(getWeekDate() == "周六" || getWeekDate() == "周日"){
-    //   this.num = [0,0]
-    // }
-  },
-  mounted() {
-    // this.init()
-    // this.timing()
-  },
-  methods: {
-    init(){
-      this.loading = true
-      axios({
-        method: 'get',
-        url: 'https://smartpark.caih.com/zhcy/api/thirdparty/v1/open/getCanYinData',
-        timeout: 100000,
-      }).then(res =>{
-        this.data = res.data.data
-        if(this.data.countTheTopThree.length>0){
-          this.data.countTheTopThree[0].img= this.num1
-          this.data.countTheTopThree[1].img= this.num2
-          this.data.countTheTopThree[2].img= this.num3
-        }else{
-          this.data.countTheTopThree[0] = {img:this.num1,name:"暂未营业",countPid:0}
-          this.data.countTheTopThree[1] = {img:this.num2,name:"暂未营业",countPid:0}
-          this.data.countTheTopThree[2] = {img:this.num3,name:"暂未营业",countPid:0}
-        }
-        this.loading= false
-      })
-    },
-    timing(){
-      setInterval(() =>{
-        this.init()
-      },1000 * 60 * 5)
-    },
-    // canyin(id){
-    //   if(this.tapNo == true){
-    //     //禁止跳转（周六周日休业）
-    //   }else{
-    //     this.$emit("canyinClick",id)
-    //   }
-
-    // }
-  },
-};
-</script>
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.restaurantLeft {
-  width: 50%;
-  display: inline-block;
-  margin-top:0vh !important;
-  .nh {
-    margin-top: 50px;
-    .el-image {
-      width: 24px;
-      margin-top: -25px;
-      float: left;
-    }
-    .name {
-      font-size: 16px;
-      margin: -25px 30px 0 !important;
-      width: 150px;
-      display: block;
-      color:$white2;
-      .num {
-        font-size: 24px;
-        font-family: "DINAlternate-Bold";
-        font-weight: 700;
-        margin-top: 0.5vh;
-        display: inline-block;
-        color:$white;
-        .unit {
-          font-size: 16px;
-          margin-left:2px;
-        }
-      }
-    }
-  }
-}
-.restaurantRight {
-  width: 50%;
-  text-align: center;
-  .top {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    .name {
-      font-size: 16px;
-      color: $orange;
-      padding-bottom: 10px;
-      display: inline-block;
-      vertical-align: middle;
-      width: auto;
-      margin: 0 6px;
-    }
-    .name::after {
-      content: "";
-      width: 60%;
-      height: 1px;
-      display: block;
-      margin: 0 auto;
-      border-bottom: 1px solid $orange;
-      padding: 1px;
-    }
-
-    .leftImg,
-    .rightImg {
-      width: 25px;
-      margin-top:10px;
-    }
-  }
-  .bottom {
-    display: flex;
-    flex-direction: column;
-    .dish {
-      margin-top: 8px;
-      height: 33px;
-      line-height: 33px;
-      background-color: $modularHoverBackGround;
-      text-align: center;
-      vertical-align: middle;
-      // cursor: pointer;
-      .el-image {
-        width: 24px;
-        margin: 4.5px 0;
-      }
-      .dishName{
-        text-align: left;
-      }
-      .dishName,
-      .fs {
-        font-size: 16px;
-        margin-top:-2px;
-        font-family: 'DINAlternate-Bold';
-      }
-      .dishName{
-
-        display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
-      }
-    }
-  }
-}
-.iconCP{
-    margin-left:0px !important;
-  }
-</style>

src/components2/seHeader/index.vue

@@ -1,83 +0,0 @@
-<template>
-  <el-row
-    class="top"
-    v-loading="loading"
-    element-loading-background="rgba(28,33,41,1)"
-  >
-    <el-col :span="6">
-      <el-col :span="24" class="time">{{ date }}</el-col>
-    </el-col>
-    <el-col :span="12">
-      <el-col :span="24" class="title">中国东信南宁总部大楼</el-col>
-    </el-col>
-    <el-col :span="6">
-      <el-col :span="24" class="logo">
-        <el-image :src="logo" fit="scale-down"> </el-image>
-      </el-col>
-    </el-col>
-  </el-row>
-</template>
-<script>
-import logo from "@/assets/logo/logo-b.png";
-export default {
-  data() {
-    return {
-      loading: true,
-      date: new Date(),
-      logo: logo,
-    };
-  },
-  mounted() {
-    let that= this;
-    that.loading = false;
-    this.timer = setInterval(function() {
-        let myDate = new Date()
-        let year = myDate.getFullYear() + '年'
-        let month = myDate.getMonth() + 1 > 9 ? (myDate.getMonth() + 1) + '月' : '0' + (myDate.getMonth() + 1)  + '月'
-        let day = myDate.getDate() > 9 ?  myDate.getDate() + '日' : '0' + myDate.getDate() + '日 '
-        let s = myDate.getHours() > 9 ? myDate.getHours() : '0' + myDate.getHours()
-        let f = myDate.getMinutes() > 9 ? myDate.getMinutes() : '0' + myDate.getMinutes()
-        let m = myDate.getSeconds() > 9  ? myDate.getSeconds() : '0' + myDate.getSeconds()
-        that.date = year + month + day + ' ' + s + ":" + f + ":" + m
-    });
-  },
-};
-</script>
-<style lang="scss" scoped>
-@import "@/assets/styles/common.scss";
-#main {
-  .top {
-    width: 100%;
-    height: 100px;
-    line-height: 100px;
-    vertical-align: middle;
-    position: absolute;
-    z-index: 10;
-    .time {
-      font-size: 24px;
-      color: $white;
-      margin-left:6px;
-    }
-    .title {
-      font-size: 40px;
-      color: $white;
-      letter-spacing: 2.22px;
-      font-family: "MicrosoftYaHei-Bold";
-      vertical-align: middle;
-      text-align: center;
-    }
-    .logo {
-      position: absolute;
-      right:40px;
-      width:100%;
-      text-align: right;
-
-      .el-image {
-        height: 65px;
-        vertical-align: middle;
-      }
-    }
-  }
-}
-</style>
-

src/components2/weather/index.vue

@@ -1,199 +0,0 @@
- wangtao / DX-LargeScreen
-
-
-index.vue 2.1 KB
-
-1
-2
-3
-4
-5
-6
-7
-8
-9
-10
-11
-12
-13
-14
-15
-16
-17
-18
-19
-20
-21
-22
-23
-24
-25
-26
-27
-28
-29
-30
-31
-32
-33
-34
-35
-36
-37
-38
-39
-40
-41
-42
-43
-44
-45
-46
-47
-48
-49
-50
-51
-52
-53
-54
-55
-56
-57
-58
-59
-60
-61
-62
-63
-64
-65
-66
-67
-68
-69
-70
-71
-72
-73
-74
-75
-76
-77
-78
-79
-80
-81
-82
-83
-84
-85
-86
-87
-88
-89
-90
-91
-92
-93
-94
-95
-96
-97
-<template>
-  <el-row class="weather modular" :gutter="40" >
-    <el-col :span="8" class="rowN">
-      <el-image :src="weather1" fit="scale-down" />
-      <div class="name">温度</div>
-      <div class="num">
-        {{data.temperature}}
-        <div class="unit">℃</div>
-      </div>
-    </el-col>
-    <el-col :span="8" class="rowN">
-      <el-image :src="weather2" fit="scale-down" />
-      <div class="name">湿度</div>
-      <div class="num">
-        {{data.sd}}
-        <div class="unit">%RH</div>
-      </div>
-    </el-col>
-    <el-col :span="8" class="rowN">
-      <el-image :src="weather3" fit="scale-down" />
-      <div class="name">PM2.5</div>
-      <div class="num">
-        {{data.aqiDetail.pm2_5}}
-        <div class="unit">ug/m3</div>
-      </div>
-    </el-col>
-  </el-row>
-</template>
-<script>
-import axios from 'axios'
-import weather1 from "@/assets/images2/温度.png";
-import weather2 from "@/assets/images2/湿度.png";
-import weather3 from "@/assets/images2/pm2.5.png";
-export default {
-  name: "weather",
-  data() {
-    return {
-      weather1: weather1,
-      weather2: weather2,
-      weather3: weather3,
-      data:{
-        aqiDetail:{}
-      }
-    };
-  },
-  created(){
-    this.initData()
-    setInterval(()=>{
-      this.initData()
-    },1000*60*30)
-  },
-  methods: {
-    //初始化数据
-    initData() {
-      axios({
-            method: 'get',
-            url: 'https://smartpark.caih.com/dxapi/aliWeather?area=南宁',
-            timeout: 10000,
-        }).then(res =>{
-            this.data = res.data.showapi_res_body.now
-        }).catch(err =>{
-        })
-    },
-  }
-};
-</script>
-<style lang="scss" scoped>
-.weather{
-  height:100px;
-}
-.rowN {
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  .el-image {
-    width: 60px;
-    margin-top:-1px;
-  }
-  .name {
-    font-size: 20px;
-    margin: auto 24px auto 12px;
-  }
-  .num {
-    font-size: 36px;
-    font-family: "DINAlternate-Bold";
-    font-weight: 700;
-    display: inline-block;
-    margin: auto 24px auto 12px;
-    .unit {
-      font-size: 24px;
-      font-family: "MicrosoftYaHei-Bold";
-      font-weight: 700;
-      display: inline-block;
-    }
-  }
-}
-</style>

src/components2/wenyin/index.vue

@@ -1,165 +0,0 @@
-<template>
-  <el-col :span="24" class="wenyin modular" style="padding:10px 20px 0;"  @click.native="dyjClick">
-    <el-col class="title" style="margin-left:0">文印助手</el-col>
-    <el-col class="wenyinLeft">
-      <el-col class="rowN">
-        <el-image :src="wenyin" fit="scale-down" />
-        <el-col class="name">打印机总数</el-col>
-        <el-col class="num">{{data.countSum}}<el-col class="unit">台</el-col></el-col>
-        <!-- <el-col class="num">11<el-col class="unit">台</el-col></el-col> -->
-      </el-col>
-      <el-col class="rowN">
-        <el-image :src="wenyin" fit="scale-down" />
-        <el-col class="name">工作状态数</el-col>
-        <el-col class="num">{{data.countRequest}}<el-col class="unit">台</el-col></el-col>
-        <!-- <el-col class="num">13<el-col class="unit">台</el-col></el-col> -->
-
-      </el-col>
-      <el-col class="rowN">
-        <el-image :src="wenyin" fit="scale-down" />
-        <el-col class="name">任务列表数</el-col>
-        <el-col class="num">{{data.countYun}}<el-col class="unit">份</el-col></el-col>
-        <!-- <el-col class="num">67<el-col class="unit">份</el-col></el-col> -->
-
-      </el-col>
-    </el-col>
-    <el-col class="wenyinRight">
-      <el-col class="name" v-for="(item,index) in data.list" :key="index">{{item}}</el-col>
-      <el-col class="name" v-if="!data.list">暂无打印任务</el-col>
-    </el-col>
-  </el-col>
-</template>
-<script>
-import axios from 'axios'
-import wenyin from "@/assets/images2/文印助手icon.png";
-export default {
-  name: "wenyin",
-  props:["resInfo"],
-  data() {
-    return {
-      wenyin: wenyin,
-      data:{
-        countRequest: 0,
-        countSum: 0,
-        countYun: 0,
-      },
-      fileList:{}
-    };
-  },
-  watch:{
-    resInfo(val,old){
-      this.data = val
-    }
-  },
-  mounted() {
-    // this.init()
-    // this.timing()
-  },
-  methods: {
-    init(){
-      axios({
-        method: 'get',
-        url: 'https://smartpark.caih.com/wyxt/api/thirdparty/v1/open/firstDevice',
-        timeout: 3000,
-      }).then(res =>{
-        console.log(res)
-        if(res.data){
-          this.data = res.data
-        }
-
-      }).catch(err =>{
-      })
-
-      // axios({
-      //   method: 'get',
-      //   url: 'https://smartpark.caih.com/wyxt/api/thirdparty/v1/open/requestFile',
-      //   timeout: 3000,
-      // }).then(res =>{
-      //   console.log(res)
-      //   if(res.data){
-      //     this.fileList = res.data
-      //   }
-      // }).catch(err =>{
-      // })
-    },
-    dyjClick(){
-      // this.$emit("dyjClick")
-      this.$emit("postMsg","打印机")
-    },
-    timing(){
-      setInterval(() =>{
-        this.init()
-      },1000 * 60 * 5)
-    }
-  },
-};
-</script>
-<style lang="scss" scoped>
-@import "@/assets/styles/common.scss";
-.wenyinLeft {
-  width: 50%;
-  display: inline-block;
-  margin-top:2vh;
-  .rowN {
-    margin-top: 28px;
-    .el-image {
-      width: 24px;
-      float: left;
-    }
-    .name {
-      font-size: 16px;
-      margin: 0 12px 0;
-      width: auto;
-      float: left;
-      color:$white2;
-    }
-    .num {
-      font-size: 24px;
-      font-family: "DINAlternate-Bold";
-      font-weight: 700;
-      width: auto;
-      margin-top: -5px;
-      float:left;
-      .unit {
-        font-size: 14px;
-        font-family: "MicrosoftYaHei-Bold";
-        font-weight: 700;
-        width: auto;
-        float:right;
-        margin-top:6px;
-      }
-    }
-  }
-}
-.wenyinRight {
-  height: 50%;
-  margin-top: 10%;
-  width: 50%;
-  text-align: center;
-  overflow-x: hidden;
-  overflow-y: scroll;
-    .name {
-      display: block;
-      font-size: 16px;
-      margin: 1.11111vh 0 0 40px;
-      width: 100%;
-      overflow: hidden; /*内容超出后隐藏*/
-      text-overflow: ellipsis; /* 超出内容显示为省略号 */
-      white-space: nowrap; /* 文本不进行换行 */
-      color:$white2;
-      text-align: left;
-    }
-
-
-}
-.wenyinRight::after {
-  position: absolute;
-  content: "";
-  width: 100%;
-  height: 50%;
-  display: block;
-  margin: auto;
-  border-left: 1px solid $white;
-  padding: 1px;
-}
-</style>

src/components3/SpringFrame/canyin.vue

@@ -1,148 +0,0 @@
-<template>
-  <el-row class="video commonWidth" v-if="state">
-    <el-col class="top">
-      <el-col class="title">
-        <span>菜品名称</span>
-      </el-col>
-      <el-image
-        @click="close2"
-        class="close"
-        :src="close"
-      ></el-image>
-    </el-col>
-    <el-col class="contain">
-       <el-col class="title">{{data2.name}}</el-col>
-       <el-col :span="12" class="nh">
-            <el-image :src="cy"  />
-            <el-col class="name"
-            >供应数量<el-col class="num"
-                >{{data2.num[0]}}<span class="unit">份</span></el-col
-            ></el-col
-            >
-      </el-col>
-      <el-col :span="12" class="nh">
-            <el-image :src="cy" />
-            <el-col class="name"
-            >剩余数量<el-col class="num"
-                >{{data2.num[1]}}<span class="unit">份</span></el-col
-            ></el-col
-            >
-      </el-col>
-      <el-col :span="12" class="nh">
-            <el-image :src="cy"  />
-            <el-col class="name"
-            >单价<el-col class="num"
-                >{{data2.num[2]}}<span class="unit">元</span></el-col
-            ></el-col
-            >
-      </el-col>
-      <el-col :span="12" class="nh">
-            <el-image :src="cy"  />
-            <el-col class="name"
-            >评价统计<el-col class="num"
-                >{{data2.num[3]}}<span class="unit">分</span></el-col
-            ></el-col
-            >
-      </el-col>
-    </el-col>
-  </el-row>
-</template>
-<script>
-import close from "@/assets/images2/close.png";
-import cy from "@/assets/images2/能耗统计icon.png";
-export default {
-  name: "canyin",
-  props: ["resInfo"],
-  data() {
-    return {
-      state: true,
-      close: close,
-      cy: cy,
-      data:[
-          {name:"清炒时蔬",num:[412,5,10,9]},
-          {name:"柠檬鸭",num:[315,0,15,8.5]},
-          {name:"番茄炒蛋",num:[267,3,10,8.1]},
-      ],
-      data2:{}
-    };
-  },
-  mounted() {
-    this.getData();
-  },
-  methods: {
-    getData() {
-      this.data2 = this.data[this.resInfo.canyin - 1]
-    },
-
-    close2() {
-      //关闭
-      this.state = false;
-      this.$emit("close");
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-@import "@/assets/styles/common.scss";
-.commonWidth {
-  width: 950px;
-  height: 500px;
-  background-color: rgba(40,40,40,0.5);
-  margin: 0 auto;
-  border-radius: 20px;
-  padding: 20px;
-  color: $white;
-  .top {
-    .title {
-      width: 100%;
-      margin-top: -2px;
-      margin-left: 16px;
-      display: inline-block;
-      font-size: 30px;
-    }
-    .close {
-      width: 40px;
-      height: 40px;
-      float: right;
-      margin-top: -40px;
-      image {
-        width: 100%;
-      }
-    }
-  }
-  .contain {
-      .title{
-          font-size: 30px;
-          text-align: center;
-          margin:40px auto -30px;
-      }
-    .nh {
-        margin-top: 100px;
-            .el-image {
-            width: 40px;
-            margin-top: -25px;
-            margin-left:120px;
-            float: left;
-        }
-        .name {
-            font-size: 26px;
-            margin: -25px 15px 0 !important;
-            width: 150px;
-            display: block;
-        .num {
-            font-size: 30px;
-            font-family: 'DINAlternate-Bold';
-            font-weight: 700;
-            margin-top: 15px;
-            display: inline-block;
-            .unit {
-            font-size: 20px;
-            margin-left:10px;
-            }
-        }
-        }
-    }
-  }
-}
-</style>

src/components3/SpringFrame/dyj.vue

@@ -1,156 +0,0 @@
-<template>
-  <el-row class="video commonWidth" v-if="state">
-    <el-col class="top">
-      <el-col class="title">
-        <span>打印机详情</span>
-      </el-col>
-      <el-image
-        @click="close2"
-        class="close"
-        :src="close"
-      ></el-image>
-    </el-col>
-    <el-col class="contain">
-      <el-col class="data">
-        <el-col class="title" :span="8">打印机名称：</el-col>
-        <el-col class="content" :span="16">8楼公共打印机</el-col>
-      </el-col>
-      <el-col class="data">
-        <el-col class="title" :span="8">安装位置：</el-col>
-        <el-col class="content" :span="16">8楼中庭</el-col>
-      </el-col>
-      <el-col class="data">
-        <el-col class="title" :span="8">管理人：</el-col>
-        <el-col class="content" :span="16">农宝钰</el-col>
-      </el-col>
-      <el-col class="data" style="margin-bottom: 60px">
-        <el-col class="title" :span="8">今日打印纸张：</el-col>
-        <el-col class="content" :span="16">101</el-col>
-      </el-col>
-      <table width="90%" class="table">
-        <thead>
-          <tr>
-            <th>文件名称</th>
-            <th>提交人</th>
-            <th>页数</th>
-            <th>状态</th>
-          </tr>
-        </thead>
-        <tr>
-          <td>***合同.pdf</td>
-          <td>黎瀛</td>
-          <td>14页</td>
-          <td style="color:#ff890d">已完成</td>
-        </tr>
-        <tr>
-          <td>***方案.docx</td>
-          <td>王飞</td>
-          <td>31页</td>
-          <td style="color:#fed90e">待审批</td>
-        </tr>
-        <tr>
-          <td>***订单.pdf</td>
-          <td>田建恒</td>
-          <td>2页</td>
-          <td style="color:#ff890d">已完成</td>
-        </tr>
-      </table>
-    </el-col>
-  </el-row>
-</template>
-<script>
-import close from "@/assets/images2/close.png";
-export default {
-  name: "xg",
-  props: ["resInfo"],
-  data() {
-    return {
-      state: true,
-      close: close,
-      data: [],
-    };
-  },
-  mounted() {
-    this.getData();
-  },
-  methods: {
-    getData() {
-      
-    },
-
-    close2() {
-      //关闭
-      this.state = false;
-      this.$emit("close");
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-@import "@/assets/styles/common.scss";
-.commonWidth {
-  width: 950px;
-  height: 650px;
-  background-color: rgba(40,40,40,0.5);
-  margin: 0 auto;
-  border-radius: 20px;
-  padding: 20px;
-  color: $white;
-  .top {
-    .title {
-      width: 100%;
-      margin-top: -2px;
-      margin-left: 16px;
-      display: inline-block;
-      font-size: 30px;
-    }
-    .close {
-      width: 40px;
-      height: 40px;
-      float: right;
-      margin-top: -40px;
-      image {
-        width: 100%;
-      }
-    }
-  }
-  .contain {
-    .data {
-      margin-top: 30px;
-      font-size: 28px;
-      .title {
-        text-align: right;
-      }
-      .content {
-        text-align: left;
-      }
-    }
-    .data:nth-child(1) {
-      margin-top: 60px;
-    }
-  }
-}
-table {
-  border-collapse: collapse;
-  margin: 0 auto;
-  text-align: center;
-}
-table td,
-table th {
-  border: 1px solid #cad9ea;
-  color: #fff;
-  height: 50px;
-  font-size: 24px;
-}
-table thead th {
-  background-color: #323a45;
-  width: 100px;
-}
-table tr {
-  background: #2a303c;
-}
-</style>
-<style >
-/* 表格内背景颜色 */
-</style>

src/components3/SpringFrame/gjxx.vue

@@ -1,161 +0,0 @@
-<template>
-    <el-row class="video commonWidth" v-if="state">
-        <el-col class="top">
-            <el-col class="title">
-                <span>告警信息</span>
-            </el-col>
-            <el-image @click="close2" class="close"
-            :src="close"
-            ></el-image>
-        </el-col>
-        <el-col class="contain">
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    告警地址：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].companyName || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    告警位置：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].unitInfo || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    告警时间：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].alarmTime || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    告警内容：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].property || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    告警类型：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].deviceTypeName}}
-                </el-col>
-            </el-col>
-            <!-- <el-col class="data">
-                <el-col class="title" :span="8">
-                    告警类型码：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].evt || '--'}}
-                </el-col>
-            </el-col> -->
-            <el-col class="data" >
-                <el-col class="title" :span="8">
-                    设备ID：
-                </el-col>
-                <el-col class="content" :span="16">
-                     {{data[0]. deviceId || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data" style="margin-bottom:60px">
-                <el-col class="title" :span="8">
-                    设备名称：
-                </el-col>
-                <el-col class="content" :span="16">
-                     {{data[0].deviceName || '--'}}
-                </el-col>
-            </el-col>
-
-        </el-col>
-    </el-row>
-</template>
-<script>
-import close from "@/assets/images2/close.png";
-export default {
-    name:"xg",
-    props:['resInfo'],
-    data() {
-        return {
-            state:false,
-            close:close,
-            data:[],
-        }
-    },
-    mounted(){
-        this.getData()
-    },
-    methods: {
-        getData(){
-            this.data.push(this.resInfo)
-            this.state = true
-        },
-
-        close2(){//关闭
-            this.state = false
-            this.$emit("close")
-        },
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.commonWidth{
-    width:950px;
-    height:620px;
-    background-color: rgba(40,40,40,0.5);
-    margin:0 auto; 
-    border-radius: 20px;
-    padding:20px;
-    color:$white;
-    .top{
-        .title{
-            width:100%;
-            margin-top:-2px; 
-            margin-left:16px;
-            display: inline-block;
-            font-size:30px;
-        }
-        .close{
-            width:40px;
-            height:40px;
-            float:right;
-            margin-top:-40px;
-            image{
-                width:100%;
-            }
-        }
-    } 
-    .contain{
-        .data{
-            margin-top:30px;
-            font-size: 28px;
-            .title{
-                text-align: right;
-            }
-            .content{
-                text-align: left;
-            }
-        }
-        .data:nth-child(1){
-            margin-top:50px;
-        }
-        
-    }
-}
-
-
-
-</style>
-<style >
-/* 表格内背景颜色 */
-
-</style>

src/components3/SpringFrame/hy.vue

@@ -1,158 +0,0 @@
-<template>
-    <el-row class="video commonWidth" v-if="state">
-        <el-col class="top">
-            <el-col class="title">
-                <span>会议详情</span>
-            </el-col>
-            <el-image @click="close2" class="close"
-            :src="close"
-            ></el-image>
-        </el-col>
-        <el-col class="contain">
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    会议室名称：
-                </el-col>
-                <el-col class="content" :span="16">
-                    1003会议室
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    当前会议名称：
-                </el-col>
-                <el-col class="content" :span="16">
-                    xxx研讨会
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    会议开始时间：
-                </el-col>
-                <el-col class="content" :span="16">
-                    2022-05-26 15:00:00
-                </el-col>
-            </el-col>
-            <el-col class="data"  >
-                <el-col class="title" :span="8">
-                    会议结束时间：
-                </el-col>
-                <el-col class="content" :span="16">
-                    2022-05-26 16:00:00
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    主持人：
-                </el-col>
-                <el-col class="content" :span="16">
-                    王某某
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    应道人数：
-                </el-col>
-                <el-col class="content" :span="16">
-                    100 人
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    实到人数：
-                </el-col>
-                <el-col class="content" :span="16">
-                    75 人
-                </el-col>
-            </el-col>
-            <el-col class="data" style="margin-bottom:60px">
-                <el-col class="title" :span="8">
-                    未签到人数：
-                </el-col>
-                <el-col class="content" :span="16">
-                    25 人
-                </el-col>
-            </el-col>
-        </el-col>
-    </el-row>
-</template>
-<script>
-import close from "@/assets/images2/close.png";
-export default {
-    name:"xg",
-    props:['resInfo'],
-    data() {
-        return {
-            state:true,
-            close:close,
-            data:[],
-        }
-    },
-    mounted(){
-        this.getData()
-    },
-    methods: {
-        getData(){
-        },
-
-        close2(){//关闭
-            this.state = false
-            this.$emit("close")
-        },
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.commonWidth{
-    width:950px;
-    height:720px;
-    background-color: rgba(40,40,40,0.5);
-    margin:0 auto; 
-    border-radius: 20px;
-    padding:20px;
-    color:$white;
-    .top{
-        .title{
-            width:100%;
-            margin-top:-2px; 
-            margin-left:16px;
-            display: inline-block;
-            font-size:30px;
-        }
-        .close{
-            width:40px;
-            height:40px;
-            float:right;
-            margin-top:-40px;
-            image{
-                width:100%;
-            }
-        }
-    } 
-    .contain{
-        .data{
-            margin-top:30px;
-            font-size: 28px;
-            .title{
-                text-align: right;
-            }
-            .content{
-                text-align: left;
-            }
-        }
-        .data:nth-child(1){
-            margin-top:60px;
-        }
-        
-    }
-}
-
-
-
-</style>
-<style >
-/* 表格内背景颜色 */
-
-</style>

src/components3/SpringFrame/index.vue

@@ -1,126 +0,0 @@
-<template>
-    <div class="Spring-frame">
-        <transition name="fade">
-            <videoPlay v-if="video" :resInfo="item" @close="itemClose"/>
-        </transition>
-        <transition name="fade">
-            <xg v-if="xg" :resInfo="item" @close="itemClose"/>
-        </transition>
-        <transition name="fade">
-            <hy v-if="hy" :resInfo="item" @close="itemClose"/>
-        </transition>
-        <transition name="fade">
-            <dyj v-if="dyj" :resInfo="item" @close="itemClose"/>
-        </transition>
-        <transition name="fade">
-            <canyin v-if="canyin" :resInfo="item" @close="itemClose"/>
-        </transition>
-        <transition name="fade">
-            <gjxx v-if="gjxx" :resInfo="item" @close="itemClose"/>
-        </transition>
-        <transition name="fade">
-            <rqgj v-if="rqgj" :resInfo="item" @close="itemClose"/>
-        </transition>
-        <transition name="fade">
-            <xfgj v-if="xfgj" :resInfo="item" @close="itemClose"/>
-        </transition>
-   </div>
-</template>
-<script>
-import videoPlay from "@/components2/SpringFrame/videoPlay";
-import xg from "@/components2/SpringFrame/xg";
-import hy from "@/components2/SpringFrame/hy";
-import dyj from "@/components2/SpringFrame/dyj";
-import canyin  from "@/components2/SpringFrame/canyin";
-import gjxx  from "@/components2/SpringFrame/gjxx";
-import rqgj  from "@/components2/SpringFrame/rqgj";
-import xfgj  from "@/components2/SpringFrame/xfgj";
-export default {
-    name:"index",
-    props:['resInfo'],
-    components: {
-        videoPlay,xg,hy,dyj,canyin,gjxx,rqgj,xfgj
-    },
-    data() {
-        return {
-            item:{},
-            video:false,
-            xg:false,
-            hy:false,
-            dyj:false,
-            canyin:false,
-            gjxx:undefined,
-            rqgj:undefined,
-            xfgj:undefined,
-        }
-    },
-    watch: {
-        resInfo(){
-            this.getData()
-        },
-    },
-    mounted(){
-        this.getData()
-    },
-    methods: {
-        getData(){
-            if(this.resInfo.video){//视频
-                this.video = true
-                this.item = this.resInfo.video
-            }
-            if(this.resInfo.xg){//巡更
-                this.xg = true
-                this.item = this.resInfo.xg
-            }
-            if(this.resInfo.hy){//会议室
-                this.hy = true
-            }
-            if(this.resInfo.dyj){//打印机
-                this.dyj = true
-            }
-            if(this.resInfo.canyin){//餐饮
-                this.canyin = true
-                this.item = this.resInfo
-            }
-            if(this.resInfo.gjxx){//告警信息
-                this.gjxx = true
-                this.item = this.resInfo.gjxx
-            }
-            if(this.resInfo.rqgj){//入侵告警
-                this.rqgj = true
-                this.item = this.resInfo.rqgj
-            }
-            if(this.resInfo.xfgj){//消防告警
-                this.xfgj = true
-                this.item = this.resInfo.xfgj
-            }
-        },
-        itemClose(){
-            this.video = false
-            this.xg = false
-            this.hy = false
-            this.dyj = false
-            this.canyin = false
-            this.gjxx = false
-            this.rqgj = false
-            this.xfgj = false
-            this.item = {}
-            this.$emit("close")
-        },
-  },
-};
-</script>
-
-<style lang="scss">
-
-.Spring-frame {
-    position: absolute;
-	width:50%;
-	top:20%;
-	left:25%;
-	margin:0 auto;
-    z-index: 1000;
-
-}
-
-</style>

src/components3/SpringFrame/rqgj.vue

@@ -1,237 +0,0 @@
-<template>
-    <el-row class="video commonWidth" v-if="state">
-        <el-col class="top">
-            <el-col class="title">
-                <span>入侵告警信息</span>
-            </el-col>
-            <el-image @click="close2" class="close"
-            :src="close"
-            ></el-image>
-        </el-col>
-        <el-row class="contain">
-            <!-- <el-col class="data">
-                <el-col class="title" :span="10">
-                    CID码：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].cidcode || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    CID级别：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].cidlevel || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    CID内容：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].cidmemo || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    CID类型：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].cidtype || '--'}}
-                </el-col>
-            </el-col> -->
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    连接类型：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].commType == "1" ? "网络" : data[0].commType == "2" ? "串口" :"--"}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    主机连接号：
-                </el-col>
-                <el-col class="content" :span="14">
-                    <!-- 10.208.64.54 -->
-                    {{data[0].connect || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    报警类型：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].eventFlag == "1" ? "主机事件" : data[0].eventFlag == "2" ? "dk903键盘事件" :'--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    事件触发：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].eventtriger == "1" ? "恢复事件" : data[0].eventtriger == "2" ? "触发事件" :'--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    防区名：
-                </el-col>
-                <el-col class="content" :span="14">
-                    <!-- 8楼新风机房 -->
-                    {{data[0].guardCode || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    IP地址：
-                </el-col>
-                <el-col class="content" :span="14">
-                    <!-- 10.208.64.54 -->
-                    {{data[0].ip || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    消息类型：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].message == "alarm" ? "事件报警" : data[0].message || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    分区名：
-                </el-col>
-                <el-col class="content" :span="14">
-                    <!-- 8楼新风机房 -->
-                    {{data[0].partCode || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                   处理状态：
-                </el-col>
-                <el-col class="content" :span="14">
-                     {{data[0].status == "0" ? "未处理" : data[0].status == "1" ? "已处理" :'--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    告警时间：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].creatTime || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    处理时间：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].updateTime || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="10">
-                    处理人：
-                </el-col>
-                <el-col class="content" :span="14">
-                    <!-- 王浩 -->
-                    {{data[0].handler || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data" style="margin-bottom:60px">
-                <el-col class="title" :span="10">
-                    备注：
-                </el-col>
-                <el-col class="content" :span="14">
-                    {{data[0].remark || '--'}}
-                </el-col>
-            </el-col>
-        </el-row>
-    </el-row>
-</template>
-<script>
-import close from "@/assets/images2/close.png";
-export default {
-    name:"rqgj",
-    props:['resInfo'],
-    data() {
-        return {
-            state:false,
-            close:close,
-            data:[],
-        }
-    },
-    mounted(){
-        this.getData()
-    },
-    methods: {
-        getData(){
-            this.data.push(this.resInfo)
-            this.state = true
-        },
-
-        close2(){//关闭
-            this.state = false
-            this.$emit("close")
-        },
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.commonWidth{
-    width:950px;
-    height:680px;
-    background-color: rgba(40,40,40,0.5);
-    margin:0 auto;
-    border-radius: 20px;
-    padding:20px;
-    color:$white;
-    .top{
-        .title{
-            width:100%;
-            margin-top:-2px;
-            margin-left:16px;
-            display: inline-block;
-            font-size:30px;
-        }
-        .close{
-            width:40px;
-            height:40px;
-            float:right;
-            margin-top:-40px;
-            image{
-                width:100%;
-            }
-        }
-    }
-    .contain{
-        margin-top:80px;
-        .data{
-            margin-top:25px;
-            font-size: 28px;
-            width:50%;
-            float:right;
-            .title{
-                text-align: right;
-            }
-            .content{
-                text-align: left;
-            }
-        }
-
-    }
-}
-
-
-
-</style>
-<style >
-/* 表格内背景颜色 */
-
-</style>

src/components3/SpringFrame/videoPlay.vue

@@ -1,148 +0,0 @@
-<template>
-    <el-row class="video commonWidth" v-if="state">
-        <el-col class="top">
-            <el-col class="title">
-                <span>设备信息</span>
-            </el-col>
-            <el-image @click.native="close2" class="close"
-            :src="close"
-            ></el-image>
-        </el-col>
-        <el-col class="contain">
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    设备名称：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data.name}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    位置信息：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data.name}}
-                </el-col>
-            </el-col>
-            <video 
-                preload="true"
-                autoplay="autoplay" 
-                class="hlsVideo monitor-height"
-                ref="hlsVideo"
-                controls
-                muted
-                :poster="poster"
-            ></video>
-        </el-col>
-    </el-row>
-</template>
-<script>
-import poster from "@/assets/images2/poster.jpg";
-import close from "@/assets/images2/close.png";
-import Hls from "hls.js";
-export default {
-    name:"videoPlay",
-    props:['resInfo'],
-    data() {
-        return {
-            state:false,
-            data:{},
-            hls:undefined,
-            video:undefined,
-            close:close,
-            poster:poster
-        }
-    },
-    mounted(){
-        this.getData()
-    },
-    methods: {
-        getData(){
-            this.state = true
-            this.data= this.resInfo
-            this.loadVideoFn(this.data.url)
-        },
-        destroyHls(id){//关闭视频拉取
-            if (this.hls) {
-                this.$refs.hlsVideo.pause();
-                this.hls.destroy();
-                this.hls = null; 
-            }
-        },
-        loadVideoFn(url) {//视频播放
-            setTimeout(() =>{
-                if (Hls.isSupported()) {
-                    this.hls = new Hls();
-                    this.hls.loadSource(url);
-                    this.hls.attachMedia(this.$refs.hlsVideo);
-                    this.hls.on(Hls.Events.MANIFEST_PARSED, () => {
-                        this.$refs.hlsVideo.play();
-                    });
-                    this.hls.on(Hls.Events.ERROR, (event, data) => {
-                    });
-                }
-            },1000)
-        },
-        close2(){//关闭
-            this.state = false
-            this.$emit("close",false)
-            this.destroyHls()
-            
-        },
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.commonWidth{
-    width:950px;
-    height:800px;
-    background-color: rgba(40,40,40,0.5);
-    margin:0 auto; 
-    border-radius: 10px;
-    padding:20px;
-    color:$white;
-    .top{
-        .title{
-            width:100%;
-            margin-top:-2px; 
-            margin-left:16px;
-            display: inline-block;
-            font-size:30px;
-        }
-        .close{
-            width:40px;
-            height:40px;
-            float:right;
-            margin-top:-40px;
-            image{
-                width:100%;
-            }
-        }
-    } 
-    .contain{
-        margin-top:60px;
-        .data{
-            margin-top:20px;
-            font-size: 28px;
-            .title{
-                text-align: right;
-            }
-            .content{
-                text-align: left;
-            }
-        }
-        .hlsVideo{
-            margin:60px 80px 0;
-            width:750px;
-            video{
-                background-color: #000;
-            }
-        }
-        
-    }
-}
-
-</style>

src/components3/SpringFrame/xfgj.vue

@@ -1,182 +0,0 @@
-<template>
-    <el-row class="video commonWidth" v-if="state">
-        <el-col class="top">
-            <el-col class="title">
-                <span>消防告警信息</span>
-            </el-col>
-            <el-image @click="close2" class="close"
-            :src="close"
-            ></el-image>
-        </el-col>
-        <el-col class="contain">
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    设备所属单位：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].companyName || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    安装位置：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].unitInfo || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    设备ID：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].deviceId || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    设备名称：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].deviceName || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    设备类型：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].deviceTypeName || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    告警时间：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].alarmTime || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    告警内容：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].property || '--'}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    处理状态：
-                </el-col>
-                <el-col class="content" :span="16">
-                  <span :class="data[0].clzt == '0' ? 'color3' : data[0].clzt == '1' ? 'color4' : 'color2'">{{data[0].clzt == '0' ? "未处理" : data[0].clzt == '1' ? "已处理:通过" :  data[0].clzt == '2' ? "已处理:未通过" : "--"}}</span>
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    处置时间：
-                </el-col>
-                <el-col class="content" :span="16">
-                 {{data[0].czTime || '--'}}
-                </el-col>
-            </el-col>
-        </el-col>
-    </el-row>
-</template>
-<script>
-import close from "@/assets/images2/close.png";
-export default {
-    name:"xfgj",
-    props:['resInfo'],
-    data() {
-        return {
-            state:false,
-            close:close,
-            data:[],
-        }
-    },
-    mounted(){
-        this.getData()
-    },
-    methods: {
-        getData(){
-            this.data.push(this.resInfo)
-            this.state = true
-        },
-
-        close2(){//关闭
-            this.state = false
-            this.$emit("close")
-        },
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.commonWidth{
-    width:950px;
-    height:760px;
-    background-color: rgba(40,40,40,0.5);
-    margin:0 auto;
-    border-radius: 20px;
-    padding:20px;
-    color:$white;
-    .top{
-        .title{
-            width:100%;
-            margin-top:-2px;
-            margin-left:16px;
-            display: inline-block;
-            font-size:30px;
-        }
-        .close{
-            width:40px;
-            height:40px;
-            float:right;
-            margin-top:-40px;
-            image{
-                width:100%;
-            }
-        }
-    }
-    .contain{
-        .data{
-            margin-top:30px;
-            font-size: 28px;
-            .title{
-                text-align: right;
-            }
-            .content{
-                text-align: left;
-            }
-        }
-        .data:nth-child(1){
-            margin-top:80px;
-        }
-
-    }
-}
-
-
-
-</style>
-<style >
-.color1 {
-    color: #6F99FA!important;
-}
-
-.color2 {
-    color: #DE8C54!important
-}
-
-.color3 {
-    color: #FF5801!important
-}
-
-.color4 {
-    color: #37FF01!important
-}
-
-</style>

src/components3/SpringFrame/xg.vue

@@ -1,179 +0,0 @@
-<template>
-    <el-row class="video commonWidth" v-if="state">
-        <el-col class="top">
-            <el-col class="title">
-                <span>巡更计划详情</span>
-            </el-col>
-            <el-image @click="close2" class="close"
-            :src="close"
-            ></el-image>
-        </el-col>
-        <el-col class="contain">
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    计划名称：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].eLName}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    点位名称：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].ePlaceName}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    启动时间：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].eStartTime}}
-                </el-col>
-            </el-col>
-            <el-col class="data"  >
-                <el-col class="title" :span="8">
-                    执行时间：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].eStartTime}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    当前状态：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].ePlanState}}
-                </el-col>
-            </el-col>
-            <el-col class="data">
-                <el-col class="title" :span="8">
-                    执行人：
-                </el-col>
-                <el-col class="content" :span="16">
-                    {{data[0].eBindUser}}
-                </el-col>
-            </el-col>
-            
-            <el-col class="data" style="margin-bottom:60px">
-                <el-col class="title" :span="8">
-                    巡更完成状态：
-                </el-col>
-                <el-col class="content" :span="16">
-                    完成
-                </el-col>
-            </el-col>
-            <!-- <el-table  :data="data"  height="100"  class="el-table2" 
-            :row-style="{height:'15px'}"
-      :header-row-style="{height:'20px'}"
-      :cell-style="{padding:'0px'}"
-      :header-cell-style="{padding:'0px',background:'#eef1f6'}"
-            >
-                <el-table-column label="点位名称" align="center" prop="ePlaceName"  show-overflow-tooltip />
-                <el-table-column label="巡更完成状态" align="center" prop="ePlanState"  show-overflow-tooltip />
-                <el-table-column label="执行时间" align="center" prop="eStartTime"  show-overflow-tooltip />
-            </el-table> -->
-        </el-col>
-    </el-row>
-</template>
-<script>
-import close from "@/assets/images2/close.png";
-export default {
-    name:"xg",
-    props:['resInfo'],
-    data() {
-        return {
-            state:false,
-            close:close,
-            data:[],
-        }
-    },
-    mounted(){
-        this.getData()
-    },
-    methods: {
-        getData(){
-            this.data.push(this.resInfo)
-            this.state = true
-        },
-
-        close2(){//关闭
-            this.state = false
-            this.$emit("close")
-        },
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.commonWidth{
-    width:950px;
-    height:700px;
-    background-color: rgba(40,40,40,0.5);
-    margin:0 auto; 
-    border-radius: 20px;
-    padding:20px;
-    color:$white;
-    .top{
-        .title{
-            width:100%;
-            margin-top:-2px; 
-            margin-left:16px;
-            display: inline-block;
-            font-size:30px;
-        }
-        .close{
-            width:40px;
-            height:40px;
-            float:right;
-            margin-top:-40px;
-            image{
-                width:100%;
-            }
-        }
-    } 
-    .contain{
-        .data{
-            margin-top:30px;
-            font-size: 28px;
-            .title{
-                text-align: right;
-            }
-            .content{
-                text-align: left;
-            }
-        }
-        .data:nth-child(1){
-            margin-top:80px;
-        }
-        
-    }
-}
-
-.el-table2{
-    width:800px !important;
-    margin:60px 55px 0 !important;
-}
-/* 表格内背景颜色 */
-.el-table2 th,
-.el-table2 tr,
-.el-table2 td {
-  background-color: transparent !important;
-  border: 0 !important;
-  font-size: 260px !important;
-  color: $white;
-  height: 80px !important;
-  line-height: 80px !important;
-  overflow: hidden;
-  padding:0;
-}
-
-</style>
-<style >
-/* 表格内背景颜色 */
-
-</style>

src/components3/anquanjiance/index.vue

@@ -1,159 +0,0 @@
-<template>
-  <el-col :span="24" class="anquanjiance modular modularTop">
-    <el-col class="top" >
-      <span class="biao"></span>  
-      <span class="title">安全监测</span>
-    </el-col>
-    <el-row class="wrap">
-      <el-col class="left" :span="13">
-        <el-row class="content" >
-          <el-col :span="12">
-            <p class="title">本月安防事件</p>
-            <pie :resData="pieData"/>
-          </el-col>
-          <el-col :span="12">
-            <el-col class="listWrap">
-              <el-col class="list">
-                <el-image :src="img5" fit="scale-down"/>
-                <el-col class="attribute"
-                  >摄像头总数<el-col class="num"
-                    >{{total}}<span class="unit">个</span></el-col
-                  ></el-col
-                >
-              </el-col>
-              <el-col class="list">
-                <el-image :src="img5" fit="scale-down"/>
-                <el-col class="attribute"
-                  >本月安防巡更次数<el-col class="num"
-                    >{{total}}<span class="unit">次</span></el-col
-                  ></el-col
-                >
-              </el-col>
-              <el-col class="list">
-                <el-image :src="img5" fit="scale-down"/>
-                <el-col class="attribute"
-                  >本月设备巡检次数<el-col class="num"
-                    >{{total}}<span class="unit">次</span></el-col
-                  ></el-col
-                >
-              </el-col>
-            </el-col>
-          </el-col>
-        </el-row>
-      </el-col>
-      <el-col class="right" :span="10">
-        <el-row class="content">
-          <el-col :span="16">
-            <p class="title">巡更准时率</p>
-            <pie2 :resData="pie2Data"/>
-          </el-col>
-          <el-col :span="8">
-            <el-col class="listWrap" style="margin:20px 0 0 0px">
-              <el-col class="list">
-                <el-image :src="img6" fit="scale-down"/>
-                <el-col class="attribute"
-                  >巡更点位<el-col class="num"
-                    >{{xunjian}}<span class="unit">个</span></el-col
-                  ></el-col
-                >
-              </el-col>
-              <el-col class="list">
-                <el-image :src="img6" fit="scale-down"/>
-                <el-col class="attribute"
-                  >巡更任务<el-col class="num"
-                    >{{renwu}}<span class="unit">个</span></el-col
-                  ></el-col
-                >
-              </el-col>
-            </el-col>
-          </el-col>
-        </el-row>
-      </el-col>
-    </el-row>
-  </el-col>
-</template>
-<script>
-import img5 from "@/assets/images/5.png";
-import img6 from "@/assets/images/6.png";
-import pie from "@/components3/anquanjiance/pie.vue";
-import pie2 from "@/components3/anquanjiance/pie2.vue";
-export default {
-  name: "nengyuan",
-  props:["resInfo"],
-  components: {
-  	pie,
-    pie2
-  },
-  data() {
-    return {
-      img5:img5,
-      img6:img6,
-      pieData:[],
-      pie2Data:[],
-      total:null,
-      xungeng:null,
-      xunjian:null,
-      dianwei:null,
-      renwu:null
-    };
-  },
-  watch:{
-    resInfo(val,old){
-      this.total = val.af.total
-      this.xungeng = val.af.xungeng
-      this.xunjian = val.af.xunjian
-      this.dianwei = val.xungeng.dianwei
-      this.renwu = val.xungeng.renwu
-      this.pieData = val.af
-      this.pie2Data = val.xungeng
-    }
-  }
-};
-</script>
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.wrap{
-  color:$white;
-  >.left,>.right{
-    margin-left:24px;
-    .content{
-      margin-top:20px;
-      .title{
-        width:100%;
-        text-align: center;
-        margin:-10px auto 10px;
-        font-size: 20px;
-        font-weight: 700;
-      }
-      .listWrap{
-        margin-top:-30px;
-        .list{
-          margin-top:15px;
-          .el-image{
-            width:24px;
-            vertical-align: top;
-            display: inline-block;
-          }
-          .attribute{
-              margin-top:-24px;
-              font-size: 20px;
-              margin-left: 24px;
-              .num {
-                font-size: 25px;
-                font-family: "DINAlternate-Bold";
-                font-weight: 700;
-                margin: 0.7vh 0 0 -2px;
-                .unit {
-                  font-size: 24px;
-                  width: auto;
-                  margin:10px 0 0 0px;
-                  vertical-align: middle;
-                }
-              }
-          }
-        }
-      }
-    }
-  }
-}
-</style>

src/components3/anquanjiance/pie.vue

@@ -1,119 +0,0 @@
-<template>
-  <el-row >
-    <div
-      id="index3"
-      style="height:260px;margin-top:-30px;"
-    ></div>
-  </el-row>
-</template>
-<script>
-import * as echarts from 'echarts';
-export default {
-  props: ["resData"],
-  data() {
-    return {
-      data:[]
-    };
-  },
-
-  watch: {
-      resData(val,old){
-      this.data = val
-      this.getData()
-    }
-  },
-  methods: {
-    getData() {
-      let total = this.data.pie[0].value + this.data.pie[1].value
-      let jishilv = this.data.jishilv
-      let myChart = echarts.init(document.getElementById("index3"));
-      let option = {
-         color: [
-            '#8082D6',
-            '#FFC46D',
-        ],
-        tooltip: {
-          trigger: 'item'
-        },
-        grid: {
-          left: '30%',
-          containLabel: true
-        },
-        title: {
-          text: "",
-          text: jishilv + '%',
-          textStyle: {
-            color: '#E6EFFF',
-            fontSize: 25
-          },
-          subtext: '及时处理率',
-          subtextStyle: {
-            color: '#E6EFFF',
-            fontSize: 14
-          },
-          itemGap: 10, // 主副标题距离
-          left: 'center',
-          top: '42%'
-        },
-        legend: {
-          orient: 'vertical',
-          itemHeight: 8,
-          itemWidth: 8,
-          data: [
-            {
-              name: this.data.pie[0].name,
-              icon: 'circle',
-            },
-            {
-              name: this.data.pie[1].name,
-              icon: 'circle',
-            }
-          ],
-          top: '40%',
-          left: 'left',
-          textStyle: {
-            color: "#FFF"
-          }
-        },
-        series: [
-          {
-            name: '',
-            type: 'pie',
-            radius: ['40%', '55%'],
-            avoidLabelOverlap: false,
-            itemStyle: {
-              normal: {
-                label: {
-                  show: true,
-                  position: 'outer',
-                  fontSize: 18,
-                  fontWeight: 'bold',
-                  align: "left",
-                  formatter: function (p) { //指示线对应文字，说明文字
-                    return ((p.data.value/total) * 100).toFixed(2) + '%';
-                  }
-                },
-                labelLine: { //指示线状态
-                  show: true,
-                  smooth: 0.8,
-                  length: 10,
-                  length2: 20
-                }
-              }
-            },
-            data: this.data.pie
-          }
-        ]
-      };
-      myChart.setOption(option);
-      option && myChart.setOption(option);
-      setTimeout(function () {
-        window.onresize = function () {
-          myChart.resize();
-        };
-      }, 200);
-    },
-  },
-};
-</script>
-

src/components3/anquanjiance/pie2.vue

@@ -1,119 +0,0 @@
-<template>
-  <el-row >
-    <div
-      id="index4"
-      style="height:260px;margin-top:-30px;"
-    ></div>
-  </el-row>
-</template>
-<script>
-import * as echarts from 'echarts';
-export default {
-  props: ["resData"],
-  data() {
-    return {
-      data:[]
-    };
-  },
-
-  watch: {
-      resData(val,old){
-      this.data = val
-      this.getData()
-    }
-  },
-  methods: {
-    getData() {
-      let total = this.data.pie[0].value + this.data.pie[1].value
-      let zhunshilv = ((this.data.pie[1].value / (this.data.pie[0].value + this.data.pie[1].value)) * 100).toFixed(2)
-      let myChart = echarts.init(document.getElementById("index4"));
-      let option = {
-         color: [
-            '#8082D6',
-            '#FFC46D',
-        ],
-        tooltip: {
-          trigger: 'item'
-        },
-        grid: {
-          left: '20%',
-          containLabel: true
-        },
-        title: {
-          text: "",
-          text: zhunshilv + '%',
-          textStyle: {
-            color: '#E6EFFF',
-            fontSize: 25
-          },
-          subtext: '巡更准时率',
-          subtextStyle: {
-            color: '#E6EFFF',
-            fontSize: 14
-          },
-          itemGap: 10, // 主副标题距离
-          left: 'center',
-          top: '42%'
-        },
-        legend: {
-          orient: 'vertical',
-          itemHeight: 8,
-          itemWidth: 8,
-          data: [
-            {
-              name: this.data.pie[0].name,
-              icon: 'circle',
-            },
-            {
-              name: this.data.pie[1].name,
-              icon: 'circle',
-            }
-          ],
-          top: '40%',
-          left: 'left',
-          textStyle: {
-            color: "#FFF"
-          }
-        },
-        series: [
-          {
-            name: '',
-            type: 'pie',
-            radius: ['40%', '55%'],
-            avoidLabelOverlap: false,
-            itemStyle: {
-              normal: {
-                label: {
-                  show: true,
-                  position: 'outer',
-                  fontSize: 18,
-                  fontWeight: 'bold',
-                  align: "left",
-                  formatter: function (p) { //指示线对应文字，说明文字
-                    return ((p.data.value/total) * 100).toFixed(2) + '%';
-                  }
-                },
-                labelLine: { //指示线状态
-                  show: true,
-                  smooth: 0.8,
-                  length: 10,
-                  length2: 20
-                }
-              }
-            },
-            data: this.data.pie
-          }
-        ]
-      };
-      myChart.setOption(option);
-      option && myChart.setOption(option);
-      setTimeout(function () {
-        window.onresize = function () {
-          myChart.resize();
-        };
-      }, 200);
-    },
-  },
-};
-</script>
-

src/components3/conferenceRoomStatistics/index.vue

@@ -1,117 +0,0 @@
-<template>
-  <el-col :span="24" class="conferenceRoomStatistics modular" style="padding:10px 20px 0;pointer-event: auto;cursor: pointer;" @click.native="hyClick()">
-    <el-col :span="13" class="title" style="margin-left:0" >会议室统计</el-col>
-    <el-col :span="12" class="conferenceRoomStatisticsLeft">
-      <el-col class="rowN" style="margin-top: 45px;">
-        <el-image :src="conferenceRoom" fit="scale-down" />
-        <el-col class="name">会议室总数</el-col>
-        <!-- <el-col class="num">21<span> 间</span></el-col> -->
-        <el-col class="num">{{data.roomTotal}}<span> 间</span></el-col>
-      </el-col>
-      <el-col class="rowN" >
-        <el-image :src="conferenceRoom" fit="scale-down" />
-        <el-col class="name">在用会议室</el-col>
-        <!-- <el-col class="num">0<span> 间</span></el-col> -->
-        <el-col class="num">{{data.roomInUse}}<span> 间</span></el-col>
-      </el-col>
-    </el-col>
-    <div :span="12" style="position: relative;;z-index:10;top:0px;">
-      <p class="titleHy">会议室昨日使用情况</p>
-      <pie :resData="data2.pie" style="margin-top:-10%"/>
-    </div>
-  </el-col>
-</template>
-<script>
-import axios from 'axios'
-import conferenceRoom from "@/assets/images2/会议室统计icon.png";
-import pie from "@/components2/conferenceRoomStatistics/pie.vue";
-export default {
-  name: "conferenceRoomStatistics",
-  props:["resInfo"],
-  components: {
-  	pie,
-  },
-  data() {
-    return {
-      conferenceRoom: conferenceRoom,
-      data:{
-        roomInUse: undefined,
-        attendeeIsSign: undefined,
-        attendeeTotal: undefined,
-        roomTotal: undefined
-      },
-      data2:{}
-    };
-  },
-  watch:{
-    resInfo(val,old){
-      this.data2 = val
-    }
-  },
-  mounted() {
-    this.init()
-    this.timing()
-  },
-  methods: {
-    init(){
-      axios({
-        method: 'get',
-        url: 'https://smartpark.caih.com/hyxt/api/thirdparty/meetingRoom/summary',
-      }).then(res =>{
-        if(res.data){
-          this.data = res.data
-        }
-      }).catch(err =>{
-      })
-    },
-    timing(){
-      setInterval(() =>{
-        this.init()
-      },1000 * 60 * 5)
-    },
-    hyClick(){
-      this.$emit("postMsg","会议室")
-    }
-
-  },
-};
-</script>
-<style lang="scss" scopet>
-@import '@/assets/styles/common.scss';
-.conferenceRoomStatisticsLeft {
-  width: 50%;
-  display: inline-block;
-  .rowN {
-    margin-top: 28px;
-    vertical-align: middle;
-    .el-image {
-      width: 24px;
-      vertical-align: middle;
-      float: left;
-    }
-    .name {
-      font-size: 16px;
-      margin: 0 12px 0;
-      width: auto;
-      float: left;
-      color:$white2;
-    }
-    .num {
-      font-size: 24px;
-      font-family: "DINAlternate-Bold";
-      font-weight: 700;
-      width: auto;
-      float: left;
-      margin-top:-5px;
-      color:$white;
-      span{
-        font-size: 16px;
-      }
-    }
-  }
-}
-.titleHy{
-  font-size: 20px;
-  margin-top:0px;
-}
-</style>

src/components3/conferenceRoomStatistics/pie.vue

@@ -1,93 +0,0 @@
-<template>
-  <el-row >
-    <div
-      id="index1"
-      style="width:360px;height:360px;margin:-78px 0 0 134px;"
-    ></div>
-  </el-row>
-</template>
-<script>
-import * as echarts from 'echarts';
-export default {
-  props: ["resData"],
-  data() {
-    return {
-      data:[]
-    };
-  },
-  watch: {
-    resData(val,old){
-      this.data = val
-      this.getData()
-    }
-  },
-  methods: {
-    getData() {
-      let myChart = echarts.init(document.getElementById("index1"));
-      let option = {
-         color: [
-            '#F8B13D',
-            'rgba(46,52,64,1)',
-        ],
-        title: {
-          //text: data.attendeeIsSign,
-          text: this.data[0].value + '%',
-          textStyle: {
-            color: '#E6EFFF',
-            fontSize: 25
-          },
-          subtext: '使用率',
-          subtextStyle: {
-            color: '#E6EFFF',
-            fontSize: 20
-          },
-          itemGap: 10, // 主副标题距离
-          left: 'center',
-          top: '42%'
-        },
-        tooltip: {
-          trigger: 'item'
-        },
-        legend: {
-          top: '70%',
-          left: 'center',
-          textStyle: {
-            color: "#FFF"
-          }
-        },
-        series: [
-          {
-            name: '',
-            type: 'pie',
-            radius: ['30%', '35%'],
-            avoidLabelOverlap: false,
-            label: {
-              show: false,
-              position: 'center'
-            },
-            emphasis: {
-              // label: {
-              //   show: true,
-              //   fontSize: '40',
-              //   fontWeight: 'bold'
-              // }
-            },
-            labelLine: {
-              show: false
-            },
-            data: this.data
-          }
-        ]
-      };
-      myChart.setOption(option);
-      option && myChart.setOption(option);
-      setTimeout(function () {
-        window.onresize = function () {
-          myChart.resize();
-        };
-      }, 200);
-    },
-  },
-};
-</script>
-

src/components3/conferenceRoomStatistics/ring.vue

@@ -1,193 +0,0 @@
-<template>
-  <el-row >
-    <div
-      id="index2"
-      style="width:360px;height:360px;margin:-78px 0 0 130px;"
-    ></div>
-  </el-row>
-</template>
-<script>
-import * as echarts from "echarts";
-export default {
-  props: ["resData"],
-  data() {
-    return {
-    };
-  },
-  watch: {
-    resData() {
-      this.getData();
-    },
-  },
-  mounted() {
-    this.getData();
-  },
-  methods: {
-    getData() {
-      let myChart = echarts.init(document.getElementById("index2"));
-      let data = this.resData;
-		var option = {
-        title: {
-          //text: data.attendeeIsSign,
-          text: '75%',
-          textStyle: {
-            color: '#E6EFFF',
-            fontSize: 30
-          },
-          subtext: '签到人数占比',
-          subtextStyle: {
-            color: '#E6EFFF',
-          },
-          itemGap: 20, // 主副标题距离
-          left: 'center',
-          top: '40%'
-        },
-        angleAxis: {
-          //max: data.attendeeTotal, // 满分
-          max: 100, // 满分
-          clockwise: true, // 逆时针
-            // 隐藏刻度线
-          axisLine: {
-            show: false
-          },
-          axisTick: {
-            show: false
-          },
-          axisLabel: {
-            show: false
-          },
-          splitLine: {
-            show: false
-          }
-        },
-        radiusAxis: {
-          type: 'category',
-            // 隐藏刻度线
-          axisLine: {
-            show: false
-            },
-            axisTick: {
-            show: false
-            },
-            axisLabel: {
-            show: false
-            },
-            splitLine: {
-            show: false
-            }
-          },
-        polar: {
-          center: ['50%', '50%'],
-          radius: '100%' //图形大小
-        },
-        series: [
-          {
-            type: 'bar',
-            data: [{
-                name: '',
-                //value: data.attendeeIsSign,
-                value: 75,
-                itemStyle: {
-                  normal: {
-                    color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
-                      offset: 0,
-                      color: '#E9CA7C'
-                    }, {
-                      offset: 1,
-                      color: '#B99259'
-                    }])
-                  }
-                },
-              },
-            ],
-            coordinateSystem: 'polar',
-            roundCap: true,
-            barWidth: 8,
-            barGap: '-100%', // 两环重叠
-            z: 2,
-          },
-          { // 灰色环
-                  type: 'bar',
-                  data: [{
-                  value: data.attendeeTotal,
-                  itemStyle: {
-                    color: 'rgba(46,52,64,1)',
-                    shadowColor: 'rgba(46,52,64,1)',
-                    shadowBlur: 5,
-                    shadowOffsetY: 2
-                  }
-                  }],
-                  coordinateSystem: 'polar',
-                  roundCap: true,
-                  barWidth: 8,
-                  barGap: '-100%', // 两环重叠
-                  z: 1
-          },
-          // 内边框的设置
-          {
-              radius: ['44%', '43%'],
-              center: ['50%', '50%'],
-              type: 'pie',
-              label: {
-                  normal: {
-                      show: false
-                  },
-                  emphasis: {
-                      show: false
-                  }
-              },
-              labelLine: {
-                  normal: {
-                      show: false
-                  },
-                  emphasis: {
-                      show: false
-                  }
-              },
-              animation: false,
-              tooltip: {
-                  show: false
-              },
-              data: [{
-                  value: 1,
-                  itemStyle: {
-                      color: "rgba(46,52,64,1)",
-                  },
-              }],
-          }, {
-              name: '外边框',
-              type: 'pie',
-              clockWise: false, //顺时加载
-              hoverAnimation: false, //鼠标移入变大
-              center: ['50%', '50%'],
-              radius: ['56%', '56%'],
-              label: {
-                  normal: {
-                      show: false
-                  }
-              },
-              data: [{
-                  value: 9,
-                  name: '',
-                  itemStyle: {
-                      normal: {
-                          borderWidth: 2,
-                          borderColor: 'rgba(46,52,64,1)'
-                      }
-                  }
-              }]
-          },
-        ]
-    };
-        myChart.setOption(option);
-      option && myChart.setOption(option);
-      setTimeout(function () {
-        window.onresize = function () {
-          myChart.resize();
-        };
-      }, 200);
-    },
-  },
-};
-</script>
-

src/components3/equipmentAlarm/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <el-col :span="24" class="equipmentAlarm modular">
-    <el-col class="title title2">设备告警信息</el-col>
-    <seTable @gjxxClick="gjxxClick"/>
-</el-col>
-</template>
-<script>
-import seTable from "@/components2/equipmentAlarm/seTable.vue";
-export default {
-  name:"equipmentAlarm",
-  components: {
-		seTable,
-  },
-  methods:{
-    gjxxClick(row){
-      this.$emit("gjxxClick",row)
-    }
-  }
-};
-</script>
-

src/components3/equipmentAlarm/seTable.vue

@@ -1,146 +0,0 @@
-<template>
-  <el-table ref="initList" :data="initList"  height="120px" @row-click="clickData" highlight-current-row @cell-mouse-enter="mouseEnter" @cell-mouse-leave="mouseLeave" v-loading="loading">
-      <template slot="empty">
-          <span>{{text}}</span>
-      </template>
-      <el-table-column label="告警时间"  prop="alarmTime"  show-overflow-tooltip  min-width="35%" />
-      <el-table-column label="告警内容"  prop="property"  show-overflow-tooltip min-width="40%" />
-      <el-table-column label="告警类型"  prop="deviceTypeName"  show-overflow-tooltip min-width="25%" />
-      <!-- <el-table-column label="状态"  prop="alarmStatus"  show-overflow-tooltip min-width="15%" >
-        <template slot-scope="scope">
-          <span :class="scope.row.alarmStatus == '1' ? 'handle2' : 'untreated2'">{{scope.row.alarmStatus == "1"  ? "已处理" : "未处理"}}</span>
-        </template>
-      </el-table-column> -->
-    </el-table>
-</template>
-<script>
-import axios from 'axios'
-import { YearMonthDate } from "@/assets/js/dataFormate.js";
-export default {
-
-  data() {
-    return {
-      initList:[
-        // {alarmTime:'2022-05-10 12:33:53',property:'故障',deviceType:1,deviceTypeName:'1层监控室用户信息传输装置',deviceId:'74869'},
-        // {alarmTime:'2022-05-08 00:30:40',property:'故障',deviceType:1,deviceTypeName:'1层监控室用户信息传输装置',deviceId:'74869'},
-        // {alarmTime:'2022-03-13 08:06:01',property:'故障',deviceType:1,deviceTypeName:'1层监控室用户信息传输装置',deviceId:'74869'},
-        // {alarmTime:'2022-03-10 19:41:23',property:'故障',deviceType:1,deviceTypeName:'1层监控室用户信息传输装置',deviceId:'74869'},
-        // {alarmTime:'2022-03-05 03:12:21',property:'故障',deviceType:1,deviceTypeName:'1层监控室用户信息传输装置',deviceId:'74869'}
-      ],
-      table_interval:null,
-      text:"",
-      loading:true,
-    };
-  },
-  created(){
-    this.initData();
-    // this.timing()
-  },
-  mounted() {},
-  methods: {
-    //初始化数据
-    initData() {
-      //
-      axios({
-        method: 'post',
-        url: 'https://smartpark.caih.com/dmapi/tbAlarm/page',
-        timeout: 3000,
-        data:{
-          startTime:YearMonthDate().split(" ")[0] + " 00:00:00",
-          endTime:YearMonthDate(),
-          current:1,
-          size:500,
-          type:2
-        }
-      }).then(res =>{
-          this.initList = res.data.data.records
-          this.loading = false
-          this.text = "目前运转正常，无告警"
-      }).catch(err =>{
-        this.loading = false
-        this.text = "数据加载失败..."
-      })
-      let that = this
-      let num = 0
-      if ("WebSocket" in window) {
-				this.ws = new WebSocket("ws://10.21.39.1:8084/dm/alarmPush");
-				this.ws.onopen = ()=> {
-				// console.log("websocket连接成功");
-				this.sendWs({agentid:'admin'});
-				};
-				this.ws.onmessage = (res) => { //接收websocket消息
-					let warningInfo = JSON.parse(res.data)
-          if(warningInfo.property == "火警" && warningInfo.property == "故障"){
-            that.initList.push(warningInfo)
-          }
-          if(num == '0'){
-            if(that.initList.length>2){
-              that.dataScrolling();
-              num = 1
-            }
-          }
-				};
-				this.ws.onclose = ()=> { //关闭websocket
-					// 关闭 websocket
-					//console.log("连接已关闭...");
-					//断线重新连接
-					setTimeout(() => {
-						this.initData();
-					}, 2000);
-				}
-			} else {
-				// 浏览器不支持 WebSocket
-				alert("您的浏览器不支持 WebSocket!");
-			}
-      // that.dataScrolling();
-    },
-    sendWs(val){
-			if (this.ws && this.ws.readyState == 1) {
-				this.ws.send(JSON.stringify(val));
-				// console.log('发送成功')
-			} else {
-				setTimeout(() => {
-				  this.sendWs(val);
-				}, 100);
-			}
-		},
-    //数据滚动
-    dataScrolling:function(){
-        let top=this.$refs.initList.bodyWrapper;
-
-        this.table_interval=setInterval(() => {
-            top.scrollTop+=1;
-            if(top.clientHeight+top.scrollTop==top.scrollHeight){
-              top.scrollTop=0;
-            }
-        }, 100);
-    },
-    //鼠标进入，停止滚动
-    mouseEnter:function(){
-        clearInterval(this.table_interval);
-        this.table_interval=null;
-    },
-    //鼠标离开，开始滚动
-    mouseLeave:function(){
-        this.dataScrolling();
-    },
-    timing(){
-      setInterval(() =>{
-        this.initList = []
-      },1000 * 60 * 10)
-    },
-    //点击行
-    clickData(row){
-      this.$emit("gjxxClick",row)
-    },
-    // cellStyle (row, column, rowIndex, columnIndex) {
-    // //列的label的名称
-    //   if (row.column.label === "告警" || row.column.label === "离线") {
-    //     return 'color:#2280D9' //修改的样式
-    //   }
-    // },
-  },
-};
-</script>
-
-

src/components3/equipmentStatus/index.vue

@@ -1,108 +0,0 @@
-<template>
-  <el-col :span="24" class="equipmentStatus modular">
-    <div class="title title2" style="margin-left:0">设备状态</div>
-    <!-- <div class="selectOpition">
-        <el-select  v-model="select" placeholder="请选择设备类型" class="select1">
-            <el-option
-            v-for="item in selectList"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-            >
-            </el-option>
-        </el-select>
-    </div> -->
-    <seTable @videoClick="clickData" />
-    <!-- :select="select" -->
-</el-col>
-</template>
-<script>
-import seTable from "@/components2/equipmentStatus/seTable.vue";
-export default {
-  name:"equipmentStatus",
-  data() {
-    return {
-      selectList:[
-        {label:"摄像头",value:1},
-        {label:"消防设备",value:2},
-      ],
-      select:1,
-    }
-  },
-  components: {
-		seTable,
-  },
-  methods: {
-    //点击行
-    clickData(row){
-      this.$emit("postMsg2", row);
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-  .title{
-      width:80px;
-      display: inline-block;
-  }
-  .selectOpition{
-      width:auto;
-      float:right
-  }
-
-
-::v-deep .el-input__inner {
-  background-color: transparent !important;
-  color: $white;
-  height: 36px;
-}
-/**修改边框和字体颜色 */
-::v-deep .el-select {
-  position: relative;
-  width: 200px;
-  display: inline-block;
-  margin-left:20px;
-  .el-input {
-    input {
-      height: 40px;
-      border-color: $white;
-      color: $white;
-      font-size: 14px;
-    }
-  }
-
-}
-/**修改下拉图标颜色 */
-::v-deep .el-input__suffix {
-  .el-input__suffix-inner {
-    .el-icon-arrow-up:before {
-      color: $white;
-      padding-left: 0.11rem;
-    }
-  }
-}
-
-.el-select-dropdown__item{
-    padding:0 12px !important;
-    font-size: 12px !important;
-    height:20px !important;
-    line-height: 20px !important;
-    color:$white;
-}
-.el-select-dropdown__item.hover{
-    background-color: $modularHoverBackGround;
-}
-
-
-</style>
-<style >
-.el-scrollbar{
-    background-color: rgba(35,40,49,1);
-}
-.el-scrollbar{
-    border:1px solid rgba(35,40,49,1) !important;
-
-}
-</style>

src/components3/equipmentStatus/seTable.vue

@@ -1,179 +0,0 @@
-<template>
-  <div>
-    <el-table ref="initList" :data="videoSelect"  height="212" @row-click="clickData" highlight-current-row @cell-mouse-enter="mouseEnter" @cell-mouse-leave="mouseLeave" v-if="select1" v-loading="loading">
-      <template slot="empty">
-          <span>{{text}}</span>
-      </template>
-      <el-table-column label="设备名称"  prop="name"  show-overflow-tooltip min-width="35%" />
-      <el-table-column label="安装位置"  prop="name"  show-overflow-tooltip min-width="25%" />
-      <el-table-column label="设备类型"  prop="name"  show-overflow-tooltip min-width="25%" >
-        <template  slot-scope="scope">
-          {{scope.row.unitType == "1" ? "摄像头" : scope.row.unitType == "2" ? "打印机" : scope.row.unitType == "3" ? "考勤机" : scope.row.unitType == "4" ? "人脸识别终端" : ""}}
-        </template>
-      </el-table-column>
-      <el-table-column label="状态" prop="status" min-width="15%">
-        <template  slot-scope="scope">
-            <span :class="scope.row.status == '0' ? 'handle2' : 'untreated2'">{{scope.row.status == "0" ? "在线" : "离线" }}</span>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- <el-table ref="initList" :data="videoSelect"  height="200" @row-click="clickData" highlight-current-row @cell-mouse-enter="mouseEnter" @cell-mouse-leave="mouseLeave" v-if="select2">
-      <el-table-column label="设备名称"  prop="name"  show-overflow-tooltip min-width="35%" />
-      <el-table-column label="安装位置"  prop="name"  show-overflow-tooltip min-width="25%" />
-      <el-table-column label="设备类型"  prop="name"  show-overflow-tooltip min-width="25%" >
-        <template  slot-scope="scope">
-          {{scope.row.unitType == "1" ? "摄像头" : scope.row.unitType == "2" ? "打印机" : scope.row.unitType == "3" ? "考勤机" : scope.row.unitType == "4" ? "人脸识别终端" : ""}}
-        </template>
-      </el-table-column>
-      <el-table-column label="状态" prop="status" min-width="15%">
-        <template  slot-scope="scope">
-            <span :class="scope.row.status == '0' ? 'handle2' : 'untreated2'">{{scope.row.status == "0" ? "在线" : "离线" }}</span>
-        </template>
-      </el-table-column>
-    </el-table> -->
-  </div>
-</template>
-<script>
-import axios from 'axios'
-export default {
-  // props: ["select"],
-  data() {
-    return {
-      table_interval:null,
-      videoSelect:[],
-      value:undefined,
-      select1:true,
-      select2:false,
-      text:"",
-      loading:true,
-    };
-  },
-  created(){
-    this.initDataVideo()
-    // this.selectChange()
-  },
-  // watch: {
-  //   select: {
-  //       handler (n, o) {
-  //         this.selectChange()
-  //       },
-  //       deep: true // 深度监听父组件传过来对象变化
-  //     }
-  // },
-  mounted() {},
-  methods: {
-    selectChange(){
-      if(this.select == "1"){
-        this.initDataVideo()
-      }
-      if(this.select == "2"){
-        this.initDataSBSS()
-      }
-    },
-    //初始化数据
-    initDataVideo() {
-      this.select1 = false
-      this.select1 = true
-      this.videoSelect = []
-      let arr1 =
-        {
-        "unitType": "2",
-        "cameraFunctions": 0,
-        "name": "8楼公共打印机",
-        "status": 0,
-        }
-      let arr2 =
-        {
-        "unitType": "3",
-        "cameraFunctions": 0,
-        "name": "考勤机",
-        "status": 0,
-        }
-      let arr3 =
-        {
-        "unitType": "4",
-        "cameraFunctions": 0,
-        "name": "人脸识别终端",
-        "status": 1,
-        }
-      axios({
-          method: 'post',
-          url: 'http://10.21.39.1:8082/dhController/getLocalChannel?pageNo=1&pageSize=500&unitType=1',
-          timeout: 3000,
-      }).then(res =>{
-          if(res.data.data.pageList){
-              let data = res.data.data.pageList
-              this.videoSelect = data
-              for(let i = 0; i<data.length; i++){
-                  this.videoSelect[i].url = "http://" + data[i].nvr_ip + ":" + data[i].hls_port + "/live/cameraid/" + data[i].deviceId + "%24" + data[i].id.split("$")[(data[i].id.split("$")).length-1]  + "/substream/1.m3u8"
-                  this.videoSelect[i].url = this.videoSelect[i].url +  ',' + data[i].name
-              }
-              this.videoSelect.unshift(arr1)
-              this.videoSelect.push(arr2)
-              this.videoSelect.push(arr3)
-          }
-          this.loading = false
-          this.text = "暂无数据"
-      }).catch(err =>{
-        this.loading = false
-        this.text = "数据加载失败..."
-      })
-    },
-    initDataSBSS(){
-      this.select2 = true
-      this.select1 = false
-      this.videoSelect = []
-    },
-    //数据滚动
-    dataScrolling:function(){
-        let top=this.$refs.initList.bodyWrapper;
-        this.table_interval=setInterval(() => {
-            top.scrollTop+=1;
-            if(top.clientHeight+top.scrollTop==top.scrollHeight){
-              top.scrollTop=0;
-            }
-        }, 100);
-    },
-    //鼠标进入，停止滚动
-    mouseEnter:function(){
-        // clearInterval(this.table_interval);
-        // this.table_interval=null;
-    },
-    //鼠标离开，开始滚动
-    mouseLeave:function(){
-        // this.dataScrolling();
-    },
-    //点击行
-    clickData(row){
-      if(this.select1 == "1"){
-        this.$emit("videoClick", row);
-      }
-    },
-    // cellStyle (row, column, rowIndex, columnIndex) {
-    // //列的label的名称
-    //   if (row.column.label === "告警" || row.column.label === "离线") {
-    //     return 'color:#2280D9' //修改的样式
-    //   }
-    // },
-  },
-};
-</script>
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-::v-deep {
-  .el-table__body-wrapper::-webkit-scrollbar {
-    /*width: 0;宽度为0隐藏*/
-    width: 4px;
-  }
-  .el-table__body-wrapper::-webkit-scrollbar-thumb {
-    border-radius: 6px;
-    height: 50px;
-    background: $white;//滚动条颜色
-  }
-  .el-table__body-wrapper::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 5px rgba(35,40,49,1);
-    border-radius: 6px;
-    background: $modularBackGround;//滚动条背景色
-  }
-}
-</style>

src/components3/fireHazard/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <el-col :span="24" class="fireHazard modular">
-    <el-col class="title title2">消防隐患</el-col>
-    <seTable @xfgjClick="xfgjClick" />
-</el-col>
-</template>
-<script>
-import seTable from "@/components2/fireHazard/seTable.vue";
-export default {
-  name:"fireHazard",
-  components: {
-		seTable,
-  },
-  methods:{
-    xfgjClick(row){
-      this.$emit("xfgjClick",row)
-    }
-  }
-};
-</script>
-

src/components3/fireHazard/seTable.vue

@@ -1,131 +0,0 @@
-<template>
-  <el-table ref="initList" :data="initList"  height="212" @row-click="clickData" highlight-current-row @cell-mouse-enter="mouseEnter" @cell-mouse-leave="mouseLeave" v-loading="loading">
-      <template slot="empty">
-          <span>{{text}}</span>
-      </template>
-      <el-table-column label="时间" align="left" prop="alarmTime"  show-overflow-tooltip min-width="35%"   />
-      <el-table-column label="内容" align="left" prop="property"  show-overflow-tooltip min-width="25%"/>
-      <el-table-column label="名称" align="left" prop="deviceName"  show-overflow-tooltip min-width="25%"/>
-      <el-table-column label="地点" align="left" prop="unitInfo"  show-overflow-tooltip min-width="15%"/>
-    </el-table>
-</template>
-<script>
-import axios from 'axios'
-export default {
-
-  data() {
-    return {
-      initList:[],
-      table_interval:null,
-      text:"",
-      loading:true,
-    };
-  },
-  created(){
-    this.initData();
-    // this.timing()
-  },
-  mounted() {},
-  methods: {
-
-    //初始化数据
-    initData() {
-      // 测试
-      this.loading = false
-      this.text = "目前运转正常，无隐患"
-      // axios({
-      //   method: 'post',
-      //   url: 'https://smartpark.caih.com/dmapi/tbAlarm/page',
-      //   data:{
-      //     current: 1,
-      //     size: 100,
-      //     type:1,
-      //   },
-      //   timeout: 3000,
-      // }).then(res =>{
-      //     if(res.data.data.records){
-      //         let data = res.data.data.records
-      //         this.initList = data
-      //     }
-      //     this.loading = false
-      //     this.text = "目前运转正常，无隐患"
-      // }).catch(err =>{
-      //   this.loading = false
-      //   this.text = "数据加载失败..."
-      // })
-    },
-    //数据滚动
-    dataScrolling:function(){
-        let top=this.$refs.initList.bodyWrapper;
-        this.table_interval=setInterval(() => {
-            top.scrollTop+=1;
-            if(top.clientHeight+top.scrollTop==top.scrollHeight){
-              top.scrollTop=0;
-            }
-        }, 100);
-    },
-    //鼠标进入，停止滚动
-    mouseEnter:function(){
-        // clearInterval(this.table_interval);
-        // this.table_interval=null;
-    },
-    //鼠标离开，开始滚动
-    mouseLeave:function(){
-        // this.dataScrolling();
-    },
-    timing(){
-      setInterval(() =>{
-        this.initList = []
-      },1000 * 60)
-    },
-    //点击行
-    clickData(row){
-
-      axios({
-            method: 'post',
-            url: 'https://smartpark.caih.com/dmapi/workOrder/list',
-            data:{
-              id:row.workId,
-              size:1,
-              current:1
-            },
-            timeout: 3000,
-        }).then(res =>{
-            if(res.data.data.records[0]){
-              row.clzt = res.data.data.records[0].clzt
-              row.czTime = res.data.data.records[0].czTime
-              this.$emit("xfgjClick",row)
-            }
-        })
-
-    },
-    // cellStyle (row, column, rowIndex, columnIndex) {
-    // //列的label的名称
-    //   if (row.column.label === "告警" || row.column.label === "离线") {
-    //     return 'color:#2280D9' //修改的样式
-    //   }
-    // },
-  },
-};
-</script>
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-::v-deep {
-  .el-table__body-wrapper::-webkit-scrollbar {
-    /*width: 0;宽度为0隐藏*/
-    width: 4px;
-  }
-  .el-table__body-wrapper::-webkit-scrollbar-thumb {
-    border-radius: 6px;
-    height: 50px;
-    background: $white;//滚动条颜色
-  }
-  .el-table__body-wrapper::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 5px rgba(35,40,49,1);
-    border-radius: 6px;
-    background: $modularBackGround;//滚动条背景色
-  }
-}
-</style>
-
-

src/components3/iOTNetworkCard/index.vue

@@ -1,96 +0,0 @@
-<template>
-  <el-col :span="24" class="iOTNetworkCard modular" style="padding:10px 20px 0;">
-    <el-col class="title" style="margin-left:0">物联网卡状态</el-col>
-    <el-col :span="24" class="card cardTop" :gutter="20">
-      <el-row :span="24" class="nh">
-        <el-col :span="10" class="title">ICCID</el-col>
-        <el-col :span="12" class="num">89860619140067308922</el-col>
-      </el-row>
-      <el-row :span="24" class="nh">
-        <el-col :span="10" class="title">Sim卡状态</el-col>
-        <el-col :span="12" class="num green">在用</el-col>
-      </el-row>
-       <el-row :span="24" class="nh">
-        <el-col :span="10" class="title">剩余流量</el-col>
-        <el-col :span="12" class="num orange">172.3M</el-col>
-      </el-row>
-      <el-row :span="24" class="nh">
-        <el-col :span="10" class="title">流量套餐</el-col>
-        <el-col :span="12" class="num">中国联通 300M/月包</el-col>
-      </el-row>
-      <el-row :span="24" class="nh">
-        <el-col :span="10" class="title">到期时间</el-col>
-        <el-col :span="12" class="num">2022年12月31日</el-col>
-      </el-row>
-    </el-col>
-     <el-col :span="24" class="card" :gutter="20">
-      <el-row :span="24" class="nh">
-        <el-col :span="10" class="title">ICCID</el-col>
-        <el-col :span="12" class="num">89860619140067346468</el-col>
-      </el-row>
-      <el-row :span="24" class="nh">
-        <el-col :span="10" class="title">Sim卡状态</el-col>
-        <el-col :span="12" class="num green">在用</el-col>
-      </el-row>
-       <el-row :span="24" class="nh">
-        <el-col :span="10" class="title">剩余流量</el-col>
-        <el-col :span="12" class="num orange">154.5M</el-col>
-      </el-row>
-      <el-row :span="24" class="nh">
-        <el-col :span="10" class="title">流量套餐</el-col>
-        <el-col :span="12" class="num">中国联通 300M/月包</el-col>
-      </el-row>
-      <el-row :span="24" class="nh">
-        <el-col :span="10" class="title">到期时间</el-col>
-        <el-col :span="12" class="num">2022年12月31日</el-col>
-      </el-row>
-    </el-col>
-
-  </el-col>
-</template>
-<script>
-export default {
-  name: "iOTNetworkCard",
-  data() {
-    return {
-    };
-  },
-};
-</script>
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.iOTNetworkCard{
-  height:60.27777vh;
-  .card{
-    width:410px;
-    height:230px;
-    padding: 36px 15px;
-    border-radius: 10px 10px 0 10px;
-    margin-top:16px;
-    background-color: $modularHoverBackGround;
-    background: linear-gradient(-45deg, transparent 40px, $modularHoverBackGround 0);
-    .nh {
-      margin-top: 6px;
-      font-size: 16px;
-      line-height: 28px;
-      .title {
-        color:$grey;
-        opacity: 0.5;
-      }
-    }
-    .nh:nth-child(1){
-      margin-top:0px;
-    }
-  }
-}
-.cardTop{
-  margin-top:32px !important;
-}
-.green{
-  color:$green !important;
-}
-.orange{
-  color:$orange !important;
-}
-
-</style>

src/components3/intrusionAlarm/index.vue

@@ -1,20 +0,0 @@
-<template>
-  <el-col :span="24" class="intrusionAlarm modular">
-    <el-col class="title title2">入侵告警信息</el-col>
-    <seTable @rqgjClick="rqgjClick" />
-</el-col>
-</template>
-<script>
-import seTable from "@/components2/intrusionAlarm/seTable.vue";
-export default {
-  name:"intrusionAlarm",
-  components: {
-		seTable,
-  },
-  methods:{
-    rqgjClick(row){
-      this.$emit("rqgjClick",row)
-    }
-  }
-};
-</script>

src/components3/intrusionAlarm/seTable.vue

@@ -1,362 +0,0 @@
-<template>
-  <el-table ref="initList" :data="initList"  height="120" @row-click="clickData" highlight-current-row @cell-mouse-enter="mouseEnter" @cell-mouse-leave="mouseLeave" v-loading="loading">
-      <template slot="empty">
-          <span>{{text}}</span>
-      </template>
-      <el-table-column label="告警时间"  prop="creatTime"  show-overflow-tooltip min-width="35%" />
-      <el-table-column label="告警内容"  prop="message"  show-overflow-tooltip min-width="25%" />
-      <el-table-column label="告警类型"  prop="eventFlag"  show-overflow-tooltip min-width="25%">
-        <template  slot-scope="scope">
-            {{scope.row.eventFlag == "1" ? "主机事件" : scope.row.eventFlag == "2" ? "dk903键盘事件" :""}}
-        </template>
-      </el-table-column>
-      <el-table-column label="状态"  prop="status"  show-overflow-tooltip min-width="15%">
-        <template  slot-scope="scope">
-            {{scope.row.status == "0" ? "未处理" : scope.row.status == "1" ? "已处理" :""}}
-        </template>
-      </el-table-column>
-    </el-table>
-</template>
-<script>
-import axios from 'axios'
-export default {
-  data() {
-    return {
-      initList:[],
-      table_interval:null,
-      text:"",
-      loading:true,
-    };
-  },
-  created(){
-    this.initData();
-  },
-  mounted() {},
-  methods: {
-    //初始化数据
-    initData() {
-      this.initList = [
-    // {
-    //     "id": 1,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 2,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 3,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 4,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 5,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 6,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 7,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 8,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 9,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 10,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 11,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // },
-    // {
-    //     "id": 12,
-    //     "message": "告警",
-    //     "commType": "1",
-    //     "connect": "192.168.1.222",
-    //     "ip": "192.168.1.222",
-    //     "port": "8082",
-    //     "eventFlag": "1",
-    //     "eventtriger": "1",
-    //     "cidcode": "12145",
-    //     "cidlevel": "1",
-    //     "cidtype": "1",
-    //     "cidmemo": "内容",
-    //     "partCode": "分区",
-    //     "guardCode": "分区",
-    //     "creatTime": "2022-02-25 15:23:46",
-    //     "status": 1,
-    //     "remark": "告警",
-    //     "handler": "",
-    //     "updateTime": "2022-03-10 10:35:21"
-    // }
-]
-        axios({
-            method: 'post',
-            url: 'http://10.21.39.1:8082/PerimeterController/queryPerimeterAlarm',
-            data:{
-                pageNo: 1,
-                pageSize: 50,
-            },
-            timeout: 3000,
-        }).then(res =>{
-            if(res.data.data.pageList){
-                let data = res.data.data.pageList
-                this.initList = data
-            }
-            this.loading = false
-            this.text = "暂无数据"
-        }).catch(err =>{
-          this.loading = false
-          this.text = "数据加载失败..."
-        })
-    },
-    //数据滚动
-    dataScrolling:function(){
-        let top=this.$refs.initList.bodyWrapper;
-        this.table_interval=setInterval(() => {
-            top.scrollTop+=1;
-            if(top.clientHeight+top.scrollTop==top.scrollHeight){
-              top.scrollTop=0;
-            }
-        }, 100);
-    },
-    //鼠标进入，停止滚动
-    mouseEnter:function(){
-        // clearInterval(this.table_interval);
-        // this.table_interval=null;
-    },
-    //鼠标离开，开始滚动
-    mouseLeave:function(){
-        //this.dataScrolling();
-    },
-    //点击行
-    clickData(row){
-      this.$emit("rqgjClick",row)
-    },
-    // cellStyle (row, column, rowIndex, columnIndex) {
-    // //列的label的名称
-    //   if (row.column.label === "告警" || row.column.label === "离线") {
-    //     return 'color:#2280D9' //修改的样式
-    //   }
-    // },
-  },
-};
-</script>
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-::v-deep {
-  .el-table__body-wrapper::-webkit-scrollbar {
-    /*width: 0;宽度为0隐藏*/
-    width: 4px;
-  }
-  .el-table__body-wrapper::-webkit-scrollbar-thumb {
-    border-radius: 6px;
-    height: 50px;
-    background: $white;//滚动条颜色
-  }
-  .el-table__body-wrapper::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 5px rgba(35,40,49,1);
-    border-radius: 6px;
-    background: $modularBackGround;//滚动条背景色
-  }
-}
-</style>

src/components3/keepWatch/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <el-col :span="24" class="keepWatch modular">
-    <el-col class="title title2">巡更计划</el-col>
-    <seTable @xgClick="xgClick" />
-</el-col>
-</template>
-<script>
-import seTable from "@/components2/keepWatch/seTable.vue";
-export default {
-  name:"keepWatch",
-  components: {
-		seTable,
-  },
-  methods:{
-    xgClick(row){
-      this.$emit("xgClick",row)
-    }
-  }
-};
-</script>
-

src/components3/keepWatch/seTable.vue

@@ -1,374 +0,0 @@
-<template>
-  <el-table ref="initList" :data="initList"  height="212" @row-click="clickData" highlight-current-row @cell-mouse-enter="mouseEnter" @cell-mouse-leave="mouseLeave" v-loading="loading">
-      <template slot="empty">
-          <span>{{text}}</span>
-      </template>
-      <el-table-column label="时间"  prop="eStartTime"  show-overflow-tooltip min-width="35%"/>
-      <el-table-column label="内容"  prop="eLName"  show-overflow-tooltip min-width="25%"/>
-      <el-table-column label="名称"  prop="ePlaceName"  show-overflow-tooltip min-width="25%"/>
-      <el-table-column label="状态"  prop="ePlanState"  show-overflow-tooltip min-width="15%"/>
-    </el-table>
-</template>
-<script>
-import axios from 'axios'
-export default {
-  data() {
-    return {
-      initList:[],
-      table_interval:null,
-      text:"",
-      loading:true,
-    };
-  },
-  created(){
-    this.initData();
-    // this.timing()
-  },
-  mounted() {},
-  methods: {
-    //初始化数据
-    initData() {
-      // this.initList = [
-      //       {
-      //           "id": 15,
-      //           "eId": "639",
-      //           "eStartTime": "2021-06-21 11:00:00",
-      //           "eEndTime": "2022-03-09 12:38:09",
-      //           "ePatrolTime": "",
-      //           "eLName": "大楼内部巡检 ",
-      //           "ePlaceName": "大楼内部巡检 ",
-      //           "eBindUser": "james",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "11",
-      //           "ePlanType": "有序",
-      //           "eLineOrder": "1",
-      //           "ePlanMode": "0",
-      //           "planId": "14",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       },
-      //       {
-      //           "id": 14,
-      //           "eId": "2761",
-      //           "eStartTime": "2022/1/20 9:00:00",
-      //           "eEndTime": "2022-03-09 07:52:45",
-      //           "ePatrolTime": "",
-      //           "eLName": "消防每日巡检",
-      //           "ePlaceName": "消防每日巡检",
-      //           "eBindUser": "james",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "10",
-      //           "ePlanType": "无序",
-      //           "eLineOrder": "1",
-      //           "ePlanMode": "0",
-      //           "planId": "8",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       },
-      //       {
-      //           "id": 13,
-      //           "eId": "2762",
-      //           "eStartTime": "2022/1/20 9:00:00",
-      //           "eEndTime": "2022-03-08 19:56:08",
-      //           "ePatrolTime": "",
-      //           "eLName": "大楼安防定时",
-      //           "ePlaceName": "大楼安防定时",
-      //           "eBindUser": "james",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "9",
-      //           "ePlanType": "无序",
-      //           "eLineOrder": "2",
-      //           "ePlanMode": "0",
-      //           "planId": "8",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       },
-      //       {
-      //           "id": 12,
-      //           "eId": "2763",
-      //           "eStartTime": "2022/1/20 15:00:00",
-      //           "eEndTime": "2022-03-08 12:42:23",
-      //           "ePatrolTime": "",
-      //           "eLName": "大楼安防定时",
-      //           "ePlaceName": "大楼安防定时",
-      //           "eBindUser": "lily",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "8",
-      //           "ePlanType": "有序",
-      //           "eLineOrder": "1",
-      //           "ePlanMode": "0",
-      //           "planId": "11",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       },
-      //       {
-      //           "id": 11,
-      //           "eId": "2764",
-      //           "eStartTime": "2022/1/20 15:00:00",
-      //           "eEndTime": "2022-03-08 07:25:19",
-      //           "ePatrolTime": "",
-      //           "eLName": "大楼内部巡检 ",
-      //           "ePlaceName": "大楼内部巡检 ",
-      //           "eBindUser": "lily",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "7",
-      //           "ePlanType": "有序",
-      //           "eLineOrder": "2",
-      //           "ePlanMode": "0",
-      //           "planId": "11",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       },
-      //       {
-      //           "id": 10,
-      //           "eId": "2765",
-      //           "eStartTime": "2022/1/20 12:00:00",
-      //           "eEndTime": "2022-03-07 19:36:38",
-      //           "ePatrolTime": "",
-      //           "eLName": "消防每日巡检",
-      //           "ePlaceName": "消防每日巡检",
-      //           "eBindUser": "james",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "6",
-      //           "ePlanType": "无序",
-      //           "eLineOrder": "1",
-      //           "ePlanMode": "0",
-      //           "planId": "12",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       },
-      //       {
-      //           "id": 9,
-      //           "eId": "2766",
-      //           "eStartTime": "2022/1/20 10:00:00",
-      //           "eEndTime": "2022-03-07 12:32:22",
-      //           "ePatrolTime": "",
-      //           "eLName": "消防每日巡检",
-      //           "ePlaceName": "消防每日巡检",
-      //           "eBindUser": "james",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "5",
-      //           "ePlanType": "无序",
-      //           "eLineOrder": "1",
-      //           "ePlanMode": "0",
-      //           "planId": "9",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       },
-      //       {
-      //           "id": 8,
-      //           "eId": "2767",
-      //           "eStartTime": "2022/1/20 13:00:00",
-      //           "eEndTime": "2022-03-07 07:35:19",
-      //           "ePatrolTime": "",
-      //           "eLName": "大楼内部巡检 ",
-      //           "ePlaceName": "大楼内部巡检 ",
-      //           "eBindUser": "james",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "4",
-      //           "ePlanType": "有序",
-      //           "eLineOrder": "",
-      //           "ePlanMode": "0",
-      //           "planId": "10",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       },
-      //       {
-      //           "id": 7,
-      //           "eId": "2767",
-      //           "eStartTime": "2022/1/20 13:00:00",
-      //           "eEndTime": "2022-03-06 19:23:37",
-      //           "ePatrolTime": "",
-      //           "eLName": "大楼内部巡检 ",
-      //           "ePlaceName": "大楼内部巡检 ",
-      //           "eBindUser": "james",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "3",
-      //           "ePlanType": "有序",
-      //           "eLineOrder": "",
-      //           "ePlanMode": "0",
-      //           "planId": "10",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       },
-      //       {
-      //           "id": 6,
-      //           "eId": "2767",
-      //           "eStartTime": "2022/1/20 13:00:00",
-      //           "eEndTime": "2022-03-06 12:53:12",
-      //           "ePatrolTime": "",
-      //           "eLName": "消防每日巡检",
-      //           "ePlaceName": "消防每日巡检",
-      //           "eBindUser": "james",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "2",
-      //           "ePlanType": "有序",
-      //           "eLineOrder": "",
-      //           "ePlanMode": "0",
-      //           "planId": "10",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       },
-      //       {
-      //           "id": 4,
-      //           "eId": "2767",
-      //           "eStartTime": "2022/1/20 13:00:00",
-      //           "eEndTime": "2022-03-06 07:48:07",
-      //           "ePatrolTime": "",
-      //           "eLName": "消防每日巡检",
-      //           "ePlaceName": "消防每日巡检",
-      //           "eBindUser": "james",
-      //           "eUserName": "",
-      //           "eBindDevice": "00000001",
-      //           "eDeviceName": "",
-      //           "ePlanState": "已到",
-      //           "eStayTime": "0",
-      //           "eBindTeam": "",
-      //           "eTeamName": "",
-      //           "eCreateTime": "1",
-      //           "ePlanType": "有序",
-      //           "eLineOrder": "",
-      //           "ePlanMode": "0",
-      //           "planId": "10",
-      //           "eDFlag": "0",
-      //           "eErrorTime": "5"
-      //       }
-      //   ]
-      axios({
-            method: 'post',
-            url: 'http://10.21.39.1:8082/pt/queryPatrollingPlanStatus',
-            data:{
-              pageNo: 1,
-              pageSize: 10,
-            },
-            timeout: 3000,
-        }).then(res =>{
-            if(res.data.data.pageList){
-                let data = res.data.data.pageList
-                this.initList = data.slice(0,9)
-
-                let arr = [ '1楼暖通机房','负1楼配电间','1楼配电间','1楼UPS机房','2楼网络机房','2楼新风机房','3楼新风机房','4楼新风机房','4楼阅览室等']
-                for(let i =0; i<this.initList.length;i++){
-                  this.initList[i].ePlaceName = arr[i]
-                }
-            }
-            this.loading = false
-            this.text = "暂无数据"
-      }).catch(err =>{
-        this.loading = false
-        this.text = "数据加载失败..."
-      })
-    },
-    //数据滚动
-    dataScrolling:function(){
-        let top=this.$refs.initList.bodyWrapper;
-        this.table_interval=setInterval(() => {
-            top.scrollTop+=1;
-            if(top.clientHeight+top.scrollTop==top.scrollHeight){
-              top.scrollTop=0;
-            }
-        }, 100);
-    },
-    //鼠标进入，停止滚动
-    mouseEnter:function(){
-        // clearInterval(this.table_interval);
-        // this.table_interval=null;
-    },
-    //鼠标离开，开始滚动
-    mouseLeave:function(){
-        // this.dataScrolling();
-    },
-    //点击行
-    clickData(row){
-      this.$emit("xgClick",row)
-    },
-    // cellStyle (row, column, rowIndex, columnIndex) {
-    // //列的label的名称
-    //   if (row.column.label === "告警" || row.column.label === "离线") {
-    //     return 'color:#2280D9' //修改的样式
-    //   }
-    // },
-  },
-};
-</script>
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-::v-deep {
-  .el-table__body-wrapper::-webkit-scrollbar {
-    /*width: 0;宽度为0隐藏*/
-    width: 4px;
-  }
-  .el-table__body-wrapper::-webkit-scrollbar-thumb {
-    border-radius: 6px;
-    height: 50px;
-    background: $white;//滚动条颜色
-  }
-  .el-table__body-wrapper::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 5px rgba(35,40,49,1);
-    border-radius: 6px;
-    background: $modularBackGround;//滚动条背景色
-  }
-}
-</style>
-
-

src/components3/nengyuan/index.vue

@@ -1,147 +0,0 @@
-<template>
-  <el-col :span="24" class="nengyuan modular">
-    <el-col class="top" >
-      <span class="biao"></span>  
-      <span class="title">能源能耗</span>
-    </el-col>
-    <el-col class="wrap">
-      <el-col class="left" :span="7">
-        <el-row class="top content" :gutter="10">
-          <el-col :span="12">
-            <el-image :src="img1" fit="scale-down"/>
-            <el-col class="attribute"
-              >当月制冷量<el-col class="num"
-                >{{data.zhileng}}<span class="unit">kw·h</span></el-col
-              ></el-col
-            >
-          </el-col>
-          <el-col :span="12">
-            <el-col class="attribute attribute2"
-              >上月环比<el-col class="num"
-                >{{data.huanbi}}<span class="unit">%</span><el-image :src="data.huanbi < 0 ? img4 : img3" fit="scale-down" class="img" /></el-col
-              ></el-col
-            >
-          </el-col>
-        </el-row>
-        <el-row class="bottom content" :gutter="10">
-          <el-col :span="12">
-            <el-image :src="img2" fit="scale-down"/>
-            <el-col class="attribute"
-              >当月发热量<el-col class="num"
-                >{{data.fare}}<span class="unit">kw·h</span></el-col
-              ></el-col
-            >
-          </el-col>
-          <el-col :span="12">
-            <el-col class="attribute attribute2"
-              >上月同比<el-col class="num"
-                >{{data.tongbi}}<span class="unit">%</span><el-image :src="data.tongbi < 0 ? img4 : img3" fit="scale-down" class="img" /></el-col
-              ></el-col
-            >
-          </el-col>
-        </el-row>
-      
-      </el-col>
-      <el-col class="middle" :span="7">
-          <p>暖通系统设备情况</p>
-          <pie :resData="pieData"/>
-      </el-col>
-      <el-col class="right" :span="9">
-          <lineE :resData="lineData"/>
-      </el-col>
-    </el-col>
-  </el-col>
-</template>
-<script>
-import img1 from "@/assets/images/1.png";
-import img2 from "@/assets/images/2.png";
-import img3 from "@/assets/images/3.png";
-import img4 from "@/assets/images/4.png";
-import pie from "@/components3/nengyuan/pie.vue";
-import lineE from "@/components3/nengyuan/lineE.vue";
-export default {
-  name: "nengyuan",
-  props:["resInfo"],
-  components: {
-  	pie,
-    lineE
-  },
-  data() {
-    return {
-      data:{},
-      img1:img1,
-      img2:img2,
-      img3:img3,
-      img4:img4,
-      pieData:[],
-      lineData:[]
-    };
-  },
-  watch:{
-    resInfo(val,old){
-      this.data = val.nh
-      this.pieData = val.shebei
-      this.lineData = val.jizu
-    }
-  }
-};
-</script>
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.wrap{
-  color:$white;
-  .left{
-    margin-left:24px;
-    .content{
-      margin-top:40px;
-      >.el-image{
-        width:66px;
-        vertical-align: middle;
-        display: inline-block;
-      }
-      .attribute{
-          margin-top:-70px;
-          vertical-align: middle;
-          font-size: 20px;
-          margin-left: 78px;
-          .num {
-            font-size: 30px;
-            font-family: "DINAlternate-Bold";
-            font-weight: 700;
-            margin: 0.7vh 0 0 -2px;
-            .unit {
-              font-size: 24px;
-              width: auto;
-              margin:10px 0 0 0px;
-              vertical-align: middle;
-            }
-          }
-      }
-      .attribute2{
-        margin-top:0px;
-          .num {
-            position: relative;
-            .img{
-              position: absolute;
-              top:0px;
-            }
-          }
-      }
-    }
-    .bottom{
-      margin-top:40px;
-    }
-   
-  }
-  .middle{
-    >p{
-      width:100%;
-      text-align: center;
-      margin:-10px auto 10px;
-      font-size: 20px;
-      font-weight: 700;
-    }
-  }
-
-}
-</style>

src/components3/nengyuan/lineE.vue

@@ -1,112 +0,0 @@
-<template>
-    <el-row >
-      <div
-        id="index2"
-        style="height:300px;margin-top:-50px;"
-      ></div>
-    </el-row>
-  </template>
-  <script>
-import * as echarts from 'echarts';
-  export default {
-    props: ["resData"],
-    data() {
-      return {
-        data:[]
-      };
-    },
-
-    watch: {
-      resData(val,old){
-        this.data = val
-        this.getData()
-      }
-    },
-    methods: {
-      getData() {
-        let myChart = echarts.init(document.getElementById("index2"));
-        let option = {
-            tooltip: {
-              trigger: 'axis',
-              axisPointer: {
-                type: 'shadow'
-              }
-            },
-            grid: {
-              left: '0%',
-              right: '0%',
-              bottom: '15%',
-              containLabel: true
-            },
-            legend: {
-              itemHeight: 6,
-              itemWidth: 20,
-              bottom: '4%',
-              textStyle:{  
-                    color:"#E6EFFF", 
-                }  
-            },
-            xAxis: [
-              {
-                type: 'category',
-                data: this.data[0],
-                axisTick: {
-                  alignWithLabel: true
-                },
-                axisLabel: {
-                  color: "#B9C4D8",
-                },
-                axisLine: {
-                  lineStyle: {
-                    color: "rgba(160,180,234,0.2)",
-                  },
-                },
-              }
-            ],
-            yAxis: [
-              {
-                type: 'value',
-                axisLabel: {
-                  color: "#B9C4D8",
-                },
-                // axisLine: {
-                //   lineStyle: {
-                //     color: "#B9C4D8",
-                //   },
-                // },
-              }
-            ],
-            series: [
-              {
-                name: "使用时长（小时）",
-                type: 'bar',
-                barWidth: '40%',
-                itemStyle: {
-                  normal: {
-                    color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{  
-                      offset: 0,
-                      color: '#B99259'
-                    }, {
-                      offset: 1,
-                      color: '#E9CA7C'
-                    }]),
-                  }
-                },
-                data: this.data[1],
-              },
-              
-            ]
-          };
-        myChart.setOption(option);
-        option && myChart.setOption(option);
-        setTimeout(function () {
-          window.onresize = function () {
-            myChart.resize();
-          };
-        }, 200);
-      },
-    },
-  };
-  </script>
-  
-  

src/components3/nengyuan/pie.vue

@@ -1,114 +0,0 @@
-<template>
-    <el-row >
-      <div
-        id="index1"
-        style="height:260px;margin-top:-30px;"
-      ></div>
-    </el-row>
-  </template>
-  <script>
-import * as echarts from 'echarts';
-  export default {
-    props: ["resData"],
-    data() {
-      return {
-        data:[]
-      };
-    },
-
-    watch: {
-        resData(val,old){
-        this.data = val
-        this.getData()
-      }
-    },
-    methods: {
-      getData() {
-        let total = this.data[0].value + this.data[1].value
-        let myChart = echarts.init(document.getElementById("index1"));
-        let option = {
-           color: [
-            '#8082D6',
-            '#FFC46D',
-          ],
-          tooltip: {
-            trigger: 'item'
-          },
-          title: {
-            text: "暖通系统设备情况",
-            text: this.data[0].value + this.data[1].value + '个',
-            textStyle: {
-              color: '#E6EFFF',
-              fontSize: 25
-            },
-            subtext: '设备总数',
-            subtextStyle: {
-              color: '#E6EFFF',
-              fontSize: 14
-            },
-            itemGap: 10, // 主副标题距离
-            left: 'center',
-            top: '42%'
-          },
-          legend: {
-            itemHeight: 8,
-            itemWidth: 8,
-            data: [
-              {
-                name: this.data[0].name,
-                icon: 'circle',
-              },
-              {
-                name: this.data[1].name,
-                icon: 'circle',
-              }
-            ],
-            top: '84%',
-            left: 'center',
-            textStyle: {
-              color: "#FFF"
-            }
-          },
-          series: [
-            {
-              name: '',
-              type: 'pie',
-              radius: ['40%', '55%'],
-              avoidLabelOverlap: false,
-              itemStyle: {
-                normal: {
-                  label: {
-                    show: true,
-                    position: 'outer',
-                    fontSize: 18,
-                    fontWeight: 'bold',
-                    align: "left",
-                    formatter: function (p) { //指示线对应文字，说明文字
-                      return ((p.data.value/total) * 100).toFixed(2) + '%';
-                    }
-                  },
-                  labelLine: { //指示线状态
-                    show: true,
-                    smooth: 0.8,
-                    length: 10,
-                    length2: 20
-                  }
-                }
-              },
-              data: this.data
-            }
-          ]
-        };
-        myChart.setOption(option);
-        option && myChart.setOption(option);
-        setTimeout(function () {
-          window.onresize = function () {
-            myChart.resize();
-          };
-        }, 200);
-      },
-    },
-  };
-  </script>
-  
-  

src/components3/parkingSpace/index.vue

@@ -1,120 +0,0 @@
-<template>
-  <el-col :span="24" class="parkingSpace modular" style="padding:10px 20px 0;">
-    <el-col class="title" style="margin-left:0">停车位统计</el-col>
-    <el-col class="parkingSpaceLeft">
-      <el-col class="rowN">
-        <el-image :src="car" fit="scale-down" />
-        <el-col class="name">车位总数</el-col>
-        <el-col class="num">{{data.zongshu}}<span> 个</span></el-col>
-      </el-col>
-      <el-col class="rowN">
-        <el-image :src="car" fit="scale-down" />
-        <el-col class="name">已停车位</el-col>
-        <el-col class="num">{{data.zongshu - data.shengyu}}<span> 个</span></el-col>
-      </el-col>
-      <el-col class="rowN">
-        <el-image :src="car" fit="scale-down" />
-        <el-col class="name">剩余车位</el-col>
-        <el-col class="num">{{data.shengyu}}<span> 个</span></el-col>
-      </el-col>
-    </el-col>
-    <el-col class="parkingSpaceRight">
-      <el-col class="num">{{data.churu}}<span> 辆/次</span></el-col>
-      <el-col class="name">今日出入车辆</el-col>
-    </el-col>
-  </el-col>
-</template>
-<script>
-import axios from 'axios'
-import car from "@/assets/images2/汽车位统计icon.png";
-export default {
-  name: "parkingSpace",
-  props:["resInfo"],
-  data() {
-    return {
-      car: car,
-      data:{}
-    };
-  },
-  watch:{
-    resInfo(val,old){
-      this.data = val
-    }
-  },
-  mounted() {
-    //this.init()
-  },
-  methods: {
-
-    init(){
-      axios({
-        method: 'get',
-        url: 'https://smartpark.caih.com/ykt/api/thirdparty/v1/openInterface/parkingSpot',
-        timeout: 10000,
-      }).then(res =>{
-        console.log(res)
-
-      }).catch(err =>{
-      })
-    }
-  },
-};
-</script>
-<style lang="scss">
-@import "@/assets/styles/common.scss";
-.parkingSpaceLeft {
-  width: 50%;
-  display: inline-block;
-  .rowN {
-    margin-top: 28px;
-    display: flex;
-    flex-direction: row;
-    align-items: flex-start;
-    .el-image {
-      width: 24px;
-    }
-    .name {
-      font-size: 16px;
-      margin: 0 12px 0;
-      width: auto;
-      color:$white2;
-    }
-    .num {
-      font-size: 24px;
-      font-family: "DINAlternate-Bold";
-      font-weight: 700;
-      width: auto;
-      margin-top: -4px;
-      color:$white;
-      span{
-        font-size: 16px;
-      }
-    }
-  }
-}
-.parkingSpaceRight {
-  width: 50%;
-  text-align: center;
-  .num {
-    font-size: 45px;
-    font-family: "DINAlternate-Bold";
-    font-weight: 700;
-    width: 100%;
-    text-align: center;
-    margin-top: 50px;
-    margin-left: 14px;
-    background: linear-gradient(180deg, #f4f8ff 0%, #a3b3cc 100%);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    span{
-      font-size: 20px;
-    }
-  }
-  .name {
-    font-size: 16px;
-    margin: 15px 12px 0;
-    width: 100%;
-    color:$white2;
-  }
-}
-</style>

src/components3/populationStatistics/echartsZXT.vue

@@ -1,142 +0,0 @@
-<template>
-  <el-row>
-    <div
-      id="index"
-      style="width: 105%; height: 93%; margin: 10px 0 0 -2.5%"
-    ></div>
-  </el-row>
-</template>
-<script>
-import * as echarts from "echarts";
-export default {
-  props: ["resData"],
-  data() {
-    return {
-    };
-  },
-  watch: {
-    resData() {
-      this.getData();
-    },
-  },
-  mounted() {
-    this.getData();
-  },
-  methods: {
-    getData() {
-      let myChart = echarts.init(document.getElementById("index"));
-      let data = this.resData;
-      let series = []; //定义一个数组变量用于存放配置
-      let colorShown = [
-        {
-          opacity: 0.8,
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            {
-              offset: 0,
-              color: "#B39E68",
-            },
-            {
-              offset: 1,
-              color: "#2C3037",
-            },
-          ]),
-        },
-      ];
-      series.push({
-        name: "人流量",
-        type: "line",
-        stack: "Total",
-        smooth: true,
-        lineStyle: {
-          width: 2,
-        },
-        showSymbol: false,
-        areaStyle: colorShown[0],
-        emphasis: {
-          focus: "series",
-        },
-        data: data[1],
-      });
-      let option = {
-        // title: {
-        //   x:'left',
-        //   y:10,
-        //   text: "今日人流量统计",
-        //   textStyle:{ //设置主标题风格
-        //     color:"#E6EFFF",//设置主标题字体颜色
-        //     fontSize:20,
-        //     fontWeight:700,
-        //   },
-        // },
-        color: "#B39E68",
-        grid: {
-          bottom: "0",
-          right: "10",
-          left: "10",
-          top: "35",
-          containLabel: true,
-        },
-        tooltip: {
-          trigger: "axis",
-          confine: true,
-          textStyle: {
-            fontSize: 10,
-          },
-        },
-        xAxis: {
-          type: "category",
-          boundaryGap: false,
-          // data: ["12：00", "13：00", "14：00", "15：00", "16：00", "17：00"],
-          data: data[0],
-          axisLabel: {
-            color: "#4D5565",
-          },
-          axisLine: {
-            lineStyle: {
-              color: "#4D5565",
-            },
-          },
-          axisTick: {
-            show: false,
-          },
-          textStyle: {
-            fontSize: 10,
-          },
-        },
-        yAxis: {
-          type: "value",
-          axisLabel: {
-            color: "#4D5565",
-          },
-          axisTick: {
-            show: false,
-          },
-          axisLine: {
-            lineStyle: {
-              color: "#4D5565",
-            },
-          },
-          splitLine: {
-            lineStyle: {
-              color: "rgba(255,255,255,.1)",
-            },
-          },
-          textStyle: {
-            fontSize: 10,
-          },
-        },
-        series: series,
-      };
-      option && myChart.setOption(option);
-
-      setTimeout(function () {
-        window.onresize = function () {
-          myChart.resize();
-        };
-      }, 200);
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped></style>

src/components3/populationStatistics/index.vue

@@ -1,96 +0,0 @@
-<template>
-  <el-col :span="24" class="populationStatistics modular" style="padding:10px 20px 0;" v-loading="loading">
-    <el-col class="title" style="margin-left:0;">今日人流量统计</el-col>
-    <el-col class="subtitle"
-      >今日人流量统计：<strong>{{
-        populationStatisticsList.num
-      }}</strong><span> 人/次</span></el-col
-    >
-    <echartsZXT
-      v-if="status"
-      :resData="populationStatisticsList.data"
-      style="width: 100%; height: 100%;"
-      alt="折线图"
-    />
-  </el-col>
-</template>
-<script>
-import axios from 'axios'
-import echartsZXT from "@/components2/populationStatistics/echartsZXT.vue";
-export default {
-  name: "populationStatistics",
-  components: {
-    echartsZXT,
-  },
-  data() {
-    return {
-      populationStatisticsList: {
-        //今日流量
-          num: undefined,
-          data: [
-            [],[]
-          ],
-      },
-      status:false,
-      loading:true
-    };
-  },
-  watch: {},
-  created(){
-    this.init()
-    this.timing()
-  },
-  mounted() {
-
-  },
-  methods: {
-    async init(){
-      await axios({
-        method: 'get',
-        url: 'https://smartpark.caih.com/ykt/api/thirdparty/v1/openInterface/yunUserRequest',
-        timeout: 10000,
-      }).then(res =>{
-          let total = 0
-          if(res.data){
-            this.populationStatisticsList.data.num = 0
-            this.populationStatisticsList.data[0] = []
-            this.populationStatisticsList.data[1] = []
-            for(let i = 0; i<res.data.length; i++){
-              this.populationStatisticsList.data[0].push(res.data[i].access_time)
-              this.populationStatisticsList.data[1].push(res.data[i].card_number)
-              total += res.data[i].card_number
-            }
-            this.populationStatisticsList.num = total
-            setTimeout(()=>{
-              this.status = true
-              this.loading = false
-            },20)
-
-          }
-      }).catch(err =>{
-      })
-    },
-    timing(){
-      setInterval(() =>{
-        this.init()
-      },1000 * 60 * 5)
-    }
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.subtitle {
-  position: absolute;
-  top: 10px;
-  right: 20px;
-  font-size: 16px;
-  text-align: right;
-  strong {
-    font-size: 20px;
-    font-family: "DINAlternate-Bold";
-    font-weight: 700;
-
-  }
-}
-</style>

src/components3/realTimeVideo/index.vue

@@ -1,241 +0,0 @@
-<template>
-  <el-col :span="24" class="realTimeVideo modular" style="padding:10px 20px 0;">
-    <div class="title" style="margin-left:0">实时视频</div>
-    <div  class="videoSelect">
-        <el-select @change="videoSelect1" v-model="video1" placeholder="请选择摄像头1" class="videoSelect1">
-            <el-option
-            v-for="item in videoSelect"
-            :key="item.url"
-            :label="item.name"
-            :value="item.url"
-            >
-            </el-option>
-        </el-select>
-        <el-select @change="videoSelect2" v-model="video2" placeholder="请选择摄像头2" class="videoSelect2">
-            <el-option
-            v-for="item in videoSelect"
-            :key="item.url"
-            :label="item.name"
-            :value="item.url"
-            >
-            </el-option>
-        </el-select>
-    </div>
-    <el-row class="videoList" :gutter="20">
-        <el-col class="video" :span="12">
-            <video
-                preload="true"
-                autoplay="autoplay"
-                class="hlsVideo monitor-height"
-                ref="hlsVideo1"
-                style="width: 100%"
-                :poster="poster"
-                controls
-                muted
-            ></video>
-             <div class="videoTitle">{{name1}}</div>
-        </el-col>
-        <el-col class="video" :span="12">
-            <video
-                preload="true"
-                autoplay="autoplay"
-                class="hlsVideo monitor-height"
-                ref="hlsVideo2"
-                style="width: 100%"
-                controls
-                muted
-                :poster="poster"
-            ></video>
-            <div class="videoTitle">{{name2}}</div>
-        </el-col>
-    </el-row>
-
-  </el-col>
-</template>
-<script>
-import poster from "@/assets/images2/poster.jpg";
-import Hls from "hls.js";
-import axios from 'axios'
-export default {
-  name: "iOTNetworkCard",
-  data() {
-    return {
-      videoSelect:false,
-      hls1:undefined,
-      hls2:undefined,
-      video1:undefined,
-      video2:undefined,
-      name1:undefined,
-      name2:undefined,
-      poster:poster
-    };
-  },
-  mounted(){
-      this.init()
-  },
-  methods:{
-      init(){
-        axios({
-            method: 'post',
-            url: 'http://10.21.39.1:8082/dhController/getLocalChannel?pageNo=1&pageSize=500&unitType=1',
-            timeout: 3000,
-        }).then(res =>{
-            if(res.data.data.pageList){
-                let data = res.data.data.pageList
-                this.videoSelect = data
-                for(let i = 0; i<data.length; i++){
-                    this.videoSelect[i].url = "http://" + data[i].nvr_ip + ":" + data[i].hls_port + "/live/cameraid/" + data[i].deviceId + "%24" + data[i].id.split("$")[(data[i].id.split("$")).length-1]  + "/substream/1.m3u8"
-                    this.videoSelect[i].url = this.videoSelect[i].url +  ',' + data[i].name
-                }
-                this.videoSelect1(this.videoSelect[0].url)
-                this.videoSelect2(this.videoSelect[1].url)
-            }
-        }).catch(err =>{
-        })
-
-      },
-
-      videoSelect1(value){
-        this.destroyHls(1)
-        let arr = value.split(',')
-        this.name1 = arr[1]
-        this.loadVideoFn(1,arr[0])
-      },
-      videoSelect2(value){
-        this.destroyHls(2)
-        let arr = value.split(',')
-        this.name2 = arr[1]
-        this.loadVideoFn(2,arr[0])
-      },
-
-        destroyHls(id){//关闭视频拉取
-            if (this.hls) {
-                if(id=="1"){
-                    this.$refs.hlsVideo1.pause();
-                    this.hls1.destroy();
-                    this.hls1 = null;
-                }else{
-                    this.$refs.hlsVideo2.pause();
-                    this.hls2.destroy();
-                    this.hls2 = null;
-                }
-
-            }
-        },
-        loadVideoFn(id,url) {//视频播放
-            setTimeout(() =>{
-                if (Hls.isSupported()) {
-                    if(id == "1"){
-                        this.hls1 = new Hls();
-                        this.hls1.loadSource(url);
-                        this.hls1.attachMedia(this.$refs.hlsVideo1);
-                        this.hls1.on(Hls.Events.MANIFEST_PARSED, () => {
-                            this.$refs.hlsVideo1.play();
-                        });
-                        this.hls1.on(Hls.Events.ERROR, (event, data) => {
-                        });
-                    }else{
-                        this.hls2 = new Hls();
-                        this.hls2.loadSource(url);
-                        this.hls2.attachMedia(this.$refs.hlsVideo2);
-                        this.hls2.on(Hls.Events.MANIFEST_PARSED, () => {
-                            this.$refs.hlsVideo2.play();
-                        });
-                        this.hls2.on(Hls.Events.ERROR, (event, data) => {
-                        });
-                    }
-                }
-            },1000)
-        },
-  }
-};
-</script>
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.realTimeVideo{
-  height:280px;
-  .title{
-      width:80px;
-      display: inline-block;
-  }
-  .videoSelect{
-      width:auto;
-      float:right
-  }
-  .videoList{
-      margin:13px 0 20px;
-      .video{
-           margin:0 auto;
-           position: relative;
-           background-color: $modularBackGround;
-          video{
-              height:200px;
-          }
-          .videoTitle{
-          position: absolute;
-          right:16px;
-          bottom:20px;
-          font-size: 14px;
-          color: $white;
-          background-color: rgba(0,0,0,0.3);
-          padding:4px 12px;
-      }
-
-      }
-
-  }
-
-}
-::v-deep .el-input__inner {
-  background-color: transparent !important;
-  color: $white;
-  height: 36px;
-}
-/**修改边框和字体颜色 */
-::v-deep .el-select {
-  position: relative;
-  width: 200px;
-  display: inline-block;
-  margin-left:20px;
-  .el-input {
-    input {
-      height: 40px;
-      border-color: $white;
-      color: $white;
-      font-size: 14px;
-    }
-  }
-
-}
-/**修改下拉图标颜色 */
-::v-deep .el-input__suffix {
-  .el-input__suffix-inner {
-    .el-icon-arrow-up:before {
-      color: $white;
-      padding-left: 0.11rem;
-    }
-  }
-}
-
-.el-select-dropdown__item{
-    padding:0 12px !important;
-    font-size: 12px !important;
-    height:20px !important;
-    line-height: 20px !important;
-    color:$white;
-}
-.el-select-dropdown__item.hover{
-    background-color: $modularHoverBackGround;
-}
-
-
-</style>
-<style >
-.el-scrollbar{
-    background-color: rgba(35,40,49,1);
-}
-.el-scrollbar{
-    border:1px solid rgba(35,40,49,1) !important;
-
-}
-</style>

src/components3/restaurant/index copy.vue

@@ -1,226 +0,0 @@
-<template>
-  <el-col :span="24" class="restaurant modular" style="padding:10px 20px 0;">
-    <el-col class="title" style="margin-left:0">智慧餐饮</el-col>
-    <el-col class="restaurantLeft">
-      <el-col :span="24" class="nh">
-        <el-image :src="restaurant1" fit="scale-down" />
-        <el-col class="name"
-          >今日营业额<el-col class="num"
-            >{{num[0]}}<span class="unit">元</span></el-col
-          ></el-col
-        >
-      </el-col>
-      <el-col :span="24" class="nh">
-        <el-image :src="restaurant1" fit="scale-down" />
-        <el-col class="name"
-          >今日销售人/次<el-col class="num"
-            >{{num[1]}}<span class="unit">份</span></el-col
-          ></el-col
-        >
-      </el-col>
-    </el-col>
-    <el-col class="restaurantRight">
-      <el-col class="top">
-        <el-image :src="restaurant2" fit="scale-down" class="leftImg" />
-        <el-col class="name">昨日最受欢迎菜品</el-col>
-        <el-image :src="restaurant3" fit="scale-down" class="rightImg" />
-      </el-col>
-      <el-col class="bottom">
-        <div class="dish" v-for="(item,index) in list2" :key="index" @click="canyin(index + 1)">
-          <el-col :span="8"><el-image :src="item.id" fit="scale-down" class="leftImg"/></el-col>
-          <el-col :span="8" class="dishName">{{item.name || "未营业"}}</el-col>
-          <el-col :span="8" class="fs">{{item.num || 0}}份</el-col>
-        </div>
-      </el-col>
-    </el-col>
-  </el-col>
-</template>
-<script>
-import axios from 'axios'
-import restaurant1 from "@/assets/images2/智慧餐饮icon.png";
-import restaurant2 from "@/assets/images2/排名-左边.png";
-import restaurant3 from "@/assets/images2/排名-右边.png";
-import num1 from "@/assets/images2/第一名icon.png";
-import num2 from "@/assets/images2/第二名icon.png";
-import num3 from "@/assets/images2/第三名icon.png";
-import { getWeekDate } from "@/assets/js/dataFormate.js";
-export default {
-  name: "restaurant",
-  data() {
-    return {
-      restaurant1: restaurant1,
-      restaurant2: restaurant2,
-      restaurant3: restaurant3,
-      num1: num1,
-      num2: num2,
-      num3: num3,
-      data:{
-        total:undefined,
-        list:{}
-      },
-      list2:[
-        {id:num1,name:"清炒时蔬",num:412},
-        {id:num2,name:"柠檬鸭",num:315},
-        {id:num3,name:"番茄炒蛋",num:267},
-      ],
-      num:[38155,15642],
-      tapNo:false,
-    };
-  },
-  created(){
-    console.log(getWeekDate())
-    if(getWeekDate() == "周一" || getWeekDate() == "周日"){
-      this.list2 = [
-        {id:num1,name:"未营业",num:0},
-        {id:num2,name:"未营业",num:0},
-        {id:num3,name:"未营业",num:0},
-      ]
-      // this.num = [0,0]
-      this.tapNo = true
-    }
-    if(getWeekDate() == "周六" || getWeekDate() == "周日"){
-      this.num = [0,0]
-    }
-  },
-  mounted() {
-    this.init()
-    this.timing()
-  },
-  methods: {
-    init(){
-      axios({
-        method: 'get',
-        url: 'https://smartpark.caih.com/zhcy/api/thirdparty/v1/open/countOrderAmt',
-        timeout: 3000,
-      }).then(res =>{
-        console.log(res)
-        this.data.total = res.data
-      }).catch(err =>{
-      })
-
-      axios({
-        method: 'get',
-        url: 'https://smartpark.caih.com/zhcy/api/thirdparty/v1/open/hyFood',
-        timeout: 3000,
-      }).then(res =>{
-        if(res.data){
-          this.data.list = res.data
-          this.data.list[0].id = this.num1
-          this.data.list[1].id = this.num2
-          this.data.list[2].id = this.num3
-        }
-      }).catch(err =>{
-      })
-    },
-    timing(){
-      setInterval(() =>{
-        this.init()
-      },1000 * 60 * 5)
-    },
-    canyin(id){
-      if(this.tapNo == true){
-        //禁止跳转（周六周日休业）
-      }else{
-        this.$emit("canyinClick",id)
-      }
-
-    }
-  },
-};
-</script>
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.restaurantLeft {
-  width: 50%;
-  display: inline-block;
-  margin-top:0vh !important;
-  .nh {
-    margin-top: 50px;
-    .el-image {
-      width: 24px;
-      margin-top: -25px;
-      float: left;
-    }
-    .name {
-      font-size: 16px;
-      margin: -25px 30px 0 !important;
-      width: 150px;
-      display: block;
-      color:$white2;
-      .num {
-        font-size: 24px;
-        font-family: "DINAlternate-Bold";
-        font-weight: 700;
-        margin-top: 0.5vh;
-        display: inline-block;
-        color:$white;
-        .unit {
-          font-size: 16px;
-          margin-left:2px;
-        }
-      }
-    }
-  }
-}
-.restaurantRight {
-  width: 50%;
-  text-align: center;
-  .top {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    .name {
-      font-size: 16px;
-      color: $orange;
-      padding-bottom: 10px;
-      display: inline-block;
-      vertical-align: middle;
-      width: auto;
-      margin: 0 6px;
-    }
-    .name::after {
-      content: "";
-      width: 60%;
-      height: 1px;
-      display: block;
-      margin: 0 auto;
-      border-bottom: 1px solid $orange;
-      padding: 1px;
-    }
-
-    .leftImg,
-    .rightImg {
-      width: 25px;
-      margin-top:10px;
-    }
-  }
-  .bottom {
-    display: flex;
-    flex-direction: column;
-    .dish {
-      margin-top: 8px;
-      height: 33px;
-      line-height: 33px;
-      background-color: $modularHoverBackGround;
-      text-align: center;
-      vertical-align: middle;
-      cursor: pointer;
-      .el-image {
-        width: 24px;
-        margin: 4.5px 0;
-      }
-      .dishName,
-      .fs {
-        font-size: 16px;
-        margin-top:-2px;
-        font-family: 'DINAlternate-Bold';
-      }
-      .dishName{
-
-        display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
-      }
-    }
-  }
-}
-</style>

src/components3/restaurant/index.vue

@@ -1,249 +0,0 @@
-<template>
-  <el-col :span="24" class="restaurant modular" style="padding:10px 20px 0;" v-loading="loading">
-    <el-col class="title" style="margin-left:0">智慧餐饮</el-col>
-    <el-col class="restaurantLeft">
-      <el-col :span="24" class="nh">
-        <el-image :src="restaurant1" fit="scale-down" />
-        <el-col class="name">今日营业额
-          <el-col class="num">{{ data2.yingyee }}<span class="unit">元</span></el-col>
-        </el-col>
-        <!-- <el-col class="name"
-          >今日营业额<el-col class="num"
-            >{{ data.nowIncome || 0 }}<span class="unit">元</span></el-col
-          ></el-col
-        > -->
-      </el-col>
-      <el-col :span="24" class="nh">
-        <el-image :src="restaurant1" fit="scale-down" />
-        <el-col class="name"
-          >今日销售人/次<el-col class="num"
-            >{{ data2.renci }}<span class="unit"></span></el-col
-          ></el-col
-        >
-        <!-- <el-col class="name"
-          >今日销售人/次<el-col class="num"
-            >{{ data.consumerNowNumber || 0 }}<span class="unit"></span></el-col
-          ></el-col
-        > -->
-      </el-col>
-    </el-col>
-    <el-col class="restaurantRight">
-      <el-col class="top">
-        <el-image :src="restaurant2" fit="scale-down" class="leftImg" />
-        <el-col class="name">昨日最受欢迎菜品</el-col>
-        <el-image :src="restaurant3" fit="scale-down" class="rightImg" />
-      </el-col>
-      <el-col class="bottom">
-        <div class="dish" v-for="(item,index) in data2.zuori" :key="index">
-          <el-col :span="5"><el-image :src="item.img" fit="scale-down" class="leftImg iconCP"/></el-col>
-          <el-col :span="11" class="dishName">{{item.name}}</el-col>
-          <el-col :span="8" class="fs">{{item.countPid}}份</el-col>
-        </div>
-      </el-col>
-    </el-col>
-  </el-col>
-</template>
-<script>
-import axios from 'axios'
-import restaurant1 from "@/assets/images2/智慧餐饮icon.png";
-import restaurant2 from "@/assets/images2/排名-左边.png";
-import restaurant3 from "@/assets/images2/排名-右边.png";
-import num1 from "@/assets/images2/第一名icon.png";
-import num2 from "@/assets/images2/第二名icon.png";
-import num3 from "@/assets/images2/第三名icon.png";
-import { getWeekDate } from "@/assets/js/dataFormate.js";
-export default {
-  name: "restaurant",
-  props:["resInfo"],
-  data() {
-    return {
-      loading:false,
-      restaurant1: restaurant1,
-      restaurant2: restaurant2,
-      restaurant3: restaurant3,
-      num1: num1,
-      num2: num2,
-      num3: num3,
-      data:{
-        countTheTopThree:[
-          // {img:num1,name:"蒜茸小白菜",countPid:436},
-          // {img:num2,name:"雪菜老豆腐",countPid:403},
-          // {img:num3,name:"碎肉粉",countPid:395}
-
-          // {img:num1,name:"蒜茸小白菜",countPid:436},
-          // {img:num2,name:"雪菜老豆腐",countPid:403},
-          // {img:num3,name:"碎肉粉",countPid:395}
-
-          {img:num1,name:"米饭",countPid:305},
-          {img:num2,name:"西红柿炒蛋",countPid:236},
-          {img:num3,name:"鱼香肉丝",countPid:158},
-        ]
-      },
-      data2:{}
-    };
-  },
-  watch:{
-    resInfo(val,old){
-      val.zuori[0].img = this.num1
-      val.zuori[1].img = this.num2
-      val.zuori[2].img = this.num3
-      this.data2 = val
-    }
-  },
-  created(){
-    // if(getWeekDate() == "周一" || getWeekDate() == "周日"){
-    //   this.list2 = [
-    //     {id:num1,name:"未营业",num:0},
-    //     {id:num2,name:"未营业",num:0},
-    //     {id:num3,name:"未营业",num:0},
-    //   ]
-    //   // this.num = [0,0]
-    //   this.tapNo = true
-    // }
-    // if(getWeekDate() == "周六" || getWeekDate() == "周日"){
-    //   this.num = [0,0]
-    // }
-  },
-  mounted() {
-    // this.init()
-    // this.timing()
-  },
-  methods: {
-    init(){
-      this.loading = true
-      axios({
-        method: 'get',
-        url: 'https://smartpark.caih.com/zhcy/api/thirdparty/v1/open/getCanYinData',
-        timeout: 100000,
-      }).then(res =>{
-        this.data = res.data.data
-        if(this.data.countTheTopThree.length>0){
-          this.data.countTheTopThree[0].img= this.num1
-          this.data.countTheTopThree[1].img= this.num2
-          this.data.countTheTopThree[2].img= this.num3
-        }else{
-          this.data.countTheTopThree[0] = {img:this.num1,name:"暂未营业",countPid:0}
-          this.data.countTheTopThree[1] = {img:this.num2,name:"暂未营业",countPid:0}
-          this.data.countTheTopThree[2] = {img:this.num3,name:"暂未营业",countPid:0}
-        }
-        this.loading= false
-      })
-    },
-    timing(){
-      setInterval(() =>{
-        this.init()
-      },1000 * 60 * 5)
-    },
-    // canyin(id){
-    //   if(this.tapNo == true){
-    //     //禁止跳转（周六周日休业）
-    //   }else{
-    //     this.$emit("canyinClick",id)
-    //   }
-
-    // }
-  },
-};
-</script>
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.restaurantLeft {
-  width: 50%;
-  display: inline-block;
-  margin-top:0vh !important;
-  .nh {
-    margin-top: 50px;
-    .el-image {
-      width: 24px;
-      margin-top: -25px;
-      float: left;
-    }
-    .name {
-      font-size: 16px;
-      margin: -25px 30px 0 !important;
-      width: 150px;
-      display: block;
-      color:$white2;
-      .num {
-        font-size: 24px;
-        font-family: "DINAlternate-Bold";
-        font-weight: 700;
-        margin-top: 0.5vh;
-        display: inline-block;
-        color:$white;
-        .unit {
-          font-size: 16px;
-          margin-left:2px;
-        }
-      }
-    }
-  }
-}
-.restaurantRight {
-  width: 50%;
-  text-align: center;
-  .top {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    .name {
-      font-size: 16px;
-      color: $orange;
-      padding-bottom: 10px;
-      display: inline-block;
-      vertical-align: middle;
-      width: auto;
-      margin: 0 6px;
-    }
-    .name::after {
-      content: "";
-      width: 60%;
-      height: 1px;
-      display: block;
-      margin: 0 auto;
-      border-bottom: 1px solid $orange;
-      padding: 1px;
-    }
-
-    .leftImg,
-    .rightImg {
-      width: 25px;
-      margin-top:10px;
-    }
-  }
-  .bottom {
-    display: flex;
-    flex-direction: column;
-    .dish {
-      margin-top: 8px;
-      height: 33px;
-      line-height: 33px;
-      background-color: $modularHoverBackGround;
-      text-align: center;
-      vertical-align: middle;
-      // cursor: pointer;
-      .el-image {
-        width: 24px;
-        margin: 4.5px 0;
-      }
-      .dishName{
-        text-align: left;
-      }
-      .dishName,
-      .fs {
-        font-size: 16px;
-        margin-top:-2px;
-        font-family: 'DINAlternate-Bold';
-      }
-      .dishName{
-
-        display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
-      }
-    }
-  }
-}
-.iconCP{
-    margin-left:0px !important;
-  }
-</style>

src/components3/tongxingguanli/index.vue

@@ -1,282 +0,0 @@
-<template>
-  <el-col :span="24" class="tongxingguanli modular">
-    <el-col class="top" >
-      <span class="biao"></span>  
-      <span class="title">通行管理</span>
-    </el-col>
-    <el-row class="wrap" :gutter="6">
-      <el-col class="left" :span="12">
-        <el-col class="top" :span="24">
-          <el-col class="left" :span="6">
-            <el-col class="top">今日总人流量</el-col>
-            <el-col class="bottom" >
-              <el-col class="num">{{data1.n1}}<span class="unit">人/次</span></el-col>
-            </el-col>
-          </el-col>
-          <el-col class="middle middleRight" :span="9">
-            <el-col class="top">
-              <el-col class="attribute">今日考勤人数：<span class="num">{{data1.n2}}</span><span class="unit">人/次</span></el-col>
-            </el-col>
-            <el-col class="bottom" >
-              <el-col class="attribute">今日考勤人数：<span class="num">{{data1.n3}}</span><span class="unit">人/次</span></el-col>
-            </el-col>
-          </el-col>
-          <el-col class="bottom middleRight" :span="9">
-            <el-col class="top">
-              <el-col class="attribute">无感考勤效率提升：<span class="num">{{data1.n4}}</span><span class="unit">%</span></el-col>
-            </el-col>
-            <el-col class="bottom" >
-              <el-col class="attribute">访客通行效率提升：<span class="num">{{data1.n5}}</span><span class="unit">%</span></el-col>
-            </el-col>
-          </el-col>
-        </el-col>
-        <el-col class="bottom" :span="24">
-          <el-col class="left" :span="6">
-            <el-image :src="img9" fit="scale-down"/>
-            <el-col class="title">人员通行</el-col>
-          </el-col>
-          <el-col class="right" ><lineE :resData="lineData"/></el-col>
-        </el-col>
-      </el-col>
-      <el-col class="right" :span="12">
-        <el-col class="top" :span="24">
-          <el-col class="left" :span="6">
-            <el-col class="top">今日总车流量</el-col>
-            <el-col class="bottom" >
-              <el-col class="num">{{data2.n1}}<span class="unit">辆/次</span></el-col>
-            </el-col>
-          </el-col>
-          <el-col class="middle middleRight" :span="16">
-            <el-col class="top">
-              <el-col class="attribute">地下停车场流量：<span class="num">{{data2.n2}}</span><span class="unit">辆/次</span></el-col>
-            </el-col>
-            <el-col class="bottom" >
-              <el-col class="attribute">VIP停车场流量：<span class="num">{{data2.n3}}</span><span class="unit">辆/次</span></el-col>
-            </el-col>
-          </el-col>
-        </el-col>
-        <el-col class="bottom" :span="24">
-          <el-col class="left" :span="6">
-            <el-image :src="img9" fit="scale-down"/>
-            <el-col class="title">无人值守车辆通行</el-col>
-          </el-col>
-          <el-col class="right" ><lineE2 :resData="lineData2"/></el-col>
-        </el-col>
-      </el-col>
-    </el-row>
-  </el-col>
-</template>
-<script>
-import img9 from "@/assets/images/9.png";
-import img10 from "@/assets/images/10.png";
-import lineE from "@/components3/tongxingguanli/lineE.vue";
-import lineE2 from "@/components3/tongxingguanli/lineE2.vue";
-export default {
-  name: "tongxingguanli",
-  props:["resInfo"],
-  components: {
-    lineE,
-    lineE2
-  },
-  data() {
-    return {
-      data1:{},
-      data2:{},
-      img9:img9,
-      img10:img10,
-      lineData:[],
-      lineData2:[],
-    };
-  },
-  watch:{
-    resInfo(val,old){
-      this.data1 = val.people.data
-      this.data2 = val.car.data
-      this.lineData = val.people.line
-      this.lineData2 = val.car.line
-    }
-  }
-};
-</script>
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.wrap{
-  color:$white;
-  box-sizing: border-box;
-  padding: 0 20px;
-  >div{
-    margin-top:10px;
-  }
-  >.left{
-    >.top{
-      height:90px;
-      background: rgba(77,85,101,0.25);
-      padding:16px 0 16px 0px !important;
-      >.left{
-        >.top{
-          font-size: 16px;
-          padding:0 !important;
-          >div{
-            padding:0 !important;
-          }
-        }
-        >.bottom{
-          margin-top:6px;
-          font-weight: 700;
-          .num{
-            font-size: 26px;
-            .unit{
-              font-size: 20px;
-            }
-          }
-        }
-      }
-      >.middle{
-        border-left:1px solid #fff;
-        border-right:1px solid #fff;
-      }
-      >.middleRight{
-        padding:0 12px;
-        >.top{
-          font-size: 16px;
-          .attribute{
-            .num{
-              font-size: 20px;
-              font-weight: 700;
-            }
-          }
-        }
-        >.bottom{
-          margin-top:6px;
-          font-size: 16px;
-          .attribute{
-            .num{
-              font-size: 20px;
-              font-weight: 700;
-            }
-          }
-        }
-      }
-    }
-    >.bottom{
-      position: relative;
-      >.left{
-        height:100px;
-        margin:12px auto 0;
-        text-align: center;
-        background-image: linear-gradient(180deg, rgba(77,85,101,0.00) 0%, #4D5565 100%);
-        font-weight: 700;
-        font-size: 14px;
-        .el-image{
-          margin:-4px 0 10px;
-        }
-      }
-    }
-    .content{
-      margin-top:40px;
-      .attribute{
-          margin-top:-70px;
-          vertical-align: middle;
-          font-size: 20px;
-          margin-left: 78px;
-          .num {
-            font-size: 30px;
-            font-family: "DINAlternate-Bold";
-            font-weight: 700;
-            margin: 0.7vh 0 0 -2px;
-            .unit {
-              font-size: 24px;
-              width: auto;
-              margin:10px 0 0 0px;
-              vertical-align: middle;
-            }
-          }
-      }
-    }
-   
-  }
-  >.right{
-    >.top{
-      height:90px;
-      background: rgba(77,85,101,0.25);
-      padding:16px 0 16px 18px;
-      >.left{
-        >.top{
-          font-size: 16px;
-        }
-        >.bottom{
-          margin-top:6px;
-          font-weight: 700;
-          .num{
-            font-size: 26px;
-            .unit{
-              font-size: 20px;
-            }
-          }
-        }
-      }
-      >.middle{
-        border-left:1px solid #fff;
-      }
-      >.middleRight{
-        padding:0 12px;
-        >.top{
-          font-size: 16px;
-          .attribute{
-            .num{
-              font-size: 20px;
-              font-weight: 700;
-            }
-          }
-        }
-        >.bottom{
-          margin-top:6px;
-          font-size: 16px;
-          .attribute{
-            .num{
-              font-size: 20px;
-              font-weight: 700;
-            }
-          }
-        }
-      }
-    }
-    >.bottom{
-      position: relative;
-      >.left{
-        height:100px;
-        margin:12px auto 0;
-        text-align: center;
-        background-image: linear-gradient(180deg, rgba(77,85,101,0.00) 0%, #4D5565 100%);
-        font-weight: 700;
-        font-size: 14px;
-        .el-image{
-          margin:-4px 0 10px;
-        }
-      }
-    }
-    .content{
-      margin-top:40px;
-      .attribute{
-          margin-top:-70px;
-          vertical-align: middle;
-          font-size: 20px;
-          margin-left: 78px;
-          .num {
-            font-size: 30px;
-            font-family: "DINAlternate-Bold";
-            font-weight: 700;
-            margin: 0.7vh 0 0 -2px;
-            .unit {
-              font-size: 24px;
-              width: auto;
-              margin:10px 0 0 0px;
-              vertical-align: middle;
-            }
-          }
-      }
-    }
-   
-  }
-}
-</style>

src/components3/tongxingguanli/lineE.vue

@@ -1,128 +0,0 @@
-<template>
-    <el-row >
-      <div
-        id="index7"
-        class="line"
-      ></div>
-    </el-row>
-  </template>
-  <script>
-import * as echarts from 'echarts';
-  export default {
-    props: ["resData"],
-    data() {
-      return {
-        data:[]
-      };
-    },
-
-    watch: {
-      resData(val,old){
-        this.data = val
-        this.getData()
-      }
-    },
-    methods: {
-      getData() {
-        let myChart = echarts.init(document.getElementById("index7"));
-        let option = {
-          title: {
-            text: 'Stacked Line'
-          },
-          color: [
-              '#FF6868',
-              '#E9CA7C',
-          ],
-          tooltip: {
-            trigger: 'axis'
-          },
-          legend: {
-            data: this.data[3]
-          },
-          grid: {
-            left: '25%',
-            containLabel: true
-          },
-          xAxis: {
-            type: 'category',
-            boundaryGap: false,
-            data: this.data[0],
-            axisTick: {
-              alignWithLabel: true
-            },
-            axisLabel: {
-              color: "#B9C4D8",
-            },
-            axisLine: {
-              lineStyle: {
-                color: "rgba(160,180,234,0.2)",
-              },
-            },
-          },
-          yAxis: {
-            type: 'value',
-            axisLabel: {
-              color: "#B9C4D8",
-            },
-          },
-          legend: {
-            itemHeight: 8,
-            itemWidth: 8,
-            data: [
-              {
-                name: this.data[3][0],
-                icon: 'circle',
-              },
-              {
-                name: this.data[3][1],
-                icon: 'circle',
-              }
-            ],
-            top: '65%',
-            left: 'left',
-            textStyle: {
-              color: "#FFF"
-            }
-          },
-          series: [
-            {
-              name: this.data[3][0],
-              type: 'line',
-              stack: 'Total',
-              smooth: true,
-              symbol:'circle',
-              symbolSize:[6,6],
-              data: this.data[1]
-            },
-            {
-              name: this.data[3][1],
-              type: 'line',
-              stack: 'Total',
-              smooth: true,
-              symbol:'circle',
-              symbolSize:[6,6],
-              data: this.data[2]
-            }
-          ]
-        };
-        myChart.setOption(option);
-        option && myChart.setOption(option);
-        setTimeout(function () {
-          window.onresize = function () {
-            myChart.resize();
-          };
-        }, 200);
-      },
-    },
-  };
-  </script>
-  
-<style>
-.line{
-  position:absolute;
-  top:-140px;
-  left:0px;
-  width:110%;
-  height:235px;
-}
-</style>

src/components3/tongxingguanli/lineE2.vue

@@ -1,128 +0,0 @@
-<template>
-    <el-row >
-      <div
-        id="index8"
-        class="line"
-      ></div>
-    </el-row>
-  </template>
-  <script>
-import * as echarts from 'echarts';
-  export default {
-    props: ["resData"],
-    data() {
-      return {
-        data:[]
-      };
-    },
-
-    watch: {
-      resData(val,old){
-        this.data = val
-        this.getData()
-      }
-    },
-    methods: {
-      getData() {
-        let myChart = echarts.init(document.getElementById("index8"));
-        let option = {
-          title: {
-            text: 'Stacked Line'
-          },
-          color: [
-              '#FF6868',
-              '#E9CA7C',
-          ],
-          tooltip: {
-            trigger: 'axis'
-          },
-          legend: {
-            data: this.data[3]
-          },
-          grid: {
-            left: '25%',
-            containLabel: true
-          },
-          xAxis: {
-            type: 'category',
-            boundaryGap: false,
-            data: this.data[0],
-            axisTick: {
-              alignWithLabel: true
-            },
-            axisLabel: {
-              color: "#B9C4D8",
-            },
-            axisLine: {
-              lineStyle: {
-                color: "rgba(160,180,234,0.2)",
-              },
-            },
-          },
-          yAxis: {
-            type: 'value',
-            axisLabel: {
-              color: "#B9C4D8",
-            },
-          },
-          legend: {
-            itemHeight: 8,
-            itemWidth: 8,
-            data: [
-              {
-                name: this.data[3][0],
-                icon: 'circle',
-              },
-              {
-                name: this.data[3][1],
-                icon: 'circle',
-              }
-            ],
-            top: '65%',
-            left: 'left',
-            textStyle: {
-              color: "#FFF"
-            }
-          },
-          series: [
-            {
-              name: this.data[3][0],
-              type: 'line',
-              stack: 'Total',
-              smooth: true,
-              symbol:'circle',
-              symbolSize:[6,6],
-              data: this.data[1]
-            },
-            {
-              name: this.data[3][1],
-              type: 'line',
-              stack: 'Total',
-              smooth: true,
-              symbol:'circle',
-              symbolSize:[6,6],
-              data: this.data[2]
-            }
-          ]
-        };
-        myChart.setOption(option);
-        option && myChart.setOption(option);
-        setTimeout(function () {
-          window.onresize = function () {
-            myChart.resize();
-          };
-        }, 200);
-      },
-    },
-  };
-  </script>
-  
-<style>
-.line{
-  position:absolute;
-  top:-140px;
-  left:0px;
-  width:110%;
-  height:235px;
-}
-</style>

src/components3/weather/index.vue

@@ -1,199 +0,0 @@
- wangtao / DX-LargeScreen
-
-
-index.vue 2.1 KB
-
-1
-2
-3
-4
-5
-6
-7
-8
-9
-10
-11
-12
-13
-14
-15
-16
-17
-18
-19
-20
-21
-22
-23
-24
-25
-26
-27
-28
-29
-30
-31
-32
-33
-34
-35
-36
-37
-38
-39
-40
-41
-42
-43
-44
-45
-46
-47
-48
-49
-50
-51
-52
-53
-54
-55
-56
-57
-58
-59
-60
-61
-62
-63
-64
-65
-66
-67
-68
-69
-70
-71
-72
-73
-74
-75
-76
-77
-78
-79
-80
-81
-82
-83
-84
-85
-86
-87
-88
-89
-90
-91
-92
-93
-94
-95
-96
-97
-<template>
-  <el-row class="weather modular" :gutter="40" >
-    <el-col :span="8" class="rowN">
-      <el-image :src="weather1" fit="scale-down" />
-      <div class="name">温度</div>
-      <div class="num">
-        {{data.temperature}}
-        <div class="unit">℃</div>
-      </div>
-    </el-col>
-    <el-col :span="8" class="rowN">
-      <el-image :src="weather2" fit="scale-down" />
-      <div class="name">湿度</div>
-      <div class="num">
-        {{data.sd}}
-        <div class="unit">%RH</div>
-      </div>
-    </el-col>
-    <el-col :span="8" class="rowN">
-      <el-image :src="weather3" fit="scale-down" />
-      <div class="name">PM2.5</div>
-      <div class="num">
-        {{data.aqiDetail.pm2_5}}
-        <div class="unit">ug/m3</div>
-      </div>
-    </el-col>
-  </el-row>
-</template>
-<script>
-import axios from 'axios'
-import weather1 from "@/assets/images2/温度.png";
-import weather2 from "@/assets/images2/湿度.png";
-import weather3 from "@/assets/images2/pm2.5.png";
-export default {
-  name: "weather",
-  data() {
-    return {
-      weather1: weather1,
-      weather2: weather2,
-      weather3: weather3,
-      data:{
-        aqiDetail:{}
-      }
-    };
-  },
-  created(){
-    this.initData()
-    setInterval(()=>{
-      this.initData()
-    },1000*60*30)
-  },
-  methods: {
-    //初始化数据
-    initData() {
-      axios({
-            method: 'get',
-            url: 'https://smartpark.caih.com/dxapi/aliWeather?area=南宁',
-            timeout: 10000,
-        }).then(res =>{
-            this.data = res.data.showapi_res_body.now
-        }).catch(err =>{
-        })
-    },
-  }
-};
-</script>
-<style lang="scss" scoped>
-.weather{
-  height:100px;
-}
-.rowN {
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  .el-image {
-    width: 60px;
-    margin-top:-1px;
-  }
-  .name {
-    font-size: 20px;
-    margin: auto 24px auto 12px;
-  }
-  .num {
-    font-size: 36px;
-    font-family: "DINAlternate-Bold";
-    font-weight: 700;
-    display: inline-block;
-    margin: auto 24px auto 12px;
-    .unit {
-      font-size: 24px;
-      font-family: "MicrosoftYaHei-Bold";
-      font-weight: 700;
-      display: inline-block;
-    }
-  }
-}
-</style>

src/components3/wenyin/index.vue

@@ -1,165 +0,0 @@
-<template>
-  <el-col :span="24" class="wenyin modular" style="padding:10px 20px 0;"  @click.native="dyjClick">
-    <el-col class="title" style="margin-left:0">文印助手</el-col>
-    <el-col class="wenyinLeft">
-      <el-col class="rowN">
-        <el-image :src="wenyin" fit="scale-down" />
-        <el-col class="name">打印机总数</el-col>
-        <el-col class="num">{{data.countSum}}<el-col class="unit">台</el-col></el-col>
-        <!-- <el-col class="num">11<el-col class="unit">台</el-col></el-col> -->
-      </el-col>
-      <el-col class="rowN">
-        <el-image :src="wenyin" fit="scale-down" />
-        <el-col class="name">工作状态数</el-col>
-        <el-col class="num">{{data.countRequest}}<el-col class="unit">台</el-col></el-col>
-        <!-- <el-col class="num">13<el-col class="unit">台</el-col></el-col> -->
-
-      </el-col>
-      <el-col class="rowN">
-        <el-image :src="wenyin" fit="scale-down" />
-        <el-col class="name">任务列表数</el-col>
-        <el-col class="num">{{data.countYun}}<el-col class="unit">份</el-col></el-col>
-        <!-- <el-col class="num">67<el-col class="unit">份</el-col></el-col> -->
-
-      </el-col>
-    </el-col>
-    <el-col class="wenyinRight">
-      <el-col class="name" v-for="(item,index) in data.list" :key="index">{{item}}</el-col>
-      <el-col class="name" v-if="!data.list">暂无打印任务</el-col>
-    </el-col>
-  </el-col>
-</template>
-<script>
-import axios from 'axios'
-import wenyin from "@/assets/images2/文印助手icon.png";
-export default {
-  name: "wenyin",
-  props:["resInfo"],
-  data() {
-    return {
-      wenyin: wenyin,
-      data:{
-        countRequest: 0,
-        countSum: 0,
-        countYun: 0,
-      },
-      fileList:{}
-    };
-  },
-  watch:{
-    resInfo(val,old){
-      this.data = val
-    }
-  },
-  mounted() {
-    // this.init()
-    // this.timing()
-  },
-  methods: {
-    init(){
-      axios({
-        method: 'get',
-        url: 'https://smartpark.caih.com/wyxt/api/thirdparty/v1/open/firstDevice',
-        timeout: 3000,
-      }).then(res =>{
-        console.log(res)
-        if(res.data){
-          this.data = res.data
-        }
-
-      }).catch(err =>{
-      })
-
-      // axios({
-      //   method: 'get',
-      //   url: 'https://smartpark.caih.com/wyxt/api/thirdparty/v1/open/requestFile',
-      //   timeout: 3000,
-      // }).then(res =>{
-      //   console.log(res)
-      //   if(res.data){
-      //     this.fileList = res.data
-      //   }
-      // }).catch(err =>{
-      // })
-    },
-    dyjClick(){
-      // this.$emit("dyjClick")
-      this.$emit("postMsg","打印机")
-    },
-    timing(){
-      setInterval(() =>{
-        this.init()
-      },1000 * 60 * 5)
-    }
-  },
-};
-</script>
-<style lang="scss" scoped>
-@import "@/assets/styles/common.scss";
-.wenyinLeft {
-  width: 50%;
-  display: inline-block;
-  margin-top:2vh;
-  .rowN {
-    margin-top: 28px;
-    .el-image {
-      width: 24px;
-      float: left;
-    }
-    .name {
-      font-size: 16px;
-      margin: 0 12px 0;
-      width: auto;
-      float: left;
-      color:$white2;
-    }
-    .num {
-      font-size: 24px;
-      font-family: "DINAlternate-Bold";
-      font-weight: 700;
-      width: auto;
-      margin-top: -5px;
-      float:left;
-      .unit {
-        font-size: 14px;
-        font-family: "MicrosoftYaHei-Bold";
-        font-weight: 700;
-        width: auto;
-        float:right;
-        margin-top:6px;
-      }
-    }
-  }
-}
-.wenyinRight {
-  height: 50%;
-  margin-top: 10%;
-  width: 50%;
-  text-align: center;
-  overflow-x: hidden;
-  overflow-y: scroll;
-    .name {
-      display: block;
-      font-size: 16px;
-      margin: 1.11111vh 0 0 40px;
-      width: 100%;
-      overflow: hidden; /*内容超出后隐藏*/
-      text-overflow: ellipsis; /* 超出内容显示为省略号 */
-      white-space: nowrap; /* 文本不进行换行 */
-      color:$white2;
-      text-align: left;
-    }
-
-
-}
-.wenyinRight::after {
-  position: absolute;
-  content: "";
-  width: 100%;
-  height: 50%;
-  display: block;
-  margin: auto;
-  border-left: 1px solid $white;
-  padding: 1px;
-}
-</style>

src/components3/xiaofangjiangkong/index.vue

@@ -1,177 +0,0 @@
-<template>
-  <el-col :span="24" class="xiaofangjiangkong modular modularTop">
-    <el-col class="top" >
-      <span class="biao"></span>  
-      <span class="title">消防监控</span>
-    </el-col>
-    <el-row class="wrap">
-      <el-col class="left_" :span="3">
-        <el-col :span="24" class="pingfeng">
-          <el-col class="attribute"><el-image :src="img7" fit="scale-down"/>本月消防评分<el-col class="num">{{pingfen}}<span class="unit">个</span></el-col></el-col>
-        </el-col>
-      </el-col>
-      <el-col class="middle" :span="10">
-        <el-row class="content" >
-          <el-col :span="16">
-            <p class="title">本月消防事件</p>
-            <pie :resData="pieData"/>
-          </el-col>
-          <el-col :span="8">
-            <el-col class="listWrap">
-              <el-col class="list">
-                <el-image :src="img8" fit="scale-down"/>
-                <el-col class="attribute"
-                  >1楼消防水压<el-col class="num"
-                    >{{shuiya}}<span class="unit">MPa</span></el-col
-                  ></el-col
-                >
-              </el-col>
-              <el-col class="list">
-                <el-image :src="img8" fit="scale-down"/>
-                <el-col class="attribute"
-                  >总表线缆湿度<el-col class="num"
-                    >{{shidu}}<span class="unit">℃</span></el-col
-                  ></el-col
-                >
-              </el-col>
-              <el-col class="list">
-                <el-image :src="img8" fit="scale-down"/>
-                <el-col class="attribute"
-                  >基础消防设备数<el-col class="num"
-                    >{{shebei}}<span class="unit">个</span></el-col
-                  ></el-col>
-              </el-col>
-            </el-col>
-          </el-col>
-        </el-row>
-      </el-col>
-      <el-col class="right" :span="10">
-        <el-row class="content">
-          <el-col :span="24">
-            <p class="title">消防设备工况</p>
-            <pie2 :resData="pie2Data"/>
-          </el-col>
-        </el-row>
-      </el-col>
-    </el-row>
-  </el-col>
-</template>
-<script>
-import img7 from "@/assets/images/7.png";
-import img8 from "@/assets/images/8.png";
-import pie from "@/components3/xiaofangjiangkong/pie.vue";
-import pie2 from "@/components3/xiaofangjiangkong/pie2.vue";
-export default {
-  name: "nengyuan",
-  props:["resInfo"],
-  components: {
-  	pie,
-    pie2
-  },
-  data() {
-    return {
-      img7:img7,
-      img8:img8,
-      pieData:[],
-      pie2Data:[],
-      pingfen:null,
-      shuiya:null,
-      shidu:null,
-      shebei:null,
-    };
-  },
-  watch:{
-    resInfo(val,old){
-      this.pingfen = val.pingfen
-      this.shuiya = val.event.shuiya
-      this.shidu = val.event.shidu
-      this.shebei = val.event.shebei
-      this.pieData = val.event
-      this.pie2Data = val.shebei
-    }
-  }
-};
-</script>
-<style lang="scss" scoped>
-@import '@/assets/styles/common.scss';
-.wrap{
-  color:$white;
-  .left_{
-    margin-left:24px;
-    .attribute{
-        font-size: 16px;
-        width:120px;
-        height:136px;
-        text-align: center;
-        background:  linear-gradient(180deg, rgba(77,85,101,0.00) 0%, #4D5565 100%);
-        position: relative;
-        margin:80px auto 0;
-        .el-image{
-          margin:-50px auto -4px;
-          display: block;
-        }
-        .num {
-          font-size: 25px;
-          font-family: "DINAlternate-Bold";
-          font-weight: 700;
-          margin: 0.7vh 0 0 -2px;
-          .unit {
-            font-size: 24px;
-            width: auto;
-            margin:10px 0 0 0px;
-            vertical-align: middle;
-          }
-        }
-      }
-   
-    
-  }
-  >.middle,>.right{
-    .content{
-      margin-top:20px;
-      .title{
-        width:100%;
-        text-align: center;
-        margin:-10px auto 10px;
-        font-size: 20px;
-        font-weight: 700;
-      }
-      .listWrap{
-        margin-top:-30px;
-        .list{
-          margin-top:15px;
-          .el-image{
-            width:24px;
-            vertical-align: top;
-            display: inline-block;
-          }
-          .attribute{
-              margin-top:-24px;
-              font-size: 20px;
-              margin-left: 24px;
-              .num {
-                font-size: 25px;
-                font-family: "DINAlternate-Bold";
-                font-weight: 700;
-                margin: 0.7vh 0 0 -2px;
-                .unit {
-                  font-size: 24px;
-                  width: auto;
-                  margin:10px 0 0 0px;
-                  vertical-align: middle;
-                }
-              }
-          }
-        }
-      }
-      
-      
-    }
-    >.left{
-      
-    }
-   
-  }
-
-}
-</style>

src/components3/xiaofangjiangkong/pie.vue

@@ -1,119 +0,0 @@
-<template>
-  <el-row >
-    <div
-      id="index5"
-      style="height:260px;margin-top:-30px;"
-    ></div>
-  </el-row>
-</template>
-<script>
-import * as echarts from 'echarts';
-export default {
-  props: ["resData"],
-  data() {
-    return {
-      data:[]
-    };
-  },
-
-  watch: {
-      resData(val,old){
-      this.data = val
-      this.getData()
-    }
-  },
-  methods: {
-    getData() {
-      let total = this.data.pie[0].value + this.data.pie[1].value
-      let jishilv = this.data.jishilv
-      let myChart = echarts.init(document.getElementById("index5"));
-      let option = {
-         color: [
-            '#8082D6',
-            '#FFC46D',
-        ],
-        tooltip: {
-          trigger: 'item'
-        },
-        grid: {
-          left: '10%',
-          containLabel: true
-        },
-        title: {
-          text: "",
-          text: jishilv + '%',
-          textStyle: {
-            color: '#E6EFFF',
-            fontSize: 25
-          },
-          subtext: '及时处理率',
-          subtextStyle: {
-            color: '#E6EFFF',
-            fontSize: 14
-          },
-          itemGap: 10, // 主副标题距离
-          left: 'center',
-          top: '42%'
-        },
-        legend: {
-          orient: 'vertical',
-          itemHeight: 8,
-          itemWidth: 8,
-          data: [
-            {
-              name: this.data.pie[0].name,
-              icon: 'circle',
-            },
-            {
-              name: this.data.pie[1].name,
-              icon: 'circle',
-            }
-          ],
-          top: '40%',
-          left: 'left',
-          textStyle: {
-            color: "#FFF"
-          }
-        },
-        series: [
-          {
-            name: '',
-            type: 'pie',
-            radius: ['40%', '55%'],
-            avoidLabelOverlap: false,
-            itemStyle: {
-              normal: {
-                label: {
-                  show: true,
-                  position: 'outer',
-                  fontSize: 18,
-                  fontWeight: 'bold',
-                  align: "left",
-                  formatter: function (p) { //指示线对应文字，说明文字
-                    return ((p.data.value/total) * 100).toFixed(2) + '%';
-                  }
-                },
-                labelLine: { //指示线状态
-                  show: true,
-                  smooth: 0.8,
-                  length: 10,
-                  length2: 20
-                }
-              }
-            },
-            data: this.data.pie
-          }
-        ]
-      };
-      myChart.setOption(option);
-      option && myChart.setOption(option);
-      setTimeout(function () {
-        window.onresize = function () {
-          myChart.resize();
-        };
-      }, 200);
-    },
-  },
-};
-</script>
-

src/components3/xiaofangjiangkong/pie2.vue

@@ -1,136 +0,0 @@
-<template>
-  <el-row >
-    <div
-      id="index6"
-      class="line"
-      style="width:110%;height:260px;margin:-30px 0 0 40px;"
-    ></div>
-  </el-row>
-</template>
-<script>
-import * as echarts from 'echarts';
-export default {
-  props: ["resData"],
-  data() {
-    return {
-      data:[]
-    };
-  },
-
-  watch: {
-      resData(val,old){
-      this.data = val
-      this.getData()
-    }
-  },
-  methods: {
-    getData() {
-      let total = this.data.pie[0].value + this.data.pie[1].value + this.data.pie[2].value + this.data.pie[3].value + this.data.pie[4].value
-      let zaixianlv = this.data.zaixianlv
-      let myChart = echarts.init(document.getElementById("index6"));
-      let option = {
-         color: [
-            '#8082D6',
-            '#FFC46D',
-            '#E8684A',
-            '#4EBA60',
-            '#8082D6'
-        ],
-        tooltip: {
-          trigger: 'item'
-        },
-        grid: {
-          left: '-10%',
-          containLabel: true
-        },
-        title: {
-          text: "",
-          text: zaixianlv + '%',
-          textStyle: {
-            color: '#E6EFFF',
-            fontSize: 25
-          },
-          subtext: '设备在线率',
-          subtextStyle: {
-            color: '#E6EFFF',
-            fontSize: 14
-          },
-          itemGap: 10, // 主副标题距离
-          left: 'center',
-          top: '42%'
-        },
-        legend: {
-          orient: 'vertical',
-          itemHeight: 8,
-          itemWidth: 8,
-          left:'20%',
-          data: [
-            {
-              name: this.data.pie[0].name,
-              icon: 'circle',
-            },
-            {
-              name: this.data.pie[1].name,
-              icon: 'circle',
-            },
-            {
-              name: this.data.pie[2].name,
-              icon: 'circle',
-            },
-            {
-              name: this.data.pie[3].name,
-              icon: 'circle',
-            },
-            {
-              name: this.data.pie[4].name,
-              icon: 'circle',
-            }
-          ],
-          top: '20%',
-          left: 'left',
-          textStyle: {
-            color: "#FFF"
-          }
-        },
-        series: [
-          {
-            name: '',
-            type: 'pie',
-            radius: ['40%', '55%'],
-            avoidLabelOverlap: false,
-            itemStyle: {
-              normal: {
-                label: {
-                  show: true,
-                  position: 'outer',
-                  fontSize: 18,
-                  fontWeight: 'bold',
-                  align: "left",
-                  formatter: function (p) { //指示线对应文字，说明文字
-                    return ((p.data.value/total) * 100).toFixed(2) + '%';
-                  }
-                },
-                labelLine: { //指示线状态
-                  show: true,
-                  smooth: 0.8,
-                  length: 4,
-                  length2: 20
-                }
-              }
-            },
-            data: this.data.pie
-          }
-        ]
-      };
-      myChart.setOption(option);
-      option && myChart.setOption(option);
-      setTimeout(function () {
-        window.onresize = function () {
-          myChart.resize();
-        };
-      }, 200);
-    },
-  },
-};
-</script>
-

src/components4/bottomWrap/saveSpend/index.vue

@@ -46,7 +46,7 @@ export default {
                 legend: {
                     orient: 'horizontal',
                     x: 'center',
-                    y: 230,
+                    bottom: "12%",
                     icon: "circle",
                     textStyle: {
                         fontSize: 14,
@@ -147,4 +147,4 @@ export default {
         margin-bottom: 2.77vh;
     }
 }
-</style>
+</style>

src/components4/bottomWrap/total/index.vue

@@ -1,295 +1,317 @@
 <template>
-    <div class="main">
-        <div class="top">
-            <div class="one">
-                <div class="img">
-                    <img src="@/assets/images4/ic_总收入.png" alt="">
-                </div>
-                <div class="text">
-                    <div class="text1">总收入</div>
-                    <div class="number">
-                        <span class="number1">{{total}}</span>
-                        <span class="number2">元</span>
-                    </div>
-                </div>
-            </div>
-            <div class="imgBx">
-                <img src="@/assets/images4/46955a5e49714ea456aabc448bb34da.png" alt="">
-            </div>
-            <div class="one">
-                <div class="img">
-                    <img src="@/assets/images4/ic_食堂收入.png" alt="">
-                </div>
-                <div class="text">
-                    <div class="text1">
-                        食堂收入
-                    </div>
-                    <div class="number">
-                        <span class="number1"> {{canting}}
-                        </span>
-                        <span class="number2">元</span>
-                    </div>
-                </div>
-            </div>
-            <div class="one">
-                <div class="img">
-                    <img src="@/assets/images4/ic_租赁收入.png" alt="">
-                </div>
-                <div class="text">
-                    <div class="text1">
-                        租赁收入
-                    </div>
-                    <div class="number">
-                        <span class="number1">{{zulin}}</span>
-                        <span class="number2">元</span>
-                    </div>
-                </div>
-            </div>
-            <div class="one">
-                <div class="img">
-                    <img src="@/assets/images4/ic_便利店收入.png" alt="">
-                </div>
-                <div class="text">
-                    <div class="text1">
-                        便利店收入
-                    </div>
-                    <div class="number">
-                        <span class="number1">{{shop}}</span>
-                        <span class="number2">元</span>
-                    </div>
-                </div>
-            </div>
-            <div class="one">
-                <div class="img">
-                    <img src="@/assets/images4/ic_咖啡吧收入.png" alt="">
-                </div>
-                <div class="text">
-                    <div class="text1">
-                        咖啡吧收入
-                    </div>
-                    <div class="number">
-                        <span class="number1">{{kafei}}</span>
-                        <span class="number2">元</span>
-                    </div>
-                </div>
-            </div>
-            <div class="one">
-                <div class="img">
-                    <img src="@/assets/images4/ic_活动中心收入.png" alt="">
-                </div>
-                <div class="text">
-                    <div class="text1">
-                        活动中心收入
-                    </div>
-                    <div class="number">
-                        <span class="number1">{{huodong}}</span>
-                        <span class="number2">元</span>
-                    </div>
-                </div>
-            </div>
+  <div class="main">
+    <div class="top">
+      <div class="one">
+        <div class="img">
+          <img src="@/assets/images4/ic_总收入.png" alt="" />
         </div>
-        <el-col id="index" style="height:18vh;width:1360px;"></el-col>
+        <div class="text">
+          <div class="text1">总收入</div>
+          <div class="number">
+            <span class="number1">{{ total }}</span>
+            <span class="number2">元</span>
+          </div>
+        </div>
+      </div>
+      <div class="imgBx">
+        <img
+          src="@/assets/images4/46955a5e49714ea456aabc448bb34da.png"
+          alt=""
+        />
+      </div>
+      <div class="one">
+        <div class="img">
+          <img src="@/assets/images4/ic_食堂收入.png" alt="" />
+        </div>
+        <div class="text">
+          <div class="text1">食堂收入</div>
+          <div class="number">
+            <span class="number1"> {{ canting }} </span>
+            <span class="number2">元</span>
+          </div>
+        </div>
+      </div>
+      <div class="one">
+        <div class="img">
+          <img src="@/assets/images4/ic_租赁收入.png" alt="" />
+        </div>
+        <div class="text">
+          <div class="text1">租赁收入</div>
+          <div class="number">
+            <span class="number1">{{ zulin }}</span>
+            <span class="number2">元</span>
+          </div>
+        </div>
+      </div>
+      <div class="one">
+        <div class="img">
+          <img src="@/assets/images4/ic_便利店收入.png" alt="" />
+        </div>
+        <div class="text">
+          <div class="text1">便利店收入</div>
+          <div class="number">
+            <span class="number1">{{ shop }}</span>
+            <span class="number2">元</span>
+          </div>
+        </div>
+      </div>
+      <div class="one">
+        <div class="img">
+          <img src="@/assets/images4/ic_咖啡吧收入.png" alt="" />
+        </div>
+        <div class="text">
+          <div class="text1">咖啡吧收入</div>
+          <div class="number">
+            <span class="number1">{{ kafei }}</span>
+            <span class="number2">元</span>
+          </div>
+        </div>
+      </div>
+      <div class="one">
+        <div class="img">
+          <img src="@/assets/images4/ic_活动中心收入.png" alt="" />
+        </div>
+        <div class="text">
+          <div class="text1">活动中心收入</div>
+          <div class="number">
+            <span class="number1">{{ huodong }}</span>
+            <span class="number2">元</span>
+          </div>
+        </div>
+      </div>
     </div>
+    <el-col id="index" style="height: 18vh; width: 1360px"></el-col>
+  </div>
 </template>
 <script>
-import * as echarts from 'echarts';
+import * as echarts from "echarts";
 export default {
-    props:['s'],
-    data() {
-        return {
-            total:'',
-        canting:'',
-        zulin:'',
-        shop:'',
-        kafei:'',
-        huodong:'',
-        data1:[],
-        data2:[],
-        data3:[]
-        }
+  props: ["s"],
+  data() {
+    return {
+      total: "",
+      canting: "",
+      zulin: "",
+      shop: "",
+      kafei: "",
+      huodong: "",
+      data1: [],
+      data2: [],
+      data3: [],
+    };
+  },
+  watch: {
+    s(val, old) {
+      console.log(val);
+      this.total = val.total;
+      this.canting = val.canting;
+      this.zulin = val.zulin;
+      this.shop = val.shop;
+      this.kafei = val.kafei;
+      this.huodong = val.huodong;
+      this.data1 = val.zhexianTu.data1;
+      this.data2 = val.zhexianTu.data2;
+      this.data3 = val.zhexianTu.data3;
+      this.getData();
     },
-    watch:{
-        s(val,old){
-            console.log(val);
-            this.total = val.total
-            this.canting = val.canting
-            this.zulin = val.zulin
-            this.shop = val.shop
-            this.kafei = val.kafei
-            this.huodong = val.huodong
-            this.data1 = val.zhexianTu.data1
-            this.data2 = val.zhexianTu.data2
-            this.data3 = val.zhexianTu.data3
-            this.getData()
-
-        }
-    },
-    methods: {
-        getData() {
-            let myChart = echarts.init(document.getElementById('index'));
-            let option = {
-                tooltip: {
-                    trigger: 'axis'
-                },
-                legend: {
-                    orient: 'vertical',
-                    icon:'circle',
-                    x1:10,
-                    x:0,
-                    y2:30,
-                    rigth:9,
-                    data: ['食堂收入', '租赁收入', '活动中心收入', '咖啡吧收入', '便利店收入'],
-                    textStyle:{
-                        color:'#B9C4D8',
-                        fontSize:'14px'
-                    }
-                },
-                grid: {
-                    left: '12%',
-                    // right: '2%',
-                    bottom: '10%',
-                    top: '8%',
-                    containLabel: true
-                },
-                xAxis: {
-                    type: 'category',
-                    boundaryGap: false,
-                    data: ['1日', '2日', '3日', '4日', '5日', '6日', '7日', '8日', '9日', '10日', '11日', '12日', '13日', '14日', '15日', '...', '30日', '31日'],
-                    axisLabel: {
-                        textStyle: {
-                            color: '#B9C4D8',
-                            fontSize: 14,
-                        }
-                    }
-                },
-                yAxis: {
-                    type: 'value',
-                    // data:[500,1000,1500,2000,2500,3000,3500],
-                    axisLabel: {
-                        textStyle: {
-                            color: '#B9C4D8',
-                            fontSize: 14,
-                        }
-                    }
-                },
-                series: [
-                    {
-                        name: '食堂收入',
-                        type: 'line',
-                        smooth: true,
-                        data: this.data1,
-                        itemStyle: {
-                            color: '#8082D6'
-                        }
-                    },
-                    {
-                        name: '租赁收入',
-                        type: 'line',
-                        smooth: true,
-                        data: this.data2,
-                        itemStyle: {
-                            color: '#2E80D9'
-                        }
-                    },
-                    {
-                        name: '活动中心收入',
-                        type: 'line',
-                        smooth: true,
-                        data: this.data3,
-                        itemStyle: {
-                            color: '#FFC46D'
-                        }
-                    },
-                    {
-                        name: '咖啡吧收入',
-                        type: 'line',
-                        smooth: true,
-                        // data: [50,80,30,0,0,0,0,0,0,0,0,0,0,0,0,0,0,]
-                    },
-                    {
-                        name: '便利店收入',
-                        type: 'line',
-                        smooth: true,
-                        // data: [900,800,700,500,70,5,8,9,44,88,66,77,44,99,55,14,78]
-                    },
-                ]
-            };
-            myChart.setOption(option);
-            option && myChart.setOption(option);
-            setTimeout(function () {
-                window.onresize = function () {
-                    myChart.resize();
-                };
-            }, 200);
+  },
+  methods: {
+    getData() {
+      let myChart = echarts.init(document.getElementById("index"));
+      let option = {
+        tooltip: {
+          trigger: "axis",
         },
+        legend: {
+          orient: "vertical",
+          icon: "circle",
+          x1: 10,
+          x: 0,
+          y2: 30,
+          rigth: 9,
+          data: [
+            "食堂收入",
+            "租赁收入",
+            "活动中心收入",
+            "咖啡吧收入",
+            "便利店收入",
+          ],
+          textStyle: {
+            color: "#B9C4D8",
+            fontSize: "14px",
+          },
+        },
+        grid: {
+          left: "12%",
+          // right: '2%',
+          bottom: "10%",
+          top: "8%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "category",
+          boundaryGap: false,
+          data: [
+            "1日",
+            "2日",
+            "3日",
+            "4日",
+            "5日",
+            "6日",
+            "7日",
+            "8日",
+            "9日",
+            "10日",
+            "11日",
+            "12日",
+            "13日",
+            "14日",
+            "15日",
+            "...",
+            "30日",
+            "31日",
+          ],
+          axisLabel: {
+            textStyle: {
+              color: "#B9C4D8",
+              fontSize: 14,
+            },
+          },
+        },
+        yAxis: {
+          type: "value",
+          // data:[500,1000,1500,2000,2500,3000,3500],
+          axisLabel: {
+            textStyle: {
+              color: "#B9C4D8",
+              fontSize: 14,
+            },
+          },
+          splitLine: {
+            show: true, // 不显示网格线
+            lineStyle: {
+              color: "rgba(255,255,255,.1)",
+            },
+          },
+        },
+        series: [
+          {
+            name: "食堂收入",
+            type: "line",
+            smooth: true,
+            data: this.data1,
+            itemStyle: {
+              color: "#8082D6",
+            },
+          },
+          {
+            name: "租赁收入",
+            type: "line",
+            smooth: true,
+            data: this.data2,
+            itemStyle: {
+              color: "#2E80D9",
+            },
+          },
+          {
+            name: "活动中心收入",
+            type: "line",
+            smooth: true,
+            data: this.data3,
+            itemStyle: {
+              color: "#FFC46D",
+            },
+          },
+          {
+            name: "咖啡吧收入",
+            type: "line",
+            smooth: true,
+            // data: [50,80,30,0,0,0,0,0,0,0,0,0,0,0,0,0,0,]
+          },
+          {
+            name: "便利店收入",
+            type: "line",
+            smooth: true,
+            // data: [900,800,700,500,70,5,8,9,44,88,66,77,44,99,55,14,78]
+          },
+        ],
+      };
+      myChart.setOption(option);
+      option && myChart.setOption(option);
+      setTimeout(function () {
+        window.onresize = function () {
+          myChart.resize();
+        };
+      }, 200);
     },
-    mounted() {
-        this.getData()
-    },
-}
+  },
+  mounted() {
+    this.getData();
+  },
+};
 </script>
 <style lang="scss" scoped>
 .main {
-    width: 1314px;
-    height: 28.33vh;
+  width: 1314px;
+  height: 28.33vh;
 
-    .top {
-        margin-top: 1.2vh;
-        height: 7.22vh;
-        display: flex;
-        margin-right: 30px;
-        .one {
-            // background-color: red;
-            // margin-left: 10px;
-            width: 33%;
-            display: flex;
+  .top {
+    margin-top: 1.2vh;
+    height: 7.22vh;
+    display: flex;
+    margin-right: 30px;
+    .one {
+      // background-color: red;
+      // margin-left: 10px;
+      width: 33%;
+      display: flex;
 
-            .img {
-                margin-left: 50px;
-            }
+      .img {
+        margin-left: 50px;
+      }
 
-            .text {
-                .text1 {
-                    margin-left: 6px;
-                    font-family: MicrosoftYaHei;
-                    font-size: 20px;
-                    color: #E6EFFF;
-                    letter-spacing: 0;
-                    line-height: 2.77vh;
-                    font-weight: 400;
-                }
+      .text {
+        .text1 {
+          margin: -2px 0 0 6px;
+          font-family: MicrosoftYaHei;
+          font-size: 20px;
+          color: #e6efff;
+          letter-spacing: 0;
+          line-height: 2.77vh;
+          font-weight: 400;
+        }
 
-                .number {
-                    // width: 107px;
-                    .number1 {
-                        font-family: DINAlternate-Bold;
-                        font-size: 2.77vh;
-                        color: #E6EFFF;
-                        letter-spacing: 0;
-                        font-weight: 700;
-                    }
+        .number {
+          // width: 107px;
+          .number1 {
+            font-family: DINAlternate-Bold;
+            font-size: 2.77vh;
+            color: #e6efff;
+            letter-spacing: 0;
+            font-weight: 700;
+          }
 
-                    .number2 {
-                        width: 120px;
-                        font-family: MicrosoftYaHei-Bold;
-                        font-size: 1.85vh;
-                        color: #E6EFFF;
-                        letter-spacing: 0;
-                        font-weight: 700;
-                    }
-                }
-            }
-        }
-        .imgBx{
-            margin-left: 20px;
-            img{
-                height: 70px;
-            }
+          .number2 {
+            width: 120px;
+            font-family: MicrosoftYaHei-Bold;
+            font-size: 1.85vh;
+            color: #e6efff;
+            letter-spacing: 0;
+            font-weight: 700;
+          }
         }
+      }
     }
-    #index {
-        margin-left: 45px;
-        margin-top: 1.39vh;
+    .imgBx {
+      margin-left: 20px;
+      img {
+        height: 70px;
+      }
     }
+  }
+  #index {
+    margin-left: 45px;
+    margin-top: 1.39vh;
+  }
 }
-</style>
+</style>

src/components4/middleWrap/equipment/index.vue

@@ -116,7 +116,7 @@ export default{
     .bottom {
         display: flex;
         .leftBottom {
-            margin-left: 19px;
+            margin:10px 0 0  19px;
             display: flex;
             .pic{
                 img{
@@ -155,14 +155,15 @@ export default{
         .rightBottom {
             .bottom1 {
                 margin-left: 100px;
-                margin-top: 2.5vh;
+                margin-top: 4vh;
 
                 .top,.bottomB {
                     display: flex;
-                    margin-top: 2vh;
+                    margin-top: 2.5vh;
 
                     .topText,.bottomText1 {
                         width: 130px;
+                        margin:-2px 0 0 6px;
                         .top1 {
                             width: 120px;
                             font-family: MicrosoftYaHei;
@@ -198,4 +199,4 @@ export default{
         }
     }
 }
-</style>
+</style>

src/components4/middleWrap/saveEnergy/index.vue

@@ -83,18 +83,21 @@ export default {
                     x: 'center',
                     textStyle: {
                         color: '#E6EFFF',
+                        fontSize:"14"
                     }
                 },
                 legend: {
                     // y:'bottom',
                     y: 165,
                     x: 'center',
+                    itemWidth:8,
+                    itemHeight:8,
                     show: 'true',
                     icon: 'circle',
                     textStyle: {
                         color: ' #B9C4D8',
                         fontFamily: 'MicrosoftYaHei',
-                        fontSize: 14,
+                        fontSize: 12,
                     }
                 },
                 tooltip: {
@@ -373,4 +376,4 @@ export default {
     }
 
 }
-</style>
+</style>

src/components4/middleWrap/saveManPower/index.vue

@@ -1,241 +1,247 @@
 <template>
-    <div class="main">
-        <span class="biao"></span>
-        <div>
-            <div id="index3" style="width:350px;height:26vh;">
+  <div class="main">
+    <span class="biao"></span>
+    <div>
+      <div id="index3" style="width: 350px; height: 26vh"></div>
+    </div>
+    <div class="right1">
+      <div class="rightBox">
+        <div><img src="@/assets/images4/ic_共节省人力.png" alt="" /></div>
+        <div class="rrBox">
+          <div class="left">计划安排人员</div>
+          <div class="right">
+            <span class="leftFont">{{ planPeo }}</span>
+            <span class="rightFont">人</span>
+          </div>
         </div>
+      </div>
+      <div class="rightBox">
+        <div><img src="@/assets/images4/ic_共节省人力.png" alt="" /></div>
+        <div class="rrBox">
+          <div class="left">实际安排人员</div>
+          <div class="right">
+            <span class="leftFont">{{ actualPeo }}</span>
+            <span class="rightFont">人</span>
+          </div>
         </div>
-        <div class="right1">
-            <div class="rightBox">
-                <div><img src="@/assets/images4/ic_共节省人力.png" alt="" /></div>
-                <div class="rrBox">
-                    <div class="left">计划安排人员</div>
-                    <div class="right">
-                        <span class="leftFont">{{planPeo}}</span>
-                        <span class="rightFont">人</span>
-                    </div>
-                </div>
-            </div>
-            <div class="rightBox">
-                <div><img src="@/assets/images4/ic_共节省人力.png" alt="" /></div>
-                <div class="rrBox">
-                    <div class="left">实际安排人员</div>
-                    <div class="right">
-                        <span class="leftFont">{{actualPeo}}</span>
-                        <span class="rightFont">人</span>
-                    </div>
-                </div>
-            </div>
-            <div class="rightBox">
-                <div><img src="@/assets/images4/ic_共节省人力.png" alt="" /></div>
-                <div class="rrBox">
-                    <div class="left">共节省人力</div>
-                    <div class="right">
-                        <span class="leftFont">{{savePeo}}</span>
-                        <span class="rightFont">%</span>
-                    </div>
-                </div>
-
-            </div>
+      </div>
+      <div class="rightBox">
+        <div><img src="@/assets/images4/ic_共节省人力.png" alt="" /></div>
+        <div class="rrBox">
+          <div class="left">共节省人力</div>
+          <div class="right">
+            <span class="leftFont">{{ savePeo }}</span>
+            <span class="rightFont">%</span>
+          </div>
         </div>
-
+      </div>
     </div>
+  </div>
 </template>
 
 <script>
-import * as echarts from 'echarts';
+import * as echarts from "echarts";
 export default {
-    name: 'saveManPower',
-    props:['s'],
-    data(){
-        return {
-            peopleLei:[],
-            num1:[],
-            num2:[],
-            planPeo:'',
-            actualPeo:'',
-            savePeo:''
-        }
-    },
-    watch:{
-        s(val,old){
-            // console.log(val.peopleLei);
-            
-            this.peopleLei = val.peopleLei
-            this.num1 = val.datas.num1
-            this.num2 = val.datas.num2
-            this.planPeo= val.planPeo
-            this.actualPeo = val.actualPeo
-            this.savePeo = val.savePeo
-            this.getData()
-        }
-    },
-    methods: {
-        getData() {
-            let myChart = echarts.init(document.getElementById('index3'));
-            let option = {
-                title: {
-                    text: '节省人力明细',
-                    top:10,
-                    x:20,
-                    textStyle: {
-                        color: '#E6EFFF',
-                        fontSize: 24,
-                        fontWeight: 700,
-                        fontFamily: 'MicrosoftYaHei- Bold',
-                        width: 144,
-                        height: 30,
-                    }
-                },
-                tooltip: {
-                    trigger: 'axis',
-                    axisPointer: {
-                        type: 'shadow'
-                    }
-                },
-                legend: {
-                    orient: 'horizontal',
-                    x: 'center',
-                    y: 'bottom',
-                    padding: [280, 50, 10, 50],
-                    icon: "circle",
-                    textStyle: {
-                        color: '#B9C4D8'
-                    }
+  name: "saveManPower",
+  props: ["s"],
+  data() {
+    return {
+      peopleLei: [],
+      num1: [],
+      num2: [],
+      planPeo: "",
+      actualPeo: "",
+      savePeo: "",
+    };
+  },
+  watch: {
+    s(val, old) {
+      // console.log(val.peopleLei);
 
-                },
-                grid: {
-                    left: '3%',
-                    right: '8%',
-                    bottom: '15%',
-                    containLabel: true
-                },
-                xAxis: [{
-                    type: 'value',
-                    axisLine: {
-                        show: false,
-
-                    },
-                    splitLine: {
-                        show: true,
-                    },
-                    axisTick: {
-                        show: false
-                    },
-                    axisLabel: {
-                        textStyle: {
-                            color: '#B9C4D8'
-                        }
-                    }
-                }],
-                yAxis: {
-                    axisTick: {
-                        show: false
-                    },
-                    axisLine:{
-                        show:true,
-                        lineStyle:{
-                            color:'white'
-                        }
-                    },
-                    
-                    type: 'category',
-                    data: this.peopleLei,
-                    axisLabel: {
-                        textStyle: {
-                            color: '#B9C4D8'
-                        }
-                    }
-                },
-                series: [
-                    {
-                        stack: true,
-                        name: '计划安排人员',
-                        type: 'bar',
-                        data: this.num1,
-                        color: '#8082D6 ',
-                        barWidth: '16px',
-                    },
-                    {
-                        stack: 'true',
-                        name: '实际安排人员',
-                        type: 'bar',
-                        data: this.num2,
-                        color: '#F6BD16',
-                        barWidth: '16px',
-                    }
-                ]
-            };
-            myChart.setOption(option);
-            option && myChart.setOption(option);
-            setTimeout(function () {
-                window.onresize = function () {
-                    myChart.resize();
-                };
-            }, 200);
-        }
+      this.peopleLei = val.peopleLei;
+      this.num1 = val.datas.num1;
+      this.num2 = val.datas.num2;
+      this.planPeo = val.planPeo;
+      this.actualPeo = val.actualPeo;
+      this.savePeo = val.savePeo;
+      this.getData();
     },
-    mounted() {
-        this.getData()
+  },
+  methods: {
+    getData() {
+      let myChart = echarts.init(document.getElementById("index3"));
+      let option = {
+        title: {
+          text: "节省人力明细",
+          top: 10,
+          x: 20,
+          textStyle: {
+            color: "#E6EFFF",
+            fontSize: 24,
+            fontWeight: 700,
+            fontFamily: "MicrosoftYaHei- Bold",
+            width: 144,
+            height: 30,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            type: "shadow",
+          },
+        },
+        legend: {
+          orient: "horizontal",
+          x: "center",
+          y: "bottom",
+          itemWidth: 8,
+          itemHeight: 8,
+          padding: [280, 50, 10, 50],
+          icon: "circle",
+          textStyle: {
+            color: "#B9C4D8",
+            fontSize: "14",
+          },
+        },
+        grid: {
+          left: "3%",
+          right: "8%",
+          bottom: "15%",
+          containLabel: true,
+        },
+        xAxis: [
+          {
+            type: "value",
+            axisLine: {
+              show: false,
+            },
+            splitLine: {
+              show: true,
+            },
+            axisTick: {
+              show: false,
+            },
+            axisLabel: {
+              textStyle: {
+                color: "#B9C4D8",
+              },
+            },
+            splitLine: {
+              show: true, // 不显示网格线
+              lineStyle: {
+                color: "rgba(255,255,255,.1)",
+              },
+            },
+          },
+        ],
+        yAxis: {
+          axisTick: {
+            show: false,
+          },
+          axisLine: {
+            show: true,
+            lineStyle: {
+              color: "white",
+            },
+          },
+
+          type: "category",
+          data: this.peopleLei,
+          axisLabel: {
+            textStyle: {
+              color: "#B9C4D8",
+            },
+          },
+        },
+        series: [
+          {
+            stack: true,
+            name: "计划安排人员",
+            type: "bar",
+            data: this.num1,
+            color: "#8082D6 ",
+            barWidth: "16px",
+          },
+          {
+            stack: "true",
+            name: "实际安排人员",
+            type: "bar",
+            data: this.num2,
+            color: "#F6BD16",
+            barWidth: "16px",
+          },
+        ],
+      };
+      myChart.setOption(option);
+      option && myChart.setOption(option);
+      setTimeout(function () {
+        window.onresize = function () {
+          myChart.resize();
+        };
+      }, 200);
     },
-}
+  },
+  mounted() {
+    this.getData();
+  },
+};
 </script>
 <style lang="scss" scoped>
 .main {
-    width: 550px;
-    display: flex;
-    margin-top: 3px;
-    .biao {
-            width: 6px;
-            height: 24px;
-            margin-top: 13px;
-            background-color: #fff;
-            display: inline-block;
-            vertical-align: middle;
-        }
+  width: 550px;
+  display: flex;
+  margin-top: 3px;
+  .biao {
+    width: 6px;
+    height: 24px;
+    margin-top: 13px;
+    background-color: #fff;
+    display: inline-block;
+    vertical-align: middle;
+  }
 
-    .right1 {
-        // width: 200px;
-        margin-left: 35px;
-        margin-top: 5vh;
+  .right1 {
+    // width: 200px;
+    margin-left: 35px;
+    margin-top: 5vh;
 
-        .rightBox {
-            display: flex;
-            margin-left: 10px;
+    .rightBox {
+      display: flex;
+      margin: 20px 0 0 10px;
 
-            .rrBox {
-                margin-left: 6px;
+      .rrBox {
+        margin: -2px 0 0 6px;
 
-                .left {
-                    // width: 100px;
-                    height: 2.77vh;
-                    font-family: MicrosoftYaHei;
-                    font-size: 16px;
-                    color: #E6EFFF;
-                    letter-spacing: 0;
-                    line-height: 2.77vh;
-                    font-weight: 400;
-                }
+        .left {
+          // width: 100px;
+          height: 2.77vh;
+          font-family: MicrosoftYaHei;
+          font-size: 16px;
+          color: #e6efff;
+          letter-spacing: 0;
+          line-height: 2.77vh;
+          font-weight: 400;
+        }
 
-                .right {
-                    .leftFont {
-                        font-family: DINAlternate-Bold;
-                        font-size: 2.22vh;
-                        color: #E6EFFF;
-                        letter-spacing: 0;
-                        font-weight: 700;
-                    }
+        .right {
+          .leftFont {
+            font-family: DINAlternate-Bold;
+            font-size: 2.22vh;
+            color: #e6efff;
+            letter-spacing: 0;
+            font-weight: 700;
+          }
 
-                    .rightFont {
-                        font-family: MicrosoftYaHei-Bold;
-                        font-size: 16px;
-                        color: #E6EFFF;
-                        letter-spacing: 0;
-                        font-weight: 700;
-                    }
-                }
-            }
+          .rightFont {
+            font-family: MicrosoftYaHei-Bold;
+            font-size: 16px;
+            color: #e6efff;
+            letter-spacing: 0;
+            font-weight: 700;
+          }
         }
+      }
     }
+  }
 }
-</style>
+</style>

src/components3/seHeader/index.vue → src/components4/seHeader/index.vue

@@ -49,7 +49,7 @@ export default {
   .top {
     width: 100%;
     height: 9.25vh;
-    line-height: 100px;
+    line-height: 9vh;
     vertical-align: middle;
     position: absolute;
     z-index: 10;
@@ -69,7 +69,7 @@ export default {
     .logo {
       position: absolute;
       right:45px;
-      width:160px;
+      width:140px;
       // height: 50px;
       text-align: right;
       .el-image {

src/components4/topWrap/index.vue

@@ -24,11 +24,8 @@
                         <div class="bottomFont">
                             <span class="number">{{savePeople}}</span>
                             <span class="chinese">人</span>
+                            <img :src="Math.abs(savePeople)<=0 ? img2 : img1">
                         </div>
-
-                    </div>
-                    <div class="right">
-                        <img src="@/assets/images4/ic_箭头-下.png">
                     </div>
                 </div>
                 <div class="oneChild">
@@ -40,11 +37,9 @@
                         <div class="bottomFont">
                             <span class="number">{{energy}}</span>
                             <span class="chinese">%</span>
+                            <img :src="Math.abs(energy)<=0 ? img2 : img1">
                         </div>
                     </div>
-                    <div class="right">
-                        <img src="@/assets/images4/ic_箭头-下.png">
-                    </div>
                 </div>
                 <div class="oneChild">
                     <div class="left">
@@ -55,11 +50,9 @@
                         <div class="bottomFont">
                             <span class="number">{{equipment}}</span>
                             <span class="chinese">%</span>
+                            <img :src="Math.abs(equipment)<=0 ? img2 : img1">
                         </div>
                     </div>
-                    <div class="right">
-                        <img src="@/assets/images4/ic_箭头-下.png">
-                    </div>
                 </div>
                 <div class="oneChild">
                     <div class="left">
@@ -72,11 +65,9 @@
                                 {{savePay}}
                             </span>
                             <span class="chinese">万元/年</span>
+                            <img :src="Math.abs(savePay)<=0 ? img2 : img1">
                         </div>
                     </div>
-                    <div class="right">
-                        <img src="@/assets/images4/ic_箭头-下.png">
-                    </div>
                 </div>
                 <div class="oneChild">
                     <div class="left">
@@ -87,22 +78,24 @@
                         <div class="bottomFont">
                             <span class="number">{{income}}</span>
                             <span class="chinese">万元/年</span>
+                            <img :src="Math.abs(income)>=0 ? img1 : img2">
                         </div>
                     </div>
-                    <div class="right">
-                        <img src="@/assets/images4/ic_箭头-下.png">
-                    </div>
                 </div>
             </el-col>
         </el-row>
     </div>
 </template>
 <script>
+import img1 from "@/assets/images4/ic_箭头-上.png";
+import img2 from "@/assets/images4/ic_箭头-下.png";
 export default{
     props:['s'],
     data(){
         return{
-        savePeople:'',
+          img1:img1,
+          img2:img2,
+          savePeople:'',
           energy:'',
           equipment:'',
           savePay:'',
@@ -116,7 +109,7 @@ export default{
             this.energy = val.energy
             this.equipment = val.equipment
             this.savePay = val.savePay
-            this.income = val.savePay
+            this.income = val.income
         }
     }
 }
@@ -204,6 +197,7 @@ export default{
                     }
 
                     .bottomFont {
+                        position: relative;
                         .number {
                             font-family: DINAlternate-Bold;
                             font-size: 3.7vh;
@@ -219,6 +213,10 @@ export default{
                             line-height: 2.77vh;
                             font-weight: 700;
                         }
+                        img{
+                          position: absolute;
+                          margin:6px 0 0 10px;
+                        }
                     }
                 }
 
@@ -234,4 +232,4 @@ export default{
         }
     }
 }
-</style>
+</style>

src/views/index.vue

@@ -2,28 +2,6 @@
   <div class="app-container home">
     <div id="main">
       <seHeader />
-      <!-- <el-row class="containWrap" :gutter="24"></el-row>
-        <el-col  class="leftWrap" :span="8">
-          <nengyuan alt="能耗统计" :resInfo="data.nengyuan"/>
-          <anquanjiance alt="安全监测" :resInfo="data.anquanjiance"/>
-          <xiaofangjiangkong alt="消防监控" :resInfo="data.xiaofangjiangkong"/>
-        </el-col>
-        <el-col  class="middleWrap" :span="8">
-          <tongxingguanli alt="通行管理" :resInfo="data.tongxingguanli"/>
-        </el-col>
-        <el-col  class="rightWrap" :span="8">
-          <weather alt="天气"/>
-          <el-col class="leftR mt16">
-            <wenyin alt="文印助手" @postMsg="postMsg" :resInfo="data.wenyin" />
-            <iOTNetworkCard alt="物联网卡" />
-          </el-col>
-          <el-col class="rightR mt16 ml16">
-            <equipmentStatus alt="设备状态" @postMsg2="postMsg2"  />
-            <fireHazard alt="消防隐患" @xfgjClick="xfgjClick" />
-            <keepWatch alt="巡更计划" @xgClick="xgClick"/>
-          </el-col>
-        </el-col>
-      </el-row> -->
       <el-row :gutter="8" class="containWrap">
         <el-col>
           <topWrap :s='data.topWrap.s' />
@@ -53,39 +31,13 @@
 </template>
 <script>
 import axios from 'axios'
-import seHeader from "@/components3/seHeader"; //头部
-
-import nengyuan from "@/components3/nengyuan";//能耗统计
-import anquanjiance from "@/components3/anquanjiance";//安全检测
-import xiaofangjiangkong from "@/components3/xiaofangjiangkong";//消防监控
-
-import tongxingguanli from "@/components3/tongxingguanli";//通行管理
-import realTimeVideo from "@/components3/realTimeVideo"; //实时视频
-import populationStatistics from "@/components3/populationStatistics"; //人流量统计
-import equipmentAlarm from "@/components3/equipmentAlarm"; //设备告警信息
-import intrusionAlarm from "@/components3/intrusionAlarm"; //入侵告警信息
-import parkingSpace from "@/components3/parkingSpace"; //停车位统计
-import conferenceRoomStatistics from "@/components3/conferenceRoomStatistics"; //会议室统计
-
-import restaurant from "@/components3/restaurant";//智慧餐饮
-import weather from "@/components3/weather";//天气
-import wenyin from "@/components3/wenyin";//文印助手
-import iOTNetworkCard from "@/components3/iOTNetworkCard";//物联网卡状态
-import equipmentStatus from "@/components3/equipmentStatus";//设备状态
-import fireHazard from "@/components3/fireHazard";//消防状态
-import keepWatch from "@/components3/keepWatch";//巡更计划
-import SpringFrame from "@/components3/SpringFrame";//弹框
-
+import seHeader from "@/components4/seHeader"; //头部
 import topWrap from '@/components4/topWrap'
 import saveManPower from '@/components4/middleWrap/saveManPower'
 import saveEnergy from '@/components4/middleWrap/saveEnergy'
 import equipment from '@/components4/middleWrap/equipment'
 import saveSpend from '@/components4/bottomWrap/saveSpend'
 import total from '@/components4/bottomWrap/total'
-
-
-
-// import pie1 from "@/components3/pie1";
 export default {
   name: "index",
   components: {
@@ -96,14 +48,6 @@ export default {
     equipment,
     saveSpend,
     total
-    // nengyuan,
-    // anquanjiance,
-    // xiaofangjiangkong,
-    // tongxingguanli,
-    // realTimeVideo,populationStatistics,equipmentAlarm,
-    // intrusionAlarm,parkingSpace,conferenceRoomStatistics,
-    // restaurant,weather,iOTNetworkCard,wenyin,equipmentStatus,fireHazard,
-    // keepWatch,SpringFrame
   },
   data() {
     return {
@@ -120,28 +64,15 @@ export default {
         xfgj: undefined,
       },
       Pshow: false,
-
-
       //数据
       data: {
-        // tingche: {},
-        // huiyi: {},
-        // canyin: {},
-        // wenyin: {},
-        // nengyuan: {},
-        // anquanjiance: {},
-        // xiaofangjiangkong: {},
-        // tongxingguanli: {}
         topWrap:{},
         saveManPower:{},
         saveEnergy:{},
         equipment:{},
         saveSpend:{},
         total:{}
-
-
       }
-
     };
   },
   created() {
@@ -200,101 +131,6 @@ export default {
 
 
       }
-
-
-
-      this.data.nengyuan = {
-        nh: {
-          zhileng: '148629',
-          huanbi: '20',
-          fare: '232',
-          tongbi: '-22'
-        },
-        shebei: [
-          { value: 776, name: "在线" },
-          { value: 116, name: "离线" },
-        ],
-        jizu: [
-          ["冷水机组1", "冷水机组2", "冷水机组3", "冷水机组4", "冷水机组5"],
-          [22, 30, 42, 58, 70]
-        ]
-      }
-
-      this.data.anquanjiance = {
-        af: {
-          pie: [
-            { value: 900, name: "已处理" },
-            { value: 100, name: "未处理" },
-          ],
-          jishilv: 56,
-          total: 156,
-          xungeng: 20,
-          xunjian: 15
-        },
-        xungeng: {
-          pie: [
-            { value: 14, name: "按时完成" },
-            { value: 5, name: "延时完成" },
-          ],
-          dianwei: 20,
-          renwu: 19
-        }
-      }
-
-      this.data.xiaofangjiangkong = {
-        pingfen: 95,
-        event: {
-          pie: [
-            { value: 900, name: "已处理" },
-            { value: 100, name: "未处理" },
-          ],
-          jishilv: 56,
-          shuiya: 0.2,
-          shidu: 40,
-          shebei: 569
-        },
-        shebei: {
-          pie: [
-            { value: 50, name: "火灾监控设备" },
-            { value: 10, name: "消防水监测" },
-            { value: 8, name: "通信设备" },
-            { value: 102, name: "电气火灾监测" },
-            { value: 100, name: "视频火点监测" },
-          ],
-          zaixianlv: 56,
-        }
-      }
-
-      this.data.tongxingguanli = {
-        people: {
-          line: [
-            ['00:00', '04:00', '08:00', '12:00', '16:00', '20:00', '24:00'],
-            [10, 30, 45, 15, 10, 56, 44],
-            [5, 15, 23, 10, 45, 100, 10],
-            ["楼内人员", "外部访客"]
-          ],
-          data: {
-            n1: 8107,
-            n2: 856,
-            n3: 32,
-            n4: 50,
-            n5: 400,
-          }
-        },
-        car: {
-          line: [
-            ['00:00', '04:00', '08:00', '12:00', '16:00', '20:00', '24:00'],
-            [10, 30, 45, 15, 10, 56, 44],
-            [5, 15, 23, 10, 45, 100, 10],
-            ["地面停车场", "VIP停车场"]
-          ],
-          data: {
-            n1: 8107,
-            n2: 856,
-            n3: 32,
-          }
-        }
-      }
     })
     // setTimeout(() =>{
     //   document.getElementById("middleWrap").style.zIndex= "9"

vue.config.js

@@ -18,7 +18,7 @@ module.exports = {
     // 例如 https://www.yongtian.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.yongtian.vip/admin/，则设置 baseUrl 为 /admin/。
     publicPath: process.env.NODE_ENV === "production" ? "" : "",
     // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
-    outputDir: 'DXLargeScreen',
+    outputDir: 'V3-Z',
     // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
     assetsDir: 'static',
     // 是否开启eslint保存检测，有效值：ture | false | 'error'