editTable.html 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml"
  3. xmlns:th="http://www.thymeleaf.org" lang="zh-CN">
  4. <div th:fragment="content">
  5. <p class="text-muted">映射关系</p>
  6. <div class="row">
  7. <!-- 数据源配置 -->
  8. <div class="col-md-5">
  9. <label class="col-sm-3 control-label text-right">数据源表</label>
  10. <div class="col-sm-9">
  11. <select id="sourceTable" class="form-control select-control">
  12. <option th:each="t,s:${mapping?.sourceConnector?.table}" th:value="${t}" th:text="${t}" />
  13. </select>
  14. </div>
  15. </div>
  16. <!-- 中间图标 -->
  17. <div class="col-md-2 text-center">
  18. <span class="fa fa-angle-double-right fa-2x"></span>
  19. </div>
  20. <!-- 目标源配置 -->
  21. <div class="col-md-5">
  22. <div class="form-group">
  23. <label class="col-sm-3 control-label text-right">目标源表</label>
  24. <div class="col-sm-9">
  25. <select id="targetTable" class="form-control select-control">
  26. <option th:each="t,s:${mapping?.targetConnector?.table}" th:value="${t}" th:text="${t}" />
  27. </select>
  28. </div>
  29. </div>
  30. </div>
  31. </div>
  32. <div class="form-group">
  33. <div class="row">
  34. <div class="col-md-10"></div>
  35. <div class="col-md-2 text-right">
  36. <button id="tableGroupDelBtn" th:mappingId="${mapping?.id}" type="button" class="btn btn-default" disabled="disabled">
  37. <span class="fa fa-remove"></span>删除
  38. </button>
  39. <button id="tableGroupAddBtn" th:mappingId="${mapping?.id}" type="button" class="btn btn-primary">
  40. <span class="fa fa-plus"></span>添加
  41. </button>
  42. </div>
  43. </div>
  44. </div>
  45. <div class="form-group">
  46. <table class="table table-hover">
  47. <thead>
  48. <tr>
  49. <th>数据源表</th>
  50. <th>目标源表</th>
  51. <th>
  52. <div class="row">
  53. <div class="col-md-12">
  54. <div class="icheck-danger">
  55. <input type="checkbox" class="tableGroupCheckboxAll" />
  56. </div>
  57. </div>
  58. </div>
  59. </th>
  60. </tr>
  61. </thead>
  62. <tbody id="tableGroupList">
  63. <tr th:id="${t?.id}" title='点击编辑' class='dbsyncer_pointer' th:each="t,state : ${tableGroups}">
  64. <td th:text="${t?.sourceTable.name}"/>
  65. <td th:text="${t?.targetTable.name}"/>
  66. <td>
  67. <div class="row">
  68. <div class="col-md-12">
  69. <div class="icheck-danger">
  70. <input th:value="${t?.id}" th:mappingId="${mapping?.id}" type="checkbox" class="tableGroupCheckbox" />
  71. </div>
  72. </div>
  73. </div>
  74. </td>
  75. </tr>
  76. </tbody>
  77. </table>
  78. </div>
  79. </div>
  80. </html>