diff --git a/vue-light-bootstrap-dashboard-master/.gitattributes b/vue-light-bootstrap-dashboard-master/.gitattributes
new file mode 100644
index 0000000..7e35c5f
--- /dev/null
+++ b/vue-light-bootstrap-dashboard-master/.gitattributes
@@ -0,0 +1,2 @@
+/src/layout/DashboardLayout.vue merge=servers
+/src/routes/routes.js merge=servers
diff --git a/vue-light-bootstrap-dashboard-master/package.json b/vue-light-bootstrap-dashboard-master/package.json
index 1144c7f..211b7a2 100644
--- a/vue-light-bootstrap-dashboard-master/package.json
+++ b/vue-light-bootstrap-dashboard-master/package.json
@@ -13,6 +13,7 @@
     "lint-fix": "vue-cli-service lint --fix"
   },
   "dependencies": {
+    "axios": "^1.6.8",
     "bootstrap": "4.6.0",
     "cache-loader": "^4.1.0",
     "chartist": "0.11.0",
diff --git a/vue-light-bootstrap-dashboard-master/public/.gitkeep:Zone.Identifier b/vue-light-bootstrap-dashboard-master/public/.gitkeep:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/public/.gitkeep:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/public/Dashboard.PNG:Zone.Identifier b/vue-light-bootstrap-dashboard-master/public/Dashboard.PNG:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/public/Dashboard.PNG:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/public/favicon.png:Zone.Identifier b/vue-light-bootstrap-dashboard-master/public/favicon.png:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/public/favicon.png:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/public/index.html:Zone.Identifier b/vue-light-bootstrap-dashboard-master/public/index.html:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/public/index.html:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/public/manifest.json:Zone.Identifier b/vue-light-bootstrap-dashboard-master/public/manifest.json:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/public/manifest.json:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/public/robots.txt:Zone.Identifier b/vue-light-bootstrap-dashboard-master/public/robots.txt:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/public/robots.txt:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/App.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/App.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/App.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/assets/css/demo.css:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/assets/css/demo.css:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/assets/css/demo.css:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/assets/fonts/nucleo-icons.eot:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/assets/fonts/nucleo-icons.eot:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/assets/fonts/nucleo-icons.eot:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/assets/fonts/nucleo-icons.svg:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/assets/fonts/nucleo-icons.svg:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/assets/fonts/nucleo-icons.svg:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/assets/fonts/nucleo-icons.ttf:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/assets/fonts/nucleo-icons.ttf:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/assets/fonts/nucleo-icons.ttf:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/assets/fonts/nucleo-icons.woff2:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/assets/fonts/nucleo-icons.woff2:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/assets/fonts/nucleo-icons.woff2:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/assets/fonts/nucleo-icons.woff:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/assets/fonts/nucleo-icons.woff:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/assets/fonts/nucleo-icons.woff:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/components/BaseDropdown.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/components/BaseDropdown.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/components/BaseDropdown.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/components/Cards/Card.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/components/Cards/Card.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/components/Cards/Card.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/components/Cards/ChartCard.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/components/Cards/ChartCard.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/components/Cards/ChartCard.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/components/Cards/StatsCard.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/components/Cards/StatsCard.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/components/Cards/StatsCard.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/components/InputTable.vue b/vue-light-bootstrap-dashboard-master/src/components/InputTable.vue
new file mode 100644
index 0000000..a492d14
--- /dev/null
+++ b/vue-light-bootstrap-dashboard-master/src/components/InputTable.vue
@@ -0,0 +1,106 @@
+<template>
+  <table class="table">
+    <thead>
+      <tr>
+        <th v-for="column in columns" :key="column">{{ column }}</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr v-for="(item, index) in filteredAndVisibleData" :key="index">
+        <td v-for="column in columns" :key="column">
+          <template v-if="column === '주문 수량'">
+            <!-- 입력 필드인 경우 input 태그를 렌더링합니다. -->
+            <input type="number" v-model="item[column]" @input="updateAmount(item)" />
+          </template>
+          <template v-else>
+            <!-- 그 외의 경우는 일반 텍스트를 렌더링합니다. -->
+            {{ item[column] }}
+          </template>
+        </td>
+        <td>
+          <!-- "+" 버튼은 행이 비활성화 상태일 때만 표시 -->
+          <button class="btn btn-info btn-fill" v-if="!item.visible" @click="handleAddRowClick(item)">+</button>
+          <!-- "-" 버튼은 행이 활성화(고정) 상태일 때만 표시 -->
+          <button class="btn btn-warning btn-fill" v-else @click="handleRemoveRowClick(item)">-</button>
+        </td>
+      </tr>
+      <tr>
+        <td :colspan="columns.length - 1">Total Amount</td>
+        <td>{{ totalAmount }}</td>
+      </tr>
+    </tbody>
+  </table>
+</template>
+
+<script>
+export default {
+  name: 'l-table',
+  props: {
+    columns: Array,
+    data: Array,
+    searchQuery: String,
+  },
+  computed: {
+    filteredAndVisibleData() {
+      const searchLower = this.searchQuery.toLowerCase();
+
+      return this.data.filter(item => 
+        item.visible || item['상품명'].toLowerCase().includes(searchLower)
+      );
+    },
+    filteredData() {
+      return this.data.filter(item => 
+        item.visible || item['상품명'].toLowerCase().includes(this.searchQuery.toLowerCase())
+      );
+    },
+    visibleData() {
+      return this.data.filter(item => item.visible || item['상품명'].toLowerCase().includes(this.searchQuery.toLowerCase()));
+    },
+    totalAmount() {
+      return this.data.reduce((acc, item) => acc + (item['가격(BOX)'] * item['주문 수량']), 0);
+    }
+  },
+  watch: {
+    // 'data' 배열의 각 항목을 감시합니다. deep: true 옵션으로 객체 내부까지 감시합니다.
+    'data': {
+      handler: function (newData) {
+        newData.forEach((item) => {
+          if (item['주문 수량'] < 0) {
+            item['주문 수량'] = 0; // 값이 0보다 작으면 0으로 설정
+          } else if (item['주문 수량'] > item['주문 가능 수량']) {
+            item['주문 수량'] = item['주문 가능 수량']; // 입력 값이 주문 가능 수량을 초과하면 주문 가능 수량으로 설정
+          }
+          item['금액(원)'] = item['가격(BOX)'] * item['주문 수량'];
+        });
+      },
+      deep: true,
+      immediate: true // 컴포넌트가 마운트될 때 감시자가 즉시 실행되도록 설정
+    }
+  },
+  methods: {
+    updateAmount(item) {
+      // 입력 필드 값에 따라 금액 계산
+      item['금액(원)'] = item['가격(BOX)'] * item['주문 수량'];
+
+      // 계산된 총합을 상위 컴포넌트로 전달
+      this.$emit('update-total', this.data.reduce((total, currentItem) => total + currentItem['금액(원)'], 0));
+    },
+    handleAddRowClick(item) {
+      if (item['주문 수량'] <= 0) {
+        // If the order quantity is 0 or less, show an alert and don't emit the add-row event
+        window.alert("주문 수량이 0입니다. 다시 입력해 주세요.");
+        return; // Stop the method here
+      }
+      // If the order quantity is greater than 0, make the row permanently visible
+      this.$emit('add-row', item['상품 코드']);
+    },
+    handleRemoveRowClick(item) {
+      // 수량을 0으로 설정하고, 행을 비활성화
+      item['주문 수량'] = 0;
+      item.visible = false;
+      // 금액을 업데이트하고, 총합을 재계산하여 상위 컴포넌트에 전달
+      this.updateAmount(item);
+    }
+  }
+};
+</script>
\ No newline at end of file
diff --git a/vue-light-bootstrap-dashboard-master/src/components/Inputs/BaseCheckbox.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/components/Inputs/BaseCheckbox.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/components/Inputs/BaseCheckbox.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/components/Inputs/BaseInput.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/components/Inputs/BaseInput.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/components/Inputs/BaseInput.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/components/Inputs/BaseRadio.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/components/Inputs/BaseRadio.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/components/Inputs/BaseRadio.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/components/NotificationPlugin/Notification.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/components/NotificationPlugin/Notification.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/components/NotificationPlugin/Notification.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/components/NotificationPlugin/Notifications.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/components/NotificationPlugin/Notifications.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/components/NotificationPlugin/Notifications.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/components/NotificationPlugin/index.js:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/components/NotificationPlugin/index.js:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/components/NotificationPlugin/index.js:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/components/OrderBaseDropdown.vue b/vue-light-bootstrap-dashboard-master/src/components/OrderBaseDropdown.vue
new file mode 100644
index 0000000..bd517f7
--- /dev/null
+++ b/vue-light-bootstrap-dashboard-master/src/components/OrderBaseDropdown.vue
@@ -0,0 +1,68 @@
+<template>
+  <li class="dropdown nav-item"
+      :is="tag"
+      :class="{show: isOpen}"
+      aria-haspopup="true"
+      :aria-expanded="isOpen"
+      @click="toggleDropDown"
+      v-click-outside="closeDropDown">
+
+    <a class="nav-link dropdown-toggle"
+       data-toggle="dropdown">
+      <slot name="title">
+        <i :class="icon"></i>
+        <span class="no-icon">{{title}}</span>
+        <b class="caret"></b>
+      </slot>
+    </a>
+    <div class="dropdown-menu show" v-show="isOpen">
+      <slot></slot>
+      <a class="dropdown-item" href="#" v-for="item in items" :key="item" @click.prevent="itemSelected(item)">
+        {{ item }}
+      </a>
+    </div>
+  </li>
+</template>
+<script>
+export default {
+  name: 'base-dropdown',
+  props: {
+    icon: String,
+    tag: {
+      type: String,
+      default: 'li'
+    },
+    items: Array // 드롭다운에 표시할 항목들
+  },
+  data() {
+    return {
+      isOpen: false,
+      title: this.initialTitle, // 초기 타이틀 설정
+    }
+  },
+  methods: {
+    itemSelected(item) {
+  this.title = item; // 타이틀 업데이트
+  this.closeDropDown(); // 드롭다운 닫기
+  this.$emit('item-selected', item); // 부모 컴포넌트로 선택된 항목 알리기
+},
+    toggleDropDown() {
+      this.isOpen = !this.isOpen
+      this.$emit('change', this.isOpen)
+    },
+    closeDropDown() {
+      this.isOpen = false
+      this.$emit('change', this.isOpen)
+    }
+  }
+}
+</script>
+<style scoped>
+.dropdown .dropdown-toggle {
+  cursor: pointer;
+}
+
+li {
+  list-style-type: none;
+}
+</style>
diff --git a/vue-light-bootstrap-dashboard-master/src/components/SidebarPlugin/SideBar.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/components/SidebarPlugin/SideBar.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/components/SidebarPlugin/SideBar.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/components/SidebarPlugin/SidebarLink.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/components/SidebarPlugin/SidebarLink.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/components/SidebarPlugin/SidebarLink.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/components/SidebarPlugin/index.js:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/components/SidebarPlugin/index.js:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/components/SidebarPlugin/index.js:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/components/Table.vue b/vue-light-bootstrap-dashboard-master/src/components/Table.vue
index 000c85e..70ea62c 100644
--- a/vue-light-bootstrap-dashboard-master/src/components/Table.vue
+++ b/vue-light-bootstrap-dashboard-master/src/components/Table.vue
@@ -3,35 +3,40 @@
     <thead>
       <slot name="columns">
         <tr>
-          <th v-for="column in columns" :key="column">{{column}}</th>
+          <th v-for="column in columns" :key="column">{{ column }}</th>
         </tr>
       </slot>
     </thead>
     <tbody>
-    <tr v-for="(item, index) in data" :key="index">
-      <slot :row="item">
-        <td v-for="column in columns" :key="column" v-if="hasValue(item, column)">{{itemValue(item, column)}}</td>
-      </slot>
-    </tr>
+      <tr v-for="(item, index) in data" :key="index" @click="handleRowClick(item)">
+        <slot :row="item">
+          <td v-for="column in columns" :key="column" v-if="hasValue(item, column)">{{ itemValue(item, column) }}</td>
+        </slot>
+      </tr>
     </tbody>
   </table>
 </template>
+
 <script>
-  export default {
-    name: 'l-table',
-    props: {
-      columns: Array,
-      data: Array
+export default {
+  name: 'l-table',
+  props: {
+    columns: Array,
+    data: Array
+  },
+  methods: {
+    hasValue(item, column) {
+      return item[column.toLowerCase()] !== 'undefined';
+    },
+    itemValue(item, column) {
+      return item[column.toLowerCase()];
     },
-    methods: {
-      hasValue (item, column) {
-        return item[column.toLowerCase()] !== 'undefined'
-      },
-      itemValue (item, column) {
-        return item[column.toLowerCase()]
-      }
+    handleRowClick(item) {
+      this.$emit('row-click', item); // Emitting the row-click event with the clicked item as payload
     }
   }
+};
 </script>
+
 <style>
-</style>
+</style>
\ No newline at end of file
diff --git a/vue-light-bootstrap-dashboard-master/src/components/Table.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/components/Table.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/components/Table.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/components/index.js:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/components/index.js:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/components/index.js:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/directives/click-ouside.js:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/directives/click-ouside.js:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/directives/click-ouside.js:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/globalComponents.js:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/globalComponents.js:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/globalComponents.js:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/globalDirectives.js:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/globalDirectives.js:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/globalDirectives.js:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/layout/Content.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/layout/Content.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/layout/Content.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/layout/ContentFooter.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/layout/ContentFooter.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/layout/ContentFooter.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/layout/CustomerDashboardLayout.vue b/vue-light-bootstrap-dashboard-master/src/layout/CustomerDashboardLayout.vue
new file mode 100644
index 0000000..21c121d
--- /dev/null
+++ b/vue-light-bootstrap-dashboard-master/src/layout/CustomerDashboardLayout.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="wrapper">
+    <side-bar>
+      <mobile-menu slot="content"></mobile-menu>
+      <sidebar-link to="/buyer">
+        <i class="nc-icon nc-chart-pie-35"></i>
+        <p>Dashboard</p>
+      </sidebar-link>
+      <sidebar-link to="/admin/icons">
+        <i class="nc-icon nc-atom"></i>
+        <p>Icons</p>
+      </sidebar-link>
+      <sidebar-link to="/buyer/CON001">
+        <i class="nc-icon nc-cart-simple"></i>
+        <p>주문</p>
+      </sidebar-link>
+      <sidebar-link to="/buyer/apply/CON001">
+        <i class="nc-icon nc-paper-2"></i>
+        <p>주문 등록</p>
+      </sidebar-link>
+      <sidebar-link to="/buyer">
+        <i class="nc-icon nc-cctv"></i>
+        <p>정산</p>
+      </sidebar-link>
+      <template slot="bottom-links">
+        <sidebar-link class="active"
+                      to="/admin/upgrade">
+          <i class="nc-icon nc-alien-33"></i>
+          <p>Upgrade to PRO</p>
+        </sidebar-link>
+      </template>
+    </side-bar>
+    <div class="main-panel">
+      <top-navbar></top-navbar>
+
+      <dashboard-content @click="toggleSidebar">
+
+      </dashboard-content>
+
+      <content-footer></content-footer>
+    </div>
+  </div>
+</template>
+<style lang="scss">
+
+</style>
+<script>
+  import TopNavbar from './TopNavbar.vue'
+  import ContentFooter from './ContentFooter.vue'
+  import DashboardContent from './Content.vue'
+  import MobileMenu from './MobileMenu.vue'
+  export default {
+    components: {
+      TopNavbar,
+      ContentFooter,
+      DashboardContent,
+      MobileMenu
+    },
+    methods: {
+      toggleSidebar () {
+        if (this.$sidebar.showSidebar) {
+          this.$sidebar.displaySidebar(false)
+        }
+      }
+    }
+  }
+
+</script>
diff --git a/vue-light-bootstrap-dashboard-master/src/layout/DashboardLayout.vue b/vue-light-bootstrap-dashboard-master/src/layout/DashboardLayout.vue
index 8fdd08f..98aab4c 100644
--- a/vue-light-bootstrap-dashboard-master/src/layout/DashboardLayout.vue
+++ b/vue-light-bootstrap-dashboard-master/src/layout/DashboardLayout.vue
@@ -6,6 +6,10 @@
         <i class="nc-icon nc-chart-pie-35"></i>
         <p>Dashboard</p>
       </sidebar-link>
+      <sidebar-link to="/admin/overview1/BUS002">
+        <i class="nc-icon nc-chart-pie-35"></i>
+        <p>Main</p>
+      </sidebar-link>
       <sidebar-link to="/admin/user">
         <i class="nc-icon nc-circle-09"></i>
         <p>User Profile</p>
@@ -30,6 +34,10 @@
         <i class="nc-icon nc-bell-55"></i>
         <p>Notifications</p>
       </sidebar-link>
+      <sidebar-link to="/admin/orders/BUS002">
+        <i class="nc-icon nc-pin-3"></i>
+        <p>주문</p>
+      </sidebar-link>
 
       <template slot="bottom-links">
         <sidebar-link class="active"
diff --git a/vue-light-bootstrap-dashboard-master/src/layout/DashboardLayout.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/layout/DashboardLayout.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/layout/DashboardLayout.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/layout/MobileMenu.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/layout/MobileMenu.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/layout/MobileMenu.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/layout/TopNavbar.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/layout/TopNavbar.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/layout/TopNavbar.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/light-bootstrap-main.js:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/light-bootstrap-main.js:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/light-bootstrap-main.js:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/main.js:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/main.js:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/main.js:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/pages/Icons.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/pages/Icons.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/pages/Icons.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/pages/Maps.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/pages/Maps.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/pages/Maps.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/pages/Maps/API_KEY.js:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/pages/Maps/API_KEY.js:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/pages/Maps/API_KEY.js:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/pages/NotFoundPage.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/pages/NotFoundPage.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/pages/NotFoundPage.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/pages/Notifications.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/pages/Notifications.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/pages/Notifications.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/pages/Overview.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/pages/Overview.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/pages/Overview.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/pages/Overview1.vue b/vue-light-bootstrap-dashboard-master/src/pages/Overview1.vue
new file mode 100644
index 0000000..888885b
--- /dev/null
+++ b/vue-light-bootstrap-dashboard-master/src/pages/Overview1.vue
@@ -0,0 +1,309 @@
+<template>
+  <div class="content">
+    <div class="container-fluid">
+      <Card>
+        <h3>주간 데이터</h3>
+        <div class="row">
+          <div class="col-xl-3 col-md-6">
+            <stats-card>
+              <div slot="header" class="icon-warning">
+                <i class="nc-icon nc-cart-simple text-warning"></i>
+              </div>
+              <div slot="content">
+                <p class="card-category">주문 완료</p>
+                <h4 class="card-title">{{ weeklyCompletedOrders }} 건</h4>
+              </div>
+              <div slot="footer">
+              <i class="fa fa-refresh"></i>Updated now
+            </div>
+            </stats-card>
+          </div>
+
+          <div class="col-xl-3 col-md-6">
+            <stats-card>
+              <div slot="header" class="icon-success">
+                <i class="nc-icon nc-light-3 text-success"></i>
+              </div>
+              <div slot="content">
+                <p class="card-category">매출</p>
+                <h4 class="card-title">{{ weeklySales }} 원</h4>
+              </div>
+              <div slot="footer">
+                <i class="fa fa-calendar-o"></i>for a week
+              </div>
+            </stats-card>
+          </div>
+
+          <div class="col-xl-3 col-md-6">
+            <stats-card>
+              <div slot="header" class="icon-danger">
+                <i class="nc-icon nc-vector text-danger"></i>
+              </div>
+              <div slot="content">
+                <p class="card-category">Errors</p>
+                <h4 class="card-title">23</h4>
+              </div>
+              <div slot="footer">
+                <i class="fa fa-clock-o"></i>Last day
+              </div>
+            </stats-card>
+          </div>
+
+          <div class="col-xl-3 col-md-6">
+            <stats-card>
+              <div slot="header" class="icon-info">
+                <i class="nc-icon nc-favourite-28 text-primary"></i>
+              </div>
+              <div slot="content">
+                <p class="card-category">Followers</p>
+                <h4 class="card-title">+45</h4>
+              </div>
+              <div slot="footer">
+                <i class="fa fa-refresh"></i>Updated now
+              </div>
+            </stats-card>
+          </div>
+
+        </div>
+      </Card>
+
+      <div class="row">
+        <div class="col-md-8">
+          <chart-card :chart-data="lineChart.data" :chart-options="lineChart.options"
+            :responsive-options="lineChart.responsiveOptions">
+            <template slot="header">
+              <h4 class="card-title">Users Behavior</h4>
+              <p class="card-category">24 Hours performance</p>
+            </template>
+            <template slot="footer">
+              <div class="legend">
+                <i class="fa fa-circle text-info"></i> Open
+                <i class="fa fa-circle text-danger"></i> Click
+                <i class="fa fa-circle text-warning"></i> Click Second Time
+              </div>
+              <hr>
+              <div class="stats">
+                <i class="fa fa-history"></i> Updated 3 minutes ago
+              </div>
+            </template>
+          </chart-card>
+        </div>
+
+        <div class="col-md-4">
+          <chart-card :chart-data="pieChart.data" chart-type="Pie">
+            <template slot="header">
+              <h4 class="card-title">Email Statistics</h4>
+              <p class="card-category">Last Campaign Performance</p>
+            </template>
+            <template slot="footer">
+              <div class="legend">
+                <i class="fa fa-circle text-info"></i> Open
+                <i class="fa fa-circle text-danger"></i> Bounce
+                <i class="fa fa-circle text-warning"></i> Unsubscribe
+              </div>
+              <hr>
+              <div class="stats">
+                <i class="fa fa-clock-o"></i> Campaign sent 2 days ago
+              </div>
+            </template>
+          </chart-card>
+        </div>
+      </div>
+
+      <div class="row">
+        <div class="col-md-6">
+          <chart-card :chart-data="barChart.data" :chart-options="barChart.options"
+            :chart-responsive-options="barChart.responsiveOptions" chart-type="Bar">
+            <template slot="header">
+              <h4 class="card-title">2014 Sales</h4>
+              <p class="card-category">All products including Taxes</p>
+            </template>
+            <template slot="footer">
+              <div class="legend">
+                <i class="fa fa-circle text-info"></i> Tesla Model S
+                <i class="fa fa-circle text-danger"></i> BMW 5 Series
+              </div>
+              <hr>
+              <div class="stats">
+                <i class="fa fa-check"></i> Data information certified
+              </div>
+            </template>
+          </chart-card>
+        </div>
+
+        <div class="col-md-6">
+          <card>
+            <template slot="header">
+              <h5 class="title">Tasks</h5>
+              <p class="category">Backend development</p>
+            </template>
+            <l-table :data="tableData.data" :columns="tableData.columns">
+              <template slot="columns"></template>
+
+              <template slot-scope="{row}">
+                <td>
+                  <base-checkbox v-model="row.checked"></base-checkbox>
+                </td>
+                <td>{{ row.title }}</td>
+                <td class="td-actions text-right">
+                  <button type="button" class="btn-simple btn btn-xs btn-info" v-tooltip.top-center="editTooltip">
+                    <i class="fa fa-edit"></i>
+                  </button>
+                  <button type="button" class="btn-simple btn btn-xs btn-danger" v-tooltip.top-center="deleteTooltip">
+                    <i class="fa fa-times"></i>
+                  </button>
+                </td>
+              </template>
+            </l-table>
+            <div class="footer">
+              <hr>
+              <div class="stats">
+                <i class="fa fa-history"></i> Updated 3 minutes ago
+              </div>
+            </div>
+          </card>
+
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import axios from 'axios';
+import ChartCard from 'src/components/Cards/ChartCard.vue'
+import StatsCard from 'src/components/Cards/StatsCard.vue'
+import LTable from 'src/components/Table.vue'
+import Card from '../components/Cards/Card.vue'
+
+export default {
+  components: {
+    LTable,
+    ChartCard,
+    StatsCard,
+    Card
+  },
+  data() {
+    return {
+      weeklyCompletedOrders: 0,
+      weeklySales: 0,
+      editTooltip: 'Edit Task',
+      deleteTooltip: 'Remove',
+      pieChart: {
+        data: {
+          labels: ['40%', '20%', '40%'],
+          series: [40, 20, 40]
+        }
+      },
+      lineChart: {
+        data: {
+          labels: ['9:00AM', '12:00AM', '3:00PM', '6:00PM', '9:00PM', '12:00PM', '3:00AM', '6:00AM'],
+          series: [
+            [287, 385, 490, 492, 554, 586, 698, 695],
+            [67, 152, 143, 240, 287, 335, 435, 437],
+            [23, 113, 67, 108, 190, 239, 307, 308]
+          ]
+        },
+        options: {
+          low: 0,
+          high: 800,
+          showArea: false,
+          height: '245px',
+          axisX: {
+            showGrid: false
+          },
+          lineSmooth: true,
+          showLine: true,
+          showPoint: true,
+          fullWidth: true,
+          chartPadding: {
+            right: 50
+          }
+        },
+        responsiveOptions: [
+          ['screen and (max-width: 640px)', {
+            axisX: {
+              labelInterpolationFnc(value) {
+                return value[0]
+              }
+            }
+          }]
+        ]
+      },
+      barChart: {
+        data: {
+          labels: ['Jan', 'Feb', 'Mar', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+          series: [
+            [542, 443, 320, 780, 553, 453, 326, 434, 568, 610, 756, 895],
+            [412, 243, 280, 580, 453, 353, 300, 364, 368, 410, 636, 695]
+          ]
+        },
+        options: {
+          seriesBarDistance: 10,
+          axisX: {
+            showGrid: false
+          },
+          height: '245px'
+        },
+        responsiveOptions: [
+          ['screen and (max-width: 640px)', {
+            seriesBarDistance: 5,
+            axisX: {
+              labelInterpolationFnc(value) {
+                return value[0]
+              }
+            }
+          }]
+        ]
+      },
+      tableData: {
+        data: [
+          { title: 'Sign contract for "What are conference organizers afraid of?"', checked: false },
+          { title: 'Lines From Great Russian Literature? Or E-mails From My Boss?', checked: true },
+          {
+            title: 'Flooded: One year later, assessing what was lost and what was found when a ravaging rain swept through metro Detroit',
+            checked: true
+          },
+          { title: 'Create 4 Invisible User Experiences you Never Knew About', checked: false },
+          { title: 'Read "Following makes Medium better"', checked: false },
+          { title: 'Unfollow 5 enemies from twitter', checked: false }
+        ]
+      }
+    }
+  },
+  mounted() {
+  this.fetchOrderList();
+  },
+  methods: {
+    // other methods...
+    fetchOrderList() {
+      const businessId = this.$route.params.businessId;
+      axios.get(`http://localhost:8080/api/orders/id/${businessId}`)
+        .then(response => {
+          const data = response.data;
+          const startOfWeek = new Date();
+          startOfWeek.setDate(startOfWeek.getDate() - startOfWeek.getDay() + (startOfWeek.getDay() === 0 ? -6 : 1)); // Adjust to the first day of the week (Monday)
+          startOfWeek.setHours(0, 0, 0, 0);
+
+          let totalSales = 0;
+        let completedOrders = 0;
+
+        data.forEach(order => {
+          const orderDate = new Date(order.orderDate);
+          if (orderDate >= startOfWeek && order.orderStatus === '주문 완료') {
+            completedOrders++;
+            totalSales += order.orderPrice; // 주문 가격을 매출액에 더합니다.
+          }
+        });
+
+        this.weeklyCompletedOrders = completedOrders;
+        this.weeklySales = totalSales; // 매출액을 업데이트합니다.
+      })
+        .catch(error => {
+          console.error("Failed to fetch orders:", error);
+        });
+    },
+    // continue with other methods...
+  }
+}
+</script>
+<style></style>
diff --git a/vue-light-bootstrap-dashboard-master/src/pages/TableList.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/pages/TableList.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/pages/TableList.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/pages/TableList1.vue b/vue-light-bootstrap-dashboard-master/src/pages/TableList1.vue
new file mode 100644
index 0000000..6d0cdd4
--- /dev/null
+++ b/vue-light-bootstrap-dashboard-master/src/pages/TableList1.vue
@@ -0,0 +1,53 @@
+<template>
+  <div class="business-table">
+    <h2>Business Data</h2>
+    <table>
+      <thead>
+        <tr>
+          <th>ID</th>
+          <th>Name</th>
+          <th>Password</th>
+          <th>Number</th>
+          <th>Link</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr v-for="business in businesses" :key="business.businessId">
+          <td>{{ business.businessId }}</td>
+          <td>{{ business.businessName }}</td>
+          <td>{{ business.businessPassword }}</td>
+          <td>{{ business.businessNumber }}</td>
+          <td>{{ business.businessLink }}</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</template>
+
+<script>
+import axios from 'axios';
+
+export default {
+  data() {
+    return {
+      businesses: []
+    };
+  },
+  mounted() {
+    // URL에서 businessId를 가져옵니다.
+    const businessId = this.$route.params.businessId;
+    // Spring 프로젝트의 엔드포인트로 GET 요청을 보냅니다.
+    axios.get(`http://localhost:8080/api/business/${businessId}`)
+      .then(response => {
+        this.businesses = [response.data]; // 결과를 배열에 담습니다.
+      })
+      .catch(error => {
+        console.error('Error fetching business data:', error);
+      });
+  }
+};
+</script>
+
+<style scoped>
+/* Add your styles here */
+</style>
\ No newline at end of file
diff --git a/vue-light-bootstrap-dashboard-master/src/pages/TableList2.vue b/vue-light-bootstrap-dashboard-master/src/pages/TableList2.vue
new file mode 100644
index 0000000..3cc06fc
--- /dev/null
+++ b/vue-light-bootstrap-dashboard-master/src/pages/TableList2.vue
@@ -0,0 +1,103 @@
+<template>
+  <div class="content">
+    <div class="container-fluid">
+      <div class="row">
+        <div class="col-12">
+          <card class="strpied-tabled-with-hover"
+                body-classes="table-full-width table-responsive"
+          >
+            <template slot="header">
+              <h4 class="card-title">주문 등록</h4>
+              <p class="card-category">apply</p>
+              <button class="btn btn-info btn-fill float-right">submit</button>
+              <!-- <button @click="saveOrderChanges"></button> -->
+            </template>
+            <l-table class="table-hover table-striped"
+                    :columns="orders.columns"
+                    :data="orders.filteredData"
+                    :editable="true" 
+            >
+            </l-table>
+          </card>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import axios from 'axios';
+import LTable from 'src/components/InputTable.vue';
+import Card from 'src/components/Cards/Card.vue';
+
+export default {
+  components: {
+    LTable,
+    Card
+  },
+  data() {
+    return {
+      searchQuery: '',
+      orders: {
+        columns: ['상품 코드', '상품 등급', '주문 가능 수량', '입력 필드'],
+        data: [],
+        filteredData: []
+      }
+    };
+  },
+  mounted() {
+    this.fetchOrderList();
+  },
+  methods: {
+    fetchOrderList() {
+      const customerCode = this.$route.params.customerCode;
+      // axios.get(`http://localhost:8080/api/total/${customerCode}`)
+      //   .then(response => {
+      //     this.order1s.data = response.data.map(order1 => {
+      //       return {
+      //         '창고 번호': order1.storageCode,
+      //         '상품 코드': order1.goodsCode,
+      //         '상품 등급': order1.goodsGrade,
+      //         '주문 가능 수량': order1.totalQuantity,
+      //         '입력 필드': 0
+      //       };
+      //     });
+      //     this.order1s.filteredData = this.order1s.data;
+      //   })
+      //   .catch(error => {
+      //     console.error("주문 목록을 가져오는 데 실패했습니다.", error);
+      //   });
+      axios.get(`http://localhost:8080/api/total/summary/${customerCode}`)
+        .then(response => {
+          this.orders.data = response.data.map(order => {
+            return {
+              '상품 코드': order.goodsCode,
+              '상품 등급': order.goodsGrade,
+              '주문 가능 수량': order.totalQuantity,
+              '입력 필드': 0
+            };
+          });
+          this.orders.filteredData = this.orders.data;
+        })
+        .catch(error => {
+          console.error("주문 목록을 가져오는 데 실패했습니다.", error);
+        });
+    }
+  //   ,
+  //   saveOrderChanges() {
+  //   // 변경된 데이터만 필터링하거나 모든 주문 데이터를 전송할 수 있습니다.
+  //   axios.post(`http://api/orders/update`, this.orders.data)
+  //     .then(response => {
+  //       alert("주문 정보가 성공적으로 업데이트되었습니다.");
+  //     })
+  //     .catch(error => {
+  //       console.error("주문 정보 업데이트에 실패했습니다.", error);
+  //     });
+  // }
+  }
+};
+</script>
+
+<style>
+/* 필요한 스타일 지정 */
+</style>
\ No newline at end of file
diff --git a/vue-light-bootstrap-dashboard-master/src/pages/TableList3.vue b/vue-light-bootstrap-dashboard-master/src/pages/TableList3.vue
new file mode 100644
index 0000000..6cdcb7d
--- /dev/null
+++ b/vue-light-bootstrap-dashboard-master/src/pages/TableList3.vue
@@ -0,0 +1,78 @@
+  <template>
+    <div class="content">
+    <div class="container-fluid">
+      <div class="row">
+        <div class="col-12">
+              <card class="strpied-tabled-with-hover"
+                    body-classes="table-full-width table-responsive"
+              >
+                <template slot="header">
+                  <h4 class="card-title">Order Detail List</h4>
+                  <p class="card-category">Here is a subtitle for this table</p>
+                </template>
+                <l-table class="table-hover table-striped"
+                  :columns="orderDetails.columns"
+                  :data="orderDetails.filteredData">
+                </l-table>
+              </card>
+
+            </div>
+          </div>
+        </div>
+      </div>
+
+    </template>
+
+<script>
+import axios from 'axios';
+import LTable from 'src/components/Table.vue'
+import Card from 'src/components/Cards/Card.vue'
+
+export default {
+  components: {
+      LTable,
+      Card
+    },
+  data() {
+    return {
+      searchQuery: '',
+      orderDetails: {
+        columns: ['주문 상품(코드)', '상품 등급', '주문 금액'],
+        data: [],
+        filteredData: []
+      }
+    };
+  },
+  mounted() {
+    this.fetchOrderDetailList();
+  },
+  methods: {
+    // API 엔드포인트 URL 생성
+    //const apiUrl = ;
+    fetchOrderDetailList(){
+    // API에서 주문 목록을 가져와서 orders 배열에 할당
+    const orderNumber = this.$route.params.orderNumber;
+      // Use the orderNumber variable to fetch data
+      axios.get(`http://localhost:8080/api/order/detail/${orderNumber}`)
+    .then(response => {
+          this.orderDetails.data = response.data.map(orderDetail => {
+            return {
+              '주문 번호': orderDetail.orderNumber,
+              '주문 금액': orderDetail.orderPrice,
+              '주문 상품(코드)': orderDetail.goodsCode,
+              '상품 등급': orderDetail.goodsGrade
+            };
+          });
+          this.orderDetails.filteredData = this.orderDetails.data;
+        })
+        .catch(error => {
+          console.error("주문 상세 목록을 가져오는 데 실패했습니다.", error);
+        });
+    }
+  }
+};
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/vue-light-bootstrap-dashboard-master/src/pages/TableList4.vue b/vue-light-bootstrap-dashboard-master/src/pages/TableList4.vue
new file mode 100644
index 0000000..60f79a6
--- /dev/null
+++ b/vue-light-bootstrap-dashboard-master/src/pages/TableList4.vue
@@ -0,0 +1,167 @@
+<template>
+  <div class="content">
+    <div class="container-fluid">
+      <div class="row">
+        <div class="col-12">
+          <card class="strpied-tabled-with-hover" body-classes="table-full-width table-responsive">
+            <template slot="header">
+              <h4 class="card-title">Order List</h4>
+              <p class="card-category">주문 현황</p>
+
+            <div class="date-and-filter-bar">
+              <div class="filter-dates">
+                <input type="date" v-model="startDate" @change="filterOrders" class="form-control">
+                <input type="date" v-model="endDate" @change="filterOrders" class="form-control">
+              </div>
+            </div>
+            </template>
+            <l-table class="table-hover table-striped" :columns="orders.columns" :data="orders.filteredData"
+              @row-click="handleRowClick">
+            </l-table>
+            <div class="pagination-controls">
+              <button class="btn btn-info btn-fill" @click="changePage(1)" :disabled="currentPage === 1">
+                <<</button>
+                  <button class="btn btn-info btn-fill" @click="changePage(currentPage - 1)"
+                    :disabled="currentPage <= 1">
+                    <</button>
+
+                      <span v-for="number in pageNumbers" :key="number" class="page-number" @click="changePage(number)"
+                        :class="{ 'active': currentPage === number }">
+                        {{ number }}
+                      </span>
+
+                      <button class="btn btn-info btn-fill" @click="changePage(currentPage + 1)"
+                        :disabled="currentPage >= totalPages">></button>
+                      <button class="btn btn-info btn-fill" @click="changePage(totalPages)"
+                        :disabled="currentPage === totalPages">>></button>
+            </div>
+          </card>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import axios from 'axios';
+import LTable from 'src/components/Table.vue';
+import Card from 'src/components/Cards/Card.vue';
+
+export default {
+  components: {
+    LTable,
+    Card
+  },
+  data() {
+    return {
+      currentPage: 1,
+      itemsPerPage: 30,
+      searchQuery: '',
+      startDate: '',
+      endDate: '',
+      orders: {
+        columns: ['주문 번호', '주문 일자', '주문 금액(원)', '주문 상태'],
+        data: [],
+        filteredData: []
+      }
+    };
+  },
+  mounted() {
+    this.fetchOrderList();
+  },
+  methods: {
+    filterOrders() {
+      const startIndex = (this.currentPage - 1) * this.itemsPerPage;
+      const endIndex = startIndex + this.itemsPerPage;
+      const filteredByDate = this.orders.data.filter(order => {
+        const orderDate = new Date(order['주문 일자']);
+        const startDate = this.startDate ? new Date(this.startDate) : new Date('1970-01-01');
+        const endDate = this.endDate ? new Date(this.endDate) : new Date();
+        return orderDate >= startDate && orderDate <= endDate;
+      });
+      this.orders.filteredData = filteredByDate.slice(startIndex, endIndex);
+    },
+    changePage(page) {
+      this.currentPage = page;
+      this.filterOrders(); // Ensure this method updates the displayed items based on currentPage
+    },
+    fetchOrderList() {
+      axios.get(`http://localhost:8080/api/orders/customer/${this.$route.params.customerCode}`)
+        .then(response => {
+          this.orders.data = response.data.map(order => {
+            return {
+              '주문 번호': order.orderNumber,
+              '주문 금액(원)': order.orderPrice,
+              '주문 일자': order.orderDate,
+              '주문 상태': order.orderStatus,
+              '정산 상태': order.adjustmentStatus,
+              '판매처 코드': order.customerCode
+            };
+          })
+            .sort((a, b) => new Date(b['주문 일자']) - new Date(a['주문 일자']));
+          this.filterOrders();
+        })
+        .catch(error => {
+          console.error("주문 목록을 가져오는 데 실패했습니다.", error);
+        });
+    },
+    handleRowClick(row) {
+      const orderNumber = row['주문 번호'];
+      // 주문 상세 페이지 URL로 이동
+      window.location.href = `http://localhost:8080/#/buyer/detail/${orderNumber}`;
+    }
+  },
+  computed: {
+    totalPages() {
+      return Math.ceil(this.orders.data.length / this.itemsPerPage);
+    },
+    pageNumbers() {
+      let numbers = [];
+      for (let i = 1; i <= this.totalPages; i++) {
+        numbers.push(i);
+      }
+      return numbers;
+    }
+  }
+};
+</script>
+
+<style>
+.date-and-filter-bar {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 20px;
+}
+
+.date-filter {
+  display: flex;
+}
+
+.date-filter input {
+  margin-right: 10px;
+}
+
+.pagination-controls {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 20px;
+}
+
+.pagination-controls button {
+  padding: 5px 10px;
+  font-size: 0.9rem;
+  margin: 0 5px;
+}
+
+.page-number {
+  margin: 0 10px;
+  cursor: pointer;
+  font-size: 0.9rem;
+}
+
+.active {
+  font-weight: bold;
+  text-decoration: underline;
+}
+</style>
\ No newline at end of file
diff --git a/vue-light-bootstrap-dashboard-master/src/pages/TableList5.vue b/vue-light-bootstrap-dashboard-master/src/pages/TableList5.vue
new file mode 100644
index 0000000..dd8ee9b
--- /dev/null
+++ b/vue-light-bootstrap-dashboard-master/src/pages/TableList5.vue
@@ -0,0 +1,122 @@
+  <template>
+    <div class="content">
+    <div class="container-fluid">
+      <div class="row">
+        <div class="col-12">
+              <card class="strpied-tabled-with-hover"
+                    body-classes="table-full-width table-responsive"
+              >
+                <template slot="header">
+                  <h4 class="card-title">Order Detail List</h4>
+                  <p v-if="firstOrderNumber" class="card-category">{{ firstOrderNumber }} 번 주문</p>
+                  <p class="card-category">주문 상태: {{ orderStatus }} </p>
+                  <p v-if="adjustmentStatus !== '주문 취소'" class="card-category">정산 상태: {{ adjustmentStatus }} </p>
+                </template>
+
+                <button v-if="orderStatus !== '주문 취소'" class="btn btn-info btn-fill float-right" @click="cancelOrder">주문 취소</button>
+                <l-table class="table-hover table-striped"
+                  :columns="orderDetails.columns"
+                  :data="orderDetails.filteredData">
+                </l-table>
+              </card>
+
+            </div>
+          </div>
+        </div>
+      </div>
+
+    </template>
+
+<script>
+import axios from 'axios';
+import LTable from 'src/components/Table.vue'
+import Card from 'src/components/Cards/Card.vue'
+
+export default {
+  components: {
+      LTable,
+      Card
+    },
+  data() {
+    return {
+      searchQuery: '',
+      firstOrderNumber: '',
+      orderStatus: '',
+      adjustmentStatus: '',
+      orderDetails: {
+        columns: ['상품명', '상품 등급', '가격(BOX)', '주문 수량', '금액(원)'],
+        data: [],
+        filteredData: []
+      }
+    };
+  },
+  mounted() {
+    this.fetchOrderDetailList();
+    this.fetchOrderStatus();
+  },
+  methods: {
+    // API 엔드포인트 URL 생성
+    //const apiUrl = ;
+    fetchOrderStatus() {
+      // Fetch the order's overall status separately
+      const orderNumber = this.$route.params.orderNumber;
+      axios.get(`http://localhost:8080/api/orders/${orderNumber}`)
+        .then(response => {
+          if (response.data) {
+            this.orderStatus = response.data.orderStatus;
+            this.adjustmentStatus = response.data.adjustmentStatus; // Set the order status
+            //console.log(response.data.orderStatus);
+          }
+        })
+        .catch(error => {
+          console.error("주문 상태를 가져오는 데 실패했습니다.", error);
+        });
+    },cancelOrder() {
+      if (this.adjustmentStatus !== '미정산') {
+    alert('미정산 주문만 취소할 수 있습니다.');
+    return;
+  } else {
+    const orderNumber = this.$route.params.orderNumber;
+    axios.put(`http://localhost:8080/api/orders/${orderNumber}/cancel`)
+      .then(_response => {
+        alert('주문이 취소되었습니다.');
+        window.location.reload();
+      })
+    }
+  },
+    fetchOrderDetailList(){
+    // API에서 주문 목록을 가져와서 orders 배열에 할당
+    const orderNumber = this.$route.params.orderNumber;
+      // Use the orderNumber variable to fetch data
+      axios.get(`http://localhost:8080/api/order/detail/${orderNumber}`)
+    .then(response => {
+
+      if (response.data.length > 0) {
+        this.firstOrderNumber = response.data[0].orderNumber; // 첫 번째 주문 번호 저장
+      }
+          this.orderDetails.data = response.data.map(orderDetail => {
+            return {
+              ...orderDetail,
+              '주문 번호': orderDetail.orderNumber,
+              '상품명': orderDetail.goodsName,
+              '가격(BOX)': orderDetail.orderPrice * 1,
+              '주문 수량': orderDetail.orderQuantity,
+              '상품 코드': orderDetail.goodsCode,
+              '상품 등급': orderDetail.goodsGrade,
+              '금액(원)':  orderDetail.orderQuantity * orderDetail.orderPrice
+            };
+          });
+          this.orderDetails.filteredData = this.orderDetails.data;
+          console.log(this.orderDetails.data);
+        })
+        .catch(error => {
+          console.error("주문 상세 목록을 가져오는 데 실패했습니다.", error);
+        });
+    }
+  }
+};
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/vue-light-bootstrap-dashboard-master/src/pages/TableList6.vue b/vue-light-bootstrap-dashboard-master/src/pages/TableList6.vue
new file mode 100644
index 0000000..781d688
--- /dev/null
+++ b/vue-light-bootstrap-dashboard-master/src/pages/TableList6.vue
@@ -0,0 +1,78 @@
+<template>
+  <div class="content">
+    <div class="container-fluid">
+      <div class="row">
+        <div class="col-12">
+          <card class="strpied-tabled-with-hover"
+                body-classes="table-full-width table-responsive"
+          >
+            <template slot="header">
+              <h4 class="card-title">Order List</h4>
+              <p class="card-category">Here is a subtitle for this table</p>
+            </template>
+            <l-table class="table-hover table-striped"
+                    :columns="orders.columns"
+                    :data="orders.filteredData"
+                    @row-click="handleRowClick">
+            </l-table>
+          </card>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import axios from 'axios';
+import LTable from 'src/components/Table.vue';
+import Card from 'src/components/Cards/Card.vue';
+
+export default {
+  components: {
+    LTable,
+    Card
+  },
+  data() {
+    return {
+      searchQuery: '',
+      orders: {
+        columns: ['주문 번호', '주문 금액', '주문 일자', '판매처 코드'],
+        data: [],
+        filteredData: []
+      }
+    };
+  },
+  mounted() {
+    this.fetchOrderList();
+  },
+  methods: {
+    fetchOrderList() {
+      const businessId = this.$route.params.businessId;
+      axios.get(`http://localhost:8080/api/orders/id/${businessId}`)
+        .then(response => {
+          this.orders.data = response.data.map(order => {
+            return {
+              '주문 번호': order.orderNumber,
+              '주문 금액': order.orderPrice,
+              '주문 일자': order.orderDate,
+              '판매처 코드': order.customerCode
+            };
+          });
+          this.orders.filteredData = this.orders.data;
+        })
+        .catch(error => {
+          console.error("주문 목록을 가져오는 데 실패했습니다.", error);
+        });
+    },
+    handleRowClick(row) {
+      const orderNumber = row['주문 번호'];
+      // 주문 상세 페이지 URL로 이동
+      window.location.href = `http://localhost:8080/#/orders/detail/${orderNumber}`;
+    }
+  }
+};
+</script>
+
+<style>
+/* 필요한 스타일 지정 */
+</style>
\ No newline at end of file
diff --git a/vue-light-bootstrap-dashboard-master/src/pages/TableList7.vue b/vue-light-bootstrap-dashboard-master/src/pages/TableList7.vue
new file mode 100644
index 0000000..697ed6a
--- /dev/null
+++ b/vue-light-bootstrap-dashboard-master/src/pages/TableList7.vue
@@ -0,0 +1,260 @@
+<template>
+  <div class="content">
+    <div class="container-fluid">
+      <div class="row">
+        <div class="col-12">
+          <card class="strpied-tabled-with-hover" body-classes="table-full-width table-responsive">
+            <template slot="header">
+              <h4 class="card-title">주문 등록</h4>
+              <p class="card-category">apply</p>
+              <button @click="submitOrder" class="btn btn-info btn-fill float-right">submit</button>
+              <!-- <button @click="saveOrderChanges"></button> -->
+            </template>
+
+            <!-- <base-dropdown :initial-title="dropdownTitle" @item-selected="updateTitle" ref="dropdown">
+              <template v-slot:default>
+                <a v-for="code in storageCodes" :key="code" class="dropdown-item" @click="selectStorageCode(code)">
+                  {{ code }}
+                </a>
+              </template>
+            </base-dropdown> -->
+            <select v-model="selectedStorageCode">
+      <option disabled value="">Please select one</option>
+      <option v-for="code in storageCodes" :key="code" :value="code">{{ code }}</option>
+    </select>
+
+            <input type="text" v-model="searchQuery" placeholder="상품명 검색" class="form-control"/>
+            <l-table class="table-hover table-striped"
+         :columns="goodsList.columns"
+         :data="goodsList.data"
+         :search-query="searchQuery"
+         :editable="true"
+         @update-total="updateTotalAmount"
+         @add-row="makeRowPermanent">
+</l-table>
+
+            
+
+
+          </card>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import axios from 'axios';
+import LTable from 'src/components/InputTable.vue';
+import Card from 'src/components/Cards/Card.vue';
+import BaseDropdown from 'src/components/OrderBaseDropdown.vue';
+
+export default {
+  components: {
+    LTable,
+    Card,
+    BaseDropdown
+  },
+  data() {
+    return {
+      searchQuery: '',
+      storageCodes: [],
+      selectedStorageCode: '',
+      goodsList: {
+        columns: ['상품명', '상품 등급', '주문 가능 수량', '가격(BOX)', '주문 수량', '금액(원)', '  '],
+        data: [],
+        filteredData: []
+      },
+      dropdownTitle: 'Select Storage Code',
+      totalAmount: 0
+    };
+  },
+  computed: {
+    // 검색된 데이터를 계산된 속성으로 필터링
+    filteredData() {
+      return this.goodsList.data.filter(goods => {
+        return goods['상품명'].toLowerCase().includes(this.searchQuery.toLowerCase());
+      });
+    },
+    totalAmount() {
+    return this.goodsList.data.reduce((acc, goods) => {
+      return acc + (goods['가격(BOX)'] * goods['주문 수량'].value);
+    }, 0);
+  }
+  },
+  watch: {
+    selectedStorageCode(newVal) {
+      if (newVal !== '') {
+        this.fetchGoodsList(newVal);
+      }
+    },
+    searchQuery(newVal) {
+    if (newVal !== '' && this.selectedStorageCode !== '') {
+      this.fetchGoodsList(this.selectedStorageCode);
+    }
+  }
+  },
+  mounted() {
+    this.fetchOrderList();
+  },
+  methods: {
+    updateTotalAmount(amount) {
+    this.totalAmount = amount;
+  },
+  updateTitle(selectedItem) {
+    this.dropdownTitle = selectedItem; // 선택된 항목으로 타이틀 업데이트
+  },
+    selectStorageCode(code) {
+      this.selectedStorageCode = code;
+      this.dropdownTitle = code; // 드롭다운 타이틀 업데이트
+      this.fetchGoodsList(code);
+      this.closeDropdown(); // 드롭다운 닫기
+    },
+    closeDropdown() {
+      if (this.$refs.dropdown) {
+        this.$refs.dropdown.closeDropDown();
+      }
+    },
+    fetchOrderList() {
+      const customerCode = this.$route.params.customerCode;
+      axios.get(`http://localhost:8080/api/storage/${customerCode}`)
+        .then(response => {
+          this.storageCodes = response.data.map(item => item.storageCode);
+        })
+        .catch(error => {
+          console.error("There was an error fetching the order list:", error);
+        });
+    },
+    fetchGoodsList(storageCode) {
+    axios.get(`http://localhost:8080/api/total/storage/${storageCode}`)
+      .then(response => {
+        const filteredData = response.data.filter(goods => goods.goodsName.toLowerCase().includes(this.searchQuery.toLowerCase()));
+      this.goodsList.data = filteredData.map(goods => ({
+        ...goods,
+        visible: false,
+        '상품 코드': goods.goodsCode,
+        '상품명': goods.goodsName,
+        '상품 등급': goods.goodsGrade,
+        '주문 가능 수량': goods.totalQuantity,
+        '가격(BOX)': Math.ceil(goods.inputPrice * (100 + goods.marginRate) / 100),
+        '주문 수량': 0,
+        '금액(원)' : 0
+      }));
+    })
+    .catch(error => {
+      console.error(`There was an error fetching the goods list for storageCode ${storageCode}:`, error);
+    });
+  },
+  makeRowPermanent(goodsCode) {
+    const item = this.goodsList.data.find(item => item['상품 코드'] === goodsCode);
+    if (item) item.visible = true;
+  },
+  //   submitOrder() {
+  //     if (this.totalAmount <= 0) {
+  //   window.alert("총 금액이 0원입니다. 주문을 등록할 수 없습니다.");
+  //   return;
+  // }
+  //     //const customerCode = this.$route.params.customerCode;
+  //   const orderData = {
+  //     customerCode: "CON001", 
+  //     storageCode: this.selectedStorageCode,
+  //     orderPrice: this.totalAmount, 
+  //     adjustmentStatus: "미정산"
+  //   };
+  //   axios.post('/api/orders/post', orderData)
+  //     .then(response => {
+  //       console.log('Order created!', response.data);
+  //       const createdOrderNumber = response.data.orderNumber;
+  //       console.log(createdOrderNumber);
+
+  //       const nonZeroItems = this.goodsList.data.filter(item => item['주문 수량'] > 0);
+
+  //       nonZeroItems.forEach(item => {
+  //       const orderProductData = {
+  //         orderNumber: createdOrderNumber,
+  //         goodsCode: item['상품 코드'],
+  //         goodsGrade: item['상품 등급'],
+  //         orderQuantity: item['주문 수량'],
+  //         orderPrice: item['금액(원)'] 
+  //       };
+  //       axios.post('/api/order/detail/post', orderProductData)
+  //         .then(res => {
+  //           console.log('Item added with the order number', res.data);
+  //         })
+  //         .catch(err => {
+  //           console.error('Error posting item:', err);
+  //         });
+  //     });
+  //   })
+  //   .catch(error => {
+  //     console.error('Error creating order:', error);
+  //   });
+  // }
+  submitOrder() {
+  if (this.totalAmount <= 0) {
+    window.alert("총 금액이 0원입니다. 주문을 등록할 수 없습니다.");
+    return;
+  }
+
+  const orderData = {
+    customerCode: "CON001", 
+    storageCode: this.selectedStorageCode,
+    orderPrice: this.totalAmount, 
+    adjustmentStatus: "미정산",
+    orderStatus: "주문 완료"
+  };
+
+  axios.post('/api/orders/post', orderData)
+    .then(response => {
+      console.log('Order created!', response.data);
+      const createdOrderNumber = response.data.orderNumber;
+      console.log(createdOrderNumber);
+
+      const nonZeroItems = this.goodsList.data.filter(item => item['주문 수량'] > 0);
+
+      // 모든 비어있지 않은 항목에 대해 주문 세부 정보를 게시합니다.
+      const postOrderDetailsPromises = nonZeroItems.map(item => {
+        const orderProductData = {
+          orderNumber: createdOrderNumber,
+          goodsCode: item['상품 코드'],
+          goodsGrade: item['상품 등급'],
+          orderQuantity: item['주문 수량'],
+          orderPrice: item['금액(원)']
+        };
+
+        return axios.post('/api/order/detail/post', orderProductData);
+      });
+
+      // 모든 주문 세부 정보 요청이 성공적으로 완료되면,
+      Promise.all(postOrderDetailsPromises).then(() => {
+        window.alert("주문이 성공적으로 등록되었습니다.");
+        // 주문 등록 후 필요한 상태 초기화 또는 페이지 이동 로직 추가
+      }).catch(err => {
+        console.error('Error posting order details:', err);
+        window.alert("주문 세부 정보 등록 중 문제가 발생했습니다.");
+      });
+
+    })
+    .catch(error => {
+      console.error('Error creating order:', error);
+      window.alert("주문 등록 중 문제가 발생했습니다.");
+    });
+}
+
+  }
+};
+</script>
+
+<style scoped>
+.dropdown .dropdown-toggle {
+  cursor: pointer;
+}
+.total-amount h4 {
+  margin-top: 20px;
+  font-weight: bold;
+}
+
+.table tbody tr:last-child td {
+  font-weight: bold;
+}
+</style>
\ No newline at end of file
diff --git a/vue-light-bootstrap-dashboard-master/src/pages/Typography.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/pages/Typography.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/pages/Typography.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/pages/Upgrade.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/pages/Upgrade.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/pages/Upgrade.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/pages/UserProfile.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/pages/UserProfile.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/pages/UserProfile.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/pages/UserProfile/EditProfileForm.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/pages/UserProfile/EditProfileForm.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/pages/UserProfile/EditProfileForm.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/pages/UserProfile/UserCard.vue:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/pages/UserProfile/UserCard.vue:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/pages/UserProfile/UserCard.vue:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/pages/ordertemp.txt b/vue-light-bootstrap-dashboard-master/src/pages/ordertemp.txt
new file mode 100644
index 0000000..9c3bba3
--- /dev/null
+++ b/vue-light-bootstrap-dashboard-master/src/pages/ordertemp.txt
@@ -0,0 +1,108 @@
+<template>
+  <div class="content">
+    <div class="container-fluid">
+      <div class="row">
+        <div class="col-12">
+          <card class="strpied-tabled-with-hover" body-classes="table-full-width table-responsive">
+            <template slot="header">
+              <h4 class="card-title">주문 등록</h4>
+              <p class="card-category">apply</p>
+              <button class="btn btn-info btn-fill float-right">submit</button>
+              <!-- <button @click="saveOrderChanges"></button> -->
+            </template>
+            <select class="dropdown-item" v-model="selectedStorageCode">
+              <option disabled value="">Please select one</option>
+              <option v-for="code in storageCodes" :key="code" :value="code">{{ code }}</option>
+            </select>
+            <l-table class="table-hover table-striped" :columns="goodsList.columns" :data="goodsList.data"
+              :editable="true">
+            </l-table>
+          </card>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import axios from 'axios';
+import LTable from 'src/components/InputTable.vue';
+import Card from 'src/components/Cards/Card.vue';
+import BaseDropdown from 'src/component/layout/TopNavbar.vue';
+
+export default {
+  components: {
+    LTable,
+    Card,
+    BaseDropdown
+  },
+  data() {
+    return {
+      searchQuery: '',
+      storageCodes: [],
+      selectedStorageCode: '',
+      goodsList: {
+        columns: ['상품 코드', '상품 등급', '주문 가능 수량', '입력 필드'],
+        data: [],
+        filteredData: []
+      } // API로부터 받은 제품 리스트를 저장할 상태
+    };
+  },
+  watch: {
+    selectedStorageCode(newVal) {
+      if (newVal !== '') {
+        this.fetchGoodsList(newVal);
+      }
+    }
+  },
+  mounted() {
+    this.fetchOrderList();
+  },
+  methods: {
+    fetchOrderList() {
+      const customerCode = this.$route.params.customerCode;
+      axios.get(`http://localhost:8080/api/storage/${customerCode}`)
+        .then(response => {
+          this.storageCodes = response.data.map(item => item.storageCode);
+        })
+        .catch(error => {
+          console.error("There was an error fetching the order list:", error);
+        });
+    },
+    fetchGoodsList(storageCode) {
+      axios.get(`http://localhost:8080/api/total/storage/${storageCode}`)
+        .then(response => {
+          this.goodsList.data = response.data.map(goods => {
+            return {
+              '상품 코드': goods.goodsCode,
+              '상품 등급': goods.goodsGrade,
+              '주문 가능 수량': goods.totalQuantity,
+              '입력 필드': 0
+            };
+          }); // API 응답으로 받은 제품 리스트를 저장
+        })
+        .catch(error => {
+          console.error(`There was an error fetching the goods list for storageCode ${storageCode}:`, error);
+        });
+    }
+  }
+};
+</script>
+
+<style></style>
+
+
+
+
+
+
+
+
+
+
+
+
+
+<div class="total-amount float-right">
+              <h4>총 금액: {{ totalAmount }}</h4>
+            </div>
\ No newline at end of file
diff --git a/vue-light-bootstrap-dashboard-master/src/registerServiceWorker.js:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/registerServiceWorker.js:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/registerServiceWorker.js:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip
diff --git a/vue-light-bootstrap-dashboard-master/src/routes/routes.js b/vue-light-bootstrap-dashboard-master/src/routes/routes.js
index e17c405..7df2cf5 100644
--- a/vue-light-bootstrap-dashboard-master/src/routes/routes.js
+++ b/vue-light-bootstrap-dashboard-master/src/routes/routes.js
@@ -1,4 +1,5 @@
 import DashboardLayout from '../layout/DashboardLayout.vue'
+import CustomerDashboardLayout from '../layout/CustomerDashboardLayout.vue'
 // GeneralViews
 import NotFound from '../pages/NotFoundPage.vue'
 
@@ -11,6 +12,14 @@ import Icons from 'src/pages/Icons.vue'
 import Maps from 'src/pages/Maps.vue'
 import Notifications from 'src/pages/Notifications.vue'
 import Upgrade from 'src/pages/Upgrade.vue'
+import OrderList from 'src/pages/TableList6.vue'
+import OrderDetail from 'src/pages/TableList3.vue'
+import CustomerOrderList from 'src/pages/TableList4.vue'
+import CustomerOrderDetail from 'src/pages/TableList5.vue'
+import OrderApply1 from 'src/pages/TableList2.vue'
+import OrderApply from 'src/pages/TableList7.vue'
+import Overview1 from 'src/pages/Overview1.vue'
+
 
 const routes = [
   {
@@ -62,9 +71,66 @@ const routes = [
         path: 'upgrade',
         name: 'Upgrade to PRO',
         component: Upgrade
+      },
+      {
+        path: 'orders/:businessId',
+        name: 'OrderList',
+        component: OrderList
+      },
+      {
+        path: '/orders/detail/:orderNumber', 
+        name: 'OrderDetail',
+        component: OrderDetail,
+        props: true
+      },
+      {
+        path: 'overview1/:businessId',
+        name: 'Overview1',
+        component: Overview1
+      }
+    ]
+  },
+  {
+    // 판매처
+    path: '/buyer',
+    component: CustomerDashboardLayout,
+    redirect: '/buyer/:customerCode',
+    children: [
+      {
+        //주문 목록(판매처)
+        path: ':customerCode',
+        name: 'CustomerOrderList',
+        component: CustomerOrderList
+      },
+      {
+        //주문 상세(판매처)
+        path: 'detail/:orderNumber', 
+        name: 'CustomerOrderDetail',
+        component: CustomerOrderDetail,
+        props: true
+      }
+      ,
+      {
+        //주문 등록 - temp (판매처)
+        path: 'apply1/:customerCode',
+        name: 'OrderApply1',
+        component: OrderApply1
+      }
+      ,
+      {
+        //주문 등록(판매처)
+        path: 'apply/:customerCode',
+        name: 'OrderApply',
+        component: OrderApply
       }
     ]
   },
+  // {
+  //   // 판매처
+  //   path: '/apply',
+  //   name: 'OrderApply',
+  //   component: OrderApply
+  // }, 
   { path: '*', component: NotFound }
 ]
 
@@ -73,8 +139,8 @@ const routes = [
  * The specified component must be inside the Views folder
  * @param  {string} name  the filename (basename) of the view to load.
 function view(name) {
-   var res= require('../components/Dashboard/Views/' + name + '.vue');
-   return res;
+var res= require('../components/Dashboard/Views/' + name + '.vue');
+return res;
 };**/
 
 export default routes
diff --git a/vue-light-bootstrap-dashboard-master/src/routes/routes.js:Zone.Identifier b/vue-light-bootstrap-dashboard-master/src/routes/routes.js:Zone.Identifier
deleted file mode 100644
index ff497d6..0000000
--- a/vue-light-bootstrap-dashboard-master/src/routes/routes.js:Zone.Identifier
+++ /dev/null
@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\Playdata\Downloads\vue-light-bootstrap-dashboard-master.zip