add.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. <!DOCTYPE html>
  2. <html lang="zh" xmlns:th="http://www.thymeleaf.org">
  3. <head>
  4. <th:block th:include="include :: header('新增小红娘店铺红娘信息')"/>
  5. <th:block th:include="include :: datetimepicker-css" />
  6. <th:block th:include="include :: bootstrap-fileinput-css"/>
  7. </head>
  8. <body class="white-bg">
  9. <div class="wrapper wrapper-content animated fadeInRight ibox-content">
  10. <form class="form-horizontal m" id="form-matchmaker-add">
  11. <div class="form-group">
  12. <label class="col-sm-3 control-label">姓名
  13. :</label>
  14. <div class="col-sm-8">
  15. <input name="name" class="form-control" maxlength="20" type="text">
  16. </div>
  17. </div>
  18. <div class="form-group">
  19. <label class="col-sm-3 control-label">手机号
  20. :</label>
  21. <div class="col-sm-8">
  22. <input name="phone" class="form-control" maxlength="20" type="text">
  23. </div>
  24. </div>
  25. <div class="form-group">
  26. <label class="col-sm-3 control-label">简介
  27. :</label>
  28. <div class="col-sm-8">
  29. <input name="introduction" class="form-control" maxlength="20" type="text">
  30. </div>
  31. </div>
  32. <div class="form-group">
  33. <label class="col-sm-3 control-label">人物介绍
  34. :</label>
  35. <div class="col-sm-8">
  36. <input name="talentIntroduction" class="form-control" maxlength="20" type="text">
  37. </div>
  38. </div>
  39. <div class="form-group">
  40. <label class="col-sm-3 control-label">从业时间
  41. :</label>
  42. <div class="col-sm-8">
  43. <input name="workingTime" class="form-control" maxlength="20" type="text">
  44. </div>
  45. </div>
  46. <div class="form-group">
  47. <label class="col-sm-3 control-label">擅长
  48. :</label>
  49. <div class="col-sm-8">
  50. <input name="beGood" class="form-control" maxlength="20" type="text">
  51. </div>
  52. </div>
  53. <div class="form-group">
  54. <label class="col-sm-3 control-label">技能
  55. :</label>
  56. <div class="col-sm-8">
  57. <input name="skill" class="form-control" maxlength="20" type="text">
  58. </div>
  59. </div>
  60. <div class="form-group">
  61. <label class="col-sm-3 control-label">荣誉
  62. :</label>
  63. <div class="col-sm-8">
  64. <input name="honor" class="form-control" maxlength="20" type="text">
  65. </div>
  66. </div>
  67. <div class="form-group">
  68. <label class="col-sm-3 control-label">职称
  69. :</label>
  70. <div class="col-sm-8">
  71. <input name="title" class="form-control" maxlength="20" type="text">
  72. </div>
  73. </div>
  74. <div class="form-group">
  75. <label class="col-sm-3 control-label">头像 :</label>
  76. <div class="col-sm-8">
  77. <input type="hidden" name="wechatUrl" >
  78. <div class="file-loading">
  79. <input class="form-control file-upload" id="wechatUrl" name="file" type="file">
  80. </div>
  81. </div>
  82. </div>
  83. </form>
  84. </div>
  85. <th:block th:include="include :: footer"/>
  86. <th:block th:include="include :: bootstrap-fileinput-js"/>
  87. <script th:inline="javascript">
  88. var prefix = ctx + "xhnnotsingle/matchmaker"
  89. $("#form-matchmaker-add").validate({
  90. focusCleanup: true
  91. });
  92. function submitHandler() {
  93. if ($.validate.form()) {
  94. $("input[name='wechatUrl']").val(fileP);
  95. let data = $("#form-matchmaker-add").serializeArray();
  96. $.operate.save(prefix + "/add", data);
  97. }
  98. }
  99. let fileP = "";//附件用
  100. let fileRealP = "";//真实的文件名uuid
  101. $(".file-upload").fileinput({
  102. uploadUrl: ctx + 'common/upload',
  103. maxFileCount: 1,
  104. uploadAsync: true,
  105. allowedFileExtensions: ['jpg', 'png'],
  106. autoReplace: true,
  107. enctype: 'multipart/form-data'
  108. }).on('fileuploaded', function (event, data, previewId, index) {
  109. $("input[name='" + event.currentTarget.id + "']").val(data.response.url);
  110. fileP += data.response.fileName;
  111. }).on('fileremoved', function (event, id, index) {
  112. $("input[name='" + event.currentTarget.id + "']").val('')
  113. })
  114. </script>
  115. </body>
  116. </html>