Commit @0cabc80ea0f5b7a0235d37d458075d9564064f48

김성원 2023-09-03

마이페이지 디자인 변경

@0cabc80ea0f5b7a0235d37d458075d9564064f48

2799d01

0cabc80

client/views/layout/Header.vue

--- client/views/layout/Header.vue

+++ client/views/layout/Header.vue


       </router-link>
     </div>
     <div class="header_menu">
-      <nav class="flex gap">
+      <nav class="flex gap" v-show="store.state.loginUser != null">
         <router-link to="/Introduction.page">
           <span
             @mouseover="showDropdown = true"

         <router-link to="/Mypage.page">
           <span v-show="store.state.loginUser != null">마이페이지</span>
         </router-link>
+        <!--
         <router-link to="/Login.page">
           <span v-show="store.state.loginUser == null">로그인</span>
         </router-link>
+        -->
         <div
           class="logout-btn s-btn"
           @click="logout"

2799d01

0cabc80

client/views/pages/RealtimeStatus/RealtimeStatus.vue

--- client/views/pages/RealtimeStatus/RealtimeStatus.vue

+++ client/views/pages/RealtimeStatus/RealtimeStatus.vue


                 v-model="condition['eqpmnTrobl']"
               /><label for="">장애발생</label>
             </div>
+            <!--
             <div class="grid3_7 m-b">
               <label for="date-input">일자</label>
-              <input class="date-input" id="date-input" type="date" v-model="condition['date']" />
-              <!-- <input id="date-input" type="date" v-model="condition['end_date']" :picker-options="endDateOptions" /> -->
+              <input class="date-input" id="date-input" type="date" v-model="condition['date']" />      
             </div>
             <div class="grid3_7 m-b3">
               <label for="time-input">시간대</label>

                   v-model="condition['end_time']"
                 />
               </div>
-            </div>
+            </div> -->
             <button
               class="btn-l gr-btn search-btn"
               @click="statusSearch()"

2799d01

0cabc80

client/views/pages/User/Mypage.vue

--- client/views/pages/User/Mypage.vue

+++ client/views/pages/User/Mypage.vue


 <template>
   <div class="wrap">
-    <div>
-      <div>
-        <h2 class="page-title">마이페이지</h2>
+    <div class="board-wrap">
+      <h2 style="color: #10833b" class="flex gap">
+        <img src="../../../resources/images/bar.png" alt="" />마이페이지
+      </h2>
+      <div style="margin-left: 2rem" class="m-b3">
+        마이페이지&nbsp;&#62;&nbsp;<em class="green2 lined">정보 변경</em>
       </div>
-      <hr class="margin">
-      <div class="form-wrap grid gap">
-        <div class="grid2_8 ">
-          <span>아이디 : </span>
-          <span>{{ store.state.loginUser.user_id }} </span>
+
+      <div class="de_Search">
+        <table class="troubleTable mrg_b_0">
+          <colgroup>
+            <col style="width: 20%" />
+            <col style="width: 50%" />
+          </colgroup>
+          <tbody>
+            <tr>
+              <th>아이디</th>
+              <td>{{ store.state.loginUser.user_id }}</td>
+            </tr>
+            <tr>
+              <th>이름</th>
+              <td>{{ user.user_nm }}</td>
+            </tr>
+            <tr>
+              <th>전화번호</th>
+              <td>
+                <div class="flex gap">
+                  <span>{{ tel_first }} </span>
+                  <!-- <input type="text" style="width: 7rem" maxlength="3" v-model="tel_first"> -->
+                  <div>&nbsp; - &nbsp;</div>
+                  <span>{{ tel_second }}</span>
+                  <!-- <input type="text" style="width: 7rem" maxlength="4" v-model="tel_second"> -->
+                  <div>&nbsp; - &nbsp;</div>
+                  <span>{{ tel_third }} </span>
+                  <!-- <input type="text" style="width: 7rem" maxlength="4" v-model="tel_third"> -->
+                </div>
+              </td>
+            </tr>
+            <tr>
+              <th>이메일</th>
+              <td>
+                <div class="flex gap">
+                  <div>{{ email_id }}</div>
+                  <div>&nbsp; &#64; &nbsp;</div>
+                  <div>{{ email_domain }}</div>
+                </div>
+              </td>
+            </tr>
+            <tr>
+              <th>관리구역</th>
+              <td>
+                <span v-if="user.sigungu_nm === null">
+                  {{ user.sido_nm }}
+                </span>
+                <span v-else-if="user.dong_nm === null">
+                  {{ user.sido_nm + " " + user.sigungu_nm }}
+                </span>
+                <span v-else>
+                  {{
+                    user.sido_nm + " " + user.sigungu_nm + " " + user.dong_nm
+                  }}
+                </span>
+              </td>
+            </tr>
+            <tr>
+              <th>비고</th>
+              <td>{{ user.rm }}</td>
+            </tr>
+            <tr>
+              <th>권한</th>
+              <td>{{ user.user_author }}</td>
+            </tr>
+          </tbody>
+        </table>
+        <div class="btn-wrap">
+          <button
+            type="button"
+            class="green-btn s-btn"
+            @click="modal_update = true"
+          >
+            정보 변경
+          </button>
+          <button
+            type="button"
+            class="green-btn s-btn"
+            @click="modal_pwUpdate = true"
+          >
+            비밀번호 변경
+          </button>
         </div>
