<template>
	<view class="containers">
		<topWindow :isHome="false" @item-click="handleItemClick"></topWindow>
		<view class="ComponentsBody">
			<view class="" v-if="current == 'productInformation'">
				<InformationModule v-if="informationData != null" :informationData="informationData" ></InformationModule>
			</view>
			<view class="" v-else-if="current == 'inspectionInformation'">
				<InspectionModule v-if="inspectionData != null" :inspectionData="inspectionData"></InspectionModule>
			</view>
			<view class="" v-else-if="current == 'attachmentInformation'">
				<AuxiliaryModule v-if="auxiliaryData != null" :auxiliaryData="auxiliaryData"></AuxiliaryModule>
			</view>
		</view>
		
	</view>
</template>

<script>
	import config from '@/common/config.js'
	import { getProductFind } from '@/api/scan'
	import topWindow from "@/mobile/pages/component/topWindow.vue"
	import InformationModule from '@/mobile/pages/component/InformationModule.vue'
	import InspectionModule from '@/mobile/pages/component/InspectionModule.vue'
	import AuxiliaryModule from '@/mobile/pages/component/AuxiliaryModule.vue'
	export default {
		components: {
			InformationModule,
			InspectionModule,
			AuxiliaryModule,
			topWindow
		},
		data() {
			return {
				sn:"",
				productObject:null,
				informationData:null,
				inspectionData:null,
				auxiliaryData:null,
				current:"productInformation"
			}
		},
		computed: {

		},
		onLoad(data) {
			console.log(data);
			if(data){
				this.sn = data.sn;
			}
			this.initData()
		},
		methods: {
			initData(){
				// uni.showLoading({title: '查询中...'})
				getProductFind(this.sn).then(res => {
					uni.hideLoading()
					if (res.code == 0) {
						console.log("sn查询结果", res)
						this.productObject = res.data
						this.initializationMethod()
					} else {
						uni.showToast({
							icon:'error',
							title: '网络错误',
						})
					}
				})
			},
			initializationMethod() {
			  //重新组装产品信息数据
			  this.informationData = {
			    lamp: this.productObject.productRespVO?.lamp || null,
			    lampPath: this.productObject.productRespVO?.lampPath || [require('@/static/images/noPhoto.png')],
			    sn: this.productObject.sn,
			    productName: this.productObject.productRespVO?.productName || null,
			    type: this.productObject.productRespVO?.type || null,
			    productionTime: this.productObject.productionTime,
			    productionUserName: this.productObject.productionUserName,
			    productDatasheet: this.productObject.productRespVO?.productDatasheet || null,
			    productDatasheetPath: this.productObject.productRespVO?.productDatasheetPath || [],
			    productManual: this.productObject.productRespVO?.productManual || null,
			    productManualPath: this.productObject.productRespVO?.productManualPath || []
			  };
			  console.log("产品信息",this.informationData);
			  //重新组装检验信息数据
			  this.inspectionData = {
			    softwareVersion: this.productObject.softwareVersion,
			    hardwareVersion: this.productObject.hardwareVersion,
			    checkTime: this.productObject.checkTime,
			    type: this.productObject.productRespVO?.type || null,
			    power: this.productObject.power,
			    powerFactor: this.productObject.powerFactor,
			    tightnessCheckFile: this.productObject.tightnessCheckFile,
			    tightnessCheckFilePath: this.productObject.tightnessCheckFilePath,
			    lightIntensityPhoto: [],
			    lightIntensityFile: ''
			  };
			  console.log("检验信息",this.inspectionData);
			  //重新组装附件信息数据
			  this.auxiliaryData = this.productObject.attachmentRespVOList || [];
			
			
			  // console.log("重新组装检验信息", this.inspectionData);
			  if(this.productObject.attachmentRespVOList === null){
			    this.auxiliaryData = [];
			  }else{
			    this.auxiliaryData = this.productObject.attachmentRespVOList.map(obj => ({ ...obj, current: 0 }));
			  }
			  console.log("附件信息", this.auxiliaryData);
			  //产品数据转图片
			  if (this.productObject && this.productObject.productRespVO) {
			    const productRespVO = this.productObject.productRespVO;
			    // console.log("灯具", productRespVO);
			    // const modifiedManuals = this.generateDownloadUrls(productRespVO.lamp);
			    // this.informationData.lamp = modifiedManuals;
			    this.generateDownloadUrls(productRespVO.lampPath)
			      .then(modifiedManuals => {
			        // console.log("灯具==>", modifiedManuals);
			        this.informationData.lampPath = modifiedManuals;
			      })
			      .catch(error => {
			        console.error(error);
			      });
			  }
			  //光强数据转图片
			  if (this.productObject && this.productObject.lightIntensityPath) {
			    if (this.productObject.lightIntensityPath) {
			      this.generateDownloadUrls(this.productObject.lightIntensityPath)
			        .then(modifiedManuals => {
			          // console.log("光强==>", modifiedManuals);
			          this.inspectionData.lightIntensityPhoto = modifiedManuals.filter(url => this.isPicture(url));
			          this.inspectionData.lightIntensityFile = modifiedManuals.filter(filename => !this.isPicture(filename) && filename.includes('.'));
			          // 在这里可以访问已更新的inspectionData.lightIntensityPhoto和inspectionData.lightIntensityFile的值
			        })
			        .catch(error => {
			          console.error(error);
			        });
			    }
			  }
			  //附件信息转图片
			  if (this.auxiliaryData) {
			    this.auxiliaryData.forEach(attachment => {
			      if (attachment.productPicturePath) {
			        this.generateDownloadUrls(attachment.productPicturePath)
			          .then(modifiedPictures => {
			            // console.log("附件图片==>", modifiedPictures);
			            attachment.productPicturePath = modifiedPictures;
			          })
			          .catch(error => {
			            console.error(error);
			          });
			      }
			    });
			  }
			
			},
			generateDownloadUrls(filenames) {
			  // console.log("filenames", filenames)
			  if (!filenames || filenames.length === 0) {
			      // 如果 filenames 为空或者null，则执行相应的操作
			      return Promise.resolve(require('@/static/images/noPhoto.png'))
			  }
			  const modifiedFilenames = filenames.replace(/;+$/, '');
			  const modifiedUrls = modifiedFilenames.split(";").map(filename => {
			    const trimmedFilename = filename.trim();
			    if (trimmedFilename.endsWith('.png') || trimmedFilename.endsWith('.jpg')) {
			      // const encodedFilename = Buffer.from(trimmedFilename, 'utf-8').toString('base64');
			      const url = config.fileUrl+`/${trimmedFilename}`;
				  // console.log(url);
			      return this.checkUrlValidity(url).catch(error => {
			        // console.error(error);
			        // console.log("请求失败", trimmedFilename)
			        return Promise.resolve(require('@/static/images/noPhoto.png'));
			      });
			    } else if (trimmedFilename.includes('.')) {
			      return Promise.resolve(trimmedFilename);
			    } else {
			      return Promise.resolve(require('@/static/images/noPhoto.png'));
			    }
			  });
			
			  return Promise.all(modifiedUrls).then(results => {
			    const validUrls = results.filter(url => url !== null);
			    if (validUrls.length > 0) {
			      // console.log("有效地址",validUrls);
			      return validUrls;
			    } else {
			      return [require('@/static/images/noPhoto.png')];
			    }
			  });
			},
			checkUrlValidity(url) {
			  return new Promise((resolve, reject) => {
			    uni.request({
			      url,
			      method: 'HEAD',
			      success(res) {
			        // console.log("检验地址",res);
			        if (res.statusCode >= 200 && res.statusCode < 400) {
			          resolve(url); // URL有效
			        } else {
			          // console.log("地址无效");
			          resolve(null); // URL无效
			        }
			      },
			      fail(err) {
			        reject(err); // 请求失败
			      }
			    });
			  });
			},
			isPicture(str) {
			  // 正则表达式判断是否为网址类型的字符串
			  const pictureRegex = /\.(jpg|jpeg|png|gif)$/i;
			  return pictureRegex.test(str);
			},
			handleItemClick(item) {
				this.current = item;
				console.log('点击的菜单项:', item);
				// 在此处处理被点击的菜单项
			}
		}
	}
</script>

<style lang="scss" scoped>
	.containers{
		width: 100%;
		height: 100%;
		background: #F9FAF9;
	}
	.ComponentsBody{
		width: 100vw;
		display: flex;
		justify-content: center;
		align-items: center;
	}

</style>