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

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-index/src/components/indexRightContent/headerRight/userInfo/logoutDialog/index.vue

@@ -0,0 +1,16 @@
+<template>
+    <el-dialog id="quit" :title="$t('login.framePro.tips.sureToLogOut')" v-model="dialogVisible" width="350px" top="0vh"
+        center append-to="#index">
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button type="primary" plain @click="closeDialog">{{
+        $t('login.publics.button.cancel') }}</el-button>
+                <el-button @click.stop.prevent="quitLogin" type="danger" :loading="submitLoading"
+                    style="color: #ffffff"> {{
+        $t('login.publics.button.confirm') }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script src="./index.js"></script>

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-index/src/components/indexRightContent/headerRight/userInfo/restartPlatformDialog/index.js

@@ -0,0 +1,178 @@
+import inputPassword from '@/components/inputPassword/index.vue'
+export default {
+    components: { inputPassword },
+    props: {
+        showDialog: {
+            type: Boolean,
+            default: false
+        }
+    },
+    watch: {
+        showDialog (val) {
+            this.dialogVisible = val;
+            setTimeout(() => {
+                this.showPassword = true
+            }, 100)
+            if (!val) {
+                this.$refs.form.resetFields()
+            }
+        },
+        // 监听loading状态控制进度条显示
+        isRebootWeb (value, newValue) {
+            if (value) {
+                this.increase()
+            } else {
+                this.increaseend()
+            }
+        }
+    },
+    data () {
+        return {
+            dialogVisible: false,
+            form: {
+                password: '',
+                confirmPassword: '',
+            },
+            percentage: 0,
+            timeStart: null,
+            isRebootWeb: false,
+            showPassword: false,
+            loading: false
+        }
+    },
+    computed: {
+        rules () {
+            return {
+                password: [
+                    {
+                        type: 'string',
+                        required: true,
+                        message: this.$t('login.framePro.tips.inputPasswordTip'),
+                        trigger: 'blur'
+                    }
+                ],
+                confirmPassword: [
+                    {
+                        required: true,
+                        trigger: 'blur',
+                        validator: (rule, value, callback) => {
+                            if (!value) {
+                                callback(this.$t('login.framePro.tips.enterConfirmPas'));
+                                return;
+                            }
+                            let isTheSame = this.form.password.trim() == this.form.confirmPassword.trim();
+                            if (!isTheSame) {
+                                callback(this.$t('login.framePro.tips.towPasAreNoSame'))
+                                return
+                            }
+                            callback()
+                        }
+                    }
+                ]
+            }
+        }
+    },
+
+    methods: {
+        restartPlatform () {
+            sessionStorage.restarting = true
+            this.percentage = 0;
+            this.$refs.form.validate(async (valid) => {
+                if (valid) {
+                    this.loading = true;
+                    this.passwordLoading = true;
+                    this.$api.HostVerifyLogin({
+                        UserName: await this.$getCode.RSAEncrypt(sessionStorage.getItem('userName')),
+                        Password: await this.$getCode.RSAEncrypt(this.form.password)
+                    }).then(res => {
+                        const { code, message } = res.data;
+                        if (code === 200) {
+                            this.closeDialog()
+                            this.isRebootWeb = true
+                            this.$api
+                                .RebootHost()
+                                .then(async res => {
+                                    if (res.data.code == 200) {
+                                        //await this.GetServiceStatus()
+                                    }
+                                })
+                                .catch(error => {
+                                    this.isRebootWeb = false
+                                    console.log('error:', error)
+                                })
+                        } else if (code === -1) {
+                            this.$message.warning(message);
+                            setTimeout(() => {
+                                top.location.href = '/#/jumpIframeLogin/ganwei-iotcenter-login/Login';
+                            }, 1000)
+                        } else {
+                            this.$message.error(message);
+                        }
+                    }).catch(err => {
+                        this.$message.error(this.$t('login.framePro.tips.restartPlateformFail'));
+                        console.log(err);
+                    }).finally(() => {
+                        this.passwordLoading = false;
+                        this.confirmationVisible = false;
+                        this.loading = false
+                    })
+
+                } else {
+                    return false;
+                }
+            });
+        },
+        jumpLogin () {
+            let url = (process.env.NODE_ENV === "development" ? this.$hostMap('ganwei-iotcenter-login') : '/ganwei-iotcenter-login/#/')
+            window.location.href = url
+            sessionStorage.restarting = false
+        },
+        async RebootWeb () {
+            this.$api.RebootWeb().finally(() => {
+                this.jumpLogin()
+            })
+        },
+        GetServiceStatus () {
+            this.$api
+                .getServiceStatus()
+                .then(async res => {
+                    if (res.data.code === 200) {
+                        this.isRebootWeb = false
+                        this.$message.success(this.$t('login.framePro.tips.restartPlateformSuccess'))
+                        this.RebootWeb()
+                    } else {
+                        setTimeout(() => {
+                            this.GetServiceStatus()
+                        }, 3000)
+                    }
+                })
+                .catch(() => {
+                    setTimeout(() => {
+                        this.GetServiceStatus()
+                    }, 3000)
+                    // this.isRebootWeb = false
+                })
+        },
+        increase () {
+            this.timeStart = setInterval(() => {
+                if (this.percentage < 95) {
+                    this.percentage += 5
+                }
+                if (this.percentage > 100) {
+                    this.percentage = 100
+                }
+            }, 1000)
+        },
+        increaseend () {
+            this.percentage = 100
+            clearInterval(this.timeStart)
+        },
+        closeDialog () {
+            this.form = {
+                password: '',
+                confirmPassword: ''
+            }
+            this.$emit('closeDialog')
+        }
+    }
+}

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-index/src/components/indexRightContent/headerRight/userInfo/restartPlatformDialog/index.scss

@@ -0,0 +1,16 @@
+.el-overlay-dialog {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .loadingModal {
+        .el-dialog__header {
+            padding: 16px;
+            padding-bottom: 0;
+        }
+
+        .el-dialog__body {
+            padding: 20px !important;
+        }
+    }
+}

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-index/src/components/indexRightContent/headerRight/userInfo/restartPlatformDialog/index.vue

@@ -0,0 +1,46 @@
+/*
+ * @Description:
+ * @LastEditTime: 2024-09-29 16:49:45
+ */
+<template>
+    <el-dialog class="editPassword" @closed="closeDialog" v-model="dialogVisible" width="480px"
+        :close-on-click-modal="false" :show-close="false" top="-10vh" center append-to="#index">
+        <template #header>
+            <div>
+                <span class="el-dialog__title" style="line-height: 24px; font-size: 18px">{{
+        $t('login.framePro.title.RestartPlatform') }}</span>
+                <i style="position: absolute; top: 20px; right: 20px; line-height: 20px; font-size: 14px; color: #909399; cursor: pointer"
+                    class="iconfont icon-tubiao24_guanbi" @click.stop.prevent="closeDialog"></i>
+            </div>
+        </template>
+        <el-form :model="form" label-position="top" :rules="rules" ref="form">
+            <el-form-item :label="$t('login.framePro.label.password')" prop="password">
+                <inputPassword v-model="form.password" :placeholder="$t('login.framePro.tips.inputPasswordTip')" />
+            </el-form-item>
+            <el-form-item :label="$t('login.framePro.label.confirmPassword')" prop="confirmPassword">
+                <inputPassword v-model="form.confirmPassword"
+                    :placeholder="$t('login.framePro.tips.enterConfirmPas')" />
+            </el-form-item>
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button type="primary" plain @click.stop.prevent="closeDialog">{{
+        $t('login.publics.button.cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click.stop.prevent="restartPlatform()">{{
+        $t('login.publics.button.confirm') }}
+                </el-button>
+            </span>
+        </template>
+
+        <!-- 重启 -->
+        <el-dialog :title="$t('login.framePro.tips.restartPlateforming')" width="420px" v-model="isRebootWeb"
+            :close-on-click-modal="false" append-to-body :show-close="false" top="-10vh" center class="loadingModal">
+            <el-progress :percentage="percentage"></el-progress>
+        </el-dialog>
+    </el-dialog>
+</template>
+
+<script src="./index.js"></script>
+
+<style src="./index.scss"></style>

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-index/src/components/indexRightContent/headerRight/userInfo/safeModeDialog/index.vue

@@ -0,0 +1,195 @@
+<template>
+    <el-dialog :title="$t('login.framePro.title.safeMode')" v-model="dialogVisible" center :close-on-click-modal="false"
+        @closed="closeDialog" width="600px" class="safetyLevel" top="0vh" append-to="#index">
+        <div class="outContainer">
+            <div class="optionCard" v-for="(item, index) in safetyLevelList" :key="index"
+                :class="{ 'is-active': item.value == safeLevel }" @click="changeType(item)">
+                <div class="optionBox">
+                    <div class="optionBoxLeft">
+                        <img v-if="item.value == 2"
+                            :src="`/static/images/index-normalIcon-${theme.value || 'dark'}.svg`" alt="" />
+                        <img v-if="item.value == 1" :src="`/static/images/index-alarmIcon-${theme.value || 'dark'}.svg`"
+                            alt="" />
+                    </div>
+                    <div class="optionBoxRight">
+                        <div class="label">
+                            {{ item.label }}
+                        </div>
+                        <div class="describe">{{ item.describe }}</div>
+                    </div>
+                </div>
+                <div class="check" v-show="item.value == safeLevel">
+                    <el-icon>
+                        <Check />
+                    </el-icon>
+                </div>
+            </div>
+        </div>
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button type="primary" plain @click.stop.prevent="closeDialog">{{
+        $t('login.publics.button.cancel') }}</el-button>
+                <el-button type="primary" :loading="saveLoading" @click.stop.prevent="setSafeLevel()">{{
+        $t('login.publics.button.confirm') }}
+                </el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+export default {
+    name: 'SafeModeDialog',
+    props: {
+        showDialog: {
+            type: Boolean,
+            default: false
+        }
+    },
+    inject: ['theme'],
+    data () {
+        return {
+            dialogVisible: false,
+            safeLevel: 1,
+            saveLoading: false
+        }
+    },
+    watch: {
+        showDialog (val) {
+            if (val) {
+                this.getCurrentSafeLevel()
+            }
+            this.dialogVisible = val;
+        }
+    },
+    computed: {
+        safetyLevelList () {
+            return [
+                {
+                    label: this.$t('login.framePro.label.unSafeMode'),
+                    value: '1',
+                    describe: this.$t('login.framePro.tips.unsafeModeTip')
+                },
+                {
+                    label: this.$t('login.framePro.label.safeMode'),
+                    value: '2',
+                    describe: this.$t('login.framePro.tips.safeModeTip')
+                }
+            ]
+        },
+    },
+    methods: {
+        changeType (item) {
+            this.safeLevel = item.value;
+        },
+        getCurrentSafeLevel () {
+            this.$api
+                .getSafeLevelByGateway()
+                .then(rt => {
+                    if (rt?.data?.code == 200) {
+                        this.safeLevel = rt?.data?.data || 1
+                    }
+                })
+                .catch(e => {
+                    console.log(e)
+                })
+        },
+        setSafeLevel () {
+            this.saveLoading = true
+            this.$api.setSafeLevel(this.safeLevel).then(res => {
+                if (res.data.code === 200) {
+                    this.$message.success(res.data.message)
+                    this.closeDialog()
+                    window.postMessage({ updateSafeMode: true }, '*')
+                } else {
+                    this.$message.error(res.data.message)
+                    this.safeLevel = ''
+                }
+            }).finally(() => {
+                this.saveLoading = false
+            })
+        },
+        closeDialog () {
+            this.$emit('closeDialog')
+        }
+    }
+}
+</script>
+
+<style lang="scss">
+.outContainer {
+    display: flex;
+
+    .optionCard {
+        &:first-child {
+            margin-right: 20px;
+        }
+
+        .optionBox {
+            display: flex;
+            justify-content: flex-start;
+            align-items: center;
+
+            img {
+                height: 60px;
+                width: 60px;
+                margin-right: 12px;
+            }
+        }
+
+        width: 48%;
+        padding: 10px;
+        border: 1px solid var(--frame-main-border);
+        cursor: pointer;
+
+        .label {
+            color: #3874f7;
+            font-size: 15px;
+            line-height: 15px;
+            margin-bottom: 5px;
+        }
+
+        .describe {
+            color: var(--frame-main-color);
+            font-size: 12px;
+            line-height: 1.5;
+            width: 100%;
+            white-space: pre-wrap;
+        }
+    }
+
+    .is-active {
+        border-color: #3875ff;
+        position: relative;
+
+        .check {
+            position: absolute;
+            bottom: -1px;
+            right: -1px;
+            width: 26px;
+            height: 26px;
+            border: 1px solid #3875ff;
+            border-right-width: 0;
+            border-bottom-width: 0;
+            border-radius: 50px 0 0 0;
+            background-color: #3875ff;
+            text-align: center;
+            line-height: 29px;
+            color: #fff;
+        }
+    }
+
+}
+
+::v-deep .safetyLevel {
+    .el-dialog__header {
+        display: none !important;
+    }
+
+    .el-dialog__body {
+        height: 224px;
+        padding-top: 0;
+        padding-bottom: 0;
+    }
+}
+</style>

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-index/src/components/indexRightContent/headerRight/userInfo/switchPark/index.js

@@ -0,0 +1,70 @@
+/*
+ * @Description:
+ * @LastEditTime: 2024-09-30 18:19:44
+ */
+export default {
+    props: {
+        showDialog: {
+            type: Boolean,
+            default: false
+        }
+    },
+    data() {
+        return {
+            dialogVisible: false,
+            selectedPark: 1,
+            saveLoading: false,
+            parkList: [],
+            showComfirm: localStorage.getItem('multiPark') == 'true' ? true : false
+        }
+    },
+    watch: {
+        showDialog (val) {
+            this.dialogVisible = val
+            if(val) {
+                this.parkList = []
+                this.initPark()
+            }
+        },
+        dialogVisible(val) {
+            if(!val) this.closeDialog()
+        }
+    },
+    methods: {
+        changePark(val){
+            this.selectedPark = val
+        },
+        closeDialog () {
+            this.dialogVisible = false
+            this.$emit('closeDialog')
+        },
+        savePark () {
+            let data = {
+                "ParkId": this.selectedPark
+            }
+            this.$api.savePark(data).then(res => {
+                const { code, message } = res?.data || {}
+                if (code == 200) {
+                    window.location.href = "/"
+                } else {
+                    this.$message.warning(message)
+                }
+            }).catch(e=>{
+                console.log(e)
+            }).finally(er=>{
+                this.dialogVisible = false
+            })
+        },
+        initPark(){
+            this.$api.getParkList().then(res => {
+                const { code, message } = res?.data || {}
+                if (code == 200) {
+                    this.parkList = res?.data?.data?.parkList || []
+                    this.selectedPark = res?.data?.data?.currentParkId || 1
+                } 
+            }).catch(e=>{
+                console.log(e)
+            })
+        }
+    }
+}

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-index/src/components/indexRightContent/headerRight/userInfo/switchPark/index.scss

@@ -0,0 +1,95 @@
+
+
+.el-radio-group {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: nowrap;
+    align-items: center;
+}
+
+.el-dropdown-menu p.actived::after{
+    left: 11px !important;
+    border-color: var(--gw-color-Neutrals2);
+}
+
+.selectedPark{
+    background-color: var(--dialog-background);
+    .themeContainer {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+        min-height: 201px;
+        gap: 16px;
+        transition: all 0.5s;
+        .themeOptionCard{
+            margin-bottom: 16px;
+            justify-content: center;
+            align-items: center;
+            display: flex;
+            width: 180px;
+            height: 185px;
+            border-radius: 12px;
+            background-color: var(--radio-inner-background);
+            position: relative;
+            overflow: hidden;
+            border: 1px solid var(--dialog-border);
+            cursor: pointer;
+            .optionBox{
+                text-align: center;
+            }
+            .optionBox>i{
+                display: inline-block;
+                font-size: 50px;
+                border: none;
+            }
+            .optionBox>p{
+                margin-top: 23px;
+            }
+            >span{
+                display: inline-block;
+                width: 40px;
+                height: 40px;
+                position: absolute;
+                right: -10px;
+                top: -10px;
+                transform: skew(30deg, 10deg);
+                border-radius: 50%;
+            }
+
+            >label{
+                position: absolute;
+                right: 5px;
+                top: 0px;
+                font-size: 20px;
+                display: none;
+            }
+
+        }
+        .is-active{
+            border: 1px solid var(--radio-inner-border__checked);
+            >span{
+                background-color: var(--radio-inner-border__checked);
+            }
+            >label{
+                display: block;
+                color: white;
+            }
+        }
+        .noPadding{
+            margin-right: 0;
+        }
+    }
+
+    ::v-deep .safetyLevel {
+        .el-dialog__header {
+            display: none !important;
+        }
+        .el-dialog__body {
+            height: 224px;
+            padding-top: 0;
+            padding-bottom: 0;
+        }
+    }
+
+}
+

package/ganwei-iotcenter-index-6.2.1/packages/ganwei-iotcenter-index/src/components/indexRightContent/headerRight/userInfo/switchPark/index.vue

@@ -0,0 +1,35 @@
+<template>
+    <div>
+        <!-- <div class="themeImage" style="margin-right: 0px">
+            <img :src="theme.skin" alt="" @click="showDialog"/>
+        </div> -->
+        <el-dialog :title="$t('login.framePro.park.parkTitle')" v-model="dialogVisible" center :close-on-click-modal="false"
+         width="auto" class="selectedPark" top="0vh" append-to="#index">
+            <div class="themeContainer">
+                <div class="themeOptionCard" v-for="(item, index) in parkList" :key="index"
+                    :class="{ 'is-active': item.parkId == selectedPark, 'noPadding': (index + 1) % 3 == 0 }"  @click="changePark(item.parkId)">
+                    <div class="optionBox" >
+                        <i class="iconfont icon-gw-icon-department-managemen"></i>
+                        <p>{{ item.parkName }}</p>
+                    </div>
+                    <span></span>
+                    <label>
+                        ✔
+                    </label>
+                </div>
+            </div>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button type="primary" plain @click.stop.prevent="closeDialog">{{
+            $t('login.publics.button.cancel') }}</el-button>
+                    <el-button type="primary" :loading="saveLoading" @click.stop.prevent="savePark()" >{{
+            $t('login.publics.button.confirm') }}
+                    </el-button>
+                </span>
+            </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script src="./index.js"></script>
+<style src="./index.scss"></style>