init dev-push code ui base design

pages/comm/base/PrgmMngPage.vue

@@ -4,7 +4,7 @@
 		<v-row ref="searchFilter">
 			<v-col :cols="12">
 				<v-card class="searchFilter">
-					<v-row align="center" no-gutters>
+					<v-row align="end" no-gutters>
 						<v-col :cols="3">
 							<component
 								:is="'selectCodeList'"
@@ -13,6 +13,7 @@
 								:dataKey="'selectUseFg'"
 								:sendParam="{ commGrpCd: 'CO_USEFG', useFg: '1' }"
 								:addAll="true"
+								customClass="select-large"
 							/>
 						</v-col>
 						<v-col :cols="4">
@@ -21,12 +22,13 @@
 								label="프로그램명"
 								valueNm="prgmNm"
 								:searchOption="true"
-								:labelCols="3"
-								:textCols="9"
+								:labelCols="12"
+								:textCols="12"
+								customClass="input-large"
 							/>
 						</v-col>
 						<v-col :cols="5" class="text-right">
-							<BtnSearch />
+							<BtnSearch size="large" />
 						</v-col>
 					</v-row>
 				</v-card>
@@ -48,7 +50,7 @@
 							/>
 						</div>
 					</div>
-					<div style="height:calc(100% - 70px)">
+					<div style="min-height:calc(100% - 70px)">
 						<div ref="gridParent" class="px-5 h100">
 							<component
 								:ref="gridName"
@@ -56,6 +58,7 @@
 								:parentPrgmId="myPrgmId"
 								:gridName="gridName"
 								@getRowsData="getRowData"
+								:dataPath="dataPathMock"
 							/>
 						</div>
 					</div>
@@ -67,16 +70,16 @@
 					<div class="d-flex align-center justify-space-between pa-5">
 						<v-card-title class="pa-0">프로그램 상세</v-card-title>
 					</div>
-					<div class="px-5 h100" style="height:calc(100% - 76px)">
-						<div class="w100">
-							<component
-								:is="'Form'"
-								:parentPrgmId="myPrgmId"
-								:bindingData="gridName"
-								:detailList="detailList"
-								@gridEditingFinish="gridEditingFinish"
-							/>
-						</div>
+					<div class="px-5" style="min-height:calc(100% - 76px)">
+						<component
+							:is="'Form'"
+							:parentPrgmId="myPrgmId"
+							:bindingData="gridName"
+							:detailList="detailList"
+							@gridEditingFinish="gridEditingFinish"
+						/>
+						<!-- <div class="w100">
+						</div> -->
 					</div>
 				</v-card>
 			</v-col>
@@ -127,6 +130,23 @@ export default {
 			gridName: 'rowGrid',
 			// rowGridOrigin: [],
 			detailList: myDetail,
+
+			dataPathMock: {
+        'rowGrid': {
+          column: [
+            { header: '프로그램ID', name: 'field1', align: 'left' },
+            { header: '프로그램덤', name: 'field2', align: 'left' },
+            { header: '타임', name: 'field3', align: 'left' },
+            { header: '사용여부', name: 'field4', align: 'left' }
+          ],
+          data: dataPathDataExample,
+          defaultRow: dataPathDataExample,
+          option: {
+						scrollY: false,
+						scrollX: false,
+					}
+        }
+      },
 		};
 	},
 	computed: {
@@ -443,6 +463,8 @@ const myDetail = [
 		class: 'py-2',
 		required: false,
 		placeholder: '시스템 자동입력',
+		textCols: 12,
+		iconShow: true
 	},
 	{
 		type: 'InputText',
@@ -451,6 +473,8 @@ const myDetail = [
 		cols: 6,
 		class: 'py-2',
 		required: true,
+		textCols: 12,
+		iconShow: true
 	},
 	{
 		type: 'SelectBox',
@@ -463,6 +487,8 @@ const myDetail = [
 			{ text: '프로그램', value: '1' },
 			{ text: '팝업', value: '2' },
 		],
+		textCols: 12,
+		iconShow: true
 	},
 	{
 		type: 'CheckBox',
@@ -474,6 +500,8 @@ const myDetail = [
 		class: 'py-2',
 		value: { '1': true, '0': false },
 		required: true,
+		textCols: 12,
+		iconShow: true
 	},
 	{
 		type: 'InputText',
@@ -483,6 +511,8 @@ const myDetail = [
 		cols: 12,
 		class: 'py-2',
 		required: true,
+		textCols: 12,
+		iconShow: true
 	},
 	{
 		type: 'InputText',
@@ -492,6 +522,8 @@ const myDetail = [
 		cols: 6,
 		class: 'py-2',
 		placeholder: '시스템 자동입력',
+		textCols: 12,
+		iconShow: true
 	},
 	{
 		type: 'InputText',
@@ -501,6 +533,8 @@ const myDetail = [
 		cols: 6,
 		class: 'py-2',
 		placeholder: '시스템 자동입력',
+		textCols: 12,
+		iconShow: true
 	},
 	{
 		type: 'InputText',
@@ -510,6 +544,8 @@ const myDetail = [
 		cols: 6,
 		class: 'py-2',
 		placeholder: '시스템 자동입력',
+		textCols: 12,
+		iconShow: true
 	},
 	{
 		type: 'InputText',
@@ -519,9 +555,17 @@ const myDetail = [
 		cols: 6,
 		class: 'py-2',
 		placeholder: '시스템 자동입력',
+		textCols: 12,
+		iconShow: true
 	},
 ];
+
+
+import { getPathDataExample } from '@/const/const'
+const dataPathDataExample = getPathDataExample({
+  field1: 'PRG0001',
+  field2: '대시보드',
+  field3: '프로그램', 
+	field4: '사용'
+});
 </script>
-<style lang="scss">
-@import '@/assets/scss/common.scss';
-</style>