aiot-app/pages/index/index.vue

<template>
	<view>
		<uni-nav-bar fixed="true" statusBar="true" title="工作中心" right-icon="scan" @clickRight="HandlScanCode">

		</uni-nav-bar>
		<view>
			<CellTip title="生产管理"></CellTip>
			<view class="nav">
				<view class="nav-content">
					<view class="nav-item" v-for="(item) in productionList" :key="item.link_url"
						@click="toNav(item.link_url)">
						<span :class="item.class"></span>
						<label>{{ item.title }}</label>
						<label>{{ item.num }}</label>
					</view>
				</view>
			</view>
		</view>
		<!-- <view>
      <CellTip title="生产执行"></CellTip>
      <view class="nav">
        <view class="nav-content">
          <view
            class="nav-item"
            v-for="(item, index) in executeList"
            @click="toNav(item.link_url)"
          >
            <span :class="item.class"></span>
            <label>{{ item.title }}</label>
            <label>{{ item.num }}</label>
          </view>
        </view>
      </view>
    </view> -->
		<view>
			<CellTip title="运维管理"></CellTip>
			<view class="nav">
				<view class="nav-content">
					<view class="nav-item" v-for="(item, index) in operationsList" @click="toNav(item.link_url)">
						<span :class="item.class"></span>
						<label>{{ item.title }}</label>
						<label>{{ item.num }}</label>
					</view>
				</view>
			</view>
		</view>
		<view>
			<CellTip title="仓储管理"></CellTip>

			<view class="nav">
				<view class="nav-content">
					<view class="nav-item" v-for="(item, index) in warehousingList" @click="toNav(item.link_url)">
						<span :class="item.class"></span>
						<label>{{ item.title }}</label>
						<label>{{ item.num }}</label>
					</view>
				</view>
			</view>
		</view>
		<!--    <view>
      <CellTip title="生产类"></CellTip>

      <view class="nav">
        <view class="nav-content">
          <view
            class="nav-item"
            v-for="(item, index) in productionList"
            @click="toNav(item.link_url)"
          >
            <span :class="item.class"></span>
            <label>{{ item.title }}</label>
            <label>{{ item.num }}</label>
          </view>
        </view>
      </view>
    </view> -->
	</view>
</template>

