Home Esplora Aiuto
Registrati Accedi
bulomakaka
/
ekexiu.app
Segui 2
Vota 1
Forka 0
Codice Problemi 0 Pull Requests 0 Commit 380 Rilasci 0 Wiki
Sfoglia il codice sorgente

需求发布、需求确认、需求搜索

luyanan 8 anni fa
parent
2665749f55
commit
beb33827ab
3 ha cambiato i file con 330 aggiunte e 0 eliminazioni
Visualizzazione separata Mostra Diff Stats
  1. 109 0
      app/html/needIssue.html
  2. 152 0
      app/html/needSearch.html
  3. 69 0
      app/html/needSure.html

+ 109 - 0
app/html/needIssue.html
Vedi File 

@ -0,0 +1,109 @@
1 
<!doctype html>
2 
<html>
3 
	<head>
4 
		<meta charset="UTF-8">
5 
		<title>需求发布</title>
6 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 
		<link href="../css/mui.min.css" rel="stylesheet" />
8 
		<link href="../css/iconfont.css" rel="stylesheet" />
9 
		<link href="../css/app.css" rel="stylesheet" />
10 
		<style type="text/css">
11 
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;background: #fff;}
12 
			.mui-content{background: #fff;height:100%;overflow: auto;}
13 
		</style>
14 
	</head>
15
16 
	<body>
17 
		<header class="mui-bar mui-bar-nav toptitbox">
18 
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
19 
		    <h1 class="mui-title toptit">需求发布</h1>
20 
		    <span class="mui-pull-right topsave">发布</span>
21 
		</header>
22 
		<div class="mui-content">
23 
			<div class="mui-input-group mainbox">
24 
				<div class="maincon demandBox">
25 
					<ul class="basicinfo" style="padding:0;">
26 
						<li><label>请选择您发布需求的目的<em class="requiredcon"></em></label></li>
27 
						<li class="divideSpace" id="navsub" style="padding-left:0">
28 
							<ul class="boxnav chooseBox">
29 
								<li><span>咨询技术难题</span></li>
30 
								<li><span>寻求研发资源</span></li>
31 
								<li><span>其他</span></li>
32 
							</ul>
33 
						</li>
34 
						<li><label>请选择您的需求类型<em class="requiredcon"></em></label></li>
35 
						<li class="divideSpace" id="navsubTo" style="padding-left:0">
36 
							<ul class="boxnav boxnavTo chooseBox">
37 
								<li><span class='checkNow'>个人需求</span></li><!--选中状态checkNow-->
38 
								<li><span class='checkNo'>企业需求</span></li><!--不可用状态checkNo-->
39 
							</ul>
40 
							<div class="littipCh">
41 
								<div class="littip">注：当企业入住科袖后，企业的关联用户将可以发布企业需求</div>
42 
								<div class="littip">注：1、当完成实名认证后，您将可以发布个人需求。
43 
									<p>2、当您不再是当前企业的认证用户时，您的企业需求将自动关闭。</p></div>
44 
							</div>
45 
						</li>
46 
						<li class="divideSpace">
47 
							<div class="littip"></div>
48 
						</li>
49 
						<li><label>需求主题<em class="requiredcon"></em></label></li>
50 
						<li class="basicfrm"><input type="text" name="comname" placeholder="请用一句话概括您的需求" class="mui-input-clear frmtype"></li>
51 
						<li><label>需求内容<em class="requiredcon" ></em></label></li>
52 
						<li class="divideSpace" style="height:auto">
53 
							<div class="textareabox textareaboxEmp borderarea" contenteditable="true" placeholder="请详细描述您遇到的问题，以便为您找到最合适的专家"></div>
54 
							<div class="limitNum">您还能输入<span class="countNum">300</span> 字</div>
55 
						</li>
56 
						<li><label>请选择需求涉及的行业或领域（可多选）</label></li>
57 
						<li class="divideSpace">
58 
							<ul class="hotsearch chooseBox">
59 
					       		<li><span>材料检测</span></li>
60 
					       		<li><span>防腐蚀</span></li>
61 
					       		<li class="checkedLi"><span>金属基复合材料</span></li>
62 
					       		<li class="checkedLi"><span>金属基复合材料</span></li>
63 
					       		<li><span>微晶金属材料</span></li>
64 
					       		<li class="checkedLi"><span>金属基复合材料</span></li>
65 
					       		<li><span>微晶金属材料</span></li>
66 
					       		<li><span>微晶金属材料</span></li>
67 
					       </ul>
68 
						</li>
69 
						<li class="divideSpace">
70 
							<div class="addlabel mui-clearfix">
71 
								<input type="text" placeholder="您可以输入更多需求所涉及的行业或领域" class="mui-input-clear mui-pull-left frmtype lineInput">
72 
								<button class="mui-btn mui-pull-left addlabelbtn">添加</button>
73 
							</div>
74 
							<div class="labelarea">
75 
	                        	<ul class="labelshow chooseBox">
76 
						       		<li>4565566<em class='mui-icon mui-icon-closeempty'></em></li>
77 
						       		<li>4565566<em class='mui-icon mui-icon-closeempty'></em></li>
78 
						       	</ul>
79 
	                        </div>
80 
						</li>
81 
					</ul>
82 
				</div>
83 
		   </div>
84 
		</div>
85 
		<script src="../js/public/mui.min.js"></script>
86 
		<script src="../js/public/base.js"></script>
87 
		<script type="text/javascript">
88 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
89 
		    iosheader();
90 
		     mui.plusReady(function(){
91 
		    	var self = plus.webview.currentWebview();
92 
		    })
93 
			tab("navsub");//身份切换
94 
			function tab(name) {
95 
				var oDome = document.getElementById(name);
96 
				var oSpan = oDome.getElementsByTagName('ul')[0].childNodes;
97 
				for(var i = 0; i < oSpan.length; i++) {
98 
					oSpan[i].onclick = function() {
99 
						for(var i = 0; i < oSpan.length; i++) {
100 
							oSpan[i].className = '';
101 
						}
102 
						this.className = 'set';
103 
					}
104 
				}
105 
			}
106 
		</script>
107 
	</body>
108
109 
</html>

+ 152 - 0
app/html/needSearch.html
Vedi File 

@ -0,0 +1,152 @@
1 
<!doctype html>
2 
<html>
3 
	<head>
4 
		<meta charset="UTF-8">
5 
		<title>需求搜索</title>
6 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 
		<link href="../css/mui.min.css" rel="stylesheet" />
8 
		<link href="../css/iconfont.css" rel="stylesheet" />
9 
		<link href="../css/app.css" rel="stylesheet" />
10 
		<style type="text/css">
11 
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
12 
			.mui-content{height:100%;overflow: auto;}
13 
			.icon-renzheng{top: 14px;}
14
15 
		</style>
16 
	</head>
17
18 
	<body>
19 
		<header class="mui-bar mui-bar-nav toptitbox">
20 
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
21 
		    <h1 class="mui-title toptit">需求搜索</h1>
22 
		</header>
23 
		<div class="mui-content">
24 
			<div class="filterbox2 filterdiv">
25 
				<ul class="filterblock2">
26 
					<li style="width:22%;">
27 
						<a href="#middlePopover1"  class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span id="headck1" headck='0'>需求目的</span><em class="mui-icon mui-icon-arrowdown"></em></a>
28 
					</li>
29 
					<li style="width:22%;">
30 
						<a href="#middlePopoveracad"  class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span id="headck2" headck='0'>热门行业</span><em class="mui-icon mui-icon-arrowdown"></em></a>
31 
					</li>
32 
					<li style="width:22%;">
33 
						<a href="#middlePopoveruse"  class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span id="headck3" headck='0'>热门领域</span><em class="mui-icon mui-icon-arrowdown"></em></a>
34 
					</li>
35 
					<li style="width:34%;">
36 
						<a href="#middlePopover4"  class="mui-btn mui-btn-block mui-btn-outlined filterlist2" ><span id="headck4" headck='1'>按最新发布时间排序</span><em class="mui-icon mui-icon-arrowdown"></em></a>
37 
					</li>
38 
				</ul>
39 
			</div>
40
41 
			<div class="contentInner">
42 
				<div id="zixunpullrefresh" class="mui-content mui-scroll-wrapper" style="top:80px">
43 
		  			<div class="mui-scroll">
44 
					    <ul class="mui-table-view protable tableList">
45 
					   		<li class="mui-table-view-cell mui-media">
46 
								<div class="coutopicbox"><span class="coutheme mui-ellipsis mui-pull-left">这里是需求主题</span>
47 
									<div class="coustatus mui-pull-right">
48 
										<span class="aimlabel">企业</span>
49 
										<span class="aimlabel">技术</span>
50 
									</div>
51 
								</div>
52 
								<a class="proinfor itemBtn">
53 
									<span class="mui-badge mui-badge-danger readstate">58</span><!-- displayNone-->
54 
									<img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg">
55 
									<div class="mui-media-body">
56 
										<span class="listtit">高兴
57 
											<em  class="mui-icon iconfont icon-renzheng authicon-stu"></em>
58 
											<span class="thistime">今天 14:06</span>
59 
										</span>
60 
										<p class="listtit2">
61 
											<span>["title"]</span>
62 
											<span>，["office"]</span>
63 
											<span>，["orgName"]</span>
64 
											<span>  | ["address"]</span>
65 
										</p>
66 
										<p class="listtit3 mui-ellipsis">
67 
											(这里显示的是需求内容)Lorem ipsum dolor sit amet, consectetur adipiscing elit.
68 
											 Aenean euismod bibendum
69 
										</p>
70 
									</div>
71 
								</a>
72 
							</li>
73 
							<li class="mui-table-view-cell mui-media">
74 
								<div class="coutopicbox"><span class="coutheme mui-ellipsis mui-pull-left">这里是需求主题</span>
75 
									<div class="coustatus mui-pull-right">
76 
										<span class="aimlabel">企业</span>
77 
										<span class="aimlabel">技术</span>
78 
									</div>
79 
								</div>
80 
								<a class="proinfor itemBtn">
81 
									<span class="mui-badge mui-badge-danger readstate">58</span><!-- displayNone-->
82 
									<img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg">
83 
									<div class="mui-media-body">
84 
										<span class="listtit">高兴
85 
											<em  class="mui-icon iconfont icon-renzheng authicon-stu"></em>
86 
											<span class="thistime">今天 14:06</span>
87 
										</span>
88 
										<p class="listtit2">
89 
											<span>["title"]</span>
90 
											<span>，["office"]</span>
91 
											<span>，["orgName"]</span>
92 
											<span>  | ["address"]</span>
93 
										</p>
94 
										<p class="listtit3 mui-ellipsis">
95 
											(这里显示的是需求内容)Lorem ipsum dolor sit amet, consectetur adipiscing elit.
96 
											 Aenean euismod bibendum
97 
										</p>
98 
									</div>
99 
								</a>
100 
							</li>
101 
					    </ul>
102 
					</div>
103 
				</div>
104 
			</div>
105 
		</div>
106 
		<!--下拉菜单-->
107 
		<!--需求目的-->
108 
		<div id="middlePopover1" class="mui-popover popoverbox">
109 
			<div class="mui-popover-arrow"></div>
110 
			<div class="mui-scroll-wrapper">
111 
				<div class="mui-scroll">
112 
					<ul class="mui-table-view mui-table-view-radio">
113 
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck2="0">不限</a></li>
114 
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck2="1">技术咨询</a></li>
115 
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck2="2">资源咨询</a></li>
116 
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck2="3">其他事务</a></li>
117 
					</ul>
118 
				</div>
119 
			</div>
120 
		</div>
121 
		<!--应用行业-->
122 
		<div id="middlePopoveruse" class="mui-popover popoverbox2" >
123 
			<ul class="mui-table-view yyhy" id="yyhy">
124 
			</ul>
125 
		</div>
126 
		<!--学术领域-->
127 
		<div id="middlePopoveracad" class="mui-popover popoverbox2">
128 
			<ul class="mui-table-view xsly" id="xsly">
129 
			</ul>
130 
		</div>
131 
		<!--排序-->
132 
		<div id="middlePopover4" class="mui-popover popoverbox" style="height:80px;width:160px;">
133 
			<div class="mui-popover-arrow"></div>
134 
			<div class="mui-scroll-wrapper">
135 
				<div class="mui-scroll">
136 
					<ul class="mui-table-view mui-table-view-radio">
137 
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck4="0">按最新发布时间排序</a></li>
138 
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck4="1">按最早发布时间排序</a></li>
139 
					</ul>
140 
				</div>
141 
			</div>
142 
		</div>
143
144 
		<script src="../js/public/mui.min.js"></script>
145 
		<script src="../js/public/base.js"></script>
146 
		<script type="text/javascript">
147 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
148 
		    iosheader();
149 
		</script>
150 
	</body>
151
152 
</html>

+ 69 - 0
app/html/needSure.html
Vedi File 

@ -0,0 +1,69 @@
1 
<!doctype html>
2 
<html>
3 
	<head>
4 
		<meta charset="UTF-8">
5 
		<title>需求确认</title>
6 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 
		<link href="../css/mui.min.css" rel="stylesheet" />
8 
		<link href="../css/iconfont.css" rel="stylesheet" />
9 
		<link href="../css/app.css" rel="stylesheet" />
10 
		<style type="text/css">
11 
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;background: #fff;}
12 
			.mui-content{background: #fff;height:100%;overflow: auto;}
13 
			.mui-table-view:before,.mui-table-view:after{background:#E6E6E6;}
14 
		</style>
15 
	</head>
16
17 
	<body>
18 
		<header class="mui-bar mui-bar-nav toptitbox">
19 
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
20 
		    <h1 class="mui-title toptit">需求确认</h1>
21 
		</header>
22 
		<div class="mui-content">
23 
			<div class="conBody">
24 
				<div class="contentInner demandBasic">
25 
					<h3>XXXXXXXXXXXXXX(需求主题)</h3>
26 
					<h5>
27 
						发布时间：<span>2月13日</span>
28 
						<em>个人需求</em><em>技术咨询</em>
29 
					</h5>
30 
				</div>
31 
				<ul class="mui-table-view mui-table-view-chevron" id="proInfor">
32 
					<li class="contentInner mui-table-view-cell mui-media" style="padding:8px 20px 8px 10px;">
33 
						<a class="proinfor">
34 
							<div><img id="proHead" class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg"></div>
35 
							<div class="mui-media-body">
36 
								<span class="listtit" ><span id="proName"></span><em class="mui-icon iconfont icon-vip authicon-cu"> </em></span>
37 
								<div class="listtit2"><span id="proTitle"></span><span id="proOffice"></span><span id="proOrg"></span><span id="proAddress"></span></div>
38 
								<div class="mui-ellipsis listtit3" id="proRlist"></div>
39 
								<div class="mui-ellipsis listtit3" id="proZlist"></div>
40 
							</div>
41 
						</a>
42 
					</li>
43 
				</ul>
44 
				<div class="demandCon contentInner">
45 
				Lorem ipsum dolor sit amet, consectetur adipiscing elit.
46 
				 Aenean euismod bibendum laoreet. Proin gravida dolor sit
47 
				 amet lacus accumsan et viverra justo commodo. Proin sodales
48 
				  pulvinar tempor. Cum sociis natoque penatibus et magnis dis
49 
				   parturient montes, nascetur ridiculus mus. Nam fermentum,
50 
				   nulla luctus pharetra vulputate, felis tellus mollis orci,
51 
				   sed rhoncus sapien nunc eget odio. montes, nascetur ridiculus mus.
52 
				   Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci,
53 
				   sed rhoncus sapien nunc eget odio. （需求内容）
54
55 
				</div>
56 
				<div class="contentInner demandBtn">
57 
					<button class="mui-btn mui-btn-block frmbtn">确认回复</button>
58 
				</div>
59 
			</div>
60 
		</div>
61 
		<script src="../js/public/mui.min.js"></script>
62 
		<script src="../js/public/base.js"></script>
63 
		<script type="text/javascript">
64 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
65 
		    iosheader();
66 
		</script>
67 
	</body>
68
69 
</html>