public/themes/simpleboot3/portal/salesmangoods/salesman_goods.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>学考无忧-商品管理</title>
    <link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/log.css" />
</head>
<style>
    .log_five_list_center{
        width: 3.4rem;
        padding-top: 0.04rem;
    }
    .tx_maskCon_money {
        cursor: pointer;
         width: 5.6rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
</style>
<body>
<!-- 弹窗 -->
<div class="tx_mask"  onclick="$(this).hide()">
    <div class="tx_maskCon_money"  onclick="zZFun(this)">
        <div class="tx_maskCon2" >
            <div class="log_three_model">
                <div class="log_three_model_one" style="padding-bottom: 0.2rem;">
                    <div class="log_three_model_left">价钱</div>
                    <div class="log_three_model_right">
                        <input style="width: 2rem;" type="text" placeholder="请输入价钱" value="" id="price" />
                    </div>
                    <input type="hidden" name="" id="goods_id" value="">
                </div>
                <div class="log_three_model_one" style="padding-bottom: 0.2rem;">
                    <div class="log_three_model_left">佣金</div>
                    <div class="log_three_model_right">
                        <input style="width: 2rem;" type="text" placeholder="请输入佣金" value="" id="money" />
                    </div>
                </div>
            </div>
            <!-- 确定 -->
            <div class="tx_maskOk" onclick="moneyedit()" style="cursor: pointer;">确定</div>
        </div>
    </div>
</div>
<div class="log_top_co">
    <!-- 顶部 -->
    <div class=" order_top log_top_co">
        <a href="javascript:history.back(-1)">
            <img src="__TMPL__/public/assets/images/left.png" alt="" />
        </a>
        <p>商品管理</p>
    </div>
</div>
<div class="dom">
    <volist name="data_goods" id="vo">
        <div class="com del{$vo.id}">
            <!-- 商品列表 -->
            <div class="log_five_list" style="cursor: pointer">
                <div class="log_five_list_left">
                    <img src="{:cmf_get_image_url($vo.show_img)}" alt="" style="width: 100%;height: 100%;"/>
                </div>
                <div class="log_five_list_center">
                    <div class="log_five_list_center_one txt-cut" style="-webkit-line-clamp: 2; ">
                        {$vo.book_name}
                    </div>
                    <div class="log_four_zong_shu" style="margin-top: 0.16rem">
                        <span>￥</span>{$vo.price0}.<span>{$vo.price1}</span>
                    </div>
                    <div class="log_five_list_center_three">
                        销量：{$vo.sales}
                    </div>
                </div>
                <div class="log_five_list_right" style="cursor: pointer">
                    <img src="__TMPL__/public/assets/images/shenglve.png" alt="" />
                </div>
            </div>
            <!-- 操作 -->
            <div class="log_five_shanxian">
                <div class="log_five_handle">
                    <div class="log_five_handle_one">
                        <div class="log_five_handle_img">
                            <img src="__TMPL__/public/assets/images/87.png" alt="" />
                        </div>
                        <div class="log_five_handle_word log_five_handle_add" onclick="goods_edit({$vo.id})" style="cursor: pointer;">
                            编辑
                        </div>
                    </div>
                    <div class="log_five_handle_one" >
                        <div class="log_five_handle_img">
                            <img src="__TMPL__/public/assets/images/86.png" alt="" />
                        </div>
                        <div class="log_five_handle_word log_five_handle_del" onclick="goods_del({$vo.id})" style="cursor: pointer;">
                            删除
                        </div>
                    </div>
                    <div class="log_five_handle_one" >
                        <div class="log_five_handle_img">
                            <img src="__TMPL__/public/assets/images/85.png" alt="" />
                        </div>
                        <div class="log_five_handle_word log_five_handle_up" onclick="move_up({$vo.id})" style="cursor: pointer;">
                            上移
                        </div>
                    </div>
                    <div class="log_five_handle_one">
                        <div class="log_five_handle_img">
                            <img src="__TMPL__/public/assets/images/84.png" alt="" />
                        </div>
                        <div class="log_five_handle_word log_five_handle_pay" onclick="cost({$vo.id})" style="cursor: pointer;">
                            费用
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </volist>
</div>
<div class="log_seven_btn log_seven_btn9">
    <a href="{:url('Salesmangoods/Salesman_goods_add')}">
        <div class="log_seven_btn_contant">
            新增商品
        </div>
    </a>
</div>
<script src="__TMPL__/public/assets/js/jquery.js"></script>
<script src="__TMPL__/public/assets/js/base.js"></script>
<script>
    function zZFun(e) {
        window.event ? (window.event.cancelBubble = true) : e.stopPropagation();
    }
    /**
     * 点击编辑
     */
     function goods_edit(id) {
        window.location.href = "{:url('Salesmangoods/Salesman_goods_edit')}?goods_id="+id;
    }


    /**
     * 点击上移
     */
    function move_up(id){
        $.post("{:url('Salesmangoods/goods_move_up')}",{goods_id:id},function(data){
        });
    }

    /**
     *点击删除
     */
    function goods_del(id){
        $.post("{:url('Salesmangoods/goods_del')}",{goods_id:id},function(data){
            if(data){
                $('.del'+id).remove();
            }else{
                alert('删除失败!');
            }
        });
    }

    /**
     *费用
     */
    function cost(id){
        $.post("{:url('Salesmangoods/goods_cost')}",{goods_id:id},function(data){
            arr = JSON.parse(data);
            $('#price').val(arr.price);
            $('#money').val(arr.money);
            $('#goods_id').val(arr.id);
        });
    }

    /**
     *费用编辑
     */
    function moneyedit(){
        price = $('#price').val();
        money = $('#money').val();
        goods_id = $('#goods_id').val();
        if(price == ''){
            alert('不能为空');
        }else if(money == ''){
            alert('不能为空');
        }else{
            $.post("{:url('Salesmangoods/moneyedit')}",{price:price,money:money,goods_id:goods_id},function(data){
                if(data){
                }else{
                    alert('保存失败');
                }
            });
        }

    }

</script>
<script>
    $(document).on('click', '.log_five_list_right', function() {
        if($(this).find("img").attr("src") == "__TMPL__/public/assets/images/shenglve.png") {
            $(this).find("img").attr("src", "__TMPL__/public/assets/images/83.png");
            $(this).parents('.com').find('.log_five_shanxian').slideToggle();
        } else {
            $(this).find("img").attr("src", "__TMPL__/public/assets/images/shenglve.png");
            $(this).parents('.com').find('.log_five_shanxian').slideToggle();
        }

        var $up = $(this).parent('.log_five_list').parent(".com").children('.log_five_shanxian').find('.log_five_handle_up');
        $up.click(function() {
            console.log(123)
            var index = $(this).closest(".com").index();
            var txt = $(this).closest(".com").html();
            var txt1 = $(this).closest(".com").prev().html();
            var prev = $(this).closest(".com").prev();
            console.log(txt);
            if(index == 0) {
                alert("已经在最顶端了，不能上移了");
                $('.log_five_shanxian').css('display', 'none');
                return false;
            }

            $(this).closest(".com").html(txt1);
            prev.closest(".com").html(txt);
            $('.log_five_shanxian').css('display', 'none');

        })

    });

    // 编辑
    $(".log_five_handle_pay").click(function() {
        $(".tx_mask").css({
            display: "block"
        });
    });

    $(".tx_maskOk").click(function() {
        $(".tx_mask").css({
            display: "none"
        });
    });
</script>
</body>

</html>