style: 관리자 - 위원회 일정관리 디자인 변경 건
parent
bc9f30c502
commit
c3582ed28c
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue