Merge pull request #26 from Billing-Wise/dev

[release] 1.0.0
Billing-Wise · Aug 2, 2024 · 819f224 · 819f224
2 parents 85ab5b6 + 2d5b07b
commit 819f224
Show file tree

Hide file tree

Showing 227 changed files with 16,933 additions and 84 deletions.
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -0,0 +1,21 @@
+name: CI
+on:
+  push:
+    branches:
+      - prod
+      - dev
+  pull_request:
+
+jobs:
+  sonarcloud:
+    name: SonarCloud
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+      - name: SonarCloud Scan
+        uses: SonarSource/sonarcloud-github-action@master
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}
diff --git a/index.html b/index.html
@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8">
-    <link rel="icon" href="/favicon.ico">
+    <link rel="icon" href="/favicon.png">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Vite App</title>
+    <title>Billing Wise</title>
   </head>
   <body>
     <div id="app"></div>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "billing-wise",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "private": true,
   "type": "module",
   "scripts": {
@@ -15,13 +15,17 @@
   },
   "dependencies": {
     "axios": "^1.7.2",
+    "billing-wise": "file:",
     "bootstrap": "^5.3.3",
     "bootstrap-icons": "^1.11.3",
+    "chart.js": "^3.9.1",
     "pinia": "^2.1.7",
     "pinia-plugin-persist": "^1.0.0",
     "sass": "^1.77.6",
     "vue": "^3.4.29",
-    "vue-router": "^4.3.3"
+    "vue-chart-3": "^3.1.8",
+    "vue-router": "^4.3.3",
+    "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.8.0",

diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/favicon.png b/public/favicon.png
diff --git a/sonar-project.properties b/sonar-project.properties
@@ -0,0 +1,13 @@
+sonar.projectKey=Billing-Wise_client
+sonar.organization=billing-wise
+
+# This is the name and version displayed in the SonarCloud UI.
+#sonar.projectName=client
+#sonar.projectVersion=1.0
+
+
+# Path is relative to the sonar-project.properties file. Replace "\" by "/" on Windows.
+#sonar.sources=.
+
+# Encoding of the source code. Default is default system encoding
+#sonar.sourceEncoding=UTF-8
diff --git a/src/assets/excels/계약등록.xlsx b/src/assets/excels/계약등록.xlsx
diff --git a/src/assets/excels/회원등록.xlsx b/src/assets/excels/회원등록.xlsx
diff --git a/src/assets/images/card-image.png b/src/assets/images/card-image.png
diff --git a/src/assets/images/cms-image.png b/src/assets/images/cms-image.png
diff --git a/src/assets/images/example_contract.png b/src/assets/images/example_contract.png
diff --git a/src/assets/images/example_member.png b/src/assets/images/example_member.png
diff --git a/src/assets/images/icon_excel.png b/src/assets/images/icon_excel.png
diff --git a/src/assets/images/loading.gif b/src/assets/images/loading.gif
diff --git a/src/assets/images/loading.png b/src/assets/images/loading.png
diff --git a/src/assets/images/sign.gif b/src/assets/images/sign.gif
diff --git a/src/assets/images/sign.png b/src/assets/images/sign.png
diff --git a/src/assets/images/sign0.gif b/src/assets/images/sign0.gif
diff --git a/src/assets/images/success.png b/src/assets/images/success.png
diff --git a/src/assets/images/warn.png b/src/assets/images/warn.png
diff --git a/src/assets/images/도장.png b/src/assets/images/도장.png
diff --git a/src/assets/images/온라인결제.png b/src/assets/images/온라인결제.png
diff --git a/src/assets/scss/common.scss b/src/assets/scss/common.scss
@@ -1,11 +1,16 @@
 $light-theme-color: rgba(130, 112, 190, 0.7);
-$theme-color: #8270BE;
+$theme-color: rgb(130, 112, 190);
 $input-color: #6C7F98;
+$back-color: #EBEBEB;
+$success-color: rgb(44, 128, 206);
+$waiting-color: #DFD93B;
+$warning-color: rgb(255, 99, 71);
 
 $base-shadow : 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
 
 $nav-bar-height : 60px;
 $side-bar-width : 150px;
+$mobile-header-height : 100px;
 
 @mixin flex-box($direction, $align, $gap) {
   display: flex;
@@ -15,13 +20,10 @@ $side-bar-width : 150px;
   gap: $gap;
 }
 
-@mixin base-button($width, $font-size) {
-  width: $width;
+@mixin base-button() {
   box-shadow: 0 5px 10px rgba(0,0,0,0.16), 0 5px 10px rgba(0,0,0,0.23);
   box-sizing: border-box;
-  padding: 10px;
   border-radius: 10px;
-  font-size: $font-size;
   font-weight: bold;
   transition: all 0.3s cubic-bezier(.25,.8,.25,1);
   cursor: pointer;
@@ -33,6 +35,14 @@ $side-bar-width : 150px;
   }
 }
 
+@mixin base-icon() {
+  cursor: pointer;
+  transition: opacity 0.5s;
+  &:hover {
+    opacity: 0.5;
+  }
+}
+
 @mixin base-input($width, $font-size) {
   box-sizing: border-box;
   width: $width;
@@ -49,6 +59,19 @@ $side-bar-width : 150px;
   }
 }
 
