From ac28004c9041f1111d7c4aa021f4433ace1c536c Mon Sep 17 00:00:00 2001
From: limingtao <@ming_tao_li>
Date: Wed, 17 Jul 2024 21:50:34 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E7=82=B9=E6=8E=92=E6=9F=A5=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/detail.vue       | 1373 +++++++++---------
 pages/investigation/task.vue | 2596 ++++++++++++++++------------------
 2 files changed, 1933 insertions(+), 2036 deletions(-)

diff --git a/pages/index/detail.vue b/pages/index/detail.vue
index 1840985..303b650 100644
--- a/pages/index/detail.vue
+++ b/pages/index/detail.vue
@@ -1,678 +1,695 @@
-<template>
-	<view class="detail">
-		<headerNavBar title="智能排查" :isBack="true">
-			<template v-slot:right>
-				<image :src="$.imgurl + '/knowledge.png'" mode="" class="knowledge" @click="goToKnowledge"></image>
-			</template>
-		</headerNavBar>
-		<view class="stepBox">
-			<view class="step" v-for="(item, index) in tablist" :key="index">
-				<view class="stepItem">
-					<view :class="{'stepCircleActive': index <= active, 'stepCircle': index > active}">{{ index + 1 }}
-					</view>
-					<view class="stepText" :style="{'color': index <= active ? '#000000' : '#bcc3cd'}">{{ item.title }}
-					</view>
-				</view>
-				<view v-if="index !== 3" class="circles">
-					<view :class="{'circleActive': index < active, 'circle': index >= active}" v-for="i in 8" :key="i">
-					</view>
-				</view>
-			</view>
-		</view>
-		<scroll-view scroll-y="true" :scroll-top="scrollTop"
-			:style="{height: isExpanded ? 'calc(100% - 440rpx)' : 'calc(100% - 340rpx)'}" class="chatlist"
-			ref="scrollView" @click="clickContent">
-
-			<view :class="['bar', item.answerId == '0' ? 'currAnswer' : '']" v-for="(item,index) in msgList"
-				:key="item.id">
-				<image :src="item.answerId == '0' ? '/static/self.png' : '/static/left_user.png'" class="img" />
-				<view class="content">
-					<zeroMarkdownView :markdown="item.data" />
-					<!-- <ua-markdown :source="mdvalue" /> -->
-					<view class="btnBox">
-						<view class="btn" @click="handleBtn(text)" v-for="(text,index) in item.options">{{text}}</view>
-					</view>
-				</view>
-			</view>
-			<view class="loading-animation" v-if="loading">
-				<view class="bounce-dot"></view>
-				<view class="bounce-dot"></view>
-				<view class="bounce-dot"></view>
-			</view>
-		</scroll-view>
-		<view class="input-wrapper" :class="{ 'input-wrapper-expanded': isExpanded }">
-			<view class="topContent">
-				<input class="uni-input" placeholder="请输入内容" :value="inputValue" @confirm="handleSend"
-					@input="onKeyInput" />
-
-				<uni-icons class="uni-icon" type="plus" size="30" @click="handlePlus"></uni-icons>
-			</view>
-			<view v-if="isExpanded" class="expanded">
-				<view @click="chooseImage" class="expandedItem">
-					<uni-icons class="camera-icon" type="image" size="28"></uni-icons>
-					<view>照片</view>
-				</view>
-				<view class="expandedItem" style="margin-top: 6px;">
-					<image src="../../static/video.png" class="video"></image>
-					<view>视频</view>
-				</view>
-
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-import AbortController from 'abort-controller/dist/abort-controller'  
-
-import headerNavBar from '../../components/headerNavBar/headerNavBar.vue'
-import zeroMarkdownView from '../../components/zeroMarkdownView/zeroMarkdownView.vue'
-	// import {
-	// 	EventSourcePolyfill
-	// } from 'event-source-polyfill';
-	import {
-		fetchEventSource
-	} from '@microsoft/fetch-event-source'
-	// import {
-	// 	baseUrl
-	// } from '../../utils/config.js';
-
-	export default {
-		components: { headerNavBar,zeroMarkdownView },
-		data() {
-			return {
-				active: 0,
-				tablist: [{
-						title: '信息确认'
-					},
-					{
-						title: '排查指引'
-					}, {
-						title: '隐患补充'
-					}, {
-						title: '工单生成'
-					}
-				],
-				inputValue: '',
-				es: null,
-				msgList: [],
-				loading: true,
-				streamLoading: true,
-				scrollTop: 0,
-				title: '',
-				isExpanded: false,
-				sessionId: '',
-				id: '',
-				allContent: '',
-				params: {},
-				tabkey:0,
-
-
-			}
-		},
-		onLoad() {
-			let params = {
-				sessionId:'12121212',
-				id:'12121212',
-				roadName:'金水路与合川路'
-			}
-			this.params = params
-			this.sessionId = params.sessionId
-			this.id = params.id
-			let str = '';
-			if (params.roadName) {
-				str += '路段名：' + params.roadName;
-				this.title = params.roadName + '智能排查';
-			}
-			if (params.id) {
-				str += ',id：' + params.id; //params.id
-			}
-			console.log(params)
-			if (params.id == 12121212) {
-				this.queryChat("开始隐患排查," + str, );
-			} else {
-				this.SSE("开始隐患排查," + str, '1')
-				// if(this.msgListA.length==0){
-				// this.SSE("开始隐患排查," + str, '1')
-				// }else{
-				// this.loading = false
-				// this.scrollBottom();
-				// }
-			}
-
-		},
-		onUnload() {
-			if (this.es) {
-				this.es.close();
-				this.es = null;
-			}
-	},
-	// computed: {
- //    msgListA: {
- //      get() {
- //        return this.$store.state.msgList;
- //      },
- //      set(value) {
- //        this.$store.commit('setMSg_List', value);
- //      }
- //    }
- //  },
-		methods: {
-
-			// 建立SSE长连接
-			SSE(voiceText, answerId) {
-				const ctrl = new AbortController()
-				console.log(ctrl.signal)
-				fetchEventSource('http://219.147.31.25:30001/hitap/chat', {
-					method: 'POST',
-					headers: {
-						'Content-Type': 'application/json',
-						Accept: ['text/event-stream', 'application/json'],
-					},
-					body: JSON.stringify({
-						voiceText,
-						"sceneFlag": "",
-						"sessionId": this.sessionId,
-						"id": this.id,
-						"multiType": "",
-						"userId": "admin1",
-						"deptId": "3702000000",
-						"type": 1,
-						"stream": true,
-					}),
-					signal: ctrl.signal,
-					openWhenHidden: true,
-					onopen:()=> {
-					},
-					onmessage: (ev) => {
-						console.log(ev)
-						this.loading = true
-						const res = JSON.parse(ev.data);
-						if (res?.code == 200 && res.result) {
-							console.log(res.result.data.tabkey);
-							console.log(res.result.data);
-						     this.tabkey = res.result.data.tabkey
-							 if (this.tabkey - 1 != this.active) {
-							 this.active = this.tabkey - 1 > 0 ? this.tabkey - 1 : 0;
-							 }
-							if(this.msgList.length==0){
-							  this.msgList = [{answerId,data:res.result.data.content}]
-							} else{
-								// debugger
-								//回答
-								if(this.msgList[this.msgList.length-1].answerId=='1'){
-									//最后一个是回答
-								this.msgList[this.msgList.length-1].data +=res.result.data.content
-
-								}else{
-					           //最后一个是问题
-								  this.msgList = [...this.msgList,{answerId:'1',data:res.result.data.content}]
-								}
-
-							}
-
-
-						   // debugger
-
-						   this.scrollBottom();
-						}
-
-
-					},
-					onclose: () => {
-						console.log(1111)
-						this.loading = false;
-
-						if (this.isExpanded) {
-							this.isExpanded = !this.isExpanded;
-						}
-					},
-					onerror(error) {
-						console.log("error", error);
-						throw error;
-					},
-				})
-			},
-
-			async queryChat(voiceText) {
-				// console.log(voiceText,"voiceText");
-				this.loading = true;
-				const [err, res] = await uni.request({
-					// url: 'http://10.16.3.159:8777/api/local_doc_qa/local_doc_chat',
-					url:  'http://219.147.31.25:30001/hitap/chat',
-					dataType: 'json',
-					method: 'POST',
-					// responseType: 'arraybuffer',
-					headers: {
-						// 'Accept': 'text/event-stream',
-						'content-type': 'application/json'
-					},
-					data: {
-						voiceText,
-						"sceneFlag": "",
-						"sessionId": this.sessionId,
-						"id": this.id,
-						"multiType": "",
-						"userId": "admin1",
-						"deptId": "3702000000",
-						"type": 1,
-						"stream": false,
-						// "user_id": "zzp",
-						// "kb_ids": ["KBa80ea15e786241eca70a20f136f4e34c"],
-						// "question": "隐患排查流程是什么",
-						// "streaming": true,
-						// "history": []
-					}
-				});
-				if (res && res.data && res.data.code == 200) {
-					// console.log('request success', res.data)
-					const {
-						result = {}
-					} = res.data;
-					const {
-						data = {}
-					} = result;
-					if (data.tabkey - 1 != this.active) {
-						this.active = data.tabkey - 1 > 0 ? data.tabkey - 1 : 0;
-					}
-					if (data.content) {
-						this.changeMsgList(data.answerId || '1', data.content, data.answerOptions);
-					}
-					this.loading = false;
-					if (this.isExpanded) {
-						this.isExpanded = !this.isExpanded;
-					}
-				} else {
-					if (err) {
-						console.log('request fail', err.errMsg);
-					}
-					uni.showToast({
-						title: "查询失败",
-						icon: "error",
-						duration: 2000
-					})
-				}
-			},
-			// 输入框
-			onKeyInput(event) {
-				this.inputValue = event.detail.value
-			},
-			addQuestion(q,answerId) {
-				const newQuestion = {
-				    answerId,
-				    data:q
-				  };
-				this.msgList.push(newQuestion); // 将问题添加到消息列表
-				// this.$store.commit('setMSg_List', this.msgList);
-				this.scrollBottom();
-			},
-			scrollBottom() {
-				this.$nextTick(() => {
-					const height = this.$refs.scrollView && this.$refs.scrollView.$refs && this.$refs
-						.scrollView.$refs.content ? this.$refs.scrollView.$refs.content.scrollHeight : 0;
-					this.scrollTop = height;
-				})
-			},
-			// 发送
-			handleSend(text) {
-				if (!this.inputValue & !text) {
-					uni.showToast({
-						title: "请输入内容",
-						icon: "closeempty",
-						duration: 2000
-					})
-				}
-				if (text || this.inputValue) {
-					if (this.params.id == 12121212) {
-						this.changeMsgList('0', this.inputValue||text);
-						this.queryChat(this.inputValue || text);
-						 this.scrollBottom()
-					} else {
-						this.addQuestion(this.inputValue || text,'0')
-						this.SSE(this.inputValue || text, '0');
-					}
-					this.inputValue = '';
-				}
-
-			},
-			// 更新列表信息
-			changeMsgList(answerId, data,answerOptions) {
-				let id = 1;
-				if (this.msgList.length > 0) {
-					id = this.msgList[this.msgList.length - 1].id + 1;
-				}
-				if (answerId == '1') { // 后台返回来的消息
-					let newdata = '';
-					let index = 0;
-					const timer = setInterval(() => {
-						console.log(this.msgList);
-						newdata = newdata += data[index]
-						if (this.msgList?.filter(item => (item.id == id)).length == 0) {
-							this.msgList = [...this.msgList, {
-								id,
-								answerId,
-								data: newdata,
-								// options: answerOptions // ['东南西北','东北','东南北','东南西北'] answerOptions
-							}];
-						} else {
-							this.msgList[this.msgList.length - 1].data = newdata;
-						}
-						index += 1;
-						this.$nextTick(() => {
-							const height = this.$refs.scrollView && this.$refs.scrollView.$refs && this
-								.$refs.scrollView.$refs.content ? this.$refs.scrollView.$refs.content
-								.scrollHeight : 0;
-							this.scrollTop = height;
-						})
-						if (newdata == data) {
-							 this.msgList[this.msgList.length - 1].options = answerOptions;
-							clearInterval(timer);
-						}
-					}, 50)
-				} else {
-					this.msgList = [...this.msgList, {
-						id,
-						answerId,
-						data,
-					}];
-					this.$nextTick(() => {
-						const height = this.$refs.scrollView && this.$refs.scrollView.$refs && this.$refs
-							.scrollView.$refs.content ? this.$refs.scrollView.$refs.content.scrollHeight : 0;
-						this.scrollTop = height;
-					})
-				}
-			},
-
-			handlePlus() {
-				this.isExpanded = !this.isExpanded;
-			},
-			// 快捷回复
-			handleBtn(text) {
-
-				this.handleSend(text)
-			},
-			clickContent() {
-				if (this.isExpanded) {
-					this.isExpanded = !this.isExpanded;
-				}
-			},
-			goToKnowledge() {
-				uni.navigateTo({
-					url: '/pages/home/knowledge'
-					// url: `/pages/home/knowledge?params=${encodeURIComponent(JSON.stringify(this.$route.query.params))}`
-				})
-			},
-			// 选择图片
-			chooseImage() {
-				uni.chooseImage({
-					count: 6, //默认9
-					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
-					sourceType: ['album'], //从相册选择
-					success: (res) => {
-						if (res.tempFilePaths && res.tempFilePaths.length) {
-							let str = '';
-							for (let i = 0; i < res.tempFilePaths.length; i++) {
-								str += `![图${i + 1}](${res.tempFilePaths[i]})`;
-							}
-
-							if(this.id == 12121212){
-								this.changeMsgList('0', str);
-								this.queryChat(res.tempFilePaths);
-							}else{
-								this.addQuestion(str,'0')
-								this.SSE(res.tempFilePaths, '0');
-							}
-						}
-					}
-				});
-			}
-		}
-	}
-</script>
-
-<style scoped lang="scss">
-	.detail {
-		width: 100%;
-		margin: auto;
-		height: 100vh;
-		overflow: hidden;
-
-		.knowledge {
-			width: 40rpx;
-			height: 40rpx;
-		}
-
-		.stepBox {
-			width: 100%;
-			height: 150rpx;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			background-color: #ffffff;
-
-			.step {
-				display: flex;
-
-				.stepItem {
-					display: flex;
-					flex-direction: column;
-					align-items: center;
-				}
-
-				.circles {
-					display: flex;
-					// justify-content: space-between;
-					padding: 22px 0;
-
-					.circle {
-						width: 4rpx;
-						height: 4rpx;
-						border-radius: 50%;
-						background-color: #e9edf5;
-						margin: 0 1px;
-					}
-
-					.circleActive {
-						width: 4rpx;
-						height: 4rpx;
-						border-radius: 50%;
-						background-color: #ccc;
-						margin: 0 1px;
-					}
-				}
-
-				.stepCircle {
-					width: 60rpx;
-					height: 60rpx;
-					line-height: 60rpx;
-					border-radius: 50%;
-					background-color: #e9edf5;
-					color: #a0abbd;
-					text-align: center;
-					margin-bottom: 10rpx;
-				}
-
-				.stepCircleActive {
-					width: 50rpx;
-					height: 50rpx;
-					line-height: 50rpx;
-					border-radius: 50%;
-					background-color: #295cbc;
-					color: #ffffff;
-					text-align: center;
-					margin-bottom: 4rpx;
-					border: 5px solid #c6d8fc;
-				}
-
-				.stepText {
-					font-size: 16px;
-					color: #bcc3cd;
-				}
-			}
-
-		}
-
-		.chatlist {
-			width: 96%;
-			margin: auto;
-			height: calc(100% - 340rpx);
-			background-color: #f0f2f7;
-
-			.bar {
-				width: 100%;
-				display: flex;
-				margin-bottom: 40rpx;
-				overflow: hidden;
-
-				.btnBox {
-					display: flex;
-					justify-content: flex-end;
-
-					.btn {
-						color: #497cca;
-						background-color: #d8e3f8;
-						display: flex;
-						padding: 2rpx 20rpx;
-						margin: 10rpx;
-						border-radius: 4rpx;
-					}
-				}
-
-				.img {
-					width: 80rpx;
-					height: 80rpx;
-					margin-top: 15rpx;
-				}
-
-				.content {
-					display: inline-block;
-					max-width: 80%;
-					border: 1px solid #ddd;
-					border-radius: 5px;
-					padding: 0;
-					margin: 15rpx 20rpx 0 20rpx;
-					// flex: 1;
-					overflow: hidden;
-					background-color: #ffffff;
-
-					._img {
-						max-width: 80%
-					}
-				}
-
-				&.currAnswer {
-					flex-direction: row-reverse;
-
-					.content {
-						background-color: #cce0ff;
-					}
-				}
-
-			}
-		}
-
-		.input-wrapper {
-			display: flex;
-			width: 100%;
-			margin: 20rpx auto 0 auto;
-			height: 80rpx;
-			flex-direction: column;
-			background-color: #FFFFFF;
-			box-sizing: border-box;
-			border-top: 1px solid #e2e4e9;
-			bottom: 1px solid #e2e4e9;
-			padding: 20rpx 20rpx 0 20rpx;
-
-			.topContent {
-				display: flex;
-				width: 100%;
-			}
-
-			.expanded {
-				background-color: #f5f7fa;
-				display: flex;
-
-				.expandedItem {
-					width: 106rpx;
-					height: 106rpx;
-					display: flex;
-					flex-direction: column;
-					align-items: center;
-					justify-content: space-between;
-
-					.camera-icon {
-						margin-top: 5px
-					}
-				}
-
-				.video {
-					width: 60rpx;
-					height: 60rpx;
-
-				}
-			}
-		}
-
-		.input-wrapper-expanded {
-
-			height: 200rpx;
-		}
-
-		.uni-input {
-			height: 56rpx;
-			line-height: 56rpx;
-			font-size: 30rpx;
-			padding: 0rpx 10rpx;
-			flex: 1;
-			background-color: #fff;
-		}
-
-		.uni-icon {
-			font-family: uniicons;
-			font-size: 48rpx;
-			font-weight: normal;
-			font-style: normal;
-			width: 48rpx;
-			height: 48rpx;
-			line-height: 48rpx;
-			color: #999999;
-			margin: 0 10rpx;
-		}
-
-		.loading-animation {
-			display: flex;
-			justify-content: center;
-			margin-top: 0;
-
-			.bounce-dot {
-				width: 20rpx;
-				height: 20rpx;
-				margin: 10rpx;
-				background-color: #666;
-				border-radius: 50%;
-				animation: bounce 1.4s infinite both;
-
-				&:nth-child(2) {
-					animation-delay: 0.2s;
-				}
-
-				&:nth-child(3) {
-					animation-delay: 0.4s;
-				}
-			}
-		}
-	}
-
-	@keyframes bounce {
-
-		0%,
-		80%,
-		100% {
-			transform: scale(0);
-		}
-
-		40% {
-			transform: scale(1);
-		}
-	}
-</style>
+<template>
+	<view class="detail">
+		<view class="Content BorderBox Width100">
+			<top-title :is-show-left="true" :title="'智能排查'"  :rightWidth="40" class="custom_bg">
+				<template slot="right">
+					<image :src="$.imgurl + '/knowledge.png'" mode="" class="knowledge" @click="goToKnowledge"></image>
+				</template>
+			</top-title>
+		</view>
+		<!-- <headerNavBar title="智能排查" :isBack="true">
+			<template v-slot:right>
+				<image :src="$.imgurl + '/knowledge.png'" mode="" class="knowledge" @click="goToKnowledge"></image>
+			</template>
+		</headerNavBar> -->
+		<view class="stepBox">
+			<view class="step" v-for="(item, index) in tablist" :key="index">
+				<view class="stepItem">
+					<view :class="{'stepCircleActive': index <= active, 'stepCircle': index > active}">{{ index + 1 }}
+					</view>
+					<view class="stepText" :style="{'color': index <= active ? '#000000' : '#bcc3cd'}">{{ item.title }}
+					</view>
+				</view>
+				<view v-if="index !== 3" class="circles">
+					<view :class="{'circleActive': index < active, 'circle': index >= active}" v-for="i in 8" :key="i">
+					</view>
+				</view>
+			</view>
+		</view>
+		<scroll-view scroll-y="true" :scroll-top="scrollTop"
+			:style="{height: isExpanded ? 'calc(100% - 440rpx)' : 'calc(100% - 340rpx)'}" class="chatlist"
+			ref="scrollView" @click="clickContent">
+
+			<view :class="['bar', item.answerId == '0' ? 'currAnswer' : '']" v-for="(item,index) in msgList"
+				:key="item.id">
+				<image :src="item.answerId == '0' ? '/static/self.png' : '/static/left_user.png'" class="img" />
+				<view class="content">
+					<zeroMarkdownView :markdown="item.data" />
+					<!-- <ua-markdown :source="mdvalue" /> -->
+					<view class="btnBox">
+						<view class="btn" @click="handleBtn(text)" v-for="(text,index) in item.options">{{text}}</view>
+					</view>
+				</view>
+			</view>
+			<view class="loading-animation" v-if="loading">
+				<view class="bounce-dot"></view>
+				<view class="bounce-dot"></view>
+				<view class="bounce-dot"></view>
+			</view>
+		</scroll-view>
+		<view class="input-wrapper" :class="{ 'input-wrapper-expanded': isExpanded }">
+			<view class="topContent">
+				<input class="uni-input" placeholder="请输入内容" :value="inputValue" @confirm="handleSend"
+					@input="onKeyInput" />
+
+				<uni-icons class="uni-icon" type="plus" size="30" @click="handlePlus"></uni-icons>
+			</view>
+			<view v-if="isExpanded" class="expanded">
+				<view @click="chooseImage" class="expandedItem">
+					<uni-icons class="camera-icon" type="image" size="28"></uni-icons>
+					<view>照片</view>
+				</view>
+				<view class="expandedItem" style="margin-top: 6px;">
+					<image src="../../static/video.png" class="video"></image>
+					<view>视频</view>
+				</view>
+
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import AbortController from 'abort-controller/dist/abort-controller'
+	import TopTitle from "../../components/top-title.vue";
+	// import headerNavBar from '../../components/headerNavBar/headerNavBar.vue'
+	import zeroMarkdownView from '../../components/zeroMarkdownView/zeroMarkdownView.vue'
+	// import {
+	// 	EventSourcePolyfill
+	// } from 'event-source-polyfill';
+	import $ from '../../common/globalJs/globalJs.js'
+	import {
+		fetchEventSource
+	} from '@microsoft/fetch-event-source'
+	// import {
+	// 	baseUrl
+	// } from '../../utils/config.js';
+
+	export default {
+		components: {
+			TopTitle,
+			zeroMarkdownView
+		},
+		data() {
+			return {
+				active: 0,
+				tablist: [{
+						title: '信息确认'
+					},
+					{
+						title: '排查指引'
+					}, {
+						title: '隐患补充'
+					}, {
+						title: '工单生成'
+					}
+				],
+				inputValue: '',
+				es: null,
+				msgList: [],
+				loading: true,
+				streamLoading: true,
+				scrollTop: 0,
+				title: '',
+				isExpanded: false,
+				sessionId: '',
+				id: '',
+				allContent: '',
+				params: {},
+				tabkey: 0,
+
+
+			}
+		},
+		onLoad() {
+			let params = {
+				sessionId: '12121212',
+				id: '12121212',
+				roadName: '金水路与合川路'
+			}
+			this.params = params
+			this.sessionId = params.sessionId
+			this.id = params.id
+			let str = '';
+			if (params.roadName) {
+				str += '路段名：' + params.roadName;
+				this.title = params.roadName + '智能排查';
+			}
+			if (params.id) {
+				str += ',id：' + params.id; //params.id
+			}
+			console.log(params)
+			if (params.id == 12121212) {
+				this.queryChat("开始隐患排查," + str, );
+			} else {
+				this.SSE("开始隐患排查," + str, '1')
+				// if(this.msgListA.length==0){
+				// this.SSE("开始隐患排查," + str, '1')
+				// }else{
+				// this.loading = false
+				// this.scrollBottom();
+				// }
+			}
+
+		},
+		onUnload() {
+			if (this.es) {
+				this.es.close();
+				this.es = null;
+			}
+		},
+		// computed: {
+		//    msgListA: {
+		//      get() {
+		//        return this.$store.state.msgList;
+		//      },
+		//      set(value) {
+		//        this.$store.commit('setMSg_List', value);
+		//      }
+		//    }
+		//  },
+		methods: {
+
+			// 建立SSE长连接
+			SSE(voiceText, answerId) {
+				const ctrl = new AbortController()
+				console.log(ctrl.signal)
+				fetchEventSource('http://219.147.31.25:30001/hitap/chat', {
+					method: 'POST',
+					headers: {
+						'Content-Type': 'application/json',
+						Accept: ['text/event-stream', 'application/json'],
+					},
+					body: JSON.stringify({
+						voiceText,
+						"sceneFlag": "",
+						"sessionId": this.sessionId,
+						"id": this.id,
+						"multiType": "",
+						"userId": "admin1",
+						"deptId": "3702000000",
+						"type": 1,
+						"stream": true,
+					}),
+					signal: ctrl.signal,
+					openWhenHidden: true,
+					onopen: () => {},
+					onmessage: (ev) => {
+						console.log(ev)
+						this.loading = true
+						const res = JSON.parse(ev.data);
+						if (res?.code == 200 && res.result) {
+							console.log(res.result.data.tabkey);
+							console.log(res.result.data);
+							this.tabkey = res.result.data.tabkey
+							if (this.tabkey - 1 != this.active) {
+								this.active = this.tabkey - 1 > 0 ? this.tabkey - 1 : 0;
+							}
+							if (this.msgList.length == 0) {
+								this.msgList = [{
+									answerId,
+									data: res.result.data.content
+								}]
+							} else {
+								// debugger
+								//回答
+								if (this.msgList[this.msgList.length - 1].answerId == '1') {
+									//最后一个是回答
+									this.msgList[this.msgList.length - 1].data += res.result.data.content
+
+								} else {
+									//最后一个是问题
+									this.msgList = [...this.msgList, {
+										answerId: '1',
+										data: res.result.data.content
+									}]
+								}
+
+							}
+
+
+							// debugger
+
+							this.scrollBottom();
+						}
+
+
+					},
+					onclose: () => {
+						console.log(1111)
+						this.loading = false;
+
+						if (this.isExpanded) {
+							this.isExpanded = !this.isExpanded;
+						}
+					},
+					onerror(error) {
+						console.log("error", error);
+						throw error;
+					},
+				})
+			},
+
+			async queryChat(voiceText) {
+				// console.log(voiceText,"voiceText");
+				this.loading = true;
+				const [err, res] = await uni.request({
+					// url: 'http://10.16.3.159:8777/api/local_doc_qa/local_doc_chat',
+					url: $.chatUrl+'/chat',
+					dataType: 'json',
+					method: 'POST',
+					// responseType: 'arraybuffer',
+					headers: {
+						// 'Accept': 'text/event-stream',
+						'content-type': 'application/json'
+					},
+					data: {
+						voiceText,
+						"sceneFlag": "",
+						"sessionId": this.sessionId,
+						"id": this.id,
+						"multiType": "",
+						"userId": "admin1",
+						"deptId": "3702000000",
+						"type": 1,
+						"stream": false,
+						// "user_id": "zzp",
+						// "kb_ids": ["KBa80ea15e786241eca70a20f136f4e34c"],
+						// "question": "隐患排查流程是什么",
+						// "streaming": true,
+						// "history": []
+					}
+				});
+				if (res && res.data && res.data.code == 200) {
+					// console.log('request success', res.data)
+					const {
+						result = {}
+					} = res.data;
+					const {
+						data = {}
+					} = result;
+					if (data.tabkey - 1 != this.active) {
+						this.active = data.tabkey - 1 > 0 ? data.tabkey - 1 : 0;
+					}
+					if (data.content) {
+						this.changeMsgList(data.answerId || '1', data.content, data.answerOptions);
+					}
+					this.loading = false;
+					if (this.isExpanded) {
+						this.isExpanded = !this.isExpanded;
+					}
+				} else {
+					if (err) {
+						console.log('request fail', err.errMsg);
+					}
+					uni.showToast({
+						title: "查询失败",
+						icon: "error",
+						duration: 2000
+					})
+				}
+			},
+			// 输入框
+			onKeyInput(event) {
+				this.inputValue = event.detail.value
+			},
+			addQuestion(q, answerId) {
+				const newQuestion = {
+					answerId,
+					data: q
+				};
+				this.msgList.push(newQuestion); // 将问题添加到消息列表
+				// this.$store.commit('setMSg_List', this.msgList);
+				this.scrollBottom();
+			},
+			scrollBottom() {
+				this.$nextTick(() => {
+					const height = this.$refs.scrollView && this.$refs.scrollView.$refs && this.$refs
+						.scrollView.$refs.content ? this.$refs.scrollView.$refs.content.scrollHeight : 0;
+					this.scrollTop = height;
+				})
+			},
+			// 发送
+			handleSend(text) {
+				if (!this.inputValue & !text) {
+					uni.showToast({
+						title: "请输入内容",
+						icon: "closeempty",
+						duration: 2000
+					})
+				}
+				if (text || this.inputValue) {
+					if (this.params.id == 12121212) {
+						this.changeMsgList('0', this.inputValue || text);
+						this.queryChat(this.inputValue || text);
+						this.scrollBottom()
+					} else {
+						this.addQuestion(this.inputValue || text, '0')
+						this.SSE(this.inputValue || text, '0');
+					}
+					this.inputValue = '';
+				}
+
+			},
+			// 更新列表信息
+			changeMsgList(answerId, data, answerOptions) {
+				let id = 1;
+				if (this.msgList.length > 0) {
+					id = this.msgList[this.msgList.length - 1].id + 1;
+				}
+				if (answerId == '1') { // 后台返回来的消息
+					let newdata = '';
+					let index = 0;
+					const timer = setInterval(() => {
+						console.log(this.msgList);
+						newdata = newdata += data[index]
+						if (this.msgList?.filter(item => (item.id == id)).length == 0) {
+							this.msgList = [...this.msgList, {
+								id,
+								answerId,
+								data: newdata,
+								// options: answerOptions // ['东南西北','东北','东南北','东南西北'] answerOptions
+							}];
+						} else {
+							this.msgList[this.msgList.length - 1].data = newdata;
+						}
+						index += 1;
+						this.$nextTick(() => {
+							const height = this.$refs.scrollView && this.$refs.scrollView.$refs && this
+								.$refs.scrollView.$refs.content ? this.$refs.scrollView.$refs.content
+								.scrollHeight : 0;
+							this.scrollTop = height;
+						})
+						if (newdata == data) {
+							this.msgList[this.msgList.length - 1].options = answerOptions;
+							clearInterval(timer);
+						}
+					}, 50)
+				} else {
+					this.msgList = [...this.msgList, {
+						id,
+						answerId,
+						data,
+					}];
+					this.$nextTick(() => {
+						const height = this.$refs.scrollView && this.$refs.scrollView.$refs && this.$refs
+							.scrollView.$refs.content ? this.$refs.scrollView.$refs.content.scrollHeight : 0;
+						this.scrollTop = height;
+					})
+				}
+			},
+
+			handlePlus() {
+				this.isExpanded = !this.isExpanded;
+			},
+			// 快捷回复
+			handleBtn(text) {
+
+				this.handleSend(text)
+			},
+			clickContent() {
+				if (this.isExpanded) {
+					this.isExpanded = !this.isExpanded;
+				}
+			},
+			goToKnowledge() {
+				uni.navigateTo({
+					url: '/pages/home/knowledge'
+					// url: `/pages/home/knowledge?params=${encodeURIComponent(JSON.stringify(this.$route.query.params))}`
+				})
+			},
+			// 选择图片
+			chooseImage() {
+				uni.chooseImage({
+					count: 6, //默认9
+					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
+					sourceType: ['album'], //从相册选择
+					success: (res) => {
+						if (res.tempFilePaths && res.tempFilePaths.length) {
+							let str = '';
+							for (let i = 0; i < res.tempFilePaths.length; i++) {
+								str += `![图${i + 1}](${res.tempFilePaths[i]})`;
+							}
+
+							if (this.id == 12121212) {
+								this.changeMsgList('0', str);
+								this.queryChat(res.tempFilePaths);
+							} else {
+								this.addQuestion(str, '0')
+								this.SSE(res.tempFilePaths, '0');
+							}
+						}
+					}
+				});
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.detail {
+		width: 100%;
+		margin: auto;
+		height: 100vh;
+		overflow: hidden;
+
+		.knowledge {
+			width: 40rpx;
+			height: 40rpx;
+		}
+
+		.stepBox {
+			width: 100%;
+			// height: 150rpx;
+			 padding-top: 110rpx ;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			background-color: #ffffff;
+
+			.step {
+				display: flex;
+
+				.stepItem {
+					display: flex;
+					flex-direction: column;
+					align-items: center;
+				}
+
+				.circles {
+					display: flex;
+					// justify-content: space-between;
+					padding: 22px 0;
+
+					.circle {
+						width: 4rpx;
+						height: 4rpx;
+						border-radius: 50%;
+						background-color: #e9edf5;
+						margin: 0 1px;
+					}
+
+					.circleActive {
+						width: 4rpx;
+						height: 4rpx;
+						border-radius: 50%;
+						background-color: #ccc;
+						margin: 0 1px;
+					}
+				}
+
+				.stepCircle {
+					width: 60rpx;
+					height: 60rpx;
+					line-height: 60rpx;
+					border-radius: 50%;
+					background-color: #e9edf5;
+					color: #a0abbd;
+					text-align: center;
+					margin-bottom: 10rpx;
+				}
+
+				.stepCircleActive {
+					width: 50rpx;
+					height: 50rpx;
+					line-height: 50rpx;
+					border-radius: 50%;
+					background-color: #295cbc;
+					color: #ffffff;
+					text-align: center;
+					margin-bottom: 4rpx;
+					border: 5px solid #c6d8fc;
+				}
+
+				.stepText {
+					font-size: 16px;
+					color: #bcc3cd;
+				}
+			}
+
+		}
+
+		.chatlist {
+			width: 96%;
+			margin: auto;
+			height: calc(100% - 340rpx);
+			background-color: #f0f2f7;
+
+			.bar {
+				width: 100%;
+				display: flex;
+				margin-bottom: 40rpx;
+				overflow: hidden;
+
+				.btnBox {
+					display: flex;
+					justify-content: flex-end;
+
+					.btn {
+						color: #497cca;
+						background-color: #d8e3f8;
+						display: flex;
+						padding: 2rpx 20rpx;
+						margin: 10rpx;
+						border-radius: 4rpx;
+					}
+				}
+
+				.img {
+					width: 80rpx;
+					height: 80rpx;
+					margin-top: 15rpx;
+				}
+
+				.content {
+					display: inline-block;
+					max-width: 80%;
+					border: 1px solid #ddd;
+					border-radius: 5px;
+					padding: 0;
+					margin: 15rpx 20rpx 0 20rpx;
+					// flex: 1;
+					overflow: hidden;
+					background-color: #ffffff;
+
+					._img {
+						max-width: 80%
+					}
+				}
+
+				&.currAnswer {
+					flex-direction: row-reverse;
+
+					.content {
+						background-color: #cce0ff;
+					}
+				}
+
+			}
+		}
+
+		.input-wrapper {
+			display: flex;
+			width: 100%;
+			margin: 20rpx auto 0 auto;
+			height: 80rpx;
+			flex-direction: column;
+			background-color: #FFFFFF;
+			box-sizing: border-box;
+			border-top: 1px solid #e2e4e9;
+			bottom: 1px solid #e2e4e9;
+			padding: 20rpx 20rpx 0 20rpx;
+
+			.topContent {
+				display: flex;
+				width: 100%;
+			}
+
+			.expanded {
+				background-color: #f5f7fa;
+				display: flex;
+
+				.expandedItem {
+					width: 106rpx;
+					height: 106rpx;
+					display: flex;
+					flex-direction: column;
+					align-items: center;
+					justify-content: space-between;
+
+					.camera-icon {
+						margin-top: 5px
+					}
+				}
+
+				.video {
+					width: 60rpx;
+					height: 60rpx;
+
+				}
+			}
+		}
+
+		.input-wrapper-expanded {
+
+			height: 200rpx;
+		}
+
+		.uni-input {
+			height: 56rpx;
+			line-height: 56rpx;
+			font-size: 30rpx;
+			padding: 0rpx 10rpx;
+			flex: 1;
+			background-color: #fff;
+		}
+
+		.uni-icon {
+			font-family: uniicons;
+			font-size: 48rpx;
+			font-weight: normal;
+			font-style: normal;
+			width: 48rpx;
+			height: 48rpx;
+			line-height: 48rpx;
+			color: #999999;
+			margin: 0 10rpx;
+		}
+
+		.loading-animation {
+			display: flex;
+			justify-content: center;
+			margin-top: 0;
+
+			.bounce-dot {
+				width: 20rpx;
+				height: 20rpx;
+				margin: 10rpx;
+				background-color: #666;
+				border-radius: 50%;
+				animation: bounce 1.4s infinite both;
+
+				&:nth-child(2) {
+					animation-delay: 0.2s;
+				}
+
+				&:nth-child(3) {
+					animation-delay: 0.4s;
+				}
+			}
+		}
+	}
+
+	@keyframes bounce {
+
+		0%,
+		80%,
+		100% {
+			transform: scale(0);
+		}
+
+		40% {
+			transform: scale(1);
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/investigation/task.vue b/pages/investigation/task.vue
index 4de9cab..12cbd5b 100644
--- a/pages/investigation/task.vue
+++ b/pages/investigation/task.vue
@@ -1,1361 +1,1241 @@
-<template>
-  <view id="page">
-    <view class="Width100 Box BorderBox">
-      <view class="Content BorderBox Width100">
-        <top-title
-          :is-show-left="true"
-          :title="'排查'"
-          :rightWidth="40"
-          class="custom_bg"
-        >
-          <template slot="right">
-            <image
-              :src="$.imgSrc + '/mine/search.png'"
-              @click="$.open('/pages/mine/setting')"
-              mode="aspectFit"
-              class="InlineBlock imgIcon"
-              style="width: 32rpx"
-            ></image>
-          </template>
-        </top-title>
-      </view>
-      <view class="stepBox">
-        <view
-          class="step-item-box step PositionR"
-          v-for="(item, index) in tablist"
-          :key="index"
-        >
-          <view class="step-item" v-if="item.type === 'item'">
-            <view class="stepItem">
-              <view
-                :class="{
-                  stepCircleActive: item.i === active,
-                  stepCircle: true,
-                }"
-              >
-                {{ item.i }}
-              </view>
-              <view
-                class="stepText PositionA"
-                :style="{ color: item.i === active ? '#000000' : '#bcc3cd' }"
-              >
-                {{ item.title }}
-              </view>
-            </view>
-          </view>
-          <view v-else class="circles">
-            <view
-              :class="{ circleActive: index < active, circle: index >= active }"
-              v-for="i in 16"
-              :key="i"
-            />
-          </view>
-        </view>
-      </view>
-      <view class="formBox" v-if="active === 1">
-        <uni-forms :modelValue="formData" border>
-          <uni-forms-item label="道路类型">
-            <input
-              v-if="isEdit"
-              type="text"
-              class="BorderNone Height100"
-              v-model="formData.roadType"
-              placeholder="请输入道路类型"
-            />
-            <text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{
-              formData.roadType
-            }}</text>
-          </uni-forms-item>
-          <uni-forms-item label="道路宽度">
-            <input
-              v-if="isEdit"
-              type="number"
-              class="BorderNone Height100"
-              v-model="formData.roadWidth"
-              placeholder="请输入道路宽度"
-            />
-            <text class="Height100 Flex Flex_end Flex_C_S-Center" v-else
-              >{{ formData.roadWidth }}米</text
-            >
-          </uni-forms-item>
-          <uni-forms-item label="车辆数">
-            <input
-              v-if="isEdit"
-              type="number"
-              class="BorderNone Height100"
-              v-model="formData.laneCount"
-              placeholder="请输入车辆数"
-            />
-            <text class="Height100 Flex Flex_end Flex_C_S-Center" v-else
-              >{{ formData.laneCount }}车道</text
-            >
-          </uni-forms-item>
-          <uni-forms-item label="路面结构">
-            <input
-              v-if="isEdit"
-              type="text"
-              class="BorderNone Height100"
-              v-model="formData.roadStructure"
-              placeholder="请输入路面结构"
-            />
-            <text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{
-              formData.roadStructure
-            }}</text>
-          </uni-forms-item>
-          <uni-forms-item label="路侧防护">
-            <input
-              v-if="isEdit"
-              type="text"
-              class="BorderNone Height100"
-              v-model="formData.sideProtec"
-              placeholder="请输入路侧防护"
-            />
-            <text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{
-              formData.sideProtec
-            }}</text>
-          </uni-forms-item>
-          <uni-forms-item label="中央隔离">
-            <input
-              v-if="isEdit"
-              type="text"
-              class="BorderNone Height100"
-              v-model="formData.centerSeparate"
-              placeholder="请输入中央隔离"
-            />
-            <text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{
-              formData.centerSeparate
-            }}</text>
-          </uni-forms-item>
-          <uni-forms-item label="设计时速">
-            <input
-              v-if="isEdit"
-              type="number"
-              class="BorderNone Height100"
-              v-model="formData.designSpeed"
-              placeholder="请输入设计时速"
-            />
-            <text class="Height100 Flex Flex_end Flex_C_S-Center" v-else
-              >{{ formData.designSpeed }}Km/h</text
-            >
-          </uni-forms-item>
-          <uni-forms-item label="限速">
-            <input
-              v-if="isEdit"
-              type="number"
-              class="BorderNone Height100"
-              v-model="formData.limitSpeed"
-              placeholder="请输入限速"
-            />
-            <text class="Height100 Flex Flex_C_S-Center Flex_end" v-else
-              >{{ formData.limitSpeed }}Km/h</text
-            >
-          </uni-forms-item>
-        </uni-forms>
-        <view class="photo">
-          <image src="/static/base.jpg" mode="widthFix"></image>
-        </view>
-      </view>
-      <view class="echarts" v-if="active === 2">
-        <qiun-data-charts type="area" :opts="opts" :chartData="chartData" />
-      </view>
-      <view class="formBox form-step-2" v-if="active === 2">
-        <uni-forms :modelValue="formData" border label-width="120">
-          <uni-forms-item label="最大流量">
-            <input
-              v-if="isEditStep2"
-              type="number"
-              class="BorderNone Height100"
-              v-model="formData.maxTraffic"
-              placeholder="请输入最大流量"
-            />
-            <text class="Height100 Flex Flex_end Flex_C_S-Center" v-else
-              >{{ formData.maxTraffic }}辆</text
-            >
-          </uni-forms-item>
-          <uni-forms-item label="高峰流量">
-            <input
-              v-if="isEditStep2"
-              type="number"
-              class="BorderNone Height100"
-              v-model="formData.peakTraffic"
-              placeholder="请输入高峰流量"
-            />
-            <text class="Height100 Flex Flex_end Flex_C_S-Center" v-else
-              >{{ formData.peakTraffic }}辆</text
-            >
-          </uni-forms-item>
-          <uni-forms-item label="高峰时段">
-            <input
-              v-if="isEditStep2"
-              type="number"
-              class="BorderNone Height100"
-              v-model="formData.peakHours"
-              placeholder="请输入高峰时段"
-            />
-            <text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{
-              formData.peakHours
-            }}</text>
-          </uni-forms-item>
-          <uni-forms-item label="平峰流量">
-            <input
-              v-if="isEditStep2"
-              type="number"
-              class="BorderNone Height100"
-              v-model="formData.normalTraffic"
-              placeholder="请输入平峰流量"
-            />
-            <text class="Height100 Flex Flex_end Flex_C_S-Center" v-else
-              >{{ formData.normalTraffic }}辆</text
-            >
-          </uni-forms-item>
-          <uni-forms-item label="大车占比">
-            <input
-              v-if="isEditStep2"
-              type="number"
-              class="BorderNone Height100"
-              v-model="formData.largeVehicleRate"
-              placeholder="请输入大车占比"
-            />
-            <text class="Height100 Flex Flex_end Flex_C_S-Center" v-else
-              >{{ formData.largeVehicleRate }}%</text
-            >
-          </uni-forms-item>
-          <uni-forms-item label="非机动车流量">
-            <input
-              v-if="isEditStep2"
-              type="number"
-              class="BorderNone Height100"
-              v-model="formData.nonvehicleTraffic"
-              placeholder="请输入非机动车流量"
-            />
-            <text class="Height100 Flex Flex_end Flex_C_S-Center" v-else
-              >{{ formData.nonvehicleTraffic }}辆</text
-            >
-          </uni-forms-item>
-        </uni-forms>
-      </view>
-      <view class="formBox form-step-3" v-if="active === 3">
-        <view class="point">
-          <view class="title">重点排查</view>
-          <u-row :gutter="10" justify="flex-start" style="flex-wrap: wrap">
-            <u-col
-              :span="6"
-              v-for="item in investigationSelectList"
-              :key="item"
-              @click="showInvestigationTag(item)"
-            >
-              <view class="item">{{ item.name }}</view>
-            </u-col>
-            <u-col :span="6">
-              <view class="item add" @click="showInvestigation = true">
-                <uni-icons
-                  type="plusempty"
-                  size="24"
-                  style="margin-right: 10rpx; color: #2663bf"
-                />
-                新增排查
-              </view>
-            </u-col>
-          </u-row>
-        </view>
-        <u-popup :show="showInvestigation" @close="showInvestigation = false">
-          <InvestigationItem @select="select2"></InvestigationItem>
-        </u-popup>
-        <u-popup :show="showInvestigation2" @close="showInvestigation2 = false">
-          <InvestigationItem2
-            :json="showInvestigation2Item"
-            @show="showInvestigation2 = false"
-            @select="select3"
-          ></InvestigationItem2>
-        </u-popup>
-        <!-- <u-popup :show="showInvestigation" @close="showInvestigation = false">
-          <view class="custom-pop-head">
-            <view class="left" @click="showInvestigation = false">取消</view>
-            <view class="title">重点排查</view>
-            <view class="right" @click="investigationHandle1">确认</view>
-          </view>
-          <view  class="investigation-item"
-                 :class="investigationSelect === index ? 'active' : ''"
-                 v-for="(item, index) in investigationList"
-                 :key="item.name"
-                 @click="investigationSelect = index"
-          >
-            <text>{{ item.name }}</text>
-            <uni-icons type="checkmarkempty" size="24" :style="{color: '#2663BF', visibility: investigationSelect === index ? 'visible' : 'hidden'}"/>
-          </view>
-          <view class="blank" />
-        </u-popup> -->
-        <u-popup
-          :show="showInvestigationDetail"
-          @close="showInvestigationDetail = false"
-        >
-          <view class="custom-pop-head">
-            <view class="left" @click="showInvestigationDetail = false"
-              >取消</view
-            >
-            <view class="title">{{ investigationDetailTitle }}</view>
-            <view class="right" @click="investigationDetailHandle">确认</view>
-          </view>
-          <view
-            class="investigation-item"
-            v-for="(item, index) in investigationDetailList"
-            :key="index"
-            style="width: 96%; padding: 0"
-          >
-            <view class="detail-item" v-if="item.type === 'number'">
-              <uni-forms-item
-                label="平峰流量"
-                label-width="100px"
-                style="display: flex; align-items: center"
-              >
-                <u-input
-                  placeholder="请输入"
-                  border="none"
-                  v-model="formData.roadMet"
-                  inputAlign="right"
-                  type="number"
-                >
-                  <u-text
-                    text="km/h"
-                    slot="suffix"
-                    margin="0 3px 0 0"
-                    type="tips"
-                  ></u-text>
-                </u-input>
-              </uni-forms-item>
-            </view>
-            <view class="detail-item" v-else-if="item.type === 'text'">
-              <uni-forms-item
-                label="平峰流量"
-                label-width="100px"
-                style="display: flex; align-items: center"
-              >
-                <u-input
-                  placeholder="请输入"
-                  border="none"
-                  v-model="formData.roadMet"
-                  inputAlign="right"
-                />
-              </uni-forms-item>
-            </view>
-            <view class="detail-item" v-else-if="item.type === 'check'">
-              <uni-forms-item
-                label="平峰流量"
-                label-width="100px"
-                style="display: flex; align-items: center"
-              >
-                <u-checkbox
-                  v-model="formData.roadMet"
-                  :customStyle="{ justifyContent: 'space-between' }"
-                  :name="'sdfs'"
-                />
-              </uni-forms-item>
-            </view>
-            <view class="detail-item" v-else-if="item.type === 'upload'">
-              <uni-forms-item
-                label="平峰流量"
-                label-position="top"
-                label-width="100px"
-                style="display: flex; align-items: center"
-              />
-              <u-upload
-                :fileList="fileList1"
-                @afterRead="afterRead"
-                @delete="deletePic"
-                name="1"
-                multiple
-                :maxCount="10"
-              ></u-upload>
-            </view>
-          </view>
-          <view class="blank" />
-        </u-popup>
-      </view>
-      <view class="formBox form-step-3" v-if="active === 3">
-        <view class="point">
-          <view class="title">存在隐患</view>
-          <u-row :gutter="0" justify="flex-start" style="flex-wrap: wrap">
-            <view
-              v-for="(item,index) in hiddenDangerList"
-              :key="item"
-              style="width: 100%"
-            >
-              <view class="problem-item">
-                <view style="display: flex; justify-content: space-between">
-                  <view style="width: 80%">
-                    {{ item.dangerProblem }}
-                  </view>
-                  <view>
-                    <view class="check" @click="onHiddenDangerList(item,index)">
-                      <image
-                        style="width: 10px; height: 16px"
-                        src="../../static/scimg/right6.png"
-                      ></image>
-                      <!-- <uni-icons
-                        type="right"
-                        size="24"
-                        style="color: #2663bf"
-                      /> -->
-                    </view>
-                  </view>
-                </view>
-                <!-- <view class="text">{{ item.hdTerm }}</view> -->
-                <view class="text">{{ item.hdDesc }}</view>
-              </view>
-            </view>
-            <u-col :span="12">
-              <view class="problem-item add" @click="add">
-                <uni-icons
-                  type="plusempty"
-                  size="24"
-                  style="margin-right: 10rpx; color: #2663bf"
-                />
-                新增隐患
-              </view>
-            </u-col>
-          </u-row>
-        </view>
-        <u-popup :show="showProblem" @close="showProblem = false">
-          <view class="custom-pop-head">
-            <view
-              class="left"
-              @click="
-                showProblem = false;
-                hiddenDangerList2 = [];
-                describe.hdDesc = '';
-                describe.hdInfo = '';
-              "
-              >取消</view
-            >
-            <view class="title">存在隐患</view>
-            <view class="right" @click="investigationHandle2">确认</view>
-          </view>
-          <view class="problem-box">
-            <view class="detail-item" @click="addFL">
-              <uni-forms-item
-                label="隐患问题"
-                label-position="top"
-                label-width="100px"
-                style="display: flex; align-items: center"
-              />
-              <view v-if="hiddenDangerList2.length > 0"
-                >{{ hiddenDangerList2[0].itemname }}/{{
-                  hiddenDangerList2[1].itemname
-                }}/{{ hiddenDangerList2[2].itemname }}</view
-              >
-
-              <!-- <u-input
-                  placeholder="请选择"
-                  border="none"
-                  type="textarea"
-                  v-else
-                  /> -->
-              <view v-else-if="dangerProblem">{{
-                dangerProblem
-              }}</view>
-              <view v-else>请选择</view>
-              <!--  -->
-            </view>
-            <view class="detail-item">
-              <uni-forms-item
-                label="隐患描述"
-                label-position="top"
-                label-width="200px"
-              />
-              <u-textarea
-                placeholder="请输入"
-                border="none"
-                v-model="describe.hdDesc"
-              />
-            </view>
-            <view class="detail-item">
-              <uni-forms-item
-                label="隐患图片"
-                label-position="top"
-                label-width="200px"
-              />
-			 
-              <u-upload
-                :fileList="fileList"
-                @afterRead="(e) => afterRead(e, 'fileList')"
-                @delete="(e) => deletePic(e, 'fileList')"
-                name="1"
-                :maxCount="1"
-              ></u-upload>
-            </view>
-            <view class="detail-item">
-              <uni-forms-item
-                label="需采集补充信息"
-                label-position="top"
-                label-width="200px"
-              />
-              <u-textarea
-                placeholder="请输入"
-                border="none"
-                v-model="describe.hdInfo"
-              />
-            </view>
-          </view>
-          <view class="blank" />
-        </u-popup>
-
-        <u-popup
-          :show="showProblemTreeSelect"
-          @close="showProblemTreeSelect = false"
-          height="70vh"
-        >
-          <view class="custom-pop-head">
-            <view
-              class="left"
-              @click="
-                showProblemTreeSelect = false;
-                showProblem = true;
-              "
-              >取消</view
-            >
-            <view class="title">选择隐患</view>
-            <view class="right" @click="showProblemTreeSelectHandle">确认</view>
-          </view>
-          <ProblemTreeItem
-            :hiddenDangerList2="hiddenDangerList2"
-            @select="select"
-          ></ProblemTreeItem>
-        </u-popup>
-      </view>
-      <view class="blank" />
-    </view>
-    <bottom-button-two
-      v-if="active === 1"
-      @cancel="isEdit = !isEdit"
-      :cancelText="'更改'"
-      @confirm="
-        isEdit = false;
-        active = 2;
-      "
-    />
-    <bottom-button
-      v-else-if="active === 2"
-      :secondText="'更改'"
-      @second="isEditStep2 = !isEditStep2"
-      @first="active = 1"
-      @last="active = 3"
-    />
-    <bottom-button
-      v-else-if="active === 3"
-      :secondText="'暂存'"
-      @first="active = 2"
-      @second="submit(false)"
-      @last="submit(true)"
-    />
-  </view>
-</template>
-
-<script>
-import BottomButton from "../../components/bottom-button/three.vue";
-import BottomButtonTwo from "../../components/bottom-button/index.vue";
-import NoData from "../../components/no-data.vue";
-import TopTitle from "../../components/top-title.vue";
-
-import InvestigationItem from "./components/investigation-item.vue";
-import InvestigationItem2 from "./components/investigation-item2.vue";
-import ProblemTreeItem from "./components/problem-tree-item.vue";
-import ProblemBox from "./components/problem-box.vue";
-export default {
-  components: {
-    TopTitle,
-    NoData,
-    BottomButton,
-    BottomButtonTwo,
-
-    InvestigationItem,
-    InvestigationItem2,
-    ProblemTreeItem,
-    ProblemBox,
-  },
-  onReady() {
-    this.getChartsData();
-  },
-  onLoad(e) {
-    if (e.id) {
-      this.businessId = e.id;
-      this.getBaseData(e.id);
-    }
-  },
-  data() {
-    return {
-      businessId: "",
-      $: this.$,
-      fileList1: [],
-      fileList: [],
-      showInvestigation: false,
-      showInvestigation2: false,
-      showInvestigation2Item: {},
-      investigationSelectList: [],
-      investigationSelectIDList: [],
-      investigationList: [
-        {
-          name: "基本信息基本信息基本信息基本信息基本信息基本信息基本信息基本信息基本信息基本信息基本信息基本信息",
-          value: 1,
-        },
-        { name: "xxxxx", value: 2 },
-      ],
-      investigationSelect: 1,
-      showInvestigationDetail: false,
-      investigationDetailList: [
-        { type: "check", value: "" },
-        { type: "text", value: "" },
-        { type: "number", value: "" },
-        { type: "upload", value: "" },
-      ],
-      investigationDetailTitle: "title",
-      isEdit: false,
-      isEditStep2: false,
-      active: 1,
-      tablist: [
-        { title: "基本信息", type: "item", i: 1 },
-        { title: "基本信息", type: "point" },
-        { title: "统计信息", type: "item", i: 2 },
-        { title: "统计信息", type: "point" },
-        { title: "隐患排查", type: "item", i: 3 },
-      ],
-      formData: {
-        roadType: "",
-        roadWidth: 0,
-        laneCount: 0,
-        roadStructure: "",
-        sideProtec: "",
-        centerSeparate: "",
-        designSpeed: 0,
-        limitSpeed: 0,
-      },
-      describe: {
-        bigCategory: "",
-        smallCategory: "",
-        hdTerm: "",
-        hdDesc: "",
-        hdPic: "",
-        hdInfo: "",
-      },
-      chartData: {},
-      //您可以通过修改 config-ucharts.js 文件中下标为 ['area'] 的节点来配置全局默认参数，如都是默认参数，此处可以不传 opts 。实际应用过程中 opts 只需传入与全局默认参数中不一致的【某一个属性】即可实现同类型的图表显示不同的样式，达到页面简洁的需求。
-      opts: {
-        color: [
-          "#1890FF",
-          "#FAC858",
-          "#91CB74",
-          "#EE6666",
-          "#73C0DE",
-          "#3CA272",
-          "#FC8452",
-          "#9A60B4",
-          "#ea7ccc",
-        ],
-        padding: [15, 15, 15, 15],
-        enableScroll: false,
-        legend: {
-          icon: "rect",
-          position: "top",
-          float: "right",
-          padding: 15,
-        },
-        xAxis: {
-          disableGrid: true,
-        },
-        yAxis: {
-          gridType: "dash",
-          dashLength: 2,
-        },
-        extra: {
-          area: {
-            type: "straight",
-            opacity: 0.2,
-            addLine: true,
-            width: 2,
-            gradient: true,
-            activeType: "hollow",
-          },
-        },
-      },
-      showProblem: false,
-      showProblemTreeSelect: false,
-      problemTreeSelect: 0,
-      problemTreeSelectList: [
-        { name: "ashfjshfjsd1" },
-        { name: "ashfjshfjsd2" },
-        { name: "ashfjshfjs3d" },
-        { name: "ashfjshfjsd4" },
-        { name: "ashfjshfjsd5" },
-        { name: "ashfjshfjsd6" },
-        { name: "ashfjshfjsd8" },
-        { name: "ashfjshfjsd7" },
-      ],
-      problemTreeSelectConfirmList: [],
-      hiddenDangerList: [],
-      hiddenDangerList2: [],
-      hiddenDangerList3: [],
-      dangerProblem: "",
-	  //隐患新增或者编辑判断标识
-	  addInvestigationInfo:{
-		  type:'',
-		  index:0
-	  }
-    };
-  },
-  methods: {
-    showInvestigationTag(v) {
-		console.log(v)
-      this.showInvestigation2 = true;
-      this.showInvestigation2Item = v;
-    },
-    select2(v, list) {
-      this.showInvestigation = false;
-      let id = 0;
-      this.investigationSelectList.map((r) => {
-        if (r.nid == v.nid) {
-          id = r.nid;
-        }
-      });
-      if (!id) {
-        v.extraConfigs = list;
-        this.investigationSelectList.push(v);
-        this.showInvestigation = false;
-      } else {
-        this.$.toast("已添加");
-      }
-    },
-    select3(v) {
-      this.investigationSelectList.map((r) => {
-        if (r.nid == v.nid) {
-          r = v;
-        }
-      });
-      this.showInvestigation2Item = {};
-      this.showInvestigation2 = false;
-    },
-    onHiddenDangerList(v,index) {
-	   this.addInvestigationInfo={
-		   type:'edit',
-		   index:index
-	   }
-      this.showProblem = true;
-      this.dangerProblem = v.dangerProblem;
-      this.describe = {
-        bigCategory: v.bigCategory,
-        smallCategory: v.smallCategory,
-        hdTerm: v.hdTerm,
-        hdDesc: v.hdDesc,
-        hdPic: v.hdPic,
-        hdInfo: v.hdInfo,
-      };
-	  console.log(v)
-	  let newArr=[]
-	  try{
-	  	newArr= v.dangerProblem.split('/')
-	  }catch(e){
-	  	newArr=['','','']
-	  }
-	  this.hiddenDangerList2=[{id:v.bigCategory,itemname:newArr[0]},
-	  {id:v.smallCategory,itemname:newArr[1]},
-	  {id:v.hdTerm,itemname:newArr[2]}]
-      // console.log(this.hiddenDangerList2)
-      this.fileList = [{url:v.hdPic}];
-    },
-    add() {
-	  // this.addInvestigationInfo.type='add'
-	  this.$set(this.addInvestigationInfo,'type','add')
-      this.showProblem = true;
-      this.hiddenDangerList2 = [];
-      this.dangerProblem = '';
-      this.describe = {
-        bigCategory: "",
-        smallCategory: "",
-        hdTerm: "",
-        hdDesc: "",
-        hdPic: "",
-        hdInfo: "",
-      };
-      this.fileList = [];
-    },
-    addFL() {
-      this.showProblemTreeSelect = true;
-      this.showProblem = false;
-      // this.describe = {
-      //   bigCategory: "",
-      //   smallCategory: "",
-      //   hdTerm: "",
-      //   hdDesc: "",
-      //   hdPic: "",
-      //   hdInfo: "",
-      // };
-      // this.fileList = [];
-    },
-    getBaseData(businessId) {
-      this.$request
-        .globalRequest(
-          "/hiddenDanger/highDanger/getSectionInfo",
-          { nuserid: this.$.getData("token"), businessId },
-          "GET"
-        )
-        .then((res) => {
-          if (res.code === 200) {
-            this.formData = { ...this.formData, ...res.result };
-          }
-        });
-      this.$request
-        .globalRequest(
-          "/hiddenDanger/highDanger/getSectionTraffic",
-          { nuserid: this.$.getData("token"), businessId },
-          "GET"
-        )
-        .then((res) => {
-          if (res.code === 200) {
-            // todo 无数据结构
-            this.formData = { ...this.formData, ...res.result };
-          }
-        });
-      this.$request
-        .globalRequest(
-          "/hiddenDanger/highDanger/getImportDangerDisplay",
-          { sid: "02", businessId },
-          "GET"
-        )
-        .then((res) => {
-          if (res.code === 200) {
-            // todo 无数据结构
-            this.investigationSelectList = res.result;
-            this.$request
-              .globalRequest(
-                "/hiddenDanger/highDanger/getImportDangerDisplayDetail",
-                { nuserid: this.$.getData("token"), businessId },
-                "GET"
-              )
-              .then((res) => {
-                if (res.code === 200) {
-                  this.investigationSelectList.map((r) => {
-                    r.extraConfigs = [];
-                    res.result.map((m) => {
-                      if (r.nid == m.scenesId) {
-                        r.extraConfigs.push(m);
-                      }
-                    });
-                  });
-                }
-              });
-          }
-        });
-      this.$request
-        .globalRequest(
-          "/hiddenDanger/highDanger/getImportDangers",
-          { nuserid: this.$.getData("token"), businessId },
-          "GET"
-        )
-        .then((res) => {
-          if (res.code === 200) {
-            this.investigationList = res.result;
-          }
-        });
-      this.$request
-        .globalRequest(
-          "/hiddenDanger/highDanger/getUserHiddenDangerList",
-          { nuserid: this.$.getData("token"), businessId },
-          "GET"
-        )
-        .then((res) => {
-          if (res.code === 200) {
-            console.log(res.result);
-            this.hiddenDangerList = res.result;
-          }
-        });
-      this.$request
-        .globalRequest(
-          "/hiddenDanger/highDanger/getDangerItems",
-          { nuserid: this.$.getData("token"), businessId },
-          "GET"
-        )
-        .then((res) => {
-          if (res.code === 200) {
-            this.problemTreeSelectConfirmList = res.result;
-          }
-        });
-    },
-    handleSelectProblem(item, index) {
-      // this.problemTreeSelectConfirmList.push(item)
-    },
-    showProblemTreeSelectHandle() {
-      if (this.hiddenDangerList3.length == 3) {
-        this.showProblemTreeSelect = false;
-        this.showProblem = true;
-        this.hiddenDangerList2 = JSON.parse(
-          JSON.stringify(this.hiddenDangerList3)
-        );
-      }
-	  console.log(this.hiddenDangerList2)
-    },
-
-    select(v) {
-      this.hiddenDangerList3 = v;
-    },
-    // 删除图片
-    deletePic(event) {
-      this[`fileList${event.name}`].splice(event.index, 1);
-    },
-    // 新增图片
-    uploadFilePromise(url) {
-      return new Promise((resolve, reject) => {
-        let a = uni.uploadFile({
-          url: "http://192.168.2.21:7001/upload", // 仅为示例，非真实的接口地址
-          filePath: url,
-          name: "file",
-          formData: {
-            user: "test",
-          },
-          success: (res) => {
-            setTimeout(() => {
-              resolve(res.data.data);
-            }, 1000);
-          },
-        });
-      });
-    },
-    investigationHandle1() {
-      let id = 0;
-      this.investigationSelectList.map((r) => {
-        if (r.nid == this.investigationList[this.investigationSelect].nid) {
-          id = r.id;
-        }
-      });
-      if (!id) {
-        this.investigationSelectList.push(
-          this.investigationList[this.investigationSelect]
-        );
-        this.showInvestigation = false;
-      } else {
-        this.$.toast("已添加");
-      }
-    },
-    investigationHandle2() {
-		if(this.hiddenDangerList2.length>0){
-			let form={
-				  bigCategory: this.hiddenDangerList2[0].id,
-				  bigCategoryName: this.hiddenDangerList2[0].itemname,
-				  smallCategory: this.hiddenDangerList2[1].id,
-				  smallCategoryName: this.hiddenDangerList2[1].itemname,
-				  hdTerm: this.hiddenDangerList2[2].id,
-				  hdTermName: this.hiddenDangerList2[2].itemname,
-				  hdDesc: this.describe.hdDesc,
-				  hdPic: this.fileList.length>0?this.fileList[0].url:'',
-				  hdInfo: this.describe.hdInfo,
-				  dangerProblem:this.hiddenDangerList2[0].itemname+'/'+ this.hiddenDangerList2[1].itemname+'/'+ this.hiddenDangerList2[2].itemname
+<template>
+	<view id="page">
+		<view class="Width100 Box BorderBox">
+			<view class="Content BorderBox Width100">
+				<top-title :is-show-left="true" :title="'排查'" :rightWidth="40" class="custom_bg">
+					<template slot="right">
+						<image :src="$.imgSrc + '/mine/search.png'" @click="$.open('/pages/mine/setting')"
+							mode="aspectFit" class="InlineBlock imgIcon" style="width: 32rpx"></image>
+					</template>
+				</top-title>
+			</view>
+			<view class="stepBox">
+				<view class="step-item-box step PositionR" v-for="(item, index) in tablist" :key="index">
+					<view class="step-item" v-if="item.type === 'item'">
+						<view class="stepItem">
+							<view :class="{
+                  stepCircleActive: item.i === active,
+                  stepCircle: true,
+                }">
+								{{ item.i }}
+							</view>
+							<view class="stepText PositionA"
+								:style="{ color: item.i === active ? '#000000' : '#bcc3cd' }">
+								{{ item.title }}
+							</view>
+						</view>
+					</view>
+					<view v-else class="circles">
+						<view :class="{ circleActive: index < active, circle: index >= active }" v-for="i in 16"
+							:key="i" />
+					</view>
+				</view>
+			</view>
+			<view class="formBox" v-if="active === 1">
+				<uni-forms :modelValue="formData" border>
+					<uni-forms-item label="道路类型">
+						<input v-if="isEdit" type="text" class="BorderNone Height100" v-model="formData.roadType"
+							placeholder="请输入道路类型" />
+						<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{
+              formData.roadType
+            }}</text>
+					</uni-forms-item>
+					<uni-forms-item label="道路宽度">
+						<input v-if="isEdit" type="number" class="BorderNone Height100" v-model="formData.roadWidth"
+							placeholder="请输入道路宽度" />
+						<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{ formData.roadWidth }}米</text>
+					</uni-forms-item>
+					<uni-forms-item label="车辆数">
+						<input v-if="isEdit" type="number" class="BorderNone Height100" v-model="formData.laneCount"
+							placeholder="请输入车辆数" />
+						<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{ formData.laneCount }}车道</text>
+					</uni-forms-item>
+					<uni-forms-item label="路面结构">
+						<input v-if="isEdit" type="text" class="BorderNone Height100" v-model="formData.roadStructure"
+							placeholder="请输入路面结构" />
+						<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{
+              formData.roadStructure
+            }}</text>
+					</uni-forms-item>
+					<uni-forms-item label="路侧防护">
+						<input v-if="isEdit" type="text" class="BorderNone Height100" v-model="formData.sideProtec"
+							placeholder="请输入路侧防护" />
+						<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{
+              formData.sideProtec
+            }}</text>
+					</uni-forms-item>
+					<uni-forms-item label="中央隔离">
+						<input v-if="isEdit" type="text" class="BorderNone Height100" v-model="formData.centerSeparate"
+							placeholder="请输入中央隔离" />
+						<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{
+              formData.centerSeparate
+            }}</text>
+					</uni-forms-item>
+					<uni-forms-item label="设计时速">
+						<input v-if="isEdit" type="number" class="BorderNone Height100" v-model="formData.designSpeed"
+							placeholder="请输入设计时速" />
+						<text class="Height100 Flex Flex_end Flex_C_S-Center"
+							v-else>{{ formData.designSpeed }}Km/h</text>
+					</uni-forms-item>
+					<uni-forms-item label="限速">
+						<input v-if="isEdit" type="number" class="BorderNone Height100" v-model="formData.limitSpeed"
+							placeholder="请输入限速" />
+						<text class="Height100 Flex Flex_C_S-Center Flex_end"
+							v-else>{{ formData.limitSpeed }}Km/h</text>
+					</uni-forms-item>
+				</uni-forms>
+				<view class="photo">
+					<image src="/static/base.jpg" mode="widthFix"></image>
+				</view>
+			</view>
+			<view class="echarts" v-if="active === 2">
+				<qiun-data-charts type="area" :opts="opts" :chartData="chartData" />
+			</view>
+			<view class="formBox form-step-2" v-if="active === 2">
+				<uni-forms :modelValue="formData" border label-width="120">
+					<uni-forms-item label="最大流量">
+						<input v-if="isEditStep2" type="number" class="BorderNone Height100"
+							v-model="formData.maxTraffic" placeholder="请输入最大流量" />
+						<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{ formData.maxTraffic }}辆</text>
+					</uni-forms-item>
+					<uni-forms-item label="高峰流量">
+						<input v-if="isEditStep2" type="number" class="BorderNone Height100"
+							v-model="formData.peakTraffic" placeholder="请输入高峰流量" />
+						<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{ formData.peakTraffic }}辆</text>
+					</uni-forms-item>
+					<uni-forms-item label="高峰时段">
+						<input v-if="isEditStep2" type="number" class="BorderNone Height100"
+							v-model="formData.peakHours" placeholder="请输入高峰时段" />
+						<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{
+              formData.peakHours
+            }}</text>
+					</uni-forms-item>
+					<uni-forms-item label="平峰流量">
+						<input v-if="isEditStep2" type="number" class="BorderNone Height100"
+							v-model="formData.normalTraffic" placeholder="请输入平峰流量" />
+						<text class="Height100 Flex Flex_end Flex_C_S-Center"
+							v-else>{{ formData.normalTraffic }}辆</text>
+					</uni-forms-item>
+					<uni-forms-item label="大车占比">
+						<input v-if="isEditStep2" type="number" class="BorderNone Height100"
+							v-model="formData.largeVehicleRate" placeholder="请输入大车占比" />
+						<text class="Height100 Flex Flex_end Flex_C_S-Center"
+							v-else>{{ formData.largeVehicleRate }}%</text>
+					</uni-forms-item>
+					<uni-forms-item label="非机动车流量">
+						<input v-if="isEditStep2" type="number" class="BorderNone Height100"
+							v-model="formData.nonvehicleTraffic" placeholder="请输入非机动车流量" />
+						<text class="Height100 Flex Flex_end Flex_C_S-Center"
+							v-else>{{ formData.nonvehicleTraffic }}辆</text>
+					</uni-forms-item>
+				</uni-forms>
+			</view>
+			<view class="formBox form-step-3" v-if="active === 3">
+				<view class="point">
+					<view class="title">重点排查</view>
+					<u-row :gutter="15" class='row'>
+						<u-col style="float: left;" :span="6" v-for="item in investigationSelectList" :key="item"
+							@click="showInvestigationTag(item)">
+							<view class="item">{{ item.name }}</view>
+						</u-col>
+						<u-col :span="6" style="float: left;">
+							<view class="item add" @click="showInvestigation = true">
+								<uni-icons type="plusempty" size="24" style="margin-right: 10rpx; color: #2663bf" />
+								新增排查
+							</view>
+						</u-col>
+					</u-row>
+				</view>
+				<u-popup :show="showInvestigation" @close="showInvestigation = false">
+					<InvestigationItem @select="select2"></InvestigationItem>
+				</u-popup>
+				<u-popup :show="showInvestigation2" @close="showInvestigation2 = false">
+					<InvestigationItem2 :json="showInvestigation2Item" @show="showInvestigation2 = false"
+						@select="select3"></InvestigationItem2>
+				</u-popup>
+				<!-- <u-popup :show="showInvestigation" @close="showInvestigation = false">
+          <view class="custom-pop-head">
+            <view class="left" @click="showInvestigation = false">取消</view>
+            <view class="title">重点排查</view>
+            <view class="right" @click="investigationHandle1">确认</view>
+          </view>
+          <view  class="investigation-item"
+                 :class="investigationSelect === index ? 'active' : ''"
+                 v-for="(item, index) in investigationList"
+                 :key="item.name"
+                 @click="investigationSelect = index"
+          >
+            <text>{{ item.name }}</text>
+            <uni-icons type="checkmarkempty" size="24" :style="{color: '#2663BF', visibility: investigationSelect === index ? 'visible' : 'hidden'}"/>
+          </view>
+          <view class="blank" />
+        </u-popup> -->
+				<u-popup :show="showInvestigationDetail" @close="showInvestigationDetail = false">
+					<view class="custom-pop-head">
+						<view class="left" @click="showInvestigationDetail = false">取消</view>
+						<view class="title">{{ investigationDetailTitle }}</view>
+						<view class="right" @click="investigationDetailHandle">确认</view>
+					</view>
+					<view class="investigation-item" v-for="(item, index) in investigationDetailList" :key="index"
+						style="width: 96%; padding: 0">
+						<view class="detail-item" v-if="item.type === 'number'">
+							<uni-forms-item label="平峰流量" label-width="100px" style="display: flex; align-items: center">
+								<u-input placeholder="请输入" border="none" v-model="formData.roadMet" inputAlign="right"
+									type="number">
+									<u-text text="km/h" slot="suffix" margin="0 3px 0 0" type="tips"></u-text>
+								</u-input>
+							</uni-forms-item>
+						</view>
+						<view class="detail-item" v-else-if="item.type === 'text'">
+							<uni-forms-item label="平峰流量" label-width="100px" style="display: flex; align-items: center">
+								<u-input placeholder="请输入" border="none" v-model="formData.roadMet"
+									inputAlign="right" />
+							</uni-forms-item>
+						</view>
+						<view class="detail-item" v-else-if="item.type === 'check'">
+							<uni-forms-item label="平峰流量" label-width="100px" style="display: flex; align-items: center">
+								<u-checkbox v-model="formData.roadMet"
+									:customStyle="{ justifyContent: 'space-between' }" :name="'sdfs'" />
+							</uni-forms-item>
+						</view>
+						<view class="detail-item" v-else-if="item.type === 'upload'">
+							<uni-forms-item label="平峰流量" label-position="top" label-width="100px"
+								style="display: flex; align-items: center" />
+							<u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple
+								:maxCount="10"></u-upload>
+						</view>
+					</view>
+					<view class="blank" />
+				</u-popup>
+			</view>
+			<view class="formBox form-step-3" v-if="active === 3">
+				<view class="point">
+					<view class="title">存在隐患</view>
+					<u-row :gutter="0" justify="flex-start" style="flex-wrap: wrap">
+						<view v-for="(item,index) in hiddenDangerList" :key="item" style="width: 100%">
+							<view class="problem-item">
+								<view style="display: flex; justify-content: space-between">
+									<view style="width: 80%">
+										{{ item.dangerProblem }}
+									</view>
+									<view>
+										<view class="check" @click="onHiddenDangerList(item,index)">
+											<image style="width: 10px; height: 16px"
+												src="../../static/scimg/right6.png"></image>
+											<!-- <uni-icons
+                        type="right"
+                        size="24"
+                        style="color: #2663bf"
+                      /> -->
+										</view>
+									</view>
+								</view>
+								<!-- <view class="text">{{ item.hdTerm }}</view> -->
+								<view class="text">{{ item.hdDesc }}</view>
+							</view>
+						</view>
+						<u-col :span="12">
+							<view class="problem-item add" @click="add">
+								<uni-icons type="plusempty" size="24" style="margin-right: 10rpx; color: #2663bf" />
+								新增隐患
+							</view>
+						</u-col>
+					</u-row>
+				</view>
+				<u-popup :show="showProblem" @close="showProblem = false">
+					<view class="custom-pop-head">
+						<view class="left" @click="
+                showProblem = false;
+                hiddenDangerList2 = [];
+                describe.hdDesc = '';
+                describe.hdInfo = '';
+              ">取消</view>
+						<view class="title">存在隐患</view>
+						<view class="right" @click="investigationHandle2">确认</view>
+					</view>
+					<view class="problem-box">
+						<view class="detail-item" @click="addFL">
+							<uni-forms-item label="隐患问题" label-position="top" label-width="100px"
+								style="display: flex; align-items: center" />
+							<view v-if="hiddenDangerList2.length > 0">{{ hiddenDangerList2[0].itemname }}/{{
+                  hiddenDangerList2[1].itemname
+                }}/{{ hiddenDangerList2[2].itemname }}</view>
+
+							<!-- <u-input
+                  placeholder="请选择"
+                  border="none"
+                  type="textarea"
+                  v-else
+                  /> -->
+							<view v-else-if="dangerProblem">{{
+                dangerProblem
+              }}</view>
+							<view v-else>请选择</view>
+							<!--  -->
+						</view>
+						<view class="detail-item">
+							<uni-forms-item label="隐患描述" label-position="top" label-width="200px" />
+							<u-textarea placeholder="请输入" border="none" v-model="describe.hdDesc" />
+						</view>
+						<view class="detail-item">
+							<uni-forms-item label="隐患图片" label-position="top" label-width="200px" />
+
+							<u-upload :fileList="fileList" @afterRead="(e) => afterRead(e, 'fileList')"
+								@delete="(e) => deletePic(e, 'fileList')" name="1" :maxCount="1"></u-upload>
+						</view>
+						<view class="detail-item">
+							<uni-forms-item label="需采集补充信息" label-position="top" label-width="200px" />
+							<u-textarea placeholder="请输入" border="none" v-model="describe.hdInfo" />
+						</view>
+					</view>
+					<view class="blank" />
+				</u-popup>
+
+				<u-popup :show="showProblemTreeSelect" @close="showProblemTreeSelect = false" height="70vh">
+					<view class="custom-pop-head">
+						<view class="left" @click="
+                showProblemTreeSelect = false;
+                showProblem = true;
+              ">取消</view>
+						<view class="title">选择隐患</view>
+						<view class="right" @click="showProblemTreeSelectHandle">确认</view>
+					</view>
+					<ProblemTreeItem :hiddenDangerList2="hiddenDangerList2" @select="select"></ProblemTreeItem>
+				</u-popup>
+			</view>
+			<view class="blank" />
+		</view>
+		<bottom-button-two v-if="active === 1" @cancel="isEdit = !isEdit" :cancelText="'更改'" @confirm="
+        isEdit = false;
+        active = 2;
+      " />
+		<bottom-button v-else-if="active === 2" :secondText="'更改'" @second="isEditStep2 = !isEditStep2"
+			@first="active = 1" @last="active = 3" />
+		<bottom-button v-else-if="active === 3" :secondText="'暂存'" @first="active = 2" @second="submit(false)"
+			@last="submit(true)" />
+	</view>
+</template>
+
+<script>
+	import BottomButton from "../../components/bottom-button/three.vue";
+	import BottomButtonTwo from "../../components/bottom-button/index.vue";
+	import NoData from "../../components/no-data.vue";
+	import TopTitle from "../../components/top-title.vue";
+
+	import InvestigationItem from "./components/investigation-item.vue";
+	import InvestigationItem2 from "./components/investigation-item2.vue";
+	import ProblemTreeItem from "./components/problem-tree-item.vue";
+	import ProblemBox from "./components/problem-box.vue";
+	export default {
+		components: {
+			TopTitle,
+			NoData,
+			BottomButton,
+			BottomButtonTwo,
+
+			InvestigationItem,
+			InvestigationItem2,
+			ProblemTreeItem,
+			ProblemBox,
+		},
+		onReady() {
+			this.getChartsData();
+		},
+		onLoad(e) {
+			if (e.id) {
+				this.businessId = e.id;
+				this.getBaseData(e.id);
+			}
+		},
+		data() {
+			return {
+				businessId: "",
+				$: this.$,
+				fileList1: [],
+				fileList: [],
+				showInvestigation: false,
+				showInvestigation2: false,
+				showInvestigation2Item: {},
+				investigationSelectList: [],
+				investigationSelectIDList: [],
+				investigationList: [{
+						name: "基本信息基本信息基本信息基本信息基本信息基本信息基本信息基本信息基本信息基本信息基本信息基本信息",
+						value: 1,
+					},
+					{
+						name: "xxxxx",
+						value: 2
+					},
+				],
+				investigationSelect: 1,
+				showInvestigationDetail: false,
+				investigationDetailList: [{
+						type: "check",
+						value: ""
+					},
+					{
+						type: "text",
+						value: ""
+					},
+					{
+						type: "number",
+						value: ""
+					},
+					{
+						type: "upload",
+						value: ""
+					},
+				],
+				investigationDetailTitle: "title",
+				isEdit: false,
+				isEditStep2: false,
+				active: 1,
+				tablist: [{
+						title: "基本信息",
+						type: "item",
+						i: 1
+					},
+					{
+						title: "基本信息",
+						type: "point"
+					},
+					{
+						title: "统计信息",
+						type: "item",
+						i: 2
+					},
+					{
+						title: "统计信息",
+						type: "point"
+					},
+					{
+						title: "隐患排查",
+						type: "item",
+						i: 3
+					},
+				],
+				formData: {
+					roadType: "",
+					roadWidth: 0,
+					laneCount: 0,
+					roadStructure: "",
+					sideProtec: "",
+					centerSeparate: "",
+					designSpeed: 0,
+					limitSpeed: 0,
+				},
+				describe: {
+					bigCategory: "",
+					smallCategory: "",
+					hdTerm: "",
+					hdDesc: "",
+					hdPic: "",
+					hdInfo: "",
+				},
+				chartData: {},
+				//您可以通过修改 config-ucharts.js 文件中下标为 ['area'] 的节点来配置全局默认参数，如都是默认参数，此处可以不传 opts 。实际应用过程中 opts 只需传入与全局默认参数中不一致的【某一个属性】即可实现同类型的图表显示不同的样式，达到页面简洁的需求。
+				opts: {
+					color: [
+						"#1890FF",
+						"#FAC858",
+						"#91CB74",
+						"#EE6666",
+						"#73C0DE",
+						"#3CA272",
+						"#FC8452",
+						"#9A60B4",
+						"#ea7ccc",
+					],
+					padding: [15, 15, 15, 15],
+					enableScroll: false,
+					legend: {
+						icon: "rect",
+						position: "top",
+						float: "right",
+						padding: 15,
+					},
+					xAxis: {
+						disableGrid: true,
+					},
+					yAxis: {
+						gridType: "dash",
+						dashLength: 2,
+					},
+					extra: {
+						area: {
+							type: "straight",
+							opacity: 0.2,
+							addLine: true,
+							width: 2,
+							gradient: true,
+							activeType: "hollow",
+						},
+					},
+				},
+				showProblem: false,
+				showProblemTreeSelect: false,
+				problemTreeSelect: 0,
+				problemTreeSelectList: [{
+						name: "ashfjshfjsd1"
+					},
+					{
+						name: "ashfjshfjsd2"
+					},
+					{
+						name: "ashfjshfjs3d"
+					},
+					{
+						name: "ashfjshfjsd4"
+					},
+					{
+						name: "ashfjshfjsd5"
+					},
+					{
+						name: "ashfjshfjsd6"
+					},
+					{
+						name: "ashfjshfjsd8"
+					},
+					{
+						name: "ashfjshfjsd7"
+					},
+				],
+				problemTreeSelectConfirmList: [],
+				hiddenDangerList: [],
+				hiddenDangerList2: [],
+				hiddenDangerList3: [],
+				dangerProblem: "",
+				//隐患新增或者编辑判断标识
+				addInvestigationInfo: {
+					type: '',
+					index: 0
+				}
+			};
+		},
+		methods: {
+			showInvestigationTag(v) {
+				console.log(v)
+				this.showInvestigation2 = true;
+				this.showInvestigation2Item = v;
+			},
+			select2(v, list) {
+				this.showInvestigation = false;
+				let id = 0;
+				this.investigationSelectList.map((r) => {
+					if (r.nid == v.nid) {
+						id = r.nid;
+					}
+				});
+				if (!id) {
+					v.extraConfigs = list;
+					this.investigationSelectList.push(v);
+					this.showInvestigation = false;
+				} else {
+					this.$.toast("已添加");
+				}
+			},
+			select3(v) {
+				this.investigationSelectList.map((r) => {
+					if (r.nid == v.nid) {
+						r = v;
+					}
+				});
+				this.showInvestigation2Item = {};
+				this.showInvestigation2 = false;
+			},
+			onHiddenDangerList(v, index) {
+				this.addInvestigationInfo = {
+					type: 'edit',
+					index: index
+				}
+				this.showProblem = true;
+				this.dangerProblem = v.dangerProblem;
+				this.describe = {
+					bigCategory: v.bigCategory,
+					smallCategory: v.smallCategory,
+					hdTerm: v.hdTerm,
+					hdDesc: v.hdDesc,
+					hdPic: v.hdPic,
+					hdInfo: v.hdInfo,
+				};
+				console.log(v)
+				let newArr = []
+				try {
+					newArr = v.dangerProblem.split('/')
+				} catch (e) {
+					newArr = ['', '', '']
+				}
+				this.hiddenDangerList2 = [{
+						id: v.bigCategory,
+						itemname: newArr[0]
+					},
+					{
+						id: v.smallCategory,
+						itemname: newArr[1]
+					},
+					{
+						id: v.hdTerm,
+						itemname: newArr[2]
+					}
+				]
+				// console.log(this.hiddenDangerList2)
+				this.fileList = [{
+					url: v.hdPic
+				}];
+			},
+			add() {
+				// this.addInvestigationInfo.type='add'
+				this.$set(this.addInvestigationInfo, 'type', 'add')
+				this.showProblem = true;
+				this.hiddenDangerList2 = [];
+				this.dangerProblem = '';
+				this.describe = {
+					bigCategory: "",
+					smallCategory: "",
+					hdTerm: "",
+					hdDesc: "",
+					hdPic: "",
+					hdInfo: "",
+				};
+				this.fileList = [];
+			},
+			addFL() {
+				this.showProblemTreeSelect = true;
+				this.showProblem = false;
+				// this.describe = {
+				//   bigCategory: "",
+				//   smallCategory: "",
+				//   hdTerm: "",
+				//   hdDesc: "",
+				//   hdPic: "",
+				//   hdInfo: "",
+				// };
+				// this.fileList = [];
+			},
+			getBaseData(businessId) {
+				this.$request
+					.globalRequest(
+						"/hiddenDanger/highDanger/getSectionInfo", {
+							nuserid: this.$.getData("token"),
+							businessId
+						},
+						"GET"
+					)
+					.then((res) => {
+						if (res.code === 200) {
+							this.formData = {
+								...this.formData,
+								...res.result
+							};
+						}
+					});
+				this.$request
+					.globalRequest(
+						"/hiddenDanger/highDanger/getSectionTraffic", {
+							nuserid: this.$.getData("token"),
+							businessId
+						},
+						"GET"
+					)
+					.then((res) => {
+						if (res.code === 200) {
+							// todo 无数据结构
+							this.formData = {
+								...this.formData,
+								...res.result
+							};
+						}
+					});
+				this.$request
+					.globalRequest(
+						"/hiddenDanger/highDanger/getImportDangerDisplay", {
+							sid: "02",
+							businessId
+						},
+						"GET"
+					)
+					.then((res) => {
+						if (res.code === 200) {
+							// todo 无数据结构
+							this.investigationSelectList = res.result;
+							this.$request
+								.globalRequest(
+									"/hiddenDanger/highDanger/getImportDangerDisplayDetail", {
+										nuserid: this.$.getData("token"),
+										businessId
+									},
+									"GET"
+								)
+								.then((res) => {
+									if (res.code === 200) {
+										this.investigationSelectList.map((r) => {
+											r.extraConfigs = [];
+											res.result.map((m) => {
+												if (r.nid == m.scenesId) {
+													r.extraConfigs.push(m);
+												}
+											});
+										});
+									}
+								});
+						}
+					});
+				this.$request
+					.globalRequest(
+						"/hiddenDanger/highDanger/getImportDangers", {
+							nuserid: this.$.getData("token"),
+							businessId
+						},
+						"GET"
+					)
+					.then((res) => {
+						if (res.code === 200) {
+							this.investigationList = res.result;
+						}
+					});
+				this.$request
+					.globalRequest(
+						"/hiddenDanger/highDanger/getUserHiddenDangerList", {
+							nuserid: this.$.getData("token"),
+							businessId
+						},
+						"GET"
+					)
+					.then((res) => {
+						if (res.code === 200) {
+							console.log(res.result);
+							this.hiddenDangerList = res.result;
+						}
+					});
+				this.$request
+					.globalRequest(
+						"/hiddenDanger/highDanger/getDangerItems", {
+							nuserid: this.$.getData("token"),
+							businessId
+						},
+						"GET"
+					)
+					.then((res) => {
+						if (res.code === 200) {
+							this.problemTreeSelectConfirmList = res.result;
+						}
+					});
+			},
+			handleSelectProblem(item, index) {
+				// this.problemTreeSelectConfirmList.push(item)
+			},
+			showProblemTreeSelectHandle() {
+				if (this.hiddenDangerList3.length == 3) {
+					this.showProblemTreeSelect = false;
+					this.showProblem = true;
+					this.hiddenDangerList2 = JSON.parse(
+						JSON.stringify(this.hiddenDangerList3)
+					);
 				}
-			if(this.addInvestigationInfo.type=='add'){
-				this.hiddenDangerList.push(form);
-			}else{
-				this.$set(this.hiddenDangerList,this.addInvestigationInfo.index,form)
+				console.log(this.hiddenDangerList2)
+			},
+
+			select(v) {
+				this.hiddenDangerList3 = v;
+			},
+			// 删除图片
+			deletePic(event) {
+				this[`fileList${event.name}`].splice(event.index, 1);
+			},
+			// 新增图片
+			uploadFilePromise(url) {
+				return new Promise((resolve, reject) => {
+					let a = uni.uploadFile({
+						url: "http://192.168.2.21:7001/upload", // 仅为示例，非真实的接口地址
+						filePath: url,
+						name: "file",
+						formData: {
+							user: "test",
+						},
+						success: (res) => {
+							setTimeout(() => {
+								resolve(res.data.data);
+							}, 1000);
+						},
+					});
+				});
+			},
+			investigationHandle1() {
+				let id = 0;
+				this.investigationSelectList.map((r) => {
+					if (r.nid == this.investigationList[this.investigationSelect].nid) {
+						id = r.id;
+					}
+				});
+				if (!id) {
+					this.investigationSelectList.push(
+						this.investigationList[this.investigationSelect]
+					);
+					this.showInvestigation = false;
+				} else {
+					this.$.toast("已添加");
+				}
+			},
+			investigationHandle2() {
+				if (this.hiddenDangerList2.length > 0) {
+					let form = {
+						bigCategory: this.hiddenDangerList2[0].id,
+						bigCategoryName: this.hiddenDangerList2[0].itemname,
+						smallCategory: this.hiddenDangerList2[1].id,
+						smallCategoryName: this.hiddenDangerList2[1].itemname,
+						hdTerm: this.hiddenDangerList2[2].id,
+						hdTermName: this.hiddenDangerList2[2].itemname,
+						hdDesc: this.describe.hdDesc,
+						hdPic: this.fileList.length > 0 ? this.fileList[0].url : '',
+						hdInfo: this.describe.hdInfo,
+						dangerProblem: this.hiddenDangerList2[0].itemname + '/' + this.hiddenDangerList2[1].itemname +
+							'/' + this.hiddenDangerList2[2].itemname
+					}
+					if (this.addInvestigationInfo.type == 'add') {
+						this.hiddenDangerList.push(form);
+					} else {
+						this.$set(this.hiddenDangerList, this.addInvestigationInfo.index, form)
+					}
+				}
+
+				this.showProblem = false;
+			},
+			investigationDetailHandle() {
+				this.showInvestigationDetail = true;
+			},
+			getChartsData() {
+				//模拟服务器返回数据，如果数据格式和标准格式不同，需自行按下面的格式拼接
+				let res = {
+					categories: ["2018", "2019", "2020", "2021", "2022", "2023"],
+					series: [{
+							name: "总量",
+							legendShape: "line",
+							data: [35, 8, 25, 37, 4, 20],
+						},
+						{
+							name: "大车",
+							legendShape: "line",
+							data: [70, 40, 65, 100, 44, 68],
+						},
+						{
+							name: "小车",
+							legendShape: "line",
+							data: [100, 80, 95, 150, 112, 132],
+						},
+					],
+				};
+				this.chartData = JSON.parse(JSON.stringify(res));
+			},
+			// 删除图片
+			deletePic(event, key) {
+				this[key].splice(event.index, 1);
+			},
+			//获取随机id
+			uuid(len, binary) {
+				len = !len ? 36 : len;
+				binary = !binary ? 16 : binary;
+				return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx"
+					.replace(/[xy]/g, function(c) {
+						var r = (Math.random() * binary) | 0,
+							v = c == "x" ? r : (r & 0x3) | 0x8;
+						return v.toString(binary);
+					})
+					.substring(0, len);
+			},
+			uploadFilePromise(url) {
+				return new Promise((resolve, reject) => {
+					let a = uni.uploadFile({
+						url: this.$.baseUrl + "/hiddenDanger/ftp/uploadFileToFtp", // 仅为示例，非真实的接口地址
+						filePath: url,
+						name: "file",
+						success: (res) => {
+							resolve(res.data);
+						},
+					});
+				});
+			},
+			async afterRead(event, key) {
+				console.log(key)
+				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
+				const id = this.uuid();
+				this[key].push({
+					id,
+					...event.file,
+					status: "uploading",
+					message: "上传中",
+				});
+				const result = await this.uploadFilePromise(this[key][0].url);
+				const resultInfo = JSON.parse(result);
+				const index = this[key].findIndex((v) => v.id === id);
+				if (resultInfo.code == 200) {
+					this[key].splice(
+						index,
+						1,
+						Object.assign(this[key][0], {
+							status: "success",
+							message: "",
+							result: resultInfo,
+							url: resultInfo.result,
+						})
+					);
+					console.log(this[key])
+				} else {
+					this.$.toast("上传失败");
+					this[key].splice(
+						index,
+						1,
+						Object.assign(this[key][0], {
+							status: "error",
+							message: "失败",
+						})
+					);
+				}
+			},
+			submit(temporary) {
+				console.log(this.formData);
+				console.log(this.investigationSelectList);
+				console.log({
+					...this.formData,
+					businessId: this.businessId,
+					extraConfigs: extraConfigs,
+					describe: this.hiddenDangerList,
+					temporary,
+				});
+				let extraConfigs = [];
+				this.investigationSelectList.map((r) => {
+					r.extraConfigs.map((s) => {
+						s.scenesId = r.nid;
+						if (s.type == 4) {
+							s.standar =
+								s.fileList && s.fileList.length > 0 ? s.fileList[0].url : "";
+						}
+						s.fileList = "";
+						s.nid = "";
+						extraConfigs.push(s);
+					});
+				});
+				this.$request
+					.globalRequest(
+						"/hiddenDanger/highDanger/saveManualInvestigation", {
+							...this.formData,
+							businessId: this.businessId,
+							extraConfigs: extraConfigs,
+							describe: this.hiddenDangerList,
+							temporary,
+						},
+						"POST"
+					)
+					.then((res) => {
+						console.log(res);
+						if (res.code === 200) {
+							this.$.toast("保存成功");
+							setTimeout(() => {
+								uni.navigateBack({
+									delta: 1, // 默认值是1，表示返回的页面层数
+								});
+							}, 1000);
+
+							// this.data = res.result;
+							// this.rname = this.data[0].name;
+							// this.polyline = [
+							//   {
+							//     name: "xian1",
+							//     arrowLine: true,
+							//     color: "#CC2936",
+							//     width: 8,
+							//     id: 1,
+							//     points: this.data[0].position,
+							//   },
+							// ];
+						} else {
+							this.$.toast(res.msg);
+						}
+					});
+			},
+		},
+	};
+</script>
+
+<style lang="scss">
+	#page {
+		background: #f6f8fa;
+	}
+
+	.Box {
+		padding-top: var(--status-bar-height);
+
+		.Content {
+			padding-bottom: 88rpx;
+		}
+	}
+
+	.stepBox {
+		width: 100%;
+		box-sizing: border-box;
+		padding: 40rpx 40rpx 100rpx 40rpx;
+		display: flex;
+		justify-content: space-around;
+		align-items: center;
+		background-color: #ffffff;
+		box-shadow: 0 2px 8px #cccccc;
+
+		.step {
+			display: flex;
+			justify-content: space-around;
+			align-items: center;
+			height: 100rpx;
+
+			.stepItem {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				zoom: 1.2;
 			}
+
+			.circles {
+				display: flex;
+				// justify-content: space-between;
+				padding: 22px 0;
+
+				.circle {
+					width: 4rpx;
+					height: 4rpx;
+					border-radius: 50%;
+					background-color: #e9edf5;
+					margin: 0 1px;
+				}
+
+				.circleActive {
+					width: 4rpx;
+					height: 4rpx;
+					border-radius: 50%;
+					background-color: #ccc;
+					margin: 0 1px;
+				}
+			}
+
+			.stepCircle {
+				width: 60rpx;
+				height: 60rpx;
+				line-height: 60rpx;
+				border-radius: 50%;
+				background-color: #e9edf5;
+				color: #a0abbd;
+				text-align: center;
+				margin-bottom: 10rpx;
+			}
+
+			.stepCircleActive {
+				zoom: 1.5;
+				width: 50rpx;
+				height: 50rpx;
+				line-height: 50rpx;
+				border-radius: 50%;
+				background-color: #295cbc;
+				color: #ffffff;
+				text-align: center;
+				margin-bottom: 4rpx;
+				border: 5px solid #c6d8fc;
+			}
+
+			.stepText {
+				font-size: 14px;
+				color: #bcc3cd;
+				width: 120rpx;
+				text-align: center;
+				bottom: -60rpx;
+			}
+		}
+	}
+
+	.blank {
+		width: 100%;
+		height: 100rpx;
+	}
+
+	.formBox {
+		margin: 30rpx 20rpx;
+		border: 1px solid #e6e6e6;
+		background: #ffffff;
+		padding: 0 20rpx 20rpx;
+		box-sizing: border-box;
+
+		/deep/ .uni-forms-item--border .uni-forms-item__content {
+			justify-content: flex-end;
+			text-align: right;
+		}
+
+		.photo {
+			width: 100%;
+
+			image {
+				width: 100%;
+			}
+		}
+	}
+
+	.echarts {
+		background: #ffffff;
+		width: calc(100% - 40rpx);
+		margin: 20rpx;
+		box-sizing: border-box;
+		border: 1px solid #e6e6e6;
+	}
+
+	.point {
+		width: 100%;
+		padding: 20rpx;
+		box-sizing: border-box;
+
+		.title {
+			font-size: 20px;
+			position: relative;
+			margin-bottom: 20rpx;
+		}
+
+		.title::after {
+			content: " ";
+			position: absolute;
+			left: -20rpx;
+			top: 50%;
+			transform: translateY(-50%);
+			width: 8rpx;
+			height: 80%;
+			vertical-align: middle;
+			background: #2663bf;
+			z-index: 90;
+		}
+
+		.item {
+			background: #f0f3f7;
+			padding: 20rpx;
+			text-align: center;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			border-radius: 8rpx;
+			margin-bottom: 20rpx;
+			height: 100rpx;
+			box-sizing: border-box;
+			overflow: hidden;
+
+			&.add {
+				background: #dfebf8;
+				color: #2663bf;
+			}
+		}
+
+		.problem-item {
+			background: #f0f3f7;
+			padding: 20rpx;
+			border-radius: 8rpx;
+			margin-bottom: 20rpx;
+
+			.check {
+				background: #dce4f2;
+				border-radius: 20rpx;
+				width: 60rpx;
+				height: 60rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+			}
+
+			&.add {
+				background: #dfebf8;
+				color: #2663bf;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+			}
+		}
+	}
+
+	.row {
+		display: block;
+	}
+
+	.row::after {
+		content: "";
+		display: table;
+		clear: both;
+	}
+
+	.custom-pop-head {
+		width: 100%;
+		padding: 20rpx;
+		box-sizing: border-box;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		border-bottom: 1px solid #e6e6e6;
+		margin-bottom: 20rpx;
+
+		.left {
+			color: #666666;
+		}
+
+		.title {
+			font-size: 16px;
+		}
+
+		.right {
+			color: #2663bf;
+		}
+	}
+
+	.investigation-item {
+		margin: 0 auto 20rpx;
+		width: 90%;
+		border-radius: 8rpx;
+		padding: 20rpx;
+		box-sizing: border-box;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		overflow: hidden;
+
+		&.active {
+			background: #dfebf8;
+		}
+	}
+
+	.detail-item {
+		width: 100%;
+		background: #f0f3f7;
+		padding: 20rpx 30rpx;
+		border-radius: 8rpx;
+		box-sizing: border-box;
+
+		/deep/ .uni-forms-item__content {
+			justify-content: flex-end;
+			text-align: right;
+			display: flex;
+		}
+
+		/deep/ .uni-forms-item {
+			margin-bottom: 0;
+		}
+
+		/deep/ .uni-forms-item__label {
+			font-size: 16px;
+		}
+	}
+
+	.problem-box {
+		width: 100%;
+		padding: 20rpx;
+		box-sizing: border-box;
+		max-height: calc(100vh - 100px);
+		overflow: auto;
+
+		.detail-item {
+			margin-bottom: 20rpx;
 		}
-		
-      this.showProblem = false;
-    },
-    investigationDetailHandle() {
-      this.showInvestigationDetail = true;
-    },
-    getChartsData() {
-      //模拟服务器返回数据，如果数据格式和标准格式不同，需自行按下面的格式拼接
-      let res = {
-        categories: ["2018", "2019", "2020", "2021", "2022", "2023"],
-        series: [
-          {
-            name: "总量",
-            legendShape: "line",
-            data: [35, 8, 25, 37, 4, 20],
-          },
-          {
-            name: "大车",
-            legendShape: "line",
-            data: [70, 40, 65, 100, 44, 68],
-          },
-          {
-            name: "小车",
-            legendShape: "line",
-            data: [100, 80, 95, 150, 112, 132],
-          },
-        ],
-      };
-      this.chartData = JSON.parse(JSON.stringify(res));
-    },
-    // 删除图片
-    deletePic(event, key) {
-      this[key].splice(event.index, 1);
-    },
-    //获取随机id
-    uuid(len, binary) {
-      len = !len ? 36 : len;
-      binary = !binary ? 16 : binary;
-      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx"
-        .replace(/[xy]/g, function (c) {
-          var r = (Math.random() * binary) | 0,
-            v = c == "x" ? r : (r & 0x3) | 0x8;
-          return v.toString(binary);
-        })
-        .substring(0, len);
-    },
-    uploadFilePromise(url) {
-      return new Promise((resolve, reject) => {
-        let a = uni.uploadFile({
-          url: this.$.baseUrl + "/hiddenDanger/ftp/uploadFileToFtp", // 仅为示例，非真实的接口地址
-          filePath: url,
-          name: "file",
-          success: (res) => {
-            resolve(res.data);
-          },
-        });
-      });
-    },
-    async afterRead(event, key) {
-      console.log(key)
-      // 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
-      const id = this.uuid();
-      this[key].push({
-        id,
-        ...event.file,
-        status: "uploading",
-        message: "上传中",
-      });
-      const result = await this.uploadFilePromise(this[key][0].url);
-      const resultInfo = JSON.parse(result);
-      const index = this[key].findIndex((v) => v.id === id);
-      if (resultInfo.code == 200) {
-        this[key].splice(
-          index,
-          1,
-          Object.assign(this[key][0], {
-            status: "success",
-            message: "",
-            result: resultInfo,
-            url: resultInfo.result,
-          })
-        );
-		console.log(this[key])
-      } else {
-        this.$.toast("上传失败");
-        this[key].splice(
-          index,
-          1,
-          Object.assign(this[key][0], {
-            status: "error",
-            message: "失败",
-          })
-        );
-      }
-    },
-    submit(temporary) {
-      console.log(this.formData);
-      console.log(this.investigationSelectList);
-      console.log({
-            ...this.formData,
-            businessId: this.businessId,
-            extraConfigs: extraConfigs,
-            describe: this.hiddenDangerList,
-            temporary,
-          });
-      let extraConfigs = [];
-      this.investigationSelectList.map((r) => {
-        r.extraConfigs.map((s) => {
-          s.scenesId = r.nid;
-          if (s.type == 4) {
-            s.standar =
-              s.fileList && s.fileList.length > 0 ? s.fileList[0].url : "";
-          }
-          s.fileList = "";
-          s.nid = "";
-          extraConfigs.push(s);
-        });
-      });
-      this.$request
-        .globalRequest(
-          "/hiddenDanger/highDanger/saveManualInvestigation",
-          {
-            ...this.formData,
-            businessId: this.businessId,
-            extraConfigs: extraConfigs,
-            describe: this.hiddenDangerList,
-            temporary,
-          },
-          "POST"
-        )
-        .then((res) => {
-          console.log(res);
-          if (res.code === 200) {
-            this.$.toast("保存成功");
-            setTimeout(() => {
-              uni.navigateBack({
-                delta: 1, // 默认值是1，表示返回的页面层数
-              });
-            }, 1000);
-
-            // this.data = res.result;
-            // this.rname = this.data[0].name;
-            // this.polyline = [
-            //   {
-            //     name: "xian1",
-            //     arrowLine: true,
-            //     color: "#CC2936",
-            //     width: 8,
-            //     id: 1,
-            //     points: this.data[0].position,
-            //   },
-            // ];
-          } else {
-            this.$.toast(res.msg);
-          }
-        });
-    },
-  },
-};
-</script>
-
-<style lang="scss">
-#page {
-  background: #f6f8fa;
-}
-
-.Box {
-  padding-top: var(--status-bar-height);
-  .Content {
-    padding-bottom: 88rpx;
-  }
-}
-
-.stepBox {
-  width: 100%;
-  box-sizing: border-box;
-  padding: 40rpx 40rpx 100rpx 40rpx;
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-  background-color: #ffffff;
-  box-shadow: 0 2px 8px #cccccc;
-
-  .step {
-    display: flex;
-    justify-content: space-around;
-    align-items: center;
-    height: 100rpx;
-    .stepItem {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      zoom: 1.2;
-    }
-
-    .circles {
-      display: flex;
-      // justify-content: space-between;
-      padding: 22px 0;
-
-      .circle {
-        width: 4rpx;
-        height: 4rpx;
-        border-radius: 50%;
-        background-color: #e9edf5;
-        margin: 0 1px;
-      }
-
-      .circleActive {
-        width: 4rpx;
-        height: 4rpx;
-        border-radius: 50%;
-        background-color: #ccc;
-        margin: 0 1px;
-      }
-    }
-
-    .stepCircle {
-      width: 60rpx;
-      height: 60rpx;
-      line-height: 60rpx;
-      border-radius: 50%;
-      background-color: #e9edf5;
-      color: #a0abbd;
-      text-align: center;
-      margin-bottom: 10rpx;
-    }
-
-    .stepCircleActive {
-      zoom: 1.5;
-      width: 50rpx;
-      height: 50rpx;
-      line-height: 50rpx;
-      border-radius: 50%;
-      background-color: #295cbc;
-      color: #ffffff;
-      text-align: center;
-      margin-bottom: 4rpx;
-      border: 5px solid #c6d8fc;
-    }
-
-    .stepText {
-      font-size: 14px;
-      color: #bcc3cd;
-      width: 120rpx;
-      text-align: center;
-      bottom: -60rpx;
-    }
-  }
-}
-.blank {
-  width: 100%;
-  height: 100rpx;
-}
-.formBox {
-  margin: 30rpx 20rpx;
-  border: 1px solid #e6e6e6;
-  background: #ffffff;
-  padding: 0 20rpx 20rpx;
-  box-sizing: border-box;
-  /deep/ .uni-forms-item--border .uni-forms-item__content {
-    justify-content: flex-end;
-    text-align: right;
-  }
-  .photo {
-    width: 100%;
-    image {
-      width: 100%;
-    }
-  }
-}
-.echarts {
-  background: #ffffff;
-  width: calc(100% - 40rpx);
-  margin: 20rpx;
-  box-sizing: border-box;
-  border: 1px solid #e6e6e6;
-}
-.point {
-  width: 100%;
-  padding: 20rpx;
-  box-sizing: border-box;
-  .title {
-    font-size: 20px;
-    position: relative;
-    margin-bottom: 20rpx;
-  }
-  .title::after {
-    content: " ";
-    position: absolute;
-    left: -20rpx;
-    top: 50%;
-    transform: translateY(-50%);
-    width: 8rpx;
-    height: 80%;
-    vertical-align: middle;
-    background: #2663bf;
-    z-index: 90;
-  }
-  .item {
-    background: #f0f3f7;
-    padding: 20rpx;
-    text-align: center;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 8rpx;
-    margin-bottom: 20rpx;
-    height: 100rpx;
-    box-sizing: border-box;
-    overflow: hidden;
-    &.add {
-      background: #dfebf8;
-      color: #2663bf;
-    }
-  }
-  .problem-item {
-    background: #f0f3f7;
-    padding: 20rpx;
-    border-radius: 8rpx;
-    margin-bottom: 20rpx;
-    .check {
-      background: #dce4f2;
-      border-radius: 20rpx;
-      width: 60rpx;
-      height: 60rpx;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-    &.add {
-      background: #dfebf8;
-      color: #2663bf;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-  }
-}
-
-.custom-pop-head {
-  width: 100%;
-  padding: 20rpx;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  border-bottom: 1px solid #e6e6e6;
-  margin-bottom: 20rpx;
-  .left {
-    color: #666666;
-  }
-  .title {
-    font-size: 16px;
-  }
-  .right {
-    color: #2663bf;
-  }
-}
-.investigation-item {
-  margin: 0 auto 20rpx;
-  width: 90%;
-  border-radius: 8rpx;
-  padding: 20rpx;
-  box-sizing: border-box;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  overflow: hidden;
-  &.active {
-    background: #dfebf8;
-  }
-}
-.detail-item {
-  width: 100%;
-  background: #f0f3f7;
-  padding: 20rpx 30rpx;
-  border-radius: 8rpx;
-  box-sizing: border-box;
-  /deep/ .uni-forms-item__content {
-    justify-content: flex-end;
-    text-align: right;
-    display: flex;
-  }
-  /deep/ .uni-forms-item {
-    margin-bottom: 0;
-  }
-  /deep/ .uni-forms-item__label {
-    font-size: 16px;
-  }
-}
-.problem-box {
-  width: 100%;
-  padding: 20rpx;
-  box-sizing: border-box;
-  max-height: calc(100vh - 100px);
-  overflow: auto;
-  .detail-item {
-    margin-bottom: 20rpx;
-  }
-}
-.breadcrumb {
-  padding: 0 20rpx;
-  overflow-x: auto;
-}
-</style>
+	}
+
+	.breadcrumb {
+		padding: 0 20rpx;
+		overflow-x: auto;
+	}
+</style>
\ No newline at end of file