From c76ff18adbfc5e4e14d0e382149d04a541a2a88f Mon Sep 17 00:00:00 2001
From: kun <1422840143@qq.com>
Date: Sat, 8 Jun 2024 00:48:04 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20BUG=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 main.js                                       |   16 +-
 .../bindPlatePlug/detail.vue                  |  117 +-
 .../specialOperations/fireWork/detail.vue     |  102 +-
 .../specialOperations/groundSafe/detail.vue   |  117 +-
 .../specialOperations/highJob/detail.vue      |  117 +-
 .../specialOperations/hoistSafe/detail.vue    |  117 +-
 .../limitSpaceWork/detail.vue                 | 1068 ++++++++++-------
 .../specialOperations/openCircuit/detail.vue  |  117 +-
 .../tempElectricity/detail.vue                |  117 +-
 utils/tool.js                                 |   11 +
 10 files changed, 1329 insertions(+), 570 deletions(-)

diff --git a/main.js b/main.js
index eb63328d..ba9c7fae 100644
--- a/main.js
+++ b/main.js
@@ -38,7 +38,7 @@ if (process.env.NODE_ENV === 'development') {
 	console.log('开发环境')
 	// Vue.prototype.url_config = 'http://47.93.215.234:9809/' // 鞍钢正式地址（弃用）
 	// Vue.prototype.url_config = 'http://42.180.188.17:9809/' // 鞍钢正式地址
-	// Vue.prototype.url_config = 'http://42.180.188.17:11211/' // 鞍钢测试地址
+	Vue.prototype.url_config = 'http://42.180.188.17:11211/' // 鞍钢测试地址
 	// Vue.prototype.url_config = 'http://182.90.224.237:51234/' //雄哥内网穿透地址
 	// Vue.prototype.url_config = 'http://jxj.zhgdyun.com:61212/' //杰哥内网穿透地址
 	// Vue.prototype.url_config = ' http://192.168.34.221:28888/' //郭圣雄本地
@@ -47,8 +47,8 @@ if (process.env.NODE_ENV === 'development') {
 	// Vue.prototype.url_config = 'http://192.168.34.155:19111/' //彭洁本地
 	// Vue.prototype.work_url = 'http://47.93.215.234:19997' // 工作流线上地址（弃用）
 	// Vue.prototype.work_url = 'http://42.180.188.17:19997' // 工作流线上地址
-	// Vue.prototype.work_url = 'http://42.180.188.17:19097' // 工作流测试地址
-	Vue.prototype.work_url = 'http://192.168.34.175:5173' // 工作流地址
+	Vue.prototype.work_url = 'http://42.180.188.17:19097' // 工作流测试地址
+	// Vue.prototype.work_url = 'http://192.168.34.175:5173' // 工作流地址
 	// Vue.prototype.work_url = 'http://192.168.34.138:5173' // 工作流地址
 	// Vue.prototype.work_url = 'http://139.9.66.234:5173' // 工作流地址
 	// Vue.prototype.work_url = 'http://192.168.34.126:5173' // 工作流地址
@@ -83,7 +83,7 @@ if (process.env.NODE_ENV === 'development') {
 	// Vue.prototype.url_config = 'http://182.90.224.147:15551'//成润线上
 	// Vue.prototype.url_config = 'http://118.121.198.147:23232'//成润正式
 	// Vue.prototype.url_config = 'http://huli.zjzhiliao.com/jxjgdapi'//金林湾测试
-	Vue.prototype.url_config = 'http://8.136.222.164:8808/'//中科安信
+	// Vue.prototype.url_config = 'http://8.136.222.164:8808/'//中科安信
 	
 
 } else {
@@ -92,13 +92,13 @@ if (process.env.NODE_ENV === 'development') {
 	// Vue.prototype.url_config = 'http://10.168.1.105:11111/' // 线上地址
 	// Vue.prototype.url_config = 'http://10.168.1.104:11111/' // 线上地址
 	// Vue.prototype.url_config = 'http://47.93.215.234:9809/' // 鞍钢线上地址（弃用）
-	Vue.prototype.url_config = 'http://42.180.188.17:9809/' // 鞍钢线上地址
-	// Vue.prototype.url_config = 'http://42.180.188.17:11211/' // 鞍钢线上测试地址
+	// Vue.prototype.url_config = 'http://42.180.188.17:9809/' // 鞍钢线上地址
+	Vue.prototype.url_config = 'http://42.180.188.17:11211/' // 鞍钢线上测试地址
 	// Vue.prototype.url_config = 'http://182.90.224.237:51234/' // 百色三标段
 	// Vue.prototype.url_config = 'http://192.168.34.221:9111/' // 百色三标段
 	// Vue.prototype.work_url = 'http://47.93.215.234:19997' // 工作流线上地址（弃用）
-	Vue.prototype.work_url = 'http://42.180.188.17:19997' // 工作流线上地址
-	// Vue.prototype.work_url = 'http://42.180.188.17:19097' // 工作流测试地址
+	// Vue.prototype.work_url = 'http://42.180.188.17:19997' // 工作流线上地址
+	Vue.prototype.work_url = 'http://42.180.188.17:19097' // 工作流测试地址
 	// Vue.prototype.work_url = 'http://192.168.34.139:5173' // 工作流地址
 	// Vue.prototype.url_config = 'http://182.90.224.147:100/' //演示平台
 	// Vue.prototype.url_config ='http://124.71.178.44:8012/' // 河南
diff --git a/pages/projectEnd/specialOperations/bindPlatePlug/detail.vue b/pages/projectEnd/specialOperations/bindPlatePlug/detail.vue
index e358688b..aa28ab4c 100644
--- a/pages/projectEnd/specialOperations/bindPlatePlug/detail.vue
+++ b/pages/projectEnd/specialOperations/bindPlatePlug/detail.vue
@@ -90,21 +90,29 @@
 							</view>
 							<view class="list-info">
 								<text>现场作业环境：</text>
+								<!-- <view class="source-box">
+									<text v-for="(item, index) in detailData.fieldWorkingEnvironment" :key="index"
+										@click="downloadFile(item.url)">{{item.url}}</text>
+								</view> -->
 								<ul>
-									<li class="img-item" v-for="(item, index) in detailData.fieldWorkingEnvironment"
-										:key="index">
-										<image :src="item.url" @click="previewImage(item.url)">
-									</li>
-								</ul>
+										<li class="img-item" v-for="(item, index) in detailData.fieldWorkingEnvironment"
+											:key="index">
+											<image :src="item.url" @click="previewImage(item.url)">
+										</li>
+									</ul>
 							</view>
 							<view class="list-info">
 								<text>安全技术交底：</text>
-								<ul>
-									<li class="img-item" v-for="(item, index) in detailData.safetyAndTechnologyDisclosure"
-										:key="index">
-										<image :src="item.url" @click="previewImage(item.url)">
-									</li>
-								</ul>
+								<view class="source-box">
+									<text v-for="(item, index) in detailData.safetyAndTechnologyDisclosure" :key="index"
+										@click="downloadFile(item.url)">{{item.url}}</text>
+								</view>
+								<!-- <ul>
+										<li class="img-item" v-for="(item, index) in detailData.safetyAndTechnologyDisclosure"
+											:key="index">
+											<image :src="item.url" @click="previewImage(item.url)">
+										</li>
+									</ul> -->
 							</view>
 							<view class="table-info" style="">
 								<scroll-view :scroll-x="true" class="teble-list">
@@ -192,6 +200,14 @@
 					</view>
 			</view>
 		</view>
+		<view class="fixed" :class="{show:showIframe}" v-if="show" @click="show=false">
+			<view class="iframeMain" @click.stop="show=true">
+				<video v-if="getType(iframeUrl) == 'video'" class="iframe" :src="iframeUrl"></video>
+				<image v-else-if="getType(iframeUrl) == 'image'" class="iframe" :src="iframeUrl" mode="aspectFit">
+				</image>
+				<iframe v-else class="iframe" ref="iframe" :src="iframeUrl" frameborder="0"></iframe>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -200,7 +216,10 @@
 	import safe from './safe.vue'
 	import side from './side.vue'
 	import workFinally from './workFinally.vue'
-	
+	import {
+		isVideoLink,
+		isImageLink
+	} from '@/utils/tool.js'
 	export default {
 		components:{
 			plan,
@@ -231,7 +250,10 @@
 				detailData:{},
 				isShowBtn: null,
 				userInfo: {},
-				btnAuth: true
+				btnAuth: true,
+				showIframe: false,
+				show: false,
+				iframeUrl: ""
 			}
 		},
 		onReachBottom() {
@@ -265,6 +287,30 @@
 		mounted() {
 		},
 		methods:{
+			getType(url) {
+				if (isImageLink(url)) {
+					return "image"
+				} else if (isVideoLink(url)) {
+					return "video"
+				} else {
+					return ''
+				}
+			},
+			downloadFile(url) {
+				// 下载所有的文件
+				let name = url.substring(url.lastIndexOf('/') + 1);
+				console.log(name, "文件名称");
+				if (isVideoLink(url) || isImageLink(url)) {
+					// 是图片和视频
+					this.show = true;
+					this.showIframe = true;
+					this.iframeUrl = this.url_config + 'image/' + url;
+				} else {
+					window.open(`${this.url_config}image/${url}`)
+				}
+			
+				return;
+			},
 			previewImage(url) {
 				uni.previewImage({
 					urls: [url]
@@ -291,9 +337,9 @@
 						if (this.detailData.safetyAndTechnologyDisclosure) {
 							this.detailData.safetyAndTechnologyDisclosure = JSON.parse(this.detailData
 								.safetyAndTechnologyDisclosure)
-							this.detailData.safetyAndTechnologyDisclosure.map(item => {
-								item.url = this.url_config + 'image/' + item.url
-							})
+							// this.detailData.safetyAndTechnologyDisclosure.map(item => {
+							// 	item.url = this.url_config + 'image/' + item.url
+							// })
 						}
 						// let str = '';
 						// if(res.result.chooseTypeDescribeList){
@@ -393,6 +439,34 @@
 </script>
 
 <style lang="scss" scoped>
+	.fixed {
+		position: fixed;
+		z-index: 9999;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		background-color: rgba(0, 0, 0, .3);
+		display: none;
+	
+		&.show {
+			display: initial;
+		}
+	}
+	
+	.iframeMain {
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+		width: 650rpx;
+		font-size: 0;
+	
+		.iframe {
+			width: 100%;
+			height: 500rpx;
+		}
+	}
 .other-safe{
 	background-color: #fff;
 	// margin-top: 50rpx;
@@ -511,7 +585,18 @@
 		// display: flex;
 		// align-items: center;
 	}
+	.list-info {
+		.source-box {
+			display: flex;
+			flex-direction: column;
 	
+			text {
+				color: #8F8FF7;
+				text-decoration: underline;
+				margin-top: 20rpx;
+			}
+		}
+	}
 	.list-info ul {
 		list-style: none;
 		padding: 0;
diff --git a/pages/projectEnd/specialOperations/fireWork/detail.vue b/pages/projectEnd/specialOperations/fireWork/detail.vue
index 8d76da06..6dc66358 100644
--- a/pages/projectEnd/specialOperations/fireWork/detail.vue
+++ b/pages/projectEnd/specialOperations/fireWork/detail.vue
@@ -57,6 +57,10 @@
 						</view>
 						<view class="list-info">
 							<text>现场作业环境：</text>
+							<!-- <view class="source-box">
+								<text v-for="(item, index) in detailData.fieldWorkingEnvironment" :key="index"
+									@click="downloadFile(item.url)">{{item.url}}</text>
+							</view> -->
 							<ul>
 								<li class="img-item" v-for="(item, index) in detailData.fieldWorkingEnvironment"
 									:key="index">
@@ -66,12 +70,16 @@
 						</view>
 						<view class="list-info">
 							<text>安全技术交底：</text>
-							<ul>
+							<view class="source-box">
+								<text v-for="(item, index) in detailData.safetyAndTechnologyDisclosure" :key="index"
+									@click="downloadFile(item.url)">{{item.url}}</text>
+							</view>
+							<!-- <ul>
 								<li class="img-item" v-for="(item, index) in detailData.safetyAndTechnologyDisclosure"
 									:key="index">
 									<image :src="item.url" @click="previewImage(item.url)">
 								</li>
-							</ul>
+							</ul> -->
 						</view>
 						<view class="table-info" style="">
 							<scroll-view :scroll-x="true" class="teble-list">
@@ -145,6 +153,14 @@
 				</view>
 			</view>
 		</view>
+		<view class="fixed" :class="{show:showIframe}" v-if="show" @click="show=false">
+			<view class="iframeMain" @click.stop="show=true">
+				<video v-if="getType(iframeUrl) == 'video'" class="iframe" :src="iframeUrl"></video>
+				<image v-else-if="getType(iframeUrl) == 'image'" class="iframe" :src="iframeUrl" mode="aspectFit">
+				</image>
+				<iframe v-else class="iframe" ref="iframe" :src="iframeUrl" frameborder="0"></iframe>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -153,7 +169,10 @@
 	import safe from './safe.vue'
 	import side from './side.vue'
 	import workFinally from './workFinally.vue'
-
+	import {
+		isVideoLink,
+		isImageLink
+	} from '@/utils/tool.js'
 	export default {
 		components: {
 			plan,
@@ -184,7 +203,10 @@
 				detailData: {},
 				isShowBtn: null,
 				userInfo: {},
-				btnAuth: true
+				btnAuth: true,
+				showIframe: false,
+				show: false,
+				iframeUrl: ""
 			}
 		},
 		onReachBottom() {
@@ -217,6 +239,30 @@
 		},
 		mounted() {},
 		methods: {
+			getType(url) {
+				if (isImageLink(url)) {
+					return "image"
+				} else if (isVideoLink(url)) {
+					return "video"
+				} else {
+					return ''
+				}
+			},
+			downloadFile(url) {
+				// 下载所有的文件
+				let name = url.substring(url.lastIndexOf('/') + 1);
+				console.log(name, "文件名称");
+				if (isVideoLink(url) || isImageLink(url)) {
+					// 是图片和视频
+					this.show = true;
+					this.showIframe = true;
+					this.iframeUrl = this.url_config + 'image/' + url;
+				} else {
+					window.open(`${this.url_config}image/${url}`)
+				}
+
+				return;
+			},
 			//预览图片
 			previewImage(url) {
 				uni.previewImage({
@@ -250,9 +296,9 @@
 						if (this.detailData.safetyAndTechnologyDisclosure) {
 							this.detailData.safetyAndTechnologyDisclosure = JSON.parse(this.detailData
 								.safetyAndTechnologyDisclosure)
-							this.detailData.safetyAndTechnologyDisclosure.map(item => {
-								item.url = this.url_config + 'image/' + item.url
-							})
+							// this.detailData.safetyAndTechnologyDisclosure.map(item => {
+							// 	item.url = this.url_config + 'image/' + item.url
+							// })
 						}
 						// let str = '';
 						// if(res.result.chooseTypeDescribeList){
@@ -354,6 +400,35 @@
 </script>
 
 <style lang="scss" scoped>
+	.fixed {
+		position: fixed;
+		z-index: 9999;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		background-color: rgba(0, 0, 0, .3);
+		display: none;
+
+		&.show {
+			display: initial;
+		}
+	}
+
+	.iframeMain {
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+		width: 650rpx;
+		font-size: 0;
+
+		.iframe {
+			width: 100%;
+			height: 500rpx;
+		}
+	}
+
 	.other-safe {
 		background-color: #fff;
 		// margin-top: 50rpx;
@@ -483,6 +558,19 @@
 			// align-items: center;
 		}
 
+		.list-info {
+			.source-box {
+				display: flex;
+				flex-direction: column;
+
+				text {
+					color: #8F8FF7;
+					text-decoration: underline;
+					margin-top: 20rpx;
+				}
+			}
+		}
+
 		.list-info ul {
 			list-style: none;
 			padding: 0;
diff --git a/pages/projectEnd/specialOperations/groundSafe/detail.vue b/pages/projectEnd/specialOperations/groundSafe/detail.vue
index 7077b0d2..51dd1883 100644
--- a/pages/projectEnd/specialOperations/groundSafe/detail.vue
+++ b/pages/projectEnd/specialOperations/groundSafe/detail.vue
@@ -62,21 +62,29 @@
 							</view>
 							<view class="list-info">
 								<text>现场作业环境：</text>
+								<!-- <view class="source-box">
+									<text v-for="(item, index) in detailData.fieldWorkingEnvironment" :key="index"
+										@click="downloadFile(item.url)">{{item.url}}</text>
+								</view> -->
 								<ul>
-									<li class="img-item" v-for="(item, index) in detailData.fieldWorkingEnvironment"
-										:key="index">
-										<image :src="item.url" @click="previewImage(item.url)">
-									</li>
-								</ul>
+										<li class="img-item" v-for="(item, index) in detailData.fieldWorkingEnvironment"
+											:key="index">
+											<image :src="item.url" @click="previewImage(item.url)">
+										</li>
+									</ul>
 							</view>
 							<view class="list-info">
 								<text>安全技术交底：</text>
-								<ul>
-									<li class="img-item" v-for="(item, index) in detailData.safetyAndTechnologyDisclosure"
-										:key="index">
-										<image :src="item.url" @click="previewImage(item.url)">
-									</li>
-								</ul>
+								<view class="source-box">
+									<text v-for="(item, index) in detailData.safetyAndTechnologyDisclosure" :key="index"
+										@click="downloadFile(item.url)">{{item.url}}</text>
+								</view>
+								<!-- <ul>
+										<li class="img-item" v-for="(item, index) in detailData.safetyAndTechnologyDisclosure"
+											:key="index">
+											<image :src="item.url" @click="previewImage(item.url)">
+										</li>
+									</ul> -->
 							</view>
 							<!-- <view class="list-info">
 								作业人：<text class="detail-data">{{detailData.jobPersonName}}</text>
@@ -156,6 +164,14 @@
 					</view>
 			</view>
 		</view>
+		<view class="fixed" :class="{show:showIframe}" v-if="show" @click="show=false">
+			<view class="iframeMain" @click.stop="show=true">
+				<video v-if="getType(iframeUrl) == 'video'" class="iframe" :src="iframeUrl"></video>
+				<image v-else-if="getType(iframeUrl) == 'image'" class="iframe" :src="iframeUrl" mode="aspectFit">
+				</image>
+				<iframe v-else class="iframe" ref="iframe" :src="iframeUrl" frameborder="0"></iframe>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -164,7 +180,10 @@
 	import safe from './safe.vue'
 	import side from './side.vue'
 	import workFinally from './workFinally.vue'
-	
+	import {
+		isVideoLink,
+		isImageLink
+	} from '@/utils/tool.js'
 	export default {
 		components:{
 			plan,
@@ -195,7 +214,10 @@
 				detailData:{},
 				isShowBtn: null,
 				userInfo: {},
-				btnAuth: true
+				btnAuth: true,
+				showIframe: false,
+				show: false,
+				iframeUrl: ""
 			}
 		},
 		onReachBottom() {
@@ -229,6 +251,30 @@
 		mounted() {
 		},
 		methods:{
+			getType(url) {
+				if (isImageLink(url)) {
+					return "image"
+				} else if (isVideoLink(url)) {
+					return "video"
+				} else {
+					return ''
+				}
+			},
+			downloadFile(url) {
+				// 下载所有的文件
+				let name = url.substring(url.lastIndexOf('/') + 1);
+				console.log(name, "文件名称");
+				if (isVideoLink(url) || isImageLink(url)) {
+					// 是图片和视频
+					this.show = true;
+					this.showIframe = true;
+					this.iframeUrl = this.url_config + 'image/' + url;
+				} else {
+					window.open(`${this.url_config}image/${url}`)
+				}
+			
+				return;
+			},
 			//预览图片
 			previewImage(url) {
 				uni.previewImage({
@@ -256,9 +302,9 @@
 						if (this.detailData.safetyAndTechnologyDisclosure) {
 							this.detailData.safetyAndTechnologyDisclosure = JSON.parse(this.detailData
 								.safetyAndTechnologyDisclosure)
-							this.detailData.safetyAndTechnologyDisclosure.map(item => {
-								item.url = this.url_config + 'image/' + item.url
-							})
+							// this.detailData.safetyAndTechnologyDisclosure.map(item => {
+							// 	item.url = this.url_config + 'image/' + item.url
+							// })
 						}
 						// let str = '';
 						// if(res.result.chooseTypeDescribeList){
@@ -363,6 +409,34 @@
 </script>
 
 <style lang="scss" scoped>
+	.fixed {
+		position: fixed;
+		z-index: 9999;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		background-color: rgba(0, 0, 0, .3);
+		display: none;
+	
+		&.show {
+			display: initial;
+		}
+	}
+	
+	.iframeMain {
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+		width: 650rpx;
+		font-size: 0;
+	
+		.iframe {
+			width: 100%;
+			height: 500rpx;
+		}
+	}
 .other-safe{
 	background-color: #fff;
 	// margin-top: 50rpx;
@@ -493,7 +567,18 @@
 		// display: flex;
 		// align-items: center;
 	}
+	.list-info {
+		.source-box {
+			display: flex;
+			flex-direction: column;
 	
+			text {
+				color: #8F8FF7;
+				text-decoration: underline;
+				margin-top: 20rpx;
+			}
+		}
+	}
 	.list-info ul {
 		list-style: none;
 		padding: 0;
diff --git a/pages/projectEnd/specialOperations/highJob/detail.vue b/pages/projectEnd/specialOperations/highJob/detail.vue
index 969bbbb9..9c093cf2 100644
--- a/pages/projectEnd/specialOperations/highJob/detail.vue
+++ b/pages/projectEnd/specialOperations/highJob/detail.vue
@@ -53,21 +53,29 @@
 							</view>
 							<view class="list-info">
 								<text>现场作业环境：</text>
+								<!-- <view class="source-box">
+									<text v-for="(item, index) in detailData.fieldWorkingEnvironment" :key="index"
+										@click="downloadFile(item.url)">{{item.url}}</text>
+								</view> -->
 								<ul>
-									<li class="img-item" v-for="(item, index) in detailData.fieldWorkingEnvironment"
-										:key="index">
-										<image :src="item.url" @click="previewImage(item.url)">
-									</li>
-								</ul>
+										<li class="img-item" v-for="(item, index) in detailData.fieldWorkingEnvironment"
+											:key="index">
+											<image :src="item.url" @click="previewImage(item.url)">
+										</li>
+									</ul>
 							</view>
 							<view class="list-info">
 								<text>安全技术交底：</text>
-								<ul>
-									<li class="img-item" v-for="(item, index) in detailData.safetyAndTechnologyDisclosure"
-										:key="index">
-										<image :src="item.url" @click="previewImage(item.url)">
-									</li>
-								</ul>
+								<view class="source-box">
+									<text v-for="(item, index) in detailData.safetyAndTechnologyDisclosure" :key="index"
+										@click="downloadFile(item.url)">{{item.url}}</text>
+								</view>
+								<!-- <ul>
+										<li class="img-item" v-for="(item, index) in detailData.safetyAndTechnologyDisclosure"
+											:key="index">
+											<image :src="item.url" @click="previewImage(item.url)">
+										</li>
+									</ul> -->
 							</view>
 							<!-- <view class="list-info">
 								安全作业票编号：<text class="detail-data">{{detailData.safetyWorkTicketCode}}</text>
@@ -155,6 +163,14 @@
 					</view>
 			</view>
 		</view>
+		<view class="fixed" :class="{show:showIframe}" v-if="show" @click="show=false">
+			<view class="iframeMain" @click.stop="show=true">
+				<video v-if="getType(iframeUrl) == 'video'" class="iframe" :src="iframeUrl"></video>
+				<image v-else-if="getType(iframeUrl) == 'image'" class="iframe" :src="iframeUrl" mode="aspectFit">
+				</image>
+				<iframe v-else class="iframe" ref="iframe" :src="iframeUrl" frameborder="0"></iframe>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -163,7 +179,10 @@
 	import safe from './safe.vue'
 	import side from './side.vue'
 	import workFinally from './workFinally.vue'
-	
+	import {
+		isVideoLink,
+		isImageLink
+	} from '@/utils/tool.js'
 	export default {
 		components:{
 			plan,
@@ -194,7 +213,10 @@
 				detailData:{},
 				isShowBtn: null,
 				userInfo: {},
-				btnAuth: true
+				btnAuth: true,
+				showIframe: false,
+				show: false,
+				iframeUrl: ""
 			}
 		},
 		onReachBottom() {
@@ -228,6 +250,30 @@
 		mounted() {
 		},
 		methods:{
+			getType(url) {
+				if (isImageLink(url)) {
+					return "image"
+				} else if (isVideoLink(url)) {
+					return "video"
+				} else {
+					return ''
+				}
+			},
+			downloadFile(url) {
+				// 下载所有的文件
+				let name = url.substring(url.lastIndexOf('/') + 1);
+				console.log(name, "文件名称");
+				if (isVideoLink(url) || isImageLink(url)) {
+					// 是图片和视频
+					this.show = true;
+					this.showIframe = true;
+					this.iframeUrl = this.url_config + 'image/' + url;
+				} else {
+					window.open(`${this.url_config}image/${url}`)
+				}
+			
+				return;
+			},
 			//预览图片
 			previewImage(url) {
 				uni.previewImage({
@@ -255,9 +301,9 @@
 						if (this.detailData.safetyAndTechnologyDisclosure) {
 							this.detailData.safetyAndTechnologyDisclosure = JSON.parse(this.detailData
 								.safetyAndTechnologyDisclosure)
-							this.detailData.safetyAndTechnologyDisclosure.map(item => {
-								item.url = this.url_config + 'image/' + item.url
-							})
+							// this.detailData.safetyAndTechnologyDisclosure.map(item => {
+							// 	item.url = this.url_config + 'image/' + item.url
+							// })
 						}
 						// let str = '';
 						// if(res.result.chooseTypeDescribeList){
@@ -357,6 +403,34 @@
 </script>
 
 <style lang="scss" scoped>
+	.fixed {
+		position: fixed;
+		z-index: 9999;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		background-color: rgba(0, 0, 0, .3);
+		display: none;
+	
+		&.show {
+			display: initial;
+		}
+	}
+	
+	.iframeMain {
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+		width: 650rpx;
+		font-size: 0;
+	
+		.iframe {
+			width: 100%;
+			height: 500rpx;
+		}
+	}
 .other-safe{
 	background-color: #fff;
 	// margin-top: 50rpx;
@@ -471,7 +545,18 @@
 		// display: flex;
 		// align-items: center;
 	}
+	.list-info {
+		.source-box {
+			display: flex;
+			flex-direction: column;
 	
+			text {
+				color: #8F8FF7;
+				text-decoration: underline;
+				margin-top: 20rpx;
+			}
+		}
+	}
 	.list-info ul {
 		list-style: none;
 		padding: 0;
diff --git a/pages/projectEnd/specialOperations/hoistSafe/detail.vue b/pages/projectEnd/specialOperations/hoistSafe/detail.vue
index 1a51b80b..923110de 100644
--- a/pages/projectEnd/specialOperations/hoistSafe/detail.vue
+++ b/pages/projectEnd/specialOperations/hoistSafe/detail.vue
@@ -59,21 +59,29 @@
 							</view>
 							<view class="list-info">
 								<text>现场作业环境：</text>
+								<!-- <view class="source-box">
+									<text v-for="(item, index) in detailData.fieldWorkingEnvironment" :key="index"
+										@click="downloadFile(item.url)">{{item.url}}</text>
+								</view> -->
 								<ul>
-									<li class="img-item" v-for="(item, index) in detailData.fieldWorkingEnvironment"
-										:key="index">
-										<image :src="item.url" @click="previewImage(item.url)">
-									</li>
-								</ul>
+										<li class="img-item" v-for="(item, index) in detailData.fieldWorkingEnvironment"
+											:key="index">
+											<image :src="item.url" @click="previewImage(item.url)">
+										</li>
+									</ul>
 							</view>
 							<view class="list-info">
 								<text>安全技术交底：</text>
-								<ul>
-									<li class="img-item" v-for="(item, index) in detailData.safetyAndTechnologyDisclosure"
-										:key="index">
-										<image :src="item.url" @click="previewImage(item.url)">
-									</li>
-								</ul>
+								<view class="source-box">
+									<text v-for="(item, index) in detailData.safetyAndTechnologyDisclosure" :key="index"
+										@click="downloadFile(item.url)">{{item.url}}</text>
+								</view>
+								<!-- <ul>
+										<li class="img-item" v-for="(item, index) in detailData.safetyAndTechnologyDisclosure"
+											:key="index">
+											<image :src="item.url" @click="previewImage(item.url)">
+										</li>
+									</ul> -->
 							</view>
 							<!-- <view class="list-info">
 								安全隐患总数：<text class="detail-data">{{detailData.hiddenDangerNum}}</text>
@@ -155,6 +163,14 @@
 					</view>
 			</view>
 		</view>
+		<view class="fixed" :class="{show:showIframe}" v-if="show" @click="show=false">
+			<view class="iframeMain" @click.stop="show=true">
+				<video v-if="getType(iframeUrl) == 'video'" class="iframe" :src="iframeUrl"></video>
+				<image v-else-if="getType(iframeUrl) == 'image'" class="iframe" :src="iframeUrl" mode="aspectFit">
+				</image>
+				<iframe v-else class="iframe" ref="iframe" :src="iframeUrl" frameborder="0"></iframe>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -163,7 +179,10 @@
 	import safe from './safe.vue'
 	import side from './side.vue'
 	import workFinally from './workFinally.vue'
-	
+	import {
+		isVideoLink,
+		isImageLink
+	} from '@/utils/tool.js'
 	export default {
 		components:{
 			plan,
@@ -194,7 +213,10 @@
 				detailData:{},
 				isShowBtn: null,
 				userInfo: {},
-				btnAuth: true
+				btnAuth: true,
+				showIframe: false,
+				show: false,
+				iframeUrl: ""
 			}
 		},
 		onReachBottom() {
@@ -228,6 +250,30 @@
 		mounted() {
 		},
 		methods:{
+			getType(url) {
+				if (isImageLink(url)) {
+					return "image"
+				} else if (isVideoLink(url)) {
+					return "video"
+				} else {
+					return ''
+				}
+			},
+			downloadFile(url) {
+				// 下载所有的文件
+				let name = url.substring(url.lastIndexOf('/') + 1);
+				console.log(name, "文件名称");
+				if (isVideoLink(url) || isImageLink(url)) {
+					// 是图片和视频
+					this.show = true;
+					this.showIframe = true;
+					this.iframeUrl = this.url_config + 'image/' + url;
+				} else {
+					window.open(`${this.url_config}image/${url}`)
+				}
+			
+				return;
+			},
 			//预览图片
 			previewImage(url) {
 				uni.previewImage({
@@ -255,9 +301,9 @@
 						if (this.detailData.safetyAndTechnologyDisclosure) {
 							this.detailData.safetyAndTechnologyDisclosure = JSON.parse(this.detailData
 								.safetyAndTechnologyDisclosure)
-							this.detailData.safetyAndTechnologyDisclosure.map(item => {
-								item.url = this.url_config + 'image/' + item.url
-							})
+							// this.detailData.safetyAndTechnologyDisclosure.map(item => {
+							// 	item.url = this.url_config + 'image/' + item.url
+							// })
 						}
 						// let str = '';
 						// if(res.result.chooseTypeDescribeList){
@@ -357,6 +403,34 @@
 </script>
 
 <style lang="scss" scoped>
+	.fixed {
+		position: fixed;
+		z-index: 9999;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		background-color: rgba(0, 0, 0, .3);
+		display: none;
+	
+		&.show {
+			display: initial;
+		}
+	}
+	
+	.iframeMain {
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+		width: 650rpx;
+		font-size: 0;
+	
+		.iframe {
+			width: 100%;
+			height: 500rpx;
+		}
+	}
 .other-safe{
 	background-color: #fff;
 	// margin-top: 50rpx;
@@ -487,7 +561,18 @@
 		// display: flex;
 		// align-items: center;
 	}
+	.list-info {
+		.source-box {
+			display: flex;
+			flex-direction: column;
 	
+			text {
+				color: #8F8FF7;
+				text-decoration: underline;
+				margin-top: 20rpx;
+			}
+		}
+	}
 	.list-info ul {
 		list-style: none;
 		padding: 0;
diff --git a/pages/projectEnd/specialOperations/limitSpaceWork/detail.vue b/pages/projectEnd/specialOperations/limitSpaceWork/detail.vue
index 26794d8c..05374e8b 100644
--- a/pages/projectEnd/specialOperations/limitSpaceWork/detail.vue
+++ b/pages/projectEnd/specialOperations/limitSpaceWork/detail.vue
@@ -7,128 +7,160 @@
 		</headers>
 		<view :style="{ 'padding-top': statusBarHeight + 45 + 'px' }">
 			<view class="detail-content">
-					<view class="list">
+				<view class="list">
+					<view class="list-info">
+						作业票编号：<text class="detail-data">{{detailData.workTicketCode}}</text>
+					</view>
+					<view class="list-info">
+						作业申请时间：<text class="detail-data">{{detailData.jobApplicationTime}}</text>
+					</view>
+					<view class="list-info">
+						作业申请单位：<text class="detail-data">{{detailData.jobApplicationUnitName}}</text>
+					</view>
+					<view class="list-info">
+						作业负责人：<text class="detail-data">{{detailData.assignmentPersonInChargeName}}</text>
+					</view>
+					<view class="" v-if="isShow">
 						<view class="list-info">
-							作业票编号：<text class="detail-data">{{detailData.workTicketCode}}</text>
+							受限空间内原有介质名称：<text class="detail-data">{{detailData.limitSpaceMediumName}}</text>
 						</view>
 						<view class="list-info">
-							作业申请时间：<text class="detail-data">{{detailData.jobApplicationTime}}</text>
+							受限空间名称：<text class="detail-data">{{detailData.limitSpaceName}}</text>
 						</view>
 						<view class="list-info">
-							作业申请单位：<text class="detail-data">{{detailData.jobApplicationUnitName}}</text>
+							作业人：<text class="detail-data">{{detailData.jobPersonName}}</text>
 						</view>
 						<view class="list-info">
-							作业负责人：<text class="detail-data">{{detailData.assignmentPersonInChargeName}}</text>
+							作业内容：<text class="detail-data">{{detailData.jobContent}}</text>
 						</view>
-						<view class="" v-if="isShow">
-							<view class="list-info">
-								受限空间内原有介质名称：<text class="detail-data">{{detailData.limitSpaceMediumName}}</text>
-							</view>
-							<view class="list-info">
-								受限空间名称：<text class="detail-data">{{detailData.limitSpaceName}}</text>
-							</view>
-							<view class="list-info">
-								作业人：<text class="detail-data">{{detailData.jobPersonName}}</text>
-							</view>
-							<view class="list-info">
-								作业内容：<text class="detail-data">{{detailData.jobContent}}</text>
-							</view>
-							<view class="list-info">
-								可燃气体信息：
-								<text class="detail-data">
-									<text v-for="(item,i) in JSON.parse(detailData.combustibleGasInformation)">
-										<text style="margin-right: 12rpx;">{{item.name}}({{item.standard||''}})</text>
-									</text>
+						<view class="list-info">
+							可燃气体信息：
+							<text class="detail-data">
+								<text v-for="(item,i) in JSON.parse(detailData.combustibleGasInformation)">
+									<text style="margin-right: 12rpx;">{{item.name}}({{item.standard||''}})</text>
 								</text>
-							</view>
-							<view class="list-info">
-								有毒有害气体：
-								<text class="detail-data">
-									<text v-for="(item,i) in JSON.parse(detailData.toxicAndHarmfulGasInformation)">
-										<text style="margin-right: 12rpx;">{{item.name}}({{item.standard || ''}})</text>
-									</text>
+							</text>
+						</view>
+						<view class="list-info">
+							有毒有害气体：
+							<text class="detail-data">
+								<text v-for="(item,i) in JSON.parse(detailData.toxicAndHarmfulGasInformation)">
+									<text style="margin-right: 12rpx;">{{item.name}}({{item.standard || ''}})</text>
 								</text>
-							</view>
-							<view class="list-info">
-								监护人：<text class="detail-data">{{detailData.guardianName}}</text>
-							</view>
-							<view class="list-info">
-								作业单位：<text class="detail-data">{{detailData.operatingUnitName}}</text>
-							</view>
-							<view class="list-info">
-								风险辨识结果：<text class="detail-data">{{detailData.riskIdentificationResult}}</text>
-							</view>
-							<view class="list-info">
-								关联的其他特殊作业及安全作业票编号：<text class="detail-data">{{detailData.otherRelatedSpecialTask}}</text>
-							</view>
-							<view class="list-info">
-								作业实施时间：<text class="detail-data" v-if="detailData.workExecutionBeginTime && detailData.workExecutionEndTime">{{detailData.workExecutionBeginTime+'-'+detailData.workExecutionEndTime}}</text>
-							</view>
-							<view class="list-info">
-								<text>现场作业环境：</text>
-								<ul>
+							</text>
+						</view>
+						<view class="list-info">
+							监护人：<text class="detail-data">{{detailData.guardianName}}</text>
+						</view>
+						<view class="list-info">
+							作业单位：<text class="detail-data">{{detailData.operatingUnitName}}</text>
+						</view>
+						<view class="list-info">
+							风险辨识结果：<text class="detail-data">{{detailData.riskIdentificationResult}}</text>
+						</view>
+						<view class="list-info">
+							关联的其他特殊作业及安全作业票编号：<text class="detail-data">{{detailData.otherRelatedSpecialTask}}</text>
+						</view>
+						<view class="list-info">
+							作业实施时间：<text class="detail-data"
+								v-if="detailData.workExecutionBeginTime && detailData.workExecutionEndTime">{{detailData.workExecutionBeginTime+'-'+detailData.workExecutionEndTime}}</text>
+						</view>
+						<view class="list-info">
+							<text>现场作业环境：</text>
+							<!-- <view class="source-box">
+								<text v-for="(item, index) in detailData.fieldWorkingEnvironment" :key="index"
+									@click="downloadFile(item.url)">{{item.url}}</text>
+							</view> -->
+							<ul>
 									<li class="img-item" v-for="(item, index) in detailData.fieldWorkingEnvironment"
 										:key="index">
 										<image :src="item.url" @click="previewImage(item.url)">
 									</li>
 								</ul>
+						</view>
+						<view class="list-info">
+							<text>安全技术交底：</text>
+							<view class="source-box">
+								<text v-for="(item, index) in detailData.safetyAndTechnologyDisclosure" :key="index"
+									@click="downloadFile(item.url)">{{item.url}}</text>
 							</view>
-							<view class="list-info">
-								<text>安全技术交底：</text>
-								<ul>
+							<!-- <ul>
 									<li class="img-item" v-for="(item, index) in detailData.safetyAndTechnologyDisclosure"
 										:key="index">
 										<image :src="item.url" @click="previewImage(item.url)">
 									</li>
-								</ul>
-							</view>
-							<view class="table-info" style="">
-								<scroll-view :scroll-x="true" class="teble-list">
-									<view class="teble-item">
-										<view class="table-item-inner" style="font-weight: bold;">
-											<view class="item-col" style="background-color: lightgray;"></view>
-											<view class="item-col" style="width: 442rpx;background-color: lightgray;">有毒有害气体名称</view>
-											<view class="item-col" style="width: 442rpx;background-color: lightgray;">可燃气体名称</view>
-											<view class="item-col" style="background-color: lightgray;">氧气含量</view>
-											<view class="item-col" style="background-color: lightgray;">取样分析时间</view>
-											<view class="item-col" style="background-color: lightgray;">分析部位</view>
-											<view class="item-col" style="margin-right: 5rpx;background-color: lightgray;">分析人</view>
+								</ul> -->
+						</view>
+						<view class="table-info" style="">
+							<scroll-view :scroll-x="true" class="teble-list">
+								<view class="teble-item">
+									<view class="table-item-inner" style="font-weight: bold;">
+										<view class="item-col" style="background-color: lightgray;"></view>
+										<view class="item-col" style="width: 442rpx;background-color: lightgray;">
+											有毒有害气体名称</view>
+										<view class="item-col" style="width: 442rpx;background-color: lightgray;">可燃气体名称
 										</view>
-										<view class="table-item-inner">
-											<view class="item-col" style="background-color: lightgray;font-weight: bold;">分析项目</view>
-											<view class="item-col" style="">{{JSON.parse(detailData.toxicAndHarmfulGasInformation)[0]?JSON.parse(detailData.toxicAndHarmfulGasInformation)[0].name||'--':'--'}}</view>
-											<view class="item-col" style="">{{JSON.parse(detailData.toxicAndHarmfulGasInformation)[1]?JSON.parse(detailData.toxicAndHarmfulGasInformation)[1].name||'--':'--'}}</view>
-											<view class="item-col" style="">{{JSON.parse(detailData.combustibleGasInformation)[0]?JSON.parse(detailData.combustibleGasInformation)[0].name||'--':'--'}}</view>
-											<view class="item-col" style="">{{JSON.parse(detailData.combustibleGasInformation)[1]?JSON.parse(detailData.combustibleGasInformation)[1].name||'--':'--'}}</view>
-											<view class="item-col" style="">--</view>
-											<view class="item-col" style="">--</view>
-											<view class="item-col" style="">--</view>
-											<view class="item-col" style="margin-right: 5rpx;">--</view>
+										<view class="item-col" style="background-color: lightgray;">氧气含量</view>
+										<view class="item-col" style="background-color: lightgray;">取样分析时间</view>
+										<view class="item-col" style="background-color: lightgray;">分析部位</view>
+										<view class="item-col" style="margin-right: 5rpx;background-color: lightgray;">
+											分析人</view>
+									</view>
+									<view class="table-item-inner">
+										<view class="item-col" style="background-color: lightgray;font-weight: bold;">
+											分析项目</view>
+										<view class="item-col" style="">
+											{{JSON.parse(detailData.toxicAndHarmfulGasInformation)[0]?JSON.parse(detailData.toxicAndHarmfulGasInformation)[0].name||'--':'--'}}
 										</view>
-										<view class="table-item-inner">
-											<view class="item-col" style="background-color: lightgray;font-weight: bold;">合格标准</view>
-											<view class="item-col" style="">{{JSON.parse(detailData.toxicAndHarmfulGasInformation)[0]?JSON.parse(detailData.toxicAndHarmfulGasInformation)[0].standard||'--':'--'}}</view>
-											<view class="item-col" style="">{{JSON.parse(detailData.toxicAndHarmfulGasInformation)[1]?JSON.parse(detailData.toxicAndHarmfulGasInformation)[1].standard||'--':'--'}}</view>
-											<view class="item-col" style="">{{JSON.parse(detailData.combustibleGasInformation)[0]?JSON.parse(detailData.combustibleGasInformation)[0].standard||'--':'--'}}</view>
-											<view class="item-col" style="">{{JSON.parse(detailData.combustibleGasInformation)[1]?JSON.parse(detailData.combustibleGasInformation)[1].standard||'--':'--'}}</view>
-											<view class="item-col" style="">19.5%~21%(体积分数)</view>
-											<view class="item-col" style="">--</view>
-											<view class="item-col" style="">--</view>
-											<view class="item-col" style="margin-right: 5rpx;">--</view>
+										<view class="item-col" style="">
+											{{JSON.parse(detailData.toxicAndHarmfulGasInformation)[1]?JSON.parse(detailData.toxicAndHarmfulGasInformation)[1].name||'--':'--'}}
 										</view>
-										<view :class="{'table-item-inner':true,'last-row':(i+1) === JSON.parse(detailData.gasAnalysisData).length}" 
+										<view class="item-col" style="">
+											{{JSON.parse(detailData.combustibleGasInformation)[0]?JSON.parse(detailData.combustibleGasInformation)[0].name||'--':'--'}}
+										</view>
+										<view class="item-col" style="">
+											{{JSON.parse(detailData.combustibleGasInformation)[1]?JSON.parse(detailData.combustibleGasInformation)[1].name||'--':'--'}}
+										</view>
+										<view class="item-col" style="">--</view>
+										<view class="item-col" style="">--</view>
+										<view class="item-col" style="">--</view>
+										<view class="item-col" style="margin-right: 5rpx;">--</view>
+									</view>
+									<view class="table-item-inner">
+										<view class="item-col" style="background-color: lightgray;font-weight: bold;">
+											合格标准</view>
+										<view class="item-col" style="">
+											{{JSON.parse(detailData.toxicAndHarmfulGasInformation)[0]?JSON.parse(detailData.toxicAndHarmfulGasInformation)[0].standard||'--':'--'}}
+										</view>
+										<view class="item-col" style="">
+											{{JSON.parse(detailData.toxicAndHarmfulGasInformation)[1]?JSON.parse(detailData.toxicAndHarmfulGasInformation)[1].standard||'--':'--'}}
+										</view>
+										<view class="item-col" style="">
+											{{JSON.parse(detailData.combustibleGasInformation)[0]?JSON.parse(detailData.combustibleGasInformation)[0].standard||'--':'--'}}
+										</view>
+										<view class="item-col" style="">
+											{{JSON.parse(detailData.combustibleGasInformation)[1]?JSON.parse(detailData.combustibleGasInformation)[1].standard||'--':'--'}}
+										</view>
+										<view class="item-col" style="">19.5%~21%(体积分数)</view>
+										<view class="item-col" style="">--</view>
+										<view class="item-col" style="">--</view>
+										<view class="item-col" style="margin-right: 5rpx;">--</view>
+									</view>
+									<view
+										:class="{'table-item-inner':true,'last-row':(i+1) === JSON.parse(detailData.gasAnalysisData).length}"
 										v-for="(item,i) in JSON.parse(detailData.gasAnalysisData)" :key="i">
-											<view class="item-col" style="background-color: lightgray;font-weight: bold;">分析数据</view>
-											<view class="item-col" style="">{{item.name1}}</view>
-											<view class="item-col" style="">{{item.name2}}</view>
-											<view class="item-col" style="">{{item.name3}}</view>
-											<view class="item-col" style="">{{item.name4}}</view>
-											<view class="item-col" style="">{{item.name5}}</view>
-											<view class="item-col" style="">{{item.time}}</view>
-											<view class="item-col" style="">{{item.local}}</view>
-											<view class="item-col" style="margin-right: 5rpx;">{{item.person}}</view>
-										</view>
-											<!-- <view class="table-item-inner">
+										<view class="item-col" style="background-color: lightgray;font-weight: bold;">
+											分析数据</view>
+										<view class="item-col" style="">{{item.name1}}</view>
+										<view class="item-col" style="">{{item.name2}}</view>
+										<view class="item-col" style="">{{item.name3}}</view>
+										<view class="item-col" style="">{{item.name4}}</view>
+										<view class="item-col" style="">{{item.name5}}</view>
+										<view class="item-col" style="">{{item.time}}</view>
+										<view class="item-col" style="">{{item.local}}</view>
+										<view class="item-col" style="margin-right: 5rpx;">{{item.person}}</view>
+									</view>
+									<!-- <view class="table-item-inner">
 												<view class="item-col" style="margin-bottom: 5rpx;">分析数据</view>
 												<view class="item-col" style="margin-bottom: 5rpx;">5%</view>
 												<view class="item-col" style="margin-bottom: 5rpx;">5%</view>
@@ -139,10 +171,10 @@
 												<view class="item-col" style="margin-bottom: 5rpx;">--</view>
 												<view class="item-col" style="margin-right: 5rpx;margin-bottom: 5rpx;">--</view>
 											</view> -->
-									</view>
-								</scroll-view>
-							</view>
-							<!-- <view class="table-info2" style="">
+								</view>
+							</scroll-view>
+						</view>
+						<!-- <view class="table-info2" style="">
 								<scroll-view :scroll-x="true" class="teble-list2">
 									<view class="teble-item2">
 										<view class="table-item-inner2">
@@ -179,57 +211,63 @@
 									</view>
 								</scroll-view>
 							</view> -->
-							<view class="safe-mesure">
-								<view class="safe-btn" @click="goSafeMesure">查看安全措施</view>
+						<view class="safe-mesure">
+							<view class="safe-btn" @click="goSafeMesure">查看安全措施</view>
+						</view>
+						<view class="other-safe">
+							<view class="other-head">
+								<view class="other-icon"></view>
+								<view class="other-text">安全技术交底</view>
 							</view>
-							<view class="other-safe">
-								<view class="other-head">
-									<view class="other-icon"></view>
-									<view class="other-text">安全技术交底</view>
-								</view>
-								<view class="other-content">
-									<view class="content-1"><text style="float: right;">安全交底人：</text></view>
-									<view class="content-2">{{detailData.safetyInformantName}}</view>
-									<view class="content-3"><text style="float: right;">接受交底人：</text></view>
-									<view class="content-4">{{detailData.acceptTheInformantName}}</view>
-								</view>
-								<!-- <view class="other-content">
+							<view class="other-content">
+								<view class="content-1"><text style="float: right;">安全交底人：</text></view>
+								<view class="content-2">{{detailData.safetyInformantName}}</view>
+								<view class="content-3"><text style="float: right;">接受交底人：</text></view>
+								<view class="content-4">{{detailData.acceptTheInformantName}}</view>
+							</view>
+							<!-- <view class="other-content">
 									<view class="content-1"><text style="float: right;">监护人：</text></view>
 									<view class="content-2">{{detailData.guardianName}}</view>
 								</view> -->
+						</view>
+					</view>
+					<view v-if="COMPANY != 'longguang'" class="more-btn" @click="isShow=!isShow">
+						{{isShow ? "收起详情":"展开详情"}}
+						<uni-icons :type="isShow ? 'arrowup':'arrowdown'"></uni-icons>
+					</view>
+				</view>
+				<view class="detail-nav" v-if="COMPANY != 'longguang'">
+					<scroll-view class="scrollx-wrap" scroll-x>
+						<view class="nav-list">
+							<view class="nav-item" :class="{'active-nav': activeIndex == item.id}"
+								v-for="(item,index) in navList" :key="index" @click="checkNav(item)">
+								{{item.name}}
 							</view>
 						</view>
-						<view v-if="COMPANY != 'longguang'" class="more-btn" @click="isShow=!isShow">
-							{{isShow ? "收起详情":"展开详情"}}
-							<uni-icons :type="isShow ? 'arrowup':'arrowdown'"></uni-icons>
-						</view>
-					</view>
-					<view class="detail-nav" v-if="COMPANY != 'longguang'">
-						<scroll-view class="scrollx-wrap" scroll-x>
-							<view class="nav-list">
-								<view class="nav-item"
-									:class="{'active-nav': activeIndex == item.id}"
-									v-for="(item,index) in navList" :key="index"
-									@click="checkNav(item)">
-									{{item.name}}
-								</view>
-							</view>
-						</scroll-view>
-						<view class="detail-wrap">
-							<plan ref="list" v-if="componentName == 'plan'" :detailId="detailId" :info="detailData"></plan>
-							<safe ref="list" v-if="componentName == 'safe'" :detailId="detailId" :info="detailData"></safe>
-							<side ref="list" v-if="componentName == 'side'" :detailId="detailId" :info="detailData"></side>
-							<workFinally ref="list" v-if="componentName =='workFinally'" :detailId="detailId" :info="detailData" ></workFinally>
-						</view>
-					</view>
-					<!-- <view class="add-btn" v-if="activeIndex != 7 && activeIndex != 2 && !(activeIndex == 1 && detailData.engineeringState == 3) -->
-					<view class="add-btn" v-if="activeIndex != 7 && userInfo.userId === detailData.assignmentPersonInCharge
-					&& COMPANY != 'longguang' && detailData.finalAcceptanceStatus !== 2 && isShowBtn && btnAuth"
-					@click="addForm">
-						<uni-icons v-if="activeIndex == 5" type="camera" size="30" color="#fff"></uni-icons>
-						<uni-icons v-else type="plusempty" size="30" color="#fff"></uni-icons>
-						<span>+</span>
+					</scroll-view>
+					<view class="detail-wrap">
+						<plan ref="list" v-if="componentName == 'plan'" :detailId="detailId" :info="detailData"></plan>
+						<safe ref="list" v-if="componentName == 'safe'" :detailId="detailId" :info="detailData"></safe>
+						<side ref="list" v-if="componentName == 'side'" :detailId="detailId" :info="detailData"></side>
+						<workFinally ref="list" v-if="componentName =='workFinally'" :detailId="detailId"
+							:info="detailData"></workFinally>
 					</view>
+				</view>
+				<!-- <view class="add-btn" v-if="activeIndex != 7 && activeIndex != 2 && !(activeIndex == 1 && detailData.engineeringState == 3) -->
+				<view class="add-btn" v-if="activeIndex != 7 && userInfo.userId === detailData.assignmentPersonInCharge
+					&& COMPANY != 'longguang' && detailData.finalAcceptanceStatus !== 2 && isShowBtn && btnAuth" @click="addForm">
+					<uni-icons v-if="activeIndex == 5" type="camera" size="30" color="#fff"></uni-icons>
+					<uni-icons v-else type="plusempty" size="30" color="#fff"></uni-icons>
+					<span>+</span>
+				</view>
+			</view>
+		</view>
+		<view class="fixed" :class="{show:showIframe}" v-if="show" @click="show=false">
+			<view class="iframeMain" @click.stop="show=true">
+				<video v-if="getType(iframeUrl) == 'video'" class="iframe" :src="iframeUrl"></video>
+				<image v-else-if="getType(iframeUrl) == 'image'" class="iframe" :src="iframeUrl" mode="aspectFit">
+				</image>
+				<iframe v-else class="iframe" ref="iframe" :src="iframeUrl" frameborder="0"></iframe>
 			</view>
 		</view>
 	</view>
@@ -240,88 +278,119 @@
 	import safe from './safe.vue'
 	import side from './side.vue'
 	import workFinally from './workFinally.vue'
-	
+	import {
+		isVideoLink,
+		isImageLink
+	} from '@/utils/tool.js'
 	export default {
-		components:{
+		components: {
 			plan,
 			safe,
 			side,
 			workFinally,
 		},
-		data(){
-			return{
+		data() {
+			return {
 				statusBarHeight: 0,
 				isShow: false,
 				componentName: "plan",
-				navList:[{
+				navList: [{
 					id: 1,
 					name: "当前进度"
-				},{
+				}, {
 					id: 2,
 					name: "安全检查"
-				},{
+				}, {
 					id: 3,
 					name: "施工旁站"
-				},{
+				}, {
 					id: 4,
 					name: "最终验收"
 				}],
 				activeIndex: 1,
 				detailId: "",
-				detailData:{},
+				detailData: {},
 				isShowBtn: null,
 				userInfo: {},
-				btnAuth: true
+				btnAuth: true,
+				showIframe: false,
+				show: false,
+				iframeUrl: ""
 			}
 		},
 		onReachBottom() {
-			console.log(1,this.$refs['list'])
+			console.log(1, this.$refs['list'])
 		},
 		onPullDownRefresh() {
 			console.log(2)
 		},
-		onShow(){
+		onShow() {
 			this.userInfo = JSON.parse(uni.getStorageSync('userInfo'))
 			this.statusBarHeight = uni.getStorageSync('systemInfo').statusBarHeight;
 			// this.initData()
 			this.getWork()
 			let that = this;
-			setTimeout(function(){
-				console.log(that.$refs,777)
-				console.log(that.$refs.listBox,777)
-				if(that.$refs['list'] && that.$refs['list'].initData){
+			setTimeout(function() {
+				console.log(that.$refs, 777)
+				console.log(that.$refs.listBox, 777)
+				if (that.$refs['list'] && that.$refs['list'].initData) {
 					console.log(777888)
 					that.$refs['list'].initData()
 				}
-			},200)
+			}, 200)
 		},
-		onLoad(val){
+		onLoad(val) {
 			this.btnAuth = this.checkBtnPermission({
 				key: 'confinedSpaceWork_add',
 				menuPath: '/project/specialWork/confinedSpaceWork'
 			})
 			this.detailId = val.id
 		},
-		mounted() {
-		},
-		methods:{
+		mounted() {},
+		methods: {
+			getType(url) {
+				if (isImageLink(url)) {
+					return "image"
+				} else if (isVideoLink(url)) {
+					return "video"
+				} else {
+					return ''
+				}
+			},
+			downloadFile(url) {
+				// 下载所有的文件
+				let name = url.substring(url.lastIndexOf('/') + 1);
+				console.log(name, "文件名称");
+				if (isVideoLink(url) || isImageLink(url)) {
+					// 是图片和视频
+					this.show = true;
+					this.showIframe = true;
+					this.iframeUrl = this.url_config + 'image/' + url;
+				} else {
+					window.open(`${this.url_config}image/${url}`)
+				}
+
+				return;
+			},
 			//预览图片
 			previewImage(url) {
 				uni.previewImage({
 					urls: [url]
 				})
 			},
-			getWork(){
+			getWork() {
 				this.sendRequest({
-					url:'xmgl/xzLimitSpaceSafe/queryById',
-					method:'get',
-					data:{id:this.detailId},
-					success:res=>{
+					url: 'xmgl/xzLimitSpaceSafe/queryById',
+					method: 'get',
+					data: {
+						id: this.detailId
+					},
+					success: res => {
 						uni.hideLoading()
 						// if(res.code==200){
 						// 	this.listData = res.result.records
 						// }
-						this.detailData =  res.result
+						this.detailData = res.result
 						if (this.detailData.fieldWorkingEnvironment) {
 							this.detailData.fieldWorkingEnvironment = JSON.parse(this.detailData
 								.fieldWorkingEnvironment)
@@ -332,9 +401,9 @@
 						if (this.detailData.safetyAndTechnologyDisclosure) {
 							this.detailData.safetyAndTechnologyDisclosure = JSON.parse(this.detailData
 								.safetyAndTechnologyDisclosure)
-							this.detailData.safetyAndTechnologyDisclosure.map(item => {
-								item.url = this.url_config + 'image/' + item.url
-							})
+							// this.detailData.safetyAndTechnologyDisclosure.map(item => {
+							// 	item.url = this.url_config + 'image/' + item.url
+							// })
 						}
 						// let str = '';
 						// if(res.result.chooseTypeDescribeList){
@@ -353,74 +422,76 @@
 					}
 				})
 			},
-			goSafeMesure(){
+			goSafeMesure() {
 				uni.navigateTo({
-					url: "./safeMesure?detailId="+this.detailId
+					url: "./safeMesure?detailId=" + this.detailId
 				})
 			},
-			getApply(){
+			getApply() {
 				console.log("=====================================================detail");
 				console.log(this.detailData);
 				this.sendRequest({
-					url:'xmgl/xzDangerousEngineeringAcceptance/list',
-					method:'get',
-					data:{
+					url: 'xmgl/xzDangerousEngineeringAcceptance/list',
+					method: 'get',
+					data: {
 						engineeringId: this.detailData.id,
 						projectSn: JSON.parse(uni.getStorageSync('projectDetail')).projectSn,
 						type: 3
 					},
-					success:res=>{
+					success: res => {
 						uni.hideLoading()
-						console.log("xmgl/xzDangerousEngineeringAcceptance/list",res);
+						console.log("xmgl/xzDangerousEngineeringAcceptance/list", res);
 						let result = res.result
-						if(res.result.length>0){
-							if(res.result[0].acceptanceResult === null) this.isShowBtn = false
-							if(res.result[0].acceptanceResult === 1) this.isShowBtn = false
-							if(res.result[0].acceptanceResult === 2) this.isShowBtn = true
-						}else{
+						if (res.result.length > 0) {
+							if (res.result[0].acceptanceResult === null) this.isShowBtn = false
+							if (res.result[0].acceptanceResult === 1) this.isShowBtn = false
+							if (res.result[0].acceptanceResult === 2) this.isShowBtn = true
+						} else {
 							this.isShowBtn = true
 						}
 					}
 				})
 			},
-			checkNav(val){
+			checkNav(val) {
 				this.activeIndex = val.id
-				if(val.id == 1){
+				if (val.id == 1) {
 					this.componentName = "plan"
-				} else if(val.id == 2){
+				} else if (val.id == 2) {
 					this.componentName = "safe"
-				} else if(val.id == 3){
+				} else if (val.id == 3) {
 					this.componentName = "side"
-				} else if(val.id == 4){
+				} else if (val.id == 4) {
 					this.componentName = "workFinally"
 				}
 			},
-			addForm(){
-				if(this.activeIndex == 1){
+			addForm() {
+				if (this.activeIndex == 1) {
 					uni.navigateTo({
-						url:'./addPlan?id='+this.detailId
+						url: './addPlan?id=' + this.detailId
 					})
-				} else if(this.activeIndex == 2){
-					if(uni.getStorageSync('dangerData')){
+				} else if (this.activeIndex == 2) {
+					if (uni.getStorageSync('dangerData')) {
 						uni.removeStorageSync('dangerData');
 					}
-					if(uni.getStorageSync('detailData')){
+					if (uni.getStorageSync('detailData')) {
 						uni.removeStorageSync('detailData');
 					}
 					uni.navigateTo({
 						// url:'../safeManage/addExamine?type=1&engineeringId='+this.detailId + '&moduleType=safeCheck'
-						url:'../../safeSame/addIssue?type=3&engineeringId='+this.detailId + '&moduleType=safeCheck'
+						url: '../../safeSame/addIssue?type=3&engineeringId=' + this.detailId +
+							'&moduleType=safeCheck'
 					})
-				} else if(this.activeIndex == 3){
+				} else if (this.activeIndex == 3) {
 					uni.navigateTo({
-						url:'./addSide?id='+this.detailId
+						url: './addSide?id=' + this.detailId
 					})
-				} else if(this.activeIndex == 4){
-					if(this.isShowBtn){
+				} else if (this.activeIndex == 4) {
+					if (this.isShowBtn) {
 						uni.navigateTo({
-							url:'./addWorkFinally?id='+this.detailId+'&workTicketCode='+this.detailData.workTicketCode
+							url: './addWorkFinally?id=' + this.detailId + '&workTicketCode=' + this.detailData
+								.workTicketCode
 						})
-					}else{
+					} else {
 						uni.showToast({
 							title: '请勿重复操作',
 							icon: "none",
@@ -434,30 +505,96 @@
 </script>
 
 <style lang="scss" scoped>
-.last-row{
-	padding-bottom: 5rpx;
-}
-.table-info2{
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	// background-color: #fff;
-	.teble-list2{
+	.fixed {
+		position: fixed;
+		z-index: 9999;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		background-color: rgba(0, 0, 0, .3);
+		display: none;
+
+		&.show {
+			display: initial;
+		}
+	}
+
+	.iframeMain {
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+		width: 650rpx;
+		font-size: 0;
+
+		.iframe {
+			width: 100%;
+			height: 500rpx;
+		}
+	}
+
+	.last-row {
+		padding-bottom: 5rpx;
+	}
+
+	.table-info2 {
 		display: flex;
-		font-size: 18rpx;
-		background-color: #fff;
-		white-space: nowrap;
-		float: left;
-		.teble-item2{
-			background-color: lightgray;
-			display: inline-block;
-			white-space: normal;
-			// padding: 5rpx 0;
-			.table-item-inner2{
+		justify-content: center;
+		align-items: center;
+
+		// background-color: #fff;
+		.teble-list2 {
+			display: flex;
+			font-size: 18rpx;
+			background-color: #fff;
+			white-space: nowrap;
+			float: left;
+
+			.teble-item2 {
+				background-color: lightgray;
+				display: inline-block;
+				white-space: normal;
+
 				// padding: 5rpx 0;
-				// margin: 5rpx 0;
-				min-width: 220rpx;
-				.item-col2{
+				.table-item-inner2 {
+					// padding: 5rpx 0;
+					// margin: 5rpx 0;
+					min-width: 220rpx;
+
+					.item-col2 {
+						margin-top: 5rpx;
+						// width: 220rpx;
+						min-width: 220rpx;
+						// padding: 3rpx;
+						margin-left: 5rpx;
+						// margin: 0 5rpx;
+						line-height: 50rpx;
+						text-align: center;
+						background-color: #F6F6F6;
+
+						.item-col-inner2 {
+							margin-top: 5rpx;
+							width: 220rpx;
+							// min-width: 220rpx;
+							// padding: 3rpx;
+							margin-left: 5rpx;
+							// margin: 0 5rpx;
+							line-height: 50rpx;
+							text-align: center;
+							background-color: #F6F6F6;
+						}
+					}
+				}
+			}
+
+			.teble-item3 {
+				background-color: lightgray;
+				display: inline-block;
+				white-space: normal;
+				line-height: 50rpx;
+
+				.item3-row1 {
 					margin-top: 5rpx;
 					// width: 220rpx;
 					min-width: 220rpx;
@@ -467,256 +604,269 @@
 					line-height: 50rpx;
 					text-align: center;
 					background-color: #F6F6F6;
-					.item-col-inner2{
+				}
+
+				.item3-row2 {
+					display: flex;
+
+					.item3-row2-inner {
 						margin-top: 5rpx;
-						width: 220rpx;
-						// min-width: 220rpx;
+						// width: 220rpx;
+						min-width: 220rpx;
 						// padding: 3rpx;
 						margin-left: 5rpx;
 						// margin: 0 5rpx;
 						line-height: 50rpx;
 						text-align: center;
 						background-color: #F6F6F6;
+
+					}
+				}
+
+				.item3-row3 {
+					display: flex;
+
+					.item3-row3-inner {
+						margin-top: 5rpx;
+						// width: 220rpx;
+						min-width: 220rpx;
+						// padding: 3rpx;
+						margin-left: 5rpx;
+						// margin: 0 5rpx;
+						line-height: 50rpx;
+						text-align: center;
+						background-color: #F6F6F6;
+
+					}
+				}
+			}
+		}
+	}
+
+
+
+	.other-safe {
+		background-color: #fff;
+		// margin-top: 50rpx;
+		padding: 15rpx 15rpx;
+		line-height: 40rpx;
+
+		.other-head {
+			display: flex;
+
+			.other-icon {
+				width: 10rpx;
+				height: 40rpx;
+				background-color: #2b8df3;
+				border-radius: 100rpx;
+			}
+
+			.other-text {
+				margin-left: 20rpx;
+			}
+		}
+
+		.other-content {
+			font-size: 22rpx;
+			width: auto;
+			height: 50rpx;
+			// background-color: darkred;
+			// border: 1rpx solid black;
+			margin: 0 30rpx;
+			margin-top: 15rpx;
+			display: flex;
+
+			.content-1 {
+				width: 22%;
+			}
+
+			.content-2 {
+				width: 24%;
+			}
+
+			.content-3 {
+				width: 23%;
+				// margin-left: 10%;
+			}
+
+			.content-4 {
+				width: 26%;
+			}
+		}
+
+	}
+
+	.safe-mesure {
+		width: 100%;
+		height: 100rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		background-color: #fff;
+
+		.safe-btn {
+			text-align: center;
+			width: 80%;
+			line-height: 70rpx;
+			// background-color: darkred;
+			border: 4rpx solid #2b8df3;
+			color: #2b8df3;
+			border-radius: 20rpx;
+			font-weight: bold;
+		}
+	}
+
+	.table-info {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		background-color: #fff;
+
+		.teble-list {
+			display: flex;
+			font-size: 18rpx;
+			background-color: #fff;
+			white-space: nowrap;
+
+			.teble-item {
+				display: inline-block;
+				white-space: normal;
+
+				.table-item-inner {
+					// background-color: lightgray;
+					display: flex;
+					// min-width: 200rpx;
+
+					.item-col {
+						width: 220rpx;
+						padding: 3rpx;
+						margin-top: 5rpx;
+						margin-left: 5rpx;
+						line-height: 50rpx;
+						text-align: center;
+						background-color: #F6F6F6;
 					}
 				}
 			}
 		}
-		.teble-item3{
-			background-color: lightgray;
-			display: inline-block;
-			white-space: normal;
-			line-height: 50rpx;
-			.item3-row1{
-				margin-top: 5rpx;
-				// width: 220rpx;
-				min-width: 220rpx;
-				// padding: 3rpx;
-				margin-left: 5rpx;
-				// margin: 0 5rpx;
-				line-height: 50rpx;
-				text-align: center;
-				background-color: #F6F6F6;
-			}
-			.item3-row2{
+	}
+
+	.dangerbig-details {
+		min-height: 100%;
+		background: #F6F6F6;
+
+		.fixedheader {
+			position: fixed;
+			top: 0;
+			left: 0;
+			width: 100%;
+			z-index: 2;
+		}
+
+		.detail-content {
+			padding-top: 20rpx;
+		}
+
+		.list {
+			margin-bottom: 20rpx;
+		}
+
+		.list-info {
+			background: #fff;
+			border-bottom: 1px solid #F6F6F6;
+			font-size: 26rpx;
+			padding: 20rpx;
+			// display: flex;
+			// align-items: center;
+		}
+		.list-info {
+			.source-box {
 				display: flex;
-				.item3-row2-inner{
-				margin-top: 5rpx;
-				// width: 220rpx;
-				min-width: 220rpx;
-				// padding: 3rpx;
-				margin-left: 5rpx;
-				// margin: 0 5rpx;
-				line-height: 50rpx;
-				text-align: center;
-				background-color: #F6F6F6;
-					
-				}
-			}
-			.item3-row3{
-				display: flex;
-				.item3-row3-inner{
-				margin-top: 5rpx;
-				// width: 220rpx;
-				min-width: 220rpx;
-				// padding: 3rpx;
-				margin-left: 5rpx;
-				// margin: 0 5rpx;
-				line-height: 50rpx;
-				text-align: center;
-				background-color: #F6F6F6;
-					
+				flex-direction: column;
+		
+				text {
+					color: #8F8FF7;
+					text-decoration: underline;
+					margin-top: 20rpx;
 				}
 			}
 		}
-	}
-}
+		.list-info ul {
+			list-style: none;
+			padding: 0;
+			display: flex;
+			flex-wrap: wrap;
+			align-items: center;
+			margin-top: 20rpx;
+		}
 
+		.list-info ul li {
+			width: 30%;
+			height: 100px;
+			margin: 0 10rpx;
+			margin-bottom: 20rpx;
+		}
 
+		.list-info ul li image {
+			width: 100%;
+			height: 100%;
+		}
 
-.other-safe{
-	background-color: #fff;
-	// margin-top: 50rpx;
-	padding: 15rpx 15rpx;
-	line-height: 40rpx;
-	.other-head{
-		display: flex;
-		.other-icon{
-			width: 10rpx;
-			height: 40rpx;
-			background-color: #2b8df3;
-			border-radius: 100rpx;
-		}
-		.other-text{
-			margin-left: 20rpx;
-		}
-	}
-	.other-content{
-		font-size: 22rpx;
-		width: auto;
-		height: 50rpx;
-		// background-color: darkred;
-		// border: 1rpx solid black;
-		margin: 0 30rpx;
-		margin-top: 15rpx;
-		display: flex;
-		.content-1{
-			width: 22%;
-		}
-		.content-2{
-			width: 24%;
-		}
-		.content-3{
-			width: 23%;
-			// margin-left: 10%;
-		}
-		.content-4{
-			width: 26%;
-		}
-	}
-			
-}
-.safe-mesure{
-	width: 100%;
-	height: 100rpx;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	background-color: #fff;
-	.safe-btn{
-		text-align: center;
-		width: 80%;
-		line-height: 70rpx;
-		// background-color: darkred;
-		border: 4rpx solid #2b8df3;
-		color: #2b8df3;
-		border-radius: 20rpx;
-		font-weight: bold;
-	}
-}
-.table-info{
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	background-color: #fff;
-	.teble-list{
-		display: flex;
-		font-size: 18rpx;
-		background-color: #fff;
-		white-space: nowrap;
-		.teble-item{
-			display: inline-block;
-			white-space: normal;
-			.table-item-inner{
-				// background-color: lightgray;
-				display: flex;
-				// min-width: 200rpx;
-				
-				.item-col{
-					width: 220rpx;
-					padding: 3rpx;
-					margin-top: 5rpx;
-					margin-left: 5rpx;
-					line-height: 50rpx;
-					text-align: center;
-					background-color: #F6F6F6;
-				}
-			}
-		}
-	}
-}
-.dangerbig-details{
-	min-height: 100%;
-	background: #F6F6F6;
-	.fixedheader{
-		position: fixed;
-		top: 0;
-		left: 0;
-		width: 100%;
-		z-index: 2;
-	}
-	.detail-content{
-		padding-top: 20rpx;
-	}
-	.list{
-		margin-bottom: 20rpx;
-	}
-	.list-info {
-		background: #fff;
-		border-bottom: 1px solid #F6F6F6;
-		font-size: 26rpx;
-		padding: 20rpx;
-		// display: flex;
-		// align-items: center;
-	}
-	
-	.list-info ul {
-		list-style: none;
-		padding: 0;
-		display: flex;
-		flex-wrap: wrap;
-		align-items: center;
-		margin-top: 20rpx;
-	}
-	
-	.list-info ul li {
-		width: 30%;
-		height: 100px;
-		margin: 0 10rpx;
-		margin-bottom: 20rpx;
-	}
-	
-	.list-info ul li image {
-		width: 100%;
-		height: 100%;
-	}
-	.more-btn{
-		text-align: center;
-		font-size: 14px;
-		height: 50rpx;
-		background: #F1F7FE;
-		line-height: 50rpx;
-	}
-	.nav-list{
-		display: flex;
-		height: 80rpx;
-		align-items: center;
-		padding: 0 20rpx;
-		.nav-item{
-			width: 25%;
+		.more-btn {
 			text-align: center;
-			white-space: nowrap;
-			padding: 0 20rpx;
-			height: 80rpx;
-			box-sizing: border-box;
-			line-height: 80rpx;
 			font-size: 14px;
+			height: 50rpx;
+			background: #F1F7FE;
+			line-height: 50rpx;
 		}
-		.active-nav{
-			border-bottom: 2px solid #4396E7;
+
+		.nav-list {
+			display: flex;
+			height: 80rpx;
+			align-items: center;
+			padding: 0 20rpx;
+
+			.nav-item {
+				width: 25%;
+				text-align: center;
+				white-space: nowrap;
+				padding: 0 20rpx;
+				height: 80rpx;
+				box-sizing: border-box;
+				line-height: 80rpx;
+				font-size: 14px;
+			}
+
+			.active-nav {
+				border-bottom: 2px solid #4396E7;
+			}
+		}
+
+		.detail-nav {
+			width: 100%;
+		}
+
+		.scrollx-wrap {
+			width: 100%;
+			background: #fff;
+		}
+
+		.add-btn {
+			background: #4181FE;
+			width: 96rpx;
+			height: 96rpx;
+			border-radius: 50%;
+			text-align: center;
+			line-height: 96rpx;
+			position: fixed;
+			bottom: 40rpx;
+			right: 40rpx;
+
+			span {
+				font-size: 30px;
+				line-height: 45px;
+				color: #fff;
+			}
 		}
 	}
-	.detail-nav{
-		width: 100%;
-	}
-	.scrollx-wrap{
-		width: 100%;
-		background: #fff;
-	}
-	.add-btn{
-		background: #4181FE;
-		width: 96rpx;
-		height: 96rpx;
-		border-radius: 50%;
-		text-align: center;
-		line-height: 96rpx;
-		position: fixed;
-		bottom: 40rpx;
-		right: 40rpx;
-		span{
-			font-size: 30px;
-			    line-height: 45px;
-			    color: #fff;
-		}
-	}
-}
-</style>
+</style>
\ No newline at end of file
diff --git a/pages/projectEnd/specialOperations/openCircuit/detail.vue b/pages/projectEnd/specialOperations/openCircuit/detail.vue
index 7480957a..58e185b9 100644
--- a/pages/projectEnd/specialOperations/openCircuit/detail.vue
+++ b/pages/projectEnd/specialOperations/openCircuit/detail.vue
@@ -61,21 +61,29 @@
 							</view>
 							<view class="list-info">
 								<text>现场作业环境：</text>
+								<!-- <view class="source-box">
+									<text v-for="(item, index) in detailData.fieldWorkingEnvironment" :key="index"
+										@click="downloadFile(item.url)">{{item.url}}</text>
+								</view> -->
 								<ul>
-									<li class="img-item" v-for="(item, index) in detailData.fieldWorkingEnvironment"
-										:key="index">
-										<image :src="item.url" @click="previewImage(item.url)">
-									</li>
-								</ul>
+										<li class="img-item" v-for="(item, index) in detailData.fieldWorkingEnvironment"
+											:key="index">
+											<image :src="item.url" @click="previewImage(item.url)">
+										</li>
+									</ul>
 							</view>
 							<view class="list-info">
 								<text>安全技术交底：</text>
-								<ul>
-									<li class="img-item" v-for="(item, index) in detailData.safetyAndTechnologyDisclosure"
-										:key="index">
-										<image :src="item.url" @click="previewImage(item.url)">
-									</li>
-								</ul>
+								<view class="source-box">
+									<text v-for="(item, index) in detailData.safetyAndTechnologyDisclosure" :key="index"
+										@click="downloadFile(item.url)">{{item.url}}</text>
+								</view>
+								<!-- <ul>
+										<li class="img-item" v-for="(item, index) in detailData.safetyAndTechnologyDisclosure"
+											:key="index">
+											<image :src="item.url" @click="previewImage(item.url)">
+										</li>
+									</ul> -->
 							</view>
 							<!-- <view class="list-info">
 								作业内容：<text class="detail-data">{{detailData.jobContent}}</text>
@@ -164,6 +172,14 @@
 					</view>
 			</view>
 		</view>
+		<view class="fixed" :class="{show:showIframe}" v-if="show" @click="show=false">
+			<view class="iframeMain" @click.stop="show=true">
+				<video v-if="getType(iframeUrl) == 'video'" class="iframe" :src="iframeUrl"></video>
+				<image v-else-if="getType(iframeUrl) == 'image'" class="iframe" :src="iframeUrl" mode="aspectFit">
+				</image>
+				<iframe v-else class="iframe" ref="iframe" :src="iframeUrl" frameborder="0"></iframe>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -172,7 +188,10 @@
 	import safe from './safe.vue'
 	import side from './side.vue'
 	import workFinally from './workFinally.vue'
-	
+	import {
+		isVideoLink,
+		isImageLink
+	} from '@/utils/tool.js'
 	export default {
 		components:{
 			plan,
@@ -203,7 +222,10 @@
 				detailData:{},
 				isShowBtn: null,
 				userInfo: {},
-				btnAuth: true
+				btnAuth: true,
+				showIframe: false,
+				show: false,
+				iframeUrl: ""
 			}
 		},
 		onReachBottom() {
@@ -237,6 +259,30 @@
 		mounted() {
 		},
 		methods:{
+			getType(url) {
+				if (isImageLink(url)) {
+					return "image"
+				} else if (isVideoLink(url)) {
+					return "video"
+				} else {
+					return ''
+				}
+			},
+			downloadFile(url) {
+				// 下载所有的文件
+				let name = url.substring(url.lastIndexOf('/') + 1);
+				console.log(name, "文件名称");
+				if (isVideoLink(url) || isImageLink(url)) {
+					// 是图片和视频
+					this.show = true;
+					this.showIframe = true;
+					this.iframeUrl = this.url_config + 'image/' + url;
+				} else {
+					window.open(`${this.url_config}image/${url}`)
+				}
+			
+				return;
+			},
 			//预览图片
 			previewImage(url) {
 				uni.previewImage({
@@ -264,9 +310,9 @@
 						if (this.detailData.safetyAndTechnologyDisclosure) {
 							this.detailData.safetyAndTechnologyDisclosure = JSON.parse(this.detailData
 								.safetyAndTechnologyDisclosure)
-							this.detailData.safetyAndTechnologyDisclosure.map(item => {
-								item.url = this.url_config + 'image/' + item.url
-							})
+							// this.detailData.safetyAndTechnologyDisclosure.map(item => {
+							// 	item.url = this.url_config + 'image/' + item.url
+							// })
 						}
 						// let str = '';
 						// if(res.result.chooseTypeDescribeList){
@@ -371,6 +417,34 @@
 </script>
 
 <style lang="scss" scoped>
+	.fixed {
+		position: fixed;
+		z-index: 9999;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		background-color: rgba(0, 0, 0, .3);
+		display: none;
+	
+		&.show {
+			display: initial;
+		}
+	}
+	
+	.iframeMain {
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+		width: 650rpx;
+		font-size: 0;
+	
+		.iframe {
+			width: 100%;
+			height: 500rpx;
+		}
+	}
 .other-safe{
 	background-color: #fff;
 	// margin-top: 50rpx;
@@ -501,7 +575,18 @@
 		// display: flex;
 		// align-items: center;
 	}
+	.list-info {
+		.source-box {
+			display: flex;
+			flex-direction: column;
 	
+			text {
+				color: #8F8FF7;
+				text-decoration: underline;
+				margin-top: 20rpx;
+			}
+		}
+	}
 	.list-info ul {
 		list-style: none;
 		padding: 0;
diff --git a/pages/projectEnd/specialOperations/tempElectricity/detail.vue b/pages/projectEnd/specialOperations/tempElectricity/detail.vue
index df953d3b..a62d2809 100644
--- a/pages/projectEnd/specialOperations/tempElectricity/detail.vue
+++ b/pages/projectEnd/specialOperations/tempElectricity/detail.vue
@@ -80,21 +80,29 @@
 							</view>
 							<view class="list-info">
 								<text>现场作业环境：</text>
+								<!-- <view class="source-box">
+									<text v-for="(item, index) in detailData.fieldWorkingEnvironment" :key="index"
+										@click="downloadFile(item.url)">{{item.url}}</text>
+								</view> -->
 								<ul>
-									<li class="img-item" v-for="(item, index) in detailData.fieldWorkingEnvironment"
-										:key="index">
-										<image :src="item.url" @click="previewImage(item.url)">
-									</li>
-								</ul>
+										<li class="img-item" v-for="(item, index) in detailData.fieldWorkingEnvironment"
+											:key="index">
+											<image :src="item.url" @click="previewImage(item.url)">
+										</li>
+									</ul>
 							</view>
 							<view class="list-info">
 								<text>安全技术交底：</text>
-								<ul>
-									<li class="img-item" v-for="(item, index) in detailData.safetyAndTechnologyDisclosure"
-										:key="index">
-										<image :src="item.url" @click="previewImage(item.url)">
-									</li>
-								</ul>
+								<view class="source-box">
+									<text v-for="(item, index) in detailData.safetyAndTechnologyDisclosure" :key="index"
+										@click="downloadFile(item.url)">{{item.url}}</text>
+								</view>
+								<!-- <ul>
+										<li class="img-item" v-for="(item, index) in detailData.safetyAndTechnologyDisclosure"
+											:key="index">
+											<image :src="item.url" @click="previewImage(item.url)">
+										</li>
+									</ul> -->
 							</view>
 							<!-- <view class="list-info">
 								证书编号：<text class="detail-data">{{detailData.certificateNo}}</text>
@@ -176,6 +184,14 @@
 					</view>
 			</view>
 		</view>
+		<view class="fixed" :class="{show:showIframe}" v-if="show" @click="show=false">
+			<view class="iframeMain" @click.stop="show=true">
+				<video v-if="getType(iframeUrl) == 'video'" class="iframe" :src="iframeUrl"></video>
+				<image v-else-if="getType(iframeUrl) == 'image'" class="iframe" :src="iframeUrl" mode="aspectFit">
+				</image>
+				<iframe v-else class="iframe" ref="iframe" :src="iframeUrl" frameborder="0"></iframe>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -184,7 +200,10 @@
 	import safe from './safe.vue'
 	import side from './side.vue'
 	import workFinally from './workFinally.vue'
-	
+	import {
+		isVideoLink,
+		isImageLink
+	} from '@/utils/tool.js'
 	export default {
 		components:{
 			plan,
@@ -215,7 +234,10 @@
 				detailData:{},
 				isShowBtn: null,
 				userInfo: {},
-				btnAuth: true
+				btnAuth: true,
+				showIframe: false,
+				show: false,
+				iframeUrl: ""
 			}
 		},
 		onReachBottom() {
@@ -249,6 +271,30 @@
 		mounted() {
 		},
 		methods:{
+			getType(url) {
+				if (isImageLink(url)) {
+					return "image"
+				} else if (isVideoLink(url)) {
+					return "video"
+				} else {
+					return ''
+				}
+			},
+			downloadFile(url) {
+				// 下载所有的文件
+				let name = url.substring(url.lastIndexOf('/') + 1);
+				console.log(name, "文件名称");
+				if (isVideoLink(url) || isImageLink(url)) {
+					// 是图片和视频
+					this.show = true;
+					this.showIframe = true;
+					this.iframeUrl = this.url_config + 'image/' + url;
+				} else {
+					window.open(`${this.url_config}image/${url}`)
+				}
+			
+				return;
+			},
 			//预览图片
 			previewImage(url) {
 				uni.previewImage({
@@ -276,9 +322,9 @@
 						if (this.detailData.safetyAndTechnologyDisclosure) {
 							this.detailData.safetyAndTechnologyDisclosure = JSON.parse(this.detailData
 								.safetyAndTechnologyDisclosure)
-							this.detailData.safetyAndTechnologyDisclosure.map(item => {
-								item.url = this.url_config + 'image/' + item.url
-							})
+							// this.detailData.safetyAndTechnologyDisclosure.map(item => {
+							// 	item.url = this.url_config + 'image/' + item.url
+							// })
 						}
 						// let str = '';
 						// if(res.result.chooseTypeDescribeList){
@@ -378,6 +424,34 @@
 </script>
 
 <style lang="scss" scoped>
+	.fixed {
+		position: fixed;
+		z-index: 9999;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		background-color: rgba(0, 0, 0, .3);
+		display: none;
+	
+		&.show {
+			display: initial;
+		}
+	}
+	
+	.iframeMain {
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+		width: 650rpx;
+		font-size: 0;
+	
+		.iframe {
+			width: 100%;
+			height: 500rpx;
+		}
+	}
 .last-row{
 	padding-bottom: 5rpx;
 }
@@ -497,7 +571,18 @@
 		// display: flex;
 		// align-items: center;
 	}
+	.list-info {
+		.source-box {
+			display: flex;
+			flex-direction: column;
 	
+			text {
+				color: #8F8FF7;
+				text-decoration: underline;
+				margin-top: 20rpx;
+			}
+		}
+	}
 	.list-info ul {
 		list-style: none;
 		padding: 0;
diff --git a/utils/tool.js b/utils/tool.js
index 78da9ba9..9ac186a0 100644
--- a/utils/tool.js
+++ b/utils/tool.js
@@ -252,4 +252,15 @@ export function exitApp() {
 	uni.redirectTo({
 		url: '/pages/login/login'
 	})
+}
+export function isVideoLink(url) {
+	const videoExtensions = ['mp4', 'webm', 'ogg', 'mov', 'avi', 'flv', 'wmv'];
+	const extension = url.split('.').pop().toLowerCase();
+	return videoExtensions.includes(extension);
+}
+
+export function isImageLink(url) {
+	// 正则表达式匹配常见的图片文件扩展名
+	const imageExtensionsRegex = /\.(jpg|jpeg|png|gif|webp)$/i;
+	return imageExtensionsRegex.test(url);
 }
\ No newline at end of file