init dev-push code ui base design

components/pages/ems/ReadObjInfo/ReadObjAddInfoTab.vue

@@ -20,6 +20,8 @@
 				:editorGrid="true"
 				:innerTabGridInfo="innerTabGridInfo"
 				@getRowsData="getRowData"
+				:selectedRowDataWatchFlag="true"
+				:dataPath="dataPathMock"
 			/>
 		</div>
 	</div>
@@ -53,10 +55,23 @@ export default {
 	},
 	data() {
 		return {
-			loadGrid: false,
+			loadGrid: true,
 			gridName: 'rowDetailGrid',
 			rowKey: null,
 			edtingFinishFlag: 'Y',
+			dataPathMock: {
+				"rowDetailGrid": {
+				column: [
+					{ header: '검침 대상 ID', name: 'readObjId', align: 'left' },
+					{ header: '검침 대상 명', name: 'readObjNm', align: 'left' },
+					{ header: '검침 대상 유형', name: 'readObjKind', align: 'left' },
+					{ header: '그룹', name: 'grpCd', align: 'left' },
+				],
+				data: dataPathDataExample,
+				defaultRow: dataPathDataExample,
+				option: {}
+				}
+			},
 		};
 	},
 	computed: {
@@ -261,7 +276,7 @@ export default {
 				{ header: '검침 대상 ID', name: 'readObjId', hidden: true },
 				{
 					header: '추가 정보',
-					name: 'addInfoId',
+					name: 'addInfoId', 
 					align: 'left',
 					formatter({ value }) {
 						let retVal = '';
@@ -446,4 +461,25 @@ export default {
 		search() {},
 	},
 };
+const dataPathDataExample = [
+	{
+	readObjId: 'OBJ001',
+	readObjNm: '서울 본사',
+	readObjKind: 'TYPE01',
+	grpCd: 'GRP01',
+	},
+	{
+	readObjId: 'OBJ002',
+	readObjNm: '부산 지사',
+	readObjKind: 'TYPE02',
+	grpCd: 'GRP02',
+	},
+	{
+	readObjId: 'OBJ003',
+	readObjNm: '대전 공장',
+	readObjKind: 'TYPE03',
+	grpCd: 'GRP01',
+	}
+];
+
 </script>