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

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

@@ -0,0 +1,112 @@
+<template>
+    <div :class="{ isCollapse: isCollapse, noIsCollapse: !isCollapse, transition: transition }">
+        <!-- 全量菜单 -->
+        <div class="maxW maxActive" :class="{ transition: transition, showOrganizationalStructure: showOrganizationalStructure}" id="menuRef">
+
+            <div class="aside-header">
+                <div class="aside-header-box">
+                    <a style="cursor: pointer" @click="logoJump()">
+                        <img :src="theme.logo" class="header-top-img" alt="" v-if="theme.logo" @error="showImg" />
+                    </a>
+                </div>
+            </div>
+
+            <div class="organizationalStructure" v-if="showOrganizationalStructure" :title="organizationName">
+                {{organizationName}}
+            </div>
+
+            <div class="left-nav" @click.stop>
+                <el-row class="list">
+                    <div class="max">
+                        <el-input v-model="menuSearch" @keyup.enter="searchMenu"
+                            :placeholder="$t('login.framePro.tips.inputMenuName')" clearable>
+                            <template #prefix>
+                                <i class="iconfont icon-sousuoL"></i>
+                            </template>
+                        </el-input>
+                        <!-- UL -->
+                        <el-menu ref="menu" :router="false" :default-active="menuActive" :collapse="false"
+                            :collapse-transition="false" unique-opened popper-class="newMenu newMenuMaxActive" >
+                            <loading v-if="loading"></loading>
+                            <asideMenu :isCollapse="isCollapse" v-else v-for="item in renderMenu" :data="item" :key="item.resourceId">
+                            </asideMenu>
+                        </el-menu>
+                    </div>
+                </el-row>
+                <div class="fold">
+                    <div @click.stop.prevent="onAsideListShow()">
+                        <el-button>
+                            <i :class="isCollapse ? 'iconfont icon-caidan_zhankai cacelmargin' : 'iconfont icon-caidan_zhankai isopen'"></i>
+                        </el-button>
+                        <span>{{ $t('login.menuJson.closeNavigationBar') }}</span>
+                    </div>
+                </div>
+            </div>
+
+            <widthSetting custom @resizeEnd="resizeEnd" v-if="!isCollapse" leftSide="menuRef" rightSide="contentRef">
+            </widthSetting>
+        </div>
+
+        <!-- 缩放菜单 -->
+        <div class="maxW minActive" :class="{ transition: transition }" >
+            <div class="topIndexHeader"></div>
+            <div class="minActiveContent">
+                <div class="aside-header">
+                    <div class="aside-header-box">
+                        <a style="cursor: pointer">
+                            <img class="min-img" :src="config.img.indexSmallImg" alt />
+                        </a>
+                    </div>
+                </div>
+                <div class="left-nav" @click.stop>
+                    <el-row class="list">
+                        <div class="max">
+                            <el-menu ref="menu" :router="false" :default-active="menuActive" :collapse="true"
+                                :collapse-transition="false" unique-opened popper-class="newMenu newMenuMinActive" teleported="false">
+                                <contractMenu :isCollapse="isCollapse" v-for="item in renderMenu" :data="item"
+                                    :key="item.resourceId"> </contractMenu>
+                            </el-menu>
+                        </div>
+                    </el-row>
+                    <div class="fold">
+                        <div @click.stop.prevent="onAsideListShow()">
+                            <el-button>
+                                <i :class="isCollapse ? 'iconfont icon-caidan_zhankai cacelmargin' : 'iconfont icon-caidan_zhankai isopen'"></i>
+                            </el-button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script src="./index"></script>
+
+<style src="./index.scss" scoped></style>
+
+<style lang="scss">
+    // 新版菜单
+    .newMenuMaxActive{
+        left: 236px !important;
+        .el-menu--popup{
+            min-width: auto!important;
+        }
+    }
+    .newMenuMinActive{
+        left: 75px!important;
+    }
+    .newMenu{
+        max-width: 597px;
+        max-height: 600px;
+        background: var(--menu-popup-background)!important;
+        box-shadow: 0px 4px 14px 0px var(--menu-popup-boxshadow);
+        border-radius: 10px;
+        backdrop-filter: blur(6px);
+
+        .el-menu--vertical{
+            overflow-y: auto;
+            overflow-x: hidden;
+        }
+    }
+</style>

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

