feat(realName): 实名认证去除部分字段

pages/selfService/realName/realName.vue

@@ -1,19 +1,19 @@
 <template>
   <view class="content">
-    <div class="img_cen"
-         v-if="hasRegin">
+    <div class="img_cen" v-if="hasRegin">
       <div class="status-img">
         <img src="@/static/images/status3.png" />
       </div>
-      <div class="status-size bolds">{{'已认证'}}</div>
+      <div class="status-size bolds">{{ '已认证' }}</div>
     </div>
-    <view class="theform"
-          v-else>
-      <u--form labelPosition="left"
-               :model="dataForm"
-               :rules="rules"
-               ref="uForm">
-        <u-form-item required
+    <view class="theform" v-else>
+      <u--form
+        labelPosition="left"
+        :model="dataForm"
+        :rules="rules"
+        ref="uForm"
+      >
+        <!-- <u-form-item required
                      label-width="180rpx"
                      :label="'证件(正面)'">
           <uploadImg :ifsfz='true'
@@ -24,8 +24,8 @@
                      :bgimg="`../../../static/images/idCard1.png`"
                      v-model="dataForm.idFront"></uploadImg>
 
-        </u-form-item>
-        <u-form-item required
+        </u-form-item> -->
+        <!-- <u-form-item required
                      label-width="180rpx"
                      :label="'证件(反面)'">
           <uploadImg :ifsfz='true'
@@ -36,151 +36,186 @@
                      :bgimg="`../../../static/images/idCard2.png`"
                      v-model="dataForm.idBack"></uploadImg>
 
+        </u-form-item> -->
+        <u-form-item
+          required
+          label-width="180rpx"
+          :label="'真实姓名'"
+          prop="accountName"
+          ref="item1"
+        >
+          <u--input
+            :placeholder="'请输入'"
+            v-model="dataForm.accountName"
+          ></u--input>
         </u-form-item>
-        <u-form-item required
-                     label-width="180rpx"
-                     :label="'真实姓名'"
-                     prop="accountName"
-                     ref="item1">
-          <u--input :placeholder="'请输入'"
-                    disabled
-                    v-model="dataForm.accountName"></u--input>
-        </u-form-item>
-        <u-form-item required
-                     label-width="180rpx"
-                     :label="'性别'"
-                     prop="sex"
-                     ref="item1">
-          <u-radio-group v-model="dataForm.sex"
-                         @change="radioGroupChange"
-                         disabled>
-            <u-radio :customStyle="{marginRight: '16rpx'}"
-                     v-for="(item, index) in sexList"
-                     :key="index"
-                     :name="item.value">{{ item.label }}</u-radio>
+        <u-form-item
+          required
+          label-width="180rpx"
+          :label="'性别'"
+          prop="sex"
+          ref="item1"
+        >
+          <u-radio-group v-model="dataForm.sex" @change="radioGroupChange">
+            <u-radio
+              :customStyle="{ marginRight: '16rpx' }"
+              v-for="(item, index) in sexList"
+              :key="index"
+              :name="item.value"
+              >{{ item.label }}</u-radio
+            >
           </u-radio-group>
         </u-form-item>
         <!-- </u-form-item> -->
-        <u-form-item required
-                     label-width="180rpx"
-                     :label="'证件类型'"
-                     prop="idName"
-                     @click="showCtype = true; "
-                     ref="item1">
-          <u--input suffixIcon="arrow-right"
-                    readonly
-                    v-model="dataForm.idName"
-                    disabled
-                    :placeholder="'请选择'">
+        <u-form-item
+          required
+          label-width="180rpx"
+          :label="'证件类型'"
+          prop="idName"
+          @click="showCtype = true"
+          ref="item1"
+        >
+          <u--input
+            suffixIcon="arrow-right"
+            readonly
+            v-model="dataForm.idName"
+            disabled
+            :placeholder="'请选择'"
+          >
           </u--input>
         </u-form-item>
