Areas/Admin/Views/User/Permission/menuPermission.cshtml

（开头部分） 3KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<style type="text/css">
    .tree_table .el-form-item{margin-bottom:0px;padding-left:0px}
    .tree_table .el-form-item--medium .el-form-item__label {line-height:30px}
    .tree_table .el-form--label-top .el-form-item__label{padding-bottom:0px;}
</style>
<div class="main" id="main">
    <div class="table-list-box">
        <template>
            <el-table class="tree_table" :data="menuItemList" tooltip-effect="dark" highlight-current-row style="width: 100%" default-expand-all row-key="Id" :tree-props="{children: 'Children'}" border v-on:selection-change="handleSelectionChange">
                <el-table-column label="菜单权限" width="260" :show-overflow-tooltip="true">
                    <template slot-scope="scope">
                        <el-checkbox v-model="scope.row.Checked" v-on:change="menuCheckedChange(scope.row)">
                            <span v-show="scope.row.IsFinal==1">
                                <i class="el-icon-empty"></i>{{scope.row.Name}}
                            </span>
                        </el-checkbox>
                        <span v-on:click="loadChildMenuItem(scope.row)" style="cursor:pointer;" v-show="scope.row.IsFinal==0">
                            <i v-bind:class="{'el-icon-arrow-right':scope.row.OpenChildren==false,'el-icon-arrow-down':scope.row.OpenChildren==true}"></i>{{scope.row.Name}}
                        </span>
 
                    </template>
                </el-table-column>
                <el-table-column label="菜单项目权限">
                    <template slot-scope="scope">
                        <el-form label-position="top" label-width="80px">
                            <el-form-item :label="category" v-for="category in scope.row.MenuItemCategory" size="medium">
                                <el-checkbox v-model="item.Checked" :title="item.Remark" v-for="item in getCategoryMenuItem(scope.row.MenuItem,category)" v-on:change="menuItemCheckedChange(scope.row,item.Checked)">{{item.Name}}</el-checkbox>
                            </el-form-item>
                          </el-form>
                    </template>
                </el-table-column>
            </el-table>
        </template>
    </div>
    <div class="help-block"><span class="fa fa-info-circle"></span> 点击名称前的文件夹图标可展开子级菜单！</div>
    <div class="footer-submit-bar" style="padding-left:50px">
        <el-button type="primary" v-on:click="postSubmit">提交保存</el-button>
        <el-button v-on:click="closeDrawer()">关闭</el-button>
    </div>
</div>
<script type="text/javascript">
    var querySting = getQueryString(true); //获取url中参数组成对象
    console.log(querySting)
    var loadUrl = "@Url.ActionUrl("")";
    //vue实例化
    var vue = new Vue({
        el: "#main",
        data: {
            menuItemList: [],
        },
        methods: {
            menuCheckedChange: function (itemRow) {//点击菜单触发
                var _this = this;
                _this.menuItemCheckd(itemRow);//同时选菜单项目
                _this.childMenuChecked(itemRow);//同时选菜单子级
                _this.parentMenuChecked(itemRow);//同时选菜单父级
            },
            menuItemCheckedChange: function (itemRow, itemChecked) { //菜单项目选中后同步选中主菜单
                var _this = this;
                if (itemChecked)

24 小时内免费解锁 3 个项目，之后 1 积分/个。 规则说明

AI 解读

登录后可用，每次 10 积分，解读结果公开显示在下面。

还没有人解读过这个文件。