1 /**
  2  * 更换手机欢迎页面
  3  */
  4 define(["core", "component/process_components"], function() {
  5 
  6     var _html = ['<div class="we_cell_pic">',
  7         '<p class="we_bold_text">确认更换请点击下一步，否则点击取消</p>',
  8         '<img src="$path$/img/src/old_to_new_pic.png?v=$version$">',
  9         '</div>'
 10     ].join('');
 11 
 12     // var _tips =["账号A,B,C等绑定的手机都将变为<span class='we_yellow'>$phone$</span>，是否确认？"].join('');
 13     var _tips =['所有账号绑定的手机都将更换为新手机号，是否确认？'].join('');
 14 
 15     var _btmTips = ["<strong>温馨提示：</strong>如果是手机账号,更换手机后登录名将变成新手机<br>",
 16                         "<strong>手机账号：</strong>可以用手机号码作为登录名的账号"].join('');
 17 
 18 
 19     /**
 20      * 更换手机欢迎页面
 21      */
 22     $we.widget.reg("phone_change_welcome", {
 23         interfaces:{
 24             /**
 25              * render函数，AAA的接口函数，对于业务流组件来说，它完全可以转变为一个内置函数，
 26              * 业务流组件在大多数情况下，不会调用interfaces
 27              */
 28             render:function ()
 29             {
 30                 _tips=$we.string.replaceTmpl(_tips,{phone:$we.process.getData('phone')});
 31                 this.tips = $we.widget.add("process.tips.small", this.el, {
 32                     content: _tips
 33                 });
 34 
 35                 this.append(this.el, _html,{path:$we.conf.ENV.__STATIC,version:$we.STATIC_VERSION});
 36 
 37                 this.notify("renderBottom", _btmTips);
 38                 this.notify("setButton", {cancel:true});
 39             }
 40         },
 41         /**
 42          * 初始化函数
 43          * @param  {element} el    通过业务流组件传递过来的参数，该业务流组件的business节点
 44          * @param  {object} params 初始化业务流组件时，每个组件传递的参数
 45          */
 46         init:function (el, params)
 47         {
 48             this.el = el;
 49             this.params = params;
 50         },
 51         /**
 52          * 每个组件，如果需要使用业务流的话，需要声明这个
 53          */
 54         process:{
 55             /**
 56              * 组件开始调用，业务流组件会调用这个接口来启用组件
 57              */
 58             start:function ()
 59             {
 60                 this.render();
 61             },
 62             /**
 63              * 组件结束调用，当这个业务结束的时候，业务流组件会调用它
 64              */
 65             end:function ()
 66             {
 67                 $(this.el).empty();
 68             },
 69             /**
 70              * 组件检测是否可以进行下一步
 71              * 当组件需要进入下一步时，业务流组件将会调用这个接口，
 72              * 这个接口需要通过 this.notify("goNext") 来通知业务流组件它检测通过，
 73              * 否则业务流组件在这个地方会停滞下来 通过 this.notify("pause")来通知
 74              */
 75             checkSucc:function ()
 76             {
 77                 $we.process.setData('independent',false);
 78                 this.notify("showProgressBar");
 79                 this.notify("goNext");
 80             }
 81         },
 82         events:{
 83         }
 84     });
 85 
 86 });