From c3582ed28c1624b9d3dc52d301785141d1fd090a Mon Sep 17 00:00:00 2001
From: thkim <thkim@dbnt.co.kr>
Date: Mon, 4 Mar 2024 13:28:34 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EA=B4=80=EB=A6=AC=EC=9E=90=20-=20?=
 =?UTF-8?q?=EC=9C=84=EC=9B=90=ED=9A=8C=20=EC=9D=BC=EC=A0=95=EA=B4=80?=
 =?UTF-8?q?=EB=A6=AC=20=EB=94=94=EC=9E=90=EC=9D=B8=20=EB=B3=80=EA=B2=BD=20?=
 =?UTF-8?q?=EA=B1=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/admin/committee/Schedules.jsx   | 185 +++++++++++-------
 1 file changed, 113 insertions(+), 72 deletions(-)

diff --git a/egovframe-template-simple-react-contribution/src/pages/admin/committee/Schedules.jsx b/egovframe-template-simple-react-contribution/src/pages/admin/committee/Schedules.jsx
index 7e9447b..1d07793 100644
--- a/egovframe-template-simple-react-contribution/src/pages/admin/committee/Schedules.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/admin/committee/Schedules.jsx
@@ -1,12 +1,50 @@
+/* eslint-disable jsx-a11y/heading-has-content */
 import React, { useState, useEffect, useCallback } from 'react';
 import { Link, useLocation } from 'react-router-dom';
 
+import styled from "styled-components";
+
+
 import * as EgovNet from 'api/egovFetch';
 import URL from 'constants/url';
 import CODE from 'constants/code';
 
 import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavAdmin';
 
