商丘反映类别,首页来电弹屏历史工单问题修复

WebUI/CallCenterWeb.UI/Appeal/AddAppeal.html

@@ -60,6 +60,13 @@
         #reflectCategoryList li:hover {
             background: #00a1cb;
         }
+        .layui-menu li {
+		    margin: 0 !important;
+		    padding: 2px 15px !important;
+		    height: 16px;
+		    line-height: 12px !important;
+		    font-size: 12px !important;
+		}
     </style>
 </head>
 

WebUI/CallCenterWeb.UI/CommonHtml/AddAppeal.html

@@ -61,6 +61,13 @@
         #reflectCategoryList li:hover {
             background: #00a1cb;
         }
+        .layui-menu li {
+		    margin: 0 !important;
+		    padding: 2px 15px !important;
+		    height: 16px;
+		    line-height: 12px !important;
+		    font-size: 12px !important;
+		}
     </style>
 </head>
 

WebUI/CallCenterWeb.UI/Web.Debug.config

@@ -1,32 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-
-<!-- 有关使用 web.config 转换的详细信息，请访问 http://go.microsoft.com/fwlink/?LinkId=125889 -->
-
-<configuration xmlns:xdt="http://schemas.microsoft.com/XML-Document-Transform">
-  <!--
-    在下例中，“SetAttributes”转换将更改 
-    “connectionString”的值，以仅在“Match”定位器 
-    找到值为“MyDB”的特性“name”时使用“ReleaseSQLServer”。
-    
-    <connectionStrings>
-      <add name="MyDB" 
-        connectionString="Data Source=ReleaseSQLServer;Initial Catalog=MyReleaseDB;Integrated Security=True" 
-        xdt:Transform="SetAttributes" xdt:Locator="Match(name)"/>
-    </connectionStrings>
-  -->
-  <system.web>
-    <compilation xdt:Transform="RemoveAttributes(debug)" />
-    <!--
-      
-      在下例中，“Replace”转换将替换 
-      web.config 文件的整个 <customErrors> 节。
-      请注意，由于 
-      在 <system.web> 节点下仅有一个 customErrors 节，因此不需要使用“xdt:Locator”特性。
-      
-      <customErrors defaultRedirect="GenericError.htm"
-        mode="RemoteOnly" xdt:Transform="Replace">
-        <error statusCode="500" redirect="InternalError.htm"/>
-      </customErrors>
-    -->
-  </system.web>
-</configuration>

WebUI/CallCenterWeb.UI/Web.config

@@ -1,22 +0,0 @@
-<?xml version="1.0"?>
-
-<!--
-  For more information on how to configure your ASP.NET application, please visit
-  http://go.microsoft.com/fwlink/?LinkId=169433
-  -->
-
-<configuration>
-
-    <system.web>
-      <compilation debug="true" targetFramework="4.5" />
-      <!--<httpRuntime targetFramework="4.5" />-->
-      <httpRuntime maxRequestLength="10485760" executionTimeout="3600" />
-      <webServices>
-        <protocols>
-          <add name="HttpGet" />
-          <add name="HttpPost" />
-        </protocols>
-      </webServices>
-    </system.web>
-
-</configuration>

WebUI/CallCenterWeb.UI/css/call.css

