index.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. xmlns:mo="https://gitee.com/aun/Timo">
  4. <head th:replace="/common/template :: header(~{::title},~{::link},~{::style})">
  5. <link rel="stylesheet" th:href="@{/lib/zTree_v3/css/zTreeStyle/zTreeStyle.css}" type="text/css">
  6. </head>
  7. <body class="timo-layout-page">
  8. <div class="layui-card">
  9. <div class="layui-card-header timo-card-header">
  10. <span><i class="fa fa-bars"></i> 上传通道列表</span>
  11. <i class="layui-icon layui-icon-refresh refresh-btn"></i>
  12. </div>
  13. <div class="layui-card-body">
  14. <div class="layui-row timo-card-screen put-row">
  15. <div class="layui-row timo-card-screen put-row">
  16. <div class="pull-left layui-form-pane">
  17. <div class="layui-inline">
  18. <label class="layui-form-label">环境</label>
  19. <div class="layui-input-block timo-search-status">
  20. <select id="getPageByEnv" class="timo-search-select" name="env" onchange="getPageByCriteria()"
  21. mo:dict="ENVIRONMENT" mo-selected="${env}"></select>
  22. </div>
  23. </div>
  24. <div class="layui-inline">
  25. <label class="layui-form-label">类型</label>
  26. <div class="layui-input-block timo-search-status">
  27. <select id="getPageByType" class="timo-search-select" name="type" onchange="getPageByCriteria()"
  28. mo:dict="APP_TYPE" mo-selected="${type}"></select>
  29. </div>
  30. </div>
  31. <div class="layui-inline timo-search-box">
  32. <label class="layui-form-label">应用</label>
  33. <div class="layui-input-block">
  34. <input type="text" name="appName" th:value="${param.appName}" placeholder="请输入应用名"
  35. autocomplete="off" class="layui-input">
  36. </div>
  37. </div>
  38. <div class="layui-inline">
  39. <button class="layui-btn timo-search-btn">
  40. <i class="fa fa-search"></i>
  41. </button>
  42. </div>
  43. </div>
  44. <div class="pull-right">
  45. <div class="btn-group-right">
  46. <button class="layui-btn open-popup" data-title="新增上传通道" th:attr="data-url=@{/store/channel/add}"
  47. data-size="640,480">
  48. <i class="fa fa-plus"></i> 添加
  49. </button>
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. <div class="timo-table-wrap">
  55. <table class="layui-table timo-table">
  56. <thead>
  57. <tr>
  58. <th class="timo-table-checkbox">
  59. <label class="timo-checkbox"><input type="checkbox">
  60. <i class="layui-icon layui-icon-ok"></i></label>
  61. </th>
  62. <th class="sortable" data-field="appName">Channel ID</th>
  63. <th class="sortable" data-field="appId">前缀</th>
  64. <th class="sortable" data-field="repoBranch">最大文件</th>
  65. <th class="sortable" data-field="appType">简介</th>
  66. <th class="sortable" data-field="appName">绑定域名</th>
  67. <th>操作</th>
  68. </tr>
  69. </thead>
  70. <tbody>
  71. <tr th:each="item:${list}">
  72. <td>
  73. <label class="timo-checkbox">
  74. <input type="checkbox" th:value="${item.id}">
  75. <i class="layui-icon layui-icon-ok"></i>
  76. </label>
  77. </td>
  78. <td th:text="${item.id}">ID</td>
  79. <td th:text="${item.prefix}">前缀</td>
  80. <td th:text="${item.maxSize}">最大文件</td>
  81. <td th:text="${item.description}">简介</td>
  82. <td th:text="${item.bindDomain}">绑定域名</td>
  83. <td>
  84. <a class="open-popup" data-title="应用详细信息" th:attr="data-url=@{'/app/config/app/detail/'+${item.id}}"
  85. data-size="1200,500" href="#">详细</a>
  86. <a class="open-popup" data-title="编辑" th:attr="data-url=@{'/app/config/app/edit/'+${item.id}}"
  87. data-size="1200,500" href="#">编辑</a>
  88. <a class="ajax-delete" th:attr="data-msg='确定要删除 '+ ${item.id}"
  89. th:href="@{'/api/app/config/app/' + ${item.id}}">删除</a>
  90. </td>
  91. </tr>
  92. </tbody>
  93. </table>
  94. </div>
  95. <div th:replace="/common/fragment :: page"></div>
  96. </div>
  97. </div>
  98. <script th:replace="/common/template :: script"></script>
  99. <script type="text/javascript" th:src="@{/js/plugins/jquery-2.2.4.min.js}"></script>
  100. <script type="text/javascript">
  101. function getPageByCriteria() {
  102. console.log('select 事件')
  103. var envSelectedOption = $("#getPageByEnv option:selected")
  104. var envParam = envSelectedOption.text()
  105. var typeSelectedOption = $("#getPageByType option:selected")
  106. var typeParam = typeSelectedOption.text()
  107. url = '?env=' + envParam + '&type=' + typeParam
  108. window.location.href = window.location.pathname + url;
  109. }
  110. </script>
  111. </body>
  112. </html>