部门指定单位

src/components/app-mob-department-select/app-mob-department-select.less

 .app-mob-department-select{
   width: 100%;
-  .checkField {
+  .main{
     position: relative;
+    .checkField {
+      margin-right: 22px;
       .has-value {
         overflow: hidden;
         text-overflow: ellipsis;
@@ -16,6 +18,7 @@
       width: 18px;
       height: 100%;
     }
+  }
   .ivu-dropdown{
     .ivu-dropdown-rel{
       .tree-input{

src/components/app-mob-department-select/app-mob-department-select.vue

 <template>
   <div class="app-mob-department-select">
+    <div class="main">
       <div class="checkField">
         <ion-input :disabled="disabled" :value="curValue" readonly @click="openModal"></ion-input>
+      </div>
       <div class="icon">
-         <ion-icon name="search-outline"></ion-icon>
+          <ion-icon  name="search-outline" v-show="!curValue" @click="openModal"></ion-icon>
+          <ion-icon  v-show="curValue" class="delete-value " name="close-circle-outline" @click.stop="onClear"></ion-icon>
       </div>
     </div>
     
@@ -218,6 +221,17 @@ export default class AppMobDepartmentSelect extends Vue {
        let _value = checkValue == []? null : checkValue.join(',');
        this.$emit('select-change',{"name": this.fillMap.label, "value":_value });
     }
+
+    /**
+     * 清除
+     * 
+     * @memberof AppMobDepartmentSelect
+     */
+    public onClear(){
+      this.curValue = '';
+      this.selectTreeValue = '';
+      this.$emit('select-change',{ "name": this.fillMap.label, "value":'' })
+    }
 }
 </script>