qrcode-app/pages/index/index.vue

<template>
	<view class="content">
		<view class="list">
			<u-grid :border="false" @click="click" :col="2">
				<u-grid-item v-for="(baseListItem,baseListIndex) in baseList" :key="baseListIndex" bgColor="#fff">
					<u-icon :customStyle="{paddingTop:20+'rpx'}" :name="baseListItem.iconName" :size="42" color="#304ffe"></u-icon>
					<text class="grid-text">{{baseListItem.name}}</text>
				</u-grid-item>
			</u-grid>
			<view style="display: flex;flex-direction: row;" class="home-button">
				<!-- <u-button type="primary" @click="reset" color="#3d4b70" :plain="true" style="margin-right: 5px;">重置</u-button> -->
				<u-button type="primary" @click="goCamera" color="#3d4b70">隐患随手拍</u-button>
			</view>

		</view>
	</view>
</template>

<script>
	import {
		getMenu
	} from '../../services/apply'
	export default {
		data() {
			return {
				baseList: [

					{
						name: "新增用户",
						iconName: "man-add"
					},
					// {
					// 	name: "风险区域明细",
					// 	iconName: "man-add"
					// },
					// {
					// 	name: "区域风险四色图",
					// 	iconName: "man-add"
					// },
					// {
					// 	name: "区域隐患数量",
					// 	iconName: "man-add"
					// },


				]
			}
		},
		onShow() {

		},
		onLoad() {
			this.getCaidan()

		},
		onNavigationBarButtonTap(e) {
			let url = 'http://47.122.43.22:9100/'
			uni.navigateTo({
				url: '/pages/webview/webview?url=' + url
			})
		},
		methods: {
			click(name) {
				this.baseList.map((item, index) => {
					if (index == name) {
						if (item.name == '新增用户') {
							uni.navigateTo({
								url: '/pages/apply/index?Company=GXBB&post=1'
							})
						}
					}
				})
			},
			goCamera() {
				uni.navigateTo({
					url: '/pages/camera/index'
				})
			},
			getCaidan() {
				const json = {
					Company: 'XLK',
					Post: '搬运工',
					Type: 1
				}
				getMenu(json).then((res) => {
					console.log('成功', res);
					this.baseList = res.data

				}).catch((err) => {
					console.error('失败', err);
				})
			}

		}
	}
</script>

<style>
	.content {
		background-color: #f4f7ff;
		width: 100%;
		/* #ifndef APP-PLUS */
		height: calc(100vh - 44px - 50px); // 非APP平台下生效
		/* #endif */
		/* #ifdef APP-PLUS */
		height: calc(100vh); // APP平台下生效
		/* #endif */
	}

	.list {
		padding: 20px;
	}

	.list .u-grid {
		justify-content: space-between !important;
	}

	.list .u-grid-item {
		padding: 20px 0px;
		/* margin: 0px 0px 20px 0px; */
		margin: 20px 10px;
		width: 40% !important;
		border-radius: 10px;
	}

	.home-button {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 10px 36px;
		box-sizing: border-box;
		background: #f4f7ff;
		z-index: 999;
	}

	.home-button .u-button {
		height: 50px;
	}

	.grid-text {
		font-size: 14px;
		color: #000;
		font-weight: bold;
		padding: 10rpx 0 20rpx 0rpx;
		/* #ifndef APP-PLUS */
		box-sizing: border-box;
		/* #endif */
	}
</style>