Browse Source

过滤空格

lilei 4 năm trước cách đây
mục cha
commit
6d9b66dfee

+ 9 - 1
src/views/basicData/bulkPartsTypeManagement/editModal.vue

@@ -22,7 +22,8 @@
           <a-input
             id="bulkPartsTypeEdit-name"
             :maxLength="30"
-            v-model="form.name"
+            v-model.trim="form.name"
+            @change="filterEmpty"
             placeholder="请输入散件类型名称(最多30个字符)"
             allowClear />
         </a-form-model-item>
@@ -79,6 +80,13 @@ export default {
     }
   },
   methods: {
+    filterEmpty () {
+      let str = this.form.name
+      str = str.replace(/\ +/g, '')
+      str = str.replace(/[ ]/g, '')
+      str = str.replace(/[\r\n]/g, '')
+      this.form.name = str
+    },
     //  保存
     handleSave () {
       const _this = this

+ 9 - 1
src/views/basicData/customerTypeManagement/editModal.vue

@@ -22,7 +22,8 @@
           <a-input
             id="customerTypeEdit-name"
             :maxLength="30"
-            v-model="form.name"
+            v-model.trim="form.name"
+            @change="filterEmpty"
             placeholder="请输入客户类型名称(最多30个字符)"
             allowClear />
         </a-form-model-item>
@@ -79,6 +80,13 @@ export default {
     }
   },
   methods: {
+    filterEmpty () {
+      let str = this.form.name
+      str = str.replace(/\ +/g, '')
+      str = str.replace(/[ ]/g, '')
+      str = str.replace(/[\r\n]/g, '')
+      this.form.name = str
+    },
     //  保存
     handleSave () {
       const _this = this

+ 14 - 1
src/views/basicData/expenseType/editModal.vue

@@ -22,7 +22,13 @@
           {{ parentType }}
         </a-form-model-item>
         <a-form-model-item label="费用类型名称" prop="name">
-          <a-input v-model.trim="form.name" id="expenseTypeEdit-name" :maxLength="30" allowClear placeholder="请输入费用类型名称(最多30个字符)" />
+          <a-input
+            v-model.trim="form.name"
+            @change="filterEmpty"
+            id="expenseTypeEdit-name"
+            :maxLength="30"
+            allowClear
+            placeholder="请输入费用类型名称(最多30个字符)" />
         </a-form-model-item>
       </a-form-model>
       <div class="btn-cont">
@@ -77,6 +83,13 @@ export default {
     }
   },
   methods: {
+    filterEmpty () {
+      let str = this.form.name
+      str = str.replace(/\ +/g, '')
+      str = str.replace(/[ ]/g, '')
+      str = str.replace(/[\r\n]/g, '')
+      this.form.name = str
+    },
     //  保存
     handleSave () {
       const _this = this

+ 9 - 1
src/views/basicData/storeTransferOutTypeManagement/editModal.vue

@@ -22,7 +22,8 @@
           <a-input
             id="storeTransferOutTypeEdit-name"
             :maxLength="30"
-            v-model="form.name"
+            v-model.trim="form.name"
+            @change="filterEmpty"
             placeholder="请输入店内调出类型名称(最多30个字符)"
             allowClear />
         </a-form-model-item>
@@ -79,6 +80,13 @@ export default {
     }
   },
   methods: {
+    filterEmpty () {
+      let str = this.form.name
+      str = str.replace(/\ +/g, '')
+      str = str.replace(/[ ]/g, '')
+      str = str.replace(/[\r\n]/g, '')
+      this.form.name = str
+    },
     //  保存
     handleSave () {
       const _this = this

+ 18 - 5
src/views/customerManagement/customerInfo/edit.vue

@@ -18,17 +18,23 @@
         <a-row :gutter="15">
           <a-col :span="8">
             <a-form-model-item label="客户名称" prop="customerName">
-              <a-input id="customerManagementEdit-customerName" :maxLength="30" v-model="form.customerName" placeholder="请输入客户名称(最多30个字符)" allowClear />
+              <a-input
+                id="customerManagementEdit-customerName"
+                :maxLength="30"
+                v-model.trim="form.customerName"
+                @change="filterEmpty"
+                placeholder="请输入客户名称(最多30个字符)"
+                allowClear />
             </a-form-model-item>
           </a-col>
           <a-col :span="8">
             <a-form-model-item label="联系电话" prop="contactTel">
-              <a-input id="customerManagementEdit-contactTel" :maxLength="11" v-model="form.contactTel" placeholder="请输入联系电话(最多11个字符)" allowClear />
+              <a-input id="customerManagementEdit-contactTel" :maxLength="11" v-model.trim="form.contactTel" placeholder="请输入联系电话(最多11个字符)" allowClear />
             </a-form-model-item>
           </a-col>
           <a-col :span="8">
             <a-form-model-item label="联系人" prop="contactName">
-              <a-input id="customerManagementEdit-contactName" :maxLength="30" v-model="form.contactName" placeholder="请输入联系人(最多30个字符)" allowClear />
+              <a-input id="customerManagementEdit-contactName" :maxLength="30" v-model.trim="form.contactName" placeholder="请输入联系人(最多30个字符)" allowClear />
             </a-form-model-item>
           </a-col>
         </a-row>
@@ -63,14 +69,14 @@
           </a-col>
           <a-col :span="8">
             <a-form-model-item label="详细地址" prop="customerAddr">
-              <a-input id="customerManagementEdit-customerAddr" :maxLength="60" v-model="form.customerAddr" placeholder="请输入详细地址(最多60个字符)" allowClear />
+              <a-input id="customerManagementEdit-customerAddr" :maxLength="60" v-model.trim="form.customerAddr" placeholder="请输入详细地址(最多60个字符)" allowClear />
             </a-form-model-item>
           </a-col>
         </a-row>
         <a-row :gutter="15">
           <a-col :span="8">
             <a-form-model-item label="客户传真" prop="fax">
-              <a-input id="customerManagementEdit-fax" :maxLength="30" v-model="form.fax" placeholder="请输入客户传真(最多30个字符)" allowClear />
+              <a-input id="customerManagementEdit-fax" :maxLength="30" v-model.trim="form.fax" placeholder="请输入客户传真(最多30个字符)" allowClear />
             </a-form-model-item>
           </a-col>
           <a-col :span="8">
@@ -177,6 +183,13 @@ export default {
     }
   },
   methods: {
+    filterEmpty () {
+      let str = this.form.customerName
+      str = str.replace(/\ +/g, '')
+      str = str.replace(/[ ]/g, '')
+      str = str.replace(/[\r\n]/g, '')
+      this.form.customerName = str
+    },
     //  获取客户信息
     getDetail () {
       custFindById({ id: this.$route.params.id }).then(res => {

+ 28 - 13
src/views/inventoryManagement/warehouse/editModal.vue

@@ -22,12 +22,20 @@
           <a-input
             id="warehouseEdit-name"
             :maxLength="30"
-            v-model="form.name"
+            v-model.trim="form.name"
+            @change="filterEmpty"
             placeholder="请输入仓库名称(最多30个字符)"
             allowClear />
         </a-form-model-item>
         <a-form-model-item label="排序" prop="sort">
-          <a-input-number v-model="form.sort" :min="0" :max="999999" :precision="0" :step="1" placeholder="请输入排序(0~999999)" style="width: 100%;" />
+          <a-input-number
+            v-model="form.sort"
+            :min="0"
+            :max="999999"
+            :precision="0"
+            :step="1"
+            placeholder="请输入排序(0~999999)"
+            style="width: 100%;" />
         </a-form-model-item>
       </a-form-model>
       <div class="btn-cont">
@@ -42,7 +50,7 @@
 import { STable } from '@/components'
 import { warehouseSave } from '@/api/warehouse'
 export default {
-  name: 'warehouseEditModal',
+  name: 'WarehouseEditModal',
   components: { STable },
   props: {
     openModal: { //  弹框显示状态
@@ -72,7 +80,7 @@ export default {
       },
       form: {
         name: '', // 仓库名称
-        sort: ''  //  排序
+        sort: '' //  排序
       },
       rules: {
         name: [
@@ -82,33 +90,40 @@ export default {
     }
   },
   methods: {
+    filterEmpty () {
+      let str = this.form.name
+      str = str.replace(/\ +/g, '')
+      str = str.replace(/[ ]/g, '')
+      str = str.replace(/[\r\n]/g, '')
+      this.form.name = str
+    },
     //  详情
-    getDetail(){
+    getDetail () {
       this.form = {
         name: this.nowData && this.nowData.name ? this.nowData.name : '',
         sort: this.nowData && (this.nowData.sort || this.nowData.sort == 0) ? this.nowData.sort : ''
       }
     },
     //  保存
-    handleSave(){
+    handleSave () {
       const _this = this
       this.$refs.ruleForm.validate(valid => {
         if (valid) {
           const params = {
             id: this.itemId ? this.itemId : undefined,
-            name: this.form.name,  //  仓库名称
-            sort: this.form.sort  //  排序
+            name: this.form.name, //  仓库名称
+            sort: this.form.sort //  排序
           }
           warehouseSave(params).then(res => {
-            if(res.status == 200){
+            if (res.status == 200) {
               _this.$message.success(res.message)
               _this.$emit('ok')
               setTimeout(function () {
                 _this.isShow = false
                 _this.$refs.ruleForm.resetFields()
               }, 300)
-            }else{
-              
+            } else {
+
             }
           })
         } else {
@@ -116,7 +131,7 @@ export default {
           return false
         }
       })
-    },
+    }
   },
   watch: {
     //  父页面传过来的弹框状态
@@ -127,7 +142,7 @@ export default {
     isShow (newValue, oldValue) {
       if (!newValue) {
         this.$emit('close')
-      }else{
+      } else {
         this.form = {
           name: '',
           sort: ''

+ 1 - 0
src/views/power/role/roleModal.vue

@@ -9,6 +9,7 @@
             :maxLength="30"
             v-decorator="['formData.name', {
               initialValue: formData.name,
+              getValueFromEvent: $filterEmpty,
               rules: [{ required: true, message: '请输入角色名称(最多30个字符)!' },{pattern:'^[^<|>]{1,30}$',message:'请输入不含<或>的字符,最多30个字符'}] }]"
           />
         </a-form-item>

+ 2 - 1
src/views/power/user/userModal.vue

@@ -17,6 +17,7 @@
                 :maxLength="30"
                 v-decorator="['formData.name', {
                   initialValue: formData.name,
+                  getValueFromEvent: $filterEmpty,
                   rules: [{ required: true, message: '请输入用户名称(30个字以内)!' },{pattern:'^[^<|>]{1,30}$',message:'请输入不含<或>的字符,最多30个字符'}] }]"
               />
             </a-form-item>
@@ -200,7 +201,7 @@ export default {
       this.$confirm({
         title: '提示',
         content: '确定取消吗?',
-		centered: true,
+        centered: true,
         onOk () {
           _this.clear()
           _this.cancel()

+ 9 - 1
src/views/productManagement/productBrand/editModal.vue

@@ -22,7 +22,8 @@
           <a-input
             id="productBrandEdit-brandName"
             :maxLength="30"
-            v-model="form.brandName"
+            v-model.trim="form.brandName"
+            @change="filterEmpty"
             placeholder="请输入产品品牌名称(最多30个字符)"
             allowClear />
         </a-form-model-item>
@@ -78,6 +79,13 @@ export default {
     }
   },
   methods: {
+    filterEmpty () {
+      let str = this.form.brandName
+      str = str.replace(/\ +/g, '')
+      str = str.replace(/[ ]/g, '')
+      str = str.replace(/[\r\n]/g, '')
+      this.form.brandName = str
+    },
     //  保存
     handleSave () {
       const _this = this

+ 14 - 1
src/views/productManagement/productCategory/editModal.vue

@@ -22,7 +22,13 @@
           {{ parentType }}
         </a-form-model-item>
         <a-form-model-item label="产品分类名称" prop="productTypeName">
-          <a-input v-model.trim="form.productTypeName" id="productCategoryEdit-name" :maxLength="30" allowClear placeholder="请输入产品分类名称(最多30个字符)" />
+          <a-input
+            v-model.trim="form.productTypeName"
+            @change="filterEmpty"
+            id="productCategoryEdit-name"
+            :maxLength="30"
+            allowClear
+            placeholder="请输入产品分类名称(最多30个字符)" />
         </a-form-model-item>
       </a-form-model>
       <div class="btn-cont">
@@ -77,6 +83,13 @@ export default {
     }
   },
   methods: {
+    filterEmpty () {
+      let str = this.form.productTypeName
+      str = str.replace(/\ +/g, '')
+      str = str.replace(/[ ]/g, '')
+      str = str.replace(/[\r\n]/g, '')
+      this.form.productTypeName = str
+    },
     //  保存
     handleSave () {
       const _this = this

+ 9 - 1
src/views/productManagement/productInfo/edit.vue

@@ -19,7 +19,8 @@
           <a-input
             id="productInfoEdit-name"
             :maxLength="100"
-            v-model="form.name"
+            v-model.trim="form.name"
+            @change="filterEmpty"
             placeholder="请输入产品名称(最多100个字符)"
             allowClear />
         </a-form-model-item>
@@ -169,6 +170,13 @@ export default {
     }
   },
   methods: {
+    filterEmpty () {
+      let str = this.form.name
+      str = str.replace(/\ +/g, '')
+      str = str.replace(/[ ]/g, '')
+      str = str.replace(/[\r\n]/g, '')
+      this.form.name = str
+    },
     // 选择单位
     unitChange (a, b) {
       console.log(a, b)

+ 11 - 3
src/views/supplierManagement/supplierInfo/edit.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="supplierInfoEdit-wrap">
-    <a-page-header :ghost="false" @back="handleBack" class="supplierInfoEdit-cont">
+    <a-page-header :ghost="false" :backIcon="false" class="supplierInfoEdit-cont">
       <template slot="subTitle">
-        <a href="javascript:;" @click="handleBack">返回列表</a>
+        <a href="javascript:;" @click="handleBack"><a-icon type="left" /> 返回列表</a>
       </template>
     </a-page-header>
     <a-card size="small" :bordered="false" class="supplierInfoEdit-table-page-wrapper">
@@ -18,7 +18,8 @@
           <a-input
             id="supplierInfoEdit-supplierName"
             :maxLength="30"
-            v-model="form.supplierName"
+            v-model.trim="form.supplierName"
+            @change="filterEmpty"
             placeholder="请输入供应商名称(最多30个字符)"
             allowClear />
         </a-form-model-item>
@@ -156,6 +157,13 @@ export default {
     }
   },
   methods: {
+    filterEmpty () {
+      let str = this.form.supplierName
+      str = str.replace(/\ +/g, '')
+      str = str.replace(/[ ]/g, '')
+      str = str.replace(/[\r\n]/g, '')
+      this.form.supplierName = str
+    },
     //  获取供应商信息
     getGoodsDetail () {
       supplierDetail({ id: this.$route.params.id }).then(res => {