scd_tools_go/service/static/module/childmodule/add_area.html

<link rel="stylesheet" href="/static/layui/css/layui.css" media="all"/>
<script type="text/javascript" src="/static/layui/layui.js"></script>
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/global.js"></script>
<script src="/static/js/jquery.slimscroll.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/static/js/template.js"></script>
<style type="text/css">
    .address_box {
        float: left;
        border-bottom: 1px solid #ede1e1;
        font-size: 13px !important;
        line-height: 23px;
        padding: 5px 0 5px 10px;
        cursor: pointer;
    }

    .address_box > span {
        float: left;
        width: 100%;
        color: #000000;
    }

    .address_title {
        color: #0638ed !important;
    }

    .hidden {
        display: none;
    }

    .btn_search {
        float: right;
        height: 35px;
        line-height: 30px;
        opacity: 1;
    }
</style>
<script type="text/html" id="select_option_tpl">
    {{each data}}
        <option value="{{$value.id||$value.code}}">{{$value.name}}</option>
    {{/each}}
</script>
<div class="layui-form" lay-filter="example" id="container">
    <div style="display: none;">
        <input name="pid" id="text_pid"/>
        <input name="area_type" id="text_area_type"/>
        <input name="apmac" type="hidden" id="apmac"/>
    </div>
    <div class="layui-row">
        <div class="layui-col-md6">
            <div class="layui-form-item">
                <label class="layui-form-label" style="width:20%;"><span style="color:red;">*</span>名称：</label>
                <div class="layui-col-xs8">
                    <input type="text" id="area_name" name="area_name" required lay-verify="required" autoComplete="off"placeholder="请输入名称" class="layui-input layui-form-danger" maxlength="30">
                </div>
            </div>
        </div>
        <div class="layui-col-md6">
            <div class="layui-form-item">
                <label class="layui-form-label" style="width:20%;">变电站类型：</label>
                <div class="layui-col-xs8">
                    <select id="area_kind" name="area_kind" class="layui-input"></select>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-row">
        <div class="layui-col-md6">
            <div class="layui-form-item">
                <label class="layui-form-label" style="width:20%;">电压等级：</label>
                <div class="layui-col-xs8">
                    <select id="area_level" name="area_level" class="layui-input"></select>
                </div>
            </div>
        </div>
        <div class="layui-col-md6">
            <div class="layui-form-item">
                <label class="layui-form-label" style="width:20%;">排序号：</label>
                <div class="layui-col-xs8">
                    <input type="text" id="area_sort" name="area_sort" autoComplete="off" placeholder="请输入整数序号" class="layui-input layui-form-danger" value="0" maxlength="3">
                </div>
            </div>
        </div>        
    </div>
    <div id="map_setting">
        <div class="layui-row">
            <div class="layui-form-item">
                <label class="layui-form-label" style="width:20%;">地址：</label>
                <div class="layui-col-xs8">
                    <input type="text" id="area_addr" name="area_addr" autoComplete="off" placeholder="请输入地址" class="layui-input layui-form-danger" maxlength="100">
                </div>
            </div>
        </div>
    </div>
    <div class="layui-row" style="bottom: 0px;width:100%;text-align: center;line-height: 50px;">
        <button lay-submit lay-filter="saveArea"
                style="height: 30px;line-height: 28px;background-color: #1E9FFF;margin:0px 5px 0 0;opacity: 1;border: 1px solid #1E9FFF;"
                class="layui-btn layui-btn-normal">保存
        </button>
        <button class="layui-btn layui-btn-normal"
                style="height: 30px;line-height: 28px;background-color: #b39393;margin:0px 5px 0 0;;opacity: 1;"
                onclick="parent.layer.closeAll();">取消
        </button>
    </div>
</div>

<script type="text/javascript">
    var Map_geoc = null, Equipment_Object = {}, floor = false;
    $("#area_level").html(template('select_option_tpl', {data:parent.BasicAreaObject.VoltageLevel}));
    $("#area_kind").html(template('select_option_tpl', {data:parent.BasicAreaObject.StationType}));
    $(document).ready(function () {
        var tableId = parent.BasicAreaObject.tableId;
        var jd, wd;
        if (tableId == 0) {
            var info = parent.BasicAreaObject.AreaInfo;
            if (info != null) {
                $("#text_area_type").val(info["areay_type"]);
                $("#text_pid").val(info["id"]);                
            }
        } else {
            var data = parent.BasicAreaObject.RowData;            
            if (data != null) {
                $("#text_area_type").val(data["area_type"]);
                $("#text_pid").val(data["pid"]);
                $("#area_name").val(data["area_name"]);
                $("#area_kind").val(data["area_kind"]);
                $("#area_level").val(data["area_level"]);
                $("#area_sort").val(data["area_sort"]);
                $("#area_addr").val(data["area_addr"]);
                $("#apmac").val(data["apmac"]);                
            }
            layui.form.render("select");
        }
        layui.use(['layer', 'form'], function () {
            layui.form.on('submit(saveArea)', function (data) {
                var parameter = data.field;
                parameter["id"] = tableId;
                parameter["jd"]=0;
                parameter["wd"]=0;
                parent.BasicAreaObject.SaveArea(parameter);
            });
        });       
    });
</script>