TuBaoSoft-AP/pages/home/home.vue

<template>
	<view>
		<view style="
			background: url(../../static/homeBG.png)no-repeat;
			height: 340rpx;
			background-size:100%;
			box-shadow: 0px 0px 8px 0px rgba(165, 189, 251, 0.4);">
			<u-navbar :is-back="false" :is-fixed="false" :border-bottom="false" :background="background">
				<view style="width: 96%;margin: 0 auto;">
					<u-search placeholder="请输入您要搜索的内容" bg-color="#FFFFFF" :action-style="actionStyle"></u-search>
				</view>
			</u-navbar>
			<!-- 快捷功能 -->
			<view style="height: 150rpx;margin-top: -20rpx;">
				<u-grid :col="3" :border="false">
					<u-grid-item bg-color="#ffffff00" style="background-color: rgba(0,0,0,0);">
						<u-icon name="order" color="#fff" size="60"></u-icon>
						<view class="grid-text" style="color: #FFFFFF;margin-top: 10px;">我的数据</view>
					</u-grid-item>
					<u-grid-item @click="myReview" bg-color="#ffffff00" style="background-color: rgba(0,0,0,0);">
						<u-badge type="error" :count="totalTwo" style="margin-right: 30rpx;" />
						<u-icon name="edit-pen" color="#fff" size="60"></u-icon>
						<view class="grid-text" style="color: #FFFFFF;margin-top: 10px;">我的审核</view>
					</u-grid-item>
					<u-grid-item @click="scanCode" bg-color="#ffffff00" style="background-color: rgba(0,0,0,0);">
						<u-icon name="scan" color="#fff" size="60"></u-icon>
						<view class="grid-text" style="color: #FFFFFF;margin-top: 10px;">扫一扫</view>
					</u-grid-item>
				</u-grid>
			</view>
			<!-- 正文内容 -->
			<view class="content">
				<u-grid :col="4" :border="false">
					<u-grid-item @click="jumpPath(1)">
						<u-icon name="arrow-downward" :size="46"></u-icon>
						<view class="grid-text">我的入库</view>
					</u-grid-item>
					<u-grid-item @click="jumpPath(2)">
						<u-icon name="arrow-upward" :size="46"></u-icon>
						<view class="grid-text">我的出库</view>
					</u-grid-item>
					<u-grid-item @click="jumpPath(3)">
						<u-icon name="hourglass" :size="46"></u-icon>
						<view class="grid-text">我的调拨</view>
					</u-grid-item>
					<u-grid-item @click="jumpPath(4)">
						<u-icon name="photo" :size="46"></u-icon>
						<view class="grid-text">我的货转</view>
					</u-grid-item>
					<u-grid-item @click="jumpPath(5)">
						<u-icon name="lock" :size="46"></u-icon>
						<view class="grid-text">我的库存</view>
					</u-grid-item>
					<u-grid-item @click="jumpPath(6)">
						<u-icon name="lock" :size="46"></u-icon>
						<view class="grid-text">海运费计算</view>
					</u-grid-item>
					<u-grid-item @click="jumpPath(7)">
						<u-icon name="camera" :size="46"></u-icon>
						<view class="grid-text">我的巡检</view>
					</u-grid-item>
					<!-- <u-grid-item @click="jumpPath(12)">
						<u-icon name="eye-fill" :size="46"></u-icon>
						<view class="grid-text">我的视频</view>
					</u-grid-item> -->
					<!-- <u-grid-item @click="jumpPath(8)">
						<u-badge type="error" :count="total" />
						<u-icon name="checkmark-circle" :size="46"></u-icon>
						<view class="grid-text">我的采购</view>
					</u-grid-item> -->
					<u-grid-item @click="jumpPath('null')">
						<u-icon name="grid" :size="46"></u-icon>
						<view class="grid-text">其他</view>
					</u-grid-item>
				</u-grid>
			</view>
			<view style="width: 96%;margin: 0 auto;">
				<u-image width="100%" height="170rpx" src="../../static/activityDiagram1.png"></u-image>
			</view>
			<view style="width: 96%;margin: 10rpx auto;">
				<u-image width="100%" height="900rpx" src="../../static/image/advertisingMap.png"></u-image>
				<!-- <p style="text-indent:50rpx;margin-bottom: 20rpx;">青岛中电国际物流有限公司业务范围包括：大宗货物运输、大型设备运输、冷链运输等，承接全国各地货物运输业务。</p> -->

				<!-- <p style="text-indent:50rpx;margin-bottom: 20rpx;">在传统的国际国内集装箱运输及代理业务基础上，公司现有综合业务包括大型仓储拆箱配送物流、多式联运、大陆桥运输、散杂货物租船代运、项目物流、仓储等全方位的物流服务。 青岛中电国际物流有限公司拥有一支精良的项目管理队伍，以客户需求的为主要目标，致力于为客户提供全方位、一流的物流运输方案和实践。</p> -->

				<!-- <p style="text-indent:50rpx;margin-bottom: 20rpx;">公司始终坚持以诚信、效率、创新为经营宗旨，并注重长期关系。从业人员经过物流知识三年专业培训方能上岗，公司坚持“以人为本”的管理思想，以“诚信创新、敬业、奋进”为企业精神，全方位为客户提供服务。</p> -->

				<!-- <p style="text-indent:50rpx;">我们可针对客户需求订制个性化解决方案，将运输管理、仓库管理以及订单管理进行一体化整合，公司统一管理，统一调度，实现了规模化，现代化管理模式。</p> -->
			</view>
			<view style="width: 96%;margin: 0 auto;height: 100rpx;">
				<!-- <h1>全新功能正在开发中</h1> -->
			</view>
		</view>
		<!-- 更新组件 force 是否强制更新    tabbar：页面是否有原生tabbar组件-->
		<app-update ref="app_update" :force="false" :tabbar="true"></app-update>
	</view>
