YH_Web_UI/WebUI/CallCenterWe.../equipmentMai.../js/proInfos.js

/**
 * 综合信息
 * */
var tIndex = 0; //tIndex tab的值
var sc_pro_id = ''; //项目id
var sc_pro_name = '';//项目名称
$(document).ready(function() {

	//获取项目
	getProlistDrop($('#sc_pro')).then(function() {
		if(window.sessionStorage.getItem('nowProid')){
			$('#sc_pro').selectpicker('val', window.sessionStorage.getItem('nowProid'));
			window.sessionStorage.removeItem('nowProid');
			$('#tab_head_left').find('li').eq(3).trigger('click');
		}else{
			initDatas();
		}
	});

	//TAB切换
	$('#tab_head_left li').click(function() {
		tIndex = $(this).index();
		$(this).addClass('tab_head_active').siblings().removeClass('tab_head_active');
		$('#tab_contents').find('.tabs_details').eq(tIndex).removeClass('showtabs').addClass('showtabs').siblings().removeClass(
			'showtabs');
		initDatas();
	});

});
/**
 * 初始化数据
 * tIndex tab的值
 * 0 项目信息
 * 1 人员信息
 * 2 设备信息
 * */
function initDatas() {
	sc_pro_id = $('#sc_pro').val();
	sc_pro_name = $('#sc_pro').find('option[value="'+ sc_pro_id +'"]').text();
	if(sc_pro_name === '河南省直第三人民医院'){
		$('#attendance').show();
	}else{
		if(tIndex === 3){
			$('#tab_head_left').find('li').eq(0).trigger('click');
		}
		$('#attendance').hide();
	}
	switch (tIndex) {
		case 0:
			getProInfos();
			break;
		case 1:
			getPersonInfos();
			break;
		case 2:
			getEqupInfos();
			break;
		case 3:
			getAttendanceCode();
			break;
		default:
			break;
	}
}

/**
 * 获取项目信息
 * */
function getProInfos() {
	$.getJSON(huayi.config.callcenter_url + "equipmentapi/api/ProjectInfo/getdetails", {
		id: sc_pro_id,
	}, function(data) {
		if (data.state == "success") {
			$('#project_detail_title').html(data.data.project_name); //标题
			$('#pro_location').html(data.data.provincename + (data.data.cityname == null ? '' : data.data.cityname)); //所在地
			$('#project_detail_category').html(data.data.protypename); //项目类型
			$('#project_detail_state').html(formatterProSate(data.data.isend)); //项目状态
			$('#project_detail_nature').html(data.data.naturename); //企业性质
			$('#project_detail_price').html(data.data.project_resperson); //项目负责人

			$('#addTime').html(data.data.project_starttime); //项目开始时间
			$('#userCode').html(data.data.project_endtime); //项目结束时间
			$('#createtime').html(data.data.createtime); //项目创建时间

			//项目logo
			var ipUrl = data.data.project_pic;
			if (ipUrl && ipUrl.length > 0) {
				$.each(ipUrl, function(i, v) {
					$('#project_img').attr('src', v.fileurl);
				});
			} else {
				$('#project_img').attr('src', '');
			}

			$('#project_detail_content').html(helper.filter.content(data.data.project_profile)); //项目内容
			//项目图纸
			var EnclosureList = data.data.project_plans;
			showImages('fileList', EnclosureList);
		}
	});
}

/**
 * 获取人员信息
 * */
