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

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

src/views/business/loading-manage.vue

@@ -1685,9 +1685,7 @@
               label="变更人"
               min-width="120" /><el-table-column prop="content" label="变更内容" min-width="360"
               ><template #default="{ row }"
-                ><div class="loading-route-change-dialog__record-content">
-                  {{ row.content || '-' }}
-                </div></template
+                ><div class="loading-route-change-dialog__record-content">{{ formatRouteChangeContent(row.content) }}</div></template
               ></el-table-column
             ><el-table-column
               prop="remark"
@@ -1800,6 +1798,7 @@ import TableHeaderTools from '@/components/table-header-tools/main.vue';
 import dayjs from 'dayjs';
 import { isMobile } from '@/utils/validate';
 import { normalizeMapSearchResults, searchAmapPlaceText } from '@/utils/map-search';
+import { formatRouteChangeContent } from '@/utils/route-change';
 
 const defaultTransportType = '';
 const defaultCandidateTransportType = '';
@@ -2278,6 +2277,7 @@ export default {
     },
   },
   methods: {
+    formatRouteChangeContent,
     formatTaskCarrierContractLabel(item = {}) {
       const carrierName = item.carrierName || item.partyB || '';
       const contractLabel = formatContractOptionLabel(item);
@@ -5129,8 +5129,9 @@ export default {
     gap: 4px;
   }
   .loading-route-change-dialog__record-content {
-    white-space: normal;
+    white-space: pre-wrap;
     overflow-wrap: anywhere;
+    word-break: break-word;
     line-height: 22px;
   }
 }