✨ 完善变更记录、客商评分与车辆表单

变更记录详情统一为居中分页弹窗，并去掉经办人等信息行。
客商评分支持删除、提交前自评校验、复评后才能审批，以及 0 分提交。
车辆外廓尺寸和载质量单位改到输入框内，认证审核标签按四字换行，使用部门必填并默认当前部门。
临时额度的 -1 占位金额显示为空。新增项目编号可留空由系统生成。
修复缓存总单页在打开新增项目时误请求缺少 id 的详情接口。
详情页状态与运输方式标签样式统一。

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

src/views/business/project-apply.vue

@@ -196,7 +196,7 @@
           <el-form-item label="项目编号" prop="projectCode">
             <el-input
               v-model="form.projectCode"
-              placeholder="请输入"
+              :placeholder="dialogType === 'add' ? '若不填写，系统自动生成' : '请输入'"
               :disabled="dialogType === 'edit'"
             />
           </el-form-item>
@@ -703,6 +703,7 @@
             label="变更内容"
             min-width="180"
             align="center"
+            :show-overflow-tooltip="false"
           >
             <template #default="{ row }">
               <el-tooltip placement="top" :show-after="200">
@@ -730,43 +731,10 @@
           </el-table-column>
         </el-table>
 
-        <el-dialog
+        <change-record-detail-dialog
           v-model="changeRecordDetailVisible"
-          title="变更记录详情"
-          append-to-body
-          destroy-on-close
-          width="1100px"
-          top="10px"
-          class="project-change-record-detail-dialog"
-        >
-          <div v-if="changeRecordDetail" class="project-change-record-detail-meta">
-            <span>变更日期：{{ changeRecordDetail.changeDate || '-' }}</span>
-            <span>变更账号：{{ changeRecordDetail.handler || '-' }}</span>
-          </div>
-          <el-table :data="changeRecordDetailRows" border :show-overflow-tooltip="false">
-            <el-table-column prop="field" label="变更字段" min-width="180" />
-            <el-table-column
-              prop="before"
-              label="变更前"
-              min-width="360"
-              class-name="project-change-record-detail-value"
-            />
-            <el-table-column
-              prop="after"
-              label="变更后"
-              min-width="500"
-              class-name="project-change-record-detail-value"
-            />
-          </el-table>
-          <el-empty
-            v-if="!changeRecordDetailRows.length"
-            description="暂无变更内容"
-            :image-size="60"
-          />
-          <template #footer>
-            <el-button type="primary" @click="changeRecordDetailVisible = false">关闭</el-button>
-          </template>
-        </el-dialog>
+          :rows="changeRecordDetailRows"
+        />
 
         <template v-if="isChangeDialog">
           <div class="dialog-section-title">变更原因</div>
@@ -947,6 +915,7 @@ import { submitMkApprovalFlow } from '@/utils/mk-approval';
 import { ElImageViewer } from 'element-plus';
 import { OpenFileViewer } from '@open-file-viewer/vue';
 import PdfPreview from '@/components/pdf-preview/main.vue';
+import ChangeRecordDetailDialog from '@/components/change-record-detail-dialog/main.vue';
 import {
   fallbackPlugin,
   imagePlugin,
@@ -1066,6 +1035,7 @@ export default {
   name: 'ProjectApply',
   components: {
     CustomerArchive: defineAsyncComponent(() => import('@/views/vehicle/customer-archive.vue')),
+    ChangeRecordDetailDialog,
     ElImageViewer,
     OpenFileViewer,
     PdfPreview,
@@ -1520,6 +1490,7 @@ export default {
         this.fillDefaultUsers();
         return;
       }
+      if (!id) return;
       this.api.getDetail(id).then(res => {
         const detail = res.data.data || {};
         const isChange = type === 'change';
@@ -2999,27 +2970,6 @@ export default {
   }
 }
 
-:deep(.project-change-record-detail-dialog .el-dialog__body) {
-  max-height: 65vh;
-  overflow: auto;
-}
-
-:deep(.project-change-record-detail-dialog .project-change-record-detail-value .cell) {
-  white-space: pre-wrap;
-  word-break: break-word;
-  overflow: visible;
-  text-overflow: clip;
-  line-height: 1.6;
-}
-
-.project-change-record-detail-meta {
-  display: flex;
-  gap: 32px;
-  margin-bottom: 16px;
-  color: #606266;
-  font-size: 14px;
-}
-
 :global(.project-apply-dialog .el-dialog__body) {
   max-height: 76vh;
   overflow-y: auto;