From e40ee62d3e9b71ffe3432d32a53a00c4097b5708 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Fri, 31 Dec 2021 09:03:28 +0800
Subject: [PATCH] +3d 2.5d
---
src/components/mobilePopupOurAfter/index.vue | 101 +++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 99 insertions(+), 2 deletions(-)
diff --git a/src/components/mobilePopupOurAfter/index.vue b/src/components/mobilePopupOurAfter/index.vue
index 9847d54..46abfb1 100644
--- a/src/components/mobilePopupOurAfter/index.vue
+++ b/src/components/mobilePopupOurAfter/index.vue
@@ -32,6 +32,23 @@
</template>
<script>
+import { getList } from "@/api/mobile/orgnav/index"; //机构单位
+import { getChildNavList } from "@/api/mobile/public/arc"; //校园建筑
+import {
+ // getListlivingFacilitiesr,
+ // getListsupermarket,
+ // getListmedical,
+ // getListmail,
+ // getListbathroom,
+ // getListduplicate,
+ // getListnetwork,
+ // getListaed,
+ // getListsignal,
+ // getListtransference,
+ getListLifeOnce, //所有的
+} from "@/api/mobile/livingFacilities/index"; //生活设施
+// import { getListdoor } from "@/api/mobile/outIn/index"; //出入口
+// import { getListparking } from "@/api/mobile/stop/index"; //停车场
export default {
name: "mobilePopupOurAfter",
data() {
@@ -41,35 +58,91 @@
{
name: "机构单位",
icon: "el-icon-s-cooperation",
+ opendata: "openData1",
},
{
name: "校园建筑",
+ opendata: "openData2",
icon: "el-icon-s-management",
},
{
name: "生活设施",
+ opendata: "openData3",
icon: "el-icon-s-flag",
},
],
choiceDataDown: [
{
name: "文化风景",
+ opendata: "openData4",
icon: "el-icon-s-opportunity",
},
{
name: "出入口",
+ opendata: "openData5",
icon: "el-icon-s-promotion",
},
{
name: "停车场",
+ opendata: "openData6",
icon: "el-icon-s-flag",
},
],
+ openData1: [
+ { 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: 7, method: getChildNavList },
+ ],
+ // openData3: [
+ // { name: "食堂餐厅", type: 1, method: getListlivingFacilitiesr },
+ // { name: "购物超市", type: 2, method: getListsupermarket },
+ // { name: "校内医疗", type: 3, method: getListmedical },
+ // { name: "邮寄快递", type: 4, method: getListmail },
+ // { name: "学生浴室", type: 5, method: getListbathroom },
+ // { name: "圈存机", type: 6, method: getListtransference },
+ // { name: "打字复印", type: 7, method: getListduplicate },
+ // { name: "AED", type: 8, method: getListaed },
+ // { name: "银行网点", type: 9, method: getListnetwork },
+ // { name: "通信营业厅", type: 10, method: getListsignal },
+ // ],
+ // 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 },
+ ],
+ openData6: [{ name: "停车场", type: 11, method: getListLifeOnce }],
+ openData5: [{ name: "出入口", type: 12, method: getListLifeOnce }],
+ openData4: [{ name: "文化风景", type: 5, method: getChildNavList }],
};
},
mounted() {},
methods: {
openBigPopup(val) {
+ let d = {
+ main: this[val.opendata],
+ qurey: val.name,
+ };
+ this.$store.commit("MSET_POPUPOUROPENDATA", d);
this.$store.commit("MSET_BIGPOPUP", val);
},
closeBigPopupAfter() {
@@ -92,6 +165,24 @@
width: 75%;
height: 25%;
background-color: #fff;
+ // background-image: linear-gradient(
+ // // 135deg,
+ // #28bbf06c 30px,
+ // #28bbf06c 30px,
+ // // #28bbf06c 50%,
+ // // transparent 50%
+ // #28bbf06c 100%,
+ // transparent 100%
+ // ),
+ // linear-gradient(
+ // // -45deg,
+ // transparent 30px,
+ // #28bbf06c 30px,
+ // // #28bbf06c 50.1%,
+ // // transparent 50%
+ // #28bbf06c 100%,
+ // transparent 100%
+ // );
z-index: 300;
.m_p_a_heard {
width: 100%;
@@ -100,7 +191,7 @@
padding: 5px 15px;
@extend .flexCenter;
justify-content: space-between;
- background-color: #a40000;
+ background-color: #29baf1;
div {
width: 35px;
height: 35px;
@@ -123,11 +214,17 @@
.m_p_a_center_once {
width: 30%;
height: 100%;
- background-color: #a40000;
+ // background-image: linear-gradient(#29baf1, #28bbf06c);
+ // background-color: #a40000;
+ background-color: #29baf1;
color: #fff;
+ // border: 2px solid rgba(105, 215, 255, 0.658);
border: 2px solid rgb(255, 255, 255);
@extend .flexCenter;
flex-direction: column;
+ // &:hover {
+ // background-image: linear-gradient(#09b7fc, #28bbf0a4);
+ // }
}
}
}
--
Gitblit v1.9.3