修改多个组件中日期数据为 '2026-09-20'
parent
b4be2f14bd
commit
cd4385a43c
|
|
@ -11,7 +11,7 @@ import { ref } from 'vue'
|
||||||
import DrivingChartPanel from './DrivingChartPanel.vue'
|
import DrivingChartPanel from './DrivingChartPanel.vue'
|
||||||
|
|
||||||
const line = ref(7)
|
const line = ref(7)
|
||||||
const date = ref('2026-06-30')
|
const date = ref('2026-09-20')
|
||||||
const chartData = {
|
const chartData = {
|
||||||
dates: ['01/21', '01/22', '01/23', '01/24', '01/25', '01/26'],
|
dates: ['01/21', '01/22', '01/23', '01/24', '01/25', '01/26'],
|
||||||
current: [98.8, 100.15, 101.3, 99.95, 100.42, 99.35],
|
current: [98.8, 100.15, 101.3, 99.95, 100.42, 99.35],
|
||||||
|
|
|
||||||
|
|
@ -14,7 +14,7 @@ import { ref } from 'vue'
|
||||||
import DrivingChartPanel from './DrivingChartPanel.vue'
|
import DrivingChartPanel from './DrivingChartPanel.vue'
|
||||||
|
|
||||||
const line = ref(7)
|
const line = ref(7)
|
||||||
const date = ref('2026-06-30')
|
const date = ref('2026-09-20')
|
||||||
const chartData = {
|
const chartData = {
|
||||||
dates: ['01/21', '01/22', '01/23', '01/24', '01/25', '01/26'],
|
dates: ['01/21', '01/22', '01/23', '01/24', '01/25', '01/26'],
|
||||||
current: [98.8, 100.15, 101.3, 99.95, 100.42, 99.35],
|
current: [98.8, 100.15, 101.3, 99.95, 100.42, 99.35],
|
||||||
|
|
|
||||||
|
|
@ -50,7 +50,7 @@ import MetroLineSelect from './MetroLineSelect.vue'
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
line: { type: Number, default: 7 },
|
line: { type: Number, default: 7 },
|
||||||
date: { type: String, default: '2026-06-30' },
|
date: { type: String, default: '2026-09-20' },
|
||||||
chartData: { type: Object, default: () => ({}) }
|
chartData: { type: Object, default: () => ({}) }
|
||||||
})
|
})
|
||||||
const emit = defineEmits(['update:line', 'update:date'])
|
const emit = defineEmits(['update:line', 'update:date'])
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="module-eight">
|
<div class="module-eight">
|
||||||
<div class="module-body">
|
<div class="module-body">
|
||||||
<div class="time-range">(2026-07-20)</div>
|
<div class="time-range">(2026-09-20)</div>
|
||||||
<div class="liziqiu-wrapper">
|
<div class="liziqiu-wrapper">
|
||||||
<img class="liziqiu" src="/imgs/liziqiu.png" alt="liziqiu" />
|
<img class="liziqiu" src="/imgs/liziqiu.png" alt="liziqiu" />
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -43,16 +43,16 @@ const time = ref(new Date().toLocaleString())
|
||||||
setInterval(() => time.value = new Date().toLocaleString(), 1000)
|
setInterval(() => time.value = new Date().toLocaleString(), 1000)
|
||||||
|
|
||||||
const list = ref([
|
const list = ref([
|
||||||
{ id: 1, newsTitle: '上海地铁1号线早高峰客流超负荷 运营方加开临客', issuePosttime: '2026-07-20 08:15:23', simCount: '1234', newsUrl: 'http://example.com/news1', status: '0' },
|
{ id: 1, newsTitle: '上海地铁1号线早高峰客流超负荷 运营方加开临客', issuePosttime: '2026-09-20 08:15:23', simCount: '1234', newsUrl: 'http://example.com/news1', status: '0' },
|
||||||
{ id: 2, newsTitle: '地铁2号线发生列车延误事件 乘客有序疏散', issuePosttime: '2026-07-20 09:30:45', simCount: '892', newsUrl: 'http://example.com/news2', status: '1' },
|
{ id: 2, newsTitle: '地铁2号线发生列车延误事件 乘客有序疏散', issuePosttime: '2026-09-20 09:30:45', simCount: '892', newsUrl: 'http://example.com/news2', status: '1' },
|
||||||
{ id: 3, newsTitle: '地铁10号线今日首班车提前发车', issuePosttime: '2026-07-20 06:45:12', simCount: '567', newsUrl: 'http://example.com/news3', status: '0' },
|
{ id: 3, newsTitle: '地铁10号线今日首班车提前发车', issuePosttime: '2026-09-20 06:45:12', simCount: '567', newsUrl: 'http://example.com/news3', status: '0' },
|
||||||
{ id: 4, newsTitle: '地铁13号线新站点今日正式启用', issuePosttime: '2026-07-20 10:20:33', simCount: '789', newsUrl: 'http://example.com/news4', status: '1' },
|
{ id: 4, newsTitle: '地铁13号线新站点今日正式启用', issuePosttime: '2026-09-20 10:20:33', simCount: '789', newsUrl: 'http://example.com/news4', status: '1' },
|
||||||
{ id: 5, newsTitle: '地铁9号线晚高峰客流统计发布', issuePosttime: '2026-07-20 18:45:56', simCount: '2345', newsUrl: 'http://example.com/news5', status: '0' },
|
{ id: 5, newsTitle: '地铁9号线晚高峰客流统计发布', issuePosttime: '2026-09-20 18:45:56', simCount: '2345', newsUrl: 'http://example.com/news5', status: '0' },
|
||||||
{ id: 6, newsTitle: '地铁4号线列车检修工作顺利完成', issuePosttime: '2026-07-20 14:30:18', simCount: '456', newsUrl: 'http://example.com/news6', status: '1' },
|
{ id: 6, newsTitle: '地铁4号线列车检修工作顺利完成', issuePosttime: '2026-09-20 14:30:18', simCount: '456', newsUrl: 'http://example.com/news6', status: '1' },
|
||||||
{ id: 7, newsTitle: '地铁8号线今日运营数据亮眼', issuePosttime: '2026-07-20 16:22:44', simCount: '1567', newsUrl: 'http://example.com/news7', status: '0' },
|
{ id: 7, newsTitle: '地铁8号线今日运营数据亮眼', issuePosttime: '2026-09-20 16:22:44', simCount: '1567', newsUrl: 'http://example.com/news7', status: '0' },
|
||||||
{ id: 8, newsTitle: '地铁7号线突发设备故障 已及时修复', issuePosttime: '2026-07-20 11:15:29', simCount: '678', newsUrl: 'http://example.com/news8', status: '1' },
|
{ id: 8, newsTitle: '地铁7号线突发设备故障 已及时修复', issuePosttime: '2026-09-20 11:15:29', simCount: '678', newsUrl: 'http://example.com/news8', status: '1' },
|
||||||
{ id: 9, newsTitle: '地铁16号线新线路规划公布', issuePosttime: '2026-07-20 13:40:55', simCount: '890', newsUrl: 'http://example.com/news9', status: '0' },
|
{ id: 9, newsTitle: '地铁16号线新线路规划公布', issuePosttime: '2026-09-20 13:40:55', simCount: '890', newsUrl: 'http://example.com/news9', status: '0' },
|
||||||
{ id: 10, newsTitle: '地铁5号线早高峰运营情况良好', issuePosttime: '2026-07-20 07:55:33', simCount: '1123', newsUrl: 'http://example.com/news10', status: '1' }
|
{ id: 10, newsTitle: '地铁5号线早高峰运营情况良好', issuePosttime: '2026-09-20 07:55:33', simCount: '1123', newsUrl: 'http://example.com/news10', status: '1' }
|
||||||
])
|
])
|
||||||
|
|
||||||
const processedList = computed(() => list.value.map((item, index) => ({ ...item, originalIndex: index })))
|
const processedList = computed(() => list.value.map((item, index) => ({ ...item, originalIndex: index })))
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="module-seven">
|
<div class="module-seven">
|
||||||
<div class="module-body">
|
<div class="module-body">
|
||||||
<div class="time-range">(2026-07-20)</div>
|
<div class="time-range">(2026-09-20)</div>
|
||||||
<div class="txt">
|
<div class="txt">
|
||||||
<div class="txt-item txt-item-1">
|
<div class="txt-item txt-item-1">
|
||||||
<img src="/imgs/type1.png" alt="">
|
<img src="/imgs/type1.png" alt="">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue