Compare commits
8 Commits
2025-09
...
2e377bcca2
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
2e377bcca2 | ||
|
|
2a8757c9f1 | ||
|
|
35f21b7140 | ||
|
|
b0ca84c8fd | ||
|
|
045acfa061 | ||
|
|
55ff45f9a9 | ||
|
|
7afccb58fd | ||
|
|
11c6704f11 |
@@ -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;
|
|
||||||
@@ -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;
|
|
||||||
@@ -23,3 +23,5 @@ VITE_API_URL=/api
|
|||||||
VITE_PROXY=[["/api","http://192.168.1.124:18092/"]]
|
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.125:18092/"]]
|
||||||
# VITE_PROXY=[["/api","http://192.168.1.138:8080/"]]张文
|
# VITE_PROXY=[["/api","http://192.168.1.138:8080/"]]张文
|
||||||
|
# 开启激活验证
|
||||||
|
VITE_ACTIVATE_OPEN=true
|
||||||
@@ -24,3 +24,5 @@ VITE_PWA=true
|
|||||||
# 线上环境接口地址
|
# 线上环境接口地址
|
||||||
#VITE_API_URL="/api" # 打包时用
|
#VITE_API_URL="/api" # 打包时用
|
||||||
VITE_API_URL="http://192.168.1.125:18092/"
|
VITE_API_URL="http://192.168.1.125:18092/"
|
||||||
|
# 开启激活验证
|
||||||
|
VITE_ACTIVATE_OPEN=true
|
||||||
14
frontend/src/api/activate/index.ts
Normal file
14
frontend/src/api/activate/index.ts
Normal file
@@ -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`)
|
||||||
|
}
|
||||||
55
frontend/src/api/activate/interface/index.ts
Normal file
55
frontend/src/api/activate/interface/index.ts
Normal file
@@ -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;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
@@ -93,7 +93,7 @@ class RequestHttp {
|
|||||||
}
|
}
|
||||||
// 登陆失效
|
// 登陆失效
|
||||||
if (data.code === ResultEnum.OVERDUE) {
|
if (data.code === ResultEnum.OVERDUE) {
|
||||||
console.log('登陆失效')
|
//console.log('登陆失效')
|
||||||
userStore.setAccessToken('')
|
userStore.setAccessToken('')
|
||||||
userStore.setRefreshToken('')
|
userStore.setRefreshToken('')
|
||||||
userStore.setIsRefreshToken(false)
|
userStore.setIsRefreshToken(false)
|
||||||
@@ -142,7 +142,7 @@ class RequestHttp {
|
|||||||
async (error: AxiosError) => {
|
async (error: AxiosError) => {
|
||||||
const { response } = error
|
const { response } = error
|
||||||
tryHideFullScreenLoading()
|
tryHideFullScreenLoading()
|
||||||
console.log('error', error.message)
|
//console.log('error', error.message)
|
||||||
// 请求超时 && 网络错误单独判断,没有 response
|
// 请求超时 && 网络错误单独判断,没有 response
|
||||||
if (error.message.indexOf('timeout') !== -1) ElMessage.error('请求超时!请您稍后重试')
|
if (error.message.indexOf('timeout') !== -1) ElMessage.error('请求超时!请您稍后重试')
|
||||||
if (error.message.indexOf('Network Error') !== -1) ElMessage.error('网络错误!请您稍后重试')
|
if (error.message.indexOf('Network Error') !== -1) ElMessage.error('网络错误!请您稍后重试')
|
||||||
@@ -228,7 +228,7 @@ class RequestHttp {
|
|||||||
|
|
||||||
// 设置默认的Authorization头部
|
// 设置默认的Authorization头部
|
||||||
eventSource.addEventListener('open', function () {
|
eventSource.addEventListener('open', function () {
|
||||||
console.log('SSE连接已建立')
|
//console.log('SSE连接已建立')
|
||||||
})
|
})
|
||||||
// 添加错误处理
|
// 添加错误处理
|
||||||
eventSource.addEventListener('error', function (err) {
|
eventSource.addEventListener('error', function (err) {
|
||||||
|
|||||||
@@ -112,7 +112,7 @@ const uploadExcel = async (param: UploadRequestOptions) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
async function handleImportResponse(res: any) {
|
async function handleImportResponse(res: any) {
|
||||||
console.log(res)
|
|
||||||
|
|
||||||
if (res.type === 'application/json') {
|
if (res.type === 'application/json') {
|
||||||
const fileReader = new FileReader()
|
const fileReader = new FileReader()
|
||||||
@@ -129,7 +129,7 @@ async function handleImportResponse(res: any) {
|
|||||||
}
|
}
|
||||||
emit('result', jsonData.data)
|
emit('result', jsonData.data)
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
console.log(err)
|
//console.log(err)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
fileReader.readAsText(res)
|
fileReader.readAsText(res)
|
||||||
|
|||||||
@@ -210,7 +210,7 @@ const closeEventSource = () => {
|
|||||||
if (eventSource.value) {
|
if (eventSource.value) {
|
||||||
eventSource.value.close()
|
eventSource.value.close()
|
||||||
eventSource.value = null
|
eventSource.value = null
|
||||||
console.log('SSE连接已关闭')
|
// console.log('SSE连接已关闭')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// 监听 dialogVisible 的变化,确保在对话框关闭时清理资源
|
// 监听 dialogVisible 的变化,确保在对话框关闭时清理资源
|
||||||
|
|||||||
@@ -16,7 +16,7 @@ const auth: Directive = {
|
|||||||
} else {
|
} else {
|
||||||
currentPageRoles = authStore.authButtonListGet[authStore.routeName] ?? []
|
currentPageRoles = authStore.authButtonListGet[authStore.routeName] ?? []
|
||||||
}
|
}
|
||||||
console.log('currentPageRoles', currentPageRoles)
|
//console.log('currentPageRoles', currentPageRoles)
|
||||||
if (value instanceof Array && value.length) {
|
if (value instanceof Array && value.length) {
|
||||||
const hasPermission = value.every(item => currentPageRoles.includes(item))
|
const hasPermission = value.every(item => currentPageRoles.includes(item))
|
||||||
if (!hasPermission) el.remove()
|
if (!hasPermission) el.remove()
|
||||||
|
|||||||
@@ -1,24 +1,21 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="footer flx-align-center pl10">
|
<div class="footer flx-align-center pl10">
|
||||||
<el-dropdown>
|
<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">
|
<div class="change_mode">
|
||||||
{{ title }}
|
{{ title }}
|
||||||
<el-icon class="el-icon--right change_mode_down"><arrow-down /></el-icon>
|
<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>
|
<el-icon class="el-icon--right change_mode_up"><arrow-up /></el-icon>
|
||||||
</div>
|
</div>
|
||||||
<!-- </el-button> -->
|
|
||||||
<template #dropdown>
|
<template #dropdown>
|
||||||
<el-dropdown-menu>
|
<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>
|
</el-dropdown-menu>
|
||||||
</template>
|
</template>
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
@@ -31,26 +28,52 @@
|
|||||||
import { computed } from 'vue'
|
import { computed } from 'vue'
|
||||||
import { useAuthStore } from '@/stores/modules/auth'
|
import { useAuthStore } from '@/stores/modules/auth'
|
||||||
import { useModeStore } from '@/stores/modules/mode' // 引入模式 store
|
import { useModeStore } from '@/stores/modules/mode' // 引入模式 store
|
||||||
import { useRouter } from 'vue-router'
|
|
||||||
|
|
||||||
const router = useRouter()
|
|
||||||
const authStore = useAuthStore()
|
const authStore = useAuthStore()
|
||||||
const modeStore = useModeStore()
|
const modeStore = useModeStore()
|
||||||
|
|
||||||
const title = computed(() => {
|
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()
|
await authStore.setShowMenu()
|
||||||
modeStore.setCurrentMode(item) // 将模式code存入 store
|
modeStore.setCurrentMode(item) // 将模式code存入 store
|
||||||
|
|
||||||
//if (router.currentRoute.value.path === '/home/index') {
|
|
||||||
// 强制刷新页面
|
// 强制刷新页面
|
||||||
window.location.reload()
|
window.location.reload()
|
||||||
//} else {
|
|
||||||
// router.push({ path: '/home/index' });
|
|
||||||
//}
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
|||||||
@@ -1,218 +1,212 @@
|
|||||||
<template>
|
<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>
|
</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 -->
|
||||||
<ThemeDialog ref="themeRef"></ThemeDialog>
|
<ThemeDialog ref="themeRef"></ThemeDialog>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<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
|
// 初始化 i18n
|
||||||
const { t } = useI18n(); // 使用 t 方法替代 $t
|
const { t } = useI18n() // 使用 t 方法替代 $t
|
||||||
|
|
||||||
// 退出登录
|
// 退出登录
|
||||||
const logout = () => {
|
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) => {
|
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) => {
|
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 = () => {
|
const changeMode = () => {
|
||||||
authStore.changeModel();
|
authStore.changeModel()
|
||||||
};
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.userInfo {
|
.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 {
|
.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 {
|
.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),
|
||||||
:deep(.el-dropdown-menu__item.custom-dropdown-item.active:hover) {
|
: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>
|
</style>
|
||||||
|
|||||||
@@ -3,14 +3,14 @@ import { useUserStore } from '@/stores/modules/user'
|
|||||||
import { useAuthStore } from '@/stores/modules/auth'
|
import { useAuthStore } from '@/stores/modules/auth'
|
||||||
import { LOGIN_URL, ROUTER_WHITE_LIST } from '@/config'
|
import { LOGIN_URL, ROUTER_WHITE_LIST } from '@/config'
|
||||||
import { initDynamicRouter } from '@/routers/modules/dynamicRouter'
|
import { initDynamicRouter } from '@/routers/modules/dynamicRouter'
|
||||||
import { staticRouter, errorRouter } from '@/routers/modules/staticRouter'
|
import { staticRouter } from '@/routers/modules/staticRouter'
|
||||||
import NProgress from '@/config/nprogress'
|
import NProgress from '@/config/nprogress'
|
||||||
|
|
||||||
const mode = import.meta.env.VITE_ROUTER_MODE
|
const mode = import.meta.env.VITE_ROUTER_MODE
|
||||||
|
|
||||||
const routerMode = {
|
const routerMode = {
|
||||||
hash: () => createWebHashHistory(),
|
hash: () => createWebHashHistory(),
|
||||||
history: () => createWebHistory(),
|
history: () => createWebHistory()
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -30,76 +30,80 @@ const routerMode = {
|
|||||||
* @param meta.isKeepAlive ==> 当前路由是否缓存
|
* @param meta.isKeepAlive ==> 当前路由是否缓存
|
||||||
* */
|
* */
|
||||||
const router = createRouter({
|
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
|
* @description 路由拦截 beforeEach
|
||||||
* */
|
* */
|
||||||
router.beforeEach(async (to, from, next) => {
|
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 重置路由
|
* @description 重置路由
|
||||||
* */
|
* */
|
||||||
export const resetRouter = () => {
|
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 路由跳转错误
|
* @description 路由跳转错误
|
||||||
* */
|
* */
|
||||||
router.onError(error => {
|
router.onError(error => {
|
||||||
NProgress.done()
|
NProgress.done()
|
||||||
//console.warn('路由错误', error.message)
|
//console.warn('路由错误', error.message)
|
||||||
})
|
})
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @description 路由跳转结束
|
* @description 路由跳转结束
|
||||||
* */
|
* */
|
||||||
router.afterEach(() => {
|
router.afterEach(() => {
|
||||||
NProgress.done()
|
NProgress.done()
|
||||||
})
|
})
|
||||||
|
|
||||||
export default router
|
export default router
|
||||||
|
|||||||
@@ -1,5 +1,6 @@
|
|||||||
import { RouteRecordRaw } from 'vue-router'
|
import { type RouteRecordRaw } from 'vue-router'
|
||||||
import { HOME_URL, LOGIN_URL } from '@/config'
|
import { HOME_URL, LOGIN_URL } from '@/config'
|
||||||
|
|
||||||
export const Layout = () => import('@/layouts/index.vue')
|
export const Layout = () => import('@/layouts/index.vue')
|
||||||
/**
|
/**
|
||||||
* staticRouter (静态路由)
|
* staticRouter (静态路由)
|
||||||
|
|||||||
@@ -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({
|
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()
|
||||||
const { data: menuData } = await getAuthMenuListApi();
|
this.authButtonList = data
|
||||||
// 根据不同模式过滤菜单
|
},
|
||||||
const filteredMenu = modeStore.currentMode === '比对式'
|
// Get AuthMenuList
|
||||||
? filterMenuByExcludedNames(menuData, ['testSource', 'testScript', 'controlSource'])
|
async getAuthMenuList() {
|
||||||
: filterMenuByExcludedNames(menuData, ['standardDevice']);
|
const modeStore = useModeStore()
|
||||||
|
|
||||||
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" });
|
|
||||||
},
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
|
const { data: menuData } = await getAuthMenuListApi()
|
||||||
|
// 根据不同模式过滤菜单
|
||||||
|
const filteredMenu =
|
||||||
|
modeStore.currentMode === '比对式'
|
||||||
|
? 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 = 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 过滤后的菜单列表
|
* @returns 过滤后的菜单列表
|
||||||
*/
|
*/
|
||||||
function filterMenuByExcludedNames(menuList: any[], excludedNames: string[]): any[] {
|
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)
|
||||||
});
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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
|
* ipc
|
||||||
@@ -21,11 +26,14 @@ const Renderer =
|
|||||||
/**
|
/**
|
||||||
* ipc
|
* ipc
|
||||||
*/
|
*/
|
||||||
const ipc = Renderer.ipcRenderer || undefined
|
const ipc = Renderer.ipcRenderer || undefined;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 是否为EE环境
|
* 是否为EE环境
|
||||||
*/
|
*/
|
||||||
const isEE = ipc ? true : false
|
const isEE = ipc ? true : false;
|
||||||
|
|
||||||
|
export {
|
||||||
|
Renderer, ipc, isEE
|
||||||
|
};
|
||||||
|
|
||||||
export { Renderer, ipc, isEE }
|
|
||||||
|
|||||||
@@ -190,8 +190,8 @@ export default class SocketService {
|
|||||||
* WebSocket连接配置
|
* WebSocket连接配置
|
||||||
*/
|
*/
|
||||||
private config: SocketConfig = {
|
private config: SocketConfig = {
|
||||||
// url: 'ws://127.0.0.1:7777/hello',
|
url: 'ws://127.0.0.1:7777/hello',
|
||||||
url: 'ws://192.168.1.124:7777/hello',
|
// url: 'ws://192.168.1.124:7777/hello',
|
||||||
heartbeatInterval: 9000, // 9秒心跳间隔
|
heartbeatInterval: 9000, // 9秒心跳间隔
|
||||||
reconnectDelay: 5000, // 5秒重连延迟
|
reconnectDelay: 5000, // 5秒重连延迟
|
||||||
maxReconnectAttempts: 5, // 最多重连5次
|
maxReconnectAttempts: 5, // 最多重连5次
|
||||||
@@ -246,13 +246,13 @@ export default class SocketService {
|
|||||||
public connect(): Promise<void> | void {
|
public connect(): Promise<void> | void {
|
||||||
// 检查浏览器支持
|
// 检查浏览器支持
|
||||||
if (!window.WebSocket) {
|
if (!window.WebSocket) {
|
||||||
console.log('您的浏览器不支持WebSocket');
|
// console.log('您的浏览器不支持WebSocket');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 防止重复连接
|
// 防止重复连接
|
||||||
if (this.connectionStatus === ConnectionStatus.CONNECTING || this.connected) {
|
if (this.connectionStatus === ConnectionStatus.CONNECTING || this.connected) {
|
||||||
console.warn('WebSocket已连接或正在连接中');
|
// console.warn('WebSocket已连接或正在连接中');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -263,7 +263,7 @@ export default class SocketService {
|
|||||||
this.setupEventHandlersLegacy();
|
this.setupEventHandlersLegacy();
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
this.connectionStatus = ConnectionStatus.ERROR;
|
this.connectionStatus = ConnectionStatus.ERROR;
|
||||||
console.error('WebSocket连接失败:', error);
|
//console.error('WebSocket连接失败:', error);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -276,14 +276,14 @@ export default class SocketService {
|
|||||||
// 检查浏览器支持
|
// 检查浏览器支持
|
||||||
if (!window.WebSocket) {
|
if (!window.WebSocket) {
|
||||||
const error = '您的浏览器不支持WebSocket';
|
const error = '您的浏览器不支持WebSocket';
|
||||||
console.error(error);
|
//console.error(error);
|
||||||
reject(new Error(error));
|
reject(new Error(error));
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 防止重复连接
|
// 防止重复连接
|
||||||
if (this.connectionStatus === ConnectionStatus.CONNECTING || this.connected) {
|
if (this.connectionStatus === ConnectionStatus.CONNECTING || this.connected) {
|
||||||
console.warn('WebSocket已连接或正在连接中');
|
//console.warn('WebSocket已连接或正在连接中');
|
||||||
resolve();
|
resolve();
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -307,11 +307,11 @@ export default class SocketService {
|
|||||||
*/
|
*/
|
||||||
public registerCallBack<T = any>(messageType: string, callback: CallbackFunction<T>): void {
|
public registerCallBack<T = any>(messageType: string, callback: CallbackFunction<T>): void {
|
||||||
if (!messageType || typeof callback !== 'function') {
|
if (!messageType || typeof callback !== 'function') {
|
||||||
console.error('注册回调函数参数无效');
|
//console.error('注册回调函数参数无效');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
this.callBackMapping[messageType] = callback;
|
this.callBackMapping[messageType] = callback;
|
||||||
console.log(`注册消息处理器: ${messageType}`);
|
// console.log(`注册消息处理器: ${messageType}`);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -321,7 +321,7 @@ export default class SocketService {
|
|||||||
public unRegisterCallBack(messageType: string): void {
|
public unRegisterCallBack(messageType: string): void {
|
||||||
if (this.callBackMapping[messageType]) {
|
if (this.callBackMapping[messageType]) {
|
||||||
delete this.callBackMapping[messageType];
|
delete this.callBackMapping[messageType];
|
||||||
console.log(`注销消息处理器: ${messageType}`);
|
//console.log(`注销消息处理器: ${messageType}`);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -354,10 +354,10 @@ export default class SocketService {
|
|||||||
const message = typeof data === 'string' ? data : JSON.stringify(data);
|
const message = typeof data === 'string' ? data : JSON.stringify(data);
|
||||||
this.ws.send(message);
|
this.ws.send(message);
|
||||||
|
|
||||||
console.log('发送消息:', message);
|
//console.log('发送消息:', message);
|
||||||
resolve();
|
resolve();
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('发送消息失败:', error);
|
//console.error('发送消息失败:', error);
|
||||||
reject(error);
|
reject(error);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@@ -367,7 +367,7 @@ export default class SocketService {
|
|||||||
* 关闭WebSocket连接
|
* 关闭WebSocket连接
|
||||||
*/
|
*/
|
||||||
public closeWs(): void {
|
public closeWs(): void {
|
||||||
console.log('正在关闭WebSocket连接...');
|
//console.log('正在关闭WebSocket连接...');
|
||||||
|
|
||||||
// 清理心跳
|
// 清理心跳
|
||||||
this.clearHeartbeat();
|
this.clearHeartbeat();
|
||||||
@@ -383,7 +383,7 @@ export default class SocketService {
|
|||||||
this.connectRetryCount = 0;
|
this.connectRetryCount = 0;
|
||||||
this.sendRetryCount = 0;
|
this.sendRetryCount = 0;
|
||||||
|
|
||||||
console.log('WebSocket连接已关闭');
|
//console.log('WebSocket连接已关闭');
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -447,7 +447,7 @@ export default class SocketService {
|
|||||||
// 连接成功事件
|
// 连接成功事件
|
||||||
this.ws.onopen = () => {
|
this.ws.onopen = () => {
|
||||||
ElMessage.success("WebSocket连接服务端成功");
|
ElMessage.success("WebSocket连接服务端成功");
|
||||||
console.log('WebSocket连接成功');
|
// console.log('WebSocket连接成功');
|
||||||
this.connectionStatus = ConnectionStatus.CONNECTED;
|
this.connectionStatus = ConnectionStatus.CONNECTED;
|
||||||
this.connectRetryCount = 0;
|
this.connectRetryCount = 0;
|
||||||
this.startHeartbeat();
|
this.startHeartbeat();
|
||||||
@@ -456,7 +456,7 @@ export default class SocketService {
|
|||||||
|
|
||||||
// 连接关闭事件
|
// 连接关闭事件
|
||||||
this.ws.onclose = (event: CloseEvent) => {
|
this.ws.onclose = (event: CloseEvent) => {
|
||||||
console.log('WebSocket连接关闭', event.code, event.reason);
|
//console.log('WebSocket连接关闭', event.code, event.reason);
|
||||||
this.connectionStatus = ConnectionStatus.DISCONNECTED;
|
this.connectionStatus = ConnectionStatus.DISCONNECTED;
|
||||||
this.clearHeartbeat();
|
this.clearHeartbeat();
|
||||||
|
|
||||||
@@ -489,7 +489,7 @@ export default class SocketService {
|
|||||||
// 连接成功事件
|
// 连接成功事件
|
||||||
this.ws.onopen = () => {
|
this.ws.onopen = () => {
|
||||||
ElMessage.success("webSocket连接服务端成功了");
|
ElMessage.success("webSocket连接服务端成功了");
|
||||||
console.log('连接服务端成功了');
|
// console.log('连接服务端成功了');
|
||||||
this.connectionStatus = ConnectionStatus.CONNECTED;
|
this.connectionStatus = ConnectionStatus.CONNECTED;
|
||||||
this.connectRetryCount = 0;
|
this.connectRetryCount = 0;
|
||||||
this.startHeartbeat();
|
this.startHeartbeat();
|
||||||
@@ -497,7 +497,7 @@ export default class SocketService {
|
|||||||
|
|
||||||
// 连接关闭事件
|
// 连接关闭事件
|
||||||
this.ws.onclose = (event: CloseEvent) => {
|
this.ws.onclose = (event: CloseEvent) => {
|
||||||
console.log('连接webSocket服务端关闭');
|
// console.log('连接webSocket服务端关闭');
|
||||||
this.connectionStatus = ConnectionStatus.DISCONNECTED;
|
this.connectionStatus = ConnectionStatus.DISCONNECTED;
|
||||||
this.clearHeartbeat();
|
this.clearHeartbeat();
|
||||||
|
|
||||||
@@ -530,7 +530,7 @@ export default class SocketService {
|
|||||||
|
|
||||||
// 心跳响应处理
|
// 心跳响应处理
|
||||||
if (event.data === 'over') {
|
if (event.data === 'over') {
|
||||||
console.log(`${new Date().toLocaleTimeString()} - 收到心跳响应`);
|
// console.log(`${new Date().toLocaleTimeString()} - 收到心跳响应`);
|
||||||
this.lastResponseHeartTime = Date.now();
|
this.lastResponseHeartTime = Date.now();
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -553,7 +553,7 @@ export default class SocketService {
|
|||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// 非JSON格式的消息,作为普通文本处理
|
// 非JSON格式的消息,作为普通文本处理
|
||||||
console.log('收到非JSON格式消息:', event.data);
|
// console.log('收到非JSON格式消息:', event.data);
|
||||||
// 可以添加文本消息的处理逻辑
|
// 可以添加文本消息的处理逻辑
|
||||||
if (this.callBackMapping['text']) {
|
if (this.callBackMapping['text']) {
|
||||||
this.callBackMapping['text']({
|
this.callBackMapping['text']({
|
||||||
@@ -587,7 +587,7 @@ export default class SocketService {
|
|||||||
|
|
||||||
const delay = this.config.reconnectDelay! * this.connectRetryCount;
|
const delay = this.config.reconnectDelay! * this.connectRetryCount;
|
||||||
|
|
||||||
console.log(`尝试第${this.connectRetryCount}次重连,${delay}ms后开始...`);
|
// console.log(`尝试第${this.connectRetryCount}次重连,${delay}ms后开始...`);
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
try {
|
try {
|
||||||
@@ -674,7 +674,7 @@ export default class SocketService {
|
|||||||
*/
|
*/
|
||||||
private sendHeartbeat(): void {
|
private sendHeartbeat(): void {
|
||||||
if (this.connected && this.ws) {
|
if (this.connected && this.ws) {
|
||||||
console.log(`${new Date().toLocaleTimeString()} - 发送心跳消息`);
|
// console.log(`${new Date().toLocaleTimeString()} - 发送心跳消息`);
|
||||||
this.ws.send('alive');
|
this.ws.send('alive');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -158,7 +158,6 @@ const handleConnectEnd = (params: any) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const handleConnect = (params: any) => {
|
const handleConnect = (params: any) => {
|
||||||
console.log('连接信息:', params)
|
|
||||||
const sourceNode = nodes.value.find(node => node.id === params.source)
|
const sourceNode = nodes.value.find(node => node.id === params.source)
|
||||||
const targetNode = nodes.value.find(node => node.id === params.target)
|
const targetNode = nodes.value.find(node => node.id === params.target)
|
||||||
|
|
||||||
@@ -207,7 +206,6 @@ const devIds = ref<string[]>()
|
|||||||
const standardDevIds = ref<string[]>()
|
const standardDevIds = ref<string[]>()
|
||||||
|
|
||||||
const open = async () => {
|
const open = async () => {
|
||||||
console.log('开始打开通道配对')
|
|
||||||
edges.value = []
|
edges.value = []
|
||||||
devIds.value = prop.devIdList.map(d => d.id)
|
devIds.value = prop.devIdList.map(d => d.id)
|
||||||
standardDevIds.value = prop.pqStandardDevList.map(d => d.id)
|
standardDevIds.value = prop.pqStandardDevList.map(d => d.id)
|
||||||
|
|||||||
@@ -485,7 +485,7 @@ const getResults = async (code: any) => {
|
|||||||
|
|
||||||
// 判断是否为录波数据请求
|
// 判断是否为录波数据请求
|
||||||
const isWaveDataRequest = code === 'wave_data' || isWaveData.value
|
const isWaveDataRequest = code === 'wave_data' || isWaveData.value
|
||||||
console.log('isWaveDataRequest:', rowList.value.scriptType)
|
|
||||||
getContrastResult({
|
getContrastResult({
|
||||||
planId: checkStore.plan.id,
|
planId: checkStore.plan.id,
|
||||||
scriptType: rowList.value.scriptType,
|
scriptType: rowList.value.scriptType,
|
||||||
|
|||||||
@@ -304,7 +304,7 @@ watch(
|
|||||||
setLogList('error', newValue.data)
|
setLogList('error', newValue.data)
|
||||||
break
|
break
|
||||||
case 25003:
|
case 25003:
|
||||||
ElMessageBox.alert('录波对齐失败!', {
|
ElMessageBox.alert('录波数据异常!', {
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: '确定',
|
||||||
type: 'error'
|
type: 'error'
|
||||||
})
|
})
|
||||||
@@ -353,7 +353,70 @@ watch(
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
break
|
break
|
||||||
|
case 'flicker_data_check':
|
||||||
|
switch (newValue.code) {
|
||||||
|
case 25002:
|
||||||
|
setLogList('error', newValue.data)
|
||||||
|
break
|
||||||
|
case 25003:
|
||||||
|
ElMessageBox.alert('闪变收集失败!', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
type: 'error'
|
||||||
|
})
|
||||||
|
stopTimeCount()
|
||||||
|
break
|
||||||
|
case 25001: {
|
||||||
|
// 当录波校验完成时,更新录波项目的按钮状态
|
||||||
|
setLogList('info', '闪变校验完成!')
|
||||||
|
// 解析返回的数据
|
||||||
|
const waveData = JSON.parse(newValue.data)
|
||||||
|
// 找到录波项目并更新其状态
|
||||||
|
const waveResultItem = checkResult.find(item => item.scriptName === '闪变')
|
||||||
|
if (waveResultItem) {
|
||||||
|
// 根据返回的chnResult更新各个设备的通道状态
|
||||||
|
waveResultItem.devices.forEach(device => {
|
||||||
|
const deviceData = waveData.find((d: any) => d.deviceId === device.deviceId)
|
||||||
|
if (deviceData) {
|
||||||
|
// 根据实际返回的chnResult更新状态
|
||||||
|
deviceData.chnResult.forEach((result: number, index: number) => {
|
||||||
|
// 创建数字到枚举的映射
|
||||||
|
const resultMap: { [key: number]: CheckData.ChnCheckResultEnum } = {
|
||||||
|
1: CheckData.ChnCheckResultEnum.SUCCESS,
|
||||||
|
2: CheckData.ChnCheckResultEnum.FAIL,
|
||||||
|
3: CheckData.ChnCheckResultEnum.TIMEOUT,
|
||||||
|
4: CheckData.ChnCheckResultEnum.ERRORDATA,
|
||||||
|
5: CheckData.ChnCheckResultEnum.NOT_PART_IN_ERROR
|
||||||
|
}
|
||||||
|
|
||||||
|
// 使用映射关系设置状态,如果没有对应的映射则设为UNKNOWN
|
||||||
|
device.chnResult[index] = resultMap[result] || CheckData.ChnCheckResultEnum.UNKNOWN
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 触发响应式更新
|
||||||
|
checkResult.splice(0, 0)
|
||||||
|
stopTimeCount()
|
||||||
|
updatePercentage()
|
||||||
|
break
|
||||||
|
}
|
||||||
|
}
|
||||||
|
break
|
||||||
|
case 'QUIT_FUNEND$01':{
|
||||||
|
ElMessageBox.alert(newValue.data, '检测失败', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
type: 'error'
|
||||||
|
})
|
||||||
|
// 设置闪变项目为Unkonown 状态
|
||||||
|
const flickerResultItem = checkResult.find(item => item.code === 'F')
|
||||||
|
if (flickerResultItem) {
|
||||||
|
flickerResultItem.devices.forEach(device => {
|
||||||
|
device.chnResult.fill(CheckData.ChnCheckResultEnum.UNKNOWN)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
stopTimeCount()
|
||||||
|
break
|
||||||
|
}
|
||||||
case 'connect':
|
case 'connect':
|
||||||
switch (newValue.operateCode) {
|
switch (newValue.operateCode) {
|
||||||
case 'Contrast_Dev':
|
case 'Contrast_Dev':
|
||||||
@@ -407,12 +470,14 @@ watch(
|
|||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case 'yjc_sbtxjy' :
|
case 'yjc_sbtxjy' :
|
||||||
ElMessageBox.alert('重复的初始化操作!', '检测失败', {
|
if (newValue.code == 10552) {
|
||||||
confirmButtonText: '确定',
|
ElMessageBox.alert('重复的初始化操作!', '检测失败', {
|
||||||
type: 'error',
|
confirmButtonText: '确定',
|
||||||
})
|
type: 'error',
|
||||||
setLogList('error', '重复的初始化操作!')
|
})
|
||||||
stopTimeCount()
|
setLogList('error', '重复的初始化操作!')
|
||||||
|
stopTimeCount()
|
||||||
|
}
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
if (checkStore.selectTestItems.preTest == false && newValue.requestId != 'formal_real') {
|
if (checkStore.selectTestItems.preTest == false && newValue.requestId != 'formal_real') {
|
||||||
@@ -480,9 +545,10 @@ watch(
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (newValue.code == 25007) {
|
if (newValue.code == 25007) {
|
||||||
|
|
||||||
// 设置闪变项目为LOADING状态
|
// 设置闪变项目为LOADING状态
|
||||||
const flickerResultItem = checkResult.find(item => item.code === 'flicker_data')
|
const flickerResultItem = checkResult.find(item => item.code === 'F')
|
||||||
|
|
||||||
if (flickerResultItem) {
|
if (flickerResultItem) {
|
||||||
flickerResultItem.devices.forEach(device => {
|
flickerResultItem.devices.forEach(device => {
|
||||||
device.chnResult.fill(CheckData.ChnCheckResultEnum.LOADING)
|
device.chnResult.fill(CheckData.ChnCheckResultEnum.LOADING)
|
||||||
@@ -497,7 +563,7 @@ watch(
|
|||||||
scriptName: item.scriptName,
|
scriptName: item.scriptName,
|
||||||
devices: []
|
devices: []
|
||||||
}
|
}
|
||||||
|
|
||||||
// 特殊处理录波项目 - 如果是25005消息且当前项目是录波项目,则使用已设置的状态
|
// 特殊处理录波项目 - 如果是25005消息且当前项目是录波项目,则使用已设置的状态
|
||||||
if ((newValue.code == 25005 || newValue.code == 25006) && item.code === 'wave_data') {
|
if ((newValue.code == 25005 || newValue.code == 25006) && item.code === 'wave_data') {
|
||||||
|
|
||||||
@@ -506,13 +572,16 @@ watch(
|
|||||||
temp.devices = [...existingWaveItem.devices] // 保留已设置的devices
|
temp.devices = [...existingWaveItem.devices] // 保留已设置的devices
|
||||||
}
|
}
|
||||||
} // 特殊处理闪变项目 - 如果是25007消息且当前项目是闪变项目,则使用已设置的状态
|
} // 特殊处理闪变项目 - 如果是25007消息且当前项目是闪变项目,则使用已设置的状态
|
||||||
else if (newValue.code == 25007 && item.code === 'PST') {
|
else if (newValue.code == 25007 && item.code === 'F') {
|
||||||
const existingFlickerItem = checkResult.find(checkItem => checkItem.scriptType === 'PST')
|
|
||||||
|
const existingFlickerItem = checkResult.find(checkItem => checkItem.scriptName === '闪变')
|
||||||
|
|
||||||
if (existingFlickerItem) {
|
if (existingFlickerItem) {
|
||||||
temp.devices = [...existingFlickerItem.devices] // 保留已设置的devices
|
temp.devices = [...existingFlickerItem.devices] // 保留已设置的devices
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
|
|
||||||
// 找到message中所有scriptName与当前item.code匹配的项
|
// 找到message中所有scriptName与当前item.code匹配的项
|
||||||
const matchedDevices = message
|
const matchedDevices = message
|
||||||
.filter((msg: any) => msg.scriptName === item.code)
|
.filter((msg: any) => msg.scriptName === item.code)
|
||||||
@@ -526,7 +595,7 @@ watch(
|
|||||||
temp.devices.push(...matchedDevices)
|
temp.devices.push(...matchedDevices)
|
||||||
|
|
||||||
// 对于未匹配到的设备,也要添加占位符(特别是录波项目)
|
// 对于未匹配到的设备,也要添加占位符(特别是录波项目)
|
||||||
if (item.code === 'wave_data' || item.code === 'PST') {
|
if (item.code === 'wave_data' || item.code === 'F') {
|
||||||
deviceList.forEach(device => {
|
deviceList.forEach(device => {
|
||||||
const isDeviceExist = matchedDevices.some((matchedDevice: any) => matchedDevice.deviceId === device.deviceId)
|
const isDeviceExist = matchedDevices.some((matchedDevice: any) => matchedDevice.deviceId === device.deviceId)
|
||||||
if (!isDeviceExist) {
|
if (!isDeviceExist) {
|
||||||
@@ -535,7 +604,7 @@ watch(
|
|||||||
deviceId: device.deviceId,
|
deviceId: device.deviceId,
|
||||||
deviceName: device.deviceName,
|
deviceName: device.deviceName,
|
||||||
chnResult: new Array(checkStore.chnNumList.length).fill(
|
chnResult: new Array(checkStore.chnNumList.length).fill(
|
||||||
item.code === 'wave_data' ?
|
item.code === 'wave_data' || item.code === 'F' ?
|
||||||
CheckData.ChnCheckResultEnum.UNKNOWN :
|
CheckData.ChnCheckResultEnum.UNKNOWN :
|
||||||
CheckData.ChnCheckResultEnum.UNKNOWN
|
CheckData.ChnCheckResultEnum.UNKNOWN
|
||||||
)
|
)
|
||||||
@@ -686,7 +755,7 @@ const initScriptData = async () => {
|
|||||||
// 保存脚本数据并设置总数
|
// 保存脚本数据并设置总数
|
||||||
scriptData.push(...temp)
|
scriptData.push(...temp)
|
||||||
checkTotal = scriptData.length
|
checkTotal = scriptData.length
|
||||||
console.log('shul',checkTotal)
|
|
||||||
}
|
}
|
||||||
// 初始化设备列表
|
// 初始化设备列表
|
||||||
const initDeviceList = () => {
|
const initDeviceList = () => {
|
||||||
@@ -696,7 +765,6 @@ const initDeviceList = () => {
|
|||||||
// 初始化检测结果 (详细到通道)
|
// 初始化检测结果 (详细到通道)
|
||||||
const initCheckResult = (defaultValue: CheckData.ChnCheckResultEnum) => {
|
const initCheckResult = (defaultValue: CheckData.ChnCheckResultEnum) => {
|
||||||
let result: CheckData.ScriptChnItem[] = []
|
let result: CheckData.ScriptChnItem[] = []
|
||||||
|
|
||||||
scriptData.forEach(item => {
|
scriptData.forEach(item => {
|
||||||
let temp: CheckData.ScriptChnItem = {
|
let temp: CheckData.ScriptChnItem = {
|
||||||
scriptType: item.id,
|
scriptType: item.id,
|
||||||
@@ -709,7 +777,7 @@ const initCheckResult = (defaultValue: CheckData.ChnCheckResultEnum) => {
|
|||||||
let tempChnResult: CheckData.ChnCheckResultEnum[] = []
|
let tempChnResult: CheckData.ChnCheckResultEnum[] = []
|
||||||
for (let j = 0; j < checkStore.chnNumList.length; j++) {
|
for (let j = 0; j < checkStore.chnNumList.length; j++) {
|
||||||
// 录波项目初始化为UNKNOWN状态,其他项目使用传入的默认值
|
// 录波项目初始化为UNKNOWN状态,其他项目使用传入的默认值
|
||||||
if ((item.code === 'wave_data' || item.code === 'PST')&& checkTotal > 1) {
|
if ((item.code === 'wave_data' || item.code === 'F')&& checkTotal > 1) {
|
||||||
tempChnResult.push(CheckData.ChnCheckResultEnum.UNKNOWN)
|
tempChnResult.push(CheckData.ChnCheckResultEnum.UNKNOWN)
|
||||||
} else {
|
} else {
|
||||||
tempChnResult.push(defaultValue)
|
tempChnResult.push(defaultValue)
|
||||||
|
|||||||
@@ -374,7 +374,7 @@ const handleSubmitFast = async () => {
|
|||||||
})
|
})
|
||||||
preTestStatus.value = 'start'
|
preTestStatus.value = 'start'
|
||||||
if (checkStore.selectTestItems.test) {
|
if (checkStore.selectTestItems.test) {
|
||||||
console.log(111111)
|
|
||||||
|
|
||||||
testRef.value.initializeParameters()
|
testRef.value.initializeParameters()
|
||||||
testRef.value.showTestLog()
|
testRef.value.showTestLog()
|
||||||
@@ -413,12 +413,12 @@ const emit = defineEmits<{
|
|||||||
}>()
|
}>()
|
||||||
|
|
||||||
watch(preTestStatus, function (newValue, oldValue) {
|
watch(preTestStatus, function (newValue, oldValue) {
|
||||||
console.log('预检测状态', newValue, oldValue)
|
|
||||||
ActiveStatue.value = newValue
|
ActiveStatue.value = newValue
|
||||||
})
|
})
|
||||||
|
|
||||||
watch(TestStatus, function (newValue, oldValue) {
|
watch(TestStatus, function (newValue, oldValue) {
|
||||||
console.log('正式检测状态', newValue, oldValue)
|
|
||||||
|
|
||||||
ActiveStatue.value = newValue
|
ActiveStatue.value = newValue
|
||||||
})
|
})
|
||||||
@@ -431,13 +431,11 @@ watch(stepsActiveIndex, function (newValue, oldValue) {
|
|||||||
testRef.value.startTimeCount()
|
testRef.value.startTimeCount()
|
||||||
}, 500)
|
}, 500)
|
||||||
}
|
}
|
||||||
console.log('步骤索引', newValue, oldValue)
|
|
||||||
})
|
})
|
||||||
|
|
||||||
watch(ActiveStatue, function (newValue, oldValue) {
|
watch(ActiveStatue, function (newValue, oldValue) {
|
||||||
console.log('当前步骤状态-----', newValue)
|
|
||||||
console.log('stepsActiveIndex-----', stepsActiveIndex.value)
|
|
||||||
console.log('stepsTotalNum----', stepsTotalNum.value)
|
|
||||||
if (newValue === 'error') {
|
if (newValue === 'error') {
|
||||||
stepsActiveIndex.value = stepsTotalNum.value + 1
|
stepsActiveIndex.value = stepsTotalNum.value + 1
|
||||||
nextStepText.value = '检测失败'
|
nextStepText.value = '检测失败'
|
||||||
@@ -466,7 +464,7 @@ watch(ActiveStatue, function (newValue, oldValue) {
|
|||||||
})
|
})
|
||||||
|
|
||||||
const handleQuit = () => {
|
const handleQuit = () => {
|
||||||
console.log('handleQuit', ActiveStatue.value)
|
|
||||||
if (
|
if (
|
||||||
ActiveStatue.value !== 'success' &&
|
ActiveStatue.value !== 'success' &&
|
||||||
ActiveStatue.value !== 'waiting' &&
|
ActiveStatue.value !== 'waiting' &&
|
||||||
@@ -486,13 +484,13 @@ const handlePause = () => {
|
|||||||
testRef.value?.handlePause()
|
testRef.value?.handlePause()
|
||||||
}
|
}
|
||||||
const sendPause = () => {
|
const sendPause = () => {
|
||||||
console.log('发起暂停请求')
|
|
||||||
|
|
||||||
TestStatus.value = 'paused_ing'
|
TestStatus.value = 'paused_ing'
|
||||||
pauseTest()
|
pauseTest()
|
||||||
}
|
}
|
||||||
const sendResume = () => {
|
const sendResume = () => {
|
||||||
console.log('发起继续检测请求')
|
|
||||||
|
|
||||||
resumeTest({
|
resumeTest({
|
||||||
userPageId: JwtUtil.getLoginName(),
|
userPageId: JwtUtil.getLoginName(),
|
||||||
@@ -509,7 +507,7 @@ const sendResume = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const sendReCheck = () => {
|
const sendReCheck = () => {
|
||||||
console.log('发送重新检测指令')
|
|
||||||
startPreTest({
|
startPreTest({
|
||||||
userPageId: JwtUtil.getLoginName(),
|
userPageId: JwtUtil.getLoginName(),
|
||||||
devIds: checkStore.devices.map(item => item.deviceId),
|
devIds: checkStore.devices.map(item => item.deviceId),
|
||||||
@@ -524,7 +522,7 @@ const sendReCheck = () => {
|
|||||||
checkStore.selectTestItems.test
|
checkStore.selectTestItems.test
|
||||||
]
|
]
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
console.log(res)
|
|
||||||
if (res.code === 'A001014') {
|
if (res.code === 'A001014') {
|
||||||
ElMessageBox.alert('装置配置异常', '初始化失败', {
|
ElMessageBox.alert('装置配置异常', '初始化失败', {
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: '确定',
|
||||||
@@ -558,17 +556,17 @@ const nextStep = () => {
|
|||||||
stepsActiveIndex.value++
|
stepsActiveIndex.value++
|
||||||
for (let selectTestItemsKey in checkStore.selectTestItems) {
|
for (let selectTestItemsKey in checkStore.selectTestItems) {
|
||||||
if (tempStep == 0 && checkStore.selectTestItems[selectTestItemsKey]) {
|
if (tempStep == 0 && checkStore.selectTestItems[selectTestItemsKey]) {
|
||||||
console.log('selectTestItemsKey1')
|
|
||||||
stepsActiveView.value = idx
|
stepsActiveView.value = idx
|
||||||
stepsActive.value = idx
|
stepsActive.value = idx
|
||||||
|
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
if (checkStore.selectTestItems[selectTestItemsKey] && tempStep != 0) {
|
if (checkStore.selectTestItems[selectTestItemsKey] && tempStep != 0) {
|
||||||
console.log('selectTestItemsKey2')
|
|
||||||
tempStep--
|
tempStep--
|
||||||
}
|
}
|
||||||
console.log('selectTestItemsKey3', idx)
|
|
||||||
idx++
|
idx++
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -258,7 +258,7 @@ const handleNodeClick = async (data: any) => {
|
|||||||
currentDesc.value = data.sourceDesc
|
currentDesc.value = data.sourceDesc
|
||||||
scriptType = data.scriptType ?? scriptType
|
scriptType = data.scriptType ?? scriptType
|
||||||
|
|
||||||
console.log('点击左侧树节点触发事件handleNodeClick', checkIndex.value)
|
|
||||||
if (checkIndex.value !== '') {
|
if (checkIndex.value !== '') {
|
||||||
await updateTableData()
|
await updateTableData()
|
||||||
activeTab.value = 'resultTab'
|
activeTab.value = 'resultTab'
|
||||||
@@ -267,7 +267,7 @@ const handleNodeClick = async (data: any) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const handleErrorSysChange = async () => {
|
const handleErrorSysChange = async () => {
|
||||||
console.log('切换误差体系', formContent.errorSysId)
|
|
||||||
changeErrorSystem({
|
changeErrorSystem({
|
||||||
planId: checkStore.plan.id,
|
planId: checkStore.plan.id,
|
||||||
scriptId: checkStore.plan.scriptId,
|
scriptId: checkStore.plan.scriptId,
|
||||||
@@ -303,7 +303,7 @@ watch(
|
|||||||
)
|
)
|
||||||
|
|
||||||
const handleChnNumChange = async () => {
|
const handleChnNumChange = async () => {
|
||||||
console.log('通道号', formContent.chnNum)
|
|
||||||
// 发起请求,查询该测试项的检测结果
|
// 发起请求,查询该测试项的检测结果
|
||||||
const { data: resTreeDataTemp }: { data: CheckData.TreeItem[] } = await getTreeData({
|
const { data: resTreeDataTemp }: { data: CheckData.TreeItem[] } = await getTreeData({
|
||||||
scriptId: checkStore.plan.scriptId,
|
scriptId: checkStore.plan.scriptId,
|
||||||
@@ -330,7 +330,7 @@ watch(currentCheckItem, (newVal, oldVal) => {
|
|||||||
if (newVal.length == 2) {
|
if (newVal.length == 2) {
|
||||||
key += '_' + newVal[1]
|
key += '_' + newVal[1]
|
||||||
}
|
}
|
||||||
console.log('当前检测项', key)
|
|
||||||
doCurrentCheckItemUpdate(key)
|
doCurrentCheckItemUpdate(key)
|
||||||
} else {
|
} else {
|
||||||
activeTab.value = 'resultTab'
|
activeTab.value = 'resultTab'
|
||||||
@@ -618,7 +618,7 @@ const setCheckResultData = (data: CheckData.ResCheckResult | null) => {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
Object.assign(checkResultData, result)
|
Object.assign(checkResultData, result)
|
||||||
console.log('检测结果', checkResultData)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const exportRawDataHandler = () => {
|
const exportRawDataHandler = () => {
|
||||||
@@ -661,7 +661,7 @@ const setRawData = (data: CheckData.RawDataItem[]) => {
|
|||||||
})
|
})
|
||||||
rawTableData.length = 0
|
rawTableData.length = 0
|
||||||
Object.assign(rawTableData, data)
|
Object.assign(rawTableData, data)
|
||||||
console.log('原始数据', rawTableData)
|
|
||||||
}
|
}
|
||||||
const dataToShow = (num: number): string => {
|
const dataToShow = (num: number): string => {
|
||||||
if (num == null || num == undefined) {
|
if (num == null || num == undefined) {
|
||||||
|
|||||||
@@ -155,7 +155,7 @@ const handleConnectEnd = (params: any) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const handleConnect = (params: any) => {
|
const handleConnect = (params: any) => {
|
||||||
console.log('连接信息:', params)
|
|
||||||
const sourceNode = nodes.value.find(node => node.id === params.source)
|
const sourceNode = nodes.value.find(node => node.id === params.source)
|
||||||
const targetNode = nodes.value.find(node => node.id === params.target)
|
const targetNode = nodes.value.find(node => node.id === params.target)
|
||||||
|
|
||||||
|
|||||||
@@ -233,8 +233,7 @@ watch(testStatus, function (newValue, oldValue) {
|
|||||||
* 3. 表格数据的实时更新
|
* 3. 表格数据的实时更新
|
||||||
*/
|
*/
|
||||||
watch(webMsgSend, function (newValue, oldValue) {
|
watch(webMsgSend, function (newValue, oldValue) {
|
||||||
console.log('webMsgSend---code', newValue.code)
|
|
||||||
console.log('webMsgSend---requestId', newValue.requestId)
|
|
||||||
|
|
||||||
// 只有在非等待状态下才处理WebSocket消息
|
// 只有在非等待状态下才处理WebSocket消息
|
||||||
if (testStatus.value !== 'waiting') {
|
if (testStatus.value !== 'waiting') {
|
||||||
@@ -325,8 +324,7 @@ watch(webMsgSend, function (newValue, oldValue) {
|
|||||||
TableInit();
|
TableInit();
|
||||||
} else {
|
} else {
|
||||||
// ==================== 特定业务消息处理 ====================
|
// ==================== 特定业务消息处理 ====================
|
||||||
console.log('显示东西code', newValue.code)
|
|
||||||
console.log('显示东西requestId', newValue.requestId)
|
|
||||||
switch (newValue.requestId) {
|
switch (newValue.requestId) {
|
||||||
// 处理源通讯校验相关消息
|
// 处理源通讯校验相关消息
|
||||||
case 'yjc_ytxjy':
|
case 'yjc_ytxjy':
|
||||||
@@ -443,7 +441,7 @@ watch(webMsgSend, function (newValue, oldValue) {
|
|||||||
break;
|
break;
|
||||||
// ★★★ 处理系数校准核心业务消息 ★★★
|
// ★★★ 处理系数校准核心业务消息 ★★★
|
||||||
case 'Coefficient_Check':
|
case 'Coefficient_Check':
|
||||||
console.log("Coefficient_Checkactive", active.value);
|
|
||||||
|
|
||||||
// ==================== 第1阶段:大电压/电流系数下装 ====================
|
// ==================== 第1阶段:大电压/电流系数下装 ====================
|
||||||
switch (newValue.operateCode) {
|
switch (newValue.operateCode) {
|
||||||
@@ -523,7 +521,7 @@ watch(webMsgSend, function (newValue, oldValue) {
|
|||||||
switch (newValue.operateCode) {
|
switch (newValue.operateCode) {
|
||||||
case 'DATA_CHNFACTOR$02':
|
case 'DATA_CHNFACTOR$02':
|
||||||
// 接收并更新表格中的系数校准数据
|
// 接收并更新表格中的系数校准数据
|
||||||
console.log('表格', name.value)
|
|
||||||
|
|
||||||
// 遍历所有设备,找到匹配的表格项并更新数据
|
// 遍历所有设备,找到匹配的表格项并更新数据
|
||||||
for (let i = 0; i < name.value.length; i++) {
|
for (let i = 0; i < name.value.length; i++) {
|
||||||
@@ -594,17 +592,16 @@ watch(webMsgSend, function (newValue, oldValue) {
|
|||||||
firstCoefficientVO.aI = newValue.data.aI;
|
firstCoefficientVO.aI = newValue.data.aI;
|
||||||
firstCoefficientVO.bI = newValue.data.bI;
|
firstCoefficientVO.bI = newValue.data.bI;
|
||||||
firstCoefficientVO.cI = newValue.data.cI;
|
firstCoefficientVO.cI = newValue.data.cI;
|
||||||
|
|
||||||
console.log(newValue.data.devName + '对象:', firstCoefficientVO);
|
|
||||||
activeIndex.value++; // 更新活跃索引
|
activeIndex.value++; // 更新活跃索引
|
||||||
} else {
|
} else {
|
||||||
console.log('未找到匹配的' + newValue.data.devName + '对象');
|
//console.log('未找到匹配的' + newValue.data.devName + '对象');
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
console.log(newValue.data.devName + '数组为空');
|
//console.log(newValue.data.devName + '数组为空');
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
console.log('未找到' + newValue.data.devName + '对应的数组');
|
//console.log('未找到' + newValue.data.devName + '对应的数组');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
@@ -655,7 +652,7 @@ watch(webMsgSend, function (newValue, oldValue) {
|
|||||||
* 通知父组件检测失败,重置相关状态
|
* 通知父组件检测失败,重置相关状态
|
||||||
*/
|
*/
|
||||||
const TableInit = () => {
|
const TableInit = () => {
|
||||||
console.log("出错系数检测",active.value);
|
|
||||||
// 通知父组件系数校准失败
|
// 通知父组件系数校准失败
|
||||||
emit('update:testStatus', 'error')
|
emit('update:testStatus', 'error')
|
||||||
}
|
}
|
||||||
@@ -667,7 +664,7 @@ const TableInit = () => {
|
|||||||
* @param desc 描述:'系数下装' | '系数校准'
|
* @param desc 描述:'系数下装' | '系数校准'
|
||||||
*/
|
*/
|
||||||
const tableLoading = (type: string, desc: string) => {
|
const tableLoading = (type: string, desc: string) => {
|
||||||
console.log('转动',channel.value)
|
|
||||||
|
|
||||||
// 遍历所有设备
|
// 遍历所有设备
|
||||||
for (let i = 0; i < channel.value.length; i++) {
|
for (let i = 0; i < channel.value.length; i++) {
|
||||||
@@ -688,7 +685,7 @@ const tableLoading = (type: string, desc: string) => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
console.log('不转了')
|
//console.log('不转了')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -868,7 +865,7 @@ const handleSubmit = async () => {
|
|||||||
isButtonDisabled.value = true; // 禁用按钮,防止重复提交
|
isButtonDisabled.value = true; // 禁用按钮,防止重复提交
|
||||||
tableLoading('big', '系数下装') // 开启大幅值系数下装的加载动画
|
tableLoading('big', '系数下装') // 开启大幅值系数下装的加载动画
|
||||||
active.value++; // 步骤进度+1,进入第一个校准阶段
|
active.value++; // 步骤进度+1,进入第一个校准阶段
|
||||||
console.log('开始检测active.value', active.value)
|
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@@ -389,7 +389,7 @@ watch(webMsgSend, function (newValue, oldValue) {
|
|||||||
ts.value = 'success'
|
ts.value = 'success'
|
||||||
}
|
}
|
||||||
activeIndex.value = 5
|
activeIndex.value = 5
|
||||||
console.log("@@@@", ts.value)
|
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
|
|||||||
@@ -86,7 +86,7 @@ const resultData = ref([
|
|||||||
])
|
])
|
||||||
|
|
||||||
const handleClick = (row: any) => {
|
const handleClick = (row: any) => {
|
||||||
console.log(111)
|
|
||||||
DataCheckDialogVisible.value = true
|
DataCheckDialogVisible.value = true
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -468,14 +468,14 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
|
|||||||
{
|
{
|
||||||
prop: 'recheckNum',
|
prop: 'recheckNum',
|
||||||
label: '检测次数',
|
label: '检测次数',
|
||||||
minWidth: 100,
|
minWidth: 110,
|
||||||
sortable: true,
|
sortable: true,
|
||||||
isShow: modeStore.currentMode != '比对式'
|
isShow: modeStore.currentMode != '比对式'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'checkState',
|
prop: 'checkState',
|
||||||
label: '检测状态',
|
label: '检测状态',
|
||||||
minWidth: 100,
|
minWidth: 110,
|
||||||
sortable: true,
|
sortable: true,
|
||||||
isShow: checkStateShow,
|
isShow: checkStateShow,
|
||||||
render: scope => {
|
render: scope => {
|
||||||
@@ -485,7 +485,7 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
|
|||||||
{
|
{
|
||||||
prop: 'checkResult',
|
prop: 'checkResult',
|
||||||
label: '检测结果',
|
label: '检测结果',
|
||||||
minWidth: 100,
|
minWidth: 110,
|
||||||
sortable: true,
|
sortable: true,
|
||||||
render: scope => {
|
render: scope => {
|
||||||
if (scope.row.checkResult === 0) {
|
if (scope.row.checkResult === 0) {
|
||||||
@@ -501,7 +501,7 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
|
|||||||
{
|
{
|
||||||
prop: 'reportState',
|
prop: 'reportState',
|
||||||
label: '报告状态',
|
label: '报告状态',
|
||||||
minWidth: 100,
|
minWidth: 110,
|
||||||
sortable: true,
|
sortable: true,
|
||||||
render: scope => {
|
render: scope => {
|
||||||
if (scope.row.reportState === 0) {
|
if (scope.row.reportState === 0) {
|
||||||
@@ -519,7 +519,7 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
|
|||||||
{
|
{
|
||||||
prop: 'factorCheckResult',
|
prop: 'factorCheckResult',
|
||||||
label: '系数校准结果',
|
label: '系数校准结果',
|
||||||
minWidth: 100,
|
minWidth: 140,
|
||||||
sortable: true,
|
sortable: true,
|
||||||
isShow: factorCheckShow.value && appSceneStore.currentScene === '1',
|
isShow: factorCheckShow.value && appSceneStore.currentScene === '1',
|
||||||
render: scope => {
|
render: scope => {
|
||||||
@@ -595,7 +595,7 @@ const handleRefresh = () => {
|
|||||||
|
|
||||||
// 表格排序
|
// 表格排序
|
||||||
const sortTable = ({ newIndex, oldIndex }: { newIndex?: number; oldIndex?: number }) => {
|
const sortTable = ({ newIndex, oldIndex }: { newIndex?: number; oldIndex?: number }) => {
|
||||||
console.log(newIndex, oldIndex) // 避免未使用参数警告
|
|
||||||
ElMessage.success('修改列表排序成功')
|
ElMessage.success('修改列表排序成功')
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -16,7 +16,7 @@ interface User {
|
|||||||
address: string
|
address: string
|
||||||
}
|
}
|
||||||
const handleClick = (row:any) => {
|
const handleClick = (row:any) => {
|
||||||
console.log(111)
|
|
||||||
};
|
};
|
||||||
const tableRowClassName = ({
|
const tableRowClassName = ({
|
||||||
row,
|
row,
|
||||||
|
|||||||
@@ -303,7 +303,7 @@ let count = 0
|
|||||||
|
|
||||||
// 监听WebSocket消息变化,处理各种检测状态和错误
|
// 监听WebSocket消息变化,处理各种检测状态和错误
|
||||||
watch(webMsgSend, function(newValue, oldValue) {
|
watch(webMsgSend, function(newValue, oldValue) {
|
||||||
console.log('webMsgSend', newValue)
|
|
||||||
// 只在非等待状态下处理消息
|
// 只在非等待状态下处理消息
|
||||||
if (testStatus.value !== 'waiting') {
|
if (testStatus.value !== 'waiting') {
|
||||||
// 步骤4:正式检测阶段的消息处理
|
// 步骤4:正式检测阶段的消息处理
|
||||||
@@ -637,7 +637,7 @@ watch(webMsgSend, function(newValue, oldValue) {
|
|||||||
break
|
break
|
||||||
// 检测结束
|
// 检测结束
|
||||||
case 'Quit':
|
case 'Quit':
|
||||||
console.log('检测结束')
|
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1113,7 +1113,7 @@ const pauseSuccessCallback = () => {
|
|||||||
log: `${new Date().toLocaleString()}:暂停检测`,
|
log: `${new Date().toLocaleString()}:暂停检测`,
|
||||||
})
|
})
|
||||||
stopTimeCount()
|
stopTimeCount()
|
||||||
console.log('暂停中')
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -1123,7 +1123,7 @@ const handleResumeTest = () => {
|
|||||||
startData.value = new Date()
|
startData.value = new Date()
|
||||||
testLogList.push({ type: 'info', log: `${new Date().toLocaleString()}:开始重新检测!` })
|
testLogList.push({ type: 'info', log: `${new Date().toLocaleString()}:开始重新检测!` })
|
||||||
resumeTimeCount()
|
resumeTimeCount()
|
||||||
console.log('开始继续检测')
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// ========== 测试项索引管理函数 ==========
|
// ========== 测试项索引管理函数 ==========
|
||||||
|
|||||||
@@ -325,7 +325,7 @@ const handleSubmitFast = () => {
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
console.log('handleSubmit', stepsActive.value, TestStatus.value)
|
|
||||||
|
|
||||||
// 根据当前激活的步骤执行对应的检测逻辑
|
// 根据当前激活的步骤执行对应的检测逻辑
|
||||||
switch (stepsActive.value) {
|
switch (stepsActive.value) {
|
||||||
@@ -442,28 +442,28 @@ const emit = defineEmits<{
|
|||||||
// ====================== 状态监听器 ======================
|
// ====================== 状态监听器 ======================
|
||||||
// 监听各个检测步骤的状态变化,并同步到总体状态
|
// 监听各个检测步骤的状态变化,并同步到总体状态
|
||||||
watch(preTestStatus, function (newValue, oldValue) {
|
watch(preTestStatus, function (newValue, oldValue) {
|
||||||
console.log('预检测状态变化:', newValue, oldValue)
|
|
||||||
ActiveStatue.value = newValue // 同步到总体状态
|
ActiveStatue.value = newValue // 同步到总体状态
|
||||||
})
|
})
|
||||||
|
|
||||||
watch(timeTestStatus, function (newValue, oldValue) {
|
watch(timeTestStatus, function (newValue, oldValue) {
|
||||||
console.log('守时检测状态变化:', newValue, oldValue)
|
|
||||||
ActiveStatue.value = newValue // 同步到总体状态
|
ActiveStatue.value = newValue // 同步到总体状态
|
||||||
})
|
})
|
||||||
|
|
||||||
watch(channelsTestStatus, function (newValue, oldValue) {
|
watch(channelsTestStatus, function (newValue, oldValue) {
|
||||||
console.log('系数校准状态变化:', newValue, oldValue)
|
|
||||||
ActiveStatue.value = newValue // 同步到总体状态
|
ActiveStatue.value = newValue // 同步到总体状态
|
||||||
})
|
})
|
||||||
|
|
||||||
watch(TestStatus, function (newValue, oldValue) {
|
watch(TestStatus, function (newValue, oldValue) {
|
||||||
console.log('正式检测状态变化:', newValue, oldValue)
|
|
||||||
ActiveStatue.value = newValue // 同步到总体状态
|
ActiveStatue.value = newValue // 同步到总体状态
|
||||||
})
|
})
|
||||||
|
|
||||||
// 监听总体状态变化,处理步骤切换和错误状态
|
// 监听总体状态变化,处理步骤切换和错误状态
|
||||||
watch(ActiveStatue, function (newValue, oldValue) {
|
watch(ActiveStatue, function (newValue, oldValue) {
|
||||||
console.log('总体状态变化:', newValue, oldValue)
|
|
||||||
|
|
||||||
// 处理错误状态
|
// 处理错误状态
|
||||||
if (newValue === 'error') {
|
if (newValue === 'error') {
|
||||||
@@ -474,21 +474,21 @@ watch(ActiveStatue, function (newValue, oldValue) {
|
|||||||
// 处理成功完成状态(已到达最后一个检测步骤)
|
// 处理成功完成状态(已到达最后一个检测步骤)
|
||||||
if (newValue === 'success' && stepsActiveIndex.value === stepsTotalNum.value - 1) {
|
if (newValue === 'success' && stepsActiveIndex.value === stepsTotalNum.value - 1) {
|
||||||
stepsActiveIndex.value += 2 // 跳到完成状态
|
stepsActiveIndex.value += 2 // 跳到完成状态
|
||||||
console.log('success')
|
|
||||||
nextStepText.value = '检测完成'
|
nextStepText.value = '检测完成'
|
||||||
}
|
}
|
||||||
|
|
||||||
// 处理连接超时状态
|
// 处理连接超时状态
|
||||||
if (newValue === 'connect_timeout') {
|
if (newValue === 'connect_timeout') {
|
||||||
stepsActiveIndex.value += 2 // 跳过当前步骤
|
stepsActiveIndex.value += 2 // 跳过当前步骤
|
||||||
console.log('connect_timeout')
|
|
||||||
nextStepText.value = '连接超时'
|
nextStepText.value = '连接超时'
|
||||||
}
|
}
|
||||||
|
|
||||||
// 处理暂停超时状态
|
// 处理暂停超时状态
|
||||||
if (newValue === 'pause_timeout') {
|
if (newValue === 'pause_timeout') {
|
||||||
stepsActiveIndex.value += 2 // 跳过当前步骤
|
stepsActiveIndex.value += 2 // 跳过当前步骤
|
||||||
console.log('pause_timeout')
|
|
||||||
nextStepText.value = '暂停超时'
|
nextStepText.value = '暂停超时'
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -504,7 +504,7 @@ watch(ActiveStatue, function (newValue, oldValue) {
|
|||||||
* 处理退出检测
|
* 处理退出检测
|
||||||
*/
|
*/
|
||||||
const handleQuit = () => {
|
const handleQuit = () => {
|
||||||
console.log('handleQuit', ActiveStatue.value)
|
|
||||||
|
|
||||||
// 可以直接关闭的安全状态:未检测、检测完成、检测失败或异常情况
|
// 可以直接关闭的安全状态:未检测、检测完成、检测失败或异常情况
|
||||||
const safeExitStates = [
|
const safeExitStates = [
|
||||||
@@ -543,7 +543,7 @@ const handlePause = () => {
|
|||||||
* 发送暂停指令
|
* 发送暂停指令
|
||||||
*/
|
*/
|
||||||
const sendPause = () => {
|
const sendPause = () => {
|
||||||
console.log('发起暂停请求')
|
|
||||||
|
|
||||||
TestStatus.value = 'paused_ing' // 设置为暂停中状态
|
TestStatus.value = 'paused_ing' // 设置为暂停中状态
|
||||||
pauseTest() // 调用暂停API
|
pauseTest() // 调用暂停API
|
||||||
@@ -553,7 +553,7 @@ const sendPause = () => {
|
|||||||
* 发送继续检测指令
|
* 发送继续检测指令
|
||||||
*/
|
*/
|
||||||
const sendResume = () => {
|
const sendResume = () => {
|
||||||
console.log('发起继续检测请求')
|
|
||||||
// 调用继续检测API
|
// 调用继续检测API
|
||||||
resumeTest({
|
resumeTest({
|
||||||
userPageId: JwtUtil.getLoginName(),
|
userPageId: JwtUtil.getLoginName(),
|
||||||
|
|||||||
@@ -268,7 +268,7 @@ function addMillisecondsToDate(dateString: string, millisecondsToAdd: number): D
|
|||||||
|
|
||||||
watch(activeIndex, function (newValue, oldValue) {
|
watch(activeIndex, function (newValue, oldValue) {
|
||||||
|
|
||||||
console.log(activeIndex.value,111,stepsIndex.value,222)
|
|
||||||
|
|
||||||
if (activeIndex.value === 1) {
|
if (activeIndex.value === 1) {
|
||||||
startTime.value = formatDateTime(new Date());
|
startTime.value = formatDateTime(new Date());
|
||||||
|
|||||||
@@ -1,96 +1,21 @@
|
|||||||
<template>
|
<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>
|
||||||
</div> -->
|
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts" setup>
|
<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>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.homeView{
|
.homeView {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
// height: calc(100vh - 120px);
|
// height: calc(100vh - 120px);
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,288 +1,264 @@
|
|||||||
<!-- 模式切换页面 -->
|
<!-- 模式切换页面 -->
|
||||||
<template>
|
<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>
|
</template>
|
||||||
<script lang="ts" setup>
|
<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 = [
|
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) => {
|
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[]) => {
|
const handleSelect = (key: string, keyPath: string[]) => {
|
||||||
console.log(key, keyPath);
|
|
||||||
};
|
}
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
console.log();
|
|
||||||
});
|
})
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.box {
|
.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 {
|
.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-style: normal;
|
||||||
font-size: 20px;
|
color: #fff;
|
||||||
color: #ffffff;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 40px;
|
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) {
|
:deep(.el-sub-menu__title) {
|
||||||
border-bottom: 0 !important;
|
border-bottom: 0 !important;
|
||||||
outline: none !important;
|
outline: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
// .modeBG {
|
// .modeBG {
|
||||||
@@ -297,13 +273,12 @@ onMounted(() => {
|
|||||||
// ;
|
// ;
|
||||||
// }
|
// }
|
||||||
|
|
||||||
|
|
||||||
// }
|
// }
|
||||||
:deep(.el-carousel__container) {
|
:deep(.el-carousel__container) {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-carousel__item) {
|
:deep(.el-carousel__item) {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -96,12 +96,20 @@ const login = (formEl: FormInstance | undefined) => {
|
|||||||
username: forge.util.encode64(loginForm.username),
|
username: forge.util.encode64(loginForm.username),
|
||||||
password: encryptPassword(loginForm.password)
|
password: encryptPassword(loginForm.password)
|
||||||
})
|
})
|
||||||
|
ElNotification({
|
||||||
|
title: getTimeState(),
|
||||||
|
message: '登录成功',
|
||||||
|
type: 'success',
|
||||||
|
duration: 3000
|
||||||
|
})
|
||||||
userStore.setAccessToken(data.accessToken)
|
userStore.setAccessToken(data.accessToken)
|
||||||
userStore.setRefreshToken(data.refreshToken)
|
userStore.setRefreshToken(data.refreshToken)
|
||||||
userStore.setUserInfo(data.userInfo)
|
userStore.setUserInfo(data.userInfo)
|
||||||
if (loginForm.checked) {
|
if (loginForm.checked) {
|
||||||
userStore.setExp(Date.now() + 1000 * 60 * 60 * 24 * 30)
|
userStore.setExp(Date.now() + 1000 * 60 * 60 * 24 * 30)
|
||||||
}
|
}
|
||||||
|
// 设置激活信息
|
||||||
|
await authStore.setActivateInfo()
|
||||||
const response = await getDictList()
|
const response = await getDictList()
|
||||||
const dictData = response.data as unknown as Dict[]
|
const dictData = response.data as unknown as Dict[]
|
||||||
await dictStore.initDictData(dictData)
|
await dictStore.initDictData(dictData)
|
||||||
@@ -109,19 +117,12 @@ const login = (formEl: FormInstance | undefined) => {
|
|||||||
await initDynamicRouter()
|
await initDynamicRouter()
|
||||||
|
|
||||||
// 3.清空 tabs、keepAlive 数据
|
// 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 {
|
} finally {
|
||||||
loading.value = false
|
loading.value = false
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -299,7 +299,7 @@ watch(
|
|||||||
if (props.formControl.scriptId != '') {
|
if (props.formControl.scriptId != '') {
|
||||||
nextTick(async () => {
|
nextTick(async () => {
|
||||||
await getTree()
|
await getTree()
|
||||||
console.log('props.formControl.scriptId')
|
|
||||||
treeRef.value.checkTree()
|
treeRef.value.checkTree()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -129,11 +129,9 @@ function findFirstLeafNode(node: any): any {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const checkTree = () => {
|
const checkTree = () => {
|
||||||
console.log('checkTree11')
|
|
||||||
console.log('checkTree22',props.treeData.length)
|
|
||||||
console.log('checkTree33',treeRef.value)
|
|
||||||
if (props.treeData.length > 0 && treeRef.value) {
|
if (props.treeData.length > 0 && treeRef.value) {
|
||||||
console.log('checkTree44')
|
|
||||||
const firstNode = props.treeData[0];
|
const firstNode = props.treeData[0];
|
||||||
const firstLeafNode = findFirstLeafNode(firstNode);
|
const firstLeafNode = findFirstLeafNode(firstNode);
|
||||||
const firstLeafNodeId = firstLeafNode.id;
|
const firstLeafNodeId = firstLeafNode.id;
|
||||||
@@ -143,7 +141,7 @@ const checkTree = () => {
|
|||||||
|
|
||||||
// 确保在组件挂载后也执行一次
|
// 确保在组件挂载后也执行一次
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
console.log('onMounted',props.treeData);
|
|
||||||
nextTick(() => {
|
nextTick(() => {
|
||||||
checkTree()
|
checkTree()
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -184,7 +184,7 @@ onMounted(async () => {
|
|||||||
})
|
})
|
||||||
|
|
||||||
watch(webMsgSend, function (newValue, oldValue) {
|
watch(webMsgSend, function (newValue, oldValue) {
|
||||||
console.log('webMsgSend:', newValue)
|
|
||||||
if (newValue.requestId.includes('formal_real&&') && newValue.operateCode === 'OPER_GATHER') {
|
if (newValue.requestId.includes('formal_real&&') && newValue.operateCode === 'OPER_GATHER') {
|
||||||
if (newValue.code === 10200) {
|
if (newValue.code === 10200) {
|
||||||
ElMessage.success('启动成功!')
|
ElMessage.success('启动成功!')
|
||||||
@@ -195,7 +195,7 @@ watch(webMsgSend, function (newValue, oldValue) {
|
|||||||
ElMessage.error('启动失败!')
|
ElMessage.error('启动失败!')
|
||||||
startDisabeld.value = false
|
startDisabeld.value = false
|
||||||
pauseDisabled.value = true
|
pauseDisabled.value = true
|
||||||
console.log('错误信息:',webMsgSend)
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (newValue.requestId.includes('close_source') && newValue.operateCode === 'CLOSE_GATHER') {
|
if (newValue.requestId.includes('close_source') && newValue.operateCode === 'CLOSE_GATHER') {
|
||||||
@@ -211,7 +211,7 @@ watch(webMsgSend, function (newValue, oldValue) {
|
|||||||
ElMessage.error('停止失败!')
|
ElMessage.error('停止失败!')
|
||||||
startDisabeld.value = true
|
startDisabeld.value = true
|
||||||
pauseDisabled.value = false
|
pauseDisabled.value = false
|
||||||
console.log('错误信息:',webMsgSend)
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
switch (newValue.requestId) {
|
switch (newValue.requestId) {
|
||||||
|
|||||||
@@ -138,7 +138,7 @@ const columns = reactive<ColumnProps<Monitor.ResPqMon>[]>([
|
|||||||
const emit = defineEmits(['get-parameter'])
|
const emit = defineEmits(['get-parameter'])
|
||||||
|
|
||||||
const getParameter = (data: Monitor.ResPqMon) => {
|
const getParameter = (data: Monitor.ResPqMon) => {
|
||||||
console.log('data', data)
|
|
||||||
if (title_Type.value === 'edit') {
|
if (title_Type.value === 'edit') {
|
||||||
// 编辑:替换已有的数据
|
// 编辑:替换已有的数据
|
||||||
const index = tableData.value.findIndex(item => item.id === data.id)
|
const index = tableData.value.findIndex(item => item.id === data.id)
|
||||||
|
|||||||
@@ -85,7 +85,7 @@ const handleInputRetainTime = value => {
|
|||||||
props.childForm[0].dipData.retainTime = 300
|
props.childForm[0].dipData.retainTime = 300
|
||||||
emit('setRetainTime', 300 )
|
emit('setRetainTime', 300 )
|
||||||
}else{
|
}else{
|
||||||
console.log(props);
|
|
||||||
|
|
||||||
emit('setRetainTime', value )
|
emit('setRetainTime', value )
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -37,7 +37,7 @@ const defaultProps = {
|
|||||||
const activeName = ref('')
|
const activeName = ref('')
|
||||||
const childActiveName = ref('')
|
const childActiveName = ref('')
|
||||||
const handleNodeClick = (data, node) => {
|
const handleNodeClick = (data, node) => {
|
||||||
console.log('handleNodeClick', data, node)
|
|
||||||
let code = ['Base', 'VOL', 'Freq', 'Harm', 'Base_0_10', 'Base_20_85', 'Base_110_200']
|
let code = ['Base', 'VOL', 'Freq', 'Harm', 'Base_0_10', 'Base_20_85', 'Base_110_200']
|
||||||
const parents = getParentNodes(node, [])
|
const parents = getParentNodes(node, [])
|
||||||
parents.pop()
|
parents.pop()
|
||||||
|
|||||||
@@ -53,7 +53,7 @@
|
|||||||
const proTable = ref<ProTableInstance>()
|
const proTable = ref<ProTableInstance>()
|
||||||
|
|
||||||
const getTableList = (params: any) => {
|
const getTableList = (params: any) => {
|
||||||
console.log("getTableList",params)
|
|
||||||
let newParams = JSON.parse(JSON.stringify(params))
|
let newParams = JSON.parse(JSON.stringify(params))
|
||||||
const patternId = dictStore.getDictData('Pattern').find(item=>item.name=== modeStore.currentMode)?.id//获取数据字典中对应的id
|
const patternId = dictStore.getDictData('Pattern').find(item=>item.name=== modeStore.currentMode)?.id//获取数据字典中对应的id
|
||||||
newParams.pattern = patternId
|
newParams.pattern = patternId
|
||||||
|
|||||||
@@ -128,7 +128,7 @@ const router = useRouter()
|
|||||||
const value1 = ref('')
|
const value1 = ref('')
|
||||||
const value2 = ref('')
|
const value2 = ref('')
|
||||||
const tableHeight = ref(0)
|
const tableHeight = ref(0)
|
||||||
console.log(window.innerHeight, '+++++++++')
|
|
||||||
tableHeight.value = window.innerHeight - 630
|
tableHeight.value = window.innerHeight - 630
|
||||||
|
|
||||||
//下拉框数据
|
//下拉框数据
|
||||||
@@ -443,8 +443,7 @@ const handleRefresh = () => {
|
|||||||
}
|
}
|
||||||
// 表格拖拽排序
|
// 表格拖拽排序
|
||||||
const sortTable = ({ newIndex, oldIndex }: { newIndex?: number; oldIndex?: number }) => {
|
const sortTable = ({ newIndex, oldIndex }: { newIndex?: number; oldIndex?: number }) => {
|
||||||
console.log(newIndex, oldIndex)
|
|
||||||
console.log(proTable.value?.tableData)
|
|
||||||
ElMessage.success('修改列表排序成功')
|
ElMessage.success('修改列表排序成功')
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -493,7 +492,7 @@ const handleTest = () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
console.log(proTable.value?.tableData)
|
|
||||||
})
|
})
|
||||||
defineExpose({ changeActiveTabs })
|
defineExpose({ changeActiveTabs })
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -94,7 +94,7 @@ const changeSelect=()=>{
|
|||||||
//console.log(treeRef.value.getCheckedKeys());
|
//console.log(treeRef.value.getCheckedKeys());
|
||||||
}
|
}
|
||||||
const handleNodeClick = (data) => {
|
const handleNodeClick = (data) => {
|
||||||
console.log(data);
|
|
||||||
};
|
};
|
||||||
const filterNode = (value: string, data) => {
|
const filterNode = (value: string, data) => {
|
||||||
if (!value) return true;
|
if (!value) return true;
|
||||||
@@ -105,7 +105,7 @@ const detail = (e: any) => {
|
|||||||
emit("jump", e);
|
emit("jump", e);
|
||||||
};
|
};
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
console.log();
|
|
||||||
});
|
});
|
||||||
defineExpose({ getTreeData,getCurrentIndex });
|
defineExpose({ getTreeData,getCurrentIndex });
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -289,7 +289,7 @@ const preTestData = [
|
|||||||
// 弹出数据查询页面
|
// 弹出数据查询页面
|
||||||
const handleClick = (item, index, vvs) => {
|
const handleClick = (item, index, vvs) => {
|
||||||
//const data = "检测脚本为:"+item.name+";被检设备为:"+item.children.value.devID+";被检通道序号为:"+ item.children.monitorIndex;
|
//const data = "检测脚本为:"+item.name+";被检设备为:"+item.children.value.devID+";被检通道序号为:"+ item.children.monitorIndex;
|
||||||
console.log(vvs, index, item.name, item.children)
|
|
||||||
PopupVisible.value = true
|
PopupVisible.value = true
|
||||||
showDataPopup.value.open()
|
showDataPopup.value.open()
|
||||||
}
|
}
|
||||||
@@ -379,7 +379,7 @@ const customColors = [
|
|||||||
]
|
]
|
||||||
//加载进度条
|
//加载进度条
|
||||||
const refreshProgress = () => {
|
const refreshProgress = () => {
|
||||||
console.log(currentIndex, totalNum, percentage.value)
|
|
||||||
if (percentage.value < 100) {
|
if (percentage.value < 100) {
|
||||||
percentage.value = Math.trunc((currentIndex / totalNum) * 100)
|
percentage.value = Math.trunc((currentIndex / totalNum) * 100)
|
||||||
} else {
|
} else {
|
||||||
@@ -397,7 +397,7 @@ const refreshProgress = () => {
|
|||||||
status: 0
|
status: 0
|
||||||
})
|
})
|
||||||
|
|
||||||
console.log('检测结束')
|
|
||||||
if (testModel.value === 'preTest') ElMessage.success('预检测过程全部结束')
|
if (testModel.value === 'preTest') ElMessage.success('预检测过程全部结束')
|
||||||
else if (testModel.value === 'Test')
|
else if (testModel.value === 'Test')
|
||||||
//ElMessage.success("正式检测全部结束,你可以停留在此页面查看检测结果,或返回首页进行复检、报告生成和归档等操作")
|
//ElMessage.success("正式检测全部结束,你可以停留在此页面查看检测结果,或返回首页进行复检、报告生成和归档等操作")
|
||||||
@@ -507,7 +507,7 @@ const handleFinishTest = () => {
|
|||||||
|
|
||||||
// 表格拖拽排序
|
// 表格拖拽排序
|
||||||
const sortTable = ({ newIndex, oldIndex }: { newIndex?: number; oldIndex?: number }) => {
|
const sortTable = ({ newIndex, oldIndex }: { newIndex?: number; oldIndex?: number }) => {
|
||||||
console.log(newIndex, oldIndex)
|
|
||||||
ElMessage.success('修改列表排序成功')
|
ElMessage.success('修改列表排序成功')
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -465,7 +465,7 @@ const addTab = (type: string) => {
|
|||||||
subPlanFormContent.value = planFormContent.value?.children?.find(
|
subPlanFormContent.value = planFormContent.value?.children?.find(
|
||||||
(child: Plan.ReqPlan) => child.id === planId.value
|
(child: Plan.ReqPlan) => child.id === planId.value
|
||||||
)
|
)
|
||||||
console.log('0000---', subPlanFormContent.value)
|
|
||||||
planPopup.value?.open('edit', subPlanFormContent.value, modeStore.currentMode, 2)
|
planPopup.value?.open('edit', subPlanFormContent.value, modeStore.currentMode, 2)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -531,7 +531,7 @@ const removeTab = async (targetName: TabPaneName) => {
|
|||||||
}
|
}
|
||||||
// 弹窗打开方法
|
// 弹窗打开方法
|
||||||
const open = async (textTitle: string, data: Plan.ReqPlan, pattern: string) => {
|
const open = async (textTitle: string, data: Plan.ReqPlan, pattern: string) => {
|
||||||
console.log('open', data)
|
|
||||||
dialogVisible.value = true
|
dialogVisible.value = true
|
||||||
title.value = textTitle
|
title.value = textTitle
|
||||||
planTitle.value = data.name
|
planTitle.value = data.name
|
||||||
@@ -579,13 +579,13 @@ const handleTabClick = (tab: any) => {
|
|||||||
|
|
||||||
const handleTableDataUpdate = async (newData: any[]) => {
|
const handleTableDataUpdate = async (newData: any[]) => {
|
||||||
// 👇 处理新数据,例如更新 planFormContent
|
// 👇 处理新数据,例如更新 planFormContent
|
||||||
console.log('handleTableDataUpdate', newData)
|
|
||||||
const matchedItem = findItemById(newData, planId.value)
|
const matchedItem = findItemById(newData, planId.value)
|
||||||
if (matchedItem) {
|
if (matchedItem) {
|
||||||
planFormContent.value = matchedItem
|
planFormContent.value = matchedItem
|
||||||
console.log('递归匹配成功:', planFormContent.value)
|
//console.log('递归匹配成功:', planFormContent.value)
|
||||||
} else {
|
} else {
|
||||||
console.warn('未找到匹配的 planId:', planId.value)
|
// console.warn('未找到匹配的 planId:', planId.value)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -616,7 +616,7 @@ const handleRemove = async (row: any) => {
|
|||||||
ElMessage.warning(`当前设备已被子计划绑定,无法删除!`)
|
ElMessage.warning(`当前设备已被子计划绑定,无法删除!`)
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
console.log('shcn', planFormContent.value)
|
|
||||||
proTable.value?.getTableList() // 刷新当前表格
|
proTable.value?.getTableList() // 刷新当前表格
|
||||||
})
|
})
|
||||||
.catch(() => {
|
.catch(() => {
|
||||||
@@ -739,7 +739,7 @@ const initSSE = () => {
|
|||||||
eventSource.value = http.sse('/sse/createSse')
|
eventSource.value = http.sse('/sse/createSse')
|
||||||
|
|
||||||
eventSource.value.onmessage = event => {
|
eventSource.value.onmessage = event => {
|
||||||
console.log('收到消息内容是:', event.data)
|
|
||||||
const res = JSON.parse(event.data)
|
const res = JSON.parse(event.data)
|
||||||
progressData.value.percentage = res.data
|
progressData.value.percentage = res.data
|
||||||
progressData.value.message = res.message
|
progressData.value.message = res.message
|
||||||
@@ -763,7 +763,7 @@ const closeEventSource = () => {
|
|||||||
if (eventSource.value) {
|
if (eventSource.value) {
|
||||||
eventSource.value.close()
|
eventSource.value.close()
|
||||||
eventSource.value = null
|
eventSource.value = null
|
||||||
console.log('SSE连接已关闭')
|
//console.log('SSE连接已关闭')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -439,7 +439,7 @@ const convertToTree = (data: Device[], groupBy?: string | undefined) => {
|
|||||||
}
|
}
|
||||||
const filterNode: FilterNodeMethodFunction = (value: string, data: Tree) => {
|
const filterNode: FilterNodeMethodFunction = (value: string, data: Tree) => {
|
||||||
if (!value) return true
|
if (!value) return true
|
||||||
console.log('data', data)
|
|
||||||
if (data.id.toString().includes('_')) {
|
if (data.id.toString().includes('_')) {
|
||||||
return false
|
return false
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -97,7 +97,7 @@ const filterMethod = (query: string, item: { label?: string }) => {
|
|||||||
const open = async (data: Plan.ReqPlan) => {
|
const open = async (data: Plan.ReqPlan) => {
|
||||||
dialogVisible.value = true
|
dialogVisible.value = true
|
||||||
planData.value = data
|
planData.value = data
|
||||||
console.log('planData.value', planData.value)
|
|
||||||
const standardDevList_Result1 = await getUnboundStandardDevList(data)
|
const standardDevList_Result1 = await getUnboundStandardDevList(data)
|
||||||
unboundStandardDevList.value = standardDevList_Result1.data as StandardDevice.ResPqStandardDevice[]
|
unboundStandardDevList.value = standardDevList_Result1.data as StandardDevice.ResPqStandardDevice[]
|
||||||
|
|
||||||
|
|||||||
@@ -678,7 +678,7 @@ const save = () => {
|
|||||||
formContent.memberIds = formContent.memberIds ? [formContent.memberIds?.toString()] : []
|
formContent.memberIds = formContent.memberIds ? [formContent.memberIds?.toString()] : []
|
||||||
await updatePlan(formContent)
|
await updatePlan(formContent)
|
||||||
emit('update:tab')
|
emit('update:tab')
|
||||||
console.log('更新子计划', formContent)
|
|
||||||
} else {
|
} else {
|
||||||
formContent.sourceIds = null
|
formContent.sourceIds = null
|
||||||
await updatePlan(formContent)
|
await updatePlan(formContent)
|
||||||
@@ -752,7 +752,7 @@ const open = async (sign: string, data: Plan.ReqPlan, currentMode: string, plan:
|
|||||||
user_Result: any
|
user_Result: any
|
||||||
|
|
||||||
if (mode.value === '比对式') {
|
if (mode.value === '比对式') {
|
||||||
;[
|
[
|
||||||
PqErrSys_Result,
|
PqErrSys_Result,
|
||||||
pqDevList_Result,
|
pqDevList_Result,
|
||||||
pqReportName_Result,
|
pqReportName_Result,
|
||||||
@@ -792,7 +792,7 @@ const open = async (sign: string, data: Plan.ReqPlan, currentMode: string, plan:
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
;[pqSource_Result, PqScript_Result, PqErrSys_Result, pqDevList_Result, pqReportName_Result] =
|
[pqSource_Result, PqScript_Result, PqErrSys_Result, pqDevList_Result, pqReportName_Result] =
|
||||||
await Promise.all([
|
await Promise.all([
|
||||||
getTestSourceList(data),
|
getTestSourceList(data),
|
||||||
getPqScriptList(data),
|
getPqScriptList(data),
|
||||||
@@ -825,7 +825,10 @@ const open = async (sign: string, data: Plan.ReqPlan, currentMode: string, plan:
|
|||||||
formContent.errorSysId = pqErrSysList.value[0]?.id ?? ''
|
formContent.errorSysId = pqErrSysList.value[0]?.id ?? ''
|
||||||
formContent.sourceIds = pqSourceList.value[0]?.id ?? ''
|
formContent.sourceIds = pqSourceList.value[0]?.id ?? ''
|
||||||
const datasourceDicts = dictStore.getDictData('Datasource')
|
const datasourceDicts = dictStore.getDictData('Datasource')
|
||||||
formContent.datasourceIds = [datasourceDicts[0]?.code] ?? []
|
|
||||||
|
formContent.datasourceIds = datasourceDicts
|
||||||
|
.filter(item => ['real', 'wave_data'].includes(item.code))
|
||||||
|
.map(item => item.code)
|
||||||
} else {
|
} else {
|
||||||
//编辑时先给表单赋值(这会没接收被检设备),需要手动再给被检设备复制后整体表单赋值
|
//编辑时先给表单赋值(这会没接收被检设备),需要手动再给被检设备复制后整体表单赋值
|
||||||
|
|
||||||
@@ -902,7 +905,7 @@ const open = async (sign: string, data: Plan.ReqPlan, currentMode: string, plan:
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
;[
|
[
|
||||||
pqSource_Result,
|
pqSource_Result,
|
||||||
PqScript_Result,
|
PqScript_Result,
|
||||||
PqErrSys_Result,
|
PqErrSys_Result,
|
||||||
@@ -1052,7 +1055,9 @@ const handleErrorSysChange = async (value: string) => {
|
|||||||
})
|
})
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
formContent.testItems = secondLevelOptions.map(option => option.value)
|
formContent.testItems = secondLevelOptions
|
||||||
|
.filter(option => option.label !== '闪变')
|
||||||
|
.map(option => option.value)
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
formContent.testItems = []
|
formContent.testItems = []
|
||||||
console.error('获取检测项失败:', error)
|
console.error('获取检测项失败:', error)
|
||||||
@@ -1083,7 +1088,9 @@ const loadTestItemsForErrorSys = async (errorSysId: string) => {
|
|||||||
label: (res.data as Record<string, string>)[key]
|
label: (res.data as Record<string, string>)[key]
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
formContent.testItems = secondLevelOptions.map(option => option.value)
|
formContent.testItems = secondLevelOptions
|
||||||
|
.filter(option => option.label !== '闪变')
|
||||||
|
.map(option => option.value)
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('获取检测项失败:', error)
|
console.error('获取检测项失败:', error)
|
||||||
|
|||||||
@@ -43,6 +43,7 @@
|
|||||||
v-auth.plan="'analysis'"
|
v-auth.plan="'analysis'"
|
||||||
icon="DataLine"
|
icon="DataLine"
|
||||||
:disabled="!scope.isSelected"
|
:disabled="!scope.isSelected"
|
||||||
|
v-if=" modeStore.currentMode != '比对式'"
|
||||||
@click="statisticalAnalysisMore(scope.selectedListIds, scope.selectedList)"
|
@click="statisticalAnalysisMore(scope.selectedListIds, scope.selectedList)"
|
||||||
>
|
>
|
||||||
统计分析
|
统计分析
|
||||||
@@ -104,7 +105,7 @@
|
|||||||
v-auth.plan="'analysis'"
|
v-auth.plan="'analysis'"
|
||||||
link
|
link
|
||||||
icon="DataLine"
|
icon="DataLine"
|
||||||
v-if="scope.row.testState == '2'"
|
v-if="scope.row.testState == '2' && modeStore.currentMode != '比对式'"
|
||||||
@click="statisticalAnalysis(scope.row)"
|
@click="statisticalAnalysis(scope.row)"
|
||||||
>
|
>
|
||||||
统计分析
|
统计分析
|
||||||
@@ -206,13 +207,13 @@ onMounted(async () => {
|
|||||||
//假分页后用data刷新
|
//假分页后用data刷新
|
||||||
const refreshTable = async () => {
|
const refreshTable = async () => {
|
||||||
try {
|
try {
|
||||||
console.log('表格刷新')
|
|
||||||
patternId.value = dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id
|
patternId.value = dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id
|
||||||
const result = await getPlanList({ patternId: patternId.value })
|
const result = await getPlanList({ patternId: patternId.value })
|
||||||
tableData.value = buildTree(result.data as any[])
|
tableData.value = buildTree(result.data as any[])
|
||||||
pageTotal.value = tableData.value.length
|
pageTotal.value = tableData.value.length
|
||||||
updateCurrentPageData(tableData.value)
|
updateCurrentPageData(tableData.value)
|
||||||
console.log('表格刷新成功')
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
tableData.value = []
|
tableData.value = []
|
||||||
ElMessage.error('获取计划列表失败')
|
ElMessage.error('获取计划列表失败')
|
||||||
@@ -224,7 +225,7 @@ watch(
|
|||||||
() => tableData.value,
|
() => tableData.value,
|
||||||
newVal => {
|
newVal => {
|
||||||
if (childrenPlanView.value && newVal) {
|
if (childrenPlanView.value && newVal) {
|
||||||
console.log('监听 tableData 变化', newVal)
|
|
||||||
childrenPlanView.value.handleTableDataUpdate?.(newVal)
|
childrenPlanView.value.handleTableDataUpdate?.(newVal)
|
||||||
updateCurrentPageData(newVal)
|
updateCurrentPageData(newVal)
|
||||||
}
|
}
|
||||||
@@ -308,7 +309,7 @@ const updateCurrentPageData = (data = tableData.value) => {
|
|||||||
const start = (currentPage.value - 1) * pageSize.value
|
const start = (currentPage.value - 1) * pageSize.value
|
||||||
const end = start + pageSize.value
|
const end = start + pageSize.value
|
||||||
currentPageData.value = data.slice(start, end)
|
currentPageData.value = data.slice(start, end)
|
||||||
console.log('currentPageData', currentPageData.value)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const dataSourceType = computed(() => {
|
const dataSourceType = computed(() => {
|
||||||
|
|||||||
@@ -57,7 +57,7 @@ const open = (list: any) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
console.log();
|
|
||||||
});
|
});
|
||||||
defineExpose({ open });
|
defineExpose({ open });
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -201,10 +201,10 @@ const submitForm = async (formEl: FormInstance | undefined) => {
|
|||||||
if (!formEl) return
|
if (!formEl) return
|
||||||
await formEl.validate((valid, fields) => {
|
await formEl.validate((valid, fields) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
console.log('submit!')
|
//console.log('submit!')
|
||||||
close()
|
close()
|
||||||
} else {
|
} else {
|
||||||
console.log('error submit!', fields)
|
//console.log('error submit!', fields)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
@@ -220,7 +220,7 @@ const options = Array.from({ length: 10000 }).map((_, idx) => ({
|
|||||||
label: `${idx + 1}`,
|
label: `${idx + 1}`,
|
||||||
}))
|
}))
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
console.log();
|
|
||||||
});
|
});
|
||||||
const dialogVisible = ref<boolean>(false);
|
const dialogVisible = ref<boolean>(false);
|
||||||
const dialogTitle = ref<string>("");
|
const dialogTitle = ref<string>("");
|
||||||
@@ -231,9 +231,7 @@ const open = (title: string) => {
|
|||||||
const close=()=>{
|
const close=()=>{
|
||||||
dialogVisible.value = false;
|
dialogVisible.value = false;
|
||||||
}
|
}
|
||||||
onMounted(() => {
|
|
||||||
console.log();
|
|
||||||
});
|
|
||||||
defineExpose({ open });
|
defineExpose({ open });
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped></style>
|
<style lang="scss" scoped></style>
|
||||||
|
|||||||
@@ -391,7 +391,7 @@ const changeStatus = async (row: User.ResUserList) => {
|
|||||||
proTable.value?.getTableList()
|
proTable.value?.getTableList()
|
||||||
}
|
}
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
console.log(proTable.value?.tableData)
|
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|||||||
@@ -1,55 +1,281 @@
|
|||||||
|
|
||||||
<template>
|
<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>
|
</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>
|
</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: '', //注册码
|
const authStore = useAuthStore()
|
||||||
licenseKey: '', //密钥
|
const activateInfo = authStore.activateInfo
|
||||||
expireDate: '', //到期时间
|
const versionNumber = ref(version)
|
||||||
waveRecord: 0,
|
const applicationForm = reactive<Activate.ApplicationCodePlaintext>({
|
||||||
realTime: 20,
|
simulate: { apply: 0 },
|
||||||
statistics: 5,
|
digital: { apply: 0 },
|
||||||
flicker: 1,
|
contrast: { apply: 0 }
|
||||||
state: 1, //状态
|
})
|
||||||
})
|
const activatedAll = computed(() => {
|
||||||
const dialogVisible = ref(false);
|
return (
|
||||||
const openDialog = () => {
|
activateInfo.simulate.apply === 1 &&
|
||||||
dialogVisible.value = true;
|
activateInfo.simulate.permanently === 1 &&
|
||||||
};
|
activateInfo.digital.apply === 1 &&
|
||||||
|
activateInfo.digital.permanently === 1 &&
|
||||||
defineExpose({ openDialog });
|
activateInfo.contrast.apply === 1 &&
|
||||||
</script>
|
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>
|
||||||
Reference in New Issue
Block a user