链路

@@ -2,13 +2,10 @@
     <el-col :span="3" v-for="(itemLink,index) in networkMonitorList" class="max-width-134">
     <el-col :span="3" v-for="(itemLink,index) in networkMonitorList" class="max-width-134">
         <div class="list-step flex-div-start">
         <div class="list-step flex-div-start">
             <div class="list-step-top flex-div">
             <div class="list-step-top flex-div">
-
                     <div  :class="['step-img-link','flex-div-center',{'isActiveG':itemLink.value==0,'isActiveY':itemLink.value==1}]" style="cursor: default">
                     <div  :class="['step-img-link','flex-div-center',{'isActiveG':itemLink.value==0,'isActiveY':itemLink.value==1}]" style="cursor: default">
                         <i class="icon-step flex-div-center"><img :src="'/vue3/src/assets/images/faultDiagnosis/netLink-icon.png'" alt=""></i>
                         <i class="icon-step flex-div-center"><img :src="'/vue3/src/assets/images/faultDiagnosis/netLink-icon.png'" alt=""></i>
                     </div>
                     </div>
-
                     <span  v-if="index+1<networkMonitorList.length" :class="['list-line','list-line-netLink',{'isActiveG':itemLink.value==0,'isActiveY':itemLink.value==1}]"></span>
                     <span  v-if="index+1<networkMonitorList.length" :class="['list-line','list-line-netLink',{'isActiveG':itemLink.value==0,'isActiveY':itemLink.value==1}]"></span>
-
             </div>
             </div>
             <div class="list-step-name flex-div-start">
             <div class="list-step-name flex-div-start">
                 <span class="text-overflow width-100" :title="itemLink.linkName">
                 <span class="text-overflow width-100" :title="itemLink.linkName">
@@ -19,4 +16,4 @@
 
 
         </div>
         </div>
     </el-col>
     </el-col>
-</el-row>
+</el-row>

@@ -3,9 +3,9 @@ export default {
     template: '',
     template: '',
     components: {},
     components: {},
     props: {
     props: {
-        faultNo: {
-            type: String,
-            default: ''
+        itemInfo: {
+            type: Object,
+            default: {}
         },
         },
     },
     },
     data() {
     data() {
@@ -18,34 +18,55 @@ export default {
         const {proxy} = Vue.getCurrentInstance();
         const {proxy} = Vue.getCurrentInstance();
         let networkMonitorList=Vue.ref([]);
         let networkMonitorList=Vue.ref([]);
 
 
+        let linkMaps = Vue.ref({});
+
         Vue.onMounted(() => {
         Vue.onMounted(() => {
-            proxy.getNetLinkList();
+            getNetLinkState();
 
 
         })
         })
         Vue.watch(props.targetId, (newVal) => {
         Vue.watch(props.targetId, (newVal) => {
-            console.log("new targetid",newVal)
-            proxy.getNetLinkList()
+
+            getNetLinkState()
         })
         })
-        //根据targetId获取链路信息列表
-        let getNetLinkList=()=>{
-            let params={
-                // targetId:props.targetId,
-                faultNo:props.faultNo
 
 
+        /**
+         * 获取所有链路的状态信息
+         * <p>
+         * 作者： Wang
+         * 时间：2021/12/27 14:58
+         */
+        let getNetLinkList = () => {
+            let params={
+                configId: props.itemInfo.faultconfid,
+                faultNo: props.itemInfo.faultNo
             }
             }
-            //api-web/fault/result/findNetLinkResult
-            //api-web/fault/conf/netLink/getNetLinkList
             proxy.$http.get('/api-web/fault/result/findNetLinkResult',params,function (res){
             proxy.$http.get('/api-web/fault/result/findNetLinkResult',params,function (res){
-                if(res && res.data){
-                    proxy.networkMonitorList=res.data;
+                if(res && res.map){
+                    linkMaps.value = res.data;
+                }
+            })
+        }
 
 
+        /**
+         * 获取所有链路的状态信息
+         * <p>
+         * 作者： Wang
+         * 时间：2021/12/27 14:58
+         */
+        let getNetLinkState = () => {
+            let params={
+                faultNo:props.faultNo
+            }
+            proxy.$http.get('/api-web/fault/result/findNetLinkResult',params,function (res){
+                if(res && res.map){
+                    linkMaps.value = res.data;
                 }
                 }
             })
             })
         }
         }
         return {
         return {
-            getNetLinkList,
-            networkMonitorList,
+            getNetLinkState,
+            linkMaps,
         }
         }
 
 
     }
     }
-}
+}

@@ -59,6 +59,7 @@
                             <component v-bind:is="item.components"
                             <component v-bind:is="item.components"
                                        :targetType="item.faultType"
                                        :targetType="item.faultType"
                                        :faultNo="faultDetailDetailInfo.faultNo"
                                        :faultNo="faultDetailDetailInfo.faultNo"
+                                       :itemInfo="faultDetailDetailInfo"
                                        :colType="item.colType"
                                        :colType="item.colType"
                                        :itemName="item.itemName"
                                        :itemName="item.itemName"
                                        :showDetail="item.detail"/>
                                        :showDetail="item.detail"/>

@@ -11,6 +11,12 @@ const faultDetail = () => {
     let faultDetailDetailInfo = Vue.ref({
     let faultDetailDetailInfo = Vue.ref({
         faultNo: '',
         faultNo: '',
         items: [{
         items: [{
+            faultType: 'NETLINK',
+            faultTypeName: '网络链路',
+            components: 'netLinks',
+            color: '#409EFF',
+            detail:true
+        },{
             faultType: 'DIALTEST',
             faultType: 'DIALTEST',
             faultTypeName: '拨测',
             faultTypeName: '拨测',
             components: 'result-item',
             components: 'result-item',
@@ -42,12 +48,6 @@ const faultDetail = () => {
             itemName: '检测指标',
             itemName: '检测指标',
             detail: true,
             detail: true,
             colType: 'flag'
             colType: 'flag'
-        }, {
-            faultType: 'NETLINK',
-            faultTypeName: '网络链路',
-            components: 'netLinks',
-            color: '#409EFF',
-            detail:true
         }]
         }]
     });
     });