二手

src/main/resources/static/css/flea-market/form.css

@@ -1,322 +1,1092 @@
-input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
-    -webkit-appearance: none !important;
-}
-.unlogin-wrapper {
-    width: 1000px;
-    margin: 0 auto;
-}
-.dark-grey {
-    color: #333333;
-}
-.main-color {
-    color: #E15616;
-}
-.red-color {
-    color: #E60F0F;
-}
-.form-title {
-    font-size: 16px;
-    font-weight: 600;
-    padding: 40px 0 20px 0;
-}
-.notice {
-    color: #E60F0F;
-    font-weight: bold;
-    margin-bottom: -20px
-}
-.notice img {
-    width: 20px;
-    vertical-align: middle;
-    margin-right: 5px;
-}
-.notice span {
-    vertical-align: middle;
-}
-.unlogin-form {
-    color: #838383;
-    font-family: "microsoft yahei";
-}
-.unlogin-label {
-    vertical-align: top;
-    /*display: inline-block;*/
-    font-size: 14px;
-}
-.spacing {
-    letter-spacing: 1px;
-}
-.no-spacing {
-    letter-spacing: 1px;
-}
-.unlogin-item {
-    margin-top: 20px;
-    /*width: 80%*/
-}
-.border-grey {
-    border: 1px solid #EFEFEF;
-}
-.textarea-wrapper {
-    position: relative;
-    display: inline-block;
-    color: #666666;
-    line-height: 24px;
-    width: 666px;
-    font-size: 14px
-}
-.textarea-wrapper textarea {
-    width: 666px;
-    resize:none;
-    padding: 10px;
-    color: #333;
-    font-size: 14px;
-    background: #F6F6F6;
-    border-radius: 5px;
-}
-.textarea-wrapper textarea::-webkit-input-placeholder {
-    color: #999;
-}
-.textarea-wrapper textarea::-moz-placeholder {
-    color: #999;
-}
-.textarea-wrapper textarea::-ms-input-placeholder {
-    color: #999;
-}
-.textarea-wrapper span {
-    position: absolute;
-    right: 10px;
-    bottom: 10px;
-}
-#word-limit {
-    font-size: 12px;
-}
-.mt-file-list .mark{
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    top: 0;
-    right: 0;
-    z-index: 99999;
-}
-.mt-file-list .mt_tip{
-    position: absolute;
-    top: 39%;
-    right: -140px;
-    z-index: 99999;
-    color: #ff0000;
-    font-size: 12px;
-    display: none;
-    padding-right: 26px;
-    background: url("/web/login/img/icon-tips.png")right center no-repeat;
-}
-.file-input-list {
-    position: relative;
-    text-align: center;
-    margin-bottom: 15px;
-    margin-left: 10px;
-    cursor: pointer;
-}
-.file-input-list, #file-input,.custom-pic {
-    width: 119px;
-    height: 119px;
-    background: #fff;
-    display: inline-block;
-    border-radius: 5px;
-}
-.file-input-list .cLicenseCon-img{
-    width: 100%;
-    height: 100%;
-    display: block;
-    border-radius: 5px;
-}
-.file-input-list .add-pic {
-    width: 30px;
-    position: absolute;
-    top: 40%;
-    left: 50%;
-    transform: translate(-50%,-50%);
-}
-.file-input-list .add-text {
-    margin-top: 70%;
-    font-weight: bold;
-}
-.mt-file-list {
-    display: inline-block;
-}
-#file-input,.custom-pic {
-    opacity: 0;
-    left: 0;
-    top: 0;
-    position: absolute;
-}
-.file-input-item p {
-    /*padding-left: 112px;*/
-    font-size: 12px;
-    color: rgba(51,51,48,0.5);
-}
-.file-container, .file-picker {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    z-index: 2;
-}
-.mask-pop-box, .mask-pop-box-success {
-    display: inline-block;
-    padding: 10px;
-    background: rgba(52,52,52,1);
-    color: #fff;
-    font-size: 14px;
-    border-radius: 5px;
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%,-50%);
-    display: none;
-    z-index: 9999;
-    text-align: center;
-}
-.mask-pop-box .red-color, .mask-pop-box-success .red-color {
-    text-align: left;
-}
-.mask-pop-box-success #box-text-1 {
-    margin: 10px 0;
-}
-.mask-pop-box-success button {
-    width: 120px;
-    height: 37px;
-    color: #E15616;
-    margin: 10px 0;
-    border: 1px solid #E15616;
-    background: transparent;
-}
-.mask-pop-box-success button:active {
-    background: #E15616;
-    color: #fff;
-}
-.unlogin-form input[type="text"],.unlogin-form input[type="number"],
-.login-form input[type="text"], .login-form input[type="number"] {
-    width: 735px;
-    height: 36px;
-    color: #333330;
-    text-indent: 15px;
-    /*font-weight: bold;*/
-    font-size: 13px;
-    background: #F6F6F6;
-    border-radius: 5px;
-    border: 1px solid rgba(237,237,237,1)
-}
-.input-item .unlogin-label, .unlogin-address {
-    vertical-align: middle;
-}
-.unlogin-address {
-    display: inline-block;
-}
-.address-input {
-    min-width: 200px;
-    height: 36px;
-    line-height: 36px;
-    padding-right: 10px;
-    background: #fff;
-    font-size: 14px;
-    text-indent: 15px;
-    font-family: "microsoft yahei";
-    position: relative;
-    cursor: pointer;
-    border-radius: 5px;
-    background: #F6F6F6;
-}
-.arrow-icon {
-    width: 13px;
-    margin-left: 100px;
-}
-.address-block {
-    position: absolute;
-    top: 34px;
-    left: 0;
-    width: 400px;
-    background: #fff;
-    padding: 10px;
-    display: none;
-    z-index: 100;
-    box-shadow: 0 5px 10px #eee;
-}
-.address-details {
-    /*margin-left: 111px;*/
-    /*width: 383px !important;*/
-    margin-top: 20px;
-}
-.address-input:hover .address-block{
-    /*display: block;*/
-}
-.address-title {
-    border-bottom: 1px solid #EFEFEF;
-}
-.address-title li {
-    display: inline-block;
-    height: 30px;
-    line-height: 30px;
-    padding: 0 10px;
-    white-space: nowrap;
-    text-align: center;
-}
-.address-content {
-    width: 100%;
-    position: absolute;
-    top: 47px;
-    left: 0;
-    text-align: left;
-    background: #fff;
-    box-shadow: 0 5px 10px #eee;
-    padding: 10px 0;
-}
-.address-content li {
-    float: left;
-    font-size: 12px;
-    font-weight: 500;
-}
-.address-title li:hover, .address-content li:hover {
-    color: #E15616;
-    cursor: pointer;
-}
-.btn-submit-btm {
-    width: 154px;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    border: 1px solid #E15616;
-    background: #FAFAFA;
-    margin: 40px 0 89px 561px;
-    cursor: pointer;
-    font-size: 14px;
-}
-.shrink-spacing {
-    margin-top: 20px;
-    margin-bottom: 15px
-}
-
-/*login form*/
-#login-form-wrapper .mt-bottom{
-    width: 62%;
-    /*float: right;*/
-    margin: auto;
-}
-#login-form-wrapper #word-limit {
-    bottom: 10px;
-}
-
- .Read  i{
-      background-image: url("/html/maintenance/img/box.png");
-        position: absolute;
-        z-index: 1;
-        left: 31%;
-        top: 39.2%;
-        width: 12px;
-        height: 12px;
-        overflow: hidden;
-        cursor: pointer
-        }
-       .Read input[type="checkbox"]{display:none;}
-       .Read input[type="checkbox"]:checked + i{
-        background-image: url("/html/maintenance/img/boxed.png");
-        }
+body{background: #fff}
+ @media screen and (min-width:768px) {
+     #secondHandrelease {
+         width: 1184px;
+         margin: auto;
+     }
+     .bannerimg{
+        width: 100%;
+        height: auto;
+     }
+     .bannerimg img{
+        width: 100%;
+        height: 100%;
+     }
+     .mt-top {
+         line-height: 105px;
+         letter-spacing: 0px;
+         color: #22272e;
+         text-align: center;
+         font-size: 32px;
+         font-weight: bold;
+         height: 105px
+     }
+
+     .newsTitle {
+         height: 60px;
+         line-height: 30px;
+         background-image: linear-gradient(270deg, rgba(255, 255, 255, 0), rgba(225, 86, 22, .1), rgba(255, 255, 255, 0));
+         text-align: center;
+         padding: 7px 157px;
+         color: #e15616
+     }
+
+     .mt-bottom {
+         width: 50%;
+         margin: 20px auto;
+     }
+
+     #mt-form {
+         position: relative;
+         overflow: hidden;
+     }
+
+     .unlogin-label {
+         width: 146px;
+         margin-bottom: 10px;
+         color: #627386;
+         padding-left: 10px;
+     }
+
+     .secondradio div {
+         width: 154px;
+         height: 36px;
+         line-height: 36px;
+         background-color: #ffffff;
+         border: solid 1px #b8bfca;
+         text-align: center;
+         display: inline-block;
+         cursor: pointer;
+         position: relative;
+         color: #627386;
+
+     }
+
+     .secondradio div:nth-child(2) {
+         margin: 0 20px;
+     }
+
+     .secondradio div.active {
+         color: #e15616;
+         border: solid 1px #e15616;
+     }
+
+     .secondradio div.buy {
+         width: 180px;
+     }
+
+     .icon.select:before {
+         background-position: -207px -254px;
+         width: 22px;
+         height: 19px;
+         position: absolute;
+         bottom: 0;
+         left: 133px
+     }
+
+     .icon.buy:before {
+         left: 159px;
+     }
+
+     .secondradio {
+         margin-bottom: 15px;
+     }
+
+     .linqi_text {
+         width: 425px;
+         height: 45px;
+         background-color: #1890f9;
+         box-shadow: 0px 3px 6px 0px rgba(24, 144, 249, 0.17);
+         text-align: center;
+         line-height: 45px;
+         color: #ffffff;
+         margin: auto
+     }
+
+     .jiaobiao {
+         width: 0;
+         height: 0;
+         border-left: 10px solid transparent;
+         border-right: 10px solid transparent;
+         top: 74px;
+         right: 50%;
+         border-bottom: 10px solid #1890f9;
+         position: absolute
+     }
+
+     #shoplogo {
+         height: 36px;
+         border-radius: 2px;
+         padding-left: 10px;
+         width: 508px;
+         border: solid 1px #b8bfca;
+         color: #9aa5b5
+     }
+
+     #shoplogoTwo {
+         height: 36px;
+         margin-top: 10px;
+     }
+
+     .login-form input[type="text"] {
+         width: 496px;
+         height: 36px;
+         background-color: #ffffff;
+         border-radius: 2px;
+         border: solid 1px #b8bfca;
+         padding-left: 10px;
+         color: #9aa5b5;
+     }
+
+     input[type="text"]::placeholder, textarea::placeholder {
+         color: #9aa5b5;;
+     }
+
+     .shrink-spacing {
+         margin: 20px 0;
+     }
+
+     .red-color {
+         color: #f94b4b;
+     }
+
+     .address-input {
+         width: 155px;
+         height: 36px;
+         background-color: #ffffff;
+         border-radius: 2px;
+         border: solid 1px #b8bfca;
+         padding-left: 10px;
+         color: #9aa5b5;
+     }
+
+     .address-input.city {
+         margin: 0 18px;
+     }
+
+     .border-grey {
+         width: 496px;
+         height: 114px;
+         background-color: #ffffff;
+         border-radius: 2px;
+         border: solid 1px #b8bfca;
+         margin-top: 20px;
+         resize: none;
+         padding: 10px
+     }
+
+     #description {
+         margin-top: 0;
+     }
+
+     .upload-file {
+         position: relative;
+         float: left;
+         margin: 10px 10px 10px 0px;
+         cursor: pointer;
+         width: 80px;
+         height: 80px;
+         border-radius: 2px;
+         border: solid 1px #b8bfca;
+     }
+
+     .icon-add {
+     }
+
+     .input-file {
+         width: 80px;
+         height: 80px;
+         opacity: 0;
+         cursor: pointer;
+         position: absolute;
+     }
+
+     .upload-img {
+         width: 100%;
+         height: 100%;
+         display: block;
+         border-radius: 2px;
+     }
+
+     .icon-del {
+
+     }
+
+     .add-text {
+         font-size: 12px;
+         color: #333330;
+         opacity: 0.5;
+         position: absolute;
+         top: 60%;
+         right: 13px
+     }
+
+     .release-main-container {
+         overflow: hidden;
+     }
+
+     #uploadGoodsImages {
+         width: 496px;
+     }
+
+     .icon.add:before {
+         width: 25px;
+         height: 25px;
+         background-position: -168px -374px;
+         position: absolute;
+         top: 17px;
+         right: 29px;
+     }
+
+     .icon.del:before {
+         width: 20px;
+         height: 20px;
+         background-position: -116px -138px;
+         position: absolute;
+         top: -3px;
+         right: -3px;
+     }
+
+     .form-upload-tips .icon-wen:before {
+         width: 20px;
+         height: 20px;
+         background-position: -84px -144px;
+         cursor: pointer;
+     }
+
+     .form-upload-tips .wen-tips:before {
+         content: '';
+         width: 0px;
+         height: 0px;
+         border-width: 8px;
+         border-style: solid;
+         border-color: transparent transparent #1890f9 transparent;
+         position: absolute;
+         top: -15px;
+         right: 31px;
+     }
+
+     .form-upload-tips {
+         width: 20px;
+         height: 90px;
+         float: left;
+         position: relative;
+         margin-top: 10px;
+     }
+
+     .wen-tips {
+         width: 462px;
+         height: 46px;
+         line-height: 46px;
+         text-align: center;
+         color: #FFF;
+         font-size: 14px;
+         background-color: #1890f9;
+         box-shadow: 0px 3px 6px 0px rgba(24, 144, 249, 0.17);
+         position: absolute;
+         bottom: 10px;
+         right: -32px;
+         border-radius: 3px;
+         display: none;
+     }
+
+     .form-upload-tips:hover .wen-tips {
+         display: block;
+     }
+
+     #word-limit {
+         position: absolute;
+         right: 0;
+         bottom: 10px;
+         font-size: 12px;
+         color: #9aa5b5
+     }
+
+     .unlogin-item {
+         margin-top: 20px;
+     }
+
+     .textarea-wrapper {
+         letter-spacing: 1.5px;
+         line-height: 24px;
+         color: #627386;
+         position: relative;
+         width: 496px;
+     }
+
+     .BtnAll {
+         margin-top: 30px;
+         width: 520px;
+         overflow: hidden
+     }
+
+     .BtnAll button {
+         width: 232px;
+         height: 50px;
+         border-radius: 2px;
+         line-height: 50px;
+         text-align: center;
+         font-size: 18px;
+         cursor: pointer;
+     }
+
+     .Read {
+         border: solid 1px #e15616;
+         background-color: #ffe6dc;
+         color: #e15616;
+         float: left;
+         position: relative;
+     }
+
+     #btn-submit {
+         background-color: #e15616;
+         color: #fff;
+         float: right;
+     }
+
+     input[type=checkbox] {
+         margin-right: 10px;
+     }
+
+     select {
+         appearance: none;
+         -moz-appearance: none;
+         -webkit-appearance: none;
+     }
+
+     .icon.selected:before {
+         width: 25px;
+         height: 25px;
+         background-position: -87px 11px;
+         position: absolute;
+         right: 87px
+     }
+
+     .icon.province:before {
+         left: 125px;
+     }
+
+     .icon.cCity:before {
+         right: 263px;
+     }
+
+     /**/
+     .select {
+         position: relative;
+         display: block;
+         width: 508px;
+         color: #9aa5b5;
+         vertical-align: middle;
+         text-align: left;
+         height: 36px;
+         user-select: none
+     }
+
+     .select .placeholder {
+         position: relative;
+         display: block;
+         padding-left: 10px;
+         border-radius: 2px;
+         cursor: pointer;
+         border: solid 1px #b8bfca;
+         height: 36px;
+         line-height: 36px
+     }
+
+     .select.is-open .placeholder:after {
+         content: '\f077';
+     }
+
+     .select.is-open ul {
+         display: block;
+     }
+
+     .select.select--white .placeholder {
+         background: #fff;
+         color: #999;
+     }
+
+     .select.select--white .placeholder:hover {
+         background: #fafafa;
+     }
+
+     .select ul {
+         position: absolute;
+         overflow: hidden;
+         width: 100%;
+         background: #fff;
+         border-radius: 2px;
+         top: 100%;
+         left: 0;
+         list-style: none;
+         margin: 2px 0 0 0;
+         padding: 0;
+         z-index: 100;
+         border: solid 1px #b8bfca;
+         max-height: 350px;
+         overflow: auto;
+     }
+
+     .select ul li {
+         display: block;
+         text-align: left;
+         padding: 0.8em 1em 0.8em 1em;
+         color: #999;
+         cursor: pointer;
+     }
+
+     .select ul li:hover {
+         background-color: #ffe6dc;
+         color: #e15616
+     }
+
+     .release-tips {
+         display: block;
+         height: 20px;
+         line-height: 20px;
+         white-space: nowrap;
+         color: red;
+         font-size: 12px
+     }
+
+     .icon.errTips:before {
+         width: 20px;
+         height: 20px;
+         background-position: -172px -296px;
+         vertical-align: top;
+     }
+
+     .thebj {
+         position: fixed;
+         left: 0;
+         top: 0;
+         bottom: 0;
+         width: 100%;
+         height: 100%;
+         background-color: rgba(0, 0, 0, .5);
+         z-index: 999999;
+         opacity: 0;
+     }
+
+     .thebj.show {
+         opacity: 1;
+     }
+
+     .theresult {
+         position: fixed;
+         left: 50%;
+         top: 50%;
+         margin-top: -150px;
+         margin-left: -243px;
+         width: 400px;
+         /*padding: 15px 15px 0;*/
+         background-color: #fff;
+         border-radius: 2px;
+         height: 215px
+     }
+
+     .theresult p:nth-child(1) {
+         color: #627386;
+     }
+
+     .theresult p {
+         font-size: 14px;
+         color: #22272e;
+         line-height: 25px;
+         padding: 15px 15px 0;
+     }
+
+     .paybtn {
+         font-size: 0;
+         padding-left: 152px
+     }
+
+     .paybtn span {
+         display: inline-block;
+         text-align: center;
+         margin: 15px 0 0 10px;
+         font-size: 14px;
+         cursor: pointer;
+     }
+
+     .paybtn .cancel {
+         border-right: 1px solid #F2F2F2;
+         width: 72px;
+         height: 32px;
+         background: rgba(225, 86, 22, 1);
+         color: #fff;
+         line-height: 32px;
+         border-radius: 2px;
+     }
+
+     .paybtn .thegopay {
+         border: 1px solid #E0E0E0;
+         width: 130px;
+         height: 32px;
+         line-height: 32px;
+         border-radius: 2px;
+         color: #333333;
+         padding: 0 5px 0 5px
+     }
+
+     .gosecond {
+         color: #1683E1;
+         border-right: 1px solid #F2F2F2;
+     }
+
+     .close {
+         position: absolute;
+         right: 0;
+         top: 0;
+         width: 40px;
+         height: 40px;
+         line-height: 40px;
+         text-align: center;
+         cursor: pointer;
+         font-size: 24px;
+     }
+ }
+
+/*移动端*
+
+ */
+ @media screen and (max-width:768px){
+  #secondHandrelease {
+         width:100vw;
+         margin: auto;
+     }
+
+     .mt-top {
+         line-height: 105px;
+         letter-spacing: 0px;
+         color: #22272e;
+         text-align: center;
+         font-size: 32px;
+         font-weight: bold;
+         height: 105px
+     }
+
+     .newsTitle {
+         height: 60px;
+         line-height: 30px;
+         background-image: linear-gradient(270deg, rgba(255, 255, 255, 0), rgba(225, 86, 22, .1), rgba(255, 255, 255, 0));
+         text-align: center;
+         padding: 7px 157px;
+         color: #e15616
+     }
+
+     .mt-bottom {
+         width: 50%;
+         margin: 20px auto;
+     }
+
+     #mt-form {
+         position: relative;
+         overflow: hidden;
+     }
+
+     .unlogin-label {
+         width: 146px;
+         margin-bottom: 10px;
+         color: #627386;
+         padding-left: 10px;
+     }
+
+     .secondradio div {
+         width: 154px;
+         height: 36px;
+         line-height: 36px;
+         background-color: #ffffff;
+         border: solid 1px #b8bfca;
+         text-align: center;
+         display: inline-block;
+         cursor: pointer;
+         position: relative;
+         color: #627386;
+
+     }
+
+     .secondradio div:nth-child(2) {
+         margin: 0 20px;
+     }
+
+     .secondradio div.active {
+         color: #e15616;
+         border: solid 1px #e15616;
+     }
+
+     .secondradio div.buy {
+         width: 180px;
+     }
+
+     .icon.select:before {
+         background-position: -207px -254px;
+         width: 22px;
+         height: 19px;
+         position: absolute;
+         bottom: 0;
+         left: 133px
+     }
+
+     .icon.buy:before {
+         left: 159px;
+     }
+
+     .secondradio {
+         margin-bottom: 15px;
+     }
+
+     .linqi_text {
+         width: 425px;
+         height: 45px;
+         background-color: #1890f9;
+         box-shadow: 0px 3px 6px 0px rgba(24, 144, 249, 0.17);
+         text-align: center;
+         line-height: 45px;
+         color: #ffffff;
+         margin: auto
+     }
+
+     .jiaobiao {
+         width: 0;
+         height: 0;
+         border-left: 10px solid transparent;
+         border-right: 10px solid transparent;
+         top: 74px;
+         right: 50%;
+         border-bottom: 10px solid #1890f9;
+         position: absolute
+     }
+
+     #shoplogo {
+         height: 36px;
+         border-radius: 2px;
+         padding-left: 10px;
+         width: 508px;
+         border: solid 1px #b8bfca;
+         color: #9aa5b5
+     }
+
+     #shoplogoTwo {
+         height: 36px;
+         margin-top: 10px;
+     }
+
+     .login-form input[type="text"] {
+         width: 496px;
+         height: 36px;
+         background-color: #ffffff;
+         border-radius: 2px;
+         border: solid 1px #b8bfca;
+         padding-left: 10px;
+         color: #9aa5b5;
+     }
+
+     input[type="text"]::placeholder, textarea::placeholder {
+         color: #9aa5b5;;
+     }
+
+     .shrink-spacing {
+         margin: 20px 0;
+     }
+
+     .red-color {
+         color: #f94b4b;
+     }
+
+     .address-input {
+         width: 155px;
+         height: 36px;
+         background-color: #ffffff;
+         border-radius: 2px;
+         border: solid 1px #b8bfca;
+         padding-left: 10px;
+         color: #9aa5b5;
+     }
+
+     .address-input.city {
+         margin: 0 18px;
+     }
+
+     .border-grey {
+         width: 496px;
+         height: 114px;
+         background-color: #ffffff;
+         border-radius: 2px;
+         border: solid 1px #b8bfca;
+         margin-top: 20px;
+         resize: none;
+         padding: 10px
+     }
+
+     #description {
+         margin-top: 0;
+     }
+
+     .upload-file {
+         position: relative;
+         float: left;
+         margin: 10px 10px 10px 0px;
+         cursor: pointer;
+         width: 80px;
+         height: 80px;
+         border-radius: 2px;
+         border: solid 1px #b8bfca;
+     }
+
+     .icon-add {
+     }
+
+     .input-file {
+         width: 80px;
+         height: 80px;
+         opacity: 0;
+         cursor: pointer;
+         position: absolute;
+     }
+
+     .upload-img {
+         width: 100%;
+         height: 100%;
+         display: block;
+         border-radius: 2px;
+     }
+
+     .icon-del {
+
+     }
+
+     .add-text {
+         font-size: 12px;
+         color: #333330;
+         opacity: 0.5;
+         position: absolute;
+         top: 60%;
+         right: 13px
+     }
+
+     .release-main-container {
+         overflow: hidden;
+     }
+
+     #uploadGoodsImages {
+         width: 496px;
+     }
+
+     .icon.add:before {
+         width: 25px;
+         height: 25px;
+         background-position: -168px -374px;
+         position: absolute;
+         top: 17px;
+         right: 29px;
+     }
+
+     .icon.del:before {
+         width: 20px;
+         height: 20px;
+         background-position: -116px -138px;
+         position: absolute;
+         top: -3px;
+         right: -3px;
+     }
+
+     .form-upload-tips .icon-wen:before {
+         width: 20px;
+         height: 20px;
+         background-position: -84px -144px;
+         cursor: pointer;
+     }
+
+     .form-upload-tips .wen-tips:before {
+         content: '';
+         width: 0px;
+         height: 0px;
+         border-width: 8px;
+         border-style: solid;
+         border-color: transparent transparent #1890f9 transparent;
+         position: absolute;
+         top: -15px;
+         right: 31px;
+     }
+
+     .form-upload-tips {
+         width: 20px;
+         height: 90px;
+         float: left;
+         position: relative;
+         margin-top: 10px;
+     }
+
+     .wen-tips {
+         width: 462px;
+         height: 46px;
+         line-height: 46px;
+         text-align: center;
+         color: #FFF;
+         font-size: 14px;
+         background-color: #1890f9;
+         box-shadow: 0px 3px 6px 0px rgba(24, 144, 249, 0.17);
+         position: absolute;
+         bottom: 10px;
+         right: -32px;
+         border-radius: 3px;
+         display: none;
+     }
+
+     .form-upload-tips:hover .wen-tips {
+         display: block;
+     }
+
+     #word-limit {
+         position: absolute;
+         right: 0;
+         bottom: 10px;
+         font-size: 12px;
+         color: #9aa5b5
+     }
+
+     .unlogin-item {
+         margin-top: 20px;
+     }
+
+     .textarea-wrapper {
+         letter-spacing: 1.5px;
+         line-height: 24px;
+         color: #627386;
+         position: relative;
+         width: 496px;
+     }
+
+     .BtnAll {
+         margin-top: 30px;
+         width: 520px;
+         overflow: hidden
+     }
+
+     .BtnAll button {
+         width: 232px;
+         height: 50px;
+         border-radius: 2px;
+         line-height: 50px;
+         text-align: center;
+         font-size: 18px;
+         cursor: pointer;
+     }
+
+     .Read {
+         border: solid 1px #e15616;
+         background-color: #ffe6dc;
+         color: #e15616;
+         float: left;
+         position: relative;
+     }
+
+     #btn-submit {
+         background-color: #e15616;
+         color: #fff;
+         float: right;
+     }
+
+     input[type=checkbox] {
+         margin-right: 10px;
+     }
+
+     select {
+         appearance: none;
+         -moz-appearance: none;
+         -webkit-appearance: none;
+     }
+
+     .icon.selected:before {
+         width: 25px;
+         height: 25px;
+         background-position: -87px 11px;
+         position: absolute;
+         right: 87px
+     }
+
+     .icon.province:before {
+         left: 125px;
+     }
+
+     .icon.cCity:before {
+         right: 263px;
+     }
+
+     /**/
+     .select {
+         position: relative;
+         display: block;
+         width: 508px;
+         color: #9aa5b5;
+         vertical-align: middle;
+         text-align: left;
+         height: 36px;
+         user-select: none
+     }
+
+     .select .placeholder {
+         position: relative;
+         display: block;
+         padding-left: 10px;
+         border-radius: 2px;
+         cursor: pointer;
+         border: solid 1px #b8bfca;
+         height: 36px;
+         line-height: 36px
+     }
+
+     .select.is-open .placeholder:after {
+         content: '\f077';
+     }
+
+     .select.is-open ul {
+         display: block;
+     }
+
+     .select.select--white .placeholder {
+         background: #fff;
+         color: #999;
+     }
+
+     .select.select--white .placeholder:hover {
+         background: #fafafa;
+     }
+
+     .select ul {
+         position: absolute;
+         overflow: hidden;
+         width: 100%;
+         background: #fff;
+         border-radius: 2px;
+         top: 100%;
+         left: 0;
+         list-style: none;
+         margin: 2px 0 0 0;
+         padding: 0;
+         z-index: 100;
+         border: solid 1px #b8bfca;
+         max-height: 350px;
+         overflow: auto;
+     }
+
+     .select ul li {
+         display: block;
+         text-align: left;
+         padding: 0.8em 1em 0.8em 1em;
+         color: #999;
+         cursor: pointer;
+     }
+
+     .select ul li:hover {
+         background-color: #ffe6dc;
+         color: #e15616
+     }
+
+     .release-tips {
+         display: block;
+         height: 20px;
+         line-height: 20px;
+         white-space: nowrap;
+         color: red;
+         font-size: 12px
+     }
+
+     .icon.errTips:before {
+         width: 20px;
+         height: 20px;
+         background-position: -172px -296px;
+         vertical-align: top;
+     }
+
+     .thebj {
+         position: fixed;
+         left: 0;
+         top: 0;
+         bottom: 0;
+         width: 100%;
+         height: 100%;
+         background-color: rgba(0, 0, 0, .5);
+         z-index: 999999;
+         opacity: 0;
+     }
+
+     .thebj.show {
+         opacity: 1;
+     }
+
+     .theresult {
+         position: fixed;
+         left: 50%;
+         top: 50%;
+         margin-top: -150px;
+         margin-left: -243px;
+         width: 400px;
+         /*padding: 15px 15px 0;*/
+         background-color: #fff;
+         border-radius: 2px;
+         height: 215px
+     }
+
+     .theresult p:nth-child(1) {
+         color: #627386;
+     }
+
+     .theresult p {
+         font-size: 14px;
+         color: #22272e;
+         line-height: 25px;
+         padding: 15px 15px 0;
+     }
+
+     .paybtn {
+         font-size: 0;
+         padding-left: 152px
+     }
+
+     .paybtn span {
+         display: inline-block;
+         text-align: center;
+         margin: 15px 0 0 10px;
+         font-size: 14px;
+         cursor: pointer;
+     }
+
+     .paybtn .cancel {
+         border-right: 1px solid #F2F2F2;
+         width: 72px;
+         height: 32px;
+         background: rgba(225, 86, 22, 1);
+         color: #fff;
+         line-height: 32px;
+         border-radius: 2px;
+     }
+
+     .paybtn .thegopay {
+         border: 1px solid #E0E0E0;
+         width: 130px;
+         height: 32px;
+         line-height: 32px;
+         border-radius: 2px;
+         color: #333333;
+         padding: 0 5px 0 5px
+     }
+
+     .gosecond {
+         color: #1683E1;
+         border-right: 1px solid #F2F2F2;
+     }
+
+     .close {
+         position: absolute;
+         right: 0;
+         top: 0;
+         width: 40px;
+         height: 40px;
+         line-height: 40px;
+         text-align: center;
+         cursor: pointer;
+         font-size: 24px;
+     }
+ }

