文章编辑

css/model/sys/article.css

@@ -26,4 +26,9 @@
.sys_article_sort .content{
    font-size: 25px;
    font-weight: bold;
}
.sys_article_relate {
    width: 800px;
    height: 800px;
}

css/model/sys/articleModify.css

@@ -76,6 +76,10 @@ select[multiple], select[size] { height: auto; }
select optgroup { font-family: inherit; font-size: inherit; font-style: inherit; }
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { height: auto; }
.has-warning .help-block, .has-warning .control-label { color: rgb(192, 152, 83); }
.has-error .help-block, .has-error .control-label { color: rgb(185, 74, 72); }
.has-success .help-block, .has-success .control-label { color: rgb(70, 136, 71); }
.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: rgb(115, 115, 115); }
.clearfix::before, .clearfix::after { display: table; content: " "; }
.clearfix::after { clear: both; }
.webuploader-container { position: relative; text-align: center; }
@@ -101,6 +105,11 @@ ul, ol { list-style: none; }
button, input, select, textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0px; }
a, a:active, a:hover { outline: 0px; text-decoration: none; }
[class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; line-height: 14px; vertical-align: text-top; background-image: url("../images/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; margin-top: 1px; }
body { height: auto; position: relative; min-height: 100%; }
a { text-decoration: none; }
a:focus { }
a:active, a:hover { outline: 0px; text-decoration: none; }
.floatL { float: left; }
.floatR { float: right; }
.clearfix { clear: both; }
@@ -108,37 +117,90 @@ a, a:active, a:hover { outline: 0px; text-decoration: none; }
.clearfix::after { clear: both; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgb(153, 153, 153); }
.displayNone { display: none; }
.h2Font { font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); }
.frmtype { width: 100%; border-radius: 5px; border: 1px solid rgb(218, 218, 218); padding: 0px 10px; min-height: 30px; font-size: 14px; line-height: 30px; }
textarea.frmtype { line-height: 20px; padding: 6px 8px; min-height: 100px; }
.frmtype:focus { border: 1px solid rgb(255, 133, 0); box-shadow: none; outline: none; }
body { height: auto; position: relative; min-height: 100%; }
input { outline: none; }
.containerCon { width: 1120px; padding: 0px 10px; position: relative; margin: auto; clear: both; }
.cmpRadius { border-radius: 4px; }
.bgRadius { border-radius: 6px; }
.frmtype { border: 1px solid rgb(210, 210, 210); height: 36px; background: rgb(245, 246, 248); font-size: 14px; outline: none; padding: 6px 20px 6px 10px; border-radius: 6px; }
.frmtype:focus { box-shadow: none; outline: none; border: 1px solid rgb(40, 184, 250); }
textarea.frmtype { height: 100px; }
.requiredcon { color: red; font-size: 16px; margin: 0px 4px; }
.frmcontype { border: 1px solid rgb(229, 229, 229); width: 100%; height: 40px; background: rgb(255, 255, 255); font-size: 16px; color: rgb(102, 102, 102); line-height: 28px; outline: none; padding: 6px 12px; border-radius: 0px; }
.frmcontype:focus { border-color: rgb(40, 184, 250); }
.frmconmsg { color: rgb(253, 95, 57); margin-left: 12px; font-size: 14px; }
.modelContain { display: none; position: relative; clear: both; top: 20%; margin: 40px auto; width: 600px; background: rgb(255, 255, 255); border-radius: 8px; z-index: 1056; box-shadow: rgb(85, 85, 85) 2px 4px 10px 4px; }
.modelContain::before, .modelContain::after { display: table; content: " "; }
.modelContain::after { clear: both; }
#container { padding-top: 40px; }
.containerCon { width: 1120px; padding: 0px 10px; position: relative; margin: auto; }
.containerCon::before, .containerCon::after { display: table; content: " "; }
.containerCon::after { clear: both; }
footer { position: absolute; right: 0px; left: 0px; bottom: 0px; background: rgb(55, 61, 65); color: rgb(136, 136, 136); font-size: 14px; line-height: 30px; }
footer .containerCon { background: rgb(55, 61, 65); }
footer a { color: rgb(136, 136, 136); text-decoration: none; }
.topheader .containerCon { background: rgb(51, 51, 51); }
header { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 1000; font-size: 16px; line-height: 32px; }
html, body { background: rgb(244, 246, 248); }
.frmtype { outline: none; border-radius: 6px; }
.frmtype:focus { box-shadow: none; outline: none; border: 1px solid rgb(255, 133, 0); }
textarea.frmtype { height: 100px; }
.requiredcon { color: red; font-size: 16px; }
.frmcontype { width: 100%; border: 1px solid rgb(229, 229, 229); height: 40px; background: rgb(255, 255, 255); font-size: 16px; color: rgb(102, 102, 102); line-height: 28px; outline: none; padding: 6px 12px; border-radius: 0px; }
.frmcontype:focus { border-color: rgb(255, 153, 0); }
.frmconmsg { color: rgb(253, 95, 57); margin-left: 12px; font-size: 14px; }
.contentCon { padding-top: 80px; }
footer p .listlink { margin-right: 25px; color: rgb(136, 136, 136); }
footer .bottom-block { padding: 30px 0px; }
footer .logo-block { width: 271px; height: 60px; background: url("../images/business_icon_logo_nor.png") 0% 0% / cover; margin-bottom: 30px; }
footer .copy-block { color: rgb(102, 102, 102); margin-top: 10px; font-size: 12px; }
footer .copy-block a { color: rgb(102, 102, 102); }
footer .copy-block a.beianbox em { display: inline-block; width: 14px; height: 14px; background: url("../images/home_icon_beian.png") 0% 0% / cover; }
footer .code-block div { text-align: center; }
footer .code-block div:last-child { margin-left: 80px; }
footer .codelist { margin: 20px auto 10px; width: 118px; height: 118px; text-align: center; background-position: center center; background-repeat: no-repeat; }
footer .codelist span { display: inline-block; width: 94px; height: 94px; margin: 12px auto; }
footer .appcode { background-image: url("../images/home_bg_xiazaiapp_nor.png"); }
footer .appcode span { background-image: url("../images/home_code_app.jpg"); background-size: cover; }
footer .weixincode { background-image: url("../images/home_bg_guanzhu_nor.png"); }
footer .weixincode span { background-image: url("../images/home_code_weixin.jpg"); background-size: cover; }
header { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 1012; font-size: 16px; line-height: 32px; }
header .navheader { background: rgb(255, 255, 255); height: 62px; border-bottom: 2px solid rgb(229, 229, 229); }
header .topheader { background: rgb(51, 51, 51); height: 30px; font-size: 14px; line-height: 30px; }
header .topheader .containerCon { background: rgb(51, 51, 51); }
header .topheader a { padding: 0px 10px; margin-right: 16px; color: rgb(196, 195, 195); }
header .topheader a:hover { color: rgb(255, 255, 255); }
header .topheader .downicon { background: url("../images/top_icon_shouji_nor.png") 0px center no-repeat; padding-left: 18px; }
header .headlogo h1 { width: 60px; height: 30px; margin: 15px 14px 15px 0px; padding: 0px; background-image: url("../images/home_icon_cmplogo.png"); background-repeat: no-repeat; background-size: contain; overflow: hidden; }
header .headuserimg { position: relative; padding: 10px 0px 10px 20px; width: 60px; height: 60px; }
header .headuser { overflow: hidden; border: 1px solid rgb(229, 229, 229); width: 42px; height: 42px; display: table-cell; vertical-align: middle; text-align: center; cursor: pointer; }
header .headuser img { max-width: 40px; max-height: 100%; vertical-align: middle; overflow-y: auto; height: auto !important; }
header .headnavbtn { margin: 14px 6px; }
header .headnavbtn a { color: rgb(102, 102, 102); }
header .headnavbtn li { float: right; margin: 0px 6px; }
header .navheader li a:hover { color: rgb(40, 184, 250); }
header .navheader li.navcurrent a { color: rgb(40, 184, 250); }
header .comuserSelf { width: 180px; height: 180px; position: absolute; top: 42px; right: 0px; z-index: 100; }
header .triangleB { display: block; width: 0px; height: 0px; border-width: 8px; border-style: solid; border-color: transparent transparent rgb(40, 184, 250); border-image: initial; float: right; margin-right: 12px; margin-top: 14px; }
header .personal-box { width: 100%; background: rgb(40, 184, 250); clear: both; overflow: hidden; }
header .personal-box a { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 13px; color: rgb(255, 255, 255); }
header .personal-box a:hover { background: rgb(23, 164, 228); }
header .icon { display: block; width: 20px; height: 20px; margin-left: 15px; margin-right: 12px; margin-top: 10px; float: left; }
header .icon3 { background: url("../images/index-icon.png") -40px 0px no-repeat; }
header .icon4 { background: url("../images/index-icon.png") -20px 0px no-repeat; }
body, html { background: rgb(244, 246, 248); }
.btnBlock .frmtype { display: block; width: 140px; }
.webuploader-container { background: rgba(0, 0, 0, 0.4); bottom: 90px; }
.uploadInp .webuploader-pick { background: none; height: 85px; width: 100%; margin: 0px; line-height: 85px; }
.uploadInp .webuploader-element-invisible { height: 90px; }
.cmpFrmList > li .frmadd { width: auto; position: absolute; right: 0px; top: 0px; background: rgb(40, 184, 250); color: rgb(255, 255, 255); border: none; padding: 6px 25px; }
.keyResult > ul.editUlist, .keyResult > ul.editUlistC { width: 98%; margin-right: -30px; margin-bottom: 0px; }
.keyResult > ul.editUlistC > li, .keyResult > ul.editUlist > li { position: relative; padding: 6px 12px; background: rgb(255, 255, 255); border-radius: 0px; margin-bottom: 0px; }
.keyResult > ul.editUlist > li { float: left; }
.keyResult > ul.editUlistC > li { width: 100%; margin-top: 12px; }
.saveBtn .frmcontype { width: 120px; margin-right: 30px; margin-top: 20px; }
.citybox .frmtype { border: 1px solid rgb(181, 181, 181); }
.uploadFile { line-height: 30px; text-align: center; }
.uploadFile .uploadlogo { width: 98%; padding: 16px 0px; border: 2px dashed rgb(214, 214, 214); border-radius: 6px; background: rgb(245, 250, 255); color: rgb(102, 102, 102); }
.uploadFile input.uploadInp[type="file"] { height: 96px; }
.uploadFile .uploadlogo .upBack { padding: 0px 10px; }
.uploadFile .uploadlogo .upBack a { color: rgb(40, 184, 250); }
.uploadFile .uploadlogo .upBack a:hover { color: rgb(29, 170, 235); }
ul.cmpAllUl.cmpBindul .frmtype { height: 40px; }
ul.cmpAllUl.cmpSettledul .frmtype { height: 40px; }
.rightRequ .requiredcon { top: 2px; right: -6px; left: auto; }
.contentCon { }
.leftconBox { width: 820px; padding-bottom: 20px; margin-bottom: 20px; background: rgb(255, 255, 255); }
.conBlock .leftconBox { width: 820px; padding: 30px; position: relative; }
.rightconBox { width: 260px; margin-left: 20px; }
.rightconBox .conItem { padding: 30px 20px; background: rgb(255, 255, 255); margin-bottom: 20px; }
.rightconBox .conItem .form-result { margin: 18px -20px 0px; }
.rightconBox .conItem .form-result.form-M0 { margin-top: 0px; }
.rightconBox .conItem .form-result > ul > li { padding: 8px 20px; }
.conBlock .rightconBox .conItem:first-child { padding: 30px 20px; border-top: 4px solid rgb(255, 153, 0); }
.conBlock .rightconBox { width: 260px; margin-left: 20px; }
.conBlock .rightconBox .conItem { padding: 15px; background: rgb(255, 255, 255); margin-bottom: 20px; }
.conBlock .rightconBox .conItem:first-child { padding: 30px 10px; border-top: 4px solid rgb(40, 184, 250); }
ul.artAbout > li { clear: both; }
ul.artAbout > li::before, ul.artAbout > li::after { display: table; content: " "; }
ul.artAbout > li::after { clear: both; }
@@ -150,81 +212,67 @@ ul.artAbout .uploadFile input.upInp[type="file"] { position: absolute; height: 4
ul.artAbout .uploadFile .upbtn { display: inline-block; padding: 7px 23px; background: rgb(229, 229, 229); color: rgb(51, 51, 51); margin-top: 30px; }
ul.artAbout .uploadFile .uploadblock .upBackbtn { position: absolute; bottom: 30px; left: 50%; margin-left: -55px; background: rgba(0, 0, 0, 0.5); color: rgb(255, 255, 255); z-index: 10; display: none; }
.conBlock .aboutTit { font-size: 16px; line-height: 40px; color: rgb(102, 102, 102); margin-top: 18px; }
ul.artAbout #filePicker { position: absolute; left: 50%; bottom: 25px; margin-left: -52px; opacity: 0; z-index: 88; }
ul.artAbout .frmadd { width: auto; position: absolute; right: 0px; top: 0px; background: rgb(255, 153, 0); color: rgb(255, 255, 255); border: none; padding: 6px 25px; z-index: 4; }
.conItem ul.operateBlock { overflow: hidden; margin-top: -30px; }
.conItem ul.operateBlock > li { font-size: 15px; color: rgb(102, 102, 102); float: left; width: 33.333%; margin-top: 30px; text-align: center; cursor: pointer; }
ul.artAbout #filePicker { position: absolute; left: 50%; bottom: 22px; margin-left: -52px; opacity: 0; z-index: 88; }
ul.artAbout .frmadd { width: auto; position: absolute; right: 0px; top: 0px; background: rgb(40, 184, 250); color: rgb(255, 255, 255); border: none; padding: 6px 25px; z-index: 4; }
.conItem ul.operateBlock { overflow: hidden; margin-top: -20px; }
.conItem ul.operateBlock > li { font-size: 15px; color: rgb(102, 102, 102); float: left; width: 33.333%; margin-top: 20px; text-align: center; cursor: pointer; }
.conItem ul.operateBlock > li p { margin-top: 6px; }
.operateicon { display: inline-block; width: 18px; height: 18px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.operateicon.icon-issue { background-image: url("../images/g_article_icon_fabu_hig.png"); }
.conItem ul.operateBlock > li:hover { color: rgb(255, 153, 0); }
.conItem ul.operateBlock > li.goFabu { color: rgb(255, 153, 0); opacity: 0.8; }
.operateicon.icon-issue { background-image: url("/images/g_article_icon_fabu_lan_hig.png"); }
.operateicon.icon-timeissue { background-image: url("../../images/g_article_icon_dingshi_nor.png"); }
.operateicon.icon-preview { background-image: url("../../images/g_article_icon_yulan_nor.png"); }
.operateicon.icon-draft { background-image: url("../../images/g_article_icon_caogao_nor.png"); }
.operateicon.icon-delete { background-image: url("../../images/g_article_icon_shanchu_nor.png"); }
.conItem ul.operateBlock > li:hover { color: rgb(40, 184, 250); }
.conItem ul.operateBlock > li.goFabu { color: rgb(40, 184, 250); opacity: 0.8; }
.conItem ul.operateBlock > li.goFabu:hover { opacity: 1; }
.conItem ul.operateBlock > li:hover .operateicon.icon-timeissue { background-image: url("../images/g_article_icon_dingshi_hig.png"); }
.conItem ul.operateBlock > li:hover .operateicon.icon-preview { background-image: url("../images/g_article_icon_yulan_hig.png"); }
.conItem ul.operateBlock > li:hover .operateicon.icon-draft { background-image: url("../images/g_article_icon_caogao_hig.png"); }
.conItem ul.operateBlock > li:hover .operateicon.icon-delete { background-image: url("../images/g_article_icon_shanchu_hig.png"); }
.conItem ul.operateBlock > li:hover .operateicon.icon-feedback { background-image: url("../images/g_article_icon_jiucuo_hig.png"); }
.conItem ul.operateBlock > li:hover .operateicon.icon-timeissue { background-image: url("../images/g_article_icon_dingshi_lan_hig.png"); }
.conItem ul.operateBlock > li:hover .operateicon.icon-preview { background-image: url("../images/g_article_icon_yulan_lan_hig.png"); }
.conItem ul.operateBlock > li:hover .operateicon.icon-draft { background-image: url("../images/g_article_icon_caogao_lan_hig.png"); }
.conItem ul.operateBlock > li:hover .operateicon.icon-delete { background-image: url("../images/g_article_icon_shanchu_lan_hig.png"); }
.conItem ul.operateBlock > li.disableLi { opacity: 0.5; cursor: auto; }
.conItem ul.operateBlock > li.disableLi:hover { color: rgb(102, 102, 102); }
.conItem ul.operateBlock > li.disableLi:hover .operateicon.icon-delete { background-image: url("../images/g_article_icon_shanchu_nor.png"); }
.conItem ul.operateBlock > li.disableLi:hover .operateicon.icon-delete { background-image: url("../../images/g_article_icon_shanchu_nor.png"); }
.conItem .aboutTit { margin-top: -10px; }
.conItem .otherBlock { padding-bottom: 30px; border-bottom: 1px dashed rgb(229, 229, 229); margin-bottom: 30px; text-align: left; }
.conItem .otherBlock { padding-bottom: 30px; border-bottom: 1px dashed rgb(229, 229, 229); margin-bottom: 30px; }
.conItem .otherBlock:last-child { padding: 0px; margin: 0px; border: 0px; }
.rightconBox .conItem .currentArt.form-result { margin-top: 0px; }
.rightconBox .conItem .currentArt.form-result li { padding: 6px 20px; min-height: 62px; }
.rightconBox .conItem.conItemG .currentArt.form-result .ellipsisSty-2 { max-height: 42px; line-height: 20px; }
.rightconBox .conItem.conItemG .currentArt.form-result .smalltip { display: inline-block; color: rgb(153, 153, 153); margin-top: 6px; }
.rightconBox .conItem.conItemG .currentBlock { margin-top: 30px; padding-top: 16px; border-top: 1px solid rgb(229, 229, 229); }
.rightconBox .conItem.conItemG .currentBlock .madiaHead { width: 50px; height: 50px; margin-top: -25px; }
.conItem .otherBlock.currentBlock { border: none; margin-bottom: 0px; padding-bottom: 0px; }
.form-item { }
.form-drop { position: relative; top: -1px; border-right: 1px solid rgb(229, 229, 229); border-bottom: 1px solid rgb(229, 229, 229); border-left: 1px solid rgb(229, 229, 229); border-image: initial; border-top: none; width: 100%; z-index: 0; }
.form-item input.frmcontype { position: relative; z-index: 2; }
.form-item .frmaddG { display: none; width: auto; position: absolute; right: 0px; top: 0px; background: rgb(255, 153, 0); color: rgb(255, 255, 255); border: none; padding: 6px 25px; z-index: 6; }
.form-item .madiaHead { position: absolute; width: 50px; height: 50px; top: 50%; margin-top: -25px; background-position: center center; background-size: cover; }
.form-item .madiaHead.useHead { background-image: url("../images/default-photo.jpg"); border-radius: 50%; }
.form-item .madiaHead.cmpHead { background: rgb(255, 255, 255); border-radius: 0px; }
.form-item .madiaHead.cmpHead .boxBlock { width: 118px; height: 80px; }
.form-item .madiaHead.resouseHead { background-image: url("../images/default-resource.jpg"); border-radius: 0px; }
.form-item .madiaHead.paperHead { background-image: url("../images/default-paper.jpg"); border-radius: 0px; }
.form-item .madiaHead.patentHead { background-image: url("../images/default-patent.jpg"); border-radius: 0px; }
.form-item .madiaHead.artHead { background-image: url("../images/default-artical.jpg"); border-radius: 0px; }
.form-item .frmadd { z-index: 6; }
.form-item .madiaHead { position: absolute; border: 1px solid rgb(229, 229, 229); width: 50px; height: 50px; top: 50%; margin-top: -25px; background-position: center center; background-size: cover; }
.form-item .madiaHead.useHead { background-image: url("../../images/default-photo.jpg"); border-radius: 50%; }
.form-item .madiaHead.resouseHead { background-image: url("../../images/default-resource.jpg"); border-radius: 0px; }
.form-item .madiaHead.artHead { background-image: url("../../images/default-artical.jpg"); border-radius: 0px; }
.form-item .madiaInfo { width: 100%; padding-left: 62px; margin: 2px 0px; }
.form-item ul .h1Font { font-size: 16px; color: rgb(51, 51, 51); line-height: 20px; margin-bottom: 4px; }
.form-item ul .h2Font { font-size: 14px; color: rgb(102, 102, 102); line-height: 22px; }
.form-item ul .h3Font { font-size: 13px; color: rgb(153, 153, 153); line-height: 20px; }
.form-item ul .circlePre { display: inline-block; content: ""; width: 5px; height: 5px; border-radius: 50%; background: rgb(255, 153, 0); position: relative; top: -3px; margin-right: 5px; }
.form-item ul .h1Font { font-size: 16px; color: rgb(51, 51, 51); line-height: 24px; }
.form-item ul .h2Font { font-size: 14px; color: rgb(102, 102, 102); line-height: 24px; }
.form-drop > ul > li { position: relative; min-height: 76px; padding: 12px; cursor: pointer; background: rgb(255, 255, 255); }
.form-drop > ul > li:hover { background: rgb(238, 238, 238); }
.form-drop > ul > li:active { background: rgb(255, 153, 0); color: rgb(255, 255, 255); }
.form-drop > ul > li:active { background: rgb(40, 184, 250); color: rgb(255, 255, 255); }
.form-drop > ul > li:active .h1Font, .form-drop > ul > li:active .h2Font { color: rgb(255, 255, 255); }
.form-result { margin: 18px -30px 0px; }
.form-result > ul > li { position: relative; padding: 8px 30px; min-height: 76px; }
.form-result > ul > li > a { width: 100%; }
.form-result > ul > li .deleteThis { display: none; position: absolute; top: 50%; margin-top: -16px; right: 28px; width: 32px; height: 32px; background: url("../images/g_article_button_shanchu_hig.png") 0% 0% / cover; cursor: pointer; }
.form-result { margin: 18px -15px 0px; }
.form-result > ul > li { position: relative; padding: 12px 15px; min-height: 76px; }
.form-result > ul > li .deleteThis { display: none; position: absolute; top: 50%; margin-top: -16px; right: 14px; width: 32px; height: 32px; background: url("../../images/g_article_button_shanchu_hig.png") 0% 0% / cover; cursor: pointer; }
.form-result > ul > li:hover { background: rgb(238, 238, 238); }
.form-result > ul > li:hover .deleteThis { display: block; }
.form-drop.keydrop > ul > li { min-height: auto; padding: 8px 12px; }
.form-result.keyResult { margin: 18px -20px 0px 0px; }
.keyResult > ul { margin-bottom: -10px; }
.keyResult > ul > li { float: left; margin-right: 20px; margin-bottom: 10px; padding: 2px 12px; color: rgb(153, 153, 153); border: 1px solid rgb(229, 229, 229); border-radius: 20px; min-height: auto; }
.keyResult > ul > li .closeThis { display: none; position: absolute; top: -8px; right: -12px; width: 28px; height: 28px; background: url("../images/g_article_button_guanbi_hig.png") 0% 0% / cover; cursor: pointer; }
.keyResult > ul > li .closeThis { display: none; position: absolute; top: -8px; right: -12px; width: 28px; height: 28px; background: url("/images/g_article_button_guanbi_lan_hig.png") 0% 0% / cover; cursor: pointer; }
.keyResult > ul > li:hover { background: rgb(229, 229, 229); }
.keyResult > ul > li:hover .closeThis { display: block; }
.showDetail .h2Font { font-size: 14px; color: rgb(153, 153, 153); }
ul.tagList > li .h2Font { color: rgb(102, 102, 102); }
.otherShow .aboutTit { font-size: 18px; color: rgb(102, 102, 102); }
.otherShow .form-result { margin: 0px -30px; }
.commentsArea.form-item ul.commentList .madiaHead.useHeadMsg { top: 10px; margin-top: 0px; }
.commentsArea ul.commentList > li .h2Font { font-size: 16px; color: rgb(102, 102, 102); line-height: 26px; }
.otherShow .form-result > ul > li { min-height: 104px; }
.rightconBox .conItem.conItemG .madiaHead { width: 100px; height: 100px; border: 1px solid rgb(229, 229, 229); margin: 0px auto 10px; background-position: center center; background-size: cover; }
.rightconBox .conItem.conItemG .madiaHead.useHead { background-image: url("../images/default-photo.jpg"); border-radius: 50%; }
.rightconBox .conItem.conItemG .madiaHead.cmpHead { background: rgb(255, 255, 255); border: none; width: 200px; height: 120px; }
.rightconBox .conItem.conItemG .madiaHead.cmpHead .boxBlock { width: 198px; height: 118px; }
.rightconBox .conItem.conItemG .madiaHead.useHead { background-image: url("../../images/default-photo.jpg"); border-radius: 50%; }
.rightconBox .conItem.conItemG .madiaHead.cmpHead { background-image: url("../../images/default-icon.jpg"); }
.rightconBox .conItem.conItemG .h1Font { font-size: 16px; }
.rightconBox .conItem.conItemG .h2Font { font-size: 14px; color: rgb(102, 102, 102); line-height: 26px; }
.rightconBox .conItem.conItemG .h3Font > a { color: rgb(51, 51, 51); }
.itemListBolck .searchAbout .frmcontype { height: 36px; font-size: 14px; }
.itemListBolck .searchAbout .frmcontype { height: 36px; font-size: 14px; line-height: 22px; }
.itemListBolck .frmcontype { width: 100%; border-radius: 20px; padding-left: 20px; background: rgb(245, 246, 248); }
.itemListBolck .itemListCon .form-result > ul > li { padding: 20px; cursor: pointer; }
.itemListBolck .itemListCon .form-result > ul > li::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 2px; background: rgb(244, 246, 248); }
@@ -232,23 +280,35 @@ ul.tagList > li .h2Font { color: rgb(102, 102, 102); }
.itemListBolck .itemListCon .form-result { margin: 20px 0px 30px; border-top: 1px solid rgb(229, 229, 229); }
.itemListCon.form-item ul .h1Font { font-size: 18px; }
.itemListCon .form-result > ul > li .madiaEdit > li { float: left; margin-right: 28px; }
.itemListCon .form-result > ul > li .madiaEdit .editThis { display: inline-block; width: 60px; height: 32px; background: url("../images/g_article_button_xiugai_hig.png") 0% 0% / cover; cursor: pointer; }
.itemListCon .form-result > ul > li .madiaEdit .deteleThis2 { display: inline-block; width: 32px; height: 32px; background: url("../images/g_article_button_shanchu_hig.png") 0% 0% / cover; cursor: pointer; }
.itemListCon .form-result > ul > li .madiaEdit .editThis { display: inline-block; width: 60px; height: 32px; background: url("../images/g_article_button_xiugai_lan_hig.png") 0% 0% / cover; cursor: pointer; }
.itemListCon .form-result > ul > li .madiaEdit .deteleThis2 { display: inline-block; width: 32px; height: 32px; background: url("../../images/g_article_button_shanchu_hig.png") 0% 0% / cover; cursor: pointer; }
.itemListCon .form-result > ul > li .madiaEdit .closeThis { color: rgb(255, 0, 0); }
.itemListCon .form-result > ul > li .madiaEdit { display: none; overflow: hidden; position: absolute; top: 50%; margin-top: -16px; right: 0px; }
.itemListCon .form-result > ul > li:hover .madiaEdit { display: block; }
.blackcover2 { display: none; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0, 0, 0, 0.5); z-index: 1000; }
.blackcover2 { display: none; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0, 0, 0, 0.5); z-index: 1050; }
.setTimeBlock { z-index: 999999; width: 400px; position: fixed; background-color: white; border-radius: 6px; box-shadow: rgb(102, 102, 102) 1px 1px 20px 4px; top: 50%; left: 50%; margin: -167px 0px 0px -200px; }
.setTimeBlock .mb_tit { display: block; font-size: 18px; color: rgb(255, 255, 255); background-color: rgb(40, 184, 250); line-height: 60px; text-align: center; border-radius: 6px 6px 0px 0px; }
.setTimeBlock .mb_close { display: block; position: absolute; right: 20px; top: 18px; background: url("/images/sign_icon_guanbi_nor.png") center center no-repeat; width: 20px; height: 20px; cursor: pointer; }
.setTimeBlock .mb_msg { position: relative; padding: 30px 40px 20px; line-height: 24px; text-align: center; font-size: 16px; }
.setTimeBlock .mb_msg .mb-list { margin: 6px 6px 12px; }
.setTimeBlock .mb_msg .mb-list p { margin: 6px; }
.setTimeBlock .mb_btnbox { margin: 0px auto 30px; text-align: center; position: relative; }
.setTimeBlock .mb_btn { width: 100px; font-size: 14px; height: 32px; color: white; border: none; background-image: none; padding: 0px; margin: 0px 10px; border-radius: 6px; }
.setTimeBlock .mb_btnOk { background-color: rgb(40, 184, 250); }
.setTimeBlock .mb_btnNo { background-color: rgb(204, 204, 204); }
.artAbout > li > dl { margin-top: -10px; margin-right: -15px; height: 200px; overflow: hidden; padding-top: 10px; }
.artAbout > li > dl > dd { position: relative; float: left; width: 31.2%; border: 1px solid rgb(229, 229, 229); height: 190px; margin-right: 15px; }
.artAbout > li > dl > dd:nth-child(2), .artAbout > li > dl > dd:nth-child(3) { background: url("../images/g_resource_bg_tianjia_nor.png") center center no-repeat; }
.artAbout > li > dl > dd:nth-child(2), .artAbout > li > dl > dd:nth-child(3) { background: url("../../images/g_resource_bg_tianjia_nor.png") center center no-repeat; }
.artAbout > li > dl > dd.uploadD { background: none; }
.artAbout > li > dl > dd .imgItem { background: rgb(255, 255, 255); display: table-cell; text-align: center; vertical-align: middle; width: 240px; height: 188px; }
.artAbout > li > dl > dd .imgItem img { vertical-align: middle; max-width: 240px; max-height: 188px; }
.artAbout > li > dl > dd .uploadFile .uploadblock { border: none; }
.artAbout > li > dl > dd .file-panel { position: absolute; top: -10px; right: -10px; text-align: center; overflow: hidden; }
.artAbout > li > dl > dd .file-panel .cancel { display: inline-block; width: 20px; height: 20px; cursor: pointer; background: url("../images/g_resource_button_guanbi_nor.png") 0% 0% / cover; }
.form-item .addexpertRe { margin: 0px -30px; }
.artAbout > li > dl > dd .file-panel .cancel { display: inline-block; width: 20px; height: 20px; cursor: pointer; background: url("../../images/g_resource_button_guanbi_nor.png") 0% 0% / cover; }
.form-item .addexpertRe { margin: 0px -15px; }
.form-item .addexpertRe ul.addexpert > li .madiaInfo { padding-right: 42px; }
.form-item .addexpertRe ul.addexpert > li .addbtn { position: absolute; right: 20px; background: rgb(255, 153, 0); top: 50%; margin-top: -14px; cursor: pointer; padding: 4px 10px; color: rgb(255, 255, 255); border-radius: 4px; }
.form-item .addexpertRe ul.addexpert > li .selectNull { position: absolute; right: 20px; top: 50%; margin-top: -11px; width: 22px; height: 22px; background-image: url("../../images/c-sign-on_button_xuanze_nor.png"); background-size: cover; }
.form-item .addexpertRe ul.addexpert > li .selectAdd { background-image: url("../../images/c-sign-on_button_xuanze_hig.png"); }
.conBlock .leftconBox2 { background: none; padding: 0px; }
.conBlock .leftconBox2 .reInfoBlock { width: 320px; margin-left: 24px; position: relative; height: 270px; }
.conBlock .leftconBox2 .reInfoBlock .h2Font { font-size: 16px; color: rgb(102, 102, 102); line-height: 26px; margin-top: 12px; }
@@ -257,47 +317,17 @@ ul.tagList > li .h2Font { color: rgb(102, 102, 102); }
.conBlock .leftconBox2 .resShareUl { position: absolute; bottom: 0px; }
.conBlock .leftconBox2 .resShareUl > ul > li { float: left; margin-right: 30px; font-size: 14px; color: rgb(153, 153, 153); }
.conBlock .leftconBox2 .resShareUl > ul > li .operateicon { margin-left: 10px; cursor: pointer; }
.conBlock .leftconBox2 .resShareUl > ul > li > span { position: relative; top: -2px; font-size: 14px; }
.conBlock .leftconBox2 .resShareUl > ul > li > span { position: relative; top: -3px; }
.keydrop > ul > li.orgList { overflow: hidden; }
.keydrop > ul > li.orgList img { width: 50px; height: 50px; margin-right: 10px; }
.keydrop > ul > li.orgList p { line-height: 50px; font-size: 14px; }
.conBlock .workconG { float: right; width: 87%; background: rgb(255, 255, 255); margin-bottom: 20px; }
.conBlock .workconG { float: right; width: 87%; background: rgb(255, 255, 255); }
.conBlock .workconG .workcontit { height: 60px; padding: 0px 20px; font-size: 16px; line-height: 60px; border-bottom: 1px solid rgb(231, 231, 231); }
.conBlock .workconG .worksamlltit { font-size: 16px; line-height: 30px; margin-right: 30px; padding: 10px 4px 8px; cursor: pointer; }
.conBlock .workconG .worksamlltit.worksamlltitnow { color: rgb(255, 153, 0); border-bottom: 2px solid rgb(255, 153, 0); }
.mainDownP .containerCon { height: 100%; }
.mainDownP .contentCon { position: relative; height: 100%; width: 100%; }
.conBlock .workconG .worksamlltit.worksamlltitnow { color: rgb(40, 184, 250); border-bottom: 2px solid rgb(40, 184, 250); }
.footer_tools { position: fixed; z-index: 1070; left: 50%; margin-left: 562px; bottom: 20px; }
.footer_tools > a { margin-top: 10px; position: relative; display: inline-block; width: 52px; height: 52px; background-position: center center; background-size: cover; opacity: 0.8; }
#scrollUp { display: none; background-image: url("../images/bottom_button_dingbu_hig.png"); }
.footer_tools > a:hover { opacity: 1; }
.footer_tools .correctBlock { display: none; width: 270px; position: fixed; bottom: 0px; right: 0px; border-radius: 6px 6px 0px 0px; overflow: hidden; box-shadow: rgba(195, 195, 195, 0.3) 1px 1px 13px 1px; }
.correctBlock .frmcontype { font-size: 16px; color: rgb(255, 255, 255); }
.correctBlock textarea.frmcontype { height: 280px; border: none; font-size: 14px; color: rgb(102, 102, 102); }
.headconBox .reInfoBlock .h2Font { font-size: 16px; color: rgb(102, 102, 102); margin-bottom: 8px; }
.headconBox .head-center .h2Font { margin-bottom: 0px; }
.operateBlock { }
.operateBlock > ul > li { float: left; font-size: 14px; color: rgb(153, 153, 153); min-height: 24px; margin-right: 20px; }
.operateBlock > ul > li .operateicon { margin-left: 10px; cursor: pointer; }
.operateBlock > ul > li > span { position: relative; top: -2px; font-size: 14px; }
.headconBox .operateBlock > ul > li { margin-right: 0px; }
.cmpFrmList > li .frmadd { width: auto; position: absolute; right: 0px; top: 0px; background: rgb(255, 153, 0); color: rgb(255, 255, 255); border: none; padding: 6px 25px; }
.keyResult > ul.editUlist, .keyResult > ul.editUlistC { width: 98%; margin-right: -30px; margin-bottom: 0px; }
.keyResult > ul.editUlistC > li, .keyResult > ul.editUlist > li { position: relative; padding: 6px 12px; background: rgb(255, 255, 255); margin-bottom: 0px; }
.keyResult > ul.editUlist > li { float: left; }
.keyResult > ul.editUlistC > li { width: 100%; margin-top: 12px; }
.keyResult > ul.editUlistC > li.yjlist { margin: 10px 0px 0px; width: 100%; text-align: left; border-radius: 0px; line-height: 26px; border: none; background: none; padding: 0px 12px 0px 0px; }
.keyResult > ul.editUlistC > li.yjlist > div { width: auto; position: relative; border: 1px solid rgb(229, 229, 229); background: rgb(255, 255, 255); display: inline-block; padding: 0px 12px 0px 0px; }
.keyResult > ul.editUlistC > li.yjlist .like { display: inline-block; float: left; text-align: center; min-width: 28px; padding: 0px 6px; background: rgb(255, 153, 0); color: rgb(255, 255, 255); font-size: 10px; margin-right: 5px; }
.saveBtn .frmcontype { width: 120px; margin-right: 30px; margin-top: 20px; }
.modifybox .form-result.keyResult { margin-top: -10px; }
.aboutPa .form-result { margin: -6px -20px 0px 0px; }
.aboutPa .form-result > ul > li { display: none; float: left; width: 47%; border: 1px solid rgb(229, 229, 229); background: rgb(255, 255, 255); padding: 20px; margin: 20px 20px 0px 0px; min-height: auto; height: 76px; }
.aboutPa .form-result > ul > li > a { display: block; width: 100%; }
.aboutPa .form-result > ul > li .shareCode { left: -8px; z-index: 2; }
.aboutPa .form-result > ul > li:hover { background: rgb(255, 255, 255); }
.aboutPa .form-result ul.authorBox { position: relative; }
.aboutPa .form-result ul.authorBox > li > a { max-width: 80%; }
#scrollUp { display: none; width: 52px; height: 52px; background-image: url("../../images/../images/bottom_button_dingbu_hig.png"); background-position: center center; background-size: cover; opacity: 0.8; }
#scrollUp:hover { opacity: 1; }
.edui-default .edui-box { border: none; padding: 0px; margin: 0px; overflow: hidden; }
.edui-default a.edui-box { display: block; text-decoration: none; color: black; }
.edui-default a.edui-box:hover { text-decoration: none; }

