timi/gao-customer-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix calendar popup height

Browse Source
This commit is contained in:
Timi
2026-08-02 00:50:45 +08:00
parent 60fb23e9e0
commit 2f9442e4a2
1 changed files with 57 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/RegistrationEventRecordCalendar.vue
+57 -24
View File
@@ -49,33 +49,47 @@
<div v-else-if="!currentMonthFilteredRecords.length" class="empty-block" v-text="emptyText" /> <div v-else-if="!currentMonthFilteredRecords.length" class="empty-block" v-text="emptyText" />
<t-popup v-model="dayRecordVisible" placement="bottom"> <t-popup v-model="dayRecordVisible" placement="bottom">
<div class="day-record-panel"> <div class="day-record-panel">
<h3 v-text="selectedDayTitle" /> <div class="popup-head">
<t-cell-group v-if="selectedDayRecords.length" theme="card"> <h3 v-text="selectedDayTitle" />
<t-cell <t-button theme="default" variant="text" size="small" @click="dayRecordVisible = false">
v-for="item in selectedDayRecords" 关闭
:key="item.id" </t-button>
:title="getRecordRegistrationEventName(item)" </div>
:description="getRecordCustomerName(item)" <div class="popup-body">
:note="`${formatRecordTime(item.registeredAt)}`" <t-cell-group v-if="selectedDayRecords.length" theme="card">
/> <t-cell
</t-cell-group> v-for="item in selectedDayRecords"
<div v-else class="empty-block">该日暂无登记事件记录</div> :key="item.id"
:title="getRecordRegistrationEventName(item)"
:description="getRecordCustomerName(item)"
:note="`${formatRecordTime(item.registeredAt)}`"
/>
</t-cell-group>
<div v-else class="empty-block">该日暂无登记事件记录</div>
</div>
</div> </div>
</t-popup> </t-popup>
<t-popup v-model="registrationEventFilterVisible" placement="bottom"> <t-popup v-model="registrationEventFilterVisible" placement="bottom">
<div class="filter-popup"> <div class="filter-popup">
<div class="title">登记事件筛选</div> <div class="popup-head">
<t-checkbox-group v-model="selectedRegistrationEventIdListProxy" class="items"> <div class="title">登记事件筛选</div>
<t-checkbox <t-button theme="default" variant="text" size="small" @click="registrationEventFilterVisible = false">
class="item" 关闭
v-for="item in registrationEventList" </t-button>
:key="item.id" </div>
:value="item.id" <div class="popup-body">
:label="item.name" <t-checkbox-group v-model="selectedRegistrationEventIdListProxy" class="items">
block <t-checkbox
borderless class="item"
/> v-for="item in registrationEventList"
</t-checkbox-group> :key="item.id"
:value="item.id"
:label="item.name"
block
borderless
/>
</t-checkbox-group>
</div>
</div> </div>
</t-popup> </t-popup>
</section> </section>
@@ -346,6 +360,7 @@ function addMonths(date: Date, months: number): Date {
background: #f5f5f8; background: #f5f5f8;
border-radius: 1rem 1rem 0 0; border-radius: 1rem 1rem 0 0;
flex-direction: column; flex-direction: column;
max-height: min(80vh, 40rem);
h3, h3,
.title { .title {
@@ -355,11 +370,29 @@ function addMonths(date: Date, months: number): Date {
text-align: center; text-align: center;
font-weight: 700; font-weight: 700;
} }
.popup-head {
gap: .5rem;
display: flex;
padding: 0 1rem;
align-items: center;
justify-content: space-between;
}
.popup-body {
flex: 1;
overflow-y: auto;
}
} }
.filter-popup { .filter-popup {
padding: 1rem 1rem calc(1rem + env(safe-area-inset-bottom, 0)) 1rem; padding: 1rem 1rem calc(1rem + env(safe-area-inset-bottom, 0)) 1rem;
.popup-head,
.popup-body {
padding: 0;
}
.items { .items {
gap: .5rem; gap: .5rem;
display: grid; display: grid;
@@ -413,7 +446,7 @@ function addMonths(date: Date, months: number): Date {
} }
.day-record-panel, .day-record-panel,
.registration-event-filter-panel { .filter-popup {
background: #10161f; background: #10161f;
h3, h3,