update.html 9.6 KB

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