From d14d5d6e87b2eb5e877eaf5805ddc8504bca1000 Mon Sep 17 00:00:00 2001
From: moomint8 <office05053@gmail.com>
Date: Thu, 13 Jun 2024 19:59:24 +0900
Subject: [PATCH 1/2] =?UTF-8?q?fix(manager):=20=ED=9A=8C=EC=9B=90=20?=
 =?UTF-8?q?=EB=B9=84=EB=B0=80=EB=B2=88=ED=98=B8=20=EC=B4=88=EA=B8=B0?=
 =?UTF-8?q?=ED=99=94,=20=EA=B6=8C=ED=95=9C=20=EC=88=98=EC=A0=95=20?=
 =?UTF-8?q?=EB=B2=84=EA=B7=B8=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

잘못된 요청으로 인해 요청이 처리되지 않던 버그를 수정했습니다.
---
 src/components/manager/EditUserRole.vue      | 180 ++++++++++---------
 src/components/manager/ResetUserPassword.vue | 133 ++++++++------
 2 files changed, 173 insertions(+), 140 deletions(-)

diff --git a/src/components/manager/EditUserRole.vue b/src/components/manager/EditUserRole.vue
index bc332a8..1425667 100644
--- a/src/components/manager/EditUserRole.vue
+++ b/src/components/manager/EditUserRole.vue
@@ -1,84 +1,100 @@
 <template>
-    <div class="container">
-      <h2>회원 권한 수정</h2>
-      <div class="form-group">
-        <label for="role">권한:</label>
-        <select id="role" v-model="role" required>
-          <option value="ROLE_NORMAL">일반 사용자</option>
-          <option value="ROLE_LEADER">리더</option>
-          <option value="ROLE_HR_MANAGER">인사 매니저</option>
-          <option value="ROLE_ADMIN">관리자</option>
-        </select>
-      </div>
-      <button class="submit-button" @click="updateMemberPermission">수정</button>
+  <div class="container">
+    <h2>회원 권한 수정</h2>
+    <div class="form-group">
+      <label for="role">권한:</label>
+      <select id="role" v-model="role" required>
+        <option value="ROLE_NORMAL">일반 사용자</option>
+        <option value="ROLE_LEADER">리더</option>
+        <option value="ROLE_HR_MANAGER">인사 매니저</option>
+        <option value="ROLE_ADMIN">관리자</option>
+      </select>
     </div>
