外卖人商品库列表增加产品缩略图

2019-12-18 浏览:333
外卖人商品库列表增加产品缩略图
评论:(0)复制地址

外卖人商品库列表默认没有商品缩略图,这样我们就不清楚到底是否上传了商品图片,那么如何加上呢,修改方法如下:

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;}


评论:(0)复制地址
发布:苗景云 | 分类:IT技术&设计 | Tags:外卖人

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。