@@ -18,9 +18,9 @@ a {
 
 
 .ldtp-con {
-    width: 1200px;
+    width: 80%;
     margin: 0 auto;
-    height: 650px;
+    height: 88%;
     overflow: hidden;
     position: absolute;
     top: 77px;
@@ -179,12 +179,13 @@ a {
 }
 
     .ld-sercon .Ps-chaxun span {
-        margin-right: 1.2em;
+        margin-left: 20px;
+        /* margin-right: 1.2em; */
     }
 
 .ld-sercon input {
-    padding-left: 5px;
-    padding-right: 0;
+    padding-left: 8px;
+    padding-right: 8px;
 }
 
 .ld-sercon span p {
@@ -205,11 +206,6 @@ a {
 			top: 0;
 			right: 0;
 		}*/
-.ld-sercon select {
-    height: 22px;
-    width: 128px;
-    padding-left: 20px;
-}
 
 .ld-sercon textarea {
     width: 70%;
@@ -233,10 +229,6 @@ a {
     text-align: center;
 }
 
-.second-con {
-    padding: 20px 0;
-}
-
 .ld-sercon .addjl {
     display: inline-block;
     width: 84px;
@@ -263,9 +255,9 @@ a {
     color: #1ab394;
 }
 
-.ld-sercon > div {
+/* .ld-sercon > div {
     display: none;
-}
+} */
 
 .ldcr-bottom .ldcrb-top > ul {
     float: left;
@@ -274,7 +266,7 @@ a {
     .ldcr-bottom .ldcrb-top > ul li {
         float: left;
         font-size: 14px;
-        width: 90px;
+        width: 120px;
         text-align: center;
         height: 30px;
         line-height: 30px;
@@ -367,7 +359,9 @@ a {
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
-    margin: 15px 0;
+    margin: 10px 0 0 0;
+    padding: 20px 0 0 0;
+
 }
 
 .shows {
@@ -390,3 +384,33 @@ a {
 .hindeDiv {
     display: none;
 }
+
+.radioStyle {
+    vertical-align: -2px;
+    margin-right: 3px !important;
+}
+
+.callPopupTitle {
+    margin-left: 10px;
+    font-size: 16px;
+    font-weight: 700;
+}
+
+.layui-menu-body-panel {
+    margin: 0 !important;
+}
+.layui-menu li:hover {
+    background-color: #00a1cb !important;
+}
+.layui-menu li {
+    margin: 0 !important;
+    padding: 2px 15px !important;
+    height: 16px;
+    line-height: 12px !important;
+    font-size: 12px !important;
+}
+
+.ldcrb-top ul .activity {
+    background: #000;
+    color: #fff;
+}

WebUI/CallCenterWeb.UI/css/callbf.css

@@ -0,0 +1,392 @@
+ul,
+li,
+ol {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+a {
+    text-decoration: none;
+}
+
+.clearfix:after {
+    content: "";
+    display: block;
+    clear: both;
+}
+
+
+.ldtp-con {
+    width: 1200px;
+    margin: 0 auto;
+    height: 650px;
+    overflow: hidden;
+    position: absolute;
+    top: 77px;
+    left: 220px;
+    background: #fff;
+    border-left: 4px solid #1ab395;
+    display: none;
+}
+
+    .ldtp-con .hei-list {
+        position: absolute;
+        top: 20%;
+        left: 40%;
+        z-index: 10;
+        display: none;
+    }
+
+        .ldtp-con .hei-list input {
+            margin-top: 3px;
+        }
+/*.minClosed{
+			position: absolute;
+		    top: 0px;
+		    right: 80px;
+		    height: 35px;
+		    width: 35px;
+		    z-index: 10;
+		}
+		.minClosed a{
+		    display: block;
+		    height: 1px;
+		    background: #000;
+		    width: 15px;
+		    position: absolute;
+		    top: 15px;
+		    left: 10px;
+		}
+		.minClosed:hover{
+			background: #ccc;
+		}*/
+.ldtp-cl {
+    background: #243747;
+    font-family: "宋体";
+    height: 100%;
+}
+
+    .ldtp-cl .head-pic > div {
+        height: 90px;
+        width: 90px;
+        -webkit-border-radius: 50%;
+        -moz-border-radius: 50%;
+        border-radius: 50%;
+        overflow: hidden;
+        margin: 20px auto;
+        border-width: 2px;
+        border-style: solid;
+        border-color: #ffb400 #fc3c04 #fdfc01 #00e3c0;
+    }
+
+    .ldtp-cl .head-pic ul li {
+        font-size: 12px;
+        color: #dfe4ed;
+        text-align: center;
+    }
+
+        .ldtp-cl .head-pic ul li.nikeName i {
+            display: inline-block;
+            width: 20px;
+            height: 1px;
+            background: #dfe4ed;
+        }
+
+        .ldtp-cl .head-pic ul li.nikeName span {
+            margin: 0 10px;
+        }
+
+        .ldtp-cl .head-pic ul li.lahei {
+            color: #ce2114;
+            margin: 10px 0;
+            cursor: pointer;
+        }
+
+            .ldtp-cl .head-pic ul li.lahei i {
+                display: inline-block;
+                height: 16px;
+                width: 16px;
+                vertical-align: middle;
+            }
+
+            .ldtp-cl .head-pic ul li.lahei .push {
+                background: url(../img/lahei.png) no-repeat;
+            }
+
+            .ldtp-cl .head-pic ul li.lahei .qxlh {
+                background: url(../img/retur.png) no-repeat;
+            }
+
+        .ldtp-cl .head-pic ul li.td-call {
+            padding: 1em 6em;
+        }
+
+        .ldtp-cl .head-pic ul li > a {
+            display: inline-block;
+        }
+
+            .ldtp-cl .head-pic ul li > a.drop {
+                float: right;
+            }
+
+            .ldtp-cl .head-pic ul li > a.take {
+                float: left;
+            }
+
+            .ldtp-cl .head-pic ul li > a > i {
+                display: inline-block;
+                height: 36px;
+                width: 36px;
+            }
+
+            .ldtp-cl .head-pic ul li > a.take > i {
+                background: url(../img/drop1.png) no-repeat;
+            }
+
+            .ldtp-cl .head-pic ul li > a.drop > i {
+                background: url(../img/take.png) no-repeat;
+            }
+
+    .ldtp-cl .come-detail {
+        color: #fcf9f9;
+        padding-left: 5em;
+        line-height: 2em;
+        margin-top: 35px;
+    }
+
+.ldtp-cr {
+    height: 100%;
+    overflow: hidden;
+    overflow-y: auto;
+}
+
+    .ldtp-cr .ld-service li {
+        float: left;
+        font-size: 14px;
+        color: #000;
+        padding: 5px 15px;
+        cursor: pointer;
+    }
+
+    .ldtp-cr ul.ld-service li.cr-click {
+        background: #000;
+        color: #fff;
+    }
+
+.ld-sercon .Ps-chaxun {
+    padding: 15px 0;
+}
+
+    .ld-sercon .Ps-chaxun span {
+        margin-right: 1.2em;
+    }
+
+.ld-sercon input {
+    padding-left: 5px;
+    padding-right: 0;
+}
+
+.ld-sercon span p {
+    display: inline-block;
+    margin: 0;
+    width: 128px;
+    overflow: hidden;
+    vertical-align: middle;
+    border: 1px solid #ccc;
+    position: relative;
+}
+/*.ld-sercon span p i{
+			display: block;
+			height: 18px;
+			width: 18px;
+			background: url(../img/select_03.png) no-repeat;
+			position: absolute;
+			top: 0;
+			right: 0;
+		}*/
+.ld-sercon select {
+    height: 22px;
+    width: 128px;
+    padding-left: 20px;
+}
+
+.ld-sercon textarea {
+    width: 70%;
+    vertical-align: middle;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    resize: none;
+}
+
+.ld-sercon div.bton {
+    width: 70px;
+    height: 27px;
+    line-height: 27px;
+    background: #2f4050;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    margin: 0 auto;
+    color: #fff;
+    text-align: center;
+}
+
+.second-con {
+    padding: 20px 0;
+}
+
+.ld-sercon .addjl {
+    display: inline-block;
+    width: 84px;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    text-align: center;
+    padding: 0px;
+    font-size: 12px;
+    height: 24px;
+    line-height: 24px;
+    cursor: pointer;
+    background: #01a1cb;
+    color: #fff;
+    border: aliceblue;
+    outline: none;
+}
+
+.tbth {
+    background: #1ab394;
+}
+
+.dealw {
+    color: #1ab394;
+}
+
+.ld-sercon > div {
+    display: none;
+}
+
+.ldcr-bottom .ldcrb-top > ul {
+    float: left;
+}
+
+    .ldcr-bottom .ldcrb-top > ul li {
+        float: left;
+        font-size: 14px;
+        width: 90px;
+        text-align: center;
+        height: 30px;
+        line-height: 30px;
+        cursor: pointer;
+    }
+
+.ldcr-bottom .ldcrb-top > div {
+    float: right;
+    width: 285px;
+    height: 30px;
+    position: relative;
+}
+
+    .ldcr-bottom .ldcrb-top > div .sear-inp {
+        width: 100%;
+        height: 100%;
+        border: 1px solid #ccc;
+        overflow: hidden;
+    }
+
+        .ldcr-bottom .ldcrb-top > div .sear-inp input {
+            display: block;
+            height: 100%;
+            width: 88%;
+            border: 0;
+            outline: none;
+            padding: 10px;
+        }
+
+.searIcon {
+    position: absolute;
+    width: 12%;
+    height: 100%;
+    right: 0;
+    top: 0;
+    background-color: #01a1cb;
+    background-image: url(../img/searIcon.png);
+    background-repeat: no-repeat;
+    background-position: center center;
+    cursor: pointer;
+}
+
+.ldcr-bottom .detail-con {
+    padding: 15px;
+    border: 1px solid #ebebeb;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    margin-top: 15px;
+}
+
+    .ldcr-bottom .detail-con ul li {
+        margin-bottom: 10px;
+    }
+
+        .ldcr-bottom .detail-con ul li .zhishi-title {
+            border-bottom: 1px solid #ccc;
+        }
+
+            .ldcr-bottom .detail-con ul li .zhishi-title a {
+                display: block;
+                float: left;
+                width: 55%;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                color: #000;
+            }
+
+            .ldcr-bottom .detail-con ul li .zhishi-title em {
+                display: block;
+                float: right;
+                font-style: normal;
+                font-family: Verdana;
+                float: right;
+                color: #000;
+            }
+
+        .ldcr-bottom .detail-con ul li .explancon {
+            padding: 30px 10px;
+            text-indent: 24px;
+            line-height: 24px;
+            color: #999;
+            background: #f5f5f5;
+            display: none;
+        }
+
+.second-con {
+    border: 1px solid #e6e6e6;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    margin: 15px 0;
+}
+
+.shows {
+    display: block;
+}
+
+.hides {
+    display: none !important;
+}
+
+.hei-list .bacha:hover {
+    color: #ccc;
+}
+
+.min_select {
+    width: 40px !important;
+    padding: 0px !important;
+}
+
+.hindeDiv {
+    display: none;
+}

WebUI/CallCenterWeb.UI/index.html

@@ -6,9 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="renderer" content="webkit">
     <meta http-equiv="Cache-Control" content="no-siteapp" />
-		<title>商丘政务服务热线后台业务管理系统</title>
-		<script src="./Script/Common/huayi.load.js"></script>
-		<script src="./Script/Common/huayi.config.js"></script>
+	<title>商丘政务服务热线后台业务管理系统</title>
+	<script src="./Script/Common/huayi.load.js"></script>
+	<script src="./Script/Common/huayi.config.js"></script>
     <script src="./js/jquery.min.js"></script>
     <script src="./js/jquery.cookie.js"></script>
 </head>

WebUI/CallCenterWeb.UI/js/commonJS/index.js

@@ -1,7 +1,6 @@
 getReactionCategory()
 $("#reflectCategory").bind("input propertychange", function() {
 	
-	debugger
 	
 	$(".layui-dropdown").hide();
 	if($("#reflectCategory").val() == "") {
@@ -16,7 +15,6 @@ $("#reflectCategory").bind("input propertychange", function() {
 $("#reflectCategoryList").on("click", "li", function() {
 	$(".reflectCategoryList-wrapper").hide();
 	$("#reflectCategory").val($(this).attr("indexName"));
-	debugger
 	$("#keyvalue").val($(this).attr("index"));
 });
 // 获取反映类别数据，多级下拉选项
@@ -50,7 +48,6 @@ function getReactionCategory(pid = 38) {
 }
 // 搜索获取反映类别数据
 function getSearchReactionCategory(key) {
-	debugger
     $("#reflectCategoryList").empty();
     $.get(
         huayi.config.callcenter_url + "KeyValue/GetKeyListNew",

WebUI/CallCenterWeb.UI/js/index.js

@@ -505,6 +505,8 @@ $(document).ready(function () {
             layer.msg("请输入标题");
         } else if (!$("#content").val()) {
             layer.msg("请输入内容");
+        } else if (!$("#keyvalue").val()) {
+            layer.msg("请选择反应类别");
         } else if (!$("#keys").val()) {
             layer.msg("请选择主题词");
         } else if ($("#sourcearea").val()=="0") {
@@ -530,6 +532,8 @@ $(document).ready(function () {
             layer.msg("请输入标题");
         } else if (!$("#content").val()) {
             layer.msg("请输入内容");
+        } else if (!$("#keyvalue").val()) {
+            layer.msg("请选择反应类别");
         } else if (!$("#keys").val()) {
             layer.msg("请选择主题词");
         } else if ($("#sourcearea").val()=="0") {
@@ -877,7 +881,7 @@ function Adds() {
 	if (callid ==curcallid) {
 		return
 	}
-    curcallid = callid
+	curcallid = callid
     
     
     $.ajax({
@@ -907,6 +911,7 @@ function Adds() {
             sourcearea: $("#sourcearea").val(), //=事发地域id
             sourceaddress: $('#sourceaddress').val(), //=事发详细地址
             source: 1, //=来源
+            keyvalue:$("#keyvalue").val(), //反映类别
             isresult: $(' input[name="banli"]:checked ').val(), //=（0转办1直办）
             result: $('#result').val(),
             longitude: $('.store_Lng').val(),
@@ -965,6 +970,8 @@ function Clean() {
     $("#level option:first").prop("selected", 'selected');
     $("#keys option:first").prop("selected", 'selected');
     $("#sourcearea option:first").prop("selected", 'selected');
+    $("#reflectCategory").val('')
+    $("#keyvalue").val('')
     $('#result').val('');
 
 }
@@ -1100,19 +1107,21 @@ function setCode(val) {
 
 function GetLink(val) {
     if (val) {
-        return '<a onclick="ckxq(' + val + ')">' + val + '</a>';
+        return '<a onclick="ckxq(\''+val+'\')">' + val + '</a>';
     } else {
         return '';
     }
 }
 //查看详情
 function ckxq(str) {
-    layer.open({
+
+   layer.open({
         type: 2,
         content: "CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
         title: '工单详情',
         area: ['85%', '80%'], //宽高
     });
+    
 }
 //截取字符串
 function GetCont(val) {
@@ -1583,7 +1592,7 @@ $(document).on('click', '#dicValueList li label', function () {
 //催单操作
 function setReminder(val, row) {
     if (dicTypeid == 50 && row.F_WorkState !== 9) {
-        return '<a class="xg" onclick="reminder(' + row.F_WorkOrderId + ','+row.F_MainDeptId+')" title="催单">催单</a>';
+        return '<a class="xg" onclick="reminder(\'' + row.F_WorkOrderId + '\',\''+row.F_MainDeptId+'\')" title="催单">催单</a>';
     } else {
         return '';
     }
@@ -1656,14 +1665,6 @@ function rightUp() {
 function goDC() {
     top.$("iframe:visible")[0].src = "Business/WorkDC.html";
 }
-function ckxq(str) {
-    layer.open({
-        type: 2,
-        content: "CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
-        title: '工单详情',
-        area: ['85%', '80%'], //宽高
-    });
-}
 
 //右下角消息弹框
 function rightDown() {

WebUI/CallCenterWeb.UI/js/main.js

@@ -359,8 +359,6 @@ function LineStateAgentBack(data) {
         $(".td-call").hide();
         $(".Bacha").show();
 
-        //$(".hidTel").val("");
-        //$(".hidCallID").val("");
     }
     if (data.State == '2') {
         $(".hwzt").text('摘机等待拨号'); //左下角状态显示

WebUI/CallCenterWeb.UI/templateOrderList/css/WorkOrderList.css

@@ -0,0 +1,240 @@
+#sqzx th {
+    padding: 5px 8px 5px 0;
+    text-align: right;
+}
+
+#sqzx td {
+    padding: 6px 0 5px 10px;
+}
+
+
+
+.clearFix:after {
+    content: "";
+    display: block;
+    clear: both;
+}
+
+
+.box_content {
+    border-bottom: 1px solid #ccc;
+}
+
+.tj_content {
+    border: 1px solid #e6e6e6;
+    border-radius: 5px;
+}
+
+.t-shade {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    background: rgba(0, 0, 0, 0.48);
+    z-index: 10004;
+    display: none;
+}
+
+.lyxz .shade_k {
+    position: fixed;
+    width: 40%;
+    left: 30%;
+    top: 30%;
+    z-index: 10005;
+    background-color: rgb(255, 255, 255);
+    box-shadow: rgba(0, 0, 0, 0.298039) 1px 1px 50px;
+    border-radius: 5px;
+    /* margin: 20% auto; */
+}
+
+.shade_title {
+    padding: 0 80px 0 20px;
+    height: 42px;
+    line-height: 42px;
+    border-bottom: 1px solid #eee;
+    font-size: 16px;
+    color: #ffffff;
+    overflow: hidden;
+    background-color: #00a1cb;
+    border-radius: 2px 2px 0 0;
+    position: relative;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+}
+
+.cx {
+    display: block;
+}
+
+.setwin {
+    position: absolute;
+    right: 15px;
+    top: 5px;
+    font-size: 0;
+    line-height: initial;
+}
+
+.setwin a {
+    position: relative;
+    width: 16px;
+    height: 16px;
+    font-size: 20px;
+    color: #fff;
+}
+
+.xg i {
+    font-size: 16px;
+}
+
+.inpBox {
+    /* border: 1px solid #cccccc; */
+    width: 100%;
+    display: inline-block;
+    position: relative;
+    vertical-align: middle;
+    position: absolute;
+    padding: 6px 0 5px 10px;
+    left: 0px;
+    top: 0px;
+    z-index: 111;
+}
+
+.selDpart1 {
+    position: absolute;
+    left: 10px;
+    top: 36px;
+    z-index: 11111;
+    width: 220px;
+    line-height: 30px;
+    background: #ffffff;
+    display: none;
+}
+
+#sponsor {
+    width: 218px;
+    border: 1px solid #00a1cb;
+    margin: 0;
+    padding: 0;
+    max-height: 212px;
+    overflow-y: scroll;
+}
+
+#sponsor li {
+    margin: 0;
+    padding-left: 10px;
+    width: 100%;
+    height: 30px;
+    line-height: 30px;
+    list-style: none;
+}
+
+#sponsor li:hover {
+    background: #00a1cb;
+}
+
+.addTree,
+.addTreeReactionCategory {
+    background: #fff;
+    position: absolute;
+    width: 95%;
+    border: 1px solid darkgrey;
+    left: 10px;
+    top: 33px;
+    display: none;
+    z-index: 222;
+}
+
+.ztree li span {
+    border: none;
+    padding: 0;
+}
+
+.inps,
+.inpsReactionCategory {
+    width: 100%;
+    height: 33px;
+    outline: none;
+    border: 0;
+    border-image-width: 0;
+    padding: 0;
+    padding-left: 3px;
+}
+
+.xl,
+.xlReactionCategory {
+    display: inline-block;
+    background: url(../../img/dropDown.png) no-repeat;
+    height: 100%;
+    background-position: center center;
+    width: 20px;
+    position: absolute;
+    right: 0;
+    top: 0px;
+    /* background-color: #f7bc8b; */
+    cursor: pointer;
+}
+
+.Cleans,
+.CleansReactionCategory {
+    width: 20px;
+    position: absolute;
+    right: 15px;
+    top: 15.5px;
+    display: none;
+}
+
+.Min-width {
+    display: inline-block;
+    width: 50%;
+    margin-right: 30px;
+}
+
+.btn-default {
+    background: #ffffff;
+    color: #000000;
+}
+.nameJustified {
+    width: 5em;
+    display: inline-block;
+    text-align: justify;
+    text-align-last: justify;
+}
+
+.reflectCategory-wrapper {
+    position: relative;
+}
+
+.reflectCategoryList-wrapper {
+    display: none;
+    position: absolute;
+    top: 38px;
+    z-index: 9999;
+    line-height: 32px;
+    background: #FFF;
+}
+
+#reflectCategoryList {
+    height: 240px;
+    background: #FFF;
+    border: 1px solid #e5e6e7;
+    overflow: auto;
+}
+
+#reflectCategoryList li {
+    padding: 0 10px;
+    width: 100%;
+    line-height: 32px;
+}
+
+#reflectCategoryList li:hover {
+    background: #00a1cb;
+}
+
+.reflectCategoryImg {
+    position: absolute;
+    right: 10px;
+}
+
+.tool_downs a {
+    margin-right: 5px;
+}

WebUI/CallCenterWeb.UI/templateOrderList/js/search.js

@@ -0,0 +1,151 @@
+
+$(document).ready(function () {
+	laydate.render({
+	    elem: '#starttime' //指定元素
+	    ,range:'~'
+	});
+	getDicValueList($("#source"),1); //工单来源
+	getDicValueList($("#type"),2)  //工单类别
+	getDicValueList($("#keyid"),3)  //主题词
+	helper.getDropList.getOrderAreas($('#sourceAreas'))  //区域
+	getMultipleChoice($("#ZX"),"UserAccount/GetSeatList"); //受话坐席
+	getMultipleChoice($("#yardman"),"UserAccount/GetUsersList","ZXLD")//审核员
+	tree(); 
+});
+//键盘登录事件
+$('input').bind('keypress', function(event) {
+	if(event.keyCode == "13") {
+		$('.Seach').trigger("click");
+	}
+});
+///搜素
+$(".Seach").click(function() {
+	load();
+})
+//承办单位下拉事件开始
+$(".inps").focus(function() {
+	$(".xlAdd").css("display", "block");
+});
+$(".xl").click(function() {
+	if($(".xlAdd").css("display") == "block") {
+		$(".xlAdd").css("display", "none");
+	} else {
+		$(".xlAdd").css("display", "block");
+	}
+});
+$(".addTree").mouseleave(function() {
+	$(this).css("display", "none");
+});
+//清除
+$(".Cleans ").click(function() {
+	$(".inps").val("");
+	$("#PID").val("");
+	$("#Dpment").val("");
+});
+//承办单位下拉事件结束
+
+
+//下拉框多选开始
+function selectMultiple(obj) {
+	var maindeptId = "";
+	var maindeptId_ = obj.val(); //坐席
+	if(maindeptId_ != null) {
+		$(maindeptId_).each(function(i, n) {
+			var obj2 = '';
+			obj2 = n + ",";
+			maindeptId += obj2;
+		})
+		maindeptId = maindeptId.substring(0, maindeptId.length - 1)
+	} else {
+		maindeptId = ""
+	}
+	return maindeptId
+}
+
+function getMultipleChoice(obj,urlParame,rolecode) {
+	obj.empty();
+	var parameData = {
+		token: $.cookie("token"),
+	}
+	if (rolecode) {
+		parameData.rolecode = rolecode
+	}
+	
+	$.getJSON(
+		huayi.config.callcenter_url + urlParame, parameData,
+		function(data) {
+			if(data.state.toLowerCase() == "success") {
+				var content = data.data;
+				$(content).each(function(i, n) {
+					$("<option value='" + n.F_UserCode + "'>" + n.F_UserName + "</option>").appendTo(obj);
+				});
+				obj.selectpicker({ noneSelectedText: "请选择",}); //默认显示内容
+				obj.selectpicker("refresh");
+			}
+		}
+	);
+}
+//下拉框多选结束
+
+
+//数据字典获取开始
+function getDicValueList(obj,id) {
+	obj.empty();
+	obj.append('<option selected="selected" value="">请选择</option>');
+	$.getJSON(
+		huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
+			token: $.cookie("token"),
+			id: id,
+		},
+		function(data) {
+			if(data.state.toLowerCase() == "success") {
+				var content = data.data;
+				$(content).each(function(i, n) {
+					$("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
+				});
+			}
+		}
+	);
+}
+//数据字典获取结束
+
+
+
+//树形下拉开始
+function tree() {
+	$.get(
+		huayi.config.callcenter_url + "Department/GetDeptList", {
+			token: $.cookie("token"),
+		},
+		function(result) {
+			result = $.parseJSON(result);
+			$.fn.zTree.init( $("#addTreeDemo"),setting1, result.data); //实例化树形图
+		}
+	);
+}
+var setting1 = {
+	data: {
+		key: {
+			name: "F_DeptName",
+		},
+		simpleData: {
+			enable: true,
+			idKey: "F_DeptId",
+			pIdKey: "F_PartentId",
+			rootPId: 0,
+		},
+	},
+	callback: {
+		onClick: zTreeOnClick,
+	},
+};
+
+function zTreeOnClick(event, treeId, treeNode) {
+	if(treeNode.level >= 1) {
+		$(".inps").val(treeNode.F_DeptName);
+		$("#PID").val(treeNode.F_DeptId);
+		$("#Dpment").val(treeNode.F_DeptId);
+		$(".Cleans").show();
+	}
+}
+//树形下拉开始

WebUI/CallCenterWeb.UI/templateOrderList/js/workCommon.js

@@ -0,0 +1,491 @@
+//查看详情1
+function ckxq(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
+		title: '工单详情',
+		area: ['87%', '80%'], //宽高
+	});
+}
+
+//编辑2
+function bj(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/AddAppeal.html?wid=" + str, //iframe的url，no代表不显示滚动条
+		title: '编辑工单',
+		area: ['96%', '80%'], //宽高
+	});
+}
+
+//删除3
+function move(str) {
+	layer.confirm('确定删除工单？', {
+		btn: ['是', '否'] //按钮
+	}, function() {
+		$.post(huayi.config.callcenter_url + "WorkOrder/DelWorkOrder", {
+			ids: str,
+			token: $.cookie("token")
+		}, function(result) {
+			result = JSON.parse(result);
+			if(result.state.toLowerCase() == "success") {
+				debugger
+				layer.msg("删除成功");
+				$("#orderlist").bootstrapTable('refresh');
+			}
+		})
+	});
+}
+
+//提交4
+function tj(str) {
+	layer.confirm('确定要提交工单么？', {
+		btn: ['确定', '取消'] //按钮
+	}, function() {
+		//请求后台数据
+		/*发送请求*/
+		$.post(huayi.config.callcenter_url + "WorkOrder/SubmitWorkOrder", {
+			ids: str,
+			token: $.cookie("token")
+		}, function(result) {
+			result = JSON.parse(result);
+			if(result.state.toLowerCase() == "success") {
+				layer.msg("提交成功");
+				$("#orderlist").bootstrapTable('refresh');
+				//load();
+			}
+		})
+	});
+}
+
+//交办5
+function jb(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/jiaoban.html?wid=" + str, //iframe的url，no代表不显示滚动条
+		title: '工单交办',
+		area: ['87%', '80%'], //宽高
+	});
+}
+
+//领导批示6
+function lader(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/Leader.html?wid=" + str, //iframe的url，no代表不显示滚动条
+		title: '领导批示',
+		area: ['60%', '80%'], //宽高
+	});
+}
+
+//市长批示7
+function city(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/shizhang.html?wid=" + str, //iframe的url，no代表不显示滚动条
+		title: '市长批示',
+		area: ['60%', '80%'], //宽高
+	});
+}
+
+//督办8
+function Supervision(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/Supervision_.html?wid=" + str + '&type=1', //iframe的url，no代表不显示滚动条
+		title: '督办',
+		area: ['60%', '80%'], //宽高
+	});
+}
+
+//督查9
+function Supervision_(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/Supervision_.html?wid=" + str + '&type=2', //iframe的url，no代表不显示滚动条
+		title: '监察',
+		area: ['60%', '80%'], //宽高
+	});
+}
+
+//收回10
+function sh(str) {
+	layer.confirm('确定要回收？', {
+		btn: ['是', '否'] //按钮
+	}, function() {
+		$.post(huayi.config.callcenter_url + "WorkOrder/TakeBackWorkOrder", {
+			workorderid: str,
+			token: $.cookie("token")
+		}, function(result) {
+			result = JSON.parse(result);
+			if(result.state.toLowerCase() == "success") {
+				layer.msg("回收");
+				//load();
+				$("#orderlist").bootstrapTable('refresh');
+			}
+		})
+	});
+}
+
+//查收11
+function cs(str) {
+	layer.confirm('确定要查收？', {
+		btn: ['是', '否'] //按钮
+	}, function() {
+		$.post(huayi.config.callcenter_url + "WorkOrder/ReceiveWorkOrder", {
+			workorderid: str,
+			token: $.cookie("token")
+		}, function(result) {
+			result = JSON.parse(result);
+			if(result.state.toLowerCase() == "success") {
+				layer.msg("查收成功");
+				$("#orderlist").bootstrapTable('refresh');
+			}
+		})
+	});
+}
+
+//退回申请12
+function th(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/tuihuisq.html?wid=" + str, //iframe的url，no代表不显示滚动条
+		title: '申请退回工单',
+		area: ['60%', '80%'], //宽高
+	});
+}
+
+//办理13
+function bl(str, isProtect) {
+	console.log("isProtect2222", isProtect)
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/banli.html?wid=" + str + "&isProtect=" + isProtect, //iframe的url，no代表不显示滚动条
+		title: '办理工单',
+		area: ['60%', '80%'], //宽高
+	});
+}
+
+//申请延时14
+function ys(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/Timesq.html?wid=" + str, //iframe的url，no代表不显示滚动条
+		title: '申请延时',
+		area: ['60%', '80%'], //宽高
+	});
+}
+
+//审核退回申请15
+function shth(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/shth.html?wid=" + str, //iframe的url，no代表不显示滚动条
+		title: '审核退回申请',
+		area: ['60%', '80%'], //宽高
+	});
+}
+
+//诉求回访16
+function hf(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/Back.html?wid=" + str, //iframe的url，no代表不显示滚动条
+		title: '工单回访',
+		area: ['60%', '80%'], //宽高
+	});
+}
+
+//审核申请延时17
+function shys(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/shTime.html?wid=" + str, //iframe的url，no代表不显示滚动条
+		title: '审核延时申请',
+		area: ['60%', '80%'], //宽高
+	});
+}
+
+//重办工单18
+function cb(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/Cb.html?wid=" + str, //iframe的url，no代表不显示滚动条
+		title: '重办工单',
+		area: ['60%', '80%'], //宽高
+	});
+}
+
+//结案19
+function Lawsuit(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/lawsuits.html?wid=" + str, //iframe的url，no代表不显示滚动条
+		title: '诉求单结案',
+		area: ['60%', '80%'], //宽高
+	});
+}
+
+//导出20
+
+//回退BackDtail 21
+function BackDtail(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/BackDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
+		title: '工单督办',
+		area: ['60%', '80%'], //宽高
+	});
+}
+
+//强制结案 22
+function StrongLawsuit(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/StrongLawsuit.html?wid=" + str, //iframe的url，no代表不显示滚动条
+		title: '强制结案',
+		area: ['60%', '80%'], //宽高
+	});
+}
+
+//派单 23
+function pd(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/handle.html?wid=" + str, //iframe的url，no代表不显示滚动条
+		title: '办理工单',
+		area: ['87%', '80%'], //宽高
+	});
+}
+
+//处理审核 24
+function auditdeal(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/processing_audit.html?wid=" + str, //iframe的url，no代表不显示滚动条
+		title: '处理审核',
+		area: ['80%', '80%'], //宽高
+	});
+}
+
+ //签收 25
+function sign(str) {
+    layer.confirm('确定要签收？', {
+        btn: ['是', '否'] //按钮
+    }, function () {
+        $.post(huayi.config.callcenter_url + "WorkOrder/SignWorkOrder", {
+            workorderid: str,
+            token: $.cookie("token")
+        }, function (result) {
+            result = JSON.parse(result);
+            if (result.state.toLowerCase() == "success") {
+                layer.msg("签收成功");
+                load();
+            }
+        })
+    });
+}
+
+//拒收  26
+function refuse(str) {
+	layer.open({
+        type: 2,
+        content: "../CommonHtml/rejection.html?wid=" + str, //iframe的url，no代表不显示滚动条
+        title: '拒收',
+        area: ['60%', '80%'], //宽高
+   });
+}
+
+//撤回  27
+function withDraw(str){
+	layer.open({
+		content: '是否要撤回？',
+	  	btn: ['是', '否'],
+	  	yes: function(index, layero){
+	    	$.post(huayi.config.callcenter_url + "WorkOrder/NoticeWorkOrder", {
+				workorderid: str,//工单编号
+				isnotice: 0,//(0撤回，1通告)
+				//deptids: '',
+				token: $.cookie("token")
+			}, function(result) {
+				var data = JSON.parse(result);		
+				if(data.state == "success") {
+					$(".withDrawBtn").hide();
+					layer.close();
+					load();
+					layer.msg("撤回成功");
+				}
+			})
+		}
+	})
+}
+
+//审核 28
+function audit(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/AuditDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
+		title: '审核',
+		area: ['60%', '80%'], //宽高
+	});
+}
+
+//转督办 29
+function zdb(str, row) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/superTrunl.html?wid=" + str + "&depId=" + row, //iframe的url，no代表不显示滚动条
+		title: '督办工单',
+		area: ['60%', '80%'], //宽高
+	});
+
+}
+
+//不督办 30
+function ndb(str) {
+	layer.confirm('确定督办吗？', {
+		btn: ['是', '否'] //按钮
+	}, function() {
+		$.post(huayi.config.callcenter_url + 'WorkOrder/RemindWorkOrder', {
+			workorderid: str,
+			type: 1,
+			state: 2,
+			"token": $.cookie("token")
+		}, function(result) {
+			result = JSON.parse(result);
+			if(result.state.toLowerCase() == "success") {
+				layer.msg("操作成功");
+				//load();
+				$("#orderlist").bootstrapTable('refresh');
+			}
+		})
+	});
+}
+
+//提交重办31
+function tjcb(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/reasonCB.html?wid=" + str, //iframe的url，no代表不显示滚动条
+		title: '提交重办',
+		area: ['50%', '40%'], //宽高
+	});
+}
+
+//驳回重办 32
+function bhcb(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/rejectionCB.html?wid=" + str, //iframe的url，no代表不显示滚动条
+		title: '驳回重办',
+		area: ['60%', '80%'], //宽高
+	});
+}
+
+//履职界定 33
+function lzjd(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/ResumptionDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
+		title: '履职界定',
+		area: ['85%', '80%'], //宽高
+	})
+}
+
+//界定审核34
+function jdsh(str) {
+	layer.open({
+		type: 2,
+		content: "../CommonHtml/Define_audit.html?wid=" + str, //iframe的url，no代表不显示滚动条
+		title: '界定审核',
+		area: ['85%', '60%'], //宽高
+	})
+}
+
+// 省平台签收35
+function provincialPlatformSignup(str) {
+    layer.confirm(
+        "确定签收吗？",
+        {
+            btn: ["是", "否"], //按钮
+        },
+        function () {
+            $.post(
+                huayi.config.callcenter_url + "Affairs/SubmitWorkOrder",
+                {
+                    ids: str,
+                    token: $.cookie("token"),
+                },
+                function (result) {
+                    result = JSON.parse(result);
+                    if (result.state.toLowerCase() == "success") {
+                        layer.msg("操作成功");
+                        load();
+                    }
+                }
+            );
+        }
+    );
+}
+
+// 省平台退回36
+function provincialPlatformReturn(str) {
+    layer.open({
+        type: 2,
+        content: "../CommonHtml/provincialPlatformReturn.html?wid=" + str, //iframe的url，no代表不显示滚动条
+        title: "省平台退回",
+        area: ["70%", "70%"], //宽高
+        shade: 0,
+    });
+}
+
+// 省平台申请延时37
+function provincialPlatformApplicationDelay(str,type) {
+    layer.open({
+        type: 2,
+        content:
+            "../CommonHtml/provincialPlatformApplicationDelay.html?wid=" + str+"&type="+type, //iframe的url，no代表不显示滚动条
+        title: "省平台申请延时",
+        area: ["70%", "70%"], //宽高
+        shade: 0,
+    });
+    
+}
+
+// 省平台申请延时38
+function provincialPlatformApplicationDelay(str,type) {
+    layer.open({
+        type: 2,
+        content:
+            "../CommonHtml/provincialPlatformApplicationDelay.html?wid=" + str+"&type="+type, //iframe的url，no代表不显示滚动条
+        title: "省平台申请延时",
+        area: ["70%", "70%"], //宽高
+        shade: 0,
+    });
+    
+}
+
+// 省平台反馈39
+function provincialPlatformFeedback(str) {
+    layer.open({
+        type: 2,
+        content: "../CommonHtml/provincialPlatformFeedback.html?wid=" + str, //iframe的url，no代表不显示滚动条
+        title: "省平台反馈",
+        area: ["70%", "70%"], //宽高
+        shade: 0,
+    });
+}
+
+// 服务工单上报39
+function reportServiceWorkOrder(str) {
+    layer.open({
+        type: 2,
+        content: "../CommonHtml/provincialPlatformReport.html?wid=" + str, //iframe的url，no代表不显示滚动条
+        title: "省平台上报",
+        area: ["70%", "70%"], //宽高
+        shade: 0,
+    });
+}
+
+
+

