From a09e545e9180d44f66e2f36baedcb4e721f58ed8 Mon Sep 17 00:00:00 2001
From: X_Rian <904416525@qq.com>
Date: Sat, 10 Aug 2024 17:36:37 +0800
Subject: [PATCH] =?UTF-8?q?flx=EF=BC=9A=20=E6=8F=90=E4=BA=A4=E6=96=B9?=
 =?UTF-8?q?=E6=A1=88=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../constructionManage/schemeDetails.vue      | 363 ++++++++++++++++++
 static/download2.png                          | Bin 0 -> 407 bytes
 static/preview.png                            | Bin 0 -> 865 bytes
 utils/tool.js                                 |  19 +-
 4 files changed, 379 insertions(+), 3 deletions(-)
 create mode 100644 pages/projectEnd/constructionManage/schemeDetails.vue
 create mode 100644 static/download2.png
 create mode 100644 static/preview.png

diff --git a/pages/projectEnd/constructionManage/schemeDetails.vue b/pages/projectEnd/constructionManage/schemeDetails.vue
new file mode 100644
index 00000000..cd21f678
--- /dev/null
+++ b/pages/projectEnd/constructionManage/schemeDetails.vue
@@ -0,0 +1,363 @@
+<template>
+	<view class="fullHeight">
+		<headers class="fixedheader" :themeType="true" :showBack="true">
+			<view class="headerName">
+				方案详情
+			</view>
+		</headers>
+		<view class="sp-menu">
+			<view class="items-box">
+				<view class="item-box">
+					<view>
+						装置/单元工程：
+					</view>
+					<view>
+						{{constructionInfo.deviceUnitName}}
+					</view>
+				</view>
+				<view class="item-box">
+					<view>
+						装置/单元号：
+					</view>
+					<view>
+						{{constructionInfo.deviceUnitNo}}
+					</view>
+				</view>
+				<view class="item-box">
+					<view>
+						方案名称：
+					</view>
+					<view>
+						{{constructionInfo.constructionName}}
+					</view>
+				</view>
+				<view class="item-box">
+					<view>
+						承包方式：
+					</view>
+					<view>
+						{{constructionInfo.contractingType ? contractingTypeList[constructionInfo.contractingType - 1].contractingName : '--' }}
+					</view>
+				</view>
+				<view class="item-box">
+					<view>
+						区域项目组：
+					</view>
+					<view>
+						{{constructionInfo.projectGroupName}}
+					</view>
+				</view>
+				<view class="item-box">
+					<view>
+						工程监理单位：
+					</view>
+					<view>
+						{{constructionInfo.supervisingUnitName}}
+					</view>
+				</view>
+				<view class="item-box">
+					<view>
+						工程承包商：
+					</view>
+					<view>
+						{{constructionInfo.epcContractorName}}
+					</view>
+				</view>
+				<view class="item-box">
+					<view>
+						工程分包商：
+					</view>
+					<view>
+						{{constructionInfo.constructionUnitName}}
+					</view>
+				</view>
+				<view class="item-box">
+					<view>
+						技术文件类型：
+					</view>
+					<view>
+						{{constructionInfo.technicalDocumentType ?
+                                    techniqueFileTypeList[constructionInfo.technicalDocumentType - 1].fileName : '--'}}
+					</view>
+				</view>
+				<view class="item-box">
+					<view>
+						方案类型：
+					</view>
+					<view>
+						{{ constructionInfo.schemeType ? schemeTypeList[constructionInfo.schemeType - 1].title : '--'}}
+					</view>
+				</view>
+			</view>
+			<view style="margin-top: 20rpx;" class="headerName">
+				方案附件
+			</view>
+			<view class="rules-box" v-for="(item,index) in dataList" :key="item.url">
+				<image :src="item.url" v-if="fileTypeCondition(item.url)"></image>
+				<image src="@/static/images.png" v-else></image>
+				<view>
+					<view class="rules-text1">
+						<text>{{item.name}}</text>
+						<!-- <text>{{item.name}}</text> -->
+					</view>
+					<view class="rules-text2">
+						<view v-if="constructionInfo.isReview == 1" @click="downLoadFile(item,2,index)">
+							<image class="scheme_icon" src="@/static/preview.png"></image>
+							预览
+						</view>
+						<view v-if="constructionInfo.isDownload == 1" @click="downLoadFile(item,1,index)">
+							<image class="scheme_icon" src="@/static/download2.png"></image>
+							下载
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		isJSON
+	} from "@/utils/tool.js"
+	export default {
+		data() {
+			return {
+				dataList: [],
+				projectSn: "",
+				userInfo: "",
+				options: {
+					id: "",
+					deviceUnitId: "",
+				},
+				constructionInfo: {},
+				contractingTypeList: [{
+					id: 1,
+					contractingName: "EPC",
+				}, {
+					id: 2,
+					contractingName: "E+P+C",
+				}], // 承包方式
+				techniqueFileTypeList: [{
+					id: 1,
+					fileName: "一般施工技术方案",
+				}, {
+					id: 2,
+					fileName: "施工技术措施",
+				}], // 技术文件类型
+				schemeTypeList: [{
+					id: 1,
+					title: "施工组织设计或重大施工方案",
+				}, {
+					id: 2,
+					title: "一般性施工方案",
+				}], // 方案类型
+			}
+		},
+		onLoad(option) {
+			this.projectSn = JSON.parse(uni.getStorageSync('projectDetail')).projectSn;
+			this.userInfo = JSON.parse(uni.getStorageSync('userInfo'));
+			this.options = option;
+			console.log(option)
+			this.getConstructionPlanLedgerQueryById();
+		},
+		methods: {
+			getConstructionPlanLedgerQueryById() {
+				let that = this;
+				//获取我整改的巡查记录数量
+				this.sendRequest({
+					url: 'xmgl/constructionPlanLedger/queryById',
+					method: 'get',
+					data: {
+						projectSn: this.projectSn,
+						id: this.options.id,
+						deviceUnitId: this.options.deviceUnitId,
+					},
+					success: res => {
+						console.log(res.result);
+						that.constructionInfo = res.result;
+						that.dataList= isJSON(res.result.schemeAttachment) ? JSON.parse(res.result.schemeAttachment) : [];
+					}
+				})
+			},
+			fileTypeCondition(file) {
+				// 获取文件后缀名
+				const extension = file.substring(file.lastIndexOf('.') + 1).toLowerCase();
+
+				// 常见的图片文件后缀名
+				const imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'svg'];
+
+				// 检查文件后缀名是否在图片后缀名数组中
+				return imageExtensions.includes(extension);
+			},
+			downLoadFile(val, type, index) {
+				// let url = this.url_config + 'image/' + val.logoUrl
+				let that = this;
+				let url = val.url
+				console.log(val)
+				uni.showLoading({
+					icon: 'loading',
+					title: type == 1 ? '下载中...' : '预览中...'
+				});
+				uni.downloadFile({
+					url: url,
+					success: function(res) {
+						var filePath = res.tempFilePath;
+						if (type == 1) {
+							//文件保存到本地
+							// console.log(navigator && navigator.userAgent && /Mobi|Android|iPhone/i.test(navigator.userAgent))
+							uni.hideLoading();
+							if (navigator && navigator.userAgent && /Mobi|Android|iPhone/i.test(navigator
+									.userAgent)) {
+								console.log("111")
+								window.open(filePath, "_blank");
+								return
+							}
+							console.log("222")
+							uni.saveFile({
+								tempFilePath: filePath, //临时路径
+								success: function(res) {
+									uni.showToast({
+										icon: 'none',
+										mask: true,
+										title: '文件已保存：' + res.savedFilePath, //保存路径
+										duration: 3000,
+									});
+									// setTimeout(() => {
+									// 	//打开文档查看
+									// 	uni.openDocument({
+									// 		filePath: res.savedFilePath,
+									// 		success: function(res) {
+									// 			// console.log('打开文档成功');
+									// 		}
+									// 	});
+									// }, 3000)
+								}
+							});
+						}
+						if (type == 2) {
+							uni.openDocument({
+								filePath: filePath,
+								success: function(res) {
+									console.log('打开文档成功');
+									uni.hideLoading();
+									that.dataList[index].isFileOver = true;
+									console.log(that.dataList);
+								}
+							});
+						}
+					}
+				});
+			},
+		}
+
+	}
+</script>
+
+<style lang="scss" scoped>
+	.headerName {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		height: 88rpx;
+		background-color: #2B8DF3;
+		color: white;
+		font-size: 32rpx;
+	}
+	.scheme_icon:first-child {
+		margin-right: 4rpx;
+	}
+
+	.scheme_icon {
+		width: 44rpx !important;
+		height: 44rpx !important;
+	}
+
+	.rules-box {
+		display: flex;
+		margin-top: 10rpx;
+		padding: 13.46rpx 28.85rpx 17.31rpx 23.08rpx;
+		border-top: 2rpx solid #D8DBE8;
+		box-shadow: 4rpx 4rpx 8rpx 2rpx rgba(81, 129, 246, 0.12);
+	}
+
+	.rules-box image {
+		width: 61.15rpx;
+		height: 70.77rpx;
+	}
+
+	.rules-box>view {
+		display: flex;
+		justify-content: space-between;
+		flex: 1;
+	}
+
+	.rules-text1 {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		margin-left: 13.46rpx;
+		width: 400rpx;
+	}
+
+	.rules-text1>text {
+		font-size: 25rpx;
+		line-height: 40rpx;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+		-o-text-overflow: ellipsis;
+	}
+
+	.rules-text2 {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		color: #5181F6;
+		font-size: 24rpx;
+		white-space: nowrap;
+
+		>view {
+			display: flex;
+			align-items: center;
+		}
+
+		>view:last-child {
+			margin-left: 10rpx;
+		}
+	}
+
+	.fullHeight {
+		.fixedheader {
+			position: fixed;
+			top: 0;
+			left: 0;
+			width: 100%;
+			z-index: 2;
+		}
+
+		.sp-menu {
+			padding-top: 100rpx;
+
+			.items-box {
+				display: flex;
+				flex-direction: column;
+
+				.item-box {
+					display: flex;
+					justify-content: space-between;
+					border-bottom: 1rpx solid #F6F6F6;
+					padding: 20rpx 0;
+
+					>view:first-child {
+						margin-left: 38rpx;
+					}
+
+					>view:last-child {
+						margin-right: 38rpx;
+					}
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/static/download2.png b/static/download2.png
new file mode 100644
index 0000000000000000000000000000000000000000..31af86d31332541f6e496cb0d7ff6da330e9ede3
GIT binary patch
literal 407
zcmV;I0cie-P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px$QAtEWR9HvtmO*ZVFc3v&q%InAiRKLLL7-~0t+MMWz~&U)Ro%8#;UMW5$|XX&
zs5F%ckt}2nwgHg^-hc!%|9R$nWQ3U)&a4lE0FwOoS#6+5uU|qpG7Lc0)Bt2raGu~m
zC7dh(O9hq+OjUt6KineWClS4sVl8Y##^o5s;vf+5iI5)3bp74UWt;;oz+U}KMA8P)
z2hfUVO&+8>XMlFdJOaQw2f+d8;sCHMvgpH9Np=z@vSuM{0IuQ+sCN`|5GDX0aVG$-
z9bEulac2M<gbolQ?ge0iK*W>7iRAg6Gn}^xO#!+m4BxG8x6P7X6M8^+i+i^~hv`%z
zNPG~03Xa9`Mm<Zhs%E(phKlNOK^_=G_?+YN0PgeSD*-jV9eW{Q^_8x6Yzq=u{{X-w
z002-GS+rpRPR{<D2;i#fo|wz?z}S87%Qt%k{sHJ7(;-}My~O|k002ovPDHLkV1hO?
BruF~;

literal 0
HcmV?d00001

diff --git a/static/preview.png b/static/preview.png
new file mode 100644
index 0000000000000000000000000000000000000000..35e93d7bcc484eac2ca35bdf497bf6e75f875f5e
GIT binary patch
literal 865
zcmV-n1D^beP)<h;3K|Lk000e1NJLTq001fg001fo1^@s6#ly*400009a7bBm001F4
z001F40Y#QEU;qFB0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0`^HnK~#7F?O1_P
z+dvS!dlMWRGBF*93LqWG6(DE;Qvpr|decBi1ql^csQ^;}qyp4I%p^cUur7PDJxLfT
zk}Mf#z&oRPjsNsozfQY%B3j~^g7XA<_Djo{mxm(Kq4{9QEEiF9*9+`Mm=usn6eJzy
z`YBEw5gHi7Ayp1(VQmj5p~#OnAUk{*v68*Wi!Q|^BP_6fL34s<zil&{bD~wfpM5xQ
zvKGL_Te_3;B&is$FBi<TlQf@6^l`y><lIV{`Ok=^V@b4XEQwZ)96FjG>R?1Qm&v$n
zYOf_4T?yCDNxq+@IZj?wwxgcC_Lx^MnOFJ{-~A{OS4SrK2xq(8JG%9$1S%n_B$&Am
z4TJ@b+I@d*Be2a)9o5lLBb?x{dq>wFXhxJK>e;WZl7OQGB8_%nUk(18SH}tLS_d&b
z5$<^YO_ydsX`;+E-K8*!8V7;pVOku>#(#zl`QuzJhEhbekRUBsi0!{fP7y_;_ZV6v
z^$rz8$sLWHc#zuXJkjH{kfEvZ78OKEqGs|4N13}hg%IbC{p(It3GSV|k&vqvQs9aT
zq9oCu!DJaXPqZpTT*j#h6htYala^rs4L#JBB`bca5P{z~p@Jy==%I}Vaps|~N+YXs
zG!gq)A!r7a_WHm!LdaAb8hNT@_l|A?<lrYP9mWAHJLn+0XlER4H3Gj`csCW5yiDpo
zB1Wz941~IP#2_t~@j-Nq-(al~G?cd&=1jlIHo~!0@}|iBE{GjW4s@?gSnIkH9Kf00
zO^l)tDlPM-gfWCkbLiQ3ksjyhZ2QRD#Qr@Ek6Jh@F;rK0`N%P*UZ|3K^a@{XR3dt-
zUq*`L>q1(Qpw~R6IA3Ky?==hSnfiXSEz)e~jbCVUm!~wG;%T+Z5bnYi`K(ZLNcugK
zsJcz;C~@U8KR{R21l+XmuQ>$&4sU3EUu|)>ccYb3NEHK{;b3qn?!Bm&6qEDQ_^pGs
r!{T%+?XzG7Kq1qxMP9Hao&|mZm~=%cleIcb00000NkvXXu0mjfEjf8a

literal 0
HcmV?d00001

diff --git a/utils/tool.js b/utils/tool.js
index 9d2fde32..e595df97 100644
--- a/utils/tool.js
+++ b/utils/tool.js
@@ -184,7 +184,10 @@ export function openLocalFile(name, path) {
 					// 	duration: 2000,
 					// });
 					//保存好再打开文件
-					saveNetWorkFileTemp({name: name,path: res.savedFilePath})
+					saveNetWorkFileTemp({
+						name: name,
+						path: res.savedFilePath
+					})
 					// setTimeout(() => {
 					// 	uni.openDocument({
 					// 		filePath: res.savedFilePath,
@@ -278,7 +281,7 @@ export function exitApp() {
 	uni.removeStorageSync('company');
 	uni.removeStorageSync('dept');
 	uni.removeStorageSync('moduleInfo');
-	
+
 	uni.redirectTo({
 		url: '/pages/login/login'
 	})
@@ -293,4 +296,14 @@ export function isImageLink(url) {
 	// 正则表达式匹配常见的图片文件扩展名
 	const imageExtensionsRegex = /\.(jpg|jpeg|png|gif|webp)$/i;
 	return imageExtensionsRegex.test(url);
-}
\ No newline at end of file
+}
+
+export function isJSON(str) {
+	try {
+		JSON.parse(str);
+	} catch (e) {
+		// 转换出错，抛出异常
+		return false;
+	}
+	return true;
+};
\ No newline at end of file