index.vue 947 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <template>
  2. <div class="page">
  3. <div class="tab">
  4. <el-radio-group v-model="tabType" size="small">
  5. <el-radio-button label="install">安装费用结算标准</el-radio-button>
  6. <el-radio-button label="repair">维修费用结算标准</el-radio-button>
  7. <el-radio-button label="other">其他费用结算标准</el-radio-button>
  8. </el-radio-group>
  9. </div>
  10. <install v-if="tabType == 'install'"></install>
  11. <repair v-if="tabType == 'repair'"></repair>
  12. <other v-if="tabType == 'other'"></other>
  13. </div>
  14. </template>
  15. <script>
  16. import install from './components/install'
  17. import repair from './components/repair'
  18. import other from './components/other'
  19. export default {
  20. components: { install, repair, other },
  21. data() {
  22. return {
  23. tabType: 'install'
  24. }
  25. },
  26. computed: {},
  27. created(){
  28. },
  29. methods: {}
  30. }
  31. </script>
  32. <style lang="scss" scoped>
  33. .page{
  34. height: 100%;
  35. }
  36. .tab{
  37. padding: 20px 20px 0 20px;
  38. }
  39. </style>