update screen 2, 8, 9, 10, 27, 33, 34

pages/ems/base/ReadResultCloseMngPage.vue

@@ -1,11 +1,6 @@
 <template>
   <div class="l-layout">
-    <!-- <h2 class="title">
-			<v-icon small color="primary" class="mr-1">mdi-circle</v-icon>
-			계량 데이터 마감 관리
-		</h2> -->
-    <PageTitle text="계량 데이터 마감 관리" />
-
+    <common-page-title />
     <v-row ref="searchFilter">
       <!-- 조회조견 -->
       <v-col :cols="12">
@@ -75,8 +70,8 @@
     </v-row>
     <v-row ref="contents">
       <!-- 일일검침정보 목록-->
-      <v-col :cols="12" class="h100">
-        <v-card class="pb-5">
+      <v-col :cols="12">
+        <v-card class="pb-5 w100">
           <div class="d-flex align-center justify-space-between pa-5">
             <v-card-title class="custom-title-4 pa-0">일일검침정보</v-card-title>
             <div class="d-flex align-center">
@@ -91,20 +86,18 @@
                 type="primary"
                 :ripple="false"
                 @click="saveReadResultCloseMng('N')"
-                >일마감</a-button
               >
+                일마감
+              </a-button>
             </div>
           </div>
-          <div class="px-5" style="min-height: calc(100% - 76px)">
-            <div ref="gridParent" class="h100 w100">
+          <div ref="gridParent" class="px-5 w100" style="min-height: 60vh">
               <component
                 :is="loadGrid ? 'Grid' : null"
                 :ref="gridName"
                 :parentPrgmId="myPrgmId"
                 :gridName="gridName"
-                :dataPath="dataPathMock"
               />
-            </div>
           </div>
         </v-card>
       </v-col>
@@ -123,7 +116,6 @@ import selectCodeList from "@/components/common/select/selectCodeList";
 import SelectMttList from "@/components/common/select/SelectMttList";
 import Datepicker from "~/components/common/Datepicker";
 import BtnExcelDownload from "~/components/common/button/BtnExcelDownload";
-import PageTitle from "~/components/common/PageTitle";
 
 let myTitle;
 // const myPrgmId = "PRG0018";
@@ -151,13 +143,12 @@ export default {
     Datepicker,
     Search,
     Grid,
-    PageTitle,
   },
   data() {
     return {
       myPrgmId: myPrgmId,
       gridName: "rowGrid",
-      loadGrid: true,
+      loadGrid: false,
       dataPathMock: {
         rowGrid: {
           column: [
@@ -260,7 +251,6 @@ export default {
         gridKey: this.gridName,
         value: myColumns,
       });
-      this.loadGrid = true;
     },
     async search() {
       await this.getRowGridData();
@@ -288,8 +278,12 @@ export default {
             mgnf: item.mgnf || 0,
           })),
         });
+        // console.log('--------------DEBUG-----res-------', res);
       }
       this.setPageData({ isFind: false });
+      this.$nextTick(() => {
+        this.loadGrid = true;
+      })
     },
     //전월 or 일 마감--------------------------------------------------------------------------------------------
     async saveReadResultCloseMng(mnthYn) {