列表页面.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>列表页面</title>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  7. <meta name="apple-mobile-web-app-capable" content="yes"/>
  8. <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
  9. <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
  10. <link href="data/styles.css" type="text/css" rel="stylesheet"/>
  11. <link href="files/列表页面/styles.css" type="text/css" rel="stylesheet"/>
  12. <script src="resources/scripts/jquery-1.7.1.min.js"></script>
  13. <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
  14. <script src="resources/scripts/prototypePre.js"></script>
  15. <script src="data/document.js"></script>
  16. <script src="resources/scripts/prototypePost.js"></script>
  17. <script src="files/列表页面/data.js"></script>
  18. <script type="text/javascript">
  19. $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
  20. $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
  21. $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
  22. </script>
  23. </head>
  24. <body>
  25. <div id="base" class="">
  26. <!-- Unnamed (矩形) -->
  27. <div id="u0" class="ax_default box_1">
  28. <div id="u0_div" class=""></div>
  29. <!-- Unnamed () -->
  30. <div id="u1" class="text" style="display:none; visibility: hidden">
  31. <p><span></span></p>
  32. </div>
  33. </div>
  34. <!-- Unnamed (组合) -->
  35. <div id="u2" class="ax_default" data-left="0" data-top="-1" data-width="1000" data-height="40">
  36. <!-- Unnamed (矩形) -->
  37. <div id="u3" class="ax_default box_1">
  38. <div id="u3_div" class=""></div>
  39. <!-- Unnamed () -->
  40. <div id="u4" class="text" style="display:none; visibility: hidden">
  41. <p><span></span></p>
  42. </div>
  43. </div>
  44. <!-- Unnamed (形状) -->
  45. <div id="u5" class="ax_default icon">
  46. <img id="u5_img" class="img " src="images/列表页面/u5.png"/>
  47. <!-- Unnamed () -->
  48. <div id="u6" class="text" style="display:none; visibility: hidden">
  49. <p><span></span></p>
  50. </div>
  51. </div>
  52. <!-- Unnamed (矩形) -->
  53. <div id="u7" class="ax_default label">
  54. <div id="u7_div" class=""></div>
  55. <!-- Unnamed () -->
  56. <div id="u8" class="text">
  57. <p><span>条件查询</span></p>
  58. </div>
  59. </div>
  60. </div>
  61. <!-- Unnamed (组合) -->
  62. <div id="u9" class="ax_default" data-left="0" data-top="131" data-width="1000" data-height="40">
  63. <!-- Unnamed (矩形) -->
  64. <div id="u10" class="ax_default box_1">
  65. <div id="u10_div" class=""></div>
  66. <!-- Unnamed () -->
  67. <div id="u11" class="text" style="display:none; visibility: hidden">
  68. <p><span></span></p>
  69. </div>
  70. </div>
  71. <!-- Unnamed (形状) -->
  72. <div id="u12" class="ax_default icon">
  73. <img id="u12_img" class="img " src="images/列表页面/u12.png"/>
  74. <!-- Unnamed () -->
  75. <div id="u13" class="text" style="display:none; visibility: hidden">
  76. <p><span></span></p>
  77. </div>
  78. </div>
  79. <!-- Unnamed (矩形) -->
  80. <div id="u14" class="ax_default label">
  81. <div id="u14_div" class=""></div>
  82. <!-- Unnamed () -->
  83. <div id="u15" class="text">
  84. <p><span>查询结果</span></p>
  85. </div>
  86. </div>
  87. </div>
  88. <!-- .btn-primary (矩形) -->
  89. <div id="u16" class="ax_default _btn-primary" data-label=".btn-primary">
  90. <div id="u16_div" class=""></div>
  91. <!-- Unnamed () -->
  92. <div id="u17" class="text">
  93. <p><span>查询</span></p>
  94. </div>
  95. </div>
  96. <!-- Unnamed (表格) -->
  97. <div id="u18" class="ax_default">
  98. <!-- Unnamed (单元格) -->
  99. <div id="u19" class="ax_default table_cell">
  100. <img id="u19_img" class="img " src="images/列表页面/u19.png"/>
  101. <!-- Unnamed () -->
  102. <div id="u20" class="text">
  103. <p><span>序号</span></p>
  104. </div>
  105. </div>
  106. <!-- Unnamed (单元格) -->
  107. <div id="u21" class="ax_default table_cell">
  108. <img id="u21_img" class="img " src="images/列表页面/u21.png"/>
  109. <!-- Unnamed () -->
  110. <div id="u22" class="text">
  111. <p><span>编号</span></p>
  112. </div>
  113. </div>
  114. <!-- Unnamed (单元格) -->
  115. <div id="u23" class="ax_default table_cell">
  116. <img id="u23_img" class="img " src="images/列表页面/u23.png"/>
  117. <!-- Unnamed () -->
  118. <div id="u24" class="text">
  119. <p><span>名称</span></p>
  120. </div>
  121. </div>
  122. <!-- Unnamed (单元格) -->
  123. <div id="u25" class="ax_default table_cell">
  124. <img id="u25_img" class="img " src="images/列表页面/u25.png"/>
  125. <!-- Unnamed () -->
  126. <div id="u26" class="text">
  127. <p><span>必修/选修</span></p>
  128. </div>
  129. </div>
  130. <!-- Unnamed (单元格) -->
  131. <div id="u27" class="ax_default table_cell">
  132. <img id="u27_img" class="img " src="images/列表页面/u27.png"/>
  133. <!-- Unnamed () -->
  134. <div id="u28" class="text">
  135. <p><span>生效/失效</span></p>
  136. </div>
  137. </div>
  138. <!-- Unnamed (单元格) -->
  139. <div id="u29" class="ax_default table_cell">
  140. <img id="u29_img" class="img " src="images/列表页面/u29.png"/>
  141. <!-- Unnamed () -->
  142. <div id="u30" class="text">
  143. <p><span>开始时间</span></p>
  144. </div>
  145. </div>
  146. <!-- Unnamed (单元格) -->
  147. <div id="u31" class="ax_default table_cell">
  148. <img id="u31_img" class="img " src="images/列表页面/u31.png"/>
  149. <!-- Unnamed () -->
  150. <div id="u32" class="text">
  151. <p><span>结束时间</span></p>
  152. </div>
  153. </div>
  154. <!-- Unnamed (单元格) -->
  155. <div id="u33" class="ax_default table_cell">
  156. <img id="u33_img" class="img " src="images/列表页面/u33.png"/>
  157. <!-- Unnamed () -->
  158. <div id="u34" class="text">
  159. <p><span>操作</span></p>
  160. </div>
  161. </div>
  162. <!-- Unnamed (单元格) -->
  163. <div id="u35" class="ax_default table_cell">
  164. <img id="u35_img" class="img " src="images/列表页面/u35.png"/>
  165. <!-- Unnamed () -->
  166. <div id="u36" class="text">
  167. <p><span>1</span></p>
  168. </div>
  169. </div>
  170. <!-- Unnamed (单元格) -->
  171. <div id="u37" class="ax_default table_cell">
  172. <img id="u37_img" class="img " src="images/列表页面/u37.png"/>
  173. <!-- Unnamed () -->
  174. <div id="u38" class="text">
  175. <p><span>G1K001</span></p>
  176. </div>
  177. </div>
  178. <!-- Unnamed (单元格) -->
  179. <div id="u39" class="ax_default table_cell">
  180. <img id="u39_img" class="img " src="images/列表页面/u39.png"/>
  181. <!-- Unnamed () -->
  182. <div id="u40" class="text">
  183. <p><span>高一语文上册</span></p>
  184. </div>
  185. </div>
  186. <!-- Unnamed (单元格) -->
  187. <div id="u41" class="ax_default table_cell">
  188. <img id="u41_img" class="img " src="images/列表页面/u41.png"/>
  189. <!-- Unnamed () -->
  190. <div id="u42" class="text">
  191. <p><span>必修</span></p>
  192. </div>
  193. </div>
  194. <!-- Unnamed (单元格) -->
  195. <div id="u43" class="ax_default table_cell">
  196. <img id="u43_img" class="img " src="images/列表页面/u43.png"/>
  197. <!-- Unnamed () -->
  198. <div id="u44" class="text">
  199. <p><span>生效</span></p>
  200. </div>
  201. </div>
  202. <!-- Unnamed (单元格) -->
  203. <div id="u45" class="ax_default table_cell">
  204. <img id="u45_img" class="img " src="images/列表页面/u45.png"/>
  205. <!-- Unnamed () -->
  206. <div id="u46" class="text">
  207. <p><span>2017-09-01</span></p>
  208. </div>
  209. </div>
  210. <!-- Unnamed (单元格) -->
  211. <div id="u47" class="ax_default table_cell">
  212. <img id="u47_img" class="img " src="images/列表页面/u47.png"/>
  213. <!-- Unnamed () -->
  214. <div id="u48" class="text">
  215. <p><span>2018-02-01</span></p>
  216. </div>
  217. </div>
  218. <!-- Unnamed (单元格) -->
  219. <div id="u49" class="ax_default table_cell">
  220. <img id="u49_img" class="img " src="images/列表页面/u49.png"/>
  221. <!-- Unnamed () -->
  222. <div id="u50" class="text" style="display:none; visibility: hidden">
  223. <p><span></span></p>
  224. </div>
  225. </div>
  226. <!-- Unnamed (单元格) -->
  227. <div id="u51" class="ax_default table_cell">
  228. <img id="u51_img" class="img " src="images/列表页面/u51.png"/>
  229. <!-- Unnamed () -->
  230. <div id="u52" class="text">
  231. <p><span>2</span></p>
  232. </div>
  233. </div>
  234. <!-- Unnamed (单元格) -->
  235. <div id="u53" class="ax_default table_cell">
  236. <img id="u53_img" class="img " src="images/列表页面/u53.png"/>
  237. <!-- Unnamed () -->
  238. <div id="u54" class="text">
  239. <p><span>G1K002</span></p>
  240. </div>
  241. </div>
  242. <!-- Unnamed (单元格) -->
  243. <div id="u55" class="ax_default table_cell">
  244. <img id="u55_img" class="img " src="images/列表页面/u55.png"/>
  245. <!-- Unnamed () -->
  246. <div id="u56" class="text">
  247. <p><span>高一数学上册</span></p>
  248. </div>
  249. </div>
  250. <!-- Unnamed (单元格) -->
  251. <div id="u57" class="ax_default table_cell">
  252. <img id="u57_img" class="img " src="images/列表页面/u57.png"/>
  253. <!-- Unnamed () -->
  254. <div id="u58" class="text">
  255. <p><span>必修</span></p>
  256. </div>
  257. </div>
  258. <!-- Unnamed (单元格) -->
  259. <div id="u59" class="ax_default table_cell">
  260. <img id="u59_img" class="img " src="images/列表页面/u59.png"/>
  261. <!-- Unnamed () -->
  262. <div id="u60" class="text">
  263. <p><span>生效</span></p>
  264. </div>
  265. </div>
  266. <!-- Unnamed (单元格) -->
  267. <div id="u61" class="ax_default table_cell">
  268. <img id="u61_img" class="img " src="images/列表页面/u61.png"/>
  269. <!-- Unnamed () -->
  270. <div id="u62" class="text">
  271. <p><span>2017-09-01</span></p>
  272. </div>
  273. </div>
  274. <!-- Unnamed (单元格) -->
  275. <div id="u63" class="ax_default table_cell">
  276. <img id="u63_img" class="img " src="images/列表页面/u63.png"/>
  277. <!-- Unnamed () -->
  278. <div id="u64" class="text">
  279. <p><span>2018-02-01</span></p>
  280. </div>
  281. </div>
  282. <!-- Unnamed (单元格) -->
  283. <div id="u65" class="ax_default table_cell">
  284. <img id="u65_img" class="img " src="images/列表页面/u65.png"/>
  285. <!-- Unnamed () -->
  286. <div id="u66" class="text" style="display:none; visibility: hidden">
  287. <p><span></span></p>
  288. </div>
  289. </div>
  290. </div>
  291. <!-- Unnamed (菜单) -->
  292. <div id="u67" class="ax_default">
  293. <img id="u67_menu" class="img " src="images/列表页面/u67_menu.png" alt="u67_menu"/>
  294. <!-- Unnamed (表格) -->
  295. <div id="u68" class="ax_default _表格">
  296. <!-- Unnamed (Menu Item) -->
  297. <div id="u69" class="ax_default _pagination">
  298. <img id="u69_img" class="img " src="images/列表页面/u69.png"/>
  299. <!-- Unnamed () -->
  300. <div id="u70" class="text">
  301. <p><span>«</span></p>
  302. </div>
  303. </div>
  304. <!-- Unnamed (Menu Item) -->
  305. <div id="u71" class="ax_default _pagination">
  306. <img id="u71_img" class="img " src="images/列表页面/u69.png"/>
  307. <!-- Unnamed () -->
  308. <div id="u72" class="text">
  309. <p><span>1</span></p>
  310. </div>
  311. </div>
  312. <!-- Unnamed (Menu Item) -->
  313. <div id="u73" class="ax_default _pagination">
  314. <img id="u73_img" class="img " src="images/列表页面/u69.png"/>
  315. <!-- Unnamed () -->
  316. <div id="u74" class="text">
  317. <p><span>2</span></p>
  318. </div>
  319. </div>
  320. <!-- Unnamed (Menu Item) -->
  321. <div id="u75" class="ax_default _pagination">
  322. <img id="u75_img" class="img " src="images/列表页面/u69.png"/>
  323. <!-- Unnamed () -->
  324. <div id="u76" class="text">
  325. <p><span>3</span></p>
  326. </div>
  327. </div>
  328. <!-- Unnamed (Menu Item) -->
  329. <div id="u77" class="ax_default _pagination">
  330. <img id="u77_img" class="img " src="images/列表页面/u77.png"/>
  331. <!-- Unnamed () -->
  332. <div id="u78" class="text">
  333. <p><span>»</span></p>
  334. </div>
  335. </div>
  336. </div>
  337. </div>
  338. <!-- Unnamed (组合) -->
  339. <div id="u79" class="ax_default" data-left="792" data-top="222" data-width="198" data-height="28">
  340. <!-- 删除按钮 (矩形) -->
  341. <div id="u80" class="ax_default _btn-danger" data-label="删除按钮">
  342. <div id="u80_div" class=""></div>
  343. <!-- Unnamed () -->
  344. <div id="u81" class="text">
  345. <p><span>删除</span></p>
  346. </div>
  347. </div>
  348. <!-- .btn-primary .btn-sm (矩形) -->
  349. <div id="u82" class="ax_default _btn-primary" data-label=".btn-primary .btn-sm">
  350. <div id="u82_div" class=""></div>
  351. <!-- Unnamed () -->
  352. <div id="u83" class="text">
  353. <p><span>编辑</span></p>
  354. </div>
  355. </div>
  356. <!-- .btn-primary .btn-sm (矩形) -->
  357. <div id="u84" class="ax_default _btn-primary" data-label=".btn-primary .btn-sm">
  358. <div id="u84_div" class=""></div>
  359. <!-- Unnamed () -->
  360. <div id="u85" class="text">
  361. <p><span>详情</span></p>
  362. </div>
  363. </div>
  364. </div>
  365. <!-- Unnamed (组合) -->
  366. <div id="u86" class="ax_default" data-left="27" data-top="56" data-width="275" data-height="38">
  367. <!-- Unnamed (组合) -->
  368. <div id="u87" class="ax_default" data-left="27" data-top="56" data-width="275" data-height="38">
  369. <!-- Unnamed (下拉列表框) -->
  370. <div id="u88" class="ax_default droplist">
  371. <select id="u88_input">
  372. <option value="请选择">请选择</option>
  373. <option value="必修">必修</option>
  374. <option value="选修">选修</option>
  375. </select>
  376. </div>
  377. <!-- Unnamed (组合) -->
  378. <div id="u89" class="ax_default" data-left="27" data-top="56" data-width="97" data-height="38">
  379. <!-- Unnamed (组合) -->
  380. <div id="u90" class="ax_default" data-left="27" data-top="56" data-width="97" data-height="38">
  381. <!-- 姓名 (矩形) -->
  382. <div id="u91" class="ax_default label1" data-label="姓名">
  383. <div id="u91_div" class=""></div>
  384. <!-- Unnamed () -->
  385. <div id="u92" class="text">
  386. <p><span>必修/选修:</span></p>
  387. </div>
  388. </div>
  389. </div>
  390. </div>
  391. </div>
  392. </div>
  393. <!-- Unnamed (组合) -->
  394. <div id="u93" class="ax_default" data-left="318" data-top="56" data-width="257" data-height="38">
  395. <!-- Unnamed (组合) -->
  396. <div id="u94" class="ax_default" data-left="318" data-top="56" data-width="257" data-height="38">
  397. <!-- 姓名 (矩形) -->
  398. <div id="u95" class="ax_default label1" data-label="姓名">
  399. <div id="u95_div" class=""></div>
  400. <!-- Unnamed () -->
  401. <div id="u96" class="text">
  402. <p><span>名称:</span></p>
  403. </div>
  404. </div>
  405. <!-- Unnamed (文本框) -->
  406. <div id="u97" class="ax_default text_field">
  407. <input id="u97_input" type="text" value=""/>
  408. </div>
  409. </div>
  410. </div>
  411. <!-- .btn-primary (矩形) -->
  412. <div id="u98" class="ax_default _btn-primary" data-label=".btn-primary">
  413. <div id="u98_div" class=""></div>
  414. <!-- Unnamed () -->
  415. <div id="u99" class="text">
  416. <p><span>清空</span></p>
  417. </div>
  418. </div>
  419. <!-- .btn-primary (矩形) -->
  420. <div id="u100" class="ax_default _btn-primary" data-label=".btn-primary">
  421. <div id="u100_div" class=""></div>
  422. <!-- Unnamed () -->
  423. <div id="u101" class="text">
  424. <p><span>导入</span></p>
  425. </div>
  426. </div>
  427. <!-- .btn-primary (矩形) -->
  428. <div id="u102" class="ax_default _btn-primary" data-label=".btn-primary">
  429. <div id="u102_div" class=""></div>
  430. <!-- Unnamed () -->
  431. <div id="u103" class="text">
  432. <p><span>导出</span></p>
  433. </div>
  434. </div>
  435. <!-- Unnamed (组合) -->
  436. <div id="u104" class="ax_default" data-left="792" data-top="272" data-width="198" data-height="28">
  437. <!-- 删除按钮 (矩形) -->
  438. <div id="u105" class="ax_default _btn-danger" data-label="删除按钮">
  439. <div id="u105_div" class=""></div>
  440. <!-- Unnamed () -->
  441. <div id="u106" class="text">
  442. <p><span>删除</span></p>
  443. </div>
  444. </div>
  445. <!-- .btn-primary .btn-sm (矩形) -->
  446. <div id="u107" class="ax_default _btn-primary" data-label=".btn-primary .btn-sm">
  447. <div id="u107_div" class=""></div>
  448. <!-- Unnamed () -->
  449. <div id="u108" class="text">
  450. <p><span>编辑</span></p>
  451. </div>
  452. </div>
  453. <!-- .btn-primary .btn-sm (矩形) -->
  454. <div id="u109" class="ax_default _btn-primary" data-label=".btn-primary .btn-sm">
  455. <div id="u109_div" class=""></div>
  456. <!-- Unnamed () -->
  457. <div id="u110" class="text">
  458. <p><span>详情</span></p>
  459. </div>
  460. </div>
  461. </div>
  462. </div>
  463. </body>
  464. </html>