穿梭框,单位人员分配到部门

//部门人员管理点击事件
    $('#btnManage').click(function () {
        Dept.manages();
    });
    //点击部门人员管理向右事件---》新增
    $('#addPer').click(function () {
        Dept.addPer();
    });
    //点击部门人员管理向左事件---》删除
    $('#delectPer').on('click', function () {
        Dept.delectPer();
    });
    Dept.manages = function(){
        var checkRows = table.checkStatus(Dept.tableId);
        if (checkRows.data.length === 0) {
            layer.msg("请选择要进行配置人员的作业点", {icon: 2});
            return;
        }
        if (checkRows.data.length > 1) {
            layer.msg("当前仅支持单条作业点修改人员管理", {icon: 2});
            return;
        }
        var deptid =  checkRows.data[0].id;
        layer.open({
            type: 1,
            title:['部门人员管理'],
            skin:'my-class2',
            resize:false,
            area: ['600px', '440px'],
            shade: 0.6,  //遮罩透明度
            anim: 1,  //0-6的动画形式,-1不开启
            content: $('#perWarehouse'),
            success: function () {
                // 渲染表格
                var resultPerManagement = Dept.initPerManagementTable("employeeTable", Dept.condition,"/ipmconfig/dept/getAllUnitPerByunit?id="+ deptid);
                var resultPerManagement1 = Dept.initPerManagementTable("perWarehouseTable", Dept.condition,"/ipmconfig/dept/getAllDeptPer?id="+ deptid);
            }
        })

    }
    /**
     * 初始化部门所有人员表格和单位所有人的表格
     */
    Dept.initPerManagementTable = function (tableId, data, url) {
        return table.render({
            elem: '#' + tableId,
            url: url,
            where: data,
            page: false,
            cols: Dept.initPerManagement(),
        });
    };
    /**
     * 初始化部门所有人员表格的列
     */
    Dept.initPerManagement = function () {
        return [[
            { checkbox: true, fixed: true },
            { field: 'name', title: '姓 名',},
        ]];
    }
    //点击作业点人员管理向左事件---》删除
    Dept.delectPer = function(){
        var checkRows = table.checkStatus("perWarehouseTable");
        if (checkRows.data.length === 0) {
            layer.msg("请选择要向左移的人员", {icon: 2});
            return;
        }
        var ids = "";
        for (var i = 0; i < checkRows.data.length; i++) {
            ids += checkRows.data[i].id + ",";
        }
        var checkRows1 = table.checkStatus(Dept.tableId);
        var deptId =  checkRows1.data[0].id;//获取作业点ID
        $.ajax({
            type: 'POST',
            url: "/ipmconfig/dept/delectDeptPer",
            data: {
                ids: ids,
                deptId: deptId
            },
            dataType: "json",
            success: function (data) {
                if(data.code == 0){
                    layer.msg(data.data, {icon: 1});
                    table.reload("perWarehouseTable");
                } else {
                    layer.msg(data.data, {icon: 2});
                }
            }
        });

    }
    //点击作业点人员管理向右事件---》新增
    Dept.addPer = function(){
        var checkRows = table.checkStatus("employeeTable");
        if (checkRows.data.length === 0) {
            layer.msg("请选择要向右移的人员", {icon: 2});
            return;
        }
        var ids = "";
        for (var i = 0; i < checkRows.data.length; i++) {
            ids += checkRows.data[i].id + ",";
        }
        var checkRows1 = table.checkStatus(Dept.tableId);
        var deptId =  checkRows1.data[0].id;//获取作业点ID
        $.ajax({
            type: 'POST',
            url: "/ipmconfig/dept/addDeptPer",
            data: {
                ids: ids,
                deptId:deptId
            },
            dataType: "json",
            success: function (data) {
                if(data.code == 0){
                    layer.msg(data.data, {icon: 1});
                    table.reload("perWarehouseTable");
                } else {
                    layer.msg(data.data, {icon: 2});
                }
            }
        });
    }

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Axure RP 9是一款强大的网页原型设计工具,用于创建交互式网页原型并生成演示文档,以便于团队协作、用户测试及向利益相关者展示产品设计方案。Axure 的“穿梭”是一个非常有用的组件,主要用于模拟网页元素之间的链接跳转。 ### Axure 9 穿梭简介 穿梭实际上是一个基于事件驱动的功能组件,它允许你在设计的页面之间快速导航,模拟网页间的链接跳转效果。这对于构建动态网站原型尤其有用,因为它能直观地展现用户在不同页面之间的交互体验。 #### 使用场景: 1. **模拟导航栏**:穿梭可以模仿网站顶部的导航菜单功能,帮助设计师验证不同页面之间的链接是否顺畅,以及用户体验是否良好。 2. **演示页面流转**:在构建用户故事板或演示文档时,穿梭可以帮助清晰地展示用户从一个页面到另一个页面的过程,有助于团队成员理解和讨论设计细节。 3. **测试链接有效性**:通过设置穿梭的不同链接目标,设计师可以在早期阶段就检测出链接错误或未完成的内容,避免后期开发中的返工。 #### 实现步骤: 1. **添加穿梭组件**:在Axure RP界面中选择“插入”>“面板”>“穿梭”,将该组件放置在设计区域中需要的位置。 2. **配置穿梭属性**:打开穿梭属性面板,你可以设置其显示样式、文字内容、背景颜色等外观属性,使其与实际网站风格保持一致。 3. **连接穿梭与目标页面**:在穿梭的事件管理器中,为其添加触发动作,如“单击”时跳转至指定的页面。这通常涉及到设置“动作”为“打开窗口”或“改变页面”,并将目标页面名称作为参数传递给动作。 4. **优化用户体验**:调整穿梭的位置布局,确保它们易于识别,并且在视觉上与整个原型的设计风格和谐统一。此外,合理规划穿梭的数量和位置,可以有效提升原型的可读性和易用性。 通过运用穿梭这一功能,设计师能够在Axure环境中构建更贴近真实互联网应用的原型,从而更好地预览和评估用户的交互体验,做出更合理的决策和改进。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值