2024/5/14
<template>
<div>
<div class="card" style="margin-bottom: 10px">
<el-cascader
v-model="data.start"
placeholder="请选择出发站"
:options="options"
filterable
clearable
:show-all-levels="false"
:props="props"
@change="handleChange"
/>
<el-cascader
v-model="data.end"
placeholder="请选择终点站"
:options="options"
filterable
clearable
:show-all-levels="false"
:props="props"
@change="handleChange"
/>
<el-button type="primary" style="margin-left: 10px" @click="load">查询</el-button>
</div>
<div class="card" style="margin-bottom: 10px">
<div v-for="(row, index) in groupedStations" :key="index">
<el-steps :space="500" :active="6">
<el-step v-for="station in row" :key="station.id" :title="station.name" :icon="station.trans ? 'Location' : 'LocationFilled'" :description="station.trans ? '' : '换乘'" />
</el-steps>
</div>
</div>
<div>
<el-image :src="beijingImage" fit="contain"></el-image>
</div>
</div>
</template>
<script setup>
import {reactive} from "vue";
import {Search} from '@element-plus/icons-vue'
import request from "../../utils/request";
import {ElMessage, ElMessageBox} from "element-plus";
import { ref, computed } from "vue";
import beijingImage from '@/assets/imgs/beijing.png'; // 导入图片
const data = reactive({
start:'',
end:'',
id:'',
name:'',
linelist:[],
beijingImage
})
const value = ref([])
const props = {
expandTrigger: 'hover',
}
const handleChange = (value) => {
console.log(value)
}
const options = [
{
"value": "1号线",
"label": "1号线",
"children": [
{
"value": "古城",
"label": "古城"
},
{
"value": "八角游乐园",
"label": "八角游乐园"
},
{
"value": "八宝山",
"label": "八宝山"
},
{
"value": "玉泉路",
"label": "玉泉路"
},
{
"value": "五棵松",
"label": "五棵松"
},
{
"value": "万寿路",
"label": "万寿路"
},
{
"value": "公主坟",
"label": "公主坟"
},
{
"value": "军事博物馆",
"label": "军事博物馆"
},
{
"value": "木樨地",
"label": "木樨地"
},
{
"value": "南礼士路",
"label": "南礼士路"
},
{
"value": "复兴门",
"label": "复兴门"
},
{
"value": "西单",
"label": "西单"
},
{
"value": "天安门西",
"label": "天安门西"
},
{
"value": "天安门东",
"label": "天安门东"
},
{
"value": "王府井",
"label": "王府井"
},
{
"value": "东单",
"label": "东单"
},
{
"value": "建国门",
"label": "建国门"
},
{
"value": "永安里",
"label": "永安里"
},
{
"value": "国贸",
"label": "国贸"
},
{
"value": "大望路",
"label": "大望路"
},
{
"value": "四惠",
"label": "四惠"
},
{
"value": "四惠东",
"label": "四惠东"
},
{
"value": "高碑店",
"label": "高碑店"
},
{
"value": "传媒大学",
"label": "传媒大学"
},
{
"value": "双桥",
"label": "双桥"
},
{
"value": "管庄",
"label": "管庄"
},
{
"value": "八里桥",
"label": "八里桥"
},
{
"value": "通州北苑",
"label": "通州北苑"
},
{
"value": "果园",
"label": "果园"
},
{
"value": "九棵树",
"label": "九棵树"
},
{
"value": "梨园",
"label": "梨园"
},
{
"value": "临河里",
"label": "临河里"
},
{
"value": "土桥",
"label": "土桥"
},
{
"value": "花庄",
"label": "花庄"
},
{
"value": "环球度假区",
"label": "环球度假区"
}
]
},
{
value: '2号线',
label: '2号线',
children: [
{
"value": "积水潭",
"label": "积水潭"
},
{
"value": "鼓楼大街",
"label": "鼓楼大街"
},
{
"value": "安定门",
"label": "安定门"
},
{
"value": "雍和宫",
"label": "雍和宫"
},
{
"value": "东直门",
"label": "东直门"
},
{
"value": "东四十条",
"label": "东四十条"
},
{
"value": "朝阳门",
"label": "朝阳门"
},
{
"value": "建国门",
"label": "建国门"
},
{
"value": "北京站",
"label": "北京站"
},
{
"value": "崇文门",
"label": "崇文门"
},
{
"value": "前门",
"label": "前门"
},
{
"value": "和平门",
"label": "和平门"
},
{
"value": "宣武门",
"label": "宣武门"
},
{
"value": "长椿街",
"label": "长椿街"
},
{
"value": "复兴门",
"label": "复兴门"
},
{
"value": "阜成门",
"label": "阜成门"
},
{
"value": "车公庄",
"label": "车公庄"
},
{
"value": "西直门",
"label": "西直门"
},
{
"value": "积水潭",
"label": "积水潭"
}
],
},
{
"value": "4号线",
"label": "4号线",
"children": [
{
"value": "安河桥北",
"label": "安河桥北"
},
{
"value": "北宫门",
"label": "北宫门"
},
{
"value": "西苑",
"label": "西苑"
},
{
"value": "圆明园",
"label": "圆明园"
},
{
"value": "北京大学东门",
"label": "北京大学东门"
},
{
"value": "中关村",
"label": "中关村"
},
{
"value": "海淀黄庄",
"label": "海淀黄庄"
},
{
"value": "人民大学",
"label": "人民大学"
},
{
"value": "魏公村",
"label": "魏公村"
},
{
"value": "国家图书馆",
"label": "国家图书馆"
},
{
"value": "动物园",
"label": "动物园"
},
{
"value": "西直门",
"label": "西直门"
},
{
"value": "新街口",
"label": "新街口"
},
{
"value": "平安里",
"label": "平安里"
},
{
"value": "西四",
"label": "西四"
},
{
"value": "灵境胡同",
"label": "灵境胡同"
},
{
"value": "西单",
"label": "西单"
},
{
"value": "宣武门",
"label": "宣武门"
},
{
"value": "菜市口",
"label": "菜市口"
},
{
"value": "陶然亭",
"label": "陶然亭"
},
{
"value": "北京南站",
"label": "北京南站"
},
{
"value": "马家堡",
"label": "马家堡"
},
{
"value": "角门西",
"label": "角门西"
},
{
"value": "公益西桥",
"label": "公益西桥"
},
{
"value": "新宫",
"label": "新宫"
},
{
"value": "西红门",
"label": "西红门"
},
{
"value": "高米店北",
"label": "高米店北"
},
{
"value": "高米店南",
"label": "高米店南"
},
{
"value": "枣园",
"label": "枣园"
},
{
"value": "清源路",
"label": "清源路"
},
{
"value": "黄村西大街",
"label": "黄村西大街"
},
{
"value": "黄村火车站",
"label": "黄村火车站"
},
{
"value": "义和庄",
"label": "义和庄"
},
{
"value": "生物医药基地",
"label": "生物医药基地"
},
{
"value": "天宫院",
"label": "天宫院"
}
]
},
{
"value": "5号线",
"label": "5号线",
"children": [
{
"value": "天通苑北",
"label": "天通苑北"
},
{
"value": "天通苑",
"label": "天通苑"
},
{
"value": "天通苑南",
"label": "天通苑南"
},
{
"value": "立水桥",
"label": "立水桥"
},
{
"value": "立水桥南",
"label": "立水桥南"
},
{
"value": "北苑路北",
"label": "北苑路北"
},
{
"value": "大屯路东",
"label": "大屯路东"
},
{
"value": "惠新西街北口",
"label": "惠新西街北口"
},
{
"value": "惠新西街南口",
"label": "惠新西街南口"
},
{
"value": "和平西桥",
"label": "和平西桥"
},
{
"value": "和平里北街",
"label": "和平里北街"
},
{
"value": "雍和宫",
"label": "雍和宫"
},
{
"value": "北新桥",
"label": "北新桥"
},
{
"value": "张自忠路",
"label": "张自忠路"
},
{
"value": "东四",
"label": "东四"
},
{
"value": "灯市口",
"label": "灯市口"
},
{
"value": "东单",
"label": "东单"
},
{
"value": "崇文门",
"label": "崇文门"
},
{
"value": "磁器口",
"label": "磁器口"
},
{
"value": "天坛东门",
"label": "天坛东门"
},
{
"value": "蒲黄榆",
"label": "蒲黄榆"
},
{
"value": "刘家窑",
"label": "刘家窑"
},
{
"value": "宋家庄",
"label": "宋家庄"
}
]
},
{
"value": "6号线",
"label": "6号线",
"children": [
{
"value": "金安桥",
"label": "金安桥"
},
{
"value": "苹果园",
"label": "苹果园"
},
{
"value": "杨庄",
"label": "杨庄"
},
{
"value": "西黄村",
"label": "西黄村"
},
{
"value": "廖公庄",
"label": "廖公庄"
},
{
"value": "田村",
"label": "田村"
},
{
"value": "海淀五路居",
"label": "海淀五路居"
},
{
"value": "慈寿寺",
"label": "慈寿寺"
},
{
"value": "花园桥",
"label": "花园桥"
},
{
"value": "白石桥南",
"label": "白石桥南"
},
{
"value": "二里沟",
"label": "二里沟"
},
{
"value": "车公庄西",
"label": "车公庄西"
},
{
"value": "车公庄",
"label": "车公庄"
},
{
"value": "平安里",
"label": "平安里"
},
{
"value": "北海北",
"label": "北海北"
},
{
"value": "南锣鼓巷",
"label": "南锣鼓巷"
},
{
"value": "东四",
"label": "东四"
},
{
"value": "朝阳门",
"label": "朝阳门"
},
{
"value": "东大桥",
"label": "东大桥"
},
{
"value": "呼家楼",
"label": "呼家楼"
},
{
"value": "金台路",
"label": "金台路"
},
{
"value": "十里堡",
"label": "十里堡"
},
{
"value": "青年路",
"label": "青年路"
},
{
"value": "褡裢坡",
"label": "褡裢坡"
},
{
"value": "黄渠",
"label": "黄渠"
},
{
"value": "常营",
"label": "常营"
},
{
"value": "草房",
"label": "草房"
},
{
"value": "物资学院路",
"label": "物资学院路"
},
{
"value": "通州北关",
"label": "通州北关"
},
{
"value": "北运河西",
"label": "北运河西"
},
{
"value": "北运河东",
"label": "北运河东"
},
{
"value": "郝家府",
"label": "郝家府"
},
{
"value": "东夏园",
"label": "东夏园"
},
{
"value": "潞城",
"label": "潞城"
}
]
},
{
"value": "7号线",
"label": "7号线",
"children": [
{
"value": "北京西站",
"label": "北京西站"
},
{
"value": "湾子",
"label": "湾子"
},
{
"value": "达官营",
"label": "达官营"
},
{
"value": "广安门内",
"label": "广安门内"
},
{
"value": "菜市口",
"label": "菜市口"
},
{
"value": "虎坊桥",
"label": "虎坊桥"
},
{
"value": "珠市口",
"label": "珠市口"
},
{
"value": "桥湾",
"label": "桥湾"
},
{
"value": "磁器口",
"label": "磁器口"
},
{
"value": "广渠门内",
"label": "广渠门内"
},
{
"value": "广渠门外",
"label": "广渠门外"
},
{
"value": "双井",
"label": "双井"
},
{
"value": "九龙山",
"label": "九龙山"
},
{
"value": "大郊亭",
"label": "大郊亭"
},
{
"value": "百子湾",
"label": "百子湾"
},
{
"value": "化工",
"label": "化工"
},
{
"value": "南楼梓庄",
"label": "南楼梓庄"
},
{
"value": "欢乐谷景区",
"label": "欢乐谷景区"
},
{
"value": "垡头",
"label": "垡头"
},
{
"value": "双合",
"label": "双合"
},
{
"value": "焦化厂",
"label": "焦化厂"
},
{
"value": "黄厂",
"label": "黄厂"
},
{
"value": "郎辛庄",
"label": "郎辛庄"
},
{
"value": "黑庄户",
"label": "黑庄户"
},
{
"value": "万盛西",
"label": "万盛西"
},
{
"value": "万盛东",
"label": "万盛东"
},
{
"value": "群芳",
"label": "群芳"
},
{
"value": "高楼金",
"label": "高楼金"
},
{
"value": "花庄",
"label": "花庄"
},
{
"value": "环球度假区",
"label": "环球度假区"
}
]
},
{
"value": "8号线",
"label": "8号线",
"children": [
{
"value": "瀛海",
"label": "瀛海"
},
{
"value": "德茂",
"label": "德茂"
},
{
"value": "五福堂",
"label": "五福堂"
},
{
"value": "火箭万源",
"label": "火箭万源"
},
{
"value": "东高地",
"label": "东高地"
},
{
"value": "和义",
"label": "和义"
},
{
"value": "大红门南",
"label": "大红门南"
},
{
"value": "海户屯",
"label": "海户屯"
},
{
"value": "木樨园",
"label": "木樨园"
},
{
"value": "永定门外",
"label": "永定门外"
},
{
"value": "天桥",
"label": "天桥"
},
{
"value": "珠市口",
"label": "珠市口"
},
{
"value": "前门",
"label": "前门"
},
{
"value": "王府井",
"label": "王府井"
},
{
"value": "金鱼胡同",
"label": "金鱼胡同"
},
{
"value": "中国美术馆",
"label": "中国美术馆"
},
{
"value": "南锣鼓巷",
"label": "南锣鼓巷"
},
{
"value": "什刹海",
"label": "什刹海"
},
{
"value": "鼓楼大街",
"label": "鼓楼大街"
},
{
"value": "安德里北街",
"label": "安德里北街"
},
{
"value": "安华桥",
"label": "安华桥"
},
{
"value": "北土城",
"label": "北土城"
},
{
"value": "奥体中心",
"label": "奥体中心"
},
{
"value": "奥林匹克公园",
"label": "奥林匹克公园"
},
{
"value": "森林公园南门",
"label": "森林公园南门"
},
{
"value": "林萃桥",
"label": "林萃桥"
},
{
"value": "永泰庄",
"label": "永泰庄"
},
{
"value": "西小口",
"label": "西小口"
},
{
"value": "育新",
"label": "育新"
},
{
"value": "霍营",
"label": "霍营"
},
{
"value": "回龙观东大街",
"label": "回龙观东大街"
},
{
"value": "平西府",
"label": "平西府"
},
{
"value": "育知路",
"label": "育知路"
},
{
"value": "朱辛庄",
"label": "朱辛庄"
}
]
},
{
"value": "9号线",
"label": "9号线",
"children": [
{
"value": "郭公庄",
"label": "郭公庄"
},
{
"value": "丰台科技园",
"label": "丰台科技园"
},
{
"value": "科怡路",
"label": "科怡路"
},
{
"value": "丰台南路",
"label": "丰台南路"
},
{
"value": "丰台东大街",
"label": "丰台东大街"
},
{
"value": "七里庄",
"label": "七里庄"
},
{
"value": "六里桥",
"label": "六里桥"
},
{
"value": "六里桥东",
"label": "六里桥东"
},
{
"value": "北京西站",
"label": "北京西站"
},
{
"value": "军事博物馆",
"label": "军事博物馆"
},
{
"value": "白堆子",
"label": "白堆子"
},
{
"value": "白石桥南",
"label": "白石桥南"
},
{
"value": "国家图书馆",
"label": "国家图书馆"
}
]
},
{
"value": "10号线",
"label": "10号线",
"children": [
{
"value": "西局",
"label": "西局"
},
{
"value": "六里桥",
"label": "六里桥"
},
{
"value": "莲花桥",
"label": "莲花桥"
},
{
"value": "公主坟",
"label": "公主坟"
},
{
"value": "西钓鱼台",
"label": "西钓鱼台"
},
{
"value": "慈寿寺",
"label": "慈寿寺"
},
{
"value": "车道沟",
"label": "车道沟"
},
{
"value": "长春桥",
"label": "长春桥"
},
{
"value": "火器营",
"label": "火器营"
},
{
"value": "巴沟",
"label": "巴沟"
},
{
"value": "苏州街",
"label": "苏州街"
},
{
"value": "海淀黄庄",
"label": "海淀黄庄"
},
{
"value": "知春里",
"label": "知春里"
},
{
"value": "知春路",
"label": "知春路"
},
{
"value": "西土城",
"label": "西土城"
},
{
"value": "牡丹园",
"label": "牡丹园"
},
{
"value": "健德门",
"label": "健德门"
},
{
"value": "北土城",
"label": "北土城"
},
{
"value": "安贞门",
"label": "安贞门"
},
{
"value": "惠新西街南口",
"label": "惠新西街南口"
},
{
"value": "芍药居",
"label": "芍药居"
},
{
"value": "太阳宫",
"label": "太阳宫"
},
{
"value": "三元桥",
"label": "三元桥"
},
{
"value": "亮马桥",
"label": "亮马桥"
},
{
"value": "农业展览馆",
"label": "农业展览馆"
},
{
"value": "团结湖",
"label": "团结湖"
},
{
"value": "呼家楼",
"label": "呼家楼"
},
{
"value": "金台夕照",
"label": "金台夕照"
},
{
"value": "国贸",
"label": "国贸"
},
{
"value": "双井",
"label": "双井"
},
{
"value": "劲松",
"label": "劲松"
},
{
"value": "潘家园",
"label": "潘家园"
},
{
"value": "十里河",
"label": "十里河"
},
{
"value": "分钟寺",
"label": "分钟寺"
},
{
"value": "成寿寺",
"label": "成寿寺"
},
{
"value": "宋家庄",
"label": "宋家庄"
},
{
"value": "石榴庄",
"label": "石榴庄"
},
{
"value": "大红门",
"label": "大红门"
},
{
"value": "角门东",
"label": "角门东"
},
{
"value": "角门西",
"label": "角门西"
},
{
"value": "草桥",
"label": "草桥"
},
{
"value": "纪家庙",
"label": "纪家庙"
},
{
"value": "首经贸",
"label": "首经贸"
},
{
"value": "丰台站",
"label": "丰台站"
},
{
"value": "泥洼",
"label": "泥洼"
},
{
"value": "西局",
"label": "西局"
}
]
},
{
"value": "11号线",
"label": "11号线",
"children": [
{
"value": "模式口",
"label": "模式口"
},
{
"value": "金安桥",
"label": "金安桥"
},
{
"value": "北辛安",
"label": "北辛安"
},
{
"value": "新首钢",
"label": "新首钢"
}
]
},
{
"value": "13号线",
"label": "13号线",
"children": [
{
"value": "西直门",
"label": "西直门"
},
{
"value": "大钟寺",
"label": "大钟寺"
},
{
"value": "知春路",
"label": "知春路"
},
{
"value": "五道口",
"label": "五道口"
},
{
"value": "上地",
"label": "上地"
},
{
"value": "清河站",
"label": "清河站"
},
{
"value": "西二旗",
"label": "西二旗"
},
{
"value": "龙泽",
"label": "龙泽"
},
{
"value": "回龙观",
"label": "回龙观"
},
{
"value": "霍营",
"label": "霍营"
},
{
"value": "立水桥",
"label": "立水桥"
},
{
"value": "北苑",
"label": "北苑"
},
{
"value": "望京西",
"label": "望京西"
},
{
"value": "芍药居",
"label": "芍药居"
},
{
"value": "光熙门",
"label": "光熙门"
},
{
"value": "柳芳",
"label": "柳芳"
},
{
"value": "东直门",
"label": "东直门"
}
]
},
{
"value": "14号线",
"label": "14号线",
"children": [
{
"value": "张郭庄",
"label": "张郭庄"
},
{
"value": "园博园",
"label": "园博园"
},
{
"value": "大瓦窑",
"label": "大瓦窑"
},
{
"value": "郭庄子",
"label": "郭庄子"
},
{
"value": "大井",
"label": "大井"
},
{
"value": "七里庄",
"label": "七里庄"
},
{
"value": "西局",
"label": "西局"
},
{
"value": "东管头",
"label": "东管头"
},
{
"value": "丽泽商务区",
"label": "丽泽商务区"
},
{
"value": "菜户营",
"label": "菜户营"
},
{
"value": "西铁营",
"label": "西铁营"
},
{
"value": "景风门",
"label": "景风门"
},
{
"value": "北京南站",
"label": "北京南站"
},
{
"value": "永定门外",
"label": "永定门外"
},
{
"value": "景泰",
"label": "景泰"
},
{
"value": "蒲黄榆",
"label": "蒲黄榆"
},
{
"value": "方庄",
"label": "方庄"
},
{
"value": "十里河",
"label": "十里河"
},
{
"value": "北工大西门",
"label": "北工大西门"
},
{
"value": "平乐园",
"label": "平乐园"
},
{
"value": "九龙山",
"label": "九龙山"
},
{
"value": "大望路",
"label": "大望路"
},
{
"value": "金台路",
"label": "金台路"
},
{
"value": "朝阳公园",
"label": "朝阳公园"
},
{
"value": "枣营",
"label": "枣营"
},
{
"value": "东风北桥",
"label": "东风北桥"
},
{
"value": "将台",
"label": "将台"
},
{
"value": "望京南",
"label": "望京南"
},
{
"value": "阜通",
"label": "阜通"
},
{
"value": "望京",
"label": "望京"
},
{
"value": "东湖渠",
"label": "东湖渠"
},
{
"value": "来广营",
"label": "来广营"
},
{
"value": "善各庄",
"label": "善各庄"
}
]
},
{
"value": "15号线",
"label": "15号线",
"children": [
{
"value": "清华东路西口",
"label": "清华东路西口"
},
{
"value": "六道口",
"label": "六道口"
},
{
"value": "北沙滩",
"label": "北沙滩"
},
{
"value": "奥林匹克公园",
"label": "奥林匹克公园"
},
{
"value": "安立路",
"label": "安立路"
},
{
"value": "大屯路东",
"label": "大屯路东"
},
{
"value": "关庄",
"label": "关庄"
},
{
"value": "望京西",
"label": "望京西"
},
{
"value": "望京",
"label": "望京"
},
{
"value": "望京东",
"label": "望京东"
},
{
"value": "崔各庄",
"label": "崔各庄"
},
{
"value": "马泉营",
"label": "马泉营"
},
{
"value": "孙河",
"label": "孙河"
},
{
"value": "国展",
"label": "国展"
},
{
"value": "花梨坎",
"label": "花梨坎"
},
{
"value": "后沙峪",
"label": "后沙峪"
},
{
"value": "南法信",
"label": "南法信"
},
{
"value": "石门",
"label": "石门"
},
{
"value": "顺义",
"label": "顺义"
},
{
"value": "俸伯",
"label": "俸伯"
}
]
},
{
"value": "16号线",
"label": "16号线",
"children": [
{
"value": "北安河",
"label": "北安河"
},
{
"value": "温阳路",
"label": "温阳路"
},
{
"value": "稻香湖路",
"label": "稻香湖路"
},
{
"value": "屯佃",
"label": "屯佃"
},
{
"value": "永丰",
"label": "永丰"
},
{
"value": "永丰南",
"label": "永丰南"
},
{
"value": "西北旺",
"label": "西北旺"
},
{
"value": "马连洼",
"label": "马连洼"
},
{
"value": "农大南路",
"label": "农大南路"
},
{
"value": "西苑",
"label": "西苑"
},
{
"value": "万泉河桥",
"label": "万泉河桥"
},
{
"value": "苏州街",
"label": "苏州街"
},
{
"value": "苏州桥",
"label": "苏州桥"
},
{
"value": "万寿寺",
"label": "万寿寺"
},
{
"value": "国家图书馆",
"label": "国家图书馆"
},
{
"value": "二里沟",
"label": "二里沟"
},
{
"value": "甘家口",
"label": "甘家口"
},
{
"value": "玉渊潭东门",
"label": "玉渊潭东门"
},
{
"value": "木樨地",
"label": "木樨地"
},
{
"value": "达官营",
"label": "达官营"
},
{
"value": "红莲南路",
"label": "红莲南路"
},
{
"value": "东管头南",
"label": "东管头南"
},
{
"value": "丰台站",
"label": "丰台站"
},
{
"value": "丰台南路",
"label": "丰台南路"
},
{
"value": "富丰桥",
"label": "富丰桥"
},
{
"value": "看丹",
"label": "看丹"
},
{
"value": "榆树庄",
"label": "榆树庄"
},
{
"value": "洪泰庄",
"label": "洪泰庄"
},
{
"value": "宛平城",
"label": "宛平城"
}
]
},
{
"value": "17号线",
"label": "17号线",
"children": [
{
"value": "十里河",
"label": "十里河"
},
{
"value": "周家庄",
"label": "周家庄"
},
{
"value": "十八里店",
"label": "十八里店"
},
{
"value": "北神树",
"label": "北神树"
},
{
"value": "次渠北",
"label": "次渠北"
},
{
"value": "次渠",
"label": "次渠"
},
{
"value": "嘉会湖",
"label": "嘉会湖"
},
{
"value": "工人体育场",
"label": "工人体育场"
},
{
"value": "左家庄",
"label": "左家庄"
},
{
"value": "西坝河",
"label": "西坝河"
},
{
"value": "太阳宫",
"label": "太阳宫"
},
{
"value": "红军营",
"label": "红军营"
},
{
"value": "清河营",
"label": "清河营"
},
{
"value": "天通苑东",
"label": "天通苑东"
},
{
"value": "未来科学城",
"label": "未来科学城"
},
{
"value": "未来科学城北",
"label": "未来科学城北"
}
]
},
{
"value": "19号线",
"label": "19号线",
"children": [
{
"value": "牡丹园",
"label": "牡丹园"
},
{
"value": "北太平庄",
"label": "北太平庄"
},
{
"value": "积水潭",
"label": "积水潭"
},
{
"value": "平安里",
"label": "平安里"
},
{
"value": "太平桥",
"label": "太平桥"
},
{
"value": "牛街",
"label": "牛街"
},
{
"value": "景风门",
"label": "景风门"
},
{
"value": "草桥",
"label": "草桥"
},
{
"value": "新发地",
"label": "新发地"
},
{
"value": "新宫",
"label": "新宫"
}
]
},
{
"value": "房山线",
"label": "房山线",
"children": [
{
"value": "东管头南",
"label": "东管头南"
},
{
"value": "首经贸",
"label": "首经贸"
},
{
"value": "花乡东桥",
"label": "花乡东桥"
},
{
"value": "白盆窑",
"label": "白盆窑"
},
{
"value": "郭公庄",
"label": "郭公庄"
},
{
"value": "大葆台",
"label": "大葆台"
},
{
"value": "稻田",
"label": "稻田"
},
{
"value": "长阳",
"label": "长阳"
},
{
"value": "篱笆房",
"label": "篱笆房"
},
{
"value": "广阳城",
"label": "广阳城"
},
{
"value": "良乡大学城北",
"label": "良乡大学城北"
},
{
"value": "良乡大学城",
"label": "良乡大学城"
},
{
"value": "良乡大学城西",
"label": "良乡大学城西"
},
{
"value": "良乡南关",
"label": "良乡南关"
},
{
"value": "苏庄",
"label": "苏庄"
},
{
"value": "阎村东",
"label": "阎村东"
}
]
},
{
"value": "燕房线",
"label": "燕房线",
"children": [
{
"value": "燕山",
"label": "燕山"
},
{
"value": "房山城关",
"label": "房山城关"
},
{
"value": "饶乐府",
"label": "饶乐府"
},
{
"value": "马各庄",
"label": "马各庄"
},
{
"value": "大石河东",
"label": "大石河东"
},
{
"value": "星城",
"label": "星城"
},
{
"value": "阎村",
"label": "阎村"
},
{
"value": "紫草坞",
"label": "紫草坞"
},
{
"value": "阎村东",
"label": "阎村东"
}
]
},
{
"value": "大兴机场线",
"label": "大兴机场线",
"children": [
{
"value": "草桥",
"label": "草桥"
},
{
"value": "大兴新城",
"label": "大兴新城"
},
{
"value": "大兴机场",
"label": "大兴机场"
}
]
},
{
"value": "亦庄线",
"label": "亦庄线",
"children": [
{
"value": "宋家庄",
"label": "宋家庄"
},
{
"value": "肖村",
"label": "肖村"
},
{
"value": "小红门",
"label": "小红门"
},
{
"value": "旧宫",
"label": "旧宫"
},
{
"value": "亦庄桥",
"label": "亦庄桥"
},
{
"value": "亦庄文化园",
"label": "亦庄文化园"
},
{
"value": "万源街",
"label": "万源街"
},
{
"value": "荣京东街",
"label": "荣京东街"
},
{
"value": "荣昌东街",
"label": "荣昌东街"
},
{
"value": "同济南路",
"label": "同济南路"
},
{
"value": "经海路",
"label": "经海路"
},
{
"value": "次渠南",
"label": "次渠南"
},
{
"value": "次渠",
"label": "次渠"
},
{
"value": "亦庄火车站",
"label": "亦庄火车站"
}
]
},
{
"value": "昌平线",
"label": "昌平线",
"children": [
{
"value": "西土城",
"label": "西土城"
},
{
"value": "学院桥",
"label": "学院桥"
},
{
"value": "六道口",
"label": "六道口"
},
{
"value": "学知园",
"label": "学知园"
},
{
"value": "清河小营桥",
"label": "清河小营桥"
},
{
"value": "清河站",
"label": "清河站"
},
{
"value": "西二旗",
"label": "西二旗"
},
{
"value": "生命科学园",
"label": "生命科学园"
},
{
"value": "朱辛庄",
"label": "朱辛庄"
},
{
"value": "巩华城",
"label": "巩华城"
},
{
"value": "沙河",
"label": "沙河"
},
{
"value": "沙河高教园",
"label": "沙河高教园"
},
{
"value": "南邵",
"label": "南邵"
},
{
"value": "北邵洼",
"label": "北邵洼"
},
{
"value": "昌平东关",
"label": "昌平东关"
},
{
"value": "昌平",
"label": "昌平"
},
{
"value": "十三陵景区",
"label": "十三陵景区"
},
{
"value": "昌平西山口",
"label": "昌平西山口"
}
]
},
{
"value": "西郊线",
"label": "西郊线",
"children": [
{
"value": "巴沟",
"label": "巴沟"
},
{
"value": "颐和园西门",
"label": "颐和园西门"
},
{
"value": "茶棚",
"label": "茶棚"
},
{
"value": "万安",
"label": "万安"
},
{
"value": "植物园",
"label": "植物园"
},
{
"value": "香山",
"label": "香山"
}
]
},
{
"value": "首都机场线",
"label": "首都机场线",
"children": [
{
"value": "北新桥",
"label": "北新桥"
},
{
"value": "东直门",
"label": "东直门"
},
{
"value": "三元桥",
"label": "三元桥"
},
{
"value": "3号航站楼",
"label": "3号航站楼"
},
{
"value": "2号航站楼",
"label": "2号航站楼"
},
{
"value": "三元桥",
"label": "三元桥"
},
{
"value": "东直门",
"label": "东直门"
},
{
"value": "北新桥",
"label": "北新桥"
}
]
},
{
"value": "S1线",
"label": "S1线",
"children": [
{
"value": "石厂",
"label": "石厂"
},
{
"value": "小园",
"label": "小园"
},
{
"value": "栗园庄",
"label": "栗园庄"
},
{
"value": "上岸",
"label": "上岸"
},
{
"value": "桥户营",
"label": "桥户营"
},
{
"value": "四道桥",
"label": "四道桥"
},
{
"value": "金安桥",
"label": "金安桥"
},
{
"value": "苹果园",
"label": "苹果园"
}
]
},
{
"value": "亦庄有轨电车T1线",
"label": "亦庄有轨电车T1线",
"children": [
{
"value": "屈庄",
"label": "屈庄"
},
{
"value": "融兴街",
"label": "融兴街"
},
{
"value": "瑞合庄",
"label": "瑞合庄"
},
{
"value": "太和桥北",
"label": "太和桥北"
},
{
"value": "四海庄",
"label": "四海庄"
},
{
"value": "九号村",
"label": "九号村"
},
{
"value": "泰河路",
"label": "泰河路"
},
{
"value": "鹿圈东",
"label": "鹿圈东"
},
{
"value": "亦庄同仁",
"label": "亦庄同仁"
},
{
"value": "荣昌东街",
"label": "荣昌东街"
},
{
"value": "亦创会展中心",
"label": "亦创会展中心"
},
{
"value": "经海一路",
"label": "经海一路"
},
{
"value": "定海园西",
"label": "定海园西"
},
{
"value": "定海园",
"label": "定海园"
}
]
}
]
const stations = reactive([
]);
const groupedStations = computed(() => {
const rows = [];
const chunkSize = 6;
for (let i = 0; i < stations.length; i += chunkSize) {
rows.push(stations.slice(i, i + chunkSize));
}
return rows;
});
const load = () =>{
stations.splice(0, stations.length);
const startStation = Object.values(data.start)[1]; // 获取代理对象的第二个元素作为 startStation
const endStation = Object.values(data.end)[1]; // 获取代理对象的第二个元素作为 endStation
console.log(startStation)
console.log(endStation)
request.post('http://localhost:9090/station/getstation',{
param:{
startStation: startStation,
endStation: endStation,
}
}).then(res =>{
console.log(res.data)
data.linelist = res.data
console.log(data.linelist)
data.linelist.forEach((item, index) => {
stations.push({
id: item.stationID,
name: item.stationName,
trans: item.isExchange == 0 ? true : false,
});
});
});
}
load()
</script>
浙公网安备 33010602011771号