| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>添加或修改菜单</title>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="stylesheet" href="../../js/laydate/theme/default/laydate.css" />
- <script src="../../Script/Common/huayi.load.js"></script>
- <script src="../../Script/Common/huayi.config.js"></script>
- <link rel="stylesheet" href="../../js/select2/css/select2.min.css" />
- <link href="../../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
- <link rel="stylesheet" type="text/css" href="../../js/bootstrap-treeview/bootstrap-treeview.min.css" />
- <link rel="stylesheet" href="../../css/templateHtmlCss/uerManagement.css" />
- <style>
- @font-face {
- font-family: "iconfont";
- src: url('../../fonts/iconfont.eot');
- /* IE9*/
- src: url('../../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
- url('../../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
- url('../../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
- url('../../fonts/iconfont.svg#iconfont') format('svg');
- /* iOS 4.1- */
- }
-
- .iconfont {
- font-family: "iconfont" !important;
- font-size: 16px;
- font-style: normal;
- -webkit-font-smoothing: antialiased;
- -webkit-text-stroke-width: 0.2px;
- -moz-osx-font-smoothing: grayscale;
- }
-
- .icon-color {
- color: #1aaad0;
- padding-right: 5px;
- vertical-align: middle;
- font-size: 30px;
- }
-
- .select2-container--default .select2-results__option--highlighted[aria-selected] {
- background-color: rgba(0, 0, 0, .5)!important;
- }
-
- .drop_down {
- position: relative;
- }
-
- .drop_down .caret {
- position: absolute;
- right: 24px;
- top: 15px;
- }
-
- .form-group {
- margin-bottom: 5px;
- }
-
- #menusTreeView {
- position: absolute;
- background-color: #fff;
- z-index: 2;
- width: 94%;
- max-height: 256px;
- overflow-y: auto;
- }
- </style>
- </head>
- <body>
- <div class="container">
- <ul class="project_items form-horizontal showtabs">
- <li class="form-group drop_down">
- <label for="menus" class="col-md-3">父级分类:</label>
- <div class="col-md-5">
- <input type="text" class="form-control" id="menus" data-id="0" placeholder="请选择菜单默认是顶级分类" />
- <span class="caret"></span>
- <div id="menusTreeView" class="hidden"></div>
- </div>
- </li>
- <li class="form-group">
- <label for="menusName" class="col-md-3">菜单名称:</label>
- <div class="col-md-5">
- <input id="menusName" class="form-control" type="text" autocomplete="off" />
- </div>
- </li>
- <li class="form-group">
- <label for="menusCode" class="col-md-3">菜单代码:</label>
- <div class="col-md-5">
- <input id="menusCode" class="form-control" type="text" autocomplete="off" />
- </div>
- </li>
- <li class="form-group">
- <label for="menusUrl" class="col-md-3">菜单链接地址:</label>
- <div class="col-md-5">
- <input id="menusUrl" class="form-control" type="text" autocomplete="off" />
- </div>
- </li>
- <li class="form-group">
- <label for="menusSort" class="col-md-3">排序编码:</label>
- <div class="col-md-5">
- <input id="menusSort" value="1" class="form-control" type="text" autocomplete="off" />
- </div>
- </li>
- <li class="form-group">
- <label for="menusType" class="col-md-3">菜单类型:</label>
- <div class="col-md-5">
- <select id="menusType" class="form-control selectpicker">
- <option value="iframe">框架页</option>
- <option value="expand">无页面</option>
- <option value="open">弹出页</option>
- <option value="blank">新窗口</option>
- </select>
- </div>
- </li>
- <li class="form-group">
- <label for="menusIcons" class="col-md-3">图标管理:</label>
- <div class="col-md-5">
- <select id="menusIcons" class="form-control"></select>
- </div>
- </li>
- <li class="form-group">
- <label for="menusEabled" class="col-md-3">是否启用:</label>
- <div class="col-md-5" id="menusEabled">
- <label class="radio-inline">
- <input type="radio" name="recommends" value="0"> 不启用
- </label>
- <label class="radio-inline">
- <input type="radio" name="recommends" value="true" checked="1"> 启用
- </label>
- </div>
- </li>
- <li class="form-group">
- <label for="menusRemark" class="col-md-3">备 注:</label>
- <div class="col-md-5">
- <textarea id="menusRemark" class="form-control" rows="3"></textarea>
- </div>
- </li>
- </ul>
- <div class="form-group clearfix">
- <div class="text-center">
- <button class="project_save btn btn-primary" id="save_btns" type="button">保存</button>
- </div>
- </div>
- </div>
- <script src="../../js/bootstrap-select/js/bootstrap-select.js"></script>
- <script src="../../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
- <script src="../../js/select2/js/select2.min.js"></script>
- <script src="../../js/bootstrap-treeview/bootstrap-treeview.min.js"></script>
- <script src="../../Script/Common/regexs.js"></script>
- <script src="../../js/autosize/autosize.min.js"></script>
- <script src="../js/addOrEditMenus.js"></script>
- </body>
- </html>
|