bxs-tools-ui 1.2.3 → 1.2.5

package/packages/person-info/index.vue

@@ -1,6 +1,12 @@
 <template>
   <div class="bxt-person-info">
-    <bxs-form class="bxt-person-info-form" ref="personForm" :model="personForm" :is-content-vertical-alignment="false">
+    <bxs-form
+      class="bxt-person-info-form"
+      ref="personForm"
+      :model="personForm"
+      :is-content-vertical-alignment="false"
+      @submit.native.prevent="closeKeyBoard()"
+    >
       <template v-for="ele in personData.eleOrderList">
         <template v-if="['cmCommonTitle'].includes(ele.componentName)">
           <bxs-form-item :key="ele.key">
@@ -187,7 +193,11 @@ export default class BxtPersonInfo extends Vue {
     }
     return bool;
   }
-  change(ele = {}) {
+  onClickIcon(id) {
+    const inputDom: any = document.querySelector(`#${id}`);
+    inputDom.focus();
+  }
+  change(ele: any = {}) {
     const allPersonsData = this.inputData && this.inputData.personData;
     const productGroupList = this.inputData && this.inputData.productGroupList;
 
@@ -203,9 +213,19 @@ export default class BxtPersonInfo extends Vue {
         });
       }
     }
-    window.WeiyiStatSDK && window.WeiyiStatSDK.submit(`${this.personData.key}_${ele.key}`);
+    if (this.personData.key && ele.key && !['age'].includes(ele.key)) {
+      window.WeiyiStatSDK && window.WeiyiStatSDK.submit(`${this.personData.key}_${ele.key}`);
+    }
     this.$emit('change', this.personData, ele);
   }
+  closeKeyBoard() {
+    const activeElement: any = document.activeElement;
+    if (!activeElement) {
+      return false;
+    }
+    activeElement.blur();
+    return false;
+  }
 }
 </script>
 <style lang="postcss">

package/packages/product-info/index.vue

@@ -12,6 +12,7 @@
         ]"
         :model="productForm[ins.key]"
         :is-content-vertical-alignment="true"
+        @submit.native.prevent="closeKeyBoard()"
       >
         <template v-for="ele in ins.eleOrderList">
           <template v-if="['cmCommonTitle'].includes(ele.componentName)">
@@ -392,6 +393,14 @@ export default class BxtProductInfo extends Vue {
     }
     return Promise.resolve(validateInfo);
   }
+  closeKeyBoard() {
+    const activeElement: any = document.activeElement;
+    if (!activeElement) {
+      return false;
+    }
+    activeElement.blur();
+    return false;
+  }
 }
 </script>
 <style>