Commit @aa83c01e7f69bd5b6d03d8555a542ff9101f709d

youngsuk 2023-08-31

230831 서영석 횡단보도 상세조회 이미지

@aa83c01e7f69bd5b6d03d8555a542ff9101f709d

5d27f05

aa83c01

client/views/pages/CrosswalkManagement/CrosswalkSearch.vue

--- client/views/pages/CrosswalkManagement/CrosswalkSearch.vue

+++ client/views/pages/CrosswalkManagement/CrosswalkSearch.vue


             </button>
           </h2>
         <div class="modal_base_body">
-          <!-- <div class="flex-between">
-                <div class="img">무단횡단검지카메라 이미지</div>
-                <div class="img">무단횡단검지카메라 이미지</div>
-                <div class="img">신호연장검지카메라 이미지</div>
-                <div class="img">신호연장검지카메라 이미지</div>
-                <div class="img">우회차량검지카메라 이미지</div>
-              </div> -->
+          <div class="flex-between">
+            <div v-if="WTRMS_CAM1.file_name!=null" class="img" >무단횡단검지카메라 이미지
+              <img style="height:100px;" :src="'http://localhost:8080/download/'+WTRMS_CAM1.file_path+'/'+WTRMS_CAM1.file_name">
+            </div>
+            <div v-if="WTRMS_CAM2.file_name!=null" class="img" >무단횡단검지카메라 이미지
+              <img style="height:100px;" :src="'http://localhost:8080/download/'+WTRMS_CAM2.file_path+'/'+WTRMS_CAM1.file_name">
+            </div>
+            <div v-if="SIGNL_EXTN_CAM1.file_name!=null" class="img" >신호연장검지카메라 이미지
+              <img style="height:100px;" :src="'http://localhost:8080/download/'+SIGNL_EXTN_CAM1.file_path+'/'+WTRMS_CAM1.file_name">
+            </div>
+            <div v-if="SIGNL_EXTN_CAM2.file_name!=null" class="img" >신호연장검지카메라 이미지
+              <img style="height:100px;" :src="'http://localhost:8080/download/'+SIGNL_EXTN_CAM2.file_path+'/'+WTRMS_CAM1.file_name">
+            </div>
+            <div v-if="RITTRN_VHCLE_CAM.file_name!=null" class="img" >우회차량검지카메라 이미지
+              <img style="height:100px;" :src="'http://localhost:8080/download/'+RITTRN_VHCLE_CAM.file_path+'/'+WTRMS_CAM1.file_name">
+            </div>
+          </div>
           <h3 class="modal_base_title">횡단보도 기본정보</h3>
            <div class="de_Search">
            <table class="troubleTable mrg_b_0" >     

         { id: 3, name: "우회전 차량", isActive: false },
         { id: 4, name: "장애발생", isActive: false },
       ],
+      file_info:[],
+      RITTRN_VHCLE_CAM:{
+        file_path:null,
+        file_name:null,
+      },
+      WTRMS_CAM1:{
+        file_path:null,
+        file_name:null,
+      },
+      WTRMS_CAM2:{
+        file_path:null,
+        file_name:null,
+      },
+      SIGNL_EXTN_CAM1:{
+        file_path:null,
+        file_name:null,
+      },
+      SIGNL_EXTN_CAM2:{
+        file_path:null,
+        file_name:null,
+      },
     };
   },
   components: {

         }
       }
     },
