|
@@ -1,10 +1,12 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
+ <u-navbar title="首页" v-show="false"></u-navbar>
|
|
|
+
|
|
|
<!-- 头部 -->
|
|
|
<view class="header">
|
|
|
<view class="main">
|
|
|
<view class="title">
|
|
|
- <view class="name">
|
|
|
+ <view class="name" @click="changeShow()">
|
|
|
<view class="text">
|
|
|
你好,孙斌!
|
|
|
</view>
|
|
@@ -12,23 +14,32 @@
|
|
|
<u-icon name='arrow-down' color="#fff" size="28"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="options" v-if="this.show==true" >
|
|
|
+ <view @click="changeShow()">切换身份</view>
|
|
|
+ <view @click="changeShow()">退出账号</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
|
|
|
<view class="qr-code">
|
|
|
<img src="../../../assets/img/riLine-qr-scan-line@1x.png" alt="">
|
|
|
</view>
|
|
|
</view>
|
|
|
- <!-- 公告 -->
|
|
|
- <view class="notice">
|
|
|
-
|
|
|
- <u-icon name="volume-up-fill" size="40" color="#fff"></u-icon>
|
|
|
- <text>库存PDA设备将于2023年4月1日升级维护</text>
|
|
|
- </view>
|
|
|
+
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
<!-- 宫格 -->
|
|
|
<view class="gird">
|
|
|
- <view class="item">
|
|
|
+ <!-- 公告 -->
|
|
|
+ <view class="notice" >
|
|
|
+ <u-notice-bar mode="horizontal"
|
|
|
+ bg-color="#6290f7" color="#fff"
|
|
|
+ :list="['库存PDA设备将于2023年4月1日升级维护']"></u-notice-bar>
|
|
|
+
|
|
|
+ <!-- <u-icon name="volume-up-fill" size="40" color="#fff"></u-icon>
|
|
|
+ <text></text> -->
|
|
|
+ </view>
|
|
|
+ <view class="item" @click="gotoUrl('pages/storeManagement/equipmentDelivery/equipmentDelivery')">
|
|
|
<view class="title">
|
|
|
设备出库
|
|
|
</view>
|
|
@@ -39,7 +50,7 @@
|
|
|
<img src="../../../assets/img/girdH1.png" alt="">
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="item">
|
|
|
+ <view class="item" @click="gotoUrl('pages/storeManagement/equipmentEnter/equipmentEnter')">
|
|
|
<view class="title">
|
|
|
设备入库
|
|
|
</view>
|
|
@@ -50,7 +61,7 @@
|
|
|
<img src="../../../assets/img/girdH2.png" alt="">
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="item">
|
|
|
+ <view class="item" @click="gotoUrl('pages/storeManagement/equipmentInspection/equipmentInspection')" >
|
|
|
<view class="title">
|
|
|
设备巡检
|
|
|
</view>
|
|
@@ -61,7 +72,7 @@
|
|
|
<img src="../../../assets/img/girdH3.png" alt="">
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="item">
|
|
|
+ <view class="item" @click="gotoUrl('pages/storeManagement/equipmentRetrieval/equipmentRetrieval')" >
|
|
|
<view class="title">
|
|
|
设备检索
|
|
|
</view>
|
|
@@ -106,16 +117,35 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
-
|
|
|
+ show:false,
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
-
|
|
|
+ changeShow(){
|
|
|
+ this.show=!this.show
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+
|
|
|
+ .options{
|
|
|
+ width: 260rpx;
|
|
|
+
|
|
|
+ line-height: 60rpx;
|
|
|
+ //text-align: center;
|
|
|
+ padding:8rpx 0px 8rpx 16rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ color: rgba(65, 80, 88, 1);
|
|
|
+ font-family: Microsoft Yahei;
|
|
|
+ position: absolute;
|
|
|
+ top: 88rpx;
|
|
|
+ border-radius: 1px;
|
|
|
+ //right: 24rpx;
|
|
|
+ box-shadow:5px 5px 10px gray;
|
|
|
+ }
|
|
|
+
|
|
|
page{
|
|
|
background-color: rgba(1,122,255,1);
|
|
|
padding-bottom: 100rpx;
|
|
@@ -123,7 +153,7 @@
|
|
|
// 头部
|
|
|
.header{
|
|
|
width: 100%;
|
|
|
- height: 339px;
|
|
|
+ height: 289px;
|
|
|
background:linear-gradient(180deg, rgba(0,45,194,1) 0%,rgba(0,59,254,1) 49%,rgba(1,122,255,1) 100%);
|
|
|
padding: 0 40rpx;
|
|
|
.main{
|
|
@@ -149,35 +179,37 @@
|
|
|
|
|
|
}
|
|
|
}
|
|
|
- // 公告
|
|
|
- .notice{
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- background-color: rgba(255, 255, 255, 0.35);
|
|
|
- color: rgba(255, 255, 255, 1);
|
|
|
- font-weight: bold;
|
|
|
- border-radius: 8px;
|
|
|
- height: 80rpx;
|
|
|
- line-height: 80rpx;
|
|
|
- padding: 0 24rpx;
|
|
|
- position: absolute;
|
|
|
- bottom: 260rpx;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
-
|
|
|
- text{
|
|
|
- font-size: 28rpx;
|
|
|
- width: 542px;
|
|
|
- margin-left: 16rpx;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- }
|
|
|
- }
|
|
|
+
|
|
|
}
|
|
|
|
|
|
// 宫格
|
|
|
.gird{
|
|
|
+ // 公告
|
|
|
+ .notice{
|
|
|
+ overflow: hidden;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ background-color: #6290f7;
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ font-weight: bold;
|
|
|
+ border-radius: 8px;
|
|
|
+ height: 80rpx;
|
|
|
+ line-height: 80rpx;
|
|
|
+ padding: 0 24rpx;
|
|
|
+ // position: absolute;
|
|
|
+ bottom: 260rpx;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ margin-bottom: 40rpx;
|
|
|
+ text{
|
|
|
+ font-size: 28rpx;
|
|
|
+ width: 542px;
|
|
|
+ margin-left: 16rpx;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ }
|
|
|
+ }
|
|
|
padding: 0 40rpx;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|