|
@@ -54,142 +54,142 @@
|
|
|
</el-table>
|
|
</el-table>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
<el-dialog
|
|
<el-dialog
|
|
|
- :visible.sync="dialogVisibleOrder"
|
|
|
|
|
- width="40%"
|
|
|
|
|
- :before-close="handleCloseOrder">
|
|
|
|
|
- <el-form ref="form" :model="formDataOrder" label-width="120px" size="small">
|
|
|
|
|
- <h4 class="form_title">车辆信息</h4>
|
|
|
|
|
- <el-row :gutter="20">
|
|
|
|
|
- <el-col :span="12" v-for="f in formvehicleList" :key="f.prop">
|
|
|
|
|
- <el-form-item :label="f.label" :prop="f.prop">
|
|
|
|
|
- <el-input v-model.trim="formDataOrder.carinfo[f.prop]" :placeholder="'请输入' + f.label"></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="使用性质" prop="carnature">
|
|
|
|
|
- <el-select v-model="formDataOrder.carinfo.carnature" placeholder="请选择使用性质" @change="natureFun">
|
|
|
|
|
- <el-option :label="item.dictTag" :value="item.dictValue"
|
|
|
|
|
- v-for="(item, index) in natureOfVehicleUseoptions" :key="index"></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="车辆用途" prop="vehicleUse">
|
|
|
|
|
- <el-select v-if="formDataOrder.carinfo.carnature == '02'" v-model="formDataOrder.carinfo.vehicleUse" placeholder="请选择使车辆用途">
|
|
|
|
|
- <el-option :label="item.dictTag" :value="item.dictValue"
|
|
|
|
|
- v-for="(item, index) in outOfBusinessVehicleUseoptions" :key="index"></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- <el-select v-else v-model="formDataOrder.carinfo.vehicleUse" placeholder="请选择使车辆用途">
|
|
|
|
|
- <el-option :label="item.dictTag" :value="item.dictValue"
|
|
|
|
|
- v-for="(item, index) in businessVehicleUseoptions" :key="index"></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="车辆类型" prop="cartype">
|
|
|
|
|
- <el-select v-model="formDataOrder.carinfo.cartype" placeholder="请选择车辆种类" filterable clearable>
|
|
|
|
|
- <el-option :label="item.dictValue + item.dictTag" :value="item.dictValue"
|
|
|
|
|
- v-for="(item, index) in trafficManagementVehicleTypeoptions" :key="index"></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="车辆种类" prop="cimodelclass">
|
|
|
|
|
- <el-select v-model="formDataOrder.carinfo.cimodelclass" placeholder="请选择车辆种类" clearable>
|
|
|
|
|
- <el-option :label="item.dictTag" :value="item.dictValue" v-for="(item, index) in vehicleTypeoptions"
|
|
|
|
|
- :key="index"></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="能源种类" prop="energyType">
|
|
|
|
|
- <el-select v-model="formDataOrder.carinfo.energyType" placeholder="请选择能源种类">
|
|
|
|
|
- <el-option :label="item.dictTag" :value="item.dictValue" v-for="(item, index) in energyTypeoptions"
|
|
|
|
|
- :key="index"></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="注册日期" prop="registerDate">
|
|
|
|
|
- <el-date-picker v-dateFormat v-model="formDataOrder.carinfo.registerDate" :picker-options="pickerOptions"
|
|
|
|
|
- value-format="yyyy-MM-dd" type="date" placeholder="选择注册日期" placement="bottom-start"></el-date-picker>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="发证日期" prop="issueDate">
|
|
|
|
|
- <el-date-picker v-dateFormat v-model="formDataOrder.carinfo.issueDate" :picker-options="issueDateOptions" type="date"
|
|
|
|
|
- placeholder="选择发证日期" value-format="yyyy-MM-dd" placement="bottom-start"></el-date-picker>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="转移登记日期" prop="transferDate">
|
|
|
|
|
- <el-date-picker v-dateFormat v-model="formDataOrder.carinfo.transferDate" :picker-options="pickerOptions" type="date"
|
|
|
|
|
- placeholder="选择日期" value-format="yyyy-MM-dd" placement="bottom-start"></el-date-picker>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="是否过户" prop="transferFlag">
|
|
|
|
|
- <el-select v-model="formDataOrder.carinfo.transferFlag" placeholder="请选择是否过户">
|
|
|
|
|
- <el-option :label="item.label" :value="item.value" v-for="(item, index) in whetheroptions"
|
|
|
|
|
- :key="index"></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="商业险是否过户" prop="transferFlagBi">
|
|
|
|
|
- <el-select v-model="formDataOrder.carinfo.transferFlagBi" placeholder="请选择商业险是否过户">
|
|
|
|
|
- <el-option :label="item.label" :value="item.value" v-for="(item, index) in whetheroptions"
|
|
|
|
|
- :key="index"></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="是否脱保" prop="outOfInsurance">
|
|
|
|
|
- <el-select v-model="formDataOrder.carinfo.outOfInsurance" placeholder="请选择是否脱保">
|
|
|
|
|
- <el-option :label="item.label" :value="item.value" v-for="(item, index) in whetheroptions"
|
|
|
|
|
- :key="index"></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
- <el-form-item label="是否二手车" prop="usedCar">
|
|
|
|
|
- <el-select v-model="formDataOrder.carinfo.usedCar" placeholder="请选择是否二手车">
|
|
|
|
|
- <el-option :label="item.label" :value="item.value" v-for="(item, index) in whetheroptions"
|
|
|
|
|
- :key="index"></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-row>
|
|
|
|
|
- <h4 class="form_title">车主信息</h4>
|
|
|
|
|
- <el-row>
|
|
|
|
|
- <el-col :span="12" v-for="f in formownersList" :key="f.prop">
|
|
|
|
|
- <el-form-item :label="f.label" :prop="f.prop">
|
|
|
|
|
- <el-input v-model.trim="formDataOrder.ownerinfo[f.prop]" :placeholder="'请输入' + f.label"></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-row>
|
|
|
|
|
- <h4 class="form_title">投保人信息</h4>
|
|
|
|
|
- <el-row>
|
|
|
|
|
- <el-col :span="12" v-for="f in formPolicyholderList" :key="f.prop">
|
|
|
|
|
- <el-form-item :label="f.label" :prop="f.prop">
|
|
|
|
|
- <el-input v-model.trim="formDataOrder.applyinfo[f.prop]" :placeholder="'请输入' + f.label"></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-row>
|
|
|
|
|
- <h4 class="form_title">被保人信息</h4>
|
|
|
|
|
- <el-row>
|
|
|
|
|
- <el-col :span="12" v-for="f in forminsureinfoList" :key="f.prop">
|
|
|
|
|
- <el-form-item :label="f.label" :prop="f.prop">
|
|
|
|
|
- <el-input v-model.trim="formDataOrder.insureinfo[f.prop]" :placeholder="'请输入' + f.label"></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-row>
|
|
|
|
|
- </el-form>
|
|
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
|
|
- <el-button size="small" @click="dialogVisibleOrder = false">取 消</el-button>
|
|
|
|
|
- <el-button size="small" type="primary" @click="submitOrder">确 定</el-button>
|
|
|
|
|
- </span>
|
|
|
|
|
-</el-dialog>
|
|
|
|
|
|
|
+ :visible.sync="dialogVisibleOrder"
|
|
|
|
|
+ width="40%"
|
|
|
|
|
+ :before-close="handleCloseOrder">
|
|
|
|
|
+ <el-form ref="form" :model="formDataOrder" label-width="120px" size="small">
|
|
|
|
|
+ <h4 class="form_title">车辆信息</h4>
|
|
|
|
|
+ <el-row :gutter="20">
|
|
|
|
|
+ <el-col :span="12" v-for="f in formvehicleList" :key="f.prop">
|
|
|
|
|
+ <el-form-item :label="f.label" :prop="f.prop">
|
|
|
|
|
+ <el-input v-model.trim="formDataOrder.carinfo[f.prop]" :placeholder="'请输入' + f.label"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="使用性质" prop="carnature">
|
|
|
|
|
+ <el-select v-model="formDataOrder.carinfo.carnature" placeholder="请选择使用性质" @change="natureFun">
|
|
|
|
|
+ <el-option :label="item.dictTag" :value="item.dictValue"
|
|
|
|
|
+ v-for="(item, index) in natureOfVehicleUseoptions" :key="index"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="车辆用途" prop="vehicleUse">
|
|
|
|
|
+ <el-select v-if="formDataOrder.carinfo.carnature == '02'" v-model="formDataOrder.carinfo.vehicleUse" placeholder="请选择使车辆用途">
|
|
|
|
|
+ <el-option :label="item.dictTag" :value="item.dictValue"
|
|
|
|
|
+ v-for="(item, index) in outOfBusinessVehicleUseoptions" :key="index"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ <el-select v-else v-model="formDataOrder.carinfo.vehicleUse" placeholder="请选择使车辆用途">
|
|
|
|
|
+ <el-option :label="item.dictTag" :value="item.dictValue"
|
|
|
|
|
+ v-for="(item, index) in businessVehicleUseoptions" :key="index"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="车辆类型" prop="cartype">
|
|
|
|
|
+ <el-select v-model="formDataOrder.carinfo.cartype" placeholder="请选择车辆种类" filterable clearable>
|
|
|
|
|
+ <el-option :label="item.dictValue + item.dictTag" :value="item.dictValue"
|
|
|
|
|
+ v-for="(item, index) in trafficManagementVehicleTypeoptions" :key="index"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="车辆种类" prop="cimodelclass">
|
|
|
|
|
+ <el-select v-model="formDataOrder.carinfo.cimodelclass" placeholder="请选择车辆种类" clearable>
|
|
|
|
|
+ <el-option :label="item.dictTag" :value="item.dictValue" v-for="(item, index) in vehicleTypeoptions"
|
|
|
|
|
+ :key="index"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="能源种类" prop="energyType">
|
|
|
|
|
+ <el-select v-model="formDataOrder.carinfo.energyType" placeholder="请选择能源种类">
|
|
|
|
|
+ <el-option :label="item.dictTag" :value="item.dictValue" v-for="(item, index) in energyTypeoptions"
|
|
|
|
|
+ :key="index"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="注册日期" prop="registerDate">
|
|
|
|
|
+ <el-date-picker v-dateFormat v-model="formDataOrder.carinfo.registerDate" :picker-options="pickerOptions"
|
|
|
|
|
+ value-format="yyyy-MM-dd" type="date" placeholder="选择注册日期" placement="bottom-start"></el-date-picker>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="发证日期" prop="issueDate">
|
|
|
|
|
+ <el-date-picker v-dateFormat v-model="formDataOrder.carinfo.issueDate" :picker-options="issueDateOptions" type="date"
|
|
|
|
|
+ placeholder="选择发证日期" value-format="yyyy-MM-dd" placement="bottom-start"></el-date-picker>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="转移登记日期" prop="transferDate">
|
|
|
|
|
+ <el-date-picker v-dateFormat v-model="formDataOrder.carinfo.transferDate" :picker-options="pickerOptions" type="date"
|
|
|
|
|
+ placeholder="选择日期" value-format="yyyy-MM-dd" placement="bottom-start"></el-date-picker>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="是否过户" prop="transferFlag">
|
|
|
|
|
+ <el-select v-model="formDataOrder.carinfo.transferFlag" placeholder="请选择是否过户">
|
|
|
|
|
+ <el-option :label="item.label" :value="item.value" v-for="(item, index) in whetheroptions"
|
|
|
|
|
+ :key="index"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="商业险是否过户" prop="transferFlagBi">
|
|
|
|
|
+ <el-select v-model="formDataOrder.carinfo.transferFlagBi" placeholder="请选择商业险是否过户">
|
|
|
|
|
+ <el-option :label="item.label" :value="item.value" v-for="(item, index) in whetheroptions"
|
|
|
|
|
+ :key="index"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="是否脱保" prop="outOfInsurance">
|
|
|
|
|
+ <el-select v-model="formDataOrder.carinfo.outOfInsurance" placeholder="请选择是否脱保">
|
|
|
|
|
+ <el-option :label="item.label" :value="item.value" v-for="(item, index) in whetheroptions"
|
|
|
|
|
+ :key="index"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item label="是否二手车" prop="usedCar">
|
|
|
|
|
+ <el-select v-model="formDataOrder.carinfo.usedCar" placeholder="请选择是否二手车">
|
|
|
|
|
+ <el-option :label="item.label" :value="item.value" v-for="(item, index) in whetheroptions"
|
|
|
|
|
+ :key="index"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ <h4 class="form_title">车主信息</h4>
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="12" v-for="f in formownersList" :key="f.prop">
|
|
|
|
|
+ <el-form-item :label="f.label" :prop="f.prop">
|
|
|
|
|
+ <el-input v-model.trim="formDataOrder.ownerinfo[f.prop]" :placeholder="'请输入' + f.label"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ <h4 class="form_title">投保人信息</h4>
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="12" v-for="f in formPolicyholderList" :key="f.prop">
|
|
|
|
|
+ <el-form-item :label="f.label" :prop="f.prop">
|
|
|
|
|
+ <el-input v-model.trim="formDataOrder.applyinfo[f.prop]" :placeholder="'请输入' + f.label"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ <h4 class="form_title">被保人信息</h4>
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="12" v-for="f in forminsureinfoList" :key="f.prop">
|
|
|
|
|
+ <el-form-item :label="f.label" :prop="f.prop">
|
|
|
|
|
+ <el-input v-model.trim="formDataOrder.insureinfo[f.prop]" :placeholder="'请输入' + f.label"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ </el-form>
|
|
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
|
|
+ <el-button size="small" @click="dialogVisibleOrder = false">取 消</el-button>
|
|
|
|
|
+ <el-button size="small" type="primary" @click="submitOrder">确 定</el-button>
|
|
|
|
|
+ </span>
|
|
|
|
|
+ </el-dialog>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|