商品发布页面优化

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

 <!-- 规格快捷操作 -->
 <div class="spec-quick am-margin-bottom-lg">
-    <div class="am-margin-left-xs">
+    <div>
         <div class="am-alert am-alert-warning am-radius" data-am-alert>
-            快捷操作可以快速创建商品SKU，大量节省SKU编辑时间，快捷操作数据不影响SKU数据，仅生成的时候重新覆盖SKU。
+            <button type="button" class="am-close">&times;</button>
+            <p>快捷操作可以快速创建商品SKU，大量节省SKU编辑时间，快捷操作数据不影响SKU数据，仅生成的时候重新覆盖SKU。</p>
         </div>
         <span class="business-operations-submit quick-spec-title-add">+快捷操作</span>
         <span class="business-operations-submit am-margin-left-sm am-icon-gg quick-spec-created">生成规格</span>
@@ -44,11 +45,11 @@
 </div>
 
 <!-- 规格常规操作 -->
-<div class="am-margin-left-xs">
+<div>
     <span class="business-operations-submit specifications-nav-title-add">+添加规格</span>
     <span class="business-operations-submit am-margin-left-sm specifications-nav-set-all am-icon-cogs" data-am-modal="{target: '#spec-popup-all-operation'}"> 高级批量设置</span>
 </div>
-<div class="goods-specifications business-form-group am-form-group-refreshing am-padding-top-sm">
+<div class="goods-specifications am-padding-top-sm">
     <!-- 规格列表 -->
     <div class="specifications-container am-scrollable-horizontal">
         <table class="am-table am-table-bordered am-table-centered specifications-table am-margin-bottom-sm am-table-striped am-table-hover table-thead-beautify am-margin-bottom-0">
@@ -169,7 +170,7 @@
         <span class="business-operations-submit specifications-line-add">+添加一行</span>
     </div>
     <div class="spec-images-list">
-        <div class="am-alert am-alert-warning am-radius" data-am-alert>
+        <div class="am-alert am-radius">
             规格名称与规格值保持一致，相同规格名称添加一次即可，重复添加则后面覆盖前面，顺序不影响前端展示效果。
             <span class="business-operations-submit specifications-line-images-add">+添加规格图片</span>
             <span class="business-operations-submit specifications-line-images-auto-add am-margin-left-sm am-icon-dot-circle-o"> 第<input type="text" class="am-inline-block am-text-center am-margin-horizontal-xs am-radius" value="1" />列规格自动生成</span>

application/admin/view/default/public/goodsparamstemplate/table.html

@@ -13,48 +13,46 @@
 </div>
 
 <!--表列表数据 -->
