Главная Обзор Помощь
Регистрация Войти
bulomakaka
/
ekexiu.app
Следить 2
В избранное 1
Ответвить 0
Код Обсуждения 0 Запросы на слияние 0 Коммиты 386 Релизы 0 Вики
Просмотр исходного кода

我的需求查询

jack лет назад: 8
Родитель
541587e3e3
Сommit
e9c4c9e5ea
8 измененных файлов с 214 добавлено и 97 удалено
Разделённый вид Показать статистику Diff
  1. 2 2
      app/css/app.css
  2. 7 1
      app/html/myaccount.html
  3. 4 42
      app/html/needList.html
  4. 9 30
      app/html/needShow.html
  5. 12 1
      app/js/myaccount.js
  6. 31 21
      app/js/needIssue.js
  7. 87 0
      app/js/needList.js
  8. 62 0
      app/js/needShow.js

+ 2 - 2
app/css/app.css
Просмотреть файл 

@ -665,8 +665,8 @@ footer.chatFooter .mui-icon-paperplane {font-size: 16px;word-break: keep-all;lin
665 665 
.demandBasic{padding:4px 0;}
666 666 
.demandBasic h3{font-weight: normal;}
667 667 
.demandBasic h5{line-height: 26px;font-weight: normal;}
668 
.demandBasic h5 span{margin-right:2%;}
669 
.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;}
668 
/*.demandBasic h5 span{margin-right:1%;}*/
669 
.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;}
670 670 
.conBody{position: relative; min-height: 100%;padding-bottom:20%;}
671 671 
.demandBtn{position: absolute;bottom:2%;right:0; left:0;}
672 672 
.demandBtn .frmactive2{background: none;border:none;color:#999999;}

+ 7 - 1
app/html/myaccount.html
Просмотреть файл 

@ -83,9 +83,15 @@
83 83 
				        	<span class="rightword">￥0.00</span>
84 84 
				        </a>
85 85 
				    </li>-->
86 
				    <li class="mui-table-view-cell">
87 
				        <a class="mui-navigate-right"  id="demand">
88 
				        	<em class="mui-icon mui-icon-help actionicon mui-pull-left" style="color:#0ee032"></em>
89 
				        	<span class="mui-pull-left">我的需求</span>
90 
				        </a>
91 
				    </li>
86 92 
				    <li class="mui-table-view-cell">
87 93 
				        <a class="mui-navigate-right"  id="goFollow">
88 
				        	<em class="mui-icon iconfont icon-favor actionicon attenticon mui-pull-left"></em>
94 
				        	<em class="mui-icon  iconfont icon-favor actionicon attenticon mui-pull-left"></em>
89 95 
				        	<span class="mui-pull-left">我的关注</span>
90 96 
				        </a>
91 97 
				    </li>

+ 4 - 42
app/html/needList.html
Просмотреть файл 

@ -10,6 +10,7 @@
10 10 
		<style type="text/css">
11 11 
			.mui-table-view .mui-media-object.btnLinkIcon{width:36px; height:36px;line-height:36px;}
12 12 
			.mui-table-view .mui-media-object.btnLinkIcon .iconfont{color:#FFFFFF;line-height:24px;}
13 
		    .mui-scroll-wrapper{overflow:auto;}
13 14 
		</style>
14 15 
	</head>
15 16 
@ -19,7 +20,7 @@
19 20 
		    <h1 class="mui-title toptit">我的需求</h1>
20 21 
		</header>
21 22 
		<div class="mui-content">
22 
			<div class="filterdiv btnLinkBox">
23 
			<div class="filterdiv btnLinkBox" id="btnLinkBox">
23 24 
				<ul class="mui-table-view">
24 25 
					<li class="mui-table-view-cell mui-media">
25 26 
						<a href="javascript:;">
 
@ -34,49 +35,9 @@
34 35 
				</ul>
35 36 
			</div>
36 37 
			<div class="contentInner">
37 
				<div id="zixunpullrefresh" class="mui-content mui-scroll-wrapper" style="top:110px">
38 
				<div id="zixunpullrefresh" class="mui-content mui-scroll-wrapper" style="top:100px">
38 39 
		  			<div class="mui-scroll">
39 40 
					    <ul class="mui-table-view protable tableList">
40 
					   		<li class="mui-table-view-cell mui-media">
41 
								<div class="coutopicbox"><span class="coutheme mui-ellipsis mui-pull-left">这里是需求主题</span>
42 
									<div class="coustatus mui-pull-right">
43 
										<span class="aimlabel">企业</span>
44 
										<span class="aimlabel">技术</span>
45 
										<span class="status-1">发布中</span>
46 
									</div>
47 
								</div>
48 
								<a class="proinfor itemBtn">
49 
									<div class="mui-media-body">
50 
										<span class="listtit">
51 
											<span class="thistime" style="top:20px">今天 14:06</span>
52 
										</span>
53 
										<p class="listtit3 mui-ellipsis-2 rightChevron">
54 
											(这里显示的是需求内容)Lorem ipsum dolor sit amet, consectetur adipiscing elit.
55 
											 Aenean euismod bibendum
56 
										</p>
57 
									</div>
58 
								</a>
59 
							</li>
60 
							<li class="mui-table-view-cell mui-media">
61 
								<div class="coutopicbox"><span class="coutheme mui-ellipsis mui-pull-left">这里是需求主题</span>
62 
									<div class="coustatus mui-pull-right">
63 
										<span class="aimlabel">企业</span>
64 
										<span class="aimlabel">资源</span>
65 
										<span class="status-5">已关闭</span>
66 
									</div>
67 
								</div>
68 
								<a class="proinfor itemBtn">
69 
									<div class="mui-media-body">
70 
										<span class="listtit">
71 
											<span class="thistime" style="top:20px">今天 14:06</span>
72 
										</span>
73 
										<p class="listtit3 mui-ellipsis-2 rightChevron">
74 
											(这里显示的是需求内容)Lorem ipsum dolor sit amet, consectetur adipiscing elit.
75 
											 Aenean euismod bibendum
76 
										</p>
77 
									</div>
78 
								</a>
79 
							</li>
80 41 
					    </ul>
81 42 
					</div>
82 43 
				</div>
 
@ -85,6 +46,7 @@
85 46
86 47 
		<script src="../js/public/mui.min.js"></script>
87 48 
		<script src="../js/public/base.js"></script>
49 
		<script src="../js/needList.js"></script>
88 50 
	</body>
89 51
90 52 
</html>

+ 9 - 30
app/html/needShow.html
Просмотреть файл 

@ -11,7 +11,7 @@
11 11 
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;background: #fff;}
12 12 
			.mui-content{background: #fff;height:100%;overflow: auto;}
13 13 
			.mui-table-view:before,.mui-table-view:after{background:#E6E6E6;}
14 
			.coutopicbox{border-bottom:none;margin:0;padding:0;}
14 
			.coutopicbox{border-bottom:none;margin:0;padding:0;width:100%}
15 15 
			.demandBtn .frmactive2{color:#FF0000}
16 16 
			.demandBtn .frmactive2.mui-btn:enabled:active{color:#FF0000}
17 17 
		</style>
 
@ -25,47 +25,26 @@
25 25 
		<div class="mui-content">
26 26 
			<div class="conBody">
27 27 
				<div class="contentInner demandBasic">
28 
					<h3>XXXXXXXXXXXXXX(需求主题)</h3>
28 
					<h3 id="demandTitle"></h3>
29 29 
					<h5 class="coutopicbox">
30 
						发布时间：<span>2月13日</span>
31 
						<em class="aimlabel">个人需求</em>
32 
						<em class="aimlabel">技术咨询</em>
33 
						<em class="status-1">发布中</em>
30 
						发布时间：<span id="poTime"></span>
31 
						<em class="aimlabel" id="oDemandType"></em>
32 
						<em class="aimlabel" id="oDemandAim"></em>
33 
						<em class="status-1" id="oDemandStatus"></em>
34 34 
						<!--<em class="status-5">已关闭</em>-->
35 35 
					</h5>
36 36 
				</div>
37 
				<ul class="mui-table-view mui-table-view-chevron" id="proInfor">
38 
					<li class="contentInner mui-table-view-cell mui-media" style="padding:8px 20px 8px 10px;">
39 
						<a class="proinfor">
40 
							<div><img id="proHead" class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg"></div>
41 
							<div class="mui-media-body">
42 
								<span class="listtit" ><span id="proName"></span><em class="mui-icon iconfont icon-vip authicon-cu"> </em></span>
43 
								<div class="listtit2"><span id="proTitle"></span><span id="proOffice"></span><span id="proOrg"></span><span id="proAddress"></span></div>
44 
								<div class="mui-ellipsis listtit3" id="proRlist"></div>
45 
								<div class="mui-ellipsis listtit3" id="proZlist"></div>
46 
							</div>
47 
						</a>
48 
					</li>
49 
				</ul>
50 
				<div class="demandCon contentInner">
51 
				Lorem ipsum dolor sit amet, consectetur adipiscing elit.
52 
				 Aenean euismod bibendum laoreet. Proin gravida dolor sit
53 
				 amet lacus accumsan et viverra justo commodo. Proin sodales
54 
				  pulvinar tempor. Cum sociis natoque penatibus et magnis dis
55 
				   parturient montes, nascetur ridiculus mus. Nam fermentum,
56 
				   nulla luctus pharetra vulputate, felis tellus mollis orci,
57 
				   sed rhoncus sapien nunc eget odio. montes, nascetur ridiculus mus.
58 
				   Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci,
59 
				   sed rhoncus sapien nunc eget odio. （需求内容）
37 
				<div class="demandCon contentInner" id="demandContent">
60 38
61 39 
				</div>
62 
				<div class="contentInner demandBtn">
40 
				<div class="contentInner demandBtn" id="closedDemand">
63 41 
					<button class="mui-btn mui-btn-block frmbtn frmactive2">关闭该需求</button>
64 42 
				</div>
65 43 
			</div>
66 44 
		</div>
67 45 
		<script src="../js/public/mui.min.js"></script>
68 46 
		<script src="../js/public/base.js"></script>
47 
		<script src="../js/needShow.js"></script>
69 48 
	</body>
70 49
71 50 
</html>

+ 12 - 1
app/js/myaccount.js
Просмотреть файл 

@ -8,6 +8,7 @@ mui.ready(function() {
8 8 
	var goSetup = document.getElementById("goSetup");
9 9 
	var goZixun = document.getElementById("goZixun");
10 10 
	var goZixunbox = document.getElementById("goZixunbox");
11 
	var gonXuqiu=document.getElementById("demand");
11 12 
	var oEdit = document.getElementById("editbox");
12 13 
	var goFollow = document.getElementById("goFollow");
13 14 
	var userImg = document.getElementById("userImg");

@ -68,7 +69,17 @@ mui.ready(function() {
68 69 
						}
69 70 
					});
70 71 
				})
71
72 
				/*我的需求*/
73 
				gonXuqiu.addEventListener('tap', function() {
74 
					mui.openWindow({
75 
						url: '../html/needList.html',
76 
						id: '../html/needList.html',
77 
						show: {
78 
							autoShow: false,
79 
							aniShow: "slide-in-right"
80 
						}
81 
					});
82 
				})
72 83 
				/*我的关注*/
73 84 
				goFollow.addEventListener('tap', function() {
74 85 
					mui.openWindow({

+ 31 - 21
app/js/needIssue.js
Просмотреть файл 

@ -18,12 +18,12 @@ mui.ready(function() {
18 18 
						oSpan[i].className = '';
19 19 
					}
20 20 
					this.className = 'set';
21 
					if(this.getElementsByTagName("span")[0].innerText=="咨询技术难题"){
22 
						consun=1;
23 
					}else if(this.getElementsByTagName("span")[0].innerText=="寻求研发资源"){
24 
						consun=2;
25 
					}else{
26 
						consun=3;
21 
					if(this.getElementsByTagName("span")[0].innerText == "咨询技术难题") {
22 
						consun = 1;
23 
					} else if(this.getElementsByTagName("span")[0].innerText == "寻求研发资源") {
24 
						consun = 2;
25 
					} else {
26 
						consun = 3;
27 27 
					}
28 28 
				}
29 29 
			}

@ -47,7 +47,7 @@ mui.ready(function() {
47 47 
		});
48 48 
		/*需求题目*/
49 49 
		demandContent.addEventListener('keyup', function() {
50 
			if(demandContent.value.length > 30){
50 
			if(demandContent.value.length > 30) {
51 51 
				demandContent.value = demandContent.value.substring(0, 30);
52 52 
			}
53 53 
		});

@ -134,36 +134,46 @@ mui.ready(function() {
134 134 
			})
135 135 
			/*发布需求函数*/
136 136 
		function publish() {
137 
			var arr=[];
138 
			var arr1=[0,1,2]
139 
			var oSuin=document.getElementsByClassName("checkedLi");
140 
			var oin= document.getElementById("labelshow").getElementsByTagName("li");
141 
			for(var i=0;i<oSuin.length;i++){
142 
				arr[i]=oSuin[i].innerText;
137 
			var arr = [];
138 
			var oSuin = document.getElementsByClassName("checkedLi");
139 
			var oin = document.getElementById("labelshow").getElementsByTagName("li");
140 
			for(var i = 0; i < oSuin.length; i++) {
141 
				arr[i] = oSuin[i].innerText;
143 142 
			}
144 
			for(var j=0;j<oin.length;j++,i++){
145 
				arr[i]=oin[j].innerText;
143 
			for(var j = 0; j < oin.length; j++, i++) {
144 
				arr[i] = oin[j].innerText;
146 145 
			}
147
146
148 147 
			mui.ajax(baseUrl + '/ajax/demand', {
149 148 
				dataType: 'json', //数据格式类型
150 149 
				type: 'post', //http请求类型
151 150 
				timeout: 10000, //超时设置
152 
				traditional:true,
151 
				traditional: true,
153 152 
				data: {
154 153 
					"demander": userid,
155 
					"demandAim":consun,
154 
					"demandAim": consun,
156 155 
					"demandType": 1,
157 156 
					"demandTitle": demandContent.value,
158 157 
					"demandContent": oconsultcon.innerText,
159 
					"args":arr
158 
					"args": arr
160 159 
				},
161 160 
				success: function(data) {
162 161 
					console.log(JSON.stringify(data))
163 162 
					if(data.success) {
164
163
165 164 
						plus.nativeUI.toast("需求发布成功！很快会有专家与您联系，您可以在咨询列表中查看专家回复的信息", toastStyle);
166 
						mui.back();
165 
						var curr = plus.webview.currentWebview();
166 
						var wvs = plus.webview.all();
167 
						for(var i = 0, len = wvs.length; i < len; i++) {
168 
							//关闭除setting页面外的其他页面
169 
							if(wvs[i].getURL() == curr.getURL())
170 
								continue;
171 
							plus.webview.close(wvs[i]);
172 
						}
173 
						//打开login页面后再关闭setting页面
174 
						plus.webview.open('../index.html');
175 
						curr.close();
176
167 177 
					}
168 178 
				},
169 179 
				error: function() {

+ 87 - 0
app/js/needList.js
Просмотреть файл 

@ -0,0 +1,87 @@
1 
mui.ready(function() {
2 
	mui.plusReady(function() {
3 
		var userid = plus.storage.getItem('userid');
4 
		var ws = plus.webview.currentWebview();
5 
		var oUlist = document.getElementsByClassName("tableList")[0];
6 
		window.addEventListener("newId", function(event) {
7 
				demandList();
8 
			})
9 
		function demandHtml(data) {
10 
			for(var i = 0; i < data.length; i++) {
11 
				var oDemandStatus, oDemandType, oDemandAim, oCreateTime,stColor;
12 
				(data[i].demandStatus == 1) ? (oDemandStatus = "发布中",stColor="status-1"): (oDemandStatus = "已关闭",stColor="status-5");
13 
				(data[i].demandType == 1) ? oDemandType = "个人": oDemandType = "企业";
14 
				(data[i].demandAim == 1) ? oDemandAim = "技术": (data[i].demandAim == 2) ? oDemandAim = "资源" : oDemandAim = "其他";
15 
				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);
16 
				var li = document.createElement('li');
17 
				li.className = 'mui-table-view-cell mui-media';
18 
				li.setAttribute("demandId", data[i].demandId);
19 
				li.setAttribute("demandStatus", data[i].demandStatus);
20 
				var oString = '<div class="coutopicbox"><span class="coutheme mui-ellipsis mui-pull-left">' + data[i].demandTitle + '</span>'
21 
				oString += '<div class="coustatus mui-pull-right">'
22 
				oString += '<span class="aimlabel">' + oDemandType + '</span>'
23 
				oString += '<span class="aimlabel">' + oDemandAim + '</span>'
24 
				oString += '<span class="'+stColor+'">' + oDemandStatus + '</span>'
25 
				oString += '</div></div>'
26 
				oString += '<a class="proinfor itemBtn">'
27 
				oString += '<div class="mui-media-body">'
28 
				oString += '<span class="listtit">'
29 
				oString += '<span class="thistime" style="top:20px">' + oCreateTime + '</span>'
30 
				oString += '</span>'
31 
				oString += '<p class="listtit3 mui-ellipsis-2 rightChevron">' + data[i].demandContent + '</p></div></a>'
32 
				li.innerHTML = oString;
33 
				oUlist.appendChild(li);
34 
			}
35 
		}
36
37 
		function demandList() {
38 
			mui.ajax(baseUrl + '/ajax/demand/byDemander', {
39 
				dataType: 'json', //数据格式类型
40 
				type: 'GET', //http请求类型
41 
				timeout: 10000, //超时设置
42 
				data: {
43 
					"demander": userid
44 
				},
45 
				success: function(data) {
46 
					if(data.success) {
47 
						console.log(JSON.stringify(data));
48 
						oUlist.innerHTML="";
49 
						demandHtml(data.data);
50 
						plus.nativeUI.closeWaiting();; //新webview的载入完毕后关闭等待框
51 
						ws.show("slide-in-right", 150);
52 
					}
53
54 
				}
55 
			});
56 
		}
57 
		demandList();
58 
		/*查询单个需求*/
59 
		mui('.tableList').on('tap', 'li', function(e) {
60 
			var oDemandId = this.getAttribute('demandId');
61 
			var demandStatus = this.getAttribute('demandStatus');
62 
			mui.openWindow({
63 
				url: '../html/needShow.html',
64 
				id: '../html/needShow.html',
65 
				show: {
66 
					autoShow: false,
67 
					aniShow: "slide-in-right"
68 
				},
69 
				extras: {
70 
					demanid:oDemandId,
71 
					demandStatus1:demandStatus
72 
				}
73
74 
			});
75 
		});
76 
		/*发布新需求*/
77 
		document.getElementById("btnLinkBox").addEventListener("tap", function() {
78 
			mui.openWindow({
79 
				url: '../html/needIssue.html',
80 
				id: '../html/needIssue.html',
81 
				show: {
82 
					aniShow: "slide-in-right",
83 
				}
84 
			});
85 
		})
86 
	});
87 
})

+ 62 - 0
app/js/needShow.js
Просмотреть файл 

@ -0,0 +1,62 @@
1 
mui.ready(function() {
2 
	mui.plusReady(function() {
3 
		var userid = plus.storage.getItem('userid');
4 
		var ws = plus.webview.currentWebview();
5 
		if(ws.demandStatus1==0){
6 
			document.getElementById("closedDemand").style.display="none";
7 
		}
8 
		/*单个需求查询*/
9 
		function demandAngle() {
10 
			mui.ajax(baseUrl + '/ajax/demand/queryOne', {
11 
				dataType: 'json', //数据格式类型
12 
				type: 'GET', //http请求类型
13 
				timeout: 10000, //超时设置
14 
				data: {
15 
					"demandId": ws.demanid
16 
				},
17 
				success: function(data) {
18 
					if(data.success) {
19 
						var $data = data.data;
20 
						var oDemandTitle = document.getElementById("demandTitle");
21 
						var oDemandContent = document.getElementById("demandContent");
22 
						var oDemandType = document.getElementById("oDemandType");
23 
						var oDemandAim = document.getElementById("oDemandAim");
24 
						var oDemandStatus = document.getElementById("oDemandStatus");
25 
						var oCreateTime = document.getElementById("poTime");
26 
						//
27 
						oCreateTime.innerText = $data.createTime.substr(4, 2) + "-" + $data.createTime.substr(6, 2)
28 
						oDemandTitle.innerText = $data.demandTitle;
29 
						oDemandContent.innerText = $data.demandContent;
30 
						($data.demandStatus == 1) ? oDemandStatus.innerText = "发布中": (oDemandStatus.innerText = "已关闭",oDemandStatus.classList.remove('status-1'),oDemandStatus.classList.add('status-5'));
31 
						($data.demandType == 1) ? oDemandType.innerText = "个人需求": oDemandType.innerText = "企业需求";
32 
						($data.demandAim == 1) ? oDemandAim.innerText = "技术咨询": ($data.demandAim == 2) ? oDemandAim.innerText = "资源合作" : oDemandAim.innerText = "其他事务";
33 
						plus.nativeUI.closeWaiting();
34 
						ws.show("slide-in-right", 150);
35 
					}
36
37 
				}
38 
			});
39 
		}
40 
		demandAngle();
41 
		/*关闭单个需求*/
42 
		document.getElementById("closedDemand").addEventListener("tap", function() {
43 
			mui.ajax(baseUrl + '/ajax/demand/close', {
44 
				dataType: 'json', //数据格式类型
45 
				type: 'post', //http请求类型
46 
				timeout: 10000, //超时设置
47 
				data: {
48 
					"demandId": ws.demanid
49 
				},
50 
				success: function(data) {
51 
					if(data.success) {
52 
						plus.nativeUI.showWaiting();
53 
						var web = plus.webview.getWebviewById("../html/needList.html");
54 
						mui.fire(web, "newId");
55 
						setTimeout(function(){mui.back()},1000);
56 
					}
57
58 
				}
59 
			});
60 
		})
61 
	});
62 
})