bonus
/
bonus-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化

This commit is contained in:
bb_pan 2025-12-19 18:22:19 +08:00
parent b727742da6
commit 8193b4eea8
22 changed files with 3022 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/index-bg-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 436 KiB

BIN
src/assets/images/index-bg11.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 528 KiB

BIN
src/assets/img/screen/bg-gif.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 MiB

BIN
src/assets/img/screen/bg_1-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 91 KiB

BIN
src/assets/img/screen/bg_1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 91 KiB

After

Width:  |  Height:  |  Size: 106 KiB

BIN
src/assets/img/screen/left-bottom-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
src/assets/img/screen/left-bottom.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 30 KiB

BIN
src/assets/img/screen/ring_chart-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 86 KiB

BIN
src/assets/img/screen/ring_chart.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 86 KiB

After

Width:  |  Height:  |  Size: 186 KiB

BIN
src/assets/img/screen/ta-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.4 KiB

BIN
src/assets/img/screen/ta.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.4 KiB

After

Width:  |  Height:  |  Size: 8.4 KiB

BIN
src/assets/img/screen/tab-active.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
src/assets/img/screen/tab.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 913 B

BIN
src/assets/img/screen/title_bg-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
src/assets/img/screen/title_bg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 95 KiB

4
src/components/ScreenTitle/index.vue
View File

