underway_view.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473
  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="format-detection" content="telephone=no">
  8. <link rel="stylesheet" type="text/css" href="/admin/css/admin.css">
  9. <script type="text/javascript" charset="utf-8" src="/admin/js/jquery-1.11.2.min.js"></script>
  10. <script type="text/javascript" charset="utf-8" src="/admin/js/jquery.jqtransform.js"></script>
  11. <script type="text/javascript" charset="utf-8" src="/admin/js/ui.js"></script>
  12. <script type="text/javascript">
  13. var lMenu = 2;
  14. var mMenu = 4;
  15. </script>
  16. </head>
  17. <body>
  18. <!-- s : header -->
  19. <? include("../inc/inc_header.html"); ?>
  20. <!-- // e : header -->
  21. <section id="contents">
  22. <h2>거래중 상세페이지</h2>
  23. <h3><em>▶</em> 낙찰업체</h3>
  24. <div class="bid">
  25. <p class="name">고진상사</p>
  26. <div class="info">
  27. <span class="thumb"><img src="/admin/img/@photo.jpg"></span>
  28. <ul>
  29. <li><em>낙찰 담당자</em>홍길동</li>
  30. <li><em>주소</em>서울 성동구 성동</li>
  31. <li><em>연락처</em>02-301-3432</li>
  32. <li><em>매입지역</em>전체</li>
  33. </ul>
  34. <p class="price">낙찰금액 : <em>2500만원</em></p>
  35. </div>
  36. </div>
  37. <ul class="tender_info">
  38. <li>
  39. <span>입찰자 수<em>11곳</em></span>
  40. </li>
  41. <li>
  42. <span>최고가 업체<em>선진상사 2600만원</em></span>
  43. <span>최저가 업체<em>선인상사 2400만원</em></span>
  44. </li>
  45. <li>
  46. <span>평균입찰가<em>2500만원</em></span>
  47. </li>
  48. </ul>
  49. <h3><em>▶</em> 판매자정보</h3>
  50. <div class="seller_box">
  51. <ul>
  52. <li><span>이름 :</span> 홍길동</li>
  53. <li><span>연락처 :</span> 010-1234-5678</li>
  54. <li><span>차종 :</span> 링컨 뉴MKX(10년~15년)</li>
  55. <li><span>차량번호 :</span> 28부5708</li>
  56. </ul>
  57. <div class="area_btn">
  58. <a href="#" class="rnd_btn ty2 blue" onclick="viewPopup('car_detail'); return false;">차량상세정보 보기</a>
  59. <a href="#" class="rnd_btn ty2 blue" onclick="viewPopup('history'); return false;">보험이력 확인하기</a>
  60. </div>
  61. </div>
  62. <h3><em>▶</em> 거래진행상태</h3>
  63. <ul class="deal_step">
  64. <li class="on"><!-- 진행된 상황일때 on -->
  65. <span class="step">Step1</span>
  66. <div class="step_cont">
  67. <dl>
  68. <dt>차량 정보 확인</dt>
  69. <dd><em class="txt_black">고진상사 홍길동</em> 딜러가<br>차량정보를 확인했습니다.</dd>
  70. <dd class="txt_blue">연락처 : 010-1234-5678</dd>
  71. </dl>
  72. </div>
  73. </li>
  74. <li>
  75. <span class="step">Step2</span>
  76. <div class="step_cont">
  77. <dl>
  78. <dt>고객통화 후 일정잡기</dt>
  79. <dd class="non_msg">아직 고객과의 일정이 없습니다.</dd>
  80. </dl>
  81. <!-- dl>
  82. <dt>고객통화 후 일정잡기</dt>
  83. <dd><em class="txt_black">고진상사 홍길동</em> 딜러가<br><em class="txt_blue">이몽령</em>님과의 일정이 잡혔습니다.</dd>
  84. </dl -->
  85. </div>
  86. </li>
  87. <li>
  88. <span class="step">Step3</span>
  89. <div class="step_cont">
  90. <dl>
  91. <dt>검차 결과 /계약상황</dt>
  92. <dd class="non_msg">계약 중입니다.</dd>
  93. </dl>
  94. <!-- dl>
  95. <dt class="ty2">검차 결과 /계약상황</dt>
  96. <dd>계약이 완료되었습니다.</dd>
  97. <dd class="info">입찰견적 : 1200 만원<br>최종견적 : 1100 만원<br>검차사진 등록 : 유</dd>
  98. <dd class="btn"><a href="#" class="rnd_btn blue" onclick="viewPopup('car'); return false;">계약내용 상세보기</a></dd>
  99. </dl -->
  100. </div>
  101. </li>
  102. <li>
  103. <span class="step">Step4</span>
  104. <div class="step_cont">
  105. <dl>
  106. <dt>거래 마무리</dt>
  107. <dd class="non_msg">거래 중입니다.</dd>
  108. </dl>
  109. <!-- dl>
  110. <dt class="ty2">거래 마무리</dt>
  111. <dd>계약이 완료되었습니다.</dd>
  112. <dd class="info">상사이전등록증 : 유<br>성능지 : 유<br>거래후기사진 : 유</dd>
  113. <dd class="btn"><a href="#" class="rnd_btn blue" onclick="viewPopup('car2'); return false;">계약내용 상세보기</a></dd>
  114. </dl -->
  115. </div>
  116. </li>
  117. </ul>
  118. <!-- layer popup1 -->
  119. <div class="layer_popup car_detail_popup">
  120. <div class="tbl_wrap">
  121. <table class="tbl_list2 ty2">
  122. <colgroup>
  123. <col width="12%">
  124. <col width="38%">
  125. <col width="12%">
  126. <col width="38%">
  127. </colgroup>
  128. <tr>
  129. <th>이름</th>
  130. <td>홍길동</td>
  131. <th>회원</th>
  132. <td>비회원</td>
  133. </tr>
  134. <tr>
  135. <th>연락처</th>
  136. <td>010-1234-5678</td>
  137. <th>아이디</th>
  138. <td>jgfgjdjdlgkfjglk</td>
  139. </tr>
  140. <tr>
  141. <th>주소</th>
  142. <td>서울시 마포구 서교동</td>
  143. <th>판매지역</th>
  144. <td>서울</td>
  145. </tr>
  146. <tr>
  147. <th>차량번호</th>
  148. <td>28부5708</td>
  149. <th>제조사</th>
  150. <td>링컨</td>
  151. </tr>
  152. <tr>
  153. <th>모델</th>
  154. <td>MKX</td>
  155. <th>세부모델</th>
  156. <td>뉴MKX(10년~15년)</td>
  157. </tr>
  158. <tr>
  159. <th>등급</th>
  160. <td>3.7awd</td>
  161. <th>연식(최초등록일)</th>
  162. <td>2013년10월</td>
  163. </tr>
  164. <tr>
  165. <th>형식연도</th>
  166. <td>2013년</td>
  167. <th>배기량</th>
  168. <td>3700cc</td>
  169. </tr>
  170. <tr>
  171. <th>변속기</th>
  172. <td>오토</td>
  173. <th>연료</th>
  174. <td>가솔린</td>
  175. </tr>
  176. <tr>
  177. <th>색상</th>
  178. <td>검정</td>
  179. <th>주행거리</th>
  180. <td>78,012km</td>
  181. </tr>
  182. <tr>
  183. <th>사고유무</th>
  184. <td>
  185. <div class="radio_chk">
  186. <span class="check_wrap"><input type="radio" name="radiobutton" id="radio1"><i></i><label for="radio1">사고</label></span>
  187. <span class="check_wrap"><input type="radio" name="radiobutton" id="radio2"><i></i><label for="radio2">무사고</label></span>
  188. <span class="check_wrap"><input type="radio" name="radiobutton" id="radio3"><i></i><label for="radio3">모름</label></span>
  189. </div>
  190. </td>
  191. <th>추천인</th>
  192. <td>없음</td>
  193. </tr>
  194. <tr>
  195. <th>옵션</th>
  196. <td colspan="3">썬루프, 네비게이션, 통풍시트</td>
  197. </tr>
  198. <tr>
  199. <th>필수사진</th>
  200. <td colspan="3">
  201. <ul class="photo_list">
  202. <li>
  203. <img src="/admin/img/@img_car.jpg">
  204. <span>차량전면</span>
  205. </li>
  206. <li>
  207. <img src="/admin/img/@img_car.jpg">
  208. <span>차량후면</span>
  209. </li>
  210. <li>
  211. <img src="/admin/img/@img_car.jpg">
  212. <span>운전석 측면</span>
  213. </li>
  214. <li>
  215. <img src="/admin/img/@img_car.jpg">
  216. <span>조수석 측면</span>
  217. </li>
  218. <li>
  219. <img src="/admin/img/@img_car.jpg">
  220. <span>계기판</span>
  221. </li>
  222. </ul>
  223. </td>
  224. </tr>
  225. <tr>
  226. <th>추가사진</th>
  227. <td colspan="3">
  228. <ul class="photo_list">
  229. <li><img src="/admin/img/@img_car.jpg"></li>
  230. <li><img src="/admin/img/@img_car.jpg"></li>
  231. </ul>
  232. </td>
  233. </tr>
  234. </table>
  235. </div>
  236. <div class="btn_right">
  237. <a href="#" class="rnd_btn ty2 black" onclick="closePopup('car_detail'); return false;">확인</a>
  238. </div>
  239. </div>
  240. <!-- // layer popup1 -->
  241. <!-- layer popup2 -->
  242. <div class="layer_popup history_popup">
  243. <h3>중고차 보험처리 이력정보 보고서</h3>
  244. <p class="close">레이어팝업닫기</p>
  245. <div class="scr_cont2">
  246. <h4>중고차 사고이력 요약 정보</h4>
  247. <table class="tbl_data">
  248. <colgroup>
  249. <col width="35%">
  250. <col width="*">
  251. </colgroup>
  252. <tr>
  253. <th>자동차 일반사양</th>
  254. <td>BMW420dxDriveGranCoupe</td>
  255. </tr>
  256. <tr>
  257. <th>자동차 용도이력</th>
  258. <td>없음</td>
  259. </tr>
  260. <tr>
  261. <th>자동차 번호 / 소유자 변경횟수</th>
  262. <td>0회 / 3회</td>
  263. </tr>
  264. <tr>
  265. <th>자동차보험 특수 사고이력(전손, 침수, 도난)</th>
  266. <td>전손 : 0, 도난 : 0, 침수(전손 : 0, 분손 : 0)</td>
  267. </tr>
  268. <tr>
  269. <th>보험사고이력(내차 피해)</th>
  270. <td>2회, 2,994,000원</td>
  271. </tr>
  272. <tr>
  273. <th>보험사고이력(타차 피해)</th>
  274. <td>BMW420dxDriveGranCoupe</td>
  275. </tr>
  276. </table>
  277. <p class="notice01">자동차보험 사고기록이 없었다고 해서 반드시 무사고라고 할 수는 없습니다.</p>
  278. <h5>1. 자동차 용도 이력정보</h5>
  279. <table class="tbl_data">
  280. <colgroup>
  281. <col width="35%">
  282. <col width="*">
  283. </colgroup>
  284. <tr>
  285. <th>대여용도 사용이력(렌터카)</th>
  286. <td>사용이력 없음</td>
  287. </tr>
  288. <tr>
  289. <th>영업용도 사용이력</th>
  290. <td>사용이력 없음</td>
  291. </tr>
  292. <tr>
  293. <th>관용용도 사용이력</th>
  294. <td>사용이력 없음</td>
  295. </tr>
  296. </table>
  297. <p class="notice02">과거 자동차번호 변경기록을 모두 검색하여 제공하는 것으로 대여용(렌트카), 영업용(택시 등)으로 사용된 적이 있는지 확인할 수 있습니다.</p>
  298. <h5>2. 자동차보험 특수 사고 이력 정보</h5>
  299. <table class="tbl_data">
  300. <colgroup>
  301. <col width="35%">
  302. <col width="*">
  303. </colgroup>
  304. <tr>
  305. <th>전손 보험사고</th>
  306. <td>이력없음</td>
  307. </tr>
  308. <tr>
  309. <th>침수 보험사고</th>
  310. <td>이력없음</td>
  311. </tr>
  312. <tr>
  313. <th>도난 보험사고</th>
  314. <td>이력없음</td>
  315. </tr>
  316. </table>
  317. <h5>3. 보험사고 이력정보 : 내차 피해</h5>
  318. <table class="tbl_data2">
  319. <colgroup>
  320. <col width="20%">
  321. <col width="20%">
  322. <col width="20%">
  323. <col width="20%">
  324. <col width="20%">
  325. </colgroup>
  326. <thead>
  327. <tr>
  328. <th>사고일자</th>
  329. <th>부품</th>
  330. <th>공임</th>
  331. <th>도장</th>
  332. <th>총 수리비용</th>
  333. </tr>
  334. </thead>
  335. <tbody>
  336. <tr>
  337. <th>2017-05-27</th>
  338. <td>857,610원</td>
  339. <td>857,610원</td>
  340. <td>857,610원</td>
  341. <td>857,610원</td>
  342. </tr>
  343. <tr>
  344. <th>2017-05-27</th>
  345. <td>857,610원</td>
  346. <td>857,610원</td>
  347. <td>857,610원</td>
  348. <td>857,610원</td>
  349. </tr>
  350. </tbody>
  351. </table>
  352. <h5>4. 보험사고 이력정보 : 타차 가해</h5>
  353. <table class="tbl_data2">
  354. <colgroup>
  355. <col width="20%">
  356. <col width="20%">
  357. <col width="20%">
  358. <col width="20%">
  359. <col width="20%">
  360. </colgroup>
  361. <thead>
  362. <tr>
  363. <th>사고일자</th>
  364. <th>부품</th>
  365. <th>공임</th>
  366. <th>도장</th>
  367. <th>총 수리비용</th>
  368. </tr>
  369. </thead>
  370. <tbody>
  371. <tr>
  372. <th>2017-05-27</th>
  373. <td>857,610원</td>
  374. <td>857,610원</td>
  375. <td>857,610원</td>
  376. <td>857,610원</td>
  377. </tr>
  378. <tr>
  379. <th>2017-05-27</th>
  380. <td>857,610원</td>
  381. <td>857,610원</td>
  382. <td>857,610원</td>
  383. <td>857,610원</td>
  384. </tr>
  385. </tbody>
  386. </table>
  387. <ul class="notice03">
  388. <li>중고차 사고 이력정보 서비스는 자동차 보험을 취급하는 14개 손해보험사의 자동차 보험수리비 지급기록(1996년 이후)에 근거하여 제공하고 있습니다.<br>
  389. 따라서 다음과 같은 경우에는 중고차 사고 이력정보 서비스를 제공할 수 없습니다.</li>
  390. <li>
  391. <ol>
  392. <li>사고가 있었다하더라도 보험회사에 사전신고를 하지 않고 자비로 처리한 경우,<br>
  393. 사고신고를 하였더라도 면책, 취소 등의 사유로 보험금이 지급되지 않은경우,<br>
  394. 사고신고 후 자비로 처리한 경우입니다.</li>
  395. <li>사고가 있었다하더라도 종합보험, 즉 자기차량담보나 대물배상담보의 자동차 보험에 가입하지 않아서 자동차 보험으로 수리비용을 청구하지 못한 경우<br>
  396. (단, 이경우라도 타인 자동차보험에서 보상받은 경우에는 사고정보 제공가능)</li>
  397. <li>자동차보험이 아니 운수공제(택시공제, 화물공제, 버스공제 등)에 가입되어 운수공제로부터 자동차의 피해에 대한 손해를 보상받은 경우 등</li>
  398. </ol>
  399. </li>
  400. <li>본 중고차 사고이력정보는 중고차 품질확인을 위한 보조정보이며 결정적인 판단 자료로 사용되어서는 아니됩니다. 따라서 정밀한 중고차 품질확인을<br>
  401. 원하시면 차량진단 전문업체의 진단을 받아보시기 바랍니다.</li>
  402. <li>※ 보험개발원(www.kidi.or.kr)은 보험입법 제 176조에 의하여 설립된 보험요율산출기관이며,<br>
  403. 중고차사고이력정보서비스(www.carhistory.or.kr)는 보험업법시행령 제86조 제1호 근거하여 제공합니다. </li>
  404. </ul>
  405. <p class="sign"><img src="/img/img_sign.gif"></p>
  406. </div>
  407. </div>
  408. <!-- // layer popup2 -->
  409. <!-- layer popup3 -->
  410. <div class="layer_popup car_popup">
  411. <div class="close">팝업닫기</div>
  412. <div class="cont">
  413. <div class="car_info">
  414. <p>
  415. <span class="fl">입찰견적 : 1200만원</span>
  416. <span class="fr">최종견적 : 1100만원</span>
  417. </p>
  418. <p class="msg_box">앞 풴다교환 1개-20만원, 앞범퍼 1판-7만원 20만원으로 최종조율, 다음주 수요일 인수예정</p>
  419. </div>
  420. <dl>
  421. <dt>검차사진</dt>
  422. <dd><img src="/admin/img/@img_car.jpg" alt=""></dd>
  423. <dd><img src="/admin/img/@img_car.jpg" alt=""></dd>
  424. <dd><img src="/admin/img/@img_car.jpg" alt=""></dd>
  425. <dd><img src="/admin/img/@img_car.jpg" alt=""></dd>
  426. <dd><img src="/admin/img/@img_car.jpg" alt=""></dd>
  427. </dl>
  428. </div>
  429. </div>
  430. <!-- // layer popup3 -->
  431. <!-- layer popup4 -->
  432. <div class="layer_popup car2_popup">
  433. <div class="close">팝업닫기</div>
  434. <div class="cont">
  435. <ul>
  436. <li>
  437. <span>상사이전등록증</span>
  438. <img src="/admin/img/@img_car.jpg" alt="">
  439. </li>
  440. <li>
  441. <span>성능지</span>
  442. <img src="/admin/img/@img_car.jpg" alt="">
  443. </li>
  444. <li>
  445. <span>거래 후기 사진</span>
  446. <img src="/admin/img/@img_car.jpg" alt="">
  447. </li>
  448. </ul>
  449. </div>
  450. </div>
  451. <!-- // layer popup4 -->
  452. <div class="btn_right ty2">
  453. <a href="#" class="rnd_btn ty2 gray">목록</a>
  454. </div>
  455. </section>
  456. </body>
  457. </html>