aiot-app/pages/pda/workOrder/index/details.vue

<template>
	<view class="content-box">
		<uni-nav-bar fixed="true" statusBar="true" left-icon="back" :title="title" background-color="#F7F9FA"
			color="#000" @clickLeft="back">
		</uni-nav-bar>

		<view class="list_box">
			<u-list @scrolltolower="scrolltolower" v-if='taskType != 5'>
				<view class="card_box" v-for="(objData, index) in list" :key='index'>

					<view class="rx-bc title_card">
						<view>{{ index + 1 }}</view>
						<view>报工时间: {{ objData.workReportInfo.executorTime }}</view>
					</view>
					<workOrderBom :item='objData' v-if='objData' :isDetails='true'></workOrderBom>

					<!-- // 报工信息 -->

					<jobBom :item='objData' v-if="objData.notFormedList" :palletList='objData.palletList'
						:notFormed='objData.notFormedList' :isDetails='true'></jobBom>

					<deviceBom v-if='objData.equipmentList.length != 0' :list='objData.equipmentList'></deviceBom>

					<modelBom v-if='objData.modelList.length != 0' :list='objData.modelList'>
					</modelBom>

					<inspectionBom :semiProductList='objData.semiProductList' :isDetails='true'
						v-if='Object.prototype.hasOwnProperty.call(objData, "semiProductList") && objData.semiProductList.length && taskType == 3'>
					</inspectionBom>

					<sampleBom :item='objData.quality' v-if='objData.quality && taskType == 2'
						:workReportInfo='objData.workReportInfo' :isDetails='true'></sampleBom>


					<palletBom v-if="objData.palletList.length != 0" :palletList='objData.palletList' :isDetails='true'>
					</palletBom>

					<revolvingDiskBom v-if="objData.revolvingDiskList.length > 0" pattern='job'
						:revolvingDiskList="objData.revolvingDiskList"></revolvingDiskBom>

					<oneJobBom v-if='objData.instanceList && objData.instanceList.length != 0 && taskType != 6'
						:list='objData.instanceList' :item='objData' :isDetails='true'> </oneJobBom>

						<!-- <!- 报工详情- 扫码报工fff -->	
					<semiProductJobBom
						v-if='objData.semiProductList && objData.semiProductList.length != 0 && taskType != 6 && objData.singleReport == 1'
						:list='objData.semiProductList' :item='objData' :isDetails='true'> </semiProductJobBom>

					<semiProductJobBomPL
						v-if='objData.semiProductList && objData.semiProductList.length != 0 && taskType != 6 && taskType != 3 && objData.singleReport == 0'
						:list='objData.semiProductList' :item='objData' :isDetails='true'> </semiProductJobBomPL>


					<oneJobQualityBom
						v-if='objData.semiProductList && objData.semiProductList.length != 0 && taskType == 6 && clientEnvironmentId == 3 && objData.singleReport == 1'
						:list='objData.semiProductList' :item='objData' :isDetails='true'></oneJobQualityBom>


					<oneJobQualityBomPL v-if='taskType == 6 && clientEnvironmentId == 3 && objData.singleReport == 0'
						:list='objData.semiProductList' :item='objData' :isDetails='true'></oneJobQualityBomPL>


					<byProductBom v-if='objData.productRecycleList.length != 0' :list='objData.productRecycleList'
						:isDetails='true'>
					</byProductBom>

					<turnoverBom v-if='objData.turnover.length != 0' :list='objData.turnover' :wordItem='objData'
						pattern='job' :isDetails='true'>
					</turnoverBom>

					<aridRegion v-if='objData.aridRegionList.length != 0' :list='objData.aridRegionList'
						:remainingTime='0' :isType='true'></aridRegion>

					<view v-if='objData.packInfo'>
						<packingTgBom v-if='objData.packInfo && objData.packInfo.pickOutInList &&
							objData.packInfo.pickOutInList != 0 &&
							taskType == 4 &&
							clientEnvironmentId == 3' :list='objData.packInfo.pickOutInList' :isWarehousing='true' :isDetails="true"
							:item='objData'>
						</packingTgBom>
						<!-- //包装扫码 -->
						<view v-else>

							<view v-if="clientEnvironmentId != 2 && objData.singleReport !== 1">

								<packingBom v-if='taskType == 4 && clientEnvironmentId != 3 && objData'
									:packInfo="objData.packInfo">
								</packingBom>
							</view>

							<packingQtBom v-else :list='objData.packInfo.pickOutInList' :isWarehousing='true'
								:isDetails="true" :item='objData'>
							</packingQtBom>

						</view>
					</view>




				</view>


			</u-list>


			<u-list @scrolltolower="scrolltolower" v-if='taskType == 5'>
				<view class="card_box" v-for="(objData, index) in list" :key='index'>

					<view class="rx-bc title_card">
						<view>{{ index + 1 }}</view>
						<view>报工时间: {{ objData.createTime }}</view>
					</view>


					<workOrderBom2 :item='objData' v-if='objData' :isDetails='true'></workOrderBom2>

					<detailsBom v-if='objData.detailList.length != 0' :detailList='objData.detailList'></detailsBom>


				</view>
			</u-list>


			<view v-if='list.length == 0'>
				<view style='margin-top: 20vh;'>
					<u-empty iconSize='150' textSize='32' text='暂无报工详情'>
					</u-empty>
				</view>
			</view>


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

