|
|
@@ -0,0 +1,773 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <el-form ref="CostfactorForm" :model="formData" label-width="190px" >
|
|
|
+ <div v-for="(item,index) in circularContent" :key="index">
|
|
|
+ <el-card class="box-card" :body-style="{'display':(item.hideAll?'block':'none')}" style=" margin-bottom: 18px;">
|
|
|
+ <div slot="header" class="clearfix" >
|
|
|
+ <span ><img :src='item.img' />{{item.title}}</span>
|
|
|
+ <el-button v-if="!item.nooperate" style="float: right; padding: 3px 0" type="text" @click="hide(index)" >{{item.hideAll?'收起':'展开'}}</el-button>
|
|
|
+ </div>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="val.col||11" v-for="val in item.concant" :key="val.prop" >
|
|
|
+ <el-form-item :label="val.label" :prop="val.prop" :label-width="val.labelWidth?val.labelWidth:'190px'" style="margin-bottom: 15px;" v-if="!val.hide">
|
|
|
+ <template v-if="val.type === 'input'">
|
|
|
+ <el-input v-model="formData[val.prop]" size="small" :placeholder="'请输入'+val.label" clearable ></el-input>
|
|
|
+ </template>
|
|
|
+ <template v-if="val.type === 'textarea'">
|
|
|
+ <el-input type="textarea" maxlength="100" clearable show-word-limit v-model="formData[val.prop]" size="small" :placeholder="'请输入'+val.label"></el-input>
|
|
|
+ </template>
|
|
|
+ <template v-if="val.type === 'select'">
|
|
|
+ <el-select size="small" v-model="formData[val.prop]" style="width: 100%;" clearable
|
|
|
+ :placeholder="'请输入' + val.label">
|
|
|
+ <el-option v-for="(s, i) in val.options" :key="i" :label="s.label"
|
|
|
+ :value="s.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ <!-- 带多选的select -->
|
|
|
+ <template v-if="val.type === 'selectmultiple'">
|
|
|
+ <el-select multiple size="small" v-model="formData[val.prop]" style="width: 100%;" clearable
|
|
|
+ :placeholder="'请输入' + val.label">
|
|
|
+ <el-option v-for="(s, i) in val.options" :key="i" :label="s.label"
|
|
|
+ :value="s.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ <!-- 带搜索和全选的select -->
|
|
|
+ <template v-if="val.type === 'selectsearch'">
|
|
|
+ <el-select
|
|
|
+ size="small"
|
|
|
+ style="width: 60%;"
|
|
|
+ v-model="formData[val.prop1]"
|
|
|
+ multiple
|
|
|
+ collapse-tags
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ @change="changeSelect(formData[val.prop1],val)"
|
|
|
+ :placeholder="'请输入' + val.label">
|
|
|
+ <el-checkbox style=" text-align: right;width: 92%;" v-model="val.checked" @change='selectAll(val)'>全选</el-checkbox>
|
|
|
+ <el-option
|
|
|
+ v-for="item in val.options"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-select size="small" v-model="formData[val.prop2]" clearable style="width: 39%;"
|
|
|
+ placeholder="请输入校验方式" >
|
|
|
+ <el-option v-for="(s, i) in options" :key="i" :label="s.label"
|
|
|
+ :value="s.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ <!-- 创建条目的select -->
|
|
|
+ <template v-if="val.type === 'createSelect'">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%;"
|
|
|
+ v-model="formData[val.prop]"
|
|
|
+ multiple
|
|
|
+ clearable
|
|
|
+ filterable
|
|
|
+ allow-create
|
|
|
+ default-first-option
|
|
|
+ placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in val.options"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ <template v-if="val.type === 'inputconnect'">
|
|
|
+ <div>
|
|
|
+ <el-input style="width: 45%;" v-model="formData[val.prop1]" size="small" placeholder="下限"></el-input>
|
|
|
+ <span style="color:rgba(0, 0, 0, 0.15">——</span>
|
|
|
+ <el-input style="width: 45%;" v-model="formData[val.prop2]" size="small" placeholder="上限"></el-input>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 单选框 -->
|
|
|
+ <template v-if="val.type === 'radio'" >
|
|
|
+ <el-radio-group
|
|
|
+ size="small"
|
|
|
+ v-model="formData[val.prop]"
|
|
|
+ v-bind="val.chang"
|
|
|
+ :disabled="val.disabled || false"
|
|
|
+ >
|
|
|
+ <el-radio-button
|
|
|
+ v-for="(el, i) in val.options"
|
|
|
+ :key="i"
|
|
|
+ :label="el.value"
|
|
|
+ :disabled="el.disabled"
|
|
|
+ :border="el.border"
|
|
|
+ >
|
|
|
+ {{ el.label }}
|
|
|
+ </el-radio-button>
|
|
|
+ </el-radio-group>
|
|
|
+ </template>
|
|
|
+ <template v-if="val.type === 'slot'&& val.label === '车牌'" >
|
|
|
+ <el-select multiple size="small" v-model="formData[val.prop1]" style="width: 70%;" clearable
|
|
|
+ :placeholder="'请输入' + val.label">
|
|
|
+ <el-option v-for="(s, i) in val.options" :key="i" :label="s.label"
|
|
|
+ :value="s.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <!-- <el-checkbox style="margin-left: 20px;" true-label="1" false-label="0" v-model="formData.chepai2" :disabled="formData[val.prop1].length>0?false:true">含暂未上牌</el-checkbox> -->
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template v-if="val.type === 'slot'&& val.label === '条件适用对象'" >
|
|
|
+ <el-checkbox-group v-model="formData[val.prop]" @change="chooseCondition">
|
|
|
+ <el-checkbox label="投保人"></el-checkbox>
|
|
|
+ <el-checkbox label="被保人"></el-checkbox>
|
|
|
+ <el-checkbox label="车主"></el-checkbox>
|
|
|
+ </el-checkbox-group>
|
|
|
+ </template>
|
|
|
+ <template v-if="val.type === 'slot'&& val.prop === '车主'" >
|
|
|
+ <el-divider content-position="left"><b >车主</b></el-divider>
|
|
|
+ </template>
|
|
|
+ <template v-if="val.type === 'slot'&& val.prop === '投保人'" >
|
|
|
+ <el-divider content-position="left"><b >投保人</b>
|
|
|
+ <span style="font-size: 12px;margin:0 5px 0 15px">同车主</span>
|
|
|
+ <el-switch
|
|
|
+ v-model="formData[val.prop]"
|
|
|
+ @change="isoOwnerFun"
|
|
|
+ active-color="#409EFF"
|
|
|
+ inactive-color="#ccc">
|
|
|
+ </el-switch></el-divider>
|
|
|
+ </template>
|
|
|
+ <template v-if="val.type === 'slot'&& val.prop1 === '被保人1'" >
|
|
|
+ <el-divider content-position="left">
|
|
|
+ <b>被保人</b>
|
|
|
+ <span style="font-size: 12px;margin:0 5px 0 15px">同车主</span>
|
|
|
+ <el-switch
|
|
|
+ v-model="formData[val.prop1]"
|
|
|
+ @change="isoApplicantFun"
|
|
|
+ active-color="#409EFF"
|
|
|
+ inactive-color="#ccc">
|
|
|
+ </el-switch>
|
|
|
+ <span style="font-size: 12px;margin:0 5px 0 15px">同投保人</span>
|
|
|
+ <el-switch
|
|
|
+ v-model="formData[val.prop2]"
|
|
|
+ @change="isoApplicantFun"
|
|
|
+ active-color="#409EFF"
|
|
|
+ inactive-color="#ccc">
|
|
|
+ </el-switch>
|
|
|
+ </el-divider>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-card>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import imgSrc1 from '../../../../assets/image/bfyz1.png'
|
|
|
+import imgSrc2 from '../../../../assets/image/bfyz2.png'
|
|
|
+import imgSrc3 from '../../../../assets/image/bfyz3.png'
|
|
|
+import imgSrc4 from '../../../../assets/image/bfyz4.png'
|
|
|
+import imgSrc5 from '../../../../assets/image/bfyz5.png'
|
|
|
+export default {
|
|
|
+ data(){
|
|
|
+ return{
|
|
|
+ options:[
|
|
|
+ {
|
|
|
+ value: '1',
|
|
|
+ label: '符合其一'
|
|
|
+ }, {
|
|
|
+ value: '2',
|
|
|
+ label: '全部除外'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ formData:{
|
|
|
+ chepai2:'',
|
|
|
+ 条件适用对象:[]
|
|
|
+ },
|
|
|
+ circularContent:[
|
|
|
+ {
|
|
|
+ title:'车险预核条件',
|
|
|
+ hideAll:true,
|
|
|
+ img:imgSrc1,
|
|
|
+ concant:[
|
|
|
+ {
|
|
|
+ label:'政策简介',
|
|
|
+ prop:'transfer',
|
|
|
+ type:'textarea'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'条件描述',
|
|
|
+ prop:'条件描述',
|
|
|
+ type:'textarea'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title:'规则类型',
|
|
|
+ hideAll:true,
|
|
|
+ img:imgSrc2,
|
|
|
+ nooperate:true,
|
|
|
+ concant:[
|
|
|
+ {
|
|
|
+ label:'符合以下条件的车辆，系统将',
|
|
|
+ prop:'符合以下条件的车辆，系统将',
|
|
|
+ type:'input',
|
|
|
+ labelWidth:'250px',
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title:' 保单信息',
|
|
|
+ hideAll:true,
|
|
|
+ img:imgSrc3,
|
|
|
+ concant:[
|
|
|
+ {
|
|
|
+ label:'含交叉销售',
|
|
|
+ prop:'含交叉销售',
|
|
|
+ type:'radio',
|
|
|
+ options:[
|
|
|
+ {
|
|
|
+ label:'是',
|
|
|
+ value:'1',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'否',
|
|
|
+ value:'0',
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'非车产品',
|
|
|
+ prop:'非车产品',
|
|
|
+ type:'radio'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'非车保费(元)',
|
|
|
+ prop1:'非车保费1',
|
|
|
+ prop2:'非车保费2',
|
|
|
+ type:'inputconnect'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'附加医保座位险总保额(乘客-万元)',
|
|
|
+ prop1:'附加医保座位险总保额(乘客-万元)1',
|
|
|
+ prop2:'附加医保座位险总保额(乘客-万元)2',
|
|
|
+ type:'inputconnect'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'座位险保额（乘客每座-万元）',
|
|
|
+ prop1:'座位险保额（乘客每座-万元）1',
|
|
|
+ prop2:'座位险保额（乘客每座-万元）2',
|
|
|
+ type:'inputconnect'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'座位险保额(司乘每座-万元)',
|
|
|
+ prop1:'座位险保额(司乘每座-万元)1',
|
|
|
+ prop2:'座位险保额(司乘每座-万元)2',
|
|
|
+ type:'inputconnect'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title:'车辆信息',
|
|
|
+ hideAll:true,
|
|
|
+ img:imgSrc4,
|
|
|
+ concant:[
|
|
|
+ {
|
|
|
+ label:'营业车',
|
|
|
+ prop:'营业车',
|
|
|
+ type:'radio',
|
|
|
+ options:[
|
|
|
+ {
|
|
|
+ label:'是',
|
|
|
+ value:'1',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'否',
|
|
|
+ value:'0',
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'过户车',
|
|
|
+ prop:'过户车',
|
|
|
+ type:'radio',
|
|
|
+ options:[
|
|
|
+ {
|
|
|
+ label:'是',
|
|
|
+ value:'1',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'否',
|
|
|
+ value:'0',
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'新车',
|
|
|
+ prop:'新车',
|
|
|
+ type:'radio',
|
|
|
+ options:[
|
|
|
+ {
|
|
|
+ label:'是',
|
|
|
+ value:'1',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'否',
|
|
|
+ value:'0',
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'进口车',
|
|
|
+ prop:'进口车',
|
|
|
+ type:'radio',
|
|
|
+ options:[
|
|
|
+ {
|
|
|
+ label:'是',
|
|
|
+ value:'1',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'否',
|
|
|
+ value:'0',
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'贷款车',
|
|
|
+ prop:'贷款车',
|
|
|
+ type:'radio',
|
|
|
+ options:[
|
|
|
+ {
|
|
|
+ label:'是',
|
|
|
+ value:'1',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'否',
|
|
|
+ value:'0',
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'新能源',
|
|
|
+ prop:'新能源',
|
|
|
+ type:'radio',
|
|
|
+ options:[
|
|
|
+ {
|
|
|
+ label:'是',
|
|
|
+ value:'1',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'否',
|
|
|
+ value:'0',
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'能源类型',
|
|
|
+ prop:'能源类型',
|
|
|
+ type:'selectmultiple',
|
|
|
+ options:[
|
|
|
+ {
|
|
|
+ label:'是',
|
|
|
+ value:'1',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'否',
|
|
|
+ value:'0',
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'使用性质',
|
|
|
+ prop1:'使用性质1',
|
|
|
+ prop2:'使用性质2',
|
|
|
+ type:'selectsearch',
|
|
|
+ options: [ {
|
|
|
+ value: '1',
|
|
|
+ label: '黄金糕'
|
|
|
+ }, {
|
|
|
+ value: '2',
|
|
|
+ label: '双皮奶'
|
|
|
+ }, {
|
|
|
+ value: '选项3',
|
|
|
+ label: '蚵仔煎'
|
|
|
+ }, {
|
|
|
+ value: '3',
|
|
|
+ label: '龙须面'
|
|
|
+ }, {
|
|
|
+ value: '4',
|
|
|
+ label: '北京烤鸭'
|
|
|
+ }],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'号牌种类',
|
|
|
+ prop1:'号牌种类1',
|
|
|
+ prop2:'号牌种类2',
|
|
|
+ type:'selectsearch',
|
|
|
+ options: [ {
|
|
|
+ value: '1',
|
|
|
+ label: '黄金糕'
|
|
|
+ }, {
|
|
|
+ value: '2',
|
|
|
+ label: '双皮奶'
|
|
|
+ }, {
|
|
|
+ value: '选项3',
|
|
|
+ label: '蚵仔煎'
|
|
|
+ }, {
|
|
|
+ value: '3',
|
|
|
+ label: '龙须面'
|
|
|
+ }, {
|
|
|
+ value: '4',
|
|
|
+ label: '北京烤鸭'
|
|
|
+ }],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'车辆类型',
|
|
|
+ prop1:'车辆类型1',
|
|
|
+ prop2:'车辆类型2',
|
|
|
+ type:'selectsearch',
|
|
|
+ options: [ {
|
|
|
+ value: '1',
|
|
|
+ label: '黄金糕'
|
|
|
+ }, {
|
|
|
+ value: '2',
|
|
|
+ label: '双皮奶'
|
|
|
+ }, {
|
|
|
+ value: '选项3',
|
|
|
+ label: '蚵仔煎'
|
|
|
+ }, {
|
|
|
+ value: '3',
|
|
|
+ label: '龙须面'
|
|
|
+ }, {
|
|
|
+ value: '4',
|
|
|
+ label: '北京烤鸭'
|
|
|
+ }],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'交管车辆类型',
|
|
|
+ prop1:'交管车辆类型1',
|
|
|
+ prop2:'交管车辆类2',
|
|
|
+ type:'selectsearch',
|
|
|
+ options: [ {
|
|
|
+ value: '1',
|
|
|
+ label: '黄金糕'
|
|
|
+ }, {
|
|
|
+ value: '2',
|
|
|
+ label: '双皮奶'
|
|
|
+ }, {
|
|
|
+ value: '选项3',
|
|
|
+ label: '蚵仔煎'
|
|
|
+ }, {
|
|
|
+ value: '3',
|
|
|
+ label: '龙须面'
|
|
|
+ }, {
|
|
|
+ value: '4',
|
|
|
+ label: '北京烤鸭'
|
|
|
+ }],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'额定载重质量(吨)',
|
|
|
+ prop1:'额定载重质量1',
|
|
|
+ prop2:'额定载重质量2',
|
|
|
+ type:'inputconnect'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'整备质量(千克)',
|
|
|
+ prop1:'整备质量1',
|
|
|
+ prop2:'整备质量2',
|
|
|
+ type:'inputconnect'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'总质量(千克)',
|
|
|
+ prop1:'总质量1',
|
|
|
+ prop2:'总质量2',
|
|
|
+ type:'inputconnect'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'座位数(个)',
|
|
|
+ prop1:'座位数1',
|
|
|
+ prop2:'座位数2',
|
|
|
+ type:'inputconnect'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'车龄(月)',
|
|
|
+ prop1:'车龄1',
|
|
|
+ prop2:'车龄2',
|
|
|
+ type:'inputconnect'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'车价（万元)',
|
|
|
+ prop1:'车价1',
|
|
|
+ prop2:'车价2',
|
|
|
+ type:'inputconnect'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'排气量(cc)',
|
|
|
+ prop1:'排气量1',
|
|
|
+ prop2:'排气量2',
|
|
|
+ type:'inputconnect'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'包含品牌',
|
|
|
+ prop:'包含品牌',
|
|
|
+ type:'createSelect',
|
|
|
+ options:[]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'除外品牌',
|
|
|
+ prop:'除外品牌',
|
|
|
+ type:'createSelect',
|
|
|
+ options:[]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'是否上牌',
|
|
|
+ prop:'是否上牌',
|
|
|
+ type:'radio',
|
|
|
+ options:[
|
|
|
+ {
|
|
|
+ label:'是',
|
|
|
+ value:'1',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'否',
|
|
|
+ value:'0',
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'车牌',
|
|
|
+ prop1:'车牌1',
|
|
|
+ prop2:'chepai2',
|
|
|
+ type:'slot',
|
|
|
+ options:[
|
|
|
+ {
|
|
|
+ label:'是',
|
|
|
+ value:'1',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'否',
|
|
|
+ value:'0',
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title:'关系人信息',
|
|
|
+ hideAll:true,
|
|
|
+ img:imgSrc5,
|
|
|
+ concant:[
|
|
|
+ {
|
|
|
+ label:'条件适用对象',
|
|
|
+ prop:'条件适用对象',
|
|
|
+ type:'slot',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'适用对象校验方式',
|
|
|
+ prop:'适用对象校验方式',
|
|
|
+ type:'select',
|
|
|
+ options:[
|
|
|
+ {
|
|
|
+ label:'适用对象至少其一符合以下条件',
|
|
|
+ value:'1',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'适用对象全部符合以下条件',
|
|
|
+ value:'2',
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'',
|
|
|
+ prop:'车主',
|
|
|
+ type:'slot',
|
|
|
+ name:'chezhu',
|
|
|
+ hide:true,
|
|
|
+ col:24,
|
|
|
+ labelWidth:'0'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'车主年龄(岁)',
|
|
|
+ prop:'车主年龄',
|
|
|
+ hide:true,
|
|
|
+ type:'inputconnect',
|
|
|
+ name:'chezhu',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'车主证件号',
|
|
|
+ prop:'车主证件号',
|
|
|
+ hide:true,
|
|
|
+ type:'input',
|
|
|
+ name:'chezhu',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'',
|
|
|
+ prop:'投保人',
|
|
|
+ type:'slot',
|
|
|
+ name:'toubaoren',
|
|
|
+ hide:true,
|
|
|
+ col:24,
|
|
|
+ labelWidth:'0'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'投保人年龄(岁)',
|
|
|
+ prop:'投保人年龄',
|
|
|
+ hide:true,
|
|
|
+ type:'inputconnect',
|
|
|
+ name:'toubaoren',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'投保人证件号',
|
|
|
+ prop:'投保人证件号',
|
|
|
+ hide:true,
|
|
|
+ type:'input',
|
|
|
+ name:'toubaoren',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'',
|
|
|
+ prop1:'被保人1',
|
|
|
+ prop2:'被保人2',
|
|
|
+ type:'slot',
|
|
|
+ name:'beibaoren',
|
|
|
+ hide:true,
|
|
|
+ col:24,
|
|
|
+ labelWidth:'0'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'被保人年龄(岁)',
|
|
|
+ prop:'被保人年龄',
|
|
|
+ hide:true,
|
|
|
+ type:'inputconnect',
|
|
|
+ name:'beibaoren',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'被保人证件号',
|
|
|
+ prop:'被保人证件号',
|
|
|
+ hide:true,
|
|
|
+ type:'input',
|
|
|
+ name:'beibaoren',
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ },
|
|
|
+
|
|
|
+ methods:{
|
|
|
+ hide(index){
|
|
|
+ this.circularContent[index].hideAll=! this.circularContent[index].hideAll
|
|
|
+ },
|
|
|
+ selectAll(val) {
|
|
|
+ this.formData[val.prop1] = []
|
|
|
+ if (val.checked) {
|
|
|
+ val.options.map((item) => {
|
|
|
+ this.formData[val.prop1].push(item.value)
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.formData[val.prop1] = []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ changeSelect(data,val) {
|
|
|
+ if (data.length === val.options.length) {
|
|
|
+ val.checked = true
|
|
|
+ } else {
|
|
|
+ val.checked = false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ chooseCondition(val){
|
|
|
+ this.circularContent[4].concant.forEach(ele=>{
|
|
|
+ if(val.includes('车主')&& ele.name=='chezhu'){
|
|
|
+ ele.hide=false
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ if(ele.name=='chezhu'){
|
|
|
+ ele.hide=true
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if(val.includes('投保人')&& ele.name=="toubaoren"){
|
|
|
+ ele.hide=false
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ if(ele.name=='toubaoren'){
|
|
|
+ ele.hide=true
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if(val.includes('被保人')&& ele.name=="beibaoren"){
|
|
|
+ ele.hide=false
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ if(ele.name=='beibaoren'){
|
|
|
+ ele.hide=true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 投保人同车主功能
|
|
|
+ isoOwnerFun(val){
|
|
|
+ if(val){
|
|
|
+ this.circularContent[4].concant.forEach((ele,index)=>{
|
|
|
+ if( ele.name=="toubaoren"&& ele.label!=''){
|
|
|
+ this.circularContent[4].concant[index].hide=true
|
|
|
+ this.circularContent = Array.from(this.circularContent);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ this.circularContent[4].concant.forEach((ele,index)=>{
|
|
|
+ if(ele.name=='toubaoren'){
|
|
|
+ ele.hide=false
|
|
|
+ }
|
|
|
+
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ isoApplicantFun(val){
|
|
|
+ if(val){
|
|
|
+ this.circularContent[4].concant.forEach((ele,index)=>{
|
|
|
+ if( ele.name=="beibaoren"&& ele.label!=''){
|
|
|
+ this.circularContent[4].concant[index].hide=true
|
|
|
+ this.circularContent = Array.from(this.circularContent);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ this.circularContent[4].concant.forEach((ele,index)=>{
|
|
|
+ if(ele.name=='beibaoren'){
|
|
|
+ ele.hide=false
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style scoped lang="scss">
|
|
|
+.clearfix:before,
|
|
|
+ .clearfix:after {
|
|
|
+ display: table;
|
|
|
+ content: "";
|
|
|
+ }
|
|
|
+ .clearfix:after {
|
|
|
+ clear: both
|
|
|
+ }
|
|
|
+.hide-all{
|
|
|
+ display:none
|
|
|
+}
|
|
|
+.clearfix{
|
|
|
+ padding-left: 20px;
|
|
|
+ span{
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 15px;
|
|
|
+ }
|
|
|
+ span>img{
|
|
|
+ vertical-align: middle;
|
|
|
+ width: 26px;
|
|
|
+ height: 26px;
|
|
|
+ margin-right: 5px
|
|
|
+}
|
|
|
+
|
|
|
+}
|
|
|
+</style>
|
lihongxiao
