#

whycq

2024-10-26 b4109c203742424cc795bdca9ca1e00d5602e241

 pages/home/home.vue

@@ -1,9 +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">
            <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 elements2" :key="index">
               <view class="nav-title">{{item.title}}</view>
               <view class="nav-name">{{item.name}}</view>
               <text :class="'cuIcon-' + item.cuIcon"></text>
@@ -18,84 +33,133 @@
   export default {
      data() {
         return {
            elements: [
            baseUrl: '',
            token: '',
            icon: '',
            username: '',
            storeId: 0,
            store: '',
            elements: [],
            elements2: [
               {
                  title: '组托入库',
                  name: 'pakin',
                  color: 'cyan',
                  cuIcon: 'pullup',
                  url: '/pakin/pakin'
               },
               },					
               // {
               //    title: '平库组托',
               //    name: 'putOn',
               //    color: 'orange',
               //    cuIcon: 'pullup',
               //    url: '/pakin/putOn'
               // },
               {
                  title: '订单入库',
                  name: 'orderPakin',
                  color: 'blue',
                  cuIcon: 'pullup',
                  url: '/order/orderPakin'
               },
               {
                  title: '打印',
                  name: 'print',
                  title: '平库上架',
                  name: 'WarehouseIn',
                  color: 'purple',
                  cuIcon: 'text',
                  url: '/print/print'
                  url: '/pakin/WarehouseIn'
               },
               {
                  title: '订单上架',
                  title: '平库下架',
                  name: 'orderPutOn',
                  color: 'mauve',
                  cuIcon: 'pullup',
                  url: '/order/orderPutOn'
               },
               {
                  title: '订单下架',
                  name: 'orderPutDown',
                  color: 'pink',
                  cuIcon: 'pulldown',
                  url: '/order/orderPutDown'
               },
               {
                  title: '库存查询',
                  name: 'stockQuery',
                  color: 'brown',
                  cuIcon: 'check',
                  url: '/stock/stockQuery'
               },
               {
                  title: '盘点',
                  name: 'stockCheck',
                  color: 'red',
                  cuIcon: 'post',
                  url: '/stock/stockCheck'
               },
               {
                  title: '商品列表',
                  name: 'matList',
                  color: 'orange',
                  cuIcon: 'post',
                  url: '/mat/matList'
               },
               {
                  title: '补货',
                  name: 'restock',
                  color: 'yellow',
                  cuIcon: 'punch',
                  url: '/stock/restock'
                  cuIcon: 'pullup',
                  url: '/order/orderList'
               },
               {
                  title: '转全板',
                  name: 'piking',
                  title: '订单组托',
                  name: 'orderComb',
                  color: 'olive',
                  cuIcon: 'order',
                  url: '/pakin/piking'
                  cuIcon: 'pulldown',
                  url: '/order/orderComb'
               },
               {
                  title: '换板绑定',
                  name: 'changePallet',
                  title: '并板入库',
                  name: 'orderPickConfirm',
                  color: 'green',
                  cuIcon: 'order',
                  url: '/stock/changePallet'
                  cuIcon: 'pulldown',
                  url: '/order/orderPickConfirm2'
               },
               {
                  title: '并板途中拣料',
                  name: 'ParallelBoard',
                  color: 'green',
                  cuIcon: 'pulldown',
                  url: '/order/orderListParallelBoard'
               },
               {
                  title: '拣料途中并板',
                  name: 'PickBoard',
                  color: 'orange',
                  cuIcon: 'pulldown',
                  url: '/order/orderListPickBoard'
               },
               {
                  title: '多次并板',
                  name: 'BoardMany',
                  color: 'yellow',
                  cuIcon: 'pulldown',
                  url: '/order/mergeBoardManyTimes'
               },
               {
                  title: '制令入库',
                  name: 'pakin',
                  color: 'green',
                  cuIcon: 'pulldown',
                  url: '/order/zlOrderPakin'
               },
               {
                  title: '商品信息查询',
                  name: 'MatInformation',
                  color: 'red',
                  cuIcon: 'pulldown',
                  url: '/mat/matInformation'
               },
               // {
               //    title: '库存查询',
               //    name: 'stockQuery',
               //    color: 'green',
               //    cuIcon: 'check',
               //    url: '/stock/stockQuery'
               // },
               // {
               //    title: '盘点',
               //    name: 'stockCheck',
               //    color: 'red',
               //    cuIcon: 'post',
               //    url: '/stock/stockCheck'
               // },
               // {
               //    title: '商品打印',
               //    name: 'matList',
               //    color: 'orange',
               //    cuIcon: 'post',
               //    url: '/mat/matList'
               // },
               // {
               //    title: '补货',
               //    name: 'restock',
               //    color: 'yellow',
               //    cuIcon: 'punch',
               //    url: '/stock/restock'
               // },
               // {
               //    title: '转全板',
               //    name: 'piking',
               //    color: 'olive',
               //    cuIcon: 'order',
               //    url: '/pakin/piking'
               // },
               // {
               //    title: '换板绑定',
               //    name: 'changePallet',
               //    color: 'green',
               //    cuIcon: 'order',
               //    url: '/stock/changePallet'
               // },
               {
                  title: '退出登录',
                  name: 'logOut',
@@ -103,87 +167,183 @@
                  cuIcon: 'exit',
                  url: '/login/logOut'
               },
					

            ],
            colorList: ['cyan','blue','mauve','pink','brown','red','orange','yellow','olive','olive','green','grey' ]
         };
      },
      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({
               url: that.baseUrl + '/mobile/menu/pda/auth',
               data: {},
               header: { 'token': uni.getStorageSync('token') },
               method: 'POST',
               success(res) {
                  res = res.data
                  that.elements = []
                  if (res.code === 200) {
                     if (res.data == undefined || res.data == null || res.data == "") {
                        that.elements = that.elements2								
                        return
                     }
                     for (var i = 0; i < res.data.length; i++) {
                        if (res.data.length < 0) {
                           break;
                        }
                        that.getIcon(res.data[i].title)
                        that.elements.unshift({
                           title: res.data[i].name,
                           name: res.data[i].title,
                           color: that.colorList[i],
                           cuIcon: that.icon,
                           url: res.data[i].action
                        })
                     }
                     that.elements.push({
                        title: '退出登录',
                        name: '',
                        color: 'grey',
                        cuIcon: '',
                        url: '/login/logOut'
                     })
                  } else if (res.code === 403) {
                     uni.showToast({
                        title: res.msg,
                        icon: "none",
                        position: 'top'
                     })
                     setTimeout(() => {
                        uni.reLaunch({
                           url: '../login/login'
                        });
                     }, 1000);
                  } else if(res.status === 404) {
                     that.elements = that.elements2
                     // uni.showToast({
                     //    title: '默认主页',
                     //    icon: "none",
                     //    position: 'top'
                     // })
                  } else {
                     uni.showToast({
                        title: res.msg,
                        icon: "none",
                        position: 'top'
                     })
                  }
               },
               fail(err) {
                  console.log(err);
               }
            })
         },
         getIcon(e) {
            const ways = ['pakin','orderPakin','orderPutOn']
            if (ways.includes(e)) {
               this.icon = 'pullup'
            }
         }
      }
   }
