@ganwei-web/ganwei-pc-cli 6.2.1 → 6.2.2

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-login/src/components/passwordModification/checkEmailContainer.vue

@@ -0,0 +1,134 @@
+
+<template>
+    <!--验证邮箱-->
+    <div class="checkEmailContainer" >
+        <b>{{$t('login.input.inputEmailCode')}}</b>
+        <p>{{$t('login.tips.emailCode')}} {{emailName}}</p>
+        <span>
+            <el-input v-model="checkEmailCode1" autocomplete="off" maxlength="1" id="elCode1" @input="(value)=>tabInput(value,1)" @focus="focusHandle(checkEmailCode1,1)" @blur="blurHandle(checkEmailCode7,1)"></el-input>
+            <el-input v-model="checkEmailCode2" autocomplete="off" maxlength="1" id="elCode2" @input="(value)=>tabInput(value,2)" @focus="focusHandle(checkEmailCode2,2)" @blur="blurHandle(checkEmailCode7,2)"></el-input>
+            <el-input v-model="checkEmailCode3" autocomplete="off" maxlength="1" id="elCode3" @input="(value)=>tabInput(value,3)" @focus="focusHandle(checkEmailCode3,3)" @blur="blurHandle(checkEmailCode7,3)"></el-input>
+            <el-input v-model="checkEmailCode4" autocomplete="off" maxlength="1" id="elCode4" @input="(value)=>tabInput(value,4)" @focus="focusHandle(checkEmailCode4,4)" @blur="blurHandle(checkEmailCode7,4)"></el-input>
+            <el-input v-model="checkEmailCode5" autocomplete="off" maxlength="1" id="elCode5" @input="(value)=>tabInput(value,5)" @focus="focusHandle(checkEmailCode5,5)" @blur="blurHandle(checkEmailCode7,5)"></el-input>
+            <el-input v-model="checkEmailCode6" autocomplete="off" maxlength="1" id="elCode6" @input="(value)=>tabInput(value,6)" @focus="focusHandle(checkEmailCode6,6)" @blur="blurHandle(checkEmailCode7,6)"></el-input>
+        </span>
+        <div class="dialog-footer">
+            <el-button size="small" @click="checkPrev" >{{
+                $t('login.button.previousStep') }}</el-button>
+            <el-button size="small" type="primary" @click="checkNextStep" class="nextStep" :class="fillStatus?'allowStatus':'prohibitStatus'" :Loading="nextLoadingStatus">{{
+                $t('login.button.nextStep') }} </el-button>
+
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { getCurrentInstance,defineEmits, ref } from 'vue'
+const checkEmailContainer = ref(false)
+const checkEmailCode1 = ref('')
+const checkEmailCode2 = ref('')
+const checkEmailCode3 = ref('')
+const checkEmailCode4 = ref('')
+const checkEmailCode5 = ref('')
+const checkEmailCode6 = ref('')
+const checkEmailCode7 = ref('')
+const fillStatus = ref(false)
+const nextLoadingStatus = ref(false)
+const emailName = ref('')
+const remainingTime = ref(60)
+const countdownInterval = ref('')
+const emit = defineEmits(['update-prev','update-next'])
+const instance = getCurrentInstance()
+
+emailName.value = window.sessionStorage.eamilUrl
+const checkPrev=()=> {
+   emit('update-prev');
+}
+
+const checkNextStep=()=> {
+    if(!fillStatus.value) return;
+    // 发送API 逻辑处理
+    authEmailCode();
+}
+
+const startCountdown=()=>  {
+    countdownInterval.value = setInterval(() => {
+        remainingTime.value--;
+        if (remainingTime.value <= 0) {
+            stopCountdown();
+        }
+    }, 1000);
+}
+
+const stopCountdown=()=>  {
+    clearInterval(countdownInterval.value);
+    countdownInterval.value = null;
+}
+
+function focusHandle(val,n){
+  if(val) checkEmailCode7.value = val
+  switch(n) {
+    case 1: checkEmailCode1.value = '';break;
+    case 2: checkEmailCode2.value = '';break;
+    case 3: checkEmailCode3.value = '';break;
+    case 4: checkEmailCode4.value = '';break;
+    case 5: checkEmailCode5.value = '';break;
+    case 6: checkEmailCode6.value = '';break;
+    default: break;
+  }
+}
+function blurHandle(val,n){
+  switch(n) {
+    case 1: if(checkEmailCode1.value == '') checkEmailCode1.value = val;break;
+    case 2: if(checkEmailCode2.value == '') checkEmailCode2.value = val;break;
+    case 3: if(checkEmailCode3.value == '') checkEmailCode3.value = val;break;
+    case 4: if(checkEmailCode4.value == '') checkEmailCode4.value = val;break;
+    case 5: if(checkEmailCode5.value == '') checkEmailCode5.value = val;break;
+    case 6: if(checkEmailCode6.value == '') checkEmailCode6.value = val;break;
+    default: break;
+  }
+}
+
+function tabInput(val,n){
+     if(val) {
+        if(n<6) {
+            let dom  = document.getElementById('elCode'+(n+1));
+            dom.focus()
+        }
+        if(checkEmailCode1.value && checkEmailCode2.value && checkEmailCode3.value && checkEmailCode4.value && checkEmailCode5.value&& checkEmailCode6.value) {
+            fillStatus.value = true;
+        } else {
+            fillStatus.value = false;
+        }
+     }
+}
+
+function authEmailCode(){
+
+   nextLoadingStatus.value = true
+   let data = {
+       "email": instance.proxy.$getCode.RSAEncrypt(window.sessionStorage.eamilUrl),
+       "emailCaptcha": checkEmailCode1.value+""+checkEmailCode2.value+""+checkEmailCode3.value+""+checkEmailCode4.value+""+checkEmailCode5.value+""+checkEmailCode6.value
+   }
+   instance.proxy.$api
+       .ValidateEmailCaptcha(data)
+       .then(res => {
+           const { code, data, message } = res?.data || {}
+           if (code == 200) {
+               // 发送成功进入下一个页面
+               emit('update-next');
+           } else {
+               instance.proxy.$message.error(message)
+           }
+       })
+       .catch(err => {
+           instance.proxy.$message.error(err?.data, err)
+       }).finally(r=>{
+           nextLoadingStatus.value = false
+       })
+
+}
+
+startCountdown();
+</script>
+

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-login/src/components/passwordModification/inputEmailContainer.vue

