apply.vue 34 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202
  1. <template>
  2. <view class="container register" :style="{paddingTop:CustomBar+'px'}">
  3. <cu-custom :navbar-data='nvabarData' @navigateBack="hanldNavigateBack"></cu-custom>
  4. <view class="register-main first clearfix" v-if="clubStatus == 92">
  5. <view class="register-row none clearfix">
  6. <view class="error-title">审核未通过原因:</view>
  7. <view class="error-main">
  8. <text class="error-item" v-for="(item, index) in errorList" :key="index">
  9. {{ item }}
  10. </text>
  11. </view>
  12. </view>
  13. </view>
  14. <view class="register-main first clearfix">
  15. <view class="register-row clearfix">
  16. <text class="register-title">注册信息</text>
  17. </view>
  18. <view class="register-row clearfix">
  19. <view class="register-from">
  20. <view class="label">联系人:</view>
  21. <input class="row-input" type="text" name="input" v-model="clubContact" placeholder="请输入联系姓名" maxlength="6"/>
  22. </view>
  23. </view>
  24. <view class="register-row clearfix">
  25. <view class="register-from">
  26. <view class="label">手机号:</view>
  27. <view class="row-input">{{ mobile }}</view>
  28. </view>
  29. </view>
  30. </view>
  31. <view class="register-main clearfix">
  32. <view class="register-row">
  33. <view class="register-title">其他信息</view>
  34. </view>
  35. <view class="register-row clearfix">
  36. <view class="register-from">
  37. <view class="label">固定电话:</view>
  38. <input class="row-input" type="text" v-model="clubTelePhone" placeholder="请填写机构的固定电话" maxlength="15"/>
  39. </view>
  40. </view>
  41. <view class="register-row clearfix">
  42. <view class="register-from">
  43. <view class="label">传真:</view>
  44. <input class="row-input" type="text" v-model="clubFax" placeholder="请填写机构的传真" maxlength="15"/>
  45. </view>
  46. </view>
  47. <view class="register-row text-textarea clearfix">
  48. <textarea class="textarea"
  49. type="text"
  50. v-model="companyPprofile"
  51. placeholder="请填写公司简介,最多500字"
  52. placeholder-class="placeholder"
  53. maxlength="500"
  54. @input="onTextareaInputInfo"
  55. :class="isShowInput ? '':''"
  56. />
  57. </view>
  58. </view>
  59. <view class="register-main clearfix" v-if="clubStatus == 90" :class="isUpgrade ? '' : 'detailed'">
  60. <view class="register-row clearfix">
  61. <view class="register-txt first"><text>您还可以填写更多信息,帮机构直接注册成为会员机构。</text></view>
  62. <view class="register-txt"><text>不过这些信息需要审核。</text></view>
  63. <view class="register-bet" @tap.stop="showUpgrade()" v-if="isDownUpgrade">
  64. <text>展开信息填写<text class="iconfont icon-xiangxiajiantou"></text></text>
  65. </view>
  66. </view>
  67. <view class="register-fiexd clearfix">
  68. <view class="register-bet" @tap.stop="hideUpgrade()" v-if="isUpgrade">
  69. <text>收起<text class="iconfont icon-xiangshangjiantou"></text></text>
  70. </view>
  71. <view class="register-row ">
  72. <view class="register-btn sub" @click.stop="organizationUpgradeInfo">{{registerBtnText}}</view>
  73. </view>
  74. </view>
  75. </view>
  76. <view class="register-main clearfix" v-else>
  77. <view class="register-fiexd clearfix">
  78. <view class="register-row ">
  79. <view class="register-btn sub" @click.stop="organizationUpdateInfo">提交审核</view>
  80. </view>
  81. </view>
  82. </view>
  83. <view class="register-main detailed clearfix" v-if="isShowUpgrade">
  84. <view class="register-row">
  85. <view class="register-title">升级信息</view>
  86. </view>
  87. <view class="register-row clearfix">
  88. <view class="register-from">
  89. <view class="label">邮箱:</view>
  90. <input class="row-input" type="text" name="input" v-model="contractEmail" placeholder="请输入您的常用邮箱" maxlength="30"/>
  91. </view>
  92. </view>
  93. <view class="register-row clearfix">
  94. <view class="register-from">
  95. <view class="label">机构名称:</view>
  96. <input class="row-input" type="text" v-model="clubName" placeholder="请输入您的机构名称" maxlength="30"/>
  97. </view>
  98. </view>
  99. <view class="register-row clearfix">
  100. <view class="register-from">
  101. <view class="label">机构简称:</view>
  102. <input class="row-input" type="text" v-model="shortName" placeholder="请输入您的机构简称" maxlength="10"/>
  103. </view>
  104. </view>
  105. <view class="register-row clearfix">
  106. <view class="register-from" @click="showMulLinkageThreePicker">
  107. <view class="label">机构地址:</view>
  108. <text class="row-input" :class="addressData.address === '请选择机构所在地区' ? 'none' : ''">
  109. {{addressData.address }}
  110. </text>
  111. <text class="iconfont icon-xiayibu"></text>
  112. </view>
  113. </view>
  114. <view class="register-row text-textarea clearfix">
  115. <view class="textarea show" v-if="isShowInput" @click="showTextareaFocus">{{addressData.addressDetail ? addressData.addressDetail :'详细地址:如道路、门牌号、小区等'}}</view>
  116. <textarea v-else
  117. class="textarea"
  118. type="text"
  119. v-model="addressData.addressDetail"
  120. placeholder="详细地址:如道路、门牌号、小区等"
  121. placeholder-class="placeholder"
  122. maxlength="25"
  123. @input="onTextareaInput"
  124. @blur="hideTextareaFocus"
  125. :class="isShowInput ? '':''"
  126. />
  127. </view>
  128. <view class="register-row clearfix">
  129. <view class="register-from">
  130. <view class="label">营业执照编号:</view>
  131. <input class="row-input" type="text" v-model="socialCreditCode" placeholder="请填写社会统一信用代码" maxlength="18"/>
  132. </view>
  133. </view>
  134. <view class="register-row clearfix">
  135. <view class="register-picture">
  136. <view class="label">营业执照:</view>
  137. <view class="upload-picture">
  138. <view class="upload-none" v-if="businessLicense === ''" @click="chooseBusinessImage"><text class="iconfont icon-jiahao"></text></view>
  139. <view class="upload-image" v-else>
  140. <image :src="businessLicense" mode="" @click="viewBusinessImage"></image>
  141. <view class="upload-del" @click="delBusinessImage">
  142. <text class='iconfont icon-shanchu1'></text>
  143. </view>
  144. </view>
  145. </view>
  146. </view>
  147. <view class="register-picture">
  148. <view class="label">门头照:</view>
  149. <view class="upload-picture">
  150. <view class="upload-none" v-if="shopPhoto === ''" @click="chooseMentuzImage"><text class="iconfont icon-jiahao"></text></view>
  151. <view class="upload-image" v-else>
  152. <image :src="shopPhoto" mode="" @click="viewMentuzImage"></image>
  153. <view class="upload-del" @click="delMentuzImage">
  154. <text class='iconfont icon-shanchu1'></text>
  155. </view>
  156. </view>
  157. </view>
  158. </view>
  159. </view>
  160. <view class="register-row clearfix">
  161. <view class="register-from picker">
  162. <view class="label">机构类型:</view>
  163. <view class="row-input picker" @click="bindPickerChange">{{ organizationTypeText }}</view>
  164. <text class="iconfont icon-xiayibu"></text>
  165. </view>
  166. </view>
  167. <view class="register-row clearfix" v-if="isOrganizationType == 1">
  168. <view class="register-from radio">
  169. <radio-group @change="radioChange">
  170. <label class="row-input" v-for="(item, index) in beautyList" :key="item.value">
  171. <radio class="row-radio" :value="item.value" :checked="index === current" color="#E15616"/>
  172. <view class="row-text">{{item.name}}</view>
  173. </label>
  174. </radio-group>
  175. </view>
  176. </view>
  177. <view class="register-row clearfix" v-show="isDepartment">
  178. <view class="register-from">
  179. <view class="label">科室:</view>
  180. <input class="row-input keshi" type="text" v-model="department" placeholder="请填写经营的科室,至少三个,用逗号隔开" maxlength="16"/>
  181. </view>
  182. </view>
  183. <view class="register-row clearfix" v-if="isOrganizationType == 1">
  184. <view class="register-picture zz">
  185. <view class="label zz">医疗执业许可证:</view>
  186. <view class="upload-picture">
  187. <view class="upload-none" v-if="medicalPracticeLicense === ''" @click="chooseMedicalImage"><text class="iconfont icon-jiahao"></text></view>
  188. <view class="upload-image" v-else>
  189. <image :src="medicalPracticeLicense" mode="" @click="viewMedicalImage"></image>
  190. <view class="upload-del" @click="delMedicalImage">
  191. <text class='iconfont icon-shanchu1'></text>
  192. </view>
  193. </view>
  194. </view>
  195. </view>
  196. </view>
  197. <view class="register-row clearfix" v-if="isOrganizationType == 1">
  198. <view class="register-from group">
  199. <view class="label">主营内容:</view>
  200. <view class="content-class">
  201. <checkbox-group @change="chooseMaleLike" >
  202. <label class="item" v-for="(item, index) in mentuzCampList" :key="index" :class="{on: item.checked}">
  203. <checkbox :value="item.value"></checkbox>
  204. <text class="item-text">{{item.name}}</text>
  205. </label>
  206. </checkbox-group>
  207. </view>
  208. </view>
  209. <view class="register-from group btn">
  210. <view class="content-class btn">
  211. <view class="item" @click="showAustomItem">
  212. <text class="item-text">其他</text>
  213. </view>
  214. </view>
  215. </view>
  216. <view class="register-from group btn" v-show="isShowAustomItem">
  217. <view class="content-class btn">
  218. <input class="row-input other" type="text" v-model="customItemValue" placeholder="请输入自定义项目" @blur="onBlurInput" maxlength="5"/>
  219. <button type="default"
  220. class="confirm-btn"
  221. :class="[isDisabled === true ? 'disabled' : 'none']"
  222. :disabled="isDisabled"
  223. @click.stop="addCustomItem"
  224. >确认添加</button>
  225. </view>
  226. </view>
  227. </view>
  228. <view class="register-row clearfix" v-if="isOrganizationType == 2">
  229. <view class="register-from group">
  230. <view class="label">主营内容:</view>
  231. <view class="content-class">
  232. <checkbox-group @change="chooseMaleLikes">
  233. <label class="item" v-for="(item, index) in medicaCampList" :key="index" :class="{on: item.checked}">
  234. <checkbox :value="item.value"></checkbox>
  235. <text class="item-text">{{item.name}}</text>
  236. </label>
  237. </checkbox-group>
  238. </view>
  239. </view>
  240. <view class="register-from group btn">
  241. <view class="content-class btn">
  242. <view class="item" @click="showAustomItem">
  243. <text class="item-text">其他</text>
  244. </view>
  245. </view>
  246. </view>
  247. <view class="register-from group btn" v-show="isShowAustomItem">
  248. <view class="content-class btn">
  249. <input class="row-input other" type="text" v-model="customItemValue" placeholder="请输入自定义项目" @input="onBlurInput" maxlength="5"/>
  250. <button type="default"
  251. class="confirm-btn"
  252. :class="[isDisabled === true ? 'disabled' : 'none']"
  253. :disabled="isDisabled"
  254. @click.stop="addCustomItem"
  255. >确认添加</button>
  256. </view>
  257. </view>
  258. </view>
  259. <mpvue-city-picker :themeColor="themeColor"
  260. ref="mpvueCityPicker"
  261. :pickerValueDefault="cityPickerValueDefault"
  262. @onCancel="onCancel"
  263. @onConfirm="onConfirm">
  264. </mpvue-city-picker>
  265. </view>
  266. </view>
  267. </template>
  268. <script>
  269. import { mapMutations } from 'vuex';
  270. import mpvueCityPicker from '@/components/mpvue-citypicker/mpvueCityPicker.vue'
  271. import { beautyList,mentuzCampNullList,medicaCampNullList } from '@/common/json/data.json.js' //本地数据
  272. import { uploadFileImage } from "@/api/utils.js"
  273. export default{
  274. components:{
  275. mpvueCityPicker
  276. },
  277. data() {
  278. return{
  279. nvabarData: { //顶部自定义导航
  280. showCapsule: 1, // 是否显示左上角图标 1表示显示 0表示不显示,
  281. showSearch: 0,
  282. title: '修改资料', // 导航栏 中间的标题
  283. haveBack:true,
  284. textLeft:this.$store.state.isIphone
  285. },
  286. CustomBar:this.CustomBar,// 顶部导航栏高度
  287. errorList:[],
  288. tabCurrentIndex:3,
  289. clubStatus:'', //审核状态
  290. isPreviewImage:false, //预览图片开关
  291. userId:'', //用户ID
  292. clubId:'', //会所ID
  293. clubContact:'', //联系人姓名
  294. mobile:'', //联系人手机号
  295. contractEmail:'', //邮箱
  296. clubName:'', //机构名称
  297. shortName:'', //机构简称
  298. socialCreditCode:'', //统一社会信用代码
  299. isDisabled:true,
  300. isShowInput:true,
  301. textareaFocus:false,
  302. isUpgrade:false,
  303. isShowUpgrade:false,
  304. isDownUpgrade:true,
  305. businessLicense:'', //营业执照图片
  306. shopPhoto:'', //门头照图片
  307. medicalPracticeLicense:'', //资质照图片
  308. department:'', //科室
  309. isDepartment:false, //是否显示科室
  310. secondClubType:null, //机构类型二级分类
  311. mainProduct:'', //主营内容
  312. clubTelePhone:'', //固定电话
  313. clubFax:'', //传真
  314. companyPprofile:'', //公司简介
  315. firstClubType:null, //机构类型
  316. isOrganizationType:0,
  317. organizationTypeText:'请选择机构类型',
  318. beautyList:beautyList,//医美分类
  319. mentuzCampNullList:mentuzCampNullList,//医美分类
  320. medicaCampNullList:medicaCampNullList,//生美分类
  321. mentuzCampList:[], //医美主营
  322. medicaCampList:[], //生美主营
  323. typtIndex:0,
  324. organizationType:0,
  325. current:0,
  326. isShowAustomItem:false, //是否显示其他添加
  327. customItemValue:'', //自定义项目
  328. isMainproCheck:false,
  329. addressData:{
  330. address:'请选择机构所在地区',
  331. townId:'', //区ID
  332. cityId:'', //市ID
  333. provinceId:'', //省ID
  334. addressDetail: '', //地址详情
  335. },
  336. registerBtnText:'确定'
  337. }
  338. },
  339. onLoad(option) {
  340. this.userId = option.userID
  341. this.organizationInfo()
  342. },
  343. methods:{
  344. hanldNavigateBack(){
  345. this.$util.modal('','资料尚未提交审核,确定放弃升级吗?','确定','取消',true,() =>{
  346. uni.navigateBack({
  347. delta: 1
  348. });
  349. })
  350. },
  351. organizationInfo(){
  352. this.UserService.OrganizationUpdateModifyInfo({userId:this.userId}).then(response =>{
  353. let organizationClub = response.data.club
  354. let organizationUser = response.data.user
  355. this.clubStatus = organizationClub.status
  356. if(this.clubStatus === 90){
  357. this.isShowUpgrade = false
  358. }else{
  359. this.isShowUpgrade = true
  360. }
  361. if(organizationUser.auditNoteList!=null){
  362. this.errorList =organizationUser.auditNoteList
  363. }
  364. this.clubContact = organizationClub.linkMan
  365. this.mobile = organizationUser.bindMobile
  366. this.contractEmail = organizationClub.contractEmail
  367. this.clubId = organizationUser.clubId
  368. this.clubName = this.$reg.checkData(organizationClub.name)
  369. this.shortName = this.$reg.checkData(organizationClub.shortName)
  370. if( organizationClub.provinceId == null ){
  371. this.addressData.provinceId = ''
  372. }else{
  373. this.addressData.provinceId = organizationClub.provinceId
  374. }
  375. if( organizationClub.cityId == null ){
  376. this.addressData.cityId = ''
  377. }else{
  378. this.addressData.cityId = organizationClub.cityId
  379. }
  380. if( organizationClub.townId == null ){
  381. this.addressData.townId = ''
  382. }else{
  383. this.addressData.townId = organizationClub.townId
  384. }
  385. this.addressData.address = organizationClub.provincialAddress ? organizationClub.provincialAddress:'请选择机构所在地区'
  386. this.addressData.addressDetail = this.$reg.checkData(organizationClub.address)
  387. this.socialCreditCode = this.$reg.checkData(organizationClub.socialCreditCode)
  388. this.firstClubType = organizationClub.firstClubType
  389. this.secondClubType = this.$reg.checkData(organizationClub.secondClubType)
  390. this.businessLicense = this.$reg.checkData(organizationClub.businessLicense)
  391. this.shopPhoto = this.$reg.checkData(organizationClub.shopPhoto)
  392. this.medicalPracticeLicense = this.$reg.checkData(organizationClub.medicalPracticeLicense)
  393. this.department = this.$reg.checkData(organizationClub.department)
  394. this.clubTelePhone = this.$reg.checkData(organizationClub.contractPhone)
  395. this.clubFax = this.$reg.checkData(organizationClub.fax)
  396. this.companyPprofile = this.$reg.checkData(organizationClub.profile)
  397. //机构类型&&主营项目
  398. switch(this.firstClubType){
  399. case 1:
  400. this.organizationTypeText = '医美'
  401. this.isOrganizationType = 1
  402. break;
  403. case 2:
  404. this.organizationTypeText = '生美'
  405. this.isOrganizationType = 2
  406. break;
  407. case null:
  408. this.organizationTypeText = '请选择机构类型'
  409. this.isOrganizationType = 0
  410. break;
  411. }
  412. if(organizationClub.mainProduct == "" || organizationClub.mainProduct == null){
  413. this.mentuzCampList = this.mentuzCampNullList
  414. this.medicaCampList = this.medicaCampNullList
  415. }else{
  416. if(this.firstClubType == '1'){
  417. this.mentuzCampList = this.setNewMainpro(organizationClub.mainProduct)
  418. this.medicaCampList = this.medicaCampNullList
  419. }else{
  420. this.medicaCampList = this.setNewMainpro(organizationClub.mainProduct)
  421. this.mentuzCampList = this.mentuzCampNullList
  422. }
  423. this.mainProduct = organizationClub.mainProduct;
  424. }
  425. //机构类型
  426. switch(this.secondClubType){
  427. case 1:this.current = 0;break;
  428. case 2:this.current = 1;this.isDepartment=true;break;
  429. case 3:this.current = 2;this.isDepartment=true;break;
  430. }
  431. }).catch(error =>{
  432. this.$util.msg(error.msg,2000)
  433. })
  434. },
  435. organizationUpdateInfo(){//普通机构修改资料
  436. this.clubUpgradeApi()
  437. },
  438. organizationUpgradeInfo(){//普通机构提交审核
  439. if(this.isUpgrade){
  440. this.clubUpgradeApi()
  441. }else{
  442. if( this.clubContact == ''){
  443. this.$util.msg('请输入联系人姓名',2000);
  444. return
  445. }
  446. let params = {
  447. userId:this.userId,
  448. clubId:this.clubId, //会所ID
  449. linkMan:this.clubContact,
  450. fax:this.clubFax,
  451. contractPhone:this.clubTelePhone,
  452. profile : this.companyPprofile,
  453. }
  454. this.UserService.OrganizationUpdate(params).then(response =>{
  455. this.$util.msg('修改成功',2000,true,'success')
  456. setTimeout(()=>{
  457. uni.navigateBack({delta: 1})
  458. },2000)
  459. }).catch(error =>{
  460. this.$util.msg(error.msg,2000);
  461. })
  462. }
  463. },
  464. clubUpgradeApi(){
  465. if(this.isMainproCheck){
  466. let mainproList = []
  467. if(this.firstClubType == 1){
  468. this.mentuzCampList.forEach(item =>{
  469. mainproList.push(item.name)
  470. })
  471. }else{
  472. this.medicaCampList.forEach(item =>{
  473. mainproList.push(item.name)
  474. })
  475. }
  476. this.mainProduct = mainproList.join('/')
  477. }
  478. console.log(this.mainProduct)
  479. if( this.contractEmail == ''){
  480. this.$util.msg('请输入邮箱地址',2000);
  481. return
  482. }
  483. if( !this.$reg.isEmail(this.contractEmail)){
  484. this.$util.msg('请输入正确的邮箱地址',2000);
  485. return
  486. }
  487. if( this.clubName == ''){
  488. this.$util.msg('请输入机构名称',2000);
  489. return
  490. }
  491. if( this.addressData.townId == ''){
  492. this.$util.msg('请选择机构地址',2000);
  493. return
  494. }
  495. if( this.addressData.addressDetail == ''){
  496. this.$util.msg('请填写机构详细地址',2000);
  497. return
  498. }
  499. if( this.businessLicense == ''){
  500. this.$util.msg('请上传您的营业执照',2000);
  501. return
  502. }
  503. console.log(this.isOrganizationType)
  504. if(this.isOrganizationType!=0){
  505. if(this.mainProduct == ''){
  506. this.$util.msg('请选择住机构主营内容',2000);
  507. return
  508. }
  509. }
  510. let params = {
  511. userId:this.userId,
  512. clubId:this.clubId, //会所ID
  513. linkMan:this.clubContact,
  514. contractEmail:this.contractEmail,
  515. name:this.clubName,
  516. shortName:this.shortName,
  517. provinceId:this.addressData.provinceId,
  518. cityId:this.addressData.cityId,
  519. townId:this.addressData.townId,
  520. address:this.addressData.addressDetail,
  521. socialCreditCode:this.socialCreditCode,
  522. businessLicense:this.businessLicense,
  523. shopPhoto:this.shopPhoto,
  524. firstClubType:this.isOrganizationType, //机构类型分类 医美:0和生美:1
  525. secondClubType:this.secondClubType, //机构类型二级分类 诊所:1,门诊:2,医院:3
  526. department:this.department, //科室
  527. medicalPracticeLicense:this.medicalPracticeLicense,//资质图片
  528. mainProduct:this.mainProduct,
  529. fax:this.clubFax,
  530. contractPhone:this.clubTelePhone,
  531. profile : this.companyPprofile,
  532. }
  533. this.UserService.OrganizationRegister(params).then(response =>{
  534. this.$util.msg('您的升级申请已提交审核',2000);
  535. setTimeout(()=>{
  536. uni.navigateBack({delta: 1})
  537. },2000)
  538. }).catch(error =>{
  539. this.$util.msg(error.msg,2000);
  540. })
  541. },
  542. // 三级联动选择
  543. showMulLinkageThreePicker() {
  544. this.isShowInput = true
  545. this.$refs.mpvueCityPicker.show()
  546. },
  547. onConfirm(e) {
  548. this.addressData.address = e.name;
  549. this.addressData.townId = e.townCode;
  550. this.addressData.cityId = e.cityCode;
  551. this.addressData.provinceId = e.provinceCode;
  552. },
  553. onTextareaInput(e){
  554. this.addressData.addressDetail = e.detail.value;
  555. },
  556. showTextareaFocus(){//文本框获取焦点
  557. this.isShowInput = false
  558. this.textareaFocus = true
  559. },
  560. hideTextareaFocus(){//文本框失去焦点
  561. this.isShowInput = true
  562. this.textareaFocus = false
  563. },
  564. onTextareaInputInfo(e){
  565. this.companyPprofile = e.detail.value;
  566. },
  567. chooseBusinessImage() {//营业执照图片上传
  568. uploadFileImage().then(res =>{
  569. this.businessLicense = JSON.parse(res.data).data
  570. })
  571. },
  572. chooseMentuzImage() {//门头照图片上传
  573. uploadFileImage().then(res =>{
  574. this.shopPhoto = JSON.parse(res.data).data
  575. })
  576. },
  577. chooseMedicalImage() {//资质照图片上传
  578. uploadFileImage().then(res =>{
  579. this.medicalPracticeLicense = JSON.parse(res.data).data
  580. })
  581. },
  582. viewBusinessImage(e) {
  583. this.myPreviewImageFn(this.businessLicense)
  584. },
  585. viewMentuzImage(e) {
  586. this.myPreviewImageFn(this.shopPhoto)
  587. },
  588. viewMedicalImage(e) {
  589. this.myPreviewImageFn(this.medicalPracticeLicense)
  590. },
  591. myPreviewImageFn(url){
  592. this.isPreviewImage = true
  593. let mentuzArray = []
  594. mentuzArray.push(url)
  595. uni.previewImage({
  596. urls: mentuzArray,
  597. current: 0
  598. });
  599. },
  600. delBusinessImage(){
  601. this.$util.modal('','确定删除营业执照图片吗?','确定','取消',true,() =>{
  602. this.businessLicense = ''
  603. })
  604. },
  605. delMentuzImage(){
  606. this.$util.modal('','确定删除门头照图片吗?','确定','取消',true,() =>{
  607. this.shopPhoto = ''
  608. })
  609. },
  610. delMedicalImage(){
  611. this.$util.modal('','确定删除资质图片吗?','确定','取消',true,() =>{
  612. this.medicalPracticeLicense = ''
  613. })
  614. },
  615. bindPickerChange() {
  616. let self = this
  617. uni.showActionSheet({
  618. title:'标题',
  619. itemList: ['医美', '生美'],
  620. success: (e) => {
  621. self.isOrganizationType = e.tapIndex+1
  622. switch(e.tapIndex){
  623. case 0:
  624. this.organizationTypeText = '医美'
  625. break;
  626. case 1:
  627. this.organizationTypeText = '生美'
  628. break;
  629. }
  630. }
  631. })
  632. },
  633. bindPickerChange2(e) {
  634. this.typtIndex = e.target.value
  635. this.isOrganizationType = e.target.value
  636. },
  637. radioChange(e) {
  638. this.secondClubType = e.target.value;
  639. if( this.secondClubType == 2 || this.secondClubType == 3){
  640. this.isDepartment = true
  641. }else{
  642. this.isDepartment = false
  643. }
  644. for (let i = 0; i < this.beautyList.length; i++) {
  645. if (this.beautyList[i].value === this.secondClubType) {
  646. this.current = i;
  647. break;
  648. }
  649. }
  650. },
  651. chooseMaleLike(e){
  652. this.isMainproCheck = true
  653. this.mainProduct = this.checkLikes(e,this.mentuzCampList)
  654. },
  655. chooseMaleLikes(e){
  656. this.isMainproCheck = true
  657. this.mainProduct = this.checkLikes(e,this.medicaCampList)
  658. },
  659. checkLikes(e,list){
  660. let values = e.detail.value
  661. let arr = []
  662. list.forEach(item => {
  663. if(values.indexOf(item.value) >= 0){
  664. this.$set(item,'checked',true)
  665. arr.push(item.name)
  666. }else{
  667. this.$set(item,'checked',false)
  668. }
  669. })
  670. return arr.join('/')
  671. },
  672. onBlurInput(e){//
  673. if(e.detail.value ===''){
  674. this.isDisabled = true
  675. }else{
  676. this.isDisabled = false
  677. }
  678. },
  679. showAustomItem() {
  680. this.isShowAustomItem = !this.isShowAustomItem
  681. },
  682. setNewMainpro(arr){//回显处理主营内容
  683. let _ARRAY = []
  684. arr.split('/').forEach((item,index) =>{
  685. let _OBJ = {value:(index+1).toString(),name:item,checked:true}
  686. _ARRAY.push(_OBJ)
  687. })
  688. console.log(_ARRAY)
  689. return _ARRAY
  690. },
  691. addCustomItem(){
  692. if(this.isOrganizationType == 1){
  693. let item = {value:`${this.mentuzCampList.length+1}`,name:this.customItemValue,checked:true}
  694. this.mentuzCampList.push(item)
  695. }else{
  696. let item = {value:`${this.medicaCampList.length+1}`,name:this.customItemValue,checked:true}
  697. this.medicaCampList.push(item)
  698. }
  699. },
  700. showUpgrade(){
  701. this.isUpgrade = true
  702. this.isShowUpgrade = true
  703. this.isDownUpgrade = false
  704. this.registerBtnText = '提交审核'
  705. },
  706. hideUpgrade(){
  707. this.$util.modal('提示','收起后,您填写的升级信息将会被清空确定收起吗?','确定','取消',true,() =>{
  708. this.isUpgrade = false
  709. this.isShowUpgrade = false
  710. this.isDownUpgrade = true
  711. this.registerBtnText = '确定'
  712. })
  713. }
  714. },
  715. onShow() {
  716. if(this.isPreviewImage){
  717. this.isPreviewImage = false
  718. return
  719. }
  720. }
  721. }
  722. </script>
  723. <style lang="scss">
  724. .register{
  725. width: 100%;
  726. height: auto;
  727. border-top: 1px solid #F7F7F7;
  728. background: #EFEFEF;
  729. .register-main{
  730. width: 100%;
  731. height: auto;
  732. background: #FFFFFF;
  733. &.detailed{
  734. padding-bottom: 200rpx;
  735. }
  736. &.first{
  737. padding-top: 30rpx;
  738. }
  739. .register-tips{
  740. display: flex;
  741. flex-direction: column;
  742. align-items: center;
  743. line-height: 44rpx;
  744. font-size: $font-size-24;
  745. color: #FF0000;
  746. margin-bottom: 40rpx;
  747. .iconfont{
  748. font-size: $font-size-24;
  749. }
  750. }
  751. .register-row{
  752. width: 702rpx;
  753. height: auto;
  754. padding: 0 24rpx;
  755. margin-bottom: 20rpx;
  756. &.none{
  757. margin-bottom: 0;
  758. }
  759. .error-title{
  760. line-height: 40rpx;
  761. font-size: $font-size-28;
  762. color: $text-color;
  763. text-align: left;
  764. }
  765. .error-main{
  766. padding: 10rpx 0;
  767. .error-item{
  768. padding:0 20rpx;
  769. margin:10rpx;
  770. background: #F53636;
  771. height: 52rpx;
  772. line-height: 52rpx;
  773. border-radius: 26rpx;
  774. font-size: $font-size-26;
  775. color: #FFFFFF;
  776. text-align: center;
  777. display: inline-block;
  778. }
  779. }
  780. .register-txt{
  781. line-height: 44rpx;
  782. font-size: $font-size-26;
  783. color: $text-color;
  784. text-align: left;
  785. &.first{
  786. margin-top: 20rpx;
  787. }
  788. }
  789. .register-bet{
  790. width: 100%;
  791. display: flex;
  792. line-height: 60rpx;
  793. height: 60rpx;
  794. align-items: center;
  795. flex-direction: column;
  796. font-size: $font-size-28;
  797. color: $color-system;
  798. margin-top: 40rpx;
  799. text{
  800. margin: 0 5rpx;
  801. }
  802. }
  803. .register-tip{
  804. line-height: 64rpx;
  805. font-size: $font-size-24;
  806. color: #CECECE;
  807. text-align: left;
  808. }
  809. .register-title{
  810. font-size: $font-size-32;
  811. color: $text-color;
  812. text{
  813. font-size: $font-size-24;
  814. }
  815. }
  816. .row-btn{
  817. position: absolute;
  818. right: 24rpx;
  819. top: 0;
  820. line-height: 88rpx;
  821. text-align: center;
  822. font-size: $font-size-28;
  823. color: $color-system;
  824. }
  825. .register-from{
  826. width: 654rpx;
  827. height: 40rpx;
  828. padding: 24rpx;
  829. background: $sub-bg-color;
  830. border-radius: 14rpx;
  831. position: relative;
  832. .label{
  833. text-align: left;
  834. font-size: $font-size-28;
  835. color: #666666;
  836. line-height: 40rpx;
  837. float: left;
  838. }
  839. .row-input{
  840. width: 440rpx;
  841. padding-left:10rpx;
  842. font-size: $font-size-28;
  843. color: $text-color;
  844. line-height: 40rpx;
  845. float: left;
  846. height: 40rpx;
  847. &.none{
  848. color: #999999;
  849. }
  850. &.picker{
  851. text-align: left;
  852. color: #999999;
  853. }
  854. &.keshi{
  855. width: 550rpx;
  856. }
  857. }
  858. &.code{
  859. width: 410rpx;
  860. float: left;
  861. margin-right: 20rpx;
  862. .row-input{
  863. width: 390rpx;
  864. }
  865. }
  866. &.btn{
  867. width: 224rpx;
  868. height: 88rpx;
  869. float: left;
  870. background: $btn-confirm;
  871. padding: 0;
  872. .row-input{
  873. width: 224rpx;
  874. height: 88rpx;
  875. line-height: 88rpx;
  876. padding: 0;
  877. color: #FFFFFF;
  878. background: $btn-confirm;
  879. text-align: center;
  880. border-radius: 14rpx;
  881. &.other{
  882. width: 224rpx;
  883. background: #F7F7F7;
  884. margin-right: 20rpx;
  885. }
  886. &.none{
  887. background: #F7F7F7;
  888. }
  889. }
  890. &.disabled{
  891. background: #F7F7F7;
  892. .row-input{
  893. background: #F7F7F7;
  894. color: #999999;
  895. }
  896. }
  897. }
  898. &.picker{
  899. padding: 0 24rpx;
  900. width: 654rpx;
  901. height: 88rpx;
  902. line-height: 88rpx;
  903. .label{
  904. line-height: 88rpx;
  905. }
  906. .row-input{
  907. width: 470rpx;
  908. height: 88rpx;
  909. line-height: 88rpx;
  910. padding-left: 30rpx;
  911. }
  912. }
  913. &.radio{
  914. padding: 0 24rpx;
  915. width: 654rpx;
  916. height: 288rpx;
  917. .row-input{
  918. width: 100%;
  919. height: 88rpx;
  920. line-height: 88rpx;
  921. padding-left: 0;
  922. }
  923. .row-radio{
  924. float: left;
  925. transform: scale(0.8);
  926. }
  927. .row-text{
  928. width: 100rpx;
  929. text-align: center;
  930. float: left;
  931. }
  932. }
  933. &.group{
  934. padding: 0 24rpx;
  935. width: 654rpx;
  936. height: auto;
  937. background: #FFFFFF;
  938. margin-top: 30rpx;
  939. .label{
  940. line-height: 76rpx;
  941. }
  942. .row-input{
  943. width: 100%;
  944. height: 88rpx;
  945. line-height: 88rpx;
  946. padding-left: 0;
  947. }
  948. .row-radio{
  949. float: left;
  950. }
  951. .row-text{
  952. width: 100rpx;
  953. text-align: center;
  954. float: left;
  955. }
  956. }
  957. &.btn{
  958. margin-top: 0;
  959. }
  960. .content-class {
  961. margin: 20rpx auto;
  962. display: flex;
  963. flex-flow: row wrap;
  964. justify-content: space-between;
  965. align-items: center;
  966. &.btn{
  967. margin: 0 auto;
  968. margin-left: 116rpx;
  969. }
  970. .row-input{
  971. display: flex;
  972. width: 220rpx;
  973. height: 40rpx;
  974. padding: 24rpx;
  975. text-align: left;
  976. border-radius: 10rpx;
  977. font-size: $font-size-28;
  978. color: $text-color;
  979. }
  980. .confirm-btn{
  981. width: 200rpx;
  982. height: 88rpx;
  983. border-radius: 10rpx;
  984. line-height: 88rpx;
  985. text-align: center;
  986. &.other{
  987. width: 213rpx;
  988. }
  989. &.none{
  990. color: #FFFFFF;
  991. background: $btn-confirm;
  992. }
  993. &.disabled{
  994. color: #999999;
  995. }
  996. }
  997. .item {
  998. width: 155rpx;
  999. height: 60rpx;
  1000. font-size:$font-size-28;
  1001. line-height: 60rpx;
  1002. border-radius:10rpx;
  1003. margin: 10rpx;
  1004. text-align: center;
  1005. box-sizing: border-box;
  1006. border: 1rpx solid #EFEFEF;
  1007. float: left;
  1008. checkbox {
  1009. display: none;
  1010. }
  1011. }
  1012. .on {
  1013. border-color: $color-system;
  1014. color:$color-system;
  1015. }
  1016. }
  1017. }
  1018. .icon-xiayibu{
  1019. width: 88rpx;
  1020. height: 88rpx;
  1021. position: absolute;
  1022. right: 0;
  1023. top: 0;
  1024. line-height: 88rpx;
  1025. text-align: center;
  1026. }
  1027. &.text-textarea{
  1028. background: #FFFFFF;
  1029. .textarea{
  1030. width: 654rpx;
  1031. height: 180rpx;
  1032. background: #F7F7F7;
  1033. padding: 24rpx;
  1034. font-size: $font-size-28;
  1035. color: $text-color;
  1036. z-index: 1;
  1037. border-radius: 14rpx;
  1038. }
  1039. .textarea.hide{
  1040. opacity: 0;
  1041. }
  1042. .textarea.show{
  1043. color: #999999;
  1044. }
  1045. }
  1046. }
  1047. .register-picture{
  1048. height: 102rpx;
  1049. margin: 30rpx 0;
  1050. width: 42%;
  1051. float: left;
  1052. &.zz{
  1053. width: 100%;
  1054. }
  1055. .label{
  1056. float: left;
  1057. font-size: $font-size-28;
  1058. color: $text-color;
  1059. line-height: 102rpx;
  1060. width: 150rpx;
  1061. text-align: right;
  1062. &.zz{
  1063. width: 230rpx;
  1064. }
  1065. }
  1066. .upload-picture{
  1067. float: left;
  1068. height: 100rpx;
  1069. .upload-none{
  1070. width: 100rpx;
  1071. height: 100rpx;
  1072. text-align: center;
  1073. line-height: 100rpx;
  1074. color: #999999;
  1075. border: 1px solid #999999;
  1076. border-radius: 10rpx;
  1077. margin: 0 20rpx;
  1078. .iconfont{
  1079. font-size: $font-size-28;
  1080. }
  1081. }
  1082. .upload-image{
  1083. width: 100rpx;
  1084. height: 100rpx;
  1085. border-radius: 10rpx;
  1086. margin: 0 20rpx;
  1087. position: relative;
  1088. image{
  1089. width: 100rpx;
  1090. height: 100rpx;
  1091. border-radius: 10rpx;
  1092. }
  1093. .upload-del{
  1094. width: 40rpx;
  1095. height: 40rpx;
  1096. position: absolute;
  1097. top: -20rpx;
  1098. right: -20rpx;
  1099. line-height: 40rpx;
  1100. text-align: center;
  1101. .iconfont{
  1102. font-size: $font-size-32;
  1103. color: #999999;
  1104. }
  1105. }
  1106. }
  1107. }
  1108. }
  1109. .register-input{
  1110. width: 654rpx;
  1111. height: 40rpx;
  1112. padding: 24rpx;
  1113. margin: 0 auto;
  1114. margin-bottom: 60rpx;
  1115. background: #F7F7F7;
  1116. border-radius: 14rpx;
  1117. .input{
  1118. width: 100%;
  1119. height: 100%;
  1120. background: #F7F7F7;
  1121. font-size: $font-size-28;
  1122. line-height: 40rpx;
  1123. color: #333333;
  1124. border-radius: 14rpx;
  1125. }
  1126. }
  1127. .register-fiexd{
  1128. width: 100%;
  1129. height: auto;
  1130. padding: 20rpx 0;
  1131. position: fixed;
  1132. bottom: 0;
  1133. left: 0;
  1134. z-index: 99;
  1135. background: #FFFFFF;
  1136. .register-bet{
  1137. width: 100%;
  1138. display: flex;
  1139. line-height: 60rpx;
  1140. height: 60rpx;
  1141. align-items: center;
  1142. flex-direction: column;
  1143. font-size: $font-size-28;
  1144. color: $color-system;
  1145. margin-bottom: 20rpx;
  1146. .icon-xiangxiajiantou{
  1147. transform:rotate(180deg);
  1148. }
  1149. text{
  1150. margin: 0 5rpx;
  1151. }
  1152. }
  1153. .register-agree{
  1154. display: flex;
  1155. flex-direction: column;
  1156. align-items: center;
  1157. margin: 32rpx 0;
  1158. .agree-text{
  1159. .checkbox{
  1160. float: left;
  1161. margin: 4rpx 6rpx 0 0;
  1162. color: #999999;
  1163. font-size: $font-size-32;
  1164. &.icon-gouxuan{
  1165. color: $color-system;
  1166. }
  1167. }
  1168. font-size: 20rpx;
  1169. line-height: 44rpx;
  1170. color: #999999;
  1171. text{
  1172. color:#0091FF;
  1173. }
  1174. }
  1175. }
  1176. }
  1177. .register-btn{
  1178. width: 702rpx;
  1179. height: 88rpx;
  1180. border-radius: 14rpx;
  1181. font-size: $font-size-28;
  1182. line-height: 88rpx;
  1183. color: #FFFFFF;
  1184. margin: 0 auto;
  1185. text-align: center;
  1186. background: $btn-confirm;
  1187. margin-top: 96rpx;
  1188. &.none{
  1189. background: #FFFFFF;
  1190. color: $text-color;
  1191. margin-top: 0;
  1192. }
  1193. &.sub{
  1194. margin-top: 0;
  1195. }
  1196. }
  1197. }
  1198. }
  1199. </style>