对接公服

config/index.js

@@ -12,7 +12,7 @@ module.exports = {
         assetsPublicPath: '/',
         proxyTable: {
             '/api': {
-                target: 'http://192.168.111.200:9990',
+                target: 'http://localhost:9990',
                 // target: 'http://60.255.186.185:9024/api',
                 changeOrigin: true,
                 pathRewrite: {

src/router/router.js

@@ -83,7 +83,7 @@ export const screenRouter = [
         path: "/publicService",
         name: "publicService",
         title: "广电公服",
-        component: () => import("@/views/screen/public-service.vue")
+        component: () => import("@/views/screen/public-service-scggfw.vue")
     },
     {
         path: "/duty-system",
@@ -270,6 +270,15 @@ export const screenRouter = [
             open: true
         },
         component: () => import("@/views/screen/smart-travel.vue")
+    },
+    {
+        path: "/test",
+        name: "test",
+        title: "test",
+        meta: {
+            open: true
+        },
+        component: () => import("@/views/screen/test.vue")
     }
 ];
 

src/views/common-components/common-live-player.vue

@@ -2,7 +2,7 @@
 <template>
     <div style="width: 100%; height: 100%;">
         <LivePlayer :videoUrl="videoUrl" :autoplay="true" :live="live" :muted="muted" :poster="poster" :aspect="aspect"
-                    :loop="loop" @ended="ended"></LivePlayer>
+                    :loop="loop" @ended="ended" :alt="altText" @error="error"></LivePlayer>
     </div>
 </template>
 
@@ -61,6 +61,7 @@ export default {
     components: {LivePlayer},
     data() {
         return {
+            altText: "暂无监控资源"
         };
     },
     //计算属性
@@ -72,7 +73,10 @@ export default {
     methods: {
         ended () {
             this.$emit("ended")
-        }
+        },
+        error () {
+            this.$message.error("监控异常,请切换其他监控")
+        },
     },
     //生命周期 - 挂载完成
     mounted() {

src/views/screen/public-service.vue

@@ -6,7 +6,6 @@
         </div>
         <gis-map
             class="gismap"
-
             pointType="广电公服"
             listItemKey="serverName"
             :point-list="pointList"
@@ -81,7 +80,7 @@
                                         <span class="num"
                                             ><CountTo
                                                 :startVal="0"
-                                                :endVal="item.tvNum"
+                                                :endVal="Number(item.tvNum)"
                                                 :duration="2000"
                                         /></span>
                                         <span class="unit">户</span>
@@ -213,7 +212,10 @@
                         <td>{{ item.name }}</td>
                         <td>
                             <viewer>
-                                <img :src="item.image" />
+                                <img
+                                    :src="item.image || defaultImage"
+                                    @error="imgerr"
+                                />
                             </viewer>
                         </td>
                         <td>{{ item.post }}</td>
@@ -229,7 +231,11 @@
                 <div class="item" v-if="currentPoint.serverVideo">
                     <span class="item-label">监控视频：</span>
                     <div class="info">
-                        <CommonLivePlayer :video-url="currentPoint.serverVideo" :live="true" :muted="true"></CommonLivePlayer>
+                        <CommonLivePlayer
+                            :video-url="currentPoint.serverVideo"
+                            :live="true"
+                            :muted="true"
+                        ></CommonLivePlayer>
                     </div>
                 </div>
             </div>
@@ -360,6 +366,7 @@ import commonModal from "@/views/common-components/common-modal.vue";
 import LivePlayer from "@liveqing/liveplayer";
 import CommonLivePlayer from "@/views/common-components/common-live-player.vue";
 import "echarts-liquidfill/src/liquidFill.js";
+import { logger } from "xgplayer-hls";
 export default {
     name: "publicService",
     components: {
@@ -423,6 +430,7 @@ export default {
             btnState: 0,
             deviceState: false,
             pointsState: false,
+            defaultImage: require("@/assets/largeScreen/df.jpg")
         };
     },
     watch: {},
@@ -495,6 +503,10 @@ export default {
     computed: {},
     watch: {},
     methods: {
+        imgerr(e) {
+            console.log(e);
+            e.target.src = this.defaultImage;
+        },
         // 获取数据
         initDataInfo(type, callback) {
             let params = {

src/views/screen/smart-travel.vue

@@ -208,16 +208,7 @@ export default {
             videoUrl: "",
             tabs: ["省份", "城市"],
             tabIndex: 0,
-            videoList: [
-                {
-                    deviceName: "监控监控监控1111",
-                    url: "",
-                },
-                {
-                    deviceName: "监控监控监控1111",
-                    url: "",
-                },
-            ],
+            videoList: [],
             videoIndex: 0,
             treeList: [
                 {
@@ -225,6 +216,11 @@ export default {
                     code: "F511502",
                     expand: true,
                     children: [
+                        {
+                            title: "合江门冠英街",
+                            code: "F51150202",
+                            expand: true,
+                        },
                         {
                             title: "流杯池公园",
                             code: "F51150205",
@@ -240,11 +236,6 @@ export default {
                             code: "F51150203",
                             expand: true,
                         },
-                        {
-                            title: "合江门冠英街",
-                            code: "F51150202",
-                            expand: true,
-                        },
                         {
                             title: "五粮液景区",
                             code: "F51150201",
@@ -259,6 +250,7 @@ export default {
             dayvalue: 0,
             provinceList: [],
             cityList: [],
+            timer: null
         };
     },
     computed: {},
@@ -268,9 +260,14 @@ export default {
         calcRate();
         windowDraw();
         this.changeTree(this.treeList[0].children[0]);
+        this.timer = setInterval(()=> {
+            this.realtimeTourist();
+            this.touristCumulative();
+        }, 300000)
     },
     beforeDestroy() {
         echartsClear();
+        this.timer = null
     },
     methods: {
         openApp () {

src/views/screen/test.vue

@@ -0,0 +1,45 @@
+<template>
+    <div style="margin-left: 500px;">
+        <Input v-model="ciphertext" placeholder="Enter something..." style="width: 500px"></Input>
+        <Button @click="decryptDES" type="primary">加密</Button>
+        <Button @click="decryptDES" type="primary">解密</Button><br>
+        <Input  v-model="str" placeholder="" type="textarea" :autosize="{ minRows: 2, maxRows: 20 }" style="width: 500px"></Input>
+    </div>
+</template>
+<script>
+import CryptoJS from 'crypto-js';
+export default {
+    data () {
+        return {
+            key: 'o08YQii9QF5MuzYj',
+            message: "ZZZZZZ",
+            ciphertext: "",
+            str: ""
+        }
+    },
+    methods: {
+        // 加密
+        encryptDES () {
+
+            var encrypt = CryptoJS.DES.encrypt(this.message, CryptoJS.enc.Utf8.parse(this.key), {
+                mode: CryptoJS.mode.ECB,
+                padding: CryptoJS.pad.Pkcs7
+            });
+            let str = encrypt.toString();
+            console.log(str)
+
+        },
+
+        // 解密
+        decryptDES () {
+            let decrypted = CryptoJS.DES.decrypt({ ciphertext: CryptoJS.enc.Hex.parse(this.ciphertext) }, CryptoJS.enc.Utf8.parse(this.key), {
+                mode: CryptoJS.mode.ECB,
+                padding: CryptoJS.pad.Pkcs7
+            });
+            this.str = decrypted.toString(CryptoJS.enc.Utf8);
+
+
+        }
+    }
+}
+</script>