1 学习计划

1、业务受理需求分析

n 业务通知单

n 工单

n 工作单

2、创建业务受理环节的数据表

n 业务通知单

n 工单

n 工作单

3、实现业务受理自动分单

CRM服务端扩展方法根据手机号查询客户信息

CRM服务端扩展方法根据取件地址查询定区id

n 调整业务受理页面回显客户信息

n 实现自动分单

4、数据表格编辑功能使用方法

5、工作单快速录入

 

 

业务受理需求分析

整个BOS项目分为基础设置、取派、中转、路由、报表等几大部分。

  受理环节,是物流公司业务的开始,作为服务前端,客户通过电话、网络等多种方式进行委托,业务受理员通过与客户交流,获取客户的服务需求和具体委托信息,将服务指令输入我司服务系统。

 

  客户通过打电话方式进行物流委托,物流公司的客服人员需要将委托信息录入到BOS系统中,这个录入的信息称为业务通知单

  当客服人员将业务通知单信息录入到系统后,系统会根据客户的住址自动匹配到一个取派员,并为这个取派员产生一个任务,这个任务就称为工单

  取派员收到取货任务后,会到客户住址取货,取派员会让客户填写纸质的单子(寄件人信息、收件人信息等),取派员将货物取回物流公司网点后,需要将纸质单子上的信息录入到BOS系统中,录入的信息称为工作单

 

创建业务受理环节的数据表

 

 

 

业务受理自动分单

页面:WEB-INF/pages/qupai/noticebill_add.jsp

 

 

4.1 crm服务中扩展方法

l 根据客户的手机号查询客户信息

根据客户的取件地址查询定区id

 

接口:

 

实现类:

//根据手机号查询客户信息
    public Customer findCustomerByTelephone(String telephone) {
        String sql = "select * from t_customer where telephone = ?";
        List<Customer> list = jdbcTemplate.query(sql, new RowMapper<Customer>(){
            public Customer mapRow(ResultSet rs, int arg1) throws SQLException {
                int id = rs.getInt("id");//根据字段名称从结果集中获取对应的值
                String name = rs.getString("name");
                String station = rs.getString("station");
                String telephone = rs.getString("telephone");
                String address = rs.getString("address");
                String decidedzone_id = rs.getString("decidedzone_id");
                return new Customer(id, name, station, telephone, address, decidedzone_id);
            }
        },telephone);
        
        if(list != null && list.size() > 0){
            return list.get(0);
        }
        return null;
    }

    public String findDecidedzoneIdByAddress(String address) {
        String sql = "select decidedzone_id from t_customer where address = ?";
        String decidedzoneId = jdbcTemplate.queryForObject(sql, String.class, address);
        return decidedzoneId;
    }

 

4.2 页面调整

<td>来电号码:</td>
                    <td><input type="text" class="easyui-validatebox" name="telephone" required="true" />
                        <script type="text/javascript">
                            $(function(){
                                //页面加载完成后,为手机号输入框绑定离焦事件
                                $("input[name=telephone]").blur(function(){
                                    //获取页面输入的手机号
                                    var telephone = this.value;
                                    //发送ajax请求,请求Action,在Action中远程掉调用crm服务,获取客户信息,用于页面回显
                                    $.post('noticebillAction_findCustomerByTelephone.action',{"telephone":telephone},function(data){
                                        if(data != null){
                                            //查询到了客户信息,可以进行页面回显
                                            var customerId = data.id;
                                            var customerName = data.name;
                                            var address = data.address;
                                            $("input[name=customerId]").val(customerId);
                                            $("input[name=customerName]").val(customerName);
                                            $("input[name=delegater]").val(customerName);
                                            $("input[name=pickaddress]").val(address);
                                        }else{
                                            //没有查询到客户信息,不能进行页面回显
                                            $("input[name=customerId]").val("");
                                            $("input[name=customerName]").val("");
                                            $("input[name=delegater]").val("");
                                            $("input[name=pickaddress]").val("");
                                        }
                                    });
                                });
                            });
                        </script>    
                    </td>

 

第二步:创建NoticebillAction,注入crm代理对象,提供方法根据手机号查询客户信息,返回json

 

注意:配置struts.xml

第三步:为页面中“新单”按钮绑定事件

 

 

4.3 NoticebillAction中提供方法实现业务受理自动分单

 

 

