From 13a6bef7ffa9865ff5c5deeea4a730aa972f543b Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Thu, 11 Jun 2026 14:05:47 +0800
Subject: [PATCH] =?UTF-8?q?style=EF=BC=9A=E6=A8=A1=E5=85=B7=E7=82=B9?=
 =?UTF-8?q?=E6=A3=80=E3=80=81=E4=BF=9D=E5=85=BB=E3=80=81=E7=BB=B4=E4=BF=AE?=
 =?UTF-8?q?=E5=8D=95=E3=80=81=E6=9B=B4=E6=8D=A2=E5=8E=8B=E7=BD=91=E5=BA=95?=
 =?UTF-8?q?=E9=83=A8=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F=E7=BB=9F=E4=B8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages_function/pages/moldCheck/add.vue    | 29 +++++++++----------
 src/pages_function/pages/moldCheck/detail.vue | 10 +++----
 src/pages_function/pages/moldMaintain/add.vue | 23 +++++++--------
 .../pages/moldMaintain/detail.vue             |  8 ++---
 .../pages/moldPressureNet/index.vue           |  8 ++---
 src/pages_function/pages/moldRepair/form.vue  | 16 +++++-----
 6 files changed, 46 insertions(+), 48 deletions(-)

diff --git a/src/pages_function/pages/moldCheck/add.vue b/src/pages_function/pages/moldCheck/add.vue
index 8bf2a5f..6907021 100644
--- a/src/pages_function/pages/moldCheck/add.vue
+++ b/src/pages_function/pages/moldCheck/add.vue
@@ -1,10 +1,10 @@
-<template>
+<template>
   <view class="page-container">
     <NavBar :title="t('moldCheck.addTitle')" />
 
     <scroll-view scroll-y class="detail-scroll">
       <view class="content-section">
-        <!-- 妯″叿淇℃伅 -->
+        <!-- 模具信息 -->
         <view class="section-card">
           <view class="section-header">
             <view class="section-icon">
@@ -52,7 +52,7 @@
           </view>
         </view>
 
-        <!-- 浠诲姟淇℃伅 -->
+        <!-- 任务信息 -->
         <view class="section-card">
           <view class="section-header">
             <view class="section-icon">
@@ -77,9 +77,8 @@
           </view>
         </view>
 
-        <!-- 鐐规椤瑰垪琛?-->
-        <view v-if="!inspectionItems.length" class="hint">{{ t('moldCheck.noItems') }}</view>
-        <view v-else class="inspection-section">
+        <!-- 点检项列表 -->
+        <view v-if="selectedTemplate" class="inspection-section">
           <view class="inspection-toolbar">
             <text class="inspection-toolbar-title">{{ t('moldCheck.resultListTitle') }}</text>
             <view :class="['edit-toggle-btn', ticketResultEditable ? 'active' : '']" @click="toggleTicketResultEditable">
@@ -183,7 +182,7 @@
       <view :class="['action-btn', 'submit-btn', submitLoading ? 'action-btn-disabled' : '']" @click="handleSubmit">{{ t('moldCheck.submit') }}</view>
     </view>
 
-    <!-- 妯″叿閫夋嫨寮圭獥 -->
+    <!-- 模具选择弹窗 -->
     <view v-if="showMoldPicker" class="picker-mask" @click="closeMoldPicker">
       <view class="picker-popup" @click.stop>
         <view class="picker-header">
@@ -215,7 +214,7 @@
       </view>
     </view>
 
-    <!-- 妯℃澘閫夋嫨寮圭獥 -->
+    <!-- 模板选择弹窗 -->
     <view v-if="showTemplatePicker" class="picker-mask" @click="closeTemplatePicker">
       <view class="picker-popup" @click.stop>
         <view class="picker-header">
