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

package/ganwei-app-6.2.1/packages/ganwei-app-home/src/models/index.ts

@@ -0,0 +1,91 @@
+import { Default, Type } from '@ganwei-web/gw-app-ts/dist/index.es.js';
+
+import { LANGUAGE_TYPE, MENU_TYPE, PLATFORM } from '@/enums';
+export interface IMenuItem {
+    resourceId: number;
+    parentRedId: number;
+    name: string;
+    route: string;
+    icon: string;
+    nodeType: MENU_TYPE;
+    level: number;
+    menuOwner: PLATFORM;
+    enabled: boolean;
+    menuLang: LANGUAGE_TYPE;
+    description: string;
+    isAppBottomMenu: boolean;
+    packageId: string;
+    children: Array<IMenuItem>
+}
+
+export class MenuItem implements IMenuItem {
+    @Type(MenuItem, true)
+    @Default([])
+    children: IMenuItem[] = []
+    @Default(0)
+    resourceId!: number;
+    @Default(0)
+    parentRedId!: number;
+    @Default('')
+    name!: string;
+    @Default('')
+    route!: string;
+    @Default('')
+    icon!: string;
+    @Default('')
+    nodeType!: MENU_TYPE;
+    level!: number;
+    @Default('')
+    menuOwner!: PLATFORM;
+    enabled!: boolean;
+    @Default('')
+    menuLang!: LANGUAGE_TYPE;
+    @Default('')
+    description!: string;
+    isAppBottomMenu!: boolean;
+    @Default('')
+    packageId!: string;
+}
+
+export interface ISnapshot {
+    displayValue: string;
+    title: string;
+    value: number;
+    tabTopId: number;
+    img: string;
+    name: string;
+    className: string;
+    path: string;
+}
+
+export interface ISnapshotConfig {
+    id: number
+    snapshotName: string
+    snapshotLevelMin: number
+    snapshotLevelMax: number
+    maxCount: number
+    isShow: number
+    iconRes: string
+}
+
+export class SnapshotConfig implements ISnapshotConfig {
+    id!: number;
+    snapshotName!: string;
+    snapshotLevelMin!: number;
+    snapshotLevelMax!: number;
+    maxCount!: number;
+    isShow!: number;
+    iconRes!: string;
+}
+
+export interface IRealTimeEventCountRequest {
+    types: string
+}
+
+export class RealTimeEventCountResponse {
+    name = ''
+    value = 0
+    get displayValue() {
+        return this.value > 1000 ? '1000+' : String(this.value)
+    }
+}

package/ganwei-app-6.2.1/packages/ganwei-app-home/src/request/api/RealTime.ts

@@ -0,0 +1,27 @@
+/**
+ * 实时快照
+ */
+import { baseService, BaseService } from '@ganwei-web/gw-app-api/dist/index.es.js';
+import { Get, NoCache, ResponseResult, ResponseType, Service } from '@ganwei-web/gw-app-ts/dist/index.es.js';
+
+import { IRealTimeEventCountRequest, ISnapshotConfig, RealTimeEventCountResponse, SnapshotConfig } from '@/models';
+
+@Service(baseService)
+class RealTimeService extends BaseService {
+    // 获取事件的报警配置
+    @Get('/IoT/api/v3/RealTime/GetRealTimeEventTypeConfig')
+    @ResponseType(SnapshotConfig, true)
+    getRealTimeEventTypeConfig() {
+        return ResponseResult<ISnapshotConfig[]>();
+    }
+
+    // 获取实时快照事件总数
+    @Get('/IoT/api/v3/RealTime/GetRealTimeEventCount')
+    @ResponseType(RealTimeEventCountResponse, true)
+    @NoCache
+    getRealTimeEventCount(data: IRealTimeEventCountRequest) {
+        return ResponseResult<RealTimeEventCountResponse[]>();
+    }
+}
+
+export default new RealTimeService();

package/ganwei-app-6.2.1/packages/ganwei-app-home/src/request/api.ts