html/index.html

@@ -171,7 +171,8 @@
	<script type="text/javascript" src="../js/webuploader.js"></script>
	<script type="text/javascript" src="../js/city.min.js"></script>
	<script type="text/javascript" src="../js/static.js"></script>
	<script type="text/javascript" src="../js/ueditor/ueditor.config.js"></script>
	<script type="text/javascript" src="../js/ueditor/ueditor.all.js"> </script>
	<script>
		$(function() {
			$.use(["spa", "util"], function(spa, util) {

html/model/sys/article/articleModify.html

@@ -5,49 +5,34 @@
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>修改文章-科袖网</title>
    <!--<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />-->
    <!--<link href="css/bootstrap.min.css" rel="stylesheet">-->
    <!--<link type="text/css" href="css/webuploader/webuploader.css" rel="stylesheet">-->
    <!--<link type="text/css" rel="stylesheet" href="css/datetimepicker.css">-->
    <!--<link type="text/css" href="css/webuploader/webuploader.css" rel="stylesheet">-->
    <!--<link type="text/css" href="css/common.css" rel="stylesheet">-->
    <link type="text/css" href="../../../../css/model/sys/articleModify.css" rel="stylesheet">
    <script type="text/javascript" src="../../../../js/jquery-1.12.4.js"></script>
    <link rel="shortcut icon" href="images/favicon.ico "/>
    <link type="text/css" href="/css/model/sys/articleModify.css" rel="stylesheet">
    <script type="text/javascript" src="/js/jquery-1.12.4.js"></script>
    <script src="../../../../js/jquery.similar.msgbox.js"></script>
</head>
<body>
<header id="header">
    <!--<script src="js/header.js"></script>-->
    <!--<script src="js/public/cmpHeader.js"></script>-->
</header>
<!--定时发布弹框-->
<!--<div class="blackcover2"></div>-->
<!--<div class="setTimeBlock modelContain">-->
<!--<span class="mb_tit">提示</span>-->
<!--<a class="mb_close"></a>-->
<!--<div class="mb_msg">-->
<!--<p style="margin: 10px;">请设置文章发布的时间：</p>-->
<!--<div class="formTime">-->
<!--&lt;!&ndash;<div class="form-group">-->
<!--<div class='input-group date' id='datetimepicker6'>-->
<!--<input type='text' class="form-control" />-->
<!--<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>-->
<!--</div>-->
<!--</div>&ndash;&gt;-->
<!--<div class="form-group">-->
<!--<input size="16" type="text" value="" readonly class="form-control form_datetime">-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="mb_btnbox">-->
<!--<input class="mb_btn mb_btnOk" type="button" value="确定">-->
<!--<input class="mb_btn mb_btnNo" type="button" value="取消">-->
<!--</div>-->
    <!--<span class="mb_tit">提示</span>-->
    <!--<a class="mb_close"></a>-->
    <!--<div class="mb_msg" id="promotTh">-->
    <!--</div>-->
    <!--<div class="mb_btnbox" id="promotGt">-->
        <!--<input class="mb_btn mb_btnNo" type="button" value="取消">-->
    <!--</div>-->
<!--</div>-->
<div id="container">
    <div class="containerCon">
        <div class="contentCon clearfix conBlock">
        <div class="contentCon clearfix conBlock" style="padding-top:20px">
            <div class="leftconBox floatL">
                <ul class="artAbout">
                    <li>
@@ -56,8 +41,8 @@
                                <span class="" id="filePicker">上传图片</span>
                                <!--未上传图片时-->
                                <div class="upFront">
                                    <p>文章封面大图<em class="requiredcon">*</em></p>
                                    <p class="uploadtip">JPG/PNG格式，2M以内</p>
                                    <p>文章封面图片<em class="requiredcon">*</em></p>
                                    <p class="uploadtip">JPG/JPEG/PNG格式，2M以内</p>
                                    <span class="upbtn">上传图片</span>
                                </div>
                                <!--已上传图片时-->
@@ -102,7 +87,7 @@
                    <ul class="operateBlock">
                        <li class="goFabu" id="release">
                            <em class="operateicon icon-issue"></em>
                            <p>发布</p>
                            <p>保存</p>
                        </li>
                        <!--<li id="setTimeIssue">-->
                            <!--<em class="operateicon icon-timeissue"></em>-->
@@ -120,59 +105,64 @@
                            <!--<em class="operateicon icon-delete"></em>-->
                            <!--<p>删除</p>-->
                        <!--</li>-->
                    </ul>
                </div>
                <div class="conItem">
                    <div class="form-item otherBlock">
                        <div class="aboutTit">相关专家<span class="frmconmsg"></span></div>
                        <input type="text" class="frmtype frmcontype" placeholder="请输入专家姓名" id="checkZj" value="" />
                        <div class="form-drop displayNone">
                            <ul class="expertlist" id="expertlist">
                            </ul>
                        </div>
                        <div class="form-result">
                            <ul class="addexpert" id="expertli">
                            </ul>
                        </div>
                    </div>
                    <div class="form-item otherBlock">
                        <div class="aboutTit">相关资源<span class="frmconmsg"></span></div>
                        <input type="text" class="frmtype frmcontype" placeholder="请输入资源名称" id="checkZy" value="" />
                        <div class="form-drop displayNone">
                            <ul class="expertlist" id="resouselist">
                            </ul>
                        </div>
                        <div class="form-result">
                            <ul class="addexpert" id="resources">
                            </ul>
                        </div>
                    </div>
                </div>
                <!--<div class="conItem">-->
                    <!--<div class="form-item otherBlock">-->
                        <!--<div class="aboutTit">相关专家<span class="frmconmsg"></span></div>-->
                        <!--<input type="text" class="frmtype frmcontype" placeholder="请输入专家姓名" id="checkZj" value="" />-->
                        <!--<div class="form-drop displayNone">-->
                            <!--<ul class="expertlist" id="expertlist">-->
                            <!--</ul>-->
                        <!--</div>-->
                        <!--<div class="form-result">-->
                            <!--<ul class="addexpert" id="expertli">-->
                            <!--</ul>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="form-item otherBlock">-->
                        <!--<div class="aboutTit">相关资源<span class="frmconmsg"></span></div>-->
                        <!--<input type="text" class="frmtype frmcontype" placeholder="请输入资源名称" id="checkZy" value="" />-->
                        <!--<div class="form-drop displayNone">-->
                            <!--<ul class="expertlist" id="resouselist">-->
                            <!--</ul>-->
                        <!--</div>-->
                        <!--<div class="form-result">-->
                            <!--<ul class="addexpert" id="resources">-->
                            <!--</ul>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="form-item otherBlock">-->
                        <!--<div class="aboutTit">相关企业<span class="frmconmsg"></span></div>-->
                        <!--<input type="text" class="frmtype frmcontype" placeholder="请输入企业名称" id="company" value="" />-->
                        <!--<div class="form-drop displayNone">-->
                            <!--<ul class="expertlist" id="companylist">-->
                            <!--</ul>-->
                        <!--</div>-->
                        <!--<div class="form-result">-->
                            <!--<ul class="addexpert" id="companys">-->
                            <!--</ul>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            </div>
        </div>
    </div>
</div>
<div class="footer_tools">
    <a id="scrollUp" href="javascript:;" title="返回顶部"></a>
</div>
<!--<footer>-->
<!--<script type="text/javascript" src="js/footer.js"></script>-->
<!--</footer>-->
<!--<script type="text/javascript" src="js/public/bootstrap.min.js"></script>-->
<!--<script type="text/javascript" src="js/public/prettify.js"></script>-->
<!--<script type="text/javascript" src="js/public/bootstrap-datetimepicker.min.js"></script>-->
<script type="text/javascript" src="../../../../js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="../../../../js/ueditor/ueditor.all.js"> </script>
<script type="text/javascript" src="../../../../js/webuploader.js"></script>
<!--<script type="text/javascript"src="js/jquery.cookie.js"></script>-->
<script type="text/javascript" src="../../../../js/jquery.similar.msgbox.js"></script>
<!--<script type="text/javascript" src="js/common.js"></script>-->
<script type="text/javascript" src="../../../../js/model/sys/article/articleModify.js"></script>
<!--<div class="footer_tools">-->
    <!--<a id="scrollUp" href="javascript:;" title="返回顶部"></a>-->
<!--</div>-->
<script type="text/javascript" src="/js/jquery.similar.msgbox.js"></script>
<script type="text/javascript" src="/js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="/js/ueditor/ueditor.all.js"> </script>
<script type="text/javascript" src="/js/webuploader.js"></script>
<script type="text/javascript" src="/js/model/sys/article/articleModify.js"></script>
<script type="text/javascript">
    $(function () {
        //回到顶部
@@ -191,39 +181,6 @@
            $('html,body').animate({ scrollTop:0});
        });
        var currentdate;
//    $(".form_datetime").datetimepicker({
//    	format: 'yyyy-mm-dd hh:ii',
//    	forceParse: true,
//    	autoclose: true,
//       // todayBtn: true
//    });
        function getNowFormatDate() {
            var date = new Date();
            var seperator1 = "-";
            var seperator2 = ":";
            var month = date.getMonth() + 1;
            var strDate = date.getDate();
            var getHours = date.getHours();
            var getMinutes = date.getMinutes();
            if (month >= 1 && month <= 9) {
                month = "0" + month;
            }
            if (strDate >= 0 && strDate <= 9) {
                strDate = "0" + strDate;
            }
            if (getMinutes >= 0 && getMinutes <= 9) {
                getMinutes = "0" + getMinutes;
            }
            if (getHours >= 0 && getHours <= 9) {
                getHours = "0" + getHours;
            }
            var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
                + " " + getHours + seperator2 + getMinutes
            return currentdate;
        }
        $(".form_datetime").val(getNowFormatDate(currentdate));
    });
    //Model模态框打开关闭
@@ -244,7 +201,7 @@
        // swf文件路径
        swf: '../js/webuploader/Uploader.swf',
        // 文件接收服务端。
        server: '../ajax/cachedFileUpload',
        server: '/ajax/cachedFileUpload',
        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        fileSingleSizeLimit: 2 * 1024 * 1024,
@@ -256,14 +213,14 @@
        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
            extensions: 'jpg,jpeg,png',
            mimeTypes: 'image/jpg,image/jpeg,image/png'
        }
    });
    uploader.onError = function(code) {
        if(code=="F_EXCEED_SIZE"){
            $.MsgBox.Alert('提示', '请上传jpg、png格式的图片，大小不超过2M')
            $.MsgBox.Alert('提示', '请上传jpg、jpeg、png格式的图片，大小不超过2M');
        }
    };
    // 当有文件添加进来的时候