@@ -298,12 +297,12 @@ onLoad(async (query) => {
   const moldId = String(query?.id || '')
 
   if (moldId) {
-    // 浠庡垪琛ㄩ〉浼犲叆浜嗘ā鍏稩D
+    // 从列表页传入了模具ID
     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
@@ -317,7 +316,7 @@ onLoad(async (query) => {
       await loadMoldInfo(moldId)
     }
   }
-  // 濡傛灉娌℃湁浼犲叆妯″叿ID锛岀敤鎴烽渶瑕侀€氳繃妯″叿閫夋嫨鍣ㄩ€夋嫨
+  // 如果没有传入模具ID，用户需要通过模具选择器选择
 })
 
 async function loadMoldInfo(id) {
@@ -732,10 +731,10 @@ async function handleSubmit() {
 .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-bar { position: fixed; left: 0; right: 0; bottom: 0; display: flex; gap: 18rpx; padding: 18rpx 24rpx calc(18rpx + env(safe-area-inset-bottom)); background: #ffffff; box-shadow: 0 -8rpx 24rpx rgba(15, 23, 42, 0.06); }
+.action-btn { flex: 1; height: 84rpx; border-radius: 16rpx; display: flex; align-items: center; justify-content: center; font-size: 30rpx; font-weight: 600; }
+.back-btn { background: #eef2f7; color: #475569; }
+.submit-btn { background: #1f4b79; 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); }
diff --git a/src/pages_function/pages/moldCheck/detail.vue b/src/pages_function/pages/moldCheck/detail.vue
index e62205f..0cf626a 100644
--- a/src/pages_function/pages/moldCheck/detail.vue
+++ b/src/pages_function/pages/moldCheck/detail.vue
@@ -416,9 +416,9 @@ function normalizeTextInput(value) {
 .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-bar { position: fixed; left: 0; right: 0; bottom: 0; display: flex; gap: 18rpx; padding: 18rpx 24rpx calc(18rpx + env(safe-area-inset-bottom)); background: #ffffff; box-shadow: 0 -8rpx 24rpx rgba(15, 23, 42, 0.06); }
+.action-btn { flex: 1; height: 84rpx; border-radius: 16rpx; display: flex; align-items: center; justify-content: center; font-size: 30rpx; font-weight: 600; }
+.back-btn { background: #eef2f7; color: #475569; }
+.save-btn { background: #1f4b79; color: #ffffff; }
 .action-btn-disabled { background: #94a3b8; }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/pages_function/pages/moldMaintain/add.vue b/src/pages_function/pages/moldMaintain/add.vue
index 9f8025e..d94c17e 100644
--- a/src/pages_function/pages/moldMaintain/add.vue
+++ b/src/pages_function/pages/moldMaintain/add.vue
@@ -1,10 +1,10 @@
-<template>
+<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">
@@ -52,7 +52,7 @@
           </view>
         </view>
 
-        <!-- 浠诲姟淇℃伅 -->
+        <!-- 任务信息 -->
         <view class="section-card">
           <view class="section-header">
             <view class="section-icon">
@@ -77,9 +77,8 @@
           </view>
         </view>
 
-        <!-- 鐐规椤瑰垪琛?-->
-        <view v-if="!inspectionItems.length" class="hint">{{ t('moldMaintain.noItems') }}</view>
-        <view v-else class="inspection-section">
+        <!-- 点检项列表 -->
+        <view v-if="selectedTemplate" class="inspection-section">
           <view class="inspection-toolbar">
             <text class="inspection-toolbar-title">{{ t('moldMaintain.resultListTitle') }}</text>
             <view :class="['edit-toggle-btn', ticketResultEditable ? 'active' : '']" @click="toggleTicketResultEditable">
@@ -215,7 +214,7 @@
       </view>
     </view>
 
-    <!-- 妯℃澘閫夋嫨寮圭獥 -->
+    <!-- 模板选择弹窗 -->
     <view v-if="showTemplatePicker" class="picker-mask" @click="closeTemplatePicker">
       <view class="picker-popup" @click.stop>
         <view class="picker-header">
@@ -298,7 +297,7 @@ onLoad(async (query) => {
   const moldId = String(query?.id || '')
 
   if (moldId) {
-    // 浠庡垪琛ㄩ〉浼犲叆浜嗘ā鍏稩D
+    // 从列表页传入了模具ID
     const urlCode = query?.code ? decodeURIComponent(query.code) : ''
     const urlName = query?.name ? decodeURIComponent(query.name) : ''
 
@@ -732,10 +731,10 @@ async function handleSubmit() {
 .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-bar { position: fixed; left: 0; right: 0; bottom: 0; display: flex; gap: 18rpx; padding: 18rpx 24rpx calc(18rpx + env(safe-area-inset-bottom)); background: #ffffff; box-shadow: 0 -8rpx 24rpx rgba(15, 23, 42, 0.06); }
+.action-btn { flex: 1; height: 84rpx; border-radius: 16rpx; display: flex; align-items: center; justify-content: center; font-size: 30rpx; font-weight: 600; }
+.back-btn { background: #eef2f7; color: #475569; }
+.submit-btn { background: #1f4b79; 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); }
diff --git a/src/pages_function/pages/moldMaintain/detail.vue b/src/pages_function/pages/moldMaintain/detail.vue
index 74dd47b..2360f1b 100644
--- a/src/pages_function/pages/moldMaintain/detail.vue
+++ b/src/pages_function/pages/moldMaintain/detail.vue
@@ -416,9 +416,9 @@ function normalizeTextInput(value) {
 .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-bar { position: fixed; left: 0; right: 0; bottom: 0; display: flex; gap: 18rpx; padding: 18rpx 24rpx calc(18rpx + env(safe-area-inset-bottom)); background: #ffffff; box-shadow: 0 -8rpx 24rpx rgba(15, 23, 42, 0.06); }
+.action-btn { flex: 1; height: 84rpx; border-radius: 16rpx; display: flex; align-items: center; justify-content: center; font-size: 30rpx; font-weight: 600; }
+.back-btn { background: #eef2f7; color: #475569; }
+.save-btn { background: #1f4b79; color: #ffffff; }
 .action-btn-disabled { background: #94a3b8; }
 </style>
diff --git a/src/pages_function/pages/moldPressureNet/index.vue b/src/pages_function/pages/moldPressureNet/index.vue
index c4368a0..c901f4e 100644
--- a/src/pages_function/pages/moldPressureNet/index.vue
+++ b/src/pages_function/pages/moldPressureNet/index.vue
@@ -399,10 +399,10 @@ async function handleSubmit() {
 .template-text { font-size: 28rpx; color: #374151; }
 .template-text.placeholder { color: #9ca3af; }
 .form-textarea { width: 100%; min-height: 120rpx; background: #f8fafc; border-radius: 14rpx; padding: 18rpx 22rpx; font-size: 26rpx; color: #374151; box-sizing: border-box; }
-.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-bar { position: fixed; left: 0; right: 0; bottom: 0; display: flex; gap: 18rpx; padding: 18rpx 24rpx calc(18rpx + env(safe-area-inset-bottom)); background: #ffffff; box-shadow: 0 -8rpx 24rpx rgba(15, 23, 42, 0.06); }
+.action-btn { flex: 1; height: 84rpx; border-radius: 16rpx; display: flex; align-items: center; justify-content: center; font-size: 30rpx; font-weight: 600; }
+.back-btn { background: #eef2f7; color: #475569; }
+.submit-btn { background: #1f4b79; 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); }
diff --git a/src/pages_function/pages/moldRepair/form.vue b/src/pages_function/pages/moldRepair/form.vue
index 8694303..2030709 100644
--- a/src/pages_function/pages/moldRepair/form.vue
+++ b/src/pages_function/pages/moldRepair/form.vue
@@ -927,20 +927,20 @@ function goBack() {
 
 .page-footer {
   position: fixed;
-  bottom: 0;
   left: 0;
   right: 0;
+  bottom: 0;
   display: flex;
-  gap: 20rpx;
-  padding: 20rpx 32rpx calc(20rpx + env(safe-area-inset-bottom));
+  gap: 18rpx;
+  padding: 18rpx 24rpx calc(18rpx + env(safe-area-inset-bottom));
   background: #ffffff;
-  box-shadow: 0 -2rpx 12rpx rgba(0, 0, 0, 0.04);
+  box-shadow: 0 -8rpx 24rpx rgba(15, 23, 42, 0.06);
 }
 
 .footer-btn {
   flex: 1;
   height: 84rpx;
-  border-radius: 42rpx;
+  border-radius: 16rpx;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -949,12 +949,12 @@ function goBack() {
 }
 
 .footer-btn.cancel {
-  background: #f3f4f6;
-  color: #4b5563;
+  background: #eef2f7;
+  color: #475569;
 }
 
 .footer-btn.confirm {
   background: #1f4b79;
   color: #ffffff;
 }
-</style>
\ No newline at end of file
+</style>