src/api/basicData/enum.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,33 @@
import request from '@/utils/request'

// åˆæ ¼å…¥åº“来源类型
export function findAllQualifiedStockInRecordTypeOptions() {
  return request({
    url: '/basic/enum/StockInQualifiedRecordTypeEnum',
    method: 'GET'
  })
}

// ä¸åˆæ ¼å…¥åº“来源类型
export function findAllUnQualifiedStockInRecordTypeOptions() {
  return request({
    url: '/basic/enum/StockInUnQualifiedRecordTypeEnum',
    method: 'GET'
  })
}

// åˆæ ¼å‡ºåº“来源类型
export function findAllQualifiedStockOutRecordTypeOptions() {
  return request({
    url: '/basic/enum/StockOutQualifiedRecordTypeEnum',
    method: 'GET'
  })
}

// ä¸åˆæ ¼å‡ºåº“来源类型
export function findAllUnQualifiedStockOutRecordTypeOptions() {
  return request({
    url: '/basic/enum/StockOutUnQualifiedRecordTypeEnum',
    method: 'GET'
  })
}

 src/api/basicData/productModel.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,11 @@
import request from '@/utils/request'

// äº§å“åž‹å·åˆ†é¡µåˆ—表（用于选择产品）
export const productModelList = (params) => {
  return request({
    url: '/basic/product/pageModel',
    method: 'GET',
    params
  })
}


 src/api/equipmentManagement/inspection.js

@@ -1,6 +1,6 @@
import request from '@/utils/request'
import request from "@/utils/request";

// ==================== å·¡æ£€ä»»åŠ¡ç®¡ç† ====================
// ==================== å·¡æ£€ä»»åŠ¡ ====================

/**
 * @desc æŸ¥è¯¢å·¡æ£€ä»»åŠ¡åˆ—表
@@ -12,10 +12,10 @@
 */
export function getInspectionTaskList(query) {
  return request({
    url: '/equipment/inspection/task/list',
    method: 'get',
    params: query
  })
    url: "/equipment/inspection/task/list",
    method: "get",
    params: query,
  });
}

/**
@@ -25,9 +25,9 @@
 */
export function getInspectionTask(id) {
  return request({
    url: '/equipment/inspection/task/' + id,
    method: 'get'
  })
    url: "/equipment/inspection/task/" + id,
    method: "get",
  });
}

/**
@@ -37,10 +37,10 @@
 */
export function createInspectionTask(data) {
  return request({
    url: '/equipment/inspection/task',
    method: 'post',
    data: data
  })
    url: "/equipment/inspection/task",
    method: "post",
    data: data,
  });
}

/**
@@ -50,10 +50,10 @@
 */
export function updateInspectionTask(data) {
  return request({
    url: '/equipment/inspection/task',
    method: 'put',
    data: data
  })
    url: "/equipment/inspection/task",
    method: "put",
    data: data,
  });
}

/**
@@ -63,9 +63,9 @@
 */
export function deleteInspectionTask(id) {
  return request({
    url: '/equipment/inspection/task/' + id,
    method: 'delete'
  })
    url: "/equipment/inspection/task/" + id,
    method: "delete",
  });
}

/**
@@ -75,9 +75,9 @@
 */
export function startInspectionTask(taskId) {
  return request({
    url: '/equipment/inspection/task/' + taskId + '/start',
    method: 'post'
  })
    url: "/equipment/inspection/task/" + taskId + "/start",
    method: "post",
  });
}

/**
@@ -88,10 +88,10 @@
 */
export function completeInspectionTask(taskId, data) {
  return request({
    url: '/equipment/inspection/task/' + taskId + '/complete',
    method: 'post',
    data: data
  })
    url: "/equipment/inspection/task/" + taskId + "/complete",
    method: "post",
    data: data,
  });
}

// ==================== å·¡æ£€è®°å½•ç®¡ç† ====================
@@ -103,10 +103,10 @@
 */
export function submitInspectionRecord(data) {
  return request({
    url: '/equipment/inspection/record/submit',
    method: 'post',
    data: data
  })
    url: "/equipment/inspection/record/submit",
    method: "post",
    data: data,
  });
}

/**
@@ -116,10 +116,10 @@
 */
export function getInspectionRecordList(query) {
  return request({
    url: '/equipment/inspection/record/list',
    method: 'get',
    params: query
  })
    url: "/equipment/inspection/record/list",
    method: "get",
    params: query,
  });
}

/**
@@ -129,9 +129,9 @@
 */
export function getInspectionRecord(id) {
  return request({
    url: '/equipment/inspection/record/' + id,
    method: 'get'
  })
    url: "/equipment/inspection/record/" + id,
    method: "get",
  });
}

// ==================== æ–‡ä»¶ä¸Šä¼  ====================
@@ -143,13 +143,13 @@
 */
export function uploadInspectionImage(file) {
  return request({
    url: '/equipment/inspection/upload/image',
    method: 'post',
    url: "/equipment/inspection/upload/image",
    method: "post",
    data: file,
    headers: {
      'Content-Type': 'multipart/form-data'
    }
  })
      "Content-Type": "multipart/form-data",
    },
  });
}

/**
@@ -159,13 +159,13 @@
 */
export function uploadInspectionVideo(file) {
  return request({
    url: '/equipment/inspection/upload/video',
    method: 'post',
    url: "/equipment/inspection/upload/video",
    method: "post",
    data: file,
    headers: {
      'Content-Type': 'multipart/form-data'
    }
  })
      "Content-Type": "multipart/form-data",
    },
  });
}

/**
@@ -175,13 +175,13 @@
 */
export function batchUploadFiles(formData) {
  return request({
    url: '/equipment/inspection/upload/batch',
    method: 'post',
    url: "/equipment/inspection/upload/batch",
    method: "post",
    data: formData,
    headers: {
      'Content-Type': 'multipart/form-data'
    }
  })
      "Content-Type": "multipart/form-data",
    },
  });
}

// ==================== å¼‚常报备管理 ====================
@@ -193,10 +193,10 @@
 */
export function reportAbnormalSituation(data) {
  return request({
    url: '/equipment/inspection/abnormal/report',
    method: 'post',
    data: data
  })
    url: "/equipment/inspection/abnormal/report",
    method: "post",
    data: data,
  });
}

/**
@@ -206,10 +206,10 @@
 */
export function getAbnormalReportList(query) {
  return request({
    url: '/equipment/inspection/abnormal/list',
    method: 'get',
    params: query
  })
    url: "/equipment/inspection/abnormal/list",
    method: "get",
    params: query,
  });
}

/**
@@ -219,9 +219,9 @@
 */
export function getAbnormalReport(id) {
  return request({
    url: '/equipment/inspection/abnormal/' + id,
    method: 'get'
  })
    url: "/equipment/inspection/abnormal/" + id,
    method: "get",
  });
}

/**
@@ -232,10 +232,10 @@
 */
export function handleAbnormalReport(id, data) {
  return request({
    url: '/equipment/inspection/abnormal/' + id + '/handle',
    method: 'post',
    data: data
  })
    url: "/equipment/inspection/abnormal/" + id + "/handle",
    method: "post",
    data: data,
  });
}

/**
@@ -246,10 +246,10 @@
 */
export function transferAbnormalReport(id, data) {
  return request({
    url: '/equipment/inspection/abnormal/' + id + '/transfer',
    method: 'post',
    data: data
  })
    url: "/equipment/inspection/abnormal/" + id + "/transfer",
    method: "post",
    data: data,
  });
}

/**
@@ -260,10 +260,10 @@
 */
export function closeAbnormalReport(id, data) {
  return request({
    url: '/equipment/inspection/abnormal/' + id + '/close',
    method: 'post',
    data: data
  })
    url: "/equipment/inspection/abnormal/" + id + "/close",
    method: "post",
    data: data,
  });
}

// ==================== ç»Ÿè®¡åˆ†æž ====================
@@ -275,10 +275,10 @@
 */
export function getInspectionStats(params) {
  return request({
    url: '/equipment/inspection/stats',
    method: 'get',
    params: params
  })
    url: "/equipment/inspection/stats",
    method: "get",
    params: params,
  });
}

/**
@@ -288,10 +288,10 @@
 */
export function getAbnormalStats(params) {
  return request({
    url: '/equipment/inspection/abnormal/stats',
    method: 'get',
    params: params
  })
    url: "/equipment/inspection/abnormal/stats",
    method: "get",
    params: params,
  });
}

/**
@@ -301,11 +301,11 @@
 */
export function exportInspectionReport(params) {
  return request({
    url: '/equipment/inspection/export/report',
    method: 'get',
    url: "/equipment/inspection/export/report",
    method: "get",
    params: params,
    responseType: 'blob'
  })
    responseType: "blob",
  });
}

/**
@@ -315,11 +315,11 @@
 */
export function exportAbnormalRecords(params) {
  return request({
    url: '/equipment/inspection/abnormal/export',
    method: 'get',
    url: "/equipment/inspection/abnormal/export",
    method: "get",
    params: params,
    responseType: 'blob'
  })
    responseType: "blob",
  });
}

// ==================== è®¾å¤‡äºŒç»´ç  ====================
@@ -332,8 +332,8 @@
export function getDeviceQRCode(deviceId) {
  return request({
    url: `/equipment/device/${deviceId}/qrcode`,
    method: 'get'
  })
    method: "get",
  });
}

/**
@@ -343,10 +343,10 @@
 */
export function verifyDeviceQRCode(data) {
  return request({
    url: '/equipment/device/qrcode/verify',
    method: 'post',
    data: data
  })
    url: "/equipment/device/qrcode/verify",
    method: "post",
    data: data,
  });
}

// ==================== æ¨¡æ¿ç®¡ç† ====================
@@ -358,10 +358,10 @@
 */
export function getInspectionTemplateList(query) {
  return request({
    url: '/equipment/inspection/template/list',
    method: 'get',
    params: query
  })
    url: "/equipment/inspection/template/list",
    method: "get",
    params: query,
  });
}

/**
@@ -371,7 +371,7 @@
 */
export function getInspectionTemplate(id) {
  return request({
    url: '/equipment/inspection/template/' + id,
    method: 'get'
  })
}
    url: "/equipment/inspection/template/" + id,
    method: "get",
  });
}

 src/api/equipmentManagement/upkeep.js

@@ -97,6 +97,42 @@
  });
}

// ---------- è®¾å¤‡ä¿å…»å®šæ—¶ä»»åŠ¡ï¼ˆå®šæ—¶ä»»åŠ¡ç®¡ç†ï¼‰ ----------
/** è®¾å¤‡ä¿å…»å®šæ—¶ä»»åŠ¡åˆ†é¡µåˆ—表 */
export const deviceMaintenanceTaskList = (params) => {
  return request({
    url: "/deviceMaintenanceTask/listPage",
    method: "get",
    params,
  });
};

/** æ–°å¢žè®¾å¤‡ä¿å…»å®šæ—¶ä»»åŠ¡ */
export const deviceMaintenanceTaskAdd = (data) => {
  return request({
    url: "/deviceMaintenanceTask/add",
    method: "post",
    data,
  });
};

/** ä¿®æ”¹è®¾å¤‡ä¿å…»å®šæ—¶ä»»åŠ¡ */
export const deviceMaintenanceTaskEdit = (data) => {
  return request({
    url: "/deviceMaintenanceTask/update",
    method: "post",
    data,
  });
};

/** åˆ é™¤è®¾å¤‡ä¿å…»å®šæ—¶ä»»åŠ¡ */
export const deviceMaintenanceTaskDel = (ids) => {
  return request({
    url: "/deviceMaintenanceTask/delete",
    method: "delete",
    data: Array.isArray(ids) ? ids : [ids],
  });
};

