1
13693261870
2022-09-16 762f2fb45db004618ba099aa3c0bd89dba1eb843
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html>
<head>
<title>菜单管理</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<script src="../../../js/paramconfig.js"></script>
<script type="text/javascript">
loadLocalCss('../../../css/bootstrap.min.css');
loadLocalCss('../../../css/font-awesome.min.css');
loadLocalCss('../../../plugins/jqgrid/ui.jqgrid-bootstrap.css');
loadLocalCss('../../../plugins/ztree/css/metroStyle/metroStyle.css');
loadLocalCss('../../../css/bootstrap-table.min.css');
loadLocalCss('../../../css/main.css');
loadLocalCss('../../../plugins/treegrid/jquery.treegrid.css');
loadLocalJs('../../../libs/jquery.min.js');
loadLocalJs('../../../plugins/layer/layer.js');
loadLocalJs('../../../libs/bootstrap.min.js');
loadLocalJs('../../../libs/vue.min.js');
loadLocalJs('../../../libs/bootstrap-table.min.js');
loadLocalJs('../../../plugins/treegrid/jquery.treegrid.min.js');
loadLocalJs('../../../plugins/treegrid/jquery.treegrid.bootstrap3.js');
loadLocalJs('../../../plugins/treegrid/jquery.treegrid.extension.js');
loadLocalJs('../../../plugins/treegrid/tree.table.js');
loadLocalJs('../../../plugins/jqgrid/grid.locale-cn.js');
loadLocalJs('../../../plugins/jqgrid/jquery.jqGrid.min.js');
loadLocalJs('../../../plugins/ztree/jquery.ztree.all.min.js');
loadLocalJs('../../../js/common.js');
 
</script>
</head>
<body>
<div id="rapp" v-cloak>
    <div v-show="showList">
        <div class="panel panel-default">
            <div class="panel-heading">
                查询区
            </div>
            <div class="panel-body">
                <div class="row">
                    <a class="btn btn-default" @click="refresh">刷新</a>
                    <a v-if="hasPermission('sys:menu:save')" class="btn btn-success" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
                    <a v-if="hasPermission('sys:menu:update')" class="btn btn-warning" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
                    <a v-if="hasPermission('sys:menu:delete')" class="btn btn-danger" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
                </div>
            </div>
        </div>
        <table id="menuTable" data-mobile-responsive="true" data-click-to-select="true">
            <thead>
            <tr>
                <th data-field="selectItem" data-checkbox="true"></th>
            </tr>
            </thead>
        </table>
    </div>
 
    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
            <div class="form-group">
                <label class="col-sm-2 control-label">类型</label>
                <label class="radio-inline">
                    <input type="radio" name="type" value="0" v-model="menu.type"/> 目录
                </label>
                <label class="radio-inline">
                    <input type="radio" name="type" value="1" v-model="menu.type"/> 菜单
                </label>
                <label class="radio-inline">
                    <input type="radio" name="type" value="2" v-model="menu.type"/> 按钮
                </label>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">菜单名称</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control" v-model="menu.name" placeholder="菜单名称或按钮名称"/>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">上级菜单</label>
                <div class="col-sm-6">
                    <div class="input-group">
                        <input type="text" class="form-control" style="cursor:pointer;" v-model="menu.parentName" readonly="readonly" placeholder="点击右边按钮选择一级菜单"/>
                        <span class="input-group-btn">
                            <a class="btn btn-info" @click="menuTree">
                                <i class="fa fa-search-plus"></i>
                            </a>
                        </span>
                    </div>
                </div>
            </div>
            <div v-if="menu.type == 1" class="form-group">
                <label class="col-sm-2 control-label">菜单URL</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control" v-model="menu.url" placeholder="菜单URL"/>
                </div>
            </div>
            <div v-if="menu.type == 1 || menu.type == 2" class="form-group">
                <label class="col-sm-2 control-label">授权标识</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control" v-model="menu.perms" placeholder="多个用逗号分隔,如:user:list,user:create"/>
                </div>
            </div>
            <div v-if="menu.type != 2" class="form-group">
                <label class="col-sm-2 control-label">排序号</label>
                <div class="col-sm-6">
                    <input type="number" class="form-control" v-model="menu.orderNum"/>
                </div>
            </div>
            <div v-if="menu.type != 2" class="form-group">
                <label class="col-sm-2 control-label">图标</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control" v-model="menu.icon"/>
                    <code style="margin-top:4px;display: block;">获取图标:http://fontawesome.io/icons/</code>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label"></label>
                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
</div>
 
<!-- 选择菜单 -->
<div id="menuLayer" style="display: none;padding:10px;">
    <ul id="menuTree" class="ztree"></ul>
</div>
 
 
<script src="../../../js/modules/sys/menu.js"></script>
</body>
</html>