class="reference tags icon"> Labels

2 Commits (9a1914b689dcd55750467acbc32c996a80740a5c)

Auteur SHA1 Bericht Datum
  luyanan d1a68566fc 把图片定义成iconfont图标字体 8 jaren geleden
  luyanan c82676775b 首次上传头像和默认头像 8 jaren geleden
jiapeng/portal-front - Gogs: Go Git Service

1 Commits (db56e83ef366b268f0bcdef483ab6b5cd08e1bdf)

Autor SHA1 Mensagem Data
  jiapeng c5d9752792 --init 8 anos atrás
jiapeng/portal-front - Gogs: Go Git Service

1 Revīzijas (db56e83ef366b268f0bcdef483ab6b5cd08e1bdf)

Autors SHA1 Ziņojums Datums
  luyanan ec47f01ca6 新版文章相关icon 7 gadi atpakaļ
jiapeng/portal-front - Gogs: Go Git Service

1 Commits (479500f72c4dbfe77c4d4e856659b646479fd382)

Autor SHA1 Mensagem Data
  luyanan 479500f72c 添加缺省样式 7 anos atrás
bulomakaka/ekexiu.app - Gogs: Go Git Service

1 次代码提交 (9a1914b689dcd55750467acbc32c996a80740a5c)

作者 SHA1 备注 提交日期
  luyanan 150ddae386 添加搜索相关页面 8 年之前
portal-front - Gogs: Go Git Service

portal html css js resource

