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

src/components/common/CheckAgent.vue

@@ -0,0 +1,200 @@
+<template>
+  <!-- 短信验证 -->
+  <van-dialog
+    v-model="checkModel.show"
+    title="提示"
+    show-cancel-button
+    @confirm="checkModelConfirm"
+    @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-dialog>
+</template>
+<script>
+import { Search, Cell, IndexBar, IndexAnchor, Popup, Button, Tag, Dialog, Field } from 'vant'
+import { checkEnterPower, getAuthCode, getCheckModelAgentInfo } from '@/api/ebiz/common/common'
+export default {
+  name: 'CheckAgent',
+  props: {},
+  components: {
+    [Search.name]: Search,
+    [Cell.name]: Cell,
+    [IndexBar.name]: IndexBar,
+    [IndexAnchor.name]: IndexAnchor,
+    [Popup.name]: Popup,
+    [Button.name]: Button,
+    [Field.name]: Field,
+    [Dialog.name]: Dialog,
+    [Tag.name]: Tag
+  },
+  data() {
+    return {
+      checkModel: {
+        show: false,
+        authCode: '',
+        smsId: '',
+        mobile: '',
+        timeId: null, // 计时器ID
+        countDown: 60, // 倒计时
+        codeDisabled: false // 获取验证码按钮是否禁用
+      }
+    }
+  },
+  created() {
+    this.checkModelEnterValidate()
+  },
+  filters: {
+    // 电话号码加密
+    encryCheckModelMobile(code) {
+      return code.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2')
+    }
+  },
+  methods: {
+    // 校验是否显示弹窗
+    async checkModelEnterValidate() {
+      let checkModelResult = await checkEnterPower({ operateType: 'isEnter' })
+      if (checkModelResult.result == 0) {
+        if (checkModelResult.enterFlag == '0') {
+          //  已校验过 触发成功事件
+          let that = this
+          this.$emit('checModelSuccessMethod', that.checkModel.show)
+        } else {
+          this.checkModelFilter()
+        }
+      } else {
+        this.$toast(checkModelResult.resultMessage)
+      }
+    },
+    //弹窗关闭提示
+    checkModelBeforeClose(action, done) {
+      if (action === 'confirm' && !this.checkModel.show) {
+        setTimeout(done, 1000)
+      } else {
+        done(false)
+      }
+    },
+    // 内外勤处理
+    async checkModelFilter() {
+      const agentInfoRes = await getCheckModelAgentInfo({})
+      if (agentInfoRes.result == 0) {
+        if (!/^N{1}/.test(agentInfoRes.branchType)) {
+          this.checkModel.mobile = agentInfoRes.phoneNo
+          this.checkModel.show = true
+        } else {
+          // 已校验过 触发成功事件
+          this.checkModel.show = false
+          let that = this
+          this.$emit('checModelSuccessMethod', that.checkModel.show)
+        }
+      } else {
+        this.$toast(agentInfoRes.resultMessage)
+      }
+    },
+    // 提交处理
+    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 })
+      if (checkModelResult.result == 0) {
+        // 校验通过过 触发成功事件
+        this.checkModel.show = false
+        let that = this
+        this.$emit('checModelSuccessMethod', that.checkModel.show)
+      } else {
+        this.checkModel.show = true
+        this.checkModel.codeDisabled = true
+        window.clearInterval(this.checkModel.timeId)
+        this.$toast(checkModelResult.resultMessage)
+      }
+    },
+    // 跳转首页
+    checkModelCancel() {
+      // 跳转首页
+      this.$jump({
+        flag: 'home'
+      })
+    },
+    // 获取验证码
+    checkModelGetCode() {
+      this.checkModel.codeDisabled = true
+      let data = {
+        operateType: 'agentValidateEnter',
+        type: 'H5',
+        operateCode: this.checkModel.mobile,
+        system: 'agentApp',
+        operateCodeType: '0'
+      }
+      //获取验证码
+      getAuthCode(data).then(res => {
+        if (res.result == 0) {
+          this.checkModel.smsId = res.sessionId
+          this.checkModel.smsCode = null
+          //倒计时
+          this.checkModel.timeId = setInterval(() => {
+            this.checkModel.countDown--
+            if (this.checkModel.countDown <= 0) {
+              window.clearInterval(this.checkModel.timeId)
+              this.checkModel.codeDisabled = false
+              this.checkModel.countDown = 60
+            }
+          }, 1000)
+        } else {
+          this.$toast(res.resultMessage)
+        }
+      })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.index-bar {
+  display: flex;
+  overflow-x: auto;
+  overflow-y: hidden;
+  white-space: nowrap;
+  font-size: 15px;
+  margin-top: 8px;
+}
+
+.index-bar li {
+  display: flex;
+  align-items: center;
+}
+
+.index-bar::-webkit-scrollbar {
+  display: none;
+}
+li {
+  display: flex;
+}
+.index-bar span,
+.index-bar van-icon {
+  align-items: flex-center;
+}
+.active {
+  color: #e9332e;
+}
+.activeline {
+  background: #e9332e;
+}
+</style>

src/views/ebiz/customer/customerList.vue

@@ -84,34 +84,19 @@
         <li @click="close">取消</li>
       </ul>
     </van-popup>
-
-    <!-- 短信验证 -->
-    <van-dialog
-      v-model="checkModel.show"
-      title="提示"
-      show-cancel-button
-      @confirm="checkModelConfirm"
-      @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-dialog>
+    <check-agent @checModelSuccessMethod="initThisPage" />
   </div>
 </template>
 
 <script>
 import { Search, Cell, IndexBar, IndexAnchor, Popup, Button, Tag, Dialog, Field } from 'vant'
 import { getCustomersList } from '@/api/ebiz/customer/customer'
-import { checkEnterPower, getAuthCode, getCheckModelAgentInfo} from '@/api/ebiz/common/common'
+import CheckAgent from '@/components/common/CheckAgent'
+
 export default {
   name: 'login',
   components: {
+    [CheckAgent.name]: CheckAgent,
     [Search.name]: Search,
     [Cell.name]: Cell,
     [IndexBar.name]: IndexBar,
@@ -124,15 +109,6 @@ export default {
   },
   data() {
     return {
-      checkModel: {
-        show: false,
-        authCode: '',
-        smsId: '',
-        mobile: '',
-        timeId: null, // 计时器ID
-        countDown: 60, // 倒计时
-        codeDisabled: false // 获取验证码按钮是否禁用
-      },
       searchVal: '',
       show1: false,
       show2: false,
@@ -179,13 +155,8 @@ export default {
       ]
     }
   },
-  mounted() {
-    this.checkModelEnterValidate()
-  },
+  mounted() {},
   filters: {
-    encryCheckModelMobile(code) {
-      return code.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2')
-    },
     toCustomer(value) {
       if (value == 0) {
         return (value = '准客户')
@@ -195,108 +166,13 @@ export default {
     }
   },
   methods: {
-    async checkModelEnterValidate() {
-      let checkModelResult = await checkEnterPower({ operateType: 'isEnter' })
-      if (checkModelResult.result == 0) {
-        if (checkModelResult.enterFlag == '0') {
-          setTimeout(() => {
-            this.filterBtn() // 初始化显示按钮
-            window.appCallBack = this.appCallBack //app回调
-          }, 1000)
-          this.getCustomerList() //客户列表查询
-        } else {
-          this.checkModelFilter()
-        }
-      } else {
-        this.$toast(checkModelResult.resultMessage)
-      }
-    },
-    checkModelBeforeClose(action, done) {
-      if (action === 'confirm' && !this.checkModel.show) {
-        setTimeout(done, 1000)
-      } else {
-        done(false)
-      }
-    },
-    async checkModelFilter() {
-      const agentInfoRes = await getCheckModelAgentInfo({})
-      if (agentInfoRes.result == 0) {
-        if (!/^N{1}/.test(agentInfoRes.branchType)) {
-          this.checkModel.mobile = agentInfoRes.phoneNo
-          this.checkModel.show = true
-        } else {
-          setTimeout(() => {
-            this.filterBtn() // 初始化显示按钮
-            window.appCallBack = this.appCallBack //app回调
-          }, 1000)
-          this.getCustomerList() //客户列表查询
-        }
-      } else {
-        this.$toast(agentInfoRes.resultMessage)
-      }
-    },
-    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 })
-      if (checkModelResult.result == 0) {
-        setTimeout(() => {
-          this.filterBtn() // 初始化显示按钮
-          window.appCallBack = this.appCallBack //app回调
-        }, 1000)
-        this.checkModel.show = false
-        this.getCustomerList() //客户列表查询
-      } else {
-        this.checkModel.show = false
-        this.checkModel.codeDisabled = true
-        window.clearInterval(this.checkModel.timeId)
-        this.$toast(checkModelResult.resultMessage)
-      }
-    },
-    checkModelCancel() {
-      // 跳转首页
-      this.$jump({
-        flag: 'home'
-      })
-    },
-    checkModelGetCode() {
-      this.checkModel.codeDisabled = true
-      let data = {
-        operateType: 'agentValidateEnter',
-        type: 'H5',
-        operateCode: this.checkModel.mobile,
-        system: 'agentApp',
-        operateCodeType: '0'
-      }
-      //获取验证码
-      getAuthCode(data).then(res => {
-        if (res.result == 0) {
-          this.checkModel.smsId = res.sessionId
-          this.checkModel.smsCode = null
-          //倒计时
-          this.checkModel.timeId = setInterval(() => {
-            this.checkModel.countDown--
-            if (this.checkModel.countDown <= 0) {
-              window.clearInterval(this.checkModel.timeId)
-              this.checkModel.codeDisabled = false
-              this.checkModel.countDown = 60
-            }
-          }, 1000)
-        } else {
-          this.$toast(res.resultMessage)
-        }
-      })
+    initThisPage(showFlag) {
+      console.log(showFlag)
+      setTimeout(() => {
+        this.filterBtn() // 初始化显示按钮
+        window.appCallBack = this.appCallBack //app回调
+      }, 1000)
+      this.getCustomerList() //客户列表查询
     },
     filterBtn() {
       // 筛选按钮的显示

src/views/ebiz/manpower/Navigation.vue

@@ -4,23 +4,7 @@
     <van-cell-group>
       <NavItem v-for="(item, index) of navList" :key="index" :config="item" />
     </van-cell-group>
-    <!-- 短信验证 -->
-    <van-dialog
-      v-model="checkModel.show"
-      title="提示"
-      show-cancel-button
-      @confirm="checkModelConfirm"
-      @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-dialog>
+    <check-agent @checModelSuccessMethod="initThisPage" />
   </div>
 </template>
 
@@ -28,10 +12,11 @@
 import UserInfoHeader from '@/components/ebiz/manpower/UserInfoHeader'
 import NavItem from '@/components/ebiz/manpower/NavItem'
 import { CellGroup, Cell, Button, Dialog, Field } from 'vant'
-import { checkEnterPower, getAuthCode, getCheckModelAgentInfo } from '@/api/ebiz/common/common'
+import CheckAgent from '@/components/common/CheckAgent'
 export default {
   name: 'Navigation',
   components: {
+    [CheckAgent.name]: CheckAgent,
     [UserInfoHeader.name]: UserInfoHeader,
     [NavItem.name]: NavItem,
     [CellGroup.name]: CellGroup,
@@ -42,15 +27,6 @@ export default {
   },
   data() {
     return {
-      checkModel: {
-        show: false,
-        authCode: '',
-        smsId: '',
-        mobile: '',
-        timeId: null, // 计时器ID
-        countDown: 60, // 倒计时
-        codeDisabled: false // 获取验证码按钮是否禁用
-      },
       active: 0,
       navList: [
         {
@@ -76,104 +52,10 @@ export default {
       ]
     }
   },
-  mounted() {
-    this.checkModelEnterValidate()
-  },
-  filters: {
-    encryCheckModelMobile(code) {
-      return code.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2')
-    }
-  },
+  mounted() {},
   methods: {
-    async checkModelEnterValidate() {
-      let checkModelResult = await checkEnterPower({ operateType: 'isEnter' })
-      if (checkModelResult.result == 0) {
-        if (checkModelResult.enterFlag == '0') {
-          this.checkModel.show = false
-        } else {
-          this.checkModelFilter()
-        }
-      } else {
-        this.$toast(checkModelResult.resultMessage)
-      }
-    },
-    checkModelBeforeClose(action, done) {
-      if (action === 'confirm' && !this.checkModel.show) {
-        setTimeout(done, 1000)
-      } else {
-        done(false)
-      }
-    },
-    async checkModelFilter() {
-      const agentInfoRes = await getCheckModelAgentInfo({})
-      if (agentInfoRes.result == 0) {
-        if (!/^N{1}/.test(agentInfoRes.branchType)) {
-          this.checkModel.mobile = agentInfoRes.phoneNo
-          this.checkModel.show = true
-        } else {
-          this.checkModel.show = false
-        }
-      } else {
-        this.$toast(agentInfoRes.resultMessage)
-      }
-    },
-    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 })
-      if (checkModelResult.result == 0) {
-        this.checkModel.show = false
-      } else {
-        this.checkModel.show = false
-        this.checkModel.codeDisabled = true
-        window.clearInterval(this.checkModel.timeId)
-        this.$toast(checkModelResult.resultMessage)
-      }
-    },
-    checkModelCancel() {
-      // 跳转首页
-      this.$jump({
-        flag: 'home'
-      })
-    },
-    checkModelGetCode() {
-      this.checkModel.codeDisabled = true
-      let data = {
-        operateType: 'agentValidateEnter',
-        type: 'H5',
-        operateCode: this.checkModel.mobile,
-        system: 'agentApp',
-        operateCodeType: '0'
-      }
-      //获取验证码
-      getAuthCode(data).then(res => {
-        if (res.result == 0) {
-          this.checkModel.smsId = res.sessionId
-          this.checkModel.smsCode = null
-          //倒计时
-          this.checkModel.timeId = setInterval(() => {
-            this.checkModel.countDown--
-            if (this.checkModel.countDown <= 0) {
-              window.clearInterval(this.checkModel.timeId)
-              this.checkModel.codeDisabled = false
-              this.checkModel.countDown = 60
-            }
-          }, 1000)
-        } else {
-          this.$toast(res.resultMessage)
-        }
-      })
+    initThisPage(showFlag) {
+      console.log(showFlag)
     }
   }
 }

src/views/ebiz/manpower/Training.vue

@@ -4,24 +4,7 @@
     <van-cell-group>
       <NavItem v-for="(item, index) of navList" :key="index" :config="item" />
     </van-cell-group>
-
-    <!-- 短信验证 -->
-    <van-dialog
-      v-model="checkModel.show"
-      title="提示"
-      show-cancel-button
-      @confirm="checkModelConfirm"
-      @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-dialog>
+    <check-agent @checModelSuccessMethod="initThisPage" />
   </div>
 </template>
 
@@ -31,11 +14,12 @@ import NavItem from '@/components/ebiz/manpower/NavItem'
 import record from '@/assets/images/u73803.png'
 import { CellGroup, Cell, Button, Dialog, Field } from 'vant'
 import { getTokenForUserModel } from '@/api/ebiz/manpower/manpower'
-import { checkEnterPower, getAuthCode, getCheckModelAgentInfo } from '@/api/ebiz/common/common'
+import CheckAgent from '@/components/common/CheckAgent'
 
 export default {
   name: 'Navigation',
   components: {
+    [CheckAgent.name]: CheckAgent,
     [UserInfoHeader.name]: UserInfoHeader,
     [NavItem.name]: NavItem,
     [CellGroup.name]: CellGroup,
@@ -46,15 +30,6 @@ export default {
   },
   data() {
     return {
-      checkModel: {
-        show: false,
-        authCode: '',
-        smsId: '',
-        mobile: '',
-        timeId: null, // 计时器ID
-        countDown: 60, // 倒计时
-        codeDisabled: false // 获取验证码按钮是否禁用
-      },
       active: 0,
       navList: [
         {
@@ -77,105 +52,11 @@ export default {
       ]
     }
   },
-  created() {
-    this.checkModelEnterValidate()
-  },
-  filters: {
-    encryCheckModelMobile(code) {
-      return code.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2')
-    }
-  },
+  created() {},
   methods: {
-    async checkModelEnterValidate() {
-      let checkModelResult = await checkEnterPower({ operateType: 'isEnter' })
-      if (checkModelResult.result == 0) {
-        if (checkModelResult.enterFlag == '0') {
-          this.getInfo()
-        } else {
-          this.checkModelFilter()
-        }
-      } else {
-        this.$toast(checkModelResult.resultMessage)
-      }
-    },
-    checkModelBeforeClose(action, done) {
-      if (action === 'confirm' && !this.checkModel.show) {
-        setTimeout(done, 1000)
-      } else {
-        done(false)
-      }
-    },
-    async checkModelFilter() {
-      const agentInfoRes = await getCheckModelAgentInfo({})
-      if (agentInfoRes.result == 0) {
-        if (!/^N{1}/.test(agentInfoRes.branchType)) {
-          this.checkModel.mobile = agentInfoRes.phoneNo
-          this.checkModel.show = true
-        } else {
-          this.getInfo()
-        }
-      } else {
-        this.$toast(agentInfoRes.resultMessage)
-      }
-    },
-    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 })
-      if (checkModelResult.result == 0) {
-        this.checkModel.show = false
-        this.getInfo()
-      } else {
-        this.checkModel.show = false
-        this.checkModel.codeDisabled = true
-        window.clearInterval(this.checkModel.timeId)
-        this.$toast(checkModelResult.resultMessage)
-      }
-    },
-    checkModelCancel() {
-      // 跳转首页
-      this.$jump({
-        flag: 'home'
-      })
-    },
-    checkModelGetCode() {
-      this.checkModel.codeDisabled = true
-      let data = {
-        operateType: 'agentValidateEnter',
-        type: 'H5',
-        operateCode: this.checkModel.mobile,
-        system: 'agentApp',
-        operateCodeType: '0'
-      }
-      //获取验证码
-      getAuthCode(data).then(res => {
-        if (res.result == 0) {
-          this.checkModel.smsId = res.sessionId
-          this.checkModel.smsCode = null
-          //倒计时
-          this.checkModel.timeId = setInterval(() => {
-            this.checkModel.countDown--
-            if (this.checkModel.countDown <= 0) {
-              window.clearInterval(this.checkModel.timeId)
-              this.checkModel.codeDisabled = false
-              this.checkModel.countDown = 60
-            }
-          }, 1000)
-        } else {
-          this.$toast(res.resultMessage)
-        }
-      })
+    initThisPage(showFlag) {
+      console.log(showFlag)
+      this.getInfo()
     },
     async getInfo() {
       const res = await getTokenForUserModel()

src/views/ebiz/sale/List.vue

@@ -144,22 +144,7 @@
     <van-button type="danger" class="bottom-btn" @click="add" v-no-more-click="1000">点我新增</van-button>
 
     <!-- 短信验证 -->
-    <van-dialog
-      v-model="checkModel.show"
-      title="提示"
-      show-cancel-button
-      @confirm="checkModelConfirm"
-      @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 class="pl10" maxlength="6" placeholder="请输入短信验证码" v-model="checkModel.authCode" clearable label-width="0" style="line-height:8vw" />
-        <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-dialog>
+    <check-agent @checModelSuccessMethod="initThisPage" />
   </div>
 </template>
 
@@ -167,12 +152,13 @@
 import { Search, Tabs, Tab, List, Tag, Sticky, Toast, Dialog, Field } from 'vant'
 import { orderList, deleteOrderInfo, revokeOrder } from '@/api/ebiz/sale/sale'
 import { formatRiskList } from '@/assets/js/utils/formatRiskList.js'
-import { getAuthCode, checkEnterPower, getCheckModelAgentInfo} from '@/api/ebiz/common/common'
 import dataDictionary from '@/assets/js/utils/data-dictionary' //根据数据字典找到用户等级
+import CheckAgent from '@/components/common/CheckAgent'
 
 export default {
   name: 'saleList',
   components: {
+    [CheckAgent.name]: CheckAgent,
     [Field.name]: Field,
     [Search.name]: Search,
     [Tabs.name]: Tabs,
@@ -184,15 +170,6 @@ export default {
   },
   data() {
     return {
-      checkModel: {
-        show: false,
-        authCode: '',
-        smsId: '',
-        mobile: '',
-        timeId: null, // 计时器ID
-        countDown: 60, // 倒计时
-        codeDisabled: false // 获取验证码按钮是否禁用
-      },
       searchName: '',
       active: 'uncommit', //uncommit 表示未提交  commit表示已提交
       saleList: [],
@@ -214,11 +191,6 @@ export default {
       }
     }
   },
-  filters: {
-    encryCheckModelMobile(code) {
-      return code.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2')
-    }
-  },
   mounted() {
     setTimeout(() => {
       EWebBridge.webCallAppInJs('webview_left_button', {
@@ -226,99 +198,13 @@ export default {
       })
     }, 100)
     window.appCallBack = this.appCallBack
-    this.checkModelEnterValidate()
   },
   methods: {
-    async checkModelEnterValidate() {
-      let checkModelResult = await checkEnterPower({ operateType: 'isEnter' })
-      if (checkModelResult.result == 0) {
-        if (checkModelResult.enterFlag == '0') {
-          this.loadMore()
-        } else {
-          this.checkModelFilter()
-        }
-      } else {
-        this.$toast(checkModelResult.resultMessage)
+    initThisPage(showFlag) {
+      if (showFlag) {
+        return
       }
-    },
-    checkModelBeforeClose(action, done) {
-      if (action === 'confirm' && !this.checkModel.show) {
-        setTimeout(done, 1000)
-      } else {
-        done(false)
-      }
-    },
-    async checkModelFilter() {
-      const agentInfoRes = await getCheckModelAgentInfo({})
-      if (agentInfoRes.result == 0) {
-        if (!/^N{1}/.test(agentInfoRes.branchType)) {
-          this.checkModel.mobile = agentInfoRes.phoneNo
-          this.checkModel.show = true
-        } else {
-          this.loadMore()
-        }
-      } else {
-        this.$toast(agentInfoRes.resultMessage)
-      }
-    },
-    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 })
-      if (checkModelResult.result == 0) {
-        this.checkModel.show = false
-        that.loadMore()
-      } else {
-        this.checkModel.show = false
-        this.checkModel.codeDisabled = true
-        window.clearInterval(this.checkModel.timeId)
-        this.$toast(checkModelResult.resultMessage)
-      }
-    },
-    checkModelCancel() {
-      // 跳转首页
-      this.$jump({
-        flag: 'home'
-      })
-    },
-    checkModelGetCode() {
-      this.checkModel.codeDisabled = true
-      let data = {
-        operateType: 'agentValidateEnter',
-        type: 'H5',
-        operateCode: this.checkModel.mobile,
-        system: 'agentApp',
-        operateCodeType: '0'
-      }
-      //获取验证码
-      getAuthCode(data).then(res => {
-        if (res.result == 0) {
-          this.checkModel.smsId = res.sessionId
-          this.checkModel.smsCode = null
-          //倒计时
-          this.checkModel.timeId = setInterval(() => {
-            this.checkModel.countDown--
-            if (this.checkModel.countDown <= 0) {
-              window.clearInterval(this.checkModel.timeId)
-              this.checkModel.codeDisabled = false
-              this.checkModel.countDown = 60
-            }
-          }, 1000)
-        } else {
-          this.$toast(res.resultMessage)
-        }
-      })
+      this.loadMore()
     },
     appCallBack(data) {
       if (data.trigger == 'left_button_click') {
@@ -329,9 +215,6 @@ export default {
     },
     //分页用
     loadMore() {
-      if (this.checkModel.show) {
-        return
-      }
       let pageInfo = {
         pageNum: this.currentPage,
         pageSize: this.pageSize,