Commit @432320e0d3aa588d771b52748ee7d01e86bafb63

박민혁 2024-01-26

240126 박민혁 로그인 수정, 진단 관리, 컬럼 분석 수정

@432320e0d3aa588d771b52748ee7d01e86bafb63

776e0ea

432320e

client/resources/css/reset.css

--- client/resources/css/reset.css

+++ client/resources/css/reset.css


 
 select,
 input[type="text"],
+input[type="password"],
 input[type="date"] {
     min-width: 100px;
     padding: 5px 10px;

776e0ea

432320e

client/views/layout/Header.vue

--- client/views/layout/Header.vue

+++ client/views/layout/Header.vue


                 </div>
                 <button class="logout-btn" @click="logout()" v-show="cookieExist">로그아웃</button>
                 <button class="logout-btn" @click="login()" v-show="!cookieExist">로그인</button>
-                <button class="logout-btn" @click="join()">회원가입</button>
             </div>
         </div>
     </header>

                     $cookies.remove("USER_ID");
                     vm.cookieExist = false;
                     alert("로그아웃하였습니다.");
-                    vm.$emit("updateIsLogin", false);
                     vm.$router.go();
                     vm.$router.push({ path: '/', query: {} });
                 })

         login: function () {
             this.$router.push('/');
         },
-
-        //로그인 버튼 클릭시 login.page로 이동
-        join: function () {
-            this.$router.push('/join.page');
-        }
-
     },
     watch: {},
     computed: {

         console.log('Header mounted');
         this.cookieExist = true;
         //쿠키 존재 유무 확인
-        // if ($cookies.get("JSESSIONID") != null) {
-        //     this.cookieExist = true;
-        // }
-        // else {
-        //     // 없으면 로그인페이지로 이동
-        //     this.cookieExist = false;
-        //     this.$router.push('/');
-        // }
+         if ($cookies.get("JSESSIONID") != null) {
+             this.cookieExist = true;
+         }
+         else {
+             // 없으면 로그인페이지로 이동
+             this.cookieExist = false;
+             this.$router.push('/');
+         }
     }
 }
 </script>

776e0ea

432320e

client/views/pages/App.vue

--- client/views/pages/App.vue

+++ client/views/pages/App.vue


 import TopMenu from '../layout/TopMenu.vue';
 import PageNavigation from '../component/PageNavigation.vue';
 import AlertModal from '../component/AlertModal.vue';
