scd_tools_go/service/static/module/basic_area.html

<script type="text/javascript" src="/static/js/basic_area.js"></script>

<script type="text/javascript" src="/static/js/global.js"></script>
<div class="children-content">
    <blockquote class="layui-elem-quote" style="padding:1rem;line-height:2.5rem;">基础数据管理 / 组织机构管理</blockquote>
    <div id="tree_area" style="float:left;width:22%;overflow: auto;background-color: #fafafa;">
        <div id="tree" class="ztree tree"></div>
    </div>
    <div style="float:right;width:77%;">
        <div style="float:left;position:relative;width:100%;">
            <div class="layui-panel" style="height:60px;line-height:60px;">
                <div class="layui-row">
                    <div class="layui-col-md12" id="opt_caption">
                        <span
                            style="margin-left: 2rem;font-weight: bold;border-left: 0.5rem solid #5fb878;padding-left: 0.5rem;">请先选择树节点</span>
                        <button id="btnNew" type="button" class="layui-btn layui-btn-normal"
                            style="margin-left:4rem;height:3.2rem;line-height:3.2rem;"
                            onclick="BasicAreaObject.ShowDialog(this,0);">新增
                        </button>
                    </div>
                </div>
            </div>
            <div id="area_data_list layui-form" style="float: left;width:100%;">
                <div class="layui-col-md12" style="float: left;">
                    <div class="layui-form-item" id="search_div" style="margin-bottom:0px;line-height: 6rem;">
                        <input type="hidden" id="text_type" value="">
                        <span style="float:left;margin-left:2rem;">名称：</span>
                        <div class="layui-col-xs2">
                            <input type="text" id="text_name" style="margin-top:1.2rem;" autoComplete="off"
                                class="layui-input layui-form-danger">
                        </div>
                        <span style="float:left;margin-left:2rem;">电压等级：</span>
                        <div class="layui-col-xs2">
                            <select id="text_voltage_level" style="margin-top:1.2rem;" class="layui-input"></select>
                        </div>
                        <span style="float:left;margin-left:2rem;">类型：</span>
                        <div class="layui-col-xs2">
                            <select id="text_station_type" style="margin-top:1.2rem;" class="layui-input"></select>
                        </div>
                        <button id="btnSearch" type="button" class="layui-btn layui-btn-normal"
                            style="margin-left:4rem;height:3.2rem;line-height:3.2rem;"
                            onclick="BasicAreaObject.FastSearch();">查询
                        </button><button id="btnSearch" type="button" class="layui-btn layui-btn-normal"
                            style="margin-left:4rem;height:3.2rem;line-height:3.2rem;background-color: #b39393;"
                            onclick="BasicAreaObject.ResetSearch();">重置
                        </button>
                    </div>
                </div>
                <form class="layui-form layui-form-pane" action="" style="float: left;width: 100%;margin-top:-1rem;">
                    <table id="table_area_list" lay-filter="search_div" style="float: left;width: 100%;">
                    </table>
                </form>
            </div>
        </div>
    </div>
</div>

<script type="text/html" id="row_operator">
    <i class="layui-icon layui-icon-edit" style="cursor:pointer;margin-left:1rem;" title="编辑记录" lay-event="edit"></i>
    <i class="layui-icon layui-icon-delete" style="margin-left:1rem;cursor:pointer;" title="删除记录" lay-event="delete"></i>
</script>

<script type="text/javascript">

    $(document).ready(function () {
        BasicAreaObject.Init();
        BasicAreaObject.SearchArea();
        layui.table.on('tool(search_div)', function (obj) {
            var data = obj.data;
            var layEvent = obj.event;
            var Id = data["id"];
            if (layEvent === 'delete') {
                $.getJSON(Global.AccessUrl+"/api/basic_area/getchildrencount",{"pid":Id},function(r){
                    if(r.code!=0){
                        layer.msg(r.msg);
                        return;
                    }
                    var isMoreHintText="";
                    if(r.count>0){
                        isMoreHintText='<div style="text-align:center;">【谨慎操作】该节点下还有子节点，将删除<span style="color:red;">所有子节点</span>，是否确定删除<span style="color:red;font-weight:700;padding:0 2px;">' + data["area_name"] + '</span>？</div>';
                    }else{
                        isMoreHintText='<div style="text-align:center;">【谨慎操作】是否确定删除<span style="color:red;font-weight:700;padding:0 2px;">' + data["area_name"] + '</span>的数据信息？</div>';
                    }
                    layer.confirm(isMoreHintText,{title:"区域删除"}, function (index) {
                        obj.del();
                        layer.close(index);
                        BasicAreaObject.DeleteArea(Id,"1");
                    });
                });
                
            } else if (layEvent === 'edit') {
                BasicAreaObject.RowData = data;
                BasicAreaObject.ShowDialog(null, Id);
            }
        });
    });
</script>