新建应急广播

config/index.js

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

src/router/router.js

@@ -60,7 +60,7 @@ export const screenRouter = [
         name: "emergencyScreen",
         title: "应急广播",
         component: () =>
-            import("@/views/screen/emergency-screen.vue")
+            import("@/views/screen/emergency-screen-two.vue")
     },
     {
         path: "/mediaBigScreen",

src/views/screen/county-screen.vue

@@ -220,6 +220,22 @@
                 </div>
             </div>
         </common-modal>
+        <common-modal
+            v-model="warringState"
+            :title="currentMenu.menuItem"
+            width="600"
+        >
+            <div style="width: 100%; display: flex; flex-wrap: wrap">
+                <div
+                    class="menu-item"
+                    @click="toWarring(item)"
+                    v-for="(item, index) in currentMenu.children"
+                    :key="index"
+                >
+                    <span>{{ item.menuItem }}</span>
+                </div>
+            </div>
+        </common-modal>
     </div>
 </template>
 
@@ -249,6 +265,7 @@ export default {
         let self = this;
         return {
             title: "翠屏区智慧广电示范区",
+            warringState: false,
             areaCode: window.$localStorage.getItem("areaCode"),
             videoUrl: "/localImage/home/home.mp4",
             logUrl: "/localImage/smartserver/yj.glb",
@@ -304,10 +321,30 @@ export default {
                         {
                             menuItem: "人流预警",
                             isShowTwon: true,
+                            children: [
+                                {
+                                    menuItem: "人流1",
+                                    areaCode: "",
+                                },
+                                {
+                                    menuItem: "人流2",
+                                    areaCode: "",
+                                },
+                            ],
                         },
                         {
                             menuItem: "车流预警",
                             isShowTwon: true,
+                            children: [
+                                {
+                                    menuItem: "车流1",
+                                    areaCode: "",
+                                },
+                                {
+                                    menuItem: "车流2",
+                                    areaCode: "",
+                                },
+                            ],
                         },
                         {
                             menuItem: "视频结构化",
@@ -575,6 +612,30 @@ export default {
         this.getTownMemu();
     },
     methods: {
+        toWarring(item) {
+            switch (this.currentType) {
+                case "person":
+                    this.$router.push({
+                        path: "/person-warring",
+                        query: {
+                            areaName: item.menuItem,
+                            areaCode: item.areaCode,
+                        },
+                    });
+                    break;
+                case "car":
+                    this.$router.push({
+                        path: "/car-warring",
+                        query: {
+                            areaName: item.menuItem,
+                            areaCode: item.areaCode,
+                        },
+                    });
+                    break;
+                default:
+                    break;
+            }
+        },
         jumpSystem(item) {
             this.currentMenu = item;
             this.appState = true;
@@ -1053,26 +1114,35 @@ export default {
                 switch (item.menuItem) {
                     case "镇级":
                         this.currentType = "town";
+                        this.townModal = true;
                         break;
                     case "村级":
                         this.currentType = "village";
+                        this.townModal = true;
                         break;
                     case "乡村治理":
                         this.currentType = "governance";
+                        this.townModal = true;
                         break;
                     case "网格管理":
                         this.currentType = "grid";
+                        this.townModal = true;
                         break;
                     case "人流预警":
                         this.currentType = "person";
+                        this.appState = false;
+                        this.currentMenu = item;
+                        this.warringState = true;
                         break;
                     case "车流预警":
                         this.currentType = "car";
+                        this.appState = false;
+                        this.currentMenu = item;
+                        this.warringState = true;
                         break;
                     default:
                         break;
                 }
-                this.townModal = true;
             } else if (item.url) {
                 window.open(item.url);
             }

src/views/screen/village-screen.vue

@@ -282,6 +282,8 @@
         </div>
 
         <div class="page-bottom-bg"></div>
+        <div class="page-left-bg"></div>
+        <div class="page-right-bg"></div>
         <commonModal
             v-model="detailModal"
             :title="detailInfo.title"