手续费比例展示

src/views/Letter/Orderlist.vue

@@ -251,39 +251,43 @@
             <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;float: left">
           <span>总保费</span>
           <span style="color:#ff7612;">￥{{ orderInfo.sumpremium }}</span>
+          <span>总费用</span>
+          <span style="color:#ff7612;">
+              ￥{{orderInfo.queryOrderFeeVo.totalFeePremium }}
+          </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-if="orderInfo.accidentInfo">
-            驾意险：
-            <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>
+        <el-descriptions size="small" :column="5" :colon="false">
+          <el-descriptions-item label="交强险金额">￥{{orderInfo.jqpremium }}</el-descriptions-item>
+          <el-descriptions-item label="手续费比例">
+            <div v-if="orderInfo.queryOrderFeeVo.jqCoderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsProportion">
+              {{orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsProportion }}%
+            </div>
+          </el-descriptions-item>
+          <el-descriptions-item label="手续费金额">
+            <div v-if="orderInfo.queryOrderFeeVo.jqCoderFeeVo">
+              ￥{{orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsPremiums }}
+            </div>
+          </el-descriptions-item>
+          <el-descriptions-item label="车船税">￥{{ orderInfo.taxamount }}</el-descriptions-item>
+          <el-descriptions-item label="交强险起保日期">{{ orderInfo.jqstartdate }}</el-descriptions-item>
+          <el-descriptions-item label="商业险金额">￥{{orderInfo.sypremium }}</el-descriptions-item>
+          <el-descriptions-item label="手续费比例">
+            <div v-if="orderInfo.queryOrderFeeVo.syCoderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo.costsProportion">
+              {{orderInfo.queryOrderFeeVo.syCoderFeeVo.costsProportion }}%
+            </div>
+          </el-descriptions-item>
+          <el-descriptions-item label="手续费金额">
+            <div v-if="orderInfo.queryOrderFeeVo.syCoderFeeVo">
+              ￥{{orderInfo.queryOrderFeeVo.syCoderFeeVo.costsPremiums }}
+            </div>
+          </el-descriptions-item>
+          <el-descriptions-item ></el-descriptions-item>
+          <el-descriptions-item label="商业险起保日期">{{ orderInfo.systartdate }}</el-descriptions-item>
+          <el-descriptions-item label="驾意险金额">￥{{ orderInfo.jypremium }}</el-descriptions-item>
+        </el-descriptions>
       </div>
       <div class="Enclosure" v-if="orderInfo.extendInfo">
         <div class="home flex j-s a-c back">
@@ -294,11 +298,11 @@
         </div>
         <el-descriptions size="small">
           <el-descriptions-item label="评分">{{ orderInfo.extendInfo.score }}</el-descriptions-item>
-          <el-descriptions-item label="交强类型评分">{{ queryOrders.extendInfo.jqScore }}</el-descriptions-item>
-          <el-descriptions-item label="商业类型评分">{{ queryOrders.extendInfo.syScore }}</el-descriptions-item>
-          <el-descriptions-item label="总赔付率">{{ queryOrders.extendInfo.lossRation }}</el-descriptions-item>
-          <el-descriptions-item label="交强赔付率">{{ queryOrders.extendInfo.jgLossRation }}</el-descriptions-item>
-          <el-descriptions-item label="商业赔付率">{{ queryOrders.extendInfo.syLossRation }}</el-descriptions-item>
+          <el-descriptions-item label="交强类型评分">{{ orderInfo.extendInfo.jqScore }}</el-descriptions-item>
+          <el-descriptions-item label="商业类型评分">{{ orderInfo.extendInfo.syScore }}</el-descriptions-item>
+          <el-descriptions-item label="总赔付率">{{ orderInfo.extendInfo.lossRation }}</el-descriptions-item>
+          <el-descriptions-item label="交强赔付率">{{ orderInfo.extendInfo.jgLossRation }}</el-descriptions-item>
+          <el-descriptions-item label="商业赔付率">{{ orderInfo.extendInfo.syLossRation }}</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>
@@ -791,6 +795,7 @@ export default {
         kindinfo: [],
         riskinfo: [],
         ownerinfo: {},
+        queryOrderFeeVo:{},
       },
       carImageList: [], //车辆影像
       ownerImageList: [], //车主影像
@@ -826,6 +831,9 @@ export default {
       width: document.documentElement.clientWidth,
       insAreaCompanyList:[],//子订单list
       companyList:[], //保险公司
+      jqCoderFeeVo:{},
+      syCoderFeeVo:{},
+      fcCoderFeeVo:{},
     }
   },
   created() {