@@ -0,0 +1,282 @@
+<template>
+    <div v-if="showApp" class="appPreview">
+        <el-tooltip popper-class="topToolTip" :content="$t('login.framePro.tips.appPreview')" placement="bottom">
+            <img :src="theme.appPreview" alt="" @click="showPreview = true" />
+        </el-tooltip>
+        <el-dialog v-model="showPreview" className="el-dialog dialogContainer" width="750px" draggable :close-on-click-modal="false" append-to="#index">
+            <div class="appPreview">
+                <div class="tabs-wrapper">
+                    <div class="tabs-header">
+                        <div class="tabs-header-item" :class="{ active: activeName === 'preview' }"
+                            @click="changeActiveName('preview')">
+                            <span class="label">{{ $t('login.framePro.label.preview') }}</span>
+                        </div>
+                        <div class="tabs-header-item" :class="{ active: activeName === 'download' }"
+                            @click="changeActiveName('download')">
+                            <span class="label">{{ $t('login.framePro.label.download') }}</span>
+                        </div>
+                    </div>
+                    <div class="tabs-body">
+                        <div class="tabs-body-item" v-show="activeName === 'preview'">
+                            <div class="QRcode">
+                                <div class="image">
+                                    <img :src="QRcode.app" alt="">
+                                </div>
+                                <el-button type="primary" @click="doCopy(AppUrl)">{{
+        $t('login.framePro.button.copyLink') }}</el-button>
+                            </div>
+                            <iframe class="AppFrame" :src="AppUrl"
+                                v-show="activeName === 'preview' || finishTour"></iframe>
+                        </div>
+                        <div class="tabs-body-item" v-show="activeName === 'download'">
+                            <div class="QRcode">
+                                <div class="image">
+                                    <img :src="QRcode.download" alt="">
+                                </div>
+                                <el-button type="primary" @click="doCopy(connectUrl)">{{
+        $t('login.framePro.button.copyLink') }}</el-button>
+                                <el-button type="primary" @click="openTour">{{ $t('login.framePro.button.tour')
+                                    }}</el-button>
+                            </div>
+                            <div class="AppFrame AppConnect">
+                                <span class="tour">
+                                    <img src="./images/appconnect.jpg" alt="">
+                                    <div ref="language" class="language-target"></div>
+                                    <div ref="url" class="url-target"></div>
+                                    <div ref="button" class="button-target"></div>
+                                    <el-tour v-model="open" @finish="onFinishTour" v-if="open">
+                                        <el-tour-step :target="$refs.language"
+                                            :title="$t('login.framePro.title.changeLanguage')">
+                                            <div>{{ $t('login.framePro.tips.changeLanguage') }}</div>
+                                        </el-tour-step>
+                                        <el-tour-step :target="$refs.url" :title="$t('login.framePro.title.serverUrl')"
+                                            :description="$t('login.framePro.tips.serverUrl')" />
+                                        <el-tour-step :target="$refs.button"
+                                            :title="$t('login.framePro.title.connectServer')"
+                                            :description="$t('login.framePro.tips.connectServer')" />
+                                    </el-tour>
+                                </span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup>
+import { inject, nextTick, onMounted, reactive, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
+import QRCodeLib from 'qrcode'
+
+import api from '@/request/api'
+
+const { t } = useI18n()
+const theme = inject('theme')
+const $message = inject('$message')
+
+const showApp = ref(false)
+const QRcode = reactive({
+    app: '',
+    download: ''
+})
+const showPreview = ref(false)
+
+const activeName = ref('preview')
+const open = ref(false)
+const finishTour = ref(false)
+
+const AppUrl = window.location.origin + '/APP/index.html?languageType=' + sessionStorage.getItem('languageType')
+const downloadUrl = 'http://139.9.94.104:8088/home.html'
+const connectUrl = window.location.host
+
+function changeActiveName (name) {
+    activeName.value = name
+    if (name === 'download' && !finishTour.value) {
+        openTour()
+    }
+}
+
+function openTour () {
+    finishTour.value = false
+    setTimeout(() => {
+        open.value = true
+    }, 200)
+}
+
+function onFinishTour () {
+    finishTour.value = true
+}
+
+function doCopy (str) {
+    const textarea = document.createElement('textarea');
+    textarea.style.position = 'fixed';
+    textarea.style.opacity = 0;
+    textarea.value = str;
+    document.body.appendChild(textarea);
+    textarea.select();
+    document.execCommand('copy');
+    document.body.removeChild(textarea);
+    $message.success(t('login.framePro.tips.copySuccess'))
+}
+
+function checkAppModule (path) {
+    return api.checkAppModule({ path }).then(() => true).catch(() => false)
+}
+
+onMounted(() => {
+    Promise.all([checkAppModule('/APP/index.html'), checkAppModule('/APP/ganwei-app-login/index.html'), checkAppModule('/APP/ganwei-app-home/index.html')]).then(res => {
+        showApp.value = res.every(item => item)
+    })
+    QRCodeLib.toDataURL(AppUrl).then(url => {
+        QRcode.app = url
+    })
+    QRCodeLib.toDataURL(downloadUrl).then(url => {
+        QRcode.download = url
+    })
+})
+</script>
+
+<style lang="scss" scoped>
+.appPreview,
+.tabs-wrapper,
+.tabs-body-item,
+.AppFrame {
+    height: 100%;
+}
+
+.appPreview {
+    .tabs-wrapper {
+        .tabs-header {
+            display: flex;
+            align-items: center;
+            justify-content: flex-start;
+            margin-bottom: 20px;
+            cursor: auto;
+        }
+
+        .tabs-header-item {
+            color: var(--tab-color);
+            border-bottom: 1px solid transparent;
+            height: 32px;
+            cursor: pointer;
+
+            &+.tabs-header-item {
+                margin-left: 60px;
+            }
+
+            .label {
+                line-height: 32px;
+                font-size: 18px;
+            }
+
+            &.active {
+                color: var(--tab-color__active);
+                border-bottom: 2px solid var(--tab-background__active);
+            }
+        }
+
+        .tabs-body {
+            height: calc(100% - 52px);
+        }
+
+        .tabs-body-item {
+            display: flex;
+            justify-content: space-around;
+            align-items: center;
+            cursor: auto;
+        }
+    }
+
+}
+
+.AppFrame {
+    width: 360px;
+
+    .tour {
+        display: inline-block;
+        height: 100%;
+        position: relative;
+
+        img {
+            height: 100%;
+        }
+    }
+}
+
+.AppConnect {
+    cursor: auto;
+
+    .language-target {
+        position: absolute;
+        top: 4.6%;
+        right: 10.5%;
+        width: 20%;
+        height: 4.6%;
+        cursor: pointer;
+    }
+
+    .url-target {
+        position: absolute;
+        top: 24%;
+        right: 0;
+        width: 100%;
+        height: 9.6%;
+        cursor: pointer;
+    }
+
+    .button-target {
+        position: absolute;
+        top: 35%;
+        right: 0;
+        width: 100%;
+        height: 9.6%;
+        cursor: pointer;
+    }
+}
+
+.QRcode {
+    .image {
+        margin-bottom: 20px;
+    }
+}
+.el-tour {
+    --el-tour-width: 300px;
+}
+</style>
+
+<style lang="scss">
+.dialogContainer {
+    height: 90%;
+    margin: 0;
+
+    .el-dialog__header {
+        height: 32px !important;
+        padding: 0 !important;
+    }
+
+    .el-dialog__body {
+        height: calc(100% - 32px - 32px);
+    }
+}
+.el-tour {
+    --tour-background: var(--gw-color-Neutrals27);
+    --tour-border: var(--gw-color-Neutrals22);
+    --el-tour-width: 350px;
+
+    .el-tour__content {
+        background: var(--tour-background);
+        border: 1px solid var(--tour-border);
+    }
+
+    .el-tour__arrow {
+        background: var(--tour-background);
+    }
+
+    .el-tour__content[data-side^=bottom] .el-tour__arrow {
+        border-top: 1px solid var(--tour-border);
+        border-left: 1px solid var(--tour-border);
+    }
+}
+</style>

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

@@ -0,0 +1,19 @@
+import screenfull from 'screenfull'
+export default {
+    inject: ['config', 'theme'],
+    mounted () {
+        this.$bus.on('contentFullScreen', (type) => {
+            this.getContentFullscreen(type)
+        })
+    },
+    methods: {
+        getContentFullscreen (type) {
+            if (screenfull.isEnabled) {
+                if ((!screenfull.isFullscreen && type == true) || (screenfull.isFullscreen && type == false)) {
+                    let contentFrame = document.getElementById(`pane-${localStorage.editableTabsValue}`)
+                    screenfull.toggle(contentFrame)
+                }
+            }
+        },
+    }
+}

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

@@ -0,0 +1,10 @@
+<template>
+    <div>
+        <el-tooltip popper-class="topToolTip" :content="$t('login.framePro.tips.contentFullScreen')" placement="bottom">
+            <img id="contentFullScreen" :src="theme.contentFullScreen" alt=""
+                @click.stop.prevent="getContentFullscreen(true)" />
+        </el-tooltip>
+    </div>
+</template>
+
+<script src="./index.js"></script>

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

@@ -0,0 +1,50 @@
+
+export default {
+    inject: ['config', 'theme'],
+    data () {
+        return {
+            n: 0,
+        }
+    },
+    mounted () {
+        let that = this
+        document.addEventListener("webkitfullscreenchange", function(e) {
+            if (!e.currentTarget.webkitIsFullScreen) {
+                that.signOutFullCreen()
+            }
+          });
+    },
+    methods: {
+        setFullCreen(){
+            this.n = 1
+            this.inFullCreeen(document.documentElement)
+        },
+        signOutFullCreen(){
+            this.n = 2
+            this.outFullCreeen(document)
+        },
+
+        inFullCreeen (element) {
+            let el = element
+            let rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen
+            if (typeof rfs != 'undefined' && rfs) {
+                rfs.call(el)
+            } else if (typeof window.ActiveXObject != 'undefined') {
+                // eslint-disable-next-line
+                let wscript = new ActiveXObject('WScript.Shell')
+                wscript.SendKeys('{F11}')
+            }
+        },
+        outFullCreeen (element) {
+            let el = element
+            let cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen
+            if (typeof cfs != 'undefined' && cfs) {
+                cfs.call(el)
+            } else if (typeof window.ActiveXObject != 'undefined') {
+                // eslint-disable-next-line
+                let wscript = new ActiveXObject('WScript.Shell')
+                wscript.SendKeys('{F11}')
+            }
+        }
+    }
+}

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

@@ -0,0 +1,10 @@
+<template>
+    <div>
+        <el-tooltip popper-class="topToolTip" :content="$t('login.framePro.tips.fullScreen')" placement="bottom">
+            <img v-if="n % 2 == 0" :src="theme.fullScreen" alt="" @click.stop.prevent="setFullCreen()" />
+            <img v-else :src="theme.outFullScreeen" @click.stop.prevent="signOutFullCreen()" alt="" />
+        </el-tooltip>
+    </div>
+</template>
+
+<script src="./index.js"></script>

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

@@ -0,0 +1,28 @@
+import isDebug from '@/components/isDebug/isDebug.vue'
+import appPreview from './appPreview/index.vue'
+import contentFullScreen from './contentFullScreen/index.vue'
+import fullScreen from './fullScreen/index.vue'
+import processDesign from './processDesign/index.vue'
+import renewMessages from './renewMessages/index.vue'
+import saveMode from './saveMode/index.vue'
+import switchTheme from './switchTheme/index.vue'
+import unReadMessages from './unReadMessages/index.vue'
+import upgrade from './upgrade/index.vue'
+import userInfo from './userInfo/index.vue'
+
+export default {
+    components: {
+        saveMode,
+        fullScreen,
+        contentFullScreen,
+        unReadMessages,
+        switchTheme,
+        userInfo,
+        isDebug,
+        appPreview,
+        upgrade,
+        processDesign,
+        renewMessages
+    },
+    inject: ['config', 'theme'],
+}

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

@@ -0,0 +1,137 @@
+
+.indexHeader {
+    height: 64px;
+    line-height: 64px;
+    text-align: center;
+    background-color: var(--frame-top-background);
+    white-space: nowrap;
+    position: relative;
+    padding-left: 16px;
+    padding-right: 16px;
+    z-index: 2;
+    .el-menu--horizontal {
+        display: flex;
+        height: 100%;
+        border-bottom: 0px;
+
+        >div {
+            display: flex;
+            align-items: center;
+            height: 100%;
+        }
+    }
+
+    .aside-header {
+        margin-left: -24px;
+        width: 220px;
+        height: 60px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+
+        .aside-header-box {
+            display: flex;
+            justify-content: center;
+            white-space: nowrap;
+            height: 100%;
+
+            a {
+                display: flex;
+                align-items: center;
+            }
+
+            .min-img {
+                width: 100%;
+            }
+        }
+    }
+
+    &>a {
+        display: none;
+    }
+
+    .header-right {
+        display: flex;
+        align-items: center;
+        float: right;
+        position: absolute;
+        right: 16px;
+        top: 0;
+        height: 100%;
+        color: var(--frame-main-color);
+
+        >div:last-child {
+            padding-right: 0px !important;
+        }
+
+        >div {
+            line-height: 1;
+            cursor: pointer;
+            height: 60px;
+            display: flex;
+            align-items: center;
+            padding: 0 12px;
+        }
+
+        ::v-deep .el-avatar {
+            width: 28px;
+            height: 28px;
+            line-height: 28px;
+            vertical-align: middle;
+            background-color: transparent;
+            border-radius: 0px;
+            // margin: 0 18px;
+        }
+
+        span {
+            vertical-align: middle;
+            cursor: pointer;
+        }
+
+        .username {
+            padding-right: 10px;
+            font-size: 14px;
+        }
+
+        .iconxiajiantou {
+            margin-right: 18px;
+            font-size: 20px;
+        }
+
+        .icon-xialasanjiao {
+            font-size: 12px;
+            margin-left: 3px;
+            color: var(--dropdown-menu-color);
+        }
+        
+    }
+
+    ::v-deep .el-dialog {
+        .el-form {
+            padding: 0 16px;
+
+            .el-form-item {
+                margin-top: 8px;
+                margin-bottom: 8px;
+            }
+        }
+
+        .el-dialog__body {
+            .el-input__inner {
+                height: 34px;
+                line-height: 34px;
+                border-radius: 2px;
+            }
+
+            .el-form-item__label {
+                padding-right: 24px;
+            }
+
+            .el-form-item__error {
+                top: 90%;
+                left: 90px;
+            }
+        }
+    }
+}

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

@@ -0,0 +1,20 @@
+<template>
+    <div class="header-right">
+        <saveMode v-if="config?.showTopBtn?.safeTips || config?.showTopBtn?.safeTips === undefined" />
+        <upgrade v-if="config?.showTopBtn?.update || config?.showTopBtn?.update === undefined" />
+        <app-preview v-if="config?.showTopBtn?.appPreview || config?.showTopBtn?.appPreview === undefined" />
+        <fullScreen v-if="config?.showTopBtn?.fullScreen || config?.showTopBtn?.fullScreen === undefined" />
+        <contentFullScreen
+            v-if="config?.showTopBtn?.contentFullScreen || config?.showTopBtn?.contentFullScreen === undefined" />
+        <unReadMessages v-if="config?.showTopBtn?.notify || config?.showTopBtn?.notify === undefined" />
+        <processDesign v-if="config?.showTopBtn?.processDesign || config?.showTopBtn?.processDesign === undefined" />
+        <renewMessages v-if="config?.showTopBtn?.notify || config?.showTopBtn?.notify === undefined" />
+        <switchTheme v-if="config?.showTopBtn?.themes || config?.showTopBtn?.themes === undefined" />
+        <!-- config?.showSwitchTheme -->
+        <userInfo v-if="config?.showTopBtn?.user || config?.showTopBtn?.user === undefined" />
+        <!-- <isDebug /> -->
+    </div>
+</template>
+
+<script src="./index.js"></script>
+<style src="./index.scss" scoped></style>