Merge branch 'master' of http://s16s652780.51mypc.cn:49896/r/zhba_enterprises

shuishen

2021-09-01 4da370f500cbabfbeb75f8006b8a3403656c4c5f

 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>