duhongyu
/
GongYi_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <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="../css/init.css" />
    <title>诉求单结案</title>
    <style type="text/css">
        .isStandard,
        .bulletUnit {
            display: none;
        }

        .bulletUnit ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .bulletUnit ul li {
            float: left;
            margin-right: 20px;
            text-align: center;
            padding: 6px 0;
        }

        .bulletUnit li input {
            display: none;
        }

        .bulletUnit li label {
            margin: 0;
            font-weight: normal;
            display: block;
            width: 100%;
            border: 1px solid #ccc;
            padding: 2px 10px;
            cursor: pointer;
        }

        .bulletUnit li label:hover {
            /*border-color: #fe6604;*/
        }

        .bulletUnit .checkedDept {
            border-color: #fe6604;
        }

        select:disabled {
            background-color: #eee;
        }

        .reasons {
            display: none;
            height: 160px;
        }

        #reasons {
            height: 160px;
        }

        #msg1,
        #msg2,
        #msg3,
        #phone {
            border: none;
            border-bottom: 1px solid #ccc;
            margin-bottom: 20px;
            background-color: #FFFFFF;
            color: #00a1cb;
        }

        #msg4 {
            width: 250px;
            height: 50px;
            border: none;
            border-bottom: 1px solid #ccc;
            margin-bottom: 20px;
            vertical-align: top;
        }

        #msg2 {
            vertical-align: top;
            height: 25px;
        }

        #msg1:focus,
        #msg2:focus,
        #msg3:focus,
        #msg4:focus,
        #phone:focus {
            outline: none;
        }
    </style>
</head>

