attribute.html 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="viewport"
  8. content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  9. <meta http-equiv="Cache-Control" content="no-siteapp">
  10. <title>属性管理</title>
  11. <!--css-->
  12. <link rel="stylesheet" href="css/ui/H-ui.admin.css">
  13. <link rel="stylesheet" href="css/ui/H-ui.min.css">
  14. <link rel="stylesheet" href="layer/2.4/skin/layer.css">
  15. <!--页面css-->
  16. <link rel="stylesheet" href="css/attribute.css">
  17. <!--js-->
  18. <script src="../js/jquery-2.2.3.min.js"></script>
  19. <script src="js/ui/H-ui.min.js"></script>
  20. <script src="layer/2.4/layer.js"></script>
  21. <!--页面js-->
  22. <script src="js/attribute.js"></script>
  23. </head>
  24. <body>
  25. <aside class="Hui-aside">
  26. <ul>
  27. <li href="index.html">订单信息</li>
  28. <li>
  29. <a href="product.html">所有产品</a>
  30. </li>
  31. <li class="active">
  32. <a>属性管理</a>
  33. </li>
  34. <li>
  35. <a href="countdown.html">倒计时即将产品</a>
  36. </li>
  37. </ul>
  38. </aside>
  39. <div class="page-container">
  40. <a class="btn btn-primary radius td-button" style="margin-bottom: 20px;" onclick="showAddWarp()">添加属性</a>
  41. <div id="loading"
  42. style="position: fixed;top: 50%;left: 50%;margin-left: -64px;margin-top: -64px;z-index:999999999999999999999">
  43. <img src='../images/loading.gif'/>
  44. </div>
  45. <table class="table table-border table-bordered table-bg">
  46. <thead>
  47. <tr>
  48. <th colspan="4" scope="col">商品属性</th>
  49. </tr>
  50. <tr class="text-c">
  51. <th>属性Id</th>
  52. <th>属性名称</th>
  53. <th>属性加入时间</th>
  54. <th>操作</th>
  55. </tr>
  56. </thead>
  57. <tbody id="warp" style="display: table-row-group;">
  58. </tbody>
  59. </table>
  60. </div>
  61. <div id="modal-demo" class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
  62. aria-hidden="false" style="display: none;">
  63. <div class="modal-backdrop fade in"></div>
  64. <div class="modal-backdrop fade in"></div>
  65. <div class="modal-dialog">
  66. <div class="modal-content radius">
  67. <div class="modal-header">
  68. <h3 id="myModalLabel">设置属性名</h3>
  69. <a class="close" data-dismiss="modal" aria-hidden="true" href="javascript:void();">×</a>
  70. </div>
  71. <div class="modal-body">
  72. <div>
  73. <span>输入属性名称:</span>
  74. <input type="text" placeholder="请输入属性名称" class="attribute_input" id="AttributeName"/>
  75. </div>
  76. </div>
  77. <div class="modal-footer">
  78. <button class="btn btn-primary" onclick="setAttribute(true)" id="addAttribute">确定</button>
  79. <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. </body>
  85. </html>