对接公服

config/index.js

@@ -12,16 +12,16 @@ module.exports = {
         assetsPublicPath: '/',
         proxyTable: {
             '/api': {
-                // target: 'http://192.168.111.200:9990',
-                target: 'http://60.255.186.185:9024/api',
+                target: 'http://localhost:9990',
+                // target: 'http://60.255.186.185:9024/api',
                 changeOrigin: true,
                 pathRewrite: {
                     '^/api': ''
                 }
             },
             '/localImage': {
-                target: 'http://60.255.186.185:9024/',
-                // target: 'http://localhost:9990/',
+                // target: 'http://60.255.186.185:9024/',
+                target: 'http://localhost:9990/',
                 changeOrigin: true,
             },
             '/socket.io': {

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/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/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>