环境动态配置

.env.development

@@ -1,11 +1,22 @@
-# 页面标题
-VUE_APP_TITLE = 中国东信智慧楼宇
-
-# 开发环境配置
-ENV = 'development'
-
-# 东信智慧运营中心/开发环境
-VUE_APP_BASE_API = ''
-
-# 路由懒加载
-VUE_CLI_BABEL_TRANSPILE_MODULES = true
+# 页面标题
+VUE_APP_TITLE = 中国东信智慧楼宇
+
+# 开发环境配置
+ENV = 'development'
+
+# 东信智慧运营中心/开发环境
+VUE_APP_BASE_API = 'https://smartpark.caih.com'
+
+#通行管理
+VUE_APP_TX_API ='http://10.21.39.6:8087'
+
+#中国东信智慧楼宇运营概况1- 外链跳转
+VUE_APP_GOLINK1_API ='http://10.21.39.1:8187'
+
+#中国东信智慧楼宇运营概况2- 外链跳转
+VUE_APP_GOLINK2_API ='http://10.21.39.1:8186'
+
+
+
+# 路由懒加载
+VUE_CLI_BABEL_TRANSPILE_MODULES = true

.env.production

@@ -1,8 +1,19 @@
-# 页面标题
-VUE_APP_TITLE = 中国东信智慧楼宇
-
-# 生产环境配置
-ENV = 'production'
-
-# 管理系统/生产环境
-VUE_APP_BASE_API = ''
+# 页面标题
+VUE_APP_TITLE = 中国东信智慧楼宇
+
+# 生产环境配置
+ENV = 'production'
+
+# 管理系统/生产环境
+VUE_APP_BASE_API = 'https://smartpark.caih.com'
+
+
+#中国东信智慧楼宇运营概况1- 外链跳转
+VUE_APP_GOLINK1_API ='http://10.21.39.1:8187'
+
+#中国东信智慧楼宇运营概况2- 外链跳转
+VUE_APP_GOLINK2_API ='http://10.21.39.1:8186'
+
+
+#通行管理
+VUE_APP_TX_API ='http://10.21.39.6:8087'

.env.staging

@@ -1,10 +1,22 @@
-# 页面标题
-VUE_APP_TITLE = 东信智慧运营中心
-
-NODE_ENV = production
-
-# 测试环境配置
-ENV = 'staging'
-
-# 管理系统/测试环境
-VUE_APP_BASE_API = '/stage-api'
+# 页面标题
+VUE_APP_TITLE = 东信智慧运营中心
+
+NODE_ENV = production
+
+# 测试环境配置
+ENV = 'staging'
+
+# 管理系统/测试环境
+VUE_APP_BASE_API = 'https://smartpark.caih.com'
+
+
+#中国东信智慧楼宇运营概况1- 外链跳转
+VUE_APP_GOLINK1_API ='http://10.21.39.1:8187'
+
+#中国东信智慧楼宇运营概况2- 外链跳转
+VUE_APP_GOLINK2_API ='http://10.21.39.1:8186'
+
+
+
+#通行管理
+VUE_APP_TX_API ='http://10.21.39.6:8087'

src/assets/js/common.js

@@ -1,7 +0,0 @@
-function BASEPATH() {
-    return "https://smartpark.caih.com/dmapi/archive/";
-}
-
-export {
-    BASEPATH
-}

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: '微软雅黑';
-            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: "微软雅黑";
-      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: "微软雅黑";
-      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: "微软雅黑";
-      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: "微软雅黑";
-    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: "微软雅黑";
-    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: "微软雅黑";
-        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: '微软雅黑';
-      }
-      .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: "微软雅黑";
-        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: '微软雅黑';
-      }
-      .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: "微软雅黑";
-    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: "微软雅黑";
-      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: '微软雅黑';
-            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/seHeader/index.vue

@@ -13,13 +13,13 @@
     element-loading-background="rgba(28,33,41,1)"
   >
     <el-col :span="6">
-      <el-col :span="24" class="time"><a href="http://10.21.39.1:8187">{{ date }}</a></el-col>
+      <el-col :span="24" class="time"><a :href="goLink1">{{ date }}</a></el-col>
     </el-col>
     <el-col :span="12">
       <el-col :span="24" class="title">中国东信智慧楼宇</el-col>
     </el-col>
     <div :span="6" class="logo">
-        <a href="http://10.21.39.1:8186"><img :src="logo" alt=""></a>
+        <a :href="goLink2"><img :src="logo" alt=""></a>
     </div>
   </el-row>
 </template>
