[feature] mock api 연동

- 별칭 변경 기능 mock 추가
- 기간 연장 기능 mock 추가
- 자가 오류 복구 기능 mock 추가
(단, 데이터 처리는 없음)
- 공지사항 mock 수정
- 전체 카테고리 일때 검색조건 추가

src/mocks/db/resource.js

@@ -28,6 +28,7 @@ export const db_resource = factory({
     vm_vlid_stt_dt: String,
     vm_vlid_end_dt: String,
     tnt_mtd_cd_nm: String,
+    vm_power_sts_cd: String,
     secu_plcy_id: String
   },
   images: {

src/mocks/db/user.js

@@ -61,8 +61,14 @@ export const db_user = factory({
   },
   periodHistory: {
     id: primaryKey(faker.datatype.uuid),
+    pgrs_sts_cd: String,
+    req_acct_id: String,
+    req_ch_cd: String,
     req_vlid_end_dt: String,
-    usr_req_id: String
+    tgt_acct_id: String,
+    tgt_vm_id: String,
+    usr_req_id: String,
+    usr_req_div_cd: String
   }
 })
 

src/mocks/handlers/system.js

@@ -15,6 +15,30 @@ export const mock_noticeList = () => {
           }
         }
       })
+    } else if (!search_type && search_word) {
+      let title = db.notice.findMany({
+        where: {
+          title: {
+            contains: [search_word]
+          }
+        }
+      })
+      if (title.length <= 0) {
+        let cont = db.notice.findMany({
+          where: {
+            cont: {
+              contains: [search_word]
+            }
+          }
+        })
+        if (cont.length > 0) {
+          data = cont
+        } else {
+          data = []
+        }
+      } else {
+        data = title
+      }
     } else {
       data = db.noticeList.getAll().pop()
     }

src/mocks/handlers/user.js

@@ -30,14 +30,37 @@ export const mock_userPcPeriodHistory = () => {
 }
 
 export const mock_userPcPeriodRequest = () => {
-  return rest.post('/v1/user/work/request', (_, res, ctx) => {
-    return res(ctx.status(200))
+  return rest.post('/v1/user/work/request', (req, res, ctx) => {
+    const body = req.body
+    const user = db.periodHistory.create({
+      ...body
+    })
+    return res(ctx.json(user))
   })
 }
 
 export const mock_userPcPeriodRequestCancel = () => {
-  return rest.put('/v1/user/work/request/:request_id', (_, res, ctx) => {
-    return res(ctx.status(200))
+  return rest.put('/v1/user/work/request/:request_id', (req, res, ctx) => {
+    const { request_id } = req.params
+    const user = db.periodHistory.update({
+      where: {
+        usr_req_id: {
+          equals: request_id
+        }
+      },
+      data: {
+        pgrs_sts_cd: '',
+        req_acct_id: '',
+        req_ch_cd: '',
+        req_vlid_end_dt: '',
+        tgt_acct_id: '',
+        tgt_vm_id: '',
+        usr_req_div_cd: '',
+        usr_req_id: ''
+      }
+    })
+
+    return res(ctx.json(user))
   })
 }
 

src/views/cloudPcInfo/components/ResourceModal.js

@@ -57,7 +57,7 @@ export const PeriodExtensionModal = (rootProps) => {
         req_acct_id: parentProps.modalData.acct_id
       }
       const { data } = await call_userPcPeriodHistory(queryParams)
-      if (data.length > 0) {
+      if (!_.isEmpty(data.req_vlid_end_dt)) {
         //* React는 불변성을 유지해야하지만 동적으로 Props를 변경이 필요할 때가 있다.
         //* 그 경우 아래처럼 상태를 복사하여 덮어쓰는 형태로 재사용이 가능하다.
         //* 참고로 Object type의 props는 상태변경시 비용이 많이들어 Not bad하다.
@@ -66,7 +66,7 @@ export const PeriodExtensionModal = (rootProps) => {
           modalData: {
             ...prevState.modalData,
             pgrs_sts_cd: 'J001S',
-            desired_date: moment(data[0].req_vlid_end_dt)
+            desired_date: moment(data.req_vlid_end_dt)
           },
           modalOptions: {
             ...prevState.modalOptions,
@@ -78,8 +78,8 @@ export const PeriodExtensionModal = (rootProps) => {
         }))
         setRequestPeriod({
           pgrs_sts_cd: 'J001S',
-          req_vlid_end_dt: data[0].req_vlid_end_dt,
-          usr_req_id: data[0].usr_req_id
+          req_vlid_end_dt: data.req_vlid_end_dt,
+          usr_req_id: data.usr_req_id
         })
       }
     } catch (error) {
@@ -135,7 +135,8 @@ export const PeriodExtensionModal = (rootProps) => {
         req_vlid_end_dt: moment(props.desired_date).format('YYYYMMDD'),
         tgt_acct_id: parentData.acct_id,
         tgt_vm_id: parentData.vm_id,
-        usr_req_div_cd: 'J003PET'
+        usr_req_div_cd: 'J003PET',
+        usr_req_id: parentData.acct_id
       }
       const infoProps = {
         title: '알림',