vue 监控 拓扑地址

@@ -62,7 +62,7 @@ export const monitorBasicInformationTwo = {
         name: 'logoAdressBg',
         required: false,
         placeholder: '',
-        value: '',
+        value: ''
       },
       {
         type: 'el-input-number',
@@ -73,6 +73,22 @@ export const monitorBasicInformationTwo = {
         value: '14'
       },
       {
+        type: 'el-input-text',
+        label: '监控地址',
+        name: 'jkAddress',
+        required: false,
+        placeholder: '',
+        value: ''
+      },
+      {
+        type: 'el-input-text',
+        label: '拓扑地址',
+        name: 'topoAddress',
+        required: false,
+        placeholder: '',
+        value: ''
+      },
+      {
         type: 'el-input-number',
         label: '图片大小',
         name: 'pictureSize',

@@ -13,15 +13,15 @@
 <!--      <dynamicTableComponents :formData="dtInformationData"></dynamicTableComponents>-->
       <div class="basic-ul-right" >
         <div @mouseenter="mouseFun" @mouseleave="leaveFun">
-          <el-row :style="fontStyle">
+          <el-row class="backColor" :style="fontStyle">
             <el-col aria-colspan="2">
-              <a class="link-type" :href="resUrl" target="_blank">{{informationData[0].name}}</a>
+              <a class="link-type" :href="jkAddress.jkUrl" target="_blank">{{informationData[0].name}}</a>
               <i class="el-icon-info" v-if="visible" @click="resTopo"/>
             </el-col>
           </el-row>
         </div>
         <el-row class="basic-item" :style="fontStyle" v-for="(item,index) in informationData" :key="index">
-          <el-col v-if="attrKey.attrKeyVal.indexOf(item.code)>0 && index>0" class="basic-border basic-item-title basic-flex" :span="10">
+          <el-col  v-if="attrKey.attrKeyVal.indexOf(item.code)>0 && index>0" class="basic-border basic-item-title basic-flex backColor" :span="10">
             {{ item.name }}
           </el-col>
           <el-col v-if="attrKey.attrKeyVal.indexOf(item.code)>0 && index>0 " class="basic-border basic-item-content" :span="14"><span>{{ item.value }}</span>
@@ -132,8 +132,22 @@
             imgSizeStyle() {
                 return {
                     "width": this.transStyle.pictureSize + "px",
+                    "height" : $(".basic-ul-right").height()
                 }
             },
+            //监控地址
+            jkAddress(){
+                return {
+                    "jkUrl": this.transStyle.jkAddress,
+                }
+            },
+            //拓扑地址
+            topoAddress(){
+                return {
+                    "topoUrl": this.transStyle.topoAddress,
+                }
+              //https://192.168.0.248:8080/api-web/mxgraph/generateByBusId?busId=35964e90f4cf4a48a0e87f406e6088e2&access_token=dbb1a2d3-8c0d-4a3b-b40b-fdbfd16fa7f8
+            }
         },
         watch: {
             value: {
@@ -229,7 +243,7 @@
             },
             //
             resTopo() {
-                this.topoSrc = "http://www.baidu.com";
+                this.topoSrc = this.topoAddress.topoUrl;
                 this.topoVisible = true;
             },
             //弹框关闭确定
@@ -259,10 +273,12 @@
     text-align: left;
     padding: 8px 10px;
   }
-
+  .backColor {
+    background-color: #f1f6f9;
+  }
   .basic-ul-left {
     /*border: 0;*/
-    width: 100%;
+    width: 50%;
     height: 100%;
     /*padding-left: 10px;*/
     /*float: left;*/