ADD: 模块激活流程

electron/controller/example.js

@@ -1,36 +0,0 @@
-'use strict';
-
-const { Controller } = require('ee-core');
-const Log = require('ee-core/log');
-const Services = require('ee-core/services');
-
-/**
- * example
- * @class
- */
-class ExampleController extends Controller {
-
-  constructor(ctx) {
-    super(ctx);
-  }
-
-
-  /**
-   * 所有方法接收两个参数
-   * @param args 前端传的参数
-   * @param event - ipc通信时才有值。详情见：控制器文档
-   */
-
-  /**
-   * test
-   */
-  async test () {
-    const result = await Services.get('example').test('electron');
-    Log.info('service result:', result);
-
-    return 'hello electron-egg';
-  }
-}
-
-ExampleController.toString = () => '[class ExampleController]';
-module.exports = ExampleController;  

electron/service/example.js

@@ -1,29 +0,0 @@
-'use strict';
-
-const { Service } = require('ee-core');
-
-/**
- * 示例服务（service层为单例）
- * @class
- */
-class ExampleService extends Service {
-
-  constructor(ctx) {
-    super(ctx);
-  }
-
-  /**
-   * test
-   */
-  async test(args) {
-    let obj = {
-      status:'ok',
-      params: args
-    }
-
-    return obj;
-  }
-}
-
-ExampleService.toString = () => '[class ExampleService]';
-module.exports = ExampleService;

frontend/.env.development

@@ -23,3 +23,5 @@ VITE_API_URL=/api
 VITE_PROXY=[["/api","http://192.168.1.124:18092/"]]
 #VITE_PROXY=[["/api","http://192.168.1.125:18092/"]]
 # VITE_PROXY=[["/api","http://192.168.1.138:8080/"]]张文
+# 开启激活验证
+VITE_ACTIVATE_OPEN=true

frontend/.env.production

@@ -24,3 +24,5 @@ VITE_PWA=true
 # 线上环境接口地址
 #VITE_API_URL="/api" # 打包时用
 VITE_API_URL="http://192.168.1.125:18092/"
+# 开启激活验证
+VITE_ACTIVATE_OPEN=true

frontend/src/api/activate/index.ts

@@ -0,0 +1,14 @@
+import http from '@/api'
+import type { Activate } from '@/api/activate/interface'
+
+export const generateApplicationCode = (params: Activate.ApplicationCodePlaintext) => {
+    return http.post(`/activate/generateApplicationCode`, params)
+}
+
+export const verifyActivationCode = (activationCode: string) => {
+    return http.post(`/activate/verifyActivationCode`, { activationCode })
+}
+
+export const getLicense = () => {
+    return http.post(`/activate/getLicense`)
+}

frontend/src/api/activate/interface/index.ts

@@ -0,0 +1,55 @@
+//激活模块
+export namespace Activate {
+
+    export interface ApplicationModule {
+        /**
+         * 是否申请 1是 0否
+         */
+        apply: number;
+    }
+
+    export interface ActivateModule extends ApplicationModule {
+        /**
+         * 是否永久 1是 0否
+         */
+        permanently: number;
+    }
+
+    export interface ApplicationCodePlaintext {
+
+        /**
+         * 模拟式模块
+         */
+        simulate: ApplicationModule;
+
+        /**
+         * 数字式模块
+         */
+        digital: ApplicationModule;
+
+        /**
+         * 比对式模块
+         */
+        contrast: ApplicationModule;
+    }
+    export interface ActivationCodePlaintext {
+
+        /**
+         * 模拟式模块
+         */
+        simulate: ActivateModule;
+
+        /**
+         * 数字式模块
+         */
+        digital: ActivateModule;
+
+        /**
+         * 比对式模块
+         */
+        contrast: ActivateModule;
+    }
+
+
+
+}

frontend/src/layouts/components/Footer/index.vue

@@ -1,24 +1,21 @@
 <template>
     <div class="footer flx-align-center pl10">
         <el-dropdown>
-            <!-- <span class="el-dropdown-link">
-      {{ title }}
-      <el-icon class="el-icon--right">
-        <arrow-down />
-      </el-icon>
-    </span> -->
-            <!-- <el-button dictType="primary"> -->
             <div class="change_mode">
                 {{ title }}
                 <el-icon class="el-icon--right change_mode_down"><arrow-down /></el-icon>
                 <el-icon class="el-icon--right change_mode_up"><arrow-up /></el-icon>
             </div>
-            <!-- </el-button> -->
             <template #dropdown>
                 <el-dropdown-menu>
-                    <el-dropdown-item @click="handelOpen('模拟式')">模拟式模块</el-dropdown-item>
+                    <el-dropdown-item
-                    <el-dropdown-item @click="handelOpen('数字式')">数字式模块</el-dropdown-item>
+                        v-for="item in modeList"
-                    <el-dropdown-item @click="handelOpen('比对式')">比对式模块</el-dropdown-item>
+                        :key="item.key"
+                        :disabled="!item.activated"
+                        @click="handelOpen(item.code, item.key)"
+                    >
+                        {{ item.name }}
+                    </el-dropdown-item>
                 </el-dropdown-menu>
             </template>
         </el-dropdown>
@@ -31,26 +28,52 @@
 import { computed } from 'vue'
 import { useAuthStore } from '@/stores/modules/auth'
 import { useModeStore } from '@/stores/modules/mode' // 引入模式 store
-import { useRouter } from 'vue-router'
-
-const router = useRouter()
 const authStore = useAuthStore()
 const modeStore = useModeStore()
 
 const title = computed(() => {
-    return modeStore.currentMode === '' ? '模拟式模块' : modeStore.currentMode + '模块'
+    return modeStore.currentMode === '' ? '选择模块' : modeStore.currentMode + '模块'
 })
