Browse Source

新版企业修改页面

luyanan 7 years ago
parent
commit
ed0901aae3

+ 10 - 3
cmp-portal/cmp-staffList.html

@ -48,9 +48,16 @@
48 48
					<div class="workblock clearfix" id="staff" style="display:none;">
49 49
						<div class="workselectcon">
50 50
							<form class="stafffrm">
51
								<input type="email" name="staffemail" class="frmtype staffemail" placeholder="请输入您企业员工的邮箱地址" id="mail"/>
52
								<button type="button" class="frmtype btnModel headRadius identBtn">邀请</button>
53
								<ul class="staffTip smalltip">
51
								<div class="clearfix">
52
									<div class="col-w-10">
53
										<input type="email" name="staffemail" class="frmcontype staffemail" placeholder="请输入您企业员工的邮箱地址" id="mail"/>
54
									</div>
55
									<div class="col-w-2">
56
										<button type="button" class="frmcontype btnModel identBtn">邀请</button>
57
									</div>
58
								</div>
59
								
60
								<ul class="staffTip smalltip clearfix">
54 61
									<li>* 对方接受邀请后,将成为您的【企业认证员工】,能够以您企业的名义发布需求。</li>
55 62
									<li>* 若输入的邮箱已注册账户,说明该员工已拥有「科袖」账户,您可以要求该员工将个人资料中的“所在机构”修改正确,就可以在【员工认证】列表中看到该员工了。</li>
56 63
								</ul>

+ 161 - 80
cmp-portal/cmp-updateinfo.html

@ -14,9 +14,10 @@
14 14
	
15 15
<script type="text/javascript" src="js/public/jquery-1.11.1.js"></script>
16 16
<style type="text/css">
17
	.dropdown-menu{min-width: 240px;}
17
	.dropdown-menu{min-width: 280px;}
18 18
	.dropdown-menu table{width:100%;}
