考核报表，已办待审核，已办待回访页面整理

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

@@ -82,6 +82,7 @@ huayi.config = {
          "<a class='xg' onclick='changeknowledge(\"data\",\"zhcxtit\",\"zhcxcon\")' title='转知识库'>转知识库</a>", //63 转知识库
          "<a class='xg' onclick='doNotBusiness(\"data\")' title='非营商'>转非营商</a>", //64非营商
          "<a class='xg' onclick='doBusiness(\"data\")' title='营商'>转营商</a>", //65营商
+         "<a class='xg' onclick='noExamine(\"data\")' title='不计入考核'>不计入考核</a>", //66不计入考核
          
          
     ],

WebUI/CallCenterWeb.UI/commonWorderList/js/appeal.js

@@ -1,125 +0,0 @@
-
-
-//上传文件
-function upload() {
-	var Files = document.getElementById("upFile").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("upFile").outerHTML = document.getElementById("upFile")
-						.outerHTML;
-					$("#upFile").change(function() {
-						upload();
-					});
-					var r = $.parseJSON(result);
-					if(r.state.toLowerCase() == "success") {
-
-						var a = r.data;
-						$(a).each(function(i, n) {
-							var strs = '<span class="files" fiel-num="' + n.F_FileId +
-								'">' + n.F_FileName.substring(19) +
-								'<i class="fa fa-remove del_file"></i></span>'
-							$(strs).appendTo($('.fileBox')).find('.del_file').click(
-								function(event) {
-									event.stopPropagation();
-									$(this).parent().remove();
-									file_num()
-								})
-						})
-						file_num();
-					}
-				}
-			});
-		} else {
-			layer.msg("格式不正确");
-		}
-
-	} else {
-		layer.confirm('请上传文件！', {
-			btn: ['确定']
-		});
-	}
-}
-//上传文件隐藏域值
-function file_num() {
-	var str = '';
-	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) == ',') ? str.substring(0, str.length - 1) : str;
-	})
-	$("#file").val(Str);
-}
-
-function tree() {
-	$.get(
-		huayi.config.callcenter_url + "Department/GetDeptList", {
-			token: $.cookie("token"),
-			//		"pid": pid
-		},
-		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 >= 2) {
-		$(".inps").val(treeNode.F_DeptName);
-		$("#PID").val(treeNode.F_DeptId);
-		$("#Dpment").val(treeNode.F_DeptId);
-		$(".Cleans").show();
-	}
-}
-
-function Close() {
-	$(".lyxz").removeClass("cx");
-	if($("audio").length > 0) {
-		$("audio")[0].pause();
-	}
-}

WebUI/CallCenterWeb.UI/commonWorderList/js/common.js

@@ -13,7 +13,21 @@ function getDicObjFn(obj) {
 		getText:obj.getText?obj.getText:''
 	}
 }
-
+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)
+	} else {
+		maindeptId = ""
+	}
+	return maindeptId
+}
 //区域
 function selectCommonFn(obj) {
 	var dataParam = {
@@ -44,4 +58,29 @@ function selectCommonFn(obj) {
 			}
 		}
 	});
