idcjp/vue2_frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

수정2...

Browse Source
This commit is contained in:
최준흠 2022-09-05 09:56:42 +09:00
parent 7978a2504c
commit 69ceff1253
1 changed files with 18 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/components/todo/ListComponent.vue
View File

@ -86,27 +86,17 @@
:head-variant="commonTableAttributes.headVariant" :head-variant="commonTableAttributes.headVariant"
> >
<!-- Column별 Filter용 --> <!-- Column별 Filter용 -->
<template #thead-top> <template #head(is_done)="data">
<b-tr> <b-form-select
<b-th colspan="4"> </b-th> v-model="filterIsDone"
<b-th :options="data.field.Options"
><b-form-select @change="isDoneClick"
v-model="filterIsDone" ></b-form-select>
:options="filterIsDoneFieldOptions"
@change="isDoneClick"
></b-form-select
></b-th>
<b-th></b-th>
</b-tr>
</template> </template>
<!-- 비/선택 Row를 토글용 --> <!-- 비/선택 Row를 토글용 -->
<template #cell(rowSelect)="{ rowSelected }"> <template #cell(rowSelect)="{ rowSelected }">
<template v-if="rowSelected"> <template v-if="rowSelected"> ✓ </template>
<span aria-hidden="true">✓</span> <template v-else> &nbsp; </template>
</template>
<template v-else>
<span aria-hidden="true">&nbsp;</span>
</template>
</template> </template>
<!-- Row의 Index를 이용한 번호 출력 --> <!-- Row의 Index를 이용한 번호 출력 -->
<template #cell(id)="row"> <template #cell(id)="row">
@ -132,6 +122,10 @@
<b-button size="sm" @click="row.toggleDetails">숨기기</b-button> <b-button size="sm" @click="row.toggleDetails">숨기기</b-button>
</b-card> </b-card>
</template> </template>
<!-- 사용여부 출력용 -->
<template #cell(is_done)="row">
{{ row.value }}
</template>
<!-- 데이터 로딩중 출력용 --> <!-- 데이터 로딩중 출력용 -->
<template #table-busy> <template #table-busy>
<div class="text-center text-danger my-2"> <div class="text-center text-danger my-2">
@ -202,11 +196,13 @@ export default {
label: '사용여부', label: '사용여부',
thStyle: { width: '105px' }, thStyle: { width: '105px' },
formatter: (value) => { formatter: (value) => {
const data = this.filterIsDoneFieldOptions.find( return value == true ? 'YES' : 'NO'
(data) => data.value === value
)
return data ? data.text : value
}, },
Options: [
{ text: '사용여부 선택', value: '' },
{ text: 'YES', value: true },
{ text: 'NO', value: false }
],
sortable: true, sortable: true,
sortByFormatted: true //fomatter결과에따른 Sort가 필요시 true sortByFormatted: true //fomatter결과에따른 Sort가 필요시 true
}, },
@ -265,11 +261,6 @@ export default {
{ text: '등록일', value: 'createdAt' } { text: '등록일', value: 'createdAt' }
], ],
filterIsDone: '', filterIsDone: '',
filterIsDoneFieldOptions: [
{ text: '선택', value: '' },
{ text: 'YES', value: true },
{ text: 'NO', value: false }
],
selectedRows: [], selectedRows: [],
selectedRowAllToggle: false, selectedRowAllToggle: false,
selectedRowMode: 'multi', selectedRowMode: 'multi',