@@ -280,8 +237,13 @@
    // 文件上传成功，给item添加成功class, 用样式标记上传成功。
    cacheImageKey="";
    uploader.on( 'uploadSuccess', function(file,data) {
        cacheImageKey =data.data[0].cacheKey;
        $("#uploader").attr("data-id",cacheImageKey);
        if(data.success) {
            cacheImageKey =data.data[0].cacheKey;
            $("#uploader").attr("data-id",cacheImageKey);
        }else{
            $.MsgBox.Alert('提示', '只支持jpeg/jpg/png格式的图片');
            $("#uploader").css("background-image","url('')");
        }
    });
</script>

html/model/sys/article/index.html

@@ -51,6 +51,12 @@
            <div class="btn opt-sort-num">
                设置权重
            </div>
            <div class="btn opt-edit">
                编辑文章内容
            </div>
            <div class="btn opt-relate">
                编辑关联信息
            </div>
            <div class="btn opt-del">
                删除
            </div>

html/model/sys/article/relate.html

@@ -0,0 +1,21 @@
<div class="sys_article_relate centerModal">
    <div class="modal-ctrl" id="header">
        <i class="icon icon-times"></i>
    </div>
    <div class="container newForm">
        <div class="row">
            <div class="col-2"></div>
            <div class="col-4 item-caption content ">设置权重</div>
        </div>
        
        <div class="row">
            <div class="col-10"></div>
            <div class="co  l-2">
                <div class="btn pull-right opt-save">
                    <i class="icon-check"></i> SAVE
                </div>
            </div>
        </div>
    </div>
