|
@ -1,5 +1,6 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div v-loading.fullscreen.lock="loading" |
|
|
<div |
|
|
|
|
|
v-loading.fullscreen.lock="loading" |
|
|
:element-loading-text="$t('loading')" |
|
|
:element-loading-text="$t('loading')" |
|
|
:class="[ |
|
|
:class="[ |
|
|
'aui-wrapper', |
|
|
'aui-wrapper', |
|
@ -9,14 +10,16 @@ |
|
|
$store.state.sidebarActiveSubMenuList.length == 0, |
|
|
$store.state.sidebarActiveSubMenuList.length == 0, |
|
|
}, |
|
|
}, |
|
|
{ 'z-iframe': $store.state.inIframe }, |
|
|
{ 'z-iframe': $store.state.inIframe }, |
|
|
]"> |
|
|
]" |
|
|
|
|
|
> |
|
|
<template v-if="!loading"> |
|
|
<template v-if="!loading"> |
|
|
<main-navbar ref="ref_navbar" |
|
|
<main-navbar ref="ref_navbar" v-if="!$store.state.inIframe" /> |
|
|
v-if="!$store.state.inIframe" /> |
|
|
|
|
|
<main-sidebar v-if="!$store.state.inIframe" /> |
|
|
<main-sidebar v-if="!$store.state.inIframe" /> |
|
|
<div class="aui-content__wrapper"> |
|
|
<div class="aui-content__wrapper"> |
|
|
<main-content v-if="!$store.state.contentIsNeedRefresh" |
|
|
<main-content |
|
|
@changeCustomerName="changeCustomerName" /> |
|
|
v-if="!$store.state.contentIsNeedRefresh" |
|
|
|
|
|
@changeCustomerName="changeCustomerName" |
|
|
|
|
|
/> |
|
|
</div> |
|
|
</div> |
|
|
<main-theme-tools v-if="!$store.state.inIframe" /> |
|
|
<main-theme-tools v-if="!$store.state.inIframe" /> |
|
|
</template> |
|
|
</template> |
|
@ -31,12 +34,13 @@ import MainThemeTools from "./main-theme-tools"; |
|
|
import debounce from "lodash/debounce"; |
|
|
import debounce from "lodash/debounce"; |
|
|
import { mapGetters } from "vuex"; |
|
|
import { mapGetters } from "vuex"; |
|
|
import nextTick from "dai-js/tools/nextTick"; |
|
|
import nextTick from "dai-js/tools/nextTick"; |
|
|
|
|
|
import { requestPost } from "@/js/dai/request"; |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
provide () { |
|
|
provide() { |
|
|
return { |
|
|
return { |
|
|
// 刷新 |
|
|
// 刷新 |
|
|
refresh () { |
|
|
refresh() { |
|
|
this.$store.state.contentIsNeedRefresh = true; |
|
|
this.$store.state.contentIsNeedRefresh = true; |
|
|
this.$nextTick(() => { |
|
|
this.$nextTick(() => { |
|
|
this.$store.state.contentIsNeedRefresh = false; |
|
|
this.$store.state.contentIsNeedRefresh = false; |
|
@ -44,7 +48,7 @@ export default { |
|
|
}, |
|
|
}, |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
data () { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
loading: true, |
|
|
loading: true, |
|
|
userType: localStorage.getItem("userType"), |
|
|
userType: localStorage.getItem("userType"), |
|
@ -60,26 +64,20 @@ export default { |
|
|
watch: { |
|
|
watch: { |
|
|
$route: "routeHandle", |
|
|
$route: "routeHandle", |
|
|
}, |
|
|
}, |
|
|
async created () { |
|
|
async created() { |
|
|
this.windowResizeHandle(); |
|
|
this.windowResizeHandle(); |
|
|
this.routeHandle(this.$route); |
|
|
this.routeHandle(this.$route); |
|
|
if (localStorage.getItem("userType") === "work") { |
|
|
|
|
|
Promise.all([this.getWorkUserInfo()]).then(() => { |
|
|
Promise.all([this.getWorkUserInfo()]).then(() => { |
|
|
this.loading = false; |
|
|
this.loading = false; |
|
|
}); |
|
|
}); |
|
|
} else { |
|
|
|
|
|
Promise.all([this.getUserInfo()]).then(() => { |
|
|
|
|
|
this.loading = false; |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
}, |
|
|
computed: {}, |
|
|
computed: {}, |
|
|
methods: { |
|
|
methods: { |
|
|
changeCustomerName (customerName) { |
|
|
changeCustomerName(customerName) { |
|
|
this.$refs["ref_navbar"].changeCustomerName(customerName); |
|
|
this.$refs["ref_navbar"].changeCustomerName(customerName); |
|
|
}, |
|
|
}, |
|
|
// 窗口改变大小 |
|
|
// 窗口改变大小 |
|
|
windowResizeHandle () { |
|
|
windowResizeHandle() { |
|
|
this.$store.state.sidebarFold = |
|
|
this.$store.state.sidebarFold = |
|
|
document.documentElement["clientWidth"] <= 992 || false; |
|
|
document.documentElement["clientWidth"] <= 992 || false; |
|
|
window.addEventListener( |
|
|
window.addEventListener( |
|
@ -91,7 +89,7 @@ export default { |
|
|
); |
|
|
); |
|
|
}, |
|
|
}, |
|
|
// 路由, 监听 |
|
|
// 路由, 监听 |
|
|
routeHandle (route) { |
|
|
routeHandle(route) { |
|
|
if (!route.meta.isTab) { |
|
|
if (!route.meta.isTab) { |
|
|
return false; |
|
|
return false; |
|
|
} |
|
|
} |
|
@ -114,7 +112,7 @@ export default { |
|
|
this.$store.state.contentTabsActiveName = tab.name; |
|
|
this.$store.state.contentTabsActiveName = tab.name; |
|
|
this.syncLevelOneMenuActive(tab.menuId); |
|
|
this.syncLevelOneMenuActive(tab.menuId); |
|
|
}, |
|
|
}, |
|
|
async syncLevelOneMenuActive (menuId) { |
|
|
async syncLevelOneMenuActive(menuId) { |
|
|
await nextTick(); |
|
|
await nextTick(); |
|
|
console.log( |
|
|
console.log( |
|
|
"*******************************", |
|
|
"*******************************", |
|
@ -137,54 +135,22 @@ export default { |
|
|
idx !== -1 ? this.$store.state.sidebarMenuList[idx].children : []; |
|
|
idx !== -1 ? this.$store.state.sidebarMenuList[idx].children : []; |
|
|
}, |
|
|
}, |
|
|
// 获取当前管理员信息 |
|
|
// 获取当前管理员信息 |
|
|
getUserInfo () { |
|
|
async getWorkUserInfo() { |
|
|
const url = "/epmetuser/operuser/queryOperUserDto"; |
|
|
|
|
|
|
|
|
|
|
|
return this.$http |
|
|
|
|
|
.get(url) |
|
|
|
|
|
.then(({ data: res }) => { |
|
|
|
|
|
if (res.code !== 0) { |
|
|
|
|
|
return this.$message.error(res.msg); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
this.$store.state.user.id = res.data.id; |
|
|
|
|
|
this.$store.state.user.realName = res.data.realName; |
|
|
|
|
|
this.$store.state.user.superAdmin = res.data.superAdmin; |
|
|
|
|
|
this.$store.state.user.gender = data.gender; |
|
|
|
|
|
localStorage.setItem("customerId", ""); |
|
|
|
|
|
}) |
|
|
|
|
|
.catch(() => { }); |
|
|
|
|
|
}, |
|
|
|
|
|
// 获取当前管理员信息 |
|
|
|
|
|
getWorkUserInfo () { |
|
|
|
|
|
const url = "/epmetuser/customerstaff/staffbasicinfo"; |
|
|
const url = "/epmetuser/customerstaff/staffbasicinfo"; |
|
|
let params = {}; |
|
|
let params = {}; |
|
|
window.app.ajax.post( |
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
url, |
|
|
if (code === 0) { |
|
|
params, |
|
|
|
|
|
(data, rspMsg) => { |
|
|
|
|
|
this.$store.state.user = { ...data }; |
|
|
this.$store.state.user = { ...data }; |
|
|
console.log("user---hahha", this.$store.state.user); |
|
|
console.log("user---hahha", this.$store.state.user); |
|
|
// this.$store.state.user.id = data.id |
|
|
|
|
|
// this.$store.state.user.realName = data.realName |
|
|
|
|
|
// this.$store.state.user.superAdmin = data.superAdmin |
|
|
|
|
|
// this.$store.state.user.gender = data.gender |
|
|
|
|
|
localStorage.setItem("roleList", data.roleList); |
|
|
localStorage.setItem("roleList", data.roleList); |
|
|
localStorage.setItem("customerId", data.customerId); |
|
|
localStorage.setItem("customerId", data.customerId); |
|
|
localStorage.setItem("staffId", data.id); |
|
|
localStorage.setItem("staffId", data.id); |
|
|
// this.$store.state.user.roleList = data.roleList |
|
|
if (!localStorage.getItem("customerName")) { |
|
|
// this.$store.state.user.customerId = data.customerId |
|
|
localStorage.setItem("customerName", data.customerName || ""); |
|
|
}, |
|
|
} |
|
|
(rspMsg, data) => { |
|
|
} else { |
|
|
this.$message.error(rspMsg); |
|
|
this.$message.error(rspMsg); |
|
|
} |
|
|
} |
|
|
); |
|
|
|
|
|
// return this.$http.get(url).then(({ data: res }) => { |
|
|
|
|
|
// if (res.code !== 0) { |
|
|
|
|
|
// return this.$message.error(res.msg) |
|
|
|
|
|
// } |
|
|
|
|
|
|
|
|
|
|
|
// }).catch(() => { }) |
|
|
|
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}; |
|
|
}; |
|
|