style(contract): 优化合同管理页面表单样式与布局

- 调整合同管理备注输入框行数和最大长度
- 细化合同变更页面表单项间距和对齐方式
- 统一弹窗表单项的底部间距样式，改为注释禁用
- 调整 port-terminal 和 region 组件的表单项底部间距
- 修改 vite 配置中 API 请求代理地址
- 优化凭证执行详情搜索表单列宽布局
- 在运单管理页面更新型号字段为非必填，调整变更记录内容格式化显示
- 引入并使用 formatRouteChangeContent 工具函数
- 统一明细按钮显示逻辑，草稿状态也显示详情按钮
- 新增路由变更相关工具函数与样式支持

src/views/business/components/waybill-manage-page.vue

@@ -1334,7 +1334,7 @@
                   :disabled="dialogReadonly"
                 />
               </el-form-item>
-              <el-form-item label="型号" required>
+              <el-form-item label="型号">
                 <el-input
                   v-model="form.model"
                   placeholder="选择货物自动回填"
@@ -3022,9 +3022,10 @@
             <el-table-column prop="changeUser" label="变更人" min-width="120" />
             <el-table-column prop="content" label="变更内容" min-width="360">
               <template #default="{ row }">
-                <div class="waybill-manage-page__route-change-record-content">
-                  {{ row.content || '-' }}
-                </div>
+                <div
+                  class="waybill-manage-page__route-change-record-content"
+                  v-text="formatRouteChangeContent(row.content)"
+                />
               </template>
             </el-table-column>
             <el-table-column prop="remark" label="备注" min-width="200" show-overflow-tooltip />
@@ -3666,6 +3667,7 @@ import { wgs84ToGcj02 } from '@/utils/coordinate';
 import { openImportDialog } from '@/utils/import-excel';
 import { normalizeMapSearchResults, searchAmapPlaceText } from '@/utils/map-search';
 import { loadMeasurementUnitOptions } from '@/utils/measurement-unit';
+import { formatRouteChangeContent } from '@/utils/route-change';
 import { applyTableMenuWidth } from '@/utils/table-menu';
 import { downloadFileByUrl, downloadXls } from '@/utils/util';
 import { isMobile } from '@/utils/validate';
@@ -4753,6 +4755,7 @@ export default {
   },
   methods: {
     formatContractOptionLabel,
+    formatRouteChangeContent,
     // 页面被 keep-alive 缓存/卸载时调用，关闭本页所有 append-to-body 的弹窗，
     // 避免 Teleport 出去的 DOM 残留在 body 上盖住后续页面（详见 data 里的说明）。
     closeInnerDialogs() {
@@ -5218,10 +5221,11 @@ export default {
       return true;
     },
     showDetailButton(row) {
+      // 草稿与其它状态统一走「详情」（独立详情页 / 详情弹窗），
+      // 不再对草稿单独降级为 avue 的「查看」表单弹窗，避免同一列出现两种弹窗形态。
       if (!this.config.detailButton || !this.hasPermission(`${this.config.permission}_view`))
         return false;
-      const status = this.statusValue(row);
-      return status !== 'draft';
+      return true;
     },
     formatDetailValue(row, prop) {
       if (!row) return '-';
@@ -11844,6 +11848,9 @@ export default {
 
   &__route-change-record-content {
     white-space: pre-wrap;
+    overflow-wrap: anywhere;
+    word-break: break-word;
+    line-height: 22px;
   }
 
   &__common-address-toolbar {