<body>
    <div class="Common">
        <table>
            <tr>
                <th class="Importent">回访结果:</th>
                <td>
                    <input checked="true" type="radio" value="1" name="huifang" />满意
                    <input type="radio" value="0" name="huifang" />不满意
                </td>
            </tr>
            <!--<tr>
					<th class="Importent">是否通报:</th>
					<td>
						<select class="select_" id='isBulletin'>
							<option value="0">否</option>
							<option value="1">是</option>
						</select>
					</td>
				</tr>
				<tr id="bulletinUnit" class="bulletUnit">
					<th class="Importent">通报单位:</th>
					<td>
						<ul>
							
						</ul>
					</td>
				</tr>-->
            <tr class="bulletUnit">
                <th class="Importent">通报原因:</th>
                <td>
                    <select name="" class="form-control orderType">
                        <option value="0">请选择通报原因</option>
                    </select>
                </td>
                <!--<td><textarea name="" rows="4" cols="" id="bulletinReason"></textarea></td>-->
            </tr>
            <tr class="reasons">
                <th class="Importent">其他原因:</th>
                <td colspan="2"><textarea data-adaptheight id="reasons" name="" rows="6" cols=""></textarea></td>
            </tr>
            <tr>
                <th class="Importent">是否规范:</th>
                <td>
                    <select class="select_" id='isStandard'>
                        <option value="0">是</option>
                        <option value="1">否</option>
                    </select>
                </td>
            </tr>
            <tr class="isStandard">
                <th class="Importent">不规范原因:</th>
                <td>
                    <select name="" class="form-control standard">
                        <option value="0">请选择不规范原因</option>
                    </select>
                </td>
            </tr>
            <tr>
                <th class="Importent">备注:</th>
                <td colspan="2"><textarea data-adaptheight id="finalopinion" name="" rows="6" cols=""></textarea></td>
            </tr>

        </table>
        <div class="" style="margin: 20px 0 0 10px;">
            尊敬的市民，您于<input id="msg1" type="text" disabled />反映的<textarea id="msg2" type="text"></textarea>问题，工单号：<input
                id="msg3" type="text" disabled />，<br />
            处理结果如下：<textarea id="msg4" type="text"></textarea>如有异议，请您再次致电12345，感谢您的支持。<br />
            通知号码:<input id="phone" type="text" />
            <button class="btns sendMsg">发送短信</button>
        </div>
        <div class="btn_box">
            <button class="btns_save">保存</button>
        </div>
    </div>
    <input type="hidden" name="depID" id="depID" value="" />
    <script src="../js/adjustHeight.js"></script>
    <script>
        var wid = helper.request.queryString("wid");
        var bulletinUnits = ''; //通报单位
        $(document).ready(function () {
            //获取工单信息
            loadTEL();
            //通报原因
            getOrderType();
            //获取单位
            getUnit();
            //不规范原因
            getIsStandard();
            //是否通报
            $('#isBulletin').change(function () {
                if ($('#isBulletin').val() == '0') {
                    //默认不通报，通报单位通报原因不显示
                    $('.bulletUnit').hide();
                } else if ($('#isBulletin').val() == '1') {
                    //选择是 ，显示通报单位通报原因；
                    $('.bulletUnit').show();
                }
            });
            //是否规范
            $('#isStandard').change(function () {
                if ($('#isStandard').val() == '0') {
                    //默认规范
                    $('.isStandard').hide();
                } else if ($('#isStandard').val() == '1') {
                    $('.isStandard').show();
                }
            });
            $(".btns_save").click(function () {
                debugger
                if ($('#isBulletin').val() == 0) {
                    JA(bulletinUnits);
                } else if ($('#isBulletin').val() == 1) {
                    debugger
                    //                  	if($("input[name='checkbox']:checkbox:checked").length <= 0){
                    //                  		layer.msg("您没有选择通报单位。");
                    //                  	}else 
                    if (!$(".orderType").val() || $('.orderType').val() == 0) {
                        layer.msg("通报原因没有填写。");
                        return
                    } else if ($(".orderType").val() == 76 && !$('#reasons').val()) {
                        layer.msg('其他通报原因没有填写');
                        return
                    } else {
                        $("input[name='checkbox']:checkbox:checked").each(function () {
                            bulletinUnits += $(this).val() + ',';
                        });
                        bulletinUnits = bulletinUnits.substring(0, bulletinUnits.length - 1);
                        JA(bulletinUnits);
                    }
                }
            });
        })

        function JA(bUnits) {
            var standardID = $('.standard').val()
            if ($('#isStandard').val() == 1 && standardID == 0) {
                layer.msg('请选择不规范原因');
                return
            } else if ($('#isStandard').val() == 0) {
                standardID = ''
            }
            $.post(huayi.config.callcenter_url + 'WorkOrder/FinishWorkOrder', {
                workorderid: wid,
                issatisfie: $('input[name="huifang"]:checked ').val(),
                finalopinion: $("#finalopinion").val(),
                isnotice: $('#isBulletin').val(), //0不通告1通告
                deptids: $('#depID').val(), //通报单位
                //					noticereson: $('#bulletinReason').val(),//通报原因
                noticeid: $('.orderType').val(), //通报id
                noticeinfo: $('.orderType').find("option:selected").text(),
                noticereson: $('#reasons').val(), //其他通报原因
                isstandard: $('#isStandard').val(), //是否规范0是1否
                standardids: standardID, //不规范id
                "token": $.cookie("token")
            }, function (result) {
                result = JSON.parse(result);
                if (result.state.toLowerCase() == "success") {
                    var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                    parent.layer.close(index); //再执行关闭
                    parent.$('#orderlist').bootstrapTable('refresh');
                    parent.layer.msg("结案成功");
                }
            })
        }
        //获取工单信息
        function loadTEL() {
            $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrder', {
                workorderid: wid,
                "token": $.cookie("token")
            }, function (result) {
                if (result.state.toLowerCase() == "success") {
                    var Data = result.data.data;
                    $('#msg3').val(Data[0].F_WorkOrderId)
                    $('#msg1').val(Data[0].F_CreateTime)
                    $('#msg2').text(Data[0].F_ComTitle)
                    $('#msg4').val(result.data.bldata && result.data.bldata[result.data.bldata.length - 1]
                        .F_Situation)
                    $("#phone").val(Data[0].F_ConPhone)
                }
            })
        }
        //发送短信
        $('.sendMsg').click(function () {
            if (!$('#msg4').val()) {
                layer.msg('请填写结果')
                return
            }
            if (!$('#phone').val()) {
                layer.msg('请填写通知号码')
                return
            }
            $.ajax({
                type: "post",
                url: huayi.config.callcenter_url + 'WorkOrder/SmsHand',
                async: true,
                data: {
                    msg1: $('#msg1').val(),
                    msg2: $('#msg2').val(),
                    msg3: $('#msg3').val(),
                    msg4: $('#msg4').val(),
                    mobile: $('#phone').val(),
                    token: $.cookie("token")
                },
                success: function (res) {
                    res = JSON.parse(res)
                    if (res.state.toLowerCase() == 'success') {
                        layer.msg('短信发送成功')
                    } else {
                        layer.msg('短信发送失败')
                    }
                }
            });
        })
        //获取单位
        function getUnit() {
            $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetAllAssignDept', {
                workorderid: wid,
                token: $.cookie("token")
            }, function (result) {
                if (result.state.toLowerCase() == "success") {
                    $('#depID').val(result.data[0].F_DeptId)
                    if (result.data.length > 0) {
                        $('#isBulletin').removeAttr("disabled");
                        for (var i = 0; i < result.data.length; i++) {
                            $('#bulletinUnit ul').append('<li><input type="checkbox" name="checkbox" id="unit' +
                                i + '" value=""/>' +
                                '<label for="unit' + i + '">' + result.data[i].F_DeptName + '</label></li>');
                        }
                        if (('#bulletinUnit input').length > 0) {
                            $('#bulletinUnit input').each(function (index) {
                                if ($(this).is('[type=checkbox]')) {
                                    var cinput = $(this);
                                    var label = $('label[for=' + cinput.attr('id') + ']');
                                    cinput.bind('updateState', function () {
                                            if (cinput.is(':checked')) {
                                                label.addClass('checkedDept');
                                                cinput.val(result.data[index].F_DeptId);
                                            } else {
                                                label.removeClass('checkedDept');
                                                cinput.val('');
                                            }

                                        })
                                        .trigger('updateState')
                                        .click(function () {
                                            $('input[name=' + $(this).attr('name') + ']').trigger(
                                                'updateState');
                                        });
                                }

                            });
                        }
                    } else {
                        $('#isBulletin').attr("disabled", "disabled");
                    }
                }
            })
        }

        function getOrderType() {
            $.get(huayi.config.callcenter_url + 'Dictionary/GetDicValueListByParentId', {
                "token": $.cookie("token"),
                pid: 62
            }, function (result) {
                result = $.parseJSON(result);
                var Count = result.data;
                $(Count).each(function (i, n) {
                    $('<option value="' + n.F_ValueId + '">' + n.F_Value + '</option>').appendTo($(
                        ".orderType"));
                })
            });
        }
        //不规范原因
        function getIsStandard() {
            $.get(huayi.config.callcenter_url + 'Dictionary/GetDicValueListByParentId', {
                "token": $.cookie("token"),
                pid: 78
            }, function (result) {
                result = $.parseJSON(result);
                var Count = result.data;
                $(Count).each(function (i, n) {
                    $('<option value="' + n.F_ValueId + '">' + n.F_Value + '</option>').appendTo($(
                        ".standard"));
                })
            });
        }
        $('.orderType').change(() => {
            if ($('.orderType').val() == 76) {
                $('.reasons').show()
            } else {
                $('.reasons').hide()
            }
        })
    </script>
</body>

</html>