ZhangZhuCRM项目分解

xiangyunxue

于 2014-03-15 17:36:20 发布

阅读量1.3k

点赞数

分类专栏： jsp

本文链接：https://blog.csdn.net/xiangyunxue/article/details/21290279

版权

jsp 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

常见页面:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">
    <title>My JSP 'listCstCustomer.jsp' starting page</title>
   <meta http-equiv="pragma" content="no-cache">
   <meta http-equiv="cache-control" content="no-cache">
   <meta http-equiv="expires" content="0">
   <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
   <meta http-equiv="description" content="This is my page">
   <link rel="stylesheet" type="text/css"href="<%=basePath%>css/easyui.css">
   <link rel="stylesheet" type="text/css"href="<%=basePath%>css/icon.css">
   <script type="text/javascript" src="<%=basePath%>js/jquery-1.4.2.js"></script>
   <script type="text/javascript" src="<%=basePath%>js/jquery.easyui.min.js"></script>
   <script type="text/javascript" src="<%=basePath%>js/jquery.provincesCity.js"></script>
   <script type="text/javascript" src="<%=basePath%>js/provincesdata.js"></script>
   <style>
       #test select{
           width:100px;
           margin-right:20px;
       }
   </style>
   <script type="text/javascript">
       jQuery.ajaxSetup({cache:false});
       function datagrids(){
               $('#tt').datagrid({//表格ID
                    title:'客户信息',
                    iconCls:'icon-save',
                    nowrap: false ,//是否只显示一行，即文本过多是否省略部分
                    fitColumns:false,
                    width:'auto',
                    height: 'auto',
                    pageNumber:1,
                    collapsible:true,
                    rownumbers:true,//显示行号
                    loadMsg:'数据装载中......',
                    pagination:true,   //是si否显示分页工具
                    url:'CstCustomerAjax/cstCustomerByJson',
                    method:'post',
                    remoteSort: false,
                    singleSelect:false,
                    frozenColumns:[[
                       {field:'ck',checkbox:true,width:80}
                      ]],
                      toolbar: [{
                        text: '添加',
                        iconCls: 'icon-add',
                        handler: function() {
                            openDialog();
                        }
                    }, '-', {
                        text: '修改',
                        iconCls: 'icon-edit',
                        handler: function() {
                            openDialog("add_dialog","edit");
                        }
                    }, '-',{
                        text: '删除',
                        iconCls: 'icon-remove',
                        handler: function(){
                            deleteDis();
                        }
                    }],
                    columns:[
                        [
                            {field:'custNo',title:'客户ID',width:60,align:'center',sortable : true},
                            {field:'custName',title:'客户姓名',width:150,align:'center',sortable : true},
                            {field:'custLevelLabel',title:'客户等级',width:100,align:'center',sortable : true},
                            {field:'custCredit',title:'信用度',width:50,align:'center',sortable : true},
                            {field:'custManagerName',title:'客户经理',width:100,align:'center',sortable : true},
                            {field:'custSatisfy',title:'满意度',width:50,align:'center',sortable : true},
                            {field:'custAddr',title:'地址',width:100,align:'center',sortable : true},
                            {field:'custTel',title:'电话',width:150,align:'center',sortable : true},
                            {field:'custFax',title:'传真',width:150,align:'center',sortable : true},
                            {field:'custEmail',title:'E-mail',width:200,align:'center',sortable : true},
                            {field:'custStatusTxt',title:'客户状态',width:60,align:'center',sortable : true},
                               {field:'opt',title:'Operation',width:100,align:'center',sortable : true,
                               formatter:function(value, data, index){
                                   return '<font style="cursor:pointer" οnclick="del('+ data.custNo + ')">删除</font>';
                               }
                           }
                        ]
                    ]
                    ,
                   onRowContextMenu:function(e, rowIndex, rowData){
                       $('#rmenu').remove();
                        e.preventDefault();
                        createRowMenu(rowData);//调用添加右击菜单的内容
                        $('#rmenu').menu('show', {
                            left:e.pageX,
                            top:e.pageY
                        });
                    }

               });
               var p = $('#tt').datagrid('getPager');
                        $(p).pagination({
                            pageSize: 10,//每页显示的记录条数，默认为10
                            pageList: [10,20,50],//可以设置每页记录条数的列表
                            beforePageText: '第',//页数文本框前显示的汉字
                            afterPageText: '页    共 {pages} 页',
                            displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录'
                       });
           }

           var emailAddressee;
           function createRowMenu(rowData){
                var tmenu = $('<div id="rmenu" style="width:100px;background-color: white;"></div>').appendTo('body');
                $('<div iconCls="icon-remove" style="background-color: white;"/>').html("删除").appendTo(tmenu);
                $('<div iconCls="icon-add"style="background-color: white;"/>').html("增加").appendTo(tmenu);
                $('<div iconCls="icon-edit"style="background-color: white;"/>').html("修改").appendTo(tmenu);
                $('<div iconCls="icon-sum" style="background-color: white;"/>').html("发送邮件").appendTo(tmenu);
                $('<div iconCls="icon-print" style="background-color: white;"/>').html("保存excle").appendTo(tmenu);
                $('<div iconCls="icon-help" style="background-color: white;"/>').html("指派").appendTo(tmenu);
                tmenu.menu({
                    onClick: function(item){
                        if (item.iconCls=='icon-remove'){
                           del(rowData.custNo);
                        }else if(item.iconCls=='icon-add'){
                           openDialog();
                        }else if(item.iconCls=='icon-sum'){
                           emailAddressee="";
                           emailAddressee = rowData.custEmail;
                            openEmailDialog();
                        }else if(item.iconCls=='icon-help'){
                           alert('指派服务等待添加');
                        }else if(item.iconCls=='icon-print'){
                           alert('保存excel服务等待添加')
                        }
                    }
                });
            }
           function del(id) {
               $.messager.confirm('系统提示', '您确定要删除此条记录吗?', function(r) {
                    if (r) {
                        $.ajax( {
                           type : "POST",
                           url : "CstCustomerAjax/cstCustomerByJsonDel",
                           dataType : "json",
                           data: {custNo:id},
                           success : function(json) {
                               if (json == 1) {
                                   $.messager.alert("提示", "删除成功","info");
                                   $('#tt').datagrid('reload');
                               }
                               else{
                                   $.messager.alert("提示", "删除信息失败，请稍后重试","info");
                                   $('#tt').datagrid('reload');
                               }
                           }
                       });
                    }
                });
           }

           $(function(){
               datagrids();
               $("#test").ProvinceCity();
               $('#dd').hide();
           })

           function deleteDis(){
               $.messager.confirm('系统提示', '您确定要删除吗?删除后无法恢复', function(r) {
                    if (r) {
                       var rows = $('#tt').datagrid("getSelections");
                       var param="";
                       for(var i=0;i<rows.length-1;i++){
                           param=param+rows[i].custNo;
                           param=param+",";
                       }
                       param=param+rows[rows.length-1].custNo;
                       $.ajax( {
                           type : "POST",
                           url : "CstCustomerAjax/cstCustomerByJsonDelDis",
                           data:{params:param},
                           dataType : "json",
                           success : function(json) {
                               if (json == 1) {
                                   $.messager.alert("提示", "删除成功","info");
                                   $('#tt').datagrid('reload');
                               }
                               else{
                                   $.messager.alert("提示", "删除信息失败，请稍后重试","info");
                                   $('#tt').datagrid('reload');
                               }
                           }
                       });
                   }
                });
           }

           function openDialog(){
               $('#custManagerId').combogrid({
                   panelWidth:433,
                   idField:'userId',
                   textField:'userName',
                   pagination:true,
                   rownumbers:true,
                   url:'UsersAjax/usersByJsonByRoleId?userRoleId=5',
                   columns:[[
                       {field:'userId',title:'经理编号',width:100,align:'center'},
                       {field:'userName',title:'姓名',width:100,align:'center'},
                       {field:'userRoleName',title:'描述',width:100,align:'center'},
                       {field:'userFlag',title:'状态',width:100,align:'center'}
                   ]]
               });
               $('#w').window('open');
           }

           function addCustomer(){
               var custName = $("#custName").val();
               var custManagerId = $('#custManagerId').combogrid('getValue');
               var custSheng = $("#custSheng").val();
               var custShi = $("#custShi").val();
               var custQu = $("#custQu").val();
               var custZip = $("#custZip").val();
               var custTel = $("#custTel").val();
               var custFax = $("#custFax").val();
               var custWebsite = $("#custWebsite").val();
               var custEmail = $("#custEmail").val();
               var custBankroll = $("#custBankroll").val();
               var custChieftain = $("#custChieftain").val();
               var custBank = $("#custBank").val();
               var custTurnover = $("#custTurnover").val();
               var custLevel = $("#custLevel").val();
               var custBankAccount = $("#custBankAccount").val();
               var custLicenceNo = $("#custLicenceNo").val();
               var custNationalTaxNo = $("#custNationalTaxNo").val();
               var custLocalTaxNo = $("#custLocalTaxNo").val();

               $.ajax( {
                   type : "POST",
                   url : "CstCustomerAjax/cstCustomerByJsonSave",
                   dataType : "json",
                   data:{custName:custName,custManagerId:custManagerId,custSheng:custSheng,custShi:custShi,custQu:custQu,custZip:custZip,custTel:custTel,custFax:custFax,custWebsite:custWebsite,custEmail:custEmail,custBankroll:custBankroll,custChieftain:custChieftain,custBank:custBank,custTurnover:custTurnover,custLevel:custLevel,custBankAccount:custBankAccount,custLicenceNo:custLicenceNo,custNationalTaxNo:custNationalTaxNo,custLocalTaxNo:custLocalTaxNo},
                   success : function(json) {
                           if (json == 1) {
                               $('#tt').datagrid('reload');
                               $('#w').window('close');
                               clearForm();
                               $.messager.alert("提示", "添加成功","info");
                           } else {
                               $('#tt').datagrid('reload');
                               $('#w').window('close');
                               clearForm();
                               $.messager.alert("提示", "添加信息失败，请稍后重试","info");
                           }
                   }
               });

           }

           function clearForm(){
               $("#custName").val("");
               $('#custManagerId').combogrid('getValue');
               $("#custSheng").val("");
               $("#custShi").val("");
               $("#custQu").val("");
               $("#custZip").val("");
               $("#custTel").val("");
               $("#custFax").val("");
               $("#custWebsite").val("");
               $("#custEmail").val("");
               $("#custBankroll").val("");
               $("#custChieftain").val("");
               $("#custBank").val("");
               $("#custTurnover").val("");
               $("#custLevel").val("");
               $("#custBankAccount").val("");
               $("#custLicenceNo").val("");
               $("#custNationalTaxNo").val("");
               $("#custLocalTaxNo").val("");
           }

           function resize(){
               $('#w').window('close');
           }

           function resizeByEmail(){
               $('#emailWindow').window('close');
           }

           function openEmailDialog(){
               $('#emailWindow').window('open');
           }

           function clearEmailWindow(){
               $("#emailLevel").val("");
               $("#centerTxt").val("");
               $("#title").val("");
           }

           function sendEmail(){
               var emailLevel = $("#emailLevel").val();
               var centerTxt = $("#centerTxt").val();
               var title = $("#title").val();
               $.ajax( {
                   type : "POST",
                   url : "EmailAjax/emailByJsonSend",
                   data:{emailLevel:emailLevel,centerTxt:centerTxt,emailAddressee:emailAddressee,title:title},
                   dataType : "json",
                   success : function(json) {
                       if (json == 1) {
                           $.messager.alert("提示", "发送成功","info");
                           clearEmailWindow()
                           resizeByEmail();
                       }
                       else{
                           $.messager.alert("提示", "发送E-mail失败，请联系网络管理员!","info");
                           clearEmailWindow()
                           resizeByEmail();
                       }
                   }
               });
           }



   </script>
