<template>
|
<div>
|
<index-chart v-if="indexStyle==1"></index-chart>
|
<!--<index-bdc v-if="indexStyle==2"></index-bdc>-->
|
<!--<index-task v-if="indexStyle==3"></index-task>-->
|
<!--<div style="width: 100%;text-align: right;margin-top: 20px">-->
|
<!--请选择首页样式：-->
|
<!--<!–<a-radio-group v-model="indexStyle">–>-->
|
<!--<!–<a-radio :value="1">统计图表</a-radio>–>-->
|
<!--<!–<a-radio :value="2">统计图表2</a-radio>–>-->
|
<!--<!–<a-radio :value="3">任务表格</a-radio>–>-->
|
<!--<!–</a-radio-group>–>-->
|
<!--</div>-->
|
<a-button type="primary" size="large" v-for="item in workshopList" :key="item.workshopId"
|
@click="navigateToWorkshopSignage(item.id)">{{item.workshopName}}
|
</a-button>
|
</div>
|
</template>
|
|
<script>
|
import IndexChart from './IndexChart'
|
import IndexTask from './IndexTask'
|
import IndexBdc from './IndexBdc'
|
import api from '@/api/mdc'
|
|
export default {
|
name: 'Analysis',
|
components: {
|
IndexChart,
|
IndexTask,
|
IndexBdc
|
},
|
data() {
|
return {
|
indexStyle: 1,
|
workshopList: [
|
{
|
workshopName: '长沙车间',
|
id: '5321'
|
},
|
{
|
workshopName: '天津车间',
|
id: '6312'
|
},
|
{
|
workshopName: '武汉车间',
|
id: '3463'
|
},
|
{
|
workshopName: '北京车间',
|
id: '8421'
|
}
|
]
|
}
|
},
|
created() {
|
this.getWorkshopListByApi()
|
},
|
methods: {
|
/**
|
* 通过车间Id跳转至相应车间大屏看板
|
* @param id 车间Id
|
*/
|
navigateToWorkshopSignage(id) {
|
const url = this.$router.resolve(`/workshopSignage/${id}`).href
|
window.open(url, '_blank')
|
},
|
/**
|
* 获取车间列表
|
*/
|
getWorkshopListByApi() {
|
api.getWorkshopListInHomePageApi().then(res => {
|
console.log('res', res)
|
if (res.result && res.result.length > 0) {
|
this.workshopList = res.result
|
}
|
})
|
}
|
}
|
}
|
</script>
|
