同步现场代码

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>