#

Junjie

2024-10-08 89b7b2b79bc2a383c39d323edc7cfe4ddd9fe90e

 pages/home/home.vue

@@ -1,10 +1,24 @@
<template>
   <view>
      <view class="status_bar">
         <!-- 这里是状态栏 -->
      </view>
      <uni-nav-bar background-color="#f8f8f8"   title="主 页" @clickLeft="back"  :fixed="true"
         :border="false" rightWidth="160rpx" leftWidth="160rpx"
         >
         <block slot="right">
            <view class="city">
               <view>
                  <text class="uni-nav-bar-text">{{store}}</text>
               </view>
            </view>
         </block>
       </uni-nav-bar>
      <scroll-view scroll-y class="page">
         <view class="nav-list">
            <navigator hover-class='none' :url="'/pages' + item.url" class="nav-li" navigateTo
               :class="'bg-'+item.color" :style="[{animation: 'show ' + ((index+1)*0.2+1) + 's 1'}]"
               v-for="(item,index) in elements" :key="index">
               v-for="(item,index) in elements2" :key="index">
               <view class="nav-title">{{item.title}}</view>
               <view class="nav-name">{{item.name}}</view>
               <text :class="'cuIcon-' + item.cuIcon"></text>
@@ -22,6 +36,9 @@
            baseUrl: '',
            token: '',
            icon: '',
            username: '',
            storeId: 0,
            store: '',
            elements: [],
            elements2: [
               {
@@ -31,26 +48,26 @@
                  cuIcon: 'pullup',
                  url: '/pakin/pakin'
               },               
               {
                  title: '平库组托',
                  name: 'putOn',
                  color: 'orange',
                  cuIcon: 'pullup',
                  url: '/pakin/putOn'
               },
               // {
               //    title: '平库组托',
               //    name: 'putOn',
               //    color: 'orange',
               //    cuIcon: 'pullup',
               //    url: '/pakin/putOn'
               // },
               {
                  title: '平库上架',
                  name: 'print',
                  name: 'WarehouseIn',
                  color: 'purple',
                  cuIcon: 'text',
                  url: '/print/print'
                  url: '/pakin/WarehouseIn'
               },
               {
                  title: '平库下架',
                  name: 'orderPutOn',
                  color: 'yellow',
                  cuIcon: 'pullup',
                  url: '/order/orderList'
                  url: '/order/orderPutOn'
               },
               {
                  title: '订单组托',
@@ -65,6 +82,13 @@
                  color: 'green',
                  cuIcon: 'pulldown',
                  url: '/order/orderPickConfirm'
               },
               {
                  title: '制令入库',
                  name: 'pakin',
                  color: 'green',
                  cuIcon: 'pulldown',
                  url: '/order/zlOrderPakin'
               },
               // {
               //    title: '库存查询',
@@ -123,9 +147,17 @@
      onShow() {
         this.baseUrl = uni.getStorageSync('baseUrl');
         this.token = uni.getStorageSync('token');
         this.storeId = uni.getStorageSync('store')
         if (this.storeId == 1) {
            this.store = '宁波仓'
         }
         if (this.storeId == 2) {
            this.store = '新昌仓'
         }
         this.getAuth()
      },
      methods: {
         back() { uni.navigateBack({}) },
         getAuth() {
            let that = this
            uni.request({
@@ -156,9 +188,9 @@
                     }
                     that.elements.push({
                        title: '退出登录',
                        name: 'logOut',
                        name: '',
                        color: 'grey',
                        cuIcon: 'exit',
                        cuIcon: '',
                        url: '/login/logOut'
                     })
                  } else if (res.code === 403) {
@@ -203,6 +235,13 @@
</script>

<style>
   ::v-deep .uni-nav-bar-text{    
           font-size: 16px;    
         font-weight: 600;
   }
   .uni-nav-bar-text {
      font-size: 12px;
   }
   .page {
      height: 100vh;
   }