duhongyu
/
Yichuang12345_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>工单详情</title>
    <script src="../Script/Common/huayi.load.js"></script>
    <script src="../Script/Common/huayi.config.js"></script>
    <link href="../css/layer/need/layer.css" />
    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
    <link rel="stylesheet" href="../css/init.css" />
    <style>
        th {
            padding: 5px 8px 5px 0;
            /*text-align: right;*/
        }

        td {
            padding: 6px 0 5px 10px;
        }

        .clearFix:after {
            content: "";
            display: block;
            clear: both;
        }

        .form-group {
            padding-left: 40px;
            margin-bottom: 0;
        }

        .tj_content {
            border: 1px solid #e6e6e6;
            border-radius: 5px;
        }

        .add_time {
            margin-left: 30px;
            margin-top: 20px;
        }

            .add_time label {
                margin-right: 5px;
                width: 100px;
                text-align: right;
                text-align: -webkit-right;
            }

        .photo {
            background-color: #FFF;
            background-image: none;
            border: 1px solid #e5e6e7 !important;
            border-radius: 1px;
            color: inherit;
            padding: 6px 12px;
            height: 34px !important;
        }

        .sc_btn {
            color: rgb(255, 255, 255);
            font-size: 12px;
            margin-left: 15px;
            box-sizing: border-box;
            background: rgb(26, 179, 148);
            padding: 6px 10px;
            outline: none;
            border-width: 0px;
            border-style: initial;
            border-color: initial;
            border-image: initial;
            border-radius: 3px;
        }

        .Borders {
            border: 1px solid #d7d7d7;
        }
        #sqzx tr th{
        	width: 100px;
        }
        .contacts td{
        	width: 200px;
        }
    </style>
