电脑桌面
添加蚂蚁七词文库到电脑桌面
安装后可以在桌面快捷访问

列表页面点击按钮,弹出对话框,并实现相应逻辑场景。

来源:金蝶云社区作者:金蝶2024-09-164

列表页面点击按钮,弹出对话框,并实现相应逻辑场景。

【业务场景】:在单据列表界面,新增按钮【获取销量利润数据】,点击按钮后,弹出调用接口参数界面。选择好参数后,点击“确定”,实现数据校验和接口数据同步。


【效果图】:

image.webp


image.webp


image.webp



【实现方案】:

在按钮方法中,增加弹框方法:

     /**
     * 描述:获取销量利润action 
     */
    getBISalesDataAction: function() {
		var _self=this;
                createSalesParamsDialog(_self, 0, '');	
    },
    
    /**
     * 弹出参数对话框
     * 
     */
function createSalesParamsDialog(that, type, ruleId) { 
        var dialogHtml = '<div id="creatParamsDialog" class="rules_content" style="height:224px!important">'
	    +'<div><span class="span_name">选择省份</span><form id="orgIdForm" action="orgIdForm">                                    <input type="text" id="orgId" name="orgId" class="bg_lightblue" style="float:left" readonly="readonly"><input id="orgIdHiddenText" type="text" style="display:none" /></form></span>'
            +'<span class="span_name">期间</span><span class="msgwrap"><input type="text" disabled="true"  id="yearMonth" class="required" disabled="disabled" /></span></div>'
	    +'</div>'
	
	$(document.body).append(dialogHtml);

        // 省份F7
	var orgId_f7_json = {id: "orgId", name: "orgId"};
        orgId_f7_json.subWidgetName = 'shrPromptGrid';
	var filter = "isSealUp ='0' and unitLayerType.name ='一级公司'";
        orgId_f7_json.subWidgetOptions = {
            title: "选择省份",
            uipk: "com.kingdee.eas.basedata.org.app.AdminOrgUnitEx.F7",
            query: "",
            filter: filter
        };
        $('#orgId').shrPromptBox(orgId_f7_json);
        $('#orgIdForm').shrForm({id: "orgIdForm"});//包裹一个form, 为了提供validate功能
        $('#orgId').shrPromptBox('addRules', {required: true});
        $('.ui-promptBox-icon').addClass('required');
	
	//期间控件处理
	$('#yearMonth').shrDatePicker().val(new Date().format('yyyy-MM'));
	$('#yearMonth').removeAttr("disabled");
	$('#yearMonth').attr('readonly', 'true');
	$('.ui-datepicker-frame .ui-datepicker-layout').addClass('required');
	$('#yearMonth').change('onChange',
		function(e){
			var newDate = $('#yearMonth').shrDatePicker('getValue');
			newDate= newDate.substr(0,7);
			$('#yearMonth').shrDatePicker('setValue',newDate);
	});
	
        var title = '获取员工销量利润';

        $("#creatParamsDialog").show();
   

列表页面点击按钮,弹出对话框,并实现相应逻辑场景。

【业务场景】:在单据列表界面,新增按钮【获取销量利润数据】,点击按钮后,弹出调用接口参数界面。选择好参数后,点击“确定”,实现数据...
点击下载文档文档为doc格式

声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。如若本站内容侵犯了原著者的合法权益,可联系本站删除。

已经是第一篇
确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息
QQ群
  • 答案:my7c点击这里加入QQ群
支持邮箱
微信
  • 微信