function getPersonInfos() {
	//销毁表格
	$('#user_table').bootstrapTable('destroy');
	//初始化表格,动态从服务器加载数据
	$("#user_table").bootstrapTable({
		method: "get", //使用get请求到服务器获取数据
		url: huayi.config.callcenter_url + "signtokenapi/api/UserAccount/getlistsbypage", //获取数据的Servlet地址
		contentType: "application/x-www-form-urlencoded",
		striped: true, //表格显示条纹
		pagination: true, //启动分页
		pageSize: 10, //每页显示的记录数
		pageNumber: 1, //当前第几页
		pageList: [10, 20, 50, 100], //记录数可选列表
		detailView: true,
		detailFormatter: detailUserFormatter,
		icons: {
			detailOpen: 'glyphicon glyphicon-chevron-down',
			detailClose: 'glyphicon glyphicon-chevron-up'
		},
		onClickRow: function(row, ele) {
			$('.success').removeClass('success'); //去除之前选中的行的，选中样式
			$(ele).addClass('success'); //添加当前选中的 success样式用于区别
		},
		onCheck: function(row, el) {
			if ($(el).parent().parent().siblings().find('i.glyphicon').hasClass('glyphicon-chevron-up')) {
				$(el).parent().parent().siblings().find('i.glyphicon-chevron-up').parent().parent().siblings().find(
					'input[name="btSelectItem"]').trigger('click');
			}
			var index = $(el).attr('data-index');
			$('#user_table').bootstrapTable('expandRow', index); //展开

			//人员信息赋值
			setPersonInfos(row);

		},
		onUncheck: function(row, el) {
			var index = $(el).attr('data-index');
			$('#user_table').bootstrapTable('collapseRow', index); //收起
		},
		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 = {
				pageindex: params.pageNumber,
				pagesize: params.pageSize,
				projectid: $('#sc_pro').val(),
			};
			return param;
		},
		responseHandler: function(res) {
			return {
				"total": res.data && res.data.total, //总页数
				"rows": res.data && res.data.rows //数据
			};
		},
		onLoadSuccess: function(data) { //加载成功时执行
			//								layer.msg("加载成功");
			if (data.total != 0) {
				$('#user_table').find('.detail').hide();
				$('#user_table').find('tr').find('td:first').hide();
			}
		},
		onLoadError: function() { //加载失败时执行
			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
		}
	});
}

//格式化用户类型
function formatterType(val, row) {
	var str = ""
	switch (val + '') {
		case '0':
			str = "内部员工";
			break;
		case '1':
			str = "客户";
			break;
		default:
			str = "其他";
	}
	return str
}

//格式化人员信息详情
function detailUserFormatter(index, row) {
	var detailTpl = '<div class="project_detail project_detail2">' +
		'<div class="pro_left">' +
		'<div class="project_image img-circle">' +
		'<img class="img-circle" src="" alt="头像" id="user_img_' + row.id + '">' +
		'</div>' +
		'</div>' +
		'<div class="pro_right project_detail_right">' +
		'<ul class="project_info clearfix">' +
		'<li>' +
		'<span>工号：</span>' +
		'<span id="user_code_' + row.id + '">-</span>' +
		'</li>' +
		'<li>' +
		'<span>姓名：</span>' +
		'<span id="user_name_' + row.id + '">-</span>' +
		'</li>' +
		'<li>' +
		'<span>用户类型：</span>' +
		'<span id="user_type_' + row.id + '">-</span>' +
		'</li>' +
		'<li>' +
		'<span>角色：</span>' +
		'<span id="user_role_' + row.id + '">-</span>' +
		'</li>' +
		'<li>' +
		'<span>性别：</span>' +
		'<span id="user_sex_' + row.id + '">-</span>' +
		'</li>' +
		'<li>' +
		'<span>邮箱：</span>' +
		'<span id="user_email_' + row.id + '">-</span>' +
		'</li>' +
		'<li>' +
		'<span>手机：</span>' +
		'<span id="user_moblie_' + row.id + '">-</span>' +
		'</li>' +
		'<li>' +
		'<span>身份证号码：</span>' +
		'<span id="user_idCard_' + row.id + '">-</span>' +
		'</li>' +
		'<li>' +
		'<span>入职时间：</span>' +
		'<span id="entrytime_' + row.id + '">-</span>' +
		'</li>' +
		'<li>' +
		'<span>转正时间：</span>' +
		'<span id="transfertime_' + row.id + '">-</span>' +
		'</li>' +
		'</ul>' +
		'</div>' +
		'<hr/>' +
		'<div class="clearfix">' +
		'<div class="form-group col-md-6 clearfix">' +
		'<p class="words-title">' +
		'技能证书' +
		'<span class="text-warning">（可以预览和下载查看）</span>' +
		'</p>' +
		'<ul id="certificateList_' + row.id + '" class="file_imgs clearfix col-md-12">' +

		'</ul>' +
		'</div>' +
		'<div class="form-group col-md-6 clearfix">' +
		'<p class="words-title">' +
		'身份证照片' +
		'<span class="text-warning">（可以预览和下载查看）</span>' +
		'</p>' +
		'<ul id="idcardList_' + row.id + '" class="file_imgs clearfix col-md-12">' +

		'</ul>' +
		'</div>' +
		'<div class="form-group col-md-12">' +
		'<p class="words-title">' +
		'备注' +
		'</p>' +
		'<div class="words-content" id="user_remarks_' + row.id + '">' +
		'暂无内容。。。' +
		'</div>' +
		'</div>' +
		'</div>';
	return detailTpl;
}

