mashangyoujiu/Application/Agent/View/Pic/index.html

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css" />
    <style>
        .layui-word-aux{
            margin-left: 110px;
        }
        .default_img{
            width:150px;
            border: 1px solid #ddd;
            min-height: 100px;
        }
        .default_img_box{
            padding: 10px 0px;
        }
        .default_img_box {
            padding: 10px 0px;
            padding-left: 108px;
        }
    </style>
</head>
<body>
<div style="padding: 30px;">
    <input name="id" id="id" value="{$logoinfo['id']}" type="hidden">
    <form class="layui-form" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">后台Logo图片</label>
            <div class="layui-input-block">
                <button type="button" class="layui-btn" id="test2">
                    <i class="layui-icon">&#xe67c;</i>上传图片
                </button>
                <span>推荐大小(140*61)</span>
            </div>
            <div class="layui-input-block">
                <div class="default_img_box">
                    <img src="{$logoinfo['stageurl']}" onerror="this.onerror=null;this.src='/public/paper/images/wx_add.png'" alt="" class="default_img" id="head_imgone">
                </div>
                <input type="hidden" name="stageurl" id="stageurl" value="{$logoinfo['stageurl']}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">登录图片</label>
            <div class="layui-input-block">
                <button type="button" class="layui-btn" id="test3">
                    <i class="layui-icon">&#xe67c;</i>上传图片
                </button>
                <span>推荐大小(400*176)</span>
            </div>
            <div class="layui-input-block">
                <div class="default_img_box">
                    <img src="{$logoinfo['logo']}" onerror="this.onerror=null;this.src='/public/paper/images/wx_add.png'" alt="" class="default_img" id="head_imgtwo">
                </div>
                <input type="hidden" name="logo" id="logo" value="{$logoinfo['logo']}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">网站ico图片</label>
            <div class="layui-input-block">
                <button type="button" class="layui-btn" id="test4">
                    <i class="layui-icon">&#xe67c;</i>上传图片
                </button>
            </div>
            <div class="layui-input-block">
                <div class="default_img_box">
                    <img src="{$logoinfo['icourl']}" onerror="this.onerror=null;this.src='/public/paper/images/wx_add.png'" alt="" class="default_img" id="head_imgtree">
                </div>
                <input type="hidden" name="icourl" id="icourl" value="{$logoinfo['icourl']}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">系统名称</label>
            <div class="layui-input-inline">
                <input type="text" name="address" value="{$logoinfo['name']}" id="detail_address" required  lay-verify="required" placeholder="请输入系统名称" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"></label>
            <div class="layui-input-block">
                <button class="layui-btn" type="button" id="submit">提交</button>
            </div>
        </div>
    </form>
</div>
<script src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
<script type="text/javascript">
    layui.use(['form','upload','layer','laydate'], function() {
        var laydate = layui.laydate;
        var upload = layui.upload
        laydate.render({
            elem: '#begin_time'
        });
        laydate.render({
            elem: '#end_time'
        });
        upload.render({
            elem: '#test2' //绑定元素
            ,url: "{:U('upload')}" //上传接口
            ,done: function(res){
                console.log(res.path)
                //上传完毕回调
                if(res.status==1){
                    $('#head_imgone').attr('src',res.path);
                    $('#stageurl').val(res.path);

                }else{
                    layer.msg(res.msg,{time:1500});
                }
            }
            ,error: function(){
                //请求异常回调
            }
        });
        upload.render({
            elem: '#test3' //绑定元素
            ,url: "{:U('upload')}" //上传接口
            ,done: function(res){
                //上传完毕回调
                if(res.status==1){
                    $('#head_imgtwo').attr('src',res.path);
                    $('#logo').val(res.path);
                }else{
                    layer.msg(res.msg,{time:1500});
                }
            }
            ,error: function(){
                //请求异常回调
            }
        });
        upload.render({
            elem: '#test4' //绑定元素
            ,url: "{:U('uploads')}" //上传接口
            ,accept:"file"
            ,done: function(res){
                //上传完毕回调
                if(res.status==1){
                    $('#head_imgtree').attr('src',res.path);
                    $('#icourl').val(res.path);
                }else{
                    layer.msg(res.msg,{time:1500});
                }
            }
            ,error: function(){
                //请求异常回调
            }
        });
        var form = layui.form;
        var upload = layui.upload;
        var layer = layui.layer;
        $('#submit').click(function () {
            var detail_address = $('#detail_address').val();
            var stageurl = $('#stageurl').val();
            var logo = $('#logo').val();
            var icourl = $('#icourl').val();
            var id = $('#id').val();
            if(!stageurl || !logo ||!icourl || !detail_address){
                layer.msg('请先完善您的合伙人信息',{time:2000})
                return false;
            }else{
                $.ajax({
                    url:"{:U('addpar')}",
                    type:'post',
                    data:{
                        name:detail_address,
                        stageurl:stageurl,
                        logo:logo,
                        icourl:icourl,
                        id:id
                    },
                    success:function (res) {
                        if(res.status==1){
                            top.layer.msg(res.msg,{icon:1,time:1200},function () {
                                top.layer.closeAll();
                            })
                        }else{
                            layer.msg(res.msg,{time:1200})
                        }
                    },
                    error:function (error) {
                        console.log(error);
                    }
                })
            }
        })
    })
</script>
</body>
</html>