clq1010
/
UU_CallCenter


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
							<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="callinreasonedit.aspx.cs" Inherits="HySoft.BaseCallCenter.Web.telmanage.callinreasonedit" %>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>来电原因分析-点选</title>
    <link href="../scripts/ui/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
    <script src="../scripts/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/scripts/jquery/jquery.form.js"></script>
    <script type="text/javascript" src="/scripts/jquery/jquery.validate.min.js"></script>
    <script type="text/javascript" src="/scripts/jquery/messages_cn.js"></script>
    <script src="../scripts/ui/json2.js" type="text/javascript"></script>
    <script src="../scripts/ui/js/core/base.js" type="text/javascript"></script>
    <script src="../scripts/ui/js/ligerui.min.js" type="text/javascript"></script>
    <link href="../scripts/ui/skins/Tab/css/tab.css" rel="stylesheet" type="text/css" />
    <link href="../scripts/ui/skins/Tab/css/grid.css" rel="stylesheet" type="text/css" />
    <script src="../scripts/ui/js/plugins/ligerGrid.js" type="text/javascript"></script>
    <script src="../scripts/ui/js/plugins/ligerLayout.js" type="text/javascript"></script>
    <script src="../scripts/ui/js/plugins/ligerTree.js" type="text/javascript"></script>
    <script src="../scripts/ui/js/plugins/ligerMenu.js" type="text/javascript"></script>
    <link href="../scripts/ui/skins/ligerui-icons.css" rel="stylesheet" type="text/css" />
    <link href="../images/style.css" rel="stylesheet" type="text/css" />
    <style>
        .hiddens {
            display:none;
        }
        .lefts{
            text-align:left;
        }
    </style>
    <script type="text/javascript">
        var categorytree = null;
        var gridlist;
        $(function () {
            InitReason();
        });
        function cancelcheckbox()
        {
            $(".l-tree-icon-folder-open").siblings(".l-checkbox-unchecked").addClass("hiddens");
            $(".l-tree-icon-folder").siblings(".l-checkbox-unchecked").addClass("hiddens");
            $(".l-tree span").addClass("lefts");
        }
        function InitReason() {
            try {
                categorytree = $("#treecategory").ligerTree({
                    checkbox: true,
                    nodeWidth: 400,
                    url: 'ajax/reasonmanage.ashx?action=gettreelist&pid=1',
                    isExpand: 2,
                    autoCheckboxEven: false,
                    onContextmenu: function (node, e) {
                        actionNode = node;
                        categorytree.selectNode(actionNode.data.id);
                        menucategory.show({ top: e.pageY, left: e.pageX });
                        return false;
                    },
                    onSuccess: f_selectNode,
                    onCheck: onCheck
                });
            }
            catch (e) {
                alert(e.Message);
            }
        }
        function f_selectNode(data) {
            cancelcheckbox();
            var parm = function (data) {

                var s = false;
                if (document.getElementById("hidtreecid").value != "") {
                    var str = new Array();
                    var strdata = "";
                    str = document.getElementById("hidtreecid").value.split(',');
                    for (var i = 0; i < str.length - 1; i++) {
                        s = s || data.id == str[i];
                    }
                    s = s;
                }
                if (document.getElementById("hidtreecqtid").value != "") {
                    var str = new Array();
                    var str1 = new Array();
                    str = document.getElementById("hidtreecqtid").value.split(',');
                    str1 = document.getElementById("hidtreecqttext").value.split(',');
                    for (var i = 0; i < str.length - 1; i++) {
                        if (data.id == str[i]) {
                            categorytree.update(data.target, { text: str1[i] });
                            alert(str[i]);
                        }
                    }
                }
                return s;
            };
            categorytree.selectNode(parm);
        }
        function onCheck(node, checked) {

            $.ligerDialog.prompt(node.data.text, "", true, function (yes, value) {
                    if (yes) {
                        categorytree.update(node.target, { text: node.data.text + ":" + value });
                        $("#hidtreecqtid").val($("#hidtreecqtid").val() + "," + node.data.id);
                        $("#hidtreecqttext").val($("#hidtreecqttext").val() + "," + value);
                    }
                });

            if (checked == true) {
                $("#hidtreecid").val($("#hidtreecid").val() + node.data.id + ",");
                $("#hidtreectext").val($("#hidtreectext").val() + node.data.text + ",");
            }
            else {
                var place = node.data.id + ",";
                var plt = node.data.text + ",";
                $("#hidtreecid").val($("#hidtreecid").val().replace(place, ""));
                $("#hidtreectext").val($("#hidtreectext").val().replace(plt, ""));
            }
        }


        function btnalert()
        {
            var callid = $("#hidcallid").val();
            var treeid = $("#hidtreecid").val();
            var treetext = escape($("#hidtreectext").val());
            var qtid = $("#hidtreecqtid").val();
            var qttext = escape($("#hidtreecqttext").val());
            var userid = $("#hidUserID").val();
            var telphone = $("#hidTel").val();

            $("#form1").ajaxSubmit({
                success: function (data, textStatus) {
                    if (data.msg == 1 || data.msg == 2) {
                        $.ligerDialog.success(data.info, function (yes) { CloseThis(); });
                        $.ligerDialog.closeWaitting();
                        CloseThis();
                    }
                    else {
                        $.ligerDialog.closeWaitting();
                        $.ligerDialog.error("提交失败：" + data.info);
                    }
                },
                error: function (data, status, e) {
                    $.ligerDialog.closeWaitting();
                    $.ligerDialog.error("提交失败，错误信息：" + e);
                },
                url: "/telmanage/ajax/reasonmanage.ashx?action=savedata&treeid=" + treeid
                    + "&treetext=" + treetext + "&qtid=" + qtid + "&qttext=" + qttext + "&callid=" + callid + "&userid=" + userid + "&telphone=" + telphone,
                type: "post",
                dataType: "json"
            });

        }
        function CloseThis() {
            var dialog = frameElement.dialog;
            parent.LoadList();
            dialog.close();
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:HiddenField ID="hidTel" runat="server" />
        <asp:HiddenField ID="hidUserID" runat="server" />
        <asp:HiddenField ID="hidcallid" runat="server" />
        <asp:HiddenField ID="hdF_FunctionId" runat="server" />
        <asp:HiddenField ID="hidtreecqttext" runat="server" />
        <asp:HiddenField ID="hidtreecqtid" runat="server" />
        <asp:HiddenField ID="hidtreectext" runat="server" />
        <asp:HiddenField ID="hidtreecid" runat="server" />

    <div>
        <table cellpadding="1" cellspacing="1" border="0" style="width: 450px;">
            <tr>
                <td style="padding: 0px 0px 5px 0px;text-align: center;">
                    <h2 style="margin-bottom: 10px; font-size:16px;">来电原因分析</h2>
                    <div id="divReasonTree" style="">
                        <table cellpadding="0" cellspacing="0" border="0" height="100%">
                            <tr height="95%" valign="top">
                                <td>
                                    <ul id="treecategory">
                                    </ul>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="padding: 0px 0px 5px 0px;text-align: center;">
                    <input type="button" class="btnSearch" onclick="btnalert();" value="提 交" />
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>