mirror of
https://github.com/r-ca/kidshift-web.git
synced 2024-10-25 16:34:01 +00:00
チェックボックス追加 WIP
This commit is contained in:
parent
25934f5a28
commit
8b1e5ad87f
|
@ -1,11 +1,12 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="text-h6">
|
<div class="text-h6" style="display: flex; justify-content: space-between; align-items: center;">
|
||||||
過去のお手伝い
|
<span>過去のお手伝い</span>
|
||||||
|
<q-checkbox v-model="allChecked"></q-checkbox>
|
||||||
</div>
|
</div>
|
||||||
<q-list padding>
|
<q-list padding>
|
||||||
<q-item v-for="(history, index) in props.histories" :key="index" clickable>
|
<q-item v-for="(history, index) in props.histories" :key="index" clickable>
|
||||||
<QIcon name="check" color="positive" class="q-my-auto q-mr-sm" v-if="history.isPaid" />
|
<QIcon name="check" color="positive" class="q-my-auto q-mr-sm" v-if="history.isPaid" />
|
||||||
<QIcon name="schedule" color="warning" class="q-my-auto q-mr-sm" v-else/>
|
<QIcon name="schedule" color="warning" class="q-my-auto q-mr-sm" v-else />
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>{{ history.name }}</q-item-label>
|
<q-item-label>{{ history.name }}</q-item-label>
|
||||||
<!-- <q-item-label caption>{{ task.date }}</q-item-label> -->
|
<!-- <q-item-label caption>{{ task.date }}</q-item-label> -->
|
||||||
|
@ -19,6 +20,7 @@
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { HistoryItem } from 'src/models/internal';
|
import { HistoryItem } from 'src/models/internal';
|
||||||
|
import { ref } from 'vue';
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
histories: HistoryItem[];
|
histories: HistoryItem[];
|
||||||
|
@ -27,6 +29,8 @@ interface Props {
|
||||||
// Props の取得
|
// Props の取得
|
||||||
const props = defineProps<Props>();
|
const props = defineProps<Props>();
|
||||||
|
|
||||||
|
const allChecked = ref(false);
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user