fix:修改今日巡查样式单位

This commit is contained in:
SunTao 2024-12-10 13:35:35 +08:00
parent f27c687922
commit 3aaeae0ca1
2 changed files with 46 additions and 22 deletions

View File

@ -661,6 +661,7 @@ export default {
background-size: 100%;
background-position: 100% 50%;
color: #aac6c7;
font-size: 1rem;
span {
margin-right: 0.5rem;

View File

@ -14,37 +14,63 @@
</div>
<div class="today-right">
<div class="right-sum" @click="showDialog('')">
<span>{{ all }}</span>
<span>{{ all }}</span
>
</div>
<!-- <div class="right-rate">
<span> {{ scale }}</span
>%
</div> -->
<div class="right-rate">
较昨日<span v-if="state === '增加'" class="up">{{ state }}</span><span v-if="state === '增加'" class="up">{{ state
}}</span><span v-else class="bottom">{{ state
}}</span> {{ count }}
较昨日<span v-if="state === '增加'" class="up">{{ state }}</span
><span v-if="state === '增加'" class="up">{{ state }}</span
><span v-else class="bottom">{{ state }}</span> {{ count }}
<i v-if="state === '增加'" class="el-icon-top"></i>
<i v-else class="el-icon-bottom"></i>
</div>
</div>
<!-- 病害总览弹窗 -->
<el-dialog title="当前病害总览" :visible.sync="showDialogVisible" width="75rem" append-to-body
:close-on-click-modal="false" destroy-on-close @close="screenCancel">
<el-dialog
title="当前病害总览"
:visible.sync="showDialogVisible"
width="75rem"
append-to-body
:close-on-click-modal="false"
destroy-on-close
@close="screenCancel"
>
<div class="today-content">
<div class="today-select">
<div>
<el-select :popper-append-to-body="false" v-model="roadSelect" @change="changeRoad" clearable
placeholder="请选择路段">
<el-option v-for="item in roadList" :key="`${item.name}-${item.index}`" :label="item.name"
:value="item.name" />
<el-select
:popper-append-to-body="false"
v-model="roadSelect"
@change="changeRoad"
clearable
placeholder="请选择路段"
>
<el-option
v-for="item in roadList"
:key="`${item.name}-${item.index}`"
:label="item.name"
:value="item.name"
/>
</el-select>
</div>
<div>
<el-select :popper-append-to-body="false" v-model="companySelect" clearable @change="changeCompany"
placeholder="请选择分公司">
<el-option v-for="item in companyList" :key="`${item.name}-${item.index}`" :label="item.name"
:value="item.name" />
<el-select
:popper-append-to-body="false"
v-model="companySelect"
clearable
@change="changeCompany"
placeholder="请选择分公司"
>
<el-option
v-for="item in companyList"
:key="`${item.name}-${item.index}`"
:label="item.name"
:value="item.name"
/>
</el-select>
</div>
</div>
@ -608,9 +634,7 @@ export default {
font-size: 1.5rem;
font-weight: 800;
font-family: "DouYu";
background: linear-gradient(to bottom,
#ffffff,
#2773d0);
background: linear-gradient(to bottom, #ffffff, #2773d0);
/*设置渐变的方向从左到右 颜色从ff0000到ffff00*/
background-clip: text;
/*将设置的背景颜色限制在文字中*/
@ -641,15 +665,14 @@ export default {
background-size: 100%;
background-position: 100% 50%;
color: #aac6c7;
font-size: 1rem;
span {
font-size: 1.2rem;
font-weight: 800;
font-family: "DouYu";
margin-right: 0.5rem;
background: linear-gradient(to bottom,
#ffffff,
#2773d0);
background: linear-gradient(to bottom, #ffffff, #2773d0);
/*设置渐变的方向从左到右 颜色从ff0000到ffff00*/
background-clip: text;
/*将设置的背景颜色限制在文字中*/
@ -700,7 +723,7 @@ export default {
// height: 10%;
display: flex;
>div {
> div {
width: 50%;
padding: 0 2rem;