发布需求

app/html/needIssue.html

@@ -47,23 +47,23 @@
							<div class="littip"></div>
						</li>
						<li><label>需求主题<em class="requiredcon"></em></label></li>
						<li class="basicfrm"><input type="text" name="comname" placeholder="请用一句话概括您的需求" class="mui-input-clear frmtype"></li>
						<li class="basicfrm"><input type="text" name="comname" placeholder="请用一句话概括您的需求" class="mui-input-clear frmtype" id="demandContent"></li>
						<li><label>需求内容<em class="requiredcon" ></em></label></li>
						<li class="divideSpace" style="height:auto">
							<div class="textareabox textareaboxEmp borderarea" contenteditable="true" placeholder="请详细描述您遇到的问题，以便为您找到最合适的专家"></div>
							<div class="limitNum">您还能输入<span class="countNum">300</span> 字</div>
							<div class="limitNum">您还能输入<span id="countNum">300</span> 字</div>
						</li>
						<li><label>请选择需求涉及的行业或领域（可多选）</label></li>
						<li class="divideSpace">
							<ul class="hotsearch chooseBox">
					       		<li><span>材料检测</span></li>
					       		<li><span>防腐蚀</span></li>
					       		<li class="checkedLi"><span>金属基复合材料</span></li>
					       		<li class="checkedLi"><span>金属基复合材料</span></li>
					       		<li><span>微晶金属材料</span></li>
					       		<li class="checkedLi"><span>金属基复合材料</span></li>
					       		<li><span>微晶金属材料</span></li>
					       		<li><span>微晶金属材料</span></li>
					       		<!--<li><span>材料检测</span></li>
					       		<li><span>防腐蚀</span></li>
					       		<li class="checkedLi"><span>金属基复合材料</span></li>
					       		<li class="checkedLi"><span>金属基复合材料</span></li>
					       		<li><span>微晶金属材料</span></li>
					       		<li class="checkedLi"><span>金属基复合材料</span></li>
					       		<li><span>微晶金属材料</span></li>
					       		<li><span>微晶金属材料</span></li>-->
					       </ul>
						</li>
						<li class="divideSpace">
@@ -72,9 +72,9 @@
								<button class="mui-btn mui-pull-left addlabelbtn">添加</button>
							</div>
							<div class="labelarea">
	                        	<ul class="labelshow chooseBox">
						       		<li>4565566<em class='mui-icon mui-icon-closeempty'></em></li>
						       		<li>4565566<em class='mui-icon mui-icon-closeempty'></em></li>
	                        	<ul class="labelshow chooseBox" id="labelshow">
						       		<!--<li>4565566<em class='mui-icon mui-icon-closeempty'></em></li>
						       		<li>4565566<em class='mui-icon mui-icon-closeempty'></em></li>-->
						       	</ul>
	                        </div>
						</li>
@@ -84,26 +84,7 @@
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/base.js"></script>
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		     mui.plusReady(function(){
		    	var self = plus.webview.currentWebview();
		    })
			tab("navsub");//身份切换
			function tab(name) { 
				var oDome = document.getElementById(name);
				var oSpan = oDome.getElementsByTagName('ul')[0].childNodes;
				for(var i = 0; i < oSpan.length; i++) {
					oSpan[i].onclick = function() {
						for(var i = 0; i < oSpan.length; i++) {
							oSpan[i].className = '';
						}
						this.className = 'set';
					}
				}
			}
		</script>
		<script type="text/javascript" src="../js/needIssue.js"></script>
	</body>
</html>

app/js/needIssue.js

