main.html 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808
  1. <!DOCTYPE html>
  2. <html lang="ko">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>오더퀸 수발주시스템</title>
  7. <meta name="robots" content="noindex, nofollow" />
  8. <meta name="Description" content="" />
  9. <meta name="Keywords" content="" />
  10. <meta name="Author" content="오더퀸" />
  11. <meta name="HandheldFriendly" content="true" />
  12. <meta name="format-detection" content="telephone=no">
  13. <meta name="apple-mobile-web-app-capable" content="yes" />
  14. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  15. <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
  16. <meta http-equiv="Expires" content="0">
  17. <meta http-equiv="Pragma" content="no-cache">
  18. <link rel="shortcut icon" type="image/png" href="./images/favicon.ico"/>
  19. <link rel="stylesheet" href="./bootstrap/dist/css/bootstrap.min.css" />
  20. <link rel="stylesheet" href="./bootstrap-datepicker/css/bootstrap-datepicker3.css" />
  21. <link rel="stylesheet" href="./bootstrap-fileUpload/dist/bootstrap-FileUpload.css" />
  22. <link rel="stylesheet" href="./css/ui.jqgrid-bootstrap.css" />
  23. <link rel="stylesheet" href="./css/style.css" />
  24. <link href="https://hangeul.pstatic.net/hangeul_static/css/nanum-barun-gothic.css" rel="stylesheet">
  25. <script>
  26. const ITP_SYSTEM_ADMIN_YN = 'Y';
  27. const VIEW_PAGE = 'MAIN'; //config.js 에서 로그인 페이지 인지 아닌지 확인하기 위한 변수
  28. var CONN_KEY; //Jwt 토큰을 담기위한 변수
  29. var CODE_LIST; //코드리스트를 담기위한 변수
  30. var AUTH_MENU_LIST; //메뉴리스트를 담기위한 변수
  31. var ACT_LIST; //액션리스트를 담기위한 변수
  32. var LOGIN_USER_INFO; // 로그인 사용자 정보를 담기위한 변수
  33. var POP_LIST; //팝업 리스트
  34. var USER_ID; //사용자ID
  35. var USER_NM; //사용자명
  36. </script>
  37. <script src="./js/app/properties.js"></script>
  38. <script src="./js/require.min.js" data-main="./js/app/config.js"></script>
  39. <style>
  40. #ITP_NOTE_PANEL {
  41. margin-top: 16px;
  42. margin-bottom: 20px;
  43. }
  44. #ITP_NOTE_PANEL h3 {
  45. font-size: 20px;
  46. color: #776;
  47. text-shadow: 2px 2px 3px rgb(255 255 255 / 20%);
  48. line-height: 20px;
  49. margin: 0 0 10px 0;
  50. color: #233c44;
  51. }
  52. .itp_graph_panel {
  53. border: 1px solid #ccc;
  54. padding: 12px;
  55. }
  56. .rtable {
  57. display: inline-block;
  58. vertical-align: top;
  59. max-width: 100%;
  60. overflow-x: auto;
  61. white-space: nowrap;
  62. border-collapse: collapse;
  63. border-spacing: 0;
  64. }
  65. .rtable,
  66. .rtable--flip tbody {
  67. -webkit-overflow-scrolling: touch;
  68. background: radial-gradient(left, ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(right, ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
  69. background-size: 10px 100%, 10px 100%;
  70. background-attachment: scroll, scroll;
  71. background-repeat: no-repeat;
  72. }
  73. .rtable td:first-child,
  74. .rtable--flip tbody tr:first-child {
  75. background-image: linear-gradient(to right, white 50%, rgba(255, 255, 255, 0) 100%);
  76. background-repeat: no-repeat;
  77. background-size: 20px 100%;
  78. }
  79. .rtable td:last-child,
  80. .rtable--flip tbody tr:last-child {
  81. background-image: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0) 100%);
  82. background-repeat: no-repeat;
  83. background-position: 100% 0;
  84. background-size: 20px 100%;
  85. }
  86. .rtable th {
  87. font-size: 13px;
  88. text-align: left;
  89. text-transform: uppercase;
  90. background: #f2f0e6;
  91. height: 40px;
  92. }
  93. .rtable th,
  94. .rtable td {
  95. padding: 6px 12px;
  96. border: 1px solid #d9d7ce;
  97. }
  98. .rtable--flip {
  99. display: flex;
  100. overflow: hidden;
  101. background: none;
  102. }
  103. .rtable--flip thead {
  104. display: flex;
  105. flex-shrink: 0;
  106. min-width: -webkit-min-content;
  107. min-width: -moz-min-content;
  108. min-width: min-content;
  109. }
  110. .rtable--flip tbody {
  111. display: flex;
  112. position: relative;
  113. overflow-x: auto;
  114. overflow-y: hidden;
  115. }
  116. .rtable--flip tr {
  117. display: flex;
  118. flex-direction: column;
  119. min-width: -webkit-min-content;
  120. min-width: -moz-min-content;
  121. min-width: min-content;
  122. flex-shrink: 0;
  123. }
  124. .rtable--flip td,
  125. .rtable--flip th {
  126. display: block;
  127. }
  128. .rtable--flip td {
  129. background-image: none !important;
  130. border-left: 0;
  131. }
  132. .rtable--flip th:not(:last-child),
  133. .rtable--flip td:not(:last-child) {
  134. border-bottom: 0;
  135. }
  136. </style>
  137. </head>
  138. <body>
  139. <div id="ITP_WRAPPER">
  140. <!-- <div id="ITP_OVERLAY"></div> -->
  141. <!-- 상단 -->
  142. <header id="ITP_HEADER">
  143. <div class="itp_head bg-orange">
  144. <h1 class="text-center itp_tit">
  145. <span id="ITP_TXT_MAIN_SHR_AFFL" style="display: inline-block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">오더퀸</span>
  146. <span style="font-size: 18px; margin-top: -3px">|</span>
  147. <span style="font-size: 14px">수발주시스템</span>
  148. </h1>
  149. <div class="itp_lt">
  150. <span class="itp_icon"><a href="javascript:void(0)" id="ITP_BTN_MENU"><i class="glyphicon glyphicon-align-justify"></i></a></span>
  151. <span class="itp_icon"><a href="javascript:void(0)" id="ITP_BTN_HOME"><img src="/oqpo-view/images/oqpo.png" alt="로고" id="ITP_LOGIN_BRAND_LOGO" class="glyphicon-logo" name="" ></a></span>
  152. <span class="itp_user" id="ITP_LOGIN_USER" style="cursor: pointer;"></span>
  153. </div>
  154. <div class="itp_rt">
  155. <!--<span class="itp_logo"><img src="/oqpo-view/images/favicon.ico" alt="로고"></span>-->
  156. <span class="itp_txt_brand" id="ITP_TXT_MAIN_SHR_TIMEOUT"></span>
  157. <span class="itp_txt_brand" id="ITP_TXT_MAIN_SHR_BRAND" style="display: inline-block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"></span>
  158. <span class="itp_sch_brand"><button type="button" id="ITP_BTN_MAIN_SHR_AFFL" class="btn btn-success btn-sm SEB">브랜드검색</button></span>
  159. <span class="itp_out"><a href="javascript:void(0)" class="ITP_BTN_LOGOUT">로그아웃</a></span>
  160. </div>
  161. </div>
  162. <!-- 상단 탭 부분 -->
  163. <div id="ITP_TAB_BAR" class="itp_tabs">
  164. <ul class="nav nav-tabs itp_tab_list" role="tablist">
  165. <li class="active"><a href="#ITP_TAB_SUMMARY" role="tab" data-toggle="tab" class="itp_tab_open">대시보드</a></li>
  166. </ul>
  167. </div>
  168. </header>
  169. <div id="ITP_CONTENT_WRAPPER" class="fix">
  170. <nav id="ITP_SIDEBAR" class="itp_open_nav">
  171. <ul class="panel-group itp_nav"></ul>
  172. <textarea id="ITP_AJAX_MAIN_SIDE_LEVEL2_ROWCOPY" rows="0" cols="0" style="display:none;">
  173. <li class="panel panel-default">
  174. <div class="panel-heading">
  175. <div class="panel-title">
  176. <a class="accordion-toggle" data-toggle="collapse" href="">
  177. <span class="fnMenuNm">메뉴명</span>
  178. <i class="indicator glyphicon glyphicon-chevron-down pull-right"></i>
  179. </a>
  180. </div>
  181. </div>
  182. <div class="panel-collapse collapse" id="">
  183. <div class="panel-body itp_svgs_body">
  184. <ul class="itp_svgs fnLevelBottomList"></ul>
  185. </div>
  186. </div>
  187. </li>
  188. </textarea>
  189. <textarea id="ITP_AJAX_MAIN_SIDE_LEVEL3_ROWCOPY" rows="0" cols="0" style="display:none;">
  190. <li>
  191. <div class="itp_svg_in">
  192. <a href="javascript:void(0)" data-itp-nav-id="" data-conn-url="" id="" class="itp_nav_link fix">
  193. <i class="glyphicon glyphicon-chevron-right"></i>
  194. <span class="itp_tt fnMenuNm">메뉴명</span>
  195. </a>
  196. </div>
  197. </li>
  198. </textarea>
  199. <textarea id="ITP_AJAX_MAIN_SIDE_LEVEL4_ROWCOPY" rows="0" cols="0" style="display:none;">
  200. <li>
  201. <div class="itp_svg_in">
  202. <a href="javascript:void(0)" data-itp-nav-id="" data-conn-url="" id="" class="itp_nav_link fix">
  203. <i class="itp_icon">└</i>
  204. <span class="itp_tt fnMenuNm">메뉴명</span>
  205. </a>
  206. </div>
  207. </li>
  208. </textarea>
  209. <textarea id="ITP_AJAX_MAIN_SIDE_LEVEL5_ROWCOPY" rows="0" cols="0" style="display:none;">
  210. <li>
  211. <div class="itp_svg_in">
  212. <a href="javascript:void(0)" data-itp-nav-id="" data-conn-url="" id="" class="itp_nav_link fix">
  213. <i class="itp_icon_5">*</i>
  214. <span class="itp_tt fnMenuNm">메뉴명</span>
  215. </a>
  216. </div>
  217. </li>
  218. </textarea>
  219. </nav>
  220. <div id="ITP_CONTAINER"
  221. data-open-yn=""
  222. data-nav-id=""
  223. data-tit-id=""
  224. data-memb-no=""
  225. data-bunss-no=""
  226. data-shop-no=""
  227. data-shop-nm=""
  228. data-from-dt=""
  229. data-to-dt="">
  230. <div class="tab-content itp_contents">
  231. <section id="ITP_TAB_SUMMARY" class="tab-pane active itp_sec">
  232. <div class="itp_cont">
  233. <h2 class="hidden">대시보드</h2>
  234. <article class="itp_detail">
  235. <div id="ITP_AJAX_SUMMARY_DETAIL_CONTAINER" class="itp_det_in">
  236. <form id="ITP_FORM_MAIN_SEARCH" class="form-horizontal">
  237. </form>
  238. <div id="ITP_NOTE_PANEL">
  239. <h3>공지사항</h3>
  240. <table class="rtable" style="width:100%;">
  241. <thead>
  242. <tr>
  243. <th style="width:80px;">번호</th>
  244. <th style="width:150px;">브랜드</th>
  245. <th style="width:65%;">제목</td>
  246. <th style="width:80px;">상태</th>
  247. <th style="width:150px;">등록일</th>
  248. </tr>
  249. </thead>
  250. <tbody>
  251. </tbody>
  252. </table>
  253. </div>
  254. <textarea id="ITP_NOTE_ROWCOPY" rows="0" cols="0" style="display:none;">
  255. <div class="itp_side_bar_note">
  256. <label class="fnTitle"></label>
  257. <label class="date fnDate"></label>
  258. <div class="fnContents"></div>
  259. </div>
  260. </textarea>
  261. <!-- 여기는 공급사 매장 로그인 시 나오는 구간 -->
  262. <div id="ITP_MAIN_HEADER_BRAND" class="itp_main_header" style="display: none;">
  263. <div class="col_3" style="margin-left:0">
  264. <div class="itp_header_label">
  265. 구매요청 건수
  266. </div>
  267. <div class="itp_header_result fnPr20Count">
  268. 10건
  269. </div>
  270. </div>
  271. <div class="col_3" style="margin:5px 6%;">
  272. <div class="itp_header_label">
  273. 입금액
  274. </div>
  275. <div class="itp_header_result fnDp02Amt">
  276. 10건
  277. </div>
  278. </div>
  279. <div class="col_3" style="margin-right:0; float:right;">
  280. <div class="itp_header_label">
  281. 미납금
  282. </div>
  283. <div class="itp_header_result fnUnpaidAmt">
  284. 10건
  285. </div>
  286. </div>
  287. </div>
  288. <div id="ITP_MAIN_HEADER_STORE" class="itp_main_header" style="display: none;">
  289. <div class="col_4" style="margin-left:0">
  290. <div class="itp_header_label">
  291. 구매요청
  292. </div>
  293. <div class="itp_header_result fnPr20Count">
  294. 10건
  295. </div>
  296. </div>
  297. <div class="col_4" style="margin:0 3%;">
  298. <div class="itp_header_label">
  299. 발주진행
  300. </div>
  301. <div class="itp_header_result fnPo30Count">
  302. 10건
  303. </div>
  304. </div>
  305. <div class="col_4">
  306. <div class="itp_header_label">
  307. 발주완료
  308. </div>
  309. <div class="itp_header_result fnPoEndCount">
  310. 10건
  311. </div>
  312. </div>
  313. <div class="col_4" style="margin-right:0; float:right;">
  314. <div class="itp_header_label">
  315. 구매가능금액
  316. </div>
  317. <div class="itp_header_result fnPoPsblAmt">
  318. 1,000,000원
  319. </div>
  320. </div>
  321. </div>
  322. <div id="ITP_MAIN_HEADER_SPPLY" class="itp_main_header" style="display: none;">
  323. <div class="col_3" style="margin-left:0">
  324. <div class="itp_header_label">
  325. 수주건수
  326. </div>
  327. <div class="itp_header_result fnOrdersCount">
  328. 10건
  329. </div>
  330. </div>
  331. <div class="col_3" style="margin:5px 6%;">
  332. <div class="itp_header_label">
  333. 수주금액
  334. </div>
  335. <div class="itp_header_result fnOrdersAmt">
  336. 10건
  337. </div>
  338. </div>
  339. <div class="col_3" style="margin-right:0; float:right;">
  340. <div class="itp_header_label">
  341. 정산요청금액
  342. </div>
  343. <div class="itp_header_result fnSttlReqAmt">
  344. 10건
  345. </div>
  346. </div>
  347. </div>
  348. <div id="ITP_MAIN_GRAPH_AREA">
  349. <div class="itp_graph_panel" id="ITP_MAIN_DRAW_CHART_REQ">
  350. <div class="itp_graph_title">
  351. <div class="itp_graph_info">구매요청</div>
  352. <select id="ITP_FORM_MAIN_SEARCH_PR_TYPE" name="prType">
  353. <option value="A">당일</option>
  354. <option value="B">1주일</option>
  355. <option value="C">15일</option>
  356. <option value="D">1개월</option>
  357. </select>
  358. </div>
  359. <div id="ITP_PCH_REQ_GRAPH" class="itp_graph_area"></div>
  360. </div>
  361. <div class="itp_graph_panel" id="ITP_MAIN_DRAW_DELI_CHART">
  362. <div class="itp_graph_title">
  363. <div class="itp_graph_info">입고</div>
  364. <select id="ITP_FORM_MAIN_SEARCH_PO_TYPE" name="prType">
  365. <option value="A">당일</option>
  366. <option value="B">1주일</option>
  367. <option value="C">15일</option>
  368. <option value="D">1개월</option>
  369. </select>
  370. </div>
  371. <div id="ITP_DELI_GRAPH" class="itp_graph_area"></div>
  372. </div>
  373. <div class="itp_graph_panel" id="ITP_MAIN_DRAW_ORDERS_CHART">
  374. <div class="itp_graph_title">
  375. <div class="itp_graph_info">수주내역</div>
  376. <select id="ITP_FORM_MAIN_SEARCH_ITEM_CNT_TYPE" name="prType">
  377. <option value="A">당일</option>
  378. <option value="B">1주일</option>
  379. <option value="C">15일</option>
  380. <option value="D">1개월</option>
  381. </select>
  382. </div>
  383. <div id="ITP_ORDERS_GRAPH" class="itp_graph_area"></div>
  384. </div>
  385. <div class="itp_graph_panel" id="ITP_MAIN_DRAW_RELEASE_CHART">
  386. <div class="itp_graph_title">
  387. <div class="itp_graph_info">출고</div>
  388. <select id="ITP_FORM_MAIN_SEARCH_DELI_TYPE" name="prType">
  389. <option value="A">당일</option>
  390. <option value="B">1주일</option>
  391. <option value="C">15일</option>
  392. <option value="D">1개월</option>
  393. </select>
  394. </div>
  395. <div id="ITP_RELEASE_GRAPH" class="itp_graph_area"></div>
  396. </div>
  397. <div class="itp_graph_panel" id="ITP_MAIN_DRAW_CHART_PODR">
  398. <div class="itp_graph_title">
  399. <div class="itp_graph_info">구매발주</div>
  400. <select id="ITP_FORM_MAIN_SEARCH_RELEASE_TYPE" name="prType">
  401. <option value="A">당일</option>
  402. <option value="B">1주일</option>
  403. <option value="C">15일</option>
  404. <option value="D">1개월</option>
  405. </select>
  406. </div>
  407. <div id="ITP_PCH_PODR_GRAPH" class="itp_graph_area"></div>
  408. </div>
  409. <div class="itp_graph_panel" id="ITP_MAIN_DRAW_CHART_REQ_UP">
  410. <div class="itp_graph_title">
  411. <div class="itp_graph_info">매출순위</div>
  412. <select id="ITP_FORM_MAIN_SEARCH_ORDERS_TYPE" name="prType">
  413. <option value="A">당일</option>
  414. <option value="B">1주일</option>
  415. <option value="C">15일</option>
  416. <option value="D">1개월</option>
  417. </select>
  418. </div>
  419. <div id="ITP_PCH_REQ_UP_ITEM_GRAPH" class="itp_graph_area"></div>
  420. </div>
  421. <div class="itp_graph_panel" id="ITP_MAIN_DRAW_CHART_CORE">
  422. <div class="itp_graph_title">
  423. <div class="itp_graph_info">정&nbsp;&nbsp;산</div>
  424. </div>
  425. <div id="ITP_STTL_GRAPH" class="itp_graph_area"></div>
  426. </div>
  427. </div>
  428. <div class="itp_graph_box" style="width:100%; margin-top:16px;" id="ITP_MAIN_DRAW_LINE">
  429. <div class="itp_graph_title">
  430. <div class="itp_graph_info">안전재고</div>
  431. </div>
  432. <div id="ITP_SAFE_STCK_GRAPH" class="itp_graph_area" style="width:87%;"></div>
  433. </div>
  434. </div>
  435. </article>
  436. </div>
  437. <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  438. <script src="./js/app/summary/ITP_SUMMARY.js"></script>
  439. <script src="./js/app/main.js"></script>
  440. </section>
  441. </div>
  442. </div>
  443. </div>
  444. <footer id="ITP_FOOTER">
  445. <!-- 기존구매요청확인 -->
  446. <div id="ITP_MODAL_ALERT" class="modal itp_modal">
  447. <div class="modal-dialog modal-sm">
  448. <div class="modal-content">
  449. <div class="modal-header">
  450. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  451. <h5 class="modal-title">알림</h5>
  452. </div>
  453. <div class="modal-body">
  454. <div class="text-center itp_alert_txt"></div>
  455. </div>
  456. <div class="modal-bottom">
  457. <button type="button" class="btn btn-default col_4" id="ITP_MODAL_ALERT_CANCEL" data-dismiss="modal">취소</button>
  458. <button type="button" class="btn btn-primary col_10" id="ITP_MODAL_ALERT_CONFIRM">확인</button>
  459. </div>
  460. </div>
  461. </div>
  462. </div>
  463. <!-- 구매요청확인 --><!-- ITP_MODAL_PR_ALERT -->
  464. <div id="ITP_MODAL_PR_ALERT" class="modal itp_modal">
  465. <div class="modal-dialog modal-md">
  466. <div class="modal-content">
  467. <div class="modal-body">
  468. <div class="text-left" style="margin-top:10px;">
  469. <div class="itp_alt_box">
  470. <div class="itp_label_area">
  471. <label>납품요청일</label>
  472. </div>
  473. <div class="itp_info_area">
  474. <div class="fnDlvReqDt" style="text-align:center;"></div>
  475. </div>
  476. </div>
  477. <div class="itp_alt_box">
  478. <div class="itp_label_area">
  479. <label>품목수</label>
  480. </div>
  481. <div class="itp_info_area">
  482. <div class="fnItemcnt" style="text-align:right;"></div>
  483. </div>
  484. </div>
  485. <div class="itp_alt_box">
  486. <div class="itp_label_area">
  487. <label>구매요청금액</label>
  488. </div>
  489. <div class="itp_info_area">
  490. <div class="fnPchReqAmt" style="text-align:right;"></div>
  491. </div>
  492. </div>
  493. <div class="itp_alt_box">
  494. <div class="itp_label_area">
  495. <label>구매가능금액</label>
  496. </div>
  497. <div class="itp_info_area">
  498. <div class="fnPchPssblAmt" style="text-align:right;"></div>
  499. </div>
  500. </div>
  501. <div class="itp_alt_box border">
  502. <div class="itp_label_area">
  503. <label>결제금액</label>
  504. </div>
  505. <div class="itp_info_area">
  506. <div class="fnPchAmt" style="text-align:right;"></div>
  507. </div>
  508. </div>
  509. <label class="error_info">구매요청 하시겠습니까?</label>
  510. </div>
  511. </div>
  512. <div class="modal-bottom">
  513. <button type="button" class="btn btn-default col_4" id="ITP_MODAL_PR_ALERT_CANCEL" data-dismiss="modal">취소</button>
  514. <button type="button" class="btn btn-primary col_6" id="ITP_MODAL_PR_ALERT_CONFIRM">확인</button>
  515. </div>
  516. </div>
  517. </div>
  518. </div>
  519. <!-- 선불매장결제확인 --><!-- ITP_MODAL_ADV_ALERT -->
  520. <div id="ITP_MODAL_ADV_ALERT" class="modal itp_modal">
  521. <div class="modal-dialog modal-md">
  522. <div class="modal-content">
  523. <div class="modal-body">
  524. <div class="text-left">
  525. <div class="itp_alt_box">
  526. <div class="itp_label_area">
  527. <label>납품요청일</label>
  528. </div>
  529. <div class="itp_info_area">
  530. <div class="fnDlvReqDt" style="text-align:center;"></div>
  531. </div>
  532. </div>
  533. <div class="itp_alt_box">
  534. <div class="itp_label_area">
  535. <label>품목수</label>
  536. </div>
  537. <div class="itp_info_area">
  538. <div class="fnItemcnt" style="text-align:right;"></div>
  539. </div>
  540. </div>
  541. <div class="itp_alt_box">
  542. <div class="itp_label_area">
  543. <label>구매요청금액</label>
  544. </div>
  545. <div class="itp_info_area">
  546. <div class="fnPchReqAmt" style="text-align:right;"></div>
  547. </div>
  548. </div>
  549. <div class="itp_alt_box">
  550. <div class="itp_label_area">
  551. <label>구매가능금액</label>
  552. </div>
  553. <div class="itp_info_area">
  554. <div class="fnPchPssblAmt" style="text-align:right;"></div>
  555. </div>
  556. </div>
  557. <div class="itp_alt_box border">
  558. <div class="itp_label_area">
  559. <label>결제금액</label>
  560. </div>
  561. <div class="itp_info_area">
  562. <div class="fnPchAmt" style="text-align:right;"></div>
  563. </div>
  564. </div>
  565. <label class="error_info">선불매장이므로 결재를 하셔야<br> 구매요청이 진행이 됩니다.<br>결재를 하시겠습니까?</label>
  566. </div>
  567. </div>
  568. <div class="modal-bottom">
  569. <button type="button" class="btn btn-default col_4" id="ITP_MODAL_ALERT_ADV_CANCEL" data-dismiss="modal">취소</button>
  570. <button type="button" class="btn btn-primary col_6" id="ITP_MODAL_ALERT_ADV_CONFIRM">결제</button>
  571. </div>
  572. </div>
  573. </div>
  574. </div>
  575. <!-- 구매한도부족알림 --><!-- ITP_MODAL_LM_ALERT -->
  576. <div id="ITP_MODAL_LM_ALERT" class="modal itp_modal">
  577. <div class="modal-dialog modal-md">
  578. <div class="modal-content">
  579. <div class="modal-body">
  580. <div class="text-left">
  581. <div class="itp_alt_box">
  582. <div class="itp_label_area">
  583. <label>납품요청일</label>
  584. </div>
  585. <div class="itp_info_area">
  586. <div class="fnDlvReqDt" style="text-align:center;"></div>
  587. </div>
  588. </div>
  589. <div class="itp_alt_box">
  590. <div class="itp_label_area">
  591. <label>품목수</label>
  592. </div>
  593. <div class="itp_info_area">
  594. <div class="fnItemcnt" style="text-align:right;"></div>
  595. </div>
  596. </div>
  597. <div class="itp_alt_box">
  598. <div class="itp_label_area">
  599. <label>구매요청금액</label>
  600. </div>
  601. <div class="itp_info_area">
  602. <div class="fnPchReqAmt" style="text-align:right;"></div>
  603. </div>
  604. </div>
  605. <div class="itp_alt_box">
  606. <div class="itp_label_area">
  607. <label>구매가능금액</label>
  608. </div>
  609. <div class="itp_info_area">
  610. <div class="fnPchPssblAmt" style="text-align:right;"></div>
  611. </div>
  612. </div>
  613. <div class="itp_alt_box border">
  614. <div class="itp_label_area">
  615. <label>결제금액</label>
  616. </div>
  617. <div class="itp_info_area">
  618. <div class="fnPchAmt" style="text-align:right;"></div>
  619. </div>
  620. </div>
  621. <label class="error_info" style="line-height: 1.5;">구매한도가 부족합니다.<br> 선결재를 하신 후에 구매요청이 진행이 됩니다.<br>결재를 하시겠습니까?</label>
  622. </div>
  623. </div>
  624. <div class="modal-bottom">
  625. <button type="button" class="btn btn-default col_4" id="ITP_MODAL_ALERT_LM_CANCEL" data-dismiss="modal">취소</button>
  626. <button type="button" class="btn btn-primary col_6" id="ITP_MODAL_ALERT_LM_CONFIRM">결제</button>
  627. </div>
  628. </div>
  629. </div>
  630. </div>
  631. <!-- 임시저장-선불매장결제확인 --><!-- ITP_MODAL_SAVE_ADV_ALERT -->
  632. <div id=ITP_MODAL_SAVE_ADV_ALERT class="modal itp_modal">
  633. <div class="modal-dialog modal-md">
  634. <div class="modal-content">
  635. <div class="modal-body">
  636. <div class="text-left">
  637. <div class="itp_alt_box">
  638. <div class="itp_label_area">
  639. <label>납품요청일</label>
  640. </div>
  641. <div class="itp_info_area">
  642. <div class="fnDlvReqDt" style="text-align:center;"></div>
  643. </div>
  644. </div>
  645. <div class="itp_alt_box">
  646. <div class="itp_label_area">
  647. <label>품목수</label>
  648. </div>
  649. <div class="itp_info_area">
  650. <div class="fnItemcnt" style="text-align:right;"></div>
  651. </div>
  652. </div>
  653. <div class="itp_alt_box">
  654. <div class="itp_label_area">
  655. <label>구매요청금액</label>
  656. </div>
  657. <div class="itp_info_area">
  658. <div class="fnPchReqAmt" style="text-align:right;"></div>
  659. </div>
  660. </div>
  661. <div class="itp_alt_box">
  662. <div class="itp_label_area">
  663. <label>구매가능금액</label>
  664. </div>
  665. <div class="itp_info_area">
  666. <div class="fnPchPssblAmt" style="text-align:right;"></div>
  667. </div>
  668. </div>
  669. <div class="itp_alt_box border">
  670. <div class="itp_label_area">
  671. <label>결제금액</label>
  672. </div>
  673. <div class="itp_info_area">
  674. <div class="fnPchAmt" style="text-align:right;"></div>
  675. </div>
  676. </div>
  677. <label class="error_info">선불매장이므로 입급을 하시고, 입금등록 후 브랜드에서 승인이 되어야 구매요청을 하실 수 있습니다.</label>
  678. </div>
  679. </div>
  680. <div class="modal-bottom">
  681. <button type="button" class="btn btn-default col_4" id="ITP_MODAL_ALERT_SAVE_ADV_CANCEL" data-dismiss="modal">취소</button>
  682. <button type="button" class="btn btn-primary col_6" id="ITP_MODAL_ALERT_SAVE_ADV_CONFIRM">임시저장</button>
  683. </div>
  684. </div>
  685. </div>
  686. </div>
  687. <!-- 임시저장-구매한도부족알림 --><!-- ITP_MODAL_SAVE_LM_ALERT -->
  688. <div id="ITP_MODAL_SAVE_LM_ALERT" class="modal itp_modal">
  689. <div class="modal-dialog modal-md">
  690. <div class="modal-content">
  691. <div class="modal-body">
  692. <div class="text-left">
  693. <div class="itp_alt_box">
  694. <div class="itp_label_area">
  695. <label>납품요청일</label>
  696. </div>
  697. <div class="itp_info_area">
  698. <div class="fnDlvReqDt" style="text-align:center;"></div>
  699. </div>
  700. </div>
  701. <div class="itp_alt_box">
  702. <div class="itp_label_area">
  703. <label>품목수</label>
  704. </div>
  705. <div class="itp_info_area">
  706. <div class="fnItemcnt" style="text-align:right;"></div>
  707. </div>
  708. </div>
  709. <div class="itp_alt_box">
  710. <div class="itp_label_area">
  711. <label>구매요청금액</label>
  712. </div>
  713. <div class="itp_info_area">
  714. <div class="fnPchReqAmt" style="text-align:right;"></div>
  715. </div>
  716. </div>
  717. <div class="itp_alt_box">
  718. <div class="itp_label_area">
  719. <label>구매가능금액</label>
  720. </div>
  721. <div class="itp_info_area">
  722. <div class="fnPchPssblAmt" style="text-align:right;"></div>
  723. </div>
  724. </div>
  725. <div class="itp_alt_box border">
  726. <div class="itp_label_area">
  727. <label>결제금액</label>
  728. </div>
  729. <div class="itp_info_area">
  730. <div class="fnPchAmt" style="text-align:right;"></div>
  731. </div>
  732. </div>
  733. <label class="error_info" style="line-height: 1.5;">구매한도가 부족합니다.<br>선입금을 하시고, 입금등록 후 브랜드에서 승인이 되어야 구매요청을 하실 수 있습니다.</label>
  734. </div>
  735. </div>
  736. <div class="modal-bottom">
  737. <button type="button" class="btn btn-default col_4" id="ITP_MODAL_ALERT_SAVE_LM_CANCEL" data-dismiss="modal">취소</button>
  738. <button type="button" class="btn btn-primary col_6" id="ITP_MODAL_ALERT_SAVE_LM_CONFIRM">임시저장</button>
  739. </div>
  740. </div>
  741. </div>
  742. </div>
  743. <!-- 결제확인 -->
  744. <div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal">
  745. <div class="modal-dialog modal-sm">
  746. <div class="modal-content">
  747. <div class="modal-header">
  748. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  749. <h5 class="modal-title">알림</h5>
  750. </div>
  751. <div class="modal-body">
  752. <div class="text-center itp_alert_txt"></div>
  753. </div>
  754. <div class="modal-bottom">
  755. <button type="button" class="btn btn-primary col_10" id="ITP_MODAL_ALERT_AJAX_CONFIRM">확인</button>
  756. </div>
  757. </div>
  758. </div>
  759. </div>
  760. </footer>
  761. <aside id="ITP_ASIDE"></aside>
  762. </div>
  763. </body>
  764. </html>