| | |
| | | <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: [], |
| | | elements2: [ |
| | | { |
| | | title: '组托入库', |
| | | name: 'pakin', |
| | | title: '模式切换', |
| | | name: 'modeSwitch', |
| | | color: 'cyan', |
| | | cuIcon: 'pullup', |
| | | url: '/pakin/pakin' |
| | | url: '/common/modeSwitch' |
| | | }, |
| | | { |
| | | title: '出库确认', |
| | | name: 'checkOut', |
| | | color: 'cyan', |
| | | cuIcon: 'pullup', |
| | | url: '/out/checkOut' |
| | | }, |
| | | { |
| | | title: '退库确认', |
| | | name: 'stockOut', |
| | | color: 'blue', |
| | | cuIcon: 'pullup', |
| | | url: '/out/stockOut' |
| | | }, |
| | | { |
| | | title: '退库单退库', |
| | | name: 'orderOut', |
| | | color: 'blue', |
| | | cuIcon: 'pullup', |
| | | url: '/order/orderPakin2' |
| | | }, |
| | | // { |
| | | // title: '手动入库', |
| | | // name: 'handIn', |
| | | // color: 'olive', |
| | | // cuIcon: 'pullup', |
| | | // url: '/out/handIn' |
| | | // }, |
| | | { |
| | | title: '核对单据', |
| | | name: 'orderGift', |
| | | color: 'orange', |
| | | cuIcon: 'pullup', |
| | | url: '/out/orderGift' |
| | | }, |
| | | { |
| | | title: '核对', |
| | | name: 'orderGift2', |
| | | color: 'orange', |
| | | cuIcon: 'pullup', |
| | | url: '/out/orderGift2' |
| | | }, |
| | | // { |
| | | // title: '组托入库', |
| | | // name: 'pakin', |
| | | // color: 'cyan', |
| | | // cuIcon: 'pullup', |
| | | // url: '/pakin/pakin' |
| | | // }, |
| | | // { |
| | | // title: '再次拣料', |
| | | // name: 'changePallet', |
| | | // color: 'green', |
| | | // cuIcon: 'order', |
| | | // url: '/pakin/pickAgain' |
| | | // }, |
| | | // { |
| | | // title: 'AGV组托', |
| | | // name: 'AGVPakin', |
| | | // color: 'blue', |
| | | // cuIcon: 'pullup', |
| | | // url: '/tzsk/AGV/AGVPakin' |
| | | // }, |
| | | // { |
| | | // 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: '订单入库', |
| | | // name: 'orderPakin', |
| | | // color: 'blue', |
| | | // color: 'red', |
| | | // cuIcon: 'pullup', |
| | | // url: '/order/orderPakin' |
| | | // }, |
| | | // { |
| | | // title: '组托上架', |
| | | // name: 'putOn', |
| | | // color: 'orange', |
| | | // cuIcon: 'pullup', |
| | | // url: '/pakin/putOn' |
| | | // }, |
| | | // { |
| | | // title: '打印', |
| | |
| | | // { |
| | | // title: '订单上架', |
| | | // name: 'orderPutOn', |
| | | // color: 'mauve', |
| | | // color: 'yellow', |
| | | // cuIcon: 'pullup', |
| | | // url: '/order/orderPutOn' |
| | | // }, |
| | | // { |
| | | // title: '订单下架', |
| | | // name: 'orderPutDown', |
| | | // color: 'pink', |
| | | // color: 'olive', |
| | | // cuIcon: 'pulldown', |
| | | // url: '/order/orderPutDown' |
| | | // }, |
| | | { |
| | | title: '库存查询', |
| | | name: 'stockQuery', |
| | | color: 'brown', |
| | | cuIcon: 'check', |
| | | url: '/stock/stockQuery' |
| | | }, |
| | | // { |
| | | // title: '库存查询', |
| | | // name: 'stockQuery', |
| | | // color: 'green', |
| | | // cuIcon: 'check', |
| | | // url: '/stock/stockQuery' |
| | | // }, |
| | | // { |
| | | // title: '盘点', |
| | | // name: 'stockCheck', |
| | |
| | | // url: '/stock/stockCheck' |
| | | // }, |
| | | // { |
| | | // title: '商品列表', |
| | | // title: '商品打印', |
| | | // name: 'matList', |
| | | // color: 'orange', |
| | | // cuIcon: 'post', |
| | |
| | | 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'); |
| | | setTimeout(()=>{ |
| | | this.getAuth() |
| | | },10) |
| | | }, |
| | | methods: { |
| | | 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> |
| | |
| | | .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; |