guangyin
/
hbt-prevention-ui
forked from xxhjsb/hbt-prevention-ui
1
0
Fork 0
Code Pull Requests Activity

feat:大屏图片显示问题

feature1.3
kongyeqing 2024-05-22 09:45:21 +08:00
parent 7db7241774
commit abf35bf7da
5 changed files with 50 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/assets/icons/svg/duty.svg 100644
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

23
src/assets/icons/svg/manage.svg 100644
View File

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>进入后台</title>
<defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
<stop stop-color="#FFFFFF" offset="0%"></stop>
<stop stop-color="#C4EEFF" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
<stop stop-color="#F7F7F7" offset="0%"></stop>
<stop stop-color="#F7F7F7" offset="100%"></stop>
</linearGradient>
</defs>
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="智慧化工园区/封闭园区-首页" transform="translate(-1476.000000, -18.000000)" fill="url(#linearGradient-2)" fill-rule="nonzero">
<g id="进入后台" transform="translate(1476.000000, 18.000000)">
<g id="编组" transform="translate(1.000000, 2.000000)">
<path d="M13.5997167,15.8663833 C13.9078191,15.8732724 14.1539931,16.1250122 14.1539931,16.4331917 C14.1539931,16.7413711 13.9078191,16.993111 13.5997167,17 L3.4,17 C3.09189753,16.993111 2.84572355,16.7413711 2.84572355,16.4331917 C2.84572355,16.1250122 3.09189753,15.8732724 3.4,15.8663833 L13.6,15.8663833 L13.5997167,15.8663833 Z M14.1663833,0 C15.7301,0 17,1.18546666 17,2.6435 L17,12.0889833 C16.9977333,13.5473 15.7278333,14.7324834 14.1663833,14.7324834 L2.83333334,14.7324834 C1.27245,14.7327667 0,13.5475833 0,12.0892667 L0,2.64378334 C0,1.18546666 1.27216666,0 2.83361666,0 L14.1666667,0 L14.1663833,0 Z M14.1663833,1.13361666 L2.83333334,1.13361666 C1.89521668,1.13361666 1.13333334,1.81078332 1.13333334,2.64378334 L1.13333334,12.0889833 C1.13333334,12.9217 1.89521668,13.59915 2.83333334,13.59915 L14.1658167,13.59915 C15.1042167,13.59915 15.8661003,12.9217 15.8661003,12.0889833 L15.8661003,2.64378334 C15.8666667,1.81106666 15.1045,1.13333334 14.1666667,1.13333334 L14.1663833,1.13361666 Z M9.60925,5.15383334 L9.71295,5.21333334 C9.9042,5.32978334 9.97248334,5.58733334 9.86623334,5.79218334 L8.2229,8.8485 C8.12345,9.03975 7.90443334,9.1171 7.71856666,9.03351666 L7.67351666,9.00971666 L7.67465,9.00971666 L7.56981666,8.95021666 C7.37856666,8.83348332 7.31028332,8.57621666 7.41653334,8.37108334 L9.05986666,5.31505 C9.1715,5.11246666 9.41516666,5.04078334 9.60925,5.15355 L9.60925,5.15383334 Z M4.66026666,5.23146666 C4.80638892,5.0697265 5.05550469,5.05582354 5.21871666,5.2003 L5.25668334,5.23713334 C5.40741668,5.40146668 5.41591668,5.65986668 5.28331666,5.83496666 L5.25271666,5.87123334 L4.1225,7.08333334 L5.26065,8.296 C5.4243111,8.4773971 5.42406623,8.75324375 5.26008334,8.93435 C5.10708334,9.09868334 4.8654,9.10945 4.70078334,8.96665 L4.66678334,8.93378334 L3.24076666,7.4103 C3.08768133,7.23724923 3.07485782,6.98124945 3.20988334,6.79376666 L3.24105,6.75608334 L4.66055,5.2309 L4.66026666,5.23146666 Z M11.7402,5.23203334 C11.8861351,5.06967116 12.1356986,5.05537785 12.2992167,5.20001666 L12.3332167,5.23288334 L13.75895,6.76543334 C13.8411167,6.84675 13.88645,6.96263334 13.8827667,7.08276666 C13.8844667,7.18845 13.8516,7.29045 13.7915333,7.37233334 L13.75895,7.41143334 L12.3332167,8.93293334 C12.1793667,9.09981668 11.9402333,9.11086668 11.7739167,8.96636666 L11.7370833,8.9301 C11.5874049,8.76280265 11.575693,8.51342237 11.7090333,8.33283334 L11.7396333,8.29656666 L12.8692833,7.08276666 L11.7396333,5.87066666 C11.575933,5.68917628 11.5761778,5.41323293 11.7402,5.23203334 Z" id="形状"></path>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

