提交 2efd450d authored 作者: 汪雄's avatar 汪雄

feat:实际可用性

上级 3046471c
...@@ -202,7 +202,7 @@ function initChart() { ...@@ -202,7 +202,7 @@ function initChart() {
rotate: 45, rotate: 45,
margin: 20, margin: 20,
fontSize: 10, fontSize: 10,
// interval: 'auto', // 或直接不写 interval: 'auto', // 或直接不写
// interval: function (index) { // interval: function (index) {
// return index % 10 === 0 // 每10个显示一个 // return index % 10 === 0 // 每10个显示一个
// }, // },
......
...@@ -59,6 +59,8 @@ const props = defineProps({ ...@@ -59,6 +59,8 @@ const props = defineProps({
default: null default: null
} }
}); });
console.log("actualAvailabilityData", props.data[1])
onBeforeUnmount(() => { onBeforeUnmount(() => {
//console.log("中,zhelixieza"); //console.log("中,zhelixieza");
......
...@@ -12,7 +12,7 @@ const SubLoading = (function() { ...@@ -12,7 +12,7 @@ const SubLoading = (function() {
function createLoading(options = {}) { function createLoading(options = {}) {
const { const {
text = 'Loading...', text = '正在加载中',
background = 'rgba(0, 0, 0, 0.57)', background = 'rgba(0, 0, 0, 0.57)',
color = '#fff', color = '#fff',
zIndex = 9999999, zIndex = 9999999,
......
...@@ -492,6 +492,7 @@ const handleConfigApplay = async () => { ...@@ -492,6 +492,7 @@ const handleConfigApplay = async () => {
_delayData: delayData.value, _delayData: delayData.value,
_availabilityData: availabilityData.value, _availabilityData: availabilityData.value,
_lossRateData: lossRateData.value, _lossRateData: lossRateData.value,
_actualAvailabilityData: actualAvailabilityData.value,
component1: currentComponent1.value, component1: currentComponent1.value,
component2: currentComponent2.value, component2: currentComponent2.value,
component3: currentComponent3.value, component3: currentComponent3.value,
......
差异被折叠。
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
<!-- 卫星列表 --> <!-- 卫星列表 -->
<div class="satellite-section"> <div class="satellite-section">
<!-- <cdf></cdf> --> <!-- <cdf></cdf> -->
<component :is="component2" :data="[availabilityData]" zoomHeight="14" :title="titles[1]" slogan="可用性" <component :is="component2" :data="[availabilityData, actualAvailabilityData]" zoomHeight="14" :title="titles[1]"
:legendName="['规划可用性', '实际可用性']"></component> slogan="可用性" :legendName="['规划可用性', '实际可用性']"></component>
</div> </div>
...@@ -43,6 +43,7 @@ let trafficData = ref([]) ...@@ -43,6 +43,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 titles = ref(['', '', '']); const titles = ref(['', '', '']);
const appStore = useAppStore(); const appStore = useAppStore();
...@@ -55,7 +56,7 @@ watch(() => appStore.chartConfig, (newVal) => { ...@@ -55,7 +56,7 @@ watch(() => appStore.chartConfig, (newVal) => {
// console.log('appStore.chartConfig', appStore.chartConfig) // console.log('appStore.chartConfig', appStore.chartConfig)
// console.log('newVal', newVal) // console.log('newVal', newVal)
if (appStore.chartConfig) { if (appStore.chartConfig) {
const { _capacityData, _trafficData, _delayData, _availabilityData, _lossRateData, _titles } = appStore.chartConfig const { _capacityData, _trafficData, _delayData, _availabilityData, _lossRateData, _titles, _actualAvailabilityData } = appStore.chartConfig
component1.value = markRaw(appStore.chartConfig.component1) component1.value = markRaw(appStore.chartConfig.component1)
component2.value = markRaw(appStore.chartConfig.component2) component2.value = markRaw(appStore.chartConfig.component2)
component3.value = markRaw(appStore.chartConfig.component3) component3.value = markRaw(appStore.chartConfig.component3)
...@@ -65,6 +66,7 @@ watch(() => appStore.chartConfig, (newVal) => { ...@@ -65,6 +66,7 @@ watch(() => appStore.chartConfig, (newVal) => {
delayData.value = _delayData delayData.value = _delayData
availabilityData.value = _availabilityData availabilityData.value = _availabilityData
lossRateData.value = _lossRateData lossRateData.value = _lossRateData
actualAvailabilityData.value = _actualAvailabilityData
titles.value = _titles titles.value = _titles
...@@ -87,6 +89,7 @@ const getPanelCurveData = async (data) => { ...@@ -87,6 +89,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
} }
} }
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论