<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>
  