{include file="header"}
<style type="text/css" media="all">
.dw{position:absolute;bottom:20px;right:0;top:0;text-align:center;color:#ff5722;cursor:pointer;border:1px solid #ff5722;line-height:43px;height:43px;padding:0 10px;background-color:#faebd7}
.map{height:100%;width:60%;float:left}
#right{color:#444;background-color:#f8f8f8;width:40%;float:left;height:100%}
#right input,#start,#stop{margin:4px;margin-left:15px}
.title{width:100%;background-color:#dadada}
button{border:solid 1px;margin-left:15px;background-color:#dadafa}
.c{font-weight:600;padding-left:15px;padding-top:4px}
#address,#lnglat,#nearestJunction,#nearestPOI,#nearestRoad,.title{padding-left:2px}
.jwd{height:100%;margin:0;width:100%;padding:0;overflow:hidden;font-size:13px}
</style>
<div class="layui-fluid">
    <div class="layui-card">
      <div class="layui-card-body" style="padding: 15px;">
        <!--表单提交-->
        {if get('id',0) == '0'}
        <form class="layui-form" url="{:url('admin/api/add_sj')}" t_url="javascript:parent.location.reload();">
        {else /}
        <form class="layui-form" url="{:url('admin/api/edit_sj')}" t_url="javascript:parent.location.reload();">
        <input type="hidden" name="id" value="{$c.id}">
        {/if}
        <input type="hidden" name="model" value="shangjia">
        <input type="hidden" name="jwd" value="{$c.jwd}">
        <div class="layui-row">
              <div class="layui-form-item">
                <label class="layui-form-label">状态</label>
                <div class="layui-input-block">
                  <input type="radio" name="open" value="1" title="正常" {if $c.open == 1}checked=""{/if}>
                  <input type="radio" name="open" value="2" title="待审" {if $c.open == 2}checked=""{/if}>
                  <input type="radio" name="open" value="3" title="拒绝" {if $c.open == 3}checked=""{/if}>
                </div>
              </div>
            <div class="layui-col-md3">
              <div class="layui-form-item">
                <label class="layui-form-label">VIP</label>
                <div class="layui-input-block">
                  <input type="radio" name="settop" value="1" title="打开" {if $c.settop == 1}checked=""{/if}>
                  <input type="radio" name="settop" value="0" title="关闭" {if $c.settop == 0}checked=""{/if}>
                </div>
              </div>
            </div>
            <div class="layui-col-md3">
              <div class="layui-form-item">
                <label class="layui-form-label">VIP时间</label>
                <div class="layui-input-block">
                    <input type="date" name="settop_time" value="{:date('Y-m-d', $c.settop_time)}"  autocomplete="off"  class="layui-input">
                </div>
              </div>
            </div>
          </div>
        <blockquote class="layui-elem-quote">基本信息</blockquote>
          <div class="layui-form-item">
            <label class="layui-form-label">商家名称</label>
            <div class="layui-input-block">
              <input type="text" name="title" lay-verify="required" value="{$c.title}"  autocomplete="off" placeholder="100字以内" class="layui-input">
            </div>
          </div>
          <div class="layui-row">
              <div class="layui-col-md4">
                  <div class="layui-form-item">
                    <label class="layui-form-label">商家图标</label>
                    <div class="layui-input-inline">
                      <input type="text" name="pic" id="upimg" value="{$c.pic}" autocomplete="off" placeholder="请上传图标封面" class="layui-input">
                    </div>
                     <button type="button" class="layui-btn upimg" up="upimg"><i class="iconfont">&#xe71d;</i>上传</button>
                  </div>
              </div>
              
              <div class="layui-col-md4">
                  <div class="layui-form-item">
                    <label class="layui-form-label">营业执照</label>
                    <div class="layui-input-inline">
                      <input type="text" name="pic_zz" id="upimg1" value="{$c.pic_zz}" autocomplete="off" placeholder="请上传商家营业执照" class="layui-input">
                    </div>
                     <button type="button" class="layui-btn upimg1" up1="upimg1"><i class="iconfont">&#xe71d;</i>上传</button>
                  </div>
              </div>
              
              <div class="layui-col-md4">
                  <div class="layui-form-item">
                    <label class="layui-form-label">微信二维码</label>
                    <div class="layui-input-inline">
                      <input type="text" name="pic_ma" id="upimg2" value="{$c.pic_ma}" autocomplete="off" placeholder="请上传商家二维码" class="layui-input">
                    </div>
                     <button type="button" class="layui-btn upimg2" up2="upimg2"><i class="iconfont">&#xe71d;</i>上传</button>
                  </div>
              </div>
              <div class="layui-col-md3">
                <div class="layui-form-item">
                  <label class="layui-form-label">地区</label>
                  <div class="layui-input-block">
                     <select name="sid" lay-verify="required" >
                      <option value="">请选择地区</option>
                      {foreach name=":fun_S('cate_diqu',array('tid'=>0),'px desc','1000',1)" item="v" key="k"}
                     <option value="{$v.id}" {if $c.sid == $v.id}selected="选择"{/if}>{$v.name}</option>
                      {volist name=":fun_s('cate_diqu',array('tid'=>$v['id']),'px desc',100,1)" id="vo"}
                      <option value="{$vo.id}" {if $c.sid == $vo.id}selected="选择"{/if}>——{$vo.name}</option>
                      {/volist}  
                      {/foreach} 
                    </select>
                  </div>
                </div>
             </div>
             <div class="layui-col-md3">
                <div class="layui-form-item">
                  <label class="layui-form-label">分类</label>
                  <div class="layui-input-block">
                     <select name="tid" lay-verify="required" >
                      <option value="">请选择分类</option>
                      {foreach name=":fun_S(ps('cate_shangjia'),array('tid'=>0),'px desc','1000',1)" item="v" key="k"}
                     <option value="{$v.id}" {if $c.tid == $v.id}selected="选择"{/if}>{$v.name}</option>
                      {volist name=":fun_s(ps('cate_shangjia'),array('tid'=>$v['id']),'px desc',100,1)" id="vo"}
                      <option value="{$vo.id}" {if $c.tid == $vo.id}selected="选择"{/if}>——{$vo.name}</option>
                      {/volist}  
                      {/foreach} 
                    </select>
                  </div>
                </div>
             </div>
              <div class="layui-col-md3">
                <div class="layui-form-item">
                  <label class="layui-form-label">固定电话</label>
                  <div class="layui-input-block">
                     <input type="text" name="tel" value="{$c.tel}"  autocomplete="off" placeholder="请输入" class="layui-input">
                </div>
                </div>
              </div>
              <div class="layui-col-md3">
                <div class="layui-form-item">
                  <label class="layui-form-label">手机号码</label>
                  <div class="layui-input-block">
                     <input type="text" name="phone" value="{$c.phone}" autocomplete="off" placeholder="请输入" class="layui-input">
                  </div>
                </div>
              </div>
              <div class="layui-col-md3">
                <div class="layui-form-item">
                  <label class="layui-form-label">传真</label>
                  <div class="layui-input-block">
                     <input type="text" name="faxes" value="{$c.faxes}" autocomplete="off" placeholder="请输入" class="layui-input">
                </div>
                </div>
              </div>
              <div class="layui-col-md3">
                <div class="layui-form-item">
                  <label class="layui-form-label">微信</label>
                  <div class="layui-input-block">
                     <input type="text" name="weixin" value="{$c.weixin}" autocomplete="off" placeholder="请输入" class="layui-input">
                </div>
                </div>
              </div>
              <div class="layui-col-md3">
                <div class="layui-form-item">
                  <label class="layui-form-label">QQ</label>
                  <div class="layui-input-block">
                     <input type="text" name="qq" value="{$c.qq}" autocomplete="off" placeholder="请输入" class="layui-input">
                </div>
                </div>
              </div>
              <div class="layui-col-md3">
                <div class="layui-form-item">
                  <label class="layui-form-label">邮箱</label>
                  <div class="layui-input-block">
                     <input type="text" name="mail" value="{$c.mail}" autocomplete="off" placeholder="请输入" class="layui-input">
                </div>
                </div>
              </div>
              <div class="layui-col-md6">
                <div class="layui-form-item">
                  <label class="layui-form-label">详细地址</label>
                  <div class="layui-input-block">
                     <input type="text" name="dizhi" value="{$c.dizhi}" lay-verify="required|dizhi" autocomplete="off" placeholder="请输入" class="layui-input">
                    <div class="dw yemian" css="jwd" w="80%" h="60%"  tblr="auto" anim="0" title="地图选点" shade="">地图选点</div>
                </div>
                </div>
              </div>
              <div class="layui-col-md3">
                <div class="layui-form-item">
                  <label class="layui-form-label">营业时间</label>
                  <div class="layui-input-block">
                     <input type="text" name="shijian" value="{$c.shijian}" autocomplete="off" placeholder="请输入" class="layui-input">
                     
                </div>
                </div>
              </div>
              <div class="layui-col-md3">
                <div class="layui-form-item">
                  <label class="layui-form-label">会员UID</label>
                  <div class="layui-input-block">
                     <input type="text" name="uid" value="{$c.uid}" autocomplete="off" placeholder="请输入" class="layui-input">
                </div>
                </div>
              </div>
          </div>
          <blockquote class="layui-elem-quote">商家介绍</blockquote>
          <div class="layui-form-item">
            {include file="editor"} 
          </div>
        <div class="tpt_item">
            <style type="text/css">
            .tpt_sels a{padding-right:15px;position:relative}
            .tpt_sels a{padding:0 20px 0 8px;color:#3B6268;background:#FFFFBA;border:1px #F8E06E solid;margin-right:5px;margin-bottom:5px;font-size:14px;height:26px;line-height:26px;display:block;float:left}
            .tpt_sels a em{width: 12px;height: 12px;font-style: normal;display: block;position: absolute;top: 7px;right: 4px;z-index: 2;background: url(/public/img/sx.png) no-repeat 0 0;}
            </style>
            <input type="hidden" name="keywords" value="{$c.keywords}">  
            <div id="tpt_sel" class="tpt_sels" style="margin-top: 20px;">
            <span style="margin-bottom: 5px;float: left;">
    		{if $c.keywords}<?php $arr=explode(',', $c['keywords']);foreach ($arr as $k=>$v){echo "<a href='javascript:;'>$v<em></em></a>";}?>{/if}
    		</span>
    		<div class="layui-form-item" style="margin-bottom: 20px;">
    			<label class="layui-form-label">商家标签</label>
    			<div class="layui-input-block">
    				<input id="tpt_input" type="text" value="" autocomplete="off" class="layui-input" style="width: 400px;float: left;margin-right: 20px;">
    				<button class="layui-btn" id="tpt_btn" type="button" style="background: #FF5722;">添加标签</button>
    			</div>
    		</div>
            <script type="text/javascript">
            $(function() {
            	$('#tpt_input').keydown(function(e) {
            		if (e.which === 13) {
            			$("#tpt_btn").click();
            			e.preventDefault();
            			return false;
            		}
            	});
            	$("#tpt_sel").on('click', 'a>em', function() {
            		var name = "keywords";
            		var tag = $(this).parent().text();
            		$(this).parent().remove();
            		var tags = new Array();
            		$("#tpt_sel").find('a').each(function() {
            			tags.push($(this).text());
            		});
            		$("input[name=" + name + "]").val(tags.join(","));
            		$("#tpt_pre a:contains('" + tag + "')").removeClass("selected");
            	});
            	$("#tpt_btn").click(function() {
            		var name = "keywords";
            		var tags = $.trim($("input[name=" + name + "]").val());
            		if (tags !== "") {
            			tags = tags.split(",");
            		} else {
            			tags = new Array();
            		}
            		var tag = $.trim($("#tpt_input").val());
            		if (tag !== '' && $.inArray(tag, tags) === -1) {
            			tags.push(tag);
            			$("#tpt_pre a:contains('" + tag + "')").addClass("selected");
            		}
            		$("#tpt_sel").children('span').empty();
            		$.each(tags, function(k, v) {
            			$("#tpt_sel").children('span').append('<a href="javascript:;">' + v + '<em></em></a>');
            		});
            		$("input[name=" + name + "]").val(tags.join(","));
            		$("#tpt_input").val('');
            	});
            	$("#tpt_pre").on('click', 'a:not(.selected)', function() {
            		var name = "keywords";
            		var tags = $.trim($("input[name=" + name + "]").val());
            		if (tags !== "") {
            			tags = tags.split(",");
            		} else {
            			tags = new Array();
            		}
            		var tag = $.trim($(this).text());
            		if (tag !== '' && $.inArray(tag, tags) === -1) {
            			tags.push(tag);
            		}
            		$("#tpt_sel").children('span').empty();
            		$.each(tags, function(k, v) {
            			$("#tpt_sel").children('span').append('<a href="javascript:;">' + v + '<em></em></a>');
            		});
            		$("input[name=" + name + "]").val(tags.join(","));
            		$(this).addClass('selected');
            	});
            });
            </script>
        </div>
          <blockquote class="layui-elem-quote">图片信息</blockquote>
          <div class="layui-form-item">
            <label for="L_title" class="layui-form-label">图片展示</label>
			  <button type="button" class="layui-btn imgid" up="imgpic"><i class="layui-icon">&#xe64a;</i>上传</button>
			   <div class="layui-form-mid layui-word-aux">建议不超过10张</div>
          </div>
          <!--批量图片-->
         <div class="layui-form-item picrq">
         {volist name=":skujson($c.pics)" id="vo"}
            <div  style="float: left;width:120px;margin-top:10px;" id="unpics{$i}">
             	<div align="center">
                    <img src="{$vo.name}" height="100" width="100" />
                    <input type="hidden" name="pics[{$vo.id}]"  autocomplete="off" value="{$vo.name}" class="layui-input">
                    <i onclick="uunpics{$i}()" class="layui-icon layui-icon-face-smile" style="font-size: 30px;color: #ff1e1e;cursor:pointer;margin-top:-30px;">&#x1007;</i> 
                </div>
             </div>
            {/volist} 
         </div>
          <div class="layui-form-item layui-layout-admin">
            <div class="layui-input-block">
              <div class="layui-footer" style="left: 0;">
                <button class="layui-btn" lay-submit="" lay-filter="cms">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
              </div>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
  {include file="mifenlei/admin/view/ditu.html"}
  {include file="footer"}