商品规格图片

application/admin/view/default/goods/save_info.html

@@ -156,6 +156,12 @@
 			<div id="goods-nav-operations" class="division-block goods-specifications">
 				<label class="block nav-detail-title">商品规格</label>
 				<span class="business-operations-submit specifications-nav-title-add">+添加规格</span>
+				<div class="spec-images-tips">
+					<label class="am-checkbox c-p">
+						<input type="checkbox" value="1" data-am-ucheck />
+						<span class="fs-12">首个规格选择添加图片</span>
+					</label>
+				</div>
 				<table class="am-table am-table-bordered am-table-centered specifications-table m-t-10 m-b-10">
 					<thead class="title-nav">
 						<tr>
@@ -206,7 +212,7 @@
 									{{if isset($v['data_type'])}}
 										{{switch v.data_type}}
 											{{case spec}}
-												<td class="table-value-{{$v.data.key}}">
+												<td class="table-value table-value-{{$v.data.key}}">
 													<input type="text" name="specifications_value_{{$v.data.key}}[]" placeholder="规格值" value="{{$v.data.value}}" />
 												</td>
 											{{/case}}
@@ -245,6 +251,26 @@
 					</tbody>
 				</table>
 				<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>
+								<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>
+				</ul>
 			</div>
 
 			<!-- 相册 -->
@@ -348,11 +374,5 @@ $(function()
 			$('ul.attribute-items-ul-{{$v.id}}').dragsort({ dragSelector: 'i.drag-sort-submit', placeHolderTemplate: '<li class="drag-sort-dotted"></li>'});
 		{{/foreach}}
 	{{/if}}
-
-	{{if !empty($data['content_app'])}}
-		{{foreach $data.content_app as $v}}
-			ImageFileUploadShow('.images-file-tag-{{$v.id}}');
-		{{/foreach}}
-	{{/if}}
 });
 </script>

public/static/admin/default/css/goods.css

@@ -61,6 +61,58 @@
 .specifications-table > tbody > tr > td {
     vertical-align: middle;
 }
+#goods-nav-operations {
+    position: relative;
+}
+.spec-images-tips {
+    position: absolute;
+    left: 100px;
+    top: 60px;
+    z-index: 2;
+    padding: 2px 5px;
+    white-space: nowrap;
+    border: solid 1px #FDEF9D;
+    border-radius: 2px;
+    background-color: #FEFBE6;
+    color: #593C07;
+    box-shadow: 2px 2px 0 rgba(0,0,0,0.05);
+}
+.spec-images-tips::before {
+    position: absolute;
+    z-index: 2;
+    left: 15px;
+    bottom: -5px;
+    overflow: hidden;
+    width: 6px;
+    height: 6px;
+    margin-top: -54px;
+    background-color: #FEFBE6;
+    border-style: solid;
+    border-width: 0 1px 1px 0;
+    border-color: #FDEF9D;
+    font-size: 0;
+    content: "";
+    -webkit-transform: rotate(45deg);
+    -moz-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    transform: rotate(45deg);
+    box-shadow: 2px 2px 0 rgba(0,0,0,0.05);
+}
+.spec-images-tips .am-checkbox {
+    margin: 0px;
+    min-height: auto;
+}
+.spec-images-tips .am-checkbox input[type="checkbox"] {
+    margin: 0 0 0 -4px;
+}
+.spec-images-list {
+    border: 1px solid #eee;
+    padding: 10px;
+    margin-top: 15px;
+}
+.spec-images-list li {
+    display: inline-block;
+}
 
 /**
  * 属性

public/static/admin/default/js/goods.js

@@ -25,7 +25,7 @@ $(function()
         $('.title-start').before(html);
 
         // value
-        html = '<td class="table-value-'+index+'">';
+        html = '<td class="table-value table-value-'+index+'">';
         html += '<input type="text" name="specifications_value_'+index+'[]" placeholder="规格值" />';
         html += '</td>';
         $('.value-start').before(html);
@@ -83,6 +83,24 @@ $(function()
     $('.specifications-table').on('click', '.line-remove', function()
     {
         $(this).parents('tr').remove();
+
+        if($('.specifications-table tbody tr').length <= 1)
+        {
+            $('.specifications-table th.table-title').remove();
+            $('.specifications-table td.table-value').remove();
+        }
+    });
+
+    // 规格首列事件
+    $('.spec-images-tips').on('change', 'input', function()
+    {
+        if($(this).prop('checked'))
+        {
+            console.log(1);
+        } else {
+            console.log(0);
+        }
+        
     });
 
     // 手机详情添加
@@ -123,7 +141,6 @@ $(function()
         $content_tag.append(html);
         $content_tag.attr('index', index);
         $(this).attr('index', i+1);
-        ImageFileUploadShow('.images-file-tag-'+index);
     });
 
     // 手机详情删除

public/static/common/css/common.css

@@ -165,7 +165,7 @@ ul.plug-file-upload-view li {
     float: left;
     width: 100px;
     height: 100px;
-    margin: 0 10px 10px 0;
+    margin: 0 10px 3px 0;
     padding: 5px;
     text-align: center;
     border: 1px dashed #c2c2c2;