<script>
import {
	listWorkReport,
	listApplystorage,
} from '@/api/pda/workOrder.js'
import workOrderBom from '../../feeding/components/workOrderBom.vue'
import deviceBom from '../../feeding/components/deviceBom.vue'
import modelBom from '../../feeding/components/modelBom.vue'
import jobBom from '../../jobBooking/components/jobBom.vue'
import oneJobBom from '../../jobBooking/components/oneJobBom.vue'
import semiProductJobBom from '../../jobBooking/components/semiProductJobBom.vue'
import semiProductJobBomPL from '../../jobBooking/components/semiProductJobBomPL.vue'
import oneJobQualityBom from '../../jobBooking/components/oneJobQualityBom.vue'
import oneJobQualityBomPL from '../../jobBooking/components/oneJobQualityBomPL.vue'

import byProductBom from '../../jobBooking/components/byProductBom'
import turnoverBom from '../../jobBooking/components/turnoverBom.vue'
import aridRegion from '../../feeding/components/aridRegion.vue'
import paramBom from '../../feeding/components/paramBom.vue'

import inspectionBom from '../../sample/components/inspectionBom.vue'
import sampleBom from '../../sample/components/sampleBom.vue'
import palletBom from '../../feeding/components/palletBom.vue'

import revolvingDiskBom from '../../feeding/components/revolvingDiskBom.vue'
import packingTgBom from '../../jobBooking/components/packingTgBom.vue'
import packingBom from '../../jobBooking/components/packingBomDetails.vue'
import packingQtBom from '../../jobBooking/components/packingQtBom.vue'



// 

import detailsBom from '../../warehousing/components/detailsBom.vue'
import workOrderBom2 from '../../warehousing/components/workOrderBom.vue'

export default {
	components: {
		workOrderBom,
		deviceBom,
		modelBom,
		jobBom,
		oneJobBom,
		semiProductJobBom,
		semiProductJobBomPL,
		oneJobQualityBom,
		oneJobQualityBomPL,
		packingQtBom,
		byProductBom,
		turnoverBom,
		aridRegion,
		paramBom,

		inspectionBom,
		sampleBom,
		palletBom,
		revolvingDiskBom,
		packingTgBom,
		packingBom,


		detailsBom,
		workOrderBom2
	},
	data() {
		return {
			workOrderId: null,
			taskId: null,
			list: [],
			taskType: 1,

			clientEnvironmentId: uni.getStorageSync("userInfo") && uni.getStorageSync("userInfo")
				.clientEnvironmentId, // *1 主环境-601环境   2 soll-索尔环境    3 tg-碳谷环境
		}
	},
	onLoad(options) {
		this.title = options.taskName ? options.taskName + '-报工详情' : '报工详情'
		this.workOrderId = options.id
		this.taskId = options.taskId
		this.taskType = options.taskType
		this.getList()
	},

	methods: {
		getList() {
			let param = {
				workOrderId: this.workOrderId,
				taskId: this.taskId
			}
			let URL = this.taskType == 5 ? listApplystorage : listWorkReport
			URL(param).then(res => {
				this.list = res


			})
		},

		scrolltolower() { }
	}
}
</script>

<style lang="scss" scoped>
.content-box {
	height: 100vh;
	overflow: hidden;
	display: flex;
	flex-direction: column;

}

.list_box {
	flex: 1;
	overflow: hidden;
	padding: 4rpx 0;

	.u-list {
		height: 100% !important;
	}

	.card_box {
		padding: 16rpx;
	}



}

.bottom-wrapper {
	.btn_box {
		width: 750rpx;
		height: 88rpx;
		line-height: 88rpx;
		background: $theme-color;
		text-align: center;
		font-size: 36rpx;
		font-style: normal;
		font-weight: 400;
		color: #fff;
	}
}


.operate_box {
	padding: 10rpx 160rpx;

	/deep/ .u-button {
		width: 160rpx;
	}
}



.title_card {
	height: 70rpx;
	width: 100%;
	background: #157A2C;
	font-size: 30rpx;
	color: #fff;
	line-height: 70rpx;
	padding: 0 22rpx;
	box-sizing: border-box;
}
</style>