fix: BUG修改

This commit is contained in:
kun 2024-05-13 11:44:23 +08:00
parent 87698ed89c
commit fd376320cd
7 changed files with 42 additions and 17 deletions

View File

@ -9,7 +9,7 @@ module.exports = {
"ie >= 8",
"last 10 versions" // 所有主流浏览器最近10版本用
],
grid: true
grid: false
},
"postcss-pxtorem": {
rootValue: 192, // 设计稿宽度的1/ 10

View File

@ -372,8 +372,8 @@ onMounted(async () => {
.top-statistics{
width: 90%;
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
color: white;
margin: 0 auto;
.statistics-item{

View File

@ -50,23 +50,48 @@
<span v-else-if="key2 == '安全教育'">25</span>
</div>
</div>
<div class="table-head-nine-part2">
<div class="category-title" style="width: 14.6%">
<div class="table-head-nine-part1">
<div class="category-title">
<span>AI报警</span>
</div>
<div class="category-title" style="width: 22%">
<div class="category-content" style="width:80%">
<div>
<div>
<span>AI违章抓拍</span>
</div>
<div class="category-title" style="width:48%">
<span>告警数量月度环比对比</span>
</div>
<div class="category-title" style="width:5%">
<div style="width:50%">告警数量月度环比对比</div>
<div style="width:20%">
<span>100%</span>
</div>
<div class="category-title" style="width: 10.4%;margin:0 0 0 0">
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ countData.aiScore || 0 }}</span>
</div>
</div>
<div class="category-other" style="width: 10%">
<span>20%</span>
</div>
<div class="category-other" style="width: 10%">
<span>{{ countData.aiScore || 0 }}</span>
</div>
</div>
<!-- <div class="table-head-nine-part2">
<div class="category-title">
<span>AI报警</span>
</div>
<div class="category-title">
<span>AI违章抓拍</span>
</div>
<div class="category-title">
<span>告警数量月度环比对比</span>
</div>
<div class="category-title">
<span>100%</span>
</div>
<div class="category-title">
<span>20%</span>
</div>
<div class="category-title">
<span>{{ countData.aiScore || 0 }}</span>
</div>
</div> -->
<div class="table-head-nine-part3">
<div style="width: 14.5%"><span>综合得分</span></div>
<div style="width: 85.5%">

View File

@ -245,8 +245,8 @@ onMounted(async () => {
width: 95%;
height: 50%;
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
color: white;
margin: 0 auto;
margin-top: 3%;

View File

@ -323,8 +323,8 @@ onMounted(async () => {
.top-statistics{
width: 60%;
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
color: white;
margin: 0 auto;
.statistics-item{

View File

@ -188,8 +188,8 @@ onMounted(async () => {
padding: 20px 15px;
.top-statistics {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
color: white;
margin: 0 5%;
.statistics-item {

View File

@ -182,8 +182,8 @@ onMounted(async () => {
padding: 20px 15px;
.top-statistics {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
color: white;
margin: 0 5%;
.statistics-item {