</script>

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

   .bg-red {
      background-color: #e54d42;
      color: #ffffff;
   }
	

   .bg-orange {
      background-color: #f37b1d;
      color: #ffffff;
   }
	

   .bg-yellow {
      background-color: #fbbd08;
      color: #333333;
   }
	

   .bg-olive {
      background-color: #8dc63f;
      color: #ffffff;
   }
	

   .bg-green {
      background-color: #39b54a;
      color: #ffffff;
   }
	

   .bg-cyan {
      background-color: #1cbbb4;
      color: #ffffff;
   }
	

   .bg-blue {
      background-color: #0081ff;
      color: #ffffff;
   }
	

   .bg-purple {
      background-color: #6739b6;
      color: #ffffff;
   }
	

   .bg-mauve {
      background-color: #9c26b0;
      color: #ffffff;
   }
	

   .bg-pink {
      background-color: #e03997;
      color: #ffffff;
   }
	

   .bg-brown {
      background-color: #a5673f;
      color: #ffffff;
   }
	

   .bg-grey {
      background-color: #8799a3;
      color: #ffffff;
   }
	

   .bg-gray {
      background-color: #f0f0f0;
      color: #333333;
   }
	

   .bg-black {
      background-color: #333333;
      color: #ffffff;
   }
	

   .bg-white {
      background-color: #ffffff;
      color: #666666;