edit.html 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. <div class="layuimini-container">
  2. <form id="app-form" class="layui-form layuimini-form layui-form-pane">
  3. <div class="layui-row">
  4. <div class="layui-col-xl5 layui-col-lg5 layui-col-md12 layui-col-sm12 layui-col-xs12">
  5. <!-- 可以使用该方式 推荐写法-->
  6. <div class="layui-form-item">
  7. <label class="layui-form-label">商品分类</label>
  8. <div class="layui-input-block">
  9. <select name="cate_id" lay-verify="required" data-select="{:url('mall.cate/index')}" data-fields="id,title" data-value="{$row.cate_id|default=''}">
  10. </select>
  11. </div>
  12. </div>
  13. <!--也可以使用该方式-->
  14. <div class="layui-form-item">
  15. <label class="layui-form-label">商品分类2</label>
  16. <div class="layui-input-block">
  17. <select name="cate_id" lay-verify="required">
  18. {volist name='cate' id='vo'}
  19. <option value="{$key}" {if $key==$row.cate_id}selected{/if}>{$vo}</option>
  20. {/volist}
  21. </select>
  22. </div>
  23. </div>
  24. <!-- 展现形式不同的写法-->
  25. <div class="layui-form-item">
  26. <label class="layui-form-label">商品分类3</label>
  27. <div data-show="switchSelect" data-list='{$cate|json_encode|raw}' data-name="cate_id" data-value="{$row.cate_id}" data-target="radio"></div>
  28. </div>
  29. <div class="layui-form-item">
  30. <div class="layui-row">
  31. <label class="layui-form-label required">商品标题</label>
  32. <div class="layui-input-block layui-col-space5">
  33. <div class="layui-col-xs10">
  34. <div class="layui-input-wrap">
  35. <input type="text" name="title" class="layui-input" lay-verify="required" placeholder="请输入商品标题" value="{$row.title|default=''}">
  36. </div>
  37. </div>
  38. <div class="layui-col-xs2">
  39. <button class="layui-btn layui-bg-purple" type="button" lay-on="AiOptimization">AI优化</button>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. <div class="layui-form-item">
  45. <label class="layui-form-label required">商品LOGO</label>
  46. <div class="layui-input-block layuimini-upload">
  47. <input name="logo" class="layui-input layui-col-xs6" lay-verify="required" placeholder="请上传分类图片" value="{$row.logo|default=''}">
  48. <div class="layuimini-upload-btn">
  49. <span><a class="layui-btn" data-upload="logo" data-upload-number="one" data-upload-exts="png|jpg|ico|jpeg" data-upload-icon="image" data-upload-mimetype="image/*"><i class="fa fa-upload"></i> 上传</a></span>
  50. <span><a class="layui-btn layui-btn-normal" id="select_logo" data-upload-select="logo" data-upload-number="one"><i class="fa fa-list"></i> 选择</a></span>
  51. </div>
  52. </div>
  53. </div>
  54. <div class="layui-form-item">
  55. <label class="layui-form-label required">商品图片</label>
  56. <div class="layui-input-block layuimini-upload">
  57. <input name="images" class="layui-input layui-col-xs6" lay-verify="required" placeholder="请上传商品图片" value="{$row.images|default=''}">
  58. <div class="layuimini-upload-btn">
  59. <span><a class="layui-btn" data-upload="images" data-upload-number="more" data-upload-exts="png|jpg|ico|jpeg" data-upload-icon="image" data-upload-mimetype="image/*"><i class="fa fa-upload"></i> 上传</a></span>
  60. <span><a class="layui-btn layui-btn-normal" id="select_images" data-upload-select="images" data-upload-number="more"><i class="fa fa-list"></i> 选择</a></span>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="layui-form-item">
  65. <label class="layui-form-label">市场价格</label>
  66. <div class="layui-input-block">
  67. <input type="text" name="market_price" class="layui-input" lay-verify="required" placeholder="请输入市场价格" value="{$row.market_price|default=''}">
  68. </div>
  69. </div>
  70. <div class="layui-form-item">
  71. <label class="layui-form-label">折扣价格</label>
  72. <div class="layui-input-block">
  73. <input type="text" name="discount_price" class="layui-input" lay-verify="required" placeholder="请输入折扣价格" value="{$row.discount_price|default=''}">
  74. </div>
  75. </div>
  76. <div class="layui-form-item">
  77. <label class="layui-form-label">虚拟销量</label>
  78. <div class="layui-input-block">
  79. <input type="text" name="virtual_sales" class="layui-input" lay-verify="required" placeholder="请输入虚拟销量" value="{$row.virtual_sales|default=''}">
  80. </div>
  81. </div>
  82. <div class="layui-form-item">
  83. <label class="layui-form-label">分类排序</label>
  84. <div class="layui-input-block">
  85. <input type="number" name="sort" class="layui-input" lay-affix="number" placeholder="请输入分类排序" value="{$row.sort|default=''}">
  86. </div>
  87. </div>
  88. <!-- 文档:https://xm-select.com/file/xm-select/v1.2.4/#/basic/use -->
  89. <div class="layui-form-item">
  90. <label class="layui-form-label">模拟多选</label>
  91. <div class="layui-input-block">
  92. <div id="demo1" class="xm-select-demo"></div>
  93. </div>
  94. </div>
  95. <div class="layui-form-item layui-form-text">
  96. <label class="layui-form-label">备注信息</label>
  97. <div class="layui-input-block">
  98. <textarea name="remark" class="layui-textarea" placeholder="请输入备注信息">{$row.remark|default=''}</textarea>
  99. </div>
  100. </div>
  101. </div>
  102. <div class="layui-col-xl7 layui-col-lg7 layui-col-md12 layui-col-sm12 layui-col-xs12">
  103. <div class="layui-form-item layui-form-text">
  104. <label class="layui-form-label">商品描述</label>
  105. <div class="layui-input-block">
  106. {:editor_textarea($row["describe"],'describe')}
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. <div class="hr-line"></div>
  112. <div class="layui-form-item text-center">
  113. <button type="submit" class="layui-btn layui-btn-normal layui-btn-sm" lay-submit>确认</button>
  114. <button type="reset" class="layui-btn layui-btn-primary layui-btn-sm">重置</button>
  115. </div>
  116. </form>
  117. </div>