| | |
| | | </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> |
| | |
| | | <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") }, |
| | |
| | | freqStart: 87000000, |
| | | freqEnd: 108000000, |
| | | rules: { |
| | | name: [{ required: true, message: "请选择区域", trigger: "change" }], |
| | | name: [{ required: true,message: "请选择区域",trigger: "change" }], |
| | | date1: [ |
| | | { |
| | | type: "date", |
| | |
| | | }, |
| | | ], |
| | | resource: [ |
| | | { required: true, message: "请选择无线电业务", trigger: "change" }, |
| | | { required: true,message: "请选择无线电业务",trigger: "change" }, |
| | | ], |
| | | }, |
| | | pickerOptions: {}, |
| | |
| | | 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) { |
| | | 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; |
| | | 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( |
| | |
| | | }, |
| | | }); |
| | | } 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, |
| | |
| | | }); |
| | | } |
| | | }, |
| | | 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, |
| | |
| | | analysisType: 2, |
| | | }; |
| | | oneStep(data).then((res) => { |
| | | let data = { |
| | | let data={ |
| | | file: "url", |
| | | maxColor: "FF0000", |
| | | minColor: "0000FF", |
| | |
| | | }); |
| | | }); |
| | | }, |
| | | 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); |
| | | } |
| | | }, |
| | | }, |
| | |
| | | } |
| | | .bot { |
| | | width: 940px; |
| | | height: 1200px; |
| | | /* height: 1200px; */ |
| | | position: absolute; |
| | | transform: translate(-915px, 200px); |
| | | background: url(~@/assets/image/test/22.png); |