|
@@ -7,42 +7,43 @@
|
|
|
</view>
|
|
|
<view class="register-row clearfix">
|
|
|
<view class="register-from">
|
|
|
- <view class="label">联系人:</view>
|
|
|
+ <view class="label">联系人</view>
|
|
|
<input class="row-input" type="text" v-model="clubContact" placeholder="请输入联系姓名" maxlength="6"/>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="register-row clearfix">
|
|
|
- <view class="register-from">
|
|
|
- <view class="label">手机号:</view>
|
|
|
- <view class="row-input">{{ mobile }}</view>
|
|
|
+ <view class="register-from bordernone">
|
|
|
+ <view class="label">手机号</view>
|
|
|
+ <view class="row-input" placeholder="请输入手机号">{{ mobile }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="register-main clearfix" v-if="userIdentity === 2">
|
|
|
+ <view class="register-main clearfix" >
|
|
|
+ <!-- v-if="userIdentity === 2" -->
|
|
|
<view class="register-row">
|
|
|
<view class="register-title">升级信息</view>
|
|
|
</view>
|
|
|
<view class="register-row clearfix">
|
|
|
<view class="register-from">
|
|
|
- <view class="label">邮箱:</view>
|
|
|
+ <view class="label">邮箱</view>
|
|
|
<input class="row-input" type="text" name="input" v-model="email" placeholder="请输入邮箱地址" maxlength="30"/>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="register-row clearfix">
|
|
|
<view class="register-from">
|
|
|
- <view class="label">机构名称:</view>
|
|
|
+ <view class="label">机构名称</view>
|
|
|
<input class="row-input" type="text" v-model="clubName" placeholder="请输入您的机构名称" maxlength="30"/>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="register-row clearfix">
|
|
|
<view class="register-from">
|
|
|
- <view class="label">机构简称:</view>
|
|
|
+ <view class="label">机构简称</view>
|
|
|
<input class="row-input" type="text" v-model="abbreviation" placeholder="请输入您的机构简称" maxlength="10"/>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="register-row clearfix">
|
|
|
<view class="register-from" @click="showMulLinkageThreePicker">
|
|
|
- <view class="label">机构地址:</view>
|
|
|
+ <view class="label">机构地址</view>
|
|
|
<text class="row-input" :class="addressData.address === '请选择机构所在地区' ? 'none' : ''">
|
|
|
{{addressData.address}}
|
|
|
</text>
|
|
@@ -50,9 +51,9 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="register-row text-textarea clearfix">
|
|
|
- <view class="textarea show" v-if="isShowInput" @click="showTextareaFocus">{{addressData.addressDetail ? addressData.addressDetail :'详细地址:如道路、门牌号、小区等'}}</view>
|
|
|
+ <view class="adddress show" v-if="isShowInput" placeholder-class="placeholder" @click="showTextareaFocus">{{addressData.addressDetail ? addressData.addressDetail :'详细地址:如道路、门牌号、小区等'}}</view>
|
|
|
<textarea v-else
|
|
|
- class="textarea"
|
|
|
+ class="adddress"
|
|
|
type="text"
|
|
|
v-model="addressData.addressDetail"
|
|
|
placeholder="详细地址:如道路、门牌号、小区等"
|
|
@@ -66,15 +67,17 @@
|
|
|
</view>
|
|
|
<view class="register-row clearfix">
|
|
|
<view class="register-from">
|
|
|
- <view class="label">营业执照编号:</view>
|
|
|
+ <view class="label">营业执照编号</view>
|
|
|
<input class="row-input" type="text" v-model="socialCreditCode" placeholder="请填写社会统一信用代码" maxlength="18"/>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="register-row clearfix">
|
|
|
<view class="register-picture">
|
|
|
- <view class="label">营业执照:</view>
|
|
|
+ <view class="label">营业执照</view>
|
|
|
<view class="upload-picture">
|
|
|
- <view class="upload-none" v-if="uploadBusinessImage == ''" @click="chooseBusinessImage"><text class="iconfont icon-jiahao"></text></view>
|
|
|
+ <view class="upload-none" v-if="uploadBusinessImage == ''" @click="chooseBusinessImage">
|
|
|
+ <image src="https://admin-b.caimei365.com/userfiles/1/images/photo/2020/11/club-zizhi.png"></image>
|
|
|
+ </view>
|
|
|
<view class="upload-image" v-else>
|
|
|
<image :src="uploadBusinessImage" mode="" @click="viewBusinessImage"></image>
|
|
|
<view class="upload-del" @click="delBusinessImage">
|
|
@@ -83,10 +86,14 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ </view>
|
|
|
+ <view class="register-row clearfix">
|
|
|
<view class="register-picture">
|
|
|
- <view class="label">门头照:</view>
|
|
|
+ <view class="label">门头照</view>
|
|
|
<view class="upload-picture">
|
|
|
- <view class="upload-none" v-if="uploadMentuzImage == ''" @click="chooseMentuzImage"><text class="iconfont icon-jiahao"></text></view>
|
|
|
+ <view class="upload-none" v-if="uploadMentuzImage == ''" @click="chooseMentuzImage">
|
|
|
+ <image src="https://admin-b.caimei365.com/userfiles/1/images/photo/2020/11/club-door.png"></image>
|
|
|
+ </view>
|
|
|
<view class="upload-image" v-else>
|
|
|
<image :src="uploadMentuzImage" mode="" @click="viewMentuzImage"></image>
|
|
|
<view class="upload-del" @click="delMentuzImage">
|
|
@@ -98,7 +105,7 @@
|
|
|
</view>
|
|
|
<view class="register-row clearfix">
|
|
|
<view class="register-from picker">
|
|
|
- <view class="label">机构类型:</view>
|
|
|
+ <view class="label">机构类型</view>
|
|
|
<view class="row-input picker" @click="bindPickerChange">{{ organizationTypeText }}</view>
|
|
|
<text class="iconfont icon-xiayibu"></text>
|
|
|
</view>
|
|
@@ -111,17 +118,17 @@
|
|
|
<view class="row-text">{{item.name}}</view>
|
|
|
</label>
|
|
|
</radio-group>
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view class="register-row clearfix" v-show="isDepartment">
|
|
|
<view class="register-from">
|
|
|
- <view class="label">科室:</view>
|
|
|
+ <view class="label">科室</view>
|
|
|
<input class="row-input keshi" type="text" v-model="department" placeholder="请填写经营的科室,至少三个,用逗号隔开" maxlength="16"/>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="register-row clearfix" v-if="isOrganizationType == 1">
|
|
|
<view class="register-picture zz">
|
|
|
- <view class="label zz">医疗执业许可证:</view>
|
|
|
+ <view class="label zz">医疗执业许可证</view>
|
|
|
<view class="upload-picture">
|
|
|
<view class="upload-none" v-if="uploadMedicalImage == ''" @click="chooseMedicalImage"><text class="iconfont icon-jiahao"></text></view>
|
|
|
<view class="upload-image" v-else>
|
|
@@ -135,7 +142,7 @@
|
|
|
</view>
|
|
|
<view class="register-row clearfix" v-if="isOrganizationType == 1">
|
|
|
<view class="register-from group">
|
|
|
- <view class="label">主营内容:</view>
|
|
|
+ <view class="label">主营内容</view>
|
|
|
<view class="content-class">
|
|
|
<checkbox-group @change="chooseMaleLike" >
|
|
|
<label class="item" v-for="(item, index) in mentuzCampList" :key="index" :class="{on: item.checked}">
|
|
@@ -166,7 +173,7 @@
|
|
|
</view>
|
|
|
<view class="register-row clearfix" v-if="isOrganizationType == 2">
|
|
|
<view class="register-from group">
|
|
|
- <view class="label">主营内容:</view>
|
|
|
+ <view class="label">主营内容</view>
|
|
|
<view class="content-class">
|
|
|
<checkbox-group @change="chooseMaleLikes">
|
|
|
<label class="item" v-for="(item, index) in medicaCampList" :key="index" :class="{on: item.checked}">
|
|
@@ -208,26 +215,27 @@
|
|
|
</view>
|
|
|
<view class="register-row clearfix">
|
|
|
<view class="register-from">
|
|
|
- <view class="label">固定电话:</view>
|
|
|
+ <view class="label">固定电话</view>
|
|
|
<input class="row-input" type="text" v-model="clubTelePhone" placeholder="请填写机构的固定电话" maxlength="15"/>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="register-row clearfix">
|
|
|
<view class="register-from">
|
|
|
- <view class="label">传真:</view>
|
|
|
+ <view class="label">传真</view>
|
|
|
<input class="row-input" type="text" v-model="clubFax" placeholder="请填写机构的传真" maxlength="15"/>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="register-row text-textarea clearfix">
|
|
|
- <textarea class="textarea"
|
|
|
- type="text"
|
|
|
- v-model="companyPprofile"
|
|
|
- placeholder="请填写公司简介,最多500字"
|
|
|
- placeholder-class="placeholder"
|
|
|
- maxlength="500"
|
|
|
- @input="onTextareaInputInfo"
|
|
|
- :class="isShowInput ? '':''"
|
|
|
- />
|
|
|
+ <view class="label">公司介绍</view>
|
|
|
+ <textarea class="textarea"
|
|
|
+ type="text"
|
|
|
+ v-model="companyPprofile"
|
|
|
+ placeholder="请填写公司简介,最多500字"
|
|
|
+ placeholder-class="placeholder"
|
|
|
+ maxlength="500"
|
|
|
+ @input="onTextareaInputInfo"
|
|
|
+ :class="isShowInput ? '':''"
|
|
|
+ />
|
|
|
</view>
|
|
|
<view class="register-fiexd clearfix" :style="{paddingBottom :isIphoneX ? '68rpx' : '36rpx'}">
|
|
|
<view class="register-row">
|
|
@@ -642,7 +650,7 @@
|
|
|
padding-bottom: 300rpx;
|
|
|
}
|
|
|
&.first{
|
|
|
- padding-top: 40rpx;
|
|
|
+ // padding-top: 40rpx;
|
|
|
}
|
|
|
.register-tips{
|
|
|
display: flex;
|
|
@@ -657,16 +665,18 @@
|
|
|
}
|
|
|
}
|
|
|
.register-row{
|
|
|
- width: 702rpx;
|
|
|
+ // width: 702rpx;
|
|
|
height: auto;
|
|
|
- padding: 0 24rpx;
|
|
|
+ // padding: 0 24rpx;
|
|
|
margin-bottom: 20rpx;
|
|
|
.register-title{
|
|
|
- line-height: 60rpx;
|
|
|
- font-size: $font-size-32;
|
|
|
+ line-height: 80rpx;
|
|
|
+ font-size: $font-size-30;
|
|
|
color: $text-color;
|
|
|
text-align: left;
|
|
|
padding-left: 20rpx;
|
|
|
+ background: #f7f7f7;
|
|
|
+ font-weight: bold;
|
|
|
.txt{
|
|
|
font-size: $font-size-26;
|
|
|
font-weight: normal;
|
|
@@ -682,12 +692,16 @@
|
|
|
color: $color-system;
|
|
|
}
|
|
|
.register-from{
|
|
|
- width: 654rpx;
|
|
|
+ width: 702rpx;
|
|
|
height: 88rpx;
|
|
|
- padding:0 24rpx;
|
|
|
- background: $sub-bg-color;
|
|
|
- border-radius: 14rpx;
|
|
|
+ margin:0 24rpx;
|
|
|
+ // background: $sub-bg-color;
|
|
|
+ // border-radius: 14rpx;
|
|
|
position: relative;
|
|
|
+ border-bottom: 2rpx solid #e1e1e1;
|
|
|
+ &.bordernone{
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
.label{
|
|
|
text-align: left;
|
|
|
font-size: $font-size-28;
|
|
@@ -696,12 +710,12 @@
|
|
|
float: left;
|
|
|
}
|
|
|
.row-input{
|
|
|
- width: 440rpx;
|
|
|
+ width: 520rpx;
|
|
|
padding-left:10rpx;
|
|
|
font-size: $font-size-28;
|
|
|
color: $text-color;
|
|
|
line-height: 88rpx;
|
|
|
- float: left;
|
|
|
+ float: right;
|
|
|
height: 88rpx;
|
|
|
&.none{
|
|
|
color: #999999;
|
|
@@ -882,18 +896,33 @@
|
|
|
top: 0;
|
|
|
line-height: 88rpx;
|
|
|
text-align: center;
|
|
|
+ color: #b2b2b2;
|
|
|
}
|
|
|
&.text-textarea{
|
|
|
background: #FFFFFF;
|
|
|
+ margin: 0 24rpx;
|
|
|
+ .label{
|
|
|
+ color: #666666;
|
|
|
+ font-size: $font-size-28;
|
|
|
+ line-height: 88rpx;
|
|
|
+ }
|
|
|
.textarea{
|
|
|
width: 654rpx;
|
|
|
- height: 180rpx;
|
|
|
- background: #F7F7F7;
|
|
|
+ height: 200rpx;
|
|
|
+ // background: #F7F7F7;
|
|
|
padding: 24rpx;
|
|
|
font-size: $font-size-28;
|
|
|
color: $text-color;
|
|
|
z-index: 1;
|
|
|
- border-radius: 14rpx;
|
|
|
+ border-radius: 6rpx;
|
|
|
+ border: 2rpx solid #b2b2b2;
|
|
|
+ }
|
|
|
+ .adddress{
|
|
|
+ height: 147rpx;
|
|
|
+ border-bottom: 2rpx solid #e1e1e1;
|
|
|
+ font-size: $font-size-28;
|
|
|
+ color: $text-color;
|
|
|
+ padding: 24rpx;
|
|
|
}
|
|
|
.textarea.hide{
|
|
|
opacity: 0;
|
|
@@ -904,38 +933,44 @@
|
|
|
}
|
|
|
}
|
|
|
.register-picture{
|
|
|
- height: 102rpx;
|
|
|
+ // height: 102rpx;
|
|
|
margin: 30rpx 0;
|
|
|
- width: 42%;
|
|
|
- float: left;
|
|
|
+ // width: 42%;
|
|
|
+ // float: left;
|
|
|
&.zz{
|
|
|
width: 100%;
|
|
|
}
|
|
|
.label{
|
|
|
- float: left;
|
|
|
+ // float: left;
|
|
|
font-size: $font-size-28;
|
|
|
- color: $text-color;
|
|
|
+ color: #666666;
|
|
|
line-height: 102rpx;
|
|
|
- width: 150rpx;
|
|
|
- text-align: right;
|
|
|
+ // width: 150rpx;
|
|
|
+ padding: 0 24rpx;
|
|
|
+ // text-align: left;
|
|
|
&.zz{
|
|
|
width: 230rpx;
|
|
|
}
|
|
|
}
|
|
|
.upload-picture{
|
|
|
- float: left;
|
|
|
- height: 100rpx;
|
|
|
+ // float: left;
|
|
|
+ height: 180rpx;
|
|
|
+ width: 200rpx;
|
|
|
.upload-none{
|
|
|
- width: 100rpx;
|
|
|
- height: 100rpx;
|
|
|
+ width: 200rpx;
|
|
|
+ height: 180rpx;
|
|
|
text-align: center;
|
|
|
line-height: 100rpx;
|
|
|
color: #999999;
|
|
|
- border: 1px solid #999999;
|
|
|
+ // border: 1px solid #999999;
|
|
|
border-radius: 10rpx;
|
|
|
margin: 0 20rpx;
|
|
|
- .iconfont{
|
|
|
- font-size: $font-size-28;
|
|
|
+ // .iconfont{
|
|
|
+ // font-size: $font-size-28;
|
|
|
+ // }
|
|
|
+ image{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
}
|
|
|
.upload-image{
|