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

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

@@ -0,0 +1,65 @@
+/*
+ * @Description:
+ * @LastEditTime: 2024-10-23 15:30:50
+ */
+<template>
+    <el-input v-model="password" v-bind="{ ...$attrs, ...$props }" :class="{ security: !viewPassword }">
+        <template #suffix>
+            <span @mousedown="toViewPassword" @mouseup="hidePassword" @mouseleave="hidePassword">
+                <i class="el-icon el-input__icon el-input__password" v-if="viewPassword && password"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352m0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448m0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160"></path></svg></i>
+                <i  class="el-icon el-input__icon el-input__password" v-if="!viewPassword && password"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M876.8 156.8c0-9.6-3.2-16-9.6-22.4-6.4-6.4-12.8-9.6-22.4-9.6-9.6 0-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8-160 16-288 73.6-377.6 176C44.8 438.4 0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4 0 9.6 3.2 16 9.6 22.4 6.4 6.4 12.8 9.6 22.4 9.6 9.6 0 16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4Zm-646.4 528c-76.8-70.4-128-128-153.6-172.8 28.8-48 80-105.6 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4C598.4 300.8 560 288 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4Zm140.8-96c-12.8-22.4-19.2-48-19.2-76.8 0-44.8 16-83.2 48-112 32-28.8 67.2-48 112-48 28.8 0 54.4 6.4 73.6 19.2zM889.599 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6-28.8 48-80 105.6-153.6 172.8-73.6 67.2-172.8 108.8-284.8 115.2-51.2-3.2-99.2-12.8-140.8-28.8l-48 48c57.6 22.4 118.4 38.4 188.8 44.8 160-16 288-73.6 377.6-176C979.199 585.6 1024 528 1024 512s-48.001-73.6-134.401-176Z"></path><path fill="currentColor" d="M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2 64 0 115.2-22.4 160-64 41.6-41.6 64-96 64-160 0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4 0 44.8-16 83.2-48 112-32 28.8-67.2 48-112 48Z"></path></svg></i>
+            </span>
+        </template>
+    </el-input>
+</template>
+
+<script>
+import { ref, watch} from 'vue'
+export default {
+    name: 'InputPassword',
+    props: {
+        modelValue: {
+            type: [String, Number],
+            default: ''
+        }
+    },
+    model: {
+        prop: "modelValue",
+        event: 'update'
+    },
+    emits: ['update:modelValue'],
+    setup (props, context) {
+        const { emit } = context;
+        const password = ref('')
+        const viewPassword = ref(false)
+        watch(password, () => {
+            emit('update:modelValue', password.value)
+        }, {
+            immediate: true
+        })
+        const toViewPassword = () => {
+            viewPassword.value = true
+        }
+        const hidePassword = () => {
+            viewPassword.value = false
+        }
+        return {
+            password,
+            toViewPassword,
+            hidePassword,
+            viewPassword
+        };
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.security {
+    text-security: disc !important;
+    -webkit-text-security: disc !important;
+}
+
+.viewIcon {
+    cursor: pointer;
+}
+</style>

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

@@ -0,0 +1,50 @@
+<template>
+    <div class="top-tip" v-if="showDebugInfo">
+        <img class="top-img" src="./warning.png">
+        {{ $t('login.tips.debugging') }}
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            showDebugInfo: false
+        }
+    },
+    mounted() {
+        this.$api.getServiceStatus().then(res => {
+            if (res.data.code == 200 && 'data' in res.data) {
+                let data = res.data.data;
+                if (data.isDebug) {
+                    this.showDebugInfo = true;
+                }
+            } else {
+                this.showDebugInfo = false
+            }
+        })
+            .catch(err => {
+                this.showDebugInfo = false
+            });
+    }
+}
+</script>
+<style lang="scss" scoped>
+.top-tip {
+    position: absolute;
+    top: 65px;
+    right: 1px;
+    height: 38px;
+    color: #FF0024;
+    padding: 0 15px;
+    background: rgba(43, 19, 9, 0.7);
+    border: 1px solid rgba(255, 192, 82, 0.4);
+    display: flex;
+    align-items: center;
+    z-index: 99;
+
+    .top-img {
+        width: 22px;
+        margin-right: 16px;
+    }
+}
+</style>

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

