| 1 |
- {"ast":null,"code":"import bus from \"../../service/bus\";\nexport default {\n props: {},\n data() {\n return {\n value: \"\",\n show: false\n };\n },\n computed: {\n goBackVisible: () => {\n return false;\n }\n },\n methods: {\n onFocus() {\n this.show = true;\n this.$emit(\"focus\");\n },\n onInput(event) {\n this.value = event.target.value;\n this.$emit(\"input\", this.value);\n },\n onBlur(e) {\n // this.show = false;\n // console.log('=======-------======', e.currentTarget.classList)\n // this.$emit(\"blur\");\n },\n goBack() {},\n modeChange() {\n this.$store.dispatch('common/setSquareStatus', false);\n this.$store.dispatch(\"common/toggle3dStatus\");\n },\n goMantis() {\n window.open(\"http://139.196.158.57:8080/mantis_test/#/dashboard\", \"_blank\");\n },\n goKpm() {\n window.open(\"http://106.14.237.165/kpm/#/list/kpm-list\", \"_blank\");\n },\n goAutoGo() {\n window.open(\"http://139.196.158.57/#/Overview\", \"_blank\");\n },\n goHome() {\n bus.emit(\"goHome\");\n // this.$router.push({\n // path: '/',\n // query:{\n // m: '8b934420_ZJUb_b6f9'\n // }\n // })\n this.$store.dispatch(\"common/setGoHome\", true);\n this.$store.dispatch(\"common/set3dStatus\", false);\n this.$store.dispatch(\"common/setSquareStatus\", false);\n },\n goSquare() {\n this.$store.dispatch(\"common/setGoHome\", false);\n this.$store.dispatch(\"common/set3dStatus\", false);\n this.$store.dispatch(\"common/setSquareStatus\", true);\n }\n }\n};","map":{"version":3,"names":["bus","props","data","value","show","computed","goBackVisible","methods","onFocus","$emit","onInput","event","target","onBlur","e","goBack","modeChange","$store","dispatch","goMantis","window","open","goKpm","goAutoGo","goHome","emit","goSquare"],"sources":["src/components/SearchBarMain/index.vue"],"sourcesContent":["<template>\n <div class=\"search-box backgroundBox\">\n <div class=\"iconBtnBox\">\n <div class=\"iconBtn backBtn\" @click=\"goBack\" v-if=\"goBackVisible\"></div>\n <div class=\"iconBtn mapBtn\" @click=\"modeChange\"></div>\n <div class=\"iconBtn homeBtn\" @click=\"goHome\"></div>\n <div class=\"iconBtn squareBtn\" @click=\"goSquare\"></div>\n </div>\n <span\n class=\"search-input\"\n ></span>\n <!-- <div v-show=\"show\" @click=\"onBlur\" class=\"el-icon-close closeBtn\"></div> -->\n <div class=\"jumpBtnBox\">\n <div class=\"jumpBtn\" @click=\"goKpm\">K</div>\n <div class=\"jumpBtn\" @click=\"goMantis\">M</div>\n <div class=\"jumpBtn\" @click=\"goAutoGo\">A</div>\n </div>\n </div>\n</template>\n\n<script>\nimport bus from \"../../service/bus\";\nexport default {\n props: {},\n data() {\n return {\n value: \"\",\n show: false,\n };\n },\n computed: {\n goBackVisible: () => {\n return false\n },\n },\n methods: {\n onFocus() {\n this.show = true;\n this.$emit(\"focus\");\n },\n onInput(event) {\n this.value = event.target.value;\n this.$emit(\"input\", this.value);\n },\n onBlur(e) {\n // this.show = false;\n // console.log('=======-------======', e.currentTarget.classList)\n // this.$emit(\"blur\");\n },\n goBack() {\n \n },\n modeChange() {\n this.$store.dispatch('common/setSquareStatus', false)\n this.$store.dispatch(\"common/toggle3dStatus\");\n },\n goMantis() {\n window.open(\"http://139.196.158.57:8080/mantis_test/#/dashboard\", \"_blank\");\n },\n goKpm() {\n window.open(\"http://106.14.237.165/kpm/#/list/kpm-list\", \"_blank\");\n },\n goAutoGo() {\n window.open(\"http://139.196.158.57/#/Overview\", \"_blank\");\n },\n goHome() {\n bus.emit(\"goHome\");\n // this.$router.push({\n // path: '/',\n // query:{\n // m: '8b934420_ZJUb_b6f9'\n // }\n // })\n this.$store.dispatch(\"common/setGoHome\", true);\n this.$store.dispatch(\"common/set3dStatus\", false);\n this.$store.dispatch(\"common/setSquareStatus\", false);\n },\n goSquare(){\n this.$store.dispatch(\"common/setGoHome\", false);\n this.$store.dispatch(\"common/set3dStatus\", false);\n this.$store.dispatch(\"common/setSquareStatus\", true);\n }\n },\n};\n</script>\n\n<style scoped>\n.search-box {\n display: flex;\n justify-content: space-around;\n align-items: center;\n /* background-image: url(../../images/search.png); */\n /* background-color: transparent; */\n background-size: 100% 100%;\n box-sizing: border-box;\n /* padding-right: 1.56vw; */\n height: 55px;\n padding: 0 30px;\n margin-left: -400px;\n left:50%;\n box-sizing: border-box;\n width: 800px;\n top: 50px;\n position: absolute;\n}\n.closeBtn {\n color: #fff;\n font-size: 30px;\n float: right;\n}\n.search-input {\n width: calc(100% - 350px);\n border: 0;\n overflow: hidden;\n position: relative;\n padding: 0 20px;\n height: 3.5vh;\n color: #dfdfdf;\n border-radius: 1.75vh;\n}\n\n.iconBtnBox,\n.jumpBtnBox {\n box-sizing: border-box;\n display: flex;\n justify-content: space-around;\n}\n\n.iconBtn {\n height: 25px;\n width: 25px;\n margin: 0 10px;\n background-size: contain;\n cursor: pointer;\n}\n\n.backBtn {\n background-image: url(../../assets/back.png);\n}\n\n.mapBtn {\n background-image: url(../../assets/3d.png);\n}\n\n.homeBtn {\n height: 22px;\n width: 22px;\n background-image: url(../../assets/home.png);\n}\n\n.squareBtn{\n height: 22px;\n width: 22px;\n background-image: url(../../assets/square.png);\n}\n\n.jumpBtn {\n margin: 0 6px;\n width: 30px;\n height: 20px;\n line-height: 20px;\n border-radius: 15px;\n background-color: #ddd;\n text-align: center;\n font-size: 12px;\n cursor: pointer;\n}\n</style>"],"mappings":"AAqBA,OAAAA,GAAA;AACA;EACAC,KAAA;EACAC,KAAA;IACA;MACAC,KAAA;MACAC,IAAA;IACA;EACA;EACAC,QAAA;IACAC,aAAA,EAAAA,CAAA;MACA;IACA;EACA;EACAC,OAAA;IACAC,QAAA;MACA,KAAAJ,IAAA;MACA,KAAAK,KAAA;IACA;IACAC,QAAAC,KAAA;MACA,KAAAR,KAAA,GAAAQ,KAAA,CAAAC,MAAA,CAAAT,KAAA;MACA,KAAAM,KAAA,eAAAN,KAAA;IACA;IACAU,OAAAC,CAAA;MACA;MACA;MACA;IAAA,CACA;IACAC,OAAA,GAEA;IACAC,WAAA;MACA,KAAAC,MAAA,CAAAC,QAAA;MACA,KAAAD,MAAA,CAAAC,QAAA;IACA;IACAC,SAAA;MACAC,MAAA,CAAAC,IAAA;IACA;IACAC,MAAA;MACAF,MAAA,CAAAC,IAAA;IACA;IACAE,SAAA;MACAH,MAAA,CAAAC,IAAA;IACA;IACAG,OAAA;MACAxB,GAAA,CAAAyB,IAAA;MACA;MACA;MACA;MACA;MACA;MACA;MACA,KAAAR,MAAA,CAAAC,QAAA;MACA,KAAAD,MAAA,CAAAC,QAAA;MACA,KAAAD,MAAA,CAAAC,QAAA;IACA;IACAQ,SAAA;MACA,KAAAT,MAAA,CAAAC,QAAA;MACA,KAAAD,MAAA,CAAAC,QAAA;MACA,KAAAD,MAAA,CAAAC,QAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
