sk_fems_ui commit

mixin/global.js

@@ -0,0 +1,66 @@
+import { mapState, mapMutations, mapActions } from 'vuex';
+export default {
+	computed: {
+		...mapState({
+			comId: state => state.userInfo.comId,
+			userInfo: state => state.userInfo,
+			pageData(state) {
+				return state.pageData[this.myPrgmId];
+			},
+			drawer: state => state.drawer,
+		}),
+		// chkIsFind() {
+		//   // 조회 플래그
+		//   return this.pageData.isFind;
+		// }
+	},
+	watch: {
+		// chkIsFind(val) {
+		//   if (val) this.search();
+		// }
+	},
+	beforeCreate() {
+		// console.log("mixin beforeCreate");
+	},
+	created() {
+		// console.log("mixin created");
+	},
+	mounted() {
+		// console.log("mixin mounted", this.myPrgmId);
+		this.layoutInit();
+		//this.init();
+	},
+	beforeDestroy() {
+		// console.log("mixin beforeDestroy");
+		this.chkOpenTabList({ key: 'destroy', prgmId: this.myPrgmId });
+	},
+	methods: {
+		...mapMutations({
+			setPageData: 'setPageData',
+			setGridData: 'setGridData',
+			setGridColumn: 'setGridColumn',
+			setGridOption: 'setGridOption',
+			setChartXAxisData: 'setChartXAxisData',
+			setChartSeries: 'setChartSeries',
+			setChartLegend: 'setChartLegend',
+			setGridSelectData: 'setGridSelectData',
+			setChartColorData: 'setChartColorData',
+			setPageDataInit: 'setPageDataInit',
+		}),
+		...mapActions({
+			postApi: 'modules/list/postApi',
+			postUpdateApi: 'modules/list/postUpdateApi',
+			postApiReturn: 'modules/list/postApiReturn',
+			setTree: 'modules/list/setTree',
+			chkOpenTabList: 'chkOpenTabList',
+			getPrgmId: 'getPrgmId',
+		}),
+		layoutInit() {
+			if (this.$refs.searchFilter) {
+				const searchFilterHeight = this.$refs.searchFilter.offsetHeight;
+				this.$refs.contents.style.height = `calc(100% - ${searchFilterHeight}px)`;
+			}
+		},
+		//init() {}
+	},
+};

mixin/resize.js

@@ -0,0 +1,69 @@
+import { mapState, mapMutations, mapActions } from 'vuex';
+export const resize = {
+	data() {
+		return {
+			resize: false,
+		};
+	},
+	computed: {
+		...mapState({
+			stateData: state => state.activeMenuInfo.prgmId,
+		}),
+	},
+	watch: {
+		// $route(to, from){
+		//   console.log('to.query.prgmId',to.query.prgmId);
+		//   // console.log('this.stateData.prgmId',this.stateData.prgmId);
+		//   if(to.query.prgmId == this.stateData){
+		//     this.resize= true;
+		//   }
+		// },
+		stateData(val) {
+			// window.trigger('resize');
+			// window.addEventListener('resize', this.handlerResize);
+			// console.log("val : ", val);
+			// if(val == this.$router.currentRoute.query.prgmId){
+			// this.resize = true;
+			// }
+		},
+		resize(val) {
+			if (val) {
+				// console.log("this.loadGrid", this.loadGrid);
+				let refs = this.$refs;
+				// if(this.stateData == this.myPrgmId){
+				for (var key of Object.keys(refs)) {
+					if (refs[key].$refs != undefined) {
+						for (var key2 of Object.keys(refs[key].$refs)) {
+							if (key2.includes('tuigrid')) {
+								this.$refs[key].refreshGrid();
+							}
+						}
+					}
+				}
+				// }
+				this.resize = false;
+			}
+		},
+	},
+	beforeCreate() {
+		// console.log("mixin beforeCreate");
+	},
+	created() {
+		// console.log("mixin created");
+	},
+	mounted() {
+		window.addEventListener('resize', this.handlerResize);
+		// console.log("mixin mounted", this.myPrgmId);
+		//this.init();
+	},
+	beforeDestroy() {
+		// console.log("mixin beforeDestroy");
+		window.removeEventListener('resize', this.handlerResize);
+		this.chkOpenTabList({ key: 'destroy', prgmId: this.myPrgmId });
+	},
+	methods: {
+		handlerResize() {
+			this.resize = true;
+		},
+	},
+};