商丘12345 修改

WebUI/CallCenterWeb.UI/Appeal/Lawsuit.html

@@ -5,6 +5,7 @@
     <meta charset="UTF-8">
     <title>工单查询</title>
     <script src="../Script/Common/huayi.load.js"></script>
+    <link rel="stylesheet" href="../css/bootstrap-select.css">
     <script src="../Script/Common/huayi.config.js"></script>
     <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
     <link rel="stylesheet" href="../css/init.css" />
@@ -223,6 +224,10 @@
         .Min-width {
             width: 150px;
         }
+        .btn-default{
+        	background: #FFFFFF;
+        	color: #000000;
+        }
     </style>
 </head>
 
@@ -308,7 +313,9 @@
                                 </td>
                                 <th>坐席：</th>
                                 <td>
-                                    <select id="ZX" name="" class="select"></select>
+                                	<select id="ZX" name="select" class="selectpicker show-tick form-control" multiple data-live-search="true">
+										<option value="">请选择坐席</option>
+									</select>
                                 </td>
                                 <th>类型：</th>
                                 <td>
@@ -351,6 +358,8 @@
                                     <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>
@@ -378,6 +387,7 @@
         <input type="hidden" id="PID" />
         <input type="hidden" id="Dpment" />
     </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>
@@ -406,14 +416,14 @@
 //              elem: '#endtime',
 //              event: 'focus'
 //          });
