edit.html 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. <style type="text/css">
  2. .fieldlist .form-control{
  3. padding: 2px;
  4. }
  5. </style>
  6. <form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
  7. <input type="hidden" id="ids" value="{$row.id}">
  8. <div class="form-group">
  9. <label class="control-label col-xs-12 col-sm-2">商品名称:</label>
  10. <div class="col-xs-12 col-sm-8">
  11. <input id="c-name" data-rule="required" placeholder="请输入商品名称" class="form-control" name="row[name]" type="text" value="{$row.name}">
  12. </div>
  13. </div>
  14. <div class="form-group">
  15. <label class="control-label col-xs-12 col-sm-2">单位:</label>
  16. <div class="col-xs-12 col-sm-8">
  17. <select id="c-unit" name="row[unit]" class="form-control selectpicker" data-live-search="true" data-rule="required">
  18. {foreach name="unit" id="v"}
  19. <option value="{$v.name}" {eq name="$row.unit" value="$v.name" }selected="selected"{/eq}>{$v.name}</option>
  20. {/foreach}
  21. </select>
  22. </div>
  23. </div>
  24. <div class="form-group">
  25. <label class="control-label col-xs-12 col-sm-2">分类:</label>
  26. <div class="col-xs-12 col-sm-8">
  27. <input id="c-type_id" data-rule="required" data-source="qingdongams/product/goods/get_product_type" class="form-control selectpage" name="row[type_id]" placeholder="请选择分类" type="text" value="{$row.type_id}">
  28. </div>
  29. </div>
  30. <div class="form-group goodsinfo" {if condition="$row.specs_type eq 1"} style="display: none" {/if}>
  31. <label class="control-label col-xs-12 col-sm-2">零销价:</label>
  32. <div class="col-xs-12 col-sm-8">
  33. <input placeholder="请输入零销价" class="form-control" name="row[price]" type="number" value="{$row.price}">
  34. </div>
  35. </div>
  36. <div class="form-group goodsinfo" {if condition="$row.specs_type eq 1"} style="display: none" {/if}>
  37. <label class="control-label col-xs-12 col-sm-2">批发价:</label>
  38. <div class="col-xs-12 col-sm-8">
  39. <input placeholder="请输入批发价" class="form-control" name="row[wholesale]" type="number" value="{$row.wholesale}">
  40. </div>
  41. </div>
  42. <div class="form-group goodsinfo" {if condition="$row.specs_type eq 1"} style="display: none" {/if}>
  43. <label class="control-label col-xs-12 col-sm-2">采购价:</label>
  44. <div class="col-xs-12 col-sm-8">
  45. <input placeholder="请输入采购价" class="form-control" name="row[cost_price]" type="number" value="{$row.cost_price}">
  46. </div>
  47. </div>
  48. <div class="form-group">
  49. <label class="control-label col-xs-12 col-sm-2">商品图:</label>
  50. <div class="col-xs-12 col-sm-8">
  51. <div class="input-group">
  52. <input id="c-image" class="form-control" size="50" name="row[image]" type="text" value="{$row.image}">
  53. <div class="input-group-addon no-border no-padding">
  54. <span><button type="button" id="faupload-image" class="btn btn-danger faupload" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
  55. </div>
  56. <span class="msg-box n-right" for="c-image"></span>
  57. </div>
  58. <ul class="row list-inline faupload-preview" id="p-image"></ul>
  59. </div>
  60. </div>
  61. <div class="form-group">
  62. <label class="control-label col-xs-12 col-sm-2">是否有规格:</label>
  63. <div class="col-xs-12 col-sm-8">
  64. {:build_radios('row[specs_type]', [0=>__('否'),1=>__('是')],$row['specs_type'])}
  65. </div>
  66. </div>
  67. <div class="form-group specesinfo" {if condition="$row.specs_type eq 0"} style="display: none" {/if}>
  68. <div class="col-xs-12 col-sm-12">
  69. <blockquote style="padding: 2px 10px;">
  70. <p>规格</p>
  71. </blockquote>
  72. </div>
  73. </div>
  74. <div class="form-group specesinfo" {if condition="$row.specs_type eq 0"} style="display: none" {/if}>
  75. <label class="control-label col-xs-12 col-sm-2">规格:</label>
  76. <div class="col-xs-12 col-sm-8">
  77. <input id="specs_id" type="text" name="row[specs_id]" data-source="qingdongams/product/goods/get_specs" class="form-control selectpage" placeholder="请选择规格" value="{$row.specs_id}"/>
  78. </div>
  79. <div class="col-xs-12 col-sm-8 col-sm-offset-2 " >
  80. <br>
  81. <div id="specslist">
  82. </div>
  83. </div>
  84. </div>
  85. <br>
  86. <div class="form-group specesinfo" {if condition="$row.specs_type eq 0"} style="display: none" {/if}>
  87. <div class="col-xs-12 col-sm-12">
  88. <blockquote style="padding: 2px 10px;">
  89. <p>产品信息</p>
  90. </blockquote>
  91. </div>
  92. </div>
  93. <div class="form-group specesinfo" {if condition="$row.specs_type eq 0"} style="display: none" {/if}>
  94. <div class="col-xs-12 col-sm-12">
  95. <table class="table table-responsive fieldlist" data-name="row[product]" data-template="testtpl2"
  96. data-tag="tr">
  97. <tr>
  98. <td>产品名称</td>
  99. <td>型号</td>
  100. <td>零售价</td>
  101. <td>批发价</td>
  102. <td>采购价</td>
  103. <td>备注</td>
  104. <td>产品图片</td>
  105. <td></td>
  106. </tr>
  107. <tr>
  108. <td colspan="6"><a href="javascript:;" class="btn btn-xs btn-success btn-append hide"><i class="fa fa-plus"></i> 添加配置</a></td>
  109. </tr>
  110. <textarea name="row[product]" class="form-control hide" cols="30" rows="5">{$row.product}</textarea>
  111. </table>
  112. </div>
  113. </div>
  114. <div class="form-group">
  115. <label class="control-label col-xs-12 col-sm-2">商品详情:</label>
  116. <div class="col-xs-12 col-sm-8">
  117. <textarea class="form-control editor" rows="3" name="row[content]" value="{$row.content}">{$row.content}</textarea>
  118. </div>
  119. </div>
  120. <div class="form-group layer-footer">
  121. <label class="control-label col-xs-12 col-sm-2"></label>
  122. <div class="col-xs-12 col-sm-8">
  123. <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
  124. <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
  125. </div>
  126. </div>
  127. </form>
  128. <!--定义模板,模板语法使用Art-Template模板语法-->
  129. <script type="text/html" id="testtpl2">
  130. <tr >
  131. <td style="width: 150px">
  132. <input type="text" class="form-control" name="row[<%=name%>][<%=index%>][name]"
  133. value="<%=row['name']%>"/></td>
  134. <td style="width: 80px" >
  135. <input type="text" class="form-control hide" name="row[<%=name%>][<%=index%>][type]"
  136. value="<%=row['type']%>"/><%=row['type']%></td>
  137. <td style="width: 80px">
  138. <input type="number" class="form-control" name="row[<%=name%>][<%=index%>][price]"
  139. value="<%=row['price']%>"/></td>
  140. <td style="width: 80px">
  141. <input type="number" class="form-control" name="row[<%=name%>][<%=index%>][wholesale]"
  142. value="<%=row['wholesale']%>"/></td>
  143. <td style="width: 80px">
  144. <input type="number" class="form-control" name="row[<%=name%>][<%=index%>][cost_price]"
  145. value="<%=row['cost_price']%>"/></td>
  146. <td>
  147. <textarea name="row[<%=name%>][<%=index%>][remarks]" placeholder="请输入备注" class="form-control"><%=row['remarks']%></textarea>
  148. </td>
  149. <td>
  150. <div class="form-group">
  151. <div style="text-align: center">
  152. <input id="c-avatar<%=index%>" class="form-control hidden" name="row[<%=name%>][<%=index%>][img]" value="<%=row['img']%>" type="text"/>
  153. <button type="button" id="faupload-avatar<%=index%>" class="btn btn-xs btn-success faupload" data-input-id="c-avatar<%=index%>" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-avatar<%=index%>"><i class="fa fa-upload"></i> 上传</button>
  154. </div>
  155. <div id="p-avatar<%=index%>" data-template="desctpl" style="margin: 5px" ></div>
  156. </div></td>
  157. <td><span class="btn btn-xs btn-danger btn-remove"><i class="fa fa-times"></i></span></td>
  158. </tr>
  159. </script>
  160. <!--这里自定义图片预览的模板 开始-->
  161. <script type="text/html" id="desctpl">
  162. <a href="<%=fullurl%>" data-url="<%=url%>" target="_blank" class="thumbnail">
  163. <img src="<%=fullurl%>" width="40" height="40" class="img-responsive">
  164. </a>
  165. </script>