From 419ce8d31a69c59d5796567173c1f8dc438652fc Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期四, 18 四月 2024 19:27:59 +0800
Subject: [PATCH] Merge branch 'master' of http://103.135.160.14:9034/r/wxdDemo
---
src/components/wggl/right/fwxq.vue | 261 ++++++++++++++++++++++++++++++++++++----------------
1 files changed, 181 insertions(+), 80 deletions(-)
diff --git a/src/components/wggl/right/fwxq.vue b/src/components/wggl/right/fwxq.vue
index b98f143..9efd6b4 100644
--- a/src/components/wggl/right/fwxq.vue
+++ b/src/components/wggl/right/fwxq.vue
@@ -1,65 +1,87 @@
<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"
- @mousemove="changebac(index)"
- @mouseout="returnbac(index)"
- @click="ishow(index)"
- :style="{ background: `url(${item.img})` }"
- ></span>
+ <span v-for="(item, index) in top2"
+ :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">
+ <div class="bot"
+ v-if="showtool"
+ id="move3">
<div class="top1">
<span class="botcon">
<span class="icon"></span>
<span class="text">鎬佸娍瀵规瘮</span>
</span>
- <span class="close" @click="close">x</span>
+ <span class="close"
+ @click="close">x</span>
</div>
<div class="next">
- <el-form ref="form" :rules="rules" :model="form" label-width="250px">
- <el-form-item label="鍖哄煙" prop="name">
- <el-select v-model="form.name" placeholder="璇烽�夋嫨娲诲姩鍖哄煙">
- <el-option label="闂佃鍖�" value="shanghai"></el-option>
+ <el-form ref="form"
+ :rules="rules"
+ :model="form"
+ label-width="250px">
+ <el-form-item label="鍖哄煙"
+ prop="name">
+ <el-select v-model="form.name"
+ placeholder="璇烽�夋嫨娲诲姩鍖哄煙">
+ <el-option label="闂佃鍖�"
+ value="shanghai"></el-option>
</el-select>
</el-form-item>
- <el-form-item label="璧峰鏃堕棿" prop="date1">
- <el-date-picker
- v-model="form.date1"
- :picker-options="pickerOptions"
- format="yyyy-MM-dd"
- placeholder="閫夋嫨鏃ユ湡"
- type="date"
- value-format="yyyyMMddHHmmss"
- ></el-date-picker>
+ <el-form-item label="璧峰鏃堕棿"
+ prop="date1">
+ <el-date-picker v-model="form.date1"
+ :picker-options="pickerOptions"
+ format="yyyy-MM-dd"
+ placeholder="閫夋嫨鏃ユ湡"
+ type="date"
+ value-format="yyyyMMddHHmmss"></el-date-picker>
</el-form-item>
- <el-form-item label="缁撴潫鏃堕棿" prop="date2">
- <el-date-picker
- v-model="form.date2"
- :picker-options="pickerOptions"
- format="yyyy-MM-dd"
- placeholder="閫夋嫨鏃ユ湡"
- type="date"
- value-format="yyyyMMddHHmmss"
- ></el-date-picker>
+ <el-form-item label="缁撴潫鏃堕棿"
+ prop="date2">
+ <el-date-picker v-model="form.date2"
+ :picker-options="pickerOptions"
+ format="yyyy-MM-dd"
+ placeholder="閫夋嫨鏃ユ湡"
+ type="date"
+ value-format="yyyyMMddHHmmss"></el-date-picker>
</el-form-item>
- <el-form-item label="鍒嗘瀽绫诲瀷" prop="type">
- <el-select v-model="form.type" placeholder="璇烽�夋嫨娲诲姩鍖哄煙">
- <el-option label="棰戠偣" value="shanghai"></el-option>
- <el-option label="棰戞" value="beijing"></el-option>
+ <el-form-item label="鍒嗘瀽绫诲瀷"
+ prop="type">
+ <el-select v-model="form.type"
+ placeholder="璇烽�夋嫨娲诲姩鍖哄煙">
+ <el-option label="棰戠偣"
+ value="shanghai"></el-option>
+ <el-option label="棰戞"
+ value="beijing"></el-option>
</el-select>
</el-form-item>
- <el-form-item label="鏃犵嚎鐢典笟鍔�" prop="resource">
- <el-select v-model="form.resource" placeholder="璇烽�夋嫨娲诲姩鍖哄煙">
- <el-option label="鐢佃(74MHz~87MHz)" value="shanghai"></el-option>
+ <el-form-item label="鏃犵嚎鐢典笟鍔�"
+ prop="resource">
+ <el-select v-model="form.resource"
+ placeholder="璇烽�夋嫨娲诲姩鍖哄煙">
+ <el-option label="鐢佃(74MHz~87MHz)"
+ value="shanghai"></el-option>
</el-select>
</el-form-item>
</el-form>
@@ -76,14 +98,19 @@
<script>
import bus from "../../../utils/bus";
import axios from "axios";
-import { oneStep, twoStep } from "../../../api/http";
+import { oneStep,twoStep } from "../../../api/http";
export default {
- data() {
+ data () {
return {
top2: [
{ img: require("@/assets/image/test/缁� 166.png") },
{ 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: "",
@@ -97,7 +124,7 @@
freqStart: 87000000,
freqEnd: 108000000,
rules: {
- name: [{ required: true, message: "璇烽�夋嫨鍖哄煙", trigger: "change" }],
+ name: [{ required: true,message: "璇烽�夋嫨鍖哄煙",trigger: "change" }],
date1: [
{
type: "date",
@@ -123,7 +150,7 @@
},
],
resource: [
- { required: true, message: "璇烽�夋嫨鏃犵嚎鐢典笟鍔�", trigger: "change" },
+ { required: true,message: "璇烽�夋嫨鏃犵嚎鐢典笟鍔�",trigger: "change" },
],
},
pickerOptions: {},
@@ -134,14 +161,38 @@
scale: 2.13,
};
},
- mounted() {
- bus.$on("openCheak", (e) => {
- this.showtool = e;
+ mounted () {
+ bus.$on("openCheak",(e) => {
+ this.showtool=e;
});
},
methods: {
- tofly(data) {
- if (data) {
+ remove (index) {
+
+ if(index==0) {
+ var tlobj={
+ value: false,
+ value1: true,
+ value2: false,
+ show: true,
+ };
+ bus.$emit("ishowMilitaryPlot",tlobj);
+ // 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) {
//涓婃捣
window.Viewer.camera.flyTo({
destination: Cesium.Cartesian3.fromDegrees(
@@ -156,11 +207,11 @@
},
});
} else {
- let guanzhou = {
+ let guanzhou={
fromdate: new Date("2019-10-08"),
todate: new Date("2019-10-16"),
};
- bus.$emit("guanzhou", guanzhou);
+ bus.$emit("guanzhou",guanzhou);
window.Viewer.camera.flyTo({
destination: Cesium.Cartesian3.fromDegrees(
113.29503528791071,
@@ -175,30 +226,46 @@
});
}
},
- changebac(index) {
- let movein = [
+ changebac (index) {
+ let movein=[
{ img: require("@/assets/image/change/缁�179.png") },
{ img: require("@/assets/image/change/缁�180.png") },
{ img: require("@/assets/image/change/缁�181.png") },
];
- this.$set(this.top2, index, movein[index]);
+ this.$set(this.top2,index,movein[index]);
},
- returnbac(index) {
- let data = [
+ returnbac (index) {
+ let data=[
{ img: require("@/assets/image/test/缁� 166.png") },
{ img: require("@/assets/image/test/缁� 167.png") },
{ img: require("@/assets/image/test/缁� 168.png") },
];
- this.$set(this.top2, index, data[index]);
+ this.$set(this.top2,index,data[index]);
},
- close() {
- this.showtool = false;
+ 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]);
},
- clear() {
- this.form = [];
+ 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]);
},
- showpic() {
- let data = {
+ close () {
+ this.showtool=false;
+ },
+ clear () {
+ this.form=[];
+ },
+ showpic () {
+ let data={
startTime: "20160615000000",
endTime: 20160624300000,
freqStart: 87000000,
@@ -209,7 +276,7 @@
analysisType: 2,
};
oneStep(data).then((res) => {
- let data = {
+ let data={
file: "url",
maxColor: "FF0000",
minColor: "0000FF",
@@ -223,21 +290,23 @@
});
});
},
- ishow(index) {
- if (index == 1) {
- bus.$emit("ishow", true);
+ ishow (index) {
+
+ if(index==1) {
+ bus.$emit("ishow",true);
}
- if (index == 0) {
- this.showFly = this.showFly ? false : true;
+ if(index==0) {
+ // this.showFly=this.showFly? false:true;
+ window.open('http://221.224.53.36:8082/7S/Home')
}
- if (index == 2) {
- var tlobj = {
+ if(index==2) {
+ var tlobj={
value: false,
value1: true,
value2: false,
show: true,
};
- bus.$emit("ishowtuli", tlobj);
+ bus.$emit("ishowtuli",tlobj);
}
},
},
@@ -249,32 +318,64 @@
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;
+ /* height: 1200px; */
position: absolute;
transform: translate(-915px, 200px);
background: url(~@/assets/image/test/22.png);
--
Gitblit v1.9.3