{extend name="basecopy"}

{block name="content"}
<style>
  .table thead tr th{ padding:15px;text-align: center;background: #4FC3A1;color: #fff;vertical-align: inherit }
  .table thead tr th:nth-of-type(odd){ background: #324960;}
  .table tbody tr td{ text-align: center;padding:10px;vertical-align: inherit;font-size: 16px;}
  .table tbody tr:hover{ background: #ddd !important; }
	.action{position: relative;}
	.action img{ width: 30px; }
	.action .recommend{ position: absolute;top:0;right:0;width: 50px;}
	.layui-table-sort[lay-sort=asc] .layui-table-sort-asc{border-bottom-color:red }
	.layui-table-sort .layui-edge{border-top-color:#fff;border-bottom-color:#fff}
	.layui-table-sort[lay-sort=desc] .layui-table-sort-desc{border-top-color:red}
</style>
<p style="background:#fff;font-size: 30px;text-align:center;color:#22A7F0">全网商品对接系统（商品列表）</p>
<div class="row" >
	<div class="col-sm-12">
		<div class="card-box">
			<div class="row">
				<div class="col-sm-6">
					<form class="form-inline" role="form" action="" method="get">
						<div class="form-group">
							<select name="cate_id" class="form-control">
                <option value="1" {if $Think.get.cate_id==1 }selected{/if} >供货商名称 </option> 
                <option value="2" {if $Think.get.cate_id==2 }selected{/if} >商品名称 </option> 
                <option value="3" {if $Think.get.cate_id==3 }selected{/if} >商品对接码 </option> 
              </select> </div>
								 <div class="form-group">
									<input name="name" type="text" class="form-control" placeholder="店铺名称" value="{$Think.get.name|default=''}">
						</div>
						<button type="submit" class="btn btn-purple waves-effect waves-light"><i class="fa fa-search"></i> 搜索</button>
					</form>
				</div>
			</div>
			<!-- end row -->
			<div class="row" style="margin-top:20px;">
				<table class="table table-striped m-0 ">
					<thead>
						<tr>
              <th style="width: 10%;">编号</th>
							<th style="width: 25%">商品名称</th>
							<th style="width: 10%">商品类型</th>
							<th style="width: 15%">供货商店名</th>
							<th style="width: 10%">运营时间</th>
							<th style="width: 10%">库存</th>
							<th style="width: 10%">
									<div class="layui-table-cell laytable-cell-1-0-8">
										<span>对接价格</span>
										<a href="/merchant/docking/goods?sort={$sort?$sort:'desc'}&page={$page}" class="layui-table-sort layui-inline" lay-sort="{$sort}" >
											<i class="layui-edge layui-table-sort-asc" title="升序"></i>
											<i class="layui-edge layui-table-sort-desc" title="降序"></i>
										</a>
									</div>
							</th>
							<th style="width: 10%">对接</th>
						</tr>
					</thead>
					<tbody>
						{foreach name="goodslist" id="v"  key="k" }
						<tr style="{if $v.pondsort==1 } background:#9067C5 !important;color:#fff; {/if}">
              <td>{$k+1}</td>
							<td>
								{$v.goods.name}
								{if $v.goods_recommend==1 }
                <img src="__RES__/img/top-good.gif" alt="">
                {/if}
							</td>
							<td>卡密</td>
							<td>
                {$v.upname}
              </td>
              <td><span style="color:#71b6f9" >{$v.start_time}</span></td>
              <td><span style="color:#f840e1" >{$v.goods.cards_stock_count}张</span></td>
              <td><span style="color:red" >{$v.code.price}元</span></td>
              <td class="action">
								<a href="javascript:;" onclick="goodsProxy('{$v.code.id}')">
									<img class="link" src="__RES__/img/link.png" alt="">
								</a>
								{if $v.goods_recommend==1 }
								 <img class="recommend" src="__RES__/img/top-good6.png" alt="">
                {/if}
               
              </td>
						</tr>
						{/foreach}
					</tbody>
				</table>
			</div>	{$pagedom}
			<!-- end row -->
		</div>
	
	</div>
</div>

{/block}

{block name="appendJS"}
<script>
 layui.use('layer',function(layer){
    window.goodsProxy=function(id){
      $.get('/merchant/docking/proxyadd',{id},function(res){
        layer.open({
          type: 1,
          skin: 'layui-layer-demo', //样式类名
          anim: 2,
          shadeClose: true, //开启遮罩关闭
          content: res,
          title:'商品对接',
          area:['900px','600px']
        });
      })
    }
    var msg='{$msg}';
    if(msg!=''){
      layer.msg(msg);
    }
 })

</script>
<script>
	$('[name="visit_type"]').change(function(){
		var status=$(this).val();
		if(status==1){
			$('.block-visit_password').slideDown();
		}else{
			$('.block-visit_password').slideUp();
		}
	});
	$('[name="wholesale_discount"]').change(function(){
		var status=$(this).val();
		if(status==1){
			$('.block-wholesale_discount').slideDown();
		}else{
			$('.block-wholesale_discount').slideUp();
		}
	});
	
	layui.use('layer',function(layer){
		
		$(document).on('click','.addproxy',function(){
			var good_name = $('.form-horizontal').find("input[name='name']").val();
			if(!good_name){
				layer.msg('商品名称不能为空!');
				return false;
			}
			var good_price = $('.form-horizontal').find("input[name='price']").val();
			if(!good_price){
				layer.msg('商品价格不能为空!');
				return false;
			}
			var serializeObj={};
			var array=$('.form-horizontal').serializeArray();
			$(array).each(function(){  
					if(serializeObj[this.name]){  
						if($.isArray(serializeObj[this.name])){  
							serializeObj[this.name].push(this.value);  
						}else{  
							serializeObj[this.name]=[serializeObj[this.name],this.value];  
						}  
					}else{  
						serializeObj[this.name]=this.value;   
					}  
			});
			$.post('/merchant/docking/proxyadd',serializeObj,function(data){
				if(data.code==1){
					layer.closeAll();
				
					layer.msg(data.msg);
				}else{
					
					layer.msg(data.msg);
				}
			})
		})
	})
	</script>
{/block}