update.html 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script class="include" system="" path="inc/" file="head">include()</script>
  5. <!--<link rel="stylesheet" href="../script/lib/layui/admin/modules/plugin/formselects/formselects.css" media="all" />-->
  6. <style>
  7. textarea{
  8. padding-top: 5px;
  9. }
  10. .dever-color {
  11. /*width: 100%;*/
  12. }
  13. .dever_form_add_child {
  14. padding:15px;
  15. }
  16. .dever_form_delete {
  17. float: right;
  18. margin-right: 10px;
  19. color: red;
  20. }
  21. .dever_score_child {
  22. margin: 15px;
  23. }
  24. .layui-tab-title {
  25. height: 100%;
  26. white-space: inherit;
  27. }
  28. </style>
  29. </head>
  30. <body>
  31. <div id="load_style" style="display:none;">
  32. </div>
  33. <div class="topbar">
  34. <div class="banner dever-layout" style="display:none;">
  35. <a target="_blank"></a>
  36. <span>项目名称</span>
  37. </div>
  38. </div>
  39. <div id="content_1" style="display:none;"></div>
  40. <div id="content_2">
  41. <div class="layui-fluid">
  42. <div style="display:none;"><span id="list-name">网站设置</span> > <span id="list-project"></span></div>
  43. <form method="post" class="layui-form form1" target="f1" role="form" autocomplete="off" lay-filter="form-filter">
  44. <style id="load_css"></style>
  45. <input type="hidden" name="function" id="function" value="msg"/>
  46. <input type="hidden" name="url" id="url" />
  47. <input type="hidden" name="project" id="project" />
  48. <input type="hidden" name="table" id="table" />
  49. <input type="hidden" name="fast" id="fast" />
  50. <input type="hidden" name="dever_submit" id="dever_submit" />
  51. <input type="hidden" name="menu_id" id="menu_id" />
  52. <input type="hidden" name="update_where_id" id="update_where_id"/>
  53. <input type="hidden" name="copy_num" id="copy_num" value="0"/>
  54. <iframe id="f1" name="f1" style="display:none;"></iframe>
  55. <div class="layui-row layui-col-space15" id="data_content">
  56. </div>
  57. <div id="valid"></div>
  58. <div id="struct" style="display:none;"></div>
  59. </form>
  60. </div>
  61. </div>
  62. <script class="include" system="" path="inc/" file="script">include()</script>
  63. <script id="update_script">
  64. var form;
  65. var skuTable;
  66. layui.config({
  67. base: '../script/lib/layui/admin/' //静态资源所在路径
  68. ,version:true
  69. }).extend({
  70. index: 'lib/index', //主入口模块
  71. //formSelects: 'plugin/formselects/formselects',
  72. skuTable: 'plugin/skuTable',
  73. sortable: 'plugin/sortable'
  74. }).use(['index', 'contlist', 'table', 'form', 'skuTable'], function(){
  75. var table = layui.table;
  76. form = layui.form;
  77. //var formSelects = layui.formSelects;
  78. skuTable = layui.skuTable;
  79. if ($('#sku_spec_type').length) {
  80. sku($('#sku_spec_type'));
  81. }
  82. /*
  83. $('select').each(function() {
  84. if ($(this).attr('xm-value')) {
  85. formSelects.value($(this).attr('xm-select'), $(this).attr('xm-value'));
  86. }
  87. });
  88. */
  89. /*
  90. var obj = layui.skuTable.render({
  91. //规格类型 0统一规格 1多规格
  92. isAttributeValue: 0,
  93. //规格类型容器id
  94. isAttributeElemId: 'sku_spec_type',
  95. //规格表容器id
  96. specTableElemId: 'sku_spec_table',
  97. //sku表容器id
  98. skuTableElemId: 'sku_table',
  99. //规格拖拽排序
  100. sortable: false,
  101. //sku表相同属性值是否合并行
  102. rowspan: true,
  103. //请求成功返回状态码值
  104. requestSuccessCode: 200,
  105. //上传接口地址
  106. //接口要求返回格式参考 upload.json
  107. uploadUrl: './json/upload.json',
  108. //统一规格配置项
  109. singleSkuTableConfig: {
  110. thead: [
  111. {title: '商品编码', icon: 'layui-icon-cols'},
  112. {title: '销售价(元)', icon: 'layui-icon-cols'},
  113. {title: '采购价(元)', icon: 'layui-icon-cols'},
  114. {title: '成本价(元)', icon: 'layui-icon-cols'},
  115. ],
  116. tbody: [
  117. {type: 'input', field: 'code', value: '', verify: 'required', reqtext: '商品编码不能为空'},
  118. {type: 'input', field: 'price', value: '0', verify: 'required|number', reqtext: '销售价不能为空'},
  119. {type: 'input', field: 'buy_price', value: '0', verify: 'required|number', reqtext: '采购价不能为空'},
  120. {type: 'input', field: 'cost_price', value: '0', verify: 'required|number', reqtext: '成本价不能为空'},
  121. ]
  122. },
  123. //多规格配置项
  124. multipleSkuTableConfig: {
  125. thead: [
  126. {title: '图片', icon: ''},
  127. {title: '商品编码', icon: 'layui-icon-cols'},
  128. {title: '销售价(元)', icon: 'layui-icon-cols'},
  129. {title: '采购价(元)', icon: 'layui-icon-cols'},
  130. {title: '成本价(元)', icon: 'layui-icon-cols'},
  131. ],
  132. tbody: [
  133. {type: 'image', field: 'pic', value: '', verify: '', reqtext: ''},
  134. {type: 'input', field: 'code', value: '', verify: 'required', reqtext: '商品编码不能为空'},
  135. {type: 'input', field: 'price', value: '0', verify: 'required|number', reqtext: '销售价不能为空'},
  136. {type: 'input', field: 'buy_price', value: '0', verify: 'required|number', reqtext: '采购价不能为空'},
  137. {type: 'input', field: 'cost_price', value: '0', verify: 'required|number', reqtext: '成本价不能为空'},
  138. ]
  139. },
  140. //商品id 配合specDataUrl和skuDataUrl使用
  141. productId: '11',
  142. //规格数据, 一般从后台获取
  143. specData: [
  144. {
  145. id: "1",
  146. title: "颜色",
  147. child: [
  148. {id: "1", title: "红", checked: true},
  149. {id: "2", title: "黄", checked: false},
  150. {id: "3", title: "蓝", checked: false}
  151. ]
  152. }, {
  153. id: "2",
  154. title: "尺码",
  155. child: [
  156. {id: "4", title: "S", checked: true},
  157. {id: "5", title: "M", checked: true},
  158. {id: "6", title: "L", checked: false},
  159. {id: "7", title: "XL", checked: false}
  160. ]
  161. }, {
  162. id: "3",
  163. title: "款式",
  164. child: [
  165. {id: "8", title: "男款", checked: true},
  166. {id: "9", title: "女款", checked: true}
  167. ]
  168. }
  169. ],
  170. specData: [],
  171. //获取规格数据接口地址,如果为空或者不配置则使用 specData 参数配置
  172. //接口要求返回格式参考 specData.json
  173. // specDataUrl: './json/specData.json',
  174. //sku数据
  175. //新增的时候为空对象
  176. //编辑的时候可以从后台接收,会自动填充sku表,可以去掉注释看效果
  177. //多规格格式
  178. // skuData: {
  179. // "skus[1-4-8][picture]": "https://www.baidu.com/img/flexible/logo/pc/result.png",
  180. // "skus[1-4-8][price]": "100",
  181. // "skus[1-4-8][market_price]": "200",
  182. // "skus[1-4-8][cost_price]": "50",
  183. // "skus[1-4-8][stock]": "18",
  184. // "skus[1-4-8][status]": "0",
  185. // "skus[1-4-9][picture]": "",
  186. // "skus[1-4-9][price]": "0",
  187. // "skus[1-4-9][market_price]": "0",
  188. // "skus[1-4-9][cost_price]": "0",
  189. // "skus[1-4-9][stock]": "0",
  190. // "skus[1-4-9][status]": "1",
  191. // "skus[1-5-8][picture]": "",
  192. // "skus[1-5-8][price]": "0",
  193. // "skus[1-5-8][market_price]": "0",
  194. // "skus[1-5-8][cost_price]": "0",
  195. // "skus[1-5-8][stock]": "0",
  196. // "skus[1-5-8][status]": "1",
  197. // "skus[1-5-9][picture]": "",
  198. // "skus[1-5-9][price]": "0",
  199. // "skus[1-5-9][market_price]": "0",
  200. // "skus[1-5-9][cost_price]": "0",
  201. // "skus[1-5-9][stock]": "0",
  202. // "skus[1-5-9][status]": "1"
  203. // },
  204. //统一规格格式
  205. // skuData: {
  206. // 'price': '80',
  207. // 'market_price': '100',
  208. // 'cost_price': '60',
  209. // 'stock': '999',
  210. // 'status': '0',
  211. // }
  212. //获取SKU数据接口地址,如果为空或者不配置则使用skuData配置
  213. //接口要求返回格式参考 skuData.json
  214. // skuDataUrl: './json/skuData.json',
  215. });*/
  216. init();
  217. });
  218. </script>
  219. </body>
  220. </html>