admin/astra-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[WIP] Добавил модальное окно выбора услуг

Browse Source
This commit is contained in:
megavrilinvv
2023-07-31 17:14:00 +03:00
parent d0c1cccd10
commit 64c246a5e3
4 changed files with 265 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/base/BaseTimeModal.vue
View File

@@ -2,13 +2,13 @@
.flex.flex-col.gap-y-6.pt-6.dark-blue
.table-time.flex.p-4
.top-block.flex.flex-col.-mr-4(v-for="time in timeCoil")
.timeline.flex.text-smm.font-medium {{time}}
.timeline.flex.text-smm.font-medium {{time.hour}}
.side.flex.p-1.h-9
q-btn.left-btn(:class="{'default-btn': !checkStartTime(time)}", size="9px", padding="0 8px")
q-icon.icon(v-if="checkStartTime(time)", name="app:lock", size="20px")
q-btn.left-btn(:class="{'default-btn': !checkStartTime(time.hour)}", size="9px", padding="0 8px")
q-icon.icon(v-if="checkStartTime(time.hour)", name="app:lock", size="20px")
q-icon.icon-grey(v-else, name="app:plus", size="20px")
q-btn.right-btn(:class="{'default-btn': !checkEndTime(time)}", size="4px", padding="0 4px")
q-icon.icon(v-if="checkEndTime(time)", name="app:lock", size="20px")
q-btn.right-btn(:class="{'default-btn': !checkEndTime(time.hour)}", size="4px", padding="0 4px")
q-icon.icon(v-if="checkEndTime(time.hour )", name="app:lock", size="20px")
q-icon.icon-grey(v-else, name="app:plus", size="20px")
.flex.justify-between.items-center
.flex.gap-2
@@ -46,7 +46,7 @@ export default {
timeCoil() {
let time = [];
for (let i = this.validateStartTime; i <= this.validateEndTime; i++) {
time.push(`${i}:00`);
time.push({ hour: `${i}:00`, check: false });
}
return time;
},