9.30 总结一下九月呗

Posted 2020-10-09

九月做了两个版本 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，感谢九月，十月也继续加油吧，继续迎难而上，继续提高自己！

十月我来啦！！！