同步现场代码

This commit is contained in:
GGJ
2024-06-12 16:16:02 +08:00
parent 30075e4e78
commit d4db10d5ca
11 changed files with 96 additions and 34 deletions

View File

@@ -16,9 +16,7 @@
? 'background3'
: ''
" -->
<span
>
<span>
{{ scope.row.assessData }}
</span>
</template>
@@ -124,15 +122,26 @@
</vxe-table>
</div>
<div style="height: 300px; margin-top: 10px; position: relative" v-loading="loading">
<el-select
<!-- <el-select
v-model="time"
size="small"
style="width: 50px; position: absolute; top: 20px; right: 20px; z-index: 1"
@change="analysis"
>
<el-option label="年" value="1" />
<el-option label="月" value="3" />
</el-select>
</el-select> -->
<div style="position: absolute; width: 100px; top: 0px; right: 10px; z-index: 1">
<el-radio-group v-model="city" size="small" >
<el-radio-button label="1"></el-radio-button>
<el-radio-button label="2">地市</el-radio-button>
</el-radio-group>
<el-radio-group v-model="time" size="small" @change="analysis">
<el-radio-button label="1"></el-radio-button>
<el-radio-button label="3"></el-radio-button>
</el-radio-group>
</div>
<MyEChart style="height: 300px" :options="picEChart" />
</div>
</el-dialog>
@@ -145,6 +154,7 @@ import { getAssessDetail, getAssessTrend } from '@/api/device-boot/panorama'
const dialogVisible: any = ref(false)
const rowList: any = ref({})
const time = ref('1')
const city = ref('1')
const loading = ref(false)
const tableData: any = ref([])
@@ -165,6 +175,10 @@ const analysis = (e: any) => {
title: {
text: '各地市综合评估趋势对比'
},
legend: {
right: 120,
top: 20
},
// tooltip: {
// formatter: function (params: any) {
// // console.log(123, params)
@@ -215,7 +229,8 @@ const analysis = (e: any) => {
},
grid: {
bottom: '10px'
bottom: '10px',
top: '60px',
},
yAxis: {

View File

@@ -5,10 +5,14 @@
<el-col :span="12">
<div class="title">
<span>趋势分析</span>
<el-select v-model="time" style="width: 80px; margin-right: 80px" @change="analysis">
<!-- <el-select v-model="time" style="width: 80px; margin-right: 80px" @change="analysis">
<el-option label="年" value="1" />
<el-option label="月" value="3" />
</el-select>
</el-select> -->
<el-radio-group v-model="time" style="margin-right: 50px" @change="analysis" size="small">
<el-radio-button label="1"></el-radio-button>
<el-radio-button label="3"></el-radio-button>
</el-radio-group>
</div>
<MyEChart style="height: 260px" :options="trendEChart" />
</el-col>

View File

@@ -5,10 +5,14 @@
<el-col :span="12">
<div class="title">
<span>趋势分析</span>
<el-select v-model="time" style="width: 80px; margin-right: 80px" @change="analysis">
<!-- <el-select v-model="time" style="width: 80px; margin-right: 80px" @change="analysis">
<el-option label="年" value="1" />
<el-option label="月" value="3" />
</el-select>
</el-select> -->
<el-radio-group v-model="time" style="margin-right: 50px" @change="analysis" size="small">
<el-radio-button label="1"></el-radio-button>
<el-radio-button label="3"></el-radio-button>
</el-radio-group>
</div>
<MyEChart style="height: 260px" :options="trendEChart" />
</el-col>
@@ -33,9 +37,17 @@
</div>
</el-popover>
</span>
<el-select v-model="contaminate" style="width: 120px; margin-right: 80px" @change="contaminateC">
<!-- <el-select v-model="contaminate" style="width: 120px; margin-right: 80px" @change="contaminateC">
<el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-select> -->
<el-radio-group
v-model="contaminate"
style="margin-right: 50px"
@change="contaminateC"
size="small"
>
<el-radio-button v-for="item in options" :label="item.id">{{ item.name }}</el-radio-button>
</el-radio-group>
</div>
<div class="pie">

View File

@@ -10,9 +10,9 @@
<vxe-column sortable field="interruptTimes" title="短时中断次数" />
<vxe-colgroup title="暂态严重度占比">
<vxe-column sortable field="rate20" title="SARFI-90" />
<vxe-column sortable field="rate20" title="SARFI-50" />
<vxe-column sortable field="rate90" title="SARFI-20" />
<vxe-column sortable field="rate90" title="SARFI-90" />
<vxe-column sortable field="rate50" title="SARFI-50" />
<vxe-column sortable field="rate20" title="SARFI-20" />
</vxe-colgroup>
</vxe-table>
</div>

View File

@@ -5,10 +5,14 @@
<el-col :span="12">
<div class="title">
<span>趋势分析</span>
<el-select v-model="time" style="width: 80px; margin-right: 80px" @change="analysis">
<!-- <el-select v-model="time" style="width: 80px; margin-right: 80px" @change="analysis">
<el-option label="年" value="1" />
<el-option label="月" value="3" />
</el-select>
</el-select> -->
<el-radio-group v-model="time" style="margin-right: 50px" @change="analysis" size="small">
<el-radio-button label="1"></el-radio-button>
<el-radio-button label="3"></el-radio-button>
</el-radio-group>
</div>
<MyEChart style="height: 260px" :options="trendEChart" />
</el-col>

View File

@@ -52,7 +52,12 @@
<p class="numOne" @click="LookMap(item.list[3].numOneList, item.list[3].numTwoList, 0)">
{{ item.list[3].numOne }}
</p>
<p style="font-size: 12px; width: 32px; cursor: pointer;color: var(--el-color-primary);" @click.stop="open(i)">详情</p>
<p
style="font-size: 12px; width: 32px; cursor: pointer; color: var(--el-color-primary)"
@click.stop="open(i)"
>
详情
</p>
</div>
</div>
</div>
@@ -70,7 +75,11 @@
<img src="@/assets/img/TJ.png" />
{{ item.title }}
</div>
<div class="card-Box" :style="`height:calc((${boxHeight.height} - 50px )/ 3);`" v-for="val in item.children">
<div
class="card-Box"
:style="`height:calc((${boxHeight.height} - 50px )/ 3);`"
v-for="val in item.children"
>
<div>
<span class="line"></span>
<span class="vol">{{ val.title }}</span>
@@ -427,7 +436,9 @@ defineExpose({ info, show })
}
.vcl {
display: flex;
border-bottom: 1px solid #e6e0e0;
border-bottom: 2px solid #fff;
background-color: #edededc0;
border-radius: 5px;
font-size: 14px;
p {
text-align: center;
@@ -439,6 +450,9 @@ defineExpose({ info, show })
font-weight: 550;
cursor: pointer;
}
&:nth-child(1) {
background-color: #fff;
}
}
.title {

View File

@@ -147,9 +147,9 @@
</div>
<div class="ml22" style="font-size: 12px">
<span>
幅值低于90%:
SARFI-90:
<span class="num">{{ transientNum[0] }}  </span>
幅值低于50%:
SARFI-50:
<span class="num">{{ transientNum[1] }}</span>
</span>
</div>