@{layout module_admin}
@set header{
    <style type="text/css">
        .addBtn {
            width: 80px;
            float: left;
            height: 22px;
            background: #fa7252;
            margin-left: 30px;
            margin-top: 8px;
            border: 1px solid #c44646;
        }

        .GenItem {}

        .GenItem ul {
            float: left;
            width: 50%;
            height: 30px;
            line-height: 30px;
            margin-top: 15px;
        }

        .GenItem ul.addBtn a {
            line-height: 22px;
            float: right;
            margin-right: 15px;
            color: #fff;
        }

        .GenItem ul.addBtn {
            width: 80px;
            height: 22px;
            background: #fa7252;
            margin-top: 20px;
            border: 1px solid #c44646;
            clear: both;
            margin-left: 15px;
            margin-bottom: 15px;
        }

        .GenItem li {
            float: left;
        }

        .GenItem li.GenItemTitle {
            width: 65px;
            text-align: right;
            margin-right: 15px;
        }

        .GenItem input {
            color: #666;
            font-size: 12px;
        }

        .text {
            width: 260px;
        }

        a.back {
            float: right;
            margin-right: 15px;
            color: #fa7252;
        }
    </style>

    <style type="text/css">
        .navlist li {
            padding-right: 35px;
            width: auto;
        }
    </style>
@}
@set body{
    <div class="zhongjianbg"></div>
    <form method="POST">
        <input name="ID" type="hidden" value="@{d.ID}" >
        <div class="prolistsearch" style="background:#fff">
            <div class="prolistbiaoti">
                <h3>编辑数据</h3>
                <a class="back" href="/Module?Type=@{d.Type}">点击返回</a>
            </div>

            <div class="GenItem">
                <ul style="width:100%">
                    <li class="GenItemTitle">类型</li>
                    <li>
                        <select name="Type" 
                        @if d.ID>0{
                            disabled="disabled" 
                        @}
                        id="Type">
                            <option value="通用模块" >通用模块</option>
                            <option value="栏目模块">栏目模块</option>
                            <option value="Banner模块">Banner模块</option>
                            <option value="类别模块">类别模块</option>
                            <option value="产品模块">产品模块</option>
                            <option value="产品分页模块">产品分页模块</option>
                            <option value="新闻模块">新闻模块</option>
                            <option value="新闻分页模块">新闻分页模块</option>
                        </select>
                        <script>
                        $("#Type").val("@{d.Type}")
                        </script>
                    </li>
                </ul>
                <ul>
                    <li class="GenItemTitle">模块ID</li>
                    <li><input name="Name" class="text" id="Name" type="text" value="@{d.Name}"></li>
                </ul>
                <ul>
                    <li class="GenItemTitle">模块名称</li>
                    <li><input name="Text" class="text" id="Text" type="text" value="@{d.Text}"></li>
                </ul>
                <ul>
                    <li class="GenItemTitle">只读</li>
                    <li><input name="Locked" type="checkbox" 
                    @if d.Locked{
                        checked="checked"
                    @}
                    value="true" ></li>
                </ul>
                <ul>
                    <li class="GenItemTitle">隐藏</li>
                    <li><input name="Hidden" type="checkbox" 
                    @if d.Hidden{
                        checked="checked"
                    @}
                    value="true"></li>
                </ul>
                
                <ul id="CatePanel" style="display:none">
                    <li class="GenItemTitle">类别类型</li>
                    <li>
                        <select name="CateType" 
                        @if d.ID>0{
                            disabled="disabled" 
                        @}
                        id="CateType">
                            <option value="产品类别">产品类别</option>
                            <option value="新闻类别">新闻类别</option>
                        </select>

                    </li>
                </ul>
                <ul id="PageSize" style="display:none">
                    <li class="GenItemTitle">页面大小</li>
                    <li><input name="PageSize" class="text" type="text" value="@{d.PageSize}"></li>
                </ul>
                <script>
                    var typeName = "@{d.Type}"
                    switch (typeName){
                        case "类别模块":
                        $("#CatePanel").show();
                        @if d.CateType{
                        $("#CateType").val("@{d.CateType}")
                        @}
                        break;
                        case "产品分页模块":
                        case "新闻分页模块":
                        $("#PageSize").show();
                        $("#PageSize").val("@{d.PageSize}")
                        break;
                    }


                    $("#Type").change(function(){
                        $("#CatePanel").hide();
                        $("#PageSize").hide();
                        switch ($(this).val()){
                            case "类别模块":
                            $("#CatePanel").show();
                            break;
                        case "产品分页模块":
                        case "新闻分页模块":
                            $("#PageSize").show();
                        break;
                        }
                    })
                </script>
                <ul style="clear:both; width:100%;padding-bottom: 20px;">
                    <input class="addBtn" style="color:#fff" type="submit" value="保存数据">
                </ul>
            </div>

            <div style="clear:both"></div>
        </div>
    </form>
@}