12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028 |
- <template>
- <view class="container register" :style="{paddingTop:CustomBar+'px'}">
- <cu-custom :navbar-data='nvabarData' @navigateBack="hanldNavigateBack"></cu-custom>
- <view class="register-main clearfix" v-if="auditStatus == 92">
- <view class="register-row none clearfix">
- <view class="error-title">审核未通过原因:</view>
- <view class="error-main">
- <text class="error-item" v-for="(item, index) in errorList" :key="index">
- {{ item }}
- </text>
- </view>
- </view>
- </view>
- <view class="register-main detailed clearfix">
- <view class="register-title">基本信息</view>
- <view class="register-row clearfix">
- <view class="register-from">
- <view class="label">公司名称:</view>
- <input class="row-input" type="text" name="input" v-model="shopInfo.name" placeholder="请输入您的公司名称" maxlength="30"/>
- </view>
- </view>
- <view class="register-row clearfix">
- <view class="register-from">
- <view class="label">联系人:</view>
- <input class="row-input" type="text" name="input" v-model="shopInfo.linkMan" placeholder="请输入联系人姓名" maxlength="6"/>
- </view>
- </view>
- <view class="register-row none clearfix">
- <view class="register-from">
- <view class="label">邮箱:</view>
- <input class="row-input" type="text" name="input" v-model="shopInfo.email" placeholder="请输入邮箱地址" maxlength="30"/>
- </view>
- </view>
- <view class="register-row text clearfix">
- <text>邮箱可用作登录账号,请使用公司邮箱或法人邮箱</text>
- </view>
- <view class="register-title">详细信息</view>
- <view class="register-row clearfix">
- <view class="register-from">
- <view class="label">公司简称:</view>
- <input class="row-input" type="text" v-model="shopInfo.sname" placeholder="请输入您的公司简称" maxlength="10"/>
- </view>
- </view>
- <view class="register-row clearfix">
- <view class="register-from" @click="showMulLinkageThreePicker">
- <view class="label">联系地址:</view>
- <text class="row-input" :class="addressText === '请选择公司所在地区' ? 'none' : ''">
- {{ addressText }}
- </text>
- <text class="iconfont icon-xiayibu"></text>
- </view>
- </view>
- <view class="register-row text-textarea clearfix">
- <view class="textarea show" v-if="isShowInput" @click="showTextareaFocus">{{shopInfo.address ? shopInfo.address :'详细地址:如道路、门牌号、小区等'}}</view>
- <textarea v-else
- class="textarea"
- type="text"
- v-model="shopInfo.address"
- placeholder="详细地址:如道路、门牌号、小区等"
- placeholder-class="placeholder"
- maxlength="40"
- @input="onTextareaInput"
- :focus="textareaFocus"
- @blur="hideTextareaFocus"
- :class="isShowInput ? '':''"
- />
- </view>
- <view class="register-row clearfix">
- <view class="register-from">
- <view class="label">营业执照编号:</view>
- <input class="row-input" type="text" v-model="shopInfo.socialCreditCode" placeholder="请填写社会统一信用代码" maxlength="18"/>
- </view>
- </view>
- <view class="register-row clearfix">
- <view class="register-picture">
- <view class="label">营业执照:</view>
- <view class="upload-picture">
- <view class="upload-none" v-if="shopInfo.businessLicenseImage === ''" @click="chooseBusinessImage"><text class="iconfont icon-jiahao"></text></view>
- <view class="upload-image" v-else>
- <image :src="shopInfo.businessLicenseImage" mode="" @click="viewBusinessImage"></image>
- <view class="upload-del" @click="delBusinessImage">
- <text class='iconfont icon-shanchu1'></text>
- </view>
- </view>
- </view>
- </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>
- </view>
- <view class="register-row none clearfix" v-if="shopInfo.firstShopType == 1">
- <view class="register-from radio">
- <view class="label">医疗类型:</view>
- </view>
- </view>
- <view class="register-row clearfix" v-if="shopInfo.firstShopType == 1">
- <view class="register-from radio">
- <radio-group @change="radioChange">
- <label class="row-input" v-for="(item, index) in supplierList" :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">
- <view class="register-from group">
- <view class="label">主营内容:</view>
- <view class="content-class">
- <checkbox-group @change="chooseMaleLike" >
- <label class="item" v-for="(item, index) in supplierMedicaCampList" :key="index" :class="{on: item.checked}">
- <checkbox :value="item.value"></checkbox>
- <text class="item-text">{{item.name}}</text>
- </label>
- </checkbox-group>
- </view>
- </view>
- <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">
- <view class="content-class btn">
- <input class="row-input other" type="text" v-model="customItemValue" placeholder="请输入自定义项目" @blur="onBlurInput" 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-main clearfix">
- <view class="register-agree">
- <view class="agree-text" @tap.stop="agreeCheck()">
- <button class="checkbox iconfont" :class="[isCheck?'icon-gouxuan':'icon-weigouxuan']"></button>
- 我已阅读并同意
- <text @click.stop="this.$api.navigateTo('/pages/service/supplieragree')">《供应商协议》</text>
- <text @click.stop="this.$api.navigateTo('/pages/service/useragree')">《用户协议》</text>及
- <text @click.stop="this.$api.navigateTo('/pages/service/privacyagree')">《隐私权政策》</text>
- </view>
- </view>
- <view class="register-row ">
- <view class="register-btn sub" @click.stop="SupplierRegisteredThree">提交审核</view>
- </view>
- </view>
- </view>
- <mpvue-city-picker :themeColor="themeColor"
- ref="mpvueCityPicker"
- :pickerValueDefault="cityPickerValueDefault"
- @onCancel="onCancel"
- @onConfirm="onConfirm">
- </mpvue-city-picker>
- </view>
- </template>
- <script>
- import { mapMutations } from 'vuex';
- import mpvueCityPicker from '@/components/mpvue-citypicker/mpvueCityPicker.vue'
- import { supplierList,supplierMedicaCampNullList } from '@/common/json/data.json.js' //本地数据
- import { uploadFileImage } from "@/api/utils.js"
- export default{
- components:{
- mpvueCityPicker
- },
- data() {
- return{
- nvabarData: {//顶部自定义导航
- showCapsule: 1, // 是否显示左上角图标 1表示显示 0表示不显示,
- showSearch: 0,
- title: '修改申请资料', // 导航栏 中间的标题
- haveBack:true,
- textLeft:this.$store.state.isIphone
- },
- isIphoneX:this.$store.state.isIphoneX,
- CustomBar:this.CustomBar,// 顶部导航栏高度
- errorList:[],
- tabCurrentIndex:3,
- auditStatus:'', //审核状态
- isPreviewImage:false, //预览图片开关
- shopInfo:{
- userID:'', //用户ID
- shopID:'', //供应商ID
- linkMan:'', //联系人
- name:'', //公司名称
- email:"", //法人邮箱地址
- provinceID :'', //省ID
- cityID : '', //市ID
- townID : '', //区ID
- address:'', //公司详细地址
- sname:'', //公司简称
- socialCreditCode:'', //统一社会信用代码
- businessLicenseImage:'',//营业执照图片
- firstShopType:0, //公司类型
- secondShopType: '',
- mainpro:'', //公司主营内容
- isAgreed:0, //勾选协议状态
- },
- addressText:'请选择公司所在地区',
- isDisabled:true,
- isShowInput:true,
- textareaFocus:false,
- organizationTypeText:'请选择公司类型',
- supplierList:supplierList,//医疗类型
- medicaCampList:supplierMedicaCampNullList,//主营内容
- supplierMedicaCampList:[],
- typtIndex:0,
- organizationType:0,
- current:0,
- isShowAustomItem:false, //是否显示其他添加
- customItemValue:'', //自定义项目
- isMainproCheck:false,
- isSupplierAlert:true,
- isCheck:false
- }
- },
- onLoad() {
- this.GetSupplierInfo()
- },
- methods:{
- hanldNavigateBack(){
- this.$util.modal('','资料尚未提交审核,确定放弃修改吗?','确定','取消',true,() =>{
- uni.navigateBack({
- delta: 1
- });
- })
- },
- GetSupplierInfo(){
- this.$api.getStorage().then((resolve) =>{
- this.shopInfo.userID = resolve.userID
- this.UserService.SupplierShopInfo({userId:this.shopInfo.userID}).then(response =>{
- let responseData = response.data
- let supplierShop = responseData.shop
- let supplierUser = responseData.user
- this.auditStatus = supplierShop.status
- if(supplierUser.auditNoteList!=null){
- this.errorList = supplierUser.auditNoteList
- }
- this.shopInfo.shopID = supplierUser.shopID
- this.shopInfo.name = this.$reg.checkData(supplierShop.name)
- this.shopInfo.linkMan = this.$reg.checkData(supplierShop.linkMan)
- this.shopInfo.email = this.$reg.checkData(supplierUser.email)
- this.shopInfo.sname = this.$reg.checkData(supplierShop.sname)
- this.addressText = supplierShop.provincialAddress ? supplierShop.provincialAddress : '请选择公司所在地区'
- this.shopInfo.address = supplierShop.address
- this.shopInfo.provinceID = supplierShop.provinceID
- this.shopInfo.cityID = supplierShop.cityID
- this.shopInfo.townID = supplierShop.townID
- this.shopInfo.socialCreditCode = this.$reg.checkData(supplierShop.socialCreditCode)
- this.shopInfo.businessLicenseImage = this.$reg.checkData(supplierShop.businessLicenseImage)
- this.shopInfo.firstShopType = supplierShop.firstShopType
- this.shopInfo.secondShopType = this.$reg.checkData(supplierShop.secondShopType)
- //机构类型&&主营项目
- switch(this.shopInfo.firstShopType){
- case '1':
- this.organizationTypeText = '医疗'
- this.shopInfo.firstShopType = 1
- break;
- case '2':
- this.organizationTypeText = '非医疗'
- this.shopInfo.firstShopType = 2
- break;
- case null:
- this.organizationTypeText = '请选择公司类型'
- this.shopInfo.firstShopType = 0
- break;
- }
- if(supplierShop.mainpro){
- this.supplierMedicaCampList = this.setNewMainpro(supplierShop.mainpro)
- console.log(this.supplierMedicaCampList)
- this.mainpro = supplierShop.mainpro;
- }else{
- this.supplierMedicaCampList = this.medicaCampList
- console.log(this.supplierMedicaCampList)
- }
- }).catch(error =>{
- this.$util.msg(error.msg,2000)
- })
- })
- },
- SupplierRegisteredThree(){//提交审核
- if(!this.isMainproCheck){
- let mainproList = []
- this.supplierMedicaCampList.forEach(item =>{
- mainproList.push(item.name)
- })
- this.shopInfo.mainpro = mainproList.join('/')
- }
- if( this.shopInfo.name == ''){
- this.$util.msg('请输入您的公司名称',2000);
- return
- }
- if( this.shopInfo.linkMan == ''){
- this.$util.msg('请输入联系人名称',2000);
- return
- }
- if( this.shopInfo.email == ''){
- this.$util.msg('请输入邮箱地址',2000);
- return
- }
- if(!this.$reg.isEmail(this.shopInfo.email)){
- this.$util.msg('请输入正确的邮箱地址',2000);
- return
- }
- if( this.shopInfo.townID == ''){
- this.$util.msg('请选择公司地址',2000);
- return
- }
- if( this.shopInfo.address == ''){
- this.$util.msg('请填写公司详细地址',2000);
- return
- }
- if( this.shopInfo.socialCreditCode == ''){
- this.$util.msg('请填写统一社会信用代码',2000);
- return
- }
- if( !this.shopInfo.businessLicenseImage){
- this.$util.msg('请上传您的营业执照',2000);
- return
- }
- if(this.shopInfo.firstShopType == 0){
- this.$util.msg('请选择公司类型',2000);
- return
- }
- if(this.shopInfo.mainpro == ''){
- this.$util.msg('请选择主营内容',2000);
- return
- }
- if(this.shopInfo.isAgreed == 0){
- this.$util.msg('请勾选同意协议',2000);
- return
- }
- this.UserService.SupplierUpdateCompanyInfo(this.shopInfo).then(response =>{
- this.$util.modal('','您的资料已提交成功,系统将在1-2个工作日内进行审核~','知道了','',false,() =>{
- this.$api.switchTabTo('/pages/tabBar/home/index')
- })
- }).catch(error =>{
- this.$util.msg(error.msg,2000);
- })
- },
- chooseBusinessImage() {//营业执照图片上传
- uploadFileImage().then(res =>{
- this.shopInfo.businessLicenseImage = JSON.parse(res.data).data
- })
- },
- viewBusinessImage(e) {
- this.myPreviewImageFn(this.businessLicenseImage)
- },
- myPreviewImageFn(url){
- this.isPreviewImage = true
- let mentuzArray = []
- mentuzArray.push(url)
- uni.previewImage({
- urls: mentuzArray,
- current: 0
- });
- },
- delBusinessImage(){
- this.$util.modal('','确定删除营业执照图片吗?','确定','取消',true,() =>{
- this.shopInfo.businessLicenseImage = ''
- })
- },
- radioChange(e) {
- this.shopInfo.secondShopType = e.target.value;
- console.log(this.shopInfo.secondShopType)
- },
- chooseMaleLike(e){
- this.isMainproCheck = true
- this.shopInfo.mainpro = this.checkLikes(e,this.supplierMedicaCampList)
- },
- bindPickerChange(e) {
- let self = this
- uni.showActionSheet({
- title:'标题',
- itemList: ['医疗', '非医疗'],
- success: (e) => {
- self.shopInfo.firstShopType = e.tapIndex+1
- console.log(self.shopInfo.firstShopType)
- switch(e.tapIndex){
- case 0:
- this.organizationTypeText = '医疗'
- break;
- case 1:
- this.organizationTypeText = '非医疗'
- break;
- }
- }
- })
- },
- showMulLinkageThreePicker() {// 三级联动选择
- this.isShowInput = true
- this.$refs.mpvueCityPicker.show()
- },
- showAustomItem() {
- this.isShowAustomItem = !this.isShowAustomItem
- },
- showTextareaFocus(){//文本框获取焦点
- this.isShowInput = false
- this.textareaFocus = true
- },
- hideTextareaFocus(){//文本框失去焦点
- this.isShowInput = true
- this.textareaFocus = false
- },
- onConfirm(e) {
- this.addressText = e.name;
- this.shopInfo.townID = e.townCode;
- this.shopInfo.cityID = e.cityCode;
- this.shopInfo.provinceID = e.provinceCode;
- console.log(this.shopInfo)
- },
- onTextareaInput(e){
- this.shopInfo.address = e.detail.value;
- },
- onBlurInput(e){//
- if(e.detail.value ===''){
- this.isDisabled = true
- }else{
- this.isDisabled = false
- }
- },
- agreeCheck() {
- this.isCheck = !this.isCheck
- if(this.isCheck){
- this.shopInfo.isAgreed = 1
- }else{
- this.shopInfo.isAgreed = 0
- }
- },
- checkLikes(e,list){
- let values = e.detail.value
- let arr = []
- list.forEach(item => {
- if(values.indexOf(item.value) >= 0){
- this.$set(item,'checked',true)
- arr.push(item.name)
- }else{
- this.$set(item,'checked',false)
- }
- })
- return arr.join('/')
- },
- setNewMainpro(arr){//回显处理主营内容
- let _ARRAY = []
- arr.split('/').forEach((item,index) =>{
- let _OBJ = {value:(index+1).toString(),name:item,checked:true}
- _ARRAY.push(_OBJ)
- })
- return _ARRAY
- },
- addCustomItem(){
- if(this.customItemValue==''){
- this.$util.msg('请输入自定义主营内容',2000);
- }else{
- if(this.isOrganizationType == 1){
- let item = {value:`${this.supplierMedicaCampList.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){//判断主营内容是否已存在
- for(var i in arr){
- if(arr[i].name == content){
- return true;
- }
- }
- return false;
- },
- },
- onShow() {
- if(this.isPreviewImage){
- this.isPreviewImage = false
- return
- }
- }
- }
- </script>
- <style lang="scss">
- .placeholder{color:#b2b2b2 ;}
- .register{
- width: 100%;
- height: 100%;
- box-sizing: border-box;
- .register-main{
- width: 100%;
- height: auto;
- position: relative;
- .register-title{
- width: 100%;
- height: 80rpx;
- line-height: 80rpx;
- background-color: #F7F7F7;
- font-size: $font-size-34;
- color: $text-color;
- text-align: left;
- font-weight: bold;
- box-sizing: border-box;
- padding: 0 24rpx;
- margin-bottom: 20rpx;
- }
- .register-consult{
- width: 110rpx;
- height: 68rpx;
- background:linear-gradient(223deg,rgba(225,86,21,0.6) 0%,rgba(225,86,10,0.3) 100%);
- border-radius: 34rpx 0 0 34rpx;
- position: absolute;
- right: 0;
- bottom: 120rpx;
- text-align: left;
- line-height: 68rpx;
- padding-left: 20rpx;
- .icon-kefunv{
- font-size: 48rpx;
- color: #31313B;
- float: left;
- }
- .text{
- font-size: $font-size-24;
- display: block;
- float: left;
- width: 60rpx;
- line-height: 30rpx;
- color: #FFFFFF;
- margin-top: 6rpx;
- }
- }
- .register-agree{
- display: flex;
- flex-direction: column;
- align-items: center;
- margin: 100rpx 0 20rpx 0;
- .agree-text{
- .checkbox{
- float: left;
- margin: 4rpx 6rpx 0 0;
- color: #999999;
- font-size: $font-size-34;
- &.icon-gouxuan{
- color: $color-system;
- }
- }
- font-size: $font-size-22;
- line-height: 44rpx;
- color: #999999;
- text{
- color:#1890f9;
- }
- }
- }
- .register-logo{
- width: 100%;
- display: flex;
- flex-direction: column;
- align-items: center;
- height: 189rpx;
- padding:60rpx 0 40rpx 0;
- .logo{
- width:467rpx;
- height: 189rpx;
- display: block;
- }
- }
- &.detailed{
- padding-bottom: 330rpx;
- }
- .register-row{
- width: 100%;
- height: auto;
- padding: 0 24rpx;
- margin-bottom: 20rpx;
- box-sizing: border-box;
- &.text{
- font-size: $font-size-20;
- line-height: 40rpx;
- color: #fea785;
- }
- &.none{
- margin-bottom: 0;
- }
- .error-title{
- line-height: 60rpx;
- font-size: $font-size-28;
- color: $text-color;
- text-align: left;
- padding-top: 20rpx;
- }
- .error-main{
- padding: 10rpx 0;
- .error-item{
- padding:0 20rpx;
- margin:10rpx;
- background: #F53636;
- height: 52rpx;
- line-height: 52rpx;
- border-radius: 26rpx;
- font-size: $font-size-26;
- color: #FFFFFF;
- text-align: center;
- display: inline-block;
- }
- }
- &.login{
- display: flex;
- }
- .register-text{
- line-height: 44rpx;
- margin-top: 100rpx;
- font-size: $font-size-24;
- color: #999999;
- text-align: justify;
- .txt{
- margin-right: 15rpx;
- }
- }
- .register-tip{
- line-height: 64rpx;
- font-size: $font-size-24;
- color: #CECECE;
- text-align: left;
- }
- .register-from{
- width: 100%;
- height: 80rpx;
- background: #FFFFFF;
- position: relative;
- border-bottom: 1px solid #e1e1e1;
- .label{
- text-align: left;
- font-size: $font-size-28;
- color:#666666;
- line-height: 80rpx;
- float: left;
- }
- .row-input{
- width: 560rpx;
- padding-left:10rpx;
- font-size: $font-size-28;
- color: $text-color;
- line-height: 80rpx;
- float: left;
- height: 80rpx;
- &.none{
- color: #999999;
- }
- &.picker{
- text-align: left;
- color: #333333;
- }
- &.keshi{
- width: 550rpx;
- }
- &.code{
- width: 350rpx;
- }
- &.imgCode{
- width: 390rpx;
- }
- }
- .vscodeimg{
- width: 160rpx;
- height: 80;
- float: left;
- display: flex;
- flex-direction: column;
- align-items: center;
- border-radius: 6rpx;
- margin: 0 10rpx;
- image{
- width: 150rpx;
- height: 68rpx;
- border-radius: 6rpx;
- }
- }
- .vscod-refresh{
- width: 120rpx;
- float: right;
- line-height: 80rpx;
- .ref-text{
- float: left;
- font-size: 26rpx;
- color: #999999;
- }
- .icon-shuaxin{
- float: left;
- font-size: 36rpx;
- color: #999999;
- margin-right: 10rpx;
- }
- }
- &.imgcode{
- width: 410rpx;
- float: left;
- margin-right: 20rpx;
- .row-input{
- width: 230rpx;
- }
- }
- .row-btn{
- width: 180rpx;
- height:64rpx;
- float: left;
- background: $btn-confirm;
- padding: 0;
- border-radius: 32rpx;
- .row-input{
- width: 180rpx;
- height: 64rpx;
- line-height: 64rpx;
- padding: 0;
- color: #FFFFFF;
- background: $btn-confirm;
- text-align: center;
- border-radius: 32rpx;
- font-size: $font-size-24;
- &.other{
- width: 180rpx;
- background: #F7F7F7;
- margin-right: 20rpx;
- }
- &.none{
- background: #F7F7F7;
- }
- }
- &.disabled{
- background: #F7F7F7;
- .row-input{
- background: #F7F7F7;
- color: #999999;
- }
- }
- }
- &.picker{
- width: 100%;
- height: 80rpx;
- line-height: 80rpx;
- .label{
- line-height: 80rpx;
- }
- .row-input{
- width: 470rpx;
- height: 80rpx;
- line-height: 80rpx;
- padding-left: 30rpx;
- }
- }
- &.radio{
- width: 100%;
- border-bottom: none;
- .row-input{
- width: 25%;
- height: 80rpx;
- line-height: 80rpx;
- padding-left: 0;
- }
- .row-radio{
- float: left;
- transform: scale(0.8);
- }
- .row-text{
- text-align: center;
- float: left;
- font-size: $font-size-24;
- }
- }
- &.group{
- width: 100%;
- height: auto;
- background: #FFFFFF;
- margin-top: 30rpx;
- border-bottom: none;
- .label{
- line-height: 76rpx;
- }
- .row-input{
- width: 100%;
- height: 80rpx;
- line-height: 80rpx;
- padding-left: 0;
- }
- .row-radio{
- float: left;
- }
- .row-text{
- width: 100rpx;
- text-align: center;
- float: left;
- }
- }
- &.btn{
- margin-top: 0;
- }
- .content-class {
- margin: 20rpx auto;
- display: flex;
- flex-flow: row wrap;
- justify-content: space-between;
- align-items: center;
- &.btn{
- margin: 0 auto;
- margin-left: 116rpx;
- }
- .row-input{
- display: flex;
- width: 330rpx;
- box-sizing: border-box;
- height: 64rpx;
- padding:0 24rpx;
- text-align: left;
- border-radius: 32rpx;
- font-size: $font-size-28;
- color: $text-color;
- border: 1px solid #B2B2B2;
- line-height: 64rpx;
- }
- .confirm-btn{
- width: 200rpx;
- height: 64rpx;
- border-radius: 32rpx;
- line-height: 64rpx;
- text-align: center;
- &.other{
- width: 213rpx;
- }
- &.none{
- color: $color-system;
- background: #ffe6dc;
- }
- &.disabled{
- color: #999999;
- }
- }
- .item {
- width: 155rpx;
- height: 60rpx;
- font-size:$font-size-28;
- line-height: 60rpx;
- border-radius:30rpx;
- margin: 10rpx;
- text-align: center;
- box-sizing: border-box;
- border: 1rpx solid #EFEFEF;
- float: left;
- checkbox {
- display: none;
- }
- }
- .on {
- border-color: $color-system;
- color:$color-system;
- }
- }
- }
- .row-login{
- flex: 1;
- font-size: $font-size-28;
- color: $text-color;
- text-align: left;
- }
- .row-logincode{
- flex: 1;
- font-size: $font-size-28;
- color: $text-color;
- text-align: right;
- }
- .icon-xiayibu{
- width: 80rpx;
- height: 80rpx;
- position: absolute;
- right: 0;
- top: 0;
- line-height: 80rpx;
- text-align: center;
- }
- &.text-textarea{
- background: #FFFFFF;
- .textarea{
- width: 100%;
- height: 180rpx;
- padding: 24rpx;
- box-sizing: border-box;
- font-size: $font-size-28;
- color: $text-color;
- z-index: 1;
- border-bottom: 1px solid #e1e1e1;
- }
- .textarea.hide{
- opacity: 0;
- }
- .textarea.show{
- color: #999999;
- }
- }
- }
- .register-picture{
- height: 180rpx;
- margin: 30rpx 0;
- float: left;
- &.zz{
- width: 100%;
- }
- .label{
- float: left;
- font-size: $font-size-28;
- color: #666666;
- line-height: 180rpx;
- width: 150rpx;
- text-align: left;
- }
- .upload-picture{
- float: left;
- height: 180rpx;
- .upload-none{
- width: 180rpx;
- height: 180rpx;
- text-align: center;
- line-height: 180rpx;
- color: #999999;
- border: 1px solid #999999;
- border-radius: 10rpx;
- margin: 0 20rpx;
- .iconfont{
- font-size: 60rpx;
- }
- }
- .upload-image{
- width: 180rpx;
- height: 180rpx;
- border-radius: 6rpx;
- margin: 0 20rpx;
- position: relative;
- image{
- width: 180rpx;
- height: 180rpx;
- border-radius: 6rpx;
- }
- .upload-del{
- width: 40rpx;
- height: 40rpx;
- position: absolute;
- top: -20rpx;
- right: -20rpx;
- line-height: 40rpx;
- text-align: center;
- .iconfont{
- font-size: $font-size-32;
- color: #999999;
- }
- }
- }
- }
- }
- .register-input{
- width: 654rpx;
- height: 40rpx;
- padding: 24rpx;
- margin: 0 auto;
- margin-bottom: 60rpx;
- background: #F7F7F7;
- border-radius: 14rpx;
- .input{
- width: 100%;
- height: 100%;
- background: #F7F7F7;
- font-size: $font-size-28;
- line-height: 40rpx;
- color: #333333;
- border-radius: 14rpx;
- }
- }
- .register-fiexd{
- width: 100%;
- height: auto;
- position: fixed;
- bottom: 0;
- left: 0;
- z-index: 999;
- background: #FFFFFF;
- }
- .register-btn{
- width: 600rpx;
- height: 88rpx;
- border-radius: 44rpx;
- font-size: $font-size-28;
- line-height: 88rpx;
- color: #FFFFFF;
- margin: 0 auto;
- text-align: center;
- background: $btn-confirm;
- margin-top: 96rpx;
- &.prev{
- background:#ffe6dc;
- color: $color-system;
- margin-top: 20rpx;
- }
- &.none{
- border: 1px solid $color-system;
- background: #FFFFFF;
- color:$color-system;
- margin-top: 0;
- }
- &.sub{
- margin-top: 0;
- }
- }
- }
- }
- </style>
|