关于ts一些乱七八糟的代码

// // mycode-------------------------------------------------------------------------

// interface Person {

//   VehicleOid: string

//   VehicleNumber: string

//   VehicleName: string

//   BelongLine: string

//   DrivingDirection: string

//   CurrStation: string

//   Elapse: string

//   VehicleParameterLabels: {

//     labelName: string

//     labelValue: string

//     labelValue_ZH: string

//   }[]

// }

// interface NameAndAge {

//   VehicleOid: string

//   index: string

//   trainDirection: string

//   // trainSpeed: string // 车辆速度

//   // state: string // 车辆状态

//   // runningMode: string // 列车运行模式(编码)   {1: ATO模式;2: ATB模式;3: 洗车模式; 4:人工模式}

//   // nextStation: string // 该车辆下一站

//   // currentStationName: string// 该车辆当前站

//   // nextStationName: string // 该车辆下一站名字

// }

// const people: Person[] = [

//   {

//     VehicleOid: '3E32C5EAA3309E44ABBC5AE7D928C609',

//     VehicleNumber: '1035',

//     VehicleName: '1035',

//     BelongLine: 'C0C42CD4B1E2CE4CB73104ED8E3134B1',

//     DrivingDirection: 'Up',

//     CurrStation: '1航站楼',

//     Elapse: '54s',

//     VehicleParameterLabels: [

//       {

//         labelName: '列车速度',

//         labelValue: '31',

//         labelValue_ZH: '31 km/h',

//       },

//       {

//         labelName: '运行模式',

//         labelValue: '4',

//         labelValue_ZH: '人工模式',

//       },

//       {

//         labelName: '当前站',

//         labelValue: '4',

//         labelValue_ZH: '1航站楼',

//       },

//       {

//         labelName: '下一站',

//         labelValue: '5',

//         labelValue_ZH: '2航站楼',

//       },

//       {

//         labelName: '故障等级',

//         labelValue: '0',

//         labelValue_ZH: '正常',

//       },

//     ],

//   },

// ]

// // 使用.map()并指定返回类型为NameAndAge[]

// const namesAndAges: NameAndAge[] = people.map(person => ({

//   VehicleOid: person.VehicleOid,

//   index: person.VehicleNumber,

//   trainDirection: person.DrivingDirection,

// }))

// const VArr: {

//   labelName: string

//   labelValue: string

//   labelValue_ZH: string

// }[] = people.map(Vitem => Vitem.VehicleParameterLabels)

// const trainSpeed = computed(() => {

//   return VArr.flat().filter(item => item.labelName === '列车速度').map(mitem => mitem.labelValue)

// })

// const state = computed(() => {

//   return VArr.flat().filter(item => item.labelName === '故障等级').map(mitem => mitem.labelValue)

// })

// const runningMode = computed(() => {

//   return VArr.flat().filter(item => item.labelName === '运行模式').map(mitem => mitem.labelValue)

// })

// const nextStation = computed(() => {

//   return VArr.flat().filter(item => item.labelName === '下一站').map(mitem => mitem.labelValue)

// })

// const nextStationName = computed(() => {

//   return VArr.flat().filter(item => item.labelName === '下一站').map(mitem => mitem.labelValue_ZH)

// })

// const currentStationName = computed(() => {

//   return VArr.flat().filter(item => item.labelName === '当前站').map(mitem => mitem.labelValue)

// })

// interface RES {

//   TrainSpeed: string // 车辆速度

//   State: string // 车辆状态

//   RunningMode: string // 列车运行模式(编码)   {1: ATO模式;2: ATB模式;3: 洗车模式; 4:人工模式}

//   NextStation: string // 该车辆下一站

//   CurrentStationName: string// 该车辆当前站

//   NextStationName: string // 该车辆下一站名字

// }

// interface RES1 {

//   trainSpeed: string // 车辆速度

//   state: string // 车辆状态

//   runningMode: string // 列车运行模式(编码)   {1: ATO模式;2: ATB模式;3: 洗车模式; 4:人工模式}

//   nextStation: string // 该车辆下一站

//   currentStationName: string// 该车辆当前站

//   nextStationName: string // 该车辆下一站名字

// }

// // {trainSpeed: string,state: string,runningMode: string,nextStation: string,currentStationName: string,nextStationName: string}

// const resArr: Array<{ TrainSpeed: string, State: string, RunningMode: string, NextStation: string, CurrentStationName: string, NextStationName: string }> = [...trainSpeed.value, ...state.value, ...runningMode.value, ...nextStation.value, ...nextStationName.value, ...currentStationName.value]

// const resArr1: Array<{ trainSpeed: string, state: string, runningMode: string, nextStation: string, currentStationName: string, nextStationName: string }> = resArr.map((item) => {

//   if (!item)

//     return []

//   return {

//     trainSpeed: item.TrainSpeed,

//     state: item.State,

//     runningMode: item.RunningMode,

//     nextStation: item.NextStation,

//     currentStationName: item.CurrentStationName,

//     nextStationName: item.NextStationName,

//   }

// })

// watchEffect(() => {

//   console.log(namesAndAges, 'val')

//   console.log(VArr.flat(), '33')

//   // console.log(trainSpeed.value, '33') // 列车速度

//   // console.log(state.value, '33') // 车辆状态

//   // console.log(runningMode.value, '33') // 列车模式

//   // console.log(nextStation.value, '33') // 下一站

//   // console.log(nextStationName.value, '33') // 下一站

//   // console.log(currentStationName.value, '33') // 下一站

//   console.log(resArr, '33')

//   console.log(resArr1, '33')

// })

// // mycode---------------------------------------------------------------------------