// æŸ¥è¯¢å¤‡ä»¶é€‰é¡¹
export const getSparePartsOptions = (params) => {

 src/api/inventoryManagement/stockInRecord.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,27 @@
import request from '@/utils/request'

// å…¥åº“管理-分页查询入库记录（合格/不合格）
export const getStockInRecordListPage = (params) => {
  return request({
    url: '/stockInRecord/listPage',
    method: 'GET',
    params
  })
}

// æ ¹æ® id æŸ¥è¯¢å…¥åº“记录详情
export const getStockInRecordById = (id) => {
  return request({
    url: '/stockInRecord/' + id,
    method: 'GET'
  })
}

// æ‰¹é‡åˆ é™¤å…¥åº“记录
export const batchDeleteStockInRecords = (ids) => {
  return request({
    url: '/stockInRecord',
    method: 'DELETE',
    data: ids
  })
}

 src/api/inventoryManagement/stockInventory.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,64 @@
import request from '@/utils/request'

// åˆæ ¼åº“å­˜-分页查询
export const getStockInventoryListPage = (params) => {
  return request({
    url: '/stockInventory/pagestockInventory',
    method: 'GET',
    params
  })
}

// æ–°å¢žåˆæ ¼åº“å­˜
export const createStockInventory = (data) => {
  return request({
    url: '/stockInventory/addstockInventory',
    method: 'POST',
    data
  })
}

// å‡ºåº“（减少库存）
export const subtractStockInventory = (data) => {
  return request({
    url: '/stockInventory/subtractStockInventory',
    method: 'POST',
    data
  })
}

// å†»ç»“库存
export const frozenStockInventory = (data) => {
  return request({
    url: '/stockInventory/frozenStock',
    method: 'POST',
    data
  })
}

// è§£å†»åº“å­˜
export const thawStockInventory = (data) => {
  return request({
    url: '/stockInventory/thawStock',
    method: 'POST',
    data
  })
}

// åº“存报表-日报/月报
export const getStockInventoryReportList = (params) => {
  return request({
    url: '/stockInventory/stockInventoryPage',
    method: 'GET',
    params
  })
}

// åº“存报表-进出存
export const getStockInventoryInAndOutReportList = (params) => {
  return request({
    url: '/stockInventory/stockInAndOutRecord',
    method: 'GET',
    params
  })
}

 src/api/inventoryManagement/stockOutRecord.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,19 @@
import request from '@/utils/request'

// å‡ºåº“台账-分页查询出库记录（合格/不合格）
export const getStockOutPage = (params) => {
  return request({
    url: '/stockOutRecord/listPage',
    method: 'GET',
    params
  })
}

// åˆ é™¤å‡ºåº“记录
export const delStockOut = (ids) => {
  return request({
    url: '/stockOutRecord',
    method: 'DELETE',
    data: ids
  })
}

 src/api/inventoryManagement/stockUninventory.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,46 @@
import request from '@/utils/request'

// ä¸åˆæ ¼åº“å­˜-分页查询
export const getStockUninventoryListPage = (params) => {
  return request({
    url: '/stockUninventory/pagestockUninventory',
    method: 'GET',
    params
  })
}

// æ–°å¢žä¸åˆæ ¼åº“å­˜
export const createStockUnInventory = (data) => {
  return request({
    url: '/stockUninventory/addstockUninventory',
    method: 'POST',
    data
  })
}

// é¢†ç”¨ï¼ˆå‡å°‘不合格库存）
export const subtractStockUnInventory = (data) => {
  return request({
    url: '/stockUninventory/subtractstockUninventory',
    method: 'POST',
    data
  })
}

// å†»ç»“不合格库存
export const frozenStockUninventory = (data) => {
  return request({
    url: '/stockUninventory/frozenStock',
    method: 'POST',
    data
  })
}

// è§£å†»ä¸åˆæ ¼åº“å­˜
export const thawStockUninventory = (data) => {
  return request({
    url: '/stockUninventory/thawStock',
    method: 'POST',
    data
  })
}

 src/pages.json

@@ -541,6 +541,15 @@
      }
    },
    {
      "path": "pages/equipmentManagement/upkeepTask/index",
      "style": {
        "navigationBarTitleText": "设备保养任务",
        "navigationStyle": "custom",
        "enablePullDownRefresh": true,
        "backgroundColor": "#f8f8f8"
      }
    },
    {
      "path": "pages/equipmentManagement/upkeep/detail",
      "style": {
        "navigationBarTitleText": "保养详情",
@@ -615,7 +624,7 @@
    {
      "path": "pages/inspectionManagement/index",
      "style": {
        "navigationBarTitleText": "巡检任务管理",
        "navigationBarTitleText": "巡检任务",
        "navigationStyle": "custom",
        "enablePullDownRefresh": true,
        "backgroundColor": "#f8f8f8"
@@ -666,7 +675,7 @@
    {
      "path": "pages/inventoryManagement/receiptManagement/index",
      "style": {
        "navigationBarTitleText": "自定义入库",
        "navigationBarTitleText": "入库管理",
        "navigationStyle": "custom"
      }
    },
@@ -678,6 +687,13 @@
      }
    },
    {
      "path": "pages/inventoryManagement/receiptManagement/view",
      "style": {
        "navigationBarTitleText": "入库详情",
        "navigationStyle": "custom"
      }
    },
    {
      "path": "pages/inventoryManagement/issueManagement/index",
      "style": {
        "navigationBarTitleText": "自定义出库",
@@ -685,6 +701,62 @@
      }
    },
    {
      "path": "pages/inventoryManagement/dispatchLog/index",
      "style": {
        "navigationBarTitleText": "出库台账",
        "navigationStyle": "custom"
      }
    },
    {
      "path": "pages/inventoryManagement/dispatchLog/view",
      "style": {
        "navigationBarTitleText": "出库详情",
        "navigationStyle": "custom"
      }
    },
    {
      "path": "pages/inventoryManagement/stockManagement/index",
      "style": {
        "navigationBarTitleText": "库存管理",
        "navigationStyle": "custom"
      }
    },
    {
      "path": "pages/inventoryManagement/stockManagement/add",
      "style": {
        "navigationBarTitleText": "新增库存",
        "navigationStyle": "custom"
      }
    },
    {
      "path": "pages/inventoryManagement/stockManagement/subtract",
      "style": {
        "navigationBarTitleText": "库存出库",
        "navigationStyle": "custom"
      }
    },
    {
      "path": "pages/inventoryManagement/stockManagement/view",
      "style": {
        "navigationBarTitleText": "库存详情",
        "navigationStyle": "custom"
      }
    },
    {
      "path": "pages/inventoryManagement/stockReport/index",
      "style": {
        "navigationBarTitleText": "库存报表",
        "navigationStyle": "custom"
      }
    },
    {
      "path": "pages/inventoryManagement/stockReport/view",
      "style": {
        "navigationBarTitleText": "库存报表详情",
        "navigationStyle": "custom"
      }
    },
    {
      "path": "pages/safeProduction/safeQualifications/index",
      "style": {
        "navigationBarTitleText": "规程与资质",

 src/pages/equipmentManagement/repair/add.vue

@@ -14,17 +14,22 @@
        <u-form-item label="设备名称"
                     prop="deviceLedgerId"
                     required
                     border-bottom>
          <u-input v-model="deviceNameText"
                   placeholder="请选择设备名称"
                   @click="showDevicePicker"
                   clearable
                   readonly="" />
          <template #right>
            <u-icon name="scan"
                    @click="startScan"
                    class="scan-icon" />
          </template>
                     border-bottom
                     class="device-name-form-item">
          <view class="device-picker-wrap">
            <picker mode="selector"
                    class="device-picker-full"
                    :range="deviceOptions"
                    range-key="deviceName"
                    :value="deviceIndex"
                    @change="onDevicePickerChange">
              <view class="picker-input-row">
                <text class="picker-input-text"
                      :class="{ placeholder: !deviceNameText }">{{ deviceNameText || "请选择设备名称" }}</text>
                <view class="picker-input-arrow"><u-icon name="arrow-right" /></view>
              </view>
            </picker>
          </view>
        </u-form-item>
        <u-form-item label="规格型号"
                     prop="deviceModel"
@@ -48,7 +53,7 @@
          </template>
        </u-form-item>
        <u-form-item label="报修状态"
                     prop="repairTime"
                     prop="status"
                     required
                     border-bottom>
          <u-input v-model="repairStatusText"
@@ -80,6 +85,53 @@
                      count
                      maxlength="200" />
        </u-form-item>
        <view class="simple-upload-area">
            <view class="upload-buttons">
              <u-button type="primary"
                        @click="chooseRepairMedia"
                        :loading="uploading"
                        :disabled="repairFileList.length >= uploadConfig.limit"
                        :customStyle="{ marginRight: '10px', flex: 1 }">
                <u-icon name="camera"
                        size="18"
                        color="#fff"
                        style="margin-right: 5px;"></u-icon>
                {{ uploading ? "上传中..." : "拍照" }}
              </u-button>
            </view>
            <view v-if="uploading"
                  class="upload-progress">
              <u-line-progress :percentage="uploadProgress"
                               :showText="true"
                               activeColor="#409eff"></u-line-progress>
            </view>
            <view v-if="repairFileList.length > 0"
                  class="file-list">
              <view v-for="(file, index) in repairFileList"
                    :key="index"
                    class="file-item">
                <view class="file-preview-container">
                  <view class="delete-btn"
                        @click="removeRepairFile(index)">
                    <u-icon name="close"
                            size="12"
                            color="#fff"></u-icon>
                  </view>
                  <image :src="file.url || file.tempFilePath || file.path || file.downloadUrl"
                         class="file-preview"
                         mode="aspectFill" />
                </view>
                <view class="file-info">
                  <text class="file-name">{{ file.bucketFilename || file.name || "图片" }}</text>
                  <text class="file-size">{{ formatFileSize(file.size) }}</text>
                </view>
              </view>
            </view>
            <view v-if="repairFileList.length === 0"
                  class="empty-state">
              <text>请选择要上传的现场照片</text>
            </view>
          </view>
      </u-cell-group>
      <!-- æäº¤æŒ‰é’® -->
      <view class="footer-btns">
@@ -91,12 +143,6 @@
                  :loading="loading">保存</u-button>
      </view>
    </u-form>
    <!-- è®¾å¤‡é€‰æ‹©å™¨ -->
    <up-action-sheet :show="showDevice"
                     :actions="deviceActionList"
                     title="选择设备名称"
                     @select="onDeviceSelect"
                     @close="showDevice = false" />
    <!-- æ—¥æœŸé€‰æ‹©å™¨ -->
    <up-datetime-picker :show="showDate"
                        v-model="pickerDateValue"
@@ -107,7 +153,7 @@
</template>

<script setup>
  import { ref, computed, onMounted, onUnmounted } from "vue";
  import { ref, computed, onMounted } from "vue";
  import { onShow } from "@dcloudio/uni-app";
  import PageHeader from "@/components/PageHeader.vue";
  import { getDeviceLedger } from "@/api/equipmentManagement/ledger";
@@ -116,6 +162,8 @@
    editRepair,
    getRepairById,
  } from "@/api/equipmentManagement/repair";
  import config from "@/config";
  import { getToken } from "@/utils/auth";
  import dayjs from "dayjs";
  import { formatDateToYMD } from "@/utils/ruoyi";
  const showToast = message => {
@@ -133,23 +181,28 @@
  const formRef = ref(null);
  const operationType = ref("add");
  const loading = ref(false);
  const showDevice = ref(false);
  const showDate = ref(false);
  const pickerDateValue = ref(Date.now());

  // ä¸Šä¼ é…ç½®ï¼ˆä¸Žå·¡æ£€ä¸€è‡´ï¼‰
  const uploadConfig = {
    action: "/file/upload",
    limit: 10,
  };
  const uploadFileUrl = computed(() => config.baseUrl + uploadConfig.action);
  const repairFileList = ref([]);
  const uploading = ref(false);
  const uploadProgress = ref(0);

  // è®¾å¤‡é€‰é¡¹
  const deviceOptions = ref([]);
  const deviceNameText = ref("");
  const deviceActionList = computed(() => {
    return deviceOptions.value.map(item => ({
      name: item.deviceName,
      value: item.id,
    }));
  const deviceIndex = computed(() => {
    const id = form.value.deviceLedgerId;
    if (id == null || !deviceOptions.value.length) return 0;
    const idx = deviceOptions.value.findIndex(item => item.id === id || item.id == id);
    return idx >= 0 ? idx : 0;
  });

  // æ‰«ç ç›¸å…³çŠ¶æ€
  const isScanning = ref(false);
  const scanTimer = ref(null);

  // è¡¨å•éªŒè¯è§„则
  const formRules = {
@@ -158,6 +211,9 @@
    ],
    repairTime: [
      { required: true, trigger: "change", message: "请选择报修日期" },
    ],
    status: [
      { required: true, trigger: "change", message: "请选择报修状态" },
    ],
    repairName: [{ required: true, trigger: "blur", message: "请输入报修人" }],
    remark: [{ required: true, trigger: "blur", message: "请输入故障现象" }],
@@ -168,6 +224,7 @@
    deviceLedgerId: undefined, // è®¾å¤‡ID
    deviceModel: undefined, // è§„格型号
    repairTime: dayjs().format("YYYY-MM-DD"), // æŠ¥ä¿®æ—¥æœŸ
    status: undefined, // æŠ¥ä¿®çŠ¶æ€
    repairName: undefined, // æŠ¥ä¿®äºº
    remark: undefined, // æ•…障现象
  });
@@ -220,6 +277,7 @@
          form.value.deviceLedgerId = data.deviceLedgerId;
          form.value.deviceModel = data.deviceModel;
          form.value.repairTime = dayjs(data.repairTime).format("YYYY-MM-DD");
          form.value.status = data.status;
          form.value.repairName = data.repairName;
          form.value.remark = data.remark;
          repairStatusText.value =
@@ -232,6 +290,15 @@
          if (device) {
            deviceNameText.value = device.deviceName;
          }
          // å›žæ˜¾é™„件列表（后端返回 fileList æ—¶ï¼‰
          const list = data.fileList || data.commonFileList || [];
          repairFileList.value = (Array.isArray(list) ? list : []).map(f => ({
            url: f.url || f.downloadUrl,
            name: f.bucketFilename || f.originalFilename || f.name,
            bucketFilename: f.bucketFilename || f.originalFilename || f.name,
            size: f.size || f.byteSize,
            uploadResponse: f,
          }));
        }
      } catch (e) {
        showToast("获取详情失败");
@@ -242,77 +309,136 @@
    }
  };

  // æ‰«æäºŒç»´ç åŠŸèƒ½
  const startScan = () => {
    if (isScanning.value) {
      showToast("正在扫描中，请稍候...");
  // ä¸‹æ‹‰æ¡†é€‰æ‹©è®¾å¤‡
  const onDevicePickerChange = e => {
    const index = Number(e.detail?.value ?? 0);
    const item = deviceOptions.value[index];
    if (item) {
      form.value.deviceLedgerId = item.id;
      setDeviceModel(item.id);
    }
  };

  // æ ¼å¼åŒ–文件大小
  const formatFileSize = size => {
    if (!size) return "";
    if (size < 1024) return size + "B";
    if (size < 1024 * 1024) return (size / 1024).toFixed(1) + "KB";
    return (size / (1024 * 1024)).toFixed(1) + "MB";
  };

  // æ‹ç…§é€‰æ‹©ï¼ˆä¸Žå·¡æ£€ä¸€è‡´ï¼‰
  const chooseRepairMedia = () => {
    if (repairFileList.value.length >= uploadConfig.limit) {
      showToast(`最多只能选择${uploadConfig.limit}个文件`);
      return;
    }
    const remaining = uploadConfig.limit - repairFileList.value.length;
    if (typeof uni.chooseMedia === "function") {
      uni.chooseMedia({
        count: Math.min(remaining, 9),
        mediaType: ["image"],
        sizeType: ["compressed", "original"],
        sourceType: ["camera", "album"],
        success: res => {
          const files = res?.tempFiles || [];
          files.forEach((tf, idx) => {
            const filePath = tf.tempFilePath || tf.path || "";
            const file = {
              tempFilePath: filePath,
              path: filePath,
              type: "image",
              name: `repair_${Date.now()}_${idx}.jpg`,
              size: tf.size || 0,
              uid: Date.now() + Math.random() + idx,
            };
            uploadRepairFile(file);
          });
        },
        fail: () => showToast("选择图片失败"),
      });
    } else {
      uni.chooseImage({
        count: remaining,
        sizeType: ["compressed", "original"],
        sourceType: ["camera", "album"],
        success: res => {
          (res.tempFilePaths || []).forEach((path, idx) => {
            uploadRepairFile({
              tempFilePath: path,
              path: path,
              type: "image",
              name: `repair_${Date.now()}_${idx}.jpg`,
              size: 0,
              uid: Date.now() + Math.random(),
            });
          });
        },
        fail: () => showToast("选择图片失败"),
      });
    }
  };

    // è°ƒç”¨uni-app的扫码API
    uni.scanCode({
      scanType: ["qrCode", "barCode"],
  const uploadRepairFile = file => {
    const filePath = file.tempFilePath || file.path;
    if (!filePath) return;
    uploading.value = true;
    uploadProgress.value = 0;
    const token = getToken();
    if (!token) {
      showToast("请先登录");
      uploading.value = false;
      return;
    }
    const uploadTask = uni.uploadFile({
      url: uploadFileUrl.value,
      filePath,
      name: "file",
      header: { Authorization: "Bearer " + token },
      success: res => {
        handleScanResult(res.result);
        try {
          if (res.statusCode === 200) {
            const response = typeof res.data === "string" ? JSON.parse(res.data) : res.data;
            const d = response?.data !== undefined ? response.data : response;
            if (response && (response.code === 200 || response.code === 0) && d) {
              const fileData = {
                ...file,
                id: d.id,
                tempId: d.tempId ?? d.tempFileId ?? d.id,
                url: d.url || d.downloadUrl || filePath,
                bucketFilename: d.bucketFilename || d.originalFilename || file.name,
                downloadUrl: d.downloadUrl || d.url,
                size: d.size ?? d.byteSize ?? file.size,
                uploadResponse: response,
              };
              repairFileList.value.push(fileData);
            } else {
              showToast(response?.msg || "上传失败");
            }
          } else {
            showToast("上传失败");
          }
        } catch (e) {
          showToast("上传失败");
        }
        uploading.value = false;
        uploadProgress.value = 0;
      },
      fail: err => {
        console.error("扫码失败:", err);
        showToast("扫码失败，请重试");
      fail: () => {
        showToast("上传失败");
        uploading.value = false;
        uploadProgress.value = 0;
      },
    });
  };

  // å¤„理扫码结果
  const handleScanResult = scanResult => {
    if (!scanResult) {
      showToast("扫码结果为空");
      return;
    }

    isScanning.value = true;
    showToast("扫码成功");

    // 3秒后处理扫码结果
    scanTimer.value = setTimeout(() => {
      processScanResult(scanResult);
      isScanning.value = false;
    }, 100);
  };
  function getDeviceIdByRegExp(url) {
    // åŒ¹é…deviceId=后面的数字
    const reg = /deviceId=(\d+)/;
    const match = url.match(reg);
    // å¦‚果匹配到结果，返回数字类型，否则返回null
    return match ? Number(match[1]) : null;
  }

  // å¤„理扫码结果并匹配设备
  const processScanResult = scanResult => {
    const deviceId = getDeviceIdByRegExp(scanResult);
    const matchedDevice = deviceOptions.value.find(item => item.id == deviceId);

    if (matchedDevice) {
      // æ‰¾åˆ°åŒ¹é…çš„设备，自动填充
      form.value.deviceLedgerId = matchedDevice.id;
      deviceNameText.value = matchedDevice.deviceName;
      form.value.deviceModel = matchedDevice.deviceModel;
      showToast("设备信息已自动填充");
    } else {
      // æœªæ‰¾åˆ°åŒ¹é…çš„设备
      showToast("未找到匹配的设备，请手动选择");
    if (uploadTask && uploadTask.onProgressUpdate) {
      uploadTask.onProgressUpdate(e => {
        uploadProgress.value = e.progress;
      });
    }
  };

  // æ˜¾ç¤ºè®¾å¤‡é€‰æ‹©å™¨
  const showDevicePicker = () => {
    showDevice.value = true;
  };

  // ç¡®è®¤è®¾å¤‡é€‰æ‹©
  const onDeviceSelect = e => {
    form.value.deviceLedgerId = e.value;
    setDeviceModel(e.value);
    showDevice.value = false;
  const removeRepairFile = index => {
    repairFileList.value.splice(index, 1);
  };

  // æ˜¾ç¤ºæ—¥æœŸé€‰æ‹©å™¨
@@ -339,11 +465,6 @@
  });

  // ç»„件卸载时清理定时器
  onUnmounted(() => {
    if (scanTimer.value) {
      clearTimeout(scanTimer.value);
    }
  });

  // æäº¤è¡¨å•
  const sendForm = async () => {
@@ -357,6 +478,9 @@
      } else if (!form.value.repairTime || form.value.repairTime.trim() === "") {
        isValid = false;
        errorMessage = "请选择报修日期";
      } else if (form.value.status === undefined || form.value.status === null || form.value.status === "") {
        isValid = false;
        errorMessage = "请选择报修状态";
      } else if (!form.value.repairName || form.value.repairName.trim() === "") {
        isValid = false;
        errorMessage = "请输入报修人";
@@ -373,8 +497,13 @@
      loading.value = true;
      const id = getPageId();

      // å‡†å¤‡æäº¤æ•°æ®
      // é™„件数组：上传接口返回的附件信息（与巡检一致传 fileList）
      const fileList = repairFileList.value.map(f => {
        const d = f.uploadResponse?.data !== undefined ? f.uploadResponse.data : f.uploadResponse;
        return d ? { ...d } : null;
      }).filter(Boolean);
      const submitData = { ...form.value };
      if (fileList.length) submitData.fileList = fileList;

      const { code } = id
        ? await editRepair({ id: id, ...submitData })
@@ -480,10 +609,139 @@
    color: #888;
  }

  .scan-icon {
    color: #1989fa;
    font-size: 18px;
    margin-left: 8px;
    cursor: pointer;
  :deep(.device-name-form-item .u-form-item__content) {
    justify-content: flex-start !important;
  }

  .device-picker-wrap {
    width: 100%;
    flex: 1;
    min-width: 0;
  }

  .device-picker-full {
    display: block;
    width: 100%;
  }

  .picker-input-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 36px;
    padding: 0;
  }

  .picker-input-text {
    flex: 1;
    min-width: 0;
    font-size: 15px;
    color: #333;
    line-height: 36px;
    margin-right: 8px;
  }

  .picker-input-arrow {
    flex-shrink: 0;
    display: flex;
    align-items: center;
  }

  .picker-input-text.placeholder {
    color: #c0c4cc;
  }

  .simple-upload-area {
    padding: 15px 20px;
  }

  .upload-buttons {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
  }

  .upload-progress {
    margin: 15px 0;
    padding: 0 10px;
  }

  .file-list {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .file-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    padding: 8px;
    border: 1px solid #e9ecef;
    width: calc(50% - 6px);
    min-width: 120px;
  }

  .file-preview-container {
    position: relative;
    margin-bottom: 8px;
  }

  .file-preview {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    object-fit: cover;
    border: 2px solid #f0f0f0;
  }

  .delete-btn {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 20px;
    height: 20px;
    background: #ff4757;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
  }

  .file-info {
    text-align: center;
    width: 100%;
  }

  .file-name {
    font-size: 12px;
    color: #333;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
  }

  .file-size {
    font-size: 10px;
    color: #999;
    margin-top: 2px;
    display: block;
  }

  .empty-state {
    text-align: center;
    padding: 24px 16px;
    color: #999;
    font-size: 14px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 2px dashed #ddd;
  }
</style>

 src/pages/equipmentManagement/repair/index.vue

@@ -49,7 +49,7 @@
              <text class="detail-value">{{ formatDate(item.repairTime) || '-' }}</text>
            </view>
            <view class="detail-row">
              <text class="detail-label">报修人</text>
              <text class="detail-label">维修人</text>
              <text class="detail-value">{{ item.repairName || '-' }}</text>
            </view>
            <view class="detail-row">
@@ -57,7 +57,7 @@
              <text class="detail-value">{{ item.remark || '-' }}</text>
            </view>
            <view class="detail-row">
              <text class="detail-label">维修人</text>
              <text class="detail-label">报修人</text>
              <text class="detail-value">{{ item.maintenanceName || '-' }}</text>
            </view>
            <view class="detail-row">
@@ -80,6 +80,14 @@
              @click="edit(item.id)"
            >
              ç¼–辑
            </u-button>
            <u-button
              type="success"
              size="small"
              class="action-btn"
              @click="viewAttachments(item)"
            >
              æŸ¥çœ‹é™„件
            </u-button>
            <u-button
              type="warning"
@@ -107,6 +115,72 @@
    <view v-else class="no-data">
      <text>暂无设备报修数据</text>
    </view>
    <!-- æŸ¥çœ‹é™„件弹窗 -->
    <view v-if="showAttachmentDialog" class="custom-modal-overlay" @click="closeAttachmentDialog">
      <view class="custom-modal-container" @click.stop>
        <view class="attachment-popup-content">
          <view class="attachment-popup-header">
            <text class="attachment-popup-title">查看附件 - {{ currentViewRepair?.deviceName || '报修' }}</text>
            <view class="close-btn-attachment" @click="closeAttachmentDialog">
              <u-icon name="close" size="16" color="#666"></u-icon>
            </view>
          </view>
          <view class="attachment-popup-body">
            <view class="attachment-content">
              <view v-if="attachmentList.length > 0" class="attachment-list">
                <view
                  v-for="(file, index) in attachmentList"
                  :key="index"
                  class="attachment-item"
                  @click="previewAttachment(file)"
                >
                  <view class="attachment-preview-container">
                    <image
                      v-if="isImageFile(file)"
                      :src="formatFileUrl(file.url || file.downloadUrl)"
                      class="attachment-preview"
                      mode="aspectFill"
                    />
                    <view v-else class="attachment-video-preview">
                      <u-icon name="video" size="24" color="#409eff"></u-icon>
                      <text class="video-text">视频</text>
                    </view>
                  </view>
                  <view class="attachment-info">
                    <text class="attachment-name">{{ file.originalFilename || file.bucketFilename || file.name || '附件' }}</text>
                    <text class="attachment-size">{{ formatFileSize(file.byteSize || file.size) }}</text>
                  </view>
                </view>
              </view>
              <view v-else class="attachment-empty">
                <text>暂无附件</text>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <!-- è§†é¢‘预览弹窗 -->
    <view v-if="showVideoDialog" class="video-modal-overlay" @click="closeVideoPreview">
      <view class="video-modal-container" @click.stop>
        <view class="video-modal-header">
          <text class="video-modal-title">{{ currentVideoFile?.originalFilename || currentVideoFile?.bucketFilename || '视频预览' }}</text>
          <view class="close-btn-video" @click="closeVideoPreview">
            <u-icon name="close" size="16" color="#fff"></u-icon>
          </view>
        </view>
        <view class="video-modal-body">
          <video
            v-if="currentVideoFile"
            :src="currentVideoFile.url || currentVideoFile.downloadUrl"
            class="video-player"
            controls
            autoplay
            @error="handleVideoError"
          ></video>
        </view>
      </view>
    </view>
    <!-- æµ®åŠ¨æ“ä½œæŒ‰é’® -->
        <view class="fab-button" @click="addRepair">
            <up-icon name="plus" size="24" color="#ffffff"></up-icon>
@@ -118,7 +192,8 @@
import { ref, onMounted } from 'vue'
import { onShow } from '@dcloudio/uni-app'
import PageHeader from '@/components/PageHeader.vue'
import { getRepairPage, delRepair } from '@/api/equipmentManagement/repair'
import { getRepairPage, delRepair, getRepairById } from '@/api/equipmentManagement/repair'
import config from '@/config'
import useUserStore from "@/store/modules/user"

const showToast = (message) => {
@@ -135,6 +210,81 @@

// è®¾å¤‡æŠ¥ä¿®æ•°æ®
const repairList = ref([])

// æŸ¥çœ‹é™„件
const showAttachmentDialog = ref(false)
const attachmentList = ref([])
const currentViewRepair = ref(null)
const showVideoDialog = ref(false)
const currentVideoFile = ref(null)

const filePreviewBase = config.fileUrl || config.baseUrl || ''

const formatFileUrl = (url) => {
  if (!url) return ''
  if (url.startsWith('http://') || url.startsWith('https://')) return url
  const base = (filePreviewBase || '').replace(/\/$/, '')
  const path = (url || '').replace(/^\/+/, '')
  return path ? `${base}/${path}` : base
}

const isImageFile = (file) => {
  if (file?.contentType && file.contentType.startsWith('image/')) return true
  if (file?.type === 'image') return true
  const name = file?.bucketFilename || file?.originalFilename || file?.name || ''
  const ext = name.split('.').pop()?.toLowerCase()
  return ['jpg', 'jpeg', 'png', 'gif', 'webp'].includes(ext)
}

const formatFileSize = (size) => {
  if (!size) return ''
  if (size < 1024) return size + 'B'
  if (size < 1024 * 1024) return (size / 1024).toFixed(1) + 'KB'
  return (size / (1024 * 1024)).toFixed(1) + 'MB'
}

const viewAttachments = async (item) => {
  try {
    currentViewRepair.value = item
    const { code, data } = await getRepairById(item.id)
    if (code === 200 && data) {
      attachmentList.value = Array.isArray(data.fileList) ? data.fileList : (Array.isArray(data.commonFileList) ? data.commonFileList : [])
      showAttachmentDialog.value = true
    } else {
      showToast('获取附件失败')
    }
  } catch (e) {
    showToast('获取附件失败')
  }
}

const closeAttachmentDialog = () => {
  showAttachmentDialog.value = false
  currentViewRepair.value = null
  attachmentList.value = []
}

const previewAttachment = (file) => {
  if (isImageFile(file)) {
    const urls = attachmentList.value.filter((f) => isImageFile(f)).map((f) => formatFileUrl(f.url || f.downloadUrl))
    uni.previewImage({
      urls,
      current: formatFileUrl(file.url || file.downloadUrl)
    })
  } else {
    currentVideoFile.value = file
    showVideoDialog.value = true
  }
}

const closeVideoPreview = () => {
  showVideoDialog.value = false
  currentVideoFile.value = null
}

const handleVideoError = () => {
  uni.showToast({ title: '视频播放失败', icon: 'none' })
}

// è¿”回上一页
const goBack = () => {
@@ -262,4 +412,216 @@
.action-buttons {
  gap: 8px; // ä¸Žå…¬å…±æ ·å¼ä¸­çš„ 12px ä¸åŒ
}

/* æŸ¥çœ‹é™„件弹窗 */
.custom-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.custom-modal-container {
  width: 100%;
  max-width: 500px;
  max-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.attachment-popup-content {
  background: #fff;
  border-radius: 12px;
  width: 100%;
  min-height: 300px;
  max-height: 70vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.attachment-popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  border-bottom: 1px solid #eee;
  background: #f8f9fa;
}

.attachment-popup-title {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

.close-btn-attachment {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.attachment-popup-body {
  flex: 1;
  padding: 15px 20px;
  overflow-y: auto;
}

.attachment-content {
  min-height: 200px;
}

.attachment-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.attachment-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  border-radius: 12px;
  padding: 8px;
  border: 1px solid #e9ecef;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  width: calc(33.33% - 8px);
  min-width: 100px;
}

.attachment-preview-container {
  margin-bottom: 8px;
}

.attachment-preview {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  object-fit: cover;
  border: 2px solid #f0f0f0;
}

.attachment-video-preview {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px solid #f0f0f0;
}

.attachment-info {
  text-align: center;
  width: 100%;
}

.attachment-name {
  font-size: 12px;
  color: #333;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80px;
}

.attachment-size {
  font-size: 10px;
  color: #999;
  margin-top: 2px;
  display: block;
}

.attachment-empty {
  text-align: center;
  padding: 60px 20px;
  color: #999;
  font-size: 14px;
  background: #f8f9fa;
  border-radius: 8px;
  border: 2px dashed #ddd;
}

/* è§†é¢‘预览弹窗 */
.video-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.video-modal-container {
  width: 90%;
  max-width: 800px;
  max-height: 80vh;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

.video-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
}

.video-modal-title {
  font-size: 16px;
  color: #fff;
}

.close-btn-video {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-modal-body {
  background: #000;
}

.video-player {
  width: 100%;
  height: auto;
  max-height: 60vh;
  display: block;
}

.video-text {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
}
</style>

 src/pages/equipmentManagement/repair/maintain.vue

@@ -12,10 +12,10 @@
      <u-cell-group title="维修信息"
                    inset>
        <u-form-item prop="maintenanceName"
                     label="维修人"
                     label="报修人"
                     required>
          <u-input v-model="form.maintenanceName"
                   placeholder="请输入维修人"
                   placeholder="请输入报修人"
                   clearable />
        </u-form-item>
        <u-form-item prop="maintenanceResult"
@@ -101,7 +101,7 @@
  // è¡¨å•éªŒè¯è§„则
  const formRules = {
    maintenanceName: [
      { required: true, trigger: "blur", message: "请输入维修人" },
      { required: true, trigger: "blur", message: "请输入报修人" },
    ],
    maintenanceResult: [
      { required: true, trigger: "blur", message: "请输入维修结果" },
@@ -223,7 +223,7 @@
  // åˆå§‹åŒ–表单数据
  const initForm = () => {
    form.value.status = "1";
    // è®¾ç½®ç»´ä¿®äººä¸ºå½“前用户昵称
    // è®¾ç½®æŠ¥ä¿®äººä¸ºå½“前用户昵称
    form.value.maintenanceName = userStore.nickName || "";
    // è®¾ç½®å½“前日期（只包含年月日）
    form.value.maintenanceTime = dayjs().format("YYYY-MM-DD HH:mm:ss");

 src/pages/equipmentManagement/smartDispatch/index.vue

@@ -68,7 +68,7 @@
              <text class="detail-value">{{ task.faultDescription }}</text>
            </view>
            <view class="detail-row">
              <text class="detail-label">报修人</text>
              <text class="detail-label">维修人</text>
              <text class="detail-value">{{ task.reporterName }}</text>
            </view>
            <view class="detail-row">

 src/pages/equipmentManagement/upkeep/index.vue

@@ -1,92 +1,82 @@
<template>
  <view class="sales-account">
    <!-- ä½¿ç”¨é€šç”¨é¡µé¢å¤´éƒ¨ç»„件 -->
  <view class="upkeep-page">
    <PageHeader title="设备保养"
                @back="goBack" />
    <!-- æœç´¢åŒºåŸŸ -->
    <view class="search-section">
      <view class="search-bar">
        <view class="search-input">
          <up-input class="search-text"
                    placeholder="请输入设备名称搜索"
                    v-model="searchKeyword"
                    @change="getList"
                    clearable />
        </view>
        <view class="filter-button"
              @click="getList">
          <up-icon name="search"
                   size="24"
                   color="#999"></up-icon>
    <view class="toolbar">
      <view class="search-section">
        <view class="search-bar">
          <view class="search-input">
            <up-input class="search-text"
                      placeholder="请输入设备名称搜索"
                      v-model="searchKeyword"
                      clearable />
          </view>
          <view class="search-button"
                @click="handleQuery">
            <up-icon name="search"
                     size="24"
                     color="#999"></up-icon>
          </view>
        </view>
      </view>
      <view class="meta-bar">
        <text class="meta-text">共 {{ total }} æ¡</text>
      </view>
    </view>
    <!-- è®¾å¤‡ä¿å…»åˆ—表 -->
    <view class="ledger-list"
          v-if="upkeepList.length > 0">
    <view class="list-section">
      <view v-for="(item, index) in upkeepList"
            :key="index">
        <view class="ledger-item"
              @click="toggleSelection(item)">
          <view class="item-header">
            <view class="item-left">
              <view class="document-icon">
                <up-icon name="file-text"
                         size="16"
                         color="#ffffff"></up-icon>
              </view>
              <text class="item-id">设备名称：{{ item.deviceName }}</text>
            :key="item.id || index"
            class="ledger-item">
        <view class="item-header">
          <view class="item-left">
            <view class="document-icon">
              <up-icon name="file-text"
                       size="14"
                       color="#ffffff"></up-icon>
            </view>
            <view class="status-tag">
              <u-tag v-if="item.status === 1"
                     type="success">完结</u-tag>
              <u-tag v-if="item.status === 0"
                     type="warning">待保养</u-tag>
              <u-tag v-if="item.status === 2"
                     type="error">失败</u-tag>
            </view>
            <text class="item-id">{{ item.deviceName || "--" }}</text>
          </view>
          <view class="item-right">
            <u-tag v-if="item.status === 1"
                   type="success">完结</u-tag>
            <u-tag v-if="item.status === 0"
                   type="warning">待保养</u-tag>
            <u-tag v-if="item.status === 2"
                   type="error">失败</u-tag>
          </view>
        </view>
        <up-divider></up-divider>
        <view class="item-details">
          <view class="detail-row">
            <text class="detail-label">规格型号</text>
            <text class="detail-value">{{ item.deviceModel || "--" }}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">计划保养日期</text>
            <text class="detail-value">{{ formatDate(item.maintenancePlanTime) || "--" }}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">录入人</text>
            <text class="detail-value">{{ item.createUserName || "--" }}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">录入日期</text>
            <text class="detail-value">{{ formatDateTime(item.createTime) || "--" }}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">实际保养人</text>
            <text class="detail-value">{{ item.maintenanceActuallyName || "--" }}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">实际保养日期</text>
            <text class="detail-value">{{ formatDateTime(item.maintenanceActuallyTime) || "--" }}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">保养结果</text>
            <text class="detail-value">{{ item.maintenanceResult || "--" }}</text>
          </view>
          <up-divider></up-divider>
          <view class="item-details">
            <view class="detail-row">
              <text class="detail-label">规格型号</text>
              <text class="detail-value">{{ item.deviceModel || '-' }}</text>
            </view>
            <view class="detail-row">
              <text class="detail-label">计划保养日期</text>
              <text class="detail-value">{{ formatDate(item.maintenancePlanTime) || '-' }}</text>
            </view>
            <view class="detail-row">
              <text class="detail-label">录入人</text>
              <text class="detail-value">{{ item.createUserName || '-' }}</text>
            </view>
            <view class="detail-row">
              <text class="detail-label">录入日期</text>
              <text class="detail-value">{{ formatDateTime(item.createTime) || '-' }}</text>
            </view>
            <view class="detail-row">
              <text class="detail-label">实际保养人</text>
              <text class="detail-value">{{ item.maintenanceActuallyName || '-' }}</text>
            </view>
            <view class="detail-row">
              <text class="detail-label">实际保养日期</text>
              <text class="detail-value">{{ formatDateTime(item.maintenanceActuallyTime) || '-' }}</text>
            </view>
            <view class="detail-row">
              <text class="detail-label">保养结果</text>
              <text class="detail-value">{{item.maintenanceResult || '-'}}
              </text>
            </view>
          </view>
          <!-- æŒ‰é’®åŒºåŸŸ -->
          <view class="action-buttons">
            <!-- <u-button type="primary"
                      size="small"
                      class="action-btn"
                      :disabled="item.status === 1"
                      @click.stop="edit(item.id)">
              ç¼–辑
            </u-button> -->
          <view class="card-actions">
            <u-button type="warning"
                      size="small"
                      class="action-btn"
@@ -107,21 +97,14 @@
                      @click.stop="viewDetail(item)">
              è¯¦æƒ…
            </u-button>
            <!-- <u-button type="warning"
                      size="small"
                      class="action-btn"
                      @click.stop="addFile(item.id)">
              é™„件
            </u-button> -->
          </view>
        </view>
      </view>
      <view v-if="!loading && upkeepList.length === 0"
            class="no-data">
        <text>暂无设备保养数据</text>
      </view>
    </view>
    <view v-else
          class="no-data">
      <text>暂无设备保养数据</text>
    </view>
    <!-- æµ®åŠ¨æ–°å¢žæŒ‰é’® -->
    <view class="fab-button"
          @click="addPlan">
      <up-icon name="plus"
@@ -154,7 +137,10 @@
  // è®¾å¤‡ä¿å…»æ•°æ®
  const upkeepList = ref([]);

  // å¤šé€‰åˆ—表
  const total = ref(0);
  const loading = ref(false);

  // å¤šé€‰åˆ—表（保养按钮未传 id æ—¶ç”¨ï¼‰
  const multipleList = ref([]);

  // è¿”回上一页
@@ -174,9 +160,13 @@
    return dayjs(dateStr).format("YYYY-MM-DD HH:mm:ss");
  };

  const handleQuery = () => {
    getList();
  };

  // æŸ¥è¯¢åˆ—表
  const getList = () => {
    showLoadingToast("加载中...");
    loading.value = true;
    const params = {
      current: -1,
      size: -1,
@@ -184,13 +174,16 @@
    };
    getUpkeepPage(params)
      .then(res => {
        // å¦‚æžœres.data不是数组，设置为空数组
        upkeepList.value = res.records || res.data?.records || [];
        closeToast();
        const records = res?.records ?? res?.data?.records ?? [];
        upkeepList.value = records;
        total.value = Array.isArray(records) ? records.length : Number(res?.total ?? res?.data?.total ?? 0);
      })
      .catch(() => {
        closeToast();
        upkeepList.value = [];
        showToast("获取数据失败");
      })
      .finally(() => {
        loading.value = false;
      });
  };
  // æ–°å¢žé™„件 - è·³è½¬åˆ°é™„件页面
@@ -322,45 +315,182 @@
</script>

<style scoped lang="scss">
  @import "@/styles/sales-common.scss";

  // è®¾å¤‡ä¿å…»ç‰¹æœ‰æ ·å¼
  .sales-account {
    padding-bottom: 80px; // ä¸ºæµ®åŠ¨æŒ‰é’®ç•™å‡ºç©ºé—´
  .upkeep-page {
    min-height: 100vh;
    background: #f6f7fb;
  }

  .action-section {
    padding: 10px 20px;
  .toolbar {
    padding: 20rpx 24rpx;
    background: #fff;
    border-bottom: 1rpx solid #f0f0f0;
    position: sticky;
    top: 0;
    z-index: 10;
  }

  .search-section {
    margin-top: 0;
  }

  .search-bar {
    display: flex;
    align-items: center;
    background: #f7f8fa;
    border-radius: 14rpx;
    padding: 8rpx 12rpx 8rpx 16rpx;
    border: 1rpx solid #eef1f5;
  }

  .search-input {
    flex: 1;
    min-width: 0;
  }

  .search-text {
    background: transparent !important;
  }

  :deep(.search-text .u-input__content),
  :deep(.search-text .up-input__content) {
    background: transparent !important;
    padding: 0 !important;
  }

  .search-button {
    width: 64rpx;
    height: 64rpx;
    border-radius: 12rpx;
    background: #ffffff;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .action-section .action-buttons {
    gap: 8px; // ä¸Žå…¬å…±æ ·å¼ä¸­çš„ 12px ä¸åŒ
    justify-content: flex-start;
  .meta-bar {
    margin-top: 16rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f7f9fc;
    border-radius: 12rpx;
    padding: 10rpx 16rpx;
  }

  .checkbox-wrapper {
  .meta-text {
    color: #5c6b8a;
    font-size: 22rpx;
  }

  .list-section {
    padding: 20rpx 24rpx;
    padding-bottom: calc(132rpx + env(safe-area-inset-bottom));
  }

  .ledger-item {
    background: #ffffff;
    border-radius: 20rpx;
    margin-bottom: 16rpx;
    overflow: hidden;
    box-shadow: 0 8rpx 20rpx rgba(0, 0, 0, 0.05);
    padding: 0 20rpx;
  }

  .item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22rpx 0;
  }

  .item-left {
    display: flex;
    align-items: center;
    gap: 10rpx;
    flex: 1;
    min-width: 0;
  }

  .item-right {
    display: flex;
    align-items: center;
  }

  .status-tag {
  .document-icon {
    width: 38rpx;
    height: 38rpx;
    border-radius: 8rpx;
    background: #2979ff;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .item-id {
    font-size: 28rpx;
    color: #1f1f1f;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .item-details {
    padding: 18rpx 0 20rpx;
  }

  .detail-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 12rpx;
  }

  .detail-label {
    min-width: 80px; // ä¸Žå…¬å…±æ ·å¼ä¸­çš„ 60px ä¸åŒ
    min-width: 160rpx;
    color: #777;
    font-size: 24rpx;
  }

  .detail-value {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1;
    color: #333;
    font-size: 24rpx;
    text-align: right;
    word-break: break-all;
    margin-left: 12rpx;
  }

  .ledger-item .action-buttons {
    gap: 8px; // ä¸Žå…¬å…±æ ·å¼ä¸­çš„ 12px ä¸åŒ
  .card-actions {
    padding-top: 8rpx;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12rpx;
  }

  .action-btn {
    min-width: 100rpx;
  }

  .fab-button {
    position: fixed;
    bottom: calc(30px + env(safe-area-inset-bottom));
    right: 30px;
    width: 56px;
    height: 56px;
    background: #2979ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(41, 121, 255, 0.3);
    z-index: 1000;
  }

  .no-data {
    padding: 40rpx 0;
    text-align: center;
    color: #999;
  }
</style>

 src/pages/equipmentManagement/upkeepTask/components/formDia.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,659 @@
<template>
  <u-popup :show="dialogVisitable"
           mode="center"
           :round="12"
           :zIndex="900"
           @close="cancel">
    <view class="popup-content">
      <view class="popup-title">{{ operationType === "add" ? "新增保养任务" : "编辑保养任务" }}</view>
      <view class="form-body">
        <view class="form-item">
          <text class="label">任务名称</text>
          <up-input v-model="form.taskName"
                    placeholder="请输入任务名称"
                    border="none"
                    customStyle="background: #f7f8fa; padding: 0 20rpx; min-height: 72rpx; border-radius: 12rpx;" />
        </view>
        <view class="form-item">
          <text class="label">设备</text>
          <view class="picker-value inspector-picker"
                @click="openDevicePopup">
            <text>{{ deviceNamesText || "请选择设备" }}</text>
            <u-icon name="arrow-right"
                    size="14"
                    color="#999" />
          </view>
          <view class="inspector-tags"
                v-if="form.deviceIds?.length">
            <view v-for="id in form.deviceIds"
                  :key="id"
                  class="inspector-tag"
                  @click="toggleDevice(id)">
              <text>{{ getDeviceName(id) }}</text>
              <u-icon name="close"
                      size="11"
                      color="#1677ff" />
            </view>
          </view>
        </view>
        <view class="form-item">
          <text class="label">录入人</text>
          <picker mode="selector"
                  :range="userList"
                  range-key="nickName"
                  :value="inspectorIndex"
                  @change="onInspectorChange">
            <view class="picker-value">{{ form.registrant || "请选择录入人" }}</view>
          </picker>
        </view>
        <view class="form-item">
          <text class="label">登记时间</text>
          <picker mode="date"
                  :value="form.registrationDate || todayStr"
                  @change="onRegistrationDateChange">
            <view class="picker-value">{{ form.registrationDate || "请选择登记时间" }}</view>
          </picker>
        </view>
        <view class="form-item">
          <text class="label">任务频率</text>
          <picker mode="selector"
                  :range="frequencyOptions"
                  range-key="label"
                  :value="frequencyIndex"
                  @change="onFrequencyChange">
            <view class="picker-value">{{ currentFrequencyLabel || "请选择任务频率" }}</view>
          </picker>
        </view>
        <view class="form-item"
              v-if="form.frequencyType === 'DAILY'">
          <text class="label">时间</text>
          <picker mode="time"
                  :value="form.frequencyDetail || '08:00'"
                  @change="onDailyTimeChange">
            <view class="picker-value">{{ form.frequencyDetail || "请选择时间" }}</view>
          </picker>
        </view>
        <view class="form-item"
              v-if="form.frequencyType === 'WEEKLY'">
          <text class="label">每周日期</text>
          <picker mode="selector"
                  :range="weekOptions"
                  range-key="label"
                  :value="weekIndex"
                  @change="onWeekChange">
            <view class="picker-value">{{ currentWeekLabel || "请选择星期" }}</view>
          </picker>
        </view>
        <view class="form-item"
              v-if="form.frequencyType === 'WEEKLY'">
          <text class="label">每周时间</text>
          <picker mode="time"
                  :value="form.time || '08:00'"
                  @change="onWeekTimeChange">
            <view class="picker-value">{{ form.time || "请选择时间" }}</view>
          </picker>
        </view>
        <view class="form-item"
              v-if="form.frequencyType === 'MONTHLY'">
          <text class="label">每月日期与时间</text>
          <picker mode="date"
                  fields="day"
                  :value="monthlyDate"
                  @change="onMonthlyDateChange">
            <view class="picker-value">{{ monthlyDate || "请选择日期" }}</view>
          </picker>
          <picker mode="time"
                  :value="monthlyTime"
                  @change="onMonthlyTimeChange">
            <view class="picker-value">{{ monthlyTime || "请选择时间" }}</view>
          </picker>
        </view>
        <view class="form-item"
              v-if="form.frequencyType === 'QUARTERLY'">
          <text class="label">季度日期与时间</text>
          <picker mode="date"
                  :value="quarterlyDate"
                  @change="onQuarterlyDateChange">
            <view class="picker-value">{{ quarterlyDate || "请选择日期" }}</view>
          </picker>
          <picker mode="time"
                  :value="quarterlyTime"
                  @change="onQuarterlyTimeChange">
            <view class="picker-value">{{ quarterlyTime || "请选择时间" }}</view>
          </picker>
        </view>
        <view class="form-item">
          <text class="label">备注</text>
          <u-textarea v-model="form.remarks"
                      placeholder="请输入备注"
                      :height="80"
                      count />
        </view>
      </view>
      <view class="popup-footer">
        <u-button @click="cancel">取消</u-button>
        <u-button type="primary"
                  @click="submitForm">保存</u-button>
      </view>
    </view>
  </u-popup>
  <u-popup :show="showDevicePopup"
           mode="bottom"
           :round="16"
           :zIndex="1100"
           @close="closeDevicePopup">
    <view class="inspector-popup">
      <view class="inspector-header">
        <text class="inspector-title">选择设备</text>
      </view>
      <scroll-view scroll-y
                   class="inspector-list">
        <view v-for="item in deviceOptions"
              :key="item.id"
              class="inspector-row"
              @click="toggleDevice(item.id)">
          <text class="inspector-name">{{ item.deviceName }}</text>
          <u-icon v-if="(form.deviceIds || []).includes(item.id)"
                  name="checkmark-circle-fill"
                  color="#1677ff"
                  size="20" />
          <u-icon v-else
                  name=""
                  color="#d5d8de"
                  size="20" />
        </view>
      </scroll-view>
      <view class="inspector-footer">
        <u-button @click="closeDevicePopup">确定</u-button>
      </view>
    </view>
  </u-popup>
</template>

<script setup>
  import { computed, reactive, ref } from "vue";
  import useUserStore from "@/store/modules/user";
  import {
    deviceMaintenanceTaskAdd,
    deviceMaintenanceTaskEdit,
  } from "@/api/equipmentManagement/upkeep.js";
  import { userListNoPageByTenantId } from "@/api/system/user.js";
  import { getDeviceLedger } from "@/api/equipmentManagement/ledger.js";

  const emit = defineEmits(["closeDia"]);
  const userStore = useUserStore();
  const dialogVisitable = ref(false);
  const operationType = ref("add");
  const deviceOptions = ref([]);
  const userList = ref([]);
  const showDevicePopup = ref(false);

  const todayStr = ref("");
  try {
    const d = new Date();
    todayStr.value = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
  } catch (e) {}

  const defaultForm = () => ({
    id: undefined,
    taskName: "",
    deviceIds: [],
    registrantId: undefined,
    registrant: "",
    registrationDate: "",
    remarks: "",
    frequencyType: "",
    frequencyDetail: "",
    week: "",
    time: "",
  });

  const form = reactive(defaultForm());

  const frequencyOptions = [
    { label: "每日", value: "DAILY" },
    { label: "每周", value: "WEEKLY" },
    { label: "每月", value: "MONTHLY" },
    { label: "季度", value: "QUARTERLY" },
  ];

  const weekOptions = [
    { label: "周一", value: "MON" },
    { label: "周二", value: "TUE" },
    { label: "周三", value: "WED" },
    { label: "周四", value: "THU" },
    { label: "周五", value: "FRI" },
    { label: "周六", value: "SAT" },
    { label: "周日", value: "SUN" },
  ];

  const monthlyDate = ref("");
  const monthlyTime = ref("");
  const quarterlyDate = ref("");
  const quarterlyTime = ref("");

  const frequencyIndex = computed(() => {
    const index = frequencyOptions.findIndex(item => item.value === form.frequencyType);
    return index >= 0 ? index : 0;
  });

  const weekIndex = computed(() => {
    const index = weekOptions.findIndex(item => item.value === form.week);
    return index >= 0 ? index : 0;
  });

  const currentFrequencyLabel = computed(() => {
    return frequencyOptions.find(item => item.value === form.frequencyType)?.label || "";
  });

  const currentWeekLabel = computed(() => {
    return weekOptions.find(item => item.value === form.week)?.label || "";
  });

  const inspectorIndex = computed(() => {
    const index = userList.value.findIndex(item => String(item.userId) === String(form.registrantId));
    return index >= 0 ? index : 0;
  });

  const deviceNamesText = computed(() => {
    if (!form.deviceIds?.length) return "";
    return form.deviceIds
      .map(id => getDeviceName(id))
      .filter(Boolean)
      .join("、");
  });

  function getDeviceName(id) {
    const d = deviceOptions.value.find(item => String(item.id) === String(id));
    return d?.deviceName || "";
  }

  const resetForm = () => {
    Object.assign(form, defaultForm());
    monthlyDate.value = "";
    monthlyTime.value = "";
    quarterlyDate.value = "";
    quarterlyTime.value = "";
    showDevicePopup.value = false;
  };

  const normalizeIdList = val => {
    if (!val) return [];
    if (Array.isArray(val)) return val.map(v => (Number.isNaN(Number(v)) ? v : Number(v)));
    if (typeof val === "string") {
      const s = val.trim();
      if (s.startsWith("[") && s.endsWith("]")) {
        try {
          const arr = JSON.parse(s);
          return Array.isArray(arr) ? arr : [];
        } catch {
          return [];
        }
      }
      return s.split(",").map(v => v.trim()).filter(Boolean).map(v => (Number.isNaN(Number(v)) ? v : Number(v)));
    }
    return [];
  };

  const parseWeeklyDetail = detail => {
    if (!detail || typeof detail !== "string" || !detail.includes(",")) return;
    const [week, time] = detail.split(",");
    form.week = week || "";
    form.time = time || "";
  };

  const parseMonthlyDetail = detail => {
    if (!detail || typeof detail !== "string" || !detail.includes(",")) return;
    const [day, time] = detail.split(",");
    if (day) {
      const y = new Date().getFullYear();
      const m = new Date().getMonth() + 1;
      monthlyDate.value = `${y}-${String(m).padStart(2, "0")}-${String(day).padStart(2, "0")}`;
    }
    if (time) monthlyTime.value = time;
  };

  const parseQuarterlyDetail = detail => {
    if (!detail || typeof detail !== "string") return;
    const parts = detail.split(",");
    if (parts.length >= 3) {
      const [mm, dd, time] = parts;
      const y = new Date().getFullYear();
      quarterlyDate.value = `${y}-${String(mm).padStart(2, "0")}-${String(dd).padStart(2, "0")}`;
      quarterlyTime.value = time || "";
    }
  };

  const openDialog = async (type, row) => {
    operationType.value = type;
    dialogVisitable.value = true;
    resetForm();
    try {
      const [userRes, deviceRes] = await Promise.all([
        userListNoPageByTenantId(),
        getDeviceLedger(),
      ]);
      userList.value = userRes?.data || [];
      deviceOptions.value = deviceRes?.data || [];
      if (type === "edit" && row) {
        Object.assign(form, {
          ...defaultForm(),
          ...row,
          deviceIds: normalizeIdList(row.deviceIds ?? row.taskIds ?? row.deviceIds),
        });
        if (!form.registrationDate && row.registrationDate) form.registrationDate = row.registrationDate;
        if (row.registrantId) form.registrantId = row.registrantId;
        if (row.registrant) form.registrant = row.registrant;
        if (form.frequencyType === "WEEKLY") parseWeeklyDetail(form.frequencyDetail);
        if (form.frequencyType === "MONTHLY") parseMonthlyDetail(form.frequencyDetail);
        if (form.frequencyType === "QUARTERLY") parseQuarterlyDetail(form.frequencyDetail);
      } else {
        form.registrationDate = todayStr.value;
        const userInfo = await userStore.getInfo();
        if (userInfo?.user?.userId) {
          form.registrantId = userInfo.user.userId;
          form.registrant = userInfo.user.nickName || userInfo.user.userName || "";
        }
      }
    } catch (error) {
      uni.showToast({
        title: "初始化失败",
        icon: "none",
      });
    }
  };

  const openDevicePopup = () => {
    showDevicePopup.value = true;
  };

  const closeDevicePopup = () => {
    showDevicePopup.value = false;
  };

  const toggleDevice = id => {
    const ids = form.deviceIds || [];
    if (ids.includes(id)) {
      form.deviceIds = ids.filter(i => i !== id);
    } else {
      form.deviceIds = [...ids, id];
    }
  };

  const onInspectorChange = e => {
    const index = Number(e?.detail?.value ?? 0);
    const user = userList.value[index];
    if (user) {
      form.registrantId = user.userId;
      form.registrant = user.nickName || "";
    }
  };

  const onRegistrationDateChange = e => {
    form.registrationDate = e?.detail?.value || "";
  };

  const onFrequencyChange = e => {
    const index = Number(e?.detail?.value ?? 0);
    const selected = frequencyOptions[index];
    form.frequencyType = selected?.value || "";
    form.frequencyDetail = "";
    form.week = "";
    form.time = "";
    monthlyDate.value = "";
    monthlyTime.value = "";
    quarterlyDate.value = "";
    quarterlyTime.value = "";
  };

  const onDailyTimeChange = e => {
    form.frequencyDetail = e?.detail?.value || "";
  };

  const onWeekChange = e => {
    const index = Number(e?.detail?.value ?? 0);
    const selected = weekOptions[index];
    form.week = selected?.value || "";
  };

  const onWeekTimeChange = e => {
    form.time = e?.detail?.value || "";
  };

  const onMonthlyDateChange = e => {
    monthlyDate.value = e?.detail?.value || "";
  };

  const onMonthlyTimeChange = e => {
    monthlyTime.value = e?.detail?.value || "";
  };

  const onQuarterlyDateChange = e => {
    quarterlyDate.value = e?.detail?.value || "";
  };

  const onQuarterlyTimeChange = e => {
    quarterlyTime.value = e?.detail?.value || "";
  };

  const validateForm = () => {
    if (!form.taskName?.trim()) {
      uni.showToast({ title: "请输入任务名称", icon: "none" });
      return false;
    }
    if (!form.deviceIds?.length) {
      uni.showToast({ title: "请选择设备", icon: "none" });
      return false;
    }
    if (!form.registrantId && !form.registrant) {
      uni.showToast({ title: "请选择录入人", icon: "none" });
      return false;
    }
    if (!form.registrationDate) {
      uni.showToast({ title: "请选择登记时间", icon: "none" });
      return false;
    }
    if (!form.frequencyType) {
      uni.showToast({ title: "请选择任务频率", icon: "none" });
      return false;
    }
    if (form.frequencyType === "DAILY" && !form.frequencyDetail) {
      uni.showToast({ title: "请选择时间", icon: "none" });
      return false;
    }
    if (form.frequencyType === "WEEKLY" && (!form.week || !form.time)) {
      uni.showToast({ title: "请选择每周日期和时间", icon: "none" });
      return false;
    }
    if (form.frequencyType === "MONTHLY" && (!monthlyDate.value || !monthlyTime.value)) {
      uni.showToast({ title: "请选择每月日期和时间", icon: "none" });
      return false;
    }
    if (form.frequencyType === "QUARTERLY" && (!quarterlyDate.value || !quarterlyTime.value)) {
      uni.showToast({ title: "请选择季度日期和时间", icon: "none" });
      return false;
    }
    return true;
  };

  const buildFrequencyDetail = () => {
    if (form.frequencyType === "WEEKLY") return `${form.week},${form.time}`;
    if (form.frequencyType === "MONTHLY") {
      const day = monthlyDate.value.split("-")[2] || "";
      return `${day},${monthlyTime.value}`;
    }
    if (form.frequencyType === "QUARTERLY") {
      const [y, m, d] = (quarterlyDate.value || "").split("-");
      return `${m},${d},${quarterlyTime.value}`;
    }
    return form.frequencyDetail || "";
  };

  const submitForm = async () => {
    if (!validateForm()) return;
    try {
      const payload = {
        id: form.id,
        taskName: form.taskName.trim(),
        deviceIds: JSON.stringify(form.deviceIds || []),
        registrantId: form.registrantId,
        registrant: form.registrant,
        registrationDate: form.registrationDate,
        frequencyType: form.frequencyType,
        frequencyDetail: buildFrequencyDetail(),
        remarks: form.remarks || "",
        status: "0",
        active: true,
        deleted: 0,
      };
      if (operationType.value === "edit" && form.id) {
        await deviceMaintenanceTaskEdit(payload);
      } else {
        delete payload.id;
        await deviceMaintenanceTaskAdd(payload);
      }
      uni.showToast({
        title: "提交成功",
        icon: "success",
      });
      cancel();
    } catch (error) {
      uni.showToast({
        title: "提交失败，请重试",
        icon: "none",
      });
    }
  };

  const cancel = () => {
    dialogVisitable.value = false;
    resetForm();
    emit("closeDia");
  };

  defineExpose({ openDialog });
</script>

<style scoped lang="scss">
  :deep(.uni-picker-container) {
    z-index: 1200 !important;
  }

  .popup-content {
    width: 88vw;
    max-height: 80vh;
    background: #fff;
    border-radius: 20rpx;
    overflow: hidden;
  }

  .popup-title {
    text-align: center;
    font-size: 32rpx;
    color: #1f1f1f;
    font-weight: 600;
    padding: 24rpx 20rpx;
    border-bottom: 1rpx solid #f0f0f0;
  }

  .form-body {
    padding: 24rpx;
    max-height: 56vh;
    overflow-y: auto;
  }

  .form-item {
    margin-bottom: 20rpx;
  }

  .label {
    display: block;
    margin-bottom: 10rpx;
    font-size: 24rpx;
    color: #666;
  }

  .picker-value {
    min-height: 72rpx;
    background: #f7f8fa;
    border-radius: 12rpx;
    padding: 0 20rpx;
    display: flex;
    align-items: center;
    color: #333;
    font-size: 26rpx;
  }

  .inspector-picker {
    justify-content: space-between;
  }

  .inspector-tags {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10rpx;
    gap: 10rpx;
  }

  .inspector-tag {
    display: flex;
    align-items: center;
    gap: 8rpx;
    background: #edf3ff;
    color: #1677ff;
    font-size: 22rpx;
    border-radius: 999rpx;
    padding: 6rpx 14rpx;
  }

  .popup-footer {
    display: flex;
    gap: 16rpx;
    padding: 20rpx 24rpx 24rpx;
    border-top: 1rpx solid #f0f0f0;
  }

  .inspector-popup {
    background: #fff;
    border-radius: 24rpx 24rpx 0 0;
    overflow: hidden;
    max-height: 70vh;
    padding-bottom: env(safe-area-inset-bottom);
  }

  .inspector-header {
    padding: 24rpx;
    text-align: center;
    border-bottom: 1rpx solid #f0f0f0;
  }

  .inspector-title {
    color: #1f1f1f;
    font-size: 30rpx;
    font-weight: 600;
  }

  .inspector-list {
    max-height: 46vh;
    padding: 0 24rpx;
  }

  .inspector-row {
    min-height: 82rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1rpx solid #f5f5f5;
  }

  .inspector-name {
    font-size: 26rpx;
    color: #333;
  }

  .inspector-footer {
    display: flex;
    gap: 16rpx;
    padding: 20rpx 24rpx 24rpx;
  }
</style>

 src/pages/equipmentManagement/upkeepTask/index.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,454 @@
<template>
  <view class="upkeep-task-page">
    <PageHeader title="定时任务管理"
                @back="goBack" />
    <view class="toolbar">
      <view class="search-section">
        <view class="search-bar">
          <view class="search-input">
            <up-input class="search-text"
                      placeholder="请输入保养任务名称"
                      v-model="queryParams.taskName"
                      clearable />
          </view>
          <view class="search-button"
                @click="handleQuery">
            <up-icon name="search"
                     size="24"
                     color="#999"></up-icon>
          </view>
        </view>
      </view>
      <view class="meta-bar">
        <text class="meta-text">共 {{ total }} æ¡</text>
      </view>
    </view>
    <view class="list-section">
      <uni-swipe-action>
        <uni-swipe-action-item v-for="item in tableData"
                               :key="item.id"
                               :right-options="swipeOptions"
                               @click="onSwipeActionClick($event, item)">
          <view class="ledger-item">
            <view class="item-header">
              <view class="item-left">
                <view class="document-icon">
                  <up-icon name="file-text"
                           size="14"
                           color="#ffffff"></up-icon>
                </view>
                <text class="item-id">{{ item.taskName || "--" }}</text>
              </view>
              <view class="item-right">
                <u-tag :type="getFrequencyTagType(item.frequencyType)"
                       :text="formatFrequency(item.frequencyType) || '未知频次'" />
              </view>
            </view>
            <up-divider></up-divider>
            <view class="item-details">
              <view class="detail-row">
                <text class="detail-label">任务编号</text>
                <text class="detail-value">{{ item.id || "--" }}</text>
              </view>
              <view class="detail-row">
                <text class="detail-label">设备</text>
                <text class="detail-value">{{ item.deviceName || "--" }}</text>
              </view>
              <view class="detail-row">
                <text class="detail-label">开始日期与时间</text>
                <text class="detail-value highlight">{{ formatFrequencyDetail(item.frequencyDetail) }}</text>
              </view>
              <view class="detail-row">
                <text class="detail-label">登记人</text>
                <text class="detail-value">{{ item.registrant || "--" }}</text>
              </view>
              <view class="detail-row">
                <text class="detail-label">登记日期</text>
                <text class="detail-value">{{ item.registrationDate || item.createTime || "--" }}</text>
              </view>
              <view class="detail-row">
                <text class="detail-label">备注</text>
                <text class="detail-value">{{ item.remarks || "无" }}</text>
              </view>
              <up-divider></up-divider>
              <view class="card-actions">
                <u-button type="primary"
                          size="small"
                          class="action-btn"
                          @click.stop="handleAdd(item)">编辑</u-button>
                <u-button type="error"
                          size="small"
                          plain
                          class="action-btn"
                          @click.stop="deleteOne(item)">删除</u-button>
              </view>
            </view>
          </view>
        </uni-swipe-action-item>
      </uni-swipe-action>
      <uni-load-more :status="loadMoreStatus"></uni-load-more>
      <view v-if="!loading && tableData.length === 0"
            class="no-data">
        <text>暂无数据</text>
      </view>
    </view>
    <view class="fab-button"
          @click="handleAdd()">
      <up-icon name="plus"
               size="24"
               color="#ffffff"></up-icon>
    </view>
    <form-dia ref="formDia"
              @closeDia="handleQuery" />
  </view>
</template>

<script setup>
  import { ref, reactive, computed, nextTick } from "vue";
  import { onShow, onReachBottom, onPullDownRefresh } from "@dcloudio/uni-app";
  import PageHeader from "@/components/PageHeader.vue";
  import FormDia from "@/pages/equipmentManagement/upkeepTask/components/formDia.vue";
  import {
    deviceMaintenanceTaskDel,
    deviceMaintenanceTaskList,
  } from "@/api/equipmentManagement/upkeep.js";

  const formDia = ref();
  const queryParams = reactive({
    taskName: "",
  });
  const pageParams = reactive({
    current: 1,
    size: 10,
  });
  const total = ref(0);
  const loading = ref(false);
  const tableData = ref([]);
  const swipeOptions = [
    {
      text: "删除",
      style: {
        backgroundColor: "#ee0a24",
      },
    },
  ];

  const noMore = computed(() => tableData.value.length >= total.value);
  const loadMoreStatus = computed(() => {
    if (loading.value) return "loading";
    if (noMore.value) return "noMore";
    return "more";
  });

  const goBack = () => {
    uni.navigateBack();
  };

  const formatFrequency = value => {
    if (value === "DAILY") return "每日";
    if (value === "WEEKLY") return "每周";
    if (value === "MONTHLY") return "每月";
    if (value === "QUARTERLY") return "季度";
    return "";
  };

  const getFrequencyTagType = value => {
    if (value === "DAILY") return "success";
    if (value === "WEEKLY") return "primary";
    if (value === "MONTHLY") return "warning";
    return "info";
  };

  const formatFrequencyDetail = value => {
    if (!value || typeof value !== "string") return "--";
    return value.replace(
      /MON|TUE|WED|THU|FRI|SAT|SUN/g,
      item =>
        ({
          MON: "周一",
          TUE: "周二",
          WED: "周三",
          THU: "周四",
          FRI: "周五",
          SAT: "周六",
          SUN: "周日",
        })[item] || item
    );
  };

  const getList = async () => {
    if (loading.value) return;
    loading.value = true;
    try {
      const params = {
        ...queryParams,
        current: pageParams.current,
        size: pageParams.size,
      };
      const res = await deviceMaintenanceTaskList(params);
      const records = res?.data?.records || res?.records || [];
      if (pageParams.current === 1) {
        tableData.value = records;
      } else {
        tableData.value = [...tableData.value, ...records];
      }
      total.value = Number(res?.data?.total ?? res?.total ?? 0);
    } catch (error) {
      if (pageParams.current === 1) {
        tableData.value = [];
      }
      uni.showToast({
        title: "获取数据失败",
        icon: "none",
      });
    } finally {
      loading.value = false;
    }
  };

  const handleQuery = () => {
    pageParams.current = 1;
    total.value = 0;
    getList();
  };

  const loadMore = () => {
    if (loading.value || noMore.value) return;
    pageParams.current += 1;
    getList();
  };

  const handleAdd = row => {
    nextTick(() => {
      formDia.value?.openDialog(row ? "edit" : "add", row);
    });
  };

  const deleteOne = async row => {
    if (!row?.id) return;
    const canDelete = await new Promise(resolve => {
      uni.showModal({
        title: "提示",
        content: "是否确认删除该保养任务？",
        success: modalRes => resolve(Boolean(modalRes.confirm)),
        fail: () => resolve(false),
      });
    });
    if (!canDelete) return;
    try {
      await deviceMaintenanceTaskDel([row.id]);
      uni.showToast({
        title: "删除成功",
        icon: "success",
      });
      handleQuery();
    } catch (error) {
      uni.showToast({
        title: "删除失败",
        icon: "none",
      });
    }
  };

  const onSwipeActionClick = (event, row) => {
    if (event?.position !== "right") return;
    deleteOne(row);
  };

  onShow(() => {
    handleQuery();
  });

  onReachBottom(() => {
    loadMore();
  });

  onPullDownRefresh(() => {
    handleQuery();
    uni.stopPullDownRefresh();
  });
</script>

<style scoped>
  .upkeep-task-page {
    min-height: 100vh;
    background: #f6f7fb;
  }

  .toolbar {
    padding: 20rpx 24rpx;
    background: #fff;
    border-bottom: 1rpx solid #f0f0f0;
    position: sticky;
    top: 0;
    z-index: 10;
  }

  .search-section {
    margin-top: 0;
  }

  .search-bar {
    display: flex;
    align-items: center;
    background: #f7f8fa;
    border-radius: 14rpx;
    padding: 8rpx 12rpx 8rpx 16rpx;
    border: 1rpx solid #eef1f5;
  }

  .search-input {
    flex: 1;
    min-width: 0;
  }

  .search-text {
    background: transparent !important;
  }

  :deep(.search-text .u-input__content),
  :deep(.search-text .up-input__content) {
    background: transparent !important;
    padding: 0 !important;
  }

  .search-button {
    width: 64rpx;
    height: 64rpx;
    border-radius: 12rpx;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .meta-bar {
    margin-top: 16rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f7f9fc;
    border-radius: 12rpx;
    padding: 10rpx 16rpx;
  }

  .meta-text {
    color: #5c6b8a;
    font-size: 22rpx;
  }

  .list-section {
    padding: 20rpx 24rpx;
    padding-bottom: calc(132rpx + env(safe-area-inset-bottom));
  }

  .ledger-item {
    background: #ffffff;
    border-radius: 20rpx;
    margin-bottom: 16rpx;
    overflow: hidden;
    box-shadow: 0 8rpx 20rpx rgba(0, 0, 0, 0.05);
    padding: 0 20rpx;
  }

  .item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22rpx 0;
  }

  .item-left {
    display: flex;
    align-items: center;
    gap: 10rpx;
    flex: 1;
    min-width: 0;
  }

  .item-right {
    display: flex;
    align-items: center;
  }

  .document-icon {
    width: 38rpx;
    height: 38rpx;
    border-radius: 8rpx;
    background: #2979ff;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .item-id {
    font-size: 28rpx;
    color: #1f1f1f;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .item-details {
    padding: 18rpx 0 20rpx;
  }

  .detail-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 12rpx;
  }

  .detail-label {
    min-width: 160rpx;
    color: #777;
    font-size: 24rpx;
  }

  .detail-value {
    flex: 1;
    color: #333;
    font-size: 24rpx;
    text-align: right;
    word-break: break-all;
    margin-left: 12rpx;
  }

  .detail-value.highlight {
    color: #2979ff;
    font-weight: 500;
  }

  .card-actions {
    padding-top: 8rpx;
    display: flex;
    justify-content: flex-end;
  }

  .action-btn {
    min-width: 140rpx;
  }

  .fab-button {
    position: fixed;
    bottom: calc(30px + env(safe-area-inset-bottom));
    right: 30px;
    width: 56px;
    height: 56px;
    background: #2979ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(41, 121, 255, 0.3);
    z-index: 1000;
  }

  .no-data {
    padding: 40rpx 0;
    text-align: center;
    color: #999;
  }
</style>

 src/pages/index.vue

@@ -212,6 +212,31 @@
        </up-grid>
      </view>
    </view>
    <!-- ä»“储物流模块 -->
    <view class="common-module warehouse-logistics-module"
          v-if="hasWarehouseLogisticsItems">
      <view class="module-header">
        <view class="module-title-container">
          <text class="module-title">仓储物流</text>
        </view>
      </view>
      <view class="module-content">
        <up-grid :border="false"
                 col="4">
          <up-grid-item v-for="(item, index) in warehouseLogisticsItems"
                        :key="index"
                        @click="handleCommonItemClick(item)">
            <view class="icon-container"
                  :style="{ background: item.bgColor }">
              <up-icon :name="item.icon"
                       :size="58"
                       color="#ffffff"></up-icon>
            </view>
            <text class="item-label">{{item.label}}</text>
          </up-grid-item>
        </up-grid>
      </view>
    </view>
  </view>
</template>

@@ -433,12 +458,32 @@
    },
    {
      icon: "/static/images/icon/xunjianshangchuan@2x.png",
      label: "巡检管理",
      label: "巡检任务",
    },
    {
      icon: "/static/images/icon/xunjianshangchuan@2x.png",
      label: "巡检任务管理",
    }
      label: "巡检管理",
    },
  ]);

  // ä»“储物流功能数据
  const warehouseLogisticsItems = reactive([
    {
      icon: "/static/images/icon/caigoutaizhang@2x.png",
      label: "入库管理",
    },
    {
      icon: "/static/images/icon/caigoutaizhang@2x.png",
      label: "出库台账",
    },
    {
      icon: "/static/images/icon/caigoutaizhang@2x.png",
      label: "库存管理",
    },
    {
      icon: "/static/images/icon/caigoutaizhang@2x.png",
      label: "库存报表",
    },
  ]);

  // å¤„理常用功能点击
@@ -653,6 +698,11 @@
          url: "/pages/equipmentManagement/repair/index",
        });
        break;
      case "设备保养任务":
        uni.navigateTo({
          url: "/pages/equipmentManagement/upkeepTask/index",
        });
        break;
      case "设备保养":
        uni.navigateTo({
          url: "/pages/equipmentManagement/upkeep/index",
@@ -663,7 +713,7 @@
          url: "/pages/inspectionUpload/index",
        });
        break;
      case "巡检任务管理":
      case "巡检任务":
        uni.navigateTo({
          url: "/pages/inspectionManagement/index",
        });
@@ -741,6 +791,26 @@
      case "合同管理":
        uni.navigateTo({
          url: "/pages/humanResources/contractManagement/index",
        });
        break;
      case "入库管理":
        uni.navigateTo({
          url: "/pages/inventoryManagement/receiptManagement/index",
        });
        break;
      case "出库台账":
        uni.navigateTo({
          url: "/pages/inventoryManagement/dispatchLog/index",
        });
        break;
      case "库存管理":
        uni.navigateTo({
          url: "/pages/inventoryManagement/stockManagement/index",
        });
        break;
      case "库存报表":
        uni.navigateTo({
          url: "/pages/inventoryManagement/stockReport/index",
        });
        break;
      default:
@@ -1040,20 +1110,45 @@
    const originalEquipment = [
      { icon: "/static/images/icon/shbeibaoxiu@2x.png", label: "运行管理" },
      { icon: "/static/images/icon/shbeibaoxiu@2x.png", label: "设备报修" },
      { icon: "/static/images/icon/shbeibaoyang@2x.png", label: "设备保养任务" },
      { icon: "/static/images/icon/shbeibaoyang@2x.png", label: "设备保养" },
      { icon: "/static/images/icon/xunjianshangchuan@2x.png", label: "巡检任务" },
      { icon: "/static/images/icon/xunjianshangchuan@2x.png", label: "巡检管理" },
      { icon: "/static/images/icon/xunjianshangchuan@2x.png", label: "巡检任务管理" },
    ];
    const filteredEquipment = originalEquipment.filter(item => {
      return allowedMenuTitles.has(item.label);
    });
    if (filteredEquipment.some(i => i.label === "设备保养")) {
      const upkeepTask = originalEquipment.find(i => i.label === "设备保养任务");
      if (upkeepTask && !filteredEquipment.some(i => i.label === "设备保养任务")) {
        const upkeepIndex = filteredEquipment.findIndex(i => i.label === "设备保养");
        filteredEquipment.splice(upkeepIndex, 0, upkeepTask);
      }
    }
    if (filteredEquipment.some(i => i.label === "巡检管理")) {
      const task = originalEquipment.find(i => i.label === "巡检任务管理");
      if (task && !filteredEquipment.some(i => i.label === "巡检任务管理")) {
        filteredEquipment.push(task);
      const task = originalEquipment.find(i => i.label === "巡检任务");
      if (task && !filteredEquipment.some(i => i.label === "巡检任务")) {
        const manageIndex = filteredEquipment.findIndex(i => i.label === "巡检管理");
        filteredEquipment.splice(manageIndex, 0, task);
      }
    }
    equipmentItems.splice(0, equipmentItems.length, ...filteredEquipment);

    // è¿‡æ»¤ä»“储物流菜单
    const originalWarehouseLogistics = [
      { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "入库管理" },
      { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "出库台账" },
      { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "库存管理" },
      { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "库存报表" },
    ];
    const filteredWarehouseLogistics = originalWarehouseLogistics.filter(
      item => allowedMenuTitles.has(item.label)
    );
    warehouseLogisticsItems.splice(
      0,
      warehouseLogisticsItems.length,
      ...filteredWarehouseLogistics
    );
  };

  // æ£€æŸ¥æ¨¡å—是否有菜单项需要显示
@@ -1064,6 +1159,9 @@
  const hasHumanResourcesItems = computed(() => humanResourcesItems.length > 0);
  const hasProductionItems = computed(() => productionItems.length > 0);
  const hasEquipmentItems = computed(() => equipmentItems.length > 0);
  const hasWarehouseLogisticsItems = computed(
    () => warehouseLogisticsItems.length > 0
  );

  onMounted(() => {
    // æ¯æ¬¡è¿›å…¥é¦–页都强制刷新用户信息和路由权限，不做本地缓存判断

 src/pages/indexItem.vue

@@ -325,6 +325,11 @@
          url: "/pages/equipmentManagement/repair/index",
        });
        break;
      case "设备保养任务":
        uni.navigateTo({
          url: "/pages/equipmentManagement/upkeepTask/index",
        });
        break;
      case "设备保养":
        uni.navigateTo({
          url: "/pages/equipmentManagement/upkeep/index",

 src/pages/inspectionManagement/index.vue

@@ -1,17 +1,8 @@
<template>
  <view class="inspection-management-page">
    <PageHeader title="巡检任务管理"
    <PageHeader title="定时任务管理"
                @back="goBack" />
    <view class="toolbar">
      <view class="tab-wrap">
        <view v-for="tab in tabs"
              :key="tab.name"
              class="tab-item"
              :class="{ active: activeTab === tab.name }"
              @click="switchTab(tab.name)">
          {{ tab.label }}
        </view>
      </view>
      <view class="search-section">
        <view class="search-bar">
          <view class="search-input">
@@ -36,8 +27,7 @@
      <uni-swipe-action>
        <uni-swipe-action-item v-for="item in tableData"
                               :key="item.id"
                               :right-options="activeTab === 'taskManage' ? swipeOptions : []"
                               :disabled="activeTab !== 'taskManage'"
                               :right-options="swipeOptions"
                               @click="onSwipeActionClick($event, item)">
          <view class="ledger-item">
            <view class="item-header">
@@ -92,16 +82,15 @@
              </view>
              <up-divider></up-divider>
              <view class="card-actions">
                <u-button v-if="activeTab === 'taskManage'"
                          type="primary"
                <u-button type="primary"
                          size="small"
                          class="action-btn"
                          @click.stop="handleAdd(item)">编辑</u-button>
                <u-button v-else
                          type="success"
                <u-button type="error"
                          size="small"
                          plain
                          class="action-btn"
                          @click.stop="viewFile(item)">查看附件</u-button>
                          @click.stop="deleteOne(item)">删除</u-button>
              </view>
            </view>
          </view>
@@ -113,8 +102,7 @@
        <text>暂无数据</text>
      </view>
    </view>
    <view v-if="activeTab === 'taskManage'"
          class="fab-button"
    <view class="fab-button"
          @click="handleAdd()">
      <up-icon name="plus"
               size="24"
@@ -122,7 +110,6 @@
    </view>
    <form-dia ref="formDia"
              @closeDia="handleQuery" />
    <view-files ref="viewFiles" />
  </view>
</template>

@@ -131,20 +118,12 @@
  import { onShow, onReachBottom, onPullDownRefresh } from "@dcloudio/uni-app";
  import PageHeader from "@/components/PageHeader.vue";
  import FormDia from "@/pages/inspectionManagement/components/formDia.vue";
  import ViewFiles from "@/pages/inspectionManagement/components/viewFiles.vue";
  import {
    delTimingTask,
    inspectionTaskList,
    timingTaskList,
  } from "@/api/inspectionManagement/index.js";

  const formDia = ref();
  const viewFiles = ref();
  const activeTab = ref("taskManage");
  const tabs = [
    { name: "taskManage", label: "定时任务管理" },
    { name: "task", label: "定时任务记录" },
  ];
  const queryParams = reactive({
    taskName: "",
  });
@@ -219,12 +198,6 @@
    return [String(val)];
  };

  const switchTab = tabName => {
    if (activeTab.value === tabName) return;
    activeTab.value = tabName;
    handleQuery();
  };

  const getList = async () => {
    if (loading.value) return;
    loading.value = true;
@@ -234,8 +207,7 @@
        current: pageParams.current,
        size: pageParams.size,
      };
      const request = activeTab.value === "task" ? inspectionTaskList : timingTaskList;
      const res = await request(params);
      const res = await timingTaskList(params);
      const records = res?.data?.records || [];
      const normalized = records.map(item => ({
        ...item,
@@ -278,12 +250,6 @@
    });
  };

  const viewFile = row => {
    nextTick(() => {
      viewFiles.value?.openDialog(row);
    });
  };

  const deleteOne = async row => {
    if (!row?.id) return;
    const canDelete = await new Promise(resolve => {
@@ -311,7 +277,6 @@
  };

  const onSwipeActionClick = (event, row) => {
    if (activeTab.value !== "taskManage") return;
    if (event?.position !== "right") return;
    deleteOne(row);
  };
@@ -345,30 +310,8 @@
    z-index: 10;
  }

  .tab-wrap {
    display: flex;
    background: #f4f5f8;
    border-radius: 16rpx;
    padding: 6rpx;
  }

  .tab-item {
    flex: 1;
    text-align: center;
    padding: 14rpx 0;
    font-size: 26rpx;
    color: #666;
    border-radius: 12rpx;
  }

  .tab-item.active {
    background: #1677ff;
    color: #fff;
    font-weight: 600;
  }

  .search-section {
    margin-top: 20rpx;
    margin-top: 0;
  }

  .search-bar {

 src/pages/inventoryManagement/dispatchLog/index.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,333 @@
<template>
  <view class="dispatch-page">
    <PageHeader title="出库台账" @back="goBack" />

    <!-- æ ‡ç­¾ï¼šåˆæ ¼å‡ºåº“ / ä¸åˆæ ¼å‡ºåº“ -->
    <view class="tabs-wrap">
      <view
        v-for="tab in tabs"
        :key="tab.name"
        class="tab-item"
        :class="{ active: activeTab === tab.name }"
        @click="activeTab = tab.name"
      >
        <text>{{ tab.label }}</text>
      </view>
    </view>

    <!-- æœç´¢åŒºåŸŸ -->
    <view class="search-section">
      <view class="search-row">
        <view class="search-input-wrap">
          <up-input
            v-model="searchForm.productName"
            placeholder="产品大类"
            clearable
          />
        </view>
        <view class="btn-search" @click="handleQuery">
          <view class="btn-search-inner">
            <up-icon name="search" size="22" color="#fff"></up-icon>
            <text>搜索</text>
          </view>
        </view>
      </view>
    </view>

    <!-- åˆ—表 -->
    <view class="list-section">
      <view v-if="tableData.length > 0">
        <view
          v-for="(item, index) in tableData"
          :key="item.id || index"
          class="card-item"
        >
          <view class="card-click" @click="goDetail(item)">
            <view class="card-header">
              <view class="header-main">
                <text class="product-name">{{ item.productName }}</text>
                <text class="outbound-date">{{ item.createTime }}</text>
              </view>
            </view>
            <up-divider />
            <view class="card-body">
              <view class="row"><text class="l">规格型号</text><text class="r">{{ item.model }}</text></view>
              <view class="row"><text class="l">单位</text><text class="r">{{ item.unit }}</text></view>
              <view class="row"><text class="l">出库数量</text><text class="r highlight">{{ item.stockOutNum }}</text></view>
              <view class="row"><text class="l">出库人</text><text class="r">{{ item.createBy }}</text></view>
              <view class="row" v-if="item.recordType !== undefined"><text class="l">来源</text><text class="r">{{ getRecordType(item.recordType) || item.recordType }}</text></view>
              <view class="row"><text class="l">毛重(吨)</text><text class="r">{{ item.grossWeight ?? '-' }}</text></view>
              <view class="row"><text class="l">皮重(吨)</text><text class="r">{{ item.tareWeight ?? '-' }}</text></view>
              <view class="row"><text class="l">净重(吨)</text><text class="r">{{ item.netWeight ?? '-' }}</text></view>
              <view class="row"><text class="l">过磅日期</text><text class="r">{{ item.weighingDate || '-' }}</text></view>
              <view class="row"><text class="l">过磅员</text><text class="r">{{ item.weighingOperator || '-' }}</text></view>
            </view>
          </view>
          <view class="card-actions">
            <view class="btn-delete" @click.stop="handleDeleteSingle(item)">删除</view>
          </view>
        </view>
      </view>
      <view v-else class="no-data">暂无数据</view>
    </view>
    <!-- åŠ è½½æ›´å¤š -->
    <view class="load-more-wrap" v-if="tableData.length > 0">
      <u-loadmore :status="loadStatus" @loadmore="loadMore" />
    </view>
  </view>
</template>

<script setup>
import { ref, reactive, toRefs, watch } from 'vue'
import { onShow, onReachBottom } from '@dcloudio/uni-app'
import PageHeader from '@/components/PageHeader.vue'
import { getStockOutPage, delStockOut } from '@/api/inventoryManagement/stockOutRecord.js'
import {
  findAllQualifiedStockOutRecordTypeOptions,
  findAllUnQualifiedStockOutRecordTypeOptions
} from '@/api/basicData/enum.js'

const activeTab = ref('qualified')
const stockRecordTypeOptions = ref([])
const tabs = [
  { label: '合格出库', name: 'qualified', type: '0' },
  { label: '不合格出库', name: 'unqualified', type: '1' }
]
const tableData = ref([])
const total = ref(0)
const loadStatus = ref('loadmore')
const page = reactive({ current: 1, size: 20 })
const data = reactive({
  searchForm: {
    productName: ''
  }
})
const { searchForm } = toRefs(data)

const currentType = () => tabs.find(t => t.name === activeTab.value)?.type || '0'

function getRecordType(recordType) {
  if (recordType == null || recordType === '') return ''
  return stockRecordTypeOptions.value.find(item => item.value === recordType)?.label || ''
}

function fetchRecordTypeOptions() {
  const api = currentType() === '1'
    ? findAllUnQualifiedStockOutRecordTypeOptions
    : findAllQualifiedStockOutRecordTypeOptions
  api()
    .then(res => {
      const list = res.data != null ? res.data : res
      stockRecordTypeOptions.value = Array.isArray(list) ? list : []
    })
    .catch(() => {
      stockRecordTypeOptions.value = []
    })
}

const getList = () => {
  const isFirstPage = page.current === 1
  if (isFirstPage) {
    uni.showLoading({ title: '加载中...', mask: true })
  }
  getStockOutPage({
    ...page,
    type: currentType(),
    productName: searchForm.value.productName
  })
    .then(res => {
      uni.hideLoading()
      const records = res.data?.records || []
      const totalCount = res.data?.total || 0
      if (isFirstPage) {
        tableData.value = records
        fetchRecordTypeOptions()
      } else {
        tableData.value = [...tableData.value, ...records]
      }
      total.value = totalCount
      if (tableData.value.length >= totalCount || totalCount === 0) {
        loadStatus.value = 'nomore'
      } else {
        loadStatus.value = 'loadmore'
      }
    })
    .catch(() => {
      uni.hideLoading()
      loadStatus.value = 'error'
      if (isFirstPage) {
        uni.showToast({ title: '加载失败', icon: 'none' })
      }
    })
}

const loadMore = () => {
  if (loadStatus.value === 'nomore' || loadStatus.value === 'loading') return
  loadStatus.value = 'loading'
  page.current++
  getList()
}

watch(activeTab, () => {
  page.current = 1
  loadStatus.value = 'loadmore'
  stockRecordTypeOptions.value = []
  getList()
})

const handleQuery = () => {
  page.current = 1
  loadStatus.value = 'loadmore'
  getList()
}

const goDetail = (item) => {
  if (!item.id) return
  try {
    uni.setStorageSync('dispatchDetailItem', JSON.stringify({
      item,
      type: currentType()
    }))
  } catch (e) {}
  uni.navigateTo({
    url: '/pages/inventoryManagement/dispatchLog/view?id=' + item.id
  })
}

const handleDeleteSingle = (item) => {
  uni.showModal({
    title: '删除',
    content: '确认删除该条出库记录？',
    success: res => {
      if (res.confirm) {
        delStockOut([item.id])
          .then(() => {
            uni.showToast({ title: '删除成功', icon: 'success' })
            getList()
          })
          .catch(() => {
            uni.showToast({ title: '删除失败', icon: 'none' })
          })
      }
    }
  })
}

const goBack = () => uni.navigateBack()

onShow(() => getList())
onReachBottom(() => loadMore())
</script>

<style lang="scss" scoped>
.dispatch-page {
  min-height: 100vh;
  background: #f5f5f5;
  padding-bottom: 40rpx;
}
.tabs-wrap {
  display: flex;
  background: #fff;
  padding: 24rpx;
  gap: 24rpx;
}
.tab-item {
  flex: 1;
  text-align: center;
  padding: 20rpx;
  border-radius: 12rpx;
  background: #f0f0f0;
  font-size: 28rpx;
  color: #666;
}
.tab-item.active {
  background: #2979ff;
  color: #fff;
}
.search-section {
  background: #fff;
  margin: 24rpx;
  padding: 24rpx;
  border-radius: 16rpx;
}
.search-row {
  display: flex;
  align-items: center;
}
.search-input-wrap { flex: 1; margin-right: 20rpx; min-width: 0; }
.btn-search {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180rpx;
  min-height: 72rpx;
  flex-shrink: 0;
  padding: 20rpx 24rpx;
  background: #2979ff;
  color: #fff;
  border-radius: 12rpx;
  font-size: 28rpx;
  box-sizing: border-box;
  text-align: center;
}
.btn-search-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8rpx;
}
.btn-search text { line-height: 1; vertical-align: middle; }
:deep(.btn-search-inner > *),
:deep(.btn-search > *) {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.list-section { padding: 0 24rpx; }
.card-item {
  background: #fff;
  border-radius: 16rpx;
  padding: 24rpx;
  margin-bottom: 24rpx;
  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
}
.card-header { padding: 8rpx 0; }
.header-main {
  display: flex;
  flex-direction: column;
  gap: 8rpx;
}
.product-name { font-size: 30rpx; font-weight: 500; color: #333; }
.outbound-date { font-size: 24rpx; color: #999; }
.card-body .row {
  display: flex;
  justify-content: space-between;
  padding: 12rpx 0;
  font-size: 26rpx;
}
.card-body .l { color: #666; }
.card-body .r { color: #333; }
.card-body .r.highlight { color: #2979ff; font-weight: 500; }
.card-actions {
  margin-top: 16rpx;
  padding-top: 16rpx;
  border-top: 1rpx solid #eee;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-delete {
  font-size: 28rpx;
  color: #f56c6c;
  padding: 12rpx 32rpx;
}
.no-data {
  text-align: center;
  padding: 80rpx 0;
  color: #999;
  font-size: 28rpx;
}
.load-more-wrap { padding: 24rpx 0 40rpx; }
</style>

 src/pages/inventoryManagement/dispatchLog/view.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,259 @@
<template>
  <view class="detail-page">
    <PageHeader title="出库详情" @back="goBack" />
    <view v-if="loading" class="loading-wrap">
      <text class="loading-text">加载中...</text>
    </view>
    <view v-else-if="detail" class="detail-wrap">
      <!-- åŸºç¡€ä¿¡æ¯ -->
      <view class="section-card">
        <view class="section-head">
          <view class="section-dot"></view>
          <text class="section-title">基础信息</text>
        </view>
        <view class="section-body">
          <view class="detail-row">
            <text class="label">序号</text>
            <text class="value">{{ detail.index ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">出库批次</text>
            <text class="value value-strong">{{ detail.outboundBatches || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">出库时间</text>
            <text class="value">{{ detail.createTime || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">产品大类</text>
            <text class="value value-strong">{{ detail.productName || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">规格型号</text>
            <text class="value">{{ detail.model || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">单位</text>
            <text class="value">{{ detail.unit || '-' }}</text>
          </view>
          <view class="detail-row detail-row-highlight">
            <text class="label">出库数量</text>
            <text class="value value-num">{{ detail.stockOutNum ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">出库人</text>
            <text class="value">{{ detail.createBy || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">来源</text>
            <text class="value">{{ getRecordType(detail.recordType) || '-' }}</text>
          </view>
        </view>
      </view>
      <!-- å‡ºåº“信息 -->
      <view class="section-card">
        <view class="section-head">
          <view class="section-dot"></view>
          <text class="section-title">出库信息</text>
        </view>
        <view class="section-body">
          <view class="detail-row">
            <text class="label">车牌号</text>
            <text class="value">{{ detail.licensePlateNo || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">毛重(吨)</text>
            <text class="value">{{ detail.grossWeight ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">皮重(吨)</text>
            <text class="value">{{ detail.tareWeight ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">净重(吨)</text>
            <text class="value">{{ detail.netWeight ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">过磅日期</text>
            <text class="value">{{ detail.weighingDate || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">过磅员</text>
            <text class="value">{{ detail.weighingOperator || '-' }}</text>
          </view>
        </view>
      </view>
    </view>
    <view v-else class="empty">
      <text class="empty-text">暂无详情数据</text>
    </view>
  </view>
</template>

<script setup>
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import PageHeader from '@/components/PageHeader.vue'
import {
  findAllQualifiedStockOutRecordTypeOptions,
  findAllUnQualifiedStockOutRecordTypeOptions
} from '@/api/basicData/enum.js'

const detail = ref(null)
const loading = ref(true)
const stockRecordTypeOptions = ref([])

function normalizeDetail(raw) {
  if (!raw) return null
  const d = typeof raw === 'object' ? raw : {}
  return {
    index: d.index ?? 1,
    outboundBatches: d.outboundBatches,
    createTime: d.createTime,
    productName: d.productName,
    model: d.model,
    unit: d.unit,
    stockOutNum: d.stockOutNum,
    createBy: d.createBy,
    recordType: d.recordType,
    licensePlateNo: d.licensePlateNo,
    grossWeight: d.grossWeight,
    tareWeight: d.tareWeight,
    netWeight: d.netWeight,
    weighingDate: d.weighingDate,
    weighingOperator: d.weighingOperator
  }
}

function getRecordType(recordType) {
  if (recordType == null || recordType === '') return ''
  return stockRecordTypeOptions.value.find(item => item.value === recordType)?.label || ''
}

function fetchRecordTypeOptions(type) {
  const api = type === '1'
    ? findAllUnQualifiedStockOutRecordTypeOptions
    : findAllQualifiedStockOutRecordTypeOptions
  api()
    .then(res => {
      const data = res.data != null ? res.data : res
      stockRecordTypeOptions.value = Array.isArray(data) ? data : []
    })
    .catch(() => {
      stockRecordTypeOptions.value = []
    })
}

onLoad(() => {
  const cached = uni.getStorageSync('dispatchDetailItem')
  if (cached) {
    try {
      const payload = typeof cached === 'string' ? JSON.parse(cached) : cached
      const item = payload && payload.item != null ? payload.item : payload
      const type = payload && payload.type != null ? payload.type : '0'
      detail.value = normalizeDetail({ ...item, index: 1 })
      fetchRecordTypeOptions(type)
      uni.removeStorageSync('dispatchDetailItem')
    } catch (e) {
      uni.removeStorageSync('dispatchDetailItem')
    }
  }
  loading.value = false
})

const goBack = () => uni.navigateBack()
</script>

<style lang="scss" scoped>
.detail-page {
  min-height: 100vh;
  background: linear-gradient(180deg, #e8eef7 0%, #f2f5fa 100%);
  padding-bottom: 48rpx;
}
.loading-wrap {
  padding: 120rpx 48rpx;
  text-align: center;
}
.loading-text {
  color: #8c9aa8;
  font-size: 28rpx;
}
.empty {
  padding: 120rpx 48rpx;
  text-align: center;
}
.empty-text {
  color: #8c9aa8;
  font-size: 28rpx;
}
.detail-wrap {
  padding: 24rpx 24rpx 32rpx;
}
.section-card {
  background: #fff;
  border-radius: 24rpx;
  overflow: hidden;
  margin-bottom: 28rpx;
  box-shadow: 0 8rpx 32rpx rgba(41, 121, 255, 0.06);
  border: 1rpx solid rgba(41, 121, 255, 0.06);
}
.section-head {
  display: flex;
  align-items: center;
  padding: 28rpx 32rpx;
  background: linear-gradient(135deg, #f8fbff 0%, #f0f6ff 100%);
  border-bottom: 1rpx solid #eef3fa;
}
.section-dot {
  width: 8rpx;
  height: 8rpx;
  border-radius: 50%;
  background: #2979ff;
  margin-right: 16rpx;
}
.section-title {
  font-size: 30rpx;
  font-weight: 600;
  color: #1e3a5f;
  letter-spacing: 0.5rpx;
}
.section-body {
  padding: 8rpx 32rpx 24rpx;
}
.detail-row {
  display: flex;
  align-items: center;
  min-height: 96rpx;
  padding: 0 16rpx;
  border-radius: 12rpx;
  font-size: 28rpx;
  margin-bottom: 4rpx;
}
.detail-row .label {
  width: 200rpx;
  flex-shrink: 0;
  color: #6b7c93;
  font-size: 26rpx;
}
.detail-row .value {
  flex: 1;
  color: #2c3e50;
  text-align: right;
  word-break: break-all;
  font-size: 28rpx;
}
.detail-row .value-strong {
  color: #1e3a5f;
  font-weight: 500;
}
.detail-row .value-num {
  color: #2979ff;
  font-weight: 600;
  font-size: 32rpx;
}
.detail-row-highlight {
  background: linear-gradient(90deg, rgba(41, 121, 255, 0.06) 0%, transparent 100%);
  margin: 12rpx -16rpx 4rpx;
  padding: 20rpx 16rpx;
}
</style>

 src/pages/inventoryManagement/receiptManagement/index.vue

@@ -1,406 +1,358 @@
<template>
  <view class="stock-in-page">
    <PageHeader title="自定义入库" @back="goBack" />
    
  <view class="receipt-page">
    <PageHeader title="入库管理" @back="goBack" />

    <!-- æ ‡ç­¾ï¼šåˆæ ¼å…¥åº“ / ä¸åˆæ ¼å…¥åº“ -->
    <view class="tabs-wrap">
      <view
        v-for="tab in tabs"
        :key="tab.name"
        class="tab-item"
        :class="{ active: activeTab === tab.name }"
        @click="activeTab = tab.name"
      >
        <text>{{ tab.label }}</text>
      </view>
    </view>

    <!-- æœç´¢åŒºåŸŸ -->
    <view class="search-section">
      <view class="search-bar">
        <view class="search-input">
      <view class="search-row">
        <view class="search-input-wrap">
          <up-input
            v-model="searchForm.supplierName"
            placeholder="请输入供应商名称"
            v-model="searchForm.productName"
            placeholder="产品大类"
            clearable
          />
        </view>
        <view class="search-button" @click="handleQuery">
          <up-icon name="search" size="24" color="#999"></up-icon>
        <view class="btn-search" @click="handleQuery">
          <view class="btn-search-inner">
            <up-icon name="search" size="22" color="#fff"></up-icon>
            <text>搜索</text>
          </view>
        </view>
      </view>
      <view class="date-filter" @click="openDatePickerHandler">
        <text class="date-text">{{ searchForm.timeStr || '选择日期' }}</text>
        <up-icon name="calendar" size="18" color="#999"></up-icon>
      </view>
    </view>
    
    <!-- åˆ—表 -->
    <view class="stock-list" v-if="tableData.length > 0">
      <view v-for="(item, index) in tableData" :key="index" class="stock-item">
        <view class="item-header">
          <view class="item-left">
            <view class="batch-icon">
              <up-icon name="file-text" size="16" color="#ffffff"></up-icon>

    <!-- åˆ—表（合格/不合格共用接口 type åŒºåˆ†ï¼‰ -->
    <view class="list-section" v-if="activeTab !== 'custom'">
      <view v-if="tableData.length > 0">
        <view
          v-for="(item, index) in tableData"
          :key="item.id || index"
          class="card-item"
        >
          <view class="card-click" @click="goDetail(item)">
            <view class="card-header">
              <view class="header-main">
                <text class="product-name">{{ item.productName }}</text>
                <text class="inbound-date">{{ item.createTime || item.inboundDate }}</text>
              </view>
            </view>
            <text class="batch-text">{{ item.inboundBatches }}</text>
            <up-divider />
            <view class="card-body">
              <view class="row"><text class="l">规格型号</text><text class="r">{{ item.model }}</text></view>
              <view class="row"><text class="l">单位</text><text class="r">{{ item.unit }}</text></view>
              <view class="row"><text class="l">入库数量</text><text class="r highlight">{{ item.stockInNum }}</text></view>
              <view class="row"><text class="l">入库人</text><text class="r">{{ item.createBy }}</text></view>
              <view class="row" v-if="item.recordType !== undefined"><text class="l">来源</text><text class="r">{{ getRecordType(item.recordType) || item.recordType }}</text></view>
            </view>
          </view>
          <view class="item-right">
            <text class="time-text">{{ item.inboundDate }}</text>
          <view class="card-actions">
            <view class="btn-delete" @click.stop="handleDeleteSingle(item)">删除</view>
          </view>
        </view>
        <up-divider></up-divider>
        
        <view class="item-details">
          <view class="detail-row">
            <text class="detail-label">供应商名称</text>
            <text class="detail-value">{{ item.supplierName }}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">产品大类</text>
            <text class="detail-value">{{ item.productCategory }}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">规格型号</text>
            <text class="detail-value">{{ item.specificationModel }}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">物品类型</text>
            <text class="detail-value">{{ item.itemType }}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">入库数量</text>
            <text class="detail-value highlight">{{ item.inboundNum }} {{ item.unit }}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">含税单价</text>
            <text class="detail-value">Â¥{{ item.taxInclusiveUnitPrice }}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">含税总价</text>
            <text class="detail-value price">Â¥{{ item.taxInclusiveTotalPrice }}</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">税率</text>
            <text class="detail-value">{{ item.taxRate }}%</text>
          </view>
          <view class="detail-row">
            <text class="detail-label">入库人</text>
            <text class="detail-value">{{ item.createBy }}</text>
          </view>
        </view>
        
        <view class="item-actions">
          <u-button type="primary" size="small" @click="handleEdit(item)">编辑</u-button>
          <u-button type="error" size="small" plain @click="handleDeleteSingle(item)">删除</u-button>
        </view>
      </view>
      <view v-else class="no-data">暂无数据</view>
    </view>
    
    <view v-else class="no-data">
      <text>暂无数据</text>
    <!-- åŠ è½½æ›´å¤š -->
    <view class="load-more-wrap" v-if="tableData.length > 0">
      <u-loadmore :status="loadStatus" @loadmore="loadMore" />
    </view>
    
    <!-- æµ®åŠ¨æ“ä½œæŒ‰é’® -->
    <view class="fab-button" @click="handleAdd">
      <up-icon name="plus" size="24" color="#ffffff"></up-icon>
    </view>
    
    <!-- æ—¥æœŸé€‰æ‹©å™¨ -->
    <up-popup :show="showDatePicker" mode="bottom" @close="showDatePicker = false">
      <up-datetime-picker
        :show="true"
        v-model="dateValue"
        @confirm="onDateConfirm"
        @cancel="showDatePicker = false"
        mode="date"
      />
    </up-popup>
    
    <!-- è¡¨å•å¼¹çª— -->
    <form-dia-manual ref="formDiaManual" @close="getList" @success="getList" />
  </view>
</template>

<script setup>
import { ref, reactive, toRefs, onMounted } from 'vue'
import { onShow } from '@dcloudio/uni-app'
import dayjs from 'dayjs'
import { ref, reactive, toRefs, watch } from 'vue'
import { onShow, onReachBottom } from '@dcloudio/uni-app'
import PageHeader from '@/components/PageHeader.vue'
import FormDiaManual from './components/formDiaManual.vue'
import useUserStore from '@/store/modules/user'
import { formatDateToYMD } from '@/utils/ruoyi'
import {
  getInPageByCustom,
  delStockInCustom
} from "@/api/inventoryManagement/stockIn.js"
  getStockInRecordListPage,
  batchDeleteStockInRecords
} from '@/api/inventoryManagement/stockInRecord.js'
import {
  findAllQualifiedStockInRecordTypeOptions,
  findAllUnQualifiedStockInRecordTypeOptions
} from '@/api/basicData/enum.js'

const userStore = useUserStore()
const activeTab = ref('qualified')
const stockRecordTypeOptions = ref([])
const tabs = [
  { label: '合格入库', name: 'qualified', type: '0' },
  { label: '不合格入库', name: 'unqualified', type: '1' }
]

const tableData = ref([])
const showDatePicker = ref(false)
const dateValue = ref(new Date().getTime())
const formDiaManual = ref(null)

const page = reactive({
  current: 1,
  size: 20,
})
const total = ref(0)
const loadStatus = ref('loadmore') // loadmore | loading | nomore | error

const page = reactive({ current: 1, size: 4 })
const data = reactive({
  searchForm: {
    supplierName: '',
    timeStr: '',
  },
    productName: ''
  }
})
const { searchForm } = toRefs(data)

// ç»Ÿä¸€ç”¨ dayjs è¾“出 YYYY-MM-DD
const formatYMDLocal = (ts) => dayjs(Number(ts)).format('YYYY-MM-DD')
const currentType = () => tabs.find(t => t.name === activeTab.value)?.type || '0'

// è¿”回上一页
const goBack = () => {
  uni.navigateBack()
function getRecordType(recordType) {
  if (recordType == null || recordType === '') return ''
  return stockRecordTypeOptions.value.find(item => item.value === recordType)?.label || ''
}

// æŸ¥è¯¢åˆ—表
const handleQuery = () => {
  page.current = 1
  getList()
function fetchRecordTypeOptions() {
  const api = currentType() === '1'
    ? findAllUnQualifiedStockInRecordTypeOptions
    : findAllQualifiedStockInRecordTypeOptions
  api()
    .then(res => {
      const data = res.data != null ? res.data : res
      stockRecordTypeOptions.value = Array.isArray(data) ? data : []
    })
    .catch(() => {
      stockRecordTypeOptions.value = []
    })
}

const getList = () => {
  uni.showLoading({
    title: '加载中...',
    mask: true
  })
  
  if (activeTab.value === 'custom') return
  const isFirstPage = page.current === 1
  if (isFirstPage) {
    uni.showLoading({ title: '加载中...', mask: true })
  }
  const params = {
    ...page,
    supplierName: searchForm.value.supplierName,
    timeStr: searchForm.value.timeStr
    type: currentType(),
    productName: searchForm.value.productName
  }
  
  getInPageByCustom(params).then(res => {
    uni.hideLoading()
    tableData.value = res.data.records || []
    total.value = res.data.total || 0
  }).catch(() => {
    uni.hideLoading()
    uni.showToast({
      title: '加载失败',
      icon: 'none'
  getStockInRecordListPage(params)
    .then(res => {
      uni.hideLoading()
      const records = res.data?.records || []
      const totalCount = res.data?.total || 0
      if (isFirstPage) {
        tableData.value = records
        fetchRecordTypeOptions()
      } else {
        tableData.value = [...tableData.value, ...records]
      }
      total.value = totalCount
      if (tableData.value.length >= totalCount || totalCount === 0) {
        loadStatus.value = 'nomore'
      } else {
        loadStatus.value = 'loadmore'
      }
    })
    .catch(() => {
      uni.hideLoading()
      loadStatus.value = 'error'
      if (isFirstPage) {
        uni.showToast({ title: '加载失败', icon: 'none' })
      }
    })
}

const loadMore = () => {
  if (loadStatus.value === 'nomore' || loadStatus.value === 'loading') return
  loadStatus.value = 'loading'
  page.current++
  getList()
}

watch(activeTab, () => {
  page.current = 1
  loadStatus.value = 'loadmore'
  stockRecordTypeOptions.value = []
  getList()
})

const handleQuery = () => {
  page.current = 1
  loadStatus.value = 'loadmore'
  getList()
}

const goDetail = (item) => {
  if (!item.id) return
  try {
    uni.setStorageSync('receiptDetailItem', JSON.stringify({
      item,
      type: currentType()
    }))
  } catch (e) {}
  uni.navigateTo({
    url: '/pages/inventoryManagement/receiptManagement/view?id=' + item.id
  })
}

// æ‰“开日期选择器（简单可靠）
const openDatePickerHandler = () => {
  // è‹¥å·²æœ‰é€‰ä¸­æ—¥æœŸï¼Œç”¨å®ƒåˆå§‹åŒ–；否则用今天
  dateValue.value = searchForm.value.timeStr
    ? dayjs(searchForm.value.timeStr, 'YYYY-MM-DD').valueOf()
    : Date.now()
  showDatePicker.value = true
}

// æ—¥æœŸé€‰æ‹©ç¡®è®¤ï¼ˆä¸Žå…¶ä»–页一致：拿时间戳 -> YYYY-MM-DD）
const onDateConfirm = (e) => {
  searchForm.value.timeStr = formatDateToYMD(e.value)
  showDatePicker.value = false
  handleQuery()
}

// æ–°å¢žå…¥åº“
const handleAdd = () => {
  formDiaManual.value?.openDialog('add')
}

// ç¼–辑
const handleEdit = (item) => {
  formDiaManual.value?.openDialog('edit', item)
}

// åˆ é™¤å•æ¡
const handleDeleteSingle = (item) => {
  // æ£€æŸ¥æ˜¯å¦æ˜¯æœ¬äººåˆ›å»º
  if (item.createBy !== userStore.nickName) {
    uni.showToast({
      title: '不可删除他人维护的数据',
      icon: 'none'
    })
    return
  }
  
  uni.showModal({
    title: '删除',
    content: '确认删除该入库记录吗？',
    success: (res) => {
    content: '确认删除该条入库记录？',
    success: res => {
      if (res.confirm) {
        delStockInCustom({ ids: [item.id] }).then(() => {
          uni.showToast({
            title: '删除成功',
            icon: 'success'
        batchDeleteStockInRecords([item.id])
          .then(() => {
            uni.showToast({ title: '删除成功', icon: 'success' })
            getList()
          })
          getList()
        }).catch(() => {
          uni.showToast({
            title: '删除失败',
            icon: 'none'
          .catch(() => {
            uni.showToast({ title: '删除失败', icon: 'none' })
          })
        })
      }
    }
  })
}

const goBack = () => uni.navigateBack()

onShow(() => {
  getList()
  if (activeTab.value !== 'custom') getList()
})

onReachBottom(() => {
  loadMore()
})
</script>

<style scoped lang="scss">
.stock-in-page {
<style lang="scss" scoped>
.receipt-page {
  min-height: 100vh;
  background: #f5f5f5;
  padding-bottom: 80px;
  padding-bottom: 40rpx;
}

.tabs-wrap {
  display: flex;
  background: #fff;
  padding: 24rpx;
  gap: 24rpx;
}
.tab-item {
  flex: 1;
  text-align: center;
  padding: 20rpx;
  border-radius: 12rpx;
  background: #f0f0f0;
  font-size: 28rpx;
  color: #666;
}
.tab-item.active {
  background: #2979ff;
  color: #fff;
}
.search-section {
  background: #fff;
  padding: 16px;
  margin-bottom: 12px;
  margin: 24rpx;
  padding: 24rpx;
  border-radius: 16rpx;
}

.search-bar {
.search-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  margin-bottom: 20rpx;
}

.search-input {
  flex: 1;
}

.search-button {
  width: 44px;
  height: 44px;
.search-input-wrap { flex: 1; margin-right: 20rpx; min-width: 0; }
.btn-search {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border-radius: 8px;
}

.date-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #f5f5f5;
  border-radius: 8px;
}

.date-text {
  font-size: 14px;
  color: #666;
}

.stock-list {
  padding: 0 16px;
}

.stock-item {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.item-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.batch-icon {
  width: 32px;
  height: 32px;
  width: 180rpx;
  min-height: 72rpx;
  flex-shrink: 0;
  padding: 20rpx 24rpx;
  background: #2979ff;
  border-radius: 8px;
  color: #fff;
  border-radius: 12rpx;
  font-size: 28rpx;
  box-sizing: border-box;
  text-align: center;
}
.btn-search-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8rpx;
}
.btn-search text {
  line-height: 1;
  vertical-align: middle;
}
/* æŒ‰é’®å†…图标与文字垂直水平都居中 */
:deep(.btn-search-inner > *),
:deep(.btn-search > *) {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.batch-text {
  font-size: 14px;
.list-section {
  padding: 0 24rpx;
}
.card-item {
  background: #fff;
  border-radius: 16rpx;
  padding: 24rpx;
  margin-bottom: 24rpx;
  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
}
.card-header {
  padding: 8rpx 0;
}
.header-main {
  display: flex;
  flex-direction: column;
  gap: 8rpx;
}
.product-name {
  font-size: 30rpx;
  font-weight: 500;
  color: #333;
}

.time-text {
  font-size: 12px;
.inbound-date {
  font-size: 24rpx;
  color: #999;
}

.item-details {
  margin: 12px 0;
}

.detail-row {
.card-body .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  padding: 12rpx 0;
  font-size: 26rpx;
}

.detail-label {
  font-size: 14px;
  color: #666;
}

.detail-value {
  font-size: 14px;
  color: #333;
  text-align: right;
  flex: 1;
  margin-left: 12px;
}

.detail-value.highlight {
  color: #2979ff;
  font-weight: 500;
}

.detail-value.price {
  color: #ff6b00;
  font-weight: 500;
}

.item-actions {
.card-body .l { color: #666; }
.card-body .r { color: #333; }
.card-body .r.highlight { color: #2979ff; font-weight: 500; }
.card-actions {
  margin-top: 16rpx;
  padding-top: 16rpx;
  border-top: 1rpx solid #eee;
  display: flex;
  gap: 12px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #f5f5f5;
  justify-content: center;
  align-items: center;
}

.btn-delete {
  font-size: 28rpx;
  color: #f56c6c;
  padding: 12rpx 32rpx;
}
.no-data {
  text-align: center;
  padding: 60px 0;
  padding: 80rpx 0;
  color: #999;
  font-size: 14px;
  font-size: 28rpx;
}

.fab-button {
  position: fixed;
  right: 20px;
  bottom: 80px;
  width: 56px;
  height: 56px;
  background: #2979ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(41, 121, 255, 0.4);
  z-index: 999;
.load-more-wrap {
  padding: 24rpx 0 40rpx;
}
</style>

 src/pages/inventoryManagement/receiptManagement/view.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,260 @@
<template>
  <view class="detail-page">
    <PageHeader title="入库详情" @back="goBack" />
    <view v-if="loading" class="loading-wrap">
      <text class="loading-text">加载中...</text>
    </view>
    <view v-else-if="detail" class="detail-wrap">
      <!-- åŸºç¡€ä¿¡æ¯ -->
      <view class="section-card">
        <view class="section-head">
          <view class="section-dot"></view>
          <text class="section-title">基础信息</text>
        </view>
        <view class="section-body">
          <view class="detail-row">
            <text class="label">序号</text>
            <text class="value">{{ detail.index ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">入库批次</text>
            <text class="value value-strong">{{ detail.inboundBatches || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">入库时间</text>
            <text class="value">{{ detail.createTime || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">产品大类</text>
            <text class="value value-strong">{{ detail.productName || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">规格型号</text>
            <text class="value">{{ detail.model || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">单位</text>
            <text class="value">{{ detail.unit || '-' }}</text>
          </view>
          <view class="detail-row detail-row-highlight">
            <text class="label">入库数量</text>
            <text class="value value-num">{{ detail.stockInNum ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">入库人</text>
            <text class="value">{{ detail.createBy || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">来源</text>
            <text class="value">{{ getRecordType(detail.recordType) || '-' }}</text>
          </view>
        </view>
      </view>
      <!-- å…¥åº“信息 -->
      <view class="section-card">
        <view class="section-head">
          <view class="section-dot"></view>
          <text class="section-title">入库信息</text>
        </view>
        <view class="section-body">
          <view class="detail-row">
            <text class="label">车牌号</text>
            <text class="value">{{ detail.licensePlateNo || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">毛重(吨)</text>
            <text class="value">{{ detail.grossWeight ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">皮重(吨)</text>
            <text class="value">{{ detail.tareWeight ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">净重(吨)</text>
            <text class="value">{{ detail.netWeight ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">过磅日期</text>
            <text class="value">{{ detail.weighingDate || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">过磅员</text>
            <text class="value">{{ detail.weighingOperator || '-' }}</text>
          </view>
        </view>
      </view>
    </view>
    <view v-else class="empty">
      <text class="empty-text">暂无详情数据</text>
    </view>
  </view>
</template>

<script setup>
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import PageHeader from '@/components/PageHeader.vue'
import {
  findAllQualifiedStockInRecordTypeOptions,
  findAllUnQualifiedStockInRecordTypeOptions
} from '@/api/basicData/enum.js'

const detail = ref(null)
const loading = ref(true)
const stockRecordTypeOptions = ref([])

// ä¸Žå‚考 el-table-column çš„ prop ä¿æŒä¸€è‡´ï¼šinboundBatches, createTime, productName, model, unit, stockInNum, licensePlateNo, grossWeight, tareWeight, netWeight, createBy, recordType, weighingDate, weighingOperator
function normalizeDetail(raw) {
  if (!raw) return null
  const d = typeof raw === 'object' ? raw : {}
  return {
    index: d.index ?? 1,
    inboundBatches: d.inboundBatches,
    createTime: d.createTime,
    productName: d.productName,
    model: d.model,
    unit: d.unit,
    stockInNum: d.stockInNum,
    createBy: d.createBy,
    recordType: d.recordType,
    licensePlateNo: d.licensePlateNo,
    grossWeight: d.grossWeight,
    tareWeight: d.tareWeight,
    netWeight: d.netWeight,
    weighingDate: d.weighingDate,
    weighingOperator: d.weighingOperator
  }
}

function getRecordType(recordType) {
  if (recordType == null || recordType === '') return ''
  return stockRecordTypeOptions.value.find(item => item.value === recordType)?.label || ''
}

function fetchRecordTypeOptions(type) {
  const api = type === '1'
    ? findAllUnQualifiedStockInRecordTypeOptions
    : findAllQualifiedStockInRecordTypeOptions
  api()
    .then(res => {
      const data = res.data != null ? res.data : res
      stockRecordTypeOptions.value = Array.isArray(data) ? data : []
    })
    .catch(() => {
      stockRecordTypeOptions.value = []
    })
}

onLoad(() => {
  const cached = uni.getStorageSync('receiptDetailItem')
  if (cached) {
    try {
      const payload = typeof cached === 'string' ? JSON.parse(cached) : cached
      const item = payload && payload.item != null ? payload.item : payload
      const type = payload && payload.type != null ? payload.type : '0'
      detail.value = normalizeDetail({ ...item, index: 1 })
      fetchRecordTypeOptions(type)
      uni.removeStorageSync('receiptDetailItem')
    } catch (e) {
      uni.removeStorageSync('receiptDetailItem')
    }
  }
  loading.value = false
})

const goBack = () => uni.navigateBack()
</script>

<style lang="scss" scoped>
.detail-page {
  min-height: 100vh;
  background: linear-gradient(180deg, #e8eef7 0%, #f2f5fa 100%);
  padding-bottom: 48rpx;
}
.loading-wrap {
  padding: 120rpx 48rpx;
  text-align: center;
}
.loading-text {
  color: #8c9aa8;
  font-size: 28rpx;
}
.empty {
  padding: 120rpx 48rpx;
  text-align: center;
}
.empty-text {
  color: #8c9aa8;
  font-size: 28rpx;
}
.detail-wrap {
  padding: 24rpx 24rpx 32rpx;
}
.section-card {
  background: #fff;
  border-radius: 24rpx;
  overflow: hidden;
  margin-bottom: 28rpx;
  box-shadow: 0 8rpx 32rpx rgba(41, 121, 255, 0.06);
  border: 1rpx solid rgba(41, 121, 255, 0.06);
}
.section-head {
  display: flex;
  align-items: center;
  padding: 28rpx 32rpx;
  background: linear-gradient(135deg, #f8fbff 0%, #f0f6ff 100%);
  border-bottom: 1rpx solid #eef3fa;
}
.section-dot {
  width: 8rpx;
  height: 8rpx;
  border-radius: 50%;
  background: #2979ff;
  margin-right: 16rpx;
}
.section-title {
  font-size: 30rpx;
  font-weight: 600;
  color: #1e3a5f;
  letter-spacing: 0.5rpx;
}
.section-body {
  padding: 8rpx 32rpx 24rpx;
}
.detail-row {
  display: flex;
  align-items: center;
  min-height: 96rpx;
  padding: 0 16rpx;
  border-radius: 12rpx;
  font-size: 28rpx;
  margin-bottom: 4rpx;
}
.detail-row .label {
  width: 200rpx;
  flex-shrink: 0;
  color: #6b7c93;
  font-size: 26rpx;
}
.detail-row .value {
  flex: 1;
  color: #2c3e50;
  text-align: right;
  word-break: break-all;
  font-size: 28rpx;
}
.detail-row .value-strong {
  color: #1e3a5f;
  font-weight: 500;
}
.detail-row .value-num {
  color: #2979ff;
  font-weight: 600;
  font-size: 32rpx;
}
.detail-row-highlight {
  background: linear-gradient(90deg, rgba(41, 121, 255, 0.06) 0%, transparent 100%);
  margin: 12rpx -16rpx 4rpx;
  padding: 20rpx 16rpx;
}
</style>

 src/pages/inventoryManagement/stockManagement/add.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,426 @@
<template>
  <view class="add-stock-page">
    <PageHeader title="新增库存" @back="goBack" />

    <scroll-view scroll-y class="content-scroll">
      <view class="form-section">
        <view class="form-row">
          <text class="form-label required">产品名称</text>
          <view class="selector-trigger" @click="openProductSelector">
            <text class="selector-text" :class="{ placeholder: !form.productName }">
              {{ form.productName || '请选择产品' }}
            </text>
            <up-icon name="arrow-right" size="16" color="#999"></up-icon>
          </view>
        </view>
        <view class="form-row">
          <text class="form-label">规格</text>
          <up-input v-model="form.productModelName" disabled placeholder="请选择产品后自动带出" />
        </view>
        <view class="form-row">
          <text class="form-label">单位</text>
          <up-input v-model="form.unit" disabled placeholder="请选择产品后自动带出" />
        </view>
      </view>

      <!-- åˆæ ¼åº“存时显示过磅相关字段 -->
      <view v-if="isQualified" class="form-section">
        <view class="section-title">过磅信息</view>
        <view class="form-row">
          <text class="form-label">车牌号</text>
          <up-input v-model="form.licensePlateNo" placeholder="请输入车牌号" />
        </view>
        <view class="form-row">
          <text class="form-label">毛重(吨)</text>
          <up-input
            v-model="form.grossWeight"
            type="number"
            placeholder="请输入毛重"
          />
        </view>
        <view class="form-row">
          <text class="form-label">皮重(吨)</text>
          <up-input
            v-model="form.tareWeight"
            type="number"
            placeholder="请输入皮重"
          />
        </view>
        <view class="form-row">
          <text class="form-label">净重(吨)</text>
          <up-input
            v-model="form.netWeight"
            type="number"
            disabled
            placeholder="自动计算"
          />
        </view>
        <view class="form-row">
          <text class="form-label">过磅日期</text>
          <view class="selector-trigger" @click="openWeighingDatePicker">
            <text class="selector-text" :class="{ placeholder: !form.weighingDate }">
              {{ form.weighingDate || '请选择过磅日期' }}
            </text>
            <up-icon name="calendar" size="16" color="#999"></up-icon>
          </view>
        </view>
        <view class="form-row">
          <text class="form-label">过磅员</text>
          <up-input v-model="form.weighingOperator" placeholder="请输入过磅员" />
        </view>
      </view>

      <view class="form-section">
        <!-- <view class="form-row">
          <text class="form-label required">数量</text>
          <up-input v-model="form.qualitity" type="number" placeholder="请输入数量" />
        </view> -->
        <view class="form-row">
          <text class="form-label">备注</text>
          <up-input v-model="form.remark" type="textarea" placeholder="选填" />
        </view>
      </view>
    </scroll-view>

    <!-- æäº¤æŒ‰é’® -->
    <view class="bottom-bar">
      <view class="btn-submit" @click="handleSubmit">提交</view>
    </view>

    <!-- äº§å“é€‰æ‹©å¼¹çª—（简化版 ProductSelectDialog） -->
    <up-popup :show="showProductPopup" mode="bottom" @close="showProductPopup = false">
      <view class="product-popup">
        <view class="popup-header">
          <text class="popup-title">选择产品</text>
        </view>
        <view class="popup-search">
          <up-input
            v-model="productQuery.productName"
            placeholder="产品大类"
            clearable
          />
          <up-input
            v-model="productQuery.model"
            placeholder="型号名称"
            clearable
          />
          <view class="popup-search-btn" @click="loadProductList">搜索</view>
        </view>
        <scroll-view scroll-y class="product-list">
          <view
            v-for="item in productList"
            :key="item.id"
            class="product-item"
            @click="selectProduct(item)"
          >
            <view class="product-name-row">
              <text class="product-name">{{ item.productName }}</text>
              <text class="product-unit">{{ item.unit }}</text>
            </view>
            <view class="product-model">型号：{{ item.model }}</view>
          </view>
          <view v-if="!productLoading && productList.length === 0" class="no-data">
            æš‚无数据
          </view>
        </scroll-view>
      </view>
    </up-popup>

    <!-- è¿‡ç£…日期选择器 -->
    <up-popup :show="showWeighingDatePicker" mode="bottom" @close="showWeighingDatePicker = false">
      <up-datetime-picker
        :show="true"
        v-model="weighingDateValue"
        mode="datetime"
        @confirm="onWeighingDateConfirm"
        @cancel="showWeighingDatePicker = false"
      />
    </up-popup>
  </view>
</template>

<script setup>
import { ref, reactive, computed, watch } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import dayjs from 'dayjs'
import PageHeader from '@/components/PageHeader.vue'
import { createStockInventory } from '@/api/inventoryManagement/stockInventory.js'
import { createStockUnInventory } from '@/api/inventoryManagement/stockUninventory.js'
import { productModelList } from '@/api/basicData/productModel.js'

const form = reactive({
  productId: undefined,
  productModelId: undefined,
  productName: '',
  productModelName: '',
  unit: '',
  productType: undefined,
  licensePlateNo: '',
  grossWeight: '',
  tareWeight: '',
  netWeight: '',
  weighingDate: '',
  weighingOperator: '',
  qualitity: '',
  remark: ''
})

const type = ref('0') // 0 åˆæ ¼åº“存，1 ä¸åˆæ ¼åº“å­˜
const isQualified = computed(() => type.value === '0')

const showProductPopup = ref(false)
const productQuery = reactive({
  productName: '',
  model: ''
})
const productList = ref([])
const productLoading = ref(false)

const showWeighingDatePicker = ref(false)
const weighingDateValue = ref(Date.now())

onLoad((options) => {
  if (options && options.type != null) {
    type.value = options.type
  }
})

const openProductSelector = () => {
  showProductPopup.value = true
  if (productList.value.length === 0) {
    loadProductList()
  }
}

const loadProductList = () => {
  productLoading.value = true
  productModelList({
    productName: productQuery.productName || '',
    model: productQuery.model || '',
    current: 1,
    size: 20
  })
    .then(res => {
      const data = res?.records || res?.data?.records || []
      productList.value = Array.isArray(data) ? data : []
    })
    .finally(() => {
      productLoading.value = false
    })
}

const selectProduct = (item) => {
  form.productId = item.productId || item.id
  form.productModelId = item.id
  form.productName = item.productName
  form.productModelName = item.model
  form.unit = item.unit
  form.productType = item.productType
  showProductPopup.value = false
}

// å‡€é‡ = æ¯›é‡ - çš®é‡
const computeNetWeight = () => {
  const gross = Number(form.grossWeight)
  const tare = Number(form.tareWeight)
  if (!isNaN(gross) && !isNaN(tare)) {
    const net = Number((gross - tare).toFixed(2))
    form.netWeight = net > 0 ? net : 0
  } else {
    form.netWeight = ''
  }
}

// ç›‘听毛重、皮重变化，自动计算净重
watch(
  () => [form.grossWeight, form.tareWeight],
  () => {
    computeNetWeight()
  }
)

const openWeighingDatePicker = () => {
  weighingDateValue.value = form.weighingDate
    ? dayjs(form.weighingDate, 'YYYY-MM-DD HH:mm:ss').valueOf()
    : Date.now()
  showWeighingDatePicker.value = true
}

const onWeighingDateConfirm = (e) => {
  const ts = e?.value ?? weighingDateValue.value
  form.weighingDate = dayjs(ts).format('YYYY-MM-DD HH:mm:ss')
  showWeighingDatePicker.value = false
}

const handleSubmit = () => {
  if (!form.productName || !form.productModelId) {
    uni.showToast({ title: '请选择产品', icon: 'none' })
    return
  }
  // if (!form.qualitity || Number(form.qualitity) <= 0) {
  //   uni.showToast({ title: '请输入数量', icon: 'none' })
  //   return
  // }
  const payload = {
    productId: form.productId,
    productModelId: form.productModelId,
    productName: form.productName,
    productModelName: form.productModelName,
    unit: form.unit,
    productType: form.productType,
    licensePlateNo: form.licensePlateNo,
    grossWeight: form.grossWeight,
    tareWeight: form.tareWeight,
    netWeight: form.netWeight,
    weighingDate: form.weighingDate,
    weighingOperator: form.weighingOperator,
    remark: form.remark
  }
  const api = isQualified.value ? createStockInventory : createStockUnInventory
  api(payload)
    .then(() => {
      uni.showToast({ title: '新增成功', icon: 'success' })
      setTimeout(() => {
        uni.navigateBack()
      }, 400)
    })
    .catch(() => {
      uni.showToast({ title: '新增失败', icon: 'none' })
    })
}

const goBack = () => uni.navigateBack()
</script>

<style lang="scss" scoped>
.add-stock-page {
  min-height: 100vh;
  background: #f5f5f5;
  padding-bottom: 100rpx;
}
.content-scroll {
  height: calc(100vh - 100rpx);
}
.form-section {
  background: #fff;
  margin: 24rpx;
  padding: 24rpx;
  border-radius: 16rpx;
}
.section-title {
  font-size: 28rpx;
  font-weight: 500;
  color: #333;
  margin-bottom: 12rpx;
}
.form-row {
  margin-bottom: 24rpx;
}
.form-label {
  display: block;
  font-size: 26rpx;
  color: #666;
  margin-bottom: 12rpx;
}
.form-label.required::after {
  content: '*';
  color: #f56c6c;
  margin-left: 6rpx;
}
.selector-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20rpx 24rpx;
  background: #f5f5f5;
  border-radius: 12rpx;
}
.selector-text {
  font-size: 28rpx;
  color: #333;
}
.selector-text.placeholder {
  color: #999;
}
.bottom-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 16rpx 24rpx calc(16rpx + env(safe-area-inset-bottom));
  background: #fff;
  box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.04);
}
.btn-submit {
  height: 88rpx;
  border-radius: 999rpx;
  background: #2979ff;
  color: #fff;
  font-size: 30rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-popup {
  background: #fff;
  border-radius: 24rpx 24rpx 0 0;
  padding-bottom: env(safe-area-inset-bottom);
}
.popup-header {
  padding: 24rpx;
  border-bottom: 1rpx solid #eee;
}
.popup-title {
  font-size: 30rpx;
  font-weight: 500;
  color: #333;
}
.popup-search {
  padding: 16rpx 24rpx;
  display: flex;
  flex-direction: column;
  gap: 12rpx;
}
.popup-search-btn {
  margin-top: 8rpx;
  align-self: flex-end;
  padding: 12rpx 32rpx;
  border-radius: 999rpx;
  background: #2979ff;
  color: #fff;
  font-size: 26rpx;
}
.product-list {
  max-height: 600rpx;
  padding: 0 24rpx 24rpx;
}
.product-item {
  padding: 20rpx 0;
  border-bottom: 1rpx solid #f0f0f0;
}
.product-name-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8rpx;
}
.product-name {
  font-size: 28rpx;
  color: #333;
}
.product-unit {
  font-size: 24rpx;
  color: #999;
}
.product-model {
  font-size: 24rpx;
  color: #666;
}
.no-data {
  text-align: center;
  padding: 40rpx 0;
  color: #999;
  font-size: 26rpx;
}
</style>


 src/pages/inventoryManagement/stockManagement/index.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,456 @@
<template>
  <view class="stock-mgmt-page">
    <PageHeader title="库存管理" @back="goBack" />

    <!-- æ ‡ç­¾ï¼šåˆæ ¼åº“å­˜ / ä¸åˆæ ¼åº“å­˜ -->
    <view class="tabs-wrap">
      <view
        v-for="tab in tabs"
        :key="tab.name"
        class="tab-item"
        :class="{ active: activeTab === tab.name }"
        @click="activeTab = tab.name"
      >
        <text>{{ tab.label }}</text>
      </view>
    </view>

    <!-- æœç´¢åŒºåŸŸ -->
    <view class="search-section">
      <view class="search-row">
        <view class="search-input-wrap">
          <up-input
            v-model="searchForm.productName"
            placeholder="产品大类"
            clearable
          />
        </view>
        <view class="btn-search" @click="handleQuery">
          <view class="btn-search-inner">
            <up-icon name="search" size="22" color="#fff"></up-icon>
            <text>搜索</text>
          </view>
        </view>
      </view>
    </view>

    <!-- åˆ—表 + æ»šåŠ¨åˆ†é¡µ -->
    <view class="list-section">
      <view v-if="tableData.length > 0">
        <view
          v-for="(item, index) in tableData"
          :key="item.id || index"
          class="card-item"
        >
          <view class="card-click" @click="goDetail(item)">
            <view class="card-header">
              <view class="header-main">
                <text class="product-name">{{ item.productName }}</text>
                <text class="sub-title">{{ item.model || item.updateTime }}</text>
              </view>
            </view>
            <up-divider />
            <view class="card-body">
              <view class="row"><text class="l">规格型号</text><text class="r">{{ item.model }}</text></view>
              <view class="row"><text class="l">单位</text><text class="r">{{ item.unit }}</text></view>
              <view class="row"><text class="l">总库存数</text><text class="r highlight">{{ item.qualitity }}</text></view>
              <view class="row"><text class="l">冻结数量</text><text class="r">{{ item.lockedQuantity || 0 }}</text></view>
              <view class="row"><text class="l">可用库存</text><text class="r">{{ item.unLockedQuantity ?? (item.qualitity - (item.lockedQuantity || 0)) }}</text></view>
              <view class="row"><text class="l">最近更新时间</text><text class="r">{{ item.updateTime }}</text></view>
            </view>
          </view>
          <view class="card-actions">
            <view
              class="btn-link btn-link-primary"
              :class="{ disabled: !(item.unLockedQuantity > 0) }"
              @click="openSubtract(item)"
            >出库</view>
            <view
              class="btn-link btn-link-warn"
              v-if="item.unLockedQuantity > 0"
              @click="openFrozen(item)"
            >冻结</view>
            <view
              class="btn-link btn-link-plain"
              v-if="(item.lockedQuantity || 0) > 0"
              @click="openThaw(item)"
            >解冻</view>
          </view>
        </view>
        <view class="load-more-wrap">
          <u-loadmore :status="loadStatus" @loadmore="loadMore" />
        </view>
      </view>
      <view v-else class="no-data">暂无数据</view>
    </view>

    <!-- å‡ºåº“/冻结/解冻弹窗 -->
    <up-popup :show="showQuantityPopup" mode="center" round="16" @close="closeQuantityPopup">
      <view class="popup-inner">
        <view class="popup-title">{{ quantityTitle }}</view>
        <view class="form-row">
          <text class="form-label">数量</text>
          <up-input v-model="quantityForm.num" type="number" :placeholder="'最大' + maxQuantity" />
        </view>
        <view class="popup-footer">
          <view class="btn-cancel" @click="closeQuantityPopup">取消</view>
          <view class="btn-ok" @click="submitQuantity">确定</view>
        </view>
      </view>
    </up-popup>

    <!-- å³ä¸‹è§’新增按钮：进入新增库存页面 -->
    <view class="fab-button" @click="goAdd">
      <up-icon name="plus" size="24" color="#ffffff"></up-icon>
    </view>
  </view>
</template>

<script setup>
import { ref, reactive, toRefs, watch, computed } from 'vue'
import { onShow, onReachBottom } from '@dcloudio/uni-app'
import PageHeader from '@/components/PageHeader.vue'
import {
  getStockInventoryListPage,
  createStockInventory,
  subtractStockInventory,
  frozenStockInventory,
  thawStockInventory
} from '@/api/inventoryManagement/stockInventory.js'
import {
  getStockUninventoryListPage,
  createStockUnInventory,
  subtractStockUnInventory,
  frozenStockUninventory,
  thawStockUninventory
} from '@/api/inventoryManagement/stockUninventory.js'

const activeTab = ref('qualified')
const tabs = [
  { label: '合格库存', name: 'qualified' },
  { label: '不合格库存', name: 'unqualified' }
]
const tableData = ref([])
const total = ref(0)
const loadStatus = ref('loadmore') // loadmore | loading | nomore | error
const showQuantityPopup = ref(false)
const quantityOp = ref('') // subtract | frozen | thaw
const currentRecord = ref(null)
const page = reactive({ current: 1, size: 20 })
const data = reactive({
  searchForm: { productName: '' },
  quantityForm: { num: '' }
})
const { searchForm, quantityForm } = toRefs(data)

const isQualified = () => activeTab.value === 'qualified'
const getList = () => {
  const isFirstPage = page.current === 1
  if (isFirstPage) {
    uni.showLoading({ title: '加载中...', mask: true })
  }
  const params = { ...page, productName: searchForm.value.productName }
  const api = isQualified() ? getStockInventoryListPage : getStockUninventoryListPage
  api(params)
    .then(res => {
      uni.hideLoading()
      const records = res.data?.records || []
      const totalCount = res.data?.total || 0
      if (isFirstPage) {
        tableData.value = records
      } else {
        tableData.value = [...tableData.value, ...records]
      }
      total.value = totalCount
      if (tableData.value.length >= totalCount || totalCount === 0) {
        loadStatus.value = 'nomore'
      } else {
        loadStatus.value = 'loadmore'
      }
    })
    .catch(() => {
      uni.hideLoading()
      loadStatus.value = 'error'
      if (isFirstPage) {
        uni.showToast({ title: '加载失败', icon: 'none' })
      }
    })
}

const loadMore = () => {
  if (loadStatus.value === 'nomore' || loadStatus.value === 'loading') return
  loadStatus.value = 'loading'
  page.current++
  getList()
}

watch(activeTab, () => {
  page.current = 1
  loadStatus.value = 'loadmore'
  getList()
})

const handleQuery = () => {
  page.current = 1
  loadStatus.value = 'loadmore'
  getList()
}

const goAdd = () => {
  const type = isQualified() ? '0' : '1'
  uni.navigateTo({
    url: `/pages/inventoryManagement/stockManagement/add?type=${type}`
  })
}

const quantityTitle = computed(() => {
  if (quantityOp.value === 'frozen') return '冻结库存'
  if (quantityOp.value === 'thaw') return '解冻库存'
  return ''
})
const maxQuantity = computed(() => {
  if (!currentRecord.value) return 0
  if (quantityOp.value === 'frozen') return currentRecord.value.unLockedQuantity || 0
  if (quantityOp.value === 'thaw') return currentRecord.value.lockedQuantity || 0
  return 0
})

const openSubtract = (row) => {
  if (!(row.unLockedQuantity > 0)) return
  try {
    uni.setStorageSync('stockSubtractRecord', JSON.stringify({
      item: row,
      type: isQualified() ? '0' : '1'
    }))
  } catch (e) {}
  const typeParam = isQualified() ? '0' : '1'
  uni.navigateTo({
    url: `/pages/inventoryManagement/stockManagement/subtract?type=${typeParam}&id=${row.id}`
  })
}
const openFrozen = (row) => {
  quantityOp.value = 'frozen'
  currentRecord.value = row
  quantityForm.value.num = ''
  showQuantityPopup.value = true
}
const openThaw = (row) => {
  quantityOp.value = 'thaw'
  currentRecord.value = row
  quantityForm.value.num = ''
  showQuantityPopup.value = true
}
const closeQuantityPopup = () => {
  showQuantityPopup.value = false
  currentRecord.value = null
  quantityOp.value = ''
}
const submitQuantity = () => {
  const num = Number(quantityForm.value.num)
  if (!num || num <= 0 || num > maxQuantity.value) {
    uni.showToast({ title: `请输入 1~${maxQuantity.value} ä¹‹é—´çš„数量`, icon: 'none' })
    return
  }
  const id = currentRecord.value?.id
  if (!id) return
  const base = { id, lockedQuantity: num }
  let promise
  if (quantityOp.value === 'frozen') {
    promise = isQualified() ? frozenStockInventory(base) : frozenStockUninventory(base)
  } else {
    promise = isQualified() ? thawStockInventory(base) : thawStockUninventory(base)
  }
  promise.then(() => {
    uni.showToast({ title: '操作成功', icon: 'success' })
    closeQuantityPopup()
    getList()
  }).catch(() => uni.showToast({ title: '操作失败', icon: 'none' }))
}

const goDetail = (item) => {
  if (!item) return
  try {
    uni.setStorageSync('stockDetailItem', JSON.stringify({
      item,
      type: isQualified() ? '0' : '1'
    }))
  } catch (e) {}
  if (!item.id) {
    uni.navigateTo({ url: '/pages/inventoryManagement/stockManagement/view' })
  } else {
    uni.navigateTo({ url: '/pages/inventoryManagement/stockManagement/view?id=' + item.id })
  }
}

const goBack = () => uni.navigateBack()
onShow(() => getList())
onReachBottom(() => {
  loadMore()
})
</script>

<style lang="scss" scoped>
.stock-mgmt-page {
  min-height: 100vh;
  background: #f5f5f5;
  padding-bottom: 120rpx;
}
.tabs-wrap {
  display: flex;
  background: #fff;
  padding: 24rpx;
  gap: 24rpx;
}
.tab-item {
  flex: 1;
  text-align: center;
  padding: 20rpx;
  border-radius: 12rpx;
  background: #f0f0f0;
  font-size: 28rpx;
  color: #666;
}
.tab-item.active {
  background: #2979ff;
  color: #fff;
}
.search-section {
  background: #fff;
  margin: 24rpx;
  padding: 24rpx;
  border-radius: 16rpx;
}
.search-row {
  display: flex;
  align-items: center;
}
.search-input-wrap { flex: 1; margin-right: 20rpx; min-width: 0; }
.btn-search {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180rpx;
  min-height: 72rpx;
  flex-shrink: 0;
  padding: 20rpx 24rpx;
  background: #2979ff;
  color: #fff;
  border-radius: 12rpx;
  font-size: 28rpx;
  box-sizing: border-box;
  text-align: center;
}
.btn-search-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8rpx;
}
.btn-search text { line-height: 1; vertical-align: middle; }
:deep(.btn-search-inner > *),
:deep(.btn-search > *) {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.list-section { padding: 0 24rpx; }
.card-item {
  background: #fff;
  border-radius: 16rpx;
  padding: 24rpx;
  margin-bottom: 24rpx;
  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
}
.card-header { padding: 8rpx 0; }
.header-main {
  display: flex;
  flex-direction: column;
  gap: 8rpx;
}
.product-name { font-size: 30rpx; font-weight: 500; color: #333; }
.sub-title { font-size: 24rpx; color: #999; }
.card-body .row {
  display: flex;
  justify-content: space-between;
  padding: 12rpx 0;
  font-size: 26rpx;
}
.card-body .l { color: #666; }
.card-body .r { color: #333; }
.card-body .r.highlight { color: #2979ff; font-weight: 500; }
.card-actions {
  display: flex;
  gap: 16rpx;
  margin-top: 16rpx;
  padding-top: 16rpx;
  border-top: 1rpx solid #eee;
  justify-content: flex-end;
}
.btn-link {
  min-width: 120rpx;
  padding: 10rpx 20rpx;
  border-radius: 24rpx;
  font-size: 26rpx;
  text-align: center;
  border-width: 1rpx;
  border-style: solid;
}
.btn-link-primary {
  color: #ffffff;
  background: #2979ff;
  border-color: #2979ff;
}
.btn-link-warn {
  color: #ff9f1a;
  background: rgba(255, 159, 26, 0.08);
  border-color: rgba(255, 159, 26, 0.6);
}
.btn-link-plain {
  color: #666666;
  background: #f5f5f5;
  border-color: #e0e0e0;
}
.btn-link.disabled {
  color: #cccccc;
  background: #f5f5f5;
  border-color: #e0e0e0;
}
.no-data { text-align: center; padding: 80rpx 0; color: #999; font-size: 28rpx; }

/* å³ä¸‹è§’浮动新增按钮 */
.fab-button {
  position: fixed;
  bottom: calc(30px + env(safe-area-inset-bottom));
  right: 30px;
  width: 56px;
  height: 56px;
  background: #2979ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(41, 121, 255, 0.3);
  z-index: 1000;
}

.popup-inner { padding: 40rpx; min-width: 560rpx; background: #fff; }
.popup-title { font-size: 32rpx; font-weight: 500; margin-bottom: 32rpx; }
.form-row { margin-bottom: 24rpx; }
.form-row .form-label { display: block; font-size: 26rpx; color: #666; margin-bottom: 12rpx; }
.date-picker-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20rpx 24rpx;
  background: #f5f5f5;
  border-radius: 12rpx;
  font-size: 28rpx;
}
.date-picker-text { color: #333; }
.date-picker-text.placeholder { color: #999; }
.popup-footer { display: flex; gap: 24rpx; margin-top: 40rpx; }
.btn-cancel { flex: 1; text-align: center; padding: 24rpx; background: #f0f0f0; border-radius: 12rpx; }
.btn-ok { flex: 1; text-align: center; padding: 24rpx; background: #2979ff; color: #fff; border-radius: 12rpx; }
</style>

 src/pages/inventoryManagement/stockManagement/subtract.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,268 @@
<template>
  <view class="subtract-page">
    <PageHeader title="库存出库" @back="goBack" />

    <scroll-view scroll-y class="content-scroll">
      <view class="form-section">
        <view class="form-row">
          <text class="form-label">产品名称</text>
          <up-input v-model="form.productName" disabled />
        </view>
        <view class="form-row">
          <text class="form-label">规格</text>
          <up-input v-model="form.model" disabled />
        </view>
        <view class="form-row">
          <text class="form-label">单位</text>
          <up-input v-model="form.unit" disabled />
        </view>
      </view>

      <view class="form-section">
        <view class="section-title">出库/过磅信息</view>
        <view class="form-row">
          <text class="form-label">车牌号</text>
          <up-input v-model="form.licensePlateNo" placeholder="请输入车牌号" />
        </view>
        <view class="form-row">
          <text class="form-label">毛重(吨)</text>
          <up-input
            v-model="form.grossWeight"
            type="number"
            placeholder="请输入毛重"
          />
        </view>
        <view class="form-row">
          <text class="form-label">皮重(吨)</text>
          <up-input
            v-model="form.tareWeight"
            type="number"
            placeholder="请输入皮重"
          />
        </view>
        <view class="form-row">
          <text class="form-label">净重(吨)</text>
          <up-input
            v-model="form.netWeight"
            type="number"
            disabled
            placeholder="自动计算"
          />
        </view>
        <view class="form-row">
          <text class="form-label">过磅日期</text>
          <view class="selector-trigger" @click="openWeighingDatePicker">
            <text class="selector-text" :class="{ placeholder: !form.weighingDate }">
              {{ form.weighingDate || '请选择过磅日期' }}
            </text>
            <up-icon name="calendar" size="16" color="#999"></up-icon>
          </view>
        </view>
        <view class="form-row">
          <text class="form-label">过磅员</text>
          <up-input v-model="form.weighingOperator" placeholder="请输入过磅员" />
        </view>
        <view class="form-row">
          <text class="form-label">备注</text>
          <up-input v-model="form.remark" type="textarea" placeholder="选填" />
        </view>
      </view>
    </scroll-view>

    <view class="bottom-bar">
      <view class="btn-submit" @click="handleSubmit">出库</view>
    </view>

    <!-- è¿‡ç£…日期选择器 -->
    <up-popup :show="showWeighingDatePicker" mode="bottom" @close="showWeighingDatePicker = false">
      <up-datetime-picker
        :show="true"
        v-model="weighingDateValue"
        mode="datetime"
        @confirm="onWeighingDateConfirm"
        @cancel="showWeighingDatePicker = false"
      />
    </up-popup>
  </view>
</template>

<script setup>
import { ref, reactive, watch } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import dayjs from 'dayjs'
import PageHeader from '@/components/PageHeader.vue'
import { subtractStockInventory } from '@/api/inventoryManagement/stockInventory.js'
import { subtractStockUnInventory } from '@/api/inventoryManagement/stockUninventory.js'

const form = reactive({
  id: undefined,
  // äº§å“åŠåº“存基础信息（来自列表记录）
  productId: undefined,
  productModelId: undefined,
  parentId: undefined,
  parentName: '',
  productName: '',
  model: '',
  unit: '',
  qualitity: undefined,
  lockedQuantity: undefined,
  unLockedQuantity: undefined,
  warnNum: undefined,
  currentStock: undefined,
  totalStockIn: undefined,
  totalStockOut: undefined,
  createTime: '',
  updateTime: '',
  version: undefined,
  // å‡ºåº“/过磅信息
  licensePlateNo: '',
  grossWeight: '',
  tareWeight: '',
  netWeight: '',
  weighingDate: '',
  weighingOperator: '',
  remark: ''
})

const type = ref('0') // 0 åˆæ ¼åº“存，1 ä¸åˆæ ¼åº“å­˜
const showWeighingDatePicker = ref(false)
const weighingDateValue = ref(Date.now())

onLoad((options) => {
  if (options && options.type != null) {
    type.value = options.type
  }
  const cached = uni.getStorageSync('stockSubtractRecord')
  if (cached) {
    try {
      const payload = typeof cached === 'string' ? JSON.parse(cached) : cached
      const item = payload && payload.item ? payload.item : payload
      // å°†åˆ—表记录的完整字段拷贝到表单中，保持与 PC ç«¯ Subtract.vue ä¸€è‡´
      Object.assign(form, item)
      uni.removeStorageSync('stockSubtractRecord')
    } catch (e) {
      uni.removeStorageSync('stockSubtractRecord')
    }
  }
})

// å‡€é‡ = æ¯›é‡ - çš®é‡
const computeNetWeight = () => {
  const gross = Number(form.grossWeight)
  const tare = Number(form.tareWeight)
  if (!isNaN(gross) && !isNaN(tare)) {
    const net = Number((gross - tare).toFixed(2))
    form.netWeight = net > 0 ? net : 0
  } else {
    form.netWeight = ''
  }
}

watch(
  () => [form.grossWeight, form.tareWeight],
  () => {
    computeNetWeight()
  }
)

const openWeighingDatePicker = () => {
  weighingDateValue.value = form.weighingDate
    ? dayjs(form.weighingDate, 'YYYY-MM-DD HH:mm:ss').valueOf()
    : Date.now()
  showWeighingDatePicker.value = true
}

const onWeighingDateConfirm = (e) => {
  const ts = e?.value ?? weighingDateValue.value
  form.weighingDate = dayjs(ts).format('YYYY-MM-DD HH:mm:ss')
  showWeighingDatePicker.value = false
}

const handleSubmit = () => {
  if (!form.id) {
    uni.showToast({ title: '记录信息缺失，无法出库', icon: 'none' })
    return
  }
  const payload = { ...form }
  const api = type.value === '0' ? subtractStockInventory : subtractStockUnInventory
  api(payload)
    .then(() => {
      uni.showToast({ title: '出库成功', icon: 'success' })
      setTimeout(() => {
        uni.navigateBack()
      }, 400)
    })
    .catch(() => {
      uni.showToast({ title: '出库失败', icon: 'none' })
    })
}

const goBack = () => uni.navigateBack()
</script>

<style lang="scss" scoped>
.subtract-page {
  min-height: 100vh;
  background: #f5f5f5;
  padding-bottom: 100rpx;
}
.content-scroll {
  height: calc(100vh - 100rpx);
}
.form-section {
  background: #fff;
  margin: 24rpx;
  padding: 24rpx;
  border-radius: 16rpx;
}
.section-title {
  font-size: 28rpx;
  font-weight: 500;
  color: #333;
  margin-bottom: 12rpx;
}
.form-row {
  margin-bottom: 24rpx;
}
.form-label {
  display: block;
  font-size: 26rpx;
  color: #666;
  margin-bottom: 12rpx;
}
.selector-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20rpx 24rpx;
  background: #f5f5f5;
  border-radius: 12rpx;
}
.selector-text {
  font-size: 28rpx;
  color: #333;
}
.selector-text.placeholder {
  color: #999;
}
.bottom-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 16rpx 24rpx calc(16rpx + env(safe-area-inset-bottom));
  background: #fff;
  box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.04);
}
.btn-submit {
  height: 88rpx;
  border-radius: 999rpx;
  background: #2979ff;
  color: #fff;
  font-size: 30rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>


 src/pages/inventoryManagement/stockManagement/view.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,193 @@
<template>
  <view class="detail-page">
    <PageHeader title="库存详情" @back="goBack" />
    <view v-if="loading" class="loading-wrap">
      <text class="loading-text">加载中...</text>
    </view>
    <view v-else-if="detail" class="detail-wrap">
      <!-- åŸºç¡€ä¿¡æ¯ -->
      <view class="section-card">
        <view class="section-head">
          <view class="section-dot"></view>
          <text class="section-title">基础信息</text>
        </view>
        <view class="section-body">
          <view class="detail-row">
            <text class="label">序号</text>
            <text class="value">{{ detail.index ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">产品大类</text>
            <text class="value value-strong">{{ detail.productName || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">规格型号</text>
            <text class="value">{{ detail.model || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">单位</text>
            <text class="value">{{ detail.unit || '-' }}</text>
          </view>
        </view>
      </view>
      <!-- åº“存信息 -->
      <view class="section-card">
        <view class="section-head">
          <view class="section-dot"></view>
          <text class="section-title">库存信息</text>
        </view>
        <view class="section-body">
          <view class="detail-row">
            <text class="label">总库存数</text>
            <text class="value value-num">{{ detail.qualitity ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">冻结数量</text>
            <text class="value">{{ detail.lockedQuantity ?? 0 }}</text>
          </view>
          <view class="detail-row">
            <text class="label">可用库存</text>
            <text class="value">{{ detail.unLockedQuantity ?? (detail.qualitity - (detail.lockedQuantity || 0)) }}</text>
          </view>
          <view class="detail-row">
            <text class="label">最近更新时间</text>
            <text class="value">{{ detail.updateTime || '-' }}</text>
          </view>
        </view>
      </view>
    </view>
    <view v-else class="empty">
      <text class="empty-text">暂无详情数据</text>
    </view>
  </view>
</template>

<script setup>
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import PageHeader from '@/components/PageHeader.vue'

const detail = ref(null)
const loading = ref(true)

function normalizeDetail(raw) {
  if (!raw) return null
  const d = typeof raw === 'object' ? raw : {}
  return {
    index: d.index ?? 1,
    productName: d.productName,
    model: d.model,
    unit: d.unit,
    qualitity: d.qualitity,
    lockedQuantity: d.lockedQuantity,
    unLockedQuantity: d.unLockedQuantity,
    updateTime: d.updateTime
  }
}

onLoad(() => {
  const cached = uni.getStorageSync('stockDetailItem')
  if (cached) {
    try {
      const payload = typeof cached === 'string' ? JSON.parse(cached) : cached
      const item = payload && payload.item != null ? payload.item : payload
      detail.value = normalizeDetail({ ...item, index: 1 })
      uni.removeStorageSync('stockDetailItem')
    } catch (e) {
      uni.removeStorageSync('stockDetailItem')
    }
  }
  loading.value = false
})

const goBack = () => uni.navigateBack()
</script>

<style lang="scss" scoped>
.detail-page {
  min-height: 100vh;
  background: linear-gradient(180deg, #e8eef7 0%, #f2f5fa 100%);
  padding-bottom: 48rpx;
}
.loading-wrap {
  padding: 120rpx 48rpx;
  text-align: center;
}
.loading-text {
  color: #8c9aa8;
  font-size: 28rpx;
}
.empty {
  padding: 120rpx 48rpx;
  text-align: center;
}
.empty-text {
  color: #8c9aa8;
  font-size: 28rpx;
}
.detail-wrap {
  padding: 24rpx 24rpx 32rpx;
}
.section-card {
  background: #fff;
  border-radius: 24rpx;
  overflow: hidden;
  margin-bottom: 28rpx;
  box-shadow: 0 8rpx 32rpx rgba(41, 121, 255, 0.06);
  border: 1rpx solid rgba(41, 121, 255, 0.06);
}
.section-head {
  display: flex;
  align-items: center;
  padding: 28rpx 32rpx;
  background: linear-gradient(135deg, #f8fbff 0%, #f0f6ff 100%);
  border-bottom: 1rpx solid #eef3fa;
}
.section-dot {
  width: 8rpx;
  height: 8rpx;
  border-radius: 50%;
  background: #2979ff;
  margin-right: 16rpx;
}
.section-title {
  font-size: 30rpx;
  font-weight: 600;
  color: #1e3a5f;
  letter-spacing: 0.5rpx;
}
.section-body {
  padding: 8rpx 32rpx 24rpx;
}
.detail-row {
  display: flex;
  align-items: center;
  min-height: 96rpx;
  padding: 0 16rpx;
  border-radius: 12rpx;
  font-size: 28rpx;
  margin-bottom: 4rpx;
}
.detail-row .label {
  width: 220rpx;
  flex-shrink: 0;
  color: #6b7c93;
  font-size: 26rpx;
}
.detail-row .value {
  flex: 1;
  color: #2c3e50;
  text-align: right;
  word-break: break-all;
  font-size: 28rpx;
}
.detail-row .value-strong {
  color: #1e3a5f;
  font-weight: 500;
}
.detail-row .value-num {
  color: #2979ff;
  font-weight: 600;
  font-size: 32rpx;
}
</style>

 src/pages/inventoryManagement/stockReport/index.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,274 @@
<template>
  <view class="report-page">
    <PageHeader title="库存报表" @back="goBack" />

    <!-- æŠ¥è¡¨ç±»åž‹ -->
    <view class="tabs-wrap">
      <view
        v-for="t in reportTypes"
        :key="t.value"
        class="tab-item"
        :class="{ active: searchForm.reportType === t.value }"
        @click="searchForm.reportType = t.value"
      >
        <text>{{ t.label }}</text>
      </view>
    </view>

    <!-- æ—¶é—´é€‰æ‹©åŒºåŸŸå·²åŽ»é™¤ï¼Œä½¿ç”¨é»˜è®¤æ—¥æœŸé€»è¾‘ -->

    <!-- åˆ—表 + æ»šåŠ¨åˆ†é¡µ -->
    <view class="list-section">
      <view class="section-header">
        <text class="table-title">{{ tableTitle }}</text>
      </view>
      <view v-if="tableData.length > 0">
        <view v-for="(item, index) in tableData" :key="index" class="card-item">
          <view class="card-header">
            <view class="header-main">
              <text class="product-name">{{ item.productName }}</text>
              <text class="sub-title">{{ item.model }}</text>
            </view>
          </view>
          <up-divider />
          <view class="card-body">
            <view class="row"><text class="l">单位</text><text class="r">{{ item.unit }}</text></view>
            <view class="row" v-if="searchForm.reportType !== 'inout'"><text class="l">入库时间</text><text class="r">{{ item.createTime }}</text></view>
            <view class="row" v-if="searchForm.reportType !== 'inout'"><text class="l">入库批次</text><text class="r">{{ item.inboundBatches }}</text></view>
            <view class="row"><text class="l">入库数量</text><text class="r">{{ item.totalStockIn ?? item.stockInNum }}</text></view>
            <view class="row" v-if="searchForm.reportType === 'inout'"><text class="l">出库数量</text><text class="r">{{ item.totalStockOut }}</text></view>
            <view class="row"><text class="l">现在库存</text><text class="r highlight">{{ item.currentStock }}</text></view>
            <view class="row" v-if="item.createBy"><text class="l">入库人</text><text class="r">{{ item.createBy }}</text></view>
          </view>
        </view>
        <view class="load-more-wrap">
          <u-loadmore :status="loadStatus" @loadmore="loadMore" />
        </view>
      </view>
      <view v-else class="no-data">暂无数据</view>
    </view>

    <up-popup :show="showDatePicker" mode="bottom" @close="showDatePicker = false">
      <up-datetime-picker
        v-model="dateValue"
        :mode="datePickerMode"
        @confirm="onDateConfirm"
        @cancel="showDatePicker = false"
      />
    </up-popup>
  </view>
</template>

<script setup>
import { ref, reactive, toRefs, computed, watch } from 'vue'
import dayjs from 'dayjs'
import PageHeader from '@/components/PageHeader.vue'
import { formatDateToYMD } from '@/utils/ruoyi'
import { onShow, onReachBottom } from '@dcloudio/uni-app'
import {
  getStockInventoryReportList,
  getStockInventoryInAndOutReportList
} from '@/api/inventoryManagement/stockInventory.js'

const reportTypes = [
  { label: '日报', value: 'daily' },
  { label: '月报', value: 'monthly' },
  { label: '进出存报表', value: 'inout' }
]
const tableData = ref([])
const showDatePicker = ref(false)
const dateValue = ref(Date.now())
const datePickerTarget = ref('') // single | startMonth | endMonth
const loadStatus = ref('loadmore') // loadmore | loading | nomore | error
const page = reactive({ current: 1, size: 20 })
const data = reactive({
  searchForm: {
    reportType: 'daily',
    singleDate: '',
    startMonth: '',
    endMonth: '',
    startDate: '',
    endDate: ''
  }
})
const { searchForm } = toRefs(data)

const datePickerMode = computed(() => {
  if (datePickerTarget.value === 'startMonth' || datePickerTarget.value === 'endMonth') return 'month'
  return 'date'
})

const tableTitle = computed(() => {
  const m = { daily: '日报详细数据', monthly: '月报详细数据', inout: '进出存报表详细数据' }
  return m[searchForm.value.reportType] || '报表数据'
})

const getQueryParams = () => {
  const p = {
    reportType: searchForm.value.reportType,
    current: page.current,
    size: page.size
  }
  if (searchForm.value.reportType === 'daily') {
    p.reportDate = searchForm.value.singleDate
  } else if (searchForm.value.reportType === 'monthly') {
    p.startMonth = searchForm.value.startMonth
    p.endMonth = searchForm.value.endMonth
  } else if (searchForm.value.reportType === 'monthly') {
    p.startMonth = searchForm.value.startMonth
    p.endMonth = searchForm.value.endMonth
  } else {
    p.startDate = searchForm.value.startDate
    p.endDate = searchForm.value.endDate
  }
  return p
}

const getList = () => {
  const isFirstPage = page.current === 1
  if (isFirstPage) {
    uni.showLoading({ title: '查询中...', mask: true })
  }
  const params = getQueryParams()
  const isInout = searchForm.value.reportType === 'inout'
  const api = isInout ? getStockInventoryInAndOutReportList : getStockInventoryReportList
  api(params)
    .then(res => {
      uni.hideLoading()
      const records = res.data?.records || []
      const total = res.data?.total || records.length
      if (isFirstPage) {
        tableData.value = records
      } else {
        tableData.value = [...tableData.value, ...records]
      }
      if (tableData.value.length >= total || total === 0) {
        loadStatus.value = 'nomore'
      } else {
        loadStatus.value = 'loadmore'
      }
    })
    .catch(() => {
      uni.hideLoading()
      loadStatus.value = 'error'
      if (isFirstPage) {
        uni.showToast({ title: '查询失败', icon: 'none' })
      }
    })
}

const handleQuery = () => {
  page.current = 1
  loadStatus.value = 'loadmore'
  getList()
}

const loadMore = () => {
  if (loadStatus.value === 'nomore' || loadStatus.value === 'loading') return
  loadStatus.value = 'loading'
  page.current++
  getList()
}

const openDatePicker = (target) => {
  datePickerTarget.value = target
  let val = ''
  if (target === 'single') val = searchForm.value.singleDate
  else if (target === 'startMonth') val = searchForm.value.startMonth
  else if (target === 'endMonth') val = searchForm.value.endMonth
  dateValue.value = val ? new Date(val).getTime() : Date.now()
  showDatePicker.value = true
}

const onDateConfirm = (e) => {
  const isMonth = datePickerTarget.value === 'startMonth' || datePickerTarget.value === 'endMonth'
  const str = isMonth ? dayjs(e.value).format('YYYY-MM') : formatDateToYMD(e.value)
  if (datePickerTarget.value === 'single') searchForm.value.singleDate = str
  else if (datePickerTarget.value === 'startMonth') searchForm.value.startMonth = str
  else if (datePickerTarget.value === 'endMonth') searchForm.value.endMonth = str
  showDatePicker.value = false
  handleQuery()
}

// åˆå§‹åŒ–：日报默认今天，月报默认本月，进出存默认最近7天
const initDefaultDates = () => {
  const today = dayjs()
  if (!searchForm.value.singleDate) {
    searchForm.value.singleDate = today.format('YYYY-MM-DD')
  }
  if (!searchForm.value.startMonth || !searchForm.value.endMonth) {
    const startOfMonth = today.startOf('month').format('YYYY-MM-DD')
    const endOfMonth = today.endOf('month').format('YYYY-MM-DD')
    searchForm.value.startMonth = startOfMonth
    searchForm.value.endMonth = endOfMonth
  }
  if (!searchForm.value.startDate || !searchForm.value.endDate) {
    searchForm.value.endDate = today.format('YYYY-MM-DD')
    searchForm.value.startDate = today.subtract(6, 'day').format('YYYY-MM-DD')
  }
}

watch(
  () => searchForm.value.reportType,
  () => {
    // åˆ‡æ¢æŠ¥è¡¨ç±»åž‹æ—¶ä¿ç•™å·²ç®—好的默认时间，只重查
    handleQuery()
  }
)

onShow(() => {
  initDefaultDates()
  handleQuery()
})

const goBack = () => uni.navigateBack()
</script>

<style lang="scss" scoped>
.report-page { min-height: 100vh; background: #f5f5f5; padding-bottom: 40rpx; }
.tabs-wrap { display: flex; background: #fff; padding: 24rpx; gap: 24rpx; }
.tab-item { flex: 1; text-align: center; padding: 20rpx; border-radius: 12rpx; background: #f0f0f0; font-size: 28rpx; color: #666; }
.tab-item.active { background: #2979ff; color: #fff; }
.search-section { background: #fff; margin: 24rpx; padding: 24rpx; border-radius: 16rpx; }
.search-row { display: flex; align-items: center; margin-bottom: 0; flex-wrap: wrap; }
.search-row .label { width: 140rpx; font-size: 26rpx; color: #666; }
.search-row .label.end { margin-left: 24rpx; }
.date-picker { flex: 1; min-width: 200rpx; padding: 20rpx; background: #f5f5f5; border-radius: 12rpx; font-size: 28rpx; }
.btn-row { display: flex; gap: 24rpx; margin-top: 24rpx; }
.btn-query { flex: 1; text-align: center; padding: 24rpx; background: #2979ff; color: #fff; border-radius: 12rpx; }
.btn-reset { flex: 1; text-align: center; padding: 24rpx; background: #e0e0e0; border-radius: 12rpx; }
.list-section { margin: 24rpx; }
.section-header {
  margin-bottom: 16rpx;
  padding: 16rpx 20rpx;
}
.table-title { font-size: 30rpx; font-weight: 500; color: #333; }
.card-item {
  background: #fff;
  border-radius: 16rpx;
  padding: 20rpx 24rpx;
  margin-bottom: 20rpx;
  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
}
.card-header {
  padding: 4rpx 0 12rpx;
}
.header-main {
  display: flex;
  flex-direction: column;
  gap: 6rpx;
}
.product-name {
  font-size: 30rpx;
  font-weight: 500;
  color: #333;
}
.sub-title {
  font-size: 24rpx;
  color: #999;
}
.card-body .row { display: flex; justify-content: space-between; padding: 6rpx 0; font-size: 26rpx; }
.card-body .l { color: #666; } .card-body .r { color: #333; } .card-body .r.highlight { color: #2979ff; font-weight: 500; }
.no-data { text-align: center; padding: 60rpx 0; color: #999; font-size: 28rpx; }
.load-more-wrap { padding: 24rpx 0 8rpx; }
</style>

 src/pages/inventoryManagement/stockReport/view.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,173 @@
<template>
  <view class="detail-page">
    <PageHeader title="库存报表详情" @back="goBack" />
    <view v-if="detail" class="detail-wrap">
      <!-- åŸºç¡€ä¿¡æ¯ -->
      <view class="section-card">
        <view class="section-head">
          <view class="section-dot"></view>
          <text class="section-title">基础信息</text>
        </view>
        <view class="section-body">
          <view class="detail-row">
            <text class="label">序号</text>
            <text class="value">{{ detail.index ?? '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">产品大类</text>
            <text class="value value-strong">{{ detail.productName || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">规格型号</text>
            <text class="value">{{ detail.model || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">单位</text>
            <text class="value">{{ detail.unit || '-' }}</text>
          </view>
        </view>
      </view>

      <!-- æŠ¥è¡¨ä¿¡æ¯ -->
      <view class="section-card">
        <view class="section-head">
          <view class="section-dot"></view>
          <text class="section-title">报表信息</text>
        </view>
        <view class="section-body">
          <view class="detail-row" v-if="type !== 'inout'">
            <text class="label">入库时间</text>
            <text class="value">{{ detail.createTime || '-' }}</text>
          </view>
          <view class="detail-row" v-if="type !== 'inout'">
            <text class="label">入库批次</text>
            <text class="value">{{ detail.inboundBatches || '-' }}</text>
          </view>
          <view class="detail-row">
            <text class="label">入库数量</text>
            <text class="value">{{ detail.totalStockIn ?? detail.stockInNum ?? '-' }}</text>
          </view>
          <view class="detail-row" v-if="type === 'inout'">
            <text class="label">出库数量</text>
            <text class="value">{{ detail.totalStockOut ?? '-' }}</text>
          </view>
          <view class="detail-row detail-row-highlight">
            <text class="label">现在库存</text>
            <text class="value value-num">{{ detail.currentStock ?? '-' }}</text>
          </view>
          <view class="detail-row" v-if="detail.createBy">
            <text class="label">入库人</text>
            <text class="value">{{ detail.createBy }}</text>
          </view>
        </view>
      </view>
    </view>
    <view v-else class="empty">
      <text class="empty-text">暂无详情数据</text>
    </view>
  </view>
</template>

<script setup>
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import PageHeader from '@/components/PageHeader.vue'

const detail = ref(null)
const type = ref('daily')

onLoad(() => {
  const cached = uni.getStorageSync('stockReportDetail')
  if (cached) {
    try {
      const payload = typeof cached === 'string' ? JSON.parse(cached) : cached
      type.value = payload?.type || 'daily'
      detail.value = payload?.item || null
      uni.removeStorageSync('stockReportDetail')
    } catch (e) {
      uni.removeStorageSync('stockReportDetail')
    }
  }
})

const goBack = () => uni.navigateBack()
</script>

<style lang="scss" scoped>
.detail-page {
  min-height: 100vh;
  background: #f5f5f5;
  padding-bottom: 40rpx;
}
.detail-wrap {
  padding: 24rpx;
}
.empty {
  padding: 120rpx 48rpx;
  text-align: center;
}
.empty-text {
  color: #8c9aa8;
  font-size: 28rpx;
}
.section-card {
  background: #fff;
  border-radius: 16rpx;
  margin-bottom: 20rpx;
  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
  overflow: hidden;
}
.section-head {
  display: flex;
  align-items: center;
  padding: 20rpx 24rpx;
  border-bottom: 1rpx solid #eee;
}
.section-dot {
  width: 8rpx;
  height: 8rpx;
  border-radius: 50%;
  background: #2979ff;
  margin-right: 12rpx;
}
.section-title {
  font-size: 30rpx;
  font-weight: 500;
  color: #333;
}
.section-body {
  padding: 12rpx 24rpx 20rpx;
}
.detail-row {
  display: flex;
  align-items: center;
  min-height: 80rpx;
  font-size: 28rpx;
}
.detail-row .label {
  width: 200rpx;
  flex-shrink: 0;
  color: #6b7c93;
  font-size: 26rpx;
}
.detail-row .value {
  flex: 1;
  color: #2c3e50;
  text-align: right;
  word-break: break-all;
  font-size: 28rpx;
}
.detail-row .value-strong {
  color: #1e3a5f;
  font-weight: 500;
}
.detail-row .value-num {
  color: #2979ff;
  font-weight: 600;
  font-size: 32rpx;
}
.detail-row-highlight {
  margin-top: 8rpx;
}
</style>


 src/pages/safeProduction/dangerInvestigation/detail.vue

@@ -50,13 +50,6 @@
                      count
                      :autoHeight="true" />
        </u-form-item>
        <u-form-item label="隐患具体位置"
                     prop="location"
                     required
                     border-bottom>
          <u-input v-model="form.location"
                   placeholder="请输入隐患具体位置" />
        </u-form-item>
        <u-form-item label="整改完成期限"
                     prop="rectifyTime"
                     required
@@ -167,7 +160,6 @@
    type: "",
    riskLevel: "",
    hiddenDesc: "",
    location: "",
    rectifyTime: "",
    rectifyUserName: "",
    rectifyUserMobile: "",
@@ -276,11 +268,6 @@

    if (!form.value.hiddenDesc) {
      showToast("请输入隐患描述");
      return;
    }

    if (!form.value.location) {
      showToast("请输入隐患具体位置");
      return;
    }