我的需求查询

app/css/app.css

.demandBasic{padding:4px 0;}
.demandBasic h3{font-weight: normal;}
.demandBasic h5{line-height: 26px;font-weight: normal;}
.demandBasic h5 span{margin-right:2%;}
.demandBasic h5 em{font-style: normal;display: inline-block;padding:0 3%;background:#6699ff;margin:0 2px;border-radius:6px;color: #FFFFFF;font-size:12px;line-height: 22px;}
/*.demandBasic h5 span{margin-right:1%;}*/
.demandBasic h5 em{font-style: normal;display: inline-block;padding:0 2%;background:#6699ff;margin:0 1px;border-radius:6px;color: #FFFFFF;font-size:12px;line-height: 22px;}
.conBody{position: relative; min-height: 100%;padding-bottom:20%;}
.demandBtn{position: absolute;bottom:2%;right:0; left:0;}
.demandBtn .frmactive2{background: none;border:none;color:#999999;}

app/html/myaccount.html

				        	<span class="rightword">￥0.00</span>
				        </a>
				    </li>-->
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right"  id="demand">
				        	<em class="mui-icon mui-icon-help actionicon mui-pull-left" style="color:#0ee032"></em>
				        	<span class="mui-pull-left">我的需求</span>
				        </a>
				    </li>
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right"  id="goFollow">
				        	<em class="mui-icon iconfont icon-favor actionicon attenticon mui-pull-left"></em>
				        	<em class="mui-icon  iconfont icon-favor actionicon attenticon mui-pull-left"></em>
				        	<span class="mui-pull-left">我的关注</span>
				        </a>
				    </li>

app/html/needList.html

		<style type="text/css">
			.mui-table-view .mui-media-object.btnLinkIcon{width:36px; height:36px;line-height:36px;}
			.mui-table-view .mui-media-object.btnLinkIcon .iconfont{color:#FFFFFF;line-height:24px;}
		    .mui-scroll-wrapper{overflow:auto;}
		</style>
	</head>
		    <h1 class="mui-title toptit">我的需求</h1>
		</header>
		<div class="mui-content">
			<div class="filterdiv btnLinkBox">
			<div class="filterdiv btnLinkBox" id="btnLinkBox">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;">
				</ul>
			</div>
			<div class="contentInner">
				<div id="zixunpullrefresh" class="mui-content mui-scroll-wrapper" style="top:110px">
				<div id="zixunpullrefresh" class="mui-content mui-scroll-wrapper" style="top:100px">
		  			<div class="mui-scroll">
					    <ul class="mui-table-view protable tableList">
					   		<li class="mui-table-view-cell mui-media">
								<div class="coutopicbox"><span class="coutheme mui-ellipsis mui-pull-left">这里是需求主题</span>
									<div class="coustatus mui-pull-right">
										<span class="aimlabel">企业</span>
										<span class="aimlabel">技术</span>
										<span class="status-1">发布中</span>
									</div>
								</div>
								<a class="proinfor itemBtn">
									<div class="mui-media-body">
										<span class="listtit">
											<span class="thistime" style="top:20px">今天 14:06</span>
										</span>
										<p class="listtit3 mui-ellipsis-2 rightChevron">
											(这里显示的是需求内容)Lorem ipsum dolor sit amet, consectetur adipiscing elit.
											 Aenean euismod bibendum  
										</p>
									</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media">
								<div class="coutopicbox"><span class="coutheme mui-ellipsis mui-pull-left">这里是需求主题</span>
									<div class="coustatus mui-pull-right">
										<span class="aimlabel">企业</span>
										<span class="aimlabel">资源</span>
										<span class="status-5">已关闭</span>
									</div>
								</div>
								<a class="proinfor itemBtn">
									<div class="mui-media-body">
										<span class="listtit">
											<span class="thistime" style="top:20px">今天 14:06</span>
										</span>
										<p class="listtit3 mui-ellipsis-2 rightChevron">
											(这里显示的是需求内容)Lorem ipsum dolor sit amet, consectetur adipiscing elit.
											 Aenean euismod bibendum  
										</p>
									</div>
								</a>
							</li>
					    </ul>
					</div>
				</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/base.js"></script>
		<script src="../js/needList.js"></script>
	</body>
</html>

app/html/needShow.html

			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;background: #fff;}
			.mui-content{background: #fff;height:100%;overflow: auto;}
			.mui-table-view:before,.mui-table-view:after{background:#E6E6E6;}
			.coutopicbox{border-bottom:none;margin:0;padding:0;}
			.coutopicbox{border-bottom:none;margin:0;padding:0;width:100%}
			.demandBtn .frmactive2{color:#FF0000}
			.demandBtn .frmactive2.mui-btn:enabled:active{color:#FF0000}
		</style>
		<div class="mui-content">
			<div class="conBody">
				<div class="contentInner demandBasic">
					<h3>XXXXXXXXXXXXXX(需求主题)</h3>
					<h3 id="demandTitle"></h3>
					<h5 class="coutopicbox">
						发布时间：<span>2月13日</span>
						<em class="aimlabel">个人需求</em>
						<em class="aimlabel">技术咨询</em>
						<em class="status-1">发布中</em>
						发布时间：<span id="poTime"></span>
						<em class="aimlabel" id="oDemandType"></em>
						<em class="aimlabel" id="oDemandAim"></em>
						<em class="status-1" id="oDemandStatus"></em>
						<!--<em class="status-5">已关闭</em>-->
					</h5>
				</div>
				<ul class="mui-table-view mui-table-view-chevron" id="proInfor">
					<li class="contentInner mui-table-view-cell mui-media" style="padding:8px 20px 8px 10px;">		
						<a class="proinfor">
							<div><img id="proHead" class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg"></div>
							<div class="mui-media-body">
								<span class="listtit" ><span id="proName"></span><em class="mui-icon iconfont icon-vip authicon-cu"> </em></span>
								<div class="listtit2"><span id="proTitle"></span><span id="proOffice"></span><span id="proOrg"></span><span id="proAddress"></span></div>
								<div class="mui-ellipsis listtit3" id="proRlist"></div>
								<div class="mui-ellipsis listtit3" id="proZlist"></div>
							</div>
						</a>
					</li>
				</ul>
				<div class="demandCon contentInner">
				Lorem ipsum dolor sit amet, consectetur adipiscing elit.
				 Aenean euismod bibendum laoreet. Proin gravida dolor sit 
				 amet lacus accumsan et viverra justo commodo. Proin sodales
				  pulvinar tempor. Cum sociis natoque penatibus et magnis dis
				   parturient montes, nascetur ridiculus mus. Nam fermentum, 
				   nulla luctus pharetra vulputate, felis tellus mollis orci, 
				   sed rhoncus sapien nunc eget odio. montes, nascetur ridiculus mus. 
				   Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, 
				   sed rhoncus sapien nunc eget odio. （需求内容）
				<div class="demandCon contentInner" id="demandContent">
	
				</div>
				<div class="contentInner demandBtn">
				<div class="contentInner demandBtn" id="closedDemand">
					<button class="mui-btn mui-btn-block frmbtn frmactive2">关闭该需求</button>
				</div>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/base.js"></script>
		<script src="../js/needShow.js"></script>
	</body>
</html>

app/js/myaccount.js

	var goSetup = document.getElementById("goSetup");
	var goZixun = document.getElementById("goZixun");
	var goZixunbox = document.getElementById("goZixunbox");
	var gonXuqiu=document.getElementById("demand");
	var oEdit = document.getElementById("editbox");
	var goFollow = document.getElementById("goFollow");
	var userImg = document.getElementById("userImg");
						}
					});
				})
				/*我的需求*/
				gonXuqiu.addEventListener('tap', function() {
					mui.openWindow({
						url: '../html/needList.html',
						id: '../html/needList.html',
						show: {
							autoShow: false,
							aniShow: "slide-in-right"
						}
					});
				})
				/*我的关注*/
				goFollow.addEventListener('tap', function() {
					mui.openWindow({

app/js/needIssue.js

						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;
					if(this.getElementsByTagName("span")[0].innerText == "咨询技术难题") {
						consun = 1;
					} else if(this.getElementsByTagName("span")[0].innerText == "寻求研发资源") {
						consun = 2;
					} else {
						consun = 3;
					}
				}
			}
		});
		/*需求题目*/
		demandContent.addEventListener('keyup', function() {
			if(demandContent.value.length > 30){
			if(demandContent.value.length > 30) {
				demandContent.value = demandContent.value.substring(0, 30);
			}
		});
			})
			/*发布需求函数*/
		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;
			var arr = [];
			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;
			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,
				traditional: true,
				data: {
					"demander": userid,
					"demandAim":consun, 
					"demandAim": consun,
					"demandType": 1,
					"demandTitle": demandContent.value,
					"demandContent": oconsultcon.innerText,
					"args":arr
					"args": arr
				},
				success: function(data) {
					console.log(JSON.stringify(data))
					if(data.success) {
						
						plus.nativeUI.toast("需求发布成功！很快会有专家与您联系，您可以在咨询列表中查看专家回复的信息", toastStyle);
						mui.back();
						var curr = plus.webview.currentWebview();
						var wvs = plus.webview.all();
						for(var i = 0, len = wvs.length; i < len; i++) {
							//关闭除setting页面外的其他页面
							if(wvs[i].getURL() == curr.getURL())
								continue;
							plus.webview.close(wvs[i]);
						}
						//打开login页面后再关闭setting页面
						plus.webview.open('../index.html');
						curr.close();
					}
				},
				error: function() {

app/js/needList.js

mui.ready(function() {
	mui.plusReady(function() {
		var userid = plus.storage.getItem('userid');
		var ws = plus.webview.currentWebview();
		var oUlist = document.getElementsByClassName("tableList")[0];
		window.addEventListener("newId", function(event) {
				demandList();
			})
		function demandHtml(data) {
			for(var i = 0; i < data.length; i++) {
				var oDemandStatus, oDemandType, oDemandAim, oCreateTime,stColor;
				(data[i].demandStatus == 1) ? (oDemandStatus = "发布中",stColor="status-1"): (oDemandStatus = "已关闭",stColor="status-5");
				(data[i].demandType == 1) ? oDemandType = "个人": oDemandType = "企业";
				(data[i].demandAim == 1) ? oDemandAim = "技术": (data[i].demandAim == 2) ? oDemandAim = "资源" : oDemandAim = "其他";
				oCreateTime = data[i].createTime.substr(0, 4) + "-" + data[i].createTime.substr(4, 2) + "-" + data[i].createTime.substr(6, 2) + " " + data[i].createTime.substr(8, 2) + ":" + data[i].createTime.substr(10, 2);
				var li = document.createElement('li');
				li.className = 'mui-table-view-cell mui-media';
				li.setAttribute("demandId", data[i].demandId);
				li.setAttribute("demandStatus", data[i].demandStatus);
				var oString = '<div class="coutopicbox"><span class="coutheme mui-ellipsis mui-pull-left">' + data[i].demandTitle + '</span>'
				oString += '<div class="coustatus mui-pull-right">'
				oString += '<span class="aimlabel">' + oDemandType + '</span>'
				oString += '<span class="aimlabel">' + oDemandAim + '</span>'
				oString += '<span class="'+stColor+'">' + oDemandStatus + '</span>'
				oString += '</div></div>'
				oString += '<a class="proinfor itemBtn">'
				oString += '<div class="mui-media-body">'
				oString += '<span class="listtit">'
				oString += '<span class="thistime" style="top:20px">' + oCreateTime + '</span>'
				oString += '</span>'
				oString += '<p class="listtit3 mui-ellipsis-2 rightChevron">' + data[i].demandContent + '</p></div></a>'
				li.innerHTML = oString;
				oUlist.appendChild(li);
			}
		}
		function demandList() {
			mui.ajax(baseUrl + '/ajax/demand/byDemander', {
				dataType: 'json', //数据格式类型
				type: 'GET', //http请求类型
				timeout: 10000, //超时设置
				data: {
					"demander": userid
				},
				success: function(data) {
					if(data.success) {
						console.log(JSON.stringify(data));
						oUlist.innerHTML="";
						demandHtml(data.data);
						plus.nativeUI.closeWaiting();; //新webview的载入完毕后关闭等待框
						ws.show("slide-in-right", 150);
					}
				}
			});
		}
		demandList();
		/*查询单个需求*/
		mui('.tableList').on('tap', 'li', function(e) {
			var oDemandId = this.getAttribute('demandId');
			var demandStatus = this.getAttribute('demandStatus');
			mui.openWindow({
				url: '../html/needShow.html',
				id: '../html/needShow.html',
				show: {
					autoShow: false,
					aniShow: "slide-in-right"
				},
				extras: {
					demanid:oDemandId,
					demandStatus1:demandStatus
				}
			});
		});
		/*发布新需求*/
		document.getElementById("btnLinkBox").addEventListener("tap", function() {
			mui.openWindow({
				url: '../html/needIssue.html',
				id: '../html/needIssue.html',
				show: {
					aniShow: "slide-in-right",
				}
			});
		})
	});
})

app/js/needShow.js

mui.ready(function() {
	mui.plusReady(function() {
		var userid = plus.storage.getItem('userid');
		var ws = plus.webview.currentWebview();
		if(ws.demandStatus1==0){
			document.getElementById("closedDemand").style.display="none";	
		}
		/*单个需求查询*/
		function demandAngle() {
			mui.ajax(baseUrl + '/ajax/demand/queryOne', {
				dataType: 'json', //数据格式类型
				type: 'GET', //http请求类型
				timeout: 10000, //超时设置
				data: {
					"demandId": ws.demanid
				},
				success: function(data) {
					if(data.success) {
						var $data = data.data;
						var oDemandTitle = document.getElementById("demandTitle");
						var oDemandContent = document.getElementById("demandContent");
						var oDemandType = document.getElementById("oDemandType");
						var oDemandAim = document.getElementById("oDemandAim");
						var oDemandStatus = document.getElementById("oDemandStatus");
						var oCreateTime = document.getElementById("poTime");
						//						
						oCreateTime.innerText = $data.createTime.substr(4, 2) + "-" + $data.createTime.substr(6, 2)
						oDemandTitle.innerText = $data.demandTitle;
						oDemandContent.innerText = $data.demandContent;
						($data.demandStatus == 1) ? oDemandStatus.innerText = "发布中": (oDemandStatus.innerText = "已关闭",oDemandStatus.classList.remove('status-1'),oDemandStatus.classList.add('status-5'));
						($data.demandType == 1) ? oDemandType.innerText = "个人需求": oDemandType.innerText = "企业需求";
						($data.demandAim == 1) ? oDemandAim.innerText = "技术咨询": ($data.demandAim == 2) ? oDemandAim.innerText = "资源合作" : oDemandAim.innerText = "其他事务";
						plus.nativeUI.closeWaiting();
						ws.show("slide-in-right", 150);
					}
				}
			});
		}
		demandAngle();
		/*关闭单个需求*/
		document.getElementById("closedDemand").addEventListener("tap", function() {
			mui.ajax(baseUrl + '/ajax/demand/close', {
				dataType: 'json', //数据格式类型
				type: 'post', //http请求类型
				timeout: 10000, //超时设置
				data: {
					"demandId": ws.demanid
				},
				success: function(data) {
					if(data.success) {
						plus.nativeUI.showWaiting();
						var web = plus.webview.getWebviewById("../html/needList.html");
						mui.fire(web, "newId");
						setTimeout(function(){mui.back()},1000);
					}
				}
			});
		})
	});
})