|
|
@@ -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,9 @@
|
|
|
<!-- 引入底部 -->
|
|
|
<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/common/serviceapi/user.service.js(v=${version})}"></script>
|
|
|
<script charset="utf-8" type="text/javascript" th:src="@{/js/flea-market/form.js(v=${version})}"></script>
|
|
|
</body>
|
|
|
</html>
|
