prepare_view.html 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303
  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 = 2
  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. <div class="tbl_wrap">
  24. <table class="tbl_list2 ty2">
  25. <colgroup>
  26. <col width="12%">
  27. <col width="38%">
  28. <col width="12%">
  29. <col width="38%">
  30. </colgroup>
  31. <tr>
  32. <th>이름</th>
  33. <td>홍길동</td>
  34. <th>회원</th>
  35. <td>비회원</td>
  36. </tr>
  37. <tr>
  38. <th>연락처</th>
  39. <td>010-1234-5678</td>
  40. <th>아이디</th>
  41. <td>jgfgjdjdlgkfjglk</td>
  42. </tr>
  43. <tr>
  44. <th>주소</th>
  45. <td>서울시 마포구 서교동</td>
  46. <th>판매지역</th>
  47. <td>서울</td>
  48. </tr>
  49. <tr>
  50. <th>차량번호</th>
  51. <td>28부5708</td>
  52. <th>제조사</th>
  53. <td>링컨</td>
  54. </tr>
  55. <tr>
  56. <th>모델</th>
  57. <td>MKX</td>
  58. <th>세부모델</th>
  59. <td>뉴MKX(10년~15년)</td>
  60. </tr>
  61. <tr>
  62. <th>등급</th>
  63. <td>3.7awd</td>
  64. <th>연식(최초등록일)</th>
  65. <td>2013년10월</td>
  66. </tr>
  67. <tr>
  68. <th>형식연도</th>
  69. <td>2013년</td>
  70. <th>배기량</th>
  71. <td>3700cc</td>
  72. </tr>
  73. <tr>
  74. <th>변속기</th>
  75. <td>오토</td>
  76. <th>연료</th>
  77. <td>가솔린</td>
  78. </tr>
  79. <tr>
  80. <th>색상</th>
  81. <td>검정</td>
  82. <th>주행거리</th>
  83. <td>78,012km</td>
  84. </tr>
  85. <tr>
  86. <th>사고유무</th>
  87. <td>
  88. <div class="radio_chk">
  89. <span class="check_wrap"><input type="radio" name="radiobutton" id="radio1"><i></i><label for="radio1">사고</label></span>
  90. <span class="check_wrap"><input type="radio" name="radiobutton" id="radio2"><i></i><label for="radio2">무사고</label></span>
  91. <span class="check_wrap"><input type="radio" name="radiobutton" id="radio3"><i></i><label for="radio3">모름</label></span>
  92. </div>
  93. </td>
  94. <th>추천인</th>
  95. <td>없음</td>
  96. </tr>
  97. <tr>
  98. <th>옵션</th>
  99. <td colspan="3">썬루프, 네비게이션, 통풍시트</td>
  100. </tr>
  101. <tr>
  102. <th>필수사진</th>
  103. <td colspan="3">
  104. <ul class="photo_list">
  105. <li>
  106. <img src="/admin/img/@img_car.jpg">
  107. <span>차량전면</span>
  108. </li>
  109. <li>
  110. <img src="/admin/img/@img_car.jpg">
  111. <span>차량후면</span>
  112. </li>
  113. <li>
  114. <img src="/admin/img/@img_car.jpg">
  115. <span>운전석 측면</span>
  116. </li>
  117. <li>
  118. <img src="/admin/img/@img_car.jpg">
  119. <span>조수석 측면</span>
  120. </li>
  121. <li>
  122. <img src="/admin/img/@img_car.jpg">
  123. <span>계기판</span>
  124. </li>
  125. </ul>
  126. </td>
  127. </tr>
  128. <tr>
  129. <th>추가사진</th>
  130. <td colspan="3">
  131. <ul class="photo_list">
  132. <li><img src="/admin/img/@img_car.jpg"></li>
  133. <li><img src="/admin/img/@img_car.jpg"></li>
  134. </ul>
  135. </td>
  136. </tr>
  137. </table>
  138. </div>
  139. <!-- layer popup -->
  140. <div class="layer_popup dealer_popup">
  141. <div class="close">팝업닫기</div>
  142. <div class="cont">
  143. <div class="dealer_pop_info">
  144. <div class="photo">
  145. <img src="/admin/img/@photo.jpg">
  146. <span><em>입찰담당자</em> 홍길동</span>
  147. </div>
  148. <dl>
  149. <dt>상호</dt>
  150. <dd>고진상사</dd>
  151. <dt>주소</dt>
  152. <dd>서울 성동구 성동</dd>
  153. <dt>연락처</dt>
  154. <dd>02-301-3432</dd>
  155. <dt>매입지역</dt>
  156. <dd>전체</dd>
  157. </dl>
  158. </div>
  159. </div>
  160. </div>
  161. <div class="area_title">
  162. <h3><em>▶</em> 입찰업체 리스트</h3>
  163. <span class="select">
  164. <select>
  165. <option value="">최근순</option>
  166. <option value="">입찰가격 높은순</option>
  167. <option value="">입찰가격 낮은순</option>
  168. </select>
  169. </span>
  170. </div>
  171. <div class="tbl_wrap">
  172. <table class="tbl_list ty2">
  173. <colgroup>
  174. <col width="7%">
  175. <col width="*">
  176. <col width="12%">
  177. <col width="10%">
  178. <col width="14%">
  179. <col width="10%">
  180. </colgroup>
  181. <thead>
  182. <tr>
  183. <th>번호</th>
  184. <th>입찰업체</th>
  185. <th>입찰금액</th>
  186. <th>담당자</th>
  187. <th>연락처</th>
  188. <th>입찰일</th>
  189. </tr>
  190. </thead>
  191. <tr>
  192. <td>10</td>
  193. <td>고진상사</td>
  194. <td>2500만원</td>
  195. <td><a href="#" class="link" onclick="viewPopup('dealer'); return false;">홍길동</a></td>
  196. <td>010-1234-5678</td>
  197. <td>2018.09.10</td>
  198. </tr>
  199. <tr>
  200. <td>9</td>
  201. <td>고진상사</td>
  202. <td>2500만원</td>
  203. <td><a href="#" class="link" onclick="viewPopup('dealer'); return false;">홍길동</a></td>
  204. <td>010-1234-5678</td>
  205. <td>2018.09.10</td>
  206. </tr>
  207. <tr>
  208. <td>8</td>
  209. <td>고진상사</td>
  210. <td>2500만원</td>
  211. <td><a href="#" class="link" onclick="viewPopup('dealer'); return false;">홍길동</a></td>
  212. <td>010-1234-5678</td>
  213. <td>2018.09.10</td>
  214. </tr>
  215. <tr>
  216. <td>7</td>
  217. <td>고진상사</td>
  218. <td>2500만원</td>
  219. <td><a href="#" class="link" onclick="viewPopup('dealer'); return false;">홍길동</a></td>
  220. <td>010-1234-5678</td>
  221. <td>2018.09.10</td>
  222. </tr>
  223. <tr>
  224. <td>6</td>
  225. <td>고진상사</td>
  226. <td>2500만원</td>
  227. <td><a href="#" class="link" onclick="viewPopup('dealer'); return false;">홍길동</a></td>
  228. <td>010-1234-5678</td>
  229. <td>2018.09.10</td>
  230. </tr>
  231. <tr>
  232. <td>5</td>
  233. <td>고진상사</td>
  234. <td>2500만원</td>
  235. <td><a href="#" class="link" onclick="viewPopup('dealer'); return false;">홍길동</a></td>
  236. <td>010-1234-5678</td>
  237. <td>2018.09.10</td>
  238. </tr>
  239. <tr>
  240. <td>4</td>
  241. <td>고진상사</td>
  242. <td>2500만원</td>
  243. <td><a href="#" class="link" onclick="viewPopup('dealer'); return false;">홍길동</a></td>
  244. <td>010-1234-5678</td>
  245. <td>2018.09.10</td>
  246. </tr>
  247. <tr>
  248. <td>3</td>
  249. <td>고진상사</td>
  250. <td>2500만원</td>
  251. <td><a href="#" class="link" onclick="viewPopup('dealer'); return false;">홍길동</a></td>
  252. <td>010-1234-5678</td>
  253. <td>2018.09.10</td>
  254. </tr>
  255. <tr>
  256. <td>2</td>
  257. <td>고진상사</td>
  258. <td>2500만원</td>
  259. <td><a href="#" class="link" onclick="viewPopup('dealer'); return false;">홍길동</a></td>
  260. <td>010-1234-5678</td>
  261. <td>2018.09.10</td>
  262. </tr>
  263. <tr>
  264. <td>1</td>
  265. <td>고진상사</td>
  266. <td>2500만원</td>
  267. <td><a href="#" class="link" onclick="viewPopup('dealer'); return false;">홍길동</a></td>
  268. <td>010-1234-5678</td>
  269. <td>2018.09.10</td>
  270. </tr>
  271. </table>
  272. </div>
  273. <div class="paging">
  274. <span>
  275. <a href="#" class="first">맨처음</a>
  276. <a href="#" class="prev">이전</a>
  277. </span>
  278. <strong>1</strong>
  279. <a href="#">2</a>
  280. <a href="#">3</a>
  281. <a href="#">4</a>
  282. <a href="#">5</a>
  283. <span>
  284. <a href="#" class="next">다음</a>
  285. <a href="#" class="last">맨마지막</a>
  286. </span>
  287. </div>
  288. <div class="btn_right ty2">
  289. <a href="#" class="rnd_btn ty2 gray">목록</a>
  290. <a href="#" class="rnd_btn ty2 black">저장</a>
  291. </div>
  292. </section>
  293. </body>
  294. </html>