Home.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <template>
  2. <div class="home">
  3. <div class="nav-items col-1" @click="toPage('inventoryQuery')" v-if="$hasPermissions('M_inventoryQueryList')">
  4. <a-icon type="search" />
  5. <div>库存查询</div>
  6. </div>
  7. <!-- <div class="nav-items col-2" @click="toPage('productPricing')" v-if="$hasPermissions('M_productPricingList')">
  8. <a-icon type="euro" />
  9. <div>产品定价</div>
  10. </div> -->
  11. <div class="nav-items col-2" @click="toPage('priceInquiry')" v-if="$hasPermissions('M_priceInquiryList')">
  12. <a-icon type="euro" />
  13. <div>价格查询</div>
  14. </div>
  15. </div>
  16. </template>
  17. <script>
  18. export default {
  19. methods: {
  20. toPage (page) {
  21. this.$router.push({ name: page })
  22. }
  23. }
  24. }
  25. </script>
  26. <style lang="less">
  27. .home {
  28. display: flex;
  29. flex-direction: column;
  30. align-items: center;
  31. justify-content: center;
  32. height: calc(100vh - 84px);
  33. padding: 0 50px;
  34. .nav-items {
  35. display: flex;
  36. align-items: center;
  37. justify-content: center;
  38. margin-top: 20px;
  39. color: #fff;
  40. width: 100%;
  41. border-radius: 10px;
  42. padding: 20px;
  43. div {
  44. margin-left: 15px;
  45. font-size: 20px;
  46. }
  47. font-size: 30px;
  48. }
  49. .col-1{
  50. background-color: #55aa00;
  51. }
  52. .col-2{
  53. background-color: #0055aa;
  54. }
  55. }
  56. </style>