-        <div class="grid2_8 ">
-          <span>이름 : </span>
-          <span>{{ user.user_nm }} </span>
-          <!-- <input type="text" placeholder="Name" v-model="user.user_nm"> -->
-        </div>
-        <div class="grid2_8 ">
-          <span>전화번호 : </span>
-          <div class="flex gap">
-            <span>{{ tel_first }} </span>
-            <!-- <input type="text" style="width: 7rem" maxlength="3" v-model="tel_first"> -->
-            <div>&nbsp; - &nbsp;</div>
-            <span>{{ tel_second }}</span>
-            <!-- <input type="text" style="width: 7rem" maxlength="4" v-model="tel_second"> -->
-            <div>&nbsp; - &nbsp;</div>
-            <span>{{ tel_third }} </span>
-            <!-- <input type="text" style="width: 7rem" maxlength="4" v-model="tel_third"> -->
+      </div>
+
+      <div class="modal-wrap" v-if="modal_update == true">
+        <div class="modal-bg"></div>
+        <div class="modal_base">
+          <h2>
+            <span>{{ user.user_nm }}님 정보</span>
+            <button
+              type="button"
+              class="gray-btn modal_base_close"
+              @click="modal_update = false"
+            >
+              <img src="../../../resources/images/close.png" alt="" />
+            </button>
+          </h2>
+          <div class="modal_base_body">
+            <div class="de_Search">
+              <table class="troubleTable mrg_b_0">
+                <tbody>
+                  <tr>
+                    <th>아이디</th>
+                    <td colspan="7">
+                      {{ user.user_id }}
+                    </td>
+                  </tr>
+                  <tr>
+                    <th>이름</th>
+                    <td colspan="7">
+                      <input
+                        type="text"
+                        placeholder="Name"
+                        v-model="user.user_nm"
+                        style="width: 80%"
+                      />
+                    </td>
+                  </tr>
+                  <tr>
+                    <th>전화번호</th>
+                    <td colspan="7">
+                      <div class="flex-start gap">
+                        <input
+                          type="text"
+                          style="width: 10rem"
+                          maxlength="3"
+                          v-model="tel_first"
+                        />
+                        <div>&nbsp; - &nbsp;</div>
+                        <input
+                          type="text"
+                          style="width: 10rem"
+                          maxlength="4"
+                          v-model="tel_second"
+                        />
+                        <div>&nbsp; - &nbsp;</div>
+                        <input
+                          type="text"
+                          style="width: 10rem"
+                          maxlength="4"
+                          v-model="tel_third"
+                        />
+                      </div>
+                    </td>
+                  </tr>
+                  <tr>
+                    <th>이메일</th>
+                    <td colspan="7">
+                      <div class="flex-start gap">
+                        <input
+                          type="text"
+                          style="width: 10rem"
+                          v-model="email_id"
+                        />
+                        <div
+                          style="
+                            position: relative;
+                            margin: 0rem 0.5rem;
+                            width: auto;
+                            height: auto;
+                          "
+                        >
+                          @
+                        </div>
+                        <input
+                          class="m-r"
+                          type="text"
+                          style="width: 10rem"
+                          v-model="email_domain"
+                          :disabled="email_disabled === true"
+                        />
+                        <select
+                          @change="emailValue($event.target.value)"
+                          style="width: auto"
+                        >
+                          <option selected disabled>선택하세요</option>
+                          <option value="naver.com">naver.com</option>
+                          <option value="gmail.com">gmail.com</option>
+                          <option value="hanmail.net">hanmail.net</option>
+                          <option value="daum.net">daum.net</option>
+                          <option value="nate.com">nate.com</option>
+                          <option value="null">직접입력</option>
+                        </select>
+                      </div>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+          <div class="modal_base_bottom gap">
+            <button
+              type="button"
+              class="green-btn wrem_10 mrg_5p"
+              @click="userUpdateCheck"
+            >
+              수정
+            </button>
+            <button
+              type="button"
+              class="btn-2 gray-btn wrem_10 mrg_5p"
+              @click="modal_update = false"
+            >
+              취소
+            </button>
           </div>
         </div>
