add.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <style type="text/css">
  2. .stafflist{
  3. width: 60px;text-align: center;float: left;
  4. }
  5. .stafflist img{
  6. width: 40px;
  7. height: 40px;
  8. margin: 10px;
  9. border-radius:50%;
  10. }
  11. .level{
  12. width: 100px;text-align: center;float: left;padding-top:18px;
  13. margin-left: 30px;
  14. }
  15. .level span:first-child{
  16. line-height: 2em
  17. }
  18. .form-group label{
  19. font-weight:normal !important;
  20. }
  21. </style>
  22. <form id="add-form" class="form-horizontal col-sm-12" role="form" data-toggle="validator" method="POST" action="">
  23. {:token()}
  24. <div class="form-group">
  25. <div class="col-xs-12 col-sm-6">
  26. <div class="form-group col-sm-10">
  27. <label >归属客户:</label>
  28. <input type="hidden" name="row[customer_id]" data-rule="required" value="{$customer_id}" >
  29. <div class="form-control">
  30. <a href="javascript:void(0)" class="select-customer" data-name="row[customer_id]"
  31. data-url="qingdong/customer/customer/index?isselect=1"
  32. >{if condition="$customer"}{$customer.name}{else/}【请点击选择】{/if}</a>
  33. </div>
  34. </div>
  35. </div>
  36. {include file="qingdong/common/form_add" /}
  37. <div class="col-xs-12 col-sm-12">
  38. <div class="form-group col-sm-10">
  39. <label>产品列表:</label>
  40. </div>
  41. </div>
  42. <div class="col-xs-12 col-sm-12">
  43. <div class="form-group col-sm-12">
  44. <table class="table table-responsive fieldlist" data-name="row[product]" data-template="testtpl2" data-tag="tr">
  45. <tr>
  46. <td>商品名称</td>
  47. <td>零售价</td>
  48. <td>批发价</td>
  49. <td>产品</td>
  50. <td>规格</td>
  51. <td>数量</td>
  52. <td></td>
  53. </tr>
  54. <tr>
  55. <td colspan="5"><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> 追加</a></td>
  56. </tr>
  57. <textarea name="row[product]" class="form-control hide" cols="30" rows="5">[]</textarea>
  58. </table>
  59. </div>
  60. </div>
  61. </div>
  62. <div class="form-group layer-footer">
  63. <label class="control-label col-xs-12 col-sm-2"></label>
  64. <div class="col-xs-12 col-sm-8">
  65. <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
  66. <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
  67. </div>
  68. </div>
  69. </form>
  70. <!--定义模板,模板语法使用Art-Template模板语法-->
  71. <script type="text/html" id="testtpl2">
  72. <tr class="form-inline">
  73. <td>
  74. <input type="hidden" name="row[<%=name%>][<%=index%>][product_id]" value="<%=row['product_id']%>" >
  75. <div class="form-control" style="width: 90%">
  76. <a href="javascript:void(0)" class="select-product"
  77. data-name="row[<%=name%>][<%=index%>][product_id]"
  78. data-url="qingdong/product/product/index?isselect=1" >
  79. <% if(row['product_name']){%>
  80. <%=row['product_name']%>
  81. <% }else{%>
  82. 【请点击选择】
  83. <% }%>
  84. </a>
  85. </div></td>
  86. <td style="width: 80px">
  87. <input type="number" name="row[<%=name%>][<%=index%>][price]" style="width: 80px"
  88. class="form-control price" value="<%=row['price']%>" placeholder="--"></td>
  89. <td style="width: 80px">
  90. <input type="number" name="row[<%=name%>][<%=index%>][wholesale]" style="width: 80px"
  91. class="form-control price2" value="<%=row['wholesale']%>" placeholder="0">
  92. </td>
  93. <td ><span class="goods"><%=row['goods_name']%></span></td>
  94. <td style="width: 80px"><span class="type"><%=row['type']%></span></td>
  95. <td style="width: 80px"><input type="number" name="row[<%=name%>][<%=index%>][number]" style="width: 80px"
  96. class="form-control number" value="<% if(row['number']){%><%=row['number']%><% }else{%>1<% }%>" ></td>
  97. <td style="width: 120px"><span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span> <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span></td>
  98. </tr>
  99. </script>