5 列表02

最新推荐文章于 2024-07-23 21:45:00 发布

喵喵酱仔__

最新推荐文章于 2024-07-23 21:45:00 发布

阅读量39

点赞数

分类专栏： # 电商后台管理系统文章标签： vue.js javascript elementui

本文链接：https://blog.csdn.net/qq_38210427/article/details/130202146

版权

电商后台管理系统专栏收录该内容

21 篇文章 1 订阅

订阅专栏

<!--  -->
<template>
    <div class="app-container">
        <div class="p10bg255">
            <!-- <el-tabs type="border-card" class="tabsv">
                <el-tab-pane label="默认方案">默认方案</el-tab-pane>
                <el-tab-pane label="院校领导参观方案">院校领导参观方案</el-tab-pane>
                <el-tab-pane label="外部访客参观方案">外部访客参观方案</el-tab-pane>
            </el-tabs> -->
            <el-radio-group v-model="radio1" @change="changea">
                <el-radio-button label="智慧实训管理平台"></el-radio-button>
                <el-radio-button label="实验室监控中心"></el-radio-button>
                <el-radio-button label="数控机床监控中心"></el-radio-button>
            </el-radio-group>
            <el-button type="primary" class="tabsv" @click="play">播放</el-button>
        </div>
        <div class="p10bg255 mt20">
            <img :src="imageUrl" class="sdege">

        </div>
    </div>
</template>

<script>
export default {
    name: '',
    data () {
        return {
            radio1: '智慧实训管理平台',
            imageUrl: '',

        };
    },

    components: {},

    computed: {},

    mounted () {
        this.imageUrl = require('@/assets/deviceImgs/zhihui.png')
    },

    created () { },

    methods: {
        play () {
            var targetUrl = ''
            if (this.radio1 === '智慧实训管理平台') {
                // targetUrl = '/default/screen'
                targetUrl = '/wisdom/screen'
            } else if (this.radio1 === '实验室监控中心') {
                targetUrl = '/labcamera/screen'
            } else if (this.radio1 === '数控机床监控中心') {
                targetUrl = '/datacontrol/screen'
            }
            let routeData = this.$router.resolve({ path: targetUrl })
            window.open(routeData.href, '_blank');
        },
        changea (e) {
            if (e === '智慧实训管理平台') {
                this.imageUrl = require('@/assets/deviceImgs/zhihui.png')
            } else if (e === '实验室监控中心') {
                this.imageUrl = require('@/assets/deviceImgs/shiyanshi.png')
            } else if (e === '数控机床监控中心') {
                this.imageUrl = require('@/assets/deviceImgs/jiankong.png')
            }
        }
    }
}

</script>
<style>
.tabsv {
    float: right;
}

.sdege {
    display: block;
    width: 100%;
    object-fit: cover;
}
</style>