修复

src/views/vehicle/vehicleSchedulManage/vehiclePlanModal.vue

 <!--车辆排班   保养弹框-->
 <template>
   <el-dialog title="安排用车" :visible.sync="anpai" class="user-car">
-    <el-form :model="form" ref="form" :rules="rules" label-width="140px">
+    <el-form :model="form"  ref="form" :rules="rules" label-width="140px">
       <el-form-item label="车牌号">
         <span>{{currentItem.item.numberPlate}}</span>
       </el-form-item>
@@ -29,23 +29,14 @@
         <span v-if="currentItem.item.vehicleModel.keyword">{{currentItem.item.vehicleModel.keyword}}</span>
       </el-form-item>
       <el-form-item label="选择时间" prop="times">
-        <!-- <el-date-picker
+        <el-date-picker
           v-model="form.times"
           type="datetimerange"
           :picker-options="pickerOptions0"
-          format="yyyy-MM-dd HH:00:00"
+          format="yyyy-MM-dd HH:00:00" 
           value-format="yyyy-MM-dd HH:00:00"
-          placeholder="选择时间范围"
-        ></el-date-picker>-->
-        <el-time-picker
-          is-range
-          v-model="form.times"
-          range-separator="-"
-          start-placeholder="开始时间"
-          end-placeholder="结束时间"
-          placeholder="选择时间范围"
-          value-format="HH-mm-ss"
-        ></el-time-picker>
+          placeholder="选择时间范围">
+        </el-date-picker>
       </el-form-item>
       <el-form-item label="还车分公司" prop="arrivalBranchCompanyName">
         <el-autocomplete
@@ -68,8 +59,9 @@
           <el-option label="客户用车" value="9"></el-option>
           <el-option label="其他" value="10"></el-option>
 
+
           <!--<el-option v-for="item  in getAllUseType() " :key="item.code" :label="item.val"-->
-          <!--:value="item.code"></el-option>-->
+                     <!--:value="item.code"></el-option>-->
         </el-select>
       </el-form-item>
       <el-form-item label="保养项目" prop="upkeepIds" v-if="form.bookType==6">
@@ -80,29 +72,14 @@
       <el-form-item label="路线" v-if="form.bookType==5" required>
         <el-select class="filter-item" placeholder="请选择路线" v-model="goodId" @change="goodChange">
           <el-option :key="undefined" label="无" :value="undefined"></el-option>
-          <el-option
-            v-for="item in goodList"
-            :key="item.goodId"
-            :label="item.goodName"
-            :value="item.goodId"
-          ></el-option>
+          <el-option v-for="item in goodList" :key="item.goodId" :label="item.goodName" :value="item.goodId"></el-option>
         </el-select>
         <el-select class="filter-item" placeholder="请选择出车公司" v-model="siteId" @change="siteChange">
           <el-option :key="undefined" label="无" :value="undefined"></el-option>
-          <el-option
-            v-for="item in siteList"
-            :key="item.siteId"
-            :label="item.siteName"
-            :value="item.siteId"
-          ></el-option>
+           <el-option v-for="item in siteList" :key="item.siteId" :label="item.siteName" :value="item.siteId"></el-option>
         </el-select>
         <el-select class="filter-item" placeholder="请选择出发时间" v-model="verificationId">
-          <el-option
-            v-for="item in timeList"
-            :key="item.verificationId"
-            :label="item.time"
-            :value="item.verificationId"
-          ></el-option>
+          <el-option v-for="item in timeList" :key="item.verificationId" :label="item.time" :value="item.verificationId"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="使用人" prop="vehicleUsername">
@@ -117,18 +94,14 @@
     </el-form>
     <div slot="footer" class="dialog-footer">
       <el-button @click="cancel()">取消</el-button>
-      <el-button
-        type="primary"
-        @click="handelOk('form')"
-        v-if="vehicleSchedulManage_btn_add_plan"
-      >确 定</el-button>
+      <el-button type="primary" @click="handelOk('form')" v-if="vehicleSchedulManage_btn_add_plan">确 定</el-button>
     </div>
   </el-dialog>
 </template>
 <style>
-.user-car .el-row {
-  margin-bottom: 0;
-}
+  .user-car .el-row{
+    margin-bottom: 0;
+  }
 </style>
 <script>
   import {mapGetters} from 'vuex';
