Skip to content

N
Neuromorphic
Commit ed250707 by 제남의
Options

modal 페이지 추가

parent 7c53fab2
Showing with 345 additions and 26 deletions
front-end/src/App.vue
<template> <template>
<v-app> <v-app>
<v-main> <v-main>
<router-view/> <router-view />
</v-main> </v-main>
</v-app> </v-app>
</template> </template>
<script> <script>
export default { export default {
name: 'App', name: "App",
components: { components: {},
},
data: () => ({ data: () => ({
// //
...@@ -26,14 +22,25 @@ export default { ...@@ -26,14 +22,25 @@ export default {
<style scoped> <style scoped>
/* 공통 CSS 작성 */ /* 공통 CSS 작성 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap'); @import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap");
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css'); @import url("https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css");
body,input,textarea,select,button,table { * {
font-size: 24px;line-height: 1.5em;font-family:'Heebo','NanumSquare', sans-serif;} font-family: "Noto Sans KR", sans-serif;
}
body{ body,
margin: 0; input,
textarea,
select,
button,
table {
font-size: 24px;
line-height: 1.5em;
font-family: "Heebo", "NanumSquare", sans-serif;
} }
body {
margin: 0;
}
</style> </style>
front-end/src/router/index.js
...@@ -4,11 +4,17 @@ import Home from '../views/Home.vue' ...@@ -4,11 +4,17 @@ import Home from '../views/Home.vue'
import AdminMain from '../views/admin/Main.vue' import AdminMain from '../views/admin/Main.vue'
import Dashboard from '../views/admin/main/Dashboard.vue' import Dashboard from '../views/admin/main/Dashboard.vue'
import Create from '../views/admin/main/Create.vue' import Test from '../views/admin/main/Test.vue'
import Test2 from '../views/admin/main/Test2.vue'
import Test3 from '../views/admin/main/Test3.vue'
import Test4 from '../views/admin/main/Test4.vue'
import Test5 from '../views/admin/main/Test5.vue'
import User from '../views/user/User.vue' import User from '../views/user/User.vue'
Vue.use(VueRouter) Vue.use(VueRouter)
const routes = [ const routes = [
...@@ -17,21 +23,47 @@ const routes = [ ...@@ -17,21 +23,47 @@ const routes = [
name: 'Home', name: 'Home',
component: Home component: Home
}, },
{ {
path: '/admin', path: '/admin',
component: AdminMain, component: AdminMain,
children: [ children: [
{ {
path: '/', path: '/',
name:'Dashboard', name: 'Dashboard',
component: Dashboard, component: Dashboard,
}, },
]
},
{ {
path: '/create', path: '/test',
name:'Create', name: 'Test',
component: Create component: Test
}, },
]
{
path: '/Test2',
name: 'Test2',
component: Test2
},
{
path: '/Test3',
name: 'Test3',
component: Test3
},
{
path: '/Test4',
name: 'Test4',
component: Test4
},
{
path: '/Test5',
name: 'Test5',
component: Test5
}, },
{ {
......
front-end/src/views/admin/main/Create.vue
<template> <template>
<div> <v-form>
프로젝트 생성xcxc <v-container>
</div> <v-row>
<v-col
cols="12"
sm="6"
>
<v-text-field
label="프로젝트이름"
></v-text-field>
</v-col>
<v-col
cols="12"
sm="6"
>
<v-text-field
label="생성일자"
></v-text-field>
</v-col>
<v-col
cols="12"
sm="6"
>
<v-text-field
label="관리자"
></v-text-field>
</v-col>
<v-col
cols="12"
sm="6"
>
<v-text-field
label="완료일자"
></v-text-field>
</v-col>
<v-col
cols="12"
sm="6"
>
<v-text-field
label="작업자"
></v-text-field>
</v-col>
<v-col
cols="12"
sm="6"
>
<v-text-field
label="작업수량"
></v-text-field>
</v-col>
</v-row>
<v-btn
elevation="2"
>취소</v-btn>
<v-btn
elevation="2"
>생성</v-btn>
</v-container>
</v-form>
</template> </template>
<script> <script>
export default {
}
</script> </script>
<style> <style module>
</style> </style>
\ No newline at end of file
front-end/src/views/admin/main/Test.vue 0 → 100644
<template>
<v-overlay>
<!-- light / dark -->
<v-card
light
class="card mx-auto my-12"
max-width="600"
width="600"
align="center"
height="250"
>
<v-card-text>
<v-icon class="ma-2 my-8" x-large color="black">
mdi-alert-circle-outline
</v-icon>
<p class="text">ID와 비밀번호를 확인해 주세요</p>
</v-card-text>
<v-btn class="ma-2 my-0"
outlined
tile
color="black"
large>
확인
</v-btn>
</v-card>
</v-overlay>
</template>
<script>
</script>
<style>
.text {
font-size: 20px;
color: #000;
}
.card {
}
</style>
\ No newline at end of file
front-end/src/views/admin/main/Test2.vue 0 → 100644
<template>
<v-overlay>
<!-- light / dark -->
<v-card
light
class="card mx-auto my-12"
max-width="600"
width="600"
align="center"
height="250"
>
<v-card-text>
<v-icon class="ma-2 my-8" x-large color="black">
mdi-alert-circle-outline
</v-icon>
<p class="text">AOI 장비 전원을 켜주세요</p>
</v-card-text>
<v-btn class="ma-2 my-0"
outlined
tile
color="black"
large>
확인
</v-btn>
</v-card>
</v-overlay>
</template>
<script>
</script>
<style>
.text {
font-size: 20px;
color: #000;
}
.card {
}
</style>
\ No newline at end of file
front-end/src/views/admin/main/Test3.vue 0 → 100644
<template>
<v-overlay>
<!-- light / dark -->
<v-card
light
class="card mx-auto my-12"
max-width="600"
width="600"
align="center"
height="250"
>
<v-card-text>
<v-icon class="ma-2 my-8" x-large color="black">
mdi-check-circle-outline
</v-icon>
<p class="text">AOI 장비 등록 완료</p>
</v-card-text>
<v-btn class="ma-2 my-0"
outlined
tile
color="black"
large>
확인
</v-btn>
</v-card>
</v-overlay>
</template>
<script>
</script>
<style>
.text {
font-size: 20px;
color: #000;
}
.card {
}
</style>
\ No newline at end of file
front-end/src/views/admin/main/Test4.vue 0 → 100644
<template>
<v-overlay>
<!-- light / dark -->
<v-card
light
class="card mx-auto my-12"
max-width="600"
width="600"
align="center"
height="250"
>
<v-card-text>
<v-icon class="ma-2 my-8" x-large color="black">
mdi-alert-circle-outline
</v-icon>
<p class="text">시리얼 넘버를 확인해 주세요</p>
</v-card-text>
<v-btn class="ma-2 my-0"
outlined
tile
color="black"
large>
확인
</v-btn>
</v-card>
</v-overlay>
</template>
<script>
</script>
<style>
.text {
font-size: 20px;
color: #000;
}
.card {
}
</style>
\ No newline at end of file
front-end/src/views/admin/main/Test5.vue 0 → 100644
<template>
<v-overlay>
<!-- light / dark -->
<v-card
light
class="card mx-auto my-12"
max-width="600"
width="600"
align="center"
height="250"
>
<v-card-text>
AOI 장비 등록
</v-card-text>
<v-btn class="ma-2 my-0"
outlined
tile
color="black"
large>
취소
</v-btn>
<v-btn class="ma-2 my-0"
tile
color="primary"
large>
확인
</v-btn>
</v-card>
</v-overlay>
</template>
<script>
</script>
<style>
.text {
font-size: 20px;
color: #000;
}
.card {
}
</style>
\ No newline at end of file
package-lock.json 0 → 100644
{
"name": "Neuromorphic",
"lockfileVersion": 2,
"requires": true,
"packages": {}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment