|
@@ -1,7 +1,7 @@
|
|
<template>
|
|
<template>
|
|
<page-size-limit>
|
|
<page-size-limit>
|
|
- <div class="big-view-t1" @wheel="goWheel">
|
|
|
|
- <!-- <div
|
|
|
|
|
|
+ <div class="big-view-t1" v-if="showBool">
|
|
|
|
+ <div
|
|
class="bggif"
|
|
class="bggif"
|
|
:style="{
|
|
:style="{
|
|
background: `url('${
|
|
background: `url('${
|
|
@@ -14,12 +14,14 @@
|
|
][dayIndex]
|
|
][dayIndex]
|
|
}')`,
|
|
}')`,
|
|
}"
|
|
}"
|
|
- /> -->
|
|
|
|
|
|
+ />
|
|
<zj-page-container>
|
|
<zj-page-container>
|
|
<div class="head-size"><head-view/></div>
|
|
<div class="head-size"><head-view/></div>
|
|
<zj-page-fill>
|
|
<zj-page-fill>
|
|
<dataView1/>
|
|
<dataView1/>
|
|
</zj-page-fill>
|
|
</zj-page-fill>
|
|
|
|
+ <div @click="huishouye" :style="`position: fixed;right: 20px;bottom: 100px;background-image: url(${fanhuizhuye});background-size: 100%;width:30px;height: 30px;z-index: 9999;`">
|
|
|
|
+ </div>
|
|
<div @click="shuxinyemian" :style="`position: fixed;right: 20px;bottom: 60px;background-image: url(${shuaxin});background-size: 100%;width:30px;height: 30px;z-index: 9999;`">
|
|
<div @click="shuxinyemian" :style="`position: fixed;right: 20px;bottom: 60px;background-image: url(${shuaxin});background-size: 100%;width:30px;height: 30px;z-index: 9999;`">
|
|
</div>
|
|
</div>
|
|
<div :style="`position: fixed;right: 20px;bottom: 20px;background-image: url(${quanpin});background-size: 100%;width:30px;height: 30px;z-index: 9999;display: flex;justify-content: center;align-items: center;`">
|
|
<div :style="`position: fixed;right: 20px;bottom: 20px;background-image: url(${quanpin});background-size: 100%;width:30px;height: 30px;z-index: 9999;display: flex;justify-content: center;align-items: center;`">
|
|
@@ -35,16 +37,11 @@ import Screenfull from '@/components/Screenfull'
|
|
import pageSizeLimit from '@/components/page-size-limit.vue';
|
|
import pageSizeLimit from '@/components/page-size-limit.vue';
|
|
import headView from '@/components/head.vue';
|
|
import headView from '@/components/head.vue';
|
|
import { delayPerform } from 'js-perform-lock';
|
|
import { delayPerform } from 'js-perform-lock';
|
|
-import { login } from '@/api/bigView.js';
|
|
|
|
-import Cookies from 'js-cookie';
|
|
|
|
-import { commonly } from '@/api/bigView.js';
|
|
|
|
-import loginbg from '@/assets/loginbg.png';
|
|
|
|
import quanpin from '@/assets/全屏@2x.png';
|
|
import quanpin from '@/assets/全屏@2x.png';
|
|
import shuaxin from '@/assets/刷新@2x.png';
|
|
import shuaxin from '@/assets/刷新@2x.png';
|
|
-import { ElMessage, ElLoading } from 'element-ui';
|
|
|
|
|
|
+import fanhuizhuye from '@/assets/fanhuizhuye.png';
|
|
var d;
|
|
var d;
|
|
import dataView1 from './dataView1/index.vue';
|
|
import dataView1 from './dataView1/index.vue';
|
|
-import bus from '@/utils/eventBus.js';
|
|
|
|
export default {
|
|
export default {
|
|
components: {
|
|
components: {
|
|
headView,
|
|
headView,
|
|
@@ -56,13 +53,9 @@ export default {
|
|
return {
|
|
return {
|
|
quanpin,
|
|
quanpin,
|
|
shuaxin,
|
|
shuaxin,
|
|
|
|
+ fanhuizhuye,
|
|
dayIndex: (new Date().getDate() - 1) % 5,
|
|
dayIndex: (new Date().getDate() - 1) % 5,
|
|
- loginbg,
|
|
|
|
- dialogVisible: Cookies.get('token') ? false : true,
|
|
|
|
- dynamicValidateForm: {},
|
|
|
|
showBool: true,
|
|
showBool: true,
|
|
- swindex: 0,
|
|
|
|
- autoplay: true,
|
|
|
|
};
|
|
};
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
@@ -70,71 +63,25 @@ export default {
|
|
this.re();
|
|
this.re();
|
|
});
|
|
});
|
|
window.addEventListener('resize', d);
|
|
window.addEventListener('resize', d);
|
|
- if (!this.dialogVisible) {
|
|
|
|
- commonly()
|
|
|
|
- .then(() => {})
|
|
|
|
- .catch(() => {
|
|
|
|
- this.dialogVisible = true;
|
|
|
|
- });
|
|
|
|
- }
|
|
|
|
- bus.on('autoplay', (autoplay) => {
|
|
|
|
- this.autoplay = autoplay;
|
|
|
|
- });
|
|
|
|
},
|
|
},
|
|
beforeUnmount() {
|
|
beforeUnmount() {
|
|
window.removeEventListener('resize', d);
|
|
window.removeEventListener('resize', d);
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ huishouye(){
|
|
|
|
+ this.$router.push({
|
|
|
|
+ name: 'home'
|
|
|
|
+ })
|
|
|
|
+ },
|
|
shuxinyemian(){
|
|
shuxinyemian(){
|
|
location.reload();
|
|
location.reload();
|
|
},
|
|
},
|
|
- changeswiper(index) {
|
|
|
|
- this.swindex = index;
|
|
|
|
- },
|
|
|
|
- goWheel(event) {
|
|
|
|
- if (this.$refs.swiper) {
|
|
|
|
- if (event.deltaY > 0 && this.swindex < 2) {
|
|
|
|
- this.$refs.swiper.next();
|
|
|
|
- }
|
|
|
|
- if (event.deltaY < 0 && this.swindex > 0) {
|
|
|
|
- this.$refs.swiper.prev();
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
re() {
|
|
re() {
|
|
this.showBool = false;
|
|
this.showBool = false;
|
|
- this.autoplay = true;
|
|
|
|
- this.swindex = 0;
|
|
|
|
this.$nextTick(() => {
|
|
this.$nextTick(() => {
|
|
this.showBool = true;
|
|
this.showBool = true;
|
|
});
|
|
});
|
|
},
|
|
},
|
|
- sub() {
|
|
|
|
- if (!this.dynamicValidateForm.username) {
|
|
|
|
- ElMessage.error('用户名不能为空');
|
|
|
|
- return;
|
|
|
|
- }
|
|
|
|
- if (!this.dynamicValidateForm.password) {
|
|
|
|
- ElMessage.error('密码不能为空');
|
|
|
|
- return;
|
|
|
|
- }
|
|
|
|
- const loading = ElLoading.service({
|
|
|
|
- lock: true,
|
|
|
|
- text: 'Loading',
|
|
|
|
- background: 'rgba(0, 0, 0, 0.7)',
|
|
|
|
- });
|
|
|
|
- login({ params: this.dynamicValidateForm })
|
|
|
|
- .then((res) => {
|
|
|
|
- Cookies.set('token', res.data);
|
|
|
|
- this.dialogVisible = false;
|
|
|
|
- loading.close();
|
|
|
|
- this.re();
|
|
|
|
- })
|
|
|
|
- .catch((err) => {
|
|
|
|
- loading.close();
|
|
|
|
- console.log(err);
|
|
|
|
- });
|
|
|
|
- },
|
|
|
|
},
|
|
},
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|