<template>
	<view class="page-container uni-column">
		<view class="tab-container">
			<view v-for="(item, index) in processInspectionTypeList" :key="index"
				:class="{ 'tab-item': true, 'active': isActived === item }">
				<text @click="selectedStatus(item)">{{ item.label }}</text>
			</view>
		</view>
		<!-- 交检 -->
		<view v-if="isActived.label == '交检' " style="margin-bottom: 130rpx;margin-top: 16rpx;">
			<view class="carrier-info uni-column">
				<view class="carrier-code uni-row">
					<text>箱号</text>
					<text
						style="margin-left: 24rpx;">{{inspectionList[inspectionList.findIndex(item =>item.type === 'deliveryInspection')].carrierCode}}</text>
					<text style="margin-left: 150px;color: aquamarine">交检</text>
				</view>
				<view class="info-row uni-row">
					<view class="label">图号</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'deliveryInspection')].drawingNumber }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">批次号</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'deliveryInspection')].lotCode }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">工艺版本</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'deliveryInspection')].technologyVersion }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">产品描述</view>
					<view class="value">
						{{inspectionList[inspectionList.findIndex(item =>item.type === 'deliveryInspection')]. productDescription }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">当前工序</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'deliveryInspection')].processAlias }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">操作者</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'deliveryInspection')].nickName }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">设备</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'deliveryInspection')].equipmentDetailCode }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">检查载具</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'deliveryInspection')].inspectionCarrierCode }}
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'deliveryInspection')].isInspectionCarrierChanged == 1 ? '(已解绑)' : ''}}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="drawing-btn"
						@click="handleDrawingMenu(inspectionList[inspectionList.findIndex(item =>item.type === 'deliveryInspection')])">
						图纸信息</view>
				</view>
			</view>

			<!-- 废品信息 -->
			<view class="title unfit-title uni-row">
				<text>检查信息</text>
			</view>
			<view class="unfit-container">
				<view class="unfit-item-container uni-column"
					v-for="(item, index) in inspectionList[inspectionList.findIndex(item =>item.type === 'deliveryInspection')].processInspectionDetails"
					:key="index">
					<view class="resu uni-row">
						<view class="label">检查标准</view>
						<view class="value" style="margin-left:16rpx;width: 400rpx;">{{ item.checkStandard }}</view>
					</view>
					<view class="resu uni-row">
						<view class="label">检查结果</view>
						<input v-if="editable()"  v-model="item.checkResult" maxlength="50" />
						<view v-else class="value" style="margin-left:16rpx;">{{ item.checkResult }}</view>
					</view>
					<view class="resu uni-row">
						<view class="label">超差范围</view>
						<input v-if="editable()" v-model="item.exceedLimits" maxlength="50" />
						<view v-else class="value" style="margin-left:16rpx;">{{ item.exceedLimits }}</view>
					</view>
					<view class="resu uni-row">
						<view :class="!editable() ? 'label' : ''">检查量</view>
						<input v-if="editable()"  class="number" type="number"
							v-model="item.examiningNum" />
						<view v-else class="number value" style="margin-left:16rpx;">{{ item.examiningNum }}</view>
						<view :class="!editable() ? 'label' : ''">不良品量</view>
						<input v-if="editable()"  class="number" type="number"
							v-model="item.disqualificationNum" />
						<view v-else class="value" style="margin-left:16rpx;">{{ item.disqualificationNum }}</view>
					</view>
				</view>
			</view>
