pc

WebUI/CallCenterWeb.UI/Appeal/AddAppeal.html

@@ -82,7 +82,6 @@
                             <input class="input" type="file" name="upFile" id="upFile" multiple="multiple"
                                 style="display: none;">
                             <input class="input" type="button" value="上传" id="scwj" />
-                            <input class="input" type="button" value="删除附件" id="scfj" style="display:none;" />
                             <input type="hidden" id="file" />
                             <!--</br>-->
                             <span style="color:#FF0000; border: none;">
@@ -217,6 +216,19 @@
                         </td>
                     </tr>
                     <tr class="Nows_box Hidens">
+                        <th>办理附件:</th>
+                        <td colspan="7">
+                            <div class="fileBoxHandle"></div>
+                            <input class="input" type="file" name="upFile" id="upFileHandle" multiple="multiple"
+                                style="display: none;">
+                            <input class="input" type="button" value="上传" id="scwjHandle" />
+                            <input type="hidden" id="fileHandle" />
+                            <span style="color:#FF0000; border: none;">
+                                (文件格式为png,jpg,mp4,avi,wmv,mp3,pdf,doc,docx,xls,xlsx)
+                            </span>
+                        </td>
+                    </tr>
+                    <tr class="Nows_box Hidens">
                         <th>直办内容:</th>
                         <td colspan="7">
                             <textarea id="result" class="form-control" name="" rows="3" cols=""
@@ -304,9 +316,12 @@
             $("#upFile").change(function () {
                 upload();
             })
-            $("#scfj").click(function () {
-                //					$(".fjnr").text("");
-                //					$("#scfj").hide();
+            //上传附件
+            $("#scwjHandle").click(function () {
+                $("#upFileHandle").trigger("click");
+            })
+            $("#upFileHandle").change(function () {
+                uploadHandle();
             })
             $("#reflectCategory").bind("input propertychange", function () {
                 $(".layui-dropdown").hide();
@@ -374,7 +389,8 @@
                         conphone: $("#conphone").val(),
                         title: $("#title").val(),
                         content: $("#content").val(),
-                        files: $("#file").val(), //(多个用英文逗号,隔开)
+                        files: $("#file").val(), // 工单附件(多个用英文逗号,隔开)
+                        file: $("#fileHandle").val(), // 办理附件(多个用英文逗号,隔开)
                         sourcearea: $("#sourcearea").val(), //=事发地域id
                         township: $("#township").val(), // 乡镇
                         village: $("#village").val(), // 村
@@ -406,6 +422,7 @@
                         $(document).on('click', '.SavedSubmit', Add);
                         Clean();
                         $('.fileBox').html('');
+                        $('.fileBoxHandle').html('');
                         layer.msg("创建工单成功");
                     }
                 });
@@ -486,6 +503,80 @@
             })
             $("#file").val(Str);
         }
+        //上传文件
+        function uploadHandle() {
+            var Files = document.getElementById("upFileHandle").files;
+            console.log(Files);
+            if (Files.length > 0) {
+                var formData = new FormData();
+                for (var i = 0; i < Files.length; i++) {
+                    formData.append('file' + i, Files[i]);
+                }
+                formData.append("token", $.cookie("token"));
+                var typeName = Files[0].name.split('.')[1];
+                if (typeName == "png" || typeName == 'jpg' || typeName == 'mp4' || typeName == 'avi' || typeName ==
+                    'wmv' || typeName == 'mp3' || typeName == 'pdf' || typeName == 'doc' || typeName == 'docx' ||
+                    typeName == 'xls' || typeName == 'xlsx') {
+                    $.ajax({
+                        url: huayi.config.callcenter_url + "/WorkOrder/UploadFile",
+                        type: "POST",
+                        data: formData,
+                        /**
+                         *必须false才会自动加上正确的Content-Type
+                         */
+                        contentType: false,
+                        /**
+                         * 必须false才会避开jQuery对 formdata 的默认处理
+                         * XMLHttpRequest会对 formdata 进行正确的处理
+                         */
+                        processData: false,
+                        success: function (result) {
+                            document.getElementById("upFileHandle").outerHTML = document.getElementById("upFileHandle")
+                                .outerHTML;
+                            $("#upFileHandle").change(function () {
+                                uploadHandle();
+                            });
+                            var r = $.parseJSON(result);
+                            if (r.state.toLowerCase() == "success") {
+
+                                var a = r.data;
+                                $(a).each(function (i, n) {
+                                    var strs = '<span class="filesHandle" fiel-num="' + n.F_FileId +
+                                        '">' + n.F_FileName.substring(19) +
+                                        '<i class="fa fa-remove del_file"></i></span>'
+                                    $(strs).appendTo($('.fileBoxHandle')).find('.del_file').click(
+                                        function (event) {
+                                            event.stopPropagation();
+                                            $(this).parent().remove();
+                                            file_numHandle()
+                                        })
+                                })
+                                file_numHandle();
+                            }
+                        }
+                    });
+                } else {
+                    layer.msg("格式不正确");
+                }
+
+            } else {
+                layer.confirm('请上传文件！', {
+                    btn: ['确定']
+                });
+            }
+        }
+        //上传文件隐藏域值
+        function file_numHandle() {
+            var str = '';
+            var Str;
+            $('.fileBoxHandle .filesHandle').each(function (j, m) {
+                var aa = $(m).attr("fiel-num")
+                console.log(aa);
+                str += aa + ",";
+                Str = (str.substring(str.length - 1) == ',') ? str.substring(0, str.length - 1) : str;
+            })
+            $("#fileHandle").val(Str);
+        }
         //来源
         function LY(obj) {
             obj.empty();

WebUI/CallCenterWeb.UI/Appeal/Lawsuit.html

@@ -247,12 +247,15 @@
                                         </option>
                                     </select>
                                 </td>
-                                <th>用户角色：</th>
+                                <th>专席编辑：</th>
                                 <td>
                                     <select id="edituser" class="form-control" name="select">
                                         <option value="">
                                             请选择
                                         </option>
+                                        <option value="1">
+                                            供暖工单
+                                        </option>
                                     </select>
                                 </td>
                             </tr>
@@ -370,8 +373,6 @@
                 istime: true,
                 format: 'YYYY-MM-DD hh:mm:ss'
             });
-            // 获取角色
-            getCharacter($("#edituser"))
             load();
         });
         //关闭录音弹出
@@ -465,7 +466,7 @@
                         splituser: $("#leaderCharge").val(), // 分管领导
                         islike: $("#islike").val(), // 查询类型
                         dbgd: $("#whetherSupervisor").val(), // 是否督办
-                        edituser: $("#edituser").val(), // 用户角色
+                        edituser: $("#edituser").val(), // 供暖工单
                         jianhang: 0,
                         phoneType: 2, // 12345来电
                         token: $.cookie("token"),
@@ -517,7 +518,7 @@
                     }
                     break;
                 case "7":
-                    html = "已回访";
+                    html = "待回访";
                     break;
                 case "8":
                     if (row.F_Identification === 0) {

WebUI/CallCenterWeb.UI/Business/LeaderYJA.html

@@ -128,16 +128,6 @@
                                     </select>
                                 </td>
                             </tr>
-                            <tr>
-                                <th>用户角色：</th>
-                                <td>
-                                    <select id="edituser" class="form-control" name="select">
-                                        <option value="">
-                                            请选择
-                                        </option>
-                                    </select>
-                                </td>
-                            </tr>
                         </table>
                     </div>
                 </div>
@@ -200,8 +190,6 @@
             $("#state").val(wid);
         }
         $(document).ready(function () {
-            // 获取用户角色
-            getCharacter($("#edituser"))
             load();
             laydate.skin('blue');
             laydate({
@@ -298,7 +286,6 @@
                         tab: 5, //待处理
                         sourcearea: $('#sourceAreas').val(), //区域
                         isopen: $("#isopen").val(),
-                        edituser: $("#edituser").val(), // 用户角色
                         jianhang: 0,
                         phoneType: 2, // 12345来电
                         token: $.cookie("token")

WebUI/CallCenterWeb.UI/Business/ZXDCL.html

@@ -107,14 +107,6 @@
                                     <select class="form-control" id="type">
                                     </select>
                                 </td>
-                                <th>用户角色：</th>
-                                <td>
-                                    <select id="edituser" class="form-control Min-width" name="select">
-                                        <option value="">
-                                            请选择
-                                        </option>
-                                    </select>
-                                </td>
                             </tr>
                         </table>
                     </div>
@@ -178,8 +170,6 @@
             $("#state").val(wid);
         }
         $(document).ready(function () {
-            // 获取用户角色
-            getCharacter($("#edituser"))
             load();
             laydate.skin('blue');
             laydate({
@@ -269,7 +259,6 @@
                         endtime: $("#endtime").val(), //=结束时间
                         deptid: $("#PID").val(),
                         type: $("#type").val(),
-                        edituser: $("#edituser").val(), // 用户角色
                         tab: 0, //待处理
                         sourcearea: $('#sourceAreas').val(), //区域
                         token: $.cookie("token")

WebUI/CallCenterWeb.UI/Business/haveAduit.html

@@ -389,7 +389,7 @@
                     html = "已办理";
                     break;
                 case "7":
-                    html = "已回访";
+                    html = "待回访";
                     break;
                 case "8":
                     html = "重办中";

WebUI/CallCenterWeb.UI/Business/haveDoneToAudit.html

@@ -446,7 +446,6 @@
                 bl
                 html += html1;
             }
-            html += `<a class="" onclick="approved('${val}')" title="审核通过">审核通过</a>&nbsp;<a class="" onclick="auditFailed('${val}')" title="审核不通过">审核不通过</a>&nbsp;<a class="" onclick="approvedComplaint('${val}')" title="审核通过转办">审核通过转办</a>`
             return html;
         }
 

WebUI/CallCenterWeb.UI/Business/workOverdue.html

@@ -380,8 +380,17 @@
         //操作
         function Dispose(val, row) {
             var Rows = row.Buttons;
-            var html = '<a class="xg" onclick="ckxq(\'' + row.F_WorkOrderId + '\')" title="查看">查看</a>' +
-                '<a class="xg" onclick="sendMsg(\'' + row.F_WorkOrderId + '\',\'' + row.F_MainDeptId +
+            var html = "";
+            for (var i = 0; i < Rows.length; i++) {
+                var html1 = huayi.config.arr[Rows[i].key * 1 - 1];
+                if (html1) {
+                    html1 = html1.replace("data", val);
+                    html1 = html1.replace("isProtect", row.F_IsProtect);
+                    html1 = html1.replace("row", row.F_MainDeptId);
+                }
+                html += html1;
+            }
+            html += '<a class="xg" onclick="sendMsg(\'' + row.F_WorkOrderId + '\',\'' + row.F_MainDeptId +
                 '\')" title="催办">催办</a>';
             return html;
         }

WebUI/CallCenterWeb.UI/CommonHtml/AddAppealDCL.html

@@ -103,6 +103,19 @@
                         </td>
                     </tr>
                     <tr class="Nows_box Hidens">
+                        <th>办理附件:</th>
+                        <td colspan="7">
+                            <div class="fileBoxHandle"></div>
+                            <input class="input" type="file" name="upFile" id="upFileHandle" multiple="multiple"
+                                style="display: none;">
+                            <input class="input" type="button" value="上传" id="scwjHandle" />
+                            <input type="hidden" id="fileHandle" />
+                            <span style="color:#FF0000; border: none;">
+                                (文件格式为png,jpg,mp4,avi,wmv,mp3,pdf,doc,docx,xls,xlsx)
+                            </span>
+                        </td>
+                    </tr>
+                    <tr class="Nows_box Hidens">
                         <th>办理内容:</th>
                         <td colspan="7">
                             <textarea id="result" name="" rows="" cols="" class="form-control" style="width: 100%; height: 80px;"></textarea>
@@ -398,6 +411,14 @@
                 upload();
             });
 
+            //上传附件
+            $("#scwjHandle").click(function () {
+                $("#upFileHandle").trigger("click");
+            })
+            $("#upFileHandle").change(function () {
+                uploadHandle();
+            })
+
             $(".SavedSubmit").click(function () {
                 submit = 1;
                 Add();
@@ -542,7 +563,7 @@
                                 $(".limittimeWrapper").hide()
                                 $(".limittimesWrapper").hide()
                                 $(".limittimesWrapperCB").show()
-                            } else if (workType === "jb" || workType === "zzbl") {
+                            } else if (workType === "jb" || workType === "zzbl" || workType === "jwthsh") {
                                 if (Data[0].F_Level == "2") {
                                     $("#level option:selected").text("紧急"); //乡镇
                                     $(".limittimesWrapper").show()
@@ -598,6 +619,44 @@
                     },
                 });
             }
+            if (wid) {
+                $.ajax({
+                    type: "get",
+                    url: huayi.config.callcenter_url + "WorkOrder/GetWorkOrderNew",
+                    dataType: "json",
+                    async: false,
+                    data: {
+                        workorderid: wid,
+                        type: 4, // 办理情况
+                        token: $.cookie("token"),
+                    },
+                    success: function (data) {
+                        if (data.state.toLowerCase() == "success") {
+                            var Data = data.data.bldata;
+                            if (Data.length > 0) {
+                                $(Data[0].File).each(function (k, q) {
+                                    var strs =
+                                        '<span class="filesHandle" fiel-num="' +
+                                        q.F_FileId +
+                                        '">' +
+                                        q.F_FileName.substring(19) +
+                                        '<i class="fa fa-remove del_file"></i></span>';
+                                    $(strs)
+                                        .appendTo($(".fileBoxHandle"))
+                                        .find(".del_file")
+                                        .click(function (event) {
+                                            event.stopPropagation();
+                                            $(this).parent().remove();
+                                            file_num();
+                                        });
+                                        file_num();
+                                });
+                            }
+                        }
+                    },
+                });
+            }
+
         });
 
         ///修改工单