/**
 * 人员信息赋值
 * data (每一行的数据)
 * */
function setPersonInfos(data) {
	if (data) {
		//头像
		var ipUrl = data.head_img;
		if (ipUrl) {
			$('#user_img_' + data.id).attr('src', ipUrl);
		} else {
			$('#user_img_' + data.id).attr('src', '');
		}
		$('#user_code_' + data.id).html(data.usercode); //工号
		$('#user_name_' + data.id).html(data.username); //姓名
		data.type = data.type === 0 ? '内部员工' : '客户';
		$('#user_type_' + data.id).html(data.type); //用户类型
		$('#user_role_' + data.id).html(data.role_name); //用户角色
		$('#user_sex_' + data.id).html(data.sex); //性别
		$('#user_email_' + data.id).html(data.mail); //邮箱
		$('#user_moblie_' + data.id).html(data.mobile); //手机号
		$('#user_idCard_' + data.id).html(data.idcardno); //身份证号码

		$('#entrytime_' + data.id).html(data.entrytime); //入职时间
		$('#transfertime_' + data.id).html(data.transfertime); //转正时间

		//技能证书
		var certificateList = data.certificate;
		showImages('certificateList_' + data.id, certificateList);
		//身份证照片
		var idcardList = data.idcard;
		showImages('idcardList_' + data.id, idcardList);

		$('#user_remarks_' + data.id).html(helper.filter.content(data.remark)); //备注
	}

}

/**
 * 获取设备信息
 * */
function getEqupInfos() {
	//销毁表格
	$('#equipment_table').bootstrapTable('destroy');
	//初始化表格,动态从服务器加载数据
	$("#equipment_table").bootstrapTable({
		method: "get", //使用get请求到服务器获取数据
		url: huayi.config.callcenter_url + "equipmentapi/api/Equipment/getlistsbypage", //获取数据的Servlet地址
		contentType: "application/x-www-form-urlencoded",
		striped: true, //表格显示条纹
		pagination: true, //启动分页
		pageSize: 10, //每页显示的记录数
		pageNumber: 1, //当前第几页
		pageList: [10, 20, 50, 100], //记录数可选列表
		detailView: true,
		detailFormatter: detailFormatter,
		icons: {
			detailOpen: 'glyphicon glyphicon-chevron-down',
			detailClose: 'glyphicon glyphicon-chevron-up'
		},
		onClickRow: function(row, ele) {
			$('.success').removeClass('success'); //去除之前选中的行的，选中样式
			$(ele).addClass('success'); //添加当前选中的 success样式用于区别
		},
		onCheck: function(row, el) {
			if ($(el).parent().parent().siblings().find('i.glyphicon').hasClass('glyphicon-chevron-up')) {
				$(el).parent().parent().siblings().find('i.glyphicon-chevron-up').parent().parent().siblings().find(
					'input[name="btSelectItem"]').trigger('click');
			}
			var index = $(el).attr('data-index');
			$('#equipment_table').bootstrapTable('expandRow', index); //展开
			//获取设备信息详情
			setEqupInfos(row);
		},
		onUncheck: function(row, el) {
			var index = $(el).attr('data-index');
			$('#equipment_table').bootstrapTable('collapseRow', index); //收起
		},
		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 = {
				pageindex: params.pageNumber,
				pagesize: params.pageSize,
				projectid: $('#sc_pro').val(),
			};
			return param;
		},
		responseHandler: function(res) {
			return {
				"total": res.data && res.data.total, //总页数
				"rows": res.data && res.data.rows //数据
			};
		},
		onLoadSuccess: function(data) { //加载成功时执行
			//layer.msg("加载成功");
			if (data.total != 0) {
				$('#equipment_table').find('.detail').hide();
				$('#equipment_table').find('tr').find('td:first').hide();
			}
		},
		onLoadError: function() { //加载失败时执行
			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
		}
	});
}

