Commit @311ed36db0bcda5ca287387c50bec90b2aeeb4cd

김하영 2023-12-08

231208김하영 반응형 세부 수정

@311ed36db0bcda5ca287387c50bec90b2aeeb4cd

72e8326

311ed36

client/resources/css/responsive.css

--- client/resources/css/responsive.css

+++ client/resources/css/responsive.css


   }
   /* 홍보/뉴스 */
   .news-bos {
-    width: 90%;
+    width: 100%;
     margin: 0 auto;
     grid-template-columns: 1fr;
   }
+  .news-bos-box{
+    padding: 2rem;
+    width: 100%;
+  }
   .modal-content {
     width: 100%;
     background-color: rgb(255, 255, 255);

72e8326

311ed36

client/views/pages/user/networking/Matching.vue

--- client/views/pages/user/networking/Matching.vue

+++ client/views/pages/user/networking/Matching.vue


                 },
                 data: { 'company_id': item.company_id }
             }).then(function (response) {
-                vm.$router.push({ path: '/MatchingOne.page', query: { 'company_id': item.company_id, 'best': best } });
+                vm.$router.push({ path: '/MatchingOne.page', query: { 'company_id': item.company_id, 'best': best } })
+                .then(() => vm.$nextTick())// DOM 업데이트를 기다립니다.
+                .then(() => window.scrollTo(0, 0)); // 그
             }).catch(function (error) {
-                console.log("기업 상세조회 오류, 관리자에게 문의하세요.");
-            })
-        },
-
-        /**페이지 접속 로그 등록 */
-        pageLogInsert: function () {
-            const vm = this;
-
-            axios({
-                url: '/statistics/pageLogInsert.json',
-                method: 'post',
-                headers: {
-                    'Content-Type': "application/json; charset=UTF-8",
-                },
-                data: { "page_nm": vm.page_nm }
-            })
-        },
-
-        toggleKeyword(keywordItem) {
-            let index = this.companyListSearch.selectedKeywords.indexOf(keywordItem);
-            if (index !== -1) {
-                this.companyListSearch.selectedKeywords.splice(index, 1);
-            } else {
-                this.companyListSearch.selectedKeywords.push(keywordItem);
-            }
-            this.companySelectList();
-        },
+                    console.log("기업 상세조회 오류, 관리자에게 문의하세요.");
+                })
     },
-    watch: {
-        "modalType": function (newValue, oldValue) {
-            if (this.modalType != null) {
-                console.log("modalType watch: ", newValue, oldValue);
-                this.openModal();
-            }
-        },
-    },
-    computed: {
 
-    },
-    created() {
+    /**페이지 접속 로그 등록 */
+    pageLogInsert: function () {
         const vm = this;
+
         axios({
-            url: "/keyword/keywordList.json",
-            method: "post",
+            url: '/statistics/pageLogInsert.json',
+            method: 'post',
             headers: {
-                "Content-Type": "application/json",
+                'Content-Type': "application/json; charset=UTF-8",
             },
-        }).then(function (response) {
-            vm.keywords = response.data.map(item => item.keyword_nm);
-        }).catch(function (error) {
-            console.log("keywordList - error : ", error);
-        });
+            data: { "page_nm": vm.page_nm }
+        })
     },
-    components: {
-        PaginationButton: PaginationButton,
-    },
-    mounted() {
-        console.log('Matching mounted');
-        this.pageLogInsert();
+
+    toggleKeyword(keywordItem) {
+        let index = this.companyListSearch.selectedKeywords.indexOf(keywordItem);
+        if (index !== -1) {
+            this.companyListSearch.selectedKeywords.splice(index, 1);
+        } else {
+            this.companyListSearch.selectedKeywords.push(keywordItem);
+        }
         this.companySelectList();
-    }
+    },
+},
+watch: {
+    "modalType": function (newValue, oldValue) {
+        if (this.modalType != null) {
+            console.log("modalType watch: ", newValue, oldValue);
+            this.openModal();
+        }
+    },
+},
+computed: {
+
+},
+created() {
+    const vm = this;
+    axios({
+        url: "/keyword/keywordList.json",
+        method: "post",
+        headers: {
+            "Content-Type": "application/json",
+        },
+    }).then(function (response) {
+        vm.keywords = response.data.map(item => item.keyword_nm);
+    }).catch(function (error) {
+        console.log("keywordList - error : ", error);
+    });
+},
+components: {
+    PaginationButton: PaginationButton,
+    },
+mounted() {
+    console.log('Matching mounted');
+    this.pageLogInsert();
+    this.companySelectList();
+}
 }
 </script>
 

Add a comment

Open 0
Closed 0

List

