| | |
| | | <template> |
| | | <div id="mobilePopupOurAfter"> |
| | | <div |
| | | class="mobilePopupOurAfter" |
| | | :class="{ ismBigPopupAfter: mBigPopupAfter }" |
| | | > |
| | | <!-- v-show="mBigPopupAfter" --> |
| | | <div class="m_p_a_heard"> |
| | | <div><i class="el-icon-menu icon"></i></div> |
| | | <div @click="closeBigPopupAfter"><i class="el-icon-close icon"></i></div> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { mapGetters } from "vuex"; |
| | | import { getList } from "@/api/mobile/orgnav/index"; //机构单位 |
| | | import { getChildNavList } from "@/api/mobile/public/arc"; //校园建筑 |
| | | import { getChildNavList } from "@/api/mobile/public/arc"; //社区建筑 |
| | | import { |
| | | // getListlivingFacilitiesr, |
| | | // getListsupermarket, |
| | |
| | | // import { getListparking } from "@/api/mobile/stop/index"; //停车场 |
| | | export default { |
| | | name: "mobilePopupOurAfter", |
| | | computed: { |
| | | ...mapGetters(["mBigPopupAfter"]), |
| | | }, |
| | | data() { |
| | | return { |
| | | choiceValue: "", |
| | |
| | | opendata: "openData1", |
| | | }, |
| | | { |
| | | name: "校园建筑", |
| | | name: "社区建筑", |
| | | opendata: "openData2", |
| | | icon: "el-icon-s-management", |
| | | }, |
| | |
| | | openData2: [ |
| | | { name: "行政办公", type: 1, method: getChildNavList }, |
| | | { name: "教学科研", type: 2, method: getChildNavList }, |
| | | { name: "校内场馆", type: 3, method: getChildNavList }, |
| | | { name: "社区场馆", type: 3, method: getChildNavList }, |
| | | { name: "宿舍公寓", type: 4, method: getChildNavList }, |
| | | { name: "文化风景", type: 5, method: getChildNavList }, |
| | | { name: "家属住宅", type: 6, method: getChildNavList }, |
| | |
| | | // openData3: [ |
| | | // { name: "食堂餐厅", type: 1, method: getListlivingFacilitiesr }, |
| | | // { name: "购物超市", type: 2, method: getListsupermarket }, |
| | | // { name: "校内医疗", type: 3, method: getListmedical }, |
| | | // { name: "社区内医疗", type: 3, method: getListmedical }, |
| | | // { name: "邮寄快递", type: 4, method: getListmail }, |
| | | // { name: "学生浴室", type: 5, method: getListbathroom }, |
| | | // { name: "社区浴室", type: 5, method: getListbathroom }, |
| | | // { name: "圈存机", type: 6, method: getListtransference }, |
| | | // { name: "打字复印", type: 7, method: getListduplicate }, |
| | | // { name: "AED", type: 8, method: getListaed }, |
| | |
| | | openData3: [ |
| | | { name: "食堂餐厅", type: 1, method: getListLifeOnce }, |
| | | { name: "购物超市", type: 2, method: getListLifeOnce }, |
| | | { name: "校内医疗", type: 3, method: getListLifeOnce }, |
| | | { name: "社区内医疗", type: 3, method: getListLifeOnce }, |
| | | { name: "邮寄快递", type: 4, method: getListLifeOnce }, |
| | | { name: "学生浴室", type: 5, method: getListLifeOnce }, |
| | | { name: "社区浴室", type: 5, method: getListLifeOnce }, |
| | | { name: "圈存机", type: 6, method: getListLifeOnce }, |
| | | { name: "打字复印", type: 7, method: getListLifeOnce }, |
| | | { name: "银行网点", type: 8, method: getListLifeOnce }, |
| | |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | #mobilePopupOurAfter { |
| | | .mobilePopupOurAfter { |
| | | position: fixed; |
| | | top: 37.5%; |
| | | left: 13.5%; |
| | | // left: 13.5%; |
| | | left: -1000px; |
| | | width: 75%; |
| | | height: 25%; |
| | | background-color: #fff; |
| | | box-shadow: 0px 0px 5px #29baf1; |
| | | transition: all 0.5s; |
| | | // background-image: linear-gradient( |
| | | // // 135deg, |
| | | // #28bbf06c 30px, |
| | |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | | .ismBigPopupAfter { |
| | | left: 13.5%; |
| | | } |
| | | </style> |