+const StyledDiv = styled.div`
+    .calendar_list table {
+        thead tr th {   
+            height: auto;
+            line-height: 35px;
+            text-align: left;
+        }
+        tbody td {
+            padding: 0px 5px;
+            text-align: left;
+            font-size: 12px;
+            .day {
+                display: inline-block;
+                font-size: 14px;
+                padding-bottom: 7px;
+            }
+            .title {
+                &:link {
+                    color: #647ea3;
+                }
+                &:visited {
+                    color: #647ea3;
+                }
+                &::hover {
+                    color: #345ef3;
+                }
+                &::active {
+                    color: #345ef3;
+                }
+                
+            }
+        }
+    }
+`;
 
 function Schedules(props) {
 
@@ -154,7 +192,7 @@ function Schedules(props) {
                             if (scheduleList.length > 0) {//일정 있는 경우
                                 return (
                                     <td key={keyIdx++}>
-                                        <Link to={{pathname: URL.ADMIN__COMMITTEE__SCHEDULES__CREATE}} sss="test"  state={{ iUseDate: mutsUseYearMonth + sDate + "000000"}} className="day"
+                                        <Link to={{pathname: URL.ADMIN__COMMITTEE__SCHEDULES__CREATE}} state={{ iUseDate: mutsUseYearMonth + sDate + "000000"}} className="day"
                                                 key={keyIdx++}>{day}</Link><br/>
                                         {
                                             scheduleList.map((schedule, scheduleIdx) => {
@@ -168,8 +206,9 @@ function Schedules(props) {
                                                     return (
                                                         <>
                                                             <Link to={{pathname: URL.ADMIN__COMMITTEE__SCHEDULES__DETAIL}}
-                                                                    state={{schdulId: schedule.schdulId}}
-                                                                    key={keyIdx++}>{schedule.schdulNm}
+                                                                className="title" 
+                                                                state={{schdulId: schedule.schdulId}}
+                                                                key={keyIdx++}>{schedule.schdulNm}
                                                             </Link>
                                                             <br/>
                                                         </>
@@ -241,77 +280,79 @@ function Schedules(props) {
                             <h1 className="tit_1">위원회 일정 관리</h1>
                         </div>
 
-                        <h2 className="tit_2"></h2>
-                        {/* <!-- 검색조건 --> */}
-                        <div className="condition">
-                            <ul>
-                                {false &&
-                                <li>
-                                    <label className="f_select" htmlFor="sel1">
-                                        <select name="schdulSe" id="sel1" title="조건"
-                                            onChange={e => {
-                                                setSearchCondition({ ...searchCondition, schdulSe: e.target.value });
+                        <StyledDiv>
+                            <h2 className="tit_2"></h2>
+                            {/* <!-- 검색조건 --> */}
+                            <div className="condition">
+                                <ul>
+                                    {false &&
+                                    <li>
+                                        <label className="f_select" htmlFor="sel1">
+                                            <select name="schdulSe" id="sel1" title="조건"
+                                                onChange={e => {
+                                                    setSearchCondition({ ...searchCondition, schdulSe: e.target.value });
+                                                }}
+                                            >
+                                                <option value="">전체</option>
+                                                <option value="1">회의</option>
+                                                <option value="2">세미나</option>
+                                                <option value="3">강의</option>
+                                                <option value="4">교육</option>
+                                                <option value="5">기타</option>
+                                            </select>
+                                        </label>
+                                    </li>
+                                    }
+                                    
+                                    <li className="half L">
+                                        <button className="prev"
+                                            onClick={() => {
+                                                changeDate(CODE.DATE_YEAR, -1);
                                             }}
-                                        >
-                                            <option value="">전체</option>
-                                            <option value="1">회의</option>
-                                            <option value="2">세미나</option>
-                                            <option value="3">강의</option>
-                                            <option value="4">교육</option>
-                                            <option value="5">기타</option>
-                                        </select>
-                                    </label>
-                                </li>
-                                }
-                                
-                                <li className="half L">
-                                    <button className="prev"
-                                        onClick={() => {
-                                            changeDate(CODE.DATE_YEAR, -1);
-                                        }}
-                                    ></button>
-                                    <span>{searchCondition.year}</span>
-                                    <button className="next"
-                                        onClick={() => {
-                                            changeDate(CODE.DATE_YEAR, 1);
-                                        }}
-                                    ></button>
-                                </li>
-                                <li className="half R">
-                                    <button className="prev"
-                                        onClick={() => {
-                                            changeDate(CODE.DATE_MONTH, -1);
-                                        }}
-                                    ></button>
-                                    <span>{(searchCondition.month + 1)}</span>
-                                    <button className="next"
-                                        onClick={() => {
-                                            changeDate(CODE.DATE_MONTH, 1);
-                                        }}
-                                    ></button>
-                                </li>
-                            </ul>
-                        </div>
-                        {/* <!--// 검색조건 --> */}
+                                        ></button>
+                                        <span>{searchCondition.year}</span>
+                                        <button className="next"
+                                            onClick={() => {
+                                                changeDate(CODE.DATE_YEAR, 1);
+                                            }}
+                                        ></button>
+                                    </li>
+                                    <li className="half R">
+                                        <button className="prev"
+                                            onClick={() => {
+                                                changeDate(CODE.DATE_MONTH, -1);
+                                            }}
+                                        ></button>
+                                        <span>{(searchCondition.month + 1)}</span>
+                                        <button className="next"
+                                            onClick={() => {
+                                                changeDate(CODE.DATE_MONTH, 1);
+                                            }}
+                                        ></button>
+                                    </li>
+                                </ul>
+                            </div>
+                            {/* <!--// 검색조건 --> */}
 
-                        <div className="calendar_list">
-                            <table>
-                                <thead>
-                                    <tr>
-                                        <th>일</th>
-                                        <th>월</th>
-                                        <th>화</th>
-                                        <th>수</th>
-                                        <th>목</th>
-                                        <th>금</th>
-                                        <th>토</th>
-                                    </tr>
-                                </thead>
-                                <tbody>
-                                    {true && calendarTag}
-                                </tbody>
-                            </table>
-                        </div>
+                            <div className="calendar_list">
+                                <table>
+                                    <thead>
+                                        <tr>
+                                            <th>일</th>
+                                            <th>월</th>
+                                            <th>화</th>
+                                            <th>수</th>
+                                            <th>목</th>
+                                            <th>금</th>
+                                            <th>토</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        {true && calendarTag}
+                                    </tbody>
+                                </table>
+                            </div>
+                        </StyledDiv>                        
                         {/* <!--// 본문 --> */}
                     </div>
                 </div>