@@ -0,0 +1,178 @@
mui.ready(function() {
	mui.plusReady(function() {
		var userid = plus.storage.getItem('userid');
		var ws = plus.webview.currentWebview();
		var oconsultcon = document.getElementsByClassName("borderarea")[0];
		var demandContent = document.getElementById("demandContent");
		var oNavsub = document.getElementById("navsub");
		var consun;
		//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		iosheader();
		tab("navsub"); //身份切换
		function tab(name) {
			var oDome = document.getElementById(name);
			var oSpan = oDome.getElementsByTagName('ul')[0].childNodes;
			for(var i = 0; i < oSpan.length; i++) {
				oSpan[i].onclick = function() {
					for(var i = 0; i < oSpan.length; i++) {
						oSpan[i].className = '';
					}
					this.className = 'set';
					if(this.getElementsByTagName("span")[0].innerText=="咨询技术难题"){
						consun=1;
					}else if(this.getElementsByTagName("span")[0].innerText=="寻求研发资源"){
						consun=2;
					}else{
						consun=3;
					}
				}
			}
		}
		/*需求内容*/
		function checkLen(obj) {
			var maxChars = 300; //最多字符数  
			if(obj.innerText.length > maxChars) {
				obj.innerText = obj.innerText.substring(0, maxChars);
			}
			var curr = maxChars - obj.innerText.length;
			document.getElementById("countNum").innerHTML = curr.toString();
		};
		oconsultcon.addEventListener('keyup', function() {
			checkLen(oconsultcon);
		});
		/*需求题目*/
		demandContent.addEventListener('keyup', function() {
			if(demandContent.value.length > 30){
				demandContent.value = demandContent.value.substring(0, 30);
			}
		});
		/*行业及领域选择*/
		mui('.hotsearch').on('tap', 'li', function() {
				if(this.className == "checkedLi") {
					this.classList.remove("checkedLi")
				} else {
					this.classList.add("checkedLi")
				}
			})
			/*行业及领域选择添加及删除*/
		function trim(str) { //删除左右两端的空格
			　　
			return str.replace(/(^\s*)|(\s*$)/g, "");　　
		}
		mui(".labelshow").on("tap", "em", function() {
			var val = this.parentNode;
			document.getElementsByClassName('labelshow')[0].removeChild(val);
		});
		document.getElementsByClassName("addlabelbtn")[0].addEventListener("tap", function() {
				var labelshow1 = document.getElementById("labelshow").getElementsByTagName("li");
				if(labelshow1.length > 4) {
					plus.nativeUI.toast("添加内容不能超过5个", toastStyle);
					return;
				}
				var addContent = document.getElementsByClassName('lineInput')[0].value;
				var content = trim(addContent);
				if(content) {
					var node = document.createElement("li");
					node.innerHTML 
					
					= content + '<em class="mui-icon mui-icon-closeempty"></em>';
					document.getElementsByClassName("labelshow")[0].appendChild(node);
					document.getElementsByClassName('lineInput')[0].value = ''
				} else {
					plus.nativeUI.toast("添加内容不能为空", toastStyle);
				}
			})
			/*查询应用行业及学术领域*/
		function industry(insu) {
			mui.ajax(baseUrl + "/ajax/dataDict/qaDictCode", {
				dataType: 'json', //数据格式类型
				type: 'GET', //http请求类型
				timeout: 10000, //超时设置
				data: {
					"dictCode": insu
				},
				success: function(data) {
					if(data.success) {
						var $data = data.data;
						var n;
						($data.length > 5) ? n = 5:
							n = $data.length
						for(var i = 0; i < n; i++) {
							var node = document.createElement("li");
							node.innerHTML = '<span>' + $data[i].caption + '</span>';
							document.getElementsByClassName('hotsearch')[0].appendChild(node);
						}
					}
				},
				error: function() {
					plus.nativeUI.toast("服务器链接超时", toastStyle);
					return;
				}
			});
		}
		industry("INDUSTRY");
		industry("SUBJECT");
		/*发布新需求*/
		document.getElementsByClassName("topsave")[0].addEventListener("tap", function() {
				var dd = oNavsub.getElementsByClassName("set");
				if(dd.length == 0) {
					plus.nativeUI.toast("请选择您发布需求的目的", toastStyle);
					return;
				}
				if(!trim(demandContent.value)) {
					plus.nativeUI.toast("请填写需求主题", toastStyle);
					return;
				}
				if(!trim(oconsultcon.innerText)) {
					plus.nativeUI.toast("请填写需求内容", toastStyle);
					return;
				}
				publish()
			})
			/*发布需求函数*/
		function publish() {
			var arr=[];
			var arr1=[0,1,2]
			var oSuin=document.getElementsByClassName("checkedLi");
			var oin= document.getElementById("labelshow").getElementsByTagName("li");
			for(var i=0;i<oSuin.length;i++){
				arr[i]=oSuin[i].innerText;
			}
			for(var j=0;j<oin.length;j++,i++){
				arr[i]=oin[j].innerText;
			}
			
			mui.ajax(baseUrl + '/ajax/demand', {
				dataType: 'json', //数据格式类型
				type: 'post', //http请求类型
				timeout: 10000, //超时设置
				traditional:true,
				data: {
					"demander": userid,
					"demandAim":consun, 
					"demandType": 1,
					"demandTitle": demandContent.value,
					"demandContent": oconsultcon.innerText,
					"args":arr
				},
				success: function(data) {
					console.log(JSON.stringify(data))
					if(data.success) {
						
						plus.nativeUI.toast("需求发布成功！很快会有专家与您联系，您可以在咨询列表中查看专家回复的信息", toastStyle);
						mui.back();
					}
				},
				error: function() {
					plus.nativeUI.toast("服务器链接超时", toastStyle);
					return;
				}
			});
		}
	})
})