-<div class="business-form-group am-padding-top-0">
-    <div class="parameters-container am-margin-top-sm">
-        <table class="am-table am-table-bordered am-table-centered am-table-striped am-table-hover am-margin-bottom-sm parameters-table table-thead-beautify am-margin-bottom-0">
-            <thead>
-                <tr>
-                    <th class="spec-quick-th-title">展示范围</th>
-                    <th class="spec-quick-th-title">参数名称</th>
-                    <th class="spec-quick-th-value">参数值</th>
-                    <th class="spec-quick-th-value">操作</th>
-                </tr>
-            </thead>
-            <tbody>
-                {{if !empty($parameters) and is_array($parameters)}}
-                    {{foreach $parameters as $pv}}
-                        <tr>
-                            <td class="am-text-middle">
-                                <select name="parameters_type[]" class="am-radius chosen-select" data-validation-message="请选择商品参数展示类型">
-                                    {{if !empty($common_goods_parameters_type_list)}}
-                                        {{foreach $common_goods_parameters_type_list as $v}}
-                                            <option value="{{$v.value}}" {{if $pv['type'] eq $v['value']}}selected{{/if}}>{{$v.name}}</option>
-                                        {{/foreach}}
-                                    {{/if}}
-                                </select>
-                            </td>
-                            <td class="am-text-middle">
-                                <input type="text" name="parameters_name[]" placeholder="参数名称" value="{{$pv.name}}" data-validation-message="请填写参数名称" maxlength="160" required />
-                            </td>
-                            <td class="am-text-middle">
-                                <input type="text" name="parameters_value[]" placeholder="参数值" value="{{$pv.value}}" maxlength="200" data-validation-message="请填写参数值" />
-                            </td>
-                            <td class="am-text-middle">
-                                <a href="javascript:;" class="am-text-xs am-text-secondary am-margin-right-sm line-move" data-type="top">上移</a>
-                                <a href="javascript:;" class="am-text-xs am-text-secondary am-margin-right-sm line-move" data-type="bottom">下移</a>
-                                <a href="javascript:;" class="am-text-xs am-text-danger line-remove">移除</a>
-                            </td>
-                        </tr>
-                    {{/foreach}}
-                {{/if}}
-            </tbody>
-        </table>
-    </div>
-    <div class="am-margin-top-sm">
-        <span class="business-operations-submit parameters-line-add">+添加一行</span>
-    </div>
+<div class="parameters-container am-margin-top-sm">
+    <table class="am-table am-table-bordered am-table-centered am-table-striped am-table-hover am-margin-bottom-sm parameters-table table-thead-beautify am-margin-bottom-0">
+        <thead>
+            <tr>
+                <th class="spec-quick-th-title">展示范围</th>
+                <th class="spec-quick-th-title">参数名称</th>
+                <th class="spec-quick-th-value">参数值</th>
+                <th class="spec-quick-th-value">操作</th>
+            </tr>
+        </thead>
+        <tbody>
+            {{if !empty($parameters) and is_array($parameters)}}
+                {{foreach $parameters as $pv}}
+                    <tr>
+                        <td class="am-text-middle">
+                            <select name="parameters_type[]" class="am-radius chosen-select" data-validation-message="请选择商品参数展示类型">
+                                {{if !empty($common_goods_parameters_type_list)}}
+                                    {{foreach $common_goods_parameters_type_list as $v}}
+                                        <option value="{{$v.value}}" {{if $pv['type'] eq $v['value']}}selected{{/if}}>{{$v.name}}</option>
+                                    {{/foreach}}
+                                {{/if}}
+                            </select>
+                        </td>
+                        <td class="am-text-middle">
+                            <input type="text" name="parameters_name[]" placeholder="参数名称" value="{{$pv.name}}" data-validation-message="请填写参数名称" maxlength="160" required />
+                        </td>
+                        <td class="am-text-middle">
+                            <input type="text" name="parameters_value[]" placeholder="参数值" value="{{$pv.value}}" maxlength="200" data-validation-message="请填写参数值" />
+                        </td>
+                        <td class="am-text-middle">
+                            <a href="javascript:;" class="am-text-xs am-text-secondary am-margin-right-sm line-move" data-type="top">上移</a>
+                            <a href="javascript:;" class="am-text-xs am-text-secondary am-margin-right-sm line-move" data-type="bottom">下移</a>
+                            <a href="javascript:;" class="am-text-xs am-text-danger line-remove">移除</a>
+                        </td>
+                    </tr>
+                {{/foreach}}
+            {{/if}}
+        </tbody>
+    </table>
+</div>
+<div class="am-margin-top-sm">
+    <span class="business-operations-submit parameters-line-add">+添加一行</span>
 </div>
\ No newline at end of file

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

@@ -4,6 +4,14 @@
 .dl-content img {
     max-width: 100%;
 }
+.am-panel .am-form-group:last-child,
+.am-panel .business-form-group:last-child {
+    border-bottom: 0;
+}
+.edui-default .edui-editor,
+.edui-default .edui-editor-iframeholder {
+    width: 100% !important;
+}
 
 /**
  * 滚动导航