fix: 限制字符，超出隐藏，无文件时不查看文件

郭伟龙
1 parent ef2eeb98
Showing 6 changed files with 54 additions and 24 deletions Show diff stats
pages/component/AuxiliaryModule.vue
pages/component/InformationModule.vue
pages/component/InspectionModule.vue
pages/component/UploadFile.vue
pages/product/index.vue
utils/utils.js
@@ -93,6 +93,11 @@
 		.title {
 			font-size: 30px;
 			margin: 38px 0 0 28px;
+			white-space: nowrap;
+			/* 防止换行 */
+			overflow: hidden;
+			/* 超出部分隐藏 */
+			text-overflow: ellipsis;
 		}
 		.flex-between {
 <template>
 	<view class="containers">
-		<u-swiper class="swiperCss" :list="informationData.lampPath"
+		<u-swiper class="swiperCss"  :list="informationData.lampPath"
 			@click="previewLargeImage(informationData.lampPath,current)" :current="current" indicator
 			indicatorMode="dot" imgMode="aspectFit" circular :height="$isMobile?'400rpx':'600px'"
 			indicatorActiveColor="#00aeaa" indicatorInactiveColor="rgba(0, 174, 170, 0.3)" @change="changeSwiper"
@@ -197,5 +197,11 @@
 		color: #2b3950;
 		text-align: left;
 		line-height: normal;
+		max-width: 400px;
+		white-space: nowrap;
+		/* 防止换行 */
+		overflow: hidden;
+		/* 超出部分隐藏 */
+		text-overflow: ellipsis;
 	}
 </style>
 \ No newline at end of file
@@ -220,5 +220,11 @@
 		color: #2b3950;
 		text-align: left;
 		line-height: normal;
+		max-width: 400px;
+		white-space: nowrap;
+		/* 防止换行 */
+		overflow: hidden;
+		/* 超出部分隐藏 */
+		text-overflow: ellipsis;
 	}
 </style>
 \ No newline at end of file
@@ -6,9 +6,9 @@
 				<u-icon name="/static/images/icon/excelIcon.png" size="33px" v-if="fileType == 2"></u-icon>
 				<u-icon name="/static/images/icon/csvIcon.png" size="33px" v-if="fileType == 3"></u-icon>
 				<text class="iconTitle"
-					@click="seeFile">{{downloadFileName ? downloadFileName.substring(downloadFileName.lastIndexOf('/') + 1) : $t('hdk.noFile')}}</text>
+					@click="seeFile('preview')">{{downloadFileName ? downloadFileName.substring(downloadFileName.lastIndexOf('/') + 1) : $t('hdk.noFile')}}</text>
 			</view>
-			<view class="rightText" @click="seeFile('preview')" v-if="downloadFileNamePath != ''">
+			<view class="rightText" @click="seeFile('preview')" v-if="downloadFileName && downloadFileNamePath">
 				{{$t('hdk.Check')}}
 			</view>
 		</view>
@@ -67,12 +67,17 @@
 				// if (this.isCsv) {
 				//   return
 				// }
+				console.log(this.downloadFileName);
+				console.log(this.downloadFileNamePath);
+				if(!this.downloadFileName || !this.downloadFileNamePath){
+					return false
+				}
 				console.log('查看文件');
+				// return
 				uni.showLoading({
 					title: this.$t('hdk.loading')
 				})
 				let that = this;
-
 				if (!this.isCsv) {
 					const count = (this.downloadFileNamePath.match(/;/g) || []).length;
 					console.log(this.downloadFileNamePath, "解析文件有", count, "个")
@@ -7,7 +7,8 @@
 			:activeStyle="activeStyle" :inactiveStyle="inactiveStyle"></u-tabs>
 		<view class="ComponentsBody">
 			<view class="productInformation" v-if="current == 0">
-				<InformationModule v-if="informationData != null" :informationData="informationData">
+				<InformationModule v-if="informationData != null && Array.isArray(informationData.lampPath)"
+					:informationData="informationData">
 				</InformationModule>
 			</view>
 			<view class="inspectionInformation" v-else-if="current == 1">
@@ -17,8 +18,8 @@
 				<AuxiliaryModule v-if="auxiliaryData != null" :auxiliaryData="auxiliaryData"></AuxiliaryModule>
 			</view>
 			<view class="repairReportBtnCss" @click="jumpService">
-				<image src="/static/images/icon/repair.png" class="repairReportImageCss" mode="witFix" ></u-image>
-				<text class="repairReportTextCss">{{$t("hdk.Repair")}}</text>
+				<image src="/static/images/icon/repair.png" class="repairReportImageCss" mode="witFix"></u-image>
+					<text class="repairReportTextCss">{{$t("hdk.Repair")}}</text>
 			</view>
 		</view>
@@ -134,9 +135,9 @@
 					productionTime: this.productObject.productionTime,
 					productionUserName: this.productObject.productionUserName,
 					productDatasheet: this.productObject.productRespVO?.productDatasheet || null,
-					productDatasheetPath: this.productObject.productRespVO?.productDatasheetPath || [],
+					productDatasheetPath: this.productObject.productRespVO?.productDatasheetPath || null,
 					productManual: this.productObject.productRespVO?.productManual || null,
-					productManualPath: this.productObject.productRespVO?.productManualPath || []
+					productManualPath: this.productObject.productRespVO?.productManualPath || null
 				};
 				console.log("产品信息", this.informationData);