</template>

<script>
	import appUpdate from "@/components/yzhua006-update/app-update.vue"
	export default {
		components: {
			appUpdate
		},
		data() {
			return {
				background: {
					backgroundImage: 'none',
					backgroundColor: 'none'
				},
				actionStyle: {
					color: '#fff'
				},
				deptName: '',
				form: {
					pageNum: 1,
					pageSize: 10,
					fBilltype: 'SQ',
					fTakeOrders: 0
				},
				total: '',
				totalTwo: ''
			}
		},
		onShow() {
			this.$nextTick(function() {
				this.testUpgrade()
			})
			// this.deptName = uni.getStorageSync('deptName')
			// if (this.deptName == '外部用户') {
			// 	this.$u.get('/anPin/anPinApp/supplier', this.form).then(res => {
			// 		this.dataList = res.rows
			// 		this.total = res.total
			// 	})
			// } else {
			// 	this.$u.get('/anPin/anPinApp/list', this.form).then(res => {
			// 		this.dataList = res.rows
			// 		this.total = res.total
			// 	})
			// }
			// this.$u.get('/warehouse/paths/selectOrderAuditItems', {
			// 	refno2: 'SQ',
			// 	auditStatus: 'S'
			// }).then(res => {
			// 	this.totalTwo = res.data.length
			// })
		},
		methods: {
			testUpgrade() {
				this.$refs.app_update.update(); //调用子组件 检查更新
			},
			scanCode() {
				uni.scanCode({
					success: res => {
						console.log(res.result)
					}
				});
			},
			jumpPath(res) {
				switch (res) {
					case 1:
						this.$u.route('/pages/home/myorder/index');
						break;
					case 2:
						this.$u.route('/pages/home/delivery/index');
						break;
					// case 3:
					// 	this.$u.route('/pages/home/allocation/index');
					// 	break;
					// case 4:
					// 	this.$u.route('/pages/home/goodsTransfer/index');
					// 	break;
					case 5:
						this.$u.route('/pages/home/inventoryQuery/index');
						break;
					case 6:
						this.$u.route('/pages/home/freightCalculation/shipSchedule');
						break;
					case 7:
						this.$u.route('/pages/home/patrolInspection/index');
						break;
					case 8:
						this.$u.route('/pages/home/procurementApplicationApproval/index');
						break;
					case 12:
						this.$u.route('/pages/home/ceshi');
						break;
					default:
						uni.showToast({
							icon: 'none',
							title: '该功能暂未开发~',
							position: "bottom"
						})
						break;
				}
			},
			myReview() {
				this.$u.route('/pages/home/myReview/index');
			},
			myData() {
				uni.showToast({
					icon: 'none',
					title: '该功能暂未开发~',
					position: "bottom"
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.content {
		width: 96%;
		margin: 0 auto;
		box-shadow: 0px 0px 8px 0px rgba(165, 189, 251, 0.4);
		background-color: #FFFFFF;
		margin-top: 20rpx;
		border-radius: 20rpx;
		padding: 10rpx;
	}

	.grid-text {
		font-size: 28rpx;
		margin-top: 4rpx;
		color: $u-type-info;
	}
</style>