修改二手发布

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

@@ -1,6 +1,8 @@
 body{background: #fff}
 .errcolor{border: 1px solid red}
  @media screen and (min-width:768px) {
+     .footTop{float: left;}
+     .footMain{float: left;}
      #secondHandrelease {width: 1184px;margin: auto;}
      .bannerimg{width: 100%;height: auto;}
      .bannerimg img{width: 100%;height: 100%;}
@@ -15,6 +17,10 @@ body{background: #fff}
      .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;}
+     .secondradio div.typelist{width: 110px;height: 36px;line-height: 16px;box-sizing: border-box;padding: 10px 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: 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}
@@ -47,9 +53,13 @@ body{background: #fff}
      .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;}
+     .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;}
-     .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;}
+     .release-button {width: 100%;height: auto;float: left;margin: 50px 0;}
+     .release-button .text{width: 100%;text-align: center;margin: 15px 10px;}
+     .release-button .buttton-main{width:300px;margin: 0 auto;}
+     .release-button button {width: 300px;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;}
@@ -136,8 +146,8 @@ 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}
-     .BtnAll {margin-top: 8vw;width: 100%;overflow: hidden}
-     .BtnAll 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 {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;}
      .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

@@ -3,18 +3,31 @@ var fleaMarketForm = new Vue({
     el:'#fleaMarketForm',
     data:{
         fenlei:[
-            {name:'二手仪器',value:'1'},
-            // {name:'临期产品',value:'2'},
-            {name:'其他',value:'3'},
+            {name:'二手仪器',value:1},
+            // {name:'临期产品',value:2},
+            {name:'其他',value:3},
         ],
-        currentId:0,
         radioList:[
-            {name:'美容仪器',value:'1',isChecked:false}
+            {name:'美容仪器',value:1,isChecked:true}
+        ],
+        publisherActions:[
+            {name:'个人身份',value:1,isChecked:false},
+            {name:'公司身份',value:2,isChecked:false}
         ],
         beauty:[
-           {name:'医美',value:'1'},
-           {name:'非医美',value:'2'},
+           {name:'医美',value:1},
+           {name:'非医美',value:2},
         ],
+        productFileTypeActions:[
+            { name:'仪器原始合同',value:1,isChecked:false},
+            { name:'仪器注册证',value:2,isChecked:false},
+            { name:'仪器发票',value:3,isChecked:false},
+            { name:'仪器报关单',value:4,isChecked:false},
+            { name:'无任何文件',value:5,isChecked:false}
+        ],
+        checkedFileTypeList:[],
+        currentId:0,
+        handleCurrent:1,
         BrandList:[],
         isShow:false,
         includedTax:'',
@@ -25,8 +38,9 @@ var fleaMarketForm = new Vue({
         fromMessage:'',//提示文字
         formData:new FormData(),
         secondParams:{
+            publishIdentity:1, // 发布者身份 1.个人身份 2.公司身份
             secondHandType:'',//一级分类
-            instrumentType:'',//二手仪器分类
+            instrumentType:1,//二手仪器分类
             name:'',
             brandId:'',//品牌ID
             brandName:'',//其他品牌
@@ -39,8 +53,10 @@ var fleaMarketForm = new Vue({
             // originalPrice:'',//采购价
             // stock:'',//数量
             productQuality:'',//商品成色
+            fileType:'', // 商品包含文件类型
             contactName:'',//联系人
             contactMobile:'',//联系方式
+            checkCode:'', // 联系人手机验证码
             secondProductType:'',//
             townId:'',//县区地址
             address:'',//详细地址
@@ -49,7 +65,9 @@ var fleaMarketForm = new Vue({
             source:1,
             dockingPeopleMobile:'',
             dockingPeopleName:'',
-            authenticationImage:'',//身份证照片
+            authenticationImage:'',//身份证正面照片
+            authenticationBackImage:'',//身份证反面照片
+            licenseImage:'',//营业执照照片
             commitmentImage:'',//承诺函图片
             fileName:'',//文件名称
             ossName:'',//文件OSS名称
@@ -71,6 +89,7 @@ var fleaMarketForm = new Vue({
         playid:'',
         checkVal:[],
         resultBj:false,
+        vShow_PublishIdentity:false,
         vShow_detailTalkFlag:false,
         vShow_secondHandType:false,
         vShow_instrumentType:false,
@@ -80,6 +99,8 @@ var fleaMarketForm = new Vue({
         vShow_shopColor:false,
         vShow_contactName:false,
         vShow_contactMobile:false,
+        vShow_fileType:false,
+        vShow_checkCode:false,
         vShow_caimeiMobile:false,
         vShow_Address:false,
         vShow_TownId:false,
@@ -96,12 +117,21 @@ var fleaMarketForm = new Vue({
         cancelButtonText:'取消发布',
         confirmButtonText:'去支付',
         isButtonsType:0,
+        mobilCount:0,
+        mobileCodeText:'获取验证码',
+        mobilTime:null,
+        isMobileDisabled:true,
     },
     methods:{
         showBrand:function(){
             var _this = this;
             _this.selectBrand = !_this.selectBrand;
         },
+        hadldPublishIdentity: function(item) {
+        var _this = this;
+            _this.handleCurrent = item.value;
+            _this.secondParams.publishIdentity = item.value;
+        },
         secondHandRidio: function(item) {
         var _this = this;
             _this.currentId = item.value;
@@ -163,7 +193,23 @@ var fleaMarketForm = new Vue({
                 event.target.value = '';
             });
         },
-        uploadAuthenticationImagesFn: function(event){//上传身份验证照片
+        uploadLicenseImageFn: function(event){//上传营业执照照片
+            var _this = this;
+            var inputDOM = _this.$refs.LicenseImage;
+            var file = inputDOM.files[0];
+            var size = file.size;
+            if(size > 5242880){//限制了文件的大小5MB
+                CAIMEI.dialog('图片不能超过5M');
+                event.target.value = '';
+                return;
+            }
+            _this.formData.append('file', file);
+            SecondApi.uploadimg(_this.formData,function(response){
+                _this.secondParams.licenseImage = response.data;
+                event.target.value = '';
+            });
+        },
+        uploadAuthenticationImagesFn: function(event){//上传身份正面照片
             var _this = this;
             var inputDOM = _this.$refs.AuthenticationImage;
             var file = inputDOM.files[0];
@@ -179,6 +225,22 @@ var fleaMarketForm = new Vue({
                 event.target.value = '';
             });
         },
+        uploadAuthenticationBackImageFn: function(event){//上传身份反面照片
+            var _this = this;
+            var inputDOM = _this.$refs.AuthenticationBackImage;
+            var file = inputDOM.files[0];
+            var size = file.size;
+            if(size > 5242880){//限制了文件的大小5MB
+                CAIMEI.dialog('图片不能超过5M');
+                event.target.value = '';
+                return;
+            }
+            _this.formData.append('file', file);
+            SecondApi.uploadimg(_this.formData,function(response){
+                _this.secondParams.authenticationBackImage = response.data;
+                event.target.value = '';
+            });
+        },
         uploadCommitmentImagesFn: function(event){//上传承诺函图片
             var _this = this;
             var inputDOM = _this.$refs.CommitmentImage;
@@ -228,14 +290,80 @@ var fleaMarketForm = new Vue({
             _this.GoodsImagesList.splice(index,1);
             _this.secondParams.image =_this.GoodsImagesList.toString()+',';
         },
-        removeAuthenticationImagesFn:function(){//删除身份验证照片
+        removeAuthenticationImagesFn:function(){//删除身份证正面照片
             var _this = this;
             _this.secondParams.authenticationImage = '';
         },
+        removeAuthenticationBackImageFn:function () {//删除身份证反面照片
+            var _this = this;
+            _this.secondParams.authenticationBackImage = '';
+        },
+        removeLicenseImageFn:function () {//删除营业执照图片
+            var _this = this;
+            _this.secondParams.licenseImage = '';
+        },
         removeCommitmentImagesFn:function(){//删除授权函文件图片
             var _this = this;
             _this.secondParams.commitmentImage = '';
         },
+        choiceProductFileType(type,index){
+            // 选择商品文件类型
+            type.isChecked = !type.isChecked
+            if (type.isChecked) {
+                if(!this.contains(this.checkedFileTypeList,type.value)){
+                    this.checkedFileTypeList.push(type.value)
+                }
+            } else {
+                this.checkedFileTypeList.splice(this.checkedFileTypeList.indexOf(type.value),1)
+            }
+            this.secondParams.fileType = this.checkedFileTypeList.join(',')
+            console.log('fileType', this.secondParams.fileType)
+        },
+        contains:function(arr, val) {// 校验
+            return arr.some(item => item === val)
+        },
+        handleMobileInput:function () {// 控制联系人手机号显示获取验证码按钮
+            var re = /^1\d{10}$/;
+            if(re.test(this.secondParams.contactMobile)){
+               this.isMobileDisabled = false
+            }
+        },
+        getNewMobileCodeFn:function(){//获取联系人手机号短信验证码
+            var _self = this;
+            var pass = verifyCheack('.massageBtn');
+            if (!pass) { return false; }
+            var params = {
+                mobile:_self.secondParams.contactMobile,
+                isCheckCaptcha:1,
+                activateCodeType:5,
+                platformType:0
+            };
+            _self.isMobileDisabled = true;
+            UserApi.getRegisterMobileCode(params,function(response){
+                if(response.code == 0){
+                    CAIMEI.dialog('验证短信已发送',false,function () {});
+                    var TIME_COUNT = 60;
+                    if (!_self.mobilTime) {
+                        _self.mobilCount = TIME_COUNT;
+                        _self.isMobileDisabled = true;
+                        _self.mobilTime = setInterval(function(){
+                            if (_self.mobilCount > 1 && _self.mobilCount <= TIME_COUNT) {
+                                _self.mobilCount--;
+                                _self.mobileCodeText = _self.mobilCount +'s重新发送';
+                            } else {
+                                _self.isMobileDisabled = false;
+                                clearInterval(_self.mobilTime);
+                                _self.mobilTime = null;
+                                _self.mobileCodeText = '获取验证码';
+                            }
+                        },1000)
+                    }
+                }else{
+                    CAIMEI.Alert(response.msg,'确定',false);
+                    _self.isMobileDisabled = false;
+                }
+            })
+        },
         deleteCommitmentFile:function(){//删除承诺函文件
             var _this = this;
             SecondApi.deleteOssFile({ ossName : _this.secondParams.ossName },function (response) {
@@ -276,128 +404,146 @@ var fleaMarketForm = new Vue({
             if(_this.secondParams.secondHandType == ''){
                 _this.vShow_secondHandType = true;
                 _this.fromMessage = '请选择分类';
-                _this.scrollIntoView();
+                _this.scrollIntoView('secondHandrelease');
                 setTimeout(function(){
                     _this.vShow_secondHandType= false;
-                },2000);
+                },3000);
                 return;
             }
             if(_this.secondParams.secondHandType == 1 ){
                if(_this.secondParams.instrumentType ==''){
                 _this.vShow_instrumentType = true;
                 _this.fromMessage = '请完善仪器分类';
-                _this.scrollIntoView();
+                _this.scrollIntoView('secondHandrelease');
                 setTimeout(function(){
                     _this.vShow_instrumentType= false;
-                },2000);
+                },3000);
                 return;
                 }
             }
-            if(_this.secondParams.brandID == ''){
+            if(_this.secondParams.brandId == ''){
                 _this.vShow_BrandID = true;
                 _this.fromMessage = '请选择商品品牌';
-                _this.scrollIntoView();
+                _this.scrollIntoView('secondHandrelease');
                 setTimeout(function(){
                     _this.vShow_BrandID = false;
-                },2000);
+                },3000);
                 return;
             }
             if(_this.secondParams.name == ''){
                 _this.vShow_Name = true;
                 _this.fromMessage = '请输入商品名称';
-                _this.scrollIntoView();
+                _this.scrollIntoView('vShowsecondHandType');
                 setTimeout(function(){
                     _this.vShow_Name = false;
-                },2000);
+                },3000);
                 return
          }
              if(_this.secondParams.price == ''){
                   _this.vShow_Price = true;
                   _this.fromMessage = '请输入交易价';
-                  _this.scrollIntoView();
+                  _this.scrollIntoView('vShow_BrandID');
                   setTimeout(function(){
                       _this.vShow_Price = false;
-                  },2000);
+                  },3000);
                     return
              }
              if(_this.secondParams.productQuality == ''){
                   _this.vShow_shopColor = true;
                   _this.fromMessage = '请输入商品成色';
-                  _this.scrollIntoView();
+                  _this.scrollIntoView('vShow_FixedYears');
                     setTimeout(function(){
                         _this.vShow_shopColor = false;
-                    },2000);
+                    },3000);
                     return
              }
-             if(_this.secondParams.contactName == ''){
+            if(_this.secondParams.fileType == ''){
+                _this.vShow_fileType = true;
+                _this.fromMessage = '选择商品文件的类型';
+                _this.scrollIntoView('vShow_FixedYears');
+                setTimeout(function(){
+                    _this.vShow_fileType = false;
+                },3000);
+                return
+            }
+            if(_this.secondParams.contactName == ''){
                   _this.vShow_contactName = true;
                   _this.fromMessage = '请输入联系人姓名';
-                  _this.scrollIntoView();
+                  _this.scrollIntoView('vShow_Price');
                   setTimeout(function(){
                       _this.vShow_contactName = false;
-                  },2000);
+                  },3000);
                   return
              }
               if(_this.secondParams.contactMobile == ''){
                   _this.vShow_contactMobile = true;
                   _this.fromMessage = '请输入联系方式';
-                  _this.scrollIntoView();
+                  _this.scrollIntoView('vShow_Price');
                   setTimeout(function(){
                       _this.vShow_contactMobile = false;
-                  },2000);
+                  },3000);
                   return
              }
              if(!re.test(_this.secondParams.contactMobile)){
                   _this.vShow_contactMobile = true;
                   _this.fromMessage = '联系方式格式不正确';
-                  _this.scrollIntoView();
+                  _this.scrollIntoView('vShow_Price');
                   setTimeout(function(){
                       _this.vShow_contactMobile = false;
-                  },2000);
+                  },3000);
                   return
               }
+             if(_this.secondParams.checkCode == ''){
+                _this.vShow_checkCode = true;
+                _this.fromMessage = '请输入短信验证码';
+                _this.scrollIntoView('vShow_Price');
+                setTimeout(function(){
+                    _this.vShow_checkCode = false;
+                },3000);
+                return
+             }
               if(_this.secondParams.dockingPeopleMobile!='' && !re.test(_this.secondParams.dockingPeopleMobile)){
                   _this.vShow_caimeiMobile = true;
                   _this.fromMessage = '联系方式格式不正确';
-                  _this.scrollIntoView();
+                  _this.scrollIntoView('vShow_checkCode');
                   setTimeout(function(){
                       _this.vShow_caimeiMobile = false;
-                  },2000);
+                  },3000);
                   return
               }
               if(_this.secondParams.townId == ''|| _this.secondParams.townId == undefined){
                   _this.vShow_TownId = true;
                   _this.fromMessage = '请完善联系地址';
-                  _this.scrollIntoView();
+                  _this.scrollIntoView('vShow_caimeiMobile');
                   setTimeout(function(){
                       _this.vShow_TownId = false;
-                  },2000);
+                  },3000);
                   return
              }
              if(_this.secondParams.address == ''){
                   _this.vShow_Address = true;
                   _this.fromMessage = '请填写详细地址';
-                  document.getElementById('Address').scrollIntoView({block: 'start', behavior: 'smooth'});
+                  _this.scrollIntoView('vShow_caimeiMobile');
                   setTimeout(function(){
                         _this.vShow_Address = false;
-                    },2000);
+                    },3000);
                     return
              }
             if(_this.GoodsImagesList ==''){
                 _this.vShow_GoodsImages = true;
                 _this.fromMessage = '请上传图片';
-                document.documentElement.scrollTop=900;
+                _this.scrollIntoView('vShow_Address');
                 setTimeout(function(){
                     _this.vShow_GoodsImages = false;
-                },2000);
+                },3000);
                 return;
             }
             if(_this.checkbox==false){
                 _this.vShow_checkBox = true;
-                _this.fromMessage='请勾选已阅读';
+                _this.fromMessage='请阅读并勾选同意';
                 setTimeout(function(){
                     _this.vShow_checkBox = false;
-                },2000);
+                },3000);
                 return
              }
             console.log(_this.secondParams);