-
+const activateInfo = authStore.activateInfo
-const handelOpen = async (item: string) => {
+const isActivateOpen = import.meta.env.VITE_ACTIVATE_OPEN
+const modeList = [
+    {
+        name: '模拟式模块',
+        code: '模拟式',
+        key: 'simulate',
+        activated:
+            isActivateOpen === 'true'
+                ? activateInfo.simulate.apply === 1 && activateInfo.simulate.permanently === 1
+                : true
+    },
+    {
+        name: '数字式模块',
+        code: '数字式',
+        key: 'digital',
+        activated:
+            isActivateOpen === 'true'
+                ? activateInfo.digital.apply === 1 && activateInfo.digital.permanently === 1
+                : true
+    },
+    {
+        name: '比对式模块',
+        code: '比对式',
+        key: 'contrast',
+        activated:
+            isActivateOpen === 'true'
+                ? activateInfo.contrast.apply === 1 && activateInfo.contrast.permanently === 1
+                : true
+    }
+]
+const handelOpen = async (item: string, key: string) => {
+    if (isActivateOpen === 'true' && (activateInfo[key].apply !== 1 || activateInfo[key].permanently !== 1)) {
+        ElMessage.warning(`${item}模块未激活`)
+        return
+    }
     await authStore.setShowMenu()
     modeStore.setCurrentMode(item) // 将模式code存入 store
-
-    //if (router.currentRoute.value.path === '/home/index') {
     // 强制刷新页面
     window.location.reload()
-    //} else {
-    //  router.push({ path: '/home/index' });
-    //}
 }
 </script>
 <style scoped lang="scss">

frontend/src/layouts/components/Header/components/Avatar.vue

@@ -1,218 +1,212 @@
 <template>
-<!--  <div class="userInfo">-->
+    <!--  <div class="userInfo">-->
-<!--    <div class="icon">-->
+    <!--    <div class="icon">-->
-<!--      <Avatar/>-->
+    <!--      <Avatar/>-->
-<!--    </div>-->
+    <!--    </div>-->
-<!--    <div class="username">-->
+    <!--    <div class="username">-->
-<!--      {{ username }}-->
+    <!--      {{ username }}-->
-<!--    </div>-->
+    <!--    </div>-->
-<!--  </div>-->
+    <!--  </div>-->
-  <el-dropdown trigger="click">
+    <el-dropdown trigger="click">
-    <div class="userInfo">
+        <div class="userInfo">
-      <div class="icon">
+            <div class="icon">
-        <Avatar />
+                <Avatar />
-      </div>
+            </div>
-      <div class="username">
+            <div class="username">
-        {{ username }}
+                {{ username }}
-      </div>
+            </div>
-    </div>
+        </div>
-    <template #dropdown>
+        <template #dropdown>
-      <el-dropdown-menu>
+            <el-dropdown-menu>
-        <el-dropdown-item @click="openDialog('themeRef')">
+                <el-dropdown-item @click="openDialog('themeRef')">
-          <el-icon><Sunny /></el-icon>{{ t("header.changeTheme") }}
+                    <el-icon><Sunny /></el-icon>
-        </el-dropdown-item>
+                    {{ t('header.changeTheme') }}
-        <el-dropdown-item @click="openDialog('infoRef')">
+                </el-dropdown-item>
-          <el-icon><User /></el-icon>{{ t("header.personalData") }}
+                <el-dropdown-item @click="openDialog('infoRef')">
-        </el-dropdown-item>
+                    <el-icon><User /></el-icon>
-        <el-dropdown-item @click="openDialog('passwordRef')">
+                    {{ t('header.personalData') }}
-          <el-icon><Edit /></el-icon>{{ t("header.changePassword") }}
+                </el-dropdown-item>
-        </el-dropdown-item>
+                <el-dropdown-item @click="openDialog('passwordRef')">
-        <el-dropdown-item @click="changeMode">
+                    <el-icon><Edit /></el-icon>
-          <el-icon><Switch /></el-icon>{{ t("header.changeMode") }}
+                    {{ t('header.changePassword') }}
-        </el-dropdown-item>
+                </el-dropdown-item>
-        <el-dropdown-item @click="openDialog('versionRegisterRef')">
+                <el-dropdown-item @click="changeMode" v-if="authStore.showMenuFlag">
-          <el-icon><SetUp /></el-icon>{{ t("header.versionRegister") }}
+                    <el-icon><Switch /></el-icon>
-        </el-dropdown-item>
+                    {{ t('header.changeMode') }}
-       <el-dropdown trigger="hover" placement="left-start" v-if="userStore.userInfo.loginName == 'root'">
+                </el-dropdown-item>
-          <div class="custom-dropdown-trigger">
+                <el-dropdown-item @click="openDialog('versionRegisterRef')">
-            <el-icon><Tools /></el-icon>
+                    <el-icon><SetUp /></el-icon>
-            <span>{{ t("header.changeScene") }}</span>
+                    {{ t('header.versionRegister') }}
-          </div>
+                </el-dropdown-item>
-          <template #dropdown>
+                <el-dropdown trigger="hover" placement="left-start" v-if="userStore.userInfo.loginName == 'root'">
-              <el-dropdown-menu>
+                    <div class="custom-dropdown-trigger">
-                <el-dropdown-item
+                        <el-icon><Tools /></el-icon>
-                  v-for="item in dictStore.getDictData('app_scene')"
+                        <span>{{ t('header.changeScene') }}</span>
-                  :key="item.value"
+                    </div>
-                  :class="{
+                    <template #dropdown>
-                    'custom-dropdown-item': true,
+                        <el-dropdown-menu>
-                    active: item.value === appSceneStore.currentScene
+                            <el-dropdown-item
-                  }"
+                                v-for="item in dictStore.getDictData('app_scene')"
-                  @click="changeScene(item.value?? '')"
+                                :key="item.value"
-                  :disabled = "item.value === appSceneStore.currentScene"
+                                :class="{
-                >
+                                    'custom-dropdown-item': true,
-              {{ item.name }}
+                                    active: item.value === appSceneStore.currentScene
-              </el-dropdown-item>
+                                }"
+                                @click="changeScene(item.value ?? '')"
+                                :disabled="item.value === appSceneStore.currentScene"
+                            >
+                                {{ item.name }}
+                            </el-dropdown-item>
+                        </el-dropdown-menu>
+                    </template>
+                </el-dropdown>
             </el-dropdown-menu>
-          </template>
+        </template>
-        </el-dropdown>
+    </el-dropdown>
-      </el-dropdown-menu>
+    <div class="avatar">
-    </template>
+        <img src="@/assets/icons/out_login.svg" alt="avatar" @click="logout" />
-  </el-dropdown>
+    </div>
-  <div class="avatar">
+    <!-- infoDialog -->
-    <img src="@/assets/icons/out_login.svg" alt="avatar" @click="logout" />
+    <InfoDialog ref="infoRef"></InfoDialog>
-  </div>
+    <!-- passwordDialog -->
-  <!-- infoDialog -->
+    <PasswordDialog ref="passwordRef"></PasswordDialog>
-  <InfoDialog ref="infoRef"></InfoDialog>
+    <!-- versionRegisterDialog -->
-  <!-- passwordDialog -->
+    <VersionDialog ref="versionRegisterRef"></VersionDialog>
-  <PasswordDialog ref="passwordRef"></PasswordDialog>
-   <!-- versionRegisterDialog -->
-   <VersionDialog ref="versionRegisterRef"></VersionDialog>
     <!-- ThemeDialog -->
     <ThemeDialog ref="themeRef"></ThemeDialog>
-
 </template>
 
 <script setup lang="ts">
-import { ref } from "vue";
+import { computed, ref } from 'vue'
-import { LOGIN_URL } from "@/config";
+import { LOGIN_URL } from '@/config'
-import { useRouter } from "vue-router";
+import { useRouter } from 'vue-router'
-import { logoutApi } from "@/api/user/login";
+import { logoutApi } from '@/api/user/login'
-import { useUserStore } from "@/stores/modules/user";
+import { useUserStore } from '@/stores/modules/user'
-import { ElMessageBox, ElMessage, CHANGE_EVENT } from "element-plus";
+import { ElMessage, ElMessageBox } from 'element-plus'
-import InfoDialog from "./InfoDialog.vue";
+import InfoDialog from './InfoDialog.vue'
-import PasswordDialog from "./PasswordDialog.vue";
+import PasswordDialog from './PasswordDialog.vue'
-import ThemeDialog from "./ThemeDialog.vue";
+import ThemeDialog from './ThemeDialog.vue'
-import VersionDialog from "@/views/system/versionRegister/index.vue";
+import VersionDialog from '@/views/system/versionRegister/index.vue'
-import { computed } from "vue";
+import { Avatar, Sunny, Switch, Tools } from '@element-plus/icons-vue'
-import { ArrowLeft, Avatar, Delete, Document, Sunny, Switch ,Tools} from "@element-plus/icons-vue";
+import { useAuthStore } from '@/stores/modules/auth'
-import AssemblySize from "./components/AssemblySize.vue";
+import { useDictStore } from '@/stores/modules/dict'
-import Language from "./components/Language.vue";
+import { useAppSceneStore, useModeStore } from '@/stores/modules/mode'
-import SearchMenu from "./components/SearchMenu.vue";
+import { useTheme } from '@/hooks/useTheme'
-import ThemeSetting from "./components/ThemeSetting.vue";
+import { useI18n } from 'vue-i18n'
-import Message from "./components/Message.vue";
+import { updateScene } from '@/api/system/base/index'
-import Fullscreen from "./components/Fullscreen.vue";
-import { useAuthStore } from "@/stores/modules/auth";
-import {useDictStore} from "@/stores/modules/dict";
-import { useModeStore,useAppSceneStore } from "@/stores/modules/mode";
-const userStore = useUserStore();
-const dictStore = useDictStore();
-const username = computed(() => userStore.userInfo.name);
 
-const router = useRouter();
+const userStore = useUserStore()
-const authStore = useAuthStore();
+const dictStore = useDictStore()
-const modeStore = useModeStore();
+const username = computed(() => userStore.userInfo.name)
-const AppSceneStore = useAppSceneStore();
-import { useTheme } from "@/hooks/useTheme";
-import { useI18n } from "vue-i18n";
-import {updateScene} from '@/api/system/base/index'
 
+const router = useRouter()
+const authStore = useAuthStore()
+const modeStore = useModeStore()
+const AppSceneStore = useAppSceneStore()
 
-const { changePrimary} = useTheme();
+const { changePrimary } = useTheme()
 
 // 初始化 i18n
