优化

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

@@ -428,11 +428,13 @@ export default {
             })
         },
         onCompChange(compCfg,checked){   
-            if(checked=='false'||!checked){
+            if(!checked){
                 var index=this.compCfgList.findIndex(k=>k.compId==compCfg.compId) 
                 if(index>=0){ 
                     this.compCfgList.splice(index,1)   
                 } 
+            }else{
+                this.onCompSelect(compCfg)
             }
         }
          

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

@@ -11,14 +11,14 @@
                         <draggable @update="datadragEnd" v-model="datas" style='sort: false' >
 　　                        <transition-group >
                                 <div class="nav_item"  :class="{itemActive: item.isChecked,curr:item.isCurr}" v-for="(item, index) in datas" :key="index" @click="selectItem(item, index)">
-                                    <img :src="item.img" alt="">
+                                        <img :src="item.img" alt="" >
                                         <div class="desc">
                                             <p>{{index+1}} {{item.rptName}}</p>
                                             <span>
                                                 {{item.desc}}
                                             </span>
                                         </div> 
-                                     <el-checkbox  v-model="item.isChecked"  @change="onChange(item,$event)"></el-checkbox> 
+                                     <span class="check" > <el-checkbox  v-model="item.isChecked"  @click.native='stopDefault($event)' @change="onChange(item,$event)"></el-checkbox>  </span>
                                 </div>
 　　                        </transition-group>
                         </draggable>
@@ -36,7 +36,7 @@
                                         <span>{{item.desc}}</span>
                                     </div>
                                 </div>
-                             <el-checkbox  v-model="item.isChecked" @change="onChange(item,$event)"></el-checkbox> 
+                                <span class="check" > <el-checkbox  v-model="item.isChecked"  @click.native='stopDefault($event)' @change="onChange(item,$event)"></el-checkbox></span>
                         </div>
 　　                        </transition-group>
                         </draggable>
@@ -212,7 +212,10 @@ export default {
         },
         onChange(comp,checked){ 
             this.$emit('change',comp,checked)  
-            if(checked!=='true'){
+            if(checked){
+                this.comps.forEach(k=>k.isCurr=false)
+                item.isCurr=true
+            }else{
                 comp.isCurr=false
             }
         },
@@ -220,7 +223,6 @@ export default {
             this.selectItem(this.rptListCpd[0])
         },
          selectItem(item){    
-            
             this.comps.forEach(k=>k.isCurr=false)
             item.isCurr=true 
             item.isChecked=true;
@@ -232,6 +234,9 @@ export default {
             console.log('拖动前的索引 :' + evt.oldIndex)
             console.log('拖动后的索引 :' + evt.newIndex)  
              this.$emit('sort',evt,this.datas)
+         },
+         stopDefault(e){
+            e.stopPropagation()
          }