19
	input.frmtype[readonly] {color: #333;}
19
	input.frmtype[readonly] {color: #333;}
20
	.worksubcon{ padding:30px;}
20 21
</style>
21 22
</head>
22 23
<body>
@ -31,7 +32,7 @@
31 32
		<div class="con-center contentCon clearfix conBlock">
32 33
	        <div class="workmenu">
33 34
	        	<ul>
34
	        		<li class="nowLi"><a>工作台</a></li>
35
	        		<li class="nowLi"><a href="cmp-workspaces.html">工作台</a></li>
35 36
	        		<li><a href="cmp-needList.html">需求</a></li>
36 37
	        		<li><a href="resourceList.html">资源</a></li>
37 38
	        		<li><a href="cmp-articalList.html">文章</a></li>
@ -43,43 +44,78 @@
43 44
			    <div class="worksubcon clearfix">
44 45
			        <!--<div class="workconleft floatL">-->
45 46
			            <!--企业信息、相关记录-->
46
			            <div class="workblock clearfix">
47
			            <div class="workblockS clearfix">
47 48
			            	<form class="cmpFrm">
48 49
				            	<div class="leftlogo cmplogo floatL">
49 50
				            		 <div id="uploader">
50
										<div id="fileList" class="boxBlock uploader-list headRadius"><img class="boxBlockimg headRadius" src="../images/default-icon.jpg" id="oimg" /></div>
51
										<div id="fileList" class="boxBlock uploader-list "><img class="boxBlockimg " src="../images/default-icon.jpg" id="oimg" /></div>
51 52
										<div id="filePicker" class="uploadInp">上传企业logo</div>
52 53
						 			</div>
53
				            		<!--<p class="uploadlogo">上传企业logo
54
				            			<input type="file" value="上传企业logo" class="uploadInp"/>
55
				            		</p>-->
56
				            		<p class="smalltip">支持jpg、jpeg、png格式,大小不超过5M</p>
54
				            		<p class="smalltip">JPG/PNG格式,5M以内</p>
57 55
				            	</div>
58
								<div class="rightinfo cmpinfo floatR" style="width:84%;padding: 0 0 0 20px;">
59
									<h1 class="h1Font"></h1>
56
								<div class="floatR" style="width: 82%;">
57
									<h1 class="h1Font comLable"></h1>
60 58
									<ul class="cmpFrmList">
61 59
										<li>
62
											<!--<em class="requiredcon">*</em>-->
63
											<div class="col-w-4">
64
												<input type="text" class="frmtype frmtypeW" placeholder="请输入企业简称,如科袖科技" id="businessAbbreviation"/>
65
											</div>
66
											<div class="col-w-8">
67
												<input type="text" class="frmtype frmtypeW" placeholder="请输入企业的官网网址" id="inteAddress" />
60
											<span class="col-w-2 lableSpan"><span class="requiredcon">*</span>企业简称:</span>
61
											<div class="col-w-10">
62
												<input type="text" class="frmcontype" placeholder="请填写用于对外展示的简称" id="businessAbbreviation"/>
68 63
											</div>
69 64
										</li>
70 65
										<li>
71
											<div class="col-w-4" style="position:relative">
66
											<span class="col-w-2 lableSpan">创立时间:</span>
67
											<div class="col-w-5" style="position:relative">
72 68
								                <div class="input-append date form_date dateBtn" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
73
								                    <input size="16" type="text" value="" readonly class="frmtype frmtypeW" placeholder="请选择企业创立时间" id="createTime">
69
								                    <em class="mr_sj"></em>
70
								                    <input size="16" type="text" value="" readonly class="frmtype frmcontype" placeholder="请选择企业的创立时间" id="createTime">
74 71
								                    <span class="dateIcon"><i class="icon-calendar"></i></span>
75 72
													<span class="add-on"><i class="icon-th displayNone"></i></span>
76 73
								                </div>
77 74
												<input type="hidden" id="dtp_input2" value="" />
78 75
											</div>
79
											<div class="col-w-8">
76
										</li>
77
										<li>
78
											<span class="col-w-2 lableSpan">企业类型:</span>
79
											<div class="col-w-5" style="position: relative;">
80
												<em class="mr_sj"></em>
81
												<select class="frmcontype" id="orgType">
82
													<option value="0">请选择最符合的一项</option>
83
													<option value="2">上市企业</option>
84
													<option value="3">国有企业</option>
85
													<option value="4">合资企业</option>
86
													<option value="5">私人企业</option>
87
													<option value="6">外资企业</option>
88
													<option value="7">初创企业</option>
89
												</select>
90
											</div>
91
										</li>
92
										<li>
93
											<span class="col-w-2 lableSpan">企业规模:</span>
94
											<div class="col-w-5" style="position: relative;">
95
												<em class="mr_sj"></em>
96
												<select class="frmcontype" id="qualificationList">
97
													<option value="0">请选择员工数量范围</option>
98
													<option value="1">50人以内</option>
99
													<option value="2">50-100人</option>
100
													<option value="3">100-200人</option>
101
													<option value="4">200-500人</option>
102
													<option value="5">500-1000人</option>
103
													<option value="6">1000人以上</option>
104
												</select>
105
											</div>
106
										</li>
107
										<li>
108
											<span class="col-w-2 lableSpan">企业官网:</span>
109
											<div class="col-w-10">
110
												<input type="url" class="frmcontype" placeholder="请输入企业的官网网址" id="inteAddress" />
111
											</div>
112
										</li>
113
										<li>
114
											<span class="col-w-2 lableSpan">所在城市:</span>
115
											<div class="col-w-10">
80 116
												<form action="" name="form1">
81 117
													<div class="col-w-6 citybox">
82
														<span class="frmtype frmtypeW" id="Province">
118
														<span class="frmcontype" id="Province">
83 119
				                                        	<em class="mr_sj"></em>
84 120
				                                            <i class="mr_show" id="oprovince">请选择企业总部所在省或直辖市</i>
85 121
				                                            <ul>
@ -89,7 +125,7 @@
89 125
				                                        </span>
90 126
													</div>
91 127
													<div class="col-w-6 citybox">
92
														<span class="frmtype frmtypeW" id="City" >
128
														<span class="frmcontype floatR" id="City" >
93 129
				                                       		<em class="mr_sj"></em>
94 130
				                                            <i class="mr_show" id="ocity">请选择企业总部所在城市</i>
95 131
				                                            <ul>
@ -102,82 +138,127 @@
102 138
											</div>
103 139
										</li>
104 140
										<li>
105
											<!--<em class="requiredcon">*</em>-->
106
											<div class="col-w-12">
107
												<textarea class="frmtype" style="width: 99%;" placeholder="请输入企业的简介"></textarea>
108
												<p class="limitNum" style="margin-right: 10px;">您还能输入<span>300</span>字</p>
141
											<span class="col-w-2 lableSpan">企业地址:</span>
142
											<div class="col-w-10">
143
												<input type="text" class="frmcontype" placeholder="如:北京市海淀区学院路方兴大厦" />
109 144
											</div>
110 145
										</li>
111 146
										<li>
112
											<!--<em class="requiredcon">*</em>--><span>请选择最能代表企业的一个标签(单选)</span>
113
											<ul class="ulspace enterpriseType clearfix" id="orgType" style="cursor: pointer;">
114
												<li>上市企业</li>
115
												<li>国有企业</li>
116
												<li>合资企业</li>
117
												<li>私人企业</li>
118
												<li>外资企业</li>
119
												<li>初创企业</li>
120
											</ul>
147
											<span class="col-w-2 lableSpan">联系电话:</span>
148
											<div class="col-w-5">
149
												<input type="tel" class="frmcontype" placeholder="请填写办公电话" />
150
											</div>
121 151
										</li>
122 152
										<li>
123
											<!--<em class="requiredcon">*</em>-->
124
											<div class="col-w-10">
125
												<input type="text" class="frmtype frmtypeW" placeholder="请输入企业所属行业" />
153
											<span class="col-w-2 lableSpan">联系邮箱:</span>
154
											<div class="col-w-5">
155
												<input type="email" class="frmcontype" placeholder="请填写客服邮箱" />
126 156
											</div>
127
											<div class="col-w-2">
128
												<button type="button" class="frmtype btnModel headRadius">添加</button>
129
											</div>
130
											<ul class="ulspace editUlist clearfix" id="industryList">
131
												<!--<li>行业标签<img src="images/con_icon_delete.png" /></li>
132
												<li>行业标签<img src="images/con_icon_delete.png" /></li>
133
												<li>行业标签<img src="images/con_icon_delete.png" /></li>
134
												<li>行业标签<img src="images/con_icon_delete.png" /></li>-->
135
											</ul>
136 157
										</li>
137
										<li>
138
											<!--<em class="requiredcon">*</em>-->
158
										<li class="form-item">
159
											<span class="col-w-2 lableSpan">所属行业:</span>
139 160
											<div class="col-w-10">
140
												<input type="text" class="frmtype frmtypeW" placeholder="请输入企业专注的领域" />
161
												<div class="col-w-12" style="position: relative;">
162
													<input type="text" class="frmcontype" placeholder="请填写企业所属的行业,如:制造业、互联网、服务业" />
163
													<button type="button" class="frmcontype btnModel frmadd">添加</button>
164
													<div class="form-drop keydrop">
165
																<ul>
166
															<li>2233</li>
167
														</ul>
168
													</div>
169
												</div>
170
												<div class="form-result keyResult">
171
													<ul class="ulspace editUlist clearfix" id="industryList">
172
														<!--<li>行业标签<div class="closeThis"></div></li>-->
173
													</ul>
174
												</div>
141 175
											</div>
142
											<div class="col-w-2">
143
												<button type="button" class="frmtype btnModel headRadius">添加</button>
176
										</li>
177
										<li class="form-item">
178
											<span class="col-w-2 lableSpan">专注领域:</span>
179
											<div class="col-w-10">
180
												<div class="col-w-12" style="position: relative;">
181
													<input type="text" class="frmcontype" placeholder="请填写企业专注的领域,如:腐蚀防护、石墨烯、纳米材料" />
182
													<button type="button" class="frmcontype btnModel frmadd">添加</button>
183
													<div class="form-drop keydrop">
184
														<ul>
185
															<li>2233</li>
186
														</ul>
187
													</div>
188
												</div>
189
												<div class="form-result keyResult">
190
													<ul class="ulspace editUlist clearfix" id="subjectList">
191
														
192
													</ul>
193
												</div>
144 194
											</div>
145
											<ul class="ulspace editUlist clearfix" id="subjectList">
146
												<!--<li>领域标签<img src="images/con_icon_delete.png" /></li>
147
												<li>领域标签<img src="images/con_icon_delete.png" /></li>
148
												<li>领域标签<img src="images/con_icon_delete.png" /></li>
149
												<li>领域标签<img src="images/con_icon_delete.png" /></li>-->
150
											</ul>
151 195
										</li>
152 196
										<li>
153
											<!--<em class="requiredcon">*</em>--><span>请选择企业规模(单选)</span>
154
											<ul class="ulspace enterpriseType clearfix" id="qualificationList" style="cursor: pointer;">
155
												<li>50人以内</li>
156
												<li>50-100人</li>
157
												<li>100-200人</li>
158
												<li>200-500人</li>
159
												<li>500-1000人</li>
160
												<li>1000人以上</li>
161
											</ul>
197
											<span class="col-w-2 lableSpan">企业简介:</span>
198
											<div class="col-w-10 msgContbox">
199
									    		<textarea class="msgCont" placeholder="请填写一个简单的介绍,让大家更好地了解您的企业"></textarea>
200
									    		<span class="msgconNum"><span class="limitNum">0</span>/500</span>
201
											</div>
202
										</li>
203
										<li class="form-item">
204
											<span class="col-w-2 lableSpan">企业资质:</span>
205
											<div class="col-w-10">
206
												<div class="col-w-12" style="position: relative;">
207
													<input type="text" class="frmcontype" placeholder="请填写企业获得的资质,如:ISO9000认证、高新技术企业认证" />
208
													<button type="button" class="frmcontype btnModel frmadd">添加</button>
209
												</div>
210
												<div class="form-result keyResult" style="margin-right: -10px;">
211
													<ul class="ulspace editUlistC clearfix" id="subjectList">
212
														
213
													</ul>
214
												</div>
215
											</div>
162 216
										</li>
163 217
										<li>
164
											<!--<em class="requiredcon">*</em>-->
218
											<span class="col-w-2 lableSpan">供应商领域:</span>
165 219
											<div class="col-w-10">
166
												<input type="text" class="frmtype frmtypeW" placeholder="请输入企业所拥有的资质" />
220
												<div class="col-w-12" style="position: relative;">
221
													<input type="text" class="frmcontype" placeholder="请填写企业上游所涉及的领域" />
222
													<button type="button" class="frmcontype btnModel frmadd">添加</button>
223
													<div class="form-drop keydrop">
224
														<ul>
225
															<li>2233</li>
226
														</ul>
227
													</div>
228
												</div>
229
												<div class="form-result keyResult">
230
													<ul class="ulspace editUlist clearfix" id="subjectListOut">
231
														
232
													</ul>
233
												</div>
167 234
											</div>
168
											<div class="col-w-2">
169
												<button type="button" class="frmtype btnModel headRadius">添加</button>
235
										</li>
236
										<li class="form-item">
237
											<span class="col-w-2 lableSpan">客户领域:</span>
238
											<div class="col-w-10">
239
												<div class="col-w-12" style="position: relative;">
240
													<input type="text" class="frmcontype" placeholder="请填写企业下游所涉及的领域" />
241
													<button type="button" class="frmcontype btnModel frmadd">添加</button>
242
													<div class="form-drop keydrop">
243
														<ul>
244
															<li>2233</li>
245
														</ul>
246
													</div>
247
												</div>
248
												<div class="form-result keyResult">
249
													<ul class="ulspace editUlist clearfix" id="subjectListIn">
250
														
251
													</ul>
252
												</div>
170 253
											</div>
171
											<ul class="ulspace editUlistC clearfix">
172
												<!--<li>企业资质1<img src="images/con_icon_delete.png" /></li>
173
												<li>企业资质2<img src="images/con_icon_delete.png" /></li>
174
												<li>企业资质3<img src="images/con_icon_delete.png" /></li>
175
												<li>企业资质4<img src="images/con_icon_delete.png" /></li>-->
176
											</ul>
177 254
										</li>
178
										<li>
179
											<div class="col-w-6 paddingSpace" style="text-align: right;"><button type="button" class="frmtype btnModel headRadius save-block">保存</button></div>
180
											<div class="col-w-6 paddingSpace"><button type="button" class="frmtype btnModel btnCancel headRadius save-block" id="Ocancel">取消</button></div>
255
										<li class="saveBtn">
256
											<span class="col-w-2">&nbsp;</span>
257
											<div class="col-w-10">
258
												<button type="button" class="frmcontype btnModel">保存</button>
259
												<button type="button" class="frmcontype btnModel btnCancel" style="background:#ccc" id="Ocancel">取消</button>
260
											</div>
261
											
181 262
										</li>
182 263
									</ul>
183 264
			            		</div>

+ 1 - 1
cmp-portal/cmp-workspaces.html

@ -43,7 +43,7 @@
43 43
				            	</div>
44 44
			            	</div>
45 45
							<div class="rightinfo cmpinfo floatL">
46
			            		<div class="h1Font"><span></span><em class="authicon" id="photoClass"></em></div>
46
			            		<div class="h1Font" style="margin-top:16px;"><span></span><em class="authicon" id="photoClass"></em></div>
47 47
			            		<div class="h4Font cmpBasic" id="cmpBasic"></div>
48 48
			            		<div class="h4Font" id="inteAddress"></div>
49 49
			            		<div class="h4Font" id="ocity"></div>

+ 31 - 26
cmp-portal/css/cmpindex.css

@ -10,15 +10,16 @@ a.worksubmenu{width:100%; height:40px; margin:10px 0;font-size:15px;line-height:
10 10
a.worksubmenu.cmpBg{color: #FFFFFF;}
11 11
/*右侧内容*/
12 12
.workcon{float:right; margin-left:10px; width:87%; background: #fff;overflow: hidden;}
13
.worksubcon{/* padding:20px 16px;*/}
13
14 14
.workconleft{width:70%;border-right:1px solid #e5e5e5;}
15 15
.workcontit{height: 60px;padding: 0 20px;font-size:16px;line-height:60px;color: #606060; border-bottom:1px solid #e5e5e5;}
16 16
17 17
/*////////////工作台/////////////////*/
18 18
.workblock{width:100%; padding:10px 20px; overflow:hidden; background:#fff; margin:0;border-top:1px solid #e5e5e5;}
19 19
.workblock:first-child{border-top:none;}
20
.workblockS{padding: 30px;background: #fafafa;border: 2px solid #f4f4f4;}
20 21
.leftlogo{width:56px;overflow:hidden;text-align: center;}
21
.cmplogo{width: 140px;height: auto;}
22
.cmplogo{width: 142px;height: auto;}
22 23
.rightinfo{position:relative;width:77%;padding:0 10px;}
23 24
.cmpinfo{padding:0 140px 0 20px;min-height: 140px;}
24 25
.cmpBasic span:before{content:"";display: inline-block; width: 0; height: 0;border:2px #999 solid;margin: 2px 6px; border-radius:100%;}
@ -150,14 +151,14 @@ img.loading{position: absolute;left:50%;top:30%}
150 151
.basicBtn span.closeBtn{border:none;color:#FF0000}
151 152
152 153
/*员工列表*/
153
.staffemail{width: 300px;padding-left:10px;}
154
.staffemail{width:100%;padding-left:10px;background: #fafafa;}
154 155
.staffMana{min-height:240px;margin:10px 4px;padding:10px; border:1px solid #D0D0D0;}
155 156
.staffMana li{position: relative; width: 48%;float:left;padding:10px;border:1px dashed #a6a6a6;margin:6px 1%;border-radius: 6px;}
156 157
.staffMana li .leftlogo{ margin: 8px 0;}
157 158
.staffinfo{width: 84%;padding-right: 40px;}
158 159
.staffMana .btnPosition{right:2px;margin-top:-18px;}
159 160
.stafffrm{padding:2px 8px;}
160
.staffTip{background: #f5f5f5;padding: 10px;}
161
.staffTip{background: #f5f5f5;padding: 10px;margin:16px 0 0;}
161 162
/*企业信息浏览*/
162 163
.mainHead{background: #fafafa;padding:20px;margin:0 auto 10px;border-radius: 6px;}
163 164
.cmpLogoblock div{width: 180px;height: 180px;margin:auto;overflow: hidden;}
@ -180,35 +181,39 @@ img.loading{position: absolute;left:50%;top:30%}
180 181
.cmpStaff dd .staffChild{width:80px;margin:auto}
181 182
/*修改企业信息*/
182 183
.uploadlogo{position:relative;background: rgba(40,184,250,.8); color:#FFFFFF;padding:8px 0;}
183
input.uploadInp[type="file"]{position:absolute;height: 40px;width: 100%;top: 0;outline: none;opacity: 0;cursor: pointer;}
184
.uploadInp .webuploader-pick{background: #28b8fa; height: 40px;width: 100%;line-height: 30px;margin: 0;}
185
.uploadInp .webuploader-element-invisible{height:40px}
186
.boxBlock.uploader-list{width: 140px; height:140px;background: #e8e8e8;}
184
.webuploader-container{background: rgba(0,0,0,.4);bottom:90px;}
185
.uploadInp .webuploader-pick{background:none; height:85px;width: 100%;line-height: 30px;margin: 0;line-height: 85px;}
186
.uploadInp .webuploader-element-invisible{height:90px}
187
.boxBlock.uploader-list{width: 142px; height:142px;background: #FFFFFF;border:1px solid #E5E5E5;}
187 188
.boxBlock.uploader-list .boxBlockimg{max-width: 140px;}
189
.cmplogo .smalltip{position: relative;top:-90px}
188 190
189
.cmpFrmList{padding:10px 0;}
191
.comLable{padding-left: 20px;}
192
.cmpFrmList{}
190 193
.cmpFrmList>li{position: relative;clear:both;margin:4px 0;padding:6px 0;}
194
.cmpFrmList>li>.lableSpan{font-size: 16px;color: #666;text-align:right;line-height: 42px;}
191 195
.cmpFrmList>li:before,.cmpFrmList>li:after{display:table;content:" "}
192 196
.cmpFrmList>li:after{clear: both;}
193
.cmpFrmList>li .btnModel{padding:6px 40px;}
194
.ulspace{/*padding:10px 0;*/}
195
.ulspace li{margin-top:10px;margin-right:6px;padding:6px 10px;text-align: center;border-width:1px;border-style:solid;border-color:#D6D6D6;border-radius:6px;}
196
.enterpriseType li{width:32%;float:left;}
197
.enterpriseType li.listactive{border-color:#28b8fa;}
198
.enterpriseType li.listactive:before{content:"";display:inline-block;width:14px;height:14px;margin-right:3px;background-image:url(../images/con_icon_selected.png);background-size:contain;overflow:hidden;}
199
.editUlist,.editUlistC{width: 98%;}
200
.editUlist li{float:left; position:relative;padding:4px 36px 4px 10px;}
201
.editUlist li img{position:absolute;right:8px;top:8px;width: 12px;cursor: pointer;}
202
.editUlistC li{position:relative;width:100%;padding:6px 10px;}
203
.editUlistC li img{position:absolute;right:10px;top:10px;width: 12px;cursor: pointer;}
204
.paddingSpace{padding:0 6px;}
197
/*.cmpFrmList>li .btnModel{padding:6px 40px;}*/
198
.cmpFrmList>li .frmadd {width: auto;position: absolute;right: 0;top: 0;background: #28b8fa;color: #fff;border: none;padding: 6px 25px;}
199
.cmpFrmList>li select{padding: 0 10px;padding-right: 20px;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
200
.cmpFrmList>li .mr_sj{position: absolute;right: 10px;top: 18px;display:inline-block;height: 0;width: 0;border: 6px solid #fff;border-color: #aaa transparent transparent;}
201
.cmpFrmList .msgContbox{height: 200px;}
202
.cmpFrmList .msgContbox textarea{min-height:176px;}
203
204
.ulspace>li{margin-top:16px;margin-right:30px;padding:6px 10px;border-width:1px;border-style:solid;border-color:#D6D6D6;}
205
.keyResult>ul.editUlist,.keyResult>ul.editUlistC{width: 98%;margin-right: -30px;margin-bottom:0}
206
.keyResult>ul.editUlistC>li,.keyResult>ul.editUlist>li{position:relative;padding:6px 12px;background: #fff;border-radius: 0;margin-bottom:0}
207
.keyResult>ul.editUlist>li{float:left;}
208
.keyResult>ul.editUlistC>li{width:100%;margin-top:12px;}
209
.saveBtn .frmcontype{width: 120px;margin-right: 30px;margin-top: 20px;}
205 210
/*城市选择器*/
206 211
.citybox .frmtype{border:1px solid #B5B5B5;}
207
.citybox span{position:relative;width:96%;display:inline-block;padding:0 0 0 6px;cursor:pointer;margin:0;background:#fff;}
208
.citybox span .mr_show{ font-style:normal;color:#AAAAAA;width:100%;display:inline-block;height:32px;line-height:32px;position:relative;}
212
.citybox span{position:relative;width:98%;display:inline-block;padding:0 0 0 10px;cursor:auto;margin:0;background:#fff;}
213
.citybox span .mr_show{ font-style:normal;color:#AAAAAA;width:100%;display:inline-block;height:42px;line-height:42px;position:relative;}
209 214
.citybox span .mr_show.mr_select{color:#333;}
210
.citybox span .mr_sj{position: absolute;right: 10px;top: 15px;display:inline-block;height: 0;width: 0;border: 6px solid #fff;border-color: #28b8fa transparent transparent;}
211
.citybox span ul{width:98%;border-radius:0 0 5px 5px;position:absolute;border:1px solid #E8E8E8;background:#fff;left:-1px;top:38px;margin-bottom:10px;display:none;z-index:10;max-height:280px; overflow:auto;}
215
.citybox span .mr_sj{position: absolute;right: 10px;top: 18px;display:inline-block;height: 0;width: 0;border: 6px solid #fff;border-color: #aaa transparent transparent;}
216
.citybox span ul{width:100%;position:absolute;border:1px solid #E8E8E8;background:#fff;left:-1px;top:38px;margin-bottom:10px;display:none;z-index:10;max-height:280px; overflow:auto;}
212 217
.citybox span ul li{width:100%;float:left;overflow:hidden;border-top:1px solid #E8E8E8;}
213 218
.citybox span ul li:first-child{border-top:0;}
214 219
.citybox span ul li a{display:block;height:30px;line-height:30px;padding:0 8px;color:#494949;}
@ -355,7 +360,7 @@ ul.artAbout .frmadd{width:auto;position:absolute;right:0;top:0;background: #28b8
355 360
.form-item .madiaInfo{width:100%;padding-left:62px;margin:2px 0;}
356 361
.form-item ul .h1Font{font-size:16px;color:#333;line-height: 24px;}
357 362
.form-item ul .h2Font{font-size:14px;color:#666;line-height: 24px;}
358
.form-drop>ul>li{position:relative;min-height:76px;padding:12px;cursor:pointer;}
363
.form-drop>ul>li{position:relative;min-height:76px;padding:12px;cursor:pointer;background: #FFFFFF;}
359 364
.form-drop>ul>li:hover{background: #EEEEEE;}
360 365
.form-drop>ul>li:active{background: #28b8fa;color:#fff;}
361 366
.form-drop>ul>li:active .h1Font,.form-drop>ul>li:active .h2Font{color:#fff;}

+ 2 - 425
cmp-portal/css/common.css

@ -42,429 +42,6 @@ a,a:active,a:hover{outline:0;text-decoration:none;}
42 42
.dropdown-submenu:hover > a > [class*=" icon-"] {
43 43
  background-image: url("../images/glyphicons-halflings-white.png");
44 44
}
45
.icon-glass {
46
  background-position: 0  0;
47
}
48
.icon-music {
49
  background-position: -24px 0;
50
}
51
.icon-search {
52
  background-position: -48px 0;
53
}
54
.icon-envelope {
55
  background-position: -72px 0;
56
}
57
.icon-heart {
58
  background-position: -96px 0;
59
}
60
.icon-star {
61
  background-position: -120px 0;
62
}
63
.icon-star-empty {
64
  background-position: -144px 0;
65
}
66
.icon-user {
67
  background-position: -168px 0;
68
}
69
.icon-film {
70
  background-position: -192px 0;
71
}
72
.icon-th-large {
73
  background-position: -216px 0;
74
}
75
.icon-th {
76
  background-position: -240px 0;
77
}
78
.icon-th-list {
79
  background-position: -264px 0;
80
}
81
.icon-ok {
82
  background-position: -288px 0;
83
}
84
.icon-remove {
85
  background-position: -312px 0;
86
}
87
.icon-zoom-in {
88
  background-position: -336px 0;
89
}
90
.icon-zoom-out {
91
  background-position: -360px 0;
92
}
93
.icon-off {
94
  background-position: -384px 0;
95
}
96
.icon-signal {
97
  background-position: -408px 0;
98
}
99
.icon-cog {
100
  background-position: -432px 0;
101
}
102
.icon-trash {
103
  background-position: -456px 0;
104
}
105
.icon-home {
106
  background-position: 0 -24px;
107
}
108
.icon-file {
109
  background-position: -24px -24px;
110
}
111
.icon-time {
112
  background-position: -48px -24px;
113
}
114
.icon-road {
115
  background-position: -72px -24px;
116
}
117
.icon-download-alt {
118
  background-position: -96px -24px;
119
}
120
.icon-download {
121
  background-position: -120px -24px;
122
}
123
.icon-upload {
124
  background-position: -144px -24px;
125
}
126
.icon-inbox {
127
  background-position: -168px -24px;
128
}
129
.icon-play-circle {
130
  background-position: -192px -24px;
131
}
132
.icon-repeat {
133
  background-position: -216px -24px;
134
}
135
.icon-refresh {
136
  background-position: -240px -24px;
137
}
138
.icon-list-alt {
139
  background-position: -264px -24px;
140
}
141
.icon-lock {
142
  background-position: -287px -24px;
143
}
144
.icon-flag {
145
  background-position: -312px -24px;
146
}
147
.icon-headphones {
148
  background-position: -336px -24px;
149
}
150
.icon-volume-off {
151
  background-position: -360px -24px;
152
}
153
.icon-volume-down {
154
  background-position: -384px -24px;
155
}
156
.icon-volume-up {
157
  background-position: -408px -24px;
158
}
159
.icon-qrcode {
160
  background-position: -432px -24px;
161
}
162
.icon-barcode {
163
  background-position: -456px -24px;
164
}
165
.icon-tag {
166
  background-position: 0 -48px;
167
}
168
.icon-tags {
169
  background-position: -25px -48px;
170
}
171
.icon-book {
172
  background-position: -48px -48px;
173
}
174
.icon-bookmark {
175
  background-position: -72px -48px;
176
}
177
.icon-print {
178
  background-position: -96px -48px;
179
}
180
.icon-camera {
181
  background-position: -120px -48px;
182
}
183
.icon-font {
184
  background-position: -144px -48px;
185
}
186
.icon-bold {
187
  background-position: -167px -48px;
188
}
189
.icon-italic {
190
  background-position: -192px -48px;
191
}
192
.icon-text-height {
193
  background-position: -216px -48px;
194
}
195
.icon-text-width {
196
  background-position: -240px -48px;
197
}
198
.icon-align-left {
199
  background-position: -264px -48px;
200
}
201
.icon-align-center {
202
  background-position: -288px -48px;
203
}
204
.icon-align-right {
205
  background-position: -312px -48px;
206
}
207
.icon-align-justify {
208
  background-position: -336px -48px;
209
}
210
.icon-list {
211
  background-position: -360px -48px;
212
}
213
.icon-indent-left {
214
  background-position: -384px -48px;
215
}
216
.icon-indent-right {
217
  background-position: -408px -48px;
218
}
219
.icon-facetime-video {
220
  background-position: -432px -48px;
221
}
222
.icon-picture {
223
  background-position: -456px -48px;
224
}
225
.icon-pencil {
226
  background-position: 0 -72px;
227
}
228
.icon-map-marker {
229
  background-position: -24px -72px;
230
}
231
.icon-adjust {
232
  background-position: -48px -72px;
233
}
234
.icon-tint {
235
  background-position: -72px -72px;
236
}
237
.icon-edit {
238
  background-position: -96px -72px;
239
}
240
.icon-share {
241
  background-position: -120px -72px;
242
}
243
.icon-check {
244
  background-position: -144px -72px;
245
}
246
.icon-move {
247
  background-position: -168px -72px;
248
}
249
.icon-step-backward {
250
  background-position: -192px -72px;
251
}
252
.icon-fast-backward {
253
  background-position: -216px -72px;
254
}
255
.icon-backward {
256
  background-position: -240px -72px;
257
}
258
.icon-play {
259
  background-position: -264px -72px;
260
}
261
.icon-pause {
262
  background-position: -288px -72px;
263
}
264
.icon-stop {
265
  background-position: -312px -72px;
266
}
267
.icon-forward {
268
  background-position: -336px -72px;
269
}
270
.icon-fast-forward {
271
  background-position: -360px -72px;
272
}
273
.icon-step-forward {
274
  background-position: -384px -72px;
275
}
276
.icon-eject {
277
  background-position: -408px -72px;
278
}
279
.icon-chevron-left {
280
  background-position: -432px -72px;
281
}
282
.icon-chevron-right {
283
  background-position: -456px -72px;
284
}
285
.icon-plus-sign {
286
  background-position: 0 -96px;
287
}
288
.icon-minus-sign {
289
  background-position: -24px -96px;
290
}
291
.icon-remove-sign {
292
  background-position: -48px -96px;
293
}
294
.icon-ok-sign {
295
  background-position: -72px -96px;
296
}
297
.icon-question-sign {
298
  background-position: -96px -96px;
299
}
300
.icon-info-sign {
301
  background-position: -120px -96px;
302
}
303
.icon-screenshot {
304
  background-position: -144px -96px;
305
}
306
.icon-remove-circle {
307
  background-position: -168px -96px;
308
}
309
.icon-ok-circle {
310
  background-position: -192px -96px;
311
}
312
.icon-ban-circle {
313
  background-position: -216px -96px;
314
}
315
.icon-arrow-left {
316
  background-position: -240px -96px;
317
}
318
.icon-arrow-right {
319
  background-position: -264px -96px;
320
}
321
.icon-arrow-up {
322
  background-position: -289px -96px;
323
}
324
.icon-arrow-down {
325
  background-position: -312px -96px;
326
}
327
.icon-share-alt {
328
  background-position: -336px -96px;
329
}
330
.icon-resize-full {
331
  background-position: -360px -96px;
332
}
333
.icon-resize-small {
334
  background-position: -384px -96px;
335
}
336
.icon-plus {
337
  background-position: -408px -96px;
338
}
339
.icon-minus {
340
  background-position: -433px -96px;
341
}
342
.icon-asterisk {
343
  background-position: -456px -96px;
344
}
345
.icon-exclamation-sign {
346
  background-position: 0 -120px;
347
}
348
.icon-gift {
349
  background-position: -24px -120px;
350
}
351
.icon-leaf {
352
  background-position: -48px -120px;
353
}
354
.icon-fire {
355
  background-position: -72px -120px;
356
}
357
.icon-eye-open {
358
  background-position: -96px -120px;
359
}
360
.icon-eye-close {
361
  background-position: -120px -120px;
362
}
363
.icon-warning-sign {
364
  background-position: -144px -120px;
365
}
366
.icon-plane {
367
  background-position: -168px -120px;
368
}
369
.icon-calendar {
370
  background-position: -192px -120px;
371
}
372
.icon-random {
373
  background-position: -216px -120px;
374
  width: 16px;
375
}
376
.icon-comment {
377
  background-position: -240px -120px;
378
}
379
.icon-magnet {
380
  background-position: -264px -120px;
381
}
382
.icon-chevron-up {
383
  background-position: -288px -120px;
384
}
385
.icon-chevron-down {
386
  background-position: -313px -119px;
387
}
388
.icon-retweet {
389
  background-position: -336px -120px;
390
}
391
.icon-shopping-cart {
392
  background-position: -360px -120px;
393
}
394
.icon-folder-close {
395
  background-position: -384px -120px;
396
}
397
.icon-folder-open {
398
  background-position: -408px -120px;
399
  width: 16px;
400
}
401
.icon-resize-vertical {
402
  background-position: -432px -119px;
403
}
404
.icon-resize-horizontal {
405
  background-position: -456px -118px;
406
}
407
.icon-hdd {
408
  background-position: 0 -144px;
409
}
410
.icon-bullhorn {
411
  background-position: -24px -144px;
412
}
413
.icon-bell {
414
  background-position: -48px -144px;
415
}
416
.icon-certificate {
417
  background-position: -72px -144px;
418
}
419
.icon-thumbs-up {
420
  background-position: -96px -144px;
421
}
422
.icon-thumbs-down {
423
  background-position: -120px -144px;
424
}
425
.icon-hand-right {
426
  background-position: -144px -144px;
427
}
428
.icon-hand-left {
429
  background-position: -168px -144px;
430
}
431
.icon-hand-up {
432
  background-position: -192px -144px;
433
}
434
.icon-hand-down {
435
  background-position: -216px -144px;
436
}
437
.icon-circle-arrow-right {
438
  background-position: -240px -144px;
439
}
440
.icon-circle-arrow-left {
441
  background-position: -264px -144px;
442
}
443
.icon-circle-arrow-up {
444
  background-position: -288px -144px;
445
}
446
.icon-circle-arrow-down {
447
  background-position: -312px -144px;
448
}
449
.icon-globe {
450
  background-position: -336px -144px;
451
}
452
.icon-wrench {
453
  background-position: -360px -144px;
454
}
455
.icon-tasks {
456
  background-position: -384px -144px;
457
}
458
.icon-filter {
459
  background-position: -408px -144px;
460
}
461
.icon-briefcase {
462
  background-position: -432px -144px;
463
}
464
.icon-fullscreen {
465
  background-position: -456px -144px;
466
}
467

468 45

469 46
body{height:auto;position: relative;min-height: 100%;}
470 47
a{text-decoration:none;}
@ -525,7 +102,7 @@ input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #99
525 102
.to-bottom {display: inline-block;overflow: hidden;width: 0px;height: 0px;border: 6px solid #ccc;border-color: #ccc #fff; border-width: 6px 6px 0 6px;position: absolute;right: 0;top: 40%;}
526 103
/*/////////////////////表单样式/////////////////////// */
527 104
/*多行文本框样式(带有限制数字)*/
528
.msgContbox{border: 1px solid #E5E5E5;min-height:120px;height:auto;position: relative;}
105
.msgContbox{border: 1px solid #E5E5E5;background:#fff;min-height:120px;height:auto;position: relative;}
529 106
.msgContbox textarea{background:none;border:none;color: #55636D;outline: none;padding:12px;
530 107
   width: 100%;font-size: 16px;resize:vertical;margin-bottom: 15px;min-height:92px;}
531 108
.msgContbox .msgconNum{position:absolute;bottom:2px;right:10px;color:#999;font-size:14px;}
@ -534,7 +111,7 @@ input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #99
534 111
.frmtype:focus{box-shadow: none;outline:none;border:1px solid #28b8fa;}
535 112
.frmtypeW{width:98%;margin: auto;}
536 113
textarea.frmtype{height:100px;}
537
.requiredcon{font-style:none;color:red;font-size:16px;}/*必填项*/
114
.requiredcon{font-style:none;color:red;font-size:16px;margin:0 4px;}/*必填项*/
538 115
.emspace{letter-spacing: 2em;}
539 116
/*只读状态input*/
540 117
input.frmtype[readonly]{background:#EFEFEF;color:#AAAAAA;}

+ 23 - 113
cmp-portal/js/cmp-updateinfo.js

@ -52,54 +52,10 @@ $(document).ready(function() {
52 52
						$("textarea").val($data.descp);
53 53
					}
54 54
					if($data.orgSize) {
55
						$("#qualificationList").find("li").removeClass("cmpBg listactive");
56
						switch($data.orgSize) {
57
							case '1':
58
								$("#qualificationList").find("li").eq(0).addClass("cmpBg listactive");
59
								break;
60
							case '2':
61
								$("#qualificationList").find("li").eq(1).addClass("cmpBg listactive")
62
								break;
63
							case '3':
64
								$("#qualificationList").find("li").eq(2).addClass("cmpBg listactive")
65
								break;
66
							case '4':
67
								$("#qualificationList").find("li").eq(3).addClass("cmpBg listactive")
68
								break;
69
							case '5':
70
								$("#qualificationList").find("li").eq(4).addClass("cmpBg listactive")
71
								break;
72
							case '6':
73
								$("#qualificationList").find("li").eq(5).addClass("cmpBg listactive")
74
								break;
75
							default:
76
								break;
77
						}
55
						$("#qualificationList").val($data.orgSize)
78 56
					}
79 57
					if($data.orgType) {
80
						$("#orgType").find("li").removeClass("cmpBg listactive");
81
						switch($data.orgType) {
82
							case '2':
83
								$("#orgType").find("li").eq(0).addClass("cmpBg listactive");
84
								break;
85
							case '3':
86
								$("#orgType").find("li").eq(1).addClass("cmpBg listactive")
87
								break;
88
							case '4':
89
								$("#orgType").find("li").eq(2).addClass("cmpBg listactive")
90
								break;
91
							case '5':
92
								$("#orgType").find("li").eq(3).addClass("cmpBg listactive")
93
								break;
94
							case '6':
95
								$("#orgType").find("li").eq(4).addClass("cmpBg listactive")
96
								break;
97
							case '7':
98
								$("#orgType").find("li").eq(5).addClass("cmpBg listactive")
99
								break;
100
							default:
101
								break;
102
						}
58
						$("#orgType").val($data.orgType)
103 59
					}
104 60
					if($data.industry) {
105 61
						indu($data.industry, '#industryList')
@ -134,7 +90,7 @@ $(document).ready(function() {
134 90
		var otme = otm.substring(0, 4) + "-" + otm.substring(4, 6) + "-" + otm.substring(6, 8);
135 91
		return otme;
136 92
	}
137
	/*企业简限制在300字内*/
93
	/*企业简限制在500字内*/
138 94
	function limitFont(e) {
139 95
		var pastedText;
140 96
		if (window.clipboardData  &&  window.clipboardData.getData)  {  // IE
@ -145,29 +101,29 @@ $(document).ready(function() {
145 101
			pastedText  = $("textarea").val() +  e.originalEvent.clipboardData.getData('Text'); //e.clipboardData.getData('text/plain');
146 102
			          
147 103
		}
148
		$("textarea").val(pastedText.substring(0, 300));
104
		$("textarea").val(pastedText.substring(0, 500));
149 105

150 106
	}
151 107
	$("textarea").bind({
152 108
		paste: function(e) {
153 109
			limitFont(e);
154 110
			setTimeout(function() {
155
				$(".limitNum").find("span").text(300 - $("textarea").val().length);
111
				$(".limitNum").text($("textarea").val().length);
156 112
			}, 1);
157 113
			e.preventDefault();
158 114
		},
159 115
		cut: function(e) {
160 116
			setTimeout(function() {
161
				$(".limitNum").find("span").text(300 - $("textarea").val().length);
117
				$(".limitNum").text($("textarea").val().length);
162 118
			}, 1);
163 119
		},
164 120
		keyup: function(e) {
165
			if($("textarea").val().length > 300) {
166
				$("textarea").val($("textarea").val().substring(0, 300));
121
			if($("textarea").val().length > 500) {
122
				$("textarea").val($("textarea").val().substring(0,500));
167 123
				e.preventDefault();
168 124
			}
169 125
			setTimeout(function() {
170
				$(".limitNum").find("span").text(300 - $("textarea").val().length);
126
				$(".limitNum").text($("textarea").val().length);
171 127
			}, 1);
172 128
		}
173 129
	});
@ -177,18 +133,18 @@ $(document).ready(function() {
177 133
		var oArr = new Array();
178 134
		var i;
179 135
		for(i in arr) {
180
			oArr.push('<li>' + arr[i] + '<img src="images/con_icon_delete.png" /></li>');
136
			oArr.push('<li>' + arr[i] + '<div class="closeThis"></div></li>');
181 137
		}
182 138
		$(oSelector).html(oArr.join(""));
183 139
	}
184 140
	/*删除*/
185
	$("body").on("click", "li img", function() {
141
	$("body").on("click", ".closeThis", function() {
186 142
			$(this).parent().remove();
187 143
		})
188
		/*添加*/
144
	/*添加*/
189 145
	$("button:contains('添加')").click(function() {
190
			var oValue = $(this).parent().siblings(".col-w-10").children("input").val().trim();
191
			var oJudge = $(this).parent().siblings("ul").find("li");
146
			var oValue = $(this).siblings("input").val().trim();
147
			var oJudge = $(this).parent().siblings().find("ul.ulspace li");
192 148
			if(!oValue) {
193 149
				$.MsgBox.Alert('提示', '请先填写内容');
194 150
				return;
@ -203,18 +159,15 @@ $(document).ready(function() {
203 159
					return;
204 160
				}
205 161
			}
206
			$(this).parent().siblings("ul").append('<li>' + oValue + '<img src="images/con_icon_delete.png" /></li>');
207
			$(this).parent().siblings(".col-w-10").children("input").val("");
162
			$(this).parent().siblings().find("ul.ulspace").append('<li>' + oValue + '<div class="closeThis"></div></li>');
163
			$(this).siblings("input").val("");
208 164
		})
209
		/*选择单一选项*/
210
	$("#orgType,#qualificationList").on("click", "li", function() {
211
			var oClassName = $(this).addClass("cmpBg listactive").siblings().removeClass("cmpBg listactive");
212
		})
213
		/*保存*/
165

166
	/*保存*/
214 167
	$("button:contains('保存')").click(function() {
215 168
			/*var oBusinessAbbreviation = $("#businessAbbreviation").val().trim();
216 169
			var oTextArea = $("textarea").val().trim();
217
			var oBusinessType = $("#orgType").find("li.cmpBg.listactive").length;
170
			var oBusinessType = $("#orgType").find("option").length;
218 171
			var oBusinessDimensions = $("#qualificationList").find("li.cmpBg.listactive").length;
219 172
			var oIndustryNumber = $("#industryList").find("li").length;
220 173
			var oSubjectNumber = $("#subjectList").find("li").length;
@ -251,58 +204,15 @@ $(document).ready(function() {
251 204
				$.MsgBox.Alert('提示', '企业资质必填一项');
252 205
				return;
253 206
			}*/
254
			var tex = $("#orgType").find("li.cmpBg.listactive").text();
255
			var oTextGui = $("#qualificationList").find("li.cmpBg.listactive").text();
256 207
			var $info = {};
257 208
			$info.id = id;
258 209
			if(cacheImageKey != null) {
259 210
				$info.fn = cacheImageKey;
260 211
			}
261 212
			$info.forShort = $("#businessAbbreviation").val();
262
			switch(tex) {
263
				case '上市企业':
264
					$info.orgType = 2;
265
					break;
266
				case '国有企业':
267
					$info.orgType = 3;
268
					break;
269
				case '合资企业':
270
					$info.orgType = 4;
271
					break;
272
				case '私人企业':
273
					$info.orgType = 5;
274
					break;
275
				case '外资企业':
276
					$info.orgType = 6;
277
					break;
278
				case '初创企业':
279
					$info.orgType = 7;
280
					break;
281
				default:
282
					break;
283
			}
284
			switch(oTextGui) {
285
				case '50人以内':
286
					$info.orgSize = 1;
287
					break;
288
				case '50-100人':
289
					$info.orgSize = 2;
290
					break;
291
				case '100-200人':
292
					$info.orgSize = 3;
293
					break;
294
				case '200-500人':
295
					$info.orgSize = 4;
296
					break;
297
				case '500-1000人':
298
					$info.orgSize = 5;
299
					break;
300
				case '1000人以上':
301
					$info.orgSize = 6;
302
					break;
303
				default:
304
					break;
305
			}
213
			$info.orgType = $("#orgType").val();
214
			$info.orgSize = $("#qualificationList").val();
215

306 216
			if($("#inteAddress").val().trim()) {
307 217
				$info.orgUrl = $("#inteAddress").val();
308 218
			}
@ -340,7 +250,7 @@ $(document).ready(function() {
340 250
				}
341 251
			})
342 252
		})
343
		/*应用行业,学术领域,企业纸质生成字符串*/
253
	/*应用行业,学术领域,企业纸质生成字符串*/
344 254
	function oString(sele) {
345 255
		var len = $(sele).find("li");
346 256
		var arry = new Array();

+ 1 - 1
cmp-portal/js/cmp-workspaces.js

@ -211,6 +211,6 @@ $(document).ready(function() {
211 211
	companyDemand();
212 212
	/*跳转企业浏览页面*/
213 213
	$("#conmliu").on("click",function(){
214
		window.open("../companybrowinfor.html?orgId="+id);
214
		window.open("../cmpInforShow.html?orgId="+id);
215 215
	})
216 216
})