光纤嵌入

ruoyi-ui/src/common/menuData.js

@@ -305,6 +305,12 @@ export default [
         path: "/datav/gisAndBim",
         component: "datav/gisAndBim/index.vue",
       },
+      {
+        title: "光缆医生",
+        name: "opticalFiber",
+        path: "/datav/opticalFiber",
+        component: "datav/opticalFiber/index.vue",
+      },
       // {
       //   title: "数字路网",
       //   name: "maintainQuery",

ruoyi-ui/src/views/JiHeExpressway/pages/datav/opticalFiber/index.vue

@@ -0,0 +1,53 @@
+<template>
+    <div class='comp_box'>
+        <iframe class="iframe" :src="url" frameborder="0"></iframe>
+    </div>
+</template>
+
+<script>
+
+import { getConfigKey } from "@/api/system/config.js";
+
+export default {
+    name: 'opticalFiber',
+    components: {
+    },
+    props: {
+        text: {
+            type: String,
+            default: "暂无数据"
+        },
+        url: {
+            type: String,
+            default: "",
+        }
+    },
+    mounted() {
+        // this.alarmUrl = "http://10.0.86.37:81/?HoveringMouse=true&LightMode=false";
+        getConfigKey("dc.opticalFiber").then((res) => {
+            this.url = res.msg
+        });
+    }
+}
+</script>
+
+<style lang='scss' scoped>
+.comp_box {
+    // padding-top:160px;
+    width: 100%;
+    height: 100%;
+    color: #8A9EAA;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+
+    .iframe {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+    }
+}
+</style>