Web/admin-sjzx
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改终端台账录入

Browse Source
This commit is contained in:
GGJ
2025-04-09 13:56:41 +08:00
parent ff18cfc3a3
commit cec4bb9904
5 changed files with 107 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
src/views/pqs/runManage/runEvaluate/components/region.vue
View File

@@ -45,13 +45,15 @@ const info = () => {
},
xAxis: {
type: 'value',
data: [1, 2, 3, 4],
data: [1,2,3,4],
axisLabel: {
show: true,
textStyle: {
color: '#FFF'
},
formatter: function (value) {}
// formatter: function (value) {
// }
},
splitLine: {
show: false
@@ -79,47 +81,47 @@ const info = () => {
}
},
markLine: {
silent: false,
symbol: 'circle',
data: [
{
name: '',
yAxis: 100,
lineStyle: {
color: '#009900'
},
label: {
show: true,
formatter: '优质',
color: '#009900'
}
silent: false,
symbol: 'circle',
data: [
{
name: '',
yAxis: 100,
lineStyle: {
color:'#009900'
},
{
name: '',
yAxis: 90,
lineStyle: {
color: '#77DA63'
},
label: {
show: true,
color: '#77DA63',
formatter: '良好'
}
},
{
name: '',
yAxis: 60,
lineStyle: {
color: '#FFCC00'
},
label: {
show: true,
color: '#FFCC00',
formatter: '合格'
}
label: {
show: true,
formatter: '优质',
color:'#009900'
}
]
},
},
{
name: '',
yAxis: 90,
lineStyle: {
color:'#77DA63'
},
label: {
show: true,
color:'#77DA63',
formatter: '良好'
}
},
{
name: '',
yAxis: 60,
lineStyle: {
color:'#FFCC00'
},
label: {
show: true,
color:'#FFCC00',
formatter: '合格'
}
}
]
},
data: dataSource.map(item => item.value)
}
]

83
src/views/pqs/runManage/runEvaluate/components/run.vue
View File

@@ -1,28 +1,39 @@
<template>
<div :style="height">
<!-- <div :style="height">
<MyEChart :options="options" />
</div>
<div class="boxBG">
</div> -->
<div :style="height" class="boxBG">
<div class="appraise">
<div class="iconfont icon-wanzhengshuaifenxi2"></div>
<div class="right">
<span>完整率</span>
<span>优</span>
</div>
<span>完整率</span>
<span style="color: #00cc00">98分</span>
<span style="color: #00cc00">优</span>
</div>
<div class="appraise">
<div class="iconfont icon-zaixianshuaibaobiao0"></div>
<div class="right">
<span>在线率</span>
<span>优</span>
</div>
<span>在线率</span>
<span style="color: #00cc00">98分</span>
<span style="color: #00cc00">优</span>
</div>
<div class="appraise">
<div class="iconfont icon-dianyahegeshuai"></div>
<div class="right">
<span>合格率</span>
<span>合格率</span>
<span style="color: #00cc00">98分</span>
<span style="color: #00cc00">优</span>
</div>
<div class="appraise">
<div class="iconfont icon-dianyahegeshuai"></div>
<span>综合评价</span>
<span style="color: #00cc00">98分</span>
<span style="color: #00cc00">优</span>
<!-- <div class="right">
<span>综合评价</span>
<span>优</span>
</div>
</div> -->
</div>
</div>
</template>
@@ -32,7 +43,7 @@ import MyEChart from '@/components/echarts/MyEchart.vue'
import { mainHeight } from '@/utils/layout'
const options = ref({})
const height = mainHeight(650, 1.5)
const height = mainHeight(520, 1.5)
const info = () => {
options.value = {
@@ -100,38 +111,38 @@ onMounted(() => {
<style lang="scss" scoped>
.boxBG {
display: flex;
// flex-wrap: wrap;
flex-direction: column;
justify-content: space-around;
overflow: hidden;
width: 100%;
.appraise {
width: 30%;
height: 30px;
width: 99%;
background-image: url('@/assets/imgs/bg02.png');
background-size: 100% 100%;
display: inline-block;
height: 80px;
height: 20%;
color: #fff;
display: flex;
justify-content: center;
.right {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 14px;
span:nth-child(2) {
font-size: 20px;
font-weight: 600;
margin-top: 5px;
color: #00cc00;
}
justify-content: space-around;
align-items: center;
font-size: 20px;
span:nth-child(2) {
width: 80px;
}
.iconfont {
width: 50px;
height: 50px;
display: flex;
height: 60%;
aspect-ratio: 1 / 1;
background-color: var(--el-color-primary);
font-size: 30px;
text-align: center;
line-height: 50px;
font-size: 24px;
justify-content: center;
align-items: center;
border-radius: 10px;
margin: 15px 10px 15px 0;
}
}
}

2
src/views/pqs/runManage/runEvaluate/components/terminalDetails.vue
View File

@@ -1,7 +1,7 @@
<template>
<div :style="height" class="mt10">
<vxe-table height="auto" v-bind="defaultAttribute" :data="tableData">
<vxe-column type="seq" title="序号"></vxe-column>
<vxe-column type="seq" width="80px" title="序号"></vxe-column>
<vxe-column field="a" title="终端名称"></vxe-column>
<vxe-column field="b" title="所属电站"></vxe-column>
<vxe-column field="c" title="完整性"></vxe-column>

8
src/views/pqs/runManage/runEvaluate/index.vue
View File

@@ -301,7 +301,7 @@ onMounted(() => {
display: flex;
position: absolute;
top: 80px;
width: 25%;
width: 450px;
flex-direction: column;
z-index: 99;
transition: all 0.3s ease;
@@ -324,9 +324,9 @@ onMounted(() => {
.center {
position: absolute;
bottom: 16px;
left: 26%;
// transform: translateX(-50%);
width: 48%;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 950px);
min-width: 480px;
.box {
flex: 1; /* 占2份高度 */