430/vue_mdc_430.git

			@@ -4,24 +4,27 @@
			<!--<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>–>-->
			<!--请选择首页样式：-->
			<!--<!–<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" @click="navigateToTestWorkshop">跳转至测试车间</a-button>
			<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 IndexTask from './IndexTask'
			import IndexBdc from './IndexBdc'
			import api from '@/api/mdc'

			export default {
			name: "Analysis",
			name: 'Analysis',
			components: {
			IndexChart,
			IndexTask,
			@@ -29,16 +32,49 @@
			},
			data() {
			return {
			indexStyle:1
			indexStyle: 1,
			workshopList: [
			{
			workshopName: '长沙车间',
			id: '5321'
			},
			{
			workshopName: '天津车间',
			id: '6312'
			},
			{
			workshopName: '武汉车间',
			id: '3463'
			},
			{
			workshopName: '北京车间',
			id: '8421'
			}
			]
			}
			},
			created() {

			this.getWorkshopListByApi()
			},
			methods: {
			navigateToTestWorkshop(){
			const url=this.$router.resolve('/testWorkshop').href
			window.open(url,'_blank')
			/**
			* 通过车间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
			}
			})
			}
			}
			}