资料

supplier/pages/user/information.vue

@@ -75,19 +75,33 @@
 				 </view>
 			</view>
 			<view class="zizhi" v-if="issecondshow">
-				<view class="info-title">资质</view>
+				<view class="info2-title">资质</view>
 				<view class="uploadImage">
-					 <!-- <view class="form-upload-image"  >
-						   <image class="upload-img" src="https://admin-b.caimei365.com/userfiles/1/images/photo/2020/11/15.jpg" alt=""  @click="showViewerbigImage()"></image>
-						   <i class="iconfont icon-shanchu1" @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="form-upload-image"  v-if="medicalPracticeLicenseImg1!=''">
+						   <image class="upload-img" :src="medicalPracticeLicenseImg1" alt="" ></image>
+						   <view class="iconfont icon-shanchu1" @click="deleteMedicalImage()"></view>
+					 </view>
+					 <view class="formLine-file" @click="uploadzizhiImageFn" v-else>
 						   <view class="file-zizhi"></view>
 					  </view>
 				</view>
 			</view>
 			
+			<view class="business">
+				<view class="info2-title">主营内容</view>
+				<view class="business-info">
+					<view class="">
+					   <view v-for="(pro,index) in mentuzCampNullList" :key="index" class="diyBox second">
+						  <label class="iconfont icon-weixuanze"></label>{{pro.name}}
+					   </view>
+					 </view>
+					 <view class="addbusiness">
+					 	<input class="row-input other" type="text" placeholder="请输入自定义项目"  @blur="onBlurInput" maxlength="5"/>
+					 	<button type="default" class="button" @click.stop="addCustomItem">确认添加</button>
+					 </view>
+				</view>
+			</view>
+			
 		</view>
 		
 		<view class="wrap-image">
@@ -138,11 +152,26 @@
 					{name:'二类器械',value:'2'},
 					{name:'三类器械',value:'3'},
 					{name:'其它',value:'4'}
-				]
-				
+				],
+				mentuzCampNullList:[
+					{value:'1',name:'产品'},
+					{value:'2',name:'仪器'},
+					{value:'3',name:'服务'}
+				],
+				medicalPracticeLicenseImg1:'',
+				shopMainPros:[],
+				shopScope:[],
 			}
 		},
 		methods:{
+			uploadzizhiImageFn(event){//上传商品图片
+					uploadFileImage().then(res =>{
+						this.medicalPracticeLicenseImg1 = JSON.parse(res.data).data;
+					})
+			},
+			 deleteMedicalImage(){//删除商品图片
+			   this.medicalPracticeLicenseImg1 = '';
+			 },
 			secondypeRidio(item){
 				this.secontype = item.value;
 				if (item.value==3){
@@ -247,6 +276,7 @@
 			 margin-right: 60rpx;
 			 .iconfont{
 				 margin-right: 10rpx;
+				 font-size: $font-size-36;
 			 }
 			 .icon-weixuanze{
 				 color: #b2b2b2;
@@ -279,10 +309,79 @@
 			}
 	 }
 	 .zizhi{
-		.info-title{
-			padding-left: 24rpx;
-			font-size: $font-size-28;
-			color: #999999;
-		} 
+		 .uploadImage{
+			 padding: 0 24rpx;
+			 .form-upload-image{
+				 width: 270rpx;
+				 height: 200rpx;
+				 position: relative;
+				 .upload-img{
+					 width: 100%;
+					 height: 100%;
+				 }
+				 .icon-shanchu1{
+					position: absolute;
+					top: -20rpx;
+					right:-15rpx;
+					color: #f94b4b;
+					font-size: $font-size-36;
+				}
+			 }
+			 .formLine-file{
+					width: 270rpx;
+					height: 200rpx;
+				 .file-zizhi{
+					background: url('https://admin-b.caimei365.com/userfiles/1/images/photo/2020/11/icon-zizhi.png') no-repeat;
+					width: 270rpx;
+					height: 200rpx;
+				 }
+			 }
+		 }
+	 }
+	 .business{overflow: hidden;}
+	 .business-info{
+		 float: left;
+		 margin-left: 60rpx;
+		 .diyBox{
+			 display: inline-block;
+			 margin-right: 60rpx;
+			 .iconfont{
+				 margin-right: 14rpx;
+				 color: #b2b2b2;
+				 font-size: $font-size-36;
+			 }
+		  }
+		 }
+	 .info2-title{
+	 	padding-left: 24rpx;
+	 	font-size: $font-size-28;
+	 	color: #666666;
+		float: left;
+	 }
+	 .addbusiness{
+		 margin: 20rpx 0;
+		 .other{
+			 width: 350rpx;
+			 height: 64rpx;
+			 border: 2rpx solid #b2b2b2;
+			 border-radius: 45rpx;
+			 text-align: center;
+			 line-height: 64rpx;
+			 padding-left: 10rpx;
+			 font-size: 28rpx;
+			 display: inline-block;
+		 }
+		 .button{
+			 width: 160rpx;
+			 height: 64rpx;
+			 text-align: center;
+			 line-height: 64rpx;
+			 display: inline-block;
+			 color: $color-system;
+			 background:#ffe6dc ;
+			 margin-left: 15rpx;
+			  border-radius: 45rpx;
+		 }
+		 
 	 }
 </style>