优化

src/views/xm/rpt/index/CompsCard.vue

@@ -2,7 +2,7 @@
 <section>
     <el-row  class="padding-left padding-right">
         <el-col :span="6">
-            <comps-set  :category="category" @row-click="onCompSelect" ref="compsSet" :show-checked-only="isRptShow||showCheckedOnly" @sort="onSort"></comps-set>
+            <comps-set  :category="category" @row-click="onCompSelect" ref="compsSet" :show-checked-only="isRptShow||showCheckedOnly" @sort="onSort" @change="onCompChange"></comps-set>
         </el-col>
         <el-col :span="18"> 
             <el-row  class="padding">
@@ -433,6 +433,14 @@ export default {
                     this.scrollToComp(compCfg) 
                 },200)
             })
+        },
+        onCompChange(compCfg,checked){  
+            if(checked=='false'||!checked){
+                var index=this.compCfgList.findIndex(k=>k.id==compCfg.id) 
+                if(index>=0){ 
+                    this.compCfgList.splice(index,1)   
+                } 
+            }
         }
          
     },

src/views/xm/rpt/index/CompsSet.vue

@@ -18,7 +18,7 @@
                                             {{item.desc}}
                                         </span>
                                     </div> 
-                                    <span class="check"><el-checkbox  v-model="item.isChecked" :true-label="'true'" :false-label="'false'"></el-checkbox></span>
+                                    <span class="check"><el-checkbox  v-model="item.isChecked" :true-label="'true'" :false-label="'false'" @change="onChange(item,$event)"></el-checkbox></span>
                                 </div>
 　　                        </transition-group>
                         </draggable>
@@ -36,7 +36,7 @@
                                     <span>{{item.desc}}</span>
                                 </div>
                             </div>
-                            <span class="check"><el-checkbox  v-model="item.isChecked" :true-label="'true'" :false-label="'false'"></el-checkbox></span>
+                            <span class="check"><el-checkbox  v-model="item.isChecked" :true-label="'true'" :false-label="'false'" @change="onChange(item,$event)"></el-checkbox></span>
                         </div>
 　　                        </transition-group>
                         </draggable>
@@ -207,6 +207,9 @@ export default {
                 }
             }) 
         },
+        onChange(comp,checked){ 
+            this.$emit('change',comp,checked) 
+        },
         onCategroySelect(){
             this.selectItem(this.rptListCpd[0])
         },