@@ -423,12 +569,9 @@ var fleaMarketForm = new Vue({
             var _this = this;
             SecondApi.SecondHandProduct(params,function (res) {
                 if (res.code==0){
-                    _this.PopupShow = true;
-                    _this.tipsContentText = '发布二手商品，采美需要收取您每个商品100元的展示费，展示期为3个月支付完成后，商品会在1-2个工作日内进行审核，审核通过后，商品会立即上线';
-                    _this.cancelButtonText = '取消发布';
-                    _this.confirmButtonText = '去支付';
-                    _this.isButtonsType = 2;
-                    _this.playid= res.data;
+                    CAIMEI.Alert('发布成功！商品信息会在1-2个工作日内进行审核，审核通过后将立即上线到采美二手市场', '确定', true,function () {
+                        window.location.href = '/flea-market/list.html';
+                    });
                 }else{
                     CAIMEI.Alert(res.msg, '确定', false);
                     _this.secondBj = false;
@@ -440,6 +583,7 @@ var fleaMarketForm = new Vue({
             var _this = this;
             switch(_this.isButtonsType){
                 case 1:
+                    _this.PopupShow = false;
                     _this.SecondHandProduct(_this.secondParams);
                     break;
                 case 2:
@@ -463,8 +607,8 @@ var fleaMarketForm = new Vue({
             var _this = this;
             _this.PopupShow = false;
         },
-        scrollIntoView: function(){
-            document.getElementById('secondHandrelease').scrollIntoView({block: 'start', behavior: 'smooth'});
+        scrollIntoView: function(id){
+            document.getElementById(id).scrollIntoView({block: 'start', behavior: 'smooth'});
         },
         province:function () {
            var _this = this;

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

@@ -123,6 +123,10 @@
                         <p v-if="detail.productType==1">医美</p>
                         <p v-else>非医美</p>
                     </div>
+                    <div class="info price" v-if="detail.productType!=null && detail.productType!=''">
+                        <span class="label">提供方：</span>
+                        <p>采美二手代售</p>
+                    </div>
                 </div>
                 <div class="ercode" v-if="ShowImage && detail.sold == 0" ><img :class="ShowImage?'show':''" src="/img/flea-market/er.png"/></div>
             </div>

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

@@ -13,225 +13,341 @@
 
 <!-- 二手商品发布 -->
 <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="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}}
-                              </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="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="newsTitle">
+            <p>欢迎您来到采美365网二手商品市场，您可以在这里发布二手设备、产品信息，展示期为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 publisherActions"
+                         @click="hadldPublishIdentity(item)"
+                         :class="handleCurrent==item.value?'select active':''" class="icon mIcon ">
+                        {{item.name}}
+                    </div>
+                    <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>
+                <div class="secondradio" id="vShowsecondHandType">
+                    <div v-for="(item,index) in fenlei"
+                         @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="unlogin-item input-item shrink-spacing" id="vShow_BrandID">
+                    <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 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" id="vShow_Name">
+                    <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" id="vShow_FixedYears">
+                    <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-if="secondParams.publishIdentity == 2">
+                    <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" id="vShow_Price">
+                    <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" id="vShow_shopColor">
+                    <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" id="vShow_fileType">
+                    <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>商品包含的文件：</div>
+                    <div class="secondradio" style="margin-bottom: 0;">
+                        <div class="typelist" v-for="(type ,index) in productFileTypeActions" :key='index' value="type.value"
+                             @click="choiceProductFileType(type, index)" :class="type.isChecked ? 'checked' : ''">
+                            <span class="radio"></span>
+                            <span class="rtext"> {{type.name}}</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>
+                    <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>
                         </div>
-                        <div class="release-main-container">
-                            <div class="release-from">
-                                <div class="release-label">身份验证照片：<span style="color:#ffb496">个人请上传身份证正面照片；机构请上传营业执照照片(照片大小不超过5M)</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"
-                                             class="upload-img"
-                                             alt="身份验证照片"
-                                             id="ViewerAuthenticationImage"
-                                             @click="showViewerImageFn"
-                                        >
-                                        <i class="icon mIcon del" @click="removeAuthenticationImagesFn"></i>
-                                    </div>
-                                </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"
+                                     class="upload-img"
+                                     alt="身份验证照片"
+                                     id="ViewerAuthenticationImage"
+                                     @click="showViewerImageFn"
+                                >
+                                <i class="icon mIcon del" @click="removeAuthenticationImagesFn"></i>
                             </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 class="release-input upload image" id="uploadAuthenticationBackImage">
+                            <div class="upload-file" v-if="secondParams.authenticationBackImage == ''">
+                                <i class="icon mIcon add"></i>
+                                <p class="add-text">身份证反面</p>
+                                <input ref="AuthenticationBackImage" type="file" name="file" value="" class="input-file"
+                                       accept="image/png,image/jpeg,image/gif,image/jpg"
+                                       @change="uploadAuthenticationBackImageFn">
+                            </div>
+                            <div class="upload-file" v-else>
+                                <img :data-original='secondParams.authenticationBackImage'
+                                     :src="secondParams.authenticationBackImage"
+                                     :data-image="secondParams.authenticationBackImage"
+                                     class="upload-img"
+                                     alt="身份验证照片"
+                                     id="ViewerAuthenticationBackImage"
+                                     @click="showViewerImageFn"
+                                >
+                                <i class="icon mIcon del" @click="removeAuthenticationBackImageFn"></i>
+                            </div>
                         </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>
+                <div class="release-main-container" v-if="secondParams.publishIdentity == 2">
+                    <div class="release-from">
+                        <div class="release-label">营业执照照片：<span style="color:#ffb496">请上传营业执照照片(照片大小不超过5M)</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 class="release-input upload image" id="uploadLicenseImage">
+                            <div class="upload-file" v-if="secondParams.licenseImage == ''">
+                                <i class="icon mIcon add"></i>
+                                <p class="add-text">营业执照</p>
+                                <input ref="LicenseImage" type="file" name="file" value="" class="input-file"
+                                       accept="image/png,image/jpeg,image/gif,image/jpg"
+                                       @change="uploadLicenseImageFn">
+                            </div>
+                            <div class="upload-file" v-else>
+                                <img :data-original='secondParams.licenseImage'
+                                     :src="secondParams.licenseImage"
+                                     :data-image="secondParams.licenseImage"
+                                     class="upload-img"
+                                     alt="身份验证照片"
+                                     id="ViewerLicenseImage"
+                                     @click="showViewerImageFn"
+                                >
+                                <i class="icon mIcon del" @click="removeLicenseImageFn"></i>
                             </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.id' >{{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.id" >{{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.id"  >{{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>
+                <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="请输入采美对接人姓名，没有可不填">
+                </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 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"
-                                             :id="'ViewerGoodsImages'+index"
-                                             @click="showViewerImageFn2(index)"
-                                        >
-                                        <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>
+                </div>
+                <div class="unlogin-item input-item address-item shrink-spacing" id="vShow_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.id'>{{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.id">{{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.id">{{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"
+                                     :id="'ViewerGoodsImages'+index"
+                                     @click="showViewerImageFn2(index)"
+                                >
+                                <i class="icon mIcon del" @click="removeGoodsImagesFn(index)"></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 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>
-                        <div class="unlogin-item input-item shrink-spacing">
-                            <div class="unlogin-label spacing">二手出让承诺函文件：<span style="color:#ffb496">(仅支持pdf,大小不能超过20M)</span></div>
-                            <div class="upload-file-view">
-                                <input class="upload-file-name" type="text" v-model="secondParams.fileName" disabled="disabled">
-                                <div class="input-file-btn" v-if="secondParams.ossName == ''">
-                                    上传文件
-                                    <input class="input-file-btn"  ref="CommitmentImagefile" type="file" name="file" value="" accept="*.pdf/*.doc*/.docx"  @change="uploadCommitmentFileFn">
-                                </div>
-                                <i class="icon mIcon del file" v-else @click="deleteCommitmentFile"></i>
+                            <div class="form-upload-tips">
+                                <i class="icon mIcon icon-wen"></i>
+                                <div class="wen-tips">最多上传5张二手商品图片，请尽量全部上传，单张图片不能超过5M</div>
                             </div>
                         </div>
-                        <div class="release-main-container">
-                            <div class="release-from">
-                                <div class="release-label">二手出让承诺函图片：<span style="color:#ffb496">(若不方便上传承诺函文件，可对承诺函进行拍照或者截图，再上传图片,照片大小不超过5M)</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"
-                                             class="upload-img"
-                                             alt="身份验证照片"
-                                             id="ViewerCommitmentImage"
-                                             @click="showViewerImageFn1"
-                                        >
-                                        <i class="icon mIcon del" @click="removeCommitmentImagesFn"></i>
-                                    </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 input-item shrink-spacing">
+                    <div class="unlogin-label spacing">二手出让承诺函签署文件：<span style="color:#ffb496">(仅支持pdf,大小不能超过20M)</span>
+                    </div>
+                    <div class="upload-file-view">
+                        <input class="upload-file-name" type="text" v-model="secondParams.fileName" disabled="disabled">
+                        <div class="input-file-btn" v-if="secondParams.ossName == ''">
+                            上传文件
+                            <input class="input-file-btn" ref="CommitmentImagefile" type="file" name="file" value=""
+                                   accept="*.pdf/*.doc*/.docx" @change="uploadCommitmentFileFn">
                         </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">
-                                鉴于本网站提供的二手版块信息包括但不限于公司名称，商品的简介、性能、描述与说明，相关图片、视频等均由卖家自行提供，
-                                由卖家对其提供的信息承担相应法律责任。买家应自行甄别商品信息并查验商品性状。
-                                本网站对二手版块中买卖双方的交易不提供任何形式的担保与保证，特此声明！
+                        <i class="icon mIcon del file" v-else @click="deleteCommitmentFile"></i>
+                    </div>
+                </div>
+                <div class="release-main-container">
+                    <div class="release-from">
+                        <div class="release-label">二手出让承诺函签署图片：<span style="color:#ffb496">(若不方便上传承诺函签署文件，可对已签署的承诺函进行拍照或者截图，再上传图片,照片大小不超过5M)</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"
+                                     class="upload-img"
+                                     alt="身份验证照片"
+                                     id="ViewerCommitmentImage"
+                                     @click="showViewerImageFn1"
+                                >
+                                <i class="icon mIcon del" @click="removeCommitmentImagesFn"></i>
                             </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="PopupShow" :class="PopupShow ? 'show' :'' ">
-             <div class="bjmain theresult">
+                    </div>
+                </div>
+                <div class="release-button">
+                    <div class="buttton-main">
+                        <div class="text">
+                            <input type="checkbox" @click="changeBox"/>
+                            已阅读并同意采美
+                            <span><a href="/help/1013.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>
+                    </div>
+                </div>
+            </form>
+
+        </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">
@@ -239,7 +355,7 @@
                     <span class="thegopay gozhofubao" @click="cancelButtonFn">{{ cancelButtonText }}</span>
                 </div>
                 <div class="close closebtn" @click="closePopupShow">×</div>
-             </div>
+            </div>
         </div>
     </div>
 </div>
@@ -247,7 +363,8 @@
 <!-- 引入底部 -->
 <template th:replace="components/footer"></template>
 <template th:replace="components/foot-link"></template>
-<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/common/serviceapi/second.service.js(v=${version})}"></script>
 <script charset="utf-8" type="text/javascript" th:src="@{/js/flea-market/form.js(v=${version})}"></script>
 </body>
 </html>