Tony/god-ytr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: 样式调整

Browse Source
This commit is contained in:
Tony 2024-01-03 10:44:38 +08:00
parent 943da43185
commit 837c33d5b1
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
god-ui/src/views/securePicture/index.vue
View File

@ -49,7 +49,13 @@
<div class="bigscreen-item-wrapper"> <div class="bigscreen-item-wrapper">
<div class="bigscreen-item-title-extra">报警信息</div> <div class="bigscreen-item-title-extra">报警信息</div>
<div class="bigscreen-item-content right-top"> <div class="bigscreen-item-content right-top">
<el-table :data="tableData" style="width: 100%;"> <el-table
:data="tableData"
style="width: 100%;"
row-style="background-color: #051d38;"
cell-style="background-color: #051d38;color: white;border-bottom: 1px solid #25252525;"
header-cell-style="background-color: #092f5c;color: white;"
>
<el-table-column label="报警等级" align='center'> <el-table-column label="报警等级" align='center'>
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.grade=='一级预警'" style="background:#ea6511;border-radius:8px">{{scope.row.grade}}</div> <div v-if="scope.row.grade=='一级预警'" style="background:#ea6511;border-radius:8px">{{scope.row.grade}}</div>
@ -272,7 +278,7 @@ export default {
name: "物资占比", name: "物资占比",
type: "pie", type: "pie",
radius: ["40%", "70%"], radius: ["40%", "70%"],
center: "center", center: ["50%", "56%"],
data: [ data: [
{ {
name: "钢筋", name: "钢筋",
@ -524,6 +530,7 @@ export default {
@import url(../../utils/bigscreenTool/index.scss); @import url(../../utils/bigscreenTool/index.scss);
.bigscreen8-wrapper { .bigscreen8-wrapper {
width: 100%; width: 100%;
height: calc(100vh - 84px);
overflow: hidden; overflow: hidden;
mix-blend-mode: multiply; mix-blend-mode: multiply;
background-image: url(./assets/bg.png); background-image: url(./assets/bg.png);
@ -606,6 +613,7 @@ export default {
align-items: center; align-items: center;
padding: 5px; padding: 5px;
justify-content: space-between; justify-content: space-between;
padding: 0 10px;
.monitoring-icon { .monitoring-icon {
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;