Commit @1e536dc0374fd4e45f8c04cae136a1f608204c61

최정임 05-09

250509 최정임 css 수정

@1e536dc0374fd4e45f8c04cae136a1f608204c61

f703242

1e536dc

client/resources/css/user/sub.css

--- client/resources/css/user/sub.css

+++ client/resources/css/user/sub.css


 
                 .swiper-slide {
                     img {
-                        height: 800px;
                         width: 100%;
+                        aspect-ratio: 15 / 8;
                         object-fit: contain;
                         background-color: #ddd;
+                        display: block;
                     }
                 }
 

         margin-right: 50px;
         width: 600px;
         height: 360px;
+        img{
+            width: 100%;
+            height: 100%;
+            object-fit: contain;
+        }
     }
 
     .info-form {

     }
 
     table {
+        .selected {
+            background-color: rgba(194, 61, 74, 0.2);
+        }
         border-radius: 10px;
         overflow: hidden;
 

f703242

1e536dc

client/views/pages/ctgry/CategoryManagement.vue

--- client/views/pages/ctgry/CategoryManagement.vue

+++ client/views/pages/ctgry/CategoryManagement.vue


                             <td colspan="3" style="text-align: center;">등록된 카테고리가 없습니다.</td>
                         </tr>
                         <tr v-for="item in selectedCategories" :key="item.ctgryId"
-                            :class="{ 'delete-member': item.useAt === 'N' }" @click="selectCategory(item)">
+    :class="{ 'delete-member': item.useAt === 'N', 'selected': item.ctgryId === selectedCategory.ctgryId }" 
+    @click="selectCategory(item)">
                             <!-- Category 칼럼 -->
                             <td>
                                 {{ item.ctgryNm }}

 
     data() {
         return {
-            // Define the image sources
+            selectedUser: null,
             homeicon: 'client/resources/images/icon/home.png',
             erroricon: 'client/resources/images/icon/error.png',
             righticon: 'client/resources/images/icon/right.png',

                 this.selectedCategory = {
                     ctgryNm: item.ctgryNm,
                     useAt: item.useAt,
-                    dc: item.dc
+                    dc: item.dc,
+                    ctgryId: item.ctgryId,
                 };
             this.copySelectedCategory = {
                 oldCtgryNm: item.ctgryNm,

f703242

1e536dc

client/views/pages/member/MemberManagement.vue

--- client/views/pages/member/MemberManagement.vue

+++ client/views/pages/member/MemberManagement.vue


                             <td colspan="3" style="text-align: center;">등록된 사용자가 없습니다.</td>
                         </tr>
                         <tr v-for="(item, index) in selectedUsers" :key="index"
-                            :class="{ 'delete-member': item.useAt === 'N' }" @click="selectUser(item)">
+            :class="{ 'delete-member': item.useAt === 'N', 'selected': item.userId === selectedUser.userId }" 
+            @click="selectUser(item)">
                             <td>{{ item.loginId }}</td>
                             <td>{{ item.userNm }}</td>
                             <td>

 
     data() {
         return {
+            selectedUser: null,
             homeicon: 'client/resources/images/icon/home.png',
             erroricon: 'client/resources/images/icon/error.png',
             righticon: 'client/resources/images/icon/right.png',

             this.selectedUser = {
                 userNm: item.userNm,
                 useAt: item.useAt,
-                authorList: [item.authorList[0]]
+                authorList: [item.authorList[0]],
+                userId: item.userId 
             };
 
             // 깊은 복사를 통해 copySelectedUser를 설정

Add a comment

Open 0
Closed 0

List

...	...	@@ -947,10 +947,11 @@
947	947
948	948	.swiper-slide {
949	949	img {
950		- height: 800px;
951	950	width: 100%;
	951	+ aspect-ratio: 15 / 8;
952	952	object-fit: contain;
953	953	background-color: #ddd;
	954	+ display: block;
954	955	}
955	956	}
956	957
...	...	@@ -1022,6 +1023,11 @@
1022	1023	margin-right: 50px;
1023	1024	width: 600px;
1024	1025	height: 360px;
	1026	+ img{
	1027	+ width: 100%;
	1028	+ height: 100%;
	1029	+ object-fit: contain;
	1030	+ }
1025	1031	}
1026	1032
1027	1033	.info-form {
...	...	@@ -1215,6 +1221,9 @@
1215	1221	}
1216	1222
1217	1223	table {
	1224	+ .selected {
	1225	+ background-color: rgba(194, 61, 74, 0.2);
	1226	+ }
1218	1227	border-radius: 10px;
1219	1228	overflow: hidden;
1220	1229

...	...	@@ -33,7 +33,8 @@
33	33	<td colspan="3" style="text-align: center;">등록된 카테고리가 없습니다.</td>
34	34	</tr>
35	35	<tr v-for="item in selectedCategories" :key="item.ctgryId"
36		- :class="{ 'delete-member': item.useAt === 'N' }" @click="selectCategory(item)">
	36	+ :class="{ 'delete-member': item.useAt === 'N', 'selected': item.ctgryId === selectedCategory.ctgryId }"
	37	+ @click="selectCategory(item)">
37	38	<!-- Category 칼럼 -->
38	39	<td>
39	40	{{ item.ctgryNm }}
...	...	@@ -117,7 +118,7 @@
117	118
118	119	data() {
119	120	return {
120		- // Define the image sources
	121	+ selectedUser: null,
121	122	homeicon: 'client/resources/images/icon/home.png',
122	123	erroricon: 'client/resources/images/icon/error.png',
123	124	righticon: 'client/resources/images/icon/right.png',
...	...	@@ -173,7 +174,8 @@
173	174	this.selectedCategory = {
174	175	ctgryNm: item.ctgryNm,
175	176	useAt: item.useAt,
176		- dc: item.dc
	177	+ dc: item.dc,
	178	+ ctgryId: item.ctgryId,
177	179	};
178	180	this.copySelectedCategory = {
179	181	oldCtgryNm: item.ctgryNm,

...	...	@@ -44,7 +44,8 @@
44	44	<td colspan="3" style="text-align: center;">등록된 사용자가 없습니다.</td>
45	45	</tr>
46	46	<tr v-for="(item, index) in selectedUsers" :key="index"
47		- :class="{ 'delete-member': item.useAt === 'N' }" @click="selectUser(item)">
	47	+ :class="{ 'delete-member': item.useAt === 'N', 'selected': item.userId === selectedUser.userId }"
	48	+ @click="selectUser(item)">
48	49	<td>{{ item.loginId }}</td>
49	50	<td>{{ item.userNm }}</td>
50	51	<td>
...	...	@@ -158,6 +159,7 @@
158	159
159	160	data() {
160	161	return {
	162	+ selectedUser: null,
161	163	homeicon: 'client/resources/images/icon/home.png',
162	164	erroricon: 'client/resources/images/icon/error.png',
163	165	righticon: 'client/resources/images/icon/right.png',
...	...	@@ -359,7 +361,8 @@
359	361	this.selectedUser = {
360	362	userNm: item.userNm,
361	363	useAt: item.useAt,
362		- authorList: [item.authorList[0]]
	364	+ authorList: [item.authorList[0]],
	365	+ userId: item.userId
363	366	};
364	367
365	368	// 깊은 복사를 통해 copySelectedUser를 설정

Delete comment