资料

supplier/pages/user/information.vue

@@ -61,6 +61,32 @@
 			<view class="row">
 				<view class="info-title">经营信息</view>	
 			</view>
+			<view class="info-from" style="border: 0;">
+				<view class="label">公司类型</view>
+				<view class="row-input ShopTyperadio">
+					<view class="radio" v-for="(item,index) in typename" :key="index" @click="firstShopTypeRidio(item)" :class="firsttype==item.value?'active':''">
+						<label class="iconfont" :class="firsttype==item.value?'icon-yixuanze':'icon-weixuanze'"></label>{{item.name}}
+					</view>
+				</view>
+			</view>
+			<view class="secondTyperadio"  v-if="isfirstShow" >
+				 <view class="radio" v-for="(item,index) in secondtype" :key="index" @click="secondypeRidio(item)" :class="secontype==item.value?'active':''">
+				 	<view class="secondRadio">{{item.name}}</view>
+				 </view>
+			</view>
+			<view class="zizhi" v-if="issecondshow">
+				<view class="info-title">资质</view>
+				<view class="uploadImage">
+					 <view class="form-upload-image"  >
+						   <image class="upload-img" src="" alt=""  @click="showViewerbigImage()"></image>
+						   <i class="icon mIcon" @click="deleteMedicalImage()"></i>
+					 </view>
+					 <view class="formLine-file" >
+						   <input ref="medicalPracticeLicenseImg1" class="file" type="file" accept="image/png,image/jpeg,image/gif,image/jpg"  @change="uploadzizhiImageFn">
+						   <view class="file-zizhi"></view>
+					  </view>
+				</view>
+			</view>
 			
 		</view>
 		
@@ -68,6 +94,7 @@
 			<view class="row">
 				<view class="info-title">资质证明</view>
 			</view>
+			
 		</view>
 		
 		<mpvue-city-picker :themeColor="themeColor"
@@ -91,6 +118,10 @@
 		data(){
 			return{
 				isShowInput:false,
+				firsttype:0,
+				secontype:0,
+				isfirstShow:false,
+				issecondshow:false,
 				addressData:{
 					address:'请选择公司所在地区',
 					townID:'',			//区ID
@@ -98,9 +129,36 @@
 					provinceID:'',		//区ID
 					addressDetail: '',	//地址
 				},
+				typename:[
+					{name:'医疗',value:'1'},
+					{name:'非医疗',value:'2'}
+				],
+				secondtype:[
+					{name:'一类器械',value:'1'},
+					{name:'二类器械',value:'2'},
+					{name:'三类器械',value:'3'},
+					{name:'其它',value:'4'}
+				]
+				
 			}
 		},
 		methods:{
+			secondypeRidio(item){
+				this.secontype = item.value;
+				if (item.value==3){
+				this.issecondshow = true;
+				}else {
+				 this.issecondshow = false;
+				}
+			},
+			firstShopTypeRidio(item){
+				this.firsttype = item.value;
+				if (item.value==1){
+				this.isfirstShow = true;
+				}else {
+				 this.isfirstShow = false;
+				}
+			},
 			showMulLinkageThreePicker() {//三级地址联动
 				this.isShowInput = true
 				this.$refs.mpvueCityPicker.show()
@@ -148,7 +206,7 @@
 			float: left;
 		}
 		.row-input{
-			width: 440rpx;
+			width: 520rpx;
 			padding-left:10rpx;
 			font-size: $font-size-28;
 			color: $text-color;
@@ -174,10 +232,49 @@
 		font-size: $font-size-28;
 		padding-top: 20rpx;
 	}
-	 input[type="text"]::placeholder,textarea::placeholder{color: #b2b2b2;}
+	 input[type="text"]::placeholder,textarea::placeholder {color: #b2b2b2;}
 	 .info-email{
 		 color: #fea785;
 		 font-size: $font-size-20;
 		 padding-left: 24rpx ;
 	 }
+	 .ShopTyperadio{
+		 overflow: hidden;
+		 height: auto;
+		 border: 0;
+		 .radio{
+			 float: left;
+			 margin-right: 60rpx;
+			 .iconfont{
+				 margin-right: 10rpx;
+			 }
+			 .icon-weixuanze{
+				 color: #b2b2b2;
+			 }
+			 .icon-yixuanze{
+				  color: $color-system;
+			 }
+		 }
+	 }
+	 .active{
+		 color: $color-system;
+	 }
+	 .secondTyperadio{
+		 overflow: hidden;
+		 height: auto;
+		 padding: 0 24rpx;
+		 color: #999999;
+		 .radio{
+				float: left;
+				margin-right: 20rpx;
+				.secondRadio{
+					 border: 2rpx solid #e1e1e1;
+					 padding: 0 30rpx;
+					 text-align: center;
+					 line-height: 42rpx;
+					 font-size: $font-size-26;
+					 border-radius: 21rpx;
+				}
+			}
+	 }
 </style>