grp_ai / matching_ai_withui

Commit 22b5101a2e7e47c47c8f58535ac8256e8fe5b237

Authored by 함상기
1 parent 0f94839d

2024.04.18

Showing 7 changed files with 76 additions and 40 deletions   Show diff stats
Inline Side-by-side
babylon-vue-4.0.0/src/layout/AppBreadcrumb.vue
  Show/Hide comments   View file @22b5101
... ... @@ -5,24 +5,44 @@
5 5 <li>
6 6 <button class="p-link" @click="home"><i class="pi pi-home"></i></button>
7 7 </li>
  8 + <span v-if="breadcrumb && breadcrumb[0]">
  9 + <li>/</li>
  10 + <li>{{ breadcrumb[0].parent }}</li>
  11 + <template v-for="item in breadcrumb" v-bind:key="item.id">
  12 + <li>/</li>
  13 + <li>{{ item.label }}</li>
  14 + </template>
  15 + </span>
  16 + </ul>
  17 + <!-- <ul>
  18 + <li>
  19 + <button class="p-link" @click="home"><i class="pi pi-home"></i></button>
  20 + </li>
8 21 <template v-if="$route.meta.breadcrumb">
9 22 <li v-if="$route.meta.breadcrumb[0].parent">/</li>
10 23 <li v-if="$route.meta.breadcrumb[0].parent">{{ $route.meta.breadcrumb[0].parent }}</li>
11 24 <li>/</li>
12 25 <li>{{ $route.meta.breadcrumb[0].label }}</li>
13 26 </template>
14   - </ul>
  27 + </ul> -->
15 28 </div>
16 29 </div>
17 30 </template>
18 31  
19 32 <script>
  33 +import router from '../router';
  34 +
20 35 export default {
21 36 methods: {
22 37 home() {
23 38 window.location = '/#/';
24 39 },
25 40 },
  41 + computed: {
  42 + breadcrumb() {
  43 + return router.currentRoute.value.meta.breadcrumb
  44 + }
  45 + },
26 46 };
27 47 </script>
28 48  
... ...
babylon-vue-4.0.0/src/layout/AppTopbar.vue
  Show/Hide comments   View file @22b5101
... ... @@ -28,9 +28,9 @@
28 28 </button>
29 29 </li>
30 30 <li role="menuitem">
31   - <button class="p-link">
32   - <i class="pi pi-cog"></i>
33   - <span>Settings</span>
  31 + <button class="p-link" @click="logout">
  32 + <i class="pi pi-sign-out"></i>
  33 + <span>Logout</span>
34 34 </button>
35 35 </li>
36 36 <li role="menuitem">
... ... @@ -114,6 +114,11 @@ export default {
114 114 togeulSamples(event) {
115 115 let blnSamples = !this.store.state.samplePages;
116 116 this.store.commit("setSamplePages", blnSamples);
  117 + },
  118 + logout(event) {
  119 + router.push({
  120 + path: "/logout",
  121 + });
117 122 }
118 123 },
119 124 computed: {
... ...
babylon-vue-4.0.0/src/router/index.js
  Show/Hide comments   View file @22b5101
... ... @@ -177,7 +177,11 @@ const routes = [
177 177 path: '/samples/menu/payment',
178 178 component: () => import('@/views/samples/uikit/menu/PaymentDemo.vue'),
179 179 meta: {
180   - breadcrumb: [{ parent: 'UI Kit(Samples)', label: 'PaymentDemo' }],
  180 + breadcrumb: [
  181 + { parent: 'UI Kit(Samples)1', label: 'UI Kit(Samples)2' },
  182 + { label: 'UI Kit(Samples)3' },
  183 + { label: 'PaymentDemo' }
  184 + ],
181 185 },
182 186 },
183 187 {
... ...
babylon-vue-4.0.0/src/service/AgGridService.js
  Show/Hide comments   View file @22b5101
... ... @@ -102,6 +102,22 @@ const agGridService = {
102 102 });
103 103  
104 104 return res;
  105 + },
  106 +
  107 + /**
  108 + * 디폴트 셀 스타일 적용
  109 + * @param {*} pGridApi
  110 + * @returns
  111 + */
  112 + agGridDefaultCellStyle: (params) => {
  113 + console.log("agGridDefaultCellStyle");
  114 + // 셀이 읽기 전용인 경우 배경색을 회색으로 변경
  115 + if (params.node && params.node.rowPinned) {
  116 + return { background: "lightgray" };
  117 + } else {
  118 + return null;
  119 + }
105 120 }
  121 +
106 122 }
107 123 export default agGridService;
108 124 \ No newline at end of file
... ...
babylon-vue-4.0.0/src/service/MenuDataService.js
  Show/Hide comments   View file @22b5101