@@ -195,8 +196,9 @@
 						this.generateDownloadUrls(this.productObject.lightIntensityPath)
 							.then(modifiedManuals => {
 								// console.log("光强==>", modifiedManuals);
-								this.inspectionData.lightIntensityPhoto = modifiedManuals.filter(url => this.isPicture(
-									url));
+								this.inspectionData.lightIntensityPhoto = modifiedManuals.filter(url => this
+									.isPicture(
+										url));
 								this.inspectionData.lightIntensityFile = modifiedManuals.filter(filename => !this
 									.isPicture(filename) && filename.includes('.'));
 								// 在这里可以访问已更新的inspectionData.lightIntensityPhoto和inspectionData.lightIntensityFile的值
@@ -234,7 +236,7 @@
 				// console.log("filenames", filenames)
 				if (!filenames || filenames.length === 0) {
 					// 如果 filenames 为空或者null，则执行相应的操作
-					return Promise.resolve(require('@/static/images/noPhoto.png'))
+					return Promise.resolve([require('@/static/images/noPhoto.png')])
 				}
 				const modifiedFilenames = filenames.replace(/;+$/, '');
 				const modifiedUrls = modifiedFilenames.split(";").map(filename => {
@@ -243,7 +245,11 @@
 						// const encodedFilename = Buffer.from(trimmedFilename, 'utf-8').toString('base64');
 						const url = config.fileUrl + `/${trimmedFilename}`;
 						// console.log(url);
-						return this.checkUrlValidity(url).catch(error => {
+						return this.checkUrlValidity(url)
+						// .then(res => {
+						// 	return res == null ? Promise.resolve(require('@/static/images/noPhoto.png')):res
+						// })
+						.catch(error => {
 							// console.error(error);
 							// console.log("请求失败", trimmedFilename)
 							return Promise.resolve(require('@/static/images/noPhoto.png'));
@@ -256,7 +262,9 @@
 				});
 				return Promise.all(modifiedUrls).then(results => {
+					console.log(results);
 					const validUrls = results.filter(url => url !== null);
+					// console.log(validUrls);
 					if (validUrls.length > 0) {
 						// console.log("有效地址",validUrls);
 						return validUrls;
@@ -335,7 +343,7 @@
 	// .attachmentInformation{
 	// 	width: 100%;
 	// }
-	
+
 	//移动端样式
 	@media screen and (max-width: 767px) {
 		.repairReportBtnCss {
@@ -351,15 +359,15 @@
 			bottom: 100px;
 			// background-color: #00aeaa;
 		}
-		
-		
-		
+
+
+
 		// .u-image__image{
 		// 	width: 100px !important;
 		// 	height: 100px !important;
 		// }
-		
-		.repairReportImageCss{
+
+		.repairReportImageCss {
 			width: 100px !important;
 			height: 100px !important;
 		}
@@ -388,13 +396,13 @@
 			bottom: 100px;
 			// background-color: #00aeaa;
 		}
-		
+
 		// .u-image__image{
 		// 	width: 200px !important;
 		// }
-		
-		
-		.repairReportImageCss{
+
+
+		.repairReportImageCss {
 			width: 200px !important;
 			height: 200px !important;
 		}
@@ -7,7 +7,7 @@ export const deviceMixin = {
       for (const keyword of mobileKeywords) {
         if (userAgent.includes(keyword)) {
-			console.log(keyword);
+			// console.log(keyword);
           return true; // 如果包含移动设备关键词，则判断为移动端
         }
       }
	@@ -220,5 +220,11 @@		@@ -220,5 +220,11 @@
220	color: #2b3950;	220	color: #2b3950;
221	text-align: left;	221	text-align: left;
222	line-height: normal;	222	line-height: normal;
		223	+ max-width: 400px;
		224	+ white-space: nowrap;
		225	+ /* 防止换行 */
		226	+ overflow: hidden;
		227	+ /* 超出部分隐藏 */
		228	+ text-overflow: ellipsis;
223	}	229	}
224	</style>	230	</style>
225	\ No newline at end of file	231	\ No newline at end of file
	@@ -7,7 +7,7 @@ export const deviceMixin = {		@@ -7,7 +7,7 @@ export const deviceMixin = {
7		7
8	for (const keyword of mobileKeywords) {	8	for (const keyword of mobileKeywords) {
9	if (userAgent.includes(keyword)) {	9	if (userAgent.includes(keyword)) {
10	- console.log(keyword);	10	+ // console.log(keyword);
11	return true; // 如果包含移动设备关键词，则判断为移动端	11	return true; // 如果包含移动设备关键词，则判断为移动端
12	}	12	}
13	}	13	}