+
 const App = {
    data: () => {
       return {
          // side혹은 top 둘중 한개 타입
          layoutType: "top",
-         isLogin: true,
+         isLogin: false,
       }
    },
    methods: {
-      // 로그인
-      updateIsLogin: function (boolean) {
-         console.log(boolean);
-         this.isLogin = boolean;
+      updateIsLogin: function () {
+         if ($cookies.get("JSESSIONID") != null) {
+             this.isLogin = true;
+         }
+         else {
+             this.isLogin = false;
+         }
       },
    },
    watch: {

    },
    mounted: function() {
       console.log('Vue mounted');
+      this.updateIsLogin();
       this.$setAlertRef(this.$refs.Alert);
    }
 }

776e0ea

432320e

client/views/pages/dbManagement/ColumnManagement.vue

--- client/views/pages/dbManagement/ColumnManagement.vue

+++ client/views/pages/dbManagement/ColumnManagement.vue


                   <tr
                     v-for="(item, index) in searchResultList"
                     :key="index"
-                    @dblclick="tableSelect(item.table_id)"
+                    @click="tableSelect(item.table_id)"
                   >
                     <td>
                       {{

776e0ea

432320e

client/views/pages/dbManagement/DbSchema.vue

--- client/views/pages/dbManagement/DbSchema.vue

+++ client/views/pages/dbManagement/DbSchema.vue


                                 <th>설명</th>
                             </tr>
                         </thead>
-                        <tbody class="dbData">
+                        <tbody class="dbData" >
                             <tr
                                 v-for="(db, index) in dbList"
                                 :key="index"

                                     </select>
                                 </td>
                                 <td>{{ db.dbms_version }}</td>
-                                <td><input type="text" v-model="db.dbms_url_port" /></td>
+                                <td><input type="text" v-model="db.dbms_url_port" style="width: 300px;"/></td>
                                 <td><input type="text" v-model="db.dbms_drive_nm" /></td>
                                 <td><input type="text" v-model="db.dbms_connect_id" /></td>
                                 <td><input type="password" v-model="db.dbms_connect_pw" /></td>
                                 <td><input type="text" v-model="db.dbms_ag_nm" /></td>
                                 <td><input type="text" v-model="db.dbms_system_nm" /></td>
-                                <td><input type="text" v-model="db.dbms_explain" /></td>
+                                <td><input type="text" v-model="db.dbms_explain" style="width: 300px;"/></td>
                             </tr>
                             <tr>
                                 <td colspan="3" style="text-align: left">

                                     </select>
                                 </td>
                                 <td></td>
-                                <td><input type="text" v-model="dbInput.dbms_url_port" /></td>
+                                <td><input type="text" v-model="dbInput.dbms_url_port" style="width: 300px;"/></td>
                                 <td><input type="text" v-model="dbInput.dbms_drive_nm" /></td>
                                 <td><input type="text" v-model="dbInput.dbms_connect_id" /></td>
                                 <td><input type="password" v-model="dbInput.dbms_connect_pw" /></td>
                                 <td><input type="text" v-model="dbInput.dbms_ag_nm" /></td>
                                 <td><input type="text" v-model="dbInput.dbms_system_nm" /></td>
-                                <td><input type="text" v-model="dbInput.dbms_explain" /></td>
+                                <td><input type="text" v-model="dbInput.dbms_explain" style="width: 300px;"/></td>
                             </tr>
                         </tbody>
                     </table>

                                     type="text"
                                     :placeholder="item.schema_explain"
                                     :disabled="!selectedSchemaIds.includes(item.schema_id)"
-                                    v-model="item.updatedSchemaExplain"
+                                    v-model="item.updatedSchemaExplain" style="width: 600px;"
                                 />
                             </td>
                         </tr>

     },
 };
 </script>
-<style>
-.dbData input[type='text'] {
-    min-width: 100px;
-}
-</style>

776e0ea

432320e

client/views/pages/login/Login.vue

--- client/views/pages/login/Login.vue

+++ client/views/pages/login/Login.vue


 <script>
 import axios from "axios";
 import vueCookie from "vue-cookies";
+
 export default {
     data() {
         return {

                 .then(function (response) {
                     console.log("login - response", response.data);
                     if (response.data > 0) {
-                        vm.$emit("updateIsLogin", true);
                         vm.$router.go();
                         vm.$router.push({ path: '/main.page', query: {} });
                     } else {

Add a comment

Open 0
Closed 0

List

...	...	@@ -67,6 +67,7 @@
67	67
68	68	select,
69	69	input[type="text"],
	70	+input[type="password"],
70	71	input[type="date"] {
71	72	min-width: 100px;
72	73	padding: 5px 10px;

...	...	@@ -18,7 +18,6 @@
18	18	</div>
19	19	<button class="logout-btn" @click="logout()" v-show="cookieExist">로그아웃</button>
20	20	<button class="logout-btn" @click="login()" v-show="!cookieExist">로그인</button>
21		- <button class="logout-btn" @click="join()">회원가입</button>
22	21	</div>
23	22	</div>
24	23	</header>
...	...	@@ -59,7 +58,6 @@
59	58	$cookies.remove("USER_ID");
60	59	vm.cookieExist = false;
61	60	alert("로그아웃하였습니다.");
62		- vm.$emit("updateIsLogin", false);
63	61	vm.$router.go();
64	62	vm.$router.push({ path: '/', query: {} });
65	63	})
...	...	@@ -74,12 +72,6 @@
74	72	login: function () {
75	73	this.$router.push('/');
76	74	},
77		-
78		- //로그인 버튼 클릭시 login.page로 이동
79		- join: function () {
80		- this.$router.push('/join.page');
81		- }
82		-
83	75	},
84	76	watch: {},
85	77	computed: {
...	...	@@ -103,14 +95,14 @@
103	95	console.log('Header mounted');
104	96	this.cookieExist = true;
105	97	//쿠키 존재 유무 확인
106		- // if ($cookies.get("JSESSIONID") != null) {
107		- // this.cookieExist = true;
108		- // }
109		- // else {
110		- // // 없으면 로그인페이지로 이동
111		- // this.cookieExist = false;
112		- // this.$router.push('/');
113		- // }
	98	+ if ($cookies.get("JSESSIONID") != null) {
	99	+ this.cookieExist = true;
	100	+ }
	101	+ else {
	102	+ // 없으면 로그인페이지로 이동
	103	+ this.cookieExist = false;
	104	+ this.$router.push('/');
	105	+ }
114	106	}
115	107	}
116	108	</script> (No newline at end of file)

...	...	@@ -112,7 +112,7 @@
112	112	<tr
113	113	v-for="(item, index) in searchResultList"
114	114	:key="index"
115		- @dblclick="tableSelect(item.table_id)"
	115	+ @click="tableSelect(item.table_id)"
116	116	>
117	117	<td>
118	118	{{

...	...	@@ -70,7 +70,7 @@
70	70	<th>설명</th>
71	71	</tr>
72	72	</thead>
73		- <tbody class="dbData">
	73	+ <tbody class="dbData" >
74	74	<tr
75	75	v-for="(db, index) in dbList"
76	76	:key="index"
...	...	@@ -90,13 +90,13 @@
90	90	</select>
91	91	</td>
92	92	<td>{{ db.dbms_version }}</td>
93		- <td><input type="text" v-model="db.dbms_url_port" /></td>
	93	+ <td><input type="text" v-model="db.dbms_url_port" style="width: 300px;"/></td>
94	94	<td><input type="text" v-model="db.dbms_drive_nm" /></td>
95	95	<td><input type="text" v-model="db.dbms_connect_id" /></td>
96	96	<td><input type="password" v-model="db.dbms_connect_pw" /></td>
97	97	<td><input type="text" v-model="db.dbms_ag_nm" /></td>
98	98	<td><input type="text" v-model="db.dbms_system_nm" /></td>
99		- <td><input type="text" v-model="db.dbms_explain" /></td>
	99	+ <td><input type="text" v-model="db.dbms_explain" style="width: 300px;"/></td>
100	100	</tr>
101	101	<tr>
102	102	<td colspan="3" style="text-align: left">
...	...	@@ -110,13 +110,13 @@
110	110	</select>
111	111	</td>
112	112	<td></td>
113		- <td><input type="text" v-model="dbInput.dbms_url_port" /></td>
	113	+ <td><input type="text" v-model="dbInput.dbms_url_port" style="width: 300px;"/></td>
114	114	<td><input type="text" v-model="dbInput.dbms_drive_nm" /></td>
115	115	<td><input type="text" v-model="dbInput.dbms_connect_id" /></td>
116	116	<td><input type="password" v-model="dbInput.dbms_connect_pw" /></td>
117	117	<td><input type="text" v-model="dbInput.dbms_ag_nm" /></td>
118	118	<td><input type="text" v-model="dbInput.dbms_system_nm" /></td>
119		- <td><input type="text" v-model="dbInput.dbms_explain" /></td>
	119	+ <td><input type="text" v-model="dbInput.dbms_explain" style="width: 300px;"/></td>
120	120	</tr>
121	121	</tbody>
122	122	</table>
...	...	@@ -162,7 +162,7 @@
162	162	type="text"
163	163	:placeholder="item.schema_explain"
164	164	:disabled="!selectedSchemaIds.includes(item.schema_id)"
165		- v-model="item.updatedSchemaExplain"
	165	+ v-model="item.updatedSchemaExplain" style="width: 600px;"
166	166	/>
167	167	</td>
168	168	</tr>
...	...	@@ -606,8 +606,3 @@
606	606	},
607	607	};
608	608	</script>
609		-<style>
610		-.dbData input[type='text'] {
611		- min-width: 100px;
612		-}
613		-</style>

...	...	@@ -34,6 +34,7 @@
34	34	<script>
35	35	import axios from "axios";
36	36	import vueCookie from "vue-cookies";
	37	+
37	38	export default {
38	39	data() {
39	40	return {
...	...	@@ -75,7 +76,6 @@
75	76	.then(function (response) {
76	77	console.log("login - response", response.data);
77	78	if (response.data > 0) {
78		- vm.$emit("updateIsLogin", true);
79	79	vm.$router.go();
80	80	vm.$router.push({ path: '/main.page', query: {} });
81	81	} else {

...	...	@@ -17,19 +17,23 @@
17	17	import TopMenu from '../layout/TopMenu.vue';
18	18	import PageNavigation from '../component/PageNavigation.vue';
19	19	import AlertModal from '../component/AlertModal.vue';
	20	+
20	21	const App = {
21	22	data: () => {
22	23	return {
23	24	// side혹은 top 둘중 한개 타입
24	25	layoutType: "top",
25		- isLogin: true,
	26	+ isLogin: false,
26	27	}
27	28	},
28	29	methods: {
29		- // 로그인
30		- updateIsLogin: function (boolean) {
31		- console.log(boolean);
32		- this.isLogin = boolean;
	30	+ updateIsLogin: function () {
	31	+ if ($cookies.get("JSESSIONID") != null) {
	32	+ this.isLogin = true;
	33	+ }
	34	+ else {
	35	+ this.isLogin = false;
	36	+ }
33	37	},
34	38	},
35	39	watch: {
...	...	@@ -45,6 +49,7 @@
45	49	},
46	50	mounted: function() {
47	51	console.log('Vue mounted');
	52	+ this.updateIsLogin();
48	53	this.$setAlertRef(this.$refs.Alert);
49	54	}
50	55	}

Delete comment