//格式化设备信息详情
function detailFormatter(index, row) {
	var detailTpl = '<div class="detail-content-tabs" id="detail-content-tabs">' +
		'<ul class="tab-head clearfix tabThird">' +
		'<li class="tab-head-active">' +
		'设备图片' +
		'</li>' +
		'<li>' +
		'购买合同' +
		'</li>' +
		'<li>' +
		'维保合同' +
		'</li>' +
		'<li>' +
		'自定义字段' +
		'</li>' +
		'</ul>' +
		'<div class="tabCon clearfix">' +
		'<div class="tabs-details showtabs">' +
		'<ul id="fileList0_' + row.id + '" class="file_imgs clearfix col-md-12">' +

		'</ul>' +
		'</div>' +
		'<div class="tabs-details">' +
		'<ul id="fileList1_' + row.id + '" class="file_imgs clearfix col-md-12">' +

		'</ul>' +
		'</div>' +
		'<div class="tabs-details">' +
		'<ul id="fileList2_' + row.id + '" class="file_imgs clearfix col-md-12">' +

		'</ul>' +
		'</div>' +
		'<div class="tabs-details">' +
		'<ul id="fileList3_' + row.id + '" class="project_info clearfix col-md-12">' +

		'</ul>' +
		'</div>' +
		'</div>' +
		'</div>';

	return detailTpl;
}

//获取设备信息详情
function setEqupInfos(row) {
	$('.tabThird li').click(function() {
		$(this).addClass('tab-head-active').siblings().removeClass('tab-head-active');
		var index = $(this).index();
		$('.tabCon').children('.tabs-details').eq(index).addClass('showtabs').siblings().removeClass('showtabs');
	});

	//设备图片
	var equipment_image = row.equipment_image;
	showImages('fileList0_' + row.id, equipment_image);
	//购买合同
	var purchase_order = row.purchase_order;
	showImages('fileList1_' + row.id, purchase_order);
	//维保合同
	var maintenance_order = row.maintenance_order;
	showImages('fileList2_' + row.id, maintenance_order);
	//自定义字段
	if (row.extensionlist && row.extensionlist.length > 0) {
		$('#fileList3_' + row.id).html('');
		$.each(row.extensionlist, function(j, q) {
			$('<li>' +
				'<span>' + q.name + '：</span>' +
				'<span>' + q.value + '</span>' +
				'</li>').appendTo('#fileList3_' + row.id);
		})
	} else {
		$('#fileList3_' + row.id).html('<p class="abnormal">暂无内容。。。</p>');
	}
}

//格式化使用期限
function formatterUseDate(val, row) {
	var str = "-";
	if (row.use_enddate && val) {
		str = '<div>' + val + '至' + row.use_enddate + '</div>'
	}
	return str;
}

//格式化质保期限
function formatterQualityDate(val, row) {
	var str = "-";
	if (row.quality_enddate && val) {
		str = '<div>' + val + '至' + row.quality_enddate + '</div>'
	}
	return str
}

//格式化楼层
function formatterFloor(val, row) {
	if (row.bulidingname && row.floorname) {
		return '<div>' + row.bulidingname + '-' + row.floorname + '</div>'
	} else {
		return '-'
	}
}

//格式化地址
function formatterAddress(val, row) {
	if (!row.provincename) {
		row.provincename = ''
	}
	if (!row.cityname) {
		row.cityname = ''
	}
	if (!row.projectname) {
		row.projectname = ''
	}
	return '<div>' + row.provincename + '' + row.cityname + '' + row.projectname + '</div>'
}

//获取项目下拉
function getProlistDrop(el) {
	var dtd = $.Deferred(); //在函数内部，新建一个Deferred对象
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url + "equipmentapi/api/ProjectInfo/getlistdrop",
		dataType: 'json',
		async: true,
		data: {},
		success: function(data) {
			if (data.state.toLowerCase() === "success") {
				el.empty();
				var res = data.data;
				if (res && res.length > 0) {
					if (res.length === 1) {
						$('<option value=' + res[0].id + '>' + res[0].text + '</option>').appendTo(el);
						el.selectpicker('refresh');
					} else {
						$('.comprehensive_infos .th-box').show();
						for (var i = 0; i < res.length; i++) {
							$('<option value=' + res[i].id + '>' + res[i].text + '</option>').appendTo(el);
						}
						el.selectpicker('refresh');
						$('#sc_pro').on('change', function() {
							initDatas();
						});
					}
					dtd.resolve(); // 改变Deferred对象的执行状态
				}
			}
		}
	});
	return dtd.promise(); // 返回promise对象
}

