From 9519670931cec1d508f2eb46967c71b0fb3e6fc5 Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期三, 17 四月 2024 22:10:00 +0800
Subject: [PATCH] 右边
---
src/components/wggl/right/fwxq.vue | 99 +++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 90 insertions(+), 9 deletions(-)
diff --git a/src/components/wggl/right/fwxq.vue b/src/components/wggl/right/fwxq.vue
index b98f143..2752258 100644
--- a/src/components/wggl/right/fwxq.vue
+++ b/src/components/wggl/right/fwxq.vue
@@ -1,19 +1,31 @@
<template>
<div>
- <div class="flytoBtns" v-if="showFly">
+ <!-- <div class="flytoBtns" v-if="showFly">
<span @click="tofly(true)">涓婃捣</span>
<span @click="tofly(false)">骞垮窞</span>
- </div>
+ </div> -->
<div class="top">
<div class="far">
<span
v-for="(item, index) in top2"
- :key="index"
+ :key="index + '-top2'"
@mousemove="changebac(index)"
@mouseout="returnbac(index)"
@click="ishow(index)"
:style="{ background: `url(${item.img})` }"
></span>
+ <span
+ v-for="(item, index) in bot1"
+ :key="index + '-bot1'"
+ @mousemove="changebac1(index)"
+ @click="remove(index)"
+ @mouseout="returnbac1(index)"
+ :style="{ background: `url(${item.img})` }"
+ ></span>
+ </div>
+ <div class="far_2">
+ <span @click="benear"></span>
+ <span @click="befar"></span>
</div>
</div>
<div class="bot" v-if="showtool" id="move3">
@@ -85,6 +97,11 @@
{ img: require("@/assets/image/test/缁� 167.png") },
{ img: require("@/assets/image/test/缁� 168.png") },
],
+ bot1: [
+ { img: require("@/assets/image/test/缁� 163.png") },
+ { img: require("@/assets/image/test/缁� 164.png") },
+ { img: require("@/assets/image/test/缁� 165.png") },
+ ],
form: {
name: "",
date1: "20160615000000",
@@ -140,6 +157,22 @@
});
},
methods: {
+ remove(index) {
+ if (index == 0) {
+ bus.$emit("clearEve", true);
+ window.FieldIntensity && window.FieldIntensity.deleteObject();
+ window.imageidXT && window.Viewer.entities.removeById(window.imageidXT);
+ }
+ if (index == 1) {
+ window.createTool = true;
+ }
+ },
+ benear() {
+ $(".navigation-control")[0].click();
+ },
+ befar() {
+ $(".navigation-control-last")[0].click();
+ },
tofly(data) {
if (data) {
//涓婃捣
@@ -190,6 +223,22 @@
{ img: require("@/assets/image/test/缁� 168.png") },
];
this.$set(this.top2, index, data[index]);
+ },
+ changebac1(index) {
+ let movein = [
+ { img: require("@/assets/image/change/缁�172.png") },
+ { img: require("@/assets/image/change/缁�173.png") },
+ { img: require("@/assets/image/change/缁�174.png") },
+ ];
+ this.$set(this.bot1, index, movein[index]);
+ },
+ returnbac1(index) {
+ let movein = [
+ { img: require("@/assets/image/test/缁� 163.png") },
+ { img: require("@/assets/image/test/缁� 164.png") },
+ { img: require("@/assets/image/test/缁� 165.png") },
+ ];
+ this.$set(this.bot1, index, movein[index]);
},
close() {
this.showtool = false;
@@ -249,29 +298,61 @@
cursor: move;
}
.top {
- width: 100px;
- height: 295px;
- transform: translateX(-103px);
+ width: 700px;
+ height: 100px;
+ /* transform: translateX(-103px); */
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 60px;
}
+
.far {
display: block;
width: 100%;
height: 100%;
display: flex;
- flex-direction: column;
+ /* flex-direction: column; */
}
.far > span {
display: block;
- width: 100%;
- height: 30%;
+ width: calc(100% / 6);
+ height: 100%;
background-size: 100% 100% !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
+
+.far_2 {
+ width: calc(700px / 6);
+ height: 200px;
+ /* display: flex; */
+ /* flex-direction: column; */
+ position: absolute;
+ /* background-color: #fff; */
+ left: 705px;
+}
+.far_2 > span {
+ display: block;
+ width: 100%;
+ height: 49%;
+ cursor: pointer;
+ background-size: 100% 100% !important;
+ background-repeat: no-repeat !important;
+ background-position: center !important;
+}
+.far_2 > span:nth-child(1) {
+ background: url(../../../assets/image/test/+.png);
+}
+.far_2 > span:nth-child(1):hover {
+ background: url(../../../assets/image/change/鍥惧眰2.png);
+}
+.far_2 > span:nth-child(2) {
+ background: url(../../../assets/image/test/-.png);
+}
+.far_2 > span:nth-child(2):hover {
+ background: url(../../../assets/image/change/鍥惧眰1.png);
+}
.bot {
width: 940px;
height: 1200px;
--
Gitblit v1.9.3