<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <?php $shoname_name = D('Home/Front')->get_config_by_name('shoname'); ?>
  <title><?php echo $shoname; ?></title>
  <link rel="shortcut icon" href="" />
        
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">

  <link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all">
 
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->  

    <link href="./resource/css/bootstrap.min.css?v=201903260001" rel="stylesheet">
    <link href="./resource/css/common.css?v=201903260001" rel="stylesheet">
    <script type="text/javascript">
        window.sysinfo = {
            <?php if (!empty($_W['uniacid']) ){ ?>'uniacid': '{$_W['uniacid']}',<?php } ?>
            <?php if( !empty($_W['acid'])  ){ ?>'acid': '{$_W['acid']}',<?php } ?>
            <?php if (!empty($_W['openid']) ) { ?>'openid': '{$_W['openid']}',<?php } ?>
            <?php if( !empty($_W['uid']) ) {  ?>'uid': '{$_W['uid']}',<?php } ?>
            'isfounder': <?php if (!empty($_W['isfounder']) ) { ?>1<?php  }else{  ?>0<?php } ?>,
            'siteroot': '{$_W['siteroot']}',
            'siteurl': '{$_W['siteurl']}',
            'attachurl': '{$_W['attachurl']}',
            'attachurl_local': '{$_W['attachurl_local']}',
            'attachurl_remote': '{$_W['attachurl_remote']}',
            'module' : {'url' : '<?php if( defined('MODULE_URL') ) { ?>{MODULE_URL}<?php } ?>', 'name' : '<?php if (defined('IN_MODULE') ) { ?>{IN_MODULE}<?php } ?>'},
            'cookie' : {'pre': ''},
            'account' : {:json_encode($_W['account'])},
        };
    </script>
            
    <script type="text/javascript" src="./resource/js/lib/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="./resource/js/lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="./resource/js/app/util.js?v=201903260001"></script>
    <script type="text/javascript" src="./resource/js/app/common.min.js?v=201903260001"></script>
    <script type="text/javascript" src="./resource/js/require.js?v=201903260001"></script>
    <script type="text/javascript" src="./resource/js/lib/jquery.nice-select.js?v=201903260001"></script>
    <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
    <link href="/static/css/snailfish.css" rel="stylesheet">

    <style type="text/css">
        .multi-img-details, .multi-audio-details {
            width: 100%;
            max-width: 700px;
            padding: 0;
            margin: 0;
            margin-top: .5em;
        }
        .input-group {
            position: relative;
            display: table;
            border-collapse: separate;
        }
        .multi-audio-details .multi-audio-item {
            width: 155px;
            height: 40px;
            position: relative;
            float: left;
            margin-right: 5px;
        }
        .multi-audio-details .btn-default {
            background: #eee !important;
            color: #6b6b6b;
            border: 1px solid #efefef !important;
            outline: none;
        }
        .multi-img-details .multi-item {
            max-height: 100px;
            max-width: 100px;
            position: relative;
            float: left;
            margin-right: 18px;
            margin-top: 10px;
            height: auto;
        }
        .multi-img-details .multi-item img {
            max-height: 100px;
            max-width: 100px;
        }
        .img-thumbnail {
            display: inline-block;
            max-width: 100%;
            height: auto;
            padding: 4px;
            line-height: 1.42857143;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 4px;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }
        .img-thumbnail {
            border-radius: 0 !important;
        }
        .multi-img-details .img-nickname {
            position: absolute;
            line-height: 25px;
            height: 25px;
            color: #fff;
            text-align: center;
            width: 90px;
            left: 5px;
            top: 8px;
            background: rgba(0,0,0,0.8);
        }
        .multi-img-details .multi-item em {
            position: absolute;
            top: 0;
            right: -14px;
        }
    </style>
