新增问题

css/genindex.css

.rightconBox .conItem .form-result.form-M0{margin-top:0;}
.rightconBox .conItem .form-result>ul>li{padding:8px 20px}
.rightconBox .conItem.conItemFirst{padding:30px 20px;border-top:4px #ff9900 solid;}
ul.artAbout>li{clear:both;}
ul.artAbout>li{clear:both;position: relative;}
ul.artAbout>li:before,ul.artAbout>li:after{display:table;content:" "}
ul.artAbout>li:after{clear:both}
ul.artAbout .uploadFile{line-height:28px;text-align: center;font-size: 16px;color:#666666;}
ul.artAbout .uploadFile input.upInp[type="file"]{position:absolute;height: 46px;width:60%;bottom:30px;left:50%;margin-left:-30%;outline: none;opacity: 0;cursor: pointer;z-index:20;}
ul.artAbout .uploadFile .upbtn{display:inline-block;padding:7px 23px;background: #E5E5E5;color:#333333;margin-top:30px;}
ul.artAbout .uploadFile .uploadblock .upBackbtn{position:absolute;bottom:30px;left:50%;margin-left:-55px;background:rgba(0,0,0,.5);color:#FFFFFF;z-index:10;display: none;}
.conBlock .aboutTit{font-size:16px;line-height:40px;color:#666666;margin-top:18px;}
.aboutTit{font-size:16px;line-height:40px;color:#666666;margin-top:18px;}
ul.artAbout #filePicker{position:absolute;left:50%; bottom:22px; margin-left:-52px;opacity:0; z-index:88;}
ul.artAbout .frmadd{width:auto;position:absolute;right:0;top:0;background: #ff9900;color:#fff;border:none;padding:6px 25px; z-index:4;}
.conItem .otherBlock:last-child{padding:0;margin:0;border: 0;}
/*右侧新闻*/
.rightconBox .conItem.advertBox{min-height: 100px;padding:0;width:260px;background: none;}
.rightconBox .conItem.advertBox{padding:0;width:260px;background: none;}
.flexCenter{position: relative;width: 100%; min-height:90px;
		    display: -webkit-box;
	        -webkit-align-items: center;
	                align-items: center;}
/*.form-item .flexCenter{min-height: 60px;}*/
.madiaHead{width: 100px;height:100px;background-position: center;background-size: cover;margin:0 auto 10px}
.madiaHead.useHead{background-image: url(../images/default-photo.jpg);border-radius: 50%;}
.madiaInfo{width:100%;padding-left:0;}
.form-drop{position:relative;top:-1px;border:1px solid #E5E5E5;border-top:none;width: 100%;z-index: 0;}
.form-item input.frmcontype{position: relative;z-index: 2;}
.rightconBox .conItem.conItemG .h1Font{font-size:16px;}
.rightconBox .conItem.conItemG .h2Font{font-size:14px;color:#666;line-height:26px;}
.rightconBox .conItem.conItemG .h3Font>a{color:#333}
.goSpan span{background: #ff9900;display:inline-block;text-align: center;width:84px;cursor:pointer;color:#fff;font-size:15px;margin:20px 4px 0;border-radius:4px;padding:7px 16px;}
.goSpan .attenSpan{position: relative;padding-left:34px;background-image:url(../images/g_article_icon_jia_nor.png);background-size:12px 12px;background-position: 18px center;background-repeat: no-repeat;}
.goSpan .attenedSpan{background:#ccc;padding-left:16px;}
.goSpan .consultSpan{}
.goSpanTo{background: #ff9900;text-align: center;width:110px;cursor:pointer;color:#fff;font-size:16px;margin:20px 4px 0;border-radius:4px;padding:7px 16px;}
.rightconBox .conItem.privateInfo{padding:16px 20px;text-align: center;}
.unlogined{cursor:pointer;}
.privateInfo .goSpan span{margin:4px 0;width:49%;}
.goSpanLine span{border:1px solid #ff9900;display:inline-block;text-align: center;width:100%;cursor:pointer;color:#ff9900;font-size:15px;margin:4px 0;border-radius:4px;padding:7px 16px;}
/*文章列表*/
.itemListCon{background: #fff;}
.itemListBolck .searchAbout{position: relative;}
.pointSp:before{content:"";display: inline-block; width: 0; height: 0;border:2px #999 solid;margin: 2px 6px; border-radius:100%;}
*/
/*定时发送时间选择器*/
.blackcover{ width:100%; height:100%;top:0;overflow-x: hidden;overflow-y: auto; position:fixed; background:rgba(0,0,0,.6); z-index:1008; }
.workclose{ position:absolute; top:0; right:-50px; display:block; width:20px; height:20px; background:url(../images/workclose.png) center center no-repeat; padding:20px;cursor:pointer; z-index:999;}
.blackcover2{display:none;overflow-x: hidden;overflow-y:auto;position:fixed;top:0;right:0;bottom:0;left:0; background:rgba(0,0,0,.5);z-index: 1000;}
.modelContain{display:none;position:relative;clear:both;margin:40px auto;width:600px;background:#fff;border-radius:8px;z-index:1056; 
 		 box-shadow: 2px 4px 10px 4px #555;
.navconBox .moreNav .table-drop>li.liNow{color: #000;}
.navconBox .moreNav .moreNavUl .rightbtn .foldtr{right:24px;}
/*统计数据*/
.statisticsBox{overflow: hidden;margin:10px 0}
.statisticsBox.last_meg{height:150px;}
.statisticsBox span{font-size: 26px;color:#333}
.statisticsBox p{font-size: 13px;color:#999;margin-bottom:10px;}
.statisticsBox span{font-size: 26px;color:#333;line-height: 28px;}
.statisticsBox p{font-size: 14px;color:#999;margin-bottom:4px;}
.statisticsBox p>em{font-style: normal;}
.statisticsBox p>a{color: #FF9900;cursor: pointer;}
.statisticsBox .wayTel{font-size: 13px;font-weight: bold;color: #399A9B}
.request-qa .js-load-more:before{content:"查看更多用户";}
.request-qa .js-load-more.active:before{content:"加载中...";}
.queStep{padding:20px;}
.queStep .steptit{font-size: 18px;line-height:24px;}
.queStep .tipShow{margin-top:16px;border:none;line-height: 24px;}
.queStep .saveBtn .frmcontype{margin-right:0;margin-left:10px;margin-top:40px;float:right;}
.queStep .tips{font-size:13px;color:#999;margin-left: 10px;}
.queStep .artAbout>li>dl{height:150px}
.queStep .artAbout>li>dl>dd{width: 30.8%;height: 140px;}
.queStep ul.artAbout .uploadFile .uploadblock{padding:0;font-size:16px;line-height:22px;height: 140px;}
.queStep ul.artAbout .uploadFile .uploadtip{font-size:12px;line-height:18px;}

css/popup.css

.frmarea{ min-height:80px;}
.updownbtn{text-decoration:underline; color:#333;}
.blackcover{ width:100%; height:100%;overflow-x: hidden;overflow-y: auto; position:fixed; background:rgba(0,0,0,.6); z-index:1008; }
.blackcover{ width:100%; height:100%;top:0;overflow-x: hidden;overflow-y: auto; position:fixed; background:rgba(0,0,0,.6); z-index:1008; }
.resoufrm p{ font-size:14px;}
/*弹窗资源信息、申请信息*/
.resouinfo{position:absolute;background:#fff;min-width:750px;border-radius:10px;padding:30px 20px;font-size:14px;z-index:1009; margin-bottom:40px; box-shadow: 2px 4px 10px 4px #555; -webkit-box-shadow: 2px 4px 10px 4px #555; -moz-box-shadow: 2px 4px 10px 4px #555; }

discover.html

<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
<link href="css/bootstrap.min.css" rel="stylesheet">
<link type="text/css" href="css/common.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="./css/webuploader/webuploader.css">
<link type="text/css" href="css/genindex.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<style type="text/css">
	ul.artAbout #filePicker{width:187px;height:140px;bottom:0;left:0;margin-left:0;cursor:pointer;}
</style>
</head>
<body>
<!--提问问题-->
<div class="blackcover questionCover displayNone">
	<div class="resAreaBox putquestion">
		<div class="queStep queStep01">
			<div class="steptit">提出您的问题(1/2)</div>
			<ul class="artAbout">
				<li>
					<div class="tipShow">
						为了营造良好的知识分享环境，所有提问将在审核通过后发布。<br>我们欢迎并鼓励您提出与科研、研发有关的提问。<br>
						在审核过程中，我们可能会对提问内容进行修改，包括但不限于错误、隐私、违法违规、广告不友善、政治敏感等内容。
					</div>
				</li>
				<li>
					<div class="aboutTit">问题标题<em class="requiredcon">*</em><span class="frmconmsg"></span></div>
				    <div class="msgContbox">
			    		<textarea class="msgCont" id="queTit" placeholder="请提出您的问题并以问号结尾"></textarea>
			    		<span class="msgconNum"><em>0</em>/50</span>
				    </div>
				</li>
				<li class="form-item">
					<div class="aboutTit">关键词<em class="requiredcon">*</em><span class="frmconmsg" id="keyPrompt"></span></div>
					<div class="col-w-12" style="position: relative;">
						<input type="text" class="frmcontype oinput" placeholder="如：腐蚀防护、石墨烯、纳米材料" data-pro="关键词不得超过15个字" data-num="5" data-fontsizen="15" id="KeyWord">
						<button type="button" class="frmcontype btnModel frmaddG addButton">添加</button>
						<div class="form-drop keydrop">
							<ul>
								
							</ul>
						</div>
					</div>
					<div class="form-result keyResult" style="margin-top: -10px;">
						<ul class="ulspace editUlist clearfix" id="keyWordlist">
							<!--<li>dd<div class="closeThis"></div></li>-->
						</ul>
					</div>	
				</li>
				<li class="saveBtn">
					<button type="button" class="frmcontype btnModel" id="nextSte">下一步</button>
				</li>
			</ul>
		</div>
		<div class="queStep queStep02 displayNone">
			<div class="steptit">提出您的问题(2/2)</div>
			<ul class="artAbout" style="">
				<li>
					<div class="aboutTit">问题描述<span class="frmconmsg"></span></div>
					<div class="msgContbox">
			    		<textarea class="msgCont" placeholder="添加描述和配图（选填）" id="queCnt"></textarea>
			    		<span class="msgconNum"><em>0</em>/500</span>
			    	</div>
				</li>
				<li>
					<div class="aboutTit">上传图片<span class="tips">如果图片可以更好的描述问题，请不要犹豫（最多3张）</span></div>
					<dl class="clearfix" id="fileList">
						<dd class="uploadD" id="uploadDd">
							<div class="uploadFile">
		        				<div class="uploadblock">
		        					<span class="" id="filePicker">上传图片</span>
		        					<!--未上传图片时-->
		        					<div class="upFront" style="top:34px;" id="uploader">
			        					<p>上传图片</p>
			        					<p class="uploadtip">JPG/JPEG/PNG格式<br/>大小2M以内</p>
		        					</div>
			            		</div>
		        			</div>
						</dd>
						<dd></dd>
						<dd></dd>
					</dl>
				</li>
				<li class="saveBtn">
					<button type="button" class="frmcontype btnModel" id="pubSte">发布</button>
					<button type="button" class="frmcontype btnModel btnCancel" id="preSte">上一步</button>
				</li>
			</ul>
		
		</div>
		<span class="workclose" id="workclose"></span>
	</div>
</div>
<header id="header">
	<script src="js/header.js"></script>
</header>
			</div>
			<div class="rightconBox floatR">
				<div class="conItem advertBox advertItem advertItem-A"></div>
				<div class="conItem conItemG alignCenter">
					<div class="onlogin">
						<a href="/userInforShow.html?professorId=DKDHSKDLSIELSKJDL234567890111111" class="hrefgo">
							<div class="madiaHead useHead" id="Zimg"></div>
							<div class="proInfo h3Font clearfix">
								<a href="/userInforShow.html?professorId=DKDHSKDLSIELSKJDL234567890111111" class="h1Font hrefgo" id="Zname" dataid="DKDHSKDLSIELSKJDL234567890111111">胡为峰</a>
								<span class="authiconNew authicon-pro" title="科袖认证专家" id="ZauthFlag"></span>
				<div class="conItem privateInfo">
					<div class="onlogined displayNone">
						<div class="owener-info"></div>
						<div class="statisticsBox">
							<div class="col-w-4">
								<p>文章</p>
								<span id="myPubedArt">0</span>
							</div>
							<div class="col-w-4">
								<p>回答</p>
								<span id="myPubedAnswer">0</span>
							</div>
							<div class="col-w-4">
								<p>总获赞</p>
								<span id="agreeMecount">0</span>
							</div>
						</a>
						</div>
						<div class="goSpan">
							<span class="pubArt">写文章</span>
							<span class="pubQuestion">提问题</span>
						</div>
						<div class="goSpanLine">
							<span class="goarrow">我的关注与收藏</span>
						</div>
					</div>	
					<div class="unlogin">
					<div class="unlogined">
						<div class="madiaHead useHead"></div>
						<div class="h3Font">Hi，欢迎您<br>登录后可以和大家交流哦～</div>
						<div class="goSpan">
							<span>登录</span>
							<span>注册</span>
						</div>
					</div>	
				</div>
				<div class="conItem conBlock displayNone">
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
<script type="text/javascript" src="js/jquery.page.js"></script>
<script type="text/javascript" src="./js/webuploader/webuploader.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/quickLogin.js"></script>
<script type="text/javascript" src="js/discover.js"></script>
<script type="text/javascript">
$(function () {	

js/discover.js

	var exculdeId2s;
	var rows="20",fTime,fId,QTime,QId;
	var sortColumn=["3","7","10","4","5","6","8"]//发现栏目显示顺序
	
	if(userid && userid != null && userid != "null") {
		$(".privateInfo .onlogined").removeClass("displayNone")
		$(".privateInfo .unlogined").addClass("displayNone")
		rightAllCon()
		$(".pubArt").on("click",function(){
			window.open('../articalIssue.html')
		})
		$(".pubQuestion").on("click",function(){
			$(".questionCover").fadeIn();
			$("body").css("position", "fixed");
		})
		$(".goarrow").on("click",function(){
			window.open('../userInforShow.html?professorId='+ userid +'&iLike=1')
		})
		$("#workclose").on("click",function(){
			$(".questionCover").fadeOut();
		    $("body").css("position", "");
		})
		hotKey(".oinput");
		//校验关键字
		$("#KeyWord").on({
			focus: function() {
				$("#keyPrompt").text("最多可添加5个关键词，每个关键词15字以内");
			},
			blur: function() {
				$("#keyPrompt").text("");
			}
		})
		$("#keyWordlist").on("click", ".closeThis", function() {
			$(this).parent().remove();
			var liNum = $("#keyWordlist").find("li").length;
			if(liNum < 5) {
				$("#keyWordlist").parents(".keyResult").siblings("div.col-w-12").show();
			}
		})
		limitObj("#queTit",50)
		$("#queTit").on({
			focus: function() {
				$(this).parents("li").find(".frmconmsg").text("提问不得少于5个字，不可超过50个字");
			},
			blur: function() {
				$(this).parents("li").find(".frmconmsg").text("");
			}
		})
		limitObj("#queCnt",500)
		$("#queCnt").on({
			focus: function() {
				$(this).parents("li").find(".frmconmsg").text("提问描述不可超过500个字");
			},
			blur: function() {
				$(this).parents("li").find(".frmconmsg").text("");
			}
		})
		
		var uploader = WebUploader.create({
			auto: true,
			fileNumLimit: 3,
			swf: '../js/webuploader/Uploader.swf',
			server: '../ajax/question/upload',
			fileSingleSizeLimit: 2 * 1024 * 1024,
			pick: {
				id: "#filePicker",
				multiple: false
			},
			accept: {
				title: 'Images',
				extensions: 'jpg,jpeg,png',
				mimeTypes: 'image/jpg,image/png'
			}
	
		});
	
		// 当有文件添加进来的时候
		uploader.on('fileQueued', function(file) {
			fileId = file.id;
			var $len = $("#fileList").find("img").length;
			if($len == 0 || $len == 1) {
				var oRemove = $("#fileList").find("dd");
				oRemove.eq(oRemove.length - 1).remove();
			} 
			var $li = $(
					'<dd>' +
						'<div class="imgItem" id="' + file.id + '">'+
							'<img />' +
						'</div>'+
					'</dd>'
				),
				$btns = $('<div class="file-panel">' +
					'<span class="cancel"></span>' +
					'</div>').appendTo($li),
				$img = $li.find('img');
			var $list = $("#fileList");
			if($len == 1) {
				$list.find("dd").eq(0).after($li)
			} else if($len == 2) {
				$list.find("dd").eq(1).after($li)
			} else {
				$list.prepend($li);
			}
	
			// 创建缩略图
			// 如果为非图片文件，可以不用调用此方法。
			// thumbnailWidth x thumbnailHeight 为 100 x 100
			uploader.makeThumb(file, function(error, src) {
				if(error) {
					$img.replaceWith('<span>不能预览</span>');
					return;
				}
				$img.attr('src', src);
			}, 1, 1);
		});
		uploader.onError = function(code) {
			console.log(code)
			$.MsgBox.Alert('提示', '请上传jpg、jpeg、png格式的图片，大小不超过2M')
		};
		uploader.on('uploadSuccess', function(file, data) {
			if(data.success) {
					uploader.removeFile(fileId);
					var cacheImageKey = temp.push(data.data[0].cacheKey);
			}else{
				$.MsgBox.Alert('提示', '只支持jpeg/jpg/png格式的图片');
			}
		});
		/*删除图片*/
		$("#fileList").on("click", ".cancel", function() {
			var flag=$(this).attr("flag");
			var oNum=$(this).parents("dd").index();
			if(flag==1) {
				array.splice(oNum,1);
			}else{
				temp.splice(oNum,1);
			}
			$(this).parent().parent().remove();
			
			var $len = $("#fileList").find("img").length;
			if($len != 2) {
				$("#fileList").append("<dd></dd>")
			}
			
		});
		//提问下一步
		$("#nextSte").on("click",function(){
			if($("#queTit").val().length>50) {
				$("#queTit").parents("li").find(".frmconmsg").text("提问不可超过50个字");
				$("#queTit").parent().css("border-color","#e03b43");
				return;
			}
			if($("#queTit").val().length<5 || $("#queTit").val().length==0) {
				$("#queTit").parents("li").find(".frmconmsg").text("提问不得少于5个字");
				$("#queTit").parent().css("border-color","#e03b43");
				return;
			}
			if($("#keyWordlist>li").length==0){
				$("#keyPrompt").text("请至少添加1个关键词");
				$("#KeyWord").css("border-color","#e03b43");
				return;
			}
			
			$(".queStep01").addClass("displayNone")
			$(".queStep02").removeClass("displayNone")
		})
		//提问上一步
		$("#preSte").on("click",function(){
			$(".queStep01").removeClass("displayNone")
			$(".queStep02").addClass("displayNone")
		})
		//提问发布
		$("#pubSte").on("click",function(){
			var title=$("#queTit").val();
			var cnt=$("#queCnt").val();
			var imgStr=[];
//			$(".imgU").each(function() {
//				imgStr.push(this.getAttribute("data-preview-src"));
//			});
			var subjects = $("#keyWordlist>li");
			var subjectAll = "";
			if(subjects.length > 0) {
				for(var i = 0; i < subjects.length; i++) {
					subjectAll += subjects[i].innerText.replace(/删除/, "");
					subjectAll += ',';
				};
				subjectAll = subjectAll.substring(0, subjectAll.length - 1);
			}
			console.log(cnt+"++++++"+imgStr);
			
			var dataSt={
					"title": title,
					"cnt": cnt,
					"img": imgStr.join(","),
					"keys": subjectAll,
					"uid": userid
				}
			$.ajax({
				url:'/ajax/question', 
				data: dataSt,
				dataType: 'json',
				traditional: true,
				type: 'POST', 
				success: function(data) {
					if(data.success) {
						console.log(data)
						$(".questionCover").fadeOut();
						$("body").css("position", "");
						$(".queStep").find("textarea").val("")
						$(".queStep").find("input").val("")
						$(".queStep01").removeClass("displayNone")
						$(".queStep02").addClass("displayNone")
						$.MsgBox.Alert("提示","问题发布成功");
						$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
						
					}
				}
			});
			
		})
	}else{
		$(".privateInfo .unlogined").removeClass("displayNone")
		$(".privateInfo .onlogined").addClass("displayNone")
		$(".unlogined").on("click",function(){
			quickLog();
			operatTab();
			closeLog();
		})
	}
	
	
	//轮播加载页面
	$.ajax({
		"url":"/data/inc/col_banner.html",
			}
		});
	}
	
	function rightAllCon(){
		$.ajax({
			type:"get",
			url:"/ajax/professor/editBaseInfo/"+userid,
			success:function(data){
				if(data.success){
					var dataStr=data.data
					var userType = autho(dataStr.authType, dataStr.orgAuth, dataStr.authStatus);
					var baImg = "../images/default-photo.jpg";
					if(dataStr.hasHeadImage == 1) {
						baImg = "/images/head/" + dataStr.id + "_l.jpg";
					}
					var str='<div class="madiaHead useHead" style="background-image:url('+baImg+')"></div>'+
							'<div class="h2Font">'+dataStr.name+'<span class="authiconNew ' + userType.sty + '" title="' + userType.title + '"></span></div>'
					$(".onlogined .owener-info").html(str)
				}
			}
		});
		$.ajax({
			url: "/ajax/article/pqProPublish",
			dataType: 'json',
			type: 'GET', 
			data: {
				"professorId": userid,
			},
			success:function(data){
				if(data.success){
					$("#myPubedArt").html(data.data.total)
				}
			}
		});
		$.ajax({//回答数
			type:"get",
			url:"/ajax/question/answer/count",
			data: {
				uid: userid
			},
			async:true,
			success:function(data){
				if(data.success){
					$("#myPubedAnswer").html(data.data)
				}
			}
		});
		$.ajax({//总获赞
			type:"get",
			url:"/ajax/professor/agree/sum",
			data: {
				id: userid,
			},
			async:true,
			success:function(data){
				if(data.success){
					$("#agreeMecount").html(data.data)
				}
			}
		});
	}
	
})

js/qa-show.js

$(function() {
	loginStatus();//判断个人是否登录
	$("#feedback").hide();
	var userid = $.cookie("userid"),
		username = $.cookie("userName")
	var questionId = GetQueryString("id"),

js/userInforShow.js

	var userid = $.cookie("userid");
	var professorId = GetQueryString("professorId");
	if(GetQueryString("flag")) {
		
		researchAlert(GetQueryString("flag"))
	}
	if(GetQueryString("iLike")){
		openAttend();
	}
	function researchAlert(cap){
			$.ajax({
				url: "/ajax/researchAreaLog/ql",
		})
		
		$("#myAttends").on("click",function(){
			$(".mainNavUl li.rightbtn").addClass("liNow").siblings().removeClass("liNow");
			$(".navconBox .moreBu").show();
			$("#item8user").show().siblings().hide();
			$(".moreBuUl li.attentType").eq(0).addClass("liNow").siblings().removeClass("liNow");
			$("#item8user>.coninfobox").eq(0).show().siblings().hide();
			openAttend()
		})
		$("#attendmyGo").on("click",function(){
			$(".mainNavUl li.rightbtn").addClass("liNow").siblings().removeClass("liNow");
			}
        })
	}
	
	function openAttend(){//打开收藏与关注
		$(".mainNavUl li.rightbtn").addClass("liNow").siblings().removeClass("liNow");
		$(".navconBox .moreBu").show();
		$("#item8user").show().siblings().hide();
		$(".moreBuUl li.attentType").eq(0).addClass("liNow").siblings().removeClass("liNow");
		$("#item8user>.coninfobox").eq(0).show().siblings().hide();
	}
	function attentCount(){
		$.ajax({//我关注的
			type:"get",