From eb6be7e76f6d12ebbc5a552a6fe67e9a79758cb4 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Thu, 20 Jan 2022 17:30:34 +0800
Subject: [PATCH] +
---
src/components/mobilePopupOurAfter/index.vue | 84 +++++++++++++++++++++++++----------------
1 files changed, 51 insertions(+), 33 deletions(-)
diff --git a/src/components/mobilePopupOurAfter/index.vue b/src/components/mobilePopupOurAfter/index.vue
index 46abfb1..77c5e51 100644
--- a/src/components/mobilePopupOurAfter/index.vue
+++ b/src/components/mobilePopupOurAfter/index.vue
@@ -1,5 +1,9 @@
<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>
@@ -13,7 +17,7 @@
:key="index"
>
<div class="m_p_a_c_o_up"><i :class="[item.icon]"></i></div>
- <div class="m_p_a_c_o_down">{{ item.name }}</div>
+ <div class="m_p_a_c_o_down">{{ item.seeName || item.name }}</div>
</div>
</div>
<div class="m_p_a_center_group">
@@ -24,7 +28,7 @@
:key="index"
>
<div class="m_p_a_c_o_up"><i :class="[item.icon]"></i></div>
- <div class="m_p_a_c_o_down">{{ item.name }}</div>
+ <div class="m_p_a_c_o_down">{{ item.seeName || item.name }}</div>
</div>
</div>
</div>
@@ -32,8 +36,9 @@
</template>
<script>
-import { getList } from "@/api/mobile/orgnav/index"; //机构单位
-import { getChildNavList } from "@/api/mobile/public/arc"; //校园建筑
+import { mapGetters } from "vuex";
+import { getList } from "@/api/mobile/orgnav/index"; // 机构单位
+import { getChildNavList } from "@/api/mobile/public/arc"; // 社区建筑
import {
// getListlivingFacilitiesr,
// getListsupermarket,
@@ -45,27 +50,32 @@
// getListaed,
// getListsignal,
// getListtransference,
- getListLifeOnce, //所有的
-} from "@/api/mobile/livingFacilities/index"; //生活设施
+ getListLifeOnce, // 所有的
+} from "@/api/mobile/livingFacilities/index"; // 生活设施
// import { getListdoor } from "@/api/mobile/outIn/index"; //出入口
// import { getListparking } from "@/api/mobile/stop/index"; //停车场
export default {
name: "mobilePopupOurAfter",
+ computed: {
+ ...mapGetters(["mBigPopupAfter"]),
+ },
data() {
return {
choiceValue: "",
choiceDataUp: [
{
+ // seeName: "社区内机构导览",
name: "机构单位",
icon: "el-icon-s-cooperation",
opendata: "openData1",
},
{
- name: "校园建筑",
+ name: "社区建筑",
opendata: "openData2",
icon: "el-icon-s-management",
},
{
+ // seeName: "生活服务设施",
name: "生活设施",
opendata: "openData3",
icon: "el-icon-s-flag",
@@ -89,27 +99,27 @@
},
],
openData1: [
- { name: "党群机构", type: 1, method: getList },
- { name: "职能部处", type: 2, method: getList },
- { name: "直属及附属单位", type: 3, method: getList },
- { name: "教学与科研机构", type: 4, method: getList },
+ // { name: "党群机构", type: 1, method: getList },
+ // { name: "职能部处", type: 2, method: getList },
+ // { name: "直属及附属单位", type: 3, method: getList },
+ // { name: "教学与科研机构", type: 4, method: getList },
{ name: "其他机构", type: 5, method: getList },
],
openData2: [
{ name: "行政办公", type: 1, method: getChildNavList },
- { name: "教学科研", type: 2, method: getChildNavList },
- { name: "校内场馆", type: 3, method: getChildNavList },
- { name: "宿舍公寓", type: 4, method: getChildNavList },
- { name: "文化风景", type: 5, method: getChildNavList },
- { name: "家属住宅", type: 6, method: getChildNavList },
+ // { name: "教学科研", type: 2, method: getChildNavList },
+ { name: "社区场馆", type: 3, method: getChildNavList },
+ // { name: '宿舍公寓', type: 4, method: getChildNavList },
+ // { name: '文化风景', type: 5, method: getChildNavList },
+ // { name: '家属住宅', type: 6, method: getChildNavList },
{ name: "其他楼宇", type: 7, 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 },
@@ -119,16 +129,18 @@
// openData6: [{ name: "停车场", type: 1, method: getListparking }],
// openData5: [{ name: "出入口", type: 1, method: getListdoor }],
openData3: [
- { name: "食堂餐厅", type: 1, method: getListLifeOnce },
- { name: "购物超市", type: 2, method: getListLifeOnce },
- { name: "校内医疗", type: 3, method: getListLifeOnce },
- { name: "邮寄快递", type: 4, method: getListLifeOnce },
- { name: "学生浴室", type: 5, method: getListLifeOnce },
- { name: "圈存机", type: 6, method: getListLifeOnce },
- { name: "打字复印", type: 7, method: getListLifeOnce },
- { name: "银行网点", type: 8, method: getListLifeOnce },
- { name: "AED", type: 9, method: getListLifeOnce },
- { name: "通信营业厅", type: 10, method: getListLifeOnce },
+ // { name: "食堂餐厅", type: 1, method: getListLifeOnce },
+ // { name: "购物超市", type: 2, method: getListLifeOnce },
+ // { name: "社区医疗", type: 3, method: getListLifeOnce },
+ // { name: "邮寄快递", type: 4, method: getListLifeOnce },
+ // { name: "社区浴室", type: 5, method: getListLifeOnce },
+ // // { name: "圈存机", type: 6, method: getListLifeOnce },
+ // { name: "打字复印", type: 7, method: getListLifeOnce },
+ // { name: "银行网点", type: 8, method: getListLifeOnce },
+ // { name: "AED", type: 9, method: getListLifeOnce },
+ // { name: "通信营业厅", type: 10, method: getListLifeOnce },
+ { name: "停车场", type: 11, method: getListLifeOnce },
+ { name: "出入口", type: 12, method: getListLifeOnce },
],
openData6: [{ name: "停车场", type: 11, method: getListLifeOnce }],
openData5: [{ name: "出入口", type: 12, method: getListLifeOnce }],
@@ -138,7 +150,7 @@
mounted() {},
methods: {
openBigPopup(val) {
- let d = {
+ const d = {
main: this[val.opendata],
qurey: val.name,
};
@@ -158,13 +170,16 @@
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,
@@ -229,4 +244,7 @@
}
}
}
-</style>
\ No newline at end of file
+.ismBigPopupAfter {
+ left: 13.5%;
+}
+</style>
--
Gitblit v1.9.3