... ... @@ -65,7 +65,7 @@ export const menuSamples =
65 65 { label: 'File', icon: 'pi pi-fw pi-file', to: '/samples/file', authrity: 'CURD', ord: 14 },
66 66 { label: 'Chart', icon: 'pi pi-fw pi-chart-bar', to: '/samples/chart', authrity: 'CURD', ord: 15 },
67 67 { label: 'Misc', icon: 'pi pi-fw pi-circle-off', to: '/samples/misc', authrity: 'CURD', ord: 16 },
68   - { label: 'Misc', icon: 'pi pi-fw pi-circle-off', to: '/samples/menu/payment', authrity: 'CURD', ord: 16 },
  68 + { label: 'menus', icon: 'pi pi-fw pi-circle-off', to: '/samples/menu/payment', authrity: 'CURD', ord: 16 },
69 69 ],
70 70 },
71 71 {
... ...
babylon-vue-4.0.0/src/views/common/Login.vue
  Show/Hide comments   View file @22b5101
1 1 <template>
2   - <body class="login-body">
3   - <div class="mobile-banner">
4   - <img src="/layout/images/logo-mobile.svg" alt="prestige-layout" />
5   - </div>
6   - <div class="login-panel">
7   - <div class="logo">
8   - <img src="/layout/images/logo.svg" alt="prestige-layout" />
  2 + <div class="login-body">
  3 + <div class="login-panel"></div>
  4 +
  5 + <div class="login-content">
  6 + <img src="/layout/images/logo-black.png" alt="babylon-layout" />
  7 +
  8 + <h1><span>SIGN IN</span> TO SYSTEM</h1>
  9 + <p>Welcome, please use the form to sign-in.</p>
  10 +
  11 + <div class="login-input-wrapper">
  12 + <InputText placeholder="Username" v-model="username" @keypress="onkeypress" />
  13 + <i class="pi pi-user"></i>
9 14 </div>
10   - </div>
11   - <div class="login-card">
12   - <div class="top-border"></div>
13   - <div class="login-content">
14   - <h1>Login</h1>
15   - <p>Welcome, please use the form to sign-in.</p>
16   - <div class="username-container">
17   - <label>Username</label>
18   - <div class="login-input">
19   - <InputText placeholder="Username" v-model="username" @keypress="onkeypress" />
20   - </div>
21   - </div>
22   - <div class="password-container">
23   - <label>Password</label>
24   - <div class="login-input">
25   - <InputText type="password" placeholder="Password" v-model="password" @keypress="onkeypress" />
26   - </div>
27   - </div>
28   - <div class="forgetpassword-container">
29   - <a href="#" class="forget-password">Forget Password?</a>
30   - </div>
31   - <div>
32   - <Button label="Sign In" @click="formLogin" />
33   - </div>
  15 +
  16 + <div class="login-input-wrapper">
  17 + <InputText type="password" placeholder="Password" v-model="password" @keypress="onkeypress" />
  18 + <i class="pi pi-lock"></i>
34 19 </div>
  20 +
  21 + <Button label="Sign In" @click="formLogin" />
35 22 </div>
36   - </body>
  23 + </div>
37 24 </template>
38 25  
39 26 <script>
... ...
babylon-vue-4.0.0/src/views/system/SystemCode.vue
  Show/Hide comments   View file @22b5101
... ... @@ -26,7 +26,7 @@
26 26 <div class="grid">
27 27 <div class="col-12 md:col-4" style="padding: 0; padding-right: 10px;">
28 28 <ag-grid-vue
29   - style="width: 100%; height: 350px;"
  29 + style="width: 100%; height: 500px;"
30 30 class="ag-theme-quartz"
31 31 :columnDefs="columnsType"
32 32 :rowData="codeTypeItems"
... ... @@ -39,7 +39,7 @@
39 39  
40 40 <div class="col-12 md:col-8" style="padding: 0">
41 41 <ag-grid-vue
42   - style="width: 100%; height: 350px;"
  42 + style="width: 100%; height: 500px;"
43 43 class="ag-theme-quartz"
44 44 :columnDefs="columns"
45 45 :rowData="codeItems"
... ... @@ -90,10 +90,14 @@ const columnsType = [
90 90 {
91 91 headerName: i18n.t('System.SystemCode.grid.CodeType'),
92 92 field: "cmmnCode",
  93 + editable: false,
  94 + cellStyle: ags.agGridDefaultCellStyle
93 95 },
94 96 {
95 97 headerName: i18n.t('System.SystemCode.grid.CodeName'),
96 98 field: "cmmnCodeNm",
  99 + editable: true,
  100 + cellStyle: ags.agGridDefaultCellStyle
97 101 },
98 102 ];
99 103  
... ...