二手发布 供应商发布商品

src/main/resources/static/css/supplier-center/shop/goods.css

@@ -17,14 +17,14 @@ li{list-style: none}
       .goods-main-empty p a{color: #e15616;text-decoration: underline;margin: 0 3px;}
       .goods-title{ height: 56px;line-height: 56px;border-bottom: solid 1px #e2e7ef;padding: 0 20px}
       .goods-main .goods-table ul li{float:left;width: 8%;text-align: center;color: #22272e;position: inherit}
-      .goods-main .goods-table ul li:nth-child(2){ width: 25%;}
+      .goods-main .goods-table ul li:nth-child(2){ width: 20%;}
       .goods-main .goods-table ul li:nth-child(3),.goods-main .goods-table ul li:nth-child(4){width: 20%}
-      .goods-main .goods-table ul li:last-child{width: 23%;position: relative}
+      .goods-main .goods-table ul li:last-child{width: 22%;position: relative}
       .tbody ul li{height: 96px;font-size: 12px;}
       .tbody ul{padding: 0 20px;position: relative;height: 96px}
-      .tbodyle ul li:nth-child(2){width: 25%;}
-      .tbody ul li:nth-child(3),.goods-main .goods-table ul li:nth-child(3){ width: 16%}
-      .tbody ul li:last-child{width: 20%}
+      .tbodyle ul li:nth-child(2){width: 20%;}
+      .tbody ul li:nth-child(3),.goods-main .goods-table ul li:nth-child(3){ width: 14%}
+      .tbody ul li:last-child{width: 22%}
       .goods-main .checkbox {overflow: hidden; cursor: pointer;}
       .tbody .checkbox .box{ display: inline-block; width: 20px;height: 90px;margin-top: 2px;float: left;}
       .goods-main  .tbody .checkbox span{ display: inline-block;float: left;margin-left: 6px;}
@@ -33,8 +33,8 @@ li{list-style: none}
       .goods-main  .tbody .good-info{display: inline-block}
       .goods-main  .tbody .good-info img{width: 80px;height: 80px;margin-top: 8px}
       .tbody ul li .good-classFly,.tbody ul li .good-price,.tbody ul li .status{position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);width: fit-content;}
-      .goods-main  .tbody .good-name{margin-left: 8px;vertical-align: middle;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 112px}
-      .goods-main  .tbody .good-handle{text-align: left;padding: 0 7px;line-height: 35px;position: absolute;width: 180px;top: 0;left: 50px;right: 0;bottom: 0;margin: auto;height: fit-content}
+      .goods-main  .tbody .good-name{margin-left: 8px;vertical-align: middle;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 90px;}
+      .goods-main  .tbody .good-handle{text-align: left;padding: 0 7px;line-height: 35px;position: absolute;width: 180px;top: 0;left: 30px;right: 0;bottom: 0;margin: auto;height: fit-content}
       .goods-main  .tbody .btn{padding: 0 11px;margin-right: 8px;height: 24px;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #e15616;display: inline-block;line-height: 24px;color: #e15616;}
       .goods-container .good-footer{width: 95%;height: 56px;float: left;padding: 20px}
       .goods-container .good-footer .footer-left{float: left;}

src/main/resources/static/css/supplier-center/shop/release.css

@@ -8,7 +8,7 @@ input[type="number"]{
 div{box-sizing: border-box;}
 @media screen and (min-width:768px) {
 .container{width: 100%;height: auto;box-sizing: border-box;background-color: #FFFFFF;padding: 0 16px;}
-.release-stepbox{width: 100%;box-sizing: border-box;    line-height: 60px; padding-left: 80px}
+.release-stepbox{width: 100%;box-sizing: border-box;    line-height: 60px; }
 .release-stepbox .stepSpan{float: left;padding: 0 15px;margin-right: 80px;position: relative;}
 .release-stepbox .stepSpan:last-child{margin-right: 0;}
 .release-stepbox .stepSpan p{font-size: 16px;line-height: 24px;color: #9aa5b5;text-align: center;display: inline-block}

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

@@ -18,14 +18,6 @@ var fleaMarketForm = new Vue({
            {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:[],
@@ -47,31 +39,20 @@ var fleaMarketForm = new Vue({
             fixedYears:null,//出厂
             companyName:'',//公司名称
             // maturityYears:'',//产品到期
-            price:'',//交易价
             detailTalkFlag:1,//是否启用详聊
             // normalPrice:'',//市场价
             // originalPrice:'',//采购价
             // stock:'',//数量
             productQuality:'',//商品成色
-            fileType:'', // 商品包含文件类型
             contactName:'',//联系人
             contactMobile:'',//联系方式
             checkCode:'', // 联系人手机验证码
-            cardNumber:'',// 收款账号
             secondProductType:'',//
             townId:'',//县区地址
             address:'',//详细地址
             image:'https://img0.baidu.com/it/u=1213827208,2559395113&fm=26&fmt=auto',//图片
             productDetails:'',//商品详细信息
             source:1,
-            dockingPeopleMobile:'',
-            dockingPeopleName:'',
-            authenticationImage:'',//身份证正面照片
-            authenticationBackImage:'',//身份证反面照片
-            licenseImage:'',//营业执照照片
-            commitmentImage:'',//承诺函图片
-            fileName:'',//文件名称
-            ossName:'',//文件OSS名称
          },
         brandname:'请选择',
         checkbox:false,
@@ -97,12 +78,9 @@ var fleaMarketForm = new Vue({
         vShow_BrandID:false,
         vShow_Name:false,
         vShow_companyName:false,
-        vShow_cardNumber:false,
-        vShow_Price:false,
         vShow_shopColor:false,
         vShow_contactName:false,
         vShow_contactMobile:false,
-        vShow_fileType:false,
         vShow_checkCode:false,
         vShow_caimeiMobile:false,
         vShow_Address:false,
@@ -196,132 +174,11 @@ var fleaMarketForm = new Vue({
                 event.target.value = '';
             });
         },
-        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];
-            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.authenticationImage = response.data;
-                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;
-            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.commitmentImage = response.data;
-                event.target.value = '';
-            });
-        },
-        uploadCommitmentFileFn : function(event){//上传承诺函文件
-            var _this = this;
-            var inputDOM = _this.$refs.CommitmentImagefile;
-            var file = inputDOM.files[0];
-            var formData = new FormData();
-            var size = file.size;
-            var newfilename = file.name;
-            //截取
-            var fixFile = newfilename.substr(newfilename.lastIndexOf('.'));
-            //统一转成小写
-            var lowFixFile = fixFile.toLowerCase();
-            if ( lowFixFile != '.pdf' ){ //限制了文件类型
-                CAIMEI.dialog('文件格式不正确!');
-                event.target.value = '';
-                return;
-            }
-            if(size > 20971520){//限制了文件的大小20MB
-                CAIMEI.dialog('文件大小不能超过20M');
-                event.target.value = '';
-                return;
-            }
-            formData.append('file', file);
-            SecondApi.uploadFile(formData,function(response){
-                _this.secondParams.ossName = response.data.ossName;
-                _this.secondParams.fileName = response.data.fileName;
-                event.target.value = '';
-            });
-        },
         removeGoodsImagesFn: function(index){//删除商品图片
             var _this = this;
             _this.GoodsImagesList.splice(index,1);
             _this.secondParams.image =_this.GoodsImagesList.toString()+',';
         },
-        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)
         },
@@ -367,29 +224,6 @@ var fleaMarketForm = new Vue({
                 }
             })
         },
-        deleteCommitmentFile:function(){//删除承诺函文件
-            var _this = this;
-            SecondApi.deleteOssFile({ ossName : _this.secondParams.ossName },function (response) {
-                if (response.code==0){
-                    _this.secondParams.fileName = '';
-                    _this.secondParams.ossName = '';
-                }else{
-                    console.log('删除文件异常提示===>',response.msg)
-                }
-            })
-        },
-        showViewerImageFn: function( ){//预览身份验证图片
-            var _this = this;
-            var DomEven = '#ViewerAuthenticationImage';
-            var ViewerDom = document.querySelector(DomEven);
-            _this.viewer = new Viewer(ViewerDom, {url:'data-image'});
-        },
-        showViewerImageFn1: function(){//预览承诺函图片
-            var _this = this;
-            var DomEven = '#ViewerCommitmentImage';
-            var ViewerDom = document.querySelector(DomEven);
-            _this.viewer = new Viewer(ViewerDom, {url:'data-image'});
-        },
         showViewerImageFn2: function(index,imageIndex ){//预览图片
             var _this = this;
             var DomEven = '#ViewerGoodsImages'+index;
@@ -489,15 +323,6 @@ var fleaMarketForm = new Vue({
                     return
                 }
             }
-             if(_this.secondParams.price == ''){
-                  _this.vShow_Price = true;
-                  _this.fromMessage = '请输入交易价';
-                  _this.scrollIntoView('vShow_BrandID');
-                  setTimeout(function(){
-                      _this.vShow_Price = false;
-                  },3000);
-                    return
-             }
              if(_this.secondParams.productQuality == ''){
                   _this.vShow_shopColor = true;
                   _this.fromMessage = '请输入商品成色';
@@ -507,33 +332,6 @@ var fleaMarketForm = new Vue({
                     },3000);
                     return
              }
-            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.cardNumber == ''){
-                _this.vShow_cardNumber = true;
-                _this.fromMessage = '请输入收款银行卡卡号';
-                _this.scrollIntoView('vShow_Price');
-                setTimeout(function(){
-                    _this.vShow_cardNumber = false;
-                },3000);
-                return
-            }
-              if(_this.secondParams.dockingPeopleMobile!='' && !re.test(_this.secondParams.dockingPeopleMobile)){
-                  _this.vShow_caimeiMobile = true;
-                  _this.fromMessage = '联系方式格式不正确';
-                  _this.scrollIntoView('vShow_checkCode');
-                  setTimeout(function(){
-                      _this.vShow_caimeiMobile = false;
-                  },3000);
-                  return
-              }
               if(_this.secondParams.townId == ''|| _this.secondParams.townId == undefined){
                   _this.vShow_TownId = true;
                   _this.fromMessage = '请完善联系地址';
@@ -569,33 +367,6 @@ var fleaMarketForm = new Vue({
                 },3000);
                 return
              }
-            if(_this.secondParams.publishIdentity === 1){
-                if(_this.secondParams.authenticationImage == '' && _this.secondParams.authenticationBackImage == ''){
-                    _this.PopupShow = true;
-                    _this.tipsContentText = '上传身份验证照片,您的二手商品将获得更好的推荐和曝光，方便您快速卖出。';
-                    _this.cancelButtonText = '继续发布';
-                    _this.confirmButtonText = '去上传';
-                    _this.isButtonsType = 1;
-                    return;
-                }
-            }else{
-                if(_this.secondParams.licenseImage == ''){
-                    _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;
-            }
             console.log(_this.secondParams);
             _this.SecondHandProduct(_this.secondParams)
         },
@@ -603,7 +374,7 @@ var fleaMarketForm = new Vue({
             var _this = this;
             SecondApi.SecondHandProduct(params,function (res) {
                 if (res.code==0){
-                    CAIMEI.Alert('发布成功！商品信息会在1-2个工作日内进行审核，审核通过后将立即上线到采美二手市场', '确定', true,function () {
+                    CAIMEI.Alert('发布成功！商品信息会在1-2个工作日内进行审核，采美官方人员也会联系您进行商品估价，审核通过后将立即上线到采美二手市场。', '确定', true,function () {
                         window.location.href = '/flea-market/list.html';
                     });
                 }else{

src/main/resources/static/js/supplier-center/shop/release.js

@@ -962,6 +962,11 @@ var releaseContainer = new Vue({
                 _this.initSeverCKeditor();
             }
         },
+        NextStep3: function() {//点击进入5步
+            var _this = this;
+            _this.activeNum++;
+            _this.scrollIntoView();
+        },
         initCKeditor: function(){//富文本
             var _this = this;
             _this.vShow_detailInfoEditor = false;

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

@@ -18,7 +18,9 @@
     <div class="my-maintenance" id="secondHandrelease">
         <div class="mt-top"><span class="mt-title">发布信息</span></div>
         <div class="newsTitle">
-            <p>欢迎您来到采美365网二手商品市场，您可以在这里发布二手设备、产品信息，展示期为3个月;为了完整展示您的商品，请您认真填写以下商品基本信息，谢谢合作。</p>
+            <p>
+                欢迎您来到采美365网二手商品市场，您可以在这里发布二手仪器和产品，采美官方 人员将会对商品进行审核和专业的估价，估价完成后才能上架展示并销售，展示期为 3个月。为了完整展示您的商品，请您认真填写以下商品基本信息，谢谢合作。
+            </p>
         </div>
         <div class="mt-bottom">
             <form id="mt-form" method="post" enctype="multipart/form-data" class="login-form common-form">
@@ -107,20 +109,6 @@
                            placeholder="请输入公司名称，不超过30个汉字">
                     <div class="release-tips errTips icon mIcon" v-show="vShow_companyName">{{fromMessage}}</div>
                 </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>
@@ -128,104 +116,6 @@
                            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>
-                    <span class="release-tips errTips icon mIcon" v-show="vShow_fileType">{{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-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="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>
-                </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="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>
-                </div>
-                <div class="unlogin-item input-item shrink-spacing">
-                    <div class="unlogin-label spacing" style="letter-spacing: 1px;"><span class="red-color">*</span>收款账号：<span class="red-color">（用于接收最终结算金额）</span></div>
-                    <input type="text" v-model="secondParams.cardNumber" id="cardNumber" maxlength="30" placeholder="请输入收款银行卡卡号">
-                    <div class="release-tips errTips icon mIcon" v-show="vShow_cardNumber">{{fromMessage}}</div>
-                </div>
-                <div class="unlogin-item input-item shrink-spacing" id="vShow_caimeiMobile">
-                    <div class="unlogin-label spacing" style="letter-spacing: 1px;">采美对接人：</div>
-                    <input type="text" maxlength="15" v-model="secondParams.dockingPeopleName" placeholder="请输入采美对接人姓名，没有可不填">
-                </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">
@@ -297,45 +187,6 @@
                         <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>
-                        <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>
-                </div>
                 <div class="release-button">
                     <div class="buttton-main">
                         <div class="text">

src/main/resources/templates/supplier-center/shop/goods.html

@@ -80,6 +80,14 @@
                                 <option v-for="x in classificationThreeList" :value="x.tinyTypeID">{{x.name}}</option>
                             </select>
                         </div>
+                        <div class="form-row">
+                            新品展示：
+                            <select name="" class="state small" @change="SelectChangeInsideFn($event)">
+                                <option value="">请选择</option>
+                                <option value="1">参与</option>
+                                <option value="0">不参与</option>
+                            </select>
+                        </div>
                         <div id="newBtn">
                             <div class="query-btn" @click="SearchQueryListFn">搜索</div>
                         </div>
@@ -93,6 +101,7 @@
                             <li>分类</li>
                             <li>市场价/售价</li>
                             <li>状态</li>
+                            <li>新品展示</li>
                             <li>操作</li>
                         </ul>
                         <div class="tbody">
@@ -151,6 +160,11 @@
                                     <p class="status" :style="{color: StatusColorFn(product.validFlag)}">
                                         {{StatusTextFn(product.validFlag)}}</p>
                                 </li>
+                                <li>
+                                    <div class="good-classFly">
+                                        <p>{{product.typeName}}</p>
+                                    </div>
+                                </li>
                                 <li>
                                     <div class="good-handle">
                                         <a class="btn " href="javascript: void(0);" v-if="[0,1,2,3,8,9].indexOf(product.validFlag)!=-1" @click="editGoodFn(product)">编辑</a>

src/main/resources/templates/supplier-center/shop/release.html

@@ -34,20 +34,25 @@
                             <p><span>1</span></p>
                             <p>基本信息</p>
                         </div>
-                        <div class="stepSpan" :class="activeNum == 1 || activeNum == 2 || activeNum == 3 ? 'active':''">
+                        <div class="stepSpan" :class="activeNum == 1 || activeNum == 2 || activeNum == 3 || activeNum == 4 ? 'active':''">
                             <p><span>2</span></p>
                             <p>销售信息</p>
                         </div>
-                        <div class="stepSpan" :class="activeNum == 2 || activeNum == 3 ? 'active':''">
+                        <div class="stepSpan" :class="activeNum == 2 || activeNum == 3 || activeNum == 4 ? 'active':''">
                             <p><span>3</span></p>
                             <p>上传图片</p>
                         </div>
-                        <div class="stepSpan" :class="activeNum == 3 ? 'active':''">
+                        <div class="stepSpan" :class="activeNum == 3 || activeNum == 4 ? 'active':''">
                             <p><span>4</span></p>
                             <p>服务项目</p>
                         </div>
+                        <div class="stepSpan" :class="activeNum == 4 ? 'active':''">
+                            <p><span>5</span></p>
+                            <p>新品展示</p>
+                        </div>
                     </div>
                     <div class="release-container clear"  v-show="isRequest" :class="isRequest ? 'active' : ''" >
+                        <!--商品初始信息-->
                         <div class="release-main-container clear" v-show="activeNum == 0">
                             <div class="release-from none clear" >
                                 <div class="release-label"><span class="star">*</span>商品显示名:</div>
@@ -254,6 +259,7 @@
                                 </div>
                             </div>
                         </div>
+                        <!--商品价格信息-->
                         <div class="release-main-container" v-show="activeNum == 1">
                             <div class="release-from clear">
                                 <div class="release-label"><span class="star">*</span>市场价:</div>
@@ -402,6 +408,7 @@
                                 </div>
                             </div>
                         </div>
+                        <!--商品信息-->
                         <div class="release-main-container" v-show="activeNum == 2">
                             <div class="release-from clear">
                                 <div class="release-label"><span class="star">*</span>商品图片:</div>
@@ -460,6 +467,37 @@
                                     <textarea  class="textarea" id="severInfoEditor" v-html="releaseParams.serviceInfo" placeholder="建议从服务案例，美业年限，团队人数和资历认证各方面进行描述"></textarea >
                                 </div>
                             </div>
+                            <div class="release-from clear">
+                                <div class="from-button last secondbtn">
+                                    <a href="javascript: void(0);" class="btn prev" @click="PrevStep">上一步</a>
+                                    <a href="javascript: void(0);" class="btn next" @click="NextStep3">下一步</a>
+                                </div>
+                            </div>
+                        </div>
+                        <!--新品展示编辑-->
+                        <div class="release-main-container" v-show="activeNum == 4">
+                            <div class="release-from text imgText">
+                                <P style="line-height: 24px;">采美商城已上线新品重点展示功能，新发布的商品有机会直接展示在网站首页，增加商品曝光量，展示时长为3个月。 您可为这个即将发布的商品选择是否参与新品展示。</P>
+                            </div>
+                            <div class="release-from clear">
+                                <div class="release-label"><span class="star">*</span>新品展示:</div>
+                                <div class="release-input">
+                                    <div class="release-props">
+                                        <label class="release-radio">
+                                            <input type="radio" name="byFlag" v-model="releaseParams.byFlag" value="0"  @click="radioChangeByFlag">
+                                            <i class="icon mIcon">参与</i>
+                                        </label>
+                                        <label class="release-radio">
+                                            <input type="radio" name="byFlag" v-model="releaseParams.byFlag" value="1" checked @click="radioChangeByFlag">
+                                            <i class="icon mIcon">不参与</i>
+                                        </label>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="release-from text imgText">
+                                <P style="line-height: 24px;color: red;">请注意：</P>
+                                <P style="line-height: 24px;">最终能否展示在商城首页，需要经过采美审核人员进行审核（2-3个工作日），审核通过后才会展示。</P>
+                            </div>
                             <div class="release-from clear">
                                 <div class="from-button last secondbtn">
                                     <a href="javascript: void(0);" class="btn prev" @click="PrevStep">上一步</a>
@@ -467,7 +505,7 @@
                                     <a href="javascript: void(0);" class="btn next"  @click="addReleasePeview">预览商品</a>
                                 </div>
                             </div>
-                        </div>
+                       </div>
                         <div class="preview-container">
                             <div class="preview-content">
                                 <img src="" class="preview-bigimg" alt="" style="border: 2px dashed #DBDBDB">