修改 业务信息内容，增加详情

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

@@ -1,12 +1,11 @@
-if (huayi == undefined) {
+if (huayi == undefined) {
     var huayi = {};
 }
 huayi.config = {
-    callcenter_url: "http://localhost:7459/",//生产环境 前端Web站IP和端口
-    //callcenter_url: "http://192.168.4.18:4669/",//生产环境 前端Web站IP和端口
+    //callcenter_url: "http://localhost:7459/",//生产环境 前端Web站IP和端口
+    callcenter_url: "http://192.168.4.18:4669/",//生产环境 前端Web站IP和端口
     socket_ip: "192.168.5.7",//WebSocket通讯ip
     socket_port: "8081",    //WebSocket通讯端口
     menuworktime: 30000,    //菜单工单数量刷新间隔
     indextime: 5000         //首页报表刷新间隔
-
 };

CallCenterWeb.UI/Script/Common/regexs.js

@@ -142,6 +142,10 @@ var regexs = {
 	 * */
 	address: /^([\u2E80-\u9FFF]|\w|[,，\.。])*$/,
 	/**
+	 * 匹配中文、英文、数字、括号和顿号  。
+	 * */
+	businessname: /^[A-Za-z0-9\u4e00-\u9fa5（）、]+$/,
+	/**
 	 * 匹配中文、英文、数字、下划线 和 \ - —— #
 	 * */
 	roomNum: /^([\u2E80-\u9FFF]|\w|[\-_——#])*$/,

CallCenterWeb.UI/WorkOrder/business.html

@@ -47,12 +47,11 @@
 				<table id="workorderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
 					<thead>
 						<tr>
-							<th data-field="F_BusName" data-align="center">业务名称	</th>
-							<th data-field="F_BusContent" data-align="center">业务内容</th>
-							<!-- <th data-field="F_Remark" data-align="center" data-formatter="formatterDetail">备注</th> -->
-							<th data-field="F_Remark" data-align="center">备注</th>
-							<!-- <th data-field="F_CusCode" data-align="center">登录的公司code</th> -->
-							<th data-field="F_Id" data-formatter="formatterOprate" data-width="100" data-align="center">操作</th>
+							<th data-field="F_BusName" data-align="center">业务名称</th>
+							<th data-field="F_BusLabel" data-align="center">业务标签</th>
+							<th data-field="F_BusContent" data-formatter="formatterContent" data-align="center">业务内容</th>
+							<th data-field="F_Remark" data-align="center" data-formatter="formatterDetail">备注</th>
+							<th data-field="F_Id" data-formatter="formatterOprate" data-width="150" data-align="center">操作</th>
 						</tr>
 					</thead>
 				</table>

CallCenterWeb.UI/WorkOrder/js/addOrEditBusiness.js

@@ -1,6 +1,31 @@
 /**
  * 修改增加业务信息
  * */
+
+//编辑器配置
+KindEditor.ready(function(K) {
+	window.editor = K.create('#F_BusContent', {
+		imgMaxSize: 10 * 1024 * 1024,
+		minHeight: '300px',
+		uploadJson: '../../js/kindeditor/asp.net/upload_json.ashx',
+		fileManagerJson: '../../js/kindeditor/asp.net/file_manager_json.ashx',
+		allowFileManager: true,
+		afterCreate: function() {
+			this.loadPlugin('autoheight');
+		},
+		items: [
+			'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
+			'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
+			'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
+			'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
+			'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
+			'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image',
+			'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
+			'anchor', 'link', 'unlink', '|', 'about'
+		]
+	});
+}); 
+ 
 $(function() {
 	autosize($('textarea'));
 // 	//获取所属行业//获取税务类别//获取客户信誉等级
@@ -28,7 +53,8 @@ function getCustomer(ids) {
 			data = data.data;
 			if (data) {
 				$('#F_BusName').val(data.F_BusName);//	string 业务名称	
-				$('#F_BusContent').val(data.F_BusContent);//	string 业务内容	
+				editor.html(decodeURIComponent(data.F_BusContent));//	string 业务内容	
+				// $('#F_BusContent').val(data.F_BusContent);//	string 业务内容	
 				$('#F_BusLabel').val(data.F_BusLabel);//	string 业务标签
 				$('#F_Remark').val(data.F_Remark);//	string 备注
 				$('#F_BusName').trigger('blur');
@@ -65,7 +91,8 @@ function saveCustomer() {
 			F_Id: edit_id,//主ID
 			F_BusName: $('#F_BusName').val(),//	string 业务名称	
 			F_BusLabel: $('#F_BusLabel').val(),//	string 业务标签
-			F_BusContent: helper.filter.delHtmlTag($('#F_BusContent').val()),//	string 业务内容	
+			// F_BusContent: helper.filter.delHtmlTag($('#F_BusContent').val()),//	string 业务内容	
+			F_BusContent: encodeURIComponent(editor.html()),//	string 业务内容	
 			F_Remark: helper.filter.delHtmlTag($('#F_Remark').val()),//	string 备注
 			token: $.cookie("token")
 		},
@@ -115,7 +142,7 @@ function valideInput() {
 	//console.log($(this).attr('id'));
 	switch ($(this).attr('id')) {
 		case 'F_BusName': //业务名称
-			valideMethods(_that, regexs.chOrenOrnum, '格式不正确（只能输入中文、英文、数字）！', true);
+			valideMethods(_that, regexs.businessname, '格式不正确（只能输入中文、英文、数字、括号和顿号 ）！', true);
 			break;
 		case 'F_BusLabel': //业务标签
 			valideMethods(_that, regexs.chOrenOrnum, '格式不正确（只能输入中文、英文、数字）！', true);

CallCenterWeb.UI/WorkOrder/js/business.js

@@ -58,6 +58,20 @@ function initTable() {
 	});
 }
 
+//格式化内容
+function formatterContent(val){
+	var content = '-';
+	if(val){
+		content = decodeURIComponent(val);
+		content = helper.filter.filterHTMLTag(content);
+		if(content.length > 60) {
+			content = content.substring(0, 60) + '...';
+		}
+	}
+	return content;
+}
+
+
 //格式化 备注
 function formatterDetail(val) {
 	if(val) {
@@ -74,6 +88,7 @@ function formatterDetail(val) {
 //格式化操作
 function formatterOprate(val) {
 	return '<ul class="tool_downs">' +
+						'<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_detail_' + val + '" onclick="btn_detail(' + val + ')" title="详情">详情</a></li>' +
 						'<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_edit_' + val + '" onclick="btn_edit(' + val + ')" title="编辑">编辑</a></li>' +
 						'<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_delete_' + val + '" onclick="btn_delete(' + val + ')" title="删除">删除</a></li>' +
 					'</ul>';
@@ -91,6 +106,18 @@ function btn_add(){
 	});
 }
 
+//详情
+function btn_detail(editId){
+	layer.open({
+		type: 2,
+		title: '业务信息详情',
+		maxmin: true, //开启最大化最小化按钮
+		shade: 0,
+		area: ['80%', '90%'],
+		content: 'template/seeBusiness.html?edit_id=' + editId
+	});
+}
+
 //编辑
 function btn_edit(editId){
 	layer.open({

CallCenterWeb.UI/WorkOrder/js/seeBusiness.js

@@ -0,0 +1,40 @@
+/**
+ * 业务信息详情
+ * */
+$(function() {
+// 	//获取所属行业//获取税务类别//获取客户信誉等级
+// 	$.when(helper.getDropList.getlistDropByDic($('#customer_subtrade'), 'KHSSHY'),
+// 			helper.getDropList.getlistDropByDic($('#customer_taxCategory'), 'SWLB'),
+// 			helper.getDropList.getlistDropByDic($('#customer_layer'), 'KHLayer'))
+// 		.done(function() {
+			var edit_id = helper.request.queryString("edit_id");
+			if (edit_id) {
+				getCustomer(edit_id);
+			}
+		// });
+
+});
+
+//获取详情
+function getCustomer(ids) {
+	$.getJSON(huayi.config.callcenter_url + "WoBill/GetBus", {
+		id: ids, //id
+		token: $.cookie("token")
+	}, function(data) {
+		if (data.state.toLowerCase() == "success") {
+			data = data.data;
+			if (data) {
+				$('#bus_title').text(data.F_BusName);//	string 业务名称	
+				$('#bus_label').text(data.F_BusLabel);//	string 业务标签
+				$('#bus_createuser').text(data.F_CreateBy);	
+				$('#bus_createtime').text(data.F_CreateOn);	
+				if(data.F_BusContent){
+					$('#bus_content').html(decodeURIComponent(data.F_BusContent));//	string 业务内容	
+				}else{
+					$('#bus_content').text('暂无内容。。。');
+				}
+				$('#bus_remark').html(helper.filter.content(data.F_Remark));//	string 备注
+			}
+		}
+	});
+}

CallCenterWeb.UI/WorkOrder/template/addOrEditBusiness.html

@@ -54,6 +54,8 @@
 			</div>
 		</div>
 		<script src="../../js/autosize/autosize.min.js"></script>
+		<script src="../../js/kindeditor/kindeditor-all-min.js"></script>
+		<script src="../../js/kindeditor/lang/zh-CN.js"></script>
 		<script src="../../Script/Common/regexs.js"></script>
 		<script src="../js/addOrEditBusiness.js"></script>
 	</body>

CallCenterWeb.UI/WorkOrder/template/seeBusiness.html

@@ -0,0 +1,48 @@
+<!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>
+		<style>
+			.bus_content{
+				margin: 20px auto;
+			}
+			.bus_label{
+				margin: 20px 0 40px 0; 
+			}
+			.bus_subtitle{
+				font-size: 16px;
+				font-weight: normal;
+				padding: 5px;
+				border-bottom: 1px dashed #1ab394;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div class="container">
+			<h1 id="bus_title" class="text-center"></h1>
+			<div class="row clearfix bus_label">
+				<div class="col-md-4 text-center">
+					业务标签：<span id="bus_label"></span>
+				</div>
+				<div class="col-md-4 text-center">
+					创建人：<span id="bus_createuser"></span>
+				</div>
+				<div class="col-md-4 text-center">
+					创建时间：<span id="bus_createtime"></span>
+				</div>
+			</div>
+			<h5 class="bus_subtitle">业务内容：</h4>
+			<div id="bus_content" class="bus_content"></div>
+			<h5 class="bus_subtitle">业务备注：</h4>
+			<div id="bus_remark" class="bus_content"></div>
+		</div>
+		<script src="../js/seeBusiness.js"></script>
+	</body>
+
+</html>