From 0ea15894bd941fe0292a461c033565e17e3ef35b Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Fri, 3 Apr 2026 14:23:14 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E6=A8=A1=E5=85=B7=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86-=E6=B7=BB=E5=8A=A0=E6=A8=A1=E5=85=B7=E7=B1=BB?=
 =?UTF-8?q?=E5=9E=8B/=E6=A8=A1=E5=85=B7=E5=8F=B0=E8=B4=A6=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/mes/mold.js                           |   88 ++
 src/api/mes/product.js                        |    7 +
 src/pages.json                                |   28 +
 src/pages/work.vue                            |    4 +-
 .../pages/moldLedger/detail.vue               |  697 +++++++++
 src/pages_function/pages/moldLedger/index.vue | 1385 +++++++++++++++++
 src/pages_function/pages/moldType/detail.vue  |  211 +++
 src/pages_function/pages/moldType/index.vue   |  756 +++++++++
 src/pages_function/pages/spare/index.vue      |    2 +-
 9 files changed, 3175 insertions(+), 3 deletions(-)
 create mode 100644 src/pages_function/pages/moldLedger/detail.vue
 create mode 100644 src/pages_function/pages/moldLedger/index.vue
 create mode 100644 src/pages_function/pages/moldType/detail.vue
 create mode 100644 src/pages_function/pages/moldType/index.vue

diff --git a/src/api/mes/mold.js b/src/api/mes/mold.js
index 3d6546c..8459cac 100644
--- a/src/api/mes/mold.js
+++ b/src/api/mes/mold.js
@@ -1,3 +1,4 @@
+import upload from '@/utils/upload'
 import request from '@/utils/request'
 
 export function getMoldDetail(id) {
@@ -32,3 +33,90 @@ export function getMoldRepairListByMoldId(moldId, params = {}) {
   })
 }
 
+export function getMoldBrandPage(params = {}) {
+  return request({
+    url: '/admin-api/erp/mold-brand/page',
+    method: 'get',
+    params
+  })
+}
+
+export function getMoldBrandDetail(id) {
+  return request({
+    url: '/admin-api/erp/mold-brand/get',
+    method: 'get',
+    params: { id }
+  })
+}
+
+export function getMoldBrandTree() {
+  return request({
+    url: '/admin-api/erp/mold-brand/tree',
+    method: 'get'
+  })
+}
+
+export function getMoldPage(params = {}) {
+  return request({
+    url: '/admin-api/erp/mold-brand/mold/page',
+    method: 'get',
+    params
+  })
+}
+
+export function createMoldBrand(data) {
+  return request({
+    url: '/admin-api/erp/mold-brand/create',
+    method: 'post',
+    data
+  })
+}
+
+export function updateMoldBrand(data) {
+  return request({
+    url: '/admin-api/erp/mold-brand/update',
+    method: 'put',
+    data
+  })
+}
+
+export function deleteMoldBrand(id) {
+  return request({
+    url: '/admin-api/erp/mold-brand/delete',
+    method: 'delete',
+    params: { id }
+  })
+}
+
+export function createMold(data) {
+  return request({
+    url: '/admin-api/erp/mold-brand/mold/create',
+    method: 'post',
+    data
+  })
+}
+
+export function updateMold(data) {
+  return request({
+    url: '/admin-api/erp/mold-brand/mold/update',
+    method: 'put',
+    data
+  })
+}
+
+export function deleteMold(id) {
+  return request({
+    url: '/admin-api/erp/mold-brand/mold/delete',
+    method: 'delete',
+    params: { id }
+  })
+}
+
+export function uploadMoldImage(filePath, name = 'file') {
+  return upload({
+    url: '/admin-api/infra/file/upload',
+    name,
+    filePath,
+    showLoading: false
+  })
+}
diff --git a/src/api/mes/product.js b/src/api/mes/product.js
index b12af00..9872fb1 100644
--- a/src/api/mes/product.js
+++ b/src/api/mes/product.js
@@ -9,6 +9,13 @@ export function getUnitList() {
     method: 'get'
   })
 }