-        <u-form-item required
-                     label-width="180rpx"
-                     :label="'证件号码'"
-                     prop="idCard"
-                     ref="item1">
-          <u--input :placeholder="'请输入'"
-                    v-model="dataForm.idCard"
-                    disabled></u--input>
+        <u-form-item
+          required
+          label-width="180rpx"
+          :label="'证件号码'"
+          prop="idCard"
+          ref="item1"
+        >
+          <u--input
+            :placeholder="'请输入'"
+            v-model="dataForm.idCard"
+          ></u--input>
         </u-form-item>
-        <u-form-item required
-                     label-width="180rpx"
-                     :label="'银行名称'"
-                     @click="showAmount = true; "
-                     prop="bankName"
-                     ref="item1">
-          <u--input suffixIcon="arrow-right"
-                    readonly
-                    v-model="dataForm.bankName"
-                    disabledColor="#ffffff"
-                    :placeholder="'请选择'">
+        <u-form-item
+          required
+          label-width="180rpx"
+          :label="'银行名称'"
+          @click="showAmount = true"
+          prop="bankName"
+          ref="item1"
+        >
+          <u--input
+            suffixIcon="arrow-right"
+            readonly
+            v-model="dataForm.bankName"
+            disabledColor="#ffffff"
+            :placeholder="'请选择'"
+          >
           </u--input>
-
         </u-form-item>
-        <u-form-item required
-                     label-width="180rpx"
-                     :label="'银行卡号'"
-                     prop="cardNumber"
-                     ref="item1">
-          <u--input :placeholder="'请输入'"
-                    v-model="dataForm.cardNumber"
-                    disabledColor="#F5F5F5;"></u--input>
+        <u-form-item
+          required
+          label-width="180rpx"
+          :label="'银行卡号'"
+          prop="cardNumber"
+          ref="item1"
+        >
+          <u--input
+            :placeholder="'请输入'"
+            v-model="dataForm.cardNumber"
+            disabledColor="#F5F5F5;"
+          ></u--input>
         </u-form-item>
 
-        <u-form-item required
-                     label-width="180rpx"
-                     :label="'开户支行'"
-                     prop="subBankName"
-                     ref="item1">
-          <u--input :placeholder="'请输入'"
-                    v-model="dataForm.subBankName"
-                    disabledColor="#F5F5F5;"></u--input>
+        <u-form-item
+          required
+          label-width="180rpx"
+          :label="'开户支行'"
+          prop="subBankName"
+          ref="item1"
+        >
+          <u--input
+            :placeholder="'请输入'"
+            v-model="dataForm.subBankName"
+            disabledColor="#F5F5F5;"
+          ></u--input>
         </u-form-item>
-        <u-form-item required
-                     @click="getDiqu"
-                     :label="'所在地区'"
-                     label-width="180rpx"
-                     prop="theaddress">
-          <u--input v-model="dataForm.theaddress"
-                    readonly
-                    suffixIcon="arrow-right"
-                    disabledColor="#ffffff"
-                    :placeholder="'请选择'">
+        <u-form-item
+          required
+          @click="getDiqu"
+          :label="'所在地区'"
+          label-width="180rpx"
+          prop="theaddress"
+        >
+          <u--input
+            v-model="dataForm.theaddress"
+            readonly
+            suffixIcon="arrow-right"
+            disabledColor="#ffffff"
+            :placeholder="'请选择'"
+          >
           </u--input>
         </u-form-item>
 
         <view class="view-class">
-          <u-form-item required
-                       :label="'详细地址'"
-                       class="label-style"
-                       label-width="180rpx"
-                       prop="address">
-            <u-textarea v-model="dataForm.address"
-                        placeholder-class="place-class"
-                        class="border-color"
-                        maxlength="200"
-                        :placeholder="'请输入'" />
-
+          <u-form-item
+            required
+            :label="'详细地址'"
+            class="label-style"
+            label-width="180rpx"
+            prop="address"
+          >
+            <u-textarea
+              v-model="dataForm.address"
+              placeholder-class="place-class"
+              class="border-color"
+              maxlength="200"
+              :placeholder="'请输入'"
+            />
           </u-form-item>
         </view>