+}
+//人员下拉
+function personSelect(obj,rolecode,apiUrl) {
+    obj.empty();
+    $.getJSON(
+        huayi.config.callcenter_url + apiUrl,
+        {
+            rolecode: rolecode,
+            token: $.cookie("token"),
+        },
+        function (data) {
+            if (data.state.toLowerCase() == "success") {
+                var content = data.data;
+                $("<option value=''>请选择</option>").appendTo(obj)
+                $(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/commonWorderList/js/orderListCommon.js

@@ -1,26 +1,31 @@
 //获取查询信息
-function load(paramsObj) {
+function load() {
+	var paramsObj = getParam
 	//先销毁表格  JSON.stringify(data) === '{}'
 	var getparams = {}
 	var dataParam = {
-		keys: $("#keys").val(), //关键字
-		workid: $("#workid").val(), //工单号
-		strstarttime: $('#starttime').val() && $('#starttime').val().split(' ~ ')[0], //开始时间
-		strendtime: $('#starttime').val() && $('#starttime').val().split(' ~ ')[1], //结束时间
-		sourcearea: $('#sourceAreas').val(), //精准地域
-		type: $("#type").val(), //舆情类型
-		source: $("#source").val(), //舆情来源 
-		deptid: $("#PID").val(), //承办单位
-		infoproperty: $("#infoproperty").val(), //信息属性
-		level: $("#level").val(), //=舆情等级
-		isresult: $("#dealtype").val(), //处理类型
-		tab: paramsObj.tab,
-		isaudit: paramsObj.isaudit,
-		state: $("#state").val(),
-		token: $.cookie("token")
+        source: $("#source").val(), //=来源&
+        tel: $("#tel").val(), //=客户电话
+        starttime: $("#starttime").val(), //=开始时间
+        endtime: $("#endtime").val(), //=结束时间
+        workid: $("#wids").val(),	//事项编号
+        name: $("#name").val(), //来电人
+        dealstarttime: $("#dealstarttime").val(), //办理开始时间
+        dealstrendtime: $("#dealstrendtime").val(), //办理结束时间
+        usercode: selectMultiple($("#ZX")), //=坐席工号
+        ddusercode: selectMultiple($("#yardman")),
+        sourcearea: $("#sourceAreas").val(), //反映区域
+        deptid: $("#PID").val(),
+        type: $("#type").val(), //=来电类型
+        key: $("#key").val(), //=关键字                       
+        tobereply: 1,
+        tab: 0,
+        phoneType: 2, // 12345来电
+        db: db, // 热线件（db=0），督办件（db=1）
+        token: $.cookie("token"),
 	}
-	if (paramsObj.params !== '{}') {
-		if (paramsObj.hasOwnProperty("state")) {
+	if(paramsObj.params !== '{}') {
+		if(paramsObj.hasOwnProperty("state")) {
 			delete dataParam.state
 		}
 		getparams = Object.assign(dataParam, paramsObj.params)
@@ -46,9 +51,9 @@ function load(paramsObj) {
 		queryParams: function queryParams(params) { //设置查询参数
 			//alert(params.pageNumber)
 			var param = Object.assign({
-					page: params.pageNumber,
-					pagesize: params.pageSize,
-			},getparams) 
+				page: params.pageNumber,
+				pagesize: params.pageSize,
+			}, getparams)
 			exportParam = param
 			return param;
 		},
@@ -60,92 +65,97 @@ function load(paramsObj) {
 		}
 	});
 }
-//操作
-function Print(val, row) {
-	return '<a onclick="btn_print(\'' + row.F_WorkOrderId + '\')">' + row.F_WorkOrderId + '</a>'
-}
-
-function btn_print(PrintClick) {
-	layer.open({
-		type: 2,
-		content: "../CommonHtml/PrintPreview-1.html?wid=" + PrintClick, //iframe的url，no代表不显示滚动条
-		title: '打印/导出',
-		area: ['788.8px', '90%'], //宽高
-	});
+//编号
+function serialNumber(val, row, index) {
+	return index + 1;
 }
 
-function isResultFormatter(val) {
-	switch(val) {
-		case 0:
-			html = '网络转办';
-			break;
-		case 1:
-			html = '当即办理';
-			break;
-	}
-	return html
+// 查看工单详情
+function View(val, row) {
+    var workId = val;
+    var workIdCode = workId.slice(0, 4);
+    var workIdAddress = workId.slice(4, 10);
+    var workIdDate = workId.slice(10, 16);
+    var workIdSerialNumber = workId.slice(16);
+    return (
+        '<div class="imgs ckxqselecter" ><a class="" style="font-weight: 700;" index="' +
+        row.CreateUser +
+        '" onclick= ckxq("' +
+        row.F_WorkOrderId +
+        '") >' +
+        '<span style="color: #000000">' +
+        workIdCode +
+        "</span>" +
+        '<span style="color: #FF0000">' +
+        workIdAddress +
+        "</span>" +
+        '<span style="color: #008000">' +
+        workIdDate +
+        "</span>" +
+        '<span style="color: #800080">' +
+        workIdSerialNumber +
+        "</span>" +
+        "</a></div>"
+    );
 }
-
+//	诉求标题
 function GetCont(val) {
 	if(val) {
-		var str = '<div '
+		var str = "<div ";
 		if(val.length > 10) {
 			str = str + ' title="' + val + '" ';
 			val = val.substr(0, 10) + "...";
 		}
-		return str + '>' + val + '</div>';
+		return str + ">" + val + "</div>";
 	} else {
-		return '';
+		return "";
 	}
 }
 //状态
 function States(val, row) {
-	var html = '';
-	switch(val + '') {
-		case '0':
-			html = '新工单';
+	var html = "";
+	switch(val + "") {
+		case "0":
+			html = "新工单";
 			if(row.F_IsReturn == 1) {
-				html = '新工单（回退）';
+				html = "新工单（回退）";
 			}
 			break;
-		case '1':
-			html = '待交办';
+		case "1":
+			html = "待交办";
 			break;
-		case '2':
-			html = '待查收';
+		case "2":
+			html = '<span style="color:#FF0000;">待查收</span>';
 			break;
-		case '3':
-			html = '退回审核中';
+		case "3":
+			html = "退回审核中";
 			break;
-		case '4':
-			html = '办理中';
+		case "4":
+			html = "办理中";
 			break;
-		case '5':
-			html = '延时审核';
+		case "5":
+			html = "延时审核";
 			break;
-		case '6':
-			html = '已办理';
+		case "6":
+			html = "已办理";
 			break;
-		case '7':
-			html = '待结案';
+		case "7":
+			html = "待回访";
 			break;
-		case '8':
-			html = '重办中';
+		case "8":
+			html = "重办中";
 			break;
-		case '9':
-			html = '已结案';
+		case "9":
+			html = "已结案";
 			break;
-		case '10':
-			html = '待审核';
+		case "10":
+			html = "待审核";
 			break;
-		case '11':
-			html = '重办待交办';
+		case "11":
+			html = "重办待交办";
 			break;
-		case '13':
-			html = '重办驳回';
-			break;
-		case '14':
-			html = '已结案';
+		case "13":
+			html = "重办驳回";
 			break;
 	}
 	return html;
@@ -153,32 +163,58 @@ function States(val, row) {
 //时限
 function OverTime(val, row) {
 	if(val == 1) {
-		return '<div class="" style="cursor: pointer;">' +
-			'<span class="Greens">' + row.LimitTime + '</span>' +
-			'</div>';
+		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.LimitTime + '</span>' +
-			'</div>';
+		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.LimitTime + '</span>' +
-			'</div>';
+		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 Dispose(val, row) {
 	var Rows = row.Buttons;
-	var html = '';
+	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", JSON.stringify(val));
+			html1 = html1.replace("data", val);
 			html1 = html1.replace("isProtect", row.F_IsProtect);
 			html1 = html1.replace("row", row.F_MainDeptId);
 		}
+		bl
 		html += html1;
-
 	}
 	return html;
-}
+}
+

WebUI/CallCenterWeb.UI/commonWorderList/js/orderListHeader.js

@@ -1,5 +1,31 @@
 var sourceareaObj,exportParam,typeObj,infopropertyObj
 $(function() {
+	laydate.skin('blue');
+    laydate({
+        elem: '#starttime',
+        event: 'focus',
+        istime: true,
+        format: 'YYYY-MM-DD hh:mm:ss'
+    });
+    laydate({
+        elem: '#endtime',
+        event: 'focus',
+        istime: true,
+        format: 'YYYY-MM-DD hh:mm:ss'
+    });
+    
+    laydate({
+        elem: '#dealstarttime',
+        event: 'focus',
+        istime: true,
+        format: 'YYYY-MM-DD hh:mm:ss'
+    });
+    laydate({
+        elem: '#dealstrendtime',
+        event: 'focus',
+        istime: true,
+        format: 'YYYY-MM-DD hh:mm:ss'
+    });
 	sourceareaObj = {
     	ele:"#sourceAreas",
     	apiUrl:"Area/GetAreaListById",
@@ -7,38 +33,56 @@ $(function() {
     		textKey:'F_AreaName',
     		valueKey:'F_AreaId'
     	}
-    }
+   }
+	sourceObj = {
+		ele:"#source",
+		id: 1
+	}
 	typeObj = {
 		ele:"#type",
 		id: 2
 	}
-	infopropertyObj = {
-		ele:"#infoproperty",
-		id: 406
-	}
-	laydate.render({
-    	elem: '#starttime', //指定元素
-        range: '~'
-    });
-    tree();
+    //工单来源
+    selectCommonFn(getDicObjFn(sourceObj))
+    //受话坐席
+    personSelect($("#ZX"),"ZXLD,MTDD","UserAccount/GetSeatList");
+    //审核员
+    personSelect($("#yardman"),"ZXLD,MTDD","UserAccount/GetUsersList");
     //精准地域
     selectCommonFn(sourceareaObj)
-    //舆情来源
-    selectCommonFn(getDicObjFn(infopropertyObj))
+    
+    tree();
     //舆情类型
     selectCommonFn(getDicObjFn(typeObj))
-    //信息属性
-    selectCommonFn(getDicObjFn("#infoproperty",406))
+
     $(".Seach").click(function() {
 		load(getParam);
 	})
-    $(".Export").click(function() {
-    	exportParam.isdc = 1
-		exportFileFun(getParam.apiUrl, exportParam)
-	})
+    // 导出文件
+    $(".exportFile").click(function() {
+    	
+        exportParam.isdc = 1;
+        console.log(exportParam)
+        exportFileFun(getLoadParams(urlState).apiUrl, exportParam)
+    })
     
 })
-
+$('.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();
+})
+function Close() {
+    $(".lyxz").removeClass("cx");
+    if ($("audio").length > 0) {
+        $("audio")[0].pause();
+    }
+}
 
 //承办单位下拉事件开始
 $(".inps").focus(function() {
@@ -94,7 +138,6 @@ 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();
 	}
 }
@@ -109,8 +152,11 @@ function exportFileFun(api, params) {
     delete params.pagesize
     delete params.pageindex
     Object.keys(params).forEach(function(key, index) {
+    	
     	if(!params[key]){
-    		params[key] = ""
+    		if (params[key] != 0) {
+    			params[key] = ""
+    		}
     	}
         if (index === 0) {
             url += `?${key}=${params[key]}`
@@ -118,5 +164,6 @@ function exportFileFun(api, params) {
             url += `&${key}=${params[key]}`
         }
     })
+    console.log(url)
     window.location.href = url;
 }

WebUI/CallCenterWeb.UI/commonWorderList/orderList.html

@@ -36,8 +36,7 @@
                             <tr>
                                 <th>工单来源：</th>
                                 <td>
-                                    <select class="form-control" id="source">
-                                    </select>
+                                    <select class="form-control" id="source"></select>
                                 </td>
                                 <th>来电号码：</th>
                                 <td>
@@ -83,7 +82,6 @@
                                 <td>
                                     <select name="" id="sourceAreas" class="form-control Min-width"></select>
                                     <botton class="btns Seach">搜索</botton>
-                                    
                                 </td>
                             </tr>
                             <tr>
@@ -125,7 +123,7 @@
                         <li>
                             <a>督办件</a>
                         </li>
-                        <botton class="btns" onclick="hfIntelligence()" style="position: absolute; right: 15px; top: 5px;">智能回访</botton>
+                        <botton class="btns hfIntelligenceBox" onclick="hfIntelligence()" style="position: absolute; right: 15px; top: 5px; display: none;">智能回访</botton>
                     </ul>
                     <div style="width: 100%; padding: 10px">
                         <table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams"
@@ -151,620 +149,132 @@
             </div>
         </div>
         <input type="hidden" id="PID" />
-        <input type="hidden" id="Dpment" />
     </div>
     <script src="../js/layui/layui.js"></script>
     <script src="../js/bootstrap-select.js"></script>
     <script src="../css/laydate/laydate.js"></script>
     <script src="../My97DatePicker/WdatePicker.js"></script>
     <script src="../js/zTree/jquery.ztree.core.js"></script>
-    <script src="../js/search/screen.js"></script>
-    <script src="../js/WorkOrder/WorkOrderList.js"></script>
+    <script src="./js/common.js"></script>
+	<script src="./js/orderListCommon.js"></script>
+	<script src="./js/orderListHeader.js"></script>
+	<script src="./js/orderListOperation.js"></script>
 
     <script>
         var db = 0;
-        var exportParams; // 导出参数
+        var getParam = {}
+        var exportParam; // 导出参数
         var urlState = helper.request.queryString("urlState");
+        var wid = helper.request.queryString("wid");
         $(document).ready(function () {
-            var wid = helper.request.queryString("wid");
             if (wid) {
                 $("#tel").val(wid);
-                load();
             }
-            laydate.skin('blue');
-            laydate({
-                elem: '#starttime',
-                event: 'focus',
-                istime: true,
-                format: 'YYYY-MM-DD hh:mm:ss'
-            });
-
-            laydate({
-                elem: '#endtime',
-                event: 'focus',
-                istime: true,
-                format: 'YYYY-MM-DD hh:mm:ss'
-            });
-            laydate({
-                elem: '#dealstarttime',
-                event: 'focus',
-                istime: true,
-                format: 'YYYY-MM-DD hh:mm:ss'
-            });
-            laydate({
-                elem: '#dealstrendtime',
-                event: 'focus',
-                istime: true,
-                format: 'YYYY-MM-DD hh:mm:ss'
-            });
-            // 获取用户角色
-            getCharacter($("#edituser"))
+            getParam = getLoadParams(urlState)
+            if(getParam.tabSecondText === '已办待回访'){
+            	$(".hfIntelligenceBox").show()
+            }
             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();
-            })
         });
         function getLoadParams(state){
       		var paramsObj = {
       			params:{}
       		}
         	switch (state){
+        		case "hwyDhf": //话务员
+        			paramsObj.tabSecondText = "已办待回访"
+        			paramsObj.params.jianhang = 0
+        			paramsObj.params.state = 7
+        			paramsObj.apiUrl = 'WorkOrder/GetZXDealList'
+        			break;
+        		case "shyDhf": //审核员
+        			debugger
+        			paramsObj.tabSecondText = "已办待回访"
+        			paramsObj.params.jianhang = 0
+        			paramsObj.params.state = 7
+        			paramsObj.apiUrl = 'WorkOrder/GetZXDealList'
+        			break;
         		case "110ybDhf": //110工单
+        			paramsObj.tabSecondText = "已办待回访"
         			paramsObj.params.jianhang = 6
+        			paramsObj.params.state = 7
+        			paramsObj.apiUrl = 'WorkOrder/GetZXDealList'
         			break;
         		case "qzsqslDhf": //群众诉求受理
+        			paramsObj.tabSecondText = "已办待回访"
         			paramsObj.params.jianhang = 5
+        			paramsObj.params.state = 7
+        			paramsObj.apiUrl = 'WorkOrder/GetZXDealList'
         			break;
         		case "ysjsjbDhf": //营商接诉即办
+        			paramsObj.tabSecondText = "已办待回访"
         			paramsObj.params.jianhang = 3
+        			paramsObj.params.state = 7
+        			paramsObj.apiUrl = 'WorkOrder/GetZXDealList'
         			break;
         		case "dmtDhf": //多媒体
+        			paramsObj.tabSecondText = "已办待回访"
         			paramsObj.params.jianhang = 1
+        			paramsObj.params.state = 7
+        			paramsObj.apiUrl = 'WorkOrder/GetZXDealList'
         			break;
         		case "sptDhf": //省平台
+        			paramsObj.tabSecondText = "已办待回访"
         			paramsObj.params.jianhang = 4
+        			paramsObj.params.state = 7
+        			paramsObj.apiUrl = 'WorkOrder/GetZXDealList'
+        			break;
+        		
+        		case "hwyDsh": //话务员
+        			paramsObj.tabSecondText = "已办待审核"
+        			paramsObj.params.jianhang = 0
+        			paramsObj.params.state = 6
+        			paramsObj.apiUrl = 'WorkOrder/GetZXDealList'
         			break;
-        		default:	// 话务员，审核员，默认0 
+        		case "shyDsh": //审核员
+        			debugger
+        			paramsObj.tabSecondText = "已办待审核"
         			paramsObj.params.jianhang = 0
+        			paramsObj.params.state = 6
+        			paramsObj.apiUrl = 'WorkOrder/GetZXDealList'
+        			break;
+        		case "110ybDsh": //110工单
+        			paramsObj.tabSecondText = "已办待审核"
+        			paramsObj.params.jianhang = 6
+        			paramsObj.params.state = 6
+        			paramsObj.apiUrl = 'WorkOrder/GetZXDealList'
+        			break;
+        		case "qzsqslDsh": //群众诉求受理
+        			paramsObj.tabSecondText = "已办待审核"
+        			paramsObj.params.jianhang = 5
+        			paramsObj.params.state = 6
+        			paramsObj.apiUrl = 'WorkOrder/GetZXDealList'
+        			break;
+        		case "ysjsjbDsh": //营商接诉即办
+        			paramsObj.tabSecondText = "已办待审核"
+        			paramsObj.params.jianhang = 3
+        			paramsObj.params.state = 6
+        			paramsObj.apiUrl = 'WorkOrder/GetZXDealList'
+        			break;
+        		case "dmtDsh": //多媒体
+        			paramsObj.tabSecondText = "已办待审核"
+        			paramsObj.params.jianhang = 1
+        			paramsObj.params.state = 6
+        			paramsObj.apiUrl = 'WorkOrder/GetZXDealList'
+        			break;
+        		case "sptDsh": //省平台
+        			paramsObj.tabSecondText = "已办待审核"
+        			paramsObj.params.jianhang = 4
+        			paramsObj.params.state = 6
+        			paramsObj.apiUrl = 'WorkOrder/GetZXDealList'
+        			break;
+        		default:	// 话务员 hwyDhf，审核员 shyDhf，默认0 
+//      			paramsObj.apiUrl = 'WorkOrder/GetZXDealList'
         			break;
         	}
         	return paramsObj
         }
-        //获取查询信息
-        function load() {
-            //坐席
-            var usercodeID = "";
-            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 = "";
-            }
-            //先销毁表格
-            $("#orderlist").bootstrapTable("destroy");
-            //初始化表格,动态从服务器加载数据
-            $("#orderlist").bootstrapTable({
-                method: "get", //使用get请求到服务器获取数据
-                url: huayi.config.callcenter_url + "WorkOrder/GetZXDealList", //获取数据的Servlet地址
-                contentType: "application/x-www-form-urlencoded",
-                striped: true, //表格显示条纹
-                singleSelect : false,
-                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,
-                        workid: $("#wids").val(),
-                        state: 7, //=工单状态
-                        type: $("#type").val(), //=工单类型
-                        //bigtype: $("#bigtype").val(), //=大类别
-                        //smalltype: $("#smalltype").val(), //=小类别
-                        key: $("#key").val(), //=关键字
-                        tel: $("#tel").val(), //=客户电话
-                        name: $("#name").val(), //=客户名称
-                        usercode: usercodeID, //=坐席工号
-                        ddusercode: ddusercodeID,
-                        dealstarttime: $("#dealstarttime").val(), //办理开始时间
-                        dealstrendtime: $("#dealstrendtime").val(), //办理结束时间
-                        keyid: $("#keyid").val(), //=关键词id
-                        source: $("#source").val(), //=来源&
-                        starttime: $("#starttime").val(), //=开始时间
-                        endtime: $("#endtime").val(), //=结束时间
-                        deptid: $("#PID").val(),
-                        tobereply: 1,
-                        tab: 0,
-                        type: $("#type").val(),
-                        dealtype: $("#dealtype").val(),
-                        sourcearea: $("#sourceAreas").val(), //区域
-                        issms: $("#issms").val(), //发送短信
-                        edituser: $("#edituser").val(), // 用户角色
-                        jianhang: getLoadParams(urlState).params.jianhang,
-                        phoneType: 2, // 12345来电
-                        db: db, // 热线件（db=0），督办件（db=1）
-                        token: $.cookie("token"),
-                    };
-                    // 导出参数
-                    exportParams = param;
-                    return param;
-                },
-                onLoadSuccess: function (data) {
-                    //加载成功时执行
-                    //						layer.msg("加载成功");
-                    //console.log(data);
-                },
-                onLoadError: function () {
-                    //加载失败时执行
-                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
-                },
-            });
-        }
-
-        //状态
-        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 = '<span style="color:#FF0000;">待查收</span>';
-                    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 '12':
-                    //                  html = '待审核';
-                    //                  break;
-                case "13":
-                    html = "重办驳回";
-                    break;
-            }
-            return html;
-        }
-
-        //编号
-        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) {
-                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({
-                type: 2,
-                content: "../CommonHtml/handle.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "办理工单",
-                area: ["87%", "80%"], //宽高
-            });
-        }
-        //处理审核
-        function auditdeal(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/processing_audit.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "处理审核",
-                area: ["80%", "80%"], //宽高
-            });
-        }
-        //编辑
-        function bj(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/AddAppeal.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "编辑工单",
-                area: ["96%", "80%"], //宽高
-            });
-        }
-        //删除
-        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");
-                            }
-                        }
-                    );
-                }
-            );
-        }
-
-        //提交
-        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();
-                            }
-                        }
-                    );
-                }
-            );
-        }
-        //交办
-        function jb(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/jiaoban.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "工单交办",
-                area: ["87%", "80%"], //宽高
-            });
-        }
-        //领导批示
-        function lader(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/Leader.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "领导批示",
-                area: ["60%", "80%"], //宽高
-            });
-        }
-        //市长批示
-        function city(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/shizhang.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "市长批示",
-                area: ["60%", "80%"], //宽高
-            });
-        }
-        //办理
-        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%"], //宽高
-            });
-        }
-        //督办
-        function Supervision(str) {
-            layer.open({
-                type: 2,
-                // 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: ["90%", "90%"], //宽高
-            });
-        }
-
-        //督查
-        function Supervision_(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/Supervision_.html?wid=" +
-                    str +
-                    "&type=2", //iframe的url，no代表不显示滚动条
-                title: "监察",
-                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({
-                type: 2,
-                content: "../CommonHtml/StrongLawsuit.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "强制结案",
-                area: ["60%", "80%"], //宽高
-            });
-        }
-        //回退BackDtail
-        function BackDtail(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/BackDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "工单督办",
-                area: ["60%", "80%"], //宽高
-            });
-        }
-        //查收
-        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("查收成功");
-                                //load();
-                                $("#orderlist").bootstrapTable("refresh");
-                            }
-                        }
-                    );
-                }
-            );
-        }
-        //收回
-        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");
-                            }
-                        }
-                    );
-                }
-            );
-        }
-        //强制回收
-        function recycles() {
-            layer.confirm("确定要强制退回吗？", {
-                btn: ["是", "否"], //按钮
-            });
-        }
-
-        //审核退回申请
-        function shth(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/shth.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "审核退回申请",
-                area: ["60%", "80%"], //宽高
-            });
-        }
-
-        //申请延时
-        function ys(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/Timesq.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "申请延时",
-                area: ["60%", "80%"], //宽高
-            });
-        }
-        //审核申请延时
-        function shys(str) {
-            layer.open({
-                type: 2,
-                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, //之前的审核
-                content: "../CommonHtml/auditBack.html?wid=" + str, //
-                title: "工单审核",
-                area: ["80%", "80%"], //宽高
-            });
-        }
         function hfIntelligence(){
         	var rows = $('#orderlist').bootstrapTable('getSelections');
         	console.log(rows)
@@ -785,224 +295,6 @@
         		layer.msg("请选择智能回访数据")
         	}
         }
