外卖人商品库列表默认没有商品缩略图,这样我们就不清楚到底是否上传了商品图片,那么如何加上呢,修改方法如下:
1、打开templates/adminpage/shop/goodslibrary.html ,红色部分为新增
<div class="orderList_show_goodli">
<div class="ord_goodname">
<span>产品名称</span>
</div>
<div class="ord_goodthumb">
<span>产品图片</span>
</div>
<div class="ord_price">
<span>价格(元)</span>
</div>
<div class="ord_day_order" >
<span>排序</span>
</div>
<div class="order_caozuo">
<span>操作</span>
</div>
</div>
<{foreach from=$list key=myid item=items}>
<{foreach from=$items['det'] item=ite}>
<div class="order_listlistgoodsdet goodsdiv_<{$items['id']}>" goodname="<{$ite['name']}>" data="<{$ite['id']}>" id="goodstr_<{$ite['id']}>" >
<div class="order_goodlist">
<div class="cd_name">
<p class="name"><{$ite['name']}></p>
</div>
<div class="cd_thumb">
<div class="thumb"><{if empty($ite['img'])}><img src="<{$goodlogo}>" height="48" width="48"><{else}><a href="<{$ite['img']}>" target="_blank"><img src="<{$ite['img']}>" height="48" width="48"></a><{/if}></div>
</div>
<div class="cd_price">
<p class="cost"><{$ite['cost']}></p>
</div>
<div class="cd_order">
<p class="good_order"><{$ite['good_order']}></p>
</div>
<div class="cd_caozuo">
<span style=" background:#27a9e3; padding:8px; color:#fff;" class="curbtn" onclick="editgoods('<{$ite['id']}>');">编辑</span>
<span style=" background:#ec7501; padding:8px; color:#fff;" class="curbtn" onclick="delgoods('<{$ite['id']}>');">删除</span>
</div>
</div>
</div>
<{/foreach}>
<{/foreach}>
新增产品影响的位置
<div class="order_list" id="additem" style="display:none;">
<input type="hidden" name="adgoodstypeid" value="">
<div class="order_goodlist">
<div class="cd_name">
<input style="width:50%;" type="text" value="" name="adgoodname" placeholder="商品名称"/>
</div>
<div class="cd_thumb">
</div>
<div class="cd_price">
<input style="width:50%;" type="text" value="10.00" name="adgoodcost" placeholder="商品单价"/>
</div>
<div class="cd_order">
<input style="width:50%;" type="text" value="99" name="adgoodpaixu" placeholder="商品排序"/>
</div>
<div class="cd_caozuo">
<span style=" background:#27a9e3; padding:8px; color:#fff;" class="curbtn" id="saveaddgoods">保存</span>
</div>
</div>
</div>
新增产品ajax影响的位置
hideop();
var htmldata = '<div class="order_listlistgoodsdet goodsdiv_'+backinfo.content.typeid+'" data="'+backinfo.content.id+'" id="goodstr_'+backinfo.content.id+'" >';
htmldata += ' <div class="order_goodlist">';
htmldata += ' <div class="cd_name">';
htmldata += ' <p class="name">'+backinfo.content.name+'</p>';
htmldata += ' </div>';
htmldata += ' <div class="cd_thumb">';
htmldata += ' <div class="thumb"><img src="<{$goodlogo}>" height="48" width="48"></div>';
htmldata += ' </div>';
htmldata += ' <div class="cd_price">';
htmldata += ' <p class="cost">'+backinfo.content.cost+'</p> ';
htmldata += ' </div>';
2、打开templates/adminpage/public/shopcenter/css/shangjiaAdmin.css修改样式表,注意红色部分为新增,其他的要修改一下width数值
.ord_goodname,.ord_goodthumb,.ord_price,.ord_dbf,.ord_day_num,.order_caozuo{ height:67px; float:left; line-height:67px; font-size:14px; color:#aaaaaa;
font-family:"宋体"; font-weight:700; text-align:center; border-right:1px solid #45423e;}
.ord_goodname{ width:40%;}
.ord_goodthumb{width:calc(20% - 1px);border-left:1px solid #4c4a48;}
.ord_price{ width:calc(10% - 1px); border-left:1px solid #4c4a48;}
.ord_dbf{ width:20%;border-left:1px solid #4c4a48;}
.ord_day_order{ width:calc(10% - 2px);border-left:1px solid #4c4a48;}
.ord_day_num{ width:20%;border-left:1px solid #4c4a48;}
.order_caozuo{width:calc(19% - 2px);border-left:1px solid #4c4a48;border-right:0}
.order_list{ width:1010px; background:#424549;}
.order_goodlist{ width:1010px; height:50px; border-bottom:1px solid #5c5b5a;}
.cd_name,.cd_thumb,.cd_price,.cd_dbf,.cd_dayNum,.cd_caozuo{ height:50px; float:left; line-height:50px; font-size:14px; color:#c3c3c3;
font-family:"宋体"; text-align:center; border-right:1px solid #4c4a48;}
.order_goodlist .cd_name{width:40%;height:50px;text-overflow: ellipsis;overflow: hidden;outline: 0!important;}
.order_goodlist .cd_thumb{width:calc(20% - 1px);border-left:1px solid #5c5a59;}
.order_goodlist .cd_price{ width:calc(10% - 1px); border-left:1px solid #5c5a59;}
.order_goodlist .cd_dbf{ width:20%;border-left:1px solid #5c5a59;}
.order_goodlist .cd_dayNum{width:20%;border-left:1px solid #5c5a59;}
.order_goodlist .cd_order{width:calc(10% - 2px);border-left:1px solid #5c5a59;}
.order_goodlist .cd_caozuo{ width:calc(19% - 2px);border-left:1px solid #5c5a59;}
相关文章
外卖人商品库上传产品图片窗口打开慢的解决方案2019-12-17
外卖人后台商品标题长度不能大于50小于2 的修改办法2019-12-16
外卖人商品库商品排序无效的解决办法2019-12-16