vue-insagent-pc/src/views/Task/TaskPoolChannel/BatchOrder.vue

<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>