inc_ViewCar.php 23 KB

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