清除按钮 点击事件

src/components/orgSelect/zl.orgSelect.vue

@@ -2,15 +2,12 @@
 <template>
   <div>
     <div style="height:32px">
-      <div class="tags-box" :class="{'tags-box-disabled':!disabled,'tags-box-mini':size === 'mini'}" >
-        <div style="width:100px ; max-width:100px;height:32px;" @click="showDialog">
-          <el-tag type="success" :size="size" v-for="v in currentTempList" :key="v.id">{{ v.shortName }}</el-tag>
-        </div>
-        
+      <div class="tags-box" :class="{'tags-box-disabled':!disabled,'tags-box-mini':size === 'mini'}"  @click="showDialog">        
+          <el-tag type="success" :size="size" v-for="v in currentTempList" :key="v.id">{{ v.shortName }}</el-tag>                
       </div>
-      <div class="tags_last" @click="clear">
+      <div class="tags_last" >
         <span v-show="currentTempList.length > 0" class="tags-num">{{ currentTempList.length }}</span>
-        <i v-if="currentTempList.length > 0 && !disabled" class="el-icon-circle-close close-icon" @click="clear"></i>        
+        <i v-if="currentTempList.length > 0 && !disabled" class="el-icon-circle-close close-icon" @click.stop="clear"></i>        
       </div>
     </div>
     <DialogCom
@@ -669,7 +666,7 @@ export default {
   color: #606266;
   outline: 0;
   padding: 0 40px 0 5px;
-  width: 80%;
+  width: 100%;
   min-height: 32px;
   max-height: 32px;
   position: relative;
@@ -681,12 +678,11 @@ export default {
 }
 .tags_last{
   height: 100%;
-    right: 0px;
-    transition: all .3s;
-    pointer-events: none;
-    position: absolute;
-    top: 0;
-    text-align: right;
+  right: 0px;
+  transition: all .3s;    
+  position: absolute;
+  top: 0;
+  text-align: right;
   background-color: #fff;
   border-radius: 4px;
   border-top: 1px solid #dcdfe6; /* 上边框 */