sileya-ai
/
vr-shopxo-source
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

goods

feat/task1-c-wallet
gongfuxiang 2018-12-25 00:52:19 +08:00
parent 7790be58eb
commit 6a419a6658
4 changed files with 187 additions and 124 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
application/admin/view/default/goods/save_info.html
View File

@ -153,13 +153,13 @@
</div>
<!-- 规格 -->
<div id="goods-nav-operations" class="division-block goods-specifications">
<div id="goods-nav-operations" class="division-block">
<label class="block nav-detail-title">商品规格</label>
<span class="business-operations-submit specifications-nav-title-add">+添加规格</span>
<div class="goods-specifications">
<div class="spec-images-tips">
<label class="am-checkbox c-p">
<input type="checkbox" value="1" data-am-ucheck />
<span class="fs-12">首个规格选择添加图片</span>
<span class="fs-12 msg-tips">首个规格选择添加图片</span>
</label>
</div>
<table class="am-table am-table-bordered am-table-centered specifications-table m-t-10 m-b-10">
@ -250,28 +250,21 @@
{{/if}}
</tbody>
</table>
<span class="business-operations-submit specifications-nav-title-add">+添加规格</span>
<span class="business-operations-submit specifications-line-add">+添加一行</span>
<ul class="spec-images-list">
<li>
<ul class="plug-file-upload-view spec-images-view" data-form-name="spec_images[]" data-max-number="1" data-dialog-type="images">
<!-- <li>
<ul class="plug-file-upload-view spec-images-view" data-form-name="spec_images[]" data-max-number="1" data-delete='0' data-dialog-type="images">
<li>
<input type="hidden" name="spec_images[]" value="" />
<img src="{{$image_host}}/static/admin/default/images/default-images.png" />
</li>
</ul>
<div class="plug-file-upload-submit" data-view-tag="ul.spec-images-view">+上传图片</div>
</li>
<li>
<ul class="plug-file-upload-view spec-images-view" data-form-name="spec_images[]" data-max-number="1" data-dialog-type="images">
<li>
<input type="hidden" name="spec_images[]" value="" />
<img src="{{$image_host}}/static/admin/default/images/default-images.png" />
</li>
</ul>
<div class="plug-file-upload-submit" data-view-tag="ul.spec-images-view">+上传图片</div>
</li>
</li> -->
</ul>
</div>
</div>
<!-- 相册 -->
<div id="goods-nav-photo" class="division-block">

3
application/admin/view/default/public/header.html
View File

@ -16,4 +16,7 @@
<link rel="stylesheet" type="text/css" href="{{$Think.__MY_ROOT__}}static/{{$module_css}}" />
{{/if}}
</head>
<script type="text/javascript">
var __image_host__ = '{{$image_host}}';
</script>
<body>

16
public/static/admin/default/css/goods.css
View File

@ -66,8 +66,8 @@
}
.spec-images-tips {
position: absolute;
left: 100px;
top: 60px;
left: 9px;
top: 30px;
z-index: 2;
padding: 2px 5px;
white-space: nowrap;
@ -101,10 +101,20 @@
.spec-images-tips .am-checkbox {
margin: 0px;
min-height: auto;
height: 15px;
line-height: 15px;
}
.spec-images-tips .am-ucheck-icons {
width: 15px;
height: 15px;
line-height: 15px;
}
.spec-images-tips .am-checkbox input[type="checkbox"] {
margin: 0 0 0 -4px;
}
.spec-images-tips .msg-tips {
vertical-align: super;
}
.spec-images-list {
border: 1px solid #eee;
padding: 10px;
@ -112,6 +122,8 @@
}
.spec-images-list li {
display: inline-block;
width: 100px;
margin: 0 10px 3px 0;
}
/**

69
public/static/admin/default/js/goods.js
View File

@ -29,6 +29,9 @@ $(function()
html += '<input type="text" name="specifications_value_'+index+'[]" placeholder="规格值" />';
html += '</td>';
$('.value-start').before(html);
// 规格图片
SpecImagesHandle();
});
// 规格列移除
@ -42,6 +45,9 @@ $(function()
{
$('.specifications-table tr.line-not-first').remove();
}
// 规格图片
SpecImagesHandle();
});
// 添加一行规格值
@ -66,6 +72,9 @@ $(function()
{
$(this).attr('value', '');
});
// 规格图片
SpecImagesHandle();
});
// 规格行复制
@ -77,6 +86,9 @@ $(function()
$(this).attr('value', $(this).val());
});
$parent.after($parent.prop('outerHTML'));
// 规格图片
SpecImagesHandle();
});
// 规格行移除
@ -89,20 +101,63 @@ $(function()
$('.specifications-table th.table-title').remove();
$('.specifications-table td.table-value').remove();
}
// 规格图片
SpecImagesHandle();
});
// 规格首列事件
$('.spec-images-tips').on('change', 'input', function()
{
if($(this).prop('checked'))
{
console.log(1);
} else {
console.log(0);
}
// 规格图片
SpecImagesHandle();
});
// 规格第一列输入事件
$('.specifications-table tbody tr').on('change', 'td:eq(0) input', function()
{
// 规格图片
SpecImagesHandle();
});
// 规格图片
function SpecImagesHandle()
{
if($('.spec-images-tips input').prop('checked'))
{
var temp_spec_all = {}, spec_all = [];
$('.specifications-table tbody tr').each(function(k, v)
{
var value = $(this).find('td:eq(0) input').val();
temp_spec_all[value] = value;
});
spec_all = Object.keys(temp_spec_all);
if(spec_all.length > 0)
{
for(var i in spec_all)
{
var temp_class = 'spec-images-items-'+spec_all[i];
if($('ul.spec-images-list').find('.'+temp_class).length <= 0)
{
var html = '<li class="'+temp_class+'">';
html += '<input type="text" value="'+spec_all[i]+'" disabled="disabled" />'
html += '<ul class="plug-file-upload-view spec-images-view-'+spec_all[i]+'" data-form-name="spec_images[]" data-max-number="1" data-delete="0" data-dialog-type="images">';
html += '<li>';
html += '<input type="hidden" name="spec_images[]" value="" />';
html += '<img src="'+__image_host__+'/static/admin/default/images/default-images.png" />';
html += '</li>';
html += '</ul>';
html += '<div class="plug-file-upload-submit" data-view-tag="ul.spec-images-view-'+spec_all[i]+'">+上传图片</div>';
html += '</li>';
$('ul.spec-images-list').append(html);
}
}
}
} else {
$('ul.spec-images-list').html('');
}
}
// 手机详情添加
$(document).on('click', '.content-app-items-add-sub', function()
{