duhongyu
/
Yichuang12345_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <script src="../Script/Common/huayi.load.js"></script>
    <script src="../Script/Common/huayi.config.js"></script>

    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
    <link rel="stylesheet" href="../css/init.css" />
    <link rel="stylesheet" href="./css/CaiDanGuanli.css" />
    <title></title>
    <style>
        .pname {
            width: 170px;
            height: 24px;
            border-image-source: initial;
            border-image-slice: initial;
            border-image-outset: initial;
            border-image-repeat: initial;
            border-image-width: 0;
            outline: none;
            border-width: 0px;
            border-style: initial;
            border-color: initial;
            padding: 0px 0px 0px 3px;
        }
    </style>
</head>

<body>
    <div class="container-fluid">
        <div class="daoHang clearfix">
            <div class="dhLeft">
                <sapn>
                    <i class="syIcon"></i>位置：
                    <a id="ReIndex" href="javaScript:;">首页</a>&gt;
                    <a href="javaScript:;">系统管理</a>&gt;
                    <a href="" style="color: #000;">菜单管理</a>
                </sapn>
            </div>
        </div>
        <div class="toolBar clearfix">
            <div class="toolLeft">
                <button class="btns add">新增功能</button>
                <button class="btns addcd">新增菜单</button>
                <button class="btns change">修改</button>
                <button class="btns del">删除</button>
            </div>
        </div>
        <div class="treeTable clearfix">
            <div class="tree col-md-3">
                <div class="trTitle"> 功能模块</div>
                <div class="treeCon">
                    <ul id="treeDemo" class="ztree">
                        <!--类名为ztree是必须的-->
                    </ul>
                </div>
            </div>
            <div class="tableCon col-md-9">
                <div class="trTitle"> 功能详情</div>
                <table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
                    <thead>
                        <tr>
                            <th data-field="F_FunctionName" data-align="center">菜单名称</th>
                            <th data-field="F_FunctionCode" data-align="center">菜单代码</th>
                            <th data-field="F_Sort" data-align="center">排序序号</th>
                            <th data-field="F_OptUrl" data-align="center">菜单地址</th>
                            <th data-field="F_State" data-align="center" data-formatter="States">菜单状态</th>
                            <th data-field="F_Remark" data-align="center">备注</th>
                        </tr>
                    </thead>
                </table>

            </div>
        </div>
        <!--添加一级菜单-->
        <div class="model addModel">
            <div class="box">
                <div class="btop clearfix">
                    <p class="btl">添加菜单信息</p>
                    <p class="btr addBtr" title="关闭">X</p>
                </div>
                <div class="boxCon">
                    <table>
                        <tbody>
                            <tr class="parent">
                                <th style="color: darkred;">父菜单名称：</th>
                                <td><input type="text" class="pname" /><input type="hidden" class="pid" /></td>
                            </tr>
                            <tr>
                                <th style="color: darkred;">菜单名称：</th>
                                <td><input type="text" class="name" /><input type="hidden" class="id" /></td>
                            </tr>
                            <tr>
                                <th style="color: darkred;">菜单代码：</th>
                                <td><input type="text" class="code" /></td>
                            </tr>
                            <tr>
                                <th>菜单序号：</th>
                                <td>
                                    <input type="text" class="sort" />
                                </td>
                            </tr>
                            <tr>
                                <th>菜单状态：</th>
                                <td class="state">
                                    <label class="radio-inline">
                                        <input type="radio" checked="checked" name="state" value="1" style="vertical-align: middle;display: inline-block;">启用
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="state" value="0" style="vertical-align: middle;display: inline-block;">不启用
                                    </label>
                                </td>
                            </tr>
                            <tr>
                                <th>菜单地址：</th>
                                <td>
                                    <input type="text" class="url" />
                                </td>
                            </tr>
                            <tr>
                                <th>图片地址：</th>
                                <td>
                                    <input type="text" class="img" />
                                </td>
                            </tr>
                            <tr>
                                <th>备注：</th>
                                <td colspan="3">
                                    <textarea class="remark" style="width: 100%;height: 50px;"></textarea>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div style="text-align: center;"><button class="btns save">保存</button></div>
                </div>
            </div>
        </div>

        <!--删除弹出内容-->
        <div class="model delModel">
            <div class="box">
                <div class="btop clearfix">
                    <p class="btl"><span>删除提示</span></p>
                    <p class="btr delBtr" title="关闭">X</p>
                </div>
                <div class="boxCon" style="height: 150px;">
                    您确定删除&nbsp;&lfloor;&nbsp;&nbsp;<span class="delName" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;?

                    <p style="margin-top: 30px;">
                        <button class="btns sure">确定</button>
                        <button class="btns return">取消</button>
                    </p>
                    <p style="color: red;">注：该级别下的部门会一并删除</p>
                </div>

            </div>
        </div>

    </div>
    <script src="../js/zTree/jquery.ztree.core.js"></script>
    <script src="../css/laydate/laydate.js"></script>
    <script src="../css/layer/layer.js"></script>
    <script src="./js/CaiDanGuanli.js"></script>
</body>

</html>