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

package/ganwei-app-6.2.1/packages/ganwei-app-index/src/views/index/Index.vue

@@ -0,0 +1,113 @@
+<template>
+    <div class="index wh100" v-if="menuFinished">
+        <NavigationBar :options="NavBarOption"></NavigationBar>
+        <transition name="slide-fade" class="wh100">
+            <Suspense>
+                <router-view></router-view>
+            </Suspense>
+        </transition>
+        <AppBottom v-if="showBottom"></AppBottom>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { useI18n } from 'vue-i18n'
+
+// TODO
+import GwEquipCache from '@ganwei-web/gw-app-components/equipProcessing/gwEquipCache'
+import Toast from "@ganwei-web/gw-app-components/toast";
+
+import AppBottom from '@/components/appFrame/bottom.vue'
+import NavigationBar from '@/components/NavigationBar/index.vue'
+import { authService } from '@/request/api'
+import difineWindowAttr from '@/utils/defineWindowAttr'
+
+import useSystemInfo from './getSystemInfo';
+import useEventBus from './useEventBus';
+import useInitMenus from './useInitMenus';
+import useNavigationBar from './useNavigationBar';
+import useScan from './useScan';
+
+const { t } = useI18n()
+
+// 获取版本号
+useSystemInfo()
+
+// 二维码控制
+const { qrcode, camera, RichScan, onRichScanCallback, changeQrcode, changeCamera } = useScan(execCommand)
+
+// 全局事件
+const { showBottom, isAppBottomMenu, leftText, centerText } = useEventBus({
+    onRichScanCallback,
+    changeQrcode,
+    changeCamera
+})
+
+// 加载安装应用菜单
+const { menuFinished } = useInitMenus(showBottom)
+
+new GwEquipCache().Init()
+
+/**
+ * @description: 扫码执行指令
+ * @return {*}
+ */
+function execCommand(item: string) {
+    let result = []
+    if (item.indexOf(",") == -1) {
+        return
+    }
+    result = item.split(",")
+    if (result.length >= 2) {
+        authService.scanIssueOrder({
+            equipNo: Number(result[0]),
+            setNo: Number(result[1]),
+            value: result[2] ?? ''
+        })
+            .then((res) => {
+                if (res.data.code === 200) {
+                    Toast.success(t('publics.tips.oparateSuccess'))
+                } else {
+                    Toast.error(res?.data?.message ?? '');
+                }
+            }).catch(e => {
+                console.log(e)
+            })
+    }
+}
+
+const { NavBarOption } = useNavigationBar(isAppBottomMenu, centerText, execCommand)
+
+window.onRichScanCallback = onRichScanCallback;
+difineWindowAttr('onRichScanCallback', onRichScanCallback);
+
+</script>
+
+<style lang="scss">
+.index {
+    position: relative;
+
+    display: flex;
+    flex-direction: column;
+
+    width: 100vw;
+    height: 100%;
+
+    .slide-fade-enter-active {
+        transition: all 0.1s ease;
+    }
+
+    .slide-fade-leave-active {
+        transition: all 0.1s cubic-bezier(1, 0.5, 0.8, 1);
+    }
+
+    .slide-fade-enter,
+    .slide-fade-leave-to
+
+    /* .slide-fade-leave-active for below version 2.1.8 */
+        {
+        transform: translateX(10px);
+        opacity: 0;
+    }
+}
+</style>

package/ganwei-app-6.2.1/packages/ganwei-app-index/src/views/index/getSystemInfo.ts

@@ -0,0 +1,35 @@
+import { onBeforeMount } from 'vue'
+
+import { ISystemInfo } from '@/models';
+import { authService } from '@/request/api'
+
+// 返回系统信息
+export default function useSystemInfo() {
+
+    function getSystemInfo() {
+        authService.getSystemInfo().then(res => {
+            if (res.data.code == 200) {
+                const str = res.data.data?.systemPlatformInfo || '';
+                try {
+                    const data = (JSON.parse(str)) as ISystemInfo
+                    sessionStorage.setItem('versionInfo', data.Item2[1].Value)
+                } catch (e) {
+                    console.log('JSON.parse: ' + res.data.data);
+                }
+            }
+        })
+    }
+
+    function getAuthName() {
+        authService.getAuthName().then(res => {
+            window.document.title = res?.data?.data || ''
+        }).catch(err => {
+            console.log(err)
+        })
+    }
+
+    onBeforeMount(() => {
+        getSystemInfo()
+        getAuthName()
+    })
+}

