goods_base.html 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. <div class="layui-tab-item goods-content layui-show">
  2. <div class="layui-card-body" pad15>
  3. <div>
  4. <!-- 商品类型 -->
  5. <div class="layui-form-item">
  6. <label class="layui-form-label"><span class="form-label-asterisk">*</span>商品类型:</label>
  7. <div class="layui-input-block">
  8. <input type="radio" name="type" value="0" title="实物商品" lay-filter="goods_type" class="layui-input" checked/>
  9. <input type="radio" name="type" value="1" title="虚拟商品" lay-filter="goods_type" class="layui-input" />
  10. </div>
  11. </div>
  12. <div class="layui-form-item">
  13. <label class="layui-form-label"></label>
  14. <span style="color: #a3a3a3;font-size: 9px">选择好商品类型之后,编辑时不能修改类型。请谨慎选择</span>
  15. </div>
  16. <!--商品名称-->
  17. <div class="layui-form-item">
  18. <label class="layui-form-label"><span class="form-label-asterisk">*</span>商品名称:</label>
  19. <div class="layui-input-block">
  20. <input name="goods_id" type="hidden">
  21. <input type="text" name="name" lay-verify="custom_required" lay-verType="tips"
  22. autocomplete="off" maxlength="64"
  23. switch-tab="0" verify-msg="请输入商品名称,最多64个字符" placeholder="请输入商品名称,最少3个字符,最多64个字符"
  24. class="layui-input">
  25. </div>
  26. </div>
  27. <!--商品编码-->
  28. <div class="layui-form-item">
  29. <label class="layui-form-label">商品编码:</label>
  30. <div class="layui-input-block">
  31. <input type="text" name="code" lay-verType="tips" placeholder="若不填,系统随机8位数字" autocomplete="off" switch-tab="0" class="layui-input">
  32. </div>
  33. </div>
  34. <!--平台分类-->
  35. <div class="layui-form-item">
  36. <label class="layui-form-label"><span class="form-label-asterisk">*</span>平台分类:</label>
  37. <div class="layui-input-inline">
  38. <select name="first_cate_id" lay-filter="first_category" lay-verify="custom_required"
  39. lay-verType="tips" switch-tab="0" verify-msg="请选择分类">
  40. <option value="">请选择分类</option>
  41. </select>
  42. </div>
  43. <div class="layui-input-inline">
  44. <select name="second_cate_id" lay-filter="second_category" switch-tab="0" verify-msg="请选择分类">
  45. <option value="">请选择分类</option>
  46. </select>
  47. </div>
  48. <div class="layui-input-inline">
  49. <select name="third_cate_id" lay-filter="third_category" switch-tab="0" verify-msg="请选择分类">
  50. <option value="">请选择分类</option>
  51. </select>
  52. </div>
  53. </div>
  54. <!--商品分类-->
  55. <div class="layui-form-item">
  56. <label class="layui-form-label">商品分类:</label>
  57. <div class="layui-input-inline">
  58. <select name="shop_cate_id" lay-filter="shop_cate_id" switch-tab="0" verify-msg="请选择分类">
  59. </select>
  60. </div>
  61. </div>
  62. <!--商品卖点-->
  63. <div class="layui-form-item">
  64. <label class="layui-form-label">商品卖点:</label>
  65. <div class="layui-input-block">
  66. <input type="text" maxlength="60" name="remark" autocomplete="off" class="layui-input">
  67. </div>
  68. </div>
  69. <!--商品单位-->
  70. <div class="layui-form-item">
  71. <label class="layui-form-label">商品单位:</label>
  72. <div class="layui-input-inline">
  73. <select name="unit_id" switch-tab="0" verify-msg="请选择分类">
  74. <option value="">请选择单位</option>
  75. </select>
  76. </div>
  77. </div>
  78. <!--商品品牌-->
  79. <div class="layui-form-item">
  80. <label class="layui-form-label">商品品牌:</label>
  81. <div class="layui-input-inline">
  82. <select name="brand_id" lay-verType="tips" switch-tab="0" verify-msg="请选择商品品牌">
  83. <option value="">请选择品牌</option>
  84. </select>
  85. </div>
  86. </div>
  87. <!--供货商-->
  88. <div class="layui-form-item">
  89. <label class="layui-form-label">供货商:</label>
  90. <div class="layui-input-inline">
  91. <select name="supplier_id" lay-verType="tips" switch-tab="0" verify-msg="请选择供货商">
  92. <option value="">请选择供货商</option>
  93. </select>
  94. </div>
  95. </div>
  96. <!--商品主图-->
  97. <div class="layui-form-item" style="margin-bottom: 0px">
  98. <label class="layui-form-label"><span class="form-label-asterisk">*</span>商品封面图:</label>
  99. <div class="layui-input-block" id="imageContainer">
  100. <div class="like-upload-image">
  101. <div class="upload-image-elem"><a class="add-upload-image" id="image"> + 添加图片</a></div>
  102. </div>
  103. </div>
  104. </div>
  105. <div class="layui-form-item">
  106. <label class="layui-form-label"></label>
  107. <span style="color: #a3a3a3;font-size: 9px">建议尺寸:800*800像素</span>
  108. </div>
  109. <!--自定义分享海报-->
  110. <div class="layui-form-item" style="margin-bottom: 0px">
  111. <label class="layui-form-label">分享海报:</label>
  112. <div class="layui-input-block" id="posterContainer">
  113. <div class="like-upload-image">
  114. <div class="upload-image-elem"><a class="add-upload-image" id="poster"> + 添加图片</a></div>
  115. </div>
  116. </div>
  117. </div>
  118. <div class="layui-form-item">
  119. <label class="layui-form-label"></label>
  120. <span style="color: #a3a3a3;font-size: 9px">建议尺寸:800*800像素</span>
  121. </div>
  122. <!--商品轮播图-->
  123. <div class="layui-form-item" style="margin-bottom: 0px">
  124. <label class="layui-form-label"><span class="form-label-asterisk">*</span>商品轮播图:</label>
  125. <div class="layui-input-block" id="goodsImageContainer">
  126. <div class="like-upload-image">
  127. <div class="upload-image-elem"><a class="add-upload-image" id="goodsimage"> + 添加图片</a></div>
  128. </div>
  129. </div>
  130. </div>
  131. <div class="layui-form-item">
  132. <label class="layui-form-label"></label>
  133. <span style="color: #a3a3a3;font-size: 9px">建议尺寸:800*800像素,最多上传5张</span>
  134. </div>
  135. <!--商品视频-->
  136. <div class="layui-form-item">
  137. <label class="layui-form-label">商品视频:</label>
  138. <div class="layui-input-block" id="videoContainer">
  139. <div class="like-upload-video">
  140. <div class="upload-image-elem"><a class="add-upload-video" id="video"> + 添加视频</a></div>
  141. </div>
  142. </div>
  143. </div>
  144. <div class="layui-form-item">
  145. <label class="layui-form-label"></label>
  146. <span style="color: #a3a3a3;font-size: 9px">商品视频,在商品详情页面播放。(限制4m内)</span>
  147. </div>
  148. </div>
  149. </div>
  150. </div>