费用管理添加费用弹窗报错处理

src/views/quoteConfig/agreement/components/ruleFeeDialog.vue

@@ -121,11 +121,11 @@
                       </template>
                       <el-table-column prop="costType" label="类型"></el-table-column>
                       <el-table-column prop="costType" label="入口手续费比例" width="150" align="center"
-                        v-if="handlingFee.jqEntranceFeeRatio || handlingFee.syEntranceFeeRatio || handlingFee.jyEntranceFeeRatio">
+                        v-if="handlingFee?.jqEntranceFeeRatio || handlingFee?.syEntranceFeeRatio || handlingFee?.jyEntranceFeeRatio">
                         <template #default="scope">
-                          <span v-if="scope.row.costType == '交强险'">{{ handlingFee.jqEntranceFeeRatio }}%</span>
-                          <span v-if="scope.row.costType == '商业险'">{{ handlingFee.syEntranceFeeRatio }}%</span>
-                          <span v-if="scope.row.costType == '驾意险'">{{ handlingFee.jyEntranceFeeRatio }}%</span>
+                          <span v-if="scope.row.costType == '交强险'">{{ handlingFee?.jqEntranceFeeRatio }}%</span>
+                          <span v-if="scope.row.costType == '商业险'">{{ handlingFee?.syEntranceFeeRatio }}%</span>
+                          <span v-if="scope.row.costType == '驾意险'">{{ handlingFee?.jyEntranceFeeRatio }}%</span>
                         </template>
                       </el-table-column>
                       <el-table-column prop="inlet" label="入口比例" width="160" align="center">
@@ -631,4 +631,4 @@ const feeItemDel = (index: number, Costindex: number) => {
 :deep(.ruleFeetabs>.el-tabs__content) {
   position: static;
 }
-</style>
+</style>

src/views/quoteConfig/costManagement.vue

@@ -87,7 +87,7 @@
     </el-dialog>
     <!-- 规则费用抽屉组件 -->
     <ruleFeeDialog v-if="ruleFeeVisible" :ruleFeeVisible="ruleFeeVisible" :agreementInfo="AgreementInfo"
-      :RulesInfo="ruleInfo" @save="ruleFeeSave" @cancel="ruleFeeVisible = false" />
+      :RulesInfo="ruleInfo" @save="ruleFeeSave" @cancel="ruleFeeVisible = false" :handlingFee="handlingFeeInfo" />
     <!-- 规则费用编辑组件 -->
     <ruleFeeDialogEdit :ruleFeeVisible="ruleFeeEditVisible" :headerTitle="ruleFeeHeaderTitle" :isHideFoot="true"
       :agreementInfo="AgreementInfo" :RulesInfo="ruleInfo" :costitemEditInfo="costitemEditInfo" @save="ruleFeeEditSave"
@@ -574,6 +574,8 @@ const agreementSelection = () => {
   ruleList.value = []
   agreementSelectionVisible.value = true;
 }
+let handlingFeeInfo = ref({})
+
 const ItemClick = (item: any) => {
   AgreementInfo.value = item;
   AgreementId.value = item.id;
@@ -583,6 +585,12 @@ const ItemClick = (item: any) => {
       ruleList.value = res.data;
     }
   });
+  api.agreementApi.agreementGet(AgreementId.value).then((res: any) => {
+    if (res.code == '200') {
+      handlingFeeInfo.value = { jqEntranceFeeRatio: res.data.agreement.jqEntranceFeeRatio, syEntranceFeeRatio: res.data.agreement.syEntranceFeeRatio, jyEntranceFeeRatio: res.data.agreement.jyEntranceFeeRatio };
+    } else {
+    }
+  });
 }
 //
 const ruleItemclick = (value: string | number | boolean | undefined) => {