#

zhou zhou

5 天以前 ffece4dfd172247c1f61fe7154619bf72a43e219

 pages/index/index.vue

@@ -1,15 +1,18 @@
<template>
   <view>
      <scroll-view scroll-y>
         <view class="vve">
            <image src="../../static/zoneyung.png" mode="aspectFit"></image>
         </view>
         <view class="content">
            <navigator hover-class="none" :url="'/pages/basics/' + item.name" 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>
         <!-- <view class="flex justify-end custom-position">
            <view>
               <image class="img-logo flex solid-bottom " src="../../static/zoneyung.png" mode="widthFix"></image>
            </view>
         </view> -->
         <view class="nav-list">
            <navigator hover-class="none" :url="'/pages' + item.name" 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" @click="checked()">
               <view class="nav-title">{{item.title}}</view>
               <view class="nav-name">{{item.name}}</view>
               <text :class="'cuIcon-' + item.cuIcon"></text>
            </navigator>
         </view>
      </scroll-view>
@@ -20,54 +23,179 @@
   export default {
      data() {
         return {
            elements:[{
               title: '组托',
               name: 'comb',
               color: 'yellow',
               cuIcon: 'goodsnew'
            },
            {
               title: '入库单组托',
               name: 'combPro',
               color: 'olive',
               cuIcon: 'goods'
            },
            {
               title: '库存盘点',
               name: 'stockCheck',
               color: 'cyan',
               cuIcon: 'squarecheck'
            },
            {
               title: '库存查询',
               name: 'stockQuery',
               color: 'blue',
               cuIcon: 'searchlist'
            }]
            elements: [
               // {
               //    title: '上架管理',
               //    name: 'putOnSale',
               //    color: 'blue',
               //    cuIcon: 'video'
               // },
               // {
               //    title: '下架管理',
               //    name: 'offLines',
               //    color: 'blue',
               //    cuIcon: 'copy'
               // },
               {
                  title: '扫码组托',
                  name: '/basics/codePakin',
                  color: 'blue',
                  cuIcon: 'copy'
               },
               {
                  title: '组托入库',
                  name: '/basics/pakin',
                  color: 'blue',
                  cuIcon: 'copy'
               },
               {
                  title: '订单组托',
                  name: '/basics/order',
                  color: 'blue',
                  cuIcon: 'goods'
               },
               {
                  title: '缓存库存查询',
                  name: '/agv/inventoryView',
                  color: 'blue',
                  cuIcon: 'copy'
               },
               {
                  title: 'AGV库位移动',
                  name: '/agv/locMove',
                  color: 'blue',
                  cuIcon: 'copy'
               },
               {
                  title: 'AGV出库',
                  name: '/agv/out',
                  color: 'blue',
                  cuIcon: 'copy'
               },
               {
                  title: 'AGV入库',
                  name: '/agv/in',
                  color: 'blue',
                  cuIcon: 'copy'
               },
               {
                  title: 'AGV空板入库',
                  name: '/agv/emptyIn',
                  color: 'blue',
                  cuIcon: 'copy'
               },
               {
                  title: 'AGV空板出库',
                  name: '/agv/emptyOut',
                  color: 'blue',
                  cuIcon: 'copy'
               },
               {
                  title: 'AGV再入库',
                  name: '/agv/againIn',
                  color: 'blue',
                  cuIcon: 'copy'
               },
               {
                  title: 'AGV容器绑定',
                  name: '/agv/bind',
                  color: 'blue',
                  cuIcon: 'copy'
               },
               {
                  title: 'AGV容器解绑',
                  name: '/agv/unBind',
                  color: 'blue',
                  cuIcon: 'copy'
               },
               // {
               //    title: '启动入库',
               //    name: 'startPakin',
               //    color: 'blue',
               //    cuIcon: 'goods'
               // },
               // {
               //    title: '拣料入库',
               //    name: 'paking',
               //    color: 'blue',
               //    cuIcon: 'goods'
               // },
               // {
               //    title: '库存查询',
               //    name: 'stockQuery',
               //    color: 'blue',
               //    cuIcon: 'searchlist'
               // },

               // {
               //    title: '单据出库',
               //    name: 'orderOut',
               //    color: 'blue',
               //    cuIcon: 'video'
               // },
               // {
               //    title: '库位出库',
               //    name: 'stoOut',
               //    color: 'blue',
               //    cuIcon: 'video'
               // },
               // {
               //    title: '盘点入库',
               //    name: 'pakStore',
               //    color: 'blue',
               //    cuIcon: 'video'
               // },
               // {
               //    title: '库存盘点',
               //    name: 'stoCheck',
               //    color: 'blue',
               //    cuIcon: 'safe'
               // },
               // {
               //    title: '平仓库存盘点',
               //    name: 'manStoCheck',
               //    color: 'blue',
               //    cuIcon: 'safe'
               // },
               // {
               //    title: '平仓库存盘点',
               //    name: 'manStoCheck',
               //    color: 'blue',
               //    cuIcon: 'safe'
               // },
               {
                  title: '退出登录',
                  name: 'logOut',
                  color: 'grey',
                  cuIcon: 'exit'
               },

            ]
         }
      },
      onLoad() {

      },
      methods: {

         changeImg() {
            console.log(1)
         },
         checked() {
            uni.vibrateShort();
         }
      }
   }
</script>

<style>
   .content {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
   }
   .vve {
      display: flex;
      justify-content: center;
      margin-top: -100rpx;
   @import "../../colorui/main.css";
   @import "../../colorui/icon.css";

   .custom-position {
      margin: 10rpx 10rpx 50rpx 0rpx;
   }

	
	
</style>
   .img-logo {
      width: 150rpx;
   }
</style>