/**
 * 展示照片 详情
 * elid 元素的 id
 * fileList 数据
 * */
function showImages(elid, fileList) {
	if (fileList && fileList.length > 0) {
		$("#" + elid).html('');
		var $list = $("#" + elid);
		$.each(fileList, function(i, v) {
			if (v.filesmallurl) {
				//原来的图片
				var $li = $(
					'<li><span class="img_mask"><a href="' + v.fileurl +
					'" download="filename" title="点击下载"><i class="glyphicon glyphicon-download-alt" aria-hidden="true"></i></a></span>' +
					'<img layer-src="' + v.fileurl + '"  src="' + v.filesmallurl + '" title="图片" alt="' + v.filename + '"/>' +
					'<span class="file_name">' + v.filename + '</span>' +
					'</li>'
				);
				$list.append($li);
			} else {
				var $liFile = $(
					'<li><span class="img_mask"><a href="' + v.fileurl +
					'" download="filename" title="点击下载"><i class="glyphicon glyphicon-download-alt" aria-hidden="true"></i></a></span>' +
					'<div class="noThumb" title="文件"><i class="glyphicon glyphicon-paperclip"></i><p>无法预览</p></div>' +
					'<span class="file_name">' + v.filename + '</span>' +
					'</li>'
				);
				$list.append($liFile);
			}
		});

		layer.photos({
			photos: '#' + elid,
			anim: 5, //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
			title: '查看图片',
			move: '.layui-layer-title',
			shadeClose: false,
			closeBtn: 1,
			area: ['80%', '90%'],
			tab: function(pic, layero) {
				$('.layui-layer-content').on("mousewheel", function(e, d) {
					helper.methods.zoomImg($('#layui-layer-photos').find('img[alt="' + pic.alt + '"]'), d);
					$('#layui-layer-photos').find('img[alt="' + pic.alt + '"]').dragging({
						move: "both", //拖动方向，x y both
						randomPosition: false //初始位置是否随机
					});
					return false;
				});
				helper.methods.initLayerPhotos('#layui-layer-photos', pic, layero);
			},
		});

	} else {
		$("#" + elid).html('<p class="abnormal">暂无内容。。。</p>');
	}
}

//格式化项目状态
function formatterProSate(val) {
	//终止 ，续约
	var stateClass, stateName;
	switch (val) {
		case 1:
			stateClass = 'state_audit_refuse';
			stateName = '终止';
			break;
		case 0:
			stateClass = 'state_audit_done';
			stateName = '续约';
			break;
		default:
			stateClass = 'text-block';
			stateName = '-';
			break;

	}
	return '<a class="state_audit ' + stateClass + '" href="javascript:;">' + stateName + '</a>';
}

// 获取考勤打卡二维码
function getAttendanceCode (){
	var qrcode = new QRCode(document.getElementById("code"), {
		render: 'canva',
		width: 230, //宽度 
		height: 230, //高度 
	})
	$('#proName').text(sc_pro_name);
	// http://wechat.nuodajituan.com/index.html?menucode=SMDK&id=" + 项目id + "&type=9
	var qrUrl = "http://wechat.nuodajituan.com/index.html?menucode=SMDK&id=" + sc_pro_id + "&type=9";
	$('.promptMsg .line').html('都拉黑是考虑到' + '&nbsp;&nbsp;&nbsp;&nbsp;' + '大萨达撒');
	qrcode.makeCode(qrUrl);
	var canvas = $('#code canvas');
	var img = canvas[0].toDataURL("image/png");
	$('#code').html("<img src='" + img + "'>");
	$('.promptMsg').show();
}

// 打印二维码
function stamp() {
	window.sessionStorage.setItem('nowProid', sc_pro_id);
	var bdhtml = window.document.body.innerHTML;
	var sprnstr = "<!--startprint-->";
	var eprnstr = "<!--endprint-->";
	var prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);
	prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
	var newWindow = window.open("打印二维码", "_self");
	newWindow.document.write(prnhtml);
	newWindow.print();
	newWindow.close();
	window.location.reload();
}