From 4da370f500cbabfbeb75f8006b8a3403656c4c5f Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Wed, 01 Sep 2021 16:33:17 +0800
Subject: [PATCH] Merge branch 'master' of http://s16s652780.51mypc.cn:49896/r/zhba_enterprises
---
src/views/wel/index.vue | 81 ++++++++++++++++++++++++----------------
1 files changed, 49 insertions(+), 32 deletions(-)
diff --git a/src/views/wel/index.vue b/src/views/wel/index.vue
index 33fb8ab..2ff01f9 100644
--- a/src/views/wel/index.vue
+++ b/src/views/wel/index.vue
@@ -5,7 +5,20 @@
<span class="h2">Security service enterprise management platform</span>
</div>
<div class="homeL-bar">
- <div class="outS" @click="down1">
+ <div
+ class="outS"
+ v-for="(item, index) in usedata.list"
+ :key="index"
+ @click="down(item.value)"
+ >
+ <div
+ class="down1"
+ :style="{ backgroundImage: item.imgs, color: 'red' }"
+ >
+ <span>{{ item.label }}</span>
+ </div>
+ </div>
+ <!-- <div class="outS" @click="down1">
<div class="down1"><span>保安员管理</span></div>
</div>
<div class="outS" @click="down2">
@@ -19,33 +32,37 @@
</div>
<div class="outS" @click="down5">
<div class="down5"><span>通知公告</span></div>
- </div>
+ </div> -->
</div>
</div>
</template>
<script>
+import website from "@/config/website";
+import { mapGetters } from "vuex";
export default {
data() {
return {
- a: 1,
+ usedata: {},
};
},
+ mounted() {
+ var data = website.homePage;
+ console.log(data);
+ console.log(this.userInfo);
+ data.forEach((item) => {
+ if (item.userName == this.userInfo.role_name) {
+ this.usedata = item;
+ console.log(this.usedata);
+ }
+ });
+ },
+ computed: {
+ ...mapGetters(["userInfo"]),
+ },
methods: {
- down1() {
- this.$router.push({ path: "/securityGuard/index" });
- },
- down2() {
- this.$router.push({ path: "/securityUnit/index" });
- },
- down3() {
- this.$router.push({ path: "/dispatch/dispatch" });
- },
- down4() {
- this.$router.push({ path: "/traincompany/index" });
- },
- down5() {
- this.$router.push({ path: "/desk/index" });
+ down(path) {
+ this.$router.push({ path: path });
},
},
mouted() {},
@@ -130,21 +147,21 @@
// border: 1px solid rgb(180, 22, 75);
}
}
- .down1 {
- background-image: url("../../../public/img/yijianbaoj.jpg");
- }
- .down2 {
- background-image: url("../../../public/img/fangyi.jpg");
- }
- .down3 {
- background-image: url("../../../public/img/anjian.jpg");
- }
- .down4 {
- background-image: url("../../../public/img/tiwen.jpg");
- }
- .down5 {
- background-image: url("../../../public/img/tongji.jpg");
- }
+ // .down1 {
+ // background-image: url("../../../public/img/yijianbaoj.jpg");
+ // }
+ // .down2 {
+ // background-image: url("../../../public/img/fangyi.jpg");
+ // }
+ // .down3 {
+ // background-image: url("../../../public/img/anjian.jpg");
+ // }
+ // .down4 {
+ // background-image: url("../../../public/img/tiwen.jpg");
+ // }
+ // .down5 {
+ // background-image: url("../../../public/img/tongji.jpg");
+ // }
}
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3