From e3230555a02320ebd02ecf30fbdbf555af77b2b0 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Wed, 10 Jun 2026 12:23:18 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E6=96=B0=E5=A2=9E=E6=A8=A1?=
 =?UTF-8?q?=E5=85=B7=E4=BF=9D=E5=85=BB=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/locales/en-US.js                          |  60 ++
 src/locales/index.js                          |   5 +-
 src/locales/zh-CN.js                          |  60 ++
 src/pages.json                                |  23 +-
 src/pages_function/pages/moldMaintain/add.vue | 721 ++++++++++++++++++
 .../pages/moldMaintain/detail.vue             | 424 ++++++++++
 .../pages/moldMaintain/index.vue              | 560 ++++++++++++++
 src/utils/permissionMenu.js                   |   4 +
 8 files changed, 1855 insertions(+), 2 deletions(-)
 create mode 100644 src/pages_function/pages/moldMaintain/add.vue
 create mode 100644 src/pages_function/pages/moldMaintain/detail.vue
 create mode 100644 src/pages_function/pages/moldMaintain/index.vue

diff --git a/src/locales/en-US.js b/src/locales/en-US.js
index 89dcbf1..cc495b4 100644
--- a/src/locales/en-US.js
+++ b/src/locales/en-US.js
@@ -1126,6 +1126,66 @@ export default {
     submitFailed: 'Failed to submit inspection',
     reInspect: 'Re-inspect'
   },
+  moldMaintain: {
+    moduleName: 'Mold Maintenance',
+    addTitle: 'Add Maintenance',
+    detailTitle: 'Maintenance Detail',
+    searchPlaceholder: 'Enter maintenance No.',
+    empty: 'No maintenance records',
+    add: 'Add',
+    moldName: 'Mold Name',
+    moldCode: 'Mold Code',
+    product: 'Product',
+    status: 'Status',
+    taskType: 'Task Type',
+    taskTypeInspect: 'Inspection',
+    taskTypeMaintain: 'Maintenance',
+    planNo: 'Maintenance No.',
+    taskTime: 'Task Time',
+    template: 'Template',
+    operator: 'Operator',
+    jobResultOk: 'OK',
+    jobResultNg: 'NG',
+    progressTitle: 'Progress',
+    noResultData: 'No maintenance result data',
+    requiredText: 'Required',
+    inspectionMethod: 'Maintenance Method',
+    judgmentCriteria: 'Judgment Criteria',
+    textInput: 'Input Value',
+    inputPlaceholder: 'Enter value',
+    images: 'Images',
+    remark: 'Remark',
+    resultText: 'Result',
+    inspectionResultPass: 'Pass',
+    inspectionResultFail: 'Fail',
+    inspectionResultPending: 'Pending',
+    maxUploadCount: 'Max 3 images',
+    selectAllDecisionError: 'Please select all maintenance results',
+    currentMoldInfo: 'Mold Info',
+    moldGroupCode: 'Mold Group Code',
+    moldGroupName: 'Mold Group Name',
+    cavityCount: 'Cavity Count',
+    moldSize: 'Mold Size',
+    currentDevice: 'Current Device',
+    selectMold: 'Select Mold',
+    reSelectMold: 'Re-select Mold',
+    selectMoldError: 'Please select a mold',
+    searchMold: 'Enter mold name',
+    noMoldInfo: 'Please select a mold',
+    noMoldData: 'No molds available',
+    taskName: 'Task Name',
+    taskInfo: 'Task Info',
+    placeholderTaskName: 'Enter task name',
+    templateSelection: 'Template/Task Selection',
+    selectTemplate: 'Select Template',
+    selectTemplateError: 'Please select maintenance template',
+    noItems: 'Please select maintenance template first',
+    noTemplate: 'No templates',
+    submit: 'Submit Maintenance',
+    submitSuccess: 'Maintenance submitted successfully',
+    submitFailed: 'Failed to submit maintenance',
+    reInspect: 'Re-maintain'
+  },
   moldRepair: {
     moduleName: 'Mold Repair',
     createTitle: 'Create Mold Repair',
diff --git a/src/locales/index.js b/src/locales/index.js
index 7d2c852..912cd2c 100644
--- a/src/locales/index.js
+++ b/src/locales/index.js
@@ -127,7 +127,10 @@ const literalMap = {
   '模具详情': 'moldLedger.detailTitle',
   '模具点检': 'moldCheck.moduleName',
   '点检详情': 'moldCheck.detailTitle',
-  '新增点检': 'moldCheck.addTitle'
+  '新增点检': 'moldCheck.addTitle',
+  '模具保养': 'moldMaintain.moduleName',
+  '保养详情': 'moldMaintain.detailTitle',
+  '新增保养': 'moldMaintain.addTitle'
 }
 
 export function getCurrentLocale() {
diff --git a/src/locales/zh-CN.js b/src/locales/zh-CN.js
index 55b3315..2c20153 100644
--- a/src/locales/zh-CN.js
+++ b/src/locales/zh-CN.js
@@ -1129,6 +1129,66 @@ export default {
     submitFailed: '点检提交失败',
     reInspect: '再次点检'
   },
+  moldMaintain: {
+    moduleName: '模具保养',
+    addTitle: '新增保养',
+    detailTitle: '保养详情',
+    searchPlaceholder: '请输入保养单号',
+    empty: '暂无保养记录',
+    add: '新增',
+    moldName: '模具名称',
+    moldCode: '模具编号',
+    product: '产品',
+    status: '状态',
+    taskType: '任务类型',
+    taskTypeInspect: '点检',
+    taskTypeMaintain: '保养',
+    planNo: '保养单号',
+    taskTime: '执行时间',
+    template: '配置模板',
+    operator: '操作员',
+    jobResultOk: '通过',
+    jobResultNg: '不通过',
+    progressTitle: '进度',
+    noResultData: '暂无保养结果数据',
+    requiredText: '必检',
+    inspectionMethod: '保养方式',
+    judgmentCriteria: '判定基准',
+    textInput: '输入值',
+    inputPlaceholder: '请输入',
+    images: '图片',
+    remark: '备注',
+    resultText: '结果',
+    inspectionResultPass: '通过',
+    inspectionResultFail: '不通过',
+    inspectionResultPending: '待判定',
+    maxUploadCount: '最多上传3张图片',
+    selectAllDecisionError: '请选择所有保养项的判定结果',
+    currentMoldInfo: '模具信息',
+    moldGroupCode: '模具组编码',
+    moldGroupName: '模具组名称',
+    cavityCount: '模穴数',
+    moldSize: '模具尺寸',
+    currentDevice: '当前设备',
+    selectMold: '选择模具',
+    reSelectMold: '重新选择模具',
+    selectMoldError: '请选择模具',
+    searchMold: '请输入模具名称',
+    noMoldInfo: '请选择模具',
+    noMoldData: '暂无可选模具',
+    taskName: '任务名称',
+    taskInfo: '任务信息',
+    placeholderTaskName: '请输入任务名称',
+    templateSelection: '模板/任务选择',
+    selectTemplate: '请选择模板',
+    selectTemplateError: '请选择保养模板',
+    noItems: '请先选择保养模板',
+    noTemplate: '暂无模板',
+    submit: '提交保养',
+    submitSuccess: '保养提交成功',
+    submitFailed: '保养提交失败',
+    reInspect: '再次保养'
+  },
   moldRepair: {
     moduleName: '模具维修',
     createTitle: '新增模具维修',
diff --git a/src/pages.json b/src/pages.json
index 36ea8fe..4baf57e 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -721,9 +721,30 @@
             "navigationBarTitleText": "新增点检",
             "navigationStyle": "custom"
           }
+        },
+        {
+          "path": "moldMaintain/index",
+          "style": {
+            "navigationBarTitleText": "模具保养",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "moldMaintain/detail",
+          "style": {
+            "navigationBarTitleText": "保养详情",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "moldMaintain/add",
+          "style": {
+            "navigationBarTitleText": "新增保养",
+            "navigationStyle": "custom"
+          }
         }
       ]
     }
   ],
   "preloadRule": {}
