⚡ 修复运输计划/发货模板列表缓存不刷新，并优化结算导入查看与费用弹窗

Co-authored-by: Cursor <cursoragent@cursor.com>

src/views/settlement/receivable-payable-detail.vue

@@ -450,32 +450,48 @@
         class="settlement-detail-page__dialog-form"
       >
         <el-form-item label="更新范围" prop="contractId">
-          <el-input
-            :model-value="updateContractName"
-            class="settlement-detail-page__generate-select"
-            readonly
-            placeholder="请选择合同"
+          <el-tooltip
+            :content="updateContractName"
+            :disabled="!updateContractName"
+            placement="top"
+            :show-after="200"
           >
-            <template #append>
-              <el-button @click="openUpdateContractDialog">选择</el-button>
-            </template>
-          </el-input>
+            <el-input
+              :model-value="updateContractName"
+              class="settlement-detail-page__update-fee-control"
+              readonly
+              placeholder="请选择合同"
+            >
+              <template #append>
+                <el-button @click="openUpdateContractDialog">选择</el-button>
+              </template>
+            </el-input>
+          </el-tooltip>
         </el-form-item>
         <el-form-item label="合同计费方案" prop="billingPlanId">
-          <el-select
-            v-model="updateFeeForm.billingPlanId"
-            clearable
-            filterable
-            :disabled="!updateFeeForm.contractId"
-            placeholder="请选择"
+          <el-tooltip
+            :content="updateBillingPlanName"
+            :disabled="!updateBillingPlanName"
+            placement="top"
+            :show-after="200"
           >
-            <el-option
-              v-for="item in billingPlanOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
-            />
-          </el-select>
+            <el-select
+              v-model="updateFeeForm.billingPlanId"
+              class="settlement-detail-page__update-fee-control"
+              clearable
+              filterable
+              :disabled="!updateFeeForm.contractId"
+              placeholder="请选择"
+            >
+              <el-option
+                v-for="item in billingPlanOptions"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+                :title="item.name"
+              />
+            </el-select>
+          </el-tooltip>
         </el-form-item>
       </el-form>
       <template #footer>
@@ -1203,6 +1219,14 @@ export default {
       );
       return formatContractOptionLabel(contract);
     },
+    updateBillingPlanName() {
+      const billingPlanId = this.updateFeeForm.billingPlanId;
+      if (!billingPlanId) return '';
+      const plan = this.billingPlanOptions.find(
+        item => String(item.id) === String(billingPlanId)
+      );
+      return plan?.name || '';
+    },
     generateContractCategory() {
       return this.settlementType === 'payable' ? '承运商合同' : '客户合同';
     },
@@ -3144,11 +3168,24 @@ export default {
     }
   }
 
+  :deep(.el-form-item__content) {
+    min-width: 0;
+  }
+
+  :deep(.el-tooltip__trigger) {
+    display: block;
+    width: 100%;
+  }
+
   :deep(.el-select) {
     width: 100%;
   }
 }
 
+.settlement-detail-page__update-fee-control {
+  width: 100%;
+}
+
 .settlement-detail-page__adjust-input {
   width: 100%;
   min-width: 0;