Project-Wing
/
vStationURM


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
							<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel="stylesheet" type="text/css" href="../Js/layui/css/layui.css" />
    <meta charset="utf-8" />
    <title>新增用户</title>
    <style>
        body {
            font-family: 'Microsoft YaHei';
        }

        .hidden {
            display: none;
        }

        .middle-align {
            vertical-align: middle;
            text-align: center;
        }

        .layui-form-label {
            text-align: left !important;
        }
    </style>
</head>
<body>
    <script src="../Js/layui/layui.all.js"></script>
    <script src="../Js/Common.js"></script>
    <script type="text/html" id="roleChoose">
        <select name="role" id="role" lay-filter="aihao">
            <option value="0" selected="selected">{{ window.top.layui.translater('User')}}</option>
            <option value="1">{{ window.top.layui.translater('Seller')}}</option>
            <option value="2">{{ window.top.layui.translater('Admin')}}</option>
        </select>
    </script>
    <form class="layui-form middle-align" style="padding: 30px;" onkeydown="if(event.keyCode==13)return false;">
        <div class="layui-form-item layui-layout-admin middle-align">
            <label class="layui-form-label" id="userNameLabel">User Name</label>
            <div class="layui-input-block" style="margin-top:5px;">
                <input type="text" lay-verify="inputMaxLen" name="userName" id="userName" autocomplete="off" placeholder="Input user name" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-layout-admin middle-align">
            <label class="layui-form-label" id="roleLabel">Role</label>
            <div class="layui-input-block" id="roleDiv" lay-filter="roleDiv">
            </div>
        </div>
        <div class="layui-form-item layui-layout-admin">
            <div class="layui-input-block">
                <div class="layui-footer" style="left: 0;vertical-align:middle;text-align:center;">
                    <a id="confirmBtn" class="layui-btn layui-btn-normal" lay-submit lay-filter="component-form-submit">confirm</a>
                    <a id="back" class="layui-btn layui-btn-primary">cancel</a>
                </div>
            </div>
        </div>
    </form>
    <script>
        var param = layui.getParams();
        var currId = parseInt(param.currId);
        var isBusy = false;
        var form = layui.form;

        layui.$("#userName").attr("placeholder", layui.translater("InputHit"));
        layui.$("#roleLabel").text(layui.translater("Role"));
        layui.$("#userNameLabel").text(layui.translater("UserName"));
        layui.$("#back").text(layui.translater("Cancel"));
        layui.$("#confirmBtn").text(layui.translater("Confirm"));

        layui.showTPLbyScript("#roleDiv", layui.$("#roleChoose")[0].innerHTML, {});

        layui.formOnSubmit('component-form-submit', function (data) {
            if (!isBusy) {
                isBusy = true;
                var param;
                if (layui.$("#contentType").val() == "multipart/form-data") {
                    param = new FormData(data.form);
                } else {
                    param = {
                        userName: layui.$("#userName").val(),
                        role: layui.$("#role").val()
                    };
                }
                layui.doPost("/CloudDisk/User/AddUser"
                    , param
                    , function (res) {
                        if (res.success) {
                            layui.$("#back").click();
                            isBusy = false;
                        } else {
                            if (res.msg) {
                                layui.layer.alert(res.msg);
                            }
                            else {
                                layui.layer.alert(layui.translater("OperateFailed"));
                            }
                            isBusy = false;
                        }
                    }, function (xhr, ts) {
                        isBusy = false;
                    }, function (xhr, err, errthrowd) {

                        isBusy = false;
                        layui.layer.alert(err);
                    }, layui.$("#contentType").val());
            }
        });
        layui.elementOn("#back", "click", function () {
            if (parent.loadPage) {
                parent.loadPage();
            }
            var index = parent.layer.getFrameIndex(window.name);
            parent.layer.close(index);
        });

        form.render();
    </script>
</body>
</html>