外部协议 添加费用-判断优化

src/views/externalAgreement/agreement/components/contactPersonFeeDialog.vue

@@ -55,25 +55,25 @@
         </ElRow>
         <div style="padding-left: 40px;">
           <ElRow :gutter="20" class="m-top-20">
-            <el-form :model="item" label-width="80px" ref="feeFormRef" style="width: 100%;" :rules="feerules"
+            <el-form :model="externalItem" label-width="80px" ref="feeFormRef" style="width: 100%;" :rules="feerules"
               class="flex a-c f-wrap" :size="fromSize">
               <ElCol :md="24" :lg="12">
                 <el-form-item label="生效时间" prop="effectiveTime">
-                  <el-date-picker v-model="item.effectiveTime" style="width: 100%;" type="datetime" placeholder="选择生效时间"
+                  <el-date-picker v-model="externalItem.effectiveTime" style="width: 100%;" type="datetime" placeholder="选择生效时间"
                     format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" time-format="HH:mm:ss"
                     @change="handleStartDateChange($event, index)" />
                 </el-form-item>
               </ElCol>
               <ElCol :md="24" :lg="12">
                 <el-form-item label="失效时间" prop="failureTime">
-                  <el-date-picker v-model="item.failureTime" style="width: 100%;" type="datetime" placeholder="选择失效时间"
+                  <el-date-picker v-model="externalItem.failureTime" style="width: 100%;" type="datetime" placeholder="选择失效时间"
                     format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" time-format="HH:mm:ss"
                     :disabled-date="(date: any) => disabledEndDate(date, index)" />
                 </el-form-item>
               </ElCol>
               <ElCol :md="24" :lg="12">
                 <el-form-item label="审核方式" prop="auditMethod">
-                  <el-select v-model="item.auditMethod" placeholder="选择审核方式">
+                  <el-select v-model="externalItem.auditMethod" placeholder="选择审核方式">
                     <el-option label="自动审核" value="0" />
                     <el-option label="手动审核" value="1" />
                   </el-select>
@@ -81,7 +81,7 @@
               </ElCol>
               <ElCol :md="24" :lg="12">
                 <el-form-item label="是否现询" prop="isInquiry">
-                  <el-radio-group v-model="item.isInquiry">
+                  <el-radio-group v-model="externalItem.isInquiry">
                     <el-radio value="0" size="large">是</el-radio>
                     <el-radio value="1" size="large">否</el-radio>
                   </el-radio-group>
@@ -89,19 +89,19 @@
               </ElCol>
               <ElCol :md="24" :lg="12">
                 <el-form-item label="优先级" prop="priorityLevel">
-                  <el-input-number style="width: 100%" v-model="item.priorityLevel" placeholder="请填写优先级" />
+                  <el-input-number style="width: 100%" v-model="externalItem.priorityLevel" placeholder="请填写优先级" />
                 </el-form-item>
               </ElCol>
               <ElCol :md="24" :lg="24">
                 <el-form-item label="费用描述" prop="costDescribe">
-                  <el-input v-model="item.costDescribe" maxlength="500" placeholder="请输入费用描述" show-word-limit
+                  <el-input v-model="externalItem.costDescribe" maxlength="500" placeholder="请输入费用描述" show-word-limit
                     type="textarea" />
                 </el-form-item>
               </ElCol>
             </el-form>
           </ElRow>
 
-          <el-table :data="item.costExternalTypeAdds" style="width: 100%;" border
+          <el-table v-if="externalItem?.costExternalTypeAdds" :data="externalItem.costExternalTypeAdds" style="width: 100%;" border
             :header-cell-style="{ 'background-color': '#F7F7F9', 'border-bottom': '1px solid #EEF1F6', 'font-size': '15px', 'color': '#333', 'padding': '10px 0' }">
             <template #empty>
               <div class="flex f-c a-c ">
@@ -112,7 +112,7 @@
             <el-table-column prop="costType" label="类型"></el-table-column>
             <el-table-column prop="inlet" label="入口比例" width="180" align="center">
               <template #default="scope">
-                <el-input-number v-model="scope.row.inlet" :disabled="item.isInquiry === '0'" :precision="2"
+                <el-input-number v-model="scope.row.inlet" :disabled="externalItem.isInquiry === '0'" :precision="2"
                   controls-position="right" style="width: 100%;" :min="0" :max="100" @change="handelRK(scope)">
                   <template #suffix>%</template>
                 </el-input-number>
@@ -120,7 +120,7 @@
             </el-table-column>
             <el-table-column prop="export" label="出口比例" width="180" align="center">
               <template #default="scope">
-                <el-input-number v-model="scope.row.export" :disabled="item.isInquiry === '0'" :precision="2"
+                <el-input-number v-model="scope.row.export" :disabled="externalItem.isInquiry === '0'" :precision="2"
                   controls-position="right" style="width: 100%;" :min="0" :max="100" @change="handelCK(scope)">
                   <template #suffix>%</template>
                 </el-input-number>
@@ -242,7 +242,7 @@ watch(props, () => {
   }
 })
 
-const item = computed(() => {
+const externalItem = computed(() => {
   const obj = ruleFeeinfo.ptlAgreementCostExternalAddList.find(v => v.productId === ruleFeeinfo.productType)
   return obj
 })