dianliang/lanan-system-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
PQZ 2025-02-11 15:25:07 +08:00
parent f062316b63
commit e510360dab
1 changed files with 235 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

361
src/views/drivingSchool/drivingSchoolCar/index.vue
View File

@ -75,11 +75,11 @@
<el-table-column label="车辆品牌" align="center" prop="brand" /> <el-table-column label="车辆品牌" align="center" prop="brand" />
<el-table-column label="车辆型号" align="center" prop="carModel" /> <el-table-column label="车辆型号" align="center" prop="carModel" />
<el-table-column label="车牌号码" align="center" prop="carNo" /> <el-table-column label="车牌号码" align="center" prop="carNo" />
<el-table-column label="车辆照片" align="center" prop="carPhoto" width="100"> <!-- <el-table-column label="车辆照片" align="center" prop="carPhoto" width="100">-->
<template slot-scope="scope"> <!-- <template slot-scope="scope">-->
<image-preview :src="scope.row.carPhoto" :width="50" :height="50"/> <!-- <image-preview :src="scope.row.carPhoto" :width="50" :height="50"/>-->
</template> <!-- </template>-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column label="初登日期" align="center" prop="carRegisterDate" width="100"> <el-table-column label="初登日期" align="center" prop="carRegisterDate" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.carRegisterDate, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.carRegisterDate, '{y}-{m}-{d}') }}</span>
@ -97,16 +97,16 @@
<dict-tag :type="DICT_TYPE.Car_blong" :value="scope.row.carBlong"/> <dict-tag :type="DICT_TYPE.Car_blong" :value="scope.row.carBlong"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="行驶证相片" align="center" prop="drivingLicence" width="100"> <!-- <el-table-column label="行驶证相片" align="center" prop="drivingLicence" width="100">-->
<template slot-scope="scope"> <!-- <template slot-scope="scope">-->
<image-preview :src="scope.row.drivingLicence" :width="50" :height="50"/> <!-- <image-preview :src="scope.row.drivingLicence" :width="50" :height="50"/>-->
</template> <!-- </template>-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column label="运营证" align="center" prop="operationCertificate" width="100"> <!-- <el-table-column label="运营证" align="center" prop="operationCertificate" width="100">-->
<template slot-scope="scope"> <!-- <template slot-scope="scope">-->
<image-preview :src="scope.row.operationCertificate" :width="50" :height="50"/> <!-- <image-preview :src="scope.row.operationCertificate" :width="50" :height="50"/>-->
</template> <!-- </template>-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column label="二维日期" align="center" prop="repairDate" width="100"> <el-table-column label="二维日期" align="center" prop="repairDate" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.repairDate, '{y}-{m}-{d}') }}</span> <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-dialog :title="title" :visible.sync="open" width="750px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="120px"> <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-row>
</el-form-item> <el-col :span="12">
<el-form-item label="车辆型号" prop="carModel"> <el-form-item label="车牌号码" prop="carNo">
<el-input v-model="form.carModel" placeholder="请输入车辆型号" /> <el-input v-model="form.carNo" placeholder="请输入车牌号码" />
</el-form-item> </el-form-item>
<el-form-item label="车牌号码" prop="carNo"> </el-col>
<el-input v-model="form.carNo" placeholder="请输入车牌号码" /> <el-col :span="12">
</el-form-item> <el-form-item label="教学类型" prop="courseType">
<el-form-item label="车架号" prop="frameNumber"> <el-select v-model="form.courseType" placeholder="请选择驾证类型">
<el-input v-model="form.frameNumber" placeholder="请输入车架号" /> <el-option v-for="dict in this.getDictDatas(DICT_TYPE.DRIVE_COURSE_TYPE)" :key="dict.value" :label="dict.label"
</el-form-item> :value="dict.value" />
<el-form-item label="发动机号码" prop="engineNumber"> </el-select>
<el-input v-model="form.engineNumber" placeholder="请输入发动机号码" /> </el-form-item>
</el-form-item> </el-col>
<el-form-item label="教学类型" prop="courseType"> </el-row>
<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" <el-row>
:value="dict.value" /> <el-col :span="12">
</el-select> <el-form-item label="车辆品牌" prop="brand">
</el-form-item> <el-input v-model="form.brand" placeholder="请输入车辆品牌" />
<el-form-item label="车辆照片" prop="carPhoto"> </el-form-item>
<image-upload v-model="form.carPhoto"/> </el-col>
</el-form-item> <el-col :span="12">
<el-form-item label="初登日期" prop="carRegisterDate"> <el-form-item label="车辆型号" prop="carModel">
<el-date-picker clearable <el-input v-model="form.carModel" placeholder="请输入车辆型号" />
v-model="form.carRegisterDate" </el-form-item>
type="date" </el-col>
value-format="yyyy-MM-dd" </el-row>
placeholder="请选择初登日期">
</el-date-picker> <el-row>
</el-form-item> <el-col :span="12">
<el-form-item label="年检日期" prop="inspectionDate"> <el-form-item label="车架号" prop="frameNumber">
<el-date-picker clearable <el-input v-model="form.frameNumber" placeholder="请输入车架号" />
v-model="form.inspectionDate" </el-form-item>
type="date" </el-col>
value-format="yyyy-MM-dd" <el-col :span="12">
placeholder="请选择年检日期"> <el-form-item label="发动机号码" prop="engineNumber">
</el-date-picker> <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>
<el-form-item label="车辆使用人1" prop="coachId"> <el-form-item label="车辆相片" prop="carPhoto">
<el-select @change="coachChange" clearable v-model="form.coachId" placeholder="请选择车辆使用人" style="width:100%"> <image-upload v-model="form.carPhoto"/>
<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> </el-form-item>
<el-form-item label="行驶证相片" prop="drivingLicence"> <el-form-item label="行驶证相片" prop="drivingLicence">
<image-upload v-model="form.drivingLicence"/> <image-upload v-model="form.drivingLicence"/>
</el-form-item> </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>
<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> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button> <el-button type="primary" @click="submitForm">确 定</el-button>
@ -478,10 +583,14 @@ export default {
operationCertificate: null, operationCertificate: null,
outlineDate: null, outlineDate: null,
repairDate: null, repairDate: null,
createTime: null, avatar:null,
createBy: null, otherPhoto:null,
updateTime: null, upkeepRecentTime:null,
updateBy: null upkeepRecentMileage:null,
upkeepNextTime:null,
upkeepNextMileage:null,
compulsoryIns:null,
busiIns:null
}; };
this.resetForm("form"); this.resetForm("form");
}, },