퍼블리싱 우선순위 5 카테고리 수정 - 슬라이드 하여 변경

dev_bert
정이솔 3 years ago
parent 09667e2d4c
commit b3e74c68e6

@ -4641,6 +4641,7 @@ main {
.item_order {
display: flex;
justify-content: space-between;
align-items: center;
}
.item_add {
@ -15187,3 +15188,48 @@ main.sona_cont_measurement {
.cont_code01 div {
margin-bottom: 5px;
}
/* 8-15.설정하기-카테고리수정 */
.m_set_recode_order {
padding: 15px 15px 0;
}
.m_set_recode_order .list_cont {
width: 100%;
border: 0.12rem solid #FF9C01;
border-radius: 7px;
padding: 20px;
margin-bottom: 20px;
}
.m_set_recode_order .list {
border-bottom: 1px solid #7070703b;
}
.m_set_recode_order .list:last-child {
border-bottom: none;
}
.m_set_recode_order .line-wrapper {
height: 25px;
width: 25px;
}
.m_set_recode_order .line {
border: 1px solid;
background-color: #000;
margin-top: 6px;
margin-bottom: 6px;
/* box-shadow:0 1px 3px rgba(0,0,0,.5); */
}
.m_set_recode_order .info {
width: 100%;
margin-bottom: 20px;
color: #00000080;
font-size: 0.8rem;
}
.m_set_recode_order .save {
width: 100%;
}

@ -0,0 +1,204 @@
<!DOCTYPE html>
<!--[if IE 8]> <html lang="ko" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="ko">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />
<title>이유식당</title>
<link href="../../css/style.css?1" rel="stylesheet" type="text/css" >
<script src="../../js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../../js/jquery-ui.min.js"></script>
<script type="text/javascript" src="../../js/jquery.ui.touch.js"></script>
</head>
<body><!--grey_bg / blue_w_bg /blue_g_bg-->
<div class="wrap">
<header class="header_wrapper">
<a href="javascript:back.return_url()" class="side_Lbtn hidden pre_btn">이전으로</a>
<h1 class="header_title">카테고리 수정</h1>
<a href="#" class="side_Rbtn hidden"></a>
</header>
<main class="m_set_recode_order">
<div class="cont">
<form id="frmUpdate" name="frmUpdate" method="post" onsubmit="return false">
<div class="list_cont" id="list_cont">
<div class="set_list_wrap list">
<div name="list_item" class="list_item item_order">
<label class="radio-label">모유</label>
<input type="hidden" name="record_list" value="${item['cd_no']!}">
<div class="line-wrapper">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</div>
</div>
<div class="set_list_wrap list">
<div name="list_item" class="list_item item_order">
<label class="radio-label">젖병</label>
<input type="hidden" name="record_list" value="${item['cd_no']!}">
<div class="line-wrapper">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</div>
</div>
<div class="set_list_wrap list">
<div name="list_item" class="list_item item_order">
<label class="radio-label">홈메이드</label>
<input type="hidden" name="record_list" value="${item['cd_no']!}">
<div class="line-wrapper">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</div>
</div>
<div class="set_list_wrap list">
<div name="list_item" class="list_item item_order">
<label class="radio-label">시판</label>
<input type="hidden" name="record_list" value="${item['cd_no']!}">
<div class="line-wrapper">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</div>
</div>
<div class="set_list_wrap list">
<div name="list_item" class="list_item item_order">
<label class="radio-label">간식</label>
<input type="hidden" name="record_list" value="${item['cd_no']!}">
<div class="line-wrapper">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</div>
</div>
<div class="set_list_wrap list">
<div name="list_item" class="list_item item_order">
<label class="radio-label">수면</label>
<input type="hidden" name="record_list" value="${item['cd_no']!}">
<div class="line-wrapper">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</div>
</div>
<div class="set_list_wrap list">
<div name="list_item" class="list_item item_order">
<label class="radio-label">대소변</label>
<input type="hidden" name="record_list" value="${item['cd_no']!}">
<div class="line-wrapper">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</div>
</div>
<div class="set_list_wrap list">
<div name="list_item" class="list_item item_order">
<label class="radio-label">수분</label>
<input type="hidden" name="record_list" value="${item['cd_no']!}">
<div class="line-wrapper">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</div>
</div>
<div class="set_list_wrap list">
<div name="list_item" class="list_item item_order">
<label class="radio-label">예방접종</label>
<input type="hidden" name="record_list" value="${item['cd_no']!}">
<div class="line-wrapper">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</div>
</div>
<div class="set_list_wrap list">
<div name="list_item" class="list_item item_order">
<label class="radio-label">병원</label>
<input type="hidden" name="record_list" value="${item['cd_no']!}">
<div class="line-wrapper">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</div>
</div>
<div class="set_list_wrap list">
<div name="list_item" class="list_item item_order">
<label class="radio-label">체온</label>
<input type="hidden" name="record_list" value="${item['cd_no']!}">
<div class="line-wrapper">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</div>
</div>
<div class="set_list_wrap list">
<div name="list_item" class="list_item item_order">
<label class="radio-label">생활</label>
<input type="hidden" name="record_list" value="${item['cd_no']!}">
<div class="line-wrapper">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</div>
</div>
<div class="set_list_wrap list">
<div name="list_item" class="list_item item_order">
<label class="radio-label">성취</label>
<input type="hidden" name="record_list" value="${item['cd_no']!}">
<div class="line-wrapper">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</div>
</div>
<div class="set_list_wrap list">
<div name="list_item" class="list_item item_order">
<label class="radio-label">유축</label>
<input type="hidden" name="record_list" value="${item['cd_no']!}">
<div class="line-wrapper">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</div>
</div>
</div>
<div class="info">
* 드래그 하여 홈화면의 기록 카테고리 버튼의 순서를 조정할 수 있습니다.
</div>
<button type="submit" id="" name="" class="btns blue_btn save">저장</button>
</form>
</div>
</main>
</div>
<script>
$("#list_cont").sortable({
placeholder: "ui-state-highlight",
containment: ".list_cont"
});
$("#list_cont").disableSelection();
</script>
</body>
</html>
Loading…
Cancel
Save