现场代码同步
This commit is contained in:
@@ -15,7 +15,7 @@
|
||||
import { onMounted, ref, nextTick } from 'vue'
|
||||
import { mainHeight } from '@/utils/layout'
|
||||
defineOptions({
|
||||
name: 'harmonic-boot/detailedAnalysis/responsibility'
|
||||
name: 'harmonic-boot/harmonic/getIntegrityData'
|
||||
})
|
||||
const height = mainHeight(20)
|
||||
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
import { onMounted, ref, nextTick } from 'vue'
|
||||
import { mainHeight } from '@/utils/layout'
|
||||
defineOptions({
|
||||
name: 'harmonic-boot/detailedAnalysis/responsibility'
|
||||
name: 'harmonic-boot/area/OnlineRate'
|
||||
})
|
||||
const height = mainHeight(20)
|
||||
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
<!-- 稳态 -->
|
||||
<template>
|
||||
<!-- 终端 -->
|
||||
<el-dialog draggable title="稳态指标超标占比统计" v-model="dialogVisible" width="1400px">
|
||||
<el-dialog draggable title="稳态指标超标占比统计" v-model="dialogVisible" width="800">
|
||||
<el-row style="height: 330px" :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-col :span="23">
|
||||
<div class="title">
|
||||
<span>稳态指标超标占比</span>
|
||||
</div>
|
||||
@@ -37,14 +37,14 @@
|
||||
</el-row>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<!-- <div class="title">
|
||||
<!-- <el-col :span="12">
|
||||
<div class="title">
|
||||
<span>稳态电能质量水平评估环比变化</span>
|
||||
</div>
|
||||
<div class="pie">
|
||||
<div style="height: 260px; width: 100%" ref="chartRef"></div>
|
||||
</div> -->
|
||||
</el-col>
|
||||
</div>
|
||||
</el-col> -->
|
||||
</el-row>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
@@ -74,29 +74,29 @@
|
||||
<el-col :span="11" class="col pt10">
|
||||
<div>
|
||||
<span>异常问题总数:</span>
|
||||
<span style="color: #2dcd28">60个</span>
|
||||
<span style="color: #2dcd28">0个</span>
|
||||
</div>
|
||||
<div>
|
||||
<span style="width: 120px">已关联工单数:</span>
|
||||
<span style="color: #81b337">60个</span>
|
||||
<span style="color: #81b337">0个</span>
|
||||
</div>
|
||||
<div>
|
||||
<span style="width: 120px"> 工单转换率:</span>
|
||||
<span style="color: #338dff">60%</span>
|
||||
<span style="color: #338dff">0%</span>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="11" class="col pt10" :offset="0.5">
|
||||
<div>
|
||||
<span>异常问题总数:</span>
|
||||
<span style="color: #2dcd28">60个</span>
|
||||
<span style="color: #2dcd28">0个</span>
|
||||
</div>
|
||||
<div>
|
||||
<span style="width: 120px">已关联工单数:</span>
|
||||
<span style="color: #81b337">60个</span>
|
||||
<span style="color: #81b337">0个</span>
|
||||
</div>
|
||||
<div>
|
||||
<span style="width: 120px"> 工单转换率:</span>
|
||||
<span style="color: #338dff">60%</span>
|
||||
<span style="color: #338dff">0%</span>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -518,6 +518,7 @@ defineExpose({ info, show })
|
||||
grid-template-columns: 1fr;
|
||||
border-radius: 10px;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
background-color: #edededc0;
|
||||
}
|
||||
.imgR {
|
||||
|
||||
@@ -33,8 +33,12 @@
|
||||
数据质量
|
||||
</h3>
|
||||
<div style="display: flex">
|
||||
<MyEChart :style="`height: calc(${rowHeight} - 31px)`" :options="ComCharts" />
|
||||
<MyEChart :style="`height: calc(${rowHeight} - 31px)`" :options="onLineCharts" />
|
||||
<MyEChart :style="`height: calc(${rowHeight} - 31px)`" :options="ComCharts" @click="Integrity" />
|
||||
<MyEChart
|
||||
:style="`height: calc(${rowHeight} - 31px)`"
|
||||
:options="onLineCharts"
|
||||
@click="OnlineRate"
|
||||
/>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
@@ -109,7 +113,8 @@ import { color } from '@/components/echarts/color'
|
||||
import DatePicker from '@/components/form/datePicker/index.vue'
|
||||
import MyEChart from '@/components/echarts/MyEchart.vue'
|
||||
import echarts from '@/components/echarts/echarts'
|
||||
|
||||
import { useRouter } from 'vue-router'
|
||||
const router = useRouter()
|
||||
import { getLineDetailData } from '@/api/advance-boot/bearingCapacity'
|
||||
import {
|
||||
getTotalIntegrityByLineIds,
|
||||
@@ -565,6 +570,16 @@ const echart = (row: any) => {
|
||||
|
||||
chart.setOption(option)
|
||||
}
|
||||
// 跳转
|
||||
const Integrity = () => {
|
||||
router.push({
|
||||
name:'harmonic-boot/harmonic/getIntegrityData'
|
||||
})
|
||||
}
|
||||
const OnlineRate = () => {
|
||||
router.push({
|
||||
name:'harmonic-boot/area/OnlineRate'})
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
// open('4c87b7dff2281254fc55c25a4da31506')
|
||||
|
||||
@@ -163,29 +163,29 @@
|
||||
<el-col :span="11" class="col pt10">
|
||||
<div>
|
||||
<span>异常问题总数:</span>
|
||||
<span style="color: #2dcd28">60个</span>
|
||||
<span style="color: #2dcd28">0个</span>
|
||||
</div>
|
||||
<div>
|
||||
<span style="width: 120px">已关联工单数:</span>
|
||||
<span style="color: #81b337">60个</span>
|
||||
<span style="color: #81b337">0个</span>
|
||||
</div>
|
||||
<div>
|
||||
<span style="width: 120px"> 工单转换率:</span>
|
||||
<span style="color: #338dff">60%</span>
|
||||
<span style="color: #338dff">0%</span>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="11" class="col pt10" :offset="0.5">
|
||||
<div>
|
||||
<span>异常问题总数:</span>
|
||||
<span style="color: #2dcd28">60个</span>
|
||||
<span style="color: #2dcd28">0个</span>
|
||||
</div>
|
||||
<div>
|
||||
<span style="width: 120px">已关联工单数:</span>
|
||||
<span style="color: #81b337">60个</span>
|
||||
<span style="color: #81b337">0个</span>
|
||||
</div>
|
||||
<div>
|
||||
<span style="width: 120px"> 工单转换率:</span>
|
||||
<span style="color: #338dff">60%</span>
|
||||
<span style="color: #338dff">0%</span>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -267,19 +267,19 @@ const assessList: any = ref([])
|
||||
const JDlist = ref([
|
||||
{
|
||||
name: '技术监督计划',
|
||||
value: 5
|
||||
value: 0
|
||||
},
|
||||
{
|
||||
name: '在线监测',
|
||||
value: 5
|
||||
value: 0
|
||||
},
|
||||
{
|
||||
name: '用户投诉',
|
||||
value: 5
|
||||
value: 0
|
||||
},
|
||||
{
|
||||
name: '谐波普测',
|
||||
value: 5
|
||||
value: 0
|
||||
}
|
||||
])
|
||||
const harmonicList: any = ref([])
|
||||
@@ -525,6 +525,7 @@ defineExpose({ info, show })
|
||||
grid-template-columns: 1fr;
|
||||
border-radius: 10px;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
background-color: #edededc0;
|
||||
}
|
||||
.imgR {
|
||||
|
||||
@@ -18,8 +18,8 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<div class="Icon">
|
||||
<Icon name="fa fa-refresh" @click="reset" />
|
||||
<div class="Icon" @click="reset">
|
||||
<Icon name="fa fa-refresh" />
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
Reference in New Issue
Block a user