登记信息

CallCenterWeb.UI/callScreen/call.js

@@ -348,21 +348,18 @@ function loadZSK() {
 	})
 }
 
-
 //获取历史记录
 function loadOld() {
-
     var type = $(".ldtp-cr ul.ld-service .cr-click").attr("itemtype");
     $(".complain").hide();
     $(".complain").eq(type).show();
     if (type == '2') {
-
         //先销毁表格
         $('#orderlist').bootstrapTable('destroy');
         //初始化表格,动态从服务器加载数据
         $("#orderlist").bootstrapTable({
             method: "get", //使用get请求到服务器获取数据
-            url: huayi.config.callcenter_url + "WorkOrder/GetList", //获取数据的Servlet地址
+            url: huayi.config.callcenter_url + "RegRecords/GetList", //获取数据的Servlet地址
             contentType: 'application/x-www-form-urlencoded',
             striped: true, //表格显示条纹
             pagination: true, //启动分页
@@ -436,34 +433,19 @@ function loadOld() {
     }
 }
 
-//格式化历史记录内处理方式
-function formatterDealType(val, row) {
-	//处理方式0:IVR处理1骚扰电话2自助服务3转值班电话4留言5呼损6人工处理
-	var str = '-';
-	switch(val) {
-		case 0:
-			str = 'IVR处理';
-			break;
-		case 1:
-			str = '骚扰电话';
-			break;
-		case 2:
-			str = '自助服务';
-			break;
-		case 3:
-			str = '转值班电话';
-			break;
-		case 4:
-			str = '留言';
-			break;
-		case 5:
-			str = '呼损';
-			break;
-		case 6:
-			str = '人工处理';
-			break;
-	}
-	return str;
+// 工单编号
+function View(val, row) {
+    return '<div class="imgs" ><a class="view" onclick= btn_register_details("' + row.F_ID + '") >' + val + '</a></div>';
+}
+
+function btn_register_details(id) {
+    layer.open({
+        type: 2,
+        title: '登记详情',
+        maxmin: true, //开启最大化最小化按钮
+        area: ['80%', '80%'],
+        content: '../registrationManagement/registrationList/detail.html?ids=' + id
+    });
 }
 
 function GetCallState(val) {
@@ -599,7 +581,7 @@ function saveCustomer() {
             token: $.cookie("token"),
             cusid: $("#khid").val(), //档案id
             direction: 0, // 0来电，1去电
-            type: $('#formRegistrationType input[name="type"]:checked').val(), //工单类型
+            type: $('#formRegistrationType input[name="type"]:checked').val(), //登记类型
             complained: $("#formComplainedUnit").val(), //被投诉单位
             content: $("#formRegistrationContent").val(), //登记内容/投诉事项
             remark: $("#formRegistrationRemark").val(), //备注

CallCenterWeb.UI/callScreen/callScreen.html

@@ -573,7 +573,7 @@
 						<li style="border-bottom:1px solid #f95a83;" itemtype="0" class="cr-click">来电登记</li>
 						<li style="border-bottom:1px solid #243747;" itemtype="1">历史通话</li>
                         <li style="border-bottom:1px solid #69cbd0;" itemtype="2" >历史记录</li>
-						<li style="border-bottom:1px solid #69cbd0;" itemtype="2" >关联案件</li>
+						<li style="border-bottom:1px solid #69cbd0;" itemtype="3" >关联案件</li>
 					</ul>
                     <div class="ld-sercon">
                         <div class="complain" style="display: block;">
@@ -655,9 +655,7 @@
                                     </table>
                                 </div>
                             </div>
-
                         </div>
-
                         <div class="complain" style="display:none;">
                             <div class="ld-sercon-con clearfix">
                                 <div class="Ps-chaxun">
@@ -669,31 +667,16 @@
                                     <span class="searchbtn"></span>
                                 </div>
                                 <div id="zxlbs" class="table-responsive col-sm-12 tbold" style="padding-left: 0;">
-
                                     <table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
                                         <thead>
                                             <tr>
-												<th data-field="F_WorkOrderId" data-class="W160" data-align="center">工单编号</th>
-												<th data-field="F_AreaName" data-class="W60" data-align="center">大区</th>
-												<th data-field="F_OfficName" data-class="W80" data-align="center">办事处</th>
-												<th data-field="F_CreateTime" data-class="W190" data-formatter="formatterCharacter25" data-align="center">投诉时间</th>
-												<th data-field="F_SerialNumber" data-class="W60" data-align="center">序号</th>
-												<th data-field="F_CusName" data-class="W100" data-align="center">姓名</th>
-												<th data-field="F_AddRess" data-class="W240" data-formatter="formatterCharacter15" data-align="center">地址</th>
-												<th data-field="F_CusPhone" data-class="W140" data-formatter="formatterCharacter15" data-align="center">联系电话</th>
-												<th data-field="F_ProductType" data-class="W100" data-align="center">产品代码</th>
-												<th data-field="F_ProductName" data-class="W180" data-formatter="formatterCharacter10" data-align="center">产品名称</th>
-												<th data-field="F_Specifications" data-class="W80" data-formatter="formatterCharacter8" data-align="center">规格</th>
-												<th data-field="F_ProductDate" data-class="W100" data-align="center">生产日期</th>
-												<th data-field="F_BatchNumber" data-class="W120" data-formatter="formatterCharacter12" data-align="center">产品编码</th>
-												<th data-field="F_Manufacturer" data-class="W100" data-formatter="formatterCharacter8" data-align="center">生产厂家</th>
-												<th data-field="F_ProblemCode" data-class="W80" data-align="center">问题代码</th>
-												<th data-field="F_QualityProblem" data-class="W180" data-formatter="formatterCharacter10" data-align="center">质量问题</th>
-												<th data-field="F_Notifications" data-class="W80" data-align="center">通知人</th>
-												<th data-field="F_ReceivingPerson" data-class="W80" data-align="center">接听人</th>
-												<th data-field="F_DealResult" data-class="W240" data-formatter="formatterCharacter15" data-align="center">落实情况</th>
-												<th data-field="F_State" data-class="W100" data-formatter="workOrderStateJudge" data-align="center">处理进度</th>
-												<th data-field="F_Type" data-class="W100" data-formatter="workOrderTypeJudge">工单类别</th>
+                                                <th data-field="F_RecCode" data-align="center" data-formatter="View">登记编号</th>
+                                                <th data-field="CusName" data-align="center">姓名</th>
+                                                <th data-field="CusPhone" data-align="center">联系电话</th>
+                                                <th data-field="F_Type" data-align="center">登记类型</th>
+                                                <th data-field="F_Content" data-align="center">登记内容</th>
+                                                <th data-field="CreateByName" data-align="center">创建人</th>
+                                                <th data-field="F_CreateOn" data-align="center">创建时间</th>
                                             </tr>
                                         </thead>
                                         <tbody class="list"></tbody>

CallCenterWeb.UI/keHuManager/archivesManage/js/addOrEdit.js

@@ -58,7 +58,6 @@ $(document).ready(function() {
                 $("#formCountry option:selected").text(con.F_County);
                 $("#formAddress").val(con.F_Address);
                 $("#formSex input[name='sex'][value='" + con.F_Sex +"']").prop("checked","checked");
-                // $("#formSex input[name='sex']:checked").val(con.F_Sex);
                 $("#formRemark").val(con.F_Remarks);
 			}
 		})

CallCenterWeb.UI/keHuManager/css/addCustomerFile.css

@@ -1,309 +0,0 @@
-/*编辑，添加，查看用户信息页面样式*/
-
-ul {
-	list-style: none;
-	padding: 0;
-}
-
-.container{
-	padding: 0;
-}
-
-.project_items {
-	margin: 30px auto;
-	display: none;
-}
-
-.project_items li label {
-	height: 34px;
-	line-height: 34px;
-}
-
-.project_items li textarea {
-	resize: none;
-}
-
-.project_items_title {
-	border-bottom: 1px dashed #e7e7e7;
-	padding-bottom: 10px;
-}
-
-.crop_left {
-	width: 40%;
-	float: left;
-}
-
-.crop_right {
-	width: 30%;
-	float: right;
-	margin-right: 25px;
-}
-
-.btnn {
-	background: #2f4050;
-	color: #fff;
-	padding: 3px 10px;
-	border: 0;
-	border-radius: 3px;
-	cursor: pointer;
-}
-
-.project_save {
-	width: 20%;
-}
-
-.tab_head {
-	position: relative;
-	background-color: #fff;
-	border-top: 1px solid #e7eaec;
-	margin-bottom: 15px;
-}
-
-.tab_head_left {
-	padding-left: 0;
-	margin: 0;
-	border-bottom: 1px solid #eef0f2;
-}
-
-.tab_head li {
-	float: left;
-	width: 10.5%;
-	text-align: center;
-	padding: 13px 0;
-	font-size: 16px;
-	color: #7b8a97;
-	cursor: pointer;
-}
-
-.tab_head .tab_head_active {
-	border-bottom: 3px solid #19aad0;
-	margin-bottom: -2px;
-	color: #19aad0;
-}
-
-.tab_head .tab_badge {
-	display: inline-block;
-	min-width: 15px;
-	min-height: 15px;
-	padding: 3px;
-	margin-top: -20px;
-	font-size: 14px;
-	font-weight: 700;
-	line-height: 1;
-	color: #fff !important;
-	text-align: center;
-	white-space: nowrap;
-	vertical-align: middle;
-	background-color: #18abd1;
-	border-radius: 50%;
-}
-
-.tabs_details {
-	display: none;
-	width: 100%;
-}
-
-.showtabs {
-	display: block;
-}
-
-.form-horizontal .radio-inline {
-	padding-top: 0;
-}
-
-.radio-inline input[type=radio],
-.checkbox-inline input[type=checkbox] {
-	margin-top: 10px;
-}
-
-.form-horizontal .form-group {
-	margin-left: 0;
-	margin-right: 0;
-}
-
-li.form-group>label {
-	text-align: right;
-}
-
-img.upload-img {
-	margin-top: 10px;
-	margin-bottom: 10px;
-	width: 100%;
-	height: 100%;
-}
-
-.seeAccountDetail .form-control[disabled],
-.seeAccountDetail .form-control[readonly] {
-	background-color: transparent;
-}
-
-.seeAccountDetail input,
-.seeAccountDetail textarea,
-.seeAccountDetail select {
-	border: none;
-	outline: none;
-	background: none;
-	-webkit-box-shadow: none;
-	box-shadow: none;
-}
-
-.seeAccountDetail select {
-	appearance: none;
-	-moz-appearance: none;
-	/* Firefox */
-	-webkit-appearance: none;
-	/* Safari 和 Chrome */
-}
-
-.user_portrait {
-	width: 100px;
-	height: 100px;
-	background-color: #EFEFEF;
-}
-
-.user_portrait img,
-.accountIdentification img,
-.accountOrganizationsPic img,
-.accountBusinessLicensePic img {
-	width: 100%;
-	height: 100%;
-	font-size: 0;
-	vertical-align: middle;
-}
-
-.accountIdentification {
-	width: 240px;
-	height: 151px;
-	background-color: #EFEFEF;
-}
-
-.accountOrganizationsPic {
-	width: 650px;
-	height: 450px;
-	background-color: #EFEFEF;
-}
-
-.accountBusinessLicensePic {
-	width: 650px;
-	height: 467px;
-	background-color: #EFEFEF;
-}
-
-.text_require {
-	color: red;
-	vertical-align: middle;
-	font-weight: 900;
-}
-
-.text-tips {
-	color: red;
-	line-height: 34px;
-}
-
-#upLinkImgs {
-	display: none;
-}
-
-#upLinkImgs .crop_left {
-	width: 60%;
-}
-
-
-/*#upLinkImgs .crop_left{
-	width: 37%;
-	margin-right: 0;
-	margin-left: 25px;
-}*/
-
-.aeBtns {
-	margin: 10px auto;
-	height: auto;
-}
-
-.aeBtns .form-control {
-	width: 280px;
-}
-
-.aeBtns li.form-group {
-	float: left;
-	width: 50%;
-	margin-bottom: 5px;
-}
-
-.aeBtns textarea {
-	resize: none;
-}
-
-.aeBtns .radio-inline input[type=radio] {
-	margin-top: 2px;
-}
-
-.drop_down {
-	position: relative;
-}
-
-.drop_down .caret {
-	position: absolute;
-	right: 24px;
-	top: 15px;
-}
-
-.form-group {
-	margin-bottom: 5px;
-}
-
-
-/*添加或修改菜单*/
-
-.icon-color {
-	color: #1aaad0;
-	padding-right: 5px;
-	vertical-align: middle;
-	font-size: 30px;
-}
-
-.select2-container--default .select2-results__option--highlighted[aria-selected] {
-	background-color: rgba(0, 0, 0, .5) !important;
-}
-
-.add_or_edit_menu .form-group {
-	margin-bottom: 5px;
-}
-
-#reginsTreeView {
-	position: absolute;
-	background-color: #fff;
-	z-index: 4;
-	width: 92%;
-	max-height: 256px;
-	overflow-y: auto;
-}
-
-.contactList_item {
-	box-shadow: 0px 2px 7px #eee;
-	border-radius: 2px;
-	padding: 5px;
-	margin-bottom: 10px;
-}
-
-.isMain{
-	height: 30px;
-  line-height: 32px;
-  border-left: 1px solid #E5E6E7;
-  padding-left: 10px;
-}
-
-#customerTreeView{
-	position: absolute;
-	left: 15px;
-	width: 97%;
-	top: 32px;
-	background-color: #fff;
-	z-index: 4;
-	max-height: 256px;
-	overflow-y: auto;
-}
-
-.office-title{
-	width: 8.4%;
-}

CallCenterWeb.UI/keHuManager/css/kehuManger.css

@@ -1,131 +0,0 @@
-.clearfix:after {
-	content: "";
-	display: block;
-	clear: both;
-}
-
-.boxCon {
-	width: 100%;
-	background: #fff;
-	text-align: center;
-	padding: 10px 15px;
-	height: auto;
-	overflow-y: auto;
-}
-
-.boxCon>div {
-	padding: 15px 0;
-}
-
-.boxCon table th {
-	padding: 5px 8px 5px 0;
-	text-align: right;
-	width: 32%;
-}
-
-.boxCon table td {
-	padding: 6px 0 5px 10px;
-	text-align: left;
-	color: #717171;
-	line-height: 200%;
-}
-
-.kong {
-	display: none;
-}
-
-.bootstrap-select>.dropdown-toggle.bs-placeholder {
-	background-color: #ffffff!important;
-	border-color: #e5e6e7!important;
-}
-
-.filter-option {
-	color: #676b6d;
-}
-
-.form-inline {
-	display: inline-block;
-}
-
-.bootstrap-select>.dropdown-toggle.btn-default {
-	background-color: #ffffff!important;
-	border-color: #e5e6e7!important;
-	color: #555;
-}
-
-.testInput-list {
-	position: absolute;
-	z-index: 999;
-	border: 1px solid rgb(204, 204, 204);
-	background-color: rgb(255, 255, 255);
-	z-index: 99999;
-	padding-left: 0;
-	width: 97.6%;
-	display: none;
-}
-
-.testInput-list li {
-	padding: 5px;
-	list-style: none;
-}
-
-.testInput-list li:hover {
-	background-color: #E43926;
-	color: #fff;
-}
-
-#testInput4 {
-	outline: none;
-	border: 1px solid #ccc;
-	padding-left: 10px;
-	outline-color: #fff;
-}
-
-.addJsz_posi {
-	position: absolute;
-	right: -9px;
-	top: 7px;
-	color: red;
-}
-
-.addJsz_select {
-	
-	position: relative;
-}
-.addJsz_select_cus{
-	width: 180px;
-	position: relative;
-}
-.addTree {
-    background: #fff;
-    position: absolute;
-    width: 100%;
-    border: 1px solid darkgrey;
-    right: 0;
-    top: 32px;
-    display: none;
-}
-.xl {
-	display: inline-block;
-	background: url("../../img/dropDown.png") no-repeat;
-	height: 32px;
-	background-position: center center;
-	width: 20px;
-	position: absolute;
-	right: -2px;
-	top: 0px;
-	background-color: #f7bc8b;
-	cursor: pointer;
-}
-.inps1{
-	padding-left: 10px;
-}
-.inps2,.inps3,.inps4{
-	display: none;
-}
-
-
-
-
-
-

