|
|
@@ -7,30 +7,30 @@
|
|
|
<span style="margin-left:10px;">归属信息</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-form class="demo-ruleForm" :inline="true" :model="userform" ref="userform" label-width="130px" size="small"
|
|
|
+ <el-form class="demo-ruleForm" :model="userform" ref="userform" label-width="130px" size="small"
|
|
|
style="margin-top:30px;" disabled>
|
|
|
<el-row>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :span="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="业务员:">
|
|
|
- <el-input v-model="userform.name" class="widths1"></el-input>
|
|
|
+ <el-input v-model="userform.name"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :span="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="工号:">
|
|
|
- <el-input class="widths1" v-model="userform.id" type="text"></el-input>
|
|
|
+ <el-input v-model="userform.id" type="text"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :span="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="工号类型:">
|
|
|
- <el-select v-model="userform.usertype" class="widths1">
|
|
|
+ <el-select v-model="userform.usertype">
|
|
|
<el-option label="业务员" value="A"></el-option>
|
|
|
<el-option label="代理人" value="B"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :span="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="归属:">
|
|
|
- <el-input class="widths1" v-model="deptName"></el-input>
|
|
|
+ <el-input v-model="deptName"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -47,26 +47,25 @@
|
|
|
续保查询
|
|
|
</el-button>
|
|
|
</div>
|
|
|
- <el-form class="demo-ruleForm" :inline="true" :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="24" :sm="24" :md="12" :lg="12" :xl="8" :span="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="保险公司:" prop="companyId">
|
|
|
- <el-select v-model="attributionform.companyId" class="widths1" 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>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :span="8"
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell"
|
|
|
v-for="(domain, index) in attributionform.configure" :key="domain.index">
|
|
|
<el-form-item :label="domain.label + ':'" :prop="'configure.' + index + '.value'" :rules="{
|
|
|
required: true,
|
|
|
message: domain.label + '不能为空',
|
|
|
trigger: 'blur',
|
|
|
}">
|
|
|
- <el-input class="widths1" 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,103 +92,105 @@
|
|
|
<el-switch @change="transferFlagChange" v-model="carInfo.transferFlag" active-color="#ee7000"></el-switch>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-form class="demo-ruleForm" :inline="true" :model="carInfo" ref="carInfo" :rules="rules" label-width="130px"
|
|
|
- size="small " style="margin:15px 30px;">
|
|
|
- <el-row>
|
|
|
-
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :span="8">
|
|
|
+ <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="请输入车牌号" class="widths"
|
|
|
- :disabled="!licenseplate"></el-input>
|
|
|
+ <el-input v-model="carInfo.licenseNo" placeholder="请输入车牌号" :disabled="!licenseplate"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
|
|
|
- <el-form-item label="车辆识别代码:" prop="frameNo" class="dis">
|
|
|
- <el-input v-model="carInfo.frameNo" placeholder="请输入车辆识别码" class="widths" maxlength="17" type="text"
|
|
|
- show-word-limit></el-input>
|
|
|
- <el-button type="primary" size="mini " icon="el-icon-search"
|
|
|
- @click="toChooseVin(carInfo.frameNo)"></el-button>
|
|
|
+ <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>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
|
|
|
- <el-form-item label="品牌型号:" prop="modelcname" class="dis align">
|
|
|
- <el-input v-model="carInfo.modelcname" placeholder="请输入品牌型号" class="widths"></el-input>
|
|
|
- <el-button type="primary" size="mini " icon="el-icon-search"
|
|
|
- @click="toChooseVehicleType(carInfo.modelcname)"></el-button>
|
|
|
+ <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-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="发动机号:" prop="engineNo">
|
|
|
- <el-input class="widths" onkeyup="value=value.replace(/[^\w-]/ig,'')" v-model="carInfo.engineNo"
|
|
|
+ <el-input onkeyup="value=value.replace(/[^\w-]/ig,'')" v-model="carInfo.engineNo"
|
|
|
placeholder="请输入发动机号"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
|
|
|
+
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="年款:" prop="caryear">
|
|
|
- <el-input class="widths" onkeyup="value=value.replace(/\D/g,'')" v-model="carInfo.caryear"
|
|
|
- placeholder="请输入年款"></el-input>
|
|
|
+ <el-input onkeyup="value=value.replace(/\D/g,'')" v-model="carInfo.caryear" placeholder="请输入年款">
|
|
|
+
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="座位数:" prop="seatCount">
|
|
|
- <el-input class="widths" onkeyup="value=value.replace(/\D/g,'')" v-model="carInfo.seatCount"
|
|
|
- placeholder="请输入座位数"></el-input>
|
|
|
+ <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>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="排量:" prop="enginedesc">
|
|
|
- <el-input class="widths" v-model="carInfo.enginedesc" placeholder="请输入排量"></el-input>
|
|
|
+ <el-input v-model="carInfo.enginedesc" placeholder="请输入排量">
|
|
|
+ <el-button slot="append">升(L)</el-button>
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="功率:" prop="powerScale">
|
|
|
- <el-input class="widths" v-model="carInfo.powerScale" placeholder="请输入功率"></el-input>
|
|
|
+ <el-input v-model="carInfo.powerScale" placeholder="请输入功率">
|
|
|
+ <el-button slot="append">千瓦(KW)</el-button>
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="新车购置价:" prop="purchasePrice">
|
|
|
- <el-input class="widths" onkeyup="value=value.replace(/\D/g,'')" v-model="carInfo.purchasePrice"
|
|
|
- placeholder="请输入新车购置价"></el-input>
|
|
|
+ <el-input onkeyup="value=value.replace(/\D/g,'')" v-model="carInfo.purchasePrice" placeholder="请输入新车购置价">
|
|
|
+ <el-button slot="append">元</el-button>
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="使用性质:" prop="carnature">
|
|
|
- <el-select v-model="carInfo.carnature" placeholder="请选择使用性质" class="widths">
|
|
|
+ <el-select v-model="carInfo.carnature" placeholder="请选择使用性质">
|
|
|
<el-option :label="item.label" :value="item.id" v-for="(item, index) in carnatureList"
|
|
|
:key="index"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="能源种类:" prop="energyType">
|
|
|
- <el-select v-model="carInfo.energyType" placeholder="请选择能源种类" class="widths">
|
|
|
+ <el-select v-model="carInfo.energyType" placeholder="请选择能源种类">
|
|
|
<el-option :label="item.name" :value="item.value" v-for="(item, index) in fuelTypeCodeList"
|
|
|
:key="index"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
|
|
|
+ <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="选择注册日期" class="widths" placement="bottom-start"
|
|
|
- style="width: 230px;"></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="24" :sm="24" :md="12" :lg="12" :xl="8">
|
|
|
+ <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" class="widths" placement="bottom-start"
|
|
|
- style="width: 230px;"></el-date-picker>
|
|
|
+ placeholder="选择发证日期" value-format="yyyy-MM-dd" placement="bottom-start"
|
|
|
+ ></el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8" v-if="transferDateShow">
|
|
|
+ <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" class="widths" placement="bottom-start"
|
|
|
- style="width: 230px;"></el-date-picker>
|
|
|
+ placeholder="选择日期" value-format="yyyy-MM-dd" placement="bottom-start"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
-
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
@@ -203,55 +204,55 @@
|
|
|
<i class="el-icon-camera-solid" style="margin-right:4px;"></i>证件识别
|
|
|
</el-button>
|
|
|
</div>
|
|
|
- <el-form class="demo-ruleForm" :inline="true" :model="ownerInfo" ref="ownerInfo" :rules="rules" label-width="130px"
|
|
|
- size="small" style="margin-top:30px;">
|
|
|
- <el-row>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :span="8">
|
|
|
+ <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="请输入车主姓名" class="widths1"></el-input>
|
|
|
+ <el-input v-model="ownerInfo.name" placeholder="请输入车主姓名"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="证件类型:" prop="identifyType">
|
|
|
- <el-select v-model="ownerInfo.identifyType" placeholder="身份证" class="widths1" disabled>
|
|
|
+ <el-select v-model="ownerInfo.identifyType" placeholder="身份证" disabled>
|
|
|
<el-option label="身份证" value="01"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
|
|
|
+ <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="请输入证件号码" class="widths1" 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="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="车主手机号:" prop="mobile">
|
|
|
- <el-input class="widths1" 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="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="地址:" prop="addr">
|
|
|
- <el-input class="widths1" 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="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <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"
|
|
|
- style="width: 300px;"></el-date-picker>
|
|
|
+ :picker-options="pickerOptions" type="date" placeholder="选择注册日期"
|
|
|
+ placement="bottom-start"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <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="ownerInfo.identifyValidEndDate" type="date" value-format="yyyy-MM-dd"
|
|
|
- placeholder="选择有效期" placement="bottom-start" style="width: 260px;"></el-date-picker>
|
|
|
+ placeholder="选择有效期" placement="bottom-start" style="width: calc(100% - 40px);"></el-date-picker>
|
|
|
<div class="insure-long-term" @click="insureLongterm('ownerInfo')">长期</div>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="电子邮箱:" prop="email">
|
|
|
- <el-input class="widths1" v-model="ownerInfo.email" placeholder="请输入电子邮箱"></el-input>
|
|
|
+ <el-input v-model="ownerInfo.email" placeholder="请输入电子邮箱"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -274,56 +275,55 @@
|
|
|
</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-form v-show="!tbczcarShow" class="demo-ruleForm" :inline="true" :model="policyHolderInfo" ref="policyHolderInfo"
|
|
|
- :rules="rules" label-width="130px" size="small " style="margin-top:30px;">
|
|
|
- <el-row>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
|
|
|
+ <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="请输入投保人姓名" class="widths1"></el-input>
|
|
|
+ <el-input v-model="policyHolderInfo.name" placeholder="请输入投保人姓名"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
|
|
|
+ <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="身份证" class="widths1" 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="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
|
|
|
+ <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="请输入证件号码" class="widths1" 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="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="投保人手机号:" prop="mobile">
|
|
|
- <el-input class="widths1" 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="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="地址:" prop="addr">
|
|
|
- <el-input class="widths1" 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="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <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"
|
|
|
- style="width: 300px;"></el-date-picker>
|
|
|
+ :picker-options="pickerOptions" type="date" placeholder="选择有效期" placement="bottom-start"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <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="policyHolderInfo.identifyValidEndDate" type="date"
|
|
|
value-format="yyyy-MM-dd" placeholder="选择有效期" placement="bottom-start"
|
|
|
- style="width: 260px;"></el-date-picker>
|
|
|
+ style="width: calc(100% - 40px);"></el-date-picker>
|
|
|
<div class="insure-long-term" @click="insureLongterm('policyHolderInfo')">长期</div>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="电子邮箱:" prop="email">
|
|
|
- <el-input class="widths1" v-model="policyHolderInfo.email" placeholder="请输入电子邮箱"></el-input>
|
|
|
+ <el-input v-model="policyHolderInfo.email" placeholder="请输入电子邮箱"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -350,56 +350,55 @@
|
|
|
</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-form v-show="!bbtbcarShow && !bbczcarShow" class="demo-ruleForm" :inline="true" :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>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
|
|
|
+ <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="请输入被保人姓名" class="widths1"></el-input>
|
|
|
+ <el-input v-model="insuredPersonInfo.name" placeholder="请输入被保人姓名"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
|
|
|
+ <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="身份证" class="widths1" 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="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
|
|
|
+ <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="请输入证件号码" class="widths1" 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="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="被保人手机号:" prop="mobile">
|
|
|
- <el-input class="widths1" 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="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="地址:" prop="addr">
|
|
|
- <el-input class="widths1" 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="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <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="选择有效期" class="widths1" placement="bottom-start"
|
|
|
- style="width: 300px;"></el-date-picker>
|
|
|
+ :picker-options="pickerOptions" type="date" placeholder="选择有效期" placement="bottom-start"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <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="选择有效期" class="widths1" placement="bottom-start"
|
|
|
- style="width: 260px;"></el-date-picker>
|
|
|
+ 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="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<el-form-item label="电子邮箱:" prop="email">
|
|
|
- <el-input class="widths1" v-model="insuredPersonInfo.email" placeholder="请输入电子邮箱"></el-input>
|
|
|
+ <el-input v-model="insuredPersonInfo.email" placeholder="请输入电子邮箱"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -412,44 +411,46 @@
|
|
|
<span style="margin-left:10px;">投保信息</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-form class="back demo-ruleForm" :inline="true" :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="24" :sm="24" :md="24" :lg="12" :xl="8" :span="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell" style="margin-right:50px">
|
|
|
<div class="flex j-c a-start">
|
|
|
<el-checkbox class="checkbox" v-model="jqchecked" @change="jqcheckedChange"></el-checkbox>
|
|
|
<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="选择日期时间" class="widths" 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="选择日期时间" class="widths" placement="bottom-start"></el-date-picker>
|
|
|
+ placeholder="选择日期时间" placement="bottom-start"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <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>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </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>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="8" :span="8">
|
|
|
+ <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
|
|
|
<div class="flex j-c a-start">
|
|
|
<el-checkbox class="checkbox" v-model="sychecked" @change="sycheckedChange"></el-checkbox>
|
|
|
<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="选择日期时间" class="widths" 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="选择日期时间" class="widths" placement="bottom-start"></el-date-picker>
|
|
|
+ placeholder="选择日期时间" placement="bottom-start"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -474,20 +475,19 @@
|
|
|
<div class="flex a-c more-data back" v-for="(insureitem, insureindex) in insureList" :key="insureindex"
|
|
|
v-show="insureindex < insureLength">
|
|
|
<div style="width:700px;padding-left: 100px;" class="flex j-s a-c">
|
|
|
- <div style="width:200px;">
|
|
|
- <span style="text-align:center;">{{ insureitem.kindName }}</span>
|
|
|
+ <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>
|
|
|
</div>
|
|
|
- <el-select filterable v-model="insureitem.amount" placeholder="请选择" @change="insureitemChange" class="widths1"
|
|
|
- size="small">
|
|
|
+ <el-select filterable v-model="insureitem.amount" placeholder="请选择" @change="insureitemChange" size="small"
|
|
|
+ style="width: 300px;" >
|
|
|
<el-option :label="item.label" :value="item.value" v-for="(item, index) in insureitem.amtList"
|
|
|
:key="index"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
- <div class="flex a-c" style="margin-left:50px;"
|
|
|
- v-show="insureitem.kindCode == 'D4' || insureitem.kindCode == 'MJ4' || insureitem.kindCode == 'SY_FJ_YBW2'">
|
|
|
- <span>座位数:</span>
|
|
|
- <el-input v-model="sumseatCount" style="width:100px;" size="small" placeholder disabled></el-input>
|
|
|
- </div>
|
|
|
+
|
|
|
</div>
|
|
|
<div style="margin:0 auto;font-size: 14px;cursor: pointer;margin-top:15px;">
|
|
|
<span v-show="insureMore" @click="selectMore(insureList.length)">
|
|
|
@@ -567,7 +567,7 @@
|
|
|
<span
|
|
|
v-show="(reslistitem.quoteCode != '200') && (reslistitem.quoteCode != '0') && (reslistitem.quoteCode != '1')">
|
|
|
{{
|
|
|
- reslistitem.msg }}
|
|
|
+ reslistitem.msg.length > 500 ? reslistitem.msg.slice(0, 500) : reslistitem.msg }}
|
|
|
</span>
|
|
|
</div>
|
|
|
<div style="width:15%;" class="flex j-start a-c">
|
|
|
@@ -586,8 +586,8 @@
|
|
|
|
|
|
<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="请选择协议" :clearable="true"
|
|
|
- @change="val => agreementChange(val, reslistitem.agreement, reslistindex, reslistitem)">
|
|
|
+ <el-select size="small" v-model="reslistitem.agreementId" placeholder="请选择协议" style="width: 200px;"
|
|
|
+ :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'">
|
|
|
@@ -595,10 +595,11 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-select>
|
|
|
- <span v-show="reslistitem.quoteCode == '200'&& reslistitem.namesimple == '永诚财险'" style="font-weight:bold;margin-left: 50px">
|
|
|
+ <span v-show="reslistitem.quoteCode == '200' && reslistitem.namesimple == '永诚财险'"
|
|
|
+ style="font-weight:bold;margin-left: 50px">
|
|
|
<b style="color:#ee7000">!</b>
|
|
|
- 光博分:{{ reslistitem.result.ilogPreUdwMess?reslistitem.result.ilogPreUdwMess:'无' }}
|
|
|
- </span>
|
|
|
+ 光博分:{{ reslistitem.result.ilogPreUdwMess ? reslistitem.result.ilogPreUdwMess : '无' }}
|
|
|
+ </span>
|
|
|
</div>
|
|
|
<template v-if="reslistitem.namesimple == '紫金财险' && reslistitem.checked && reslistitem.agreementId">
|
|
|
<div class="flex f-c Driving-risk accident-style">
|
|
|
@@ -631,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="选择类型" class="widths1"
|
|
|
- @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>
|
|
|
@@ -673,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="选择产品" class="widths1"
|
|
|
- @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>
|
|
|
@@ -1196,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" class="widths"></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" class="widths"></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" class="widths"></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" class="widths"></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" class="widths"></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" class="widths"></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" class="widths"></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" class="widths"></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" class="widths"></el-input>
|
|
|
+ <el-input v-model="carform.registerDate" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
@@ -1268,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" class="widths"></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" class="widths"></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" class="widths"></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" class="widths"></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" class="widths"></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" class="widths"></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"
|
|
|
- class="widths"></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" class="widths"></el-input>
|
|
|
+ <el-input v-model="ownerInfoform.email" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
@@ -1532,6 +1532,11 @@ export default {
|
|
|
}
|
|
|
};
|
|
|
return {
|
|
|
+ xlcell: 6,
|
|
|
+ lgcell: 12,
|
|
|
+ mdcell: 12,
|
|
|
+ smcell: 24,
|
|
|
+ xscell: 24,
|
|
|
// ------------紫金意外险
|
|
|
ziJinInsuranceData: [],
|
|
|
accidentalDrivingVo: [],
|
|
|
@@ -3325,11 +3330,7 @@ export default {
|
|
|
this.totalCompanyList[num].quoteCode = "4";
|
|
|
this.totalCompanyList[num].msg = res.msg;
|
|
|
return;
|
|
|
- } else if (
|
|
|
- res.data == null &&
|
|
|
- res.msg.indexOf("交强险平台返回") > -1 &&
|
|
|
- res.msg.indexOf(";终保日期") > -1
|
|
|
- ) {
|
|
|
+ } else if (res.data == null && res.msg.indexOf("交强险平台返回") > -1 && res.msg.indexOf(";终保日期") > -1) {
|
|
|
let time =
|
|
|
res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
|
|
|
this.jqstartDate = time;
|
|
|
@@ -3471,16 +3472,16 @@ export default {
|
|
|
res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
|
|
|
this.jqstartDate = time;
|
|
|
this.jqendDate = this.oneYearPast1(time);
|
|
|
- this.systartDate = time;
|
|
|
- this.syendDate = this.oneYearPast1(time);
|
|
|
+ // this.systartDate = time;
|
|
|
+ // this.syendDate = this.oneYearPast1(time);
|
|
|
if (this.riskList.length > 0) {
|
|
|
for (let i = 0; i < this.riskList.length; i++) {
|
|
|
if (this.riskList[i].riskCode == "0507") {
|
|
|
this.riskList[i].startDate = time;
|
|
|
this.riskList[i].endDate = this.oneYearPast1(time);
|
|
|
} else if (this.riskList[i].riskCode == "0510") {
|
|
|
- this.riskList[i].startDate = time;
|
|
|
- this.riskList[i].endDate = this.oneYearPast1(time);
|
|
|
+ // this.riskList[i].startDate = time;
|
|
|
+ // this.riskList[i].endDate = this.oneYearPast1(time);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -3622,17 +3623,9 @@ export default {
|
|
|
};
|
|
|
this.$api.letter[api](params).then(res => {
|
|
|
this.totalCompanyList[num].msg = res.msg;
|
|
|
-
|
|
|
- if (!!res.msg && res.msg.indexOf("不存在有效协议") >= 0) {
|
|
|
- this.totalCompanyList[num].quoteCode = "4";
|
|
|
- return;
|
|
|
- } else if (
|
|
|
- res.data == null &&
|
|
|
- res.msg.indexOf("交强险平台返回") > -1 &&
|
|
|
- res.msg.indexOf(";终保日期") > -1
|
|
|
- ) {
|
|
|
+ if (res.data == null && res.msg.indexOf("交强险平台返回") > -1 && res.msg.indexOf(";终保日期") > -1) {
|
|
|
let time = res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
|
|
|
- this.jqstartDate =time;
|
|
|
+ this.jqstartDate = time;
|
|
|
this.jqendDate = this.oneYearPast1(time);
|
|
|
this.systartDate = time;
|
|
|
this.syendDate = this.oneYearPast1(time);
|
|
|
@@ -3647,6 +3640,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
let param = {
|
|
|
userId: this.userId,
|
|
|
quoteno: this.quoteno,
|
|
|
@@ -3829,7 +3823,7 @@ export default {
|
|
|
loading.close();
|
|
|
this.$message({
|
|
|
showClose: true,
|
|
|
- message: res.msg,
|
|
|
+ message:this.queryOrders.inscompany+"提核--:"+ res.msg,
|
|
|
type: "error",
|
|
|
duration: 0
|
|
|
});
|
|
|
@@ -3837,7 +3831,7 @@ export default {
|
|
|
});
|
|
|
} else {
|
|
|
this.$message({
|
|
|
- message: res.msg,
|
|
|
+ message:this.queryOrders.inscompany+"影像:"+ res.msg,
|
|
|
type: "error",
|
|
|
duration: 7000
|
|
|
});
|
|
|
@@ -3875,7 +3869,7 @@ export default {
|
|
|
loading.close();
|
|
|
_this.$message({
|
|
|
showClose: true,
|
|
|
- message: res.msg,
|
|
|
+ message:this.queryOrders.inscompany+"提核--:"+ res.msg,
|
|
|
type: "error",
|
|
|
duration: 0
|
|
|
});
|
|
|
@@ -3886,7 +3880,7 @@ export default {
|
|
|
});
|
|
|
} else {
|
|
|
this.$message({
|
|
|
- message: res.msg,
|
|
|
+ message:this.queryOrders.inscompany+"影像--:"+ res.msg,
|
|
|
type: "error",
|
|
|
duration: 7000
|
|
|
});
|
|
|
@@ -3922,7 +3916,7 @@ export default {
|
|
|
loading.close();
|
|
|
_this.$message({
|
|
|
showClose: true,
|
|
|
- message: res.msg,
|
|
|
+ message:this.queryOrders.inscompany+"提核--:"+ res.msg,
|
|
|
type: "error",
|
|
|
duration: 0
|
|
|
});
|
|
|
@@ -3933,7 +3927,7 @@ export default {
|
|
|
});
|
|
|
} else {
|
|
|
this.$message({
|
|
|
- message: res.msg,
|
|
|
+ message:this.queryOrders.inscompany+"影像--:"+ res.msg,
|
|
|
type: "error",
|
|
|
duration: 7000
|
|
|
});
|
|
|
@@ -4021,7 +4015,7 @@ export default {
|
|
|
loading.close();
|
|
|
this.$message({
|
|
|
showClose: true,
|
|
|
- message: res.msg,
|
|
|
+ message: this.queryOrders.inscompany+"提核--:"+ res.msg,
|
|
|
type: "error",
|
|
|
duration: 0
|
|
|
});
|
|
|
@@ -4030,7 +4024,7 @@ export default {
|
|
|
} else {
|
|
|
loading.close();
|
|
|
this.$message({
|
|
|
- message: res.msg,
|
|
|
+ message: this.queryOrders.inscompany+"影像--:"+res.msg,
|
|
|
type: "error",
|
|
|
duration: 7000
|
|
|
});
|
|
|
@@ -4068,7 +4062,7 @@ export default {
|
|
|
loading.close();
|
|
|
this.$message({
|
|
|
showClose: true,
|
|
|
- message: res.msg,
|
|
|
+ message:this.queryOrders.inscompany+"提核--:"+ res.msg,
|
|
|
type: "error",
|
|
|
duration: 0
|
|
|
});
|
|
|
@@ -4077,7 +4071,7 @@ export default {
|
|
|
} else {
|
|
|
loading.close();
|
|
|
this.$message({
|
|
|
- message: res.msg,
|
|
|
+ message:this.queryOrders.inscompany+"影像--:"+ res.msg,
|
|
|
type: "error",
|
|
|
duration: 7000
|
|
|
});
|
|
|
@@ -4794,9 +4788,9 @@ export default {
|
|
|
},
|
|
|
toChinesNum(num) {
|
|
|
let changeNum = [
|
|
|
- "零", "一", "二", "三", "四", "五", "六", "七", "八", "九"
|
|
|
+ "零", "1", "2", "3", "4", "5", "6", "7", "8", "9"
|
|
|
];
|
|
|
- let unit = ["", "十", "百", "千", "万"];
|
|
|
+ let unit = ["", "0", "00", "000", "0000"];
|
|
|
num = parseInt(num);
|
|
|
let getWan = temp => {
|
|
|
let strArr = temp
|
|
|
@@ -5464,7 +5458,7 @@ export default {
|
|
|
|
|
|
.more-data {
|
|
|
padding: 10px;
|
|
|
- border-bottom: 1px solid #e3e3e3;
|
|
|
+ border-bottom: 1px solid #f2f2f2;
|
|
|
color: #ee7000;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
@@ -5569,5 +5563,15 @@ export default {
|
|
|
border-color: #ff7000;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .el-input--small .el-icon-date {
|
|
|
+ color: #ee6f00ce;
|
|
|
+ }
|
|
|
+ .el-select{
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .el-date-editor.el-input{
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|