</div>

js/jquery.similar.msgbox.js

@@ -44,12 +44,12 @@
            textAlign:'center', fontSize: '16px',overflow:'hidden',fontFamily: fontfamily
        });
        $("#mb_msgicon").css({display:'inline-block',width:'40px',height: '40px',marginRight: '6px',
    		background: 'url(images/sign_icon_gantan_nor.png)', backgroundSize: 'contain',overflow:'hidden'
    		background: 'url(/images/sign_icon_gantan_nor.png)', backgroundSize: 'contain',overflow:'hidden'
        });
         $("#mb_msgcontent").css({margin:'10px'});
        
        $("#mb_ico").css({ display: 'block', position: 'absolute', right: '20px', top: '18px',
        	background:'url(images/sign_icon_guanbi_nor.png) center center no-repeat', width: '20px', height: '20px',cursor: 'pointer'
        	background:'url(/images/sign_icon_guanbi_nor.png) center center no-repeat', width: '20px', height: '20px',cursor: 'pointer'
        });
        $("#mb_btnbox").css({ margin: '0 auto 30px', textAlign: 'center', position:'relative' });
        $("#mb_btn_ok,#mb_btn_no").css({ width: '100px', fontSize: '14px', height: '32px', color: 'white', border: 'none' });

js/model/sys/article/articleModify.js

