From e510360daba8cd06c698a79c5ec1f023876729d2 Mon Sep 17 00:00:00 2001
From: PQZ <pangqingzhou@gmail.com>
Date: Tue, 11 Feb 2025 15:25:07 +0800
Subject: [PATCH] 1

---
 .../drivingSchool/drivingSchoolCar/index.vue  | 361 ++++++++++++------
 1 file changed, 235 insertions(+), 126 deletions(-)

diff --git a/src/views/drivingSchool/drivingSchoolCar/index.vue b/src/views/drivingSchool/drivingSchoolCar/index.vue
index c8e5522..0b0c399 100644
--- a/src/views/drivingSchool/drivingSchoolCar/index.vue
+++ b/src/views/drivingSchool/drivingSchoolCar/index.vue
@@ -75,11 +75,11 @@
       <el-table-column label="车辆品牌" align="center" prop="brand" />
       <el-table-column label="车辆型号" align="center" prop="carModel" />
       <el-table-column label="车牌号码" align="center" prop="carNo" />
-      <el-table-column label="车辆照片" align="center" prop="carPhoto" width="100">
-        <template slot-scope="scope">
-          <image-preview :src="scope.row.carPhoto" :width="50" :height="50"/>
-        </template>
-      </el-table-column>
+<!--      <el-table-column label="车辆照片" align="center" prop="carPhoto" width="100">-->
+<!--        <template slot-scope="scope">-->
+<!--          <image-preview :src="scope.row.carPhoto" :width="50" :height="50"/>-->
+<!--        </template>-->
+<!--      </el-table-column>-->
       <el-table-column label="初登日期" align="center" prop="carRegisterDate" width="100">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.carRegisterDate, '{y}-{m}-{d}') }}</span>
@@ -97,16 +97,16 @@
           <dict-tag :type="DICT_TYPE.Car_blong" :value="scope.row.carBlong"/>
         </template>
       </el-table-column>
-      <el-table-column label="行驶证相片" align="center" prop="drivingLicence" width="100">
-        <template slot-scope="scope">
-          <image-preview :src="scope.row.drivingLicence" :width="50" :height="50"/>
-        </template>
-      </el-table-column>
-      <el-table-column label="运营证" align="center" prop="operationCertificate" width="100">
-        <template slot-scope="scope">
-          <image-preview :src="scope.row.operationCertificate" :width="50" :height="50"/>
-        </template>
-      </el-table-column>
+<!--      <el-table-column label="行驶证相片" align="center" prop="drivingLicence" width="100">-->
+<!--        <template slot-scope="scope">-->
+<!--          <image-preview :src="scope.row.drivingLicence" :width="50" :height="50"/>-->
+<!--        </template>-->
+<!--      </el-table-column>-->
+<!--      <el-table-column label="运营证" align="center" prop="operationCertificate" width="100">-->
+<!--        <template slot-scope="scope">-->
+<!--          <image-preview :src="scope.row.operationCertificate" :width="50" :height="50"/>-->
+<!--        </template>-->
+<!--      </el-table-column>-->
       <el-table-column label="二维日期" align="center" prop="repairDate" width="100">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.repairDate, '{y}-{m}-{d}') }}</span>
@@ -153,121 +153,226 @@
     <!-- 添加或修改车辆信息对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="750px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="120px">
