main.html 29 KB

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