|
|
@ -1,46 +1,51 @@ |
|
|
<template> |
|
|
<template> |
|
|
<fixed1920 class="g-fx"> |
|
|
<fixed1920 class="g-fx"> |
|
|
<div |
|
|
<div |
|
|
v-loading.fullscreen.lock="loading" |
|
|
v-loading.fullscreen.lock="loading" |
|
|
:element-loading-text="$t('loading')" |
|
|
:element-loading-text="$t('loading')" |
|
|
:class="[ |
|
|
:class="[ |
|
|
'g-pg', |
|
|
'g-pg', |
|
|
{ 'z-sidebar--fold': $store.state.sidebarFold }, |
|
|
{ 'z-sidebar--fold': $store.state.sidebarFold }, |
|
|
{ |
|
|
{ |
|
|
'z-sidebar--noside': true, |
|
|
'z-sidebar--noside': true, |
|
|
}, |
|
|
}, |
|
|
{ 'z-iframe': $store.state.inIframe }, |
|
|
{ 'z-iframe': $store.state.inIframe }, |
|
|
]" |
|
|
]" |
|
|
> |
|
|
> |
|
|
<template v-if="!loading"> |
|
|
<template v-if="!loading"> |
|
|
<img |
|
|
<img |
|
|
class="i-corner z-left-top" |
|
|
class="i-corner z-left-top" |
|
|
src="~@/assets/images/shuju/main/corner-left-top.png" |
|
|
src="~@/assets/images/shuju/main/corner-left-top.png" |
|
|
/> |
|
|
/> |
|
|
<img |
|
|
<img |
|
|
class="i-corner z-right-top" |
|
|
class="i-corner z-right-top" |
|
|
src="~@/assets/images/shuju/main/corner-right-top.png" |
|
|
src="~@/assets/images/shuju/main/corner-right-top.png" |
|
|
/> |
|
|
/> |
|
|
<img |
|
|
<img |
|
|
class="i-corner z-right-bottom" |
|
|
class="i-corner z-right-bottom" |
|
|
src="~@/assets/images/shuju/main/corner-right-bottom.png" |
|
|
src="~@/assets/images/shuju/main/corner-right-bottom.png" |
|
|
/> |
|
|
/> |
|
|
<img |
|
|
<img |
|
|
class="i-corner z-left-bottom" |
|
|
class="i-corner z-left-bottom" |
|
|
src="~@/assets/images/shuju/main/corner-left-bottom.png" |
|
|
src="~@/assets/images/shuju/main/corner-left-bottom.png" |
|
|
/> |
|
|
/> |
|
|
|
|
|
|
|
|
<main-navbar ref="ref_navbar" v-if="!$store.state.inIframe" /> |
|
|
<main-navbar ref="ref_navbar" v-if="!$store.state.inIframe" /> |
|
|
|
|
|
|
|
|
<div class="g-cnt"> |
|
|
<div |
|
|
<main-content |
|
|
class="g-cnt" |
|
|
v-if="!$store.state.contentIsNeedRefresh" |
|
|
:style="{ |
|
|
@changeCustomerName="changeCustomerName" |
|
|
minHeight: $store.state.fixed1920.height - 100 + 'px', |
|
|
/> |
|
|
}" |
|
|
</div> |
|
|
> |
|
|
</template> |
|
|
<main-content |
|
|
</div> |
|
|
v-if="!$store.state.contentIsNeedRefresh" |
|
|
</fixed1920> |
|
|
@changeCustomerName="changeCustomerName" |
|
|
|
|
|
/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
</div> |
|
|
|
|
|
</fixed1920> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
@ -53,103 +58,106 @@ import { requestPost } from "@/js/dai/request"; |
|
|
import fixed1920 from "@/views/components/fixed1920.vue"; |
|
|
import fixed1920 from "@/views/components/fixed1920.vue"; |
|
|
|
|
|
|
|
|
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; |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
loading: true, |
|
|
loading: true, |
|
|
userType: localStorage.getItem("userType"), |
|
|
userType: localStorage.getItem("userType"), |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
components: { |
|
|
components: { |
|
|
MainNavbar, |
|
|
MainNavbar, |
|
|
MainContent, |
|
|
MainContent, |
|
|
fixed1920, |
|
|
fixed1920, |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
watch: { |
|
|
watch: { |
|
|
$route: "routeHandle", |
|
|
$route: "routeHandle", |
|
|
}, |
|
|
}, |
|
|
async created() { |
|
|
async created() { |
|
|
this.windowResizeHandle(); |
|
|
this.windowResizeHandle(); |
|
|
this.routeHandle(this.$route); |
|
|
this.routeHandle(this.$route); |
|
|
Promise.all([this.getWorkUserInfo()]).then(() => { |
|
|
Promise.all([this.getWorkUserInfo()]).then(() => { |
|
|
this.loading = false; |
|
|
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( |
|
|
"resize", |
|
|
"resize", |
|
|
debounce(() => { |
|
|
debounce(() => { |
|
|
this.$store.state.sidebarFold = |
|
|
this.$store.state.sidebarFold = |
|
|
document.documentElement["clientWidth"] <= 992 || false; |
|
|
document.documentElement["clientWidth"] <= 992 || false; |
|
|
}, 150) |
|
|
}, 150) |
|
|
); |
|
|
); |
|
|
}, |
|
|
}, |
|
|
// 路由, 监听 |
|
|
// 路由, 监听 |
|
|
routeHandle(route) { |
|
|
routeHandle(route) { |
|
|
if (!route.meta.isTab) { |
|
|
if (!route.meta.isTab) { |
|
|
this.$store.state.mainShuju.activeName = ""; |
|
|
this.$store.state.mainShuju.activeName = ""; |
|
|
this.$store.state.mainShuju.contentTabsActiveName = ""; |
|
|
this.$store.state.mainShuju.contentTabsActiveName = ""; |
|
|
return false; |
|
|
return false; |
|
|
} |
|
|
} |
|
|
var tab = this.$store.state.contentTabs.filter( |
|
|
var tab = this.$store.state.contentTabs.filter( |
|
|
(item) => item.name === route.name |
|
|
(item) => item.name === route.name |
|
|
)[0]; |
|
|
)[0]; |
|
|
if (!tab) { |
|
|
if (!tab) { |
|
|
tab = { |
|
|
tab = { |
|
|
...window.SITE_CONFIG["contentTabDefault"], |
|
|
...window.SITE_CONFIG["contentTabDefault"], |
|
|
...route.meta, |
|
|
...route.meta, |
|
|
name: route.name, |
|
|
name: route.name, |
|
|
params: { ...route.params }, |
|
|
params: { ...route.params }, |
|
|
query: { ...route.query }, |
|
|
query: { ...route.query }, |
|
|
}; |
|
|
}; |
|
|
this.$store.state.contentTabs = |
|
|
this.$store.state.contentTabs = |
|
|
this.$store.state.contentTabs.concat(tab); |
|
|
this.$store.state.contentTabs.concat(tab); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
this.$store.state.mainShuju.activeName = tab.menuId; |
|
|
this.$store.state.mainShuju.activeName = tab.menuId; |
|
|
this.$store.state.mainShuju.contentTabsActiveName = tab.name; |
|
|
this.$store.state.mainShuju.contentTabsActiveName = tab.name; |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 获取当前管理员信息 |
|
|
// 获取当前管理员信息 |
|
|
async getWorkUserInfo() { |
|
|
async getWorkUserInfo() { |
|
|
const url = "/epmetuser/customerstaff/staffbasicinfo"; |
|
|
const url = "/epmetuser/customerstaff/staffbasicinfo"; |
|
|
let params = {}; |
|
|
let params = {}; |
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
if (code === 0) { |
|
|
if (code === 0) { |
|
|
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); |
|
|
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); |
|
|
localStorage.setItem("agencyId", data.agencyId); |
|
|
localStorage.setItem("agencyId", data.agencyId); |
|
|
localStorage.setItem("level", data.level); |
|
|
localStorage.setItem("level", data.level); |
|
|
if (!localStorage.getItem("customerName")) { |
|
|
if (!localStorage.getItem("customerName")) { |
|
|
localStorage.setItem("customerName", data.customerName || ""); |
|
|
localStorage.setItem( |
|
|
} |
|
|
"customerName", |
|
|
} else { |
|
|
data.customerName || "" |
|
|
this.$message.error(msg); |
|
|
); |
|
|
} |
|
|
} |
|
|
}, |
|
|
} else { |
|
|
}, |
|
|
this.$message.error(msg); |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
}, |
|
|
}; |
|
|
}; |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
|
dai
3 years ago