iHealth-app-demo/html/jkjy/js/addArticle.js

var uploadImages = [],//上传内容图片相关
	imgUrls = [],
	uploadSingleImg = [],//上传标题图片相关
	imgSingleUrl = [],
	$submit_btn = $("#submit_btn"),
	img_count = 0,
	img_counts = 0,
	hospitalName,//认证机构名称
	articleId,//文章Id，放空位新增，不为空时为编辑
	articleTitle,//
	articlelevel,//文章级别
	secondLevelCategoryId,//文章二级分类id
	secondLevelCategoryName,//文章二级分类名称
	firstLevelCategoryId,//文章一级分类id
	firstLevelCategoryName,//文章一级分类名称
	content,//文章内容
	imageUrl,//文章封面图片地址
	userScope,//使用范围（1、全市使用，2、全区使用，3、全社区使用）
	currentUserRole;//如果是管理员则传入管理员的userrole里的code,如果是普通医生，则传入医生所属社区的CODE
	
mui.plusReady(function() {
	var self = plus.webview.currentWebview();
	firstLevelCategoryId = self.firstLevelCategoryId;
	currentUserRole = self.currentUserRole;
	hospitalName = self.hospitalName;
	$('#hospitalName').text(hospitalName);
	setHealthCategory();
	bindEvents();
})
/**
 * 获取健康类别下的所有二级分类
 */
function setHealthCategory() {
	var secondLevelCategoryIdArr = [];
	var secondLevelCategoryNameArr = [];
	sendPost("/third/jkEdu/Article/getCategoryByName",{name:'健康文章'}, null, function(res){
		if(res.status == 200){
			var healthList = res.data.list;
			firstLevelCategoryId = res.data.cid;
			for(var i = 0; i < healthList.length; i++){
				secondLevelCategoryIdArr.push(res.data.list[i].categoryid);
				secondLevelCategoryNameArr.push(res.data.list[i].categoryname);
			}
			activHealthCategory(secondLevelCategoryIdArr, secondLevelCategoryNameArr);
		} 
	},'get')
}

/** 
 * 设置健康类别下的所有二级分类下拉框
 */
function activHealthCategory(secondLevelCategoryIdArr, secondLevelCategoryNameArr) {
	$('#li_expenses').mobiscroll({
		theme: 'ios',
		lang: 'zh',
		customWheels: true,
		wheels: [
			[{
				keys: secondLevelCategoryIdArr,
				values: secondLevelCategoryNameArr
			}]
		],
		onSelect: function(valueText, inst) {
			var dd = eval("[" + valueText + "]");
			$(this).val(dd[0].values).attr("secondCategory-code", dd[0].keys);
			$(this).val(dd[0].values).attr("firstCategory-code", firstLevelCategoryId);
		}
	}
)}

//
function getPhotos(url){
    uploadImages.push(url);
    fillImages(url);
}

function fillImages(url){
    img_counts ++;
    $("#imgCount").html(img_counts);
    var html = '<div class="add-img2"><img class="uploads_img" src="'+url+'" width="50" height="50">'+
                '<div class="delete-icons"><img src="../images/delete_icon.png" width="18"></div></div>';
    $("#add_picMul").append(html);
}

function getPhoto(url){
    uploadSingleImg.push(url);
    fillImage(url);
}

function fillImage(url){
    img_count ++;
    var html = '<div class="ui-col-0 add-img2"><img class="upload_img" src="'+url+'" width="50" height="50">'+
                '<div class="delete-icon"><img src="../images/delete_icon.png" width="18"></div></div>';
    $("#img_wrap").before(html);
}

//上传标题图片
var upload_count = 0;
function uploadImg(cb){
    var len = uploadSingleImg.length;
    if(upload_count < len){
        var task = plus.uploader.createUpload(server + "/upload/image", {
            method: "post"
        }, function(t, sta) {
            if(sta == 200) {
                var msg = t.responseText;
                var oImg = JSON.parse(msg);
                var imgUrl = oImg.urls;
                var re = new RegExp("\\\\", "g");
                imgUrl = imgUrl.replace(re, "/");
                imgSingleUrl.push(imgUrl);
                uploadImg(cb);
            } else {
                mui.toast("上传图片失败!");
                plus.nativeUI.closeWaiting();
            }
        });
        var url = uploadSingleImg[upload_count];
        upload_count ++;
        task.addFile(url, {});
        task.start();
    }else{
        cb();
    }
}

var upload_countReal = 0;
function uploadImgs(cb){
    var len = uploadImages.length;
    if(upload_countReal < len){
        var task = plus.uploader.createUpload(server + "/upload/fastDFSImag", {
            method: "post"
        }, function(t, sta) {
            if(sta == 200) {
                var msg = t.responseText;
                var oImg = JSON.parse(msg);
                if(oImg.status == 200) {
	                imgUrls.push(oImg.data);
	                uploadImgs(cb);
                } else {
                	mui.toast("上传内容图片失败!");
                	plus.nativeUI.closeWaiting();
                	upload_countReal = 0;
                	return false;
                }
            } else {
                mui.toast("上传内容图片失败!");
                plus.nativeUI.closeWaiting();
                upload_countReal = 0;
                return false;
            }
        });
        var url = uploadImages[upload_countReal];
        upload_countReal ++;
        task.addFile(url, {key: "file"});
        task.start();
    } else {
        cb();
    }
}

