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

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

src/views/payment/components/bill-payment-table.vue

@@ -4,11 +4,19 @@
       <el-button v-if="hasPermission('bill_payment_add')" type="primary" @click="$emit('add')">
         新增
       </el-button>
+      <table-header-tools
+        :columns="columns"
+        v-model:visible-column-keys="visibleColumnKeys"
+        v-model:table-size="tableSize"
+        :search-visible="searchVisible"
+        @update:search-visible="$emit('update:searchVisible', $event)"
+        @refresh="$emit('refresh')"
+      />
     </div>
-    <el-table v-loading="loading" :data="rows" border>
+    <el-table v-loading="loading" :data="rows" :size="tableSize" border>
       <el-table-column type="index" label="序号" width="64" fixed="left" align="center" />
       <el-table-column
-        v-for="column in columns"
+        v-for="column in visibleColumns"
         :key="column.prop"
         v-bind="column"
         align="center"
@@ -115,15 +123,18 @@
 <script>
 import { mapGetters } from 'vuex';
 import { billPaymentTableColumns } from '@/option/payment/billPayment';
+import TableHeaderTools from '@/components/table-header-tools/main.vue';
 import { isAdministrator } from '@/utils/auth';
 
 export default {
   name: 'BillPaymentTable',
+  components: { TableHeaderTools },
   props: {
     rows: { type: Array, default: () => [] },
     loading: { type: Boolean, default: false },
     page: { type: Object, required: true },
     mkEnabled: { type: Boolean, default: false },
+    searchVisible: { type: Boolean, default: true },
   },
   emits: [
     'add',
@@ -137,12 +148,21 @@ export default {
     'void',
     'page-change',
     'size-change',
+    'refresh',
+    'update:searchVisible',
   ],
   data() {
-    return { columns: billPaymentTableColumns };
+    return {
+      columns: billPaymentTableColumns,
+      visibleColumnKeys: billPaymentTableColumns.map(column => column.prop),
+      tableSize: 'default',
+    };
   },
   computed: {
     ...mapGetters(['permission', 'userInfo']),
+    visibleColumns() {
+      return this.columns.filter(column => this.visibleColumnKeys.includes(column.prop));
+    },
     isAdmin() {
       return isAdministrator(this.userInfo);
     },
@@ -173,7 +193,8 @@ export default {
 }
 .bill-payment-table__toolbar {
   display: flex;
-  justify-content: flex-start;
+  align-items: center;
+  justify-content: space-between;
   padding: 12px 0;
 }
 .bill-payment-table__links {