发表于: 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的技能跳转到技能页会出现问题(传参有问题导致获取的数据不对),一直只能点击任务一的进度钮,后来加了个判断就完了,如上。

收获:

充分的自测很重要,很多情况我们得首先考虑到,有问题就得及时沟通,比如今天发现的日报分数和日报篇数对不上号就需要和后端去沟通(直接从后端拿的数据),相应的任务脑图如何显示需要和产品沟通。


返回列表 返回列表
评论

    分享到