sgc-portal/mobile-src

Mobile Vue

Install

npm install -g @ionic/cli@latest # install
npm uninstall -g ionic # uninstall
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 colors
npm install iconv-lite

Project Run

ionic serve # run server
ionic serve -lab # run server
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
npm run deploy

Push Test

in Dev Tool -> Application -> Service Workers

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

VSCode Extension

Vue Language Features

• Name: Vue Language Features (Volar)
• Id: Vue.volar
• Description: Language support for Vue 3
• Version: 0.39.5
• Publisher: Vue
• VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=Vue.volar *
• 이름: Prettier - Code formatter
• ID: esbenp.prettier-vscode
• 설명: Code formatter using prettier
• 버전: 9.9.0
• 게시자: Prettier
• VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

Menu Struct

모바일(임직원)

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

• 회의실예약승인 (MO01020001)

  모바일(협력업체)

• 로그인

• 메인

• 하자관리

• 하자처리 (MO02010001U)

• 하자완료조회 (MO02020001U)