zhangzhang
1 year ago
9 changed files with 394 additions and 191 deletions
|
After Width: | Height: | Size: 1.3 KiB |
@ -0,0 +1,117 @@ |
|||||
|
<template> |
||||
|
<div class="HomeVector"> |
||||
|
<el-tooltip effect="light" content="高速运营快报" placement="left"> |
||||
|
<Button |
||||
|
:class="['btn', { 'btn-active': activeIcon }]" |
||||
|
@click.native="handleClick('Vector')" |
||||
|
> |
||||
|
<div> |
||||
|
<img |
||||
|
src="@screen/images/home-Word/word.png" |
||||
|
style="width: 26px; height: 26px" |
||||
|
/> |
||||
|
</div> |
||||
|
</Button> |
||||
|
</el-tooltip> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import Button from "@screen/components/Buttons/Button.vue"; |
||||
|
import Form from "@screen/components/FormConfig"; |
||||
|
import { delay, exportFile, confirm } from "@screen/utils/common"; |
||||
|
import * as PresetFormItems from "@screen/pages/control/event/event/FormEvent/PresetFormItems.js"; |
||||
|
import { merge, cloneDeep } from "lodash"; |
||||
|
import { markerClusterIns } from "@screen/pages/Home/components/RoadAndEvents/utils/map.js"; |
||||
|
export default { |
||||
|
name: "HomeVector", |
||||
|
components: { |
||||
|
Button, |
||||
|
Form, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
activeIcon: null, |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.activeIcon = window.showStakeText ? "Vector" : null; |
||||
|
}, |
||||
|
methods: { |
||||
|
handleClick(type) { |
||||
|
// this.activeIcon = this.activeIcon === type ? null : type; |
||||
|
// if (this.activeIcon) window.showStakeText = true; |
||||
|
// else window.showStakeText = false; |
||||
|
|
||||
|
exportFile({ |
||||
|
url: "/business/word/trafficSituationReport", |
||||
|
filename: "通行情况", |
||||
|
ext: "docx", |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
filterEnd(data) { |
||||
|
this.activeIcon = null; |
||||
|
// this.filterData = data; |
||||
|
this.$parent.$refs.RoadAndEventsRef?.setFilterData?.(data); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
div.el-popper.global-input-search-popover { |
||||
|
background: rgba(6, 66, 88, 0.8); |
||||
|
border: 1px solid rgba(42, 217, 253, 0.6); |
||||
|
position: relative; |
||||
|
padding-top: 36px; |
||||
|
transform: translateY(24px); |
||||
|
// margin-top: 6vh; |
||||
|
|
||||
|
.body { |
||||
|
.title { |
||||
|
background: linear-gradient( |
||||
|
90deg, |
||||
|
#237e9b 0%, |
||||
|
rgba(23, 145, 184, 0) 100% |
||||
|
); |
||||
|
padding: 3px 9px; |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.close { |
||||
|
padding: 3px 9px; |
||||
|
cursor: pointer; |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
width: fit-content; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.image { |
||||
|
width: 50vw; |
||||
|
height: 65vh; |
||||
|
} |
||||
|
|
||||
|
.HomeVector { |
||||
|
.btn { |
||||
|
padding: 9px; |
||||
|
background: linear-gradient(180deg, #152e3c 0%, #163a45 100%); |
||||
|
border-radius: 4px; |
||||
|
overflow: hidden; |
||||
|
height: unset; |
||||
|
border: 1px solid rgba(40, 144, 167, 1); |
||||
|
} |
||||
|
|
||||
|
.btn-active { |
||||
|
background: linear-gradient(180deg, #005c79 0%, #009bcc 100%); |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue