wxPhone
/
me-d-kucun.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!--<link rel="icon" href="./static/favicon.png" type="image/x-icon">-->
    <title>库存管理</title>
    <link rel="stylesheet" href="./css/same-css.css">
    <link rel="stylesheet" href="./css/me-d-kucun-css.css">
    <script src="./js/jquery-3.1.0.min.js"></script>
</head>
<body>
<div class="tab">
    <ul>
        <li id="tabUp">已入仓</li>
        <li id="tabDown">未入仓</li>
    </ul>
</div>
<div class="list need-scroll">

    <ul class="goods" id="upGoods" style="display: none;">
        <li>
            <img class="goods-img clear" src="./images/goods7.jpg" alt="">
            <div class="goods-intro">
                <p class="goods-name">泰国电话卡就是牛，信号就是好，信号就是好，信号就是好，信号就是好，信号就是好，信号就是好，信号就是好，信号就是好，信号就是好</p>
                <p class="goods-price">现价：<span>￥２９.９</span></p>
            </div>
            <div class="slide">
                <div class="kucun">
                    <div>库存<span>10000</span></div>
                </div>
                <div class="checkout">
                    <div><a href="me-d-ku-check.html">进度查询</a></div>
                </div>
                <div class="give-out">
                    <div>我要供货</div>
                </div>
                <div class="kucun-slide" style="display: none;">
                    <i></i>
                    <div class="kucun-change">
                        <div class="input1">
                            <div class="kucun-change-head">供货产品</div>
                            <div>
                                <input type="text">
                            </div>
                        </div>
                        <div class="input2">
                            <div class="kucun-change-head">数量</div>
                            <div>
                                <input type="text">
                                <!--<span>件</span>-->
                            </div>
                        </div>
                        <div class="input3">
                            <div class="kucun-change-head">快递单号</div>
                            <div>
                                <input type="text">
                            </div>
                        </div>
                    </div>
                    <button>保存</button>
                </div>
            </div>
        </li>
        <li>
            <img class="goods-img clear" src="./images/goods7.jpg" alt="">
            <div class="goods-intro">
                <p class="goods-name">泰国电话卡就是牛，信号就是好，信号就是好，信号就是好，信号就是好，信号就是好，信号就是好，信号就是好，信号就是好，信号就是好</p>
                <p class="goods-price">现价：<span>￥２９.９</span></p>
            </div>
            <div class="slide">
                <div class="kucun">
                    <div>库存<span>10000</span></div>
                </div>
                <div class="checkout">
                    <div><a href="me-d-ku-check.html">进度查询</a></div>
                </div>
                <div class="give-out">
                    <div>我要供货</div>
                </div>
                <div class="kucun-slide" style="display: none;">
                    <i></i>
                    <div class="kucun-change">
                        <div class="input1">
                            <div class="kucun-change-head">供货产品</div>
                            <div>
                                <input type="text">
                            </div>
                        </div>
                        <div class="input2">
                            <div class="kucun-change-head">数量</div>
                            <div>
                                <input type="text">
                                <!--<span>件</span>-->
                            </div>
                        </div>
                        <div class="input3">
                            <div class="kucun-change-head">快递单号</div>
                            <div>
                                <input type="text">
                            </div>
                        </div>
                    </div>
                    <button>保存</button>
                </div>
            </div>

        </li>
    </ul>


    <ul class="goods" id="downGoods" style="display: none;">
        <li>
            <img class="goods-img clear" src="./images/goods7.jpg" alt="">
            <div class="goods-intro">
                <p class="goods-name">泰国电话卡就是牛，信号就是好，信号就是好，信号就是好，信号就是好，信号就是好，信号就是好，信号就是好，信号就是好，信号就是好</p>
                <p class="goods-price">现价：<span>￥２９.９</span></p>
            </div>
            <div class="slide">
                <div class="kucun">
                    <div>库存<span>10000</span></div>
                </div>
                <div class="checkout">
                </div>
                <div class="give-out">
                    <div>修改库存</div>
                </div>
                <div class="kucun-slide slide2" style="display: none;">
                    <i></i>
                    <div class="kucun-change">
                        <div class="input1">
                            <div class="kucun-change-head">修改数量</div>
                            <div>
                                <input type="text">
                            </div>
                        </div>
                    </div>
                    <button class="btn2">保存</button>
                </div>
            </div>

        </li>
        <li>
            <img class="goods-img" src="./images/goods7.jpg" alt="">
            <div class="goods-intro">
                <p class="goods-name">泰国电话卡就是牛，信号就是好</p>
                <p class="goods-price">现价：<span>￥２９.９</span></p>
            </div>

            <div class="slide">
                <div class="kucun">
                    <div>库存<span>10000</span></div>
                </div>
                <div class="checkout">
                </div>
                <div class="give-out">
                    <div>修改库存</div>
                </div>
                <div class="kucun-slide slide2" style="display: none;">
                    <i></i>
                    <div class="kucun-change">
                        <div class="input1">
                            <div class="kucun-change-head">修改数量</div>
                            <div>
                                <input type="text">
                            </div>
                        </div>
                    </div>
                    <button class="btn2">保存</button>
                </div>
            </div>

        </li>
    </ul>
</div>

<div class="bottom_box">
    <ul>
        <li onclick="window.location.href = 'me-d-index.html'"><img src="./images/shouye3.png" alt="">首页</li>
        <li class="active"><img src="./images/kucun-1.png" alt="">库存</li>
        <li onclick="window.location.href = './me-d-order.html'"><img src="./images/dingdan.png" alt="">订单</li>
        <li onclick="window.location.href = 'me-d.html'"><img src="./images/wode.png" alt="">我的</li>
    </ul>
</div>


<script>
    $(document).ready(function () {
        var setTagP = $('.give-out div');
        var tabUp = $('#tabUp');
        var tabDown = $('#tabDown');
        var upGoods = $('#upGoods');
        var downGoods = $('#downGoods');
        setTagP.click(function () {
            $(this).parent().next().slideToggle(500);
            if ($(this).hasClass('active')) {
                $(this).removeClass('active');
            } else {
                $(this).addClass('active');
            }
        });

        /*初始化页面*/
        tabUp.addClass('active');
        upGoods.fadeIn();
        $('.tab ul li ').click(function () {
            if ($(this).index() == 0) {
                downGoods.hide();
                upGoods.fadeIn(500);
                tabUp.addClass('active');
                tabDown.removeClass('active');
            } else if ($(this).index() == 1) {
                upGoods.hide();
                downGoods.fadeIn(500);
                tabDown.addClass('active');
                tabUp.removeClass('active');
            }
        });

        $('button').click(function () {
            $(this).parent().slideToggle(500);
            $(this).parent().parent().find('.give-out div').removeClass('active');
        });

    });
</script>
</body>
</html>