|
|
@@ -206,6 +206,14 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
|
|
|
+ <el-form-item label="所属性质 " prop="property">
|
|
|
+ <el-select v-model="carInfo.property" placeholder="请选择所属性质" @change="getCompanyListProperty">
|
|
|
+ <el-option :label="item.label" :value="item.value" v-for="(item, index) in propertyoptions"
|
|
|
+ :key="index"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
<el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
|
|
|
<el-form-item label="注册日期" prop="registerDate" class="red-btn">
|
|
|
<el-date-picker v-dateFormat v-model="carInfo.registerDate" :picker-options="pickerOptions" @blur="getCompanyList"
|
|
|
@@ -245,25 +253,48 @@
|
|
|
<el-input v-model="ownerInfo.name" placeholder="请输入车主姓名" @blur="getCompanyList"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
|
|
|
+ <el-form-item label="车主类型" >
|
|
|
+ <el-select v-model="ownerInfo.property" placeholder="车主类型" >
|
|
|
+ <el-option label="法人" value="0"></el-option>
|
|
|
+ <el-option label="个人" value="1"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
<el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
|
|
|
<el-form-item label="证件类型" prop="identifyType">
|
|
|
<el-select v-model="ownerInfo.identifyType" placeholder="身份证" @blur="getCompanyList" disabled>
|
|
|
<el-option label="身份证" value="01"></el-option>
|
|
|
+ <el-option label="统一社会信用代码" value="02"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="ownerInfo.property=='1'">
|
|
|
<el-form-item label="证件号码" prop="identifyNumber">
|
|
|
<el-input v-model="ownerInfo.identifyNumber" placeholder="请输入证件号码" type="text" maxlength="18"
|
|
|
show-word-limit @blur="identifyblur('ownerInfo'); getCompanyList"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="ownerInfo.property=='0'">
|
|
|
+ <el-form-item label="证件号码" prop="organizationCode">
|
|
|
+ <el-input v-model="ownerInfo.organizationCode" placeholder="请输入证件号码" type="text" maxlength="18"
|
|
|
+ show-word-limit @blur="getCompanyList"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="ownerInfo.property=='0'">
|
|
|
+ <el-form-item label="注册资金" prop="registeredCapital">
|
|
|
+ <el-input v-model="ownerInfo.registeredCapital" placeholder="请输入注册资金" type="text"
|
|
|
+ show-word-limit @blur="getCompanyList">
|
|
|
+ <el-button slot="append">万元</el-button>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="ownerInfo.property=='1'">
|
|
|
<el-form-item label="年龄" prop="age">
|
|
|
<el-input v-model="ownerInfo.age" placeholder="请输入年龄" type="text" disabled @blur="getCompanyList"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="ownerInfo.property=='1'">
|
|
|
<el-form-item label="性别" prop="gender">
|
|
|
<el-select @change="genderChange" v-model="ownerInfo.gender" placeholder="请选择性别" @blur="getCompanyList">
|
|
|
<el-option label="男" value="男"></el-option>
|
|
|
@@ -277,6 +308,17 @@
|
|
|
@paste.native="handlePaste($event, 'ownerInfo')" show-word-limit></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="ownerInfo.property=='0'">
|
|
|
+ <el-form-item label="车主联系人">
|
|
|
+ <el-input v-model="ownerInfo.legalPerson" placeholder="请输入年龄" type="text" maxlength="5" @blur="getCompanyList"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="ownerInfo.property=='0'">
|
|
|
+ <el-form-item label="省市区" >
|
|
|
+ <el-cascader v-model="selectedOptions1" :options="areaOption" :props="{ value: 'code',label: 'name',children: 'sub'}"
|
|
|
+ @change="event => areahandleChange(event, 'ownerInfo')" ></el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
<el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
|
|
|
<el-form-item label="地址" prop="addr">
|
|
|
<el-input v-model="ownerInfo.addr" placeholder="请输入地址" type="text" @blur="getCompanyList"></el-input>
|
|
|
@@ -303,11 +345,7 @@
|
|
|
<el-input v-model="ownerInfo.email" placeholder="请输入电子邮箱"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <!-- <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell" v-if="iscCrownerShow">
|
|
|
- <el-form-item label="省市区：">
|
|
|
- <el-cascader v-model="ownerInfo.provinceData" :options="areaOption" :props="{ value: 'code',label: 'name',children: 'sub'}"></el-cascader>
|
|
|
- </el-form-item>
|
|
|
- </el-col>-->
|
|
|
+
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
@@ -336,20 +374,43 @@
|
|
|
<el-input v-model="policyHolderInfo.name" placeholder="请输入投保人姓名" @blur="getCompanyList"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
|
|
|
+ <el-form-item label="投保人类型" prop="property">
|
|
|
+ <el-select v-model="policyHolderInfo.property" placeholder="投保人类型" >
|
|
|
+ <el-option label="法人" value="0"></el-option>
|
|
|
+ <el-option label="个人" value="1"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
<el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
|
|
|
<el-form-item label="证件类型" prop="identifyType">
|
|
|
<el-select v-model="policyHolderInfo.identifyType" placeholder="身份证" disabled @blur="getCompanyList">
|
|
|
<el-option label="身份证" value="01"></el-option>
|
|
|
+ <el-option label="统一社会信用代码" value="02"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="policyHolderInfo.property=='0'">
|
|
|
+ <el-form-item label="证件号码" prop="organizationCode">
|
|
|
+ <el-input v-model="policyHolderInfo.organizationCode" placeholder="请输入证件号码" type="text" maxlength="18"
|
|
|
+ show-word-limit @blur="getCompanyList"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="policyHolderInfo.property=='1'">
|
|
|
<el-form-item label="证件号码" prop="identifyNumber">
|
|
|
<el-input v-model="policyHolderInfo.identifyNumber" placeholder="请输入证件号码" type="text" maxlength="18"
|
|
|
show-word-limit @blur="identifyblur('policyHolderInfo'); getCompanyList"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="policyHolderInfo.property=='0'">
|
|
|
+ <el-form-item label="注册资金" prop="registeredCapital">
|
|
|
+ <el-input v-model="policyHolderInfo.registeredCapital" placeholder="请输入注册资金" type="text"
|
|
|
+ show-word-limit @blur="getCompanyList">
|
|
|
+ <el-button slot="append">万元</el-button>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="policyHolderInfo.property=='1'">
|
|
|
<el-form-item label="年龄" prop="age">
|
|
|
<el-input v-model="policyHolderInfo.age" placeholder="请输入年龄" type="text" disabled @blur="getCompanyList"></el-input>
|
|
|
</el-form-item>
|
|
|
@@ -362,18 +423,18 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="policyHolderInfo.property=='1'">
|
|
|
<el-form-item label="投保人手机号" prop="mobile">
|
|
|
<el-input v-model="policyHolderInfo.mobile" placeholder="请输入投保人手机号" maxlength="11" type="text" @blur="getCompanyList"
|
|
|
@paste.native="handlePaste($event, 'policyHolderInfo')" 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="省市区：">
|
|
|
- <el-cascader v-model="selectedOptions2" :options="areaOptions"
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="policyHolderInfo.property=='0'">
|
|
|
+ <el-form-item label="省市区">
|
|
|
+ <el-cascader v-model="selectedOptions2" :options="areaOption" :props="{ value: 'code',label: 'name',children: 'sub'}"
|
|
|
@change="event => areahandleChange(event, 'policyHolderInfo')"></el-cascader>
|
|
|
</el-form-item>
|
|
|
- </el-col>-->
|
|
|
+ </el-col>
|
|
|
<el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
|
|
|
<el-form-item label="地址" prop="addr">
|
|
|
<el-input v-model="policyHolderInfo.addr" placeholder="请输入地址" type="text" @blur="getCompanyList"></el-input>
|
|
|
@@ -442,25 +503,48 @@
|
|
|
<el-input v-model="insuredPersonInfo.name" placeholder="请输入被保人姓名" @blur="getCompanyList"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
|
|
|
+ <el-form-item label="被保人类型" prop="property">
|
|
|
+ <el-select v-model="insuredPersonInfo.property" placeholder="被保人类型" >
|
|
|
+ <el-option label="法人" value="0"></el-option>
|
|
|
+ <el-option label="个人" value="1"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
<el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
|
|
|
<el-form-item label="证件类型" prop="identifyType">
|
|
|
<el-select v-model="insuredPersonInfo.identifyType" placeholder="身份证" disabled @blur="getCompanyList">
|
|
|
<el-option label="身份证" value="01"></el-option>
|
|
|
+ <el-option label="统一社会信用代码" value="02"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="insuredPersonInfo.property=='1'">
|
|
|
<el-form-item label="证件号码" prop="identifyNumber">
|
|
|
<el-input v-model="insuredPersonInfo.identifyNumber" placeholder="请输入证件号码" type="text" maxlength="18"
|
|
|
show-word-limit @blur="identifyblur('insuredPersonInfo'); getCompanyList"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="insuredPersonInfo.property=='0'">
|
|
|
+ <el-form-item label="证件号码" prop="organizationCode">
|
|
|
+ <el-input v-model="insuredPersonInfo.organizationCode" placeholder="请输入证件号码" type="text" maxlength="18"
|
|
|
+ show-word-limit @blur="getCompanyList"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="insuredPersonInfo.property=='0'">
|
|
|
+ <el-form-item label="注册资金" prop="registeredCapital">
|
|
|
+ <el-input v-model="insuredPersonInfo.registeredCapital" placeholder="请输入注册资金" type="text"
|
|
|
+ show-word-limit @blur="getCompanyList">
|
|
|
+ <el-button slot="append">万元</el-button>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="insuredPersonInfo.property=='1'">
|
|
|
<el-form-item label="年龄" prop="age">
|
|
|
<el-input v-model="insuredPersonInfo.age" placeholder="请输入年龄" type="text" disabled @blur="getCompanyList"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="insuredPersonInfo.property=='1'">
|
|
|
<el-form-item label="性别" prop="gender">
|
|
|
<el-select v-model="insuredPersonInfo.gender" placeholder="请选择性别" @blur="getCompanyList">
|
|
|
<el-option label="男" value="男"></el-option>
|
|
|
@@ -468,18 +552,18 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" >
|
|
|
<el-form-item label="被保人手机号" prop="mobile">
|
|
|
<el-input v-model="insuredPersonInfo.mobile" placeholder="请输入被保人手机号" maxlength="11" type="text" @blur="getCompanyList"
|
|
|
@paste.native="handlePaste($event, 'insuredPersonInfo')" 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="省市区：">
|
|
|
- <el-cascader v-model="selectedOptions3" :options="areaOptions"
|
|
|
+ <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="insuredPersonInfo.property=='0'">
|
|
|
+ <el-form-item label="省市区">
|
|
|
+ <el-cascader v-model="selectedOptions3" :options="areaOption" :props="{ value: 'code',label: 'name',children: 'sub'}"
|
|
|
@change="event => areahandleChange(event, 'insuredPersonInfo')"></el-cascader>
|
|
|
</el-form-item>
|
|
|
- </el-col>-->
|
|
|
+ </el-col>
|
|
|
<el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl">
|
|
|
<el-form-item label="地址" prop="addr">
|
|
|
<el-input v-model="insuredPersonInfo.addr" placeholder="请输入地址" type="text" @blur="getCompanyList"></el-input>
|
|
|
@@ -2782,7 +2866,7 @@
|
|
|
<div class="OCR" style="text-align: center">营业执照</div>
|
|
|
<div style="text-align: center; margin: 20px" @drop="reportDrop">
|
|
|
<el-upload class="upload-demo" drag action="#" :show-file-list="false" :auto-upload="false"
|
|
|
- :on-change="userfrontChange">
|
|
|
+ :on-change="businessChange">
|
|
|
<img v-show="businessImg" :src="businessImg" style="width: 100%; height: 100%" />
|
|
|
<img v-show="!businessImg" src="../../../../static/userfront.png"
|
|
|
style="width: 100%; height: 100%" />
|
|
|
@@ -2795,24 +2879,24 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="text-align: center">
|
|
|
- <el-form :model="ownerInfoform" label-width="130px" size="small">
|
|
|
+ <el-form :model="businessform" label-width="130px" size="small">
|
|
|
<el-form-item label="单位名称">
|
|
|
- <el-input autocomplete="off"></el-input>
|
|
|
+ <el-input autocomplete="off" v-model="businessform.name"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="法人">
|
|
|
- <el-input autocomplete="off"></el-input>
|
|
|
+ <el-input autocomplete="off" v-model="businessform.legalPerson"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="社会信用代码">
|
|
|
- <el-input autocomplete="off"></el-input>
|
|
|
+ <el-input autocomplete="off" v-model="businessform.organizationCode"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="地址">
|
|
|
- <el-input autocomplete="off"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="经营范围">
|
|
|
- <el-input autocomplete="off"></el-input>
|
|
|
+ <el-input autocomplete="off" v-model="businessform.addr"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="注册资本">
|
|
|
- <el-input autocomplete="off"></el-input>
|
|
|
+ <el-input autocomplete="off" v-model="businessform.registeredCapital"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="经营范围">
|
|
|
+ <el-input autocomplete="off" type="textarea" v-model="businessform.scope"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
@@ -3155,7 +3239,7 @@
|
|
|
<img class="el-upload-list__item-thumbnail" :src="file.url" alt />
|
|
|
<span class="el-upload-list__item-actions">
|
|
|
<span class="el-upload-list__item-delete"
|
|
|
- @click="handleRemove1(file, 'imageList2', 'imgList4')">
|
|
|
+ @click="handleRemove1(file, 'imageList2', 'imgList5')">
|
|
|
<i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
|
|
|
<i class="el-icon-delete"></i>
|
|
|
</span>
|
|
|
@@ -3210,7 +3294,7 @@
|
|
|
<img class="el-upload-list__item-thumbnail" :src="file.url" alt />
|
|
|
<span class="el-upload-list__item-actions">
|
|
|
<span class="el-upload-list__item-delete"
|
|
|
- @click="handleRemove1(file, 'imageList2', 'imgList4')">
|
|
|
+ @click="handleRemove1(file, 'imageList3', 'imgList7')">
|
|
|
<i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
|
|
|
<i class="el-icon-delete"></i>
|
|
|
</span>
|
|
|
@@ -3265,7 +3349,7 @@
|
|
|
<img class="el-upload-list__item-thumbnail" :src="file.url" alt />
|
|
|
<span class="el-upload-list__item-actions">
|
|
|
<span class="el-upload-list__item-delete"
|
|
|
- @click="handleRemove1(file, 'imageList2', 'imgList4')">
|
|
|
+ @click="handleRemove1(file, 'imageList4', 'imgList9')">
|
|
|
<i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(file.url)"></i>
|
|
|
<i class="el-icon-delete"></i>
|
|
|
</span>
|
|
|
@@ -4078,7 +4162,7 @@ import {
|
|
|
getGenderByIdCard,
|
|
|
} from "@/utils/validate.js";
|
|
|
import citydata from "@/assets/js/citydata.js";
|
|
|
-// import yongchengData from '../../assets/js/yongchengData';
|
|
|
+import yongchengData from '../../../assets/js/yongchengData';
|
|
|
import { regionData, codeToText } from "element-china-area-data";
|
|
|
import { base64ToPath } from "@/common/image-tools-base64.js";
|
|
|
import quotationDialog from "@/views/Core/components/quotationDialog.vue";
|
|
|
@@ -4494,7 +4578,7 @@ export default {
|
|
|
cartype: "", //客车A0 货车H0
|
|
|
carnature: "02", //使用性质
|
|
|
vehicleUse: "05",
|
|
|
- property: "1", //所属性质 1个人 2企业 3个人
|
|
|
+ property: "1", //所属性质 1个人 2企业 3机关
|
|
|
},
|
|
|
carform: {
|
|
|
carOwner: "", //车主
|
|
|
@@ -4520,6 +4604,7 @@ export default {
|
|
|
mobile: "",
|
|
|
identifyValidDate: "", //有效期起期
|
|
|
identifyValidEndDate: "", //有效期止期
|
|
|
+ organizationCode:"",
|
|
|
// province: "",//省
|
|
|
// city: "",//市
|
|
|
// county: "",//县
|
|
|
@@ -4536,8 +4621,10 @@ export default {
|
|
|
addr: "", //地址
|
|
|
email: "", //邮箱
|
|
|
mobile: "", //电话
|
|
|
+ organizationCode:"",
|
|
|
identifyValidDate: "", //有效期起期
|
|
|
identifyValidEndDate: "", //有效期止期
|
|
|
+ property:'1',
|
|
|
// province: "",//省
|
|
|
// city: "",//市
|
|
|
// county: "",//县
|
|
|
@@ -4553,8 +4640,10 @@ export default {
|
|
|
addr: "", //地址
|
|
|
email: "", //邮箱
|
|
|
mobile: "", //电话
|
|
|
+ property:'1',
|
|
|
identifyValidDate: "", //有效期起期
|
|
|
identifyValidEndDate: "", //有效期止期
|
|
|
+ organizationCode:"",
|
|
|
// province: "",//省
|
|
|
// city: "",//市
|
|
|
// county: "",//县
|
|
|
@@ -4570,6 +4659,7 @@ export default {
|
|
|
addr: "", //地址
|
|
|
email: "", //邮箱
|
|
|
mobile: "", //电话
|
|
|
+ property:'1',
|
|
|
identifyValidDate: "", //有效期起期
|
|
|
identifyValidEndDate: "", //有效期止期
|
|
|
provinceData: [], //省市区
|
|
|
@@ -4721,6 +4811,9 @@ export default {
|
|
|
trigger: "blur",
|
|
|
},
|
|
|
],
|
|
|
+ property: [
|
|
|
+ { required: true, message: "请选择所属性质", trigger: "blur" },
|
|
|
+ ],
|
|
|
},
|
|
|
CIInsureList: {
|
|
|
//交强险
|
|
|
@@ -5509,6 +5602,15 @@ export default {
|
|
|
energyTypeoptions: [], //能源种类
|
|
|
taxRelifFlagoptions: [], //车船税类型
|
|
|
taxpayerIdentifieroptions: [], //纳税人证件类型
|
|
|
+ propertyoptions:[
|
|
|
+ {
|
|
|
+ value:'1',
|
|
|
+ label:'个人'
|
|
|
+ },{
|
|
|
+ value:'2',
|
|
|
+ label:'企业'
|
|
|
+ },
|
|
|
+ ],
|
|
|
relifReasonoptions: [], //减免税原因代码
|
|
|
relifReasonoptions: [], //减免税原因代码
|
|
|
provinceSelect: [],
|
|
|
@@ -5571,6 +5673,9 @@ export default {
|
|
|
D03File: "",
|
|
|
C04File: "",
|
|
|
D04File: "",
|
|
|
+ E02File: "",
|
|
|
+ E03File: "",
|
|
|
+ E04File: "",
|
|
|
//影像回显列表
|
|
|
imgList1: [],
|
|
|
imgList2: [],
|
|
|
@@ -5607,8 +5712,21 @@ export default {
|
|
|
showLoading: false,
|
|
|
detailJiaYiTitle: '查看详情',
|
|
|
oldData: {}, // 旧获取公司参数
|
|
|
- myQrCode: null
|
|
|
- };
|
|
|
+ myQrCode: null,
|
|
|
+ businessform:{
|
|
|
+ name: "", //姓名
|
|
|
+ identifyType: "02", //身份证类型
|
|
|
+ legalRepresentative: "", //法人
|
|
|
+ identifyNumber: "", //社会信用代码
|
|
|
+ addr: "", //地址
|
|
|
+ registeredCapital: "", //注册资本
|
|
|
+ businessScope: "", //经营范围
|
|
|
+ },
|
|
|
+ areaOption:yongchengData.data,
|
|
|
+ selectedOptions1: [],
|
|
|
+ selectedOptions2: [],
|
|
|
+ selectedOptions3: [],
|
|
|
+ }
|
|
|
},
|
|
|
watch: {
|
|
|
"carInfo.licenseNo": {
|
|
|
@@ -5833,6 +5951,27 @@ export default {
|
|
|
return num
|
|
|
}
|
|
|
},
|
|
|
+ // 所属性质字段
|
|
|
+ getCompanyListProperty(data){
|
|
|
+ if(data=='1'){
|
|
|
+ this.ownerInfo.property='1'
|
|
|
+ this.policyHolderInfo.property='1'
|
|
|
+ this.insuredPersonInfo.property='1'
|
|
|
+ this.ownerInfo.identifyType='01'
|
|
|
+ this.policyHolderInfo.identifyType='01'
|
|
|
+ this.insuredPersonInfo.identifyType='01'
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ this.ownerInfo.property='0'
|
|
|
+ this.policyHolderInfo.property='0'
|
|
|
+ this.insuredPersonInfo.property='0'
|
|
|
+ this.ownerInfo.identifyType='02'
|
|
|
+ this.policyHolderInfo.identifyType='02'
|
|
|
+ this.insuredPersonInfo.identifyType='02'
|
|
|
+ }
|
|
|
+ this.getCompanyList()
|
|
|
+
|
|
|
+ },
|
|
|
// 获取新公司列表
|
|
|
getCompanyList(data) {
|
|
|
var _this = this;
|
|
|
@@ -5879,7 +6018,6 @@ export default {
|
|
|
} else {
|
|
|
this.oldData = JSON.stringify(param)
|
|
|
}
|
|
|
- console.log('校验成功，获取列表')
|
|
|
this.showLoading = true
|
|
|
// this.$api.letter.getAllAgreement().then((res) => {
|
|
|
this.$api.letter.ruleFilterCompany(param).then((res) => {
|
|
|
@@ -5909,6 +6047,26 @@ export default {
|
|
|
data = data || this.$route.query.data
|
|
|
}
|
|
|
if (data) {
|
|
|
+ const ownerInfoObject = {
|
|
|
+ province: _this.ownerInfo.province,
|
|
|
+ city: _this.ownerInfo.city,
|
|
|
+ county: _this.ownerInfo.county,
|
|
|
+ }
|
|
|
+ const policyHolderInfoObject = {
|
|
|
+ province: _this.policyHolderInfo.province,
|
|
|
+ city: _this.policyHolderInfo.city,
|
|
|
+ county: _this.policyHolderInfo.county,
|
|
|
+ }
|
|
|
+ const insuredPersonInfoObject = {
|
|
|
+ province: _this.insuredPersonInfo.province,
|
|
|
+ city: _this.insuredPersonInfo.city,
|
|
|
+ county: _this.insuredPersonInfo.county,
|
|
|
+ }
|
|
|
+ this.selectedOptions1 = searchkey(Object.values(ownerInfoObject))
|
|
|
+ this.selectedOptions2 = searchkey(Object.values(policyHolderInfoObject))
|
|
|
+ this.selectedOptions3 = searchkey(Object.values(insuredPersonInfoObject))
|
|
|
+
|
|
|
+
|
|
|
this.productId = this.productId || data.productid
|
|
|
res.data.forEach((val, index) => {
|
|
|
if(!data.insAreaCompanyEditingDtos) {
|
|
|
@@ -6313,6 +6471,10 @@ export default {
|
|
|
_this.insuredPersonInfo.age = getAgeByIdCard(
|
|
|
_this.insuredPersonInfo.identifyNumber
|
|
|
);
|
|
|
+ _this.ownerInfo.property = _this.ownerInfo.property?_this.ownerInfo.property:'1';
|
|
|
+ _this.policyHolderInfo.property = _this.policyHolderInfo.property?_this.policyHolderInfo.property:'1';
|
|
|
+ _this.insuredPersonInfo.property = _this.insuredPersonInfo.property?_this.insuredPersonInfo.property:'1';
|
|
|
+
|
|
|
if (paramsEdit.carinfo.transferFlag) {
|
|
|
this.transferDateShow = true;
|
|
|
}
|
|
|
@@ -6754,14 +6916,13 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
//省市区
|
|
|
- // areahandleChange(event, info) {
|
|
|
- // console.log(event)
|
|
|
- // if (event[0] != null && event[1] != null && event[2] != null) {
|
|
|
- // this[info].province = codeToText[event[0]]
|
|
|
- // this[info].city = codeToText[event[1]]
|
|
|
- // this[info].county = codeToText[event[2]]
|
|
|
- // }
|
|
|
- // },
|
|
|
+ areahandleChange(event, info) {
|
|
|
+ if (event[0] != null && event[1] != null && event[2] != null) {
|
|
|
+ this[info].province = event[0]
|
|
|
+ this[info].city = event[1]
|
|
|
+ this[info].county = event[2]
|
|
|
+ }
|
|
|
+ },
|
|
|
iconfftter(icon) {
|
|
|
return CommonUtil.getDataName({
|
|
|
dataList: this.global.insCompanyList,
|
|
|
@@ -12336,6 +12497,48 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
+ businessChange(file) {
|
|
|
+ let size = file.size / 1024 / 1024 < 5;
|
|
|
+ const isJPG =
|
|
|
+ file.raw.type === "image/jpeg" || file.raw.type === "image/png";
|
|
|
+ if (!size) {
|
|
|
+ this.$message.error("上传图片大小不能超过 5MB!");
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if (!isJPG) {
|
|
|
+ this.$message.error("上传图片只能是 JPG、PNG 格式!");
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ var file = file.raw;
|
|
|
+ let files = window.URL.createObjectURL(file); //转链接
|
|
|
+ this.businessImg = files;
|
|
|
+ const params = new FormData(); // 声明formData数据类型
|
|
|
+ params.append("multipartFile", file);
|
|
|
+ params.append("type", "image");
|
|
|
+ this.$api.letter.uploadFile(params).then((res) => {
|
|
|
+ if (res.code == "200") {
|
|
|
+ let type = "E0" + this.userIndex;
|
|
|
+ if (
|
|
|
+ this["imageList" + this.userIndex].some((v) => v.imageType == type)
|
|
|
+ ) {
|
|
|
+ this["imageList" + this.userIndex].map((val) => {
|
|
|
+ if (val.imageType == type) {
|
|
|
+ val.imageId = res.data.id;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this["imageList" + this.userIndex].push({
|
|
|
+ imageId: res.data.id,
|
|
|
+ imageType: type,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this[type + "File"] = file;
|
|
|
+ } else {
|
|
|
+ this.$message({ message: res.msg, type: "warning" });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
CarOCRdiscern() {
|
|
|
// if (!this.CarFrontFile || !this.CarBackFile) {
|
|
|
// this.$message.warning('请上传行驶证主页和副页')
|
|
|
@@ -12442,18 +12645,24 @@ export default {
|
|
|
case 2:
|
|
|
this.userfrontImg = "";
|
|
|
this.userbackImg = "";
|
|
|
+ this.businessImg="";
|
|
|
+ this.E02File = ""; // 营业执照
|
|
|
this.C02File = ""; // 车主正面base64
|
|
|
this.D02File = ""; // 车主背面base64
|
|
|
break;
|
|
|
case 3:
|
|
|
this.userfrontImg = "";
|
|
|
this.userbackImg = "";
|
|
|
+ this.businessImg="";
|
|
|
+ this.E03File = ""; // 营业执照
|
|
|
this.C03File = ""; // 投保人正面base64
|
|
|
this.D03File = ""; // 投保人背面base64
|
|
|
break;
|
|
|
case 4:
|
|
|
this.userfrontImg = "";
|
|
|
this.userbackImg = "";
|
|
|
+ this.businessImg="";
|
|
|
+ this.E04File = ""; // 营业执照
|
|
|
this.C04File = ""; // 被保人正面base64
|
|
|
this.D04File = ""; // 被保人背面base64
|
|
|
break;
|
|
|
@@ -12475,6 +12684,7 @@ export default {
|
|
|
},
|
|
|
userOCRdiscern() {
|
|
|
//OCR识别
|
|
|
+ if( this.activeName=='1'){
|
|
|
switch (this.userIndex) {
|
|
|
case 2:
|
|
|
// if (!this.C02File || !this.D02File) {
|
|
|
@@ -12508,6 +12718,54 @@ export default {
|
|
|
break;
|
|
|
default:
|
|
|
}
|
|
|
+ }
|
|
|
+else{
|
|
|
+ switch (this.userIndex ) {
|
|
|
+ case 2:
|
|
|
+ const params1 = new FormData(); // 声明formData数据类型
|
|
|
+ params1.append("image1", this.E02File);
|
|
|
+ this.businessjoggle(params1);
|
|
|
+ break;
|
|
|
+ case 3:
|
|
|
+ const params2 = new FormData(); // 声明formData数据类型
|
|
|
+ params2.append("image1", this.E03File);
|
|
|
+ this.businessjoggle(params2);
|
|
|
+ break;
|
|
|
+ case 4:
|
|
|
+ const params3 = new FormData(); // 声明formData数据类型
|
|
|
+ params3.append("image1", this.E04File);
|
|
|
+ this.businessjoggle(params3);
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+ },
|
|
|
+ businessjoggle(param) {
|
|
|
+ const loading = this.$loading({
|
|
|
+ lock: true,
|
|
|
+ text: "Loading",
|
|
|
+ spinner: "el-icon-loading",
|
|
|
+ background: "rgba(0, 0, 0, 0.7)",
|
|
|
+ });
|
|
|
+ this.$api.letter.businessLicense(param).then((res) => {
|
|
|
+ loading.close();
|
|
|
+ if (res.msg == "201") {
|
|
|
+ this.$message({ message: "请正确选择营业执照", type: "warning" });
|
|
|
+ }
|
|
|
+ if (res.code==200 && res.data) {
|
|
|
+ this.businessform={
|
|
|
+ ...res.data,
|
|
|
+ name: res.data.company,
|
|
|
+ organizationCode: res.data.socialCreditCode,
|
|
|
+ addr: res.data.address,
|
|
|
+ identifyType:'02',
|
|
|
+ scope: res.data.businessScope,
|
|
|
+ legalPerson: res.data.legalRepresentative,
|
|
|
+ registeredCapital:parseInt(res.data.registeredCapital)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
userOCRjoggle(param) {
|
|
|
const loading = this.$loading({
|
|
|
@@ -12567,24 +12825,45 @@ export default {
|
|
|
},
|
|
|
userOCRconfirm() {
|
|
|
//传参
|
|
|
+ if( this.activeName=='1'){
|
|
|
+ this.ownerInfoform.property='1'
|
|
|
+ switch (this.userIndex) {
|
|
|
+ case 2:
|
|
|
+ // this.selectedOptions1 = addressCode(this.ownerInfoform.addr);
|
|
|
+ this.ownerInfo = JSON.parse(JSON.stringify(this.ownerInfoform));
|
|
|
+ break;
|
|
|
+ case 3:
|
|
|
+ // this.selectedOptions2 = addressCode(this.ownerInfoform.addr);
|
|
|
+ this.policyHolderInfo = JSON.parse(
|
|
|
+ JSON.stringify(this.ownerInfoform)
|
|
|
+ );
|
|
|
+ break;
|
|
|
+ case 4:
|
|
|
+ // this.selectedOptions3 = addressCode(this.ownerInfoform.addr);
|
|
|
+ this.insuredPersonInfo = JSON.parse(
|
|
|
+ JSON.stringify(this.ownerInfoform)
|
|
|
+ );
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ this.businessform.property='0'
|
|
|
switch (this.userIndex) {
|
|
|
- case 2:
|
|
|
- // this.selectedOptions1 = addressCode(this.ownerInfoform.addr);
|
|
|
- this.ownerInfo = JSON.parse(JSON.stringify(this.ownerInfoform));
|
|
|
- break;
|
|
|
- case 3:
|
|
|
- // this.selectedOptions2 = addressCode(this.ownerInfoform.addr);
|
|
|
- this.policyHolderInfo = JSON.parse(
|
|
|
- JSON.stringify(this.ownerInfoform)
|
|
|
- );
|
|
|
- break;
|
|
|
- case 4:
|
|
|
- // this.selectedOptions3 = addressCode(this.ownerInfoform.addr);
|
|
|
- this.insuredPersonInfo = JSON.parse(
|
|
|
- JSON.stringify(this.ownerInfoform)
|
|
|
- );
|
|
|
- break;
|
|
|
- }
|
|
|
+ case 2:
|
|
|
+ this.ownerInfo = JSON.parse(JSON.stringify(this.businessform));
|
|
|
+ break;
|
|
|
+ case 3:
|
|
|
+ this.policyHolderInfo = JSON.parse(
|
|
|
+ JSON.stringify(this.businessform)
|
|
|
+ );
|
|
|
+ break;
|
|
|
+ case 4:
|
|
|
+ this.insuredPersonInfo = JSON.parse(
|
|
|
+ JSON.stringify(this.businessform)
|
|
|
+ );
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
this.uploaduserdialogVisible = false;
|
|
|
},
|
|
|
closeDialog(index) {
|
|
|
@@ -12602,37 +12881,44 @@ export default {
|
|
|
case 2:
|
|
|
this.userfrontImg = "";
|
|
|
this.userbackImg = "";
|
|
|
+ this.businessImg = "";
|
|
|
+ this.E02File = ""; // 营业执照
|
|
|
this.C02File = ""; // 车主正面base64
|
|
|
this.D02File = ""; // 车主背面base64
|
|
|
Object.keys(this.ownerInfoform).forEach((key) => {
|
|
|
this.ownerInfoform[key] = "";
|
|
|
});
|
|
|
+ Object.keys(this.businessform).forEach((key) => {
|
|
|
+ this.businessform[key] = "";
|
|
|
+ });
|
|
|
break;
|
|
|
case 3:
|
|
|
this.userfrontImg = "";
|
|
|
this.userbackImg = "";
|
|
|
+ this.businessImg = "";
|
|
|
+ this.E03File = ""; // 营业执照
|
|
|
this.C03File = ""; // 投保人正面base64
|
|
|
this.D03File = ""; // 投保人背面base64
|
|
|
Object.keys(this.ownerInfoform).forEach((key) => {
|
|
|
this.ownerInfoform[key] = "";
|
|
|
+ });
|
|
|
+ Object.keys(this.businessform).forEach((key) => {
|
|
|
+ this.businessform[key] = "";
|
|
|
});
|
|
|
break;
|
|
|
case 4:
|
|
|
this.userfrontImg = "";
|
|
|
this.userbackImg = "";
|
|
|
+ this.businessImg = "";
|
|
|
+ this.E04File = ""; // 营业执照
|
|
|
this.C04File = ""; // 被保人正面base64
|
|
|
this.D04File = ""; // 被保人背面base64
|
|
|
Object.keys(this.ownerInfoform).forEach((key) => {
|
|
|
this.ownerInfoform[key] = "";
|
|
|
});
|
|
|
- break;
|
|
|
- case 5:
|
|
|
- this.businessImg = "";
|
|
|
- // this.C04File = ''; // 被保人正面base64
|
|
|
- // this.D04File = ''; // 被保人背面base64
|
|
|
- // Object.keys(this.ownerInfoform).forEach((key) => {
|
|
|
- // this.ownerInfoform[key] = '';
|
|
|
- // });
|
|
|
+ Object.keys(this.businessform).forEach((key) => {
|
|
|
+ this.businessform[key] = "";
|
|
|
+ });
|
|
|
break;
|
|
|
default:
|
|
|
}
|
|
|
@@ -12825,9 +13111,9 @@ export default {
|
|
|
this.renshouaccidentalDrivingVo = {};
|
|
|
this.anshengaccidentalDrivingVo = {};
|
|
|
this.dajiaaccidentalDrivingVo = {};
|
|
|
- // this.selectedOptions1 = [];
|
|
|
- // this.selectedOptions2 = [];
|
|
|
- // this.selectedOptions3 = [];
|
|
|
+ this.selectedOptions1 = [];
|
|
|
+ this.selectedOptions2 = [];
|
|
|
+ this.selectedOptions3 = [];
|
|
|
this.orderno = "";
|
|
|
this.quoteno = "";
|
|
|
this.lastCompanyId = "";
|
lihongxiao