商家入驻优化

pages/member/sellerjoinin/Step2.vue

@@ -8,9 +8,12 @@
       <uni-nav-bar title="店铺入驻" class="common-header" left-icon="back" @clickLeft="goBack()">
       </uni-nav-bar>
     </view>
+	
     </view>
+	
     <step :options="options" :active="0"></step>
-    <view class="div label">店铺及联系人信息</view>
+    <view  class="div label">店铺及联系人信息</view>
+	
     <view class="div main-content">
       <flex-line class="field-line" :show-border="true"><text class="span field-name">{{storeJoinin.store_type==1?'店铺名称':'公司名称'}}</text><view class="div field-line-right" slot="right"><input class="field-input" v-model="storeJoinin.company_name" /></view></flex-line>
       <view class="div" @click="onRegion('company_address')"><flex-line :is-link="true" :show-border="true"><text class="span line-name">所在地</text><text class="span" slot="right">{{storeJoinin.company_address}}</text></flex-line></view>
@@ -62,7 +65,10 @@
       </flex-line>
 	  
 	  <flex-line class="pt-5" :show-border="true">
+		<div>
 	    <text class="span">{{storeJoinin.store_type==0?'企业授权书':'身份证反面'}}</text>
+		  <div class="button look-button" v-if="storeJoinin.store_type==0" v-on:click="lookImage()">查看实例</div>
+		</div>
 	    <view class="div" slot="right">
 	      <view class="div user-avatar-wrapper">
 	        <view class="div user-avatar">
@@ -72,6 +78,7 @@
 	                    }"></uni-file-picker>
 	                </view>
 	      </view>
+		
 	    </view>
 	  </flex-line>
     </view>
@@ -79,6 +86,7 @@
 
     <view class="div">
       <uni-popup background-color="#fff" ref="isshow" class="popup" >
+		  <!-- <div>{{showimage}}</div> -->
         <image mode="aspectFit" class="img" :src="showimage" :style="getBannerStyle" @click="hidePopup('isshow')">
       </uni-popup>
     </view>
@@ -232,6 +240,7 @@ export default {
 
         this.fetchConfig({}).then(
           response => {
+			  console.log('this.config' , this.config)
             if (this.config.store_joinin_open == 2 || this.config.store_joinin_open == 3) {
               if (this.config.store_joinin_open == 3) {
                 this.storeJoinin['store_type'] = 1
@@ -246,6 +255,8 @@ export default {
             uni.showToast({icon:'none',title: error.message})
           }
         )
+		console.log('this.storeJoinin' ,this.storeJoinin)
+		
       }
     }).catch(error => {
       uni.showToast({icon:'none',title: error.message})
@@ -268,6 +279,7 @@ export default {
       sellerJoininSave: 'sellerJoininSave'
     }),
     nextStep () {
+	console.log('this.storeJoinin' ,this.storeJoinin)
       saveStoreJoinin2(this.storeJoinin).then(res => {
         this.sellerJoininSave({ storeJoinin: this.storeJoinin })
         uni.navigateTo({url:'/pages/member/sellerjoinin/Step3'})
@@ -313,6 +325,14 @@ export default {
       this.showimage = src
       this.showPopup('isshow')
     },
+	lookImage (){
+		const  images = ['https://www.cctc365.com/uploads/home/store/p9ynd6H.png']
+		uni.previewImage({
+			current: 0,     // 当前显示图片的索引值
+			urls: images,    // 需要预览的图片列表，photoList要求必须是数组
+			loop:false,    
+		})
+	},
     dropImage () {
       this.storeJoinin.business_licence_number_electronic = ''
       this.$forceUpdate()
@@ -335,8 +355,8 @@ export default {
 	      var that = this
 	        that.cropperOption1.imgUrl = file.path
 	        that.cropperOption1.autoCropWidth = uni.getSystemInfoSync().windowWidth
-	        that.cropperOption1.autoCropHeight = uni.getSystemInfoSync().windowWidth * (this.storeJoinin.store_type==0 ? 1 :.63)
-	        that.cropperOption1.maxImgSize = uni.getSystemInfoSync().windowHeight - 40 
+	        that.cropperOption1.autoCropHeight = uni.getSystemInfoSync().windowWidth * (this.storeJoinin.store_type==0 ? 1.6 :.63)
+	        that.cropperOption1.maxImgSize =uni.getSystemInfoSync().windowHeight -40
 	        that.$forceUpdate()
 	    },
       useCrop(res) {
@@ -409,7 +429,7 @@ export default {
         this.$forceUpdate()
       },
 	  cropBack1(){
-	    this.cropperOption1.imgUrl=''
+	 this.cropperOption1.imgUrl=''
 	    this.$forceUpdate()
 	  },
     selectCity (city_name) {
@@ -451,4 +471,9 @@ export default {
     font-size:$h2;
     background: #eee;
   }
+  .look-button{
+	  margin-top:.5rem; ;
+	  color: #999;
+	  font-weight: 400;
+  }
 </style>