iot-platform-app/pages/equipment/shengchang.vue

<template>
	<view class="supplyChain">
		<commons-header title="进销存"></commons-header>
		<!-- <view class="shengchang">
			<image src="../../static/1.png" mode="widthFix"></image>
		</view> -->
		<view class="" style="margin-top:140rpx">
			<view class="commons-title">
				生产工单
			</view>
			<ul>
				<li>
					<image src="../../static/images/supplyChain/icon_gongdgl@2x.png"></image>
					<p>工单管理</p>
				</li>
				<li>
					<image src="../../static/images/supplyChain/icon_hetgl.png"></image>
					<p>合同管理</p>
				</li>
			</ul>
		</view>
		<view class="">
			<view class="commons-title">
				生产计划
			</view>
			<ul>
				<li>
					<image src="../../static/images/supplyChain/icon_jihgl.png"></image>
					<p>计划管理</p>
				</li>
				<li>
					<image src="../../static/images/supplyChain/icon_renwzp.png"></image>
					<p>任务指派</p>
				</li>
			</ul>
		</view>
		<view class="">
			<view class="commons-title">
				生产任务
			</view>
			<ul>
				<li>
					<image src="../../static/images/supplyChain/icon_renwlz.png"></image>
					<p>任务流转</p>
				</li>
				<li>
					<image src="../../static/images/supplyChain/icon_shengcbg.png"></image>
					<p>生产报工</p>
				</li>
				<li>
					<image src="../../static/images/supplyChain/icon_wangrk.png"></image>
					<p>完工入库</p>
				</li>
			</ul>
		</view>
		<view class="">
			<view class="commons-title">
				线边管理
			</view>
			<ul>
				<li>
					<image src="../../static/images/supplyChain/icon_shengcbb.png"></image>
					<p>线边管理</p>
				</li>
			</ul>
		</view>
		<view class="">
			<view class="commons-title">
				生产报表
			</view>
			<ul>
				<li>
					<image src="../../static/images/supplyChain/icon_fapgl@2x.png"></image>
					<p>生产报表</p>
				</li>
			</ul>
		</view>
	</view>
	
</template>

<script>
	import commonsHeader from '../../components/commons-header/index.vue'
	export default {
		components:{
			commonsHeader
		},
	}
</script>

<style lang="less">
	.supplyChain{
		ul{
			margin:0;
			padding: 0 40rpx;
			overflow: hidden;
			li{
				list-style: none;
				width: 25%;
				float: left;
				text-align: center;
				font-size: 24rpx;
				margin-bottom: 20rpx;
				image{
					width:80rpx;
					height: 80rpx;
				}
			}
		}
	}
	.shengchang{
		padding: 40rpx 30rpx;
		margin-top: 100rpx;
		image{
			width: 100%;
		}
	}
</style>