-        <u-form-item required
-                     label-width="180rpx"
-                     :label="'联系方式'"
-                     prop="phone"
-                     ref="item1">
-          <u--input v-model="dataForm.phone"
-                    :placeholder="'请输入'"></u--input>
+        <u-form-item
+          required
+          label-width="180rpx"
+          :label="'联系方式'"
+          prop="phone"
+          ref="item1"
+        >
+          <u--input v-model="dataForm.phone" :placeholder="'请输入'"></u--input>
         </u-form-item>
-        <u-form-item required
-                     label-width="180rpx"
-                     :label="'验证码'"
-                     prop="verificationCode"
-                     ref="item1">
-          <u--input v-model="dataForm.verificationCode"
-                    :placeholder="'请输入'">
+        <!-- <u-form-item
+          required
+          label-width="180rpx"
+          :label="'验证码'"
+          prop="verificationCode"
+          ref="item1"
+        >
+          <u--input v-model="dataForm.verificationCode" :placeholder="'请输入'">
             <template slot="suffix">
-              <text style="color: #18ACFF;"
-                    @tap='getCode'>{{tips}}</text>
+              <text style="color: #18acff" @tap="getCode">{{ tips }}</text>
             </template>
           </u--input>
+        </u-form-item> -->
 
-        </u-form-item>
-
-        <u-code :seconds="seconds"
-                @end="end"
-                @start="start"
-                ref="uCode"
-                @change="codeChange"></u-code>
-        <u-picker @cancel='showAmount=false'
-                  :show="showAmount"
-                  ref="uPicker"
-                  :columns="bankCardChioceList"
-                  @confirm="confirm"
-                  keyName='bankName'></u-picker>
+        <u-code
+          :seconds="seconds"
+          @end="end"
+          @start="start"
+          ref="uCode"
+          @change="codeChange"
+        ></u-code>
+        <u-picker
+          @cancel="showAmount = false"
+          :show="showAmount"
+          ref="uPicker"
+          :columns="bankCardChioceList"
+          @confirm="confirm"
+          keyName="bankName"
+        ></u-picker>
         <!-- <u-picker @cancel='showCtype=false' :show="showCtype" ref="uPicker2" :columns="cardTypeList"
 					@confirm="confirm2" keyName='label'></u-picker> -->
       </u--form>
-      <view class="footer_l">
+      <!-- <view class="footer_l">
         <u-checkbox-group v-model="agreementShow"
                           shape="circle"
                           activeColor="#FB3024">
@@ -191,28 +226,31 @@
         <view class="tit3">{{'我已阅读并同意以上协议'}}</view>
         <view class="tit2"
               @click="toAgree"> 《推广人员服务协议》</view>
-      </view>
-      <view class="btnbox">
-        <u-button class="subbtn"
-                  @click="submit">{{'确定'}}</u-button>
+      </view> -->
+      <view class="btnbox" style="padding-bottom: 180rpx;">
+        <u-button class="subbtn" @click="submit">{{ '确定' }}</u-button>
       </view>
     </view>
-    <u-popup :show="agreeMent"
-             :closeable="true"
-             @close="agreeMent=false"
-             :round="10"
-             class="popAll"
-             mode="center">
+    <u-popup
+      :show="agreeMent"
+      :closeable="true"
+      @close="agreeMent = false"
+      :round="10"
+      class="popAll"
+      mode="center"
+    >
       <view class="popList">
         <view class="pop_box">
           <view v-html="context"></view>
           <view class="disflx">
-
-            <u-button type="success"
-                      class="uBtn"
-                      shape="circle"
-                      color="linear-gradient(to right, #fb3024, #fb3024 )"
-                      @tap="agreeMent=false,isRead = 1">{{ '我已阅读并同意以上协议' }}</u-button>
+            <u-button
+              type="success"
+              class="uBtn"
+              shape="circle"
+              color="linear-gradient(to right, #fb3024, #fb3024 )"
+              @tap="((agreeMent = false), (isRead = 1))"
+              >{{ '我已阅读并同意以上协议' }}</u-button
+            >
           </view>
         </view>
 
@@ -221,13 +259,14 @@
 
         </view> -->
       </view>
-
     </u-popup>
     <u-toast ref="uToast"></u-toast>
