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;">
						<u-col v-for="(item, index) in faBtnlist" 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>
					</u-row>
					<view v-if="faBtnlist.length == 0">
						<tpx-empty size="sm"></tpx-empty>
					</view>
				</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;">
						<u-col v-for="(item, index) in daoBtnlist" 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>
					</u-row>
					<view v-if="daoBtnlist.length == 0">
						<tpx-empty size="sm"></tpx-empty>
					</view>
				</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;">
						<u-col v-for="(item, index) in otherBtnlist" 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>
					</u-row>
					<view v-if="otherBtnlist.length == 0">
						<tpx-empty size="sm"></tpx-empty>
					</view>
				</view>
			</view>
		</view>
	</tpx-page>
</template>
<script>
	import { dealBtnMap } from "@/common/enum"
	import { getAuthList, authCodeEnum } from "@/common/authCode"
	
	export default {
		computed: {
			faBtnlist(){
				let list = [
					{ ...dealBtnMap.yunDanLuRu },
					{ ...dealBtnMap.lanShou },
					{ ...dealBtnMap.faJianScan },
					{...dealBtnMap.fenBoScan},
					{...dealBtnMap.heBaoScan},
					{...dealBtnMap.yunDanXiuGai},
					{ ...dealBtnMap.huoWuTuPian },
					{ ...dealBtnMap.shouHuo },
					{ ...dealBtnMap.zhuangGuiScan },
					{ ...dealBtnMap.faJianQingDan },
					{ ...dealBtnMap.chaiBaoScan },
					{ ...dealBtnMap.baoGuanScan },
					{ ...dealBtnMap.qingGuanScan },
					{ ...dealBtnMap.zhuangCheScan },
					{ ...dealBtnMap.zhengCheScan },
					{ ...dealBtnMap.mianDanDayin },
				]
				list = getAuthList({ list, _thisPage: this })
				return list
			},
			daoBtnlist(){
				let list = [
					{ ...dealBtnMap.daoJianScan },
					{...dealBtnMap.paiJianScan},
					{ ...dealBtnMap.qianShouScan },
					{ ...dealBtnMap.daoPaiScan },
					{ ...dealBtnMap.xieCheScan },
					{ ...dealBtnMap.daoJianQingDan },
					{ ...dealBtnMap.paiJianQingDan },
					{ ...dealBtnMap.liuCangScan },
					{ ...dealBtnMap.zhuanJianScan },
					{ ...dealBtnMap.jinCangChaXun },
					{ ...dealBtnMap.qianShowTuPian },
				]
				list = getAuthList({ list, _thisPage: this })
				return list
			},
			otherBtnlist(){
				let list = [
					{ ...dealBtnMap.kuaiJianGenZong },
					{ ...dealBtnMap.woDeErWeiMa },
					{ ...dealBtnMap.baoJiaShiSuan },
					{ ...dealBtnMap.wenTiJian },
					{ ...dealBtnMap.mianDanDayin },
					// { ...dealBtnMap.shuiFeiYuGu }
				]
				list = getAuthList({ list, _thisPage: this })
				return list
			},
		},
		props: {
			// hasLeftWin: {
			// 	type: Boolean
			// }
		},
		data() {
			return {
			}
		},
		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>