src/main/resources/static/js/common/serviceapi/second.service.js

@@ -43,23 +43,5 @@ var SecondApi = {
                 callback(res);
             });
         },
-         getProvince: function (params, callback) {//获取省份信息
-            Http.AjaxService({ url:'/product/getSecondHandProductRecommend', type:'get', data:params, json:true, mask:true,replace:false})
-            .then(function(res){
-                callback(res);
-            });
-        },
-         getCity: function (params, callback) {//获取区分信息
-            Http.AjaxService({ url:'/club/city', type:'get', data:params, json:true, mask:true,replace:false})
-            .then(function(res){
-                callback(res);
-            });
-        },
-         getTown: function (params, callback) {//获取区分信息
-            Http.AjaxService({ url:'/club/town', type:'get', data:params, json:true, mask:true,replace:false})
-            .then(function(res){
-                callback(res);
-            });
-        },
 
 };

src/main/resources/static/js/flea-market/form.js

@@ -0,0 +1,418 @@
+var secondHandrelease = new Vue({
+    el:'#secondHandrelease',
+    data:{
+        fenlei:[
+            {name:'二手仪器',value:'1'},
+            {name:'临期产品',value:'2'},
+            {name:'其他',value:'3'},
+        ],
+        currentId:0,
+        radioList:[
+            {name:'轻光电',value:'1',isChecked:false},
+            {name:'重光电',value:'2',isChecked:false},
+            {name:'耗材配件',value:'3',isChecked:false},
+
+        ],
+        beauty:[
+           {name:'医美',value:'1'},
+           {name:'非医美',value:'2'},
+        ],
+        BrandList:[],
+        isShow:false,
+        includedTax:'',
+        GoodsImagesList:[],
+        oldNum:0,
+        secondType:0,
+        vShow_GoodsImages:false,
+        fromMessage:'',//提示文字
+        formData:new FormData(),
+        secondParams:{
+            secondHandType:'',//一级分类
+            instrumentType:'',//二手仪器分类
+            name:'',
+            brandID:'',//品牌ID
+            brandName:'',//其他品牌
+            fixedYears:null,//出厂
+            companyName:'',//公司名称
+            maturityYears:'',//产品到期
+            price1:'',//交易价
+            detailTalkFlag:1,//是否启用详聊
+            normalPrice:'',//市场价
+            originalPrice:'',//采购价
+            stock:'',//数量
+            productQuality:'',//商品成色
+            contactName:'',//联系人
+            contactMobile:'',//联系方式
+            secondProductType:null,//
+            townId:'',//县区地址
+            address:'',//详细地址
+            image1:'',//图片
+            productDetails:'',//商品详细信息
+            source:1,
+         },
+        brandname:'请选择',
+        checkbox:false,
+        shoplogoTwo:false,
+        provinceIndex:'',
+        provinceArray:[],
+        cityArray: [],//市
+        townArray: [],//区
+        from: {
+            name:'',
+            province: '',//省id
+            city: '',
+            town: ''
+        },
+        TypeList:'',
+        playid:'',
+        checkVal:[],
+        vShow_secondBj:false,
+        resultBj:false,
+        vShow_detailTalkFlag:false,
+        vShow_secondHandType:false,
+        vShow_instrumentType:false,
+        vShow_BrandID:false,
+        vShow_Name:false,
+        vShow_Price:false,
+        vShow_shopColor:false,
+        vShow_contactName:false,
+        vShow_contactMobile:false,
+        vShow_Address:false,
+        vShow_TownId:false,
+        vShow_Market:false,
+        vShow_original:false,
+        vShow_Number:false,
+        vShow_expire:false,
+        vShow_detailInfoEditor:true,
+        vShow_GoodsImages:false,
+        vShow_checkBox:false,
+        selectBrand:false
+    },
+    methods:{
+        showBrand:function(){
+            var _this = this;
+            _this.selectBrand = !_this.selectBrand;
+        },
+        secondHandRidio: function(item) {
+        var _this = this;
+            _this.currentId = item.value;
+            _this.secondParams.secondHandType = item.value;
+            if (item.value==1){
+            _this.isShow = true;
+            }else {
+             _this.isShow = false;
+            }
+        },
+        secondHandType:function(item){ //二手仪器
+        item.isChecked = ! item.isChecked;
+        var _this = this;
+          if(item.isChecked){
+           _this.checkVal.push(item.value);
+           _this.secondParams.instrumentType =  _this.checkVal.toString();
+          } else {
+            _this.checkVal.splice(_this.checkVal.indexOf(item.value), 1);
+            _this.secondParams.instrumentType = _this.checkVal.toString();
+          }
+        },
+        ChangeBrand:function(item){ //品牌列表
+         var _this = this;
+            _this.brandname = item.name;
+            console.log(_this.name)
+            _this.secondParams.brandID = item.id;
+            if(_this.secondParams.brandID==161){
+              _this.shoplogoTwo = true;
+            }else {
+              _this.shoplogoTwo = false;
+            }
+        },
+        Detailed:function(){
+        var _this = this;
+         if(event.target.checked==true){
+             _this.secondParams.detailTalkFlag = 2 ;//启用价格详聊
+             _this.vShow_detailTalkFlag = true;
+          }else {
+            _this.secondParams.detailTalkFlag = 1 ;//不启用价格详聊
+            _this.vShow_detailTalkFlag = false;
+          }
+          console.log(_this.secondParams.detailTalkFlag)
+        },
+        dragstart: function(value) {  // 记录初始信息
+            this.oldNum = value;
+        },
+         uploadGoodsImagesFn: function(event){//上传商品图片
+            var _this = this;
+            var inputDOM = _this.$refs.goodsImages;
+            var file = inputDOM.files;
+            _this.formData.append('file', file[0]);
+            SecondApi.uploadimg(_this.formData,function(response){
+               _this.GoodsImagesList.push(response.data);
+               _this.secondParams.image1 =_this.GoodsImagesList.toString()+',';
+                event.target.value = '';
+            });
+        },
+         removeGoodsImagesFn: function(index){//删除商品图片
+            var _this = this;
+            _this.GoodsImagesList.splice(index,1);
+            _this.secondParams.image1 =_this.GoodsImagesList.toString()+',';
+         },
+        getProductType:function(item){
+        var _this = this;
+         _this.secondType=item;
+          _this.secondParams.secondProductType = item ;
+        },
+        submitBtn:function () {
+         var _this = this;
+          if(_this.secondParams.secondHandType == ''){
+                _this.vShow_secondHandType = true;
+                _this.fromMessage = '请选择分类';
+                _this.scrollIntoView();
+                setTimeout(function(){
+                    _this.vShow_secondHandType= false;
+                },2000);
+                return;
+            }
+            if(_this.secondParams.secondHandType == 1 ){
+               if(_this.secondParams.instrumentType ==''){
+                _this.vShow_instrumentType = true;
+                _this.fromMessage = '请完善仪器分类';
+                _this.scrollIntoView();
+                setTimeout(function(){
+                    _this.vShow_instrumentType= false;
+                },2000);
+                return;
+                }
+            }
+         if(_this.secondParams.brandID == ''){
+                _this.vShow_BrandID = true;
+                _this.fromMessage = '请选择商品品牌';
+                _this.scrollIntoView();
+                setTimeout(function(){
+                    _this.vShow_BrandID = false;
+                },2000);
+                return;
+            }
+         if(_this.secondParams.name == ''){
+              _this.vShow_Name = true;
+              _this.fromMessage = '请输入商品名称';
+              _this.scrollIntoView();
+                setTimeout(function(){
+                    _this.vShow_Name = false;
+                },2000);
+                return
+         }
+         if(_this.secondParams.secondHandType ==2) {
+         if (_this.secondParams.normalPrice == '') {
+                 _this.vShow_Market = true;
+                 _this.fromMessage = '请输入市场价';
+                 _this.scrollIntoView();
+                 setTimeout(function () {
+                     _this.vShow_Market = false;
+                 }, 2000);
+                 return
+             }
+             if (_this.secondParams.maturityYears == '') {
+                 _this.vShow_expire = true;
+                 _this.fromMessage = '请输入产品到期日';
+                 _this.scrollIntoView();
+                 setTimeout(function () {
+                     _this.vShow_expire = false;
+                 }, 2000);
+                 return
+             }
+         }
+         if(_this.secondParams.price1 == ''){
+                  _this.vShow_Price = true;
+                  _this.fromMessage = '请输入交易价';
+                  _this.scrollIntoView();
+                    setTimeout(function(){
+                        _this.vShow_Price = false;
+                    },2000);
+                    return
+             }
+         if(_this.secondParams.secondHandType ==2){
+             if(_this.secondParams.originalPrice == ''){
+              _this.vShow_original = true;
+              _this.fromMessage = '请输入采购价/原价';
+              _this.scrollIntoView();
+                setTimeout(function(){
+                    _this.vShow_original = false;
+                },2000);
+                return
+           }
+         if(_this.secondParams.stock == ''){
+              _this.vShow_Number = true;
+              _this.fromMessage = '请输入数量';
+              _this.scrollIntoView();
+                setTimeout(function(){
+                    _this.vShow_Number = false;
+                },2000);
+                return
+            }
+         }
+
+
+         if(_this.secondParams.productQuality == ''){
+              _this.vShow_shopColor = true;
+              _this.fromMessage = '请输入商品成色';
+              _this.scrollIntoView();
+                setTimeout(function(){
+                    _this.vShow_shopColor = false;
+                },2000);
+                return
+         }
+          if(_this.secondParams.contactName == ''){
+              _this.vShow_contactName = true;
+              _this.fromMessage = '请输入联系人姓名';
+              _this.scrollIntoView();
+                setTimeout(function(){
+                    _this.vShow_contactName = false;
+                },2000);
+                return
+         }
+          if(_this.secondParams.contactMobile == ''){
+              _this.vShow_contactMobile = true;
+              _this.fromMessage = '请输入联系方式';
+              _this.scrollIntoView();
+                setTimeout(function(){
+                    _this.vShow_contactMobile = false;
+                },2000);
+                return
+         }
+         if(_this.secondParams.contactMobile.length !=11){
+              _this.vShow_contactMobile = true;
+              _this.fromMessage = '联系方式格式不正确';
+              _this.scrollIntoView();
+                setTimeout(function(){
+                    _this.vShow_contactMobile = false;
+                },2000);
+                 return
+          }
+          if(_this.secondParams.townId == ''|| _this.secondParams.townId == undefined){
+              _this.vShow_TownId = true;
+              _this.fromMessage = '请完善联系地址';
+              _this.scrollIntoView();
+                setTimeout(function(){
+                    _this.vShow_TownId = false;
+                },2000);
+                return
+         }
+           if(_this.secondParams.address == ''){
+              _this.vShow_Address = true;
+              _this.fromMessage = '请填写详细地址';
+               document.getElementById('Address').scrollIntoView({block: 'start', behavior: 'smooth'});
+                setTimeout(function(){
+                    _this.vShow_Address = false;
+                },2000);
+                return
+         }
+            if(_this.GoodsImagesList ==''){
+               _this.vShow_GoodsImages = true;
+              _this.fromMessage = '请上传图片';
+                document.documentElement.scrollTop=900;
+              setTimeout(function(){
+                   _this.vShow_GoodsImages = false;
+                },2000);
+                return;
+            }
+         if(_this.checkbox==false){
+               _this.vShow_checkBox = true;
+               _this.fromMessage='请勾选已阅读';
+                setTimeout(function(){
+                   _this.vShow_checkBox = false;
+                },2000);
+                return
+         }
+         console.log(_this.secondParams)
+          SecondApi.SecondHandProduct(_this.secondParams,function (res) { //提交发布
+             if (res.code==0){
+                 console.log(res)
+               _this.vShow_secondBj = true;
+               _this.playid= res.data;
+             }else{
+                 // layer.msg(res.msg, {icon: 7});
+                 CAIMEI.Alert(res.msg)
+                 _this.secondBj = false;
+                 return
+             }
+         })
+          console.log(_this.secondParams)
+        },
+        quxiao:function(){
+        var _this = this;
+         _this.vShow_secondBj = false;
+        },
+        gopay:function(){
+            var _this = this;
+            window.location.href = '';
+            _this.vShow_secondBj = false;
+        },
+         scrollIntoView: function(){
+            document.getElementById('secondHandrelease').scrollIntoView({block: 'start', behavior: 'smooth'});
+        },
+        province:function () {
+           var _this = this;
+           _this.from.province = event.target.value;
+            if(_this.from.province==''){//省为请选择时市区初始化
+                _this.cityArray=[];
+                _this.townArray=[];
+                _this.secondParams.townId=''
+            }else {
+              _this.getcity();
+            }
+        },
+        getcity:function(event){//加载市
+           var _this = this;
+            PublicApi.GetCity({ provinceId: _this.from.province },function(response){
+                 if(response.code == 0 ){
+                    _this.cityArray = response.data;
+                     _this.from.city = event.target.value;
+                     if(_this.from.city==''){
+                           _this.townArray=[];
+                     }else {
+                         _this.getcTown();
+                     }
+
+                }
+            })
+
+
+        },
+        getcTown:function(event){
+            var _this = this;
+            PublicApi.GetTown({cityId:_this.from.city},function(response){
+                if(response.code == 0 ){
+                    _this.townArray = response.data;
+                    _this.secondParams.townId = event.target.value;
+                    console.log(_this.secondParams.townId)
+                }else{
+                    layer.msg(response.msg, {icon: 7});
+                }
+            })
+        },
+        changeBox:function () {
+            if(event.target.checked ==true){
+             this.checkbox = true
+            }else {
+             this.checkbox = false
+            }
+        },
+    },
+    mounted:function () {
+        var _this = this;
+        SecondApi.brandList({},function (res) {//品牌列表
+            if(res.code == 0){
+               _this.BrandList = res.data;
+            }
+        })
+     PublicApi.GetProvince({},function(response){ //省份
+            if(response.code == 0){
+            console.log(response)
+                _this.provinceArray = response.data
+            }else{
+                layer.msg(response.msg, {icon: 7});
+            }
+        })
+    },
+
+
+})

