feat(attendance): 为排班表格添加高度适配,隐藏部分操作按钮并添加提交加载状态

This commit is contained in:
2026-05-22 16:19:00 +08:00
parent 749ae46490
commit d81773b1ab

View File

@@ -17,7 +17,7 @@
<!-- 排班表格 --> <!-- 排班表格 -->
<div class="schedule-table-wrapper"> <div class="schedule-table-wrapper">
<el-table v-loading="loading" :data="scheduleData" border stripe> <el-table v-loading="loading" :data="scheduleData" border stripe height="calc(100vh - 200px)">
<!-- 员工列 --> <!-- 员工列 -->
<el-table-column prop="employeeName" label="员工" width="120" fixed="left" /> <el-table-column prop="employeeName" label="员工" width="120" fixed="left" />
<!-- 操作列 --> <!-- 操作列 -->
@@ -116,8 +116,8 @@
<span class="assignment-count"> <span class="assignment-count">
已分配 {{ item.employeeIds ? item.employeeIds.split(',').filter(id => id.trim()).length : 0 }} 已分配 {{ item.employeeIds ? item.employeeIds.split(',').filter(id => id.trim()).length : 0 }}
</span> </span>
<el-button icon="el-icon-copy" size="mini" @click="copyShiftItem(index)" <!-- <el-button icon="el-icon-copy" size="mini" @click="copyShiftItem(index)"
title="复制班次配置">复制</el-button> title="复制班次配置">复制</el-button> -->
</div> </div>
<EmployeeSelector <EmployeeSelector
v-model="item.employeeIds" v-model="item.employeeIds"
@@ -126,11 +126,11 @@
placeholder="选择该班次的员工" placeholder="选择该班次的员工"
title="选择班次员工" /> title="选择班次员工" />
</div> </div>
<div class="quick-actions"> <!-- <div class="quick-actions">
<el-button type="success" icon="el-icon-random" @click="quickAssignByDepartment"> <el-button type="success" icon="el-icon-random" @click="quickAssignByDepartment">
按部门自动分配 按部门自动分配
</el-button> </el-button>
</div> </div> -->
</div> </div>
<!-- 步骤3确认生成 --> <!-- 步骤3确认生成 -->
@@ -152,7 +152,7 @@
<el-button @click="prevStep">上一步</el-button> <el-button @click="prevStep">上一步</el-button>
</template> </template>
<template v-if="currentStep < 3"> <template v-if="currentStep < 3">
<el-button type="primary" @click="nextStep" :disabled="!canProceed"> <el-button type="primary" @click="nextStep" :disabled="!canProceed" :loading="buttonLoading">
{{ currentStep === 1 ? '下一步:分配人员' : '下一步:确认' }} {{ currentStep === 1 ? '下一步:分配人员' : '下一步:确认' }}
</el-button> </el-button>
</template> </template>