WebUI/CallCenterWeb.UI/templateOrderList/js/workOrderListOperation.js

@@ -0,0 +1,120 @@
+$("#orderlist").on("click-row.bs.table", function(e, row, ele) {
+	$(".success").removeClass("success"); //去除之前选中的行的，选中样式
+	$(ele).addClass("success"); //添加当前选中的 success样式用于区别
+});
+
+//工单内容
+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 States(val, row) {
+	var html = '';
+	switch(val + '') {
+		case '0':
+			html = '新工单';
+			if(row.F_IsReturn == 1) {
+				html = '新工单（回退）';
+			}
+			break;
+		case '1':
+			html = '待交办';
+			break;
+		case '2':
+			html = '待查收';
+			break;
+		case '3':
+			html = '退回审核中';
+			break;
+		case '4':
+			html = '办理中';
+			break;
+		case '5':
+			html = '延时审核';
+			break;
+		case '6':
+			html = '已办理';
+			break;
+		case '7':
+			html = '已回访';
+			break;
+		case '8':
+			html = '重办中';
+			break;
+		case '9':
+			html = '已结案';
+			break;
+		case '10':
+			html = '待审核';
+			break;
+		case '11':
+			html = '重办待交办';
+			break;
+		case '13':
+			html = '重办驳回';
+			break;
+	}
+	return html;
+}
+//时限
+function OverTime(val, row) {
+    if (val == 1) {
+        return '<div class="" style="cursor: pointer;">' +
+            '<span class="Greens">' + row.GapTime + '</span>' +
+            '</div>';
+    } else if (val == 2) {
+        return '<div class="" style="cursor: pointer;">' +
+            '<span class="Yellows">' + row.GapTime + '</span>' +
+            '</div>';
+    } else if (val == 3) {
+        return '<div class="" style="cursor: pointer;">' +
+            '<span class="Reds">' + row.GapTime + '</span>' +
+            '</div>';
+    }
+}
+//办理时限
+function BanTime(val) {
+    if (val) {
+        var time = val.substring(0, val.indexOf(' '));
+        return '<div class="" style="cursor: pointer;">' +
+            '<span>' + time + '</span>' +
+            '</div>';
+    }
+}
+
+//音频
+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 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);
+        }
+        html += html1;
+
+    }
+    return html;
+}

