添加运控管理服务器

src/views/rzcx/cpu.vue

 <template>
-  <div class="Content" style="display: flex;height: 100%;padding:5px 15px;box-sizing:border-box">
-    <iframe :src="url" style="height: 100%;width:100%" class="iframe"></iframe>
+  <div class="Content"
+       style="display: flex;height: 100%;padding:5px 15px;box-sizing:border-box">
+    <iframe :src="url"
+            style="height: 100%;width:100%"
+            class="iframe"></iframe>
     <!-- <div class="paneDiv" > -->
-      <!--表格-->
-      <!-- <el-table
+    <!--表格-->
+    <!-- <el-table
         id="ajzbQuery"
         v-loading="tableLoading"
         element-loading-text="拼命加载中"
@@ -64,7 +67,7 @@ export default {
     SelectTree,
     SelectTreeDialog,
   },
-  data() {
+  data () {
     return {
       tableData: [
         {
@@ -78,7 +81,7 @@ export default {
           pz: "8 vCPU 16 GiB （I/O优化）",
         },
         {
-          name: "74.6.54.167服务器", 
+          name: "74.6.54.167服务器",
           ip: "74.6.54.167",
           pz: "8 vCPU 16 GiB （I/O优化）",
         },
@@ -99,11 +102,11 @@ export default {
   },
   watch: {
     "$route": {
-      handler(e) {
+      handler (e) {
         console.log(e);
-        // let path = e.params.label.replace('服务器', '');
+        let path = e.query.path.replace('服务器', '');
         // console.log(path);
-        // this.url = `http://${path}:19999`
+        this.url = `http://${path}:19999`
         // this.url = `http://74.6.54.${e.params.id}:19999`
       },
       deep: true,
@@ -114,8 +117,8 @@ export default {
 </script>
 <style>
 /* @import url("../assets/styles/iconfont.css"); */
-.iframe{
-  border: 0
+.iframe {
+  border: 0;
 }
 .el-dialog__body {
   padding: 10px 15px !important;

src/views/rzcx/index.vue

@@ -4,16 +4,16 @@
       <div class="left">
         <i class="iconfont iconzidianmaxuanze"></i><span>运控管理</span>
       </div>
-      <div class="left" @click="toDp" style=" cursor: pointer;">
+      <div class="left"
+           @click="toDp"
+           style=" cursor: pointer;">
         <i class="iconfont icondapingzhongduan"></i><span>运控管理门户</span>
       </div>
     </div>
     <div class="content">
-      <left-menu
-        :propLeftMenu="propLeftMenu"
-        @changeSidebarIndex="changeSidebarIndex"
-        :sidebarItemName="sidebarItemName"
-      ></left-menu>
+      <left-menu :propLeftMenu="propLeftMenu"
+                 @changeSidebarIndex="changeSidebarIndex"
+                 :sidebarItemName="sidebarItemName"></left-menu>
       <div class="rightContent">
         <router-view></router-view>
       </div>
@@ -34,7 +34,7 @@ export default {
   components: {
     leftMenu,
   },
-  data() {
+  data () {
     return {
       sidebarItemName: this.$route.name,
       headerTitle: rzcxHeaderTitle,
@@ -43,13 +43,14 @@ export default {
     };
   },
   methods: {
-    toDp() {
+    toDp () {
       let routeData = this.$router.resolve({
         path: "/ykgldpIndex",
       });
       window.open(routeData.href, "_blank");
     },
-    changeSidebarIndex(index, item) {
+    changeSidebarIndex (index, item) {
+      console.log(index, item, 11);
       // debugger
       if (index.indexOf("-") == -1) {
         this.sidebarItemName = item[index - 1].id;
@@ -62,11 +63,12 @@ export default {
         this.sidebarItemName = item[arr[0] - 1].children[arr[1] - 1].id;
         this.$router.push({
           path: item[arr[0] - 1].children[arr[1] - 1].id,
+          query: { 'path': item[arr[0] - 1].children[arr[1] - 1].label },
         });
       }
     },
   },
-  mounted() {},
+  mounted () { },
 };
 </script>
 <style scoped lang="scss">
@@ -83,10 +85,10 @@ export default {
     font-family: Source Han Sans CN;
     font-weight: bold;
     color: #ffffff;
-    span{
+    span {
       padding-left: 12px;
     }
-    i{
+    i {
       font-size: 20px;
     }
   }