manager/my-bigScreen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

大屏页面初始化

Browse Source
This commit is contained in:
gaoxq
2026-03-04 09:58:11 +08:00
parent 9d4d641fa8
commit faaffef2f8
5 changed files with 34 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
screen-vue/src/views/screen/Erp/components/ChartTop.vue
View File

@@ -79,8 +79,8 @@ watch(
flex: 1;
min-width: 160px;
height: 85%;
background: rgba(15, 52, 96, 0.95);
border: 1px solid #1a508b;
background: rgba(15, 52, 96, 0.1);
border: 1px solid rgba(26, 80, 139, 0.3);
border-radius: 8px;
padding: 0 8px;
display: flex;
@@ -90,12 +90,13 @@ watch(
position: relative;
overflow: hidden;
transition: all 0.3s ease;
backdrop-filter: blur(2px);
}
.card-item:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(60, 156, 255, 0.3);
border-color: #3c9cff;
box-shadow: 0 4px 12px rgba(60, 156, 255, 0.2);
border-color: rgba(60, 156, 255, 0.6);
}
.card-left {
@@ -111,7 +112,7 @@ watch(
display: flex;
justify-content: center;
align-items: center;
border: 1px solid rgba(224, 230, 255, 0.2);
border: 1px solid rgba(224, 230, 255, 0.1);
border-radius: 8px;
box-sizing: border-box;
}

12
screen-vue/src/views/screen/Erp/index.vue
View File

@@ -156,8 +156,8 @@ watch(
.erp-card {
width: 100%;
height: 100%;
background-color: rgba(15, 52, 96, 0.9);
border: 1px solid #1a508b;
background-color: rgba(15, 52, 96, 0.1);
border: 1px solid rgba(26, 80, 139, 0.3);
border-radius: 8px;
padding: 2px;
box-sizing: border-box;
@@ -166,8 +166,8 @@ watch(
justify-content: center;
align-items: center;
color: #e0e6ff;
backdrop-filter: blur(4px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(2px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
min-height: 0;
}
@@ -176,8 +176,8 @@ watch(
}
.erp-card:hover {
box-shadow: 0 4px 12px rgba(60, 156, 255, 0.3);
border-color: #3c9cff;
box-shadow: 0 4px 12px rgba(60, 156, 255, 0.2);
border-color: rgba(60, 156, 255, 0.6);
transition: all 0.3s ease;
}

11
screen-vue/src/views/screen/Work/components/ChartTop.vue
View File

@@ -79,8 +79,8 @@ watch(
flex: 1;
min-width: 160px;
height: 85%;
background: rgba(15, 52, 96, 0.95);
border: 1px solid #1a508b;
background: rgba(15, 52, 96, 0.1);
border: 1px solid rgba(26, 80, 139, 0.3);
border-radius: 8px;
padding: 0 8px;
display: flex;
@@ -90,12 +90,13 @@ watch(
position: relative;
overflow: hidden;
transition: all 0.3s ease;
backdrop-filter: blur(2px);
}
.card-item:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(60, 156, 255, 0.3);
border-color: #3c9cff;
box-shadow: 0 4px 12px rgba(60, 156, 255, 0.2);
border-color: rgba(60, 156, 255, 0.6);
}
.card-left {
@@ -111,7 +112,7 @@ watch(
display: flex;
justify-content: center;
align-items: center;
border: 1px solid rgba(224, 230, 255, 0.2);
border: 1px solid rgba(224, 230, 255, 0.1);
border-radius: 8px;
box-sizing: border-box;
}

12
screen-vue/src/views/screen/Work/index.vue
View File

@@ -104,8 +104,8 @@ watch(
.work-card {
width: 100%;
background-color: rgba(15, 52, 96, 0.9);
border: 1px solid #1a508b;
background-color: rgba(15, 52, 96, 0.1);
border: 1px solid rgba(26, 80, 139, 0.3);
border-radius: 8px;
padding: 2px;
box-sizing: border-box;
@@ -114,8 +114,8 @@ watch(
justify-content: center;
align-items: center;
color: #e0e6ff;
backdrop-filter: blur(4px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(2px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
min-height: 0;
}
@@ -125,8 +125,8 @@ watch(
}
.work-card:hover {
box-shadow: 0 4px 12px rgba(60, 156, 255, 0.3);
border-color: #3c9cff;
box-shadow: 0 4px 12px rgba(60, 156, 255, 0.2);
border-color: rgba(60, 156, 255, 0.6);
transition: all 0.3s ease;
}

15
screen-vue/src/views/screen/index.vue
View File

@@ -70,7 +70,7 @@ async function getList() {
allTabs.value = res || []
} catch (error) {
console.error(error)
vList.value = []
allTabs.value = []
}
}
@@ -297,17 +297,22 @@ onMounted(() => {
z-index: 10;
overflow: hidden;
height: calc(100vh - 75px);
background-image: url('@/assets/images/bg.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: transparent;
}
.screen-page {
width: 100%;
height: 100%;
display: block;
background: rgba(15, 52, 96, 0.8);
border: 1px solid #1a508b;
background: transparent;
border: 1px solid rgba(26, 80, 139, 0.3);
border-radius: 12px;
backdrop-filter: blur(8px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
backdrop-filter: blur(2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
overflow: hidden;
}