@@ -0,0 +1,128 @@
+<template>
+    <!-- 输入邮箱 -->
+    <div class="inputEmailContainer" >
+        <b>{{$t('login.tips.retrievePassword')}}</b>
+        <p>{{$t('login.tips.retrievePasswordTips')}}</p>
+        <div class="inpuContent">
+            <el-input v-model="emailName" @keyup.enter.native="confirmEmail"
+                :placeholder="$t('login.input.inputEmail')" autocomplete="off" @input="listenerStatus" clearable>
+                <template #prefix>
+                    <i class="iconfont icon-gw-icon-youxiang"></i>
+                </template>
+            </el-input>
+            <div class="verificationCode">
+                    <el-input v-model="verificationCode" @keyup.enter.native="nextStep" @input="listenerStatus"
+                        :placeholder="$t('login.input.inputCode')" autocomplete="off" >
+                        <template #prefix>
+                            <i class="iconfont icon-denglu_yanzhengma"></i>
+                        </template>
+                        <template #suffix>
+                            <img @click="drawCode()" :src="imgSrc" style="cursor: pointer;" :loading="errorLoading"/>
+                        </template>
+                    </el-input>
+            </div>
+        </div>
+        <div class="dialog-footer">
+            <el-button size="small" type="primary" @click="nextStep" class="nextStep" :class="nextStatus?'allowStatus':'prohibitStatus'" :loading="nextLoadingStatus">{{
+                $t('login.button.nextStep') }}</el-button>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { getCurrentInstance, ref,defineEmits  } from 'vue'
+const emailName = ref('')
+const verificationCode = ref('')
+const verificationKey = ref('')
+const imgSrc = ref('')
+const errorLoading = ref(false)
+const nextStatus = ref(false)
+const nextLoadingStatus = ref(false)
+const emit = defineEmits(['update-message'])
+const instance = getCurrentInstance()
+const timeout = ref('')
+
+if(window.sessionStorage.eamilUrl) {
+    emailName.value = window.sessionStorage.eamilUrl
+}
+
+const confirmEmail =()=> {
+    nextStep()
+}
+
+const nextStep=()=> {
+    if(!nextStatus.value) return;
+    if(isEmail(emailName.value)) {
+        // 发送API 逻辑处理
+        validateEmailCode();
+    } else{
+        instance.proxy.$message.error(instance.proxy.$t('login.tips.correctEmail'))
+    }
+}
+
+const isEmail=(email)=>  {
+    const emailRegExp = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+    return emailRegExp.test(email);
+}
+
+function listenerStatus(){
+    if(emailName.value && verificationCode.value ) {
+        nextStatus.value = true
+    }
+}
+
+function drawCode(){
+    errorLoading.value = true
+    instance.proxy.$api
+        .getImageCaptcha()
+        .then(res => {
+            const { code, data, message } = res?.data || {}
+            if (code == 200) {
+                imgSrc.value = data?.verificationCode || ''
+                verificationCode.value = ''
+                verificationKey.value = data?.verificationKey || ''
+                nextStatus.value = false
+            } else {
+                instance.proxy.$message.error(message)
+            }
+        })
+        .catch(err => {
+            instance.proxy.$message.error(err?.data, err)
+        }).finally(r=>{
+            errorLoading.value = false
+        })
+}
+
+drawCode();
+
+function validateEmailCode(){
+    nextLoadingStatus.value = true
+    let data = {
+        "verificationKey": verificationKey.value,
+        "email": instance.proxy.$getCode.RSAEncrypt(emailName.value),
+        "verificationCode": verificationCode.value
+    }
+    instance.proxy.$api
+        .ValidateImageCaptchaAndSendEmail(data)
+        .then(res => {
+            const { code, data, message } = res?.data || {}
+            if (code == 200) {
+                // 发送成功进入下一个页面
+                emit('update-message');
+                window.sessionStorage.eamilUrl = emailName.value
+            } else {
+                verificationCode.value = ''
+                drawCode()
+                instance.proxy.$message.error(message)
+            }
+        })
+        .catch(err => {
+            verificationCode.value = ''
+            drawCode()
+            instance.proxy.$message.error(err?.data, err)
+        }).finally(r=>{
+            nextLoadingStatus.value = false
+        })
+}
+
+</script>

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-login/src/components/passwordModification/modifyPasswordContainer.vue