CallCenterWeb.UI/registrationManagement/registrationList/css/registrationList.css

@@ -0,0 +1,473 @@
+body {
+    font-family: "微软雅黑";
+    font-size: 14px;
+}
+
+.clearfix:after {
+    content: "";
+    display: block;
+    clear: both;
+}
+
+ul li {
+    list-style: none;
+    float: left;
+}
+
+.fr {
+    float: right;
+}
+
+.size-12 {
+    font-size: 12px;
+}
+
+.size-13 {
+    font-size: 13px;
+}
+/*标头*/
+
+.th-box {
+	margin-top: 10px;
+    width: 100%;
+    padding: 5px;
+    border-bottom: 1px solid #e7eaec;
+}
+
+.th-bar {
+    height: 40px;
+}
+
+.sc_btn {
+    display: block;
+    padding: 7px;
+    color: #FFF;
+    float: left;
+    border-radius: 5px;
+}
+.sc_btn:hover{
+	color:#fff;
+}
+.seach-box ul {
+    overflow: hidden;
+}
+
+    .seach-box ul li {
+        margin-right: 5px;
+    }
+
+.photo {
+    width: 128px;
+	padding: 2px 2PX 2PX 10PX;
+	height: 27px;
+	border: 1px solid #ebebeb;
+	color: #1ab394;
+	outline: none;
+	vertical-align: middle;
+
+}
+
+.selects {
+    width: 177px;
+    background-color: #FFF;
+    background-image: none;
+    border: 1px solid #e5e6e7;
+    border-radius: 1px;
+    color: inherit;
+    padding: 6px 12px;
+}
+
+#Select:focus {
+    outline: none;
+    border-color: #00BFFF;
+}
+
+input:focus {
+    outline: none;
+    border-color: #00BFFF;
+}
+
+.spiner-example {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 111;
+    margin-left: -85px;
+    margin-top: -100px;
+    display: none;
+}
+
+.sk-spinner-three-bounce {
+    width: 170px !important;
+}
+
+.sk-spinner p {
+    display: inline-block;
+    font-size: 18px;
+    margin-left: 10px;
+}
+
+#goods tr th {
+    text-align: center;
+}
+
+#goods td {
+    text-align: center;
+}
+
+.inputs {
+    width: 90px;
+}
+
+.max_width li {
+    width: 50%;
+    margin: 10px 0;
+}
+
+.gjsu label {
+    width: 100px;
+    margin-right: 10px;
+    text-align: right;
+}
+
+.add_time {
+    text-align: center;
+    margin-bottom: 20px;
+}
+
+.imgs {
+    color: rgb(0, 128, 0);
+    cursor: pointer;
+}
+
+.imgs a:hover {
+    color: #e43926;
+}
+
+.ckxq ul li {
+    padding: 5px 15px;
+    cursor: pointer;
+}
+
+.Active {
+    background: #1ab394;
+    color: #FFFFFF;
+}
+
+.tbodys th {
+    text-align: right;
+    /*background: rgb(214,236,255);*/
+}
+
+.tbodys td {
+    text-align: left;
+}
+
+.tbodys input {
+    background-color: #FFF;
+    background-image: none;
+    border-radius: 1px;
+    color: inherit;
+    padding: 1px 6px;
+    border: 1px solid #d7d7d7;
+}
+
+.Hidens {
+    display: none;
+}
+
+textarea {
+    border: 1px solid #d7d7d7;
+    outline: none;
+}
+
+.ckxq {
+    padding: 5px;
+    border: 1px solid #e5e6e7;
+}
+
+.ckxq_ul {
+    margin-top: 10px;
+}
+
+#gdxq_table > tbody > tr > th {
+    padding: 4px;
+    width: 100px;
+}
+
+#gdxq_table > tbody > tr > td {
+    padding: 4px;
+    width: 200px;
+}
+
+._table1 > tbody > tr > th {
+    text-align: right;
+    padding: 4px !important;
+}
+
+._table1 > tbody > tr > td {
+    padding: 4px !important;
+}
+
+
+.t-shade {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.48);
+    z-index: 10004;
+    display: none;
+}
+
+.shade_k {
+    z-index: 10005;
+    width: 55%;
+    margin: 2% auto;
+    background-color: #fff;
+    box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
+    display: none;
+    border-radius: 5px;
+}
+
+.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: #1ab394;
+    border-radius: 2px 2px 0 0;
+    position: relative;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+}
+
+.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;
+    }
+
+.shade_content {
+    overflow-y: auto;
+    position: relative;
+    padding-bottom: 50px;
+}
+
+.sa_title {
+    padding-left: 20px;
+    height: 35px;
+    line-height: 35px;
+    border-bottom: 1px solid #D7D7D7;
+}
+
+.inpBox {
+    border: 1px solid #e5e6e7;
+    height: 27px;
+    width: 170px;
+    display: inline-block;
+    position: relative;
+    vertical-align: middle;
+}
+
+.inps {
+    width: 167px;
+    height: 24px;
+    outline: none;
+    border: 0;
+    border-image-width: 0;
+    padding: 0;
+    padding-left: 3px;
+}
+
+.search-ztree-name{
+    width: 260px !important;
+    height: 34px;
+    background-color: #FFF !important;
+    border: 1px solid #e5e6e7;
+}
+
+.wh_btn input {
+    background: #1ab394;
+    color: #fff;
+    padding: 6px 10px;
+    outline: none;
+    font-size: 12px;
+    margin-left: 15px;
+    border: 0;
+    border-radius: 3px;
+    box-sizing: border-box;
+}
+
+.wh_btn {
+    width: 80%;
+    text-align: center;
+    padding-top: 20px;
+    margin: 0 auto;
+    margin-bottom: 30px;
+}
+
+.cx {
+    display: block;
+}
+
+/*超时*/
+.overTime {
+    width: 15px;
+    height: 15px;
+    border-radius: 50%;
+    background: #e43926;
+    margin: 0 auto;
+}
+
+.Ctime {
+    width: 20px;
+    height: 20px;
+    /*border-radius: 50%;*/
+    background:url(../../img/qigan.png) no-repeat;
+    margin: 0 auto;
+}
+
+.Closed {
+    font-size: 30px;
+    float: right;
+    position: relative;
+    top: -12px;
+    right: 5px;
+    cursor: pointer;
+}
+
+.warning{
+	color: #eea236;
+}
+.primary{
+	color: #1ab394;
+}
+.defauli{
+	color:#bababa;
+}
+
+.plasechoce{
+	margin: 0;
+    padding-left: 10px;
+    padding-top: 5px;
+} 
+.plasechoce:hover{
+	background: #ebebeb;
+}
+
+.tool_downs {
+	padding: 0;
+	margin: 0;
+}
+
+.tool_downs li {
+	float: none;
+	display: inline-block;
+}
+.tool_downs li .aBtn {
+	color: #337ab7;
+    width: auto;
+    padding: 0 3px;
+    display: inline-block;
+    font-size: 14px;
+}
+
+/* 时间输入框宽度 */
+.search_time {
+	width: 228px!important;
+}
+
+/* 搜索导出按钮 */
+.btn-position{
+	float: right
+}
+
+/* 
+附件
+*/
+
+.img-box {
+	float: left;
+	width: 120px;
+	height: 120px;
+	background-size: 100% 100%;
+	display: inline-block;
+	position: relative;
+	border-radius: 5px;
+	margin-right: 10px;
+	border: solid 1px #e8e8e8;
+	cursor: pointer;
+	text-align: center;
+	line-height: 120px
+}
+
+.img-box .img_mask {
+	display: none;
+	position: absolute;
+	left: 0;
+	top: 0;
+	background-color: rgba(0, 0, 0, .3);
+	width: 100%;
+	height: 22px;
+	z-index: 5;
+}
+
+.image-item {
+	width: 120px;
+	height: 120px;
+	background-size: 100% 100%;
+	display: inline-block;
+	position: relative;
+	border-radius: 5px;
+	margin-right: 10px;
+	cursor: pointer;
+}
+
+.img-box .img_mask i {
+	position: absolute;
+	right: 5px;
+	top: 5px;
+	display: inline-block;
+	width: 13px;
+	height: 12px;
+	cursor: pointer;
+	color: #fff;
+}
+
+.img-box:hover .img_mask {
+	display: block;
+}
+
+.img_filename{
+    font-size: 14px;
+	/* display: block; */
+    width: 100%;
+    height: calc(100% - 22px);
+}
+.layui-layer-imguide {
+    display: block !important;
+}
+
+.layui-layer-photos .layui-layer-phimg {
+    height: 100%;
+}
+
+.layui-layer-photos .layui-layer-phimg img {
+    height: 100%;
+}
+

