diff --git a/src/locales/en-US.js b/src/locales/en-US.js
index 5590b17..464608f 100644
--- a/src/locales/en-US.js
+++ b/src/locales/en-US.js
@@ -989,6 +989,78 @@ export default {
     validatorNameRequired: 'Component name is required',
     confirmDeleteContent: 'Confirm delete component [{name}]?'
   },
+  moldLedger: {
+    moduleName: 'Mold Ledger',
+    subTitle: 'Mold ledger management',
+    detailTitle: 'Mold Detail',
+    basicInfo: 'Mold Basic Info',
+    moldPlaceholder: 'Mold',
+    moldName: 'Mold Name',
+    product: 'Product',
+    moldCode: 'Mold Code',
+    status: 'Status',
+    versionSpec: 'Version/Spec',
+    cavityCount: 'Cavity Count',
+    currentDevice: 'Current Device',
+    useCount: 'Use Count',
+    expand: 'Expand',
+    collapse: 'Collapse',
+    tabChildMold: 'Sub-molds',
+    tabInspection: 'Inspection',
+    tabRepair: 'Repair',
+    tabMaintenance: 'Maintenance',
+    tabInstall: 'Installation',
+    installLocation: 'Install Location',
+    material: 'Material',
+    quantity: 'Quantity',
+    lastReplace: 'Last Replace',
+    usedDays: 'Used {days} days',
+    remark: 'Remark',
+    noChildMold: 'No sub-mold data',
+    noInspection: 'No inspection records',
+    noRepair: 'No repair records',
+    noMaintenance: 'No maintenance records',
+    noInstall: 'No installation records',
+    inspectionMethod: 'Inspection Method',
+    criteria: 'Criteria',
+    inspectionTime: 'Inspection Time',
+    maintainMethod: 'Maintenance Method',
+    maintainTime: 'Maintenance Time',
+    repairProject: 'Repair Project',
+    projectContent: 'Project Content',
+    finishTime: 'Finish Time',
+    operateMold: 'Mold',
+    operator: 'Operator',
+    time: 'Time',
+    upperMold: 'Mount',
+    lowerMold: 'Dismount',
+    missingBrandId: 'Missing mold brand ID',
+    detailLoadFailed: 'Failed to load detail',
+    childLoadFailed: 'Failed to load sub-molds',
+    inspectionLoadFailed: 'Failed to load inspection records',
+    repairLoadFailed: 'Failed to load repair records',
+    maintainLoadFailed: 'Failed to load maintenance records',
+    installLoadFailed: 'Failed to load installation records',
+    resultPending: 'Pending',
+    resultPass: 'Pass',
+    resultWarning: 'Warning',
+    repairCompleted: 'Completed',
+    repairAbnormal: 'Abnormal',
+    repairProcessing: 'Processing',
+    searchPlaceholder: 'Enter mold code or name',
+    allStatus: 'All',
+    selectMoldStatus: 'Select Mold Status',
+    clear: 'Clear',
+    name: 'Name',
+    createTime: 'Created At',
+    confirmDeleteContent: 'Confirm delete mold brand "{name}"?',
+    empty: 'No mold ledger data',
+    scanUnrecognized: 'Unrecognized QR code',
+    scanFormatError: 'Invalid QR code format',
+    scanFailed: 'Scan failed',
+    noIdView: 'Missing ID, cannot view details',
+    noIdDelete: 'Missing ID, cannot delete'
+  },
   moldRepair: {
     moduleName: 'Mold Repair',
     createTitle: 'Create Mold Repair',
diff --git a/src/locales/index.js b/src/locales/index.js
index f4d1f0c..d8c9c5a 100644
--- a/src/locales/index.js
+++ b/src/locales/index.js
@@ -122,7 +122,9 @@ const literalMap = {
   '设备点检记录': 'equipmentInspectionRecord.moduleName',
   '设备点检记录详情': 'equipmentInspectionRecord.detailTitle',
   '点检记录': 'moldWorkOrder.moduleName',
-  '点检记录详情': 'moldWorkOrder.detailTitle'
+  '点检记录详情': 'moldWorkOrder.detailTitle',
+  '模具台账': 'moldLedger.moduleName',
+  '模具详情': 'moldLedger.detailTitle'
 }
 
 export function getCurrentLocale() {
diff --git a/src/locales/zh-CN.js b/src/locales/zh-CN.js
index a1250c2..f383539 100644
--- a/src/locales/zh-CN.js
+++ b/src/locales/zh-CN.js
@@ -992,6 +992,78 @@ export default {
     validatorNameRequired: '关键件名称不能为空',
     confirmDeleteContent: '确认删除关键件【{name}】吗？'
   },
+  moldLedger: {
+    moduleName: '模具台账',
+    subTitle: '模具台账管理',
+    detailTitle: '模具详情',
+    basicInfo: '模具基本信息',
+    moldPlaceholder: '模具',
+    moldName: '模具名称',
+    product: '产品',
+    moldCode: '模具编号',
+    status: '状态',
+    versionSpec: '版本/规格',
+    cavityCount: '模穴数',
+    currentDevice: '当前设备',
+    useCount: '使用次数',
+    expand: '展开',
+    collapse: '收起',
+    tabChildMold: '子模具',
+    tabInspection: '点检记录',
+    tabRepair: '维修记录',
+    tabMaintenance: '保养记录',
+    tabInstall: '安装记录',
+    installLocation: '安装位置',
+    material: '材质',
+    quantity: '数量',
+    lastReplace: '上次更换',
+    usedDays: '已使用{days}天',
+    remark: '备注',
+    noChildMold: '暂无子模具数据',
+    noInspection: '暂无点检记录',
+    noRepair: '暂无维修记录',
+    noMaintenance: '暂无保养记录',
+    noInstall: '暂无安装记录',
+    inspectionMethod: '点检方式',
+    criteria: '判定标准',
+    inspectionTime: '点检时间',
+    maintainMethod: '保养方式',
+    maintainTime: '保养时间',
+    repairProject: '维修项目',
+    projectContent: '项目内容',
+    finishTime: '完成时间',
+    operateMold: '模具',
+    operator: '操作人',
+    time: '时间',
+    upperMold: '上模',
+    lowerMold: '下模',
+    missingBrandId: '缺少模具组ID',
+    detailLoadFailed: '详情加载失败',
+    childLoadFailed: '子模具加载失败',
+    inspectionLoadFailed: '点检记录加载失败',
+    repairLoadFailed: '维修记录加载失败',
+    maintainLoadFailed: '保养记录加载失败',
+    installLoadFailed: '安装记录加载失败',
+    resultPending: '待处理',
+    resultPass: '合格',
+    resultWarning: '警告',
+    repairCompleted: '完成',
+    repairAbnormal: '异常',
+    repairProcessing: '处理中',
+    searchPlaceholder: '请输入模具组编码或名称',
+    allStatus: '全部',
+    selectMoldStatus: '选择模具状态',
+    clear: '清空',
+    name: '名称',
+    createTime: '创建时间',
+    confirmDeleteContent: '确认删除模具组"{name}"吗？',
+    empty: '暂无模具台账数据',
+    scanUnrecognized: '无法识别二维码',
+    scanFormatError: '二维码格式不正确',
+    scanFailed: '扫描失败',
+    noIdView: '缺少ID，无法查看详情',
+    noIdDelete: '缺少ID，无法删除'
+  },
   moldRepair: {
     moduleName: '模具维修',
     createTitle: '新增模具维修',
diff --git a/src/pages_function/pages/moldLedger/detail.vue b/src/pages_function/pages/moldLedger/detail.vue
index 006b6ac..595bab7 100644
--- a/src/pages_function/pages/moldLedger/detail.vue
+++ b/src/pages_function/pages/moldLedger/detail.vue
@@ -1,191 +1,197 @@
 <template>
   <view class="page-container">
-    <view class="fixed-header">
-      <NavBar title="模具台账详情" />
-    </view>
+    <NavBar :title="t('moldLedger.detailTitle')" />
 
     <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 class="section-title">{{ t('moldLedger.basicInfo') }}</view>
+
+        <view class="summary-box">
+          <image v-if="coverImage" class="summary-image" :src="coverImage" mode="aspectFill" />
+          <view v-else class="summary-placeholder">{{ t('moldLedger.moldPlaceholder') }}</view>
+
+          <view class="summary-content">
+            <view class="summary-grid">
+              <view class="summary-item">
+                <text class="summary-label">{{ t('moldLedger.moldName') }}</text>
+                <text class="summary-value">{{ detailValue(detailData?.name) }}</text>
+              </view>
+              <view class="summary-item">
+                <text class="summary-label">{{ t('moldLedger.product') }}</text>
+                <text class="summary-value">{{ detailValue(detailData?.productName) }}</text>
+              </view>
+              <view class="summary-item">
+                <text class="summary-label">{{ t('moldLedger.moldCode') }}</text>
+                <text class="summary-value">{{ detailValue(detailData?.code) }}</text>
+              </view>
+              <view class="summary-item">
+                <text class="summary-label">{{ t('moldLedger.status') }}</text>
+                <view class="summary-status">
+                  <u-tag :text="statusLabel" :type="statusTagType" size="mini" />
+                </view>
+              </view>
+              <template v-if="summaryExpanded">
+                <view class="summary-item">
+                  <text class="summary-label">{{ t('moldLedger.versionSpec') }}</text>
+                  <text class="summary-value">{{ detailValue(detailData?.version || detailData?.moldType) }}</text>
+                </view>
+                <view class="summary-item">
+                  <text class="summary-label">{{ t('moldLedger.cavityCount') }}</text>
+                  <text class="summary-value">{{ detailValue(childMoldCount) }}</text>
+                </view>
+                <view class="summary-item">
+                  <text class="summary-label">{{ t('moldLedger.currentDevice') }}</text>
+                  <text class="summary-value">{{ currentDeviceLabel }}</text>
+                </view>
+                <view class="summary-item">
+                  <text class="summary-label">{{ t('moldLedger.useCount') }}</text>
+                  <text class="summary-value">{{ detailValue(detailData?.useTime || detailData?.useCount) }}</text>
+                </view>
+              </template>
+            </view>
+            <view class="summary-toggle" @click="summaryExpanded = !summaryExpanded">
+              <text class="summary-toggle-text">{{ summaryExpanded ? t('moldLedger.collapse') : t('moldLedger.expand') }}</text>
+              <u-icon :name="summaryExpanded ? 'arrow-up' : 'arrow-down'" size="20" color="#22486e" />
+            </view>
           </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 class="tab-card">
+        <view class="tabs-wrap">
+          <u-tabs activeColor="#2463eb" :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 v-if="currentTab === 0">
+          <view v-if="childLoading" class="hint">{{ t('functionCommon.loading') }}</view>
+          <view v-else-if="!childMolds.length" class="hint">{{ t('moldLedger.noChildMold') }}</view>
+          <view v-for="item in childMolds" :key="item.id" class="record-card">
+            <view class="record-head">
+              <text class="record-title">{{ detailValue(item.name) }}</text>
+              <view :class="['status-chip', statusClass(item.type)]">{{ moldTypeText(item.type) }}</view>
+            </view>
+            <view class="record-row"><text class="record-label">{{ t('moldLedger.installLocation') }}</text><text class="record-value">
+                {{ detailValue(item.installLocation || item.installPosition || item.currentPosition || item.machineName)
+                }}</text></view>
+            <view class="record-row"><text class="record-label">{{ t('moldLedger.material') }}</text><text class="record-value">{{
+              detailValue(item.material) }}</text></view>
+            <view class="record-row"><text class="record-label">{{ t('moldLedger.quantity') }}</text><text class="record-value">{{
+              detailValue(item.quantity || item.count || 1) }}</text></view>
+            <view v-if="item.pressureNetTime || item.pressureNetDays" class="pressure-net-info">
+              <view class="pressure-row">
+                <text class="pressure-dot">{{ t('moldLedger.lastReplace') }}</text>
+                <text class="pressure-text">{{ formatDateTime(item.pressureNetTime) }}</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 class="pressure-row pressure-row--right">
+                <text class="pressure-dot">{{ t('moldLedger.usedDays', { days: detailValue(item.pressureNetDays) }) }}</text>
               </view>
             </view>
+            <view v-if="item.remark" class="remark-line">
+              <text class="remark-text">{{ t('moldLedger.remark') }}：{{ detailValue(item.remark) }}</text>
+            </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 v-else-if="currentTab === 1">
+          <view v-if="inspectionLoading" class="hint">{{ t('functionCommon.loading') }}</view>
+          <view v-else-if="!inspectionGroups.length" class="hint">{{ t('moldLedger.noInspection') }}</view>
+          <view v-for="group in inspectionGroups" :key="group.key" class="record-card">
+            <view class="timeline-meta">
+              <text class="timeline-time">{{ group.time }}</text>
+              <text class="timeline-operator">{{ group.operator }}</text>
+            </view>
+            <view v-for="item in group.items" :key="item.key" class="history-item">
+              <view class="history-title-row">
+                <text class="history-item-name">{{ item.name }}</text>
+                <text class="result-badge" :class="`result-${item.resultType}`">{{ item.resultLabel }}</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 class="record-row"><text class="record-label">{{ t('moldLedger.inspectionMethod') }}</text><text class="record-value">{{
+                detailValue(item.method) }}</text></view>
+              <view class="record-row"><text class="record-label">{{ t('moldLedger.criteria') }}</text><text class="record-value">{{
+                detailValue(item.criteria) }}</text></view>
+              <view class="record-row"><text class="record-label">{{ t('moldLedger.inspectionTime') }}</text><text class="record-value">{{
+                detailValue(item.taskTimeLabel) }}</text></view>
+              <view class="record-row"><text class="record-label">{{ t('moldLedger.remark') }}</text><text class="record-value">{{
+                detailValue(item.remark) }}</text></view>
+              <view v-if="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 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 v-else-if="currentTab === 2">
+          <view v-if="repairLoading" class="hint">{{ t('functionCommon.loading') }}</view>
+          <view v-else-if="!repairRecords.length" class="hint">{{ t('moldLedger.noRepair') }}</view>
+          <view v-for="row in repairRecords" :key="row.key" class="record-card">
+            <view class="record-head">
+              <text class="record-title">{{ detailValue(row.repairCode || row.subjectName || row.repairName) }}</text>
+              <text class="result-badge" :class="`result-${row.resultType}`">{{ row.resultLabel }}</text>
+            </view>
+            <view class="record-row"><text class="record-label">{{ t('moldLedger.repairProject') }}</text><text class="record-value">{{
+              detailValue(row.subjectName || row.subjectCode) }}</text></view>
+            <view class="record-row"><text class="record-label">{{ t('moldLedger.projectContent') }}</text><text class="record-value">{{
+              detailValue(row.subjectContent) }}</text></view>
+            <view class="record-row"><text class="record-label">{{ t('moldLedger.finishTime') }}</text><text class="record-value">{{
+              detailValue(row.finishDateLabel) }}</text></view>
+            <view class="record-row"><text class="record-label">{{ t('moldLedger.remark') }}</text><text class="record-value">{{
+              detailValue(row.remark) }}</text></view>
+            <view v-if="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 v-else-if="currentTab === 3">
+          <view v-if="maintainLoading" class="hint">{{ t('functionCommon.loading') }}</view>
+          <view v-else-if="!maintainGroups.length" class="hint">{{ t('moldLedger.noMaintenance') }}</view>
+          <view v-for="group in maintainGroups" :key="group.key" class="record-card">
+            <view class="timeline-meta">
+              <text class="timeline-time">{{ group.time }}</text>
+              <text class="timeline-operator">{{ group.operator }}</text>
+            </view>
+            <view v-for="item in group.items" :key="item.key" class="history-item">
+              <view class="history-title-row">
+                <text class="history-item-name">{{ item.name }}</text>
+                <text class="result-badge" :class="`result-${item.resultType}`">{{ item.resultLabel }}</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 class="record-row"><text class="record-label">{{ t('moldLedger.maintainMethod') }}</text><text class="record-value">{{
+                detailValue(item.method) }}</text></view>
+              <view class="record-row"><text class="record-label">{{ t('moldLedger.criteria') }}</text><text class="record-value">{{
+                detailValue(item.criteria) }}</text></view>
+              <view class="record-row"><text class="record-label">{{ t('moldLedger.maintainTime') }}</text><text class="record-value">{{
+                detailValue(item.taskTimeLabel) }}</text></view>
+              <view class="record-row"><text class="record-label">{{ t('moldLedger.remark') }}</text><text class="record-value">{{
+                detailValue(item.remark) }}</text></view>
+              <view v-if="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 v-else>
+          <view v-if="installLoading" class="hint">{{ t('functionCommon.loading') }}</view>
+          <view v-else-if="!installRecords.length" class="hint">{{ t('moldLedger.noInstall') }}</view>
+          <view v-for="row in installRecords" :key="String(row.id || row.createTime)" class="record-card">
+            <view class="record-head">
+              <text class="record-title">{{ operateTypeLabel(row.operateType) }}</text>
+              <text class="record-status">{{ detailValue(row.deviceName) }}</text>
+            </view>
+            <view class="record-row"><text class="record-label">{{ t('moldLedger.operateMold') }}</text><text class="record-value">{{
+              detailValue(row.moldName) }}</text></view>
+            <view class="record-row"><text class="record-label">{{ t('moldLedger.operator') }}</text><text class="record-value">{{
+              detailValue(row.creatorName) }}</text></view>
+            <view class="record-row"><text class="record-label">{{ t('moldLedger.time') }}</text><text class="record-value">{{
+              formatDateTime(row.createTime) }}</text></view>
+            <view class="record-row"><text class="record-label">{{ t('moldLedger.remark') }}</text><text class="record-value">{{
+              detailValue(row.remark) }}</text></view>
+          </view>
+        </view>
       </view>
     </view>
   </view>
@@ -194,50 +200,55 @@
 <script setup>
 import { ref, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
+import { useI18n } from 'vue-i18n'
 import NavBar from '@/components/common/NavBar.vue'
-import { getMoldDetail, getMoldInspectionByMoldId, getMoldMaintenanceByMoldId, getMoldRepairListByMoldId } from '@/api/mes/mold'
+import {
+  getMoldBrandDetail,
+  getMoldInspectionByMoldId,
+  getMoldMaintenanceByMoldId,
+  getMoldPage,
+  getMoldRepairListByMoldId
+} from '@/api/mes/mold'
+import { getMoldOperatePage } from '@/api/mes/moldoperate'
 import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
 
-const loading = ref(false)
-const moldId = ref(undefined)
+const { t } = useI18n()
+const brandId = ref(undefined)
+const summaryExpanded = ref(false)
 const detailData = ref(null)
+const currentTab = ref(0)
+const loadedTabs = ref(new Set())
+const childLoading = ref(false)
+const inspectionLoading = ref(false)
+const repairLoading = ref(false)
+const maintainLoading = ref(false)
+const installLoading = ref(false)
+const childMolds = ref([])
 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(DICT_TYPE.ERP_MOLD_STATUS, raw, detailValue(raw))
-  return formatStatus(label)
-})
-const statusLabel = computed(() => statusMeta.value.label)
-const statusType = computed(() => statusMeta.value.type)
+const maintainList = ref([])
+const installRecords = ref([])
+
+const tabList = ref([
+  { name: t('moldLedger.tabChildMold') },
+  { name: t('moldLedger.tabInspection') },
+  { name: t('moldLedger.tabRepair') },
+  { name: t('moldLedger.tabMaintenance') },
+  { name: t('moldLedger.tabInstall') }
+])
+
+const coverImage = computed(() => parseImages(detailData.value?.images)[0] || '')
+const currentDeviceLabel = computed(() =>
+  detailValue(detailData.value?.currentDevice || detailData.value?.machineName || detailData.value?.deviceName)
+)
+const childMoldCount = computed(() => childMolds.value.length || detailData.value?.childMoldCount || detailData.value?.moldSize || 0)
+const statusLabel = computed(() => getDictLabel(DICT_TYPE.ERP_MOLD_STATUS, detailData.value?.status, detailValue(detailData.value?.status)))
 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 label = String(statusLabel.value || '')
+  if (label.includes('正常') || label.includes('使用')) return 'success'
+  if (label.includes('维修') || label.includes('警')) return 'warning'
+  if (label.includes('报废') || label.includes('停')) return 'error'
+  return 'primary'
 })
 
 const inspectionGroups = computed(() =>
@@ -264,171 +275,292 @@ const maintainGroups = computed(() =>
   })
 )
 
