fix: 新增员工手机号重复判断

src/views/card/setStaffDialog.vue

@@ -2,10 +2,10 @@
   <el-dialog :title="row.writeOffStoreStaffId ? '编辑员工' : '新增员工'" :visible.sync="show" width="600px" :before-close="handleClose">
     <el-form :model="form" ref="form" :rules="rules" label-width="100px">
       <el-form-item label="员工姓名：" prop="writeOffName">
-        <el-input class="w304" v-model="form.writeOffName" placeholder="请输入内容" maxlength="10" show-word-limit></el-input>
+        <el-input class="w304" v-model.trim="form.writeOffName" placeholder="请输入内容" maxlength="10" show-word-limit></el-input>
       </el-form-item>
-      <el-form-item label="手机号码：" prop="writeOffPhone" :error="errorRe">
-        <el-input :disabled="row.writeOffStoreStaffId" class="w303" v-model="form.writeOffPhone" @blur="phoneChange">
+      <el-form-item label="手机号码：" prop="writeOffPhone">
+        <el-input :disabled="row.writeOffStoreStaffId" class="w303" v-model.trim="form.writeOffPhone">
           <template slot="prepend">中国 +86</template>
         </el-input>
       </el-form-item>
@@ -39,8 +39,16 @@ export default {
         callback(new Error('手机号不能为空'));
       } else if (!reg.test(value)) {
         callback(new Error('手机号格式错误'));
-      } else {
-        callback();
+      } else if (value) {
+        searchRePhone({ writeOffPhone: this.form.writeOffPhone }).then(res => {
+          if (res.errorCode == 0) {
+            if (!res.result) {
+              callback(new Error('手机号码已存在'));
+            } else {
+              callback();
+            }
+          }
+        });
       }
     };
     return {
@@ -56,20 +64,10 @@ export default {
       rules: {
         writeOffName: [{ required: true, message: '请输入员工姓名', trigger: 'blur' }],
         writeOffPhone: [{ required: true, validator: validatorPhone, trigger: 'blur' }]
-      },
-      errorRe: ''
+      }
     };
   },
   methods: {
-    async phoneChange() {
-      await searchRePhone({ writeOffPhone: this.form.writeOffPhone }).then(res => {
-        if (res.errorCode == 0) {
-          if (!res.result) {
-            this.errorRe = '手机号码已存在';
-          }
-        }
-      });
-    },
     handleClose() {
       this.$refs.form.clearValidate();
       this.$nextTick(_ => {

src/views/card/store-list.vue

@@ -23,7 +23,7 @@
           <div class="c_t_right">
             <el-button type="text" style="margin-right: 12px;" @click="setStraffEvent({ storeId: item.storeId, storeCode: item.storeCode })">新增员工</el-button>
             <el-popconfirm confirm-button-text="删除" cancel-button-text="取消" icon="el-icon-warning" icon-color="#FA8C16" @confirm="deleteStoreEvent(item)" popper-class="my-popper" title="删除后卡券适用门店无法选择，是否继续？">
-              <el-button slot="reference" type="text" style="margin-left:6px">删除</el-button>
+              <el-button slot="reference" type="text" style="margin-left:8px">删除</el-button>
             </el-popconfirm>
           </div>
         </div>