@@ -0,0 +1,5 @@
+/**
+ * api模块接口列表
+ */
+export { default as realTimeService } from './api/RealTime';
+export { baseService } from '@ganwei-web/gw-app-api/dist/index.es.js';

package/ganwei-app-6.2.1/packages/ganwei-app-home/src/router.ts

@@ -0,0 +1,30 @@
+/* eslint-disable */
+import {
+    createRouter,
+    createWebHashHistory
+} from 'vue-router'
+import home from './views/ganwei-app-home/src/index.vue'
+// const home = () => import('./views/ganwei-app-home/src/index.vue')
+import { getLanguage } from '@ganwei-web/gw-app-components/i18n/i18n'
+
+const router = createRouter({
+    history: createWebHashHistory(),
+    routes: [
+        {
+            path: '/',
+            redirect: '/home'
+        },
+        {
+            path: '/home',
+            name: 'home',
+            component: home
+        },
+    ]
+})
+
+router.beforeEach(async (to, from, next) => {
+    await getLanguage(localStorage.languageType || 'zh-CN', to.name)
+    next()
+})
+router.afterEach((to, from, next) => { })
+export default router

package/ganwei-app-6.2.1/packages/ganwei-app-home/src/store.js

@@ -0,0 +1,189 @@
+import { createStore } from 'vuex'
+
+import * as types from './types'
+
+export default createStore({
+    state: {
+        gwToken: '',
+        loginMsg: '',
+        curPage: {
+            isHome: false,
+            name: '',
+            childName: null
+        },
+        curEquip: {
+            equipNo: ''
+        },
+        api: 'https://192.168.0.142:5001',
+        cUrl: 'https://127.0.0.1:5001',
+
+        overEquipNmae: '',
+
+        // 视频请求方式
+        realProtocol: '',
+
+        // 视频请求地址
+        realHost: '',
+
+        // 这里开始是h5视频流
+        xzvalue: new Date(),
+        usingEq: [],
+        user: {},
+        token: null,
+        title: '',
+        lang: 'en',
+        rtc: '',
+        watermarkstring: 'linkingvision',
+        watermarktoggle: '',
+        equipNoPush: '888,555,111,222', // 用于数据推送的设备号参数
+        ycpDataList: '', // 存储推过来的实时数据
+        yxpDataList: '', // 存储推过来的实时数据
+        urlRoute: '', // 监听URL改变参数
+        homeImg: false,
+        videoNm: [],
+        videoList: [],
+        equipInfoSelected: [],
+        isCollapse: false, // 导航菜单折叠显示
+        languageSet: 'zh-CN', // 中英文切换,
+        network: true, // true代表正常连接，false代表网络连接不上
+        noAccessLoading: true,
+        theme: localStorage.theme || 'dark',
+        changeTheme: ''
+    },
+    mutations: {
+        changeTheme (state, value) {
+            state.theme = value;
+        },
+        isCollapseFun (state, value) {
+            state.isCollapse = value
+        },
+        languageSetFun (state, value) {
+            state.languageSet = value
+        },
+        getOverEquipNmae (state, value) {
+            state.overEquipNmae = value
+        },
+        getStorageToken (state) {
+            let token = window.sessionStorage.getItem('accessToken')
+            state.gwToken = token
+        },
+        setEquipNo (state, nom) {
+            state.curEquip.equipNo = nom
+        },
+        setCurpage (state, obj) {
+            state.curPage.isHome = obj.isHome
+            state.curPage.name = obj.name
+            state.curPage.childName = obj.childName || null
+        },
+        getVideoList (state, value) {
+            state.videoList = value
+        },
+        getVideoNm (state, value) {
+            state.videoNm = value
+        },
+        getHomeImg (state, value) {
+            state.homeImg = value
+        },
+        getUrlRoute (state, value) {
+            state.urlRoute = value
+        },
+        getEquipNoPush (state, value) {
+            state.equipNoPush = value
+        },
+
+        getYcpDataList (state, value) {
+            state.ycpDataList = value
+        },
+
+        getYxpDataList (state, value) {
+            state.yxpDataList = value
+        },
+        getStorageLoginMsg (state) {
+            state.loginMsg = window.localStorage.getItem('login_msg')
+        },
+        setSelectedEquip (state, value) {
+            state.selectedEquip = value
+        },
+        setEquipInfo (state, Selected) {
+            state.equipInfoSelected = Selected
+        },
+        saveNetwork (state, value) {
+            state.network = value
+        },
+        saveNoAccessLoading (state, value) {
+            state.noAccessLoading = value
+        },
+
+        // 从这里开始是h5视频流
+        [types.WATERMARKTOGGLE]: (state, data) => {
+            localStorage.h5watermarktoggle = data
+            state.watermarktoggle = data
+        },
+        [types.WATERMARKSTRING]: (state, data) => {
+            localStorage.h5watermarkstring = data
+            state.watermarkstring = data
+        },
+        [types.RTCSW]: (state, data) => {
+            localStorage.h5rtcsw = data
+            state.rtc = data
+        },
+        [types.LOGIN]: (state, data) => {
+            localStorage.h5stoken = data
+            state.token = data
+        },
+        [types.LOGOUT]: (state) => {
+            localStorage.removeItem('h5stoken')
+            state.token = null
+        },
+        [types.TITLE]: (state, data) => {
+            state.title = data
+        },
+        [types.LANG]: (state, data) => {
+            localStorage.h5slang = data
+            state.lang = data
+        }
+    },
+
+    actions: {
+        commitNetwork (context, value) {
+            context.commit('saveNetwork', value)
+        },
+        commitAccessLoading (context, value) {
+            context.commit('saveNoAccessLoading', value)
+        },
+        isCollapseFun (context, value) {
+            context.commit('isCollapseFun', value)
+        },
+        languageSetFun (context, value) {
+            context.commit('languageSetFun', value)
+        },
+        getOverEquipNmae (context, value) {
+            context.commit('getOverEquipNmae', value)
+        },
+        getVideoList (context, value) {
+            context.commit('getVideoList', value)
+        },
+        getVideoNm (context, value) {
+            context.commit('getVideoNm', value)
+        },
+        getHomeImg (context, value) {
+            context.commit('getHomeImg', value)
+        },
+        getUrlRoute (context, value) {
+            context.commit('getUrlRoute', value)
+        },
+        getEquipNoPush (context, value) {
+            context.commit('getEquipNoPush', value)
+        },
+        getYcpDataList (context, value) {
+            context.commit('getYcpDataList', value)
+        },
+        getYxpDataList (context, value) {
+            context.commit('getYxpDataList', value)
+        },
+        reflashSet ({ commit }) {
+            commit('getStorageToken')
+            commit('getStorageLoginMsg')
+        }
+    }
+})

