日程提醒添加

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

@@ -513,6 +513,27 @@ helper.DateFormat = {
 			var t2 = year2 + '-' + month2 + '-' + day2;
 			return t2;
 		},
+		/**
+		*获取当前时间:  YYYY-MM-DD hh:mm:ss
+		*/
+	getNowDateTime: function () {
+		var NowDate;
+		var myDate = new Date();
+		myDate.getYear(); //获取当前年份(2位)    
+		var YY = myDate.getFullYear(); //获取完整的年份(4位,1970-????)    
+		var MM = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月)
+		MM = MM > 9 ? MM : ("0" + MM);
+		var DD = myDate.getDate(); //获取当前日(1-31)
+		DD = DD > 9 ? DD : ("0" + DD);
+		var hh = myDate.getHours();
+		hh = hh > 9 ? hh : ("0" + hh);
+		var mm = myDate.getMinutes();
+		mm = mm > 9 ? mm : ("0" + mm);
+		var ss = myDate.getSeconds();
+		ss = ss > 9 ? ss : ("0" + ss);
+		NowDate = YY + "-" + MM + "-" + DD + ' ' + hh + ":" + mm + ":" + ss;
+		return NowDate;
+	},
 	getNowDate: function() {
 		var NowDate;
 		var myDate = new Date();

CallCenterWeb.UI/js/index.js

@@ -745,9 +745,11 @@ function getTopMsgs() {
 			$('#top_notices_lists').append(str);
 			$('#top_notices_lists').find('.divider:last').remove();
 		}
+	}).then(function () {
+		// 获取 日程消息
+		getTopScheduleMsgs()
 	});
 }
