From be1f4296a09f907fd3218bc423d24b817a761229 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期四, 16 二月 2023 16:33:21 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.20.39:8989/r/LFWEB_NEW
---
src/components/Screen/right.vue | 145 ++++++++++++++++++++++++++----------------------
1 files changed, 79 insertions(+), 66 deletions(-)
diff --git a/src/components/Screen/right.vue b/src/components/Screen/right.vue
index 6e0a036..8735e92 100644
--- a/src/components/Screen/right.vue
+++ b/src/components/Screen/right.vue
@@ -1,82 +1,95 @@
<template>
- <div class="current">
-
- <div class="rightContainer" v-show="ChartDisplay">
- <div class="current1"></div>
- <div class="current1"></div>
- <div class="current1"></div>
- </div>
- <div class="rightarrow">
- <img :src="RightImg" @click="ChangeRight" />
- </div>
-
+ <div class="current">
+ <div class="rightContainer" v-show="ChartDisplay">
+ <div class="current1">
+ <div class="aside-title">鐩綍鍒嗗竷</div>
+ <echart11></echart11>
+ </div>
+ <div class="current1">
+ <div class="aside-title">鏁版嵁鍙婃湇鍔℃彁浜�</div>
+ <echart12></echart12>
+ </div>
+ <div class="current1">
+ <div class="aside-title">鍚勭被鏁版嵁瀛樺偍鍒嗗竷</div>
+ <echart13></echart13>
+ </div>
</div>
+ <div class="rightarrow">
+ <img :src="RightImg" @click="ChangeRight" />
+ </div>
+ </div>
</template>
<script>
-export default{
- data(){
- return{
- ChartDisplay:true,
- RightImg:require("../../assets/img/Screen/leftArrow.png")
- }
- },
- methods:{
- ChangeRight(){
- if(this.ChartDisplay){
- this.RightImg=require("../../assets/img/Screen/rightArrow.png");
- }else{
- this.RightImg=require("../../assets/img/Screen/leftArrow.png");
- }
- this.ChartDisplay=!this.ChartDisplay;
- this.$parent.ChangeWidth("right");
- }
+import echart11 from "@/components/echart11.vue"
+import echart12 from "@/components/echart12.vue"
+import echart13 from "@/components/echart13.vue"
+export default {
+ components: {
+ echart11,
+ echart12,
+ echart13,
+ },
+ data() {
+ return {
+ ChartDisplay: true,
+ RightImg: require("../../assets/img/Screen/leftArrow.png"),
}
-
-
-
+ },
+ methods: {
+ ChangeRight() {
+ if (this.ChartDisplay) {
+ this.RightImg = require("../../assets/img/Screen/rightArrow.png")
+ } else {
+ this.RightImg = require("../../assets/img/Screen/leftArrow.png")
+ }
+ this.ChartDisplay = !this.ChartDisplay
+ this.$parent.ChangeWidth("right")
+ },
+ },
}
-
-
-
</script>
<style lang="scss">
.current {
+ height: 100%;
+ width: 100%;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+ .rightarrow {
+ width: 36px;
height: 100%;
- width: 100%;
display: flex;
- flex-direction: row;
align-items: center;
justify-content: center;
- .rightarrow{
- width:36px;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- img{
- width: 30px;
- height: 120px;
- cursor: pointer;
- }
+ img {
+ width: 30px;
+ height: 120px;
+ cursor: pointer;
}
- .rightContainer {
- height: 100%;
- width: calc(100% - 36px);
-
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: space-around;
- .current1{
- height: 30%;
- width: 100%;
- background:url(../../assets/img/Screen/chartbg.png);
- background-size: 100% 100%;
- background-repeat: no-repeat;
- }
+ }
+ .rightContainer {
+ height: 100%;
+ width: calc(100% - 36px);
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: space-around;
+ .current1 {
+ height: 30%;
+ width: 100%;
+ background: url(../../assets/img/Screen/chartbg.png);
+ background-size: 100% 100%;
+ background-repeat: no-repeat;
}
-
-
-
+ .aside-title {
+ padding-left: 30px;
+ height: 27px;
+ line-height: 27px;
+ font-size: 16px;
+ color: #fff;
+ }
+ }
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3