c-zhangr1/zhgh_squ
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

（人员管理）离退休-离退休人员管理：新增手机h5端查询页；

Browse Source
This commit is contained in:
dd3s_206
2026-06-15 09:23:04 +08:00
parent 38441b30f6
commit 5e4e27023f
1 changed files with 39 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/views/platform/zhghh5/staffmanage/retired/list/index.html
+39 -12
View File
@@ -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>
<!--#