From 86cef9e89dfb66b37d825c1d5ff4cc6d1a8b53de Mon Sep 17 00:00:00 2001
From: zhangyu <m13716206235@163.com>
Date: Fri, 28 Aug 2020 09:32:31 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E4=B8=8A=E4=BC=A0=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E4=B9=8B=E5=90=8E=20=E6=B7=BB=E5=8A=A0loading?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/components/common/project/addNode.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/nezha-fronted/src/components/common/project/addNode.vue b/nezha-fronted/src/components/common/project/addNode.vue
index 79e1fc219..165ac6f2f 100644
--- a/nezha-fronted/src/components/common/project/addNode.vue
+++ b/nezha-fronted/src/components/common/project/addNode.vue
@@ -32,7 +32,7 @@
         </el-form-item>
 
         <el-form-item label="Icon" prop="iconId" class="icon">
-          <el-select v-model="form.iconId" placeholder=""  popper-class="asset-dropdown" size="small">
+          <el-select v-model="form.iconId" placeholder=""  popper-class="asset-dropdown" size="small" :loading="imgageLoading">
             <div slot="prefix" class="sel-image">
               <img v-if="form.iconId" :src="selImage.image" style="height: 28px"/>
               <span v-if="form.iconId" class="sel-image-name">{{selImage.imageName}}</span>
@@ -173,6 +173,7 @@
       'form.iconId':{
         handler(n){
           if(n){
+            console.log(n);
             this.selImage=this.iconArray.find(item=>item.id===n)
           }
         },
@@ -197,6 +198,7 @@
         legends:[],
         name:[],
         unit:[],
+        imgageLoading:false,
         rules:{
           moduleId:[
             { required: true, message: '请选择module', trigger: 'blur' },
@@ -215,6 +217,7 @@
     methods:{
       addNodeInit(selImageId){
         this.$get('/project/topo/icon').then(res=>{
+          this.imgageLoading=true;
           this.iconArray=res.data.list;
           this.iconArray.forEach((item,index)=>{
             item.imageName=item.name;
@@ -224,10 +227,11 @@
               if(index===this.iconArray.length-1){
                 setTimeout(()=>{
                   this.iconArray=[...this.iconArray];
+                  this.imgageLoading=false;
                   if(selImageId){
                     this.form.iconId=selImageId;
                   }
-                })
+                },100)
               }
             })
           });