✨ MK公开页、预结算体验优化、地图选址与认证密码规则完善

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

@@ -1927,7 +1927,8 @@
                   v-if="!waybillIsCarrier(detailRow)"
                   class="waybill-manage-page__waybill-detail-field"
                 >
-                  <span>里程(km)</span><strong>{{ detailRow.mileage || '-' }}</strong>
+                  <span>里程(km)</span
+                  ><strong>{{ normalizeMileageValue(detailRow.mileage) || '-' }}</strong>
                 </div>
               </template>
               <template v-else-if="waybillIsNonRoadTransport(detailRow)">
@@ -2315,7 +2316,7 @@
           </div>
         </template>
       </div>
-      <div v-if="detailPageLocked" class="waybill-manage-page__detail-footer">
+      <div v-if="detailPageLocked && !isPublicWaybillView" class="waybill-manage-page__detail-footer">
         <el-button type="primary" @click="closeDetail">关闭</el-button>
       </div>
       <template v-if="!detailPageLocked" #footer>
@@ -3122,6 +3123,7 @@ import {
   getVoucherImages as getProcessConfigVoucherImages,
 } from '@/api/business/process-config';
 import { getPunchRecords as getWaybillPunchRecords, locateVehicle, trackVehicle } from '@/api/business/waybill-manage';
+import { getMkPublicDetail } from '@/api/mk-process';
 import { getList as getDriverList } from '@/api/transportCapacity/driver';
 import { getDictionary } from '@/api/system/dictbiz';
 import { getDictionary as getSystemDictionary } from '@/api/system/dict';
@@ -3646,6 +3648,7 @@ export default {
     this.formPageLocked = this.isStandaloneWaybillFormPage;
     this.detailPageLocked = this.isStandaloneWaybillDetailPage;
     this.formModeLocked = this.$route.query.mode || '';
+    if (this.isPublicWaybillView) return;
     if (this.config.enableAllDept && this.isAdmin) {
       this.allDept = 1;
     }
@@ -3709,8 +3712,14 @@ export default {
     isStandaloneWaybillFormPage() {
       return this.isStandaloneWaybillPage && ['add', 'edit'].includes(this.$route.query.mode);
     },
+    isPublicWaybillView() {
+      return this.$route.path === '/business/waybill-manage/public-view';
+    },
     isStandaloneWaybillDetailPage() {
-      return this.standaloneDetailPage && this.$route.path === standaloneWaybillDetailRoute;
+      return (
+        (this.standaloneDetailPage && this.$route.path === standaloneWaybillDetailRoute) ||
+        this.isPublicWaybillView
+      );
     },
     // 容器形态读实例创建时锁定的标志，不随 $route 翻转（详见 data 中 formPageLocked 的说明）
     // 当前路由是否仍属于本实例（tab.js 按 fullPath 建实例，一个实例只对应一个 path）。
@@ -4591,14 +4600,19 @@ export default {
       this.waybillVoucherFolder = null;
       this.waybillVoucherFolderView = false;
       this.waybillVoucherImagesLoaded = false;
-      const request =
-        typeof this.api.getDetail === 'function'
+      const request = this.isPublicWaybillView
+        ? getMkPublicDetail('waybill-manage', row.id)
+        : typeof this.api.getDetail === 'function'
           ? this.api.getDetail(row.id)
           : Promise.resolve({ data: { data: row } });
       request
         .then(res => {
           const detail = res?.data?.data || res?.data || row;
           this.detailRow = detail;
+          if (this.isPublicWaybillView) {
+            this.applyFormDetail(detail);
+            return;
+          }
           this.loadWaybillPunchRecords();
           this.loadWaybillVoucherImages();
           if (detail.contractId) {
@@ -8560,7 +8574,7 @@ export default {
       };
       this.mileageForm = {
         id: row.id,
-        mileage: row.mileage === null || row.mileage === undefined ? '' : String(row.mileage),
+        mileage: this.normalizeMileageValue(row.mileage),
         mileageRemark: row.mileageRemark || '',
       };
       this.$nextTick(() => this.$refs.mileageFormRef?.clearValidate());