|
|
@@ -0,0 +1,375 @@
|
|
|
+<template>
|
|
|
+ <!--布局容器-->
|
|
|
+ <div class="container" style="width: 99%; margin-top: 0px">
|
|
|
+ <templateTable :formList="formList" :searchData.sync="searchData" :tableConfig="tableConfig" :data="tableData"
|
|
|
+ @getList="getList" @handleSearchList="handleSearchList" :pagination="queryFrom">
|
|
|
+ </templateTable>
|
|
|
+ <!-- <el-dialog :visible.sync="dialogVisibleOrder" width="40%" :before-close="handleCloseOrder">
|
|
|
+ <el-form ref="form" :model="formDataOrder" label-width="120px" size="small" disabled>
|
|
|
+ <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" @click="handAuditing">审核</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog> -->
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import templateTable from '../../../components/TemplateTable/index.vue'
|
|
|
+import { mixin } from "../mixin";
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: "baosi",
|
|
|
+ components: { templateTable, },
|
|
|
+ created() {
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ mixins: [mixin],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ isAuditoption: [
|
|
|
+ {
|
|
|
+ label: '未审核',
|
|
|
+ value: '0'
|
|
|
+ }, {
|
|
|
+ label: '审核通过',
|
|
|
+ value: '1'
|
|
|
+ }, {
|
|
|
+ label: '审核驳回',
|
|
|
+ value: '2'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ formList: [
|
|
|
+ {
|
|
|
+ label: "车牌号",
|
|
|
+ prop: "licenseNo",
|
|
|
+ type: "input",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发动机号",
|
|
|
+ prop: "engineNo",
|
|
|
+ type: "input",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "车辆识别代码",
|
|
|
+ prop: "frameNo",
|
|
|
+ type: "input",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "审核状态",
|
|
|
+ prop: "isAudit",
|
|
|
+ type: "select",
|
|
|
+ options: [
|
|
|
+ {
|
|
|
+ label: '未审核',
|
|
|
+ value: '0'
|
|
|
+ }, {
|
|
|
+ label: '审核通过',
|
|
|
+ value: '1'
|
|
|
+ }, {
|
|
|
+ label: '审核驳回',
|
|
|
+ value: '2'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ searchData: {},
|
|
|
+ tableConfig: {
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ prop: 'licenseNo', label: '车牌', type: 'text',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'vinNo', label: '车架号', type: 'text',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'tbrname', label: '投保人姓名', type: 'text',
|
|
|
+ }, {
|
|
|
+ prop: 'identifyNumber', label: '身份证号', type: 'text',
|
|
|
+ }, {
|
|
|
+ prop: 'isAudit', label: '审核状态', type: 'text',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ loading: true,
|
|
|
+ // operateShow: true,
|
|
|
+ isPaginationShow: true,
|
|
|
+ // operationWidth: '150',
|
|
|
+ optBtns: [
|
|
|
+ {
|
|
|
+ type: 'primary',
|
|
|
+ label: '审核',
|
|
|
+ click: (row, index) => { return this.modifyFun(row) },
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+
|
|
|
+ queryFrom: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ totalSize: 0
|
|
|
+ },
|
|
|
+ tableData: [],
|
|
|
+ dialogVisible: false,
|
|
|
+
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handAuditing() {
|
|
|
+ // this.$prompt('是否审核通过,输入驳回原因', '提示', {
|
|
|
+ // confirmButtonText: '审核驳回',
|
|
|
+ // cancelButtonText: '审核通过',
|
|
|
+ // inputPattern: /^.+$/,
|
|
|
+ // distinguishCancelAndClose: true,
|
|
|
+ // inputErrorMessage: '输入驳回原因!'
|
|
|
+ // }).then(({ value }) => {
|
|
|
+ // this.$api.task.auditBatchOrder({ orderNo: this.formDataOrder.subOrderNo, isAudit: '2', rejectReason: value }).then(res => {
|
|
|
+ // if (res.code == 200) {
|
|
|
+ // this.findPage();
|
|
|
+ // this.$message({
|
|
|
+ // type: 'success',
|
|
|
+ // message: '审核驳回通过'
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ // else {
|
|
|
+ // this.$message.error(res.msg)
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // }).catch((action) => {
|
|
|
+ // if (action === 'cancel') {
|
|
|
+ // this.$api.task.auditBatchOrder({ orderNo: this.formDataOrder.subOrderNo, isAudit: '1', }).then(res => {
|
|
|
+ // if (res.code == 200) {
|
|
|
+ // this.findPage();
|
|
|
+ // this.$message({
|
|
|
+ // type: 'success',
|
|
|
+ // message: '审核通过'
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ // else {
|
|
|
+ // this.$message.error(res.msg)
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ },
|
|
|
+
|
|
|
+ modifyFun(row) {
|
|
|
+ // this.$api.task.getBatchOrder({ subOrderNo: row.subOrderNo }).then(res => {
|
|
|
+ // if (res.code == 200) {
|
|
|
+ // this.dialogVisibleOrder = true
|
|
|
+ // this.formDataOrder = res.data
|
|
|
+ // }
|
|
|
+ // else {
|
|
|
+ // this.$message.error(res.msg)
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ this.$prompt('是否审核通过,输入驳回原因', '提示', {
|
|
|
+ confirmButtonText: '审核驳回',
|
|
|
+ cancelButtonText: '审核通过',
|
|
|
+ inputPattern: /^.+$/,
|
|
|
+ distinguishCancelAndClose: true,
|
|
|
+ inputErrorMessage: '输入驳回原因!'
|
|
|
+ }).then(({ value }) => {
|
|
|
+ this.$api.task.auditBatchOrder({ orderNo:row.subOrderNo, isAudit: '2', rejectReason: value }).then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.findPage();
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: '审核驳回通过'
|
|
|
+ });
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.$message.error(res.msg)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }) .catch((action) => {
|
|
|
+ if (action === 'cancel') {
|
|
|
+ this.$api.task.auditBatchOrder({ orderNo:row.subOrderNo, isAudit: '1', }).then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.dialogVisible = false
|
|
|
+ this.findPage();
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: '审核通过'
|
|
|
+ });
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.$message.error(res.msg)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleSearchList(data) {
|
|
|
+ this.getList(data)
|
|
|
+ },
|
|
|
+ //列表数据
|
|
|
+ getList(data) {
|
|
|
+ this.tableConfig.loading = true;
|
|
|
+ this.$api.task.getBatchOrderList({ ...data, ...this.queryFrom }).then(res => {
|
|
|
+ if (res.data) {
|
|
|
+ res.data.records.forEach(e => {
|
|
|
+ e.licenseNo = e.carInfo.licenseNo? e.carInfo.licenseNo:''
|
|
|
+ e.vinNo = e.carInfo.vinNo?e.carInfo.vinNo:''
|
|
|
+ e.tbrname = e.applyInfo.name?e.applyInfo.name:''
|
|
|
+ e.identifyNumber = e.applyInfo.identifyNumber?e.applyInfo.identifyNumber:''
|
|
|
+ this.isAuditoption.find(val => {
|
|
|
+ if (val.value == e.isAudit) {
|
|
|
+ e.isAudit = val.label
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+
|
|
|
+ this.tableData = res.data.records;
|
|
|
+ this.queryFrom.pageNum = res.data.pageNum;
|
|
|
+ this.queryFrom.pageSize = res.data.pageSize;
|
|
|
+ this.queryFrom.totalSize = res.data.totalSize;
|
|
|
+ this.tableConfig.loading = false;
|
|
|
+
|
|
|
+ } else {
|
|
|
+ this.tableConfig.loading = false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped></style>
|
|
|
+
|