scd_tools_go/service/static/module/childmodule/add_station.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/city.js"></script>
<script type="text/javascript" src="/static/js/station.js"></script>

<div class="layui-form" lay-filter="example" style="margin:20px auto 0 auto;width:90%;">
    <div class="layui-form-item">
        <label class="layui-form-label">
            <span style="color:red;">*</span>
            <span>组织机构：</span>
        </label>
        <div class="layui-input-block">
            <select name="orgid" id="combox_parentid"></select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label" style="width:100px;padding:9px 10px 0 0px;"><span style="color: red;">*</span>变电站名称：</label>
        <div class="layui-input-block">
            <input required lay-verify="required" type="text" name="name" autoComplete="off" placeholder="请输入变电站名称"
                   class="layui-input layui-form-danger">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">PMS编码：</label>
        <div class="layui-input-block">
            <input type="text" name="pms" autoComplete="off" placeholder="请输入PMS编码"
                   class="layui-input layui-form-danger">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label" style="width:100px;padding:9px 10px 0 0px;">变电站地址：</label>
        <div class="layui-input-block">
            <input type="text" name="address" autoComplete="off" placeholder="请输入变电站地址"
                   class="layui-input layui-form-danger">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">负责人：</label>
        <div class="layui-input-block">
            <input type="text" name="contact" autoComplete="off" placeholder="请输入负责人"
                   class="layui-input layui-form-danger">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">联系电话：</label>
        <div class="layui-input-block">
            <input type="text" name="phone" autoComplete="off" placeholder="请输入联系电话"
                   class="layui-input layui-form-danger">
        </div>
    </div>
    <div style="position: absolute;bottom: 0px;width:90%;">
        <div class="layui-layer-btn layui-layer-btn" style="float: right;padding-right:0px;">
            <button lay-submit lay-filter="save-button"
                    style="height: 30px;line-height: 28px;background-color: #1E9FFF;margin: 5px 5px 0;opacity: 1;border: 1px solid #1E9FFF;"
                    class="layui-btn layui-btn-normal">确定
            </button>
            <a class="layui-layer-btn1" style="margin-right:0px;" onclick="parent.layer.closeAll();">取消</a>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        var tableId = parent.OrganizationObejct.tableid;
        layui.use(['layer', 'form'], function () {
            if (tableId > 0) {
                $.getJSON(Global.AccessUrl + "/api/search_org", {"orgid": tableId}, function (returnData) {
                    if (returnData["code"] == 0) {
                        returnData = returnData["data"];
                        if (returnData != null && returnData.length == 1) {
                            $("#name").val(returnData[0]["name"]);
                            $("#remark").val(returnData[0]["remark"]);
                            getOrgName(returnData[0]["parentid"]);
                        }
                    } else {
                        getOrgName(null);
                    }
                });
            } else {
                getOrgName(null);
            }
            layui.form.on('submit(save-button)', function (data) {
                StationObject.SaveStation(data.field);
            });
        });
    });

    function getOrgName(parentId) {
        $.ajax({
            url: Global.AccessUrl +'/api/get_org_name',
            dataType: 'json',
            type: 'get',
            success: function (data) {
                if (data["code"] == 0) {
                    data = data["data"];
                    $.each(data, function (index, item) {
                        if (parentId != null && item.id == parentId) {
                            $('#combox_parentid').append(new Option(item.name, item.id, 0, item.id));
                        } else
                            $('#combox_parentid').append(new Option(item.name, item.id, 0));
                    });
                    layui.form.render("select");
                }
            }
        });
    }
</script>