-const repairGroups = computed(() => {
-  const groupsMap = new Map()
+const repairRecords = computed(() => {
   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),
+  return rows.map((row, index) => {
+    const resultMeta = formatRepairResult(row?.repairResult !== undefined ? row.repairResult : row?.result)
+    return {
+      ...row,
+      key: String(row?.id ?? row?.repairCode ?? index),
+      finishDateLabel: formatDateTime(row?.finishDate || row?.createTime),
       resultLabel: resultMeta.label,
       resultType: resultMeta.type,
-      images: parseImages(row ? (row.malfunctionUrl || row.malfunctionImages) : undefined)
-    })
-  }
-  return Array.from(groupsMap.values())
+      images: parseImages(row?.malfunctionUrl || row?.malfunctionImages || row?.images)
+    }
+  })
 })
 
-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
+  const id = query?.id ? decodeURIComponent(String(query.id)) : ''
+  brandId.value = id || undefined
   await initAllDict()
-  await fetchAll()
+  await fetchDetail()
+  await loadTabData(0)
 })
 
-async function fetchAll() {
-  if (!moldId.value) {
-    uni.showToast({ title: '缺少模具ID', icon: 'none' })
+async function fetchDetail() {
+  if (!brandId.value) {
+    uni.showToast({ title: t('moldLedger.missingBrandId'), 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)
+    const res = await getMoldBrandDetail(brandId.value)
+    detailData.value = normalizeDetail(res)
   } catch (e) {
-    uni.showToast({ title: '加载失败', icon: 'none' })
-  } finally {
-    loading.value = false
+    uni.showToast({ title: t('moldLedger.detailLoadFailed'), icon: 'none' })
   }
 }
 
-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 []
+async function handleTabChange(e) {
+  const idx = e && typeof e === 'object' ? e.index : e
+  currentTab.value = Number(idx === undefined ? 0 : idx)
+  await loadTabData(currentTab.value)
+}
+
+async function loadTabData(tabIndex) {
+  if (loadedTabs.value.has(tabIndex)) return
+  loadedTabs.value.add(tabIndex)
+  switch (Number(tabIndex)) {
+    case 0:
+      await fetchChildMolds()
+      break
+    case 1:
+      await fetchInspectionRecords()
+      break
+    case 2:
+      await fetchRepairRecords()
+      break
+    case 3:
+      await fetchMaintainRecords()
+      break
+    case 4:
+      await fetchInstallRecords()
+      break
+    default:
+      break
+  }
 }
 
-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 : '-'
+async function fetchChildMolds() {
+  if (!brandId.value) return
+  childLoading.value = true
+  try {
+    let page = 1
+    const size = 20
+    let rows = []
+    let total = 0
+    do {
+      const res = await getMoldPage({ pageNo: page, pageSize: size, brandId: brandId.value })
+      const pageData = normalizePageData(res)
+      rows = rows.concat(pageData.list)
+      total = pageData.total
+      page += 1
+      if (!pageData.list.length) break
+    } while (rows.length < total)
+    childMolds.value = rows
+  } catch (e) {
+    childMolds.value = []
+    uni.showToast({ title: t('moldLedger.childLoadFailed'), icon: 'none' })
+  } finally {
+    childLoading.value = false
+  }
 }
 
-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)
+async function fetchInspectionRecords() {
+  if (!brandId.value) return
+  inspectionLoading.value = true
+  try {
+    const res = await getMoldInspectionByMoldId(brandId.value)
+    inspectionList.value = normalizeListData(res)
+  } catch (e) {
+    inspectionList.value = []
+    uni.showToast({ title: t('moldLedger.inspectionLoadFailed'), icon: 'none' })
+  } finally {
+    inspectionLoading.value = false
+  }
 }
 
-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' }
+async function fetchRepairRecords() {
+  if (!brandId.value) return
+  repairLoading.value = true
+  try {
+    const res = await getMoldRepairListByMoldId(brandId.value)
+    repairList.value = normalizeListData(res)
+  } catch (e) {
+    repairList.value = []
+    uni.showToast({ title: t('moldLedger.repairLoadFailed'), icon: 'none' })
+  } finally {
+    repairLoading.value = false
+  }
 }
 
-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' }
+async function fetchMaintainRecords() {
+  if (!brandId.value) return
+  maintainLoading.value = true
+  try {
+    const res = await getMoldMaintenanceByMoldId(brandId.value)
+    maintainList.value = normalizeListData(res)
+  } catch (e) {
+    maintainList.value = []
+    uni.showToast({ title: t('moldLedger.maintainLoadFailed'), icon: 'none' })
+  } finally {
+    maintainLoading.value = false
+  }
 }
 
-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)}`
+async function fetchInstallRecords() {
+  if (!brandId.value) return
+  installLoading.value = true
+  try {
+    const res = await getMoldOperatePage({ pageNo: 1, pageSize: 100, moldId: brandId.value })
+    installRecords.value = normalizePageData(res).list
+  } catch (e) {
+    installRecords.value = []
+    uni.showToast({ title: t('moldLedger.installLoadFailed'), icon: 'none' })
+  } finally {
+    installLoading.value = false
   }
-  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')}`
+}
+
+function normalizePageData(res) {
+  const root = res && res.data !== undefined ? res.data : res
+  const pageResult = root?.pageResult || root?.data?.pageResult || root?.data || root || {}
+  const candidateList = pageResult?.list || pageResult?.rows || pageResult?.records || []
+  const candidateTotal = pageResult?.total ?? root?.total ?? root?.data?.total ?? candidateList.length
+  return {
+    list: Array.isArray(candidateList) ? candidateList : [],
+    total: Number(candidateTotal || 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 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
+  if (Array.isArray(root?.rows)) return root.rows
+  if (Array.isArray(root?.records)) return root.records
+  if (Array.isArray(root?.data?.list)) return root.data.list
+  if (Array.isArray(root?.data?.rows)) return root.data.rows
+  if (Array.isArray(root?.data?.records)) return root.data.records
+  return []
+}
+
+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 operateTypeLabel(type) {
+  return String(type) === '2' ? t('moldLedger.lowerMold') : t('moldLedger.upperMold')
+}
+
+function moldStatusText(status) {
+  return getDictLabel(DICT_TYPE.ERP_MOLD_STATUS, status, detailValue(status))
+}
+
+function moldTypeText(type) {
+  return getDictLabel(DICT_TYPE.SUBMOLD_TYPE, type, detailValue(type))
+}
+
+function statusTextClass(status) {
+  const label = moldStatusText(status)
+  if (label.includes('正常') || label.includes('使用')) return 'text-success'
+  if (label.includes('维修') || label.includes('警')) return 'text-warning'
+  if (label.includes('报废') || label.includes('停')) return 'text-danger'
+  return 'text-default'
+}
+
+function statusClass(type) {
+  const label = moldTypeText(type)
+  if (label.includes('上模') || label.includes('主模')) return 'status-success'
+  if (label.includes('下模') || label.includes('副模')) return 'status-warning'
+  return 'status-default'
+}
+
+function detailValue(value) {
+  if (value === 0) return '0'
+  if (value === false) return t('functionCommon.no')
+  if (value === true) return t('functionCommon.yes')
+  if (value === null || value === undefined) return '-'
+  const text = String(value).trim()
+  return text || '-'
 }
 
 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)
+  return String(value)
+    .replace(/[`'"]/g, '')
+    .split(',')
+    .map((item) => item.trim())
+    .filter(Boolean)
+}
+
+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 pickFirst(obj, keys) {
-  for (const k of keys) {
-    if (obj && obj[k] !== undefined && obj[k] !== null && String(obj[k]).trim() !== '') return obj[k]
+  for (const key of keys) {
+    if (obj && obj[key] !== undefined && obj[key] !== null && String(obj[key]).trim() !== '') {
+      return obj[key]
+    }
   }
   return undefined
 }
 
+function formatResult(value) {
+  const raw = value === null || value === undefined ? '' : String(value).trim()
+  const upper = raw.toUpperCase()
+  if (!raw) return { label: '-', type: 'info' }
+  if (raw === '0') return { label: t('moldLedger.resultPending'), type: 'info' }
+  if (raw === '1' || upper === 'OK') return { label: t('moldLedger.resultPass'), type: 'success' }
+  if (raw === '2' || upper === 'NG') return { label: t('moldLedger.resultWarning'), type: 'warning' }
+  return { label: raw, type: 'info' }
+}
+
+function formatRepairResult(value) {
+  const raw = value === null || value === undefined ? '' : String(value).trim()
+  if (raw === '1') return { label: t('moldLedger.repairCompleted'), type: 'success' }
+  if (raw === '2') return { label: t('moldLedger.repairAbnormal'), type: 'danger' }
+  if (raw === '0') return { label: t('moldLedger.repairProcessing'), type: 'warning' }
+  return { label: detailValue(value), type: 'info' }
+}
+
 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 time = formatDateTime(pickFirst(row, options.timeFieldCandidates) || row?.createTime)
+    const operator = detailValue(row?.operator || row?.creatorName || row?.creator)
+    const groupKey = `${row?.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)}`),
+      key: String(row?.id ?? `${groupKey}_${name}`),
       name: detailValue(name),
       resultLabel: resultMeta.label,
       resultType: resultMeta.type,
@@ -436,10 +568,8 @@ function buildStepGroups(rows, options) {
       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)
+      taskTimeLabel: formatDateTime(row?.taskTime || row?.inspectionTime || row?.createTime)
     }
-
     if (!groupsMap.has(groupKey)) {
       groupsMap.set(groupKey, { key: groupKey, time: time || '-', operator, items: [item] })
     } else {
@@ -458,240 +588,359 @@ function previewImages(list, current) {
 <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;
+  background: #f5f6f7;
 }
 
 .content-section {
-  padding: 168rpx 30rpx 30rpx;
+  padding: 24rpx 24rpx 32rpx;
 }
 
-.info-card {
+.info-card,
+.tab-card {
+  margin-bottom: 24rpx;
+  padding: 28rpx;
+  border-radius: 16rpx;
   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;
+.section-title {
+  margin-bottom: 16rpx;
+  font-size: 30rpx;
+  color: #111827;
+  font-weight: 700;
 }
 
-.info-list {
+.summary-box {
   display: flex;
-  flex-direction: column;
+  gap: 22rpx;
 }
 
-.info-row {
+.summary-image,
+.summary-placeholder {
+  width: 172rpx;
+  height: 172rpx;
+  border-radius: 18rpx;
+  flex-shrink: 0;
+}
+
+.summary-image {
+  background: #eef2f7;
+}
+
+.summary-placeholder {
   display: flex;
-  justify-content: space-between;
   align-items: center;
-  padding: 20rpx 0;
-  border-bottom: 1rpx solid #f5f7fa;
+  justify-content: center;
+  background: linear-gradient(180deg, #edf3fb 0%, #dfe8f4 100%);
+  color: #5f7490;
+  font-size: 30rpx;
+  font-weight: 700;
 }
 
-.info-row:last-child {
-  border-bottom: none;
+.summary-content {
+  flex: 1;
+  min-width: 0;
 }
 
-.info-label {
-  font-size: 28rpx;
-  color: #999999;
+.summary-grid {
+  display: flex;
+  flex-direction: column;
+  gap: 16rpx;
 }
 
-.info-value {
-  font-size: 28rpx;
-  color: #333333;
+.summary-item {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 20rpx;
+  min-width: 0;
 }
 
-.tabs-box {
-  margin-bottom: 24rpx;
+.summary-label {
+  font-size: 26rpx;
+  color: #64748b;
+  flex-shrink: 0;
+  min-width: 140rpx;
 }
 
-.empty {
-  padding: 32rpx 0;
-  text-align: center;
-  font-size: 28rpx;
-  color: #999999;
+.summary-value {
+  flex: 1;
+  font-size: 26rpx;
+  color: #1f2937;
+  line-height: 1.4;
+  text-align: right;
 }
 
-.history-group {
-  background: #f8fafc;
-  border-radius: 16rpx;
-  padding: 20rpx;
-  margin-bottom: 20rpx;
+.summary-status {
+  flex: 1;
+  text-align: right;
 }
 
-.history-group-head {
+.summary-toggle {
   display: flex;
-  justify-content: space-between;
   align-items: center;
-  margin-bottom: 16rpx;
+  justify-content: center;
+  gap: 8rpx;
+  padding-top: 16rpx;
+  margin-top: 20rpx;
+  border-top: 1rpx solid #eeeff2;
 }
 
-.history-group-time {
+.summary-toggle-text {
   font-size: 24rpx;
-  color: #1a3a5c;
-  font-weight: 600;
+  color: #22486e;
 }
 
-.history-group-operator {
-  font-size: 24rpx;
-  color: #666666;
+.tab-card {
+  padding-bottom: 8rpx;
 }
 
-.history-item {
-  background: #ffffff;
-  border-radius: 14rpx;
-  padding: 18rpx;
-  margin-bottom: 16rpx;
+.tabs-wrap {
+  margin-bottom: 20rpx;
 }
 
-.history-item:last-child {
-  margin-bottom: 0;
+.hint {
+  padding: 40rpx 0;
+  text-align: center;
+  font-size: 28rpx;
+  color: #94a3b8;
+}
+
+.record-card {
+  margin-bottom: 20rpx;
+  padding: 24rpx;
+  border-radius: 22rpx;
+  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
+  border: 1rpx solid #edf2f7;
 }
 
-.history-item-head {
+.record-head {
   display: flex;
   align-items: center;
-  margin-bottom: 14rpx;
+  justify-content: space-between;
+  gap: 16rpx;
+  margin-bottom: 16rpx;
 }
 
-.history-item-name {
-  font-size: 28rpx;
-  color: #333333;
+.record-title {
+  flex: 1;
+  min-width: 0;
+  font-size: 30rpx;
+  color: #1f2937;
+  font-weight: 700;
+}
+
+.record-status {
+  font-size: 24rpx;
   font-weight: 600;
 }
 
-.result-badge {
-  padding: 6rpx 14rpx;
+.status-chip {
+  padding: 8rpx 18rpx;
   border-radius: 999rpx;
-  font-size: 22rpx;
-  margin-right: 14rpx;
+  font-size: 24rpx;
+  font-weight: 600;
+  line-height: 1.2;
 }
 
-.result-success {
-  background: rgba(24, 188, 55, 0.12);
-  color: #18bc37;
+.status-success {
+  color: #15803d;
+  background: #dcfce7;
 }
 
-.result-danger {
-  background: rgba(255, 77, 79, 0.12);
-  color: #ff4d4f;
+.status-warning {
+  color: #c2410c;
+  background: #ffedd5;
 }
 
-.result-info {
-  background: rgba(153, 153, 153, 0.12);
-  color: #666666;
+.status-default {
+  color: #64748b;
+  background: #f1f5f9;
 }
 
-.history-item-body {
-  display: flex;
-  flex-direction: column;
+.record-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 20rpx 28rpx;
 }
 
-.history-row {
+.record-cell {
   display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  padding: 10rpx 0;
+  flex-direction: column;
+  gap: 6rpx;
+  min-width: 0;
 }
 
-.history-label {
+.record-label {
   font-size: 24rpx;
-  color: #999999;
-  width: 160rpx;
+  color: #94a3b8;
   flex-shrink: 0;
+  min-width: 120rpx;
 }
 
-.history-value {
-  font-size: 24rpx;
-  color: #333333;
+.record-value {
   flex: 1;
-  text-align: right;
+  font-size: 27rpx;
+  color: #1f2937;
+  font-weight: 500;
+  line-height: 1.4;
+  word-break: break-all;
 }
 
-.history-images {
-  margin-top: 12rpx;
+.record-row {
   display: flex;
-  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 20rpx;
+  margin-bottom: 10rpx;
+}
+
+.record-row:last-child {
+  margin-bottom: 0;
+}
+
+.pressure-net-info {
+  margin-top: 18rpx;
+  padding-top: 16rpx;
+  border-top: 1rpx solid #eeeff2;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.pressure-row {
+  display: flex;
+  align-items: baseline;
   gap: 12rpx;
 }
 
-.history-image {
-  width: 160rpx;
-  height: 160rpx;
-  border-radius: 12rpx;
-  background: #f0f2f5;
+.pressure-row--right {
+  text-align: right;
 }
 
-.repair-group {
-  background: #f8fafc;
-  border-radius: 16rpx;
-  padding: 20rpx;
-  margin-bottom: 20rpx;
+.pressure-dot {
+  font-size: 23rpx;
+  color: #94a3b8;
+  flex-shrink: 0;
 }
 
-.repair-group-head {
+.pressure-text {
+  font-size: 23rpx;
+  color: #334155;
+}
+
+.remark-line {
+  margin-top: 10rpx;
+  padding: 12rpx 16rpx;
+  background: #fafbfc;
+  border-radius: 10rpx;
+  border: 1rpx solid #eeeff2;
+}
+
+.remark-text {
+  font-size: 23rpx;
+  color: #64748b;
+  line-height: 1.5;
+}
+
+.timeline-meta {
   display: flex;
-  justify-content: space-between;
   align-items: center;
-  margin-bottom: 16rpx;
+  justify-content: space-between;
+  gap: 16rpx;
+  margin-bottom: 18rpx;
 }
 
-.repair-group-name {
+.timeline-time {
   font-size: 28rpx;
-  color: #1a3a5c;
-  font-weight: 600;
+  color: #1f4f81;
+  font-weight: 700;
 }
 
-.repair-group-meta {
+.timeline-operator {
   font-size: 24rpx;
-  color: #666666;
+  color: #64748b;
 }
 
-.repair-item {
-  background: #ffffff;
-  border-radius: 14rpx;
-  padding: 18rpx;
+.history-item {
+  padding: 20rpx;
+  border-radius: 18rpx;
+  background: #f8fbff;
   margin-bottom: 16rpx;
 }
 
-.repair-item:last-child {
+.history-item:last-child {
   margin-bottom: 0;
 }
 
-.repair-item-head {
+.history-title-row {
   display: flex;
   align-items: center;
-  margin-bottom: 14rpx;
+  justify-content: space-between;
+  gap: 16rpx;
+  margin-bottom: 12rpx;
 }
 
-.repair-tag {
-  padding: 6rpx 14rpx;
+.history-item-name {
+  font-size: 28rpx;
+  color: #1f2937;
+  font-weight: 700;
+}
+
+.result-badge {
+  padding: 8rpx 18rpx;
   border-radius: 999rpx;
   font-size: 22rpx;
-  background: rgba(74, 144, 194, 0.12);
-  color: #2d5a87;
-  margin-right: 14rpx;
+  font-weight: 600;
 }
 
-.repair-title {
-  font-size: 28rpx;
-  color: #333333;
-  font-weight: 600;
+.result-success {
+  background: rgba(34, 197, 94, 0.12);
+  color: #16a34a;
+}
+
+.result-warning {
+  background: rgba(245, 158, 11, 0.14);
+  color: #d97706;
+}
+
+.result-danger {
+  background: rgba(239, 68, 68, 0.12);
+  color: #dc2626;
+}
+
+.result-info {
+  background: rgba(148, 163, 184, 0.16);
+  color: #64748b;
+}
+
+.history-images {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12rpx;
+  margin-top: 14rpx;
+}
+
+.history-image {
+  width: 150rpx;
+  height: 150rpx;
+  border-radius: 14rpx;
+  background: #edf2f7;
+}
+
+.text-success {
+  color: #16a34a;
+}
+
+.text-warning {
+  color: #d97706;
+}
+
+.text-danger {
+  color: #dc2626;
+}
+
+.text-default {
+  color: #64748b;
 }
 </style>
diff --git a/src/pages_function/pages/moldLedger/index.vue b/src/pages_function/pages/moldLedger/index.vue
index ca65672..078e280 100644
--- a/src/pages_function/pages/moldLedger/index.vue
+++ b/src/pages_function/pages/moldLedger/index.vue
@@ -1,84 +1,68 @@
 <template>
   <view class="page-container">
-    <NavBar title="模具台账" subTitle="按型号、状态、编码快速筛选" />
-
-    <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>
+    <NavBar :title="t('moldLedger.moduleName')" />
+
+    <view class="filter-bar">
+      <view class="keyword-box">
+        <input
+          v-model="searchKeyword"
+          class="keyword-input"
+          type="text"
+          :placeholder="t('moldLedger.searchPlaceholder')"
+          placeholder-class="placeholder"
+          confirm-type="search"
+          @confirm="handleSearch"
+        />
       </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 class="status-box" @click="openStatusPicker">
+        <text class="status-box-text">{{ selectedStatusLabel || t('moldLedger.allStatus') }}</text>
+        <uni-icons type="bottom" size="14" color="#9ca3af"></uni-icons>
+      </view>
+      <view class="reset-filter-btn" @click="resetFilters">{{ t('common.reset') }}</view>
+      <view class="scan-btn" @click="handleScan">
+        <uni-icons type="scan" size="22" color="#111827"></uni-icons>
       </view>
     </view>
 
-    <scroll-view scroll-y class="content-scroll" :scroll-top="scrollTop" @scroll="handleScroll"
-      @scrolltolower="loadMore" :lower-threshold="80">
+    <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>
-              <view class="code-wrapper">
-                <text class="code">编码：{{ textValue(item.code) }}</text>
-                <CopyButton :content="item.code" />
-              </view>
+          <view class="card-main">
+            <view class="card-top">
+              <text class="ledger-name">{{ textValue(item.code) }}</text>
+              <view :class="['status-chip', statusClass(item.status)]">{{ moldStatusText(item.status) }}</view>
             </view>
-            <view class="header-right">
-              <view class="status-chip" :class="statusClass(item.status)">
-                {{ moldStatusText(item.status) }}
-              </view>
+            <view class="info-row">
+              <text class="info-label">{{ t('moldLedger.name') }}</text>
+              <text class="info-value">{{ textValue(item.name) }}</text>
             </view>
-          </view>
-          <view class="card-body">
-            <view class="row">
-              <text class="label">使用次数</text>
-              <text class="value">{{ textValue(item.useTime) }}</text>
+            <view class="info-row">
+              <text class="info-label">{{ t('moldLedger.product') }}</text>
+              <text class="info-value">{{ textValue(item.productName) }}</text>
             </view>
-            <view class="row">
-              <text class="label">创建时间</text>
-              <text class="value">{{ formatDateTime(item.createTime) }}</text>
+            <view class="info-row">
+              <text class="info-label">{{ t('moldLedger.createTime') }}</text>
+              <text class="info-value">{{ formatDateTime(item.createTime) }}</text>
             </view>
           </view>
           <view class="card-actions">
-            <view class="action-btn edit-btn" @click.stop="openEdit(item)">
-              <uni-icons type="compose" size="18" color="#ffffff"></uni-icons>
-            </view>
-            <view class="action-btn delete-btn" @click.stop="confirmDelete(item)">
-              <uni-icons type="trash" size="18" color="#ffffff"></uni-icons>
+            <view class="card-action delete" @click.stop="confirmDelete(item)">
+              <u-icon name="trash" size="22" color="#dc2626"></u-icon>
             </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 v-if="loading && pageNo === 1" class="loading-text">{{ t('functionCommon.loading') }}</view>
+        <view v-else-if="!list.length" class="empty-text">{{ t('moldLedger.empty') }}</view>
+        <view v-else-if="loadingMore" class="loading-text">{{ t('functionCommon.loadingMore') }}</view>
+        <view v-else-if="finished" class="finished-text">{{ t('functionCommon.noMoreData') }}</view>
       </view>
     </scroll-view>
 
@@ -86,185 +70,23 @@
       <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>
+          <text class="picker-title">{{ t('moldLedger.selectMoldStatus') }}</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>
+            <text class="picker-clear-text">{{ t('moldLedger.clear') }}</text>
           </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)">
+          <view
+            v-for="option in statusOptions"
+            :key="String(option.value)"
+            class="picker-item"
+            @click="selectStatus(option)"
+          >
             <text class="picker-text">{{ option.label }}</text>
-            <text v-if="Number(formData.unitId) === Number(option.value)" class="picker-check">✓</text>
+            <text v-if="selectedStatus === option.value" class="picker-check">✓</text>
           </view>
         </scroll-view>
       </view>
@@ -275,18 +97,14 @@
 <script setup>
 import { ref, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
+import { useI18n } from 'vue-i18n'
 import NavBar from '@/components/common/NavBar.vue'
 import CopyButton from '@/components/common/CopyButton.vue'
-import { createMold, deleteMold, getMoldBrandTree, getMoldDetail, getMoldPage, updateMold, uploadMoldImage } from '@/api/mes/mold'
-import { getProductUnitSimpleList, getUnitList } from '@/api/mes/product'
+import { deleteMoldBrand, getMoldBrandPage } from '@/api/mes/mold'
 import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
 
-const brandPickerRef = ref(null)
+const { t } = useI18n()
 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)
@@ -294,35 +112,10 @@ 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 = []
@@ -336,88 +129,61 @@ const statusOptions = computed(() => {
 })
 
 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 : ''
+  const current = statusOptions.value.find((item) => item.value === selectedStatus.value)
+  return current ? current.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 handleSearch() {
+  await fetchList(true)
 }
 
-async function loadBrandTree() {
+async function handleScan() {
   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 }]
+    const res = await uni.scanCode({ scanType: ['qrCode', 'barCode'] })
+    const result = String(res?.result || '').trim()
+    if (!result) {
+      uni.showToast({ title: t('moldLedger.scanUnrecognized'), icon: 'none' })
+      return
+    }
+    const scan = parseMoldScanResult(result)
+    if (!scan.id) {
+      uni.showToast({ title: t('moldLedger.scanFormatError'), icon: 'none' })
+      return
+    }
+    searchKeyword.value = scan.id
+    await fetchList(true)
+  } catch (error) {
+    const message = String(error?.errMsg || '')
+    if (message.includes('cancel')) return
+    uni.showToast({ title: t('moldLedger.scanFailed'), icon: 'none' })
   }
 }
 
-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))
+function parseMoldScanResult(result) {
+  const text = String(result || '').trim()
+  const directMatch = text.match(/^([A-Z_]+)-(\d+)$/i)
+  if (directMatch) {
+    return {
+      type: directMatch[1].toUpperCase(),
+      id: directMatch[1].toUpperCase() === 'MOLD' ? directMatch[2] : ''
     }
   }
-  return result
-}
-
-async function handleSearch() {
-  await fetchList(true)
+  try {
+    const parsed = JSON.parse(text)
+    const type = String(parsed?.type || parsed?.bizType || parsed?.codeType || '').toUpperCase()
+    const id = String(parsed?.id || parsed?.moldId || parsed?.deviceId || '').trim()
+    return {
+      type,
+      id: type === 'MOLD' && id ? id : ''
+    }
+  } catch {
+    return { type: '', id: '' }
+  }
 }
 
 async function clearSearch() {
@@ -425,64 +191,28 @@ async function clearSearch() {
   await fetchList(true)
 }
 
-function openBrandPicker() {
-  brandPickerRef.value?.open()
+async function resetFilters() {
+  searchKeyword.value = ''
+  selectedStatus.value = undefined
+  await fetchList(true)
 }
 
 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
@@ -501,32 +231,38 @@ async function fetchList(reset) {
   }
   try {
     const keyword = searchKeyword.value.trim()
-    const params = {
+    const res = await getMoldBrandPage({
       pageNo: pageNo.value,
       pageSize: pageSize.value,
       code: keyword || undefined,
       name: keyword || undefined,
-      brandId: selectedBrandId.value,
+      productName: keyword || undefined,
       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]
-    }
+    list.value = reset ? page.list : [...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' })
+    uni.showToast({ title: t('functionCommon.loadFailed'), icon: 'none' })
   } finally {
     loading.value = false
     loadingMore.value = false
   }
 }
 
+function normalizePageData(res) {
+  const root = res && res.data !== undefined ? res.data : res
+  const pageResult = root?.pageResult || root?.data?.pageResult || root?.data || root || {}
+  const candidateList = pageResult?.list || pageResult?.rows || pageResult?.records || []
+  const candidateTotal = pageResult?.total ?? root?.total ?? root?.data?.total ?? candidateList.length
+  return {
+    list: Array.isArray(candidateList) ? candidateList : [],
+    total: Number(candidateTotal || 0)
+  }
+}
+
 function handleScroll(e) {
   const top = e?.detail?.scrollTop || 0
   showGoTop.value = top > 600
@@ -539,7 +275,7 @@ function goTop() {
 function openDetail(item) {
   const id = item?.id
   if (id === undefined || id === null) {
-    uni.showToast({ title: '缺少ID，无法查看详情', icon: 'none' })
+    uni.showToast({ title: t('moldLedger.noIdView'), icon: 'none' })
     return
   }
   uni.navigateTo({
@@ -547,192 +283,47 @@ function openDetail(item) {
   })
 }
 
-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' })
+    uni.showToast({ title: t('moldLedger.noIdDelete'), icon: 'none' })
     return
   }
   uni.showModal({
-    title: '确认删除',
-    content: `确认删除模具"${textValue(item?.name)}"吗？`,
+    title: t('functionCommon.confirmDelete'),
+    content: t('moldLedger.confirmDeleteContent', { name: textValue(item?.name) }),
     success: async (res) => {
       if (!res.confirm) return
       try {
-        await deleteMold(id)
-        uni.showToast({ title: '删除成功', icon: 'success' })
+        await deleteMoldBrand(id)
+        uni.showToast({ title: t('functionCommon.deleteSuccess'), icon: 'success' })
         await fetchList(true)
       } catch (e) {
-        uni.showToast({ title: '删除失败', icon: 'none' })
+        uni.showToast({ title: t('functionCommon.deleteFailed'), 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(DICT_TYPE.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'
+  if (label.includes('正常') || label.includes('使用') || label.includes('待用') || label.toUpperCase() === 'OK') {
+    return 'status-normal'
+  }
+  if (label.includes('修') || label.includes('报废') || label.includes('停') || label.toUpperCase() === '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 === false) return t('functionCommon.no')
+  if (value === true) return t('functionCommon.yes')
   if (value === null || value === undefined) return '-'
   const text = String(value).trim()
   return text || '-'
@@ -747,10 +338,10 @@ function formatDateTime(value) {
   }
   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)
+  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')}`
     }
@@ -762,628 +353,257 @@ function formatDateTime(value) {
   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);
+  background-color: #f3f4f6;
 }
 
