250 lines
12 KiB
Plaintext
250 lines
12 KiB
Plaintext
<%@ page contentType="text/html;charset=UTF-8"%>
|
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
|
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
|
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
|
|
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<jsp:include page="/WEB-INF/view/include/inc_head.jsp"/>
|
|
</head>
|
|
<body>
|
|
<!-- wrapper : s -->
|
|
<div class="d-flex" id="wrapper">
|
|
<!-- Sidebar : s-->
|
|
<jsp:include page="/WEB-INF/view/include/inc_body_sidebar.jsp"/>
|
|
<!-- Sidebar : e-->
|
|
|
|
<!-- container : s-->
|
|
<div id="container">
|
|
<!-- header : s-->
|
|
<jsp:include page="/WEB-INF/view/include/inc_body_header.jsp"/>
|
|
<!-- header : e-->
|
|
|
|
<div class="container-fluid" id="vueApp">
|
|
<h3 class="mt-3 mb-3">고객정보 등록</h3>
|
|
|
|
<h5 class="mt-3 mb-3">거래 정보</h5>
|
|
<div class="border border-2 mb-3">
|
|
<div class="row d-flex justify-content-center">
|
|
<label for="openingDate" class="col-sm-1 col-form-label mb-3 pt-3">날짜</label>
|
|
<div class="col-sm-3 mb-3 pt-3">
|
|
<input type="text" class="form-control" id="openingDate" v-model="openingDate" value="221229" tabindex="1" @blur="openingDayBlur">
|
|
</div>
|
|
<label for="businessPartner" class="col-sm-1 col-form-label mb-3 pt-3">거래처</label>
|
|
<div class="col-sm-3 mb-3 pt-3">
|
|
<select class="selectpicker show-tick" data-width="100%" title='' data-live-search="true" id="businessPartner" v-model="businessPartner" @change="businessPartnerChange" tabindex="2" >
|
|
<option v-for="(x, index) in info.businessPartnerList" :index="x.id" :value="x.id">{{x.partnerName}}</option>
|
|
</select>
|
|
</div>
|
|
<label for="mobileCarrier" class="col-sm-1 col-form-label mb-3 pt-3">통신사</label>
|
|
<div class="col-sm-3 mb-3 pt-3">
|
|
<input type="text" readonly class="form-control" id="mobileCarrier" v-model="mobileCarrier" disabled="disabled">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h5 class="mt-3 mb-3">고객정보 등록</h5>
|
|
<div class="border border-2 mb-3">
|
|
<div class="row d-flex justify-content-center">
|
|
<label for="name" class="col-sm-2 col-form-label mb-3 pt-3">이름</label>
|
|
<div class="col-sm-3 mb-3 pt-3">
|
|
<input type="text" class="form-control" id="name" v-model="name" value="한강욱" tabindex="3">
|
|
</div>
|
|
<div class="vr p-0 m-0"></div>
|
|
<label for="pname" class="col-sm-2 col-form-label mb-3 pt-3">법대이름</label>
|
|
<div class="col-sm-3 mb-3 pt-3">
|
|
<input type="text" class="form-control" id="pname" v-model="pname" value="황민창" tabindex="6" disabled="disabled">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row d-flex justify-content-center">
|
|
<label for="birthday" class="col-sm-2 col-form-label mb-3">생년월일</label>
|
|
<div class="col-sm-3 mb-3">
|
|
<input type="text" class="form-control" id="birthday" v-model="birthday" value="" tabindex="4" @input="birthdayChange" @blur="birthdayBlur">
|
|
</div>
|
|
<div class="vr p-0 m-0"></div>
|
|
<label for="pbirthday" class="col-sm-2 col-form-label mb-3">법대생년월일</label>
|
|
<div class="col-sm-3 mb-3">
|
|
<input type="text" class="form-control" id="pbirthday" v-model="pbirthday" value="" tabindex="7" disabled="disabled" @blur="pbirthdayBlur">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row d-flex justify-content-center">
|
|
<label for="phoneNumber" class="col-sm-2 col-form-label mb-3">핸드폰번호</label>
|
|
<div class="col-sm-3 mb-3">
|
|
<input type="text" class="form-control" id="phoneNumber" v-model="phoneNumber" value="" tabindex="5">
|
|
</div>
|
|
<div class="vr p-0"></div>
|
|
<label for="pphoneNumber" class="col-sm-2 col-form-label mb-3">법대핸드폰번호</label>
|
|
<div class="col-sm-3 mb-3">
|
|
<input type="text" class="form-control" id="pphoneNumber" v-model="pphoneNumber" value="" tabindex="8" disabled="disabled">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h5 class="mt-3 mb-3">개통정보</h5>
|
|
<div class="border border-2 mb-3">
|
|
<div class="row d-flex justify-content-center">
|
|
<label for="installment" class="col-sm-2 col-form-label mb-3 pt-3">할부개월</label>
|
|
<div class="col-sm-3 mb-3 pt-3">
|
|
<select class="form-select" v-model="installment">
|
|
<option value="0" selected>0개월</option>
|
|
<option value="12">12개월</option>
|
|
<option value="24">24개월</option>
|
|
<option value="36">36개월</option>
|
|
</select>
|
|
</div>
|
|
<div class="vr p-0 m-0"></div>
|
|
<label for="phoneId" class="col-sm-2 col-form-label mb-3 pt-3">핸드폰</label>
|
|
<div class="col-sm-3 mb-3 pt-3">
|
|
<select class="selectpicker show-tick" data-width="100%" title='' data-live-search="true" id="phoneId" v-model="phoneId">
|
|
<option v-for="(x, index) in info.phoneList" :index="x.id" :value="x.id">{{x.petName}} | {{x.model}}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row d-flex justify-content-center">
|
|
<label for="serialNumber" class="col-sm-2 col-form-label mb-3">일련번호</label>
|
|
<div class="col-sm-3 mb-3">
|
|
<input type="text" class="form-control" id="serialNumber" v-model="serialNumber" value="JYNWTXQC7W">
|
|
</div>
|
|
<div class="vr p-0 m-0"></div>
|
|
<label for="insertType" class="col-sm-2 col-form-label mb-3">가입구분</label>
|
|
<div class="col-sm-3 mb-3">
|
|
<select class="form-select" v-model="insertType" @change="insertTypeChange">
|
|
<option value="change" selected>기변</option>
|
|
<option value="move">MNP</option>
|
|
<option value="new">신규</option>
|
|
<option value="other">유선</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row d-flex justify-content-center">
|
|
<label for="factoryPrice" class="col-sm-2 col-form-label mb-3">출고가</label>
|
|
<div class="col-sm-3 mb-3">
|
|
<input type="text" class="form-control" id="factoryPrice" v-model="factoryPrice" value="" @blur="factoryPrice = moneyText(factoryPrice)">
|
|
</div>
|
|
<div class="vr p-0 m-0"></div>
|
|
<label for="disclosureSubsidy" class="col-sm-2 col-form-label mb-3">공시지원금(안적으면 선약)</label>
|
|
<div class="col-sm-3 mb-3">
|
|
<input type="text" class="form-control" id="disclosureSubsidy" v-model="disclosureSubsidy" value="" @blur="disclosureSubsidy = moneyText(disclosureSubsidy)">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row d-flex justify-content-center">
|
|
<label for="phoneNumber" class="col-sm-2 col-form-label mb-3">부가서비스</label>
|
|
<div class="col-sm-3 mb-3">
|
|
<select class="selectpicker show-tick" multiple data-width="100%" title='' data-live-search="true" id="subRatePlan" v-model="subRatePlan" >
|
|
<option v-for="(x, index) in view.subRatePlanList" :index="x.id">{{x.planName}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="vr p-0"></div>
|
|
<label for="mainRatePlan" class="col-sm-2 col-form-label mb-3">요금제</label>
|
|
<div class="col-sm-3 mb-3">
|
|
<select class="selectpicker show-tick" data-width="100%" title='' data-live-search="true" id="mainRatePlan" v-model="mainRatePlan" >
|
|
<option v-for="(x, index) in view.mainRatePlanList" :index="x.id">{{x.planName}}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h5 class="mt-3 mb-3">리베이트</h5>
|
|
<div class="border border-2 mb-3">
|
|
<div class="row d-flex justify-content-center">
|
|
<label for="formula" class="col-sm-2 col-form-label mb-3 pt-3">계산식</label>
|
|
<div class="col-sm-3 mb-3 pt-3">
|
|
<input type="text" class="form-control" id="formula" value="1+2+4+5+6-2" v-model="formula" @input="formulaChange">
|
|
</div>
|
|
<div class="vr p-0 m-0"></div>
|
|
<label for="faceValueRebate" class="col-sm-2 col-form-label mb-3 pt-3">액면R/B</label>
|
|
<div class="col-sm-3 mb-3 pt-3">
|
|
<input type="text" class="form-control" id="faceValueRebate" v-model="faceValueRebate" disabled="disabled" value="160000">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row d-flex justify-content-center">
|
|
<label for="guestMoney" class="col-sm-2 col-form-label mb-3">고객현금</label>
|
|
<div class="col-sm-3 mb-3">
|
|
<input type="text" class="form-control" id="guestMoney" v-model="guestMoney" value="130000" @blur="guestMoney = moneyText(guestMoney)">
|
|
</div>
|
|
<div class="vr p-0 m-0"></div>
|
|
<label for="usim" class="col-sm-2 col-form-label mb-3">유심비</label>
|
|
<div class="col-sm-3 mb-3">
|
|
<input type="text" class="form-control" id="usim" v-model="usim" value="7700" @blur="usim = moneyText(usim)">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row d-flex justify-content-center">
|
|
<label for="introductionPay" class="col-sm-2 col-form-label mb-3">소개비</label>
|
|
<div class="col-sm-3 mb-3">
|
|
<input type="text" class="form-control" id="introductionPay" v-model="introductionPay" value="10000" @blur="introductionPay = moneyText(introductionPay)">
|
|
</div>
|
|
<div class="vr p-0 m-0"></div>
|
|
<label for="payBack" class="col-sm-2 col-form-label mb-3">페이백(P/B)</label>
|
|
<div class="col-sm-3 mb-3">
|
|
<input type="text" class="form-control" id="payBack" v-model="payBack" value="30000" @input="payBackChange" @blur="payBack = moneyText(payBack)">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row d-flex justify-content-center">
|
|
<label for="payBackDay" class="col-sm-2 col-form-label mb-3">지급예정일자</label>
|
|
<div class="col-sm-3 mb-3">
|
|
<input type="text" class="form-control" disabled id="payBackDay" v-model="payBackDay" value="22-12-30" @blur="payBackgDayBlur">
|
|
</div>
|
|
<div class="vr p-0 m-0"></div>
|
|
<label for="payBackYn" class="col-sm-2 col-form-label mb-3">지급여부</label>
|
|
<div class="col-sm-3 mb-3">
|
|
<select class="form-select" id="payBackYn" disabled v-model="payBackYn">
|
|
<option value="N" selected>지급대기</option>
|
|
<option value="Y">지급완료</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="row d-flex justify-content-center">
|
|
<label for="payBackBank" class="col-sm-2 col-form-label mb-3">지급계좌은행</label>
|
|
<div class="col-sm-3 mb-3">
|
|
<select class="selectpicker show-tick" disabled data-width="100%" title='' data-live-search="true" id="payBackBank" v-model="payBackBank">
|
|
<option>카카오뱅크</option>
|
|
<option>농협</option>
|
|
<option>국민</option>
|
|
<option>신한</option>
|
|
<option>우리</option>
|
|
<option>기업</option>
|
|
<option>하나</option>
|
|
<option>새마을금고</option>
|
|
<option>우체국</option>
|
|
<option>SC제일</option>
|
|
<option>대구</option>
|
|
<option>부산</option>
|
|
<option>경남</option>
|
|
<option>광주</option>
|
|
<option>신협</option>
|
|
<option>수협</option>
|
|
<option>산업</option>
|
|
<option>전북</option>
|
|
<option>제주</option>
|
|
<option>씨티</option>
|
|
<option>케이뱅크</option>
|
|
<option>토스뱅크</option>
|
|
</select>
|
|
</div>
|
|
<div class="vr p-0"></div>
|
|
<label for="payBackNumber" class="col-sm-2 col-form-label mb-3">지급계좌번호</label>
|
|
<div class="col-sm-3 mb-3">
|
|
<input type="text" class="form-control" disabled id="payBackNumber" v-model="payBackNumber" value="111999111222333">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row d-flex justify-content-center">
|
|
<button type="button" class="btn btn-primary btn-round mb-3 col-sm-2" @click="save">저장</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- container : e-->
|
|
<script src="/res/front/js/biz/sell/add.js?v=${timestamp}"></script>
|
|
</body>
|
|
</html>
|