@@ -0,0 +1,78 @@
+<template>
+    <div id="noAccess">
+        <span>
+            <span>
+                {{ $t(netWorkLink) }}
+                <a @click="quitLogin">{{ $t('login.noAccess.noAccess[1]') }}</a>
+                {{ $t('login.noAccess.noAccess[2]') }}
+            </span>
+        </span>
+    </div>
+</template>
+<script>
+export default {
+    data: function () {
+        return {
+            netWorkLink: '',
+        }
+    },
+
+    watch: {
+        '$i18n.messages' (val) {
+            this.$forceUpdate()
+        },
+    },
+    mounted () {
+        let name = this.$route.query.name
+        switch (name) {
+            case '1':
+                this.netWorkLink = 'login.noAccess.noAccess[0]';
+                break;
+
+            case '2':
+                this.netWorkLink = 'login.noAccess.noAccess[3]';
+                break;
+
+            case '3':
+                this.netWorkLink = 'login.noAccess.noAccess[5]';
+                break;
+        }
+    },
+    methods: {
+        quitLogin () {
+            let code = window.sessionStorage.getItem('iamAccessToken')
+            window.sessionStorage.clear()
+            try {
+                // eslint-disable-next-line
+                myJavaFun.OpenLocalUrl('login')
+            } catch (e) {
+                if (code == null || code == undefined || code == '') {
+                    // this.$router.replace('/Login');
+                    // this.$router.replace('/')
+                    window.location.href = window.location.origin + '/'
+                } else {
+                    window.location.href = '/loginOut.html'
+                }
+            }
+        },
+    },
+}
+</script>
+
+<style lang="scss" scoped>
+#noAccess {
+    width: 100%;
+    height: 100%;
+    font-size: 1rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #bbb;
+
+    a {
+        margin: 0 2px;
+        color: $btn-blue;
+        cursor: pointer;
+    }
+}
+</style>

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

@@ -0,0 +1,68 @@
+
+<template>
+    <div class="noPage noPageTips" :data-noData="$t('login.noAccess.noPage')">
+        <div>
+            <p>{{ $t('login.noAccess.noPage') }}</p>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data () {
+        return {
+            msg: ''
+        }
+    },
+    mounted () {
+        this.msg = this.$t('login.noAccess.noPage');
+    }
+}
+</script>
+<style scoped>
+.noPage {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    color: white;
+}
+
+.noPageTips>div {
+    width: 380px;
+    height: 380px;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    position: absolute;
+    left: 50%;
+    top: 40%;
+    transform: translate(-50%, -50%);
+    background-image: url(/static/images/index-nopage-dark.png);
+}
+
+.noPageTips>div p {
+    font-size: 14px;
+    position: absolute;
+    width: 100%;
+    bottom: -24px;
+    left: 0;
+    text-align: center;
+    margin-left: 10px;
+    color: var(--frame-main-color);
+}
+
+[data-theme="dark"] .noPageTips>div {
+    background-image: url(/static/images/index-nopage-dark.png);
+}
+
+[data-theme="dark"] .noPageTips>div p {
+    color: #818EA9;
+}
+
+[data-theme="light"] .noPageTips>div {
+    background-image: url(/static/images/index-nopage-light.png);
+}
+
+[data-theme="light"] .noPageTips>div p {
+    color: #818EA9;
+}
+</style>

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

