Areas/Admin/Views/User/Member/Select.cshtml

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

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

<style>
    .dropdowndiv {
        display: flex;
        width: 400px;
        padding: 8px 15px;
    }

        .dropdowndiv span {
            flex: 1;
            font-size: 12px;
        }
</style>
<div class="main" id="main">
    <table border=0 cellpadding=0 cellspacing=0 class="tb-head form-inline form-group-sm">
        <tr>
            <td align="right">
                <el-select size="small" v-model="queryData.memberGroupId" v-on:change="loadData">
                    <el-option value="" label="所有用户组"></el-option>
                    <el-option :value="item.Id" :key="item.Id" :label="item.Name" v-for="item in memberGroupList"></el-option>
                </el-select>
                <el-cascader size="small" v-model="queryData.departmentId" placeholder="所有部门" v-on:change="loadData" :options="@Html.GetTreeOptionsJson("pa_department","name","","xuhao asc")" :props="{ expandTrigger: 'hover'}" clearable></el-cascader>
                <el-input size="small" v-model="queryData.username" style="width:150px;" placeholder="请输入用户名查询"></el-input>
                <el-button size="mini" v-on:click="loadData">搜索</el-button>
            </td>
        </tr>
    </table>
    <el-table ref="multipleTable" :data="dataList" row-key="Id" tooltip-effect="dark" border highlight-current-row style="width: 100%" v-on:select="handleSelectionChange">
        <el-table-column type="selection" width="40" align="center"></el-table-column>
        <el-table-column prop="Name" label="用户名">
            <template slot-scope="scope">
                <el-dropdown>
                    <div size="small" style="cursor:pointer;">
                        {{scope.row.Username}}<i class="el-icon-arrow-down el-icon--right" style="font-size:12px;"></i>
                    </div>
                    <el-dropdown-menu slot="dropdown">
                        <div class="dropdowndiv">
                            会员Id：{{scope.row.Id}}
                        </div>
                        <div class="dropdowndiv">
                            <span>用户组：{{GetName(memberGroupList,scope.row.MemberGroupId,"Name")}}</span>
                            <span>部门：{{GetName(departmentList,scope.row.DepartmentId,"Name")}}</span>
                        </div>
                        <div class="dropdowndiv">
                            <span>Email：{{scope.row.Email}}</span>
                            <span>手机：{{scope.row.Mobile}}</span>
                        </div>
                    </el-dropdown-menu>
                </el-dropdown>
            </template>
        </el-table-column>
    </el-table>
    <ui-page-panel v-model="pageInfo" v-on:change="loadData" v-if="pageInfo.RecordCount>0"></ui-page-panel>
    <div class="footer-submit-bar" style="padding-left:100px">
        <el-button type="primary" onclick="closeSelf()">确定</el-button>
        <el-button onclick="closeSelf()">关闭</el-button>
    </div>
</div>
<script type="text/javascript">
    var setData = "@Request.QueryString["setData"]";
    var ref = "@Request.QueryString["ref"]";