菜单

common/style/layout.css

@@ -63,6 +63,19 @@ uni-button:after {
 	color: #323232;
 	line-height: 70rpx;
 }
+.cancel_icon::before {
+	content: "\e6dc";
+}
+.cancel_icon {
+	display: block;
+	width: 100rpx;
+	height: 100rpx;
+	font-size: 50rpx;
+	color: #fff;
+	line-height: 100rpx;
+	text-align: center;
+	background-color: #E9B451;
+}
 
 /** 内容 */
 .zd_container {

common/style/uni.css

@@ -9,7 +9,7 @@
 	text-decoration: none;
 	text-align: center;
 }
-.icon-check{
+/* .icon-check{
 	position: relative;
 }	
 .icon-check::before{
@@ -21,4 +21,4 @@
 	color: #ffffff;
 	transform: translate(-50%,-48%) scale(.73);
 	-webkit-transform: translate(-50%,-48%) scale(.73);
-}
+} */

pages/home/home.vue

@@ -13,35 +13,58 @@
 		</view>
 		<view class="zd_wrapper">
 			<view class="menu-wrap">
-				<view class="menu-item" v-for="(e, i) in menu" :key="i" @tap="toPage(e.url)">{{e.name}}</view>
+				<view class="menu-item" v-for="(e, i) in menuList" :key="i" @tap="toPage1(e)">
+					<img :src="require('../../static/image/menu/' + e.path + '.png')" alt="">
+					<view class="menu-name">{{e.name}}</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 in secM" :key="i" @click="toPage2(e)">
+					<view class="sec_menu-col_inner">
+						<view class="menu-name menu-name_inner">{{e.name}}</view>
+					</view>
+				</view>
+			</view>
+			<view class="cancel">
+				<view class="iconfont cancel_icon" @tap="show = false"></view>
 			</view>
 		</view>
 	</view>
 </template>
 
 <script>
-	// import {handRequest} from '@/utils/getData2.js'
+	import {authority} from '@/utils/getData2.js'
 	export default {
 		data() {
 			return {
-				menu: [{url: '/pages/ProductManage/SboProdProgress', name: '生箔生产进度'}, {url: '/pages/ProductManage/SboProcess', name: '生箔工序'}, {url: '/pages/ProductManage/BakeProcess', name: '烘烤工序'}, {url: '/pages/ProductManage/PointManage', name: '点位管理'}, {url: '/pages/ProductManage/EmptyPipeInStore', name: '空管入库'}, {url: '/pages/ProductManage/EmptyPipeOutStore', name: '空管出库'}, {url: '/pages/ProductManage/ZjCasing', name: '子卷套管'}, {url: '/pages/ProductManage/ZjDelivery', name: '子卷配送'}, {url: '/pages/ProductManage/ZjInStore', name: '子卷进站'}, {url: '/pages/ProductManage/ZjOutStore', name: '子卷出站'}, {url: '/pages/WarehouseManage/SemifinishedInStore', name: '半成品入库'}, {url: '/pages/WarehouseManage/CheckList', name: '盘点管理'}, {url: '/pages/WarehouseManage/SemifinishedOutStore', name: '半成品出库'}, {url: '/pages/WarehouseManage/ReturngoodsInStore', name: '退货入库'}, {url: '/pages/WarehouseManage/ScrapInStore', name: '报废入库'}, {url: '/pages/WarehouseManage/InStoreConfirm', name: '生产入库'}, {url: '/pages/WarehouseManage/ProdDeliveryConfirm', name: '生产区发货确认'}, {url: '/pages/WarehouseManage/XuniDelivery', name: '虚拟区发货'}, {url: '/pages/WarehouseManage/EmptyInStore', name: '空载具入库'}, {url: '/pages/WarehouseManage/EmptyOutStore', name: '空载具出库'}, {url: '/pages/WarehouseManage/CustomerLabelPrint', name: '客户标签打印'}]
+				menu: [{url: '/pages/ProductManage/SboProdProgress', name: '生箔生产进度'}, {url: '/pages/ProductManage/SboProcess', name: '生箔工序'}, {url: '/pages/ProductManage/BakeProcess', name: '烘烤工序'}, {url: '/pages/ProductManage/PointManage', name: '点位管理'}, {url: '/pages/ProductManage/EmptyPipeInStore', name: '空管入库'}, {url: '/pages/ProductManage/EmptyPipeOutStore', name: '空管出库'}, {url: '/pages/ProductManage/ZjCasing', name: '子卷套管'}, {url: '/pages/ProductManage/ZjDelivery', name: '子卷配送'}, {url: '/pages/ProductManage/ZjInStore', name: '子卷进站'}, {url: '/pages/ProductManage/ZjOutStore', name: '子卷出站'}, {url: '/pages/WarehouseManage/SemifinishedInStore', name: '半成品入库'}, {url: '/pages/WarehouseManage/CheckList', name: '盘点管理'}, {url: '/pages/WarehouseManage/SemifinishedOutStore', name: '半成品出库'}, {url: '/pages/WarehouseManage/ReturngoodsInStore', name: '退货入库'}, {url: '/pages/WarehouseManage/ScrapInStore', name: '报废入库'}, {url: '/pages/WarehouseManage/InStoreConfirm', name: '生产入库'}, {url: '/pages/WarehouseManage/ProdDeliveryConfirm', name: '生产区发货确认'}, {url: '/pages/WarehouseManage/XuniDelivery', name: '虚拟区发货'}, {url: '/pages/WarehouseManage/EmptyInStore', name: '空载具入库'}, {url: '/pages/WarehouseManage/EmptyOutStore', name: '空载具出库'}, {url: '/pages/WarehouseManage/CustomerLabelPrint', name: '客户标签打印'}],
+				menuList: [],
+				show: false,
+				secM: []
 			};
 		},
-		mounted () {
-			// this._handRequest()
+		created () {
+			this._authority()
 		},
 		methods: {
-			async _handRequest () {
-				let res = await handRequest()
-				uni.showModal({
-					content: res.desc,
-					showCancel: false
-				})
+			async _authority () {
+				let res = await authority()
+				this.menuList = [...res.sonTree]
+				
 			},
-			toPage (url) {
+			toPage1 (e) {
+				if (e.sonTree.length > 0) {
+					this.show = true
+					this.secM = e.sonTree
+				}
+			},
+			toPage2 (e) {
+				let url = e.path
 				uni.redirectTo({
 					url: url
-				})
+				})	
 			},
 			Quit () {
 			  this.$store.dispatch('delUserInfo')
@@ -91,13 +114,54 @@
 	_fj(flex-start,flex-start,,wrap)
 	align-content: flex-start
 .menu-item
-	_fj(center)
-	_wh(30%, 120rpx)
+	_fj()
+	flex-direction column
+	_wh(30%, auto)
 	margin-bottom 40rpx
-	border 1px solid #e74f1a
-	border-radius 5px
 	_font(26rpx, 60rpx,#e74f1a,,center)
 	&:nth-child(3n+2)
 		margin-left 5%
 		margin-right 5%
+	img
+		_wh(55%, auto)
+		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>

utils/getData2.js

@@ -25,6 +25,14 @@ export const handRequest = () => request({
 	data: {}
 })
 
+// 菜单
+export const authority = () => {
+	let res = {
+		sonTree: [{menu_id: '1', path: 'RF01', name: '生产管理', sonTree: [{menu_id: '1', name: '生箔生产进度', path: '/pages/ProductManage/SboProdProgress'}, {menu_id: '2', name: '生箔工序', path: '/pages/ProductManage/SboProcess'}, {menu_id: '3', name: '烘烤工序', path: '/pages/ProductManage/BakeProcess'}]}, {menu_id: '2', path: 'RF02', name: '半成品管理', sonTree: [{menu_id: '1', name: '半成品入库', path: '/pages/WarehouseManage/SemifinishedInStore'}, {menu_id: '2', name: '半成品出库', path: '/pages/WarehouseManage/SemifinishedOutStore'}]}, {menu_id: '3', path: 'RF03', name: '分切管理', sonTree: [{menu_id: '1', name: '子卷套管', path: '/pages/ProductManage/ZjCasing'}, {menu_id: '2', name: '子卷配送', path: '/pages/ProductManage/ZjDelivery'}, {menu_id: '3', name: '子卷进站', path: '/pages/ProductManage/ZjInStore'}, {menu_id: '4', name: '子卷出站', path: '/pages/ProductManage/ZjOutStore'}]}, {menu_id: '4', path: 'RF04', name: '点位管理', sonTree: [{menu_id: '1', name: '点位管理', path: '/pages/ProductManage/PointManage'}]}, {menu_id: '5', path: 'RF05', name: '纸管/FRP管管理', sonTree: [{menu_id: '1', name: '空管入库', path: '/pages/ProductManage/EmptyPipeInStore'}, {menu_id: '2', name: '空管出库', path: '/pages/ProductManage/EmptyPipeOutStore'}]}, {menu_id: '6', path: 'RF06', name: '成品管理', sonTree: [{menu_id: '1', name: '生产入库', path: '/pages/WarehouseManage/InStoreConfirm'}, {menu_id: '2', name: '退货入库', path: '/pages/WarehouseManage/ReturngoodsInStore'}, {menu_id: '3', name: '报废入库', path: '/pages/WarehouseManage/ScrapInStore'}, {menu_id: '4', name: '生产区发货', path: '/pages/WarehouseManage/ProdDeliveryConfirm'}, {menu_id: '5', name: '虚拟区发货', path: '/pages/WarehouseManage/XuniDelivery'}]}, {menu_id: '7', path: 'RF07', name: '在库管理', sonTree: [{menu_id: '1', name: '盘点管理', path: '/pages/WarehouseManage/CheckList'}]}, {menu_id: '8', path: 'RF08', name: '载具管理', sonTree: [{menu_id: '1', name: '空载具入库', path: '/pages/WarehouseManage/EmptyInStore'}, {menu_id: '2', name: '空载具出库', path: '/pages/WarehouseManage/EmptyOutStore'}]}, {menu_id: '9', path: 'RF09', name: '打印管理', sonTree: [{menu_id: '1', name: '客户标签打印', path: '/pages/WarehouseManage/CustomerLabelPrint'}]}]
+	}
+	return res
+}
+
 /**
  * 空管入库
  */