@@ -617,6 +676,19 @@
             } else {
                 threeWayCall = 0;
             }
+            // 多单位，对应工单内容
+            var manyUnitsDictionary = [];
+            var manyUnitsData = $("#jbSelect").val()
+            var manyUnitsDataObject = {}
+            if (manyUnitsData.length > 0) {
+                for (var i=0; i<manyUnitsData.length; i++) {
+                    manyUnitsDataObject = {
+                        id: manyUnitsData[i],
+                        content: $("#workcontent" + manyUnitsData[i]).val()
+                    }
+                    manyUnitsDictionary.push(manyUnitsDataObject)
+                }
+            }
             // if (!$("#cusname").val()) {
             //     layer.msg("请输入姓名");
             // } else 
@@ -649,7 +721,8 @@
                     title: $("#title").val(),
                     content: $("#content").val(),
                     workcontent: $("#workcontent").val(),
-                    files: $("#file").val(), //(多个用英文逗号,隔开)
+                    files: $("#file").val(), // 工单附件(多个用英文逗号,隔开)
+                    file: $("#fileHandle").val(), // 办理附件(多个用英文逗号,隔开)
                     sourcearea: $("#sourcearea").val(), //=事发地域id
                     township: $("#township").val(), // 乡镇
                     village: $("#village").val(), // 村
@@ -682,13 +755,13 @@
                                 title: "重办工单",
                                 area: ["95%", "95%"], //宽高
                             });
-                        } else if (workType === "jb" || workType === "zzbl") {
+                        } else if (workType === "jb" || workType === "zzbl" || workType === "jwthsh") {
                             layer.confirm(
                                 "确定交办？", {
                                     btn: ["是", "否"], //按钮
                                 },
                                 function () {
-                                    assign(workType, jbSelect, startTime, limittimes, level, ispd)
+                                    assign(workType, jbSelect, startTime, limittimes, level, ispd, manyUnitsDictionary)
                                 }
                             );
                         } else {
@@ -711,7 +784,7 @@
             var level = $("#level").val();
             if (workType === "cb") {
                 $(".limittimesWrapperCB").show()
-            } else if (workType === "jb" || workType === "zzbl") {
+            } else if (workType === "jb" || workType === "zzbl" || workType === "jwthsh") {
                 if (level === "2") {
                     $(".limittimesWrapper").show()
                     $(".limittimeWrapper").hide()
@@ -727,7 +800,6 @@
             var Str;
             $(".fileBox .files").each(function (j, m) {
                 var aa = $(m).attr("fiel-num");
-                console.log(aa);
                 str += aa + ",";
                 Str =
                     str.substring(str.length - 1) == "," ?
@@ -985,6 +1057,79 @@
             }
         }
 
+        //上传文件
+        function uploadHandle() {
+            var Files = document.getElementById("upFileHandle").files;
+            if (Files.length > 0) {
+                var formData = new FormData();
+                for (var i = 0; i < Files.length; i++) {
+                    formData.append('file' + i, Files[i]);
+                }
+                formData.append("token", $.cookie("token"));
+                var typeName = Files[0].name.split('.')[1];
+                if (typeName == "png" || typeName == 'jpg' || typeName == 'mp4' || typeName == 'avi' || typeName ==
+                    'wmv' || typeName == 'mp3' || typeName == 'pdf' || typeName == 'doc' || typeName == 'docx' ||
+                    typeName == 'xls' || typeName == 'xlsx') {
+                    $.ajax({
+                        url: huayi.config.callcenter_url + "/WorkOrder/UploadFile",
+                        type: "POST",
+                        data: formData,
+                        /**
+                         *必须false才会自动加上正确的Content-Type
+                         */
+                        contentType: false,
+                        /**
+                         * 必须false才会避开jQuery对 formdata 的默认处理
+                         * XMLHttpRequest会对 formdata 进行正确的处理
+                         */
+                        processData: false,
+                        success: function (result) {
+                            document.getElementById("upFileHandle").outerHTML = document.getElementById("upFileHandle")
+                                .outerHTML;
+                            $("#upFileHandle").change(function () {
+                                uploadHandle();
+                            });
+                            var r = $.parseJSON(result);
+                            if (r.state.toLowerCase() == "success") {
+
+                                var a = r.data;
+                                $(a).each(function (i, n) {
+                                    var strs = '<span class="filesHandle" fiel-num="' + n.F_FileId +
+                                        '">' + n.F_FileName.substring(19) +
+                                        '<i class="fa fa-remove del_file"></i></span>'
+                                    $(strs).appendTo($('.fileBoxHandle')).find('.del_file').click(
+                                        function (event) {
+                                            event.stopPropagation();
+                                            $(this).parent().remove();
+                                            file_numHandle()
+                                        })
+                                })
+                                file_numHandle();
+                            }
+                        }
+                    });
+                } else {
+                    layer.msg("格式不正确");
+                }
+
+            } else {
+                layer.confirm('请上传文件！', {
+                    btn: ['确定']
+                });
+            }
+        }
+        //上传文件隐藏域值
+        function file_numHandle() {
+            var str = '';
+            var Str;
+            $('.fileBoxHandle .filesHandle').each(function (j, m) {
+                var aa = $(m).attr("fiel-num")
+                str += aa + ",";
+                Str = (str.substring(str.length - 1) == ',') ? str.substring(0, str.length - 1) : str;
+            })
+            $("#fileHandle").val(Str);
+        }
+
         function closePage() {
             var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
             parent.layer.close(index); //再执行关闭
@@ -1139,7 +1284,7 @@
             };
         }
 
-        function assign(workType, jbSelect, startTime, limittimes, level, ispd) {
+        function assign(workType, jbSelect, startTime, limittimes, level, ispd, manyUnitsDictionary) {
             var assignedopinion = ""; // 交办意见
             if (workType === "zzbl") {
                 assignAPI = "WorkOrder/HandleAssign"
@@ -1166,18 +1311,48 @@
                     assignedopinion: assignedopinion, //交办意见
                     ispd: ispd, // 自动派单
                     state: 1, // 0保存，1保存并提交
+                    content: manyUnitsDictionary,
                     assignid: "",
                     token: $.cookie("token"),
                 },
                 success: function (result) {
                     if (result.state.toLowerCase() == "success") {
-                        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
-                        parent.layer.close(index); //再执行关闭
-                        parent.$("#orderlist").bootstrapTable("refresh");
+                        if (workType === "jwthsh") {
+                            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
+                            parent.layer.close(index); //再执行关闭
+                            parent.layer.msg("操作成功");
+                            parent.closePage();
+                        } else {
+                            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
+                            parent.layer.close(index); //再执行关闭
+                            parent.$("#orderlist").bootstrapTable("refresh");
+                            parent.layer.msg("操作成功");
+                        }
                     }
                 }
             })
         }
+
+        $("#jbSelect").on("changed.bs.select", function(e, clickedIndex, isSelected, previousValue) {
+            $(".workcontentManyUnits").remove();
+            var data = $("#jbSelect").val().reverse();
+            var html = '';
+            if (data.length > 0) {
+                for (var i=0; i < data.length; i++) {
+                    html = '<tr class="workcontentManyUnits">' +
+                        '<th class="Importent">工单内容:</th>' +
+                        '<td colspan="7">' +
+                        '<textarea data-adaptheight id="workcontent' +
+                        data[i] +
+                        '" class="form-control" name="" rows="" cols="" style="width: 100%;">' +
+                        $("#content").val() +
+                        '</textarea>' +
+                        '</td>'+
+                        '</tr>';
+                    $(".undertakeUnitWrapper").after(html)                  
+                }
+            }
+        })
     </script>
 </body>
 

WebUI/CallCenterWeb.UI/CommonHtml/WorkDatil.html

@@ -812,6 +812,7 @@
     <script src="../js/appeal/mapDeti.js"></script>
     <script src="../js/mousewheel/jquery.mousewheel.min.js"></script>
     <script src="../js/WorkOrder/jquery.drag.js"></script>
+    <script src="../js/jquery-photo-gallery/jquery.photo.gallery.js"></script>
     <script>
         var wid = helper.request.queryString("wid");
         var check = helper.request.queryString("check");
@@ -1053,7 +1054,6 @@
                                                             randomPosition: false //初始位置是否随机
                                                         });
                                                     return false;
-
                                                 });
                                             helper.methods.initLayerPhotos(
                                                 '#layui-layer-photos', pic, layero);
