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>
<v-app>
<v-main>
<router-view/>
<router-view />
</v-main>
</v-app>
</template>
<script>
export default {
name: 'App',
name: "App",
components: {
},
components: {},
data: () => ({
//
......@@ -26,14 +22,25 @@ export default {
<style scoped>
/* 공통 CSS 작성 */
@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://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");
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{
margin: 0;
body,
input,
textarea,
select,
button,
table {
font-size: 24px;
line-height: 1.5em;
font-family: "Heebo", "NanumSquare", sans-serif;
}
body {
margin: 0;
}
</style>
front-end/src/router/index.js
......@@ -4,11 +4,17 @@ import Home from '../views/Home.vue'
import AdminMain from '../views/admin/Main.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'
Vue.use(VueRouter)
const routes = [
......@@ -17,21 +23,47 @@ const routes = [
name: 'Home',
component: Home
},
{
path: '/admin',
component: AdminMain,
children: [
{
path: '/',
name:'Dashboard',
name: 'Dashboard',
component: Dashboard,
},
]
},
{
path: '/create',
name:'Create',
component: Create
path: '/test',
name: 'Test',
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>
<div>
프로젝트 생성xcxc
</div>
<v-form>
<v-container>
<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>
<script>
export default {
}
</script>
<style>
<style module>
</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