package/ganwei-app-6.2.1/packages/ganwei-app-index/src/views/index/useEventBus.ts

@@ -0,0 +1,93 @@
+import { onBeforeUnmount, ref } from 'vue'
+import { useRoute } from 'vue-router'
+
+import { MyJavaFun } from '@ganwei-web/gw-app-mfe'
+
+import { IQrcodeControl } from '@/models'
+import bus from '@/utils/eventBus'
+import Toast from "@ganwei-web/gw-app-components/toast";
+export default function useEventBus(options: IQrcodeControl) {
+    const showBottom = ref(false)
+    const isAppBottomMenu = ref(false)
+    const leftText = ref('')
+    const centerText = ref('')
+    const snapShotType = ref(useRoute().query?.type || 'Errors')
+
+    bus.$on("app-qrcode-result", options.onRichScanCallback)
+    bus.$on("isAppBottomMenu", function (data) {
+        if (Array.isArray(data) && data.length > 0) {
+            isAppBottomMenu.value = showBottom.value = data[0].isAppBottomMenu
+            leftText.value = centerText.value = data[0].name
+        }
+    })
+
+    bus.$on('snapshotsTypeChange', snapshotsTitle)
+
+    bus.$on("changeQrcode", options.changeQrcode)
+    bus.$on("changeCamera", options.changeCamera)
+    bus.$on('VoiceOpen', function () {
+        MyJavaFun.VoiceOpen()
+    })
+    bus.$on('StartVoice', function (data: string) {
+        MyJavaFun.StartVoice(data)
+    })
+    bus.$on('StopVoice', function () {
+        MyJavaFun.StopVoice()
+    })
+    bus.$on('SetKey', function (key: number, value: string) {
+        MyJavaFun.SetKey(key, value)
+    })
+    bus.$on('SetVoiceXFAccent', function (data) {
+        MyJavaFun.SetVoiceXFAccent(data)
+    })
+    bus.$on('SetVoiceXFLanguage', function (data) {
+        MyJavaFun.SetVoiceXFLanguage(data)
+    })
+
+    bus.$on('languageChange', () => {
+        // setTimeout(() => {
+        //     this.getMenu(() => {
+        //         let menus = JSON.parse(sessionStorage.menu)
+        //         let isAppBottomMenu = JSON.parse(sessionStorage.isAppBottomMenu)
+        //         menus.forEach(menu => {
+        //             if (menu.packageId == isAppBottomMenu[0].packageId) {
+        //                 this.leftText = menu.name
+        //             }
+        //         })
+        //         bus.$emit('refreshMenu')
+        //     });
+        // }, 200)
+    })
+    bus.$on('alertTips', () => {
+        Toast.warning('需要开启HTTPS、相机权限')
+    })
+    // 防止手动刷新
+    try {
+        const data = JSON.parse(sessionStorage.getItem('isAppBottomMenu') || '')
+        isAppBottomMenu.value = data[0].isAppBottomMenu
+        leftText.value = centerText.value = data[0].name
+    } catch (e) { /* empty */ }
+
+    onBeforeUnmount(() => {
+        bus.$off("isAppBottomMenu", function () {
+            console.log("注销")
+        })
+    })
+
+    /**
+    * @description: 实时快照标题
+    * @return {*}
+    */
+    function snapshotsTitle(data: { title: string }) {
+        isAppBottomMenu.value = false // 默认不属于底部菜单（防止未配置路由）
+        leftText.value = centerText.value = data.title
+    }
+    return {
+        showBottom,
+        isAppBottomMenu,
+        leftText,
+        centerText,
+        snapShotType
+    }
+}
+

package/ganwei-app-6.2.1/packages/ganwei-app-index/src/views/index/useInitMenus.ts