@@ -173,7 +146,13 @@
         if (!value) {
           return callback(new Error('手机号不能为空'));
         } else {
-          return callback(new Error("请输入正确的手机号"));
+          const reg = /^[1](([3][0-9])|([4][5,7,9])|([5][0-9])|([6][6])|([7][1,2,3,5,6,7,8])|([8][0-9])|([9][1,8,9]))[0-9]{8}$/
+          console.log(reg.test(value));
+          if (reg.test(value)) {
+            callback();
+          } else {
+            return callback(new Error('请输入正确的手机号'));
+          }
         }
       };
       return {
@@ -226,83 +205,26 @@
           bookType:{
             type: 'string',
             required: true,
-            message: "请输入使用人姓名",
-            trigger: "blur"
+            message: '请选择用途',
+            trigger: 'change'
           },
-          {
-            min: 0,
-            max: 20,
-            message: "长度小于 20 个字符",
-            trigger: "blur"
+          times: {
+            required: true,
+            message: '请选择时间',
           }
-        ],
-        arrivalBranchCompanyName: {
-          type: "string",
-          required: true,
-          message: "请选择还车公司",
-          trigger: "change"
         },
-        vehicleUserPhone: {
-          validator: checkPhone,
-          trigger: "blur",
-          required: true
-        },
-        bookType: {
-          type: "string",
-          required: true,
-          message: "请选择用途",
-          trigger: "change"
-        },
-        times: {
-          required: true,
-          message: "请选择时间"
-        }
-      },
-      vehicleSchedulManage_btn_add_plan: false //申请预定
-    };
-  },
-  created() {
-    console.log(this.currentItem);
-    this.vehicleSchedulManage_btn_add_plan = this.elements[
-      "vehicleSchedulManage:btn_add_plan"
-    ];
-    getAll().then(response => {
-      this.allCompaniesArr = response.data;
-    });
-    getAllCompany(codeAndBranchCompany => {
-      this.allCompanies = codeAndBranchCompany;
-    });
-    getUpkeepAll().then(response => {
-      this.upkeepList = response.data;
-    });
-  },
-  computed: {
-    ...mapGetters(["elements"])
-  },
-  watch: {
-    anpai(newValue, oldValue) {
-      if (!newValue) {
-        this.$emit("anpaiDialogEvent", false);
+        vehicleSchedulManage_btn_add_plan: false,//申请预定
       }
-    }
-  },
-  mounted() {
-    this.anpai = true;
-  },
-  methods: {
-    /**
-     * 还车分公司
-     */
-    handleSelectArrivalCompanyName(item) {
-      this.form.arrivalBranchCompanyId = item.id;
-      this.form.arrivalBranchCompanyName = item.name;
-      console.log(item);
     },
-    querySearch(queryString, cb) {
-      let selectArry = [];
-      this.allCompaniesArr.map(function(item) {
-        item.value = item.name;
-        selectArry.push(item);
+    created() {
+      console.log(this.currentItem);
+      this.vehicleSchedulManage_btn_add_plan = this.elements['vehicleSchedulManage:btn_add_plan'];
+      getAll()
+        .then(response => {
+          this.allCompaniesArr = response.data;
+        })
+      getAllCompany(codeAndBranchCompany => {
+        this.allCompanies = codeAndBranchCompany;
       });
       getUpkeepAll().then(response => {
         this.upkeepList = response.data
@@ -316,16 +238,15 @@
         'elements',
       ]),
     },
-    createFilter(queryString) {
-      return restaurant => {
-        return restaurant.name.indexOf(queryString.toLowerCase()) != -1;
-      };
+    watch: {
+      anpai(newValue, oldValue){
+        if(!newValue){
+          this.$emit("anpaiDialogEvent", false);
+        }
+      },
     },
-    /**
-     * 弹框-取消
-     * */
-    cancel() {
-      this.$emit("anpaiDialogEvent", false);
+    mounted() {
+      this.anpai = true;
     },
     methods: {
       goodChange(){
@@ -428,35 +349,9 @@
               }
             })
           }
-          let params = {
-            vehicleId: this.currentItem.item.id,
-            bookStartDate:
-              formatDate(this.form.times[0], "hh:mm:ss"), //预定开始时间
-            bookEndDate:
-              formatDate(this.form.times[1], "hh:mm:ss"), //预定结束时间
-            retCompany: this.form.arrivalBranchCompanyId, //还车分公司
-            bookType: this.form.bookType, //预定车辆用途类型
-            vehicleUsername: this.form.vehicleUsername, //使用人姓名
-            vehicleUserPhone: this.form.vehicleUserPhone, //使用人电话
-            remark: this.form.remark, //说明
-            upkeepIds:
-              this.form.bookType == 6 ? this.form.upkeepIds.join(",") : "" //保养类型
-          };
-          bookPlan(params).then(response => {
-            if (response.status === 200) {
-              this.$emit("anpaiDialogEvent", true);
-            } else {
-              this.$notify({
-                title: "失败",
-                message: response.message,
-                type: "error",
-                duration: 2000
-              });
-            }
-          });
-        }
-      });
+        })
+      },
+
     }
   }
-};
-</script>
+</script>
\ No newline at end of file