package/ganwei-app-6.2.1/packages/ganwei-app-home/src/types.js

@@ -0,0 +1,16 @@
+/**
+
+ * @file: types.js
+
+ * @author: 脚手架
+
+ * @update: 2020-06-30
+
+ */
+export const LOGIN = 'login';
+export const LOGOUT = 'logout';
+export const TITLE = 'title';
+export const LANG = 'lang';
+export const RTCSW = 'rtc';
+export const WATERMARKSTRING = 'watermarkstring';
+export const WATERMARKTOGGLE = 'watermarktoggle';

package/ganwei-app-6.2.1/packages/ganwei-app-home/src/views/ganwei-app-home/src/components/HomeMenuItem.vue

@@ -0,0 +1,95 @@
+<template>
+    <div class="menu-item-sort">
+        <div class="flex-between-center">
+            <slot></slot>
+            <span class="hexagon" :style="style"><i :class="childItem.icon" class="iconfont-app"></i></span>
+            <div class="content flex-between-center flex-column flex1">
+                <div class="name w100">{{ childItem.name }}</div>
+                <div class="description line1 w100">
+                    {{ childItem.description }}
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { StyleValue } from 'vue';
+
+import { MenuItem } from '@/models';
+
+withDefaults(defineProps<{
+    childItem: Pick<MenuItem, 'name' | 'description' | 'icon'>,
+    style: StyleValue
+}>(), {
+    childItem: () => ({
+        name: '',
+        description: '',
+        icon: ''
+    }),
+    style: () => ({
+        background: '',
+    })
+})
+
+</script>
+
+<style lang="scss">
+.menu-item-sort {
+    user-select: none;
+
+    width: calc(50% - 6px);
+    margin-bottom: 12px;
+    padding: 8px 10px;
+
+    background-color: var(--snapshot-item-bg);
+    border-radius: 4px;
+
+    .iconfont-app {
+        font-size: 24px;
+    }
+
+    .name {
+        font-size: 14px;
+        font-weight: 900;
+        text-align: start;
+    }
+
+    .description {
+        margin-top: 6px;
+        font-size: 10px;
+        line-height: 12px;
+        color: #5e6370;
+    }
+
+    .content {
+        margin-left: 8px;
+    }
+
+    .el-icon.minus {
+        color: white;
+        background: #D92424;
+        border-radius: 50%;
+    }
+
+    .el-icon.plus {
+        color: white;
+        background: #00C014;
+        border-radius: 50%;
+    }
+
+    /* 6边形 */
+    .hexagon {
+        position: relative;
+
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        margin-left: 5px;
+        padding: 5px;
+
+        border-radius: 5px;
+    }
+}
+</style>

