zhaozhiqiang
/
YH_Web_UI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>查看信息</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../Script/Common/huayi.load.js"></script>
    <script src="../Script/Common/huayi.config.js"></script>
    <link href="../css/Table/table1.css" rel="stylesheet" />
    <link href="../css/init.css" rel="stylesheet" />
    <style>
        table td {
            word-break: break-all;
            word-wrap: break-word;
        }

        table th {
            min-width: 120px;
        }

        .size-14 {
            font-size: 14px !important;
        }

        .shark_content_title {
            font-size: 14px;
            height: 30px;
            line-height: 20px;
            border-bottom: 1px solid #CCCCCC;
            margin-bottom: 5px;
            margin-top: 5px;
        }

        .content_2 li {
            width: 24%;
            margin-bottom: 10px;
        }

        .content_3 li {
            width: 24%;
            margin-bottom: 10px;
        }

        #tbr {
            border: 1px solid #ccc;
        }

            #tbr td {
                padding: 10px;
                padding: 6px 0 5px 10px;
                color: #717171;
                line-height: 200%;
                border-top: 1px dotted #cccccc;
            }

            #tbr th {
                border-right: 1px dotted #cccccc;
                border-top: 1px dotted #cccccc;
                background: #f9f9f9;
                text-align: right;
            }

        .Back {
            background-color: #f5f5f5;
        }

        label {
            margin-right: 10px;
        }

        .Phone_Text ul {
            padding-left: 0;
        }

        .Phone_Text li {
            width: 50%;
        }

        .Phone_Text label {
            width: 60px;
        }

        .Qus_box li {
            list-style: none;
            border: 1px solid #ccc;
            border-bottom: none;
            float: none;
        }

        .Qus_box {
            padding-left: 0 !important;
        }

            .Qus_box div {
                padding: 10px;
                border-bottom: 1px solid #ccc;
            }

        .title_ul {
            padding-left: 0;
            margin-bottom: 0;
        }

            .title_ul li {
                border: 1px solid #ccc;
                float: none;
            }

                .title_ul li label {
                    border-right: 1px solid #ccc;
                    line-height: 30px;
                    margin: 0;
                    padding: 10px;
                }

        .checkbox input[type=checkbox] {
            margin-top: 0;
            margin-left: 0;
            position: relative;
        }

        .radio input[type=radio] {
            margin-top: 0;
            margin-left: 0;
            position: relative;
        }

        .wrapper {
            margin-bottom: 20px;
        }
    </style>
</head>