...	...	@@ -375,10 +375,14 @@
375	375	}
376	376	/* 홍보/뉴스 */
377	377	.news-bos {
378		- width: 90%;
	378	+ width: 100%;
379	379	margin: 0 auto;
380	380	grid-template-columns: 1fr;
381	381	}
	382	+ .news-bos-box{
	383	+ padding: 2rem;
	384	+ width: 100%;
	385	+ }
382	386	.modal-content {
383	387	width: 100%;
384	388	background-color: rgb(255, 255, 255);

...	...	@@ -306,69 +306,71 @@
306	306	},
307	307	data: { 'company_id': item.company_id }
308	308	}).then(function (response) {
309		- vm.$router.push({ path: '/MatchingOne.page', query: { 'company_id': item.company_id, 'best': best } });
	309	+ vm.$router.push({ path: '/MatchingOne.page', query: { 'company_id': item.company_id, 'best': best } })
	310	+ .then(() => vm.$nextTick())// DOM 업데이트를 기다립니다.
	311	+ .then(() => window.scrollTo(0, 0)); // 그
310	312	}).catch(function (error) {
311		- console.log("기업 상세조회 오류, 관리자에게 문의하세요.");
312		- })
313		- },
314		-
315		- /*페이지 접속 로그 등록 /
316		- pageLogInsert: function () {
317		- const vm = this;
318		-
319		- axios({
320		- url: '/statistics/pageLogInsert.json',
321		- method: 'post',
322		- headers: {
323		- 'Content-Type': "application/json; charset=UTF-8",
324		- },
325		- data: { "page_nm": vm.page_nm }
326		- })
327		- },
328		-
329		- toggleKeyword(keywordItem) {
330		- let index = this.companyListSearch.selectedKeywords.indexOf(keywordItem);
331		- if (index !== -1) {
332		- this.companyListSearch.selectedKeywords.splice(index, 1);
333		- } else {
334		- this.companyListSearch.selectedKeywords.push(keywordItem);
335		- }
336		- this.companySelectList();
337		- },
	313	+ console.log("기업 상세조회 오류, 관리자에게 문의하세요.");
	314	+ })
338	315	},
339		- watch: {
340		- "modalType": function (newValue, oldValue) {
341		- if (this.modalType != null) {
342		- console.log("modalType watch: ", newValue, oldValue);
343		- this.openModal();
344		- }
345		- },
346		- },
347		- computed: {
348	316
349		- },
350		- created() {
	317	+ /*페이지 접속 로그 등록 /
	318	+ pageLogInsert: function () {
351	319	const vm = this;
	320	+
352	321	axios({
353		- url: "/keyword/keywordList.json",
354		- method: "post",
	322	+ url: '/statistics/pageLogInsert.json',
	323	+ method: 'post',
355	324	headers: {
356		- "Content-Type": "application/json",
	325	+ 'Content-Type': "application/json; charset=UTF-8",
357	326	},
358		- }).then(function (response) {
359		- vm.keywords = response.data.map(item => item.keyword_nm);
360		- }).catch(function (error) {
361		- console.log("keywordList - error : ", error);
362		- });
	327	+ data: { "page_nm": vm.page_nm }
	328	+ })
363	329	},
364		- components: {
365		- PaginationButton: PaginationButton,
366		- },
367		- mounted() {
368		- console.log('Matching mounted');
369		- this.pageLogInsert();
	330	+
	331	+ toggleKeyword(keywordItem) {
	332	+ let index = this.companyListSearch.selectedKeywords.indexOf(keywordItem);
	333	+ if (index !== -1) {
	334	+ this.companyListSearch.selectedKeywords.splice(index, 1);
	335	+ } else {
	336	+ this.companyListSearch.selectedKeywords.push(keywordItem);
	337	+ }
370	338	this.companySelectList();
371		- }
	339	+ },
	340	+},
	341	+watch: {
	342	+ "modalType": function (newValue, oldValue) {
	343	+ if (this.modalType != null) {
	344	+ console.log("modalType watch: ", newValue, oldValue);
	345	+ this.openModal();
	346	+ }
	347	+ },
	348	+},
	349	+computed: {
	350	+
	351	+},
	352	+created() {
	353	+ const vm = this;
	354	+ axios({
	355	+ url: "/keyword/keywordList.json",
	356	+ method: "post",
	357	+ headers: {
	358	+ "Content-Type": "application/json",
	359	+ },
	360	+ }).then(function (response) {
	361	+ vm.keywords = response.data.map(item => item.keyword_nm);
	362	+ }).catch(function (error) {
	363	+ console.log("keywordList - error : ", error);
	364	+ });
	365	+},
	366	+components: {
	367	+ PaginationButton: PaginationButton,
	368	+ },
	369	+mounted() {
	370	+ console.log('Matching mounted');
	371	+ this.pageLogInsert();
	372	+ this.companySelectList();
	373	+}
372	374	}
373	375	</script>
374	376

Delete comment