<template>
	<zj-page-container>
		<div class="tab">
			<el-radio-group v-model="tabType" size="small">
				<el-radio-button label="install">安装费用结算标准</el-radio-button>
				<el-radio-button label="repair">维修费用结算标准</el-radio-button>
				<el-radio-button label="other">其他费用结算标准</el-radio-button>
			</el-radio-group>
		</div>
		<zj-page-fill>
			<install v-if="tabType == 'install'"></install>
			<repair v-if="tabType == 'repair'"></repair>
			<other v-if="tabType == 'other'"></other>
		</zj-page-fill>
	</zj-page-container>
</template>

<script>
import install from './components/install'
import repair from './components/repair'
import other from './components/other'
export default {
	components: { install, repair, other },
	data() {
		return {
			tabType: 'install'
		}
	},
	computed: {},
	created() {

	},
	methods: {}
}
</script>

<style lang="scss" scoped>
.page {
	height: 100%;
}

.tab {
	padding: 20px 20px 0 20px;
}
</style>