@@ -0,0 +1,47 @@
+import { onBeforeMount, Ref, ref, shallowRef } from 'vue'
+
+import { IMenuItem } from '@/models';
+import { authService } from '@/request/api'
+
+export default function useInitMenus(showBottom: Ref<boolean>) {
+    const menuFinished = ref(false)
+    const menus = shallowRef<IMenuItem[]>([]);
+
+    function getMenu() {
+        sessionStorage.menu = '';
+        menuFinished.value = false
+        // 首页无需权限校验
+        return authService.GetMenus().then(res => {
+            if (res?.data?.code == 200) {
+                const data = res.data.data || []
+                menus.value = traverseFilterMenu(data);
+                sessionStorage.menu = JSON.stringify(menus.value);
+                menuFinished.value = true;
+                showBottom.value = true
+            }
+        }).catch(er => {
+            console.log(er)
+        })
+    }
+
+    function traverseFilterMenu(root: IMenuItem[], flatten: IMenuItem[] = []) {
+        for (const child of root) {
+            if (child.route && child.menuOwner == 2) {
+                flatten.push(child);
+            } else if (child.children && child.children.length > 0) {
+                traverseFilterMenu(child.children, flatten)
+            }
+        }
+        return flatten;
+    }
+
+    onBeforeMount(() => {
+        getMenu()
+    })
+
+    return {
+        menus,
+        menuFinished,
+        getMenu
+    }
+}

package/ganwei-app-6.2.1/packages/ganwei-app-index/src/views/index/useKeepAlive.ts

@@ -0,0 +1,35 @@
+import { onBeforeMount, onBeforeUnmount, ref } from 'vue'
+
+import { authService } from '@/request/api'
+
+export default function useKeepAlive(time = 5, unit = 0.4 * 60 * 1000) {
+    const keepAliveInterval = ref(0)
+    const defaultKeepAliveTime = time
+
+    function keepAlive() {
+        authService.keepAlive().then((res) => {
+            if (res.data.code == 200) {
+                if (!keepAliveInterval.value) {
+                    const time = (res.data.data || defaultKeepAliveTime) * unit
+                    keepAliveInterval.value = window.setInterval(() => {
+                        keepAlive();
+                    }, time)
+                }
+            } else {
+                console.log('APP保活失败！');
+            }
+        }).catch(err => {
+            console.log(err);
+        })
+    }
+
+    onBeforeMount(() => {
+        keepAlive()
+    })
+    onBeforeUnmount(() => {
+        window.clearInterval(keepAliveInterval.value)
+    })
+
+    return keepAliveInterval
+}
+

package/ganwei-app-6.2.1/packages/ganwei-app-index/src/views/index/useNavigationBar.ts

@@ -0,0 +1,94 @@
+import { computed, reactive, Ref, watch } from "vue"
+import { useRoute, useRouter } from "vue-router"
+import { MyJavaFun, Platform, INavigationBar, NavigationBarType } from "@ganwei-web/gw-app-mfe"
+import bus from "@/utils/eventBus"
+
+export default function (isAppBottomMenu: Ref<boolean>, centerText: Ref<string>, richScanCallback: (...args: any[]) => void) {
+    const $router = useRouter()
+    const NavBarOption = reactive<INavigationBar['options']>({
+        type: NavigationBarType.Page,
+        leftItems: [],
+        rightItems: [],
+        centerItems: []
+    })
+
+    watch([isAppBottomMenu, centerText], () => {
+        if (!centerText.value) {
+            return;
+        }
+        if (isAppBottomMenu.value) {
+            NavBarOption.type = NavigationBarType.Page;
+            NavBarOption.leftItems = []
+            NavBarOption.centerItems = []
+            NavBarOption.rightItems = [
+                {
+                    type: 'logo',
+                    title: 'frame.button.scane',
+                    icon: 'icon_Nav_saoyisao',
+                    onClick: () => {
+                        // 初始化直接调用摄像头
+                        MyJavaFun.getMoblieType().then(res => {
+                            if (res === Platform.IOS || res === Platform.Harmony) {
+                                MyJavaFun.RichScan()
+                            } else { // android || web
+                                bus.$once('app-qrcode-result', richScanCallback)
+                                $router.push({
+                                    path: '/index/jump/ganwei-app-qrcode',
+                                    query: {
+                                        from: 'index',
+                                        options: JSON.stringify({ camera: 'auto' })
+                                    }
+                                })
+                            }
+                        })
+                    }
+                }
+            ]
+        } else {
+            NavBarOption.type = NavigationBarType.Bar
+            NavBarOption.leftItems = [
+                {
+                    type: 'back',
+                    title: 'fanhui',
+                    icon: 'icongw-icon-fanghui',
+                    onClick: () => {
+                        if (centerText.value.toUpperCase().indexOf("AI") != -1) {
+                            $router.push({
+                                path: '/index/jump/ganwei-app-home',
+                            })
+                            return;
+                        }
+                        $router.back()
+                    }
+                }
+            ]
+            NavBarOption.centerItems = [
+                {
+                    type: 'common',
+                    title: centerText.value
+                }
+            ]
+            NavBarOption.rightItems = []
+        }
+    }, {
+        immediate: true
+    })
+    bus.$on('setNavBarOption', (data) => {
+        if (data.type) {
+            NavBarOption.type = data.type
+        }
+        if (data.leftItems) {
+            NavBarOption.leftItems = data.leftItems
+        }
+        if (data.rightItems) {
+            NavBarOption.rightItems = data.rightItems
+        }
+        if (data.centerItems) {
+            NavBarOption.centerItems = data.centerItems
+        }
+    })
+
+    return {
+        NavBarOption
+    }
+}