@@ -0,0 +1,138 @@
+<template>
+        <!--密码修改 -->
+        <div class="modifyPasswordContainer">
+            <b>{{$t('login.publics.button.reset')+$t('login.framePro.label.password')}}</b>
+            <p>{{emailName}}</p>
+            <span>
+                <el-form
+                    ref="ruleFormRef"
+                    style="max-width: 600px"
+                    :model="ruleForm"
+                    status-icon
+                    :rules="rules"
+                    label-width="auto"
+                    class="demo-ruleForm"
+                    label-position="top"
+                >
+                    <el-form-item :label="$t('login.tips.inputValidatePass')" prop="pass">
+                      <el-input v-model="ruleForm.pass" type="password" :placeholder="$t('login.tips.inputValidatePass')" clearable show-password>
+                        <template #prefix>
+                            <i class="iconfont icon-denglu_mima"></i>
+                        </template>
+                      </el-input>
+                    </el-form-item>
+                    <el-form-item :label="$t('login.tips.inputValidatePass2')" prop="checkPass" >
+                        <el-input
+                            v-model="ruleForm.checkPass"
+                            type="password"
+                            :placeholder="$t('login.tips.inputValidatePass2')" clearable show-password
+                        >
+                                                <template #prefix>
+                            <i class="iconfont icon-denglu_mima"></i>
+                        </template>
+                        </el-input>
+                    </el-form-item>
+                </el-form>
+            </span>
+            <div class="dialog-footer">
+                <el-button size="small" type="primary" @click="submitForm(ruleFormRef)" class="nextStep" :disabled="comfirmed" :loading="comfirmLoading">{{
+                    $t('login.publics.button.confirm') }}</el-button>
+            </div>
+        </div>
+
+</template>
+
+<script lang="ts" setup>
+import { getCurrentInstance, reactive, ref, watch } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+const ruleFormRef = ref<FormInstance>()
+const modifyPasswordContainer = ref(false)
+const comfirmed =ref(true)
+const comfirmLoading = ref(false)
+const instance = getCurrentInstance()
+const emit = defineEmits(['update-end'])
+const emailName = ref('')
+emailName.value = window.sessionStorage.eamilUrl
+const ruleForm = reactive({
+  pass: '',
+  checkPass: ''
+})
+const _this = getCurrentInstance().appContext.config.globalProperties
+const validatePass = (rule: any, value: any, callback: any) => {
+    comfirmed.value = true
+  if (value === '') {
+    callback(new Error(_this.$t('login.tips.validatePass')))
+  } else {
+    if (ruleForm.checkPass !== '') {
+      if (!ruleFormRef.value) return
+      ruleFormRef.value.validateField('checkPass')
+    }
+    callback()
+  }
+}
+const validatePass2 = (rule: any, value: any, callback: any) => {
+    comfirmed.value = true
+  if (value === '') {
+    callback(new Error(_this.$t('login.tips.validatePass')))
+  } else if (value !== ruleForm.pass) {
+    callback(new Error(_this.$t('login.tips.validatePass2')))
+  } else {
+    // 按钮可点击状态
+    comfirmed.value = false
+    callback()
+  }
+}
+
+const rules = reactive<FormRules<typeof ruleForm>>({
+  pass: [{ validator: validatePass, trigger: 'blur' }],
+  checkPass: [{ validator: validatePass2, trigger: 'blur' }]
+})
+
+
+const submitForm = (formEl: FormInstance | undefined) => {
+  if (!formEl) return
+  formEl.validate((valid) => {
+    if (valid) {
+      resetPassword();
+      console.log('submit!')
+    } else {
+      console.log('error submit!')
+    }
+  })
+}
+
+const resetForm = (formEl: FormInstance | undefined) => {
+  if (!formEl) return
+  formEl.resetFields()
+}
+
+function resetPassword(){
+   comfirmLoading.value = true
+   let data = {
+    "email": instance.proxy.$getCode.RSAEncrypt(window.sessionStorage.eamilUrl),
+    "password": instance.proxy.$getCode.RSAEncrypt(ruleForm.checkPass)
+   }
+   instance.proxy.$api
+       .RetrievePassword(data)
+       .then(res => {
+           const { code, data, message } = res?.data || {}
+           if (code == 200) {
+               // 清除邮箱
+               window.sessionStorage.removeItem("eamilUrl");
+               // 发送成功进入下一个页面
+               comfirmed.value = true
+               instance.proxy.$message.success(message)
+               emit('update-end');
+           } else {
+               instance.proxy.$message.error(message)
+           }
+       })
+       .catch(err => {
+           instance.proxy.$message.error(err?.data, err)
+       }).finally(r=>{
+           comfirmLoading.value = false
+       })
+
+}
+
+</script>

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-login/src/components/passwordModification/passwordModification - /345/211/257/346/234/254.vue"

