订单查看详情添加 手续费比例 手续费金额展示

src/views/Letter/Letter.vue

@@ -1955,8 +1955,11 @@
         <div style="padding:20px;font-weight:bold;font-size:20px;">
           <span>总保费</span>
           <span style="color:#ff7612;">￥{{ queryOrders.sumpremium }}</span>
+          <span style="padding-left: 20px">总费用</span>
+          <span style="color:#ff7612;" v-if="queryOrders.queryOrderFeeVo">
+            ￥{{queryOrders.queryOrderFeeVo.totalFeePremium?queryOrders.queryOrderFeeVo.totalFeePremium:0 }}</span>
         </div>
-        <div class="headers headers_Custom" style="padding:20px;">
+        <div class="headers headers_Custom" >
           <div v-show="queryOrders.jqpremium">
             交强险金额：
             <span>
@@ -1964,27 +1967,57 @@
               queryOrders.jqpremium }}
             </span>
           </div>
-          <div v-show="queryOrders.sypremium">
-            商业险金额：
-            <span>￥{{ queryOrders.sypremium }}</span>
+          <div v-if="queryOrders.queryOrderFeeVo&&queryOrders.queryOrderFeeVo.jqCoderFeeVo&&queryOrders.queryOrderFeeVo.jqCoderFeeVo.costsProportion">
+            手续费比例：
+            <span>
+              {{
+                queryOrders.queryOrderFeeVo.jqCoderFeeVo.costsProportion  }}%
+            </span>
+          </div>
+          <div v-if="queryOrders.queryOrderFeeVo&&queryOrders.queryOrderFeeVo.jqCoderFeeVo&&queryOrders.queryOrderFeeVo.jqCoderFeeVo.costsPremiums">
+            手续费金额：
+            <span>
+              ￥{{queryOrders.queryOrderFeeVo.jqCoderFeeVo.costsPremiums }}
+            </span>
           </div>
           <div v-show="queryOrders.taxamount">
             车船税：
             <span>￥{{ queryOrders.taxamount }}</span>
           </div>
-          <div v-if="queryOrders.jypremium">
-            驾意险：
-            <span>￥{{ queryOrders.jypremium }}</span>
-          </div>
           <div v-show="queryOrders.jqstartdate">
             交强险起保日期：
             <span>{{ queryOrders.jqstartdate }}</span>
           </div>
+        </div>
+        <div class="headers headers_Custom" >
+          <div v-show="queryOrders.sypremium">
+            商业险金额：
+            <span>￥{{ queryOrders.sypremium }}</span>
+          </div>
+          <div v-if="queryOrders.queryOrderFeeVo&&queryOrders.queryOrderFeeVo.syCoderFeeVo&&queryOrders.queryOrderFeeVo.syCoderFeeVo.costsProportion">
+            手续费比例：
+            <span>
+              {{
+                queryOrders.queryOrderFeeVo.syCoderFeeVo.costsProportion  }}%
+            </span>
+          </div>
+          <div v-if="queryOrders.queryOrderFeeVo&&queryOrders.queryOrderFeeVo.syCoderFeeVo&&queryOrders.queryOrderFeeVo.syCoderFeeVo.costsPremiums">
+            手续费金额：
+            <span>
+              ￥{{queryOrders.queryOrderFeeVo.syCoderFeeVo.costsPremiums }}
+            </span>
+          </div>
           <div v-show="queryOrders.systartdate">
             商业险起保日期：
             <span>{{ queryOrders.systartdate }}</span>
           </div>
         </div>
+        <div class="headers headers_Custom" >
+          <div v-if="queryOrders.jypremium">
+            驾意险：
+            <span>￥{{ queryOrders.jypremium }}</span>
+          </div>
+        </div>
       </div>
       <div class="Enclosure" v-if="queryOrders">
         <div class="home flex j-s a-c back">