<!-- 拍照上传部分 -->
		<view class="title unfit-title uni-row">
			<text>拍照上传</text>
		</view>
		<view class=" uni-row" style="padding: 24rpx;
		margin: 0 16rpx;
		background-color: #ffffff;
		border-radius: 12rpx;">
		<uni-file-picker v-model="inspectionList[inspectionList.findIndex(item =>item.type === 'deliveryInspection')].processInspectionPictureList" :readonly="true"   return-type="array" :image-styles="imageStyles"  file-mediatype="image" class="my-files"  ></uni-file-picker>
		</view>
			<!-- 咨询部分 -->
			<view class="title unfit-title uni-row">
				<text>咨询</text>
			</view>
			<view class="consultation-container uni-column">
				<view class="consultation-item-container"
					v-for="(item, index) in inspectionList[inspectionList.findIndex(item =>item.type === 'deliveryInspection')].dayworkItemConsults"
					:key="index">
					<view class="question uni-column">
						<view class="label uni-row">
							<text>问题描述</text>
							<text :style="selectType(item)">{{item.consultDepartment == 0?'技术':'品管'}}
								{{ selectText(item) }}</text>
						</view>
						<view class="content">{{ item.content }}</view>
					</view>
				</view>
			</view>

			<!-- 报工部分 -->
			<view class="daywork-container">
				<view class="result uni-row">
					<view class="label" style="margin-top: 20rpx; margin-right: 10rpx;">交检状态</view>
					<uni-data-checkbox disabled="true" style="margin-top: 20rpx;"
						v-model="inspectionList[inspectionList.findIndex(item =>item.type === 'deliveryInspection')].status"
						:localdata="range"></uni-data-checkbox>
				</view>
				<view class="remark uni-row">
					<view class="label">备注</view>
		<textarea v-if="editable()"
						v-model="inspectionList[inspectionList.findIndex(item =>item.type === 'deliveryInspection')].remark" />
						<view v-else class="value">{{ inspectionList[inspectionList.findIndex(item =>item.type === 'deliveryInspection')].remark }}</view>
				
				</view>
			</view>
		</view>
		<!-- 巡检 -->
		<view v-if="isActived.label == '巡检' " style="margin-bottom: 130rpx;margin-top: 16rpx;">
			<view class="carrier-info uni-column">
				<view class="carrier-code uni-row">
					<text>箱号</text>
					<text
						style="margin-left: 24rpx;">{{inspectionList[inspectionList.findIndex(item =>item.type === 'patrolInspection')].carrierCode}}</text>
					<text style="margin-left: 150px;color: aquamarine">巡检</text>
				</view>
				<view class="info-row uni-row">
					<view class="label">图号</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'patrolInspection')].drawingNumber }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">批次号</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'patrolInspection')].lotCode }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">工艺版本</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'patrolInspection')].technologyVersion }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">产品描述</view>
					<view class="value">
						{{inspectionList[inspectionList.findIndex(item =>item.type === 'patrolInspection')]. productDescription }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">当前工序</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'patrolInspection')].processAlias }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">操作者</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'patrolInspection')].nickName }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">设备</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'patrolInspection')].equipmentDetailCode }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">检查载具</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'patrolInspection')].inspectionCarrierCode }}
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'patrolInspection')].isInspectionCarrierChanged == 1 ? '(已解绑)' : ''}}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="drawing-btn"
						@click="handleDrawingMenu(inspectionList[inspectionList.findIndex(item =>item.type === 'patrolInspection')])">
						图纸信息</view>
				</view>
			</view>

			<!-- 废品信息 -->
			<view class="title unfit-title uni-row">
				<text>检查信息</text>
			</view>
			<view class="unfit-container">
				<view class="unfit-item-container uni-column"
					v-for="(item, index) in inspectionList[inspectionList.findIndex(item =>item.type === 'patrolInspection')].processInspectionDetails"
					:key="index">
					<view class="resu uni-row">
						<view class="label">检查标准</view>
						<view class="value" style="margin-left:16rpx;width: 400rpx;">{{ item.checkStandard }}</view>
					</view>
					<view class="resu uni-row">
						<view class="label">检查结果</view>
						<input v-if="editable()"  v-model="item.checkResult" maxlength="50" />
						<view v-else class="value" style="margin-left:16rpx;">{{ item.checkResult }}</view>
					</view>
					<view class="resu uni-row">
						<view class="label">超差范围</view>
						<input v-if="editable()"  v-model="item.exceedLimits" maxlength="50" />
						<view v-else class="value" style="margin-left:16rpx;">{{ item.exceedLimits }}</view>
					</view>
					<view class="resu uni-row">
						<view :class="!editable() ? 'label' : ''">检查量</view>
						<input v-if="editable()"  class="number" type="number"
							v-model="item.examiningNum" />
						<view v-else class="number value" style="margin-left:16rpx;">{{ item.examiningNum }}</view>
						<view :class="!editable() ? 'label' : ''">不良品量</view>
						<input v-if="editable()" class="number" type="number"
							v-model="item.disqualificationNum" />
						<view v-else class="value" style="margin-left:16rpx;">{{ item.disqualificationNum }}</view>
					</view>
				</view>
			</view>