+    
+
+    //횡단보도 이미지 조회
+    crosswalkImgSelect: function (item) {
+      const vm = this;
+      // console.log("crosswalkSelectOne item : ",item);
+      axios({
+        url: "/statusControl/crosswalkImgSelectList.json",
+        method: "post",
+        headers: {
+          "Content-Type": "application/json; charset=UTF-8",
+        },
+        data: { node_id: vm.address.node_id, crslk_az: item.crslk_az },
+      }).then(function (response) {  
+          console.log("crosswalkImgSelectList response : ",response.data);
+          let cnt1=0;
+          let cnt2=0;
+          for( var i=0 ;  i<response.data.length ; i++){
+            console.log("for response i : ",i," :",response.data[i]);
+            //우회전 카메라
+            if(response.data[i].eqpmn_ty_id==='EQPMN-CAM-RITTRN_VHCLE'){
+              vm.RITTRN_VHCLE_CAM.file_name=response.data[i].file_nm;
+              vm.RITTRN_VHCLE_CAM.file_path=response.data[i].real_file_nm;
+            }
+            //무단횡단 카메라
+            if(response.data[i].eqpmn_ty_id==='EQPMN-CAM-WTRMS'){
+              console.log("for ck i : ",i," :",response.data[i]);
+              if(cnt1==0){
+                vm.WTRMS_CAM1.file_name=response.data[i].file_nm;
+                vm.WTRMS_CAM1.file_path=response.data[i].real_file_nm;
+              }
+              else{
+                vm.WTRMS_CAM2.file_name=response.data[i].file_nm;
+                vm.WTRMS_CAM2.file_path=response.data[i].real_file_nm;
+              }
+              cnt1++;
+              console.log("WTRMS_CAM1 i : ",i," :",vm.WTRMS_CAM1);
+              console.log("WTRMS_CAM2 i : ",i," :",vm.WTRMS_CAM2);
+            }
+            //신호연장 카메라
+            if(response.data[i].eqpmn_ty_id==='EQPMN-CAM-SIGNL_EXTN'){
+              if(cnt2==0){
+                vm.SIGNL_EXTN_CAM1.file_name=response.data[i].file_nm;
+                vm.SIGNL_EXTN_CAM1.file_path=response.data[i].real_file_nm;
+              }
+              else{
+                vm.SIGNL_EXTN_CAM2.file_name=response.data[i].file_nm;
+                vm.SIGNL_EXTN_CAM2.file_path=response.data[i].real_file_nm;
+              }
+              cnt2++;
+            }
+          } 
+          vm.file_info = response.data;
+        })
+        .catch(function (error) {
+          console.log("crosswalkSelectOne - error : ", error);
+          alert("횡단보도 상세조회 오류, 관리자에게 문의해주세요.");
+        });
+    },
 
     //횡단보도 상세조회
     crosswalkSelectOne: function (item) {

             vm.crosswalk.wtrms_crosng_eqpmn_instl_yn = false;
           }
           vm.modal_crosswalkOne = true;
