| | |
| | | <template> |
| | | <div v-drag class="plottingBox"> |
| | | <div |
| | | v-drag |
| | | class="plottingBox" |
| | | > |
| | | <div class="plottingTitle"> |
| | | <div class="tileLeft"> |
| | | <div class="titleImg"> |
| | | <div |
| | | class="titleImg" |
| | | @click="setCloseplotting" |
| | | > |
| | | <ArrowLeft /> |
| | | </div> |
| | | <div class="titleLable">标绘查询</div> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="plotting_list"> |
| | | <div class="plotting_list_tr" v-for="(item, i) in list" :key="i"> |
| | | <div |
| | | class="plotting_list_tr" |
| | | v-for="(item, i) in list" |
| | | :key="i" |
| | | > |
| | | <div class="plotting_list_tr_name"> |
| | | <img |
| | | :src="require(`../../assets/img/${item.icon}`)" |
| | |
| | | defineProps, |
| | | defineEmits, |
| | | } from "vue"; |
| | | const emits = defineEmits(["setCloseplotting"]); |
| | | let list = ref([ |
| | | { |
| | | name: "Path #9", |
| | |
| | | icon: "m.png", |
| | | }, |
| | | ]); |
| | | const setCloseplotting = () => { |
| | | emits("setCloseplotting", false); |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | |
| | | width: 359px; |
| | | height: 680px; |
| | | background: rgba(7, 8, 14, 0.8); |
| | | box-shadow: inset 0px 10px 40px 10px rgba(38, 47, 71, 1); |
| | | z-index: 40; |
| | | |
| | | .plottingTitle { |
| | | width: calc(100% - 27px); |
| | | height: 42px; |