From dbcc700e995d8c1ce2a3bea4c23c9b0d23c1e65d Mon Sep 17 00:00:00 2001
From: wangfei <3597712270@qq.com>
Date: 星期二, 21 十月 2025 11:32:51 +0800
Subject: [PATCH] 第一次点击后不可再点击
---
UI-Project/src/layout/MainErpView.vue | 175 ++++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 127 insertions(+), 48 deletions(-)
diff --git a/UI-Project/src/layout/MainErpView.vue b/UI-Project/src/layout/MainErpView.vue
index 5528ee9..80e65e3 100644
--- a/UI-Project/src/layout/MainErpView.vue
+++ b/UI-Project/src/layout/MainErpView.vue
@@ -3,21 +3,23 @@
import userInfo from '@/stores/userInfo'
import request from '@/utils/request'
import {ElMessage} from 'element-plus'
-import {ref, watch, onMounted } from 'vue'
+import {ref, watch, onMounted, onUnmounted } from 'vue'
import deepClone from '@/utils/deepClone'
import { useRouter } from 'vue-router';
import { useI18n } from 'vue-i18n'
- const { t } = useI18n()
- let language = ref(localStorage.getItem('lang') || 'zh')
+import { provide } from 'vue';
+// import {host, WebSocketHost} from '@/utils/constants'
+// import {closeWebSocket, initializeWebSocket} from '@/utils/WebSocketService';
+const globalDate = ref('');
+const { t } = useI18n()
+let language = ref(localStorage.getItem('lang') || 'zh')
const store = userInfo()
const isCollapse = ref(false);
// const { $i18n } = useI18n(); // 鑾峰彇 i18n 瀹炰緥
const router = useRouter()
const userStore = useUserInfoStore()
// const user = userStore.user.userName
-
let userInfoStr = window.localStorage.getItem('userInfo')
-console.log(userInfoStr);
// const userInfoStr = localStorage.getItem('userInfo');
// let userInfo = userInfoStr.user.token;
let token = userInfo; // 鎻愬彇 token
@@ -29,6 +31,15 @@
})
router.push('/login')
}
+// let socket = null;
+// const socketUrl = `ws://${WebSocketHost}:${host}/api/loadGlass/api/talk/mainMes`;
+// const handleMessage = (data) => {
+// if(data.globalDate!=null){
+// window.localStorage.setItem('getglobalDate', data.globalDate[0])
+// }else{
+// globalDate.value = ''
+// }
+// }
function replaceChineseWithEnglish(menuData) {
// 瀹氫箟涓縿鏂囧鐓у叧绯诲璞�
const translation = {
@@ -66,18 +77,25 @@
}
function replaceChineseWithRussian(menuData) {
// 瀹氫箟涓嫳鏂囧鐓у叧绯诲璞�
- const translation = {
+ const translation = {
'涓婄墖鏈�': 'Loading Machine',
- '涓婄墖': 'Start showing a movie',
+ '涓婄墖涓�绾�': 'First line on film',
+ '涓婄墖浜岀嚎': 'Second line on film',
'鎺扮墖/璇嗗埆': 'Breaking /Identification',
+ '鎺扮墖涓�绾�': 'Broken piece line',
+ '鎺扮墖浜岀嚎': 'Broken pieces with two lines',
'鍗у紡缂撳瓨': 'Horizontal cache',
+ '鍗у紡缂撳瓨涓�鍙风嚎': 'Horizontal Cache 1',
+ '鍗у紡缂撳瓨浜屽彿绾�': 'Horizontal Cache 2',
'纾ㄨ竟鍓嶅崸寮忕紦瀛�': 'Horizontal buffer before edge grinding',
'涓嬬墖鍗у紡缂撳瓨': 'Offline horizontal cache',
'纾ㄨ竟锛堝喎鍔犲伐锛�': 'Grinding edge (cold processing)',
+ '纾ㄨ竟(鍐峰姞宸�)': 'Grinding edge (cold processing)',
'1绾跨（杈�(鍐峰姞宸�)': '1-line edge grinding (cold processing)',
'2绾跨（杈�(鍐峰姞宸�)': '2-line edge grinding (cold processing)',
'澶х悊鐗囩': 'Dali slice cage',
'閽㈠寲': 'Toughened',
+ '閽㈠寲鏌ヨ': 'Tempered steel inquiry',
'閽㈠寲鍓�': 'Before Tempering',
'閽㈠寲鍚�': 'After Tempering',
'涓嬬墖鍙�': 'Next Stage',
@@ -85,10 +103,72 @@
'鐢ㄦ埛绠＄悊': 'User Management',
'鏉冮檺绠＄悊': 'Rights Management',
'瑙掕壊绠＄悊': 'Roles',
+ '绯荤粺閰嶇疆': 'system configuration',
'鍙鍖栫郴缁�': 'visualization system',
'鎶ュ伐绠＄悊': 'Job reporting management',
'浠撳偍涓績': 'Storage Center',
'鍘熺墖浠撳偍': 'Original film storage',
+ '涓┖': 'Hollow',
+ '涓┖涓�绾�': 'Hollow Line',
+ '涓┖浜岀嚎': 'Hollow Second Line',
+ '涓┖涓夌嚎': 'Hollow three line',
+ '涓┖鐞嗙墖绗�': 'Hollow Film processing cage',
+ '鎶橀摑妗嗕竴绾�': '1 Fold aluminum frame',
+ '鎶橀摑妗嗕簩绾�': '2 Fold aluminum frame',
+ '鎶橀摑妗嗕笁绾�': '3 Fold aluminum frame',
+ '澶у睆鏄剧ず': 'Large Screen Display',
+ };
+ menuData.forEach(menu => {
+ menu.menuName = translation[menu.menuName] || menu.menuName;
+ // if (menu.children) {
+ menu.children && menu.children.forEach(submenu => {
+ submenu.menuName = translation[submenu.menuName] || submenu.menuName;
+ });
+ // }
+ });
+}
+function replaceChineseWithKorean(menuData) {
+ // 瀹氫箟涓煩鏂囧鐓у叧绯诲璞�
+ const translation = {
+ '涓婄墖鏈�': '搿滊敥 毹胳嫚',
+ '涓婄墖涓�绾�': '鞝勴幐 鞚检劆',
+ '涓婄墖浜岀嚎': '鞝勴幐 2靹�.',
+ '鎺扮墖/璇嗗埆': '旎ろ寘/鞁濍硠',
+ '鎺扮墖涓�绾�': '頃� 欷勲 飒缄皽雼�',
+ '鎺扮墖浜岀嚎': '飒缄皽旮� 2 靹�',
+ '鍗у紡缂撳瓨': '靾橅弶 氩勴嵓',
+ '鍗у紡缂撳瓨涓�鍙风嚎': '靾橅弶 旌愳嫓 1順胳劆',
+ '鍗у紡缂撳瓨浜屽彿绾�': '靾橅弶 旌愳嫓 2順胳劆',
+ '纾ㄨ竟鍓嶅崸寮忕紦瀛�': '鞐愳 鞝� 靾橅弶 氩勴嵓',
+ '涓嬬墖鍗у紡缂撳瓨': '鞏鸽霐� 靾橅弶 氩勴嵓',
+ '纾ㄨ竟锛堝喎鍔犲伐锛�': '霛检澑1 鞐愳 (旖滊摐 鞗岉偣) ',
+ '纾ㄨ竟(鍐峰姞宸�)': '霛检澑1 鞐愳 (旖滊摐 鞗岉偣) ',
+ '1绾跨（杈�(鍐峰姞宸�)': '霛检澑1 鞐愳 (旖滊摐 鞗岉偣) ',
+ '2绾跨（杈�(鍐峰姞宸�)': '霛检澑2 鞐愳 (旖滊摐 鞗岉偣) ',
+ '澶х悊鐗囩': '鞙犽Μ 攵勲 旒�鞚挫',
+ '閽㈠寲': '臧曧檾',
+ '閽㈠寲鏌ヨ': '臧曧檾 臁绊殞',
+ '閽㈠寲鍓�': '臧曧檾 鞝�',
+ '閽㈠寲鍚�': '臧曧檾 頉�',
+ '涓嬬墖鍙�': '鞏鸽霐� 鞀ろ厡鞚挫厴',
+ '绯荤粺绠＄悊': '鞁滌姢韰� 甏�毽�',
+ '鐢ㄦ埛绠＄悊': '靷毄鞛� 甏�毽�',
+ '鏉冮檺绠＄悊': '甓岉暅 甏�毽�',
+ '瑙掕壊绠＄悊': '鞐暊 甏�毽�',
+ '绯荤粺閰嶇疆': '鞁滌姢韰� 甑劚',
+ '鍙鍖栫郴缁�': '鞁滉皝頇� 鞁滌姢韰�',
+ '鎶ュ伐绠＄悊': '鞁犽 甏�毽�',
+ '浠撳偍涓績': '彀疥碃 鞝�鞛� 靹柬劙',
+ '鍘熺墖浠撳偍': '鞗愲掣 彀疥碃',
+ '涓┖': '欷戧车',
+ '涓┖涓�绾�': '欷戧车 鞚检劆',
+ '涓┖浜岀嚎': '欷戧车 2靹�',
+ '涓┖涓夌嚎': '欷戧车 3靹�',
+ '涓┖鐞嗙墖绗�': '欷戧车毽� 韼鸽”',
+ '鎶橀摑妗嗕竴绾�': '鞎岆（氙鸽妱 韰岆憪毽� 鞚检劆鞚� 鞝戨嫟',
+ '鎶橀摑妗嗕簩绾�': '鞎岆（氙鸽妱 頂勲爤鞛� 2靹� 鞝戧赴',
+ '鎶橀摑妗嗕笁绾�': '鞎岆（氙鸽妱 韰岆憪毽� 靹� 欷勳潉 鞝戨嫟.',
+ '澶у睆鏄剧ず': '雽�順� 頇旊┐ 響滌嫓',
};
menuData.forEach(menu => {
menu.menuName = translation[menu.menuName] || menu.menuName;
@@ -101,11 +181,9 @@
}
//鎻愬彇鑿滃崟妯″潡鍒楄〃
let menuList = $ref([])
-
request.get('/loadGlass/sys/menu/getMenuTree').then((res) => {
if (res.code == 200) {
menuList = res.data
- console.log(language.value)
// translateMenu(menuList.value, language.value);
if (language.value === 'en') {
replaceChineseWithRussian(menuList);
@@ -113,14 +191,23 @@
if (language.value === 'py') {
replaceChineseWithEnglish(menuList);
}
+ if (language.value === 'kr') {
+ replaceChineseWithKorean(menuList);
+ }
} else {
ElMessage.warning(res.msg)
router.push('/login')
}
})
+request.post('/loadGlass/sys/menu/getNowDate').then((res) => {
+ if (res.code == 200) {
+ window.localStorage.setItem('getglobalDate', res.data)
+ } else {
+ ElMessage.warning(res.msg)
+ }
+})
const menu = ref(null)
let indexKey = ref(null)
-
function handleOpen(key) {
indexKey.value = key
}
@@ -133,11 +220,9 @@
},
{deep: true}
)
-
router.beforeEach((to, from) => {
//return false
})
-
let openFlag = $ref(null)
//鍘熷鑿滃崟鎵撳紑
const openMenu = (menuID) => {
@@ -150,8 +235,36 @@
function toggleCollapse() {
isCollapse.value = !isCollapse.value;
}
+onMounted(() => {
+ // fetchlack()
+ // socket = initializeWebSocket(socketUrl, handleMessage);
+});
+// const fetchlack = async () => {
+// try {
+// console.log(33333);
+// const response = await request.post('/loadGlass/sys/menu/getNowDate')
+// console.log(response.code);
+// if (response.code == 200) {
+// console.log(11111);
+// console.log(response.data);
+// console.log(2222);
+// // window.localStorage.setItem('getglobalDate', response.data)
+// } else {
+// ElMessage.error(response.message);
+// }
+// }
+// catch (error) {
+// // 澶勭悊閿欒
+// }
+// }
+ let getglobalDate = window.localStorage.getItem('getglobalDate')
+ provide('globalDate', getglobalDate);
+ // onUnmounted(() => {
+ // if (socket) {
+ // closeWebSocket(socket);
+ // }
+ // });
</script>
-
<template>
<div id="all">
<el-container>
@@ -160,7 +273,7 @@
<img src="../assets/northGlass.ico"
alt="" @click="toggleCollapse"
style="max-width: 100%;max-height: 100%">
- <h3 style="margin: 1rem ;font-weight: bold;width: 33vw;"> {{ $t('main.titleFirst') }}{{ userName }}{{ $t('main.titleLast') }}</h3>
+ <h3 style="margin: 1rem;font-weight: bold;width: 33vw;"> {{ $t('main.titleFirst') }}{{ userName }}{{ $t('main.titleLast') }}</h3>
<span style="height: 70%;width: 78vw;margin-top: 1rem;">
<!-- <el-button class="sys-quit"
@click="quit"
@@ -219,40 +332,29 @@
</el-container>
</div>
</template>
-
<style scoped>
-
.el-menu-vertical-demo:not(.el-menu--collapse) {
width: 200px;
min-height: 400px;
text-align: left;
-
}
-
-
-
-
#all {
background-color: #eee;
height: 100%;
}
-
.el-container {
height: 100vh;
width: 99vw;
}
-
* {
padding: 0;
margin: 0;
}
-
:deep(.sys-quit) {
float: right;
margin-right: 1rem;
width: 5rem;
}
-
/* 妯嚎 */
#line {
float: right;
@@ -264,16 +366,13 @@
position: relative;
text-align: center;
}
-
:deep(span) {
margin-right: 0;
}
-
.el-collapse {
font-size: 16px;
font-weight: bold;
}
-
#main {
width: 99%;
float: right;
@@ -281,9 +380,7 @@
background-color: #fff;
}
/*------------*/
-
/* .menu div div{
-
width: 138px;
height: 35px;
line-height: 35px;
@@ -305,24 +402,20 @@
/* background-color:#5CADFE; */
/* box-shadow: 0 8px 16px 0 rgba(0,0,0,0), 0 6px 5px 0 rgba(0,0,0,0.19); */
/* } */
-
.menu {
width: 138px;
height: 33px;
line-height: 25px;
-
color: #000000;
font-size: 16px;
padding-left: 15px;
padding-right: 2px;
}
-
ul {
height: auto;
margin: 1px auto;
text-align: center;
}
-
ul li {
height: 28px;
width: 180px;
@@ -335,16 +428,13 @@
text-align: left;
/* border-radius:8px; */
/* outline: none; */
-
/* background: #5CADFE; */
/* box-shadow: 0 8px 16px 0 rgba(0,0,0,0), 0 6px 5px 0 rgba(0,0,0,0.19); */
}
-
ul li:hover {
/* background:#5CADFE ; */
color: #ffffff;
}
-
ul li a {
text-decoration: none;
color: #000000;
@@ -353,7 +443,6 @@
ul li a:hover {
color: #1087ff;
}
-
.item_divider {
width: 118px;
height: 0px;
@@ -361,7 +450,6 @@
opacity: 0.8; */
margin-bottom: 2px;
}
-
.item a {
width: 138px;
height: 35px;
@@ -372,13 +460,11 @@
font-size: 14px;
text-decoration: none;
}
-
.menu_title {
width: 180px;
/* white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; */
-
height: 45px;
line-height: 55px;
/* background: #fafafa; */
@@ -391,12 +477,10 @@
font-weight: bold;
overflow: hidden;
}
-
.menu_title:hover {
/* background: #dedede; */
color: #3b9af9;
}
-
.indicator {
display: block;
width: 40px;
@@ -408,7 +492,6 @@
transition: all 0.3s ease;
text-align: center;
}
-
/* 鍔ㄧ敾鏁堟灉 */
.enter-x-left {
z-index: 9;
@@ -418,19 +501,15 @@
transform: translateX(-50px);
transition: all 0.3s ease;
}
-
.enter-x-left:nth-child(1) {
animation-delay: 0.1s;
}
-
.enter-x-left:nth-child(2) {
animation-delay: 0.2s;
}
-
.enter-x-left:nth-child(3) {
animation-delay: 0.3s;
}
-
.enter-x-left:nth-child(4) {
animation-delay: 0.4s;
}
--
Gitblit v1.8.0