style(transportCapacity): 调整车辆调度弹窗部门级联选择器宽度

- 注释掉多个页面及组件中el-form-item的margin-bottom样式
- 增加车辆调度弹窗配置dialogCustomClass: 'vehicle-dispatch-dialog'
- 在全局样式element-ui.scss中为.vehicle-dispatch-dialog内el-cascader设置宽度100%
- 解决avue-crud弹窗append-to-body导致页面容器scoped样式无法命中问题
- 更新vite配置，将开发服务器端口修改为2889，代理目标指向远程地址
- 补充工程文档说明和样式调整原因分析

src/option/transportCapacity/vehicle-dispatch.js

@@ -12,6 +12,9 @@ export const option = {
   height: 'auto',
   calcHeight: 32,
   dialogWidth: 1200,
+  // 弹窗根节点 class：avue-crud 弹窗默认 append-to-body 到 body，
+  // 页面内 scoped 样式命中不到弹窗内容，故用该 class 在全局样式里做兜底（见 styles/element-ui.scss）
+  dialogCustomClass: 'vehicle-dispatch-dialog',
   labelPosition: 'right',
   labelWidth: 'auto',
   tip: false,

src/styles/element-ui.scss

@@ -652,6 +652,19 @@
   background: #fff;
 }
 
+// 车辆调度新增/编辑/查看弹窗：使用部门 el-cascader 默认 display: inline-block、宽度按内容收缩，
+// 会比同行的 el-input（--el-input-width 默认 100%）窄一大截，需显式拉满列宽。
+// 两个必须注意的点（踩过）：
+// 1) avue-crud 弹窗默认 append-to-body 到 body，页面内 `.vehicle-dispatch-page :deep(...)`
+//    这类以页面容器为祖先的选择器匹配不到弹窗内容，必须用弹窗自身 class（dialogCustomClass）在全局兜底；
+// 2) avue 表单项在 el-form-item__content 与控件之间还有两层包裹 div
+//    （form/index3.js 渲染：content > div > [div|elTooltip] > 控件），
+//    所以要用后代选择器，不能写 `>` 直接子级。
+.vehicle-dispatch-dialog .el-form-item__content .el-cascader {
+  width: 100%;
+  max-width: 100%;
+}
+
 // 过程配置新增/编辑/查看弹窗（手写 el-dialog，参照 vehicle/credit-score-quantification）：
 // 灰底弹窗体（全站 .el-dialog__body 已统一）内堆叠 <section-card> 分组白卡，
 // 卡间 12px 间距由 section-card 自身 margin-bottom 保证，与项目其他弹窗风格统一

src/views/business/project-apply.vue

@@ -2842,7 +2842,7 @@ export default {
   }
 
   :deep(.el-form-item) {
-    margin-bottom: 24px;
+    //margin-bottom: 24px;
   }
 
   :deep(.el-form-item__label) {

src/views/vehicle/customer-archive.vue

@@ -5707,6 +5707,6 @@ export default {
   margin-bottom: 0;
 }
 .el-form-item {
-  margin-bottom: 24px !important;
+  //margin-bottom: 24px !important;
 }
 </style>