|
|
@@ -47,13 +47,12 @@
|
|
|
续保查询
|
|
|
</el-button>
|
|
|
</div>
|
|
|
- <el-form class="demo-ruleForm" :model="attributionform" ref="continuousform" label-width="130px"
|
|
|
- size="small" style="margin-top: 30px">
|
|
|
+ <el-form class="demo-ruleForm" :model="attributionform" ref="continuousform" label-width="130px" size="small"
|
|
|
+ style="margin-top: 30px">
|
|
|
<el-row>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="保险公司：" prop="companyId">
|
|
|
- <el-select v-model="attributionform.companyId" placeholder="请选择保险公司"
|
|
|
- @change="continuousChange">
|
|
|
+ <el-select v-model="attributionform.companyId" placeholder="请选择保险公司" @change="continuousChange">
|
|
|
<el-option v-for="(item, index) in continuousCompanyList" :key="index" :label="item.namesimple"
|
|
|
:value="item.id"></el-option>
|
|
|
</el-select>
|
|
|
@@ -66,7 +65,7 @@
|
|
|
message: domain.label + '不能为空',
|
|
|
trigger: 'blur',
|
|
|
}">
|
|
|
- <el-input v-model="domain.value" :type="domain.type"></el-input>
|
|
|
+ <el-input v-model="domain.value" :type="domain.type"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -93,9 +92,8 @@
|
|
|
<el-switch @change="transferFlagChange" v-model="carInfo.transferFlag" active-color="#ee7000"></el-switch>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-form class="demo-ruleForm" :model="carInfo" ref="carInfo" :rules="rules" label-width="130px" size="small "
|
|
|
- >
|
|
|
- <el-row style="flex-wrap: wrap; display: flex;" >
|
|
|
+ <el-form class="demo-ruleForm" :model="carInfo" ref="carInfo" :rules="rules" label-width="130px" size="small ">
|
|
|
+ <el-row style="flex-wrap: wrap; display: flex;">
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="车牌：" :prop="licenseplate ? 'licenseNo' : ''">
|
|
|
<el-input v-model="carInfo.licenseNo" placeholder="请输入车牌号" :disabled="!licenseplate"></el-input>
|
|
|
@@ -103,15 +101,17 @@
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="车辆识别代码：" prop="frameNo">
|
|
|
- <el-input placeholder="请输入车辆识别码" v-model="carInfo.frameNo" maxlength="17" type="text" show-word-limit>
|
|
|
- <el-button slot="append" icon="el-icon-search" @click="toChooseVin(carInfo.frameNo)" style="color: #ee6f00ce;"></el-button>
|
|
|
+ <el-input placeholder="请输入车辆识别码" v-model="carInfo.frameNo" maxlength="17" type="text" show-word-limit>
|
|
|
+ <el-button slot="append" icon="el-icon-search" @click="toChooseVin(carInfo.frameNo)"
|
|
|
+ style="color: #ee6f00ce;"></el-button>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="品牌型号：" prop="modelcname">
|
|
|
<el-input v-model="carInfo.modelcname" placeholder="请输入品牌型号" type="text">
|
|
|
- <el-button slot="append" icon="el-icon-search" @click="toChooseVehicleType(carInfo.modelcname)" style="color: #ee6f00ce;" ></el-button>
|
|
|
+ <el-button slot="append" icon="el-icon-search" @click="toChooseVehicleType(carInfo.modelcname)"
|
|
|
+ style="color: #ee6f00ce;"></el-button>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -131,8 +131,7 @@
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="座位数：" prop="seatCount">
|
|
|
- <el-input onkeyup="value=value.replace(/\D/g,'')" v-model="carInfo.seatCount"
|
|
|
- placeholder="请输入座位数">
|
|
|
+ <el-input onkeyup="value=value.replace(/\D/g,'')" v-model="carInfo.seatCount" placeholder="请输入座位数">
|
|
|
<el-button slot="append">座</el-button></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -152,8 +151,7 @@
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="新车购置价：" prop="purchasePrice">
|
|
|
- <el-input onkeyup="value=value.replace(/\D/g,'')" v-model="carInfo.purchasePrice"
|
|
|
- placeholder="请输入新车购置价">
|
|
|
+ <el-input onkeyup="value=value.replace(/\D/g,'')" v-model="carInfo.purchasePrice" placeholder="请输入新车购置价">
|
|
|
<el-button slot="append">元</el-button>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
@@ -177,22 +175,20 @@
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="注册日期：" prop="registerDate">
|
|
|
<el-date-picker v-dateFormat v-model="carInfo.registerDate" :picker-options="pickerOptions"
|
|
|
- value-format="yyyy-MM-dd" type="date" placeholder="选择注册日期" placement="bottom-start"
|
|
|
- ></el-date-picker>
|
|
|
+ value-format="yyyy-MM-dd" type="date" placeholder="选择注册日期" placement="bottom-start"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="发证日期：" prop="issueDate">
|
|
|
<el-date-picker v-dateFormat v-model="carInfo.issueDate" :picker-options="issueDateOptions" type="date"
|
|
|
- placeholder="选择发证日期" value-format="yyyy-MM-dd" placement="bottom-start" style="color: #f2870c42;"
|
|
|
- ></el-date-picker>
|
|
|
+ placeholder="选择发证日期" value-format="yyyy-MM-dd" placement="bottom-start"
|
|
|
+ style="color: #f2870c42;"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell" v-if="transferDateShow">
|
|
|
<el-form-item label="转移登记日期：" prop="transferDate">
|
|
|
<el-date-picker v-dateFormat v-model="carInfo.transferDate" :picker-options="pickerOptions" type="date"
|
|
|
- placeholder="选择日期" value-format="yyyy-MM-dd" placement="bottom-start"
|
|
|
- ></el-date-picker>
|
|
|
+ placeholder="选择日期" value-format="yyyy-MM-dd" placement="bottom-start"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -208,12 +204,12 @@
|
|
|
<i class="el-icon-camera-solid" style="margin-right:4px;"></i>证件识别
|
|
|
</el-button>
|
|
|
</div>
|
|
|
- <el-form class="demo-ruleForm" :model="ownerInfo" ref="ownerInfo" :rules="rules" label-width="130px"
|
|
|
- size="small" style="margin-top:30px;">
|
|
|
+ <el-form class="demo-ruleForm" :model="ownerInfo" ref="ownerInfo" :rules="rules" label-width="130px" size="small"
|
|
|
+ style="margin-top:30px;">
|
|
|
<el-row style="flex-wrap: wrap; display: flex;">
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="车主姓名：" prop="name">
|
|
|
- <el-input v-model="ownerInfo.name" placeholder="请输入车主姓名" ></el-input>
|
|
|
+ <el-input v-model="ownerInfo.name" placeholder="请输入车主姓名"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
@@ -225,26 +221,26 @@
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="证件号码：" prop="identifyNumber">
|
|
|
- <el-input v-model="ownerInfo.identifyNumber" placeholder="请输入证件号码" type="text"
|
|
|
- maxlength="18" show-word-limit></el-input>
|
|
|
+ <el-input v-model="ownerInfo.identifyNumber" placeholder="请输入证件号码" type="text" maxlength="18"
|
|
|
+ show-word-limit></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="车主手机号：" prop="mobile">
|
|
|
- <el-input v-model="ownerInfo.mobile" placeholder="请输入车主手机号" maxlength="11" type="text"
|
|
|
+ <el-input v-model="ownerInfo.mobile" placeholder="请输入车主手机号" maxlength="11" type="text"
|
|
|
show-word-limit></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="地址：" prop="addr">
|
|
|
- <el-input v-model="ownerInfo.addr" placeholder="请输入地址" type="text"></el-input>
|
|
|
+ <el-input v-model="ownerInfo.addr" placeholder="请输入地址" type="text"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="有效期起期：" prop="identifyValidDate">
|
|
|
<el-date-picker v-dateFormat v-model="ownerInfo.identifyValidDate" value-format="yyyy-MM-dd"
|
|
|
- :picker-options="pickerOptions" type="date" placeholder="选择注册日期" placement="bottom-start"
|
|
|
- ></el-date-picker>
|
|
|
+ :picker-options="pickerOptions" type="date" placeholder="选择注册日期"
|
|
|
+ placement="bottom-start"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
@@ -256,7 +252,7 @@
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="电子邮箱：" prop="email">
|
|
|
- <el-input v-model="ownerInfo.email" placeholder="请输入电子邮箱"></el-input>
|
|
|
+ <el-input v-model="ownerInfo.email" placeholder="请输入电子邮箱"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -279,43 +275,42 @@
|
|
|
</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-form v-show="!tbczcarShow" class="demo-ruleForm" :model="policyHolderInfo" ref="policyHolderInfo"
|
|
|
- :rules="rules" label-width="130px" size="small " style="margin-top:30px;">
|
|
|
+ <el-form v-show="!tbczcarShow" class="demo-ruleForm" :model="policyHolderInfo" ref="policyHolderInfo" :rules="rules"
|
|
|
+ label-width="130px" size="small " style="margin-top:30px;">
|
|
|
<el-row style="flex-wrap: wrap; display: flex;">
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="投保人姓名：" prop="name">
|
|
|
- <el-input v-model="policyHolderInfo.name" placeholder="请输入投保人姓名" ></el-input>
|
|
|
+ <el-input v-model="policyHolderInfo.name" placeholder="请输入投保人姓名"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="证件类型：" prop="identifyType">
|
|
|
- <el-select v-model="policyHolderInfo.identifyType" placeholder="身份证" disabled>
|
|
|
+ <el-select v-model="policyHolderInfo.identifyType" placeholder="身份证" disabled>
|
|
|
<el-option label="身份证" value="01"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="证件号码：" prop="identifyNumber">
|
|
|
- <el-input v-model="policyHolderInfo.identifyNumber" placeholder="请输入证件号码" type="text"
|
|
|
- maxlength="18" show-word-limit></el-input>
|
|
|
+ <el-input v-model="policyHolderInfo.identifyNumber" placeholder="请输入证件号码" type="text" maxlength="18"
|
|
|
+ show-word-limit></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="投保人手机号：" prop="mobile">
|
|
|
- <el-input v-model="policyHolderInfo.mobile" placeholder="请输入投保人手机号" maxlength="11"
|
|
|
- type="text" show-word-limit></el-input>
|
|
|
+ <el-input v-model="policyHolderInfo.mobile" placeholder="请输入投保人手机号" maxlength="11" type="text"
|
|
|
+ show-word-limit></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="地址：" prop="addr">
|
|
|
- <el-input v-model="policyHolderInfo.addr" placeholder="请输入地址" type="text"></el-input>
|
|
|
+ <el-input v-model="policyHolderInfo.addr" placeholder="请输入地址" type="text"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="有效期起期：" prop="identifyValidDate">
|
|
|
<el-date-picker v-dateFormat v-model="policyHolderInfo.identifyValidDate" value-format="yyyy-MM-dd"
|
|
|
- :picker-options="pickerOptions" type="date" placeholder="选择有效期" placement="bottom-start"
|
|
|
- ></el-date-picker>
|
|
|
+ :picker-options="pickerOptions" type="date" placeholder="选择有效期" placement="bottom-start"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
@@ -328,7 +323,7 @@
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="电子邮箱：" prop="email">
|
|
|
- <el-input v-model="policyHolderInfo.email" placeholder="请输入电子邮箱"></el-input>
|
|
|
+ <el-input v-model="policyHolderInfo.email" placeholder="请输入电子邮箱"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -355,56 +350,55 @@
|
|
|
</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-form v-show="!bbtbcarShow && !bbczcarShow" class="demo-ruleForm" :model="insuredPersonInfo"
|
|
|
+ <el-form v-show="!bbtbcarShow && !bbczcarShow" class="demo-ruleForm" :model="insuredPersonInfo"
|
|
|
ref="insuredPersonInfo" :rules="rules" label-width="130px" size="small" style="margin-top:30px;">
|
|
|
<el-row style="flex-wrap: wrap; display: flex;">
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="被保人姓名：" prop="name">
|
|
|
- <el-input v-model="insuredPersonInfo.name" placeholder="请输入被保人姓名" ></el-input>
|
|
|
+ <el-input v-model="insuredPersonInfo.name" placeholder="请输入被保人姓名"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="证件类型：" prop="identifyType">
|
|
|
- <el-select v-model="insuredPersonInfo.identifyType" placeholder="身份证" disabled>
|
|
|
+ <el-select v-model="insuredPersonInfo.identifyType" placeholder="身份证" disabled>
|
|
|
<el-option label="身份证" value="01"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="证件号码：" prop="identifyNumber">
|
|
|
- <el-input v-model="insuredPersonInfo.identifyNumber" placeholder="请输入证件号码" type="text"
|
|
|
- maxlength="18" show-word-limit></el-input>
|
|
|
+ <el-input v-model="insuredPersonInfo.identifyNumber" placeholder="请输入证件号码" type="text" maxlength="18"
|
|
|
+ show-word-limit></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="被保人手机号：" prop="mobile">
|
|
|
- <el-input v-model="insuredPersonInfo.mobile" placeholder="请输入被保人手机号" maxlength="11"
|
|
|
- type="text" show-word-limit></el-input>
|
|
|
+ <el-input v-model="insuredPersonInfo.mobile" placeholder="请输入被保人手机号" maxlength="11" type="text"
|
|
|
+ show-word-limit></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="地址：" prop="addr">
|
|
|
- <el-input v-model="insuredPersonInfo.addr" placeholder="请输入地址" type="text"></el-input>
|
|
|
+ <el-input v-model="insuredPersonInfo.addr" placeholder="请输入地址" type="text"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="有效期起期：" prop="identifyValidDate">
|
|
|
<el-date-picker v-dateFormat v-model="insuredPersonInfo.identifyValidDate" value-format="yyyy-MM-dd"
|
|
|
- :picker-options="pickerOptions" type="date" placeholder="选择有效期" placement="bottom-start"
|
|
|
- ></el-date-picker>
|
|
|
+ :picker-options="pickerOptions" type="date" placeholder="选择有效期" placement="bottom-start"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="有效期止期：" prop="identifyValidEndDate">
|
|
|
<el-date-picker v-dateFormat v-model="insuredPersonInfo.identifyValidEndDate" type="date"
|
|
|
- value-format="yyyy-MM-dd" placeholder="选择有效期" placement="bottom-start"
|
|
|
+ value-format="yyyy-MM-dd" placeholder="选择有效期" placement="bottom-start"
|
|
|
style="width: calc(100% - 40px);"></el-date-picker>
|
|
|
<div class="insure-long-term" @click="insureLongterm('insuredPersonInfo')">长期</div>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="电子邮箱：" prop="email">
|
|
|
- <el-input v-model="insuredPersonInfo.email" placeholder="请输入电子邮箱"></el-input>
|
|
|
+ <el-input v-model="insuredPersonInfo.email" placeholder="请输入电子邮箱"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -417,8 +411,7 @@
|
|
|
<span style="margin-left:10px;">投保信息</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-form class="back demo-ruleForm" :model="Carinsurance" label-width="150px" size="small"
|
|
|
- style="padding:20px;">
|
|
|
+ <el-form class="back demo-ruleForm" :model="Carinsurance" label-width="150px" size="small" style="padding:20px;">
|
|
|
<el-row>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell" style="margin-right:50px">
|
|
|
<div class="flex j-c a-start">
|
|
|
@@ -426,11 +419,11 @@
|
|
|
<div class="flex f-c a-c">
|
|
|
<el-form-item label="交强险起保日期：" prop="identifyNumber">
|
|
|
<el-date-picker v-dateFormat value-format="yyyy-MM-dd HH:mm:ss" v-model="jqstartDate" @change="jqChange"
|
|
|
- type="datetime" placeholder="选择日期时间" placement="bottom-start"></el-date-picker>
|
|
|
+ type="datetime" placeholder="选择日期时间" placement="bottom-start"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="交强险终保日期：" prop="identifyNumber">
|
|
|
<el-date-picker v-dateFormat value-format="yyyy-MM-dd HH:mm:ss" v-model="jqendDate" type="datetime"
|
|
|
- placeholder="选择日期时间" placement="bottom-start"></el-date-picker>
|
|
|
+ placeholder="选择日期时间" placement="bottom-start"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
|
|
|
@@ -438,14 +431,14 @@
|
|
|
</el-col>
|
|
|
<el-col :xs="2" :sm="2" :md="2" :lg="2" :xl="2">
|
|
|
<div class="flex f-c">
|
|
|
- <span style="font-size:12px;">同步</span>
|
|
|
- <svg data-v-7ff62e07 t="1595555843123" viewBox="0 0 1505 1024" version="1.1"
|
|
|
- xmlns="http://www.w3.org/2000/svg" p-id="7086" width="100" height="100" class="icon">
|
|
|
- <path data-v-7ff62e07
|
|
|
- d="M227.83021864 224.558766h537.088236l0.906223-176.562471c0.151037-42.743524 51.956792-64.039767 82.16423-33.83233L1311.06892164 478.30124c18.879648 18.879648 18.728611 49.38916-0.151037 68.268808L843.30675464 1009.952137c-30.509512 30.207437-82.315267 8.458082-82.013192-34.436479l0.755186-170.974095H227.83021864c-26.28047 0-47.425677-21.296243-47.425676-47.425676V271.984443C180.25350564 245.703972 201.54974864 224.558766 227.83021864 224.558766z"
|
|
|
- p-id="7087" fill="#f05f08" @click="synchronization" />
|
|
|
- </svg>
|
|
|
- </div>
|
|
|
+ <span style="font-size:12px;">同步</span>
|
|
|
+ <svg data-v-7ff62e07 t="1595555843123" viewBox="0 0 1505 1024" version="1.1"
|
|
|
+ xmlns="http://www.w3.org/2000/svg" p-id="7086" width="100" height="100" class="icon">
|
|
|
+ <path data-v-7ff62e07
|
|
|
+ d="M227.83021864 224.558766h537.088236l0.906223-176.562471c0.151037-42.743524 51.956792-64.039767 82.16423-33.83233L1311.06892164 478.30124c18.879648 18.879648 18.728611 49.38916-0.151037 68.268808L843.30675464 1009.952137c-30.509512 30.207437-82.315267 8.458082-82.013192-34.436479l0.755186-170.974095H227.83021864c-26.28047 0-47.425677-21.296243-47.425676-47.425676V271.984443C180.25350564 245.703972 201.54974864 224.558766 227.83021864 224.558766z"
|
|
|
+ p-id="7087" fill="#f05f08" @click="synchronization" />
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
</el-col>
|
|
|
<el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<div class="flex j-c a-start">
|
|
|
@@ -453,11 +446,11 @@
|
|
|
<div class="flex f-c a-c">
|
|
|
<el-form-item label="商业险起保日期：" prop="name">
|
|
|
<el-date-picker v-dateFormat value-format="yyyy-MM-dd HH:mm:ss" v-model="systartDate" @change="syChange"
|
|
|
- type="datetime" placeholder="选择日期时间" placement="bottom-start"></el-date-picker>
|
|
|
+ type="datetime" placeholder="选择日期时间" placement="bottom-start"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="商业险终保日期：" prop="name">
|
|
|
<el-date-picker v-dateFormat value-format="yyyy-MM-dd HH:mm:ss" v-model="syendDate" type="datetime"
|
|
|
- placeholder="选择日期时间" placement="bottom-start"></el-date-picker>
|
|
|
+ placeholder="选择日期时间" placement="bottom-start"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -483,10 +476,13 @@
|
|
|
v-show="insureindex < insureLength">
|
|
|
<div style="width:700px;padding-left: 100px;" class="flex j-s a-c">
|
|
|
<div style="width:auto;">
|
|
|
- <span style="text-align:center;">{{ insureitem.kindName }}<el-input v-show="insureitem.kindCode == 'D4' || insureitem.kindCode == 'MJ4' || insureitem.kindCode == 'SY_FJ_YBW2'" v-model="sumseatCount" style="width:40px;margin:0 5px;" size="small" placeholder disabled></el-input>座</span>
|
|
|
+ <span style="text-align:center;">{{ insureitem.kindName }}<el-input
|
|
|
+ v-show="insureitem.kindCode == 'D4' || insureitem.kindCode == 'MJ4' || insureitem.kindCode == 'SY_FJ_YBW2'"
|
|
|
+ v-model="sumseatCount" style="width:40px;margin:0 5px;" size="small" placeholder
|
|
|
+ disabled></el-input>座</span>
|
|
|
</div>
|
|
|
- <el-select filterable v-model="insureitem.amount" placeholder="请选择" @change="insureitemChange"
|
|
|
- size="small" class="widths1">
|
|
|
+ <el-select filterable v-model="insureitem.amount" placeholder="请选择" @change="insureitemChange" size="small"
|
|
|
+ class="widths1">
|
|
|
<el-option :label="item.label" :value="item.value" v-for="(item, index) in insureitem.amtList"
|
|
|
:key="index"></el-option>
|
|
|
</el-select>
|
|
|
@@ -571,7 +567,7 @@
|
|
|
<span
|
|
|
v-show="(reslistitem.quoteCode != '200') && (reslistitem.quoteCode != '0') && (reslistitem.quoteCode != '1')">
|
|
|
{{
|
|
|
- reslistitem.msg.length>500? reslistitem.msg:reslistitem.msg.slice(0,500) }}
|
|
|
+ reslistitem.msg.length > 500 ? reslistitem.msg.slice(0, 500) : reslistitem.msg }}
|
|
|
</span>
|
|
|
</div>
|
|
|
<div style="width:15%;" class="flex j-start a-c">
|
|
|
@@ -589,9 +585,9 @@
|
|
|
</div>
|
|
|
|
|
|
<div v-if="reslistitem.checked" class="dis a-c Driving-risk" style="margin-top: 10px;">
|
|
|
- <h4 >报价协议选择：</h4>
|
|
|
- <el-select size="small" v-model="reslistitem.agreementId" placeholder="请选择协议" class="widths" :clearable="true"
|
|
|
- @change="val => agreementChange(val, reslistitem.agreement, reslistindex, reslistitem)">
|
|
|
+ <h4>报价协议选择：</h4>
|
|
|
+ <el-select size="small" v-model="reslistitem.agreementId" placeholder="请选择协议" class="widths"
|
|
|
+ :clearable="true" @change="val => agreementChange(val, reslistitem.agreement, reslistindex, reslistitem)">
|
|
|
<div v-for="(agreementitem, agreementindex ) in reslistitem.agreement" :key="agreementindex">
|
|
|
<div
|
|
|
v-if="agreementitem.licenseNo.length > 0 ? agreementitem.licenseNo.includes(carInfo.licenseNo.slice(0, 2)) : 'true'">
|
|
|
@@ -636,8 +632,8 @@
|
|
|
<h3>意外险信息</h3>
|
|
|
<el-form :inline="true" :model="accidentForm" class="demo-form-inline" size="small">
|
|
|
<el-form-item label="意外险类型：" style="margin-right:30px;">
|
|
|
- <el-select clearable v-model="accidentForm.accidentType" placeholder="选择类型"
|
|
|
- @clear="clearAccidentForm" @change="ywxxxchange">
|
|
|
+ <el-select clearable v-model="accidentForm.accidentType" placeholder="选择类型" @clear="clearAccidentForm"
|
|
|
+ @change="ywxxxchange">
|
|
|
<el-option v-for="(item, index) in accidentDataList" :key="index" :label="item.name"
|
|
|
:value="item.id"></el-option>
|
|
|
</el-select>
|
|
|
@@ -678,8 +674,8 @@
|
|
|
<h4>意外险信息</h4>
|
|
|
<el-form :inline="true" :model="zmDrivingForm" class="demo-form-inline" size="small">
|
|
|
<el-form-item label="产品：" style="margin-right:30px;">
|
|
|
- <el-select clearable v-model="zmDrivingForm.id" placeholder="选择产品"
|
|
|
- @change="zmdvchange" @clear="zmdvclear">
|
|
|
+ <el-select clearable v-model="zmDrivingForm.id" placeholder="选择产品" @change="zmdvchange"
|
|
|
+ @clear="zmdvclear">
|
|
|
<el-option v-for="(item, index) in zhongmeiDrivinglist" :key="index" :label="item.rideRiskName"
|
|
|
:value="item.id"></el-option>
|
|
|
</el-select>
|
|
|
@@ -1201,31 +1197,31 @@
|
|
|
<div style="text-align:center;">
|
|
|
<el-form :model="carform" label-width="130px" size="small">
|
|
|
<el-form-item label="车牌号">
|
|
|
- <el-input v-model="carform.licenseNo" autocomplete="off" ></el-input>
|
|
|
+ <el-input v-model="carform.licenseNo" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="车架号">
|
|
|
- <el-input v-model="carform.frameNo" autocomplete="off" ></el-input>
|
|
|
+ <el-input v-model="carform.frameNo" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="品牌型号">
|
|
|
- <el-input v-model="carform.modelcname" autocomplete="off" ></el-input>
|
|
|
+ <el-input v-model="carform.modelcname" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="发动机号">
|
|
|
- <el-input v-model="carform.engineNo" autocomplete="off" ></el-input>
|
|
|
+ <el-input v-model="carform.engineNo" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="总质量">
|
|
|
- <el-input v-model="carform.grossMass" autocomplete="off" ></el-input>
|
|
|
+ <el-input v-model="carform.grossMass" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="整备质量">
|
|
|
- <el-input v-model="carform.unladenMass" autocomplete="off" ></el-input>
|
|
|
+ <el-input v-model="carform.unladenMass" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="核定载客数">
|
|
|
- <el-input v-model="carform.approvedPassengersCapacity" autocomplete="off" ></el-input>
|
|
|
+ <el-input v-model="carform.approvedPassengersCapacity" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="发证日期">
|
|
|
- <el-input v-model="carform.issueDate" autocomplete="off" ></el-input>
|
|
|
+ <el-input v-model="carform.issueDate" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="注册日期">
|
|
|
- <el-input v-model="carform.registerDate" autocomplete="off" ></el-input>
|
|
|
+ <el-input v-model="carform.registerDate" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
@@ -1273,29 +1269,28 @@
|
|
|
<div style="text-align:center;">
|
|
|
<el-form :model="ownerInfoform" label-width="130px" size="small">
|
|
|
<el-form-item label="姓名">
|
|
|
- <el-input v-model="ownerInfoform.name" autocomplete="off" ></el-input>
|
|
|
+ <el-input v-model="ownerInfoform.name" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="证件类型">
|
|
|
- <el-input v-model="ownerInfoform.identifyType" autocomplete="off" ></el-input>
|
|
|
+ <el-input v-model="ownerInfoform.identifyType" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="证件号码">
|
|
|
- <el-input v-model="ownerInfoform.identifyNumber" autocomplete="off" ></el-input>
|
|
|
+ <el-input v-model="ownerInfoform.identifyNumber" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="车主手机号">
|
|
|
- <el-input v-model="ownerInfoform.mobile" autocomplete="off" ></el-input>
|
|
|
+ <el-input v-model="ownerInfoform.mobile" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="地址">
|
|
|
- <el-input v-model="ownerInfoform.addr" autocomplete="off" ></el-input>
|
|
|
+ <el-input v-model="ownerInfoform.addr" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="有效期起期">
|
|
|
- <el-input disabled v-model="ownerInfoform.identifyValidDate" autocomplete="off" ></el-input>
|
|
|
+ <el-input disabled v-model="ownerInfoform.identifyValidDate" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="有效期止期">
|
|
|
- <el-input disabled v-model="ownerInfoform.identifyValidEndDate" autocomplete="off"
|
|
|
- ></el-input>
|
|
|
+ <el-input disabled v-model="ownerInfoform.identifyValidEndDate" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="电子邮箱">
|
|
|
- <el-input v-model="ownerInfoform.email" autocomplete="off" ></el-input>
|
|
|
+ <el-input v-model="ownerInfoform.email" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
@@ -1537,11 +1532,11 @@ export default {
|
|
|
}
|
|
|
};
|
|
|
return {
|
|
|
- xlcell:6,
|
|
|
- lgcell:12,
|
|
|
- mdcell:12,
|
|
|
- smcell:24,
|
|
|
- xscell:24,
|
|
|
+ xlcell: 6,
|
|
|
+ lgcell: 12,
|
|
|
+ mdcell: 12,
|
|
|
+ smcell: 24,
|
|
|
+ xscell: 24,
|
|
|
// ------------紫金意外险
|
|
|
ziJinInsuranceData: [],
|
|
|
accidentalDrivingVo: [],
|
|
|
@@ -5532,7 +5527,8 @@ export default {
|
|
|
border-color: #ff7000;
|
|
|
}
|
|
|
}
|
|
|
- .el-input--small .el-icon-date{
|
|
|
+
|
|
|
+ .el-input--small .el-icon-date {
|
|
|
color: #ee6f00ce;
|
|
|
}
|
|
|
}
|
