portal html css js resource

xuchunyang bdf84638b6 编辑器组件 7 gadi atpakaļ
..
searchreplace.html bdf84638b6 编辑器组件 7 gadi atpakaļ
searchreplace.js bdf84638b6 编辑器组件 7 gadi atpakaļ
portal-front - Gogs: Go Git Service

portal html css js resource

popup.js 55KB

    // JavaScript Document //alert("popup"); // 资源信息 function ResourceInfo() { var PopHtml=""; PopHtml += '<div class="blackcover">'; PopHtml += '<div class="resouinfo"><form class="resoufrm">'; PopHtml += '<div class="resoutit">资源信息<div class="stateinfor"><em></em><span>申请</span></div></div>'; PopHtml += '<div class="resoubox">'; //资源信息 PopHtml += '<div class="clearfix"><table class="resoutab floatL"><tr>'; PopHtml += '<th class="resouinfotype" scope="row">资源名称</th>'; PopHtml += '<td><div class="resouinforcon"><input type="text" class="frmtype" id="resourceName" ><span class="requiredcon">*</span></div></td>'; PopHtml += '</tr>'; PopHtml += '<tr class="workmsgbox"><th></th><td><div class="resouinforcon"><div class="workmsg workmsg1"></div></div></td></tr> '; PopHtml += '<tr class="respublisher"><th class="resouinfotype" scope="row">资源发布者</th><td><div class="resouinforcon" id="professor" ></div></td></tr>'; PopHtml += '<tr><th class="resouinfotype" scope="row">应用用途</th><td><div class="resouinforcon"><input type="text" class="frmtype" id="supportedServices"><span class="requiredcon">*</span></div></td></tr>'; PopHtml += '<tr class="workmsgbox"><th></th><td><div class="resouinforcon"><div class="workmsg workmsg3"></div></div></td></tr> '; PopHtml += '<tr><th class="resouinfotype" scope="row">学术领域</th><td><div class="resouinforcon"><input type="text" class="frmtype subCla" id="subject"><input type="button" value="添加" class="addIndusry" id="subjectAdd"></div></td></tr>'; PopHtml += '<tr><th></th><td><div class="addlist" id="SubjectList"></div></td></tr>' PopHtml += '<tr class="workmsgbox"><th></th><td><div class="resouinforcon"><div class="workmsg workmsg4"></div></div></td></tr> '; PopHtml += '<tr><th class="resouinfotype" scope="row">应用行业</th><td><div class="resouinforcon" id="resouinforcon"><input type="text" class="frmtype" id="industry"><input type="button" value="添加" class="addIndusry" id="industryAdd"></div></td></tr>'; PopHtml += '<tr><th></th><td><div class="addlist" id="industryList"></div></td></tr>'; PopHtml += '<tr class="workmsgbox"><th></th><td><div class="resouinforcon"><div class="workmsg workmsg5"></div></div></td></tr> '; //PopHtml += '<tr><th class="resouinfotype" scope="row">期望付款方式</th><td><div class="resouinforcon"><input type="text" class="frmtype" placeholder="例:一次性付款" id="hopePayMethod"></div></td></tr>'; PopHtml += '<tr class="limitBox"><th class="resouinfotype" scope="row">合作备注</th><td class="limitwordbox"><div class="resouinforcon limitwords"><textarea class="frmtype" id="cooperationNotes"></textarea></div></td></tr>'; //PopHtml += '<tr class="limitBox"><th class="resouinfotype" scope="row">详细描述</th><td class="limitwordbox"><div class="resouinforcon limitwords"><textarea class="frmtype" id="descp"></textarea></div></td></tr>'; //PopHtml += '<tr class="limitBox"><th class="resouinfotype" scope="row">详细描述</th><td class="limitwordbox"></td></tr>'; PopHtml +='</table>'; /////////////资源图片上传//////////////////// //图像 PopHtml +='<div class="resouimgbox resouimgboxadd floatL">'; PopHtml += '<div class="resouinforcon">'; //PopHtml += '<div class="resouimg" >'; //PopHtml += '<span class="resouup"><input type="file" name="file" id="resouup" >上传资源图片</span>'; //PopHtml += '<div class="resouimgshow"><img width="100%" height="100%" src="" class="resouImage" /></div></div>'; PopHtml += '<div class="upbox" style="margin-top:60px"><div id="uploader" style="border-radius: 6px;">'; PopHtml += '<div id="fileList" class="uploader-list"></div>'; PopHtml += '<div id="filePicker">选择图片</div></div>'; PopHtml += '<span class="resouimgmsg">尺寸240*240,大小在5M以内,<br/>JPG、PNG格式</span>'; PopHtml += '</div></div></div></div>'; PopHtml +='<div class="baimg" style="clear: both;padding:15px 0 10px 0;overflow: hidden;"><span class="resouinfotype" style="display: block;float: left;">详细描述</span><script id="editor" name="content" type="text/plain" style="width:550px; height:200px;float: left;margin-left: 24px;"></script></div>'; /////////////资源图片上传 结束//////////////////// //按钮盒子 PopHtml +='<table class="btntab clearfix"><tr><td>'; PopHtml += '<div class="addrebtn" style="text-align:center;"><input type="button" value="保存" class="frmtype frmbtn" id="inputb"><input type="button" value="删除资源" class="frmtype frmbtn frmrbtn" id="deletedResource" style="display: none;"></div>'; PopHtml += '</td></tr></table>'; //合作历史及评价 // PopHtml += '<table class="teamworkbox">'; // PopHtml += '<tr><td><div class="teamworktit">合作历史及评价</div></td></tr>'; // PopHtml += '<tr><td><div class="teamwork">'; // PopHtml += '<div class="lefteva"><a href="" class="evaimg headRadius"><img src="images/default-photo.jpg" width="100%" height="100%"></a><p>专家姓名</p><p>职称,职位</p><p>XXX学校,XXX机222222222222222构</p></div>'; // PopHtml += '<div class="righteva">'; // PopHtml += '<ul class="evasort"><li class="teamname"><span>XXXXXX资源的合作</span><span class="teamtime">2016-09-06</span></li></ul>'; // PopHtml += '<div class="evastarbox"><span class="evastar"></span><span class="evastar"></span><span class="evastar"></span><span class="evastar"></span><span class="evastar"></span></div>'; // PopHtml += '<p class="evabrief">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo co Proin gravida dolor sit amet lacus accumsan etiverra justo co Proin gravida dolor sit amet lacus accumsan et iverra justo co Proin gravida dolor sit amet lacus accumsan et iverra justo co Proin gravida dolor sit amet lacus accumsan et </p>'; // PopHtml += '</div></div>'; // PopHtml += '</td></tr></table>'; PopHtml += '</div></form>'; //关闭按钮 PopHtml += '<span class="workclose"></span>'; PopHtml += '</div></div>'; //必须先将html添加到body,再设置Css样式 $("body").prepend(PopHtml); $("body").css("position","fixed"); //初始引用编辑器 ue = UE.getEditor('editor', { // lang:"zh-cn" }); //上传资源图像的hover // $(".resouimg").hover(function(){ // $(".resouup").animate({ // "bottom": "0px" // }); // }, function() { // $(".resouup").animate({ // "bottom": "-50px" // }); // }) //var _widht = document.documentElement.clientWidth; //屏幕宽 //var _height = document.documentElement.clientHeight; //屏幕高 var _widht = $(".blackcover").width(); var _height = $(".blackcover").height(); var boxWidth = $(".resouinfo").width(); var boxHeight = $(".resouinfo").height(); // console.log(document.documentElement.clientWidth); // console.log(document.documentElement.clientHeight); // console.log(_widht); // console.log(_height); //让提示框居中 //$(".resouinfo").css({ top: (_height - boxHeight)/2 + "px", left: (_widht - boxWidth) / 2 + "px" }); $(".resouinfo").css({ top:"40px", left: (_widht - boxWidth) / 2 + "px" }); //关闭按钮 $(".workclose").click(function(){ $(".blackcover").remove(); $("body").css("position",""); UE.delEditor('editor'); }); function resourceName() { var code = $("#resourceName").val(); if(code.length==0||code==" ") { $(".workmsg1").text("发布资源名称不能为空"); resourceNamePass = false; } else { $(".workmsg1").text(""); resourceNamePass= true; } } $("#resourceName").blur(function(){ resourceName(); }); //验证应用用途 function supportedServices() { var code = $("#supportedServices").val(); if(code.length==0||code==" ") { $(".workmsg3").text("应用用途不能为空"); supportedServicesPass= false; } else { $(".workmsg3").text(""); supportedServicesPass= true; } } $("#supportedServices").blur(function(){ supportedServices(); }); //失去焦点判断 $("#resourceName").blur(function(){ resourceName(); }); $("#supportedServices").blur(function(){ supportedServices(); }); //资源图像上传 /*$(function (){ var id = $.cookie(''); cacheImageKey=null; if(id){ $('#resouup').on('change',function(){ $(".resouimgshow").show(); $(".resouup").hide(); $.ajaxFileUpload({ url:"../ajax/cachedFileUpload", secureuri:false, fileElementId:"resouup", dataType:"json", success:function($data){ if($data.success){ cacheImageKey =$data.data[0].cacheKey $(".resouImage").attr("src","/images/tmp/"+cacheImageKey); }else{ $.MsgBox.Alert("message",$data.msg); } }, error:function(){ $.MsgBox.Alert("message","upload error"); } }); }); } }) */ // 初始化Web Uploader var uploader = WebUploader.create({ // 选完文件后,是否自动上传。 auto: true, // 添加的文件数量 //fileNumLimit: 1, // swf文件路径 swf: '../js/webuploader/Uploader.swf', // 文件接收服务端。 server: '../ajax/cachedFileUpload', // 选择文件的按钮。可选。 // 内部根据当前运行是创建,可能是input元素,也可能是flash. pick : { id : "#filePicker", multiple: false }, // 只允许选择图片文件。 accept: { title: 'Images', extensions: 'gif,jpg,jpeg,bmp,png', mimeTypes: 'image/gif,image/jpg,image/jpeg,image/bmp,image/png' } }); // 当有文件添加进来的时候 uploader.on( 'fileQueued', function( file ) { var $li = $( '<div id="' + file.id + '" class="file-item thumbnail ResImgBox beforMargin" style="max-width:226px;width:226px;height: 226px;">' + '<img class="resImg headRadius resourceImg" style="display: inline;" >' + '</div>' ) $img = $li.find('img'); // $list为容器jQuery实例 var $list = $('#fileList'); $list.empty(""); $list.append( $li ); $(".upbox").css({"marginTop":"0px"}); // 创建缩略图 // 如果为非图片文件,可以不用调用此方法。 // thumbnailWidth x thumbnailHeight 为 100 x 100 uploader.makeThumb( file, function( error, src ) { if ( error ) { $img.replaceWith('<span>不能预览</span>'); return; } $img.attr( 'src', src ); }, 1, 1 ); }); // 文件上传过程中创建进度条实时显示。 /*uploader.on( 'uploadProgress', function( file, percentage ) { var $li = $( '#'+file.id ), $percent = $li.find('.progress span'); // 避免重复创建 if ( !$percent.length ) { $percent = $('<p class="progress"><span></span></p>') .appendTo( $li ) .find('span'); } $percent.css( 'width', percentage * 100 + '%' ); }); */ // 文件上传成功,给item添加成功class, 用样式标记上传成功。 cacheImageKey=null; uploader.on( 'uploadSuccess', function(file,data) { cacheImageKey =data.data[0].cacheKey; //console.log(cacheImageKey); // $( '#'+file.id ).addClass('upload-state-done'); //$("#filePicker").hide(); }); } //资源信息 // //资源详细页面 function ResourceMessage() { var PopHtml=""; PopHtml += '<div class="blackcover">'; PopHtml += '<div class="resouinfo"><form class="resoufrm">'; PopHtml += '<div class="resoutit">资源详细信息<div class="stateinfor"><em></em></div></div>'; PopHtml += '<div class="resoubox">'; //资源信息 PopHtml += '<table class="resoutab floatL"><tr>'; PopHtml += '<th class="resouinfotype" scope="row">资源名称</th>'; PopHtml += '<td><div class="resouinforcon"><span id="resourceName" ></span></div></td>'; PopHtml += '</tr>'; PopHtml += '<tr class="workmsgbox"><th></th><td><div class="resouinforcon"><div class="workmsg workmsg1"></div></div></td></tr> '; PopHtml += '<tr class="respublisher"><th class="resouinfotype" scope="row">资源发布者</th><td><div class="resouinforcon" id="professor" ></div></td></tr>'; PopHtml += '<tr><th class="resouinfotype" scope="row">应用用途</th><td><div class="resouinforcon"><span id="supportedServices"></span></div></td></tr>'; PopHtml += '<tr class="workmsgbox"><th></th><td><div class="resouinforcon"><div class="workmsg workmsg3"></div></div></td></tr> '; PopHtml += '<tr><th class="resouinfotype" scope="row">学术领域</th><td><div class="resouinforcon"><span id="subject"></span></div></td></tr>'; PopHtml += '<tr><th class="resouinfotype" scope="row">应用行业</th><td><div class="resouinforcon"><span id="industry"></span></div></td></tr>'; //PopHtml += '<tr><th class="resouinfotype" scope="row">期望付款方式</th><td><div class="resouinforcon"><span id="hopePayMethod"></span></div></td></tr>'; PopHtml += '<tr><th class="resouinfotype" scope="row">详细描述</th><td ><div class="resouinforcon"><span id="descp"></span></div></td></tr>'; PopHtml += '<tr><th class="resouinfotype" scope="row">合作备注</th><td><div class="resouinforcon"><span id="cooperationNotes"></span></div></td></tr>'; PopHtml +='</table>'; /////////////资源图片上传//////////////////// //图像 PopHtml +='<div class="resouimgbox floatL" style="width:240px;">'; PopHtml += '<div class="resouinforcon">'; PopHtml += '<div class="resouimg" >'; PopHtml += '<div class="resouimgshow" style="height:220px;width:220px;"><div class="ResImgBox" style="max-width:220px;width:220px;height: 220px;margin:0;"><img class="resImg headRadius resouImage" src="" /></div></div></div>'; PopHtml += '</div></div>'; PopHtml += '</div></form>'; //关闭按钮 PopHtml += '<span class="workclose"></span>'; PopHtml += '</div></div>'; //必须先将html添加到body,再设置Css样式 $("body").prepend(PopHtml); $("body").css("position","fixed"); var _widht = $(".blackcover").width(); var _height = $(".blackcover").height(); var boxWidth = $(".resouinfo").width(); var boxHeight = $(".resouinfo").height(); //让提示框居中 $(".resouinfo").css({ top:(_height-boxHeight)/2+"px", left: (_widht - boxWidth) / 2 + "px" }); //关闭按钮 $(".workclose").click(function(){ $(".blackcover").remove(); $("body").css("position",""); }); } // 资源申请确认 function ResourceApply(){ var PopHtml=""; PopHtml += '<div class="blackcover">'; PopHtml += '<div class="resouapply"><form class="resoufrm">'; /*//资源申请模块*/ PopHtml += '<div class="applyblock"><div class="resoutit">资源申请<div class="stateinfor"><em></em><span>申请中</span></div></div>'; PopHtml += '<div class="resoubox"><div class=" clearfix"><table class="resoutab floatL">'; //合作编号在申请的时候还未生成,不显示;申请完成之后产生,在申请确认是显示 PopHtml += '<tr class="timelo"><th class="resouinfotype" scope="row">合作编号</th>'; PopHtml += '<td><div class="resouinforcon contration"></div></td>'; //资源申请信息 PopHtml += '</tr>'; PopHtml += '<tr class="timelo"><th class="resouinfotype " scope="row">申请时间</th><td><div class="resouinforcon timelog">2016-08-01</div></td></tr>'; PopHtml += '<tr><th class="resouinfotype " scope="row">需求资源</th><td><div class="resouinforcon log"></div></td> </tr>'; PopHtml += '<tr><th class="resouinfotype resouinfotype2" scope="row">资源发布者</th><td><div class="resouinforcon namecon" id="professor3"><!--<a href="" class="worktel">联系ta</a>--></div></td></tr>'; PopHtml += '<tr><th class="resouinfotype" scope="row">需求方</th><td>'; PopHtml += '<div class="resouinforcon"><select class="frmtype" style="background:url(../images/downselect.png) no-repeat 96% center"><option title="本人">本人</option><option title="所属机构">所属机构</option></select></div>'; PopHtml += '</td></tr>'; PopHtml += '<tr><th class="resouinfotype " scope="row">交付时间</th><td><div class="resouinforcon"><input type="text" readOnly="true" id="datepicker"class="frmtype dealTime"style="width:200px;"></div></td></tr>'; PopHtml += '<tr class="limitBox"><th class="resouinfotype" scope="row">具体需求</th><td class="limitwordbox"><div class="resouinforcon limitwords"><textarea class="frmtype detail"></textarea></div></td></tr></table>'; PopHtml += '<div class="resouimgbox floatL"><div class="resouinforcon"><div class="resouimg2" ><div class="ResImgBox" style="max-width:220px;width:220px;height: 220px;margin:0;"><img class="resImg headRadius resouImage" src="" /></div></div></div></div></div>'; //相关文件上传 PopHtml += '<div class="filebox"style="display:none;"> '; PopHtml += '<div class="worktit">相关文件<div class="uploadbtn">上传文件</div></div>'; PopHtml += '<div class="fileitem clearfix"> '; PopHtml += '<em class="fileicon floatL"></em><div class="filename floatL">323333333333333</div> '; PopHtml += '<div class="filebtnbox floatR"><a class="filebtn filedownbtn">下载</a><a class="filebtn">删除</a></div> '; PopHtml += '</div></div> '; //发送申请按钮 PopHtml += '<div class="btntab applybtn btnboxdown btnboxdown1"><div class="addrebtn" style="text-align:center;">'; PopHtml += '<input type="button" value="发送" class="frmtype frmbtn bag"id="deliver"></div></div>'; //确认申请按钮 PopHtml += '<div class="btntab btnboxup"><div class="addrebtn" style="text-align:center;">'; PopHtml += '<input type="button" value="确认,下一步" class="frmtype frmbtn"id="nextStep"><input type="button" value="直接拒绝" class="frmtype frmbtn frmrbtn"id="refuses"></div></div>'; PopHtml += '</div></div>'; /*//发送报价模块*/ PopHtml += '<div class="applyblock applysure"><div class="resoutit">发送报价</div>'; PopHtml += '<div class="resoubox"><table class="resoutab applysure">'; PopHtml += '<tr><th class="resouinfotype" scope="row">付款方式</th><td><div class="resouinforcon"><input type="text" class="frmtype" id="payMethod"></div></td><td ><div class="resouinforcon"></div></td></tr>'; PopHtml += '<tr><th class="resouinfotype" scope="row">费用</th><td><div class="resouinforcon"><input type="text" class="frmtype" id="dealPrice"></div></td><td ><div class="resouinforcon"></div></td></tr>'; PopHtml += '<tr class="limitBox"><th class="resouinfotype" scope="row">备注</th><td class="limitwordbox" colspan="2"><div class="resouinforcon limitwords"><textarea class="frmtype" id="consultContent"></textarea></div></td></tr></table>'; PopHtml += '</table>'; //文件 PopHtml += '<div class="filebox"style="display:none"> '; PopHtml += '<div class="worktit">相关文件<div class="uploadbtn">上传文件</div></div>'; PopHtml += '<div class="fileitem clearfix"> '; PopHtml += '<em class="fileicon floatL"></em><div class="filename floatL">323333333333333</div> '; PopHtml += '<div class="filebtnbox floatR"><a class="filebtn filedownbtn">下载</a><a class="filebtn">删除</a></div> '; PopHtml += '</div></div> '; //发送报价按钮 PopHtml += '<div class="btntab btnboxdown"><div class="addrebtn" style="text-align:center;"><input type="button" value="发送" id="del" class="frmtype frmbtn frm"><input type="button" value="返回" class="frmtype frmbtn frmrbtn "id="reject"></div></div>'; PopHtml += '</div></div>'; PopHtml += '</form><span class="workclose"></span></div>'; PopHtml += '</div>'; //必须先将html添加到body,再设置Css样式 $("body").prepend(PopHtml); $("body").css("position","fixed"); var _widht = $(".blackcover").width(); var _height = $(".blackcover").height(); var boxWidth = $(".resouapply").width(); var boxHeight = $(".resouapply").height(); //让提示框居中 $(".resouapply").css({top:"40px", left: (_widht - boxWidth) / 2 + "px" }); // $( "#datepicker" ).datepicker({ "dateFormat":" yy-mm-dd"}); //关闭按钮 $(".workclose").click(function(){ $(".blackcover").remove(); $("body").css("position",""); }); } //资源申请确认 // //评价 // function CommentInfo() { var PopHtml=""; PopHtml += '<div class="blackcover">'; PopHtml += '<div class="commentinfo"><form class="resoufrm">'; /*输入评价tab*/ PopHtml += '<div class="addcomment">'; PopHtml += '<div class="resoutit">评价<div class="showinfor">评价后可看到对方对您的评价</div></div>'; PopHtml += '<div class="commentbox"><table class="commentcon">'; //星级评价 PopHtml += '<tr><th class="resouinfotype" scope="row">总体评价</th><td><div class="resouinforcon"><div class="evastarbox2" id="startbox"><span class="evastar2"></span><span class="evastar2"></span><span class="evastar2"></span><span class="evastar2"></span><span class="evastar2"></span></div></div></td></tr>'; //评价内容 PopHtml += '<tr> <th class="resouinfotype" scope="row">评价内容</th> <td><div class="resouinforcon"><textarea class="frmtype"id="discussContent"></textarea></div></td></tr>'; PopHtml += '<tr> <th class="resouinfotype" scope="row"></th><td><div class="resouinforcon"><div class="wordlimit">字数限制为5~200个</div></div></td> </tr>'; PopHtml += '</table>'; //按钮 PopHtml += '<table class="btntab"><tr><td><div class="addrebtn" style="text-align:center;"><input type="button" value="发表评论" class="frmtype frmbtn"id="discuss"></div> </td> </tr></table>'; PopHtml += ' </div> </div>'; /*查看评价信息*/ PopHtml += '<div class="sqlcomment">'; PopHtml += '<div class="resoutit">评价信息</div>'; PopHtml += '<div class="commentbox"><table class="commentcon"id="commbox">'; //双方都评价 // PopHtml += '<tr><td> <div class="teamwork">'; // PopHtml += '<div class="lefteva"> <a href="" class="evaimg headRadius"><img src="images/default-photo.jpg" width="100%" height="100%"></a><p>专家姓名</p><p>职称,职位</p><p>XXX学校,XXX机222222222222222构</p></div>'; // PopHtml += '<div class="righteva">'; // PopHtml += '<ul class="evasort"><li class="teamname"><span>XXXXXX资源的合作</span><span class="teamtime">2016-09-06</span></li></ul>'; // PopHtml += '<div class="evastarbox"><span class="evastar"></span><span class="evastar"></span><span class="evastar"></span><span class="evastar"></span><span class="evastar"></span></div>'; // PopHtml += '<p class="evabrief">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo co Proin gravida dolor sit amet lacus accumsan etiverra justo co Proin gravida dolor sit amet lacus accumsan et iverra justo co Proin gravida dolor sit amet lacus accumsan et iverra justo co Proin gravida dolor sit amet lacus accumsan et </p>'; // PopHtml += '</div></div>'; // //对方未评价 // PopHtml += '<tr><td> <div class="teamwork">'; // PopHtml += '<div class="lefteva"> <a href="" class="evaimg headRadius"><img src="images/default-photo.jpg" width="100%" height="100%"></a><p>专家姓名</p><p>职称,职位</p><p>XXX学校,XXX机222222222222222构</p></div>'; // PopHtml += '<div class="righteva"><div class="noconmment">对方还未评价</div></div>'; // PopHtml += '</td></tr> '; PopHtml += '</table></div> </div>' PopHtml += '</form>'; PopHtml += '<span class="workclose"></span>'; PopHtml += '</div></div>'; //必须先将html添加到body,再设置Css样式 $("body").prepend(PopHtml); $("body").css("position","fixed"); var _widht = $(".blackcover").width(); var _height = $(".blackcover").height(); var boxWidth = $(".commentinfo").width(); var boxHeight = $(".commentinfo").height(); //让提示框居中 $(".commentinfo").css({top:"40px", left: (_widht - boxWidth) / 2 + "px" }); //关闭按钮 $(".workclose").click(function(){ $(".blackcover").remove(); $("body").css("position",""); }); } // 评价// //留言 // function GuestbookInfo() { var PopHtml=""; PopHtml += '<div class="blackcover">'; PopHtml += '<div class="guestbookinfo"><form class="resoufrm"><div class="guestbook">'; PopHtml += '<div class="resoutit">留言板</div>'; PopHtml += '<div class="guestbookcon"><div class="resouinforcon"><textarea class="frmtype"></textarea></div>'; PopHtml += '<div class="resouinforcon"><div class="wordlimit">字数限制为5~200个</div></div>'; PopHtml += '<div class="addrebtn" style="text-align:right;"> <input type="button" value="留言" class="frmtype frmbtn"></div></div>'; PopHtml += '<div class="guestcon"><div class="guestconitem">'; PopHtml += '<div class="lefteva"> <a href="" class="evaimg headRadius"><img src="images/default-photo.jpg" width="100%" height="100%"></a> </div>'; PopHtml += ' <div class="righteva">'; PopHtml += '<ul class="evasort"> <li class="guestname"><span>李四</span><span class="guesttime">2016-09-06 08:00</span></li></ul>'; PopHtml += '<p class="evabrief">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo co Proin gravida dolor sit amet lacus accumsan etiverra justo co Proin gravida dolor sit amet lacus accumsan et iverra justo co Proin gravida dolor sit amet lacus accumsan et iverra justo co Proin gravida dolor sit amet lacus accumsan et </p>'; PopHtml += '</div></div> </div></div></form>'; PopHtml += '<span class="workclose"></span>'; PopHtml += '</div></div>'; //必须先将html添加到body,再设置Css样式 $("body").prepend(PopHtml); $("body").css("position","fixed"); var _widht = $(".blackcover").width(); var _height = $(".blackcover").height(); var boxWidth = $(".guestbookinfo").width(); var boxHeight = $(".guestbookinfo").height(); //让提示框居中 $(".guestbookinfo").css({ top:"40px", left: (_widht - boxWidth) / 2 + "px" }); //关闭按钮 $(".workclose").click(function(){ $(".blackcover").remove(); $("body").css("position",""); }); } // 留言// //款项记录 // function PaymentInfo() { var PopHtml=""; PopHtml += '<div class="blackcover">'; PopHtml += '<div class="paymentinfo"><form class="resoufrm">'; PopHtml += '<div class="resoutit">款项记录<!--<div class="paybtn">发起付/退款</div>--></div>'; // /*添加款项记录*/ // PopHtml += '<div class="payaddbox">'; // PopHtml += '<table><tr>'; // PopHtml += '<th><div class="resouinforcon">付款方</div></th>'; // PopHtml += '<td><div class="resouinforcon"><input type="text" class="frmtype"></div></td>'; // PopHtml += '<th><div class="resouinforcon">支付方式</div></th>'; // PopHtml += '<td><div class="resouinforcon"><input type="text" class="frmtype"id="isonline""></div></td>'; // PopHtml += '</tr>'; // // PopHtml += '<tr>'; // PopHtml += '<th><div class="resouinforcon">金额</div></th>'; // PopHtml += '<td><div class="resouinforcon"><input type="text" class="frmtype"id="paidMoney"></div></td>'; // PopHtml += '<th><div class="resouinforcon">状态</div></th>'; // PopHtml += '<td><div class="resouinforcon"><input type="text" class="frmtype"></div></td>'; // PopHtml += '</tr>'; // // PopHtml += '<tr>'; // PopHtml += '<th><div class="resouinforcon">备注</div></th>'; // PopHtml += '<td colspan="2"><div class="resouinforcon"><textarea class="frmtype"id="remark"></textarea></div></td>'; // PopHtml += '<td><div class="resouinforcon"><div class="addrebtn" style="text-align:center;"><input type="button" value="添加" class="frmtype frmbtn " id="addm"/></div></div></td>'; // PopHtml += ' </tr></table></div>'; // /*款项记录*/ PopHtml += '<div class="paymentbox"> '; // PopHtml += '<table><tr>'; // PopHtml += '<th><div class="resouinforcon">总费用</div></th>'; // PopHtml += '<td><div class="resouinforcon" >¥1000</div></td>'; // PopHtml += '<th><div class="resouinforcon">实收费用</div></th>'; // PopHtml += '<td><div class="resouinforcon">¥2000</div></td>'; // PopHtml += '<th><div class="resouinforcon">剩余费用</div></th>'; // PopHtml += '<td><div class="resouinforcon">¥8000</div></td>'; // PopHtml += '</tr></table>'; PopHtml += '<table>'; PopHtml += '<tr class="paytit">'; PopHtml += '<th width="140"><div class="resouinforcon">时间</div></th>'; PopHtml += '<th width="80"><div class="resouinforcon">付款方</div></th>'; PopHtml += '<th width="120"><div class="resouinforcon">支付方式</div></th>'; PopHtml += '<th width="120"><div class="resouinforcon">金额</div></th>'; PopHtml += '<th width="120"><div class="resouinforcon">状态</div></th>'; PopHtml += '<th width="200"><div class="resouinforcon">备注</div></th>'; PopHtml += '</tr>'; PopHtml += '<tr class="payitem">'; PopHtml += '<td><div class="resouinforcon">2016-08-10 08:00</div></td>'; PopHtml += '<td><div class="resouinforcon">张三</div></td>'; PopHtml += '<td><div class="resouinforcon">线下</div></td>'; PopHtml += '<td><div class="resouinforcon">¥1000</div></td>'; PopHtml += '<td><div class="resouinforcon">确认收款</div></td>'; PopHtml += '<td><div class="resouinforcon">之后尾款另行支付</div></td>'; PopHtml += '</tr>'; PopHtml += '</table></div></form>'; PopHtml += '<span class="workclose"></span>'; PopHtml += '</div></div>'; //必须先将html添加到body,再设置Css样式 $("body").prepend(PopHtml); $("body").css("position","fixed"); var _widht = $(".blackcover").width(); var _height = $(".blackcover").height(); var boxWidth = $(".paymentinfo").width(); var boxHeight = $(".paymentinfo").height(); //让提示框居中 $(".paymentinfo").css({ top:(_height-boxHeight)/2 + "px", left: (_widht - boxWidth) / 2 + "px" }); //关闭按钮 $(".workclose").click(function(){ $(".blackcover").remove(); $("body").css("position",""); }); } // 款项记录// //详细信息 function DetailInfo(){ var PopHtml=""; PopHtml += '<div class="blackcover">'; PopHtml += '<div class="resoudetailinfo"><form class="resoufrm">'; //**************************************************** /*//资源申请模块*/ PopHtml += '<div class="resoutit">详细信息<div class="stateinfor"><em></em><span>合作进行中</sapn></div></div>'; PopHtml += '<div class="resoubox">'; PopHtml += '<div class="resoupricebox">'; PopHtml += '<div class="clearfix"><table class="resoutab1 floatL">'; //合作编号在申请的时候还未生成,不显示;申请完成之后产生,在申请确认是显示 PopHtml += '<tr><th class="resouinfotype" scope="row">合作编号</th>'; PopHtml += '<td><div class="resouinforcon contration">00001109</div></td>'; //资源申请信息 PopHtml += '</tr>'; PopHtml += '<tr class="timelo"><th class="resouinfotype " scope="row">申请时间</th><td><div class="resouinforcon dealTime"></div></td></tr>'; PopHtml += '<tr><th class="resouinfotype " scope="row">需求资源</th><td><div class="resouinforcon log"></div></td> </tr>'; PopHtml += '<tr><th class="resouinfotype" scope="row">资源发布者</th><td><div class="resouinforcon namecon"></div></td></tr>'; PopHtml += '<tr><th class="resouinfotype" scope="row">需求方</th><td>'; PopHtml += '<div class="resouinforcon sname">李四</div>'; PopHtml += '</td></tr>'; PopHtml += '<tr><th class="resouinfotype " scope="row">交付时间</th><td><div class="resouinforcon timelog"></div></td></tr>'; PopHtml += '<tr class="limitBox"><th class="resouinfotype " scope="row">具体需求</th><td class="limitwordbox"><div class="resouinforcon limitwords detail"></div></td></tr>'; /*//报价模块*/ //PopHtml += '<table class="resoutab1 applysure">'; PopHtml += '<tr><th class="resouinfotype" scope="row">付款方式</th><td><div class="resouinforcon"id="payMethod"></div></td></tr>'; PopHtml += '<tr><th class="resouinfotype" scope="row">费用</th><td><div class="resouinforcon"id="dealPrice"></div></td></tr>'; PopHtml += '<tr class="limitBox"><th class="resouinfotype" scope="row">备注</th><td class="limitwordbox"><div class="resouinforcon limitwords"id="consultContent"></div></td></tr></table>'; PopHtml += '</table>'; PopHtml += '<div class="resouimgbox1 floatL"><div class="resouinforcon"><div class="resoushowimg1" ><div class="ResImgBox" style="max-width:220px;width:220px;height: 220px;margin:0;"><img class="resImg headRadius resouImage" src="" /></div></div></div></div></div>'; //文件 PopHtml += '<div class="filebox"> '; PopHtml += '<div class="worktit">相关文件<div class="uploadbtn">上传文件</div></div>'; PopHtml += '<div class="fileitem clearfix"> '; PopHtml += '<em class="fileicon floatL"></em><div class="filename floatL">323333333333333</div> '; PopHtml += '<div class="filebtnbox floatR"><a class="filebtn filedownbtn">下载</a><a class="filebtn">删除</a></div> '; PopHtml += '</div></div></div></div> '; //**************************************************** //款项记录 PopHtml += '<div class="resoupayinfo">'; PopHtml += '<div class="worktit">款项记录</div>'; /*添加款项记录*/ PopHtml += '<div class="payaddbox1">'; PopHtml += '<table><tr >'; //PopHtml += '<th><div class="resouinforcon">付款方</div></th>'; //PopHtml += '<td><div class="resouinforcon"><input type="text" class="frmtype" id="profeessorId"></div></td>'; PopHtml += '<th><div class="resouinforcon">支付方式</div></th>'; PopHtml += '<td><div class="resouinforcon"><select class="frmtype" id="isOnline"><option value="0">线上支付</option><option value="1">线下支付</option></select></div></td>'; PopHtml += '<th><div class="resouinforcon">金额</div></th>'; PopHtml += '<td><div class="resouinforcon"><input type="number" class="frmtype" id="payMoney"></div></td>'; //PopHtml += '<th><div class="resouinforcon">状态</div></th>'; //PopHtml += '<td><div class="resouinforcon"><input type="text" class="frmtype" id="payStatus"></div></td>'; PopHtml += '</tr>'; PopHtml += '<tr class="affirm"><span class="affirmContent"></span></tr>'; PopHtml += '<tr>'; PopHtml += '<th><div class="resouinforcon">备注</div></th>'; PopHtml += '<td colspan="3"><div class="resouinforcon"><textarea class="frmtype" id="payRemark"></textarea></div></td></tr>'; PopHtml += '<tr><td colspan="4"><div class="resouinforcon"><div class="addrebtn" style="text-align:center;"><input type="button" value="添加" class="frmtype frmbtn panbtn" id="panaddbtn"> </div></div></td></tr>'; PopHtml += ' </table></div>'; /*款项记录*/ PopHtml += '<div class="paymentbox1"> '; PopHtml += '<table><tr>'; PopHtml += '<th><div class="resouinforcon">总费用</div></th>'; PopHtml += '<td><div class="resouinforcon" id="totalPrice">¥10000</div></td>'; PopHtml += '<th><div class="resouinforcon">实收费用</div></th>'; PopHtml += '<td><div class="resouinforcon"id="realCharge">¥2000</div></td>'; PopHtml += '<th><div class="resouinforcon">剩余费用</div></th>'; PopHtml += '<td><div class="resouinforcon"id="balance"></div></td>'; PopHtml += '</tr></table>'; PopHtml += '<table id="paytit">'; PopHtml += '<tr class="paytit">'; PopHtml += '<th width="140"><div class="resouinforcon">时间</div></th>'; PopHtml += '<th width="100"><div class="resouinforcon">付款方</div></th>'; PopHtml += '<th width="120"><div class="resouinforcon">支付方式</div></th>'; PopHtml += '<th width="120"><div class="resouinforcon">金额</div></th>'; PopHtml += '<th width="120"><div class="resouinforcon">状态</div></th>'; PopHtml += '<th width="200"><div class="resouinforcon">备注</div></th>'; PopHtml += '</tr>'; // PopHtml += '<tr class="payitem">'; // PopHtml += '<td><div class="resouinforcon">2016-08-10 08:00</div></td>'; // PopHtml += '<td><div class="resouinforcon">张三</div></td>'; // PopHtml += '<td><div class="resouinforcon">线下</div></td>'; // PopHtml += '<td><div class="resouinforcon">¥1000</div></td>'; // PopHtml += '<td><div class="resouinforcon">确认收款</div></td>'; // PopHtml += '<td><div class="resouinforcon">之后尾款另行支付</div></td>'; // PopHtml += '</tr>'; PopHtml += '</table></div></div>'; //**************************************************** //合作动态 PopHtml += '<div class="liuyaninfo">'; PopHtml += '<div class="worktit">留言板</div>'; PopHtml += '<div class="guestbookcon"><div class="resouinforcon"><textarea class="frmtype"></textarea></div>'; PopHtml += '<div class="resouinforcon"><div class="wordlimit">字数限制为5~200个</div></div>'; PopHtml += '<div class="addrebtn" style="text-align:right;"> <input type="button" value="留言" class="frmtype frmbtn"></div></div>'; PopHtml += '<div class="guestcon"><div class="guestconitem">'; PopHtml += '<div class="lefteva"> <a href="" class="evaimg headRadius"><img src="images/default-photo.jpg" width="100%" height="100%"></a> </div>'; PopHtml += ' <div class="righteva">'; PopHtml += '<ul class="evasort"> <li class="guestname"><span>李四</span><span class="guesttime">2016-09-06 08:00</span></li></ul>'; PopHtml += '<p class="evabrief">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo co Proin gravida dolor sit amet lacus accumsan etiverra justo co Proin gravida dolor sit amet lacus accumsan et iverra justo co Proin gravida dolor sit amet lacus accumsan et iverra justo co Proin gravida dolor sit amet lacus accumsan et </p>'; PopHtml += '</div></div> </div></div>'; //**************************************************** //评价 PopHtml += '<div class="pingjiainfo">'; /*查看评价信息*/ PopHtml += '<div class="worktit">评价信息</div>'; PopHtml += '<div class="commentbox"><table class="commentcon">'; //双方都评价 PopHtml += '<tr><td> <div class="teamwork">'; PopHtml += '<div class="lefteva"> <a href="" class="evaimg headRadius"><img src="images/default-photo.jpg" width="100%" height="100%"></a><p>专家姓名</p><p>职称,职位</p><p>XXX学校,XXX机222222222222222构</p></div>'; PopHtml += '<div class="righteva">'; PopHtml += '<ul class="evasort"><li class="teamname"><span>XXXXXX资源的合作</span><span class="teamtime">2016-09-06</span></li></ul>'; PopHtml += '<div class="evastarbox"><span class="evastar"></span><span class="evastar"></span><span class="evastar"></span><span class="evastar"></span><span class="evastar"></span></div>'; PopHtml += '<p class="evabrief">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo co Proin gravida dolor sit amet lacus accumsan etiverra justo co Proin gravida dolor sit amet lacus accumsan et iverra justo co Proin gravida dolor sit amet lacus accumsan et iverra justo co Proin gravida dolor sit amet lacus accumsan et </p>'; PopHtml += '</div></div>'; //对方未评价 PopHtml += '<tr><td> <div class="teamwork">'; PopHtml += '<div class="lefteva"> <a href="" class="evaimg headRadius"><img src="images/default-photo.jpg" width="100%" height="100%"></a><p>专家姓名</p><p>职称,职位</p><p>XXX学校,XXX机222222222222222构</p></div>'; PopHtml += '<div class="righteva"><div class="noconmment">对方还未评价</div></div>'; //您本人未评价 PopHtml += '<tr><td> <div class="teamwork">'; PopHtml += '<div class="lefteva"> <a href="" class="evaimg headRadius"><img src="images/default-photo.jpg" width="100%" height="100%"></a><p>专家姓名</p><p>职称,职位</p><p>XXX学校,XXX机222222222222222构</p></div>'; PopHtml += '<div class="righteva"><div class="noconmment">您还未进行评价,<a class="combtn">现在去评价!</a></div>'; PopHtml += '</td></tr> </table></div> </div> '; //**************************************************** //关闭按钮 PopHtml += ''; PopHtml += '</form><span class="workclose"></span></div>'; PopHtml += '</div>'; //必须先将html添加到body,再设置Css样式 $("body").prepend(PopHtml); $("body").css("position","fixed"); var _widht = $(".blackcover").width(); var _height = $(".blackcover").height(); var boxWidth = $(".resoudetailinfo").width(); var boxHeight = $(".resoudetailinfo").height(); //让提示框居中 $(".resoudetailinfo").css({ top:"40px", left: (_widht - boxWidth) / 2 + "px" }); //关闭按钮 $(".workclose").click(function(){ $(".blackcover").remove(); $("body").css("position",""); }); } /****咨询申请*****/ function ConsultApply() { var PopHtml=""; PopHtml += '<div class="blackcover">'; PopHtml += '<div class="consultapply">'; PopHtml += '<div class="consultinfo">'; PopHtml += '<div class="consultleft floatL">'; //专家头像 PopHtml += '<div class="proheadbox">'; PopHtml += '<div class="prohead userRadius"><img id="prohead" width="100%" height="100%"></div>'; PopHtml += '<div class="phh5" id="starLevel"><div class="evadegree floatL" style="margin-right:10px;">'; PopHtml += '<div class="evastarbox2" style="margin-top:4px;">'; PopHtml += '<span class="evastar2"></span>'; PopHtml += '<span class="evastar2"></span>'; PopHtml += '<span class="evastar2"></span>'; PopHtml += '<span class="evastar2"></span>'; PopHtml += '<span class="evastar2"></span>'; PopHtml += '</div>'; PopHtml += '已完成咨询<span id="byConsultConut" ></span>次</div>'; PopHtml += '</div>'; PopHtml += '</div>'; //咨询类型菜单选择 PopHtml += '<div class="consultmenu">'; PopHtml += '<div class="menutit">请选择您的咨询类型</div>'; PopHtml += '<ul class="menucon"><li class="clicknow">技术咨询</li><li>资源咨询</li><li>其他事务</li> </ul>'; // PopHtml += '<div class="pripolicy"><h3>隐私条款</h3><p>为使您的请求得到快速响应,您填写的信息可能被他的助手或科袖工作人员查阅,所以请不要填写机密信息。</p></div>'; PopHtml += '</div></div>'; PopHtml += ' <div class="consultright floatL">'; //专家信息 PopHtml += '<div class="probrief">'; PopHtml += '<div class="proname"><a href="" class="name" id="professorName"></a><a class="authiconNew" id="proModifyN" style="top:1px;"></a></div>'; PopHtml += '<div class="phh2" id="professorTitle" style="margin-right:5px;"></div>'; PopHtml += '<div class="phh4"><span id="profDepartment"> </span><span id="profOrganization"></span></div>'; PopHtml += '<div class="phh4" id="adress"><span id="profAdress"></span></div>'; PopHtml += '</div>'; //发送咨询主题与内容 PopHtml += '<div class="sendmsg">'; PopHtml += '<div class="sendmsgtit">发送信息</div>'; PopHtml += '<form class="resoufrm"><ul class="sendmsgcon">'; PopHtml += '<li><span>*</span><label>主题</label><input type="text" id="consultTitle" class="frmtype" placeholder="请用一句话概括您的需求" onkeyup="titleLimitFontCountFn();"></li>'; PopHtml += '<li><span>*</span><label>内容</label><textarea class="frmtype" id="consultcontent" placeholder="请详细描述您遇到的问题" onkeyup="limitTextCountFn(\'#consultcontent\',\'#consultapplytextconut\',300);"></textarea></li>'; PopHtml += '<li class="rightline">请不要超过<span id="consultapplytextconut">300</span>个字</li>'; PopHtml += '<li class="rightline"><input type="button" id="sendConsultBtn"class="frmtype frmbtn" value="发送"></li>'; PopHtml += '</ul></form></div>'; //关闭按钮 PopHtml += '</div></div>'; PopHtml += '<span class="workclose"></span></div>'; PopHtml += '</div></div>'; //必须先将html添加到body,再设置Css样式 $("body").prepend(PopHtml); $("body").css("position","fixed"); var _widht = $(".blackcover").width(); var _height = $(".blackcover").height(); var boxWidth = $(".consultapply").width(); var boxHeight = $(".consultapply").height(); //让提示框居中 $(".consultapply").css({ top:"40px", left: (_widht - boxWidth) / 2 + "px" }); //咨询类型选择 $(".consultmenu .menucon li").click(function(){ $(this).addClass("clicknow").siblings().removeClass("clicknow"); }) //关闭按钮 $(".workclose").click(function(){ $(".blackcover").remove(); //$("body").css({"overflow-y":"auto","-ms-overflow-y":"auto","-webkit-overflow-y":"auto","-moz-overflow-y":"auto"}); $("body").css("position",""); }); } /****咨询专家结束评价*****/ function ConsultComment() { var PopHtml=""; PopHtml += '<div class="blackcover">'; PopHtml += '<div class="concombox"><form class="resoufrm">'; /*输入评价tab*/ PopHtml += '<div class="addcomment2">'; PopHtml += '<div class="resoutit">请对专家进行评价</div><input type="text" id="startCount" style="display:none;" />'; PopHtml += '<div class="commentbox2"><table class="commentcon2">'; //星级评价 PopHtml += '<tr><th class="resouinfotype" scope="row">总体评价</th><td><div class="resouinforcon"><div class="evastarbox2" id="evastarbox2"><span class="evastar2"></span><span class="evastar2"></span><span class="evastar2"></span><span class="evastar2"></span><span class="evastar2"></span></div></div></td></tr>'; //评价内容 PopHtml += '<tr> <th class="resouinfotype" scope="row">详细评价</th> <td><div class="resouinforcon"><textarea class="frmtype frmarea" id="assessCon" onkeyup="limitTextCountFn(\'#assessCon\',\'#consulttextcount\',200);"></textarea></div></td></tr>'; PopHtml += '<tr> <th class="resouinfotype" scope="row"></th><td><div class="resouinforcon"><div class="wordlimit">字数限制为<span id="consulttextcount">200</span>个</div></div></td> </tr>'; PopHtml += '</table>'; //按钮 PopHtml += '<table class="btntab"><tr><td>'; PopHtml += '<div class="addrebtn" style="text-align:center;">'; PopHtml +='<input type="button" value="提交" id="sendAssessBtn" class="sendCon frmbtn">'; PopHtml +='<input type="button" value="稍后评价" class="frmtype frmbtn frmrbtn" id="noAssessBtn">'; PopHtml +='</div> </td> </tr></table>'; PopHtml += ' </div> </div>'; /////******感谢专家tab*/ PopHtml += '<div class="overcomment displayNone" > '; PopHtml += '<div class="resoutit">本次咨询已经结束</div> '; PopHtml += '<div class="commentbox2"> '; //按钮 PopHtml += '<table class="btntab"><tr><td> '; PopHtml += '<div class="addrebtn" style="text-align:center;"> '; PopHtml += '<input type="button" value="表示感谢" class="frmtype frmbtn">'; PopHtml += '<input type="button" value="下次再说" class="frmtype frmbtn frmrbtn"> '; PopHtml += '</div></td></tr> '; PopHtml += '</table></div> </div>' PopHtml += '</form>'; PopHtml += '<span class="workclose" id="closeAssessBtn"></span>'; PopHtml += '</div></div>'; //必须先将html添加到body,再设置Css样式 $("body").prepend(PopHtml); $("body").css("position","fixed"); var _widht = $(".blackcover").width(); var _height = $(".blackcover").height(); var boxWidth = $(".concombox").width(); var boxHeight = $(".concombox").height(); //让提示框居中 $(".concombox").css({top:(_height - boxHeight) / 2 + "px", left: (_widht - boxWidth) / 2 + "px" }); //关闭按钮 $(".workclose").click(function(){ $(".blackcover").remove(); $("body").css("position",""); }); } /****咨询专家结束评价*****/ /****是否确定完成*****/ function finish() { var PopHtml=""; PopHtml += '<div class="blackcover">'; PopHtml += '<div class="finishbox commentinfo">'; PopHtml += '<div class="com">确定完成??</div>'; PopHtml += '<div id="finish" class="com1 frmtype frmbtn">确定</div>'; PopHtml += '<span class="workclose"></span>'; PopHtml += '</div></div>'; //必须先将html添加到body,再设置Css样式 $("body").prepend(PopHtml); $("body").css("position","fixed"); var _widht = $(".blackcover").width(); var _height = $(".blackcover").height(); var boxWidth = $(".commentinfo").width(); var boxHeight = $(".commentinfo").height(); //让提示框居中 $(".commentinfo").css({top:(_height - boxHeight) / 2 + "px", left: (_widht - boxWidth) / 2 + "px" }); //关闭按钮 $(".workclose").click(function(){ $(".blackcover").remove(); $("body").css("position",""); }); } /*科研文章*/ function newsBombBox() { var PopHtml=""; PopHtml += '<div class="blackcover">'; PopHtml += '<div class="resouinfo"><form class="resoufrm">'; PopHtml += '<div class="resoutit">科研文章<div class="stateinfor"><em></em><span>文章发布中</span></div></div>'; PopHtml += '<div class="resoubox">'; PopHtml += '<div class="clearfix"><table class="resoutab floatL"><tr>'; PopHtml += '<th class="resouinfotype" scope="row">文章标题</th>'; PopHtml += '<td><div class="resouinforcon"><input type="text" class="frmtype" id="newsName" ><span class="requiredcon">*</span></div></td>'; PopHtml += '</tr>'; PopHtml += '<tr class="workmsgbox"><th></th><td><div class="resouinforcon"><div class="workmsg workmsg1"></div></div></td></tr> '; PopHtml += '<tr><th class="resouinfotype" scope="row">涉及学术领域</th><td><div class="resouinforcon"><input type="text" class="frmtype subCla" id="subject"><input type="button" value="添加" class="addIndusry" id="subjectAdd"></div></td></tr>'; PopHtml += '<tr class="workmsgbox"><th></th><td><div class="resouinforcon"><div class="workmsg workmsg3"></div></div></td></tr> '; PopHtml += '<tr><th></th><td><div class="addlist" id="SubjectList"></div></td></tr>' PopHtml += '<tr><th class="resouinfotype" scope="row">涉及应用行业</th><td><div class="resouinforcon" id="resouinforcon"><input type="text" class="frmtype" id="industry"><input type="button" value="添加" class="addIndusry" id="industryAdd"></div></td></tr>'; PopHtml += '<tr class="workmsgbox"><th></th><td><div class="resouinforcon"><div class="workmsg workmsg4"></div></div></td></tr> '; PopHtml += '<tr><th></th><td><div class="addlist" id="industryList"></div></td></tr>'; PopHtml +='</table>'; /////////////文章图片上传//////////////////// PopHtml +='<div class="resouimgbox resouimgboxadd floatL">'; PopHtml += '<div class="resouinforcon">'; PopHtml += '<div class="upbox"><div id="uploader" style="border-radius: 6px;">'; PopHtml += '<div id="fileList" class="uploader-list"></div>'; PopHtml += '<div id="filePicker">选择图片</div></div>'; PopHtml += '<span class="resouimgmsg">建议尺寸640*640,大小在5M以内,<br/>JPG、PNG格式</span>'; PopHtml += '</div></div></div></div>'; PopHtml +='<div class="baimg" style="clear: both;padding:15px 0 10px 0;overflow: hidden;"><span class="resouinfotype" style="display: block;float: left;margin-left: 15px;">正文内容</span><script id="editor" name="content" type="text/plain" style="width:550px; height:200px;float: left;margin-left: 12px;"></script></div>'; /////////////文章图片上传 结束//////////////////// //按钮盒子 PopHtml +='<table class="btntab clearfix"><tr><td>'; PopHtml += '<div class="addrebtn" style="text-align:center;"><input type="button" value="保存" class="frmtype frmbtn" id="inputb"><input type="button" value="删除文章" class="frmtype frmbtn frmrbtn" id="deletedResource" style="display: none;"></div>'; PopHtml += '</td></tr></table>'; PopHtml += '</div></form>'; //关闭按钮 PopHtml += '<span class="workclose"></span>'; PopHtml += '</div></div>'; //必须先将html添加到body,再设置Css样式 $("body").prepend(PopHtml); $("body").css("position","fixed"); //初始引用编辑器 ue = UE.getEditor('editor', { // lang:"zh-cn" }); //让提示框居中 var _widht = $(".blackcover").width(); var _height = $(".blackcover").height(); var boxWidth = $(".resouinfo").width(); var boxHeight = $(".resouinfo").height(); $(".resouinfo").css({ top:"40px", left: (_widht - boxWidth) / 2 + "px" }); //关闭按钮 $(".workclose").click(function(){ $(".blackcover").remove(); $("body").css("position",""); UE.delEditor('editor'); }); //判断文章标题不能为空 function newsName() { var code = $("#newsName").val(); if(code.length==0||code==" "){ $(".workmsg1").text("发布文章名称不能为空"); newtitle = false; }else{ $(".workmsg1").text(""); newtitle= true; } } //失去焦点判断 $("#newsName").blur(function(){ newsName(); }); // 初始化Web Uploader var uploader = WebUploader.create({ // 选完文件后,是否自动上传。 auto: true, // 添加的文件数量 //fileNumLimit: 1, // swf文件路径 swf: '../js/webuploader/Uploader.swf', // 文件接收服务端。 server: '../ajax/cachedFileUpload', // 选择文件的按钮。可选。 // 内部根据当前运行是创建,可能是input元素,也可能是flash. pick : { id : "#filePicker", multiple: false }, // 只允许选择图片文件。 accept: { title: 'Images', extensions: 'gif,jpg,jpeg,bmp,png', mimeTypes: 'image/gif,image/jpg,image/jpeg,image/bmp,image/png' } }); // 当有文件添加进来的时候 uploader.on( 'fileQueued', function( file ) { var $li = $( '<div id="' + file.id + '" class="file-item thumbnail ResImgBox beforMargin" style="max-width:226px;width:226px;height: 226px;">' + '<img class="resImg headRadius resourceImg" style="display: inline;" >' + '</div>' ) $img = $li.find('img'); // $list为容器jQuery实例 var $list = $('#fileList'); $list.empty(""); $list.append( $li ); $(".upbox").css({"marginTop":"0px"}); // 创建缩略图 // 如果为非图片文件,可以不用调用此方法。 // thumbnailWidth x thumbnailHeight 为 100 x 100 uploader.makeThumb( file, function( error, src ) { if ( error ) { $img.replaceWith('<span>不能预览</span>'); return; } $img.attr( 'src', src ); }, 1, 1 ); }); // 文件上传成功,给item添加成功class, 用样式标记上传成功。 cacheImageKey=null; uploader.on( 'uploadSuccess', function(file,data) { cacheImageKey =data.data[0].cacheKey; //console.log(cacheImageKey); }); } /*科研文章 end*/