bookStructure.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. <!DOCTYPE html>
  2. <html lang="zh-cmn-Hans">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>故障信息管理系统-系统功能管理</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8">
  9. <link rel="stylesheet" href="./lib/layui/css/layui.css">
  10. <link rel="stylesheet" href="./css/font.css">
  11. <link rel="stylesheet" href="./css/xadmin.css">
  12. <script src="./lib/jquery.min.js"></script>
  13. <script src="./lib/layui/layui.js" charset="utf-8"></script>
  14. <script src="./js/xadmin.js"></script>
  15. <script src="../other/js/functions.js"></script>
  16. <script src="./js/bookStructure.js"></script>
  17. <style>
  18. .search {
  19. display: inline-block;
  20. margin-left: 20px;
  21. }
  22. #realName {
  23. display: inline-block;
  24. }
  25. .layui-border-box {
  26. height: 428px!important;
  27. }
  28. .layui-table-body {
  29. height: 380px!important;
  30. }
  31. #pagination {
  32. margin-top: 45px;
  33. }
  34. .layui-table img {
  35. min-width: 54px;
  36. height: 38px;
  37. line-height: 38px;
  38. }
  39. </style>
  40. </head>
  41. <body class="layui-anim layui-anim-up">
  42. <div class="x-body">
  43. <form class="layui-form">
  44. <!-- <button id="tolead" class="layui-btn layui-btn-sm " style="padding-left: 10px;padding-right: 10px;">
  45. <i class="layui-icon">&#xe67c;</i>导入</button> -->
  46. <a class="layui-btn layui-btn-sm" style="padding-left: 10px" href="javascript:location.replace(location.href);" title="刷新">
  47. <i class="layui-icon" style="line-height:30px">&#xe669;</i>刷新</a>
  48. <!-- 多条件查询 -->
  49. <div class="search">
  50. <div class="layui-input-inline">
  51. <select name="find" id="find" lay-search="find" lay-verify="required"></select>
  52. </div>
  53. </div>
  54. <div class="search">
  55. <input id="realName" type="text" name="name" placeholder="请输入名称" autocomplete="off" class="layui-input" style="width: 200px;display: inline-block;">
  56. <button id="searchArticle" style="height: 36px;" class="layui-btn layui-btn-sm" lay-submit="" lay-filter="search">
  57. <i class="layui-icon">&#xe615;</i>
  58. </button>
  59. </div>
  60. </form>
  61. <table id="outLineList" class="layui-table" lay-filter="outLineList" lay-data="{id:'outLineList'}">
  62. </table>
  63. <div id="pagination"></div>
  64. <script type="text/html" id="operationToolbar">
  65. <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
  66. </script>
  67. </div>
  68. <script type="text/html" id="xuhao">
  69. {{d.LAY_TABLE_INDEX+1}}
  70. </script>
  71. <script>
  72. let arr = [{
  73. id: 0,
  74. name: "全部查询"
  75. }, {
  76. id: 1,
  77. name: "教材名称"
  78. }, {
  79. id: 2,
  80. name: "作者"
  81. },
  82. ];
  83. function getfind() {
  84. for (var i = 0; i < arr.length; i++) {
  85. $("#find").append(
  86. $("<option>", {
  87. value: arr[i].id,
  88. text: arr[i].name
  89. })
  90. );
  91. console.log(arr[i].name)
  92. }
  93. };
  94. getfind()
  95. </script>
  96. </body>
  97. </html>