sgc-portal/mobile-src

Mobile Vue

Install

npm uninstall -g ionic # uninstall if ionic is installed
npm install -g @ionic/cli@latest # install
npm install --save-dev node-sass sass-loader # Scss Loader
npm install -g @vue/cli # Vue Cli
npm install -g http-server # http server
npm install --save-dev colors # for deploy command
npm install --save-dev iconv-lite # for deploy command

Project Run & Build

ionic serve # run server
ionic serve -lab # run server for ios and android
ionic build --prod # Build the application for production
ionic build --aot # Perform ahead-of-time compilation for this build
ionic build --minifyjs # Minify JS for this build
ionic build --minifycss # Minify CSS for this build
ionic build --optimizejs # Perform JS optimizations for this build
# change package.json version 
# change vue.config.js version, manifest_version
npm install # if need when change the package
ionic build --prod --minifyjs --minifycss --optimizejs # default origial command
npm run compile # comple source to dist (ts to javascript) 
npm run deploy # copy dist folder to src/main/webapp/mobile. need  npm install -g colors , npm install -g iconv-lite

Push Test

in Dev Tool -> Application -> Service Workers

{"notification" : {"title":"제목", "body" : "내용이 옵니다.", "image" : "http://localhost:8100/test/img/icons/icon-messages-81x60.png"}}

VSCode Extension

• Name: Beautify css/sass/scss/less
• Id: michelemelluso.code-beautifier
• Description: Beautify css, sass and less code (extension for Visual Studio Code)
• Version: 2.3.3
• Publisher: michelemelluso
• VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=michelemelluso.code-beautifier
• Name: Comments in Typescript
• Id: salbert.comment-ts
• Description: Generates JSDoc comments in TypeScript files.
• Version: 1.0.21
• Publisher: s.albert
• VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=salbert.comment-ts
• Name: Git Graph
• Id: mhutchie.git-graph
• Description: View a Git Graph of your repository, and perform Git actions from the graph.
• Version: 1.30.0
• Publisher: mhutchie
• VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph
• Name: Prettier - Code formatter
• Id: esbenp.prettier-vscode
• Description: Code formatter using prettier
• Version: 9.9.0
• Publisher: Prettier
• VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
• Name: SCSS IntelliSense
• Id: mrmlnc.vscode-scss
• Description: Advanced autocompletion and refactoring support for SCSS
• Version: 0.10.0
• Publisher: mrmlnc
• VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-scss
• Name: Vue 3 Snippets
• Id: hollowtree.vue-snippets
• Description: A Vue.js 3 And Vue.js 2 Code Snippets Extension
• Version: 1.0.4
• Publisher: hollowtree
• VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=hollowtree.vue-snippets
• Name: Vue Language Features (Volar)
• Id: Vue.volar
• Description: Language support for Vue 3
• Version: 0.40.13
• Publisher: Vue
• VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=Vue.volar
• Name: Vue VSCode Snippets
• Id: sdras.vue-vscode-snippets
• Description: Snippets that will supercharge your Vue workflow
• Version: 3.1.1
• Publisher: sarah.drasner
• VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets

Menu Struct

모바일(임직원)

• 로그인
  
• 메인
  
• 하자관리
• 하자작업지시 (MO03010001U)
• 하자조회 (MO03020001U)
  
• 회의실관리
  
• 회의실예약 (MO01010001U)

• 회의실예약승인 (MO01020001)

  모바일(협력업체)

• 로그인

• 메인

• 하자관리

• 하자처리 (MO02010001U)

• 하자완료조회 (MO02020001U)