12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- <template>
- <div class="home">
- <div class="nav-items col-1" @click="toPage('inventoryQuery')" v-if="$hasPermissions('M_inventoryQueryList')">
- <a-icon type="search" />
- <div>库存查询</div>
- </div>
- <!-- <div class="nav-items col-2" @click="toPage('productPricing')" v-if="$hasPermissions('M_productPricingList')">
- <a-icon type="euro" />
- <div>产品定价</div>
- </div> -->
- <div class="nav-items col-2" @click="toPage('priceInquiry')" v-if="$hasPermissions('M_priceInquiryList')">
- <a-icon type="euro" />
- <div>价格查询</div>
- </div>
- </div>
- </template>
- <script>
- export default {
- methods: {
- toPage (page) {
- this.$router.push({ name: page })
- }
- }
- }
- </script>
- <style lang="less">
- .home {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- height: calc(100vh - 84px);
- padding: 0 50px;
- .nav-items {
- display: flex;
- align-items: center;
- justify-content: center;
- margin-top: 20px;
- color: #fff;
- width: 100%;
- border-radius: 10px;
- padding: 20px;
- div {
- margin-left: 15px;
- font-size: 20px;
- }
- font-size: 30px;
- }
- .col-1{
- background-color: #55aa00;
- }
- .col-2{
- background-color: #0055aa;
- }
- }
- </style>
|