@@ -0,0 +1,95 @@
+import { Signalr as GwSignalr } from '@ganwei-web/gw-base-components-plus/equipProcessing/dist/index.es.js'
+export default {
+    data() {
+        return {
+            monitor: null
+        }
+    },
+    mounted() {
+        this.connectMonitor()
+    },
+    methods: {
+
+        connectMonitor() {
+            window.sessionStorage.setItem('pluginRenewalCount', 0);
+
+            new GwSignalr('/monitor').openConnect().then(res => {
+                window.monitor = this.monitor = res
+
+                this.monitor.invoke('AddUserToGroup').then().catch(er => {
+                    console.log('signalR', er);
+                }).catch(err => console.error(err));
+
+                this.monitor.on('OnOpenWindow', signalrData => {
+                    this.signalrMonitorScene(signalrData)
+                })
+                this.monitor.on('ToDoMainCount', signalrData => {
+                    this.$store.commit('processesStatistics', signalrData);
+                    console.log('ToDoMainCount', signalrData)
+                })
+
+                // 监听插件更新数量
+                this.monitor.on('PluginRenewalCount', count => {
+                    window.sessionStorage.setItem('pluginRenewalCount', count);
+                    // 通知其他页面插件更新数量变化
+                    window.dispatchEvent(new CustomEvent('customStorageChange', {
+                        detail: { key: 'pluginRenewalCount', count }
+                    }));
+                })
+                this.monitor.onclose(() => {
+                    this.connectMonitor()
+                })
+            })
+        },
+        signalrMonitorScene(signalrData) {
+            let pageArr = signalrData.replace(/"/g, '').split('%');
+            if (pageArr[0].toUpperCase() === sessionStorage.userName.toUpperCase()) {
+                let changePath = '';
+                let judgeArr = [];
+                if (pageArr[1].includes('clickId')) {
+                    let newQuery = this.getQueryClickId(pageArr[1]);
+                    changePath = newQuery.newHref;
+                    judgeArr = newQuery.newParames;
+                } else {
+                    changePath = pageArr[1];
+                }
+
+                let callback = () => this.$bus.emit('contentFullScreen', false)
+                if (changePath.includes('fullscreen=true')) {
+                    callback = () => this.$bus.emit('contentFullScreen', true)
+                }
+
+                // 当预跳转路径与当前路径相同时不进行二次跳转
+                if (changePath) {
+                    if (changePath.includes('?')) {
+                        changePath = `${changePath}&refreshTab=true`
+                    } else {
+                        changePath = `${changePath}?refreshTab=true`
+                    }
+                    this.$bus.emit('openPage', { changePath, callback })
+                }
+            }
+        },
+        getQueryClickId(variable) {
+            let href = variable;
+            let param = href.indexOf('&') !== -1 ? href.split('&') : href.split('?');
+            let newHref = '';
+            let newParames = [];
+            for (let i = 0; i < param.length; i++) {
+                let pair;
+                if (param[i].indexOf('?') != -1) {
+                    pair = param[i].split('?')[1].split('=');
+                } else {
+                    pair = param[i].split('=');
+                }
+                if (pair[0] == 'clickId') {
+                    window.sessionStorage.setItem('clickId', pair[1]);
+                    continue;
+                }
+                newHref += (i == 0 ? '' : '&') + param[i];
+                newParames.push(param[i]);
+            }
+            return { newHref: newHref, newParames: newParames };
+        },
+    }
+}

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

@@ -0,0 +1,65 @@
+import { createVNode, render } from 'vue';
+
+import Main from './index.vue';
+
+let instance;
+let seed = 1;
+const container = document.createElement('div')
+
+function clone (cloneObj, source) {
+    for (let prop in source) {
+        if (Object.prototype.hasOwnProperty.call(source, prop)) {
+            let value = source[prop];
+            if (value !== undefined) {
+                cloneObj[prop] = value;
+            }
+        }
+    }
+    return cloneObj;
+}
+
+const Toast = function (options) {
+    options = clone({ visible: true }, options);
+    const id = 'Toast_' + seed++;
+    const userOnClose = options.onClose;
+
+    options.onClose = function () {
+        render(null, container);
+        if (typeof userOnClose === 'function') {
+            instance ? userOnClose(instance) : userOnClose();
+        }
+        instance = null;
+    };
+
+    if (instance) {
+        instance.close();
+        instance = null;
+    }
+    const ToastConstructor = {
+        extends: Main,
+        data: () => options
+    };
+    instance = createVNode(ToastConstructor);
+    render(instance, container)
+    document.body.appendChild(container.firstElementChild)
+
+    return instance;
+};
+
+['success', 'error', 'warning', 'info'].forEach(type => {
+    Toast[type] = options => {
+        if (typeof options === 'string') {
+            options = {
+                message: options
+            };
+        }
+        options.type = type;
+        return Toast(options);
+    };
+});
+
+Toast.close = function (userOnClose) {
+    instance && instance.component.ctx.close();
+};
+
+export default Toast;

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

@@ -0,0 +1,136 @@
+<template>
+    <transition name="el-fade-in" @after-leave="$emit('destroy')">
+        <div class="gw-toast" v-show="visible" role="alert"
+            style="position: fixed; z-index: 99999; top: 50%; color: white; transform: translateY(-50%);">
+            <div class="gw-toast-inner" :class="{ 'big-msg': isBig, 'has-icon': icon }">
+                <div class="message">
+                    <el-result :icon="type" :title="message">
+                    </el-result>
+                </div>
+            </div>
+        </div>
+    </transition>
+</template>
+
+<script>
+import { ElResult } from 'element-plus'
+export default {
+    components: { ElResult },
+    name: 'gwToast',
+    data () {
+        return {
+            visible: false,
+            message: '',
+            duration: 1200,
+            type: '',
+            customClass: '',
+            iconClass: '',
+            onClose: null,
+            closed: false,
+            timer: null,
+            isBig: false,
+            icon: ''
+        };
+    },
+
+    watch: {
+        closed (newVal) {
+            if (newVal) {
+                this.visible = false;
+            }
+        }
+    },
+
+    methods: {
+        close () {
+            this.closed = true;
+            if (typeof this.onClose === 'function') {
+                this.onClose();
+            }
+        },
+
+        clearTimer () {
+            clearTimeout(this.timer);
+        },
+
+        startTimer () {
+            if (this.duration > 0) {
+                this.timer = setTimeout(() => {
+                    if (!this.closed) {
+                        this.close();
+                    }
+                }, this.duration);
+            }
+        }
+    },
+
+    mounted () {
+        if (this.duration > 0) {
+            this.timer = setTimeout(() => {
+                if (!this.closed) {
+                    this.close();
+                }
+            }, this.duration);
+        }
+    }
+};
+</script>
+
+<style lang="scss">
+.gw-toast {
+    // width: 170px;
+    // height: 156px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-between;
+    left: 0;
+    right: 0;
+    margin: 0 auto;
+
+    .icon .iconfont {
+        font-size: 61px;
+        // height: 61px;
+    }
+}
+
+.gw-toast-inner {
+    max-width: 280px;
+    background: rgba(0, 0, 0, 0.8);
+    padding: 12px;
+    border-radius: 6px;
+}
+
+.message {
+    font-size: 15px;
+    display: flex;
+    align-items: center;
+
+    .iconfont,
+    .el-icon-circle-close {
+        margin-right: 8px;
+    }
+}
+
+.big-msg {
+    padding: 25px 55px;
+
+    &.has-icon {
+        padding: 25px 25px;
+
+        .icon {
+            text-align: center;
+            margin-bottom: 8px;
+        }
+
+        .iconfont {
+            font-size: 24px;
+            color: #3874f7;
+        }
+    }
+
+    .icon {
+        margin-bottom: 26px;
+    }
+}
+</style>

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

@@ -0,0 +1,36 @@
+<template>
+    <div class="message-content-item" @click="contentItemClick(source, index)">
+        <p class="item-top">{{ source.eventMsg }}</p>
+        <div class="item-bottom">
+            <div class="item-label item-left" :class="source.className">
+                <img :src="source.iconRes" alt="">
+                {{ source.snapshotName }}
+            </div>
+            <div class="item-time item-right">
+                {{ source.Time }}
+            </div>
+        </div>
+        <div class="message-content-line"></div>
+    </div>
+</template>
+<script>
+export default {
+    name: 'item-component',
+    props: {
+        index: {
+            type: Number
+        }, // 每一行的索引
+        source: {
+            type: Object,
+            default () {
+                return {};
+            }
+        }, // 每一行的内容
+        contentItemClick: {
+            type: Object,
+            default: () => ({})
+        }
+    }
+};
+</script>
+<style lang="scss" scoped></style>