@@ -0,0 +1,4 @@
+
+<el-button size="small" type="primary" @click="checkNextStep" class="nextStep" :class="remainingTime == 0?'allowStatus':'prohibitStatus'">{{
+    $t('login.tips.retrieveAgainCode') }} | {{remainingTime}}s</el-button>
+

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-login/src/components/passwordModification/passwordModification.vue

@@ -0,0 +1,223 @@
+<template>
+    <el-dialog class="passwordContainer" modal-class="modalContainer" v-model="props.passwordDialogVisible" width="800" destroy-on-close @close="modifyNextStep" :close-on-click-modal="false" :close-on-press-escape="false">
+      <inputEmailComponent v-if="inputEmailContainer" @update-message="updateInputEmailContainer"/>
+      <checkEmailComponent v-if="checkEmailContainer" @update-prev="updateCheckEmailContainerPrev" @update-next="updateCheckEmailContainerNext"/>
+      <modifyPasswordComponent v-if="modifyPasswordContainer" @update-end="updateModifyPasswordContainer"/>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref, watch,defineAsyncComponent} from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+const emit = defineEmits(['closePassword'])
+const inputEmailContainer = ref(true)
+const checkEmailContainer = ref(false)
+const modifyPasswordContainer = ref(false)
+const props = defineProps({
+    passwordDialogVisible: {
+        type: Boolean,
+        default: false
+    }
+})
+const inputEmailComponent = defineAsyncComponent(() => import('@/components/passwordModification/inputEmailContainer.vue'))
+const checkEmailComponent = defineAsyncComponent(() => import('@/components/passwordModification/checkEmailContainer.vue'))
+const modifyPasswordComponent = defineAsyncComponent(() => import('@/components/passwordModification/modifyPasswordContainer.vue'))
+
+const updateInputEmailContainer=()=> {
+    inputEmailContainer.value = false
+    checkEmailContainer.value = true
+}
+
+const updateCheckEmailContainerPrev=()=> {
+    inputEmailContainer.value = true
+    checkEmailContainer.value = false
+}
+const updateCheckEmailContainerNext=()=> {
+    checkEmailContainer.value = false
+    modifyPasswordContainer.value = true
+}
+
+const updateModifyPasswordContainer=()=> {
+     modifyNextStep()
+}
+
+const modifyNextStep = ()=>{
+    emit('closePassword')
+    inputEmailContainer.value = true
+    checkEmailContainer.value = false
+    modifyPasswordContainer.value = false
+}
+
+
+</script>
+
+<style lang="scss">
+    @import "@/assets/css/dialogStyle.scss","@/assets/css/inputStyle.scss";
+    .modalContainer{
+        background-color: transparent;
+    }
+    .passwordContainer{
+        @include el-dialog;
+        @include searchInput;
+         .el-dialog__header {
+            .el-dialog__close{
+                color: #333;
+            }
+         }
+
+         .el-dialog__body>div{
+            text-align: center;
+            >b{
+                width: 128px;
+                height: 45px;
+                font-family: PingFangSC, PingFang SC;
+                font-weight: 500;
+                font-size: 32px;
+                color: #333333;
+                line-height: 45px;
+                text-align: left;
+                font-style: normal;
+            }
+            >p{
+                width: 100%;
+                height: 22px;
+                font-family: PingFangSC, PingFang SC;
+                font-weight: 400;
+                font-size: 16px;
+                color: #555963;
+                line-height: 22px;
+                text-align: center;
+                font-style: normal;
+                margin: 12px 0px 36px 0;
+            }
+            .passwordLable{
+                font-weight: 400;
+                font-size: 16px;
+                color: #555963;
+                text-align: left;
+            }
+
+            .dialog-footer .el-button{
+                justify-content: center;
+                margin-top: 36px;
+                margin-bottom: 130px;
+                padding: 0 39px;
+                height: 52px !important;
+                font-size: 16px;
+                border-radius: 26px !important;
+                border: 1px solid rgba(151,151,151,0.21);
+                backdrop-filter: blur(1px);
+                span{
+                    color: #2C69F1;
+                }
+            }
+            .dialog-footer .nextStep{
+                span{
+                    color: white;
+                }
+            }
+            .dialog-footer .prohibitStatus{
+                 cursor: not-allowed;
+            }
+            .dialog-footer .allowStatus{
+                 opacity: 1!important;
+            }
+         }
+        .inputEmailContainer .inpuContent{
+            >div{
+                margin-bottom: 10px;
+            }
+            .el-input {
+                width: 518px;
+                height: 52px;
+                border-radius: 39px;
+                backdrop-filter: blur(1px);
+                overflow: hidden;
+                background-color: rgba(255,255,255, 1);
+                border: 1px solid rgba(151,151,151,0.21);
+                .el-input__wrapper,.el-input__inner{
+                    text-indent: 10px;
+                    border: 0;
+                    height: 100%;
+                    background-color: rgba(255,255,255, 1);
+                    color: #333333 !important;
+                    .icon-denglu_yanzhengma{font-size: 20px;}
+                }
+            }
+        }
+        .checkEmailContainer>span{
+            .el-input {
+                width: 52px;
+                height: 64px;
+                background: #FFFFFF;
+                border-radius: 4px;
+                border: 1px solid #CDE0EE;
+                backdrop-filter: blur(1px);
+                overflow: hidden;
+                margin: 0 14px;
+                .el-input__wrapper,.el-input__inner{
+                    text-align: center;
+                    border: 0;
+                    padding: 0;
+                    height: 100%;
+                    background-color: rgba(255,255,255, 1);
+                    font-size: 24px;
+                    color: #333333 !important;
+                }
+            }
+         }
+         .modifyPasswordContainer{
+            >b{
+                margin-bottom: 20px;
+            }
+            .dialog-footer{
+               .el-button{
+                   background: #2464F1 !important;
+               }
+            }
+            .el-form-item__error{
+                margin-left: 24px;
+            }
+        }
+        .modifyPasswordContainer>span{
+            display: flex;
+            justify-content: left;
+            align-items: center;
+            flex-direction: column;
+            .el-form{
+
+            }
+            .el-input {
+                width: 518px;
+                height: 52px;
+                border-radius: 39px;
+                backdrop-filter: blur(1px);
+                overflow: hidden;
+                background-color: rgba(255,255,255, 1);
+                border: 1px solid rgba(151,151,151,0.21);
+                .el-input__wrapper,.el-input__inner{
+                    text-indent: 10px;
+                    border: 0;
+                    height: 100%;
+                    background-color: rgba(255,255,255, 1);
+                    color: #333333 !important;
+                }
+                .el-input__suffix .el-input__validateIcon{
+                   display: none;
+                }
+            }
+            .el-form-item{
+                margin-bottom: 25px;
+            }
+            .el-form-item__label{
+                font-size: 18px;
+                color: #333333 !important;
+            }
+        }
+        background: linear-gradient( 328deg, rgba(254,255,255,0.25) 0%, rgba(234,239,251,0) 100%);
+        border: 2px solid white;
+        border-radius: 24px;
+        overflow: hideen;
+        backdrop-filter: blur(7px);
+    }
+</style>, watch

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-login/src/directive/loadMore/loadMore.js

@@ -0,0 +1,14 @@
+export default {}.install = (Vue, options = {}) => {
+    Vue.directive('loadmore', {
+        inserted(el, binding) {
+            // 获取element-ui定义好的scroll盒子
+            // const SELECTDOWN_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap')
+            el.addEventListener('scroll', function () {
+                const CONDITION = this.scrollHeight - this.scrollTop <= this.clientHeight
+                if (CONDITION) {
+                    binding.value()
+                }
+            })
+        }
+    })
+}

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-login/src/hostMap.js

@@ -0,0 +1,18 @@
+
+import routerUrl from '../../../configuration/moduleConfiguration.json'
+const map = routerUrl.addressMapping;
+export default function hostMap (host) {
+    if (process.env.NODE_ENV === "production") return host;
+    return map[host];
+}
+if (process.env.NODE_ENV === "production") {
+    try {
+        window.top.isProduction = true;
+    } catch (error) {
+        window.isProduction = true;
+    }
+} else {
+    localStorage.hostMap = JSON.stringify(map)
+}
+
+hostMap._map = map;