优惠测算弹窗开发

src/views/insurancePolicy/index.vue

@@ -976,7 +976,7 @@
                                     :value="item.value"></el-option>
                                 </el-select>
                                 <span v-if="props.row.kindName == '乘客责任险'">*{{ insurancePolicyForm.seatCount - 1
-                                  }}/座</span>
+                                }}/座</span>
                               </div>
                             </template>
                           </el-table-column>
@@ -1046,7 +1046,7 @@
                           <el-table-column label="产品名称" prop="productName" align="center">
                             <template #default="props">
                               <el-button link type="primary" @click="getJYXDetail(props.row)">{{ props.row.productName
-                                }}</el-button>
+                              }}</el-button>
                             </template>
                           </el-table-column>
                           <el-table-column label="数量" align="center">
@@ -1098,11 +1098,13 @@
                             </div>
                             <div class="Factor-item flex a-c f-c ">
                               <span class="item-header flex a-c ">交强续保</span>
-                              <span>{{ ['','新保','续保','转保'][Number(scope.row.quoteResult?.scoreVo?.jqRenewal)] || '--' }}</span>
+                              <span>{{ ['', '新保', '续保', '转保'][Number(scope.row.quoteResult?.scoreVo?.jqRenewal)] || '--'
+                                }}</span>
                             </div>
                             <div class="Factor-item flex a-c f-c ">
                               <span class="item-header flex a-c ">商业续保</span>
-                              <span>{{ ['','新保','续保','转保'][Number(scope.row.quoteResult?.scoreVo?.syRenewal)] || '--' }}</span>
+                              <span>{{ ['', '新保', '续保', '转保'][Number(scope.row.quoteResult?.scoreVo?.syRenewal)] || '--'
+                                }}</span>
                             </div>
                             <div class="Factor-item flex a-c f-c ">
                               <span class="item-header flex a-c ">总折扣率</span>
@@ -1428,7 +1430,7 @@
       </template>
     </el-dialog>
     <el-dialog :close-on-click-modal="false" title="优惠测算" v-model="calculatingShow" width="600">
-      <calculating ref="calculatingRefs"></calculating>
+      <calculating ref="calculatingRefs" :discounts="discounts"></calculating>
     </el-dialog>
     <el-dialog :close-on-click-modal="false" title="提交核保" width="1100" v-model="underwritingShow">
       <underwriting v-if="underwritingShow" ref="UnderwritingRefs" :insOrderRightsInfoDto="insOrderRightsInfoDto"