<!-- 拍照上传部分 -->
		<view class="title unfit-title uni-row">
			<text>拍照上传</text>
		</view>
		<view class=" uni-row" style="padding: 24rpx;
		margin: 0 16rpx;
		background-color: #ffffff;
		border-radius: 12rpx;">
		<uni-file-picker v-model="inspectionList[inspectionList.findIndex(item =>item.type === 'patrolInspection')].processInspectionPictureList" :readonly="true"   return-type="array" :image-styles="imageStyles"  file-mediatype="image" class="my-files"  ></uni-file-picker>
		</view>
			<!-- 咨询部分 -->
			<view class="title unfit-title uni-row">
				<text>咨询</text>
			</view>
			<view class="consultation-container uni-column">
				<view class="consultation-item-container"
					v-for="(item, index) in inspectionList[inspectionList.findIndex(item =>item.type === 'patrolInspection')].dayworkItemConsults"
					:key="index">
					<view class="question uni-column">
						<view class="label uni-row">
							<text>问题描述</text>
							<text :style="selectType(item)">{{item.consultDepartment == 0?'技术':'品管'}}
								{{ selectText(item) }}</text>
						</view>
						<view class="content">{{ item.content }}</view>
					</view>
				</view>
			</view>

			<!-- 报工部分 -->
			<view class="daywork-container">
				<view class="result uni-row">
					<view class="label" style="margin-top: 20rpx; margin-right: 10rpx;">巡检状态</view>
					<uni-data-checkbox disabled="true" style="margin-top: 20rpx;"
						v-model="inspectionList[inspectionList.findIndex(item =>item.type === 'patrolInspection')].status"
						:localdata="range"></uni-data-checkbox>
				</view>
				<view class="remark uni-row">
					<view class="label">备注</view>
		<textarea v-if="editable()"
						v-model="inspectionList[inspectionList.findIndex(item =>item.type === 'patrolInspection')].remark" />
						<view v-else class="value">{{ inspectionList[inspectionList.findIndex(item =>item.type === 'patrolInspection')].remark }}</view>
				</view>
			</view>

		</view>
		<!-- 仪器室 -->
		<view v-if="isActived.label == '仪器室' " style="margin-bottom: 130rpx;margin-top: 16rpx;">
			<view class="carrier-info uni-column">
				<view class="carrier-code uni-row">
					<text>箱号</text>
					<text
						style="margin-left: 24rpx;">{{inspectionList[inspectionList.findIndex(item =>item.type === 'instrumentRoomInspection')].carrierCode}}</text>
					<text style="margin-left: 150px;color: aquamarine">仪器室</text>
				</view>
				<view class="info-row uni-row">
					<view class="label">图号</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'instrumentRoomInspection')].drawingNumber }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">批次号</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'instrumentRoomInspection')].lotCode }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">工艺版本</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'instrumentRoomInspection')].technologyVersion }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">产品描述</view>
					<view class="value">
						{{inspectionList[inspectionList.findIndex(item =>item.type === 'instrumentRoomInspection')]. productDescription }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">当前工序</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'instrumentRoomInspection')].processAlias }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">操作者</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'instrumentRoomInspection')].nickName }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">设备</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'instrumentRoomInspection')].equipmentDetailCode }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">检查载具</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'instrumentRoomInspection')].inspectionCarrierCode }}
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'instrumentRoomInspection')].isInspectionCarrierChanged == 1 ? '(已解绑)' : ''}}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="drawing-btn"
						@click="handleDrawingMenu(inspectionList[inspectionList.findIndex(item =>item.type === 'instrumentRoomInspection')])">
						图纸信息</view>
				</view>
			</view>

			<!-- 废品信息 -->
			<view class="title unfit-title uni-row">
				<text>检查信息</text>
			</view>
			<view class="unfit-container">
				<view class="unfit-item-container uni-column"
					v-for="(item, index) in inspectionList[inspectionList.findIndex(item =>item.type === 'instrumentRoomInspection')].processInspectionDetails"
					:key="index">
					<view class="resu uni-row">
						<view class="label">检查标准</view>
						<view class="value" style="margin-left:16rpx;width: 400rpx;">{{ item.checkStandard }}</view>
					</view>
					<view class="resu uni-row">
						<view class="label">检查结果</view>
						<input v-if="editable()"  v-model="item.checkResult" maxlength="50" />
						<view v-else class="value" style="margin-left:16rpx;">{{ item.checkResult }}</view>
					</view>
					<view class="resu uni-row">
						<view class="label">超差范围</view>
						<input v-if="editable()"  v-model="item.exceedLimits" maxlength="50" />
						<view v-else class="value" style="margin-left:16rpx;">{{ item.exceedLimits }}</view>
					</view>
					<view class="resu uni-row">
						<view :class="!editable() ? 'label' : ''">检查量</view>
						<input v-if="editable()"  class="number" type="number"
							v-model="item.examiningNum" />
						<view v-else class="number value" style="margin-left:16rpx;">{{ item.examiningNum }}</view>
						<view :class="!editable() ? 'label' : ''">不良品量</view>
						<input v-if="editable()"  class="number" type="number"
							v-model="item.disqualificationNum" />
						<view v-else class="value" style="margin-left:16rpx;">{{ item.disqualificationNum }}</view>
					</view>
				</view>
			</view>
