trick9191
/
wlyy2.0
forked from Amoy2/wlyy2.0


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461
							<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<title>添加文章-卫计委</title>
<link rel="stylesheet" href="../iconfont/iconfont.css" type="text/css" />
<link rel="stylesheet" href="../cross/css/cross.css" type="text/css" />
<link rel="stylesheet" href="../cross/css/cross.ui.css" type="text/css" />
<link rel="stylesheet" href="../css/health-edu.css" type="text/css" />
</head>
<body>


	<div class="c-hidden">
		<div class="phone-part fr">
			<div class="c-t-center mb30">
				<a id="preview" href="javascript:;" onclick="preview()"
					class="c-btn bgc-ec6941 btn-w60">预览</a>
			</div>
			<div class="phone">
				<div class="phone-wrap">
					<div class="phone-header">
						<img src="../images/health-edu/top.png" class="width-100" />
						<div class="phone-tit">
							<a href="javascript:;" class="btn-return"><i
								class="iconfont icon-xiangzuo c-f12"></i> 返回</a>
							<h1>添加文章</h1>
							<a href="#" class="btn-more"><i class="iconfont icon-more"></i></a>
						</div>
					</div>
					<div class="phone-main">
						<div class="article" id="articlecp"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="main-part p20">
			<div
				class="form-layout form-horizontal form-horizontal-narrow c-f14 c-666 mtb20">
				<div class="control-group">
					<label class="control-label c-t-right">分类：</label>
					<div class="control-form">
						<div class=" cus-sel cus-sel-w200 cus-sel-h33"
							id="FirstLevelCategoryId"  >

							<div class="cus-sel-chosed">
								<input id="p_FirstLevelCategoryId" type="text"  class="c-hide"> <span
									class="cus-sel-chosed-txt" data-value="">--请选择一级分类--</span> <span
									class="jselect-icon"></span>
							</div>
							<div class="cus-sel-list c-hide">
								<ul>
								</ul>
							</div>
						</div>
						<div class="cus-sel cus-sel-h33 ml10"  
							id="SecondLevelCategoryId">
							<div class="cus-sel-chosed">
								<input  id="p_SecondLevelCategoryId" type="text" class="c-hide"> <span
									class="cus-sel-chosed-txt" data-value="">--请选择二级分类--</span> <span
									class="jselect-icon"></span>
							</div>
							<div class="cus-sel-list c-hide">
								<ul>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label c-t-right">优先级：</label>
					<div class="control-form">
						<div class="cus-sel cus-sel-h33" data-toggle="formSelect"
							id="Articlelevel">
							<div class="cus-sel-chosed">
								<input type="text" style="display:none;"> <span
									class="cus-sel-chosed-txt" data-value="">--请选择重要等级--</span> <span
									class="jselect-icon"></span>
							</div>
							<div class="cus-sel-list c-hide">
								<ul>
								</ul>
							</div>
						</div>
					</div>
				</div>

				<div class="control-group">
					<label class="control-label c-t-right">类型：</label>
					<div class="control-form">
						<div class="cus-sel cus-sel-h33" id="ArticleType">
							<div class="cus-sel-chosed">
								<input type="text" style="display:none;"> <span
									class="cus-sel-chosed-txt" data-value="">--请选择类型--</span> <span
									class="jselect-icon"></span>
							</div>
							<div class="cus-sel-list c-hide">
								<ul>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label c-t-right">标题：</label>
					<div class="control-form">
						<input type="text" placeholder="请输入标题" maxlength="50"
							class="input-text input-text-w520" id="ArticleTitle">
						<div class="c-inline-block c-ec514f c-f12 ml10">最多输入50个字</div>
					</div>
				</div>

				<div class="control-group">
					<label class="control-label mt25 c-t-right">封面：</label>
					<div class="control-form">
						<div class="upload-img mr20" id="newUrl" style="display:none;">
						</div>
						<span class="btn-file btn-file-3 fileinput-button" id="fileHide">
							<i class="c-f40 c-bold">+</i> <input id="articleCoverFile"
							class="fileupload-btn" type="file" name="file" multiple="">
						</span> <span class="control-tip">注：为了前端的优质显示效果，建议图片大小控制在100kb以内，像素200x200以内（支持jpg/png/gif）</span>
					</div>
				</div>

				<div class="control-group">
					<label class="control-label c-t-right">内容：</label>
					<div class="control-form">
						<script id="content" name="content" type="text/plain"></script>
					</div>
				</div>
				<div class="control-group">
					<div class="control-form">
						<a href="#" class="c-btn c-btn-blue btn-w60"
							onClick="saveArticle()">保存</a> <a href="#"
							class="c-btn c-btn-white btn-w60 ml10">取消</a>
					</div>
				</div>

			</div>
		</div>
	</div>
	<script type="text/javascript"
		src="../widget/artDialog/4.1.7/js/artDialog.min.js"></script>

	<script type="text/javascript" src="../cross/js/jquery/1.8.3/jquery.js"></script>

	<script type="text/javascript" src="../cross/js/cross.ui.js"></script>
	<link rel="stylesheet"
		href="../widget/artDialog/4.1.7/css/artDialog.css" type="text/css" />
	<script type="text/javascript"
		src="../widget/artDialog/4.1.7/js/artDialog.js"></script>
	<script type="text/javascript"
		src="../widget/placeholder/2.0.7/js/jquery.placeholder.js"></script>
	<script type="text/javascript"
		src="../widget/nicescroll/3.6.0/js/jquery.nicescroll.min.js"></script>
	<script type="text/javascript"
		src="../widget/ueditor/1.4.3/ueditor.config2.js"></script>
	<script type="text/javascript"
		src="../widget/ueditor/1.4.3/ueditor.api.js"></script>
	<script type="text/javascript"
		src="../widget/inputSelect/1.0/js/inputSelect.js"></script>
	<script type="text/javascript"
		src="../widget/fileUpload/9.11.2/js/jquery.fileupload.js"></script>
	<script src="../cross/js/jquery/1.8.3/ajaxfileupload.js"></script>

	<script type="text/javascript">