</head>
<body layadmin-themealias="default">

    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-card-header layui-elem-quote">当前位置：<span class="line-text"><?php if( !empty($item['id'])){ ?>编辑<?php  }else{  ?>添加<?php } ?><?php if( !empty($item['id'])){ ?>({$item['name']})<?php } ?></span></div>
            <div class="layui-card-body" style="padding:15px;">
                <form action="" method="post" class="layui-form" lay-filter="component-layui-form-item" enctype="multipart/form-data" >
                    <input type="hidden" name="data[id]" value="{$item['id']}"/>
                    <div class="layui-form-item">
                        <label class="layui-form-label must">线路名称</label>
                        <div class="layui-input-block ">
                            <input type="text" id='title' name="data[name]" class="layui-input" value="{$item['name']}" lay-verify="required"/>
                        </div>
                    </div>
            		<div class="layui-form-item">
            			<label class="layui-form-label must">关联司机</label>
            			<div class="layui-input-block">
                            <div class="input-group " style="margin: 0;">
                                <input type="text" disabled value="{$item['clerk_id']}" class="form-control valid" name="clerk_id" placeholder="" id="clerk_id">
                                <span class="input-group-btn">
                                    <span data-input="#clerk_id" id="chose_clerk_id"  class="btn btn-default">选择司机</span>
                                </span>
                            </div>
                            <?php if( $saler){ ?>
                            <div class="input-group " style="margin: 0;">
                                <div class="layadmin-text-center choose_user">
                                    <img style="" src="{:tomedia($saler['avatar'])}">
                                    <div class="layadmin-maillist-img" style="">{$saler['nickname']}</div>
                                    <button type="button" class="layui-btn layui-btn-sm" onclick="cancle_bind(this,'clerk_id')"><i class="layui-icon">&#xe640;</i></button>
                                </div>
                            </div>
                            <?php } ?>
            			</div>
            		</div>
            		<div class="layui-form-item">
            			<label class="layui-form-label must">关联小区</label>
            			<div class="layui-input-block">
                            <div class="input-group " style="margin: 0;">
                                <input type="text" disabled value="{$item['head_id']}" class="form-control valid" name="head_id" placeholder="" id="head_id">
                                <span class="input-group-btn">
                                    <span data-input="#head_id" id="chose_head_id"  class="btn btn-default">选择小区</span>
                                </span>
                            </div>
                            <div class="input-group multi-audio-details container">
                            <?php if( $headlist){ ?>
                                <?php foreach($headlist as $v){ ?>
                                    <div class="multi-audio-item " data-id="{$v['id']}">
                                        <div class="input-group">
                                           <input type="text" class="form-control img-textname" readonly="" value="{$v['community_name']}">
                                           <input type="hidden" value="{$v['id']}" name="head_id[]">
                                           <div class="input-group-btn">
                                                <button class="btn btn-default" data-id="{$v['id']}" onclick="cancle_head(this, {$v['id']})" type="button"><i class="fa fa-remove"></i></button>
                                           </div>
                                        </div>
                                    </div>
                                <?php } ?>
                            <?php } ?>
                            </div>
            			</div>
            		</div>
                    <div class="layui-form-item">
                        <label class="layui-form-label"></label>
                        <div class="layui-input-block">
                            <input type="submit" value="提交" lay-submit lay-filter="formDemo" class="btn btn-primary"/>
                           
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>


<script src="/layuiadmin/layui/layui.js"></script>
    <script>
        layui.config({
            base: '/layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use('index');
    </script>
    <script>
    var layer = layui.layer;
    var $;
    var cur_open_div;
    layui.use(['jquery', 'layer','form'], function(){ 
        $ = layui.$;
        var form = layui.form;
        form.on('radio(linktype)', function(data){
            if (data.value == 2) {
                $('#typeGroup').show();
            } else {
                $('#typeGroup').hide();
            }
        });

        $('#chose_link').click(function(){
            cur_open_div = $(this).attr('data-input');
            $.post("{:U('util.selecturl', array('ok' => 1))}", {}, function(shtml){
             layer.open({
                type: 1,
                area: '930px',
                content: shtml //注意，如果str是object，那么需要字符拼接。
              });
            });
        })

        form.verify({
          title: [
            /^[\S]{1,}$/,'标题不能为空'
          ] 
        });
            
        //监听提交
        form.on('submit(formDemo)', function(data){
			var loadingIndex = layer.load();
            $.ajax({
                url: data.form.action,
                type: data.form.method,
                data: data.field,
                dataType:'json',
                success: function (info) {
                  
                    if(info.status == 0)
                    {
                        layer.msg(info.result.message,{icon: 2,time: 2000});
						layer.close(loadingIndex);
                    }else if(info.status == 1){
                        var go_url = location.href;
                        if( info.result.hasOwnProperty("url") )
                        {
                            go_url = info.result.url;
                        }
                        
                        layer.msg('操作成功',{time: 1000,
                            end:function(){
                                 var backurl = "{:U('delivery/delivery_line',array('ok'=>'1'))}";
                                 location.href = backurl;
                                 // location.href = info.result.url;
                            }
                        }); 
                    }
                }
            });
            return false;
        });
    })

    $('#chose_clerk_id').click(function(){
        cur_open_div = $(this).attr('data-input');
        $.post("{:U('delivery/queryclerk', array('ok' => 1))}", {}, function(shtml){
         layer.open({
            type: 1,
            area: '930px',
            content: shtml //注意，如果str是object，那么需要字符拼接。
          });
        });
    })

    $('#chose_head_id').click(function(){
        cur_open_div = $(this).attr('data-input');
        $.post("{:U('communityhead/lineheadquery', array('is_just_line' => 1))}", {}, function(shtml){
         layer.open({
            type: 1,
            area: '930px',
            content: shtml //注意，如果str是object，那么需要字符拼接。
          });
        });
    })

    function cancle_bind(obj,sdiv)
    {
        $('#'+sdiv).val('');
		$('#clerk_id').val('');
        $(obj).parent().parent().remove();
    }

    function cancle_head(obj,sdiv)
    {
        $('#'+sdiv).val('');
        $(obj).parents('.multi-audio-item').remove();
    }

    </script>  
</body>
</html>
