From e3deb46104c12bdaaaaca37bae4e0b1a21f6d8a1 Mon Sep 17 00:00:00 2001
From: "yang.huaxiang" <yang.huaxiang@ebiz-fooge.com>
Date: Mon, 16 Nov 2020 13:28:16 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=89=E5=85=A8=E6=80=A7=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E5=A4=84=E7=90=86=EF=BC=9A=E6=B7=BB=E5=8A=A0=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E8=AE=BF=E9=97=AE=E6=A0=A1=E9=AA=8C=E7=BB=84=E4=BB=B6=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=20--=E6=8F=90=E4=BA=A4=E4=BA=BA=EF=BC=9A=E9=98=B3?=
 =?UTF-8?q?=E5=8D=8E=E7=A5=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/CheckAgent.vue | 102 ++++++++++++++++++++-------
 1 file changed, 76 insertions(+), 26 deletions(-)

diff --git a/src/components/common/CheckAgent.vue b/src/components/common/CheckAgent.vue
index 74325c38d..2600c6064 100644
--- a/src/components/common/CheckAgent.vue
+++ b/src/components/common/CheckAgent.vue
@@ -8,24 +8,47 @@
     @cancel="checkModelCancel"
     :before-close="checkModelBeforeClose"
   >
-    <p class="p10 fs14">
-      为保护客户隐私数据安全，请您授权访问，短信验证码已发送至您手机号{{ checkModel.mobile | encryCheckModelMobile }}，请您输入验证码以完成后续操作。
-    </p>
-    <van-cell-group class="flex align-items-c pr5 mb15">
-      <van-field maxlength="6" placeholder="请输入短信验证码" v-model="checkModel.authCode" clearable label-width="0" />
-      <van-button type="danger" plain size="small" class="w160 p0" @click="checkModelGetCode" :disabled="checkModel.codeDisabled" v-no-more-click="2000">{{
-        checkModel.codeDisabled ? `${checkModel.countDown}s后重新获取` : '获取验证码'
-      }}</van-button>
-    </van-cell-group>
+    <van-tabs v-model="active" @click="clickTable">
+      <van-tab>
+        <template #title>密码校验 </template>
+        <div class="p10 fs14">
+          <p>为保护客户隐私数据安全，请您授权访问。请在下面输入框输入登录密码</p>
+          <van-field v-model="checkModel.pwd" clearable type="password" label="密码:" name="密码" label-width="3em" placeholder="请输入密码" />
+        </div>
+      </van-tab>
+      <van-tab v-if="isShowSms">
+        <template #title>短信校验校验 </template>
+        <div>
+          <p class="p10 fs14">
+            为保护客户隐私数据安全，请您授权访问。短信验证码已发送至您手机号{{ checkModel.mobile | encryCheckModelMobile }}，请您输入验证码以完成后续操作。
+          </p>
+          <van-cell-group class="flex align-items-c pr5 mb15">
+            <van-field maxlength="6" placeholder="请输入短信验证码" v-model="checkModel.authCode" clearable label-width="0" />
+            <van-button
+              type="danger"
+              plain
+              size="small"
+              class="w160 p0"
+              @click="checkModelGetCode"
+              :disabled="checkModel.codeDisabled"
+              v-no-more-click="2000"
+              >{{ checkModel.codeDisabled ? `${checkModel.countDown}s后重新获取` : '获取验证码' }}</van-button
+            >
+          </van-cell-group>
+        </div>
+      </van-tab>
+    </van-tabs>
   </van-dialog>
 </template>
 <script>
-import { Search, Cell, IndexBar, IndexAnchor, Popup, Button, Tag, Dialog, Field } from 'vant'
+import { Search, Cell, IndexBar, IndexAnchor, Popup, Button, Tag, Dialog, Field, Tab, Tabs } from 'vant'
 import { checkEnterPower, getAuthCode, getCheckModelAgentInfo } from '@/api/ebiz/common/common'
 export default {
   name: 'CheckAgent',
   props: {},
   components: {
+    [Tab.name]: Tab,
+    [Tabs.name]: Tabs,
     [Search.name]: Search,
     [Cell.name]: Cell,
     [IndexBar.name]: IndexBar,
@@ -38,7 +61,10 @@ export default {
   },
   data() {
     return {
+      active: 0,
+      isShowSms: false,
       checkModel: {
+        pwd: null,
         show: false,
         authCode: '',
         smsId: '',
@@ -59,6 +85,9 @@ export default {
     }
   },
   methods: {
+    clickTable() {
+      console.log('active', this.active)
+    },
     // 校验是否显示弹窗
     async checkModelEnterValidate() {
       let checkModelResult = await checkEnterPower({ operateType: 'isEnter' })
@@ -89,11 +118,10 @@ export default {
         if (!/^N{1}/.test(agentInfoRes.branchType)) {
           this.checkModel.mobile = agentInfoRes.phoneNo
           this.checkModel.show = true
+          this.isShowSms = true
         } else {
           // 已校验过 触发成功事件
-          this.checkModel.show = false
-          let that = this
-          this.$emit('checModelSuccessMethod', that.checkModel.show)
+          this.checkModel.show = true
         }
       } else {
         this.$toast(agentInfoRes.resultMessage)
@@ -101,20 +129,42 @@ export default {
     },
     // 提交处理
     async checkModelConfirm() {
-      if (!this.checkModel.codeDisabled) {
-        this.checkModel.show = true
-        return this.$toast('请先获取验证码')
-      }
-      if (!this.checkModel.authCode || this.checkModel.authCode == '') {
-        this.checkModel.show = true
-        return this.$toast('请输入短信验证码')
-      }
-      if (this.checkModel.authCode.length !== 6) {
-        this.checkModel.show = true
-        return this.$toast('验证码格式错误')
-      }
       let that = this
-      let checkModelResult = await checkEnterPower({ operateType: 'validateSms', smsId: that.checkModel.smsId, code: that.checkModel.authCode })
+      let reqParam = { operateType: 'validateSms', smsId: that.checkModel.smsId, code: that.checkModel.authCode }
+      if (this.active == 0) {
+        if (!this.checkModel.pwd || this.checkModel.pwd == '') {
+          this.checkModel.show = true
+          return this.$toast('请输入密码')
+        }
+        if (this.checkModel.pwd.length < 6) {
+          this.checkModel.pwd = ''
+          this.checkModel.show = true
+          return this.$toast('密码格式错误，请重新输入')
+        }
+        reqParam = {
+          operateType: 'validatePwd',
+          pwd: this.$MD5(this.checkModel.pwd)
+        }
+      } else {
+        if (!this.checkModel.codeDisabled) {
+          this.checkModel.show = true
+          return this.$toast('请先获取验证码')
+        }
+        if (!this.checkModel.authCode || this.checkModel.authCode == '') {
+          this.checkModel.show = true
+          return this.$toast('请输入短信验证码')
+        }
+        if (this.checkModel.authCode.length !== 6) {
+          this.checkModel.show = true
+          return this.$toast('验证码格式错误')
+        }
+        reqParam = {
+          operateType: 'validateSms',
+          smsId: that.checkModel.smsId,
+          code: that.checkModel.authCode
+        }
+      }
+      let checkModelResult = await checkEnterPower(reqParam)
       if (checkModelResult.result == 0) {
         // 校验通过过 触发成功事件
         this.checkModel.show = false