package/ganwei-app-6.2.1/packages/ganwei-app-index/src/views/index/usePush.ts

@@ -0,0 +1,62 @@
+import { onBeforeUnmount, onMounted } from 'vue'
+import { useRouter } from 'vue-router'
+
+import Toast from "@ganwei-web/gw-app-components/toast";
+import { MyJavaFun } from '@ganwei-web/gw-app-mfe'
+
+import { authService } from '@/request/api'
+
+export default function usePush() {
+    const router = useRouter()
+    let unregister = () => { /* empty*/ }
+    onMounted(() => {
+        unregister = registerGlobalFunction()
+        MyJavaFun.getPushId();
+    })
+
+    onBeforeUnmount(() => {
+        unregister()
+    })
+
+    function registerGlobalFunction() {
+        if (!window.BackPushID) { window.BackPushID = BackPushID; }
+        if (!window.setPushId) { window.setPushId = BackPushID; }
+        if (!window.locationNotice) { window.locationNotice = locationNotice }
+
+        return function unregisterGlobalFunction() {
+            window.BackPushID = undefined;
+            window.setPushId = undefined;
+            window.locationNotice = undefined;
+        }
+    }
+
+    // 手机RID回调
+    async function BackPushID(RID: string) {
+        console.log(`BackPushID: ${RID}`);
+        const userId = window.sessionStorage.userId, data = {
+            'userId': userId,
+            'Rid': RID,
+            'platform': await MyJavaFun.getMoblieType()
+        };
+
+        if (userId) {
+            authService.getRID(data).then(() => {
+                // if (res.data.code == 200) {
+                // }
+            }).catch(er => {
+                console.log(er)
+            })
+        }
+    }
+
+    // 消息推送回调
+    function locationNotice(val: string) {
+        if (val == 'SysWorkOrder') {
+            router.push('/index/workOrder?title=工单');
+        } else if (val == 'XunjianWorkOrder') {
+            router.push('/index/workOrder?title=巡检任务');
+        } else {
+            Toast.error('工单类型不存在：' + val);
+        }
+    }
+}

package/ganwei-app-6.2.1/packages/ganwei-app-index/src/views/index/useScan.ts

@@ -0,0 +1,36 @@
+import { ref } from 'vue'
+
+import { MyJavaFun } from '@ganwei-web/gw-app-mfe'
+
+export default function useScan(richScanCallback: (...args: any[]) => void) {
+    const qrcode = ref(false)
+    const camera = ref('off')
+
+    function RichScan() {
+        MyJavaFun.getCameraPermissions()
+        qrcode.value = true
+        camera.value = "auto"
+    }
+
+    function onRichScanCallback(res: string) {
+        if (richScanCallback) {
+            richScanCallback(res)
+        }
+    }
+
+    function changeQrcode(e: boolean) {
+        qrcode.value = e;
+    }
+    function changeCamera(e: string) {
+        camera.value = e;
+    }
+
+    return {
+        qrcode,
+        camera,
+        RichScan,
+        onRichScanCallback,
+        changeQrcode,
+        changeCamera
+    }
+}