master

分支 (1)

管理

管理

master

HTMLAdmin
/
shopitem.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">
    <meta name="csrf-token" content="{:token()}">
    <title>商城销售管理系统-首页</title>
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./static/css/app.css">

    <link rel="stylesheet" href="./static/css/wangEditor.min.css">
    <link rel="stylesheet" href="./static/css/form.css">
    <link rel="stylesheet" href="./static/css/shop.css">
</head>

<body class="show-f">
    <div class="public-left">
        <div class="public-left-header">
            <img src="/static/images/logo_00.png" alt="商城销售管理系统">
        </div>
        <div class="public-left-main">
            <dl>
                <dd>
                    <a href="">
                        <i class="iconfont icon-shouye"></i>
                        <strong>概览</strong>
                    </a>
                </dd>
                <dd class="subtopic">
                    <a href="javascript:void(0);">
                        <i class="iconfont icon-gouwudai"></i>
                        <strong>商品</strong>
                    </a>
                    <dl>
                        <dd>
                            <a href="">
                                <i class="iconfont icon-fenlei2"></i>
                                <strong>商品管理</strong>
                            </a>
                        </dd>
                        <dd class="subtopic">
                            <a href="javascript:void(0);">
                                <i class="iconfont icon-fenlei1"></i>
                                <strong>商品分类</strong>
                            </a>

                            <dl>
                                <dd>
                                    <a href="">
                                        <i class="iconfont icon-fenlei2"></i>
                                        <strong>商品管理</strong>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="" class="active">
                                        <i class="iconfont icon-fenlei1"></i>
                                        <strong>商品分类</strong>
                                    </a>
                                </dd>
                            </dl>
                        </dd>
                    </dl>
                </dd>
                <dd class="subtopic">
                    <a href="javascript:void(0);">
                        <i class="iconfont icon-gouwudai"></i>
                        <strong>商品</strong>
                    </a>
                    <dl>
                        <dd>
                            <a href="">
                                <i class="iconfont icon-fenlei2"></i>
                                <strong>商品管理</strong>
                            </a>
                        </dd>
                        <dd class="subtopic">
                            <a href="javascript:void(0);">
                                <i class="iconfont icon-fenlei1"></i>
                                <strong>商品分类</strong>
                            </a>

                            <dl>
                                <dd>
                                    <a href="">
                                        <i class="iconfont icon-fenlei2"></i>
                                        <strong>商品管理</strong>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="">
                                        <i class="iconfont icon-fenlei1"></i>
                                        <strong>商品分类</strong>
                                    </a>
                                </dd>
                            </dl>
                        </dd>
                    </dl>
                </dd>
            </dl>
        </div>
    </div>
    <div class="public-right">

        <div class="public-right-header">
            <a href="">
                <i class="iconfont icon-tongzhi"></i>
                <span class="info-pick">消息</span>
            </a>
            <a href="javascript:void(0);" id="out-crm">
                <i class="iconfont icon-tuichu"></i>
                <span>退出</span>
            </a>
            <div class="public-figure">
                <i style="background-image: url('./static/images/logo_01.png');"></i>
                <span>超级管理员</span>
                <ul>
                    <li>
                        <a href="">
                            <i class="iconfont icon-wode1"></i>
                            <span>个人信息</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);" id="lock-crm">
                            <i class="iconfont icon-suo"></i>
                            <span>锁定</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="public-right-main">

            <form action="javascript:void(0);" class="main-box form-style">
                <div class="main-header">
                    <h2>添加商品</h2>
                </div>
                <div class="main">
                    <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="hidden" class="form-input-text form-column-val" value="" data-info="请选择商品分类">
                        <div class="form-column-show">请选择商品分类</div>
                        <ul class="column-list hide">
                            <li data-text="请选择商品分类" data-id="0">请选择商品分类</li>
                            <li data-text="分类一" data-id="1">分类一</li>
                            <li data-text="分类一 &gt; 子类一" data-id="1,14">分类一 &gt; 子类一</li>
                            <li data-text="分类一 &gt; 子类一 &gt; 尾类一" data-id="1,14,20">分类一 &gt; 子类一 &gt; 尾类一</li>
                            <li data-text="分类三" data-id="16">分类三</li>
                            <li data-text="分类四" data-id="17">分类四</li>
                            <li data-text="分类五" data-id="18">分类五</li>
                        </ul>
                    </div>
                    <div class="form-input">
                        <label class="form-input-title">商品简述：</label>
                        <textarea class="form-input-desc"></textarea>
                    </div>
                    <div class="form-input shop-tab">
                        <label class="form-input-title">商品标签：</label>
                        <div class="tab-add">
                            <div class="tab-input">
                                <input type="hidden" value="" id="tab-str">
                                <input type="text">
                                <button type="button">添加</button>
                            </div>
                            <div class="tab-group"></div>
                        </div>
                    </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-img">
                        <label class="form-input-title">商品图集：</label>
                        <div class="form-img-box">
                            <p>建议图片尺寸750*750，并小于1M</p>
                            <ul>
                                <!--<li>-->
                                <!--<input type="hidden" value="">-->
                                <!--<span style="background-image: url('./static/images/login_bg.jpg');"></span>-->
                                <!--</li>-->
                                <li class="form-add-btn show" data-length="5" data-name="pic"></li>
                            </ul>
                        </div>
                    </div>
                    <strong class="main-title">商品属性</strong>
                    <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>
                        <input type="text" class="form-input-text" value="">
                    </div>
                    <div class="form-input">
                        <label class="form-input-title">市场价：</label>
                        <input type="text" class="form-input-text" value="">
                    </div>
                    <div class="form-input">
                        <label class="form-input-title be-input">运费模板：</label>
                        <input type="hidden" class="form-input-text form-column-val" value="" data-info="请选择运费方式">
                        <div class="form-column-show">请选择运费方式</div>
                        <ul class="column-list hide">
                            <li data-text="请选择运费方式" data-id="0">请选择运费方式</li>
                            <li data-text="分类一" data-id="1">分类一</li>
                        </ul>
                    </div>
                    <div class="form-input">
                        <label class="form-input-title">商品排序：</label>
                        <input type="text" class="form-input-text" value="99">
                    </div>
                    <div class="show-f">
                        <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>
                            <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>
                            <div class="form-checked">
                                <label class="switch-label">
                                    <input type="checkbox">
                                    <b></b>
                                </label>
                            </div>
                        </div>
                    </div>
                    <strong class="main-title">商品规格</strong>

                    <div class="show-f">
                        <div class="form-input shop-species-radio">
                            <label class="form-input-title">单规格：</label>
                            <div class="form-radio">
                                <label>
                                    <input type="radio" name="species-radio" value="0">
                                    <b></b>
                                </label>
                            </div>
                        </div>
                        <div class="form-input shop-species-radio">
                            <label class="form-input-title">多规格：</label>
                            <div class="form-radio">
                                <label>
                                    <input type="radio" name="species-radio" value="1" checked>
                                    <b></b>
                                </label>
                            </div>
                        </div>
                    </div>

                    <div id="shop-species" class="hide">
                        <div class="shop-species-top">
                            <button type="button" class="btn active">设置规格</button>
                            <input type="hidden" name="" value="" id="species-type">
                            <input type="hidden" name="" value="" id="species-values">
                        </div>
                        <div class="shop-species-bottom">
                            <table class="shop-species-table">
                                <thead></thead>
                                <tbody></tbody>
                            </table>
                        </div>

                    </div>

                    <strong class="main-title">商品详情</strong>
                    <div class="form-editor">
                        <div id="editor"></div>
                        <textarea name="editor" class="hide"><p><br></p></textarea>
                    </div>
                </div>
                <div class="main-footer">
                    <button type="submit" class="btn active">提交</button>
                    <button type="button" class="btn go-back">取消</button>
                </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/plugins/media/index.js" id="media"></script>
    <script src="./static/plugins/type/index.js" id="type"></script>

    <script src="./static/js/wangEditor.min.js"></script>
    <script src="./static/js/editorConf.js"></script>

    <script src="./static/js/form.js"></script>
    <script src="./static/js/shop.js"></script>


    <script>
        // 表单提交
        $('form').submit(function () {
            let validState = formValid();
            if (validState) {
                $.ajax({
                    url: addShopApi,
                    method: 'POST',
                    data: $('form').serializeArray(),
                    dataType: 'json',
                    headers: {
                        'token': localStorage.getItem('token')
                    },
                    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>