|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="brushCard">
|
|
|
- <div class="control">
|
|
|
+ <div class="control control-v">
|
|
|
<div class="button back" @click="back">
|
|
|
<img class="background" src="@/assets/report/control-bg.png" />
|
|
|
<div class="button-style">
|
|
@@ -193,6 +193,26 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="control control-h">
|
|
|
+ <div class="button back" @click="back">
|
|
|
+ <img class="background" src="@/assets/report/control-bg.png" />
|
|
|
+ <div class="button-style">
|
|
|
+ <div class="icon">
|
|
|
+ <img src="@/assets/report/back.png" />
|
|
|
+ </div>
|
|
|
+ <div class="name">返回上层</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="button home" @click="home">
|
|
|
+ <img class="background" src="@/assets/report/control-bg.png" />
|
|
|
+ <div class="button-style">
|
|
|
+ <div class="icon">
|
|
|
+ <img src="@/assets/report/home.png" />
|
|
|
+ </div>
|
|
|
+ <div class="name">返回首页</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<transition name="msgbox">
|
|
|
<div class="msgbox" v-if="showPrint">
|
|
|
<div class="msgbox-content">
|
|
@@ -230,6 +250,10 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
|
|
|
+ created() {
|
|
|
+ this.$emit("update:indexClass", "center-other");
|
|
|
+ },
|
|
|
+
|
|
|
mounted() {
|
|
|
this.$emit("update:timerTime", 30);
|
|
|
this.getDatetime();
|
|
@@ -308,14 +332,14 @@ export default {
|
|
|
page: "selectDate",
|
|
|
timestamp: Date.now(),
|
|
|
});
|
|
|
- sessionStorage.removeItem("RECORD")
|
|
|
- sessionStorage.removeItem("FXTXLIST")
|
|
|
- sessionStorage.removeItem("DBSXLIST")
|
|
|
- sessionStorage.removeItem("RANK")
|
|
|
- sessionStorage.removeItem("RANKLIST")
|
|
|
- sessionStorage.removeItem("WFWZLIST")
|
|
|
- sessionStorage.removeItem("IMGURL")
|
|
|
- sessionStorage.removeItem("MESSAGE")
|
|
|
+ sessionStorage.removeItem("RECORD");
|
|
|
+ sessionStorage.removeItem("FXTXLIST");
|
|
|
+ sessionStorage.removeItem("DBSXLIST");
|
|
|
+ sessionStorage.removeItem("RANK");
|
|
|
+ sessionStorage.removeItem("RANKLIST");
|
|
|
+ sessionStorage.removeItem("WFWZLIST");
|
|
|
+ sessionStorage.removeItem("IMGURL");
|
|
|
+ sessionStorage.removeItem("MESSAGE");
|
|
|
},
|
|
|
home() {
|
|
|
this.$emit("update:timerTime", -1);
|
|
@@ -336,6 +360,9 @@ export default {
|
|
|
.brushCard {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: space-between;
|
|
|
|
|
|
.control {
|
|
|
padding-top: 60px;
|
|
@@ -397,9 +424,6 @@ export default {
|
|
|
@tableTitleSize: 12px;
|
|
|
.pdf-box {
|
|
|
margin: auto;
|
|
|
- margin-top: 20px;
|
|
|
- width: calc(100% - 80px);
|
|
|
- height: calc(100% - 260px);
|
|
|
overflow-x: hidden;
|
|
|
overflow-y: auto;
|
|
|
border-radius: 10px;
|
|
@@ -583,4 +607,42 @@ export default {
|
|
|
opacity: 0;
|
|
|
}
|
|
|
}
|
|
|
+// 横屏
|
|
|
+@media screen and (orientation: landscape) {
|
|
|
+ .brushCard {
|
|
|
+ .control-v {
|
|
|
+ display: none !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .control-h {
|
|
|
+ padding-top: 30px;
|
|
|
+ transform: scale(0.8);
|
|
|
+ }
|
|
|
+
|
|
|
+ .pdf-box {
|
|
|
+ margin-top: 40px;
|
|
|
+ width: 1140px;
|
|
|
+ height: 0;
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+// 竖屏
|
|
|
+@media screen and (orientation: portrait) {
|
|
|
+ .brushCard {
|
|
|
+ .control-h {
|
|
|
+ display: none !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .control-v {
|
|
|
+ padding-top: 60px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .pdf-box {
|
|
|
+ margin-top: 20px;
|
|
|
+ width: calc(100% - 80px);
|
|
|
+ height: calc(100% - 260px);
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|