@@ -31,6 +31,8 @@ export default {
       loading: true,
       date: new Date(),
       logo: logo,
+      goLink1:process.env.VUE_APP_GOLINK1_API,
+      goLink2:process.env.VUE_APP_GOLINK2_API,
     };
   },
   mounted() {

src/components3/tongxingguanli/index.vue

@@ -107,7 +107,7 @@ export default {
       ]
       axios({
         method: 'get',
-        url: 'http://10.21.39.6:8087/api/thirdparty/v1/openInterface/yunUserRequest',
+        url: process.env.VUE_APP_TX_API+'/api/thirdparty/v1/openInterface/yunUserRequest',
         timeout: 10000,
       }).then(res =>{
           let total = 0

src/components3/zuhuguanli/seTable.vue

@@ -46,7 +46,6 @@ export default {
     }
   },
   created(){
-    //this.initDataVideo()
     // this.selectChange()
   },
   // watch: {
@@ -59,55 +58,7 @@ export default {
   // },
   mounted() {},
   methods: {
-    //初始化数据
-    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

src/main.js

@@ -36,8 +36,6 @@ import VueMeta from 'vue-meta'
 // echarts
 import echarts from 'echarts'
 import {set } from 'nprogress'
-//公共变量
-// import { BASEPATH } from "@/assets/js/common.js";
 //创建自定义指令
 Vue.directive('down', {
         inserted: (el, binding) => {
@@ -116,4 +114,4 @@ new Vue({
     router,
     store,
     render: h => h(App)
-})
+})

src/views/index.vue

@@ -49,7 +49,6 @@ import zhihuibangong from "@/components3/zhihuibangong"; //智慧办公
 import zuhuguanli from "@/components3/zuhuguanli"; //租户管理
 import yuanqushenghuo from "@/components3/yuanqushenghuo"; //园区生活
 import zhihuixuexi from "@/components3/zhihuixuexi"; //智慧学习
-import SpringFrame from "@/components3/SpringFrame"; //弹框
 export default {
   name: "index",
   components: {
@@ -320,7 +319,7 @@ export default {
     },5000)
     axios({
         method: 'get',
-        url: 'https://smartpark.caih.com/dxapi/system/config/configKey/largeV3-ZHONGP.json.config',
+        url: process.env.VUE_APP_BASE_API+'/dxapi/system/config/configKey/largeV3-ZHONGP.json.config',
         timeout: 10000,
     }).then(res =>{
       this.data = JSON.parse(res.data.data)
@@ -328,7 +327,7 @@ export default {
     setInterval(()=>{
       axios({
           method: 'get',
-          url: 'https://smartpark.caih.com/dxapi/system/config/configKey/largeV3-ZHONGP.json.config',
+          url: process.env.VUE_APP_BASE_API+'/dxapi/system/config/configKey/largeV3-ZHONGP.json.config',
           timeout: 10000,
       }).then(res =>{
         this.data = JSON.parse(res.data.data)
@@ -336,117 +335,10 @@ export default {
     },1000*60*10)
   },
   mounted() {
-    // let that = this;
-    // window.addEventListener("message",function (event) {
-    // 	let isDOM = typeof event.data === "object";
-    // 	let data = event.data;
-    //   if(data.param){
-    //     let name = data.param.name
-    //     let id = data.param.id
-    //     if(name == "会议室"){
-    //       that.springFrameState = true
-    //       that.springFrameItem = {}
-    //       that.springFrameItem.hy = 1
-    //     }else if(name == "打印机"){
-    //       that.springFrameState = true
-    //       that.springFrameItem = {}
-    //       that.springFrameItem.dyj = 1
-    //     }else{
-    //       axios({
-    //           method: 'post',
-    //           url: 'http://10.21.39.1:8082/dhController/getLocalChannel?pageNo=1&pageSize=1&uniType=1&id=' + id,
-    //           timeout: 3000,
-    //       }).then(res =>{
-    //           if(res.data.data.pageList.length>0){
-    //               let resData = res.data.data.pageList[0]
-    //               that.springFrameState = true
-    //               that.springFrameItem = {}
-    //               that.springFrameItem.video = resData
-    //               that.springFrameItem.video.url  = "http://" + resData.nvr_ip + ":" + resData.hls_port + "/live/cameraid/" + resData.deviceId + "%24" + resData.id.split("$")[(resData.id.split("$")).length-1]  + "/substream/1.m3u8"
-    //           }
-    //       }).catch(err =>{
-    //       })
-    //     }
-    //   }
-    // },false)
+
   },
   methods: {
-    // videoClick(row){//视频
-    //   this.springFrameState = true
-    //   this.springFrameItem = {}
-    //   this.springFrameItem.video = row
-    // },
-    // xgClick(row){//巡更
-    //   this.springFrameState = true
-    //   this.springFrameItem = {}
-    //   this.springFrameItem.xg = row
-    // },
-    // hyClick(){//会议
-    //   this.springFrameState = true
-    //   this.springFrameItem = {}
-    //   this.springFrameItem.hy = 1
-    // },
-    // dyjClick(){//打印机
-    //   this.springFrameState = true
-    //   this.springFrameItem = {}
-    //   this.springFrameItem.dyj = 1
-    // },
-    // canyinClick(id){//餐饮
-    //   this.springFrameState = true
-    //   this.springFrameItem = {}
-    //   this.springFrameItem.canyin = id
-    // },
-    // gjxxClick(row){//告警信息
-    //   this.springFrameState = true
-    //   this.springFrameItem = {}
-    //   this.springFrameItem.gjxx = row
-    // },
-    // rqgjClick(row){//入侵告警
-    //   this.springFrameState = true
-    //   this.springFrameItem = {}
-    //   this.springFrameItem.rqgj = row
-    // },
-    // xfgjClick(row){//消防告警
-    //   this.springFrameState = true
-    //   this.springFrameItem = {}
-    //   this.springFrameItem.xfgj = row
-    // },
-    // SpringFrameClose(){
-    //   this.springFrameState = false
-    //   this.springFrameItem = {}
-    // },
-    // postMsg(value) {
-    // 	var myframe = document.getElementById("iframe"); //获取iframe
-    // 	myframe.contentWindow.postMessage({  name: value }, "*"); //childDomain是子页面的源（协议+主机+端口号）
-    // },
-    // postMsg2(value) {//视频
-    // if(value.unitType == "1"){
-    //     let that = this
-    //     axios({
-    //         method: 'post',
-    //         url: 'http://10.21.39.1:8082/dhController/getLocalChannel?pageNo=1&pageSize=1&uniType=1&id=' + value.id,
-    //         timeout: 3000,
-    //     }).then(res =>{
-    //         if(res.data.data.pageList.length>0){
-    //             let resData = res.data.data.pageList[0]
-    //             that.springFrameState = true
-    //             that.springFrameItem = {}
-    //             that.springFrameItem.video = resData
-    //             that.springFrameItem.video.url  = "http://" + resData.nvr_ip + ":" + resData.hls_port + "/live/cameraid/" + resData.deviceId + "%24" + resData.id.split("$")[(resData.id.split("$")).length-1]  + "/substream/1.m3u8"
-    //         }
-    //     }).catch(err =>{
-    //     })
-    //   }else if(value.unitType == "2"){
-    //     var myframe = document.getElementById("iframe"); //获取iframe
-    // 	  myframe.contentWindow.postMessage({  name: "打印机" }, "*"); //childDomain是子页面的源（协议+主机+端口号）
-    //   }
-    // 	// var myframe = document.getElementById("iframe"); //获取iframe
-    // 	// myframe.contentWindow.postMessage({  name: '摄像头',id:value.id }, "*"); //childDomain是子页面的源（协议+主机+端口号）
-    // },
-    // postMsg3(){//视频测试
-    // 	var myframe = document.getElementById("iframe"); //获取iframe
-    // 	myframe.contentWindow.postMessage({  name: '摄像头',id:"1000002$1$0$7" }, "*"); //childDomain是子页面的源（协议+主机+端口号）
-    // },
+
   },
 };
 </script>

vue.config.js

@@ -30,17 +30,17 @@ module.exports = {
         host: '0.0.0.0',
         port: port,
         open: true,
-        proxy: {
-            // detail: https://cli.vuejs.org/config/#devserver-proxy
-            [process.env.VUE_APP_BASE_API]: {
-                //target: `http://172.16.120.104:8084/`, //本地
-                target: 'https://smartpark.caih.com/', //东信
-                changeOrigin: true,
-                pathRewrite: {
-                    ['^' + process.env.VUE_APP_BASE_API]: ''
-                }
-            }
-        },
+        // proxy: {
+        //     // detail: https://cli.vuejs.org/config/#devserver-proxy
+        //     [process.env.VUE_APP_BASE_API]: {
+        //         //target: ``, //本地
+        //         target: '', //东信
+        //         changeOrigin: true,
+        //         pathRewrite: {
+        //             ['^' + process.env.VUE_APP_BASE_API]: ''
+        //         }
+        //     }
+        // },
         disableHostCheck: true
     },
     configureWebpack: {