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

啊。我们现在正处于的是我记得是零三阶段，对吧。嗯，这个交易123嘛，对吧。往后翻一翻啊是啊，这个零三价值建议阶段OK吧。张三一二三点登录。嗯，来一个交易点击进去我们来看看啊，没错吧，啊，这个文字是不是也有啊。对吧，好，零二需求分析，零三价值建议，但是这回这里边字是不是咱们从那个数据字典中取的，对不对来看啊，我们现在当前停留的阶段是零三价值建议阶段，对吧？好，前面是绿圈，后边是黑圈，最后两个是黑叉，没问题吧。

我先改一改啊。我现在比如说来一个零五啊，零五这个提案报价啊。看看正确与否啊。哦。好使吧。是不是当前是不是零五啊。好是没问题啊，我再来个丢失的啊，来试一下啊。丢失的零八丢失的线索来看一下。好使吗？好不好使好使吧，从他这丢失的，他出红叉啊，前边一律黑圈，后边是这个黑叉，没问题吧。行，这个咱们给他恢复到这个0203左右啊，因为咱们一会儿。

要变更这个阶段啊。给他回复过来，OK吧，行了，这个咱咱们就搞定了啊。接下来啊，我们要通过点击啊，点击这个图标来变更这个阶段，OK吧，啊，每一次点它之后啊，比如说现在当前是在零二需求分析阶段啊，我点了这个图标之后啊，这个阶段就跟着变了啊OK吧，好。啊，我们刚才为每一个这个下标啊，起了一个on click对吧。当然还起了一个idd，没用呢，对不对？可立我们来看看list stage，往上找一找啊。这个stage就是我们需要改变的阶段，I就是需要改变阶段对应的下标啊，咱们来看一看alert。

咱们来再来个哎，来试试看。比如说我现在啊，正处于的是零二阶段，我现在要变更成零三阶段，点是不是零三价值建议啊，啊，这就是我要变更的阶段啊，它的下标是二，因为从零开始数嘛，012没问题吧，好，那如果是零四呢，都是好使的，OK吧，好，没有问题的啊好，那么现在啊，我们来看一看这个需求啊，其实变更阶段本身来讲啊是非常容易的，但是呢，大家注意看啊，每一次我点完这个图标进行变更阶段之后，咱们是不是在页面中需要发生点变化。首先咱们要确定我点击这个图标是不是肯定得给后台发一个请求啊。为什么，为什么要发送到后台？咱们是不是相当于数据库表，我如果这个零二，我要点个零三的话，零二是不是得变成零三，而且这条记录改变过，我说相当于修改过了，我得把后面的什么呢？同学们是不是那个修改人和那个修改时间也得填上啊啊对吧？好所以说啊，我现在啊肯定啊在点击这个图标的时候。

啊，咱们要把请求发送后台，传统请求还是阿贾克斯请求。肯定是阿贾克斯，我们现在要点击这个图标，大家注意啊，肯定不可能让整张页面闪一下，是这样吗？我们现在想要的效果是什么呢？点击图标点点完了之后，这个阶段就正常变成什么呢？零三它变成什么？40修改人修改时间是不是也列上了，而且它这个图标也发生变化了，也就是说我们现在需要局部刷新的是这块。这块还有什么，这块还有什么，这块是这几块是要进行一个局部刷新呢，而且大家注意啊，我上边这个图标局部刷新的仅仅只是它吗。

有同学说了，老师前面这个这个数也得改啊。不一定。不一定，为什么呢？因为大家注意啊，我现在有可能直接点的是零八丢失的线索，完全有可能，如果零八丢失线索，大家注意看啊，整个前面和这个后边是有可能都变呢，也也有可能我点的是这个叉对不对？还有一种可能是什么呢？我们现在正处在零六谈判复审的阶段，在复审的时候大家注意啊，诶啊，出现点问题了，咱们有可能打回到第三或者第二阶段了，进行重新的这个需求分析，能理解吧，也就是说我这个图表可以从前往后点，可以从后往前点。这个是没有约束的，所以说我可不可以这样认为呢？我每一次在点击完这个图标进行阶段变更之后啊，我整个的这一套图标啊。全都得按照刚才的形式重新判断。是这样吧，都得重新判断，谁知道变成什么样的，是这样吗？好，我们啊分成两步骤啊，第一步是什么呢？我们先把这个数据库表中数据先处理一下，咱们先把详细信息页中这个阶段可能性以及修改，修改时间先刷一下，至于图标的这个变更，我们这个啊，我们这个到时候变完数据之后，图标最后再变行吗？啊，把这个比较复杂的放在最后啊。

行，咱们来发一个阿贾克斯请求了啊。嗯，阿贾克斯，请求来一个。嗯，再来个请求叫什么呢？Change，其实它是属于这个修改操作的其中的一种，应该是以update开头，但是呢，由于我们现在这个需求呢，它比较特殊，OK吧，它变更的仅仅只是阶段啊，所以说啊，那特殊的名字咱们具体的这个对待OK吧，那特殊的需求咱们起一个这个特殊的名字啊，改变阶段点都啊。

来一个URL转过来啊，对他。要不要传点啥啊，同学们。首先咱们先分析一下后台吧，一会儿在后台应该怎么写这个change stage two，它都需要做什么？后台首先得去变更我们当前交易123这条记录对不对，我如何知道？我变更的是哪一条啊，所以说咱们这个ID是不是必须得传呢，他毕竟做的是一个修改操作呀。没错吧，我是不得知道改的是哪一条啊，嗯，那传吗？那这个应该是什么？这个我们用了很熟了，提点ID是就行了，好，还需要传什么S，这个是B传的吧。