CallCenterWeb.UI/registrationManagement/registrationList/detail.html

@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="../../Script/Common/huayi.load.js"></script>
+    <script src="../../Script/Common/huayi.config.js"></script>
+    <title></title>
+    <style>
+        ul li {
+            float: initial;
+            list-style: none;
+        }
+        .tableDetail {
+            padding: 30px 20px
+        }
+        .tableDetail table tr th,
+        .tableDetail table tr td {
+            text-align: center;
+        }
+    </style>
+</head>
+
+<body class="gray-bg">
+    <div class="tableDetail">
+        <table border="0" class="table table-bordered  table-hover" style="width: 100%;">
+            <tbody class="tbodys">
+                <tr>
+                    <th>登记编号：</th>
+                    <td>
+                        <span id="detailRegisterCode"></span>
+                    </td>
+                </tr>
+                <tr>
+                    <th>登记类型：</th>
+                    <td>
+                        <span id="detailType"></span>
+                    </td>
+                    <th>姓名：</th>
+                    <td>
+                        <span id="detailName"></span>
+                    </td>
+                    <th>电话：</th>
+                    <td>
+                        <span id="detailPhone"></span>
+                    </td>
+                </tr>
+                <tr>
+                    <th>性别：</th>
+                    <td>
+                        <span id="detailSex"></span>
+                    </td>
+                    <th>省：</th>
+                    <td>
+                        <span id="detailProvince"></span>
+                    </td>
+                    <th>市：</th>
+                    <td>
+                        <span id="detailCity"></span>
+                    </td>
+                </tr>
+                <tr>
+                    <th>县/区：</th>
+                    <td>
+                        <span id="detailCounty"></span>
+                    </td>
+                    <th>详细地址：</th>
+                    <td>
+                        <span id="detailAddress"></span>
+                    </td>
+                    <th>被投诉单位：</th>
+                    <td>
+                        <span id="detailComplained"></span>
+                    </td>
+                </tr>
+                <tr>
+                    <th>登记内容/投诉事项：</th>
+                    <td>
+                        <span id="detailContent"></span>
+                    </td>
+                    <th>来电备注：</th>
+                    <td>
+                        <span id="detailRemark"></span>
+                    </td>									
+                </tr>
+                <tr>
+                    <th>登记人：</th>
+                    <td>
+                        <span id="detailCreateBy"></span>
+                    </td>
+                    <th>登记时间：</th>
+                    <td>
+                        <span id="detailCreateOn"></span>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+        
+	<script src="./js/detail.js"></script>
+</body>
+
+</html>