@Service
@Transactional
public class NoticebillServiceImpl implements INoticebillService {
    @Autowired
    private INoticebillDao noticebillDao;
    @Autowired
    private IDecidedzoneDao decidedzoneDao; 
    @Autowired
    private IWorkbillDao workbillDao;
    @Autowired
    private ICustomerService customerService;
    /**
     * 保存业务通知单,还有尝试自动分单
     */
    public void save(Noticebill model) {
        User user = BOSUtils.getLoginUser();
        model.setUser(user);//设置当前登录用户
        noticebillDao.save(model);
        //获取客户的取件地址
        String pickaddress = model.getPickaddress();
        //远程调用crm服务,根据取件地址查询定区id
        String decidedzoneId = customerService.findDecidedzoneIdByAddress(pickaddress);
        if(decidedzoneId != null){
            //查询到了定区id,可以完成自动分单
            Decidedzone decidedzone = decidedzoneDao.findById(decidedzoneId);
            Staff staff = decidedzone.getStaff();
            model.setStaff(staff);//业务通知单关联取派员对象
            //设置分单类型为:自动分单
            model.setOrdertype(Noticebill.ORDERTYPE_AUTO);
            //为取派员产生一个工单
            Workbill workbill = new Workbill();
            workbill.setAttachbilltimes(0);//追单次数
            workbill.setBuildtime(new Timestamp(System.currentTimeMillis()));//创建时间,当前系统时间
            workbill.setNoticebill(model);//工单关联页面通知单
            workbill.setPickstate(Workbill.PICKSTATE_NO);//取件状态
            workbill.setRemark(model.getRemark());//备注信息
            workbill.setStaff(staff);//工单关联取派员
            workbill.setType(Workbill.TYPE_1);//工单类型
            workbillDao.save(workbill);
            //调用短信平台,发送短信
        }else{
            //没有查询到定区id,不能完成自动分单
            model.setOrdertype(Noticebill.ORDERTYPE_MAN);
        }
    }
}

 

 

datagrid编辑功能使用方式

数据表格编辑功能是以列为单位。

l 通过数据表格中的列属性定区具体那一列具有编辑功能:

 

 

l 开始编辑:

 

 

结束编辑:

 

 

l 插入一行数据:

 

 

l 删除一行:

 

 

l 获得指定行对象的索引

 

 

l 数据表格提供的用于监听结束编辑事件

 

<table id="mytable"></table>
    <!-- 方式三:使用easyUI提供的API创建datagrid -->
    <script type="text/javascript">
        $(function(){
            var myIndex = -1;//全局变量,值为正在编辑行的索引
            //页面加载完成后,创建数据表格datagrid
            $("#mytable").datagrid({
                //定义标题行所有的列
                columns:[[
                          {title:'编号',field:'id',checkbox:true},
                          {width:150,title:'姓名',field:'name',editor:{
                                                              type:'validatebox',
                                                              options:{}
                                                             }},
                          {width:150,title:'年龄',field:'age',editor:{
                                type:'numberbox',
                                  options:{}
                                   }},
                          {width:150,title:'日期',field:'address',editor:{
                                type:'datebox',
                                  options:{}
                                   }}
                          ]],
                //指定数据表格发送ajax请求的地址
                url:'${pageContext.request.contextPath }/json/datagrid_data.json',
                rownumbers:true,
                singleSelect:true,
                //定义工具栏
                toolbar:[
                         {text:'添加',iconCls:'icon-add',
                             //为按钮绑定单击事件
                             handler:function(){
                                 $("#mytable").datagrid("insertRow",{
                                     index:0,//在第一行插入数据
                                     row:{}//空行
                                 });
                                 $("#mytable").datagrid("beginEdit",0);
                                 myIndex = 0;
                              }
                         },
                         {text:'删除',iconCls:'icon-remove',handler:function(){
                            //获得选中的行对象
                             var rows = $("#mytable").datagrid("getSelections");
                             if(rows.length == 1){
                                 var row = rows[0];
                                 //获得指定行对象的索引
                                 myIndex = $("#mytable").datagrid("getRowIndex",row);
                             }
                             $("#mytable").datagrid("deleteRow",myIndex);
                             //$.post();
                         }},
                         {text:'修改',iconCls:'icon-edit',handler:function(){
                             //获得选中的行对象
                             var rows = $("#mytable").datagrid("getSelections");
                             if(rows.length == 1){
                                 var row = rows[0];
                                 //获得指定行对象的索引
                                 myIndex = $("#mytable").datagrid("getRowIndex",row);
                             }
                             $("#mytable").datagrid("beginEdit",myIndex);
                         }},
                         {text:'保存',iconCls:'icon-save',handler:function(){
                             $("#mytable").datagrid("endEdit",myIndex);
                         }}
                         ],
                //显示分页条
                pagination:true,
                pageList:[3,5,7,10],
                //数据表格提供的用于监听结束编辑事件
                onAfterEdit:function(index,data,changes){
                    console.info(data);
                    $.post();
                }
            });
        });
    </script>

 

基于数据表格编辑功能实现工作单快速录入

quickworkorder.jsp

添加ajax

 

 

添加后台代码:

    public String add() throws IOException {
        String f = "1";
        try{
            workordermanageService.save(model);
        }catch(Exception exception){
            f= "0";
        }
    ServletActionContext.getResponse().setContentType("text/html;charset=utf-8");
        ServletActionContext.getResponse().getWriter().print(f);
        return NONE;
        
    }

 

 

 

版权声明:本文为xieyupeng原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/xieyupeng/p/8719083.html