155_CRM项目-处理交易详细信息页中的阶段及图标6原创

好，呃，那么接下来啊，咱们还是得来这个传统这个for循环，但是啊，我如果按照刚才那么写啊，从头到尾来一套，可以是可以，但是我觉得刚才已经写过一次了，我想换一种方式。所以说我取了一个什么呢？我取了一个point，前面正常阶段和后面丢失阶段的分界点下标。来老师来个for循环啊，我来一个，这回是VR了，对不对，I的零对吧，大家注意看老师的啊，I小于什么呢。Point I加加。啥意思？咱们是便利的是多少，我看看啊，是不是前前七个呀，便利前七个。你看这种形式是不是更简单一些啊？后边咱们再来一个呗，放循环V，咱们等于什么point，然后小于大家注意啊，这个长度啊，你还得取这个脚本对吧？好。

你你还这个没办法啊，你只能这么去啊，来咱们DV list点是吗？Size对吧，好。加加这个咱们是便利的是后两个对吧，便利后两个前七个咱们已经定了啊，一定是什么。说一定是黑圈啊。跟刚才的形式比起来呢，你看这种形式不是更容易理解一些啊。你你你也可以把下边的改成上面这种形式都可以，我现在用的是两种形式，OK吧，好，我现在是用的是这个分界点的形式后两个。一个是什么红叉，一个是黑叉，那咱们得判断一下，如果是当前阶段是这样吗？

如果是。当前阶段，好，咱们来这个L字，如果。不是当前阶段啊好，如果是当前阶段怎么判断。来。我是当前阶段I等于什么？同学们当前阶段的下标呢，有没？是不是这个index呀，这个I是不是跟下边的会有冲突啊，看到没很危险啊，同学们看到没？我这这这里边儿怎么来个叫。In index1吧，行吧。这这这个东西，或者你直接管它叫index也行，OK吧，啊哎，我这么来一个啊，跟下面这个I啊，给它区分开可以吧，好。呃，如果A等于。Index说明是当前阶段，当前阶段那一定是什么呀。

红茶对不对，不是当前阶段呢，黑茶。啊，这种形式啊，就更简单了啊，判断完了，接下来咱们这个else。Else，咱们还是啊，跟上面一样啊，来个for循环啊，便利前七个，好，这回这前七个是啥就不一定了，对不对。前期个绿圈，绿色标记和黑圈都有可能，对不对，好，那接下来咱们变例后两个，后两个咱们能确定吗？同学们。后两个呢，一定是黑叉啊。A叉，这个是怎么确定的啊？前期个啊，那也好判断呢，按照我们之前的一个形式if呗，什么同学们I等于inex，这个是如果是当前阶段呢。Ls ifi小于index，然后最后咱们这个else对吧？好，这个是如果是当前阶段，好，如果小于当前阶段，那下边咱们这个else如果大于当前阶段，没错吧，是当前阶段啊，这个咱们来一个。

啊啊，绿色标记是吧。行，这个是小鱼是绿圈对吧，绿圈。啊，最后是黑圈对吧。黑圈。没问题啊行，那咱们接下来啊，来一个一个来操作啊，首先啊，我们先来黑圈，但是你来黑圈之前，你得知道一件事啊，我们现在啊，是要把当前的这个图标啊赋予成黑圈，对不对，但是我哪知道。

当前的这个图标是谁呢？我怎么知道，大家注意啊，老师刚才是不是为每一个死辩都起了一个名字，我用的是什么呢？用的是不是下标来为为他起的名字？啊，也就是说他们各自有名字，他的名字是01234567，是啊七八是这样吧，从零开始数对吧，这是他们的名字，我们通过这个ID名字是不是就能够成功的找到咱们这个变。要小队。没错吧，好，我们通过这个ID，大家注意啊，ID等于一这个这个这个I啊下标就能导到，我们要操作SPA是这样吧，好，那这个东西啊怎么玩。到井号加个什么，同学们是加个I，是不是要当前我要操作的这个词面就拿到了，拿到了之后呢，首先咱们第一步是什么呢。

以前人家有样式啊。你是不是得把原原有的这个样式给他移除掉啊，对不对，老师啊，我新添一个样式，你新添一个样式不行，人家会把原有的这个样式还得保留了，能理解吧，一下就乱了啊，所以说咱们先要移除掉干嘛呢？移除掉原有的样式，我管你以前是黑圈还是绿圈，我要给你以前样式先移除呢，怎么玩点re。我看你同学们就非常喜欢这个方法啊，就我也不知道为什么你们经常会使用到这个方法。Remove，咱们用过一次，在做备注的时候是用过对不对？Remove我们当时移除的是一个div，还记得吗？这回你要把这个SPA标签给他移除了。咱们是不是只是要移除它的这个class样式啊，那所以说咱们应该remove的是一个什么呢？Re。

叫什么说class啊，这叫移除掉原有的这个样式，OK吧，接下来啊，咱们来添加新样式。好，还是要操作的是当前的这个四变啊，加上个A掉一个点，猜一猜吧，这个方法应该叫什么ad什么class对不对，新样式是什么？同学们是不是这个圈啊，而且是黑圈的这个圈对不对。是这个吧。给他拿过来啊。走啊，这个这个这个这个咱们得分割一下。对吧，好，最后啊为新样式来赋予。颜色对不对。

来点这样说，这就简单了，你们说我写啊CSS对吧，好颜色是Co lo。啊，对吧，好看了，咱们来给一个黑色啊，000000行啊。行，这个东西咱们每一个都得这么写一下啊。红叉好也是啊，先移除掉原有的啊。一树原有的红叉叉，叉叉。啊，这上面红叉下面黑叉啊。这个拿一下啊。是这个removed对吧，红色F红色涂满对吧，黑叉。

啊。这个没错，把颜色改一下对吧。其实你看这个idea还是不够强大，他只能把颜色给我们赋予了，是吧，如果前面再把这个图标也给我整好了，是不是就厉害了？啊。黑叉黑圈我直接粘上面了啊。啊，绿色标记。这个。这这这这个颜色，我得我得粘一下啊。

行，然后是。你啊。Sean。行没问题啊，我看看这个分割是不都做了吗。都做了啊，也没录像啊是吧，行，咱们来测一下啊，同学们交易。点。现在当前是不是零四阶段呢，往往零五阶段点一下啊，注意看了啊走好使不。好使吧，零六我点一个这个跨阶段我点个零八的来看看啊，线索丢失了。是这样吗？好使吧，当然可以往前点的，现在咱们没控制对不对，那以后用户提出新需求呢，咱们也可以控制在线，你看现在可以随便点的，看到没啊，每一次不仅仅只是页面这个信息局部出来了啊，更重要是这个图标啊，也改变了啊，OK吧啊呃，今天给大家的这个交易的这些个对这个图标啊。

啊，肯定就是咱们今天要敲的了，OK吗？