<!--
|
* @Author: 陈祝文 15821704398@163.com
|
* @Date: 2023-03-14 09:50:40
|
* @LastEditors: 陈祝文 15821704398@163.com
|
* @LastEditTime: 2023-03-17 13:11:28
|
* @FilePath: \iwara-scada-web\src\views\main\EquipmentCurrentMonitor\modules\tab.vue
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
-->
|
<template>
|
<div>
|
<a-tabs :activeKey="active" @change="activeChange">
|
<a-tab-pane v-for="item in equipmentList" :key="item.equipmentId" :tab="item.equipmentName + '(' + item.equipmentId + ')'"></a-tab-pane>
|
</a-tabs>
|
</div>
|
</template>
|
<script>
|
import { getEquipmentList } from '@/api/modular/main/QualityDataInfoManage'
|
export default {
|
props: {
|
activeKey: { type: String, required: true }
|
},
|
emits: ['update:activeKey', 'refreshData'],
|
data() {
|
return {
|
equipmentList: []
|
}
|
},
|
computed: {
|
active: {
|
get() {
|
return this.activeKey
|
},
|
set(val) {
|
this.$emit('update:activeKey', val)
|
this.$emit('refreshData', val)
|
}
|
}
|
},
|
created() {
|
this.getEquipment()
|
},
|
methods: {
|
async getEquipment() {
|
try {
|
const { data } = await getEquipmentList({ type: 'Quality' })
|
this.equipmentList = data
|
this.active = this.equipmentList[0].equipmentId
|
} catch (error) {
|
console.log(error)
|
}
|
},
|
activeChange(key) {
|
this.active = key
|
},
|
resetEquipment() {
|
this.active = this.equipmentList[0].equipmentId
|
}
|
}
|
}
|
</script>
|
<style>
|
</style>
|
