public/themes/simpleboot3/portal/school/school.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/mui.min.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/mui.picker.min.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/log.css" />
</head>
<style>
    .delete_school {
        font-size: 0.32rem;
        color: #333;
        text-align: center;
    }

    .delete_btn {
        display: flex;
        display: -webkit-flex;
        justify-content: space-around;
        align-items: center;
    }

    .tx_maskcancel {
        width: 100%;
        height: 0.8rem;
        background: #f2f2f2;
        border-radius: 0.08rem;
        text-align: center;
        line-height: 0.8rem;
        color: #333;
        font-size: 0.32rem;
        margin-top: 0.4rem;
        margin-right: 0.5rem;
    }

    .tx_maskYes {
        width: 100%;
        height: 0.8rem;
        background: linear-gradient(338deg, rgba(255, 78, 0, 1) 0%, rgba(255, 157, 45, 1) 100%);
        border-radius: 0.08rem;
        text-align: center;
        line-height: 0.8rem;
        color: white;
        font-size: 0.32rem;
        margin-top: 0.4rem;
        margin-left: 0.5rem;
    }
</style>
<body>

<!-- 删除弹窗 -->
<div class="tx_mask" onclick="$(this).hide()">
    <div class="tx_maskCon" onclick="zZFun(this)">
        <div class="tx_maskCon2" style="border-radius: 0.1rem;">
            <div class="delete_school">
                是否确定删除？
            </div>
            <!-- 确定 -->
            <div class="delete_btn">
                <div class="tx_maskcancel">取消</div>
                <div class="tx_maskYes">确定</div>
            </div>
        </div>
    </div>
</div>

<div class="log_top_co">
    <!-- 顶部 -->
    <div class=" order_top log_top_co">
        <a href="{:url('personalcenter/personal_center')}">
            <img src="__TMPL__/public/assets/images/left.png" alt="" />
        </a>
        <p>学校管理</p>
    </div>
</div>
<!-- 学校列表 -->
<div class="log_seven">
    <volist name="school" id="val">
        <div class="log_seven_list log_seven_list_one shanchu{$val.id}">
            <div class="log_seven_left">
                <div class="log_seven_left_one">{$val.school}</div>
                <div class="log_seven_left_two">
                    <volist name="val.class" id="vo">
                        <span>{$vo.grade}{$vo.class}班</span>
                    </volist>
                </div>
                <div class="log_secen_left_three">{$val.region}</div>
            </div>
            <div class="log_seven_right">
                <div class="log_seven_right_one">
                    <img src="__TMPL__/public/assets/images/87.png" alt="" onclick="school_edit({$val.id})" />
                </div>
                <div class="log_seven_right_one log_seven_right_two" data-id="{$val.id}" >
                    <img src="__TMPL__/public/assets/images/86.png" alt="" />
                </div>
            </div>
        </div>
    </volist>

</div>
<!-- 按钮 -->
<div class="log_seven_btn">
    <a href="{:url('School/add_school')}">
        <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 src="__TMPL__/public/assets/js/mui.min.js"></script>
<script src="__TMPL__/public/assets/js/mui.picker.min.js"></script>
<script src="__TMPL__/public/assets/js/city.data-3.js"></script>
<script>

    let index = '';
    var id = '';
    //删除管理地址
    $('.log_seven_right_two').each(function() {

        $(this).click(function() {
            id = $(this).attr('data-id');
            index = $(this).parents(".log_seven_list").index();
            console.log(index)
            $(".tx_mask").css({
                display: "block"
            });
        })
    })
    $(".tx_maskYes").click(function() {
        console.log(index)

        var len = $(".log_seven_list");
        console.log(len)
        for(var i = 0; i < len.length; i++) {
            if(i == index) {
                $(len[i]).remove();
                    $.post("{:url('School/school_del')}",{id:id},function(data){
                        if(data){
                            $('.shanchu'+id).remove();
                        }
                    });
            };
            $(".tx_mask").css({
                display: "none"
            });
        }
    })
    $(".tx_maskcancel").click(function() {
        $(".tx_mask").css({
            display: "none"
        });
    })

    function zZFun(e) {
        window.event ? (window.event.cancelBubble = true) : e.stopPropagation();
    }


    /**
     *点击删除学校
     */


    /**
     *点击编辑学习
     */
    function school_edit(id){
        window.location.href = "{:url('School/school_edit')}?id="+id;
    }
</script>
<script>
    //删除管理地址

</script>
</body>

</html>