|
|
@@ -1,1777 +1,1174 @@
|
|
|
<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-input clearable placeholder="所属机构" v-model="queryForm.deptid"></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.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-select clearable v-model="queryForm.orderstatus" placeholder="任务状态" style="width: 100%;" >
|
|
|
- <el-option label="报价中" value="0"></el-option>
|
|
|
- <el-option label="待核保" value="1"></el-option>
|
|
|
- <el-option label="已核保" value="2"></el-option>
|
|
|
- <el-option label="已核保待缴费" value="5"></el-option>
|
|
|
- <el-option label="已缴费待配送" value="6"></el-option>
|
|
|
- <el-option label="已承保" value="7"></el-option>
|
|
|
- <el-option label="已关闭" value="99"></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.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" style="height: 40px;">
|
|
|
- <el-form-item label="保险公司">
|
|
|
- <el-select v-model="queryForm.inscompany" 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-select>
|
|
|
- </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="12" style="height: 40px;">
|
|
|
- <el-form-item label="承保时间">
|
|
|
- <el-date-picker v-model="queryForm.insureDate" 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="getOrderList" >
|
|
|
- <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 class="page">
|
|
|
+ <el-form :inline="true" :model="pageRequest" class="demo-form-inline" size="small" label-width="130px"
|
|
|
+ style="text-align:center;">
|
|
|
+ <el-row>
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
+ <el-form-item label="订单号">
|
|
|
+ <el-input v-model="pageRequest.orderNo" placeholder="请输入订单号" class="widths" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
+ <el-form-item label="车牌号">
|
|
|
+ <el-input v-model="pageRequest.licenseNo" placeholder="请输入车牌号" class="widths" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
+ <el-form-item label="车架号">
|
|
|
+ <el-input v-model="pageRequest.frameNo" placeholder="请输入车架号" class="widths" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
+ <el-form-item label="投保人姓名">
|
|
|
+ <el-input v-model="pageRequest.insuredName" placeholder="请输入投保人姓名" class="widths" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
+ <el-form-item label="机构名称">
|
|
|
+ <el-cascader class="widths" :options="institutionOptions" v-model="pageRequest.deptId" :props="{
|
|
|
+ checkStrictly: true, value: 'id',
|
|
|
+ label: 'name',
|
|
|
+ }" @change="handleChange" clearable></el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
+ <el-form-item label="订单状态">
|
|
|
+ <el-select v-model="pageRequest.orderStatus" disabled class="widths" clearable>
|
|
|
+ <el-option v-for="val in optionsStatus" :key='val.dictValue' :label="val.dictTag" :value="val.dictValue" ></el-option>
|
|
|
+ <!-- <el-option label="未审核" value="0"></el-option>
|
|
|
+ <el-option label="审核通过" value="1"></el-option> -->
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
+ <el-form-item label="录单日期">
|
|
|
+ <el-date-picker v-model="value2" type="daterange" @change="monthChange" start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期" class="widths" value-format="yyyy-MM-dd" style="width: 220px;" clearable>
|
|
|
+ </el-date-picker>
|
|
|
+
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
+ <el-form-item label="保险公司">
|
|
|
+ <el-select v-model="pageRequest.companyId" filterable class="widths" clearable>
|
|
|
+ <el-option v-for="val in companyList" :key='val.id' :label="val.name" :value="val.id" ></el-option>
|
|
|
+ </el-select>
|
|
|
+
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="3">
|
|
|
+ <el-button type="primary" size="small" @click="onSubmit">查询</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <el-table size="small" :data="pageResult" height="590" border v-loading="loading" highlight-current-row stripe
|
|
|
+ @expand-change="handleRowChange" ref="expandTable"
|
|
|
+ :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#606266' }">
|
|
|
+ <el-table-column type="expand">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class="demo-table-expand flex a-c j-s" :style="{ width: width, flexWrap: 'wrap' }"
|
|
|
+ v-for="(item, index) in scope.row.insAreaCompanyList" :key="index">
|
|
|
+ <div style="width: 200px;">{{ item.inscompany }} <span style="color:#ee7000;">（{{item.agreementName}}）</span> </div>
|
|
|
+ <div class="flex a-c j-s demo-table-expand-time">
|
|
|
+ <div>总价： <span style="color:#ee7000;">{{ item.sumpremium }}</span></div>
|
|
|
+ <div>交强险：<span style="color:#ee7000;">{{ item.jqpremium }}</span> </div>
|
|
|
+ <div>商业险：<span style="color:#ee7000;">{{ item.sypremium }}</span></div>
|
|
|
+ <div>车船税：<span style="color:#ee7000;">{{ item.taxamount }}</span></div>
|
|
|
+ <div v-if="item.jypremium">驾意险：<span style="color:#ee7000;">{{ item.jypremium }}</span></div>
|
|
|
+ <div>{{ item.createtime }}</div>
|
|
|
</div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- </div>
|
|
|
+ <div slot="reference" class="name-wrapper flex a-c j-c" style="margin:0 20px; width: 100px;">
|
|
|
|
|
|
- <!-- 任务区域 -->
|
|
|
- <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;">{{(currentPage-1)*pageSize+orderItem+1}}</label>
|
|
|
- <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">
|
|
|
- <el-input size="mini" disabled v-model="order.submittime"></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.inscompany"></el-input>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="u-f u-f-je">
|
|
|
- <label class="label">任务状态</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <div v-for="(orderStatusItem,orderStatusIndex) in global.auditStatus" :key="orderStatusIndex">
|
|
|
- <template v-if="orderStatusItem.value == order.auditstatus">
|
|
|
- <el-input size="mini" disabled v-model="orderStatusItem.label"></el-input>
|
|
|
- </template>
|
|
|
+ <el-tag v-if="item.orderstatus == '0'" type="success" size="medium">报价中</el-tag>
|
|
|
+ <el-tag v-if="item.orderstatus == '1'" type="warning" size="medium">待核保</el-tag>
|
|
|
+ <el-tag v-if="item.orderstatus == '2'" type="danger" size="medium">已核保待缴费</el-tag>
|
|
|
+ <el-tag v-if="item.orderstatus == '3'" type="danger" size="medium">已承保</el-tag>
|
|
|
+ <el-tag v-if="item.orderstatus == '4'" type="danger" size="medium">核保退回</el-tag>
|
|
|
</div>
|
|
|
- </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="3">
|
|
|
- <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.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.insuredname"></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.producname"></el-input>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="u-f u-f-je">
|
|
|
- <label class="label">总金额</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <el-input size="mini" disabled v-model="order.sumpremium"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row class="row">
|
|
|
- <template v-if="!!order.jqstartdate">
|
|
|
- <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.jqstartdate"></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.jqenddate"></el-input>
|
|
|
- </el-col>
|
|
|
- </template>
|
|
|
- <template v-if="!!order.systartdate">
|
|
|
- <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.systartdate"></el-input>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="u-f u-f-je">
|
|
|
- <label class="label">商业险终保时间</label>
|
|
|
- </el-col>
|
|
|
- <template v-if="(order.producname == '单交强') || (order.producname == '单商业') || (order.producname == '单三者')">
|
|
|
- <el-col :span="4">
|
|
|
- <el-input size="mini" disabled v-model="order.syenddate"></el-input>
|
|
|
- </el-col>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <el-col :span="3">
|
|
|
- <el-input size="mini" disabled v-model="order.syenddate"></el-input>
|
|
|
- </el-col>
|
|
|
- </template>
|
|
|
-
|
|
|
-
|
|
|
- <!-- <el-col :span="3">
|
|
|
- <el-input size="mini" disabled v-model="order.syenddate"></el-input>
|
|
|
- </el-col> -->
|
|
|
- </template>
|
|
|
- </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.producname"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row class="task_bottom u-f u-f-je">
|
|
|
- <!-- <el-button size="mini" type="danger">任务转发</el-button> -->
|
|
|
- <el-button size="mini" type="primary" style="background: #F99070;border: 1px solid #F99070;" @click="getHistoryList(order.orderno,order.producname,order.sumpremium)">查看轨迹</el-button>
|
|
|
- <el-button size="mini" type="primary" style="background: #468124;border: 1px solid #468124;" @click="getQuoteInfo(order.orderno)">审核</el-button>
|
|
|
- </el-row>
|
|
|
- </el-card>
|
|
|
-
|
|
|
- <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
|
|
|
- :page-sizes="[3, 5, 10]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="totalSize" style="text-align: end;margin-bottom: 15px;">
|
|
|
- </el-pagination>
|
|
|
+ <div style="width: 220px;" class="flex a-c j-end">
|
|
|
+ <el-button size="mini" type="text" @click="OrderDetails(scope.row, item)">查看详情
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="orderno" label="订单号" align="center"></el-table-column>
|
|
|
+ <el-table-column prop="username" label="业务员" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{scope.row.username}}({{scope.row.userid}})</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="insCompany" label="承保公司" width="180" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{scope.row.insCompany?scope.row.insCompany:'--'}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="licenseno" label="车牌号" width="180" align="center"></el-table-column>
|
|
|
+ <el-table-column prop="insuredname" label="投保人姓名" align="center" width="150"></el-table-column>
|
|
|
+ <el-table-column prop="product" label="投保险种" align="center" width="200"></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 prop="createtime" label="录单日期" align="center" width="200"></el-table-column>
|
|
|
+ <el-table-column label="操作" align="center" min-width="100" fixed="right">
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <!-- 分页功能 -->
|
|
|
+ <div class="block">
|
|
|
+ <el-pagination @size-change="applyhandleSizeChange" @current-change="applyhandleCurrentChange"
|
|
|
+ :current-page="pageNum" :page-size="pageSize" :page-sizes="[20, 30, 50, 100]"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper" :total="totalSize"></el-pagination>
|
|
|
</div>
|
|
|
+ <!-- 车辆报价新页面 -->
|
|
|
+ <el-dialog title="报价详情" :visible.sync="quotedetailsdialogVisible" width="90%">
|
|
|
+ <div class="Enclosure" v-if="orderInfo">
|
|
|
+ <div class="home flex j-s a-c back">
|
|
|
+ <div class="flex j-s a-c color">
|
|
|
+ <img src="../../../../../src/icon/company.png" alt class="icon-img" />
|
|
|
+ <span style="margin-left:10px;">报价信息</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="padding:20px;font-weight:bold;font-size:20px;">
|
|
|
+ <span>总保费</span>
|
|
|
+ <span style="color:#ff7612;">￥{{ orderInfo.sumpremium }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="headers headers_Custom" style="padding:20px;">
|
|
|
+ <div v-show="orderInfo.jqpremium">
|
|
|
+ 交强险金额：
|
|
|
+ <span>
|
|
|
+ ￥{{
|
|
|
+ orderInfo.jqpremium }}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div v-show="orderInfo.sypremium">
|
|
|
+ 商业险金额：
|
|
|
+ <span>￥{{ orderInfo.sypremium }}</span>
|
|
|
+ </div>
|
|
|
+ <div v-show="orderInfo.taxamount">
|
|
|
+ 车船税：
|
|
|
+ <span>￥{{ orderInfo.taxamount }}</span>
|
|
|
+ </div>
|
|
|
+ <div v-show="orderInfo.jypremium">
|
|
|
+ 驾意险：
|
|
|
+ <span>￥{{ orderInfo.jypremium }}</span>
|
|
|
+ </div>
|
|
|
+ <div v-show="orderInfo.jqstartdate">
|
|
|
+ 交强险起保日期：
|
|
|
+ <span>{{ orderInfo.jqstartdate }}</span>
|
|
|
+ </div>
|
|
|
+ <div v-show="orderInfo.systartdate">
|
|
|
+ 商业险起保日期：
|
|
|
+ <span>{{ orderInfo.systartdate }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="Enclosure" v-if="orderInfo">
|
|
|
+ <div class="home flex j-s a-c back">
|
|
|
+ <div class="flex j-s a-c color">
|
|
|
+ <img src="../../../../../src/icon/company.png" alt class="icon-img" />
|
|
|
+ <span style="margin-left:10px;">保费因素</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-descriptions size="small">
|
|
|
+ <el-descriptions-item label="评分">{{ orderInfo.extendInfo.score }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="出险信息">{{ orderInfo.extendInfo.accidentInfoStr }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="商业险折扣比例">{{ orderInfo.extendInfo.nirrratio }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="交强险折扣比例">{{ orderInfo.extendInfo.nirrratioCI }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="自主定价系数">{{ orderInfo.extendInfo.pricingAdjustValue }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="业务员交强险销售费用浮动率">
|
|
|
+ {{ orderInfo.extendInfo.jqFeeSaleChangeRateA4
|
|
|
+ }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="交强深度定价分档">{{ orderInfo.extendInfo.deepPriceGradeCI }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="业务员商业险销售费用浮动率">
|
|
|
+ {{ orderInfo.extendInfo.syFeeSaleChangeRateA4
|
|
|
+ }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="商业深度定价分档">{{ orderInfo.extendInfo.deepPriceGradeBI }}</el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
+ </div>
|
|
|
+ <div class="Enclosure" v-if="orderInfo">
|
|
|
+ <div class="home flex j-s a-c back">
|
|
|
+ <div class="flex j-s a-c color">
|
|
|
+ <img src="../../../../../src/icon/company.png" alt class="icon-img" />
|
|
|
+ <span style="margin-left:10px;">车辆信息</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-descriptions size="small">
|
|
|
+ <el-descriptions-item label="车牌号">{{ orderInfo.carinfo.licenseNo }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="车辆识别代码">{{ orderInfo.carinfo.vinNo }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="品牌型号">{{ orderInfo.carinfo.modelcname }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="发动机号">{{ orderInfo.carinfo.engineNo }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="年款">{{ orderInfo.carinfo.caryear }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="座位数">{{ orderInfo.carinfo.seatCount }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="新车购置价">{{ orderInfo.carinfo.purchasePrice }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="使用性质">
|
|
|
+ {{ orderInfo.carinfo.carnature == '01' ? '营业' : ''
|
|
|
+ }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="注册日期">{{ orderInfo.carinfo.registerDate }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="发证日期">{{ orderInfo.carinfo.issueDate }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="是否过户">
|
|
|
+ {{ orderInfo.carinfo.transferFlag == true ? '是' : '否'
|
|
|
+ }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
+ </div>
|
|
|
+ <div class="Enclosure" v-if="orderInfo">
|
|
|
+ <div class="home flex j-s a-c back">
|
|
|
+ <div class="flex j-s a-c color">
|
|
|
+ <img src="../../../../../src/icon/company.png" alt class="icon-img" />
|
|
|
+ <span style="margin-left:10px;">车主信息</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-descriptions size="small">
|
|
|
+ <el-descriptions-item label="车主姓名">{{ orderInfo.ownerinfo.name }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="证件类型"> {{ orderInfo.ownerinfo.identifyType}}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="身份证号">{{ orderInfo.ownerinfo.identifyNumber }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="手机号">{{ orderInfo.ownerinfo.mobile }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="地址">{{ orderInfo.ownerinfo.addr }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="电子邮箱">{{ orderInfo.ownerinfo.email }}</el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
+ </div>
|
|
|
+ <div class="Enclosure" v-if="orderInfo">
|
|
|
+ <div class="home flex j-s a-c back">
|
|
|
+ <div class="flex j-s a-c color">
|
|
|
+ <img src="../../../../../src/icon/company.png" alt class="icon-img" />
|
|
|
+ <span style="margin-left:10px;">投保人信息</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-descriptions size="small">
|
|
|
+ <el-descriptions-item label="投保人姓名">{{ orderInfo.applyinfo.name }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="证件类型"> {{ orderInfo.applyinfo.identifyType}}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="身份证号">{{ orderInfo.applyinfo.identifyNumber }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="手机号">{{ orderInfo.applyinfo.mobile }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="地址">{{ orderInfo.applyinfo.addr }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="电子邮箱">{{ orderInfo.applyinfo.email }}</el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
+ </div>
|
|
|
+ <div class="Enclosure" v-if="orderInfo">
|
|
|
+ <div class="home flex j-s a-c back">
|
|
|
+ <div class="flex j-s a-c color">
|
|
|
+ <img src="../../../../../src/icon/company.png" alt class="icon-img" />
|
|
|
+ <span style="margin-left:10px;">被保人信息</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-descriptions size="small">
|
|
|
+ <el-descriptions-item label="被保人姓名">{{ orderInfo.insureinfo.name }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="证件类型"> {{ orderInfo.insureinfo.identifyType}}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="身份证号">{{ orderInfo.insureinfo.identifyNumber }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="手机号">{{ orderInfo.insureinfo.mobile }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="地址">{{ orderInfo.insureinfo.addr }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="电子邮箱">{{ orderInfo.insureinfo.email }}</el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
+ </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">
|
|
|
- <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">
|
|
|
- <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">
|
|
|
- <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="level13">
|
|
|
- <a href="#demo13" @click="jump('level13')">
|
|
|
- <i class="el-icon-goods u-f-sa"></i>
|
|
|
- <span class="u-f-ajc">收款方式</span>
|
|
|
- </a>
|
|
|
- </el-col>
|
|
|
- <el-col id="level10">
|
|
|
- <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-col id="level11">
|
|
|
- <a href="#demo11" @click="jump('level11')">
|
|
|
- <i class="el-icon-video-camera-solid u-f-sa"></i>
|
|
|
- <span class="u-f-ajc">机构费用</span>
|
|
|
- </a>
|
|
|
- </el-col>
|
|
|
- <el-col id="level12">
|
|
|
- <a href="#demo12" @click="jump('level12')">
|
|
|
- <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="orderInfo.carinfo.registerDate"></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="orderInfo.carinfo.issueDate"></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>
|
|
|
- <div v-for="(riskItem,riskIndex) in orderInfo.riskinfo" :key="riskItem.riskCode" v-if="riskItem.riskCode == '0507'">
|
|
|
- <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="5">
|
|
|
- <el-input disabled size="medium" v-model="riskItem.startDate" ></el-input>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <label>终保日期</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="5">
|
|
|
- <el-input disabled size="medium" v-model="riskItem.endDate" ></el-input>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-divider></el-divider>
|
|
|
- <el-row>
|
|
|
- <el-col :span="2">
|
|
|
- <label>保费</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="5">
|
|
|
- <el-input disabled size="medium" v-model="riskItem.premium"></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="5">
|
|
|
- <el-input disabled size="medium" v-model="orderInfo.taxamount"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- <el-row v-for="(riskItem,riskIndex) in orderInfo.riskinfo" :key="riskItem.riskCode" v-if="riskItem.riskCode == '0510'">
|
|
|
- <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="5">
|
|
|
- <el-input disabled size="medium" v-model="riskItem.startDate" ></el-input>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <label>终保日期</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="5">
|
|
|
- <el-input disabled size="medium" v-model="riskItem.endDate" ></el-input>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-divider></el-divider>
|
|
|
- <el-row>
|
|
|
- <el-col :span="2">
|
|
|
- <label>保费合计</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="5">
|
|
|
- <el-input disabled size="medium" v-model="riskItem.premium"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-divider></el-divider>
|
|
|
- <el-row class="u-f-ac" style="border-bottom: 1px solid #DDDDDD;height:40px;margin-bottom: 0;background: #F3F3F3;">
|
|
|
- <el-col :span="8">险种名称</el-col>
|
|
|
- <el-col :span="8">保额</el-col>
|
|
|
- <el-col :span="8">保费</el-col>
|
|
|
- </el-row>
|
|
|
- <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">{{insureItem.kindName}}</el-col>
|
|
|
- <el-col :span="8" v-for="(amtItem,amtIndex) in insureItem.amtList" :key="amtIndex" v-if="amtItem.value == insureItem.amount">{{amtItem.label}}</el-col>
|
|
|
- <el-col :span="8">{{insureItem.coveragePremium}}</el-col>
|
|
|
- </el-row>
|
|
|
- </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>
|
|
|
+ <div class="Enclosure" v-if="orderInfo">
|
|
|
+ <div class="home flex j-s a-c back">
|
|
|
+ <div class="flex j-s a-c color">
|
|
|
+ <img src="../../../../../src/icon/company.png" alt class="icon-img" />
|
|
|
+ <span style="margin-left:10px;">险种信息</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="font-size:12px">
|
|
|
+ <div class="headers kindinfocss" style="justify-content: space-around">
|
|
|
+ <span>商业险险别</span>
|
|
|
+ <span>保额（元）</span>
|
|
|
+ <span>保费（元）</span>
|
|
|
+ </div>
|
|
|
+ <div class="headers kindinfocss" style="color:rgb(255, 118, 18); justify-content:space-around;"
|
|
|
+ v-for="(kindinfoitem, kindinfoindex) in orderInfo.kindinfo" :key="kindinfoindex">
|
|
|
+ <template v-if="kindinfoitem.coveragePremium">
|
|
|
+ <span>{{ kindinfoitem.kindName }}</span>
|
|
|
+ <span v-if="['D4', 'SY_FJ_YBW2'].includes(kindinfoitem.kindCode)">{{ kindinfoitem.unitAmount }}</span>
|
|
|
+ <span v-else-if="['MJ1', 'MJ2', 'MJ3', 'MJ4'].includes(kindinfoitem.kindCode)">
|
|
|
+ {{
|
|
|
+ kindinfoitem.deductibleRate
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
+ <span v-else>{{ kindinfoitem.amount }}</span>
|
|
|
+ <span>{{ kindinfoitem.coveragePremium }}</span>
|
|
|
</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" :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" :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" :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" :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" :key="imageIndex">
|
|
|
- </viewer>
|
|
|
- </el-row>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
-
|
|
|
- <el-card id="demo8">
|
|
|
- <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">
|
|
|
- <label>交强险投保单号</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <el-input disabled size="medium" v-model="orderInfo.jqapplyno"></el-input>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <label>商业险投保单号</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <el-input disabled size="medium" v-model="orderInfo.syapplyno"></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">
|
|
|
- <el-input disabled size="medium" v-model="orderInfo.jqpolicyno"></el-input>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <label>商业险保单号</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <el-input disabled size="medium" v-model="orderInfo.sypolicyno"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-row>
|
|
|
- </el-card>
|
|
|
-
|
|
|
- <el-card id="demo9">
|
|
|
- <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>电子保单{{oldfileIndex+1}}:</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="cursor: pointer;width: 250px;">
|
|
|
- <div style="height: 36px;line-height: 36px; width: 200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" @click="viewfile(oldfileIndex,'oldfileList')">{{oldfileItem.originalfilename}}</div>
|
|
|
- </div>
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-row>
|
|
|
- </el-card>
|
|
|
-
|
|
|
- <el-card id="demo13">
|
|
|
- <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-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.feemodel">
|
|
|
- <el-radio label="0">净费收款</el-radio>
|
|
|
- <el-radio label="1">全费收款</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-row>
|
|
|
- </el-row>
|
|
|
- <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.paymenttype">
|
|
|
- <el-radio label="微信(转账)">微信(转账)</el-radio>
|
|
|
- <el-radio label="支付宝(转账)">支付宝(转账)</el-radio>
|
|
|
- <el-radio label="现金">现金</el-radio>
|
|
|
- <el-radio label="微信保险公司二维码" v-if="orderInfo.feemodel=='1'">微信保险公司二维码</el-radio>
|
|
|
- <el-radio label="支付宝保险公司二维码" v-if="orderInfo.feemodel=='1'">支付宝保险公司二维码</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-row>
|
|
|
- </el-row>
|
|
|
- <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+'11'">
|
|
|
- <template v-if="riskItem.riskCode == '0507'">
|
|
|
- <el-col :span="2">
|
|
|
- <label>交强险</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4" class="u-f u-f-ac">
|
|
|
- <el-input size="medium" disabled v-model.trim="orderInfo.jqpayamount" ></el-input>(元)
|
|
|
- </el-col>
|
|
|
- <el-col :span="2">
|
|
|
- <label>车船税</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4" class="u-f u-f-ac">
|
|
|
- <el-input size="medium" disabled v-model.trim="orderInfo.taxpayamount" ></el-input>(元)
|
|
|
- </el-col>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- <div v-for="(riskItem,riskIndex) in orderInfo.riskinfo" :key="riskItem.riskCode+'12'">
|
|
|
- <template v-if="riskItem.riskCode == '0510'">
|
|
|
- <el-col :span="2">
|
|
|
- <label>商业险</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4" class="u-f u-f-ac">
|
|
|
- <el-input size="medium" disabled v-model.trim="orderInfo.sypayamount" ></el-input>(元)
|
|
|
- </el-col>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- <el-col :span="2">
|
|
|
- <label>合计</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4" class="u-f u-f-ac">
|
|
|
- <el-input size="medium" disabled v-model="payMoney"></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="5" class="u-f u-f-ac">
|
|
|
- <el-radio-group disabled v-model="orderInfo.commissionflag" class="u-f u-f-ac">
|
|
|
- <el-radio label="1">是</el-radio>
|
|
|
- <el-radio label="0">否</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2">
|
|
|
- <label>推广佣金是否结算</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="5" class="u-f u-f-ac">
|
|
|
- <el-radio-group disabled v-model="orderInfo.feeflag" class="u-f u-f-ac">
|
|
|
- <el-radio label="1">是</el-radio>
|
|
|
- <el-radio label="0">否</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-row>
|
|
|
- </el-card>
|
|
|
-
|
|
|
- <!-- 机构费用 -->
|
|
|
- <el-card id="demo10">
|
|
|
- <el-row class="header">
|
|
|
- <el-col>机构费用</el-col>
|
|
|
- </el-row>
|
|
|
- <el-divider></el-divider>
|
|
|
- <el-row class="body">
|
|
|
- <el-row v-for="(deptFee,deptFeeIndex) in feeDetail.deptFees" :key="deptFeeIndex">
|
|
|
- <el-col :span="1">
|
|
|
- <label>{{deptFee.comlevel}}机构</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <label class="disabledInput" >{{deptFee.comcode}}</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2">
|
|
|
- <label>管理费用比例</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <label class="disabledInput" >{{(deptFee.keeprate*100).toFixed(2)}}%</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2">
|
|
|
- <label>管理费用金额</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <label class="disabledInput" >{{(deptFee.keepamount).toFixed(2)}}</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2">
|
|
|
- <label>追加费用比例</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <label class="disabledInput" >{{(deptFee.addrate*100).toFixed(2)}}%</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2">
|
|
|
- <label>追加费用金额</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <label class="disabledInput" >{{deptFee.addamount}}</label>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-row>
|
|
|
- </el-card>
|
|
|
-
|
|
|
- <el-card id="demo11">
|
|
|
- <el-row class="header">
|
|
|
- <el-col>推荐人费用</el-col>
|
|
|
- </el-row>
|
|
|
- <el-divider></el-divider>
|
|
|
-
|
|
|
- <el-row class="body">
|
|
|
- <el-row v-for="(commission,commissionIndex) in feeDetail.commissions" :key="commissionIndex">
|
|
|
- <el-col :span="2">
|
|
|
- <label>{{commission.level}}级推荐人工号</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <el-input size="medium" disabled v-model="commission.refereescode"></el-input>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2">
|
|
|
- <label>推荐人姓名</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <el-input size="medium" disabled v-model="commission.refereesname"></el-input>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2">
|
|
|
- <label>{{commission.level}}级分佣比例</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <el-input size="medium" disabled v-model="commission.commissionrate"></el-input>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2">
|
|
|
- <label>分佣金额</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <el-input size="medium" disabled v-model="commission.commissionamount"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-row>
|
|
|
- </el-card>
|
|
|
-
|
|
|
- <el-card id="demo12">
|
|
|
- <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="feeDetail.agreementcode"></el-input>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <label>协议公司简称</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <el-input size="medium" disabled v-model="feeDetail.inscompany"></el-input>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <label>协议类型</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <div v-for="(agreementtypeoption,agreementtypeIndex) in agreementtypeoptions" :key="agreementtypeIndex">
|
|
|
- <template v-if="agreementtypeoption.value == feeDetail.agreetype">
|
|
|
- <el-input size="medium" disabled v-model="agreementtypeoption.label"></el-input>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <label>合作渠道</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <div v-for="(channeloption,channelIndex) in channeloptions" :key="channelIndex">
|
|
|
- <template v-if="channeloption.value == feeDetail.channel">
|
|
|
- <el-input size="medium" disabled v-model="channeloption.label"></el-input>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="2">
|
|
|
- <label>保单日期类型</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <div v-for="(matchtypeoption,matchtypeIndex) in matchtypeoptions" :key="matchtypeIndex">
|
|
|
- <template v-if="matchtypeoption.value == feeDetail.matchtype">
|
|
|
- <el-input size="medium" disabled v-model="matchtypeoption.label"></el-input>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- <template v-if="!feeDetail.matchtype">
|
|
|
- <el-input size="medium" disabled value=""></el-input>
|
|
|
- </template>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <label>交强费用</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <el-input size="medium" disabled v-model="feeDetail.feerate"></el-input>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <label>商业费用</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <el-input size="medium" disabled v-model="feeDetail.disrate"></el-input>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <label>投保险种</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <el-input size="medium" disabled v-model="feeDetail.producname"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-row>
|
|
|
- </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" style="background-color: #0EC216; border: 1px solid #0EC216;" @click="toExamine(1)">审核通过</el-button>
|
|
|
- <!-- <el-button size="small" type="primary" @click="toExamine(0)">审核不通过</el-button> -->
|
|
|
- <el-button size="small" type="primary" style="background-color: #DE504C; border: 1px solid #DE504C;" @click="dialogVisible = false">关 闭</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
-
|
|
|
-
|
|
|
- <el-dialog title="订单历史轨迹" :visible.sync="historyDialogVisible" width="1050px" >
|
|
|
- <!-- 订单历史轨迹内容区域 -->
|
|
|
- <div class="dialogBody" style="border: 1px solid #eaeaea;">
|
|
|
- <div class="dialogBodyTop u-f">
|
|
|
- <div class="dialogBodyTopLeft" style="border-right: 1px solid #eaeaea; width: 260px;margin-right: 20px;">
|
|
|
- <el-row>
|
|
|
- <el-col style="margin: 10px 0 10px 10px;font-size: 14px;">投保公司：{{history.company}}</el-col>
|
|
|
- <el-col style="margin: 10px 0 10px 10px;font-size: 14px;">订单号：{{history.taskid}}</el-col>
|
|
|
- <el-col style="margin: 10px 0 10px 10px;font-size: 14px;">投保险种：{{history.product}}</el-col>
|
|
|
- <el-col style="margin: 10px 0 10px 10px;font-size: 14px;">保费金额：{{history.totalmoney}}</el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- <div class="dialogBodyTopRight u-f-ac" style="width: 700px;padding-left: 20px;">
|
|
|
- <el-steps style="width:100%" align-center :active="history.active" :space="220" finish-status="success">
|
|
|
- <el-step title="报价中"></el-step>
|
|
|
- <el-step title="待核保"></el-step>
|
|
|
- <el-step title="已核保"></el-step>
|
|
|
- <el-step title="已核保待缴费"></el-step>
|
|
|
- <el-step title="已缴费待配送"></el-step>
|
|
|
- <el-step title="已承保"></el-step>
|
|
|
- </el-steps>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="dialogBodyBottom">
|
|
|
- <el-table border :header-cell-style="{background:'#F2F7FC',fontWeight: '700',color:'#606266'}" stripe :data="history.data" align="center" height="350" style="width: 100%">
|
|
|
- <el-table-column align="center" prop="remark" label="订单流程" width="180"></el-table-column>
|
|
|
- <el-table-column align="center" prop="createtime" label="流程时间" width="180"></el-table-column>
|
|
|
- <el-table-column align="center" prop="operatorid" label="操作人工号"> </el-table-column>
|
|
|
- <el-table-column align="center" prop="operator" label="操作人名字"> </el-table-column>
|
|
|
- </el-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="Enclosure" v-if="orderInfo.accidentInfo&&orderInfo.accidentInfo.length>0">
|
|
|
+ <div class="home flex j-s a-c back">
|
|
|
+ <div class="flex j-s a-c color">
|
|
|
+ <img src="../../../../../src/icon/company.png" alt class="icon-img" />
|
|
|
+ <span style="margin-left:10px;">驾意险</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="font-size:12px" >
|
|
|
+ <div class="jyxStyle" style=" font-weight: bold;color: #333;">
|
|
|
+ <span style="width:50%;margin-left:50px">产品</span>
|
|
|
+ <span style="width:20%">份数</span>
|
|
|
+ <span style="width:20%">价格</span>
|
|
|
+ </div>
|
|
|
+ <div v-for="(kindinfoitem, kindinfoindex) in orderInfo.accidentInfo" :key="kindinfoindex">
|
|
|
+ <div style="margin-top:20px" class="jyxStyle">
|
|
|
+ <span style="width:50%;margin-left:50px">{{ kindinfoitem.projectName }}</span>
|
|
|
+ <span style="width:20%">{{ kindinfoitem.quantity ?kindinfoitem.quantity:'1' }}</span>
|
|
|
+ <span style="width:20%">{{ kindinfoitem.actualPremium}}/份</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button size="small" type="primary" style="background-color: #DE504C; border: 1px solid #DE504C;" @click="historyDialogVisible = false">关 闭</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
-
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="Enclosure" v-if="orderInfo">
|
|
|
+ <div class="home flex j-s a-c back">
|
|
|
+ <div class="flex j-s a-c color">
|
|
|
+ <img src="../../../../../src/icon/company.png" alt class="icon-img" />
|
|
|
+ <span style="margin-left:10px;">欠税明细</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="font-size:12px">
|
|
|
+ <div class="headers kindinfocss" style="justify-content: space-around;">
|
|
|
+ <span>日期</span>
|
|
|
+ <span>欠费（元）</span>
|
|
|
+ <span>滞纳金（元）</span>
|
|
|
+ </div>
|
|
|
+ <div class="headers kindinfocss" style="color:rgb(255, 118, 18); justify-content:space-around;"
|
|
|
+ v-for="(taxArrearsitem, taxArrearsindex) in orderInfo.taxArrears" :key="taxArrearsindex">
|
|
|
+ <span>{{ taxArrearsitem.years }}</span>
|
|
|
+ <span>{{ taxArrearsitem.taxDefault }}</span>
|
|
|
+ <span>{{ taxArrearsitem.lateFee }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="Enclosure" v-if="orderInfo">
|
|
|
+ <div class="home flex j-s a-c back">
|
|
|
+ <div class="flex j-s a-c color">
|
|
|
+ <img src="../../../../../src/icon/company.png" alt class="icon-img" />
|
|
|
+ <span style="margin-left:10px;">投保单号</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-descriptions size="small" :column="2">
|
|
|
+ <el-descriptions-item label="交强险投保单号">{{ orderInfo.jqapplyno }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="商业险投保单号">{{ orderInfo.syapplyno }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="交强险保单号">{{ orderInfo.jqpolicyno }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="商业险保单号">{{ orderInfo.sypolicyno }}</el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
+ </div>
|
|
|
+ <div class="Enclosure" v-if="orderInfo">
|
|
|
+ <div class="home flex j-s a-c back">
|
|
|
+ <div class="flex j-s a-c color">
|
|
|
+ <img src="../../../../../src/icon/company.png" alt class="icon-img" />
|
|
|
+ <span style="margin-left:10px;">费用明细</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="font-size:12px;width: 100%" class="FeeEnclosure">
|
|
|
+ <el-table :data="feeDetailInfo" :border="true" width="100%" :stripe="true" size="mini">
|
|
|
+ <el-table-column prop="feeTypeName" label="费用类型" width="10%"></el-table-column>
|
|
|
+ <el-table-column label="交强险费用跟单明细" width="30%">
|
|
|
+ <el-table-column prop="jqFeeRate" label="比例" width="15%"></el-table-column>
|
|
|
+ <el-table-column prop="jqFeeAmount" label="金额" width="15%"></el-table-column>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="商业险费用跟单明细" width="30%">
|
|
|
+ <el-table-column prop="syFeeRate" label="比例" width="15%"></el-table-column>
|
|
|
+ <el-table-column prop="syFeeAmount" label="金额" width="15%"></el-table-column>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="非车险费用跟单明细" width="30%">
|
|
|
+ <el-table-column prop="fcFeeRate" label="比例" width="15%"></el-table-column>
|
|
|
+ <el-table-column prop="fcFeeAmount" label="金额" width="15%"></el-table-column>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer" style="display: flex; justify-content: center;align-items: center;">
|
|
|
+ <el-button size="small" type="primary" style="background-color: #0EC216; border: 1px solid #0EC216;margin-right: 30px;" @click="adusitFUn">审核通过</el-button>
|
|
|
+ <el-button size="small" type="primary" style="background-color: #DE504C; border: 1px solid #DE504C;" @click="quotedetailsdialogVisible = false">关 闭</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
-
|
|
|
<script>
|
|
|
- import { formatWithSeperator,format } from "@/utils/datetime.js";
|
|
|
- import Cookies from "js-cookie"
|
|
|
- export default {
|
|
|
- name: 'quote',
|
|
|
- data() {
|
|
|
- return {
|
|
|
- peopleid:"",
|
|
|
-
|
|
|
- payMoney:"",
|
|
|
-
|
|
|
- ordersList: [], //展示页面上的订单列表数据
|
|
|
- currentPage: 1, //当前页码
|
|
|
- pageSize:5, //每页数据条数
|
|
|
- totalSize:0, //全部的数据条数
|
|
|
-
|
|
|
-
|
|
|
- dialogVisible: false, //是否显示订单信息框
|
|
|
- feeDetail:{
|
|
|
- commissions:[],
|
|
|
- deptFees:[]
|
|
|
- },//费用详情（不包括订单信息）
|
|
|
- orderInfo: { //选中的订单
|
|
|
- ownerinfo:{},
|
|
|
- carinfo:{},
|
|
|
- applyinfo:{},
|
|
|
- insureinfo:{},
|
|
|
- kindinfo:[],
|
|
|
- riskinfo:[],
|
|
|
- ownerinfo:{}
|
|
|
- },
|
|
|
-
|
|
|
- carImageList:[],//车辆影像
|
|
|
- ownerImageList:[],//车主影像
|
|
|
- policyImageList:[],//投保人影像
|
|
|
- insuredImageList:[],//被保人影像
|
|
|
- carCheckImageList:[],//验车照影像
|
|
|
- // 影像控制
|
|
|
- pic1Control:false,
|
|
|
- pic2Control:false,
|
|
|
- pic3Control:false,
|
|
|
- pic4Control:false,
|
|
|
- pic5Control:false,
|
|
|
-
|
|
|
-
|
|
|
- //查询的表单
|
|
|
- queryForm: {
|
|
|
- "deptid": "",
|
|
|
- "licenseNo":"",
|
|
|
- "frameNo": "",
|
|
|
- "engineNo": "",
|
|
|
- "userid": "",
|
|
|
- "username": "",
|
|
|
- "inscompany":"",
|
|
|
- "riskCode": "",
|
|
|
- "startdate":"",
|
|
|
- "enddate": "",
|
|
|
- "policystartdate":"",
|
|
|
- "policyenddate":"",
|
|
|
- "insurename":"",
|
|
|
- "auditid": "",
|
|
|
- "quoteno":"",
|
|
|
- "orderno":"",
|
|
|
- "quoteDate":"",
|
|
|
- "policyDate":"",
|
|
|
- "insureDate":""
|
|
|
- },
|
|
|
-
|
|
|
- //文件上传的文件
|
|
|
- oldfileList: [],
|
|
|
-
|
|
|
- historyDialogVisible: false,
|
|
|
- history:{
|
|
|
- taskid:"",
|
|
|
- company:"",
|
|
|
- product:"",
|
|
|
- totalmoney:"",
|
|
|
- active:"",
|
|
|
- data:[]
|
|
|
- },
|
|
|
- //------------协议下拉框数据 begin-----------------
|
|
|
- agreementtypeoptions: [], //协议类型
|
|
|
- channeloptions: [], //合作渠道
|
|
|
- matchtypeoptions: [], //保单匹配协议日期类型
|
|
|
- //------------协议下拉框数据 end-----------------
|
|
|
+import {
|
|
|
+ pathToBase64,
|
|
|
+ base64ToPath
|
|
|
+} from '@/common/image-tools-base64.js';
|
|
|
+import html2Canvas from 'html2canvas'
|
|
|
+import CommonUtil from "@/utils/comutil.js";
|
|
|
+import Cookies from "js-cookie";
|
|
|
+import QRCode from "qrcodejs2";
|
|
|
+
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ queryOrders:"",
|
|
|
+ value2: "",
|
|
|
+ optionsStatus:[],
|
|
|
+ quotedetailsdialogVisible:false,
|
|
|
+ loading: false,
|
|
|
+ pageNum: 1,//页数
|
|
|
+ pageSize: 20,//条数
|
|
|
+ totalSize: null,//总数
|
|
|
+ peopleid: "",//工号
|
|
|
+ pageResult: [],//列表
|
|
|
+ pageRequest: { //查询的默认条件
|
|
|
+ auditStatus:"0",
|
|
|
+ orderNo: "",
|
|
|
+ frameNo: "",
|
|
|
+ insuredName: "",
|
|
|
+ licenseNo: "",
|
|
|
+ orderStatus: "",
|
|
|
+ userId: "",
|
|
|
+ endDate: "",
|
|
|
+ startDate: "",
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ deptId: "",
|
|
|
+ },
|
|
|
+ orderInfo: {
|
|
|
+ //选中的订单
|
|
|
+ ownerinfo: {},
|
|
|
+ carinfo: {},
|
|
|
+ applyinfo: {},
|
|
|
+ insureinfo: {},
|
|
|
+ kindinfo: [],
|
|
|
+ riskinfo: [],
|
|
|
+ ownerinfo: {},
|
|
|
+ extendInfo:{}
|
|
|
+ },
|
|
|
+ feeDetailInfo:[],//费用明细信息
|
|
|
+ inscompany: "", //保险公司名称
|
|
|
+ licenseNo: "", //车牌号
|
|
|
+ orderstatus: "", //订单状态
|
|
|
+ sumpremium: "", //保费合计
|
|
|
+ jqpremium: "",//交强
|
|
|
+ sypremium: "",//商业
|
|
|
+ taxamount: "",//车船税
|
|
|
+ jypremium:"",//驾意险
|
|
|
+ jqstartdate: "",//交强时间
|
|
|
+ systartdate: "",//商业时间
|
|
|
+ mobile: "",//投保人手机号
|
|
|
+ qrcode: null,
|
|
|
+ userid: "",
|
|
|
+ institutionOptions: [],
|
|
|
+ width: document.documentElement.clientWidth,
|
|
|
+ insAreaCompanyList:[],//子订单list
|
|
|
+ companyList:[], //保险公司
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.$api.letter.gainTopList().then(res=>{
|
|
|
+ this.companyList=res.data
|
|
|
+ })
|
|
|
+ this.$api.insCompany.dicType('insOrderStatus').then(res=>{
|
|
|
+ console.log(res)
|
|
|
+ this.optionsStatus=res.data.ddList
|
|
|
+ let filterArr = res.data.ddList.filter(item=>{
|
|
|
+ return item.dictTag == '已承保'
|
|
|
+ })
|
|
|
+ if(filterArr.length){
|
|
|
+ this.pageRequest.orderStatus = filterArr[0].dictValue
|
|
|
}
|
|
|
+ })
|
|
|
+ this.peopleid = Cookies.get('user');
|
|
|
+ this.pageRequest.deptId = JSON.parse(localStorage.getItem('user_data')).deptId;
|
|
|
+ this.$api.dept.findDeptTree().then((res) => {
|
|
|
+ this.institutionOptions = res.data;
|
|
|
+ });
|
|
|
+ if (this.peopleid != 'admin') {
|
|
|
+ this.pageRequest.userId = this.peopleid;
|
|
|
+ this.findPage();
|
|
|
+ } else {
|
|
|
+ this.pageRequest.userId = 'admin';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ window.addEventListener('resize', this.getDimensions);
|
|
|
+ },
|
|
|
+ unmounted() {
|
|
|
+ window.removeEventListener('resize', this.getDimensions);
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ //审核通过
|
|
|
+ adusitFUn(){
|
|
|
+ this.$api.task.auditFee({orderNo:this.orderInfo.orderno}).then((res) =>{
|
|
|
+ if(res.code==200){
|
|
|
+ this.$message.success('审核通过')
|
|
|
+ this.findPage();
|
|
|
+ this.quotedetailsdialogVisible = false;
|
|
|
+ }else{
|
|
|
+ this.$message.error(res.msg)
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
- created() {
|
|
|
- this.peopleid = Cookies.get('user');
|
|
|
- if(this.peopleid!='admin'){
|
|
|
- this.peopledeptid = Cookies.get('user').split('D')[0];
|
|
|
- }else{
|
|
|
- this.peopledeptid = '9';
|
|
|
- }
|
|
|
-
|
|
|
- this.getOrderList()
|
|
|
- //获取所有下拉框数据
|
|
|
- this.getDictItems("agreementtype");
|
|
|
- this.getDictItems("channel");
|
|
|
- this.getDictItems("matchtype");
|
|
|
- },
|
|
|
- methods: {
|
|
|
-
|
|
|
- //预览文件
|
|
|
- viewfile(index,type){
|
|
|
- var win = window.open();
|
|
|
- win.document.write(
|
|
|
- '<body style="margin:0px;"><object data="' + this[type][index].url +'" type="application/pdf" width="100%" height="100%"><iframe src="' +this[type][index].url +'" scrolling="no" width="100%" height="100%" frameborder="0" ></iframe></object></body>'
|
|
|
+ toChinesNum(num) {
|
|
|
+ let changeNum = [
|
|
|
+ "零", "1", "2", "3", "4", "5", "6", "7", "8", "9"
|
|
|
+ ];
|
|
|
+ let unit = ["", "0", "00", "000", "0000"];
|
|
|
+ num = parseInt(num);
|
|
|
+ let getWan = temp => {
|
|
|
+ let strArr = temp
|
|
|
+ .toString()
|
|
|
+ .split("")
|
|
|
+ .reverse();
|
|
|
+ let newNum = "";
|
|
|
+ let newArr = [];
|
|
|
+ strArr.forEach((item, index) => {
|
|
|
+ newArr.unshift(
|
|
|
+ item === "0" ? changeNum[item] : changeNum[item] + unit[index]
|
|
|
);
|
|
|
- },
|
|
|
- // 审核
|
|
|
- toExamine(type){
|
|
|
- console.log(type)
|
|
|
- let auditid = Cookies.get('user') // 放置token到Cookie
|
|
|
- var data = {
|
|
|
- auditid:auditid,
|
|
|
- ordernos:this.orderInfo.orderno,
|
|
|
- }
|
|
|
- this.$api.task.feeAudit(data).then(res => {
|
|
|
- console.log(res)
|
|
|
- this.getOrderList();
|
|
|
- this.dialogVisible = false;
|
|
|
- this.$message.success("审核通过");
|
|
|
- })
|
|
|
- },
|
|
|
- // 跳转页面锚链接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");
|
|
|
+ });
|
|
|
+ let numArr = [];
|
|
|
+ newArr.forEach((m, n) => {
|
|
|
+ if (m !== "零") numArr.push(n);
|
|
|
+ });
|
|
|
+ if (newArr.length > 1) {
|
|
|
+ newArr.forEach((m, n) => {
|
|
|
+ if (newArr[newArr.length - 1] === "零") {
|
|
|
+ if (n <= numArr[numArr.length - 1]) {
|
|
|
+ newNum += m;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ newNum += m;
|
|
|
}
|
|
|
- }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ newNum = newArr[0];
|
|
|
}
|
|
|
- s.childNodes[0].classList.add("active");
|
|
|
- },
|
|
|
- // 跳转页面锚链接End
|
|
|
-
|
|
|
- //--数据字典 begin --
|
|
|
- getDictItems: function(typeName) {
|
|
|
- let that = this;
|
|
|
- that.$api.dict.findByLableName(typeName)
|
|
|
- .then(function(res) {
|
|
|
- console.log(res)
|
|
|
- that[typeName + "options"] = res.data; // 把获取到的数据赋给this.data
|
|
|
- })
|
|
|
- .catch(function(error) {
|
|
|
- that[typeName + "options"] = [];
|
|
|
+ return newNum;
|
|
|
+ };
|
|
|
+ let overWan = Math.floor(num / 10000);
|
|
|
+ let noWan = num % 10000;
|
|
|
+ if (noWan.toString().length < 4) {
|
|
|
+ noWan = "0" + noWan;
|
|
|
+ }
|
|
|
+ return overWan ? getWan(overWan) + "万" + getWan(noWan) : getWan(num);
|
|
|
+ },
|
|
|
+ //联级选择器触发事件
|
|
|
+ handleChange(val) {
|
|
|
+ if (val.length !== 0) {
|
|
|
+ this.pageRequest.deptId = val.at(-1);
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.pageRequest.deptId = ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getDimensions() {
|
|
|
+ this.width = document.documentElement.clientWidth - 350 + 'px';
|
|
|
+ },
|
|
|
+ //应用详情
|
|
|
+ OrderDetails(dy, item) {
|
|
|
+ let params = {
|
|
|
+ orderNo: item.orderno,
|
|
|
+ }
|
|
|
+ this.$api.task.feeDetail(params).then((res) => {
|
|
|
+ console.log(res)
|
|
|
+ if (res.code == 200) {
|
|
|
+ res.data.kindinfo.map((ele, index) => {
|
|
|
+ switch (ele.kindCode) {
|
|
|
+ case "A":
|
|
|
+ ele.amount = "投保";
|
|
|
+ break;
|
|
|
+ case "D4":
|
|
|
+ case "SY_FJ_YBW2":
|
|
|
+ ele.unitAmount = this.toChinesNum(ele.unitAmount);
|
|
|
+ break;
|
|
|
+ case "MJ1":
|
|
|
+ case "MJ2":
|
|
|
+ case "MJ3":
|
|
|
+ case "MJ4":
|
|
|
+ ele.deductibleRate = ele.deductibleRate + "%";
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ ele.amount = this.toChinesNum(ele.amount);
|
|
|
+ }
|
|
|
+ return ele;
|
|
|
});
|
|
|
- },
|
|
|
- //--数据字典 end --
|
|
|
-
|
|
|
- // 获取提交核保请求订单信息Start
|
|
|
- getOrderList: function() {
|
|
|
- var data = {
|
|
|
- "columnFilters": {
|
|
|
- "deptid": {"name": "deptid","value": ""},
|
|
|
- "licenseNo": {"name": "licenseNo","value": ""},
|
|
|
- "frameNo": {"name": "frameNo","value": ""},
|
|
|
- "engineNo": {"name": "engineNo","value": ""},
|
|
|
- "userid": {"name": "userid","value": ""},
|
|
|
- "username": {"name": "username","value": ""},
|
|
|
- "inscompany": {"name": "inscompany","value": ""},
|
|
|
- "riskCode": {"name": "riskCode","value": ""},
|
|
|
- "startdate": {"name": "startdate","value": ""},
|
|
|
- "enddate": {"name": "enddate","value": ""},
|
|
|
- "policystartdate": {"name": "policystartdate","value": ""},
|
|
|
- "insurestartdate": {"name": "insurestartdate","value": ""},
|
|
|
- "policyenddate": {"name": "policyenddate","value": ""},
|
|
|
- "insureenddate": {"name": "insureenddate","value": ""},
|
|
|
- "insurename": {"name": "insurename","value": ""},
|
|
|
- "auditid": {"name": "auditid","value": ""},
|
|
|
- "quoteno": {"name": "quoteno","value": ""},
|
|
|
- "orderno": {"name": "orderno","value": ""},
|
|
|
- "quotestatus": {"name": "quotestatus","value": "1"},
|
|
|
- // "odernostatus": {"name": "odernostatus","value": "1"},
|
|
|
- "auditstatus": {"name": "auditstatus","value": "0"},
|
|
|
- "editId": {"name": "editId","value": this.peopleid}
|
|
|
- },
|
|
|
- "pageNum": this.currentPage,
|
|
|
- "pageSize": this.pageSize
|
|
|
+ this.orderInfo = res.data
|
|
|
+ this.feeDetailInfo=res.data.orderFeeResult;
|
|
|
+ this.quotedetailsdialogVisible = true;
|
|
|
+ } else {
|
|
|
+ this.$message.error("订单获取失败");
|
|
|
}
|
|
|
- for(let key in this.queryForm){
|
|
|
- if((key !="quoteDate") && (key !="policyDate") && (key !="insureDate") && (key !="startdate") && (key !="enddate") &&(key !="policystartdate") && (key !="policyenddate")&& (key !="insurestartdate")&& (key !="insureenddate")&& (key !="editId") ){
|
|
|
- data.columnFilters[key].value = this.queryForm[key];
|
|
|
- }
|
|
|
- if((key =="quoteDate") && (!!this.queryForm.quoteDate)){
|
|
|
- var startdate =formatWithSeperator(this.queryForm.quoteDate[0],'-',':').split(' ')[0];
|
|
|
- var enddate = formatWithSeperator(this.queryForm.quoteDate[1],'-',':').split(' ')[0];
|
|
|
- data.columnFilters.startdate.value = startdate;
|
|
|
- data.columnFilters.enddate.value = enddate;
|
|
|
- }
|
|
|
- if((key =="policyDate") && (!!this.queryForm.policyDate )){
|
|
|
- var policystartdate =formatWithSeperator(this.queryForm.policyDate[0],'-',':').split(' ')[0];
|
|
|
- var policyenddate = formatWithSeperator(this.queryForm.policyDate[1],'-',':').split(' ')[0];
|
|
|
- data.columnFilters.policystartdate.value = policystartdate;
|
|
|
- data.columnFilters.policyenddate.value = policyenddate;
|
|
|
- }
|
|
|
- if((key =="insureDate") && (!!this.queryForm.insureDate )){
|
|
|
- var insurestartdate =formatWithSeperator(this.queryForm.insureDate[0],'-',':').split(' ')[0];
|
|
|
- var insureenddate = formatWithSeperator(this.queryForm.insureDate[1],'-',':').split(' ')[0];
|
|
|
- data.columnFilters.insurestartdate.value = insurestartdate;
|
|
|
- data.columnFilters.insureenddate.value = insureenddate;
|
|
|
- }
|
|
|
+
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 设置每页条数
|
|
|
+ applyhandleSizeChange(val) {
|
|
|
+ this.pageSize = val;
|
|
|
+ this.pageNum = 1;
|
|
|
+ this.pageRequest.pageNum = 1;
|
|
|
+ this.pageRequest.pageSize = val;
|
|
|
+ this.findPage();
|
|
|
+ },
|
|
|
+ // 当前页
|
|
|
+ applyhandleCurrentChange(val) {
|
|
|
+ this.pageNum = val;
|
|
|
+ this.pageRequest.pageNum = val;
|
|
|
+ this.findPage();
|
|
|
+ },
|
|
|
+ handleRowChange(row){
|
|
|
+ if(!row.expanded){
|
|
|
+ this.$api.letter.querySonOrders({orderNo:row.orderno}).then(res=>{
|
|
|
+ if(res.code=='200' && res.data.length!=0){
|
|
|
+ this.pageResult.map(item=>{
|
|
|
+ if(item.orderno===row.orderno){
|
|
|
+ item.insAreaCompanyList=res.data;
|
|
|
+ }
|
|
|
+ return item;
|
|
|
+ })
|
|
|
+ row.expanded = !row.expanded;
|
|
|
+ this.$refs.expandTable.toggleRowExpansion(row, row.expanded);
|
|
|
+ }else{
|
|
|
+ this.$message.info("暂无数据");
|
|
|
}
|
|
|
- // this.$api.task.findPage(data).then(res => {
|
|
|
- this.$api.task.insFeeFindPage(data).then(res => {
|
|
|
- this.ordersList = res.data.content;
|
|
|
+ })
|
|
|
+ }else{
|
|
|
+ row.expanded = !row.expanded;
|
|
|
+ this.$refs.expandTable.toggleRowExpansion(row, row.expanded);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //数据
|
|
|
+ findPage() {
|
|
|
+ this.loading = true;
|
|
|
+ this.$api.task.queryPageOrder(this.pageRequest).then((res) => {
|
|
|
+ console.log(res)
|
|
|
+ if (res.code == "200") {
|
|
|
+ this.loading = false;
|
|
|
+ this.pageResult = res.data.content;
|
|
|
+ this.pageNum = res.data.pageNum;
|
|
|
this.totalSize = res.data.totalSize;
|
|
|
- });
|
|
|
- },
|
|
|
- // 获取提交核保请求订单信息End
|
|
|
-
|
|
|
- handleCurrentChange(page){
|
|
|
- console.log("页码发生变化")
|
|
|
- this.currentPage = page;
|
|
|
- console.log(this.currentPage);
|
|
|
- this.getOrderList();
|
|
|
- },
|
|
|
- handleSizeChange(size){
|
|
|
- console.log("每页显示个数变化")
|
|
|
- this.pageSize = size;
|
|
|
- console.log(this.pageSize);
|
|
|
- this.getOrderList();
|
|
|
- },
|
|
|
-
|
|
|
- //获取一个订单的全部信息Start
|
|
|
- getQuoteInfo: function(orderno) {
|
|
|
- for(let i=0;i< this.global.insureList.length;i++){
|
|
|
- this.global.insureList[i].coveragePremium = "";
|
|
|
- this.global.insureList[i].amount = 0;
|
|
|
- }
|
|
|
- this.$api.task.insFeeQueryDetail(orderno).then(res => {
|
|
|
- console.log(res);
|
|
|
- Object.assign(this.feeDetail,res.data);
|
|
|
- if(res.code ==200){
|
|
|
- Object.assign(this.orderInfo,res.data.insOrder);
|
|
|
- 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.carImageList=[];
|
|
|
- this.ownerImageList=[];
|
|
|
- this.policyImageList=[];
|
|
|
- this.insuredImageList=[];
|
|
|
- this.carCheckImageList=[];
|
|
|
- // 获取影像
|
|
|
- this.$api.task.findTaskImage({
|
|
|
- taskid:this.orderInfo.orderno,
|
|
|
- imgtype:"C01"
|
|
|
- }).then((resImage)=>{
|
|
|
- this.carImageList=resImage.data.imgList
|
|
|
- })
|
|
|
- this.$api.task.findTaskImage({
|
|
|
- taskid:this.orderInfo.orderno,
|
|
|
- imgtype:"C02"
|
|
|
- }).then((resImage)=>{
|
|
|
- this.ownerImageList=resImage.data.imgList
|
|
|
- })
|
|
|
- this.$api.task.findTaskImage({
|
|
|
- taskid:this.orderInfo.orderno,
|
|
|
- imgtype:"C03"
|
|
|
- }).then((resImage)=>{
|
|
|
- this.policyImageList=resImage.data.imgList
|
|
|
- })
|
|
|
- this.$api.task.findTaskImage({
|
|
|
- taskid:this.orderInfo.orderno,
|
|
|
- imgtype:"C04"
|
|
|
- }).then((resImage)=>{
|
|
|
- this.insuredImageList=resImage.data.imgList
|
|
|
- })
|
|
|
- this.$api.task.findTaskImage({
|
|
|
- taskid:this.orderInfo.orderno,
|
|
|
- imgtype:"C05"
|
|
|
- }).then((resImage)=>{
|
|
|
- this.carCheckImageList=resImage.data.imgList
|
|
|
- })
|
|
|
- this.pic1Control=false;
|
|
|
- this.pic2Control=false;
|
|
|
- this.pic3Control=false;
|
|
|
- this.pic4Control=false;
|
|
|
- this.pic5Control=false;
|
|
|
- this.oldfileList=[];
|
|
|
- this.$api.task.queryUploadList(this.orderInfo.orderno).then((resUpload)=>{
|
|
|
- this.oldfileList = resUpload.data;
|
|
|
- })
|
|
|
-
|
|
|
- this.dialogVisible = true; //在页面上显示订单
|
|
|
- }else{
|
|
|
- this.$message.error("订单获取失败");
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- //获取一个订单的全部信息End
|
|
|
-
|
|
|
- getHistoryList: function(taskid,product,totalmoney) {
|
|
|
- this.history.taskid = "";
|
|
|
- this.history.company = "";
|
|
|
- this.history.product = "";
|
|
|
- this.history.totalmoney = "";
|
|
|
- this.history.product = product;
|
|
|
- this.history.totalmoney = totalmoney;
|
|
|
- this.history.data = [];
|
|
|
- this.$api.task.queryOrderHistory(taskid).then(res => {
|
|
|
- if (res.code == 200) {
|
|
|
- console.log(res.data)
|
|
|
- this.history.taskid = res.data[0].taskid;
|
|
|
- this.history.company = res.data[res.data.length-1].company;
|
|
|
- if(res.data[res.data.length-1].status=='0'){
|
|
|
- this.history.active = 1;
|
|
|
- }else if(res.data[res.data.length-1].status=='1'){
|
|
|
- this.history.active = 2;
|
|
|
- }else if(res.data[res.data.length-1].status=='2'){
|
|
|
- this.history.active = 3;
|
|
|
- }else if(res.data[res.data.length-1].status=='5'){
|
|
|
- this.history.active = 4;
|
|
|
- }else if(res.data[res.data.length-1].status=='6'){
|
|
|
- this.history.active = 5;
|
|
|
- }else if(res.data[res.data.length-1].status=='7'){
|
|
|
- this.history.active = 6;
|
|
|
- }
|
|
|
- this.history.data=res.data;
|
|
|
- this.historyDialogVisible = true;
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
+ this.pageResult.forEach(val => {
|
|
|
+ this.$set(val, "expanded", false);
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.loading = false;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //查询
|
|
|
+ onSubmit() {
|
|
|
+ this.pageRequest.pageNum = 1;
|
|
|
+ this.pageRequest.pageSize = 20;
|
|
|
+ this.findPage();
|
|
|
+ },
|
|
|
+ //时间js
|
|
|
+ monthChange(e) {
|
|
|
+ if (e === null) {
|
|
|
+ this.pageRequest.startDate = e;
|
|
|
+ this.pageRequest.endDate = e;
|
|
|
+ } else {
|
|
|
+ this.pageRequest.startDate = e[0];
|
|
|
+ this.pageRequest.endDate = e[1];
|
|
|
+ }
|
|
|
|
|
|
- }
|
|
|
+ },
|
|
|
}
|
|
|
+}
|
|
|
</script>
|
|
|
-
|
|
|
-<style scoped>
|
|
|
- /* 检索区Start */
|
|
|
- .queryForm{
|
|
|
- background: #F2F7FC;
|
|
|
- position:relative;
|
|
|
- border:1px solid #ddd;
|
|
|
- border-radius: 10px;
|
|
|
- margin-top: 15px;
|
|
|
- margin-bottom: 15px;
|
|
|
- padding: 10px 20px 0;
|
|
|
- }
|
|
|
- .queryForm:before{
|
|
|
- content:attr(title);
|
|
|
- position:absolute;
|
|
|
- left:10%;
|
|
|
- transform:translate(-50%,-120%);
|
|
|
- padding:0 10px;
|
|
|
- background-color:#fff;
|
|
|
- }
|
|
|
- /* 检索区End */
|
|
|
-
|
|
|
-
|
|
|
- /* 页面的整体布局 */
|
|
|
- .page-container {
|
|
|
- margin: 0px 10px;
|
|
|
+<style lang="scss" scoped>
|
|
|
+/deep/ {
|
|
|
+ .el-table .row-expand-cover .cell .el-table__expand-icon {
|
|
|
+ display: none;
|
|
|
}
|
|
|
-
|
|
|
- /* 任务区域样式Start */
|
|
|
- .tasks {}
|
|
|
- .task {
|
|
|
- border-color: #A6A6A6;
|
|
|
- line-height: 25px;
|
|
|
- font-size: 14px;
|
|
|
- margin-bottom: 10px;
|
|
|
- }
|
|
|
- .task .row{
|
|
|
- margin-bottom: 10px;
|
|
|
- line-height: 28px;
|
|
|
- font-size: 12px;
|
|
|
- }
|
|
|
- .task .row .label{
|
|
|
- padding:0 10px;
|
|
|
- }
|
|
|
- .task_bottom {
|
|
|
- margin-top: 10px;
|
|
|
- }
|
|
|
- /* 任务区域样式End */
|
|
|
-
|
|
|
- /* 弹出窗口(订单详情)Start */
|
|
|
- .leftContainer {
|
|
|
- width: 80px;
|
|
|
- position: fixed;
|
|
|
- top: 0px;
|
|
|
- left: 30px;
|
|
|
- }
|
|
|
- .leftContainer .el-col {
|
|
|
- width: 80px;
|
|
|
- height: 80px;
|
|
|
- border-bottom: 1px solid #4D5C6F;
|
|
|
- background: #526176;
|
|
|
- cursor: pointer;
|
|
|
- color: #A6AEB9;
|
|
|
- border-radius: 0;
|
|
|
- }
|
|
|
- .leftContainer .el-col a {
|
|
|
- display: block;
|
|
|
- color: #A6AEB9;
|
|
|
- text-decoration: none;
|
|
|
- }
|
|
|
- .leftContainer .el-col a:hover {
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
- .leftContainer .el-col a.active {
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
- .leftContainer .el-col i {
|
|
|
- font-size: 30px;
|
|
|
- margin: 15px 0px 5px;
|
|
|
- }
|
|
|
- .rightContainer {
|
|
|
- width: calc(100vw - 160px);
|
|
|
- margin-left: 100px;
|
|
|
- }
|
|
|
- .rightContainer .header .el-col{
|
|
|
- font-size:18px;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- .rightContainer .bodyTitle{
|
|
|
- height: 40px;
|
|
|
- background: #F3F3F3;
|
|
|
- border:1px solid #DDDDDD
|
|
|
- }
|
|
|
- .rightContainer .bodyTitle>label{
|
|
|
- margin: 0px 15px;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- .rightContainer #demo2 .body,.rightContainer #demo5 .body,.rightContainer #demo6 .body,.rightContainer #demo7 .body,.rightContainer #demo8 .body,.rightContainer #demo9 .body,.rightContainer #demo13 .body{
|
|
|
- border: 1px solid #DDD;
|
|
|
- padding: 15px;
|
|
|
- border-top: none;
|
|
|
+ .el-descriptions__body {
|
|
|
+ padding: 10px 50px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ color: rgb(226, 118, 10);
|
|
|
}
|
|
|
- .rightContainer .el-card {
|
|
|
- margin-bottom: 15px;
|
|
|
+ .el-descriptions-item__label {
|
|
|
+ &:not(.is-bordered-label) {
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
}
|
|
|
- .imageStyle{
|
|
|
- display: inline-block;
|
|
|
- width: 100px;
|
|
|
- height: 100px;
|
|
|
- box-shadow:#ddd 0px 0px 5px;
|
|
|
- margin-left: 20px;
|
|
|
+ .saomazhifucodeClass .el-dialog__body,
|
|
|
+ .saomazhifucodeClass .el-dialog__header {
|
|
|
+ padding: 0;
|
|
|
}
|
|
|
- /* 弹出窗口(订单详情)End */
|
|
|
|
|
|
- /* 退回修改的穿梭框Start(没效果，不能够更改el-transfer-panel的样式) */
|
|
|
- .el-transfer {
|
|
|
+ .el-input.is-disabled .el-input__inner {
|
|
|
+ color: #333;
|
|
|
}
|
|
|
- .el-transfer-panel{
|
|
|
- width: calc(100%/3)!important;
|
|
|
- }
|
|
|
- /* 退回修改的穿梭框End */
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- .body .el-row {
|
|
|
- margin-bottom: 15px;
|
|
|
- }
|
|
|
-
|
|
|
- .body .el-row .el-col label {
|
|
|
- text-align: right;
|
|
|
- width: 80px;
|
|
|
- font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+.ORcodebody {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.code_title {
|
|
|
+ width: 100%;
|
|
|
+ height: 50px;
|
|
|
+ background-color: #fdcb08;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+.code_title>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;
|
|
|
+}
|
|
|
+
|
|
|
+.ORcode>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;
|
|
|
+}
|
|
|
+
|
|
|
+.ORtitle>div {
|
|
|
+ width: 100%;
|
|
|
+ margin: 10px 0;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 14px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.ORtitle>div>span:nth-child(1) {
|
|
|
+ color: #979797;
|
|
|
+ text-align: end;
|
|
|
+ width: 150px;
|
|
|
+}
|
|
|
+
|
|
|
+.ORtitle>div>span:nth-child(2) {
|
|
|
+ color: #000;
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+</style>
|
|
|
+<style scoped>
|
|
|
+#qqq {
|
|
|
+ background-color: #111;
|
|
|
+ width: 300px;
|
|
|
+ height: 300px;
|
|
|
+ margin: 0 auto;
|
|
|
+ /*水平居中*/
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+#qrCode {
|
|
|
+ display: inline-block;
|
|
|
+ margin: 0 auto;
|
|
|
+ /*水平居中*/
|
|
|
+ position: relative;
|
|
|
+ top: 15%;
|
|
|
+}
|
|
|
+
|
|
|
+#qrCode img {
|
|
|
+ width: 200px;
|
|
|
+ height: 200px;
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 6px;
|
|
|
+}
|
|
|
+
|
|
|
+.leftContainer {
|
|
|
+ width: 80px;
|
|
|
+ position: fixed;
|
|
|
+ top: 79px;
|
|
|
+ left: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.leftContainer .el-col {
|
|
|
+ width: 80px;
|
|
|
+ height: 80px;
|
|
|
+ border-bottom: 1px solid #4d5c6f;
|
|
|
+ background: #526176;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #a6aeb9;
|
|
|
+ border-radius: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.leftContainer .el-col a {
|
|
|
+ display: block;
|
|
|
+ color: #a6aeb9;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+.leftContainer .el-col a:hover {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.leftContainer .el-col a.active {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.leftContainer .el-col i {
|
|
|
+ font-size: 30px;
|
|
|
+ margin: 15px 0px 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.rightContainer {
|
|
|
+ width: calc(100vw - 160px);
|
|
|
+ margin-left: 100px;
|
|
|
+}
|
|
|
+
|
|
|
+.rightContainer .header .el-col {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.rightContainer .bodyTitle {
|
|
|
+ height: 40px;
|
|
|
+ background: #f3f3f3;
|
|
|
+ border: 1px solid #dddddd;
|
|
|
+}
|
|
|
+
|
|
|
+.rightContainer .bodyTitle>label {
|
|
|
+ margin: 0px 15px;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.rightContainer #demo2 .body,
|
|
|
+.rightContainer #demo6 .body {
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ padding: 15px;
|
|
|
+ border-top: none;
|
|
|
+}
|
|
|
+
|
|
|
+.rightContainer .el-card {
|
|
|
+ margin-bottom: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+.body .el-row .el-col label {
|
|
|
+ text-align: right;
|
|
|
+ width: 80px;
|
|
|
+ font-size: 14px;
|
|
|
+ width: 100%;
|
|
|
+ line-height: 36px;
|
|
|
+ display: inline-block;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.disabledInput {
|
|
|
+ width: 80% !important;
|
|
|
+ background-color: #f5f7fa;
|
|
|
+ text-align: center !important;
|
|
|
+ max-width: 200px;
|
|
|
+ border: 1px solid #e4e7ed;
|
|
|
+ color: #c0c4cc;
|
|
|
+ cursor: not-allowed;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0px 10px;
|
|
|
+ height: 36px;
|
|
|
+ margin: 20px 10%;
|
|
|
+}
|
|
|
+
|
|
|
+/* 上传图片样式Start */
|
|
|
+.avatar-uploader .el-upload {
|
|
|
+ border: 1px dashed #d9d9d9;
|
|
|
+ border-radius: 6px;
|
|
|
+ cursor: pointer;
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.avatar-uploader .el-upload:hover {
|
|
|
+ border-color: #409eff;
|
|
|
+}
|
|
|
+
|
|
|
+.avatar-uploader-icon {
|
|
|
+ font-size: 28px;
|
|
|
+ color: #8c939d;
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ line-height: 100px;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px dashed #d9d9d9;
|
|
|
+}
|
|
|
+
|
|
|
+.avatar {
|
|
|
+ border: 1px dashed #d9d9d9;
|
|
|
+ padding: 5px;
|
|
|
+ border-radius: 6px;
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.imageStyle {
|
|
|
+ display: inline-block;
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ box-shadow: #ddd 0px 0px 5px;
|
|
|
+ margin-right: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 上传图片样式End */
|
|
|
+
|
|
|
+.dis {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.align {
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.jus {
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.display {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ padding: 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.block {
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.page {
|
|
|
+ padding: 14px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.el-select--medium {
|
|
|
+ vertical-align: bottom !important;
|
|
|
+}
|
|
|
+
|
|
|
+.widths {
|
|
|
+ width: 220px;
|
|
|
+}
|
|
|
+
|
|
|
+.demo-table-expand {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ padding: 10px 50px;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+.demo-table-expand-time {
|
|
|
+ width: 600px;
|
|
|
+}
|
|
|
+
|
|
|
+.demo-table-expand-time>div {
|
|
|
+ margin: 0 10px;
|
|
|
+}
|
|
|
+.icon-img {
|
|
|
+ display: block;
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+}
|
|
|
+.Enclosure {
|
|
|
+ width: 100%;
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ border-radius: 6px;
|
|
|
+ border: 1px solid #ebeef5;
|
|
|
+ transition: all 0.2s ease-in-out;
|
|
|
+ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
|
+}
|
|
|
+
|
|
|
+.headers {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ margin: 5px 0;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333;
|
|
|
+}
|
|
|
+/* 内容待定 */
|
|
|
+.headers_Custom >div{
|
|
|
+ padding: 20px 40px;
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+.headers_Custom >div>span {
|
|
|
+ color: rgb(226, 118, 10);
|
|
|
+}
|
|
|
+
|
|
|
+ .back {
|
|
|
+ color: #303133;
|
|
|
+ font-weight: 700;
|
|
|
+}
|
|
|
+.u-f-ac {
|
|
|
+ -webkit-box-align: center;
|
|
|
+ align-items: center;
|
|
|
+ /* padding: 10px; */
|
|
|
+}
|
|
|
+
|
|
|
+.bodyTitle {
|
|
|
+ height: 40px;
|
|
|
+ background: #f3f3f3;
|
|
|
+ border: 1px solid #dddddd;
|
|
|
+ line-height: 40px;
|
|
|
+ padding: 0 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+.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%;
|
|
|
- line-height: 36px;
|
|
|
- display: inline-block;
|
|
|
+ padding: 15px 20px;
|
|
|
box-sizing: border-box;
|
|
|
- padding-right: 15px;
|
|
|
+ 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;
|
|
|
+
|
|
|
+
|
|
|
+}
|
|
|
+.bjdCarMessage1 > .f-c >span:nth-child(1){
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
-
|
|
|
- .disabledInput{
|
|
|
- background-color: #F5F7FA;
|
|
|
- text-align: left!important;
|
|
|
- border: 1px solid #E4E7ED;
|
|
|
- color: #C0C4CC;
|
|
|
- cursor: not-allowed;
|
|
|
- border-radius: 4px;
|
|
|
+.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;
|
|
|
+}
|
|
|
+.bjdCarMessage2_car >span:nth-child(2) {
|
|
|
+ color: #999;
|
|
|
+}
|
|
|
+.bjdCarMessage2 >ul>li {
|
|
|
+ margin: 20px 0;
|
|
|
+}
|
|
|
+.Risk {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
+
|
|
|
+.Risk_title {
|
|
|
+ width: 100%;
|
|
|
+ height: 40px;
|
|
|
+}
|
|
|
+.Risk_title>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;
|
|
|
+
|
|
|
+}
|
|
|
+.Risk_title>div:nth-child(1) {
|
|
|
+}
|
|
|
+
|
|
|
+.Risk_title>div:nth-child(2) {
|
|
|
+ border-left: none;
|
|
|
+ border-right: none;
|
|
|
+}
|
|
|
+
|
|
|
+.Risk_data {
|
|
|
+ width: 100%;
|
|
|
+ height: 40px;
|
|
|
+}
|
|
|
+.Risk_data >div {
|
|
|
+ background: #fbf6f7;
|
|
|
+ color: rgb(51, 51, 51);
|
|
|
+ height: 100%;
|
|
|
+ font-weight: 500;
|
|
|
+ width: 33.3%;
|
|
|
+ padding: 10px 20px;
|
|
|
box-sizing: border-box;
|
|
|
- padding: 0px 10px;
|
|
|
- height: 36px;
|
|
|
+ border: #fff solid 1px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ border-bottom: none;
|
|
|
}
|
|
|
- /deep/ .el-input.is-disabled .el-input__inner{
|
|
|
- color: #333;
|
|
|
- }
|
|
|
+.Risk_data >div :nth-child(2) {
|
|
|
+ border-left: none;
|
|
|
+ border-right: none;
|
|
|
+}
|
|
|
+.Risk_title>div :nth-child(3) {
|
|
|
+ border-top-right-radius: 10px;
|
|
|
+}
|
|
|
+.jyxStyle>span{
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.FeeEnclosure /deep/ table {
|
|
|
+ width: 100% !important;
|
|
|
+}
|
|
|
+
|
|
|
+.FeeEnclosure /deep/ .cell {
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.FeeEnclosure /deep/ .el-table__empty-block{
|
|
|
+ width: 100% !important;
|
|
|
+}
|
|
|
</style>
|
haizhouwang