1

src/router/routes/routes-file-six.ts

@@ -12,7 +12,8 @@ const HomeRoutes = {
       path: "/baggageManagement/departure/station",
       name: "InternalDeparture",
       meta: { title: "国内出港", elSvgIcon: "Fold", icon: "table" },
-      component: () => import("@/views/baggageManagement/departure/station/index.vue"),
+      component: () =>
+        import("@/views/baggageManagement/departure/station/index.vue"),
       children: [
         {
           path: "/baggageManagement/departure/station",
@@ -41,20 +42,21 @@ const HomeRoutes = {
           meta: { title: "国内出港行李视图", elSvgIcon: "Fold", icon: "table" },
           component: () =>
             import("@/views/baggageManagement/departure/goods/index.vue"),
-        }
-      ]
+        },
+      ],
     },
     {
       path: "/baggageManagement/departure",
       name: "DepartureC",
       meta: { title: "国际出港", elSvgIcon: "Fold", icon: "table" },
-      component: () => import("@/views/baggageManagement/departureC/index.vue"),
+      component: () => import("@/views/baggageManagement/departure/index.vue"),
     },
     {
       path: "/baggageManagement/Arrival/station",
       name: "InternalArrival",
       meta: { title: "国内进港", elSvgIcon: "Fold", icon: "table" },
-      component: () => import("@/views/baggageManagement/departure/station/index.vue"),
+      component: () =>
+        import("@/views/baggageManagement/departure/station/index.vue"),
       children: [
         {
           path: "/baggageManagement/arrival/station",
@@ -83,8 +85,8 @@ const HomeRoutes = {
           meta: { title: "国内进港行李视图", elSvgIcon: "Fold", icon: "table" },
           component: () =>
             import("@/views/baggageManagement/departure/goods/index.vue"),
-        }
-      ]
+        },
+      ],
     },
     {
       path: "/baggageManagement/arrival",

src/views/systemSettings/serviceManagement/index.vue

@@ -7,7 +7,11 @@
     </template></Minheader
   > -->
   <div class="integration__cont__map__cont">
-    <Minheader :is-statuser="true" :is-Journal="true">
+    <Minheader
+      :is-statuser="true"
+      :is-Journal="true"
+      @addJournalForm="addJournalForm"
+    >
       <template #header>
         <div class="status flex-wrap">
           <div class="manageTitle">服务拓扑</div>
@@ -25,10 +29,21 @@
       </template></Minheader
     >
     <div class="integration__cont" ref="chartDom"></div>
+    <Dialog
+      width="1200px"
+      :flag="flag"
+      :type="type"
+      :msgTitle="msgTitle"
+      @resetForm="resetForm"
+    >
+      <div class="diacont"></div>
+    </Dialog>
   </div>
 </template>
 <script setup lang="ts">
 import Minheader from "@/components/minheader/index.vue";
+import DataTable from "@/components/tableTemp/index.vue";
+import Dialog from "@/components/dialog/index.vue";
 import { provide } from "vue";
 import * as echarts from "echarts";
 import img1 from "@/assets/integr/jiekou_blue.png";
@@ -41,7 +56,9 @@ import img7 from "@/assets/integr/mysql_blue.png";
 provide("echarts", echarts);
 const chartDom = ref(null);
 const myChart = ref(null);
-
+const flag = ref<Boolean>(false); //弹窗开关
+const type = ref<String>(""); //判断是否删除
+const msgTitle = ref<String>("查看日志"); //弹窗标题
 const getAssetsFile = (url: string) => {
   return new URL(`../assets/integr/${url}`, import.meta.url).href;
 };
@@ -651,6 +668,15 @@ onMounted(() => {
   window.addEventListener("resize", resizeHandler);
   console.log(defaultImg);
 });
+//新增
+const addJournalForm = () => {
+  msgTitle.value = "查看日志";
+  flag.value = true;
+};
+//取消
+const resetForm = () => {
+  flag.value = false;
+};
 // console.log(nodeDataList.value);
 // options.value.series[0].data = nodeDataList.value;
 // options.value.series[0].links = datas.value;