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

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

@@ -0,0 +1,458 @@
+<template>
+    <div class="login" v-cloak>
+        <div class="backgroundImage">
+            <img :src="homeBgImg" alt="" :class="{ invisible: !homeBgImg }" @error="showBgImg" v-if="homeBgImg"/>
+        </div>
+        <el-select v-if="showLangSelect" v-model="languageSelected" @change="langChange" class="languageSelect">
+            <template v-slot:prefix>
+                <i class="iconfont icon-gw-icon-diqiu"></i>
+            </template>
+            <el-option v-for="(item, index) in langOptions" :label="item.name" :value="item.value" :key="index">
+            </el-option>
+        </el-select>
+        <section class="main" >
+            <aside class="login_form">
+                <div class="logo">
+                    <img :src="mainImg" alt="" :class="{ invisible: !mainImg }" @error="showImg" />
+                </div>
+                <el-form ref="loginForm" :model="form" label-width="0px" :rules="rules">
+                    <el-form-item prop="userName">
+                        <el-input v-model="form.userName" @keyup.enter.native="showSlideCode"
+                            :placeholder="txtTips[0]" autocomplete="off" clearable>
+                            <template #prefix>
+                                <i class="iconfont icon-denglu_zhanghu"></i>
+                            </template>
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item prop="userPwd">
+                        <el-input type="password"  v-model="form.userPwd" @keyup.enter.native="showSlideCode"
+                            :placeholder="txtTips[1]" autocomplete="off">
+                            <template #prefix>
+                                <i class="iconfont icon-denglu_mima"></i>
+                            </template>
+                            <template #suffix>
+                               <showPassword :userPwd="form.userPwd"></showPassword>
+                             </template>
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item v-if="!IsIgnoreFalidateCode && verificationType != 1" prop="verificationCode">
+                        <div class="verificationCode">
+                            <el-input v-model="form.verificationCode" @keyup.enter.native="login"
+                                :placeholder="txtTips[2]" autocomplete="off" clearable>
+                                <template #prefix>
+                                    <i class="iconfont icon-denglu_yanzhengma"></i>
+                                </template>
+                            </el-input>
+                            <span class="codeLoading" v-loading="errorLoading">
+                                <img id="code_img" @click="drawCode()" />
+                            </span>
+                        </div>
+                    </el-form-item>
+
+                    <!--  忘记密码功能暂时注释
+                    <div class="loginExtend">
+                      <el-button class="loginExtendButton" @click="forgotPassworrd">{{ txtTips[10] }}?</el-button>
+                    </div>
+                    -->
+                </el-form>
+                <el-button type="primary" class="submit" :disabled="loading" @click.stop="showSlideCode">
+                    <span v-if="loading && !isLogin">{{ txtTips[3] }}</span>
+                    <span v-if="isLogin && !loading">{{ txtTips[4] }}</span>
+                    <span v-if="!isLogin && !loading">{{ txtTips[5] }}</span>
+                </el-button>
+            </aside>
+        </section>
+        <declaration v-if="showDeclare" @agree="agree" />
+        <passwordModification :passwordDialogVisible="passwordDialogVisible" @closePassword="closePassword" />
+    </div>
+</template>
+
+<script>
+import declaration from '@/components/declaration/declaration.vue'
+import passwordModification from '@/components/passwordModification/passwordModification.vue'
+import { useI18n } from 'vue-i18n'
+import showPassword from '@ganwei-web/gw-base-components-plus/showPassword/dist/index.es.js'
+export default {
+    components: {
+        declaration,
+        passwordModification,
+        showPassword
+    },
+    data () {
+        return {
+            form: {
+                userName: '',
+                userPwd: '',
+                verificationCode: '',
+                verificationKey: '',
+            },
+            verificationType: 1,
+            isLogin: false,
+            langOptions: [],
+            IsIgnoreFalidateCode: true,
+            loading: false,
+            showDeclare: false,
+            mainImg: '',
+            homeBgImg: '',
+            errorLoading: true,
+            showMaintain: false,
+            showLangSelect: false,
+            languageSelected: '',
+            outerHeight: '',
+            loginFormHeight: '',
+            i18nInstance: null,
+            defaultTheme: '',
+            txtTips: [],
+            passwordDialogVisible: false
+        }
+    },
+
+    watch: {
+        txtTips (val) {
+            setTimeout(() => {
+                if (this.$refs.loginForm) {
+                    this.$refs.loginForm.clearValidate()
+                }
+            }, 50)
+        }
+    },
+
+    computed: {
+        rules () {
+            return {
+                userName: [
+                    { required: true, message: this.txtTips[7], trigger: 'blur' },
+                ],
+                userPwd: [
+                    { required: true, message: this.txtTips[8], trigger: 'blur' },
+                ],
+                verificationCode: [
+                    { required: true, message: this.txtTips[9], trigger: 'blur' },
+                ],
+            }
+        }
+    },
+
+    created () {
+        this.loginCreated()
+        //this.mainImg = sessionStorage.mainImg
+        this.langOptions = localStorage.langOptions ? JSON.parse(localStorage.langOptions) : []
+        this.languageSelected = localStorage.languageType
+        this.i18nInstance = useI18n()
+        this.initTxtTips()
+    },
+    mounted () {
+        window.showSlideCode = this.showSlideCode.bind(this)
+        window.slideCodeLogin = this.slideCodeLogin.bind(this)
+    },
+    methods: {
+        initTxtTips(){
+            this.txtTips = [
+                this.$t('login.input.inputAccount'),
+                this.$t('login.input.inputPassword'),
+                this.$t('login.input.inputCode'),
+                this.$t('login.button.logining'),
+                this.$t('login.button.enterSystem'),
+                this.$t('login.button.loginNow'),
+                this.$t('login.button.updateLisens'),
+                this.$t('login.tips.ACTCantBeNull'),
+                this.$t('login.tips.PWDCantBeNull'),
+                this.$t('login.tips.codeCantBeNull'),
+                this.$t('login.button.forgotPassword')
+            ]
+        },
+        getImageUrlWithoutAuth(originUrl, imageCode) {
+            // 静态文件路径
+            if(originUrl.startsWith('/static/images')) {
+                return originUrl
+            }
+
+            // 上传图片路径
+            if(originUrl.startsWith('/file/')) {
+                return `/IoT/api/v3/FrontConfiguration/DownloadImage?subject=${imageCode}&fileDir=${originUrl}`
+            }
+            return ''
+        },
+        async loginCreated () {
+                sessionStorage.removeItem('configInfoData')
+                if (window.top.getConfigInfoData) {
+                    await window.top.getConfigInfoData().then(webConfig => {
+                        this.defaultTheme = webConfig?.theme?.default || "dark"
+                        this.showLangSelect = webConfig?.showLangSelect  // 默认选项
+                        this.mainImg = this.getImageUrlWithoutAuth(webConfig?.img?.loginImg, "loginImg")
+                        this.homeBgImg = this.getImageUrlWithoutAuth(webConfig?.img?.loginBgImg || "/static/images/login-bg-img.png", 'loginBgImg')
+                        sessionStorage.setItem("bgImg", this.homeBgImg)
+                        this.verificationType = (webConfig?.verificationType) ? 1 : 0
+                    }).catch((err) => {
+                        console.log(err)
+                    })
+                }
+            // 验证码配置
+            this.$api
+                .IsIgnoreFalidateCode()
+                .then(res => {
+                    const { code, data, message } = res?.data || {}
+                    if (code === 200) {
+                        this.IsIgnoreFalidateCode = data || false
+                        if (!this.IsIgnoreFalidateCode) {
+                            this.drawCode()
+                            this.outerHeight = 518
+                            this.loginFormHeight = 518
+                        }
+                    } else {
+                        this.$message.error(message)
+                    }
+                })
+                .catch(err => {
+                    this.$message.error(err?.data, err)
+                })
+
+        },
+        async langChange (val) {
+            // 语言切换
+            try {
+                localStorage.languageType = sessionStorage.languageType = val
+                await window.getLanguage('ganwei-iotcenter-login', 'login', 'Ganweisoft.IoTCenter.Module.Login', this)
+                sessionStorage.haveSetLanguageType = true
+                this.initTxtTips()
+            } catch (error) {
+                console.log(error)
+            }
+        },
+        drawCode () {
+            if (this.IsIgnoreFalidateCode || this.verificationType == 1) {
+                return;
+            }
+            this.form.verificationCode = ''
+            this.errorLoading = true
+            this.$api
+                .getVerificationCode()
+                .then(res => {
+                    const { code, data, message } = res?.data || {}
+                    if (code == 200) {
+                        let image = document.getElementById('code_img')
+                        this.form.verificationKey = data?.verificationKey || ''
+                        if (image) {
+                            image.src = data?.verificationCode || ''
+                        }
+                        this.errorLoading = false
+                    } else {
+                        this.$message.error(message)
+                    }
+
+                })
+                .catch(err => {
+                    this.$message.error(err?.data, err)
+                })
+        },
+
+        // 提示
+        info (type, msg) {
+            this.$message({
+                title: msg,
+                type: type
+            })
+        },
+        login () {
+            // 登录操作
+            this.$refs.loginForm.validate(async valid => {
+                if (valid) {
+                    this.form.userName = this.form.userName.trim()
+                    this.form.userPwd = this.form.userPwd.trim()
+                    this.loading = true
+                    this.$message.closeAll()
+                    let name = this.form.userName + "|" + this.myUtils.getCurrentDate(2, '-')
+                    this.$api
+                        .login({
+                            userName: await this.$getCode.RSAEncrypt(name),
+                            password: await this.$getCode.RSAEncrypt(this.form.userPwd),
+                            verificationKey: this.form.verificationKey,
+                            verificationCode: this.verificationType == 1 ? this.form.verificationCode : this.form.verificationCode?.toUpperCase()?.replace(/(^\s*)|(\s*$)/g, ''),
+                            TimeZone: Intl?.DateTimeFormat()?.resolvedOptions()?.timeZone || 'Asia/Shanghai',
+                            verificationType: this.verificationType
+                        })
+                        .then(res => {
+                            const { code, data, message } = res?.data || {}
+                            if (code == 200) {
+                                this.isLogin = true
+                                this.loginData = data || {}
+                                window.localStorage.setItem('multiPark', this.loginData.multiPark || false)
+                                window.sessionStorage.setItem('CSRF_TOKEN', this.loginData.token || '')
+                                if (!data?.userTermsService) {
+                                    this.showDeclare = true
+                                } else {
+                                    if(this.verificationType == 1 && !this.IsIgnoreFalidateCode) {
+                                        window.slideAuthSuccess()
+                                    }
+                                    this.afterLogin()
+                                }
+                            } else {
+                                this.isLogin = false
+                                if(!this.IsIgnoreFalidateCode) {   // 未关闭验证码
+                                    if(this.verificationType == 1) {  // 滑块验证码
+                                        if(code === 40005 || code === 40001 || code == 400) { // 账号密码错误，关闭弹窗
+                                            window.popupHandle("coverUp", "__Verification", "flipInX");
+                                        } else {
+                                            window.slideAuthError()
+                                        }
+                                    } else {
+                                        this.drawCode()
+                                    }
+                                }
+                                this.$message.error(message)
+                            }
+                        })
+                        .catch(err => {
+                            try {
+                                this.$message.error(err.data, err)
+                            } catch (e) {
+                                this.$message.error(this.$t('login.systemError'))
+                            }
+                            if(!this.IsIgnoreFalidateCode) {
+                                if(this.verificationType == 1) {
+                                    window.slideAuthError()
+                                } else {
+                                    this.drawCode()
+                                }
+                            }
+                            this.isLogin = false
+                        }).finally(() => {
+                            this.loading = false
+                        })
+                }
+            })
+
+        },
+
+        // 确认条款
+        async agree () {
+            try {
+                let res = await this.$api.addUserServer()
+                if (res?.data?.code !== 200) {
+                    this.$message.error(res?.data?.message)
+                }
+            } catch (err) {
+                this.$message.error(err?.data, err)
+            }
+            this.afterLogin()
+        },
+
+        afterLogin () {
+            let data = this.loginData
+            window.sessionStorage.userName = this?.form?.userName
+            let userRetrunInfo = this.filterUserInfo(data?.personReserve)
+            if(userRetrunInfo?.userTheme) {
+                sessionStorage.setItem('theme', userRetrunInfo?.userTheme)
+            } else {
+                sessionStorage.setItem('theme', this.defaultTheme || "dark")
+            }
+            let urlParameter = "?languageType=" + localStorage.languageType + "&userName=" + window.sessionStorage.userName + "&passwordPolicy=" + window.sessionStorage.passwordPolicy + "&theme=" + sessionStorage.getItem('theme') + "&userId=" + window.sessionStorage.userId + "&multiPark=" + window.sessionStorage.multiPark + "&CSRF_TOKEN=" + window.sessionStorage.CSRF_TOKEN 
+            if (data?.passwordPolicy?.passwordPolicy != null) {
+                window.sessionStorage.removeItem('passwordPolicy')
+                // 密码规则 0：禁止登录 1：强制修改 2：不限制登录
+                switch (data.passwordPolicy.passwordPolicy) {
+                    case 0:
+                        this.$message.warning(this.$t('login.tips.PWDOverContactAdmin'))
+                        break
+                    case 1:
+                        window.sessionStorage.passwordPolicy = 1
+                        this.$message.warning(this.$t('login.tips.PWDOverTimelyModify'))
+                        setTimeout(() => {
+                            if (process.env.NODE_ENV === "development") {
+                                window.top.location.href = this.$hostMap('ganwei-iotcenter-index') + urlParameter
+                            } else { window.top.location.href = '/index.html' }
+                        }, 250)
+                        break
+
+                    default:
+                        let reminderDaysInAdvance = data.passwordPolicy.reminderDaysInAdvance  // 提前多少天提醒
+                        if (reminderDaysInAdvance != null) {
+                            if (reminderDaysInAdvance > 0) {
+                                this.$message.warning(`${this.$t('login.tips.PWDAlso')}${reminderDaysInAdvance}${this.$t('login.tips.dayExpire')}`)
+                            } else if (reminderDaysInAdvance == 0) {
+                                this.$message.warning(this.$t('login.tips.PWDOverTodayModify'))
+                            } else if (reminderDaysInAdvance < 0) {
+                                this.$message.warning(this.$t('login.tips.PWDOverTimelyModify'))
+                            }
+                        } else {
+                            this.$message.success(this.$t('login.tips.loginSuccess'))
+                        }
+                        setTimeout(() => {
+                            if (process.env.NODE_ENV === "development") {
+                                window.top.location.href = this.$hostMap('ganwei-iotcenter-index') + urlParameter
+                            } else { window.top.location.href = '/index.html' }
+                        }, 250)
+
+                        break
+                }
+            } else {
+                this.$message.success(this.$t('login.tips.loginSuccess'))
+                setTimeout(() => {
+                    if (process.env.NODE_ENV === "development") {
+                        window.top.location.href = this.$hostMap('ganwei-iotcenter-index') + urlParameter
+                    } else { window.top.location.href = '/index.html' }
+                }, 250)
+            }
+        },
+
+        showImg () {
+            if (process.env.NODE_ENV === "development") { this.mainImg = `/static/images/${localStorage.theme == 'dark' ? 'index-logo-src' : 'index-logo-src-light'}.svg` }
+        },
+
+        showBgImg(){
+            this.homeBgImg = "/static/images/login-bg-img.png"
+        },
+
+        filterUserInfo (item) {
+            let obj = {}
+            if(Array.isArray(item) && item.length > 0) {
+                for (let i of item) {
+                    if(i.key && i.value) {
+                        obj[i.key] = i.value
+                    }
+                }
+            }
+            return obj
+        },
+
+        showSlideCode () {
+            this.$refs.loginForm.validate(valid => {
+                if (valid) {
+                    // 滑块验证 且 未关闭验证码
+                    if(this.verificationType == 1 && !this.IsIgnoreFalidateCode) {
+                        // 请完成安全验证 拖动图片验证 验证成功  点击刷新验证码
+                        sessionStorage.setItem('slideTitle', this.$t('login.tips.slideTitle'))
+                        sessionStorage.setItem('slideTipsLabel', this.$t('login.tips.slideTipsLabel'))
+                        sessionStorage.setItem('slideSuccessLabel', this.$t('login.tips.slideSuccessLabel'))
+                        sessionStorage.setItem('slideClickLabel', this.$t('login.tips.slideClickLabel'))
+                        window.changespec("300*200", '/IoT/api/v3/Auth/GetSlideVerificationCode');
+                    } else {
+                        this.login()
+                    }
+                }
+            })
+        },
+
+        slideCodeLogin(point){
+            this.form.verificationCode = point
+            this.form.verificationKey = sessionStorage.getItem('verificationKey')
+            sessionStorage.removeItem('verificationKey')
+            this.login()
+        },
+
+        // 忘记密码
+        forgotPassworrd(){
+            // 清除邮箱
+            window.sessionStorage.removeItem("eamilUrl");
+            this.passwordDialogVisible = true
+        },
+
+        // 关闭密码弹窗
+        closePassword(){
+            this.passwordDialogVisible = false
+        }
+
+    }
+}
+</script>
+<style lang="scss" src="@/assets/css/login.scss" scoped></style>

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-login/src/views/ssoLogin.vue

