wms_app.git - Gitblit

parent: 7d39b1a6 | 补丁 | 提交 | ignore whitespace

whycq

2023-12-22 8c9fbf75b3a98143a81f746d5cd6594c9416bd25

5个文件已添加

3个文件已修改

	pages.json	40 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/home/agvManage.vue	261 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/home/basicStore.vue	260 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/home/fourWayManage.vue	283 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/home/home.vue	5 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/home/menuHome.vue	252 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/home/other.vue	246 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/login/login.vue	8 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 pages.json

@@ -346,6 +346,46 @@
                "navigationBarTitleText" : "选择组件",
                "enablePullDownRefresh" : false
            }
        },
        {
            "path" : "pages/home/menuHome",
            "style" : 
            {
                "navigationBarTitleText" : "主页",
                "enablePullDownRefresh" : false
            }
        },
        {
            "path" : "pages/home/agvManage",
            "style" : 
            {
                "navigationBarTitleText" : "AGV管理",
                "enablePullDownRefresh" : false
            }
        },
        {
            "path" : "pages/home/fourWayManage",
            "style" : 
            {
                "navigationBarTitleText" : "四向库",
                "enablePullDownRefresh" : false
            }
        },
        {
            "path" : "pages/home/basicStore",
            "style" : 
            {
                "navigationBarTitleText" : "平仓",
                "enablePullDownRefresh" : false
            }
        },
        {
            "path" : "pages/home/other",
            "style" : 
            {
                "navigationBarTitleText" : "通用",
                "enablePullDownRefresh" : false
            }
        }
        
        

 pages/home/agvManage.vue