-.filter-row {
-  display: flex;
-  gap: 16rpx;
+.filter-bar {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 150rpx 96rpx 64rpx;
+  align-items: center;
+  gap: 14rpx;
+  padding: 18rpx 28rpx 20rpx;
 }
 
-.filter-item {
-  flex: 1;
-  background: #f7f9fc;
-  border-radius: 12rpx;
-  min-height: 84rpx;
+.keyword-box,
+.status-box,
+.reset-filter-btn,
+.scan-btn {
+  height: 66rpx;
+  background: #ffffff;
+  border: 1rpx solid #d9dde5;
+  box-sizing: border-box;
   display: flex;
   align-items: center;
-  padding: 0 16rpx;
 }
 
-.filter-label {
-  font-size: 24rpx;
-  color: #8a9099;
-  margin-right: 12rpx;
+.keyword-box {
+  padding: 0 20rpx;
 }
 
-.filter-value {
-  flex: 1;
+.keyword-input {
+  width: 100%;
   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;
+  color: #374151;
 }
 
-.search-wrapper {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  background: #f5f7fa;
-  border-radius: 42rpx;
-  padding: 0 20rpx;
+.status-box {
+  justify-content: space-between;
+  padding: 0 18rpx;
 }
 
-.search-icon {
-  margin-right: 14rpx;
-
-  .iconfont {
-    font-size: 34rpx;
-    color: #666666;
-  }
+.status-box-text,
+.placeholder {
+  font-size: 26rpx;
 }
 
-.search-input {
-  flex: 1;
-  height: 72rpx;
-  font-size: 28rpx;
-  color: #333333;
-  background: transparent;
+.status-box-text {
+  color: #374151;
 }
 
-.input-placeholder {
-  color: #a0a6ad;
+.placeholder {
+  color: #a8adb7;
 }
 
-.clear-btn {
-  width: 42rpx;
-  height: 42rpx;
-  display: flex;
-  align-items: center;
+.reset-filter-btn {
   justify-content: center;
+  font-size: 24rpx;
+  color: #4b5563;
 }
 
-.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;
+.scan-btn {
   justify-content: center;
 }
 
-.search-btn-text {
-  color: #ffffff;
-  font-size: 28rpx;
-  font-weight: 600;
-}
-
 .content-scroll {
-  height: calc(100vh - 380rpx);
+  width: 100%;
 }
 
 .list-wrap {
-  padding: 0 24rpx 40rpx;
+  padding: 0 28rpx 140rpx;
 }
 
 .ledger-card {
+  margin-bottom: 18rpx;
+  border-radius: 12rpx;
   background: #ffffff;
-  border-radius: 18rpx;
+  box-shadow: none;
+  overflow: hidden;
+}
+
+.card-main {
   padding: 24rpx;
-  margin-bottom: 18rpx;
-  box-shadow: 0 4rpx 18rpx rgba(0, 0, 0, 0.05);
 }
 
-.card-header {
+.card-top {
   display: flex;
-  justify-content: space-between;
   align-items: center;
-  border-bottom: 1rpx solid #eef1f4;
-  padding-bottom: 16rpx;
+  justify-content: space-between;
+  gap: 16rpx;
 }
 
-.name {
-  display: block;
-  font-size: 32rpx;
-  color: #1a3a5c;
-  font-weight: 600;
+.ledger-name {
+  max-width: 420rpx;
+  font-size: 36rpx;
+  line-height: 44rpx;
+  color: #24456b;
+  font-weight: 700;
 }
 
-.code {
-  display: block;
-  margin-top: 8rpx;
+.status-chip {
+  flex-shrink: 0;
+  padding: 8rpx 18rpx;
+  border-radius: 999rpx;
   font-size: 24rpx;
-  color: #8c929a;
+  font-weight: 600;
+  line-height: 1.2;
 }
 
-.code-wrapper {
-  display: flex;
-  align-items: center;
-  gap: 8rpx;
+.status-normal {
+  color: #15803d;
+  background: #dcfce7;
 }
 
-.header-right {
-  display: flex;
-  align-items: center;
-  gap: 12rpx;
+.status-warning {
+  color: #c2410c;
+  background: #ffedd5;
 }
 
-.card-actions {
-  margin-top: 24rpx;
-  display: flex;
-  justify-content: flex-end;
-  gap: 14rpx;
+.status-danger {
+  color: #dc2626;
+  background: #fee2e2;
 }
 
-.action-btn {
-  width: 60rpx;
-  height: 60rpx;
-  border-radius: 12rpx;
+.code-row {
   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;
+  gap: 10rpx;
+  margin-top: 14rpx;
 }
 
-.status-normal {
-  background: rgba(31, 178, 94, 0.12);
-  color: #0d9b4f;
+.ledger-code {
+  color: #9ca3af;
+  font-size: 26rpx;
 }
 
-.status-warning {
-  background: rgba(255, 153, 0, 0.14);
-  color: #db8400;
+.info-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 20rpx;
+  margin-top: 14rpx;
 }
 
-.status-danger {
-  background: rgba(255, 77, 79, 0.14);
-  color: #de3d40;
+.info-label {
+  font-size: 28rpx;
+  color: #9ca3af;
+  font-weight: 600;
+  flex-shrink: 0;
 }
 
-.card-body {
-  padding-top: 10rpx;
+.info-value {
+  flex: 1;
+  text-align: right;
+  font-size: 30rpx;
+  color: #9ca3af;
+  word-break: break-all;
 }
 
-.row {
+.card-actions {
+  padding: 18rpx 24rpx;
+  border-top: 1rpx solid #f1f5f9;
   display: flex;
-  justify-content: space-between;
+  justify-content: flex-end;
   align-items: center;
-  margin-top: 12rpx;
-}
-
-.label {
-  font-size: 26rpx;
-  color: #8a9099;
+  gap: 28rpx;
 }
 
-.value {
-  max-width: 62%;
-  text-align: right;
-  font-size: 27rpx;
-  color: #2f353d;
+.card-action {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 56rpx;
+  height: 56rpx;
 }
 
 .loading-text,
 .empty-text,
 .finished-text {
+  padding: 28rpx 0;
   text-align: center;
-  color: #9aa2ab;
+  color: #9ca3af;
   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);
+.empty-text {
+  padding-top: 160rpx;
 }
 
-.go-top-icon {
-  color: #ffffff;
-  font-size: 36rpx;
-  font-weight: 700;
-}
-
-.add-btn {
+.go-top-btn {
   position: fixed;
-  right: 28rpx;
-  bottom: 258rpx;
-  width: 96rpx;
-  height: 96rpx;
-  border-radius: 48rpx;
-  background: linear-gradient(135deg, #1a3a5c 0%, #2d5a87 100%);
+  right: 32rpx;
+  bottom: calc(56rpx + env(safe-area-inset-bottom));
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 99;
-  box-shadow: 0 8rpx 24rpx rgba(26, 58, 92, 0.32);
+  width: 92rpx;
+  height: 92rpx;
+  border-radius: 46rpx;
+  background: rgba(31, 75, 121, 0.84);
+  box-shadow: 0 14rpx 30rpx rgba(24, 63, 108, 0.24);
 }
 
-.add-icon {
+.go-top-icon {
   color: #ffffff;
-  font-size: 56rpx;
-  line-height: 1;
+  font-size: 32rpx;
 }
 
 .picker-content {
-  border-top-left-radius: 20rpx;
-  border-top-right-radius: 20rpx;
-  max-height: 70vh;
-  overflow: hidden;
+  padding: 24rpx 24rpx 36rpx;
+  border-radius: 28rpx 28rpx 0 0;
 }
 
 .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;
+  margin-bottom: 20rpx;
 }
 
 .picker-title {
+  color: #1f2d3d;
   font-size: 30rpx;
-  font-weight: 600;
-  color: #1a3a5c;
+  font-weight: 700;
 }
 
 .picker-clear-text {
+  color: #1f61ff;
   font-size: 26rpx;
-  color: #2d5a87;
 }
 
 .picker-list {
-  max-height: 58vh;
+  max-height: 480rpx;
 }
 
 .picker-item {
-  min-height: 84rpx;
-  padding: 0 24rpx;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  border-bottom: 1rpx solid #f2f4f7;
+  padding: 26rpx 6rpx;
+  border-bottom: 1rpx solid #edf1f6;
 }
 
 .picker-text {
-  flex: 1;
+  color: #243447;
   font-size: 28rpx;
-  color: #2f353d;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
 }
 
 .picker-check {
+  color: #1f61ff;
   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/utils/dict.ts b/src/utils/dict.ts
index bf128bc..0eff075 100644
--- a/src/utils/dict.ts
+++ b/src/utils/dict.ts
@@ -13,6 +13,7 @@ export enum DICT_TYPE {
   VALUE_TYPES = "value_types",
   JOB_STATUS = "job_status",
   MES_TASK_STATUS = "mes_task_status",
+  SUBMOLD_TYPE = "submold_type",
 }
 
 type DictItem = {