<script>
	import CellTip from "@/components/CellTip.vue";
	export default {
		components: {
			CellTip,
		},
		data() {
			return {
				src1: "https://cdn.uviewui.com/uview/album/1.jpg",
				//生产类
				productionList: [

					{
						class: "iconfont icon-gongdanguanli",
						title: "生产工单",
						link_url: "/pages/pda/workOrder/index/index",
					},
					{
						class: "iconfont icon-gongdanguanli",
						title: "领料",
						link_url: "/pages/pda/picking/index/index",
					},

					{
						class: "iconfont icon-gongdanguanli",
						title: "投料",
						link_url: "/pages/pda/feeding/index/index",
					},

					{
						class: "iconfont icon-gongdanguanli",
						title: "退料",
						link_url: "/pages/pda/material_return/index/index",
					},
					{
						class: "iconfont icon-gongdanguanli",
						title: "不合格品处置",
						link_url: "/pages/pda/nonconforming/index/index",
					},

					{
						class: "iconfont icon-gongdanguanli",
						title: "副产品回收",
						link_url: "/pages/pda/by_product_recovery/index/index",
					},

					{
						class: "iconfont icon-gongdanguanli",
						title: "工单交接",
						link_url: "/pages/pda/work_order_handover/index/index",
					},

					{
						class: "iconfont icon-gongdanguanli",
						title: "工单详情",
						link_url: "/pages/pda/work_order_details/index/index",
					},

					// {
					//   class: "iconfont icon-gongdanguanli",
					//   title: "生产报工",
					//   link_url: "/pages/production/report/index",
					//   "num": 1
					// },
					// {
					//   class: "iconfont icon-gongdanguanli",
					//   title: "生产工单",
					//   link_url: "/pages/production/order/index",
					//   // "num": 1
					// x},
				],
				// executeList: [
				//   {
				//     class: "iconfont icon-gongdanguanli",
				//     title: "成型",
				//     link_url: "/pages/production/execute/extrusion/index",
				//     // "num": 1
				//   },
				//   {
				//     class: "iconfont icon-gongdanguanli",
				//     title: "自然干燥",
				//     link_url: "/pages/production/execute/drying/index",
				//     // "num": 1
				//   },
				//   {
				//     class: "iconfont icon-gongdanguanli",
				//     title: "升温干燥",
				//     link_url: "/pages/production/execute/heating/index",
				//     // "num": 1
				//   },
				//   {
				//     class: "iconfont icon-gongdanguanli",
				//     title: "半加定长",
				//     link_url: "/pages/production/execute/halfAdded/index",
				//     // "num": 1
				//   },
				//   // {
				//   //   class: "iconfont icon-gongdanguanli",
				//   //   title: "领料",
				//   //   link_url: "/pages/production/execute/picking/index",
				//   //   // "num": 1
				//   // },
				// ],
				//仓储管理
				warehousingList: [{
						class: "iconfont icon-wuliaoruku",
						title: "入库管理",
						link_url: "/pages/warehouse/enterHouse/index",
						//"num": 34
					},
					{
						class: "iconfont icon-shebeichuku",
						title: "出库管理",
						link_url: "/pages/warehouse/outHouse/index",
						//"num": 34
					},

					// {
					// 	"class": "iconfont icon-wuliaoruku",
					// 	"title": "物料入库",
					// 	"link_url": "/pages/warehouse/material/index",
					// 	//"num": 34
					// },

					// {
					// 	"class": "iconfont icon-shebeiruku",
					// 	"title": "设备入库",
					// 	"link_url": "/pages/warehouse/equipment/index",
					// 	//"num": 23
					// },

					// {
					// 	"class": "iconfont icon-shebeichuku",
					// 	"title": "设备出库",
					// 	"link_url": "/pages/warehouse/outbound/index",
					// 	//"num": 23
					// },

					{
						class: "iconfont icon-pandiangongdan",
						title: "盘点工单",
						link_url: "/pages/warehouse/workOrder/index",
						//"num": 133
					},
					{
						class: "iconfont icon-shebeiruku",
						title: "库存调拨",
						link_url: "/pages/warehouse/inventoryAllocation/index",
						//"num": 133
					},
					{
						class: "iconfont icon-shebeikucuntongji",
						title: "报损报溢",
						link_url: "/pages/warehouse/reportLoss/index",
						//"num": 133
					},

					{
						class: "iconfont icon-shebeikucun",
						title: "库存管理",
						link_url: "/pages/warehouse/inventory/index",
						//"num": 1
					},

					/* {
					  class: 'iconfont icon-shebeikucuntongji',
					  title: '设备库存统计',
					  link_url: '/pages/warehouse/inventory/stat',
					  //"num": 1
					}, */
				],
				//运维类
				operationsList: [{
						class: "iconfont icon-xundianjian",
						title: "巡点检",
						link_url: "/pages/tour_tally/order/order",
						//"num": 34
					},
					{
						class: "iconfont icon-a-baoyangputong",
						title: "保养工单",
						link_url: "/pages/maintenance/order/order",
						//"num": 23
					},

					{
						class: "iconfont icon-weixiugongdan",
						title: "维修工单",
						link_url: "/pages/maintain_service/order/order",
						//"num": 23
					},
					/*        {
					  class: 'iconfont icon-beijian',
					  title: '备品备件',
					  link_url: '/pages/sparepart/order/order',
					  //"num": 1
					}, */
					{
						class: "iconfont icon-baoxiu",
						title: "报修单",
						link_url: "/pages/repair/order/order",
						//"num": 1
					},
					/* {
		  class: 'iconfont icon-wuliaoruku',
		  title: '入库登记',
		  link_url: '/pages/put_storage/order/index',
		  //"num": 34
		},
		{
		  class: 'iconfont icon-shebeichuku',
		  title: '出库登记',
		  link_url: '/pages/outbound/order/index',
		  //"num": 34
		}, */
				],
			};
		},
		created() {
			// uni.setStorageSync(
			//   "token",
			//   "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhY2NvdW50SWQiOiIxIiwicm9sZUlkIjoiMCIsImdyb3VwSWQiOiIwIiwiaXNzIjoiYXV0aDAiLCJleHAiOjIwMTA2MjQ3ODcsInVzZXJJZCI6IjEifQ.4duZc2BjUIKWC2EP-8EGWgQpmqgGGLJLecxKXxFARmk"
			// );
		},
		methods: {
			toNav(url) {
				console.log(url)
				uni.navigateTo({
					url: url,
				});
			},
			HandlScanCode() {


				let _this = this
				uni.scanCode({
					success: function(res) {
						_this.scantoRouter(res.result)
					}
				})

			},
			scantoRouter(result) {
				uni.navigateTo({
					url: `/pages/pda/workOrder/extrusionMolding/index?id=${result}`
				})
			}
		},
	};
</script>

<style lang="scss" scoped>
	@import "index.scss";
</style>