-        //重办工单
-        function cb(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/Cb.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "重办工单",
-                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({
-                type: 2,
-                content: "../CommonHtml/lawsuits.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "诉求单结案",
-                area: ["60%", "80%"], //宽高
-            });
-        }
-        //退回
-        function returnRedo(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/returnRedo.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "退回",
-                area: ["50%", "40%"], //宽高
-            });
-        }
-        //退回
-        function returnAuditor(str) {
-            layer.open({
-                type: 2,
-                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%", "70%"], //宽高
-            });
-        }
-        //来源
-        function LY(obj) {
-            obj.empty();
-            obj.append(
-                '<option selected="selected" value="">请选择</option>'
-            );
-            $.getJSON(
-                huayi.config.callcenter_url +
-                "Dictionary/GetDicValueListById", {
-                    token: $.cookie("token"),
-                    id: 1,
-                },
-                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 LB(obj) {
-            obj.empty();
-            obj.append(
-                '<option selected="selected" value="">请选择</option>'
-            );
-            $.getJSON(
-                huayi.config.callcenter_url +
-                "Dictionary/GetDicValueListById", {
-                    token: $.cookie("token"),
-                    id: 2,
-                },
-                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 ZT(obj) {
-            obj.empty();
-            obj.append(
-                '<option selected="selected" value="">请选择</option>'
-            );
-            $.getJSON(
-                huayi.config.callcenter_url +
-                "Dictionary/GetDicValueListById", {
-                    token: $.cookie("token"),
-                    id: 3,
-                },
-                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"),
-                    //		"pid": pid
-                },
-                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();
-//          }
-        }
-
-        function Close() {
-            $(".lyxz").removeClass("cx");
-            if ($("audio").length > 0) {
-                $("audio")[0].pause();
-            }
-        }
-
-        // 导出文件
-        $(".exportFile").click(function() {
-            exportParams.isdc = 1;
-            exportFileFun("WorkOrder/GetZXDealList", exportParams)
-        })
     </script>
 </body>
 

WebUI/CallCenterWeb.UI/commonWorderList/orderList1.html

@@ -58,8 +58,7 @@
                                 </td>
                                 <th>舆情来源：</th>
                                 <td>
-                                	<input type="text" class="Min-width" placeholder="输入舆情来源" id="source"  />
-                                    <!--<select class="select_" id="source"></select>-->
+                                	<input type="text" class="Min-width" placeholder="输入舆情来源" id="source"/>
                                 </td>
                             </tr>
                             <tr>

WebUI/CallCenterWeb.UI/css/WorkOrder/WorkOrderList.css

@@ -163,7 +163,7 @@
 .xl,
 .xlReactionCategory {
     display: inline-block;
-    background: url(../img/dropDown.png) no-repeat;
+    background: url(../../img/dropDown.png) no-repeat;
     height: 100%;
     background-position: center center;
     width: 20px;