-const { t } = useI18n(); // 使用 t 方法替代 $t
+const { t } = useI18n() // 使用 t 方法替代 $t
 
 // 退出登录
 const logout = () => {
-  ElMessageBox.confirm("您是否确认退出登录?", "温馨提示", {
+    ElMessageBox.confirm('您是否确认退出登录?', '温馨提示', {
-    confirmButtonText: "确定",
+        confirmButtonText: '确定',
-    cancelButtonText: "取消",
+        cancelButtonText: '取消',
-    type: "warning",
+        type: 'warning'
-  }).then(async () => {
+    }).then(async () => {
-    // 1.执行退出登录接口
+        // 1.执行退出登录接口
-    await logoutApi();
+        await logoutApi()
-    // 2.清除 Token
+        // 2.清除 Token
-    userStore.setAccessToken("");
+        userStore.setAccessToken('')
-    userStore.setRefreshToken("");
+        userStore.setRefreshToken('')
-    userStore.setExp(0)
+        userStore.setExp(0)
-    userStore.setUserInfo({id: "", name: ""});
+        userStore.setUserInfo({ id: '', name: '' })
-    userStore.setIsRefreshToken(false)
+        userStore.setIsRefreshToken(false)
-    dictStore.setDictData([]);
+        dictStore.setDictData([])
-    modeStore.setCurrentMode('');
+        modeStore.setCurrentMode('')
-    AppSceneStore.setCurrentMode('');
+        AppSceneStore.setCurrentMode('')
-    // 3.重定向到登陆页
+        // 3.重定向到登陆页
-    router.replace(LOGIN_URL);
+        ElMessage.success('退出登录成功！')
-    ElMessage.success("退出登录成功！");
+        //重置菜单/导航栏权限
-    //重置菜单/导航栏权限
+        await authStore.resetAuthStore()
-    authStore.resetAuthStore();
+        await router.push(LOGIN_URL)
-  });
+    })
-};
+}
 
 // 打开修改密码和个人信息弹窗
-const infoRef = ref<InstanceType<typeof InfoDialog> | null>(null);
+const infoRef = ref<InstanceType<typeof InfoDialog> | null>(null)
-const passwordRef = ref<InstanceType<typeof PasswordDialog> | null>(null);
+const passwordRef = ref<InstanceType<typeof PasswordDialog> | null>(null)
-const versionRegisterRef = ref<InstanceType<typeof VersionDialog> | null>(null);
+const versionRegisterRef = ref<InstanceType<typeof VersionDialog> | null>(null)
-const themeRef = ref<InstanceType<typeof ThemeDialog> | null>(null);
+const themeRef = ref<InstanceType<typeof ThemeDialog> | null>(null)
 const openDialog = (ref: string) => {
-  if (ref == "infoRef") infoRef.value?.openDialog();
+    if (ref == 'infoRef') infoRef.value?.openDialog()
-  if (ref == "passwordRef") passwordRef.value?.openDialog();
+    if (ref == 'passwordRef') passwordRef.value?.openDialog()
-  if (ref == "versionRegisterRef") versionRegisterRef.value?.openDialog();
+    if (ref == 'versionRegisterRef') versionRegisterRef.value?.openDialog()
-  if (ref == "themeRef") themeRef.value?.openDialog();
+    if (ref == 'themeRef') themeRef.value?.openDialog()
+}
 
-};
+const appSceneStore = useAppSceneStore()
-
-
-const appSceneStore = useAppSceneStore();
 
 const changeScene = async (value: string) => {
-  appSceneStore.setCurrentMode(value);
+    appSceneStore.setCurrentMode(value)
-  await updateScene({scene :dictStore.getDictData('app_scene').find(item => item.value == value)?.id});
+    await updateScene({ scene: dictStore.getDictData('app_scene').find(item => item.value == value)?.id })
-  // 强制刷新页面
+    // 强制刷新页面
-  window.location.reload();
+    window.location.reload()
-};
+}
-
 
 //模式切换
 const changeMode = () => {
-  authStore.changeModel();
+    authStore.changeModel()
-};
+}
 </script>
 
 <style scoped lang="scss">
 .userInfo {
-  min-width: 80px;
+    min-width: 80px;
-  display: flex;
+    display: flex;
-  justify-content: flex-start;
+    justify-content: flex-start;
-  align-items: center;
+    align-items: center;
-  cursor: pointer;
+    cursor: pointer;
-  .icon {
+    .icon {
-    width: 18px;
+        width: 18px;
-    height: 18px;
+        height: 18px;
-    color: #fff !important;
+        color: #fff !important;
-  }
+    }
-  .username {
+    .username {
-    color: #fff;
+        color: #fff;
-    font-size: 16px;
+        font-size: 16px;
-    margin-left: 10px;
+        margin-left: 10px;
-  }
+    }
 }
 
 .avatar {
-  width: 40px;
+    width: 40px;
-  height: 40px;
+    height: 40px;
-  overflow: hidden;
+    overflow: hidden;
-  display: flex;
+    display: flex;
-  align-items: center;
+    align-items: center;
-  justify-content: flex-end;
+    justify-content: flex-end;
-  cursor: pointer;
+    cursor: pointer;
-  // border-radius: 50%;
+    // border-radius: 50%;
-  img {
+    img {
-    // width: 100%;
+        // width: 100%;
-    // height: 100%;
+        // height: 100%;
-  }
+    }
 }
 
 .custom-dropdown-trigger {
-  padding: 8px 15px;
+    padding: 8px 15px;
-  cursor: pointer;
+    cursor: pointer;
-  display: flex;
+    display: flex;
-  align-items: center;
+    align-items: center;
-  gap: 8px;
+    gap: 8px;
 }
 
 :deep(.el-dropdown-menu__item.custom-dropdown-item.active),
 :deep(.el-dropdown-menu__item.custom-dropdown-item.active:hover) {
-  background-color: var(--el-color-primary-light-9) !important; 
+    background-color: var(--el-color-primary-light-9) !important;
-  color: var(--el-color-primary)
+    color: var(--el-color-primary);
 }
 </style>

frontend/src/routers/index.ts

@@ -3,14 +3,14 @@ import { useUserStore } from '@/stores/modules/user'
 import { useAuthStore } from '@/stores/modules/auth'
 import { LOGIN_URL, ROUTER_WHITE_LIST } from '@/config'
 import { initDynamicRouter } from '@/routers/modules/dynamicRouter'
-import { staticRouter, errorRouter } from '@/routers/modules/staticRouter'
+import { staticRouter } from '@/routers/modules/staticRouter'
 import NProgress from '@/config/nprogress'
 
 const mode = import.meta.env.VITE_ROUTER_MODE
 
 const routerMode = {
-  hash: () => createWebHashHistory(),
+    hash: () => createWebHashHistory(),
-  history: () => createWebHistory(),
+    history: () => createWebHistory()
 }
 
 /**
@@ -30,76 +30,80 @@ const routerMode = {
  * @param meta.isKeepAlive ==> 当前路由是否缓存
  * */
 const router = createRouter({
-  
+    history: routerMode[mode](),
-  history: routerMode[mode](),
+    routes: [...staticRouter],
-  routes: [...staticRouter],
+    // 不区分路由大小写，非严格模式下提供了更宽松的路径匹配
-  // 不区分路由大小写，非严格模式下提供了更宽松的路径匹配
+    strict: false,
-  strict: false,
+    // 页面刷新时，滚动条位置还原
-  // 页面刷新时，滚动条位置还原
+    scrollBehavior: () => ({ left: 0, top: 0 })
-  scrollBehavior: () => ({ left: 0, top: 0 }),
 })
 
 /**
  * @description 路由拦截 beforeEach
  * */
 router.beforeEach(async (to, from, next) => {
-  const userStore = useUserStore()
+    const userStore = useUserStore()
-  const authStore = useAuthStore()
+    const authStore = useAuthStore()
-  // 1.NProgress 开始
+    // 1.NProgress 开始
-  NProgress.start()
+    NProgress.start()
-  // 2.动态设置标题
+    // 2.动态设置标题
-  const title = import.meta.env.VITE_GLOB_APP_TITLE
+    const title = import.meta.env.VITE_GLOB_APP_TITLE
-  document.title = to.meta.title ? `${to.meta.title} - ${title}` : title
+    document.title = to.meta.title ? `${to.meta.title} - ${title}` : title
 
-  // 3.判断是访问登陆页，有 Token 就在当前页面，没有 Token 重置路由到登陆页
+    // 3.判断是访问登陆页，有 Token 就在当前页面，没有 Token 重置路由到登陆页
-  if (to.path.toLocaleLowerCase() === LOGIN_URL) {
+    if (to.path.toLocaleLowerCase() === LOGIN_URL) {
-    if (userStore.accessToken) return next(from.fullPath)
+        if (userStore.accessToken) return next(from.fullPath)
-    resetRouter()
+        resetRouter()
-    return next()
+        return next()
-  }
+    }
 
-  // 4.判断访问页面是否在路由白名单地址(静态路由)中，如果存在直接放行
+    // 4.判断访问页面是否在路由白名单地址(静态路由)中，如果存在直接放行
-  if (ROUTER_WHITE_LIST.includes(to.path)) return next()
+    if (ROUTER_WHITE_LIST.includes(to.path)) return next()
 
-  // 5.判断是否有 Token，没有重定向到 login 页面
+    // 5.判断是否有 Token，没有重定向到 login 页面
-  if (!userStore.accessToken) return next({ path: LOGIN_URL, replace: true })
+    if (!userStore.accessToken) return next({ path: LOGIN_URL, replace: true })
 
-  // 6.如果没有菜单列表，就重新请求菜单列表并添加动态路由
+    // 6.如果没有菜单列表，就重新请求菜单列表并添加动态路由
-  if (!authStore.authMenuListGet.length) {
+    if (!authStore.authMenuListGet.length) {
-    await initDynamicRouter()
+        await initDynamicRouter()
-    return next({ ...to, replace: true })
+        return next({ ...to, replace: true })
-  }
+    }
 
-  // 7.存储 routerName 做按钮权限筛选
+    // 7.存储 routerName 做按钮权限筛选
-  authStore.setRouteName(to.name as string)
+    await authStore.setRouteName(to.name as string)
-  // 8.正常访问页面
+    // 8. 当前页面是否有激活信息，没有就刷新
-  next()
+    const activateInfo = authStore.activateInfo
+    if (!Object.keys(activateInfo).length) {
+        await authStore.setActivateInfo()
+    }
+    // 9.正常访问页面
+    next()
 })
 
 /**
  * @description 重置路由
  * */
 export const resetRouter = () => {
-  const authStore = useAuthStore()
+    const authStore = useAuthStore()
-  authStore.flatMenuListGet.forEach(route => {
+    authStore.flatMenuListGet.forEach(route => {
-    const { name } = route
+        const { name } = route
-    if (name && router.hasRoute(name)) router.removeRoute(name)
+        if (name && router.hasRoute(name)) router.removeRoute(name)
-  })
+    })
 }
 
 /**
  * @description 路由跳转错误
  * */
 router.onError(error => {
-  NProgress.done()
+    NProgress.done()
-  //console.warn('路由错误', error.message)
+    //console.warn('路由错误', error.message)
 })
 
 /**
  * @description 路由跳转结束
  * */
 router.afterEach(() => {
-  NProgress.done()
+    NProgress.done()
 })
 
 export default router