src/main/resources/templates/flea-market/form.html

@@ -4,6 +4,7 @@
 <head>
     <title>采美365网-中国美业全方位线上交易服务互动平台，做美业，上采美</title>
     <template th:replace="components/head-link"></template>
+    <link th:href="@{/css/flea-market/form.css(v=${version})}" rel="stylesheet" type="text/css">
 </head>
 <body>
 <!-- 引用头部 -->
@@ -11,203 +12,192 @@
 
 <!-- 二手商品发布 -->
 <div id="fleaMarketForm">
-    <h1 style="text-align:center">二手商品发布（二期）</h1>
-<!--            <div class="my-maintenance" id="secondHandrelease">-->
-<!--            <div class="mt-top" style="background: #fff">-->
-<!--                <span class="mt-title">发布信息</span>-->
-<!--            </div>-->
-<!--            <div class="newsTitle">欢迎您来到采美365网二手商品市场，您可以在这里发布二手设备、产品信息，每个商品需要收取您100元的展示费，展示期为6个月；-->
-<!--                                   为了完整展示您的商品，请您认真填写以下内容，谢谢合作。</div>-->
-<!--            <div class="mt-bottom">-->
-<!--                <form id="mt-form" method="post"-->
-<!--                      enctype="multipart/form-data" class="login-form common-form">-->
-<!--                      <div class="unlogin-label spacing" style="letter-spacing: 1px;margin-right: 0"><span class="red-color">*</span>分类：</div>-->
-<!--                         <div class="buy-sell  the-oradio">-->
-<!--                              <div class="secondradio" v-for="(item,index) in fenlei" :key="index">-->
-<!--                                  <input type="radio"  v-model="secondParams.secondHandType" :id="secondHand(index)" :value="item.value"  @click="secondHandRidio(item.value)"/>-->
-<!--                                  <label :for="secondHand(index)" class="chexwords_radio"></label>{{item.name}}-->
-<!--                              </div>-->
-<!--                              <span class="release-tips" v-show="vShow_secondHandType">{{fromMessage}}</span>-->
-<!--                         </div>-->
-<!--                    <div class="clearfix second-form"  v-if="isShow">-->
-<!--                        <div v-for="(item ,index) in radioList" :key="index">-->
-<!--                        <a href="javascript:void(0);"  class="checkbix secondHand_checkbox"  :class="item.isChecked ? 'activebox':''" @click="secondHandType(item)"></a>{{item.name}}-->
-<!--<%&#45;&#45;                             <input  name="sort" :value="item.name"  :id="secondHand(index+10)" v-model="checkVal" type="checkbox" class="checkbix" @click="secondHandType(item.value)" /> {{item.name}}&#45;&#45;%>-->
-<!--<%&#45;&#45;                             <label :for="secondHand(index+10)"  class="secondHand_checkbox"></label>&#45;&#45;%>-->
-<!--                        </div>-->
-<!--                         <span class="release-tips" v-show="vShow_instrumentType">{{fromMessage}}</span>-->
-<!--                    </div>-->
-<!--                    <div class="linqi_text" v-show="secondParams.secondHandType==2">-->
-<!--                        <div class="jiaobiao"></div>-->
-<!--                        <p>临期产品是指临近保质期的产品，距离到期日最好在6个月以上</p>-->
-<!--                    </div>-->
-<!--                    <div class="unlogin-item input-item shrink-spacing">-->
-<!--                        <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>商品品牌：</div>-->
-<!--                        <select class="" id="shoplogo" data-flag="1" v-model="secondParams.brandID"  @change="ChangeBrand($event)">-->
-<!--                            <option value="">请选择</option>-->
-<!--                            <option  v-for="(item,index) in BrandList" :key="index" :value='item.id'>{{item.name}}</option>-->
-<!--                        </select>-->
-<!--                        <input type="text" v-show="shoplogoTwo" v-model="secondParams.brandName" maxlength="20" id="shoplogoTwo" class="border-grey" placeholder="请输入商品品牌">-->
-<!--                         <div class="release-tips" v-show="vShow_BrandID">{{fromMessage}}</div>-->
-<!--                    </div>-->
-<!--                    <div class="unlogin-item input-item shrink-spacing">-->
-<!--                        <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>商品名称：</div>-->
-<!--                        <input type="text" maxlength="40" v-model="secondParams.name" id="shopname" maxlength="40" class="border-grey" placeholder="请输入商品名称，不超过40个汉字"  >-->
-<!--                        <div class="release-tips" v-show="vShow_Name">{{fromMessage}}</div>-->
-<!--                    </div>-->
-<!--                      <div class="unlogin-item input-item shrink-spacing">-->
-<!--                        <div class="unlogin-label spacing" style="letter-spacing: 1px;">出厂日期：</div>-->
-<!--                        <input type="text" class="border-grey" v-model="secondParams.fixedYears" id="shopyear" maxlength="10" placeholder="请输入出厂日期 如：2020年06月">-->
-<!--                    </div>-->
-<!--                     <div class="unlogin-item input-item shrink-spacing"  v-show="secondParams.secondHandType==2">-->
-<!--                        <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>产品到期日：</div>-->
-<!--                        <input type="text" class="border-grey" v-model="secondParams.maturityYears" id="expire" maxlength="10" placeholder="请输入产品到期日，如：2020年12月">-->
-<!--                        <span class="release-tips" v-show="vShow_expire">{{fromMessage}}</span>-->
-<!--                    </div>-->
-<!--                    <div class="unlogin-item input-item shrink-spacing">-->
-<!--                        <div class="unlogin-label spacing" style="letter-spacing: 1px;">公司名称：</div>-->
-<!--                        <input type="text" class="border-grey" v-model="secondParams.companyName" id="mechanismname" maxlength="30" placeholder="请输入公司名称，不超过30个汉字">-->
-<!--                    </div>-->
-<!--                     <div class="unlogin-item input-item shrink-spacing" >-->
-<!--                        <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>交易价：</div>-->
-<!--                        <input type="text" style="width: 288px;" maxlength="20" id="shopprice"   oninput="value=value.replace(/[^\d]/g, '')"-->
-<!--                           v-model="secondParams.price1" class="border-grey" placeholder="请输入交易价">-->
-<!--                        <label class="xiangliao" style="color: #E15616;;margin-left: 15px;position: relative;font-size: 14px">-->
-<!--                        <input type="checkbox" name="Detailed_chat" v-model="secondParams.detailTalkFlags" @click="Detailed($event)" id="Detailed"><label for="Detailed" class="transactionbox"></label>价格详聊</label>-->
-<!--                        <span class="showflag" v-show="vShow_detailTalkFlag">(勾选代表同意不显示交易价)</span>-->
-<!--                        <span class="release-tips" v-show="vShow_Price">{{fromMessage}}</span>-->
-<!--                    </div>-->
-<!--                     <div class="unlogin-item input-item shrink-spacing" v-show="secondParams.secondHandType==2">-->
-<!--                        <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>市场价：</div>-->
-<!--                        <input type="text" class="border-grey" v-model="secondParams.normalPrice" id="market" maxlength="30" oninput="value=value.replace(/[^\d]/g, '')"   placeholder="请输入市场价">-->
-<!--                        <span class="release-tips" v-show="vShow_Market">{{fromMessage}}</span>-->
-<!--                    </div>-->
-<!--                    <div class="unlogin-item input-item shrink-spacing" v-show="secondParams.secondHandType==2">-->
-<!--                        <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>采购价/原价：</div>-->
-<!--                        <input type="text" class="border-grey" v-model="secondParams.originalPrice" id="original_price" maxlength="30" oninput="value=value.replace(/[^\d]/g, '')" placeholder="请输入采购价/原价"/>-->
-<!--                        <span class="release-tips" v-show="vShow_original">{{fromMessage}}</span>-->
-<!--                    </div>-->
-<!--                     <div class="unlogin-item input-item shrink-spacing" v-show="secondParams.secondHandType==2">-->
-<!--                        <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>数量：</div>-->
-<!--                        <input type="text" class="border-grey" id="number" v-model="secondParams.stock" maxlength="30" oninput="value=value.replace(/[^\d]/g,'')" placeholder="请输入数量">-->
-<!--                       <span class="release-tips" v-show="vShow_Number">{{fromMessage}}</span>-->
-<!--                    </div>-->
-<!--                    <div class="unlogin-item input-item shrink-spacing">-->
-<!--                        <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>商品成色：</div>-->
-<!--                        <input type="text" maxlength="10" id="shopcolor"v-model="secondParams.productQuality" class="border-grey" placeholder="请输入商品成色，如“9成新”">-->
-<!--                        <span class="release-tips" v-show="vShow_shopColor">{{fromMessage}}</span>-->
-<!--                    </div>-->
-<!--                    <div class="unlogin-item input-item shrink-spacing">-->
-<!--                        <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>联系人：</div>-->
-<!--                        <input type="text" maxlength="6" v-model="secondParams.contactName" id="linkman" class="border-grey" placeholder="请输入联系人姓名">-->
-<!--                        <span class="release-tips" v-show="vShow_contactName">{{fromMessage}}</span>-->
-<!--                    </div>-->
-<!--                    <div class="unlogin-item input-item shrink-spacing">-->
-<!--                        <div class="unlogin-label spacing"><span class="red-color">*</span>联系方式：</div>-->
-<!--                        <input type="text" class="border-grey" v-model="secondParams.contactMobile"  oninput="value=value.replace(/[^\d]/g,'')"  id="phoneNum" maxlength="11" placeholder="请输入联系人手机号 / 固话">-->
-<!--                        <span class="release-tips" v-show="vShow_contactMobile">{{fromMessage}}</span>-->
-<!--                    </div>-->
-<!--                     <div class="unlogin-item input-item shrink-spacing">-->
-<!--                            <div class="unlogin-label spacing">商品类型：</div>-->
-<!--                            <div class="buy-sell" style="display: inline-block">-->
-<!--                                <div class="buy" v-for="(item ,index) in beauty" :key='index' style="margin-right: 20px">-->
-<!--                                   <input name="Medicalbeauty" value="item.value" :id="Medicalbeauty(index+11)" style="margin-left: -15px"  @click="getProductType(item.value)"  type="radio"/> {{item.name}}-->
-<!--                                   <label :for="Medicalbeauty(index+11)" class="Medicalbeauty_radio"></label>-->
-<!--                                </div>-->
-<!--                            </div>-->
-<!--                        </div>-->
-<!--                    <div class="unlogin-item input-item address-item shrink-spacing" id="Address">-->
-<!--                        <div class="unlogin-label spacing"><span class="red-color">*</span>联系地址：</div>-->
-<!--                    <select class="address-input reg-select province" name="provinceID" id="cProvince" @change="province" >-->
-<!--                        <option value="" >请选择</option>-->
-<!--                        <option v-for="(item ,index) in provinceArray" :key="index" :value='item.provinceID' >{{item.name}}</option>-->
-<!--                    </select>-->
-<!--                    <select class="address-input reg-select city" name="cityID" id="cCity" @change="getcity($event)" >-->
-<!--                        <option value="" >请选择</option>-->
-<!--                        <option v-for="(item ,index) in cityArray" :key="index" :value="item.cityID" >{{item.name}}</option>-->
-<!--                    </select>-->
-<!--                    <select class="address-input reg-select town" name="townID" id="cTown" @change="getcTown($event)">-->
-<!--                        <option value="" >请选择</option>-->
-<!--                        <option v-for="(item ,index) in townArray" :key="index" :value="item.townID"  >{{item.name}}</option>-->
-<!--                    </select>-->
-<!--                    <span class="release-tips" v-show="vShow_TownId">{{fromMessage}}</span>-->
-<!--                        <textarea type="text" id="addressDetails" class="border-grey address-details" v-model="secondParams.address" maxlength="50" placeholder="请填写详细地址，如街道/小区/门牌等" /></textarea>-->
-<!--                       <span class="release-tips" v-show="vShow_Address">{{fromMessage}}</span>-->
-<!--                    </div>-->
+     <div class="bannerimg"><img src="/img/flea-market/banner@2x.png"></div>
+      <div class="my-maintenance" id="secondHandrelease">
+            <div class="mt-top" >
+                <span class="mt-title">发布信息</span>
+            </div>
+            <div class="newsTitle">
+                <p>欢迎您来到采美365网二手商品市场，您可以在这里发布二手设备、产品信息，每个商品需要收取您100元的展示费，展示期为6个月；
+                   为了完整展示您的商品，请您认真填写以下内容，谢谢合作。</p>
+             </div>
+          <div class="mt-bottom">
+            <form id="mt-form" method="post" enctype="multipart/form-data" class="login-form common-form">
+                <div class="unlogin-label spacing" style="letter-spacing: 1px;margin-right: 0"><span class="red-color">*</span>分类：</div>
+                      <div class="secondradio" >
+                          <div v-for="(item,index) in fenlei"  v-model="secondParams.secondHandType"  @click="secondHandRidio(item)"
+                              :class="currentId==item.value?'select active':''" class="icon mIcon ">
+                              {{item.name}}
+                          </div>
+                          <span class="release-tips  errTips icon mIcon" v-show="vShow_secondHandType">{{fromMessage}}</span>
+                      </div>
+                      <div class="secondradio"  v-if="isShow" >
+                        <div v-for="(item ,index) in radioList" :key="index" :class="item.isChecked ? 'select active':''"
+                                @click="secondHandType(item)" class="icon mIcon ">
+                               {{item.name}}
+                        </div>
+                         <span class="release-tips errTips icon mIcon" v-show="vShow_instrumentType">{{fromMessage}}</span>
+                    </div>
+                    <div class="linqi_text" v-show="secondParams.secondHandType==2">
+                        <div class="jiaobiao"></div>
+                        <p>临期产品是指临近保质期的产品，距离到期日最好在6个月以上</p>
+                    </div>
+                    <div class="unlogin-item input-item shrink-spacing">
+                        <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>商品品牌：</div>
+                        <i class="icon selected"></i>
+                        <div class="select" @click="showBrand">
+                            <span class="placeholder" >{{brandname}}</span>
+                            <ul v-show="selectBrand">
+                                <li  v-for="(item,index) in BrandList"   :key="index" :value='item.id' @click="ChangeBrand(item)">{{item.name}}</li>
+                            </ul>
+                        </div>
+                        <input type="text" v-show="shoplogoTwo" v-model="secondParams.brandName" maxlength="20" id="shoplogoTwo" placeholder="请输入商品品牌">
+                         <div class="release-tips errTips icon mIcon" v-show="vShow_BrandID">{{fromMessage}}</div>
+                    </div>
+                    <div class="unlogin-item input-item shrink-spacing">
+                        <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>商品名称：</div>
+                        <input type="text" maxlength="40"  id="shopname"  v-model="secondParams.name" placeholder="请输入商品名称，不超过40个汉字">
+                        <div class="release-tips errTips icon mIcon" v-show="vShow_Name">{{fromMessage}}</div>
+                    </div>
+                     <div class="unlogin-item input-item shrink-spacing">
+                        <div class="unlogin-label spacing" style="letter-spacing: 1px;">出厂日期：</div>
+                        <input type="text"  v-model="secondParams.fixedYears" id="shopyear" maxlength="10" placeholder="请输入出厂日期 如：2020年06月">
+                    </div>
+                     <div class="unlogin-item input-item shrink-spacing"  v-show="secondParams.secondHandType==2">
+                        <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>产品到期日：</div>
+                        <input type="text"  v-model="secondParams.maturityYears" id="expire" maxlength="10" placeholder="请输入产品到期日，如：2020年12月">
+                        <span class="release-tips errTips icon mIcon" v-show="vShow_expire">{{fromMessage}}</span>
+                    </div>
+                    <div class="unlogin-item input-item shrink-spacing">
+                        <div class="unlogin-label spacing" style="letter-spacing: 1px;">公司名称：</div>
+                        <input type="text"  v-model="secondParams.companyName" id="mechanismname" maxlength="30" placeholder="请输入公司名称，不超过30个汉字">
+                    </div>
+                     <div class="unlogin-item input-item shrink-spacing" >
+                        <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>交易价：</div>
+                        <input type="text" style="width: 288px;" maxlength="20" id="shopprice"   oninput="value=value.replace(/[^\d]/g, '')"
+                           v-model="secondParams.price1"  placeholder="请输入交易价">
+                        <label class="xiangliao" style="color: #E15616;;margin-left: 15px;position: relative;font-size: 14px">
+                        <input type="checkbox" name="Detailed_chat" v-model="secondParams.detailTalkFlags" @click="Detailed($event)" id="Detailed"><label for="Detailed" class="transactionbox"></label>价格详聊</label>
+                        <span class="showflag" v-show="vShow_detailTalkFlag">(勾选代表同意不显示交易价)</span>
+                        <span class="release-tips errTips icon mIcon" v-show="vShow_Price">{{fromMessage}}</span>
+                    </div>
+                     <div class="unlogin-item input-item shrink-spacing" v-show="secondParams.secondHandType==2">
+                        <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>市场价：</div>
+                        <input type="text"  v-model="secondParams.normalPrice" id="market" maxlength="30" oninput="value=value.replace(/[^\d]/g, '')"   placeholder="请输入市场价">
+                        <span class="release-tips errTips icon mIcon" v-show="vShow_Market">{{fromMessage}}</span>
+                    </div>
+                    <div class="unlogin-item input-item shrink-spacing" v-show="secondParams.secondHandType==2">
+                        <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>采购价/原价：</div>
+                        <input type="text"  v-model="secondParams.originalPrice" id="original_price" maxlength="30" oninput="value=value.replace(/[^\d]/g, '')" placeholder="请输入采购价/原价"/>
+                        <span class="release-tips errTips icon mIcon" v-show="vShow_original">{{fromMessage}}</span>
+                    </div>
+                     <div class="unlogin-item input-item shrink-spacing" v-show="secondParams.secondHandType==2">
+                        <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>数量：</div>
+                        <input type="text"  id="number" v-model="secondParams.stock" maxlength="30" oninput="value=value.replace(/[^\d]/g,'')" placeholder="请输入数量">
+                       <span class="release-tips errTips icon mIcon" v-show="vShow_Number">{{fromMessage}}</span>
+                    </div>
+                    <div class="unlogin-item input-item shrink-spacing">
+                        <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>商品成色：</div>
+                        <input type="text" maxlength="10" id="shopcolor"v-model="secondParams.productQuality"  placeholder="请输入商品成色，如“9成新”">
+                        <span class="release-tips errTips icon mIcon" v-show="vShow_shopColor">{{fromMessage}}</span>
+                    </div>
+                    <div class="unlogin-item input-item shrink-spacing">
+                        <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>联系人：</div>
+                        <input type="text" maxlength="6" v-model="secondParams.contactName" id="linkman"  placeholder="请输入联系人姓名">
+                        <span class="release-tips errTips icon mIcon" v-show="vShow_contactName">{{fromMessage}}</span>
+                    </div>
+                    <div class="unlogin-item input-item shrink-spacing">
+                        <div class="unlogin-label spacing"><span class="red-color">*</span>联系方式：</div>
+                        <input type="text"  v-model="secondParams.contactMobile"  oninput="value=value.replace(/[^\d]/g,'')"  id="phoneNum" maxlength="11" placeholder="请输入联系人手机号 / 固话">
+                        <span class="release-tips errTips icon mIcon" v-show="vShow_contactMobile">{{fromMessage}}</span>
+                    </div>
+                    <div class="unlogin-item input-item shrink-spacing">
+                        <div class="unlogin-label spacing">商品类型：</div>
+                        <div class="secondradio">
+                            <div class="buy icon mIcon" v-for="(item ,index) in beauty" :key='index' value="item.value" @click="getProductType(item.value)" :class="secondType==item.value?'select active':''">
+                               {{item.name}}
+                            </div>
+                        </div>
+                    </div>
+                    <div class="unlogin-item input-item address-item shrink-spacing" id="Address">
+                        <div class="unlogin-label spacing"><span class="red-color">*</span>联系地址：</div>
+                        <i class="province icon selected"></i>
+                    <select class="address-input reg-select province" name="provinceID" id="cProvince" @change="province" >
+                        <option value="" >请选择</option>
+                        <option v-for="(item ,index) in provinceArray" :key="index" :value='item.provinceID' >{{item.name}}</option>
+                    </select>
+                    <i class="cCity icon selected"></i>
+                    <select class="address-input reg-select city" name="cityID" id="cCity" @change="getcity($event)" >
+                        <option value="" >请选择</option>
+                        <option v-for="(item ,index) in cityArray" :key="index" :value="item.cityID" >{{item.name}}</option>
+                    </select>
+                    <i class="cTown icon selected"></i>
+                    <select class="address-input reg-select town" name="townID" id="cTown" @change="getcTown($event)">
+                        <option value="" >请选择</option>
+                        <option v-for="(item ,index) in townArray" :key="index" :value="item.townID"  >{{item.name}}</option>
+                    </select>
+                    <span class="release-tips errTips icon mIcon" v-show="vShow_TownId">{{fromMessage}}</span>
+                        <textarea type="text" id="addressDetails" class="border-grey address-details" v-model="secondParams.address" maxlength="50" placeholder="请填写详细地址，如街道/小区/门牌等" /></textarea>
+                       <span class="release-tips errTips icon mIcon" v-show="vShow_Address">{{fromMessage}}</span>
+                    </div>
+                    <div class="release-main-container">
+                        <div class="release-from unlogin-label">
+                            <div class="release-label"><span class="red-color" >*</span>营业执照图片:</div>
+                            <div class="release-input upload image"  id="uploadGoodsImages">
+                                <div class="upload-file"  v-for="(item, index) in GoodsImagesList" :key="index">
+                                    <img :data-original='item' :src="item" :data-image="item" alt="" class="upload-img" >
+                                    <i class="icon mIcon del" @click="removeGoodsImagesFn(index)"></i>
+                                </div>
+                                <div class="upload-file" v-show="GoodsImagesList.length<5">
+                                    <i class="icon mIcon add"></i>
+                                    <p class="add-text">营业执照</p>
+                                    <input ref="goodsImages" type="file" name="file" value="" class="input-file" accept="image/png,image/jpeg,image/gif,image/jpg"  @change="uploadGoodsImagesFn">
+                                </div>
+                                <div class="form-upload-tips">
+                                    <i class="icon icon-wen"></i>
+                                    <div class="wen-tips">最多上传5张二手商品图片，请尽量全部上传，单张图片不能超过5M</div>
+                                </div>
+                            </div>
+                    </div>
+                     <span class="release-tips errTips icon mIcon" v-show="vShow_GoodsImages">{{fromMessage}}</span>
+                    </div>
+                     <div class="unlogin-item">
+                        <div class="unlogin-label spacing">商品详细信息：</div>
+                        <div class="textarea-wrapper">
+                            <textarea class="border-grey" maxlength="200" v-model="secondParams.productDetails"  cols="70" id="description" rows="6"  placeholder="请填写商品详细信息，对商品进行更详细的描述"></textarea>
+                            <span id="word-limit">不超过200字</span>
+                        </div>
+                    </div>
+                    <div class="unlogin-item">
+                        <div class="unlogin-label spacing" ><span class="red-color">*</span>免责声明：</div>
+                        <div class="textarea-wrapper" style="letter-spacing: 1.5px">
+                            鉴于本网站提供的二手版块信息包括但不限于公司名称，商品的简介、性能、描述与说明，相关图片、视频等均由卖家自行提供，
+                            由卖家对其提供的信息承担相应法律责任。买家应自行甄别商品信息并查验商品性状。
+                            本网站对二手版块中买卖双方的交易不提供任何形式的担保与保证，特此声明！
+                        </div>
+                    </div>
+                     <div class="BtnAll" >
+                            <button type="button" class="Read" ><input type="checkbox" @click="changeBox"/>已阅读</button>
+                            <button type="button"  @click="submitBtn" id="btn-submit">发布</button>
+                      </div>
+                      <span class="release-tips errTips icon mIcon" v-show="vShow_checkBox">{{fromMessage}}</span>
+            </form>
+          </div>
 
