安全性问题处理：添加页面访问校验组件修改 --提交人：阳华祥

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