<el-dialog :title="title" v-model="open" width="90%" append-to-body>
<el-form
ref="carRef"
:model="form"
:rules="rules"
label-width="80px"
style="height: 70vh"
>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="客户名称" prop="kname">
<el-input v-model="form.kname" placeholder="请输入客户名称" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电话" prop="dianhua">
<el-input v-model="form.dianhua" placeholder="请输入电话" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<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="chexing">
<el-input v-model="form.chexing" placeholder="请输入车型" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="车架号" prop="chejiahao">
<el-input v-model="form.chejiahao" placeholder="请输入车架号" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="保险公司" prop="bxgsName">
<el-input
v-model="form.bxgsName"
placeholder="请输入保险公司"
readonly
style="width: calc(100% - 80px)"
/>
<el-button type="primary" style="width: 80px" @click="selectBxgs"
>选择</el-button
>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item
label="保险到期日期"
prop="baoxiandqrq"
label-width="100px"
>
<el-date-picker
clearable
v-model="form.baoxiandqrq"
type="date"
value-format="YYYY-MM-DD"
placeholder="请选择保险到期日期"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12"> </el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="备注" prop="beizhu">
<el-input v-model="form.beizhu" placeholder="请输入备注" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</template>
</el-dialog>