tj

src/App - 副本.vue

-<template>
-  <div id="app">
-    <router-view />
-
-  </div>
-</template>
-
-<script>
-import util from '@/libs/util.js'
-import util from '@/libs/util.js'
-export default {
-  name: 'app',
-  data () {
-    return {
-      LogTimeout: null
-    }
-  },
-  mounted () {
-    //let token = util.cookies.get('token')
-    //this.initWebSocket()
-    // this.setTimeout()
-
-  },
-  destroyed: function () {
-    this.websocketclose()
-  },
-  methods: {
-    //初始化weosocket
-    initWebSocket () {
-      if (typeof WebSocket === 'undefined') {
-        alert('您的浏览器不支持WebSocket')
-        return false
-      }
-      // websocket地址
-      const wsuri = this.$http.adornUrl('').slice(5)
-      const webpath =
-        'ws:' + wsuri.substring(0, wsuri.indexOf(':')) + ':8091/websocket/1001'
-      this.websock = new WebSocket(webpath)
-      this.websock.onopen = this.websocketonopen
-      this.websock.onmessage = this.websocketonmessage
-      this.websock.onerror = this.websocketonerror
-      this.websock.onclose = this.websocketclose
-
-      // 监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
-      window.onbeforeunload = this.onbeforeunload
-    },
-    //连接成功
-    websocketonopen () {
-      console.log('WebSocket连接成功')
-    },
-    //接收后端返回的数据
-    websocketonmessage (e) {
-      console.log(e + '*****')
-      let dataJson = e.data
-      console.log(dataJson + '*****')
-      // 在这里使用后端返回的数据，对数据进行处理渲染
-    },
-    //连接建立失败重连
-    websocketonerror (e) {
-      console.log(`连接失败的信息：`, e)
-      this.initWebSocket() // 连接失败后尝试重新连接
-    },
-    //关闭连接
-    websocketclose (e) {
-      console.log('断开连接', e)
-    },
-    //设置定时器
-    setTimeout () {
-      if (this.LogTimeout) {
-        this.closeTimeout()
-      }
-      this.LogTimeout = setInterval(this.getDateList, 5000)
-    },
-    // 关闭定时器
-    closeTimeout () {
-      if (this.LogTimeout) {
-        clearInterval(this.LogTimeout)
-      }
-    },
-    getDateList () {
-      console.log('开始定时循环')
-      if (util.cookies.get('token') && util.cookies.get('token') != undefined) {
-        this.$http({
-          url: this.$http.adornUrlAlarm('/alarmsInfo/queryList'),
-          method: 'post',
-          params: this.$http.adornParams({
-            status: 1,
-            stationId: localStorage.getItem('stationId')
-          })
-        }).then(data => {
-          if (data && data.code === 0) {
-            this.dataList = data.list
-
-            console.log('报警弹框')
-            for (var i = 0; i < data.list.length; i++) {
-              if (i === 4) {
-                break
-              }
-              this.$toast({
-                tip: 'tip' + (i + 1),
-                id: data.list[i].id,
-                stationName: '', //站点名
-                tierName: data.list[i].tierName, //站层名
-                resourceName: data.list[i].resourceName, //资源点名
-                occurrenceSite: data.list[i].occurrenceSite, //发生地点
-                level: data.list[i].eventLevel, // 等级
-                times: data.list[i].occurrenceTime, //时间
-                type: data.list[i].eventName, // 类型
-                // explain: data.list[i].explain, //说明
-                // url: data.list[i].url, //图片地址
-                duration: '4900',
-                router: this.$router
-              })
-            }
-            // this.closeTimeout()
-          }
-        })
-      }
-    }
-  }
-}
-</script>
-<style lang="scss">
-@import "~@/assets/style/public-class.scss";
-.d2-layout-header-aside-group
-  .d2-layout-header-aside-content
-  .d2-theme-container
-  .d2-theme-container-main
-  .d2-theme-container-main-body
-  .container-component
-  .d2-container-full
-  .d2-container-full__body {
-  margin-bottom: 50px;
-}
-
-//-- 公共样式--//
-//  page页背景色
-.d2-container-full__body {
-  background-color: #b9c9e3 !important;
-}
-
-// 状态-点
-// .danger,
-// .success,
-// .warning {
-//   width: 5px;
-//   height: 5px;
-//   border-radius: 100%;
-//   background: #ff3723;
-//   display: inline-block;
-//   vertical-align: middle;
-// }
-// .success {
-//   background: #42cd00;
-// }
-// .warning {
-//   background: #ffa101;
-// }
-
-// 弹出框
-.el-dialog__title {
-  line-height: 24px;
-  font-size: 18px;
-  color: #303133;
-  padding-left: 10px;
-}
-.el-dialog__header {
-  border-top: 3px solid #21acfc;
-  padding: 14px 20px 10px !important;
-  background-color: #edeef1;
-  border-bottom: 1px solid #e9e9e9;
-}
-
-// 自定义===============
-// 标题加粗
-.title-bold {
-  font-weight: bold;
-  font-size: 17px;
-}
-// 标题左侧颜色
-.title-left-color {
-  border-left: 5px solid #21acfc;
-  padding-left: 10px;
-}
-
-.treeCard .el-card__header {
-  height: 42px;
-  line-height: 42px;
-  background: #e1edf4;
-  padding: 0 0 0 10px !important;
-}
-.tableCard .el-card__header {
-  height: 42px;
-  line-height: 42px;
-  background: #edeef1;
-  padding: 0 0 0 10px !important;
-}
-
-.tableHeader .el-table__header-wrapper {
-  height: 42px;
-  line-height: 42px;
-  background: #edeef1;
-  padding: 0 0 0 0 !important;
-  transform: translateY(0px);
-}
-.tableHeader .has-gutter {
-  transform: translateY(-12px);
-}
-
-// .elTree{
-// background:#f4f4f4!important;
-// }
-
-// 二级菜单
-.monitor_menu {
-  .menu_item {
-    width: 120px;
-    height: 46px;
-    line-height: 46px;
-    text-align: center;
-    color: #ccc;
-    box-shadow: 0px 0 2px #000 !important;
-    background-image: linear-gradient(to top, #335274, #4d759a) !important;
-    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3) !important;
-  }
-  .is-active {
-    color: #fff !important;
-    background: linear-gradient(
-      0deg,
-      rgba(33, 172, 252, 1),
-      rgba(48, 136, 193, 1)
-    ) !important;
-  }
-  ul {
-    a:nth-child(1) {
-      li {
-        border-radius: 9px 0 0 9px !important;
-      }
-    }
-    a:last-child {
-      li {
-        border-radius: 0 9px 9px 0 !important;
-      }
-    }
-  }
-}
-
-//-- 公共样式--//
-</style>