-
 // 标记消息状态
 function signRead(signid, e) {
 	e.stopPropagation();
@@ -768,6 +770,81 @@ function signRead(signid, e) {
 			success: function(data) {
 				if (data.state.toLowerCase() === "success") {
 					// 更新顶部消息内容和数量
+					deleteCacheData(signid);// 清除缓存的数据
+					getTopMsgs();
+					$('#top_notices_lists').hide();
+					layer.close(index);
+				}
+			}
+		});
+	});
+}
+// 获取顶部日程提醒消息（只展示未读消息 0未读 1已读）
+function getTopScheduleMsgs() {
+	$.getJSON(huayi.config.callcenter_url + 'Workcalendar/GetTXList', {
+		token: $.cookie("token")
+	}, function (result) {
+		if (result.state.toLowerCase() === 'success') {
+			result = result.data;
+			var str = '';
+			var topNoticeN = Number($('#top_notices_num').text());
+			$('#top_notices_num').text(result.length + topNoticeN);
+			if (result && result.length) {
+				for (var i = 0; i < result.length; i++) {
+					str += '<li class="top_notices_item">' +
+						'<span class="top_notices_con">' + result[i].F_Content + '</span>' +
+						'<button type="button" class="btn btn-primary btn-sm" onclick="scheduleSignRead(' + result[i].F_ID + ', event)">未读</button>' +
+						'</li>' +
+						'<li class="divider"></li>';
+					//判断是否是新的日程提醒
+					if (isNewScheduleHandler(result[i])) {
+						alertScheduleHandler(result[i]);// 日程提醒 存储数据
+						//右下角弹出 日程提醒
+						if ($("#top_notices_lists").is(":hidden")) {
+							layer.alert(result[0].F_Content, {
+								icon: 6,
+								title: '日程提醒',
+								offset: 'rb' // 快捷设置右下角
+							}, function (index) {
+								layer.close(index);
+							});
+						}
+					}
+				}
+			} else {
+				str = '<li class="top_notices_item">' +
+					'<span class="top_notices_con">暂无消息！</span>' +
+					'</li>';
+			}
+			$('#top_notices_lists').prepend(str);
+			if (topNoticeN === 0) {
+				$('#top_notices_lists').find('.divider:last').remove();
+			}
+		}
+	});
+}
+
+// 标记日程消息状态
+function scheduleSignRead(signid, e) {
+	e.stopPropagation();
+	layer.confirm('确认已读后该条消息将不再提示，请慎重', {
+		icon: 7,
+		btn: ['确认', '取消'] //按钮
+	}, function (index) {
+		$.ajax({
+			type: "get",
+			url: huayi.config.callcenter_url + "Workcalendar/UpdateFlag",
+			dataType: 'json',
+			async: true,
+			data: {
+				id: signid, // 日程信息id
+				isread: 1, //状态，0未读 1已读 日程信息是否已读
+				token: $.cookie("token")
+			},
+			success: function (data) {
+				if (data.state.toLowerCase() === "success") {
+					deleteCacheData(signid);// 清除缓存的数据
+					// 更新顶部消息内容和数量
 					getTopMsgs();
 					$('#top_notices_lists').hide();
 					layer.close(index);
@@ -782,3 +859,56 @@ $(document).click(function(e) {
 		$('#top_notices_lists').show();
 	}
 })
+/**
+ * 右下角弹出 日程提醒 存储数据
+ * @cuData 当前信息
+ */
+function alertScheduleHandler(cuData) {
+	//缓存当前信息
+	var oldLocalDatas = window.localStorage.getItem('newScheduleData');
+	var newScheduleData = oldLocalDatas === null ? [] : JSON.parse(oldLocalDatas);
+
+	newScheduleData.unshift({
+		"content": cuData.F_Content,
+		"id": cuData.F_ID
+	});
+	window.localStorage.setItem('newScheduleData', JSON.stringify(newScheduleData));
+}
+
+/**
+ * 判断是否是新的日程
+ * @cuData 当前信息
+ * @return boolean false(缓存中有这个日程,不是新日程) true(缓存中没有这日程，是新日程)
+ */
+function isNewScheduleHandler(cuData) {
+	var oldLocalDatas = window.localStorage.getItem('newScheduleData');
+	var isTrue = [];
+	if (oldLocalDatas) {
+		oldLocalDatas = JSON.parse(oldLocalDatas);
+		for (var j = 0, len = oldLocalDatas.length; j < len; j++) {
+			if (oldLocalDatas[j].id === cuData.F_ID) {
+				isTrue.push(false); // 缓存中有这个日程
+			}
+		}
+	} else {
+		isTrue.push(true); // 缓存中没有这日程
+	}
+	return isTrue.indexOf(false) === -1 ? true : false;
+}
+
+/**
+ * 清除缓存数据
+ * @cuDataId 当前信息id
+ */
+function deleteCacheData(cuDataId) {
+	var oldLocalDatas = window.localStorage.getItem('newScheduleData');
+	oldLocalDatas = oldLocalDatas === null ? [] : JSON.parse(oldLocalDatas);
+	if (oldLocalDatas.length > 0) {
+		for (var i = 0; i < oldLocalDatas.length; i++) {
+			if (oldLocalDatas[i].id === cuDataId) {
+				oldLocalDatas.splice(i, 1);
+				window.localStorage.setItem('newScheduleData', JSON.stringify(oldLocalDatas));
+			}
+		}
+	}
+}

CallCenterWeb.UI/schedule/js/addOrEditSchedule.js

@@ -0,0 +1,117 @@
+/**
+ * 修改增加日程管理
+ * */
+var edit_id = helper.request.queryString("edit_id");
+var nowTime = helper.DateFormat.getNowDateTime();
+$(function () {
+	laydate.render({
+		elem: '#remindtime',
+		theme: '#1ab394',
+		type: 'datetime',
+		min: nowTime,
+		calendar: true
+	});
+	autosize($('textarea'));
+	if (edit_id) {
+		getSchedule();
+	}
+	$('#save_btns').on('click', saveNotice)
+});
+
+//获取日程管理详情
+function getSchedule() {
+	$.getJSON(huayi.config.callcenter_url + "Workcalendar/GetSingle", {
+		id: edit_id,
+		token: $.cookie('token')
+	}, function (res) {
+		if (res.state.toLowerCase() === 'success') {
+			scheduleDatas = res.data;
+			$('#remindtime').val(scheduleDatas.F_Date);
+			$('#content').val(scheduleDatas.F_Content);
+		}
+	})
+}
+
+//保存
+function saveNotice() {
+	if (!$.trim($('#remindtime').val())) {
+		layer.confirm('请选择提醒时间！', {
+			icon: 2,
+			btn: ['确定']
+		});
+		return;
+	}
+	if (!$.trim($('#content').val())) {
+		layer.confirm('请输入提醒内容！', {
+			icon: 2,
+			btn: ['确定']
+		});
+		return;
+	}
+	if ($.trim($('#content').val()).length > 50) {
+		layer.confirm('提醒内容不能超过50个字(包含标点符号)！', {
+			icon: 2,
+			btn: ['确定']
+		});
+		return;
+	}
+	var wURL, loadIndex;
+	if (edit_id) {
+		wURL = "Workcalendar/AddSR";
+	} else {
+		wURL = "Workcalendar/AddSR";
+	}
+	$.ajax({
+		type: 'post',
+		url: huayi.config.callcenter_url + wURL,
+		dataType: 'json',
+		async: true,
+		beforeSend: function () { //触发ajax请求开始时执行
+			$('#save_btns').attr("disabled", true);
+			$('#save_btns').text('保存中...');
+			loadIndex = layer.load();
+		},
+		data: {
+			id: edit_id, //          日程id，修改时需传此参数，添加时不传
+			remindtime: $('#remindtime').val(), //  提醒时间，格式yyyy- MM - dd HH: mm: ss
+			content: helper.filter.delHtmlTag($('#content').val()),  //  提醒内容
+			token: $.cookie("token")
+		},
+		success: function (data) {
+			layer.close(loadIndex);
+			if (data.state === "success") {
+				var index = parent.layer.getFrameIndex(window.name);
+				parent.layer.close(index);
+				parent.$('#scheduleList').bootstrapTable('refresh');
+				parent.layer.msg("保存成功");
+			} else {
+				$('#save_btns').attr("disabled", false);
+				$('#save_btns').text('保存');
+			}
+		},
+		error: function (textStatus) {
+			layer.close(loadIndex);
+			layer.confirm('网络繁忙，请稍后再试...', {
+				icon: 7,
+				closeBtn: 0,
+				btn: ['确定'] //按钮
+			});
+			$('#save_btns').attr("disabled", false);
+			$('#save_btns').text('保存');
+		},
+		complete: function (XMLHttpRequest, textStatus) {
+			layer.close(loadIndex);
+			if (textStatus == 'timeout') {
+				var xmlhttp = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHttp");
+				xmlhttp.abort();
+				layer.confirm('网络超时，请稍后再试...', {
+					icon: 7,
+					closeBtn: 0,
+					btn: ['确定'] //按钮
+				});
+			}
+			$('#save_btns').attr("disabled", false);
+			$('#save_btns').text('保存');
+		},
+	});
+}

CallCenterWeb.UI/schedule/js/schedule.js

@@ -0,0 +1,175 @@
+/**
+ * 日程管理
+ * */
+
+$(document).ready(function() {
+	//初始化时间
+	laydate.render({
+		elem: '#sc_time',
+		range: '~',
+		theme: '#1ab394',
+		calendar: true
+	});
+	initTable();
+	$("#sc_btns").on('click',initTable);
+	$('#btn_add').on('click', btn_add);
+});
+
+//日程管理的列表
+function initTable() {
+	//先销毁表格
+	$('#scheduleList').bootstrapTable('destroy');
+	//初始化表格,动态从服务器加载数据
+	$("#scheduleList").bootstrapTable({
+		method: "get", //使用get请求到服务器获取数据
+		url: huayi.config.callcenter_url + "Workcalendar/GetSRList", //获取数据的Servlet地址
+		contentType: 'application/x-www-form-urlencoded',
+		striped: true, //表格显示条纹
+		pagination: true, //启动分页
+		pageSize: 10, //每页显示的记录数
+		pageNumber: 1, //当前第几页
+		pageList: [10, 20, 50, 100], //记录数可选列表
+		search: false, //是否启用查询
+		showColumns: false, //显示下拉框勾选要显示的列
+		showRefresh: false, //显示刷新按钮
+		sidePagination: "server", //表示服务端请求
+		//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+		//设置为limit可以获取limit, offset, search, sort, order
+		queryParamsType: "undefined",
+		queryParams: function queryParams(params) { //设置查询参数
+			var param = {
+				page: params.pageNumber, //int 页码，默认为1	
+				Pagesize: params.pageSize, //int 条数，默认为10
+				stime: $('#sc_time').val() && $('#sc_time').val().split(' ~ ')[0],//查询起始时间
+				etime: $('#sc_time').val() && $('#sc_time').val().split(' ~ ')[1],//查询截止时间
+				token: $.cookie("token")
+			};
+			return param;
+		},
+		onLoadSuccess: function() { //加载成功时执行
+			//layer.msg("加载成功");
+		},
+		onLoadError: function() { //加载失败时执行
+			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+		}
+	});
+}
+
+//格式化操作
+function formatterOprate(val, row) {
+	return '<ul class="tool_downs">' +
+		'<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_details_' + val + '" onclick="btn_details(\'' + 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>';
+}
+
+// 格式化编号
+function formatterCode(val, row, index){
+	return ++index; 
+}
+
+// 格式化是否客户查看
+function formatterIsCus(val){
+	var statusMap = {
+		false: '未读',
+		true: '已读'
+	}
+  return statusMap[val];
+}
+
+//格式化 内容
+function formatterContent(val) {
+	var strD = '-';
+	if(val) {
+		strD = helper.filter.filterHTMLTag(val);
+		if(strD.length > 30) {
+			strD = strD.substring(0, 30) + '...';
+		}
+	}
+	return strD;
+}
+
+/**
+ * 添加
+ * */
+function btn_add() {
+	layer.open({
+		type: 2,
+		title: '添加日程管理',
+		maxmin: true, //开启最大化最小化按钮
+		area: ['80%', '90%'],
+		content: './template/addOrEditSchedule.html'
+	});
+}
+
+/**
+ * 修改
+ * edit_id 日程id
+ * */
+function btn_edit(edit_id) {
+	layer.open({
+		type: 2,
+		title: '修改日程管理',
+		maxmin: true, //开启最大化最小化按钮
+		area: ['80%', '90%'],
+		content: './template/addOrEditSchedule.html?edit_id=' + edit_id
+	});
+}
+
+/**
+ * 详情
+ * edit_id 日程id
+ * */
+function btn_details(edit_id) {
+	layer.open({
+		type: 2,
+		title: '日程管理详情',
+		maxmin: true, //开启最大化最小化按钮
+		area: ['80%', '90%'],
+		content: './template/scheduleDetail.html?edit_id=' + edit_id
+	});
+}
+
+
+//批量删除
+function btn_deletes() {
+	var ids = $.map($('#scheduleList').bootstrapTable('getSelections'),
+		function(row) {
+			return row.F_ID;
+		});
+	/*判断长度*/
+	if (ids.length <= 0) {
+		layer.confirm('请选择要删除的选项', {
+			icon: 7,
+			btn: ['确定'] //按钮
+		});
+		return;
+	}
+	btn_delete(ids);
+}
+
+//删除
+function btn_delete(cid) {
+	layer.confirm('确定删除当前记录？', {
+		icon: 7,
+		btn: ['是', '否'] //按钮
+	}, function(index) {
+		/*执行删除*/
+		$.ajax({
+			type: "post",
+			url: huayi.config.callcenter_url + "Workcalendar/DelSR",
+			dataType: 'json',
+			async: true,
+			data: {
+				ids: cid,//Id，可多选[1,2,3]
+				token: $.cookie("token")
+			},
+			success: function(data) {
+				layer.msg("删除成功！");
+				$('#scheduleList').bootstrapTable('refresh');
+				layer.close(index);
+			}
+		});
+	});
+}

CallCenterWeb.UI/schedule/js/scheduleDetail.js

@@ -0,0 +1,39 @@
+/**
+ * 详情
+ * */
+$(function () {
+	var edit_id = helper.request.queryString("edit_id");
+	if (edit_id) {
+		getSchedule(edit_id);
+	}
+});
+
+//获取详情
+function getSchedule(edit_id) {
+	$.getJSON(huayi.config.callcenter_url + "Workcalendar/GetSingle", {
+		id: edit_id,
+		token: $.cookie('token')
+	}, function (res) {
+		if (res.state.toLowerCase() === 'success') {
+			scheduleDatas = res.data;
+			$('#iscus').text(formatterIsCus(scheduleDatas.F_IsRead));
+			$('#remindtime').text(scheduleDatas.F_Date);
+			$('#createuser').text(scheduleDatas.F_CreateUser);
+			$('#createtime').text(scheduleDatas.F_CreateTime);
+			if (scheduleDatas.F_Content) {
+				$('#content').html(helper.filter.content(scheduleDatas.F_Content));
+			} else {
+				$('#content').text('暂无内容。。。');
+			}
+		}
+	})
+}
+
+// 格式化是否客户查看
+function formatterIsCus(val) {
+	var statusMap = {
+		false: '未读',
+		true: '已读'
+	}
+	return statusMap[val];
+}

CallCenterWeb.UI/schedule/schedule.html

@@ -0,0 +1,68 @@
+<!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 href="../css/WorkOrder/Search.css" rel="stylesheet">
+		<link href="../css/init.css" rel="stylesheet" />
+	</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">
+						<div class="time-box form-group">
+							<i class="tub fa fa-calendar"></i>
+							<input class="form-control search_time" type="text" id="sc_time" placeholder="请选择起止时间">
+						</div> 
+					</div>
+				</div>
+
+				<div class="pull-right tool_bars">
+					<button class="btns" id="sc_btns">搜索</button>
+					<button class="btns" id="btn_add">添加</button>
+					<button class="btns" onclick="btn_deletes()">批量删除</button>
+				</div>
+			</div>
+
+			<div style="width: 100%;padding: 10px;">
+				<table id="scheduleList" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+					<thead>
+						<tr>
+							<th data-checkbox="true"></th>
+							<th data-align="center" data-formatter="formatterCode" data-width="3%">编号</th>
+							<th data-field="F_Content" data-formatter="formatterContent" data-align="center">提醒内容</th>
+							<th data-field="F_Date" data-width="10%" data-align="center">提醒时间</th>
+							<th data-field="F_IsRead" data-formatter="formatterIsCus" data-width="10%" data-align="center">是否已读</th>
+							<th data-field="F_CreateTime" data-width="10%" data-align="center">创建时间</th>
+							<th data-field="F_CreateUser" data-align="center" data-width="10%">创建人</th>
+							<th data-field="F_ID" data-formatter="formatterOprate" data-align="center" data-width="10%">操作</th>
+						</tr>
+					</thead>
+				</table>
+			</div>
+			
+		</div>
+		<script src="../js/laydate/laydate.js"></script>
+		<script src="js/schedule.js"></script>
+
+	</body>
+
+</html>

CallCenterWeb.UI/schedule/template/addOrEditSchedule.html

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>添加或编辑日程管理</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<!-- <link href="../../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" /> -->
+		<script src="../../Script/Common/huayi.load.js"></script>
+		<script src="../../Script/Common/huayi.config.js"></script>
+		<!-- <link rel="stylesheet" href="../../js/zTree/zTreeStyle.css" /> -->
+		<link rel="stylesheet" href="../../css/customer.css" />
+		<style>
+			.form-horizontal .checkbox-inline{
+				padding-top: 0;
+			}
+			.add_edit_notice .ztree{
+				padding: 0;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div class="container add_edit_notice">
+			<div class="tab_contents" id="tab_user_contents">
+				<ul class="project_items form-horizontal showtabs">
+					<li class="form-group">
+						<label for="remindtime" class="col-md-2"><b class="text_require">*</b>提醒时间</label>
+						<div class="col-md-9">
+							<input id="remindtime" class="form-control" type="text" autocomplete="off" placeholder="请选择提醒时间" />
+						</div>
+					</li>
+					<li class="form-group">
+						<label for="content" class="col-md-2"><b class="text_require">*</b>提醒内容</label>
+						<div class="col-md-9">
+							<textarea id="content" class="form-control" rows="10" placeholder="请输入提醒内容"></textarea>
+						</div>
+					</li>
+				</ul>
+				<div class="form-group clearfix">
+					<div class="col-md-offset-3 col-md-10">
+						<button class="project_save btn btn-primary" id="save_btns" type="button">保存</button>
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- <script src="../../js/bootstrap-select/js/bootstrap-select.js"></script> -->
+		<!-- <script src="../../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script> -->
+		<script src="../../js/autosize/autosize.min.js"></script>
+		<script src="../../js/laydate/laydate.js"></script>
+		<!-- <script src="../../js/zTree/jquery.ztree.core.js"></script> -->
+    <!-- <script src="../../js/zTree/jquery.ztree.excheck.min.js"></script> -->
+		<script src="../js/addOrEditSchedule.js"></script>
+	</body>
+
+</html>

CallCenterWeb.UI/schedule/template/scheduleDetail.html

@@ -0,0 +1,44 @@
+<!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_label{
+				margin: 60px 0 40px 0; 
+			}
+			.content{
+				/* border-top: 1px dashed #1ab394; */
+				padding: 20px 0;
+				word-wrap: break-word;
+				word-break: break-all;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div class="container">
+			<div class="row clearfix bus_label">
+				<div class="col-md-3 text-center">
+					是否已读：<span id="iscus"></span>
+				</div>
+				<div class="col-md-3 text-center">
+					提醒时间：<span id="remindtime"></span>
+				</div>
+				<div class="col-md-3 text-center">
+					创建人：<span id="createuser"></span>
+				</div>
+				<div class="col-md-3 text-center">
+					创建时间：<span id="createtime"></span>
+				</div>
+			</div>
+			<div id="content" class="content"></div>
+		</div>
+		<script src="../js/scheduleDetail.js"></script>
+	</body>
+
+</html>