授权牌顺丰发货修改

src/views/admin/logistics-licensed/components/club-list.vue

@@ -80,7 +80,7 @@
     <!-- 物流信息 -->
     <el-dialog title="机构授权牌寄送" :visible.sync="dialogVisible" width="40%">
       <el-form ref="ruleForm" :model="formData" :rules="rules" label-width="100px">
-        <el-form-item label="快递公司：" prop="company">
+        <el-form-item label="快递公司：" prop="companyId">
           <el-select v-model="formData.companyId" placeholder="请选择快递公司" clearable>
             <template v-for="item in companyList">
               <el-option :key="item.id" :label="item.companyName" :value="item.id" />
@@ -90,6 +90,9 @@
         <el-form-item label="物流编号：" prop="logisticsNumber">
           <el-input v-model="formData.logisticsNumber" placeholder="请输入物流编号" />
         </el-form-item>
+        <el-form-item v-if="formData.companyId === 222" label="手机号：" prop="mobile">
+          <el-input v-model="formData.mobile" placeholder="请输入收货人手机号" maxlength="11" show-word-limit />
+        </el-form-item>
         <el-form-item label="图片备注：" prop="imageRemark">
           <el-input v-show="false" v-model="formData.imageRemark" />
           <upload-image
@@ -121,6 +124,7 @@ import { fetchCompanyList, logisticsSend } from '@/api/logistics'
 import Pagination from '@/components/Pagination'
 import UploadImage from '@/components/UploadImage'
 import { formatDate } from '@/utils'
+import { isMobile } from '@/utils/validate'
 export default {
   name: 'ComplexTable',
   components: { Pagination, UploadImage },
@@ -139,6 +143,15 @@ export default {
     }
   },
   data() {
+    // 表单校验手机号
+    const mobileValidate = (rule, value, callback) => {
+      if (!isMobile(value)) {
+        callback(new Error('手机号格式不正确'))
+      } else {
+        callback()
+      }
+    }
+
     return {
       tableKey: 0,
       list: null,
@@ -161,11 +174,16 @@ export default {
         logisticsNumber: '',
         imageList: '',
         remarks: '',
-        imageRemark: ''
+        imageRemark: '',
+        mobile: ''
       },
       rules: {
-        companyName: [{ required: true, message: '快递公司名称不能为空', trigger: ['blur'] }],
-        logisticsNumber: [{ required: true, message: '物流编号不能为空', trigger: ['blur'] }]
+        companyId: [{ required: true, message: '快递公司名称不能为空', trigger: ['change'] }],
+        logisticsNumber: [{ required: true, message: '物流编号不能为空', trigger: ['blur'] }],
+        mobile: [
+          { required: true, message: '收货人手机号不能为空', trigger: ['blur'] },
+          { validator: mobileValidate, trigger: ['blur'] }
+        ]
       },
       companyList: [],
       imageRemarkList: []
@@ -216,6 +234,12 @@ export default {
     },
 
     async onSubmitLogistics() {
+      try {
+        await this.$refs.ruleForm.validate()
+      } catch (error) {
+        console.log(error)
+        return
+      }
       try {
         await logisticsSend(this.formData)
         this.$message.success('发货成功')