From 38efe35fc499fcb4b828acca1d7bda5d051ace6f Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期四, 18 四月 2024 09:57:17 +0800
Subject: [PATCH] 代码跟新
---
src/components/wggl/right/fwxq.vue | 202 ++++++++++++++++++++++++++-----------------------
1 files changed, 107 insertions(+), 95 deletions(-)
diff --git a/src/components/wggl/right/fwxq.vue b/src/components/wggl/right/fwxq.vue
index 2752258..6a39e8a 100644
--- a/src/components/wggl/right/fwxq.vue
+++ b/src/components/wggl/right/fwxq.vue
@@ -6,72 +6,82 @@
</div> -->
<div class="top">
<div class="far">
- <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>
+ <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>
@@ -88,9 +98,9 @@
<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") },
@@ -114,7 +124,7 @@
freqStart: 87000000,
freqEnd: 108000000,
rules: {
- name: [{ required: true, message: "璇烽�夋嫨鍖哄煙", trigger: "change" }],
+ name: [{ required: true,message: "璇烽�夋嫨鍖哄煙",trigger: "change" }],
date1: [
{
type: "date",
@@ -140,7 +150,7 @@
},
],
resource: [
- { required: true, message: "璇烽�夋嫨鏃犵嚎鐢典笟鍔�", trigger: "change" },
+ { required: true,message: "璇烽�夋嫨鏃犵嚎鐢典笟鍔�",trigger: "change" },
],
},
pickerOptions: {},
@@ -151,30 +161,31 @@
scale: 2.13,
};
},
- mounted() {
- bus.$on("openCheak", (e) => {
- this.showtool = e;
+ mounted () {
+ bus.$on("openCheak",(e) => {
+ this.showtool=e;
});
},
methods: {
- remove(index) {
- if (index == 0) {
- bus.$emit("clearEve", true);
- window.FieldIntensity && window.FieldIntensity.deleteObject();
- window.imageidXT && window.Viewer.entities.removeById(window.imageidXT);
+ 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;
+ if(index==1) {
+ window.createTool=true;
}
},
- benear() {
+ benear () {
$(".navigation-control")[0].click();
},
- befar() {
+ befar () {
$(".navigation-control-last")[0].click();
},
- tofly(data) {
- if (data) {
+ tofly (data) {
+ if(data) {
//涓婃捣
window.Viewer.camera.flyTo({
destination: Cesium.Cartesian3.fromDegrees(
@@ -189,11 +200,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,
@@ -208,46 +219,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]);
},
- changebac1(index) {
- let movein = [
+ 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]);
+ this.$set(this.bot1,index,movein[index]);
},
- returnbac1(index) {
- let movein = [
+ 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]);
+ this.$set(this.bot1,index,movein[index]);
},
- close() {
- this.showtool = false;
+ close () {
+ this.showtool=false;
},
- clear() {
- this.form = [];
+ clear () {
+ this.form=[];
},
- showpic() {
- let data = {
+ showpic () {
+ let data={
startTime: "20160615000000",
endTime: 20160624300000,
freqStart: 87000000,
@@ -258,7 +269,7 @@
analysisType: 2,
};
oneStep(data).then((res) => {
- let data = {
+ let data={
file: "url",
maxColor: "FF0000",
minColor: "0000FF",
@@ -272,21 +283,22 @@
});
});
},
- 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;
}
- 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);
}
},
},
@@ -355,7 +367,7 @@
}
.bot {
width: 940px;
- height: 1200px;
+ /* height: 1200px; */
position: absolute;
transform: translate(-915px, 200px);
background: url(~@/assets/image/test/22.png);
--
Gitblit v1.9.3