package/ganwei-app-6.2.1/packages/ganwei-app-home/src/views/ganwei-app-home/src/components/HomeMenus.vue

@@ -0,0 +1,118 @@
+<template>
+    <div class="dataItem" v-if="props.showEditButton">
+        <TitleList>
+            <template #subTitle>
+                <div class="flex-between-center">
+                    <span>{{ $t('home.subModule.title') }}</span>
+                    <span @click="emits('edit', true)">
+                        <el-icon :size="16">
+                            <Setting />
+                        </el-icon>
+                        {{ $t('home.button.moduleManage') }}
+                    </span>
+                </div>
+            </template>
+            <div class="list flex-between-center flex-wrap">
+                <div class="childItem" v-for="(childItem, childIndex) in props.showModules" :key="childIndex"
+                    :class="childItem.route.includes(AI_PATH.path) ? 'displayNone' : ''">
+                    <div @click="MFEManager?.router.push(childItem.route)" class="flex-between-center">
+                        <span class="hexagon" :style="getBackground(childIndex)"><i :class="childItem.icon"
+                                class="iconfont-app"></i></span>
+                        <div class="content flex-between-center flex-column flex1">
+                            <div class="name w100">{{ childItem.name }}</div>
+                            <div class="description line1 w100">
+                                {{ childItem.description }}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </TitleList>
+    </div>
+</template>
+
+<script setup lang="ts">
+
+import { inject } from 'vue';
+import { Setting } from '@element-plus/icons-vue'
+
+import { useMFEManager } from '@ganwei-web/gw-app-mfe';
+
+import TitleList from '@/components/Layout/TitleList.vue';
+import { AI_PATH } from '@/enums';
+import { MenuItem } from '@/models';
+
+const props = withDefaults(defineProps<{
+    showModules: MenuItem[]
+    showEditButton?: boolean
+}>(), {
+    showModules: () => [],
+    showEditButton: false
+})
+
+const emits = defineEmits(['edit'])
+
+const MFEManager = useMFEManager()
+
+const getBackground = inject('getBackground') as (index: number) => { background: string }
+
+</script>
+
+<style lang="scss" scoped>
+.dataItem {
+    .list {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+    }
+
+    .childItem {
+        user-select: none;
+
+        width: calc(50% - 6px);
+        margin-bottom: 12px;
+        padding: 8px 10px;
+
+        background-color: var(--snapshot-item-bg);
+        border-radius: 4px;
+
+        .iconfont-app {
+            font-size: 32px;
+            color: white;
+        }
+
+        .name {
+            font-size: 14px;
+            font-weight: 900;
+            text-align: start;
+        }
+
+        .description {
+            margin-top: 6px;
+            font-size: 10px;
+            line-height: 12px;
+            color: #5e6370;
+        }
+
+        .content {
+            margin-left: 8px;
+        }
+    }
+
+    .displayNone {
+        display: none;
+    }
+}
+
+.hexagon {
+    position: relative;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    padding: 5px;
+
+    border-radius: 5px;
+}
+</style>