CallCenterWeb.UI/registrationManagement/registrationList/edit.html

@@ -0,0 +1,224 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="../../Script/Common/huayi.load.js"></script>
+    <script src="../../Script/Common/huayi.config.js"></script>
+    <link rel="stylesheet" href="../../css/WorkOrder/jquery.editable-select.css" />
+    <link rel="stylesheet" href="../../js/comboSelect/combo.select.css" />
+    <link rel="stylesheet" href="../../css/init.css" />
+    <link rel="stylesheet" href="./css/registrationList.css">
+    <title>编辑</title>
+    <style>
+        ul li {
+            float: initial;
+            list-style: none;
+        }
+
+        .common {
+            width: 100%;
+            text-align: center;
+            padding: 10px 15px;
+        }
+
+        .common table {
+            width: 100%;
+        }
+
+        .common table th {
+            padding: 5px 8px 5px 0;
+            text-align: right;
+        }
+
+	    .common table td {
+            padding: 6px 0 5px 10px;
+            text-align: left;
+            color: #717171;
+            line-height: 200%;
+        }
+
+        .common table td textarea {
+            width: 100%;
+            vertical-align: middle;
+            resize: none;
+            outline: none;
+        }
+
+        .time-box {
+            display: inline-block;
+            position: relative;
+            width: 100%;
+        }
+
+        i.tub {
+            position: absolute;
+            right: 8px;
+            top: 8px;
+            font-size: 18px;
+            color: #00a0ca;
+        }
+
+        .treeList {
+            top: 34px !important;
+            border: 1px solid #e5e6e7 !important;
+            border-top: 0;
+            height: auto !important;
+        }
+
+        #TreeDemo li {
+            float: initial;
+        }
+
+        .addTree1 {
+            background: #fff;
+            position: absolute;
+            width: 100%;
+            border: 1px solid darkgrey;
+            right: 0;
+            top: 26px;
+            z-index: 10;
+            display: none;
+            height: 100px;
+            overflow-y: auto;
+        }
+
+        .form-group {
+            margin-bottom: 0;
+        }
+
+        .filter-option {
+            color: #676b6d;
+        }
+
+        .testInput-list {
+            position: absolute;
+            z-index: 999;
+            border: 1px solid rgb(204, 204, 204);
+            background-color: rgb(255, 255, 255);
+            z-index: 99999;
+            padding-left: 0;
+            width: 97.6%;
+            display: none;
+            height: 400px;
+            overflow-y: auto;
+        }
+
+	    .testInput-list li {
+            padding: 5px;
+        }
+
+        .testInput-list li:hover {
+            background-color: #E43926;
+            color: #fff;
+        }
+
+        .ke-container {
+            width: 100% !important;
+        }
+
+        button[disabled] {
+            background-color: #999;
+        }
+        .complainDiv2{
+			display: none;
+		}
+		.deal{
+			display: none;
+		}
+		
+		.r_order_type {
+			text-align: left;
+		}
+		
+		.radio-inline {
+			padding-left: 2px;
+		}
+		.radio-input{
+			vertical-align: -2px;
+		}
+		
+		#order_isover{
+			width: 100%;
+		}
+		
+		#isAssign{
+			width: 100%;
+		}
+		
+		#duplicate{
+			width: 100%;
+		}
+        .r_order_type{
+            width: 100%;
+        }
+    </style>
+</head>
+
+<body class="gray-bg">
+    <div class="clearfix wrapper wrapper-content animated fadeInRight">
+        <div class="common">
+            <table class="customerService">
+            	<tbody>
+                    <tr>
+						<th>工单类型：</th>
+                        <td>
+                        	<div id="formRegistrationType" class="col-md-6 r_order_type">
+                        		<input class="radio-input" id="registrationRadioAdvisory" type="radio" name="type" value="1" checked="checked">
+								<label class="radio-inline" for="registrationRadioAdvisory">
+					   				咨询
+								</label>
+								<input class="radio-input" id="registrationRadioComplaint" type="radio" name="type" value="2" >
+								<label class="radio-inline" for="registrationRadioComplaint">
+					   				投诉
+								</label>
+								<input class="radio-input" id="registrationRadioAskHelp" type="radio" name="type" value="3" />
+								<label class="radio-inline" for="registrationRadioAskHelp">
+									求助
+                                </label>
+                                <input class="radio-input" id="registrationRadioOther" type="radio" name="type" value="4" />
+								<label class="radio-inline" for="registrationRadioOther">
+									其他
+								</label>
+							</div>
+                        </td>
+					</tr>
+                    <tr>
+                        <th>被投诉单位：</th>
+                        <td>
+                            <div class="form-group">
+                                <input type="text" class="form-control" id="formComplainedUnit" />
+                            </div>
+                        </td>
+                        <th>登记内容/投诉事项：</th>
+                        <td>
+                            <div class="form-group">
+                                <input type="text" class="form-control" id="formRegistrationContent" />
+                            </div>
+                        </td>
+                    </tr>
+                    <tr class="workOrderTypeForm">
+                        <th>备注：</th>
+                        <td colspan="7">
+                            <textarea name="" rows="4" cols="" id="formRegistrationRemark" style="margin-top:10px;"></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td colspan="8" style="text-align: center;">
+                            <button class="btns customerSubmit">保&nbsp;存</button>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+
+    <script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
+    <script src="../js/WorkOrder/jquery.editable-select.js"></script>
+    <script src="../js/comboSelect/jquery.combo.select.js"></script>
+    <script src="../js/laydate/laydate.js"></script>
+    <script src="./js/edit.js"></script>
+</body>
+
+</html>

