diff --git a/application/admin/view/default/goods/save_info.html b/application/admin/view/default/goods/save_info.html index bc5643cc0..e923952b9 100755 --- a/application/admin/view/default/goods/save_info.html +++ b/application/admin/view/default/goods/save_info.html @@ -175,7 +175,7 @@ +快捷操作 生成规格 -
+
@@ -213,35 +213,44 @@ +添加规格 - +批量设置 -
+ 高级批量设置 +
-

批量设置

+

高级批量设置

×
-
- - -
-
- - -
+
- + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
@@ -392,7 +401,7 @@
规格名称与规格值保持一致，相同规格名称添加一次即可，重复添加则后面覆盖前面，顺序不影响前端展示效果。 +添加规格图片 - +第列规格自动生成 + 第列规格自动生成
{{if !empty($specifications['type'])}} {{foreach $specifications.type as $type}} @@ -457,7 +466,7 @@
-
    +
      {{if !empty($data['content_app'])}} {{foreach $data.content_app as $v}}
    • diff --git a/public/static/admin/default/js/goods.js b/public/static/admin/default/js/goods.js index b8329dcb0..b2fb4a185 100755 --- a/public/static/admin/default/js/goods.js +++ b/public/static/admin/default/js/goods.js @@ -342,6 +342,121 @@ $(function() $spec_modal.modal('close'); }); + // 规格高级批量操作-弹层 + var $spec_popup_all_operation = $('#spec-popup-all-operation'); + $('.specifications-nav-set-all').on('click', function() + { + // 获取规格标题 + var title = []; + $('.specifications-table th.table-title').each(function(k, v) + { + var value = $(this).find('input').val() || null; + if(value != null && title.indexOf(value) == -1) + { + title.push(value); + } + }); + if(title.length < $('.specifications-table th.table-title').length) + { + Prompt('请填写规格名称'); + return false; + } + + // 获取规格值 + var data = []; + for(var i in title) + { + data[i] = []; + $('.specifications-table tbody tr').each(function(k, v) + { + var value = $(this).find('td').eq(i).find('input').val() || null; + if(value != null && data[i].indexOf(value) == -1) + { + data[i].push(value); + } + }); + } + + // 拼接html + var html = ''; + for(var i in data) + { + html += '
      '; + html += ''; + html += ''; + html += '
      '; + } + var $spec_container = $spec_popup_all_operation.find('.am-popup-bd .spec-title-container'); + $spec_container.html(html); + if(data.length > 0) + { + $spec_container.show(); + } else { + $spec_container.hide(); + } + + // select组件初始化 + $spec_popup_all_operation.find('.chosen-select').chosen({ + inherit_select_classes: true, + enable_split_word_search: true, + search_contains: true, + no_results_text: '没有匹配到结果' + }); + + // 所有input赋空 + $spec_popup_all_operation.find('input').val(''); + }); + + // 规格高级批量操作-赋值 + $spec_popup_all_operation.find('button.am-btn-secondary').on('click', function() + { + // 获取规格值条件 + var data = []; + $spec_popup_all_operation.find('.am-popup-bd .spec-title-container select.chosen-select').each(function(k, v) + { + data.push($(this).val() || null); + }); + + // 获取基础值 + var price = $spec_popup_all_operation.find('.am-popup-bd input.popup_all_price').val() || ''; + var number = $spec_popup_all_operation.find('.am-popup-bd input.popup_all_number').val() || ''; + var weight = $spec_popup_all_operation.find('.am-popup-bd input.popup_all_weight').val() || ''; + var coding = $spec_popup_all_operation.find('.am-popup-bd input.popup_all_coding').val() || ''; + var barcode = $spec_popup_all_operation.find('.am-popup-bd input.popup_all_barcode').val() || ''; + var original_price = $spec_popup_all_operation.find('.am-popup-bd input.popup_all_original_price').val() || ''; + + // 批量设置 + var data_length = data.length; + $('.specifications-table tbody tr').each(function(k, v) + { + var count = 0; + for(var i in data) + { + if(data[i] == null || data[i] == ($(this).find('td').eq(i).find('input').val() || null)) + { + count++; + } + } + var index = $(this).find('.value-start').index(); + if(count >= data_length) + { + $(this).find('td').eq(index).find('input').val(price); + $(this).find('td').eq(index+1).find('input').val(number); + $(this).find('td').eq(index+2).find('input').val(weight); + $(this).find('td').eq(index+3).find('input').val(coding); + $(this).find('td').eq(index+4).find('input').val(barcode); + $(this).find('td').eq(index+5).find('input').val(original_price); + } + }); + $spec_popup_all_operation.modal('close'); + }); + // 手机详情添加 $(document).on('click', '.content-app-items-add-sub', function() diff --git a/public/static/common/css/common.css b/public/static/common/css/common.css index da56ac718..b4c8a4c45 100755 --- a/public/static/common/css/common.css +++ b/public/static/common/css/common.css @@ -79,11 +79,11 @@ iframe { width: 100%; height: 100%; border: 0; } form.am-form .am-form-group:hover, .plug-file-upload-view:hover { background: #f6f9fc; } - form.am-form .am-form-group, .plug-images-list, .goods-specifications, .content-app-items, .plug-file-upload-view, .business-form-block { + form.am-form .am-form-group, .plug-file-upload-view, .business-form-group, .business-form-block { border-bottom: 1px dashed #ccc; padding: 10px 20% 10px 5px; } - .am-popup form.am-form .am-form-group, .business-form-block { + .am-popup .am-form-group, .business-form-block { padding: 10px 5px !important; } form.am-form .am-form-group-refreshing, .plug-file-upload-view, .content-app-items { @@ -140,23 +140,6 @@ iframe { width: 100%; height: 100%; border: 0; } .am-form-file input.original-images-url-delete { padding-right: 35px !important; } -/** - * 公共多图上传插件 - */ -.plug-images-list { padding: 0px; margin: 0px; overflow: hidden; } -.plug-images-list li { list-style-type: none; width: 150px; height: 200px; overflow: hidden; float: left; margin: 0 10px 10px 0; } -.plug-images-list li.plug-images-add-tag { border: 1px solid #eee; } -.plug-images-list li img { width: 100%; height: 150px; } -.plug-images-list .plug-images-add { text-align: center; width: 100%; } -.plug-images-list .plug-images-add .add-icon { color: #ccc; font-size: 80px; font-style: normal; height: 200px; line-height: 200px; cursor: pointer; display: block; } -.plug-images-list .plug-images-add .add-icon:hover { color: #b4b4b4; } -.plug-images-list li.plug-images-add-tag:hover { border: 1px solid #cfcfcf; } -.plug-images-list .plug-images-add input[type="file"] { margin-left: -10000px; position: absolute; } -@media only screen and (max-width: 641px) { - .plug-images-list li { width: calc( 50% - 10px) !important; } - .plug-images-list { width: 100%; } -} - /** * 公共文件上传插件 */