var remark1 = null;
var articleCover = ""; //封面图
$(function() {
	
	
 	var articleid = getUrlParam("articleid");
 	getrounte1();
	getrounte2();
	getArticlelevel();
	getArticleType();


	$('.phone-main').height($('.phone-wrap').height() - $('.phone-header').height());
	//ueditor
	remark1 = UE.getEditor('content');
	$("#articleCoverFile").change(function () {
		uploadImage();
    });

	//预览区自定义滚动条
    $(".phone-main").niceScroll({cursorcolor:"#a8a8a8",zindex:999});
    var nice = $(".phone-main").getNiceScroll();
    $(window).resize(function(){
        nice.resize();
    });
    

});
function getUrlParam(name) {
	var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
	var r = window.location.search.substr(1).match(reg);
	if (r!=null) return decodeURI(r[2]); return "";
}


function uploadImage(){
	var val=$("#articleCoverFile").val();
	if(val==null||val==""){
		return;
	}
	$.ajaxFileUpload({
		url : '/JkEdu/file/upload', //需要链接到服务器地址  
		secureuri : false,
		fileElementId : 'articleCoverFile', //文件选择框的id属性  
		dataType : 'json',
		success : function(data, status) {
			var file = $("#articleCoverFile") ;
			file.after(file.clone().val(""));      
			file.remove(); 
			
			if (data.Code == 10000) {
				 
			 	var html = "";
		 		html += '';
	 			html += '<img src="'+(data.url.Uri==undefined?'':data.url.Uri)+'" alt="" />';
		 		html += '<i class="icon icon-close" id = "gg"></i>';
 
                $('#newUrl').html(html);
		 		$("#newUrl").show();//
		 		$("#fileHide").hide();//隐藏
		 		articleCover = data.url.Uri;
 
		 		$("#gg").click(function () {
		 			uploadImage2();
		 		});
			} else if (data.Code == -10000) {
				

			}
		},error: function (data, status, e){
      	     artLoading.close();
       	     tip("请重新登录，可能网络异常");
       }
	});	
}
function uploadImage2(){
		$("#newUrl").hide();
		$("#fileHide").show();
		$("#articleCoverFile").change(function () {
			uploadImage();
	    });
}


