inc_ViewCar.php 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821
  1. <section>
  2. <div class="owner--information--wrap">
  3. <div class="col-12 title--wrapper d-flex align-items-center justify-content-between">
  4. <h2>소유주 정보</h2>
  5. <div class="bidding--count">
  6. <? if($ds_status_proc == "E0"){ ?>
  7. <span>입찰 마감 시간 : </span>
  8. <span><?=$time_limit_tender?></span>
  9. <? } ?>
  10. </div>
  11. </div>
  12. <div class="sch--modules--wrap">
  13. <div class="form--group user--info">
  14. <input type="text" placeholder="소유주명" value="<?=$nm_name_sale?>" />
  15. </div>
  16. <div class="form--group car--numb">
  17. <input type="text" placeholder="차량 번호" value="<?=$nm_number?>" />
  18. </div>
  19. <div class="form--group phone--numb">
  20. <input type="text" placeholder="휴대전화 번호" value="<?=$nm_hp_sale?>" />
  21. </div>
  22. <!-- <button type='button'>차량 조회<i class="sch--ic"></i></button> -->
  23. </div>
  24. </div>
  25. </section>
  26. <section>
  27. <div class="car--info--wrap">
  28. <h2>차량 정보 입력</h2>
  29. <div class="form--wrap">
  30. <div class="form--groups">
  31. <h2>제조사</h2>
  32. <div class="form--group">
  33. <select name="" id="" disabled>
  34. <option value="<?=$cd_brand?>"><?=$nm_brand?></option>
  35. </select>
  36. </div>
  37. </div>
  38. <div class="form--groups">
  39. <h2>모델</h2>
  40. <div class="form--group">
  41. <select name="" id="" disabled>
  42. <option value="<?=$cd_model?>"><?=$nm_model?></option>
  43. </select>
  44. </div>
  45. </div>
  46. <div class="form--groups">
  47. <h2>Trade-in</h2>
  48. <div class="form--group">
  49. <select id="ds_tradein" name="ds_tradein"></select>
  50. </div>
  51. </div>
  52. <div class="form--groups">
  53. <h2>변속기</h2>
  54. <div class="form--group">
  55. <select id="ds_transmission" name="ds_transmission"></select>
  56. </div>
  57. </div>
  58. <div class="form--groups">
  59. <h2>연식 (최초 등록일)</h2>
  60. <div class="form--group ty2">
  61. <select name="nm_regdate_yyyy" id="nm_regdate_yyyy" style="max-width:134px;">
  62. <?php
  63. $cur_year = date("Y");
  64. $cur_year = (int)$cur_year;
  65. // echo $cur_year;
  66. // exit;
  67. for($i=1990; $i<=$cur_year; $i++){
  68. ?>
  69. <option value="<?=$i?>" <? if($i == $nm_regdate_yyyy){ ?>selected<? } ?>><?=$i?></option>
  70. <?php
  71. }
  72. ?>
  73. </select>
  74. <label for="nm_regdate_yyyy" class="ml10">년</label>
  75. <select name="nm_regdate_mm" id="nm_regdate_mm" style="max-width:134px; margin-left:20px;">
  76. <?php
  77. for($i=1; $i<=12; $i++){
  78. ?>
  79. <option value="<?=($i<10)?"0".$i:$i?>" <? if($i == $nm_regdate_mm){ ?>selected<? } ?>><?=($i<10)?"0".$i:$i?></option>
  80. <?php
  81. }
  82. ?>
  83. </select>
  84. <label for="" class="ml10">월</label>
  85. </div>
  86. </div>
  87. <div class="form--groups">
  88. <h2>형식 년도</h2>
  89. <div class="form--group ty2">
  90. <select id="ds_year" name="ds_year"></select>
  91. <label for="ds_year" class="ml10">년</label>
  92. </div>
  93. </div>
  94. <div class="form--groups">
  95. <h2>배기량</h2>
  96. <div class="form--group ty2">
  97. <input type="text" placeholder="배기량을 입력해주세요" value="<?=$nm_cc?>">
  98. <label for="" class="ml10">cc</label>
  99. </div>
  100. </div>
  101. <div class="form--groups">
  102. <h2>연료</h2>
  103. <div class="form--group">
  104. <input type="text" placeholder="연료를 입력해주세요" value="<?=$ds_oil?>">
  105. <!-- <select name="" id="">
  106. <option value="">선택</option>
  107. </select> -->
  108. </div>
  109. </div>
  110. <div class="form--groups">
  111. <h2>색상</h2>
  112. <div class="form--group ty2">
  113. <input type="text" placeholder="색상을 입력해주세요" value="<?=$nm_color?>">
  114. </div>
  115. </div>
  116. <div class="form--groups">
  117. <h2>주행거리</h2>
  118. <div class="form--group ty2">
  119. <input type="text" placeholder="주행거리를 입력해주세요" value="<?=number_format($nm_mileage)?>">
  120. <label for="" class="ml10">km</label>
  121. </div>
  122. </div>
  123. <div class="form--groups">
  124. <h2>사고 유무</h2>
  125. <div class="form--group">
  126. <select id="ds_accident" name="ds_accident"></select>
  127. </div>
  128. </div>
  129. <div class="form--groups">
  130. <h2>판매 희망 지역</h2>
  131. <div class="form--group">
  132. <select name="ds_area" id="ds_area">
  133. <option value="">판매희망 선택하세요</option>
  134. </select>
  135. </div>
  136. </div>
  137. <div class="form--groups">
  138. <h2>사업자 유,무</h2>
  139. <div class="form--group">
  140. <select name="ds_business_num" id="ds_business_num">
  141. <option value="">사업자 유,무를 선택하세요</option>
  142. </select>
  143. </div>
  144. </div>
  145. <div class="form--groups">
  146. <h2>추가 옵션 및 특이사 항</h2>
  147. <div class="form--group">
  148. <input type="text" placeholder="추가 옵션 및 특이사항을 입력해주세요" value="<?=$nm_cont_pac?>">
  149. </div>
  150. </div>
  151. <div class="form--groups">
  152. <h2>희망 AAP SA</h2>
  153. <div class="form--group">
  154. <input type="text" value="<?=$aap_nm_name?>">
  155. </div>
  156. </div>
  157. <div class="form--groups">
  158. <h2>판매 시기</h2>
  159. <div class="form--group">
  160. <select name="ds_sale_period" id="ds_sale_period"></select>
  161. </div>
  162. </div>
  163. <div class="form--groups">
  164. <h2>옵션정보</h2>
  165. <div class="form--group">
  166. <button type='button' class="btn btn-outline-primary sch--btnz" style="height:53px; width:100%;" id="btn_car_option">옵션보기<i class="sch--ic"></i></button>
  167. </div>
  168. </div>
  169. <?php if($ds_status_sale == "D0") { ?>
  170. <div class="form--groups">
  171. <h2>반려사유</h2>
  172. <div class="form--group">
  173. <input type="text" value="<?=$nm_cont_return?>" disabled>
  174. </div>
  175. </div>
  176. <?php } ?>
  177. <!-- <div class="form--groups">
  178. <h2>수리부위</h2>
  179. <div class="form--group align-items-center d-flex fixed--positon" style=" width:100%;">
  180. <button data-bs-toggle="modal" data-bs-target="#exampleModal7" class="btn btn-outline-primary" style="width:50%;height:53px;">외판</button>
  181. <button data-bs-toggle="modal" data-bs-target="#exampleModal8" class="btn btn-outline-primary ml20" style="width:50%;height:53px;">주요골격</button>
  182. </div>
  183. </div> -->
  184. <div class="form--groups">
  185. <h2>구매방식</h2>
  186. <div class="form--group">
  187. <select name="ds_buy_method" id="ds_buy_method"></select>
  188. </div>
  189. </div>
  190. <div class="form--groups">
  191. <h2>경매시간</h2>
  192. <div class="form--group">
  193. <select name="ds_auction_time" id="ds_auction_time"></select>
  194. </div>
  195. </div>
  196. <div class="form--groups">
  197. <h2>사고부위 체크(판금,교환등)</h2>
  198. <div class="form--group">
  199. <input type="text" name="ds_accident_check" id="ds_accident_check" value="<?=$ds_accident_check?>" placeholder="사고부위를 입력해주세요">
  200. </div>
  201. </div>
  202. <div class="form--groups">
  203. <h2>데미지 체크(수리가 필요한곳 기재)</h2>
  204. <div class="form--group">
  205. <input type="text" name="ds_damage_check" id="ds_damage_check" value="<?=$ds_damage_check?>" placeholder="수리가 필요한곳을 입력해주세요">
  206. </div>
  207. </div>
  208. <div class="form--groups" style="">
  209. <h2>관리자 코멘트</h2>
  210. <div class="form--group">
  211. <input type="text" value="<?=$nm_guide?>" disabled>
  212. </div>
  213. </div>
  214. </div>
  215. </div>
  216. </section>
  217. <?php
  218. $car_history_sql = "SELECT * FROM car_history_master WHERE cd_car_history = '$cd_car_history' AND ds_delind = 'N' AND ds_type = 'user' LIMIT 1 ";
  219. // echo $car_history_sql;
  220. $car_history_res = mysql_query($car_history_sql);
  221. $car_history_col = mysql_fetch_array($car_history_res);
  222. ?>
  223. <!-- 사고이력 -->
  224. <section class="spacer--top mt-5">
  225. <div class="car--info--wrap">
  226. <div class="title--wrapper d-flex align-items-center justify-content-between">
  227. <h2>사고 이력 정보</h2>
  228. <!-- <button class="excid--btn btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal2">사고이력 정보 보기</button> -->
  229. <button type="button" class="excid--btn btn btn-primary" _data-bs-toggle="modal" _data-bs-target="#exampleModal2" id="btn_accident_view">사고이력 정보 보기</button>
  230. </div>
  231. <div class="table--mobile--wrap">
  232. <table class="mt25">
  233. <tbody>
  234. <tr>
  235. <th>차량번호 변경</th>
  236. <td><?=number_format($car_history_col['r201'])?> 회</td>
  237. </tr>
  238. <tr>
  239. <th>소유자 변경</th>
  240. <td><?=number_format($car_history_col['r204'])?> 회</td>
  241. </tr>
  242. <tr>
  243. <th>자동차 보험 특수 사고</th>
  244. <td>잔손 : <?=number_format($car_history_col['405'])?>회 / 침수전(분)손 : <?=number_format($car_history_col['407'])?>회 / 도난 : <?=number_format($car_history_col['r409'])?>회</td>
  245. </tr>
  246. <tr>
  247. <th>보험 사고 (내차 피해)</th>
  248. <td><?=number_format($car_history_col['r401'])?>회 (<?=number_format($car_history_col['r402'])?>원)</td>
  249. </tr>
  250. <tr>
  251. <th>보험 사고 (타차 가해)</th>
  252. <td><?=number_format($car_history_col['r403'])?>회 (<?=number_format($car_history_col['r404'])?>원)</td>
  253. </tr>
  254. </tbody>
  255. </table>
  256. </div>
  257. </div>
  258. </section>
  259. <!-- 추가사진 (필수사진) -->
  260. <section class="spacer--top mt-5 pt30">
  261. <div class="options--wrapper">
  262. <h2>차량사진<span class="astc--text">(필수사진)</span></h2>
  263. <div class="pic--add--wrap mob--view--type">
  264. <?php
  265. $nm_file_front = getCarBasicThumbImage($cd_car, $nm_file_front, '차량전면', false, 'car_basic');
  266. preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $nm_file_front, $matches);
  267. $nm_file_front_href = $matches[1][0];
  268. $nm_file_back = getCarBasicThumbImage($cd_car, $nm_file_back, '차량후면', false, 'car_basic');
  269. preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $nm_file_back, $matches);
  270. $nm_file_back_href = $matches[1][0];
  271. $nm_file_side1 = getCarBasicThumbImage($cd_car, $nm_file_side1, '운전석 측면', false, 'car_basic');
  272. preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $nm_file_side1, $matches);
  273. $nm_file_side1_href = $matches[1][0];
  274. $nm_file_side2 = getCarBasicThumbImage($cd_car, $nm_file_side2, '조수석 측면', false, 'car_basic');
  275. preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $nm_file_side2, $matches);
  276. $nm_file_side2_href = $matches[1][0];
  277. $nm_file_dashboard = getCarBasicThumbImage($cd_car, $nm_file_dashboard, '계기판', false, 'car_basic');
  278. preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $nm_file_dashboard, $matches);
  279. $nm_file_dashboard_href = $matches[1][0];
  280. ?>
  281. <div class="add--box">
  282. <div class="thumb--wrap">
  283. <div class="thumb car--01">
  284. <!-- <a href="<?=$nm_file_front_href?>" data-lightbox="image-1" data-title="차량 전면"> -->
  285. <?=$nm_file_front?>
  286. <!-- </a> -->
  287. </div>
  288. </div>
  289. <div class="desc">차량 전면</div>
  290. </div>
  291. <div class="add--box">
  292. <div class="thumb--wrap">
  293. <div class="thumb car--01">
  294. <!-- <a href="<?=$nm_file_back_href?>" data-lightbox="image-1" data-title="차량 후면"> -->
  295. <?=$nm_file_back?>
  296. <!-- </a> -->
  297. </div>
  298. </div>
  299. <div class="desc">차량 후면</div>
  300. </div>
  301. <div class="add--box">
  302. <div class="thumb--wrap">
  303. <div class="thumb car--01">
  304. <!-- <a href="<?=$nm_file_side1_href?>" data-lightbox="image-1" data-title="운전석 측면"> -->
  305. <?=$nm_file_side1?>
  306. <!-- </a> -->
  307. </div>
  308. </div>
  309. <div class="desc">운전석 측면</div>
  310. </div>
  311. <div class="add--box">
  312. <div class="thumb--wrap">
  313. <div class="thumb car--01">
  314. <!-- <a href="<?=$nm_file_side2_href?>" data-lightbox="image-1" data-title="조수석 측면"> -->
  315. <?=$nm_file_side2?>
  316. <!-- </a> -->
  317. </div>
  318. </div>
  319. <div class="desc">조수석 측면</div>
  320. </div>
  321. <div class="add--box">
  322. <div class="thumb--wrap">
  323. <div class="thumb car--01">
  324. <!-- <a href="<?=$nm_file_dashboard_href?>" data-lightbox="image-1" data-title="계기판"> -->
  325. <?=$nm_file_dashboard?>
  326. <!-- </a> -->
  327. </div>
  328. </div>
  329. <div class="desc">계기판</div>
  330. </div>
  331. </div>
  332. </div>
  333. </section>
  334. <!-- 차량사진 (추가사진) -->
  335. <section class="mt-5 pt30">
  336. <div class="options--wrapper">
  337. <h2>차량사진<span class="astc--text">(추가사진)</span></h2>
  338. <div class="pic--add--wrap mob--view--type">
  339. <?php
  340. if(!empty($cd_car)) {
  341. $sql = "SELECT *
  342. FROM car_file
  343. WHERE cd_car = '$cd_car'
  344. AND ds_delind='N'
  345. ORDER BY no_sort ASC, cd_car ASC ";
  346. // echo $sql;
  347. $r = mysql_query($sql, $connect);
  348. $i=1;
  349. while($imgs = mysql_fetch_assoc($r)) {
  350. $img_tag = getCarAddtionalImage($cd_car, $imgs['nm_file'], '추가사진'.$i, true, 'car_additional');
  351. // 정규식을 이용해서 img 태그 전체 / src 값만 추출하기
  352. preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $img_tag, $matches);
  353. // img 태그 전체 추출하기
  354. // print_r($matches[0]);
  355. // src 값만 추출하기
  356. // print_r($matches[1]);
  357. // $car_additional_img = UPLOAD_PATH_CAR.$imgs['cd_car']."_detail/".$imgs['nm_file'];
  358. ?>
  359. <div class="add--box">
  360. <div class="thumb--wrap">
  361. <div class="thumb car--01">
  362. <!-- <a href="<?=$matches[1][0]?>" data-lightbox="image-2" data-title="추가사진<?=$i?>"> -->
  363. <?=$img_tag?>
  364. <!-- </a> -->
  365. </div>
  366. </div>
  367. </div>
  368. <?php
  369. $i++;
  370. }
  371. }
  372. ?>
  373. </div>
  374. </div>
  375. </section>
  376. <!-- 차량설명 -->
  377. <section class="mt-5 pt30">
  378. <div class="options--wrapper">
  379. <h2>차량 설명하기</h2>
  380. <div class="editor--wrapper ty2">
  381. <div class="editor--inner col-12">
  382. <textarea rows="10" style="width:100%; padding:20px;" class="form-control"><?=$nm_desc?></textarea>
  383. </div>
  384. </div>
  385. </div>
  386. </section>
  387. <!-- 유찰하기 -->
  388. <?php
  389. //입찰중일경우에만 유찰 가능
  390. if($ds_status_sale == "E0") { ?>
  391. <section class="mt-5 pt30">
  392. <div class="options--wrapper">
  393. <h2>유찰하기</h2>
  394. <div class="editor--wrapper ty2">
  395. <div class="editor--inner col-12">
  396. <textarea rows="10" style="width:100%; padding:20px;" class="form-control" id="nm_cont_tender_error" name="nm_cont_tender_error"></textarea>
  397. </div>
  398. </div>
  399. </div>
  400. </section>
  401. <div class="btn--wrapper col-12 d-flex justify-content-center mt40" style="max-width:1200px; margin:0 auto; padding:0 20px;">
  402. <button type="button" class="btn btn-primary ms-2" style="width:120px;" id="btn_car_fail_proc">유찰하기</button>
  403. </div>
  404. <?php
  405. }
  406. ?>
  407. <!-- 레이어 팝업 -->
  408. <?php include("../../common/inc/inc_layer_popup_m.php") ?>
  409. <link href="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css" rel="stylesheet">
  410. <script src="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script>
  411. <style>
  412. .car_option_popup{
  413. width:100%;
  414. max-width:1200px;
  415. margin:0 auto;
  416. }
  417. .car_option_popup > h2{
  418. font-weight: 700;
  419. font-size: 18px;
  420. line-height: 100%;
  421. letter-spacing: -0.02em;
  422. color: #222222;
  423. }
  424. .car_option_popup > h2 .astc--text{
  425. font-weight: 700;
  426. font-size: 18px;
  427. letter-spacing: -0.02em;
  428. color: #1E75FF;
  429. }
  430. .car_option_popup > h2 .astc--text.ty2{
  431. color: #909EB5;
  432. }
  433. .car_option_popup .options--list{
  434. width:100%;
  435. border-top:1px solid #888;
  436. margin-top:20px;
  437. padding-top:40px;
  438. }
  439. .car_option_popup .options--list > h2{
  440. font-weight: 500;
  441. font-size: 14px;
  442. line-height: 100%;
  443. letter-spacing: -0.02em;
  444. color: #111111;
  445. }
  446. .car_option_popup .options--list > ul{
  447. display: flex;
  448. align-items: center;
  449. margin-top:30px;
  450. margin-bottom:50px;
  451. }
  452. .car_option_popup .options--list > ul >li{
  453. width:calc(100% / 4);
  454. }
  455. input[type="checkbox"] + label{
  456. font-weight: 350;
  457. font-size: 14px;
  458. line-height: 100%;
  459. color: #333333;
  460. display: flex;
  461. align-items:center;
  462. cursor: pointer;
  463. }
  464. input[type="checkbox"] + label:before{
  465. content:'';
  466. display: block;
  467. width:16px;
  468. height:16px;
  469. background:url(/design/staff/assets/img/check_off.svg) no-repeat center;
  470. margin-right:12px;
  471. }
  472. input[type="checkbox"]:checked + label:before{
  473. background:url(/design/staff/assets/img/check_on.svg) no-repeat center;
  474. }
  475. .car_option_popup .pic--add--wrap{
  476. display: flex;
  477. align-items: center;
  478. justify-content:space-between;
  479. width:100%;
  480. border-top:1px solid #888;
  481. margin-top:20px;
  482. padding-top:40px;
  483. }
  484. .car_option_popup .pic--add--wrap.bd-0{
  485. border:0px;
  486. padding-top:0px;
  487. }
  488. .car_option_popup .pic--add--wrap .add--box{
  489. width: 224px;
  490. height: 224px;
  491. display: flex;
  492. align-items: center;
  493. justify-content:center;
  494. flex-direction: column;
  495. background: #FFFFFF;
  496. border: 1px solid #EEEEEE;
  497. box-shadow: 0px 5px 5px rgba(239, 240, 241, 0.5);
  498. border-radius: 20px;
  499. }
  500. .car_option_popup .pic--add--wrap .add--box .thumb{
  501. width: 80px;
  502. height: 80px;
  503. border-radius: 80px;
  504. background: #F7F7F9;
  505. position: relative;
  506. }
  507. .car_option_popup .pic--add--wrap.view--type .add--box .thumb{
  508. width:200px;
  509. height:140px;
  510. border-radius:0px;
  511. margin:0 auto;
  512. overflow:hidden;
  513. background: transparent!important;
  514. }
  515. .car_option_popup .pic--add--wrap.view--type .add--box .thumb img{
  516. position: absolute;
  517. top:50%;
  518. left:50%;
  519. transform: translate(-50%, -50%);
  520. max-height:140px;
  521. max-width:200px;
  522. object-fit: cover;
  523. }
  524. .car_option_popup .pic--add--wrap.view--type .add--box.car--dashboard{
  525. position: relative;
  526. }
  527. .car_option_popup .pic--add--wrap.view--type .add--box.car--dashboard .thumb{
  528. height:204px;
  529. width:204px;
  530. position:absolute;
  531. top:50%;
  532. left:50%;
  533. transform: translate(-50%, -50%);
  534. }
  535. .car_option_popup .pic--add--wrap.view--type .add--box.car--dashboard .thumb img{
  536. width:100%;
  537. height:100%;
  538. max-width:204px;
  539. max-height:204px;
  540. }
  541. .car_option_popup .pic--add--wrap.view--type .add--box.car--dashboard .desc{
  542. z-index: 2;
  543. position: absolute;
  544. bottom:20px;
  545. }
  546. .car_option_popup .pic--add--wrap .add--box .thumb .add--btn{
  547. width: 26px;
  548. height: 26px;
  549. border-radius:26px;
  550. border: 1px solid #EDEFF1;
  551. box-shadow: 0px 2px 2px #DDE1E8;
  552. background:#fff url(../img/add_ic.svg) no-repeat center;
  553. position: absolute;
  554. top:0px;
  555. right:0px;
  556. cursor: pointer;
  557. }
  558. .car_option_popup .pic--add--wrap .add--box .thumb.car--01{ background:#f7f7f9 url(/design/staff/assets/img/car_pic01.svg) no-repeat center;}
  559. .car_option_popup .pic--add--wrap .add--box .thumb.car--02{ background:#f7f7f9 url(/design/staff/assets/img/car_pic02.svg) no-repeat center;}
  560. .car_option_popup .pic--add--wrap .add--box .thumb.car--03{ background:#f7f7f9 url(/design/staff/assets/img/car_pic03.svg) no-repeat center;}
  561. .car_option_popup .pic--add--wrap .add--box .thumb.car--04{ background:#f7f7f9 url(/design/staff/assets/img/car_pic04.svg) no-repeat center;}
  562. .car_option_popup .pic--add--wrap .add--box .thumb.car--05{ background:#f7f7f9 url(/design/staff/assets/img/car_pic05.svg) no-repeat center;}
  563. .car_option_popup .pic--add--wrap .add--box .desc{
  564. font-weight: 350;
  565. font-size: 15px;
  566. line-height: 100%;
  567. text-align: center;
  568. letter-spacing: -0.02em;
  569. color: #000000;
  570. margin-top:10px;
  571. }
  572. .car_option_popup .pic--add--wrap.view--type .add--box .desc{
  573. background: #F3F5F8;
  574. border-radius: 50px;
  575. height:35px;
  576. display:inline-flex;
  577. align-items: center;
  578. padding:0 20px;
  579. font-weight: 350;
  580. font-size: 13px;
  581. text-align: center;
  582. letter-spacing: -0.02em;
  583. color: #000000;
  584. }
  585. .car_option_popup .pic--add--wrap .addition--box .thumb{
  586. background:#f7f7f9 url(../img/pic_ic.svg) no-repeat center;
  587. }
  588. .car_option_popup .pic--add--wrap .addition--box .add--btn{
  589. font-weight: 500;
  590. font-size: 12px;
  591. text-align: center;
  592. letter-spacing: -0.03em;
  593. color: #1E75FF;
  594. width: 100px;
  595. height: 34px;
  596. display: flex;
  597. align-items: center;
  598. justify-content: center;
  599. border: 1px solid rgba(30, 117, 255, 0.3);
  600. border-radius: 50px;
  601. cursor: pointer;
  602. }
  603. </style>
  604. <script>
  605. $('.fotorama').fotorama({
  606. width: 700,
  607. maxwidth: '100%',
  608. ratio: 5/5,
  609. allowfullscreen: true,
  610. nav: 'thumbs'
  611. });
  612. $(function() {
  613. // setCodeSelect("areacode","nm_hp1", "","","<?=$nm_hp_sale1?>","선택","");
  614. setCodeSelect("listcode","ds_area", "member_master","ds_area","<?=$ds_area_sale?>","선택하세요","");
  615. setCodeSelect("listcode","ds_business_num", "car_master","ds_business_num","<?=$ds_business_num?>","사업자 유,무를 선택하세요","");
  616. setCodeSelect("listcode","ds_sale_period", "sale_master","ds_sale_period","<?=$ds_sale_period?>","판매시기를 선택하세요","");
  617. setCodeSelect("listcode","ds_transmission", "car_master","ds_transmission","<?=$ds_transmission?>","선택하세요","");
  618. setCodeSelect("listcode","ds_year", "car_master","ds_year","<?=$ds_year?>","선택하세요","");
  619. setCodeSelect("listcode","ds_accident", "car_master","ds_accident","<?=$ds_accident?>","선택","");
  620. setCodeSelect("listcode","ds_tradein", "sale_master","ds_tradein","<?=$ds_tradein?>","선택하세요","");
  621. setCodeSelect("listcode","ds_buy_method", "sale_master","ds_buy_method","<?=$ds_buy_method?>","선택하세요","");
  622. setCodeSelect("listcode","ds_auction_time", "sale_master","ds_auction_time","<?=$ds_auction_time?>","선택하세요","");
  623. //차량이력정보 보기 팝업
  624. $("#btn_accident_view").on("click", function() {
  625. var custom_opts = {
  626. title : '',
  627. btn_close_show : false,
  628. }
  629. // $("#exampleModal2").modal("show");
  630. // return false;
  631. $.get("/sell/car_info_car_history_view.php", { mode: 'view', cd_car_history: "<?=$cd_car_history?>", device : 'm'},function(data) {
  632. $("#history_scr_cont").html(data);
  633. $("#historyModal").modal("show");
  634. // viewLayerPopup('car_history');
  635. });
  636. });
  637. $(".car_history_popup .close").on("click", function() {
  638. closeLayerPopup('car_history');
  639. });
  640. //차량이력정보 보기 팝업
  641. $("#btn_car_option").on("click", function() {
  642. var custom_opts = {
  643. title : '',
  644. btn_close_show : false,
  645. }
  646. $.get("/sell/car_option_view.php", { mode: 'view', cd_sale: <?=$cd_sale?>},function(data) {
  647. $("#car_option_cont").html(data);
  648. $("#carOptionModal").modal("show");
  649. // viewLayerPopup('car_option');
  650. });
  651. });
  652. $(".car_option_popup .close").on("click", function() {
  653. closeLayerPopup('car_option');
  654. });
  655. $("#btn_car_fail_proc").on("click", function() {
  656. var custom_opts = {
  657. title : '',
  658. btn_close_show : false,
  659. }
  660. var fieldlist = [["nm_cont_tender_error","유찰사유"]];
  661. if (!fnCheckForm(fieldlist)){
  662. return false;
  663. }
  664. custom_opts.title = '유찰 처리하시겠습니까?';
  665. custom_modal_confirm(custom_opts, function(confirm) {
  666. if(confirm) {
  667. $("#btn_car_fail_proc").hide();
  668. var data = {
  669. mode : "dropSale"
  670. , cd_car : '<?=$cd_car?>'
  671. , cd_sale : '<?=$cd_sale?>'
  672. , nm_cont_tender_error : $("#nm_cont_tender_error").val()
  673. };
  674. $.post("sa_proc.php", data, function(res) {
  675. $("#btn_car_fail_proc").show();
  676. custom_modal_confirm_close();
  677. if(res.CODE != "0000"){
  678. custom_opts.title = "유찰 처리에 실패했습니다.";
  679. custom_modal_alert(custom_opts);
  680. return false;
  681. }
  682. custom_opts.title = "유찰 처리되었습니다.";
  683. custom_modal_alert(custom_opts, function() {
  684. reload();
  685. });
  686. return false;
  687. }, "json");
  688. }else {
  689. $("#btn_car_fail_proc").show();
  690. return false;
  691. }
  692. });
  693. });
  694. })
  695. </script>