form.vue 39 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400
  1. <template name="secondHandrelease">
  2. <view class="fleaMarketForm">
  3. <view class="bannerimg"><image src="https://static.caimei365.com/app/img/bg/secondbg.jpg"></image></view>
  4. <view class="my-maintenance" :style="{ paddingBottom: isIphoneX ? '270rpx' : '168rpx' }">
  5. <view class="newsTitle">
  6. <view class="nestext">
  7. 欢迎您来到采美365网二手商品市场,您可以在这里发布二手设备、产品信息,
  8. 展示期为3个月;为了完整展示您的商品,请您认真填写以下商品基本信息,
  9. 后续采美工作人员将联系您进行承诺书签名,谢谢合作。
  10. </view>
  11. </view>
  12. <view class="row">
  13. <view class="label">发布身份:</view>
  14. <view class="select spacing">
  15. <picker
  16. @change="bindPickerChangePublisher($event)"
  17. :value="index"
  18. :range="publisherActions"
  19. range-key="name"
  20. >
  21. <input
  22. class="input"
  23. type="text"
  24. disabled="true"
  25. v-model="publisherText"
  26. placeholder="请选择发布身份"
  27. placeholder-class="placeholder"
  28. />
  29. </picker>
  30. </view>
  31. <text class="iconfont icon-xiayibu"></text>
  32. </view>
  33. <view class="row">
  34. <view class="label">二手分类:</view>
  35. <view class="select spacing">
  36. <picker
  37. @change="bindPickerChange($event)"
  38. :value="index"
  39. :range="categoryActions"
  40. range-key="name"
  41. >
  42. <input
  43. class="input"
  44. type="text"
  45. disabled="true"
  46. v-model="organizationTypeText"
  47. placeholder="请选择分类"
  48. placeholder-class="placeholder"
  49. />
  50. </picker>
  51. </view>
  52. <text class="iconfont icon-xiayibu"></text>
  53. </view>
  54. <view class="row">
  55. <view class="label">商品品牌:</view>
  56. <view class="select spacing">
  57. <picker
  58. @change="bindPickerChangeBrand($event)"
  59. :value="index"
  60. :range="brandActions"
  61. range-key="name"
  62. >
  63. <input
  64. class="input"
  65. type="text"
  66. disabled="true"
  67. v-model="brandName"
  68. placeholder="请选择品牌"
  69. placeholder-class="placeholder"
  70. />
  71. </picker>
  72. </view>
  73. <text class="iconfont icon-xiayibu"></text>
  74. </view>
  75. <view class="row" v-if="secondParams.brandId==161">
  76. <view class="label">其它品牌:</view>
  77. <view class="spacing">
  78. <input type="text"
  79. maxlength="40"
  80. v-model="secondParams.brandName"
  81. placeholder="请输入商品品牌"
  82. placeholder-class="placeholder">
  83. </view>
  84. </view>
  85. <view class="row">
  86. <view class="label">商品名称:</view>
  87. <view class="spacing">
  88. <input type="text"
  89. maxlength="40"
  90. v-model="secondParams.name"
  91. placeholder="请输入商品名称,不超过40个汉字"
  92. placeholder-class="placeholder">
  93. </view>
  94. </view>
  95. <view class="row">
  96. <view class="label">出厂日期:</view>
  97. <view class="spacing">
  98. <input type="text"
  99. v-model="secondParams.fixedYears"
  100. maxlength="10"
  101. placeholder="请输入出厂日期 如:2020年06月"
  102. placeholder-class="placeholder">
  103. </view>
  104. </view>
  105. <view class="row" v-if="secondParams.publishIdentity === 2">
  106. <view class="label">公司名称:</view>
  107. <view class="spacing">
  108. <input type="text"
  109. v-model="secondParams.companyName"
  110. maxlength="30"
  111. placeholder="请输入公司名称,不超过30个汉字"
  112. placeholder-class="placeholder">
  113. </view>
  114. </view>
  115. <view class="row">
  116. <view class="label">交易价:</view>
  117. <view class="spacing">
  118. <input type="text" maxlength="20" v-model="secondParams.price" placeholder="请输入交易价" placeholder-class="placeholder">
  119. </view>
  120. </view>
  121. <view style="margin-top: 15rpx;">
  122. <text class="iconfont xiangliao"
  123. :class="vShow_detailTalkFlag ? 'icon-jiagexiangliao':'icon-juxingweigouxuan'"
  124. @click="Detailed($event)">
  125. <text class='pricecolor' >价格详聊</text>
  126. </text>
  127. <text class="showflag" v-show="vShow_detailTalkFlag">(勾选代表同意不显示交易价)</text>
  128. </view>
  129. <!-- <view class="row" v-show="secondParams.secondHandType==2">
  130. <view class="label">市场价</view>
  131. <view class="spacing">
  132. <input type="text" v-model="secondParams.normalPrice" maxlength="30" placeholder="请输入市场价" placeholder-class="placeholder">
  133. </view>
  134. </view> -->
  135. <!-- <view class="row" v-show="secondParams.secondHandType==2">
  136. <view class="label second">采购价/原价</view>
  137. <view class="spacing second">
  138. <input type="text" v-model="secondParams.originalPrice" maxlength="30" placeholder="请输入采购价/原价" placeholder-class="placeholder"/>
  139. </view>
  140. </view>
  141. <view class="row" v-show="secondParams.secondHandType==2">
  142. <view class="label">数量</view>
  143. <view class="spacing">
  144. <input type="text" v-model="secondParams.stock" maxlength="30" placeholder="请输入数量" placeholder-class="placeholder">
  145. </view>
  146. </view> -->
  147. <view class="row">
  148. <view class="label">商品成色:</view>
  149. <view class="spacing">
  150. <input type="text"
  151. maxlength="10"
  152. v-model="secondParams.productQuality"
  153. placeholder="请输入商品成色,如“9成新”"
  154. placeholder-class="placeholder">
  155. </view>
  156. </view>
  157. <view class="row none">
  158. <view class="label">商品包含的文件:</view>
  159. </view>
  160. <view class="row none">
  161. <view class="checkbox-main">
  162. <view
  163. class="checkbox-list"
  164. :class="type.isChecked ? 'checked' : ''"
  165. v-for="(type, index) in productFileTypeActions"
  166. :key="index"
  167. @click="choiceProductFileType(type, index)"
  168. >
  169. <text class="iconfont" :class="type.isChecked ? 'icon-yixuanze' : 'icon-weixuanze'"></text>
  170. {{ type.name }}
  171. </view>
  172. </view>
  173. </view>
  174. <view class="row">
  175. <view class="label">联系人:</view>
  176. <view class="spacing">
  177. <input type="text"
  178. maxlength="15"
  179. v-model="secondParams.contactName"
  180. placeholder="请输入联系人姓名"
  181. placeholder-class="placeholder">
  182. </view>
  183. </view>
  184. <view class="row">
  185. <view class="label">联系方式:</view>
  186. <view class="spacing">
  187. <input type="text"
  188. v-model="secondParams.contactMobile"
  189. maxlength="11"
  190. placeholder="请输入联系人手机号"
  191. @blur="contactMobileOnblur"
  192. placeholder-class="placeholder">
  193. </view>
  194. </view>
  195. <view class="row">
  196. <view class="label">验证码:</view>
  197. <view class="spacing">
  198. <input type="text"
  199. v-model="secondParams.checkCode"
  200. maxlength="6"
  201. placeholder="请输入验证码"
  202. placeholder-class="placeholder">
  203. </view>
  204. <view class="row-btn" :class="[isMobileDisabled ? 'disabled' : '']">
  205. <button class="row-input"
  206. type="button"
  207. @click.stop="getMobileCodeFn"
  208. :disabled="isMobileDisabled">
  209. {{ mobileCodeText }}
  210. </button>
  211. </view>
  212. </view>
  213. <view class="row none" v-if="secondParams.publishIdentity === 1">
  214. <view class="label-im">身份证照片:</view>
  215. <view class="label-em">个人请上传身份证正反面照片(图片大小不超过5M)</view>
  216. <view class="release-input upload image uploadGoodsImages" >
  217. <view class="upload-file-view">
  218. <view class="upload-file" v-if="secondParams.authenticationImage == ''">
  219. <text class="iconfont icon-shangchuantupian"></text>
  220. <text class="add-text">身份证正面</text>
  221. <view ref="goodsImages" class="input-file" @click="uploadCardImageFn(1)"></view>
  222. </view>
  223. <view class="upload-file" v-else>
  224. <image :src="secondParams.authenticationImage" alt="" class="upload-img" ></image>
  225. <text class=" del iconfont icon-iconfontguanbi" @click="removeCardImageFn(1)"></text>
  226. </view>
  227. </view>
  228. <view class="upload-file-view">
  229. <view class="upload-file" v-if="secondParams.authenticationBackImage == ''">
  230. <text class="iconfont icon-shangchuantupian"></text>
  231. <text class="add-text">身份证反面</text>
  232. <view ref="goodsImages" class="input-file" @click="uploadCardImageFn(2)"></view>
  233. </view>
  234. <view class="upload-file" v-else>
  235. <image :src="secondParams.authenticationBackImage" alt="" class="upload-img" ></image>
  236. <text class=" del iconfont icon-iconfontguanbi" @click="removeCardImageFn(2)"></text>
  237. </view>
  238. </view>
  239. </view>
  240. </view>
  241. <view class="row none" v-if="secondParams.publishIdentity === 2">
  242. <view class="label-im">营业执照:</view>
  243. <view class="label-em">请上传营业执照照片(图片大小不超过5M)</view>
  244. <view class="release-input upload image uploadGoodsImages" >
  245. <view class="upload-file" v-if="secondParams.licenseImage == ''">
  246. <text class="iconfont icon-shangchuantupian"></text>
  247. <text class="add-text">营业执照</text>
  248. <view ref="goodsImages" class="input-file" @click="uploadUserImageFn"></view>
  249. </view>
  250. <view class="upload-file" v-else>
  251. <image :src="secondParams.licenseImage" alt="" class="upload-img" ></image>
  252. <i class=" del iconfont icon-iconfontguanbi" @click="removeUserImageFn"></i>
  253. </view>
  254. </view>
  255. </view>
  256. <view class="row">
  257. <view class="label">采美对接人:</view>
  258. <view class="spacing">
  259. <input type="text"
  260. v-model="secondParams.dockingPeopleName"
  261. maxlength="15"
  262. placeholder="请输入采美对接人姓名"
  263. placeholder-class="placeholder">
  264. </view>
  265. </view>
  266. <view class="row">
  267. <view class="label">对接人联系方式:</view>
  268. <view class="spacing">
  269. <input type="text"
  270. v-model="secondParams.dockingPeopleMobile"
  271. maxlength="11" placeholder="请输入采美对接人手机号"
  272. placeholder-class="placeholder">
  273. </view>
  274. </view>
  275. <view class="row">
  276. <view class="label">商品类型:</view>
  277. <view class="select spacing">
  278. <picker
  279. @change="bindPickerChangeProduct($event)"
  280. :value="index"
  281. :range="productActions"
  282. range-key="name"
  283. >
  284. <input
  285. class="input"
  286. type="text"
  287. disabled="true"
  288. v-model="organizationTypeText1"
  289. placeholder="请选择发布身份"
  290. placeholder-class="placeholder"
  291. />
  292. </picker>
  293. </view>
  294. <text class="iconfont icon-xiayibu"></text>
  295. </view>
  296. <view class="row" >
  297. <view class="label">联系地址:</view>
  298. <view class="spacing" @click="showMulLinkageThreePicker">
  299. <text class="row-input" :class="addressData.address === '请选择所在地区' ? 'none,placeholder' : ''" >
  300. {{addressData.address}}
  301. </text>
  302. </view>
  303. <text class="iconfont icon-xiayibu"></text>
  304. </view>
  305. <textarea type="text"
  306. class="border-grey address-details"
  307. v-model="secondParams.address"
  308. maxlength="50"
  309. placeholder="请填写详细地址,如街道/小区/门牌等"
  310. placeholder-class="placeholder"/>
  311. </textarea>
  312. <view class="release-main-container">
  313. <view class="release-from">
  314. <view class="label">商品图片</view>
  315. <view class="release-input upload image uploadGoodsImages" >
  316. <view class="upload-file" v-if="GoodsImagesList.length<5">
  317. <text class="iconfont icon-shangchuantupian"></text>
  318. <p class="add-text">商品图片</p>
  319. <view ref="goodsImages" class="input-file" @click="uploadGoodsImagesFn"></view>
  320. </view>
  321. <view class="upload-file" v-for="(item, index) in GoodsImagesList" :key="index">
  322. <image :data-original='item' :src="item" :data-image="item" alt="" class="upload-img" ></image>
  323. <text class=" del iconfont icon-iconfontguanbi" @click="removeGoodsImagesFn(index)"></text>
  324. </view>
  325. </view>
  326. <view class="form-upload-tips">
  327. <text class="iconfont icon-wenhao" ></text>
  328. <view class="wen-tips" >最多上传5张二手商品图片,请尽量全部上传,单张图片不能超过5M</view>
  329. </view>
  330. </view>
  331. <view class="row">
  332. <view class="label-im">二手出让承诺函签署文件:</view>
  333. <view class="label-em">(仅支持pdf文件,大小不能超过20)</view>
  334. <view class="spacing file-none" v-if="secondParams.fileName == ''">
  335. <view class="file-none-button" @click="uploadCommitmentFile">上传</view>
  336. </view>
  337. <view class="spacing file-text" v-else>
  338. <text class="file-text-em">{{ secondParams.fileName }}</text>
  339. <text class=" del iconfont icon-iconfontguanbi" @click="deleteCommitmentFile"></text>
  340. </view>
  341. </view>
  342. <view class="row none">
  343. <view class="label-im">二手出让承诺函签署图片</view>
  344. <view class="label-em">(若不方便上传承诺函签署文件,可对已签署的承诺函进行拍照或者截图再上传图片)</view>
  345. <view class="label-em">图片大小不超过5M</view>
  346. <view class="release-input upload image uploadGoodsImages" >
  347. <view class="upload-file" v-if="secondParams.commitmentImage == ''">
  348. <i class="iconfont icon-shangchuantupian"></i>
  349. <text class="add-text">承诺函图片</text>
  350. <view ref="goodsImages" class="input-file" @click="uploadCommitmentImageFn"></view>
  351. </view>
  352. <view class="upload-file" v-else>
  353. <image :src="secondParams.commitmentImage" alt="" class="upload-img" ></image>
  354. <i class=" del iconfont icon-iconfontguanbi" @click="removeCommitmentImageFn"></i>
  355. </view>
  356. </view>
  357. </view>
  358. <view class="productinfo">
  359. <view class="label unlogin-label" style="width: 100%;">商品详细信息</view>
  360. <view class="textarea-wrapper">
  361. <textarea class="textarea"
  362. type="text"
  363. v-model="secondParams.productDetails"
  364. placeholder="请填写商品详细信息,对商品进行更详细的描述"
  365. placeholder-class="placeholder"
  366. maxlength="200"
  367. @input="onTextareaInputInfo"
  368. />
  369. <span class="word-limit">{{secondParams.productDetails.length}}/200</span>
  370. </view>
  371. </view>
  372. </view>
  373. </view>
  374. <view class="secondBj thebj" v-show="modal1" :class="modal1 ? 'show':''">
  375. <view class="bjmain theresult">
  376. <text class="title">发布提示</text>
  377. <text class="content"> {{ tipsContentText }} </text>
  378. <view class="paybtn">
  379. <view class="btn cancel" @click.stop="cancelButtonFn">{{ cancelButtonText }}</view>
  380. <view class="btn confirm" @click.stop="confirmButtonFn">{{ confirmButtonText }}</view>
  381. </view>
  382. </view>
  383. </view>
  384. <!-- 地址弹窗 -->
  385. <mpvue-city-picker :themeColor="themeColor"
  386. ref="mpvueCityPicker"
  387. :pickerValueDefault="cityPickerValueDefault"
  388. @onCancel="onCancel"
  389. @onConfirm="onConfirm">
  390. </mpvue-city-picker>
  391. <!-- 发布按钮 -->
  392. <tui-bottom-popup :radius="false" :mask="false" :show="popupShow">
  393. <view class="tui-popup-box clearfix">
  394. <view class="tui-right-flex tui-popup-btn" :style="{ paddingBottom: isIphoneX ? '68rpx' : '34rpx' }">
  395. <view class="tui-flex-1">
  396. <view class="tui-button-text" @click="handleChangAgree">
  397. <text class="iconfont"
  398. :class="checkbox ? 'icon-yixuanze':'icon-weixuanze'" >
  399. </text>
  400. 已阅读并同意采美
  401. <text style="color:#1890f9;" @click.stop="this.$api.navigateTo('/pages/service/service?id=1013&title=二手出让协议')">《二手出让协议》</text>
  402. </view>
  403. </view>
  404. <view class="tui-flex-1">
  405. <view class="tui-button" @click="handleSubmitBtn">发布</view>
  406. </view>
  407. </view>
  408. </view>
  409. </tui-bottom-popup>
  410. <!-- 弹窗提示 -->
  411. <tui-modal :show="modal" :padding="'40rpx 30rpx'" @cancel="hideMobel" :custom="true" fadeIn >
  412. <view class="tui-modal-custom">
  413. <view class="tui-prompt-text">
  414. {{ contentModalText }}
  415. </view>
  416. <view class="tui-prompt-flex">
  417. <view class="btn btn-confirm" @click="handleClick">确定</view>
  418. </view>
  419. </view>
  420. </tui-modal>
  421. </view>
  422. </template>
  423. <script>
  424. import mpvueCityPicker from '@/components/mpvue-citypicker/mpvueCityPicker.vue'
  425. import { uploadFileImage , uploadFilePdf } from '@/services/public.js'
  426. import authorize from '@/common/config/authorize.js'
  427. import $reg from '@/common/config/common.js'
  428. import { mapState,mapMutations } from 'vuex'
  429. export default{
  430. name:'secondHandrelease',
  431. components:{
  432. mpvueCityPicker,
  433. },
  434. data(){
  435. return{
  436. isIphoneX: this.$store.state.isIphoneX,
  437. popupShow:true,
  438. userIdentity:0,
  439. publisherText:'个人身份',
  440. organizationTypeText:'请选择二手分类',
  441. organizationTypeText1:'请选择商品类型',
  442. brandActions:[],
  443. publisherActions:[
  444. {name:'个人身份',value:1},
  445. {name:'公司身份',value:2},
  446. ],
  447. categoryActions:[
  448. {name:'二手仪器',value:1},
  449. {name:'其他',value:3},
  450. ],
  451. productActions:[
  452. {name:'医美',value:1},
  453. {name:'非医美',value:3},
  454. ],
  455. productFileTypeActions:[
  456. { name:'仪器原始合同',value:1,isChecked:false},
  457. { name:'仪器注册证',value:2,isChecked:false},
  458. { name:'仪器发票',value:3,isChecked:false},
  459. { name:'仪器报关单',value:4,isChecked:false},
  460. { name:'无任何文件',value:5,isChecked:false}
  461. ],
  462. GoodsImagesList:[],
  463. secondParams:{
  464. publishIdentity:1, // 发布者身份 1 个人身份 2 公司身份
  465. secondHandType:'',//一级分类
  466. instrumentType:1,//二手仪器分类
  467. name:'',
  468. brandId:'',//品牌ID
  469. brandName:'',//其他品牌
  470. fixedYears:'',//出厂
  471. companyName:'',//公司名称
  472. maturityYears:'',//产品到期
  473. price:'',//交易价
  474. detailTalkFlag:1,//是否启用详聊
  475. normalPrice:'',//市场价
  476. originalPrice:'',//采购价
  477. stock:'',//数量
  478. productQuality:'',//商品成色
  479. fileType:'', // 商品文件类型
  480. contactName:'',//联系人
  481. contactMobile:'',//联系方式
  482. checkCode:'',// 联系人手机验证码
  483. authenticationImage:'', //身份证正面
  484. authenticationBackImage:'', //身份证反面
  485. licenseImage:'',//营业执照图片
  486. commitmentImage:'',//承诺函图片
  487. dockingPeopleName:'',//采美对接人姓名
  488. dockingPeopleMobile:'',//采美对接人手机号
  489. secondProductType:'',//
  490. townId:'',//县区地址
  491. address:'',//详细地址
  492. image:'',//图片
  493. fileName:'',
  494. ossName:'',
  495. productDetails:'',//商品详细信息
  496. source:2//二手发布来源.1:WWW,2:小程序,3:后台,4:协销
  497. },
  498. checkedFileTypeList:[],
  499. addressData:{
  500. address:'请选择所在地区',
  501. townID:'', //区ID
  502. cityID:'', //区ID
  503. provinceID:'', //区ID
  504. addressDetail: '', //地址
  505. },
  506. brandName:'请选择品牌名称',
  507. checkbox:false,
  508. tipsContentText:'',
  509. cancelButtonText:'取消发布',
  510. confirmButtonText:'去支付',
  511. contentModalText:'发布成功!商品信息会在1-2个工作日内进行审核,审核通过后将立即上线到采美二手市场',
  512. isButtonsType:0,
  513. vShow_detailTalkFlag:false,
  514. modal:false,
  515. modal1:false,
  516. isMobileDisabled: true, //手机验证码按钮控制
  517. mobilCount: '', //倒计时
  518. mobileCodeText: '获取验证码',
  519. mobilTime: null,
  520. }
  521. },
  522. methods:{
  523. onTextareaInputInfo(e){
  524. this.secondParams.productDetails = e.detail.value
  525. },
  526. showMulLinkageThreePicker() {//三级地址联动
  527. this.isShowInput = true
  528. this.$refs.mpvueCityPicker.show()
  529. },
  530. onConfirm(e) {//获取选择的地址信息
  531. this.addressData.address = e.name
  532. this.addressData.townID = e.townCode
  533. this.addressData.cityID = e.cityCode
  534. this.addressData.provinceID = e.provinceCode
  535. this.secondParams.townId = this.addressData.townID
  536. },
  537. bindPickerChangePublisher(e) {// 选择发布者身份
  538. this.publisherText = this.publisherActions[e.target.value].name
  539. this.secondParams.publishIdentity = this.publisherActions[e.target.value].value
  540. },
  541. bindPickerChange(e) {// 选择二手分类
  542. this.secondParams.secondHandType = this.categoryActions[e.target.value].value
  543. if(this.secondParams.secondHandType === 1){
  544. this.organizationTypeText = '二手仪器-美容仪器'
  545. }else{
  546. this.organizationTypeText = this.categoryActions[e.target.value].name
  547. }
  548. },
  549. bindPickerChangeBrand(e) {
  550. // 选择品牌
  551. this.brandName = this.brandActions[e.target.value].name
  552. this.secondParams.brandId = this.brandActions[e.target.value].value
  553. },
  554. bindPickerChangeProduct(e) {
  555. // 选择商品类型
  556. this.organizationTypeText1 = this.productActions[e.target.value].name
  557. this.secondParams.secondProductType = this.productActions[e.target.value].value
  558. },
  559. choiceProductFileType(type,index){
  560. // 选择类别
  561. type.isChecked = !type.isChecked
  562. if (type.isChecked) {
  563. if(!this.contains(this.checkedFileTypeList,type.value)){
  564. this.checkedFileTypeList.push(type.value)
  565. }
  566. } else {
  567. this.checkedFileTypeList.splice(this.checkedFileTypeList.indexOf(type.value),1)
  568. }
  569. this.secondParams.fileType = this.checkedFileTypeList.join(',')
  570. },
  571. contains(arr, val) {// 校验
  572. return arr.some(item => item === val)
  573. },
  574. Detailed(){
  575. this.vShow_detailTalkFlag = !this.vShow_detailTalkFlag
  576. if(this.vShow_detailTalkFlag){
  577. this.secondParams.detailTalkFlag = 2 //启用价格详聊
  578. }else {
  579. this.secondParams.detailTalkFlag = 1 //不启用价格详聊
  580. }
  581. },
  582. uploadGoodsImagesFn(event){//上传商品图片
  583. uploadFileImage().then(res =>{
  584. this.GoodsImagesList.push(JSON.parse(res.data).data)
  585. this.secondParams.image =this.GoodsImagesList.toString()+','
  586. })
  587. },
  588. uploadCardImageFn(type){//上传身份正反面照
  589. uploadFileImage().then(res =>{
  590. if(type == 1){
  591. this.secondParams.authenticationImage = JSON.parse(res.data).data
  592. }else{
  593. this.secondParams.authenticationBackImage = JSON.parse(res.data).data
  594. }
  595. })
  596. },
  597. uploadUserImageFn(event){//上传营业执照图片
  598. console.log('event')
  599. uploadFileImage().then(res =>{
  600. this.secondParams.licenseImage = JSON.parse(res.data).data
  601. })
  602. },
  603. uploadCommitmentImageFn(event){//上传承诺函图片
  604. uploadFileImage().then(res =>{
  605. this.secondParams.commitmentImage = JSON.parse(res.data).data
  606. })
  607. },
  608. uploadCommitmentFile(){//上传承诺函文件
  609. uploadFilePdf().then(res =>{
  610. let data = JSON.parse(res.data).data
  611. this.secondParams.fileName = uni.getStorageSync('fileName')
  612. this.secondParams.ossName = data.ossName
  613. console.log('fileName',this.secondParams.fileName)
  614. console.log('ossName',this.secondParams.ossName)
  615. })
  616. },
  617. deleteCommitmentFile(){//删除承诺函文件
  618. this.secondParams.fileName = ''
  619. },
  620. removeGoodsImagesFn(index){//删除商品图片
  621. this.GoodsImagesList.splice(index,1)
  622. this.secondParams.image =this.GoodsImagesList.toString()+','
  623. },
  624. removeCardImageFn(type){//删除身份证图片
  625. if(type == 1){
  626. this.secondParams.authenticationImage = ''
  627. }else{
  628. this.secondParams.authenticationBackImage = ''
  629. }
  630. },
  631. removeUserImageFn(index){//删除公司营业执照图片
  632. this.secondParams.licenseImage = ''
  633. },
  634. removeCommitmentImageFn(index){//删除承诺函图片
  635. this.secondParams.commitmentImage = ''
  636. },
  637. contactMobileOnblur(e){// 识别手机号是否正确
  638. if(this.$reg.isMobile(e.detail.value)){
  639. this.isMobileDisabled = false
  640. }
  641. },
  642. getMobileCodeFn(){
  643. let params = {
  644. mobile:this.secondParams.contactMobile,
  645. isCheckCaptcha:1,
  646. activateCodeType:6,
  647. platformType:2
  648. }
  649. this.isMobileDisabled = true
  650. this.PublicService.GetRegisterMobileCode(params).then(response =>{
  651. this.$util.msg('验证短信已发送',2000)
  652. const TIME_COUNT = 60
  653. if (!this.mobilTime) {
  654. this.mobilCount = TIME_COUNT
  655. this.isMobileDisabled = true
  656. this.mobilTime = setInterval(() => {
  657. if (this.mobilCount > 1 && this.mobilCount <= TIME_COUNT) {
  658. this.mobilCount--
  659. this.mobileCodeText = this.mobilCount +'s重新发送'
  660. } else {
  661. this.isMobileDisabled = false
  662. clearInterval(this.mobilTime)
  663. this.mobilTime = null
  664. this.mobileCodeText = '获取验证码'
  665. }
  666. },1000)
  667. }
  668. }).catch( error =>{
  669. this.$util.msg(error.msg,2000)
  670. this.isMobileDisabled = false
  671. })
  672. },
  673. handleSubmitBtn () {
  674. if(this.secondParams.secondHandType == ''){
  675. this.$util.msg('请选择分类',2000)
  676. return
  677. }
  678. if(this.secondParams.secondHandType == 1 ){
  679. if(this.secondParams.instrumentType ==''){
  680. this.$util.msg('请完善仪器分类',2000)
  681. return
  682. }
  683. }
  684. if(this.secondParams.brandId == ''){
  685. this.$util.msg('请选择商品品牌',2000)
  686. return
  687. }
  688. if(this.secondParams.name == ''){
  689. this.$util.msg('请输入商品名称',2000)
  690. return
  691. }
  692. // if(this.secondParams.secondHandType ==2) {
  693. // if (this.secondParams.maturityYears=='') {
  694. // this.$util.msg('请输入产品到期日',2000);
  695. // return
  696. // }
  697. // }
  698. if(!this.$api.isNumber(this.secondParams.price)){
  699. this.$util.msg('请输入交易价',2000)
  700. return
  701. }
  702. // if(this.secondParams.secondHandType ==2) {
  703. // if (!this.$api.isNumber(this.secondParams.normalPrice)) {
  704. // this.$util.msg('请输入市场价',2000);
  705. // return
  706. // }
  707. // if(!this.$api.isNumber(this.secondParams.originalPrice)){
  708. // this.$util.msg('请输入采购价/原价',2000);
  709. // return
  710. // }
  711. // if(!this.$api.isNumber(this.secondParams.stock)){
  712. // this.$util.msg('请输入数量',2000);
  713. // return
  714. // }
  715. // }
  716. if(this.secondParams.productQuality == ''){
  717. this.$util.msg('请输入商品成色',2000)
  718. return
  719. }
  720. if(this.secondParams.fileType == ''){
  721. this.$util.msg('请选择商品包含的文件',2000)
  722. return
  723. }
  724. if(this.secondParams.contactName == ''){
  725. this.$util.msg('请输入联系人姓名',2000)
  726. return
  727. }
  728. if(this.secondParams.contactMobile == ''){
  729. console.log(this.secondParams.contactMobile)
  730. this.$util.msg('请输入联系方式',2000)
  731. return
  732. }
  733. if(!$reg.isMobile(this.secondParams.contactMobile)){
  734. this.$util.msg('请填写正确的手机号',2000)
  735. return
  736. }
  737. if(this.secondParams.checkCode == ''){
  738. this.$util.msg('请输入短信验证码',2000)
  739. return
  740. }
  741. if(this.userIdentity === 1){
  742. if(this.secondParams.dockingPeopleName == ''){
  743. this.$util.msg('请输入采美对接人姓名',2000)
  744. return
  745. }
  746. if(this.secondParams.dockingPeopleMobile == ''){
  747. this.$util.msg('请输入采美对接人手机号',2000)
  748. return
  749. }
  750. }
  751. if(this.secondParams.dockingPeopleMobile !=''){
  752. if(!$reg.isMobile(this.secondParams.dockingPeopleMobile)){
  753. this.$util.msg('请填写正确的采美对接人手机号',2000)
  754. return
  755. }
  756. }
  757. if(this.secondParams.townId == ''|| this.secondParams.townId == undefined){
  758. this.$util.msg('请完善联系地址',2000)
  759. return
  760. }
  761. if(this.secondParams.address == ''){
  762. this.$util.msg('请填写详细地址',2000)
  763. return
  764. }
  765. if(this.GoodsImagesList ==''){
  766. this.$util.msg('请上传图片',2000)
  767. return
  768. }
  769. if(this.checkbox==false){
  770. this.$util.msg('请勾选已阅读',2000)
  771. return
  772. }
  773. if(this.secondParams.publishIdentity === 1){
  774. if(this.secondParams.authenticationImage == '' && this.secondParams.authenticationBackImage == ''){
  775. this.modal1 = true
  776. this.tipsContentText = '上传身份证照片,您的二手商品将获得更好的推荐和曝光,方便您快速卖出。'
  777. this.cancelButtonText = '继续发布'
  778. this.confirmButtonText = '去上传'
  779. this.isButtonsType = 1
  780. return
  781. }
  782. }else{
  783. if(this.secondParams.licenseImage == ''){
  784. this.modal1 = true
  785. this.tipsContentText = '上传营业执照照片,您的二手商品将获得更好的推荐和曝光,方便您快速卖出。'
  786. this.cancelButtonText = '继续发布'
  787. this.confirmButtonText = '去上传'
  788. this.isButtonsType = 1
  789. return
  790. }
  791. }
  792. if(this.secondParams.commitmentImage == '' || this.secondParams.ossName == ''){
  793. this.modal1 = true
  794. this.tipsContentText = '上传二手出让承诺函,您的二手商品将获得更好的推荐和曝光,方便您快速卖出。'
  795. this.cancelButtonText = '继续发布'
  796. this.confirmButtonText = '去上传'
  797. this.isButtonsType = 1
  798. return
  799. }
  800. console.log(this.secondParams)
  801. },
  802. SecondHandProduct(params){//提交发布
  803. this.SecondService.SecondHandProduct(params).then(res=>{
  804. this.modal = true
  805. })
  806. .catch(error =>{
  807. this.$util.msg(error.msg,2000)
  808. })
  809. },
  810. cancelButtonFn(){//弹窗操作按钮
  811. switch(this.isButtonsType){
  812. case 1:
  813. this.modal1 = false
  814. this.SecondHandProduct(this.secondParams)
  815. break
  816. case 2:
  817. this.modal1 = false
  818. break
  819. }
  820. },
  821. confirmButtonFn(){//弹窗操作按钮
  822. switch(this.isButtonsType){
  823. case 1:
  824. this.modal1 = false
  825. break
  826. case 2:
  827. this.modal1 = false
  828. break
  829. }
  830. },
  831. handleChangAgree() {
  832. this.checkbox = !this.checkbox
  833. },
  834. getBrandList() {
  835. // 获取收款类型列表
  836. this.SecondService.brandList()
  837. .then(response => {
  838. this.brandActions = response.data.map(item => ({
  839. ...item,
  840. name: item.name,
  841. value: item.id
  842. }))
  843. })
  844. .catch(err => {
  845. this.$util.msg(err.msg, 2000)
  846. })
  847. },
  848. hideMobel(){
  849. this.modal = false
  850. },
  851. handleClick(){
  852. this.modal = false
  853. this.$api.redirectTo ('/pages/second/product/product-list')
  854. }
  855. },
  856. onShow() {
  857. this.getBrandList()
  858. this.$api.getComStorage('userInfo').then((resolve) =>{
  859. this.userIdentity = resolve.userIdentity
  860. console.log(this.userIdentity)
  861. }).catch(error =>{
  862. console.log(error)
  863. })
  864. }
  865. }
  866. </script>
  867. <style lang="scss">
  868. view{font-size: 28rpx;}
  869. .my-maintenance{
  870. padding: 20rpx;
  871. }
  872. .bannerimg {
  873. height: 66rpx;
  874. width: 100%;
  875. }
  876. .bannerimg image{
  877. width: 100%;
  878. height: 100% ;
  879. }
  880. .newsTitle {
  881. line-height: 48rpx;
  882. text-align: left;
  883. color: #e15616;
  884. padding:20rpx;
  885. background-color: rgba(225, 86, 22, .1);
  886. border-radius: 8rpx;
  887. }
  888. .nestext{
  889. font-size: 24rpx;
  890. line-height: 44rpx;
  891. }
  892. .secondradio view{
  893. display: inline-block;
  894. color: #333333;
  895. margin-right: 21rpx;
  896. }
  897. .secondradio{
  898. display: inline-block;
  899. margin-left: 40rpx;
  900. }
  901. .Secondary{
  902. margin-left: 96rpx;
  903. }
  904. .secondradio view.active {
  905. color: #e15616;
  906. }
  907. .placeholder{
  908. color: #b2b2b2;
  909. }
  910. .linqi_text {
  911. width: 607rpx;
  912. height: 68rpx;
  913. background-color: #1890f9;
  914. box-shadow: 0rpx 4rpx 6rpx 0rpx rgba(24, 144, 249, 0.17);
  915. text-align: center;
  916. line-height: 68rpx;
  917. color: #ffffff;
  918. margin: auto;
  919. font-size:24rpx;
  920. position: relative;
  921. }
  922. .jiaobiao {
  923. width: 0;
  924. height: 0;
  925. border-left: 20rpx solid transparent;
  926. border-right: 20rpx solid transparent;
  927. top: -25%;
  928. right: 40%;
  929. border-bottom: 20rpx solid #1890f9;
  930. position: absolute;
  931. }
  932. .label{
  933. color: #666666;
  934. display: inline-block;
  935. }
  936. .label-im{
  937. width: 100%;
  938. line-height: 50rpx;
  939. font-size: $font-size-28;
  940. color: #666666;
  941. text-align: left;
  942. margin-top: 20rpx;
  943. }
  944. .label-em{
  945. line-height: 28rpx;
  946. font-size: $font-size-20;
  947. color: #fea785;
  948. width: 100%;
  949. text-align: left;
  950. }
  951. .label.second{
  952. width: 155rpx;
  953. }
  954. .row .spacing.second{
  955. width: 70%;
  956. }
  957. .row{
  958. width: 100%;
  959. border-bottom: 2rpx solid #e1e1e1;
  960. line-height: 90rpx;
  961. float: left;
  962. height: auto;
  963. position: relative;
  964. .checkbox-main{
  965. width: 100%;
  966. .checkbox-list {
  967. height: 60rpx;
  968. font-size: $font-size-28;
  969. line-height: 60rpx;
  970. border-radius: 10rpx;
  971. margin-right: 20rpx;
  972. margin-bottom: 10rpx;
  973. box-sizing: border-box;
  974. float: left;
  975. .icon-yixuanze{
  976. margin-right: 10rpx;
  977. color: #E15616;
  978. }
  979. .icon-weixuanze{
  980. margin-right: 10rpx;
  981. color: #B2B2B2;
  982. }
  983. }
  984. }
  985. .row-btn{
  986. width: 180rpx;
  987. height:64rpx;
  988. background: $btn-confirm;
  989. padding: 0;
  990. border-radius: 32rpx;
  991. position: absolute;
  992. right: 0;
  993. top: 10rpx;
  994. .row-input{
  995. width: 180rpx;
  996. height: 64rpx;
  997. line-height: 64rpx;
  998. padding: 0;
  999. color: #FFFFFF;
  1000. background: $btn-confirm;
  1001. text-align: center;
  1002. border-radius: 32rpx;
  1003. &.other{
  1004. width: 180rpx;
  1005. background: #F7F7F7;
  1006. margin-right: 20rpx;
  1007. }
  1008. &.none{
  1009. background: #F7F7F7;
  1010. }
  1011. }
  1012. &.disabled{
  1013. background: #F7F7F7;
  1014. .row-input{
  1015. background: #F7F7F7;
  1016. color: #999999;
  1017. font-size: 24rpx;
  1018. }
  1019. }
  1020. }
  1021. &.none{
  1022. border-bottom: none;
  1023. }
  1024. }
  1025. .row.fenlei{
  1026. height: auto;
  1027. margin: 10rpx 0;
  1028. border: 0;
  1029. }
  1030. .select {
  1031. position: relative;
  1032. color: #b2b2b2;
  1033. text-align: left;
  1034. user-select: none;
  1035. }
  1036. .row .spacing{
  1037. display: inline-block;
  1038. margin-left: 50rpx;
  1039. width: 430rpx;
  1040. vertical-align:middle;
  1041. position: relative;
  1042. color: #333333;
  1043. .input{
  1044. color: #333333;
  1045. }
  1046. &.file{
  1047. width: 100%;
  1048. }
  1049. &.file-text{
  1050. width: 100%;
  1051. line-height: 44rpx;
  1052. font-size: 28rpx;
  1053. box-sizing: border-box;
  1054. margin-left: 0;
  1055. .file-text-em{
  1056. width: 100%;
  1057. text-overflow: ellipsis;
  1058. overflow: hidden;
  1059. display: -webkit-box;
  1060. -webkit-line-clamp: 1;
  1061. line-clamp: 1;
  1062. -webkit-box-orient: vertical;
  1063. line-height: 44rpx;
  1064. font-size: 28rpx;
  1065. padding-right: 40rpx;
  1066. box-sizing: border-box;
  1067. position: relative;
  1068. }
  1069. .icon-iconfontguanbi{
  1070. width: 40rpx;
  1071. height: 40rpx;
  1072. line-height: 40rpx;
  1073. display: block;
  1074. position: absolute;
  1075. top: 0;
  1076. right:0;
  1077. color: #f94b4b;
  1078. font-size: 36rpx;
  1079. }
  1080. }
  1081. &.file-none{
  1082. width: 100%;
  1083. margin-left: 0;
  1084. position: relative;
  1085. .file-none-button{
  1086. width: 88rpx;
  1087. height: 44rpx;
  1088. background-color: #e15616;
  1089. border-radius: 8rpx;
  1090. line-height: 44rpx;
  1091. text-align: center;
  1092. font-size: 24rpx;
  1093. color: #FFFFFF;
  1094. position: absolute;
  1095. right: 0;
  1096. top: -15rpx;
  1097. }
  1098. }
  1099. }
  1100. .select .placeholder {
  1101. position: relative;
  1102. cursor: pointer;
  1103. width: 100%;
  1104. display: inline-block;
  1105. }
  1106. .icon-xiayibu{
  1107. right: 0rpx;
  1108. color: #b2b2b2;
  1109. position: absolute;
  1110. }
  1111. .xiangliao{
  1112. font-size: 26rpx;
  1113. margin-right: 10rpx;
  1114. color: #b2b2b2;
  1115. }
  1116. .icon-jiagexiangliao{
  1117. color: #e15616 !important;
  1118. }
  1119. .pricecolor{
  1120. margin-left: 10rpx;
  1121. }
  1122. .showflag{
  1123. color: #b2b2b2;
  1124. }
  1125. .border-grey{
  1126. width: 100%;
  1127. resize: none;
  1128. padding: 20rpx 0;
  1129. height: 160rpx;
  1130. border-bottom: 2rpx solid #e1e1e1;
  1131. }
  1132. .release-main-container {
  1133. overflow: hidden;
  1134. margin: 20rpx 0;
  1135. }
  1136. .uploadGoodsImages{
  1137. display: flex;
  1138. overflow-x: auto;
  1139. overflow-y: hidden;
  1140. }
  1141. .secondradio{
  1142. .row-radio{
  1143. transform: scale(.8);
  1144. }
  1145. .row-input{margin-right: 10rpx;}
  1146. }
  1147. .linqi_text .p{
  1148. font-size: $font-size-20;
  1149. }
  1150. .upload-file {
  1151. float: left;
  1152. margin: 20rpx 20rpx 20rpx 0px;
  1153. cursor: pointer;
  1154. width: 194rpx;
  1155. height: 194rpx;
  1156. border-radius: 6rpx;
  1157. border: solid 2rpx #e1e1e1;
  1158. flex-shrink: 0;
  1159. position: relative;
  1160. display: inline-block;
  1161. .input-file {
  1162. width: 194rpx;
  1163. height: 194rpx;
  1164. opacity: 0;
  1165. cursor: pointer;
  1166. position: absolute;
  1167. top: 0;
  1168. left: 0;
  1169. }
  1170. .upload-img {
  1171. width: 100%;
  1172. height: 100%;
  1173. display: block;
  1174. border-radius: .53vw;
  1175. }
  1176. .icon-shangchuantupian{
  1177. display: block;
  1178. width: 100%;
  1179. height: 100rpx;
  1180. line-height: 90rpx;
  1181. color: #b2b2b2;
  1182. font-size: $font-size-40;
  1183. text-align: center;
  1184. padding-top: 20rpx;
  1185. box-sizing: border-box;
  1186. }
  1187. .add-text {
  1188. display: block;
  1189. width: 100%;
  1190. line-height: 50rpx;
  1191. font-size: 24rpx;
  1192. color: #b2b2b2;
  1193. text-align: center;
  1194. }
  1195. .icon-iconfontguanbi{
  1196. width: 40rpx;
  1197. height: 40rpx;
  1198. line-height: 40rpx;
  1199. display: block;
  1200. position: absolute;
  1201. background: #f94b4b;
  1202. text-align: center;
  1203. line-height: 40rpx;
  1204. border-radius: 50%;
  1205. top: -15rpx;
  1206. right:-18rpx;
  1207. color: #FFFFFF;
  1208. font-size: $font-size-24;
  1209. }
  1210. }
  1211. .wen-tips {
  1212. width: 664rpx;
  1213. height: 68rpx;
  1214. line-height: 68rpx;
  1215. text-align: center;
  1216. color: #FFF;
  1217. font-size: 20rpx;
  1218. background-color: #1890f9;
  1219. box-shadow: 0 0.8vw 1.6vw 0 rgba(24, 144, 249, 0.17);
  1220. border-radius: 2rpx;
  1221. display: none;
  1222. }
  1223. .form-upload-tips:hover .wen-tips {
  1224. display: block;
  1225. }
  1226. .textarea-wrapper {
  1227. letter-spacing: 2rpx;
  1228. line-height: 48rpx;
  1229. color: #333333;
  1230. position: relative;
  1231. font-size: 28rpx;
  1232. border: 2rpx solid #E1E1E1;
  1233. height: 300rpx;
  1234. padding: 16rpx;
  1235. border-radius: 6rpx;
  1236. margin: 20rpx 0;
  1237. }
  1238. .textarea-wrapper textarea{
  1239. width: 100%;
  1240. }
  1241. .word-limit {
  1242. position: absolute;
  1243. right: 2.7vw;
  1244. bottom: 2.7vw;
  1245. font-size: 3.2vw;
  1246. color: #9aa5b5;
  1247. }
  1248. .row.Read{
  1249. border: 0;
  1250. text-align: center;
  1251. color: #999999;
  1252. }
  1253. .thebj {
  1254. position: fixed;
  1255. left: 0;
  1256. top: 0;
  1257. bottom: 0;
  1258. width: 100%;
  1259. height: 100%;
  1260. background-color: rgba(0, 0, 0, .5);
  1261. z-index: 999999;
  1262. opacity: 0;
  1263. }
  1264. .thebj.show{
  1265. opacity: 1;
  1266. }
  1267. .theresult {
  1268. position: absolute;
  1269. top: 50%;
  1270. left: 50%;
  1271. transform: translate(-50%, -50%);
  1272. width:580rpx;
  1273. background-color: #fff;
  1274. border-radius: 32rpx;
  1275. }
  1276. .theresult .title{
  1277. line-height: 100rpx;
  1278. text-align: center;
  1279. display: block;
  1280. color: #333333;
  1281. font-size: 30rpx;
  1282. font-weight: bold;
  1283. border-bottom: 2rpx solid #efefef;
  1284. }
  1285. .theresult .content{
  1286. padding: 30rpx 52rpx;
  1287. line-height: 48rpx;
  1288. color: #666666;
  1289. font-size: 30rpx;
  1290. display: block;
  1291. }
  1292. .paybtn{
  1293. width: 100%;
  1294. height: 90rpx;
  1295. float: left;
  1296. .btn{
  1297. width: 50%;
  1298. height: 90rpx;
  1299. text-align: center;
  1300. line-height: 90rpx;
  1301. font-size: 30rpx;
  1302. display: inline-block;
  1303. float: left;
  1304. &.cancel{
  1305. background-color: #efefef;
  1306. border-radius: 0rpx 0rpx 0rpx 32rpx;
  1307. color: #999999;
  1308. }
  1309. &.confirm{
  1310. background-image: linear-gradient(270deg, #f28f31 0%, #e15616 100%);
  1311. border-radius: 0rpx 0rpx 32rpx 0rpx;
  1312. color: #fff;
  1313. }
  1314. }
  1315. }
  1316. .icon-wenhao{
  1317. color: #1890f9;
  1318. font-size: 35rpx;
  1319. width: 50rpx;
  1320. }
  1321. .form-upload-tips:hover .wen-tips {display: block;}
  1322. .tui-popup-box {
  1323. position: relative;
  1324. box-sizing: border-box;
  1325. min-height: 100rpx;
  1326. padding: 6rpx 24rpx;
  1327. .tui-popup-content {
  1328. padding-top: 30rpx;
  1329. }
  1330. }
  1331. .tui-popup-btn {
  1332. width: 100%;
  1333. height: auto;
  1334. float: left;
  1335. box-sizing: border-box;
  1336. margin-top: 30rpx;
  1337. .tui-button {
  1338. width: 600rpx;
  1339. height: 88rpx;
  1340. background: $btn-confirm;
  1341. line-height: 88rpx;
  1342. text-align: center;
  1343. color: #ffffff;
  1344. font-size: $font-size-28;
  1345. border-radius: 44rpx;
  1346. margin: 0 auto;
  1347. }
  1348. .tui-button-text{
  1349. width: 600rpx;
  1350. height: 70rpx;
  1351. line-height: 70rpx;
  1352. text-align: center;
  1353. color: #333333;
  1354. font-size: $font-size-26;
  1355. margin: 0 auto;
  1356. margin-top: 15rpx;
  1357. .iconfont{
  1358. margin-right: 10rpx;
  1359. &.icon-yixuanze{
  1360. color: $color-system;
  1361. }
  1362. }
  1363. }
  1364. }
  1365. .tui-prompt-flex{
  1366. width: 100%;
  1367. height: 80rpx;
  1368. display: flex;
  1369. margin-top: 20rpx;
  1370. .btn{
  1371. flex: 1;
  1372. line-height: 80rpx;
  1373. font-size: $font-size-26;
  1374. text-align: center;
  1375. color: #FFFFFF;
  1376. border-radius: 40rpx;
  1377. margin: 0 24rpx;
  1378. &.btn-cancel{
  1379. background: #F7F7F7;
  1380. color: #999999;
  1381. }
  1382. &.btn-confirm{
  1383. background: $btn-confirm;
  1384. }
  1385. }
  1386. }
  1387. .tui-prompt-text{
  1388. line-height: 44rpx;
  1389. font-size: $font-size-26;
  1390. color: #333333;
  1391. .text{
  1392. color: $color-system;
  1393. }
  1394. }
  1395. </style>