</head>
<body>
    <div>

        <div style="padding: 10px;" class="tj_content clearFix">
            <div>
                <span>【基本信息】</span>
                <div class="box_content">
                    <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <th>登记编号：</th>
                            <td><span class="djbh"></span></td>
                            <th>登记日期：</th>
                            <td><span class="djrq"></span></td>
                            <th>状态：</th>
                            <td><span class="zt"></span></td>
                        </tr>
                        <tr>
                            <th>信息来源：</th>
                            <td><span class="xxly"></span></td>
                            <!--<th>录音文件：</th>
                            <td><span class="lywj"></span></td>-->
                            <th>登记人：</th>
                            <td><span class="djr"></span></td>
                        </tr>
                        <tr>
                            <th>形式分类：</th>
                            <td><span class="xsfl"></span></td>
                            <th>内容大类：</th>
                            <td><span class="nrdl"></span></td>
                            <th>内容小类：</th>
                            <td><span class="nrxl"></span></td>
                        </tr>
                        <tr>
                            <th>反映区域：</th>
                            <td><span class="qy"></span></td>
                            <th>事发地址：</th>
                            <td><span class="sfdz"></span></td>
                            <th>保密：</th>
                            <td><span class="isbm"></span></td>
                        </tr>
                    </table>
                </div>
            </div>
            <div>
                <span>【联系人信息】</span>
                <div class="lxr clearFix box_content">
                    <table id="sqzx" class="contacts" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <th>投诉人姓名：</th>
                            <td>
                                <span class="tsrname"></span>
                            </td>
                            <th>投诉人电话：</th>
                            <td><span class="tsrphone"></span></td>
                            <th>投诉人性别：</th>
                            <td><span class="tsrsex"></span></td>
                            <th>投诉人地址：</th>
                            <td><span class="tsrdz"></span></td>
                        </tr>
                        <tr>
                            <th>联系人姓名：</th>
                            <td><span class="lxrname"></span></td>
                            <th>联系人电话：</th>
                            <td><span class="lxrphone"></span></td>
                            <th>邮编：</th>
                            <td><span class="yb"></span></td>
                            <th>Email：</th>
                            <td><span class='yj'></span></td>
                        </tr>
                    </table>
                </div>
            </div>
            <div>
                <span>【情况摘要】</span>
                <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
                    <!--<tr>
                        <th>标题：</th>
                        <td><span class="bt"></span></td>
                    </tr>-->
                    <tr>
                        <th>内容：</th>
                        <td><span class="qkzy"></span></td>
                    </tr>
                    <tr>
                        <th>附件：</th>
                        <td><span class="fj"></span></td>
                    </tr>
                </table>
            </div>
            <div>
                <div>
                    <span>【处理结果】</span>
                    <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td><span class="cljg"></span></td>
                        </tr>
                    </table>
                </div>
            </div>
            <!--呈批信息-->
            <div class="cpjg_box" style="display:none;margin:10px 0;">
                <div>
                    <span>【呈批结果】</span>
                    <table id="cpjg" class="Borders" style="width: 100%;margin-top:5px;" border="1" cellspacing="0" cellpadding="0"></table>
                </div>
            </div>
            <!--交办记录-->
            <div class="jbjl_box" style="display:none;margin:10px 0;">
                <div>
                    <span>【交办记录】</span>
                    <table id="jbjl" class="Borders" style="width: 100%;margin-top:5px;" border="1" cellspacing="0" cellpadding="0"></table>
                </div>
            </div>
            <!--反馈信息-->
            <div class="fkxx_box" style="display:none;margin:10px 0;">
                <div>
                    <span>【反馈信息】</span>
                    <table id="fkxx" class="Borders" style="width: 100%;margin-top:5px;" border="1" cellspacing="0" cellpadding="0"></table>
                </div>
            </div>
        </div>
        <div class="clearfix wh_btn" style="width:100%;text-align:center;margin:10px 0;">
            <input type="hidden" class="hidWid" />
            <input type="button" value="网上发布" class="release" style="display:none;" />&nbsp;&nbsp;<input type="button" value="打印预览" class="print" />&nbsp;&nbsp;<input type="button" value="打印本页" class="printpage" />&nbsp;&nbsp;<input type="button" value="关闭" class="closexq" />
        </div>
    </div>
    <script src="../My97DatePicker/WdatePicker.js"></script>
    <script>
        var wid = helper.request.queryString("wid");

        $(document).ready(function () {
            if (wid) {
                $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrder', { workorderid: wid, "token": $.cookie("token") }, function (result) {
                    if (result.state.toLowerCase() == "success") {
                        var content = result.data;
                        $(".bt").text(content.data[0].F_ComTitle);
                        $(".djbh").text(content.data[0].F_WorkOrderId);
                        $(".djrq").text(content.data[0].F_RegDate);
                        $(".xxly").text(content.data[0].SourceName);
                        //$(".djr").text(content.data[0].UserName);
                        $(".djr").text(content.data[0].F_UserCode);
                        $(".zt").text(content.data[0].WorkStateName);
                        $(".xsfl").text(content.data[0].TypeName1);
                        $(".nrdl").text(content.data[0].TypeName2);
                        $(".nrxl").text(content.data[0].TypeName3);
                        $(".qy").text(content.data[0].AreaName);
                        $(".sfdz").text(content.data[0].F_SourceAddress);
                        $(".tsrname").text(content.data[0].F_CusName);
                        $(".lxrname").text(content.data[0].F_ConName);
                        $('.tsrphone').text(content.data[0].F_CusPhone);
                        $('.tsrsex').text(content.data[0].F_CusSex);
                        $('.tsrdz').text(content.data[0].F_CusAddress);
                        $('.lxrphone').text(content.data[0].F_ConPhone);
                        $('.qkzy').text(content.data[0].F_ComContent);
                        $('.yb').text(content.data[0].F_ZipCode);
                        $('.yj').text(content.data[0].F_Email);
                        var bmstr = "否";
                        if (content.data[0].F_IsProtect) { bmstr = "是";}
                        $('.isbm').text(bmstr);
                        if (content.data[0].F_Result) {
                            var rt = content.data[0].F_Result.replace(/[ ]/g, "&nbsp;").replace(/\ +/g, "&nbsp;").replace(/\r\n/g, "<br />").replace(/\n/g, "<br />");
                            $(".cljg").html(rt);
                        }
                        else {
                            $(".cljg").html("");
                        }
                        //呈批信息
                        $("#cpjg").empty();
                        if (content.cpdata.length > 0) {
                            $(".cpjg_box").show();
                        }
                        $(content.cpdata).each(function (i, n) {
                            if (n.F_State != '2') {
                                var ps = '';
                                if (n.F_SuperOpinion) { ps = n.F_SuperOpinion.replace(/[ ]/g, "&nbsp;").replace(/\ +/g, "&nbsp;").replace(/\r\n/g, "<br />").replace(/\n/g, "<br />"); }
                                var html = "<tr><th style='width:100px;'>呈批原因：<td><span class='cpyy'>" + n.F_BatchReason
                                    + "</span></td></th></tr><tr><th>领导批示：<td><span class='ldps'>"
                                    + ps + "</span></td></th></tr>";
                                $(html).appendTo($("#cpjg"));
                            }
                            else {
                                var ps = '';
                                if (n.F_BackReason) { ps = n.F_BackReason.replace(/[ ]/g, "&nbsp;").replace(/\ +/g, "&nbsp;").replace(/\r\n/g, "<br />").replace(/\n/g, "<br />"); }
                                var html = "<tr><th style='width:100px;'>回退类型：<td><span class='cpyy'>" + n.F_BackType
                                    + "</span></td></th></tr><tr><th>回退原因：<td><span class='ldps'>"
                                    + ps + "</span></td></th></tr>";
                                $(html).appendTo($("#cpjg"));
                            }
                        })
                        //交办信息
                        $("#jbjl").empty();

                        $(content.jbdata).each(function (i, n) {
                            if (n.F_State && n.F_State != '0') {
                                $(".jbjl_box").show();
                                var str = '未反馈';
                                if (n.F_ResultState) {
                                    switch (n.F_ResultState + '') {
                                        case '0': str = '未反馈'; break;
                                        case '1': str = '按期反馈'; break;
                                        case '2': str = '逾期反馈'; break;
                                    }
                                }
                                var html = '<tr>' +
                                    '<th style="width: 100px;">记录号：</th>' +
                                    '<td><span class="jlh">' + n.F_AssignedId + '</span></td>' +
                                    '<th style="width: 100px;">受理单号：</th>' +
                                    '<td><span class="sldh">' + n.F_WorkOrderId + '</span></td>' +
                                    '<th style="width: 100px;">交办日期：</th>' +
                                    '<td><span class="jbrq">' + n.F_SubmitDate + '</span></td>' +
                                    '<th style="width: 100px;">查看日期：</th>' +
                                    '<td><span class="ckrq">' + (n.F_ReadDate ? n.F_ReadDate:'') + '</span></td>' +
                                    '<th style="width: 100px;">反馈情况：</th>' +
                                    '<td><span class="fkqk">' + str + '</span></td>' +
                                    //'<th style="width: 100px;">交办人：</th>' +
                                    //'<td><span class="jbr"  >' + n.F_SubmitUserCode + '</span></td>' +
                                    '</tr>' +
                                    '<tr>' +
                                    '<th>交办单位：</th>' +
                                    '<td><span class="jbdw">' + n.DeptName + '</span></td>' +
                                    '<th>交办意见：</th>' +
                                    '<td colspan="7"><span class="jbyj">' + n.F_AssignedOpinion + '</span></td>' +
                                    '</tr>';
                                $(html).appendTo($("#jbjl"));
                            }
                        })
                        //反馈信息
                        $("#fkxx").empty();
                        if (content.fkdata.length > 0) {
                            $(".fkxx_box").show();
                        }
                        $(content.fkdata).each(function (i, n) {
                            var str = '';
                            if (n.F_Satisfaction) {
                                switch (n.F_Satisfaction + '') {
                                    case '0': str = '满意'; break;
                                    case '1': str = '基本满意'; break;
                                    case '2': str = '不满意'; break;
                                }
                            }
                            var html = '<tr>' +
                                '<th style="width: 100px;">承办单位:</th>' +
                                '<td><span class="cbdw">' + n.DeptName + '</span></td>' +
                                '<th>反馈时间：</th>' +
                                '<td><span class="fksj">' + n.F_BackDate + '</span></td>' +
                                '<th>用户满意度：</th>' +
                                '<td><span class="myd">' + str + '</span></td>' +
                                '</tr>' +
                                '<tr>' +
                                '<th>反馈内容：</th>' +
                                '<td colspan="5"><span class="fknr">' + n.F_Result + '</span></td>' +
                                '</tr>' +
                                '<tr>' +
                                '<th>附件：</th>' +
                                '<td colspan="5"><span class="fkfj">' + getlink(n.fileurl, n.filename) + '</span></td>' +
                                '</tr>';
                            $(html).appendTo($("#fkxx"));
                        })

                        //附件
                        if (content.fjdata.length > 0) {
                            $(".fj").html("<a href='" + content.fjdata[0].fileurl + "' target='_blank'>" + content.fjdata[0].F_FileName + "</a>");
                        }

                        if (!content.issend) {
                            $(".release").show();
                        }

                        $(".gdxq").addClass("cx");;
                    }
                });
                //网上发布
                var html = '<div >' +
                    '<ul class="nav nav-tabs">' +
                    '<li class="active">' +
                    '<a href="#">参数信息</a>' +
                    '</li>' +
                    '</ul>' +
                    '<div class="add_time">' +
                    '<label for="">发布标题:</label>' +
                    '<input type="text" id="title" class="photo"  />' +
                    '</div>' +
                    '<div class="add_time">' +
                    '<label for="">是否有期限:</label>' +
                    '<label style="font-weight:normal;width: 50px;"><input type="radio" value="1" name="limit" checked="checked" />无</label>' +
                    '<label style="font-weight:normal;width: 50px;"><input type="radio" value="2" name="limit" />有</label>' +
                    '</div>' +
                    '<div class="add_time">' +
                    '<label for="">发布期限:</label>' +
                    '<input type="text" class="photo laydate-icon" id="limittime" onclick="WdatePicker({ dateFmt: \'yyyy-MM-dd\' })" />' +
                    '</div>' +
                    '<div class="add_time tc" style="text-align: center;">' +
                    '<button type="button" class="btn sc_btn " id="tc" onclick="fbgd()">发&nbsp;&nbsp;布</button>' +
                    '</div>' +
                    '</div>';

                $(".release").click(function () {
                    tc = layer.open({
                        type: 1,
                        content: html, //iframe的url，no代表不显示滚动条
                        title: '发布工单',
                        area: ['40%', '60%'], //宽高
                    });
                })
                //打印预览
                $(".print").click(function () {
                    layer.open({
                        type: 2,
                        content: "PrintPreview.html?wid=" + wid, //iframe的url，no代表不显示滚动条
                        title: '打印',
                        area: ['60%', '80%'], //宽高
                    });
                })
                //打印本页
                $(".printpage").click(function () {
                    printpage();
                })

                //关闭
                $(".closexq").click(function () {
                    var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                    parent.layer.close(index); //再执行关闭
                })
            }
        });
        var tc;
        function fbgd() {
            if (!$("#title").val()) {
                layer.confirm('请输入发布标题！', {
                    btn: ['确定']
                });
                return;
            }
            $.post(huayi.config.callcenter_url + 'WorkOrder/ReleaseWorkOrder', {
                workorderid: wid, title: $("#title").val(),
                islimit: $('input[name="limit"]:checked ').val(), limittime: $("#limittime").val(), "token": $.cookie("token")
            }, function (result) {
                result = JSON.parse(result);
                if (result.state.toLowerCase() == "success") {
                    layer.msg("发布成功");
                    layer.close(tc); //关闭弹层
                }
            })
        }
        function getlink(url, name) {
            if (url) {
                return "<a href='" + url + "' target='_blank'>" + name + "</a>";
            }
            else {
                return '';
            }
        }
        function printpage() {
            window.print();
        }
    </script>
</body>

</html>