| | |
| | | <template> |
| | | <view class="report-manage-page"> |
| | | <view class="pt-2"> |
| | | <wd-card class="card_bg"> |
| | | <view class="pt-2 fixed-header-card"> |
| | | <wd-card class="card_bg header-card"> |
| | | <template #title> |
| | | <view class="flex justify-between w-full"> |
| | | <text class="font-medium text-[#252525]">报工管理</text> |
| | |
| | | </wd-row> |
| | | <template #footer> |
| | | <view class="flex gap-2"> |
| | | <wd-button plain size="small" @click="toAttachment(child)">附件</wd-button> |
| | | <wd-button plain size="small" @click="toAttachment(child)" style="margin-right: 10px"> |
| | | 附件 |
| | | </wd-button> |
| | | <wd-button plain type="error" size="small" @click="handleDeleteSingle(child)"> |
| | | 删除 |
| | | </wd-button> |
| | |
| | | </wd-cell-group> |
| | | </view> |
| | | <view class="dialog-footer"> |
| | | <wd-button plain @click="closeAddDialog">取消</wd-button> |
| | | <wd-button plain @click="closeAddDialog" style="margin-right: 10px">取消</wd-button> |
| | | <wd-button type="primary" class="ml-2" @click="handleSaveNewChild">保存</wd-button> |
| | | </view> |
| | | </view> |
| | |
| | | .report-manage-page { |
| | | min-height: 100vh; |
| | | background: #f3f9f8; |
| | | padding-bottom: 20px; |
| | | padding: 0 4px 20px 4px; |
| | | } |
| | | |
| | | .card_bg { |
| | | box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05); |
| | | padding-bottom: 10px; |
| | | } |
| | | |
| | | .fixed-header-card { |
| | | position: sticky; |
| | | top: 0; |
| | | z-index: 100; |
| | | background: #f3f9f8; |
| | | padding: 8px 0; |
| | | } |
| | | |
| | | .header-card { |
| | | border: none; |
| | | margin: 0; |
| | | border-radius: 0; |
| | | box-shadow: none; |
| | | } |
| | | |
| | | .icon_box { |
| | |
| | | } |
| | | |
| | | .page-content { |
| | | padding: 12px; |
| | | padding: 12px 4px; |
| | | margin-top: 12px; |
| | | } |
| | | |
| | | // 弹框 z-index 需要高于固定头部卡片 |
| | | :deep(.yl-popup) { |
| | | z-index: 400 !important; |
| | | } |
| | | |
| | | // 弹框遮罩层 z-index 也需要高于固定头部卡片(使用更高的值确保在固定头部之上) |
| | | :deep(.wd-popup__mask), |
| | | :deep(.wd-popup-mask), |
| | | :deep([class*="popup"][class*="mask"]), |
| | | :deep(.wd-overlay), |
| | | :deep([class*="overlay"]) { |
| | | z-index: 300 !important; |
| | | } |
| | | .wd-card { |
| | | margin-left: 5px; |
| | | margin-right: 5px; |
| | | margin-top: 0px; |
| | | } |
| | | </style> |
| | | |
| | | <style lang="scss"> |
| | | // 全局样式:确保弹框遮罩层 z-index 高于固定头部卡片 |
| | | .wd-popup__mask, |
| | | .wd-popup-mask, |
| | | [class*="popup"][class*="mask"], |
| | | .wd-overlay, |
| | | [class*="overlay"] { |
| | | z-index: 300 !important; |
| | | } |
| | | </style> |