-laydate.render({
-    elem: '#starttime' //指定元素
-    ,range:'~'
-  });
+			laydate.render({
+			    elem: '#starttime' //指定元素
+			    ,range:'~'
+			});
             ///搜素
             $(".Seach").click(function () {
-                load();
-
+            	alert($("#ZX").val());
+              load();
             })
             //所属分类下拉
             $('.inps').focus(function () {
@@ -591,6 +601,32 @@ laydate.render({
                 area: ['87%', '80%'], //宽高
             });
         }
+        //时限
+        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 pd(str) {
             layer.open({
@@ -629,12 +665,15 @@ laydate.render({
                 }, function (result) {
                     result = JSON.parse(result);
                     if (result.state.toLowerCase() == "success") {
+                    	alert(str)
+                    	debugger
                         layer.msg("删除成功");
                         load();
                     }
                 })
             });
         }
+        
         //提交
         function tj(str) {
             layer.confirm('确定要提交工单么？', {
@@ -691,7 +730,6 @@ laydate.render({
             });
         }
         //督办
-
         function Supervision(str) {
             layer.open({
                 type: 2,
@@ -710,6 +748,42 @@ laydate.render({
                 area: ['60%', '80%'], //宽高
             });
         }
+        //转督办
+        function zdb(str) {
+            layer.confirm('确定督办吗？', {
+                btn: ['是', '否'] //按钮
+            }, function () {
+                $.post(huayi.config.callcenter_url + 'WorkOrder/RemindWorkOrder', {
+					workorderid: str,
+					type: 1,
+					state:0,
+					"token": $.cookie("token")
+				}, function(result) {
+					result = JSON.parse(result);
+					if(result.state.toLowerCase() == "success") {
+						parent.layer.msg("操作成功");
+					}
+				})
+            });
+        }
+        //不督办
+        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") {
+						parent.layer.msg("操作成功");
+					}
+				})
+            });
+        }
         //强制结案
         function StrongLawsuit(str) {
             layer.open({
@@ -927,9 +1001,9 @@ laydate.render({
             })
         }
         ///坐席
+        
         function ZX(obj) {
             obj.empty();
-            obj.append('<option selected="selected" value="">请选择</option>');
             $.getJSON(huayi.config.callcenter_url + "UserAccount/GetSeatList", {
                 "token": $.cookie("token"),
             }, function (data) {
@@ -937,7 +1011,13 @@ laydate.render({
                     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');
+                    
                 }
             })
         }

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

@@ -37,7 +37,10 @@ huayi.config = {
                 "<a class='xg' onclick='auditdeal(data)' title='处理审核'>处理审核</a>", //处理审核
                 "<a class='xg' onclick='sign(data)' title='签收'>签收</a>", //签收
                 "<a class='xg' onclick='refuse(data)' title='拒收'>拒收</a>", //拒收
-                "<a class='xg' onclick='withdraw(data)' title='撤单'>撤单</a>" //撤单
+                "<a class='xg' onclick='withdraw(data)' title='撤单'>撤单</a>", //撤单
+                "<a class='xg' onclick='audit(data)' title='审核'>审核</a>", //审核
+                "<a class='xg' onclick='zdb(data)' title='转督办'>转督办</a>", //转督办
+                "<a class='xg' onclick='ndb(data)' title='不督办'>不督办</a>" //不督办
 			]
 
 };

WebUI/CallCenterWeb.UI/css/bootstrap-select.css

@@ -0,0 +1,429 @@
+/*!
+ * Bootstrap-select v1.13.9 (https://developer.snapappointments.com/bootstrap-select)
+ *
+ * Copyright 2012-2019 SnapAppointments, LLC
+ * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
+ */
+
+select.bs-select-hidden,
+.bootstrap-select > select.bs-select-hidden,
+select.selectpicker {
+  display: none !important;
+}
+.bootstrap-select {
+  width: 220px \0;
+  /*IE9 and below*/
+  vertical-align: middle;
+}
+.bootstrap-select > .dropdown-toggle {
+  position: relative;
+  width: 100%;
+  text-align: right;
+  white-space: nowrap;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.bootstrap-select > .dropdown-toggle:after {
+  margin-top: -1px;
+}
+.bootstrap-select > .dropdown-toggle.bs-placeholder,
+.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
+.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
+.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
+  color: #999;
+}
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
+.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
+  color: rgba(255, 255, 255, 0.5);
+}
+.bootstrap-select > select {
+  position: absolute !important;
+  bottom: 0;
+  left: 50%;
+  display: block !important;
+  width: 0.5px !important;
+  height: 100% !important;
+  padding: 0 !important;
+  opacity: 0 !important;
+  border: none;
+  z-index: 0 !important;
+}
+.bootstrap-select > select.mobile-device {
+  top: 0;
+  left: 0;
+  display: block !important;
+  width: 100% !important;
+  z-index: 2 !important;
+}
+.has-error .bootstrap-select .dropdown-toggle,
+.error .bootstrap-select .dropdown-toggle,
+.bootstrap-select.is-invalid .dropdown-toggle,
+.was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle {
+  border-color: #b94a48;
+}
+.bootstrap-select.is-valid .dropdown-toggle,
+.was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle {
+  border-color: #28a745;
+}
+.bootstrap-select.fit-width {
+  width: auto !important;
+}
+.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
+  width: 220px;
+}
+.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
+.bootstrap-select .dropdown-toggle:focus {
+  outline: thin dotted #333333 !important;
+  outline: 5px auto -webkit-focus-ring-color !important;
+  outline-offset: -2px;
+}
+.bootstrap-select.form-control {
+  margin-bottom: 0;
+  padding: 0;
+  border: none;
+}
+:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
+  width: 100%;
+}
+.bootstrap-select.form-control.input-group-btn {
+  float: none;
+  z-index: auto;
+}
+.form-inline .bootstrap-select,
+.form-inline .bootstrap-select.form-control:not([class*="col-"]) {
+  width: auto;
+}
+.bootstrap-select:not(.input-group-btn),
+.bootstrap-select[class*="col-"] {
+  float: none;
+  display: inline-block;
+  margin-left: 0;
+}
+.bootstrap-select.dropdown-menu-right,
+.bootstrap-select[class*="col-"].dropdown-menu-right,
+.row .bootstrap-select[class*="col-"].dropdown-menu-right {
+  float: right;
+}
+.form-inline .bootstrap-select,
+.form-horizontal .bootstrap-select,
+.form-group .bootstrap-select {
+  margin-bottom: 0;
+}
+.form-group-lg .bootstrap-select.form-control,
+.form-group-sm .bootstrap-select.form-control {
+  padding: 0;
+}
+.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
+.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
+  height: 100%;
+  font-size: inherit;
+  line-height: inherit;
+  border-radius: inherit;
+}
+.bootstrap-select.form-control-sm .dropdown-toggle,
+.bootstrap-select.form-control-lg .dropdown-toggle {
+  font-size: inherit;
+  line-height: inherit;
+  border-radius: inherit;
+}
+.bootstrap-select.form-control-sm .dropdown-toggle {
+  padding: 0.25rem 0.5rem;
+}
+.bootstrap-select.form-control-lg .dropdown-toggle {
+  padding: 0.5rem 1rem;
+}
+.form-inline .bootstrap-select .form-control {
+  width: 100%;
+}
+.bootstrap-select.disabled,
+.bootstrap-select > .disabled {
+  cursor: not-allowed;
+}
+.bootstrap-select.disabled:focus,
+.bootstrap-select > .disabled:focus {
+  outline: none !important;
+}
+.bootstrap-select.bs-container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 0 !important;
+  padding: 0 !important;
+}
+.bootstrap-select.bs-container .dropdown-menu {
+  z-index: 1060;
+}
+.bootstrap-select .dropdown-toggle .filter-option {
+  position: static;
+  top: 0;
+  left: 0;
+  float: left;
+  height: 100%;
+  width: 100%;
+  text-align: left;
+  overflow: hidden;
+  -webkit-box-flex: 0;
+  -webkit-flex: 0 1 auto;
+      -ms-flex: 0 1 auto;
+          flex: 0 1 auto;
+}
+.bs3.bootstrap-select .dropdown-toggle .filter-option {
+  padding-right: inherit;
+}
+.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
+  position: absolute;
+  padding-top: inherit;
+  padding-bottom: inherit;
+  padding-left: inherit;
+  float: none;
+}
+.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
+  padding-right: inherit;
+}
+.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
+  overflow: hidden;
+}
+.bootstrap-select .dropdown-toggle .filter-expand {
+  width: 0 !important;
+  float: left;
+  opacity: 0 !important;
+  overflow: hidden;
+}
+.bootstrap-select .dropdown-toggle .caret {
+  position: absolute;
+  top: 50%;
+  right: 12px;
+  margin-top: -2px;
+  vertical-align: middle;
+}
+.input-group .bootstrap-select.form-control .dropdown-toggle {
+  border-radius: inherit;
+}
+.bootstrap-select[class*="col-"] .dropdown-toggle {
+  width: 100%;
+}
+.bootstrap-select .dropdown-menu {
+  min-width: 100%;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.bootstrap-select .dropdown-menu > .inner:focus {
+  outline: none !important;
+}
+.bootstrap-select .dropdown-menu.inner {
+  position: static;
+  float: none;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  border-radius: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.bootstrap-select .dropdown-menu li {
+  position: relative;
+}
+.bootstrap-select .dropdown-menu li.active small {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.bootstrap-select .dropdown-menu li.disabled a {
+  cursor: not-allowed;
+}
+.bootstrap-select .dropdown-menu li a {
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.bootstrap-select .dropdown-menu li a.opt {
+  position: relative;
+  padding-left: 2.25em;
+}
+.bootstrap-select .dropdown-menu li a span.check-mark {
+  display: none;
+}
+.bootstrap-select .dropdown-menu li a span.text {
+  display: inline-block;
+}
+.bootstrap-select .dropdown-menu li small {
+  padding-left: 0.5em;
+}
+.bootstrap-select .dropdown-menu .notify {
+  position: absolute;
+  bottom: 5px;
+  width: 96%;
+  margin: 0 2%;
+  min-height: 26px;
+  padding: 3px 5px;
+  background: #f5f5f5;
+  border: 1px solid #e3e3e3;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+  pointer-events: none;
+  opacity: 0.9;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.bootstrap-select .no-results {
+  padding: 3px;
+  background: #f5f5f5;
+  margin: 0 5px;
+  white-space: nowrap;
+}
+.bootstrap-select.fit-width .dropdown-toggle .filter-option {
+  position: static;
+  display: inline;
+  padding: 0;
+  width: auto;
+}
+.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
+.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
+  display: inline;
+}
+.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
+  content: '\00a0';
+}
+.bootstrap-select.fit-width .dropdown-toggle .caret {
+  position: static;
+  top: auto;
+  margin-top: -1px;
+}
+.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
+  position: absolute;
+  display: inline-block;
+  right: 15px;
+  top: 5px;
+}
+.bootstrap-select.show-tick .dropdown-menu li a span.text {
+  margin-right: 34px;
+}
+.bootstrap-select .bs-ok-default:after {
+  content: '';
+  display: block;
+  width: 0.5em;
+  height: 1em;
+  border-style: solid;
+  border-width: 0 0.26em 0.26em 0;
+  -webkit-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+       -o-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
+.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
+  z-index: 1061;
+}
+.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
+  content: '';
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
+  position: absolute;
+  bottom: -4px;
+  left: 9px;
+  display: none;
+}
+.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
+  content: '';
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid white;
+  position: absolute;
+  bottom: -4px;
+  left: 10px;
+  display: none;
+}
+.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
+  bottom: auto;
+  top: -4px;
+  border-top: 7px solid rgba(204, 204, 204, 0.2);
+  border-bottom: 0;
+}
+.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
+  bottom: auto;
+  top: -4px;
+  border-top: 6px solid white;
+  border-bottom: 0;
+}
+.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
+  right: 12px;
+  left: auto;
+}
+.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
+  right: 13px;
+  left: auto;
+}
+.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
+.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,
+.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
+.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
+  display: block;
+}
+.bs-searchbox,
+.bs-actionsbox,
+.bs-donebutton {
+  padding: 4px 8px;
+}
+.bs-actionsbox {
+  width: 100%;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.bs-actionsbox .btn-group button {
+  width: 50%;
+}
+.bs-donebutton {
+  float: left;
+  width: 100%;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.bs-donebutton .btn-group button {
+  width: 100%;
+}
+.bs-searchbox + .bs-actionsbox {
+  padding: 0 8px 4px;
+}
+.bs-searchbox .form-control {
+  margin-bottom: 0;
+  width: 100%;
+  float: none;
+}
+/*# sourceMappingURL=bootstrap-select.css.map */