🐛 修复收票付款与结算费用选择框长文本展示

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

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

@@ -451,42 +451,42 @@
         :model="updateFeeForm"
         :rules="updateFeeRules"
         label-position="right"
-        label-width="auto"
+        label-width="120px"
         class="settlement-detail-page__dialog-form"
       >
         <el-form-item label="更新范围" prop="contractId">
-          <el-tooltip
-            :content="updateContractName"
-            :disabled="!updateContractName"
-            placement="top"
-            :show-after="200"
-          >
-            <el-input
-              :model-value="updateContractName"
-              class="settlement-detail-page__update-fee-control"
-              readonly
-              placeholder="请选择合同"
+          <div class="settlement-detail-page__update-fee-field">
+            <el-tooltip
+              :content="updateContractName"
+              :disabled="!updateContractName"
+              placement="top"
+              :show-after="200"
             >
-              <template #append>
-                <el-button @click="openUpdateContractDialog">选择</el-button>
-              </template>
-            </el-input>
-          </el-tooltip>
+              <div class="settlement-detail-page__update-fee-trigger">
+                <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>
+              </div>
+            </el-tooltip>
+          </div>
         </el-form-item>
         <el-form-item label="合同计费方案" prop="billingPlanId">
-          <el-tooltip
-            :content="updateBillingPlanName"
-            :disabled="!updateBillingPlanName"
-            placement="top"
-            :show-after="200"
-          >
+          <div class="settlement-detail-page__update-fee-field">
             <el-select
               v-model="updateFeeForm.billingPlanId"
               class="settlement-detail-page__update-fee-control"
               clearable
               filterable
               :disabled="!updateFeeForm.contractId"
-              placeholder="请选择"
+              :placeholder="updateFeeForm.contractId ? '请选择' : '请先选择合同'"
+              :title="updateBillingPlanName || undefined"
             >
               <el-option
                 v-for="item in billingPlanOptions"
@@ -496,7 +496,7 @@
                 :title="item.name"
               />
             </el-select>
-          </el-tooltip>
+          </div>
         </el-form-item>
       </el-form>
       <template #footer>
@@ -3213,7 +3213,9 @@ export default {
     min-width: 0;
   }
 
-  :deep(.el-tooltip__trigger) {
+  // 仅作用于外层 tooltip 触发器，排除 el-select 内部下拉用的 .el-select__wrapper
+  // （后者也带 el-tooltip__trigger；若设为 block 会打断 flex，导致「请选择」与箭头叠在左上角）
+  :deep(.el-tooltip__trigger:not(.el-select__wrapper)) {
     display: block;
     width: 100%;
   }
@@ -3223,8 +3225,19 @@ export default {
   }
 }
 
+.settlement-detail-page__update-fee-field,
+.settlement-detail-page__update-fee-trigger {
+  display: block;
+  width: 100%;
+  min-width: 0;
+}
+
 .settlement-detail-page__update-fee-control {
   width: 100%;
+
+  :deep(.el-input-group) {
+    width: 100%;
+  }
 }
 
 .settlement-detail-page__adjust-input {