frontend/src/routers/modules/staticRouter.ts

@@ -1,5 +1,6 @@
-import { RouteRecordRaw } from 'vue-router'
+import { type RouteRecordRaw } from 'vue-router'
 import { HOME_URL, LOGIN_URL } from '@/config'
+
 export const Layout = () => import('@/layouts/index.vue')
 /**
  * staticRouter (静态路由)

frontend/src/stores/modules/auth.ts

@@ -1,89 +1,89 @@
-import { defineStore } from "pinia";
+import { defineStore } from 'pinia'
-import { AuthState } from "@/stores/interface";
+import { AuthState } from '@/stores/interface'
-import { getAuthButtonListApi, getAuthMenuListApi } from "@/api/user/login";
+import { getAuthButtonListApi, getAuthMenuListApi } from '@/api/user/login'
-import {
+import { getAllBreadcrumbList, getFlatMenuList, getShowMenuList } from '@/utils'
-  getFlatMenuList,
+import { useRouter } from 'vue-router'
-  getShowMenuList,
+import { AUTH_STORE_KEY } from '@/stores/constant'
-  getAllBreadcrumbList,
+import { useModeStore } from '@/stores/modules/mode'
-} from "@/utils";
+import { getLicense } from '@/api/activate'
-import { useRouter } from "vue-router";
+import type { Activate } from '@/api/activate/interface'
-import { AUTH_STORE_KEY } from "@/stores/constant";
-import {useModeStore} from '@/stores/modules/mode'
-
 
 export const useAuthStore = defineStore({
-  id: AUTH_STORE_KEY,
+    id: AUTH_STORE_KEY,
-  state: (): AuthState => ({
+    state: (): AuthState => ({
-    // 按钮权限列表
+        // 按钮权限列表
-    authButtonList: {},
+        authButtonList: {},
-    // 菜单权限列表
+        // 菜单权限列表
-    authMenuList: [],
+        authMenuList: [],
-    // 当前页面的 router name，用来做按钮权限筛选
+        // 当前页面的 router name，用来做按钮权限筛选
-    routeName: "",
+        routeName: '',
-    //登录不显示菜单栏和导航栏，点击进入测试的时候显示
+        //登录不显示菜单栏和导航栏，点击进入测试的时候显示
-    showMenuFlag: JSON.parse(localStorage.getItem("showMenuFlag")),
+        showMenuFlag: JSON.parse(localStorage.getItem('showMenuFlag') as string),
-    router: useRouter(),
+        router: useRouter(),
-  }),
+        activateInfo: {}
-  getters: {
+    }),
-    // 按钮权限列表
+    getters: {
-    authButtonListGet: (state) => state.authButtonList,
+        // 按钮权限列表
-    // 菜单权限列表 ==> 这里的菜单没有经过任何处理
+        authButtonListGet: state => state.authButtonList,
-    authMenuListGet: (state) => state.authMenuList,
+        // 菜单权限列表 ==> 这里的菜单没有经过任何处理
-    // 菜单权限列表 ==> 左侧菜单栏渲染，需要剔除 isHide == true
+        authMenuListGet: state => state.authMenuList,
-    showMenuListGet: (state) => getShowMenuList(state.authMenuList),
+        // 菜单权限列表 ==> 左侧菜单栏渲染，需要剔除 isHide == true
-    // 菜单权限列表 ==> 扁平化之后的一维数组菜单，主要用来添加动态路由
+        showMenuListGet: state => getShowMenuList(state.authMenuList),
-    flatMenuListGet: (state) => getFlatMenuList(state.authMenuList),
+        // 菜单权限列表 ==> 扁平化之后的一维数组菜单，主要用来添加动态路由
-    // 递归处理后的所有面包屑导航列表
+        flatMenuListGet: state => getFlatMenuList(state.authMenuList),
-    breadcrumbListGet: (state) => getAllBreadcrumbList(state.authMenuList),
+        // 递归处理后的所有面包屑导航列表
-    //是否显示菜单和导航栏
+        breadcrumbListGet: state => getAllBreadcrumbList(state.authMenuList),
-    showMenuFlagGet: (state) => state.showMenuFlag,
+        //是否显示菜单和导航栏
-  },
+        showMenuFlagGet: state => state.showMenuFlag,
-  actions: {
+        // 获取激活信息
-    // Get AuthButtonList
+        activateInfoGet: state => state.activateInfo
-    async getAuthButtonList() {
-      const { data } = await getAuthButtonListApi();
-      this.authButtonList = data;
     },
-    // Get AuthMenuList
+    actions: {
-    async getAuthMenuList() {
+        // Get AuthButtonList
-      const modeStore = useModeStore()
+        async getAuthButtonList() {
+            const { data } = await getAuthButtonListApi()
+            this.authButtonList = data
+        },
+        // Get AuthMenuList
+        async getAuthMenuList() {
+            const modeStore = useModeStore()
 
-      const { data: menuData } = await getAuthMenuListApi();
+            const { data: menuData } = await getAuthMenuListApi()
-        // 根据不同模式过滤菜单
+            // 根据不同模式过滤菜单
-      const filteredMenu = modeStore.currentMode === '比对式' 
+            const filteredMenu =
-        ? filterMenuByExcludedNames(menuData, ['testSource', 'testScript', 'controlSource'])
+                modeStore.currentMode === '比对式'
-        : filterMenuByExcludedNames(menuData, ['standardDevice']);
+                    ? filterMenuByExcludedNames(menuData, ['testSource', 'testScript', 'controlSource'])
-  
+                    : filterMenuByExcludedNames(menuData, ['standardDevice'])
-      this.authMenuList = filteredMenu;
-    
-    },
-    // Set RouteName
-    async setRouteName(name: string) {
-      this.routeName = name;
-    },
-    //重置权限
-    async resetAuthStore() {
-      this.showMenuFlag = false;
-      localStorage.removeItem("showMenuFlag");
-    },
-    //修改判断菜单栏/导航栏显示条件
-    async setShowMenu() {
-      this.showMenuFlag = true;
-      localStorage.setItem("showMenuFlag", true);
-    },
-    //更改模式
-    async changeModel() {
-      this.showMenuFlag = !this.showMenuFlag;
-      if (this.showMenuFlag) {
-        localStorage.setItem("showMenuFlag", true);
-      } else {
-        localStorage.removeItem("showMenuFlag");
-      }
-      this.router.push({ path: "/home/index" });
-    },
-  },
-});
 
+            this.authMenuList = filteredMenu
+        },
+        // Set RouteName
+        async setRouteName(name: string) {
+            this.routeName = name
+        },
+        //重置权限
+        async resetAuthStore() {
+            this.showMenuFlag = false
+            localStorage.removeItem('showMenuFlag')
+        },
+        //修改判断菜单栏/导航栏显示条件
+        async setShowMenu() {
+            this.showMenuFlag = true
+            localStorage.setItem('showMenuFlag', 'true')
+        },
+        //更改模式
+        async changeModel() {
+            this.showMenuFlag = false
+            localStorage.removeItem('showMenuFlag')
+            this.router.push({ path: '/home/index' })
+        },
+        async setActivateInfo() {
+            const license_result = await getLicense()
+            const licenseData = license_result.data as unknown as Activate.ActivationCodePlaintext
+            this.activateInfo = licenseData
+        }
+    }
+})
 
 /**
  * 通用菜单过滤函数
@@ -92,12 +92,12 @@ export const useAuthStore = defineStore({
  * @returns 过滤后的菜单列表
  */
 function filterMenuByExcludedNames(menuList: any[], excludedNames: string[]): any[] {
-  return menuList.filter(menu => {
+    return menuList.filter(menu => {
-    // 如果当前项有 children，递归处理子项
+        // 如果当前项有 children，递归处理子项
-    if (menu.children && menu.children.length > 0) {
+        if (menu.children && menu.children.length > 0) {
-      menu.children = filterMenuByExcludedNames(menu.children, excludedNames);
+            menu.children = filterMenuByExcludedNames(menu.children, excludedNames)
-    }
+        }
-    // 过滤掉在排除列表中的菜单项
+        // 过滤掉在排除列表中的菜单项
-    return !excludedNames.includes(menu.name);
+        return !excludedNames.includes(menu.name)
-  });
+    })
 }