@@ -1301,8 +1301,14 @@
                                         $(n.File).each(function (j, m) {
                                             if (m.F_FileType == ".jpg" || m
                                                 .F_FileType == ".png") {
+                                                // FileHtml =
+                                                //     '<img style="width:80px; height:80px" border="0" onclick="viewImage(this)" src="' +
+                                                //     m.F_FileUrl + '" alt="' + m
+                                                //     .F_FileName +
+                                                //     '" fileId="' + m.F_FileId +
+                                                //     '">';
                                                 FileHtml =
-                                                    '<img style="width:80px; height:80px" border="0" onclick="viewImage(this)" src="' +
+                                                    '<img style="width:80px; height:80px" border="0" ondblclick="$.openPhotoGallery(this)" src="' +
                                                     m.F_FileUrl + '" alt="' + m
                                                     .F_FileName +
                                                     '" fileId="' + m.F_FileId +
@@ -1340,8 +1346,13 @@
                                             if (m.F_FileType == ".jpg" || m
                                                 .F_FileType ==
                                                 ".png") {
+                                                // FileHtml =
+                                                //     '<img style="width:15px; height:15px" border="0" onclick="viewImage(this)" src="' +
+                                                //     m.F_FileUrl + '" alt="' + m
+                                                //     .F_FileName +
+                                                //     '" fileId="' + m.F_FileId + '">'
                                                 FileHtml =
-                                                    '<img style="width:15px; height:15px" border="0" onclick="viewImage(this)" src="' +
+                                                    '<img style="width:15px; height:15px" border="0" ondblclick="$.openPhotoGallery(this)" src="' +
                                                     m.F_FileUrl + '" alt="' + m
                                                     .F_FileName +
                                                     '" fileId="' + m.F_FileId + '">'
@@ -1619,12 +1630,17 @@
                                             if (m.F_FileType == ".jpg" || m
                                                 .F_FileType ==
                                                 ".png") {
+                                                // FileHtml =
+                                                //     '<img style="width:80px; height:80px" border="0" onclick="viewImage(this)" src="' +
+                                                //     m.F_FileUrl + '" alt="' + m
+                                                //     .F_FileName +
+                                                //     '" fileId="' + m.F_FileId +
+                                                //     '">';
                                                 FileHtml =
-                                                    '<img style="width:80px; height:80px" border="0" onclick="viewImage(this)" src="' +
+                                                    '<td class="gallerys"><img class="gallery-pic" style="width:80px; height:80px" border="0" ondblclick="$.openPhotoGallery(this)" src="' +
                                                     m.F_FileUrl + '" alt="' + m
                                                     .F_FileName +
-                                                    '" fileId="' + m.F_FileId +
-                                                    '">';
+                                                    '" fileId="' + m.F_FileId + '">'
                                             } else {
                                                 // FileHtml = m.F_FileName.substring(
                                                 //     19);
@@ -1649,8 +1665,14 @@
                                             if (m.F_FileType == ".jpg" || m
                                                 .F_FileType ==
                                                 ".png") {
+                                                // FileHtmls =
+                                                //     '<img style="width:80px; height:80px" border="0" onclick="viewImage(this)" src="' +
+                                                //     m.F_FileUrl + '" alt="' + m
+                                                //     .F_FileName +
+                                                //     '" fileId="' + m.F_FileId +
+                                                //     '">';
                                                 FileHtmls =
-                                                    '<img style="width:15px; height:15px" border="0" onclick="viewImage(this)" src="' +
+                                                    '<img style="width:80px; height:80px" border="0" ondblclick="$.openPhotoGallery(this)" src="' +
                                                     m.F_FileUrl + '" alt="' + m
                                                     .F_FileName +
                                                     '" fileId="' + m.F_FileId +
@@ -1861,11 +1883,16 @@
                                             if (m.F_FileType == ".jpg" || m
                                                 .F_FileType ==
                                                 ".png") {
+                                                // FileHtml =
+                                                //     '<img style="width: 80px; height: 80px" border="0" onclick="viewImage(this)" src="' +
+                                                //     m.F_FileUrl + '" alt="' + m
+                                                //     .F_FileName +
+                                                //     '" fileId="' + m.F_FileId + '">'
                                                 FileHtml =
-                                                    '<img style="width: 80px; height: 80px" border="0" onclick="viewImage(this)" src="' +
-                                                    m.F_FileUrl + '" alt="' + m
-                                                    .F_FileName +
-                                                    '" fileId="' + m.F_FileId + '">'
+                                                  '<img style="width: 80px; height: 80px" border="0" ondblclick="$.openPhotoGallery(this)" src="' +
+                                                  m.F_FileUrl + '" alt="' + m
+                                                  .F_FileName +
+                                                  '" fileId="' + m.F_FileId + '">'
                                             } else {
                                                 // FileHtml = m.F_FileName.substring(
                                                 //     19)
@@ -1890,12 +1917,19 @@
                                             if (m.F_FileType == ".jpg" || m
                                                 .F_FileType ==
                                                 ".png") {
+                                                // FileHtmls =
+                                                //     '<img style="width:80px; height:80px" border="0" onclick="viewImage(this)" src="' +
+                                                //     m.F_FileUrl + '" alt="' + m
+                                                //     .F_FileName +
+                                                //     '" fileId="' + m.F_FileId +
+                                                //     '">';
                                                 FileHtmls =
-                                                    '<img style="width:15px; height:15px" border="0" onclick="viewImage(this)" src="' +
-                                                    m.F_FileUrl + '" alt="' + m
-                                                    .F_FileName +
-                                                    '" fileId="' + m.F_FileId +
-                                                    '">';
+                                                '<img style="width:80px; height:80px" border="0" ondblclick="$.openPhotoGallery(this)" src="' +
+                                                m.F_FileUrl + '" alt="' + m
+                                                .F_FileName +
+                                                '" fileId="' + m.F_FileId +
+                                                '">';
+
                                             } else {
                                                 // FileHtmls = m.F_FileName.substring(
                                                 //     19);
@@ -2395,7 +2429,10 @@
             }
             layer.photos({
                 photos: json,
-                anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
+                anim: 5, //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
+                tab: function() {
+
+                }
             });
         }
 

WebUI/CallCenterWeb.UI/CommonHtml/shth.html

@@ -49,7 +49,7 @@
 			var wid = helper.request.queryString("wid");
 			var state;
 			$(document).ready(function() {
-				 HQ();
+				    HQ();
 				$(".Agree").click(function(){
 					state=1;
 					JA();
@@ -70,12 +70,18 @@
 				}, 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("审核退回成功");
-                  	
+					    // var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
+                        // parent.layer.close(index); //再执行关闭
+						// parent.$('#orderlist').bootstrapTable('refresh');
+                        // parent.layer.msg("审核退回成功");
+                        //编辑
+                        layer.open({
+                            type: 2,
+                            content: "./AddAppealDCL.html?wid=" + wid +
+                                "&workType=jwthsh", //iframe的url，no代表不显示滚动条
+                            title: "编辑工单",
+                            area: ["95%", "95%"], //宽高
+                        });
 					}
 				})
 			}
@@ -99,6 +105,13 @@
 					}
 				})
 			}
+
+            // 关闭页面
+            function closePage() {
+                var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
+                parent.layer.close(index); //再执行关闭
+                parent.$('#orderlist').bootstrapTable('refresh');
+            }
 		</script>
 	</body>
 

WebUI/CallCenterWeb.UI/MultimediaWorkOrder/haveAduitMedia.html

@@ -361,7 +361,7 @@
                         page: params.pageNumber,
                         pagesize: params.pageSize,
                         workid: $("#wids").val(),
-                        state: 6, //=工单状态
+                        state: 7, //=工单状态
                         // type: $("#type").val(), //=工单类型
                         //bigtype: $("#bigtype").val(), //=大类别
                         //smalltype: $("#smalltype").val(), //=小类别

WebUI/CallCenterWeb.UI/ProvincialPlatformManagement/LeaderDCLProvincialPlatform.html

@@ -1,9 +1,9 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html>
 
 <head>
     <meta charset="UTF-8" />
-    <title>已提交</title>
+    <title>已办待回访</title>
     <script src="../Script/Common/huayi.load.js"></script>
     <script src="../Script/Common/huayi.config.js"></script>
     <link rel="stylesheet" href="../css/bootstrap-select.css" />
@@ -21,7 +21,7 @@
                     <i class="syIcon"></i>位置：
                     <a href="javaScript:;" id="ReIndex">首页</a>&gt;
                     <a href="javaScript:;">工单处理</a>&gt;
-                    <a href="" class="nowPosition">已提交</a>
+                    <a href="" class="nowPosition">已办待回访</a>
                 </sapn>
             </div>
             <div class="dhRight">
@@ -46,10 +46,7 @@
                                 </td>
                                 <th>录入时间：</th>
                                 <td colspan="3">
-                                    <input type="text" id="starttime" class="photo x-color laydate-icon"
-                                        autocomplete="off" style="height: 35px;" />&nbsp;——&nbsp;<input type="text"
-                                        id="endtime" class="photo x-color laydate-icon" autocomplete="off"
-                                        style="height: 35px;" />
+                                    <input type="text" id="starttime" class="photo x-color laydate-icon" autocomplete="off" style="height: 35px;" />&nbsp;——&nbsp;<input type="text" id="endtime" class="photo x-color laydate-icon" autocomplete="off" style="height: 35px;" />
                                 </td>
                             </tr>
                             <tr>
@@ -102,7 +99,7 @@
                                 <th>承办单位：</th>
                                 <td style="position: relative;">
                                     <div class="inpBox">
-                                        <input type="text" class="inps"  />
+                                        <input type="text" class="inps" />
                                         <i class="Cleans  fa fa-close"></i>
                                         <i class="xl xl_one"></i>
                                         <div class="addTree xlAdd">
@@ -119,20 +116,32 @@
                                     <select class="form-control" id="type">
                                     </select>
                                 </td>
-                                <th></th>
-                                <td style="text-align: center;">
+                                <th>发送短信：</th>
+                                <td>
+                                    <select class="form-control Min-width" id="issms">
+                                        <option value="">请选择</option>
+                                        <option value="0">未发短信</option>
+                                        <option value="1">已发短信</option>
+                                    </select>
                                 </td>
                             </tr>
                         </table>
                     </div>
                 </div>
                 <div>
+                    <ul class="nav nav-tabs ul_tab" role="tablist">
+                        <li class="active">
+                            <a>热线件</a>
+                        </li>
+                        <li>
+                            <a>督办件</a>
+                        </li>
+                    </ul>
                     <div style="width: 100%; padding: 10px">
                         <table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams"
                             data-pagination="true">
                             <thead>
                                 <tr>
-                                    <!-- <th data-checkbox="true"></th> -->
                                     <th data-formatter="serialNumber" data-align="center">
                                         序号
                                     </th>
@@ -154,6 +163,12 @@
                                     <th data-field="F_WorkState" data-align="center" data-formatter="States">
                                         办理状态
                                     </th>
+                                    <th data-field="OverState" data-formatter="OverTime" data-align="center">
+                                        时限
+                                    </th>
+                                    <th data-field="LimitTime" data-formatter="BanTime" data-align="center">
+                                        办理时限
+                                    </th>
                                     <!--<th
                                             data-field="FilePath"
                                             data-formatter="setCode"
@@ -161,15 +176,6 @@
                                         >
                                             录音
                                         </th>-->
-                                    <th data-field="OverState" data-formatter="OverTime" data-align="center">
-                                        时限
-                                    </th>
-                                    <th data-field="LimitTime" data-formatter="BanTime" data-align="center">
-                                        办理时限
-                                    </th>
-                                    <th data-field="F_ComContent" data-align="center">
-                                        诉求内容
-                                    </th>
                                     <th data-field="F_WorkOrderId" data-formatter="Dispose" data-align="center">
                                         操作
                                     </th>
@@ -206,38 +212,50 @@
     <script src="../js/WorkOrder/WorkOrderList.js"></script>
 
     <script>
-        var wid = helper.request.queryString("states");
-        if (wid) {
-            $("#state").val(wid);
-        }
+        var db = 0;
         $(document).ready(function () {
-            load();
-            laydate.skin("blue");
+            var wid = helper.request.queryString("wid");
+            if (wid) {
+                $("#tel").val(wid);
+                load();
+            }
+            laydate.skin('blue');
             laydate({
-                elem: "#starttime",
-                event: "focus",
+                elem: '#starttime',
+                event: 'focus',
                 istime: true,
                 format: 'YYYY-MM-DD hh:mm:ss'
             });
 
             laydate({
-                elem: "#endtime",
-                event: "focus",
+                elem: '#endtime',
+                event: 'focus',
                 istime: true,
                 format: 'YYYY-MM-DD hh:mm:ss'
             });
+
+            load();
+            
+            $('.ul_tab li').click(function () {
+                $(this).addClass("active").siblings().removeClass("active");
+                var index = $(this).index();
+                if (index === 0) {
+                    db = 0;
+                } else if (index === 1) {
+                    db = 1
+                }
+                load();
+            })
         });
         //关闭录音弹出
         $(".gbly").click(function () {
             $(".lyxz").removeClass("cx");
             $("audio")[0].pause();
         });
-
         $("#orderlist").on("click-row.bs.table", function (e, row, ele) {
             $(".success").removeClass("success"); //去除之前选中的行的，选中样式
             $(ele).addClass("success"); //添加当前选中的 success样式用于区别
         });
-
         //获取查询信息
         function load() {
             //坐席
@@ -252,6 +270,7 @@
             } else {
                 usercodeID = "";
             }
+
             //      	调度员
             var ddusercodeID = "";
             var ddusercode_ = $("#yardman").val(); //坐席
@@ -269,7 +288,7 @@
             //初始化表格,动态从服务器加载数据
             $("#orderlist").bootstrapTable({
                 method: "get", //使用get请求到服务器获取数据
-                url: huayi.config.callcenter_url + "WorkOrder/GetLDDealList", //获取数据的Servlet地址
+                url: huayi.config.callcenter_url + "WorkOrder/GetZXDealList", //获取数据的Servlet地址
                 contentType: "application/x-www-form-urlencoded",
                 striped: true, //表格显示条纹
                 pagination: true, //启动分页
@@ -285,14 +304,15 @@
                 queryParamsType: "undefined",
                 queryParams: function queryParams(params) {
                     //设置查询参数
+                    //alert(params.pageNumber)
                     var param = {
                         page: params.pageNumber,
                         pagesize: params.pageSize,
                         workid: $("#wids").val(),
-                        state: $("#state").val(), //=工单状态
+                        state: 6, //=工单状态
                         type: $("#type").val(), //=工单类型
-                        bigtype: $("#bigtype").val(), //=大类别
-                        smalltype: $("#smalltype").val(), //=小类别
+                        //bigtype: $("#bigtype").val(), //=大类别
+                        //smalltype: $("#smalltype").val(), //=小类别
                         key: $("#key").val(), //=关键字
                         tel: $("#tel").val(), //=客户电话
                         name: $("#name").val(), //=客户名称
@@ -303,10 +323,15 @@
                         starttime: $("#starttime").val(), //=开始时间
                         endtime: $("#endtime").val(), //=结束时间
                         deptid: $("#PID").val(),
+                        tobereply: 1,
+                        tab: 0,
                         type: $("#type").val(),
-                        tab: 0, //待处理
+                        dealtype: $("#dealtype").val(),
                         sourcearea: $("#sourceAreas").val(), //区域
-                        jianhang: 4, // 多媒体
+                        issms: $("#issms").val(), //发送短信
+                        jianhang: 1,
+                        // phoneType: 2, // 12345来电
+                        db: db, // 热线件（db=0），督办件（db=1）
                         token: $.cookie("token"),
                     };
                     return param;
@@ -322,6 +347,7 @@
                 },
             });
         }