@@ -8917,7 +8950,7 @@ export default {
 /* 内容待定 */
 .headers_Custom {
   div {
-    padding: 20px 40px;
+    padding: 5px 40px;
     font-size: 16px;
 
     & > span {

src/views/Letter/Orderlist.vue

@@ -251,43 +251,73 @@
             <span style="margin-left:10px;">报价信息</span>
           </div>
         </div>
-        <div style="padding:20px;font-weight:bold;font-size:20px;float: left">
+        <div style="padding:20px;font-weight:bold;font-size:20px;">
           <span>总保费</span>
           <span style="color:#ff7612;">￥{{ orderInfo.sumpremium }}</span>
-          <span>总费用</span>
-          <span style="color:#ff7612;">
-              ￥{{orderInfo.queryOrderFeeVo.totalFeePremium }}
-          </span>
+          <span style="padding-left: 20px">总费用</span>
+          <span style="color:#ff7612;" v-if="orderInfo.queryOrderFeeVo">
+            ￥{{orderInfo.queryOrderFeeVo.totalFeePremium?orderInfo.queryOrderFeeVo.totalFeePremium:0 }}</span>
+
         </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">
+        <div class="headers headers_Custom" >
+          <div v-show="orderInfo.jqpremium">
+            交强险金额：
+            <span>
+              ￥{{
+                orderInfo.jqpremium }}
+            </span>
+          </div>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsProportion">
+            手续费比例：
+            <span>
+              {{
+                orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsProportion  }}%
+            </span>
+          </div>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsPremiums">
+            手续费金额：
+            <span>
               ￥{{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">
+            </span>
+          </div>
+          <div v-show="orderInfo.taxamount">
+            车船税：
+            <span>￥{{ orderInfo.taxamount }}</span>
+          </div>
+          <div v-show="orderInfo.jqstartdate">
+            交强险起保日期：
+            <span>{{ orderInfo.jqstartdate }}</span>
+          </div>
+        </div>
+        <div class="headers headers_Custom" >
+        <div v-show="orderInfo.sypremium">
+          商业险金额：
+          <span>￥{{ orderInfo.sypremium }}</span>
+        </div>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo.costsProportion">
+            手续费比例：
+            <span>
+              {{
+                orderInfo.queryOrderFeeVo.syCoderFeeVo.costsProportion  }}%
+            </span>
+          </div>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo.costsPremiums">
+            手续费金额：
+            <span>
               ￥{{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>
+            </span>
+          </div>
+        <div v-show="orderInfo.systartdate">
+          商业险起保日期：
+          <span>{{ orderInfo.systartdate }}</span>
+        </div>
+      </div>
+        <div class="headers headers_Custom" >
+          <div v-show="orderInfo.jypremium">
+            驾意险：
+            <span>￥{{ orderInfo.jypremium }}</span>
+          </div>
+        </div>
       </div>
       <div class="Enclosure" v-if="orderInfo.extendInfo">
         <div class="home flex j-s a-c back">
@@ -831,9 +861,6 @@ export default {
       width: document.documentElement.clientWidth,
       insAreaCompanyList:[],//子订单list
       companyList:[], //保险公司
-      jqCoderFeeVo:{},
-      syCoderFeeVo:{},
-      fcCoderFeeVo:{},
     }
   },
   created() {
@@ -2477,7 +2504,7 @@ export default {
 }
 /* 内容待定 */
 .headers_Custom >div{
-  padding: 20px 40px;
+  padding: 5px 40px;
   font-size: 16px;
 }
 .headers_Custom >div>span {

src/views/Task/OfflinePay.vue

@@ -255,8 +255,11 @@
         <div style="padding:20px;font-weight:bold;font-size:20px;">
           <span>总保费</span>
           <span style="color:#ff7612;">￥{{ orderInfo.sumpremium }}</span>
+          <span style="padding-left: 20px">总费用</span>
+          <span style="color:#ff7612;" v-if="orderInfo.queryOrderFeeVo">
+            ￥{{orderInfo.queryOrderFeeVo.totalFeePremium?orderInfo.queryOrderFeeVo.totalFeePremium:0 }}</span>
         </div>
-        <div class="headers headers_Custom" style="padding:20px;">
+        <div class="headers headers_Custom">
           <div v-show="orderInfo.jqpremium">
             交强险金额：
             <span>
@@ -264,27 +267,57 @@
                 orderInfo.jqpremium }}
             </span>
           </div>
-          <div v-show="orderInfo.sypremium">
-            商业险金额：
-            <span>￥{{ orderInfo.sypremium }}</span>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsProportion">
+            手续费比例：
+            <span>
+              {{
+                orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsProportion  }}%
+            </span>
+          </div>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsPremiums">
+            手续费金额：
+            <span>
+              ￥{{orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsPremiums }}
+            </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>
+        <div class="headers headers_Custom" >
+          <div v-show="orderInfo.sypremium">
+            商业险金额：
+            <span>￥{{ orderInfo.sypremium }}</span>
+          </div>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo.costsProportion">
+            手续费比例：
+            <span>
+              {{
+                orderInfo.queryOrderFeeVo.syCoderFeeVo.costsProportion  }}%
+            </span>
+          </div>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo.costsPremiums">
+            手续费金额：
+            <span>
+              ￥{{orderInfo.queryOrderFeeVo.syCoderFeeVo.costsPremiums }}
+            </span>
+          </div>
           <div v-show="orderInfo.systartdate">
             商业险起保日期：
             <span>{{ orderInfo.systartdate }}</span>
           </div>
         </div>
+        <div class="headers headers_Custom" >
+          <div v-if="orderInfo.jypremium">
+            驾意险：
+            <span>￥{{ orderInfo.jypremium }}</span>
+          </div>
+        </div>
       </div>
       <div class="Enclosure" v-if="orderInfo.extendInfo">
         <div class="home flex j-s a-c back">
@@ -2658,7 +2691,7 @@ export default {
 /* 内容待定 */
 .headers_Custom {
   div {
-    padding: 20px 40px;
+      padding: 5px 30px;
     font-size: 16px;
 
     &>span {

src/views/Task/Quote.vue

@@ -255,8 +255,11 @@
         <div style="padding:20px;font-weight:bold;font-size:20px;">
           <span>总保费</span>
           <span style="color:#ff7612;">￥{{ orderInfo.sumpremium }}</span>
+          <span style="padding-left: 20px">总费用</span>
+          <span style="color:#ff7612;" v-if="orderInfo.queryOrderFeeVo">
+            ￥{{orderInfo.queryOrderFeeVo.totalFeePremium?orderInfo.queryOrderFeeVo.totalFeePremium:0 }}</span>
         </div>
-        <div class="headers headers_Custom" style="padding:20px;">
+        <div class="headers headers_Custom">
           <div v-show="orderInfo.jqpremium">
             交强险金额：
             <span>
@@ -264,27 +267,57 @@
                 orderInfo.jqpremium }}
             </span>
           </div>
-          <div v-show="orderInfo.sypremium">
-            商业险金额：
-            <span>￥{{ orderInfo.sypremium }}</span>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsProportion">
+            手续费比例：
+            <span>
+              {{
+                orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsProportion  }}%
+            </span>
+          </div>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsPremiums">
+            手续费金额：
+            <span>
+              ￥{{orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsPremiums }}
+            </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>
+        <div class="headers headers_Custom" >
+          <div v-show="orderInfo.sypremium">
+            商业险金额：
+            <span>￥{{ orderInfo.sypremium }}</span>
+          </div>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo.costsProportion">
+            手续费比例：
+            <span>
+              {{
+                orderInfo.queryOrderFeeVo.syCoderFeeVo.costsProportion  }}%
+            </span>
+          </div>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo.costsPremiums">
+            手续费金额：
+            <span>
+              ￥{{orderInfo.queryOrderFeeVo.syCoderFeeVo.costsPremiums }}
+            </span>
+          </div>
           <div v-show="orderInfo.systartdate">
             商业险起保日期：
             <span>{{ orderInfo.systartdate }}</span>
           </div>
         </div>
+        <div class="headers headers_Custom" >
+          <div v-if="orderInfo.jypremium">
+            驾意险：
+            <span>￥{{ orderInfo.jypremium }}</span>
+          </div>
+        </div>
       </div>
       <div class="Enclosure" v-if="orderInfo.extendInfo">
         <div class="home flex j-s a-c back">
@@ -2646,7 +2679,7 @@
   /* 内容待定 */
   .headers_Custom {
     div {
-      padding: 20px 40px;
+      padding: 5px 30px;
       font-size: 16px;
 
       &>span {

src/views/Task/TaskpoolAll.vue

@@ -283,8 +283,11 @@
         <div style="padding:20px;font-weight:bold;font-size:20px;">
           <span>总保费</span>
           <span style="color:#ff7612;">￥{{ orderInfo.sumpremium }}</span>
+          <span style="padding-left: 20px">总费用</span>
+          <span style="color:#ff7612;" v-if="orderInfo.queryOrderFeeVo">
+            ￥{{orderInfo.queryOrderFeeVo.totalFeePremium?orderInfo.queryOrderFeeVo.totalFeePremium:0 }}</span>
         </div>
-        <div class="headers headers_Custom" style="padding:20px;">
+        <div class="headers headers_Custom">
           <div v-show="orderInfo.jqpremium">
             交强险金额：
             <span>
@@ -292,27 +295,57 @@
                 orderInfo.jqpremium }}
             </span>
           </div>
-          <div v-show="orderInfo.sypremium">
-            商业险金额：
-            <span>￥{{ orderInfo.sypremium }}</span>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsProportion">
+            手续费比例：
+            <span>
+              {{
+                orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsProportion  }}%
+            </span>
+          </div>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsPremiums">
+            手续费金额：
+            <span>
+              ￥{{orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsPremiums }}
+            </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>
+        <div class="headers headers_Custom" >
+          <div v-show="orderInfo.sypremium">
+            商业险金额：
+            <span>￥{{ orderInfo.sypremium }}</span>
+          </div>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo.costsProportion">
+            手续费比例：
+            <span>
+              {{
+                orderInfo.queryOrderFeeVo.syCoderFeeVo.costsProportion  }}%
+            </span>
+          </div>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo.costsPremiums">
+            手续费金额：
+            <span>
+              ￥{{orderInfo.queryOrderFeeVo.syCoderFeeVo.costsPremiums }}
+            </span>
+          </div>
           <div v-show="orderInfo.systartdate">
             商业险起保日期：
             <span>{{ orderInfo.systartdate }}</span>
           </div>
         </div>
+        <div class="headers headers_Custom" >
+          <div v-if="orderInfo.jypremium">
+            驾意险：
+            <span>￥{{ orderInfo.jypremium }}</span>
+          </div>
+        </div>
       </div>
       <div class="Enclosure" v-if="orderInfo.extendInfo">
         <div class="home flex j-s a-c back">
@@ -2691,7 +2724,7 @@ export default {
   /* 内容待定 */
   .headers_Custom {
     div {
-      padding: 20px 40px;
+      padding: 5px 30px;
       font-size: 16px;
       &>span {
         color: rgb(226, 118, 10);

src/views/Task/Underwrite.vue

@@ -256,8 +256,11 @@
         <div style="padding:20px;font-weight:bold;font-size:20px;">
           <span>总保费</span>
           <span style="color:#ff7612;">￥{{ orderInfo.sumpremium }}</span>
+          <span style="padding-left: 20px">总费用</span>
+          <span style="color:#ff7612;" v-if="orderInfo.queryOrderFeeVo">
+            ￥{{orderInfo.queryOrderFeeVo.totalFeePremium?orderInfo.queryOrderFeeVo.totalFeePremium:0 }}</span>
         </div>
-        <div class="headers headers_Custom" style="padding:20px;">
+        <div class="headers headers_Custom">
           <div v-show="orderInfo.jqpremium">
             交强险金额：
             <span>
@@ -265,27 +268,57 @@
                 orderInfo.jqpremium }}
             </span>
           </div>
-          <div v-show="orderInfo.sypremium">
-            商业险金额：
-            <span>￥{{ orderInfo.sypremium }}</span>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsProportion">
+            手续费比例：
+            <span>
+              {{
+                orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsProportion  }}%
+            </span>
+          </div>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsPremiums">
+            手续费金额：
+            <span>
+              ￥{{orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsPremiums }}
+            </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>
+        <div class="headers headers_Custom" >
+          <div v-show="orderInfo.sypremium">
+            商业险金额：
+            <span>￥{{ orderInfo.sypremium }}</span>
+          </div>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo.costsProportion">
+            手续费比例：
+            <span>
+              {{
+                orderInfo.queryOrderFeeVo.syCoderFeeVo.costsProportion  }}%
+            </span>
+          </div>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo.costsPremiums">
+            手续费金额：
+            <span>
+              ￥{{orderInfo.queryOrderFeeVo.syCoderFeeVo.costsPremiums }}
+            </span>
+          </div>
           <div v-show="orderInfo.systartdate">
             商业险起保日期：
             <span>{{ orderInfo.systartdate }}</span>
           </div>
         </div>
+        <div class="headers headers_Custom" >
+          <div v-if="orderInfo.jypremium">
+            驾意险：
+            <span>￥{{ orderInfo.jypremium }}</span>
+          </div>
+        </div>
       </div>
       <div class="Enclosure" v-if="orderInfo.extendInfo">
         <div class="home flex j-s a-c back">
@@ -2665,7 +2698,7 @@
   /* 内容待定 */
   .headers_Custom {
     div {
-      padding: 20px 40px;
+      padding: 5px 30px;
       font-size: 16px;
       &>span {
         color: rgb(226, 118, 10);

src/views/Task/UnderwriteBack.vue

@@ -256,8 +256,11 @@
         <div style="padding:20px;font-weight:bold;font-size:20px;">
           <span>总保费</span>
           <span style="color:#ff7612;">￥{{ orderInfo.sumpremium }}</span>
+          <span style="padding-left: 20px">总费用</span>
+          <span style="color:#ff7612;" v-if="orderInfo.queryOrderFeeVo">
+            ￥{{orderInfo.queryOrderFeeVo.totalFeePremium?orderInfo.queryOrderFeeVo.totalFeePremium:0 }}</span>
         </div>
-        <div class="headers headers_Custom" style="padding:20px;">
+        <div class="headers headers_Custom">
           <div v-show="orderInfo.jqpremium">
             交强险金额：
             <span>
@@ -265,27 +268,57 @@
                 orderInfo.jqpremium }}
             </span>
           </div>
-          <div v-show="orderInfo.sypremium">
-            商业险金额：
-            <span>￥{{ orderInfo.sypremium }}</span>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsProportion">
+            手续费比例：
+            <span>
+              {{
+                orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsProportion  }}%
+            </span>
+          </div>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo&&orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsPremiums">
+            手续费金额：
+            <span>
+              ￥{{orderInfo.queryOrderFeeVo.jqCoderFeeVo.costsPremiums }}
+            </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>
+        <div class="headers headers_Custom" >
+          <div v-show="orderInfo.sypremium">
+            商业险金额：
+            <span>￥{{ orderInfo.sypremium }}</span>
+          </div>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo.costsProportion">
+            手续费比例：
+            <span>
+              {{
+                orderInfo.queryOrderFeeVo.syCoderFeeVo.costsProportion  }}%
+            </span>
+          </div>
+          <div v-if="orderInfo.queryOrderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo&&orderInfo.queryOrderFeeVo.syCoderFeeVo.costsPremiums">
+            手续费金额：
+            <span>
+              ￥{{orderInfo.queryOrderFeeVo.syCoderFeeVo.costsPremiums }}
+            </span>
+          </div>
           <div v-show="orderInfo.systartdate">
             商业险起保日期：
             <span>{{ orderInfo.systartdate }}</span>
           </div>
         </div>
+        <div class="headers headers_Custom" >
+          <div v-if="orderInfo.jypremium">
+            驾意险：
+            <span>￥{{ orderInfo.jypremium }}</span>
+          </div>
+        </div>
       </div>
       <div class="Enclosure" v-if="orderInfo.extendInfo">
         <div class="home flex j-s a-c back">
@@ -2665,7 +2698,7 @@
   /* 内容待定 */
   .headers_Custom {
     div {
-      padding: 20px 40px;
+      padding: 5px 30px;
       font-size: 16px;
       &>span {
         color: rgb(226, 118, 10);