edit.html 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  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 :: bootstrap-fileinput-css"/>
  6. </head>
  7. <body class="white-bg">
  8. <div class="wrapper wrapper-content animated fadeInRight ibox-content">
  9. <form class="form-horizontal m" id="form-mall-edit" th:object="${qmjsShoppingMall}">
  10. <input name="id" th:field="*{id}" type="hidden">
  11. <div class="col-xs-12">
  12. <div class="form-group">
  13. <label class="col-sm-3 control-label">商品名称:</label>
  14. <div class="col-sm-8">
  15. <input name="goodsName" th:field="*{goodsName}" class="form-control" type="text">
  16. </div>
  17. </div>
  18. </div>
  19. <div class="col-xs-12">
  20. <div class="form-group">
  21. <label class="col-sm-3 control-label">商品条码:</label>
  22. <div class="col-sm-8">
  23. <input name="goodsCode" th:field="*{goodsCode}" class="form-control" type="text">
  24. </div>
  25. </div>
  26. </div>
  27. <div class="col-xs-12">
  28. <div class="form-group">
  29. <label class="col-sm-3 control-label">商品种类:</label>
  30. <div class="col-sm-8">
  31. <select name="goodsType" class="form-control" th:with="type=${@dict.getType('goods_type')}">
  32. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{goodsType}"></option>
  33. </select>
  34. </div>
  35. </div>
  36. </div>
  37. <div class="col-xs-12">
  38. <div class="form-group">
  39. <label class="col-sm-3 control-label">商品图片:</label>
  40. <div class="col-sm-8">
  41. <input type="hidden" name="goodsImg" th:field="*{goodsImg}">
  42. <div class="file-loading">
  43. <input class="form-control file-upload" id="goodsImg" name="file" type="file">
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. <div class="col-xs-12">
  49. <div class="form-group">
  50. <label class="col-sm-3 control-label">商品说明:</label>
  51. <div class="col-sm-8">
  52. <input name="goodsDescribe" th:field="*{goodsDescribe}" class="form-control" type="text">
  53. </div>
  54. </div>
  55. </div>
  56. <div class="col-xs-12">
  57. <div class="form-group">
  58. <label class="col-sm-3 control-label">计量单位:</label>
  59. <div class="col-sm-8">
  60. <input name="goodsUnit" th:field="*{goodsUnit}" class="form-control" type="text">
  61. </div>
  62. </div>
  63. </div>
  64. <div class="col-xs-12">
  65. <div class="form-group">
  66. <label class="col-sm-3 control-label">时价商品:</label>
  67. <div class="col-sm-8">
  68. <input name="goodsCurrentPrice" th:field="*{goodsCurrentPrice}" class="form-control" type="text">
  69. </div>
  70. </div>
  71. </div>
  72. <div class="col-xs-12">
  73. <div class="form-group">
  74. <label class="col-sm-3 control-label">销售单价:</label>
  75. <div class="col-sm-8">
  76. <input name="salePrice" th:field="*{salePrice}" class="form-control" type="text">
  77. </div>
  78. </div>
  79. </div>
  80. <div class="col-xs-12">
  81. <div class="form-group">
  82. <label class="col-sm-3 control-label">建议售价:</label>
  83. <div class="col-sm-8">
  84. <input name="suggestionPrice" th:field="*{suggestionPrice}" class="form-control" type="text">
  85. </div>
  86. </div>
  87. </div>
  88. <div class="col-xs-12">
  89. <div class="form-group">
  90. <label class="col-sm-3 control-label">商品库存:</label>
  91. <div class="col-sm-8">
  92. <input name="goodsInventory" th:field="*{goodsInventory}" class="form-control" type="text">
  93. </div>
  94. </div>
  95. </div>
  96. <div class="col-xs-12">
  97. <div class="form-group">
  98. <label class="col-sm-3 control-label">库存成本:</label>
  99. <div class="col-sm-8">
  100. <input name="inventoryCost" th:field="*{inventoryCost}" class="form-control" type="text">
  101. </div>
  102. </div>
  103. </div>
  104. <div class="col-xs-12">
  105. <div class="form-group">
  106. <label class="col-sm-3 control-label">商品状态(正常/禁用):</label>
  107. <div class="col-sm-8">
  108. <input name="goodsState" th:field="*{goodsState}" class="form-control" type="text">
  109. </div>
  110. </div>
  111. </div>
  112. </form>
  113. </div>
  114. <th:block th:include="include :: footer" />
  115. <th:block th:include="include :: bootstrap-fileinput-js"/>
  116. <script th:inline="javascript">
  117. var prefix = ctx + "system/mall";
  118. $("#form-mall-edit").validate({
  119. focusCleanup: true
  120. });
  121. function submitHandler() {
  122. if ($.validate.form()) {
  123. $.operate.save(prefix + "/edit", $('#form-mall-edit').serialize());
  124. }
  125. }
  126. $(".file-upload").each(function (i) {
  127. var val = $("input[name='" + this.id + "']").val()
  128. $(this).fileinput({
  129. 'uploadUrl': ctx + 'common/upload',
  130. initialPreviewAsData: true,
  131. initialPreview: [val],
  132. maxFileCount: 1,
  133. autoReplace: true
  134. }).on('fileuploaded', function (event, data, previewId, index) {
  135. $("input[name='" + event.currentTarget.id + "']").val(data.response.url)
  136. }).on('fileremoved', function (event, id, index) {
  137. $("input[name='" + event.currentTarget.id + "']").val('')
  138. })
  139. $(this).fileinput('_initFileActions');
  140. });
  141. </script>
  142. </body>
  143. </html>