WebUI/CallCenterWeb.UI/templateOrderList/list.html

@@ -0,0 +1,276 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8" />
+    <title>工单列表</title>
+    <script src="../Script/Common/huayi.load.js"></script>
+    <script src="../Script/Common/huayi.config.js"></script>
+    <link rel="stylesheet" href="../css/bootstrap-select.css" />
+    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
+    <link rel="stylesheet" href="../css/init.css" />
+    <link rel="stylesheet" href="./css/WorkOrderList.css">
+</head>
+
+<body class="gray-bg">
+    <div class="wrapper wrapper-content animated fadeInRight">
+        <div class="daoHang clearfix">
+            <div class="dhLeft">
+                <sapn>
+                    <i class="syIcon"></i>位置：
+                    <a href="javaScript:;" id="ReIndex">首页</a>&gt;
+                    
+                    <a href="" class="nowPosition">查询工单</a>
+                </sapn>
+            </div>
+            <div class="dhRight">
+                <a href="" title="刷新"><i class="fa fa-refresh"></i></a>
+            </div>
+        </div>
+        <div style="padding: 10px" class="tj_content clearFix">
+            <div style="padding: 10px" class="tj_content clearFix">
+                <div>
+                    <span>【搜索信息】</span>
+                    <div class="box_content">
+                        <table id="sqzx" style="width: 100%" border="0" cellspacing="0" cellpadding="0">
+                            <tr>
+                            	<th>关键字：</th>
+                                <td>
+                                    <input type="text" class="form-control" placeholder="输入关键字" id="key" class="Min-width" />
+                                </td>
+                                <th>工单号：</th>
+                                <td>
+                                    <input type="text" class="form-control" placeholder="输入工单号" id="wids" class="Min-width" />
+                                </td>
+                                <th>时间：</th>
+                                <td >
+                                    <input type="text" id="starttime" class="form-control" placeholder="请选择时间" style="height: 32px;" />
+                                </td>
+                                <th>工单状态：</th>
+                                <td>
+                                	<select class="form-control" id="state">
+                                		<option selected="selected" value="">请选择</option>
+                                        <option value="0">新工单</option>
+                                        <option value="1">待交办</option>
+                                        <option value="10">待审核</option>
+                                        <option value="2">待查收</option>
+                                        <option value="3">退回审核中</option>
+                                        <option value="4">办理中</option>
+                                        <option value="5">延时审核中</option>
+                                        <option value="6">已办理</option>
+                                        <option value="7">已回访</option>
+                                        <option value="11">重办待交办</option>
+                                        <option value="13">重办驳回 </option>
+                                        <option value="8">重办中</option>
+                                        <option value="9">已结案</option>
+                                	</select>
+                                </td>
+                            </tr>
+                            
+                            <tr>
+                            	<th>工单来源：</th>
+                                <td>
+                                    <select class="form-control" id="source"></select>
+                                </td>
+                                <th>主题词：</th>
+                                <td>
+                                    <select id="keyid" name="" class="form-control"></select>
+                                </td>
+                                 <th>投诉电话：</th>
+                                <td>
+                                    <input class="form-control" type="text" id="tel" placeholder="请输入投诉电话" />
+                                </td>
+                                <th>投诉人：</th>
+                                <td>
+                                    <input class="form-control" type="text" id="name" class="Min-width" autocomplete="off" />
+                                </td>
+                            </tr>
+                            
+                            <tr>
+                                <th>处理类型：</th>
+                                <td>
+                                    <select class="form-control" id="dealtype">
+                                        <option value="">请选择</option>
+                                        <option value="0">网络转派</option>
+                                        <option value="1">当即办理</option>
+                                    </select>
+                                </td>
+                                <th>类型：</th>
+                                <td>
+                                    <select class="form-control" id="type"></select>
+                                </td>
+                                <th>区域：</th>
+                                <td>
+                                    <select class="form-control" id="sourceAreas"></select>
+                                </td>
+                                <th>主办单位:</th>
+                                <td style="position: relative;">
+                                    <div class="inpBox">
+                                        <input  class="form-control inps"  onkeyup="darptSearch()"/>
+                                        <i class="Cleans  fa fa-close"></i>
+                                        <i class="xl xl_one"></i>
+                                        <div class="addTree xlAdd">
+                                            <ul id="addTreeDemo" class="ztree"></ul>
+                                        </div>
+                                    </div>
+                                    <div class="selDpart1">
+                                    	<ul id="sponsor">
+										</ul>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                            	<th>坐席：</th>
+                                <td>
+                                	<select id="ZX" name="select" class="selectpicker show-tick form-control" multiple data-live-search="true">
+										<option value="">请选择坐席</option>
+									</select>
+                                </td>
+                                <th>调度员：</th>
+                                <td>
+                                	<select id="yardman" name="select" class="selectpicker show-tick form-control" multiple data-live-search="true">
+										<option value="">请选择调度员</option>
+									</select>
+                                </td>
+                                <td colspan="7" style="text-align: center;" >
+                                    <botton class="btns Seach">搜索</botton>
+                                    <botton class="btns Export">导出</botton>
+                                </td>
+                            </tr>
+                            
+                        </table>
+                    </div>
+                </div>
+                <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-field="F_WorkOrderId" 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="OtherDeptName" data-align="center">协办单位</th>
+                                    <th data-field="UserName" data-align="center">受理人</th>
+                                    <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" data-align="center">录音</th>
+                                    <th data-field="F_WorkOrderId" data-formatter="Dispose" data-align="center">操作</th>
+                                </tr>
+                            </thead>
+                            <tbody class="list"></tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!--下载框-->
+        <div class="t-shade lyxz">
+            <div class="shade_k">
+                <div class="shade_title">
+                    <span>录音播放与下载<srong class="cknum"></srong></span>
+                    <span class="setwin gbly"><a>x</a></span>
+                </div>
+                <div class="shade_content">
+                    <div class="Ly_box audiojs"></div>
+                </div>
+            </div>
+        </div>
+        <input type="hidden" id="PID" />
+        <input type="hidden" id="Dpment" />
+        <input type="hidden" id="jianhang" value="4" />
+    </div>
+    <script src="../js/bootstrap-select.js"></script>
+    <script src="../js/laydate/laydate.js"></script>
+    <script src="../My97DatePicker/WdatePicker.js"></script>
+    <script src="../js/zTree/jquery.ztree.core.js"></script>
+   	<script src="./js/search.js"></script>
+	<script src="./js/workOrderListOperation.js"></script>
+	<script src="./js/workCommon.js"></script>
+    <script>
+        var exportParams; // 导出参数
+        $(document).ready(function () {
+            load();
+        });
+        //关闭录音弹出
+        $(".gbly").click(function () {
+            $(".lyxz").removeClass("cx");
+            $("audio")[0].pause();
+        });
+        function Close() {
+            $(".lyxz").removeClass("cx");
+            if ($("audio").length > 0) {
+                $("audio")[0].pause();
+            }
+        }
+        //导出
+		$('.Export').click(function() {
+			exportParams.isdc = 1;
+			helper.methods.exportFileFun("WorkOrder/GetList", exportParams)
+		})
+		
+        //获取查询信息
+        function load() {
+            //先销毁表格
+            $("#orderlist").bootstrapTable("destroy");
+            //初始化表格,动态从服务器加载数据
+            $("#orderlist").bootstrapTable({
+                method: "get", //使用get请求到服务器获取数据
+                url: huayi.config.callcenter_url + "WorkOrder/GetList", //获取数据的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) {
+                    //设置查询参数
+                    //alert(params.pageNumber)
+                    var param = {
+                        page: params.pageNumber,
+                        pagesize: params.pageSize,
+                       	key: $("#key").val(), //=关键字
+                       	workid: $("#wids").val(), //工单号
+                       	state: $("#state").val(), //=工单状态
+                       	starttime: $('#starttime').val() && $('#starttime').val().split(' ~ ')[0], //=开始时间
+                        endtime: $('#starttime').val() && $('#starttime').val().split(' ~ ')[1], //=结束时间
+                        source: 109, //=来源&
+                        keyid: $("#keyid").val(), //=主题词
+                        tel: $("#tel").val(), //=客户电话
+                        name: $("#name").val(), //=客户名称
+                        dealtype: $("#dealtype").val(), //处理类型
+                        type: $("#type").val(), //=工单类型
+                        sourcearea:$('#sourceAreas').val(),//区域
+                        deptid: $("#PID").val(), //主办单位
+                        usercode: selectMultiple($("#ZX")), //=坐席
+						ddusercode: selectMultiple($("#yardman")), //调度员
+                        token: $.cookie("token"),
+                    };
+                    // 导出参数
+                    exportParams = param;
+                    return param;
+                },
+                onLoadSuccess: function (data) {
+                    //加载成功时执行
+                    //						layer.msg("加载成功");
+                    //console.log(data);
+                },
+                onLoadError: function () {
+                    //加载失败时执行
+                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
+                },
+            });
+        }
+
+    </script>
+</body>
+
+</html>