二手发布

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

@@ -55,8 +55,8 @@ caimei:
   siteEnv: 0 #网站环境，（2：正式环境，1：测试环境，0：开发环境）
 #  spiServer: https://spi-b.caimei365.com
   spiServer: http://192.168.2.67:8008
-  coreServer: https://core-b.caimei365.com
-#  coreServer: http://192.168.2.75:18002
+#  coreServer: https://core-b.caimei365.com
+  coreServer: http://192.168.2.67:18002
   imageDomain: https://img-b.caimei365.com
   wwwDomain: http:localhost:8009
   destPath: D:/_PLAN_WORKSPACE/test/static

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

@@ -71,12 +71,13 @@ body{background: #fff}
      .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;background-color: #fff;border-radius: 2px;height: 230px}
+     .theresult {position: fixed;left: 50%;top: 50%;margin-top: -150px;margin-left: -243px;width: 400px;background-color: #fff;border-radius: 2px;height: auto;padding-bottom: 20px;}
      .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}
+     .paybtn {font-size: 0;width: 100%;box-sizing: border-box;padding: 0 20px;}
+     .paybtn span {display: inline-block;text-align: center;margin: 15px 0 0 10px;font-size: 14px;cursor: pointer;float: right;}
+     .paybtn .cancel {border-right: 1px solid #F2F2F2;height: 32px;background: rgba(225, 86, 22, 1);color: #fff;line-height: 32px;border-radius: 2px;padding: 0 10px;}
+     .paybtn .thegopay {border: 1px solid #E0E0E0;height: 32px;line-height: 32px;border-radius: 2px;color: #333333;padding: 0 10px;}
      .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;}
      .bjmain .title{width: -webkit-fill-available;color: #627386;padding: 15px;display: inline-block;border: solid 1px #e2e7ef;font-size: 14px}
@@ -161,8 +162,8 @@ body{background: #fff}
      .theresult p {font-size: 3.7vw;color: #22272e;line-height: 6.7vw;padding: 2vw 2vw}
      .paybtn {width: 100%;}
      .paybtn span {display: block;text-align: center;font-size: 3.7vw;cursor: pointer;}
-     .paybtn .cancel {margin: 2.7vw 0;width: 100%;height: 9.9vw;background: rgba(225, 86, 22, 1);color: #fff;line-height: 9.9vw;border-radius: .53vw}
-     .paybtn .thegopay {border: .27vw solid #E0E0E0;height: 8.5vw;line-height: 8.5vw;border-radius: .53vw;color: #333333;padding: 0 1.3vw 0 1.3vw}
+     .paybtn .cancel {margin: 2.7vw 0;width: 100%;height: 9.9vw;background: rgba(225, 86, 22, 1);color: #fff;line-height: 9.9vw;border-radius: .53vw;box-sizing: border-box;}
+     .paybtn .thegopay {border: .27vw solid #E0E0E0;height: 9.9vw;line-height: 8.5vw;border-radius: .53vw;color: #333333;padding: 0 1.3vw 0 1.3vw;box-sizing: border-box;}
      .gosecond {color: #1683E1;border-right: .27vw solid #F2F2F2;}
      .close {position: absolute;right: 0;top: 0;width: 10.7vw;height: 10.7vw;line-height: 10.7vw;text-align: center;cursor: pointer;font-size: 6.4vw;}
     .brand.mIcon:before{

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

@@ -21,7 +21,7 @@ var fleaMarketForm = new Vue({
         BrandList:[],
         isShow:false,
         includedTax:'',
-        GoodsImagesList:[],
+        GoodsImagesList:[''],
         oldNum:0,
         secondType:0,
         vShow_GoodsImages:false,
@@ -73,7 +73,6 @@ var fleaMarketForm = new Vue({
         TypeList:'',
         playid:'',
         checkVal:[],
-        vShow_secondBj:false,
         resultBj:false,
         vShow_detailTalkFlag:false,
         vShow_secondHandType:false,
@@ -94,7 +93,12 @@ var fleaMarketForm = new Vue({
         vShow_detailInfoEditor:true,
         vShow_GoodsImages:false,
         vShow_checkBox:false,
-        selectBrand:false
+        selectBrand:false,
+        PopupShow:false,
+        tipsContentText:'发布二手商品，采美需要收取您每个商品100元的展示费，展示期为3个月支付完成后，商品会在1-2个工作日内进行审核，审核通过后，商品会立即上线',
+        cancelButtonText:'取消发布',
+        confirmButtonText:'去支付',
+        isButtonsType:0,
     },
     methods:{
         showBrand:function(){
@@ -337,28 +341,70 @@ var fleaMarketForm = new Vue({
                 },2000);
                 return
              }
-            console.log(_this.secondParams)
-            SecondApi.SecondHandProduct(_this.secondParams,function (res) { //提交发布
+            console.log(_this.secondParams);
+            if(_this.secondParams.authenticationImage == ''){
+                _this.PopupShow = true;
+                _this.tipsContentText = '上传身份验证照片。您的二手商品将获得更好的推荐推荐和曝光，方便您快速卖出。';
+                _this.cancelButtonText = '继续发布';
+                _this.confirmButtonText = '去上传';
+                _this.isButtonsType = 1;
+                return;
+            }
+            if(_this.secondParams.commitmentImage == '' || _this.secondParams.ossName == ''){
+                _this.PopupShow = true;
+                _this.tipsContentText = '上传二手出让承诺函。您的二手商品将获得更好的推荐推荐和曝光，方便您快速卖出。';
+                _this.cancelButtonText = '继续发布';
+                _this.confirmButtonText = '去上传';
+                _this.isButtonsType = 1;
+                return;
+            }
+            _this.SecondHandProduct(_this.secondParams)
+        },
+        SecondHandProduct:function(params){//提交发布
+            var _this = this;
+            SecondApi.SecondHandProduct(params,function (res) {
                 if (res.code==0){
-                   _this.vShow_secondBj = true;
-                   _this.playid= res.data;
+                    _this.PopupShow = true;
+                    _this.tipsContentText = '发布二手商品，采美需要收取您每个商品100元的展示费，展示期为3个月支付完成后，商品会在1-2个工作日内进行审核，审核通过后，商品会立即上线';
+                    _this.cancelButtonText = '取消发布';
+                    _this.confirmButtonText = '去支付';
+                    _this.isButtonsType = 2;
+                    _this.playid= res.data;
                 }else{
-                     CAIMEI.Alert(res.msg, '确定', false);
-                     _this.secondBj = false;
-                     return
+                    CAIMEI.Alert(res.msg, '确定', false);
+                    _this.secondBj = false;
+                    return
                 }
             })
         },
-        quxiao:function(){
-        var _this = this;
-         _this.vShow_secondBj = false;
+        cancelButtonFn:function(){//弹窗操作按钮
+            var _this = this;
+            switch(_this.isButtonsType){
+                case 1:
+                    _this.SecondHandProduct(_this.secondParams);
+                    break;
+                case 2:
+                    _this.PopupShow = false;
+                    break;
+            }
+        },
+        confirmButtonFn:function(){//弹窗操作按钮
+            var _this = this;
+            switch(_this.isButtonsType){
+                case 1:
+                    _this.PopupShow = false;
+                    break;
+                case 2:
+                    window.location.href = '/pay/caimei-paycash.html?pageType=1&&type=confirm&productID='+_this.playid;
+                    _this.PopupShow = false;
+                    break;
+            }
         },
-        gopay:function(){
+        closePopupShow:function(){//关闭操作弹窗
             var _this = this;
-            window.location.href = '/pay/caimei-paycash.html?pageType=1&&type=confirm&productID='+_this.playid;
-            _this.vShow_secondBj = false;
+            _this.PopupShow = false;
         },
-         scrollIntoView: function(){
+        scrollIntoView: function(){
             document.getElementById('secondHandrelease').scrollIntoView({block: 'start', behavior: 'smooth'});
         },
         province:function () {

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

@@ -15,214 +15,209 @@
 <div id="fleaMarketForm" v-cloak="">
      <div class="bannerimg"><img src="/img/flea-market/banner@2x.png" v-if="isPC"><img src="/img/flea-market/banner3.png " v-else></div>
       <div class="my-maintenance" id="secondHandrelease">
-            <div class="mt-top" >
-                <span class="mt-title">发布信息</span>
-            </div>
+            <div class="mt-top"><span class="mt-title">发布信息</span></div>
             <div class="newsTitle">
-                <p>欢迎您来到采美365网二手商品市场，您可以在这里发布二手设备、产品信息，每个商品需要收取您100元的展示费，展示期为3个月；
-                   为了完整展示您的商品，请您认真填写以下内容，谢谢合作。</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}}
+                <p>欢迎您来到采美365网二手商品市场，您可以在这里发布二手设备、产品信息，每个商品需要收取您100元的展示费，展示期为3个月；为了完整展示您的商品，请您认真填写以下内容，谢谢合作。</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>
-                          <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="unlogin-item input-item shrink-spacing">
-                        <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>商品品牌：</div>
-
-                        <div class="select" @click="showBrand">
-                            <span class="placeholder" ><i class="icon brand mIcon"></i>{{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">
-                        <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.price"  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">
-                        <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="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">
-                        <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="release-main-container">
-                        <div class="release-from">
-                            <div class="release-label">身份验证照片<span style="color:#ffb496">(个人请上传身份证正面照片；机构请上传营业执照照片)</span>：</div>
-                            <div class="release-input upload image"  id="uploadAuthenticationImage">
-                                <div class="upload-file" v-if="secondParams.authenticationImage == ''">
-                                    <i class="icon mIcon add"></i>
-                                    <p class="add-text">验证照片</p>
-                                    <input ref="AuthenticationImage" type="file" name="file" value="" class="input-file" accept="image/png,image/jpeg,image/gif,image/jpg"  @change="uploadAuthenticationImagesFn">
-                                </div>
-                                <div class="upload-file" v-else>
-                                    <img :data-original='secondParams.authenticationImage' :src="secondParams.authenticationImage" :data-image="secondParams.authenticationImage" alt="" class="upload-img" >
-                                    <i class="icon mIcon del" @click="removeAuthenticationImagesFn"></i>
-                                </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>
-                    <div class="unlogin-item input-item shrink-spacing">
-                        <div class="unlogin-label spacing" style="letter-spacing: 1px;">采美对接人：</div>
-                        <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>
-                        <input type="text"  v-model="secondParams.dockingPeopleMobile"  oninput="value=value.replace(/[^\d]/g,'')"  maxlength="11" placeholder="请输入采美对接人手机号，没有可不填">
-                        <span class="release-tips errTips icon mIcon" v-show="vShow_caimeiMobile">{{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 class="unlogin-item input-item shrink-spacing">
+                            <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>商品品牌：</div>
+
+                            <div class="select" @click="showBrand">
+                                <span class="placeholder" ><i class="icon brand mIcon"></i>{{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>
-                    <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 mIcon 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 mIcon 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 mIcon 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">
-                            <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 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">
+                            <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.price"  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">
+                            <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="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">
+                            <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="release-main-container">
+                            <div class="release-from">
+                                <div class="release-label">身份验证照片<span style="color:#ffb496">(个人请上传身份证正面照片；机构请上传营业执照照片)</span>：</div>
+                                <div class="release-input upload image"  id="uploadAuthenticationImage">
+                                    <div class="upload-file" v-if="secondParams.authenticationImage == ''">
+                                        <i class="icon mIcon add"></i>
+                                        <p class="add-text">验证照片</p>
+                                        <input ref="AuthenticationImage" type="file" name="file" value="" class="input-file" accept="image/png,image/jpeg,image/gif,image/jpg"  @change="uploadAuthenticationImagesFn">
+                                    </div>
+                                    <div class="upload-file" v-else>
+                                        <img :data-original='secondParams.authenticationImage' :src="secondParams.authenticationImage" :data-image="secondParams.authenticationImage" alt="" class="upload-img" >
+                                        <i class="icon mIcon del" @click="removeAuthenticationImagesFn"></i>
+                                    </div>
                                 </div>
-                                <div class="form-upload-tips">
-                                    <i class="icon mIcon icon-wen"></i>
-                                    <div class="wen-tips">最多上传5张二手商品图片，请尽量全部上传，单张图片不能超过5M</div>
+                            </div>
+                        </div>
+                        <div class="unlogin-item input-item shrink-spacing">
+                            <div class="unlogin-label spacing" style="letter-spacing: 1px;">采美对接人：</div>
+                            <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>
+                            <input type="text"  v-model="secondParams.dockingPeopleMobile"  oninput="value=value.replace(/[^\d]/g,'')"  maxlength="11" placeholder="请输入采美对接人手机号，没有可不填">
+                            <span class="release-tips errTips icon mIcon" v-show="vShow_caimeiMobile">{{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>
-                        <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 input-item shrink-spacing">
-                        <div class="unlogin-label spacing">二手出让承诺函文件：<span style="color:#ffb496">(仅支持pdf文件)</span>：</div>
-                        <input class="upload-file-name" type="text" v-model="secondParams.fileName" disabled="disabled">
-                        <div class="input-file-btn">
-                            上传文件
-                            <input class="input-file-btn"  ref="CommitmentImagefile" type="file" name="file" value="" accept=".pdf"  @change="uploadCommitmentFileFn">
-                        </div>
-                    </div>
-                    <div class="release-main-container">
-                        <div class="release-from">
-                            <div class="release-label">二手出让承诺函图片<span style="color:#ffb496">(若不方便上传承诺函文件，可对承诺函进行拍照或者截图，再上传图片)</span>：</div>
-                            <div class="release-input upload image"  id="uploadCommitmentImage">
-                                <div class="upload-file" v-if="secondParams.commitmentImage == ''">
-                                    <i class="icon mIcon add"></i>
-                                    <p class="add-text">承诺函图片</p>
-                                    <input ref="CommitmentImage" type="file" name="file" value="" class="input-file" accept="image/png,image/jpeg,image/gif,image/jpg"  @change="uploadCommitmentImagesFn">
+                        <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 mIcon 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 mIcon 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 mIcon 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">
+                                <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 mIcon icon-wen"></i>
+                                        <div class="wen-tips">最多上传5张二手商品图片，请尽量全部上传，单张图片不能超过5M</div>
+                                    </div>
                                 </div>
-                                <div class="upload-file" v-else>
-                                    <img :data-original='secondParams.commitmentImage' :src="secondParams.commitmentImage" :data-image="secondParams.commitmentImage" alt="" class="upload-img" >
-                                    <i class="icon mIcon del" @click="removeCommitmentImagesFn"></i>
+                            </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 input-item shrink-spacing">
+                            <div class="unlogin-label spacing">二手出让承诺函文件：<span style="color:#ffb496">(仅支持pdf文件)</span>：</div>
+                            <input class="upload-file-name" type="text" v-model="secondParams.fileName" disabled="disabled">
+                            <div class="input-file-btn">
+                                上传文件
+                                <input class="input-file-btn"  ref="CommitmentImagefile" type="file" name="file" value="" accept=".pdf"  @change="uploadCommitmentFileFn">
+                            </div>
+                        </div>
+                        <div class="release-main-container">
+                            <div class="release-from">
+                                <div class="release-label">二手出让承诺函图片<span style="color:#ffb496">(若不方便上传承诺函文件，可对承诺函进行拍照或者截图，再上传图片)</span>：</div>
+                                <div class="release-input upload image"  id="uploadCommitmentImage">
+                                    <div class="upload-file" v-if="secondParams.commitmentImage == ''">
+                                        <i class="icon mIcon add"></i>
+                                        <p class="add-text">承诺函图片</p>
+                                        <input ref="CommitmentImage" type="file" name="file" value="" class="input-file" accept="image/png,image/jpeg,image/gif,image/jpg"  @change="uploadCommitmentImagesFn">
+                                    </div>
+                                    <div class="upload-file" v-else>
+                                        <img :data-original='secondParams.commitmentImage' :src="secondParams.commitmentImage" :data-image="secondParams.commitmentImage" alt="" class="upload-img" >
+                                        <i class="icon mIcon del" @click="removeCommitmentImagesFn"></i>
+                                    </div>
                                 </div>
                             </div>
                         </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 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="secondBj thebj"   v-show="vShow_secondBj" :class="vShow_secondBj?'show':''">
-                    <div class="bjmain theresult">
-                        <span class="title">提示</span>
-                        <p>发布二手商品，采美需要收取您每个商品100元的展示费，展示期为3个月</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 class="secondBj thebj"   v-show="PopupShow" :class="PopupShow ? 'show' :'' ">
+             <div class="bjmain theresult">
+                <span class="title">提示</span>
+                <p>{{ tipsContentText }}</p>
+                <div class="paybtn">
+                    <span class="cancel closebtn" @click="confirmButtonFn">{{ confirmButtonText }}</span>
+                    <span class="thegopay gozhofubao" @click="cancelButtonFn">{{ cancelButtonText }}</span>
                 </div>
-
-      </div>
+                <div class="close closebtn" @click="closePopupShow">×</div>
+             </div>
+        </div>
+    </div>
 </div>
 
 <!-- 引入底部 -->