businessGoodsEdit.wxml 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
  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"
  74. data-formkey="product_title"
  75. bind:input="setFormValue"></input>
  76. </view>
  77. </view>
  78. <view class="describe">
  79. <view class="value">
  80. <textarea
  81. value="{{form.product_desc}}"
  82. placeholder="请输入商品简介"
  83. placeholder-class="placeholder"
  84. maxlength="{{200}}"
  85. auto-height="{{true}}"
  86. data-formkey="product_desc"
  87. bind:input="setFormValue"></textarea>
  88. </view>
  89. <view class="words-limit">{{form.product_desc.length}}/200</view>
  90. </view>
  91. <view
  92. class="box border-bottom-2"
  93. bind:tap="categoryShow">
  94. <label>
  95. <text>商品分类</text>
  96. </label>
  97. <view class="value">
  98. <view
  99. class="{{!!form.product_category_id.id ? '' : 'placeholder'}}">
  100. {{form.product_category_id.category_name || '请选择商品分类'}}
  101. </view>
  102. <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
  103. </view>
  104. </view>
  105. <view
  106. class="box"
  107. bind:tap="brandShow">
  108. <label>
  109. <text>商品品牌</text>
  110. </label>
  111. <view class="value">
  112. <view class="{{!!form.product_brand_id.id ? '' : 'placeholder'}}">
  113. {{form.product_brand_id.brand_name || '请选择商品品牌'}}
  114. </view>
  115. <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
  116. </view>
  117. </view>
  118. <view class="box">
  119. <label>
  120. <text>商品规格</text>
  121. </label>
  122. <view class="value">
  123. <input
  124. value="{{form.product_spec}}"
  125. placeholder="输入商品规格"
  126. placeholder-class="placeholder"
  127. data-formkey="product_spec"
  128. bind:input="setFormValue"></input>
  129. </view>
  130. </view>
  131. <view class="box" bind:tap="unitShow">
  132. <label>
  133. <text>单 位</text>
  134. </label>
  135. <view class="value">
  136. <view class="{{!!form.product_unit ? '' : 'placeholder'}}">{{form.product_unit || '请选择商品单位'}}</view>
  137. <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
  138. </view>
  139. </view>
  140. <view class="box">
  141. <label>
  142. <text>批发价(元)</text>
  143. </label>
  144. <view class="value">
  145. <input
  146. value="{{form.product_all_price}}"
  147. placeholder="输入批发价"
  148. placeholder-class="placeholder"
  149. data-formkey="product_all_price"
  150. bind:input="setFormValue"></input>
  151. </view>
  152. </view>
  153. <view class="box">
  154. <label>
  155. <text>零售价(元)</text>
  156. </label>
  157. <view class="value">
  158. <input
  159. value="{{form.product_price}}"
  160. placeholder="输入零售价"
  161. placeholder-class="placeholder"
  162. data-formkey="product_price"
  163. bind:input="setFormValue"></input>
  164. </view>
  165. </view>
  166. <view class="box">
  167. <label>
  168. <text>库 存</text>
  169. </label>
  170. <view class="value">
  171. <input
  172. value="{{form.product_count}}"
  173. placeholder="输入库存"
  174. placeholder-class="placeholder"
  175. data-formkey="product_count"
  176. bind:input="setFormValue"></input>
  177. </view>
  178. </view>
  179. <view class="box border-bottom-2">
  180. <label>
  181. <text>发售时间</text>
  182. </label>
  183. <view class="value">
  184. <view class="{{!!form.product_sale_at ? '' : 'placeholder'}}">{{form.product_sale_at || '请选择发售时间'}}
  185. </view>
  186. <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
  187. </view>
  188. </view>
  189. <button
  190. class="btn-submit"
  191. type="primary"
  192. form-type="submit">编辑/发布
  193. </button>
  194. </form>
  195. </view>
  196. </view>
  197. <!--弹窗:分类选择-->
  198. <van-popup
  199. show="{{ booCategory }}"
  200. close-on-click-overlay="{{false}}"
  201. round
  202. position="bottom"
  203. bind:click-overlay="categoryHide">
  204. <van-picker
  205. id="picker-category"
  206. columns="{{ categoryList }}"
  207. show-toolbar
  208. default-index="{{ categoryInDefaultIndex }}"
  209. bind:cancel="categoryHide"
  210. bind:confirm="categoryConfirm"/>
  211. </van-popup>
  212. <!--弹窗:品牌选择-->
  213. <van-popup
  214. show="{{ booBrand }}"
  215. close-on-click-overlay="{{false}}"
  216. round
  217. position="bottom"
  218. bind:click-overlay="brandHide">
  219. <van-picker
  220. id="picker-brand"
  221. columns="{{ brandList }}"
  222. show-toolbar
  223. default-index="{{ brandInDefaultIndex }}"
  224. bind:cancel="brandHide"
  225. bind:confirm="brandConfirm"/>
  226. </van-popup>
  227. <!--弹窗:单位选择-->
  228. <van-popup
  229. show="{{ booUnit }}"
  230. close-on-click-overlay="{{false}}"
  231. round
  232. position="bottom"
  233. bind:click-overlay="unitHide">
  234. <van-picker
  235. id="picker-unit"
  236. columns="{{ unitInColumns }}"
  237. show-toolbar
  238. default-index="{{ unitInDefaultIndex }}"
  239. bind:cancel="unitHide"
  240. bind:confirm="unitConfirm"/>
  241. </van-popup>