+
+export function getProductUnitSimpleList() {
+  return request({
+    url: '/admin-api/erp/product-unit/simple-list',
+    method: 'get'
+  })
+}
 // 原料列表
 export function getItemList() {
   return request({
diff --git a/src/pages.json b/src/pages.json
index a51084a..4b400e1 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -420,6 +420,34 @@
             "navigationBarTitleText": "设备关键件",
             "navigationStyle": "custom"
           }
+        },
+        {
+          "path": "moldType/index",
+          "style": {
+            "navigationBarTitleText": "模具类型",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "moldType/detail",
+          "style": {
+            "navigationBarTitleText": "模具类型详情",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "moldLedger/index",
+          "style": {
+            "navigationBarTitleText": "模具台账",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "moldLedger/detail",
+          "style": {
+            "navigationBarTitleText": "模具台账详情",
+            "navigationStyle": "custom"
+          }
         }
       ]
     }
diff --git a/src/pages/work.vue b/src/pages/work.vue
index 8c73f10..a1b3ed7 100644
--- a/src/pages/work.vue
+++ b/src/pages/work.vue
@@ -371,8 +371,8 @@ function handleClick(name) {
     '设备分类': '/pages_function/pages/equipmentCategory/index',
     '设备台账': '/pages_function/pages/equipmentLedger/index',
     '设备关键件': '/pages_function/pages/equipmentKeypart/index',
-    '模具类型': '',
-    '模具台账': '',
+    '模具类型': '/pages_function/pages/moldType/index',
+    '模具台账': '/pages_function/pages/moldLedger/index',
     '模具出库': '',
     '模具入库': '',
     '上下模': '',
diff --git a/src/pages_function/pages/moldLedger/detail.vue b/src/pages_function/pages/moldLedger/detail.vue
new file mode 100644
index 0000000..0752e63
--- /dev/null
+++ b/src/pages_function/pages/moldLedger/detail.vue
@@ -0,0 +1,697 @@
+<template>
+  <view class="page-container">
+    <view class="fixed-header">
+      <AppTitleHeader title="模具台账详情" />
+    </view>
+
+    <view class="content-section">
+      <view class="info-card">
+        <view class="card-title">基本信息</view>
+        <view class="info-list">
+          <view class="info-row">
+            <text class="info-label">模具名称</text>
+            <text class="info-value">{{ getDetailField('name') }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">模具编号</text>
+            <text class="info-value">{{ getDetailField('code') }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">模具状态</text>
+            <u-tag :text="statusLabel" :type="statusTagType" size="mini" />
+          </view>
+          <view class="info-row">
+            <text class="info-label">模具型号</text>
+            <text class="info-value">{{ getDetailField('brandName') }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">模具规格</text>
+            <text class="info-value">{{ getDetailField('moldType') }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">工序</text>
+            <text class="info-value">{{ getDetailField('orgType') }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">模穴数</text>
+            <text class="info-value">{{ getDetailField('moldSize') }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">使用次数/次</text>
+            <text class="info-value">{{ getDetailField('useTime') }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">使用设备</text>
+            <text class="info-value">{{ machineLabel }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">入库日期</text>
+            <text class="info-value">{{ inTimeLabel }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">是否启用</text>
+            <text class="info-value">{{ enableLabel }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">备注</text>
+            <text class="info-value">{{ getDetailField('remark') }}</text>
+          </view>
+        </view>
+      </view>
+
+      <view class="info-card">
+        <view class="card-title">履历</view>
+        <view class="tabs-box">
+          <u-tabs activeColor="#1a3a5c" :list="tabList" :current="currentTab" :is-scroll="false" @change="handleTabChange" />
+        </view>
+        <view>
+          <view v-if="currentTab === 0">
+            <view v-if="!inspectionGroups.length" class="empty">暂无点检数据</view>
+            <view v-for="group in inspectionGroups" :key="group.key" class="history-group">
+              <view class="history-group-head">
+                <text class="history-group-time">[{{ group.time }}]</text>
+                <text class="history-group-operator">操作人: {{ group.operator }}</text>
+              </view>
+              <view v-for="item in group.items" :key="item.key" class="history-item">
+                <view class="history-item-head">
+                  <text class="result-badge" :class="'result-' + item.resultType">{{ item.resultLabel }}</text>
+                  <text class="history-item-name">{{ item.name }}</text>
+                </view>
+                <view class="history-item-body">
+                  <view class="history-row">
+                    <text class="history-label">点检方式</text>
+                    <text class="history-value">{{ detailValue(item.method) }}</text>
+                  </view>
+                  <view class="history-row">
+                    <text class="history-label">判定标准</text>
+                    <text class="history-value">{{ detailValue(item.criteria) }}</text>
+                  </view>
+                  <view class="history-row">
+                    <text class="history-label">点检时间</text>
+                    <text class="history-value">{{ detailValue(item.taskTimeLabel) }}</text>
+                  </view>
+                  <view class="history-row">
+                    <text class="history-label">创建时间</text>
+                    <text class="history-value">{{ detailValue(item.createTimeLabel) }}</text>
+                  </view>
+                  <view class="history-row">
+                    <text class="history-label">备注</text>
+                    <text class="history-value">{{ detailValue(item.remark) }}</text>
+                  </view>
+                  <view v-if="item.images && item.images.length" class="history-images">
+                    <image v-for="img in item.images" :key="img" class="history-image" :src="img" mode="aspectFill" @click="previewImages(item.images, img)" />
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+
+          <view v-else-if="currentTab === 1">
+            <view v-if="!maintainGroups.length" class="empty">暂无保养数据</view>
+            <view v-for="group in maintainGroups" :key="group.key" class="history-group">
+              <view class="history-group-head">
+                <text class="history-group-time">[{{ group.time }}]</text>
+                <text class="history-group-operator">操作人: {{ group.operator }}</text>
+              </view>
+              <view v-for="item in group.items" :key="item.key" class="history-item">
+                <view class="history-item-head">
+                  <text class="result-badge" :class="'result-' + item.resultType">{{ item.resultLabel }}</text>
+                  <text class="history-item-name">{{ item.name }}</text>
+                </view>
+                <view class="history-item-body">
+                  <view class="history-row">
+                    <text class="history-label">保养方式</text>
+                    <text class="history-value">{{ detailValue(item.method) }}</text>
+                  </view>
+                  <view class="history-row">
+                    <text class="history-label">判定标准</text>
+                    <text class="history-value">{{ detailValue(item.criteria) }}</text>
+                  </view>
+                  <view class="history-row">
+                    <text class="history-label">保养时间</text>
+                    <text class="history-value">{{ detailValue(item.taskTimeLabel) }}</text>
+                  </view>
+                  <view class="history-row">
+                    <text class="history-label">创建时间</text>
+                    <text class="history-value">{{ detailValue(item.createTimeLabel) }}</text>
+                  </view>
+                  <view class="history-row">
+                    <text class="history-label">备注</text>
+                    <text class="history-value">{{ detailValue(item.remark) }}</text>
+                  </view>
+                  <view v-if="item.images && item.images.length" class="history-images">
+                    <image v-for="img in item.images" :key="img" class="history-image" :src="img" mode="aspectFill" @click="previewImages(item.images, img)" />
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+
+          <view v-else>
+            <view v-if="!repairGroups.length" class="empty">暂无维修数据</view>
+            <view v-for="group in repairGroups" :key="group.key" class="repair-group">
+              <view class="repair-group-head">
+                <text class="repair-group-name">{{ group.name }}</text>
+                <text class="repair-group-meta">共{{ group.items.length }}条</text>
+              </view>
+              <view v-for="row in group.items" :key="row.key" class="repair-item">
+                <view class="repair-item-head">
+                  <text class="repair-tag">{{ detailValue(row.subjectCode) }}</text>
+                  <text class="repair-title">{{ detailValue(row.subjectName) }}</text>
+                </view>
+                <view class="repair-item-body">
+                  <view class="history-row">
+                    <text class="history-label">项目内容</text>
+                    <text class="history-value">{{ detailValue(row.subjectContent) }}</text>
+                  </view>
+                  <view class="history-row">
+                    <text class="history-label">维修结果</text>
+                    <text class="history-value">
+                      <text class="result-badge" :class="'result-' + row.resultType">{{ row.resultLabel }}</text>
+                    </text>
+                  </view>
+                  <view class="history-row">
+                    <text class="history-label">备注</text>
+                    <text class="history-value">{{ detailValue(row.remark) }}</text>
+                  </view>
+                  <view class="history-row">
+                    <text class="history-label">完成日期</text>
+                    <text class="history-value">{{ detailValue(row.finishDateLabel) }}</text>
+                  </view>
+                  <view v-if="row.images && row.images.length" class="history-images">
+                    <image v-for="img in row.images" :key="img" class="history-image" :src="img" mode="aspectFill" @click="previewImages(row.images, img)" />
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import { getMoldDetail, getMoldInspectionByMoldId, getMoldMaintenanceByMoldId, getMoldRepairListByMoldId } from '@/api/mes/mold'
+import { getDictLabel, initAllDict } from '@/utils/dict'
+
+const loading = ref(false)
+const moldId = ref(undefined)
+const detailData = ref(null)
+const inspectionList = ref([])
+const maintainList = ref([])
+const repairList = ref([])
+
+const tabList = ref([{ name: '点检履历' }, { name: '保养履历' }, { name: '维修履历' }])
+const currentTab = ref(0)
+
+function getDetailField(field) {
+  const d = detailData.value
+  return detailValue(d ? d[field] : undefined)
+}
+
+const statusMeta = computed(() => {
+  const d = detailData.value
+  const raw = d ? d.status : undefined
+  const label = getDictLabel('erp_mold_status', raw, detailValue(raw))
+  return formatStatus(label)
+})
+const statusLabel = computed(() => statusMeta.value.label)
+const statusType = computed(() => statusMeta.value.type)
+const statusTagType = computed(() => {
+  if (statusType.value === 'error') return 'error'
+  if (statusType.value === 'warning') return 'warning'
+  return 'success'
+})
+const machineLabel = computed(() => {
+  const d = detailData.value
+  const v = d ? d.machineName || d.machineId : undefined
+  return detailValue(v)
+})
+const inTimeLabel = computed(() => {
+  const d = detailData.value
+  return formatDateOnly(d ? d.inTime : undefined)
+})
+const enableLabel = computed(() => {
+  const d = detailData.value
+  return formatEnable(d ? d.isEnable : undefined)
+})
+
+const inspectionGroups = computed(() =>
+  buildStepGroups(inspectionList.value, {
+    timeFieldCandidates: ['taskTime', 'inspectionTime', 'createTime'],
+    nameFieldCandidates: ['inspectionItemName', 'name', 'itemName'],
+    resultFieldCandidates: ['inspectionResult', 'result'],
+    methodFieldCandidates: ['inspectionMethod', 'method'],
+    criteriaFieldCandidates: ['judgmentCriteria', 'criteria'],
+    imagesFieldCandidates: ['images'],
+    remarkFieldCandidates: ['remark']
+  })
+)
+
+const maintainGroups = computed(() =>
+  buildStepGroups(maintainList.value, {
+    timeFieldCandidates: ['taskTime', 'inspectionTime', 'createTime'],
+    nameFieldCandidates: ['maintainItemName', 'inspectionItemName', 'name', 'itemName'],
+    resultFieldCandidates: ['maintainResult', 'inspectionResult', 'result'],
+    methodFieldCandidates: ['inspectionMethod', 'method'],
+    criteriaFieldCandidates: ['judgmentCriteria', 'criteria'],
+    imagesFieldCandidates: ['images'],
+    remarkFieldCandidates: ['remark']
+  })
+)
+
+const repairGroups = computed(() => {
+  const groupsMap = new Map()
+  const rows = Array.isArray(repairList.value) ? repairList.value : []
+  for (const row of rows) {
+    const groupKey = String((row && (row.repairCode || row.repairId || row.subjectName || row.id)) ? (row.repairCode || row.repairId || row.subjectName || row.id) : '-')
+    if (!groupsMap.has(groupKey)) {
+      groupsMap.set(groupKey, {
+        key: groupKey,
+        name: String((row && (row.repairName || row.repairCode)) ? (row.repairName || row.repairCode) : groupKey),
+        items: []
+      })
+    }
+    const resultMeta = formatResult(row ? (row.repairResult !== undefined ? row.repairResult : row.result) : undefined)
+    groupsMap.get(groupKey).items.push({
+      key: String(row && row.id !== undefined && row.id !== null ? row.id : `${groupKey}_${Math.random()}`),
+      subjectCode: row ? row.subjectCode : undefined,
+      subjectName: row ? row.subjectName : undefined,
+      subjectContent: row ? row.subjectContent : undefined,
+      remark: row ? row.remark : undefined,
+      finishDateLabel: formatDateOnly(row ? row.finishDate : undefined),
+      resultLabel: resultMeta.label,
+      resultType: resultMeta.type,
+      images: parseImages(row ? (row.malfunctionUrl || row.malfunctionImages) : undefined)
+    })
+  }
+  return Array.from(groupsMap.values())
+})
+
+function handleTabChange(e) {
+  const idx = e && typeof e === 'object' ? e.index : e
+  currentTab.value = Number(idx === 0 ? 0 : idx || 0)
+}
+
+onLoad(async (query) => {
+  const rawId = query && (query.id !== undefined ? query.id : query.code)
+  const decoded = rawId ? decodeURIComponent(String(rawId)) : ''
+  moldId.value = decoded ? decoded : undefined
+  await initAllDict()
+  await fetchAll()
+})
+
+async function fetchAll() {
+  if (!moldId.value) {
+    uni.showToast({ title: '缺少模具ID', icon: 'none' })
+    return
+  }
+  loading.value = true
+  try {
+    const [detailRes, inspectionRes, maintainRes, repairRes] = await Promise.all([
+      getMoldDetail(moldId.value),
+      getMoldInspectionByMoldId(moldId.value),
+      getMoldMaintenanceByMoldId(moldId.value),
+      getMoldRepairListByMoldId(moldId.value)
+    ])
+    detailData.value = detailRes.data
+    inspectionList.value = normalizeList(inspectionRes)
+    maintainList.value = normalizeList(maintainRes)
+    repairList.value = normalizeList(repairRes)
+  } catch (e) {
+    uni.showToast({ title: '加载失败', icon: 'none' })
+  } finally {
+    loading.value = false
+  }
+}
+
+function normalizeList(res) {
+  const data = res && res.data !== undefined ? res.data : res
+  if (Array.isArray(data)) return data
+  if (data && Array.isArray(data.data)) return data.data
+  if (data && data.data && Array.isArray(data.data.list)) return data.data.list
+  if (data && data.data && Array.isArray(data.data.rows)) return data.data.rows
+  if (data && data.data && Array.isArray(data.data.records)) return data.data.records
+  if (data && Array.isArray(data.list)) return data.list
+  if (data && Array.isArray(data.rows)) return data.rows
+  if (data && Array.isArray(data.records)) return data.records
+  return []
+}
+
+function detailValue(v) {
+  if (v === 0) return '0'
+  if (v === false) return '否'
+  if (v === true) return '是'
+  if (v === null || v === undefined) return '-'
+  const s = String(v).trim()
+  return s ? s : '-'
+}
+
+function formatEnable(v) {
+  if (v === true || v === 'true' || v === 1 || v === '1') return '是'
+  if (v === false || v === 'false' || v === 0 || v === '0') return '否'
+  return detailValue(v)
+}
+
+function formatStatus(v) {
+  const raw = v === null || v === undefined ? '' : String(v).trim()
+  const upper = raw.toUpperCase()
+  if (!raw) return { label: '-', type: 'normal' }
+  if (raw === '1' || upper === 'OK' || raw.includes('正常')) return { label: raw, type: 'normal' }
+  if (raw === '2' || upper === 'NG' || raw.includes('停') || raw.includes('禁') || raw.includes('坏') || raw.includes('修')) return { label: raw, type: 'error' }
+  return { label: raw, type: 'warning' }
+}
+
+function formatResult(v) {
+  const raw = v === null || v === undefined ? '' : String(v).trim()
+  const upper = raw.toUpperCase()
+  if (!raw) return { label: '-', type: 'info' }
+  if (raw === '0') return { label: '待检测', type: 'info' }
+  if (raw === '1' || upper === 'OK') return { label: '通过', type: 'success' }
+  if (raw === '2' || upper === 'NG') return { label: '不通过', type: 'danger' }
+  return { label: raw, type: 'info' }
+}
+
+function formatHistoryTime(value) {
+  if (!value) return ''
+  if (Array.isArray(value) && value.length >= 3) {
+    const [y, m, d, hh, mm, ss] = value
+    const pad = (n) => String(n).padStart(2, '0')
+    if (hh !== undefined) return `${y}-${pad(m)}-${pad(d)} ${pad(hh)}:${pad(mm)}:${pad(ss)}`
+    return `${y}-${pad(m)}-${pad(d)}`
+  }
+  const s = String(value).trim()
+  if (!s) return ''
+  const num = Number(s)
+  if (Number.isFinite(num)) {
+    const ms = s.length === 10 ? num * 1000 : num
+    const d = new Date(ms)
+    if (!Number.isNaN(d.getTime())) return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')} ${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}:${String(d.getSeconds()).padStart(2, '0')}`
+  }
+  const d = new Date(s)
+  if (!Number.isNaN(d.getTime())) return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')} ${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}:${String(d.getSeconds()).padStart(2, '0')}`
+  return s
+}
+
+function formatDateOnly(value) {
+  const t = formatHistoryTime(value)
+  if (!t) return '-'
+  return String(t).split(' ')[0]
+}
+
+function parseImages(value) {
+  if (!value) return []
+  if (Array.isArray(value)) return value.map(String).filter(Boolean)
+  const cleaned = String(value).replace(/[`'"]/g, '').trim()
+  return cleaned.split(',').map((v) => v.trim()).filter(Boolean)
+}
+
+function pickFirst(obj, keys) {
+  for (const k of keys) {
+    if (obj && obj[k] !== undefined && obj[k] !== null && String(obj[k]).trim() !== '') return obj[k]
+  }
+  return undefined
+}
+
+function buildStepGroups(rows, options) {
+  const groupsMap = new Map()
+  const list = Array.isArray(rows) ? rows : []
+  for (const row of list) {
+    const time = formatHistoryTime(pickFirst(row, options.timeFieldCandidates) || (row ? row.createTime : undefined))
+    const operator = detailValue(row ? (row.operator || row.creatorName || row.creator) : undefined)
+    const managementId = row && row.managementId !== undefined && row.managementId !== null ? row.managementId : ''
+    const groupKey = `${managementId}__${time}__${operator}`
+    const name = pickFirst(row, options.nameFieldCandidates) || '-'
+    const resultMeta = formatResult(pickFirst(row, options.resultFieldCandidates))
+    const item = {
+      key: String(row && row.id !== undefined && row.id !== null ? row.id : `${groupKey}_${String(name)}`),
+      name: detailValue(name),
+      resultLabel: resultMeta.label,
+      resultType: resultMeta.type,
+      method: pickFirst(row, options.methodFieldCandidates),
+      criteria: pickFirst(row, options.criteriaFieldCandidates),
+      remark: pickFirst(row, options.remarkFieldCandidates),
+      images: parseImages(pickFirst(row, options.imagesFieldCandidates)),
+      taskTimeLabel: formatHistoryTime(row ? (row.taskTime || row.inspectionTime) : undefined),
+      createTimeLabel: formatHistoryTime(row ? row.createTime : undefined)
+    }
+
+    if (!groupsMap.has(groupKey)) {
+      groupsMap.set(groupKey, { key: groupKey, time: time || '-', operator, items: [item] })
+    } else {
+      groupsMap.get(groupKey).items.push(item)
+    }
+  }
+  return Array.from(groupsMap.values())
+}
+
+function previewImages(list, current) {
+  if (!list || !list.length) return
+  uni.previewImage({ urls: list, current })
+}
+</script>
+
+<style lang="scss" scoped>
+.page-container {
+  min-height: 100vh;
+  background-color: #f0f2f5;
+}
+
+.fixed-header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+}
+
+.content-section {
+  padding: 168rpx 30rpx 30rpx;
+}
+
+.info-card {
+  background: #ffffff;
+  border-radius: 20rpx;
+  padding: 30rpx;
+  margin-top: 24rpx;
+  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
+}
+
+.card-title {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #1a3a5c;
+  margin-bottom: 24rpx;
+  padding-bottom: 20rpx;
+  border-bottom: 2rpx solid #f0f2f5;
+}
+
+.info-list {
+  display: flex;
+  flex-direction: column;
+}
+
+.info-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20rpx 0;
+  border-bottom: 1rpx solid #f5f7fa;
+}
+
+.info-row:last-child {
+  border-bottom: none;
+}
+
+.info-label {
+  font-size: 28rpx;
+  color: #999999;
+}
+
+.info-value {
+  font-size: 28rpx;
+  color: #333333;
+}
+
+.tabs-box {
+  margin-bottom: 24rpx;
+}
+
+.empty {
+  padding: 32rpx 0;
+  text-align: center;
+  font-size: 28rpx;
+  color: #999999;
+}
+
+.history-group {
+  background: #f8fafc;
+  border-radius: 16rpx;
+  padding: 20rpx;
+  margin-bottom: 20rpx;
+}
+
+.history-group-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16rpx;
+}
+
+.history-group-time {
+  font-size: 24rpx;
+  color: #1a3a5c;
+  font-weight: 600;
+}
+
+.history-group-operator {
+  font-size: 24rpx;
+  color: #666666;
+}
+
+.history-item {
+  background: #ffffff;
+  border-radius: 14rpx;
+  padding: 18rpx;
+  margin-bottom: 16rpx;
+}
+
+.history-item:last-child {
+  margin-bottom: 0;
+}
+
+.history-item-head {
+  display: flex;
+  align-items: center;
+  margin-bottom: 14rpx;
+}
+
+.history-item-name {
+  font-size: 28rpx;
+  color: #333333;
+  font-weight: 600;
+}
+
+.result-badge {
+  padding: 6rpx 14rpx;
+  border-radius: 999rpx;
+  font-size: 22rpx;
+  margin-right: 14rpx;
+}
+
+.result-success {
+  background: rgba(24, 188, 55, 0.12);
+  color: #18bc37;
+}
+
+.result-danger {
+  background: rgba(255, 77, 79, 0.12);
+  color: #ff4d4f;
+}
+
+.result-info {
+  background: rgba(153, 153, 153, 0.12);
+  color: #666666;
+}
+
+.history-item-body {
+  display: flex;
+  flex-direction: column;
+}
+
+.history-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  padding: 10rpx 0;
+}
+
+.history-label {
+  font-size: 24rpx;
+  color: #999999;
+  width: 160rpx;
+  flex-shrink: 0;
+}
+
+.history-value {
+  font-size: 24rpx;
+  color: #333333;
+  flex: 1;
+  text-align: right;
+}
+
+.history-images {
+  margin-top: 12rpx;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12rpx;
+}
+
+.history-image {
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 12rpx;
+  background: #f0f2f5;
+}
+
+.repair-group {
+  background: #f8fafc;
+  border-radius: 16rpx;
+  padding: 20rpx;
+  margin-bottom: 20rpx;
+}
+
+.repair-group-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16rpx;
+}
+
+.repair-group-name {
+  font-size: 28rpx;
+  color: #1a3a5c;
+  font-weight: 600;
+}
+
+.repair-group-meta {
+  font-size: 24rpx;
+  color: #666666;
+}
+
+.repair-item {
+  background: #ffffff;
+  border-radius: 14rpx;
+  padding: 18rpx;
+  margin-bottom: 16rpx;
+}
+
+.repair-item:last-child {
+  margin-bottom: 0;
+}
+
+.repair-item-head {
+  display: flex;
+  align-items: center;
+  margin-bottom: 14rpx;
+}
+
+.repair-tag {
+  padding: 6rpx 14rpx;
+  border-radius: 999rpx;
+  font-size: 22rpx;
+  background: rgba(74, 144, 194, 0.12);
+  color: #2d5a87;
+  margin-right: 14rpx;
+}
+
+.repair-title {
+  font-size: 28rpx;
+  color: #333333;
+  font-weight: 600;
+}
+</style>
diff --git a/src/pages_function/pages/moldLedger/index.vue b/src/pages_function/pages/moldLedger/index.vue
new file mode 100644
index 0000000..4b76134
--- /dev/null
+++ b/src/pages_function/pages/moldLedger/index.vue
@@ -0,0 +1,1385 @@
+<template>
+  <view class="page-container">
+    <AppTitleHeader title="模具台账" subTitle="按型号、状态、编码快速筛选" :showSubTitle="true" />
+
+    <view class="filter-card">
+      <view class="filter-row">
+        <view class="filter-item" @click="openBrandPicker">
+          <text class="filter-label">型号</text>
+          <text class="filter-value" :class="{ placeholder: !selectedBrandLabel }">
+            {{ selectedBrandLabel || '全部型号' }}
+          </text>
+          <text class="filter-arrow">›</text>
+        </view>
+        <view class="filter-item" @click="openStatusPicker">
+          <text class="filter-label">状态</text>
+          <text class="filter-value" :class="{ placeholder: !selectedStatusLabel }">
+            {{ selectedStatusLabel || '全部状态' }}
+          </text>
+          <text class="filter-arrow">›</text>
+        </view>
+      </view>
+
+      <view class="search-row">
+        <view class="search-wrapper">
+          <view class="search-icon">
+            <text class="iconfont icon-search"></text>
+          </view>
+          <input v-model="searchKeyword" class="search-input" type="text" placeholder="请输入模具编码或名称"
+            placeholder-class="input-placeholder" @confirm="handleSearch" />
+          <view v-if="searchKeyword" class="clear-btn" @click="clearSearch">
+            <text class="clear-icon">×</text>
+          </view>
+        </view>
+        <view class="search-btn" @click="handleSearch">
+          <text class="search-btn-text">查询</text>
+        </view>
+      </view>
+    </view>
+
+    <scroll-view scroll-y class="content-scroll" :scroll-top="scrollTop" @scroll="handleScroll"
+      @scrolltolower="loadMore" :lower-threshold="80">
+      <view class="list-wrap">
+        <view v-for="item in list" :key="item.id" class="ledger-card" @click="openDetail(item)">
+          <view class="card-header">
+            <view class="header-left">
+              <text class="name">{{ textValue(item.name) }}</text>
+              <text class="code">编码: {{ textValue(item.code) }}</text>
+            </view>
+            <view class="header-right">
+              <view class="status-chip" :class="statusClass(item.status)">
+                {{ moldStatusText(item.status) }}
+              </view>
+              <view class="card-actions">
+                <view class="action-btn edit-btn" @click.stop="openEdit(item)">
+                  <text class="action-icon">✎</text>
+                </view>
+                <view class="action-btn delete-btn" @click.stop="confirmDelete(item)">
+                  <text class="action-icon">🗑</text>
+                </view>
+              </view>
+            </view>
+          </view>
+          <view class="card-body">
+            <view class="row">
+              <text class="label">模具型号</text>
+              <text class="value">{{ textValue(item.brandName) }}</text>
+            </view>
+            <view class="row">
+              <text class="label">使用设备</text>
+              <text class="value">{{ textValue(item.machineName || item.machineId) }}</text>
+            </view>
+            <view class="row">
+              <text class="label">使用次数</text>
+              <text class="value">{{ textValue(item.useTime) }}</text>
+            </view>
+            <view class="row">
+              <text class="label">创建时间</text>
+              <text class="value">{{ formatDateTime(item.createTime) }}</text>
+            </view>
+          </view>
+        </view>
+
+        <view v-if="loading && pageNo === 1" class="loading-text">加载中...</view>
+        <view v-else-if="!list.length" class="empty-text">暂无模具台账数据</view>
+        <view v-else-if="loadingMore" class="loading-text">正在加载更多...</view>
+        <view v-else-if="finished" class="finished-text">没有更多数据了</view>
+      </view>
+    </scroll-view>
+
+    <view v-if="showGoTop" class="go-top-btn" @click="goTop">
+      <text class="go-top-icon">↑</text>
+    </view>
+
+    <view class="add-btn" @click="openCreate">
+      <text class="add-icon">+</text>
+    </view>
+
+    <uni-popup ref="brandPickerRef" type="bottom" background-color="#fff">
+      <view class="picker-content">
+        <view class="picker-header">
+          <text class="picker-title">选择模具型号</text>
+          <view class="picker-clear" @click="resetBrand">
+            <text class="picker-clear-text">清空</text>
+          </view>
+        </view>
+        <scroll-view scroll-y class="picker-list">
+          <view v-for="option in brandOptions" :key="option.value" class="picker-item" @click="selectBrand(option)">
+            <text class="picker-text">{{ option.label }}</text>
+            <text v-if="selectedBrandId === option.value" class="picker-check">✓</text>
+          </view>
+        </scroll-view>
+      </view>
+    </uni-popup>
+
+    <uni-popup ref="statusPickerRef" type="bottom" background-color="#fff">
+      <view class="picker-content">
+        <view class="picker-header">
+          <text class="picker-title">选择模具状态</text>
+          <view class="picker-clear" @click="resetStatus">
+            <text class="picker-clear-text">清空</text>
+          </view>
+        </view>
+        <view class="picker-list">
+          <view v-for="option in statusOptions" :key="option.value" class="picker-item" @click="selectStatus(option)">
+            <text class="picker-text">{{ option.label }}</text>
+            <text v-if="selectedStatus === option.value" class="picker-check">✓</text>
+          </view>
+        </view>
+      </view>
+    </uni-popup>
+
+    <uni-popup ref="formPopupRef" type="center" background-color="#fff">
+      <view class="popup-content-center">
+        <view class="popup-header">
+          <text class="picker-title">{{ formMode === 'create' ? '新增模具台账' : '编辑模具台账' }}</text>
+        </view>
+        <scroll-view scroll-y class="form-scroll">
+          <view class="form-content">
+            <view class="form-item">
+              <text class="form-label">模具型号 <text class="required-star">*</text></text>
+              <view class="form-picker" @click="openFormBrandPicker">
+                <text class="form-picker-text" :class="{ placeholder: !formBrandLabel }">
+                  {{ formBrandLabel || '请选择模具型号' }}
+                </text>
+                <text class="filter-arrow">›</text>
+              </view>
+            </view>
+            <view class="form-item">
+              <view class="form-label-row">
+                <text class="form-label">
+                  模具编码
+                  <text v-if="!formData.isCode" class="required-star">*</text>
+                </text>
+                <view class="switch-wrap">
+                  <text class="switch-label">自动生成</text>
+                  <switch :checked="formData.isCode" color="#2d5a87"
+                    @change="(e) => formData.isCode = e.detail.value" />
+                </view>
+              </view>
+              <input v-model="formData.code" :disabled="formData.isCode || formMode === 'update'" class="form-input" type="text"
+                placeholder="请输入模具编码" />
+            </view>
+            <view class="form-item">
+              <text class="form-label">模具名称 <text class="required-star">*</text></text>
+              <input v-model="formData.name" class="form-input" type="text" placeholder="请输入模具名称" />
+            </view>
+            <view class="form-item">
+              <text class="form-label">单位 <text class="required-star">*</text></text>
+              <view class="form-picker" @click="openUnitPicker">
+                <text class="form-picker-text" :class="{ placeholder: !formUnitLabel }">
+                  {{ formUnitLabel || '请选择单位' }}
+                </text>
+                <text class="filter-arrow">›</text>
+              </view>
+            </view>
+            <view class="form-item">
+              <text class="form-label">入库时间 <text class="required-star">*</text></text>
+              <picker mode="date" :value="formData.inTimeDate" @change="handleInTimeChange">
+                <view class="form-picker">
+                  <text class="form-picker-text" :class="{ placeholder: !formData.inTimeDate }">
+                    {{ formData.inTimeDate || '请选择入库时间' }}
+                  </text>
+                  <text class="filter-arrow">›</text>
+                </view>
+              </picker>
+            </view>
+            <view class="form-item">
+              <text class="form-label">状态</text>
+              <picker mode="selector" :range="formStatusRange" :value="formStatusIndex"
+                @change="handleFormStatusChange">
+                <view class="form-picker">
+                  <text class="form-picker-text" :class="{ placeholder: formData.status === '' }">
+                    {{ formStatusLabel || '请选择状态' }}
+                  </text>
+                  <text class="filter-arrow">›</text>
+                </view>
+              </picker>
+            </view>
+            <view class="form-item">
+              <text class="form-label">使用次数</text>
+              <input v-model="formData.useTime" class="form-input" type="number" placeholder="请输入使用次数" />
+            </view>
+            <view class="form-item">
+              <text class="form-label">模具图片</text>
+              <view class="image-list">
+                <view v-for="(img, idx) in formData.images" :key="`${img}-${idx}`" class="image-item">
+                  <image class="image-preview" :src="img" mode="aspectFill"
+                    @click="previewImages(formData.images, img)" />
+                  <view class="image-delete" @click.stop="removeImage(idx)">
+                    <text class="image-delete-text">×</text>
+                  </view>
+                </view>
+                <view v-if="formData.images.length < 6" class="image-add" @click="chooseAndUploadImages">
+                  <text class="image-add-text">+</text>
+                </view>
+              </view>
+            </view>
+            <view class="form-item">
+              <text class="form-label">是否启用 <text class="required-star">*</text></text>
+              <view class="enable-group">
+                <view class="enable-item" :class="{ active: formData.isEnable === true }"
+                  @click="formData.isEnable = true">
+                  <text>是</text>
+                </view>
+                <view class="enable-item" :class="{ active: formData.isEnable === false }"
+                  @click="formData.isEnable = false">
+                  <text>否</text>
+                </view>
+              </view>
+            </view>
+            <view class="form-item">
+              <text class="form-label">备注</text>
+              <textarea v-model="formData.remark" class="form-textarea" placeholder="请输入备注" :maxlength="200" />
+            </view>
+          </view>
+        </scroll-view>
+        <view class="form-footer">
+          <view class="footer-btn cancel-btn" @click="closeForm">
+            <text class="btn-text cancel-text">取消</text>
+          </view>
+          <view class="footer-btn confirm-btn" @click="submitForm">
+            <text class="btn-text">保存</text>
+          </view>
+        </view>
+      </view>
+    </uni-popup>
+
+    <uni-popup ref="formBrandPickerRef" type="bottom" background-color="#fff">
+      <view class="picker-content">
+        <view class="picker-header">
+          <text class="picker-title">选择模具型号</text>
+        </view>
+        <scroll-view scroll-y class="picker-list">
+          <view v-for="option in brandOptions" :key="`f-${option.value}`" class="picker-item"
+            @click="selectFormBrand(option)">
+            <text class="picker-text">{{ option.label }}</text>
+            <text v-if="formData.brandId === option.value" class="picker-check">✓</text>
+          </view>
+        </scroll-view>
+      </view>
+    </uni-popup>
+
+    <uni-popup ref="unitPickerRef" type="bottom" background-color="#fff">
+      <view class="picker-content">
+        <view class="picker-header">
+          <text class="picker-title">选择单位</text>
+        </view>
+        <scroll-view scroll-y class="picker-list">
+          <view v-for="option in unitOptions" :key="`u-${option.value}`" class="picker-item"
+            @click="selectUnit(option)">
+            <text class="picker-text">{{ option.label }}</text>
+            <text v-if="Number(formData.unitId) === Number(option.value)" class="picker-check">✓</text>
+          </view>
+        </scroll-view>
+      </view>
+    </uni-popup>
+  </view>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import { createMold, deleteMold, getMoldBrandTree, getMoldDetail, getMoldPage, updateMold, uploadMoldImage } from '@/api/mes/mold'
+import { getProductUnitSimpleList, getUnitList } from '@/api/mes/product'
+import { getDictLabel, initAllDict } from '@/utils/dict'
+
+const brandPickerRef = ref(null)
+const statusPickerRef = ref(null)
+const formPopupRef = ref(null)
+const formBrandPickerRef = ref(null)
+const unitPickerRef = ref(null)
+
+const list = ref([])
+const loading = ref(false)
+const loadingMore = ref(false)
+const finished = ref(false)
+const pageNo = ref(1)
+const pageSize = ref(10)
+const total = ref(0)
+
+const searchKeyword = ref('')
+const selectedBrandId = ref(undefined)
+const selectedStatus = ref(undefined)
+const brandOptions = ref([{ label: '全部', value: undefined }])
+
+const scrollTop = ref(0)
+const showGoTop = ref(false)
+const formMode = ref('create')
+const formData = ref({
+  id: undefined,
+  code: '',
+  isCode: true,
+  name: '',
+  unitId: '',
+  useTime: '',
+  inTimeDate: '',
+  status: '',
+  remark: '',
+  images: [],
+  brandId: undefined,
+  isEnable: true
+})
+const unitOptions = ref([])
+
+const selectedBrandLabel = computed(() => {
+  const item = brandOptions.value.find((v) => v.value === selectedBrandId.value)
+  return item ? item.label : ''
+})
+
+const statusOptions = computed(() => {
+  const options = []
+  for (let i = 0; i <= 9; i += 1) {
+    const label = getDictLabel('erp_mold_status', i, '')
+    if (label && label !== String(i)) {
+      options.push({ label, value: i })
+    }
+  }
+  return options
+})
+
+const selectedStatusLabel = computed(() => {
+  const item = statusOptions.value.find((v) => v.value === selectedStatus.value)
+  return item ? item.label : ''
+})
+
+const formStatusLabel = computed(() => {
+  if (formData.value.status === '' || formData.value.status === undefined || formData.value.status === null) return ''
+  return moldStatusText(formData.value.status)
+})
+const formStatusRange = computed(() => statusOptions.value.map((v) => v.label))
+const formStatusIndex = computed(() => {
+  const idx = statusOptions.value.findIndex((v) => Number(v.value) === Number(formData.value.status))
+  return idx >= 0 ? idx : 0
+})
+
+const formBrandLabel = computed(() => {
+  const item = brandOptions.value.find((v) => v.value === formData.value.brandId)
+  return item ? item.label : ''
+})
+
+const formUnitLabel = computed(() => {
+  const item = unitOptions.value.find((v) => Number(v.value) === Number(formData.value.unitId))
+  return item ? item.label : ''
+})
+
+onLoad(async () => {
+  await initAllDict()
+  await loadUnitOptions()
+  await loadBrandTree()
+  await fetchList(true)
+})
+
+async function loadUnitOptions() {
+  try {
+    const res = await getProductUnitSimpleList()
+    const rows = normalizeListData(res)
+    unitOptions.value = rows
+      .map((item) => ({ label: textValue(item?.name), value: item?.id }))
+      .filter((item) => item.value !== undefined && item.value !== null)
+  } catch (e) {
+    try {
+      const fallbackRes = await getUnitList()
+      const rows = normalizeListData(fallbackRes)
+      unitOptions.value = rows
+        .map((item) => ({ label: textValue(item?.name), value: item?.id }))
+        .filter((item) => item.value !== undefined && item.value !== null)
+    } catch (error) {
+      unitOptions.value = []
+    }
+  }
+}
+
+async function loadBrandTree() {
+  try {
+    const res = await getMoldBrandTree()
+    const tree = normalizeListData(res)
+    const flatList = [{ label: '全部', value: undefined }, ...flattenTree(tree)]
+    brandOptions.value = flatList
+  } catch (e) {
+    brandOptions.value = [{ label: '全部', value: undefined }]
+  }
+}
+
+function flattenTree(nodes, level = 0) {
+  const result = []
+  const list = Array.isArray(nodes) ? nodes : []
+  for (const node of list) {
+    const id = node?.id
+    if (id === undefined || id === null) continue
+    const prefix = level > 0 ? `${'　'.repeat(level)}└ ` : ''
+    result.push({
+      label: `${prefix}${textValue(node?.name)}`,
+      value: id
+    })
+    if (Array.isArray(node?.children) && node.children.length) {
+      result.push(...flattenTree(node.children, level + 1))
+    }
+  }
+  return result
+}
+
+async function handleSearch() {
+  await fetchList(true)
+}
+
+async function clearSearch() {
+  searchKeyword.value = ''
+  await fetchList(true)
+}
+
+function openBrandPicker() {
+  brandPickerRef.value?.open()
+}
+
+function openStatusPicker() {
+  statusPickerRef.value?.open()
+}
+
+function openFormBrandPicker() {
+  formBrandPickerRef.value?.open()
+}
+
+function closeFormBrandPicker() {
+  formBrandPickerRef.value?.close()
+}
+
+function openUnitPicker() {
+  unitPickerRef.value?.open()
+}
+
+function closeUnitPicker() {
+  unitPickerRef.value?.close()
+}
+
+async function selectBrand(option) {
+  selectedBrandId.value = option.value
+  brandPickerRef.value?.close()
+  await fetchList(true)
+}
+
+async function selectStatus(option) {
+  selectedStatus.value = option.value
+  statusPickerRef.value?.close()
+  await fetchList(true)
+}
+
+async function resetBrand() {
+  selectedBrandId.value = undefined
+  brandPickerRef.value?.close()
+  await fetchList(true)
+}
+
+async function resetStatus() {
+  selectedStatus.value = undefined
+  statusPickerRef.value?.close()
+  await fetchList(true)
+}
+
+function selectFormBrand(option) {
+  formData.value.brandId = option.value
+  formBrandPickerRef.value?.close()
+}
+
+function selectUnit(option) {
+  formData.value.unitId = option.value
+  unitPickerRef.value?.close()
+}
+
+async function loadMore() {
+  if (loading.value || loadingMore.value || finished.value) return
+  pageNo.value += 1
+  await fetchList(false)
+}
+
+async function fetchList(reset) {
+  if (reset) {
+    pageNo.value = 1
+    finished.value = false
+  }
+  if (pageNo.value === 1) {
+    loading.value = true
+  } else {
+    loadingMore.value = true
+  }
+  try {
+    const keyword = searchKeyword.value.trim()
+    const params = {
+      pageNo: pageNo.value,
+      pageSize: pageSize.value,
+      code: keyword || undefined,
+      name: keyword || undefined,
+      brandId: selectedBrandId.value,
+      status: selectedStatus.value
+    }
+    const res = await getMoldPage(params)
+    const page = normalizePageData(res)
+    total.value = page.total
+    if (reset) {
+      list.value = page.list
+    } else {
+      list.value = [...list.value, ...page.list]
+    }
+    finished.value = list.value.length >= total.value || page.list.length < pageSize.value
+  } catch (e) {
+    if (!reset) pageNo.value = Math.max(1, pageNo.value - 1)
+    uni.showToast({ title: '加载失败', icon: 'none' })
+  } finally {
+    loading.value = false
+    loadingMore.value = false
+  }
+}
+
+function handleScroll(e) {
+  const top = e?.detail?.scrollTop || 0
+  showGoTop.value = top > 600
+}
+
+function goTop() {
+  scrollTop.value = 0
+}
+
+function openDetail(item) {
+  const id = item?.id
+  if (id === undefined || id === null) {
+    uni.showToast({ title: '缺少ID，无法查看详情', icon: 'none' })
+    return
+  }
+  uni.navigateTo({
+    url: `/pages_function/pages/moldLedger/detail?id=${encodeURIComponent(String(id))}`
+  })
+}
+
+function openCreate() {
+  formMode.value = 'create'
+  resetForm()
+  if (selectedBrandId.value !== undefined) {
+    formData.value.brandId = selectedBrandId.value
+  }
+  formPopupRef.value?.open()
+}
+
+async function openEdit(item) {
+  const id = item?.id
+  if (id === undefined || id === null) {
+    uni.showToast({ title: '缺少ID，无法编辑', icon: 'none' })
+    return
+  }
+  try {
+    const res = await getMoldDetail(id)
+    const detail = normalizeDetailData(res)
+    formMode.value = 'update'
+    formData.value = {
+      id: detail?.id,
+      code: textValueForInput(detail?.code),
+      isCode: Boolean(detail?.isCode),
+      name: textValueForInput(detail?.name),
+      unitId: textValueForInput(detail?.unitId),
+      useTime: textValueForInput(detail?.useTime),
+      inTimeDate: normalizeDateInput(detail?.inTime),
+      status: detail?.status ?? '',
+      remark: textValueForInput(detail?.remark),
+      images: parseImages(detail?.images),
+      brandId: detail?.brandId,
+      isEnable: detail?.isEnable ?? true
+    }
+    formPopupRef.value?.open()
+  } catch (e) {
+    uni.showToast({ title: '加载编辑数据失败', icon: 'none' })
+  }
+}
+
+function closeForm() {
+  formPopupRef.value?.close()
+}
+
+async function submitForm() {
+  if (!formData.value.brandId && formData.value.brandId !== 0) {
+    uni.showToast({ title: '请选择模具型号', icon: 'none' })
+    return
+  }
+  if (!formData.value.isCode && !String(formData.value.code || '').trim()) {
+    uni.showToast({ title: '模具编码必填', icon: 'none' })
+    return
+  }
+  if (!String(formData.value.name || '').trim()) {
+    uni.showToast({ title: '模具名称必填', icon: 'none' })
+    return
+  }
+  if (!String(formData.value.unitId || '').trim()) {
+    uni.showToast({ title: '单位ID必填', icon: 'none' })
+    return
+  }
+  if (!String(formData.value.inTimeDate || '').trim()) {
+    uni.showToast({ title: '入库时间必填', icon: 'none' })
+    return
+  }
+  if (formData.value.isEnable === undefined || formData.value.isEnable === null) {
+    uni.showToast({ title: '请选择是否启用', icon: 'none' })
+    return
+  }
+  const payload = {
+    id: formMode.value === 'update' ? formData.value.id : undefined,
+    code: formData.value.isCode ? undefined : String(formData.value.code || '').trim(),
+    name: String(formData.value.name || '').trim(),
+    unitId: toNumberOrUndefined(formData.value.unitId),
+    brandId: formData.value.brandId,
+    useTime: toNumberOrUndefined(formData.value.useTime) ?? 0,
+    inTime: normalizeInTimeForSubmit(formData.value.inTimeDate),
+    status: toNumberOrUndefined(formData.value.status) ?? 3,
+    remark: String(formData.value.remark || '').trim() || undefined,
+    images: formData.value.images.join(','),
+    isEnable: formData.value.isEnable,
+    isCode: formData.value.isCode
+  }
+  try {
+    if (formMode.value === 'create') {
+      await createMold(payload)
+      uni.showToast({ title: '新增成功', icon: 'success' })
+    } else {
+      await updateMold(payload)
+      uni.showToast({ title: '更新成功', icon: 'success' })
+    }
+    closeForm()
+    await fetchList(true)
+  } catch (e) {
+    uni.showToast({ title: '保存失败', icon: 'none' })
+  }
+}
+
+function confirmDelete(item) {
+  const id = item?.id
+  if (id === undefined || id === null) {
+    uni.showToast({ title: '缺少ID，无法删除', icon: 'none' })
+    return
+  }
+  uni.showModal({
+    title: '确认删除',
+    content: `确认删除模具"${textValue(item?.name)}"吗？`,
+    success: async (res) => {
+      if (!res.confirm) return
+      try {
+        await deleteMold(id)
+        uni.showToast({ title: '删除成功', icon: 'success' })
+        await fetchList(true)
+      } catch (e) {
+        uni.showToast({ title: '删除失败', icon: 'none' })
+      }
+    }
+  })
+}
+
+function resetForm() {
+  formData.value = {
+    id: undefined,
+    code: '',
+    isCode: true,
+    name: '',
+    unitId: '',
+    useTime: '',
+    inTimeDate: '',
+    status: '',
+    remark: '',
+    images: [],
+    brandId: undefined,
+    isEnable: true
+  }
+}
+
+function handleInTimeChange(e) {
+  formData.value.inTimeDate = e?.detail?.value || ''
+}
+
+function handleFormStatusChange(e) {
+  const idx = Number(e?.detail?.value)
+  const option = statusOptions.value[idx]
+  formData.value.status = option ? option.value : ''
+}
+
+function normalizePageData(res) {
+  const root = res && res.data !== undefined ? res.data : res
+  const candidateList = root?.list || root?.rows || root?.records || root?.data?.list || root?.data?.rows || []
+  const candidateTotal = root?.total ?? root?.data?.total ?? (Array.isArray(candidateList) ? candidateList.length : 0)
+  return {
+    list: Array.isArray(candidateList) ? candidateList : [],
+    total: Number(candidateTotal || 0)
+  }
+}
+
+function normalizeListData(res) {
+  const root = res && res.data !== undefined ? res.data : res
+  if (Array.isArray(root)) return root
+  if (Array.isArray(root?.data)) return root.data
+  if (Array.isArray(root?.list)) return root.list
+  return []
+}
+
+function normalizeDetailData(res) {
+  const root = res && res.data !== undefined ? res.data : res
+  if (root?.data && typeof root.data === 'object') return root.data
+  if (root && typeof root === 'object') return root
+  return {}
+}
+
+function moldStatusText(status) {
+  return getDictLabel('erp_mold_status', status, textValue(status))
+}
+
+function statusClass(status) {
+  const label = moldStatusText(status)
+  if (label.includes('正常') || label.toLowerCase() === 'ok') return 'status-normal'
+  if (label.includes('停') || label.includes('坏') || label.includes('禁') || label.toLowerCase() === 'ng') return 'status-danger'
+  return 'status-warning'
+}
+
+function textValue(value) {
+  if (value === 0) return '0'
+  if (value === false) return '否'
+  if (value === true) return '是'
+  if (value === null || value === undefined) return '-'
+  const text = String(value).trim()
+  return text || '-'
+}
+
+function formatDateTime(value) {
+  if (!value) return '-'
+  if (Array.isArray(value) && value.length >= 3) {
+    const [y, m, d, hh = 0, mm = 0, ss = 0] = value
+    const pad = (n) => String(n).padStart(2, '0')
+    return `${y}-${pad(m)}-${pad(d)} ${pad(hh)}:${pad(mm)}:${pad(ss)}`
+  }
+  const text = String(value).trim()
+  if (!text) return '-'
+  const num = Number(text)
+  if (Number.isFinite(num)) {
+    const time = text.length === 10 ? num * 1000 : num
+    const date = new Date(time)
+    if (!Number.isNaN(date.getTime())) {
+      return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')} ${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}:${String(date.getSeconds()).padStart(2, '0')}`
+    }
+  }
+  const date = new Date(text)
+  if (!Number.isNaN(date.getTime())) {
+    return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')} ${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}:${String(date.getSeconds()).padStart(2, '0')}`
+  }
+  return text
+}
+
+function normalizeDateInput(value) {
+  const text = formatDateTime(value)
+  return text === '-' ? '' : text.split(' ')[0]
+}
+
+function toNumberOrUndefined(value) {
+  if (value === null || value === undefined || String(value).trim() === '') return undefined
+  const num = Number(value)
+  return Number.isFinite(num) ? num : undefined
+}
+
+function textValueForInput(value) {
+  if (value === null || value === undefined) return ''
+  return String(value)
+}
+
+function normalizeInTimeForSubmit(value) {
+  const text = String(value || '').trim()
+  if (!text) return undefined
+  const date = new Date(text)
+  if (Number.isNaN(date.getTime())) return text
+  return date.getTime()
+}
+
+function parseImages(value) {
+  if (!value) return []
+  if (Array.isArray(value)) return value.map((v) => String(v)).filter(Boolean)
+  return String(value).split(',').map((v) => v.trim()).filter(Boolean)
+}
+
+function previewImages(list, current) {
+  if (!list || !list.length) return
+  uni.previewImage({ urls: list, current })
+}
+
+function removeImage(index) {
+  formData.value.images.splice(index, 1)
+}
+
+async function chooseAndUploadImages() {
+  const remain = Math.max(0, 6 - formData.value.images.length)
+  if (remain <= 0) return
+  uni.chooseImage({
+    count: remain,
+    sizeType: ['compressed'],
+    sourceType: ['album', 'camera'],
+    success: async (res) => {
+      const paths = Array.isArray(res?.tempFilePaths) ? res.tempFilePaths : []
+      if (!paths.length) return
+      uni.showLoading({ title: '上传中', mask: true })
+      try {
+        for (const filePath of paths) {
+          const uploadRes = await uploadMoldImage(filePath)
+          const url = resolveUploadUrl(uploadRes)
+          if (url) {
+            formData.value.images.push(url)
+          }
+        }
+      } catch (e) {
+        uni.showToast({ title: '图片上传失败', icon: 'none' })
+      } finally {
+        uni.hideLoading()
+      }
+    }
+  })
+}
+
+function resolveUploadUrl(res) {
+  const root = res && res.data !== undefined ? res.data : res
+  const data = root?.data !== undefined ? root.data : root
+  if (typeof data === 'string') return data
+  if (data && typeof data.url === 'string') return data.url
+  if (data && typeof data.fullUrl === 'string') return data.fullUrl
+  if (data && typeof data.path === 'string') return data.path
+  return ''
+}
+</script>
+
+<style lang="scss" scoped>
+.page-container {
+  min-height: 100vh;
+  background-color: #f0f2f5;
+}
+
+.filter-card {
+  background: #ffffff;
+  margin: 20rpx 24rpx;
+  border-radius: 18rpx;
+  padding: 20rpx;
+  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.04);
+}
+
+.filter-row {
+  display: flex;
+  gap: 16rpx;
+}
+
+.filter-item {
+  flex: 1;
+  background: #f7f9fc;
+  border-radius: 12rpx;
+  min-height: 84rpx;
+  display: flex;
+  align-items: center;
+  padding: 0 16rpx;
+}
+
+.filter-label {
+  font-size: 24rpx;
+  color: #8a9099;
+  margin-right: 12rpx;
+}
+
+.filter-value {
+  flex: 1;
+  font-size: 26rpx;
+  color: #2f353d;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.placeholder {
+  color: #a3a9b2;
+}
+
+.filter-arrow {
+  font-size: 34rpx;
+  color: #b1b7bf;
+}
+
+.search-row {
+  display: flex;
+  gap: 14rpx;
+  margin-top: 16rpx;
+}
+
+.search-wrapper {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  background: #f5f7fa;
+  border-radius: 42rpx;
+  padding: 0 20rpx;
+}
+
+.search-icon {
+  margin-right: 14rpx;
+
+  .iconfont {
+    font-size: 34rpx;
+    color: #666666;
+  }
+}
+
+.search-input {
+  flex: 1;
+  height: 72rpx;
+  font-size: 28rpx;
+  color: #333333;
+  background: transparent;
+}
+
+.input-placeholder {
+  color: #a0a6ad;
+}
+
+.clear-btn {
+  width: 42rpx;
+  height: 42rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.clear-icon {
+  font-size: 34rpx;
+  color: #999999;
+}
+
+.search-btn {
+  width: 140rpx;
+  height: 72rpx;
+  border-radius: 36rpx;
+  background: linear-gradient(135deg, #1a3a5c 0%, #2d5a87 100%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.search-btn-text {
+  color: #ffffff;
+  font-size: 28rpx;
+  font-weight: 600;
+}
+
+.content-scroll {
+  height: calc(100vh - 380rpx);
+}
+
+.list-wrap {
+  padding: 0 24rpx 40rpx;
+}
+
+.ledger-card {
+  background: #ffffff;
+  border-radius: 18rpx;
+  padding: 24rpx;
+  margin-bottom: 18rpx;
+  box-shadow: 0 4rpx 18rpx rgba(0, 0, 0, 0.05);
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1rpx solid #eef1f4;
+  padding-bottom: 16rpx;
+}
+
+.name {
+  display: block;
+  font-size: 32rpx;
+  color: #1a3a5c;
+  font-weight: 600;
+}
+
+.code {
+  display: block;
+  margin-top: 8rpx;
+  font-size: 24rpx;
+  color: #8c929a;
+}
+
+.header-right {
+  display: flex;
+  align-items: center;
+  gap: 12rpx;
+}
+
+.card-actions {
+  display: flex;
+  gap: 10rpx;
+}
+
+.action-btn {
+  width: 54rpx;
+  height: 54rpx;
+  border-radius: 10rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.action-icon {
+  color: #ffffff;
+  font-size: 28rpx;
+}
+
+.edit-btn {
+  background: #1a3a5c;
+}
+
+.delete-btn {
+  background: #ff4d4f;
+}
+
+.status-chip {
+  padding: 8rpx 16rpx;
+  border-radius: 999rpx;
+  font-size: 22rpx;
+}
+
+.status-normal {
+  background: rgba(31, 178, 94, 0.12);
+  color: #0d9b4f;
+}
+
+.status-warning {
+  background: rgba(255, 153, 0, 0.14);
+  color: #db8400;
+}
+
+.status-danger {
+  background: rgba(255, 77, 79, 0.14);
+  color: #de3d40;
+}
+
+.card-body {
+  padding-top: 10rpx;
+}
+
+.row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 12rpx;
+}
+
+.label {
+  font-size: 26rpx;
+  color: #8a9099;
+}
+
+.value {
+  max-width: 62%;
+  text-align: right;
+  font-size: 27rpx;
+  color: #2f353d;
+}
+
+.loading-text,
+.empty-text,
+.finished-text {
+  text-align: center;
+  color: #9aa2ab;
+  font-size: 26rpx;
+  padding: 28rpx 0;
+}
+
+.go-top-btn {
+  position: fixed;
+  right: 28rpx;
+  bottom: 150rpx;
+  width: 88rpx;
+  height: 88rpx;
+  border-radius: 44rpx;
+  background: rgba(26, 58, 92, 0.9);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 99;
+  box-shadow: 0 6rpx 16rpx rgba(26, 58, 92, 0.25);
+}
+
+.go-top-icon {
+  color: #ffffff;
+  font-size: 36rpx;
+  font-weight: 700;
+}
+
+.add-btn {
+  position: fixed;
+  right: 28rpx;
+  bottom: 258rpx;
+  width: 96rpx;
+  height: 96rpx;
+  border-radius: 48rpx;
+  background: linear-gradient(135deg, #1a3a5c 0%, #2d5a87 100%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 99;
+  box-shadow: 0 8rpx 24rpx rgba(26, 58, 92, 0.32);
+}
+
+.add-icon {
+  color: #ffffff;
+  font-size: 56rpx;
+  line-height: 1;
+}
+
+.picker-content {
+  border-top-left-radius: 20rpx;
+  border-top-right-radius: 20rpx;
+  max-height: 70vh;
+  overflow: hidden;
+}
+
+.picker-header {
+  padding: 24rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1rpx solid #edf0f3;
+}
+
+.popup-header {
+  margin: 10rpx 0 0 20rpx;
+}
+
+.picker-title {
+  font-size: 30rpx;
+  font-weight: 600;
+  color: #1a3a5c;
+}
+
+.picker-clear-text {
+  font-size: 26rpx;
+  color: #2d5a87;
+}
+
+.picker-list {
+  max-height: 58vh;
+}
+
+.picker-item {
+  min-height: 84rpx;
+  padding: 0 24rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1rpx solid #f2f4f7;
+}
+
+.picker-text {
+  flex: 1;
+  font-size: 28rpx;
+  color: #2f353d;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.picker-check {
+  font-size: 30rpx;
+  color: #2d5a87;
+  margin-left: 20rpx;
+}
+
+.popup-content-center {
+  width: 680rpx;
+  max-height: 82vh;
+
+  overflow: hidden;
+}
+
+.form-scroll {
+  max-height: 56vh;
+}
+
+.form-content {
+  padding: 24rpx;
+}
+
+.form-item {
+  margin-bottom: 16rpx;
+}
+
+.form-label {
+  display: block;
+  margin-bottom: 8rpx;
+  font-size: 26rpx;
+  color: #8a9099;
+}
+
+.required-star {
+  color: #ff4d4f;
+}
+
+.form-label-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8rpx;
+}
+
+.switch-wrap {
+  display: flex;
+  align-items: center;
+  gap: 10rpx;
+}
+
+.switch-label {
+  font-size: 24rpx;
+  color: #8a9099;
+}
+
+.form-input {
+  height: 76rpx;
+  padding: 0 20rpx;
+  border-radius: 12rpx;
+  background: #f5f7fa;
+  font-size: 28rpx;
+  color: #30363d;
+}
+
+.form-input[disabled] {
+  color: #a3a9b2;
+}
+
+.form-picker {
+  height: 76rpx;
+  border-radius: 12rpx;
+  background: #f5f7fa;
+  padding: 0 20rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.form-picker-text {
+  flex: 1;
+  font-size: 28rpx;
+  color: #30363d;
+}
+
+.form-textarea {
+  width: 100%;
+  min-height: 130rpx;
+  border-radius: 12rpx;
+  background: #f5f7fa;
+  padding: 16rpx 20rpx;
+  font-size: 28rpx;
+  color: #30363d;
+}
+
+.image-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 14rpx;
+}
+
+.image-item,
+.image-add {
+  width: 130rpx;
+  height: 130rpx;
+  border-radius: 12rpx;
+  overflow: hidden;
+  position: relative;
+}
+
+.image-preview {
+  width: 100%;
+  height: 100%;
+  background: #edf0f4;
+}
+
+.image-add {
+  background: #f5f7fa;
+  border: 1rpx dashed #c8ced6;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.image-add-text {
+  font-size: 52rpx;
+  color: #8e95a0;
+  line-height: 1;
+}
+
+.image-delete {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 36rpx;
+  height: 36rpx;
+  border-bottom-left-radius: 10rpx;
+  background: rgba(0, 0, 0, 0.45);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.image-delete-text {
+  color: #ffffff;
+  font-size: 24rpx;
+  line-height: 1;
+}
+
+.enable-group {
+  display: flex;
+  gap: 14rpx;
+}
+
+.enable-item {
+  flex: 1;
+  height: 72rpx;
+  border-radius: 12rpx;
+  background: #f5f7fa;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 28rpx;
+  color: #586070;
+}
+
+.enable-item.active {
+  background: rgba(45, 90, 135, 0.12);
+  color: #1a3a5c;
+  font-weight: 600;
+}
+
+.form-footer {
+  display: flex;
+  gap: 14rpx;
+  padding: 20rpx 24rpx 24rpx;
+}
+
+.footer-btn {
+  flex: 1;
+  height: 76rpx;
+  border-radius: 12rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.cancel-btn {
+  background: #edf0f4;
+}
+
+.confirm-btn {
+  background: linear-gradient(135deg, #1a3a5c 0%, #2d5a87 100%);
+}
+
+.btn-text {
+  font-size: 28rpx;
+  font-weight: 600;
+  color: #ffffff;
+}
+
+.cancel-text {
+  color: #586070;
+}
+</style>
diff --git a/src/pages_function/pages/moldType/detail.vue b/src/pages_function/pages/moldType/detail.vue
new file mode 100644
index 0000000..dcfdf88
--- /dev/null
+++ b/src/pages_function/pages/moldType/detail.vue
@@ -0,0 +1,211 @@
+<template>
+  <view class="page-container">
+    <AppTitleHeader title="模具类型详情" />
+
+    <view class="content-section">
+      <view class="info-card">
+        <view class="card-title">基础信息</view>
+        <view class="info-list">
+          <view class="info-row">
+            <text class="info-label">型号编码</text>
+            <text class="info-value">{{ fieldValue('code') }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">型号名称</text>
+            <text class="info-value">{{ fieldValue('name') }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">规格</text>
+            <text class="info-value">{{ fieldValue('moldType') }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">工序</text>
+            <text class="info-value">{{ orgTypeText }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">预期寿命(小时)</text>
+            <text class="info-value">{{ fieldValue('useTime') }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">模穴数</text>
+            <text class="info-value">{{ fieldValue('moldSize') }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">维保模式</text>
+            <text class="info-value">{{ fieldValue('maintainType') }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">维保周期</text>
+            <text class="info-value">{{ fieldValue('maintainTime') }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">产品ID</text>
+            <text class="info-value">{{ fieldValue('productId') }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">是否启用</text>
+            <text class="info-value">{{ enableText }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">创建时间</text>
+            <text class="info-value">{{ formatDateTime(detailData?.createTime) }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">更新时间</text>
+            <text class="info-value">{{ formatDateTime(detailData?.updateTime) }}</text>
+          </view>
+          <view class="info-row remark-row">
+            <text class="info-label">备注</text>
+            <text class="info-value remark-value">{{ fieldValue('remark') }}</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import { getMoldBrandDetail } from '@/api/mes/mold'
+import { getDictLabel, initAllDict } from '@/utils/dict'
+
+const detailId = ref(undefined)
+const detailData = ref(null)
+
+const orgTypeText = computed(() =>
+  getDictLabel('mes_org_type', detailData.value?.orgType, textValue(detailData.value?.orgType))
+)
+
+const enableText = computed(() => {
+  const value = detailData.value?.isEnable
+  if (value === true || value === 1 || value === '1' || value === 'true') return '是'
+  if (value === false || value === 0 || value === '0' || value === 'false') return '否'
+  return textValue(value)
+})
+
+onLoad(async (query) => {
+  const id = query?.id ? decodeURIComponent(String(query.id)) : ''
+  detailId.value = id || undefined
+  await initAllDict()
+  await fetchDetail()
+})
+
+async function fetchDetail() {
+  if (!detailId.value) {
+    uni.showToast({ title: '缺少模具类型ID', icon: 'none' })
+    return
+  }
+  try {
+    const res = await getMoldBrandDetail(detailId.value)
+    detailData.value = normalizeDetail(res)
+  } catch (e) {
+    uni.showToast({ title: '详情加载失败', icon: 'none' })
+  }
+}
+
+function normalizeDetail(res) {
+  const root = res && res.data !== undefined ? res.data : res
+  if (root?.data && typeof root.data === 'object') return root.data
+  if (root && typeof root === 'object') return root
+  return {}
+}
+
+function fieldValue(field) {
+  return textValue(detailData.value ? detailData.value[field] : undefined)
+}
+
+function textValue(value) {
+  if (value === 0) return '0'
+  if (value === false) return '否'
+  if (value === true) return '是'
+  if (value === null || value === undefined) return '-'
+  const text = String(value).trim()
+  return text || '-'
+}
+
+function formatDateTime(value) {
+  if (!value) return '-'
+  if (Array.isArray(value) && value.length >= 3) {
+    const [y, m, d, hh = 0, mm = 0, ss = 0] = value
+    const pad = (n) => String(n).padStart(2, '0')
+    return `${y}-${pad(m)}-${pad(d)} ${pad(hh)}:${pad(mm)}:${pad(ss)}`
+  }
+  const text = String(value).trim()
+  if (!text) return '-'
+  const numeric = Number(text)
+  if (Number.isFinite(numeric)) {
+    const timestamp = text.length === 10 ? numeric * 1000 : numeric
+    const date = new Date(timestamp)
+    if (!Number.isNaN(date.getTime())) {
+      return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')} ${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}:${String(date.getSeconds()).padStart(2, '0')}`
+    }
+  }
+  const date = new Date(text)
+  if (!Number.isNaN(date.getTime())) {
+    return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')} ${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}:${String(date.getSeconds()).padStart(2, '0')}`
+  }
+  return text
+}
+</script>
+
+<style lang="scss" scoped>
+.page-container {
+  min-height: 100vh;
+  background-color: #f0f2f5;
+}
+
+.content-section {
+  padding: 0 24rpx 24rpx;
+}
+
+.info-card {
+  margin-top: 20rpx;
+  background: #ffffff;
+  border-radius: 20rpx;
+  padding: 28rpx;
+  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
+}
+
+.card-title {
+  font-size: 32rpx;
+  color: #1a3a5c;
+  font-weight: 700;
+  margin-bottom: 18rpx;
+}
+
+.info-list {
+  background: #ffffff;
+}
+
+.info-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  padding: 18rpx 0;
+  border-bottom: 1rpx solid #edf0f3;
+}
+
+.info-label {
+  font-size: 27rpx;
+  color: #8a9099;
+  width: 220rpx;
+}
+
+.info-value {
+  flex: 1;
+  text-align: right;
+  font-size: 28rpx;
+  color: #30363d;
+  line-height: 1.45;
+}
+
+.remark-row {
+  border-bottom: none;
+}
+
+.remark-value {
+  white-space: pre-wrap;
+}
+</style>
diff --git a/src/pages_function/pages/moldType/index.vue b/src/pages_function/pages/moldType/index.vue
new file mode 100644
index 0000000..488b5be
--- /dev/null
+++ b/src/pages_function/pages/moldType/index.vue
@@ -0,0 +1,756 @@
+<template>
+  <view class="page-container">
+    <AppTitleHeader title="模具类型" subTitle="按编码或名称快速查询" :showSubTitle="true" />
+
+    <view class="search-section">
+      <view class="search-wrapper">
+        <view class="search-icon">
+          <text class="iconfont icon-search"></text>
+        </view>
+        <input
+          v-model="searchKeyword"
+          class="search-input"
+          type="text"
+          placeholder="请输入模具型号编码或名称"
+          placeholder-class="input-placeholder"
+          @confirm="handleSearch"
+        />
+        <view v-if="searchKeyword" class="clear-btn" @click="clearSearch">
+          <text class="clear-icon">×</text>
+        </view>
+      </view>
+      <view class="search-btn" @click="handleSearch">
+        <text class="search-btn-text">查询</text>
+      </view>
+    </view>
+
+    <scroll-view
+      scroll-y
+      class="content-scroll"
+      :scroll-top="scrollTop"
+      @scroll="handleScroll"
+      @scrolltolower="loadMore"
+      :lower-threshold="80"
+    >
+      <view class="list-wrap">
+        <view v-for="item in list" :key="item.id" class="type-card" @click="openDetail(item)">
+          <view class="card-header">
+            <view class="header-left">
+              <text class="type-name">{{ textValue(item.name) }}</text>
+              <text class="type-code">编码: {{ textValue(item.code) }}</text>
+            </view>
+            <view class="card-actions">
+              <view class="action-btn edit-btn" @click.stop="openEdit(item)">
+                <text class="action-icon">✎</text>
+              </view>
+              <view class="action-btn delete-btn" @click.stop="confirmDelete(item)">
+                <text class="action-icon">🗑</text>
+              </view>
+            </view>
+          </view>
+          <view class="card-body">
+            <view class="row">
+              <text class="label">规格</text>
+              <text class="value">{{ textValue(item.moldType) }}</text>
+            </view>
+            <view class="row">
+              <text class="label">工序</text>
+              <text class="value">{{ orgTypeLabel(item.orgType) }}</text>
+            </view>
+            <view class="row">
+              <text class="label">预期寿命</text>
+              <text class="value">{{ textValue(item.useTime) }}</text>
+            </view>
+            <view class="row">
+              <text class="label">模穴数</text>
+              <text class="value">{{ textValue(item.moldSize) }}</text>
+            </view>
+            <view class="row">
+              <text class="label">创建时间</text>
+              <text class="value">{{ formatDateTime(item.createTime) }}</text>
+            </view>
+          </view>
+        </view>
+
+        <view v-if="loading && pageNo === 1" class="loading-text">加载中...</view>
+        <view v-else-if="!list.length" class="empty-text">暂无模具类型数据</view>
+        <view v-else-if="loadingMore" class="loading-text">正在加载更多...</view>
+        <view v-else-if="finished" class="finished-text">没有更多数据了</view>
+      </view>
+    </scroll-view>
+
+    <view class="add-btn" @click="openCreate">
+      <text class="add-icon">+</text>
+    </view>
+
+    <view v-if="showGoTop" class="go-top-btn" @click="goTop">
+      <text class="go-top-icon">↑</text>
+    </view>
+
+    <uni-popup ref="formPopupRef" type="center" background-color="#fff">
+      <view class="popup-content">
+        <view class="popup-header">
+          <text class="popup-title">{{ formMode === 'create' ? '新增模具类型' : '编辑模具类型' }}</text>
+          <view class="popup-close" @click="closeForm">
+            <text class="close-icon">×</text>
+          </view>
+        </view>
+        <scroll-view scroll-y class="form-scroll">
+          <view class="form-content">
+            <view class="form-item">
+              <text class="form-label">编码 <text class="required-star">*</text></text>
+              <input v-model="formData.code" class="form-input" type="text" placeholder="请输入编码" :disabled="formMode === 'update'"/>
+            </view>
+            <view class="form-item">
+              <text class="form-label">名称 <text class="required-star">*</text></text>
+              <input v-model="formData.name" class="form-input" type="text" placeholder="请输入名称" />
+            </view>
+            <view class="form-item">
+              <text class="form-label">规格 <text class="required-star">*</text></text>
+              <input v-model="formData.moldType" class="form-input" type="text" placeholder="请输入规格" />
+            </view>
+            <view class="form-item">
+              <text class="form-label">工序</text>
+              <input v-model="formData.orgType" class="form-input" type="text" placeholder="请输入工序编码" />
+            </view>
+            <view class="form-item">
+              <text class="form-label">预期寿命(小时)</text>
+              <input v-model="formData.useTime" class="form-input" type="number" placeholder="请输入预期寿命" />
+            </view>
+            <view class="form-item">
+              <text class="form-label">模穴数 <text class="required-star">*</text></text>
+              <input v-model="formData.moldSize" class="form-input" type="number" placeholder="请输入模穴数" />
+            </view>
+            <view class="form-item">
+              <text class="form-label">产品ID <text class="required-star">*</text></text>
+              <input v-model="formData.productId" class="form-input" type="number" placeholder="请输入产品ID" />
+            </view>
+            <view class="form-item">
+              <text class="form-label">备注</text>
+              <textarea v-model="formData.remark" class="form-textarea" placeholder="请输入备注" :maxlength="200" />
+            </view>
+          </view>
+        </scroll-view>
+        <view class="form-footer">
+          <view class="footer-btn cancel-btn" @click="closeForm">
+            <text class="btn-text">取消</text>
+          </view>
+          <view class="footer-btn confirm-btn" @click="submitForm">
+            <text class="btn-text">保存</text>
+          </view>
+        </view>
+      </view>
+    </uni-popup>
+  </view>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import { createMoldBrand, deleteMoldBrand, getMoldBrandDetail, getMoldBrandPage, updateMoldBrand } from '@/api/mes/mold'
+import { getDictLabel, initAllDict } from '@/utils/dict'
+
+const formPopupRef = ref(null)
+const searchKeyword = ref('')
+const list = ref([])
+const loading = ref(false)
+const loadingMore = ref(false)
+const finished = ref(false)
+const pageNo = ref(1)
+const pageSize = ref(10)
+const total = ref(0)
+const scrollTop = ref(0)
+const showGoTop = ref(false)
+const formMode = ref('create')
+const formData = reactive({
+  id: undefined,
+  code: '',
+  name: '',
+  moldType: '',
+  orgType: '',
+  useTime: '',
+  moldSize: '',
+  productId: '',
+  remark: ''
+})
+
+onLoad(async () => {
+  await initAllDict()
+  await fetchList(true)
+})
+
+async function handleSearch() {
+  await fetchList(true)
+}
+
+async function clearSearch() {
+  searchKeyword.value = ''
+  await fetchList(true)
+}
+
+async function loadMore() {
+  if (loading.value || loadingMore.value || finished.value) return
+  pageNo.value += 1
+  await fetchList(false)
+}
+
+async function fetchList(reset) {
+  if (reset) {
+    pageNo.value = 1
+    finished.value = false
+  }
+  if (pageNo.value === 1) {
+    loading.value = true
+  } else {
+    loadingMore.value = true
+  }
+  try {
+    const params = {
+      pageNo: pageNo.value,
+      pageSize: pageSize.value,
+      code: searchKeyword.value.trim() || undefined,
+      name: searchKeyword.value.trim() || undefined
+    }
+    const res = await getMoldBrandPage(params)
+    const page = normalizePageData(res)
+    total.value = page.total
+    if (reset) {
+      list.value = page.list
+    } else {
+      list.value = [...list.value, ...page.list]
+    }
+    const loadedCount = list.value.length
+    finished.value = loadedCount >= total.value || page.list.length < pageSize.value
+  } catch (e) {
+    if (!reset) {
+      pageNo.value = Math.max(1, pageNo.value - 1)
+    }
+    uni.showToast({ title: '加载失败', icon: 'none' })
+  } finally {
+    loading.value = false
+    loadingMore.value = false
+  }
+}
+
+function handleScroll(e) {
+  const top = e?.detail?.scrollTop || 0
+  showGoTop.value = top > 600
+}
+
+function goTop() {
+  scrollTop.value = 0
+}
+
+function normalizePageData(res) {
+  const root = res && res.data !== undefined ? res.data : res
+  const candidateList =
+    root?.list ||
+    root?.rows ||
+    root?.records ||
+    root?.data?.list ||
+    root?.data?.rows ||
+    root?.data?.records ||
+    []
+  const candidateTotal =
+    root?.total ??
+    root?.data?.total ??
+    (Array.isArray(candidateList) ? candidateList.length : 0)
+  return {
+    list: Array.isArray(candidateList) ? candidateList : [],
+    total: Number(candidateTotal || 0)
+  }
+}
+
+function orgTypeLabel(value) {
+  return getDictLabel('mes_org_type', value, textValue(value))
+}
+
+function textValue(value) {
+  if (value === 0) return '0'
+  if (value === false) return '否'
+  if (value === true) return '是'
+  if (value === null || value === undefined) return '-'
+  const text = String(value).trim()
+  return text || '-'
+}
+
+function formatDateTime(value) {
+  if (!value) return '-'
+  if (Array.isArray(value) && value.length >= 3) {
+    const [y, m, d, hh = 0, mm = 0, ss = 0] = value
+    const pad = (n) => String(n).padStart(2, '0')
+    return `${y}-${pad(m)}-${pad(d)} ${pad(hh)}:${pad(mm)}:${pad(ss)}`
+  }
+  const text = String(value).trim()
+  if (!text) return '-'
+  const numeric = Number(text)
+  if (Number.isFinite(numeric)) {
+    const timestamp = text.length === 10 ? numeric * 1000 : numeric
+    const date = new Date(timestamp)
+    if (!Number.isNaN(date.getTime())) {
+      return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')} ${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}:${String(date.getSeconds()).padStart(2, '0')}`
+    }
+  }
+  const date = new Date(text)
+  if (!Number.isNaN(date.getTime())) {
+    return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')} ${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}:${String(date.getSeconds()).padStart(2, '0')}`
+  }
+  return text
+}
+
+function openCreate() {
+  formMode.value = 'create'
+  resetForm()
+  formPopupRef.value?.open()
+}
+
+async function openEdit(item) {
+  const id = item?.id
+  if (id === undefined || id === null) {
+    uni.showToast({ title: '缺少ID，无法编辑', icon: 'none' })
+    return
+  }
+  try {
+    const res = await getMoldBrandDetail(id)
+    const detail = normalizeDetailData(res)
+    formMode.value = 'update'
+    formData.id = detail?.id
+    formData.code = textValueForInput(detail?.code)
+    formData.name = textValueForInput(detail?.name)
+    formData.moldType = textValueForInput(detail?.moldType)
+    formData.orgType = textValueForInput(detail?.orgType)
+    formData.useTime = textValueForInput(detail?.useTime)
+    formData.moldSize = textValueForInput(detail?.moldSize)
+    formData.productId = textValueForInput(detail?.productId)
+    formData.remark = textValueForInput(detail?.remark)
+    formPopupRef.value?.open()
+  } catch (e) {
+    uni.showToast({ title: '加载编辑数据失败', icon: 'none' })
+  }
+}
+
+async function confirmDelete(item) {
+  const id = item?.id
+  if (id === undefined || id === null) {
+    uni.showToast({ title: '缺少ID，无法删除', icon: 'none' })
+    return
+  }
+  uni.showModal({
+    title: '确认删除',
+    content: `确认删除模具类型"${textValue(item?.name)}"吗？`,
+    success: async (res) => {
+      if (!res.confirm) return
+      try {
+        await deleteMoldBrand(id)
+        uni.showToast({ title: '删除成功', icon: 'success' })
+        await fetchList(true)
+      } catch (e) {
+        uni.showToast({ title: '删除失败', icon: 'none' })
+      }
+    }
+  })
+}
+
+function closeForm() {
+  formPopupRef.value?.close()
+}
+
+async function submitForm() {
+  if (!formData.code.trim() || !formData.name.trim() || !formData.moldType.trim()) {
+    uni.showToast({ title: '编码、名称、规格必填', icon: 'none' })
+    return
+  }
+  if (String(formData.productId).trim() === '' || String(formData.moldSize).trim() === '') {
+    uni.showToast({ title: '产品ID、模穴数必填', icon: 'none' })
+    return
+  }
+  const payload = {
+    id: formMode.value === 'update' ? formData.id : undefined,
+    code: formData.code.trim(),
+    name: formData.name.trim(),
+    moldType: formData.moldType.trim(),
+    orgType: formData.orgType.trim() || undefined,
+    useTime: toNumberOrUndefined(formData.useTime),
+    moldSize: toNumberOrUndefined(formData.moldSize),
+    productId: toNumberOrUndefined(formData.productId),
+    remark: formData.remark.trim() || undefined,
+    isEnable: true
+  }
+  try {
+    if (formMode.value === 'create') {
+      await createMoldBrand(payload)
+      uni.showToast({ title: '新增成功', icon: 'success' })
+    } else {
+      await updateMoldBrand(payload)
+      uni.showToast({ title: '更新成功', icon: 'success' })
+    }
+    closeForm()
+    await fetchList(true)
+  } catch (e) {
+    uni.showToast({ title: '保存失败', icon: 'none' })
+  }
+}
+
+function resetForm() {
+  formData.id = undefined
+  formData.code = ''
+  formData.name = ''
+  formData.moldType = ''
+  formData.orgType = ''
+  formData.useTime = ''
+  formData.moldSize = ''
+  formData.productId = ''
+  formData.remark = ''
+}
+
+function toNumberOrUndefined(value) {
+  if (value === null || value === undefined || String(value).trim() === '') return undefined
+  const num = Number(value)
+  return Number.isFinite(num) ? num : undefined
+}
+
+function textValueForInput(value) {
+  if (value === null || value === undefined) return ''
+  return String(value)
+}
+
+function normalizeDetailData(res) {
+  const root = res && res.data !== undefined ? res.data : res
+  if (root?.data && typeof root.data === 'object') return root.data
+  if (root && typeof root === 'object') return root
+  return {}
+}
+
+function openDetail(item) {
+  const id = item?.id
+  if (!id && id !== 0) {
+    uni.showToast({ title: '缺少ID，无法查看详情', icon: 'none' })
+    return
+  }
+  uni.navigateTo({
+    url: `/pages_function/pages/moldType/detail?id=${encodeURIComponent(String(id))}`
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+.page-container {
+  min-height: 100vh;
+  background-color: #f0f2f5;
+}
+
+.search-section {
+  background: #ffffff;
+  margin: 20rpx 24rpx;
+  border-radius: 18rpx;
+  padding: 20rpx;
+  box-shadow: 0 4rpx 18rpx rgba(0, 0, 0, 0.04);
+}
+
+.search-wrapper {
+  display: flex;
+  align-items: center;
+  background: #f5f7fa;
+  border-radius: 44rpx;
+  padding: 0 20rpx;
+}
+
+.search-icon {
+  margin-right: 16rpx;
+
+  .iconfont {
+    font-size: 34rpx;
+    color: #666666;
+  }
+}
+
+.search-input {
+  flex: 1;
+  height: 72rpx;
+  font-size: 28rpx;
+  color: #333333;
+  background: transparent;
+}
+
+.input-placeholder {
+  color: #999999;
+}
+
+.clear-btn {
+  width: 48rpx;
+  height: 48rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  .clear-icon {
+    font-size: 34rpx;
+    color: #999999;
+  }
+}
+
+.search-btn {
+  margin-top: 18rpx;
+  height: 76rpx;
+  background: linear-gradient(135deg, #1a3a5c 0%, #2d5a87 100%);
+  border-radius: 14rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.search-btn-text {
+  color: #ffffff;
+  font-size: 30rpx;
+  font-weight: 600;
+}
+
+.content-scroll {
+  height: calc(100vh - 360rpx);
+}
+
+.list-wrap {
+  padding: 0 24rpx 30rpx;
+}
+
+.type-card {
+  background: #ffffff;
+  border-radius: 18rpx;
+  padding: 24rpx;
+  margin-bottom: 18rpx;
+  box-shadow: 0 4rpx 18rpx rgba(0, 0, 0, 0.05);
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-bottom: 18rpx;
+  border-bottom: 1rpx solid #edf0f3;
+}
+
+.header-left {
+  display: flex;
+  flex-direction: column;
+}
+
+.card-actions {
+  display: flex;
+  gap: 14rpx;
+}
+
+.action-btn {
+  width: 60rpx;
+  height: 60rpx;
+  border-radius: 12rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.action-icon {
+  color: #ffffff;
+  font-size: 30rpx;
+}
+
+.edit-btn {
+  background: #1a3a5c;
+}
+
+.delete-btn {
+  background: #ff4d4f;
+}
+
+.type-name {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #1a3a5c;
+  margin-bottom: 8rpx;
+}
+
+.type-code {
+  font-size: 24rpx;
+  color: #8a9099;
+}
+
+.arrow {
+  font-size: 44rpx;
+  color: #a1a8b0;
+}
+
+.card-body {
+  padding-top: 16rpx;
+}
+
+.row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 12rpx;
+}
+
+.label {
+  font-size: 26rpx;
+  color: #8a9099;
+}
+
+.value {
+  font-size: 27rpx;
+  color: #30363d;
+  max-width: 62%;
+  text-align: right;
+}
+
+.add-btn {
+  position: fixed;
+  right: 28rpx;
+  bottom: 140rpx;
+  width: 96rpx;
+  height: 96rpx;
+  border-radius: 48rpx;
+  background: linear-gradient(135deg, #1a3a5c 0%, #2d5a87 100%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 8rpx 24rpx rgba(26, 58, 92, 0.32);
+  z-index: 99;
+}
+
+.add-icon {
+  color: #ffffff;
+  font-size: 56rpx;
+  line-height: 1;
+}
+
+.go-top-btn {
+  position: fixed;
+  right: 28rpx;
+  bottom: 254rpx;
+  width: 88rpx;
+  height: 88rpx;
+  border-radius: 44rpx;
+  background: rgba(26, 58, 92, 0.9);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 99;
+  box-shadow: 0 6rpx 16rpx rgba(26, 58, 92, 0.25);
+}
+
+.go-top-icon {
+  color: #ffffff;
+  font-size: 36rpx;
+  font-weight: 700;
+}
+
+.popup-content {
+  width: 680rpx;
+  max-height: 80vh;
+  border-radius: 20rpx;
+  overflow: hidden;
+}
+
+.popup-header {
+  padding: 24rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1rpx solid #edf0f3;
+}
+
+.popup-title {
+  font-size: 32rpx;
+  color: #1a3a5c;
+  font-weight: 700;
+}
+
+.close-icon {
+  font-size: 38rpx;
+  color: #8e95a0;
+}
+
+.form-scroll {
+  max-height: 56vh;
+}
+
+.form-content {
+  padding: 24rpx;
+}
+
+.form-item {
+  margin-bottom: 18rpx;
+}
+
+.form-label {
+  display: block;
+  margin-bottom: 8rpx;
+  font-size: 26rpx;
+  color: #8a9099;
+}
+
+.required-star {
+  color: #ff4d4f;
+}
+
+.form-input {
+  height: 76rpx;
+  padding: 0 20rpx;
+  border-radius: 12rpx;
+  background: #f5f7fa;
+  font-size: 28rpx;
+  color: #30363d;
+}
+
+.form-textarea {
+  width: 100%;
+  min-height: 130rpx;
+  padding: 18rpx 20rpx;
+  border-radius: 12rpx;
+  background: #f5f7fa;
+  font-size: 28rpx;
+  color: #30363d;
+}
+
+.form-footer {
+  display: flex;
+  gap: 14rpx;
+  padding: 20rpx 24rpx 24rpx;
+}
+
+.footer-btn {
+  flex: 1;
+  height: 76rpx;
+  border-radius: 12rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.cancel-btn {
+  background: #edf0f4;
+}
+
+.confirm-btn {
+  background: linear-gradient(135deg, #1a3a5c 0%, #2d5a87 100%);
+}
+
+.btn-text {
+  font-size: 28rpx;
+  font-weight: 600;
+  color: #ffffff;
+}
+
+.cancel-btn .btn-text {
+  color: #586070;
+}
+
+.loading-text,
+.empty-text,
+.finished-text {
+  text-align: center;
+  padding: 28rpx 0;
+  color: #99a1aa;
+  font-size: 26rpx;
+}
+</style>
diff --git a/src/pages_function/pages/spare/index.vue b/src/pages_function/pages/spare/index.vue
index a80266e..12d679f 100644
--- a/src/pages_function/pages/spare/index.vue
+++ b/src/pages_function/pages/spare/index.vue
@@ -57,7 +57,7 @@ import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
 
 const spareCode = ref('');
 const isScanning = ref(false);
-const SCAN_TYPE = 'SPARE';
+const SCAN_TYPE = 'PRODUCTMATERIAL';
 const MODULE_NAME = '备件';
 
 function parseScanResult(res) {