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-02 18:49:54 +09:00
parent abe43faa2b
commit 612b5f9a1b
2 changed files with 131 additions and 128 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

79
src/components/layout/HeaderLayout.vue
View File

@ -1,42 +1,47 @@
<template> <template>
<nav class="navbar navbar-expand-lg bg-light"> <b-navbar toggleable="lg" type="dark" variant="info">
<div class="container-fluid"> <b-navbar-brand href="#">NavBar</b-navbar-brand>
<a class="navbar-brand" href="#">Navbar</a>
<button <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
class="navbar-toggler"
type="button" <b-collapse id="nav-collapse" is-nav>
data-bs-toggle="collapse" <b-navbar-nav>
data-bs-target="#navbarSupportedContent" <b-nav-item href="#">Link</b-nav-item>
aria-controls="navbarSupportedContent" <b-nav-item href="#" disabled>Disabled</b-nav-item>
aria-expanded="false" <b-nav-item href="/todo">Todo</b-nav-item>
aria-label="Toggle navigation" </b-navbar-nav>
<!-- Right aligned nav items -->
<b-navbar-nav class="ml-auto">
<b-nav-form>
<b-form-input
size="sm"
class="mr-sm-2"
placeholder="Search"
></b-form-input>
<b-button size="sm" class="my-2 my-sm-0" type="submit"
>Search</b-button
> >
<span class="navbar-toggler-icon"></span> </b-nav-form>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <!-- <b-nav-item-dropdown text="Lang" right>
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> <b-dropdown-item href="#">EN</b-dropdown-item>
<li class="nav-item"> <b-dropdown-item href="#">ES</b-dropdown-item>
<a class="nav-link active" aria-current="page" href="#">Home</a> <b-dropdown-item href="#">RU</b-dropdown-item>
</li> <b-dropdown-item href="#">FA</b-dropdown-item>
<li class="nav-item"> </b-nav-item-dropdown> -->
<a class="nav-link" href="#">Link</a>
</li> <b-nav-item-dropdown right>
<li class="nav-item"> <!-- Using 'button-content' slot -->
<a class="nav-link" href="/todo">Todo</a> <template #button-content>
</li> <em>User</em>
</ul> </template>
<form class="d-flex" role="search"> <b-dropdown-item href="#">Profile</b-dropdown-item>
<input <b-dropdown-item href="#">Sign Out</b-dropdown-item>
class="form-control me-2" </b-nav-item-dropdown>
type="search" </b-navbar-nav>
placeholder="통합검색" </b-collapse>
aria-label="Search" </b-navbar>
/>
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
</template> </template>
<script> <script>
export default { export default {

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

@ -36,13 +36,11 @@
</b-col> </b-col>
<b-col cols="4" class="border"> <b-col cols="4" class="border">
<b-input-group> <b-input-group>
<label class="input-group-text">
<b-form-select <b-form-select
class="d-flex flex-nowrap" class="d-flex flex-nowrap"
v-model="filterDateField" v-model="filterDateField"
:options="filterDateFieldOptions" :options="filterDateFieldOptions"
></b-form-select> ></b-form-select>
</label>
<b-form-input v-model="filterDateStart" type="date"></b-form-input> <b-form-input v-model="filterDateStart" type="date"></b-form-input>
~ ~
<b-form-input v-model="filterDateEnd" type="date"></b-form-input> <b-form-input v-model="filterDateEnd" type="date"></b-form-input>
@ -60,7 +58,7 @@
</b-input-group> </b-input-group>
</b-col> </b-col>
</b-row> </b-row>
<b-row class="overflow-auto"> </b-container>
<b-table <b-table
id="todoTable" id="todoTable"
ref="todoTable" ref="todoTable"
@ -142,7 +140,7 @@
</div> </div>
</template> </template>
</b-table> </b-table>
</b-row> <b-container fluid>
<b-row> <b-row>
<b-col> <b-col>
<p>{{ selectedRows }}</p> <p>{{ selectedRows }}</p>