@@ -0,0 +1,230 @@
+<template>
+    <div id="ssoLogin" v-loading='loading' loading-type="2">
+        <div class="error-box" v-show="isError">
+            <img src="@/assets/images/login-sso-error.png">
+            <p class="error-txt">{{ errorTxt }}</p>
+            <el-button type="primary" @click="toBack">{{ $t('login.publics.button.confirm') }}</el-button>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data () {
+        return {
+            query: {},
+            urlConfig: null,
+            loginConfig: null,
+            loading: true,
+            isError: false,
+            errorTxt: ''
+        }
+    },
+    mounted () {
+        this.getSsoConfig();
+    },
+    methods: {
+        getSsoConfig () {
+            if (window.getConfigInfoData) {
+                window.getConfigInfoData().then(webConfig => {
+                    if (!this.$route.params.appid) {
+                        this.urlConfig = webConfig?.ssoConfig?.default?.ssoUrl
+                        this.loginConfig = webConfig?.ssoConfig?.default?.ssoLogin;
+                    } else {
+                        this.urlConfig = webConfig?.ssoConfig[this.$route.params.appid]?.ssoUrl
+                        this.loginConfig = webConfig?.ssoConfig[this.$route.params.appid]?.ssoLogin;
+                    }
+                    this.ssoLogin()
+                })
+            }
+        },
+
+        async ssoLogin () {
+            if (this.$route.query) {
+                this.query = this.$route.query;
+                let query = window.location.hash.split('?')[1];
+                if (query && this.query.url) {
+                    this.query.url = new URLSearchParams(query).get('url');
+                }
+                if (window.location.search) {
+                    let search = window.location.search.split('?')[1];
+                    let searchObj = new URLSearchParams(search)
+                    for (let i of searchObj.keys()) {
+                        this.query[i] = searchObj.get(i);
+                    }
+                }
+            }
+
+            if (JSON.stringify(this.query) == '{}') {
+                // 判断是否需要进行重定向
+                if (this.urlConfig.method == 'redirect') {
+                    // 判断参数是否被加到#之前，是的话重定向地址
+                    if (window.location.search) {
+                        let str = window.location.origin + window.location.pathname + window.location.hash + window.location.search
+                        window.location.href = str;
+                    } else {
+                        window.location.href = this.urlConfig.api;
+                    }
+                } else {
+
+                    // 调用获取重定向地址接口
+                    this.ssoUrlApi(this.urlConfig.api, this.urlConfig.method).then(res => {
+                        if (res.data.code == 200) {
+                            let data = res.data.data;
+                            let { requestUrl, ...queryData } = data;
+                            let url = `${data.requestUrl}?`
+                            Object.keys(queryData).forEach((item, index) => {
+                                if (index > 0) {
+                                    url += '&'
+                                }
+                                console.log(item, this.camel2UnderLine(item));
+                                url += `${this.camel2UnderLine(item)}=${queryData[item]}`
+                            })
+                            url = url.replace(/\#/g, '%23');
+
+                            window.location.href = url;
+                        } else {
+                            this.isError = true;
+                            this.errorTxt = res.data.message;
+                        }
+                        this.loading = false;
+                    }).catch(er => {
+                        this.isError = true;
+                        this.loading = false;
+                    })
+                }
+            } else {
+
+                // 调用单点登录接口
+                this.ssoApi(this.loginConfig.api, this.loginConfig.method, this.query).then(res => {
+                    if (res.data.code == 200) {
+                        this.$message.success(this.$t('login.tips.loginSuccess'));
+                        if (res.data.data) {
+                            sessionStorage.userName = res.data.data.userName
+                        }
+                        sessionStorage.isSsoLogin = '1';
+                        sessionStorage.ssoLoginAppId = this.$route.params.appid;
+                        if (this.query.url) {
+                            try {
+                                let url = new URL(window.location.origin + decodeURI(this.query.url));
+                                const search = url.href.indexOf('?') > -1 ? url.href.split('?')[1] : ''
+                                const urlSearchParams = new URLSearchParams(search)
+                                const searchParams = new URLSearchParams(this.query)
+                                const mergedParams = this.mergeURLSearchParams(searchParams, urlSearchParams)
+                                mergedParams.delete('url')
+                                let urlString = url.origin + url.pathname + url.hash.split('?')[0] + '?' + mergedParams.toString()
+                                window.location.href = urlString
+                            } catch (error) {
+                                this.loading = false;
+                                this.errorTxt = error.message;
+                                this.isError = true;
+                            }
+                        } else {
+                            const userAgent = navigator.userAgent.toLowerCase();
+                            if (/mobile|android|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent)) {
+                                this.$api.get('/APP/index.html').then(res => {
+                                    window.location.href = '/APP'
+                                }).catch(err => {
+                                    if (err.status == 404) {
+                                        window.location.href = '/#/Index'
+                                    }
+                                })
+                            } else {
+                                window.location.href = '/#/Index'
+                            }
+                        }
+
+                        // this.$router.push('/Index');
+                    } else {
+                        this.isError = true;
+                        this.errorTxt = res.data.message;
+                    }
+                    this.loading = false;
+                }).catch(er => {
+                    this.isError = true;
+                    this.loading = false;
+                    this.errorTxt = this.$t('login.tips.errorAppear');
+                })
+            }
+
+        },
+
+        // 可配置接口
+        ssoUrlApi (api, method) {
+            return this.Axios({
+                method: method,
+                url: api
+            });
+        },
+
+        // 可配置接口
+        ssoApi (api, method, data) {
+            return this.Axios({
+                method: method,
+                url: api,
+                data: method.toLowerCase() == 'get' ? null : data,
+                params: method.toLowerCase() == 'post' ? '' : data
+            });
+        },
+
+        toBack () {
+            window.history.back(-1);
+        },
+
+        camel2UnderLine (name) {
+            let isCamel = name.match(/^([a-z]+)([A-Z][a-z]*)$/);
+            if (isCamel) {
+                name = isCamel[1] + '_' + isCamel[2].toLowerCase();
+            }
+            return name;
+        },
+
+        mergeURLSearchParams(searchParams1, searchParams2) {
+            const mergedParams = new URLSearchParams();
+            for (const [key, value] of searchParams1) {
+                mergedParams.append(key, value);
+            }
+            for (const [key, value] of searchParams2) {
+                mergedParams.set(key, value);
+            }
+            return mergedParams;
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+#ssoLogin {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .error-box {
+        width: 80%;
+        max-width: 570px;
+        text-align: center;
+        transform: translateY(-10px);
+
+        img {
+            width: 100%;
+        }
+
+        .error-txt {
+            font-size: 24px;
+            color: #90959b;
+            margin: 26px 0 28px;
+        }
+
+        .el-button {
+            width: 160px;
+            font-size: 22px;
+            padding: 8px 20px;
+
+            &:not(:hover) {
+                background-color: #669eff;
+                border-color: #669eff;
+            }
+        }
+    }
+}
+</style>