153 lines
3.9 KiB
Vue
153 lines
3.9 KiB
Vue
<template>
|
|
<el-table :data="tableData" style="width: 100%" stripe height="100%">
|
|
<el-table-column prop="county" label="区县" width="80" align="center" />
|
|
<el-table-column
|
|
prop="road_code"
|
|
label="路线编码"
|
|
width="80"
|
|
align="center"
|
|
/>
|
|
<el-table-column
|
|
prop="mile_code"
|
|
label="里程桩号"
|
|
width="80"
|
|
align="center"
|
|
/>
|
|
<el-table-column
|
|
prop="level"
|
|
label="行政等级(仅划分:国道、省道、农村公路三类)"
|
|
width="180"
|
|
align="center"
|
|
/>
|
|
<el-table-column
|
|
prop="monthly_traffic"
|
|
label="机动车月交通流量"
|
|
align="center"
|
|
/>
|
|
<el-table-column prop="tec_level" label="技术等级" align="center" />
|
|
<el-table-column prop="name" label="服务保障点具体名称" align="center" />
|
|
<el-table-column prop="type" label="类型" align="center" />
|
|
<el-table-column
|
|
prop="service_station_address"
|
|
label="产权隶属单位（仅划分:交通公路部门含下属单位、其他部门或单位两类）"
|
|
width="180"
|
|
align="center"
|
|
/>
|
|
<el-table-column label="操作" fixed="right" align="center">
|
|
<template #default="scope">
|
|
<el-button size="small" @click="console.log(scope.row)">
|
|
详情
|
|
</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
const tableData = [
|
|
{
|
|
county: "潼南",
|
|
road_code: "G319线",
|
|
mile_code: "2654+000",
|
|
level: "国道",
|
|
monthly_traffic: "5625",
|
|
tec_level: "二级",
|
|
name: "三汇停车区",
|
|
service_station_address: "交通公路部门",
|
|
},
|
|
{
|
|
county: "潼南",
|
|
road_code: "G319线",
|
|
mile_code: "2654+000",
|
|
level: "国道",
|
|
monthly_traffic: "5625",
|
|
tec_level: "二级",
|
|
name: "三汇停车区",
|
|
service_station_address: "交通公路部门",
|
|
},
|
|
{
|
|
county: "潼南",
|
|
road_code: "G319线",
|
|
mile_code: "2654+000",
|
|
level: "国道",
|
|
monthly_traffic: "5625",
|
|
tec_level: "二级",
|
|
name: "三汇停车区",
|
|
service_station_address: "交通公路部门",
|
|
},
|
|
{
|
|
county: "潼南",
|
|
road_code: "G319线",
|
|
mile_code: "2654+000",
|
|
level: "国道",
|
|
monthly_traffic: "5625",
|
|
tec_level: "二级",
|
|
name: "三汇停车区",
|
|
service_station_address: "交通公路部门",
|
|
},
|
|
{
|
|
county: "潼南",
|
|
road_code: "G319线",
|
|
mile_code: "2654+000",
|
|
level: "国道",
|
|
monthly_traffic: "5625",
|
|
tec_level: "二级",
|
|
name: "三汇停车区",
|
|
service_station_address: "交通公路部门",
|
|
},
|
|
{
|
|
county: "潼南",
|
|
road_code: "G319线",
|
|
mile_code: "2654+000",
|
|
level: "国道",
|
|
monthly_traffic: "5625",
|
|
tec_level: "二级",
|
|
name: "三汇停车区",
|
|
service_station_address: "交通公路部门",
|
|
},
|
|
{
|
|
county: "潼南",
|
|
road_code: "G319线",
|
|
mile_code: "2654+000",
|
|
level: "国道",
|
|
monthly_traffic: "5625",
|
|
tec_level: "二级",
|
|
name: "三汇停车区",
|
|
service_station_address: "交通公路部门",
|
|
},
|
|
{
|
|
county: "潼南",
|
|
road_code: "G319线",
|
|
mile_code: "2654+000",
|
|
level: "国道",
|
|
monthly_traffic: "5625",
|
|
tec_level: "二级",
|
|
name: "三汇停车区",
|
|
service_station_address: "交通公路部门",
|
|
},
|
|
{
|
|
county: "潼南",
|
|
road_code: "G319线",
|
|
mile_code: "2654+000",
|
|
level: "国道",
|
|
monthly_traffic: "5625",
|
|
tec_level: "二级",
|
|
name: "三汇停车区",
|
|
service_station_address: "交通公路部门",
|
|
},
|
|
{
|
|
county: "潼南",
|
|
road_code: "G319线",
|
|
mile_code: "2654+000",
|
|
level: "国道",
|
|
monthly_traffic: "5625",
|
|
tec_level: "二级",
|
|
name: "三汇停车区",
|
|
service_station_address: "交通公路部门",
|
|
},
|
|
];
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
</style>
|
|
|