149 lines
11 KiB
JavaScript
149 lines
11 KiB
JavaScript
$(function () {
|
|
|
|
// ================ 신청인 정보 ================ //
|
|
|
|
// 신청사유 추가
|
|
$(".btn_add_reason").click(function () {
|
|
//$(this).prev(".select").find("option:selected").attr("selected");
|
|
var reasonSelect = $(this).prev(".select").html();
|
|
var addLi = '<li><select name="" id="" class="select">' + reasonSelect + '</select> <button type="button" class="btn only_icon round btn_delect" onclick="removeLi(this); title="사유 삭제"><i class="icon"></i></button></li>';
|
|
$(".reason_list").append(addLi);
|
|
});
|
|
|
|
|
|
|
|
// 신청인 추가
|
|
var apl_info = `<li><div class="apl_title"><button type="button" class="btn_apl_slide" onclick="aplSlide(this);"> <i class="icon slide up"></i></button><button type="button" class="btn btn_text btn_35 darkblue_border btn_delete_apl" onclick="removeLi(this);">신청인 삭제</button></div>`;
|
|
apl_info += `<div class="table_type_rows apl_info_input"><table><colgroup><col style="width:200px;"><col style="width:auto;"><col style="width:200px;"><col style="width:auto;"></colgroup>`;
|
|
apl_info += `<tbody><tr><th><p class="required_text">*<span>필수입력</span></p>상호</th><td><input type="text" class="input_text w100per" title="상호 입력"></td><th><p class="required_text">*<span>필수입력</span></p>대표자</th><td><input type="text" class="input_text w100per" title="대표자 입력"></td></tr>`;
|
|
apl_info += `<tr><th><p class="required_text">*<span>필수입력</span></p>개인/법인</th><td colspan="3"><select name="" id="" class="select" title="개인/법인 선택"><option value="">개인</option><option value="">법인</option></select></td></tr>`;
|
|
apl_info += `<tr><th><p class="required_text">*<span>필수입력</span></p>우편번호</th><td colspan="3"><ul class="input_box postcode_input"><li><input type="text" class="input_text" title="우편번호 입력"></li><li><button type="button" class="btn btn_text darkblue_border btn_40">우편번호검색</button></li><li><input type="checkbox" id="global_check" class="checkbox"><label for="global_check">해외시 체크해주세요.</label></li></ul><p class="cf_text small color_red">*우편물(공문)을 수령할 수 있는 자택/사업장 주소를 기입 바랍니다.</p></td></tr>`;
|
|
apl_info += `<tr><th><p class="required_text">*<span>필수입력</span></p>도로명 주소</th><td colspan="3"><ul class="input_box address_input"><li><input type="text" class="input_text" readonly></li><li><input type="text" class="input_text" readonly></li></ul></td></tr><tr><th><p class="required_text">*<span>필수입력</span></p>이메일</th><td colspan="3"><div class="email_wrap"><input type="text" class="input_text input_email" title="이메일 공급자 입력">@<input type="text" class="input_text input_email" title="이메일 공급자 입력"><select name="" id="" class="select email_select" title="이메일 공급자 선택"><option value="0">직접입력</option><option value="chol.com">chol.com</option><option value="daum.net">daum.net</option><option value="dreamwiz.com">dreamwiz.com</option><option value="empal.com">empal.com</option><option value="freechal.com">freechal.com</option><option value="gmail.com">gmail.com</option><option value="hanafos.com">hanafos.com</option><option value="hanmir.com">hanmir.com</option><option value="hitel.com">hitel.com</option><option value="hotmail.com">hotmail.com</option><option value="korea.com">korea.com</option><option value="lycos.co.kr">lycos.co.kr</option><option value="nate.com">nate.com</option><option value="naver.com">naver.com</option><option value="netian.com">netian.com</option><option value="paran.com">paran.com</option><option value="yahoo.com">yahoo.com</option><option value="yahoo.co.kr">yahoo.co.kr</option></select></div></td></tr>`;
|
|
apl_info += `<tr><th><p class="required_text">*<span>필수입력</span></p>휴대폰</th><td><div class="phone_wrap"><select name="" id="" title="핸드폰 첫번째 자리 선택" class="select"><option value="">010</option><option value="">011</option></select> - <input type="text" class="input_text" title="핸드폰 가운데 자리 입력"> - <input type="text" class="input_text" title="핸드폰 마지막 자리 입력"></div></td><th>FAX</th><td><div class="phone_wrap fax_wrap"><input type="text" class="input_text" title="팩스 가운데 자리 입력"> - <input type="text" class="input_text" title="팩스 가운데 자리 입력"> - <input type="text" class="input_text" title="팩스 마지막 자리 입력"></div></td></tr><tr><th><p class="required_text">*<span>필수입력</span></p>사업자등록번호<br>(' - '제외)</th><td><input type="text" class="input_text w100per" title="사업자등록번호 입력"></td><th>법인등록번호<br>(' - '제외)</th><td><input type="text" class="input_text w100per" title="법인등록번호 입력"></td></tr></tbody></table></div></li>`;
|
|
|
|
$(".btn_add_apl").click(function () {
|
|
var aplNum = $(".apl_list>li").length + 1;
|
|
if ($(this).closest(".table_top").siblings(".apl_list").is(".rapl_list")) {
|
|
console.log("1")
|
|
$(".apl_list").append(apl_info);
|
|
$(".apl_list>li").last().find('.btn_apl_slide').html('피신청인' + aplNum + ' <i class="icon slide up"></i>');
|
|
$(".apl_list>li").last().find('.btn_delete_apl').attr("title", "피신청인" + aplNum + " 삭제").text("피신청인 삭제");
|
|
} else {
|
|
console.log("2")
|
|
$(".apl_list").append(apl_info);
|
|
$(".apl_list>li").last().find('.btn_apl_slide').html('신청인' + aplNum + ' <i class="icon slide up"></i>');
|
|
$(".apl_list>li").last().find('.btn_delete_apl').attr("title", "신청인" + aplNum + " 삭제");
|
|
}
|
|
});
|
|
|
|
// 하도급대금 내역, 도급대금 내역 입력 추가 및 삭제
|
|
|
|
// var priceTr = `<tr class="contract_input"><td><select name="" id="" class="select w100per"><option value="">선택</option><option value="">가</option><option value="">나</option><option value="">다</option><option value="">라</option><option value="">마</option><option value="">바</option><option value="">사</option></select></td>`
|
|
// priceTr +=`<td><input type="text" class="input_text" readonly></td>`;
|
|
// priceTr +=`<td class="td_price"><input type="text" class="input_text" readonly></td>`;
|
|
// priceTr +=`<td><input type="text" class="input_text" readonly></td>`;
|
|
// priceTr +=`<td class="td_price"><input type="text" class="input_text" readonly></td>`;
|
|
// priceTr +=`<td><input type="text" class="input_text" readonly></td>`;
|
|
// priceTr +=`<td><input type="text" class="input_text" readonly></td>`;
|
|
// priceTr +=`<td class="td_price"><input type="text" class="input_text" readonly></td>`;
|
|
// priceTr +=`<td class="td_price"><input type="text" class="input_text" readonly></td>`;
|
|
// priceTr +=`<td class="td_price"><input type="text" class="input_text" readonly></td>`;
|
|
// priceTr +=`<td><input type="text" class="input_text" readonly></td></tr>`;
|
|
|
|
|
|
|
|
$(".btn_add_tr").on("click", function () {
|
|
|
|
var trName = $(this).closest('.table_top').next(".price_table");
|
|
trName = trName[0].classList[4];
|
|
|
|
var trLength = $(this).closest('.table_top').next(".price_table").find(".contract_input").length;
|
|
|
|
var priceTr = `<tr class="contract_input ` + trName + trLength + `"><td>`
|
|
priceTr += `<select name="" id="" class="select w100per"><option value="00">선택</option><option value="` + trName + `01">가</option><option value="` + trName + `02">나</option><option value="` + trName + `03">다</option><option value="` + trName + `04">라</option><option value="` + trName + `05">마</option><option value="` + trName + `06">바</option><option value="` + trName + `07">사</option></select></td>`
|
|
priceTr += `<td><input type="text" class="input_text" readonly></td>`;
|
|
priceTr += `<td class="td_price"><input type="text" class="input_text" readonly></td>`;
|
|
priceTr += `<td><input type="text" class="input_text" readonly></td>`;
|
|
priceTr += `<td class="td_price"><input type="text" class="input_text" readonly></td>`;
|
|
priceTr += `<td><input type="text" class="input_text" readonly></td>`;
|
|
priceTr += `<td><input type="text" class="input_text" readonly></td>`;
|
|
priceTr += `<td class="td_price"><input type="text" class="input_text" readonly></td>`;
|
|
priceTr += `<td class="td_price"><input type="text" class="input_text" readonly></td>`;
|
|
priceTr += `<td class="td_price"><input type="text" class="input_text" readonly></td>`;
|
|
priceTr += `<td><input type="text" class="input_text" readonly></td></tr>`;
|
|
|
|
$(this).closest('.table_top').next(".price_table").find("tbody").prepend(priceTr);
|
|
|
|
$(".contract_input .select").change(function () {
|
|
if ($(this).val() !== "00") {
|
|
var selectTitle = $(this).find(":selected").text();
|
|
|
|
var reasonTr = `<tr class="reason_tr ` + trName + trLength + `"><td>소계:` + selectTitle + `</td>`;
|
|
reasonTr += `<td></td>`;
|
|
reasonTr += `<td class="text_right"></td>`;
|
|
reasonTr += `<td></td>`;
|
|
reasonTr += `<td class="text_right"></td>`;
|
|
reasonTr += `<td></td>`;
|
|
reasonTr += `<td></td>`;
|
|
reasonTr += `<td class="text_right"></td>`;
|
|
reasonTr += `<td class="text_right"></td>`;
|
|
reasonTr += `<td class="text_right"></td>`;
|
|
reasonTr += `<td></td>`;
|
|
reasonTr += `</tr>`;
|
|
|
|
if ($(".reason_tr." + trName + trLength).length == 0) {
|
|
$(this).closest('.price_table').find("tbody").append(reasonTr);
|
|
} else {
|
|
$(this).closest(".price_table").find(".reason_tr." + trName + trLength).find("td").eq(0).text("소계:" + selectTitle);
|
|
}
|
|
$(this).closest(".contract_input").find(".input_text").removeAttr("readonly");
|
|
} else {}
|
|
})
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
$(".contract_input .select").change(function () {
|
|
if ($(this).val() !== "00") {
|
|
var selectTitle = $(this).find(":selected").text();
|
|
console.log(selectTitle)
|
|
$(this).closest(".contract_input").find(".input_text").removeAttr("readonly");
|
|
var trClass = $(this).closest(".contract_input")[0].classList[1];
|
|
if ($(".reason_tr." + trClass).length == 0) {} else {
|
|
$(this).closest(".price_table").find(".reason_tr." + trClass).find("td").eq(0).text("소계:" + selectTitle);
|
|
}
|
|
} else {}
|
|
})
|
|
|
|
|
|
})
|
|
|
|
// 타이틀 클릭 시 하위 정보 노출/숨김
|
|
function aplSlide(button) {
|
|
$(button).closest(".apl_title").toggleClass("active");
|
|
$(button).closest(".apl_title").next(".apl_info_input").slideToggle(300);
|
|
}
|
|
|
|
function removeLi(button) {
|
|
$(button).closest("li").remove();
|
|
setTimeout(function () {
|
|
if ($(button).is(".btn_delete_apl")) {
|
|
$(".btn_apl_slide").each(function (idx1, itm1) {
|
|
idx1 += 1;
|
|
if ($(itm1).closest(".apl_list").is(".rapl_list")) {
|
|
$(itm1).html('피신청인' + idx1 + ' <i class="icon slide up"></i>');
|
|
$(itm1).next(".btn_delete_apl").attr("title", "피신청인" + idx1 + " 삭제");
|
|
} else {
|
|
$(itm1).html('신청인' + idx1 + ' <i class="icon slide up"></i>');
|
|
$(itm1).next(".btn_delete_apl").attr("title", "신청인" + idx1 + " 삭제");
|
|
}
|
|
})
|
|
}
|
|
})
|
|
}
|
|
|
|
function deleteReadOnly(select) {
|
|
|
|
} |