From 5e4e27023f18454e4de30c1ea40825907a2392e7 Mon Sep 17 00:00:00 2001
From: dd3s_206 <zhaoxinyu0716@gmail.com>
Date: Mon, 15 Jun 2026 09:23:04 +0800
Subject: [PATCH] =?UTF-8?q?=EF=BC=88=E4=BA=BA=E5=91=98=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=EF=BC=89=E7=A6=BB=E9=80=80=E4=BC=91-=E7=A6=BB=E9=80=80?=
 =?UTF-8?q?=E4=BC=91=E4=BA=BA=E5=91=98=E7=AE=A1=E7=90=86=EF=BC=9A=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E6=89=8B=E6=9C=BAh5=E7=AB=AF=E6=9F=A5=E8=AF=A2?=
 =?UTF-8?q?=E9=A1=B5=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../staffmanage/retired/list/index.html       | 51 ++++++++++++++-----
 1 file changed, 39 insertions(+), 12 deletions(-)

diff --git a/src/main/resources/views/platform/zhghh5/staffmanage/retired/list/index.html b/src/main/resources/views/platform/zhghh5/staffmanage/retired/list/index.html
index deed57c..9045ae3 100644
--- a/src/main/resources/views/platform/zhghh5/staffmanage/retired/list/index.html
+++ b/src/main/resources/views/platform/zhghh5/staffmanage/retired/list/index.html
@@ -11,8 +11,8 @@ layout("/layouts/platform_h5.html"){
             </template>
         </van-search>
         <div class="retired-toolbar">
-            <van-button size="small" type="primary" block @click="openAdd">新增退休人员</van-button>
-            <van-button size="small" type="info" block @click="openSet">设置退休人员</van-button>
+            <van-button class="toolbar-button" icon="plus" size="small" type="primary" block @click="openAdd">新增退休人员</van-button>
+            <van-button class="toolbar-button" icon="setting-o" size="small" type="info" block @click="openSet">设置退休人员</van-button>
         </div>
     </van-sticky>
 
@@ -76,7 +76,7 @@ layout("/layouts/platform_h5.html"){
             <van-field v-model="formData.nativePlace" label="籍贯" maxlength="100" placeholder="请输入籍贯"></van-field>
             <van-field v-model="formData.sex" name="sex" label="性别" placeholder="请选择性别" readonly is-link required :rules="[{required:true,message:'请选择性别'}]" @click="showSexPicker = true"></van-field>
             <van-field v-model="formData.birthday" label="出生日期" type="date" placeholder="请选择出生日期"></van-field>
-            <van-field v-model="formData.idCard" label="身份证号" maxlength="30" placeholder="请输入身份证号"></van-field>
+            <van-field v-model="formData.idCard" name="idCard" label="身份证号" maxlength="30" placeholder="请输入身份证号" :rules="idCardRules"></van-field>
             <van-field v-model="formData.political" label="政治面貌" maxlength="100" placeholder="请输入政治面貌"></van-field>
             <van-field v-model="formData.arrivalAtSchoolDate" label="参加工作时间" maxlength="20" placeholder="请输入参加工作时间"></van-field>
             <van-field :value="workAgeText(formData.arrivalAtSchoolDate)" label="工龄" readonly placeholder="系统自动计算"></van-field>
@@ -90,8 +90,8 @@ layout("/layouts/platform_h5.html"){
             <van-field v-model="formData.personType" name="personType" label="人员类型" placeholder="请选择人员类型" readonly is-link required :rules="[{required:true,message:'请选择人员类型'}]" @click="showPersonTypePicker = true"></van-field>
         </van-form>
         <div class="h5-form-actions">
-            <van-button block @click="formVisible = false">取消</van-button>
-            <van-button block type="primary" @click="submitForm">确定</van-button>
+            <van-button class="sheet-button" block @click="formVisible = false">取消</van-button>
+            <van-button class="sheet-button" icon="success" block type="primary" @click="submitForm">确定</van-button>
         </div>
     </van-action-sheet>
 
@@ -110,13 +110,13 @@ layout("/layouts/platform_h5.html"){
         </van-checkbox-group>
         <van-empty v-if="!nonRetiredUserList.length" description="暂无人员"></van-empty>
         <div class="retired-page-actions">
-            <van-button size="small" :disabled="nonRetiredUserPageForm.pageNumber <= 1" @click="changeNonRetiredPage(-1)">上一页</van-button>
+            <van-button class="page-button" size="small" :disabled="nonRetiredUserPageForm.pageNumber <= 1" @click="changeNonRetiredPage(-1)">上一页</van-button>
             <span>第{{nonRetiredUserPageForm.pageNumber}}页 / 共{{nonRetiredUserPageForm.totalCount}}人</span>
-            <van-button size="small" :disabled="nonRetiredUserPageForm.pageNumber * nonRetiredUserPageForm.pageSize >= nonRetiredUserPageForm.totalCount" @click="changeNonRetiredPage(1)">下一页</van-button>
+            <van-button class="page-button" size="small" :disabled="nonRetiredUserPageForm.pageNumber * nonRetiredUserPageForm.pageSize >= nonRetiredUserPageForm.totalCount" @click="changeNonRetiredPage(1)">下一页</van-button>
         </div>
         <div class="h5-form-actions">
-            <van-button block @click="setVisible = false">取消</van-button>
-            <van-button block type="primary" @click="doBatchJoinRetire">确定</van-button>
+            <van-button class="sheet-button" block @click="setVisible = false">取消</van-button>
+            <van-button class="sheet-button" icon="success" block type="primary" @click="doBatchJoinRetire">确定</van-button>
         </div>
     </van-action-sheet>
 
@@ -155,6 +155,12 @@ layout("/layouts/platform_h5.html"){
                 sexOptions: ["男", "女"],
                 userStateOptions: ["退休", "离休", "离退休"],
                 personTypeOptions: ["离退休人员"],
+                idCardRules: [
+                    {
+                        validator: (value) => !value || /(^\d{15}$)|(^\d{17}[\dXx]$)/.test(value),
+                        message: "请输入正确的身份证号码"
+                    }
+                ],
                 nonRetiredUserPageForm: {pageNumber: 1, pageSize: 10, totalCount: 0},
                 nonRetiredUserList: [],
                 selectedUserIds: []
@@ -356,8 +362,16 @@ layout("/layouts/platform_h5.html"){
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 8px;
-        padding: 8px 10px;
+        padding: 10px 12px 12px;
         background: #fff;
+        border-top: 1px solid #f5f5f5;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
+    }
+
+    .retired-toolbar .toolbar-button {
+        height: 36px;
+        border-radius: 6px;
+        font-weight: 500;
     }
 
     .h5-form-sheet {
@@ -368,7 +382,14 @@ layout("/layouts/platform_h5.html"){
     .h5-form-actions {
         display: flex;
         column-gap: 10px;
-        padding: 10px;
+        padding: 10px 12px 12px;
+        background: #fff;
+        border-top: 1px solid #f5f5f5;
+    }
+
+    .h5-form-actions .sheet-button {
+        height: 40px;
+        border-radius: 6px;
     }
 
     .retired-user-list {
@@ -380,9 +401,15 @@ layout("/layouts/platform_h5.html"){
         display: flex;
         align-items: center;
         justify-content: space-between;
-        padding: 10px;
+        padding: 10px 12px;
         color: #666;
         font-size: 13px;
+        background: #fff;
+    }
+
+    .retired-page-actions .page-button {
+        min-width: 72px;
+        border-radius: 6px;
     }
 </style>
 <!--#