@{
    ViewBag.Title = "ButtonInfo";
    Layout = "~/Views/Shared/_MainLayoutPage.cshtml";
}
<link href="~/Content/Scripts/plugins/jcolors/jquery.bigcolorpicker.css" rel="stylesheet" />
<script src="~/Content/Scripts/plugins/jcolors/jquery.bigcolorpicker.js"></script>
<script src="~/ViewModels/sysmanager.buttons.js"></script>
<div class="easyui-panel" data-options="fit:true,border:false">
    <form id="ff" method="post" lay-filter="ff" class="layui-form">
        <!--当前编辑的ID值-->
        <input type="hidden" id="id" name="id" />
        <p class="layui-elem-quote">维护系统按钮的信息</p>
        <table class="layui-table">
            <colgroup>
                <col width="80">
                <col>
            </colgroup>
            <tr>
                <td><label class="layui-form-label">名称</label></td>
                <td><input class="easyui-textbox" id="name" name="name" required="required" data-options="prompt:'请录入按钮名称',width:300" /></td>
            </tr>
            <tr>
                <td><label class="layui-form-label">标识</label></td>
                <td><input class="easyui-textbox" id="tag" name="tag" required="required" data-options="prompt:'标识，通常是指按钮的ID',width:300" /></td>
            </tr>
            <tr>
                <td><label class="layui-form-label">序号</label></td>
                <td>
                    <input class="easyui-numberspinner" id="ordnum" name="ordnum" required="required" data-options="min:1,width:100" />
                    <input class="easyui-textbox" id="icon" name="icon" data-options="prompt:'图标',width:150" />
                    <a id="btnIcon" href="#" class="easyui-linkbutton">图标</a>
                </td>
            </tr>
            <tr>
                <td><label class="layui-form-label">启用</label></td>
                <td>
                    <input type="checkbox" id="isactive" name="isactive" lay-skin="primary" title="勾选表示启用" />
                </td>
            </tr>
            <tr>
                <td><label class="layui-form-label">颜色</label></td>
                <td>
                    <input class="easyui-textbox" id="color" name="color" data-options="prompt:'颜色',width:200" />
                    <a id="btnColor" href="#" class="easyui-linkbutton">颜色</a>
                </td>
            </tr>
            <tr>
                <td><label class="layui-form-label">备注</label></td>
                <td>
                    <input class="easyui-textbox" id="remark" name="remark" data-options="prompt:'备注信息',width:300,multiline:true,height:50" />
                </td>
            </tr>
        </table>
    </form>
</div>
<script>
    $("#btnColor").bigColorpicker(function (el, color) {
        $('#color').textbox('setValue', color);
    });

    $('#btnIcon').click(function () {
        top.ZLPMS.OpenWindow({
            url: "/Content/Scripts/icons/IconList.html",
            title: '选择图标',
            area: ['800px', '550px'],
            yes: function (index, layero) {
                var iframeWin = ZLPMS.GetChildFrame(layero);//得到iframe页的窗口对象，执行iframe页的方法：
                var icons = iframeWin.Save();
                if (icons!='') {
                    $('#icon').textbox('setValue', icons);
                }
                top.ZLPMS.CloseWindow(index);
            }
        });
    })

    var id = "@ViewBag.id";

    if (id != "") {
        var model = new viewModel();
        model.bindData(id);
    }

    function test() {
        ZLPMS.CloseTopWindow();
    }
</script>