klp-mono/apps/hand-factory/components/panels/klp-tabs/klp-tabs.vue

<template>
	<uni-data-checkbox mode="tag" selectedColor="#1a73e8" v-model="currentTab" :localdata="tabData"></uni-data-checkbox>
</template>

<script>
	export default {
		props: {
			value: {
				type: Number,
				required: true,
			}
		},
		computed: {
			currentTab: {
				set(value) {
					this.$emit('input', value);
				},
				get() {
					return this.value
				}
			}
		},
		data() {
			return {
				tabData: [{
						text: "实时监控",
						value: 1,
					},
					{
						text: "生产统计",
						value: 2,
					},
					{
						text: "停机统计",
						value: 3,
					},
					{
						text: "班组绩效",
						value: 4,
					},
				]
			}
		}
	}
</script>

<style>
</style>