|
@@ -1,111 +1,121 @@
|
|
|
|
|
|
<template>
|
|
|
<view class="register" v-show="isRegisterShow">
|
|
|
- <view class="register-main" v-if="isUserIdentity == 4">
|
|
|
- <view class="main-form-item">
|
|
|
- <view class="form-label">联系人</view>
|
|
|
- <view class="form-text"> {{ clubInfo.linkMan }} </view>
|
|
|
- </view>
|
|
|
- <view class="main-form-item">
|
|
|
- <view class="form-label">手机号</view>
|
|
|
- <view class="form-text">{{ clubInfo.bindMobile }}</view>
|
|
|
+ <template v-if="isInvalid">
|
|
|
+ <view class="cart-content empty">
|
|
|
+ <view class="empty-container">
|
|
|
+ <image class="empty-container-image" :src="productNoneImage" mode="aspectFit"></image>
|
|
|
+ <text class="error-text">页面已失效~</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="register-fiexd clearfix" :style="{paddingBottom:isIphoneX ? '68rpx':''}">
|
|
|
- <view class="register-agree">
|
|
|
- <view class="agree-text">
|
|
|
- 提示:采美销售顾问已帮您填写好了注册信息,请确认信息是否正确。点击确认并登录按钮将为您自动生成账号进行登录,并绑定您的微信。
|
|
|
- </view>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <view class="register-main clearfix" v-if="isUserIdentity == 4">
|
|
|
+ <view class="main-form-item">
|
|
|
+ <view class="form-label">联系人</view>
|
|
|
+ <view class="form-text"> {{ clubInfo.linkMan }} </view>
|
|
|
</view>
|
|
|
- <view class="register-row">
|
|
|
- <view class="register-btn sub" @click.stop="SubmitRegister">确认并登录</view>
|
|
|
+ <view class="main-form-item">
|
|
|
+ <view class="form-label">手机号</view>
|
|
|
+ <view class="form-text">{{ clubInfo.bindMobile }}</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="register-main" v-if="isUserIdentity == 2">
|
|
|
- <view class="main-form-item">
|
|
|
- <view class="form-label">联系人</view>
|
|
|
- <view class="form-text"> {{ clubInfo.linkMan }} </view>
|
|
|
- </view>
|
|
|
- <view class="main-form-item">
|
|
|
- <view class="form-label">手机号</view>
|
|
|
- <view class="form-text">{{ clubInfo.bindMobile }}</view>
|
|
|
- </view>
|
|
|
- <view class="main-form-item">
|
|
|
- <view class="form-label">邮箱</view>
|
|
|
- <view class="form-text">{{ clubInfo.contractEmail ? clubInfo.contractEmail : '' }}</view>
|
|
|
- </view>
|
|
|
- <view class="main-form-item">
|
|
|
- <view class="form-label">机构名称</view>
|
|
|
- <view class="form-text">{{ clubInfo.name }}</view>
|
|
|
- </view>
|
|
|
- <view class="main-form-item">
|
|
|
- <view class="form-label">机构简称</view>
|
|
|
- <view class="form-text">{{ clubInfo.shortName }}</view>
|
|
|
- </view>
|
|
|
- <view class="main-form-item">
|
|
|
- <view class="form-label">机构地址</view>
|
|
|
- <view class="form-input">{{ clubInfo.provincialAddress }}</view>
|
|
|
- </view>
|
|
|
- <view class="main-form-item">
|
|
|
- <view class="form-textarea">{{ clubInfo.address }}</view>
|
|
|
- </view>
|
|
|
- <view class="main-form-item">
|
|
|
- <view class="form-label lang">营业执照编号</view>
|
|
|
- <view class="form-input lang">{{ clubInfo.socialCreditCode }}</view>
|
|
|
- </view>
|
|
|
- <view class="main-form-item file">
|
|
|
- <view class="main-form-upload">
|
|
|
- <view class="label">营业执照</view>
|
|
|
- <view class="upload-picture">
|
|
|
- <view class="upload-image"><image :src="clubInfo.businessLicense" mode="" @click="ShowPreviewImage(1)"></image></view>
|
|
|
+ <view class="register-fiexd clearfix" :style="{paddingBottom:isIphoneX ? '68rpx':''}">
|
|
|
+ <view class="register-agree">
|
|
|
+ <view class="agree-text">
|
|
|
+ 提示:采美销售顾问已帮您填写好了注册信息,请确认信息是否正确。点击确认并登录按钮将为您自动生成账号进行登录,并绑定您的微信。
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="register-row">
|
|
|
+ <view class="register-btn sub" :class="isSubLoading ? 'disabled' : ''" @click.stop="SubmitRegister">确认并登录</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="main-form-upload">
|
|
|
- <view class="label">门头照</view>
|
|
|
- <view class="upload-picture">
|
|
|
- <view class="upload-image"><image :src="clubInfo.shopPhoto" mode="" @click="ShowPreviewImage(2)"></image></view>
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
+ <view class="register-main clearfix" v-if="isUserIdentity == 2">
|
|
|
+ <view class="main-form-item">
|
|
|
+ <view class="form-label">联系人</view>
|
|
|
+ <view class="form-text"> {{ clubInfo.linkMan }} </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="main-form-item">
|
|
|
- <view class="form-label">机构类型</view>
|
|
|
- <view class="form-text">
|
|
|
- {{ clubInfo.firstClubType | FirstFormat }}
|
|
|
- -
|
|
|
- {{ clubInfo.secondClubType | TwoFormat }}
|
|
|
+ <view class="main-form-item">
|
|
|
+ <view class="form-label">手机号</view>
|
|
|
+ <view class="form-text">{{ clubInfo.bindMobile }}</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="main-form-item file" v-if="clubInfo.firstClubType == 1">
|
|
|
- <view class="main-form-upload">
|
|
|
- <view class="label">资质</view>
|
|
|
- <view class="upload-picture">
|
|
|
- <view class="upload-image"><image :src="clubInfo.medicalPracticeLicense" mode="" @click="ShowPreviewImage(2)"></image></view>
|
|
|
- </view>
|
|
|
+ <view class="main-form-item">
|
|
|
+ <view class="form-label">邮箱</view>
|
|
|
+ <view class="form-text">{{ clubInfo.contractEmail ? clubInfo.contractEmail : '' }}</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="main-form-item" v-if="clubInfo.secondClubType == 2">
|
|
|
- <view class="form-label">科室</view>
|
|
|
- <view class="form-text">{{ clubInfo.department }}</view>
|
|
|
- </view>
|
|
|
- <view class="main-form-item none">
|
|
|
- <view class="form-label none">主营内容</view>
|
|
|
- <view class="form-checkbox-group">
|
|
|
- <view class="form-table-item" v-for="(item, index) in medicaCampList" :key="index">
|
|
|
- {{ item.name }}
|
|
|
+ <view class="main-form-item">
|
|
|
+ <view class="form-label">机构名称</view>
|
|
|
+ <view class="form-text">{{ clubInfo.name }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="main-form-item">
|
|
|
+ <view class="form-label">机构简称</view>
|
|
|
+ <view class="form-text">{{ clubInfo.shortName }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="main-form-item">
|
|
|
+ <view class="form-label">机构地址</view>
|
|
|
+ <view class="form-input">{{ clubInfo.provincialAddress }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="main-form-item">
|
|
|
+ <view class="form-textarea">{{ clubInfo.address }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="main-form-item">
|
|
|
+ <view class="form-label lang">营业执照编号</view>
|
|
|
+ <view class="form-input lang">{{ clubInfo.socialCreditCode }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="main-form-item file">
|
|
|
+ <view class="main-form-upload">
|
|
|
+ <view class="label">营业执照</view>
|
|
|
+ <view class="upload-picture">
|
|
|
+ <view class="upload-image"><image :src="clubInfo.businessLicense" mode="" @click="ShowPreviewImage(1)"></image></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="main-form-upload">
|
|
|
+ <view class="label">门头照</view>
|
|
|
+ <view class="upload-picture">
|
|
|
+ <view class="upload-image"><image :src="clubInfo.shopPhoto" mode="" @click="ShowPreviewImage(2)"></image></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="main-form-item">
|
|
|
+ <view class="form-label">机构类型</view>
|
|
|
+ <view class="form-text">
|
|
|
+ {{ clubInfo.firstClubType | FirstFormat }}
|
|
|
+ -
|
|
|
+ {{ clubInfo.secondClubType | TwoFormat }}
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="register-fiexd clearfix" :style="{paddingBottom:isIphoneX ? '68rpx':''}">
|
|
|
- <view class="register-agree">
|
|
|
- <view class="agree-text">
|
|
|
- 提示:采美销售顾问已帮您填写好了注册信息,请确认信息是否正确。点击确认并登录按钮将为您自动生成账号进行登录,并绑定您的微信。
|
|
|
+ <view class="main-form-item file" v-if="clubInfo.firstClubType == 1">
|
|
|
+ <view class="main-form-upload">
|
|
|
+ <view class="label">资质</view>
|
|
|
+ <view class="upload-picture">
|
|
|
+ <view class="upload-image"><image :src="clubInfo.medicalPracticeLicense" mode="" @click="ShowPreviewImage(2)"></image></view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
+ </view>
|
|
|
+ <view class="main-form-item" v-if="clubInfo.secondClubType == 2">
|
|
|
+ <view class="form-label">科室</view>
|
|
|
+ <view class="form-text">{{ clubInfo.department }}</view>
|
|
|
</view>
|
|
|
- <view class="register-row">
|
|
|
- <view class="register-btn sub" @click.stop="SubmitRegister">确认并登录</view>
|
|
|
+ <view class="main-form-item none">
|
|
|
+ <view class="form-label none">主营内容</view>
|
|
|
+ <view class="form-checkbox-group">
|
|
|
+ <view class="form-table-item" v-for="(item, index) in medicaCampList" :key="index">
|
|
|
+ {{ item.name }}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="register-fiexd clearfix" :style="{paddingBottom:isIphoneX ? '68rpx':''}">
|
|
|
+ <view class="register-agree">
|
|
|
+ <view class="agree-text">
|
|
|
+ 提示:采美销售顾问已帮您填写好了注册信息,请确认信息是否正确。点击确认并登录按钮将为您自动生成账号进行登录,并绑定您的微信。
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="register-row">
|
|
|
+ <view class="register-btn sub" :class="isSubLoading ? 'disabled' : ''" @click.stop="SubmitRegister">确认并登录</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </template>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -122,6 +132,9 @@
|
|
|
isIphoneX:this.$store.state.isIphone,
|
|
|
bindId:0,
|
|
|
medicaCampList:[],
|
|
|
+ isInvalid:false,
|
|
|
+ isSubLoading:false,
|
|
|
+ productNoneImage:'https://static.caimei365.com/app/img/icon/icon-pnone.png',
|
|
|
params:{
|
|
|
userId:0,
|
|
|
mobile:'',
|
|
@@ -220,28 +233,13 @@
|
|
|
}
|
|
|
})
|
|
|
.catch(error =>{
|
|
|
- this.$util.msg(error.msg,2000)
|
|
|
+ this.isInvalid = true
|
|
|
})
|
|
|
},
|
|
|
SubmitRegister(){//确认并登录绑定微信
|
|
|
+ if(this.isSubLoading){ return; }
|
|
|
this.GetUserProfile()
|
|
|
},
|
|
|
- SellerClubRegister(){//机构注册
|
|
|
- this.SellerService.SellerClubRegister(
|
|
|
- {
|
|
|
- id:this.bindId
|
|
|
- }
|
|
|
- )
|
|
|
- .then(response =>{
|
|
|
- this.params.userId = response.data
|
|
|
- setTimeout(()=>{
|
|
|
- this.BindingWechat(this.params)
|
|
|
- },1000)
|
|
|
- })
|
|
|
- .catch(error =>{
|
|
|
- this.$util.msg(error.msg,2000);
|
|
|
- })
|
|
|
- },
|
|
|
GetUserProfile(){//获取微信用户信息
|
|
|
const self = this
|
|
|
wx.getUserProfile({
|
|
@@ -255,18 +253,38 @@
|
|
|
self.SellerClubRegister()
|
|
|
},
|
|
|
fail() {
|
|
|
+ self.isSubLoading = false
|
|
|
self.$util.msg('授权失败', 2000)
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ SellerClubRegister(){//机构注册
|
|
|
+ this.SellerService.SellerClubRegister(
|
|
|
+ {
|
|
|
+ id:this.bindId
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then(response =>{
|
|
|
+ this.params.userId = response.data
|
|
|
+ setTimeout(()=>{
|
|
|
+ this.BindingWechat(this.params)
|
|
|
+ },1000)
|
|
|
+ })
|
|
|
+ .catch(error =>{
|
|
|
+ this.$util.msg(error.msg,2000);
|
|
|
+
|
|
|
+ })
|
|
|
+ },
|
|
|
BindingWechat(params){
|
|
|
this.UserService.BindingWechat(params)
|
|
|
.then(response =>{
|
|
|
this.login(response.data)
|
|
|
+ this.isSubLoading = false
|
|
|
this.$api.switchTabTo('/pages/tabBar/home/index')
|
|
|
})
|
|
|
.catch(error =>{
|
|
|
this.$util.msg(error.msg,2000)
|
|
|
+ this.isSubLoading = false
|
|
|
this.isUserInfo = true
|
|
|
})
|
|
|
},
|
|
@@ -301,7 +319,7 @@
|
|
|
width: 100%;
|
|
|
position: relative;
|
|
|
box-sizing: border-box;
|
|
|
- padding-bottom: 440rpx;
|
|
|
+ padding-bottom: 350rpx;
|
|
|
.register-main{
|
|
|
width: 100%;
|
|
|
height: auto;
|
|
@@ -601,6 +619,10 @@
|
|
|
text-align: center;
|
|
|
background: $btn-confirm;
|
|
|
margin-top: 96rpx;
|
|
|
+ &.disabled{
|
|
|
+ background: #e4e8eb;
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
&.none{
|
|
|
background: #FFFFFF;
|
|
|
color: $text-color;
|