组托提交后清除订单号

pang.jiabao

2025-03-07 99eb82d94843caa48ca38582bca2d7275c59809c

 pages/home/home.vue

@@ -1,121 +1,369 @@
<template>
   <view>
      <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">
               <view class="nav-title">{{item.title}}</view>
               <view class="nav-name">{{item.name}}</view>
               <text :class="'cuIcon-' + item.cuIcon"></text>
            </navigator>
         </view>
         <view class="cu-tabbar-height"></view>
      </scroll-view>
   </view>
</template>

<script>
   export default {
      data() {
         return {
            elements: [
<template>

   <view>

      <view class="box-bg">

         <uni-nav-bar shadow left-icon="bars" title="主页" @clickLeft="selectLoc()" />

      </view>

      <scroll-view scroll-y class="page">

         <view>

            <uni-drawer ref="showLeft" mode="left" :width="320">
               <view>
                  <view>
                     <uni-section title="机构选择" type="line"></uni-section>
                  </view>
                  <uni-list v-for="(item, index) in hosts" :key="item.id">
                     <uni-list-item :title="item.name" clickable @click="itemClick(item)"></uni-list-item>
                  </uni-list>
               </view>



            </uni-drawer>

         </view>

         <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">

               <view class="nav-title">{{item.title}}</view>

               <view class="nav-name">{{item.name}}</view>

               <text :class="'cuIcon-' + item.cuIcon"></text>

            </navigator>

         </view>

         <view class="cu-tabbar-height"></view>

      </scroll-view>

   </view>

</template>



<script>

   export default {

      data() {

         return {

            baseUrl: '',

            token: '',

            icon: '',

            hosts: [],

            elements: [],

            elements2: [{

                  title: '组托入库',

                  name: 'pakin',

                  color: 'cyan',

                  cuIcon: 'pullup',

                  url: '/pakin/pakin'

               },
               {
                  title: '组托入库',
                  name: 'pakin',
                  title: '平库上架',
                  name: 'putOn',
                  color: 'orange',
                  cuIcon: 'pullup',
                  url: '/pakin/putOn'
               },

               {

                  title: '平库下架',

                  name: 'flatPutDown',

                  color: 'green',

                  cuIcon: 'order',

                  url: '/stock/outFlat'

               },
               {
                  title: '地标绑定',
                  name: 'orderBindSeed',
                  color: 'red',
                  cuIcon: 'pullup',
                  url: '/stock/orderBindSeed'
               },

               {
                  title: '出库确认',
                  name: 'orderConfirm',
                  color: 'purple',
                  cuIcon: 'vipcard',
                  url: '/pakin/pakin'
               },
               {
                  title: '退出登录',
                  name: 'logOut',
                  color: 'grey',
                  cuIcon: 'vipcard',
                  url: '/login/logOut'
               },
					
            ],
         };
      }
   }
</script>

                  cuIcon: 'check',
                  url: '/order/orderOutConfirm'
               },

               // {

               //    title: '打印',

               //    name: 'print',

               //    color: 'purple',

               //    cuIcon: 'text',

               //    url: '/print/print'

               // },

               // {

               //    title: '订单上架',

               //    name: 'orderPutOn',

               //    color: 'yellow',

               //    cuIcon: 'pullup',

               //    url: '/order/orderPutOn'

               // },

               // {

               //    title: '订单下架',

               //    name: 'orderPutDown',

               //    color: 'olive',

               //    cuIcon: 'pulldown',

               //    url: '/order/orderPutDown'

               // },

               // {

               //    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',

                  color: 'grey',

                  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.getCurrentHosts()

         this.getAuth()



      },





      methods: {

         selectLoc() {

            this.$refs['showLeft'].open()

         },



         closeDrawer() {

            this.$refs['showLeft'].close()



         },



         itemClick(event) {
            if (event != null && event.id != null) {
               this.$refs['showLeft'].close()
               uni.setStorageSync('hostId', event.id)
            }	
         },



         getCurrentHosts() {

            let that = this

            uni.request({

               url: that.baseUrl + '/pda/current/host',

               data: {},

               header: {

                  'token': uni.getStorageSync('token')

               },

               method: "GET",

               success(res) {

                  let result = res.data

                  if (result.code == 200) {

                     that.hosts = result.data;
                     if (uni.getStorageSync('hostId') == null || uni.getStorageSync('hostId') == '') {
                        that.$refs['showLeft'].open()
                     }

                  }

               },

               fail(res) {



               }

            })

         },



         getAuth() {

            let that = this

            uni.request({

               url: that.baseUrl + '/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: 'logOut',

                        color: 'grey',

                        cuIcon: 'exit',

                        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>
   .page {
      height: 100vh;
   .uni-section{
      margin-top: 0rpx;
   }
   .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;
   }
	
   .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;

   }

</style>