发表于: 2017-05-13 21:22:38
1 853
今天完成的事:修改好昨天的bug,进行自测,发现了些问题,于是延期接着改。
明天计划的事:改完发现的问题,进行自测。
困难:
1.关于昨天的那个问题,左侧进度条需求变动,需要当用户加入班级未领取任务的时候显示第一个任务且能够点击,用户领取过任务后,应该是只有审核通过以后才能查看下一个任务的信息(未审核通过都看不了),昨天做了半天是想着用ng-if往判断的那边走,结果发现不行,早上问了师姐,发现任务一得拎出来单独写(因为一直是可以点击的),但是后来遍历出来的就存在一个问题(遍历的信息和index对不上号),结构都得改了变,结果如下:
<!--任务一-->
<div class="step-part">
<div class="step-part-left" ng-hide="!vm.userProgress[vm.list[0].id].judgeAt">
<div class="step-part-date">
{{vm.userProgress[vm.list[0].id].judgeAt|date:"yyyy-MM-dd"}}
</div>
<div class="step-part-progress">
<span class="step-progress-bar"
style="width:{{vm.list[0].listPro}}"></span>
</div>
</div>
<div class="step-left-none" ng-hide="vm.userProgress[vm.list[0].id].judgeAt"</div>
<div class="step-part-circle first-canvas">
<canvas width="41px" height="41px" id='c0'></canvas>
<!--技能可以点击的时候圆圈样式-->
<span class="canvas-border" ng-click="vm.taskDetail(0);vm.taskSkillClick()">
<span class="canvas-border-num">
<span>1</span>
</span>
</span>
<i class="step-part-line"></i>
</div>
</div>
<div ng-repeat="li in vm.list track by ($index|indexAdd)" ng-if="$index<vm.list.length-1">
<div class="step-part">
<div class="step-part-left"
ng-hide="!vm.userProgress[vm.list[$index+1].id].judgeAt">
<div class="step-part-date">
{{vm.userProgress[vm.list[$index+1].id].judgeAt|date:"yyyy-MM-dd"}}
</div>
<div class="step-part-progress">
<span class="step-progress-bar"
style="width:{{vm.list[$index+1].listPro}}"></span>
</div>
</div>
<!--撑空间的空span-->
<span class="step-part-span"
ng-hide="vm.userProgress[vm.list[$index+1].id].judgeAt"></span>
<div class="step-part-circle">
<!--技能可以点击的时候圆圈样式-->
<canvas width="41px" height="41px" id={{'c'+($index+1)}}></canvas>
<span class="canvas-border"
ng-if="vm.list[$index].progress==5||vm.userProgress[vm.list[$index+1].id].judgeAt"
ng-click="vm.taskDetail($index+1);vm.taskSkillClick()">
<span class="canvas-border-num">
<span ng-if="vm.list[$index+1].progress||vm.userProgress[vm.list[$index+1].id].judgeAt">{{$index+2}}</span>
</span>
</span>
<!--技能不可点击时圆圈样式-->
<span class="canvas-border1"
ng-if="vm.list[$index].progress!=5&&!vm.userProgress[vm.list[$index+1].id].judgeAt">
</span>
<i class="step-part-line"
ng-class="{'line-bg':vm.list[$index].progress!=5&&!vm.userProgress[vm.list[$index+1].id].judgeAt}"></i>
</div>
</div>
2.自测的时候发现,从TA的技能跳转到技能页会出现问题(传参有问题导致获取的数据不对),一直只能点击任务一的进度钮,后来加了个判断就完了,如上。
收获:
充分的自测很重要,很多情况我们得首先考虑到,有问题就得及时沟通,比如今天发现的日报分数和日报篇数对不上号就需要和后端去沟通(直接从后端拿的数据),相应的任务脑图如何显示需要和产品沟通。
评论