+
         //状态
         function States(val, row) {
             var html = "";
@@ -338,7 +364,6 @@
                 case "2":
                     html = '<span style="color:#FF0000;">待查收</span>';
                     break;
-                    break;
                 case "3":
                     html = "退回审核中";
                     break;
@@ -360,12 +385,80 @@
                 case "9":
                     html = "已结案";
                     break;
+                case "10":
+                    html = "待审核";
+                    break;
                 case "11":
                     html = "重办待交办";
                     break;
+                    //              case '12':
+                    //                  html = '待审核';
+                    //                  break;
+                case "13":
+                    html = "重办驳回";
+                    break;
             }
             return html;
         }
+        //音频
+        function setCode(val) {
+            if (val) {
+                return (
+                    '<div class="imgs" style="cursor: pointer;">' +
+                    '<img src="../img/vice.png" alt="" onclick= "helper.luyin.view(this)" item="' +
+                    val +
+                    '" />' +
+                    "</div>"
+                );
+            } else {
+                return "";
+            }
+        }
+
+        //编号
+        function serialNumber(val, row, index) {
+            return index + 1;
+        }
+
+        function GetCont(val) {
+            if (val) {
+                var str = "<div ";
+                if (val.length > 10) {
+                    str = str + ' title="' + val + '" ';
+                    val = val.substr(0, 10) + "...";
+                }
+                return str + ">" + val + "</div>";
+            } else {
+                return "";
+            }
+        }
+        //操作
+        function Dispose(val, row) {
+            var Rows = row.Buttons;
+            var html = "";
+            for (var i = 0; i < Rows.length; i++) {
+                var html1 = huayi.config.arr[Rows[i].key * 1 - 1];
+                if (html1) {
+                    html1 = html1.replace("data", val);
+                    html1 = html1.replace("isProtect", row.F_IsProtect);
+                    html1 = html1.replace("row", row.F_MainDeptId);
+                }
+                bl
+                html += html1;
+            }
+            return html;
+        }
+
+        //查看详情
+        function ckxq(str) {
+            layer.open({
+                type: 2,
+                //              content: "../CommonHtml/lawsuits.html?wid=" + str, //iframe的url，no代表不显示滚动条
+                content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
+                title: "工单详情",
+                area: ["100%", "100%"], //宽高
+            });
+        }
         //时限
         function OverTime(val, row) {
             if (val == 1) {
@@ -407,76 +500,31 @@
                 );
             }
         }
-        //音频
-        function setCode(val) {
-            if (val) {
-                return (
-                    '<div class="imgs" style="cursor: pointer;">' +
-                    '<img src="../img/vice.png" alt="" onclick= "helper.luyin.view(this)" item="' +
-                    val +
-                    '" />' +
-                    "</div>"
-                );
-            } else {
-                return "";
-            }
-        }
-
-        function GetCont(val) {
-            if (val) {
-                var str = "<div ";
-                if (val.length > 10) {
-                    str = str + ' title="' + val + '" ';
-                    val = val.substr(0, 10) + "...";
-                }
-                return str + ">" + val + "</div>";
-            } else {
-                return "";
-            }
-        }
-
-        //编号
-        function serialNumber(val, row, index) {
-            return index + 1;
-        }
-
-        //操作
-        function Dispose(val, row) {
-            var Rows = row.Buttons;
-            //          alert(row.F_WorkOrderId);
-            var WorkOrderId = row.F_WorkOrderId;
-            var html = '';
-            // if (row.F_WorkState == '1') { html += '<a class="xg" onclick="redeploy(' + WorkOrderId + ')">转派&nbsp</a>'; }
-            for (var i = 0; i < Rows.length; i++) {
-                if (Rows[i].key != 21) {
-                    var html1 = huayi.config.arr[Rows[i].key * 1 - 1];
-                    if (html1) {
-                        html1 = html1.replace("data", val);
-                    }
-                    html += html1;
-                }
-
-            }
-            // html += '<a class="xg" onclick="withdraw(\'' + row.F_WorkOrderId + '\')" title="撤回">撤回</a>'
-            return html;
+        //派单
+        function pd(str) {
+            layer.open({
+                type: 2,
+                content: "../CommonHtml/handle.html?wid=" + str, //iframe的url，no代表不显示滚动条
+                title: "办理工单",
+                area: ["87%", "80%"], //宽高
+            });
         }
-
-        //转派
-        function redeploy(WorkOrderId) {
+        //处理审核
+        function auditdeal(str) {
             layer.open({
                 type: 2,
-                content: "../CommonHtml/zhuanpai.html?wid=" + WorkOrderId, //iframe的url，no代表不显示滚动条
-                title: "转派",
-                area: ["85%", "80%"], //宽高
+                content: "../CommonHtml/processing_audit.html?wid=" + str, //iframe的url，no代表不显示滚动条
+                title: "处理审核",
+                area: ["80%", "80%"], //宽高
             });
         }
         //编辑
         function bj(str) {
             layer.open({
                 type: 2,
-                content: "../CommonHtml/AddAppealDCL.html?wid=" + str + "&workType=jb", //iframe的url，no代表不显示滚动条
+                content: "../CommonHtml/AddAppeal.html?wid=" + str, //iframe的url，no代表不显示滚动条
                 title: "编辑工单",
-                area: ["95%", "95%"], //宽高
+                area: ["96%", "80%"], //宽高
             });
         }
         //删除
@@ -495,38 +543,16 @@
                         function (result) {
                             result = JSON.parse(result);
                             if (result.state.toLowerCase() == "success") {
+                                debugger;
                                 layer.msg("删除成功");
-                                load();
-                            }
-                        }
-                    );
-                }
-            );
-        }
-        ////删除
-        function withdraw(str) {
-            layer.confirm(
-                "确定撤回？", {
-                    btn: ["是", "否"], //按钮
-                },
-                function () {
-                    $.post(
-                        huayi.config.callcenter_url +
-                        "WorkOrder/WithdrawDWorkOrder", {
-                            workorderid: str,
-                            token: $.cookie("token"),
-                        },
-                        function (result) {
-                            result = JSON.parse(result);
-                            if (result.state.toLowerCase() == "success") {
-                                layer.msg("撤回成功");
-                                load();
+                                $("#orderlist").bootstrapTable("refresh");
                             }
                         }
                     );
                 }
             );
         }
+
         //提交
         function tj(str) {
             layer.confirm(
@@ -546,7 +572,8 @@
                             result = JSON.parse(result);
                             if (result.state.toLowerCase() == "success") {
                                 layer.msg("提交成功");
-                                load();
+                                $("#orderlist").bootstrapTable("refresh");
+                                //load();
                             }
                         }
                     );
@@ -562,7 +589,6 @@
                 area: ["87%", "80%"], //宽高
             });
         }
-
         //领导批示
         function lader(str) {
             layer.open({
@@ -577,15 +603,19 @@
             layer.open({
                 type: 2,
                 content: "../CommonHtml/shizhang.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "领导批示",
+                title: "市长批示",
                 area: ["60%", "80%"], //宽高
             });
         }
         //办理
-        function bl(str) {
+        function bl(str, isProtect) {
+            console.log("isProtect2222", isProtect);
             layer.open({
                 type: 2,
-                content: "../CommonHtml/banli.html?wid=" + str, //iframe的url，no代表不显示滚动条
+                content: "../CommonHtml/banli.html?wid=" +
+                    str +
+                    "&isProtect=" +
+                    isProtect, //iframe的url，no代表不显示滚动条
                 title: "办理工单",
                 area: ["60%", "80%"], //宽高
             });
@@ -594,11 +624,11 @@
         function Supervision(str) {
             layer.open({
                 type: 2,
-                content: "../CommonHtml/Supervision_.html?wid=" +
-                    str +
-                    "&type=1", //iframe的url，no代表不显示滚动条
+                // content: "../CommonHtml/Supervision_.html?wid=" + str +"&type=1" + "&state=1" + "&pageName=haveAduit", //iframe的url，no代表不显示滚动条
+                content: "../CommonHtml/Supervision_.html?wid=" + str + "&type=1" +
+                    "&state=1", //iframe的url，no代表不显示滚动条
                 title: "督办",
-                area: ["60%", "80%"], //宽高
+                area: ["90%", "90%"], //宽高
             });
         }
 
@@ -613,6 +643,39 @@
                 area: ["60%", "80%"], //宽高
             });
         }
+        //审核
+        function audit(str) {
+            layer.open({
+                type: 2,
+                content: "../CommonHtml/AuditDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
+                title: "审核",
+                area: ["60%", "80%"], //宽高
+            });
+        }
+
+        //转督办
+        function zdb(str, row) {
+            layer.open({
+                type: 2,
+                content: "../CommonHtml/superTrunl.html?wid=" +
+                    str +
+                    "&depId=" +
+                    row, //iframe的url，no代表不显示滚动条
+                title: "督办工单",
+                area: ["60%", "80%"], //宽高
+            });
+        }
+        //不督办
+        function ndb(str) {
+            layer.open({
+                type: 2,
+                state: 2,
+                content: "../CommonHtml/Supervision_.html?wid=" + str + '&type=1' +
+                    '&state=2', //iframe的url，no代表不显示滚动条
+                title: '督办',
+                area: ['60%', '80%'], //宽高
+            });
+        }
         //强制结案
         function StrongLawsuit(str) {
             layer.open({
@@ -627,7 +690,7 @@
             layer.open({
                 type: 2,
                 content: "../CommonHtml/BackDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "工单回退",
+                title: "工单督办",
                 area: ["60%", "80%"], //宽高
             });
         }
@@ -648,7 +711,8 @@
                             result = JSON.parse(result);
                             if (result.state.toLowerCase() == "success") {
                                 layer.msg("查收成功");
-                                load();
+                                //load();
+                                $("#orderlist").bootstrapTable("refresh");
                             }
                         }
                     );
@@ -672,7 +736,8 @@
                             result = JSON.parse(result);
                             if (result.state.toLowerCase() == "success") {
                                 layer.msg("回收");
-                                load();
+                                //load();
+                                $("#orderlist").bootstrapTable("refresh");
                             }
                         }
                     );
@@ -685,15 +750,7 @@
                 btn: ["是", "否"], //按钮
             });
         }
-        //退回申请
-        function th(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/tuihuisq.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "申请退回工单",
-                area: ["60%", "80%"], //宽高
-            });
-        }
+
         //审核退回申请
         function shth(str) {
             layer.open({
@@ -703,15 +760,7 @@
                 area: ["60%", "80%"], //宽高
             });
         }
