epmet-work-pc/src/views/dataBoardMain/main.vue

<template>
	<fixed1920 class="g-fx">
		<div
			v-loading.fullscreen.lock="loading"
			:element-loading-text="$t('loading')"
			:class="[
				'g-pg',
				{ 'z-sidebar--fold': $store.state.sidebarFold },
				{
					'z-sidebar--noside': true,
				},
				{ 'z-iframe': $store.state.inIframe },
			]"
		>
			<template v-if="!loading">
				<img
					class="i-corner z-left-top"
					src="~@/assets/images/shuju/main/corner-left-top.png"
				/>
				<img
					class="i-corner z-right-top"
					src="~@/assets/images/shuju/main/corner-right-top.png"
				/>
				<img
					class="i-corner z-right-bottom"
					src="~@/assets/images/shuju/main/corner-right-bottom.png"
				/>
				<img
					class="i-corner z-left-bottom"
					src="~@/assets/images/shuju/main/corner-left-bottom.png"
				/>

				<main-navbar ref="ref_navbar" v-if="!$store.state.inIframe" />

				<div
					class="g-cnt"
					:style="{
						minHeight: $store.state.fixed1920.height - 100 + 'px',
					}"
				>
					<main-content
						v-if="!$store.state.contentIsNeedRefresh"
						@changeCustomerName="changeCustomerName"
					/>
				</div>
			</template>
		</div>
	</fixed1920>
</template>

<script>
import MainNavbar from "./main-navbar";
import MainContent from "./main-content";
import debounce from "lodash/debounce";
import { mapGetters } from "vuex";
import nextTick from "dai-js/tools/nextTick";
import { requestPost } from "@/js/dai/request";
import fixed1920 from "@/views/components/fixed1920.vue";

export default {
	provide() {
		return {
			// 刷新
			refresh() {
				this.$store.state.contentIsNeedRefresh = true;
				this.$nextTick(() => {
					this.$store.state.contentIsNeedRefresh = false;
				});
			},
		};
	},
	data() {
		return {
			loading: true,
			userType: localStorage.getItem("userType"),
		};
	},
	components: {
		MainNavbar,
		MainContent,
		fixed1920,
	},

	watch: {
		$route: "routeHandle",
	},
	async created() {
		this.windowResizeHandle();
		this.routeHandle(this.$route);
		Promise.all([this.getWorkUserInfo()]).then(() => {
			this.loading = false;
		});
	},
	computed: {},
	methods: {
		changeCustomerName(customerName) {
			this.$refs["ref_navbar"].changeCustomerName(customerName);
		},
		// 窗口改变大小
		windowResizeHandle() {
			this.$store.state.sidebarFold =
				document.documentElement["clientWidth"] <= 992 || false;
			window.addEventListener(
				"resize",
				debounce(() => {
					this.$store.state.sidebarFold =
						document.documentElement["clientWidth"] <= 992 || false;
				}, 150)
			);
		},
		// 路由, 监听
		routeHandle(route) {
			if (!route.meta.isTab) {
				this.$store.state.mainShuju.activeName = "";
				this.$store.state.mainShuju.contentTabsActiveName = "";
				return false;
			}
			var tab = this.$store.state.contentTabs.filter(
				(item) => item.name === route.name
			)[0];
			if (!tab) {
				tab = {
					...window.SITE_CONFIG["contentTabDefault"],
					...route.meta,
					name: route.name,
					params: { ...route.params },
					query: { ...route.query },
				};
				this.$store.state.contentTabs =
					this.$store.state.contentTabs.concat(tab);
			}

			this.$store.state.mainShuju.activeName = tab.menuId;
			this.$store.state.mainShuju.contentTabsActiveName = tab.name;
		},

		// 获取当前管理员信息
		async getWorkUserInfo() {
			const url = "/epmetuser/customerstaff/staffbasicinfo";
			let params = {};
			const { data, code, msg } = await requestPost(url, params);
			if (code === 0) {
				this.$store.state.user = { ...data };
				console.log("user---hahha", this.$store.state.user);
				localStorage.setItem("roleList", data.roleList);
				localStorage.setItem("customerId", data.customerId);
				localStorage.setItem("staffId", data.id);
				localStorage.setItem("agencyId", data.agencyId);
				localStorage.setItem("level", data.level);
				if (!localStorage.getItem("customerName")) {
					localStorage.setItem(
						"customerName",
						data.customerName || ""
					);
				}
			} else {
				this.$message.error(msg);
			}
		},
	},
};
</script>

<style lang="scss" src="@/assets/scss/dataBoardMain.scss" scoped></style>