<!-- 拍照上传部分 -->
		<view class="title unfit-title uni-row">
			<text>拍照上传</text>
		</view>
		<view class=" uni-row" style="padding: 24rpx;
		margin: 0 16rpx;
		background-color: #ffffff;
		border-radius: 12rpx;">
		<uni-file-picker v-model="inspectionList[inspectionList.findIndex(item =>item.type === 'instrumentRoomInspection')].processInspectionPictureList" :readonly="true"   return-type="array" :image-styles="imageStyles"  file-mediatype="image" class="my-files"  ></uni-file-picker>
		</view>
			<!-- 咨询部分 -->
			<view class="title unfit-title uni-row">
				<text>咨询</text>
			</view>
			<view class="consultation-container uni-column">
				<view class="consultation-item-container"
					v-for="(item, index) in inspectionList[inspectionList.findIndex(item =>item.type === 'instrumentRoomInspection')].dayworkItemConsults"
					:key="index">
					<view class="question uni-column">
						<view class="label uni-row">
							<text>问题描述</text>
							<text :style="selectType(item)">{{item.consultDepartment == 0?'技术':'品管'}}
								{{ selectText(item) }}</text>
						</view>
						<view class="content">{{ item.content }}</view>
					</view>
				</view>
			</view>

			<!-- 报工部分 -->
			<view class="daywork-container">
				<view class="result uni-row">
					<view class="label" style="margin-top: 20rpx; width: 170rpx;">仪器室检状态</view>
					<uni-data-checkbox disabled="true" style="margin-top: 20rpx;"
						v-model="inspectionList[inspectionList.findIndex(item =>item.type === 'instrumentRoomInspection')].status"
						:localdata="range"></uni-data-checkbox>
				</view>
				<view class="remark uni-row">
					<view class="label">备注</view>
		<textarea v-if="editable()"
						v-model="inspectionList[inspectionList.findIndex(item =>item.type === 'instrumentRoomInspection')].remark" />
						<view v-else class="value">{{ inspectionList[inspectionList.findIndex(item =>item.type === 'instrumentRoomInspection')].remark }}</view>
				</view>
			</view>

		</view>
		<!-- 外协检 -->
		<view v-if="isActived.label == '外协检' " style="margin-bottom: 130rpx;margin-top: 16rpx;">
			<view class="carrier-info uni-column">
				<view class="carrier-code uni-row">
					<text>箱号</text>
					<text
						style="margin-left: 24rpx;">{{inspectionList[inspectionList.findIndex(item =>item.type === 'outsourcedInspector')].carrierCode}}</text>
					<text style="margin-left: 150px;color: aquamarine">外协检</text>
				</view>
				<view class="info-row uni-row">
					<view class="label">图号</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'outsourcedInspector')].drawingNumber }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">批次号</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'outsourcedInspector')].lotCode }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">工艺版本</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'outsourcedInspector')].technologyVersion }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">产品描述</view>
					<view class="value">
						{{inspectionList[inspectionList.findIndex(item =>item.type === 'outsourcedInspector')]. productDescription }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">当前工序</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'outsourcedInspector')].processAlias }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">检查载具</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'outsourcedInspector')].inspectionCarrierCode }}
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'outsourcedInspector')].isInspectionCarrierChanged == 1 ? '(已解绑)' : ''}}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="drawing-btn"
						@click="handleDrawingMenu(inspectionList[inspectionList.findIndex(item =>item.type === 'outsourcedInspector')])">
						图纸信息</view>
				</view>
			</view>

			<!-- 废品信息 -->
			<view class="title unfit-title uni-row">
				<text>检查信息</text>
			</view>
			<view class="unfit-container">
				<view class="unfit-item-container uni-column"
					v-for="(item, index) in inspectionList[inspectionList.findIndex(item =>item.type === 'outsourcedInspector')].processInspectionDetails"
					:key="index">
					<view class="resu uni-row">
						<view class="label">检查标准</view>
						<view class="value" style="margin-left:16rpx;width: 400rpx;">{{ item.checkStandard }}</view>
					</view>
					<view class="resu uni-row">
						<view class="label">检查结果</view>
						<input v-if="editable()"  v-model="item.checkResult" maxlength="50" />
						<view v-else class="value" style="margin-left:16rpx;">{{ item.checkResult }}</view>
					</view>
					<view class="resu uni-row">
						<view class="label">超差范围</view>
						<input v-if="editable()"  v-model="item.exceedLimits" maxlength="50" />
						<view v-else class="value" style="margin-left:16rpx;">{{ item.exceedLimits }}</view>
					</view>
					<view class="resu uni-row">
						<view :class="!editable() ? 'label' : ''">检查量</view>
						<input v-if="editable()"  class="number" type="number"
							v-model="item.examiningNum" />
						<view v-else class="number value" style="margin-left:16rpx;">{{ item.examiningNum }}</view>
						<view :class="!editable() ? 'label' : ''">不良品量</view>
						<input v-if="editable()"  class="number" type="number"
							v-model="item.disqualificationNum" />
						<view v-else class="value" style="margin-left:16rpx;">{{ item.disqualificationNum }}</view>
						<view :class="!editable() ? 'label' : ''">废品量</view>
						<input v-if="editable()"  class="number" type="number"
							v-model="item.rejectNum" />
						<view v-else class="value" style="margin-left:16rpx;">{{ item.rejectNum }}</view>
					</view>
				</view>
			</view>
<!-- 拍照上传部分 -->
		<view class="title unfit-title uni-row">
			<text>拍照上传</text>
		</view>
		<view class=" uni-row" style="padding: 24rpx;
		margin: 0 16rpx;
		background-color: #ffffff;
		border-radius: 12rpx;">
		<uni-file-picker v-model="inspectionList[inspectionList.findIndex(item =>item.type === 'outsourecdInspector')].processInspectionPictureList" :readonly="true"   return-type="array" :image-styles="imageStyles" file-mediatype="image" class="my-files"  ></uni-file-picker>
		</view>
			<!-- 咨询部分 -->
			<view class="title unfit-title uni-row">
				<text>咨询</text>
			</view>
			<view class="consultation-container uni-column">
				<view class="consultation-item-container"
					v-for="(item, index) in inspectionList[inspectionList.findIndex(item =>item.type === 'outsourcedInspector')].dayworkItemConsults"
					:key="index">
					<view class="question uni-column">
						<view class="label uni-row">
							<text>问题描述</text>
							<text :style="selectType(item)">{{item.consultDepartment == 0?'技术':'品管'}}
								{{ selectText(item) }}</text>
						</view>
						<view class="content">{{ item.content }}</view>
					</view>
				</view>
			</view>

			<!-- 报工部分 -->
			<view class="daywork-container">
				<view class="result uni-row">
					<view class="label" style="margin-top: 20rpx; width: 170rpx;">外协检状态</view>
					<uni-data-checkbox disabled="true" style="margin-top: 20rpx;"
						v-model="inspectionList[inspectionList.findIndex(item =>item.type === 'outsourcedInspector')].status"
						:localdata="range"></uni-data-checkbox>
				</view>
				<view class="remark uni-row">
					<view class="label">备注</view>
		<textarea v-if="editable()"
						v-model="inspectionList[inspectionList.findIndex(item =>item.type === 'outsourcedInspector')].remark" />
						<view v-else class="value">{{ inspectionList[inspectionList.findIndex(item =>item.type === 'outsourcedInspector')].remark }}</view>
				</view>
			</view>

		</view>
		<!-- 出厂检 -->
		<view v-if="isActived.label == '出厂检' " style="margin-bottom: 130rpx;margin-top: 16rpx;">
			<view class="carrier-info uni-column">
				<view class="carrier-code uni-row">
					<text>箱号</text>
					<text
						style="margin-left: 24rpx;">{{inspectionList[inspectionList.findIndex(item =>item.type === 'factoryInspection')].carrierCode}}</text>
					<text style="margin-left: 150px;color: aquamarine">出厂检</text>
				</view>
				<view class="info-row uni-row">
					<view class="label">图号</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'factoryInspection')].drawingNumber }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">批次号</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'factoryInspection')].lotCode }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">工艺版本</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'factoryInspection')].technologyVersion }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">产品描述</view>
					<view class="value">
						{{inspectionList[inspectionList.findIndex(item =>item.type === 'factoryInspection')]. productDescription }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">当前工序</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'factoryInspection')].processAlias }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">检查载具</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'factoryInspection')].inspectionCarrierCode }}
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'factoryInspection')].isInspectionCarrierChanged == 1 ? '(已解绑)' : ''}}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="drawing-btn"
						@click="handleDrawingMenu(inspectionList[inspectionList.findIndex(item =>item.type === 'factoryInspection')])">
						图纸信息</view>
				</view>
			</view>

			<!-- 废品信息 -->
			<view class="title unfit-title uni-row">
				<text>检查信息</text>
			</view>
			<view class="unfit-container">
				<view class="unfit-item-container uni-column"
					v-for="(item, index) in inspectionList[inspectionList.findIndex(item =>item.type === 'factoryInspection')].processInspectionDetails"
					:key="index">
					<view class="resu uni-row">
						<view class="label">检查标准</view>
						<view class="value" style="margin-left:16rpx;width: 400rpx;">{{ item.checkStandard }}</view>
					</view>
					<view class="resu uni-row">
						<view class="label">检查结果</view>
						<input v-if="editable()"  v-model="item.checkResult" maxlength="50" />
						<view v-else class="value" style="margin-left:16rpx;">{{ item.checkResult }}</view>
					</view>
					<view class="resu uni-row">
						<view class="label">超差范围</view>
						<input v-if="editable()"  v-model="item.exceedLimits" maxlength="50" />
						<view v-else class="value" style="margin-left:16rpx;">{{ item.exceedLimits }}</view>
					</view>
					<view class="resu uni-row">
						<view :class="!editable() ? 'label' : ''">检查量</view>
						<input v-if="editable()"  class="number" type="number"
							v-model="item.examiningNum" />
						<view v-else class="number value" style="margin-left:16rpx;">{{ item.examiningNum }}</view>
						<view :class="!editable() ? 'label' : ''">不良品量</view>
						<input v-if="editable()"  class="number" type="number"
							v-model="item.disqualificationNum" />
						<view v-else class="value" style="margin-left:16rpx;">{{ item.disqualificationNum }}</view>
					</view>
				</view>
			</view>