@@ -2995,7 +2997,9 @@ const handlePayment = (scope: any) => {
 // 优惠测算
 let calculatingShow = ref(false)
 const handleCount = (scope: any) => {
+  console.log("🚀 ~ handleCount ~ scope:", scope)
   calculatingShow.value = true
+  discounts.value = scope.row.discounts
 }
 
 // 详情
@@ -3523,9 +3527,7 @@ const quoteInsurance = async (companyId: any, companyIndex: any, val: any) => {
 
   quoteData.value[companyIndex].loading = true
   let company = quoteData.value[companyIndex]
-  console.log("🚀 ~ quoteInsurance ~ company:", company)
   let product = company.projectList?.find((v, i) => val.productIndex === i)
-  console.log("🚀 ~ quoteInsurance ~ product:", product)
   // 构建提交数据
   let data = {
     systemType: '2',
@@ -3680,32 +3682,32 @@ const quoteInsurance = async (companyId: any, companyIndex: any, val: any) => {
       const feeOrders = res.data?.feeOrders || {};
       if (quoteData.value[companyIndex]) {
         quoteData.value[companyIndex].discounts = [
-        {
-          name: '交强',  // 交强险费用明细
-          additionalPremium: feeOrders.jqAdditionalPremium ?? 0,
-          additionalRatio: feeOrders.jqAdditionalRatio ?? 0,
-          commissionPremium: feeOrders.jqCommissionPremium ?? 0,
-          commissionRatio: feeOrders.jqCommissionRatio ?? 0,
-          exportPremium: feeOrders.jqExportPremium ?? 0,
-          exportRatio: feeOrders.jqExportRatio ?? 0,
-        }, {
-          name: '商业',  // 商业险费用明细
-          additionalPremium: feeOrders.syAdditionalPremium ?? 0,
-          additionalRatio: feeOrders.syAdditionalRatio ?? 0,
-          commissionPremium: feeOrders.syCommissionPremium ?? 0,
-          commissionRatio: feeOrders.syCommissionRatio ?? 0,
-          exportPremium: feeOrders.syExportPremium ?? 0,
-          exportRatio: feeOrders.syExportRatio ?? 0,
-        }, {
-          name: '驾意险',  // 驾意险费用明细
-          additionalPremium: feeOrders.jyAdditionalPremium ?? 0,
-          additionalRatio: feeOrders.jyAdditionalRatio ?? 0,
-          commissionPremium: feeOrders.jyCommissionPremium ?? 0,
-          commissionRatio: feeOrders.jyCommissionRatio ?? 0,
-          exportPremium: feeOrders.jyExportPremium ?? 0,
-          exportRatio: feeOrders.jyExportRatio ?? 0,
-        },
-      ]
+          {
+            name: '交强',  // 交强险费用明细
+            additionalPremium: feeOrders.jqAdditionalPremium ?? 0,
+            additionalRatio: feeOrders.jqAdditionalRatio ?? 0,
+            commissionPremium: feeOrders.jqCommissionPremium ?? 0,
+            commissionRatio: feeOrders.jqCommissionRatio ?? 0,
+            exportPremium: feeOrders.jqExportPremium ?? 0,
+            exportRatio: feeOrders.jqExportRatio ?? 0,
+          }, {
+            name: '商业',  // 商业险费用明细
+            additionalPremium: feeOrders.syAdditionalPremium ?? 0,
+            additionalRatio: feeOrders.syAdditionalRatio ?? 0,
+            commissionPremium: feeOrders.syCommissionPremium ?? 0,
+            commissionRatio: feeOrders.syCommissionRatio ?? 0,
+            exportPremium: feeOrders.syExportPremium ?? 0,
+            exportRatio: feeOrders.syExportRatio ?? 0,
+          }, {
+            name: '驾意险',  // 驾意险费用明细
+            additionalPremium: feeOrders.jyAdditionalPremium ?? 0,
+            additionalRatio: feeOrders.jyAdditionalRatio ?? 0,
+            commissionPremium: feeOrders.jyCommissionPremium ?? 0,
+            commissionRatio: feeOrders.jyCommissionRatio ?? 0,
+            exportPremium: feeOrders.jyExportPremium ?? 0,
+            exportRatio: feeOrders.jyExportRatio ?? 0,
+          },
+        ]
         // 保存报价结果
         quoteData.value[companyIndex].quoteResult = res.data
         quoteData.value[companyIndex].quoteCode = 200
@@ -4334,4 +4336,4 @@ onMounted(() => {
     }
   }
 }
-</style>
+</style>

src/views/insurancePolicy/modules/calculating.vue

@@ -1,28 +1,22 @@
 <template>
   <div class="calculating">
-    <el-table :data="tableData" border show-summary style="width: 100%">
-      <el-table-column prop="id" label="险种" />
-      <el-table-column prop="name" label="比例" />
-      <el-table-column prop="amount1" label="优惠金额" />
-      <el-table-column prop="amount2" label="返还测算比例" width="160">
-        <template #default="scope">
-          <el-input>
-            <template #append>
-              <span>%</span>
-            </template>
-          </el-input>
-        </template>
+    <el-table :data="discounts" border show-summary style="width: 100%">
+      <el-table-column prop="name" label="险种" />
+      <el-table-column prop="commissionRatio" label="比例" />
+      <el-table-column prop="commissionPremium" label="优惠金额" />
+      <el-table-column prop="exportRatio" label="返还测算比例" width="160">
       </el-table-column>
-      <el-table-column prop="amount3" label="返还金额" />
+      <el-table-column prop="exportPremium" label="返还金额" />
     </el-table>
   </div>
 </template>
 
 <script setup lang="ts">
 
-let tableData = ref([{
-  id: 1
-}])
+
+const props=defineProps({
+  discounts:Array
+})
 </script>
 
 <style scoped lang="scss">