+@mixin white-text($font-size) {
+  color: white;
+  font-weight: bold;
+  font-size: $font-size;
+}
+
+@mixin root-container {
+  background: $back-color;
+  width: 100%;
+  min-height: 100%;
+  height: 100%;
+  overflow: auto;
+}
 
 
 
diff --git a/src/assets/scss/component/modal.scss b/src/assets/scss/component/modal.scss
@@ -0,0 +1,56 @@
+.modal-overlay {
+  position: fixed;
+  top: $nav-bar-height;
+  left: $side-bar-width;
+  width: calc(100vw - $side-bar-width);
+  height: calc(100vh - $nav-bar-height);
+  padding: 20px 0;
+  background: rgba(255, 255, 255, 0.8);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 999
+}
+
+.modal-content {
+  @include flex-box(column, center, 20px);
+  width: 500px;
+  max-height: 100%;
+  padding: 0px 30px;
+  border-radius : 10px;
+  box-shadow: $base-shadow;
+  background-color: white;
+  .modal-main {
+    @include flex-box(column, center, 20px);
+    width: 100%;
+    max-height: 100%;
+    overflow: auto;
+  }
+}
+
+.fade-enter-from, .fade-leave-to {
+  opacity: 0;
+}
+
+.fade-enter-active, .fade-leave-active{
+  transition: all 0.3s;
+}
+
+.fade-enter-to, .fade-leave-from{
+  opacity: 1;
+}
+
+/* 웹킷 브라우저의 스크롤바 숨기기 */
+.modal-main::-webkit-scrollbar {
+  display: none;
+}
+
+/* 파이어폭스의 스크롤바 숨기기 */
+.modal-main {
+  scrollbar-width: none; /* Firefox */
+}
+
+/* Edge, IE 10+, 및 최신 브라우저의 스크롤바 숨기기 */
+.modal-main {
+  -ms-overflow-style: none;  /* IE 10+ */
+}
diff --git a/src/assets/scss/component/select.scss b/src/assets/scss/component/select.scss
@@ -0,0 +1,43 @@
+@mixin select-btn {
+  border: $theme-color solid 2px;
+  border-radius: 20px;
+  width: 100%;
+  background-color: white;
+  font-weight: bold;
+  transition: all 0.5s;
+}
+
+@mixin select-list {
+  z-index: 10;
+  position: absolute;
+  list-style: none;
+  width: 100%;
+  padding: 10px;
+  border-radius: 10px;
+  border: $theme-color solid 2px;
+  background-color: white;
+  li {
+    width: 100%;
+    padding: 5px 10px;
+    border-radius: 10px;
+    text-align: center;
+    font-weight: bold;
+    transition: all 0.3s;
+    cursor: pointer;
+    &:hover {
+      background-color: rgb(0, 0, 0, 0.1)
+    }
+  }
+}
+
+.fade-enter-from, .fade-leave-to {
+  opacity: 0;
+}
+
+.fade-enter-active, .fade-leave-active{
+  transition: all 0.2s;
+}
+
+.fade-enter-to, .fade-leave-from{
+  opacity: 1;
+}
diff --git a/src/assets/scss/component/static-box.scss b/src/assets/scss/component/static-box.scss
@@ -0,0 +1,14 @@
+.static-box {
+  @include flex-box(column, space-between, 30px);
+  padding: 30px;
+  background-color: white;
+  border-radius: 15px;
+  border: $theme-color 4px solid;
+
+  .title-box {
+    @include flex-box(row, center, 0px);
+    width: 100%;
+    font-size: 20px;
+    font-weight: bolder;
+  }
+}