<!-- 拍照上传部分 -->
		<view class="title unfit-title uni-row">
			<text>拍照上传</text>
		</view>
		<view class=" uni-row" style="padding: 24rpx;
		margin: 0 16rpx;
		background-color: #ffffff;
		border-radius: 12rpx;">
		<uni-file-picker v-model="inspectionList[inspectionList.findIndex(item =>item.type === 'factoryInspection')].processInspectionPictureList" :readonly="true"   return-type="array" :image-styles="imageStyles"  file-mediatype="image" class="my-files"  ></uni-file-picker>
		</view>
			<!-- 咨询部分 -->
			<view class="title unfit-title uni-row">
				<text>咨询</text>
			</view>
			<view class="consultation-container uni-column">
				<view class="consultation-item-container"
					v-for="(item, index) in inspectionList[inspectionList.findIndex(item =>item.type === 'factoryInspection')].dayworkItemConsults"
					:key="index">
					<view class="question uni-column">
						<view class="label uni-row">
							<text>问题描述</text>
							<text :style="selectType(item)">{{item.consultDepartment == 0?'技术':'品管'}}
								{{ selectText(item) }}</text>
						</view>
						<view class="content">{{ item.content }}</view>
					</view>
				</view>
			</view>

			<!-- 报工部分 -->
			<view class="daywork-container">
				<view class="result uni-row">
					<view class="label" style="margin-top: 20rpx; width: 170rpx;">出厂检状态</view>
					<uni-data-checkbox disabled="true" style="margin-top: 20rpx;"
						v-model="inspectionList[inspectionList.findIndex(item =>item.type === 'factoryInspection')].status"
						:localdata="range"></uni-data-checkbox>
				</view>
				<view class="remark uni-row">
					<view class="label">备注</view>
		<textarea v-if="editable()"
						v-model="inspectionList[inspectionList.findIndex(item =>item.type === 'factoryInspection')].remark" />
						<view v-else class="value">{{ inspectionList[inspectionList.findIndex(item =>item.type === 'factoryInspection')].remark }}</view>
				</view>
			</view>

		</view>
		<!-- 首件检 -->
		<view v-if="isActived.label == '首件检' " style="margin-bottom: 130rpx;margin-top: 16rpx;">
			<view class="carrier-info uni-column">
				<view class="carrier-code uni-row">
					<text>箱号</text>
					<text
						style="margin-left: 24rpx;">{{inspectionList[inspectionList.findIndex(item =>item.type === 'firstArticleInspection')].carrierCode}}</text>
					<text style="margin-left: 150px;color: aquamarine">首件检</text>
				</view>
				<view class="info-row uni-row">
					<view class="label">图号</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'firstArticleInspection')].drawingNumber }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">批次号</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'firstArticleInspection')].lotCode }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">工艺版本</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'firstArticleInspection')].technologyVersion }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">产品描述</view>
					<view class="value">
						{{inspectionList[inspectionList.findIndex(item =>item.type === 'firstArticleInspection')]. productDescription }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">当前工序</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'firstArticleInspection')].processAlias }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">操作者</view>
					<view class="value">
						{{inspectionList[inspectionList.findIndex(item =>item.type === 'firstArticleInspection')].nickName }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">设备</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'firstArticleInspection')].equipmentDetailCode }}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="label">检查载具</view>
					<view class="value">
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'firstArticleInspection')].inspectionCarrierCode }}
						{{ inspectionList[inspectionList.findIndex(item =>item.type === 'firstArticleInspection')].isInspectionCarrierChanged == 1 ? '(已解绑)' : ''}}
					</view>
				</view>
				<view class="info-row uni-row">
					<view class="drawing-btn"
						@click="handleDrawingMenu(inspectionList[inspectionList.findIndex(item =>item.type === 'firstArticleInspection')])">
						图纸信息</view>
				</view>
			</view>

			<!-- 废品信息 -->
			<view class="title unfit-title uni-row">
				<text>检查信息</text>
			</view>
			<view class="unfit-container">
				<view class="unfit-item-container uni-column"
					v-for="(item, index) in inspectionList[inspectionList.findIndex(item =>item.type === 'firstArticleInspection')].processInspectionDetails"
					:key="index">
					<view class="resu uni-row">
						<view class="label">检查标准</view>
						<view class="value" style="margin-left:16rpx;width: 400rpx;">{{ item.checkStandard }}</view>
					</view>
					<view class="resu uni-row">
						<view class="label">检查结果</view>
						<input v-if="editable()"  v-model="item.checkResult" maxlength="50" />
						<view v-else class="value" style="margin-left:16rpx;">{{ item.checkResult }}</view>
					</view>
					<view class="resu uni-row">
						<view class="label">超差范围</view>
						<input v-if="editable()"  v-model="item.exceedLimits" maxlength="50" />
						<view v-else class="value" style="margin-left:16rpx;">{{ item.exceedLimits }}</view>
					</view>
					<view class="resu uni-row">
						<view :class="!editable() ? 'label' : ''">检查量</view>
						<input v-if="editable()"  class="number" type="number"
							v-model="item.examiningNum" />
						<view v-else class="number value" style="margin-left:16rpx;">{{ item.examiningNum }}</view>
						<view :class="!editable() ? 'label' : ''">不良品量</view>
						<input v-if="editable()"  class="number" type="number"
							v-model="item.disqualificationNum" />
						<view v-else class="value" style="margin-left:16rpx;">{{ item.disqualificationNum }}</view>
					</view>
				</view>
			</view>
