main.html 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843
  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="width:100%;">
  273. <thead>
  274. <tr>
  275. <th style="width:80px;">번호</th>
  276. <th style="width:150px;">브랜드</th>
  277. <th style="width:65%;">제목</td>
  278. <th style="width:80px;">상태</th>
  279. <th style="width:150px;">등록일</th>
  280. </tr>
  281. </thead>
  282. <tbody>
  283. </tbody>
  284. </table>
  285. </div>
  286. <textarea id="ITP_NOTE_ROWCOPY" rows="0" cols="0" style="display:none;">
  287. <div class="itp_side_bar_note">
  288. <label class="fnTitle"></label>
  289. <label class="date fnDate"></label>
  290. <div class="fnContents"></div>
  291. </div>
  292. </textarea>
  293. <!-- 여기는 공급사 매장 로그인 시 나오는 구간 -->
  294. <div id="ITP_MAIN_HEADER_BRAND" class="itp_main_header" style="display: none;">
  295. <div class="col_3" style="margin-left:0">
  296. <div class="itp_header_label">
  297. 구매요청 건수
  298. </div>
  299. <div class="itp_header_result fnPr20Count">
  300. 10건
  301. </div>
  302. </div>
  303. <div class="col_3" style="margin:5px 6%;">
  304. <div class="itp_header_label">
  305. 입금액
  306. </div>
  307. <div class="itp_header_result fnDp02Amt">
  308. 10건
  309. </div>
  310. </div>
  311. <div class="col_3" style="margin-right:0; float:right;">
  312. <div class="itp_header_label">
  313. 미납금
  314. </div>
  315. <div class="itp_header_result fnUnpaidAmt">
  316. 10건
  317. </div>
  318. </div>
  319. </div>
  320. <div id="ITP_MAIN_HEADER_STORE" class="itp_main_header" style="display: none;">
  321. <div class="col_4" style="margin-left:0">
  322. <div class="itp_header_label">
  323. 구매요청
  324. </div>
  325. <div class="itp_header_result fnPr20Count">
  326. 10건
  327. </div>
  328. </div>
  329. <div class="col_4" style="margin:0 3%;">
  330. <div class="itp_header_label">
  331. 발주진행
  332. </div>
  333. <div class="itp_header_result fnPo30Count">
  334. 10건
  335. </div>
  336. </div>
  337. <div class="col_4">
  338. <div class="itp_header_label">
  339. 발주완료
  340. </div>
  341. <div class="itp_header_result fnPoEndCount">
  342. 10건
  343. </div>
  344. </div>
  345. <div class="col_4" style="margin-right:0; float:right;">
  346. <div class="itp_header_label">
  347. 구매가능금액
  348. </div>
  349. <div class="itp_header_result fnPoPsblAmt">
  350. 1,000,000원
  351. </div>
  352. </div>
  353. </div>
  354. <div id="ITP_MAIN_HEADER_SPPLY" class="itp_main_header" style="display: none;">
  355. <div class="col_3" style="margin-left:0">
  356. <div class="itp_header_label">
  357. 수주건수
  358. </div>
  359. <div class="itp_header_result fnOrdersCount">
  360. 10건
  361. </div>
  362. </div>
  363. <div class="col_3" style="margin:5px 6%;">
  364. <div class="itp_header_label">
  365. 수주금액
  366. </div>
  367. <div class="itp_header_result fnOrdersAmt">
  368. 10건
  369. </div>
  370. </div>
  371. <div class="col_3" style="margin-right:0; float:right;">
  372. <div class="itp_header_label">
  373. 정산요청금액
  374. </div>
  375. <div class="itp_header_result fnSttlReqAmt">
  376. 10건
  377. </div>
  378. </div>
  379. </div>
  380. <div id="ITP_MAIN_GRAPH_AREA">
  381. <div class="itp_graph_panel" id="ITP_MAIN_DRAW_CHART_REQ">
  382. <div class="itp_graph_title">
  383. <div class="itp_graph_info">구매요청</div>
  384. <select id="ITP_FORM_MAIN_SEARCH_PR_TYPE" name="prType">
  385. <option value="A">당일</option>
  386. <option value="B">1주일</option>
  387. <option value="C">15일</option>
  388. <option value="D">1개월</option>
  389. </select>
  390. </div>
  391. <div id="ITP_PCH_REQ_GRAPH" class="itp_graph_area"></div>
  392. </div>
  393. <div class="itp_graph_panel" id="ITP_MAIN_DRAW_DELI_CHART">
  394. <div class="itp_graph_title">
  395. <div class="itp_graph_info">입고</div>
  396. <select id="ITP_FORM_MAIN_SEARCH_PO_TYPE" name="prType">
  397. <option value="A">당일</option>
  398. <option value="B">1주일</option>
  399. <option value="C">15일</option>
  400. <option value="D">1개월</option>
  401. </select>
  402. </div>
  403. <div id="ITP_DELI_GRAPH" class="itp_graph_area"></div>
  404. </div>
  405. <div class="itp_graph_panel" id="ITP_MAIN_DRAW_ORDERS_CHART">
  406. <div class="itp_graph_title">
  407. <div class="itp_graph_info">수주내역</div>
  408. <select id="ITP_FORM_MAIN_SEARCH_ITEM_CNT_TYPE" name="prType">
  409. <option value="A">당일</option>
  410. <option value="B">1주일</option>
  411. <option value="C">15일</option>
  412. <option value="D">1개월</option>
  413. </select>
  414. </div>
  415. <div id="ITP_ORDERS_GRAPH" class="itp_graph_area"></div>
  416. </div>
  417. <div class="itp_graph_panel" id="ITP_MAIN_DRAW_RELEASE_CHART">
  418. <div class="itp_graph_title">
  419. <div class="itp_graph_info">출고</div>
  420. <select id="ITP_FORM_MAIN_SEARCH_DELI_TYPE" name="prType">
  421. <option value="A">당일</option>
  422. <option value="B">1주일</option>
  423. <option value="C">15일</option>
  424. <option value="D">1개월</option>
  425. </select>
  426. </div>
  427. <div id="ITP_RELEASE_GRAPH" class="itp_graph_area"></div>
  428. </div>
  429. <div class="itp_graph_panel" id="ITP_MAIN_DRAW_CHART_PODR">
  430. <div class="itp_graph_title">
  431. <div class="itp_graph_info">구매발주</div>
  432. <select id="ITP_FORM_MAIN_SEARCH_RELEASE_TYPE" name="prType">
  433. <option value="A">당일</option>
  434. <option value="B">1주일</option>
  435. <option value="C">15일</option>
  436. <option value="D">1개월</option>
  437. </select>
  438. </div>
  439. <div id="ITP_PCH_PODR_GRAPH" class="itp_graph_area"></div>
  440. </div>
  441. <div class="itp_graph_panel" id="ITP_MAIN_DRAW_CHART_REQ_UP">
  442. <div class="itp_graph_title">
  443. <div class="itp_graph_info">매출순위</div>
  444. <select id="ITP_FORM_MAIN_SEARCH_ORDERS_TYPE" name="prType">
  445. <option value="A">당일</option>
  446. <option value="B">1주일</option>
  447. <option value="C">15일</option>
  448. <option value="D">1개월</option>
  449. </select>
  450. </div>
  451. <div id="ITP_PCH_REQ_UP_ITEM_GRAPH" class="itp_graph_area"></div>
  452. </div>
  453. <div class="itp_graph_panel" id="ITP_MAIN_DRAW_CHART_CORE">
  454. <div class="itp_graph_title">
  455. <div class="itp_graph_info">정&nbsp;&nbsp;산</div>
  456. </div>
  457. <div id="ITP_STTL_GRAPH" class="itp_graph_area"></div>
  458. </div>
  459. </div>
  460. <div class="itp_graph_box" style="width:100%; margin-top:16px;" id="ITP_MAIN_DRAW_LINE">
  461. <div class="itp_graph_title">
  462. <div class="itp_graph_info">안전재고</div>
  463. </div>
  464. <div id="ITP_SAFE_STCK_GRAPH" class="itp_graph_area"></div>
  465. </div>
  466. </div>
  467. </article>
  468. </div>
  469. <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  470. <script src="./js/app/summary/ITP_SUMMARY.js"></script>
  471. <script src="./js/app/main.js"></script>
  472. </section>
  473. </div>
  474. </div>
  475. </div>
  476. <footer id="ITP_FOOTER">
  477. <!-- 기존구매요청확인 -->
  478. <div id="ITP_MODAL_ALERT" class="modal itp_modal">
  479. <div class="modal-dialog modal-sm">
  480. <div class="modal-content">
  481. <div class="modal-header">
  482. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  483. <h5 class="modal-title">알림</h5>
  484. </div>
  485. <div class="modal-body">
  486. <div class="text-center itp_alert_txt"></div>
  487. </div>
  488. <div class="modal-bottom">
  489. <button type="button" class="btn btn-default col_4" id="ITP_MODAL_ALERT_CANCEL" data-dismiss="modal">취소</button>
  490. <button type="button" class="btn btn-primary col_10" id="ITP_MODAL_ALERT_CONFIRM">확인</button>
  491. </div>
  492. </div>
  493. </div>
  494. </div>
  495. <!-- 구매요청확인 --><!-- ITP_MODAL_PR_ALERT -->
  496. <div id="ITP_MODAL_PR_ALERT" class="modal itp_modal">
  497. <div class="modal-dialog modal-md">
  498. <div class="modal-content">
  499. <div class="modal-body">
  500. <div class="text-left" style="margin-top:10px;">
  501. <div class="itp_alt_box">
  502. <div class="itp_label_area">
  503. <label>납품요청일</label>
  504. </div>
  505. <div class="itp_info_area">
  506. <div class="fnDlvReqDt" style="text-align:center;"></div>
  507. </div>
  508. </div>
  509. <div class="itp_alt_box">
  510. <div class="itp_label_area">
  511. <label>품목수</label>
  512. </div>
  513. <div class="itp_info_area">
  514. <div class="fnItemcnt" style="text-align:right;"></div>
  515. </div>
  516. </div>
  517. <div class="itp_alt_box">
  518. <div class="itp_label_area">
  519. <label>구매요청금액</label>
  520. </div>
  521. <div class="itp_info_area">
  522. <div class="fnPchReqAmt" style="text-align:right;"></div>
  523. </div>
  524. </div>
  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="fnPchPssblAmt" style="text-align:right;"></div>
  531. </div>
  532. </div>
  533. <div class="itp_alt_box border">
  534. <div class="itp_label_area">
  535. <label>결제금액</label>
  536. </div>
  537. <div class="itp_info_area">
  538. <div class="fnPchAmt" style="text-align:right;"></div>
  539. </div>
  540. </div>
  541. <label class="error_info">구매요청 하시겠습니까?</label>
  542. </div>
  543. </div>
  544. <div class="modal-bottom">
  545. <button type="button" class="btn btn-default col_4" id="ITP_MODAL_PR_ALERT_CANCEL" data-dismiss="modal">취소</button>
  546. <button type="button" class="btn btn-primary col_6" id="ITP_MODAL_PR_ALERT_CONFIRM">확인</button>
  547. </div>
  548. </div>
  549. </div>
  550. </div>
  551. <!-- 선불매장결제확인 --><!-- ITP_MODAL_ADV_ALERT -->
  552. <div id="ITP_MODAL_ADV_ALERT" class="modal itp_modal">
  553. <div class="modal-dialog modal-md">
  554. <div class="modal-content">
  555. <div class="modal-body">
  556. <div class="text-left">
  557. <div class="itp_alt_box">
  558. <div class="itp_label_area">
  559. <label>납품요청일</label>
  560. </div>
  561. <div class="itp_info_area">
  562. <div class="fnDlvReqDt" style="text-align:center;"></div>
  563. </div>
  564. </div>
  565. <div class="itp_alt_box">
  566. <div class="itp_label_area">
  567. <label>품목수</label>
  568. </div>
  569. <div class="itp_info_area">
  570. <div class="fnItemcnt" style="text-align:right;"></div>
  571. </div>
  572. </div>
  573. <div class="itp_alt_box">
  574. <div class="itp_label_area">
  575. <label>구매요청금액</label>
  576. </div>
  577. <div class="itp_info_area">
  578. <div class="fnPchReqAmt" style="text-align:right;"></div>
  579. </div>
  580. </div>
  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="fnPchPssblAmt" style="text-align:right;"></div>
  587. </div>
  588. </div>
  589. <div class="itp_alt_box border">
  590. <div class="itp_label_area">
  591. <label>결제금액</label>
  592. </div>
  593. <div class="itp_info_area">
  594. <div class="fnPchAmt" style="text-align:right;"></div>
  595. </div>
  596. </div>
  597. <label class="error_info">선불매장이므로 결재를 하셔야<br> 구매요청이 진행이 됩니다.<br>결재를 하시겠습니까?</label>
  598. </div>
  599. </div>
  600. <div class="modal-bottom">
  601. <button type="button" class="btn btn-default col_4" id="ITP_MODAL_ALERT_ADV_CANCEL" data-dismiss="modal">취소</button>
  602. <button type="button" class="btn btn-primary col_6" id="ITP_MODAL_ALERT_ADV_CONFIRM">결제</button>
  603. </div>
  604. </div>
  605. </div>
  606. </div>
  607. <!-- 구매한도부족알림 --><!-- ITP_MODAL_LM_ALERT -->
  608. <div id="ITP_MODAL_LM_ALERT" class="modal itp_modal">
  609. <div class="modal-dialog modal-md">
  610. <div class="modal-content">
  611. <div class="modal-body">
  612. <div class="text-left">
  613. <div class="itp_alt_box">
  614. <div class="itp_label_area">
  615. <label>납품요청일</label>
  616. </div>
  617. <div class="itp_info_area">
  618. <div class="fnDlvReqDt" style="text-align:center;"></div>
  619. </div>
  620. </div>
  621. <div class="itp_alt_box">
  622. <div class="itp_label_area">
  623. <label>품목수</label>
  624. </div>
  625. <div class="itp_info_area">
  626. <div class="fnItemcnt" style="text-align:right;"></div>
  627. </div>
  628. </div>
  629. <div class="itp_alt_box">
  630. <div class="itp_label_area">
  631. <label>구매요청금액</label>
  632. </div>
  633. <div class="itp_info_area">
  634. <div class="fnPchReqAmt" style="text-align:right;"></div>
  635. </div>
  636. </div>
  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="fnPchPssblAmt" style="text-align:right;"></div>
  643. </div>
  644. </div>
  645. <div class="itp_alt_box border">
  646. <div class="itp_label_area">
  647. <label>결제금액</label>
  648. </div>
  649. <div class="itp_info_area">
  650. <div class="fnPchAmt" style="text-align:right;"></div>
  651. </div>
  652. </div>
  653. <label class="error_info" style="line-height: 1.5;">구매한도가 부족합니다.<br> 선결재를 하신 후에 구매요청이 진행이 됩니다.<br>결재를 하시겠습니까?</label>
  654. </div>
  655. </div>
  656. <div class="modal-bottom">
  657. <button type="button" class="btn btn-default col_4" id="ITP_MODAL_ALERT_LM_CANCEL" data-dismiss="modal">취소</button>
  658. <button type="button" class="btn btn-primary col_6" id="ITP_MODAL_ALERT_LM_CONFIRM">결제</button>
  659. </div>
  660. </div>
  661. </div>
  662. </div>
  663. <!-- 임시저장-선불매장결제확인 --><!-- ITP_MODAL_SAVE_ADV_ALERT -->
  664. <div id=ITP_MODAL_SAVE_ADV_ALERT class="modal itp_modal">
  665. <div class="modal-dialog modal-md">
  666. <div class="modal-content">
  667. <div class="modal-body">
  668. <div class="text-left">
  669. <div class="itp_alt_box">
  670. <div class="itp_label_area">
  671. <label>납품요청일</label>
  672. </div>
  673. <div class="itp_info_area">
  674. <div class="fnDlvReqDt" style="text-align:center;"></div>
  675. </div>
  676. </div>
  677. <div class="itp_alt_box">
  678. <div class="itp_label_area">
  679. <label>품목수</label>
  680. </div>
  681. <div class="itp_info_area">
  682. <div class="fnItemcnt" style="text-align:right;"></div>
  683. </div>
  684. </div>
  685. <div class="itp_alt_box">
  686. <div class="itp_label_area">
  687. <label>구매요청금액</label>
  688. </div>
  689. <div class="itp_info_area">
  690. <div class="fnPchReqAmt" style="text-align:right;"></div>
  691. </div>
  692. </div>
  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="fnPchPssblAmt" style="text-align:right;"></div>
  699. </div>
  700. </div>
  701. <div class="itp_alt_box border">
  702. <div class="itp_label_area">
  703. <label>결제금액</label>
  704. </div>
  705. <div class="itp_info_area">
  706. <div class="fnPchAmt" style="text-align:right;"></div>
  707. </div>
  708. </div>
  709. <label class="error_info">선불매장이므로 입급을 하시고, 입금등록 후 브랜드에서 승인이 되어야 구매요청을 하실 수 있습니다.</label>
  710. </div>
  711. </div>
  712. <div class="modal-bottom">
  713. <button type="button" class="btn btn-default col_4" id="ITP_MODAL_ALERT_SAVE_ADV_CANCEL" data-dismiss="modal">취소</button>
  714. <button type="button" class="btn btn-primary col_6" id="ITP_MODAL_ALERT_SAVE_ADV_CONFIRM">임시저장</button>
  715. </div>
  716. </div>
  717. </div>
  718. </div>
  719. <!-- 임시저장-구매한도부족알림 --><!-- ITP_MODAL_SAVE_LM_ALERT -->
  720. <div id="ITP_MODAL_SAVE_LM_ALERT" class="modal itp_modal">
  721. <div class="modal-dialog modal-md">
  722. <div class="modal-content">
  723. <div class="modal-body">
  724. <div class="text-left">
  725. <div class="itp_alt_box">
  726. <div class="itp_label_area">
  727. <label>납품요청일</label>
  728. </div>
  729. <div class="itp_info_area">
  730. <div class="fnDlvReqDt" style="text-align:center;"></div>
  731. </div>
  732. </div>
  733. <div class="itp_alt_box">
  734. <div class="itp_label_area">
  735. <label>품목수</label>
  736. </div>
  737. <div class="itp_info_area">
  738. <div class="fnItemcnt" style="text-align:right;"></div>
  739. </div>
  740. </div>
  741. <div class="itp_alt_box">
  742. <div class="itp_label_area">
  743. <label>구매요청금액</label>
  744. </div>
  745. <div class="itp_info_area">
  746. <div class="fnPchReqAmt" style="text-align:right;"></div>
  747. </div>
  748. </div>
  749. <div class="itp_alt_box">
  750. <div class="itp_label_area">
  751. <label>구매가능금액</label>
  752. </div>
  753. <div class="itp_info_area">
  754. <div class="fnPchPssblAmt" style="text-align:right;"></div>
  755. </div>
  756. </div>
  757. <div class="itp_alt_box border">
  758. <div class="itp_label_area">
  759. <label>결제금액</label>
  760. </div>
  761. <div class="itp_info_area">
  762. <div class="fnPchAmt" style="text-align:right;"></div>
  763. </div>
  764. </div>
  765. <label class="error_info" style="line-height: 1.5;">구매한도가 부족합니다.<br>선입금을 하시고, 입금등록 후 브랜드에서 승인이 되어야 구매요청을 하실 수 있습니다.</label>
  766. </div>
  767. </div>
  768. <div class="modal-bottom">
  769. <button type="button" class="btn btn-default col_4" id="ITP_MODAL_ALERT_SAVE_LM_CANCEL" data-dismiss="modal">취소</button>
  770. <button type="button" class="btn btn-primary col_6" id="ITP_MODAL_ALERT_SAVE_LM_CONFIRM">임시저장</button>
  771. </div>
  772. </div>
  773. </div>
  774. </div>
  775. <!-- 결제확인 -->
  776. <div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal">
  777. <div class="modal-dialog modal-sm">
  778. <div class="modal-content">
  779. <div class="modal-header">
  780. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  781. <h5 class="modal-title">알림</h5>
  782. </div>
  783. <div class="modal-body">
  784. <div class="text-center itp_alert_txt"></div>
  785. </div>
  786. <div class="modal-bottom">
  787. <button type="button" class="btn btn-primary col_10" id="ITP_MODAL_ALERT_AJAX_CONFIRM">확인</button>
  788. </div>
  789. </div>
  790. </div>
  791. </div>
  792. </footer>
  793. <aside id="ITP_ASIDE"></aside>
  794. </div>
  795. <script src="./js/cpexcel.js"></script>
  796. <script src="./js/xlsx.js"></script>
  797. </body>
  798. </html>