|
|
@@ -106,400 +106,16 @@
|
|
|
layout="total, sizes, prev, pager, next, jumper" :total="totalSize"></el-pagination>
|
|
|
</div>
|
|
|
<!-- 车辆报价新页面 -->
|
|
|
- <el-dialog title="报价详情" :visible.sync="quotedetailsdialogVisible" width="90%" @close="closeDialog">
|
|
|
- <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>
|
|
|
-
|
|
|
- <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>
|
|
|
- </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>
|
|
|
- </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="feeOrderNewVo">
|
|
|
- <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="feeOrderNewVo" :border="true" width="100%" :stripe="true" size="mini" :header-cell-style="{
|
|
|
- background: '#F7F7F9',
|
|
|
- fontWeight: '700',
|
|
|
- color: '#606266',
|
|
|
- }">
|
|
|
- <el-table-column label="入口费用">
|
|
|
- <el-table-column prop="insuranceType" label="险种">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="otherCostsProportion" label="跟单比例">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="!adjustFeeFlag">{{ scope.row.otherCostsProportion }} </span>
|
|
|
- <el-input v-else v-model="scope.row.otherCostsProportion" size="mini"></el-input>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="superviseCosts" label="手续费比例">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="!adjustFeeFlag">{{ scope.row.superviseCosts }} </span>
|
|
|
- <el-input v-else v-model="scope.row.superviseCosts" size="mini"></el-input>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="totalProportion" label="总比例">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="!adjustFeeFlag">{{ scope.row.totalProportion }} </span>
|
|
|
- <el-input v-else v-model="scope.row.totalProportion" size="mini"></el-input>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="premium" label="保费">
|
|
|
-
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="otherCostsPremiums" label="跟单费">
|
|
|
-
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="sySuperviseCostsPremiums" label="手续费">
|
|
|
-
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="totalAmount" label="总费用">
|
|
|
-
|
|
|
- </el-table-column>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="出口费用">
|
|
|
- <el-table-column prop="exportInsuranceType" label="险种">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="exportOtherCostsProportion" label="跟单比例">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="!adjustFeeFlag">{{ scope.row.exportOtherCostsProportion }} </span>
|
|
|
- <el-input v-else v-model="scope.row.exportOtherCostsProportion" size="mini"></el-input>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="exportSuperviseCosts" label="手续费比例">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="!adjustFeeFlag">{{ scope.row.exportSuperviseCosts }} </span>
|
|
|
- <el-input v-else v-model="scope.row.exportSuperviseCosts" size="mini"></el-input>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="exportTotalProportion" label="总比例">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="!adjustFeeFlag">{{ scope.row.exportTotalProportion }} </span>
|
|
|
- <el-input v-else v-model="scope.row.exportTotalProportion" size="mini"></el-input>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="exportOtherCostsPremiums" label="跟单费"></el-table-column>
|
|
|
- <el-table-column prop="exportSuperviseCostsPremiums" label="手续费"></el-table-column>
|
|
|
- <el-table-column prop="exportTotalAmount" label="总费用"></el-table-column>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="Enclosure" v-if="orderInfo.feeOrderNewVo">
|
|
|
- <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="orderInfo.feeOrderNewVo.deptManagerFee" :border="true" width="100%" :stripe="true" size="mini"
|
|
|
- :header-cell-style="{
|
|
|
- background: '#F7F7F9',
|
|
|
- fontWeight: '700',
|
|
|
- color: '#606266',
|
|
|
- }">
|
|
|
- <el-table-column prop="insuranceType" label="险种"></el-table-column>
|
|
|
- <el-table-column prop="deptProportionLevelOne" label="一级管理费比例">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="!adjustFeeFlag">{{ scope.row.deptProportionLevelOne }} </span>
|
|
|
- <el-input v-else v-model="scope.row.deptProportionLevelOne" size="mini"></el-input>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="deptProportionLevelTwo" label="二级管理费比例 ">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="!adjustFeeFlag">{{ scope.row.deptProportionLevelTwo }} </span>
|
|
|
- <el-input v-else v-model="scope.row.deptProportionLevelTwo" size="mini"></el-input>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="deptProportionLevelThree" label="三级管理费比例">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="!adjustFeeFlag">{{ scope.row.deptProportionLevelThree }} </span>
|
|
|
- <el-input v-else v-model="scope.row.deptProportionLevelThree" size="mini"></el-input>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="deptProportionLevelFoure" label="四级管理费比例">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="!adjustFeeFlag">{{ scope.row.deptProportionLevelFoure }} </span>
|
|
|
- <el-input v-else v-model="scope.row.deptProportionLevelFoure" size="mini"></el-input>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="deptProportionLevelFive" label="五级管理费比例">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="!adjustFeeFlag">{{ scope.row.deptProportionLevelFive }} </span>
|
|
|
- <el-input v-else v-model="scope.row.deptProportionLevelFive" size="mini"></el-input>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="deptPremiumsLevelOne" label="一级管理费">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="deptPremiumsLevelTwo" label="二级管理费">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="deptPremiumsLevelThree" label="三级管理费">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="deptPremiumsLevelFoure" label="四级管理费">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="deptPremiumsLevelFive" label="五级管理费">
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="Enclosure" v-if="orderInfo && orderInfo.distributionLevelVoList">
|
|
|
- <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="orderInfo.distributionLevelVoList" :border="true" width="100%" :stripe="true" size="mini"
|
|
|
- :header-cell-style="{
|
|
|
- background: '#F7F7F9',
|
|
|
- fontWeight: '700',
|
|
|
- color: '#606266',
|
|
|
- }">
|
|
|
- <el-table-column prop="distributionLevel" label="等级"></el-table-column>
|
|
|
- <el-table-column prop="userName" label="接收人"></el-table-column>
|
|
|
- <el-table-column prop="distributionRatio" label="比例"></el-table-column>
|
|
|
- <el-table-column prop="amount" label="金额"></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="warning" v-if="adjustFeeFlag" @click="updatedCost">更改费用</el-button>
|
|
|
- <el-button size="small" type="primary" style="background-color: #0EC216; border: 1px solid #0EC216;"
|
|
|
+ <detailsDialog ref="detailsDialog" :orderInfo="orderInfo" :isAuditing="isAuditing">
|
|
|
+ <span slot="footer1">
|
|
|
+ <el-button size="small" type="warning" v-if="adjustFeeFlag" @click="updatedCost">更改费用</el-button>
|
|
|
+ <el-button size="small" type="primary" style="background-color: #0EC216; border: 1px solid #0EC216;"
|
|
|
@click="adjustFee"><span v-if="adjustFeeFlag">取消调整</span><span v-if="!adjustFeeFlag">调整费用</span></el-button>
|
|
|
-
|
|
|
<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" @click="quotedetailsdialogVisible = false">关 闭</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
+ </span>
|
|
|
+ </detailsDialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -512,13 +128,16 @@ import CommonUtil from "@/utils/comutil.js";
|
|
|
import Cookies from "js-cookie";
|
|
|
import KtButton from "@/views/Core/KtButton";//按钮权限组件
|
|
|
import QRCode from "qrcodejs2";
|
|
|
+import detailsDialog from "@/views/Core/components/detailsDialog.vue";
|
|
|
|
|
|
export default {
|
|
|
components: {
|
|
|
- KtButton
|
|
|
+ KtButton,
|
|
|
+ detailsDialog
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ isAuditing:{},
|
|
|
feeOrderNewVo: [], //费用明细
|
|
|
oldFeeInfo: [],//原始跟单费用比例
|
|
|
adjustFeeDescInfo: {},//调整费用时使用对象
|
|
|
@@ -701,7 +320,8 @@ export default {
|
|
|
if (res.code == 200) {
|
|
|
this.$message.success('审核通过')
|
|
|
this.findPage();
|
|
|
- this.quotedetailsdialogVisible = false;
|
|
|
+ // this.quotedetailsdialogVisible = false;
|
|
|
+ this.$refs.detailsDialog.setBackupVisible(false);
|
|
|
} else {
|
|
|
this.$message.error(res.msg)
|
|
|
}
|
|
|
@@ -810,7 +430,13 @@ export default {
|
|
|
this.feeDetailInfo = res.data.orderFeeResult;
|
|
|
this.oldFeeInfo = res.data.adjustFeeDescVo;
|
|
|
this.adjustFeeDescInfo = { ...this.oldFeeInfo }
|
|
|
- this.quotedetailsdialogVisible = true;
|
|
|
+ // this.quotedetailsdialogVisible = true;
|
|
|
+ this.isAuditing={
|
|
|
+ feeOrderNewVo:this.feeOrderNewVo,
|
|
|
+ adjustFeeFlag:this.adjustFeeFlag
|
|
|
+ }
|
|
|
+ this.$refs.detailsDialog.setBackupVisible(true);
|
|
|
+
|
|
|
} else {
|
|
|
this.$message.error("订单获取失败");
|
|
|
}
|
lihongxiao