add.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279
  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. </style>
  19. <form id="add-form" class="form-horizontal col-sm-12" role="form" data-toggle="validator" method="POST" action="">
  20. {:token()}
  21. <div class="form-group">
  22. <div class="col-xs-12 col-sm-6">
  23. <div class="form-group col-sm-10">
  24. <label >归属客户:</label>
  25. <input type="hidden" name="row[customer_id]" data-rule="required" value="" >
  26. <div class="form-control">
  27. <a href="javascript:void(0)" class="select-customer" data-name="row[customer_id]"
  28. data-url="qingdong/customer/customer/index?isselect=1" >【请点击选择】</a>
  29. </div>
  30. </div>
  31. </div>
  32. {foreach name="form_data" item="val"}
  33. {if condition="$val.config.is_delete == true || true"}
  34. {if condition="isset($val.config.addShow) && $val.config.addShow"}
  35. {php}continue;{/php}
  36. {/if}
  37. {eq name="val.component" value="input"}
  38. <div class="col-xs-12 col-sm-6">
  39. <div class="form-group col-sm-10">
  40. <label for="c-{$val.id}">{$val.config.label}:</label>
  41. {if condition="$val.id eq 'num' && $val.config.label eq '合同编号' "}
  42. <input id="c-{$val.id}" value="{$contractNum}" class="form-control" {if condition="$val.config.required == true"}data-rule="required"{/if} placeholder="{$val.config.placeholder}" name="row[{$val.id}]" type="text">
  43. {elseif condition="$val.id eq 'number' && $val.config.label eq '回款编号' "}
  44. <input id="c-{$val.id}" value="{$createNum}" class="form-control" {if condition="$val.config.required == true"}data-rule="required"{/if} placeholder="{$val.config.placeholder}" name="row[{$val.id}]" type="text">
  45. {else\}
  46. <input id="c-{$val.id}" class="form-control" {if condition="$val.config.required == true"}data-rule="required"{/if} placeholder="{$val.config.placeholder}" name="row[{$val.id}]"
  47. type="text" value="{$val.config.value|default=''}" >
  48. {/if}
  49. </div>
  50. </div>
  51. {/eq}
  52. {eq name="val.component" value="input-number"}
  53. <div class="col-xs-12 col-sm-6">
  54. <div class="form-group col-sm-10">
  55. <label for="c-{$val.id}">{$val.config.label}:</label>
  56. <input id="c-{$val.id}" value="{$val.config.value|default=''}" class="form-control"{if condition="$val.config.required == true"}data-rule="required"{/if} placeholder="{$val.config.placeholder}" name="row[{$val.id}]"
  57. type="number">
  58. </div>
  59. </div>
  60. {/eq}
  61. {eq name="val.component" value="textarea"}
  62. <div class="col-xs-12 col-sm-12">
  63. <div class="form-group col-sm-12">
  64. <label for="c-{$val.id}">{$val.config.label}:</label>
  65. <textarea id="c-{$val.id}" class="form-control"{if condition="$val.config.required == true"}data-rule="required"{/if} rows="5" name="row[{$val.id}]"
  66. placeholder="{$val.config.placeholder}">{$val.config.value|default=''}</textarea>
  67. </div>
  68. </div>
  69. {/eq}
  70. {eq name="val.component" value="radio"}
  71. <div class="col-xs-12 col-sm-6">
  72. <div class="form-group col-sm-10">
  73. <label >{$val.config.label}:</label>
  74. <div class="radio">
  75. {foreach name="val.config.content" item="vo"}
  76. <!-- {$val.config.value|default=''}-->
  77. <label><input name="row[{$val.id}]" type="radio" {if condition="isset($val.config.value)"}
  78. {eq name="$val.config.value" value="$vo['value']" }checked{/eq}
  79. {/if} value="{$vo.value}"/> {$vo.value}</label>
  80. {/foreach}
  81. </div>
  82. </div>
  83. </div>
  84. {/eq}
  85. {eq name="val.component" value="checkbox"}
  86. <div class="col-xs-12 col-sm-6">
  87. <div class="form-group col-sm-10">
  88. <label >{$val.config.label}:</label>
  89. <div class="checkbox">
  90. {foreach name="val.config.content" item="vo"}
  91. <label class="checkbox-inline"><input name="row[{$val.id}][]" type="checkbox" {if condition="isset($val.config.value)"} {in name="$vo['value']" value="$val.config.value" }checked{/in}{/if} value="{$vo.value}"/>
  92. {$vo.value}</label>
  93. {/foreach}
  94. </div>
  95. </div>
  96. </div>
  97. {/eq}
  98. {eq name="val.component" value="Cascader"}
  99. <div class="col-xs-12 col-sm-6">
  100. <div class="form-group col-sm-10">
  101. <label for="c-{$val.id}">{$val.config.label}:</label>
  102. <!--<div class='form-group col-sm-10'>-->
  103. <input id="c-{$val.id}" {if condition="$val.config.required == true"}data-rule="required"{/if} class="form-control" data-toggle="city-picker" name="row[{$val.id}]" type="text"
  104. value="{$val.config.value|default=''}"/>
  105. <!--</div>-->
  106. </div>
  107. </div>
  108. {/eq}
  109. {eq name="val.component" value="select"}
  110. <div class="col-xs-12 col-sm-6">
  111. <div class="form-group col-sm-10">
  112. <label for="c-{$val.id}">{$val.config.label}:</label>
  113. <select id="c-{$val.id}" {if condition="$val.config.required == true"}data-rule="required"{/if} class="form-control selectpicker" {if condition="isset($val.config.multiple) && $val.config.multiple == true"} name="row[{$val.id}][]" multiple="" {else\} name="row[{$val.id}]" {/if} data-live-search='true'>
  114. <option value="">请选择</option>
  115. {foreach name="val.config.content" item="vo"}
  116. <option value="{$vo.label}" {if condition="isset($val.config.value)"}
  117. {in name="$vo['value']" value="$val.config.value" }selected{/in}
  118. {/if}>{$vo.label}</option>
  119. {/foreach}
  120. </select>
  121. </div>
  122. </div>
  123. {/eq}
  124. {eq name="val.component" value="TimePicker"}
  125. <div class="col-xs-12 col-sm-6">
  126. <div class="form-group col-sm-10">
  127. <label for="c-{$val.id}">{$val.config.label}:</label>
  128. <input id="c-{$val.id}" {if condition="$val.config.required == true"}data-rule="required"{/if} class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss"
  129. placeholder="{$val.config.placeholder}" name="row[{$val.id}]"
  130. value="{$val.config.value|default=''}" type="text">
  131. </div>
  132. </div>
  133. {/eq}
  134. {eq name="val.component" value="DatePicker"}
  135. <div class="col-xs-12 col-sm-6">
  136. <div class="form-group col-sm-10">
  137. <label for="c-{$val.id}">{$val.config.label}:</label>
  138. <input id="c-{$val.id}" {if condition="$val.config.required == true"}data-rule="required"{/if} class="form-control datetimepicker" data-date-format="YYYY-MM-DD" placeholder="{$val.config.placeholder}"
  139. name="row[{$val.id}]" value="{$val.config.value|default=''}" type="text">
  140. </div>
  141. </div>
  142. {/eq}
  143. {eq name="val.component" value="Rate"}
  144. <div class="col-xs-12 col-sm-6">
  145. <div class="form-group col-sm-10">
  146. <label for="c-{$val.id}">{$val.config.label}:</label>
  147. <select id="c-{$val.id}" name="row[{$val.id}]" class="form-control">
  148. {if condition="isset($val.config.value)"}
  149. <option value="5" {eq name="$val.config.value" value="5" }selected{/eq} >5</option>
  150. <option value="4" {eq name="$val.config.value" value="4" }selected{/eq} >4</option>
  151. <option value="3" {eq name="$val.config.value" value="3" }selected{/eq} >3</option>
  152. <option value="2" {eq name="$val.config.value" value="2" }selected{/eq} >2</option>
  153. <option value="1" {eq name="$val.config.value" value="1" }selected{/eq} >1</option>
  154. {else/}
  155. <option value="5">5</option>
  156. <option value="4">4</option>
  157. <option value="3">3</option>
  158. <option value="2">2</option>
  159. <option value="1">1</option>
  160. {/if}
  161. </select>
  162. </div>
  163. </div>
  164. {/eq}
  165. {eq name="val.component" value="uploadImage"}
  166. <div class="col-xs-12 col-sm-6">
  167. <div class="form-group col-sm-10">
  168. <label for="c-{$val.id}">{$val.config.label}:</label>
  169. <div class="input-group">
  170. <input id="p-{$val.id}" class="form-control" placeholder="{$val.config.placeholder}" size="35" name="row[{$val.id}]" type="text" value="" {if condition="$val.config.required == true"}data-rule="required"{/if}>
  171. <div class="input-group-addon no-border no-padding">
  172. <span><button type="button" class="btn btn-danger faupload"
  173. data-resize-quality="0.8"
  174. data-resize-width="1024"
  175. data-resize-height="768"
  176. data-input-id="p-{$val.id}"
  177. data-ids="{$val.id}"
  178. data-url="qingdong/base/upload"
  179. data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
  180. data-multiple="true" data-preview-id="c-{$val.id}"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
  181. </div>
  182. <span class="msg-box n-right"></span>
  183. </div>
  184. <ul class="row list-inline faupload-preview" id="c-{$val.id}" data-id="{$val.id}"></ul>
  185. </div>
  186. </div>
  187. {/eq}
  188. {eq name="val.component" value="uploadFile"}
  189. <div class="col-xs-12 col-sm-6">
  190. <div class="form-group col-sm-10">
  191. <label for="c-{$val.id}">{$val.config.label}:</label>
  192. <div class="input-group">
  193. <input id="c-image" class="form-control" size="35" name="row[files]" type="text" value="">
  194. <div class="input-group-addon no-border no-padding">
  195. <span><button type="button" id="faupload-image" class="btn btn-danger faupload"
  196. data-resize-quality="0.8"
  197. data-resize-width="1024"
  198. data-resize-height="768"
  199. data-input-id="c-image"
  200. data-url="qingdong/base/upload"
  201. data-multiple="true" data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
  202. </div>
  203. <span class="msg-box n-right"></span>
  204. </div>
  205. <ul class="row list-inline faupload-preview" id="p-image"></ul>
  206. </div>
  207. </div>
  208. {/eq}
  209. {/if}
  210. {/foreach}
  211. </div>
  212. <div class="form-group layer-footer">
  213. <label class="control-label col-xs-12 col-sm-2"></label>
  214. <div class="col-xs-12 col-sm-8">
  215. <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
  216. <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
  217. </div>
  218. </div>
  219. </form>
  220. <!--定义模板,模板语法使用Art-Template模板语法-->
  221. <script type="text/html" id="testtpl2">
  222. <tr class="form-inline">
  223. <td>
  224. <input type="hidden" name="row[<%=name%>][<%=index%>][product_id]" value="<%=row['product_id']%>" >
  225. <div class="form-control" style="width: 90%">
  226. <a href="javascript:void(0)" class="select-product"
  227. data-name="row[<%=name%>][<%=index%>][product_id]"
  228. data-url="qingdong/product/product/index?isselect=1" >
  229. <% if(row['product_name']){%>
  230. <%=row['product_name']%>
  231. <% }else{%>
  232. 【请点击选择】
  233. <% }%>
  234. </a>
  235. </div></td>
  236. <td style="width: 80px">
  237. <input type="number" name="row[<%=name%>][<%=index%>][price]" style="width: 80px"
  238. class="form-control price" value="<%=row['price']%>" placeholder="0"></td>
  239. <td style="width: 80px">
  240. <input type="number" name="row[<%=name%>][<%=index%>][wholesale]" style="width: 80px"
  241. class="form-control price2" value="<%=row['wholesale']%>" placeholder="0">
  242. </td>
  243. <td ><span class="goods"><%=row['goods_name']%></span></td>
  244. <td style="width: 80px"><span class="type"><%=row['type']%></span></td>
  245. <td style="width: 80px"><input type="number" name="row[<%=name%>][<%=index%>][number]" style="width: 80px"
  246. class="form-control number" value="<% if(row['number']){%><%=row['number']%><% }else{%>1<% }%>" ></td>
  247. <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>
  248. </tr>
  249. </script>