</head>

<body style="background-color: white;">
    <div style="width: 100%">
       <table id="tt"></table>
   </div>
   <div id="w" modal=true class="easyui-window" closed="true" title="添加客户" iconCls="icon-save"
           style="width: 550px; height: 480px; padding: 5px; background: #fafafa;">
           <div class="easyui-layout" fit="true">
               <div region="center" border="false" style="padding: 10px; background: #fff; border: 1px solid #ccc;">
                   <table style="font-size: 13px;" align="center">
                       <tr style="height: 35px;">
                           <td width="100px">客户姓名:</td>
                           <td>
                               <input style="width: 130px;" id="custName" name="custName" type="text" class="easyui-validatebox" required="true" validType="length[1,100]"/>
                           </td>
                           <td width="100px" align="right">客户经理姓名:</td>
                           <td>
                               <select id="custManagerId" name="custManagerId" style="width: 130px;"></select>
                           </td>
                       </tr>
                       <tr style="height: 35px;">
                           <td>客户地址:</td>
                           <td align="left" colspan="3"><div id="test"></div></td>
                       </tr>
                       <tr style="height: 35px;">
                           <td>邮政编码:</td>
                           <td><input style="width: 130px;" id="custZip" name="custZip" type="text" class="easyui-validatebox" required="true" validType="length[1,100]"/></td>
                           <td align="right">客户电话:</td>
                           <td><input style="width: 130px;" id="custTel" name="custTel" type="text" class="easyui-validatebox" required="true" validType="length[1,100]"/></td>
                       </tr>
                       <tr style="height: 35px;">
                           <td>客户传真:</td>
                           <td><input style="width: 130px;" id=custFax name="custFax" type="text" class="easyui-validatebox" required="true" validType="length[1,100]"/></td>
                           <td align="right">客户网址:</td>
                           <td><input style="width: 130px;" id="custWebsite" name="custWebsite" type="text" class="easyui-validatebox" required="true" validType="length[1,100]"/></td>
                       </tr>

                       <tr>
                           <td>客户E-mail:</td>
                           <td><input style="width:130px;" id="custEmail" name="custEmail" type="text" class="easyui-validatebox" required="true" validType="email"/></td>
                           <td align="right">注册资金:</td>
                           <td><input style="width: 130px;" id="custBankroll" name="custBankroll" type="text" class="easyui-numberspinner" value="1000" increment="100"/></td>
                       </tr>


                       <tr style="height: 35px;">
                           <td>法人:</td>
                           <td><input style="width: 130px;" id="custChieftain" name="custChieftain" type="text" class="easyui-validatebox" required="true" validType="length[1,100]"/></td>
                           <td align="right">开户银行:</td>
                           <td>
                               <select id="custBank" name="custBank" style="width: 130px;">
                                   <option selected="selected">请选择</option>
                                   <option value="建设银行">建设银行</option>
                                   <option value="中国银行">中国银行</option>
                                   <option value="工商银行">工商银行</option>
                                   <option value="邮政储蓄">邮政储蓄</option>
                                   <option value="徽商银行">徽商银行</option>
                                   <option value="浙商银行">浙商银行</option>
                                   <option value="瑞士银行">瑞士银行</option>
                               </select>
                           </td>
                       </tr>
                       <tr style="height: 35px;">
                           <td>年营业额:</td>
                           <td><input style="width: 130px;" id="custTurnover" name="custTurnover" type="text" class="easyui-numberspinner" value="1000" increment="100"/></td>
                           <td align="right">客户等级:</td>
                           <td>
                               <select id="custLevel" name="custLevel" style="width: 130px;" >
                                   <option selected="selected">请选择</option>
                                   <option value="1">普通客户</option>
                                   <option value="2">重点开发客户</option>
                                   <option value="3">大客户</option>
                                   <option value="4">合作伙伴</option>
                                   <option value="5">战略合作伙伴</option>
                               </select>
                           </td>
                       </tr>
                       <tr>
                           <td>银行帐户</td>
                           <td colspan="3"><input style="width: 373px;" id="custBankAccount" name="custBankAccount" type="text" class="easyui-validatebox" required="true" validType="length[1,100]"/></td>
                       </tr>
                       <tr style="height: 35px;">
                           <td>营业执照注册号:</td>
                           <td colspan="3"><input style="width: 373px;" id="custLicenceNo" name="custLicenceNo" type="text" class="easyui-validatebox" required="true" validType="length[1,100]"/></td>
                       </tr>
                       <tr>
                           <td>国税登记号:</td>
                           <td colspan="3"><input style="width: 373px;" id="custNationalTaxNo" name="custNationalTaxNo" type="text" class="easyui-validatebox" required="true" validType="length[1,100]"/></td>
                       </tr>
                       <tr style="height: 35px;">
                           <td>地税登记号:</td>
                           <td colspan="3"><input style="width: 373px;" id="custLocalTaxNo" name="custLocalTaxNo" type="text" class="easyui-validatebox" required="true" validType="length[1,100]"/></td>
                       </tr>
                   </table>
                   <div region="south" border="false" style="text-align:right;height:30px;line-height:50px;">
                       <a class="easyui-linkbutton" iconCls="icon-ok" οnclick="addCustomer()">Ok</a>
                       <a class="easyui-linkbutton" iconCls="icon-cancel" οnclick="resize()">Cancel</a>
                   </div>
               </div>
           </div>
   </div>


   <div id="emailWindow" modal=true class="easyui-window" closed="true" title="发送邮件" iconCls="icon-save"
           style="width: 550px; height: 310px; padding: 5px; background: #fafafa;">
       <div class="easyui-layout" fit="true">
           <div region="center" border="false" style="padding: 10px; background: #fff; border: 1px solid #ccc;">
               <table>
                   <tr>
                       <td width="90px;"><font size="2px">发送等级:</font></td>
                       <td>
                           <select id="emailLevel" name="emailLevel" style="width: 130px;" >
                                   <option value="1" selected="selected">公司Email</option>
                                   <option value="2">部门Email</option>
                                   <option value="3">经理Email</option>
                                   <option value="4">个人Email</option>
                           </select>
                       </td>
                   </tr>
                   <tr style="height: 5px;">
                       <td><font size="2px">发送标题:</font></td>
                       <td>
                           <input type="text" id="title" name="title" style="width: 130px;">
                       </td>
                   </tr>
                   <tr>
                       <td><font size="2px">发送内容:</font></td>
                       <td>
                           <textarea id="centerTxt" name="centerTxt" rows="9" cols="45"></textarea>
                       </td>
                   </tr>
                   <tr height="5px">
                       <td></td>
                   </tr>
               </table>
               <div region="south" border="false" style="text-align:right;">
                   <a class="easyui-linkbutton" iconCls="icon-ok" οnclick="sendEmail()">Ok</a>
                   <a class="easyui-linkbutton" iconCls="icon-cancel" οnclick="resizeByEmail()">Cancel</a>
               </div>
           </div>
       </div>
   </div>
</body>
</html>