src/App.vue

@@ -10,21 +10,21 @@
         <div :class="'tip' + (index + 1)">
           <div class="title">
             <el-row :span="24">
-              <el-col :sm="15" style="color:red;font-size:20px;"
+              <el-col :sm="15" style="color: red; font-size: 20px"
                 >{{ item.eventTypeName }}
               </el-col>
-              <el-col :sm="9" style="text-align:right;padding-right:10px;"
+              <el-col :sm="9" style="text-align: right; padding-right: 10px"
                 >等级：
                 <span
                   class="tip_level"
                   v-if="item.eventLevel == 1"
-                  style="color:red"
+                  style="color: red"
                   >特别重大</span
                 >
                 <span
                   class="tip_level"
                   v-if="item.eventLevel == 2"
-                  style="color:red"
+                  style="color: red"
                   >重大</span
                 >
                 <span class="tip_level" v-if="item.eventLevel == 3">一般</span>
@@ -36,7 +36,7 @@
             <el-row class="tip_content" type="flex" justify="space-around">
               <el-col :span="15">
                 <el-row :span="24">
-                  <el-col :span="24" style="color:red"
+                  <el-col :span="24" style="color: red"
                     >报警地点：{{ item.occurrenceSite }}
                   </el-col>
                   <el-col :span="24"
