klp-oa/klp-ui/src/views/lines/pdo/index.vue

<template>
  <div class="app-container">
    <el-tabs v-model="baseURL" @tab-click="handleTabClick">
      <el-tab-pane v-for="line in lines" :label="line.name" :name="line.url" />
    </el-tabs>
    <PdoPage :baseURL="baseURL" />
  </div>
</template>

<script>
import PdoPage from '../panels/pdo/index.vue'
import lines from '../data.js'

export default {
  components: {
    PdoPage
  },
  data() {
    return {
      lines,
      baseURL: '140.143.206.120:18081',
    }
  },
  methods: {
    handleTabClick(tab) {
      this.baseURL = tab.name
    }
  }
}
</script>