sk_fems_ui commit

components/widget/BlankWidget.vue

@@ -0,0 +1,77 @@
+<template>
+	<div class="l-layout">
+		<v-row ref="rowParent">
+			<v-col :cols="12">
+				<v-card class="pa-5" style="min-height: 284px;"> </v-card>
+			</v-col>
+		</v-row>
+	</div>
+</template>
+
+<script>
+import { mapActions, mapMutations, mapState } from 'vuex'; // , mapActions
+import Vue from 'vue';
+import DateUtility from '~/plugins/dateUtility';
+import Utility from '~/plugins/utility';
+import Grid from '~/components/common/Grid';
+import Chart from '~/components/common/Chart';
+
+export default {
+	props: {
+		parentPrgmId: {
+			type: String,
+			require: true,
+		},
+	},
+	components: {
+		DateUtility,
+		Grid,
+		Chart,
+	},
+	computed: {
+		...mapState({
+			searchParam(state) {
+				return state.pageData[this.parentPrgmId];
+			},
+			isDarkMode: 'isDarkMode',
+		}),
+	},
+	watch: {},
+	beforeCreate() {
+		this.$store.commit('setWidgetPageData', {
+			prgmId: this.$route.query.prgmId,
+			blankWidget: { blankWidgetData },
+		});
+		// console.log("2.vue::beforeCreate");
+	},
+	created() {},
+	mounted() {},
+	data() {
+		return {
+			pop: null,
+		};
+	},
+	methods: {
+		...mapMutations({
+			setPageData: 'setPageData',
+			setWidgetChartOption: 'setWidgetChartOption',
+		}),
+		...mapActions({
+			postApi: 'modules/list/postApi',
+			postApiReturn: 'modules/list/postApiReturn',
+		}),
+	},
+};
+const blankWidgetData = {};
+</script>
+
+<style lang="scss">
+.v-avatar {
+	border-radius: 21px;
+	font-size: 1.75rem;
+}
+.v-virtual-scroll-wrapper {
+	overflow-y: auto;
+	max-height: 210px;
+}
+</style>