From b4b7c1359c5f17d033f844d1c903b2663f8233b9 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Wed, 22 Apr 2026 16:00:37 +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=E7=AE=A1=E7=90=86-=E7=82=B9=E6=A3=80=E6=A8=A1?=
 =?UTF-8?q?=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/mes/moldInspectionPlan.js             |  48 ++
 .../pages/moldInspectionItems/index.vue       |  18 +-
 .../pages/moldInspectionPlan/detail.vue       | 166 ++++++
 .../pages/moldInspectionPlan/index.vue        | 486 ++++++++++++++++++
 4 files changed, 709 insertions(+), 9 deletions(-)
 create mode 100644 src/api/mes/moldInspectionPlan.js
 create mode 100644 src/pages_function/pages/moldInspectionPlan/detail.vue
 create mode 100644 src/pages_function/pages/moldInspectionPlan/index.vue

diff --git a/src/api/mes/moldInspectionPlan.js b/src/api/mes/moldInspectionPlan.js
new file mode 100644
index 0000000..d16828a
--- /dev/null
+++ b/src/api/mes/moldInspectionPlan.js
@@ -0,0 +1,48 @@
+import request from '@/utils/request'
+
+export function getMoldInspectionPlanPage(params = {}) {
+  return request({
+    url: '/admin-api/mes/mold-plan-maintenance/page',
+    method: 'get',
+    params
+  })
+}
+
+export function getMoldInspectionPlanDetail(id) {
+  return request({
+    url: '/admin-api/mes/mold-plan-maintenance/getSubjectList',
+    method: 'get',
+    params: { id }
+  })
+}
+
+export function createMoldInspectionPlan(data) {
+  return request({
+    url: '/admin-api/mes/mold-plan-maintenance/create',
+    method: 'post',
+    data
+  })
+}
+
+export function updateMoldInspectionPlan(data) {
+  return request({
+    url: '/admin-api/mes/mold-plan-maintenance/update',
+    method: 'put',
+    data
+  })
+}
+
+export function deleteMoldInspectionPlan(ids = []) {
+  return request({
+    url: '/admin-api/mes/mold-plan-maintenance/delete',
+    method: 'delete',
+    params: { ids: Array.isArray(ids) ? ids.join(',') : String(ids) }
+  })
+}
+
+export function getMoldSubjectAllList() {
+  return request({
+    url: '/admin-api/mes/mold-subject/getAllList',
+    method: 'get'
+  })
+}
diff --git a/src/pages_function/pages/moldInspectionItems/index.vue b/src/pages_function/pages/moldInspectionItems/index.vue
index 29c2b4c..5d7c0e7 100644
--- a/src/pages_function/pages/moldInspectionItems/index.vue
+++ b/src/pages_function/pages/moldInspectionItems/index.vue
@@ -22,14 +22,6 @@
               <text class="type-name">{{ textValue(item.subjectName) }}</text>
               <text class="type-code">{{ t('moldInspectionItems.code') }}: {{ textValue(item.subjectCode) }}</text>
             </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>
-            </view>
           </view>
           <view class="card-body">
             <view class="row">
@@ -53,6 +45,14 @@
               <text class="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>
+          </view>
         </view>
 
         <view v-if="loading && pageNo === 1" class="hint">{{ t('functionCommon.loading') }}</view>