-        //办理
-        //			function th(str) {
-        //				layer.open({
-        //					type: 2,
-        //					content: "../CommonHtml/tuihuisq.html?wid=" + str, //iframe的url，no代表不显示滚动条
-        //					title: '办理工单',
-        //					area: ['35%', '30%'], //宽高
-        //				});
-        //			}
+
         //申请延时
         function ys(str) {
             layer.open({
@@ -725,17 +774,18 @@
         function shys(str) {
             layer.open({
                 type: 2,
-                content: "../CommonHtml/shtime.html?wid=" + str, //iframe的url，no代表不显示滚动条
+                content: "../CommonHtml/shTime.html?wid=" + str, //iframe的url，no代表不显示滚动条
                 title: "审核延时申请",
                 area: ["60%", "80%"], //宽高
             });
         }
-        //诉求回访
+        //工单审核
         function hf(str) {
             layer.open({
                 type: 2,
-                content: "../CommonHtml/Back.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "工单回访",
+                //content: "../CommonHtml/Back.html?wid=" + str, //之前的审核
+                content: "../CommonHtml/auditBack.html?wid=" + str, //
+                title: "工单审核",
                 area: ["60%", "80%"], //宽高
             });
         }
@@ -743,12 +793,45 @@
         function cb(str) {
             layer.open({
                 type: 2,
-                content: "../CommonHtml/AddAppealDCL.html?wid=" + str + "&workType=cb", //iframe的url，no代表不显示滚动条
-                // content: "../CommonHtml/Cb.html?wid=" + str, //iframe的url，no代表不显示滚动条
+                content: "../CommonHtml/Cb.html?wid=" + str, //iframe的url，no代表不显示滚动条
                 title: "重办工单",
-                area: ["90%", "90%"], //宽高
+                area: ["60%", "80%"], //宽高
+            });
+        }
+        //提交重办
+        function bhcb(str) {
+            //回退BackDtail
+            layer.open({
+                type: 2,
+                content: "../CommonHtml/rejectionCB.html?wid=" + str, //iframe的url，no代表不显示滚动条
+                title: "驳回重办",
+                area: ["60%", "80%"], //宽高
             });
         }
+        //提交重办
+        function tjcb(str) {
+            layer.open({
+                type: 2,
+                content: "../CommonHtml/reasonCB.html?wid=" + str, //iframe的url，no代表不显示滚动条
+                title: "提交重办",
+                area: ["50%", "40%"], //宽高
+            });
+            //      	 layer.confirm('确认提交重办吗？', {
+            //              btn: ['是', '否'] //按钮
+            //          }, function () {
+            //              $.post(huayi.config.callcenter_url + 'WorkOrder/SubReloadWorkOrder', {
+            //					ids: str,
+            //					"token": $.cookie("token")
+            //				}, function(result) {
+            //					result = JSON.parse(result);
+            //					if(result.state.toLowerCase() == "success") {
+            //						layer.msg("操作成功");
+            //						//load();
+            //						$("#orderlist").bootstrapTable('refresh');
+            //					}
+            //				})
+            //          });
+        }
         //结案
         function Lawsuit(str) {
             layer.open({
@@ -758,24 +841,60 @@
                 area: ["60%", "80%"], //宽高
             });
         }
-        //驳回重办
-        function bhcb(str) {
-            //回退BackDtail
+        //退回
+        function returnRedo(str) {
             layer.open({
                 type: 2,
-                content: "../CommonHtml/rejectionCB.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "驳回重办",
-                area: ["60%", "80%"], //宽高
+                content: "../CommonHtml/returnRedo.html?wid=" + str, //iframe的url，no代表不显示滚动条
+                title: "退回",
+                area: ["50%", "40%"], //宽高
             });
         }
-        $(".Appeal").click(function () {
+        //退回
+        function returnAuditor(str) {
             layer.open({
                 type: 2,
-                content: "../CommonHtml/AddAppeal.html?wid=", //iframe的url，no代表不显示滚动条
-                title: "新增诉求",
-                area: ["85%", "80%"], //宽高
+                content: "../CommonHtml/returnAuditor.html?wid=" + str, //iframe的url，no代表不显示滚动条
+                title: "退回",
+                area: ["50%", "40%"], //宽高
             });
-        });
+        }
+        //修改
+        function editProcessingResult(str) {
+            layer.open({
+                type: 2,
+                content: "../CommonHtml/editProcessingResult.html?wid=" + str, //iframe的url，no代表不显示滚动条
+                title: "修改",
+                area: ["50%", "50%"], //宽高
+            });
+        }
+        //审核通过
+        function approved(str) {
+            layer.open({
+                type: 2,
+                content: "../CommonHtml/haveDoneToAuditOperation.html?wid=" + str + "&nexttype=0" , //iframe的url，no代表不显示滚动条
+                title: "审核通过",
+                area: ["50%", "50%"], //宽高
+            });
+        }
+        //审核不通过
+        function auditFailed(str) {
+            layer.open({
+                type: 2,
+                content: "../CommonHtml/haveDoneToAuditOperation.html?wid=" + str + "&nexttype=1", //iframe的url，no代表不显示滚动条
+                title: "审核不通过",
+                area: ["50%", "50%"], //宽高
+            });
+        }
+        //审核通过转办
+        function approvedComplaint(str) {
+            layer.open({
+                type: 2,
+                content: "../CommonHtml/haveDoneToAuditOperation.html?wid=" + str + "&nexttype=2", //iframe的url，no代表不显示滚动条
+                title: "审核通过转办",
+                area: ["50%", "50%"], //宽高
+            });
+        }
         //上传文件
         function upload() {
             if (document.getElementById("upFile").files.length > 0) {
@@ -943,63 +1062,17 @@
             if (treeNode.level >= 1) {
                 $(".inps").val(treeNode.F_DeptName);
                 $("#PID").val(treeNode.F_DeptId);
-                $("#Dpment").val(treeNode.F_DeptName);
+                $("#Dpment").val(treeNode.F_DeptId);
                 $(".Cleans").show();
             }
         }
 
-        $(".exportFile").click(function () {
-            var usercode_ = $("#ZX").val(); //坐席
-            if (usercode_ != null) {
-                $(usercode_).each(function (i, n) {
-                    var obj1 = "";
-                    obj1 = n + ",";
-                    usercodeID += obj1;
-                });
-            } else {
-                usercodeID = "";
-            }
-            // 调度员
-            var ddusercodeID = "";
-            var ddusercode_ = $("#yardman").val(); //坐席
-            if (ddusercode_ != null) {
-                $(ddusercode_).each(function (i, n) {
-                    var obj2 = "";
-                    obj2 = n + ",";
-                    ddusercodeID += obj2;
-                });
-            } else {
-                ddusercodeID = "";
+        function Close() {
+            $(".lyxz").removeClass("cx");
+            if ($("audio").length > 0) {
+                $("audio")[0].pause();
             }
-            var workid = $("#wids").val()
-            var key = $("#key").val() //=关键字
-            var tel = $("#tel").val() //=客户电话
-            var name = $("#name").val() //=客户名称
-            var usercode = usercodeID //=坐席工号
-            var ddusercode = ddusercodeID
-            var source = $("#source").val() //=来源&
-            var starttime = $("#starttime").val() //=开始时间
-            var endtime = $("#endtime").val() //=结束时间
-            var deptid = $("#PID").val()
-            var type = $("#type").val() //=工单类型
-            var bigtype = $("#bigtype").val()
-            var smalltype = $("#smalltype").val() //=小类别
-            var sourcearea = $("#sourceAreas").val() //区域
-            var state = $("#state").val() == undefined ? "" : $("#state").val() //=工单状态
-            var tab = 0;
-            var keyid = $("#keyid").val() //=关键词id
-
-            var url = huayi.config.callcenter_url + "WorkOrder/GetLDDealList?token=" + $.cookie("token");
-            url += "&workid=" + workid + "&state=" + state + "&type=" + type + "&tab=" + tab + "&key=" + key +
-                "&tel=" +
-                tel + "&name=" + name + "&usercode=" + usercode + "&ddusercode=" + ddusercode + "&source=" +
-                source +
-                "&starttime=" + starttime + "&endtime=" + endtime + "&deptid=" + deptid + "&sourcearea=" +
-                sourcearea +
-                "&bigtype=" + bigtype + "&smalltype=" + smalltype + "&keyid=" + keyid + "&jianhang=4" +
-                "&isdc=1";
-            window.location.href = url;
-        })
+        }
     </script>
 </body>
 

WebUI/CallCenterWeb.UI/ProvincialPlatformManagement/ProvincialPlatformInspectorSupervise.html

@@ -169,7 +169,7 @@
                         var param = {
                             page: params.pageNumber,
                             pagesize: params.pageSize,
-                            type: 1, // 0监察督办
+                            type: 1, // 1督察督办
                             state: $("#state").val(), // 是否回复
                             starttime: $("#starttime").val(), // 开始时间
                             strendtime: $("#strendtime").val(), // 结束时间

WebUI/CallCenterWeb.UI/ReportForm/superviseReportList.html

@@ -23,7 +23,8 @@
                         <th data-field="F_WorkOrderId" data-formatter="View" data-align="center">工单单号</th>
                         <th data-field="F_ComTitle" data-formatter="GetCont" data-align="center">诉求标题</th>
                         <th data-field="DeptName" data-align="center">承办单位</th>
-                        <th data-field="UserName" data-align="center">受理人</th>
+                        <!-- <th data-field="UserName" data-align="center">受理人</th> -->
+                        <th data-field="Supervisor" data-align="center">督办人</th>
                         <th data-field="F_WorkState" data-align="center" data-formatter="States">办理状态</th>
                         <th data-field="F_ComContent" data-align="center">来电内容</th>
                         <th data-field="KeyName" data-align="center">问题分类</th>

WebUI/CallCenterWeb.UI/Script/Common/huayi.config.js

@@ -12,7 +12,7 @@ huayi.config = {
     menuworktime: 30000, //菜单工单数量刷新间隔
     indextime: 60000, //首页报表刷新间隔
     arr: [
-        "<a class='xg' onclick='ckxq(\"data\")' title='查看'>查看</a>",
+        "<a class='xg' onclick='clxi(\"data\")' title='查看'>查看</a>",
         "<a class='xg' onclick='bj(\"data\")' title='编辑'>编辑</a>",
         "<a class='xg' onclick='move(\"data\")' title='删除'>删除</a>",
         "<a class='xg' onclick='tj(\"data\")' title='提交'>提交</a>",
@@ -62,6 +62,9 @@ huayi.config = {
         "<a class='xg' onclick='provincialPlatformApplicationDelay(\"data\")' title='操作'>操作</a>", // 省平台申请延时
         "<a class='xg' onclick='reportServiceWorkOrder(\"data\")' title='服务工单上报'>上报</a>", // 服务工单上报
         "<a class='xg' onclick='unsuccessful(\"data\")' title='已办未果'>已办未果</a>", // 已办未果
+        "<a class='xg' onclick='approved(\"data\")' title='审核通过'>审核通过</a>", // 审核通过
+        "<a class='xg' onclick='auditFailed(\"data\")' title='审核不通过'>审核不通过</a>", // 审核不通过
+        "<a class='xg' onclick='approvedComplaint(\"data\")' title='审核通过转办'>审核通过转办</a>", // 审核通过转办
     ],
     kapArr: [
         "<a class='xg' onclick='goDetail(\"data\",\"data_id\")' title='查看'>查看</a>",

WebUI/CallCenterWeb.UI/TelCall/CallRecord.html

@@ -584,13 +584,28 @@
 
         // 电话号码
         function formatterCallNum(val, row) {
+            var phoneNumber
             if (val.length === 12) {
-                return val.slice(1)
+                phoneNumber = val.slice(1)
             } else if (val.length === 13) {
-                return val.slice(2)
+                phoneNumber = val.slice(2)
             } else {
-                return val
+                phoneNumber = val
             }
+            return '<div class="imgs" ><a class="" onclick="viewList(\'' + phoneNumber + '\')" >' + val +
+                '</a></div>';
+        }
+
+        // 查看列表
+        function viewList(phoneNumber) {
+            var starttime = encodeURIComponent($('#squeryTime').val())
+            var endtime = encodeURIComponent($('#equeryTime').val())
+            layer.open({
+                type: 2,
+                content: "./superviseReportList.html?phoneNumber=" + phoneNumber + "&starttime=" + starttime + "&endtime=" + endtime, //iframe的url，no代表不显示滚动条
+                title: '通话记录',
+                area: ['90%', '90%'], //宽高
+            });
         }
 
         //方向呼出

WebUI/CallCenterWeb.UI/TelCall/CallRecordList.html

@@ -0,0 +1,105 @@
+<!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 rel="stylesheet" href="../css/init.css" />
+    <title>工单列表</title>
+</head>
+
+<body>
+    <div>
+        <div style="width: 100%;padding: 10px;">
+            <table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+                <thead>
+                    <tr>
+                        <th data-formatter="serialNumber" data-align="center">
+                            序号
+                        </th>
+                        <th data-field="F_ComTitle" data-formatter="GetCont" data-align="center">诉求标题</th>
+                        <th data-field="DeptName" data-align="center">承办单位</th>
+                        <!-- <th data-field="UserName" data-align="center">受理人</th> -->
+                        <th data-field="Supervisor" data-align="center">督办人</th>
+                        <th data-field="F_ComContent" data-align="center">来电内容</th>
+                        <th data-field="KeyName" data-align="center">问题分类</th>
+                    </tr>
+                </thead>
+                <tbody class="list"></tbody>
+            </table>
+        </div>
+        <div style="text-align: center;">
+            <button class="btns exportFile">导出</button>
+        </div>
+    </div>
+    <script>
+        var phoneNumber = helper.request.queryString("phoneNumber");
+        var starttime = decodeURIComponent(helper.request.queryString("starttime"));
+        var endtime = decodeURIComponent(helper.request.queryString("endtime"));
+        $(document).ready(function () {
+            load();
+        });
+        //获取查询信息
+        function load() {
+            //先销毁表格
+            $('#orderlist').bootstrapTable('destroy');
+            //初始化表格,动态从服务器加载数据
+            $("#orderlist").bootstrapTable({
+                method: "get", //使用get请求到服务器获取数据
+                url: huayi.config.callcenter_url + "Callrecords/GetNotconnectedList", //获取数据的Servlet地址
+                contentType: "application/x-www-form-urlencoded",
+                striped: true, //表格显示条纹
+                pagination: true, //启动分页
+                pageSize: 10, //每页显示的记录数
+                pageNumber: 1, //当前第几页
+                pageList: [10, 20, 50, 100], //记录数可选列表
+                search: false, //是否启用查询
+                showColumns: false, //显示下拉框勾选要显示的列
+                showRefresh: false, //显示刷新按钮
+                sidePagination: "server", //表示服务端请求
+                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+                //设置为limit可以获取limit, offset, search, sort, order
+                queryParamsType: "undefined",
+                queryParams: function queryParams(params) { //设置查询参数
+                    var param = {
+                        page: params.pageNumber,
+                        pagesize: params.pageSize,
+                        dbusercode: dbusercode, // 督办人员
+                        db: db, // 1督办查收2督办派单3督办退回4督办结案
+                        dbdb: dbdb,
+                        strstarttime: starttime, // 开始时间
+                        strendtime: endtime, // 结束时间
+                        isRelease: 2, // 2主工单，3子工单
+                        token: $.cookie("token")
+                    };
+                    return param;
+                },
+                responseHandler: function(res) {
+                    return {
+                        "total": res.total,
+                        "rows": res.rows,
+                    }
+                },
+                onLoadSuccess: function (data) { //加载成功时执行
+                },
+                onLoadError: function () { //加载失败时执行
+                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
+                }
+            });
+        }
+
+        //查看详情
+        function ckxq(str) {
+            layer.open({
+                type: 2,
+                content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
+                title: '工单详情',
+                area: ['100%', '100%'], //宽高
+            });
+        }
+
+    </script>
+</body>
+
+</html>

WebUI/CallCenterWeb.UI/css/init.css

@@ -297,7 +297,8 @@
     color: #ff9800;
 }
 /*工单上传附件*/
-.files {
+.files,
+.filesHandle {
     display: inline-block;
     background: #666;
     color: #fff !important;
@@ -307,24 +308,29 @@
     margin-left: 8px !important;
     margin-bottom: 3px;
 }
-.files i {
+.files i,
+.filesHandle i {
     margin-left: 3px;
     color: #a9a5a5;
     cursor: pointer;
 }
-.files:hover i {
+.files:hover i,
+.filesHandle:hover i {
     color: #fff;
 }
-#scwj {
+#scwj,
+#scwjHandle {
     padding: 0 12px !important;
     outline: none;
 }
-#scwj:hover {
+#scwj:hover,
+#scwjHandle:hover {
     background: #03a0cb;
     color: #fff;
     transition: 0.25s;
 }
-.fileBox {
+.fileBox,
+.fileBoxHandle {
     display: inline-block;
 }
 

WebUI/CallCenterWeb.UI/js/index.js

@@ -3123,7 +3123,7 @@ function satisfactionEvaluationFun() {
 
 // 多媒体提示信息
 function multimediaPrompt(roleCode) {
-    // if (roleCode === "MTDD") {
+    if (roleCode === "MTDD") {
         $.ajax({
             type: "get",
             url: huayi.config.callcenter_url + "Info/GetMultiCount",
@@ -3151,7 +3151,7 @@ function multimediaPrompt(roleCode) {
                 }
             },
         });
-    // }
+    }
 }
 
 function getReactionCategory(roleCode, pid = 38) {

WebUI/CallCenterWeb.UI/js/jquery-photo-gallery/gallery.html

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>图片查看器</title>
+    <link rel="stylesheet" href="photoGallery.css"/>
+    <script src="jquery.js"></script>
+    <script src="jquery.photo.gallery.js"></script>
+</head>
+<body>
+<div class="box">
+	<header drag>
+		<div class="winControl" noDrag>
+	        <span class="closeWin" title="关闭"><i class="icon_close-big"></i></span>
+	    </div>
+	</header>
+	<div class="gallery"></div>
+</div>
+<script>
+	$.initGallery();
+</script>
+</body>
+</html>

WebUI/CallCenterWeb.UI/js/jquery-photo-gallery/jquery.photo.gallery.js

@@ -0,0 +1,666 @@
+/*
+ * AppGo使用的 图片查看插件
+ * Author : lufeng@bingosoft.net
+ * Version: 1.0.0
+ * Date : 2015/11/17
+ */
+(function($) {
+
+var windowMargin = 8; //加多边距的宽高，使得图片看起来有边框效果
+  
+//图片查看器
+$.fn.extend({
+  	
+	photoGallery: function(options) {
+
+		var isFirefox = navigator.userAgent.indexOf("Firefox") > -1 ;
+		var MOUSEWHEEL_EVENT = isFirefox ? "DOMMouseScroll" : "mousewheel";
+		var defaults = {
+      		//图片缩放倍率
+ 	 		ratio : 1.2, 
+ 	 		//右下角缩略图宽度
+ 	 		thumbnailsWidth : 180, 
+			//右下角缩略图高度
+ 	 	 	thumbnailsHeight : 120, 
+ 	 	 	//HTML模版
+ 	 	 	template : {
+	 	 	 	//操作工具
+	 	 	 	OPERTATION : '<div class="oper">' +
+								'<span class="prev"><i class="icon_tool-prev"></i></span>' +
+								'<span class="next"><i class="icon_tool-next"></i></span>' +
+							 '</div>' +
+							 '<div class="tool">' +
+							 	'<div class="toolct">' +
+								 	'<span class="oper_fullscreen" title="查看全屏"><i class="icon_tool-fullscreen"></i></span>' +
+									'<span class="oper_bigger" title="放大图片"><i class="icon_tool-bigger"></i></span>' +
+									'<span class="oper_smaller" title="缩小图片"><i class="icon_tool-smaller"></i></span>' +
+									'<span class="oper_rotate" title="向右旋转"><i class="icon_tool-rotate"></i></span>' +
+				     				// '<span class="oper_download" title="下载图片"><i class="icon_tool-download"></i></span>' +
+								'</div>' +
+							 '</div>',
+				//缩略图
+				THUMBNAILS : "<div class='thumbnails'>" +
+				  		  	 	'<span class="thumbClose" title="关闭缩略图"><i class="icon_close-small"></i></span>' +
+				  		  		'<img ondragstart="return false;"/>' +
+				  		  		'<div class="thumbDrag"><span></span></div>' +
+				  		 	 "</div>",
+				//大图
+				IMAGE : '<img class="image" ondragstart="return false;"/>' 	 	 	
+ 	 	 	}
+		};
+      
+		var o = $.extend(defaults, options),
+        	$gallery = $(this);
+      	$gallery.append(o.template.OPERTATION).append(o.template.THUMBNAILS);    
+
+      	var $tool = $(this).find(".tool"),
+			$fullscreen = $(this).find(".oper_fullscreen"),
+			$bigger = $(this).find(".oper_bigger"),
+			$smaller =  $(this).find(".oper_smaller"),
+			$rotate = $(this).find(".oper_rotate"),
+			$download = $(this).find(".oper_download"),
+			$prev = $(this).find(".prev"),
+			$next = $(this).find(".next"),
+			$thumbnails = $(this).find(".thumbnails"),
+			$image,
+			$thumbImg,
+			imageWidth,
+			imageHeight,
+			imgRatio,
+			dragX,
+			dragY,
+			cW,
+			cH,
+			w,h,isVertical,
+			thumbX,
+			thumbY;
+
+		//上一张
+		$prev.on('click',function(){
+      		if(o.activeIndex > 0) o.activeIndex--;
+  			toggleImage();	
+      	}).on("mouseover",function(e){
+      		if(o.activeIndex > 0)
+  	   			$(this).addClass("active");
+  	  	}).on("mouseout",function(e){
+  			$(this).removeClass("active"); 
+  	  	});	 
+  	  
+  	  	//下一张
+      	$next.on('click',function(){
+      		if(o.activeIndex < o.imgs.length -1) o.activeIndex++;
+      		toggleImage();
+      	}).on("mouseover",function(e){
+      		if(o.activeIndex < o.imgs.length -1)
+  	   			$(this).addClass("active");
+  	 	}).on("mouseout",function(e){
+  	  		$(this).removeClass("active"); 
+  	  	});
+       
+  	  	//缩略图
+      	$thumbnails.css({
+			height: o.thumbnailsHeight,
+			width : o.thumbnailsWidth
+	  	}).on("mouseenter",function(e){
+  			thumbX = -1;
+  	 	}).on("mousedown",function(e){
+  	 		thumbX=e.pageX || e.clientX;
+			thumbY=e.pageY || e.clientY;
+
+			cW = document.body.clientWidth;
+			cH = document.body.clientHeight;
+  	  		e.stopPropagation(); 
+  		}).on("mousemove",function(e){
+  	  		if(thumbX > 0){
+	   	  		var nextDragX=e.pageX || e.clientX;
+				var nextDragY=e.pageY || e.clientY;
+				var $td= $(this).find(".thumbDrag"),
+			    	imageWidth = $image.width(),
+					imageHeight = $image.height(),
+					thumbImgWidth = $thumbImg.width(),
+					thumbImgHeight = $thumbImg.height(),
+					left =parseFloat($td.css("left")) +  (nextDragX - thumbX),
+					top =parseFloat($td.css("top")) + (nextDragY - thumbY),
+					w = $td.width(),
+					h = $td.height(),
+					it,
+					il,
+					maxL,
+					maxT;
+			
+				if(isVertical){
+					thumbImgWidth = [thumbImgHeight, thumbImgHeight = thumbImgWidth][0];
+					imageWidth = [imageHeight, imageHeight = imageWidth][0];
+				}
+				it = (o.thumbnailsHeight - thumbImgHeight) / 2 ,
+				il = (o.thumbnailsWidth - thumbImgWidth) / 2,
+				maxL = o.thumbnailsWidth - w - il - 2, //减去2像素边框部分
+				maxT = o.thumbnailsHeight - h - it - 2;
+				
+				if(left < il ) left = il;
+				else if(left > maxL) left = maxL;
+			
+				if(top < it ) top = it;
+				else if(top > maxT) top = maxT;
+				
+				$td.css({
+					left : left,
+					top : top
+				})
+				thumbX=nextDragX;
+				thumbY=nextDragY; 	  
+
+				if(imageWidth < cW) left = (cW - imageWidth) / 2;
+				else left = -imageWidth * (left-il) / thumbImgWidth;
+			 
+				if(imageHeight < cH ) top = (cH - imageHeight) / 2;
+				else top = -imageHeight * (top-it) / thumbImgHeight;
+			
+				$image.offset({
+					left : left,
+					top : top
+				});
+  	  		}
+  	 	}).on("mouseup",function(e){
+  	  		thumbX = -1;
+  	 	});
+				  	 
+	 	$thumbnails.find(".thumbClose").on("click",function(){
+	  		$thumbnails.hide();
+	  	});
+    	  
+      	//显示工具栏
+  	  	$gallery.on("mouseover",function(e){
+  	  		$tool.show();
+  	  	
+  	  	}).on("mouseenter",function(e){
+			dragX = -1;
+		}).on("mouseout",function(e){
+			$tool.hide();
+		}).on("mousedown",function(e){
+  	 		dragX=e.pageX || e.clientX;
+			dragY=e.pageY || e.clientY;
+
+			cW = document.body.clientWidth;
+			cH = document.body.clientHeight;
+  	  		e.stopPropagation(); 
+  	  	}).on("mousemove",function(e){
+  	  		if(dragX > 0){
+	   	  		var nextDragX=e.pageX || e.clientX;
+				var nextDragY=e.pageY || e.clientY ;
+				var o = $image.offset(),
+					left =o.left +  (nextDragX - dragX),
+					top =o.top + (nextDragY - dragY),
+					w = $image.width(),
+					h = $image.height();
+			
+				if(isVertical){
+					w = [h, h = w][0];
+				}
+				if(w > cW){
+					if(left > 0){
+						left = 0 ;
+					}
+					else if(left < cW - w){
+						left = cW - w;
+					}
+				}else{
+					left = o.left;
+				}
+				if(h > cH){
+					if(top > 0){
+						top = 0 ;
+					}
+					else if(top < cH - h){
+						top = cH - h;
+					} 
+				} else{
+					top = o.top;
+				}	
+			
+				$image.offset({
+					left : left,
+					top : top
+				});
+				dragX=nextDragX;
+				dragY=nextDragY; 	  
+				setThumbnails(); //缩略图拖拽点
+  	  		}
+  	 	}).on("mouseup",function(e){
+  	  		dragX = -1;
+  	  	});
+  	    	  
+  	  	//全屏
+		var isMax,preWidth, preHeight, preTop, preLeft;
+  	 	$fullscreen.on("click", function(){
+			var parentD = window.parent.document,
+				J = $(parentD.getElementById("J_pg"));
+			if(!isMax){
+				isMax = true;
+				preWidth = document.body.clientWidth;
+				preHeight = document.body.clientHeight;
+				preTop = J.css("top");
+				preLeft = J.css("left");
+				J.css({
+					top: 0,
+					left : 0,
+					width : parentD.body.clientWidth,
+					height : parentD.body.clientHeight,
+				});
+			} else{
+				isMax = false;
+				J.css({
+					top: preTop,
+					left : preLeft,
+					width : preWidth,
+					height : preHeight
+				});
+			}
+  	  	});
+  	  
+  	  	//放大图片
+  	  	$bigger.on("click", function(){
+  	  		biggerImage();
+  	  	});
+  	  
+  	  	//缩小图片
+  	 	$smaller.on("click", function(){
+			smallerImage();
+  	  	});
+  	  
+  	  	//旋转
+  	  	$rotate.on("click", function(){
+  	  	
+  	  		var rotateClass = $image.attr("class").match(/(rotate)(\d*)/);
+
+  	  		if(rotateClass){
+  	  			var nextDeg = (rotateClass[2] * 1 + 90) % 360;
+				$image.removeClass(rotateClass[0]).addClass("rotate" + nextDeg);
+  	  			$thumbImg.removeClass(rotateClass[0]).addClass("rotate" + nextDeg);
+  	  			resizeImage(nextDeg);
+  	  			resizeThumbImg(nextDeg);
+  	  			isVertical = nextDeg == 90 || nextDeg == 270;
+  	  		} else{
+  	  			$image.addClass("rotate90");
+  	  			$thumbImg.addClass("rotate90");
+  	  			resizeImage("90");
+  	  			resizeThumbImg("90");
+  	  			isVertical = true;
+  	  		}
+  	  	});
+
+  	  	//下载
+  	 	$download.on("click", function(){
+  	  		var imgUrl = $image.attr("src");
+  	   		if(!imgUrl) return;
+			alert("没有找到兼容所有浏览器方法，所以暂不实现");
+  	  	});
+  	  
+	  	$(window).on("resize",function(){
+	  		setImagePosition();
+	  	});
+		
+		if(document.attachEvent){
+			document.attachEvent("on"+MOUSEWHEEL_EVENT, function(e){
+				mouseWheelScroll(e);
+			});
+		} else if(document.addEventListener){
+			document.addEventListener(MOUSEWHEEL_EVENT, function(e){
+				mouseWheelScroll(e);
+			}, false);
+		}	
+		
+		function mouseWheelScroll(e){
+			var _delta = parseInt(e.wheelDelta || -e.detail);
+	    	//向上滚动
+	  		if (_delta > 0) {
+        		biggerImage();
+        	}
+        	//向下滚动
+        	else {
+            	smallerImage();
+        	}
+		}
+		
+	  	//键盘左右键
+	  	document.onkeydown = function(e){
+
+	  		e = e || window.event;
+	  		if (e.keyCode) {
+			   	if(e.keyCode == 37 ){ //left
+			    	if(o.activeIndex > 0) o.activeIndex--;
+			  		toggleImage();	
+			   	}
+		  	   	if(e.keyCode == 39 ){ //right
+		        	if(o.activeIndex < o.imgs.length -1) o.activeIndex++;
+	      			toggleImage();
+			   	}
+			}
+	 	};
+		
+	  	function init(){
+  	    	toggleImage();
+  	    
+  	    	$(o.imgs).each(function(i, img){
+	  	    	$(o.template.IMAGE)
+	  	    		.appendTo($gallery)
+	  	    		.attr("src", img.url)
+	  	    		.attr("index", i)
+	  	    		.css({
+				  	 	width : img.imgWidth,
+				  	 	height : img.imgHeight,
+				  	 	left : (cW - img.imgWidth)/2,
+				  	 	top: (cH - img.imgHeight)/2
+			  	}).on("dblclick", function(){
+				  	app.window.close();
+				}); ;
+	  	    });
+  	    	$image = $(".image[index='"+o.activeIndex+"']", $gallery).addClass("active");
+	  	}
+	  
+	  	function toggleImage(){
+	    	imageWidth = o.imgs[o.activeIndex].imgWidth;
+       		imageHeight = o.imgs[o.activeIndex].imgHeight;
+       		imgRatio = imageWidth/ imageHeight;
+        	cW = document.body.clientWidth;
+			cH = document.body.clientHeight;
+			$(".image", $gallery).removeClass("active");
+			$image = $(".image[index='"+o.activeIndex+"']", $gallery).addClass("active").css({
+				width : imageWidth,
+				height : imageHeight
+			}).removeClass("rotate0 rotate90 rotate180 rotate270");
+	  		$thumbImg = $thumbnails.find("img").attr("src", o.imgs[o.activeIndex].url);	
+	  		$thumbnails.find("img").removeAttr("class").removeAttr("style");
+	  		isVertical = false;
+	  		$thumbnails.hide();
+	  		$prev.removeClass("active");
+	  		$next.removeClass("active");
+	  		setImagePosition();
+	  	}	
+	  
+	 
+	  	function biggerImage(){
+  			var w = $image.width(),
+  	  	 		h = $image.height(),
+  	  	 		nextW = w * o.ratio,
+  	  	 		nextH = h * o.ratio;
+		 	if(nextW - w < 1) nextW = Math.ceil(nextW);
+  	  	 	var percent =  (nextW / imageWidth * 100).toFixed(0) ;
+  	  	 	if(percent > 90 && percent < 110){
+  	  	 		percent = 100;
+  	  	 		nextW = imageWidth;
+  	  	 		nextH = imageHeight;
+  	  		}
+  	  	 	else if(percent > 1600) {
+  	  	 		percent = 1600;
+  	  	 		nextW = imageWidth * 16;
+  	  	 		nextH = imageHeight * 16; 
+  	  	 	}
+
+  	  	 	$image.width(nextW).height(nextH);
+  	  	 	setImagePosition();
+  	  	 	showPercentTip(percent);
+  	  	 	showThumbnails(nextW, nextH);
+	  	}
+	  
+	  	function smallerImage(){
+	  		var w = $image.width(),
+  	  	 		h = $image.height(),
+  	  	 		nextW,
+  	  	 		nextH;
+  	  	 	var percent =  (w / o.ratio / imageWidth * 100).toFixed(0) ;
+  	  	 	if(percent < 5) {
+  	 			percent = 5;
+  	  	 		nextW = imageWidth / 20;
+  	  	 		nextH = imageHeight / 20;
+  	  	 	}
+  	  	 	else if(percent > 90 && percent < 110){
+  	  	 		percent = 100;
+   	  	 		nextW = imageWidth;
+  	  	 		nextH = imageHeight;
+  	  	 	} else{
+  	  	 		nextW = w / o.ratio;
+  	  	 		nextH = h / o.ratio; 
+  	  	 	}
+  	  	 
+  	  	 	$image.width(nextW).height(nextH);
+  	  	 	setImagePosition();
+  	  	 	showPercentTip(percent);
+  	  	 	showThumbnails(nextW, nextH);
+	  	}
+	  
+	  	//显示缩略图
+	  	function showThumbnails(width, height){
+	  		if(isVertical) width = [height, height = width][0];
+	  		if(width > document.body.clientWidth || height > document.body.clientHeight){
+	  			$thumbnails.show();
+	  			setThumbnails();
+	  		} else{
+	  			$thumbnails.hide();
+	  		}	  
+	  	}
+	  
+	  	//重置图片宽高
+	  	function resizeImage(rotateDeg){
+	  	
+	  		var mH = document.body.clientHeight - windowMargin,
+  	  			mW = document.body.clientWidth - windowMargin;
+	  		if(rotateDeg == '90' || rotateDeg == '270'){
+	  			mW = [mH, mH = mW][0];
+	  		}
+
+	  		var width, height;
+	  		width = Math.min(imageWidth, mW);
+	  		height = Math.min(imageHeight, mH);
+		
+	  		if(width / height > imgRatio){
+	  			width = height * imgRatio;
+	  		} else{
+	  			height = width / imgRatio;
+	  		}
+
+	  		$image.css({
+				width:width,
+				height:height
+  			});
+  			setImagePosition();
+	  	}
+	  
+	  	function resizeThumbImg(rotateDeg){
+	  		var maxW = o.thumbnailsWidth, maxH = o.thumbnailsHeight;
+	  		if(rotateDeg == '90' || rotateDeg == '270'){
+	  			maxW = [maxH, maxH = maxW][0];
+	  		}
+	  		$thumbImg.css({
+	  			maxWidth : maxW,
+	  			maxHeight : maxH
+	  		});
+	  		$thumbnails.hide();
+	  	}
+	  
+	  	//显示百分比提示
+	  	function showPercentTip(percent){
+	    	$gallery.find(".percentTip").remove();
+	  		$("<div class='percentTip'><span>"+percent+"%</span></div>").appendTo($gallery).fadeOut(1500);
+	  	}
+	  
+  	  	//设置图片位置
+	  	function setImagePosition(){
+	  		var w = $image.width(),
+	  	    	h = $image.height(),
+  	  			cW = document.body.clientWidth,
+  	  			cH = document.body.clientHeight;
+
+  	  		var left = (cW - w)/2,
+				top = (cH - h)/2;
+
+  			$image.css("left", left +"px").css("top", top+"px");
+	  	}
+	  
+	  	//设置缩略图拖拽区域
+	  	function setThumbnails(){
+	  		var $img = $thumbnails.find("img"),
+  				sW = $img.width(),
+  				sH = $img.height(),
+  				w = $image.width(),
+  				h =  $image.height(),
+  				imf = $image.offset(),
+  				imfl = imf.left,
+  				imft = imf.top,
+  				cW = document.body.clientWidth,
+				cH = document.body.clientHeight,
+				tW,
+				tH,
+				tl,
+				tt;
+	
+			if(isVertical){
+				sW = [sH, sH = sW][0];
+				w = [h, h = w][0];
+			}
+
+			tW = sW / (w / cW);
+			if(w < cW) tW = sW;
+			tH = sH / (h / cH);
+			if(h < cH) tH = sH;
+			tl = (o.thumbnailsWidth - sW)/2 + -imfl/w * sW ;
+			if(w < cW) tl = (o.thumbnailsWidth - sW)/2;
+			tt = (o.thumbnailsHeight - sH)/2 + -imft/h * sH ;
+			if(h < cH) tt = (o.thumbnailsHeight - sH)/2;
+			$thumbnails.find(".thumbDrag").css({
+				width: tW,
+				height: tH,
+				left: tl,
+				top: tt
+			});
+	  	}
+	  
+  	  	init();
+		return this;
+	}
+});
+  
+$.extend({
+	//打开图片查看器
+	openPhotoGallery : function(obj){
+
+		var $img = $(obj),
+  			imgUrl = $img[0].src;
+		if(!imgUrl) return;
+
+		//HTML5提供了一个新属性naturalWidth/naturalHeight可以直接获取图片的原始宽高
+		var img = $img[0],
+			imgHeight = img.naturalHeight,
+			imgWidth = img.naturalWidth,
+			ratio  = imgWidth / imgHeight,
+			wH = 415,
+			wW = 615,
+			winHeight,
+			winWidth,
+			maxHeight = document.body.clientHeight - windowMargin * 2,
+			maxWidth = document.body.clientWidth- windowMargin;
+	
+		winWidth = Math.max(wW, imgWidth);
+		winHeight = Math.max(wH, imgHeight);
+
+		if(winWidth > maxWidth) {
+			winWidth = maxWidth;
+			winHeight =Math.max(wH, Math.ceil(winWidth / ratio));
+			if(imgWidth > winWidth) {
+				imgWidth = winWidth;
+				imgHeight = Math.ceil(imgWidth / ratio);
+			}				
+		}
+		
+		if(winHeight > maxHeight) {
+			winHeight = maxHeight;
+			winWidth = Math.max(wW, Math.ceil(winHeight * ratio));
+			if(imgHeight > winHeight) {
+				imgHeight = winHeight;
+				imgWidth = Math.ceil(imgHeight * ratio);
+			}		 
+		}
+
+		var $gallerys = $(obj).closest(".gallerys"),
+			activeIndex=0,
+			imgs = [];
+		$gallerys.find(".gallery-pic").each(function(i, elem){
+			var url = this.src,
+				img = $(this)[0],
+				nH = img.naturalHeight,
+				nW = img.naturalWidth,
+				ratio  = nW / nH,
+				w = nW,
+				h = nH;
+			if(url == imgUrl){
+				activeIndex = i;
+				w = imgWidth;
+				h = imgHeight;
+			} 
+			else{
+				if(nW > winWidth) {
+					w = winWidth;
+					nH = h = Math.ceil(w / ratio);
+					if( h > winHeight){
+						nH = h = winHeight;
+						w = Math.ceil(h * ratio);
+					}
+				}	
+				if(nH > winHeight) {
+					h = winHeight;
+					w = Math.ceil(h * ratio);
+					if( w > winWidth){
+						w = winWidth;
+						h = Math.ceil(w / ratio);
+					}
+				}	
+			}
+			imgs.push({
+				url: url, 
+				imgHeight : h,
+				imgWidth : w
+			});
+		});
+		
+		localStorage["photoGalleryImgs"] = JSON.stringify(imgs); //因为此字符串可能是base64字符，appgo无法传
+		localStorage["photoGalleryActiveIndex"] = activeIndex; 
+		
+		$("#J_pg").remove();
+		$("<iframe></iframe").appendTo("body")
+			.attr("id", "J_pg")
+			.attr("src", "../js/jquery-photo-gallery/gallery.html")
+			.css({
+				position : "absolute",
+				left : (document.body.clientWidth - winWidth) /2,
+				top : (document.body.clientHeight - winHeight) /2,
+				width : winWidth,
+				height : winHeight,
+				background: 'rgba(177, 178, 179, 0.6)',
+				border: '1px solid #6D6D6D',
+				'border-radius': '4px'
+			});
+	},
+	//做初始化
+	initGallery : function(){
+ 
+        var activeIndex = localStorage["photoGalleryActiveIndex"],
+        	imgs = JSON.parse(localStorage["photoGalleryImgs"]);
+        
+		localStorage.removeItem("photoGalleryActiveIndex");
+		localStorage.removeItem("photoGalleryImgs");
+       
+		$(".gallery").photoGallery({
+			imgs : imgs,
+			activeIndex:activeIndex
+		});
+		  
+		$(".closeWin").click(function(){
+			var _parent =  window.parent || window.top,
+				_jg = _parent.document.getElementById("J_pg");
+				
+			$(_jg).remove();
+		});
+	}
+});
+  
+})(jQuery);

WebUI/CallCenterWeb.UI/js/jquery-photo-gallery/photoGallery.css

@@ -0,0 +1,250 @@
+html, body, div, span{
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+}
+body, html, .box {
+  height: 100%;
+  width: 100%;
+}
+body {
+  font: 400 16px/24px "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
+  letter-spacing: 0.01em;
+  cursor: default;
+  -webkit-user-select: none;
+  -webkit-font-smoothing: antialiased;
+}
+.box {
+    position: relative;
+    overflow: hidden;
+}
+header{
+    position: absolute;
+    height: 30px;
+    width: 100%;
+}
+.winControl {
+	position: absolute;
+    right: 0;
+    top: 0;
+    z-index: 99999;
+}
+.winControl span {
+    display: inline-block;
+    padding: 4px 6px;
+    cursor: pointer;
+    line-height: 10px;
+}
+.winControl span:hover {
+    background: #E82B45;
+}
+[drag] {
+    -webkit-app-region: drag;
+}
+[noDrag] {
+    -webkit-app-region: no-drag;
+}
+i{
+    position: relative;
+	z-index:99999;
+	display: inline-block;
+}
+.icon_close-big{
+    width: 18px;
+    height: 18px;
+	background-image: url('icon/close_big.png');
+}
+.icon_close-small{
+    width: 13px;
+    height: 13px;
+	background-image: url('icon/close_small.png');
+	display: inline-block;
+}
+.icon_tool-fullscreen{
+    width: 18px;
+    height: 18px;
+	background-image: url('icon/full_screen.png');
+}
+.icon_tool-bigger{
+    width: 20px;
+    height: 19px;
+	background-image: url('icon/bigger.png');
+}
+.icon_tool-smaller{
+    width: 20px;
+    height: 19px;
+	background-image: url('icon/smaller.png');
+}
+.icon_tool-rotate{
+    width: 17px;
+    height: 20px;
+	background-image: url('icon/rotate.png');
+}
+.icon_tool-download{
+    width: 16px;
+    height: 20px;
+	background-image: url('icon/download.png');
+}
+.icon_tool-prev{
+    width: 22px;
+    height: 38px;
+	background-image: url('icon/prev.png');
+}
+.icon_tool-next{
+    width: 22px;
+    height: 38px;
+	background-image: url('icon/next.png');
+}
+/* 效果 */
+.rotate0{ 
+	transform: rotate(0deg); 
+	-webkit-transform: rotate(0deg); 
+} 
+.rotate90{ 
+	transform: rotate(90deg); 
+	-webkit-transform: rotate(90deg); 
+} 
+.rotate180{ 
+	transform: rotate(180deg); 
+	-webkit-transform: rotate(180deg); 
+} 
+.rotate270{ 
+	transform: rotate(270deg); 
+	-webkit-transform: rotate(270deg); 
+} 
+
+.gallery{
+	width: 100%;
+    height: 100%;
+	background: rgba(0, 0, 0, 0.3);
+}
+.gallery .image{
+    position: absolute;
+    margin:0; /*之所以不使用auto直接垂直居中，是因为当图片旋转时left值会很难计算*/
+    padding:0;
+    z-index: 999;
+    display: none;
+}
+.gallery .image.active{
+	display:block;
+}
+.gallery .tool{
+    position: absolute;
+    bottom: 4px;
+    width: 100%;
+    text-align: center;
+    display: none;
+    z-index: 99999;
+}
+.gallery .toolct{
+    display: inline-block;
+    height: 30px;
+    background-color: #6f6965;
+    padding: 5px 14px;
+    box-sizing: border-box;
+    border-radius: 6px;
+}
+.gallery .toolct span{
+    margin-right: 20px;
+}
+.gallery .toolct i{
+	display: inline-block;
+	cursor: pointer;
+}
+.gallery .percentTip{
+	position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    left: 0;
+    margin: auto;
+    width: 100px;
+    height: 30px;
+    z-index: 9999;
+    text-align: center;
+    line-height: 30px;
+    font-size: 16px;
+    border-radius: 8px;
+    color: #ffffff;
+	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4F504E',endColorStr='#151313',gradientType='1'); 
+	background: linear-gradient(315deg, #4F504E, #151313); 
+	background: -moz-linear-gradient(315deg, #4F504E, #151313); 
+	background: -o-linear-gradient(left,#4F504E, #151313); 
+	background: -webkit-gradient(linear,100%  0%, 100% 0%, from(#4F504E), to(#151313)); 
+}
+.gallery .thumbnails{
+	position: absolute;
+    right: 1px;
+    bottom: 1px;
+    border: 1px solid #ffffff;
+    z-index: 99999;
+    border-radius: 5px;
+    background-color: rgba(177, 177, 177, 0.5);
+    display: none;
+}
+.gallery .thumbnails .thumbDrag{
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    width: 100px;
+    height: 100px;
+    border: 1px solid black;   
+    box-sizing: border-box;      
+}
+.gallery .thumbnails .thumbDrag span{
+	width:100%;
+	height:100%;   
+	border: 1px solid white;
+	display: block;
+    box-sizing: border-box;  
+}
+.gallery .thumbnails .thumbClose{
+	position: absolute;
+    right: 1px;
+    top: -2px;
+    cursor: pointer;
+    height: 13px;
+}
+.gallery .thumbnails img{
+    max-width: 100%;
+    max-height: 100%;
+    margin: auto;
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+}
+.gallery .oper{
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    left: 0;
+    margin: auto;
+    height: 38px;
+    z-index: 99999;
+}
+.gallery .oper i{
+    display: none;
+    cursor: pointer;
+}
+.gallery .oper span{
+	width: 22px;
+    height: 38px;
+}
+.gallery .oper .prev{
+	float:left;
+	margin-left: 9px;
+}
+.gallery .oper .next{
+	float:right;
+	margin-right: 9px;
+}
+.gallery .oper .prev.active i, .gallery .oper .next.active i{
+	display: inline-block;
+}

WebUI/CallCenterWeb.UI/js/main.js

@@ -46,8 +46,12 @@ function Connect() {
         //拿到任何消息都说明当前连接是正常的
         heartCheck.reset().start();
         var myDate = new Date();
+        // console.log("evt", evt);
         console.log(myDate + "  receive  " + evt.data);
-        var data = JSON.parse(evt.data)[0];
+        // evt.data 数据不为空
+        if (evt.data) {
+          var data = JSON.parse(evt.data)[0];
+        }
         if (data) {
             var rlt = data.Result;
             if (rlt == true) {
@@ -674,7 +678,6 @@ function RecordPathBack(data) {
 
 //在线坐席信息
 function GetAgentListBack(data) {
-    console.log(data)
     $.ajax({
         type: "get",
         url: huayi.config.callcenter_url + "SeatMonitoring/GetAgentList",
@@ -691,7 +694,6 @@ function GetAgentListBack(data) {
                         g.userName = m.UserName;
                     }
                 })
-
             })
             $(data.AgentList).each(function (k, m) {
                 var strr = '';
@@ -731,7 +733,6 @@ function GetAgentListBack(data) {
                     +
                     '</tr>';
                 $(html).appendTo("#zxTable tbody");
-
             })
         }
     });