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

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

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

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

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

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

@@ -104,8 +104,8 @@ watch(
.work-card { .work-card {
width: 100%; width: 100%;
background-color: rgba(15, 52, 96, 0.9); background-color: rgba(15, 52, 96, 0.1);
border: 1px solid #1a508b; border: 1px solid rgba(26, 80, 139, 0.3);
border-radius: 8px; border-radius: 8px;
padding: 2px; padding: 2px;
box-sizing: border-box; box-sizing: border-box;
@@ -114,8 +114,8 @@ watch(
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: #e0e6ff; color: #e0e6ff;
backdrop-filter: blur(4px); backdrop-filter: blur(2px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
min-height: 0; min-height: 0;
} }
@@ -125,8 +125,8 @@ watch(
} }
.work-card:hover { .work-card:hover {
box-shadow: 0 4px 12px rgba(60, 156, 255, 0.3); box-shadow: 0 4px 12px rgba(60, 156, 255, 0.2);
border-color: #3c9cff; border-color: rgba(60, 156, 255, 0.6);
transition: all 0.3s ease; 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 || [] allTabs.value = res || []
} catch (error) { } catch (error) {
console.error(error) console.error(error)
vList.value = [] allTabs.value = []
} }
} }
@@ -297,17 +297,22 @@ onMounted(() => {
z-index: 10; z-index: 10;
overflow: hidden; overflow: hidden;
height: calc(100vh - 75px); 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 { .screen-page {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
background: rgba(15, 52, 96, 0.8); background: transparent;
border: 1px solid #1a508b; border: 1px solid rgba(26, 80, 139, 0.3);
border-radius: 12px; border-radius: 12px;
backdrop-filter: blur(8px); backdrop-filter: blur(2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
overflow: hidden; overflow: hidden;
} }