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