欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

9.30 总结一下九月呗

程序员文章站 2022-05-19 20:55:36
...

九月做了两个版本 1.3.1 和 1.4

1.3.1主要是优化,新知识是bootstrap selectpicker,选择输入框:

初始化:

$("select[name=name]").selectpicker({
     noneSelectedText: ''
});

两个事件:changed.bs.select,hidden.bs.select

$("select[name=name]").on('changed.bs.select', function (e) {//改变选中项
        var name = $(this).find('option:selected').text();
        var val = $(this).val();
        var code = $(this).find('option:selected').attr('data-code');
        if(code){
                me.functionA();
        }
}).on('hidden.bs.select', function(e){ //打开选择框并且其hidden后的处理

        if($(this).val()){//进入选择框并且选中某个值后,addClass("has-success") ,给其加上绿色边框,提示选择框通过验证
              me.$group.removeClass('has-error').addClass('has-success');
              me.$group.find('small').hide()
         }else{           //进入选择框却没有选中某个值时,addClass("has-error"),给其加上红色边框,提示为通过验证 
        me.$group.removeClass('has-success),.addClass('has-error);  
         me.$group.find('small).show();

  

  逻辑方面主要是切换不同名称后的处理,联动较多,考虑的不太周全,导致后期测试的时候问题频发,修完一个bug会引起另一个bug,捂脸。。。

教训就是一定要多角度考虑,考虑全面,把各种可能的问题以及发生的情况都考虑进去。

 

1.4是开发一个新模块,内容看着有点多,但是逻辑比较简单,不难,另一个还是优化。

主要功能点是:

1.两个编辑的弹窗,两个页面引用的同一个modal,但是对于不同页面带出的信息不一样,在弹窗里显示的也有所不同。

对于单个部门详情的编辑,modal的部门选择是禁用的,默认为当前部门,而所有部门详情的编辑,选择框是活的,选择不同部门带出当前部门信息,开始没考虑这么细,后期花时间改了一下。

2.第一次做上传文件!!没有想像中的难~用户选择上传文问,点击上传按钮后,js中将当前文件存为form_data对象,并且把这个对象用过upload方法,上传到指定接口就好啦!

//选中excel的时候填入文件信息
$('.file').on('change', function(e){
	$('.import-result').html('');
	var file = e.target.files[0];
	if(file){
	      $('.file-name').html(file.name);
	       $('.icon-delete-button').removeClass('hidden');
	}
	me.uploadExcel(file);
});
uploadExcel: function(file){
	var form_data = new FormData();
	form_data.append('file', file);
	MJJS.http.uploadFile(API.upload, form_data, function(d){
	    var pList = [];
	    for(var  i = 0; i < d.length; i++) {
		pList.push('<p>' + (i+1) + '.' + d[i] + '</p>');
	    }
	    $('.import-result').html(pList.join(''));
        }, function(err){
            	$('.import-result').html('');
                MJJS.page.dialog.alert(err.msg);
       })
},

3.优化主要是判断当前客户是否可以垫款,并决定页面的垫款充值单选框是否禁用,过程在选中客户后去调一个接口,取得该客户的相应信息,并对页面进行联动处理。

4.学会了时间加减!对于支持垫款的客户,要限制垫款时间,在当前日期上架一定的天数,通过getDate()  setDate() 进行设置!

5.字段验证,在valid.js中加入验证的接口,js里通过判断是否支持垫款,决定是否需要验证它的额度,活用removeField  addField 这两个方法。一开始决定难,后来做了发现很简单,嘻嘻

 

总结:  

加上八月做的1.3版本,目前已经做了三个版本了,每一次都会遇到很多问题,但是自己学着去解决,实在解决不了的也会去问 qz jf wd ,他们也很耐心得教我,感谢哟

现在接触的功能越来越多啦,慢慢都在学会处理,很多时候新功能都会觉得难,但是真正开始做的时候就会发现真的很简单,只要开始做,都不是事儿~

so,感谢九月,十月也继续加油吧,继续迎难而上,继续提高自己!

十月我来啦!!!