CallCenterWeb.UI/registrationManagement/registrationList/js/detail.js

@@ -0,0 +1,39 @@
+var token = $.cookie("token");
+var id = helper.request.queryString("ids");
+var cusid;
+$(document).ready(function() {
+    getRegisterDetail()
+})
+
+function getRegisterDetail() {
+    $.get(huayi.config.callcenter_url + 'RegRecords/GetDetails', {
+        id: id,
+        "token": $.cookie("token")
+    }, function(result) {
+        result = $.parseJSON(result);
+        if(result.state.toLowerCase() == "success") {
+            var con = result.data.model;
+            var conCus = result.data.cusmodel
+            $("#detailRegisterCode").text(con.F_RecCode)
+            $("#detailType").text(formatterRegisterType(con.F_Type)); //登记类型
+            $("#detailName").text(conCus.F_Name); //姓名
+            $("#detailPhone").text(conCus.F_Phone); //电话
+            $("#detailSex").text(conCus.F_Sex); //性别
+            $("#detailProvince").text(conCus.F_Province); //省
+            $("#detailCity").text(conCus.F_City); //市
+            $("#detailCounty").text(conCus.F_County); //县/区
+            $("#detailAddress").text(conCus.F_Address); //详细地址
+            $("#detailComplained").text(con.F_Complained); //被投诉单位
+            $("#detailContent").text(con.F_Content); //登记内容/投诉事项
+            $("#detailRemark").text(con.F_Remark); //备注
+            $("#detailCreateBy").text(con.F_CreateBy); //登记人
+            $("#detailCreateOn").text(con.F_CreateOn); //登记时间
+        }
+    })
+}
+
+//登记类型
+function formatterRegisterType(val) {
+    var formatterRegisterTypeArr = ["", "咨询", "投诉", "求助", "其他"]
+    return formatterRegisterTypeArr[val]
+}

