main.html 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696
  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. </head>
  40. <body>
  41. <div id="ITP_WRAPPER">
  42. <!-- <div id="ITP_OVERLAY"></div> -->
  43. <!-- 상단 -->
  44. <header id="ITP_HEADER">
  45. <div class="itp_head bg-orange">
  46. <h1 class="text-center itp_tit">
  47. <span id="ITP_TXT_MAIN_SHR_AFFL">오더퀸</span>
  48. <span style="font-size: 18px; margin-top: -3px">|</span>
  49. <span style="font-size: 14px">수발주시스템</span>
  50. </h1>
  51. <div class="itp_lt">
  52. <span class="itp_icon"><a href="javascript:void(0)" id="ITP_BTN_MENU"><i class="glyphicon glyphicon-align-justify"></i></a></span>
  53. <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>
  54. <span class="itp_user" id="ITP_LOGIN_USER" style="cursor: pointer;"></span>
  55. </div>
  56. <div class="itp_rt">
  57. <!--<span class="itp_logo"><img src="/oqpo-view/images/favicon.ico" alt="로고"></span>-->
  58. <span class="itp_txt_brand" id="ITP_TXT_MAIN_SHR_TIMEOUT"></span>
  59. <span class="itp_txt_brand" id="ITP_TXT_MAIN_SHR_BRAND"></span>
  60. <span class="itp_sch_brand"><button type="button" id="ITP_BTN_MAIN_SHR_AFFL" class="btn btn-success btn-sm SEB">브랜드검색</button></span>
  61. <span class="itp_out"><a href="javascript:void(0)" class="ITP_BTN_LOGOUT">로그아웃</a></span>
  62. </div>
  63. </div>
  64. <!-- 상단 탭 부분 -->
  65. <div id="ITP_TAB_BAR" class="itp_tabs">
  66. <ul class="nav nav-tabs itp_tab_list" role="tablist">
  67. <li class="active"><a href="#ITP_TAB_SUMMARY" role="tab" data-toggle="tab" class="itp_tab_open">대시보드</a></li>
  68. </ul>
  69. </div>
  70. </header>
  71. <div id="ITP_CONTENT_WRAPPER" class="fix">
  72. <nav id="ITP_SIDEBAR" class="itp_open_nav">
  73. <ul class="panel-group itp_nav"></ul>
  74. <textarea id="ITP_AJAX_MAIN_SIDE_LEVEL2_ROWCOPY" rows="0" cols="0" style="display:none;">
  75. <li class="panel panel-default">
  76. <div class="panel-heading">
  77. <div class="panel-title">
  78. <a class="accordion-toggle" data-toggle="collapse" href="">
  79. <span class="fnMenuNm">메뉴명</span>
  80. <i class="indicator glyphicon glyphicon-chevron-down pull-right"></i>
  81. </a>
  82. </div>
  83. </div>
  84. <div class="panel-collapse collapse" id="">
  85. <div class="panel-body itp_svgs_body">
  86. <ul class="itp_svgs fnLevelBottomList"></ul>
  87. </div>
  88. </div>
  89. </li>
  90. </textarea>
  91. <textarea id="ITP_AJAX_MAIN_SIDE_LEVEL3_ROWCOPY" rows="0" cols="0" style="display:none;">
  92. <li>
  93. <div class="itp_svg_in">
  94. <a href="javascript:void(0)" data-itp-nav-id="" data-conn-url="" id="" class="itp_nav_link fix">
  95. <i class="glyphicon glyphicon-chevron-right"></i>
  96. <span class="itp_tt fnMenuNm">메뉴명</span>
  97. </a>
  98. </div>
  99. </li>
  100. </textarea>
  101. <textarea id="ITP_AJAX_MAIN_SIDE_LEVEL4_ROWCOPY" rows="0" cols="0" style="display:none;">
  102. <li>
  103. <div class="itp_svg_in">
  104. <a href="javascript:void(0)" data-itp-nav-id="" data-conn-url="" id="" class="itp_nav_link fix">
  105. <i class="itp_icon">└</i>
  106. <span class="itp_tt fnMenuNm">메뉴명</span>
  107. </a>
  108. </div>
  109. </li>
  110. </textarea>
  111. <textarea id="ITP_AJAX_MAIN_SIDE_LEVEL5_ROWCOPY" rows="0" cols="0" style="display:none;">
  112. <li>
  113. <div class="itp_svg_in">
  114. <a href="javascript:void(0)" data-itp-nav-id="" data-conn-url="" id="" class="itp_nav_link fix">
  115. <i class="itp_icon_5">*</i>
  116. <span class="itp_tt fnMenuNm">메뉴명</span>
  117. </a>
  118. </div>
  119. </li>
  120. </textarea>
  121. </nav>
  122. <div id="ITP_CONTAINER"
  123. data-open-yn=""
  124. data-nav-id=""
  125. data-tit-id=""
  126. data-memb-no=""
  127. data-bunss-no=""
  128. data-shop-no=""
  129. data-shop-nm=""
  130. data-from-dt=""
  131. data-to-dt="">
  132. <div class="tab-content itp_contents">
  133. <section id="ITP_TAB_SUMMARY" class="tab-pane active itp_sec">
  134. <div class="itp_cont">
  135. <h2 class="hidden">대시보드</h2>
  136. <article class="itp_detail">
  137. <div id="ITP_AJAX_SUMMARY_DETAIL_CONTAINER" class="itp_det_in">
  138. <form id="ITP_FORM_MAIN_SEARCH" class="form-horizontal">
  139. </form>
  140. <textarea id="ITP_NOTE_ROWCOPY" rows="0" cols="0" style="display:none;">
  141. <div class="itp_side_bar_note">
  142. <label class="fnTitle"></label>
  143. <label class="date fnDate"></label>
  144. <div class="fnContents"></div>
  145. </div>
  146. </textarea>
  147. <!-- 여기는 공급사 매장 로그인 시 나오는 구간 -->
  148. <div id="ITP_NOTE_BAR">
  149. <div class="itp_side_bar_header">
  150. <label>공지사항</label>
  151. </div>
  152. </div>
  153. <div id="ITP_MAIN_HEADER_BRAND" class="itp_main_header" style="display: none;">
  154. <div class="col_3" style="margin-left:0">
  155. <div class="itp_header_label">
  156. 구매요청 건수
  157. </div>
  158. <div class="itp_header_result fnPr20Count">
  159. 10건
  160. </div>
  161. </div>
  162. <div class="col_3" style="margin:5px 6%;">
  163. <div class="itp_header_label">
  164. 입금액
  165. </div>
  166. <div class="itp_header_result fnDp02Amt">
  167. 10건
  168. </div>
  169. </div>
  170. <div class="col_3" style="margin-right:0; float:right;">
  171. <div class="itp_header_label">
  172. 미납금
  173. </div>
  174. <div class="itp_header_result fnUnpaidAmt">
  175. 10건
  176. </div>
  177. </div>
  178. </div>
  179. <div id="ITP_MAIN_HEADER_STORE" class="itp_main_header" style="display: none;">
  180. <div class="col_4" style="margin-left:0">
  181. <div class="itp_header_label">
  182. 구매요청
  183. </div>
  184. <div class="itp_header_result fnPr20Count">
  185. 10건
  186. </div>
  187. </div>
  188. <div class="col_4" style="margin:0 3%;">
  189. <div class="itp_header_label">
  190. 발주진행
  191. </div>
  192. <div class="itp_header_result fnPo30Count">
  193. 10건
  194. </div>
  195. </div>
  196. <div class="col_4">
  197. <div class="itp_header_label">
  198. 발주완료
  199. </div>
  200. <div class="itp_header_result fnPoEndCount">
  201. 10건
  202. </div>
  203. </div>
  204. <div class="col_4" style="margin-right:0; float:right;">
  205. <div class="itp_header_label">
  206. 구매가능금액
  207. </div>
  208. <div class="itp_header_result fnPoPsblAmt">
  209. 1,000,000원
  210. </div>
  211. </div>
  212. </div>
  213. <div id="ITP_MAIN_HEADER_SPPLY" class="itp_main_header" style="display: none;">
  214. <div class="col_3" style="margin-left:0">
  215. <div class="itp_header_label">
  216. 수주건수
  217. </div>
  218. <div class="itp_header_result fnOrdersCount">
  219. 10건
  220. </div>
  221. </div>
  222. <div class="col_3" style="margin:5px 6%;">
  223. <div class="itp_header_label">
  224. 수주금액
  225. </div>
  226. <div class="itp_header_result fnOrdersAmt">
  227. 10건
  228. </div>
  229. </div>
  230. <div class="col_3" style="margin-right:0; float:right;">
  231. <div class="itp_header_label">
  232. 정산요청금액
  233. </div>
  234. <div class="itp_header_result fnSttlReqAmt">
  235. 10건
  236. </div>
  237. </div>
  238. </div>
  239. <div id="ITP_MAIN_GRAPH_AREA">
  240. <div class="itp_graph_box" id="ITP_MAIN_DRAW_CHART_REQ" style="display: none;">
  241. <div class="itp_graph_side">
  242. <select id="ITP_FORM_MAIN_SEARCH_PR_TYPE" name="prType">
  243. <option value="A">당일</option>
  244. <option value="B">1주일</option>
  245. <option value="C">15일</option>
  246. <option value="D">1개월</option>
  247. </select>
  248. <div class="itp_graph_info_bar">
  249. <div class="itp_graph_info">구매요청</div>
  250. </div>
  251. </div>
  252. <div id="ITP_PCH_REQ_GRAPH" class="itp_graph_area"></div>
  253. </div>
  254. <div class="itp_graph_box" id="ITP_MAIN_DRAW_DELI_CHART" style="display: none;">
  255. <div class="itp_graph_side">
  256. <select id="ITP_FORM_MAIN_SEARCH_DELI_TYPE" name="deliType">
  257. <option value="A">당일</option>
  258. <option value="B">1주일</option>
  259. <option value="C">15일</option>
  260. <option value="D">1개월</option>
  261. </select>
  262. <div class="itp_graph_info_bar">
  263. <div class="itp_graph_info">입고</div>
  264. </div>
  265. </div>
  266. <div id="ITP_DELI_GRAPH" class="itp_graph_area"></div>
  267. </div>
  268. <div class="itp_graph_box" id="ITP_MAIN_DRAW_ORDERS_CHART" style="display: none;">
  269. <div class="itp_graph_side">
  270. <select id="ITP_FORM_MAIN_SEARCH_ORDERS_TYPE">
  271. <option value="A">당일</option>
  272. <option value="B">1주일</option>
  273. <option value="C">15일</option>
  274. <option value="D">1개월</option>
  275. </select>
  276. <div class="itp_graph_info_bar">
  277. <div class="itp_graph_info">수주내역</div>
  278. </div>
  279. </div>
  280. <div id="ITP_ORDERS_GRAPH" class="itp_graph_area"></div>
  281. </div>
  282. <div class="itp_graph_box" id="ITP_MAIN_DRAW_RELEASE_CHART" style="display: none;">
  283. <div class="itp_graph_side">
  284. <select id="ITP_FORM_MAIN_SEARCH_RELEASE_TYPE">
  285. <option value="A">당일</option>
  286. <option value="B">1주일</option>
  287. <option value="C">15일</option>
  288. <option value="D">1개월</option>
  289. </select>
  290. <div class="itp_graph_info_bar">
  291. <div class="itp_graph_info">출고</div>
  292. </div>
  293. </div>
  294. <div id="ITP_RELEASE_GRAPH" class="itp_graph_area"></div>
  295. </div>
  296. <div class="itp_graph_box" id="ITP_MAIN_DRAW_CHART_PODR" style="display: none;">
  297. <div class="itp_graph_side">
  298. <select id="ITP_FORM_MAIN_SEARCH_PO_TYPE" name="poType">
  299. <option value="A">당일</option>
  300. <option value="B">1주일</option>
  301. <option value="C">15일</option>
  302. <option value="D">1개월</option>
  303. </select>
  304. <div class="itp_graph_info_bar">
  305. <div class="itp_graph_info">구매발주</div>
  306. </div>
  307. </div>
  308. <div id="ITP_PCH_PODR_GRAPH" class="itp_graph_area"></div>
  309. </div>
  310. <div class="itp_graph_box" id="ITP_MAIN_DRAW_CHART_REQ_UP" style="display: none;">
  311. <div class="itp_graph_side">
  312. <select id="ITP_FORM_MAIN_SEARCH_ITEM_CNT_TYPE" name="itemCntType">
  313. <option value="A">당일</option>
  314. <option value="B">1주일</option>
  315. <option value="C">15일</option>
  316. <option value="D">1개월</option>
  317. </select>
  318. <div class="itp_graph_info_bar">
  319. <div class="itp_graph_info">매출순위</div>
  320. </div>
  321. </div>
  322. <div id="ITP_PCH_REQ_UP_ITEM_GRAPH" class="itp_graph_area"></div>
  323. </div>
  324. <div class="itp_graph_box" id="ITP_MAIN_DRAW_CHART_CORE" style="display: none;">
  325. <div class="itp_graph_side">
  326. <div class="itp_graph_info_bar">
  327. <div class="itp_graph_info" style="padding-top:8px;">&nbsp;정&nbsp;&nbsp;산</div>
  328. </div>
  329. </div>
  330. <div id="ITP_STTL_GRAPH" class="itp_graph_area"></div>
  331. </div>
  332. <div class="itp_graph_box" style="width:100%" id="ITP_MAIN_DRAW_LINE" style="display: none;">
  333. <div class="itp_graph_side itp_main_draw_line" style="width:12%; display: none;" >
  334. <div class="itp_graph_info_bar">
  335. <div class="itp_graph_info">안전재고</div>
  336. </div>
  337. </div>
  338. <div id="ITP_SAFE_STCK_GRAPH" class="itp_graph_area" style="width:87%;"></div>
  339. </div>
  340. </div>
  341. </div>
  342. </article>
  343. </div>
  344. <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  345. <script src="./js/app/summary/ITP_SUMMARY.js"></script>
  346. <script src="./js/app/main.js"></script>
  347. </section>
  348. </div>
  349. </div>
  350. </div>
  351. <footer id="ITP_FOOTER">
  352. <!-- 기존구매요청확인 -->
  353. <div id="ITP_MODAL_ALERT" class="modal itp_modal">
  354. <div class="modal-dialog modal-sm">
  355. <div class="modal-content">
  356. <div class="modal-header">
  357. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  358. <h5 class="modal-title">알림</h5>
  359. </div>
  360. <div class="modal-body">
  361. <div class="text-center itp_alert_txt"></div>
  362. </div>
  363. <div class="modal-bottom">
  364. <button type="button" class="btn btn-default col_4" id="ITP_MODAL_ALERT_CANCEL" data-dismiss="modal">취소</button>
  365. <button type="button" class="btn btn-primary col_10" id="ITP_MODAL_ALERT_CONFIRM">확인</button>
  366. </div>
  367. </div>
  368. </div>
  369. </div>
  370. <!-- 구매요청확인 --><!-- ITP_MODAL_PR_ALERT -->
  371. <div id="ITP_MODAL_PR_ALERT" class="modal itp_modal">
  372. <div class="modal-dialog modal-md">
  373. <div class="modal-content">
  374. <div class="modal-body">
  375. <div class="text-left" style="margin-top:10px;">
  376. <div class="itp_alt_box">
  377. <div class="itp_label_area">
  378. <label>납품요청일</label>
  379. </div>
  380. <div class="itp_info_area">
  381. <div class="fnDlvReqDt" style="text-align:center;"></div>
  382. </div>
  383. </div>
  384. <div class="itp_alt_box">
  385. <div class="itp_label_area">
  386. <label>품목수</label>
  387. </div>
  388. <div class="itp_info_area">
  389. <div class="fnItemcnt" style="text-align:right;"></div>
  390. </div>
  391. </div>
  392. <div class="itp_alt_box">
  393. <div class="itp_label_area">
  394. <label>구매요청금액</label>
  395. </div>
  396. <div class="itp_info_area">
  397. <div class="fnPchReqAmt" style="text-align:right;"></div>
  398. </div>
  399. </div>
  400. <div class="itp_alt_box">
  401. <div class="itp_label_area">
  402. <label>구매가능금액</label>
  403. </div>
  404. <div class="itp_info_area">
  405. <div class="fnPchPssblAmt" style="text-align:right;"></div>
  406. </div>
  407. </div>
  408. <div class="itp_alt_box border">
  409. <div class="itp_label_area">
  410. <label>결제금액</label>
  411. </div>
  412. <div class="itp_info_area">
  413. <div class="fnPchAmt" style="text-align:right;"></div>
  414. </div>
  415. </div>
  416. <label class="error_info">구매요청 하시겠습니까?</label>
  417. </div>
  418. </div>
  419. <div class="modal-bottom">
  420. <button type="button" class="btn btn-default col_4" id="ITP_MODAL_PR_ALERT_CANCEL" data-dismiss="modal">취소</button>
  421. <button type="button" class="btn btn-primary col_6" id="ITP_MODAL_PR_ALERT_CONFIRM">확인</button>
  422. </div>
  423. </div>
  424. </div>
  425. </div>
  426. <!-- 선불매장결제확인 --><!-- ITP_MODAL_ADV_ALERT -->
  427. <div id="ITP_MODAL_ADV_ALERT" class="modal itp_modal">
  428. <div class="modal-dialog modal-md">
  429. <div class="modal-content">
  430. <div class="modal-body">
  431. <div class="text-left">
  432. <div class="itp_alt_box">
  433. <div class="itp_label_area">
  434. <label>납품요청일</label>
  435. </div>
  436. <div class="itp_info_area">
  437. <div class="fnDlvReqDt" style="text-align:center;"></div>
  438. </div>
  439. </div>
  440. <div class="itp_alt_box">
  441. <div class="itp_label_area">
  442. <label>품목수</label>
  443. </div>
  444. <div class="itp_info_area">
  445. <div class="fnItemcnt" style="text-align:right;"></div>
  446. </div>
  447. </div>
  448. <div class="itp_alt_box">
  449. <div class="itp_label_area">
  450. <label>구매요청금액</label>
  451. </div>
  452. <div class="itp_info_area">
  453. <div class="fnPchReqAmt" style="text-align:right;"></div>
  454. </div>
  455. </div>
  456. <div class="itp_alt_box">
  457. <div class="itp_label_area">
  458. <label>구매가능금액</label>
  459. </div>
  460. <div class="itp_info_area">
  461. <div class="fnPchPssblAmt" style="text-align:right;"></div>
  462. </div>
  463. </div>
  464. <div class="itp_alt_box border">
  465. <div class="itp_label_area">
  466. <label>결제금액</label>
  467. </div>
  468. <div class="itp_info_area">
  469. <div class="fnPchAmt" style="text-align:right;"></div>
  470. </div>
  471. </div>
  472. <label class="error_info">선불매장이므로 결재를 하셔야<br> 구매요청이 진행이 됩니다.<br>결재를 하시겠습니까?</label>
  473. </div>
  474. </div>
  475. <div class="modal-bottom">
  476. <button type="button" class="btn btn-default col_4" id="ITP_MODAL_ALERT_ADV_CANCEL" data-dismiss="modal">취소</button>
  477. <button type="button" class="btn btn-primary col_6" id="ITP_MODAL_ALERT_ADV_CONFIRM">결제</button>
  478. </div>
  479. </div>
  480. </div>
  481. </div>
  482. <!-- 구매한도부족알림 --><!-- ITP_MODAL_LM_ALERT -->
  483. <div id="ITP_MODAL_LM_ALERT" class="modal itp_modal">
  484. <div class="modal-dialog modal-md">
  485. <div class="modal-content">
  486. <div class="modal-body">
  487. <div class="text-left">
  488. <div class="itp_alt_box">
  489. <div class="itp_label_area">
  490. <label>납품요청일</label>
  491. </div>
  492. <div class="itp_info_area">
  493. <div class="fnDlvReqDt" style="text-align:center;"></div>
  494. </div>
  495. </div>
  496. <div class="itp_alt_box">
  497. <div class="itp_label_area">
  498. <label>품목수</label>
  499. </div>
  500. <div class="itp_info_area">
  501. <div class="fnItemcnt" style="text-align:right;"></div>
  502. </div>
  503. </div>
  504. <div class="itp_alt_box">
  505. <div class="itp_label_area">
  506. <label>구매요청금액</label>
  507. </div>
  508. <div class="itp_info_area">
  509. <div class="fnPchReqAmt" style="text-align:right;"></div>
  510. </div>
  511. </div>
  512. <div class="itp_alt_box">
  513. <div class="itp_label_area">
  514. <label>구매가능금액</label>
  515. </div>
  516. <div class="itp_info_area">
  517. <div class="fnPchPssblAmt" style="text-align:right;"></div>
  518. </div>
  519. </div>
  520. <div class="itp_alt_box border">
  521. <div class="itp_label_area">
  522. <label>결제금액</label>
  523. </div>
  524. <div class="itp_info_area">
  525. <div class="fnPchAmt" style="text-align:right;"></div>
  526. </div>
  527. </div>
  528. <label class="error_info" style="line-height: 1.5;">구매한도가 부족합니다.<br> 선결재를 하신 후에 구매요청이 진행이 됩니다.<br>결재를 하시겠습니까?</label>
  529. </div>
  530. </div>
  531. <div class="modal-bottom">
  532. <button type="button" class="btn btn-default col_4" id="ITP_MODAL_ALERT_LM_CANCEL" data-dismiss="modal">취소</button>
  533. <button type="button" class="btn btn-primary col_6" id="ITP_MODAL_ALERT_LM_CONFIRM">결제</button>
  534. </div>
  535. </div>
  536. </div>
  537. </div>
  538. <!-- 임시저장-선불매장결제확인 --><!-- ITP_MODAL_SAVE_ADV_ALERT -->
  539. <div id=ITP_MODAL_SAVE_ADV_ALERT class="modal itp_modal">
  540. <div class="modal-dialog modal-md">
  541. <div class="modal-content">
  542. <div class="modal-body">
  543. <div class="text-left">
  544. <div class="itp_alt_box">
  545. <div class="itp_label_area">
  546. <label>납품요청일</label>
  547. </div>
  548. <div class="itp_info_area">
  549. <div class="fnDlvReqDt" style="text-align:center;"></div>
  550. </div>
  551. </div>
  552. <div class="itp_alt_box">
  553. <div class="itp_label_area">
  554. <label>품목수</label>
  555. </div>
  556. <div class="itp_info_area">
  557. <div class="fnItemcnt" style="text-align:right;"></div>
  558. </div>
  559. </div>
  560. <div class="itp_alt_box">
  561. <div class="itp_label_area">
  562. <label>구매요청금액</label>
  563. </div>
  564. <div class="itp_info_area">
  565. <div class="fnPchReqAmt" style="text-align:right;"></div>
  566. </div>
  567. </div>
  568. <div class="itp_alt_box">
  569. <div class="itp_label_area">
  570. <label>구매가능금액</label>
  571. </div>
  572. <div class="itp_info_area">
  573. <div class="fnPchPssblAmt" style="text-align:right;"></div>
  574. </div>
  575. </div>
  576. <div class="itp_alt_box border">
  577. <div class="itp_label_area">
  578. <label>결제금액</label>
  579. </div>
  580. <div class="itp_info_area">
  581. <div class="fnPchAmt" style="text-align:right;"></div>
  582. </div>
  583. </div>
  584. <label class="error_info">선불매장이므로 입급을 하시고, 입금등록 후 브랜드에서 승인이 되어야 구매요청을 하실 수 있습니다.</label>
  585. </div>
  586. </div>
  587. <div class="modal-bottom">
  588. <button type="button" class="btn btn-default col_4" id="ITP_MODAL_ALERT_SAVE_ADV_CANCEL" data-dismiss="modal">취소</button>
  589. <button type="button" class="btn btn-primary col_6" id="ITP_MODAL_ALERT_SAVE_ADV_CONFIRM">임시저장</button>
  590. </div>
  591. </div>
  592. </div>
  593. </div>
  594. <!-- 임시저장-구매한도부족알림 --><!-- ITP_MODAL_SAVE_LM_ALERT -->
  595. <div id="ITP_MODAL_SAVE_LM_ALERT" class="modal itp_modal">
  596. <div class="modal-dialog modal-md">
  597. <div class="modal-content">
  598. <div class="modal-body">
  599. <div class="text-left">
  600. <div class="itp_alt_box">
  601. <div class="itp_label_area">
  602. <label>납품요청일</label>
  603. </div>
  604. <div class="itp_info_area">
  605. <div class="fnDlvReqDt" style="text-align:center;"></div>
  606. </div>
  607. </div>
  608. <div class="itp_alt_box">
  609. <div class="itp_label_area">
  610. <label>품목수</label>
  611. </div>
  612. <div class="itp_info_area">
  613. <div class="fnItemcnt" style="text-align:right;"></div>
  614. </div>
  615. </div>
  616. <div class="itp_alt_box">
  617. <div class="itp_label_area">
  618. <label>구매요청금액</label>
  619. </div>
  620. <div class="itp_info_area">
  621. <div class="fnPchReqAmt" style="text-align:right;"></div>
  622. </div>
  623. </div>
  624. <div class="itp_alt_box">
  625. <div class="itp_label_area">
  626. <label>구매가능금액</label>
  627. </div>
  628. <div class="itp_info_area">
  629. <div class="fnPchPssblAmt" style="text-align:right;"></div>
  630. </div>
  631. </div>
  632. <div class="itp_alt_box border">
  633. <div class="itp_label_area">
  634. <label>결제금액</label>
  635. </div>
  636. <div class="itp_info_area">
  637. <div class="fnPchAmt" style="text-align:right;"></div>
  638. </div>
  639. </div>
  640. <label class="error_info" style="line-height: 1.5;">구매한도가 부족합니다.<br>선입금을 하시고, 입금등록 후 브랜드에서 승인이 되어야 구매요청을 하실 수 있습니다.</label>
  641. </div>
  642. </div>
  643. <div class="modal-bottom">
  644. <button type="button" class="btn btn-default col_4" id="ITP_MODAL_ALERT_SAVE_LM_CANCEL" data-dismiss="modal">취소</button>
  645. <button type="button" class="btn btn-primary col_6" id="ITP_MODAL_ALERT_SAVE_LM_CONFIRM">임시저장</button>
  646. </div>
  647. </div>
  648. </div>
  649. </div>
  650. <!-- 결제확인 -->
  651. <div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal">
  652. <div class="modal-dialog modal-sm">
  653. <div class="modal-content">
  654. <div class="modal-header">
  655. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  656. <h5 class="modal-title">알림</h5>
  657. </div>
  658. <div class="modal-body">
  659. <div class="text-center itp_alert_txt"></div>
  660. </div>
  661. <div class="modal-bottom">
  662. <button type="button" class="btn btn-primary col_10" id="ITP_MODAL_ALERT_AJAX_CONFIRM">확인</button>
  663. </div>
  664. </div>
  665. </div>
  666. </div>
  667. </footer>
  668. <aside id="ITP_ASIDE"></aside>
  669. </div>
  670. </body>
  671. </html>