@ -28,9 +28,9 @@ export default {
<style scoped>
.title {
/* padding: 12px 6px; */
height: 36px;
height: 45px;
padding-left: 55px;
line-height: 37px;
line-height: 45px;
color: #fff;
/* background: linear-gradient(to right, #086c94, #0e557f, #06112c); */
background: url('../../assets/img/screen/title_bg.png') no-repeat;

2927
src/views/index-1218.vue Normal file
View File

File diff suppressed because one or more lines are too long

106
src/views/screen/shareScreen/components/center-model-7-3.vue
View File

@ -2,94 +2,84 @@
<div class="container">
<div class="item">
<div class="item-title">
<img src="../../../../assets/img/screen/装备上架.png" style="width: 100%; height: 80%" />
<!-- <img src="../../../../assets/img/screen/装备上架.png" style="width: 100%; height: 80%" /> -->
</div>
<div class="item-info">
<div
class="info-box info-box_1"
style="transform: translateY(-14.5vh)"
style="transform: translateY(-7.5vh)"
@click="handleDetail(2)"
>
<div class="yyyy">上架数</div>
<div>
<span class="xxxx">
{{ devUpNum || 0 }}
</span>
<span class="zzzz"> 台 </span>
<span class="xxxx">{{ devUpNum || 0 }}</span>
<span class="zzzz">台</span>
</div>
<div class="yyyy">上架数</div>
<div></div>
</div>
<div
class="info-box info-box_1"
style="transform: translateY(-9vh)"
style="transform: translateY(-7.5vh)"
@click="handleDetail(1)"
>
<div class="yyyy" style="margin-bottom: -6px">入驻数</div>
<div style="transform: translateY(12vh)">
<span class="xxxx" style="font-size: 26px">
{{ devNum || 0 }}
</span>
<span class="zzzz"> 台 </span>
<div style="transform: translateY(9.5vh)">
<span class="xxxx" >{{ devNum || 0 }}</span>
<span class="zzzz">台</span>
</div>
<div style="width: 120px; height: 120px"></div>
<div class="yyyy" style="transform: translateY(11vh); font-size: 16px">入驻数</div>
<div></div>
</div>
<div
class="info-box info-box_1"
style="transform: translateY(-14.5vh)"
style="transform: translateY(-7.5vh)"
@click="handleDetail(4)"
>
<div class="yyyy">保养数</div>
<div>
<span class="xxxx">
{{ devQcWaningNum || 0 }}
</span>
<span class="zzzz"> 条 </span>
<span class="xxxx">{{ devQcWaningNum || 0 }}</span>
<span class="zzzz">条</span>
</div>
<div class="yyyy">保养数</div>
<div></div>
</div>
</div>
</div>
<div class="item">
<div class="item-title" style="transform: translateY(-5vh)">
<img src="../../../../assets/img/screen/装备租赁.png" style="width: 100%; height: 70%" />
<!-- <img src="../../../../assets/img/screen/装备租赁.png" style="width: 100%; height: 70%" /> -->
</div>
<div class="item-info">
<div
class="info-box info-box_2"
style="transform: translateY(-14vh)"
style="transform: translateY(-6.5vh)"
@click="handleDetail(20)"
>
<div>
<span class="xxxx">
{{ rentTotalNum || 0 }}
</span>
<span class="zzzz"> 台 </span>
<span class="xxxx">{{ rentTotalNum || 0 }}</span>
<span class="zzzz">台</span>
</div>
<div>累计数</div>
<div></div>
</div>
<div
class="info-box info-box_2"
style="transform: translateY(-8.5vh)"
style="transform: translateY(-3vh)"
@click="handleDetail(6)"
>
<div style="transform: translateY(7.6vh)">
<span class="xxxx" style="font-size: 26px">
{{ devLeasingNum || 0 }}
</span>
<span class="zzzz"> 台 </span>
<span class="xxxx" >{{ devLeasingNum || 0 }}</span>
<span class="zzzz">台</span>
</div>
<div style="transform: translateY(9vh); font-size: 16px">在租数</div>
<div style="width: 120px; height: 120px"></div>
</div>
<div
class="info-box info-box_2"
style="transform: translateY(-14vh)"
style="transform: translateY(-6.5vh)"
@click="handleDetail(7)"
>
<div>
<span class="xxxx">{{ devRepairingNum || 0 }}</span>
<span class="zzzz"> 台 </span>
<span class="zzzz">台</span>
</div>
<div>退租数</div>
<div></div>
@ -98,48 +88,42 @@
</div>
<div class="item">
<div class="item-title" style="transform: translateY(-5vh)">
<img src="../../../../assets/img/screen/装备需求.png" style="width: 100%; height: 70%" />
<!-- <img src="../../../../assets/img/screen/装备需求.png" style="width: 100%; height: 70%" /> -->
</div>
<div class="item-info">
<div
class="info-box info-box_3"
style="transform: translateY(-14vh)"
style="transform: translateY(-3.5vh)"
@click="handleDetail(9)"
>
<div>
<span class="xxxx">
{{ leaseNum || 0 }}
</span>
<span class="zzzz"> 项 </span>
<span class="xxxx">{{ leaseNum || 0 }}</span>
<span class="zzzz">项</span>
</div>
<div>需求总数</div>
<div></div>
</div>
<div
class="info-box info-box_3"
style="transform: translateY(-7.5vh)"
style="transform: translateY(0vh)"
@click="handleDetail(21)"
>
<!-- <div>第一</div> -->
<div style="transform: translateY(3.6vh)">
<span class="xxxx" style="font-size: 26px">
{{ demandUnitNum || 0 }}
</span>
<span class="zzzz"> 个 </span>
<span class="xxxx" >{{ demandUnitNum || 0 }}</span>
<span class="zzzz">个</span>
</div>
<div style="transform: translateY(6vh); font-size: 16px">需求单位</div>
<div style="width: 120px; height: 120px"></div>
</div>
<div
class="info-box info-box_3"
style="transform: translateY(-12.5vh)"
style="transform: translateY(-3.5vh)"
@click="handleDetail(10)"
>
<div>
<span class="xxxx">
{{ maTypeCountFromLease || 0 }}
</span>
<span class="zzzz"> 类 </span>
<span class="xxxx">{{ maTypeCountFromLease || 0 }}</span>
<span class="zzzz">类</span>
</div>
<div>需求总类</div>
<div></div>
@ -313,7 +297,7 @@ export default {
.item {
height: 30%;
background: url('../../../../assets/img/screen/center1_1.png') no-repeat;
/* background: url('../../../../assets/img/screen/center1_1.png') no-repeat; */
background-size: 100% 100%;
.item-title {
@ -351,13 +335,21 @@ export default {
}
.xxxx {
font-family: DS-TITle;
font-size: 26px;
/* font-family: DS-TITle;
font-size: 36px;
// font-weight: bold;
letter-spacing: 3px;
letter-spacing: 3px; */
font-family: DIN;
font-weight: bold;
font-size: 39px;
text-shadow: 5px 11px 30px rgba(111,149,192,0.18);
text-stroke: 1px #FFFFFF;
text-align: center;
font-style: normal;
text-transform: none;
}
.yyyy {
padding-bottom: 10px;
/* padding-bottom: 10px; */
}
.zzzz {
transform: translateX(10px);
@ -380,7 +372,7 @@ export default {
}
}
.info-box_1 div:last-child {
/* .info-box_1 div:last-child {
background: url('../../../../assets/img/screen/center1_2.png') no-repeat;
background-size: 100% 100%;
}
@ -393,7 +385,7 @@ export default {
transform: scale(1.2);
background: url('../../../../assets/img/screen/center1_4.png') no-repeat;
background-size: 100% 100%;
}
} */
.info-box_2 div:first-child {
transform: translateY(40px);

20
src/views/screen/shareScreen/components/left-one-model-new.vue
View File

@ -8,7 +8,7 @@
<div class="data-blocks">
<!-- 左侧数据块 -->
<div class="data-block left">
<img class="icon icon1" src="@/assets/img/screen/left-top.png" alt="Icon 1" />
<!-- <img class="icon icon1" src="@/assets/img/screen/left-top.png" alt="Icon 1" /> -->
<div style="display: flex">
<div class="value">{{ idle80 || 0 }}</div>
<div class="unit">台</div>
@ -18,7 +18,7 @@
<!-- 中间数据块 -->
<div class="data-block center">
<img class="icon icon2" src="@/assets/img/screen/left-top.png" alt="Icon 2" />
<!-- <img class="icon icon2" src="@/assets/img/screen/left-top.png" alt="Icon 2" /> -->
<div style="display: flex">
<div class="value">{{ idle3080 || 0 }}</div>
<div class="unit">台</div>
@ -28,7 +28,7 @@
<!-- 右侧数据块 -->
<div class="data-block right">
<img class="icon icon3" src="@/assets/img/screen/left-top.png" alt="Icon 3" />
<!-- <img class="icon icon3" src="@/assets/img/screen/left-top.png" alt="Icon 3" /> -->
<div style="display: flex">
<div class="value">{{ idle30 || 0 }}</div>
<div class="unit">台</div>
@ -86,7 +86,7 @@ export default {
flex-direction: column;
height: 100%;
width: 100%;
background: url('../../../../assets/img/screen/bg_1.png') no-repeat;
/* background: url('../../../../assets/img/screen/bg_1.png') no-repeat; */
background-size: 100% 100%;
box-sizing: border-box;
@ -133,9 +133,17 @@ export default {
}
.value {
font-family: DS-TITle;
/* font-family: DS-TITle;
font-size: 30px;
color: #7fe4cc;
color: #7fe4cc; */
font-family: DIN;
font-weight: bold;
font-size: 30px;
text-shadow: 5px 11px 30px rgba(111,149,192,0.18);
text-stroke: 1px #FFFFFF;
text-align: center;
font-style: normal;
text-transform: none;
}
.unit {

13
src/views/screen/shareScreen/components/left-two-model-new.vue
View File

@ -156,15 +156,24 @@ export default {
}
.value {
font-family: DS-TITle;
/* font-family: DS-TITle;
font-size: 30px;
color: #7fe4cc;
color: #7fe4cc; */
font-family: DIN;
font-weight: bold;
font-size: 30px;
text-shadow: 5px 11px 30px rgba(111,149,192,0.18);
text-stroke: 1px #FFFFFF;
text-align: center;
font-style: normal;
text-transform: none;
.unit {
font-size: 14px;
}
}
.percentage {
font-family: DIN;
font-size: 16px;
color: #00b9c7;
margin-top: 5px;

16
src/views/screen/shareScreen/components/right-three-model-new.vue
View File

@ -279,16 +279,24 @@ export default {
display: flex;
margin-bottom: 10px;
button {
width: 100px;
height: 30px;
padding: 5px 10px;
margin-right: 5px;
background-color: #09403f;
/* background-color: #09403f; */
background: transparent;
color: #fff;
border: none;
cursor: pointer;
border-radius: 20px;
/* border-radius: 20px; */
background-image: url('../../../../assets/img/screen/tab.png');
background-size: 100% 100%;
&.active {
background-color: #00b9c7;
border-radius: 20px;
height: 30px;
/* background-color: #00b9c7; */
/* border-radius: 20px; */
background-image: url('../../../../assets/img/screen/tab-active.png');
background-size: 100% 100%;
}
}
}

10
src/views/screen/shareScreen/index.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="screen-container">
<div class="screen-title">安徽机械化装备共享平台</div>
<div class="screen-title">机械化施工装备管理(共享)平台</div>
<!-- 贵州 -->
<!-- <div class="screen-title">智联装备云控平台</div> -->
@ -71,10 +71,14 @@ export default {
font-family: 'DS-TITLE';
src: url('../../../assets/font-family/DS-Digital/DS-TITle.ttf');
}
@font-face {
font-family: 'DIN';
src: url('../../../assets/font-family/DIN/DIN-Medium.otf');
}
.screen-container {
width: 100vw;
height: 100vh;
background: url('../../../assets/img/screen/bg.png') no-repeat;
background: url('../../../assets/img/screen/bg-gif.gif') no-repeat;
background-size: 100% 100%;
font-size: 16px;
position: relative;
@ -84,7 +88,7 @@ export default {
top: 1%;
left: 50%;
color: #fff;
font-size: 30px;
font-size: 40px;
// font-weight: bold;
transform: translateX(-50%);
letter-spacing: 3px;