master

分支 (1)

管理

管理

master

HTMLAdmin
/
treepage.html

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <title>商城销售管理系统-首页</title>
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./static/css/treepage.css">
    <!-- <link rel="stylesheet" href="./static/css/form.css"> -->
</head>

<body>
    <div class="public-left">
        <div class="public-left-header">
            <img src="/static/images/logo_00.png" alt="商城销售管理系统" class="public-logo">
        </div>
        <div class="public-left-main">
            <ul class="public-left-nav">
                <li class="public-left-nav-item">
                    <a href="" class="public-left-nav-link active">
                        <i class="iconfont icon-shouye"></i>
                        <strong class="public-left-nav-title">概览</strong>
                    </a>
                </li>
                <li class="public-left-nav-item">
                    <a href="" class="public-left-nav-link">
                        <i class="iconfont icon-gouwudai"></i>
                        <strong class="public-left-nav-title">商品</strong>
                    </a>
                    <ul class="public-left-nav">
                        <li class="public-left-nav-item">
                            <a href="" class="public-left-nav-link">
                                <i class="iconfont icon-shouye"></i>
                                <strong class="public-left-nav-title">商品管理</strong>
                            </a>
                        </li>
                        <li class="public-left-nav-item">
                            <a href="" class="public-left-nav-link">
                                <i class="iconfont icon-shouye"></i>
                                <strong class="public-left-nav-title">商品分类</strong>
                            </a>
                            <ul class="public-left-nav">
                                <li class="public-left-nav-item">
                                    <a href="" class="public-left-nav-link">
                                        <i class="iconfont icon-shouye"></i>
                                        <strong class="public-left-nav-title">商品管理</strong>
                                    </a>
                                </li>
                                <li class="public-left-nav-item">
                                    <a href="" class="public-left-nav-link">
                                        <i class="iconfont icon-shouye"></i>
                                        <strong class="public-left-nav-title">商品分类商品分类商品分类商品分类商品分类</strong>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li class="public-left-nav-item">
                    <a href="" class="public-left-nav-link">
                        <i class="iconfont icon-shouye"></i>
                        <strong class="public-left-nav-title">概览</strong>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <div class="public-right">
        <div class="public-right-header">
            <a href="" class="public-right-header-item">
                <i class="iconfont icon-tongzhi"></i>
                <span class="public-right-header-text">消息</span>
            </a>
            <a href="javascript:void(0);" class="public-right-header-item" id="out-crm">
                <i class="iconfont icon-tuichu"></i>
                <span class="public-right-header-text">退出</span>
            </a>
            <div class="public-right-header-item">
                <i style="background-image: url('./static/images/logo_01.png');" class="face"></i>
                <span>超级管理员</span>
                <ul class="face-list">
                    <li class="face-item">
                        <a href="" class="face-link">
                            <i class="iconfont icon-wode1"></i>
                            <span class="face-text">个人信息</span>
                        </a>
                    </li>
                    <li class="face-item">
                        <a href="javascript:void(0);" class="face-link" id="lock-crm">
                            <i class="iconfont icon-suo"></i>
                            <span class="face-text">锁定</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="public-right-main">
            <form action="javascript:void(0);" id="add-shop" class="main-box form-style">
                <!-- <div class="main-header">
                    <h2 class="main-header-title">管理员信息</h2>
                </div> -->
                <div class="main-have">
                    <div class="form-input">
                        <label class="form-input-title be-input">名称：</label>
                        <input type="text" class="form-input-text" value="" data-info="请填写管理员名称">
                    </div>
                    <div class="form-input">
                        <label class="form-input-title be-input">账号：</label>
                        <input type="text" class="form-input-text" value="" data-info="请填写管理员账号">
                    </div>
                    <div class="form-input">
                        <label class="form-input-title be-input">密码：</label>
                        <input type="text" class="form-input-text" value="" data-info="请填写管理员密码：">
                    </div>

                    <div class="form-input">
                        <label class="form-input-title">简述：</label>
                        <textarea class="form-input-desc"></textarea>
                    </div>

                    <div class="form-img">
                        <label class="form-input-title">管理员头像：</label>
                        <div class="form-img-box">
                            <p>建议图片尺寸750*750，并小于1M</p>
                            <ul>
                                <li class="form-add-btn show" data-length="1" data-name="img"></li>
                            </ul>
                        </div>
                    </div>
                    <div class="form-input">
                        <label class="form-input-title">启用：</label>
                        <div class="form-checked">
                            <label class="switch-label">
                                <input type="checkbox">
                                <b></b>
                            </label>
                        </div>
                    </div>
                    <div class="form-input">
                        <label class="form-input-title">设置权限：</label>
                        <input id="tree-json" type="hidden" value="">
                        <button type="button" class="btn active auto-ary"><span>管理</span></button>
                    </div>
                </div>
                <div class="main-footer">
                    <div class="form-btn-group">
                        <button type="submit" class="btn active">提交</button>
                        <button type="button" class="btn go-back">取消</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/layer/3.1.1/layer.min.js"></script>
    <script src="./static/js/api.js"></script>
    <script src="./static/js/app.js"></script>
    <script src="./static/js/form.js"></script>

    <script>
        var treeJson = $('#tree-json').val() === '' ? [] : JSON.parse($('#tree-json').val()),
            getListUrl = getAutoApi;
        $('.auto-ary').on('click', function () {
            treeJson = $('#tree-json').val() === '' ? [] : JSON.parse($('#tree-json').val());
            treeSelect(function (res) {
                $('#tree-json').val(JSON.stringify(res));
            });
        });

        // 表单提交
        $('form').submit(function () {
            let validState = formValid();
            if (validState) {
                $.ajax({
                    url: addShopApi,
                    method: 'POST',
                    data: $('form').serializeArray(),
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    success(res) {
                        if (res.state === 1) {
                            layer.msg(res.msg, {
                                icon: 1
                            }, function () {
                                window.history.back();
                            });
                        } else {
                            $('meta[name="csrf-token"]').attr('content', res.data.token)
                            layer.msg(res.msg, {
                                icon: 2
                            });
                        }
                    }
                });
            }
            return false;
        });
    </script>
</body>

</html>