动作面板组件左右对齐调整

src/components/app-mob-actionsheet/app-mob-actionsheet.less

 .app-mobile-actionsheet {
-  height: 40px;
+  height: 100%;
   width: 100%;
   .cancel-icon {
     width: 16px;
@@ -39,10 +39,20 @@
     width: 100%;
   }
   .text{
+    width: 100%;
+    max-width:100%;
     text-align: right;
     line-height: 40px;
-    width: 210px;
+    padding-right: 26px;
     height: 40px;
     color:#969696;
   }
+}
+
+@media screen and (max-width: 768px) {
+  .app-mobile-actionsheet {
+    .text{
+      padding-right: 7px;
+    }
+  }
 }
\ No newline at end of file

src/components/app-mob-actionsheet/app-mob-actionsheet.vue

@@ -4,7 +4,7 @@
       <div v-if="curValue== null || curValue==''" class="select-icon" @click="showSheet"></div>
       <!-- <ion-input :value="action" readonly @ionFocus="showSheet"></ion-input> -->
       <div @click="showSheet" class="text">{{action}}</div>
-      <van-action-sheet get-container="#app" v-model="show" :actions="actions" @open="load" @select="change" :cancel-text="$t('app.button.cancel')" @cancel="cancel"/>
+      <van-action-sheet get-container="#app" v-model="show" :actions="actions" @open="load" @select="change" :cancel-text="$t('app.button.cancel')" @cancel="cancel" close-on-click-action/>
   </div>
 </template>
 
@@ -23,7 +23,7 @@ export default class AppMobActionsheet extends Vue {
      * @type {CodeListService}
      * @memberof AppMobActionsheet
      */
-    public action:any;
+    public action:any = '';
   
     /**
      * 动作面板所需数据
@@ -117,9 +117,8 @@ export default class AppMobActionsheet extends Vue {
               }
             }
           }
-        }
+        }    
         this.$emit("change", devalue);
-        this.show = false;
     }
 
     /**
@@ -280,6 +279,7 @@ export default class AppMobActionsheet extends Vue {
         }
         this.handleActions();
     }
+
     /**
      * 清空值
      * @memberof AppMobActionsheet

src/styles/layout/layout.less

@@ -49,4 +49,9 @@
       text-align: @form-text-align;
     }
   }
+  .app-mobile-actionsheet {
+    .text{
+      text-align: @form-text-align;
+    }
+  } 
 }