function bindEvents(){
    //输入框内容限制
    $("#title").on('keyup', function(){
        var text = $(this).val();
    });
    $("#addContentImg").on('click', function(){
        if(img_counts < 9){
            getAutoRecCompressImageLocalPath(getPhotos,9-img_counts,9);
        }else{
            dialog({
                contentType: 'tipsbox',
                skin: 'bk-popup',
                content: '最多只能上传9张图片',
                closeTime: 2000
            }).showModal();
        }
    });
    $("#addCoverImg").on('click', function(){
        if(img_count < 1){
            getAutoRecCompressImageLocalPath(getPhoto,1-img_count,1);
        }else{
            dialog({
                contentType: 'tipsbox',
                skin: 'bk-popup',
                content: '最多只能上传1张封面',
                closeTime: 2000
            }).showModal();
        }
    });
    //图片删除功能
    $(document).on('click', '.delete-icon', function(e){
        e.stopPropagation();
        var $this = $(this);
        //获得图片路径
        var url = $this.parent().find(".upload_img").attr("src");
        
        for(var j=0; j<uploadSingleImg.length; j++){
            if(uploadSingleImg[j] == url){
                uploadSingleImg.splice(j, 1);
                img_count --;
                break;
            }
        }
        
        $this.parent().remove();
    });
    //图片删除功能
    $(document).on('click', '.delete-icons', function(e){
        e.stopPropagation();
        var $this = $(this);
        //获得图片路径
        var urls = $this.parent().find(".uploads_img").attr("src");
        var count = parseInt($("#imgCount").text());
        for(var j=0; j<uploadImages.length; j++){
            if(uploadImages[j] == urls){
                uploadImages.splice(j, 1);
                count --;
                $("#imgCount").text(count);
                break;
            }
        }
        img_counts --;
        $("#imgCount").html(img_counts);
        $this.parent().remove();
    });
    //action 按钮
    $("#submit_btn").on('click', function(){
        articleTitle = $.trim($("#title").val());
        secondLevelCategoryId = $("#li_expenses").attr('secondCategory-code');
        secondLevelCategoryName = $.trim($("#li_expenses").val());
		content = $.trim($('#content').html());
       	userScope = $.trim($("input[type='radio']:checked").val());
        if(articleTitle){
    		if(secondLevelCategoryName){
    			if(content){
    				if(userScope){
    					plus.nativeUI.showWaiting();
    					// 内容图上传
    					uploadImgs(function() {
    						var params = {};
    						params.content = content;//文章内容
    						for(var i = 0, len = imgUrls.length; i <　len; i++) {
    							params.content += '<img style="display: block; max-width: 100%;" alt="内容图" src="' + imgUrls[i] + '"/>'
    						}
	        				//先将新增的图片上传然后再处理其他业务
			            	params.articleTitle = articleTitle;	//文章标题
			            	params.secondLevelCategoryId = secondLevelCategoryId;//文章二级分类id
			            	params.secondLevelCategoryName = secondLevelCategoryName;//文章二级分类名称
			            	params.firstLevelCategoryId = firstLevelCategoryId;//文章一级分类id
			            	params.firstLevelCategoryName = '健康文章';//文章一级分类名称
							// params.imageUrl = imageUrl;//文章封面图片地址
			            	params.articlelevel = 3;//文章级别
			            	params.userScope = userScope;//使用范围（1、全市使用，2、全区使用，3、全社区使用）
			            	params.currentUserRole = currentUserRole;//如果是管理员则传入管理员的userrole里的code,如果是普通医生，则传入医生所属社区的CODE
			            	params.currentUserRoleLevel = 4;
			            	params.roleType = 1;//1、普通医生，2、管理员
			            	// 封面图
			            	uploadImg(function(){
			                	params.imageUrl = imgSingleUrl ? imgSingleUrl.join(","): "";
			                	sendPost("/doctor/jkEdu/article/PC/saveArticle", params, null, function(res){
				                    if(res.status == 200){
				                        mui.toast('新增文章成功');
				                        setTimeout(function() {
				                        	var view  = plus.webview.getWebviewById("myArticle");
											if(view){
												mui.fire(view,"reloadPage");
											}
					                        mui.back();
				                        }, 1000)
				                    } else {
					                    mui.toast(res.msg);
					                }
					                plus.nativeUI.closeWaiting();
					            }, 'POST', '', true);
				            })  
		        		});
    				} else {
    					mui.toast('使用范围不能为空');
    					return false;
    				}
    			} else {
    				mui.toast('内容不能为空');
    				return false;
    			}
	        } else {
        		mui.toast('分类不能为空');
            	return false;
        	}
	    } else {
		    mui.toast('文章标题不能为空');
	        return false;
	    }   
    })
    
    // 预览功能
    $('.preview').on('tap',function(){
        articleTitle = $.trim($("#title").val()),
        secondLevelCategoryId = $("#li_expenses").attr('secondCategory-code');
        secondLevelCategoryName = $.trim($("#li_expenses").val());
		content = $.trim($('#content').html());
       	userScope = $.trim($("input[type='radio']:checked").val());
        if(articleTitle){
    		if(secondLevelCategoryName){
    			if(content){
    				if(userScope){  
						mui.openWindow({
							id: "preview",
							url: "preview.html",
							extras: {
								articleTitle:articleTitle,
								secondLevelCategoryName:secondLevelCategoryName,
								imgCover:uploadSingleImg,//封面图
								content:content,//内容
								imgContent:uploadImages,//内容图
								userScope:userScope//使用范围
							}
						})
	    				}else{
	    					mui.toast('使用范围不能为空');
	    					return false;
	    				}
	    			}else{
	    				mui.toast('内容不能为空');
	    				return false;
	    			}
		        }else{
	        		mui.toast('分类不能为空');
	            return false;
	        }
	    }else{
	    	mui.toast('文章标题不能为空');
        return false;
    	}   
	})
}