呃，要不然我后台我得知道你变更到哪个阶段了。对吧，貌似是不是又有有有他俩就行了。如果纯是操作train这张表来讲的话，没问题，我就变更一个阶段，修改人和修改时间是不是在后台都能省啊？没错吧，但是呢，每一次你在改变这个阶段之后啊，咱们是不是还得相应的干嘛呢。伴随着生成一条交易历史，也就是说你对于这个交易的这个进展，或者是这个退步来讲的话，我们都会用这个历史记录给你记录下来，能理解吧，你每次点完它之后，咱们这个交易历史还得记录呢。OK吧，所以说啊，我们现在观察一下交易历史的这张表啊，同学，交易历史是这个吧，History对不对？ID是不是在后台生就行了，Train ID和stage我们刚才是不是传了。

Ch ID和stage对不对？那还得需要点啥呢？看一看啊，历史里边还需要记录什么呢？钱和什么？同学们预计成交日期，但其实这两个，这两个是在后台上就行了。他俩在后台升就行了，是不是就差他俩了，他俩是不是得从那个你当前那个提对象里边来取啊。对吧，还得传他俩啊，为了胜利史啊，咱们还得传一个什么，同学们mon是不是还得传个money啊啊money好。啊，还得来一个啊。这叫ES expected date啊。这个啊是生成交易。

历史用啊。生成交易地使用。Data有了type啊，咱们做的是一个修改是吧。嗯。来个post啊，修改个交易，新增个历史对吧。首先这个data啊，咱们也好久没分析这个东西了是吧，因为这两天一直玩的是那个传统请求对吧？Success这个是肯定得有的啊，来一个处或者是。SE，行吧，先把它啊给做了，如果得塔点suss OK吧，好，来一个。Else else，咱们来谈一个alert啊，这个叫什么呢？这个啊，比如说变更或者叫改变。

阶段失败对不对，改变阶段成功了呢，同学们。成功。需要再详细。信息页上好局部刷新哪些信息呢？咱们刚才分析了，咱们得刷什么呢？咱们说得刷这个阶段，还得刷这个可能性，还得刷什么，修改人和修改时间对不对。咱们得刷。刷新阶段啊，这个可能性修改人以及修改时间是这样吗？呃，我们现在是不是有一个阶段是这个stage啊，对不对，但是这个stage我们是当做参数传递到这个后台了，对不对？好，当然这个stage啊，你在下边也能用，这个是没有问题的，OK吧，好，那么这个可能性修改人和修改时间呢，是不是都得从后台传过来。

啊，你分别传或者打包成一个对象都可以，能理解吧，啊咱们比如说啊，给他来打包一个对象吧，同学们啊，啊，这里边儿咱们再多来一个啊，应该是什么呢。再多来一个提对象可以吧，同学们。可以吗？来一个一条交易，也就是说啊，我把这几条啊，这些信息啊，是不是都放在这个T对象里了。可以吗？有点反应不过来啊，老师分别来啊，嗯，比如说阶段啊，大家注意啊，当然阶段上边也有，对不对，来一个。好，再来一个什么呢，可能性抛。BT对吧。再来什么修改人E？

在，以及什么爱他？Time这四项为什么要从后台拿过来呢？拿过来之后咱们是不是要为这1234，是不是为这四项是不是负个值啊。没错吧啊，你改完之后需要局部刷吗？但是这四项啊，传递过来太麻烦了。那值有点乱，所以说我把这四项给它封装到一个这个T对象中传过来可以吧。啊，T，咱们来一个。来一条这个这个交易啊。交易可以吧，好行，咱们现在来更新这四项，这四项咱们先来找一下啊，同学们找一找这四项。往下翻一翻啊。其中咱们得更阶段得是不是得更啊，对吧，就得更对不对，好，那么大家注意看啊，这个阶段如果要更它的话，是不是咱们得找这个啊，这是以前的值对不对。

以前的值的话，咱们是不是得找这个标签呢。来个什么ID，我就来stay去了行吗？通过这个ID我能找到B标签，为B标签对中的信息重新赋个值，是这样吗？还有呢，按照这个来可能性。ID我就直接来个叫。可以吧，啊，接下来咱们再来。修改人和修改时间，这个修改人咱们来个ID，我就叫ID他了，呃，修改时间咱们是不是在这个small标签这中啊。来一个，来个。好，我起了四个ID，对应四个元素，我要分别的拿到这四个元素，这四个标签对为这四个标签对里边的信息重新赋值，是这样吗？好。

嗯。首先咱们来个什么ST he行吗？点什么是HTML吧，是不是为这个标签对中的内容赋值啊？等于什么说吧同学们这点什么T点。这句OK吧，好，一共有四个对吧。嗯，还有什么。BT是这个吧，还有一个叫。还有一个叫。他。

啊。行了，前端差不多了啊啊，当然了，这些值改变之后，最后咱们做这个图标还得还得改一下，这个就是就在这个数据改变完之后啊，这四项刷新完毕，测完之后啊，再来改图标，那个千万不要现在好多同学还犯这个毛病啊，那代码写了这个一大堆了啊啊都好几好几好几大坨了，是不是，然后再想起来做测试啊，全是毛病，我们一会儿再把这个数据啊，这个测完了之后。然后呢，我们再踏踏实实的啊，再去这个修复这些个这个图标，OK吧，行了啊，先修息会吧。