businessGoodsEdit.wxml 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232
  1. <view class="wrapper">
  2. <view class="width-690">
  3. <form bind:submit="onSubmit">
  4. <view class="photo">
  5. <label>
  6. <text>商品主图</text>
  7. <text>({{form.product_img_url.length}}/{{product_img_url_max}})</text>
  8. </label>
  9. <view class="value">
  10. <view
  11. class="van-uploader-wrap">
  12. <van-uploader
  13. file-list="{{ form.product_img_url }}"
  14. max-count="{{product_img_url_max}}"
  15. multiple="{{false}}"
  16. accept="image"
  17. data-formkey="product_img_url"
  18. bind:click-preview="uploadImg"
  19. bind:after-read="afterRead"
  20. bind:delete="delete"/>
  21. </view>
  22. </view>
  23. </view>
  24. <view class="photo">
  25. <label>
  26. <text>商品轮播图</text>
  27. <text>({{form.product_rotation_img_list.length}}/{{product_rotation_img_list_max}})</text>
  28. </label>
  29. <view class="value">
  30. <view
  31. class="van-uploader-wrap">
  32. <van-uploader
  33. file-list="{{ form.product_rotation_img_list }}"
  34. max-count="{{product_rotation_img_list_max}}"
  35. multiple="{{true}}"
  36. accept="image"
  37. data-formkey="product_rotation_img_list"
  38. bind:click-preview="uploadImg"
  39. bind:after-read="afterRead"
  40. bind:delete="delete"/>
  41. </view>
  42. </view>
  43. </view>
  44. <view class="photo">
  45. <label>
  46. <text>商品详情图</text>
  47. <text>({{form.product_detail_img_list.length}}/{{product_detail_img_list_max}})</text>
  48. </label>
  49. <view class="value">
  50. <view
  51. class="van-uploader-wrap">
  52. <van-uploader
  53. file-list="{{ form.product_detail_img_list }}"
  54. max-count="{{product_detail_img_list_max}}"
  55. multiple="{{true}}"
  56. accept="image"
  57. data-formkey="product_detail_img_list"
  58. bind:click-preview="uploadImg"
  59. bind:after-read="afterRead"
  60. bind:delete="delete"/>
  61. </view>
  62. </view>
  63. <view class="tip border-bottom-2">请上传尺寸为375*375像素图片</view>
  64. </view>
  65. <view class="box">
  66. <label>
  67. <text>标题</text>
  68. </label>
  69. <view class="value">
  70. <input
  71. value="{{form.product_title}}"
  72. placeholder="输入商品标题"
  73. placeholder-class="placeholder"></input>
  74. </view>
  75. </view>
  76. <view class="describe">
  77. <view class="value">
  78. <textarea
  79. value="{{form.product_desc}}"
  80. placeholder="请输入商品简介"
  81. placeholder-class="placeholder"
  82. maxlength="{{200}}"
  83. auto-height="{{true}}"></textarea>
  84. </view>
  85. <view class="words-limit">{{form.product_desc.length}}/200</view>
  86. </view>
  87. <view
  88. class="box border-bottom-2"
  89. bind:tap="categoryShow">
  90. <label>
  91. <text>商品分类</text>
  92. </label>
  93. <view class="value">
  94. <view
  95. class="{{!!form.product_category_id.id ? '' : 'placeholder'}}">
  96. {{form.product_category_id.category_name || '请选择商品分类'}}
  97. </view>
  98. <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
  99. </view>
  100. </view>
  101. <view
  102. class="box"
  103. bind:tap="brandShow">
  104. <label>
  105. <text>商品品牌</text>
  106. </label>
  107. <view class="value">
  108. <view class="{{!!form.product_brand_id.id ? '' : 'placeholder'}}">
  109. {{form.product_brand_id.brand_name || '请选择商品品牌'}}
  110. </view>
  111. <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
  112. </view>
  113. </view>
  114. <view class="box">
  115. <label>
  116. <text>商品规格</text>
  117. </label>
  118. <view class="value">
  119. <input
  120. value="{{form.product_spec}}"
  121. placeholder="输入商品规格"
  122. placeholder-class="placeholder"></input>
  123. </view>
  124. </view>
  125. <view class="box" bind:tap="unitShow">
  126. <label>
  127. <text>单 位</text>
  128. </label>
  129. <view class="value">
  130. <view class="{{!!form.product_unit ? '' : 'placeholder'}}">{{form.product_unit || '请选择商品单位'}}</view>
  131. <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
  132. </view>
  133. </view>
  134. <view class="box">
  135. <label>
  136. <text>批发价(元)</text>
  137. </label>
  138. <view class="value">
  139. <input
  140. value="{{form.product_all_price}}"
  141. placeholder="输入批发价"
  142. placeholder-class="placeholder"></input>
  143. </view>
  144. </view>
  145. <view class="box">
  146. <label>
  147. <text>零售价(元)</text>
  148. </label>
  149. <view class="value">
  150. <input
  151. value="{{form.product_price}}"
  152. placeholder="输入零售价"
  153. placeholder-class="placeholder"></input>
  154. </view>
  155. </view>
  156. <view class="box">
  157. <label>
  158. <text>库 存</text>
  159. </label>
  160. <view class="value">
  161. <input
  162. value="{{form.product_count}}"
  163. placeholder="输入库存"
  164. placeholder-class="placeholder"></input>
  165. </view>
  166. </view>
  167. <view class="box border-bottom-2">
  168. <label>
  169. <text>发售时间</text>
  170. </label>
  171. <view class="value">
  172. <view class="{{!!form.product_sale_at ? '' : 'placeholder'}}">{{form.product_sale_at || '请选择发售时间'}}
  173. </view>
  174. <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
  175. </view>
  176. </view>
  177. <button
  178. class="btn-submit"
  179. type="primary"
  180. form-type="submit">编辑/发布
  181. </button>
  182. </form>
  183. </view>
  184. </view>
  185. <!--弹窗:分类选择-->
  186. <van-popup
  187. show="{{ booCategory }}"
  188. close-on-click-overlay="{{false}}"
  189. round
  190. position="bottom"
  191. bind:click-overlay="categoryHide">
  192. <van-picker
  193. id="picker-category"
  194. columns="{{ categoryList }}"
  195. show-toolbar
  196. default-index="{{ categoryInDefaultIndex }}"
  197. bind:cancel="categoryHide"
  198. bind:confirm="categoryConfirm"/>
  199. </van-popup>
  200. <!--弹窗:品牌选择-->
  201. <van-popup
  202. show="{{ booBrand }}"
  203. close-on-click-overlay="{{false}}"
  204. round
  205. position="bottom"
  206. bind:click-overlay="brandHide">
  207. <van-picker
  208. id="picker-brand"
  209. columns="{{ brandList }}"
  210. show-toolbar
  211. default-index="{{ brandInDefaultIndex }}"
  212. bind:cancel="brandHide"
  213. bind:confirm="brandConfirm"/>
  214. </van-popup>
  215. <!--弹窗:单位选择-->
  216. <van-popup
  217. show="{{ booUnit }}"
  218. close-on-click-overlay="{{false}}"
  219. round
  220. position="bottom"
  221. bind:click-overlay="unitHide">
  222. <van-picker
  223. id="picker-unit"
  224. columns="{{ unitInColumns }}"
  225. show-toolbar
  226. default-index="{{ unitInDefaultIndex }}"
  227. bind:cancel="unitHide"
  228. bind:confirm="unitConfirm"/>
  229. </van-popup>