Commit @c28f69d7bd156e0b3ca733c98de6d222e4ec39c4

Stormen123 2023-12-06

231206 김성훈 유저 검색기능 추가

@c28f69d7bd156e0b3ca733c98de6d222e4ec39c4

4d907e4

c28f69d

client/views/pages/admin/user/UserSelectList.vue

--- client/views/pages/admin/user/UserSelectList.vue

+++ client/views/pages/admin/user/UserSelectList.vue


                 </ul>
                 <div class="tab-content">
                     <div v-show="currentTab == 0">
+                        <div class="btn-wrap">
+                            <div class="data-select">
+                                <select v-model="userListSearch.searchType" name="data-table-sild" id="data-table-sild"
+                                        class="data-table-search">
+                                    <option v-for="(item, idx) in option1" :key="idx" :value=item.value>
+                                        {{ item.name }}
+                                    </option>
+                                </select>
+                                <div class="input-group">
+                                    <input type="text" class="input" placeholder="검색어를 입력해주세요."
+                                        v-model="userListSearch.searchText" @keyup.enter="userSelectList()">
+                                    <input class="button--submit" value="검색" type="submit" @click="userSelectList()">
+                                </div>
+                            </div>
+                        </div>
                         <table>
                             <thead>
                                 <tr>
                                     <th>NO</th>
                                     <th>아이디</th>
-                                    <th>담당자명</th>
+                                    <th>이름</th>
                                     <th>이메일</th>
                                     <th>승인</th>
                                 </tr>

                         </div>
                     </div>
                     <div v-show="currentTab == 1">
+                        <div class="btn-wrap">
+                            <div class="data-select">
+                                <select v-model="companyListSearch.searchType" name="data-table-sild" id="data-table-sild"
+                                        class="data-table-search">
+                                    <option v-for="(item, idx) in option2" :key="idx" :value=item.value>
+                                        {{ item.name }}
+                                    </option>
+                                </select>
+                                <div class="input-group">
+                                    <input type="text" class="input" placeholder="검색어를 입력해주세요."
+                                        v-model="companyListSearch.searchText" @keyup.enter="companySelectList()">
+                                    <input class="button--submit" value="검색" type="submit" @click="companySelectList()">
+                                </div>
+                            </div>
+                        </div>
                         <table>
                             <thead>
                                 <tr>

                         </div>
                     </div>
                     <div v-show="currentTab == 2">
+                        <div class="btn-wrap">
+                            <div class="data-select">
+                                <select v-model="managerListSearch.searchType" name="data-table-sild" id="data-table-sild"
+                                        class="data-table-search">
+                                    <option v-for="(item, idx) in option3" :key="idx" :value=item.value>
+                                        {{ item.name }}
+                                    </option>
+                                </select>
+                                <div class="input-group">
+                                    <input type="text" class="input" placeholder="검색어를 입력해주세요."
+                                        v-model="managerListSearch.searchText" @keyup.enter="managerSelectList()">
+                                    <input class="button--submit" value="검색" type="submit" @click="managerSelectList()">
+                                </div>
+                            </div>
+                        </div>
                         <table>
                             <thead>
                                 <tr>
                                     <th>NO</th>
                                     <th>아이디</th>
-                                    <th>담당자명</th>
+                                    <th>이름</th>
                                     <th>이메일</th>
                                     <th>등록자</th>
                                     <th>등록시간</th>

                                 </tr>
                             </tbody>
                         </table>
+                        <div class="flex-center">
+                            <PaginationButton v-if="mngrListCount > 0" v-model:currentPage="managerListSearch.currentPage"
+                                :perPage="managerListSearch.perPage" :totalCount="mngrListCount" :maxRange="5"
+                                :click="managerSelectList" />
+                        </div>
                         <div class="btn-wrap">
                             <button class="blue-btn" @click="modalType = 'userInsert'">등록</button>
                         </div>

             managerListSearch: {
                 currentPage: 1,
                 perPage: 10,
-                startDate: null,
-                endDate: null,
+                searchType: 'name',
+                searchText: null,
                 mngr_id: null,
                 mngr_nm: null
             },

             userListSearch: {
                 currentPage: 1,
                 perPage: 10,
-                startDate: null,
-                endDate: null,
+                searchType: 'name',
+                searchText: null,
                 user_id: null,
                 user_nm: null
             },

             companyListSearch: {
                 currentPage: 1,
                 perPage: 10,
-                startDate: null,
-                endDate: null,
+                searchType: 'name',
+                searchText: null,
                 user_id: null,
                 user_nm: null
             },

             companyListCount: 0,
             companyIdx: 0,
             store: useStore(),