1
src/assets/icons/svg/speed.svg 100644
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><defs><style>.a,.b{fill:none;}.a{stroke:#fff;}</style></defs><g transform="translate(0.832 -9)"><path class="a" d="M114.156,107.265a3.975,3.975,0,0,0,1.476-5.49,4.131,4.131,0,0,0-5.581-1.49c-1.6.906-1.1,3.238-2.071,5.436a8.54,8.54,0,0,0-.939-5.462,3.975,3.975,0,0,0-5.49-1.476,4.131,4.131,0,0,0-1.49,5.581c.906,1.6,3.238,1.1,5.436,2.071a8.541,8.541,0,0,0-5.462.939,3.975,3.975,0,0,0-1.476,5.49,4.131,4.131,0,0,0,5.581,1.49c1.6-.906,1.1-3.236,2.069-5.433a8.546,8.546,0,0,0,.94,5.459,3.975,3.975,0,0,0,5.49,1.476,4.131,4.131,0,0,0,1.49-5.581c-.906-1.6-3.236-1.1-5.433-2.07A8.546,8.546,0,0,0,114.156,107.265Zm-7.06,1.568a1.514,1.514,0,1,1,1.514-1.514A1.514,1.514,0,0,1,107.1,108.833Z" transform="translate(-98.08 -88.319)"/><rect class="b" width="20" height="20" transform="translate(-0.832 9)"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 886 B

1
src/assets/icons/svg/weather.svg 100644
View File

@ -0,0 +1 @@
<svg t="1716342113870" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9642" width="200" height="200"><path d="M167.509333 567.409778A270.222222 270.222222 0 0 1 398.222222 156.444444a270.307556 270.307556 0 0 1 250.88 169.699556 299.320889 299.320889 0 0 1 198.627556 201.870222 232.874667 232.874667 0 0 1-85.048889 449.763556H240.014222a211.569778 211.569778 0 0 1-72.533333-410.368z m60.302223-12.401778c4.039111-0.227556 8.106667-0.341333 12.174222-0.341333h27.648c26.567111-137.728 147.768889-241.777778 293.262222-241.777778 6.087111 0 12.145778 0.170667 18.147556 0.568889a213.333333 213.333333 0 1 0-351.260445 241.578666z m95.687111 10.439111L314.595556 611.555556H239.985778a154.680889 154.680889 0 0 0 0 309.333333H762.680889a175.985778 175.985778 0 0 0 64.256-339.911111l-26.026667-10.24-7.822222-26.823111a241.891556 241.891556 0 0 0-469.617778 21.532444zM398.222222 28.444444a28.444444 28.444444 0 0 1 28.444445 28.444445v28.444444a28.444444 28.444444 0 0 1-56.888889 0V56.888889a28.444444 28.444444 0 0 1 28.444444-28.444445z m281.6 116.622223a28.444444 28.444444 0 0 1 0 40.248889l-20.138666 20.110222a28.444444 28.444444 0 0 1-40.220445-40.220445l20.110222-20.110222a28.444444 28.444444 0 0 1 40.220445 0zM0 426.666667a28.444444 28.444444 0 0 1 28.444444-28.444445h28.444445a28.444444 28.444444 0 0 1 0 56.888889H28.444444a28.444444 28.444444 0 0 1-28.444444-28.444444z m116.622222-281.6a28.444444 28.444444 0 0 1 40.248889 0l20.110222 20.138666a28.444444 28.444444 0 0 1-40.220444 40.220445L116.622222 185.315556a28.444444 28.444444 0 0 1 0-40.220445z" fill="#ffffff" p-id="9643"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

11
src/components/header.component.vue
View File

@ -9,12 +9,12 @@
<el-tooltip class="item" effect="dark" content="后台管理" placement="bottom">
<hbt-svg name="manage" title="后台管理" @click="gotoAdmin"></hbt-svg>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="值守平台" placement="bottom">
<!-- <el-tooltip class="item" effect="dark" content="值守平台" placement="bottom">
<hbt-svg name="duty" title="值守平台" @click="openDuty('duty')"></hbt-svg>
</el-tooltip>
</el-tooltip> -->
</div>
<div class="info-block">
<hbt-svg name="speed"></hbt-svg>
<hbt-svg name="weather"></hbt-svg>
<span>多云</span>
<span>21℃</span>
</div>
@ -44,7 +44,7 @@ export default class HeaderComponent extends Vue {
public currentTime = moment().format("HH:mm:ss");
public currentDate = moment().format("YYYY.MM.DD");
public currentWeek = moment().isoWeekday();
public weekForMart = ["", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"]
public weekForMart = ["", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"]
public timer;
public showPageList = false;
public showArrow = false;
@ -77,7 +77,7 @@ export default class HeaderComponent extends Vue {
this.showPageList = !this.showPageList;
}
gotoAdmin() {
this.$router.push('/admin')
this.$router.push('/prevention/home')
}
@ -276,6 +276,7 @@ export default class HeaderComponent extends Vue {
display: inline-flex;
align-items: center;
color: #fff;
&:first-child {
margin-left: 0;
}