류윤주
2023-11-06
231106 류윤주 관리자 페이지 수정
@e3165cc75e7a0b39704eb5f8910c6511277fc361
--- client/resources/css/common.css
+++ client/resources/css/common.css
... | ... | @@ -208,13 +208,13 @@ |
| 208 | 208 |
.modal-container {
|
| 209 | 209 |
background: #fff; |
| 210 | 210 |
min-width: 300px; |
| 211 |
- width: 50%; |
|
| 211 |
+ width: 30%; |
|
| 212 | 212 |
border-radius: 5px; |
| 213 | 213 |
display: flex; |
| 214 | 214 |
flex-direction: column; |
| 215 | 215 |
justify-content: center; |
| 216 | 216 |
align-items: center; |
| 217 |
- padding: 20px; |
|
| 217 |
+ padding: 30px; |
|
| 218 | 218 |
box-sizing: border-box; |
| 219 | 219 |
max-height: 90%; |
| 220 | 220 |
} |
--- client/resources/css/reset.css
+++ client/resources/css/reset.css
... | ... | @@ -76,3 +76,9 @@ |
| 76 | 76 |
border: 1px solid #aaa; |
| 77 | 77 |
border-radius: 5px; |
| 78 | 78 |
} |
| 79 |
+ |
|
| 80 |
+select{
|
|
| 81 |
+ padding: 10px; |
|
| 82 |
+ border: 1px solid #aaa; |
|
| 83 |
+ border-radius: 5px; |
|
| 84 |
+} |
--- client/views/pages/admin/networking/NetworkingSelectList.vue
+++ client/views/pages/admin/networking/NetworkingSelectList.vue
... | ... | @@ -44,9 +44,9 @@ |
| 44 | 44 |
</tr> |
| 45 | 45 |
</tbody> |
| 46 | 46 |
</table> |
| 47 |
- <div class="btn-wrap"> |
|
| 47 |
+ <!-- <div class="btn-wrap"> |
|
| 48 | 48 |
<button class="blue-btn" @click="selectInsert">글쓰기</button> |
| 49 |
- </div> |
|
| 49 |
+ </div> --> |
|
| 50 | 50 |
</div> |
| 51 | 51 |
</div> |
| 52 | 52 |
</div> |
--- client/views/pages/admin/news/NewsInsert.vue
+++ client/views/pages/admin/news/NewsInsert.vue
... | ... | @@ -41,14 +41,20 @@ |
| 41 | 41 |
export default {
|
| 42 | 42 |
data() {
|
| 43 | 43 |
return {
|
| 44 |
- oEditors:[], // oEditors는 스마트에디터용 |
|
| 44 |
+ oEditors: [], // oEditors는 스마트에디터용 |
|
| 45 | 45 |
}; |
| 46 | 46 |
}, |
| 47 | 47 |
methods: {
|
| 48 |
- selectList:function(){
|
|
| 49 |
- this.$router.push({ path: '/adm/newsSelectList.page'});
|
|
| 48 |
+ selectList: function () {
|
|
| 49 |
+ this.$router.push({ path: '/adm/newsSelectList.page' });
|
|
| 50 | 50 |
}, |
| 51 |
- fileUpload: function() {
|
|
| 51 |
+ |
|
| 52 |
+ // 파일 업로드 커스텀을 위한 함수 |
|
| 53 |
+ openFileInput: function () {
|
|
| 54 |
+ this.$refs.fileInput.click(); // 파일 업로드 input 요소를 클릭 |
|
| 55 |
+ }, |
|
| 56 |
+ |
|
| 57 |
+ fileUpload: function () {
|
|
| 52 | 58 |
this.fileList[this.filecount] = this.$refs.fileInput.files[0] |
| 53 | 59 |
this.filecount += 1 |
| 54 | 60 |
console.log("file", this.fileList);
|
... | ... | @@ -61,19 +67,19 @@ |
| 61 | 67 |
// 스마트 에디터 적용 |
| 62 | 68 |
const oEditors = this.oEditors; |
| 63 | 69 |
nhn.husky.EZCreator.createInIFrame({
|
| 64 |
- oAppRef: oEditors, |
|
| 65 |
- elPlaceHolder: "smart", |
|
| 66 |
- sSkinURI: "/client/smarteditor2-2.8.2.3/SmartEditor2Skin.html", |
|
| 67 |
- htParams: {
|
|
| 68 |
- bUseToolbar : true, // 툴바 사용 여부 (true:사용/ false:사용하지 않음) |
|
| 69 |
- bSkipXssFilter : true, |
|
| 70 |
- bUseVerticalResizer: true, |
|
| 71 |
- bUseModeChanger: true |
|
| 72 |
- }, |
|
| 73 |
- fCreator: "createSEditor2" |
|
| 74 |
- }); |
|
| 70 |
+ oAppRef: oEditors, |
|
| 71 |
+ elPlaceHolder: "smart", |
|
| 72 |
+ sSkinURI: "/client/smarteditor2-2.8.2.3/SmartEditor2Skin.html", |
|
| 73 |
+ htParams: {
|
|
| 74 |
+ bUseToolbar: true, // 툴바 사용 여부 (true:사용/ false:사용하지 않음) |
|
| 75 |
+ bSkipXssFilter: true, |
|
| 76 |
+ bUseVerticalResizer: true, |
|
| 77 |
+ bUseModeChanger: true |
|
| 78 |
+ }, |
|
| 79 |
+ fCreator: "createSEditor2" |
|
| 80 |
+ }); |
|
| 75 | 81 |
|
| 76 |
- |
|
| 82 |
+ |
|
| 77 | 83 |
} |
| 78 | 84 |
}; |
| 79 | 85 |
</script> |
... | ... | @@ -90,12 +96,12 @@ |
| 90 | 96 |
border-bottom: 3px solid #ddd; |
| 91 | 97 |
} |
| 92 | 98 |
|
| 93 |
-textarea{
|
|
| 99 |
+textarea {
|
|
| 94 | 100 |
width: 100%; |
| 95 | 101 |
height: 450px; |
| 96 | 102 |
} |
| 97 | 103 |
|
| 98 |
-.dark-gray-btn{
|
|
| 104 |
+.dark-gray-btn {
|
|
| 99 | 105 |
margin-right: 5px; |
| 100 | 106 |
} |
| 101 | 107 |
</style> |
--- client/views/pages/admin/news/NewsSelectList.vue
+++ client/views/pages/admin/news/NewsSelectList.vue
... | ... | @@ -22,6 +22,14 @@ |
| 22 | 22 |
</div> |
| 23 | 23 |
</div> |
| 24 | 24 |
</div> |
| 25 |
+ <!-- <div class="sort"> |
|
| 26 |
+ <div> |
|
| 27 |
+ <button type="button">최신순</button> |
|
| 28 |
+ <button type="button">등록순</button> |
|
| 29 |
+ <button type="button">조회수 많은순</button> |
|
| 30 |
+ <button type="button">조회수 적은순</button> |
|
| 31 |
+ </div> |
|
| 32 |
+ </div> --> |
|
| 25 | 33 |
<ul class="news-list"> |
| 26 | 34 |
<li> |
| 27 | 35 |
<a href="#"> |
... | ... | @@ -30,8 +38,11 @@ |
| 30 | 38 |
</div> |
| 31 | 39 |
<div class="text-zone"> |
| 32 | 40 |
<p class="content-title">제목이 들어가는 부분입니다.</p> |
| 33 |
- <p class="content-detail">제목이 내용이 들어가는 부분입니다.</p> |
|
| 34 |
- <div class="content-info"><p><span class="writer">작성자</span><span>keris</span></p><p><span class="views">조회수</span><span>1000</span></p></div> |
|
| 41 |
+ <p class="content-detail">내용이 들어가는 부분입니다.</p> |
|
| 42 |
+ <div class="content-info"> |
|
| 43 |
+ <p><span class="writer">작성자</span><span>keris</span></p> |
|
| 44 |
+ <p><span class="views">조회수</span><span>1000</span></p> |
|
| 45 |
+ </div> |
|
| 35 | 46 |
<p class="content-date">23.10.23</p> |
| 36 | 47 |
</div> |
| 37 | 48 |
</a> |
... | ... | @@ -43,8 +54,11 @@ |
| 43 | 54 |
</div> |
| 44 | 55 |
<div class="text-zone"> |
| 45 | 56 |
<p class="content-title">제목이 들어가는 부분입니다.</p> |
| 46 |
- <p class="content-detail">제목이 내용이 들어가는 부분입니다.</p> |
|
| 47 |
- <div class="content-info"><p><span class="writer">작성자</span><span>keris</span></p><p><span class="views">조회수</span><span>1000</span></p></div> |
|
| 57 |
+ <p class="content-detail">내용이 들어가는 부분입니다.</p> |
|
| 58 |
+ <div class="content-info"> |
|
| 59 |
+ <p><span class="writer">작성자</span><span>keris</span></p> |
|
| 60 |
+ <p><span class="views">조회수</span><span>1000</span></p> |
|
| 61 |
+ </div> |
|
| 48 | 62 |
<p class="content-date">23.10.23</p> |
| 49 | 63 |
</div> |
| 50 | 64 |
</a> |
... | ... | @@ -56,8 +70,11 @@ |
| 56 | 70 |
</div> |
| 57 | 71 |
<div class="text-zone"> |
| 58 | 72 |
<p class="content-title">제목이 들어가는 부분입니다.</p> |
| 59 |
- <p class="content-detail">제목이 내용이 들어가는 부분입니다.</p> |
|
| 60 |
- <div class="content-info"><p><span class="writer">작성자</span><span>keris</span></p><p><span class="views">조회수</span><span>1000</span></p></div> |
|
| 73 |
+ <p class="content-detail">내용이 들어가는 부분입니다.</p> |
|
| 74 |
+ <div class="content-info"> |
|
| 75 |
+ <p><span class="writer">작성자</span><span>keris</span></p> |
|
| 76 |
+ <p><span class="views">조회수</span><span>1000</span></p> |
|
| 77 |
+ </div> |
|
| 61 | 78 |
<p class="content-date">23.10.23</p> |
| 62 | 79 |
</div> |
| 63 | 80 |
</a> |
... | ... | @@ -69,8 +86,11 @@ |
| 69 | 86 |
</div> |
| 70 | 87 |
<div class="text-zone"> |
| 71 | 88 |
<p class="content-title">제목이 들어가는 부분입니다.</p> |
| 72 |
- <p class="content-detail">제목이 내용이 들어가는 부분입니다.</p> |
|
| 73 |
- <div class="content-info"><p><span class="writer">작성자</span><span>keris</span></p><p><span class="views">조회수</span><span>1000</span></p></div> |
|
| 89 |
+ <p class="content-detail">내용이 들어가는 부분입니다.</p> |
|
| 90 |
+ <div class="content-info"> |
|
| 91 |
+ <p><span class="writer">작성자</span><span>keris</span></p> |
|
| 92 |
+ <p><span class="views">조회수</span><span>1000</span></p> |
|
| 93 |
+ </div> |
|
| 74 | 94 |
<p class="content-date">23.10.23</p> |
| 75 | 95 |
</div> |
| 76 | 96 |
</a> |
... | ... | @@ -82,8 +102,11 @@ |
| 82 | 102 |
</div> |
| 83 | 103 |
<div class="text-zone"> |
| 84 | 104 |
<p class="content-title">제목이 들어가는 부분입니다.</p> |
| 85 |
- <p class="content-detail">제목이 내용이 들어가는 부분입니다.</p> |
|
| 86 |
- <div class="content-info"><p><span class="writer">작성자</span><span>keris</span></p><p><span class="views">조회수</span><span>1000</span></p></div> |
|
| 105 |
+ <p class="content-detail">내용이 들어가는 부분입니다.</p> |
|
| 106 |
+ <div class="content-info"> |
|
| 107 |
+ <p><span class="writer">작성자</span><span>keris</span></p> |
|
| 108 |
+ <p><span class="views">조회수</span><span>1000</span></p> |
|
| 109 |
+ </div> |
|
| 87 | 110 |
<p class="content-date">23.10.23</p> |
| 88 | 111 |
</div> |
| 89 | 112 |
</a> |
... | ... | @@ -173,7 +196,7 @@ |
| 173 | 196 |
word-break: break-all; |
| 174 | 197 |
} |
| 175 | 198 |
|
| 176 |
-.content-info{
|
|
| 199 |
+.content-info {
|
|
| 177 | 200 |
display: flex; |
| 178 | 201 |
justify-content: space-between; |
| 179 | 202 |
} |
... | ... | @@ -182,8 +205,8 @@ |
| 182 | 205 |
color: #aaa; |
| 183 | 206 |
} |
| 184 | 207 |
|
| 185 |
-.views,.writer{
|
|
| 208 |
+.views, |
|
| 209 |
+.writer {
|
|
| 186 | 210 |
color: #3f87f7; |
| 187 | 211 |
margin-right: 10px; |
| 188 |
-} |
|
| 189 |
-</style> |
|
| 212 |
+}</style> |
--- client/views/pages/admin/notice/NoticeInsert.vue
+++ client/views/pages/admin/notice/NoticeInsert.vue
... | ... | @@ -41,14 +41,18 @@ |
| 41 | 41 |
export default {
|
| 42 | 42 |
data() {
|
| 43 | 43 |
return {
|
| 44 |
- oEditors:[], // oEditors는 스마트에디터용 |
|
| 44 |
+ oEditors: [], // oEditors는 스마트에디터용 |
|
| 45 | 45 |
}; |
| 46 | 46 |
}, |
| 47 | 47 |
methods: {
|
| 48 |
- selectList:function(){
|
|
| 49 |
- this.$router.push({ path: '/adm/noticeSelectList.page'});
|
|
| 48 |
+ selectList: function () {
|
|
| 49 |
+ this.$router.push({ path: '/adm/noticeSelectList.page' });
|
|
| 50 | 50 |
}, |
| 51 |
- fileUpload: function() {
|
|
| 51 |
+ // 파일 업로드 커스텀을 위한 함수 |
|
| 52 |
+ openFileInput: function () {
|
|
| 53 |
+ this.$refs.fileInput.click(); // 파일 업로드 input 요소를 클릭 |
|
| 54 |
+ }, |
|
| 55 |
+ fileUpload: function () {
|
|
| 52 | 56 |
this.fileList[this.filecount] = this.$refs.fileInput.files[0] |
| 53 | 57 |
this.filecount += 1 |
| 54 | 58 |
console.log("file", this.fileList);
|
... | ... | @@ -61,17 +65,17 @@ |
| 61 | 65 |
// 스마트 에디터 적용 |
| 62 | 66 |
const oEditors = this.oEditors; |
| 63 | 67 |
nhn.husky.EZCreator.createInIFrame({
|
| 64 |
- oAppRef: oEditors, |
|
| 65 |
- elPlaceHolder: "smart", |
|
| 66 |
- sSkinURI: "/client/smarteditor2-2.8.2.3/SmartEditor2Skin.html", |
|
| 67 |
- htParams: {
|
|
| 68 |
- bUseToolbar : true, // 툴바 사용 여부 (true:사용/ false:사용하지 않음) |
|
| 69 |
- bSkipXssFilter : true, |
|
| 70 |
- bUseVerticalResizer: true, |
|
| 71 |
- bUseModeChanger: true |
|
| 72 |
- }, |
|
| 73 |
- fCreator: "createSEditor2" |
|
| 74 |
- }); |
|
| 68 |
+ oAppRef: oEditors, |
|
| 69 |
+ elPlaceHolder: "smart", |
|
| 70 |
+ sSkinURI: "/client/smarteditor2-2.8.2.3/SmartEditor2Skin.html", |
|
| 71 |
+ htParams: {
|
|
| 72 |
+ bUseToolbar: true, // 툴바 사용 여부 (true:사용/ false:사용하지 않음) |
|
| 73 |
+ bSkipXssFilter: true, |
|
| 74 |
+ bUseVerticalResizer: true, |
|
| 75 |
+ bUseModeChanger: true |
|
| 76 |
+ }, |
|
| 77 |
+ fCreator: "createSEditor2" |
|
| 78 |
+ }); |
|
| 75 | 79 |
} |
| 76 | 80 |
}; |
| 77 | 81 |
</script> |
... | ... | @@ -88,12 +92,12 @@ |
| 88 | 92 |
border-bottom: 3px solid #ddd; |
| 89 | 93 |
} |
| 90 | 94 |
|
| 91 |
-textarea{
|
|
| 95 |
+textarea {
|
|
| 92 | 96 |
width: 100%; |
| 93 | 97 |
height: 450px; |
| 94 | 98 |
} |
| 95 | 99 |
|
| 96 |
-.dark-gray-btn{
|
|
| 100 |
+.dark-gray-btn {
|
|
| 97 | 101 |
margin-right: 5px; |
| 98 | 102 |
} |
| 99 | 103 |
</style> |
--- client/views/pages/admin/technology/TechInsert.vue
+++ client/views/pages/admin/technology/TechInsert.vue
... | ... | @@ -19,15 +19,15 @@ |
| 19 | 19 |
<td> |
| 20 | 20 |
<div class="flex-start"> |
| 21 | 21 |
<div> |
| 22 |
- <input type="radio" name="category" id="api" style="display:none" checked> |
|
| 22 |
+ <input type="radio" name="category" id="api" style="display:none" checked> |
|
| 23 | 23 |
<label for="api">API</label> |
| 24 | 24 |
</div> |
| 25 | 25 |
<div> |
| 26 |
- <input type="radio" name="category" id="tech" style="display:none"> |
|
| 26 |
+ <input type="radio" name="category" id="tech" style="display:none"> |
|
| 27 | 27 |
<label for="tech">기술리포트</label> |
| 28 | 28 |
</div> |
| 29 | 29 |
<div> |
| 30 |
- <input type="radio" name="category" id="issue" style="display:none"> |
|
| 30 |
+ <input type="radio" name="category" id="issue" style="display:none"> |
|
| 31 | 31 |
<label for="issue">이슈리포트</label> |
| 32 | 32 |
</div> |
| 33 | 33 |
<div> |
... | ... | @@ -40,6 +40,17 @@ |
| 40 | 40 |
<tr> |
| 41 | 41 |
<th>내용</th> |
| 42 | 42 |
<td><textarea name="smart" id="smart" style="width:100%"></textarea></td> |
| 43 |
+ </tr> |
|
| 44 |
+ <tr> |
|
| 45 |
+ <th>첨부파일</th> |
|
| 46 |
+ <td> |
|
| 47 |
+ <div class="btn-upload" @click="openFileInput">파일 업로드하기</div> |
|
| 48 |
+ <input type="file" name="file" id="file" ref="fileInput" style="display: none" |
|
| 49 |
+ @change="fileUpload()"> |
|
| 50 |
+ <div v-for="(file, idx) in fileList" :key="idx"> |
|
| 51 |
+ <div> {{ file.name }} <button @click="fileRemove(idx)">삭제</button></div>
|
|
| 52 |
+ </div> |
|
| 53 |
+ </td> |
|
| 43 | 54 |
</tr> |
| 44 | 55 |
</tbody> |
| 45 | 56 |
</table> |
... | ... | @@ -57,12 +68,30 @@ |
| 57 | 68 |
export default {
|
| 58 | 69 |
data() {
|
| 59 | 70 |
return {
|
| 60 |
- oEditors:[], // oEditors는 스마트에디터용 |
|
| 71 |
+ oEditors: [], // oEditors는 스마트에디터용 |
|
| 61 | 72 |
}; |
| 62 | 73 |
}, |
| 63 | 74 |
methods: {
|
| 64 |
- selectList:function(){
|
|
| 65 |
- this.$router.push({ path: '/adm/techSelectList.page'});
|
|
| 75 |
+ selectList: function () {
|
|
| 76 |
+ this.$router.push({ path: '/adm/techSelectList.page' });
|
|
| 77 |
+ }, |
|
| 78 |
+ |
|
| 79 |
+ // 파일 업로드 커스텀을 위한 함수 |
|
| 80 |
+ openFileInput: function () {
|
|
| 81 |
+ this.$refs.fileInput.click(); // 파일 업로드 input 요소를 클릭 |
|
| 82 |
+ }, |
|
| 83 |
+ //파일업로드 |
|
| 84 |
+ fileUpload: function () {
|
|
| 85 |
+ this.fileList[this.filecount] = this.$refs.fileInput.files[0] |
|
| 86 |
+ this.filecount += 1 |
|
| 87 |
+ console.log("file", this.fileList);
|
|
| 88 |
+ }, |
|
| 89 |
+ |
|
| 90 |
+ //파일업로드 중 업로드 파일 삭제 |
|
| 91 |
+ fileRemove(idx) {
|
|
| 92 |
+ this.fileList.splice(idx, 1); |
|
| 93 |
+ console.log("reMove_file", this.fileList);
|
|
| 94 |
+ this.filecount = this.fileList.length; |
|
| 66 | 95 |
}, |
| 67 | 96 |
}, |
| 68 | 97 |
watch: {},
|
... | ... | @@ -72,17 +101,17 @@ |
| 72 | 101 |
// 스마트 에디터 적용 |
| 73 | 102 |
const oEditors = this.oEditors; |
| 74 | 103 |
nhn.husky.EZCreator.createInIFrame({
|
| 75 |
- oAppRef: oEditors, |
|
| 76 |
- elPlaceHolder: "smart", |
|
| 77 |
- sSkinURI: "/client/smarteditor2-2.8.2.3/SmartEditor2Skin.html", |
|
| 78 |
- htParams: {
|
|
| 79 |
- bUseToolbar : true, // 툴바 사용 여부 (true:사용/ false:사용하지 않음) |
|
| 80 |
- bSkipXssFilter : true, |
|
| 81 |
- bUseVerticalResizer: true, |
|
| 82 |
- bUseModeChanger: true |
|
| 83 |
- }, |
|
| 84 |
- fCreator: "createSEditor2" |
|
| 85 |
- }); |
|
| 104 |
+ oAppRef: oEditors, |
|
| 105 |
+ elPlaceHolder: "smart", |
|
| 106 |
+ sSkinURI: "/client/smarteditor2-2.8.2.3/SmartEditor2Skin.html", |
|
| 107 |
+ htParams: {
|
|
| 108 |
+ bUseToolbar: true, // 툴바 사용 여부 (true:사용/ false:사용하지 않음) |
|
| 109 |
+ bSkipXssFilter: true, |
|
| 110 |
+ bUseVerticalResizer: true, |
|
| 111 |
+ bUseModeChanger: true |
|
| 112 |
+ }, |
|
| 113 |
+ fCreator: "createSEditor2" |
|
| 114 |
+ }); |
|
| 86 | 115 |
} |
| 87 | 116 |
}; |
| 88 | 117 |
</script> |
... | ... | @@ -99,15 +128,16 @@ |
| 99 | 128 |
border-bottom: 3px solid #ddd; |
| 100 | 129 |
} |
| 101 | 130 |
|
| 102 |
-textarea{
|
|
| 131 |
+textarea {
|
|
| 103 | 132 |
width: 100%; |
| 104 | 133 |
height: 450px; |
| 105 | 134 |
} |
| 106 | 135 |
|
| 107 |
-.dark-gray-btn{
|
|
| 136 |
+.dark-gray-btn {
|
|
| 108 | 137 |
margin-right: 5px; |
| 109 | 138 |
} |
| 110 |
-label{
|
|
| 139 |
+ |
|
| 140 |
+label {
|
|
| 111 | 141 |
border: 1px solid #535353; |
| 112 | 142 |
color: #535353; |
| 113 | 143 |
background-color: #fff; |
... | ... | @@ -115,7 +145,8 @@ |
| 115 | 145 |
border-radius: 3px; |
| 116 | 146 |
margin-right: 10px; |
| 117 | 147 |
} |
| 118 |
-input:checked+label{
|
|
| 148 |
+ |
|
| 149 |
+input:checked+label {
|
|
| 119 | 150 |
background: #535353; |
| 120 | 151 |
color: #fff; |
| 121 | 152 |
|
--- client/views/pages/admin/user/UserSelectList.vue
+++ client/views/pages/admin/user/UserSelectList.vue
... | ... | @@ -93,26 +93,25 @@ |
| 93 | 93 |
<div class="modal-title"> |
| 94 | 94 |
<h2>관리자 등록</h2> |
| 95 | 95 |
</div> |
| 96 |
- <div v-show="modalType == 'userInsert'" class="modal-content-monthly "> |
|
| 97 |
- <div> |
|
| 98 |
- <input type="text" placeholder="ID" v-model="mngr.mngr_id" /> |
|
| 99 |
- <button type="button" class="idchk green-btn" @click="idChcek">중복확인</button> |
|
| 96 |
+ <div v-show="modalType == 'userInsert'" class="modal-content-monthly"> |
|
| 97 |
+ <div class="flex"> |
|
| 98 |
+ <input type="text" placeholder="ID" v-model="mngr.mngr_id" class="id-input"/> |
|
| 99 |
+ <button type="button" class="idchk blue-btn" @click="idChcek">중복확인</button> |
|
| 100 | 100 |
</div> |
| 101 | 101 |
<div><input type="password" name="pw" id="pw" placeholder="password" v-model="mngr.mngr_pw" |
| 102 | 102 |
@change="passwordSyncCheck()" /></div> |
| 103 | 103 |
<div> |
| 104 | 104 |
<input type="password" name="pwCk" id="pwCk" placeholder="password 확인" v-model="passwordCheck" |
| 105 | 105 |
@change="passwordSyncCheck()" /> |
| 106 |
- <div v-if="this.passwordCheckFlag" style="color:chartreuse">비밀번호 일치</div> |
|
| 107 |
- <div v-else style="color:red">비밀번호 불일치</div> |
|
| 106 |
+ <div v-if="this.passwordCheckFlag" style="color:rgb(0, 198, 60); display:block" class="warning">비밀번호 일치</div> |
|
| 107 |
+ <div v-else style="color:red; display:block" class="warning">비밀번호 불일치</div> |
|
| 108 | 108 |
</div> |
| 109 | 109 |
<div><input type="text" placeholder="이름" v-model="mngr.mngr_nm" /></div> |
| 110 | 110 |
<div class="flex"> |
| 111 |
- <span>이메일 : </span> |
|
| 112 |
- <input type="text" v-model="email_id"> |
|
| 113 |
- <div> @ </div> |
|
| 114 |
- <input class="m-r" type="text" v-model="email_domain" :disabled="email_disabled === true"> |
|
| 115 |
- <select @change="emailValue($event.target.value)"> |
|
| 111 |
+ <input type="text" v-model="email_id" placeholder="email"> |
|
| 112 |
+ <div class="at">@</div> |
|
| 113 |
+ <input class="mail-input" type="text" v-model="email_domain" :disabled="email_disabled === true"> |
|
| 114 |
+ <select @change="emailValue($event.target.value)" class="mail-select"> |
|
| 116 | 115 |
<option selected disabled>선택하세요</option> |
| 117 | 116 |
<option value="naver.com">naver.com</option> |
| 118 | 117 |
<option value="gmail.com">gmail.com</option> |
... | ... | @@ -457,6 +456,29 @@ |
| 457 | 456 |
width: 100%; |
| 458 | 457 |
height: 100%; |
| 459 | 458 |
padding: 15px; |
| 460 |
- |
|
| 461 | 459 |
} |
| 460 |
+ |
|
| 461 |
+.modal-content-monthly > div{
|
|
| 462 |
+ margin-bottom: 10px; |
|
| 463 |
+} |
|
| 464 |
+ |
|
| 465 |
+.id-input{
|
|
| 466 |
+ width: 79%; |
|
| 467 |
+ margin-right: 1%; |
|
| 468 |
+} |
|
| 469 |
+ |
|
| 470 |
+.at{
|
|
| 471 |
+ padding: 0 10px; |
|
| 472 |
+ font-size: 1.4rem; |
|
| 473 |
+} |
|
| 474 |
+ |
|
| 475 |
+.mail-input{
|
|
| 476 |
+ margin-right: 10px; |
|
| 477 |
+} |
|
| 478 |
+ |
|
| 479 |
+.warning{
|
|
| 480 |
+ padding: 5px; |
|
| 481 |
+ display: none; |
|
| 482 |
+} |
|
| 483 |
+ |
|
| 462 | 484 |
</style> |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?