frontend/src/utils/ipcRenderer.js

@@ -1,5 +1,10 @@
-const Renderer =
+declare global {
-  (window.require && window.require('electron')) || window.electron || {}
+    interface Window {
+        electron?: any;
+    }
+}
+
+const Renderer = (window.require && window.require('electron')) || window.electron || {};
 
 /**
  * ipc
@@ -21,11 +26,14 @@ const Renderer =
 /**
  * ipc
  */
-const ipc = Renderer.ipcRenderer || undefined
+const ipc = Renderer.ipcRenderer || undefined;
 
 /**
  * 是否为EE环境
  */
-const isEE = ipc ? true : false
+const isEE = ipc ? true : false;
+
+export {
+    Renderer, ipc, isEE
+};
 
-export { Renderer, ipc, isEE }

frontend/src/views/home/index.vue

@@ -1,96 +1,21 @@
 <template>
-   <!-- style=" height: calc(100vh - 120px) !important;" -->
+    <div class="homeView">
-      <div class="homeView">
+        <model v-if="!authStore.showMenuFlag"></model>
-    <model v-if="!authStore.showMenuFlag"></model>
+        <dashboard v-if="authStore.showMenuFlag"></dashboard>
-    <dashboard v-if="authStore.showMenuFlag"></dashboard>
-  </div>
-
-  <!-- <div class="main">
-    <div class="main_container">
-      <div class="mode" v-for="(item, index) in modeList" :key="index">
-        <div class="mode_top">
-          <div class="mode_name">
-            <p>
-              {{ item.name }}
-            </p>
-          </div>
-          <div class="test_button">
-            <el-button
-              size="small"
-              dictType="primary"
-              @click="handelOpen(item.isActive)"
-              >进入检测</el-button
-            >
-          </div>
-        </div>
-        <div class="mode_img">
-          <img :src="item.img" />
-        </div>
-      </div>
     </div>
-  </div> -->
 </template>
 <script lang="ts" setup>
-import { useRouter } from "vue-router";
+import { useAuthStore } from '@/stores/modules/auth'
-import { ElMessage } from "element-plus";
-import { useAuthStore } from "@/stores/modules/auth";
 
-import model from "./tabs/model.vue";
+import model from './tabs/model.vue'
-import dashboard from "./tabs/dashboard.vue";
+import dashboard from './tabs/dashboard.vue'
-import { onMounted, ref } from "vue";
-// defineOptions({
-//       name: 'home'
-//   })
-const authStore = useAuthStore();
 
-const activeIndex = ref("1-1");
+const authStore = useAuthStore()
-const router = useRouter();
-const modeList = [
-  {
-    name: "模拟式模式",
-    code:"模拟式",
-    img: new URL('/src/assets/images/dashboard/1.svg', import.meta.url).href,
-    isActive: true,
-  },
-  {
-    name: "数字式模式",
-    code:"数字式",
-    subName: "启用数字检测计划",
-    img: new URL('/src/assets/images/dashboard/2.svg', import.meta.url).href,
-    isActive: false,
-  },
-  {
-    name: "比对式模式",
-    code:"比对式",
-    subName: "启用比对式检测计划",
-    img: new URL('/src/assets/images/dashboard/3.svg', import.meta.url).href,
-    isActive: false,
-  },
-];
-const handelOpen = async (isActive: any) => {
-  await authStore.setShowMenu();
-  return;
-  // if (isActive) {
-  //   router.push({ path: "/static" });
-  // } else {
-  //   ElMessage({
-  //     message: "当前模式未配置",
-  //     type: "warning",
-  //   });
-  // }
-};
-const handleSelect = (key: string, keyPath: string[]) => {
-  //console.log(key, keyPath);
-};
-onMounted(() => {
-  //console.log(111);
-
-});
 </script>
 <style lang="scss" scoped>
-.homeView{
+.homeView {
-  width: 100%;
+    width: 100%;
-  // height: calc(100vh - 120px);
+    // height: calc(100vh - 120px);
-  height: 100%;
+    height: 100%;
 }
 </style>

frontend/src/views/home/tabs/model.vue

@@ -1,288 +1,264 @@
 <!-- 模式切换页面 -->
 <template>
-  <div class="main_container box">
+    <div class="main_container box">
-    <!-- :style="{
+        <el-carousel :interval="5000" type="card" style="width: 60%; margin-left: 20%; height: 70%">
-      height: authStore?.showMenuFlag
+            <el-carousel-item
-        ? 'calc(100vh - 165px)'
+                class="mode"
-        : 'calc(100vh - 125px)',
+                :class="{ modeBG: index != 0 }"
-    }" -->
+                v-for="(item, index) in modeList"
+                :key="index"
+            >
+                <div class="mode_top">
+                    <div class="mode_name">
+                        {{ item.name }}
+                    </div>
+                </div>
 
-    <el-carousel :interval="5000" type="card" style="width: 60%;margin-left: 20%;height: 70%;">
+                <div class="mode_img">
-      <el-carousel-item class="mode" :class="{ modeBG: index != 0 }" v-for="(item, index) in modeList" :key="index">
+                    <img :src="item.img" />
-
+                </div>
-        <div class="mode_top">
+                <div class="test_button">
-          <div class="mode_name">
+                    <el-button size="large" type="primary" @click="handelOpen(item)" :disabled="!item.activated">
-            {{ item.name }}
+                        进入检测
-          </div>
+                    </el-button>
-        </div>
+                </div>
-
+            </el-carousel-item>
-        <div class="mode_img">
+        </el-carousel>
-          <img :src="item.img" />
+    </div>
-        </div>
-        <div class="test_button">
-          <el-button size="large" type="primary" @click="handelOpen(item)"
-            :disabled="item.isActive == false">进入检测</el-button>
-        </div>
-      </el-carousel-item>
-    </el-carousel>
-
-
-
-    <!-- <div class="mode" :class="{ modeBG: index != 0 }" v-for="(item, index) in modeList" :key="index">
-      <div class="mode_top">
-        <div class="mode_name">
-          <p>
-            {{ item.name }}
-          </p>
-        </div>
-        <div class="test_button">
-          <el-button size="small" type="primary" @click="handelOpen(item)"
-            :disabled="item.isActive == false">进入检测</el-button>
-        </div>
-      </div>
-      <div class="mode_img">
-        <img :src="item.img" />
-      </div>
-    </div> -->
-  </div>
 </template>
 <script lang="ts" setup>