@@ -388,7 +388,7 @@ onShow(async () => {
 .header-left { display: flex; flex-direction: column; gap: 8rpx; }
 .type-name { font-size: 32rpx; font-weight: 700; color: #1f2d3d; }
 .type-code { font-size: 24rpx; color: #8a9099; }
-.card-actions { display: flex; gap: 14rpx; }
+.card-actions { margin-top: 24rpx; display: flex; justify-content: flex-end; gap: 14rpx; }
 .action-btn { width: 60rpx; height: 60rpx; border-radius: 12rpx; display: flex; align-items: center; justify-content: center; }
 .edit-btn { background: #1a3a5c; }
 .delete-btn { background: #e34d59; }
diff --git a/src/pages_function/pages/moldInspectionPlan/detail.vue b/src/pages_function/pages/moldInspectionPlan/detail.vue
new file mode 100644
index 0000000..26c08f4
--- /dev/null
+++ b/src/pages_function/pages/moldInspectionPlan/detail.vue
@@ -0,0 +1,166 @@
+<template>
+  <view class="page-container">
+    <view class="fixed-header">
+      <AppTitleHeader :title="t('moldInspectionPlan.detailTitle')" />
+    </view>
+
+    <scroll-view scroll-y class="detail-scroll">
+      <view class="content-section">
+        <!-- 基础信息 -->
+        <view class="info-card">
+          <view class="card-title">{{ t('moldInspectionPlan.basicInfo') }}</view>
+          <view class="info-list">
+            <view class="info-row">
+              <text class="info-label">{{ t('moldInspectionPlan.planName') }}</text>
+              <text class="info-value">{{ textValue(detailData.planName) }}</text>
+            </view>
+            <view class="info-row">
+              <text class="info-label">{{ t('moldInspectionPlan.planType') }}</text>
+              <text class="info-value">{{ planTypeText }}</text>
+            </view>
+            <view class="info-row">
+              <text class="info-label">{{ t('moldInspectionPlan.description') }}</text>
+              <text class="info-value">{{ textValue(detailData.description) }}</text>
+            </view>
+            <view class="info-row">
+              <text class="info-label">{{ t('moldInspectionPlan.creatorName') }}</text>
+              <text class="info-value">{{ textValue(detailData.creatorName) }}</text>
+            </view>
+            <view class="info-row">
+              <text class="info-label">{{ t('moldInspectionPlan.createTime') }}</text>
+              <text class="info-value">{{ formatDateTime(detailData.createTime) }}</text>
+            </view>
+            <view class="info-row">
+              <text class="info-label">{{ t('moldInspectionPlan.updateTime') }}</text>
+              <text class="info-value">{{ formatDateTime(detailData.updateTime) }}</text>
+            </view>
+          </view>
+        </view>
+
+        <!-- 关联点检项 -->
+        <view class="info-card">
+          <view class="card-title">{{ t('moldInspectionPlan.subjectListTitle') }}</view>
+          <view v-if="subjectLoading" class="hint">{{ t('functionCommon.loading') }}</view>
+          <view v-else-if="!subjectList.length" class="hint">{{ t('moldInspectionPlan.noSubjectData') }}</view>
+          <view v-else class="subject-list">
+            <view v-for="(item, index) in subjectList" :key="item.id || index" class="subject-card">
+              <view class="subject-index">{{ index + 1 }}</view>
+              <view class="subject-body">
+                <view class="subject-row">
+                  <text class="subject-label">{{ t('moldInspectionPlan.subjectCode') }}</text>
+                  <text class="subject-value">{{ textValue(item.subjectCode) }}</text>
+                </view>
+                <view class="subject-row">
+                  <text class="subject-label">{{ t('moldInspectionPlan.subjectName') }}</text>
+                  <text class="subject-value">{{ textValue(item.subjectName) }}</text>
+                </view>
+                <view class="subject-row">
+                  <text class="subject-label">{{ t('moldInspectionPlan.inspectionMethod') }}</text>
+                  <text class="subject-value">{{ getInspectionMethodLabel(item.inspectionMethod) }}</text>
+                </view>
+                <view class="subject-row">
+                  <text class="subject-label">{{ t('moldInspectionPlan.judgmentCriteria') }}</text>
+                  <text class="subject-value">{{ textValue(item.judgmentCriteria) }}</text>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup>
+import { computed, reactive, ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { useI18n } from 'vue-i18n'
+import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
+import { getMoldInspectionPlanDetail } from '@/api/mes/moldInspectionPlan'
+
+const { t } = useI18n()
+
+const detailData = reactive({})
+const subjectList = ref([])
+const subjectLoading = ref(false)
+
+const planTypeText = computed(() => {
+  const v = detailData.planType
+  if (v === 1) return t('moldInspectionPlan.planTypeMaintain')
+  if (v === 2) return t('moldInspectionPlan.planTypeInspect')
+  return textValue(v)
+})
+
+function textValue(v) {
+  if (v === 0) return '0'
+  if (v === null || v === undefined) return '-'
+  const s = String(v).trim()
+  return s || '-'
+}
+
+function getInspectionMethodLabel(value) {
+  return getDictLabel(DICT_TYPE.INSPECTION_METHOD, value, textValue(value))
+}
+
+function formatDateTime(v) {
+  if (!v) return '-'
+  if (Array.isArray(v) && v.length >= 3) {
+    const [y, m, d, hh = 0, mm = 0, ss = 0] = v
+    const p = (n) => String(n).padStart(2, '0')
+    return `${y}-${p(m)}-${p(d)} ${p(hh)}:${p(mm)}:${p(ss)}`
+  }
+  const d = new Date(Number(v))
+  if (Number.isNaN(d.getTime())) return textValue(v)
+  const p = (n) => String(n).padStart(2, '0')
+  return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`
+}
+
+onLoad(async (query) => {
+  const id = query?.id
+  if (!id) {
+    uni.showToast({ title: t('functionCommon.noIdView'), icon: 'none' })
+    return
+  }
+  await initAllDict()
+  try {
+    const cached = uni.getStorageSync('moldInspectionPlanDetail')
+    if (cached) {
+      const data = JSON.parse(cached)
+      Object.assign(detailData, data)
+      uni.removeStorageSync('moldInspectionPlanDetail')
+    }
+  } catch (e) {}
+  subjectLoading.value = true
+  try {
+    const res = await getMoldInspectionPlanDetail(id)
+    const root = res && res.data !== undefined ? res.data : res
+    const subjects = Array.isArray(root) ? root : root?.list || root?.data?.list || []
+    subjectList.value = Array.isArray(subjects) ? subjects : []
+  } catch (e) {
+    uni.showToast({ title: t('functionCommon.loadFailed'), icon: 'none' })
+  } finally {
+    subjectLoading.value = false
+  }
+})
+</script>
+
+<style lang="scss" scoped>
+.page-container { min-height: 100vh; background-color: #f0f2f5; }
+.fixed-header { position: sticky; top: 0; z-index: 20; }
+.detail-scroll { height: calc(100vh - 88rpx); }
+.content-section { padding: 0 24rpx 24rpx; }
+.info-card { margin-top: 20rpx; background: #fff; border-radius: 20rpx; padding: 28rpx; box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05); }
+.card-title { font-size: 32rpx; color: #1a3a5c; font-weight: 700; margin-bottom: 18rpx; }
+.info-row { display: flex; justify-content: space-between; align-items: flex-start; padding: 18rpx 0; border-bottom: 1rpx solid #edf0f3; }
+.info-label { font-size: 27rpx; color: #8a9099; width: 220rpx; }
+.info-value { flex: 1; text-align: right; font-size: 28rpx; color: #303133; line-height: 1.45; }
+.hint { text-align: center; color: #909399; padding: 24rpx 0; font-size: 26rpx; }
+.subject-list { display: flex; flex-direction: column; gap: 16rpx; }
+.subject-card { display: flex; background: #f7f9fc; border-radius: 14rpx; padding: 20rpx; gap: 16rpx; }
+.subject-index { min-width: 48rpx; height: 48rpx; border-radius: 10rpx; background: #1a3a5c; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 24rpx; font-weight: 700; }
+.subject-body { flex: 1; display: flex; flex-direction: column; gap: 8rpx; }
+.subject-row { display: flex; justify-content: space-between; align-items: center; }
+.subject-label { font-size: 24rpx; color: #8a9099; }
+.subject-value { font-size: 26rpx; color: #30363d; max-width: 60%; text-align: right; }
+</style>
diff --git a/src/pages_function/pages/moldInspectionPlan/index.vue b/src/pages_function/pages/moldInspectionPlan/index.vue
new file mode 100644
index 0000000..b05a485
--- /dev/null
+++ b/src/pages_function/pages/moldInspectionPlan/index.vue
@@ -0,0 +1,486 @@
+<template>
+  <view class="page-container">
+    <AppTitleHeader :title="t('moldInspectionPlan.moduleName')" :subTitle="t('moldInspectionPlan.subTitle')" :showSubTitle="true" />
+
+    <view class="search-card">
+      <view class="search-row">
+        <view class="search-input-wrap">
+          <text class="iconfont icon-search search-icon"></text>
+          <input v-model="searchKeyword" class="search-input" :placeholder="t('moldInspectionPlan.searchPlaceholder')" @confirm="handleSearch" />
+        </view>
+        <view class="search-btn" @click="handleSearch">{{ t('functionCommon.search') }}</view>
+      </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="type-card" @click="openDetail(item)">
+          <view class="card-header">
+            <view class="header-left">
+              <text class="type-name">{{ textValue(item.planName) }}</text>
+              <view class="tag-row">
+                <text class="type-code">{{ planTypeLabelForRow(item.planType) }}</text>
+              </view>
+            </view>
+          </view>
+          <view class="card-body">
+            <view class="row">
+              <text class="label">{{ t('moldInspectionPlan.description') }}</text>
+              <text class="value">{{ textValue(item.description) }}</text>
+            </view>
+            <view class="row">
+              <text class="label">{{ t('moldInspectionPlan.creatorName') }}</text>
+              <text class="value">{{ textValue(item.creatorName) }}</text>
+            </view>
+            <view class="row">
+              <text class="label">{{ t('moldInspectionPlan.createTime') }}</text>
+              <text class="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>
+          </view>
+        </view>
+
+        <view v-if="loading && pageNo === 1" class="hint">{{ t('functionCommon.loading') }}</view>
+        <view v-else-if="!list.length" class="hint">{{ t('moldInspectionPlan.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 class="fab-btn" @click="openCreate">
+      <uni-icons type="plusempty" size="30" color="#fff"></uni-icons>
+    </view>
+    <view v-if="showGoTop" class="go-top-btn" @click="goTop">
+      <uni-icons type="arrow-up" size="20" color="#1a3a5c"></uni-icons>
+    </view>
+
+    <!-- 新增/编辑弹框 -->
+    <uni-popup ref="formPopupRef" type="center" background-color="#fff">
+      <view class="popup-content">
+        <view class="popup-header">
+          <text class="popup-title">{{ formMode === 'create' ? t('moldInspectionPlan.createTitle') : t('moldInspectionPlan.editTitle') }}</text>
+          <view class="popup-close" @click="closeForm">
+            <text class="close-icon">×</text>
+          </view>
+        </view>
+        <scroll-view scroll-y class="form-scroll">
+          <view class="form-content">
+            <view class="form-item">
+              <text class="form-label">{{ t('moldInspectionPlan.planName') }} <text class="required-star">*</text></text>
+              <input v-model="formData.planName" class="form-input" type="text" :placeholder="t('moldInspectionPlan.placeholderPlanName')" />
+            </view>
+            <view class="form-item">
+              <text class="form-label">{{ t('moldInspectionPlan.planType') }} <text class="required-star">*</text></text>
+              <picker mode="selector" :range="planTypeOptions" range-key="label" :value="planTypeIndex" @change="onPlanTypeChange">
+                <view class="picker-view">{{ planTypeLabel || t('moldInspectionPlan.placeholderPlanType') }}</view>
+              </picker>
+            </view>
+            <view class="form-item">
+              <text class="form-label">{{ t('moldInspectionPlan.description') }}</text>
+              <textarea v-model="formData.description" class="form-textarea" :placeholder="t('moldInspectionPlan.placeholderDescription')" maxlength="500" />
+            </view>
+            <view class="form-item">
+              <text class="form-label">{{ t('moldInspectionPlan.subjectName') }}</text>
+              <view class="multi-select-wrap" @click="openSubjectPicker">
+                <text v-if="selectedSubjectLabels.length" class="selected-text">{{ selectedSubjectLabels.join(', ') }}</text>
+                <text v-else class="placeholder-text">{{ t('moldInspectionPlan.placeholderSubjectSelect') }}</text>
+              </view>
+            </view>
+          </view>
+        </scroll-view>
+        <view class="form-footer">
+          <view class="footer-btn cancel-btn" @click="closeForm"><text class="btn-text">{{ t('functionCommon.cancel') }}</text></view>
+          <view class="footer-btn confirm-btn" @click="submitForm"><text class="btn-text">{{ t('functionCommon.save') }}</text></view>
+        </view>
+      </view>
+    </uni-popup>
+
+    <!-- 点检项选择弹框 -->
+    <uni-popup ref="subjectPopupRef" type="center" background-color="#fff">
+      <view class="popup-content">
+        <view class="popup-header">
+          <text class="popup-title">{{ t('moldInspectionPlan.subjectSelectTitle') }}</text>
+          <view class="popup-close" @click="closeSubjectPicker">
+            <text class="close-icon">×</text>
+          </view>
+        </view>
+        <scroll-view scroll-y class="subject-scroll">
+          <view class="subject-list">
+            <view v-for="item in subjectOptions" :key="item.id" class="subject-item" @click="toggleSubject(item)">
+              <view class="checkbox-wrap">
+                <view :class="['checkbox-box', isSubjectSelected(item.id) ? 'checked' : '']">
+                  <uni-icons v-if="isSubjectSelected(item.id)" type="checkmarkempty" size="14" color="#fff"></uni-icons>
+                </view>
+              </view>
+              <view class="subject-info">
+                <text class="subject-name">{{ textValue(item.subjectName) }}</text>
+                <text class="subject-code">{{ textValue(item.subjectCode) }}</text>
+              </view>
+            </view>
+            <view v-if="!subjectOptions.length" class="hint">{{ t('moldInspectionPlan.noSubjectData') }}</view>
+          </view>
+        </scroll-view>
+        <view class="form-footer">
+          <view class="footer-btn cancel-btn" @click="closeSubjectPicker"><text class="btn-text">{{ t('functionCommon.cancel') }}</text></view>
+          <view class="footer-btn confirm-btn" @click="confirmSubjectPicker"><text class="btn-text">{{ t('functionCommon.save') }}</text></view>
+        </view>
+      </view>
+    </uni-popup>
+  </view>
+</template>
+
+<script setup>
+import { computed, reactive, ref } from 'vue'
+import { onShow } from '@dcloudio/uni-app'
+import { useI18n } from 'vue-i18n'
+import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
+import { getMoldInspectionPlanPage, createMoldInspectionPlan, updateMoldInspectionPlan, deleteMoldInspectionPlan, getMoldSubjectAllList } from '@/api/mes/moldInspectionPlan'
+
+const { t } = useI18n()
+
+const formPopupRef = ref(null)
+const subjectPopupRef = ref(null)
+const searchKeyword = ref('')
+const list = ref([])
+const loading = ref(false)
+const loadingMore = ref(false)
+const finished = ref(false)
+const pageNo = ref(1)
+const pageSize = ref(10)
+const scrollTop = ref(0)
+const showGoTop = ref(false)
+const formMode = ref('create')
+const subjectOptions = ref([])
+const tempSelectedSubjectIds = ref([])
+
+const planTypeOptions = computed(() => [
+  { value: 1, label: t('moldInspectionPlan.planTypeMaintain') },
+  { value: 2, label: t('moldInspectionPlan.planTypeInspect') }
+])
+
+const formData = reactive({
+  id: undefined,
+  planName: '',
+  planType: undefined,
+  description: '',
+  subjectIds: []
+})
+
+const planTypeIndex = computed(() => {
+  const idx = planTypeOptions.value.findIndex((o) => o.value === formData.planType)
+  return idx < 0 ? 0 : idx
+})
+const planTypeLabel = computed(() => {
+  const hit = planTypeOptions.value.find((o) => o.value === formData.planType)
+  return hit ? hit.label : ''
+})
+const selectedSubjectLabels = computed(() => {
+  return formData.subjectIds
+    .map((id) => {
+      const found = subjectOptions.value.find((s) => s.id === id)
+      return found ? found.subjectName : ''
+    })
+    .filter(Boolean)
+})
+
+function planTypeLabelForRow(value) {
+  const v = value === '' || value === null || value === undefined ? undefined : Number(value)
+  if (v === 1) return t('moldInspectionPlan.planTypeMaintain')
+  if (v === 2) return t('moldInspectionPlan.planTypeInspect')
+  return textValue(value)
+}
+
+function textValue(v) {
+  if (v === 0) return '0'
+  if (v === null || v === undefined) return '-'
+  const s = String(v).trim()
+  return s || '-'
+}
+
+function formatDateTime(v) {
+  if (!v) return '-'
+  if (Array.isArray(v) && v.length >= 3) {
+    const [y, m, d, hh = 0, mm = 0, ss = 0] = v
+    const p = (n) => String(n).padStart(2, '0')
+    return `${y}-${p(m)}-${p(d)} ${p(hh)}:${p(mm)}:${p(ss)}`
+  }
+  const d = new Date(Number(v))
+  if (Number.isNaN(d.getTime())) return textValue(v)
+  const p = (n) => String(n).padStart(2, '0')
+  return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`
+}
+
+function normalizePageData(res) {
+  const root = res && res.data !== undefined ? res.data : res
+  const l = root?.list || root?.rows || root?.records || root?.data?.list || []
+  const total = root?.total ?? root?.data?.total ?? (Array.isArray(l) ? l.length : 0)
+  return { list: Array.isArray(l) ? l : [], total: Number(total || 0) }
+}
+
+async function fetchList(reset = true) {
+  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,
+      planName: searchKeyword.value.trim() || undefined
+    }
+    const res = await getMoldInspectionPlanPage(params)
+    const page = normalizePageData(res)
+    if (reset) list.value = page.list
+    else list.value = [...list.value, ...page.list]
+    finished.value = list.value.length >= page.total || page.list.length < pageSize.value
+  } catch (e) {
+    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
+  }
+}
+
+async function handleSearch() { await fetchList(true) }
+async function loadMore() {
+  if (loading.value || loadingMore.value || finished.value) return
+  pageNo.value += 1
+  await fetchList(false)
+}
+function onScroll(e) {
+  const top = Number(e?.detail?.scrollTop || 0)
+  showGoTop.value = top > 600
+}
+function goTop() { scrollTop.value = 0 }
+
+async function ensureSubjectOptionsLoaded() {
+  if (subjectOptions.value.length) return
+  try {
+    const res = await getMoldSubjectAllList()
+    const root = res && res.data !== undefined ? res.data : res
+    const l = Array.isArray(root) ? root : root?.list || root?.data || []
+    subjectOptions.value = Array.isArray(l) ? l : []
+  } catch (e) {
+    subjectOptions.value = []
+  }
+}
+
+function resetForm() {
+  formData.id = undefined
+  formData.planName = ''
+  formData.planType = undefined
+  formData.description = ''
+  formData.subjectIds = []
+}
+
+async function openCreate() {
+  formMode.value = 'create'
+  resetForm()
+  await ensureSubjectOptionsLoaded()
+  formPopupRef.value?.open()
+}
+
+async function openEdit(item) {
+  const id = item?.id
+  if (!id) {
+    uni.showToast({ title: t('functionCommon.noIdEdit'), icon: 'none' })
+    return
+  }
+  formMode.value = 'update'
+  resetForm()
+  await ensureSubjectOptionsLoaded()
+  formData.id = item.id
+  formData.planName = item.planName || ''
+  formData.planType = item.planType ?? undefined
+  formData.description = item.description || ''
+  formData.subjectIds = parseSubjectIds(item.subjectIdS || item.subjectIds)
+  formPopupRef.value?.open()
+}
+
+function parseSubjectIds(value) {
+  if (!value) return []
+  if (Array.isArray(value)) return value.map((v) => (typeof v === 'number' ? v : Number(v))).filter((v) => Number.isFinite(v))
+  return String(value)
+    .split(',')
+    .map((v) => v.trim())
+    .filter(Boolean)
+    .map((v) => Number(v))
+    .filter((v) => Number.isFinite(v))
+}
+
+async function openDetail(item) {
+  if (!item?.id) {
+    uni.showToast({ title: t('functionCommon.noIdView'), icon: 'none' })
+    return
+  }
+  uni.setStorageSync('moldInspectionPlanDetail', JSON.stringify(item))
+  uni.navigateTo({
+    url: `/pages_function/pages/moldInspectionPlan/detail?id=${encodeURIComponent(String(item.id))}`
+  })
+}
+
+async function confirmDelete(item) {
+  if (!item?.id) {
+    uni.showToast({ title: t('functionCommon.noIdDelete'), icon: 'none' })
+    return
+  }
+  uni.showModal({
+    title: t('functionCommon.confirmDelete'),
+    content: t('moldInspectionPlan.confirmDelete'),
+    success: async ({ confirm }) => {
+      if (!confirm) return
+      try {
+        await deleteMoldInspectionPlan([item.id])
+        uni.showToast({ title: t('functionCommon.deleteSuccess'), icon: 'success' })
+        await fetchList(true)
+      } catch (e) {
+        uni.showToast({ title: t('functionCommon.deleteFailed'), icon: 'none' })
+      }
+    }
+  })
+}
+
+function closeForm() { formPopupRef.value?.close() }
+
+function onPlanTypeChange(e) {
+  const idx = Number(e?.detail?.value || 0)
+  formData.planType = planTypeOptions.value[idx]?.value
+}
+
+function openSubjectPicker() {
+  tempSelectedSubjectIds.value = [...formData.subjectIds]
+  subjectPopupRef.value?.open()
+}
+
+function closeSubjectPicker() {
+  subjectPopupRef.value?.close()
+}
+
+function confirmSubjectPicker() {
+  formData.subjectIds = [...tempSelectedSubjectIds.value]
+  subjectPopupRef.value?.close()
+}
+
+function isSubjectSelected(id) {
+  return tempSelectedSubjectIds.value.includes(id)
+}
+
+function toggleSubject(item) {
+  const id = item.id
+  const idx = tempSelectedSubjectIds.value.indexOf(id)
+  if (idx >= 0) {
+    tempSelectedSubjectIds.value.splice(idx, 1)
+  } else {
+    tempSelectedSubjectIds.value.push(id)
+  }
+}
+
+function validateForm() {
+  if (!String(formData.planName || '').trim()) {
+    uni.showToast({ title: t('moldInspectionPlan.validatorPlanNameRequired'), icon: 'none' })
+    return false
+  }
+  if (formData.planType === undefined || formData.planType === null || formData.planType === '') {
+    uni.showToast({ title: t('moldInspectionPlan.validatorPlanTypeRequired'), icon: 'none' })
+    return false
+  }
+  return true
+}
+
+async function submitForm() {
+  if (!validateForm()) return
+  const payload = {
+    id: formMode.value === 'update' ? formData.id : undefined,
+    planName: String(formData.planName).trim(),
+    planType: formData.planType,
+    description: String(formData.description || '').trim() || undefined,
+    subjectIdS: formData.subjectIds.length ? formData.subjectIds.join(',') : undefined
+  }
+  try {
+    if (formMode.value === 'create') {
+      await createMoldInspectionPlan(payload)
+      uni.showToast({ title: t('functionCommon.createSuccess'), icon: 'success' })
+    } else {
+      await updateMoldInspectionPlan(payload)
+      uni.showToast({ title: t('functionCommon.updateSuccess'), icon: 'success' })
+    }
+    closeForm()
+    await fetchList(true)
+  } catch (e) {
+    uni.showToast({ title: t('functionCommon.saveFailed'), icon: 'none' })
+  }
+}
+
+onShow(async () => {
+  await fetchList(true)
+})
+</script>
+
+<style lang="scss" scoped>
+.page-container { min-height: 100vh; background-color: #f0f2f5; }
+.search-card { margin: 16rpx 24rpx; display: flex; gap: 16rpx; background: #fff; border-radius: 14rpx; padding: 16rpx; }
+.search-row { display: flex; gap: 12rpx; width: 100%; }
+.search-input-wrap { flex: 1; display: flex; align-items: center; background: #f5f7fa; border-radius: 40rpx; padding: 0 20rpx; }
+.search-icon { color: #909399; font-size: 30rpx; }
+.search-input { flex: 1; height: 68rpx; margin-left: 12rpx; font-size: 26rpx; }
+.search-btn { min-width: 120rpx; height: 68rpx; border-radius: 34rpx; background: #1a3a5c; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 26rpx; }
+.list-scroll { height: calc(100vh - 280rpx); }
+.list-wrap { padding: 0 24rpx 130rpx; }
+.type-card { background: #ffffff; border-radius: 18rpx; padding: 24rpx; margin-bottom: 18rpx; box-shadow: 0 4rpx 18rpx rgba(0, 0, 0, 0.05); }
+.card-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 18rpx; border-bottom: 1rpx solid #edf0f3; }
+.header-left { display: flex; flex-direction: column; gap: 8rpx; flex: 1; }
+.type-name { font-size: 32rpx; font-weight: 700; color: #1f2d3d; }
+.tag-row { display: flex; align-items: center; }
+.type-code { font-size: 24rpx; color: #1a3a5c; background: rgba(26, 58, 92, 0.08); padding: 4rpx 14rpx; border-radius: 8rpx; }
+.card-actions { margin-top: 24rpx; display: flex; justify-content: flex-end; gap: 14rpx; }
+.action-btn { width: 60rpx; height: 60rpx; border-radius: 12rpx; display: flex; align-items: center; justify-content: center; }
+.edit-btn { background: #1a3a5c; }
+.delete-btn { background: #e34d59; }
+.card-body { padding-top: 16rpx; }
+.row { display: flex; justify-content: space-between; align-items: center; margin-top: 12rpx; }
+.label { font-size: 26rpx; color: #8a9099; }
+.value { font-size: 27rpx; color: #30363d; max-width: 62%; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.hint { text-align: center; color: #909399; padding: 24rpx 0; }
+.fab-btn { position: fixed; right: 34rpx; bottom: 120rpx; width: 96rpx; height: 96rpx; border-radius: 50%; background: linear-gradient(135deg, #1a3a5c 0%, #2d5a87 100%); display: flex; align-items: center; justify-content: center; box-shadow: 0 10rpx 30rpx rgba(26, 58, 92, 0.3); z-index: 20; }
+.go-top-btn { position: fixed; right: 34rpx; bottom: 240rpx; width: 80rpx; height: 80rpx; border-radius: 50%; background: #fff; box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.12); display: flex; align-items: center; justify-content: center; }
+.popup-content { width: 680rpx; max-height: 80vh; background: #fff; border-radius: 24rpx; overflow: hidden; }
+.popup-header { height: 92rpx; display: flex; align-items: center; justify-content: center; position: relative; border-bottom: 1rpx solid #edf0f3; }
+.popup-title { font-size: 32rpx; font-weight: 700; color: #1f2d3d; }
+.popup-close { position: absolute; right: 24rpx; top: 20rpx; width: 48rpx; height: 48rpx; display: flex; align-items: center; justify-content: center; }
+.close-icon { font-size: 42rpx; color: #9aa0a6; line-height: 1; }
+.form-scroll { max-height: calc(80vh - 180rpx); }
+.form-content { padding: 22rpx 28rpx; }
+.form-item { margin-bottom: 18rpx; }
+.form-label { display: block; font-size: 25rpx; color: #5f6b7a; margin-bottom: 10rpx; }
+.required-star { color: #e34d59; }
+.form-input { min-height: 72rpx; background: #f7f9fc; border-radius: 12rpx; padding: 0 18rpx; display: flex; align-items: center; font-size: 26rpx; color: #2f3a45; }
+.form-textarea { width: 100%; min-height: 140rpx; background: #f7f9fc; border-radius: 12rpx; padding: 14rpx 18rpx; font-size: 26rpx; color: #2f3a45; box-sizing: border-box; }
+.picker-view { min-height: 72rpx; background: #f7f9fc; border-radius: 12rpx; padding: 0 18rpx; display: flex; align-items: center; font-size: 26rpx; color: #2f3a45; }
+.multi-select-wrap { min-height: 72rpx; background: #f7f9fc; border-radius: 12rpx; padding: 14rpx 18rpx; font-size: 26rpx; }
+.selected-text { color: #2f3a45; word-break: break-all; }
+.placeholder-text { color: #c0c4cc; }
+.form-footer { height: 88rpx; display: flex; border-top: 1rpx solid #edf0f3; }
+.footer-btn { flex: 1; display: flex; align-items: center; justify-content: center; }
+.btn-text { font-size: 28rpx; }
+.cancel-btn { background: #f4f6fa; color: #5f6b7a; }
+.confirm-btn { background: #1a3a5c; color: #fff; }
+.subject-scroll { max-height: 50vh; }
+.subject-list { padding: 16rpx 24rpx; }
+.subject-item { display: flex; align-items: center; padding: 18rpx 0; border-bottom: 1rpx solid #f0f2f5; }
+.checkbox-wrap { margin-right: 20rpx; }
+.checkbox-box { width: 40rpx; height: 40rpx; border-radius: 8rpx; border: 2rpx solid #d0d5dd; display: flex; align-items: center; justify-content: center; background: #fff; }
+.checkbox-box.checked { background: #1a3a5c; border-color: #1a3a5c; }
+.subject-info { display: flex; flex-direction: column; gap: 4rpx; }
+.subject-name { font-size: 28rpx; color: #30363d; }
+.subject-code { font-size: 24rpx; color: #8a9099; }
+</style>