|
|
@@ -24,9 +24,10 @@
|
|
|
:options="options"
|
|
|
:show-all-levels="false"
|
|
|
v-model="pageRequest.companyId"
|
|
|
- :props="{value:'id', label: 'name', checkStrictly: true}"
|
|
|
- filterable></el-cascader>
|
|
|
- <!-- :before-filter="get_tree" -->
|
|
|
+ :props="{ value: 'id', label: 'name', checkStrictly: true }"
|
|
|
+ filterable
|
|
|
+ ></el-cascader>
|
|
|
+ <!-- :before-filter="get_tree" -->
|
|
|
<!-- <el-select
|
|
|
v-model="pageRequest.companyId"
|
|
|
filterable
|
|
|
@@ -93,14 +94,20 @@
|
|
|
:lg="lgcell"
|
|
|
:xl="xlcell"
|
|
|
>
|
|
|
- <kt-button label="查询" size="small" type="primary" perms="insuranceSettlementManagement:generateSettlementDocument:query" @click="onSubmit('queryForm')"/>
|
|
|
+ <kt-button
|
|
|
+ label="查询"
|
|
|
+ size="small"
|
|
|
+ type="primary"
|
|
|
+ perms="insuranceSettlementManagement:generateSettlementDocument:query"
|
|
|
+ @click="onSubmit('queryForm')"
|
|
|
+ />
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
<el-main ref="elMain" style="padding: 0px">
|
|
|
<kt-common-table
|
|
|
- :operationWidth="150"
|
|
|
+ :operationWidth="150"
|
|
|
:showOperation="true"
|
|
|
permsDelete="sys:user:delete"
|
|
|
:showBatchDelete="false"
|
|
|
@@ -132,50 +139,56 @@
|
|
|
title="生成成功"
|
|
|
:subTitle="'结算单号：' + docOrderid"
|
|
|
>
|
|
|
- <template slot="extra">
|
|
|
- <el-button type="primary" size="small" @click="dialogVisible=false">关闭</el-button>
|
|
|
- </template>
|
|
|
+ <template slot="extra">
|
|
|
+ <el-button type="primary" size="small" @click="dialogVisible = false"
|
|
|
+ >关闭</el-button
|
|
|
+ >
|
|
|
+ </template>
|
|
|
</el-result>
|
|
|
</el-dialog>
|
|
|
- <el-dialog
|
|
|
- title="提示"
|
|
|
- :visible.sync="dialogVisible11"
|
|
|
- width="30%">
|
|
|
- <span>
|
|
|
- 选择结算月份：
|
|
|
- </span>
|
|
|
- <el-date-picker size="small"
|
|
|
- v-model="monthvalue"
|
|
|
- type="month"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="选择月">
|
|
|
- </el-date-picker>
|
|
|
+ <el-dialog title="提示" :visible.sync="dialogVisible11" width="30%">
|
|
|
+ <span> 选择结算月份： </span>
|
|
|
+ <el-date-picker
|
|
|
+ size="small"
|
|
|
+ v-model="monthvalue"
|
|
|
+ type="month"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="选择月"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
- <el-button size="small" @click="dialogVisible11 = false">取 消</el-button>
|
|
|
+ <el-button size="small" @click="dialogVisible11 = false"
|
|
|
+ >取 消</el-button
|
|
|
+ >
|
|
|
<el-button size="small" type="primary" @click="jiesuanminrt()"
|
|
|
>确 定</el-button
|
|
|
>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
- <el-dialog title="报价详情" :visible.sync="quotedetailsdialogVisible" width="90%">
|
|
|
+ <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>
|
|
|
+ <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;">
|
|
|
+ <div style="padding: 20px; font-weight: bold; font-size: 20px">
|
|
|
<span>总保费</span>
|
|
|
- <span style="color:#ff7612;">￥{{ orderInfo.sumpremium }}</span>
|
|
|
+ <span style="color: #ff7612">￥{{ orderInfo.sumpremium }}</span>
|
|
|
</div>
|
|
|
- <div class="headers headers_Custom" style="padding:20px;">
|
|
|
+ <div class="headers headers_Custom" style="padding: 20px">
|
|
|
<div v-show="orderInfo.jqpremium">
|
|
|
交强险金额：
|
|
|
- <span>
|
|
|
- ￥{{
|
|
|
- orderInfo.jqpremium }}
|
|
|
- </span>
|
|
|
+ <span> ￥{{ orderInfo.jqpremium }} </span>
|
|
|
</div>
|
|
|
<div v-show="orderInfo.sypremium">
|
|
|
商业险金额：
|
|
|
@@ -202,126 +215,226 @@
|
|
|
<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>
|
|
|
+ <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.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
|
|
|
- }}
|
|
|
+ {{ orderInfo.extendInfo.jqFeeSaleChangeRateA4 }}
|
|
|
</el-descriptions-item>
|
|
|
- <el-descriptions-item label="交强深度定价分档">{{ orderInfo.extendInfo.deepPriceGradeCI }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="交强深度定价分档">{{
|
|
|
+ orderInfo.extendInfo.deepPriceGradeCI
|
|
|
+ }}</el-descriptions-item>
|
|
|
<el-descriptions-item label="业务员商业险销售费用浮动率">
|
|
|
- {{ orderInfo.extendInfo.syFeeSaleChangeRateA4
|
|
|
- }}
|
|
|
+ {{ orderInfo.extendInfo.syFeeSaleChangeRateA4 }}
|
|
|
</el-descriptions-item>
|
|
|
- <el-descriptions-item label="商业深度定价分档">{{ orderInfo.extendInfo.deepPriceGradeBI }}</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>
|
|
|
+ <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.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' ? '营业' : ''
|
|
|
- }}
|
|
|
+ {{ 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.registerDate
|
|
|
+ }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="发证日期">{{
|
|
|
+ orderInfo.carinfo.issueDate
|
|
|
+ }}</el-descriptions-item>
|
|
|
<el-descriptions-item label="是否过户">
|
|
|
- {{ orderInfo.carinfo.transferFlag == true ? '是' : '否'
|
|
|
- }}
|
|
|
+ {{ 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>
|
|
|
+ <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-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>
|
|
|
+ <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-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>
|
|
|
+ <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-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>
|
|
|
|
|
|
<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>
|
|
|
+ <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">
|
|
|
+ <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">
|
|
|
+ <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
|
|
|
+ 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>
|
|
|
@@ -329,24 +442,40 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="Enclosure" v-if="orderInfo.accidentInfo&&orderInfo.accidentInfo.length>0">
|
|
|
+ <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>
|
|
|
+ <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 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
|
|
|
+ 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>
|
|
|
</div>
|
|
|
@@ -354,18 +483,29 @@
|
|
|
<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>
|
|
|
+ <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;">
|
|
|
+ <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">
|
|
|
+ <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>
|
|
|
@@ -375,19 +515,41 @@
|
|
|
<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>
|
|
|
+ <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-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>
|
|
|
- <span slot="footer" class="dialog-footer" style="display: flex; justify-content: center;align-items: center;">
|
|
|
- <el-button size="small" type="primary" style="background-color: #DE504C; border: 1px solid #DE504C;" @click="quotedetailsdialogVisible = false">关 闭</el-button>
|
|
|
+ <span
|
|
|
+ slot="footer"
|
|
|
+ class="dialog-footer"
|
|
|
+ style="display: flex; justify-content: center; align-items: center"
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ size="small"
|
|
|
+ type="primary"
|
|
|
+ style="background-color: #de504c; border: 1px solid #de504c"
|
|
|
+ @click="quotedetailsdialogVisible = false"
|
|
|
+ >关 闭</el-button
|
|
|
+ >
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
@@ -409,7 +571,7 @@ export default {
|
|
|
mdcell: 12,
|
|
|
smcell: 24,
|
|
|
xscell: 24,
|
|
|
- quotedetailsdialogVisible:false,
|
|
|
+ quotedetailsdialogVisible: false,
|
|
|
orderInfo: {
|
|
|
//选中的订单
|
|
|
ownerinfo: {},
|
|
|
@@ -419,7 +581,7 @@ export default {
|
|
|
kindinfo: [],
|
|
|
riskinfo: [],
|
|
|
ownerinfo: {},
|
|
|
- extendInfo:{}
|
|
|
+ extendInfo: {},
|
|
|
},
|
|
|
pageRequest: {
|
|
|
//查询的默认条件
|
|
|
@@ -434,10 +596,10 @@ export default {
|
|
|
companyList: [],
|
|
|
institutionOptions: [],
|
|
|
dialogVisible: false,
|
|
|
- dialogVisible11:false,
|
|
|
- monthvalue:"",
|
|
|
+ dialogVisible11: false,
|
|
|
+ monthvalue: "",
|
|
|
docOrderid: "",
|
|
|
- plyNoList:[],
|
|
|
+ plyNoList: [],
|
|
|
// 右侧列表查询数据Start
|
|
|
pageResult: [],
|
|
|
columns: [
|
|
|
@@ -473,12 +635,12 @@ export default {
|
|
|
companyId: [
|
|
|
{ required: true, message: "保险公司必传", trigger: "change" },
|
|
|
],
|
|
|
- deptId: [
|
|
|
- { required: true, message: "机构必传", trigger: "change" },
|
|
|
+ deptId: [{ required: true, message: "机构必传", trigger: "change" }],
|
|
|
+ startDate: [
|
|
|
+ { required: true, message: "日期不能为空", trigger: "change" },
|
|
|
],
|
|
|
- startDate: [{ required: true, message: "日期不能为空", trigger: "change" }],
|
|
|
},
|
|
|
- options:[],
|
|
|
+ options: [],
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
@@ -489,9 +651,9 @@ export default {
|
|
|
// this.companyquery(); //公司数据
|
|
|
this.deptQuery(); //机构数据
|
|
|
// this.findLeftInsTreeFun()
|
|
|
- this.$api.insCompany.findLeftInsTree({name:'',type:1}).then((res) => {
|
|
|
- this.options=res.data
|
|
|
- })
|
|
|
+ this.$api.insCompany.findLeftInsTree({ name: "", type: 1 }).then((res) => {
|
|
|
+ this.options = res.data;
|
|
|
+ });
|
|
|
},
|
|
|
mounted() {},
|
|
|
methods: {
|
|
|
@@ -504,20 +666,20 @@ export default {
|
|
|
// this.findLeftInsTreeFun(val)
|
|
|
// },
|
|
|
handleTableSettled(ids) {
|
|
|
- this.plyNoList=ids;
|
|
|
- this.dialogVisible11=true;
|
|
|
+ this.plyNoList = ids;
|
|
|
+ this.dialogVisible11 = true;
|
|
|
},
|
|
|
- jiesuanminrt(){
|
|
|
- let params={
|
|
|
- companyId:this.pageRequest.companyId,
|
|
|
- deptId:this.pageRequest.deptId,
|
|
|
- plyNoList:this.plyNoList,
|
|
|
- settleMonth:this.monthvalue
|
|
|
- }
|
|
|
+ jiesuanminrt() {
|
|
|
+ let params = {
|
|
|
+ companyId: this.pageRequest.companyId,
|
|
|
+ deptId: this.pageRequest.deptId,
|
|
|
+ plyNoList: this.plyNoList,
|
|
|
+ settleMonth: this.monthvalue,
|
|
|
+ };
|
|
|
this.$api.settlement.docGenerate(params).then((res) => {
|
|
|
if (res.code == "200") {
|
|
|
this.docOrderid = res.msg;
|
|
|
- this.dialogVisible11=false;
|
|
|
+ this.dialogVisible11 = false;
|
|
|
this.dialogVisible = true;
|
|
|
this.onSubmit();
|
|
|
}
|
|
|
@@ -527,27 +689,33 @@ export default {
|
|
|
onSubmit(formName) {
|
|
|
this.$refs[formName].validate((valid) => {
|
|
|
if (valid) {
|
|
|
- this.pageRequest.companyId=this.pageRequest.companyId[0]
|
|
|
+ let companyId = Array.isArray(this.pageRequest.companyId)
|
|
|
+ ? this.pageRequest.companyId[0]
|
|
|
+ : "";
|
|
|
+ // this.pageRequest.companyId=this.pageRequest.companyId[0]
|
|
|
this.$api.settlement
|
|
|
- .iscompanyTosettledQuery(this.pageRequest)
|
|
|
- .then((res) => {
|
|
|
- if (res.code == "200") {
|
|
|
- this.pageResult = res.data;
|
|
|
- if(res.data.content.length<1){
|
|
|
- this.$message({
|
|
|
- message: "无数据",
|
|
|
- type: "warning",
|
|
|
- });
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- message: res.msg,
|
|
|
- type: "error",
|
|
|
+ .iscompanyTosettledQuery({
|
|
|
+ ...this.pageRequest,
|
|
|
+ companyId: companyId,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == "200") {
|
|
|
+ this.pageResult = res.data;
|
|
|
+ if (res.data.content.length < 1) {
|
|
|
+ this.$message({
|
|
|
+ message: "无数据",
|
|
|
+ type: "warning",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ message: res.msg,
|
|
|
+ type: "error",
|
|
|
+ });
|
|
|
+ }
|
|
|
});
|
|
|
- }
|
|
|
- });
|
|
|
}
|
|
|
- })
|
|
|
+ });
|
|
|
},
|
|
|
//保险公司查询
|
|
|
companyquery() {
|
|
|
@@ -643,11 +811,10 @@ export default {
|
|
|
that.$api.settlement
|
|
|
.iscompanyTosettledQuery(that.pageRequest)
|
|
|
.then((res) => {
|
|
|
- if(res.code==200){
|
|
|
+ if (res.code == 200) {
|
|
|
that.pageResult = res.data;
|
|
|
- }
|
|
|
- else{
|
|
|
- this.$message.error(res.msg)
|
|
|
+ } else {
|
|
|
+ this.$message.error(res.msg);
|
|
|
}
|
|
|
})
|
|
|
.then(data != null ? data.callback : "");
|
|
|
@@ -655,7 +822,7 @@ export default {
|
|
|
exDetails({ row, index }) {
|
|
|
let params = {
|
|
|
orderNo: row.orderno,
|
|
|
- }
|
|
|
+ };
|
|
|
this.$api.task.feeDetail(params).then((res) => {
|
|
|
if (res.code == 200) {
|
|
|
res.data.kindinfo.map((ele, index) => {
|
|
|
@@ -678,14 +845,12 @@ export default {
|
|
|
}
|
|
|
return ele;
|
|
|
});
|
|
|
- this.orderInfo = res.data
|
|
|
+ this.orderInfo = res.data;
|
|
|
this.quotedetailsdialogVisible = true;
|
|
|
} else {
|
|
|
this.$message.error("订单获取失败");
|
|
|
}
|
|
|
-
|
|
|
});
|
|
|
-
|
|
|
},
|
|
|
transformTime(date) {
|
|
|
var d = new Date(date);
|
|
|
@@ -725,16 +890,11 @@ export default {
|
|
|
return datetime;
|
|
|
},
|
|
|
toChinesNum(num) {
|
|
|
- let changeNum = [
|
|
|
- "零", "1", "2", "3", "4", "5", "6", "7", "8", "9"
|
|
|
- ];
|
|
|
+ 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 getWan = (temp) => {
|
|
|
+ let strArr = temp.toString().split("").reverse();
|
|
|
let newNum = "";
|
|
|
let newArr = [];
|
|
|
strArr.forEach((item, index) => {
|
|
|
@@ -837,7 +997,7 @@ export default {
|
|
|
justify-content: center;
|
|
|
}
|
|
|
|
|
|
-.code_title>span {
|
|
|
+.code_title > span {
|
|
|
font-size: 22px;
|
|
|
color: #000;
|
|
|
font-weight: bold;
|
|
|
@@ -855,7 +1015,7 @@ export default {
|
|
|
border-bottom: 6px dotted #fdcb08;
|
|
|
}
|
|
|
|
|
|
-.ORcode>div {
|
|
|
+.ORcode > div {
|
|
|
width: 180px;
|
|
|
height: 180px;
|
|
|
border: 1px solid #000;
|
|
|
@@ -870,7 +1030,7 @@ export default {
|
|
|
border-bottom: 1px solid #f2f2f2;
|
|
|
}
|
|
|
|
|
|
-.ORtitle>div {
|
|
|
+.ORtitle > div {
|
|
|
width: 100%;
|
|
|
margin: 10px 0;
|
|
|
font-weight: bold;
|
|
|
@@ -879,19 +1039,18 @@ export default {
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
-.ORtitle>div>span:nth-child(1) {
|
|
|
+.ORtitle > div > span:nth-child(1) {
|
|
|
color: #979797;
|
|
|
text-align: end;
|
|
|
width: 150px;
|
|
|
}
|
|
|
|
|
|
-.ORtitle>div>span:nth-child(2) {
|
|
|
+.ORtitle > div > span:nth-child(2) {
|
|
|
color: #000;
|
|
|
margin-left: 10px;
|
|
|
}
|
|
|
</style>
|
|
|
<style scoped>
|
|
|
-
|
|
|
#qqq {
|
|
|
background-color: #111;
|
|
|
width: 300px;
|
|
|
@@ -968,7 +1127,7 @@ export default {
|
|
|
border: 1px solid #dddddd;
|
|
|
}
|
|
|
|
|
|
-.rightContainer .bodyTitle>label {
|
|
|
+.rightContainer .bodyTitle > label {
|
|
|
margin: 0px 15px;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
@@ -984,8 +1143,6 @@ export default {
|
|
|
margin-bottom: 15px;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-
|
|
|
.body .el-row .el-col label {
|
|
|
text-align: right;
|
|
|
width: 80px;
|
|
|
@@ -1101,7 +1258,7 @@ export default {
|
|
|
width: 600px;
|
|
|
}
|
|
|
|
|
|
-.demo-table-expand-time>div {
|
|
|
+.demo-table-expand-time > div {
|
|
|
margin: 0 10px;
|
|
|
}
|
|
|
.icon-img {
|
|
|
@@ -1131,15 +1288,15 @@ export default {
|
|
|
color: #333;
|
|
|
}
|
|
|
/* 内容待定 */
|
|
|
-.headers_Custom >div{
|
|
|
+.headers_Custom > div {
|
|
|
padding: 20px 40px;
|
|
|
font-size: 16px;
|
|
|
}
|
|
|
-.headers_Custom >div>span {
|
|
|
+.headers_Custom > div > span {
|
|
|
color: rgb(226, 118, 10);
|
|
|
}
|
|
|
|
|
|
- .back {
|
|
|
+.back {
|
|
|
color: #303133;
|
|
|
font-weight: 700;
|
|
|
}
|
|
|
@@ -1183,13 +1340,13 @@ export default {
|
|
|
color: #fff;
|
|
|
}
|
|
|
|
|
|
-.bjdCarSum >div{
|
|
|
- width: 100%;
|
|
|
- padding: 15px 20px;
|
|
|
- box-sizing: border-box;
|
|
|
- font-weight: bold;
|
|
|
- color: #000;
|
|
|
- border-bottom: 1px solid #f2f2f2;
|
|
|
+.bjdCarSum > div {
|
|
|
+ width: 100%;
|
|
|
+ padding: 15px 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #000;
|
|
|
+ border-bottom: 1px solid #f2f2f2;
|
|
|
}
|
|
|
|
|
|
.bjdCarMessage1 {
|
|
|
@@ -1200,33 +1357,31 @@ export default {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
color: #000;
|
|
|
-
|
|
|
-
|
|
|
}
|
|
|
-.bjdCarMessage1 > .f-c >span:nth-child(1){
|
|
|
- font-size: 18px;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
-.bjdCarMessage1>img,
|
|
|
-.bjdfooter>img {
|
|
|
+.bjdCarMessage1 > .f-c > span:nth-child(1) {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+.bjdCarMessage1 > img,
|
|
|
+.bjdfooter > img {
|
|
|
margin-right: 30px;
|
|
|
}
|
|
|
|
|
|
-.bjdCarMessage1 .f-c>span:nth-child(2),
|
|
|
-.bjdCarMessage1 .f-c>span:nth-child(3) {
|
|
|
+.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(1) {
|
|
|
+ color: #000;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
-.bjdCarMessage2_car >span:nth-child(2) {
|
|
|
+.bjdCarMessage2_car > span:nth-child(2) {
|
|
|
color: #999;
|
|
|
}
|
|
|
-.bjdCarMessage2 >ul>li {
|
|
|
- margin: 20px 0;
|
|
|
+.bjdCarMessage2 > ul > li {
|
|
|
+ margin: 20px 0;
|
|
|
}
|
|
|
.Risk {
|
|
|
width: 100%;
|
|
|
@@ -1241,65 +1396,64 @@ export default {
|
|
|
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 {
|
|
|
+ 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(2) {
|
|
|
+.Risk_title > div:nth-child(2) {
|
|
|
border-left: none;
|
|
|
- border-right: 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;
|
|
|
- border: #fff solid 1px;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- border-bottom: none;
|
|
|
- }
|
|
|
-.Risk_data >div :nth-child(2) {
|
|
|
+.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;
|
|
|
+ border: #fff solid 1px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ border-bottom: none;
|
|
|
+}
|
|
|
+.Risk_data > div :nth-child(2) {
|
|
|
border-left: none;
|
|
|
- border-right: none;
|
|
|
+ border-right: none;
|
|
|
}
|
|
|
-.Risk_title>div :nth-child(3) {
|
|
|
+.Risk_title > div :nth-child(3) {
|
|
|
border-top-right-radius: 10px;
|
|
|
}
|
|
|
-.jyxStyle>span{
|
|
|
+.jyxStyle > span {
|
|
|
display: inline-block;
|
|
|
text-align: center;
|
|
|
}
|
|
|
-.FeeEnclosure /deep/ table {
|
|
|
+.FeeEnclosure /deep/ table {
|
|
|
width: 100% !important;
|
|
|
}
|
|
|
|
|
|
-.FeeEnclosure /deep/ .cell {
|
|
|
+.FeeEnclosure /deep/ .cell {
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
-.FeeEnclosure /deep/ .el-table__empty-block{
|
|
|
+.FeeEnclosure /deep/ .el-table__empty-block {
|
|
|
width: 100% !important;
|
|
|
}
|
|
|
</style>
|
test