|
|
@@ -0,0 +1,2348 @@
|
|
|
+<template>
|
|
|
+ <div class="page-container">
|
|
|
+ <!-- 查询条件（按车牌号查询） -->
|
|
|
+ <div class="queryForm" title="检索区" style="padding-top:10px;padding-left:15px;">
|
|
|
+ <el-form size="mini" ref="queryForm" :model="queryForm" label-width="120px">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="6" style="height: 40px;">
|
|
|
+ <el-form-item label="所属机构">
|
|
|
+ <el-select v-model="queryForm.deptId" filterable placeholder="所属机构" clearable style="width: 100%;">
|
|
|
+ <el-option v-for="item in totalComapny" :key="item.id" :label="item.name" :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" style="height: 40px;">
|
|
|
+ <el-form-item label="任务号">
|
|
|
+ <el-input clearable placeholder="任务号" v-model="queryForm.quoteNo"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" style="height: 40px;">
|
|
|
+ <el-form-item label="订单号">
|
|
|
+ <el-input clearable placeholder="订单号" v-model="queryForm.orderNo"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" style="height: 40px;">
|
|
|
+ <el-form-item label="车牌号">
|
|
|
+ <el-input clearable placeholder="车牌号" v-model="queryForm.licenseNo"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" style="height: 40px;">
|
|
|
+ <el-form-item label="车架号">
|
|
|
+ <el-input clearable placeholder="车架号" v-model="queryForm.frameNo"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" style="height: 40px;">
|
|
|
+ <el-form-item label="发动机号">
|
|
|
+ <el-input clearable placeholder="发动机号" v-model="queryForm.engineNo"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" style="height: 40px;">
|
|
|
+ <el-form-item label="投保险种">
|
|
|
+ <el-select v-model="queryForm.riskCode" placeholder="请选择" style="width: 100%;" clearable>
|
|
|
+ <el-option label="单交强" value="单交强"></el-option>
|
|
|
+ <el-option label="单商业" value="单商业"></el-option>
|
|
|
+ <el-option label="单三者" value="单三者"></el-option>
|
|
|
+ <el-option label="交强+商业" value="交强+商业"></el-option>
|
|
|
+ <el-option label="交强+三者" value="交强+三者"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="6" style="height: 40px;">
|
|
|
+ <el-form-item label="代理人工号">
|
|
|
+ <el-input clearable placeholder="代理人工号" v-model="queryForm.userid"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" style="height: 40px;">
|
|
|
+ <el-form-item label="代理人姓名">
|
|
|
+ <el-input clearable placeholder="代理人姓名" v-model="queryForm.username"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" style="height: 40px;">
|
|
|
+ <el-form-item label="被保险人">
|
|
|
+ <el-input clearable placeholder="被保人姓名" v-model="queryForm.insureName"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="受理人工号">
|
|
|
+ <el-input clearable placeholder="受理人工号" v-model="queryForm.auditId"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" style="height: 40px;">
|
|
|
+ <el-form-item label="报价时间">
|
|
|
+ <el-date-picker v-model="queryForm.quoteDate" style="width:100%" type="daterange" align="left"
|
|
|
+ range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" style="height: 40px;">
|
|
|
+ <el-form-item label="起保时间">
|
|
|
+ <el-date-picker v-model="queryForm.policyDate" style="width:100%" type="daterange" align="left"
|
|
|
+ range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="u-f u-f-je" style="height: 40px;">
|
|
|
+ <div class="u-f" style="margin-bottom: 20px; width: 120px;height: 32px; border-radius: 5px;overflow: hidden;"
|
|
|
+ @click="queryGetOrderList">
|
|
|
+ <div class="u-f u-f1 u-f-ajc" style="background: #409EFF;color:#fff">查询</div>
|
|
|
+ <div class="u-f u-f1 u-f-ajc" style="background: #F78948;color:#fff">{{ totalSize }}</div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 任务区域 -->
|
|
|
+ <div class="tasks">
|
|
|
+ <div v-if="ordersList.length == 0" class="u-f-ajc" style="padding: 240px 0;">
|
|
|
+ 暂无数据
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <el-card v-if="ordersList.length > 0" class="task" :body-style="{ padding: '15px' }" shadow="never"
|
|
|
+ v-for="(order, orderItem) in ordersList" :key="order.orderno">
|
|
|
+ <el-row class="row">
|
|
|
+ <el-col :span="2" class="u-f u-f-je">
|
|
|
+ <label class="label" style="font-size: 18px;font-weight:bold;">{{ (pageNum - 1) * pageSize + orderItem + 1
|
|
|
+ }}</label>
|
|
|
+ <label class="label">任务号</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-input size="mini" disabled v-model="order.quoteno"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="u-f u-f-je">
|
|
|
+ <label class="label">订单号</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-input size="mini" disabled v-model="order.orderno"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="u-f u-f-je">
|
|
|
+ <label class="label">任务状态</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <div v-for="(orderStatusItem, orderStatusIndex) in global.orderStatus" :key="orderStatusIndex">
|
|
|
+ <template v-if="orderStatusItem.value == order.orderstatus">
|
|
|
+ <el-input size="mini" disabled v-model="orderStatusItem.label"></el-input>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="u-f u-f-je">
|
|
|
+ <label class="label">录单时间</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-input size="mini" disabled v-model="order.createtime"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="row">
|
|
|
+ <el-col :span="2" class="u-f u-f-je">
|
|
|
+ <label class="label">工号</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-input size="mini" disabled v-model="order.userid"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="u-f u-f-je">
|
|
|
+ <label class="label">名称</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-input size="mini" disabled v-model="order.username"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="u-f u-f-je">
|
|
|
+ <label class="label">团队归属</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-input size="mini" disabled v-model="order.deptname"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="u-f u-f-je">
|
|
|
+ <label class="label">归属机构</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <div v-for="(item, index) in totalComapny" :key="index" v-if="order.deptid.split('D')[0] == item.id">
|
|
|
+ <el-input size="mini" disabled v-model="item.name"></el-input>
|
|
|
+ </div>
|
|
|
+ <!-- <el-input size="mini" disabled v-model="order.deptid"></el-input> -->
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="row">
|
|
|
+ <el-col :span="2" class="u-f u-f-je">
|
|
|
+ <label class="label">车牌号</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-input size="mini" disabled v-model="order.carinfo.licenseNo"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="u-f u-f-je">
|
|
|
+ <label class="label">被保险人</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-input size="mini" disabled v-model="order.insureinfo.name"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="u-f u-f-je">
|
|
|
+ <label class="label">投保险种</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-input size="mini" disabled v-model="order.product"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="row">
|
|
|
+ <div v-for="(riskItem, riskIndex) in order.riskinfo" :key="riskIndex">
|
|
|
+ <template v-if="riskItem.riskCode == '0507'">
|
|
|
+ <el-col :span="2" class="u-f u-f-je">
|
|
|
+ <label class="label">交强险起保时间</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-input size="mini" disabled v-model="riskItem.startDate"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="u-f u-f-je">
|
|
|
+ <label class="label">交强险终保时间</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-input size="mini" disabled v-model="riskItem.endDate"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ <div v-for="(riskItem, riskIndex) in order.riskinfo" :key="riskItem.riskCode">
|
|
|
+ <template v-if="riskItem.riskCode == '0510'">
|
|
|
+ <el-col :span="2" class="u-f u-f-je">
|
|
|
+ <label class="label">商业险起保时间</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-input size="mini" disabled v-model="riskItem.startDate"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2" class="u-f u-f-je">
|
|
|
+ <label class="label">商业险终保时间</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <div v-for="(riskItem, riskIndex) in order.riskinfo" :key="riskIndex">
|
|
|
+ <template v-if="riskItem.riskCode == '0510'">
|
|
|
+ <el-input size="mini" disabled v-model="riskItem.endDate"></el-input>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="task_bottom u-f u-f-je">
|
|
|
+ <el-button size="mini" type="primary" style="background:#DE504C;border: 1px solid #DE504C;"
|
|
|
+ @click="openTaskForward(order.orderno)">任务转发</el-button>
|
|
|
+ <el-button size="mini" type="primary" style="background:#F99070;border: 1px solid #F99070;"
|
|
|
+ @click="getHistoryList(order.orderno)">报价轨迹</el-button>
|
|
|
+
|
|
|
+ </el-row>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+ <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageNum"
|
|
|
+ :page-sizes="[20, 40, 50, 100]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ :total="totalSize" style="text-align: end;margin-bottom: 15px;">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <el-dialog fullscreen lock-scroll title="车辆报价信息详情" :visible.sync="dialogVisible" width="40%" center>
|
|
|
+ <!-- 这是报价信息区域 -->
|
|
|
+ <el-container>
|
|
|
+
|
|
|
+ <el-row class="leftContainer">
|
|
|
+ <el-col id="level1">
|
|
|
+ <a href="#demo1" @click="jump('level1')">
|
|
|
+ <i class="el-icon-truck u-f-sa"></i>
|
|
|
+ <span class="u-f-ajc">车辆</span>
|
|
|
+ </a>
|
|
|
+ </el-col>
|
|
|
+ <el-col id="level2">
|
|
|
+ <a href="#demo2" @click="jump('level2')">
|
|
|
+ <i class="el-icon-user u-f-sa"></i>
|
|
|
+ <span class="u-f-ajc">关系人</span>
|
|
|
+ </a>
|
|
|
+ </el-col>
|
|
|
+ <el-col id="level3">
|
|
|
+ <a href="#demo3" @click="jump('level3')">
|
|
|
+ <i class="el-icon-s-custom u-f-sa"></i>
|
|
|
+ <span class="u-f-ajc">代理人</span>
|
|
|
+ </a>
|
|
|
+ </el-col>
|
|
|
+ <el-col id="level4">
|
|
|
+ <a href="#demo4" @click="jump('level4')">
|
|
|
+ <i class="el-icon-goods u-f-sa"></i>
|
|
|
+ <span class="u-f-ajc">优惠</span>
|
|
|
+ </a>
|
|
|
+ </el-col>
|
|
|
+ <el-col id="level5">
|
|
|
+ <a href="#demo5" @click="jump('level5')">
|
|
|
+ <i class="el-icon-goods u-f-sa"></i>
|
|
|
+ <span class="u-f-ajc">保单</span>
|
|
|
+ </a>
|
|
|
+ </el-col>
|
|
|
+ <template v-if="(!!(orderInfo.jqappoint)) || (!!(orderInfo.syappoint))">
|
|
|
+ <el-col id="level6">
|
|
|
+ <a href="#demo6" @click="jump('level6')">
|
|
|
+ <i class="el-icon-s-check u-f-sa"></i>
|
|
|
+ <span class="u-f-ajc">特约</span>
|
|
|
+ </a>
|
|
|
+ </el-col>
|
|
|
+ </template>
|
|
|
+ <el-col id="level7" v-if="orderInfo.orderstatus > 0">
|
|
|
+ <a href="#demo7" @click="jump('level7')">
|
|
|
+ <i class="el-icon-video-camera-solid u-f-sa"></i>
|
|
|
+ <span class="u-f-ajc">影像</span>
|
|
|
+ </a>
|
|
|
+ </el-col>
|
|
|
+ <el-col id="level8" v-if="orderInfo.orderstatus > 1">
|
|
|
+ <a href="#demo8" @click="jump('level8')">
|
|
|
+ <i class="el-icon-video-camera-solid u-f-sa"></i>
|
|
|
+ <span class="u-f-ajc">投保单号</span>
|
|
|
+ </a>
|
|
|
+ </el-col>
|
|
|
+ <el-col id="level9" v-if="orderInfo.orderstatus > 6">
|
|
|
+ <a href="#demo9" @click="jump('level9')">
|
|
|
+ <i class="el-icon-video-camera-solid u-f-sa"></i>
|
|
|
+ <span class="u-f-ajc">电子保单</span>
|
|
|
+ </a>
|
|
|
+ </el-col>
|
|
|
+ <el-col id="level10" v-if="orderInfo.orderstatus > 4">
|
|
|
+ <a href="#demo10" @click="jump('level10')">
|
|
|
+ <i class="el-icon-video-camera-solid u-f-sa"></i>
|
|
|
+ <span class="u-f-ajc">配送信息</span>
|
|
|
+ </a>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="rightContainer">
|
|
|
+
|
|
|
+
|
|
|
+ <el-card id="demo1">
|
|
|
+ <el-row class="header">
|
|
|
+ <el-col>车辆信息</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <el-row class="body">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>号牌号码</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-input size="small" disabled v-model="orderInfo.carinfo.licenseNo"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>号牌种类</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <template v-if="orderInfo.carinfo.licenseTypeCode == '02'">
|
|
|
+ <el-input size="medium" disabled value="小型汽车号牌"></el-input>
|
|
|
+ </template>
|
|
|
+ <template v-if="orderInfo.carinfo.licenseTypeCode != '02'">
|
|
|
+ <el-input size="medium" disabled :value="'其它号牌' + orderInfo.carinfo.licenseTypeCode"></el-input>
|
|
|
+ </template>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>车架号</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.carinfo.vinNo"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>发动机号</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.carinfo.engineNo"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>厂牌型号</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.carinfo.brandName"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>车主</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.ownerinfo.name"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>核定载客量</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.carinfo.seatCount"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>是否过户</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-select disabled="" v-model="orderInfo.carinfo.transferFlag" placeholder="请选择" style="width: 100%;">
|
|
|
+ <el-option label="是" :value="true"></el-option>
|
|
|
+ <el-option label="否" :value="false"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>注册日期</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-input size="medium" disabled v-model="registerDateFormat"></el-input>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>新车购置价</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.carinfo.purchasePrice"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>车型编码</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.carinfo.modelCode"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>发证日期</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-input size="medium" disabled v-model="issueDateFormat"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>排量(L)</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.carinfo.exhaustScale"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>整备质量(KG)</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.carinfo.completeKerbMass"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>能源种类</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.carinfo.powertype"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+ <!-- 关系人 -->
|
|
|
+ <el-card id="demo2">
|
|
|
+ <el-row class="header">
|
|
|
+ <el-col>关系人信息</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <div>
|
|
|
+ <el-row class="u-f-ac bodyTitle"><label>车主</label></el-row>
|
|
|
+ <el-row class="body">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>证件类型</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <template v-if="orderInfo.ownerinfo.identifyType == '01'">
|
|
|
+ <el-input size="medium" disabled value="身份证"></el-input>
|
|
|
+ </template>
|
|
|
+ <template v-if="orderInfo.ownerinfo.identifyType != '01'">
|
|
|
+ <el-input size="medium" disabled :value="'其它证件类型' + orderInfo.ownerinfo.identifyType"></el-input>
|
|
|
+ </template>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>证件号码</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.ownerinfo.identifyNumber"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>姓名</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.ownerinfo.name"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>手机号</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.ownerinfo.mobile"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>地址</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="9">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.ownerinfo.addr"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-row class="u-f-ac bodyTitle"><label>投保人</label></el-row>
|
|
|
+ <el-row class="body">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>证件类型</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <template v-if="orderInfo.applyinfo.identifyType == '01'">
|
|
|
+ <el-input size="medium" disabled value="身份证"></el-input>
|
|
|
+ </template>
|
|
|
+ <template v-if="orderInfo.applyinfo.identifyType != '01'">
|
|
|
+ <el-input size="medium" disabled :value="'其它证件类型' + orderInfo.applyinfo.identifyType"></el-input>
|
|
|
+ </template>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>证件号码</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.applyinfo.identifyNumber"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>姓名</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.applyinfo.name"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>手机号</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.applyinfo.mobile"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>地址</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="9">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.applyinfo.addr"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-row class="u-f-ac bodyTitle"><label>被保险人</label></el-row>
|
|
|
+ <el-row class="body">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>证件类型</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <template v-if="orderInfo.insureinfo.identifyType == '01'">
|
|
|
+ <el-input size="medium" disabled value="身份证"></el-input>
|
|
|
+ </template>
|
|
|
+ <template v-if="orderInfo.insureinfo.identifyType != '01'">
|
|
|
+ <el-input size="medium" disabled :value="'其它证件类型' + orderInfo.insureinfo.identifyType"></el-input>
|
|
|
+ </template>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>证件号码</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.insureinfo.identifyNumber"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>姓名</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.insureinfo.name"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>手机号</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.insureinfo.mobile"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>地址</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="9">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.insureinfo.addr"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+ <!-- 代理人 -->
|
|
|
+ <el-card id="demo3">
|
|
|
+ <el-row class="header">
|
|
|
+ <el-col>代理人信息</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-divider></el-divider>
|
|
|
+
|
|
|
+ <el-row class="body">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>代理人工号</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.userid"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>代理人姓名</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.username"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>代理人电话</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-input size="medium" disabled value="15234685241"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>代理人团队</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.deptname"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>代理人状态</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-input size="medium" disabled value="在职"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>代理人归属</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-input size="medium" disabled v-model="orderInfo.deptid"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+ <!-- 优惠政策 -->
|
|
|
+ <el-card id="demo4">
|
|
|
+ <el-row class="header">
|
|
|
+ <el-col>优惠政策</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <el-row class="body">
|
|
|
+ <el-row class="u-f-ac"
|
|
|
+ style="border-bottom: 1px solid #DDDDDD;height:40px;margin-bottom: 0;background: #F3F3F3;">
|
|
|
+ <el-col class="u-f-ajc" :span="8">险种名称</el-col>
|
|
|
+ <el-col class="u-f-ajc" :span="8">优惠比例</el-col>
|
|
|
+ <el-col class="u-f-ajc" :span="8">优惠金额</el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-row v-for="(riskItem, riskIndex) in orderInfo.riskinfo" :key="riskItem.riskCode"
|
|
|
+ v-if="riskItem.riskCode == '0507'" class="u-f-ac"
|
|
|
+ style="border-bottom: 1px solid #DDDDDD;height:40px;margin-bottom: 0;">
|
|
|
+ <el-col class="u-f-ajc" :span="8">交强险</el-col>
|
|
|
+ <el-col class="u-f-ajc" :span="8">{{ orderInfo.jqdiscountrate }}%</el-col>
|
|
|
+ <el-col class="u-f-ajc" :span="8">{{ (riskItem.premium * orderInfo.jqdiscountrate / 100).toFixed(2)
|
|
|
+ }}</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row v-for="(riskItem, riskIndex) in orderInfo.riskinfo" :key="riskItem.riskCode"
|
|
|
+ v-if="riskItem.riskCode == '0510'" class="u-f-ac"
|
|
|
+ style="border-bottom: 1px solid #DDDDDD;height:40px;margin-bottom: 0;">
|
|
|
+ <el-col class="u-f-ajc" :span="8">商业险</el-col>
|
|
|
+ <el-col class="u-f-ajc" :span="8">{{ orderInfo.sydiscountrate }}%</el-col>
|
|
|
+ <el-col class="u-f-ajc" :span="8">{{ (riskItem.premium * orderInfo.sydiscountrate / 100).toFixed(2)
|
|
|
+ }}</el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ </el-row>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+ <!-- 保单 -->
|
|
|
+ <el-card id="demo5">
|
|
|
+ <el-row class="header"><el-col>报价方案</el-col></el-row>
|
|
|
+ <el-divider></el-divider>
|
|
|
+
|
|
|
+ <el-row class="u-f-ac bodyTitle" style="margin-bottom: 20px;"><label>订 单 号
|
|
|
+ {{ orderInfo.orderno }}</label></el-row>
|
|
|
+
|
|
|
+ <el-row class="u-f-ac bodyTitle" style="margin-bottom: 20px;"><label
|
|
|
+ style="margin: 0px 15px;font-weight: bold;">投保险种 {{ orderInfo.product }}</label></el-row>
|
|
|
+
|
|
|
+ <el-row class="u-f-ac bodyTitle" style="margin-bottom: 20px;"><label>报价结果</label></el-row>
|
|
|
+ <el-row class="body">
|
|
|
+ <el-row style="border-bottom: 1px solid #DDDDDD;padding-bottom: 10px;">
|
|
|
+ <el-col class="u-f-ajc" :span="2">报价公司</el-col>
|
|
|
+ <el-col class="u-f-ajc" :span="5" v-if="orderInfo.product != '单商业'">交强险</el-col>
|
|
|
+ <el-col class="u-f-ajc" :span="5" v-if="orderInfo.product != '单商业'">车船税</el-col>
|
|
|
+ <el-col class="u-f-ajc" :span="5" v-if="orderInfo.product != '单交强'">商业险</el-col>
|
|
|
+ <el-col class="u-f-ajc" :span="5">总价</el-col>
|
|
|
+ <el-col class="u-f-ajc" :span="2">操作</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col class="u-f-ajc" :span="2">{{ orderInfo.inscompany }}
|
|
|
+ </el-col>
|
|
|
+ <el-col class="u-f-ajc" :span="5" v-if="orderInfo.product != '单商业'">{{ orderInfo.jqpremium }}</el-col>
|
|
|
+ <el-col class="u-f-ajc" :span="5" v-if="orderInfo.product != '单商业'">{{ orderInfo.taxamount }}</el-col>
|
|
|
+ <el-col class="u-f-ajc" :span="5" v-if="orderInfo.product != '单交强'">{{ orderInfo.sypremium }}</el-col>
|
|
|
+ <el-col class="u-f-ajc" :span="5">{{ orderInfo.sumpremium }}</el-col>
|
|
|
+ <el-col class="u-f-ajc" :span="2">
|
|
|
+ <div class="u-f-ajc" style="color: #0086B3;cursor: pointer; " @click="showInsureList = !showInsureList">
|
|
|
+ {{ showInsureList ? "收起" : "展开" }}</div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <template v-if="showInsureList">
|
|
|
+ <el-row style="margin: 20px 40px;">
|
|
|
+ <el-row class="u-f-ac"
|
|
|
+ style="border-bottom: 1px solid #DDDDDD;height:40px;margin-bottom: 0;background: #F3F3F3;">
|
|
|
+ <el-col :span="8" class="u-f-ajc">险种名称</el-col>
|
|
|
+ <el-col :span="8" class="u-f-ajc">保额</el-col>
|
|
|
+ <el-col :span="8" class="u-f-ajc">保费</el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <div v-for="(riskItem, riskIndex) in orderInfo.riskinfo" :key="riskItem.riskCode + '4'"
|
|
|
+ v-if="riskItem.riskCode == '0507'">
|
|
|
+ <el-row class="u-f-ac" style="border-bottom: 1px solid #DDDDDD;height:40px;margin-bottom: 0;">
|
|
|
+ <el-col :span="8" class="u-f-ajc">
|
|
|
+ <label class="disabledInput">交强险</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" class="u-f-ajc">
|
|
|
+ <label class="disabledInput">投保</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" class="u-f-ajc">
|
|
|
+ <label class="disabledInput">{{ riskItem.premium }}</label>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="u-f-ac" style="border-bottom: 1px solid #DDDDDD;height:40px;margin-bottom: 0;">
|
|
|
+ <el-col :span="8" class="u-f-ajc">
|
|
|
+ <label class="disabledInput">车船税</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" class="u-f-ajc"> </el-col>
|
|
|
+ <el-col :span="8" class="u-f-ajc">
|
|
|
+ <label class="disabledInput">{{ orderInfo.taxamount }}</label>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ <el-row class="u-f-ac" style="border-bottom: 1px solid #DDDDDD;height:40px;margin-bottom: 0;"
|
|
|
+ v-for="(insureItem, insureIndex) in global.insureList" :key="insureIndex"
|
|
|
+ v-if="insureItem.amount != 0">
|
|
|
+ <el-col :span="8" class="u-f-ajc">
|
|
|
+ <label class="disabledInput">{{ insureItem.kindName }}</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" class="u-f-ajc" v-for="(amtItem, amtIndex) in insureItem.amtList" :key="amtIndex"
|
|
|
+ v-if="amtItem.value == insureItem.amount">
|
|
|
+ <label class="disabledInput">{{ amtItem.label }}</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" class="u-f-ajc">
|
|
|
+ <label class="disabledInput">{{ insureItem.coveragePremium }}</label>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
+ </template>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="u-f-ac bodyTitle"><label>保费合计</label></el-row>
|
|
|
+ <el-row class="body">
|
|
|
+ <el-row style="margin-top: 20px;" class="u-f u-f-ac">
|
|
|
+ <label style="margin: 0px 20px 0 15px;width: 80px;">保费合计</label>
|
|
|
+ <el-input style="width:300px" disabled size="medium" v-model="orderInfo.sumpremium"></el-input>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+ <!-- 特约 -->
|
|
|
+ <template v-if="(!!(orderInfo.jqappoint)) || (!!(orderInfo.syappoint))">
|
|
|
+ <el-card id="demo6">
|
|
|
+ <el-row class="header"><el-col>特约</el-col></el-row>
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <template v-if="!!(orderInfo.jqappoint)">
|
|
|
+ <el-row class="u-f-ac bodyTitle"><label>交强险特约</label></el-row>
|
|
|
+ <el-row class="body">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="4">
|
|
|
+ <label style="text-align: center;">交强险特别约定</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-input type="textarea" :rows="2" disabled placeholder="请输入内容"
|
|
|
+ v-model="orderInfo.jqappoint"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
+ </template>
|
|
|
+ <template v-if="!!(orderInfo.syappoint)">
|
|
|
+ <el-row class="u-f-ac bodyTitle"><label>商业险特约</label></el-row>
|
|
|
+ <el-row class="body">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="4">
|
|
|
+ <label style="text-align: center;">商业险特别约定</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-input type="textarea" :rows="2" disabled placeholder="请输入内容"
|
|
|
+ v-model="orderInfo.syappoint"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
+ </template>
|
|
|
+ </el-card>
|
|
|
+ </template>
|
|
|
+ <!-- 影像 -->
|
|
|
+ <el-card id="demo7">
|
|
|
+ <el-row class="header">
|
|
|
+ <el-col>影像</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <div style="margin-bottom: 10px;">
|
|
|
+ <el-row class="u-f-ac bodyTitle"><label @click="pic1Control = !pic1Control">行驶证影像</label></el-row>
|
|
|
+ <el-row class="body" v-show="pic1Control">
|
|
|
+ <el-row>
|
|
|
+ <viewer :images="carImageList">
|
|
|
+ <img class="imageStyle" v-for="(imageItem, imageIndex) in carImageList" :src="imageItem.url"
|
|
|
+ :key="imageIndex">
|
|
|
+ </viewer>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ <div style="margin-bottom: 10px;">
|
|
|
+ <el-row class="u-f-ac bodyTitle"><label @click="pic2Control = !pic2Control">车主身份证影像</label></el-row>
|
|
|
+ <el-row class="body" v-show="pic2Control">
|
|
|
+ <el-row>
|
|
|
+ <viewer :images="ownerImageList">
|
|
|
+ <img class="imageStyle" v-for="(imageItem, imageIndex) in ownerImageList" :src="imageItem.url"
|
|
|
+ :key="imageIndex">
|
|
|
+ </viewer>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ <div style="margin-bottom: 10px;">
|
|
|
+ <el-row class="u-f-ac bodyTitle"><label @click="pic3Control = !pic3Control">投保人身份证影像</label></el-row>
|
|
|
+ <el-row class="body" v-show="pic3Control">
|
|
|
+ <el-row>
|
|
|
+ <viewer :images="policyImageList">
|
|
|
+ <img class="imageStyle" v-for="(imageItem, imageIndex) in policyImageList" :src="imageItem.url"
|
|
|
+ :key="imageIndex">
|
|
|
+ </viewer>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ <div style="margin-bottom: 10px;">
|
|
|
+ <el-row class="u-f-ac bodyTitle"><label @click="pic4Control = !pic4Control">被保人身份证影像</label></el-row>
|
|
|
+ <el-row class="body" v-show="pic4Control">
|
|
|
+ <el-row>
|
|
|
+ <viewer :images="insuredImageList">
|
|
|
+ <img class="imageStyle" v-for="(imageItem, imageIndex) in insuredImageList" :src="imageItem.url"
|
|
|
+ :key="imageIndex">
|
|
|
+ </viewer>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ <div style="margin-bottom: 10px;">
|
|
|
+ <el-row class="u-f-ac bodyTitle"><label @click="pic5Control = !pic5Control">验车照影像</label></el-row>
|
|
|
+ <el-row class="body" v-show="pic5Control">
|
|
|
+ <el-row>
|
|
|
+ <viewer :images="carCheckImageList">
|
|
|
+ <img class="imageStyle" v-for="(imageItem, imageIndex) in carCheckImageList" :src="imageItem.url"
|
|
|
+ :key="imageIndex">
|
|
|
+ </viewer>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+ <el-card id="demo8" v-if="orderInfo.orderstatus > 1">
|
|
|
+ <el-row class="header">
|
|
|
+ <el-col>投保单号</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <el-row class="u-f-ac bodyTitle"><label>投保单号</label></el-row>
|
|
|
+ <el-row class="body">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="2" v-if="!!orderInfo.jqapplyno">
|
|
|
+ <label>交强险投保单号</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3" v-if="!!orderInfo.jqapplyno">
|
|
|
+ <el-input disabled size="medium" v-model="orderInfo.jqapplyno"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3" v-if="!!orderInfo.syapplyno">
|
|
|
+ <label>商业险投保单号</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3" v-if="!!orderInfo.syapplyno">
|
|
|
+ <el-input disabled size="medium" v-model="orderInfo.syapplyno"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
+ <template v-if="orderInfo.orderstatus > 6">
|
|
|
+ <el-row class="u-f-ac bodyTitle"><label>保单号</label></el-row>
|
|
|
+ <el-row class="body">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="2" v-if="!!orderInfo.jqpolicyno">
|
|
|
+ <label>交强险保单号</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3" v-if="!!orderInfo.jqpolicyno">
|
|
|
+ <el-input disabled size="medium" v-model="orderInfo.jqpolicyno"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3" v-if="!!orderInfo.sypolicyno">
|
|
|
+ <label>商业险保单号</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3" v-if="!!orderInfo.sypolicyno">
|
|
|
+ <el-input disabled size="medium" v-model="orderInfo.sypolicyno"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
+ </template>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+ <el-card id="demo9" v-if="orderInfo.orderstatus == 3">
|
|
|
+ <el-row class="header">
|
|
|
+ <el-col>电子保单</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-divider></el-divider>
|
|
|
+
|
|
|
+ <el-row class="u-f-ac bodyTitle"><label>电子保单管理</label></el-row>
|
|
|
+ <el-row class="body">
|
|
|
+ <el-row v-for="(oldfileItem, oldfileIndex) in oldfileList" :key="oldfileIndex">
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>{{ oldfileItem.fileTitle }}:</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="u-f u-f-column">
|
|
|
+ <el-row>
|
|
|
+ <div class="u-f u-f-jsb u-f-ac" style="width: 250px;">
|
|
|
+ <div
|
|
|
+ style="height: 36px;line-height: 36px; width: 200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
|
|
|
+ {{ oldfileItem.filename }}</div>
|
|
|
+ <el-button style="cursor: pointer;" type="text" @click="viewfile(oldfileItem)">下载</el-button>
|
|
|
+ </div>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+ <el-card id="demo11" v-if="orderInfo.orderstatus > 5">
|
|
|
+ <el-row class="header">
|
|
|
+ <el-col>收款方式</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <el-row class="u-f-ac bodyTitle"><label>应收保费</label></el-row>
|
|
|
+ <el-row class="body">
|
|
|
+ <el-row>
|
|
|
+ <div v-for="(riskItem, riskIndex) in orderInfo.riskinfo" :key="riskItem.riskCode + '1'">
|
|
|
+ <template v-if="riskItem.riskCode == '0507'">
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>交强险</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-input disabled size="medium" v-model="riskItem.premium"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>车船税</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-input disabled size="medium" v-model="orderInfo.taxamount"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ <div v-for="(riskItem, riskIndex) in orderInfo.riskinfo" :key="riskItem.riskCode + '13'">
|
|
|
+ <template v-if="riskItem.riskCode == '0510'">
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>商业险</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-input disabled size="medium" v-model="riskItem.premium"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>合计</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-input disabled size="medium" v-model="orderInfo.sumpremium"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+ <el-card id="demo10" v-if="orderInfo.orderstatus > 4">
|
|
|
+ <el-row class="header">
|
|
|
+ <el-col>配送信息</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <el-row class="u-f-ac bodyTitle"><label>保单形式</label></el-row>
|
|
|
+ <el-row class="body">
|
|
|
+ <el-row style="margin-left: 60px;">
|
|
|
+ <el-radio-group disabled v-model="orderInfo.policytype">
|
|
|
+ <el-radio label="纸质">纸质</el-radio>
|
|
|
+ <el-radio label="电子">电子</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
+ <template v-if="orderInfo.policytype == '纸质'">
|
|
|
+ <el-row class="u-f-ac bodyTitle"><label>配送方式</label></el-row>
|
|
|
+ <el-row class="body">
|
|
|
+ <el-row style="margin-left: 60px;">
|
|
|
+ <el-radio-group disabled v-model="orderInfo.mailtype">
|
|
|
+ <el-radio label="邮寄">邮寄</el-radio>
|
|
|
+ <!-- <el-radio label="网点自取">网点自取</el-radio> -->
|
|
|
+ </el-radio-group>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template
|
|
|
+ v-if="(orderInfo.policytype == '电子') || (orderInfo.policytype == '纸质' && orderInfo.mailtype == '邮寄')">
|
|
|
+ <el-row class="u-f-ac bodyTitle"><label>配送信息</label></el-row>
|
|
|
+ <el-row class="body">
|
|
|
+ <template v-if="orderInfo.policytype == '电子'">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>邮箱地址</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-input disabled size="medium" v-model="orderInfo.mailaddress"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template v-if="orderInfo.policytype == '纸质' && orderInfo.mailtype == '邮寄'">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>收件人</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-input disabled size="medium" v-model="orderInfo.receiptname"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>手机号</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-input disabled size="medium" v-model="orderInfo.receiptphone"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <label>配送地址</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-input disabled size="medium" v-model="orderInfo.mailaddress"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <template v-if="orderInfo.orderstatus > 6">
|
|
|
+ <el-row class="u-f-ac bodyTitle" style="margin-bottom: 0;"><label>快递公司录入</label></el-row>
|
|
|
+ <el-row class="body">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>快递号</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-input disabled size="medium" v-model="orderInfo.courierno"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2">
|
|
|
+ <label>快递公司</label>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <el-input disabled size="medium" v-model="orderInfo.couriercompany"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
+ </template>
|
|
|
+
|
|
|
+
|
|
|
+ </template>
|
|
|
+ </el-row>
|
|
|
+ </template>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+ </el-row>
|
|
|
+ </el-container>
|
|
|
+
|
|
|
+ <span slot="footer" class="dialog-footer"
|
|
|
+ style="position: fixed;bottom: 0px;left:0px;background: #fff;width: 100%;padding: 10px 0px;box-shadow: 0 -1px 0 0 #ddd;">
|
|
|
+ <el-button size="small" type="primary" @click="dialogVisible = false">关 闭</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+
|
|
|
+ <el-dialog title="订单报价记录" :visible.sync="historyDialogVisible" width="1300px">
|
|
|
+ <!-- 订单历史轨迹内容区域 -->
|
|
|
+ <el-table size="small" :data="HistoryList" height="250" border style="width:100%" v-loading="loading"
|
|
|
+ :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#ee7000' }" highlight-current-row>
|
|
|
+ <el-table-column prop="inscompany" label="保险公司" align="center"></el-table-column>
|
|
|
+ <el-table-column prop="createtime" label="报价时间" align="center"></el-table-column>
|
|
|
+ <el-table-column prop="jqpremium" label="交强险" align="center"></el-table-column>
|
|
|
+ <el-table-column prop="sypremium" label="商业险" align="center"></el-table-column>
|
|
|
+ <el-table-column prop="taxamount" label="车船税" align="center"></el-table-column>
|
|
|
+ <el-table-column prop="sumpremium" label="总保费" align="center"></el-table-column>
|
|
|
+ <el-table-column prop="orderstatus" label="状态" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-tag v-if="scope.row.orderstatus == '0'" type="success" size="small">报价中</el-tag>
|
|
|
+ <el-tag v-if="scope.row.orderstatus == '1'" type="warning" size="small">待核保</el-tag>
|
|
|
+ <el-tag v-if="scope.row.orderstatus == '2'" type="danger" size="small">已核保待缴费</el-tag>
|
|
|
+ <el-tag v-if="scope.row.orderstatus == '3'" type="danger" size="small">已承保</el-tag>
|
|
|
+ <el-tag v-if="scope.row.orderstatus == '4'" type="danger" size="small">核保退回</el-tag>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" align="center" min-width="150" fixed="right">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="text" size="small" @click="qoutedetail(scope.row.id)">查看详情</el-button>
|
|
|
+ <el-button size="small" type="text" style="color:rgb(240, 12, 10)"
|
|
|
+ @click="bjdpreview(scope.row.id)">报价单</el-button>
|
|
|
+ <el-button size="small" v-show="scope.row.orderstatus == '2'" type="text" style="color:rgb(240, 12, 10)"
|
|
|
+ @click="carcode(scope.row.id)">付款码</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button size="small" type="primary" style="background: #DE504C;border: 1px solid #DE504C;"
|
|
|
+ @click="historyDialogVisible = false">关 闭</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <!-- 任务转发内容区域 -->
|
|
|
+ <el-dialog title="订单任务转发" :visible.sync="taskForwardDialogVisible" width="800px" @close="closeTaskForward">
|
|
|
+ <div class="u-f-ac" style="height:40px;background-color: #F5F5F7;padding-left: 30px;">
|
|
|
+ 订单号：{{ taskForwardData.orderNo }} </div>
|
|
|
+ <el-form :model="taskForwardData" label-width="100px" size="small" style="text-align:left;">
|
|
|
+ <el-row style="margin-top: 20px;padding: 0px 20px;">
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-form-item label="任务接收人" prop="auditid">
|
|
|
+ <el-select size="small" style="width: 100%" filterable v-model="taskForwardData.auditId" placeholder="请选择"
|
|
|
+ @change="changeAudit">
|
|
|
+ <el-option v-for="item in staffList" :key="item.id" :label="item.name" :value="item.id">
|
|
|
+ <span style="float: left;margin-right: 20px;">{{ item.name }}</span>
|
|
|
+ <span style="float: right; color: #8492a6; font-size: 13px">{{ item.id }}</span>
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button size="small" type="primary" style="background: #5EB2D3;border: 1px solid #5EB2D3;"
|
|
|
+ @click="comfirmTaskForward">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog :visible.sync="bjddialogVisible" width="570px" top="1vh" v-if="queryOrders">
|
|
|
+ <div class="bjdbody">
|
|
|
+ <div class="bjdCarMessage">
|
|
|
+ <div class="bjdCarMessage1">
|
|
|
+ <img src="../../../static/bjdcar.png" class="align" alt="" style="width:60px;height:60px;">
|
|
|
+ <div class="dis f-c" style="height:100%">
|
|
|
+ <span>{{ queryOrders.carinfo.licenseNo }}</span>
|
|
|
+ <span>{{ queryOrders.carinfo.modelcname }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="bjdCarMessage2">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <div class="bjdCarMessage2_car dis">
|
|
|
+ <span>订单号：</span>
|
|
|
+ <span>{{ queryOrders.orderno }}</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="bjdCarMessage2_car dis">
|
|
|
+ <span>车主姓名：</span>
|
|
|
+ <span>{{ queryOrders.ownerinfo.name }}</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="bjdCarMessage2_car dis">
|
|
|
+ <span>投保人姓名：</span>
|
|
|
+ <span>{{ queryOrders.applyinfo.name }}</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="bjdCarMessage2_car dis">
|
|
|
+ <span>发动机号：</span>
|
|
|
+ <span>{{ queryOrders.carinfo.engineNo }}</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="bjdCarMessage2_car dis">
|
|
|
+ <span>车架号：</span>
|
|
|
+ <span>{{ queryOrders.carinfo.vinNo }}</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li v-show="queryOrders.jqstartdate">
|
|
|
+ <div class="bjdCarMessage2_car " style="flex-direction: column;">
|
|
|
+ <span>车辆交强险保险期间：</span>
|
|
|
+ <span style="margin-top:5px;">{{ queryOrders.jqstartdate }} 至 {{ queryOrders.jqenddate }}</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li v-show="queryOrders.systartdate">
|
|
|
+ <div class="bjdCarMessage2_car " style="flex-direction: column;">
|
|
|
+ <span>车辆商业险保险期间：</span>
|
|
|
+ <span style="margin-top:5px;">{{ queryOrders.systartdate }} 至 {{ queryOrders.syenddate }}</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="bjdCarSum">
|
|
|
+ <div class="dis align jus">
|
|
|
+ <span>应缴金额</span>
|
|
|
+ <span style="color:rgb(255, 30, 7);font-size:16px;">￥{{ queryOrders.sumpremium }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="dis align jus" v-show="queryOrders.jqpremium">
|
|
|
+ <span>交强险</span>
|
|
|
+ <span>￥{{ queryOrders.jqpremium }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="dis align jus" v-show="queryOrders.sypremium">
|
|
|
+ <span>车辆商业险</span>
|
|
|
+ <span>￥{{ queryOrders.sypremium }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="dis align jus" v-show="queryOrders.taxamount">
|
|
|
+ <span>车船税</span>
|
|
|
+ <span>￥{{ queryOrders.taxamount }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="dis align jus" v-show="queryOrders.jqdiscountrate">
|
|
|
+ <span>交强险优惠比例</span>
|
|
|
+ <span style="color:#ff8605;">{{ queryOrders.jqdiscountrate }}%</span>
|
|
|
+ </div>
|
|
|
+ <div class="dis align jus" v-show="queryOrders.sydiscountrate">
|
|
|
+ <span>商业险优惠比例</span>
|
|
|
+ <span style="color:#ff8605;">{{ queryOrders.sydiscountrate }}%</span>
|
|
|
+ </div>
|
|
|
+ <div style="border:none;" v-show="queryOrders.sypremium">
|
|
|
+ <div class="Risk">
|
|
|
+ <div class="Risk_title dis align jus">
|
|
|
+ <div>
|
|
|
+ <span>商业险险别</span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>保险金额</span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>保费</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="Risk_data dis align jus" v-for="(kindinfoitem, kindinfoindex) in queryOrders.kindinfo"
|
|
|
+ :key="kindinfoindex">
|
|
|
+ <template>
|
|
|
+ <div>
|
|
|
+ <span>{{ kindinfoitem.kindName }}</span>
|
|
|
+ </div>
|
|
|
+ <div v-if="kindinfoitem.kindCode == 'D4'">
|
|
|
+ <span>{{ kindinfoitem.unitAmount }}</span>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="['MJ1', 'MJ2', 'MJ3', 'MJ4'].includes(kindinfoitem.kindCode)">
|
|
|
+ <span>{{ kindinfoitem.deductibleRate }}</span>
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ <span>{{ kindinfoitem.amount }}</span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>￥{{ kindinfoitem.coveragePremium }}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="flex f-c" style="padding:5px 0; color:#fff;margin-bottom:15px;">
|
|
|
+ <span style="margin-bottom:10px;">报价时间：{{ queryOrders.createtime }}</span>
|
|
|
+ <span>注：本报价单仅供参考，最终以出单价格为准。</span>
|
|
|
+ </div>
|
|
|
+ <div class="bjdfooter dis align">
|
|
|
+ <img
|
|
|
+ :src="queryOrders.inscompany == '永安财险' ? '../../../static/insuranceicon/yonganfff.png' : '../../../static/insuranceicon/zhongmeifff.png'"
|
|
|
+ class="align" alt="" style="width:60px;height:60px;">
|
|
|
+ <div class="dis f-c jus" style="height:100%">
|
|
|
+ <span>{{ queryOrders.inscompany }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="display">
|
|
|
+ <el-button size="small" style="width:100px;" @click="bjddialogVisible = false">
|
|
|
+ 关闭
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog :visible.sync="codedialogVisible" width="400px" top="10vh" class="saomazhifucodeClass">
|
|
|
+ <div class="ORcodebody">
|
|
|
+ <div class="code_title dis align">
|
|
|
+ <span>扫码付款</span>
|
|
|
+ </div>
|
|
|
+ <div style="padding:0 20px">
|
|
|
+ <div class="ORcode ">
|
|
|
+ <div style="padding:5px;position: relative;">
|
|
|
+ <div v-show="['永安财险', '人保财险', '永诚财险'].includes(inscompany)" id="qrcode" ref="qrcode"></div>
|
|
|
+ <img v-show="['中煤财险', '恒邦财险'].includes(inscompany)" :src="paycodeimg" alt="" style="width:100%">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ORtitle dis f-c align ">
|
|
|
+ <div>
|
|
|
+ <span>保险公司：</span>
|
|
|
+ <span>{{ inscompany }}</span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>车牌号：</span>
|
|
|
+ <span>{{ licenseNo }}</span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>投保人：</span>
|
|
|
+ <span>{{ applyName }}</span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span style="color:#f75c00">总金额：</span>
|
|
|
+ <span style="color:#f75c00">{{ sumpremium }}</span>
|
|
|
+ </div>
|
|
|
+ <div v-show="jqpremium">
|
|
|
+ <span>交强：</span>
|
|
|
+ <span>{{ jqpremium }}</span>
|
|
|
+ </div>
|
|
|
+ <div v-show="sypremium">
|
|
|
+ <span>商业：</span>
|
|
|
+ <span>{{ sypremium }}</span>
|
|
|
+ </div>
|
|
|
+ <div v-show="taxamount">
|
|
|
+ <span>车船税：</span>
|
|
|
+ <span>{{ taxamount }}</span>
|
|
|
+ </div>
|
|
|
+ <div v-show="jqstartdate">
|
|
|
+ <span>交强险起保日期：</span>
|
|
|
+ <span>{{ jqstartdate }}</span>
|
|
|
+ </div>
|
|
|
+ <div v-show="systartdate">
|
|
|
+ <span>商业险起保日期：</span>
|
|
|
+ <span>{{ systartdate }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="display">
|
|
|
+ <el-button size="small" style="width:100px;" @click="codedialogVisible = false">
|
|
|
+ 关闭
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import {
|
|
|
+ pathToBase64,
|
|
|
+ base64ToPath
|
|
|
+} from '@/common/image-tools-base64.js';
|
|
|
+import QRCode from "qrcodejs2";
|
|
|
+import Cookies from "js-cookie"
|
|
|
+import { formatWithSeperator, format } from "@/utils/datetime.js";
|
|
|
+export default {
|
|
|
+ name: 'taskpool',
|
|
|
+ computed: {
|
|
|
+ registerDateFormat() {
|
|
|
+ let date = new Date(this.orderInfo.carinfo.registerDate);
|
|
|
+ let year = date.getFullYear();
|
|
|
+ let month = date.getMonth() + 1;
|
|
|
+ let day = date.getDate();
|
|
|
+ return year + '-' + month + '-' + day;
|
|
|
+ },
|
|
|
+ issueDateFormat() {
|
|
|
+ let date = new Date(this.orderInfo.carinfo.issueDate);
|
|
|
+ let year = date.getFullYear();
|
|
|
+ let month = date.getMonth() + 1;
|
|
|
+ let day = date.getDate();
|
|
|
+ return year + '-' + month + '-' + day;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ loading: false, //加载事件
|
|
|
+ totalComapny: [],//全部机构
|
|
|
+
|
|
|
+ payMoney: "",//合计金额
|
|
|
+
|
|
|
+ ordersList: [], //展示页面上的订单列表数据
|
|
|
+ pageNum: 1, //当前页码
|
|
|
+ pageSize: 20, //每页数据条数
|
|
|
+ totalSize: 0, //全部的数据条数
|
|
|
+ codedialogVisible: false,//付款码
|
|
|
+ bjddialogVisible: false,//报价单
|
|
|
+ dialogVisible: false, //是否显示订单信息框
|
|
|
+ orderInfo: { //选中的订单
|
|
|
+ ownerinfo: {},
|
|
|
+ carinfo: {},
|
|
|
+ applyinfo: {},
|
|
|
+ insureinfo: {},
|
|
|
+ kindinfo: [],
|
|
|
+ riskinfo: [],
|
|
|
+ ownerinfo: {}
|
|
|
+ },
|
|
|
+
|
|
|
+ carImageList: [],//车辆影像
|
|
|
+ ownerImageList: [],//车主影像
|
|
|
+ policyImageList: [],//投保人影像
|
|
|
+ insuredImageList: [],//被保人影像
|
|
|
+ carCheckImageList: [],//验车照影像
|
|
|
+ // 影像控制
|
|
|
+ pic1Control: false,
|
|
|
+ pic2Control: false,
|
|
|
+ pic3Control: false,
|
|
|
+ pic4Control: false,
|
|
|
+ pic5Control: false,
|
|
|
+
|
|
|
+
|
|
|
+ insureListForm: [],//险种信息的原始版本，当回写时使用
|
|
|
+
|
|
|
+ transferRightList: [],
|
|
|
+
|
|
|
+
|
|
|
+ //查询的表单
|
|
|
+ queryForm: {
|
|
|
+ "deptId": "",
|
|
|
+ "licenseNo": "",
|
|
|
+ "frameNo": "",
|
|
|
+ "engineNo": "",
|
|
|
+ "userid": "",
|
|
|
+ "username": "",
|
|
|
+ "riskCode": "",
|
|
|
+ "startDate": "",
|
|
|
+ "endDate": "",
|
|
|
+ "policyStartDate": "",
|
|
|
+ "policyEndDate": "",
|
|
|
+ "insureName": "",
|
|
|
+ "auditId": "",
|
|
|
+ "quoteNo": "",
|
|
|
+ "orderNo": "",
|
|
|
+ "quoteDate": "",
|
|
|
+ "policyDate": "",
|
|
|
+ "orderStatus": "0",
|
|
|
+ "editId": "",
|
|
|
+ "pageNum": 1,
|
|
|
+ "pageSize": 20,
|
|
|
+ },
|
|
|
+
|
|
|
+ sendBackDialogVisible: false,//控制退回修改弹框
|
|
|
+ sendBackData: [],
|
|
|
+ sendBackValue: [],
|
|
|
+ addSendBackValue: '',
|
|
|
+
|
|
|
+ showInsureList: false,
|
|
|
+
|
|
|
+ historyDialogVisible: false,
|
|
|
+ history: {
|
|
|
+ taskid: "",
|
|
|
+ company: "",
|
|
|
+ product: "",
|
|
|
+ totalmoney: "",
|
|
|
+ active: "",
|
|
|
+ data: []
|
|
|
+ },
|
|
|
+ HistoryList: [],//报价轨迹lsit
|
|
|
+ // 任务转发
|
|
|
+ staffList: [],
|
|
|
+ taskForwardDialogVisible: false,
|
|
|
+ taskForwardData: {
|
|
|
+ orderNo: "",
|
|
|
+ auditId: "",
|
|
|
+ operatorId: '',
|
|
|
+ },
|
|
|
+
|
|
|
+ //文件上传的文件
|
|
|
+ oldfileList: [],
|
|
|
+ quoteno: "", //报价号
|
|
|
+ orderno: "", //订单号
|
|
|
+ queryOrders: "", //核保详情
|
|
|
+ inscompany: "", //保险公司名称
|
|
|
+ licenseNo: "", //车牌号
|
|
|
+ applyName: "", //车主名字
|
|
|
+ orderstatus: "", //订单状态
|
|
|
+ sumpremium: "", //保费合计
|
|
|
+ jqpremium: "",//交强
|
|
|
+ sypremium: "",//商业
|
|
|
+ taxamount: "",//车船税
|
|
|
+ jqstartdate: "",//交强时间
|
|
|
+ systartdate: "",//商业时间
|
|
|
+ mobile: "",//投保人手机号
|
|
|
+ paycodeimg: "",//展示二维码
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.peopleid = Cookies.get('user');
|
|
|
+ if (this.peopleid != 'admin') {
|
|
|
+ this.peopledeptid = Cookies.get('user').split('D')[0];
|
|
|
+ } else {
|
|
|
+ this.peopledeptid = '9';
|
|
|
+ }
|
|
|
+
|
|
|
+ this.getAllCompany();// 获取机构数据
|
|
|
+ this.getOrderList()// 数据列表
|
|
|
+ this.getAllStaff()//获取任务转发列表
|
|
|
+
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getAllStaff() {
|
|
|
+ var that = this;
|
|
|
+ var personRequest = { //查询的默认条件
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 9999999,
|
|
|
+ columnFilters: {
|
|
|
+ "deptId": {
|
|
|
+ "name": "deptId",
|
|
|
+ "value": "99"
|
|
|
+ },
|
|
|
+ "containsSubDept": {
|
|
|
+ "name": "containsSubDept",
|
|
|
+ "value": 1
|
|
|
+ },
|
|
|
+ "usertype": {
|
|
|
+ "name": "usertype",
|
|
|
+ "value": "A"
|
|
|
+ },
|
|
|
+ "status": {
|
|
|
+ "name": "status",
|
|
|
+ "value": "1"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ this.$api.user.findPage(personRequest).then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ if (res.data.content.length > 0) {
|
|
|
+ that.staffList = [];
|
|
|
+ Object.assign(that.staffList, res.data.content);
|
|
|
+ } else {
|
|
|
+ that.staffList = [];
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ that.staffList = [];
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getAllCompany: function () {
|
|
|
+ // 获取数据
|
|
|
+ this.$api.dept.findLeftDeptTree(this.peopledeptid).then(res => {
|
|
|
+ for (let i = 0; i < res.data.length; i++) {
|
|
|
+ if (res.data[i].id.indexOf('D') < 0) {
|
|
|
+ this.totalComapny.push(res.data[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ // 跳转页面锚链接Start
|
|
|
+ jump(obj) {
|
|
|
+ var s = document.getElementById(obj);
|
|
|
+ var parent = s.parentNode
|
|
|
+ for (let i = 0; i < parent.childNodes.length; i++) {
|
|
|
+ if (parent.childNodes[i].tagName == 'DIV') {
|
|
|
+ if (parent.childNodes[i].childNodes[0].classList.contains("active")) {
|
|
|
+ parent.childNodes[i].childNodes[0].classList.remove("active");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ s.childNodes[0].classList.add("active");
|
|
|
+ },
|
|
|
+ // 跳转页面锚链接End
|
|
|
+ //条件查询
|
|
|
+ queryGetOrderList() {
|
|
|
+ this.queryForm.pageNum = 1;
|
|
|
+ this.queryForm.pageSize = 20;
|
|
|
+ this.getOrderList();
|
|
|
+ },
|
|
|
+ // 获取提交核保请求订单信息Start
|
|
|
+ getOrderList: function () {
|
|
|
+ this.ordersList=[];
|
|
|
+ this.$api.task.findPage(this.queryForm).then(res => {
|
|
|
+ this.ordersList = res.data.content;
|
|
|
+ this.totalSize = res.data.totalSize;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 获取提交核保请求订单信息End
|
|
|
+ handleCurrentChange(val) {//页数
|
|
|
+ this.pageNum = val;
|
|
|
+ this.queryForm.pageNum = val;
|
|
|
+ this.getOrderList();
|
|
|
+ },
|
|
|
+ handleSizeChange(val) {//条数
|
|
|
+ this.pageSize = val;
|
|
|
+ this.pageNum = 1;
|
|
|
+ this.queryForm.pageNum = 1;
|
|
|
+ this.queryForm.pageSize = val;
|
|
|
+ this.getOrderList();
|
|
|
+ },
|
|
|
+ //报价单
|
|
|
+ bjdpreview(companyId) {
|
|
|
+ let params = {
|
|
|
+ companyId: companyId,
|
|
|
+ }
|
|
|
+ this.$api.letter.getByCompanyId(params).then((res) => {
|
|
|
+ if (res.code == "200") {
|
|
|
+ var data = res.data;
|
|
|
+ this.queryOrders = data;
|
|
|
+ this.bjddialogVisible = true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //二维码
|
|
|
+ carcode(id) {
|
|
|
+ let params = {
|
|
|
+ companyId: id,
|
|
|
+ }
|
|
|
+ this.$api.letter.getByCompanyId(params).then((res) => {
|
|
|
+ if (res.code == '200') {
|
|
|
+ this.inscompany = res.data.inscompany;//保险公司
|
|
|
+ this.sumpremium = res.data.sumpremium;//总价
|
|
|
+ this.licenseNo = res.data.carinfo.licenseNo;//车牌号
|
|
|
+ this.applyName = res.data.insuredname;//车主
|
|
|
+ this.jqpremium = res.data.jqpremium;//交强
|
|
|
+ this.sypremium = res.data.sypremium;//商业
|
|
|
+ this.taxamount = res.data.taxamount;//车船税
|
|
|
+ this.jqstartdate = res.data.jqstartdate;//交强起保日期
|
|
|
+ this.systartdate = res.data.systartdate;//商业起保日期
|
|
|
+ this.mobile = res.data.applyinfo.mobile;//投保人手机号
|
|
|
+ switch (this.inscompany) {
|
|
|
+ case "永安财险":
|
|
|
+ let url = this.global.h5BaseUrl + '/#/pages/carInsure1/yonganCode?companyId=' + this.companyId + '&mobile=' + this.mobile;
|
|
|
+
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.creatQrCode(url);
|
|
|
+ });
|
|
|
+ break;
|
|
|
+ case "人保财险":
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.creatQrCode(res.data.paymentLink);
|
|
|
+ });
|
|
|
+ break;
|
|
|
+ case "中煤财险":
|
|
|
+ let result = res.data.paymentLink.replace(/[\r\n]/g, "");
|
|
|
+ let imgBase64 = `data:image/png;base64,${result}`;
|
|
|
+ base64ToPath(imgBase64)
|
|
|
+ .then(path => {
|
|
|
+ this.paycodeimg = path;
|
|
|
+ })
|
|
|
+ break;
|
|
|
+ case "恒邦财险":
|
|
|
+ this.paycodeimg = res.data.paymentLink;
|
|
|
+ break;
|
|
|
+ case "永诚财险":
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.creatQrCode(res.data.paymentLink);
|
|
|
+ });
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ this.$message({ message: "识别不到保险公司，请检查", type: "warning" })
|
|
|
+ }
|
|
|
+ this.codedialogVisible = true;
|
|
|
+ } else {
|
|
|
+ this.$message({ message: res.msg, type: "warning" })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ creatQrCode(text) {
|
|
|
+ if (this.qrcode) {
|
|
|
+ this.qrcode.clear();
|
|
|
+ this.qrcode.makeCode(text);
|
|
|
+ } else {
|
|
|
+ this.qrcode = new QRCode("qrcode", {
|
|
|
+ text: text,
|
|
|
+ width: 180,
|
|
|
+ height: 180,
|
|
|
+ colorDark: "#000000",
|
|
|
+ colorLight: "#ffffff",
|
|
|
+ correctLevel: QRCode.CorrectLevel.H,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //查看详情
|
|
|
+ qoutedetail: function (id) {
|
|
|
+ for (let i = 0; i < this.global.insureList.length; i++) {
|
|
|
+ this.global.insureList[i].coveragePremium = "";
|
|
|
+ this.global.insureList[i].amount = 0;
|
|
|
+ }
|
|
|
+ let params = {
|
|
|
+ companyId: id,
|
|
|
+ }
|
|
|
+ this.$api.letter.getByCompanyId(params).then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.licenseNo = res.data.licenseno;//车牌号
|
|
|
+ this.inscompany = res.data.inscompany;//保险公司
|
|
|
+ Object.assign(this.orderInfo, res.data);
|
|
|
+ if (!this.orderInfo.jqpayamount) {
|
|
|
+ this.orderInfo.jqpayamount = 0;
|
|
|
+ }
|
|
|
+ if (!this.orderInfo.sypayamount) {
|
|
|
+ this.orderInfo.sypayamount = 0;
|
|
|
+ }
|
|
|
+ if (!this.orderInfo.taxpayamount) {
|
|
|
+ this.orderInfo.taxpayamount = 0
|
|
|
+ }
|
|
|
+ this.payMoney = ((this.orderInfo.jqpayamount - 0) + (this.orderInfo.sypayamount - 0) + (this.orderInfo.taxpayamount - 0)).toFixed(2)
|
|
|
+ for (let i = 0; i < this.orderInfo.riskinfo.length; i++) {
|
|
|
+ if (this.orderInfo.riskinfo[i].riskCode == '0510') {
|
|
|
+ for (let j = 0; j < this.orderInfo.kindinfo.length; j++) {
|
|
|
+ for (let m = 0; m < this.global.insureList.length; m++) {
|
|
|
+ if (this.orderInfo.kindinfo[j].kindCode == this.global.insureList[m].kindCode) {
|
|
|
+ this.global.insureList[m].coveragePremium = this.orderInfo.kindinfo[j].coveragePremium;
|
|
|
+ if (this.orderInfo.kindinfo[j].kindCode == 'B') {
|
|
|
+ this.global.insureList[9].amtList[0].value = this.orderInfo.kindinfo[j].amount;
|
|
|
+ }
|
|
|
+ if (this.orderInfo.kindinfo[j].kindCode == 'A') {
|
|
|
+ this.global.insureList[m].amount = '1';
|
|
|
+ } else if (this.global.insureList[m].kindCode == 'D4') {
|
|
|
+ this.global.insureList[m].amount = this.orderInfo.kindinfo[j].unitAmount;
|
|
|
+ } else if (this.global.insureList[m].isMainRisk || (this.global.insureList[m].kindCode == 'BD') || (this.global.insureList[m].kindCode == 'L')) {
|
|
|
+ this.global.insureList[m].amount = this.orderInfo.kindinfo[j].amount;
|
|
|
+ } else {
|
|
|
+ this.global.insureList[m].amount = this.orderInfo.kindinfo[j].deductibleRate;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 获取影像
|
|
|
+ // this.$api.task.findTaskImage({
|
|
|
+ // taskid: this.orderInfo.orderno,
|
|
|
+ // imgtype: "C01"
|
|
|
+ // }).then((resImage) => {
|
|
|
+ // this.carImageList = resImage.data.imgList
|
|
|
+ // })
|
|
|
+ this.$api.letter.insTaskImagefindById("C01", this.orderInfo.quoteno).then((resImage) => {
|
|
|
+ this.carImageList = resImage.data;
|
|
|
+ })
|
|
|
+ this.$api.letter.insTaskImagefindById("C02", this.orderInfo.quoteno).then((resImage) => {
|
|
|
+ this.ownerImageList = resImage.data;
|
|
|
+ })
|
|
|
+ this.$api.letter.insTaskImagefindById("C03", this.orderInfo.quoteno).then((resImage) => {
|
|
|
+ this.policyImageList = resImage.data;
|
|
|
+ })
|
|
|
+ this.$api.letter.insTaskImagefindById("C04", this.orderInfo.quoteno).then((resImage) => {
|
|
|
+ this.insuredImageList = resImage.data;
|
|
|
+ })
|
|
|
+ this.$api.letter.insTaskImagefindById("C05", this.orderInfo.quoteno).then((resImage) => {
|
|
|
+ this.carCheckImageList = resImage.data;
|
|
|
+ })
|
|
|
+
|
|
|
+ this.pic1Control = false;
|
|
|
+ this.pic2Control = false;
|
|
|
+ this.pic3Control = false;
|
|
|
+ this.pic4Control = false;
|
|
|
+ this.pic5Control = false;
|
|
|
+
|
|
|
+ this.oldfileList = [];
|
|
|
+ switch (res.data.inscompany) {
|
|
|
+ case "永安财险":
|
|
|
+ if (this.orderInfo.jqpolicyno) {
|
|
|
+ this.$api.letter.getPolicyPrint({
|
|
|
+ companyId: id,
|
|
|
+ policytype: "jq"
|
|
|
+ }).then((res) => {//交强保单
|
|
|
+ if (res.data) {
|
|
|
+ let result = res.data.replace(/[\r\n]/g, "");
|
|
|
+ let pdfBase64 = `data:application/pdf;base64,${result}`;
|
|
|
+ base64ToPath(pdfBase64).then((path) => {
|
|
|
+ this.oldfileList.push({
|
|
|
+ fileTitle: "交强电子保单",
|
|
|
+ filename: this.orderInfo.jqpolicyno,
|
|
|
+ fileurl: path,
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.$api.letter.getPolicyPrint2({
|
|
|
+ companyId: id,
|
|
|
+ policytype: "jq"
|
|
|
+ }).then((res) => {//交强保单
|
|
|
+ if (res.data) {
|
|
|
+ let result = res.data.replace(/[\r\n]/g, "");
|
|
|
+ let pdfBase64 = `data:application/pdf;base64,${result}`;
|
|
|
+ base64ToPath(pdfBase64).then((path) => {
|
|
|
+ this.oldfileList.push({
|
|
|
+ fileTitle: "交强电子标志",
|
|
|
+ filename: this.orderInfo.jqpolicyno,
|
|
|
+ fileurl: path,
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (this.orderInfo.sypolicyno) {
|
|
|
+ this.$api.letter.getPolicyPrint({
|
|
|
+ companyId: id,
|
|
|
+ policytype: "sy"
|
|
|
+ }).then((res) => {//商业保单
|
|
|
+ if (res.data) {
|
|
|
+ let result = res.data.replace(/[\r\n]/g, "");
|
|
|
+ let pdfBase64 = `data:application/pdf;base64,${result}`;
|
|
|
+ base64ToPath(pdfBase64).then((path) => {
|
|
|
+ this.oldfileList.push({
|
|
|
+ fileTitle: "商业电子保单",
|
|
|
+ filename: this.orderInfo.sypolicyno,
|
|
|
+ fileurl: path,
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case "中煤财险":
|
|
|
+ let zmbaodan = {
|
|
|
+ companyId: id,
|
|
|
+ };
|
|
|
+ this.$api.letter.ZhongmeiverifyPayment(zmbaodan).then(res => {
|
|
|
+ var _this = this;
|
|
|
+ if (res.code == '200') {
|
|
|
+ _this.$api.letter.ZhongmeigetPolicyPrint(zmbaodan).then(res => {
|
|
|
+ if (res.data) {
|
|
|
+ if (res.data.trafficStrengthPolicy) {
|
|
|
+ _this.oldfileList.push({
|
|
|
+ fileTitle: "交强电子保单",
|
|
|
+ filename: _this.orderInfo.jqpolicyno,
|
|
|
+ fileurl: res.data.trafficStrengthPolicy,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (res.data.businessPolicy) {
|
|
|
+ _this.oldfileList.push({
|
|
|
+ fileTitle: "商业电子保单",
|
|
|
+ filename: _this.orderInfo.sypolicyno,
|
|
|
+ fileurl: res.data.businessPolicy,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (res.data.trafficStrengthLogo) {
|
|
|
+ _this.oldfileList.push({
|
|
|
+ fileTitle: "交强电子标志",
|
|
|
+ filename: _this.orderInfo.jqpolicyno,
|
|
|
+ fileurl: res.data.trafficStrengthLogo,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (res.data.accidentPrint) {
|
|
|
+ _this.oldfileList.push({
|
|
|
+ fileTitle: "驾意险电子保单",
|
|
|
+ filename: "空",
|
|
|
+ fileurl: res.data.accidentPrint,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.$message.error("订单未支付");
|
|
|
+ }
|
|
|
+ })
|
|
|
+ break;
|
|
|
+ case "永诚财险":
|
|
|
+ let ycbaodan = {
|
|
|
+ companyId: id,
|
|
|
+ };
|
|
|
+ this.$api.letter.yongchenggetPolicyPrint(ycbaodan).then(res => {
|
|
|
+ if (res.data.JQ_URL) {
|
|
|
+ this.oldfileList.push({
|
|
|
+ fileTitle: "交强电子保单",
|
|
|
+ filename: this.orderInfo.jqpolicyno,
|
|
|
+ fileurl: res.data.JQ_URL,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (res.data.SY_URL) {
|
|
|
+ this.oldfileList.push({
|
|
|
+ fileTitle: "商业电子保单",
|
|
|
+ filename: this.orderInfo.sypolicyno,
|
|
|
+ fileurl: res.data.SY_URL,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (res.data.JQBZ_URL) {
|
|
|
+ this.oldfileList.push({
|
|
|
+ fileTitle: "交强电子标志",
|
|
|
+ filename: this.orderInfo.jqpolicyno,
|
|
|
+ fileurl: res.data.JQBZ_URL,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ }
|
|
|
+
|
|
|
+ this.dialogVisible = true; //在页面上显示订单
|
|
|
+ } else {
|
|
|
+ this.$message.error("订单获取失败");
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //获取一个订单的全部信息End
|
|
|
+ getHistoryList(orderNo) {
|
|
|
+ this.$api.letter.getByOrderNo({ orderNo: orderNo }).then((res) => {
|
|
|
+ console.log(res)
|
|
|
+ this.HistoryList = res.data.insAreaCompanyList;
|
|
|
+ })
|
|
|
+ this.historyDialogVisible = true;
|
|
|
+ },
|
|
|
+
|
|
|
+ //预览文件
|
|
|
+ viewfile(index) {
|
|
|
+ if (this.inscompany == '永安财险') {
|
|
|
+ fetch(index.fileurl).then(res => res.blob()).then(blob => { // 将链接地址字符内容转变成blob地址
|
|
|
+ const a = document.createElement('a')
|
|
|
+ a.href = URL.createObjectURL(blob)
|
|
|
+ a.target = '_ blank';
|
|
|
+ a.download = this.licenseNo + '-' + index.filename + '-' + index.fileTitle; // 下载文件的名字
|
|
|
+ document.body.appendChild(a)
|
|
|
+ a.click()
|
|
|
+ })
|
|
|
+ } else if (this.inscompany == '中煤财险') {
|
|
|
+ const a = document.createElement('a')
|
|
|
+ a.href = index.fileurl
|
|
|
+ a.download = this.licenseNo + '-' + index.filename + '-' + index.fileTitle; // 下载文件的名字
|
|
|
+ document.body.appendChild(a)
|
|
|
+ a.click()
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ // 打开任务转发
|
|
|
+ openTaskForward(orderno) {
|
|
|
+ this.taskForwardData.orderNo = orderno;
|
|
|
+ this.taskForwardData.operatorId = this.peopleid;
|
|
|
+ this.taskForwardDialogVisible = true;
|
|
|
+ },
|
|
|
+ comfirmTaskForward() {
|
|
|
+ if (!this.taskForwardData.auditId) {
|
|
|
+ return this.$message({ type: 'info', message: '请选择任务接收人' });
|
|
|
+ }
|
|
|
+ this.$confirm('是否确认转发任务？', '提示', {}).then(() => {
|
|
|
+ this.$api.task.forwarding(this.taskForwardData).then(res => {
|
|
|
+ if (res.code == '200') {
|
|
|
+ this.$message({ type: 'success', message: res.msg });
|
|
|
+ this.getOrderList();
|
|
|
+ this.taskForwardDialogVisible = false;
|
|
|
+ }else{
|
|
|
+ this.$message.error(res.msg);
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ }).catch(() => {
|
|
|
+ })
|
|
|
+ },
|
|
|
+ changeAudit(e) {
|
|
|
+ // for (let i = 0; i < this.staffList.length; i++) {
|
|
|
+ // if (this.staffList[i].id == e) {
|
|
|
+ // this.taskForwardData.auditname = this.staffList[i].name;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ },
|
|
|
+ closeTaskForward() {
|
|
|
+ for (let key in this.taskForwardData) {
|
|
|
+ this.taskForwardData[key] = "";
|
|
|
+ }
|
|
|
+ this.taskForwardDialogVisible = false;
|
|
|
+ },
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style>
|
|
|
+.saomazhifucodeClass .el-dialog__body,
|
|
|
+.saomazhifucodeClass .el-dialog__header {
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+</style>
|
|
|
+<style scoped lang="scss">
|
|
|
+/* 检索区Start */
|
|
|
+.ORcodebody {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.code_title {
|
|
|
+ width: 100%;
|
|
|
+ height: 50px;
|
|
|
+ background-color: #fdcb08;
|
|
|
+ justify-content: center;
|
|
|
+
|
|
|
+ &>span {
|
|
|
+ font-size: 22px;
|
|
|
+ color: #000;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.ORcode {
|
|
|
+ width: 100%;
|
|
|
+ background: #fff;
|
|
|
+ height: auto;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ padding: 30px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-bottom: 6px dotted #fdcb08;
|
|
|
+
|
|
|
+ &>div {
|
|
|
+ width: 180px;
|
|
|
+ height: 180px;
|
|
|
+ border: 1px solid #000;
|
|
|
+ border-radius: 5px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.ORtitle {
|
|
|
+ background: #fff;
|
|
|
+ width: 100%;
|
|
|
+ padding: 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-bottom: 1px solid #f2f2f2;
|
|
|
+
|
|
|
+ &>div {
|
|
|
+ width: 100%;
|
|
|
+ margin: 10px 0;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 14px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ &>span {
|
|
|
+ &:nth-child(1) {
|
|
|
+ color: #979797;
|
|
|
+ text-align: end;
|
|
|
+ width: 150px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:nth-child(2) {
|
|
|
+ color: #000;
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.queryForm {
|
|
|
+ background: #f2f7fc;
|
|
|
+ position: relative;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ border-radius: 10px;
|
|
|
+ margin-top: 15px;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ padding: 10px 20px 0;
|
|
|
+
|
|
|
+ &:before {
|
|
|
+ content: attr(title);
|
|
|
+ position: absolute;
|
|
|
+ left: 10%;
|
|
|
+ transform: translate(-50%, -120%);
|
|
|
+ padding: 0 10px;
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/* 检索区End */
|
|
|
+/* 页面的整体布局 */
|
|
|
+.page-container {
|
|
|
+ margin: 0px 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.task {
|
|
|
+ border-color: #a6a6a6;
|
|
|
+ line-height: 25px;
|
|
|
+ font-size: 14px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+
|
|
|
+ .row {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ line-height: 28px;
|
|
|
+ font-size: 12px;
|
|
|
+
|
|
|
+ .label {
|
|
|
+ padding: 0 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.task_bottom {
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.leftContainer {
|
|
|
+ width: 80px;
|
|
|
+ position: fixed;
|
|
|
+ top: 79px;
|
|
|
+ left: 30px;
|
|
|
+
|
|
|
+ .el-col {
|
|
|
+ width: 80px;
|
|
|
+ height: 80px;
|
|
|
+ border-bottom: 1px solid #4d5c6f;
|
|
|
+ background: #526176;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #a6aeb9;
|
|
|
+ border-radius: 0;
|
|
|
+
|
|
|
+ a {
|
|
|
+ display: block;
|
|
|
+ color: #a6aeb9;
|
|
|
+ text-decoration: none;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ &.active {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ i {
|
|
|
+ font-size: 30px;
|
|
|
+ margin: 15px 0px 5px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.rightContainer {
|
|
|
+ width: calc(100vw - 160px);
|
|
|
+ margin-left: 100px;
|
|
|
+
|
|
|
+ .header {
|
|
|
+ .el-col {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .bodyTitle {
|
|
|
+ height: 40px;
|
|
|
+ background: #f3f3f3;
|
|
|
+ border: 1px solid #dddddd;
|
|
|
+
|
|
|
+ &>label {
|
|
|
+ margin: 0px 15px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-card {
|
|
|
+ margin-bottom: 15px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.rightContainer #demo2 .body,
|
|
|
+.rightContainer #demo5 .body,
|
|
|
+.rightContainer #demo6 .body,
|
|
|
+.rightContainer #demo7 .body,
|
|
|
+.rightContainer #demo8 .body,
|
|
|
+.rightContainer #demo9 .body,
|
|
|
+.rightContainer #demo10 .body,
|
|
|
+.rightContainer #demo11 .body {
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ padding: 15px;
|
|
|
+ border-top: none;
|
|
|
+}
|
|
|
+
|
|
|
+.imageStyle {
|
|
|
+ display: inline-block;
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ box-shadow: #ddd 0px 0px 5px;
|
|
|
+ margin-left: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.el-transfer-panel {
|
|
|
+ width: calc(100%/3) !important;
|
|
|
+}
|
|
|
+
|
|
|
+.body {
|
|
|
+ .el-row {
|
|
|
+ margin-bottom: 15px;
|
|
|
+
|
|
|
+ .el-col {
|
|
|
+ label {
|
|
|
+ text-align: right;
|
|
|
+ width: 80px;
|
|
|
+ font-size: 14px;
|
|
|
+ width: 100%;
|
|
|
+ line-height: 36px;
|
|
|
+ display: inline-block;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding-right: 15px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.disabledInput {
|
|
|
+ width: 80% !important;
|
|
|
+ max-width: 200px;
|
|
|
+ background-color: #f5f7fa;
|
|
|
+ text-align: center !important;
|
|
|
+ border: 1px solid #e4e7ed;
|
|
|
+ color: #c0c4cc;
|
|
|
+ cursor: not-allowed;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0px 10px;
|
|
|
+ height: 36px;
|
|
|
+ margin: 0px 10%;
|
|
|
+}
|
|
|
+
|
|
|
+.Risk {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
+
|
|
|
+.Risk_title {
|
|
|
+ width: 100%;
|
|
|
+ height: 40px;
|
|
|
+
|
|
|
+ &>div {
|
|
|
+ background: rgb(199, 20, 45);
|
|
|
+ color: rgb(255, 255, 255);
|
|
|
+ height: 100%;
|
|
|
+ font-weight: 500;
|
|
|
+ width: 33.3%;
|
|
|
+ padding: 10px 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: #fff solid 1px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ border-bottom: none;
|
|
|
+
|
|
|
+ &:nth-child(1) {
|
|
|
+ border-top-left-radius: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:nth-child(2) {
|
|
|
+ border-left: none;
|
|
|
+ border-right: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:nth-child(3) {
|
|
|
+ border-top-right-radius: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.Risk_data {
|
|
|
+ width: 100%;
|
|
|
+ height: 40px;
|
|
|
+
|
|
|
+ &>div {
|
|
|
+ background: #fbf6f7;
|
|
|
+ color: rgb(51, 51, 51);
|
|
|
+ height: 100%;
|
|
|
+ font-weight: 500;
|
|
|
+ width: 33.3%;
|
|
|
+ padding: 10px 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: #fff solid 1px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ border-bottom: none;
|
|
|
+
|
|
|
+ &:nth-child(2) {
|
|
|
+ border-left: none;
|
|
|
+ border-right: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.bjdbody {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ background-color: rgb(199, 20, 45);
|
|
|
+ padding: 20px 10px 0 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-radius: 8px;
|
|
|
+}
|
|
|
+
|
|
|
+.bjdCarMessage,
|
|
|
+.bjdCarSum {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 8px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ padding-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.bjdfooter {
|
|
|
+ border-top: 1px solid #fff;
|
|
|
+ padding: 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.bjdCarSum {
|
|
|
+ &>div {
|
|
|
+ width: 100%;
|
|
|
+ padding: 15px 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #000;
|
|
|
+ border-bottom: 1px solid #f2f2f2;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.bjdCarMessage1 {
|
|
|
+ height: 80px;
|
|
|
+ padding: 16px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-bottom: 1px solid #f2f2f2;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ color: #000;
|
|
|
+
|
|
|
+ .f-c {
|
|
|
+ &>span {
|
|
|
+ &:nth-child(1) {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.bjdCarMessage1>img,
|
|
|
+.bjdfooter>img {
|
|
|
+ margin-right: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.bjdCarMessage1 .f-c>span:nth-child(2),
|
|
|
+.bjdCarMessage1 .f-c>span:nth-child(3) {
|
|
|
+ font-size: 12px;
|
|
|
+ margin-top: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.bjdCarMessage2_car {
|
|
|
+ &>span {
|
|
|
+ &:nth-child(1) {
|
|
|
+ color: #000;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:nth-child(2) {
|
|
|
+ color: #999;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.bjdCarMessage2 {
|
|
|
+ &>ul {
|
|
|
+ li {
|
|
|
+ margin: 20px 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.display {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ padding: 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.dis {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.align {
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.jus {
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+/deep/ {
|
|
|
+ .el-input {
|
|
|
+ &.is-disabled {
|
|
|
+ .el-input__inner {
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
