发表于: 2017-08-01 23:07:01
1 827
今天完成的事情:公司的搜索页面bug修改,公司详情页的页面渲染
明天计划的事情:公司详情页面和在招职位页面,有时间的话就做职位搜索页面。
遇到的问题:写样式要花了一些时间,应该提前把样式写好的。以前的样式并没有完全根据psd图的大小来做,修改也要话一些时间。
收获:提前写好样式真的很重要。学会了用sessionStorage进行保存参数的做法。
在每次进入页面的时候读取sessionstorage的内容,然后进行搜索,每次输入条件或者清空的时候先清空sessionstorage.
//取出数据
vm.industry=Number(sessionStorage.getItem("industry"))>-1?sessionStorage.getItem("industry"):null;
vm.financing=Number(sessionStorage.getItem("financing"))>-1?sessionStorage.getItem("financing"):null;
vm.name=sessionStorage.getItem("name")!=="null"?sessionStorage.getItem("name"):"";
vm.page=$stateParams.page?$stateParams.page:1;
vm.size=$stateParams.size?$stateParams.size:9;
//搜索函数
vm.search=function(a){
if(a){
vm.page=a;
}
sessionStorage.clear();
sessionStorage.setItem("name",vm.keyWord?vm.keyWord:null);
sessionStorage.setItem("industry",vm.industry>-1?vm.industry:null);
sessionStorage.setItem("financing",vm.financing>-1?vm.financing:null);
$state.go("main.searchCompany",{
page:vm.page,
size:"9"
},{reload:true})
}
//清空函数
vm.clear=function(){
sessionStorage.clear();
$state.go("main.searchCompany",{
page:"1",
size:"9"
},{reload:true})
}
用sessionstorage的优点就是当你从其他页面回来搜索条件也不会消失,而$stateParams从其他路由跳转回来,搜索条件就不见了,
评论