electric_list.html 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE HTML>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  4. layout:decorate="~{admin/common/common}">
  5. <head>
  6. <title>内容列表</title>
  7. <style>
  8. .textColor{background-color: transparent;color: #333;font-size:12px;font-weight: initial}
  9. </style>
  10. </head>
  11. <body layout:fragment="content">
  12. <nav class="breadcrumb">
  13. <i class="Hui-iconfont">&#xe67f;</i>
  14. 首页
  15. <span class="c-gray en">&gt;</span>基础设施
  16. <span class="c-gray en">&gt;</span>电表信息
  17. <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"
  18. href="javascript:location.replace(location.href);" title="刷新">
  19. <i class="Hui-iconfont">&#xe68f;</i>
  20. </a>
  21. </nav>
  22. <form id="myForm" th:action="@{/build/electric/list}" th:method="get">
  23. <div class="page-container">
  24. <div class="text-c">
  25. <input type="text" class="input-text" style="width:250px" placeholder="请输入电表名,客户名" name="keyword"
  26. th:value="${keyword}"/>
  27. <button type="submit" class="btn btn-primary">
  28. 搜索
  29. </button>
  30. </div>
  31. <div class="cl pd-5 bg-1 bk-gray mt-20">
  32. <span class="l">
  33. <a th:onclick="'javascript:dialog(\'新增\',\'/build/electric/add\');'"
  34. class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 新增</a>
  35. </span>
  36. <span class="r">共有数据:<strong th:text="${pageInfo.total}" id="total">54</strong> 条</span>
  37. </div>
  38. <table class="table table-border table-bordered table-bg table-hover">
  39. <thead>
  40. <tr class="text-c">
  41. <th>序号</th>
  42. <th>电表名</th>
  43. <th>性质</th>
  44. <th>倍率</th>
  45. <th>备注</th>
  46. <th>历史使用情况</th>
  47. <th>当前使用住户</th>
  48. <th width="100">操作</th>
  49. </tr>
  50. </thead>
  51. <tbody>
  52. <tr class="text-c" th:each="model,iterStat:${pageInfo.list}" th:object="${model}">
  53. <td th:text="${iterStat.index+1}"></td>
  54. <td th:text="*{name}"></td>
  55. <td><span th:if="*{is_peak}">峰平谷值电表</span><span th:unless="*{is_peak}">通用电表</span></td>
  56. <td th:text="*{ratio}"></td>
  57. <td th:text="*{remarks}"></td>
  58. <td><a title="详情" th:onclick="'javascript:dialog(\'当前使用客户\',\'/build/electric/electricDetailList/'+*{id}+'\',\'950\',\'600\');'" class="ml-5" style="text-decoration:none">详情</a>
  59. </td>
  60. <td><a title="详情"
  61. th:onclick="'javascript:dialog(\'当前使用客户\',\'/build/electric/electricCompanyList/'+*{id}+'\',\'950\',\'600\');'"
  62. class="ml-5" style="text-decoration:none">详情</a>
  63. </td>
  64. <td class="td-manage">
  65. <a title="编辑"
  66. th:onclick="'javascript:dialog(\'编辑\',\'/build/electric/edit/'+*{id}+'\');'"
  67. class="ml-5" style="text-decoration:none">编辑</a>
  68. </td>
  69. </tr>
  70. </tbody>
  71. </table>
  72. <div th:replace="admin/common/page :: page"></div>
  73. </div>
  74. </form>
  75. <script type="text/javascript" th:src="@{/js/common/page.js}"></script>
  76. <script type="text/javascript" th:src="@{/js/build/electric/electric_list.js}"></script>
  77. </body>
  78. </html>