//保存文章
function saveArticle(){

	var param = {};
	var remark = remark1.getContent();
	param.remark = remark;
	
	param.ArticleTitle = $('#ArticleTitle').val();
	param.ArticleType =  $('#ArticleType').formSelect('getDataKey');
	param.Articlelevel =  $('#Articlelevel').formSelect('getDataKey');
	param.newUrl = articleCover;
	param.SecondLevelCategoryId =  $('#SecondLevelCategoryId').formSelect('getDataKey');
	param.SecondLevelCategoryName =  $('#SecondLevelCategoryId').formSelect('getDataVal');
	 
	param.FirstLevelCategoryId =  $('#FirstLevelCategoryId').formSelect('getDataKey');
	param.FirstLevelCategoryName =  $('#FirstLevelCategoryId').formSelect('getDataVal');
	if("" == param.ArticleTitle){
		ask("标题不能为空");
		return;
	}
	
	$.post("/JkEdu/articlePc/saveArticle",param, function(data){
			if(data.Code==10000){
				var artBox=art.dialog({
					lock: true,
					artIcon:'error',
					opacity:0.4,
					width: 250,
					title:'提示',
					content: "保存成功",
					ok: function () {
	 					location.href ="JkArticleLibrary.html";
						//window.opener.query();
					},
					close:function(){
		   		 	}
				});
			}else{
				ask(data.Message);
			}
		});
	 
}

function ask(message){
 	art.dialog({
		lock : true,
		artIcon : 'ask',
		opacity : 0.4,
		width : 250,
		title : '提示',
		content : message,
		ok : function() {
			
		}
	});
 	
 }
 
//一级分类下拉框
function getrounte1(){
	
	var tempArr =new Array();
	$.ajax({
		dataType: "json",
		type: "POST",
		cache:false,
		data : {
		},
		url: "/JkEdu/configDict/getCateOne",
		success : function(result) {
			
			
			if (result.Code == 10000) {
				var list = result.result;
				
				if (list != null) {
					list.unshift({
						"categoryId" : "",
						"categoryName" : "--请选择一级分类--"
					});
					$('#FirstLevelCategoryId').formSelect({
						jsonData : list,
						jsonDataId : "categoryId",
						jsonDataText : "categoryName"
					}, null, function(dom, text, value) {// 点击某个选项回调
						$('#SecondLevelCategoryId').formSelect('resetValue');
						getrounte2();
					});
				}
			}
		}
	});
}

//二级分类下拉框
function getrounte2(){
	var pFirstId = $("#p_FirstLevelCategoryId").val();
	var tempArr =new Array();
	$.ajax({
		dataType: "json",
		type: "POST",
		cache:false,
		data : {
			pFirstId:pFirstId,
		},
		url: "/JkEdu/configDict/getCateTwo",
		success : function(result) {
			
			
			if (result.Code == 10000) {
				var list = result.result;
				
				if (list != null) {
					list.unshift({
						"categoryId" : "",
						"categoryName" : "--请选择一级分类--"
					});
					$('#SecondLevelCategoryId').formSelect({
						jsonData : list,
						jsonDataId : "categoryId",
						jsonDataText : "categoryName"
					}, null, function(dom, text, value) {// 点击某个选项回调
						 
					});
				}
			}
		}
	});
}
//优先级下拉框
function getArticlelevel(){
	
	var tempArr =new Array();
	$.ajax({
		dataType: "json",
		type: "POST",
		cache:false,
		data : {
			typeName : "prio"

		},
		url: "/JkEdu/configDict/getDict",
		success : function(result) {
			if (result.Code == 10000) {
				var list = result.result;
				if (list != null) {
					list.unshift({
						"code" : "",
						"codeName" : "--请选择重要等级--"
					});
					$('#Articlelevel').formSelect({
						jsonData : list,
						jsonDataId : "code",
						jsonDataText : "codeName"
					}, null, function(dom, text, value) {// 点击某个选项回调
						 
					});
				}
			}
		}
	});
}
//类型下拉框
function getArticleType() {
		$.ajax({
			url: "/JkEdu/configDict/getDict",
			
 			async : false,
			dataType: "json",
			type: "POST",
			
 			data : {
				typeName : "aType"
			},
			success : function(result) {
				if (result.Code == 10000) {
					var list = result.result;
					if (list != null) {
						list.unshift({
							"code" : "",
							"codeName" : "--请选择类型--"
						});
						$('#ArticleType').formSelect({
							jsonData : list,
							jsonDataId : "code",
							jsonDataText : "codeName"
						}, null, function(dom, text, value) {// 点击某个选项回调
							 
						});
					}
				}
			}
		});
}

//预览
function preview()
{
	var remark = remark1.getContent();
    var fatherDiv = remark;
    var sonDiv = document.getElementById("articlecp");
    //将fatherDiv中的所有内容 包括HTML标签 给son
    sonDiv.innerHTML = remark;
}
</script>
</body>
</html>