ADD: 模块激活流程

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