fix:修改今日巡查样式单位
This commit is contained in:
parent
f27c687922
commit
3aaeae0ca1
@ -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;
|
||||||
|
|||||||
@ -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>
|
||||||
@ -247,7 +273,7 @@ export default {
|
|||||||
backgroundColor: "rgba(9, 24, 48, 0.5)",
|
backgroundColor: "rgba(9, 24, 48, 0.5)",
|
||||||
borderColor: "rgba(75, 253, 238, 0.4)",
|
borderColor: "rgba(75, 253, 238, 0.4)",
|
||||||
textStyle: {
|
textStyle: {
|
||||||
fontSize: "0.8rem",
|
fontSize: "0.8rem",
|
||||||
color: "#ffffff",
|
color: "#ffffff",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@ -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;
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user