n20-common-lib 1.2.21 → 1.2.24

package/src/components/Layout/utils.js

@@ -1,12 +1,12 @@
-export const watchPushState = {
-  created() {},
-  beforeDestroy() {},
-  methods: {
-    // newPushState
-  }
-}
-
-import { $l } from '../../utils/i18n'
-export function labelF(menu) {
-  return $l(menu.title, { [menu.title]: menu.i18n })
-}
+export const watchPushState = {
+  created() {},
+  beforeDestroy() {},
+  methods: {
+    // newPushState
+  }
+}
+
+import { $l } from '../../utils/i18n'
+export function labelF(menu) {
+  return $l(menu.title, { [menu.title]: menu.i18n })
+}

package/src/components/LoginTemporary/form.vue

@@ -169,10 +169,6 @@
       <el-link :underline="false" @click="forgetPw">忘记密码</el-link>
     </div>
     <slot name="footer"></slot>
-
-    <el-dialog :visible.sync="fPwV" title="找回密码" width="460px">
-      <retrievePw :visible.sync="fPwV" />
-    </el-dialog>
   </div>
 </template>
 
@@ -252,7 +248,7 @@ export default {
   methods: {
     // 忘记密码
     forgetPw() {
-      this.fPwV = true
+      this.$emit('changType', false)
     },
     // 切换登录方式
     changeLoginType(val) {

package/src/components/LoginTemporary/index.vue

@@ -18,6 +18,8 @@
       </h3>
     </div>
     <loginForm
+      v-if="type"
+      @changType="getChangetype"
       :login-types="loginTypes"
       :login-then="loginThen"
       class="login-form"
@@ -35,6 +37,11 @@
         </slot>
       </div>
     </loginForm>
+    <retrievePw
+      @changType="getChangetype"
+      class="login-form"
+      v-else
+    ></retrievePw>
   </div>
 </template>
 
@@ -43,10 +50,12 @@ import getJsonc from '../../assets/getJsonc'
 import realUrl from '../../assets/realUrl'
 
 import loginForm from './form.vue'
+import retrievePw from './retrievePw.vue'
 export default {
   name: 'Login',
   components: {
-    loginForm
+    loginForm,
+    retrievePw
   },
   props: {
     loginThen: {
@@ -61,7 +70,8 @@ export default {
       loginLogo: undefined,
       loginLogoWidth: '60px',
       loginLogoHeight: 'auto',
-      loginLogoText: ''
+      loginLogoText: '',
+      type: true
     }
   },
   created() {
@@ -83,6 +93,9 @@ export default {
       for (let k in window.sessionStorage) {
         !['subEntry'].includes(k) && window.sessionStorage.removeItem(k)
       }
+    },
+    getChangetype(val) {
+      this.type = val
     }
   }
 }

package/src/components/LoginTemporary/retrievePw.vue

@@ -1,28 +1,374 @@
 <template>
-  <div>
-    <div>找回密码开发中...</div>
-    <div class="dialog-footer">
-      <el-button type="primary" @click="confirmFn">确认</el-button>
-      <el-button @click="closeFn">取消</el-button>
+  <div class="login-form-wrap p-a">
+    <div>找回密码</div>
+    <div v-if="type === 'phone'" key="phone">
+      <el-form
+        ref="update-form"
+        :model="updateForm"
+        :rules="updateRules"
+        :hide-required-asterisk="true"
+      >
+        <el-form-item class="m-b" label="手机号" prop="phone">
+          <el-input v-model="updateForm.phone" placeholder="请输入手机号" />
+        </el-form-item>
+        <el-form-item class="m-b" label="验证码" prop="code">
+          <br />
+          <div class="flex-box">
+            <el-input
+              v-model="updateForm.code"
+              class="flex-item m-r-s"
+              placeholder="请输入验证码"
+            />
+            <el-button
+              plain
+              style="4em"
+              :disabled="!updateForm.phone || codeNum !== '验证码'"
+              @click="sendMsg('phone', '手机号')"
+              >{{ codeNum }}</el-button
+            >
+          </div>
+        </el-form-item>
+        <el-button
+          class="m-t"
+          type="primary"
+          style="width: 100%"
+          @click="getNext"
+          >下一步</el-button
+        >
+      </el-form>
+      <div class="flex-box flex-lr m-t-m m-b-s">
+        <el-link :underline="false" @click="getBanck">返回</el-link>
+        <el-link :underline="false" @click="changeUk('uk')">其他方式</el-link>
+      </div>
+    </div>
+    <div v-if="type === 'uk'" key="uk">
+      <el-form>
+        <el-form-item class="m-b" label="账号">
+          <el-input v-model="username" placeholder="请输入账号" />
+        </el-form-item>
+        <el-form-item class="m-b" label="uk验证" prop="code">
+          <br />
+          <div v-if="checkCert" class="filed-tips">该账号未开启UK校验！</div>
+          <div v-if="ukCode !== 1">
+            <div :class="ukCode ? 'success-tips' : 'filed-tips'">
+              {{ ukCode ? '验证成功！' : '验证失败！' }}
+            </div>
+            <div v-show="!ukCode" class="filed-tips">
+              自助找回密码失败，请联系管理员
+            </div>
+          </div>
+        </el-form-item>
+        <el-button
+          class="m-t"
+          type="primary"
+          :disabled="ukCode !== true"
+          style="width: 100%"
+          @click="getUkNext"
+          >下一步</el-button
+        >
+      </el-form>
+      <div class="flex-box flex-lr m-t-m m-b-s">
+        <el-link :underline="false" @click="getBanck">返回</el-link>
+        <el-link :underline="false" @click="changeUk('phone')"
+          >其他方式</el-link
+        >
+      </div>
+    </div>
+    <div v-if="type === 'newPwd'" key="newPwd">
+      <el-form
+        ref="newPwdRef"
+        :model="newPwdForm"
+        :rules="newPwdRules"
+        :hide-required-asterisk="true"
+      >
+        <el-form-item
+          class="m-b"
+          :label="confirmPwdData.resetType == 'mobile' ? '手机号' : '账号'"
+        >
+          <el-input v-model="isPhone" disabled />
+        </el-form-item>
+        <el-form-item class="m-b" label="新密码" prop="newPassword">
+          <el-input
+            v-model="newPwdForm.newPassword"
+            placeholder="请输入新密码"
+            show-password
+          />
+        </el-form-item>
+        <el-form-item class="m-b" label="确认密码" prop="respwd">
+          <el-input
+            v-model="newPwdForm.respwd"
+            show-password
+            placeholder="请输入确认密码"
+          />
+        </el-form-item>
+        <el-button
+          class="m-t"
+          type="primary"
+          style="width: 100%"
+          @click="confirm"
+          >确认</el-button
+        >
+        <div class="m-t-s">
+          <el-link :underline="false" @click="getBanck">返回</el-link>
+        </div>
+      </el-form>
     </div>
   </div>
 </template>
 
 <script>
+import axios from '../../utils/axios'
+import { getSign } from '../../plugins/Sign/sign'
 export default {
-  props: {
-    visible: {
-      type: Boolean,
-      default: false
+  data() {
+    const lengthToFirstPassword = (rule, value, callback) => {
+      if (value) {
+        if (
+          this.dataForm.maxLength < value.length ||
+          this.dataForm.minLength > value.length
+        ) {
+          callback(
+            new Error(
+              `密码长度为${this.dataForm.minLength}-${this.dataForm.maxLength}!`
+            )
+          )
+        } else if (
+          this.dataForm.passwordStrength == 2 &&
+          !/^(((?=.*[0-9])(?=.*[a-zA-Z])|(?=.*[0-9])(?=.*[^\s0-9a-zA-Z])|(?=.*[a-zA-Z])(?=.*[^\s0-9a-zA-Z]))[^\s]+)$/.test(
+            value
+          )
+        ) {
+          callback(new Error(`密码至少包括数字,字母,特殊符号其中两种`))
+        } else if (
+          this.dataForm.passwordStrength == 3 &&
+          !/^(?=.*\d)(?=.*[a-zA-Z])(?=.*[~!@#$%^&*])[\da-zA-Z~!@#$%^&*]{0,}$/.test(
+            value
+          )
+        ) {
+          callback(new Error(`密码同时包括包括数字,字母,特殊符号三种`))
+        } else {
+          callback()
+        }
+      } else {
+        callback()
+      }
+    }
+    const compareToFirstPassword = (rule, value, callback) => {
+      if (value && value !== this.newPwdForm.newPassword) {
+        callback('确认密码和新密码不一致！')
+        return
+      }
+      callback()
+    }
+    return {
+      updateForm: {
+        phone: '',
+        code: '',
+        username: ''
+      },
+      checkCert: false,
+      username: '',
+      newPwdForm: {
+        newPassword: '',
+        respwd: ''
+      },
+      type: 'phone',
+      bank: '',
+      confirmPwdData: {},
+      confirmPwd: false,
+      updateRules: {
+        phone: [
+          { required: true, message: '请输入手机号!', trigger: 'blur' },
+          {
+            pattern: /^1\d{10}$/,
+            message: '请输入正确手机号!',
+            trigger: 'blur'
+          }
+        ],
+        code: [{ required: true, message: '请输入验证码!', trigger: 'blur' }]
+      },
+      codeNum: '验证码',
+      isPhone: '',
+      dataForm: {},
+      sign: '',
+      certDn: '',
+      signData: '',
+      ukCode: 1,
+      newPwdRules: {
+        newPassword: [
+          { required: true, message: '请输入新密码', trigger: 'blur' },
+          {
+            validator: lengthToFirstPassword,
+            trigger: 'blur'
+          }
+        ],
+        respwd: [
+          { required: true, message: '请输入确认密码', trigger: 'blur' },
+          {
+            validator: compareToFirstPassword,
+            trigger: 'blur'
+          }
+        ]
+      }
+    }
+  },
+  watch: {
+    signData(val) {
+      if (val === undefined) {
+        this.ukCode = undefined
+      }
+      if (val) {
+        this.ukCode = true
+      }
+    },
+    username(newValue, oldValue) {
+      this.checkCert = false
+      if (newValue !== oldValue && newValue) {
+        // 数据变化了，执行逻辑，这里做好防抖。
+        this.ms = 1000
+        clearTimeout(this.timeID)
+        this.timeID = setTimeout(() => {
+          axios
+            .get(`/bems/prod_1.0/dssc/sign/getUserDn/${newValue}`)
+            .then((res) => {
+              if (!res.data.checkCert) {
+                this.checkCert = true
+                return
+              }
+              if (res.data.checkCert && res.data.userDn) {
+                this.signData = getSign(newValue, res.data.userDn)
+                this.certDn = res.data.userDn
+              }
+            })
+        }, this.ms)
+      }
     }
   },
   methods: {
-    closeFn() {
-      this.$emit('update:visible', false)
+    // 发送短信
+    outTime(num) {
+      clearTimeout(this.setTimeNum)
+      if (num > 0) {
+        num--
+        this.codeNum = num + 'S'
+
+        this.setTimeNum = setTimeout(() => {
+          this.outTime(num)
+        }, 1000)
+        num--
+      } else {
+        clearTimeout(this.setTimeNum)
+        this.codeNum = '验证码'
+      }
+    },
+    sendMsg(type, typeName) {
+      this.$refs['update-form'].validateField(type, (valid) => {
+        if (!valid) {
+          this.outTime(60)
+          axios
+            .get(
+              `/bems/prod_1.0/uas/api/authorization/captcha/${this.updateForm[type]}/1`,
+              null,
+              { loading: false, noMsg: true }
+            )
+            .then(() => {
+              this.$message.success(
+                `${typeName}: ${this.updateForm[type]} 验证码发送成功`
+              )
+            })
+            .catch(() => {
+              console.log(123)
+              clearTimeout(this.setTimeNum)
+              this.codeNum = '验证码'
+              this.$message.warning(
+                `${typeName}: ${this.updateForm[type]} 验证码发送失败`
+              )
+            })
+        }
+      })
     },
-    confirmFn() {
-      this.$emit('update:visible', false)
+    // 下一步
+    getNext() {
+      this.$refs['update-form'].validate((val) => {
+        if (val) {
+          this.confirmPwdData = {
+            type: 'newPwd',
+            username: this.updateForm.username,
+            mobile: this.updateForm.phone,
+            captcha: this.updateForm.code,
+            resetType: 'mobile',
+            phone: this.updateForm.phone,
+            code: this.updateForm.code
+          }
+          this.isPhone =
+            this.confirmPwdData.phone.substring(0, 3) +
+            '****' +
+            this.confirmPwdData.phone.substring(7, 11)
+          this.type = 'newPwd'
+          this.getUserRole()
+        }
+      })
+    },
+    getUkNext() {
+      this.confirmPwdData = {
+        type: 'newPwd',
+        username: this.username,
+        resetType: 'certificate'
+      }
+      this.type = 'newPwd'
+      this.isPhone = this.confirmPwdData.username
+    },
+    async getUserRole() {
+      let data = {
+        userNo: this.confirmPwdData.username
+      }
+      let res = await axios.post(
+        `/bems/prod_1.0/user/api/userController/use`,
+        data
+      )
+      this.dataForm = res.data
+    },
+    // 确认
+    confirm() {
+      this.$refs.newPwdRef.validate((val) => {
+        let data = this.confirmPwdData
+        data.newPassword = this.newPwdForm.newPassword
+        data.sign = this.sign
+        data.certDn = this.certDn
+        axios
+          .post(`/bems/prod_1.0/uas/api/authorization/password/reset`, data)
+          .then((res) => {
+            if (res.code == 200) {
+              this.$message.success(`密码更新成功！`)
+              this.type = 'phone'
+            }
+          })
+      })
+    },
+    changeUk(val) {
+      this.type = val
+    },
+    getBanck() {
+      this.$emit('changType', true)
     }
   }
 }
 </script>
+
+<style>
+.success-tips {
+  font-size: 14px;
+  text-align: left;
+  color: #48d2a0;
+  line-height: 22px;
+}
+.filed-tips {
+  font-size: 14px;
+  text-align: left;
+  color: #fb5555;
+  line-height: 22px;
+}
+.uk-tips {
+  font-size: 24px;
+}
+</style>

package/src/components/MicroApp/index.js

@@ -1,67 +1,67 @@
-import { loadMicroApp } from 'qiankun'
-export default {
-  props: {
-    name: {
-      type: String,
-      default: ''
-    },
-    entry: {
-      type: String,
-      default: ''
-    },
-    props: {
-      type: Object,
-      default: undefined
-    },
-    noCache: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    this.microApp = undefined
-    return {}
-  },
-  computed: {
-    appName() {
-      return '_qiankun_abstract_' + this.name
-    }
-  },
-  watch: {
-    entry() {
-      this.mountApp()
-    }
-  },
-  mounted() {
-    this.mountApp()
-  },
-  activated() {
-    if (this.noCache && window._pending_update_cache) {
-      window._pending_update_cache[this.props.router] = true
-      window.postMessage({
-        updateCache: true,
-        targetName: '*',
-        originName: 'main'
-      })
-    }
-  },
-  beforeDestroy() {
-    window[this.appName]?.unmount({ props: this.props })
-  },
-  methods: {
-    async mountApp() {
-      window[this.appName]?.unmount({ props: this.props })
-      if (this.entry) {
-        window[this.appName] = loadMicroApp({
-          name: this.name,
-          container: this.$el,
-          entry: this.entry,
-          props: this.props
-        })
-      }
-    }
-  },
-  render(h) {
-    return h('div')
-  }
-}
+import { loadMicroApp } from 'qiankun'
+export default {
+  props: {
+    name: {
+      type: String,
+      default: ''
+    },
+    entry: {
+      type: String,
+      default: ''
+    },
+    props: {
+      type: Object,
+      default: undefined
+    },
+    noCache: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    this.microApp = undefined
+    return {}
+  },
+  computed: {
+    appName() {
+      return '_qiankun_abstract_' + this.name
+    }
+  },
+  watch: {
+    entry() {
+      this.mountApp()
+    }
+  },
+  mounted() {
+    this.mountApp()
+  },
+  activated() {
+    if (this.noCache && window._pending_update_cache) {
+      window._pending_update_cache[this.props.router] = true
+      window.postMessage({
+        updateCache: true,
+        targetName: '*',
+        originName: 'main'
+      })
+    }
+  },
+  beforeDestroy() {
+    window[this.appName]?.unmount({ props: this.props })
+  },
+  methods: {
+    async mountApp() {
+      window[this.appName]?.unmount({ props: this.props })
+      if (this.entry) {
+        window[this.appName] = loadMicroApp({
+          name: this.name,
+          container: this.$el,
+          entry: this.entry,
+          props: this.props
+        })
+      }
+    }
+  },
+  render(h) {
+    return h('div')
+  }
+}