@@ -1,23 +1,26 @@
/**
 * Created by TT on 2017/8/21.
 */
$(function() {
    // loginStatus();//判断个人是否登录
    // valUser();
    var articleId = GetQueryString("articleId");
    var experarray = [];
    var resourcesarray = [];
    var $data = {};
    var modifyTimeval;
    var settime = false;
    // var orgId = $.cookie("orgId");
    var colMgr = true;
    // if(orgId == "" || orgId == null || orgId == "null"){
    //     location.href = "cmp-settled-log.html";
    // }
    var hbur,hburEnd;
    var pr,prEnd;
    var re,reEnd;
    var orgr,orgrEnd;
    articleshow();
    relevantExperts();
    relevantResources();
    // relevantExperts();
    // relevantResources();
    function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        var r = window.location.search.substr(1).match(reg); //��ȡurl��"?"�����ַ�����ƥ��
        var context = "";
        if(r != null)
@@ -27,6 +30,7 @@ $(function() {
        return context == null || context == "" || context == "undefined" ? "" : decodeURI(context);
    }
    //校验标题
    $("#newstitle").on({
        focus: function() {
@@ -51,20 +55,28 @@ $(function() {
            $("#keyPrompt").text("");
        },
        keyup: function() {
            if($(this).val()==""){
            var ti=$(this).val();
            hbur=ti;
            if(ti==""){
                $(".frmadd").addClass("displayNone");
                $(".keydrop ul").html("");
                $(".keydrop").addClass("displayNone");
                return;
            }else{
                $(".frmadd").removeClass("displayNone");
            }
            if($(this).val().length > 15) {
                $(this).val($(this).val().substr(0, 15));
            }
            KeyWordList();
            setTimeout(function(){
                if( ti===hbur && ti!== hburEnd) {
                    KeyWordList(ti);
                }
            },500)
        }
    })
    //添加关键字
    $("#addkeyWord").on("click", function() {
        var keyWord = $("#KeyWord").val();
@@ -125,28 +137,31 @@ $(function() {
        }
    }
    function KeyWordList() {
    function KeyWordList(seValue) {
        hburEnd=seValue;
        $.ajax({
            "url": "/ajax/dataDict/qaHotKey",
            "url": "/ajax/article/qaHotKey",
            "type": "get",
            "data": {
                "key": $("#KeyWord").val()
            },
            "success": function(data) {
                console.log(data);
                if(data.success && data.data != "") {
                    var itemlist = '';
                    $("#keydropList").html("");
                    for(var i = 0; i < 5; i++) {
                        var itemlist = '<li><p class="h2Font"></p></li>';
                        $itemlist = $(itemlist);
                        $("#keydropList").append($itemlist);
                        $itemlist.find(".h2Font").text(data.data[i].caption);
                if(data.success) {
                    if(hburEnd == seValue){
                        var itemlist = '';
                        $("#keydropList").html("");
                        for(var i = 0; i < Math.min(data.data.length,5); i++) {
                            var itemlist = '<li><p class="h2Font"></p></li>';
                            $itemlist = $(itemlist);
                            $("#keydropList").append($itemlist);
                            $itemlist.find(".h2Font").text(data.data[i].caption);
                        }
                        $(".keydrop").removeClass("displayNone");
                    }
                    $(".keydrop").removeClass("displayNone");
                } else {
                    $(".keydrop").addClass("displayNone");
                    $(".keydrop ul").html("");
                    //$(".keydrop").addClass("displayNone");
                    //$(".keydrop ul").html("");
                }
            },
            "error": function() {
@@ -189,12 +204,34 @@ $(function() {
    $("#checkZj").on("keyup", function() {
        var _this = this;
        checkZj(_this);
        var ti=$(this).val();
        pr=ti;
        if($(this).val()=="") {
            return;
        }
        setTimeout(function(){
            if( ti===pr && ti!== prEnd) {
                checkZj(_this,ti);
            }
        },500)
    })
    $("#checkZy").on("keyup", function() {
        var ti=$(this).val();
        re=ti;
        if($(this).val()=="") {
            return;
        }
        var _this = this;
        checkZy(_this);
        setTimeout(function(){
            if( ti===re && ti!== reEnd) {
                checkZy(_this,ti);
            }
        },500)
    })
    $("#expertlist").on("click","li",function(){
@@ -239,108 +276,112 @@ $(function() {
        $(this).parent().remove();
    })
    function checkZj(_this){
        $.ajax({
            "url": "/ajax/professor/qaByName",
            "type": "get",
            "data": {
                "name": $("#checkZj").val(),
                "total":3
            },
            "success": function(data) {
                console.log(data);
                if(data.success ) {
                    if(data.data != ""){
                        $(_this).next().removeClass("displayNone");
                        var itemlist = '';
                        $("#expertlist").html("");
                        for(var i = 0; i < data.data.length; i++) {
                            var itemlist = '<li id="usid" class="flexCenter">';
                            itemlist += '<div class="madiaHead useHead" id="userimg"></div>';
                            itemlist += '<div class="madiaInfo">';
                            itemlist += '<p class="ellipsisSty"><span class="h1Font" id="name"></span><span class="h2Font" style="margin-left:10px;" id="title"></span></p>';
                            itemlist += '<p class="h2Font ellipsisSty" id="orgName"></p>';
                            itemlist += '</div><div class="deleteThis"></div></li>';
                            $itemlist = $(itemlist);
                            $("#expertlist").append($itemlist);
                            var datalist = data.data[i];
                            $itemlist.attr("data-id",datalist.id);
                            $itemlist.find("#name").text(datalist.name);
                            $itemlist.find("#title").text(datalist.title);
                            $itemlist.find("#orgName").text(datalist.orgName);
                            if(datalist.hasHeadImage==1) {
                                $itemlist.find("#userimg").attr("style", "background-image: url(/images/head/" + datalist.id + "_l.jpg);");
                            }
                        }
                    }else{
                        $(_this).next().addClass("displayNone");
                    }
                }else{
                    $(_this).next().addClass("displayNone");
                }
            },
            "error": function() {
                $.MsgBox.Alert('提示', '链接服务器超时')
            }
        });
    }
    function checkZy(_this) {
        $.ajax({
            "url": "/ajax/resource/qaByName",
            "type": "get",
            "data": {
                "resourceName": $("#checkZy").val(),
                "rows": 3
            },
            "success": function(data) {
                console.log(data);
                if(data.success) {
                    if(data.data != "") {
                        $(_this).next().removeClass("displayNone");
                        var itemlist = '';
                        $("#resouselist").html("");
                        for(var i = 0; i < data.data.length; i++) {
                            var itemlist = '<li id="usid" class="flexCenter">';
                            itemlist += '<div class="madiaHead resouseHead" id="userimg"></div>';
                            itemlist += '<div class="madiaInfo">';
                            itemlist += '<p class="h1Font ellipsisSty" id="resourceName"></p>';
                            itemlist += '<p class="h2Font ellipsisSty" id="name"></p>';
                            itemlist += '</div><div class="deleteThis"></div></li>';
                            $itemlist = $(itemlist);
                            $("#resouselist").append($itemlist);
                            var datalist = data.data[i];
                            $itemlist.attr("data-id", datalist.resourceId);
                            $itemlist.find("#resourceName").text(datalist.resourceName);
                            if(datalist.resourceType==1){
                                $itemlist.find("#name").text(datalist.professor.name);
                            }else{
                                $itemlist.find("#name").text(datalist.organization.name);
                            }
                            if(datalist.images.length > 0) {
                                $itemlist.find("#userimg").attr("style", "background-image: url(/data/resource/" + datalist.images[0].imageSrc + ");");
                            }
                        }
                    } else {
                        $(_this).next().addClass("displayNone");
                    }
                } else {
                    $(_this).next().addClass("displayNone");
                }
            },
            "error": function() {
                $.MsgBox.Alert('提示', '链接服务器超时')
            }
        });
    }
    // function checkZj(_this,prd) {
    //     prEnd=prd;
    //     $.ajax({
    //         "url": "/ajax/professor/qaByName",
    //         "type": "get",
    //         "data": {
    //             "name": $("#checkZj").val(),
    //             "total": 3
    //         },
    //         "success": function(data) {
    //             console.log(data);
    //             if(data.success) {
    //                 if(data.data != "") {
    //                     if(prEnd == prd){
    //                         $(_this).next().removeClass("displayNone");
    //                         var itemlist = '';
    //                         $("#expertlist").html("");
    //                         for(var i = 0; i < data.data.length; i++) {
    //                             var itemlist = '<li id="usid" class="flexCenter">';
    //                             itemlist += '<div class="madiaHead useHead" id="userimg"></div>';
    //                             itemlist += '<div class="madiaInfo">';
    //                             itemlist += '<p class="ellipsisSty"><span class="h1Font" id="name"></span><span class="h2Font" style="margin-left:10px;" id="title"></span></p>';
    //                             itemlist += '<p class="h2Font ellipsisSty" id="orgName"></p>';
    //                             itemlist += '</div><div class="deleteThis"></div></li>';
    //                             $itemlist = $(itemlist);
    //                             $("#expertlist").append($itemlist);
    //                             var datalist = data.data[i];
    //                             $itemlist.attr("data-id", datalist.id);
    //                             $itemlist.find("#name").text(datalist.name);
    //                             $itemlist.find("#title").text(datalist.title);
    //                             $itemlist.find("#orgName").text(datalist.orgName);
    //                             if(datalist.hasHeadImage == 1) {
    //                                 $itemlist.find("#userimg").attr("style", "background-image: url(/images/head/" + datalist.id + "_l.jpg);");
    //                             }
    //                         }
    //                     }
    //                 } else {
    //                     $(_this).next().addClass("displayNone");
    //                 }
    //             } else {
    //                 $(_this).next().addClass("displayNone");
    //             }
    //         },
    //         "error": function() {
    //             $.MsgBox.Alert('提示', '链接服务器超时')
    //         }
    //     });
    // }
    // function checkZy(_this,prd) {
    //     reEnd=prd;
    //     $.ajax({
    //         "url": "/ajax/resource/qaByName",
    //         "type": "get",
    //         "data": {
    //             "resourceName": $("#checkZy").val(),
    //             "rows": 3
    //         },
    //         "success": function(data) {
    //             console.log(data);
    //             if(data.success) {
    //                 if(data.data != "") {
    //                     if(reEnd==prd) {
    //                         $(_this).next().removeClass("displayNone");
    //                         var itemlist = '';
    //                         $("#resouselist").html("");
    //                         for(var i = 0; i < data.data.length; i++) {
    //                             var itemlist = '<li id="usid" class="flexCenter">';
    //                             itemlist += '<div class="madiaHead resouseHead" id="userimg"></div>';
    //                             itemlist += '<div class="madiaInfo">';
    //                             itemlist += '<p class="h1Font ellipsisSty" id="resourceName"></p>';
    //                             itemlist += '<p class="h2Font ellipsisSty" id="name"></p>';
    //                             itemlist += '</div><div class="deleteThis"></div></li>';
    //                             $itemlist = $(itemlist);
    //                             $("#resouselist").append($itemlist);
    //                             var datalist = data.data[i];
    //                             $itemlist.attr("data-id", datalist.resourceId);
    //                             $itemlist.find("#resourceName").text(datalist.resourceName);
    //                             if(datalist.resourceType==1){
    //                                 $itemlist.find("#name").text(datalist.professor.name);
    //                             }else{
    //                                 $itemlist.find("#name").text(datalist.organization.name);
    //                             }
    //                             if(datalist.images.length > 0) {
    //                                 $itemlist.find("#userimg").attr("style", "background-image: url(/data/resource/" + datalist.images[0].imageSrc + ");");
    //                             }
    //                         }
    //                     }
    //                 } else {
    //                     $(_this).next().addClass("displayNone");
    //                 }
    //             } else {
    //                 $(_this).next().addClass("displayNone");
    //             }
    //         },
    //         "error": function() {
    //             $.MsgBox.Alert('提示', '链接服务器超时')
    //         }
    //     });
    // }
    //初始化数据
    function articleshow(){
        $.ajax({
            "url" : "/ajax/article/query",
            "url" : "/ajax/article/id/"+articleId,
            "type" :  "GET" ,
            "dataType" : "json",
            "data" :{"articleId":articleId},
            "success" : function(data) {
                console.log(data)
                if (data.success){
@@ -370,115 +411,115 @@ $(function() {
    }
    //相关专家
    function relevantExperts(){
        $.ajax({
            "url": "/ajax/article/ralatePro",
            "type": "get",
            "dataType" : "json",
            "data" :{"articleId":articleId},
            "success": function(data) {
                if(data.success && data.data) {
                    for(var i = 0; i < data.data.length; i++) {
                        var professorId = data.data[i].professorId;
                        relevantExpertsList(professorId)
                    }
                }
            },
            "error": function() {
                $.MsgBox.Alert('提示', '链接服务器超时')
            }
        });
    }
    // function relevantExperts(){
    //     $.ajax({
    //         "url": "/ajax/article/ralatePro",
    //         "type": "get",
    //         "dataType" : "json",
    //         "data" :{"articleId":articleId},
    //         "success": function(data) {
    //             if(data.success && data.data) {
    //                 for(var i = 0; i < data.data.length; i++) {
    //                     var professorId = data.data[i].professorId;
    //                     relevantExpertsList(professorId)
    //                 }
    //
    //             }
    //         },
    //         "error": function() {
    //             $.MsgBox.Alert('提示', '链接服务器超时')
    //         }
    //     });
    // }
    //相关专家信息
    function relevantExpertsList(professorId){
        $.ajax({
            "url" : "/ajax/professor/info/"+professorId,
            "type" :  "GET" ,
            "dataType" : "json",
            "success" : function(data) {
                console.log(data);
                if (data.success && data.data){
                    var itemlist = '';
                    var itemlist = '<li id="usid">';
                    itemlist += '<div class="madiaHead useHead" id="userimg"></div>';
                    itemlist += '<div class="madiaInfo">';
                    itemlist += '<p class="ellipsisSty"><span class="h1Font" id="name"></span><span class="h2Font" style="margin-left:10px;" id="title"></span></p>';
                    itemlist += '<p class="h2Font ellipsisSty" id="orgName"></p>';
                    itemlist += '</div><div class="deleteThis"></div></li>';
                    $itemlist = $(itemlist);
                    $("#expertli").append($itemlist);
                    var datalist = data.data;
                    $itemlist.attr("data-id",datalist.id);
                    $itemlist.find("#name").text(datalist.name);
                    $itemlist.find("#title").text(datalist.title);
                    $itemlist.find("#orgName").text(datalist.orgName);
                    if(datalist.hasHeadImage==1) {
                        $itemlist.find("#userimg").attr("style", "background-image: url(/images/head/" + datalist.id + "_l.jpg);");
                    }
                }
            },
            "error":function(){
                $.MsgBox.Alert('提示','链接服务器超时')
            }
        });
    }
    //相关资源
    function relevantResources(){
        $.ajax({
            "url": "/ajax/article/ralateRes",
            "type": "get",
            "dataType" : "json",
            "data" :{"articleId":articleId},
            "success": function(data) {
                if(data.success && data.data) {
                    for(var i = 0; i < data.data.length; i++) {
                        var resourceId = data.data[i].resourceId;
                        relevantResourcesList(resourceId)
                    }
                }
            },
            "error": function() {
                $.MsgBox.Alert('提示', '链接服务器超时')
            }
        });
    }
    //相关资源信息
    function relevantResourcesList(resourceId){
        $.ajax({
            "url" : "/ajax/resource/resourceInfo",
            "type" :  "GET" ,
            "dataType" : "json",
            "data" :{"resourceId":resourceId},
            "success" : function(data) {
                console.log(data);
                if (data.success && data.data){
                    var itemlist = '<li id="usid">';
                    itemlist += '<div class="madiaHead resouseHead" id="userimg"></div>';
                    itemlist += '<div class="madiaInfo">';
                    itemlist += '<p class="h2Font ellipsisSty" id="resourceName"></p>';
                    itemlist += '<p class="h1Font" id="name"></p>';
                    itemlist += '</div><div class="deleteThis"></div></li>';
                    $itemlist = $(itemlist);
                    $("#resources").append($itemlist);
                    var datalist = data.data;
                    $itemlist.attr("data-id", datalist.resourceId);
                    $itemlist.find("#resourceName").text(datalist.resourceName);
                    $itemlist.find("#name").text(datalist.editProfessor.name);
                    if(datalist.images.length > 0) {
                        $itemlist.find("#userimg").attr("style", "background-image: url(/data/resource/" + datalist.images[0].imageSrc + ");");
                    }
                }
            },
            "error":function(){
                $.MsgBox.Alert('提示','链接服务器超时')
            }
        });
    }
    // function relevantExpertsList(professorId){
    //     $.ajax({
    //         "url" : "/ajax/professor/info/"+professorId,
    //         "type" :  "GET" ,
    //         "dataType" : "json",
    //         "success" : function(data) {
    //             console.log(data);
    //             if (data.success && data.data){
    //                 var itemlist = '';
    //                 var itemlist = '<li id="usid">';
    //                 itemlist += '<div class="madiaHead useHead" id="userimg"></div>';
    //                 itemlist += '<div class="madiaInfo" style="padding-right:42px">';
    //                 itemlist += '<p class="ellipsisSty"><span class="h1Font" id="name"></span><span class="h2Font" style="margin-left:10px;" id="title"></span></p>';
    //                 itemlist += '<p class="h2Font ellipsisSty" id="orgName"></p>';
    //                 itemlist += '</div><div class="deleteThis"></div></li>';
    //                 $itemlist = $(itemlist);
    //                 $("#expertli").append($itemlist);
    //                 var datalist = data.data;
    //                 $itemlist.attr("data-id",datalist.id);
    //                 $itemlist.find("#name").text(datalist.name);
    //                 $itemlist.find("#title").text(datalist.title);
    //                 $itemlist.find("#orgName").text(datalist.orgName);
    //                 if(datalist.hasHeadImage==1) {
    //                     $itemlist.find("#userimg").attr("style", "background-image: url(/images/head/" + datalist.id + "_l.jpg);");
    //                 }
    //             }
    //         },
    //         "error":function(){
    //             $.MsgBox.Alert('提示','链接服务器超时')
    //         }
    //     });
    // }
    //
    // //相关资源
    // function relevantResources(){
    //     $.ajax({
    //         "url": "/ajax/article/ralateRes",
    //         "type": "get",
    //         "dataType" : "json",
    //         "data" :{"articleId":articleId},
    //         "success": function(data) {
    //             if(data.success && data.data) {
    //                 for(var i = 0; i < data.data.length; i++) {
    //                     var resourceId = data.data[i].resourceId;
    //                     relevantResourcesList(resourceId)
    //                 }
    //
    //             }
    //         },
    //         "error": function() {
    //             $.MsgBox.Alert('提示', '链接服务器超时')
    //         }
    //     });
    // }
    //
    // //相关资源信息
    // function relevantResourcesList(resourceId){
    //     $.ajax({
    //         "url" : "/ajax/resource/resourceInfo",
    //         "type" :  "GET" ,
    //         "dataType" : "json",
    //         "data" :{"resourceId":resourceId},
    //         "success" : function(data) {
    //             console.log(data);
    //             if (data.success && data.data){
    //                 var itemlist = '<li id="usid">';
    //                 itemlist += '<div class="madiaHead resouseHead" id="userimg"></div>';
    //                 itemlist += '<div class="madiaInfo" style="padding-right:42px">';
    //                 itemlist += '<p class="h1Font ellipsisSty" id="resourceName"></p>';
    //                 itemlist += '<p class="h2Font" id="name"></p>';
    //                 itemlist += '</div><div class="deleteThis"></div></li>';
    //                 $itemlist = $(itemlist);
    //                 $("#resources").append($itemlist);
    //                 var datalist = data.data;
    //                 $itemlist.attr("data-id", datalist.resourceId);
    //                 $itemlist.find("#resourceName").text(datalist.resourceName);
    //                 $itemlist.find("#name").text(datalist.editProfessor.name);
    //                 if(datalist.images.length > 0) {
    //                     $itemlist.find("#userimg").attr("style", "background-image: url(/data/resource/" + datalist.images[0].imageSrc + ");");
    //                 }
    //             }
    //         },
    //         "error":function(){
    //             $.MsgBox.Alert('提示','链接服务器超时')
    //         }
    //     });
    // }
    var titleflase = false;
    //交验图片和标题不能为空
@@ -521,67 +562,134 @@ $(function() {
        return $.unique(resourcesarray);
    }
    var seleClum ='<div class="mb-list mb-listL"><p>请选择文章发布的栏目：</p>'+
        '<select class="form-control form-column" id="seletColum"></select></div>';
    var seleTime = '<div class="mb-list mb-listR"><p>请设置文章发布的时间：</p>'+
        '<div class="formTime"><div class="form-group">'+
        '<input size="16" type="text" value="" readonly class="form-control form_datetime">'+
        '</div></div></div>';
    //文章发布
    $("#release").on("click",function(){
        noTitleImg();
        if(titleflase){
            $.MsgBox.Confirm("提示","确认发布该文章?",newsAdd);
    $("#release").on("click", function() {
        if($(this).hasClass("disableLi")){
            return;
        }
    })
    //文章存草稿
    $("#draft").on("click",function(){
        noTitleImg();
        if(titleflase){
            draftAdd(1);
        }
    })
        if(titleflase) {
            console.log(colMgr)
            if(colMgr=="true"){
                $(".blackcover2").fadeIn();
                var btnOk='<input class="mb_btn mb_btnOk mb_btnOkpub" type="button" value="确定">'
                $(".mb_btnOk").remove(); $("#promotGt").prepend(btnOk);
                $(".modelContain").show(); $("body").addClass("modelOpen");
                $(".mb-listR").remove();
                $(".mb-listL").remove();
                $("#promotTh").prepend(seleClum);
                fillColum(7);//填充select栏目
                $(".mb_btnOkpub").on("click", function() {
                    $(".blackcover2").fadeOut();
                    $(".modelContain").hide();
                    $("body").removeClass("modelOpen");
                    $.MsgBox.Confirm("提示", "确认修改该文章?", newsAdd);
                })
            }else{
                $.MsgBox.Confirm("提示", "确认修改该文章?", newsAdd);
            }
    //文章预览
    $("#preview").on("click",function(){
        noTitleImg();
        if(titleflase){
            draftAdd(2);
        }
    })
    //删除文章
    $("#delete").on("click",function(){
        $.MsgBox.Confirm("提示","确认删除该文章？",newsDelet);
    })
    });
    //定时文章发布
    $("#setTimeIssue").on("click", function() {
        //$(".form_datetime").val(timeGeshi(modifyTimeval));
        noTitleImg();
        if(titleflase) {
            $(".blackcover2").fadeIn();
            $(".modelContain").show();
            $("body").addClass("modelOpen");
            $(".mb_btnOk").on("click", function() {
                var modifyTimeval = $(".form_datetime").val();
                settime = true;
                setTimeIssue(st6(modifyTimeval),settime);
            })
        }
    })
    // $("#setTimeIssue").on("click", function() {
    //     if($(this).hasClass("disableLi")){
    //         return;
    //     }
    //     noTitleImg();
    //     if(titleflase) {
    //         $(".blackcover2").fadeIn();
    //         var btnOk='<input class="mb_btn mb_btnOk mb_btnOkset" type="button" value="确定">'
    //         $(".mb_btnOk").remove(); $("#promotGt").prepend(btnOk);
    //         $(".modelContain").show(); $("body").addClass("modelOpen");
    //         $(".mb-listR").remove(); $("#promotTh").append(seleTime);//时间选择器
    //         $(".mb-listR .form_datetime").datetimepicker({
    //             format: 'yyyy-mm-dd hh:ii',
    //             forceParse: true,
    //             autoclose: true,
    //         });
    //         $(".mb-listR .form_datetime").val(getNowFormatDate());
    //         if(colMgr=="true"){
    //             $(".mb-listL").remove();
    //             $("#promotTh").prepend(seleClum);
    //             fillColum(7);//填充select栏目
    //         }
    //         $(".mb_btnOkset").on("click", function() {
    //             var publishTime = $(".form_datetime").val();
    //             console.log(st6(publishTime));
    //             setTimeIssue(st6(publishTime));
    //         })
    //     }
    // })
    //
    // //文章存草稿
    // $("#draft").on("click",function(){
    //     if($(this).hasClass("disableLi")){
    //         return;
    //     }
    //     noTitleImg();
    //     if(titleflase){
    //         draftAdd(1);
    //     }
    // })
    //
    // //文章预览
    // $("#preview").on("click",function(){
    //     if($(this).hasClass("disableLi")){
    //         return;
    //     }
    //     noTitleImg();
    //     if(titleflase){
    //         draftAdd(2);
    //     }
    // })
    //
    // //删除文章
    // $("#delete").on("click",function(){
    //     $.MsgBox.Confirm("提示","确认删除该文章？",newsDelet);
    // })
    function getAttrId() {
        var arr=[];
        this.each(function(){
            arr.push( $(this).attr("data-id"));
        });
        return arr;
    }
    /*获取数据*/
    function getdata(publishTime,settime) {
        expertli();//相关专家
        resourcesli();//相关咨询
        $data.articleId = articleId;
        $data.professorId = userid;
    function getdata(publishTime) {
        expertli(); //相关专家
        resourcesli(); //相关咨询
        // $data.orgId = orgId;
        $data.articleId=articleId;
        if($("#companys li").length) {
            $data.orgs = getAttrId.call($("#companys li"));
        }
        $data.articleTitle = $("#newstitle").val();
        $data.subject = captiureSubInd("keyWordlist .delkeylist");
        $data.articleImg = $("#uploader").attr("data-id");
        $data.articleContent = ue.getContent();
        $data.professors = experarray;
        $data.resources = resourcesarray;
        if(settime) {
            $data.publishTime = publishTime;
        }
        // $data.professors = experarray;
        // $data.resources = resourcesarray;
        // if(colMgr=="true"){
        //     $data.colNum = $("#seletColum").val();
        //     if(publishTime!="") {
        //         $data.publishTime = publishTime;
        //     }
        // }else{
        //     if(publishTime!="") {
        //         $data.publishTime = publishTime;
        //     }
        //     $data.colNum=2;
        // }
        console.log($data);
    }
@@ -589,25 +697,29 @@ $(function() {
    /*文章添加*/
    function newsAdd(){
        getdata();
        $(".operateBlock").find("li").addClass("disableLi");
        $.ajax({
            "url" : "/ajax/article/save",
            "type" :  "post" ,
            "dataType" : "json",
            "data" :$data,
            "traditional": true, //传数组必须加这个
            "complete":function(){
                $(".operateBlock").find("li").removeClass("disableLi");
            },
            "success" : function(data) {
                console.log(data);
                if (data.success){
                    articleId = data.data;
                    $.MsgBox.Alert("提示","文章发表成功！",function articalList(){
                        location.href = "articalList.html";
                    $.MsgBox.Alert("提示","文章修改成功！",function articalList(){
                        // location.href = "cmp-articalList.html";
                    });
                    $("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
                    $("#mb_msgicon").css("background", 'url("/images/sign_icon_chenggong_nor.png") 0% 0% / contain');
                } else {
                    if(data.code==90) {
                        $.MsgBox.Alert('提示', '由于操作时间过久，上传图片已失效，请重新上传。');
                    }else{
                        $.MsgBox.Alert("提示", "文章发表失败！");
                        $.MsgBox.Alert("提示", "文章修改失败！");
                    }
                }
            },
@@ -618,111 +730,270 @@ $(function() {
    }
    /*文章定时发布*/
    function setTimeIssue(publishTime,settime) {
        var opublishTime=publishTime+"01";
        getdata(opublishTime,settime);
        $.ajax({
            "url": "/ajax/article/timing",
            "type": "post",
            "dataType": "json",
            "data": $data,
            "traditional": true, //传数组必须加这个
            "success": function(data) {
                console.log(data);
                if(data.success) {
                    articleId = data.data;
                    location.href = "articalList.html";
                } else {
                    if(data.code==90) {
                        $.MsgBox.Alert('提示', '由于操作时间过久，上传图片已失效，请重新上传。');
                    }else{
                        $.MsgBox.Alert("提示", "文章发表失败！");
                    }
                }
            },
            "error": function() {
                $.MsgBox.Alert('提示', '链接服务器超时')
            }
        });
    }
    // function setTimeIssue(publishTime,settime) {
    //     var opublishTime=publishTime+"01";
    //     getdata(opublishTime,settime);
    //     $(".operateBlock").find("li").addClass("disableLi");
    //     $.ajax({
    //         "url": "/ajax/article/timing",
    //         "type": "post",
    //         "dataType": "json",
    //         "data": $data,
    //         "traditional": true, //传数组必须加这个
    //         "complete":function(){
    //             $(".operateBlock").find("li").removeClass("disableLi");
    //         },
    //         "success": function(data) {
    //             console.log(data);
    //             if(data.success) {
    //                 articleId = data.data;
    //                 location.href = "cmp-articalList.html";
    //             } else {
    //                 if(data.code==90) {
    //                     $.MsgBox.Alert('提示', '由于操作时间过久，上传图片已失效，请重新上传。');
    //                 }else{
    //                     $.MsgBox.Alert("提示", "文章发表失败！");
    //                 }
    //             }
    //         },
    //         "error": function() {
    //             $.MsgBox.Alert('提示', '链接服务器超时')
    //         }
    //     });
    // }
    /*文章添加草稿和文章预览*/
    function draftAdd(num){
        getdata();
        $.ajax({
            "url" : "/ajax/article/draft",
            "type" :  "post" ,
            "dataType" : "json",
            "data" :$data,
            "traditional": true, //传数组必须加这个
            "success" : function(data) {
                console.log(data);
                if(num==1){
                    if (data.success){
                        articleId = data.data;
                        $.MsgBox.Alert("提示","文章已保存草稿。");
                        $("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
                        articleshow();
                    }else{
                        if(data.code==90) {
                            $.MsgBox.Alert('提示', '由于操作时间过久，上传图片已失效，请重新上传。');
                        }else{
                            $.MsgBox.Alert("提示", "文章发表失败！");
                        }
                    }
                }
                if(num==2){
                    if(data.success) {
                        $("#hidearticleId").val(data.data);
                        articleId = data.data;
                        $("#delete").removeClass("disableLi").addClass("odele");
                        fa = true;
                    }else{
                        if(data.code==90) {
                            $.MsgBox.Alert('提示', '由于操作时间过久，上传图片已失效，请重新上传。');
                        }else{
                            $.MsgBox.Alert("提示", "文章发表失败！");
                        }
                    }
                    if(fa) {
                        window.open("articalPreview.html?articleId=" + articleId)
                    }
                }
            },
            "error":function(){
                $.MsgBox.Alert('提示','链接服务器超时')
            }
        });
    }
    // function draftAdd(num){
    //     getdata();
    //     $(".operateBlock").find("li").addClass("disableLi");
    //     $.ajax({
    //         "url" : "/ajax/article/draft",
    //         "type" :  "post" ,
    //         "dataType" : "json",
    //         "data" :$data,
    //         "traditional": true, //传数组必须加这个
    //         "complete":function(){
    //             $(".operateBlock").find("li").removeClass("disableLi");
    //         },
    //         "success" : function(data) {
    //             console.log(data);
    //             if(num==1){
    //                 if (data.success){
    //                     articleId = data.data;
    //                     $.MsgBox.Alert("提示","文章已保存草稿。");
    //                     $("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
    //                     articleshow();
    //                 }else{
    //                     if(data.code==90) {
    //                         $.MsgBox.Alert('提示', '由于操作时间过久，上传图片已失效，请重新上传。');
    //                     }else{
    //                         $.MsgBox.Alert("提示", "文章发表失败！");
    //                     }
    //                 }
    //             }
    //             if(num==2){
    //                 if(data.success) {
    //                     $("#hidearticleId").val(data.data);
    //                     articleId = data.data;
    //                     $("#delete").removeClass("disableLi").addClass("odele");
    //                     fa = true;
    //                 }else{
    //                     if(data.code==90) {
    //                         $.MsgBox.Alert('提示', '由于操作时间过久，上传图片已失效，请重新上传。');
    //                     }else{
    //                         $.MsgBox.Alert("提示", "文章发表失败！");
    //                     }
    //                 }
    //                 if(fa) {
    //                     window.open("../articalPreview.html?articleId=" + articleId)
    //                 }
    //             }
    //         },
    //         "error":function(){
    //             $.MsgBox.Alert('提示','链接服务器超时')
    //         }
    //     });
    // }
    /*文章删除*/
    function newsDelet() {
        $.ajax({
            "url" : "/ajax/article/deleteArticle",
            "type" : "POST",
            "dataType" : "json",
            "data": {
                "articleId": articleId
            },
            "success" : function($data) {
                if ($data.success) {
                    location.href = "articalList.html";
                }
            },
            "error":function(){
                $.MsgBox.Alert('提示','链接服务器超时')
            }
        })
    }
    function st6(osr) {
        var tim = osr.substring(0, 4) + osr.substring(5, 7) + osr.substring(8, 10) + osr.substring(11, 13) + osr.substring(14, 16);
        return tim;
    }
    function timeGeshi(otm) {
        var otme = otm.substring(0, 4) + "-" + otm.substring(4, 6).replace(/\b(0+)/gi, "") + "-" + otm.substring(6, 8).replace(/\b(0+)/gi, "") + " " + otm.substring(8, 10)+ ":" + otm.substring(10, 12);
        return otme;
    }
});
    // function newsDelet() {
    //     $.ajax({
    //         "url" : "/ajax/article/deleteArticle",
    //         "type" : "POST",
    //         "dataType" : "json",
    //         "data": {
    //             "articleId": articleId
    //         },
    //         "success" : function($data) {
    //             if ($data.success) {
    //                 location.href = "cmp-articalList.html";
    //             }
    //         },
    //         "error":function(){
    //             $.MsgBox.Alert('提示','链接服务器超时')
    //         }
    //     })
    // }
    // function st6(osr) {
    //     var tim = osr.substring(0, 4) + osr.substring(5, 7) + osr.substring(8, 10) + osr.substring(11, 13) + osr.substring(14, 16);
    //     return tim;
    // }
    //
    // function timeGeshi(otm) {
    //     var otme = otm.substring(0, 4) + "-" + otm.substring(4, 6) + "-" + otm.substring(6, 8) + " " + otm.substring(8, 10)+ ":" + otm.substring(10, 12);
    //     return otme;
    // }
    // /*添加相关企业*/
    // relatCompanies("#company");
    // /*添加相关企业*/
    // function  relatCompanies(sel) {
    //
    //     $(sel).bind({
    //         paste: function(e) {
    //             var pastedText;
    //             if (window.clipboardData  &&  window.clipboardData.getData)  {  // IE
    //
    //                 pastedText  = $(this).val() +  window.clipboardData.getData('Text');
    //             }
    //             else  {
    //                 pastedText  = $(this).val() +  e.originalEvent.clipboardData.getData('Text'); //e.clipboardData.getData('text/plain');
    //
    //             }
    //             $(this).val(pastedText);
    //             e.preventDefault();
    //         },
    //         cut: function(e) {
    //             var $this = $(this);
    //         },
    //         blur: function() {
    //             var $this = $(this);
    //             setTimeout(function() {
    //                 $this.siblings(".form-drop").hide();
    //             }, 500)
    //             $(this).siblings(".aboutTit").find("span").text("");
    //         },
    //         focus: function() {
    //             $(this).siblings(".form-drop").show();
    //             $(this).siblings(".aboutTit").find("span").text("最多选择3家企业");
    //         },
    //         keyup: function(e) {
    //             var ti=$(this).val();
    //             orgr=ti;
    //             var $this=$(this);
    //             if($(this).val().trim()) {
    //                 var lNum = $.trim($(this).val()).length;
    //                 if(0 < lNum) {
    //                     setTimeout(function(){
    //                         if( ti===orgr && ti!== orgrEnd) {
    //                             var tt=ti;
    //                             orgrEnd=tt;
    //                             $("#companylist").parent().show();
    //                             $.ajax({
    //                                 "url": "/ajax/org/qr",
    //                                 "type": "GET",
    //                                 "data":{
    //                                     kw: $this.val(),
    //                                     limit:3
    //                                 },
    //                                 "success": function(data) {
    //                                     console.log(data);
    //                                     if(data.success) {
    //                                         if(orgrEnd==tt) {
    //                                             if(data.data.length == 0) {
    //                                                 $this.siblings(".form-drop").addClass("displayNone");
    //                                                 $this.siblings(".form-drop").find("ul").html("");
    //                                             } else {
    //                                                 $this.siblings(".form-drop").removeClass("displayNone");
    //                                                 var oSr = "";
    //                                                 for(var i = 0; i < data.data.length; i++) {
    //                                                     var busName=(data.data[i].forShort)?data.data[i].forShort:data.data[i].name;
    //                                                     oSr += '<li style="min-height:40px;position:static;"data-id="'+data.data[i].id+'">' + busName + '</li>';
    //                                                 }
    //                                                 $this.siblings(".form-drop").find("ul").html(oSr);
    //                                             }
    //                                         }
    //                                     } else {
    //                                         $this.siblings(".form-drop").addClass("displayNone");
    //                                         $this.siblings(".form-drop").find("ul").html("");
    //                                     }
    //                                 },
    //                                 dataType: "json",
    //                                 'error': function() {
    //                                     $.MsgBox.Alert('提示', '服务器连接超时！');
    //                                 }
    //                             });
    //                         }
    //                     },500)
    //                 }
    //             } else {
    //                 $(this).siblings(".form-drop").addClass("displayNone");
    //                 $(this).siblings(".form-drop").find("ul").html("");
    //             }
    //         }
    //     })
    //     $("#company").siblings(".form-drop").on("click", "li", function() {
    //         var oValue = $(this).text();
    //         var oJudge = $(this).parents(".form-drop").siblings(".form-result").find("ul li");
    //         for(var i = 0; i < oJudge.length; i++) {
    //             if(oValue == oJudge[i].innerText) {
    //                 $.MsgBox.Alert('提示', '该企业已选择.');
    //                 return;
    //             }
    //         }
    //         $(this).parents(".form-drop").siblings(".form-result").find("ul").append('<li class="ellipsisSty" style="min-height:40px;padding-right:42px;" data-id="'+$(this).attr("data-id")+'">' + oValue + '<div class="deleteThis"></div></li>');
    //         $(this).parents(".form-drop").siblings("input").val("");
    //         if(oJudge.length == 4) {
    //             $(this).parents(".form-drop").siblings("input").val("");
    //             $("#company").hide();
    //         }
    //         $(this).parent("ul").html("")
    //     })
    // }
    // companylist()
    // //相关企业
    // function companylist() {
    //     $.ajax({
    //         url:"/ajax/article/ralateOrg",
    //         dataType: 'json', //数据格式类型
    //         type: 'GET', //http请求类型
    //         data: {
    //             "articleId": articleId,
    //         },
    //         timeout: 10000, //超时设置
    //         success: function(data) {
    //             if(data.success) {
    //                 var $data=data.data;
    //                 if($data.length>=5) {
    //                     $("#company").hide();
    //                 }
    //                 for(var i=0;i<$data.length;i++) {
    //                     angleBus.call($data[i])
    //                 }
    //             }
    //         },
    //         error: function() {
    //             $.MsgBox.Alert('提示', '服务器请求失败')
    //         }
    //     });
    // }
    // function angleBus() {
    //     $.ajax({
    //         url: "/ajax/org/" +this.orgId,
    //         type: "GET",
    //         timeout: 10000,
    //         dataType: "json",
    //         context: $("#companys"),
    //         success: function(data) {
    //             if(data.success) {
    //                 var oValue=data.data.forShort?data.data.forShort:data.data.name;
    //                 this.append('<li class="ellipsisSty" style="min-height:40px;padding-right:42px;" data-id="'+data.data.id+'">' + oValue + '<div class="deleteThis"></div></li>')
    //
    //             }
    //         },
    //         error: function(XMLHttpRequest, textStats, errorThrown) {
    //             $.MsgBox.Alert('提示', '服务器请求失败')
    //         }
    //     })
    // }
});

js/model/sys/article/index.js

@@ -97,6 +97,49 @@ spa_define(function () {
                        util.alert("请选择一篇文章");
                    }
                });
                root.find(".opt-edit").on("click", function() {
                    var $article = root.find("td.opt-check>i.checked");
                    if($article.length) {
                        if($article.length > 1) {
                            util.alert("只能选择一篇文章");
                        } else {
                            // $.util.get("../ajax/article/id/"+$article.attr("articleId"),null,function(rd){
                            //     if(rd){
                                    window.open('http://localhost:81/html/model/sys/article/articleModify.html?articleId=' + $article.attr("articleId"));
                            //     }else{
                            //         util.alertMsg("文章不存在", function(){pdg.reload();});
                            //     }
                            // },{});
                        }
                    } else {
                        util.alert("请选择一篇文章");
                    }
                });
                root.find(".opt-relate").on("click", function() {
                    var $article = root.find("td.opt-check>i.checked");
                    if($article.length) {
                        if($article.length > 1) {
                            util.alert("只能选择一篇文章");
                        } else {
                            $.util.get("../ajax/article/id/" + $article.attr("articleId"), null, function (rd) {
                                if (rd) {
                                    spa.showModal("sys_article_relate", {
                                        data: rd, hand: function () {
                                            pdg.reload()
                                        }
                                    })
                                } else {
                                    util.alertMsg("文章不存在", function () {
                                        pdg.reload();
                                    });
                                }
                            }, {});
                        }
                    } else {
                        util.alert("请选择一篇文章");
                    }
                });
                root.find(".opt-view").on("click", function () {
                    var $org = root.find("td.opt-check>i.checked");
                    if ($org.length) {

js/model/sys/article/relate.js

@@ -0,0 +1,42 @@
/**
 * Created by TT on 2017/9/11.
 */
;
spa_define(function () {
    return $.use(["spa", "util", "form"], function (spa, util, fb) {
        return {
            modal: function (data) {
                var root = spa.findInModal(".sys_article_edit");
                var form = fb.build(root.find(".newForm"));
                var saveBtn = root.find(".opt-save"),
                    save = function () {
                        if (form.val().sortNum) {
                            var sortNum = form.val().sortNum;
                            var reg = new RegExp("^(\\d|[1-9]\\d|100)$");
                            if (!reg.test(sortNum)) {
                                util.alert("权重值必须是0-100的正整数");
                                return;
                            }
                        } else {
                            form.val({sortNum: 0});
                        }
                        util.post("../ajax/article/sortNum", {
                            articleId: data.data.articleId,
                            sortNum: form.val().sortNum
                        }, function () {
                            spa.closeModal();
                            if (data.hand) {
                                data.hand();
                            }
                        }, {});
                    };
                root.find(".modal-ctrl .icon-times").on("click", function () {
                    spa.closeModal();
                });
                saveBtn.on("click", save);
            }
        }
    });
});