CallCenterWeb.UI/registrationManagement/registrationList/js/edit.js

@@ -0,0 +1,60 @@
+var token = $.cookie("token");
+var id = helper.request.queryString("ids");
+var cusid;
+$(document).ready(function() {
+    getRegisterDetail()
+})
+
+//保存按钮
+$('.customerSubmit').click(function() {
+    if($('#customer_layer').val() == '') {
+        layer.confirm('请输入客户姓名！', {
+            btn: ['确定']
+        });
+        return;
+    }
+    if($('#customer_bedept').val() == '') {
+        layer.confirm('请输入客户电话！', {
+            btn: ['确定']
+        });
+        return;
+    }
+    $.post(huayi.config.callcenter_url + 'RegRecords/Save', {
+        "token": $.cookie("token"),
+        id:id,
+        token: $.cookie("token"),
+        cusid: cusid, //档案id
+        direction: 0, // 0来电，1去电
+        type: $('#formRegistrationType input[name="type"]:checked').val(), //登记类型
+        complained: $("#formComplainedUnit").val(), //被投诉单位
+        content: $("#formRegistrationContent").val(), //登记内容/投诉事项
+        remark: $("#formRegistrationRemark").val(), //备注
+    }, function(result) {
+        result = $.parseJSON(result);
+        if(result.state.toLowerCase() == "success") {
+            $("#activess").val(result.data);
+            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
+            parent.layer.close(index); //再执行关闭
+            parent.layer.msg("保存成功！");
+            parent.table.bootstrapTable('refresh');
+        }
+    })
+})
+
+
+function getRegisterDetail() {
+    $.get(huayi.config.callcenter_url + 'RegRecords/GetDetails', {
+        id: id,
+        "token": $.cookie("token")
+    }, function(result) {
+        result = $.parseJSON(result);
+        if(result.state.toLowerCase() == "success") {
+            var con = result.data.model;
+            cusid = con.F_CusID;
+            $("#formRegistrationType input[name='type'][value='" + con.F_Type +"']").prop("checked","checked"); //登记类型
+            $("#formComplainedUnit").val(con.F_Complained); //被投诉单位
+            $("#formRegistrationContent").val(con.F_Content); //登记内容/投诉事项
+            $("#formRegistrationRemark").val(con.F_Remark); //备注
+        }
+    })
+}