-  </template>
-  
-  <script setup>
-  import { ref } from 'vue';
-  import { useRouter, useRoute } from 'vue-router';
-  import axios from 'axios';
-  
-  const router = useRouter();
-  const route = useRoute();
-  const memberId = route.params.id;
-  const role = ref('ROLE_NORMAL');
-  
-  async function updateMemberPermission() {
-    try {
-      const token = localStorage.getItem('token');
-      await axios.post('http://triumers-back.ap-northeast-2.elasticbeanstalk.com/manager/edit/role', {
-        email: memberId,
-        role: role.value,
-      }, {
-        headers: {
-          Authorization: token,
-        },
-      });
-      alert('회원 권한이 성공적으로 수정되었습니다.');
-      router.push({ name: 'EditUser', params: { id: memberId } });
-    } catch (error) {
-      console.error('Failed to update member permission:', error);
-      alert('회원 권한 수정에 실패했습니다. 다시 시도해주세요.');
-    }
-  }
-  </script>
-  
-  <style scoped>
-  .container {
-    max-width: 500px;
-    margin: 0 auto;
-    padding: 20px;
-  }
-  
-  .form-group {
-    margin-bottom: 20px;
-  }
-  
-  label {
-    font-weight: bold;
-    display: block;
-    margin-bottom: 5px;
-  }
-  
-  select {
-    width: 100%;
-    padding: 10px;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-  }
-  
-  .submit-button {
-    padding: 10px 20px;
-    background-color: #042444;
-    color: white;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    transition: background-color 0.2s;
-  }
-  
-  .submit-button:hover {
-    background-color: #1b2cba;
-  }
-  </style>
\ No newline at end of file
+    <button class="submit-button" @click="updateMemberPermission">수정</button>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+import { useRouter, useRoute } from 'vue-router';
+import axios from 'axios';
+
+const router = useRouter();
+const route = useRoute();
+const memberId = route.params.id;
+const memberEmail = ref('');
+
+onMounted(async () => {
+try {
+  const token = localStorage.getItem('token');
+  const response = await axios.get(`http://triumers-back.ap-northeast-2.elasticbeanstalk.com/employee/find/id/${memberId}`, {
+    headers: {
+      Authorization: token,
+    },
+  });
+
+  memberEmail.value = response.data.employee[0].email;
+} catch (error) {
+  console.error('Failed to fetch member email:', error);
+  alert('회원 이메일을 가져오는데 실패했습니다.');
+}
+});
+
+async function updateMemberPermission() {
+try {
+  const token = localStorage.getItem('token');
+  await axios.post('http://triumers-back.ap-northeast-2.elasticbeanstalk.com/manager/edit/role', {
+    email: memberEmail.value,
+    role: role.value,
+  }, {
+    headers: {
+      Authorization: token,
+    },
+  });
+  alert('회원 권한이 성공적으로 수정되었습니다.');
+  router.push({ name: 'EditUser', params: { id: memberId } });
+} catch (error) {
+  console.error('Failed to update member permission:', error);
+  alert('회원 권한 수정에 실패했습니다. 다시 시도해주세요.');
+}
+}
+</script>
+
+<style scoped>
+.container {
+  max-width: 500px;
+  margin: 0 auto;
+  padding: 20px;
+}
+
+.form-group {
+  margin-bottom: 20px;
+}
+
+label {
+  font-weight: bold;
+  display: block;
+  margin-bottom: 5px;
+}
+
+select {
+  width: 100%;
+  padding: 10px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+
+.submit-button {
+  padding: 10px 20px;
+  background-color: #042444;
+  color: white;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+
+.submit-button:hover {
+  background-color: #1b2cba;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/manager/ResetUserPassword.vue b/src/components/manager/ResetUserPassword.vue
index 0d6db1a..e36a481 100644
--- a/src/components/manager/ResetUserPassword.vue
+++ b/src/components/manager/ResetUserPassword.vue
@@ -1,59 +1,76 @@
 <template>
-    <div class="container">
-      <h2>회원 비밀번호 초기화</h2>
-      <p>회원의 비밀번호를 초기화하시겠습니까?</p>
-      <button class="submit-button" @click="resetMemberPassword">초기화</button>
-    </div>
-  </template>
-  
-  <script setup>
-  import { useRouter, useRoute } from 'vue-router';
-  import axios from 'axios';
-  
-  const router = useRouter();
-  const route = useRoute();
-  const memberId = route.params.id;
-  
-  async function resetMemberPassword() {
-    try {
-      const token = localStorage.getItem('token');
-      const response = await axios.post('http://triumers-back.ap-northeast-2.elasticbeanstalk.com/manager/edit/password', {
-        email: memberId,
-      }, {
-        headers: {
-          Authorization: token,
-        },
-      });
-  
-      const newPassword = response.data.password;
-      alert(`회원의 비밀번호가 초기화되었습니다. 새로운 비밀번호: ${newPassword}`);
-      router.push({ name: 'EditUser', params: { id: memberId } });
-    } catch (error) {
-      console.error('Failed to reset member password:', error);
-      // 오류 처리 로직 추가
-      alert('회원 비밀번호 초기화에 실패했습니다. 다시 시도해주세요.');
-    }
-  }
-  </script>
-  
-  <style scoped>
-  .container {
-    max-width: 500px;
-    margin: 0 auto;
-    padding: 20px;
-  }
-  
-  .submit-button {
-    padding: 10px 20px;
-    background-color: #042444;
-    color: white;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    transition: background-color 0.2s;
-  }
-  
-  .submit-button:hover {
-    background-color: #1b2cba;
-  }
-  </style>
\ No newline at end of file
+  <div class="container">
+    <h2>회원 비밀번호 초기화</h2>
+    <p>회원의 비밀번호를 초기화하시겠습니까?</p>
+    <button class="submit-button" @click="resetMemberPassword">초기화</button>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+import { useRouter, useRoute } from 'vue-router';
+import axios from 'axios';
+
+const router = useRouter();
+const route = useRoute();
+const memberId = route.params.id;
+
+const memberEmail = ref('');
+
+onMounted(async () => {
+try {
+  const token = localStorage.getItem('token');
+  const response = await axios.get(`http://triumers-back.ap-northeast-2.elasticbeanstalk.com/employee/find/id/${memberId}`, {
+    headers: {
+      Authorization: token,
+    },
+  });
+
+  memberEmail.value = response.data.employee[0].email;
+} catch (error) {
+  console.error('Failed to fetch member email:', error);
+  alert('회원 이메일을 가져오는데 실패했습니다.');
+}
+});
+
+async function resetMemberPassword() {
+try {
+  const token = localStorage.getItem('token');
+  const response = await axios.post('http://triumers-back.ap-northeast-2.elasticbeanstalk.com/manager/edit/password', {
+    email: memberEmail.value,
+  }, {
+    headers: {
+      Authorization: token,
+    },
+  });
+  const newPassword = response.data.password;
+  alert(`회원의 비밀번호가 초기화되었습니다. 새로운 비밀번호: ${newPassword}`);
+  router.push({ name: 'EditUser', params: { id: memberId } });
+} catch (error) {
+  console.error('Failed to reset member password:', error);
+  alert('회원 비밀번호 초기화에 실패했습니다. 다시 시도해주세요.');
+}
+}
+</script>
+
+<style scoped>
+.container {
+  max-width: 500px;
+  margin: 0 auto;
+  padding: 20px;
+}
+
+.submit-button {
+  padding: 10px 20px;
+  background-color: #042444;
+  color: white;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+
+.submit-button:hover {
+  background-color: #1b2cba;
+}
+</style>
\ No newline at end of file

From 832d469c1c88f2a28e7c5f2ed0abd2206bce33ce Mon Sep 17 00:00:00 2001
From: moomint8 <office05053@gmail.com>
Date: Thu, 13 Jun 2024 20:38:03 +0900
Subject: [PATCH 2/2] =?UTF-8?q?fix(manager):=20=ED=9A=8C=EC=9B=90=20?=
 =?UTF-8?q?=EC=A0=95=EB=B3=B4=20=EB=B3=80=EA=B2=BD=20=EB=B2=84=EA=B7=B8=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

회원 정보 변경이 되지 않는 문제를 수정했습니다.
---
 src/components/manager/EditUser.vue | 460 ++++++++++++++--------------
 1 file changed, 223 insertions(+), 237 deletions(-)

diff --git a/src/components/manager/EditUser.vue b/src/components/manager/EditUser.vue
index abd8375..197e271 100644
--- a/src/components/manager/EditUser.vue
+++ b/src/components/manager/EditUser.vue
@@ -1,194 +1,197 @@
 <template>
-    <div class="container">
-      <div class="header no-background no-shadow">
-        <h2>회원 정보 수정</h2>
-        <div class="button-group">
-          <button class="permission-button" @click="goToMemberPermission">권한 수정</button>
-          <button class="reset-password-button" @click="goToMemberResetPassword">비밀번호 초기화</button>
-        </div>
+  <div class="container">
+    <div class="header no-background no-shadow">
+      <h2>회원 정보 수정</h2>
+      <div class="button-group">
+        <button class="permission-button" @click="goToMemberPermission">권한 수정</button>
+        <button class="reset-password-button" @click="goToMemberResetPassword">비밀번호 초기화</button>
       </div>
-      <form @submit.prevent="updateMember">
-        <div class="form-group">
-          <label for="email">이메일:</label>
-          <input type="email" id="email" v-model="email" required />
-        </div>
-        <div class="form-group">
-          <label for="name">이름:</label>
-          <input type="text" id="name" v-model="name" required />
-        </div>
-        <div class="form-group">
+    </div>
+    <form @submit.prevent="updateMember">
+      <div class="form-group">
+        <label for="email">이메일:</label>
+        <input type="email" id="email" v-model="email" required />
+      </div>
+      <div class="form-group">
+        <label for="name">이름:</label>
+        <input type="text" id="name" v-model="name" required />
+      </div>
+      <div class="form-group">
         <label for="profileImg">프로필 이미지:</label>
-        <input type="file" id="profileImg" @change="handleProfileImgChange" accept="image/jpeg" />
+        <input type="text" id="profileImg" v-model="profileImg" />
+      </div>
+      <div class="form-group">
+        <label for="startDate">입사일:</label>
+        <input type="date" id="startDate" v-model="startDate" />
+      </div>
+      <div class="form-group">
+        <label for="endDate">퇴사일:</label>
+        <input type="date" id="endDate" v-model="endDate" />
+      </div>
+      <div class="form-group">
+        <label for="phoneNumber">전화번호:</label>
+        <input type="tel" id="phoneNumber" v-model="phoneNumber" />
+      </div>
+      <div class="form-group">
+        <label for="team" class="label-bold">팀:</label>
+        <div class="search-input">
+          <input
+            v-model="teamSearch"
+            type="text"
+            placeholder="팀 이름 검색"
+            @input="searchTeams"
+            @keydown.enter.prevent
+            class="form-control"
+          />
+          <button @click="searchTeams" class="btn search-button">검색</button>
         </div>
-        <div class="form-group">
-          <label for="startDate">입사일:</label>
-          <input type="date" id="startDate" v-model="startDate" />
+        <div v-if="showTeamResults" class="search-results">
+          <div
+            v-for="team in filteredTeams"
+            :key="team.id"
+            class="search-result"
+            :class="{ 'selected': selectedTeam && selectedTeam.id === team.id }"
+            @click="selectTeam(team)"
+          >
+            {{ team.name }}
+          </div>
+          <div v-if="filteredTeams.length === 0 && teamSearch !== ''" class="no-results">
+            검색 결과가 없습니다.
+          </div>
         </div>
-        <div class="form-group">
-          <label for="endDate">퇴사일:</label>
-          <input type="date" id="endDate" v-model="endDate" />
+        <div v-if="selectedTeam" class="selected-item">
+          {{ selectedTeam.name }}
         </div>
-        <div class="form-group">
-          <label for="phoneNumber">전화번호:</label>
-          <input type="tel" id="phoneNumber" v-model="phoneNumber" />
+      </div>
+      <div class="form-group">
+        <label for="position" class="label-bold">직책:</label>
+        <div class="search-input">
+          <input
+            v-model="positionSearch"
+            type="text"
+            placeholder="직책 이름 검색"
+            @input="searchPositions"
+            @keydown.enter.prevent
+            class="form-control"
+          />
+          <button @click="searchPositions" class="btn search-button">검색</button>
         </div>
-        <div class="form-group">
-          <label for="team" class="label-bold">팀:</label>
-          <div class="search-input">
-            <input
-              v-model="teamSearch"
-              type="text"
-              placeholder="팀 이름 검색"
-              @input="searchTeams"
-              class="form-control"
-            />
-            <button @click="searchTeams" class="btn search-button">검색</button>
+        <div v-if="showPositionResults" class="search-results">
+          <div
+            v-for="position in filteredPositions"
+            :key="position.id"
+            class="search-result"
+            :class="{ 'selected': selectedPosition && selectedPosition.id === position.id }"
+            @click="selectPosition(position)"
+          >
+            {{ position.name }}
           </div>
-          <div v-if="showTeamResults" class="search-results">
-            <div
-              v-for="team in filteredTeams"
-              :key="team.id"
-              class="search-result"
-              :class="{ 'selected': selectedTeam && selectedTeam.id === team.id }"
-              @click="selectTeam(team)"
-            >
-              {{ team.name }}
-            </div>
-            <div v-if="filteredTeams.length === 0 && teamSearch !== ''" class="no-results">
-              검색 결과가 없습니다.
-            </div>
-          </div>
-          <div v-if="selectedTeam" class="selected-item">
-            {{ selectedTeam.name }}
+          <div v-if="filteredPositions.length === 0 && positionSearch !== ''" class="no-results">
+            검색 결과가 없습니다.
           </div>
         </div>
-        <div class="form-group">
-          <label for="position" class="label-bold">직책:</label>
-          <div class="search-input">
-            <input
-              v-model="positionSearch"
-              type="text"
-              placeholder="직책 이름 검색"
-              @input="searchPositions"
-              class="form-control"
-            />
-            <button @click="searchPositions" class="btn search-button">검색</button>
-          </div>
-          <div v-if="showPositionResults" class="search-results">
-            <div
-              v-for="position in filteredPositions"
-              :key="position.id"
-              class="search-result"
-              :class="{ 'selected': selectedPosition && selectedPosition.id === position.id }"
-              @click="selectPosition(position)"
-            >
-              {{ position.name }}
-            </div>
-            <div v-if="filteredPositions.length === 0 && positionSearch !== ''" class="no-results">
-              검색 결과가 없습니다.
-            </div>
-          </div>
-          <div v-if="selectedPosition" class="selected-item">
-            {{ selectedPosition.name }}
-          </div>
+        <div v-if="selectedPosition" class="selected-item">
+          {{ selectedPosition.name }}
         </div>
-        <div class="form-group">
-          <label for="rank" class="label-bold">직급:</label>
-          <div class="search-input">
-            <input
-              v-model="rankSearch"
-              type="text"
-              placeholder="직급 이름 검색"
-              @input="searchRanks"
-              class="form-control"
-            />
-            <button @click="searchRanks" class="btn search-button">검색</button>
-          </div>
-          <div v-if="showRankResults" class="search-results">
-            <div
-              v-for="rank in filteredRanks"
-              :key="rank.id"
-              class="search-result"
-              :class="{ 'selected': selectedRank && selectedRank.id === rank.id }"
-              @click="selectRank(rank)"
-            >
-              {{ rank.name }}
-            </div>
-            <div v-if="filteredRanks.length === 0 && rankSearch !== ''" class="no-results">
-              검색 결과가 없습니다.
-            </div>
+      </div>
+      <div class="form-group">
+        <label for="rank" class="label-bold">직급:</label>
+        <div class="search-input">
+          <input
+            v-model="rankSearch"
+            type="text"
+            placeholder="직급 이름 검색"
+            @input="searchRanks"
+            @keydown.enter.prevent
+            class="form-control"
+          />
+          <button @click="searchRanks" class="btn search-button">검색</button>
+        </div>
+        <div v-if="showRankResults" class="search-results">
+          <div
+            v-for="rank in filteredRanks"
+            :key="rank.id"
+            class="search-result"
+            :class="{ 'selected': selectedRank && selectedRank.id === rank.id }"
+            @click="selectRank(rank)"
+          >
+            {{ rank.name }}
           </div>
-          <div v-if="selectedRank" class="selected-item">
-            {{ selectedRank.name }}
+          <div v-if="filteredRanks.length === 0 && rankSearch !== ''" class="no-results">
+            검색 결과가 없습니다.
           </div>
         </div>
-        <div class="form-actions">
-          <button type="submit" class="submit-button" :disabled="!isFormValid">수정</button>
+        <div v-if="selectedRank" class="selected-item">
+          {{ selectedRank.name }}
         </div>
-      </form>
-    </div>
-  </template>
-  
-  <script setup>
-import { ref, onMounted, computed } from 'vue';
-import { useRouter, useRoute } from 'vue-router';
-import axios from 'axios';
-
-const router = useRouter();
-const route = useRoute();
-const memberId = route.params.id;
-
-const email = ref('');
-const name = ref('');
-const profileImg = ref(null);
-const startDate = ref('');
-const endDate = ref('');
-const phoneNumber = ref('');
-const teamSearch = ref('');
-const positionSearch = ref('');
-const rankSearch = ref('');
-const selectedTeam = ref(null);
-const selectedPosition = ref(null);
-const selectedRank = ref(null);
-const teams = ref([]);
-const positions = ref([]);
-const ranks = ref([]);
-const showTeamResults = ref(false);
-const showPositionResults = ref(false);
-const showRankResults = ref(false);
-
-const filteredTeams = computed(() => {
+      </div>
+      <div class="form-actions">
+        <button type="submit" class="submit-button" :disabled="!isFormValid">수정</button>
+      </div>
+    </form>
+  </div>
+ </template>
+ 
+ <script setup>
+ import { ref, onMounted, computed } from 'vue';
+ import { useRouter, useRoute } from 'vue-router';
+ import axios from 'axios';
+ 
+ const router = useRouter();
+ const route = useRoute();
+ const memberId = route.params.id;
+ 
+ const email = ref('');
+ const name = ref('');
+ const profileImg = ref('');
+ const startDate = ref('');
+ const endDate = ref('');
+ const phoneNumber = ref('');
+ const teamSearch = ref('');
+ const positionSearch = ref('');
+ const rankSearch = ref('');
+ const selectedTeam = ref(null);
+ const selectedPosition = ref(null);
+ const selectedRank = ref(null);
+ const teams = ref([]);
+ const positions = ref([]);
+ const ranks = ref([]);
+ const showTeamResults = ref(false);
+ const showPositionResults = ref(false);
+ const showRankResults = ref(false);
+ 
+ const filteredTeams = computed(() => {
   if (!teamSearch.value) {
     return teams.value;
   }
   return teams.value.filter(team =>
     team.name.toLowerCase().includes(teamSearch.value.toLowerCase())
   );
-});
-
-const filteredPositions = computed(() => {
+ });
+ 
+ const filteredPositions = computed(() => {
   if (!positionSearch.value) {
     return positions.value;
   }
   return positions.value.filter(position =>
     position.name.toLowerCase().includes(positionSearch.value.toLowerCase())
   );
-});
-
-const filteredRanks = computed(() => {
+ });
+ 
+ const filteredRanks = computed(() => {
   if (!rankSearch.value) {
     return ranks.value;
   }
   return ranks.value.filter(rank =>
     rank.name.toLowerCase().includes(rankSearch.value.toLowerCase())
   );
-});
-
-const isFormValid = computed(() => {
+ });
+ 
+ const isFormValid = computed(() => {
   return selectedTeam.value && selectedPosition.value && selectedRank.value;
-});
-
-onMounted(async () => {
+ });
+ 
+ onMounted(async () => {
   try {
     const token = localStorage.getItem('token');
     const response = await axios.get(`http://triumers-back.ap-northeast-2.elasticbeanstalk.com/employee/find/id/${memberId}`, {
@@ -196,7 +199,7 @@ onMounted(async () => {
         Authorization: token,
       },
     });
-
+ 
     const memberData = response.data.employee[0];
     email.value = memberData.email;
     name.value = memberData.name;
@@ -207,20 +210,25 @@ onMounted(async () => {
     selectedTeam.value = memberData.team;
     selectedPosition.value = memberData.position;
     selectedRank.value = memberData.rank;
-
-    await fetchTeams();
+ 
     await fetchPositions();
     await fetchRanks();
   } catch (error) {
     console.error('Failed to fetch member data:', error);
     alert('회원 정보를 불러오는데 실패했습니다.');
   }
-});
-
-async function fetchTeams() {
+ });
+ 
+ async function fetchTeams(name) {
+  if (!name) {
+    teams.value = [];
+    return;
+  }
   try {
     const token = localStorage.getItem('token');
-    const response = await axios.get('http://triumers-back.ap-northeast-2.elasticbeanstalk.com/organization/find/team/all', {
+    const response = await axios.post('http://triumers-back.ap-northeast-2.elasticbeanstalk.com/organization/find/team/name', {
+      name: name,
+    }, {
       headers: {
         Authorization: token,
       },
@@ -230,9 +238,9 @@ async function fetchTeams() {
     console.error('Failed to fetch teams:', error);
     // 팀 정보를 불러오는 데 실패해도 경고 메시지를 표시하지 않습니다.
   }
-}
-
-async function fetchPositions() {
+ }
+ 
+ async function fetchPositions() {
   try {
     const token = localStorage.getItem('token');
     const response = await axios.get('http://triumers-back.ap-northeast-2.elasticbeanstalk.com/duty/find/position/all', {
@@ -245,9 +253,9 @@ async function fetchPositions() {
     console.error('Failed to fetch positions:', error);
     alert('직책 정보를 불러오는데 실패했습니다.');
   }
-}
-
-async function fetchRanks() {
+ }
+ 
+ async function fetchRanks() {
   try {
     const token = localStorage.getItem('token');
     const response = await axios.get('http://triumers-back.ap-northeast-2.elasticbeanstalk.com/duty/find/rank/all', {
@@ -260,31 +268,14 @@ async function fetchRanks() {
     console.error('Failed to fetch ranks:', error);
     alert('직급 정보를 불러오는데 실패했습니다.');
   }
-}
-
-async function searchTeams() {
-  if (teamSearch.value === '') {
-    await fetchTeams();
-    showTeamResults.value = false;
-    return;
-  }
-  try {
-    const token = localStorage.getItem('token');
-    const response = await axios.post('http://triumers-back.ap-northeast-2.elasticbeanstalk.com/organization/find/team/name', {
-      name: teamSearch.value,
-    }, {
-      headers: {
-        Authorization: token,
-      },
-    });
-    teams.value = response.data;
-    showTeamResults.value = true;
-  } catch (error) {
-    console.error('Failed to search teams:', error);
-  }
-}
-
-async function searchPositions() {
+ }
+ 
+ async function searchTeams() {
+  await fetchTeams(teamSearch.value);
+  showTeamResults.value = true;
+ }
+ 
+ async function searchPositions() {
   if (positionSearch.value === '') {
     await fetchPositions();
     showPositionResults.value = false;
@@ -302,9 +293,9 @@ async function searchPositions() {
   } catch (error) {
     console.error('Failed to search positions:', error);
   }
-}
-
-async function searchRanks() {
+ }
+ 
+ async function searchRanks() {
   if (rankSearch.value === '') {
     await fetchRanks();
     showRankResults.value = false;
@@ -322,73 +313,68 @@ async function searchRanks() {
   } catch (error) {
     console.error('Failed to search ranks:', error);
   }
-}
-
-function selectTeam(team) {
+ }
+ 
+ function selectTeam(team) {
   selectedTeam.value = team;
   teamSearch.value = team.name;
   showTeamResults.value = false;
-}
-
-function selectPosition(position) {
+ }
+ 
+ function selectPosition(position) {
   selectedPosition.value = position;
   positionSearch.value = position.name;
   showPositionResults.value = false;
-}
-
-function selectRank(rank) {
+ }
+ 
+ function selectRank(rank) {
   selectedRank.value = rank;
   rankSearch.value = rank.name;
   showRankResults.value = false;
-}
-
-function handleProfileImgChange(event) {
-  profileImg.value = event.target.files[0];
-}
-
-async function updateMember() {
+ }
+ 
+ async function updateMember() {
   try {
     const token = localStorage.getItem('token');
-    const formData = new FormData();
-    formData.append('email', email.value);
-    formData.append('name', name.value);
-    if (profileImg.value) {
-      formData.append('profileImg', profileImg.value);
-    }
-    formData.append('startDate', startDate.value);
-    formData.append('endDate', endDate.value);
-    formData.append('phoneNumber', phoneNumber.value);
-    formData.append('teamId', selectedTeam.value.id);
-    formData.append('positionId', selectedPosition.value.id);
-    formData.append('rankId', selectedRank.value.id);
+    const data = {
+      email: email.value,
+      name: name.value,
+      profileImg: profileImg.value || '',
+      startDate: startDate.value || '',
+      endDate: endDate.value || '',
+      phoneNumber: phoneNumber.value || '',
+      teamId: selectedTeam.value.id,
+      positionId: selectedPosition.value.id,
+      rankId: selectedRank.value.id,
+    };
 
-    const response = await axios.post('http://triumers-back.ap-northeast-2.elasticbeanstalk.com/manager/edit/info', formData, {
+    const response = await axios.post('http://triumers-back.ap-northeast-2.elasticbeanstalk.com/manager/edit/info', data, {
       headers: {
         Authorization: token,
-        'Content-Type': 'multipart/form-data',
+        'Content-Type': 'application/json',
       },
     });
 
-    if (response.status === 200) {
+    if (response.status >= 200 && response.status < 300) {
       alert('회원 정보가 성공적으로 수정되었습니다.');
       router.push({ name: 'SearchUser' });
     } else {
-      alert('회원 정보 수정에 실패했습니다. 다시 시도해주세요.');
+      throw new Error('회원 정보 수정에 실패했습니다.');
     }
   } catch (error) {
     console.error('Failed to update member:', error);
     alert('회원 정보 수정에 실패했습니다. 다시 시도해주세요.');
   }
 }
-
-function goToMemberPermission() {
+ 
+ function goToMemberPermission() {
   router.push({ name: 'EditUserRole', params: { id: memberId } });
-}
-
-function goToMemberResetPassword() {
+ }
+ 
+ function goToMemberResetPassword() {
   router.push({ name: 'ResetUserPassword', params: { id: memberId } });
-}
-</script>
+ }
+ </script>
   
   
   <style scoped>