-        <div class="grid2_8 ">
-          <span>이메일 : </span>
-          <div class="flex gap">
-            <!-- <input type="text" style="width: 10rem" v-model="email_id"> -->
-            <div>{{ email_id }} </div>
-            <div>&nbsp; &#64; &nbsp;</div>
-            <!-- <input type="text" style="width: 10rem" v-model="email_domain" :disabled="email_disabled === true"> -->
-            <div>{{ email_domain }} </div>
-            <!-- <select @change="emailValue($event.target.value)">
-              <option selected disabled>선택하세요</option>
-              <option value="naver.com">naver.com</option>
-              <option value="gmail.com">gmail.com</option>
-              <option value="hanmail.net">hanmail.net</option>
-              <option value="daum.net">daum.net</option>
-              <option value="nate.com">nate.com</option>
-              <option value="null">직접입력</option>
-            </select> -->
+      </div>
+
+      <div class="modal-wrap" v-if="modal_pwUpdate == true">
+        <div class="modal-bg"></div>
+        <div class="modal_base">
+          <h2>
+            <span>비밀번호 변경</span>
+            <button
+              type="button"
+              class="gray-btn modal_base_close"
+              @click="modal_pwUpdate = false"
+            >
+              <img src="../../../resources/images/close.png" alt="" />
+            </button>
+          </h2>
+          <div class="modal_base_body">
+            <div class="de_Search">
+              <table class="troubleTable mrg_b_0">
+                <tbody>
+                  <tr>
+                    <th>비밀번호 :</th>
+                    <td colspan="7">
+                      <input
+                        type="password"
+                        placeholder="Password"
+                        v-model="user.user_pw"
+                      />
+                    </td>
+                  </tr>
+                  <tr>
+                    <th>비밀번호 확인 :</th>
+                    <td colspan="7">
+                      <input
+                        type="password"
+                        placeholder="Confirm Password"
+                        v-model="passwordCheck"
+                      />
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+          <div class="modal_base_bottom gap">
+            <button
+              type="button"
+              class="green-btn wrem_10 mrg_5p"
+              @click="pwUpdateCheck"
+            >
+              수정
+            </button>
+            <button
+              type="button"
+              class="btn-2 gray-btn wrem_10 mrg_5p"
+              @click="modal_pwUpdate = false"
+            >
+              취소
+            </button>
           </div>
         </div>
-        <div class="grid2_8 ">
-          <span>관리구역 : </span>
-          <!-- <div class="flex-between gap dongselect">
-            <dongSelectList @setDongCd="setDongCd" :nodeHiddenCk="true" :crslk_azHiddenCk="true" 
-            :user_sido_cd="user.user_sido_cd" :user_sigungu_cd="user.user_sigungu_cd" :user_dong_cd="user.user_dong_cd"></dongSelectList>
-          </div> -->
-          <span v-if="user.sigungu_nm === null">
-            {{ user.sido_nm }}
-          </span>
-          <span v-else-if="user.dong_nm === null">
-            {{ user.sido_nm + " " + user.sigungu_nm }}
-          </span>
-          <span v-else>
-            {{ user.sido_nm + " " + user.sigungu_nm + " " + user.dong_nm }}
-          </span>
-        </div>
-        <div class="grid2_8 ">
-          <span>비고 : </span>
-          <span>{{ user.rm }}</span>
-          <!-- <input type="text" placeholder="참고사항을 입력해주세요." v-model="user.rm"> -->
-        </div>
-        <div class="grid2_8 ">
-          <span>권한 : </span>
-          <span>{{ user.user_author }}</span>
-        </div>
-
-        <div class="btn-wrap flex-between">
-          <button type="button" class="green-btn s-btn" @click="modal_update = true">정보 변경</button>
-          <button type="button" class="green-btn s-btn" @click="modal_pwUpdate = true">비밀번호 변경</button>
-        </div>
       </div>
     </div>
   </div>