<body class="gray-bg">
    <div class="wrapper clearfix">
        <div class="content_1 clearfix">
            <div class="shark_content_title clearfix">
                <span>电话信息</span>

            </div>
            <div class="clearfix Phone_Text clearfix">
                <ul class="clearfix">
                    <li>
                        <label for="">姓名：</label><span class="Name_"></span>
                    </li>
                    <li>
                        <label for="">电话号码:</label><span class="Phone_"></span>
                    </li>

                </ul>
            </div>
        </div>
        <div class="content_2  clearfix ">
            <div class="shark_content_title clearfix">
                <span>呼叫结果</span>

            </div>
            <div>
                <ul class="clearfix" id="Tgetruset"></ul>
            </div>
        </div>
        <div class="content_3 clearfix ">
            <div class="shark_content_title clearfix">
                <span>用户反馈</span>

            </div>
            <div>
                <ul class="clearfix" id="Tg"></ul>
            </div>
        </div>
        <!--<div class="content_4  clearfix ">
            <div class="shark_content_title clearfix">
                <span>问卷信息</span>

            </div>
            <div>
                <ul style="padding-left: 0;" class="title_ul">
                    <li>
                        <label for="">问卷名称</label><span class="Title"></span>
                    </li>
                    <li>
                        <label for="">问卷名称</label><span class="F_Remark"></span>
                    </li>
                </ul>
                <ul class="Qus_box"></ul>
            </div>
        </div>-->
    </div>

    <script>
        var wid = helper.request.queryString("wid");
        console.log(wid);
        $(document).ready(function () {
            GetHJJG();
            GetYHFK();
            XQ(wid);
        })
			
        //详情查看
        function XQ(wid) {
            console.log(wid);
            $.ajax({
                type: "get",
                url: huayi.config.callcenter_url + "CallPlan/GetTaskTelInfo",
                dataType: 'json',
                data: {
                    id: wid,
                    token: $.cookie("token")
                },
                async: true,
                success: function (data) {
                	debugger;
                    var Count = data.data;
                    console.log(Count.taskModel);
                    $(".Name_").text(Count.taskModel.F_CusName);
                    $(".Phone_").text(Count.taskModel.F_Phone);
                    $(' input[name="check"][value="' + Count.taskModel.F_HJJGId + '"]').prop("checked", "checked");
                    $(' input[name="checks"][value="' + Count.taskModel.F_YHFKID + '"]').prop("checked", "checked");
                    $('.Title').text(Count.paperModel.F_Title);
                    $(".F_Remark").text(Count.paperModel.F_Remark);
                    //循环填表
                    var html = '';
                    var Questions = Count.paperModel.F_Questions;

                    for (var i = 0; i < Questions.length; i++) {
                        var questype = Questions[i].questype;
                        var quesanswers = Questions[i].quesanswers;
                        var Quesid = Questions[i].quesid;
                        html += '<li class="" name="ltype' + Quesid + '" >';
                        html += '<div class="Back">';
                        html += '<h3 class="size-14 QuesTitle"  indexs="' + Questions[i].quesid + '">' + Questions[i].questitle + ' </h3>';
                        html += '</div>';
                        //判断类型
                        if (questype == 2) {
                            //选项
                            if (Questions[i].quesitems.length > 0) { //单选
                                html += '<div class="radio" name="ltype' + Quesid + '" indexs="' + Questions[i].quesid + '">';
                                var quesitems = Questions[i].quesitems;
                                for (var j = 0; j < quesitems.length; j++) {
                                    html += '<label style="font-weight: normal;">'
                                    html += '' + (j + 1) + '.';
                                    var chk = '';
                                    if (quesanswers == quesitems[j].itemid) {
                                        chk = 'checked="checked"';
                                        //html += '<input type="radio" checked="checked" index_="' + quesitems[j].itemid + '" value="' + quesitems[j].itemid + '" name="ltype' + Quesid + '"  style="margin-left:5px;"> <span>' + quesitems[j].itemname + '</span></label>'
                                    }
                                    html += '<input type="radio" ' + chk + ' index_="' + quesitems[j].itemid + '" value="' + quesitems[j].itemid + '" name="ltype' + Quesid + '"  style="margin-left:5px;"> <span>' + quesitems[j].itemname + '</span></label>'

                                }
                                html += '</div>'
                                html += '</li>'
                            }
                        } else if (questype == 1) {
                            //问答题

                            html += '<div class="Wd" indexs="' + Questions[i].quesid + '">';
                            html += '<textarea class="Wds" "index="' + Questions[i].quesid + '"name="" rows="" cols="" style="width: 100%;">' + quesanswers + '</textarea>'
                            html += '</div>'

                        } else {
                            if (Questions[i].quesitems.length > 0) { //多选

                                html += '<div class="checkbox" name="ltype' + Quesid + '" indexs="' + Questions[i].quesid + '">';
                                var quesitems = Questions[i].quesitems;
                                for (var j = 0; j < quesitems.length; j++) {
                                    html += '<label style="font-weight: normal;">'
                                    html += '' + (j + 1) + '.';
                                    var arr = quesanswers.split('|');
                                    var chk = '';
                                    for (var k = 0; k < arr.length; k++) {
                                        chk = '';
                                        if (arr[k] == quesitems[j].itemid) {
                                            chk = 'checked="checked"';
                                            break;
                                        }
                                    }
                                    html += '<input type="checkbox" ' + chk + ' index_="' + quesitems[j].itemid + '"  value="' + quesitems[j].itemid + '" name="ltype' + Quesid + '" ><span> ' + quesitems[j].itemname + '</span></label>'
                                    //html += '<input type="checkbox" index_="' + quesitems[j].itemid + '"  value="' + quesitems[j].itemid + '" name="ltype' + Quesid + '" > ' + quesitems[j].itemname + '</label>'
                                }
                                html += '</div>'

                                html += '</li >';
                            }
                        }

                    }
                    $(html).appendTo(".Qus_box");
                }
            });
        }
        //获取呼叫结果
        function GetHJJG() {
            $.ajax({
                type: "get",
                url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
                dataType: 'json',
                data: {
                    flag: 'HJJG',
                    token: $.cookie("token")
                },
                async: true,
                success: function (data) {
                	debugger;
                    var Count = data.data;
                    $("<option value=''>--全部--</option>").appendTo($("#selhjjg"));
                    for (var i = 0; i < Count.length; i++) {
                        $("<li><label for=''><input type='radio' name='check' value='" + Count[i].F_DictionaryValueId + "' /></label>" + Count[i].F_Name + "</li>").
                        appendTo($("#Tgetruset"));

                    }
                }
            });
        }


        //用户反馈
        function GetYHFK() {
            $.ajax({
                type: "get",
                url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
                dataType: 'json',
                data: {
                    flag: 'YHFK',
                    token: $.cookie("token")
                },
                async: true,
                success: function (data) {
                    var Count = data.data;
                    $("<option value=''>--全部--</option>").appendTo($("#selhjjg"));
                    for (var i = 0; i < Count.length; i++) {
                        $("<li><label for=''><input type='radio' name='checks' value='" + Count[i].F_DictionaryValueId + "' /></label>" + Count[i].F_Name + "</li>").
                        appendTo($("#Tg"));
                    }
                }
            });
        }
    </script>

</body>

</html>