emis-app/pages/tabBar/deal/deal.vue

<template>
	<tpx-page>
		<view>
			<view class="dl-head">操作</view>
			
			<view class="dl-blcok">
				<view class="font-32 font-weight">网点发件</view>
				<view class="mt-10">
					<u-row justify="start" gutter="18" custom-style="flex-wrap: wrap;">
						<buns-auth v-for="(item, index) in faBtnlist" :code="item.code">
							<u-col span="3" @click="goto(item.url)">
								<view class="dlb-item">
									<u-image height="46" width="46" :src="item.icon"></u-image>
									<view class="pt-10 font-26">{{item.title}}</view>
								</view>
							</u-col>
						</buns-auth>
					</u-row>
				</view>
			</view>
			
			<view class="dl-blcok">
				<view class="font-32 font-weight">网点到件</view>
				<view class="mt-10">
					<u-row justify="start" gutter="18" custom-style="flex-wrap: wrap;">
						<buns-auth v-for="(item, index) in daoBtnlist" :code="item.code">
							<u-col  span="3" @click="goto(item.url)">
								<view class="dlb-item">
									<u-image height="46" width="46" :src="item.icon"></u-image>
									<view class="pt-10 font-26">{{item.title}}</view>
								</view>
							</u-col>
						</buns-auth>
					</u-row>
				</view>
			</view> 
			
			<view class="dl-blcok">
				<view class="font-32 font-weight">其他</view>
				<view class="mt-10">
					<u-row justify="start" gutter="18"  custom-style="flex-wrap: wrap;">
						<buns-auth v-for="(item, index) in otherBtnlist" :code="item.code">
							<u-col span="3" @click="goto(item.url)">
								<view class="dlb-item">
									<u-image height="46" width="46" :src="item.icon"></u-image>
									<view class="pt-10 font-26">{{item.title}}</view>
								</view>
							</u-col>
						</buns-auth>
					</u-row>
				</view>
			</view>
		</view>
	</tpx-page>
</template>
<script>
	import { dealBtnMap } from "@/common/enum"
	export default {
		props: {
			// hasLeftWin: {
			// 	type: Boolean
			// }
		},
		data() {
			return {
				
				faBtnlist: [
					{ ...dealBtnMap.yunDanLuRu },
					{ ...dealBtnMap.lanShou },
					{ ...dealBtnMap.faJianScan },
					{...dealBtnMap.fenBoScan},
					{...dealBtnMap.heBaoScan},
					{...dealBtnMap.yunDanXiuGai},
					{ ...dealBtnMap.shouHuo },
					{ ...dealBtnMap.zhuangGuiScan },
					{ ...dealBtnMap.faJianQingDan },
					{ ...dealBtnMap.chaiBaoScan },
					{ ...dealBtnMap.baoGuanScan },
					{ ...dealBtnMap.qingGuanScan },
					{ ...dealBtnMap.zhuangCheScan },
					{ ...dealBtnMap.zhengCheScan },
					{ ...dealBtnMap.mianDanDayin },
				], 
				daoBtnlist: [
					{ ...dealBtnMap.daoJianScan },
					{...dealBtnMap.paiJianScan},
					{ ...dealBtnMap.qianShouScan },
					{ ...dealBtnMap.daoPaiScan },
					{ ...dealBtnMap.xieCheScan },
					{ ...dealBtnMap.daoJianQingDan },
					{ ...dealBtnMap.paiJianQingDan },
					{ ...dealBtnMap.liuCangScan },
					{ ...dealBtnMap.zhuanJianScan },
					{ ...dealBtnMap.jinCangChaXun }
				],
				otherBtnlist: [
					{ ...dealBtnMap.yunDanChaXun },
					{ ...dealBtnMap.woDeErWeiMa },
					{ ...dealBtnMap.baoJiaShiSuan },
					{ ...dealBtnMap.wenTiJian },
					{ ...dealBtnMap.mianDanDayin },
					// { ...dealBtnMap.shuiFeiYuGu }
				]
			}
		},
		onShareAppMessage() {
			return {
				// title: '',
				// path: 'TODO'
			}
		},
		methods: {
		}
	}
</script>

<style lang="scss">
	@import '@/common/uni-nvue.scss';
	
</style>
<style scoped lang="scss">
	.dl-head{
		background-color: #B12D29;
		padding: 100rpx 30rpx 60rpx 30rpx;
		color: #fff;
		font-size: 36rpx;
		font-weight: bold;
	}
	.dl-blcok{
		background-color: #fff;
		margin-top: 20rpx;
		padding: 30rpx;
	}
	.dlb-item{
		margin-top:20rpx;
		flex-direction: column;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 2rpx solid #F6F6F6;
		border-radius: 16rpx;
		height: 140rpx;
	}
</style>