-
-  <div class="modal-wrap" v-if="modal_update == true">
-    <div class="modal-bg">
-    </div>
-    <div class="modal_base">
-       <h2>
-        <span>{{user.user_nm}}님 정보</span>
-        <button
-          type="button"
-          class="gray-btn modal_base_close"
-          @click="modal_update = false"
-        >
-          <img src="../../../resources/images/close.png" alt="" />
-        </button>
-      </h2>
-      <div class="modal_base_body">
-         <div class="de_Search">
-          <table class="troubleTable mrg_b_0" >
-            <tbody>
-              <tr>
-                <th>아이디</th>               
-                <td colspan="7" >   
-                    {{user.user_id}}                
-                </td> 
-              </tr>              
-              <tr>
-                <th>이름</th>               
-                <td colspan="7" >   
-                    <input type="text" placeholder="Name" v-model="user.user_nm" style="width:80%;">  
-                </td> 
-              </tr>
-              <tr>
-                <th>전화번호</th>               
-                <td colspan="7" >   
-                    <div class="flex-start gap">
-                      <input type="text" style="width: 10rem" maxlength="3" v-model="tel_first">
-                      <div>&nbsp; - &nbsp;</div>
-                      <input type="text" style="width: 10rem" maxlength="4" v-model="tel_second">
-                      <div>&nbsp; - &nbsp;</div>
-                      <input type="text" style="width: 10rem" maxlength="4" v-model="tel_third">
-                    </div>
-                </td> 
-              </tr>
-              <tr>
-                <th>이메일</th>               
-                <td colspan="7" >   
-                    <div class="flex-start gap">
-                      <input type="text" style="width: 10rem" v-model="email_id">
-                      <div style="position: relative;margin: 0rem 0.5rem;width: auto;height: auto;">@</div>
-                      <input class="m-r" type="text" style="width: 10rem" v-model="email_domain" :disabled="email_disabled === true">
-                      <select @change="emailValue($event.target.value)" style="width:auto;">
-                        <option selected disabled>선택하세요</option>
-                        <option value="naver.com">naver.com</option>
-                        <option value="gmail.com">gmail.com</option>
-                        <option value="hanmail.net">hanmail.net</option>
-                        <option value="daum.net">daum.net</option>
-                        <option value="nate.com">nate.com</option>
-                        <option value="null">직접입력</option>
-                      </select>
-                    </div>
-                </td> 
-              </tr>
-            </tbody>
-          </table>
-         </div>     
-      </div>
-      <div class="modal_base_bottom gap">
-        <button type="button" class="green-btn wrem_10 mrg_5p" @click="userUpdateCheck">수정</button>       
-        <button type="button" class="btn-2 gray-btn wrem_10 mrg_5p" @click="modal_update= false">취소</button>       
-      </div>
-    </div>
-  </div>
-
-  <div class="modal-wrap" v-if="modal_pwUpdate == true">
-    <div class="modal-bg">
-    </div>
-    <div class="modal_base">
-       <h2>
-        <span>비밀번호 변경</span>
-        <button
-          type="button"
-          class="gray-btn modal_base_close"
-          @click="modal_pwUpdate = false"
-        >
-          <img src="../../../resources/images/close.png" alt="" />
-        </button>
-      </h2>
-      <div class="modal_base_body">
-         <div class="de_Search">
-          <table class="troubleTable mrg_b_0" >
-            <tbody>
-              <tr>
-                <th>비밀번호 : </th>               
-                <td colspan="7" >   
-                  <input type="password" placeholder="Password" v-model="user.user_pw">               
-                </td> 
-              </tr>
-              <tr>
-                <th>비밀번호 확인 : </th>               
-                <td colspan="7" >   
-                  <input type="password" placeholder="Confirm Password" v-model="passwordCheck">               
-                </td> 
-              </tr>              
-            </tbody>
-          </table>
-         </div>     
-      </div>
-      <div class="modal_base_bottom gap">
-        <button type="button" class="green-btn wrem_10 mrg_5p" @click="pwUpdateCheck">수정</button>       
-        <button type="button" class="btn-2 gray-btn wrem_10 mrg_5p" @click="modal_pwUpdate = false">취소</button>       
-      </div>
-    </div>
-  </div>
-  <!-- <div class="modal-wrap" v-if="modal_update == true">
-    <div class="modal-bg">
-    </div>
-    <div class="modal">
-      <p>수정하신 정보를 <span class="txt-point">저장</span>하시겠습니까?</p>
-      <div class="btn-wrap">
-        <button type="button" class="green-btn" @click="userUpdate">확인</button>
-        <button type="button" class="gray-btn" @click="modal_update = false">취소</button>
-      </div>
-    </div>
-  </div>
-
-  <div class="modal-wrap"  v-if="modal_delete == true">
-    <div class="modal-bg">
-    </div>
-    <div class="modal">
-      <p>
-        해당 기능은 데이터 <span class="txt-point-red">삭제</span>기능입니다.<br>
-        데이터 <span class="txt-point-red">삭제</span> 후, 조회에서 해당 데이터를 확인할 수 없습니다.<br>
-        <span class="txt-point-red">삭제</span>를 원하시면 아래 삭제 버튼을 눌러주세요.
-      </p>
-      <div class="btn-wrap">
-        <button type="button" class="green-btn" @click="userDelete">삭제</button>
-        <button type="button" class="gray-btn" @click="modal_delete = false">취소</button>
-      </div>
-    </div>
-  </div> -->
 </template>
 
 <script>
