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> <style scoped>
.title { .title {
/* padding: 12px 6px; */ /* padding: 12px 6px; */
height: 36px; height: 45px;
padding-left: 55px; padding-left: 55px;
line-height: 37px; line-height: 45px;
color: #fff; color: #fff;
/* background: linear-gradient(to right, #086c94, #0e557f, #06112c); */ /* background: linear-gradient(to right, #086c94, #0e557f, #06112c); */
background: url('../../assets/img/screen/title_bg.png') no-repeat; 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="container">
<div class="item"> <div class="item">
<div class="item-title"> <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>
<div class="item-info"> <div class="item-info">
<div <div
class="info-box info-box_1" class="info-box info-box_1"
style="transform: translateY(-14.5vh)" style="transform: translateY(-7.5vh)"
@click="handleDetail(2)" @click="handleDetail(2)"
> >
<div class="yyyy">上架数</div>
<div> <div>
<span class="xxxx"> <span class="xxxx">{{ devUpNum || 0 }}</span>
{{ devUpNum || 0 }} <span class="zzzz">台</span>
</span>
<span class="zzzz"> 台 </span>
</div> </div>
<div class="yyyy">上架数</div>
<div></div> <div></div>
</div> </div>
<div <div
class="info-box info-box_1" class="info-box info-box_1"
style="transform: translateY(-9vh)" style="transform: translateY(-7.5vh)"
@click="handleDetail(1)" @click="handleDetail(1)"
> >
<div class="yyyy" style="margin-bottom: -6px">入驻数</div> <div style="transform: translateY(9.5vh)">
<div style="transform: translateY(12vh)"> <span class="xxxx" >{{ devNum || 0 }}</span>
<span class="xxxx" style="font-size: 26px"> <span class="zzzz">台</span>
{{ devNum || 0 }}
</span>
<span class="zzzz"> 台 </span>
</div> </div>
<div style="width: 120px; height: 120px"></div> <div class="yyyy" style="transform: translateY(11vh); font-size: 16px">入驻数</div>
<div></div>
</div> </div>
<div <div
class="info-box info-box_1" class="info-box info-box_1"
style="transform: translateY(-14.5vh)" style="transform: translateY(-7.5vh)"
@click="handleDetail(4)" @click="handleDetail(4)"
> >
<div class="yyyy">保养数</div>
<div> <div>
<span class="xxxx"> <span class="xxxx">{{ devQcWaningNum || 0 }}</span>
{{ devQcWaningNum || 0 }} <span class="zzzz">条</span>
</span>
<span class="zzzz"> 条 </span>
</div> </div>
<div class="yyyy">保养数</div>
<div></div> <div></div>
</div> </div>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<div class="item-title" style="transform: translateY(-5vh)"> <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>
<div class="item-info"> <div class="item-info">
<div <div
class="info-box info-box_2" class="info-box info-box_2"
style="transform: translateY(-14vh)" style="transform: translateY(-6.5vh)"
@click="handleDetail(20)" @click="handleDetail(20)"
> >
<div> <div>
<span class="xxxx"> <span class="xxxx">{{ rentTotalNum || 0 }}</span>
{{ rentTotalNum || 0 }} <span class="zzzz">台</span>
</span>
<span class="zzzz"> 台 </span>
</div> </div>
<div>累计数</div> <div>累计数</div>
<div></div> <div></div>
</div> </div>
<div <div
class="info-box info-box_2" class="info-box info-box_2"
style="transform: translateY(-8.5vh)" style="transform: translateY(-3vh)"
@click="handleDetail(6)" @click="handleDetail(6)"
> >
<div style="transform: translateY(7.6vh)"> <div style="transform: translateY(7.6vh)">
<span class="xxxx" style="font-size: 26px"> <span class="xxxx" >{{ devLeasingNum || 0 }}</span>
{{ devLeasingNum || 0 }} <span class="zzzz">台</span>
</span>
<span class="zzzz"> 台 </span>
</div> </div>
<div style="transform: translateY(9vh); font-size: 16px">在租数</div> <div style="transform: translateY(9vh); font-size: 16px">在租数</div>
<div style="width: 120px; height: 120px"></div> <div style="width: 120px; height: 120px"></div>
</div> </div>
<div <div
class="info-box info-box_2" class="info-box info-box_2"
style="transform: translateY(-14vh)" style="transform: translateY(-6.5vh)"
@click="handleDetail(7)" @click="handleDetail(7)"
> >
<div> <div>
<span class="xxxx">{{ devRepairingNum || 0 }}</span> <span class="xxxx">{{ devRepairingNum || 0 }}</span>
<span class="zzzz"> 台 </span> <span class="zzzz">台</span>
</div> </div>
<div>退租数</div> <div>退租数</div>
<div></div> <div></div>
@ -98,48 +88,42 @@
</div> </div>
<div class="item"> <div class="item">
<div class="item-title" style="transform: translateY(-5vh)"> <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>
<div class="item-info"> <div class="item-info">
<div <div
class="info-box info-box_3" class="info-box info-box_3"
style="transform: translateY(-14vh)" style="transform: translateY(-3.5vh)"
@click="handleDetail(9)" @click="handleDetail(9)"
> >
<div> <div>
<span class="xxxx"> <span class="xxxx">{{ leaseNum || 0 }}</span>
{{ leaseNum || 0 }} <span class="zzzz">项</span>
</span>
<span class="zzzz"> 项 </span>
</div> </div>
<div>需求总数</div> <div>需求总数</div>
<div></div> <div></div>
</div> </div>
<div <div
class="info-box info-box_3" class="info-box info-box_3"
style="transform: translateY(-7.5vh)" style="transform: translateY(0vh)"
@click="handleDetail(21)" @click="handleDetail(21)"
> >
<!-- <div>第一</div> --> <!-- <div>第一</div> -->
<div style="transform: translateY(3.6vh)"> <div style="transform: translateY(3.6vh)">
<span class="xxxx" style="font-size: 26px"> <span class="xxxx" >{{ demandUnitNum || 0 }}</span>
{{ demandUnitNum || 0 }} <span class="zzzz">个</span>
</span>
<span class="zzzz"> 个 </span>
</div> </div>
<div style="transform: translateY(6vh); font-size: 16px">需求单位</div> <div style="transform: translateY(6vh); font-size: 16px">需求单位</div>
<div style="width: 120px; height: 120px"></div> <div style="width: 120px; height: 120px"></div>
</div> </div>
<div <div
class="info-box info-box_3" class="info-box info-box_3"
style="transform: translateY(-12.5vh)" style="transform: translateY(-3.5vh)"
@click="handleDetail(10)" @click="handleDetail(10)"
> >
<div> <div>
<span class="xxxx"> <span class="xxxx">{{ maTypeCountFromLease || 0 }}</span>
{{ maTypeCountFromLease || 0 }} <span class="zzzz">类</span>
</span>
<span class="zzzz"> 类 </span>
</div> </div>
<div>需求总类</div> <div>需求总类</div>
<div></div> <div></div>
@ -313,7 +297,7 @@ export default {
.item { .item {
height: 30%; 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%; background-size: 100% 100%;
.item-title { .item-title {
@ -351,13 +335,21 @@ export default {
} }
.xxxx { .xxxx {
font-family: DS-TITle; /* font-family: DS-TITle;
font-size: 26px; font-size: 36px;
// font-weight: bold; // 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 { .yyyy {
padding-bottom: 10px; /* padding-bottom: 10px; */
} }
.zzzz { .zzzz {
transform: translateX(10px); 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: url('../../../../assets/img/screen/center1_2.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
@ -393,7 +385,7 @@ export default {
transform: scale(1.2); transform: scale(1.2);
background: url('../../../../assets/img/screen/center1_4.png') no-repeat; background: url('../../../../assets/img/screen/center1_4.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} } */
.info-box_2 div:first-child { .info-box_2 div:first-child {
transform: translateY(40px); 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-blocks">
<!-- 左侧数据块 --> <!-- 左侧数据块 -->
<div class="data-block left"> <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 style="display: flex">
<div class="value">{{ idle80 || 0 }}</div> <div class="value">{{ idle80 || 0 }}</div>
<div class="unit">台</div> <div class="unit">台</div>
@ -18,7 +18,7 @@
<!-- 中间数据块 --> <!-- 中间数据块 -->
<div class="data-block center"> <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 style="display: flex">
<div class="value">{{ idle3080 || 0 }}</div> <div class="value">{{ idle3080 || 0 }}</div>
<div class="unit">台</div> <div class="unit">台</div>
@ -28,7 +28,7 @@
<!-- 右侧数据块 --> <!-- 右侧数据块 -->
<div class="data-block right"> <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 style="display: flex">
<div class="value">{{ idle30 || 0 }}</div> <div class="value">{{ idle30 || 0 }}</div>
<div class="unit">台</div> <div class="unit">台</div>
@ -86,7 +86,7 @@ export default {
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
width: 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%; background-size: 100% 100%;
box-sizing: border-box; box-sizing: border-box;
@ -133,9 +133,17 @@ export default {
} }
.value { .value {
font-family: DS-TITle; /* font-family: DS-TITle;
font-size: 30px; 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 { .unit {

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

@ -156,15 +156,24 @@ export default {
} }
.value { .value {
font-family: DS-TITle; /* font-family: DS-TITle;
font-size: 30px; 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 { .unit {
font-size: 14px; font-size: 14px;
} }
} }
.percentage { .percentage {
font-family: DIN;
font-size: 16px; font-size: 16px;
color: #00b9c7; color: #00b9c7;
margin-top: 5px; margin-top: 5px;

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

@ -279,16 +279,24 @@ export default {
display: flex; display: flex;
margin-bottom: 10px; margin-bottom: 10px;
button { button {
width: 100px;
height: 30px;
padding: 5px 10px; padding: 5px 10px;
margin-right: 5px; margin-right: 5px;
background-color: #09403f; /* background-color: #09403f; */
background: transparent;
color: #fff; color: #fff;
border: none; border: none;
cursor: pointer; cursor: pointer;
border-radius: 20px; /* border-radius: 20px; */
background-image: url('../../../../assets/img/screen/tab.png');
background-size: 100% 100%;
&.active { &.active {
background-color: #00b9c7; height: 30px;
border-radius: 20px; /* 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> <template>
<div class="screen-container"> <div class="screen-container">
<div class="screen-title">安徽机械化装备共享平台</div> <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'; font-family: 'DS-TITLE';
src: url('../../../assets/font-family/DS-Digital/DS-TITle.ttf'); 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 { .screen-container {
width: 100vw; width: 100vw;
height: 100vh; 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%; background-size: 100% 100%;
font-size: 16px; font-size: 16px;
position: relative; position: relative;
@ -84,7 +88,7 @@ export default {
top: 1%; top: 1%;
left: 50%; left: 50%;
color: #fff; color: #fff;
font-size: 30px; font-size: 40px;
// font-weight: bold; // font-weight: bold;
transform: translateX(-50%); transform: translateX(-50%);
letter-spacing: 3px; letter-spacing: 3px;