同步现场代码
This commit is contained in:
@@ -13,11 +13,11 @@
|
||||
<div class="text">
|
||||
<span style="color: #00b07d">优质:(4.5 , 5]</span>
|
||||
<br />
|
||||
<span style="color: #3399ff">良好:(4 , 4.5]</span>
|
||||
<span style="color: #2b7fd3">良好:(4 , 4.5]</span>
|
||||
<br />
|
||||
<span style="color: #ffcc33">合格:(3 , 4]</span>
|
||||
<br />
|
||||
<span style="color: #ff9900">较差:(2 , 3]</span>
|
||||
<span style="color: #97017e">较差:(2 , 3]</span>
|
||||
<br />
|
||||
<span style="color: #cc0000">极差:[1 , 2]</span>
|
||||
</div>
|
||||
@@ -42,11 +42,11 @@
|
||||
: assessList.score > 4.5
|
||||
? '#339966'
|
||||
: assessList.score > 4
|
||||
? '#3399ff'
|
||||
? '#2b7fd3'
|
||||
: assessList.score > 3
|
||||
? '#ffcc33'
|
||||
: assessList.score > 2
|
||||
? '#ff9900'
|
||||
? '#97017e'
|
||||
: assessList.score > 0
|
||||
? '#cc0000'
|
||||
: ''
|
||||
@@ -70,11 +70,11 @@
|
||||
: item.score > 4.5
|
||||
? '#339966'
|
||||
: item.score > 4
|
||||
? '#3399ff'
|
||||
? '#2b7fd3'
|
||||
: item.score > 3
|
||||
? '#ffcc33'
|
||||
: item.score > 2
|
||||
? '#ff9900'
|
||||
? '#97017e'
|
||||
: item.score > 0
|
||||
? '#cc0000'
|
||||
: ''
|
||||
@@ -228,6 +228,12 @@
|
||||
@click="show = !show"
|
||||
src="@/assets/img/QH.png"
|
||||
/>
|
||||
<div class="legeng">
|
||||
<div v-for="item in legengList">
|
||||
<span :style="`background-color: ${item.color};`"></span>
|
||||
<span>{{ item.title }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 评估 -->
|
||||
<Evaluate ref="evaluateRef" />
|
||||
<!-- 稳态 -->
|
||||
@@ -295,6 +301,28 @@ const options1: any = dictData.getBasicData('Event_Statis').filter(item => {
|
||||
return item
|
||||
}
|
||||
})
|
||||
const legengList = [
|
||||
{
|
||||
color: '#00b07d',
|
||||
title: '优质'
|
||||
},
|
||||
{
|
||||
color: '#3399ff',
|
||||
title: '良好'
|
||||
},
|
||||
{
|
||||
color: '#ffcc33',
|
||||
title: '合格'
|
||||
},
|
||||
{
|
||||
color: '#db0887',
|
||||
title: '较差'
|
||||
},
|
||||
{
|
||||
color: '#ff0000',
|
||||
title: '极差'
|
||||
}
|
||||
]
|
||||
const assessList: any = ref([])
|
||||
const JDlist = ref([
|
||||
{
|
||||
@@ -463,7 +491,7 @@ defineExpose({ info, show })
|
||||
.progress {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
|
||||
.text {
|
||||
width: 50px;
|
||||
font-size: 12px;
|
||||
@@ -494,6 +522,32 @@ defineExpose({ info, show })
|
||||
height: 200px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.legeng {
|
||||
position: absolute;
|
||||
padding: 5px;
|
||||
bottom: 0;
|
||||
left: -75px;
|
||||
width: 70px;
|
||||
font-size: 12px;
|
||||
height: 120px;
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
display: grid;
|
||||
line-height: 22px;
|
||||
grid-template-rows: auto;
|
||||
div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
span:nth-child(1) {
|
||||
display: inline-block;
|
||||
height: 10px;
|
||||
border-radius: 2px;
|
||||
width: 15px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.show {
|
||||
width: 0px;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
Reference in New Issue
Block a user