|
|
@@ -1,878 +1,1102 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
<div class="head_operate">
|
|
|
- <el-button size="small" @click="addConditions()">添加条件</el-button>
|
|
|
- <el-button size="small">常用条件设置</el-button>
|
|
|
- <el-button size="small" type="primary">主要按钮</el-button>
|
|
|
+ <el-button size="small" @click="addConditions(1)">添加条件</el-button>
|
|
|
+ <el-button size="small" @click="addConditions(2)">常用条件设置</el-button>
|
|
|
+ <el-button size="small" @click="saveTemplate()">另存为模板</el-button>
|
|
|
+ <el-button size="small" type="primary" @click="importTemplate()">导入模板</el-button>
|
|
|
</div>
|
|
|
- <el-form ref="CostfactorForm" :model="formData" label-width="190px" >
|
|
|
+ <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>
|
|
|
+ <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>
|
|
|
+ <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>
|
|
|
+ <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>
|
|
|
+ <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" append-to-body width="80%">
|
|
|
+ <span v-for="(ele,index) in conditiondata" :key="index" class="often-box">
|
|
|
+ <div class="often-box-title">
|
|
|
+ <span class="title-text">{{ ele.title }}</span>
|
|
|
+ <el-checkbox
|
|
|
+ :indeterminate="checkedmData[index].isIndeterminate"
|
|
|
+ v-model="checkedmData[index].checkAll"
|
|
|
+ @change="handleCheckAllChange(index)"
|
|
|
+ >全选</el-checkbox>
|
|
|
</div>
|
|
|
- </el-form>
|
|
|
- <el-dialog
|
|
|
- :title="dialogTitle"
|
|
|
- :visible.sync="dialogVisible"
|
|
|
- append-to-body
|
|
|
- width="80%">
|
|
|
- <span v-for="(ele,index) in conditiondata" :key="index" class="often-box">
|
|
|
- <div class="often-box-title" >
|
|
|
- <span class="title-text" >{{ ele.title }}</span>
|
|
|
- <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange(index)">全选</el-checkbox>
|
|
|
- </div>
|
|
|
- <div class="often-content-classify" v-for='(cele,cindex) in ele.options' :key="cindex">
|
|
|
- <div class="classify-title">{{cele.name}}</div>
|
|
|
- <el-checkbox-group class="often-content" v-model="checkedCities" @change="handleCheckedCitiesChange">
|
|
|
- <el-checkbox class="often-content-child" v-for="city in cele.cities" :label="city" :key="city">{{city}}</el-checkbox>
|
|
|
- </el-checkbox-group>
|
|
|
- </div>
|
|
|
- </span>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- </div>
|
|
|
+ <div class="often-content-classify" v-for="(cele,cindex) in ele.options" :key="cindex">
|
|
|
+ <div class="classify-title">{{cele.name}}</div>
|
|
|
+ <el-checkbox-group
|
|
|
+ class="often-content"
|
|
|
+ v-model="checkedmData[index].checkedCities"
|
|
|
+ @change="handleCheckedCitiesChange(checkedmData[index],index,cindex)"
|
|
|
+ >
|
|
|
+ <el-checkbox
|
|
|
+ class="often-content-child"
|
|
|
+ v-for="city in cele.cities"
|
|
|
+ :label="city"
|
|
|
+ :key="city"
|
|
|
+ >{{city}}</el-checkbox>
|
|
|
+ </el-checkbox-group>
|
|
|
+ </div>
|
|
|
+ </span>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button size="small" @click="dialogVisible = false">取 消</el-button>
|
|
|
+ <el-button size="small" type="primary" @click="conditionSave()">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="导入条件佣金模板" :visible.sync="ImportdialogVisible" append-to-body width="80%">
|
|
|
+ <span >
|
|
|
+ <el-table
|
|
|
+ :data="tableData"
|
|
|
+ border
|
|
|
+ style="width: 100%">
|
|
|
+ <el-table-column
|
|
|
+ prop="date"
|
|
|
+ label="模板名称">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="name"
|
|
|
+ label="政策简称">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="address"
|
|
|
+ label="条件描述">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ fixed="right"
|
|
|
+ label="操作"
|
|
|
+ width="200">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ @click.native.prevent="Import(scope.$index)"
|
|
|
+ type="primary"
|
|
|
+ size="small">
|
|
|
+ 导入
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ @click.native.prevent="deleteRow(scope.$index)"
|
|
|
+ type="danger"
|
|
|
+ size="small">
|
|
|
+ 删除
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ </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'
|
|
|
+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{
|
|
|
- checkAll: false,
|
|
|
- checkedCities: [],
|
|
|
- conditiondata:[{
|
|
|
- title:'保单信息',
|
|
|
- options:[
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ ImportdialogVisible:false,
|
|
|
+ tableData: [{
|
|
|
+ date: '2016-05-02',
|
|
|
+ name: '王小虎',
|
|
|
+ address: '上海市普陀区金沙江路 1518 弄'
|
|
|
+ }],
|
|
|
+ checkedmData: [],
|
|
|
+ conditiondata: [
|
|
|
+ {
|
|
|
+ title: "保单信息",
|
|
|
+ options: [
|
|
|
{
|
|
|
- name:'险种',
|
|
|
- cities: ['险种', '非车保单数量', '座位险总保额（万元）', ' 座位险总保额（燃油-万元）','非车保单数量']
|
|
|
+ name: "险种",
|
|
|
+ cities: [
|
|
|
+ "险种",
|
|
|
+ "非车保单数量",
|
|
|
+ "座位险总保额（万元）",
|
|
|
+ " 座位险总保额（燃油-万元）",
|
|
|
+ "救援次数"
|
|
|
+ ]
|
|
|
},
|
|
|
{
|
|
|
- name:'其他',
|
|
|
- cities: ['使用系数', '查询比', '保费计算次数', '纳税类型','非车保单数量']
|
|
|
+ name: "其他",
|
|
|
+ cities: [
|
|
|
+ "使用系数",
|
|
|
+ "查询比",
|
|
|
+ "保费计算次数",
|
|
|
+ "纳税类型",
|
|
|
+ "工号当天总报价次数-工号筛选用"
|
|
|
+ ]
|
|
|
}
|
|
|
- ],
|
|
|
+ ]
|
|
|
},
|
|
|
{
|
|
|
- title:'车辆信息',
|
|
|
- options:[
|
|
|
+ title: "车辆信息",
|
|
|
+ options: [
|
|
|
{
|
|
|
- name:'车辆',
|
|
|
- cities: ['贷款车', '备质量(千克)', '总质量(千克)', '品牌型号车辆类别码']
|
|
|
+ name: "车辆",
|
|
|
+ cities: [
|
|
|
+ "贷款车",
|
|
|
+ "备质量(千克)",
|
|
|
+ "总质量(千克)",
|
|
|
+ "品牌型号车辆类别码"
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ dialogVisible: false,
|
|
|
+ dialogTitle: "添加其他条件",
|
|
|
+ options: [
|
|
|
+ {
|
|
|
+ value: "1",
|
|
|
+ label: "符合其一"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: "2",
|
|
|
+ label: "全部除外"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ formData: {
|
|
|
+ chepai2: "",
|
|
|
+ 条件适用对象: []
|
|
|
+ },
|
|
|
+ circularContent: [
|
|
|
+ {
|
|
|
+ title: "车险预核条件",
|
|
|
+ hideAll: true,
|
|
|
+ img: imgSrc1,
|
|
|
+ concant: [
|
|
|
+ {
|
|
|
+ label: "政策简介",
|
|
|
+ prop: "transfer",
|
|
|
+ type: "textarea"
|
|
|
},
|
|
|
- ],
|
|
|
- }],
|
|
|
- isIndeterminate: true,
|
|
|
- dialogVisible: false,
|
|
|
- dialogTitle:'添加其他条件',
|
|
|
- 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'
|
|
|
- }
|
|
|
- ]
|
|
|
+ {
|
|
|
+ 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: "双皮奶"
|
|
|
},
|
|
|
{
|
|
|
- title:'规则类型',
|
|
|
- hideAll:true,
|
|
|
- img:imgSrc2,
|
|
|
- nooperate:true,
|
|
|
- concant:[
|
|
|
- {
|
|
|
- label:'符合以下条件的车辆，系统将',
|
|
|
- prop:'符合以下条件的车辆，系统将',
|
|
|
- type:'input',
|
|
|
- labelWidth:'250px',
|
|
|
- }
|
|
|
- ]
|
|
|
+ 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"
|
|
|
},
|
|
|
{
|
|
|
- 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'
|
|
|
- }
|
|
|
- ]
|
|
|
+ label: "否",
|
|
|
+ value: "0"
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "车牌",
|
|
|
+ prop1: "车牌1",
|
|
|
+ prop2: "chepai2",
|
|
|
+ type: "slot",
|
|
|
+ options: [
|
|
|
+ {
|
|
|
+ label: "是",
|
|
|
+ value: "1"
|
|
|
},
|
|
|
{
|
|
|
- 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',
|
|
|
- }
|
|
|
- ]
|
|
|
- },
|
|
|
- ]
|
|
|
+ label: "否",
|
|
|
+ value: "0"
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "关系人信息",
|
|
|
+ hideAll: true,
|
|
|
+ img: imgSrc5,
|
|
|
+ concant: [
|
|
|
+ {
|
|
|
+ label: "条件适用对象",
|
|
|
+ prop: "条件适用对象",
|
|
|
+ type: "slot"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "适用对象校验方式",
|
|
|
+ prop: "适用对象校验方式",
|
|
|
+ type: "select",
|
|
|
+ options: [
|
|
|
+ {
|
|
|
+ label: "适用对象至少其一符合以下条件",
|
|
|
+ value: "1"
|
|
|
},
|
|
|
{
|
|
|
- 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',
|
|
|
- },
|
|
|
- ]
|
|
|
+ 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() {
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.conditiondata.forEach((val, index) => {
|
|
|
+ this.checkedmData[index] = {
|
|
|
+ checkAll: false,
|
|
|
+ isIndeterminate: false,
|
|
|
+ checkedCities: []
|
|
|
+ };
|
|
|
+ });
|
|
|
},
|
|
|
|
|
|
- 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
|
|
|
+ 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;
|
|
|
}
|
|
|
- },
|
|
|
- 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);
|
|
|
- }
|
|
|
- })
|
|
|
+ if (val.includes("投保人") && ele.name == "toubaoren") {
|
|
|
+ ele.hide = false;
|
|
|
+ } else {
|
|
|
+ if (ele.name == "toubaoren") {
|
|
|
+ ele.hide = true;
|
|
|
}
|
|
|
- else{
|
|
|
- this.circularContent[4].concant.forEach((ele,index)=>{
|
|
|
- if(ele.name=='toubaoren'){
|
|
|
- ele.hide=false
|
|
|
- }
|
|
|
+ }
|
|
|
|
|
|
- })
|
|
|
+ if (val.includes("被保人") && ele.name == "beibaoren") {
|
|
|
+ ele.hide = false;
|
|
|
+ } else {
|
|
|
+ if (ele.name == "beibaoren") {
|
|
|
+ ele.hide = true;
|
|
|
}
|
|
|
- },
|
|
|
-
|
|
|
- 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);
|
|
|
- }
|
|
|
- })
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 投保人同车主功能
|
|
|
+ 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=='beibaoren'){
|
|
|
- ele.hide=false
|
|
|
- }
|
|
|
- })
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.circularContent[4].concant.forEach((ele, index) => {
|
|
|
+ if (ele.name == "toubaoren") {
|
|
|
+ ele.hide = false;
|
|
|
}
|
|
|
- },
|
|
|
- addConditions(){
|
|
|
- this.dialogVisible=true
|
|
|
- },
|
|
|
- handleCheckAllChange(index) {
|
|
|
- let arr=[]
|
|
|
- this.conditiondata[index].options.forEach(val=>arr.push(...val.cities) )
|
|
|
- this.checkedCities=this.checkAll?arr:[]
|
|
|
- this.isIndeterminate = false;
|
|
|
- },
|
|
|
- handleCheckedCitiesChange(value) {
|
|
|
- let checkedCount = value.length;
|
|
|
- this.checkAll = checkedCount === this.cities.length;
|
|
|
- this.isIndeterminate = checkedCount > 0 && checkedCount < this.cities.length;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ 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;
|
|
|
+ }
|
|
|
+ });
|
|
|
}
|
|
|
+ },
|
|
|
+ addConditions(type) {
|
|
|
+ this.dialogVisible = true;
|
|
|
+ if (type == "1") {
|
|
|
+ this.dialogTitle = "常用条件配置";
|
|
|
+ } else {
|
|
|
+ this.dialogTitle = "添加其他条件";
|
|
|
}
|
|
|
-}
|
|
|
+ },
|
|
|
+ handleCheckAllChange(index) {
|
|
|
+ let arr = [];
|
|
|
+ this.conditiondata[index].options.forEach(val => arr.push(...val.cities));
|
|
|
+ this.checkedmData[index].checkedCities = this.checkedmData[index].checkAll
|
|
|
+ ? arr
|
|
|
+ : [];
|
|
|
+ this.checkedmData[index].isIndeterminate = false;
|
|
|
+ this.checkedmData = [...this.checkedmData];
|
|
|
+ },
|
|
|
+ handleCheckedCitiesChange(value, index, cindex) {
|
|
|
+ let checkedCount = value.checkedCities.length;
|
|
|
+ this.checkedmData[index].checkAll =
|
|
|
+ checkedCount ===
|
|
|
+ this.conditiondata[index].options[cindex].cities.length;
|
|
|
+ this.checkedmData[index].isIndeterminate =
|
|
|
+ checkedCount > 0 &&
|
|
|
+ checkedCount < this.conditiondata[index].options[cindex].cities.length;
|
|
|
+ this.checkedmData = [...this.checkedmData];
|
|
|
+ },
|
|
|
+ conditionSave() {
|
|
|
+ this.dialogVisible = false;
|
|
|
+ console.log(this.checkedmData, 444444444);
|
|
|
+ },
|
|
|
+ // 另存为模板
|
|
|
+ saveTemplate(){
|
|
|
+ this.$prompt('请输入模板名称', '提示', {
|
|
|
+ inputAttrs: {
|
|
|
+ maxlength: 10 // 设置最大长度为10
|
|
|
+ }
|
|
|
+ }).then(({value}) => {
|
|
|
+ console.log(value, 444444444);
|
|
|
+
|
|
|
+ // 处理输入值
|
|
|
+ }).catch(() => {
|
|
|
+ // 取消操作
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 导入模板
|
|
|
+ importTemplate(){
|
|
|
+ this.ImportdialogVisible=true
|
|
|
+ },
|
|
|
+ deleteRow(index){
|
|
|
+ this.$confirm('确认删除该模板吗?', '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ }).then(() => {
|
|
|
+
|
|
|
+ }).catch(() => {
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ }
|
|
|
+};
|
|
|
</script>
|
|
|
<style scoped lang="scss">
|
|
|
.clearfix:before,
|
|
|
- .clearfix:after {
|
|
|
- display: table;
|
|
|
- content: "";
|
|
|
- }
|
|
|
- .clearfix:after {
|
|
|
- clear: both
|
|
|
- }
|
|
|
-.hide-all{
|
|
|
- display:none
|
|
|
+.clearfix:after {
|
|
|
+ clear: both;
|
|
|
+ display: table;
|
|
|
+ content: "";
|
|
|
}
|
|
|
-.clearfix{
|
|
|
+.hide-all {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+.clearfix {
|
|
|
padding-left: 20px;
|
|
|
- span{
|
|
|
+ span {
|
|
|
font-weight: 600;
|
|
|
font-size: 15px;
|
|
|
}
|
|
|
- span>img{
|
|
|
+ span > img {
|
|
|
vertical-align: middle;
|
|
|
width: 26px;
|
|
|
height: 26px;
|
|
|
- margin-right: 5px
|
|
|
+ margin-right: 5px;
|
|
|
}
|
|
|
}
|
|
|
-.head_operate{
|
|
|
+.head_operate {
|
|
|
text-align: right;
|
|
|
padding: 10px 0;
|
|
|
}
|
|
|
-.often-box-title{
|
|
|
+.often-box-title {
|
|
|
padding: 10px;
|
|
|
- background-color: #ffeede;
|
|
|
- font-weight: bold;
|
|
|
+ background-color: #ffeede;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
-.often-content-classify{
|
|
|
+.often-content-classify {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
-.often-box .often-content-classify:not(:last-child){
|
|
|
+.often-box .often-content-classify:not(:last-child) {
|
|
|
border-bottom: 1px solid #ccc;
|
|
|
-
|
|
|
}
|
|
|
-.classify-title{
|
|
|
+.classify-title {
|
|
|
width: 100px;
|
|
|
- text-align: right;
|
|
|
- padding: 15px 5px 0px 0px;
|
|
|
- font-weight: 600;
|
|
|
+ text-align: right;
|
|
|
+ padding: 15px 5px 0px 0px;
|
|
|
+ font-weight: 600;
|
|
|
}
|
|
|
-.often-content{
|
|
|
+.often-content {
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
justify-content: flex-start;
|
|
|
- padding: 10px;
|
|
|
- flex: 1;
|
|
|
+ padding: 10px;
|
|
|
+ flex: 1;
|
|
|
}
|
|
|
-.often-content-child{
|
|
|
+
|
|
|
+.often-content-child {
|
|
|
width: 22%;
|
|
|
- padding: 5px 0;
|
|
|
+ padding: 5px 0;
|
|
|
}
|
|
|
-.title-text{
|
|
|
+.title-text {
|
|
|
display: inline-block;
|
|
|
width: 100px;
|
|
|
font-size: 15px;
|
lihongxiao