-import { useRouter } from "vue-router";
+import { useAuthStore } from '@/stores/modules/auth'
-import { ElMessage } from "element-plus";
+import { useAppSceneStore, useModeStore } from '@/stores/modules/mode' // 引入模式 store
-import { useAuthStore } from "@/stores/modules/auth";
+import { getCurrentScene } from '@/api/user/login'
-import { useModeStore, useAppSceneStore } from "@/stores/modules/mode"; // 引入模式 store
+
-import { ref } from "vue";
+const authStore = useAuthStore()
-import {getCurrentScene} from "@/api/user/login";
+const modeStore = useModeStore() // 使用模式 store
+const AppSceneStore = useAppSceneStore()
+const activateInfo = authStore.activateInfo
+const isActivateOpen = import.meta.env.VITE_ACTIVATE_OPEN
 
-const authStore = useAuthStore();
-const modeStore = useModeStore(); // 使用模式 store
-const AppSceneStore = useAppSceneStore();
-const activeIndex = ref("1-1");
-const router = useRouter();
 const modeList = [
-  {
+    {
-    name: "模拟式模块",
+        name: '模拟式模块',
-    code: "模拟式",
+        code: '模拟式',
-    subName: "未启用模拟式检测计划",
+        subName: '未启用模拟式检测计划',
-    img: new URL('/src/assets/images/dashboard/1.svg', import.meta.url).href,
+        img: new URL('/src/assets/images/dashboard/1.svg', import.meta.url).href,
-    isActive: true,
+        activated:
-  },
+            isActivateOpen === 'true'
-  {
+                ? activateInfo.simulate.apply === 1 && activateInfo.simulate.permanently === 1
-    name: "数字式模块",
+                : true
-    code: "数字式",
+    },
-    subName: "启用数字检测计划",
+    {
-    img: new URL('/src/assets/images/dashboard/2.svg', import.meta.url).href,
+        name: '数字式模块',
-    isActive: true,
+        code: '数字式',
-  },
+        subName: '启用数字检测计划',
-  {
+        img: new URL('/src/assets/images/dashboard/2.svg', import.meta.url).href,
-    name: "比对式模块",
+        activated:
-    code: "比对式",
+            isActivateOpen === 'true'
-    subName: "启用比对式检测计划",
+                ? activateInfo.digital.apply === 1 && activateInfo.digital.permanently === 1
-    img: new URL('/src/assets/images/dashboard/3.svg', import.meta.url).href,
+                : true
-    isActive: true,
+    },
-  },
+    {
-];
+        name: '比对式模块',
+        code: '比对式',
+        subName: '启用比对式检测计划',
+        img: new URL('/src/assets/images/dashboard/3.svg', import.meta.url).href,
+        activated:
+            isActivateOpen === 'true'
+                ? activateInfo.contrast.apply === 1 && activateInfo.contrast.permanently === 1
+                : true
+    }
+]
 const handelOpen = async (item: any) => {
-  modeStore.setCurrentMode(item.code); // 将模式code存入 store
+    if (!item.activated) {
-  const {data:scene} = await getCurrentScene(); // 获取当前场景
+        ElMessage.warning(`${item.name}未激活`)
-  // AppSceneStore.setCurrentMode(scene+'');//0：省级平台，1：设备出厂，2：研发自测
+        return
-  AppSceneStore.setCurrentMode(scene+'');//0：省级平台，1：设备出厂，2：研发自测
+    }
-  await authStore.setShowMenu();
+    modeStore.setCurrentMode(item.code) // 将模式code存入 store
-  await authStore.getAuthMenuList();
+    const { data: scene } = await getCurrentScene() // 获取当前场景
-  return;
+    AppSceneStore.setCurrentMode(scene + '') //0：省级平台，1：设备出厂，2：研发自测
-  // if (isActive) {
+    await authStore.setShowMenu()
-  //   router.push({ path: "/static" });
+    await authStore.getAuthMenuList()
-  // } else {
+    return
-  //   ElMessage({
+}
-  //     message: "当前模式未配置",
-  //     type: "warning",
-  //   });
-  // }
-};
 const handleSelect = (key: string, keyPath: string[]) => {
-  console.log(key, keyPath);
+    console.log(key, keyPath)
-};
+}
 onMounted(() => {
-  console.log();
+    console.log()
-});
+})
 </script>
 <style lang="scss" scoped>
 .box {
-  background: #ededed;
+    background: #ededed;
-  // background-image: url("/src/assets/images/dashboard/DT.jpg");
+    // background-image: url("/src/assets/images/dashboard/DT.jpg");
-  // /* 背景图垂直、水平均居中 */
+    // /* 背景图垂直、水平均居中 */
-  // // background-position: center center;
+    // // background-position: center center;
-  // /* 背景图不平铺 */
+    // /* 背景图不平铺 */
-  // background-repeat: no-repeat;
+    // background-repeat: no-repeat;
-  // /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
+    // /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
-  // background-attachment: fixed;
+    // background-attachment: fixed;
-  // /* 让背景图基于容器大小伸缩 */
+    // /* 让背景图基于容器大小伸缩 */
-  // background-size: cover;
+    // background-size: cover;
-
-
 }
 
 .main_container {
+    width: 100%;
+    // height: calc(100vh - 165px);
+    height: 100%;
+    // overflow-y: auto;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    align-items: center;
 
-  width: 100%;
+    .mode {
-  // height: calc(100vh - 165px);
+        height: 99.5% !important;
-  height: 100%;
+        border: 1px solid #eee;
-  // overflow-y: auto;
+        border-radius: 6px;
-  display: flex;
+        background: linear-gradient(
-  justify-content: space-between;
+            180deg,
-  flex-wrap: wrap;
+            rgba(0, 153, 255, 1) 0%,
-  align-items: center;
+            rgba(0, 153, 255, 1) 0%,
+            rgba(0, 102, 255, 1) 65%,
+            rgba(0, 51, 255, 1) 100%,
+            rgba(0, 51, 255, 1) 100%
+        );
 
-  .mode {
+        position: absolute;
 
-    height: 99.5% !important;
+        //   padding: 40px 0;
-    border: 1px solid #eee;
+        .mode_top {
-    border-radius: 6px;
+            width: 100%;
-    background: linear-gradient(180deg,
+            height: 40px;
-        rgba(0, 153, 255, 1) 0%,
+            display: flex;
-        rgba(0, 153, 255, 1) 0%,
+            justify-content: center;
-        rgba(0, 102, 255, 1) 65%,
+            align-items: center;
-        rgba(0, 51, 255, 1) 100%,
+            background: #008aff;
-        rgba(0, 51, 255, 1) 100%);
+            border-radius: 6px 6px 0 0;
 
-    position: absolute;
+            .mode_name {
+                width: 100%;
+                height: 40px;
+                font-family: '微软雅黑 Bold', '微软雅黑', '微软雅黑', sans-serif;
+                font-weight: 700;
+                font-style: normal;
+                font-size: 20px;
+                color: #ffffff;
+                text-align: center;
+                line-height: 40px;
+                padding-left: 10px;
+                // margin-top: 20px;
 
+                .mode_subName {
+                    font-family: '微软雅黑', sans-serif;
+                    font-weight: 400;
+                    font-style: normal;
+                    font-size: 12px;
+                    color: #ffffff;
+                    line-height: 40px;
+                    text-align: center;
+                    padding: 5px 0 0 10px;
+                    // margin-top: 10px;
+                }
+            }
 
-    //   padding: 40px 0;
+            .test_button {
-    .mode_top {
+                display: flex;
-      width: 100%;
+                text-align: center;
-      height: 40px;
+                width: 100%;
-      display: flex;
+                display: flex;
-      justify-content: center;
+                align-items: center;
-      align-items: center;
+                justify-content: flex-end;
-      background: #008aff;
+                padding-right: 5px;
-      border-radius: 6px 6px 0 0;
+            }
+        }
 
-      .mode_name {
+        .mode_img {
-        width: 100%;
+            width: 100%;
-        height: 40px;
+            height: auto;
-        font-family: "微软雅黑 Bold", "微软雅黑", "微软雅黑", sans-serif;
+            display: flex;
-        font-weight: 700;
+            align-items: center;
+            justify-content: center;
+            // padding: 30px 0 50px;
+            margin-top: 100px;
+            // margin-bottom: 100px;
+
+            img:nth-child(1) {
+                width: 60%;
+                height: auto;
+                display: block;
+            }
+
+            img:nth-child(2) {
+                width: 70%;
+                height: auto;
+                display: block;
+            }
+
+            img:nth-child(3) {
+                width: 60%;
+                height: auto;
+                display: block;
+            }
+        }
+
+        .mode_test {
+            width: 100%;
+            height: 40px;
+            display: flex;
+            justify-content: center;
+            margin-bottom: 20px;
+
+            .test_button:hover {
+                background: rgba(0, 0, 0, 0.2);
+            }
+        }
+    }
+
+    .test_button {
+        position: absolute;
+        bottom: 30px;
+        left: 50%;
+        transform: translateX(-50%);
+        border-radius: 5px;
+        font-family: '微软雅黑', sans-serif;
+        font-weight: 400;
         font-style: normal;
-        font-size: 20px;
+        color: #fff;
-        color: #ffffff;
         text-align: center;
         line-height: 40px;
-        padding-left: 10px;
+        cursor: pointer;
-        // margin-top: 20px;
+    }
 
-        .mode_subName {
+    .mode:nth-child(3n + 3) {
-          font-family: "微软雅黑", sans-serif;
+        background: linear-gradient(
-          font-weight: 400;
+            180deg,
-          font-style: normal;
+            rgba(0, 153, 255, 1) 0%,
-          font-size: 12px;
+            rgba(0, 153, 255, 1) 0%,
-          color: #ffffff;
+            rgba(0, 102, 255, 1) 39%,
-          line-height: 40px;
+            rgba(102, 51, 204, 1) 100%,
-          text-align: center;
+            rgba(102, 51, 204, 1) 100%
-          padding: 5px 0 0 10px;
+        );
-          // margin-top: 10px;
+    }
+
+    .mode_off {
+        .mode_name,
+        .mode_subName,
+        .test_button {
+            color: #fff !important;
         }
-      }
 
-      .test_button {
+        .test_button:hover {
-        display: flex;
+            // background: rgba(0, 0, 0, 0.2) !important;
-        text-align: center;
+            cursor: pointer;
-        width: 100%;
+        }
-        display: flex;
-        align-items: center;
-        justify-content: flex-end;
-        padding-right: 5px;
-      }
     }
-
-    .mode_img {
-      width: 100%;
-      height: auto;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      // padding: 30px 0 50px;
-      margin-top: 100px;
-      // margin-bottom: 100px;
-
-      img:nth-child(1) {
-        width: 60%;
-        height: auto;
-        display: block;
-      }
-
-      img:nth-child(2) {
-        width: 70%;
-        height: auto;
-        display: block;
-      }
-
-      img:nth-child(3) {
-        width: 60%;
-        height: auto;
-        display: block;
-      }
-    }
-
-    .mode_test {
-      width: 100%;
-      height: 40px;
-      display: flex;
-      justify-content: center;
-      margin-bottom: 20px;
-
-
-      .test_button:hover {
-        background: rgba(0, 0, 0, 0.2);
-      }
-    }
-  }
-
-  .test_button {
-    position: absolute;
-    bottom: 30px;
-    left: 50%;
-    transform: translateX(-50%);
-    border-radius: 5px;
-    font-family: "微软雅黑", sans-serif;
-    font-weight: 400;
-    font-style: normal;
-    color: #fff;
-    text-align: center;
-    line-height: 40px;
-    cursor: pointer;
-  }
-
-
-  .mode:nth-child(3n + 3) {
-    background: linear-gradient(180deg,
-        rgba(0, 153, 255, 1) 0%,
-        rgba(0, 153, 255, 1) 0%,
-        rgba(0, 102, 255, 1) 39%,
-        rgba(102, 51, 204, 1) 100%,
-        rgba(102, 51, 204, 1) 100%);
-
-  }
-
-  .mode_off {
-
-    .mode_name,
-    .mode_subName,
-    .test_button {
-      color: #fff !important;
-
-    }
-
-    .test_button:hover {
-      // background: rgba(0, 0, 0, 0.2) !important;
-      cursor: pointer;
-    }
-  }
 }
 
 :deep(.el-sub-menu__title) {
-  border-bottom: 0 !important;
+    border-bottom: 0 !important;
-  outline: none !important;
+    outline: none !important;
 }
 
 // .modeBG {
@@ -297,13 +273,12 @@ onMounted(() => {
 //     ;
 //   }
 
-
 // }
 :deep(.el-carousel__container) {
-  height: 100%;
+    height: 100%;
 }
 
 :deep(.el-carousel__item) {
-  position: relative;
+    position: relative;
 }
 </style>

frontend/src/views/login/components/LoginForm.vue

@@ -96,12 +96,20 @@ const login = (formEl: FormInstance | undefined) => {
                 username: forge.util.encode64(loginForm.username),
                 password: encryptPassword(loginForm.password)
             })
+            ElNotification({
+                title: getTimeState(),
+                message: '登录成功',
+                type: 'success',
+                duration: 3000
+            })
             userStore.setAccessToken(data.accessToken)
             userStore.setRefreshToken(data.refreshToken)
             userStore.setUserInfo(data.userInfo)
             if (loginForm.checked) {
                 userStore.setExp(Date.now() + 1000 * 60 * 60 * 24 * 30)
             }
+            // 设置激活信息
+            await authStore.setActivateInfo()
             const response = await getDictList()
             const dictData = response.data as unknown as Dict[]
             await dictStore.initDictData(dictData)
@@ -109,19 +117,12 @@ const login = (formEl: FormInstance | undefined) => {
             await initDynamicRouter()
 
             // 3.清空 tabs、keepAlive 数据
-            tabsStore.setTabs([])
+            await tabsStore.setTabs([])
-            keepAliveStore.setKeepAliveName([])
+            await keepAliveStore.setKeepAliveName([])
-
+            // 登录默认不显示菜单和导航栏
-            // 4.跳转到首页
+            await authStore.resetAuthStore()
-            router.push(HOME_URL)
+            // 跳转到首页
-            // 5.登录默认不显示菜单和导航栏
+            await router.push(HOME_URL)
-            authStore.resetAuthStore()
-            ElNotification({
-                title: getTimeState(),
-                message: '登录成功',
-                type: 'success',
-                duration: 3000
-            })
         } finally {
             loading.value = false
         }

frontend/src/views/system/versionRegister/index.vue

@@ -1,55 +1,281 @@
-
 <template>
-    <el-dialog v-model="dialogVisible" title="程序激活"  v-bind="dialogSmall">
+    <el-dialog
-        <el-form :model="formContent">
+        v-model="dialogVisible"
-        <el-form-item label="程序版本号" prop="id" :label-width="100">
+        title="程序激活"
-            <el-input v-model='formContent.id' disabled/>
+        width="450px"
-        </el-form-item>
+        draggable
-        <el-form-item label="模拟式模块" prop="type" :label-width="100">
+        :close-on-click-modal="false"
-            <el-checkbox v-model="formContent.type"  label="已激活"/>
+        :before-close="beforeClose"
-        </el-form-item>
+        :destroy-on-close="true"
-        <el-form-item label="数字式模块" prop="type" :label-width="100">
+    >
-            <el-checkbox v-model="formContent.type"  label="未激活"/>
+        <el-form :label-width="100" label-position="left">
-        </el-form-item>
+            <el-form-item label="程序版本号">
-        <el-form-item label="比对式模块" prop="type" :label-width="100">
+                <el-text style="margin-left: 82%">{{ 'v' + versionNumber }}</el-text>
-            <el-checkbox v-model="formContent.type"  label="未激活"/>
+            </el-form-item>
-        </el-form-item>
-        <el-form-item label="序列号" prop="code" :label-width="100">
-            <el-input v-model='formContent.code' placeholder="请输入序列号" :rows="2" type="textarea"/>
-        </el-form-item>
-        <el-form-item label="注册码" prop="licenseKey" :label-width="100">
-            <el-input v-model='formContent.licenseKey' placeholder="请输入注册码" :rows="2" type="textarea"/>
-        </el-form-item>
         </el-form>
-      <template #footer>
+        <el-descriptions
-        <span class="dialog-footer">
+            class="mode-descriptions"
-          <el-button @click="dialogVisible = false">取消</el-button>
+            v-if="!hadActivationCode"
-          <el-button type="primary" @click="dialogVisible = false">激活</el-button>
+            title="模块激活状态"
-        </span>
+            size="small"
-      </template>
+        ></el-descriptions>
+        <el-form
+            ref="applicationFormRef"
+            v-if="!hadActivationCode"
+            :model="applicationForm"
+            label-position="left"
+            :label-width="100"
+        >
+            <el-form-item
+                class="mode-item"
+                v-if="activateInfo.simulate.apply !== 1 || activateInfo.simulate.permanently !== 1"
+                label="模拟式模块"
+                prop="simulate.apply"
+            >
+                <el-tag disable-transitions type="danger">未激活</el-tag>
+                <el-checkbox
+                    :false-value="0"
+                    :true-value="1"
+                    class="apply-checkbox"
+                    v-model="applicationForm.simulate.apply"
+                    label="激活"
+                />
+            </el-form-item>
+            <el-form-item
+                class="mode-item"
+                v-if="activateInfo.simulate.apply === 1 && activateInfo.simulate.permanently === 1"
+                label="模拟式模块"
+            >
+                <el-tag class="activated-tag" disable-transitions type="success">已激活</el-tag>
+            </el-form-item>
+            <el-form-item
+                class="mode-item"
+                v-if="activateInfo.digital.apply !== 1 || activateInfo.digital.permanently !== 1"
+                label="数字式模块"
+                prop="digital.apply"
+            >
+                <el-tag disable-transitions type="danger">未激活</el-tag>
+                <el-checkbox
+                    :false-value="0"
+                    :true-value="1"
+                    class="apply-checkbox"
+                    v-model="applicationForm.digital.apply"
+                    label="激活"
+                />
+            </el-form-item>
+            <el-form-item
+                class="mode-item"
+                v-if="activateInfo.digital.apply === 1 && activateInfo.digital.permanently === 1"
+                label="数字式模块"
+            >
+                <el-tag class="activated-tag" disable-transitions type="success">已激活</el-tag>
+            </el-form-item>
+            <el-form-item
+                class="mode-item"
+                v-if="activateInfo.contrast.apply !== 1 || activateInfo.contrast.permanently !== 1"
+                label="比对式模块"
+                prop="contrast.apply"
+            >
+                <el-tag disable-transitions type="danger">未激活</el-tag>
+                <el-checkbox
+                    :false-value="0"
+                    :true-value="1"
+                    class="apply-checkbox"
+                    v-model="applicationForm.contrast.apply"
+                    label="激活"
+                />
+            </el-form-item>
+            <el-form-item
+                class="mode-item"
+                v-if="activateInfo.contrast.apply === 1 && activateInfo.contrast.permanently === 1"
+                label="比对式模块"
+            >
+                <el-tag class="activated-tag" disable-transitions type="success">已激活</el-tag>
+            </el-form-item>
+        </el-form>
+        <el-row v-if="applicationCode">
+            <el-descriptions class="mode-descriptions" title="设备申请码" size="small"></el-descriptions>
+            <el-tooltip placement="top-end" effect="light">
+                <el-input
+                    v-model="applicationCode"
+                    :rows="5"
+                    type="textarea"
+                    readonly
+                    resize="none"
+                    class="code-display"
+                />
+                <template #content>
+                    <el-button size="small" @click="copyCode" icon="DocumentCopy">复制</el-button>
+                </template>
+            </el-tooltip>
+        </el-row>
+        <el-row v-if="applicationCode || hadActivationCode">
+            <el-descriptions class="mode-descriptions" title="设备激活码" size="small"></el-descriptions>
+            <el-input
+                placeholder="请输入设备激活码"
+                v-model="activationCode"
+                :rows="5"
+                resize="none"
+                type="textarea"
+                class="code-input"
+            />
+        </el-row>
+        <template #footer v-if="!activatedAll">
+            <div v-if="!applicationCode && !hadActivationCode">
+                <el-button @click="cancel">取消</el-button>
+                <el-button type="primary" @click="getApplicationCode">获取申请码</el-button>
+                <el-button type="primary" @click="hadActivationCode = true">已有激活码</el-button>
+            </div>
+            <div v-if="applicationCode || hadActivationCode">
+                <el-button @click="cancel">取消</el-button>
+                <el-button :disabled="!activationCode" type="primary" @click="submitActivation">激活</el-button>
+            </div>
+        </template>
     </el-dialog>
-  </template>
+</template>
 
-  <script setup lang="ts">
+<script setup lang="ts">
-  import { type VersionRegister } from "@/api/system/versionRegister/interface";
+import { ref } from 'vue'
-  import { ref } from "vue";
+import { version } from '../../../../package.json'
-  import { dialogSmall } from '@/utils/elementBind'
+import type { Activate } from '@/api/activate/interface'
-  const formContent = ref<VersionRegister.ResSys_Reg_Res>({
+import { generateApplicationCode, verifyActivationCode } from '@/api/activate'
-        id: '',     //版本注册表Id
+import { useAuthStore } from '@/stores/modules/auth'
-        type: '', //版本类型（模拟式、数字式、比对式）
-        code: '', //注册码
-        licenseKey: '', //密钥
-        expireDate: '', //到期时间
-        waveRecord: 0,
-        realTime: 20,
-        statistics: 5,
-        flicker: 1,
-        state: 1, //状态
-    })
-  const dialogVisible = ref(false);
-  const openDialog = () => {
-    dialogVisible.value = true;
-  };
 
-  defineExpose({ openDialog });
+const authStore = useAuthStore()
-  </script>
+const activateInfo = authStore.activateInfo
+const versionNumber = ref(version)
+const applicationForm = reactive<Activate.ApplicationCodePlaintext>({
+    simulate: { apply: 0 },
+    digital: { apply: 0 },
+    contrast: { apply: 0 }
+})
+const activatedAll = computed(() => {
+    return (
+        activateInfo.simulate.apply === 1 &&
+        activateInfo.simulate.permanently === 1 &&
+        activateInfo.digital.apply === 1 &&
+        activateInfo.digital.permanently === 1 &&
+        activateInfo.contrast.apply === 1 &&
+        activateInfo.contrast.permanently === 1
+    )
+})
+const applicationFormRef = ref()
+const hadActivationCode = ref(false)
+const applicationCode = ref('')
+const activationCode = ref('')
+const dialogVisible = ref(false)
+// 获取申请码
+const getApplicationCode = async () => {
+    if (
+        applicationForm.simulate.apply == 0 &&
+        applicationForm.digital.apply == 0 &&
+        applicationForm.contrast.apply == 0
+    ) {
+        ElMessage.warning('请选择需要激活的模块')
+        return
+    }
+    if (activateInfo.simulate.apply === 1) {
+        applicationForm.simulate.apply = 1
+    }
+    if (activateInfo.digital.apply === 1) {
+        applicationForm.digital.apply = 1
+    }
+    if (activateInfo.contrast.apply === 1) {
+        applicationForm.contrast.apply = 1
+    }
+
+    const res = await generateApplicationCode(applicationForm)
+    if (res.code == 'A0000') {
+        applicationCode.value = res.data as string
+    }
+}
+// 复制申请码
+const copyCode = async () => {
+    try {
+        await navigator.clipboard.writeText(applicationCode.value)
+        ElMessage.success('已复制到剪贴板')
+    } catch {
+        ElMessage.error('复制失败，请手动选择内容')
+    }
+}
+const openDialog = () => {
+    hadActivationCode.value = false
+    activationCode.value = ''
+    applicationCode.value = ''
+    applicationForm.simulate.apply = 0
+    applicationForm.digital.apply = 0
+    applicationForm.contrast.apply = 0
+    dialogVisible.value = true
+}
+const beforeClose = (done: Function) => {
+    applicationFormRef.value.resetFields()
+    done()
+}
+const cancel = () => {
+    applicationFormRef.value.resetFields()
+    dialogVisible.value = false
+}
+const submitActivation = async () => {
+    const res = await verifyActivationCode(activationCode.value)
+    if (res.code == 'A0000') {
+        ElMessage.success('激活成功')
+        await authStore.setActivateInfo()
+        window.location.reload()
+    } else {
+        ElMessage.error(res.message)
+    }
+}
+defineExpose({ openDialog })
+</script>
+<style scoped>
+.apply-checkbox {
+    margin-left: 62%;
+}
+.activated-tag {
+    margin-left: 80%;
+}
+.code-display,
+.code-input {
+    font-family: consolas;
+}
+:deep(.el-tag) {
+    user-select: none;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+}
+:deep(.el-divider__text) {
+    user-select: none;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+}
+.mode-descriptions {
+    user-select: none;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    margin-top: 15px;
+}
+:deep(.el-form-item) {
+    border: 1px solid #e5e7eb;
+    border-radius: 4px;
+    padding: 0 10px !important;
+    margin-bottom: 10px !important;
+    margin-right: 0 !important;
+    user-select: none;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+}
+:deep(.el-divider--horizontal) {
+    margin: 10px 0 !important;
+    margin-top: 20px !important;
+}
+.mode-item {
+    transition: background-color 0.2s ease;
+}
+.mode-item:hover {
+    background-color: #f9fafb;
+}
+</style>