提交 8fceb271 authored 作者: 汪雄's avatar 汪雄

fix: 更新

上级 8c8d22b4
...@@ -70,7 +70,7 @@ const props = defineProps({ ...@@ -70,7 +70,7 @@ const props = defineProps({
}) })
const dataX = computed(() => { const dataX = computed(() => {
if (props.data.length > 0 && props.data[0]?.x == 'PDF分布') { if (props.data.length > 0 && props.data[0]?.x == 'CDF分布') {
let arr = [] let arr = []
props.data.forEach(item => { props.data.forEach(item => {
arr = item.y.dropRate.map(el => el.x) arr = item.y.dropRate.map(el => el.x)
...@@ -80,7 +80,7 @@ const dataX = computed(() => { ...@@ -80,7 +80,7 @@ const dataX = computed(() => {
return props.data.length > 0 ? props.data.map(item => item.x) : ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']; return props.data.length > 0 ? props.data.map(item => item.x) : ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];
}) })
const dataY = computed(() => { const dataY = computed(() => {
if (props.data.length > 0 && props.data[0]?.x == 'PDF分布') { if (props.data.length > 0 && props.data[0]?.x == 'CDF分布') {
let arr = [] let arr = []
props.data.forEach(item => { props.data.forEach(item => {
arr = item.y.dropRate.map(el => el.y) arr = item.y.dropRate.map(el => el.y)
......
...@@ -82,7 +82,7 @@ ...@@ -82,7 +82,7 @@
<script setup> <script setup>
import { ref, onMounted, onUnmounted, watch, onActivated } from 'vue' import { ref, onMounted, onUnmounted, watch, onActivated, nextTick } from 'vue'
import useAppStore from '@/store/module/app' import useAppStore from '@/store/module/app'
...@@ -222,17 +222,20 @@ watch(useAppStoreInstance, () => { ...@@ -222,17 +222,20 @@ watch(useAppStoreInstance, () => {
// document.getElementById('footer-content-up').style.bottom = '300px' // document.getElementById('footer-content-up').style.bottom = '300px'
} }
if (useAppStoreInstance.isdataPanelShow) { if (useAppStoreInstance.isdataPanelShow) {
nextTick(() => {
document.getElementById('footer-content-up').style.bottom = '0px'
// document.getElementById('all_footer').style.width = `calc(100% - ${asideWidth.value} - ${asideWidth.value})`
// document.getElementById('all_footer').style.bottom = '10px'
if (document.getElementById('control_panel1')) {
// document.getElementById('control_panel1').style.right = '335px'
document.getElementById('control_panel1').style.right = '18%'
}
// document.getElementById('search_panel').style.left = '395px'
document.getElementById('two_footer').style.bottom = '100px'
})
// //console.log(window.innerWidth); // //console.log(window.innerWidth);
document.getElementById('footer-content-up').style.bottom = '0px'
// document.getElementById('all_footer').style.width = `calc(100% - ${asideWidth.value} - ${asideWidth.value})`
// document.getElementById('all_footer').style.bottom = '10px'
if (document.getElementById('control_panel1')) {
// document.getElementById('control_panel1').style.right = '335px'
document.getElementById('control_panel1').style.right = '18%'
}
// document.getElementById('search_panel').style.left = '395px'
document.getElementById('two_footer').style.bottom = '100px'
} else { } else {
......
...@@ -91,8 +91,8 @@ ...@@ -91,8 +91,8 @@
<!-- <KeepAlive> --> <!-- <KeepAlive> -->
<component :is="currentComponent2" :data="[availabilityData]" :title="titles[1]" slogan="可用性" <component :is="currentComponent2" :data="[availabilityData, actualAvailabilityData]" :title="titles[1]"
:legendName="['规划可用性', '实际可用性']"> slogan="可用性" :legendName="['规划可用性', '实际可用性']">
</component> </component>
<!-- </KeepAlive> --> <!-- </KeepAlive> -->
...@@ -172,6 +172,7 @@ let trafficData = ref([]) ...@@ -172,6 +172,7 @@ let trafficData = ref([])
let delayData = ref([]) let delayData = ref([])
let lossRateData = ref([]) let lossRateData = ref([])
let availabilityData = ref([]) let availabilityData = ref([])
let actualAvailabilityData = ref([])
const resetData = () => { const resetData = () => {
capacityData.value = [] capacityData.value = []
...@@ -179,6 +180,7 @@ const resetData = () => { ...@@ -179,6 +180,7 @@ const resetData = () => {
delayData.value = [] delayData.value = []
lossRateData.value = [] lossRateData.value = []
availabilityData.value = [] availabilityData.value = []
actualAvailabilityData.value = []
} }
const screenConfigCaseRef = ref() const screenConfigCaseRef = ref()
...@@ -381,6 +383,7 @@ const getPanelCurveData = async (data) => { ...@@ -381,6 +383,7 @@ const getPanelCurveData = async (data) => {
delayData.value = res.data.delay delayData.value = res.data.delay
lossRateData.value = res.data.lossRate lossRateData.value = res.data.lossRate
availabilityData.value = res.data.availability availabilityData.value = res.data.availability
actualAvailabilityData.value = res.data?.actualAvailability || []
} }
} }
...@@ -598,15 +601,8 @@ const calculateConfig = (selectedTemplate = currentSettingConfig.value) => { ...@@ -598,15 +601,8 @@ const calculateConfig = (selectedTemplate = currentSettingConfig.value) => {
} }
const getGridInfoListData = async () => {
const ret = await getGridInfoList()
if (ret.code == 200) {
appStore.gridInfoList = ret.data
}
}
......
...@@ -57,8 +57,8 @@ ...@@ -57,8 +57,8 @@
</div> </div>
</div> </div>
<el-dialog v-model="screenConfigeDialogVisible" :destroy-on-close="false" :modal="false" width="100" <el-dialog v-model="screenConfigeDialogVisible" :destroy-on-close="false" :modal="false" :show-close="false"
:show-close="false" :before-close="handleScreenConfigeClose" :before-close="handleScreenConfigeClose"
style="background-color: rgba(0, 0, 0,0);padding: 0;margin: 0;z-index: 999;"> style="background-color: rgba(0, 0, 0,0);padding: 0;margin: 0;z-index: 999;">
<screenConfige @handleScreenConfigeClose="handleScreenConfigeClose"></screenConfige> <screenConfige @handleScreenConfigeClose="handleScreenConfigeClose"></screenConfige>
<!-- <div style="width: 100px;height: 100px;background-color: blueviolet;"></div> --> <!-- <div style="width: 100px;height: 100px;background-color: blueviolet;"></div> -->
......
...@@ -283,7 +283,7 @@ const closePanel = () => { ...@@ -283,7 +283,7 @@ const closePanel = () => {
height: 380px; height: 380px;
position: fixed; /* 改为fixed定位 */ position: fixed; /* 改为fixed定位 */
bottom: 0.5vh; bottom: 0.5vh;
left: 400px; left: 20%;
background: #1a1a1a; background: #1a1a1a;
border-radius: 4px; border-radius: 4px;
z-index: 1001; z-index: 1001;
......
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
<!-- <ordit></ordit> --> <!-- <ordit></ordit> -->
<el-carousel :key="carouselKey" indicator-position="none" height="180px" :loop="true" <el-carousel :key="carouselKey" indicator-position="none" height="180px" :loop="true"
:autoplay="globaleAutoPlay" :interval="Number(globalIntervalTime)" @change="handleCarouselChange"> :autoplay="globaleAutoPlay" :interval="Number(globalIntervalTime)" @change="handleCarouselChange">
<el-carousel-item v-for="indexs in 2" :key="indexs" style="text-align: center;height: 100%;"> <el-carousel-item v-for="indexs in orbitMetrics.length" :key="indexs" style="text-align: center;height: 100%;">
<div class="orbit-grid"> <div class="orbit-grid">
<!-- 处理不同的数据结构 --> <!-- 处理不同的数据结构 -->
<template v-if="Array.isArray(orbitMetrics[indexs - 1])"> <template v-if="Array.isArray(orbitMetrics[indexs - 1])">
......
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
</template> </template>
<script setup> <script setup>
import { ref, defineEmits, onBeforeMount } from 'vue'; import { ref, onBeforeMount } from 'vue';
// 定义 props // 定义 props
const props = defineProps({ const props = defineProps({
......
...@@ -6,9 +6,7 @@ ...@@ -6,9 +6,7 @@
* @FilePath: \yuanxinPro\src\store\module\app.js * @FilePath: \yuanxinPro\src\store\module\app.js
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/ */
import Cookies from "js-cookie";
import { ElMessage } from "element-plus";
import { tr } from "element-plus/es/locales.mjs";
const useAppStore = defineStore("app", { const useAppStore = defineStore("app", {
state: () => ({ state: () => ({
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论