+          vm.crosswalkImgSelect(item);
+
         })
         .catch(function (error) {
           console.log("crosswalkSelectOne - error : ", error);

   },
   computed: {},
   mounted() {   
-
     this.selectMap = emapBaseLayer;
     this.$refs.open_layers.setBaseMap(this.selectMap);
 

Add a comment

Open 0
Closed 0

List

...	...	@@ -385,13 +385,23 @@
385	385	</button>
386	386	</h2>
387	387	<div class="modal_base_body">
388		- <!-- <div class="flex-between">
389		- <div class="img">무단횡단검지카메라 이미지</div>
390		- <div class="img">무단횡단검지카메라 이미지</div>
391		- <div class="img">신호연장검지카메라 이미지</div>
392		- <div class="img">신호연장검지카메라 이미지</div>
393		- <div class="img">우회차량검지카메라 이미지</div>
394		- </div> -->
	388	+ <div class="flex-between">
	389	+ <div v-if="WTRMS_CAM1.file_name!=null" class="img" >무단횡단검지카메라 이미지
	390	+ <img style="height:100px;" :src="'http://localhost:8080/download/'+WTRMS_CAM1.file_path+'/'+WTRMS_CAM1.file_name">
	391	+ </div>
	392	+ <div v-if="WTRMS_CAM2.file_name!=null" class="img" >무단횡단검지카메라 이미지
	393	+ <img style="height:100px;" :src="'http://localhost:8080/download/'+WTRMS_CAM2.file_path+'/'+WTRMS_CAM1.file_name">
	394	+ </div>
	395	+ <div v-if="SIGNL_EXTN_CAM1.file_name!=null" class="img" >신호연장검지카메라 이미지
	396	+ <img style="height:100px;" :src="'http://localhost:8080/download/'+SIGNL_EXTN_CAM1.file_path+'/'+WTRMS_CAM1.file_name">
	397	+ </div>
	398	+ <div v-if="SIGNL_EXTN_CAM2.file_name!=null" class="img" >신호연장검지카메라 이미지
	399	+ <img style="height:100px;" :src="'http://localhost:8080/download/'+SIGNL_EXTN_CAM2.file_path+'/'+WTRMS_CAM1.file_name">
	400	+ </div>
	401	+ <div v-if="RITTRN_VHCLE_CAM.file_name!=null" class="img" >우회차량검지카메라 이미지
	402	+ <img style="height:100px;" :src="'http://localhost:8080/download/'+RITTRN_VHCLE_CAM.file_path+'/'+WTRMS_CAM1.file_name">
	403	+ </div>
	404	+ </div>
395	405	<h3 class="modal_base_title">횡단보도 기본정보</h3>
396	406	<div class="de_Search">
397	407	<table class="troubleTable mrg_b_0" >
...	...	@@ -693,6 +703,27 @@
693	703	{ id: 3, name: "우회전 차량", isActive: false },
694	704	{ id: 4, name: "장애발생", isActive: false },
695	705	],
	706	+ file_info:[],
	707	+ RITTRN_VHCLE_CAM:{
	708	+ file_path:null,
	709	+ file_name:null,
	710	+ },
	711	+ WTRMS_CAM1:{
	712	+ file_path:null,
	713	+ file_name:null,
	714	+ },
	715	+ WTRMS_CAM2:{
	716	+ file_path:null,
	717	+ file_name:null,
	718	+ },
	719	+ SIGNL_EXTN_CAM1:{
	720	+ file_path:null,
	721	+ file_name:null,
	722	+ },
	723	+ SIGNL_EXTN_CAM2:{
	724	+ file_path:null,
	725	+ file_name:null,
	726	+ },
696	727	};
697	728	},
698	729	components: {
...	...	@@ -1216,6 +1247,65 @@
1216	1247	}
1217	1248	}
1218	1249	},
	1250	+
	1251	+
	1252	+ //횡단보도 이미지 조회
	1253	+ crosswalkImgSelect: function (item) {
	1254	+ const vm = this;
	1255	+ // console.log("crosswalkSelectOne item : ",item);
	1256	+ axios({
	1257	+ url: "/statusControl/crosswalkImgSelectList.json",
	1258	+ method: "post",
	1259	+ headers: {
	1260	+ "Content-Type": "application/json; charset=UTF-8",
	1261	+ },
	1262	+ data: { node_id: vm.address.node_id, crslk_az: item.crslk_az },
	1263	+ }).then(function (response) {
	1264	+ console.log("crosswalkImgSelectList response : ",response.data);
	1265	+ let cnt1=0;
	1266	+ let cnt2=0;
	1267	+ for( var i=0 ; i<response.data.length ; i++){
	1268	+ console.log("for response i : ",i," :",response.data[i]);
	1269	+ //우회전 카메라
	1270	+ if(response.data[i].eqpmn_ty_id==='EQPMN-CAM-RITTRN_VHCLE'){
	1271	+ vm.RITTRN_VHCLE_CAM.file_name=response.data[i].file_nm;
	1272	+ vm.RITTRN_VHCLE_CAM.file_path=response.data[i].real_file_nm;
	1273	+ }
	1274	+ //무단횡단 카메라
	1275	+ if(response.data[i].eqpmn_ty_id==='EQPMN-CAM-WTRMS'){
	1276	+ console.log("for ck i : ",i," :",response.data[i]);
	1277	+ if(cnt1==0){
	1278	+ vm.WTRMS_CAM1.file_name=response.data[i].file_nm;
	1279	+ vm.WTRMS_CAM1.file_path=response.data[i].real_file_nm;
	1280	+ }
	1281	+ else{
	1282	+ vm.WTRMS_CAM2.file_name=response.data[i].file_nm;
	1283	+ vm.WTRMS_CAM2.file_path=response.data[i].real_file_nm;
	1284	+ }
	1285	+ cnt1++;
	1286	+ console.log("WTRMS_CAM1 i : ",i," :",vm.WTRMS_CAM1);
	1287	+ console.log("WTRMS_CAM2 i : ",i," :",vm.WTRMS_CAM2);
	1288	+ }
	1289	+ //신호연장 카메라
	1290	+ if(response.data[i].eqpmn_ty_id==='EQPMN-CAM-SIGNL_EXTN'){
	1291	+ if(cnt2==0){
	1292	+ vm.SIGNL_EXTN_CAM1.file_name=response.data[i].file_nm;
	1293	+ vm.SIGNL_EXTN_CAM1.file_path=response.data[i].real_file_nm;
	1294	+ }
	1295	+ else{
	1296	+ vm.SIGNL_EXTN_CAM2.file_name=response.data[i].file_nm;
	1297	+ vm.SIGNL_EXTN_CAM2.file_path=response.data[i].real_file_nm;
	1298	+ }
	1299	+ cnt2++;
	1300	+ }
	1301	+ }
	1302	+ vm.file_info = response.data;
	1303	+ })
	1304	+ .catch(function (error) {
	1305	+ console.log("crosswalkSelectOne - error : ", error);
	1306	+ alert("횡단보도 상세조회 오류, 관리자에게 문의해주세요.");
	1307	+ });
	1308	+ },
1219	1309
1220	1310	//횡단보도 상세조회
1221	1311	crosswalkSelectOne: function (item) {
...	...	@@ -1264,6 +1354,8 @@
1264	1354	vm.crosswalk.wtrms_crosng_eqpmn_instl_yn = false;
1265	1355	}
1266	1356	vm.modal_crosswalkOne = true;
	1357	+ vm.crosswalkImgSelect(item);
	1358	+
1267	1359	})
1268	1360	.catch(function (error) {
1269	1361	console.log("crosswalkSelectOne - error : ", error);
...	...	@@ -1384,7 +1476,6 @@
1384	1476	},
1385	1477	computed: {},
1386	1478	mounted() {
1387		-
1388	1479	this.selectMap = emapBaseLayer;
1389	1480	this.$refs.open_layers.setBaseMap(this.selectMap);
1390	1481

Delete comment