CallCenterWeb.UI/registrationManagement/registrationList/js/registrationList.js

@@ -0,0 +1,123 @@
+$(document).ready(function(){
+    initTable()
+    laydate.render({
+        elem: '#greetingTimes',
+        range: '~',
+        theme: '#1ab394',
+    });
+    laydate.render({
+        elem: '#duplicateTime',
+        range: '~',
+        theme: '#1ab394',
+    });
+    $(".search").click(function() {
+        initTable()
+    })
+});
+
+
+function initTable() {
+    //先销毁表格
+    $('#registerList').bootstrapTable('destroy');
+    //初始化表格,动态从服务器加载数据
+    $("#registerList").bootstrapTable({
+        method: "post", //使用get请求到服务器获取数据
+        url: huayi.config.callcenter_url + "RegRecords/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", //表示服务端请求
+        fixedColumns: true,
+        fixedNumber: 14,
+        //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+        //设置为limit可以获取limit, offset, search, sort, order
+        queryParamsType: "undefined",
+        queryParams: function queryParams(params) { //设置查询参数
+            var param = {
+                token: $.cookie("token"),
+                key: $("#searchKeyword").val(), //工单编号
+                direction: $("#searchDirection").val(), //方向
+                pageindex: params.pageNumber, //页码
+                pagesize: params.pageSize, //条数
+            };
+            return param;
+        },
+        onLoadSuccess: function() { //加载成功时执行
+            //layer.msg("加载成功");
+        },
+        onLoadError: function() { //加载失败时执行
+            //layer.msg("加载数据失败", { time: 1500, icon: 2 });
+        }
+    });
+}
+
+// 工单编号
+function View(val, row) {
+    return '<div class="imgs" ><a class="view" onclick= btn_register_details("' + row.F_ID + '") >' + val + '</a></div>';
+}
+
+//登记类型
+function formatterRegisterType(val, row) {
+    var formatterRegisterTypeArr = ["", "咨询", "投诉", "求助", "其他"]
+    return formatterRegisterTypeArr[val]
+}
+
+function formatterOperating(val, row) {
+    return '<ul class="tool_downs">' +
+		'<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_edit_' + row.F_ID + '" onclick="btn_edit(\'' + row.F_ID + '\')" title="修改">修改</a></li>' +
+		'<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_delete_' + row.F_ID + '" onclick="btn_delete(\'' + row.F_ID + '\')" title="删除">删除</a></li>' +
+		'</ul>';
+}
+
+function btn_edit(id) {
+    layer.open({
+        type: 2,
+        title: '编辑登记信息',
+        maxmin: true, //开启最大化最小化按钮
+        area: ['80%', '80%'],
+        content: 'edit.html?ids=' + id
+    });
+}
+
+function btn_register_details(id) {
+    layer.open({
+        type: 2,
+        title: '登记详情',
+        maxmin: true, //开启最大化最小化按钮
+        area: ['80%', '80%'],
+        content: 'detail.html?ids=' + id
+    });
+}
+
+function btn_delete (id) {
+    var laye = layer.confirm('您确定要删除吗？', {
+        btn: ['确定', '取消'] //可以无限个按钮
+    }, function () {
+        //按钮【按钮一】的回调
+        $.ajax({
+            type: "post",
+            url: huayi.config.callcenter_url + "RegRecords/Del",
+            async: true,
+            dataType: "json",
+            data: {
+                token: $.cookie("token"),
+                ids: id
+            },
+            success: function (data) {
+                if (data.state.toLowerCase() == 'success') {
+                    layer.msg("删除成功！");
+                    $("#registerList").bootstrapTable('refresh');
+                }
+            }
+        });
+    }, function (index) {
+        //按钮【按钮二】的回调
+        layer.close(laye)
+    });
+}