<!-- 拍照上传部分 -->
		<view class="title unfit-title uni-row">
			<text>拍照上传</text>
		</view>
		<view class=" uni-row" style="padding: 24rpx;
		margin: 0 16rpx;
		background-color: #ffffff;
		border-radius: 12rpx;">
		<uni-file-picker v-model="inspectionList[inspectionList.findIndex(item =>item.type === 'firstArticleInspection')].processInspectionPictureList" :readonly="true"   return-type="array" :image-styles="imageStyles"  file-mediatype="image" class="my-files"  ></uni-file-picker>
		</view>
			<!-- 咨询部分 -->
			<view class="title unfit-title uni-row">
				<text>咨询</text>
			</view>
			<view class="consultation-container uni-column">
				<view class="consultation-item-container"
					v-for="(item, index) in inspectionList[inspectionList.findIndex(item =>item.type === 'firstArticleInspection')].dayworkItemConsults"
					:key="index">
					<view class="question uni-column">
						<view class="label uni-row">
							<text>问题描述</text>
							<text :style="selectType(item)">{{item.consultDepartment == 0?'技术':'品管'}}
								{{ selectText(item) }}</text>
						</view>
						<view class="content">{{ item.content }}</view>
					</view>
				</view>
			</view>

			<!-- 报工部分 -->
			<view class="daywork-container">
				<view class="result uni-row">
					<view class="label" style="margin-top: 20rpx;  width: 170rpx;">首件检状态</view>
					<uni-data-checkbox disabled="true" style="margin-top: 20rpx;"
						v-model="inspectionList[inspectionList.findIndex(item =>item.type === 'firstArticleInspection')].status"
						:localdata="range"></uni-data-checkbox>
				</view>
				<view class="remark uni-row">
					<view class="label">备注</view>
					<textarea v-if="editable()"
						v-model="inspectionList[inspectionList.findIndex(item =>item.type === 'firstArticleInspection')].remark" />
						<view v-else class="value">{{ inspectionList[inspectionList.findIndex(item =>item.type === 'firstArticleInspection')].remark }}</view>
				</view>
			</view>

		</view>
		<view class="bottom uni-row">
			<button class="start-batch-btn" style="margin-right: 10rpx;" type="primary"
				@click="handleConfirm">确定领取</button>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		onMounted,
		getCurrentInstance

	} from 'vue'
	import {
		onLoad,
		onReady,
		onUnload,
		onShow
	} from '@dcloudio/uni-app'
	import {
		store
	} from '@/store/index.js'
	import {
		unbindInspectionCarrier,
		getInspectionInfoByInspectionCarrierCode
	} from '@/api/business/processInspection.js'
	const lot = ref({})
	const isEventTriggered = ref(false); // 创建一个标志位
	const unfitInfos = ref([]) //废品信息
	const consultations = ref([]) //咨询信息
	// 创建一个引用来存储最后一次请求的时间戳
	const lastRequestTimestamp = ref(0);
	const processInspecion = ref({
		remark: "",
		rejectNum: 0,
		examiningNum: 0,
		status: 0,
	})
	const urlList = JSON.parse(uni.getStorageSync('baseUrl'))
	const webHost = ref(urlList.baseUrl)
	const inspectionList = ref([])
	const processInspectionTypeList = ref([])
	const isActived = ref(null)
	const initStatus = ref(0)
	const carrierCode = ref(null)
	const editable = () => {
		return false
	}
	const imageStyles = {
				width:60,
				height:60
			}

	const consul = [{
		value: 0,
		text: "待确认",
		type: "color: #fcab53"
	}, {
		value: 2,
		text: "合格",
		type: "color: #55ff7f"
	}, {
		value: 1,
		text: "不合格",
		type: "color: #ff0c2c"
	}]

	const range = [{
		value: 0,
		text: "待确认",
		type: "color: #fcab53"
	}, {
		value: 1,
		text: "合格",
		type: "color: #55ff7f"
	}, {
		value: 2,
		text: "不合格",
		type: "color: #ff0c2c"
	}]

	/***************************** 页面生命周期函数 *****************************/
	function init() {
		const instance = getCurrentInstance().proxy
		const eventChannel = instance.getOpenerEventChannel();

		eventChannel.on('inspecionCarrierCode', function(data) {
			if (data && data.carrierCode) {
				carrierCode.value = data.carrierCode;
				getInspectionInfoByInspectionCarrierCode({
					carrierCode: carrierCode.value
				}).then(res => {

					processInspectionTypeList.value = res.data.map(v => {
						if (v.type === "deliveryInspection") {
							return {
								id: v.id,
								text: v.type,
								label: '交检'
							};
						} else if (v.type === "firstArticleInspection") {
							return {
								id: v.id,
								text: v.type,
								label: '首件检'
							};
						} else if (v.type === "patrolInspection") {
							return {
								id: v.id,
								text: v.type,
								label: '巡检'
							};
						} else if (v.type === "outsourcedInspector") {
							return {
								id: v.id,
								text: v.type,
								label: '外协检查'
							};
						} else if (v.type === "factoryInspection") {
							return {
								id: v.id,
								text: v.type,
								label: '出厂检'
							};
						} else {
							return {
								id: v.id,
								text: v.type,
								label: '仪器室'
							};
						}
					});
					res.data.forEach(item =>{
						item.processInspectionPictureList.forEach(i=>{
							i.url = webHost.value + i.url
						})
					})
					console.log( res.data)
					inspectionList.value = res.data
					isActived.value = processInspectionTypeList.value[0]
					console.log(processInspectionTypeList.value)
				})

			}
		})
	}

	onShow(() => {
		init()
	})


	/***************************** 定义了一些方法 *****************************/
	//咨询文本
	function selectText(item) {
		for (var i = 0; i < consul.length; i++) {
			if (item.status == consul[i].value) {
				return consul[i].text
			}
		}
	}
	//确定领取
	function handleConfirm() {
		unbindInspectionCarrier({carrierCode:carrierCode.value}).then(res => {
			if(res.code == 200) {
			let pages = getCurrentPages();
			let index = 0
			for (let i = 0; i < pages.length; i++) {
		
				if (pages[i].$page.fullPath == "/pages/dashboard/index") {
		
					index = pages.length - i - 1;
				}
			}
			console.log("index", index);
			uni.navigateBack({
				delta: index
			});
			}else{
				uni.showToast({
					icon: 'none',
					title: res.msg,
					duration: 2000
				})
			}
		})
	}
	//图纸
	function handleDrawingMenu(data) {
		// 对 technologicalProcessDetailId 进行URL编码
		var encodedId = encodeURIComponent(data.productId);
		var enTechnologicalProcessId = encodeURIComponent(data.technologicalProcessId);
		var enprocessCode = encodeURIComponent(data.processCode);
		var encodeCode = encodeURIComponent(data.lotCode);
		var enProcessAlias = encodeURIComponent(data.processAlias);
		// 构建查询参数字符串
		var queryParam =
			`param1=${encodedId}&param2=${encodeCode}&param3=${enprocessCode}&param4=${enTechnologicalProcessId}&param5=${enProcessAlias}`;

		// 使用模板字符串构建完整的URL
		var navigateUrl = `/pages/drawingMenu/index?${queryParam}`;

		// 导航到指定页面
		uni.navigateTo({
			url: navigateUrl
		});
	}

	function selectedStatus(item) {
		isActived.value = item
	}
	//咨询样式
	function selectType(item) {
		for (var i = 0; i < consul.length; i++) {
			if (item.status == consul[i].value) {
				return consul[i].type
			}
		}
	}
