授权获取手机号

pages/kotra/BrandEnterSetIn/enterIndex.vue

@@ -54,7 +54,7 @@
               <text class="tip" v-if="item.tip">{{ item.tip }}</text>
             </view>
             <view class="con1" v-if="item.type == 1">
-              <input
+              <input v-if="item.field!='Mobile'"
                 class="input"
                 type="text"
                 v-model="dataOne[item.field]"
@@ -63,6 +63,28 @@
                 placeholder-style="color: #CECECEFF"
                 @focus="inputFcous(item)"
               />
+              <view v-else style="display: flex;">
+                <input
+                class="input"
+                style="flex: 1;margin-right: 10px;"
+                type="text"
+                v-model="dataOne[item.field]"
+                :placeholder="item.text"
+                :disabled="nowStatus == 3 || nowStatus == 5 || isMobile ? true : false"
+                placeholder-style="color: #CECECEFF"
+                @focus="inputFcous(item)"
+                />
+                <view v-show="isMobile">
+                  <button size="mini"
+                  :class="[loadingMobile?'is-hoverPhone':'PhoneNumber']"
+                  :loading="loadingMobile"
+                  open-type="getPhoneNumber"
+                  @getphonenumber="getPhoneNumber">
+                    获取手机号
+                  </button>
+                </view>
+              </view>
+              
               <view
                 v-if="nowStatus != 3 && nowStatus != 5"
                 style="
@@ -85,6 +107,7 @@
                   mode="widthFix"
                 ></image>
               </view>
+              
             </view>
             <view class="con2" v-if="item.type == 2">
               <!-- 未上传成功 -->
@@ -343,10 +366,48 @@ export default {
 		  {name:'企业',image:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638696228219050268.png',id:3},
 		  {name:'楼宇',image:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638696228045398333.png',id:4},
 	  ],
-	  isEnterType: false
+	  isEnterType: false,
+    isMobile: true,
+    loadingMobile: false,
     };
   },
   methods: {
+    getPhoneNumber (e) {
+      this.loadingMobile = true
+      if(e.detail.errMsg=="getPhoneNumber:ok"){
+        let parms = {
+          url: "/api/AppletLogin/GetUserPhoneNumber",
+          data: {
+            Code: e.detail.code
+          }
+        };
+        this.request2(parms, (res) => {
+          this.loadingMobile = false
+          if (res.resultCode == 1) {
+            this.dataOne.Mobile = res.data.phoneNumber
+            if(!this.dataOne.Mobile||this.dataOne.Mobile==""){
+              this.isMobile = false
+              wx.showToast({
+                icon: 'none',
+                title: "请手动输入手机号",
+                duration: 1000,
+              });
+            }
+          }else{
+            this.loadingMobile = false
+            this.isMobile = false
+            wx.showToast({
+              icon: 'none',
+              title: "请手动输入手机号",
+              duration: 1000,
+            });
+          }
+        });
+      }else {
+        this.isMobile = false
+        this.loadingMobile = false
+      }
+    },
     // 输入框获取焦点
     inputFcous(e) {
       e.delIcon = true;
@@ -1080,4 +1141,14 @@ export default {
 .company-auth .item.active image{
 	opacity: unset;
 }
+.PhoneNumber{
+  color:#ffffff;
+  background-color:#017edf;
+  border-color:#017edf
+}
+.is-hoverPhone {
+	color: black;
+	background-color: #C6E6FF ;
+	border-color: #C6E6FF;
+}
 </style>