Areas/Admin/Views/User/MemberGroup/MemberGroupPermissions/Index.cshtml

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

微信扫码关注公众号，代码整理好后第一时间通知你。

<div class="main" id="main">
    <el-table ref="multipleTable" class="tree_table" :data="dataList" default-expand-all :tree-props="{children:'Children',hasChildren: 'HasChildren'}" row-key="Id" v-on:select="handleCurrentChange" v-on:selection-change="handleSelectionChange" tooltip-effect="dark" border style="width:100%">
        <el-table-column type="selection" width="40" align="center"></el-table-column>
        <el-table-column label="菜单权限/展开" width="250">
            <template slot-scope="scope">
                <span class="node fa fa-file-text-o" v-show="scope.row.IsFinal==1"></span>
                <span class="node fa" v-on:click="load(scope.row)" style="cursor:pointer;" v-bind:class="{'fa-folder':scope.row.HasChildren==true,'fa-folder-open':scope.row.HasChildren==false}" v-show="scope.row.IsFinal==0"></span>
                <span>{{scope.row.Name}}</span>
            </template>
        </el-table-column>
        <el-table-column label="页面权限" header-align="center" prop="MenuItemIds">
            <template slot-scope="scope" v-if="scope.row.IsFinal==1">
                <el-checkbox-group v-model="formData.MenuItemIds">
                    <el-checkbox :label="item.Id" v-if="scope.row.Id==item.MenuId" v-for="item in adminMenuItem" :disabled="formData.MenuIds.indexOf(scope.row.Id)==-1">{{item.Name}}</el-checkbox>
                </el-checkbox-group>
            </template>
        </el-table-column>
    </el-table>
    <div class="footer-submit-bar" style="padding-left:100px">
        <el-button type="primary" v-on:click="postSubmit">提交</el-button>
        <el-button onclick="closeSelf()">关闭</el-button>
    </div>
</div>
@{
    IEnumerable<dynamic> adminMenuList = JsonHelper.DeserializeObject<IEnumerable<dynamic>>(Html.GetMemberMenuListJson() ?? "[]");
    if (adminMenuList.Count() > 0)
    {
        adminMenuList = adminMenuList.OrderBy(c => c.Xuhao);
    }
}
<script type="text/javascript">
    var adminMenuList =@Html.Raw(JsonHelper.JsonParse(adminMenuList));
    var formData = @Html.Raw(Model);
    if (formData.MenuIds == null || formData.MenuIds=="") {
        formData.MenuIds = [];
    } else {
        formData.MenuIds = formData.MenuIds.split(",").map(Number);
    }
    if (formData.MenuItemIds == null || formData.MenuItemIds == "") {
        formData.MenuItemIds = [];
    } else {
        formData.MenuItemIds = formData.MenuItemIds.split(",").map(Number);
    }
    //vue实例化
    
    var vue = new Vue({
        el: "#main",
        data: {
            dataList: [],
            adminMenuItem: [],
            formData:formData,
        },
        methods: {
            load: function (itemRow) {
                if (itemRow.HasChildren == true) {
                    itemRow.HasChildren = false;
                } else {
                    itemRow.HasChildren = true;
                }
            },