-}
\ No newline at end of file
+}
diff --git a/src/pages_function/pages/moldMaintain/add.vue b/src/pages_function/pages/moldMaintain/add.vue
new file mode 100644
index 0000000..8c04e89
--- /dev/null
+++ b/src/pages_function/pages/moldMaintain/add.vue
@@ -0,0 +1,721 @@
+<template>
+  <view class="page-container">
+    <NavBar :title="t('moldMaintain.addTitle')" />
+
+    <scroll-view scroll-y class="detail-scroll">
+      <view class="content-section">
+        <!-- 妯″叿淇℃伅 -->
+        <view class="section-card">
+          <view class="section-header">
+            <view class="section-icon">
+              <uni-icons type="info" size="24" color="#1f7cff"></uni-icons>
+            </view>
+            <text class="section-title">{{ t('moldMaintain.currentMoldInfo') }}</text>
+          </view>
+          <view class="form-field mold-select-field">
+            <text class="form-label">{{ t('moldMaintain.selectMold') }}<text class="required-star">*</text></text>
+            <view :class="['mold-select-area', moldInfo.id ? 'selected' : '']" @click="openMoldPicker">
+              <view class="mold-select-content">
+                <text :class="moldInfo.id ? 'mold-select-value' : 'mold-select-placeholder'">{{ moldInfo.id ? (moldInfo.name || moldInfo.code || '-') : t('moldMaintain.selectMold') }}</text>
+                <text v-if="moldInfo.id" class="mold-select-subtext">{{ moldInfo.code || t('moldMaintain.reSelectMold') }}</text>
+              </view>
+              <uni-icons type="right" size="18" color="#9ca3af"></uni-icons>
+            </view>
+          </view>
+          <view v-if="moldInfo.id" class="mold-info-panel">
+            <view class="mold-info-grid">
+              <view class="mold-info-item">
+                <text class="mold-info-label">{{ t('moldMaintain.moldGroupCode') }}</text>
+                <text class="mold-info-value">{{ moldInfo.code || '-' }}</text>
+              </view>
+              <view class="mold-info-item">
+                <text class="mold-info-label">{{ t('moldMaintain.moldGroupName') }}</text>
+                <text class="mold-info-value">{{ moldInfo.name || '-' }}</text>
+              </view>
+              <view class="mold-info-item">
+                <text class="mold-info-label">{{ t('moldMaintain.cavityCount') }}</text>
+                <text class="mold-info-value">{{ moldInfo.moldSize || '-' }}</text>
+              </view>
+              <view class="mold-info-item">
+                <text class="mold-info-label">{{ t('moldMaintain.product') }}</text>
+                <text class="mold-info-value">{{ moldInfo.productName || '-' }}</text>
+              </view>
+              <view class="mold-info-item">
+                <text class="mold-info-label">{{ t('moldMaintain.status') }}</text>
+                <text :class="['mold-info-value', 'status-tag', statusClass]">{{ moldInfo.statusLabel || '-' }}</text>
+              </view>
+              <view class="mold-info-item">
+                <text class="mold-info-label">{{ t('moldMaintain.currentDevice') }}</text>
+                <text class="mold-info-value">{{ moldInfo.currentDevice || '-' }}</text>
+              </view>
+            </view>
+          </view>
+        </view>
+
+        <!-- 浠诲姟淇℃伅 -->
+        <view class="section-card">
+          <view class="section-header">
+            <view class="section-icon">
+              <uni-icons type="compose" size="24" color="#1f7cff"></uni-icons>
+            </view>
+            <text class="section-title">{{ t('moldMaintain.taskInfo') }}</text>
+          </view>
+          <view class="form-field">
+            <text class="form-label">{{ t('moldMaintain.taskName') }}<text class="required-star">*</text></text>
+            <input
+              v-model="taskName"
+              class="form-input"
+              :placeholder="t('moldMaintain.placeholderTaskName')"
+            />
+          </view>
+          <view class="form-field">
+            <text class="form-label">{{ t('moldMaintain.templateSelection') }}<text class="required-star">*</text></text>
+            <view class="template-select" @click="openTemplatePicker">
+              <text :class="['template-text', selectedTemplate ? '' : 'placeholder']">{{ selectedTemplate?.planName || t('moldMaintain.selectTemplate') }}</text>
+              <uni-icons type="right" size="18" color="#9ca3af"></uni-icons>
+            </view>
+          </view>
+        </view>
+
+        <!-- 鐐规椤瑰垪琛?-->
+        <view v-if="!inspectionItems.length" class="hint">{{ t('moldMaintain.noItems') }}</view>
+        <view v-else class="inspection-list">
+          <view v-for="(item, index) in inspectionItems" :key="item.id || index" class="inspection-card">
+            <view class="inspection-header">
+              <view class="inspection-index">{{ index + 1 }}</view>
+              <text class="inspection-title">{{ textValue(item.inspectionItemName || item.subjectName) }}</text>
+              <view v-if="isRequiredItem(item)" class="required-tag">{{ t('moldMaintain.requiredText') }}</view>
+            </view>
+            <view class="inspection-fields">
+              <view class="field-row">
+                <text class="field-label">{{ t('moldMaintain.inspectionMethod') }}</text>
+                <text class="field-value">{{ inspectionMethodText(item.inspectionMethod) }}</text>
+              </view>
+              <view class="field-row">
+                <text class="field-label">{{ t('moldMaintain.judgmentCriteria') }}</text>
+                <text class="field-value">{{ textValue(item.judgmentCriteria) }}</text>
+              </view>
+              <view v-if="shouldShowInput(item) && isNumericValueType(item.valueType)" class="field-row">
+                <text class="field-label">{{ t('moldMaintain.textInput') }}</text>
+                <view class="number-box-wrap number-box-wrap-inline">
+                  <uni-number-box
+                    :modelValue="numberInputValue(item)"
+                    :min="-999999999"
+                    :max="999999999"
+                    :step="1"
+                    @change="onNumberInputChange(item, $event)"
+                  />
+                </view>
+              </view>
+              <view v-else-if="shouldShowInput(item)" class="field-block">
+                <text class="field-label block-label">{{ t('moldMaintain.textInput') }}</text>
+                <textarea
+                  v-model="item.textInput"
+                  class="form-textarea"
+                  :placeholder="t('moldMaintain.inputPlaceholder')"
+                  maxlength="500"
+                />
+              </view>
+              <view class="field-block">
+                <text class="field-label block-label">{{ t('moldMaintain.images') }}</text>
+                <view class="image-list">
+                  <view v-for="(img, imgIndex) in parseImages(item.images)" :key="imgIndex" class="image-item">
+                    <image
+                      :src="img"
+                      class="result-image"
+                      mode="aspectFill"
+                      @click="previewImage(img, parseImages(item.images))"
+                    />
+                    <view class="image-remove" @click="removeImage(item, imgIndex)">脳</view>
+                  </view>
+                  <view v-if="parseImages(item.images).length < 3" class="image-upload" @click="chooseImages(item)">
+                    <text class="image-upload-icon">+</text>
+                  </view>
+                </view>
+              </view>
+              <view class="field-block">
+                <text class="field-label block-label">{{ t('moldMaintain.remark') }}</text>
+                <textarea
+                  v-model="item.remark"
+                  class="form-textarea"
+                  :placeholder="t('moldMaintain.inputPlaceholder')"
+                  maxlength="500"
+                />
+              </view>
+              <view class="field-block">
+                <text class="field-label block-label">{{ t('moldMaintain.resultText') }}</text>
+                <view class="result-option-group">
+                  <view
+                    :class="['result-option', resultOptionClass(item, '1')]"
+                    @click="setDecision(item, '1')"
+                  >
+                    {{ t('moldMaintain.inspectionResultPass') }}
+                  </view>
+                  <view
+                    :class="['result-option', resultOptionClass(item, '2')]"
+                    @click="setDecision(item, '2')"
+                  >
+                    {{ t('moldMaintain.inspectionResultFail') }}
+                  </view>
+                  <view v-if="String(item?.inspectionResult || '0') === '0'" class="pending-tag">{{ t('moldMaintain.inspectionResultPending') }}</view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+
+    <view class="action-bar">
+      <view class="action-btn back-btn" @click="goBack">{{ t('dashboard.back') }}</view>
+      <view :class="['action-btn', 'submit-btn', submitLoading ? 'action-btn-disabled' : '']" @click="handleSubmit">{{ t('moldMaintain.submit') }}</view>
+    </view>
+
+    <!-- 妯″叿閫夋嫨寮圭獥 -->
+    <view v-if="showMoldPicker" class="picker-mask" @click="closeMoldPicker">
+      <view class="picker-popup" @click.stop>
+        <view class="picker-header">
+          <text class="picker-title">{{ t('moldMaintain.selectMold') }}</text>
+          <view class="picker-close" @click="closeMoldPicker">
+            <uni-icons type="close" size="24" color="#6b7280"></uni-icons>
+          </view>
+        </view>
+        <view class="picker-search">
+          <input v-model="moldSearchKeyword" class="picker-search-input" :placeholder="t('moldMaintain.searchMold')" confirm-type="search" @confirm="searchMold" />
+        </view>
+        <scroll-view scroll-y class="picker-content">
+          <view
+            v-for="mold in moldList"
+            :key="mold.id"
+            :class="['picker-item', moldInfo.id === String(mold.id) ? 'picker-item-active' : '']"
+            @click="selectMold(mold)"
+          >
+            <view class="picker-item-main">
+              <text class="picker-item-name">{{ mold.name || mold.code || '-' }}</text>
+              <text class="picker-item-code">{{ mold.code || '' }}</text>
+            </view>
+            <text v-if="mold.productName" class="picker-item-desc">{{ mold.productName }}</text>
+          </view>
+          <view v-if="moldLoading" class="picker-loading">{{ t('functionCommon.loading') }}</view>
+          <view v-else-if="!moldList.length" class="picker-empty">{{ t('moldMaintain.noMoldData') }}</view>
+          <view v-else-if="moldFinished" class="picker-loading">{{ t('functionCommon.noMoreData') }}</view>
+        </scroll-view>
+      </view>
+    </view>
+
+    <!-- 妯℃澘閫夋嫨寮圭獥 -->
+    <view v-if="showTemplatePicker" class="picker-mask" @click="closeTemplatePicker">
+      <view class="picker-popup" @click.stop>
+        <view class="picker-header">
+          <text class="picker-title">{{ t('moldMaintain.selectTemplate') }}</text>
+          <view class="picker-close" @click="closeTemplatePicker">
+            <uni-icons type="close" size="24" color="#6b7280"></uni-icons>
+          </view>
+        </view>
+        <scroll-view scroll-y class="picker-content" @scrolltolower="loadMoreTemplates">
+          <view
+            v-for="template in templateList"
+            :key="template.id"
+            :class="['picker-item', selectedTemplate?.id === template.id ? 'picker-item-active' : '']"
+            @click="selectTemplate(template)"
+          >
+            <view class="picker-item-main">
+              <text class="picker-item-name">{{ template.planName || '-' }}</text>
+              <text :class="['picker-item-type', String(template.planType) === '1' ? 'type-inspect' : 'type-maintain']">
+                {{ String(template.planType) === '1' ? t('moldMaintain.taskTypeInspect') : t('moldMaintain.taskTypeMaintain') }}
+              </text>
+            </view>
+            <text v-if="template.description" class="picker-item-desc">{{ template.description }}</text>
+          </view>
+          <view v-if="templateLoading" class="picker-loading">{{ t('functionCommon.loading') }}</view>
+          <view v-else-if="!templateList.length" class="picker-empty">{{ t('moldMaintain.noTemplate') }}</view>
+          <view v-else-if="templateFinished" class="picker-loading">{{ t('functionCommon.noMoreData') }}</view>
+        </scroll-view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { reactive, ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { useI18n } from 'vue-i18n'
+import NavBar from '@/components/common/NavBar.vue'
+import { createMoldTicketDirect, getPlanMaintenancePage, getSubjectList, getMoldBrandDetail, uploadMoldCheckImage } from '@/api/mes/moldCheck'
+import { getBrandList } from '@/api/mes/mold'
+import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
+
+const { t } = useI18n()
+
+// Mold info, loaded from route params or picker.
+const moldInfo = reactive({
+  id: '',
+  code: '',
+  name: '',
+  productName: '',
+  moldSize: '',
+  status: '',
+  statusLabel: '',
+  currentDevice: ''
+})
+
+const taskName = ref('')
+const selectedTemplate = ref(null)
+const templateList = ref([])
+const showTemplatePicker = ref(false)
+const templateLoading = ref(false)
+const templateFinished = ref(false)
+const templatePageNo = ref(1)
+const templatePageSize = ref(20)
+const inspectionItems = ref([])
+const submitLoading = ref(false)
+const statusClass = ref('')
+
+// Mold picker.
+const showMoldPicker = ref(false)
+const moldList = ref([])
+const moldLoading = ref(false)
+const moldFinished = ref(true)
+const moldSearchKeyword = ref('')
+
+onLoad(async (query) => {
+  await initAllDict()
+
+  const moldId = String(query?.id || '')
+
+  if (moldId) {
+    // 浠庡垪琛ㄩ〉浼犲叆浜嗘ā鍏稩D
+    const urlCode = query?.code ? decodeURIComponent(query.code) : ''
+    const urlName = query?.name ? decodeURIComponent(query.name) : ''
+
+    if (urlCode || urlName) {
+      // 鍒楄〃椤典紶鍏ヤ簡妯″叿鍩烘湰淇℃伅
+      moldInfo.id = moldId
+      moldInfo.code = urlCode
+      moldInfo.name = urlName
+      moldInfo.productName = query?.productName ? decodeURIComponent(query.productName) : ''
+      moldInfo.moldSize = query?.moldSize ? decodeURIComponent(query.moldSize) : ''
+      moldInfo.status = String(query?.status || '')
+      moldInfo.currentDevice = query?.currentDevice ? decodeURIComponent(query.currentDevice) : ''
+      moldInfo.statusLabel = getDictLabel(DICT_TYPE.ERP_MOLD_STATUS, moldInfo.status, moldInfo.status)
+      updateStatusClass()
+    } else {
+      await loadMoldInfo(moldId)
+    }
+  }
+  // 濡傛灉娌℃湁浼犲叆妯″叿ID锛岀敤鎴烽渶瑕侀€氳繃妯″叿閫夋嫨鍣ㄩ€夋嫨
+})
+
+async function loadMoldInfo(id) {
+  try {
+    const res = await getMoldBrandDetail(id)
+    const data = res && res.data !== undefined ? res.data : res
+    moldInfo.id = String(data?.id || id)
+    moldInfo.code = String(data?.code || '')
+    moldInfo.name = String(data?.name || '')
+    moldInfo.productName = String(data?.productName || '')
+    moldInfo.moldSize = String(data?.moldSize || '')
+    moldInfo.status = String(data?.status || '')
+    moldInfo.currentDevice = String(data?.currentDevice || '')
+    moldInfo.statusLabel = getDictLabel(DICT_TYPE.ERP_MOLD_STATUS, moldInfo.status, moldInfo.status)
+    updateStatusClass()
+  } catch (error) {
+    uni.showToast({ title: t('functionCommon.loadFailed'), icon: 'none' })
+  }
+}
+
+function updateStatusClass() {
+  const status = String(moldInfo.status)
+  if (status === '1') {
+    statusClass.value = 'status-success'
+  } else if (status === '2') {
+    statusClass.value = 'status-warning'
+  } else if (status === '3') {
+    statusClass.value = 'status-danger'
+  } else {
+    statusClass.value = 'status-default'
+  }
+}
+
+function openMoldPicker() {
+  showMoldPicker.value = true
+  if (!moldList.value.length) {
+    loadMoldList(true)
+  }
+}
+
+function closeMoldPicker() {
+  showMoldPicker.value = false
+}
+
+async function loadMoldList(reset) {
+  if (moldLoading.value) return
+  if (reset) {
+    moldList.value = []
+  }
+  moldLoading.value = true
+  try {
+    const params = {}
+    if (moldSearchKeyword.value.trim()) {
+      params.name = moldSearchKeyword.value.trim()
+    }
+    const res = await getBrandList(params)
+    const root = res && res.data !== undefined ? res.data : res
+    const list = Array.isArray(root) ? root : (root?.list || root?.rows || root?.records || root?.data?.list || root?.data?.rows || root?.data?.records || [])
+    moldList.value = reset ? list : [...moldList.value, ...list]
+    moldFinished.value = true
+  } catch (error) {
+    uni.showToast({ title: t('functionCommon.loadFailed'), icon: 'none' })
+  } finally {
+    moldLoading.value = false
+  }
+}
+
+function searchMold() {
+  loadMoldList(true)
+}
+
+function selectMold(mold) {
+  moldInfo.id = String(mold.id || '')
+  moldInfo.code = String(mold.code || '')
+  moldInfo.name = String(mold.name || '')
+  moldInfo.productName = String(mold.productName || '')
+  moldInfo.moldSize = String(mold.moldSize || '')
+  moldInfo.status = String(mold.status || '')
+  moldInfo.currentDevice = String(mold.currentDevice || '')
+  moldInfo.statusLabel = getDictLabel(DICT_TYPE.ERP_MOLD_STATUS, moldInfo.status, moldInfo.status)
+  updateStatusClass()
+  closeMoldPicker()
+}
+
+function openTemplatePicker() {
+  showTemplatePicker.value = true
+  if (!templateList.value.length) {
+    loadTemplates(true)
+  }
+}
+
+function closeTemplatePicker() {
+  showTemplatePicker.value = false
+}
+
+async function loadTemplates(reset) {
+  if (templateLoading.value) return
+  if (reset) {
+    templatePageNo.value = 1
+    templateFinished.value = false
+  }
+  templateLoading.value = true
+  try {
+    const res = await getPlanMaintenancePage({
+      pageNo: templatePageNo.value,
+      pageSize: templatePageSize.value
+    })
+    const root = res && res.data !== undefined ? res.data : res
+    const list = root?.list || root?.rows || root?.records || root?.data?.list || root?.data?.rows || root?.data?.records || []
+    const total = root?.total ?? root?.data?.total ?? 0
+    templateList.value = reset ? list : [...templateList.value, ...list]
+    templateFinished.value = templateList.value.length >= total || list.length < templatePageSize.value
+  } catch (error) {
+    uni.showToast({ title: t('functionCommon.loadFailed'), icon: 'none' })
+  } finally {
+    templateLoading.value = false
+  }
+}
+
+async function loadMoreTemplates() {
+  if (templateLoading.value || templateFinished.value) return
+  templatePageNo.value += 1
+  await loadTemplates(false)
+}
+
+function selectTemplate(template) {
+  selectedTemplate.value = template
+  loadInspectionItems(template.id)
+  closeTemplatePicker()
+}
+
+async function loadInspectionItems(planId) {
+  try {
+    inspectionItems.value = []
+    const res = await getSubjectList(planId)
+    const root = res && res.data !== undefined ? res.data : res
+    const items = Array.isArray(root) ? root : (root?.list || root?.rows || root?.records || root?.data?.list || root?.data?.rows || root?.data?.records || root?.data || [])
+    inspectionItems.value = Array.isArray(items) ? items.map((item, index) => ({
+      id: item.id,
+      subjectId: item.id,
+      inspectionItemName: item.subjectName ?? item.inspectionItemName ?? '',
+      inspectionMethod: item.inspectionMethod ?? '',
+      judgmentCriteria: item.judgmentCriteria ?? item.subjectStandard ?? '',
+      valueType: item.valueType ?? '',
+      textInput: item.textInput ?? '',
+      inspectionResult: String(item.inspectionResult ?? '0'),
+      images: item.images ?? '',
+      remark: item.remark ?? '',
+      required: item.required ?? item.isRequired ?? item.needCheck ?? item.mustCheck ?? false,
+      sort: index + 1
+    })) : []
+  } catch (error) {
+    uni.showToast({ title: t('functionCommon.loadFailed'), icon: 'none' })
+  }
+}
+
+function isRequiredItem(item) {
+  const value = item?.required ?? item?.isRequired ?? item?.needCheck ?? item?.mustCheck
+  return value === true || value === 1 || value === '1'
+}
+
+function shouldShowInput(item) {
+  const valueType = String(item?.valueType ?? '')
+  return valueType === '0' || valueType === '2' || !!String(item?.textInput || '').trim()
+}
+
+function isNumericValueType(value) {
+  const normalized = String(value ?? '')
+  const label = String(valueTypeText(value) || '').toLowerCase()
+  return normalized === '2' || /鏁板€紎鏁板瓧|number|numeric|digit|decimal/.test(label)
+}
+
+function numberInputValue(item) {
+  const value = Number(item?.textInput)
+  return Number.isFinite(value) ? value : 0
+}
+
+function onNumberInputChange(item, value) {
+  item.textInput = String(value)
+}
+
+function inspectionMethodText(value) {
+  return getDictLabel(DICT_TYPE.INSPECTION_METHOD, value, textValue(value))
+}
+
+function valueTypeText(value) {
+  return getDictLabel(DICT_TYPE.VALUE_TYPES, value, textValue(value))
+}
+
+function parseImages(value) {
+  if (!value) return []
+  if (Array.isArray(value)) return value.map((item) => String(item).trim()).filter(Boolean)
+  return String(value).split(',').map((item) => item.trim()).filter(Boolean)
+}
+
+function joinImages(value) {
+  return parseImages(value).join(',')
+}
+
+function resultOptionClass(item, value) {
+  const current = String(item?.inspectionResult || '')
+  if (current !== String(value)) return ''
+  return String(value) === '1' ? 'result-option-active' : 'result-option-danger'
+}
+
+function setDecision(item, value) {
+  item.inspectionResult = String(value)
+}
+
+async function chooseImages(item) {
+  try {
+    const currentCount = parseImages(item.images).length
+    const remain = Math.max(0, 3 - currentCount)
+    if (!remain) {
+      uni.showToast({ title: t('moldMaintain.maxUploadCount'), icon: 'none' })
+      return
+    }
+    const res = await uni.chooseImage({ count: remain, sizeType: ['compressed'] })
+    const files = Array.isArray(res?.tempFilePaths) ? res.tempFilePaths : []
+    if (!files.length) return
+    uni.showLoading({ title: t('functionCommon.uploading'), mask: true })
+    const uploaded = []
+    for (const filePath of files) {
+      const uploadRes = await uploadMoldCheckImage(filePath)
+      const url = String(uploadRes?.data?.fileUrl || uploadRes?.data?.url || uploadRes?.data || uploadRes?.url || '').trim()
+      if (url) uploaded.push(url)
+    }
+    item.images = joinImages([...parseImages(item.images), ...uploaded])
+  } catch (error) {
+    const message = String(error?.errMsg || '')
+    if (!message.includes('cancel')) {
+      uni.showToast({ title: t('functionCommon.uploadImageFailed'), icon: 'none' })
+    }
+  } finally {
+    uni.hideLoading()
+  }
+}
+
+function removeImage(item, index) {
+  const next = parseImages(item.images)
+  next.splice(index, 1)
+  item.images = next.join(',')
+}
+
+function previewImage(current, urls) {
+  uni.previewImage({ current, urls })
+}
+
+function normalizeTextInput(value) {
+  if (value === 0 || value === '0') return '0'
+  const text = String(value ?? '').trim()
+  return text || undefined
+}
+
+function textValue(value) {
+  if (value === 0) return '0'
+  if (value === null || value === undefined) return '-'
+  const text = String(value).trim()
+  return text || '-'
+}
+
+function goBack() {
+  uni.navigateBack()
+}
+
+async function handleSubmit() {
+  if (submitLoading.value) return
+
+  if (!moldInfo.id) {
+    uni.showToast({ title: t('moldMaintain.selectMoldError'), icon: 'none' })
+    return
+  }
+
+  if (!taskName.value.trim()) {
+    uni.showToast({ title: t('moldMaintain.placeholderTaskName'), icon: 'none' })
+    return
+  }
+
+  if (!selectedTemplate.value) {
+    uni.showToast({ title: t('moldMaintain.selectTemplateError'), icon: 'none' })
+    return
+  }
+
+  const hasUnselected = inspectionItems.value.some((item) => String(item?.inspectionResult || '0') === '0')
+  if (inspectionItems.value.length && hasUnselected) {
+    uni.showToast({ title: t('moldMaintain.selectAllDecisionError'), icon: 'none' })
+    return
+  }
+
+  submitLoading.value = true
+  try {
+    await createMoldTicketDirect({
+      name: taskName.value.trim(),
+      taskType: '2',
+      moldList: String(moldInfo.id),
+      projectForm: String(selectedTemplate.value.id),
+      ticketResultsList: inspectionItems.value.map((item) => ({
+        id: item.id,
+        subjectId: item.subjectId,
+        inspectionItemName: item.inspectionItemName,
+        inspectionMethod: item.inspectionMethod,
+        judgmentCriteria: item.judgmentCriteria,
+        valueType: item.valueType,
+        textInput: normalizeTextInput(item.textInput),
+        inspectionResult: String(item.inspectionResult || '0'),
+        images: joinImages(item.images),
+        remark: item.remark,
+        sort: item.sort
+      }))
+    })
+    uni.setStorageSync('moldMaintainListNeedRefresh', '1')
+    uni.showToast({ title: t('moldMaintain.submitSuccess'), icon: 'success' })
+    setTimeout(() => {
+      uni.navigateBack()
+    }, 1500)
+  } catch (error) {
+    uni.showToast({ title: t('moldMaintain.submitFailed'), icon: 'none' })
+  } finally {
+    submitLoading.value = false
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page-container { min-height: 100vh; background-color: #f5f7fb; }
+.detail-scroll { height: calc(100vh - 172rpx); }
+.content-section { padding: 20rpx 24rpx 28rpx; }
+.section-card { background: #ffffff; border-radius: 20rpx; padding: 24rpx; margin-bottom: 20rpx; border: 1rpx solid #eef2f7; box-shadow: 0 6rpx 18rpx rgba(15, 23, 42, 0.04); }
+.section-header { display: flex; align-items: center; gap: 12rpx; margin-bottom: 22rpx; padding-bottom: 18rpx; border-bottom: 1rpx solid #f1f5f9; }
+.section-icon { width: 40rpx; height: 40rpx; border-radius: 10rpx; background: #eff6ff; display: flex; align-items: center; justify-content: center; }
+.section-title { font-size: 32rpx; font-weight: 600; color: #1f2937; }
+.mold-select-field { margin-bottom: 20rpx; }
+.mold-select-area { display: flex; align-items: center; justify-content: space-between; min-height: 92rpx; padding: 16rpx 22rpx; background: #f8fafc; border: 1rpx solid #e5e7eb; border-radius: 14rpx; box-sizing: border-box; }
+.mold-select-area.selected { background: #f9fbff; border-color: #bfdbfe; box-shadow: 0 4rpx 12rpx rgba(31, 124, 255, 0.08); }
+.mold-select-content { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6rpx; }
+.mold-select-placeholder { font-size: 28rpx; color: #9ca3af; }
+.mold-select-value { font-size: 28rpx; font-weight: 600; color: #1f2937; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.mold-select-subtext { font-size: 24rpx; color: #6b7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.mold-info-panel { padding: 20rpx; background: #f8fafc; border: 1rpx solid #e8eef6; border-radius: 16rpx; }
+.mold-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; background: #ffffff; border: 1rpx solid #eef2f7; border-radius: 14rpx; overflow: hidden; }
+.mold-info-item { min-width: 0; display: flex; flex-direction: column; gap: 8rpx; padding: 18rpx 20rpx; border-right: 1rpx solid #f1f5f9; border-bottom: 1rpx solid #f1f5f9; }
+.mold-info-item:nth-child(2n) { border-right: 0; }
+.mold-info-item:nth-last-child(-n + 2) { border-bottom: 0; }
+.mold-info-label { font-size: 23rpx; color: #8a94a6; }
+.mold-info-value { font-size: 28rpx; color: #334155; line-height: 1.35; word-break: break-all; }
+.status-tag { display: inline-flex; align-items: center; align-self: flex-start; padding: 6rpx 16rpx; border-radius: 999rpx; font-size: 24rpx; }
+.status-success { color: #15803d; background: #dcfce7; }
+.status-warning { color: #d97706; background: #fef3c7; }
+.status-danger { color: #dc2626; background: #fee2e2; }
+.status-default { color: #6b7280; background: #f3f4f6; }
+.form-field { display: flex; flex-direction: column; gap: 12rpx; }
+.form-field + .form-field { margin-top: 24rpx; }
+.form-label { font-size: 26rpx; color: #4b5563; font-weight: 500; }
+.required-star { color: #ef4444; font-size: 28rpx; margin-left: 4rpx; }
+.form-input { width: 100%; height: 88rpx; padding: 0 24rpx; background: #f8fafc; border-radius: 14rpx; font-size: 28rpx; color: #374151; box-sizing: border-box; }
+.template-select { display: flex; align-items: center; justify-content: space-between; height: 88rpx; padding: 0 24rpx; background: #f8fafc; border-radius: 14rpx; }
+.template-text { font-size: 28rpx; color: #374151; }
+.template-text.placeholder { color: #9ca3af; }
+.inspection-list { display: flex; flex-direction: column; gap: 20rpx; }
+.inspection-card { background: #ffffff; border-radius: 24rpx; padding: 24rpx; box-shadow: 0 6rpx 18rpx rgba(15, 23, 42, 0.05); }
+.inspection-header { display: flex; align-items: center; gap: 16rpx; }
+.inspection-index { width: 44rpx; height: 44rpx; border-radius: 50%; background: #1f7cff; color: #ffffff; font-size: 24rpx; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
+.inspection-title { flex: 1; min-width: 0; font-size: 30rpx; font-weight: 600; color: #1f2937; }
+.required-tag { padding: 8rpx 16rpx; border-radius: 10rpx; background: #e8fff2; color: #22c55e; font-size: 24rpx; }
+.inspection-fields { margin-top: 16rpx; display: flex; flex-direction: column; gap: 14rpx; }
+.field-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 20rpx; }
+.field-label { width: 170rpx; font-size: 27rpx; color: #9ca3af; flex-shrink: 0; }
+.field-value { flex: 1; text-align: right; font-size: 28rpx; color: #374151; line-height: 1.5; }
+.field-block { display: flex; flex-direction: column; gap: 14rpx; }
+.block-label { width: auto; }
+.result-option-group { display: flex; align-items: center; gap: 16rpx; flex-wrap: wrap; }
+.result-option { min-width: 160rpx; height: 72rpx; padding: 0 24rpx; border-radius: 14rpx; border: 1rpx solid #d1d5db; color: #6b7280; font-size: 30rpx; display: flex; align-items: center; justify-content: center; background: #ffffff; }
+.result-option-active { border-color: #60a5fa; background: #eff6ff; color: #1f7cff; }
+.result-option-danger { border-color: #fca5a5; background: #fef2f2; color: #ef4444; }
+.pending-tag { padding: 8rpx 14rpx; border-radius: 10rpx; background: #f3f4f6; color: #9ca3af; font-size: 24rpx; }
+.form-textarea { width: 100%; min-height: 76rpx; max-height: 108rpx; background: #f8fafc; border-radius: 12rpx; padding: 10rpx 16rpx; font-size: 26rpx; color: #374151; box-sizing: border-box; }
+.number-box-wrap { width: 100%; }
+.number-box-wrap-inline { width: 320rpx; }
+.number-box-wrap :deep(.uni-numbox) { width: 100%; }
+.number-box-wrap :deep(.uni-numbox__value) { flex: 1; height: 60rpx; font-size: 24rpx; }
+.number-box-wrap :deep(.uni-numbox-btns) { min-width: 60rpx; justify-content: center; }
+.number-box-wrap :deep(.uni-numbox--text) { font-size: 18px; }
+.image-list { display: flex; flex-wrap: wrap; gap: 12rpx; }
+.image-item { position: relative; }
+.result-image { width: 140rpx; height: 140rpx; border-radius: 16rpx; background: #f3f4f6; }
+.image-remove { position: absolute; top: -12rpx; right: -12rpx; width: 36rpx; height: 36rpx; border-radius: 18rpx; background: rgba(15, 23, 42, 0.72); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 24rpx; }
+.image-upload { width: 140rpx; height: 140rpx; border-radius: 16rpx; border: 2rpx dashed #cbd5e1; background: #f8fafc; display: flex; align-items: center; justify-content: center; }
+.image-upload-icon { font-size: 60rpx; color: #94a3b8; line-height: 1; }
+.hint { padding: 48rpx 0; text-align: center; color: #9ca3af; font-size: 26rpx; }
+.action-bar { position: fixed; left: 0; right: 0; bottom: 0; display: flex; gap: 20rpx; padding: 20rpx 24rpx calc(20rpx + env(safe-area-inset-bottom)); background: #f5f7fb; }
+.action-btn { flex: 1; height: 88rpx; border-radius: 18rpx; display: flex; align-items: center; justify-content: center; font-size: 30rpx; font-weight: 600; }
+.back-btn { background: #ffffff; color: #1f7cff; border: 1rpx solid #bfdbfe; }
+.submit-btn { background: linear-gradient(135deg, #1f7cff, #3b82f6); color: #ffffff; }
+.action-btn-disabled { background: #94a3b8; }
+.picker-mask { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 100; display: flex; align-items: flex-end; }
+.picker-popup { width: 100%; background: #ffffff; border-radius: 24rpx 24rpx 0 0; padding-bottom: env(safe-area-inset-bottom); }
+.picker-header { display: flex; align-items: center; justify-content: space-between; padding: 28rpx 32rpx; border-bottom: 1rpx solid #e5e7eb; }
+.picker-title { font-size: 34rpx; font-weight: 600; color: #1f2937; }
+.picker-close { width: 48rpx; height: 48rpx; display: flex; align-items: center; justify-content: center; }
+.picker-search { padding: 16rpx 32rpx; }
+.picker-search-input { width: 100%; height: 72rpx; padding: 0 20rpx; background: #f3f4f6; border-radius: 12rpx; font-size: 26rpx; box-sizing: border-box; }
+.picker-content { max-height: 60vh; }
+.picker-item { padding: 24rpx 32rpx; border-bottom: 1rpx solid #f3f4f6; }
+.picker-item-main { display: flex; align-items: center; justify-content: space-between; gap: 16rpx; }
+.picker-item-name { font-size: 28rpx; color: #374151; flex: 1; min-width: 0; }
+.picker-item-code { font-size: 24rpx; color: #9ca3af; flex-shrink: 0; }
+.picker-item-type { padding: 6rpx 16rpx; border-radius: 8rpx; font-size: 22rpx; flex-shrink: 0; }
+.type-inspect { color: #1d4ed8; background: #dbeafe; }
+.type-maintain { color: #15803d; background: #dcfce7; }
+.picker-item-desc { font-size: 24rpx; color: #9ca3af; margin-top: 8rpx; }
+.picker-item-active { background: #eff6ff; }
+.picker-item-active .picker-item-name { color: #1f7cff; font-weight: 600; }
+.picker-loading { padding: 24rpx 0; text-align: center; color: #9ca3af; font-size: 26rpx; }
+.picker-empty { padding: 48rpx; text-align: center; color: #9ca3af; font-size: 26rpx; }
+</style>
diff --git a/src/pages_function/pages/moldMaintain/detail.vue b/src/pages_function/pages/moldMaintain/detail.vue
new file mode 100644
index 0000000..74dd47b
--- /dev/null
+++ b/src/pages_function/pages/moldMaintain/detail.vue
@@ -0,0 +1,424 @@
+<template>
+  <view class="page-container">
+    <view class="fixed-header">
+      <NavBar :title="t('moldMaintain.detailTitle')" />
+    </view>
+
+    <scroll-view scroll-y class="detail-scroll">
+      <view class="content-section">
+        <view class="hero-card">
+          <view class="hero-body">
+            <text class="hero-title">{{ textValue(detailData.moldName) }}</text>
+            <view class="hero-meta-row">
+              <view class="hero-meta-item">
+                <text class="hero-meta-label">{{ t('moldMaintain.taskType') }}:</text>
+                <text class="hero-meta-value">{{ planTypeText }}</text>
+              </view>
+              <view class="hero-meta-item hero-meta-item-right">
+                <text class="hero-meta-label">{{ t('moldMaintain.planNo') }}:</text>
+                <text class="hero-meta-value">{{ textValue(detailData.planNo) }}</text>
+              </view>
+            </view>
+          </view>
+        </view>
+
+        <view class="progress-sticky-wrap">
+          <view class="progress-card">
+            <view class="progress-header">
+              <text class="progress-title">{{ t('moldMaintain.progressTitle') }}</text>
+              <text class="progress-count">{{ completedCount }}/{{ totalCount }}</text>
+            </view>
+            <view class="progress-track">
+              <view class="progress-bar" :style="{ width: `${progressPercent}%` }"></view>
+            </view>
+          </view>
+        </view>
+
+        <view v-if="resultLoading" class="hint">{{ t('functionCommon.loading') }}</view>
+        <view v-else-if="!resultList.length" class="hint">{{ t('moldMaintain.noResultData') }}</view>
+        <view v-else class="result-list">
+          <view v-for="(item, index) in resultList" :key="item.id || index" class="result-card">
+            <view class="result-header">
+              <view class="result-index">{{ index + 1 }}</view>
+              <text class="result-title">{{ textValue(item.inspectionItemName) }}</text>
+              <view v-if="isRequiredItem(item)" class="required-tag">{{ t('moldMaintain.requiredText') }}</view>
+            </view>
+            <view class="result-fields">
+              <view class="field-row">
+                <text class="field-label">{{ t('moldMaintain.inspectionMethod') }}</text>
+                <text class="field-value">{{ inspectionMethodText(item.inspectionMethod) }}</text>
+              </view>
+              <view class="field-row">
+                <text class="field-label">{{ t('moldMaintain.judgmentCriteria') }}</text>
+                <text class="field-value">{{ textValue(item.judgmentCriteria) }}</text>
+              </view>
+
+              <view v-if="shouldShowInput(item) && isEditableItem(item) && isNumericValueType(item.valueType)" class="field-row">
+                <text class="field-label">{{ t('moldMaintain.textInput') }}</text>
+                <view class="number-box-wrap number-box-wrap-inline">
+                  <uni-number-box
+                    :modelValue="numberInputValue(item)"
+                    :min="-999999999"
+                    :max="999999999"
+                    :step="1"
+                    @change="onNumberInputChange(item, $event)"
+                  />
+                </view>
+              </view>
+              <view v-else-if="shouldShowInput(item)" class="field-block">
+                <text class="field-label block-label">{{ t('moldMaintain.textInput') }}</text>
+                <textarea
+                  v-if="isEditableItem(item)"
+                  v-model="item.textInput"
+                  class="form-textarea"
+                  :placeholder="t('moldMaintain.inputPlaceholder')"
+                  maxlength="500"
+                />
+                <view v-else class="readonly-box">{{ textInputDisplay(item) }}</view>
+              </view>
+
+              <view class="field-block">
+                <text class="field-label block-label">{{ t('moldMaintain.images') }}</text>
+                <view class="image-list">
+                  <view v-for="(img, imgIndex) in parseImages(item.images)" :key="imgIndex" class="image-item">
+                    <image
+                      :src="img"
+                      class="result-image"
+                      mode="aspectFill"
+                      @click="previewImage(img, parseImages(item.images))"
+                    />
+                    <view v-if="isEditableItem(item)" class="image-remove" @click="removeImage(item, imgIndex)">脳</view>
+                  </view>
+                  <view v-if="isEditableItem(item) && parseImages(item.images).length < 3" class="image-upload" @click="chooseImages(item)">
+                    <text class="image-upload-icon">+</text>
+                  </view>
+                </view>
+              </view>
+
+              <view v-if="item.remark" class="field-row field-row-top">
+                <text class="field-label">{{ t('moldMaintain.remark') }}</text>
+                <text class="field-value multiline">{{ textValue(item.remark) }}</text>
+              </view>
+
+              <view class="field-block">
+                <text class="field-label block-label">{{ t('moldMaintain.resultText') }}</text>
+                <view class="result-option-group">
+                  <view
+                    :class="['result-option', resultOptionClass(item, '1')]"
+                    @click="setDecision(item, '1')"
+                  >
+                    {{ t('moldMaintain.inspectionResultPass') }}
+                  </view>
+                  <view
+                    :class="['result-option', resultOptionClass(item, '2')]"
+                    @click="setDecision(item, '2')"
+                  >
+                    {{ t('moldMaintain.inspectionResultFail') }}
+                  </view>
+                  <view v-if="isEditableItem(item) && String(item?.inspectionResult || '') === '0'" class="pending-tag">{{ t('moldMaintain.inspectionResultPending') }}</view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+
+    <view class="action-bar">
+      <view class="action-btn back-btn" @click="goBack">{{ t('dashboard.back') }}</view>
+      <view v-if="!isExecuted" :class="['action-btn', 'save-btn', saveLoading ? 'action-btn-disabled' : '']" @click="handleSave">{{ t('functionCommon.save') }}</view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { computed, reactive, ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { useI18n } from 'vue-i18n'
+import NavBar from '@/components/common/NavBar.vue'
+import { batchUpdateMoldCheckResults, getMoldCheckResultsPage, uploadMoldCheckImage } from '@/api/mes/moldCheck'
+import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
+
+const { t } = useI18n()
+
+const detailData = reactive({})
+const resultList = ref([])
+const resultLoading = ref(false)
+const managementId = ref('')
+const saveLoading = ref(false)
+const isExecuted = computed(() => Number(detailData.jobStatus) === 1)
+
+const planTypeText = computed(() => {
+  const value = String(detailData.planType || '')
+  if (value === '1') return t('moldMaintain.taskTypeInspect')
+  if (value === '2') return t('moldMaintain.taskTypeMaintain')
+  return textValue(detailData.planType)
+})
+
+const totalCount = computed(() => resultList.value.length)
+const completedCount = computed(() => resultList.value.filter((item) => isItemCompleted(item)).length)
+const progressPercent = computed(() => {
+  if (!totalCount.value) return 0
+  return Math.min(100, Math.round((completedCount.value / totalCount.value) * 100))
+})
+
+onLoad(async (query) => {
+  managementId.value = String(query?.id || '')
+  if (!managementId.value) {
+    uni.showToast({ title: t('functionCommon.noIdView'), icon: 'none' })
+    return
+  }
+  await initAllDict()
+  try {
+    const cached = uni.getStorageSync('moldMaintainDetail')
+    if (cached) {
+      Object.assign(detailData, JSON.parse(cached))
+      uni.removeStorageSync('moldMaintainDetail')
+    }
+  } catch (error) {}
+  await fetchResults()
+})
+
+async function fetchResults() {
+  resultLoading.value = true
+  try {
+    const res = await getMoldCheckResultsPage({ managementId: managementId.value })
+    const root = res && res.data !== undefined ? res.data : res
+    const items = root?.list || root?.rows || root?.records || root?.data?.list || root?.data?.rows || root?.data?.records || root?.data || root || []
+    resultList.value = (Array.isArray(items) ? items : []).map((item) => ({
+      ...item,
+      __editable: !isExecuted.value && String(item?.inspectionResult ?? '0') === '0'
+    }))
+  } catch (error) {
+    uni.showToast({ title: t('functionCommon.loadFailed'), icon: 'none' })
+  } finally {
+    resultLoading.value = false
+  }
+}
+
+function isRequiredItem(item) {
+  const value = item?.required ?? item?.isRequired ?? item?.needCheck ?? item?.mustCheck
+  return value === true || value === 1 || value === '1'
+}
+
+function isPendingItem(item) {
+  return String(item?.inspectionResult ?? '') === '0'
+}
+
+function isEditableItem(item) {
+  return !isExecuted.value && item?.__editable === true
+}
+
+function shouldShowInput(item) {
+  const valueType = String(item?.valueType ?? '')
+  return valueType === '0' || valueType === '2' || !!String(item?.textInput || '').trim()
+}
+
+function isNumericValueType(value) {
+  const normalized = String(value ?? '')
+  const label = String(valueTypeText(value) || '').toLowerCase()
+  return normalized === '2' || /鏁板€紎鏁板瓧|number|numeric|digit|decimal/.test(label)
+}
+
+function textInputDisplay(item) {
+  const text = String(item?.textInput || '').trim()
+  return text || t('moldMaintain.inspectionResultPending')
+}
+
+function numberInputValue(item) {
+  const value = Number(item?.textInput)
+  return Number.isFinite(value) ? value : 0
+}
+
+function onNumberInputChange(item, value) {
+  item.textInput = String(value)
+}
+
+function isItemCompleted(item) {
+  const result = String(item?.inspectionResult ?? '').trim()
+  return !!result && result !== '0'
+}
+
+function textValue(value) {
+  if (value === 0) return '0'
+  if (value === null || value === undefined) return '-'
+  const text = String(value).trim()
+  return text || '-'
+}
+
+function inspectionMethodText(value) {
+  return getDictLabel(DICT_TYPE.INSPECTION_METHOD, value, textValue(value))
+}
+
+function valueTypeText(value) {
+  return getDictLabel(DICT_TYPE.VALUE_TYPES, value, textValue(value))
+}
+
+function parseImages(value) {
+  if (!value) return []
+  if (Array.isArray(value)) return value.map((item) => String(item).trim()).filter(Boolean)
+  return String(value).split(',').map((item) => item.trim()).filter(Boolean)
+}
+
+function joinImages(value) {
+  return parseImages(value).join(',')
+}
+
+function resultOptionClass(item, value) {
+  const current = String(item?.inspectionResult || '')
+  if (current !== String(value)) return ''
+  return String(value) === '1' ? 'result-option-active' : 'result-option-danger'
+}
+
+function setDecision(item, value) {
+  if (!isEditableItem(item)) return
+  item.inspectionResult = String(value)
+}
+
+async function chooseImages(item) {
+  try {
+    const currentCount = parseImages(item.images).length
+    const remain = Math.max(0, 3 - currentCount)
+    if (!remain) {
+      uni.showToast({ title: t('moldMaintain.maxUploadCount'), icon: 'none' })
+      return
+    }
+    const res = await uni.chooseImage({ count: remain, sizeType: ['compressed'] })
+    const files = Array.isArray(res?.tempFilePaths) ? res.tempFilePaths : []
+    if (!files.length) return
+    uni.showLoading({ title: t('functionCommon.uploading'), mask: true })
+    const uploaded = []
+    for (const filePath of files) {
+      const uploadRes = await uploadMoldCheckImage(filePath)
+      const url = String(uploadRes?.data?.fileUrl || uploadRes?.data?.url || uploadRes?.data || uploadRes?.url || '').trim()
+      if (url) uploaded.push(url)
+    }
+    item.images = joinImages([...parseImages(item.images), ...uploaded])
+  } catch (error) {
+    const message = String(error?.errMsg || '')
+    if (!message.includes('cancel')) {
+      uni.showToast({ title: t('functionCommon.uploadImageFailed'), icon: 'none' })
+    }
+  } finally {
+    uni.hideLoading()
+  }
+}
+
+function removeImage(item, index) {
+  if (!isEditableItem(item)) return
+  const next = parseImages(item.images)
+  next.splice(index, 1)
+  item.images = next.join(',')
+}
+
+function previewImage(current, urls) {
+  uni.previewImage({ current, urls })
+}
+
+function goBack() {
+  uni.navigateBack()
+}
+
+async function handleSave() {
+  if (saveLoading.value || isExecuted.value) return
+
+  const pendingItems = resultList.value.filter((item) => isEditableItem(item))
+  if (!pendingItems.length) {
+    uni.navigateBack()
+    return
+  }
+
+  const hasUnselected = pendingItems.some((item) => String(item?.inspectionResult || '') === '0')
+  if (hasUnselected) {
+    uni.showToast({ title: t('moldMaintain.selectAllDecisionError'), icon: 'none' })
+    return
+  }
+
+  const payload = pendingItems.map((item) => ({
+    ...item,
+    managementId: item.managementId || managementId.value,
+    inspectionResult: item.inspectionResult,
+    images: joinImages(item.images),
+    textInput: normalizeTextInput(item.textInput)
+  }))
+
+  saveLoading.value = true
+  try {
+    await batchUpdateMoldCheckResults(payload)
+    detailData.jobStatus = 1
+    uni.showToast({ title: t('functionCommon.saveSuccess'), icon: 'success' })
+    await fetchResults()
+  } catch (error) {
+    uni.showToast({ title: t('functionCommon.saveFailed'), icon: 'none' })
+  } finally {
+    saveLoading.value = false
+  }
+}
+
+function normalizeTextInput(value) {
+  if (value === 0 || value === '0') return '0'
+  const text = String(value ?? '').trim()
+  return text || undefined
+}
+</script>
+
+<style lang="scss" scoped>
+.page-container { min-height: 100vh; background-color: #f5f7fb; }
+.fixed-header { position: sticky; top: 0; z-index: 20; }
+.detail-scroll { height: calc(100vh - 212rpx); }
+.content-section { padding: 20rpx 24rpx 28rpx; }
+.hero-card { display: flex; gap: 20rpx; background: #ffffff; border-radius: 24rpx; padding: 24rpx; box-shadow: 0 6rpx 18rpx rgba(15, 23, 42, 0.05); }
+.hero-body { flex: 1; min-width: 0; }
+.hero-title { display: block; font-size: 42rpx; line-height: 1.2; font-weight: 700; color: #1f2937; }
+.hero-meta-row { display: flex; align-items: center; justify-content: space-between; gap: 24rpx; margin-top: 16rpx; }
+.hero-meta-item { display: flex; align-items: center; min-width: 0; }
+.hero-meta-item-right { justify-content: flex-end; flex-shrink: 0; }
+.hero-meta-label { font-size: 25rpx; color: #9ca3af; }
+.hero-meta-value { font-size: 25rpx; color: #6b7280; }
+.progress-sticky-wrap { position: sticky; top: 0; z-index: 15; padding-top: 20rpx; padding-bottom: 8rpx; background: #f5f7fb; }
+.progress-card { background: #ffffff; border-radius: 24rpx; padding: 24rpx; box-shadow: 0 6rpx 18rpx rgba(15, 23, 42, 0.05); }
+.progress-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16rpx; }
+.progress-title { font-size: 30rpx; font-weight: 600; color: #374151; }
+.progress-count { font-size: 40rpx; font-weight: 700; color: #1f7cff; }
+.progress-track { height: 16rpx; border-radius: 999rpx; background: #edf2f7; overflow: hidden; }
+.progress-bar { height: 100%; border-radius: 999rpx; background: linear-gradient(90deg, #1f7cff, #4da3ff); }
+.result-list { margin-top: 20rpx; display: flex; flex-direction: column; gap: 20rpx; }
+.result-card { background: #ffffff; border-radius: 24rpx; padding: 24rpx; box-shadow: 0 6rpx 18rpx rgba(15, 23, 42, 0.05); }
+.result-header { display: flex; align-items: center; gap: 16rpx; }
+.result-index { width: 44rpx; height: 44rpx; border-radius: 50%; background: #1f7cff; color: #ffffff; font-size: 24rpx; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
+.result-title { flex: 1; min-width: 0; font-size: 40rpx; font-weight: 700; color: #1f2937; }
+.required-tag { padding: 8rpx 16rpx; border-radius: 10rpx; background: #e8fff2; color: #22c55e; font-size: 24rpx; }
+.result-fields { margin-top: 16rpx; display: flex; flex-direction: column; gap: 18rpx; }
+.field-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 20rpx; }
+.field-row-top { align-items: flex-start; }
+.field-label { width: 170rpx; font-size: 27rpx; color: #9ca3af; flex-shrink: 0; }
+.field-value { flex: 1; text-align: right; font-size: 28rpx; color: #374151; line-height: 1.5; }
+.field-value.multiline { text-align: left; }
+.field-block { display: flex; flex-direction: column; gap: 14rpx; }
+.block-label { width: auto; }
+.result-option-group { display: flex; align-items: center; gap: 16rpx; flex-wrap: wrap; }
+.result-option { min-width: 160rpx; height: 72rpx; padding: 0 24rpx; border-radius: 14rpx; border: 1rpx solid #d1d5db; color: #6b7280; font-size: 30rpx; display: flex; align-items: center; justify-content: center; background: #ffffff; }
+.result-option-active { border-color: #60a5fa; background: #eff6ff; color: #1f7cff; }
+.result-option-danger { border-color: #fca5a5; background: #fef2f2; color: #ef4444; }
+.pending-tag { padding: 8rpx 14rpx; border-radius: 10rpx; background: #f3f4f6; color: #9ca3af; font-size: 24rpx; }
+.readonly-box { min-height: 84rpx; padding: 18rpx 20rpx; border-radius: 14rpx; background: #f8fafc; font-size: 28rpx; color: #374151; line-height: 1.5; }
+.form-textarea { width: 100%; min-height: 76rpx; max-height: 108rpx; background: #f8fafc; border-radius: 12rpx; padding: 10rpx 16rpx; font-size: 26rpx; color: #374151; box-sizing: border-box; }
+.number-box-wrap { width: 100%; }
+.number-box-wrap-inline { width: 320rpx; }
+.number-box-wrap :deep(.uni-numbox) { width: 100%; }
+.number-box-wrap :deep(.uni-numbox__value) { flex: 1; height: 60rpx; font-size: 24rpx; }
+.number-box-wrap :deep(.uni-numbox-btns) { min-width: 60rpx; justify-content: center; }
+.number-box-wrap :deep(.uni-numbox--text) { font-size: 18px; }
+.image-list { display: flex; flex-wrap: wrap; gap: 12rpx; }
+.image-item { position: relative; }
+.result-image { width: 140rpx; height: 140rpx; border-radius: 16rpx; background: #f3f4f6; }
+.image-remove { position: absolute; top: -12rpx; right: -12rpx; width: 36rpx; height: 36rpx; border-radius: 18rpx; background: rgba(15, 23, 42, 0.72); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 24rpx; }
+.image-upload { width: 140rpx; height: 140rpx; border-radius: 16rpx; border: 2rpx dashed #cbd5e1; background: #f8fafc; display: flex; align-items: center; justify-content: center; }
+.image-upload-icon { font-size: 60rpx; color: #94a3b8; line-height: 1; }
+.hint { padding: 48rpx 0; text-align: center; color: #9ca3af; font-size: 26rpx; }
+.action-bar { position: fixed; left: 0; right: 0; bottom: 0; display: flex; gap: 20rpx; padding: 20rpx 24rpx calc(20rpx + env(safe-area-inset-bottom)); background: #f5f7fb; }
+.action-btn { flex: 1; height: 88rpx; border-radius: 18rpx; display: flex; align-items: center; justify-content: center; font-size: 30rpx; font-weight: 600; }
+.back-btn { background: #ffffff; color: #1f7cff; border: 1rpx solid #bfdbfe; }
+.save-btn { background: linear-gradient(135deg, #1f7cff, #3b82f6); color: #ffffff; }
+.action-btn-disabled { background: #94a3b8; }
+</style>
diff --git a/src/pages_function/pages/moldMaintain/index.vue b/src/pages_function/pages/moldMaintain/index.vue
new file mode 100644
index 0000000..9d1eea3
--- /dev/null
+++ b/src/pages_function/pages/moldMaintain/index.vue
@@ -0,0 +1,560 @@
+<template>
+    <view class="page-container">
+        <NavBar :title="t('moldMaintain.moduleName')" />
+
+        <view class="filter-bar">
+            <view class="keyword-box">
+                <input v-model="searchKeyword" class="keyword-input" :placeholder="t('moldMaintain.searchPlaceholder')"
+                    :focus="keywordFocus" confirm-type="search" @blur="keywordFocus = false" @input="handleKeywordInput"
+                    @confirm="handleSearch" />
+            </view>
+            <picker mode="selector" :range="jobStatusLabels" :value="jobStatusIndex" @change="onJobStatusChange">
+                <view class="status-box">
+                    <text class="status-box-text">{{ currentJobStatusLabel }}</text>
+                    <uni-icons type="bottom" size="14" color="#9ca3af"></uni-icons>
+                </view>
+            </picker>
+            <view class="reset-filter-btn" @click="resetFilters">{{ t('functionCommon.reset') }}</view>
+        </view>
+
+        <scroll-view scroll-y class="list-scroll" :scroll-top="scrollTop" @scroll="onScroll" @scrolltolower="loadMore"
+            :lower-threshold="80">
+            <view class="list-wrap">
+                <view v-for="item in list" :key="item.id" class="task-card" @click="openDetail(item)">
+                    <view class="card-header">
+                        <view class="header-main">
+                            <view class="header-left">
+                                <text
+                                    :class="['task-type-tag', String(item.planType) === '1' ? 'tag-inspect' : 'tag-maintain']">{{
+                                    taskTypeText(item.planType) }}</text>
+                                <text class="task-name">{{ textValue(item.planNo) }}</text>
+                            </view>
+                            <view class="header-tags">
+                                <text :class="['record-tag', jobStatusClass(item.jobStatus)]">{{
+                                    jobStatusText(item.jobStatus) }}</text>
+                                <text :class="['record-tag', jobResultClass(item.jobResult)]">{{
+                                    jobResultText(item.jobResult) }}</text>
+                            </view>
+                        </view>
+                    </view>
+                    <view class="card-body">
+                        <view class="row">
+                            <text class="label">{{ t('moldMaintain.moldName') }}</text>
+                            <text class="value">{{ textValue(item.moldName) }}</text>
+                        </view>
+                        <view class="row">
+                            <text class="label">{{ t('moldMaintain.template') }}</text>
+                            <text class="value">{{ textValue(item.configName) }}</text>
+                        </view>
+                        <view class="row">
+                            <text class="label">{{ t('moldMaintain.operator') }}</text>
+                            <text class="value">{{ textValue(item.operatorName) }}</text>
+                        </view>
+                        <view class="row">
+                            <text class="label">{{ t('moldMaintain.taskTime') }}</text>
+                            <text class="value">{{ formatDateTime(item.taskTime) }}</text>
+                        </view>
+                    </view>
+
+                </view>
+
+                <view v-if="loading && pageNo === 1" class="hint">{{ t('functionCommon.loading') }}</view>
+                <view v-else-if="!list.length" class="hint">{{ t('moldMaintain.empty') }}</view>
+                <view v-else-if="loadingMore" class="hint">{{ t('functionCommon.loadingMore') }}</view>
+                <view v-else-if="finished" class="hint">{{ t('functionCommon.noMoreData') }}</view>
+            </view>
+        </scroll-view>
+
+        <view v-if="showGoTop" class="go-top-btn" @click="goTop">
+            <uni-icons type="arrow-up" size="20" color="#1a3a5c"></uni-icons>
+        </view>
+
+        <view class="add-btn" @click="goAdd">
+            <text class="add-icon">+</text>
+        </view>
+    </view>
+</template>
+
+<script setup>
+import { computed, nextTick, ref } from 'vue'
+import { onLoad, onReachBottom, onShow, onUnload } from '@dcloudio/uni-app'
+import { useI18n } from 'vue-i18n'
+import NavBar from '@/components/common/NavBar.vue'
+import { getMoldCheckPage } from '@/api/mes/moldCheck'
+import { DICT_TYPE, getDictLabel, initAllDict, useDict } from '@/utils/dict'
+
+const { t } = useI18n()
+
+const searchKeyword = ref('')
+const selectedJobStatus = ref('0')
+const list = ref([])
+const loading = ref(false)
+const loadingMore = ref(false)
+const finished = ref(false)
+const pageNo = ref(1)
+const pageSize = ref(10)
+const scrollTop = ref(0)
+const showGoTop = ref(false)
+const keywordFocus = ref(false)
+
+let searchTimer = null
+
+// 浠庡瓧鍏歌幏鍙栦綔涓氱姸鎬侀€夐」
+const { job_status: jobStatusDictOptions } = useDict(DICT_TYPE.JOB_STATUS)
+
+const jobStatusOptions = computed(() => {
+    const dictList = jobStatusDictOptions.value || []
+    return [
+        { label: t('functionCommon.all'), value: '' },
+        ...dictList.map((item) => ({ label: item.label, value: item.value }))
+    ]
+})
+
+const jobStatusLabels = computed(() => jobStatusOptions.value.map((item) => item.label))
+const jobStatusIndex = computed(() => {
+    const index = jobStatusOptions.value.findIndex((item) => item.value === selectedJobStatus.value)
+    return index >= 0 ? index : 0
+})
+const currentJobStatusLabel = computed(() => {
+    const current = jobStatusOptions.value.find((item) => item.value === selectedJobStatus.value)
+    return current ? current.label : t('functionCommon.all')
+})
+
+onLoad(async () => {
+    await initAllDict()
+    await fetchList(true)
+})
+
+onShow(() => {
+    activateKeywordFocus()
+    if (uni.getStorageSync('moldMaintainListNeedRefresh') === '1') {
+        uni.removeStorageSync('moldMaintainListNeedRefresh')
+        fetchList(true)
+    }
+})
+
+onUnload(() => {
+    clearSearchTimer()
+})
+
+function normalizePageData(res) {
+    const root = res && res.data !== undefined ? res.data : res
+    const candidateList = root?.list || root?.rows || root?.records || root?.data?.list || root?.data?.rows || root?.data?.records || []
+    const candidateTotal = root?.total ?? root?.data?.total ?? (Array.isArray(candidateList) ? candidateList.length : 0)
+    return {
+        list: Array.isArray(candidateList) ? candidateList : [],
+        total: Number(candidateTotal || 0)
+    }
+}
+
+onReachBottom(() => {
+    loadMore()
+})
+
+async function fetchList(reset) {
+    if (reset) {
+        pageNo.value = 1
+        finished.value = false
+    }
+
+    if (pageNo.value === 1) {
+        loading.value = true
+    } else {
+        loadingMore.value = true
+    }
+
+    try {
+        const params = {
+            pageNo: pageNo.value,
+            pageSize: pageSize.value,
+            planNo: searchKeyword.value.trim() || undefined,
+            planType: '2',
+            jobStatus: selectedJobStatus.value || undefined
+        }
+        const res = await getMoldCheckPage(params)
+        const page = normalizePageData(res)
+        list.value = reset ? page.list : [...list.value, ...page.list]
+        finished.value = list.value.length >= page.total || page.list.length < pageSize.value
+    } catch (error) {
+        if (!reset) pageNo.value = Math.max(1, pageNo.value - 1)
+        uni.showToast({ title: t('functionCommon.loadFailed'), icon: 'none' })
+    } finally {
+        loading.value = false
+        loadingMore.value = false
+    }
+}
+
+function handleSearch() {
+    clearSearchTimer()
+    uni.hideKeyboard()
+    fetchList(true)
+}
+
+function handleKeywordInput() {
+    clearSearchTimer()
+    searchTimer = setTimeout(() => {
+        fetchList(true)
+    }, 300)
+}
+
+async function resetFilters() {
+    clearSearchTimer()
+    searchKeyword.value = ''
+    selectedJobStatus.value = '0'
+    activateKeywordFocus()
+    await nextTick()
+    await fetchList(true)
+}
+
+function onJobStatusChange(event) {
+    const index = Number(event?.detail?.value || 0)
+    selectedJobStatus.value = jobStatusOptions.value[index]?.value ?? ''
+    fetchList(true)
+}
+
+async function loadMore() {
+    if (loading.value || loadingMore.value || finished.value) return
+    pageNo.value += 1
+    await fetchList(false)
+}
+
+function openDetail(item) {
+    if (!item?.id) {
+        uni.showToast({ title: t('functionCommon.noIdView'), icon: 'none' })
+        return
+    }
+    uni.setStorageSync('moldMaintainDetail', JSON.stringify(item))
+    uni.navigateTo({
+        url: `/pages_function/pages/moldMaintain/detail?id=${encodeURIComponent(String(item.id))}`
+    })
+}
+
+function goAdd() {
+  uni.navigateTo({
+    url: '/pages_function/pages/moldMaintain/add'
+  })
+}
+
+function onScroll(event) {
+    showGoTop.value = (event?.detail?.scrollTop || 0) > 600
+}
+
+function goTop() {
+    scrollTop.value = 0
+}
+
+function activateKeywordFocus() {
+    keywordFocus.value = false
+    nextTick(() => {
+        keywordFocus.value = true
+    })
+}
+
+function clearSearchTimer() {
+    if (searchTimer) {
+        clearTimeout(searchTimer)
+        searchTimer = null
+    }
+}
+
+function taskTypeText(value) {
+    const normalized = String(value)
+    if (normalized === '1') return t('moldMaintain.taskTypeInspect')
+    if (normalized === '2') return t('moldMaintain.taskTypeMaintain')
+    return textValue(value)
+}
+
+function jobStatusText(value) {
+    return getDictLabel(DICT_TYPE.JOB_STATUS, value, textValue(value))
+}
+
+function jobStatusClass(value) {
+    const normalized = String(value)
+    if (normalized === '2') return 'text-primary'
+    if (normalized === '1') return 'text-success'
+    if (normalized === '3') return 'text-danger'
+    if (normalized === '4') return 'text-muted'
+    return 'text-warning'
+}
+
+function jobResultText(value) {
+    const normalized = String(value).trim().toUpperCase()
+    if (normalized === '1' || normalized === 'OK') return t('moldMaintain.jobResultOk')
+    if (normalized === '2' || normalized === 'NG') return t('moldMaintain.jobResultNg')
+    if (!normalized || normalized === '0') return '-'
+    return textValue(value)
+}
+
+function jobResultClass(value) {
+    const normalized = String(value).trim().toUpperCase()
+    if (normalized === '1' || normalized === 'OK') return 'text-success'
+    if (normalized === '2' || normalized === 'NG') return 'text-danger'
+    return ''
+}
+
+function textValue(value) {
+    if (value === 0) return '0'
+    if (value === null || value === undefined) return '-'
+    const text = String(value).trim()
+    return text || '-'
+}
+
+function formatDateTime(value) {
+    if (!value) return '-'
+    if (Array.isArray(value) && value.length >= 3) {
+        const [year, month, day, hour = 0, minute = 0, second = 0] = value
+        const pad = (num) => String(num).padStart(2, '0')
+        return `${year}-${pad(month)}-${pad(day)} ${pad(hour)}:${pad(minute)}:${pad(second)}`
+    }
+    const date = new Date(Number(value))
+    if (Number.isNaN(date.getTime())) return textValue(value)
+    const pad = (num) => String(num).padStart(2, '0')
+    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}`
+}
+</script>
+
+<style lang="scss" scoped>
+.page-container {
+    min-height: 100vh;
+    background: #f4f5f7;
+}
+
+.filter-bar {
+    display: flex;
+    align-items: center;
+    gap: 12rpx;
+    padding: 18rpx 4rpx 0rpx;
+}
+
+.keyword-box,
+.status-box,
+.reset-filter-btn {
+    min-width:100rpx;
+    height: 66rpx;
+    background: #ffffff;
+    border: 1rpx solid #d9dde5;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+}
+
+.keyword-box {
+    flex: 1;
+    min-width: 0;
+    padding: 0 28rpx;
+}
+
+.keyword-input {
+    width: 100%;
+    font-size: 24rpx;
+    color: #374151;
+}
+
+.status-box {
+    flex-shrink: 0;
+    justify-content: space-between;
+    padding: 0 28rpx;
+    min-width: 160rpx;
+}
+
+.status-box-text {
+    font-size: 24rpx;
+    color: #374151;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.reset-filter-btn {
+    justify-content: center;
+    font-size: 24rpx;
+    color: #4b5563;
+}
+
+.list-scroll {
+    height: calc(100vh - 194rpx);
+}
+
+.list-wrap {
+    padding: 0 4rpx 140rpx;
+}
+
+.task-card {
+    position: relative;
+    margin-top: 20rpx;
+    padding: 28rpx;
+    background: #fff;
+    border-radius: 22rpx;
+    box-shadow: 0 8rpx 28rpx rgba(15, 23, 42, 0.06);
+}
+
+.card-header {
+    margin-bottom: 18rpx;
+}
+
+.header-main {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16rpx;
+}
+
+.header-left {
+    min-width: 0;
+    flex: 1;
+}
+
+.header-tags {
+    display: flex;
+    align-items: center;
+    gap: 12rpx;
+    flex-shrink: 0;
+}
+
+.task-name {
+    flex: 1;
+    font-size: 32rpx;
+    font-weight: 700;
+    color: #0f172a;
+    margin-left: 12rpx
+}
+
+.task-type-tag {
+    padding: 8rpx 18rpx;
+    border-radius: 8rpx;
+    font-size: 22rpx;
+}
+
+.record-tag {
+    padding: 8rpx 18rpx;
+    border-radius: 999rpx;
+    font-size: 22rpx;
+    line-height: 1;
+    background: #e2e8f0;
+    color: #64748b;
+}
+
+.tag-inspect {
+    color: #1d4ed8;
+    background: #dbeafe;
+}
+
+.tag-maintain {
+    color: #15803d;
+    background: #dcfce7;
+}
+
+.card-body .row {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: 20rpx;
+}
+
+.label {
+    width: 180rpx;
+    font-size: 25rpx;
+    color: #94a3b8;
+}
+
+.value {
+    flex: 1;
+    text-align: right;
+    font-size: 27rpx;
+    color: #334155;
+    line-height: 1.5;
+}
+
+.text-success {
+    color: #16a34a;
+}
+
+.text-danger {
+    color: #dc2626;
+}
+
+.text-warning {
+    color: #f59e0b;
+}
+
+.text-primary {
+    color: #2563eb;
+}
+
+.text-muted {
+    color: #94a3b8;
+}
+
+.record-tag.text-success {
+    color: #15803d;
+    background: #dcfce7;
+}
+
+.record-tag.text-danger {
+    color: #dc2626;
+    background: #fee2e2;
+}
+
+.record-tag.text-warning {
+    color: #d97706;
+    background: #fef3c7;
+}
+
+.record-tag.text-primary {
+    color: #1d4ed8;
+    background: #dbeafe;
+}
+
+.record-tag.text-muted {
+    color: #64748b;
+    background: #e2e8f0;
+}
+
+.hint {
+    padding: 36rpx 0;
+    text-align: center;
+    color: #94a3b8;
+    font-size: 26rpx;
+}
+
+.go-top-btn {
+    position: fixed;
+    right: 28rpx;
+    bottom: calc(140rpx + env(safe-area-inset-bottom));
+    width: 88rpx;
+    height: 88rpx;
+    border-radius: 44rpx;
+    background: rgba(255, 255, 255, 0.96);
+    box-shadow: 0 8rpx 24rpx rgba(15, 23, 42, 0.12);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.add-btn,
+.go-top-btn {
+    position: fixed;
+    right: 32rpx;
+    width: 92rpx;
+    height: 92rpx;
+    border-radius: 46rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0 14rpx 30rpx rgba(24, 63, 108, 0.24);
+}
+
+.add-btn {
+    right: 28rpx;
+    bottom: calc(56rpx + env(safe-area-inset-bottom));
+    background: #1f4b79;
+}
+
+.add-icon {
+    color: #ffffff;
+    font-size: 64rpx;
+    line-height: 1;
+    margin-top: -4rpx;
+}
+</style>
diff --git a/src/utils/permissionMenu.js b/src/utils/permissionMenu.js
index a4e6847..cb7d935 100644
--- a/src/utils/permissionMenu.js
+++ b/src/utils/permissionMenu.js
@@ -30,6 +30,10 @@ const MENU_ROUTE_MAP = {
   moldtaskconfig: '/pages_function/pages/moldTaskConfiguration/index',
   '点检记录': '/pages_function/pages/moldWorkOrderInquiry/index',
   moldworkorderinquiry: '/pages_function/pages/moldWorkOrderInquiry/index',
+  '模具保养': '/pages_function/pages/moldMaintain/index',
+  '保养记录': '/pages_function/pages/moldMaintain/index',
+  moldmaintain: '/pages_function/pages/moldMaintain/index',
+  moldmaintenance: '/pages_function/pages/moldMaintain/index',
   '产品物料分类': '/pages_function/pages/materialCategory/index',
   materialcategory: '/pages_function/pages/materialCategory/index',
   '产品物料信息': '/pages_function/pages/materialInfo/index',