Accueil Explorer Aide
S'inscrire Connexion
jiapeng
/
portal-front
Suivre 3
Voter 0
Fork 0
Code Tickets 0 Pull Requests 0 Commits 432 Publications 0 Wiki
Parcourir la Source

企业资源发布和资源列表

luyanan 7 ans auparavant
Parent
c8ec07b359
commit
bf02716644
4 fichiers modifiés avec 249 ajouts et 2 suppressions
Vue séparée Afficher les stats Diff
  1. 1 1
      cmp-portal/css/cmpindex.css
  2. 2 1
      cmp-portal/css/common.css
  3. 180 0
      cmp-portal/resourceIssue.html
  4. 66 0
      cmp-portal/resourceList.html

+ 1 - 1
cmp-portal/css/cmpindex.css
Voir le fichier 

@ -460,7 +460,7 @@ ul.tagList>li .h2Font{color:#666}
460 460 
/*文章列表*/
461 461 
.itemListCon{background: #fff;}
462 462 
.itemListBolck .searchAbout{position: relative;}
463 
.itemListBolck .searchAbout .searchSpan{position:absolute;top:50%;margin-top:-9px;right:18px;display:inline-block;width:18px;height:18px;background: url(../images/g_article_icon_sousuo_nor.png);}
463 
.itemListBolck .searchAbout .searchSpan{position:absolute;top:50%;margin-top:-9px;right:18px;display:inline-block;width:18px;height:18px;background: url(../../images/g_article_icon_sousuo_nor.png);cursor: pointer;}
464 464 
.itemListBolck .frmcontype{width:100%;border-radius: 20px;padding-left:20px;background: #f5f6f8;}
465 465 
.itemListBolck .topOperaBlock{padding:30px 0 10px 20px;}
466 466 
.itemListBolck .issueSpanBlock{text-align: right;}

+ 2 - 1
cmp-portal/css/common.css
Voir le fichier 

@ -534,6 +534,8 @@ input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #99
534 534 
.frmtype:focus{box-shadow: none;outline:none;border:1px solid #28b8fa;}
535 535 
.frmtypeW{width:98%;margin: auto;}
536 536 
textarea.frmtype{height:100px;}
537 
.requiredcon{font-style:none;color:red;font-size:16px;}/*必填项*/
538 
.emspace{letter-spacing: 2em;}
537 539 
/*只读状态input*/
538 540 
input.frmtype[readonly]{background:#EFEFEF;color:#AAAAAA;}
539 541 
input.frmtype[readonly]:focus{border:1px transparent solid;}

@ -563,7 +565,6 @@ button.btnModelBig:hover{
563 565 
.save-block{margin:20px auto 40px;padding:6px 40px;}/*保存按钮*/
564 566 
.fontLink{background:none;border:none;color:#28b8fa;}/*字体链接按钮*/
565 567 
.limitNum{text-align: right;color:#AAAAAA;}/*限制字数*/
566 
.requiredcon{ color:red; position:absolute;font-size:16px; top:8px; left:-10px;}/*必填项*/
567 568 
/*表单消息提示*/
568 569 
.frmmsg{background:url(../images/con_icon_info_warn.png) 0 center no-repeat;background-size: auto 50%;padding-left:18px;line-height:28px;color: #fd5f39;}
569 570 
.frmmsg-warning{border:1px solid #fd5f39;}

+ 180 - 0
cmp-portal/resourceIssue.html
Voir le fichier 

@ -0,0 +1,180 @@
1 
 <!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>资源发布-科袖网</title>
8 
<link href="../css/bootstrap.min.css" rel="stylesheet">
9 
<link type="text/css" href="../css/webuploader/webuploader.css" rel="stylesheet">
10 
<link type="text/css" rel="stylesheet" href="../css/datetimepicker.css">
11 
<link type="text/css" href="css/common.css" rel="stylesheet">
12 
<link type="text/css" href="css/cmpindex.css" rel="stylesheet">
13 
<script type="text/javascript" src="js/public/jquery-1.11.1.js"></script>
14 
<style type="text/css">
15 
	.conItem ul.operateBlock>li{width: 25%;}
16 
</style>
17 
</head>
18
19 
<body>
20 
<header id="header">
21 
	<script src="js/public/cmpHeader.js"></script>
22 
</header>
23 
<div id="container">
24 
	<div class="containerCon">
25 
		<div class="contentCon clearfix conBlock" style="padding-top:20px">
26 
			<div class="leftconBox floatL">
27 
				<ul class="artAbout">
28 
					<li>
29 
						<dl class="clearfix" id="fileList">
30 
							<dd class="uploadD" id="uploadDd">
31 
								<div class="uploadFile">
32 
			        				<div class="uploadblock">
33 
			        					<span class="" id="filePicker">上传图片</span>
34 
			        					<!--未上传图片时-->
35 
			        					<div class="upFront" id="uploader">
36 
				        					<p>JPG/PNG格式</p>
37 
				        					<p>2M以内<em class="requiredcon">*</em></p>
38 
				            				<span class="upbtn">上传图片</span>
39 
			        					</div>
40 
				            		</div>
41 
			        			</div>
42 
							</dd>
43 
							<dd></dd>
44 
							<dd></dd>
45 
						</dl>
46 
					</li>
47 
					<li>
48 
						<div class="aboutTit">资源名称<em class="requiredcon">*</em><span class="frmconmsg" id="resourceNamePrompt" style="display:none;">30字以内</span></div>
49 
						<input type="text" class="frmtype frmcontype" id="resourceName" value="" placeholder="请输入资源名称" />
50 
					</li>
51 
					<li class="form-item">
52 
						<div class="aboutTit">关键词<span class="frmconmsg" id="keywordPrompt" style="display:none;">最多可添加5个关键词、每个关键词最多10个字</span></div>
53 
						<div style="position: relative;" id="keywordHide">
54 
							<input type="text" class="frmtype frmcontype" id="keywordName" value="" placeholder="请输入关键词" />
55 
							<!--输入框中键入内容时按钮显示，添加内容出现在结果标签中时按钮隐藏-->
56 
							<button class="frmcontype frmadd" id="addKeyword">添加</button>
57 
						</div>
58 
						<div class="form-drop keydrop displayNone"  id="keyList">
59 
							<ul>
60 
								<!--<li>
61 
									<p class="h2Font">金属材料工程与腐蚀</p>
62 
								</li>-->
63
64 
							</ul>
65 
						</div>
66 
						<div class="form-result keyResult">
67 
							<ul class="clearfix" id="keywordList">
68 
								<!--<li>
69 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
70 
									<div class="closeThis"></div>
71 
								</li>
72 
								<li>
73 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
74 
									<div class="closeThis"></div>
75 
								</li>
76 
								<li>
77 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
78 
									<div class="closeThis"></div>
79 
								</li>
80 
								<li>
81 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
82 
									<div class="closeThis"></div>
83 
								</li>
84 
								<li>
85 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
86 
									<div class="closeThis"></div>
87 
								</li>-->
88 
							</ul>
89 
						</div>
90 
					</li>
91 
					<li>
92 
						<div class="aboutTit">应用用途<em class="requiredcon">*</em><span class="frmconmsg" id="applicationPrompt" style="display:none;">50字以内</span></div>
93 
						<input type="text" class="frmtype frmcontype" id="application" value="" placeholder="请输入应用用途" />
94 
					</li>
95 
					<li>
96 
						<div class="aboutTit">所属机构<span class="frmconmsg" id="organization" style="display:none">50字以内</span></div>
97 
						<input type="text" class="frmtype frmcontype" id="organizationName" value="" placeholder="请输入所属机构" />
98 
						<div class="form-drop keydrop displayNone" id="department">
99 
							<ul class="clearfix">
100 
								<!--<li class="clearfix">
101 
									<img src="images/authsort2.png" alt="" class="floatL" style="width:50px;height:50px;"/>
102 
									<p class="h2Font floatL">金属材料工程与腐蚀</p>
103 
								</li>
104 
								<li>
105 
									<p class="h2Font">金属材料工程与腐蚀</p>
106 
								</li>
107 
								<li>
108 
									<p class="h2Font">金属材料工程与腐蚀</p>
109 
								</li>-->
110 
							</ul>
111 
						</div>
112 
					</li>
113 
					<li>
114 
						<div class="aboutTit">厂商型号<span class="frmconmsg" id="model" style="display:none;">50字以内</span></div>
115 
						<input type="text" class="frmtype frmcontype" id="modelNumber" value="" placeholder="请输入厂商型号" />
116 
					</li>
117 
					<li>
118 
						<div class="aboutTit">性能参数<span class="frmconmsg" id="performance" style="display:none;">200字以内</span></div>
119 
						<div class="msgContbox">
120 
				    		<textarea class="msgCont" placeholder="请输入性能参数" id="performancePa"></textarea>
121 
				    		<span class="msgconNum"><span id="entry1">0</span>/200</span>
122 
				    	</div>
123 
					</li>
124 
					<li>
125 
						<div class="aboutTit">合作备注<span class="frmconmsg" id="remark" style="display:none;">200字以内</span></div>
126 
						<div class="msgContbox">
127 
				    		<textarea class="msgCont" placeholder="请输入合作备注" id="remarkContent"></textarea>
128 
				    		<span class="msgconNum"><span id="entry2">0</span>/200</span>
129 
				    	</div>
130 
					</li>
131 
					<li>
132 
						<div class="aboutTit">详细介绍<span class="frmconmsg"></span></div>
133 
						<!--这块还是使用编辑框插件-->
134 
						<div class="editBlock">
135 
							<script id="editor" name="content" type="text/plain" style="height:500px;"></script>
136 
							<!--<textarea class="frmtype frmcontype" style="border:none;height:318px;" name="" placeholder="请输入详细介绍"></textarea>-->
137 
						</div>
138 
					</li>
139 
				</ul>
140 
			</div>
141 
			<div class="rightconBox floatR">
142 
				<div class="conItem">
143 
					<ul class="operateBlock" id="operateBlocko">
144 
						<li class="goFabu">
145 
							<em class="operateicon icon-issue"></em>
146 
							<p>发布</p>
147 
						</li>
148 
						<li class="articalPreview" id="oPreview">
149 
							<em class="operateicon icon-preview"></em>
150 
							<p>预览</p>
151 
						</li>
152 
						<li id="oDraft">
153 
							<em class="operateicon icon-draft"></em>
154 
							<p>存草稿</p>
155 
						</li>
156 
						<li class="disableLi" id="deleteResource"><!--只要预览、存草稿、发布之后移除disableLi类-->
157 
							<em class="operateicon icon-delete"></em>
158 
							<p>删除</p>
159 
						</li>
160
161 
					</ul>
162 
				</div>
163 
			</div>
164 
		</div>
165 
	</div>
166 
</div>
167 
<footer>
168 
	<script type="text/javascript" src="js/public/cmpFooter.js"></script>
169 
</footer>
170 
<script type="text/javascript"src="js/public/jquery.cookie.js"></script>
171 
<script type="text/javascript"src="js/public/jquery.similar.msgbox.js"></script>
172 
<script type="text/javascript" src="js/public/common.js"></script>
173 
<script type="text/javascript" src="../js/jquery.page.js"></script>
174 
<script type="text/javascript" src="js/ueditor/ueditor.config.js"></script>
175 
<script type="text/javascript" src="js/ueditor/ueditor.all.js"></script>
176 
<script type="text/javascript" src="./js/webuploader/webuploader.js"></script>
177 
<script type="text/javascript" src="js/articalIssue.js"></script>
178
179 
</body>
180 
</html>

+ 66 - 0
cmp-portal/resourceList.html
Voir le fichier 

@ -0,0 +1,66 @@
1 
 <!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>资源-我的工作台-科袖网</title>
8 
<link href="../css/bootstrap.min.css" rel="stylesheet">
9 
<link type="text/css" href="css/common.css" rel="stylesheet">
10 
<link type="text/css" href="css/cmpindex.css" rel="stylesheet">
11 
<script type="text/javascript" src="js/public/jquery-1.11.1.js"></script>
12
13 
</head>
14
15 
<body>
16 
<header id="header">
17 
	<script src="js/public/cmpHeader.js"></script>
18 
</header>
19 
<!--中间-->
20 
<div id="container">
21 
	<div class="containerCon">
22 
		<div class="con-center contentCon clearfix conBlock">
23 
	        <div class="workmenu">
24 
	        	<ul>
25 
	        		<li><a href="cmp-workspaces.html">工作台</a></li>
26 
	        		<li><a href="cmp-needList.html">需求</a></li>
27 
	        		<li class="nowLi"><a>资源</a></li>
28 
	        		<li><a href="cmp-articalList.html">文章</a></li>
29 
	        		<li><a href="cmp-staffList.html">员工</a></li>
30 
	        	</ul>
31 
	        </div>
32 
	        <div class="workcon workconG">
33 
				<div class="workcontit">我的资源</div>
34 
				<div class="itemListBolck">
35 
					<div class="topOperaBlock clearfix">
36 
						<div class="searchAbout col-w-8">
37 
							<input class="frmcontype" type="search" name="" placeholder="输入资源的名称、关键词" id="resouceName">
38 
							<span class="searchSpan"></span>
39 
						</div>
40 
						<div class="issueSpanBlock col-w-4">
41 
							<a href="resourceIssue.html" class="issueSpan" target="_blank">发布资源</a>
42 
						</div>
43 
					</div>
44 
					<div class="form-item itemListCon">
45 
						<div class="form-result aboutRes">
46 
							<ul id="resourceList">
47
48 
							</ul>
49 
							<div class="tcdPageCode"></div>
50 
						</div>
51 
					</div>
52 
				</div>
53 
			</div>
54 
	    </div>
55 
    </div>
56 
</div>
57 
<footer>
58 
	<script type="text/javascript" src="js/public/cmpFooter.js"></script>
59 
</footer>
60 
<script type="text/javascript" src="js/public/jquery.cookie.js"></script>
61 
<script type="text/javascript" src="js/public/jquery.similar.msgbox.js"></script>
62 
<script type="text/javascript" src="../js/jquery.page.js"></script>
63 
<script type="text/javascript" src="js/public/common.js"></script>
64 
<script type="text/javascript" src="js/resourceList.js"></script>
65 
</body>
66 
</html>