New file
@@ -0,0 +1,261 @@
<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 {
                baseUrl: '',
                token: '',
                icon: '',
                elements: [],
                project: 'tzsk',
                elements2: [
                    {
                        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'
                    },
                ],
                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>

<style>
    .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>

 pages/home/basicStore.vue

New file
@@ -0,0 +1,260 @@
<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 {
                baseUrl: '',
                token: '',
                icon: '',
                elements: [],
                project: 'tzsk',
                elements2: [
                    {
                        title: '平库组托入库',
                        name: 'pakin',
                        color: 'cyan',
                        // cuIcon: 'pullup',
                        url: '/tzsk/pakin/pakin2'
                    },
                    {
                        title: '平库组托上架',
                        name: 'PutOn',
                        color: 'cyan',
                        // cuIcon: 'pullup',
                        url: '/tzsk/order/orderPutOn'
                    },
                    {
                        title: '订单上架',
                        name: 'orderPutOn',
                        color: 'yellow',
                        cuIcon: 'pullup',
                        url: '/order/orderPutOn'
                    },
                    {
                        title: '订单下架',
                        name: 'orderPutDown',
                        color: 'olive',
                        cuIcon: 'pulldown',
                        url: '/order/orderPutDown'
                    },
                    {
                        title: '平库移库',
                        name: 'locChange',
                        color: 'cyan',
                        // cuIcon: 'pullup',
                        url: '/tzsk/pakin/locChage'
                    },
                    {
                        title: '平库拣货',
                        name: 'locChange',
                        color: 'cyan',
                        // cuIcon: 'pullup',
                        url: '/tzsk/pakin/locPick'
                    },
                    {
                        title: '平库移库',
                        name: 'locChange',
                        color: 'cyan',
                        // cuIcon: 'pullup',
                        url: '/tzsk/pakin/locChage'
                    },
                ],
                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>

<style>
    .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>

 pages/home/fourWayManage.vue

New file
@@ -0,0 +1,283 @@
<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 {
                baseUrl: '',
                token: '',
                icon: '',
                elements: [],
                project: 'tzsk',
                elements2: [
                    {
                        title: '四项组托入库',
                        name: 'pakin',
                        color: 'cyan',
                        // cuIcon: 'pullup',
                        url: '/tzsk/pakin/pakin3'
                    },
                    {
                        title: '出库拣选',
                        name: 'checkOut',
                        color: 'cyan',
                        // cuIcon: 'pullup',
                        url: '/tzsk/pakin/checkOut'
                    },
                    {
                        title: '订单入库',
                        name: 'orderPakin',
                        color: 'red',
                        cuIcon: 'pullup',
                        url: '/order/orderPakin'
                    },
                    {
                        title: '托盘解绑',
                        name: 'untie',
                        color: 'cyan',
                        // cuIcon: 'pullup',
                        url: '/tzsk/pakin/untie'
                    },
                    {
                        title: '再次拣料',
                        name: 'changePallet',
                        color: 'green',
                        cuIcon: 'order',
                        url: '/pakin/pickAgain'
                    },
					
                    {
                        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'
                    },

                ],
                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>

<style>
    .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>

 pages/home/home.vue

@@ -268,6 +268,11 @@
                    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) {

 pages/home/menuHome.vue

New file
@@ -0,0 +1,252 @@
<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 elements2" :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: '',
                elements: [],
                project: 'tzsk',
                elements2: [
                    {
                        title: 'AGV管理',
                        name: 'AGVManage',
                        color: 'cyan',
                        // cuIcon: 'pullup',
                        url: `/home/agvManage`
                    },
                    {
                        title: '四项库管理',
                        name: 'FourWayManage',
                        color: 'blue',
                        // cuIcon: 'pullup',
                        url: `/home/fourWayManage` 
                    },
                    {
                        title: '平仓管理',
                        name: 'basicStore',
                        color: 'mauve',
                        // cuIcon: 'pullup',
                        url: '/home/basicStore'
                    },
                    {
                        title: '其他',
                        name: 'other',
                        color: 'brown',
                        // cuIcon: 'pullup',
                        url: '/home/other'
                    },
                    {
                        title: '退出登录',
                        name: 'logOut',
                        color: 'grey',
                        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);
                        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>

<style>
    .nav-list {
        padding: 0px 40upx 0px;
    }
    .nav-li {
        padding: 30upx;
        border-radius: 12upx;
        width: 90%;
        margin: 0 2.5% 40upx;
    }
    .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>

 pages/home/other.vue

New file
@@ -0,0 +1,246 @@
<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 {
                baseUrl: '',
                token: '',
                icon: '',
                elements: [],
                project: 'tzsk',
                elements2: [
                    {
                        title: '出库拣选',
                        name: 'checkOut',
                        color: 'cyan',
                        // cuIcon: 'pullup',
                        url: '/tzsk/pakin/checkOut'
                    },
                    {
                        title: '托盘解绑',
                        name: 'untie',
                        color: 'cyan',
                        // cuIcon: 'pullup',
                        url: '/tzsk/pakin/untie'
                    },
                    {
                        title: '临时入库',
                        name: 'pakin',
                        color: 'cyan',
                        cuIcon: 'pullup',
                        url: '/pakin/pakin2'
                    },
                    {
                        title: '打印',
                        name: 'print',
                        color: 'purple',
                        cuIcon: 'text',
                        url: '/print/print'
                    },
                    {
                        title: '商品打印',
                        name: 'matList',
                        color: 'orange',
                        cuIcon: 'post',
                        url: '/mat/matList'
                    },
                ],
                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>

<style>
    .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>

 pages/login/login.vue

@@ -189,9 +189,9 @@
                        "content-type": "application/json"
                    },
                    success(result) {
                        uni.reLaunch({
                            url: '../home/home'
                        });
                        // uni.reLaunch({
                        //     url: '../home/menuHome'
                        // });
                        if (result.statusCode === 404) {
                            uni.showToast({
                                title: '登录失败',
@@ -215,7 +215,7 @@
                                })
                                setTimeout(() => {
                                    uni.reLaunch({
                                        url: '../home/home'
                                        url: '../home/menuHome'
                                    });
                                }, 300)
                            }, 700)

			@@ -346,6 +346,46 @@
			"navigationBarTitleText" : "选择组件",
			"enablePullDownRefresh" : false
			}
			},
			{
			"path" : "pages/home/menuHome",
			"style" :
			{
			"navigationBarTitleText" : "主页",
			"enablePullDownRefresh" : false
			}
			},
			{
			"path" : "pages/home/agvManage",
			"style" :
			{
			"navigationBarTitleText" : "AGV管理",
			"enablePullDownRefresh" : false
			}
			},
			{
			"path" : "pages/home/fourWayManage",
			"style" :
			{
			"navigationBarTitleText" : "四向库",
			"enablePullDownRefresh" : false
			}
			},
			{
			"path" : "pages/home/basicStore",
			"style" :
			{
			"navigationBarTitleText" : "平仓",
			"enablePullDownRefresh" : false
			}
			},
			{
			"path" : "pages/home/other",
			"style" :
			{
			"navigationBarTitleText" : "通用",
			"enablePullDownRefresh" : false
			}
			}

New file
			@@ -0,0 +1,261 @@
			<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 {
			baseUrl: '',
			token: '',
			icon: '',
			elements: [],
			project: 'tzsk',
			elements2: [
			{
			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'
			},
			],
			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>

			<style>
			.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>

New file
			@@ -0,0 +1,260 @@
			<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 {
			baseUrl: '',
			token: '',
			icon: '',
			elements: [],
			project: 'tzsk',
			elements2: [
			{
			title: '平库组托入库',
			name: 'pakin',
			color: 'cyan',
			// cuIcon: 'pullup',
			url: '/tzsk/pakin/pakin2'
			},
			{
			title: '平库组托上架',
			name: 'PutOn',
			color: 'cyan',
			// cuIcon: 'pullup',
			url: '/tzsk/order/orderPutOn'
			},
			{
			title: '订单上架',
			name: 'orderPutOn',
			color: 'yellow',
			cuIcon: 'pullup',
			url: '/order/orderPutOn'
			},
			{
			title: '订单下架',
			name: 'orderPutDown',
			color: 'olive',
			cuIcon: 'pulldown',
			url: '/order/orderPutDown'
			},
			{
			title: '平库移库',
			name: 'locChange',
			color: 'cyan',
			// cuIcon: 'pullup',
			url: '/tzsk/pakin/locChage'
			},
			{
			title: '平库拣货',
			name: 'locChange',
			color: 'cyan',
			// cuIcon: 'pullup',
			url: '/tzsk/pakin/locPick'
			},
			{
			title: '平库移库',
			name: 'locChange',
			color: 'cyan',
			// cuIcon: 'pullup',
			url: '/tzsk/pakin/locChage'
			},
			],
			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>

			<style>
			.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>

New file
			@@ -0,0 +1,283 @@
			<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 {
			baseUrl: '',
			token: '',
			icon: '',
			elements: [],
			project: 'tzsk',
			elements2: [
			{
			title: '四项组托入库',
			name: 'pakin',
			color: 'cyan',
			// cuIcon: 'pullup',
			url: '/tzsk/pakin/pakin3'
			},
			{
			title: '出库拣选',
			name: 'checkOut',
			color: 'cyan',
			// cuIcon: 'pullup',
			url: '/tzsk/pakin/checkOut'
			},
			{
			title: '订单入库',
			name: 'orderPakin',
			color: 'red',
			cuIcon: 'pullup',
			url: '/order/orderPakin'
			},
			{
			title: '托盘解绑',
			name: 'untie',
			color: 'cyan',
			// cuIcon: 'pullup',
			url: '/tzsk/pakin/untie'
			},
			{
			title: '再次拣料',
			name: 'changePallet',
			color: 'green',
			cuIcon: 'order',
			url: '/pakin/pickAgain'
			},

			{
			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'
			},

			],
			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>

			<style>
			.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>

			@@ -268,6 +268,11 @@
			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) {

New file
			@@ -0,0 +1,252 @@
			<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 elements2" :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: '',
			elements: [],
			project: 'tzsk',
			elements2: [
			{
			title: 'AGV管理',
			name: 'AGVManage',
			color: 'cyan',
			// cuIcon: 'pullup',
			url: `/home/agvManage`
			},
			{
			title: '四项库管理',
			name: 'FourWayManage',
			color: 'blue',
			// cuIcon: 'pullup',
			url: `/home/fourWayManage`
			},
			{
			title: '平仓管理',
			name: 'basicStore',
			color: 'mauve',
			// cuIcon: 'pullup',
			url: '/home/basicStore'
			},
			{
			title: '其他',
			name: 'other',
			color: 'brown',
			// cuIcon: 'pullup',
			url: '/home/other'
			},
			{
			title: '退出登录',
			name: 'logOut',
			color: 'grey',
			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);
			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>

			<style>
			.nav-list {
			padding: 0px 40upx 0px;
			}
			.nav-li {
			padding: 30upx;
			border-radius: 12upx;
			width: 90%;
			margin: 0 2.5% 40upx;
			}
			.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>

New file
			@@ -0,0 +1,246 @@
			<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 {
			baseUrl: '',
			token: '',
			icon: '',
			elements: [],
			project: 'tzsk',
			elements2: [
			{
			title: '出库拣选',
			name: 'checkOut',
			color: 'cyan',
			// cuIcon: 'pullup',
			url: '/tzsk/pakin/checkOut'
			},
			{
			title: '托盘解绑',
			name: 'untie',
			color: 'cyan',
			// cuIcon: 'pullup',
			url: '/tzsk/pakin/untie'
			},
			{
			title: '临时入库',
			name: 'pakin',
			color: 'cyan',
			cuIcon: 'pullup',
			url: '/pakin/pakin2'
			},
			{
			title: '打印',
			name: 'print',
			color: 'purple',
			cuIcon: 'text',
			url: '/print/print'
			},
			{
			title: '商品打印',
			name: 'matList',
			color: 'orange',
			cuIcon: 'post',
			url: '/mat/matList'
			},
			],
			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>

			<style>
			.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>

			@@ -189,9 +189,9 @@
			"content-type": "application/json"
			},
			success(result) {
			uni.reLaunch({
			url: '../home/home'
			});
			// uni.reLaunch({
			// url: '../home/menuHome'
			// });
			if (result.statusCode === 404) {
			uni.showToast({
			title: '登录失败',
			@@ -215,7 +215,7 @@
			})
			setTimeout(() => {
			uni.reLaunch({
			url: '../home/home'
			url: '../home/menuHome'
			});
			}, 300)
			}, 700)