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-size: 100%;
background-position: 100% 50%; background-position: 100% 50%;
color: #aac6c7; color: #aac6c7;
font-size: 1rem;
span { span {
margin-right: 0.5rem; margin-right: 0.5rem;

View File

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