-import axios from 'axios';
-import COMMON_UTIL from '../../../resources/js/commonUtil.ts';
-import dongSelectList from '../../component/dongSelectListSimple.vue';
+import axios from "axios";
+import COMMON_UTIL from "../../../resources/js/commonUtil.ts";
+import dongSelectList from "../../component/dongSelectListSimple.vue";
 import { useStore } from "vuex";
 
 export default {

         dong_cd: null,
         sido_nm: null,
         sigungu_nm: null,
-        dong_nm: null
+        dong_nm: null,
       },
 
       //비밀번호 체크

       tel_first: null,
       tel_second: null,
       tel_third: null,
-      
+
       //이메일
       email_disabled: true,
       email_id: null,
       email_domain: null,
-      
+
       modal_update: false,
       modal_pwUpdate: false,
 

     };
   },
   methods: {
-
     //사용자 상세조회
-    userSelectOne: function() {
+    userSelectOne: function () {
       const vm = this;
       // console.log("!!!!!!!!!!", vm.store.state.loginUser);
       axios({
-        url: '/user/userSelectOne.json',
-        method: 'post',
+        url: "/user/userSelectOne.json",
+        method: "post",
         headers: {
-          "Content-Type": "application/json; charset=UTF-8"
+          "Content-Type": "application/json; charset=UTF-8",
         },
-        data: {user_id : vm.store.state.loginUser.user_id}
-      }).then(function (response) {
-        // console.log("userSelectOne - response : ", response.data);
-        vm.user = response.data;
-        vm.tel_first = response.data.user_telno.substring(0,3);
-        vm.tel_second = response.data.user_telno.substring(3,7);
-        vm.tel_third = response.data.user_telno.substring(7);
-        var email = response.data.user_eml.split('@');
-        vm.email_id = email[0];
-        vm.email_domain = email[1];
-      }).catch(function(error) {
-        console.log("userSelectOne - error : ", error)
-      });
+        data: { user_id: vm.store.state.loginUser.user_id },
+      })
+        .then(function (response) {
+          // console.log("userSelectOne - response : ", response.data);
+          vm.user = response.data;
+          vm.tel_first = response.data.user_telno.substring(0, 3);
+          vm.tel_second = response.data.user_telno.substring(3, 7);
+          vm.tel_third = response.data.user_telno.substring(7);
+          var email = response.data.user_eml.split("@");
+          vm.email_id = email[0];
+          vm.email_domain = email[1];
+        })
+        .catch(function (error) {
+          console.log("userSelectOne - error : ", error);
+        });
     },
 
     // 수정버튼 클릭 시 빈칸 검사
