tender_view.php 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316
  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>UPRO</title>
  7. <meta name="format-detection" content="telephone=no">
  8. <link rel="stylesheet" type="text/css" href="/css/common.css">
  9. <link rel="stylesheet" type="text/css" href="/css/sub.css">
  10. <script type="text/javascript" charset="utf-8" src="/js/jquery-1.11.2.min.js"></script>
  11. <script type="text/javascript" charset="utf-8" src="/js/jquery.jqtransform.js"></script>
  12. <script type="text/javascript" charset="utf-8" src="/js/ui.js"></script>
  13. </head>
  14. <body>
  15. <!-- s : header -->
  16. <? include("../include/inc_header.html"); ?>
  17. <!-- // e : header -->
  18. <section id="wrap">
  19. <section id="visual" class="visual_mypage">
  20. <h2>마이페이지</h2>
  21. <p>쉽고 간편한 내차팔기, 견적산출, 최종 매각까지 어떤 수수료도 요구하지 않습니다.</p>
  22. </section>
  23. <section id="content">
  24. <ul class="location">
  25. <li><a href="/" class="home">홈</a></li>
  26. <li><span class="depth1">마이페이지</span>
  27. <ul class="sub_depth">
  28. <li><a href="#">마이페이지</a></li>
  29. <li><a href="#">입찰정보</a></li>
  30. <li><a href="#">차량정보</a></li>
  31. <li><a href="#">문의내역</a></li>
  32. </ul>
  33. </li>
  34. <li><span class="depth2">입찰내역</span></li>
  35. </ul>
  36. <h3>차량기본정보</h3>
  37. <div class="car_model">
  38. <p class="fl">링컨MKX 3.7 awd</p>
  39. <p class="fr">입찰 마감 시간 : <em>96</em>시간</p>
  40. </div>
  41. <table class="tbl_h">
  42. <colgroup>
  43. <col width="16%">
  44. <col width="34%">
  45. <col width="16%">
  46. <col width="*">
  47. </colgroup>
  48. <tr>
  49. <th>차량번호</th>
  50. <td>28부5708</td>
  51. <th>세부모델</th>
  52. <td>뉴MKX(10년~15년)</td>
  53. </tr>
  54. <tr>
  55. <th>연식(최초등록일)</th>
  56. <td>2013년10월</td>
  57. <th>형식연도</th>
  58. <td>2013년</td>
  59. </tr>
  60. <tr>
  61. <th>배기량</th>
  62. <td>3700cc</td>
  63. <th>변속기</th>
  64. <td>오토</td>
  65. </tr>
  66. <tr>
  67. <th>연료</th>
  68. <td>가솔린</td>
  69. <th>색상</th>
  70. <td>검정</td>
  71. </tr>
  72. <tr>
  73. <th>주행거리</th>
  74. <td>78012km</td>
  75. <th>사고유무</th>
  76. <td>
  77. <span class="check_wrap"><input type="radio" name="radiobutton" id="acc1"><i></i><label for="acc1">사고</label></span>
  78. <span class="check_wrap"><input type="radio" name="radiobutton" id="acc2"><i></i><label for="acc2">무사고</label></span>
  79. <span class="check_wrap"><input type="radio" name="radiobutton" id="acc3"><i></i><label for="acc3">모름</label></span>
  80. </td>
  81. </tr>
  82. <tr>
  83. <th>추천인</th>
  84. <td>홍길동</td>
  85. <th>옵션</th>
  86. <td>썬루프, 네비게이션, 통풍시트</td>
  87. </tr>
  88. <tr>
  89. <th>필수사진</th>
  90. <td colspan="3">
  91. <ul class="photo_list">
  92. <li>
  93. <img src="/admin/img/@img_car.jpg">
  94. <span>차량전면</span>
  95. </li>
  96. <li>
  97. <img src="/admin/img/@img_car.jpg">
  98. <span>차량후면</span>
  99. </li>
  100. <li>
  101. <img src="/admin/img/@img_car.jpg">
  102. <span>운전석 측면</span>
  103. </li>
  104. <li>
  105. <img src="/admin/img/@img_car.jpg">
  106. <span>조수석 측면</span>
  107. </li>
  108. <li>
  109. <img src="/admin/img/@img_car.jpg">
  110. <span>계기판</span>
  111. </li>
  112. </ul>
  113. </td>
  114. </tr>
  115. <tr>
  116. <th>추가사진</th>
  117. <td colspan="3">
  118. <ul class="photo_list">
  119. <li>
  120. <img src="/admin/img/@img_car.jpg">
  121. </li>
  122. <li>
  123. <img src="/admin/img/@img_car.jpg">
  124. </li>
  125. </ul>
  126. </td>
  127. </tr>
  128. </table>
  129. <h3>입찰리스트</h3>
  130. <table class="tbl_v">
  131. <colgroup>
  132. <col width="7%">
  133. <col width="*">
  134. <col width="12%">
  135. <col width="13%">
  136. <col width="15%">
  137. <col width="15%">
  138. <col width="15%">
  139. </colgroup>
  140. <thead>
  141. <tr>
  142. <th>번호</th>
  143. <th>입찰업체</th>
  144. <th>입찰금액</th>
  145. <th>입찰일</th>
  146. <th>연락처</th>
  147. <th>업체정보</th>
  148. <th>상태</th>
  149. </tr>
  150. </thead>
  151. <tbody>
  152. <tr>
  153. <td>10</td>
  154. <td>고진상사</td>
  155. <td>2500만원</td>
  156. <td>2018.10.23</td>
  157. <td>010-8***-****</td>
  158. <td><a href="#" class="link" onclick="openLayer('review'); return false;">후기 보기</a></td>
  159. <td><a href="#" class="td_btn ty3" onclick="openLayer('tender'); return false;">낙찰하기</a></td>
  160. </tr>
  161. <tr>
  162. <td>9</td>
  163. <td>고진상사</td>
  164. <td>2500만원</td>
  165. <td>2018.10.23</td>
  166. <td>010-8***-****</td>
  167. <td><a href="#" class="link" onclick="openLayer('review'); return false;">후기 보기</a></td>
  168. <td><a href="#" class="td_btn ty3" onclick="openLayer('tender'); return false;">낙찰하기</a></td>
  169. </tr>
  170. <tr>
  171. <td>8</td>
  172. <td>고진상사</td>
  173. <td>2500만원</td>
  174. <td>2018.10.23</td>
  175. <td>010-8***-****</td>
  176. <td><a href="#" class="link" onclick="openLayer('review'); return false;">후기 보기</a></td>
  177. <td><a href="#" class="td_btn ty3" onclick="openLayer('tender'); return false;">낙찰하기</a></td>
  178. </tr>
  179. <tr>
  180. <td>7</td>
  181. <td>고진상사</td>
  182. <td>2500만원</td>
  183. <td>2018.10.23</td>
  184. <td>010-8***-****</td>
  185. <td><a href="#" class="link" onclick="openLayer('review'); return false;">후기 보기</a></td>
  186. <td><a href="#" class="td_btn ty3" onclick="openLayer('tender'); return false;">낙찰하기</a></td>
  187. </tr>
  188. <tr>
  189. <td>6</td>
  190. <td>고진상사</td>
  191. <td>2500만원</td>
  192. <td>2018.10.23</td>
  193. <td>010-8***-****</td>
  194. <td><a href="#" class="link" onclick="openLayer('review'); return false;">후기 보기</a></td>
  195. <td><a href="#" class="td_btn ty3" onclick="openLayer('tender'); return false;">낙찰하기</a></td>
  196. </tr>
  197. <tr>
  198. <td>5</td>
  199. <td>고진상사</td>
  200. <td>2500만원</td>
  201. <td>2018.10.23</td>
  202. <td>010-8***-****</td>
  203. <td><a href="#" class="link" onclick="openLayer('review'); return false;">후기 보기</a></td>
  204. <td><a href="#" class="td_btn ty3" onclick="openLayer('tender'); return false;">낙찰하기</a></td>
  205. </tr>
  206. <tr>
  207. <td>4</td>
  208. <td>고진상사</td>
  209. <td>2500만원</td>
  210. <td>2018.10.23</td>
  211. <td>010-8***-****</td>
  212. <td><a href="#" class="link" onclick="openLayer('review'); return false;">후기 보기</a></td>
  213. <td><a href="#" class="td_btn ty3" onclick="openLayer('tender'); return false;">낙찰하기</a></td>
  214. </tr>
  215. <tr>
  216. <td>3</td>
  217. <td>고진상사</td>
  218. <td>2500만원</td>
  219. <td>2018.10.23</td>
  220. <td>010-8***-****</td>
  221. <td><a href="#" class="link" onclick="openLayer('review'); return false;">후기 보기</a></td>
  222. <td><a href="#" class="td_btn ty3" onclick="openLayer('tender'); return false;">낙찰하기</a></td>
  223. </tr>
  224. <tr>
  225. <td>2</td>
  226. <td>고진상사</td>
  227. <td>2500만원</td>
  228. <td>2018.10.23</td>
  229. <td>010-8***-****</td>
  230. <td><a href="#" class="link" onclick="openLayer('review'); return false;">후기 보기</a></td>
  231. <td><a href="#" class="td_btn ty3" onclick="openLayer('tender'); return false;">낙찰하기</a></td>
  232. </tr>
  233. <tr>
  234. <td>1</td>
  235. <td>고진상사</td>
  236. <td>2500만원</td>
  237. <td>2018.10.23</td>
  238. <td>010-8***-****</td>
  239. <td><a href="#" class="link" onclick="openLayer('review'); return false;">후기 보기</a></td>
  240. <td><a href="#" class="td_btn ty3" onclick="openLayer('tender'); return false;">낙찰하기</a></td>
  241. </tr>
  242. </tbody>
  243. </table>
  244. <div class="paging">
  245. <span>
  246. <a href="#" class="first">맨처음</a>
  247. <a href="#" class="prev">이전</a>
  248. </span>
  249. <strong>1</strong>
  250. <a href="#">2</a>
  251. <a href="#">3</a>
  252. <a href="#">4</a>
  253. <a href="#">5</a>
  254. <span>
  255. <a href="#" class="next">다음</a>
  256. <a href="#" class="last">맨마지막</a>
  257. </span>
  258. </div>
  259. <div class="btn_right">
  260. <a href="#" class="button">재등록하기</a>
  261. </div>
  262. <!-- layer popup -->
  263. <div class="layer_popup tender_popup">
  264. <div class="popup_wrap">
  265. <p class="msg"><em>고진상사</em>에게 낙찰정보를 보내시겠습니까?</p>
  266. <div class="btn_center">
  267. <a href="#" class="button">확인</a>
  268. <a href="#" class="button gray" onclick="closeLayer('tender'); return false;">취소</a>
  269. </div>
  270. </div>
  271. </div>
  272. <!-- // layer popup -->
  273. <!-- layer popup2 -->
  274. <div class="layer_popup review_popup">
  275. <div class="popup_wrap">
  276. <dl class="business_info">
  277. <dt>고진상사 <span></span></dt>
  278. <dd class="thumb"></dd>
  279. <dd>약속드립니다.<br>정직하게 일하겠습니다.</dd>
  280. <dd class="estimation"><span>입찰성공률</span> <em>98%</em> <span>고객만족도</span> <em>95점</em></dd>
  281. </dl>
  282. <dl class="review">
  283. <dt><em>스파크</em> 판매고객</dt>
  284. <dd>
  285. <img src="/img/mypage/@photo_review.jpg"><br><br>
  286. 입찰가 그대로 판매하였습니다.<br>
  287. 입찰가 그대로 판매하였습니다. 입찰가 그대로 판매하였습니다.<br>
  288. 정말 좋아요!<br>
  289. 정말 좋아요!<br>
  290. 정말 좋아요!<br>
  291. 정말 좋아요!
  292. </dd>
  293. </dl>
  294. </div>
  295. <div class="close">레이어팝업 닫기</div>
  296. </div>
  297. <!-- // layer popup2 -->
  298. </section>
  299. </section>
  300. <!-- s : footer -->
  301. <? include("../include/inc_footer.html"); ?>
  302. <!-- // e : footer -->
  303. </body>
  304. </html>