package/ganwei-app-6.2.1/packages/ganwei-app-home/src/views/ganwei-app-home/src/components/HomeMenusEditDrawer.vue

@@ -0,0 +1,119 @@
+<template>
+    <el-drawer v-model="showEdit" direction="btt" size="95%" :show-close="false" :wrapperClosable="false" modal-class="menu-edit-drawer">
+        <template #header>
+            <header>
+                <span> {{ $t('home.subModule.title') }}</span>
+                <div class="rightTop">
+                    <el-button type="text" @click="handleClose"> {{ $t('home.button.complete') }}</el-button>
+                </div>
+            </header>
+        </template>
+        <section>
+            <p>{{ $t('home.button.myModule') }}</p>
+            <SlickList class="list" lockAxis="xy" axis="xy" v-model:list="showModules" :pressDelay="200"
+                lockOffset="0" draggedSettlingDuration="0" transitionDuration="100" helperClass="drag"
+                lockToContainerEdges>
+                <SlickItem class="menu-slick-item" v-for="(childItem, childIndex) in showModules" :index="childIndex"
+                    :key="childItem.name" :item="childItem.name">
+                    <HomeMenuItem :key="childItem.name" :child-item :style="getBackground(childIndex)">
+                        <el-icon :size="12" class="minus">
+                            <Minus @click="removeModules(childIndex)" />
+                        </el-icon>
+                    </HomeMenuItem>
+                </SlickItem>
+            </SlickList>
+        </section>
+        <section>
+            <p>{{ $t('home.button.toAddModule') }}</p>
+            <div class="list flex-between-center flex-wrap">
+                <HomeMenuItem v-for="(childItem, childIndex) in deleteModules" :key="childItem.name" :child-item :style="getBackground(childIndex)">
+                    <el-icon :size="12" class="plus">
+                        <Plus @click="addModules(childIndex)" />
+                    </el-icon>
+                </HomeMenuItem>
+            </div>
+        </section>
+
+    </el-drawer>
+</template>
+
+<script setup lang="ts">
+import { inject } from 'vue';
+import { SlickItem, SlickList } from 'vue-slicksort';
+import { Minus, Plus } from '@element-plus/icons-vue'
+
+import { MenuItem } from '@/models';
+
+import useManageMenus from '../js/useManageMenus';
+import HomeMenuItem from './HomeMenuItem.vue'
+
+const showModules = defineModel<MenuItem[]>("showModules", { type: Array, default: [] })
+const deleteModules = defineModel<MenuItem[]>("deleteModules", { type: Array, default: [] })
+const showEdit = defineModel("showEdit", { type: Boolean, default: false })
+
+const { addModules, removeModules, saveModules } = useManageMenus(showModules, deleteModules)
+
+const getBackground = inject('getBackground') as (index: number) => { background: string }
+
+const handleClose = () => {
+    showEdit.value = false
+    saveModules()
+}
+
+</script>
+
+<style lang="scss">
+.el-overlay.menu-edit-drawer {
+    .el-drawer {
+        user-select: none;
+    }
+
+    .el-drawer__header {
+        margin-bottom: 12px;
+
+        header {
+            display: flex;
+            justify-content: center;
+            font-size: 20px;
+        }
+
+        .rightTop {
+            position: absolute;
+            top: 10px;
+            right: 10px;
+            font-size: 16px;
+        }
+    }
+
+    .el-drawer__body {
+        padding: 0 10px;
+
+        .list {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: space-between;
+
+            >div {
+                width: calc(50% - 6px);
+
+                .menu-item-sort {
+                    width: 100%;
+                }
+            }
+        }
+
+        p {
+            margin-bottom: 12px;
+        }
+    }
+    
+}
+
+.drag.menu-slick-item {
+    z-index: 9999;
+
+    .menu-item-sort {
+        width: 100%;
+    }
+}
+</style>