edit.html 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml"
  3. xmlns:th="http://www.thymeleaf.org" lang="zh-CN">
  4. <div class="container-fluid">
  5. <div class="container">
  6. <form id="connectorModifyForm" class="form-horizontal" role="form" method="post">
  7. <!-- 标题 -->
  8. <div class="row text-center">
  9. <h3>修改连接器</h3>
  10. </div>
  11. <!-- 操作 -->
  12. <div class="form-group">
  13. <div class="col-md-10"></div>
  14. <div class="col-md-2 text-right">
  15. <button id="connectorSubmitBtn" type="button" class="btn btn-primary">
  16. <span class="fa fa-save"></span>保存
  17. </button>
  18. <button id="connectorBackBtn" type="button" class="btn btn-default">
  19. <span class="fa fa-reply"></span>返回
  20. </button>
  21. </div>
  22. </div>
  23. <!-- 配置 -->
  24. <div class="row">
  25. <div class="col-md-12">
  26. <div class="panel panel-info">
  27. <div class="panel-heading">
  28. <h3 class="panel-title">连接器配置</h3>
  29. </div>
  30. <div class="panel-body">
  31. <!-- 连接器ID -->
  32. <div class="form-group hidden">
  33. <label class="col-sm-2 control-label">ID</label>
  34. <div class="col-sm-10">
  35. <input class="form-control" name="id" readonly="true" type="text" th:value="${connector?.id}" />
  36. </div>
  37. </div>
  38. <!-- 连接器类型 -->
  39. <div class="form-group">
  40. <label class="col-sm-2 control-label">类型</label>
  41. <div class="col-sm-10">
  42. <input class="form-control" name="connectorType" readonly="true" type="text" th:value="${connector?.config?.connectorType}" />
  43. </div>
  44. </div>
  45. <!-- 名称 -->
  46. <div class="form-group">
  47. <label class="col-sm-2 control-label">名称 <strong class="driverVerifcateRequired">*</strong></label>
  48. <div class="col-sm-10">
  49. <input class="form-control" name="name" type="text" maxlength="50" dbsyncer-valid="require" placeholder="名称" th:value="${connector?.name}" />
  50. </div>
  51. </div>
  52. <!-- 连接器配置 -->
  53. <div class="connectorConfig">
  54. <div th:replace="'connector/add'+${connector?.config?.connectorType} :: content"></div>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. </form>
  61. </div>
  62. </div>
  63. <script th:src="@{/js/connector/edit.js}"></script>
  64. </html>