|  |  | 
 |  |  |    <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"> | 
 |  |  |             <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> | 
 |  |  | 
 |  |  |    export default { | 
 |  |  |       data() { | 
 |  |  |          return { | 
 |  |  |             elements: [ | 
 |  |  |             baseUrl: '', | 
 |  |  |             token: '', | 
 |  |  |             icon: '', | 
 |  |  |             elements: [], | 
 |  |  |             project: 'tzsk', | 
 |  |  |             elements2: [ | 
 |  |  |                { | 
 |  |  |                   title: '组托入库', | 
 |  |  |                   title: 'AGV组托', | 
 |  |  |                   name: 'AGVPakin', | 
 |  |  |                   color: 'blue', | 
 |  |  |                   // cuIcon: 'pullup', | 
 |  |  |                   url: `/tzsk/AGV/AGVPakin` | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: 'AGV盘点/拣料', | 
 |  |  |                   name: 'AGVPick', | 
 |  |  |                   color: 'cyan', | 
 |  |  |                   // cuIcon: 'pullup', | 
 |  |  |                   url: `/tzsk/AGV/AGVPick`  | 
 |  |  |                }, | 
 |  |  | 					 | 
 |  |  |                { | 
 |  |  |                   title: 'AGV上架绑定', | 
 |  |  |                   name: 'AGVPakinBing', | 
 |  |  |                   color: 'mauve', | 
 |  |  |                   // cuIcon: 'pullup', | 
 |  |  |                   url: '/tzsk/AGV/AGVPakinBing' | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: 'AGV启动入库', | 
 |  |  |                   name: 'AGVStart', | 
 |  |  |                   color: 'pink', | 
 |  |  |                   // cuIcon: 'pullup', | 
 |  |  |                   url: '/tzsk/AGV/AGVStart' | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: 'AGV上架组托', | 
 |  |  |                   name: 'AGVPakinOn', | 
 |  |  |                   color: 'brown', | 
 |  |  |                   // cuIcon: 'pullup', | 
 |  |  |                   url: '/tzsk/AGV/AGVPakinOn' | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: 'AGV容器离场', | 
 |  |  |                   name: 'AGVContainerMove', | 
 |  |  |                   color: 'cyan', | 
 |  |  |                   // cuIcon: 'pullup', | 
 |  |  |                   url: '/tzsk/AGV/AGVContainerMove' | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: 'AGV条码', | 
 |  |  |                   name: 'AGVCode', | 
 |  |  |                   color: 'cyan', | 
 |  |  |                   // cuIcon: 'pullup', | 
 |  |  |                   url: '/tzsk/AGV/AGVCode' | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: '平库组托入库', | 
 |  |  |                   name: 'pakin', | 
 |  |  |                   color: 'cyan', | 
 |  |  |                   // cuIcon: 'pullup', | 
 |  |  |                   url: '/tzsk/pakin/pakin2' | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: '四项组托入库', | 
 |  |  |                   name: 'pakin', | 
 |  |  |                   color: 'cyan', | 
 |  |  |                   // cuIcon: 'pullup', | 
 |  |  |                   url: '/tzsk/pakin/pakin3' | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: '平库组托上架', | 
 |  |  |                   name: 'PutOn', | 
 |  |  |                   color: 'cyan', | 
 |  |  |                   // cuIcon: 'pullup', | 
 |  |  |                   url: '/tzsk/order/orderPutOn' | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: '出库拣选', | 
 |  |  |                   name: 'checkOut', | 
 |  |  |                   color: 'cyan', | 
 |  |  |                   // cuIcon: 'pullup', | 
 |  |  |                   url: '/tzsk/pakin/checkOut' | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: '订单上架', | 
 |  |  |                   name: 'orderPutOn', | 
 |  |  |                   color: 'yellow', | 
 |  |  |                   cuIcon: 'pullup', | 
 |  |  |                   url: '/order/orderPutOn' | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: '订单下架', | 
 |  |  |                   name: 'orderPutDown', | 
 |  |  |                   color: 'olive', | 
 |  |  |                   cuIcon: 'pulldown', | 
 |  |  |                   url: '/order/orderPutDown' | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: '订单入库', | 
 |  |  |                   name: 'orderPakin', | 
 |  |  |                   color: 'red', | 
 |  |  |                   cuIcon: 'pullup', | 
 |  |  |                   url: '/order/orderPakin' | 
 |  |  |                }, | 
 |  |  | 					 | 
 |  |  | 					 | 
 |  |  |                { | 
 |  |  |                   title: '订单拣货', | 
 |  |  |                   name: 'orderPick', | 
 |  |  |                   color: 'cyan', | 
 |  |  |                   // cuIcon: 'pullup', | 
 |  |  |                   url: '/tzsk/order/orderPick' | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: '托盘解绑', | 
 |  |  |                   name: 'untie', | 
 |  |  |                   color: 'cyan', | 
 |  |  |                   // cuIcon: 'pullup', | 
 |  |  |                   url: '/tzsk/pakin/untie' | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: '平库移库', | 
 |  |  |                   name: 'locChange', | 
 |  |  |                   color: 'cyan', | 
 |  |  |                   // cuIcon: 'pullup', | 
 |  |  |                   url: '/tzsk/pakin/locChage' | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: '平库拣货', | 
 |  |  |                   name: 'locChange', | 
 |  |  |                   color: 'cyan', | 
 |  |  |                   // cuIcon: 'pullup', | 
 |  |  |                   url: '/tzsk/pakin/locPick' | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: '临时入库', | 
 |  |  |                   name: 'pakin', | 
 |  |  |                   color: 'cyan', | 
 |  |  |                   cuIcon: 'pullup', | 
 |  |  |                   url: '/pakin/pakin2' | 
 |  |  |                }, | 
 |  |  | 					 | 
 |  |  |                { | 
 |  |  |                   title: '再次拣料', | 
 |  |  |                   name: 'changePallet', | 
 |  |  |                   color: 'green', | 
 |  |  |                   cuIcon: 'order', | 
 |  |  |                   url: '/pakin/pickAgain' | 
 |  |  |                }, | 
 |  |  | 					 | 
 |  |  | 					 | 
 |  |  |                { | 
 |  |  |                   title: '组托上架', | 
 |  |  |                   name: 'putOn', | 
 |  |  |                   color: 'orange', | 
 |  |  |                   cuIcon: 'pullup', | 
 |  |  |                   url: '/pakin/putOn' | 
 |  |  |                }, | 
 |  |  | 					 | 
 |  |  |                { | 
 |  |  |                   title: '库存查询', | 
 |  |  |                   name: 'stockQuery', | 
 |  |  |                   color: 'green', | 
 |  |  |                   cuIcon: 'check', | 
 |  |  |                   url: `/tzsk/stock/stockQuery` | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: '盘点', | 
 |  |  |                   name: 'stockCheck', | 
 |  |  |                   color: 'red', | 
 |  |  |                   cuIcon: 'post', | 
 |  |  |                   url: '/stock/stockCheck' | 
 |  |  |                }, | 
 |  |  | 					 | 
 |  |  |                { | 
 |  |  |                   title: '换板绑定', | 
 |  |  |                   name: 'changePallet', | 
 |  |  |                   color: 'green', | 
 |  |  |                   cuIcon: 'order', | 
 |  |  |                   url: '/stock/changePallet' | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: '补货', | 
 |  |  |                   name: 'restock', | 
 |  |  |                   color: 'yellow', | 
 |  |  |                   cuIcon: 'punch', | 
 |  |  |                   url: '/stock/restock' | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: '转全板', | 
 |  |  |                   name: 'piking', | 
 |  |  |                   color: 'olive', | 
 |  |  |                   cuIcon: 'order', | 
 |  |  |                   url: '/pakin/piking' | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: '打印', | 
 |  |  |                   name: 'print', | 
 |  |  |                   color: 'purple', | 
 |  |  |                   cuIcon: 'vipcard', | 
 |  |  |                   url: '/pakin/pakin' | 
 |  |  |                   cuIcon: 'text', | 
 |  |  |                   url: '/print/print' | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: '商品打印', | 
 |  |  |                   name: 'matList', | 
 |  |  |                   color: 'orange', | 
 |  |  |                   cuIcon: 'post', | 
 |  |  |                   url: '/mat/matList' | 
 |  |  |                }, | 
 |  |  |                { | 
 |  |  |                   title: '退出登录', | 
 |  |  |                   name: 'logOut', | 
 |  |  |                   color: 'grey', | 
 |  |  |                   cuIcon: 'vipcard', | 
 |  |  |                   cuIcon: 'exit', | 
 |  |  |                   url: '/login/logOut' | 
 |  |  |                }, | 
 |  |  | 					 | 
 |  |  |  | 
 |  |  |             ], | 
 |  |  |             colorList: ['cyan','blue','purple','mauve','pink','brown','red','orange','yellow','olive','olive','grey' ] | 
 |  |  |          }; | 
 |  |  |       }, | 
 |  |  |       onShow() { | 
 |  |  |          this.baseUrl = uni.getStorageSync('baseUrl'); | 
 |  |  |          this.token = uni.getStorageSync('token'); | 
 |  |  |          this.project = uni.getStorageSync('project') | 
 |  |  |          this.getAuth() | 
 |  |  |          this.backGroundRepeat() | 
 |  |  |       }, | 
 |  |  |       methods: { | 
 |  |  |          backGroundRepeat() { | 
 |  |  |             let len = this.colorList.length | 
 |  |  |             let i = 0 | 
 |  |  |             for (let k in this.elements2) { | 
 |  |  |                if (i == len) { | 
 |  |  |                   i = 0 | 
 |  |  |                } | 
 |  |  |                this.elements2[k].color = this.colorList[i] | 
 |  |  |                i++ | 
 |  |  |             } | 
 |  |  |          }, | 
 |  |  |          getAuth() { | 
 |  |  |             let that = this | 
 |  |  |             uni.request({ | 
 |  |  |                url: that.baseUrl + '/menu/pda/auth', | 
 |  |  |                data: {}, | 
 |  |  |                header: { 'token': uni.getStorageSync('token') }, | 
 |  |  |                method: 'POST', | 
 |  |  |                success(res) { | 
 |  |  |                   console.log(res); | 
 |  |  |                   if (res.statusCode === 404) { | 
 |  |  |                      that.elements = that.elements2 | 
 |  |  |                      return | 
 |  |  |                   } | 
 |  |  |                   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: `/${that.project}${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> | 
 |  |  | 
 |  |  |    .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; |