|
|
@@ -1,10 +1,10 @@
|
|
|
<template>
|
|
|
<view class="container register" :style="{paddingTop:CustomBar+'px'}">
|
|
|
<cu-custom :navbar-data='nvabarData' @navigateBack="hanldNavigateBack"></cu-custom>
|
|
|
- <view class="register-main clearfix">
|
|
|
+ <view class="register-main title clearfix">
|
|
|
<view class="register-row none clearfix">
|
|
|
- <view class="register-title first"><text>补充以下详细信息即可升级为会员机构，</text></view>
|
|
|
- <view class="register-title"><text>享受更多更好的服务。</text></view>
|
|
|
+ <view class="register-title first"><text>补充以下详细信息即可升级为会员机构，享受更多更好的服务。</text></view>
|
|
|
+ <view class="register-title"><text></text></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="register-main clearfix" v-if="clubStatus == 92">
|
|
|
@@ -20,26 +20,26 @@
|
|
|
<view class="register-main detailed clearfix">
|
|
|
<view class="register-row none clearfix">
|
|
|
<view class="register-from">
|
|
|
- <view class="label">邮箱:</view>
|
|
|
- <input class="row-input" type="text" name="input" v-model="registerEmail" placeholder="请输入您的常用邮箱" maxlength="30"/>
|
|
|
+ <view class="label">邮箱</view>
|
|
|
+ <input class="row-input" type="text" name="input" v-model="registerEmail" placeholder="请输入您的常用邮箱"placeholder-class="placeholder" maxlength="30"/>
|
|
|
</view>
|
|
|
<view class="register-tip"><text>提示：邮箱可用作登录账号，请使用公司邮箱或法人邮箱</text></view>
|
|
|
</view>
|
|
|
<view class="register-row clearfix">
|
|
|
<view class="register-from">
|
|
|
- <view class="label">机构名称:</view>
|
|
|
- <input class="row-input" type="text" v-model="clubName" placeholder="请输入您的机构名称" maxlength="30"/>
|
|
|
+ <view class="label">机构名称</view>
|
|
|
+ <input class="row-input" type="text" v-model="clubName" placeholder="请输入您的机构名称" placeholder-class="placeholder" maxlength="30"/>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="register-row clearfix">
|
|
|
<view class="register-from">
|
|
|
- <view class="label">机构简称:</view>
|
|
|
- <input class="row-input" type="text" v-model="abbreviation" placeholder="请输入您的机构简称" maxlength="10"/>
|
|
|
+ <view class="label">机构简称</view>
|
|
|
+ <input class="row-input" type="text" v-model="abbreviation" placeholder="请输入您的机构简称" placeholder-class="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>
|
|
|
@@ -47,7 +47,7 @@
|
|
|
</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="textarea show" v-if="isShowInput" @click="showTextareaFocus" >{{addressData.addressDetail ? addressData.addressDetail :'详细地址：如道路、门牌号、小区等'}}</view>
|
|
|
<textarea v-else
|
|
|
class="textarea"
|
|
|
type="text"
|
|
|
@@ -63,15 +63,17 @@
|
|
|
</view>
|
|
|
<view class="register-row clearfix">
|
|
|
<view class="register-from">
|
|
|
- <view class="label">营业执照编号:</view>
|
|
|
- <input class="row-input" type="text" v-model="socialCreditCode" placeholder="请填写社会统一信用代码" maxlength="18"/>
|
|
|
+ <view class="label">营业执照编号</view>
|
|
|
+ <input class="row-input code" 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">
|
|
|
@@ -80,10 +82,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-zizhi.png"></image>
|
|
|
+ </view>
|
|
|
<view class="upload-image" v-else>
|
|
|
<image :src="uploadMentuzImage" mode="" @click="viewMentuzImage"></image>
|
|
|
<view class="upload-del" @click="delMentuzImage">
|
|
|
@@ -94,33 +100,39 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="register-row clearfix">
|
|
|
- <view class="register-from picker">
|
|
|
- <view class="label">机构类型:</view>
|
|
|
- <view class="row-input picker" @click="bindPickerChange">{{ organizationTypeText }}</view>
|
|
|
- <text class="iconfont icon-xiayibu"></text>
|
|
|
+ <view class="register-from picker noneborder">
|
|
|
+ <view class="label">机构类型</view>
|
|
|
+ <view class="row-input picker">
|
|
|
+ <radio-group @change="bindPickerChange">
|
|
|
+ <label class="label-radio" v-for="(item, index) in typename" :key="item.value">
|
|
|
+ <radio class="row-radio" :value="item.value" :checked="item.value === isOrganizationType" color='#E15616'/>{{item.name }}
|
|
|
+ </label>
|
|
|
+ </radio-group>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="register-row clearfix" v-if="isOrganizationType == 1">
|
|
|
- <view class="register-from radio">
|
|
|
- <radio-group @change="radioChange">
|
|
|
+ <view class="register-from noneborder">
|
|
|
+ <view class="secondTyperadio" v-for="(item,index) in beautyList" :key="item.value" @click="radioChange(item)" :class="item.value==secondClubType?'active':''">
|
|
|
+ <view class="secondRadio" >{{item.name}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- <view class="register-from radio"> -->
|
|
|
+ <!-- <radio-group @change="radioChange">
|
|
|
<label class="row-input" v-for="(item, index) in beautyList" :key="item.value">
|
|
|
<radio class="row-radio" :value="item.value" :checked="index === current" color="#E15616"/>
|
|
|
<view class="row-text">{{item.name}}</view>
|
|
|
</label>
|
|
|
- </radio-group>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="register-row clearfix" v-show="isDepartment">
|
|
|
- <view class="register-from">
|
|
|
- <view class="label">科室:</view>
|
|
|
- <input class="row-input keshi" type="text" v-model="department" placeholder="请填写经营的科室，至少三个，用逗号隔开" maxlength="16"/>
|
|
|
- </view>
|
|
|
+ </radio-group> -->
|
|
|
+ <!-- </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-none" v-if="uploadMedicalImage === ''" @click="chooseMedicalImage">
|
|
|
+ <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="uploadMedicalImage" mode="" @click="viewMedicalImage"></image>
|
|
|
<view class="upload-del" @click="delMedicalImage">
|
|
|
@@ -130,9 +142,15 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="register-row clearfix" v-show="isDepartment">
|
|
|
+ <view class="register-from" style="height: auto;border: 0;">
|
|
|
+ <view class="kes-title" >科室</view>
|
|
|
+ <textarea class="keshi" placeholder="请填写经营的科室，至少三个，用逗号隔开" placeholder-style="placeholder" v-model="department" maxlength="16"></textarea>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<view class="register-row clearfix" v-if="isOrganizationType == 1">
|
|
|
- <view class="register-from group">
|
|
|
- <view class="label">主营内容:</view>
|
|
|
+ <view class="register-from group"style="height: auto;border: 0;">
|
|
|
+ <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}">
|
|
|
@@ -142,28 +160,27 @@
|
|
|
</checkbox-group>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="register-from group btn">
|
|
|
+ <!-- <view class="register-from group btn">
|
|
|
<view class="content-class btn">
|
|
|
<view class="item" @click="showAustomItem">
|
|
|
<text class="item-text">其他</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="register-from group btn" v-show="isShowAustomItem">
|
|
|
+ v-show="isShowAustomItem"-->
|
|
|
+ <view class="register-from group btn" style="height: auto;border: 0;">
|
|
|
<view class="content-class btn">
|
|
|
- <input class="row-input other" type="text" v-model="customItemValue" placeholder="请输入自定义项目" @blur="onBlurInput" maxlength="5"/>
|
|
|
+ <input class="row-input other" type="text" v-model="customItemValue" placeholder-style="placeholder" placeholder="请输入自定义项目" maxlength="5"/>
|
|
|
<button type="default"
|
|
|
class="confirm-btn"
|
|
|
- :class="[isDisabled === true ? 'disabled' : 'none']"
|
|
|
- :disabled="isDisabled"
|
|
|
@click.stop="addCustomItem"
|
|
|
>确认添加</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="register-row clearfix" v-if="isOrganizationType == 2">
|
|
|
- <view class="register-from group">
|
|
|
- <view class="label">主营内容:</view>
|
|
|
+ <view class="register-from group" style="height: auto;border: 0;">
|
|
|
+ <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}">
|
|
|
@@ -173,20 +190,19 @@
|
|
|
</checkbox-group>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="register-from group btn">
|
|
|
+ <!-- <view class="register-from group btn" style="height: auto;border: 0;">
|
|
|
<view class="content-class btn">
|
|
|
<view class="item" @click="showAustomItem">
|
|
|
<text class="item-text">其他</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="register-from group btn" v-show="isShowAustomItem">
|
|
|
+ </view>
|
|
|
+ v-show="isShowAustomItem"-->
|
|
|
+ <view class="register-from group btn" style="height: auto;border: 0;">
|
|
|
<view class="content-class btn">
|
|
|
- <input class="row-input other" type="text" v-model="customItemValue" placeholder="请输入自定义项目" @blur="onBlurInput" maxlength="5"/>
|
|
|
+ <input class="row-input other" type="text" v-model="customItemValue" placeholder="请输入自定义项目" placeholder-style="placeholder" maxlength="5"/>
|
|
|
<button type="default"
|
|
|
class="confirm-btn"
|
|
|
- :class="[isDisabled === true ? 'disabled' : 'none']"
|
|
|
- :disabled="isDisabled"
|
|
|
@click.stop="addCustomItem"
|
|
|
>确认添加</button>
|
|
|
</view>
|
|
|
@@ -269,12 +285,16 @@
|
|
|
provinceID:'', //省ID
|
|
|
addressDetail: '', //地址详情
|
|
|
},
|
|
|
+ typename:[
|
|
|
+ {name:'医美',value:'1'},
|
|
|
+ {name:'生美',value:'2'}
|
|
|
+ ],
|
|
|
}
|
|
|
},
|
|
|
onLoad(option) {
|
|
|
this.clubStatus = option.clubStatus
|
|
|
console.log(this.clubStatus)
|
|
|
- this.organizationInfo()
|
|
|
+ // this.organizationInfo()
|
|
|
},
|
|
|
methods:{
|
|
|
hanldNavigateBack(){
|
|
|
@@ -502,30 +522,31 @@
|
|
|
this.uploadMedicalImage = ''
|
|
|
})
|
|
|
},
|
|
|
- bindPickerChange() {
|
|
|
- let self = this
|
|
|
- uni.showActionSheet({
|
|
|
- title:'标题',
|
|
|
- itemList: ['医美', '生美'],
|
|
|
- success: (e) => {
|
|
|
- self.isOrganizationType = e.tapIndex+1
|
|
|
- switch(e.tapIndex){
|
|
|
- case 0:
|
|
|
- this.organizationTypeText = '医美'
|
|
|
- break;
|
|
|
- case 1:
|
|
|
- this.organizationTypeText = '生美'
|
|
|
- break;
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
+ bindPickerChange(e) {
|
|
|
+ this.isOrganizationType = e.target.value;
|
|
|
+ // let self = this
|
|
|
+ // uni.showActionSheet({
|
|
|
+ // title:'标题',
|
|
|
+ // itemList: ['医美', '生美'],
|
|
|
+ // success: (e) => {
|
|
|
+ // self.isOrganizationType = e.tapIndex+1
|
|
|
+ // switch(e.tapIndex){
|
|
|
+ // case 0:
|
|
|
+ // this.organizationTypeText = '医美'
|
|
|
+ // break;
|
|
|
+ // case 1:
|
|
|
+ // this.organizationTypeText = '生美'
|
|
|
+ // break;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // })
|
|
|
},
|
|
|
bindPickerChange2(e) {
|
|
|
this.typtIndex = e.target.value
|
|
|
this.isOrganizationType = e.target.value
|
|
|
},
|
|
|
- radioChange(e) {
|
|
|
- this.secondClubType = e.target.value;
|
|
|
+ radioChange(item) {
|
|
|
+ this.secondClubType = item.value;
|
|
|
if( this.secondClubType == '2' || this.secondClubType == '3'){
|
|
|
this.isDepartment = true
|
|
|
}else{
|
|
|
@@ -559,13 +580,13 @@
|
|
|
})
|
|
|
return arr.join('/')
|
|
|
},
|
|
|
- onBlurInput(e){//
|
|
|
- if(e.detail.value ===''){
|
|
|
- this.isDisabled = true
|
|
|
- }else{
|
|
|
- this.isDisabled = false
|
|
|
- }
|
|
|
- },
|
|
|
+ // onBlurInput(e){//
|
|
|
+ // if(e.detail.value ===''){
|
|
|
+ // this.isDisabled = true
|
|
|
+ // }else{
|
|
|
+ // this.isDisabled = false
|
|
|
+ // }
|
|
|
+ // },
|
|
|
showAustomItem() {
|
|
|
this.isShowAustomItem = !this.isShowAustomItem
|
|
|
},
|
|
|
@@ -578,14 +599,36 @@
|
|
|
return _ARRAY
|
|
|
},
|
|
|
addCustomItem(){
|
|
|
- if(this.isOrganizationType == 1){
|
|
|
- let item = {value:`${this.mentuzCampList.length+1}`,name:this.customItemValue,checked:true}
|
|
|
- this.mentuzCampList.push(item)
|
|
|
+ if(this.customItemValue==''){
|
|
|
+ this.$util.msg('请输入自定义项目',2000);
|
|
|
}else{
|
|
|
- let item = {value:`${this.medicaCampList.length+1}`,name:this.customItemValue,checked:true}
|
|
|
- this.medicaCampList.push(item)
|
|
|
+ if(this.isOrganizationType == 1){
|
|
|
+ let item = {value:`${this.mentuzCampList.length+1}`,name:this.customItemValue,checked:true}
|
|
|
+ if(this.checkedArray(this.customItemValue,this.mentuzCampList)){
|
|
|
+ this.$util.msg('主营内容已存在!',2000)
|
|
|
+ }else{
|
|
|
+ this.mentuzCampList.push(item)
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ let item = {value:`${this.medicaCampList.length+1}`,name:this.customItemValue,checked:true}
|
|
|
+ if(this.checkedArray(this.customItemValue,this.medicaCampList)){
|
|
|
+ this.$util.msg('主营内容已存在!',2000)
|
|
|
+ }else{
|
|
|
+ this.medicaCampList.push(item)
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
+ checkedArray(content,arr){//判断主营内容是否已存在
|
|
|
+ console.log(content,arr)
|
|
|
+ for(var i in arr){
|
|
|
+ if(arr[i].name == content){
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return false;
|
|
|
+ },
|
|
|
},
|
|
|
onShow() {
|
|
|
if(this.isPreviewImage){
|
|
|
@@ -597,17 +640,19 @@
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
+ .placeholder{color:#b2b2b2 ;}
|
|
|
.register{
|
|
|
width: 100%;
|
|
|
height: auto;
|
|
|
border-top: 1px solid #F7F7F7;
|
|
|
- background: #EFEFEF;
|
|
|
.register-main{
|
|
|
width: 100%;
|
|
|
height: auto;
|
|
|
background: #FFFFFF;
|
|
|
padding: 20rpx 0;
|
|
|
- margin-bottom: 20rpx;
|
|
|
+ &.title{
|
|
|
+ background-image: linear-gradient(270deg,rgba(255,255,255,0.1) 0%,rgba(255,86,11,0.1) 51%,rgba(255,255,255,0.1) 100%);
|
|
|
+ }
|
|
|
&.detailed{
|
|
|
padding-bottom: 300rpx;
|
|
|
}
|
|
|
@@ -631,6 +676,21 @@
|
|
|
height: auto;
|
|
|
padding: 0 24rpx;
|
|
|
margin-bottom: 20rpx;
|
|
|
+ .secondTyperadio{
|
|
|
+ border: 2rpx solid #e1e1e1;
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #999999;
|
|
|
+ padding: 0 24rpx;
|
|
|
+ border-radius: 21rpx;
|
|
|
+ line-height: 42rpx;
|
|
|
+ margin-right: 56rpx;
|
|
|
+ float: right;
|
|
|
+ &.active{
|
|
|
+ border: 2rpx solid #ffe6dc;
|
|
|
+ color: $color-system;
|
|
|
+ }
|
|
|
+ }
|
|
|
&.none{
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
@@ -658,13 +718,13 @@
|
|
|
.register-tip{
|
|
|
line-height: 64rpx;
|
|
|
font-size: $font-size-24;
|
|
|
- color: #CECECE;
|
|
|
+ color: #fea785;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.register-title{
|
|
|
line-height: 44rpx;
|
|
|
font-size: $font-size-24;
|
|
|
- color: $text-color;
|
|
|
+ color: $color-system;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.row-btn{
|
|
|
@@ -682,6 +742,7 @@
|
|
|
background: #FFFFFF;
|
|
|
position: relative;
|
|
|
border-bottom: 1px solid #e1e1e1;
|
|
|
+ &.noneborder{border: none;}
|
|
|
.label{
|
|
|
text-align: left;
|
|
|
font-size: $font-size-28;
|
|
|
@@ -689,14 +750,20 @@
|
|
|
line-height: 88rpx;
|
|
|
float: left;
|
|
|
}
|
|
|
+ .kes-title{
|
|
|
+ font-size: $font-size-28;
|
|
|
+ color: #666666;
|
|
|
+ line-height: 88rpx;
|
|
|
+ }
|
|
|
.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;
|
|
|
+ &.code{width: 500rpx;}
|
|
|
&.none{
|
|
|
color: #999999;
|
|
|
}
|
|
|
@@ -704,10 +771,15 @@
|
|
|
text-align: left;
|
|
|
color: #333333;
|
|
|
}
|
|
|
- &.keshi{
|
|
|
- width: 550rpx;
|
|
|
- }
|
|
|
}
|
|
|
+ .keshi{
|
|
|
+ width: 678rpx;
|
|
|
+ border: 2rpx solid #b2b2b2;
|
|
|
+ border-radius: 6rpx;
|
|
|
+ height: 160rpx;
|
|
|
+ font-size: $font-size-28;
|
|
|
+ padding: 10rpx;
|
|
|
+ }
|
|
|
&.code{
|
|
|
width: 410rpx;
|
|
|
float: left;
|
|
|
@@ -732,9 +804,14 @@
|
|
|
text-align: center;
|
|
|
border-radius: 14rpx;
|
|
|
&.other{
|
|
|
- width: 224rpx;
|
|
|
- background: #F7F7F7;
|
|
|
+ width: 350rpx;
|
|
|
+ background: #FFF;
|
|
|
margin-right: 20rpx;
|
|
|
+ border: 2rpx solid #b2b2b2;
|
|
|
+ border-radius: 44rpx;
|
|
|
+ padding: 0 24rpx;
|
|
|
+ height: 64rpx;
|
|
|
+ line-height: 64rpx;
|
|
|
}
|
|
|
&.none{
|
|
|
background: #F7F7F7;
|
|
|
@@ -755,8 +832,12 @@
|
|
|
.label{
|
|
|
line-height: 88rpx;
|
|
|
}
|
|
|
+ .label-radio{margin-right: 70rpx;}
|
|
|
+ .row-radio{
|
|
|
+ transform: scale(.8);
|
|
|
+ }
|
|
|
.row-input{
|
|
|
- width: 470rpx;
|
|
|
+ width: 500rpx;
|
|
|
height: 88rpx;
|
|
|
line-height: 88rpx;
|
|
|
padding-left: 30rpx;
|
|
|
@@ -782,7 +863,7 @@
|
|
|
}
|
|
|
}
|
|
|
&.group{
|
|
|
- width: 654rpx;
|
|
|
+ width: 702rpx;
|
|
|
height: auto;
|
|
|
background: #FFFFFF;
|
|
|
margin-top: 30rpx;
|
|
|
@@ -828,36 +909,36 @@
|
|
|
color: $text-color;
|
|
|
}
|
|
|
.confirm-btn{
|
|
|
- width: 200rpx;
|
|
|
- height: 88rpx;
|
|
|
- border-radius: 10rpx;
|
|
|
- line-height: 88rpx;
|
|
|
+ width: 160rpx;
|
|
|
+ height: 64rpx;
|
|
|
+ border-radius: 45rpx;
|
|
|
+ line-height: 64rpx;
|
|
|
text-align: center;
|
|
|
+ background:#ffe6dc;
|
|
|
+ color: $color-system;
|
|
|
&.other{
|
|
|
width: 213rpx;
|
|
|
}
|
|
|
- &.none{
|
|
|
- color: #FFFFFF;
|
|
|
- background: $btn-confirm;
|
|
|
- }
|
|
|
- &.disabled{
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
+ // &.none{
|
|
|
+ // color: #FFFFFF;
|
|
|
+ // }
|
|
|
+ // &.disabled{
|
|
|
+ // color: #999999;
|
|
|
+ // }
|
|
|
}
|
|
|
.item {
|
|
|
- width: 155rpx;
|
|
|
+ // width: 190rpx;
|
|
|
height: 60rpx;
|
|
|
font-size:$font-size-28;
|
|
|
line-height: 60rpx;
|
|
|
border-radius:10rpx;
|
|
|
- margin: 10rpx;
|
|
|
- text-align: center;
|
|
|
+ margin-left: 40rpx;
|
|
|
box-sizing: border-box;
|
|
|
- border: 1rpx solid #EFEFEF;
|
|
|
+ // border: 1rpx solid #EFEFEF;
|
|
|
float: left;
|
|
|
- checkbox {
|
|
|
- display: none;
|
|
|
- }
|
|
|
+ // checkbox {
|
|
|
+ // display: none;
|
|
|
+ // }
|
|
|
}
|
|
|
.on {
|
|
|
border-color: $color-system;
|
|
|
@@ -873,6 +954,7 @@
|
|
|
top: 0;
|
|
|
line-height: 88rpx;
|
|
|
text-align: center;
|
|
|
+ color: #b2b2b2;
|
|
|
}
|
|
|
&.text-textarea{
|
|
|
background: #FFFFFF;
|
|
|
@@ -895,49 +977,54 @@
|
|
|
}
|
|
|
}
|
|
|
.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;
|
|
|
line-height: 102rpx;
|
|
|
- width: 150rpx;
|
|
|
- text-align: left;
|
|
|
+ // width: 150rpx;
|
|
|
+ // text-align: left;
|
|
|
&.zz{
|
|
|
width: 230rpx;
|
|
|
}
|
|
|
}
|
|
|
.upload-picture{
|
|
|
- float: left;
|
|
|
- height: 100rpx;
|
|
|
+ // float: left;
|
|
|
+ width: 200rpx;
|
|
|
+ height: 180rpx;
|
|
|
.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;
|
|
|
+ // margin: 0 20rpx;
|
|
|
+ // .iconfont{
|
|
|
+ // font-size: $font-size-28;
|
|
|
+ // }
|
|
|
+ image{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
}
|
|
|
.upload-image{
|
|
|
- width: 100rpx;
|
|
|
- height: 100rpx;
|
|
|
+ width:200rpx;
|
|
|
+ height: 180rpx;
|
|
|
border-radius: 10rpx;
|
|
|
margin: 0 20rpx;
|
|
|
position: relative;
|
|
|
image{
|
|
|
- width: 100rpx;
|
|
|
- height: 100rpx;
|
|
|
+ width:100%;
|
|
|
+ height: 100%;
|
|
|
border-radius: 10rpx;
|
|
|
}
|
|
|
.upload-del{
|
|
|
@@ -1029,4 +1116,25 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ checkbox .wx-checkbox-input{
|
|
|
+ border-radius: 50%;
|
|
|
+ width: 36rpx;
|
|
|
+ height: 36rpx;
|
|
|
+ }
|
|
|
+ /* 选中后的 背景样式 */
|
|
|
+ checkbox .wx-checkbox-input.wx-checkbox-input-checked{
|
|
|
+ background: #E15616;
|
|
|
+ border: 2rpx solid #e15616;
|
|
|
+ }
|
|
|
+ checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{
|
|
|
+ border-radius: 50%;
|
|
|
+ width: 36rpx;
|
|
|
+ height: 36rpx;
|
|
|
+ line-height: 36rpx;
|
|
|
+ text-align: center;
|
|
|
+ font-size:20rpx;
|
|
|
+ color:#fff;
|
|
|
+ transform:scale(.8);
|
|
|
+ -webkit-transform:translate(-50%, -50%) scale(1);
|
|
|
+ }
|
|
|
</style>
|
Administrator