This commit is contained in:
2023-03-21 19:13:34 +08:00
parent a00d75ce79
commit 7e8f2eee43
2 changed files with 67 additions and 70 deletions

View File

@@ -9,7 +9,30 @@
</view> </view>
</view> </view>
<view class="nav-wrap"> <view class="nav-wrap">
<view class="nav-item"><text class="nav-text" @click="toJump('/pages/equipStatus/equipStatus')">设备状态修改</text></view> <view class="nav-item">
<text class="nav-text" @click="toJump('/pages/equipStatus/equipStatus')">入箱扫码异常</text>
</view>
<view class="nav-item">
<text class="nav-text" @click="toJump('/pages/equipStatus/equipStatus')">出箱扫码异常</text>
</view>
<view class="nav-item">
<text class="nav-text" @click="toJump('/pages/equipStatus/equipStatus')">缓存线盘点</text>
</view>
<view class="nav-item">
<text class="nav-text" @click="toJump('/pages/equipStatus/equipStatus')">AGV入箱异常</text>
</view>
<view class="nav-item">
<text class="nav-text" @click="toJump('/pages/equipStatus/equipStatus')">AGV出箱异常</text>
</view>
<view class="nav-item">
<text class="nav-text" @click="toJump('/pages/equipStatus/equipStatus')">缓存线出箱异常</text>
</view>
<view class="nav-item">
<text class="nav-text" @click="toJump('/pages/equipStatus/equipStatus')">指令操作</text>
</view>
<view class="nav-item">
<text class="nav-text" @click="toJump('/pages/equipStatus/equipStatus')">缓存线异常处理</text>
</view>
</view> </view>
</view> </view>
</template> </template>
@@ -40,71 +63,45 @@
} }
</script> </script>
<style lang="scss" scoped> <style lang="stylus" scoped>
.content{ @import '../../common/style/mixin.styl';
display: flex; .content
flex-direction: column; _fj()
align-items: center; _wh(100%, 100%)
justify-content: flex-start; flex-direction column
width: 100%; background-color: #fff
height: 100%; .header
} _fj()
.header{ _wh(100%,88rpx)
display: flex; background-color $red
width: 100%; .header-item
height: 44px; width calc(50% - 20rpx)
background-color: #d7592f; padding 0 10px
} .header-user
.header-item { _font(32rpx, 88rpx, #fff,,)
width: calc(50% - 10px); .header-r
padding: 0 10px; _fj(flex-end)
} /deep/ .header-r uni-button
.header-user { margin-right 0
font-size: 16px; .header-button
line-height: 44px; _wh(160rpx, 60rpx)
color: #ffffff; _font(32rpx,60rpx,#333,,)
} .nav-wrap
.header-r{ _fj(flex-start)
display: flex; align-content center
justify-content: flex-end; flex-wrap wrap
align-items: center _wh(calc(100%),calc(100% - 88rpx))
} padding 0 20%
/deep/ .header-r uni-button{ .nav-item
margin-right: 0; _fj(center)
} align-items center
.header-button{ _wh(30%,200rpx)
width: 80px; border-radius 20rpx
height: 30px; border 10px solid #acbec6
font-size: 16px; margin 15rpx 5% 15rpx 0
color: #333333; .nav-item:nth-child(3n)
line-height: 30px; margin-right 0
} .nav-text
.nav-wrap{ _font(40rpx, 60rpx, #333,,)
display: flex; letter-spacing: 4rpx
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
width: calc(100% - 40%);
height: calc(100% - 44px);
padding: 0 20%;
}
.nav-item{
display: flex;
justify-content: center;
align-items: center;
width: 30%;
height: 100px;
background-color: #acbec6;
border-radius: 10px;
margin: 7.5px 5% 7.5px 0;
}
.nav-item:nth-child(3n){
margin-right: 0;
}
.nav-text{
font-size: 22px;
line-height: 30px;
color: #ffffff;
letter-spacing: 2px;
}
</style> </style>

View File

@@ -47,7 +47,7 @@
</template> </template>
<script> <script>
// import { RSAencrypt } from '@/utils/jsencrypt.js' import { RSAencrypt } from '@/utils/jsencrypt.js'
import {handLogin} from '@/utils/getData2.js' import {handLogin} from '@/utils/getData2.js'
export default { export default {
data() { data() {
@@ -143,7 +143,7 @@
} }
</script> </script>
<style lang="stylus"> <style lang="stylus" scoped>
@import '../../common/style/mixin.styl'; @import '../../common/style/mixin.styl';
.login_bg .login_bg
_wh(100%, 100%) _wh(100%, 100%)