@model Befri.Goldhoo.Mobile.MvcUI.Models.SystemUser
@{
    ViewBag.Title = "业务员管理";
    Model.MenuName = "ShopMember";
}

@section Styles{
    <link href="@Url.Content("~/Content/themes/SUI/extend/grid/themes/sui.table." + Befri.Goldhoo.Mobile.MvcUI.WebConstants.THEMES + ".css")?v=1" rel="stylesheet" />
    <script src="@Url.Content("~/Content/themes/SUI/extend/grid/sui.table.js")?v=1.4.0"></script>
    <script src="@Url.Content("~/Content/themes/Client/version1/src/divform.js")?v=1"></script>
    <script src="@Url.Content("~/Content/themes/SUI/extend/checkbox/checkbox.js")"></script>
    <link href="@Url.Content("~/Content/themes/SUI/extend/paging/themes/sui.paging." + Befri.Goldhoo.Mobile.MvcUI.WebConstants.THEMES + ".css")" rel="stylesheet" />
    <script src="@Url.Content("~/Content/themes/SUI/extend/paging/sui.paging.js")"></script>
    <script src="@Url.Content("~/Content/themes/Client/version1/management/management.shopMember.js")?v=1.0.12"></script>
    <script>
        // 新增账号地址
        Sys.Config.Add('CreateShopMemberUrl', '@Url.Content("~/Management/CreateShopMember")');

        // 保存账号地址
        Sys.Config.Add('SaveShopMemberUrl', '@Url.Content("~/Management/SaveShopMember")');

        // 启用或停用账号地址
        Sys.Config.Add('OpenOrStopShopMemberUrl', '@Url.Content("~/Management/OpenOrStopShopMember")');

        // 加载权限列表地址
        Sys.Config.Add('ListPrivilegesUrl', '@Url.Content("~/Management/ListShopMemberShowPrivilege")');

        // 保存密码地址
        Sys.Config.Add('UpdatePasswordUrl', '@Url.Content("~/Management/UpdateChildPassword")');

        // 删除记录地址
        Sys.Config.Add('DeleteChildShopMemberUrl', '@Url.Content("~/Management/DeleteChildShopMember")');
    </script>
    <script>
        // 表格配置
        App.TableConfig = {
            // 表格数据获取地址
            Url: '@Url.Content("~/Management/ListChildShopMember")',

            // 设置单击事件
            OnClick: App.ClickRow,

            // 设置双击事件
            OnDblClick: App.DblClickRow,

            // 表格分页组件配置
            Paging: '#Paging',

            // 表格数据列
            Fields: [{
                FieldName: 'ShopId',
                FieldType: 'hidden'
            },
            {
                FieldName: 'ShopMemberId',
                FieldType: 'hidden'
            },
            {
                FieldName: 'Password',
                FieldType: 'hidden'
            },
            {
                FieldName: 'MemberType',
                FieldType: 'hidden'
            },
            {
                FieldName: 'PrivilegeMask',
                FieldType: 'hidden'
            },
            {
                FieldName: 'LoginName',
                FieldText: '账号',
                FieldType: 'string',
                Align: 'center',
                Width: 6
            },
            {
                FieldName: 'Name',
                FieldText: '姓名',
                FieldType: 'string',
                Align: 'center',
                Width: 6
            },
            {
                FieldName: 'Sex',
                FieldText: '性别',
                FieldType: 'string',
                Align: 'center',
                Width: 2
            },
            {
                FieldName: 'Position',
                FieldText: '职务',
                FieldType: 'string',
                Align: 'center',
                Width: 6
            },
            {
                FieldName: 'Telephone',
                FieldText: '电话',
                FieldType: 'string',
                Align: 'center',
                Width: 6
            },
            {
                FieldName: 'EMail',
                FieldText: '邮箱',
                FieldType: 'string',
                Width: 6
            },
            {
                FieldName: 'QQ',
                FieldText: 'QQ',
                FieldType: 'string',
                Align: 'center',
                Width: 6
            },
            //{
            //    FieldName: 'PriceCoef',
            //    FieldText: '价格系数',
            //    FieldType: 'number',
            //    Align: 'center',
            //    Width: 3,
            //    Format: Base.FormatNumber
            //},
            {
                FieldName: 'Opened',
                FieldText: '启用标记',
                FieldType: 'boolean',
                Align: 'center',
                Width: 3,
                Format: function (value, row) {
                    return value ? '<button class="sui-button" onclick="App.Open(' + row.ShopMemberId + ',false,\'' + row.LoginName + '\')">停用</button>' : '<button class="sui-button" onclick="App.Open(' + row.ShopMemberId + ',true,\'' + row.LoginName + '\')">启用</button>';
                }
            }
            ]
        };
    </script>
}
<!-- Start Crumbs [ -->
<div class="Global-Crumbs">
    <a href="javascript:Goto('@Url.Content("~/Home/Index")')">主页</a>
    <span class="fas fa-angle-right"></span>
    <span href="javascript:Goto('@Url.Content("~/Management/Index")')">管理中心</span>
    <span class="fas fa-angle-right"></span>
    <a href="javascript:void(0)">业务员管理</a>
</div>
<!-- End Crumbs ] -->
<!-- Start 主体 [ -->
<div class="Global-Container" style="padding-top:12px;">
    <!-- Start 菜单 [ -->
    <div class="Global-Container-Left">
        @Html.Partial("_ManagementMenu", Model)
    </div>
    <!-- End 菜单 ] -->
    <!-- Start 表格内容 [ -->
    <div class="Global-Container-Center border-left" id="DivTable">
        <div class="Global-Container-Head">业务员管理</div>
        <div class="Global-Container-Body">
            <!-- Start 工具栏 [ -->
            <div class="tools">
                <div class="tools-item">
                    <button class="sui-button fas fa-plus" onclick="App.Add()">新增业务员</button>
                </div>
                <div class="tools-item">
                    <button class="sui-button far fa-edit" id="BtnEdit" onclick="App.Edit()">修改业务员</button>
                </div>
                <div class="tools-item">
                    <button class="sui-button far fa-edit" id="BtnEditPassword" onclick="App.EditPassword()">修改密码</button>
                </div>
                <div class="tools-item">
                    <button class="sui-button fas fa-times" id="BtnRemove" onclick="App.Delete()">删除业务员</button>
                </div>
            </div>
            <!-- End 工具栏 ] -->
            <!-- Start 表格 sui/extend/grid/sui.table.js [ -->
            <div id="Table" class="sui-table" data-sui-options="App.TableConfig"></div>
            <!-- End 表格 ] -->
            <!-- Start 分页 sui/extend/paging/sui.paging.js [ -->
            <div id="Paging" class="sui-paging" data-sui-options="User: '#Table', PageSize: 10, IsShowPagingNumber: true, IsShowTotalRecords: true, IsShowGo: true"></div>
            <!-- End 分页 ] -->
        </div>
    </div>
    <!-- End 表格内容 ] -->
    <!-- Start 新增、修改业务员 [ -->
    <div class="Global-Container-Center hide" id="DivEdit">
        <div class="Global-Container-Head"></div>
        <div class="Global-Container-Body">
            <!-- Start 工具栏 [ -->
            <div class="tools">
                <div class="tools-item">
                    <button class="sui-button far fa-save" onclick="App.Save()">保存</button>
                </div>
                <div class="tools-item">
                    <button class="sui-button fas fa-reply" onclick="App.Cancel()">取消</button>
                </div>
            </div>
            <!-- End 工具栏 ] -->
            <!-- Start 隐藏字段 [ -->
            <div class="hide">
                <input type="hidden" name="ShopId" />
                <input type="hidden" name="ShopMemberId" />
            </div>
            <!-- End 隐藏字段 ] -->
            <!-- Start 表单 src/divform.js [ -->
            <div class="divform">
                <div class="divform-row">
                    <div class="divform-item">
                        <div class="divform-item-name">账号：</div>
                        <div class="divform-item-value" name="LoginName"></div>
                    </div>
                    <div class="divform-item" id="DivformPassword">
                        <div class="divform-item-name">密码<span style="color:#FF4351;">*</span>：</div>
                        <div class="divform-item-value"><input class="sui-input" type="text" name="Password" autocomplete="off" /></div>
                    </div>
                    <div class="divform-item">
                        <div class="divform-item-name">姓名<span style="color:#FF4351;">*</span>：</div>
                        <div class="divform-item-value"><input class="sui-input" type="text" name="Name" autocomplete="off" /></div>
                    </div>
                    <div class="divform-item">
                        <div class="divform-item-name">姓别：</div>
                        <div class="divform-item-value">
                            <input class="checkbox" type="radio" name="Sex" value="男" label="男"/>
                            <input class="checkbox" type="radio" name="Sex" value="女" label="女"/>
                        </div>
                    </div>
                    <div class="divform-item">
                        <div class="divform-item-name">联系电话<span style="color:#FF4351;">*</span>：</div>
                        <div class="divform-item-value"><input class="sui-input" type="text" name="Telephone" autocomplete="off" /></div>
                    </div>
                    <div class="divform-item">
                        <div class="divform-item-name">QQ：</div>
                        <div class="divform-item-value"><input class="sui-input" type="text" name="QQ" autocomplete="off" /></div>
                    </div>
                    <div class="divform-item">
                        <div class="divform-item-name">邮箱：</div>
                        <div class="divform-item-value"><input class="sui-input" type="text" name="EMail" autocomplete="off" /></div>
                    </div>
                    <div class="divform-item">
                        <div class="divform-item-name">启用标记：</div>
                        <div class="divform-item-value">
                            <input class="checkbox" type="radio" name="Opened" value="true" label="启用"/>
                            <input class="checkbox" type="radio" name="Opened" value="false" label="停用"/>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End 表单 ] -->
            <!-- 权限 -->
            <div style="font-size:14px; padding:12px 0;">
                <div style="display:inline-block; padding:3px 0;">权限：</div>
                <div id="DivPrivilege" style="display:inline-block; padding:3px 0;"></div>
            </div>
        </div>
    </div>
    <!-- End 新增、修改业务员 ] -->
    <!-- Start 修改密码 [ -->
    <div class="Global-Container-Center hide" id="DivEditPassword" style="border-left:1px solid #008060">
        <div class="Global-Container-Head">修改密码</div>
        <div class="Global-Container-Body">
            <!-- Start 工具栏 [ -->
            <div class="tools">
                <div class="tools-item">
                    <button class="sui-button far fa-save" onclick="App.UpdatePassword()">保存</button>
                </div>
                <div class="tools-item">
                    <button class="sui-button fas fa-reply" onclick="App.Cancel()">取消</button>
                </div>
            </div>
            <!-- End 工具栏 ] -->
            <!-- Start 表单 src/divform.js [ -->
            <div class="divform">
                <div class="divform-row">
                    <div class="divform-item">
                        <div class="divform-item-name">新密码：</div>
                        <div class="divform-item-value">
                            <input class="sui-input" type="password" name="NewPassword" autocomplete="off" />
                        </div>

                    </div>
                    <div class="divform-item">
                        <div class="divform-item-name">再次输入：</div>
                        <div class="divform-item-value">
                            <input class="sui-input" type="password" name="ReNewPassword" autocomplete="off" />
                        </div>
                    </div>
                </div>
            </div>
            <!-- End 表单 ] -->
        </div>
    </div>
    <!-- End 修改密码 ] -->
</div>
<!-- End 主体 ] -->