采美百科页面接口调试

src/main/resources/static/css/encyclopedia/common.css

@@ -51,7 +51,7 @@ input{outline:none}
     .bk-publish{position:fixed;width:86px;height:190px;background:url("/img/encyclopedia/assets/pc-icon-publish.png") no-repeat center;background-size:86px;right:80px;bottom:120px;cursor:pointer;z-index:30}
     .bk-login{position:fixed;z-index:120;left:0;top:0;width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
     .bk-login .mask{position:absolute;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);z-index:10}
-    .bk-login .bk-login-container{position:relative;z-index:20;width:540px;height:526px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 70px}
+    .bk-login .bk-login-container{position:relative;z-index:20;width:540px;height:470px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 70px}
     .bk-login .bk-login-container .bk-tip{font-size:14px;color:#22272E;margin:56px 0 9px}
     .bk-login .bk-login-container .bk-name{font-size:24px;color:#F57C40;margin-bottom:40px}
     .bk-login .bk-login-container .bk-input{margin:20px 0}
@@ -69,6 +69,7 @@ input{outline:none}
     .bk-login .bk-login-container .bk-agreement label{position:relative;display:block;width:16px;height:16px;border:1px solid #F57C40;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;cursor:pointer}
     .bk-login .bk-login-container .bk-agreement label::before{position:absolute;content:"";display:none;width:8px;height:8px;background:#F57C40;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%}
     .bk-login .bk-login-container .verify-wrap{margin:32px 0 16px}
+    .bk-login button.bk-disabled{background: #999;}
 }
 
 @media screen and (max-width:768px){.only-pc{display:none !important}

src/main/resources/static/css/supplier-center/encyclopedia/edit.css

@@ -1,7 +1,7 @@
-#globalHead.fiexd{position:sticky !important;z-index: 999;}
+#globalHead.fiexd{position:sticky !important;z-index:999}
 .navLayout{min-height:calc(100vh - 185px - 785px) !important}
 .bk-container .right{background:#fff;padding:24px 0}
-.bk-container .top-tip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px;text-align:center;font-size:12px;color:#E15616;line-height:18px;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0.1)),color-stop(51%,rgba(225,86,22,0.1)),to(rgba(255,255,255,0.1)));background:-o-linear-gradient(left,rgba(255,255,255,0.1) 0%,rgba(225,86,22,0.1) 51%,rgba(255,255,255,0.1) 100%);background:linear-gradient(90deg,rgba(255,255,255,0.1) 0%,rgba(225,86,22,0.1) 51%,rgba(255,255,255,0.1) 100%)}
+.bk-container .top-tip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px;text-align:center;font-size:12px;color:#E15616;line-height:18px;background:-o-linear-gradient(left,rgba(255,255,255,0.1) 0%,rgba(225,86,22,0.1) 51%,rgba(255,255,255,0.1) 100%);background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0.1)),color-stop(51%,rgba(225,86,22,0.1)),to(rgba(255,255,255,0.1)));background:linear-gradient(90deg,rgba(255,255,255,0.1) 0%,rgba(225,86,22,0.1) 51%,rgba(255,255,255,0.1) 100%)}
 .max-width{width:100%}
 .valide-form{width:680px;margin:40px auto 0}
 .valide-form .el-input .el-input__inner{height:36px;line-height:34px;border-radius:2px}
@@ -11,406 +11,79 @@
 .valide-form .el-form-item{margin-bottom:24px}
 .valide-form .el-form-item.is-required{margin-bottom:32px}
 .valide-form .el-textarea .el-input__count{line-height:initial}
-.valide-form .bk-label{font-size:14px;color:#4A4F58;font-weight:bold;margin:16px 0 8px;position: relative}
-.valide-form .bk-label .bk-info-add{
-    position: absolute;
-    font-size: 12px;
-    color: #E15616;
-    right: 0;
-    top: 50%;
-    transform: translateY(-50%);
-    text-decoration: underline;
-    cursor: pointer;
-}
+.valide-form .bk-label{font-size:14px;color:#4A4F58;font-weight:bold;margin:16px 0 8px;position:relative}
+.valide-form .bk-label .bk-info-add{position:absolute;font-size:12px;color:#E15616;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-decoration:underline;cursor:pointer}
 .valide-form .bk-label span,.valide-form .bk-label i{font-weight:normal;font-style:normal}
-.valide-form .bk-label em {color: #f56c6c; font-style: normal}
+.valide-form .bk-label em{color:#f56c6c;font-style:normal}
 .valide-form .bk-label i{color:#FFB496}
 .valide-form .bk-status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:24px;-moz-column-gap:24px;column-gap:24px}
 .valide-form .bk-literature-list{margin-bottom:32px}
 .valide-form .bk-literature-list li{margin-top:16px}
 .valide-form .bk-literature-list li:first-child{margin-top:0}
-.valide-form .bk-control{display: flex;justify-content: center; align-items:center;margin-top:32px; column-gap: 16px;}
+.valide-form .bk-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:32px;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px}
 .valide-form .bk-control button{width:230px;height:48px;border:1px solid #E15616;text-align:center;border-radius:2px;font-size:18px;cursor:pointer}
 .valide-form .bk-control .bk-back{background:#FFE6DC;color:#E15616}
 .valide-form .bk-control .bk-confirm{background:#E15616;color:#FFFFFF}
-.valide-form .bk-form-item{
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
-
-.valide-form .bk-form-item .bk-section{
-    position: relative;
-    display: flex;
-    align-items: center;
-    column-gap: 8px;
-    margin-left: 16px;
-}
-
-.valide-form .bk-form-item .bk-section span{
-    color: #E15616;
-    text-decoration: underline;
-    font-size: 12px;
-    white-space: nowrap;
-    cursor: pointer;
-    line-height: initial;
-}
-
-.valide-form .bk-form-item .bk-section .delete{
-    position: absolute;
-    top: 0;
-    right: -8px;
-    transform: translateX(100%);
-}
-
-.valide-form .el-input {
-    position: relative;
-}
-
-.valide-form .el-input .bk-toolbar{
-    position: absolute;
-    top: 0;
-    left: 0;
-    font-size: 14px;
-    padding: 6px 18px;
-    background: #fff;
-    transform: translateY(-100%);
-    border: 1px solid #EEEEEE;
-    box-sizing: border-box;
-    line-height: initial;
-    cursor: pointer;
-    color: #9AA5B5;
-    z-index: 2;
-    user-select: none;
-}
-
-.valide-form .el-input .bk-toolbar::after{
-    content: "[1]";
-}
-
-.valide-form .el-input .bk-bubble{
-    position: absolute;
-    right: 0;
-    top: 0;
-    min-width: 20px;
-    transform: translate(50%, -50%);
-    height: 20px;
-    line-height: 20px;
-    border-radius: 10px;
-    background: #D7DCE4;
-    color: #fff;
-    font-size: 14px;
-    text-align: center;
-    z-index: 2;
-    user-select: none;
-    cursor: pointer;
-}
-
-.valide-form .el-input .bk-mask{
-    position: fixed;
-    width: 100vw;
-    height: 100vh;
-    left: 0;
-    top: 0;
-    z-index: 1;
-}
-
-.valide-form .el-input .bk-literature{
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    transform: translateY(100%);
-    z-index: 2;
-    width: 96%;
-    background: #fff;
-    border: 1px solid #EEEEEE;
-}
-
-.valide-form .bk-literature-list li{
-    display: flex;
-    align-items: center;
-    column-gap: 16px;
-}
-
-.valide-form .el-input .bk-literature li{
-    display: flex;
-    justify-content: space-between;
-    line-height: 36px;
-    padding: 0 16px;
-    column-gap: 16px;
-}
-
-.valide-form .bk-literature-list li .bk-ref-control,
-.valide-form .el-input .bk-literature li .bk-ref-control{
-    display: flex;
-    align-items: center;
-    column-gap: 8px;
-}
-
-.valide-form .bk-literature-list li .edit,
-.valide-form .bk-literature-list li .delete,
-.valide-form .el-input .bk-literature li .edit,
-.valide-form .el-input .bk-literature li .delete{
-    display: block;
-    width: 18px;
-    height: 18px;
-    background: url("/img/encyclopedia/assets/pc-icon-edit.png") no-repeat center;
-    background-size: 18px;
-    cursor: pointer;
-}
-
-.valide-form .bk-literature-list li .delete,
-.valide-form .el-input .bk-literature li .delete{
-    background-image: url("/img/encyclopedia/assets/pc-icon-delete.png");
-}
-
-.valide-form .el-input .bk-input{
-    line-height: initial;
-    height: initial;
-    padding-top: 8px;
-    padding-bottom: 8px;
-}
-
-.valide-form .bk-form-item-group{
-    position: relative;
-    display: flex;
-    align-items: center;
-    column-gap: 16px;
-}
-
-.valide-form .bk-form-item-group .el-form-item:first-child{
-    width: 30%;
-    flex-shrink: 0;
-}
-
-.valide-form .bk-form-item-group .el-form-item:last-child{
-    flex: 1;
-    flex-shrink: 0;
-}
-
-.valide-form .bk-form-item-group .bk-info-remove{
-    position: absolute;
-    right: 0;
-    top: 12px;
-    transform: translateX(140%);
-    color: #F94B4B;
-    font-size: 12px;
-    cursor: pointer;
-}
-
-
-.bk-file-upload{
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    column-gap: 16px;
-    user-select: none;
-}
-
-.bk-file-upload .bk-upload{
-    position: relative;
-    width: 92px;
-    height: 92px;
-    border: 1px dashed #E2E7EF;
-    font-size: 14px;
-    color: #9AA5B5;
-    text-align: center;
-    box-sizing: border-box;
-    line-height: initial;
-    cursor: pointer;
-}
-
-.bk-file-upload .bk-upload div:first-child{
-    font-size: 40px;
-    font-weight: lighter;
-}
-
-.bk-file-upload .bk-upload div:last-child{
-    font-size: 14px;
-}
-
-.bk-file-upload .bk-file-wrap{
-    display: flex;
-    flex-wrap: wrap;
-    column-gap: 16px;
-}
-
-.bk-file-upload .bk-file-wrap li{
-    position: relative;
-    width: 90px;
-    height: 90px;
-    border: 1px dashed #E2E7EF;
-}
-
-.bk-file-upload .bk-file-wrap span{
-    position: absolute;
-    right: 0;
-    top: 0;
-    z-index: 1;
-    width: 20px;
-    height: 20px;
-    background: #F94B4B;
-    text-align: center;
-    line-height: 20px;
-    color: #fff;
-    font-size: 14px;
-    cursor: pointer;
-}
-
-.bk-file-upload .bk-file-wrap img{
-    display: block;
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-}
-
-.bk-file-upload .bk-file-wrap video{
-    display: block;
-    width: 100%;
-    height: 100%;
-}
-
-.bk-dialog .mask{
-    position: fixed;
-    left: 0;
-    top: 0;
-    width: 100vw;
-    height: 100vh;
-    background: rgba(0,0,0,.6);
-    z-index: 1000;
-}
-
-.bk-dialog .bk-dialog-container{
-    position: fixed;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%,-50%);
-    width: 750px;
-    height: 526px;
-    background: #fff;
-    z-index: 1001;
-    box-sizing: border-box;
-    padding: 32px 0 32px 32px;
-}
-
-.bk-dialog .bk-dialog-container .bk-dialog-close{
-    position: absolute;
-    width: 24px;
-    height: 24px;
-    font-size: 32px;
-    right: 24px;
-    top: 16px;
-    text-align: center;
-    line-height: 24px;
-    color: #9AA5B5;
-    font-weight: lighter;
-    cursor: pointer;
-}
-
-.bk-dialog .bk-dialog-container .bk-dialog-content{
-    height: 350px;
-    overflow-y: auto;
-    padding-right: 32px;
-}
-
-.bk-dialog .bk-tab{
-    display: flex;
-    align-items: center;
-    column-gap: 56px;
-    margin-bottom: 36px;
-}
-
-.bk-dialog .bk-tab .bk-tab-item{
-    font-size: 16px;
-    color: #22272E;
-    border-bottom: 3px solid #fff;
-    padding-bottom: 2px;
-    cursor: pointer;
-    user-select: none;
-}
-
-.bk-dialog .bk-tab .bk-tab-item.active{
-    border-color: #E15616;
-}
-
-.bk-dialog .bk-literature-list li{
-    margin-top: 10px;
-    background: #F5F5F5;
-    color: #999999;
-    font-size: 14px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    line-height: 36px;
-    padding: 0 16px;
-}
-
-.bk-dialog .bk-literature-list li:first-child{
-    margin-top: 0;
-}
-
-.bk-dialog .bk-literature-list li a{
-    color: #22272E;
-}
-
-.bk-dialog .bk-literature-list li a:hover{
-    text-decoration: underline;
-    color: #E15616;
-}
-
-.bk-dialog .bk-literature-list li a:hover i{
-    background-image: url("/img/encyclopedia/assets/pc-icon-link-hover.png");
-}
-
-.bk-dialog .bk-literature-list li i{
-    display: inline-block;
-    vertical-align: middle;
-    width: 18px;
-    height: 18px;
-    background-image: url("/img/encyclopedia/assets/pc-icon-link.png");
-    background-repeat: no-repeat;
-    background-position: center;
-    background-size: 18px;
-    cursor: pointer;
-}
-
-.bk-dialog .bk-literature-list li>i{
-    background-image: url("/img/encyclopedia/assets/pc-icon-img.png");
-}
-
-.bk-dialog .bk-literature-list li>i:hover{
-    background-image: url("/img/encyclopedia/assets/pc-icon-img-hover.png");
-}
-
-.bk-dialog .bk-dialog-footer{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    column-gap: 16px;
-    margin-top: 20px;
-}
-
-.bk-dialog .bk-dialog-footer button{
-    width: 80px;
-    height: 30px;
-    text-align: center;
-    line-height: 28px;
-    font-size: 14px;
-    box-sizing: border-box;
-    cursor: pointer;
-}
-
-.bk-dialog .bk-dialog-footer .bk-cancel{
-    border: 1px solid #B8BFCA;
-    color: #22272E;
-    background: #fff;
-}
-
-.bk-dialog .bk-dialog-footer .bk-confirm{
-    background: #E15616;
-    color: #fff;
-}
-
-.scapegoat.hover {
-    background-color: #ddd;
-}
+.valide-form .bk-form-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
+.valide-form .bk-form-item .bk-section{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-left:16px}
+.valide-form .bk-form-item .bk-section span{color:#E15616;text-decoration:underline;font-size:12px;white-space:nowrap;cursor:pointer;line-height:initial}
+.valide-form .bk-form-item .bk-section .delete{position:absolute;top:0;right:-8px;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
+.valide-form .el-input{position:relative}
+.valide-form .el-input .bk-toolbar{position:absolute;top:0;left:0;font-size:14px;padding:6px 18px;background:#fff;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);border:1px solid #EEEEEE;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:initial;cursor:pointer;color:#9AA5B5;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+.valide-form .el-input .bk-toolbar::after{content:"[1]"}
+.valide-form .el-input .bk-bubble{position:absolute;right:0;top:0;min-width:20px;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%);height:20px;line-height:20px;border-radius:10px;background:#D7DCE4;color:#fff;font-size:14px;text-align:center;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}
+.valide-form .el-input .bk-mask{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:1}
+.valide-form .el-input .bk-literature{position:absolute;bottom:0;left:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);z-index:2;width:96%;background:#fff;border:1px solid #EEEEEE}
+.valide-form .bk-literature-list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px}
+.valide-form .el-input .bk-literature li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:36px;padding:0 16px;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px}
+.valide-form .bk-literature-list li .bk-ref-control,.valide-form .el-input .bk-literature li .bk-ref-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px}
+.valide-form .bk-literature-list li .edit,.valide-form .bk-literature-list li .delete,.valide-form .el-input .bk-literature li .edit,.valide-form .el-input .bk-literature li .delete{display:block;width:18px;height:18px;background:url("/img/encyclopedia/assets/pc-icon-edit.png") no-repeat center;background-size:18px;cursor:pointer}
+.valide-form .bk-literature-list li .delete,.valide-form .el-input .bk-literature li .delete{background-image:url("/img/encyclopedia/assets/pc-icon-delete.png")}
+.valide-form .el-input .bk-input{line-height:initial;height:initial;padding-top:8px;padding-bottom:8px}
+.valide-form .bk-form-item-group{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px}
+.valide-form .bk-form-item-group .el-form-item:first-child{width:30%;-ms-flex-negative:0;flex-shrink:0}
+.valide-form .bk-form-item-group .el-form-item:last-child{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-negative:0;flex-shrink:0}
+.valide-form .bk-form-item-group .bk-info-remove{position:absolute;right:0;top:12px;-webkit-transform:translateX(140%);-ms-transform:translateX(140%);transform:translateX(140%);color:#F94B4B;font-size:12px;cursor:pointer}
+.bk-file-upload{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+.bk-file-upload .bk-upload{position:relative;width:92px;height:92px;border:1px dashed #E2E7EF;font-size:14px;color:#9AA5B5;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:initial;cursor:pointer}
+.bk-file-upload .bk-upload div:first-child{font-size:40px;font-weight:lighter}
+.bk-file-upload .bk-upload div:last-child{font-size:14px}
+.bk-file-upload .bk-file-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px}
+.bk-file-upload .bk-file-wrap li{position:relative;width:90px;height:90px;border:1px dashed #E2E7EF}
+.bk-file-upload .bk-file-wrap span{position:absolute;right:0;top:0;z-index:1;width:20px;height:20px;background:#F94B4B;text-align:center;line-height:20px;color:#fff;font-size:14px;cursor:pointer}
+.bk-file-upload .bk-file-wrap img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}
+.bk-file-upload .bk-file-wrap video{display:block;width:100%;height:100%}
+.bk-dialog .mask{position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);z-index:1000}
+.bk-dialog .bk-dialog-container{position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:750px;height:526px;background:#fff;z-index:1001;-webkit-box-sizing:border-box;box-sizing:border-box;padding:32px 0 32px 32px}
+.bk-dialog .bk-dialog-container .bk-dialog-close{position:absolute;width:24px;height:24px;font-size:32px;right:24px;top:16px;text-align:center;line-height:24px;color:#9AA5B5;font-weight:lighter;cursor:pointer}
+.bk-dialog .bk-dialog-container .bk-dialog-content{height:350px;overflow-y:auto;padding-right:32px}
+.bk-dialog .bk-tab{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:56px;-moz-column-gap:56px;column-gap:56px;margin-bottom:36px}
+.bk-dialog .bk-tab .bk-tab-item{font-size:16px;color:#22272E;border-bottom:3px solid #fff;padding-bottom:2px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+.bk-dialog .bk-tab .bk-tab-item.active{border-color:#E15616}
+.bk-dialog .bk-literature-list li{margin-top:10px;background:#F5F5F5;color:#999999;font-size:14px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;line-height:36px;padding:0 16px}
+.bk-dialog .bk-literature-list li:first-child{margin-top:0}
+.bk-dialog .bk-literature-list li a{color:#22272E}
+.bk-dialog .bk-literature-list li a:hover{text-decoration:underline;color:#E15616}
+.bk-dialog .bk-literature-list li a:hover i{background-image:url("/img/encyclopedia/assets/pc-icon-link-hover.png")}
+.bk-dialog .bk-literature-list li i{display:inline-block;vertical-align:middle;width:18px;height:18px;background-image:url("/img/encyclopedia/assets/pc-icon-link.png");background-repeat:no-repeat;background-position:center;background-size:18px;cursor:pointer}
+.bk-dialog .bk-literature-list li>i{background-image:url("/img/encyclopedia/assets/pc-icon-img.png")}
+.bk-dialog .bk-literature-list li>i:hover{background-image:url("/img/encyclopedia/assets/pc-icon-img-hover.png")}
+.bk-dialog .bk-dialog-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;margin-top:20px}
+.bk-dialog .bk-dialog-footer button{width:80px;height:30px;text-align:center;line-height:28px;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
+.bk-dialog .bk-dialog-footer .bk-cancel{border:1px solid #B8BFCA;color:#22272E;background:#fff}
+.bk-dialog .bk-dialog-footer .bk-confirm{background:#E15616;color:#fff}
+.scapegoat.hover{background-color:#ddd}
+.bk-agreement-mask{top:0;left:0;position:fixed;z-index:1000;width:100vw;height:100vh;background:rgba(0,0,0,0.6)}
+.bk-agreement{position:fixed;z-index:1001;width:750px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff}
+.bk-agreement .bk-header{position:relative;height:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#FFF6F2}
+.bk-agreement .bk-header span{font-size:18px;color:#22272E;font-weight:bold}
+.bk-agreement .bk-header i{position:absolute;width:24px;height:24px;font-size:16px;color:#9AA5B5;right:16px;top:16px;line-height:24px;text-align:center}
+.bk-agreement .bk-desc{font-size:14px;color:#999999;line-height:24px;text-align:center;margin:32px 0 0;padding-bottom:16px}
+.bk-agreement .bk-desc a{color:#E15616}
+.bk-agreement .bk-content{height:450px;overflow-y:auto;padding:0 40px}
+.bk-agreement .bk-content h2{position:relative;font-size:14px;color:#22272E;margin-bottom:16px;margin-top:32px}
+.bk-agreement .bk-content h2::before{content:"";display:block;width:4px;height:12px;background:#E15616;position:absolute;top:50%;left:0;-webkit-transform:translate(-250%,-40%);-ms-transform:translate(-250%,-40%);transform:translate(-250%,-40%)}
+.bk-agreement .bk-content p{color:#666666;line-height:24px;margin:12px 0}
+.bk-agreement .bk-content p span{color:#22272E}
+.bk-agreement .bk-control{padding:40px 0;text-align:center}
+.bk-agreement .bk-control button{font-size:16px;color:#fff;width:295px;height:50px;background:#E15616;border-radius:4px;cursor:pointer}

src/main/resources/static/js/encyclopedia/common.js

@@ -1,15 +1,63 @@
+var isPC = true
+
 function useRem() {
     let dw = 750 // 设计图宽度
     let sw = window.innerWidth // 屏幕宽度
     let fontSize = (sw / dw * 100)// 方案1
     let oHtml = document.getElementsByTagName('html')[0]
-    if(sw > 768){
+    if (sw > 768) {
+        isPC = true
         oHtml.style.fontSize = '16px'
-    }else{
+    } else {
         oHtml.style.fontSize = fontSize + 'px'
+        isPC = false
     }
 }
 
+/* 获取用户信息 */
+function getUserData(data) {
+    const userData = {
+        account: data.account,
+        email: data.email,
+        phone: data.bindMobile,
+        name: data.name,
+        userName: data.userName,
+        userId: data.userId,
+        spId: data.serviceProviderId,
+        clubId: data.clubId,
+        shopId: data.shopId,
+        userIdentity: data.userIdentity,
+        permission: data.userPermission,
+        token: data.token,
+        vipFlag: data.vipFlag,
+        firstClubType: data.firstClubType,
+        listingFee: data.listingFee
+    }
+    return userData
+}
+
+/* 用户登录 */
+function userLogin(params) {
+    UserApi.PostLoginAccount(params, function (response) {
+        if (response.code === -1) {
+            CAIMEI.Alert(response.msg, '确定', false);
+            return
+        }
+        const userData = getUserData(response.data)
+        // 当前登录用户为供应商时
+        if (userData.userIdentity === 3) {
+            localStorage.setItem('userInfo', JSON.stringify(userData));
+            CAIMEI.dialog('登录成功，请稍等~', false);
+            setTimeout(() => {
+                window.open('/supplier/encyclopedia/edit.html', '_blank')
+                location.reload()
+            }, 300)
+        } else {
+            CAIMEI.dialog('请使用供应商账号登录~', false);
+        }
+    });
+}
+
 $(function () {
     useRem();
     $(window).on('resize', function () {
@@ -17,9 +65,10 @@ $(function () {
     })
     let menuActive = false
     let searchActive = false
+    let slideVerifyStatus = false
     // 导航栏显示隐藏
-    $('.bk-collapse-btn,.bk-menu-name').on('click', function(){
-        if(searchActive) return
+    $('.bk-collapse-btn,.bk-menu-name').on('click', function () {
+        if (searchActive) return
         $('.bk-nav').slideToggle(200);
         $(this).parent('.bk-menu').toggleClass('active');
         $('body').toggleClass('hidden');
@@ -27,32 +76,55 @@ $(function () {
         menuActive = !menuActive
     })
     // 搜索菜单
-    $('.bk-search-btn,.bk-search-close').on('click', function(){
-        if(menuActive) return
+    $('.bk-search-btn,.bk-search-close').on('click', function () {
+        if (menuActive) return
         $('.bk-search-container').slideToggle(200);
         $('body').toggleClass('hidden');
         $('.bk-mask').toggle();
         searchActive = !searchActive
     })
     // 发布百科
-    const isLogin = false
-    $('.bk-publish').on('click', function (){
-        if(isLogin) return
+    $('.bk-publish').on('click', function () {
+        const userInfoStr = localStorage.getItem('userInfo')
+        const globalUserData = userInfoStr ? JSON.parse(userInfoStr) : null
+        /* 未登录 || 非供应商账号 */
+        if (globalUserData && globalUserData.userIdentity === 3) {
+            window.open('/supplier/encyclopedia/edit.html', '_blank')
+            return
+        }
         $('.bk-login').fadeIn()
         const SlideVerifyPlug = window.slideVerifyPlug;
         new SlideVerifyPlug('#slide-verify', {
             initText: '请向右滑动滑块', //设置  初始的 显示文字
             sucessText: '验证通过', //设置 验证通过 显示的文字
             getSuccessState: (status) => {
-                console.log(status)
+                slideVerifyStatus = status
+                $('.bk-submit').removeClass('bk-disabled')
             }
         })
     })
-    $('.bk-login .mask').click(function () {
+    $('.bk-login .mask').on('click', function () {
         $('.bk-login').fadeOut();
+        slideVerifyStatus = false
+        $('.bk-submit').addClass('bk-disabled')
     });
-    $('#searchForm').on('submit', function(){
-        location.href = '/encyclopedia/search.html?keyword=' + $('#searchInput').val()
+    $('#searchForm').on('submit', function () {
+        const keyword = $('#searchInput').val()
+        if (!keyword) return false
+        location.href = '/encyclopedia/search.html?keyword=' + keyword
+        return false
+    })
+    $('#loginForm').on('submit', function () {
+        if (!slideVerifyStatus) return false
+        const params = {};
+        $(this).serializeArray().forEach((item) => {
+            params[item.name] = item.value;
+        })
+        if (!params.mobileOrEmail || !params.password) {
+            CAIMEI.Alert('账号或密码不能为空', '确定', false);
+        } else {
+            userLogin(params)
+        }
         return false
     })
 })

src/main/resources/static/js/supplier-center/encyclopedia/edit.js

@@ -104,7 +104,7 @@ const ImageUpload = {
     }
 }
 
-var markCount = 1
+var markCount = 0
 
 const edit = new Vue({
     el: '#edit',
@@ -125,6 +125,7 @@ const edit = new Vue({
         referenceDialog: false, // 参考资料表单弹窗
         referenceEditType: 'add', // 参考资料编辑类型 add 添加 edit 编辑
         contentEdit: null, // 编辑器
+        showAgreement: false,
         // 提交表单数据
         formData: {
             shopId:'',
@@ -145,8 +146,8 @@ const edit = new Vue({
         // 提交表单校验
         rules: {
             name: [{required: true, message: '词条名称不能为空', trigger: ['blur']}],
-            alias: [{required: true, message: '词条名称不能为空', trigger: ['change']}],
-            discription: [{required: true, message: '词条名称不能为空', trigger: ['change']}],
+            alias: [{required: true, message: '义项名不能为空', trigger: ['change']}],
+            discription: [{required: true, message: '词条概述不能为空', trigger: ['change']}],
             img: [{required: true, message: '请上传词条头图', trigger: ['change']}],
             typeId: [{required: true, message: '请选择词条分类', trigger: ['change']}],
             status: [{required: true, message: '请选择词条发布状态', trigger: ['change']}],
@@ -204,6 +205,7 @@ const edit = new Vue({
         if(this.formData.id){
             this.fetchEntryData()
         }else{
+            this.showAgreement = true
             this.initFormDataList()
         }
     },
@@ -239,7 +241,7 @@ const edit = new Vue({
             const infoSize = 4 - this.formData.infoList.length
             const textInfoSize = 4 - this.formData.textInfoList.length
             this.initFormDataList( infoSize, textInfoSize)
-            window.markCount = this.formData.referenceList.length || 1
+            window.markCount = this.formData.referenceList.length
         },
 
         // 获取图片列表
@@ -261,6 +263,10 @@ const edit = new Vue({
         // 提交表单
         async handleConfirm() {
             try {
+                if(this.showAgreement){
+                    CAIMEI.dialog('请先阅读编辑须知协议', false);
+                    return
+                }
                 this.formData.shopId = GLOBAL_SHOP_ID
                 this.formData.imageList = this.filterImageList(this.fileList)
                 this.formData.videoList = this.filterVideoList(this.fileList)
@@ -383,7 +389,7 @@ const edit = new Vue({
         },
         // 正文目录数据
         genereateTextInfo(type) {
-            let placeholderList = ['定义（一级目录）', '定义（二级目录）', '内容']
+            let placeholderList = ['一级目录', '二级目录', '内容']
             return {
                 id: '',
                 entryId: '',

src/main/resources/templates/encyclopedia/components/footer.html

@@ -13,4 +13,9 @@
 <div class="bk-mask" style="display: none"></div>
 
 <script type="text/javascript" src="/lib/jquery-3.6.0.min.js"></script>
+<script type="text/javascript" src="/lib/slideVerify.js"></script>
+<script charset="utf-8" type="text/javascript" src="/lib/jquery-confirm.min.js"></script>
+<script th:src="@{/js/common/ajax.service.js(v=${version})}" xmlns:th="https://www.thymeleaf.org"></script>
+<script th:src="@{/js/common/serviceapi/user.service.js(v=${version})}" xmlns:th="https://www.thymeleaf.org"></script>
+<script th:src="@{/js/utils.js(v=${version})}" xmlns:th="https://www.thymeleaf.org"></script>
 <script th:src="@{/js/encyclopedia/common.js(v=${version})}" xmlns:th="https://www.thymeleaf.org"></script>

src/main/resources/templates/encyclopedia/list.html

@@ -7,10 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0"/>
     <title>采美百科</title>
     <link rel="stylesheet" href="/css/encyclopedia/normalize.css">
+    <link href="/lib/jquery-confirm.min.css" rel="stylesheet" type="text/css">
     <link rel="stylesheet" th:href="@{/css/encyclopedia/common.css(v=${version})}">
     <link rel="stylesheet" th:href="@{/css/encyclopedia/list.css(v=${version})}">
 </head>
 <body>
+<input type="hidden" th:value="${coreServer}" id="coreServer">
 <!-- 顶部公共区域 -->
 <template th:replace="encyclopedia/components/header"></template>
 <!-- 顶部公共区域 end -->
@@ -42,9 +44,6 @@
     <!-- 百科列表区域 end -->
 </main>
 
-<!-- 底部区域 -->
-<template th:replace="encyclopedia/components/footer"></template>
-<!-- 底部区域 end -->
 
 <!-- 发布词条 -->
 <div class="bk-publish"></div>
@@ -55,24 +54,27 @@
     <div class="bk-login-container">
         <div class="bk-tip">欢迎登录~</div>
         <div class="bk-name">采美百科平台</div>
-        <form>
-            <div class="bk-input"><label><input id="username" name="username" placeholder="请登录您的供应商账号"/></label></div>
-            <div class="bk-input"><label><input id="password" name="password" placeholder="请输入密码"/></label></div>
+        <form id="loginForm">
+            <div class="bk-input"><label><input id="mobileOrEmail" name="mobileOrEmail" placeholder="请登录您的供应商账号"/></label></div>
+            <div class="bk-input"><label><input type="password" id="password" name="password" placeholder="请输入密码"/></label></div>
             <div class="verify-wrap" id="slide-verify"></div>
-            <button>登陆</button>
+            <button class="bk-disabled bk-submit">登陆</button>
         </form>
         <div class="bk-tools">
-            <a href="#">免费注册</a>
-            <a href="#">忘记密码</a>
-        </div>
-        <div class="bk-agreement">
-            <input type="checkbox" id="agreement"/>
-            <label for="agreement"></label>
-            <span>请仔细阅读<a href="#">《采美百科协议》</a></span>
+            <a href="/supplier/register.html">免费注册</a>
+            <a href="/forget.html">忘记密码</a>
         </div>
+<!--        <div class="bk-agreement">-->
+<!--            <input type="checkbox" id="agreement"/>-->
+<!--            <label for="agreement"></label>-->
+<!--            <span>请仔细阅读<a href="#">《采美百科协议》</a></span>-->
+<!--        </div>-->
     </div>
 </div>
 
-<script type="text/javascript" src="/lib/slideVerify.js"></script>
+
+<!-- 底部区域 -->
+<template th:replace="encyclopedia/components/footer"></template>
+<!-- 底部区域 end -->
 </body>
 </html>

src/main/resources/templates/supplier-center/components/tableft.html

@@ -25,7 +25,7 @@
             <a href="/supplier/article/list.html">文章管理</a>
         </div>
     </div>
-    <div class="navList">
+    <div class="navList" v-if="isPC">
         <span class="tab">采美百科</span>
         <div class="con" style="display:none">
             <!--

src/main/resources/templates/supplier-center/encyclopedia/edit.html

@@ -250,6 +250,78 @@
             </div>
         </div>
     </div>
+
+    <!-- 采美百科协议 -->
+    <template v-if="showAgreement">
+        <div class="bk-agreement-mask"></div>
+        <div class="bk-agreement">
+            <div class="bk-header">
+                <span>创建词条引导</span>
+            </div>
+            <div class="bk-desc">
+                欢迎进入创建词条引导，为便于您更好的通过审核，请务必确保您已知晓百科词条的编辑须知，如有<br />疑问，您可以<a href="/help/1019.html">点此</a>求助采美工作人员。
+            </div>
+            <div class="bk-content">
+                <h2>声明</h2>
+                <div>
+                    <p><span>在正式创建词条前，首先请你承诺：</span></p>
+                    <p>1．不在百科添加广告性质的内容， 如联系方式，官方网站链接等；</p>
+                    <p>2．不在百科编写涉及反动，违法犯罪，色情，暴力的内容；</p>
+                    <p>3．不在百科编写虚假的、捏造的、恶搞的、缺乏根据的内容；</p>
+                    <p>4．不侵犯他人合理权益；</p>
+                    <p>5．接受违反以上规则时，百科账号会被封禁的结果。</p>
+                </div>
+                <h2>词条名</h2>
+                <div>
+                    <p><span>成功创建词条的首要条件是了解一些基础知识！</span></p>
+                    <p>· 什么是词条？</p>
+                    <p>词条指的是对于单一事物内容的介绍，例如技术，成分等。每个词条都有属于自己的名称，你可以通过搜索词条的名称来找到它们。已有词条重名？创建多义词！与已有词条意义相同？反馈同义词！</p>
+                    <p>· 什么是规范的词条名？</p>
+                    <p>采美百科规范的词条名是一个专有名词，请使用正式的全称或最广为人知的常见名。例如：皮秒激光美容、光子嫩肤、线粒体、葡聚糖等</p>
+                </div>
+                <h2>主题</h2>
+                <div>
+                    <p>恭喜你已经完成了创建词条的第一步！现在想一想你要创建的词条属于什么类型？选择正确的类型，精确定位你的创建难点所在！</p>
+                    <p>产品成分类词条：如玻尿酸钠、葡聚糖、虎杖等</p>
+                    <p>产品技术词条：如射频、皮秒、808半导体激光技术、透热疗法、448KHz、LDM水滴提升等</p>
+                </div>
+                <h2>词条创建要求</h2>
+                <div>
+                    <p><span>1、描述客观</span></p>
+                    <p>
+                        描述事物时以事实为依据不加入感情色彩，不掺杂个人的好恶。百科词条是客观内容的集合，只站在第三
+                        方立场，以事实说话。例如，某篮球运动员某一场的投篮命中率较差，一般的表述是命中率低，甚至使用
+                        “打铁”之类的贬义词。而这样的表述模糊不清，多少算低，多少算高各有标准；同时也会造成支持者和
+                        反对者的口水战。所以直接把赛事数据列出，是高是低各自评说即可。另外在筛选内容时，也要保证公正
+                        客观，尤其对于争议性内容，保留多方观点并附以可靠的参考资料，是处理争议内容较为可取的做法。
+                    </p>
+                    <p><span>2、修饰适当</span></p>
+                    <p>
+                        百科词条提倡用语“客观”，在一般性的叙述中（区别于引用原文的引述）尽量少的使用形容词和程度副
+                        词（最XXXX、十分XXX……）。
+                    </p>
+                    <p><span>3、参考资料要有效</span></p>
+                    <p>
+                        参考资料是正文内容客观的另一种表现形式。词条某条内容，光靠“说”自己客观是不够的，应以可信有
+                        效的参考资料作为佐证来源，才能证明该内容是否已获得公众知晓或认可。特色词条应该保证一半以上的
+                        信息点都是有可靠来源的（由科学百科权威认证的特色词条，应确保词条正文中（含概述）每个目录模块
+                        中都有至少一条权威参考资料）。这里的有来源不是要求一字一句的复制粘贴，而是“内容虽经必要提炼、
+                        整理，但却不失原意”。例如前述的两个姜文词条中的文段，整理后的内容要素和观点依然来自参考资料，
+                        并没有增减其原意。
+                    </p>
+                    <p>
+                        可靠的来源一般包括文献、书籍等出版物、主流媒体发布的消息、政府或公众机构官网发布的内容等。关
+                        于可靠的来源的具体定义，请参阅百度百科：参考资料。
+                    </p>
+                    <p>
+                        如“牛顿第一运动定律”词条中，定律内容、发现者、适用范围等都是必不可少的重要内容，这些部分的
+                        缺失会导致读者对词条内容的错误认识。
+                    </p>
+                </div>
+                <div class="bk-control"><button @click="showAgreement=false">我已阅读并知晓</button></div>
+            </div>
+        </div>
+    </template>
 </div>
 
 <!-- 引入底部 -->