更新

huanghongfeng

3 天以前 5ffc36a1db18d3112a9b50a9cf3953d7fcf21bae

 ÏîÄ¿´úÂë/DP/src/views/setting.vue

@@ -1,9 +1,7 @@
<template>
    <transition name="yh-setting-fade">
        <div class="setting" :class="{ settingShow: settingShow }" v-show="settingShow">
            <div class="setting_dislog" @click="settingShow = false">

            </div>
            <div class="setting_dislog" @click="settingShow = false"></div>
            <div class="setting_inner">
                <div class="setting_header">
                    è®¾ç½®
@@ -11,7 +9,7 @@
                <div class="setting_body">
                    <!-- <div class="left_shu"> å®žæ—¶ç›‘测</div> -->
                    <div class="left_shu"> å…¨å±€è®¾ç½®</div> 
                      <div class="setting_item">
                    <div class="setting_item">
                        <span class="setting_label">
                            æ˜¯å¦è¿›è¡Œè‡ªåŠ¨é€‚配<span class="setting_label_tip">(默认分辨率1920*1080)</span>: 
                        </span>
@@ -20,35 +18,17 @@
                                <el-radio :label="true">是</el-radio>
                                <el-radio :label="false">否</el-radio>
                            </el-radio-group>

                        </div>
                    </div>
                    <!-- <div class="left_shu"> å®žæ—¶ç›‘测</div>
                    <div class="setting_item">
                        <span class="setting_label">
                            è®¾å¤‡æé†’自动轮询: <span class="setting_label_tip"></span>
                        </span>
                        <div class="setting_content">
                            <el-radio-group v-model="sbtxradio" @change="(val) => radiochange(val, 'sbtxSwiper')">
                                <el-radio :label="true">是</el-radio>
                                <el-radio :label="false">否</el-radio>
                            </el-radio-group>

                        </div>
                    </div>
                    <div class="setting_item">
                        <span class="setting_label">
                            å®žæ—¶é¢„警轮播:
                        </span>
                        <div class="setting_content">
                            <el-radio-group v-model="ssyjradio" @change="(val) => radiochange(val, 'ssyjSwiper')">
                                <el-radio :label="true">是</el-radio>
                                <el-radio :label="false">否</el-radio>
                            </el-radio-group>
                        </div>
                    </div> -->
                    
                    <div class="flex justify-center">
                        <!-- <el-button type="primary" round size="mini">确定</el-button> -->
                        <el-button 
                            type="primary" 
                            @click="toggleFullScreen"
                            class="fullscreen-btn"
                        >
                            {{ isFullScreen ? '退出全屏' : '全屏显示' }}
                        </el-button>
                    </div>
                </div>
            </div>
@@ -57,16 +37,16 @@
</template>

<script>

export default {
    components: {},
    data() {
        return {
            settingShow: false,
            sbtxradio:true,
            sbtxradio: true,
            ssyjradio: true,
            isScaleradio:true,
            echartsAutoTime:3000
            isScaleradio: true,
            echartsAutoTime: 3000,
            isFullScreen: false
        };
    },
    computed: {},
@@ -76,12 +56,28 @@
        },
        radiochange(val, type) {
            this.$store.commit('setting/updateSwiper', { val, type })
            if(type==='isScale'){
            if(type === 'isScale'){
                // this.$router.go(0)
                // location.reload()
                // window.location.href=window.location.href+"?t="+Date.now()
            }
        },
        toggleFullScreen() {
            if (!document.fullscreenElement) {
                // è¿›å…¥å…¨å±
                document.documentElement.requestFullscreen().catch(err => {
                    console.error(`全屏错误: ${err.message}`);
                });
            } else {
                // é€€å‡ºå…¨å±
                if (document.exitFullscreen) {
                    document.exitFullscreen();
                }
            }
        },
        handleFullScreenChange() {
            this.isFullScreen = !!document.fullscreenElement;
        }
    },
    created() {
        this.$store.commit('setting/initSwipers')
@@ -91,8 +87,10 @@
    },
    mounted() {
        document.body.appendChild(this.$el);
        document.addEventListener('fullscreenchange', this.handleFullScreenChange);
    },
    beforeDestroy() {
        document.removeEventListener('fullscreenchange', this.handleFullScreenChange);
    },
    destroyed() {
        if (this.$el && this.$el.parentNode) {
@@ -103,4 +101,7 @@
</script>

<style lang='scss' scoped>
.fullscreen-btn {
    margin-top: 20px;
}
</style>