| 
					
				 | 
			
			
				@@ -153,10 +153,13 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import { reactive, ref } from "vue"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { reactive, ref, onMounted } from "vue"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import personList from "../personList.vue"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import securityFacilitiesErrService from "@/api/securityFacilitiesErr/securityFacilitiesErrService"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import tools from "@/api/sys/tools"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { useRoute } from "vue-router"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+// 图片路径 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import $base from "@/utils/config"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   components: { personList }, 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -166,7 +169,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const onClickLeft = () => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       history.back(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    const info = reactive({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    const info = ref({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       id: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       siteName: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         id: "", 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -185,6 +188,43 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       state: "0", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       assessment: "0", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    // 根据路由初始化 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    let route = useRoute(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    onMounted(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if (route.query.id) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        new securityFacilitiesErrService().queryById(route.query.id).then((data) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          info.value = data;     
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          if(info.value.facilityType=="1"){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            info.value.facilityTypename="消防设备"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          }else{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            info.value.facilityTypename="监控、音频"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          //附件处理       
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          info.value.enclosure.split("|").forEach((item) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            if (item.trim().length > 0) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              fileList.value.push({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                name: decodeURIComponent( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  item.substring(item.lastIndexOf("/") + 1) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                ), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                url: $base + item.replace('程序附件//','程序附件/'), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              fileupList.value.push({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                name: decodeURIComponent( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  item.substring(item.lastIndexOf("/") + 1) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                ), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                url: item, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          console.log(info.value); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     // 场所名称 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     let places = ref([]); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const customFieldName = { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -203,7 +243,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const getPlace = ({ selectedOptions }) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       if(selectedOptions[0]!=undefined&&selectedOptions[0]!=null){  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         showPlace.value = false; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        info.siteName = selectedOptions[0]; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        info.value.siteName = selectedOptions[0]; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         //场所选择完成后刷新 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         getVideoAudioList(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         getFireStationList(); 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -214,8 +254,8 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const facilityTypes = [{text:"监控、音频",value:"0"},{text:"消防设备",value:"1"}]; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const getfacilityType= ({ selectedOptions }) => {      
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       if(selectedOptions[0]!=undefined&&selectedOptions[0]!=null){   
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        info.facilityType = selectedOptions[0].value; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        info.facilityTypename = selectedOptions[0].text; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        info.value.facilityType = selectedOptions[0].value; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        info.value.facilityTypename = selectedOptions[0].text; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         getVideoAudioList(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         getFireStationList(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         showLx.value = false; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -227,12 +267,12 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     let VideoAudios = ref([]); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     //同时选择好场所、设施类型后才获取视频列表 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const getVideoAudioList= () => {     
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      if(info.siteName.id!=""&&info.facilityType=="0"){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if(info.value.siteName.id!=""&&info.value.facilityType=="0"){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         new tools() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         .videoPointList({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           current: 1, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           size: 10000, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          siteId: info.siteName.id, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          siteId: info.value.siteName.id, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         .then(({ records }) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           VideoAudios.value=records; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -242,8 +282,8 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const setVideoAudios= ({ selectedOptions }) => {     
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       if(selectedOptions[0]!=undefined&&selectedOptions[0]!=null){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        info.videoAudioPoint = selectedOptions[0]; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        info.position=selectedOptions[0].position; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        info.value.videoAudioPoint = selectedOptions[0]; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        info.value.position=selectedOptions[0].position; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         showVideoAudio.value = false; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       }             
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -254,12 +294,12 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     let FireStations = ref([]); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     //同时选择好场所、设施类型后才获取消防点位列表 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const getFireStationList= () => {     
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      if(info.siteName.id!=""&&info.facilityType=="1"){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if(info.value.siteName.id!=""&&info.value.facilityType=="1"){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         new tools() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         .fireStationList({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           current: 1, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           size: 10000, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          siteId: info.siteName.id, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          siteId: info.value.siteName.id, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         .then(({ records }) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           FireStations.value=records; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -269,8 +309,8 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const setFireStations= ({ selectedOptions }) => {      
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       if(selectedOptions[0]!=undefined&&selectedOptions[0]!=null){  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        info.siteFireProtection = selectedOptions[0]; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        info.position=selectedOptions[0].position; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        info.value.siteFireProtection = selectedOptions[0]; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        info.value.position=selectedOptions[0].position; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         showFireStation.value = false; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -313,15 +353,15 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     // 提交数据 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const submit = () => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       //添加保存前判断 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      if(info.siteName.id==""){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if(info.value.siteName.id==""){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         window.xm.showToast({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           message:"请先选择场所信息!" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       }else{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         //保存前附件处理 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        info.enclosure = fileupList.value.map((option) => option.url).join("|"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        new securityFacilitiesErrService().save(info).then((res) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        info.value.enclosure = fileupList.value.map((option) => option.url).join("|"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        new securityFacilitiesErrService().save(info.value).then((res) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           if(res.data=="保存安防设施异常成功"){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             window.xm.showToast({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               message:"保存成功!" 
			 |