站点地图重复调用问题

src/components/Ems/ZdSelect/index.vue

@@ -3,12 +3,12 @@
   <div class="zd-select-container">
     <el-form :inline="true">
       <el-form-item label="站点选择">
-        <el-select v-model="id" placeholder="请选择换电站名称" :loading="loading" loading-text="正在加载数据" @change="change">
+        <el-select v-model="id" placeholder="请选择换电站名称" :loading="loading" loading-text="正在加载数据">
           <el-option :label="item.siteName" :value="item.id" v-for="(item,index) in siteList" :key="index+'zdxeSelect'"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" @click="onSubmit">搜索</el-button>
+        <el-button type="primary" :loading="searchLoading" @click="onSubmit">搜索</el-button>
       </el-form-item>
     </el-form>
   </div>
@@ -37,6 +37,7 @@ import {mapGetters} from "vuex"
       return {
         id:'',
         loading:false,
+        searchLoading:false,
         siteList:[],
       }
     },
@@ -47,9 +48,6 @@ import {mapGetters} from "vuex"
       onSubmit(){
         this.$emit('submitSite',this.id)
       },
-      change(id){
-        this.$emit('changeSite',id)
-      },
       setDefaultSite(){
         const defaultSite = parseInt(this.defaultSiteId)
         if(defaultSite && this.siteList.find(item=>item.id === defaultSite)){
@@ -64,11 +62,12 @@ import {mapGetters} from "vuex"
           this.siteList = response.data || []
           console.log("获取站点列表返回数据",response,this.siteList)
           this.setDefaultSite()
-        }).finally(() => {this.loading=false})
+        }).finally(() => {this.loading=false;this.searchLoading=false})
       }
     },
     mounted(){
       this.loading=true
+      this.searchLoading=true
       this.$nextTick(()=>{
         if(this.getListByStore){
           if(this.zdList.length === 0){
@@ -79,6 +78,7 @@ import {mapGetters} from "vuex"
           }else{
             this.siteList = this.zdList
             this.loading=false
+            this.searchLoading=false
             console.log("从store中获取站点列表数据",this.zdList,this.siteList)
             this.setDefaultSite()
           }