-<!--                    <div class="release-main-container">-->
-<!--                        <div class="release-from clearfix">-->
-<!--                            <div class="release-label"><span class="red-color" >*</span>商品图片:</div>-->
-<!--                            <div class="release-input upload image"  id="uploadGoodsImages">-->
-<!--                                <div class="upload-file"  v-for="(item, index) in GoodsImagesList" :key="index"-->
-<!--                                     draggable="true"-->
-<!--                                     class="items"-->
-<!--                                     @dragstart="dragstart(item)"-->
-<!--                                     @dragenter="dragenter(item)"-->
-<!--                                     @dragend="dragend(item)"-->
-<!--                                >-->
-<!--                                    <img :data-original='item' :src="item" :data-image="item" alt="" class="upload-img" >-->
-<!--                                    <i class="icon-del" @click="removeGoodsImagesFn(index)"></i>-->
-<!--                                </div>-->
-<!--                                <div class="upload-file" v-show="GoodsImagesList.length<5">-->
-<!--                                    <i class="icon-add"></i>-->
-<!--                                    <p class="add-text">添加图片</p>-->
-<!--                                    <input ref="goodsImages" type="file" name="file" value="" class="input-file" accept="image/png,image/jpeg,image/gif,image/jpg"  @change="uploadGoodsImagesFn">-->
-<!--                                </div>-->
-<!--                            </div>-->
-<!--                          <span class="release-tips" v-show="vShow_GoodsImages">{{fromMessage}}</span>-->
-<!--                    </div>-->
-<!--                        <p style="color: #333330;opacity: 0.5">最多上传5张二手商品图片，请尽量全部上传，单张图片不能超过5M</p>-->
-<!--                    </div>-->
-<!--                    <div class="unlogin-item">-->
-<!--                        <div class="unlogin-label spacing">商品详细信息：</div>-->
-<!--                        <div class="textarea-wrapper">-->
-<!--                            <textarea class="border-grey" maxlength="200" v-model="secondParams.productDetails"  cols="70" id="description" rows="6"  placeholder="请填写商品详细信息，对商品进行更详细的描述"></textarea>-->
-<!--                            <span id="word-limit">不超过200字</span>-->
-<!--                        </div>-->
-<!--                    </div>-->
-<!--                        <div class="unlogin-item">-->
-<!--                            <div class=" spacing" style=" margin-bottom: 12px;color: #333330;"><span class="red-color">*</span>免责声明：</div>-->
-<!--                            <div class="textarea-wrapper" style="letter-spacing: 1.5px">-->
-<!--                                鉴于本网站提供的二手版块信息包括但不限于公司名称，商品的简介、性能、描述与说明，相关图片、视频等均由卖家自行提供，-->
-<!--                                由卖家对其提供的信息承担相应法律责任。买家应自行甄别商品信息并查验商品性状。-->
-<!--                                本网站对二手版块中买卖双方的交易不提供任何形式的担保与保证，特此声明！-->
-<!--                            </div>-->
-<!--                        </div>-->
-<!--                    <%&#45;&#45;</div>&#45;&#45;%>-->
-<!--                          <div class="BtnAll" >-->
-<!--                            <label style=" margin-right: 10px;">-->
-<!--                             <div class="Read"> <input type="checkbox" @click="changeBox"/><i></i>已阅读</div>-->
-<!--                            </label>-->
-<!--                            <div class="btn-submit-btm main-color" id="btn-submit" @click="submitBtn">发布</div>-->
-<!--                        </div>-->
-<!--                </form>-->
-<!--                <div class="mask-pop-box1" style="display: none">-->
-<!--                    <div class="red-color">提示：</div>-->
-<!--                    <div id="box-text">文件大小不能超过100KB</div>-->
-<!--                </div>-->
-<!--                <div class="mask-pop-box-success">-->
-<!--                    <div class="red-color">提示：</div>-->
-<!--                    <div id="box-text-1">提交成功, 客服会在1-2个工作日内与您联系，请保持电话畅通</div>-->
-<!--                    <button id="btn-success" class="btn-success-login">确定</button>-->
-<!--                </div>-->
-<!--            </div>-->
+             <div class="secondBj thebj"   v-show="vShow_secondBj" :class="vShow_secondBj?'show':''">
+                    <div class="bjmain theresult">
+                        <p>收费</p>
+                        <p>发布二手商品，采美需要收取您每个商品100元的展示费，展示期为6个月</br>
+                            支付完成后，商品会在1-2个工作日内进行审核，审核通过后，商品会立即上线</p>
+                        <div class="paybtn">
+                            <span class="cancel closebtn" @click="gopay">去支付</span>
+                            <span class="thegopay gozhofubao" @click="quxiao">取消，不发布了</span>
+                        </div>
+                        <div class="close closebtn" @click="quxiao">×</div>
+                    </div>
+                </div>
 