@@ -138,7 +138,7 @@ export default {
   name: 'app',
   provide() {
     return {
-      reload: this.reload,
+      reload: this.reload
     }
   },
   data() {
@@ -152,7 +152,7 @@ export default {
       tipList: [],
       showList: [],
       src: window.CONFIG.bimPath,
-      takeoverInfo: '',
+      takeoverInfo: ''
     }
   },
   watch: {
@@ -164,25 +164,25 @@ export default {
       } else {
         this.dialogVisible = false
       }
-    },
+    }
   },
   computed: {
     takeover() {
       return this.$store.state.d2admin.takeover.takeover
-    },
+    }
   },
   mounted() {
     this.initWebSocket()
     this.initWebSocket2()
     //   this.getDateList()
   },
-  destroyed: function() {
+  destroyed: function () {
     this.websocketclose()
   },
   methods: {
     reload() {
       this.isRouterAlive = false
-      this.$nextTick(function() {
+      this.$nextTick(function () {
         this.isRouterAlive = true
       })
     },
@@ -482,7 +482,7 @@ export default {
       this.$http({
         url: this.$http.adornUrl('/sysStationTakeover/agree'),
         method: 'post',
-        data: item,
+        data: item
       }).then((data) => {
         if (data && data.code === 0) {
           // this.$message.success('操作成功')
@@ -500,7 +500,7 @@ export default {
       this.$http({
         url: this.$http.adornUrl('/sysStationTakeover/agree'),
         method: 'post',
-        data: item,
+        data: item
       }).then((data) => {
         if (data && data.code === 0) {
           // this.$message.success('操作成功')
@@ -536,8 +536,8 @@ export default {
           method: 'post',
           params: this.$http.adornParams({
             status: 1,
-            stationId: localStorage.getItem('stationId'),
-          }),
+            stationId: localStorage.getItem('stationId')
+          })
         }).then((data) => {
           if (data && data.code === 0) {
             this.tipList = data.list
@@ -571,7 +571,7 @@ export default {
      * @param attr 排序的属性 如number属性
      * @param rev true表示升序排列，false降序排序
      * */
-    sortBy: function(attr, rev) {
+    sortBy: function (attr, rev) {
       //第二个参数没有传递 默认升序排列
       if (rev == undefined) {
         rev = 1
@@ -579,7 +579,7 @@ export default {
         rev = rev ? 1 : -1
       }
 
-      return function(a, b) {
+      return function (a, b) {
         a = a[attr]
         b = b[attr]
         if (a < b) {
@@ -601,18 +601,18 @@ export default {
       var ruleForm = {
         id: id,
         status: 2,
-        beSend: true,
+        beSend: true
       }
       this.$http({
         url: this.$http.adornUrlAlarm(`/alarmsInfo/update`),
         method: 'post',
-        data: ruleForm,
+        data: ruleForm
       }).then((data) => {
         if (data && data.code === 0) {
           this.$message({
             message: '操作成功',
             type: 'success',
-            duration: 1500,
+            duration: 1500
           })
           //目前websocket未移到alarms项目，使用下列关闭
           // this.tipList.splice(index, 1)
@@ -622,8 +622,8 @@ export default {
           this.$message.error(data.msg)
         }
       })
-    },
-  },
+    }
+  }
 }
 </script>
 <style lang="scss">

src/main.js

@@ -106,7 +106,7 @@ new Vue({
     // this.$store.commit('d2admin/menu/headerSet', menuHeader)
     // // 初始化菜单搜索功能
     // this.$store.commit('d2admin/search/init', menuHeader)
-    const pattern = /[_`~^*|{}<>￥……*|&‘”“/#【】《》\\[\]$%+=]/ //这些字段不允许输入
+    const pattern = /[`~^*|{}<>￥……*|&‘”“/#【】《》\\[\]$%+=]/ //这些字段不允许输入
     const testMark = function (s) {
       return pattern.test(s)
     }