root/hht-xinfengtianneng-uni
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

登录、导航页

Browse Source
This commit is contained in:
caill
2024-02-22 09:03:21 +08:00
parent 47aa1438c3
commit c9acd9b2ed
6 changed files with 399 additions and 202 deletions
Download Patch File Download Diff File Expand all files Collapse all files

185
pages/home/home.vue
View File

@@ -1,35 +1,31 @@
<template>
<view class="zd_content">
<view class="header">首页</view>
<view class="userInfo-wrap">
<view class="userInfo">
<text class="p1">{{userName}}</text>
<text class="p2">欢迎进入瑞泰马钢手持系统！</text>
</view>
<view class="exit" @tap="Quit">
<view class="icon-exit"></view>
<view class="exit-text">退出</view>
</view>
</view>
<view class="zd_wrapper">
<view class="menu-wrap">
<view class="menu-item" v-for="(e, i) in menuList" :key="i" @tap="toPage1(e)">
<image class="menu-img" :src="require('../../static/image/menu/' + e.icon + '.png')" alt="">
<view class="menu-name">{{e.name}}</view>
<view class="home_wraper">
<view class="zd_content">
<view class="header">首页</view>
<view class="userInfo-wrap">
<view class="userInfo">
<text v-if="userName !== ''" class="p1">{{userName}}</text>
<text class="p2">欢迎进入信丰天能手持系统！</text>
</view>
<view class="exit" @tap="Quit">
<view class="icon-exit"></view>
<view class="exit-text">退出</view>
</view>
</view>
</view>
<view v-if="show === true" class="sec_menu_wraper">
<view class="sec_menu_w">
<view class="menu-item" v-for="(e, i) in secM" :key="i" @click="toPage2(e)">
<view class="sec_menu-col_inner">
<view class="menu-name menu-name_inner">{{e.name}}</view>
<view class="zd_home_wrapper">
<view class="menus_wrap" v-for="(e, i) in menuList" :key="e.id">
<view class="fir_menu_wrap">
<view class="fir_menu_tip"></view>
<view class="fir_menu_title">{{e.name}}</view>
</view>
<view class="sec_menu_wrap">
<view class="sec_menu-item" v-for="(el, i) in e.sonTree" :key="el.menu_id" @tap="toPage(el)">
<image class="menu-img" :src="require('../../static/image/menu/' + el.icon + '.png')" alt="">
<view class="menu-name">{{el.name}}</view>
</view>
</view>
</view>
</view>
<view class="cancel">
<view class="iconfont cancel_icon" @tap="show = false"></view>
</view>
</view>
</view>
</template>
@@ -39,59 +35,35 @@
data() {
return {
userName: '',
// menuList: [
// {menu_id: '1', icon: 'RF01', name: '设备点检', path: '/pages/modules/equip-inspection', sonTree: []},
// {menu_id: '2', icon: 'RF02', name: '设备操作', path: '/pages/modules/equip-operate', sonTree: []},
// {menu_id: '3', icon: 'RF03', name: '人工分拣', path: '', sonTree: [
// {menu_id: '1', name: '分拣排产', path: '/pages/modules/sort-schedue'},
// {menu_id: '2', name: '剩料入库', path: '/pages/modules/surplus-mater-instore'},
// {menu_id: '3', name: '托盘绑定', path: '/pages/modules/pallet-bind'},
// {menu_id: '4', name: '包装入库', path: '/pages/modules/package-instore'},
// ]},
// {menu_id: '4', icon: 'RF05', name: '人工组盘', path: '/pages/modules/man-group', sonTree: []},
// {menu_id: '5', icon: 'RF06', name: '混碾搬运', path: '/pages/modules/hunnian-carry', sonTree: []},
// {menu_id: '6', icon: 'RF07', name: '强制静置', path: '/pages/modules/forced-rest', sonTree: []}
// ],
menuList: [
{menu_id: '1', icon: 'RF06', name: '混碾搬运', path: '/pages/modules/hunnian-carry', sonTree: []},
{menu_id: '2', icon: 'RF07', name: '强制静置', path: '/pages/modules/forced-rest', sonTree: []},
{menu_id: '3', icon: 'RF01', name: '设备点检', path: '/pages/modules/equip-inspection', sonTree: []},
{menu_id: '4', icon: 'RF05', name: '人工组盘', path: '/pages/modules/man-group', sonTree: []},
{menu_id: '5', icon: 'RF09', name: '人工分拣', path: '', sonTree: [
{menu_id: '1', name: '分拣排产', path: '/pages/modules/sort-schedue'},
{menu_id: '2', name: '剩料入库', path: '/pages/modules/surplus-mater-instore'},
{menu_id: '3', name: '托盘绑定', path: '/pages/modules/pallet-bind'},
{menu_id: '4', name: '包装入库', path: '/pages/modules/package-instore'},
{menu_id: '5', name: '呼叫满料', path: '/pages/modules/call-full-mater'},
{menu_id: '6', name: '呼叫木盘', path: '/pages/modules/call-mupan'},
{menu_id: '7', name: '空盘入库', path: '/pages/modules/empty-instore'}
{id: '1', name: '人工组盘', sonTree: [
{menu_id: '1', icon: 'RF01', name: '人工组盘', path: '/pages/manage/man-group-disk'}
]},
{menu_id: '6', icon: 'RF10', name: '压机搬运', path: '/pages/modules/press-carry', sonTree: []},
{menu_id: '7', icon: 'RF08', name: '货架盘点', path: '/pages/modules/shelf-check', sonTree: []},
{menu_id: '8', icon: 'RF02', name: '混碾操作', path: '/pages/modules/hunnian-operate', sonTree: []}
{id: '2', name: '原材料库', sonTree: [
{menu_id: '1', icon: 'RF02', name: '入库', path: '/pages/manage/in-storage'},
{menu_id: '2', icon: 'RF03', name: '出库', path: '/pages/manage/out-storage'}
]},
{id: '3', name: '任务流转', sonTree: [
{menu_id: '1', icon: 'RF04', name: '任务流转', path: '/pages/manage/task-flow'}
]}
],
show: false,
secM: []
};
},
created () {
this.$store.dispatch('setPublicObj', '')
if (this.$store.getters.userInfo) {
this.userName = JSON.parse(this.$store.getters.userInfo).username
}
},
methods: {
toPage1 (e) {
if (e.sonTree.length > 0) {
this.show = true
this.secM = e.sonTree
} else {
let url = e.path
uni.redirectTo({
url: url
})
}
async _authority () {
let res = await authority()
this.menuList = [...res.sonTree]
},
toPage2 (e) {
toPage (e) {
let url = e.path
uni.redirectTo({
url: url
@@ -109,19 +81,32 @@
<style lang="stylus">
@import '../../common/style/mixin.styl';
.home_wraper
_wh(100%, 100%)
overflow hidden
.zd_content
padding-top 0
padding 0 24rpx
height 100%
top 0
padding-top calc(var(--status-bar-height) + 86rpx)
background linear-gradient(to bottom, #fae2ca 0%, #fff5ea 20%, #fdfdfd 100%)
.header
height 86rpx
position fixed
left 0
top 0
padding-top var(--status-bar-height)
z-index 100
_wh(100%, calc(var(--status-bar-height) + 86rpx))
background-color #f8e6db
_font(36rpx,86rpx,#333,,center)
.userInfo-wrap
_fj()
_wh(100%,160rpx)
_wh(100%,190rpx)
padding 0 30rpx
background-color $red
_bis('../../static/image/info_bg.png',auto,100%,right,bottom)
border-radius 12rpx
margin-bottom 20rpx
margin-bottom 24rpx
.userInfo
_fj(,flex-start,column)
.p1
@@ -131,20 +116,35 @@
_font(26rpx,1,#fff)
.exit
_fj()
height 47rpx
padding 0 15rpx
height 50rpx
padding 0 20rpx
border 1px solid #FF967C
border-radius 20rpx
.icon-exit
_wh(22rpx, 22rpx)
_bis('../../static/image/exit.png',22rpx)
.exit-text
_font(24rpx,47rpx,#fff,,right)
_font(32rpx,50rpx,#fff,,right)
padding-left 10rpx
.menu-wrap
.zd_home_wrapper
_wh(100%, calc(100% - 238rpx))
margin-bottom 24rpx
overflow-y scroll
.menus_wrap
width 100%
background-color #fff
border-radius: 12rpx;
padding: 14rpx;
margin-bottom 24rpx
box-shadow: 0 4rpx 10rpx 4rpx rgba(0,0,0,.1);
.fir_menu_wrap
_wh(100%, 68rpx)
.fir_menu_title
_font(36rpx, 68rpx, #333, bold,)
.sec_menu_wrap
_fj(flex-start,flex-start,,wrap)
align-content: flex-start
.menu-item
.sec_menu-item
_fj()
flex-direction column
_wh(30%, auto)
@@ -162,41 +162,4 @@
margin 0 auto 0.2rpx
.menu-name
_font(28rpx, 38rpx, #444,,center)
.sec_menu_wraper
position fixed
top 0
left 0
_wh(100%, 100%)
background-color rgba(0, 0, 0, .9)
z-index 2017
flex-direction column
.sec_menu_w
_fj()
_wh(100%, calc(100% - 100rpx))
padding 0 24rpx
flex-wrap wrap
align-content center
&::after
content ''
display block
_wh(30%,0)
.sec_menu-col
background-color transparent
border none
height auto
.sec_menu-col_inner
_fj(center)
_wh(160rpx, 160rpx)
border-radius 50%
background-color $yellow
margin 0 auto
.menu-name_inner
color #fff
padding 0 20rpx
.cancel
_wh(100%, 100rpx)
padding 0 24rpx
overflow hidden
background-color rgba(255, 255, 255, .3)
box-shadow 0 1rpx 4rpx 0 rgba(160,160,160,0.9)
</style>

51
pages/login/login.vue
View File

@@ -1,7 +1,7 @@
<template>
<view class="zd_content bg">
<view class="p1">欢迎来到</view>
<view class="p2">瑞泰马钢手持系统！</view>
<view class="p2">信丰天能手持系统！</view>
<view class="input-box">
<input class="large-input" type="text" placeholder="请输入用户名" v-model="user">
</view>
@@ -18,14 +18,12 @@
<text class="setup-text" @tap="isUpdate">升级版本</text>
</view>
<button class="login-btn" :disabled="disabled" @tap="toLogin">确认登录</button>
<!-- <button class="login-btn" @tap="test">打印</button> -->
<view v-if="version !== ''" class="version-name">v{{version}}</view>
<Up-grade v-if="grade === true" @closeUpdate="closeUpdate" :androidUrl="androidUrl"></up-grade>
</view>
</template>
<script>
// import {getCLodop, getPrinterList} from "@/utils/CLodopfuncs.js"
import { RSAencrypt } from '@/utils/jsencrypt.js'
import {handLogin, pdaUpdate} from '@/utils/getData2.js'
import UpGrade from './upgrade.vue'
@@ -50,7 +48,7 @@
//#ifdef APP-PLUS
// 获取本地应用资源版本号
plus.runtime.getProperty(plus.runtime.appid, (info) => {
console.log(JSON.stringify(info));
// console.log(JSON.stringify(info));
this.version = info.version;
this.versionCode = info.versionCode ;
})
@@ -60,18 +58,6 @@
isUpdate () {
this._pdaUpdate()
},
// test() {
// let LODOP = getCLodop();
// // 更换为打印服务器ip 不需要加前缀
// LODOP.PRINT_INIT(null, "192.168.81.198");
// // 打印机序号 规则为打印服务器打印机列表倒数从0开始 -1为默认打印机
// LODOP.SET_PRINTER_INDEX(-1);
// // 设置打印纸大小
// LODOP.SET_PRINT_PAGESIZE(1, 800, 600, "");
// // 根据需求插入打印代码
// LODOP.PRINT(); // 打印
// // LODOP.PREVIEW()
// },
toSaveUser() {
this.saveUser = !this.saveUser
},
@@ -123,15 +109,17 @@
},
async _pdaUpdate () {
let res = await pdaUpdate()
if (res.versionName === this.version) {
uni.showToast({
title: '当前为最新版本',
icon: 'none'
})
} else {
this.grade = true
this.androidUrl = res.url
}
// if (res.versionName === this.version) {
// uni.showToast({
// title: '当前为最新版本',
// icon: 'none'
// })
// } else {
// this.grade = true
// this.androidUrl = res.url
// }
this.grade = true
this.androidUrl = res.url
},
closeUpdate () {
this.grade = false
@@ -143,11 +131,11 @@
<style lang="stylus" scoped>
@import '../../common/style/mixin.styl';
.p1
_font(60rpx,75rpx,#444)
padding-top: 90rpx
_font(40rpx,75rpx,#444,666)
padding-top: 190rpx
.p2
_font(50rpx,1,#444)
padding: 40rpx 0 25rpx
_font(46rpx,1,#444,600)
padding: 10rpx 0 55rpx 0
.input-box
_fj()
margin-top 68rpx
@@ -181,7 +169,12 @@
background-color $red
.zd_content
position: relative
top 0
height: 100%
padding-left 40rpx
padding-right 40rpx
background-color: #fff
overflow: hidden
.version-name
width 100%
position: absolute