</script>

<style lang="scss">
	.page-container {
		// height: 100%;
		background-color: #ececec;
		font-size: 28rpx;

		>.title {
			font-weight: 700;
			margin: 24rpx 16rpx;
		}
	}

	// .tab-container {
	// 	display: flex;
	// 	flex-direction: row;
	// 	height: 32px;
	// 	background-color: #ffffff;
	// 	margin-bottom: 16rpx;

	// 	.tab-item {
	// 		display: flex;
	// 		flex-direction: row;
	// 		flex: 1;
	// 		font-size: 14px;
	// 		color: #666;
	// 		align-items: center;
	// 		justify-content: center;
	// 	}
	// }
	.tab-container {
	  position: fixed;  /* 固定定位 */
	  top: 0;           /* 距离顶部0，即页面顶部 */
	  left: 0;          /* 距离左侧0，即页面左侧 */
	  right: 0;         /* 宽度充满整个页面宽度 */
	  display: flex;
	  flex-direction: row;
	  height: 32px;
	  background-color: #ffffff;
	  z-index: 999;     /* 确保.tab-container在页面最上层 */
	  padding: 8rpx 0;  /* 根据需要添加一些内边距 */
	  box-sizing: border-box; /* 边框计算在宽度内 */
	}
	
	.tab-item {
	  display: flex;
	  flex-direction: row;
	  flex: 1;
	  font-size: 14px;
	  color: #666;
	  align-items: center;
	  justify-content: center;
	}

	.carrier-info {
		margin: 32rpx 16rpx 0 16rpx;
		padding: 24rpx;
		background-color: #ffffff;
		border-radius: 8rpx;

		.carrier-code {
			font-size: 32rpx;
			font-weight: 700;
		}

		.info-row {
			margin-top: 16rpx;
			color: #767676;

			.label {
				width: 160rpx;
			}

			.drawing-btn {
				padding: 12rpx 32rpx;
				background-color: #0055ff;
				color: #ffffff;
				border-radius: 12rpx;
				margin-left: auto;
				font-size: 28rpx;
			}

			.value {
				flex: 1;

				textarea {
					flex: 1;
					border: 1px solid #888888;
					box-sizing: border-box;
					padding: 16rpx;
				}
			}
		}
	}

	.unfit-title {
		margin-bottom: 24rpx;
		justify-content: space-between;
		align-items: center;

		text {
			font-size: 28rpx;
			font-weight: 700;
		}

		.add-btn {
			padding: 12rpx 32rpx;
			background-color: #a4adb3;
			color: #ffffff;
			border-radius: 12rpx;
			font-size: 24rpx;
		}
	}

	.unfit-container {
		padding: 24rpx;
		margin: 0 16rpx;
		background-color: #ffffff;
		border-radius: 12rpx;

		.unfit-item-container {
			position: relative;

			>* {
				margin-bottom: 24rpx;
			}

			.title {
				font-weight: 700;
				justify-content: space-between;
				align-items: center;

				image {
					width: 40rpx;
					height: 40rpx;
				}
			}

			.standard {}

			.resu {
				width: 100%;
				align-items: center;

				input {
					margin-left: 20rpx;
					width: 200rpx;
					height: 56rpx;
					flex: 1;
					border: 1px solid #9f9f9f;
					font-size: 28rpx;
				}
			}

			.result {
				align-items: center;
				border-bottom: 1px solid #9f9f9f;
				padding-bottom: 32rpx;

				.label {
					flex: 1;
				}

				input {
					width: 280rpx;
					height: 56rpx;
					border: 1px solid #9f9f9f;
					font-size: 28rpx;

					&.number {
						width: 104rpx;
						text-align: center;
					}
				}
			}
		}

		.unfit-item-container:last-child {
			.result {
				border-bottom: none;
				padding-bottom: 0;
			}
		}
	}

	.consultation-container {
		margin: 0 16rpx;
		padding: 24rpx;
		background-color: #ffffff;
		border-radius: 8rpx;

		.consultation-item-container {
			margin-bottom: 24rpx;
			border-bottom: 2px solid #888888;
			padding-bottom: 24rpx;
		}

		.consultation-item-container:last-child {
			margin-bottom: 0;
			border-bottom: 0;
			padding-bottom: 0;
		}

		.question,
		.answer {
			.label {
				justify-content: space-between;
				margin-bottom: 16rpx;
				font-weight: 700;
			}

			.content {
				line-height: 40rpx;
			}
		}

		.answer {
			margin-top: 24rpx;
		}
	}

	.daywork-container {
		margin-top: 24rpx;
		padding: 24rpx;
		background-color: #ffffff;
		border: 1px solid #bcbcbc;

		.result {
			align-items: center;

			.label {
				width: 112rpx;
			}

			input {
				flex: 1;
				height: 56rpx;
				border: 1px solid #9f9f9f;
				font-size: 28rpx;
				text-align: center;
			}
		}

		.remark {
			margin-top: 24rpx;

			.label {
				width: 112rpx;
			}

			textarea {
				flex: 1;
				border: 1px solid #9f9f9f;
				height: 168rpx;
			}
		}

		.btns-container {
			margin-top: 24rpx;

			.finished-btn {
				display: flex;
				flex: 1;
				height: 80rpx;
				background-color: #fc6565;
				color: #ffffff;
				text-align: center;
				justify-content: center;
				align-items: center;
				border-radius: 8rpx;
			}

			.question-btn {
				width: 80rpx;
				align-items: flex-end;

				image {
					width: 48rpx;
					height: 48rpx;
				}

				text {
					font-size: 24rpx;
				}
			}
		}
	}

	.active {
		color: rgba(25, 137, 250, 1);
		border-bottom: solid 1rpx #0055ff;
		font-weight: 700;
	}

	.bottom {
		height: 10%;
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		height: 100rpx;
		border-top: 1px solid #999999;
		padding: 16rpx 32rpx;
		align-items: center;
		background-color: #fff;
		justify-content: space-evenly;

		.start-batch-btn {
			flex: 1;
			height: 80rpx;
			line-height: 80rpx;
			border-radius: 8rpx;
			color: #FFFFFF;
			font-size: 28rpx;
		}

		.view-end-btn {
			flex: 1;
			height: 80rpx;
			line-height: 80rpx;
			border-radius: 8rpx;
			color: #FFFFFF;
			font-size: 28rpx;

		}
	}
	.my-files {
		display: flex;
		justify-content: center;
		
		:deep(.uni-file-picker__container) {
		flex-direction: row;
			
		}
	}
</style>