+
+            option1: [
+                { name: '이름', value: 'name'},
+                { name: '아이디', value: 'id'},
+                { name: '이메일', value: 'mail'},
+            ],
+
+            option2: [
+                { name: '기업명', value: 'cpn_name'},
+                { name: '담당자명', value: 'name'},
+                { name: '아이디', value: 'id'},
+                { name: '이메일', value: 'mail'},
+            ],
+
+            option3: [
+                { name: '이름', value: 'name'},
+                { name: '아이디', value: 'id'},
+                { name: '이메일', value: 'mail'},
+                { name: '등록자', value: 'rgtr'},
+            ],
         };
     },
     methods: {

Add a comment

Open 0
Closed 0

List

...	...	@@ -15,12 +15,27 @@
15	15	</ul>
16	16	<div class="tab-content">
17	17	<div v-show="currentTab == 0">
	18	+ <div class="btn-wrap">
	19	+ <div class="data-select">
	20	+ <select v-model="userListSearch.searchType" name="data-table-sild" id="data-table-sild"
	21	+ class="data-table-search">
	22	+ <option v-for="(item, idx) in option1" :key="idx" :value=item.value>
	23	+ {{ item.name }}
	24	+ </option>
	25	+ </select>
	26	+ <div class="input-group">
	27	+ <input type="text" class="input" placeholder="검색어를 입력해주세요."
	28	+ v-model="userListSearch.searchText" @keyup.enter="userSelectList()">
	29	+ <input class="button--submit" value="검색" type="submit" @click="userSelectList()">
	30	+ </div>
	31	+ </div>
	32	+ </div>
18	33	<table>
19	34	<thead>
20	35	<tr>
21	36	<th>NO</th>
22	37	<th>아이디</th>
23		- <th>담당자명</th>
	38	+ <th>이름</th>
24	39	<th>이메일</th>
25	40	<th>승인</th>
26	41	</tr>
...	...	@@ -45,6 +60,21 @@
45	60	</div>
46	61	</div>
47	62	<div v-show="currentTab == 1">
	63	+ <div class="btn-wrap">
	64	+ <div class="data-select">
	65	+ <select v-model="companyListSearch.searchType" name="data-table-sild" id="data-table-sild"
	66	+ class="data-table-search">
	67	+ <option v-for="(item, idx) in option2" :key="idx" :value=item.value>
	68	+ {{ item.name }}
	69	+ </option>
	70	+ </select>
	71	+ <div class="input-group">
	72	+ <input type="text" class="input" placeholder="검색어를 입력해주세요."
	73	+ v-model="companyListSearch.searchText" @keyup.enter="companySelectList()">
	74	+ <input class="button--submit" value="검색" type="submit" @click="companySelectList()">
	75	+ </div>
	76	+ </div>
	77	+ </div>
48	78	<table>
49	79	<thead>
50	80	<tr>
...	...	@@ -79,12 +109,27 @@
79	109	</div>
80	110	</div>
81	111	<div v-show="currentTab == 2">
	112	+ <div class="btn-wrap">
	113	+ <div class="data-select">
	114	+ <select v-model="managerListSearch.searchType" name="data-table-sild" id="data-table-sild"
	115	+ class="data-table-search">
	116	+ <option v-for="(item, idx) in option3" :key="idx" :value=item.value>
	117	+ {{ item.name }}
	118	+ </option>
	119	+ </select>
	120	+ <div class="input-group">
	121	+ <input type="text" class="input" placeholder="검색어를 입력해주세요."
	122	+ v-model="managerListSearch.searchText" @keyup.enter="managerSelectList()">
	123	+ <input class="button--submit" value="검색" type="submit" @click="managerSelectList()">
	124	+ </div>
	125	+ </div>
	126	+ </div>
82	127	<table>
83	128	<thead>
84	129	<tr>
85	130	<th>NO</th>
86	131	<th>아이디</th>
87		- <th>담당자명</th>
	132	+ <th>이름</th>
88	133	<th>이메일</th>
89	134	<th>등록자</th>
90	135	<th>등록시간</th>
...	...	@@ -101,6 +146,11 @@
101	146	</tr>
102	147	</tbody>
103	148	</table>
	149	+ <div class="flex-center">
	150	+ <PaginationButton v-if="mngrListCount > 0" v-model:currentPage="managerListSearch.currentPage"
	151	+ :perPage="managerListSearch.perPage" :totalCount="mngrListCount" :maxRange="5"
	152	+ :click="managerSelectList" />
	153	+ </div>
104	154	<div class="btn-wrap">
105	155	<button class="blue-btn" @click="modalType = 'userInsert'">등록</button>
106	156	</div>
...	...	@@ -191,8 +241,8 @@
191	241	managerListSearch: {
192	242	currentPage: 1,
193	243	perPage: 10,
194		- startDate: null,
195		- endDate: null,
	244	+ searchType: 'name',
	245	+ searchText: null,
196	246	mngr_id: null,
197	247	mngr_nm: null
198	248	},
...	...	@@ -204,8 +254,8 @@
204	254	userListSearch: {
205	255	currentPage: 1,
206	256	perPage: 10,
207		- startDate: null,
208		- endDate: null,
	257	+ searchType: 'name',
	258	+ searchText: null,
209	259	user_id: null,
210	260	user_nm: null
211	261	},
...	...	@@ -217,8 +267,8 @@
217	267	companyListSearch: {
218	268	currentPage: 1,
219	269	perPage: 10,
220		- startDate: null,
221		- endDate: null,
	270	+ searchType: 'name',
	271	+ searchText: null,
222	272	user_id: null,
223	273	user_nm: null
224	274	},
...	...	@@ -226,6 +276,26 @@
226	276	companyListCount: 0,
227	277	companyIdx: 0,
228	278	store: useStore(),
	279	+
	280	+ option1: [
	281	+ { name: '이름', value: 'name'},
	282	+ { name: '아이디', value: 'id'},
	283	+ { name: '이메일', value: 'mail'},
	284	+ ],
	285	+
	286	+ option2: [
	287	+ { name: '기업명', value: 'cpn_name'},
	288	+ { name: '담당자명', value: 'name'},
	289	+ { name: '아이디', value: 'id'},
	290	+ { name: '이메일', value: 'mail'},
	291	+ ],
	292	+
	293	+ option3: [
	294	+ { name: '이름', value: 'name'},
	295	+ { name: '아이디', value: 'id'},
	296	+ { name: '이메일', value: 'mail'},
	297	+ { name: '등록자', value: 'rgtr'},
	298	+ ],
229	299	};
230	300	},
231	301	methods: {

Delete comment