车辆绑定教练

src/views/drivingSchool/drivingSchoolCar/api/car.js

@@ -8,7 +8,14 @@ export function listCar(query) {
     params: query
   })
 }
-
+// 查询教练信息
+export function listCoach(query) {
+  return request({
+    url: '/base/dl-drive-school-coach/list',
+    method: 'get',
+    params: query
+  })
+}
 // 查询车辆信息详细
 export function getCar(id) {
   return request({

src/views/drivingSchool/drivingSchoolCar/index.vue

@@ -181,12 +181,23 @@
             placeholder="请选择年检日期">
           </el-date-picker>
         </el-form-item>
-        <el-form-item label="车辆使用人" prop="userName">
+
-          <el-input v-model="form.userName" placeholder="请输入车辆使用人" />
+        <el-form-item label="车辆使用人1" prop="coachId">
-        </el-form-item>
+          <el-select @change="coachChange" clearable  v-model="form.coachId" placeholder="请选择车辆使用人" style="width:100%">
-        <el-form-item label="手机号" prop="userPhone">
+            <el-option
-          <el-input type="number" v-model="form.userPhone" placeholder="请输入手机号" />
+              v-for="item in coachList"
+              :key="item.id"
+              :value="item.id"
+              :label="item.name"
+            />
+          </el-select>
         </el-form-item>
+<!--        <el-form-item label="车辆使用人" prop="userName">-->
+<!--          <el-input v-model="form.userName" placeholder="请输入车辆使用人" />-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="手机号" prop="userPhone">-->
+<!--          <el-input type="number" v-model="form.userPhone" placeholder="请输入手机号" />-->
+<!--        </el-form-item>-->
         <el-form-item label="车辆所有人" prop="carBlong">
           <el-select v-model="form.carBlong" placeholder="请选择车辆所有人">
             <el-option
@@ -287,7 +298,7 @@
 </template>
 
 <script>
-import { listCar, getCar, delCar, addCar, updateCar } from "./api/car";
+import { listCar, getCar, delCar, addCar, updateCar,listCoach } from "./api/car";
 import { getAccessToken } from "@/utils/auth";
 
 export default {
@@ -349,6 +360,7 @@ export default {
       },
       // 表单参数
       form: {},
+      coachList:[],
       // 表单校验
       rules: {
         brand: [
@@ -395,6 +407,7 @@ export default {
   },
   created() {
     this.getList();
+    this.getCoachList();
   },
   methods: {
     // 提交上传文件
@@ -415,6 +428,21 @@ export default {
         this.loading = false;
       });
     },
+
+    /** 查询教练信息（不分页）*/
+    getCoachList(){
+      listCoach({}).then(res => {
+        this.coachList = res.data;
+      })
+    },
+    /** 选择车辆使用人 */
+    coachChange(row){
+      const selectedCoach = this.coachList.find(coach => coach.id === row);
+      this.form.userName = selectedCoach.name;
+      this.form.userPhone = selectedCoach.phone;
+      this.form.userId = selectedCoach.userId
+    },
+
     // 取消按钮
     cancel() {
       this.open = false;

src/views/drivingSchool/schoolCoach/form/DlDriveSchoolCoachForm.vue

@@ -25,9 +25,9 @@
         <el-form-item label="身份证号" prop="idNumber">
           <el-input v-model="formData.idNumber" placeholder="请输入身份证号"/>
         </el-form-item>
-        <el-form-item label="车牌" prop="carId">
+<!--        <el-form-item label="车牌" prop="carId">-->
-          <el-input v-model="formData.carId" placeholder="请输入车牌"/>
+<!--          <el-input v-model="formData.carId" placeholder="请输入车牌"/>-->
-        </el-form-item>
+<!--        </el-form-item>-->
         <el-form-item label="户籍地址" prop="regAddress">
           <el-input v-model="formData.regAddress" placeholder="请输入户籍地址"/>
         </el-form-item>