-        <el-form-item label="车辆品牌" prop="brand">
-          <el-input v-model="form.brand" placeholder="请输入车辆品牌" />
-        </el-form-item>
-        <el-form-item label="车辆型号" prop="carModel">
-          <el-input v-model="form.carModel" placeholder="请输入车辆型号" />
-        </el-form-item>
-        <el-form-item label="车牌号码" prop="carNo">
-          <el-input v-model="form.carNo" placeholder="请输入车牌号码" />
-        </el-form-item>
-        <el-form-item label="车架号" prop="frameNumber">
-          <el-input v-model="form.frameNumber" placeholder="请输入车架号" />
-        </el-form-item>
-        <el-form-item label="发动机号码" prop="engineNumber">
-          <el-input v-model="form.engineNumber" placeholder="请输入发动机号码" />
-        </el-form-item>
-        <el-form-item label="教学类型" prop="courseType">
-          <el-select v-model="form.courseType" placeholder="请选择驾证类型">
-            <el-option v-for="dict in this.getDictDatas(DICT_TYPE.DRIVE_COURSE_TYPE)" :key="dict.value" :label="dict.label"
-                         :value="dict.value" />
-            </el-select>
-        </el-form-item>
-        <el-form-item label="车辆照片" prop="carPhoto">
-          <image-upload v-model="form.carPhoto"/>
-        </el-form-item>
-        <el-form-item label="初登日期" prop="carRegisterDate">
-          <el-date-picker clearable
-            v-model="form.carRegisterDate"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="请选择初登日期">
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="年检日期" prop="inspectionDate">
-          <el-date-picker clearable
-            v-model="form.inspectionDate"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="请选择年检日期">
-          </el-date-picker>
+
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="车牌号码" prop="carNo">
+              <el-input v-model="form.carNo" placeholder="请输入车牌号码" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="教学类型" prop="courseType">
+              <el-select v-model="form.courseType" placeholder="请选择驾证类型">
+                <el-option v-for="dict in this.getDictDatas(DICT_TYPE.DRIVE_COURSE_TYPE)" :key="dict.value" :label="dict.label"
+                           :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="车辆品牌" prop="brand">
+              <el-input v-model="form.brand" placeholder="请输入车辆品牌" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="车辆型号" prop="carModel">
+              <el-input v-model="form.carModel" placeholder="请输入车辆型号" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="车架号" prop="frameNumber">
+              <el-input v-model="form.frameNumber" placeholder="请输入车架号" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="发动机号码" prop="engineNumber">
+              <el-input v-model="form.engineNumber" placeholder="请输入发动机号码" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="车辆使用人" prop="coachId">
+              <el-select @change="coachChange" clearable  v-model="form.coachId" placeholder="请选择车辆使用人" style="width:100%">
+                <el-option
+                  v-for="item in coachList"
+                  :key="item.id"
+                  :value="item.id"
+                  :label="item.name"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="车辆所有人" prop="carBlong">
+              <el-select v-model="form.carBlong" placeholder="请选择车辆所有人">
+                <el-option
+                  v-for="dict in this.getDictDatas(DICT_TYPE.Car_blong)"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="初登日期" prop="carRegisterDate">
+              <el-date-picker clearable
+                              v-model="form.carRegisterDate"
+                              type="date"
+                              value-format="yyyy-MM-dd"
+                              placeholder="请选择初登日期">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="下线日期" prop="outlineDate">
+              <el-date-picker clearable
+                              v-model="form.outlineDate"
+                              type="date"
+                              value-format="yyyy-MM-dd"
+                              placeholder="请选择下线日期">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="二维日期" prop="repairDate">
+              <el-date-picker clearable
+                              v-model="form.repairDate"
+                              type="date"
+                              value-format="yyyy-MM-dd"
+                              placeholder="请选择二维日期">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="年检到期日期" prop="inspectionDate">
+              <el-date-picker clearable
+                              v-model="form.inspectionDate"
+                              type="date"
+                              value-format="yyyy-MM-dd"
+                              placeholder="请选择年检日期">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="最近保养日期" prop="upkeepRecentTime">
+              <el-date-picker clearable
+                              v-model="form.upkeepRecentTime"
+                              type="date"
+                              value-format="yyyy-MM-dd"
+                              placeholder="请选择最近保养日期">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="最近保养里程" prop="upkeepRecentMileage">
+              <el-input v-model="form.upkeepRecentMileage" placeholder="请输入最近保养里程" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="下次保养日期" prop="upkeepNextTime">
+              <el-date-picker clearable
+                              v-model="form.upkeepNextTime"
+                              type="date"
+                              value-format="yyyy-MM-dd"
+                              placeholder="请选择下次保养日期">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="下次保养里程" prop="upkeepNextMileage">
+              <el-input v-model="form.upkeepNextMileage" placeholder="请输入下次保养里程" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="保险起日期" prop="baoxianSttime">
+              <el-date-picker clearable
+                              v-model="form.baoxianSttime"
+                              type="date"
+                              value-format="yyyy-MM-dd"
+                              placeholder="请选择保险起日期">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="保险止日期" prop="baoxianEntime">
+              <el-date-picker clearable
+                              v-model="form.baoxianEntime"
+                              type="date"
+                              value-format="yyyy-MM-dd"
+                              placeholder="请选择保险止日期">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="承保公司" prop="company">
+              <el-input v-model="form.company" placeholder="请输入承保公司" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="保险内容" prop="content">
+              <el-input v-model="form.content" placeholder="请输入保险内容" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="交强险金额" prop="compulsoryIns">
+              <el-input v-model="form.compulsoryIns" placeholder="请输入交强险金额" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="商业险金额" prop="busiIns">
+              <el-input v-model="form.busiIns" placeholder="请输入商业险金额" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-form-item label="车辆封面图" prop="avatar">
+          <image-upload v-model="form.avatar"/>
         </el-form-item>
 