-
-<!--            <div class="secondBj thebj"   v-show="vShow_secondBj" :class="vShow_secondBj?'show':''">-->
-<!--                <div class="bjmain theresult">-->
-<!--                    <h3>收费提示</h3>-->
-<!--                    <p>发布二手商品，采美需要收取您每个商品100元的展示费，展示期为6个月</br>-->
-<!--                        支付完成后，商品会在1-2个工作日内进行审核，审核通过后，商品会立即上线</p>-->
-<!--                    <div class="paybtn">-->
-<!--                        <span class="cancel closebtn" @click="gopay">去支付</span>-->
-<!--                        <span class="thegopay gozhofubao" @click="quxiao">取消，不发布了</span>-->
-<!--                    </div>-->
-<!--                    <div class="close closebtn" @click="quxiao"><img style="width: 15px" src="/html/maintenance/img/close.png"></div>-->
-<!--                </div>-->
-<!--            </div>-->
-
-<!--        </div>-->
+      </div>
 </div>
 
 <!-- 引入底部 -->
@@ -215,6 +205,7 @@
 <template th:replace="components/foot-link"></template>
 <script charset="utf-8" type="text/javascript" th:src="@{/js/common/ajax.service.js(v=${version})}"></script>
 <script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/second.service.js(v=${version})}"></script>
-<script charset="utf-8" type="text/javascript" th:src="@{/js/flea-market/list.js(v=${version})}"></script>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/utils.service.js(v=${version})}"></script>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/flea-market/form.js(v=${version})}"></script>
 </body>
 </html>

src/main/resources/templates/flea-market/list.html

@@ -45,7 +45,7 @@
                    <span class="infotag news" v-if="item.sold==0&&item.newAdded==1">最新</span>
                    <span class="infotag brand" v-if="item.brandName==null&&item.brandName==''">{{item.brandName}}</span>
                    <span class="infotag sold" v-if="item.sold==1&&item.newAdded==1||item.sold==1&&item.newAdded==0">已售</span>
-                   <span class="infotag other" v-if="item.brandID==161&&item.brandName!=''">{{item.brandName}}</span>
+                   <span class="infotag other" v-if="item.brandID==161&&item.brandName!=''&&item.brandName!=null">{{item.brandName}}</span>
                   </div>
                   <div class="productname">
                     {{item.name}}