现场代码同步

This commit is contained in:
GGJ
2024-05-16 17:55:09 +08:00
parent 7167d52de4
commit eb3713f8cf
7 changed files with 46 additions and 29 deletions

View File

@@ -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)

View File

@@ -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)

View File

@@ -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>

View File

@@ -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 {

View File

@@ -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')

View File

@@ -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 {

View File

@@ -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>