资源图片发布和机构提示

articalIssue.html

<link type="text/css" href="css/webuploader/webuploader.css" rel="stylesheet">
<link type="text/css" href="css/common.css" rel="stylesheet">
<link type="text/css" href="css/genindex.css" rel="stylesheet">
<style type="text/css">
	#filePicker{position:absolute;left:50%; bottom:25px; margin-left:-52px;opacity:0; z-index:88;}
</style>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
</head>
					<li>
						<div class="aboutTit">文章内容<span class="frmconmsg"></span></div>
						<!--这块还是使用编辑框插件-->
						<div class="editBlock" style="border:none; height: auto;">
						<div class="editBlock">
							<script id="editor" name="content" type="text/plain" style="height:500px;"></script>
							<!--<textarea class="frmtype frmcontype" style="border:none;height:318px;" name="" placeholder="请输入文章内容"></textarea>-->
						</div>

cmp-portal/css/cmpindex.css

ul.artAbout .uploadFile .upbtn{display:inline-block;padding:7px 23px;background: #E5E5E5;color:#333333;margin-top:30px;}
ul.artAbout .uploadFile .uploadblock .upBackbtn{position:absolute;bottom:30px;left:50%;margin-left:-55px;background:rgba(0,0,0,.5);color:#FFFFFF;z-index:10;display: none;}
.conBlock .aboutTit{font-size:16px;line-height:40px;color:#666666;margin-top:18px;}
ul.artAbout .editBlock{height:320px;border:1px solid #E5E5E5;}
/*ul.artAbout .editBlock{height:320px;border:1px solid #E5E5E5;}*/
ul.artAbout .frmadd{width:auto;position:absolute;right:0;top:0;background: #28b8fa;color:#fff;border:none;padding:6px 25px;}
.conItem ul.operateBlock{overflow: hidden;margin-top:-20px;}

css/genindex.css

.conBlock .rightconBox{width: 315px;}
.conBlock .rightconBox .conItem{padding:30px;background: #FFFFFF;margin-bottom: 20px;}
.conBlock .rightconBox .conItem:first-child{padding:30px 10px;border-top:4px #ff9900 solid;}
ul.artAbout>li{overflow: hidden;}
ul.artAbout>li{clear:both;}
ul.artAbout>li:before,ul.artAbout>li:after{display:table;content:" "}
ul.artAbout>li:after{clear:both}
ul.artAbout .uploadFile{line-height:28px;text-align: center;font-size: 16px;color:#666666;}
ul.artAbout .uploadFile .uploadblock{position:relative;width:100%;height:190px;padding:30px;border:1px solid #E5E5E5; border-radius: 0;
	background-position:center;background-size:cover;background-repeat:no-repeat;}
ul.artAbout .uploadFile .upbtn{display:inline-block;padding:7px 23px;background: #E5E5E5;color:#333333;margin-top:30px;}
ul.artAbout .uploadFile .uploadblock .upBackbtn{position:absolute;bottom:30px;left:50%;margin-left:-55px;background:rgba(0,0,0,.5);color:#FFFFFF;z-index:10;display: none;}
.conBlock .aboutTit{font-size:16px;line-height:40px;color:#666666;margin-top:18px;}
ul.artAbout .editBlock{height:320px;border:1px solid #E5E5E5;}
/*ul.artAbout .editBlock{height:320px;border:1px solid #E5E5E5;}*/
ul.artAbout #filePicker{position:absolute;left:50%; bottom:25px; margin-left:-52px;opacity:0; z-index:88;}
ul.artAbout .frmadd{width:auto;position:absolute;right:0;top:0;background: #ff9900;color:#fff;border:none;padding:6px 25px;}
.conItem ul.operateBlock{overflow: hidden;margin-top:-20px;}
.showDetail .showMain .showTit:before{position:absolute;top:50%;margin-top:-10px;left:0;display:inline-block;content:"";width:4px;height:18px;background:#ff9900;}
/*资源发布图片上传模块*/
.artAbout>li>dl{margin-right: -15px;}
.artAbout>li>dl>dd{width:31.2%;float: left;border: 1px solid #E5E5E5;height: 190px;margin-right: 15px;background:url(../images/g_resource_bg_tianjia_nor.png) center center no-repeat;}
.artAbout>li>dl>dd:first-child{background: none;}
.artAbout>li>dl>dd{position:relative;float: left;width:31.2%;border: 1px solid #E5E5E5;height: 190px;margin-right: 15px;}
.artAbout>li>dl>dd:nth-child(2),.artAbout>li>dl>dd:nth-child(3){background:url(../images/g_resource_bg_tianjia_nor.png) center center no-repeat;}
.artAbout>li>dl>dd.uploadD{background: none;}
.artAbout>li>dl>dd .imgItem{background:#fff;display: table-cell;text-align: center;vertical-align: middle;width: 222px;height: 188px;}
.artAbout>li>dl>dd .imgItem img{vertical-align: middle;max-width:222px;max-height:188px;}
.artAbout>li>dl>dd .uploadFile .uploadblock{border: none;}
.artAbout>li>dl>dd .file-panel{position:absolute;top:-8px;right:-8px;text-align:center;overflow:hidden;}
.artAbout>li>dl>dd .file-panel .cancel{display: inline-block;width: 20px;height: 20px;cursor: pointer;background: url(../images/g_resource_button_guanbi_nor.png);background-size: cover;}
/*资源图片展示*/
.Imagebox{width:360px;}
.Imagebox .tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.conBlock .leftconBox2 .resShareUl>ul>li{float: left;margin-right:30px;font-size: 16px;color:#999;}
.conBlock .leftconBox2 .resShareUl>ul>li .operateicon{margin-left:10px;cursor: pointer;}
.conBlock .leftconBox2 .resShareUl>ul>li>span{position: relative;top:-6px;}
.keydrop>ul>li.orgList{overflow: hidden;}
.keydrop>ul>li.orgList img{width:50px;height:50px;margin-right:10px;}
.keydrop>ul>li.orgList p{line-height:50px;font-size:14px;}
/*--------------新版工作台框架--------------*/
.conBlock .workmenu{text-align: center;float: left;/*width:18%;*/background: #fff;}
.conBlock .workmenu>ul{overflow: hidden;}

js/resourceIssue.js

			$("#uploadDd").hide();
		}
		var $li = $(
				'<dd id="' + file.id + '"style="display: table-cell;text-align: center;vertical-align: middle;position:relative">' +
				'<img style="vertical-align: middle;max-width:224px;max-height:190px;">' +
				'<dd>' +
					'<div class="imgItem" id="' + file.id + '">'+
						'<img />' +
					'</div>'+
				//'<div class="info">' + file.name + '</div>' +
				'</dd>'
			),
			$btns = $('<div class="file-panel"style="position:absolute;top:0px;text-align:center;overflow:hidden;height:0px;">' +
				'<span class="cancel">删除</span>' +
			$btns = $('<div class="file-panel">' +
				'<span class="cancel"></span>' +
				'</div>').appendTo($li),
			$img = $li.find('img');
		var $list = $("#fileList");
				return;
			}
			$img.attr('src', src);
		}, 1000, 1000);
		}, 1, 1);
		$li.on('mouseenter', function() {
			$btns.stop().animate({
				height: 30
	});
	uploader.onError = function(code) {
		console.log(code)
		$.MsgBox.Alert('提示', '请上传jpg、png格式的图片，大小不超过2M')
	};
	uploader.on('uploadSuccess', function(file, data) {
						console.log(data);
						if(data.success) {
							if(data.data==null) {
								$("#department").html("");
								$("#department ul").html("");
							}else{
								addHtml(data.data);
							}
			}else{
				oImg="../images/default-icon.jpg"
			}
			oSum+='<li class="clearfix"><img src="'+oImg+'" alt="" class="floatL" style="width:50px;height:50px;"/><p class="h2Font floatL">'+$html[i].name+'</p></li>'
			oSum+='<li class="orgList"><img src="'+oImg+'" class="floatL" /><p class="h2Font floatL">'+$html[i].name+'</p></li>'
		}
		$("#department").html(oSum);
		$("#department ul").html(oSum);
	}
	$("#department").on("click","li",function(){
	$("#department ul").on("click","li",function(){
		$("#organizationName").val($(this).find("p").text());
		$("#department").html("");
		$("#department ul").html("");
	})
	/*厂商型号*/
	$("#modelNumber").bind({

resourceIssue.html

<link rel="stylesheet" type="text/css" href="./css/webuploader/webuploader.css">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<style type="text/css">
	.conItem ul.operateBlock>li{width: 25%;}
	.conItem ul.operateBlock>li{width: 25%;}
</style>
</head>
				<ul class="artAbout">
					<li>
						<dl class="clearfix" id="fileList">
							<dd id="uploadDd">
							<dd class="uploadD" id="uploadDd">
								<div class="uploadFile">
			        				<div class="uploadblock">
			        					<span class="" id="filePicker">上传图片</span>
			        					<!--未上传图片时-->
			        					<div class="upFront" id="uploader">
				        					<p>JPG/PNG格式<em class="requiredcon">*</em></p>
				        					<p>2M以内</p>
				            				<span class="upbtn" id="filePicker">上传图片</span>
				        					<p>JPG/PNG格式</p>
				        					<p>2M以内<em class="requiredcon">*</em></p>
				            				<span class="upbtn">上传图片</span>
			        					</div>
			        					
				            		</div>
			        			</div>
							</dd>
					<li>
						<div class="aboutTit">所属机构<span class="frmconmsg" id="organization" style="display:none">50字以内</span></div>
						<input type="text" class="frmtype frmcontype" id="organizationName" value="" placeholder="请输入所属机构" />
						<div class="form-drop keydrop">
							<ul id="department">
						<div class="form-drop keydrop displayNone" id="department">
							<ul class="clearfix">
								<!--<li class="clearfix">
									<img src="images/authsort2.png" alt="" class="floatL" style="width:50px;height:50px;"/>
									<p class="h2Font floatL">金属材料工程与腐蚀</p>