二手发布

src/main/resources/config/dev/application-dev.yml

@@ -54,9 +54,9 @@ logging:
 caimei:
   siteEnv: 0 #网站环境，（2：正式环境，1：测试环境，0：开发环境）
   #spiServer: http://192.168.2.68:8008
-#  coreServer: https://core-b.caimei365.com
+  coreServer: https://core-b.caimei365.com
   #coreServer: http://192.168.2.68:18002
-  coreServer: http://192.168.2.75:18002
+  #coreServer: http://192.168.2.75:18002
   imageDomain: https://img-b.caimei365.com
   wwwDomain: http://localhost:8009
   destPath: classpath:/

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

@@ -26,8 +26,8 @@ body{background: #fff}
      #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: #22272e;}
+     .login-form input.code{width: 300px;}
      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;}
@@ -52,7 +52,8 @@ body{background: #fff}
      .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;left: -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;width: 100%;float: left;}
+     .unlogin-item {margin-bottom: 20px;width: 100%;float: left;}
+     .unlogin-item.none {margin-bottom: 0;}
      .getCode{box-sizing: border-box;width: 168px;height: 36px;margin-right: 15px;float: right; line-height: 34px;text-align: center;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #e15616;color: #e15616;font-size: 14px;}
      .getCode.disabled{background-color: #D6D6D6;border-color: #D6D6D6;color: #FFFFFF;}
      .textarea-wrapper {letter-spacing: 1.5px;line-height: 24px;color: #627386;position: relative;width: 496px;}
@@ -103,11 +104,11 @@ body{background: #fff}
  @media screen and (max-width:768px){
   #secondHandrelease {padding: 2.7vw;}
     .bannerimg  img{width: 100%;height: 100% ;}
-     .mt-top {line-height: 17.3vw;color: #22272e;text-align: left;font-size: 5vw;font-weight: bold;height: 17.3vw}
-     .newsTitle {line-height: 6.4vw;text-align: left;color: #e15616;padding: 2.7vw;background-color: rgba(225, 86, 22, .1)}
+     .mt-top {line-height: 11vw;color: #22272e;text-align: left;font-size: 5vw;font-weight: bold;height: 11vw}
+     .newsTitle {line-height: 6vw;text-align: left;color: #e15616;padding: 2.7vw;background-color: rgba(225, 86, 22, .1)}
      .mt-bottom {margin: 5.3vw auto;}
      #mt-form {position: relative;overflow: hidden;width: 93.4vw;margin: auto}
-     .unlogin-label {width: 100%;margin-bottom: 2.7vw;color: #627386;padding-left: 2.7vw}
+     .unlogin-label {width: 100%;margin-bottom: 2.7vw;color: #627386;}
      .secondradio div {width: 27vw;height: 10.7vw;line-height: 10.7vw;background-color: #ffffff;border: solid .27vw #b8bfca;text-align: center;display: inline-block;cursor: pointer;position: relative;color: #627386}
      .secondradio div:nth-child(2) {margin: 0 5.3vw;}
      .secondradio div.active {color: #e15616;border: solid .27vw #e15616;}
@@ -115,22 +116,30 @@ body{background: #fff}
      .mIcon.select:before {background-position: -75.5vw -8.8vw;width: 5.3vw;height: 4.8vw;position: absolute;bottom: 0;right: 0;transition: none;}
      .mIcon.buy:before {left: 34vw;}
      .secondradio {margin-bottom:4vw;}
+     .secondradio div.typelist{width: 27vw;height: 36px;line-height: 16px;box-sizing: border-box;padding: 1.5vw 0; background-color: #ffffff;border: none;display: inline-block;cursor: pointer;position: relative;color: #627386;}
+     .secondradio .typelist .radio{width: 16px;height: 16px;background: url("/img/cart/icon_weigouxuan@2x.png") no-repeat;background-size: cover;display: block;float: left;}
+     .secondradio .typelist.checked .radio{background: url("/img/cart/icon_yixuanze@2x.png") no-repeat;background-size: cover;}
+     .secondradio .typelist .rtext{display: block;float: left;margin-left: 8px;}
      .linqi_text {width: 100%;height:9.6vw;background-color: #1890f9;box-shadow: 0px .8vw 1.3vw 0px rgba(24, 144, 249, 0.17);text-align: center;line-height: 9.6vw;color: #ffffff;margin: auto;font-size: 3.2vw;}
      .jiaobiao {width: 0;height: 0;border-left: 2.7vw solid transparent;border-right: 2.7vw solid transparent;top: 20.8vw;right: 50%;border-bottom: 2.7vw solid #1890f9;position: absolute}
      #shoplogoTwo {height:9.6vw;margin-top: 2.7vw;}
-     .login-form input[type="text"] {width: 100% !important;height: 9.6vw;background-color: #ffffff;border-radius: .53vw;border: solid .27vw #b8bfca;padding-left: 2.7vw;color: #22272e;box-sizing: border-box}
+     .login-form input[type="text"] {width: 100%;height: 9.6vw;background-color: #ffffff;border-radius: .53vw;border: solid .27vw #b8bfca;padding-left: 2.7vw;color: #22272e;box-sizing: border-box}
      input[type="text"]::placeholder, textarea::placeholder {color: #9aa5b5;;}
+     .login-form input.code{width: 60vw;}
+     .getCode{box-sizing: border-box;width: 30vw;height: 9.6vw;float: right; line-height: 9.6vw;text-align: center;background-color: #ffe6dc;border-radius:.53vw;border: solid 1px #e15616;color: #e15616;font-size: 3.2vw;}
+     .getCode.disabled{background-color: #D6D6D6;border-color: #D6D6D6;color: #FFFFFF;}
      .shrink-spacing {margin: 5.3vw 0;position: relative;}
      .red-color {color: #f94b4b;}
      .address-input {width: 28.5vw;height: 10.7vw;background-color: #ffffff;border-radius: .53vw;border: solid .27vw #b8bfca;padding-left: 6.7vw;color: #9aa5b5}
      .address-item i{position: relative;}
      .address-input.city {margin: 0 2.6vw;}
-     .border-grey {width: 100%;height: 56.3vw;background-color: #ffffff;border-radius: .53vw;border: solid .27vw #b8bfca;margin-top: 5.3vw;resize: none;padding: 2.7vw;box-sizing: border-box}
+     .border-grey {width: 100%;height: 40vw;background-color: #ffffff;border-radius: .53vw;border: solid .27vw #b8bfca;margin-top: 5.3vw;resize: none;padding: 2.7vw;box-sizing: border-box}
+     .border-grey.address-details{height: 25vw;}
      #description {margin-top: 0;}
      .upload-file {position: relative;float: left;margin: 2.7vw 2.7vw 2.7vw 0px;cursor: pointer;width: 21.3vw;height: 21.3vw;border-radius: .53vw;border: solid .27vw #b8bfca}
      .login-form input.upload-file-name{ width: 100% !important; padding: 0 2.7vw;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
      .input-file {width: 21.3vw;height: 21.3vw;opacity: 0;cursor: pointer;position: absolute;}
-     .input-file-btn {width: 33.6vw;height: 9.6vw;box-sizing: border-box; cursor: pointer;position: absolute;	background-color: #ffe6dc;border-radius: 2px;border: solid 1px #e15616;text-align: center;line-height: 9.6vw;font-size: 14px;color: #e15616;right: 0;top: 7.8vw;}
+     .input-file-btn {width: 33.6vw;height: 9vw;box-sizing: border-box; cursor: pointer;position: absolute;	background-color: #ffe6dc;border-radius: 2px;border: solid 1px #e15616;text-align: center;line-height: 9vw;font-size: 14px;color: #e15616;right: 0;top: 7.5vw;}
      .input-file-btn input{width: 33.6vw;height: 9.6vw;opacity: 0;cursor: pointer;position: absolute;top: 0;left: 0;z-index: 999;}
      .upload-img {width: 100%;height: 100%;display: block;border-radius: .53vw;}
      .add-text {font-size: 3.2vw;color: #333330;opacity: 0.5;position: absolute;top: 60%;right:3.3vw}
@@ -146,8 +155,10 @@ body{background: #fff}
      .form-upload-tips:hover .wen-tips {display: block;}
      #word-limit {position: absolute;right: 2.7vw;bottom: 2.7vw;font-size: 3.2vw;color: #9aa5b5}
      .textarea-wrapper {letter-spacing: .4vw;line-height: 6.4vw;color: #627386;position: relative;width: 100%;font-size: 3.2vw}
-     .release-button {margin-top: 8vw;width: 100%;overflow: hidden}
-     .release-button button {width: 100%;height: 15vw;border-radius: .53vw;line-height: 15vw;text-align: center;font-size: 4.5vw;cursor: pointer;margin-bottom: 2.7vw;box-sizing: border-box;}
+     .release-button .text{width: 100%;text-align: center;margin: 15px 10px;}
+     .release-button .buttton-main{width:100vw;margin: 0 auto;}
+     .release-button {width: 100%;height: auto;float: left;margin: 8vw 0;}
+     .release-button button {width: 100%;height: 12vw;border-radius: .53vw;line-height: 12vw;text-align: center;font-size: 4.5vw;cursor: pointer;box-sizing: border-box;}
      .Read {border: solid .27vw #e15616;background-color: #ffe6dc;color: #e15616;}
      #btn-submit {background-color: #e15616;color: #fff;}
      input[type=checkbox] {margin: 1.27vw 7px 0px -3.4vw;width: 3.5vw;height: 3.5vw;line-height: 3.5vw}

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

@@ -57,6 +57,7 @@ var fleaMarketForm = new Vue({
             contactName:'',//联系人
             contactMobile:'',//联系方式
             checkCode:'', // 联系人手机验证码
+            cardNumber:'',// 收款账号
             secondProductType:'',//
             townId:'',//县区地址
             address:'',//详细地址
@@ -96,6 +97,7 @@ var fleaMarketForm = new Vue({
         vShow_BrandID:false,
         vShow_Name:false,
         vShow_companyName:false,
+        vShow_cardNumber:false,
         vShow_Price:false,
         vShow_shopColor:false,
         vShow_contactName:false,
@@ -402,6 +404,42 @@ var fleaMarketForm = new Vue({
         submitBtn:function () {
             var _this = this;
             var re = /^1\d{10}$/;
+            if(_this.secondParams.contactName == ''){
+                _this.vShow_contactName = true;
+                _this.fromMessage = '请输入联系人姓名';
+                _this.scrollIntoView('secondHandrelease');
+                setTimeout(function(){
+                    _this.vShow_contactName = false;
+                },3000);
+                return
+            }
+            if(_this.secondParams.contactMobile == ''){
+                _this.vShow_contactMobile = true;
+                _this.fromMessage = '请输入联系方式';
+                _this.scrollIntoView('secondHandrelease');
+                setTimeout(function(){
+                    _this.vShow_contactMobile = false;
+                },3000);
+                return
+            }
+            if(!re.test(_this.secondParams.contactMobile)){
+                _this.vShow_contactMobile = true;
+                _this.fromMessage = '联系方式格式不正确';
+                _this.scrollIntoView('secondHandrelease');
+                setTimeout(function(){
+                    _this.vShow_contactMobile = false;
+                },3000);
+                return
+            }
+            if(_this.secondParams.checkCode == ''){
+                _this.vShow_checkCode = true;
+                _this.fromMessage = 'secondHandrelease';
+                _this.scrollIntoView('vShow_Price');
+                setTimeout(function(){
+                    _this.vShow_checkCode = false;
+                },3000);
+                return
+            }
             if(_this.secondParams.secondHandType == ''){
                 _this.vShow_secondHandType = true;
                 _this.fromMessage = '请选择分类';
@@ -478,42 +516,15 @@ var fleaMarketForm = new Vue({
                 },3000);
                 return
             }
-            if(_this.secondParams.contactName == ''){
-                  _this.vShow_contactName = true;
-                  _this.fromMessage = '请输入联系人姓名';
-                  _this.scrollIntoView('vShow_Price');
-                  setTimeout(function(){
-                      _this.vShow_contactName = false;
-                  },3000);
-                  return
-             }
-              if(_this.secondParams.contactMobile == ''){
-                  _this.vShow_contactMobile = true;
-                  _this.fromMessage = '请输入联系方式';
-                  _this.scrollIntoView('vShow_Price');
-                  setTimeout(function(){
-                      _this.vShow_contactMobile = false;
-                  },3000);
-                  return
-             }
-             if(!re.test(_this.secondParams.contactMobile)){
-                  _this.vShow_contactMobile = true;
-                  _this.fromMessage = '联系方式格式不正确';
-                  _this.scrollIntoView('vShow_Price');
-                  setTimeout(function(){
-                      _this.vShow_contactMobile = false;
-                  },3000);
-                  return
-              }
-             if(_this.secondParams.checkCode == ''){
-                _this.vShow_checkCode = true;
-                _this.fromMessage = '请输入短信验证码';
+            if(_this.secondParams.cardNumber == ''){
+                _this.vShow_cardNumber = true;
+                _this.fromMessage = '请输入收款银行卡卡号';
                 _this.scrollIntoView('vShow_Price');
                 setTimeout(function(){
-                    _this.vShow_checkCode = false;
+                    _this.vShow_cardNumber = false;
                 },3000);
                 return
-             }
+            }
               if(_this.secondParams.dockingPeopleMobile!='' && !re.test(_this.secondParams.dockingPeopleMobile)){
                   _this.vShow_caimeiMobile = true;
                   _this.fromMessage = '联系方式格式不正确';

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

@@ -34,8 +34,29 @@
                     <span class="release-tips  errTips icon mIcon"
                           v-show="vShow_PublishIdentity">{{fromMessage}}</span>
                 </div>
-                <div class="unlogin-label spacing" style="letter-spacing: 1px;margin-right: 0"><span
-                        class="red-color">*</span>分类：
+                <div class="unlogin-item input-item shrink-spacing" id="vShow_contactName">
+                    <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>联系人：
+                    </div>
+                    <input type="text" maxlength="15" 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" id="vShow_contactMobile">
+                    <div class="unlogin-label spacing"><span class="red-color">*</span>联系方式：</div>
+                    <input type="text" v-model="secondParams.contactMobile"
+                           oninput="value=value.replace(/[^\d]/g,'')"
+                           @blur="handleMobileInput"
+                           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" id="vShow_checkCode">
+                    <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>验证码：</div>
+                    <input class="code" type="text"  maxlength="6" v-model="secondParams.checkCode" placeholder="请输入验证码">
+                    <a class="getCode" href="javascript:void(0);" @click="getNewMobileCodeFn" :class="[isMobileDisabled  ? 'disabled' : '']">{{ mobileCodeText }}</a>
+                    <span class="release-tips errTips icon mIcon" v-show="vShow_checkCode">{{fromMessage}}</span>
+                </div>
+                <div class="unlogin-item input-item shrink-spacing none" id="vShow_currentId">
+                    <div class="unlogin-label spacing"><span class="red-color">*</span>分类：</div>
                 </div>
                 <div class="secondradio" id="vShowsecondHandType">
                     <div v-for="(item,index) in fenlei"
@@ -118,28 +139,6 @@
                     </div>
                     <span class="release-tips errTips icon mIcon" v-show="vShow_fileType">{{fromMessage}}</span>
                 </div>
-                <div class="unlogin-item input-item shrink-spacing" id="vShow_contactName">
-                    <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>联系人：
-                    </div>
-                    <input type="text" maxlength="15" 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" id="vShow_contactMobile">
-                    <div class="unlogin-label spacing"><span class="red-color">*</span>联系方式：</div>
-                    <input type="text" v-model="secondParams.contactMobile"
-                           oninput="value=value.replace(/[^\d]/g,'')"
-                           @blur="handleMobileInput"
-                           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" id="vShow_checkCode">
-                    <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>验证码：
-                    </div>
-                    <input type="text" style="width: 300px;" maxlength="6" v-model="secondParams.checkCode" placeholder="请输入验证码">
-                    <a class="getCode" href="javascript:void(0);" @click="getNewMobileCodeFn" :class="[isMobileDisabled  ? 'disabled' : '']">{{ mobileCodeText }}</a>
-                    <span class="release-tips errTips icon mIcon" v-show="vShow_checkCode">{{fromMessage}}</span>
-                </div>
                 <div class="release-main-container" v-if="secondParams.publishIdentity == 1">
                     <div class="release-from">
                         <div class="release-label">身份验证照片：<span style="color:#ffb496">个人请上传身份证正反面照片(照片大小不超过5M)</span>
@@ -212,10 +211,14 @@
                         </div>
                     </div>
                 </div>
+                <div class="unlogin-item input-item shrink-spacing">
+                    <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>收款账号：<span class="red-color">（用于接收最终结算金额）</span></div>
+                    <input type="text" v-model="secondParams.cardNumber" id="cardNumber" maxlength="30" placeholder="请输入收款银行卡卡号">
+                    <div class="release-tips errTips icon mIcon" v-show="vShow_cardNumber">{{fromMessage}}</div>
+                </div>
                 <div class="unlogin-item input-item shrink-spacing" id="vShow_caimeiMobile">
                     <div class="unlogin-label spacing" style="letter-spacing: 1px;">采美对接人：</div>
-                    <input type="text" maxlength="15" v-model="secondParams.dockingPeopleName"
-                           placeholder="请输入采美对接人姓名，没有可不填">
+                    <input type="text" maxlength="15" v-model="secondParams.dockingPeopleName" placeholder="请输入采美对接人姓名，没有可不填">
                 </div>
                 <div class="unlogin-item input-item shrink-spacing">
                     <div class="unlogin-label spacing">采美对接人联系方式：</div>
@@ -338,7 +341,7 @@
                         <div class="text">
                             <input type="checkbox" @click="changeBox"/>
                             已阅读并同意采美
-                            <span><a href="/help/1013.html" target="_blank" style="color: #1890F9;">《二手出让协议》</a></span>
+                            <span><a href="/help/1039.html" target="_blank" style="color: #1890F9;">《二手出让协议》</a></span>
                             <span class="release-tips errTips icon mIcon" v-show="vShow_checkBox">{{fromMessage}}</span>
                         </div>
                         <button type="button" @click="submitBtn" id="btn-submit">发布</button>