-        <el-form-item label="车辆使用人1" prop="coachId">
-          <el-select @change="coachChange" clearable  v-model="form.coachId" placeholder="请选择车辆使用人" style="width:100%">
-            <el-option
-              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
-              v-for="dict in this.getDictDatas(DICT_TYPE.Car_blong)"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"
-            ></el-option>
-          </el-select>
+        <el-form-item label="车辆相片" prop="carPhoto">
+          <image-upload v-model="form.carPhoto"/>
         </el-form-item>
+
         <el-form-item label="行驶证相片" prop="drivingLicence">
           <image-upload v-model="form.drivingLicence"/>
         </el-form-item>
-        <el-form-item label="运营证" prop="operationCertificate">
-          <image-upload v-model="form.operationCertificate"/>
+
+        <el-form-item label="保单相片" prop="drivingLicence">
+          <image-upload v-model="form.otherPhoto"/>
         </el-form-item>
 
-        <el-form-item label="二维日期" prop="repairDate">
-          <el-date-picker clearable
-            v-model="form.repairDate"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="请选择二维日期">
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="下线日期" prop="outlineDate">
-          <el-date-picker clearable
-                          v-model="form.outlineDate"
-                          type="date"
-                          value-format="yyyy-MM-dd"
-                          placeholder="请选择下线日期">
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="保险起日期" prop="baoxianSttime">
-          <el-date-picker clearable
-                          v-model="form.baoxianSttime"
-                          type="date"
-                          value-format="yyyy-MM-dd"
-                          placeholder="请选择保险起日期">
-          </el-date-picker>
-        </el-form-item>
-
-        <el-form-item label="保险止日期" prop="baoxianEntime">
-          <el-date-picker clearable
-                          v-model="form.baoxianEntime"
-                          type="date"
-                          value-format="yyyy-MM-dd"
-                          placeholder="请选择保险止日期">
-          </el-date-picker>
-        </el-form-item>
-
-        <el-form-item label="承保公司" prop="company">
-          <el-input v-model="form.company" placeholder="请输入承保公司" />
-        </el-form-item>
-
-        <el-form-item label="保险内容" prop="content">
-          <el-input v-model="form.content" placeholder="请输入保险内容" />
-        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -478,10 +583,14 @@ export default {
         operationCertificate: null,
         outlineDate: null,
         repairDate: null,
-        createTime: null,
-        createBy: null,
-        updateTime: null,
-        updateBy: null
+        avatar:null,
+        otherPhoto:null,
+        upkeepRecentTime:null,
+        upkeepRecentMileage:null,
+        upkeepNextTime:null,
+        upkeepNextMileage:null,
+        compulsoryIns:null,
+        busiIns:null
       };
       this.resetForm("form");
     },