-    userUpdateCheck: function() {
-   
+    userUpdateCheck: function () {
       if (COMMON_UTIL.isEmpty(this.user.user_nm) === false) {
-        alert('이름을 입력해주세요.');
+        alert("이름을 입력해주세요.");
         return false;
       }
 
       if (COMMON_UTIL.isEmpty(this.tel_first) === false) {
-        alert('전화번호를 입력해주세요.');
+        alert("전화번호를 입력해주세요.");
         return false;
       }
 
       if (COMMON_UTIL.isEmpty(this.tel_second) === false) {
-        alert('전화번호를 입력해주세요.');
+        alert("전화번호를 입력해주세요.");
         return false;
       }
 
       if (COMMON_UTIL.isEmpty(this.tel_third) === false) {
-        alert('전화번호를 입력해주세요.');
+        alert("전화번호를 입력해주세요.");
         return false;
       }
 
       if (COMMON_UTIL.isEmpty(this.email_id) === false) {
-        alert('이메일 ID를 입력해주세요.');
+        alert("이메일 ID를 입력해주세요.");
         return false;
       }
 
       if (COMMON_UTIL.isEmpty(this.email_domain) === false) {
-        alert('이메일을 선택 혹은 입력해주세요.');
+        alert("이메일을 선택 혹은 입력해주세요.");
         return false;
       }
       this.userUpdate();
     },
 
-    // 비밀번호 변경 클릭 시 
-    pwUpdateCheck: function() {
-   
+    // 비밀번호 변경 클릭 시
+    pwUpdateCheck: function () {
       if (COMMON_UTIL.isEmpty(this.user.user_pw) === false) {
-        alert('비밀번호를 입력해주세요.');
+        alert("비밀번호를 입력해주세요.");
         return false;
       }
 
-      if (COMMON_UTIL.checkPassword(this.user.user_pw, this.passwordCheck) === false) {
-        alert('비밀번호가 일치하지 않습니다.');
+      if (
+        COMMON_UTIL.checkPassword(this.user.user_pw, this.passwordCheck) ===
+        false
+      ) {
+        alert("비밀번호가 일치하지 않습니다.");
         return false;
       }
-    this.userUpdate();
+      this.userUpdate();
     },
 
-    userUpdate: function() {
+    userUpdate: function () {
       const vm = this;
       vm.user.user_telno = vm.tel_first + vm.tel_second + vm.tel_third;
-      vm.user.user_eml = vm.email_id + '@' + vm.email_domain;
+      vm.user.user_eml = vm.email_id + "@" + vm.email_domain;
       vm.user.pw_reset = false;
       axios({
-        url: '/user/userUpdate.json',
-        method: 'post',
+        url: "/user/userUpdate.json",
+        method: "post",
         headers: {
-          'Content-Type': "application/json; charset=UTF-8",
+          "Content-Type": "application/json; charset=UTF-8",
         },
-        data: vm.user
-      }).then(function(response) {
-        console.log("userUpdate - response : ",response.data);
-        let result = response.data;
-        if(result > 0) {
-          if(vm.modal_update == true) {
-            alert("사용자 정보 수정을 완료 하였습니다.");
-            vm.modal_update = false;
-          } else {
-            alert("비밀번호 변경을 완료 하였습니다.");
-            vm.user.user_pw = null;
-            vm.passwordCheck = null;
-            vm.modal_pwUpdate = false;
-          }
-          vm.userSelectOne;
-        } else {
-          alert("수정 실패, 관리자에게 문의해주세요.");
-          vm.modal_update = false;
-        }
-      }).catch(function (error) {
-        console.log("userUpdate - error : ", error);
-        alert("사용자정보 수정 오류, 관리자에게 문의해주세요.");
-        vm.modal_update = false;
+        data: vm.user,
       })
+        .then(function (response) {
+          console.log("userUpdate - response : ", response.data);
+          let result = response.data;
+          if (result > 0) {
+            if (vm.modal_update == true) {
+              alert("사용자 정보 수정을 완료 하였습니다.");
+              vm.modal_update = false;
+            } else {
+              alert("비밀번호 변경을 완료 하였습니다.");
+              vm.user.user_pw = null;
+              vm.passwordCheck = null;
+              vm.modal_pwUpdate = false;
+            }
+            vm.userSelectOne;
+          } else {
+            alert("수정 실패, 관리자에게 문의해주세요.");
+            vm.modal_update = false;
+          }
+        })
+        .catch(function (error) {
+          console.log("userUpdate - error : ", error);
+          alert("사용자정보 수정 오류, 관리자에게 문의해주세요.");
+          vm.modal_update = false;
+        });
     },
 
     //이메일 도메인 자동 입력
-    emailValue: function(value) {
-      if(value === 'null') {
+    emailValue: function (value) {
+      if (value === "null") {
         this.email_disabled = false;
         this.email_domain = null;
-      }
-      else {
-        this.email_disabled = true; 
+      } else {
+        this.email_disabled = true;
         this.email_domain = value;
       }
     },

   watch: {},
   computed: {},
   components: {
-    dongSelectList: dongSelectList
+    dongSelectList: dongSelectList,
   },
   mounted() {
     console.log("UserModifyForm mounted");

 
 <style scoped>
 .wrap {
-  width: 155rem;
-  margin: 100px auto;
+  width: 80%;
+  margin: 25px auto;
+}
+
+.wrap h2 {
+  font-size: 2.5rem;
+}
+.tab-wrap {
+  margin-bottom: 30px;
 }
 
 .tab-wrap {

   width: 52rem;
   margin: 0 auto;
 }
-.form-wrap > div{height: 3rem;}
-.form-wrap span{text-align: left; line-height: 3rem;}
-select{width: -webkit-fill-available;}
+.form-wrap > div {
+  height: 3rem;
+}
+.form-wrap span {
+  text-align: left;
+  line-height: 3rem;
+}
+select {
+  width: -webkit-fill-available;
+}
 .idchk {
   margin-left: 1rem;
 }

   color: #000;
 }
 
-.btn-wrap>*:not(:last-child) {
+.btn-wrap > *:not(:last-child) {
   margin-right: 2rem;
 }
 

   position: absolute;
   width: 100%;
   height: 100%;
-  background-color: rgba(0, 0, 0, .6);
+  background-color: rgba(0, 0, 0, 0.6);
 }
 
 .modal {

Add a comment

Open 0
Closed 0

List

...	...	@@ -52,7 +52,7 @@
52	52	</router-link>
53	53	</div>
54	54	<div class="header_menu">
55		- <nav class="flex gap">
	55	+ <nav class="flex gap" v-show="store.state.loginUser != null">
56	56	<router-link to="/Introduction.page">
57	57	<span
58	58	@mouseover="showDropdown = true"
...	...	@@ -144,9 +144,11 @@
144	144	<router-link to="/Mypage.page">
145	145	<span v-show="store.state.loginUser != null">마이페이지</span>
146	146	</router-link>
	147	+ <!--
147	148	<router-link to="/Login.page">
148	149	<span v-show="store.state.loginUser == null">로그인</span>
149	150	</router-link>
	151	+ -->
150	152	<div
151	153	class="logout-btn s-btn"
152	154	@click="logout"

...	...	@@ -48,10 +48,10 @@
48	48	v-model="condition['eqpmnTrobl']"
49	49	/><label for="">장애발생</label>
50	50	</div>
	51	+ <!--
51	52	<div class="grid3_7 m-b">
52	53	<label for="date-input">일자</label>
53		- <input class="date-input" id="date-input" type="date" v-model="condition['date']" />
54		- <!-- <input id="date-input" type="date" v-model="condition['end_date']" :picker-options="endDateOptions" /> -->
	54	+ <input class="date-input" id="date-input" type="date" v-model="condition['date']" />
55	55	</div>
56	56	<div class="grid3_7 m-b3">
57	57	<label for="time-input">시간대</label>
...	...	@@ -68,7 +68,7 @@
68	68	v-model="condition['end_time']"
69	69	/>
70	70	</div>
71		- </div>
	71	+ </div> -->
72	72	<button
73	73	class="btn-l gr-btn search-btn"
74	74	@click="statusSearch()"

Delete comment