search.js 27KB

    $(function() { loginStatus();//判断个人是否登录 $(document).scroll(function() { var top = $(document).scrollTop(); if(top != 0) { $(".searchbox").fadeIn(1000); } else { $(".searchbox").fadeOut(1000); } }); var newc = GetQueryString("lookFor"); if(newc == 0 || newc == "") { var c = 0; } else { var c = 1; // $(".lookwho option[value='1']").attr("selected","selected"); $("#div_select").text("找资源"); } /* * var lookFor2 = 0; $("#lookFor2 ul li").on("click",function(){ * lookFor2=$(this).index(); }); //enter绑定时间 * $("#searchContent").keydown(function(e){ if(e.which==13) { synContent(2); * synContent(1); var searchContent = $("#searchContent").val(); if(lookFor2 = * 1){ $("#div_select").text("找资源"); location.href = * "search.html?searchContent=" + encodeURI(searchContent); } } * }) */ var userid = $.cookie("userid"); var subject; var subb = $.trim(GetQueryString("subject")); var industry; var pageSize; var sub = "SUBJECT"; var indu = "INDUSTRY"; var address = $("#address .colorbg")[0].title; $("#searchContent").val(GetQueryString("searchContent")); $("#hsearchContent").val(GetQueryString("searchContent")); var key = $("#searchContent").val(); var getData = function(key, subject, industry, pageSize, pageNo, isbind, add) { if(c == 0) { $ .ajax({ "url": "/ajax/professor/pqBaseInfo", "type": "GET", "data": { "key": key, "subject": subject, "industry": industry, "pageSize": pageSize, "pageNo": pageNo, "address": add }, "contentType": "application/x-www-form-urlencoded", "success": function($data) { if($data.success) { // console.log($data); $("#professorList").html(""); for(var i = 0; i < $data.data.data.length; i++) { // 创建HTML标签 var dataHtml = "<div class='item'>"; dataHtml += "<a class='infoi' href='information-brow.html?professorId=" + $data.data.data[i].id + "' ><div class='photo1 userRadius'>" if($data.data.data[i].hasHeadImage) { dataHtml += "<img class='images' style='width:100%;' src='/images/head/" + $data.data.data[i].id + "_l.jpg'/></div></a>"; } else { dataHtml += "<img class='images' style='width:100%;' src='/images/default-photo.jpg'/></div></a>"; } dataHtml += "<div class='synopsis'>"; dataHtml += "<a href='javascript:void();' class='named'>"; if(typeof($data.data.data[i].name) !== "undefined") { dataHtml += $data.data.data[i].name; } dataHtml += "</a><a href='information-brow.html?professorId=" + $data.data.data[i].id + "' class='authiconNew'></a>"; dataHtml += "<div class='position'>"; if($data.data.data[i].office) { dataHtml += $data.data.data[i].office + ", "; } if($data.data.data[i].title) { dataHtml += $data.data.data[i].title + ", "; } if($data.data.data[i].department) { dataHtml += $data.data.data[i].department + ", "; } if($data.data.data[i].orgName) { dataHtml += $data.data.data[i].orgName; } if($data.data.data[i].address) { dataHtml += " | " + $data.data.data[i].address; } dataHtml += "</div>"; dataHtml += "<div class='ellipsisbox science'>"; if(typeof($data.data.data[i].subject) !== "undefined") { dataHtml += "<p>学术领域:" + $data.data.data[i].subject + "</p>"; } dataHtml += "</div>"; dataHtml += "<div class='ellipsisbox industry'>"; if(typeof($data.data.data[i].industry) !== "undefined") { dataHtml += "<p>应用行业:" + $data.data.data[i].industry + "</p>"; } if($data.data.data[i].researchAreas.length) { dataHtml += "<p>研究方向:" for(var m = 0; m < $data.data.data[i].researchAreas.length; m++) { dataHtml += $data.data.data[i].researchAreas[m].caption; if(m<$data.data.data[i].researchAreas.length-1){ dataHtml += " , " } } dataHtml += "</p>"; } dataHtml += "</div>"; dataHtml += "</div>"; if($data.data.data[i].id != userid) { dataHtml += "<div class='operbox'><span class='operbtn onlyConsultbtn' id='" + $data.data.data[i]['id'] + "'>咨询</span></div>"; } var $datahtml = $(dataHtml); $("#professorList").append(dataHtml); var photoHeight = $(".photo1").eq(i).height(); var middleHeight = $(".synopsis").eq(i).height(); if(middleHeight < photoHeight) { $(".synopsis").eq(i).height(photoHeight); } //认证 var oSty=autho($data.data.data[i].authType,$data.data.data[i].orgAuth,$data.data.data[i].authStatus); $(".authiconNew").eq(i).addClass(oSty.sty); $(".authiconNew").eq(i).attr("title",oSty.title); // 点击查看当前信息 (function(i) { $('.synopsis') .eq(i) .click( function() { location.href = 'information-brow.html?professorId=' + $data.data.data[i].id; }) } )(i); } //找专家点击咨询 $(".onlyConsultbtn").bind("click", clickSeachProConsultHandler); if(isbind == true) { $(".tcdPageCode").createPage({ pageCount: Math.ceil($data.data.total / pageSize), current: $data.data.pageNo, backFn: function(p) { getData(key, subject, industry, pageSize, p, false); } }); } } else { $.MsgBox.Alert("message", $data.msg); } } }); } else { //查询我的所有资源 $.ajax({ "url": "/ajax/resource/pq", "type": "get", "data": { "key": key, "subject": subject, "industry": industry, "pageSize": pageSize, "pageNo": pageNo, "address": add }, "contentType": "application/x-www-form-urlencoded", "success": function(data) { //console.log(data); if(data.success) { $("#professorList").html(""); var $da = data.data.data; for(var i = 0; i < $da.length; i++) { var add = '<div class="item"><div class="remess" resourceId=' + $da[i].resourceId + '>' add += '<div class="clearfix"><a class="resourcephoto headRadius" ><div class="ResImgBox" style="background:#ffffff;"><img class="resImg headRadius resourceImg" src="" /></div></a>' add += '<div class="synopsis" style="width:66%;">' add += '<div class="cousultName"><a class="resouname" href="javascript:void();">' + $da[i].resourceName + '</a></div>' var oStyT=autho($da[i].editProfessor.authType,$da[i].editProfessor.orgAuth,$da[i].editProfessor.authStatus); if($da[i].editProfessor.name) { add += '<div class="belongname"><a style="float:left;display:block;">' + $da[i].editProfessor.name + '</a><a class="authiconNew '+ oStyT.sty+'" title="'+ oStyT.title +'"></a></div>' } if($da[i].editProfessor.title == undefined) { $da[i].editProfessor.title = ""; } if($da[i].editProfessor.department == undefined) { $da[i].editProfessor.department = ""; } if($da[i].editProfessor.orgName == undefined) { $da[i].editProfessor.orgName = ""; } add += '<div style="clear:both"></div><div class="positionbox">' if($da[i].editProfessor.title && $da[i].editProfessor.department && $da[i].editProfessor.orgName) { add += $da[i].editProfessor.title + "," + $da[i].editProfessor.department + "," + $da[i].editProfessor.orgName; } else if(!$da[i].editProfessor.title && $da[i].editProfessor.department && $da[i].editProfessor.orgName) { add += $da[i].editProfessor.department + "," + $da[i].editProfessor.orgName; } else if($da[i].editProfessor.title && !$da[i].editProfessor.department && $da[i].editProfessor.orgName) { add += $da[i].editProfessor.title + "," + $da[i].editProfessor.orgName; } else if($da[i].editProfessor.title && $da[i].editProfessor.department && !$da[i].editProfessor.orgName) { add += $da[i].editProfessor.title + "," + $da[i].editProfessor.department; } else if(!$da[i].editProfessor.title && !$da[i].editProfessor.department && $da[i].editProfessor.orgName) { add += $da[i].editProfessor.orgName } else if(!$da[i].editProfessor.title && $da[i].editProfessor.department && !$da[i].editProfessor.orgName) { add += $da[i].editProfessor.department } else if($da[i].editProfessor.title && !$da[i].editProfessor.department && !$da[i].editProfessor.orgName) { add += $da[i].editProfessor.title } add += '</div>' if($da[i].subject) { add += '<div class="ellipsisbox sciencebox"><p>学术领域:' + $da[i].subject + '</p></div>' } if($da[i].industry) { add += '<div class="ellipsisbox industrybox"><p>应用行业:' + $da[i].industry + '</p></div>' } if($da[i].supportedServices) { add += '<div class="ellipsisbox provideservice"><p>应用用途:' + $da[i].supportedServices + '</p></div></div>' } add += "</div>" if(userid == $da[i]["editProfessor"]["id"]) { add += '<div class="operbox"><span class="operbtn consultbtn" id="' + $da[i]["editProfessor"]["id"] + '" style="display:none;">咨询</span><span style="display: none;" class="operbtn applybtn appl" resourceId=' + $da[i].resourceId + ' resourceName=' + $da[i].resourceName + ' editProfessor=' + $da[i].editProfessor.name + '>申请</span></div>' } else { add += '<div class="operbox"><span class="operbtn consultbtn" id="' + $da[i]["editProfessor"]["id"] + '">咨询</span><span style="display: none;" class="operbtn applybtn appl" resourceId=' + $da[i].resourceId + ' resourceName=' + $da[i].resourceName + ' editProfessor=' + $da[i].editProfessor.name + '>申请</span></div>' } add += '</div></div>' var $add = $(add); $("#professorList").append($add); if(data.data.data[i].images.length) { $add.find(".resourceImg").attr("src", "/images/resource/" + $da[i].resourceId + ".jpg"); } else { $add.find(".resourceImg").attr("src", "/images/default-resource.jpg"); } } if(isbind == true) { $(".tcdPageCode").createPage({ pageCount: Math.ceil(data.data.total / pageSize), current: data.data.pageNo, backFn: function(p) { getData(key, subject, industry, pageSize, p, false); } }); } } else { $.MsgBox.Alert("消息提醒", "请先登录再进行咨询"); $("#mb_btn_ok").val("去登录"); } //资源中点击咨询 //$(".consultbtn").bind("click",clickResouceConsultHandler); }, }); } } $(".about").on("click", '.consultbtn', function(e) { e.stopPropagation(); //阻止事件冒泡,影响点击咨询 e.cancelBubble = true; // ie下阻止冒泡 clickResouceConsultHandler($(this), $(this).attr('id')); }); var subjectList = function() { $.get("../ajax/dataDict/qaDictCode", { dictCode: "SUBJECT" }, function(data) { if(data.success) { //console.log(data); /*if (data.data.length <= 10) { $(".andmore").eq(0).hide(); }*/ $("#subject").find(".sub").remove(); for(var i = 0; i < data.data.length; i++) { $("#subject").append( "<a href='#' class='sub'title='" + data.data[i].caption + "'>" + data.data[i].caption + "</a>"); if(subb) { if(subb == data.data[i].caption) { $('.sub').eq(i).addClass('colorbg').siblings() .removeClass("colorbg"); } } if(i > 20) break; } } else { $.MsgBox.Alert("message", data.msg); } }) } var Address = function() { $.get("../ajax/dataDict/qaCity", { dictCode: "ADDRESS" }, function(data) { if(data.success) { $("#address").empty(); $("#address").prepend('<a href="#" class="colorbg no3" title="">不限</a>'); /*if (data.data.length <= 10) { $(".andmore").eq(2).hide(); }*/ for(var i = 0; i < data.data.length; i++) { $("#address").append( "<a href='#' title='" + data.data[i].caption + "'>" + data.data[i].caption + "</a>"); if(i > 20) break; } } else { $.MsgBox.Alert("message", data.msg); } }) } var industryList = function() { $.get("../ajax/dataDict/qaDictCode", { dictCode: "INDUSTRY" }, function(data) { //console.log(data); if(data.success) { /*if (data.data.length <= 10) { $(".andmore").eq(1).hide(); }*/ $("#industry").find(".indu").remove(); for(var i = 0; i < data.data.length; i++) { $("#industry").append( "<a href='#' class='indu'title='" + data.data[i].caption + "'>" + data.data[i].caption + "</a>"); if(i > 20) break; } } else { $.MsgBox.Alert("message", data.msg); } }) } var findProfessor = function() { if(subb) { subject = subb; } else { subject = $("#subject .colorbg")[0].title; } industry = $("#industry .colorbg")[0].title; pageSize = 10; getData(key, subject, industry, pageSize, 1, true, address); } //搜索框跳转页面 enter键搜索 $("#searchContent").keydown(function(e) { if(e.which == 13) { synContent(2); key = $("#searchContent").val(); $("#professorList").remove(); $(".aboutpro").append( '<div class="about-in" id="professorList"></div>') $(".tcdPageCode").remove(); $(".aboutpro").append('<div class="tcdPageCode"></div>'); getData(key, subject, industry, 10, 1, true, address); } }) $("#hsearchContent").keydown(function(e) { if(e.which == 13) { synContent(1); key = $("#searchContent").val(); $("#professorList").remove(); $(".aboutpro").append( '<div class="about-in" id="professorList"></div>') $(".tcdPageCode").remove(); $(".aboutpro").append('<div class="tcdPageCode"></div>'); getData(key, subject, industry, 10, 1, true, address); } }) $("#search1").on( "click", function() { $("#hsearchContent").val($("#searchContent").val()); key = $("#searchContent").val(); $("#professorList").remove(); $(".aboutpro").append( '<div class="about-in" id="professorList"></div>') $(".tcdPageCode").remove(); $(".aboutpro").append('<div class="tcdPageCode"></div>'); getData(key, subject, industry, 10, 1, true, address); }) // $("#hsearch1") $("#hsearch").on( "click", function() { $("#searchContent").val($("#hsearchContent").val()); key = $("#hsearchContent").val(); location.href = "javascript:;"; $("#professorList").remove(); $(".aboutpro").append( '<div class="about-in" id="professorList"></div>') $(".tcdPageCode").remove(); $(".aboutpro").append('<div class="tcdPageCode"></div>'); getData(key, subject, industry, 10, 1, true, address); }) subjectList(); industryList(); findProfessor(); Address(); $(".class1").eq(0).on( "click", "a", function() { $(this).addClass("colorbg").siblings().removeClass("colorbg"); key = $("#searchContent").val(); subject = $(this).attr('title'); $("#professorList").remove(); $(".aboutpro").append( '<div class="about-in" id="professorList"></div>') $(".tcdPageCode").remove(); $(".aboutpro").append('<div class="tcdPageCode"></div>'); getData(key, subject, industry, 10, 1, true, address); }); $(".class1").eq(1).on( "click", "a", function() { $(this).addClass("colorbg").siblings().removeClass("colorbg"); industry = $(this).attr('title'); key = $("#searchContent").val(); $("#professorList").remove(); $(".aboutpro").append( '<div class="about-in" id="professorList"></div>') $(".tcdPageCode").remove(); $(".aboutpro").append('<div class="tcdPageCode"></div>'); getData(key, subject, industry, 10, 1, true, address); }); $(".class1").eq(2).on( "click", "a", function() { $(this).addClass("colorbg").siblings().removeClass("colorbg"); address = $(this).attr('title'); key = $("#searchContent").val(); $("#professorList").remove(); $(".aboutpro").append( '<div class="about-in" id="professorList"></div>') $(".tcdPageCode").remove(); $(".aboutpro").append('<div class="tcdPageCode"></div>'); getData(key, subject, industry, 10, 1, true, address); }); /* 搜索分类展开 */ var listi = 0; $(".andmore").click(function() { $(this).find(".updown").css("background-position", "left"); $(this).parent().css("height", "48px"); if(listi % 2 == 0) { } else { $(this).find(".updown").css("background-position", "right"); $(this).parent().css("height", "auto"); } listi++; }) /*搜索分类背景切换*/ $(".class1").on("click", "a", function() { $(this).addClass("colorbg").siblings().removeClass("colorbg"); }) /*专家、资源菜单切换*/ // $(".lookwho").change(function(){ // //$(this).addClass("tabcurrent").siblings().removeClass("tabcurrent"); // //$(".aboutcon").eq($(this).index()).show().siblings().hide(); // if($(this).value == "0"){ // $(".aboutpro").show(); // $(".aboutresou").hide(); // } // else{ // $(".aboutresou").show(); // $(".aboutpro").hide(); // } // // }) //判断是搜寻专家还是资源 $(".lishow li").on( "click", function() { c = $(this).index(); $("#industry").find(".no2").addClass("colorbg").siblings() .removeClass("colorbg"); $("#subject").find(".nox").addClass("colorbg").siblings() .removeClass("colorbg"); key = $("#searchContent").val(); industry = ""; subject = ""; address = ""; if(c == 0) { sub = "SUBJECT"; indu = "INDUSTRY"; } else { sub = "SUBJECT"; indu = "INDUSTRY"; } industryList(); subjectList(); Address(); $("#professorList").remove(); $(".aboutpro").append( '<div class="about-in" id="professorList"></div>') $(".tcdPageCode").remove(); $(".aboutpro").append('<div class="tcdPageCode"></div>'); getData(key, subject, industry, pageSize, 1, true, address); }); // 查询资源详细信息 $('.about') .on( "click", '.remess', function() { var resourceID = $(this).attr("resourceId"); location.href = "resourceInfo.html?resourceId=" + resourceID; //ResourceMessage(); // $ // .ajax({ // "url": "/ajax/resource/" + resourceID, // "type": "get", // "async": true, // "success": function(info) { // if(info.success) { // $("#resourceName").text( // info.data.resourceName); // $("#supportedServices") // .text( // info.data.supportedServices); // $("#hopePayMethod").text( // info.data.hopePayMethod); // $("#cooperationNotes").text( // info.data.cooperationNotes); // $("#subject").text( // info.data.subject); // $("#industry").text( // info.data.industry); // $("#descp").text(info.data.descp); // $("#professor").text( // info.data.professor.name); // $(".resouImage").attr( // "src", // "/images/resource/" + // resourceID + // ".jpg"); // $(".resouImage") // .load(function() {}) // .error( // function() { // $(this) // .attr( // "src", // "/images/default-resource.jpg"); // }); // limitHeight(); // } else { // $.MsgBox.Alert('消息提醒', "系统异常!"); // } // }, // "error": function() { // $.MsgBox.Alert('message', 'failed') // } // }); }) // 资源申请 function getIdentity(professorId) { $ .ajax({ "url": "ajax/professor/" + professorId, "type": "get", "async": false, "success": function(data) { if(data.success) { $(".frmtype option")[0].value = data.data.name; $(".frmtype option")[1].value = data.data.organization.name; } else { $.MsgBox.Alert("消息提醒", "系统异常!"); } }, "error": function() { $.MsgBox.Alert('message', 'failddd') } }) } function replaceStr(s) { var pattern = new RegExp("-"); var rs = ""; for(var i = 0; i < s.length; i++) { rs = rs + s.substr(i, 1).replace(pattern, ''); } return rs; } $('.aboutpro') .on( "click", '.appl', function() { ResourceApply(); // 调用资源申请HTML创建函数 $(".limitBox").removeClass("limitBox"); $(".limitwords").removeClass("limitwords"); $(".limitwordbox").removeClass("limitwordbox"); // 获取当前时间并且格式化时间 var myDate = new Date(); var nowYear = myDate.getFullYear(); var nowMonth = myDate.getMonth() + 1; var nowDate = myDate.getDate(); if(nowMonth < 10) { nowMonth = "0" + nowMonth.toString(); } if(nowDate < 10) { nowDate = "0" + nowDate.toString(); } var now = nowYear + "-" + nowMonth + "-" + nowDate; $("#datepicker").val(now); $("#datepicker").datepicker({ "dateFormat": " yy-mm-dd" }); $(".timelo").css("display", "none"); var resName = $(this).attr("resourcename"); var name = $(this).attr("professor"); var resourceID = $(this).attr("resourceId"); $ .ajax({ "url": "/ajax/resource/" + resourceID, "type": "get", "async": false, "success": function(info) { if(info.success) { if(info.data.images.length) { $(".resouImage").attr( "src", "/images/resource/" + resourceID + ".jpg"); } else { $(".resouImage") .attr("src", "/images/default-resource.jpg"); } } } }) $(".namecon").text(name); $(".applysure").hide(); $(".btnboxup").hide(); $(".log").text(resName); getIdentity(userid); $("#deliver") .on( "click", function() { var $data = {}; $data.demandId = userid; $data.resourceId = resourceID; $data.detailDemand = $(".detail") .val(); // 去除时间里面的- 和字符串前后的空格 $data.deliverTime = replaceStr($ .trim($(".dealTime").val())); $data.operationStatus = 1; $data.applysquare = $( ".frmtype option:selected") .val(); $ .ajax({ "url": "/ajax/operation", "type": "POST", "success": function( rdata) { if(rdata.success) { $.MsgBox .Alert( '消息提醒', '资源"' + resName + '"申请发送成功!'); $("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain'); $(".blackcover") .remove(); $("body") .css( "position", ""); // location.reload(true); } else { $.MsgBox .Alert( '消息提醒', '资源"' + resName + '"申请发送失败,请重新申请!'); } }, "data": $data, "beforeSend": function() { /* console.log(this.data) */ }, "contentType": "application/x-www-form-urlencoded", dataType: "json" }); }); }); // 找专家中 点击咨询处理函数 function clickSeachProConsultHandler() { if(userid != null && userid != 'null' && userid != undefined && userid != 'undefined') { var professorId = $(this).attr("id"); ConsultApply(); //点击的发送 $("#sendConsultBtn").click(function() { sendConsultHandler($(this).attr("proId")) }); concultProInfo(professorId); } else { $.MsgBox.Alert("消息提醒", "请先登录再进行咨询"); $("#mb_btn_ok").val("去登录"); var aele = document.createElement('a'); $("#mb_btnbox").append(aele); $("#mb_btnbox a").css({ 'display': "block", 'width': '100%', 'height': '40px', 'position': 'absolute', 'bottom': '-6px', 'left': '0' }); aele.setAttribute('href', '../login.html'); } }; //找资源中 点击咨询 obj点击对象 function clickResouceConsultHandler(obj, professorId) { if(userid && userid != null && userid != 'null' && userid != undefined && userid != 'undefined') { // var professorId = $(this).attr("id"); ConsultApply(); //默认选中资源咨询和标题 for(var i = 0; i < $("ul.menucon").children().length; i++) { $("ul.menucon").children().eq(i).removeClass("clicknow"); $("ul.menucon").children().eq(1).addClass("clicknow"); } var item = obj.parent().parent().parent(); var consultTitleVal = item.find(".resouname").text(); $("#consultTitle").val("关于" + consultTitleVal + "的咨询"); //点击的发送 $("#sendConsultBtn").click(function() { sendConsultHandler($(this).attr("proId")); //common.js中 }); concultProInfo(professorId); //common.js中 } else { $.MsgBox.Alert("消息提醒", "请先登录再进行咨询"); $("#mb_btn_ok").val("去登录"); var aele = document.createElement('a'); $("#mb_btnbox").append(aele); $("#mb_btnbox a").css({ 'display': "block", 'width': '100%', 'height': '40px', 'position': 'absolute', 'bottom': '-6px', 'left': '0' }); aele.setAttribute('href', '../login.html'); } }; /* function sendConsultHandler(){ var professorId = $(this).attr("proId"); var consult_type = $(".clicknow").text();//咨询类型 var consult_title = $("#consultTitle").val();//咨询主题 var consult_content = $("#consultcontent").val();//咨询内容 var consultStr = { "consultType":consult_type, "consultTitle":consult_title, "consultContant":consult_content, "professorId":professorId, "consultantId":userid }; if(consult_type == '' || consult_title == '' || consult_content == ''){ $.MsgBox.Alert("message","请填写完整"); }; if(consult_type == ''){ $.MsgBox.Alert("消息","请选择联系目的"); } if(consult_title == ''){ $.MsgBox.Alert("消息","请填写咨询目的"); } if(consult_content == ''){ $.MsgBox.Alert("消息","请填写咨询内容"); } if(userid && userid != null && userid != "null" && consult_type != '' && consult_title != '' && consult_content != '' ){ $.ajax({ "url" :"/ajax/consult", "type" : "post", //传值:咨询类型、主题、内容、专家id、申请人id "data" : consultStr, "contentType" : "application/x-www-form-urlencoded", "dataType" : "json", "success" : function(response) { consultId = response.data;//咨询id }, "error":function (){ $.MsgBox.Alert("消息","咨询申请失败"); }, "complete":function(){ //$(".consultapply").remove(); $(".blackcover").remove(); $("body").css("position",""); $.MsgBox.Alert("消息","咨询申请成功"); }, }); } }*/ });
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*/
jiapeng/portal-front - Gogs: Go Git Service

1 Ревизии (479500f72c4dbfe77c4d4e856659b646479fd382)

Автор SHA1 Съобщение Дата
  luyanan d60cd98165 完善信息身份选择,特邀专家首次登录设置密码 преди 7 години
ekexiu.app - Gogs: Go Git Service

No Description

faq.html 870B

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link href="../css/mui.min.css" rel="stylesheet" /> <link href="../css/app.css" rel="stylesheet" /> <style type="text/css"> .mui-input-row .content { min-height: 150px; } .mui-content-padded .tijiao { padding: 5px 0; } </style> </head> <body> <header class="mui-bar mui-bar-nav toptitbox"> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a> <h1 class="mui-title toptit">常见问题</h1> </header> <div class="mui-content"> </div> <script src="../js/public/mui.min.js"></script> <script src="../js/public/base.js"></script> <script src="../js/faq.js"></script> </body> </html>
ekexiu.app - Gogs: Go Git Service

Nav apraksta

claims.js 1.5KB

    mui.ready(function() { var tousuCon = document.getElementById("question"); var sendBtn = document.querySelector('.claims'); /*提交*/ function sendClaims(userid) { console.log('投诉内容:=='+tousuCon.value); mui.ajax(baseUrl+'/ajax/complain',{ data:{ "professorId": userid, //投诉人ID (必填) "complainContant": tousuCon.value, //投诉内容 (必填) "appellee": "", //被投诉ID (可为空,类型为建议时为空) "complainType": 1 //投诉类型 (0-建议,1-投诉) }, dataType:'json',//服务器返回json格式数据 type:'post',//HTTP请求类型 timeout:10000,//超时时间设置为10秒; success:function(data){ console.log(data.data); if(data.data){ tousuCon.value = '';//投诉完成后,清空容器 mui.toast('已提交'); } }, error:function(xhr,type,errorThrown){ mui.toast('提交失败'); } }); }; /*字数限制*/ function checkLen(obj) { var maxChars = 500;//最多字符数 if (obj.value.length > maxChars) { obj.value = obj.value.substring(0,maxChars); } var curr = maxChars - obj.value.length; document.getElementById("count").innerHTML = curr.toString(); }; tousuCon.addEventListener('keyup',function(){ checkLen(tousuCon); }); mui.plusReady(function() { var self = plus.webview.currentWebview(); var userId = self.userId; console.log(userId); sendBtn.addEventListener('tap',function(){ sendClaims(userId); }); }); });
jiapeng/portal-front - Gogs: Go Git Service

1 Commits (adec477c00ac503fa99023656b6634a02b11241d)

Autor SHA1 Nachricht Datum
  xuchunyang bdf84638b6 编辑器组件 vor 7 Jahren
ekexiu.app - Gogs: Go Git Service

説明なし

jiapeng/portal-front - Gogs: Go Git Service

1 Commits (479500f72c4dbfe77c4d4e856659b646479fd382)

Autore SHA1 Messaggio Data
  luyanan 63d1a07dec 企业邀请员工注册科袖 7 anni fa
jiapeng/portal-front - Gogs: Go Git Service

1 次代码提交 (479500f72c4dbfe77c4d4e856659b646479fd382)

作者 SHA1 备注 提交日期
  jiapeng c5d9752792 --init 8 年之前
back-conference - Gogs: Go Git Service

后端

config.js 12KB

    /** * Created with JetBrains PhpStorm. * User: xuheng * Date: 12-8-8 * Time: 下午2:00 * To change this template use File | Settings | File Templates. */ var templates = [ { "pre":"pre0.png", 'title':lang.blank, 'preHtml':'<p class="ue_t">&nbsp;欢迎使用UEditor!</p>', "html":'<p class="ue_t">欢迎使用UEditor!</p>' }, { "pre":"pre1.png", 'title':lang.blog, 'preHtml':'<h1 label="Title center" name="tc" style="border-bottom-color:#cccccc;border-bottom-width:2px;border-bottom-style:solid;padding:0px 4px 0px 0px;text-align:center;margin:0px 0px 20px;"><span style="color:#c0504d;">深入理解Range</span></h1><p style="text-align:center;"><strong class=" ">UEditor二次开发</strong></p><h3><span class=" " style="font-family:幼圆">什么是Range</span></h3><p style="text-indent:2em;">对于“插入”选项卡上的库,在设计时都充分考虑了其中的项与文档整体外观的协调性。 </p><br /><h3><span class=" " style="font-family:幼圆">Range能干什么</span></h3><p style="text-indent:2em;">在“开始”选项卡上,通过从快速样式库中为所选文本选择一种外观,您可以方便地更改文档中所选文本的格式。</p>', "html":'<h1 class="ue_t" label="Title center" name="tc" style="border-bottom-color:#cccccc;border-bottom-width:2px;border-bottom-style:solid;padding:0px 4px 0px 0px;text-align:center;margin:0px 0px 20px;"><span style="color:#c0504d;">[键入文档标题]</span></h1><p style="text-align:center;"><strong class="ue_t">[键入文档副标题]</strong></p><h3><span class="ue_t" style="font-family:幼圆">[标题 1]</span></h3><p class="ue_t" style="text-indent:2em;">对于“插入”选项卡上的库,在设计时都充分考虑了其中的项与文档整体外观的协调性。 您可以使用这些库来插入表格、页眉、页脚、列表、封面以及其他文档构建基块。 您创建的图片、图表或关系图也将与当前的文档外观协调一致。</p><h3><span class="ue_t" style="font-family:幼圆">[标题 2]</span></h3><p class="ue_t" style="text-indent:2em;">在“开始”选项卡上,通过从快速样式库中为所选文本选择一种外观,您可以方便地更改文档中所选文本的格式。 您还可以使用“开始”选项卡上的其他控件来直接设置文本格式。大多数控件都允许您选择是使用当前主题外观,还是使用某种直接指定的格式。 </p><h3><span class="ue_t" style="font-family:幼圆">[标题 3]</span></h3><p class="ue_t">对于“插入”选项卡上的库,在设计时都充分考虑了其中的项与文档整体外观的协调性。 您可以使用这些库来插入表格、页眉、页脚、列表、封面以及其他文档构建基块。 您创建的图片、图表或关系图也将与当前的文档外观协调一致。</p><p class="ue_t"><br /></p>' }, { "pre":"pre2.png", 'title':lang.resume, 'preHtml':'<h1 label="Title left" name="tl" style="border-bottom-color:#cccccc;border-bottom-width:2px;border-bottom-style:solid;padding:0px 4px 0px 0px;margin:0px 0px 10px;"><span style="color:#e36c09;" class=" ">WEB前端开发简历</span></h1><table width="100%" border="1" bordercolor="#95B3D7" style="border-collapse:collapse;"><tbody><tr><td width="100" style="text-align:center;"><p><span style="background-color:transparent;">插</span><br /></p><p>入</p><p>照</p><p>片</p></td><td><p><span style="background-color:transparent;"> 联系电话:</span><span class="ue_t" style="background-color:transparent;">[键入您的电话]</span><br /></p><p><span style="background-color:transparent;"> 电子邮件:</span><span class="ue_t" style="background-color:transparent;">[键入您的电子邮件地址]</span><br /></p><p><span style="background-color:transparent;"> 家庭住址:</span><span class="ue_t" style="background-color:transparent;">[键入您的地址]</span><br /></p></td></tr></tbody></table><h3><span style="color:#E36C09;font-size:20px;">目标职位</span></h3><p style="text-indent:2em;" class=" ">WEB前端研发工程师</p><h3><span style="color:#e36c09;font-size:20px;">学历</span></h3><p><span style="display:none;line-height:0px;" id="_baidu_bookmark_start_26"></span></p><ol style="list-style-type:decimal;"><li><p><span class="ue_t">[起止时间]</span> <span class="ue_t">[学校名称] </span> <span class="ue_t">[所学专业]</span> <span class="ue_t">[所获学位]</span></p></li></ol><h3><span style="color:#e36c09;font-size:20px;" class="ue_t">工作经验</span></h3><p><br /></p>', "html":'<h1 label="Title left" name="tl" style="border-bottom-color:#cccccc;border-bottom-width:2px;border-bottom-style:solid;padding:0px 4px 0px 0px;margin:0px 0px 10px;"><span style="color:#e36c09;" class="ue_t">[此处键入简历标题]</span></h1><p><span style="color:#e36c09;"><br /></span></p><table width="100%" border="1" bordercolor="#95B3D7" style="border-collapse:collapse;"><tbody><tr><td width="200" style="text-align:center;" class="ue_t">【此处插入照片】</td><td><p><br /></p><p> 联系电话:<span class="ue_t">[键入您的电话]</span></p><p><br /></p><p> 电子邮件:<span class="ue_t">[键入您的电子邮件地址]</span></p><p><br /></p><p> 家庭住址:<span class="ue_t">[键入您的地址]</span></p><p><br /></p></td></tr></tbody></table><h3><span style="color:#e36c09;font-size:20px;">目标职位</span></h3><p style="text-indent:2em;" class="ue_t">[此处键入您的期望职位]</p><h3><span style="color:#e36c09;font-size:20px;">学历</span></h3><p><span style="display:none;line-height:0px;" id="_baidu_bookmark_start_26"></span></p><ol style="list-style-type:decimal;"><li><p><span class="ue_t">[键入起止时间]</span> <span class="ue_t">[键入学校名称] </span> <span class="ue_t">[键入所学专业]</span> <span class="ue_t">[键入所获学位]</span></p></li><li><p><span class="ue_t">[键入起止时间]</span> <span class="ue_t">[键入学校名称]</span> <span class="ue_t">[键入所学专业]</span> <span class="ue_t">[键入所获学位]</span></p></li></ol><h3><span style="color:#e36c09;font-size:20px;" class="ue_t">工作经验</span></h3><ol style="list-style-type:decimal;"><li><p><span class="ue_t">[键入起止时间]</span> <span class="ue_t">[键入公司名称]</span> <span class="ue_t">[键入职位名称]</span> </p></li><ol style="list-style-type:lower-alpha;"><li><p><span class="ue_t">[键入负责项目]</span> <span class="ue_t">[键入项目简介]</span></p></li><li><p><span class="ue_t">[键入负责项目]</span> <span class="ue_t">[键入项目简介]</span></p></li></ol><li><p><span class="ue_t">[键入起止时间]</span> <span class="ue_t">[键入公司名称]</span> <span class="ue_t">[键入职位名称]</span> </p></li><ol style="list-style-type:lower-alpha;"><li><p><span class="ue_t">[键入负责项目]</span> <span class="ue_t">[键入项目简介]</span></p></li></ol></ol><p><span style="color:#e36c09;font-size:20px;">掌握技能</span></p><p style="text-indent:2em;"> &nbsp;<span class="ue_t">[这里可以键入您所掌握的技能]</span><br /></p>' }, { "pre":"pre3.png", 'title':lang.richText, 'preHtml':'<h1 label="Title center" name="tc" style="border-bottom-color:#cccccc;border-bottom-width:2px;border-bottom-style:solid;padding:0px 4px 0px 0px;text-align:center;margin:0px 0px 20px;" class="ue_t">[此处键入文章标题]</h1><p><img src="http://img.baidu.com/hi/youa/y_0034.gif" width="150" height="100" border="0" hspace="0" vspace="0" style="width:150px;height:100px;float:left;" />图文混排方法</p><p>图片居左,文字围绕图片排版</p><p>方法:在文字前面插入图片,设置居左对齐,然后即可在右边输入多行文</p><p><br /></p><p><img src="http://img.baidu.com/hi/youa/y_0040.gif" width="100" height="100" border="0" hspace="0" vspace="0" style="width:100px;height:100px;float:right;" /></p><p>还有没有什么其他的环绕方式呢?这里是居右环绕</p><p><br /></p><p>欢迎大家多多尝试,为UEditor提供更多高质量模板!</p>', "html":'<p><br /></p><h1 label="Title center" name="tc" style="border-bottom-color:#cccccc;border-bottom-width:2px;border-bottom-style:solid;padding:0px 4px 0px 0px;text-align:center;margin:0px 0px 20px;" class="ue_t">[此处键入文章标题]</h1><p><img src="http://img.baidu.com/hi/youa/y_0034.gif" width="300" height="200" border="0" hspace="0" vspace="0" style="width:300px;height:200px;float:left;" />图文混排方法</p><p>1. 图片居左,文字围绕图片排版</p><p>方法:在文字前面插入图片,设置居左对齐,然后即可在右边输入多行文本</p><p><br /></p><p>2. 图片居右,文字围绕图片排版</p><p>方法:在文字前面插入图片,设置居右对齐,然后即可在左边输入多行文本</p><p><br /></p><p>3. 图片居中环绕排版</p><p>方法:亲,这个真心没有办法。。。</p><p><br /></p><p><br /></p><p><img src="http://img.baidu.com/hi/youa/y_0040.gif" width="300" height="300" border="0" hspace="0" vspace="0" style="width:300px;height:300px;float:right;" /></p><p>还有没有什么其他的环绕方式呢?这里是居右环绕</p><p><br /></p><p>欢迎大家多多尝试,为UEditor提供更多高质量模板!</p><p><br /></p><p>占位</p><p><br /></p><p>占位</p><p><br /></p><p>占位</p><p><br /></p><p>占位</p><p><br /></p><p>占位</p><p><br /></p><p><br /></p>' }, { "pre":"pre4.png", 'title':lang.sciPapers, 'preHtml':'<h2 style="border-bottom-color:#cccccc;border-bottom-width:2px;border-bottom-style:solid;padding:0px 4px 0px 0px;margin:0px 0px 10px;text-align:center;" class="ue_t">[键入文章标题]</h2><p><strong><span style="font-size:12px;">摘要</span></strong><span style="font-size:12px;" class="ue_t">:这里可以输入很长很长很长很长很长很长很长很长很差的摘要</span></p><p style="line-height:1.5em;"><strong>标题 1</strong></p><p style="text-indent:2em;"><span style="font-size:14px;" class="ue_t">这里可以输入很多内容,可以图文混排,可以有列表等。</span></p><p style="line-height:1.5em;"><strong>标题 2</strong></p><ol style="list-style-type:lower-alpha;"><li><p class="ue_t">列表 1</p></li><li><p class="ue_t">列表 2</p></li><ol style="list-style-type:lower-roman;"><li><p class="ue_t">多级列表 1</p></li><li><p class="ue_t">多级列表 2</p></li></ol><li><p class="ue_t">列表 3<br /></p></li></ol><p style="line-height:1.5em;"><strong>标题 3</strong></p><p style="text-indent:2em;"><span style="font-size:14px;" class="ue_t">来个文字图文混排的</span></p><p style="text-indent:2em;"><br /></p>', 'html':'<h2 style="border-bottom-color:#cccccc;border-bottom-width:2px;border-bottom-style:solid;padding:0px 4px 0px 0px;margin:0px 0px 10px;text-align:center;" class="ue_t">[键入文章标题]</h2><p><strong><span style="font-size:12px;">摘要</span></strong><span style="font-size:12px;" class="ue_t">:这里可以输入很长很长很长很长很长很长很长很长很差的摘要</span></p><p style="line-height:1.5em;"><strong>标题 1</strong></p><p style="text-indent:2em;"><span style="font-size:14px;" class="ue_t">这里可以输入很多内容,可以图文混排,可以有列表等。</span></p><p style="line-height:1.5em;"><strong>标题 2</strong></p><p style="text-indent:2em;"><span style="font-size:14px;" class="ue_t">来个列表瞅瞅:</span></p><ol style="list-style-type:lower-alpha;"><li><p class="ue_t">列表 1</p></li><li><p class="ue_t">列表 2</p></li><ol style="list-style-type:lower-roman;"><li><p class="ue_t">多级列表 1</p></li><li><p class="ue_t">多级列表 2</p></li></ol><li><p class="ue_t">列表 3<br /></p></li></ol><p style="line-height:1.5em;"><strong>标题 3</strong></p><p style="text-indent:2em;"><span style="font-size:14px;" class="ue_t">来个文字图文混排的</span></p><p style="text-indent:2em;"><span style="font-size:14px;" class="ue_t">这里可以多行</span></p><p style="text-indent:2em;"><span style="font-size:14px;" class="ue_t">右边是图片</span></p><p style="text-indent:2em;"><span style="font-size:14px;" class="ue_t">绝对没有问题的,不信你也可以试试看</span></p><p><br /></p>' } ];
Sign In - Gogs: Go Git Service

Sign In