-    <v-address ref="address"
-               @getAddressData="AddressData"
-               :defaultCode="defaultCode"
-               @addressData="addressData"></v-address>
+    <v-address
+      ref="address"
+      @getAddressData="AddressData"
+      :defaultCode="defaultCode"
+      @addressData="addressData"
+    ></v-address>
   </view>
 </template>
 
@@ -262,7 +301,7 @@ export default {
         idBack: '',
         idName: '身份证',
         idType: 1,
-        sex:1
+        sex: 1,
       },
       sexRadio: 1,
       address: '',
@@ -413,7 +452,7 @@ export default {
       this.agreeMent = true
     },
     getDetail() {
-      ban.authenticationDetails().then((res) => {
+      ban.authenticationDetails().then(res => {
         if (res.data) {
           this.hasRegin = true
         } else {
@@ -421,24 +460,13 @@ export default {
         }
       })
     },
-    toCheck(e) {
-      if (this.isRead == 0) {
-        this.$nextTick(() => {
-          this.$set(this, 'agreementShow', [])
-          uni.showToast({
-            title: '请阅读推广人员服务协议',
-            icon: 'none',
-            duration: 1500,
-          })
-        })
-      }
-    },
+    
     getIdCardInfo(n) {
       ban
         .ocrIdCard({
           idCardUrl: n,
         })
-        .then((res) => {
+        .then(res => {
           if (res.code == 200) {
             this.$set(this.dataForm, 'accountName', res.data.name)
             this.$set(this.dataForm, 'idCard', res.data.idCard)
@@ -460,7 +488,7 @@ export default {
           .ocrIdCardBack({
             idCardBackUrl: e,
           })
-          .then((res) => {
+          .then(res => {
             if (res.code == 200) {
             } else {
               this.$nextTick(() => {
@@ -510,7 +538,7 @@ export default {
             .getVerification({
               phone: this.dataForm.phone,
             })
-            .then((res) => {
+            .then(res => {
               uni.hideLoading()
               // 这里此提示会被this.start()方法中的提示覆盖
               uni.$u.toast('验证码已发送')
@@ -528,45 +556,37 @@ export default {
     end() {},
     start() {},
     getList() {
-      ban.getBankCardChoiceList().then((res) => {
+      ban.getBankCardChoiceList().then(res => {
         this.bankCardChioceList = [res.data]
       })
       //证件类型
-      ban.getCardType().then((res) => {
+      ban.getCardType().then(res => {
         this.cardTypeList = [res.data]
       })
     },
 
     submit() {
-      if (this.agreementShow.length == 0) {
-        uni.showToast({
-          title: '请阅读推广人员服务协议',
-          icon: 'none',
-          duration: 1500,
+      this.$refs.uForm
+        .validate()
+        .then(res => {
+          ban
+            .addAuthentication(this.dataForm)
+            .then(res => {
+              if (res.code == 200) {
+                uni.$u.toast(res.msg)
+                setTimeout(() => {
+                  uni.navigateBack()
+                }, 1500)
+              } else {
+                uni.$u.toast(res.msg)
+              }
+            })
+            .catch(err => {})
+        })
+        .catch(errors => {
+          uni.$u.toast('校验失败')
+          return false
         })
-      } else {
-        this.$refs.uForm
-          .validate()
-          .then((res) => {
-            ban
-              .addAuthentication(this.dataForm)
-              .then((res) => {
-                if (res.code == 200) {
-                  uni.$u.toast(res.msg)
-                  setTimeout(() => {
-                    uni.navigateBack()
-                  }, 1500)
-                } else {
-                  uni.$u.toast(res.msg)
-                }
-              })
-              .catch((err) => {})
-          })
-          .catch((errors) => {
-            uni.$u.toast('校验失败')
-            return false
-          })
-      }
     },
     confirm2(e) {
       this.dataForm.idName = e.value[0].label
@@ -590,7 +610,8 @@ export default {
 }
 
 .content {
-  background: #f2f2f2;
+  padding: 0 20rpx;
+  background: #fff;
 
   .uni-textarea {
     height: 100rpx;
@@ -676,4 +697,4 @@ export default {
 .disflx {
   margin-top: 10px;
 }
-</style>
+</style>