zoukankan      html  css  js  c++  java
  • 9.30 总结一下九月呗

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

    十月我来啦!!!

  • 相关阅读:
    每天一个Linux命令(3):ls命令
    Linux忘记root密码的解决办法
    每天一个Linux命令(2):shutdown命令
    (8)序列帧动画
    (7)
    (6)Cocos2d-x 3.0坐标系详解
    (5)调度器(scheduler)
    (4)基础概念介绍——导演、场景、层、精灵
    (3)在Windows7上搭建Cocos2d-x
    (2)Mac环境搭建
  • 原文地址:https://www.cnblogs.com/yan89/p/7615120.html
Copyright © 2011-2022 走看看