add.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. {extend name="public:base" /}
  2. {block name="style"}
  3. <style type="text/css">
  4. .goods-type { clear: both; margin-top: 10px;}
  5. .goods-type .item{display: inline-block;border: 1px solid #d6d6d6;margin-right: 5px;}
  6. .goods-type .item span{ padding: 0px 10px; border-right: 1px solid #d6d6d6;}
  7. .goods-type .layui-icon-close{cursor: pointer;}
  8. .store-type { clear: both; margin-top: 10px;}
  9. .store-type .item{display: inline-block;border: 1px solid #d6d6d6;margin-right: 5px;}
  10. .store-type .item span{ padding: 0px 10px; border-right: 1px solid #d6d6d6;}
  11. .store-type .layui-icon-close{cursor: pointer;}
  12. </style>
  13. {/block}
  14. {block name="body"}
  15. <div class="layui-fluid">
  16. <div class="layui-card">
  17. <div class="layui-card-body">
  18. <form class="layui-form">
  19. <div class="layui-form-item">
  20. <label class="layui-form-label">客户名称</label>
  21. <div class="layui-input-inline">
  22. <select name="customer_id" lay-verify="" lay-search>
  23. {volist name="customers" id="customer"}
  24. <option value="{$customer.id}">{$customer.cname}</option>
  25. {/volist}
  26. </select>
  27. </div>
  28. </div>
  29. <div class="layui-form-item">
  30. <label class="layui-form-label">销售数量</label>
  31. <div class="layui-input-inline">
  32. <input type="number" name="num" autocomplete="off" class="layui-input">
  33. </div>
  34. </div>
  35. <div class="layui-form-item">
  36. <label class="layui-form-label">面值</label>
  37. <div class="layui-input-inline">
  38. <input type="number" name="denomination" autocomplete="off" class="layui-input">
  39. </div>
  40. </div>
  41. <div class="layui-form-item">
  42. <label class="layui-form-label">实付金额</label>
  43. <div class="layui-input-inline">
  44. <input type="number" name="pay_amount" autocomplete="off" class="layui-input">
  45. </div>
  46. </div>
  47. <div class="layui-form-item">
  48. <label class="layui-form-label">有效期</label>
  49. <div class="layui-input-inline" style="width:300px;">
  50. <input type="text" name="expire_time" autocomplete="off" class="layui-input">
  51. </div>
  52. </div>
  53. <div class="layui-form-item">
  54. <label class="layui-form-label">可用品类</label>
  55. <div class="layui-input-block">
  56. <div class="layui-input-inline">
  57. <select name="goods_type_1" lay-verify="required" lay-filter="goods-type">
  58. <option value="0">一级品类</option>
  59. </select>
  60. </div>
  61. <div class="layui-input-inline">
  62. <select name="goods_type_2" lay-filter="goods-type">
  63. <option value="0">二级品类</option>
  64. </select>
  65. </div>
  66. <div class="layui-input-inline">
  67. <select name="goods_type_3" >
  68. <option value="0">三级品类</option>
  69. </select>
  70. </div>
  71. <div class="layui-input-inline">
  72. <a href="javascript:;" class="layui-btn layui-btn-sm layui-add-goods-type" style=" margin-top: 5px;">添加</a>
  73. </div>
  74. </div>
  75. <div class="layui-input-block goods-type" style="display: none;">
  76. </div>
  77. </div>
  78. <div class="layui-form-item">
  79. <label class="layui-form-label">店铺分类</label>
  80. <div class="layui-input-block">
  81. <div class="layui-input-inline">
  82. <select name="store_type_1" lay-verify="required" lay-filter="store-type">
  83. <option value="0">请选择分类</option>
  84. {volist name="store_class" id="class"}
  85. <option value="{$class.storeclass_id}">{$class.storeclass_name}</option>
  86. {/volist}
  87. </select>
  88. </div>
  89. <div class="layui-input-inline">
  90. <a href="javascript:;" class="layui-btn layui-btn-sm layui-add-store-type" style=" margin-top: 5px;">添加</a>
  91. </div>
  92. </div>
  93. <div class="layui-input-block store-type" style="display: none;">
  94. </div>
  95. </div>
  96. <div class="layui-form-item">
  97. <table class="layui-table card-number-ids">
  98. <thead>
  99. <tr >
  100. <th colspan="10">
  101. <a href="javascript:;" class="layui-btn layui-btn-xs layui-card-number-ids-add">添加</a>
  102. </th>
  103. </tr>
  104. <tr>
  105. <th >起始序号</th>
  106. <th >结束序号</th>
  107. <th >数量</th>
  108. <th >操作</th>
  109. </tr>
  110. </thead>
  111. <tbody >
  112. </tbody>
  113. </table>
  114. </div>
  115. <div class="layui-form-item layui-layout-admin">
  116. <div class="layui-input-block">
  117. <div class="layui-footer" style="left: 0;">
  118. <button class="layui-btn" lay-submit lay-filter="LAY-order-add">立即提交</button>
  119. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  120. </div>
  121. </div>
  122. </div>
  123. </form>
  124. </div>
  125. </div>
  126. </div>
  127. {/block}
  128. {block name="script"}
  129. <script type="text/javascript">
  130. layui.config({
  131. base: '__JS__/'
  132. ,version:true
  133. }).extend({
  134. index: 'lib/index'
  135. }).use(['index', 'customer/order']);
  136. </script>
  137. {/block}