CallCenterWeb.UI/registrationManagement/registrationList/registrationList.html

@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>登记信息</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<script src="../../Script/Common/huayi.load.js"></script>
+		<script src="../../Script/Common/huayi.config.js"></script>
+		<link rel="stylesheet" href="../../js/bootstrap-select/css/bootstrap-select.css" />
+		<link rel="stylesheet" href="../../js/comboSelect/combo.select.css" />
+		<link rel="stylesheet" href="../../css/init.css" />
+		<link rel="stylesheet" href="./css/registrationList.css" />
+		<style>
+			.toolBox{
+				padding-top: 15px;	
+			}
+
+			.toolBox .form-inline .form-group{
+				margin-bottom: 10px;
+			}
+
+			.time-box {
+				display: inline-block;
+				position: relative;
+			}
+			
+			i.tub {
+				position: absolute;
+				right: 8px;
+				top: 8px;
+				font-size: 18px;
+				color: #1ab394;
+			}
+		</style>
+	</head>
+	
+	<body class="gray-bg">
+		<div class="daoHang clearfix">
+			<div class="dhLeft">
+				<sapn><i class="syIcon"></i>位置：
+					<a href="javaScript:;" id="ReIndex">首页</a>&gt;
+					<a href="javaScript:;">登记信息</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 class="wrapper wrapper-content animated fadeInRight">
+			<div class="toolBox clearfix">
+				<div class="pull-left">
+					<div class="form-inline clearfix">
+						<div class="form-group">
+							<input class="form-control" type="text" id="searchKeyword" placeholder="关键字">
+                        </div>
+                        <div class="form-group">
+							<select class="form-control" id="searchDirection">
+                                <option value="-11">请选择方向</option>
+								<option value="0">来电</option>
+								<option value="1">去电</option>
+							</select>
+						</div>
+						<div class="form-group btn-position">
+							<button class="btns search">搜索</button>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div style="width: 100%; padding: 10px; position: relative;" id="ces">
+				<table id="registerList" class="market" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+					<thead>
+						<tr>
+							<th data-field="F_RecCode" data-align="center" data-formatter="View">登记编号</th>
+							<th data-field="CusName" data-align="center">姓名</th>
+							<th data-field="CusPhone" data-align="center">联系电话</th>
+                            <th data-field="F_Type" data-align="center" data-formatter="formatterRegisterType" >登记类型</th>
+							<th data-field="F_Content" data-align="center">登记内容</th>
+							<th data-field="CreateByName" data-align="center">创建人</th>
+							<th data-field="F_CreateOn" data-align="center">创建时间</th>
+							<th data-field="" data-align="center" data-formatter="formatterOperating">操作</th>
+						</tr>
+					</thead>
+				</table>
+				<div class="dealResultContentWrapper" style="display: none;"></div>
+			</div>
+		</div>
+		
+		<script src="../../js/laydate/laydate.js"></script>
+		<script src="../../js/bootstrap-select/js/bootstrap-select.js"></script>
+		<script src="../../js/comboSelect/jquery.combo.select.js"></script>
+		<script src="./js/registrationList.js"></script>
+	</body>
+
+</html>