|
|
@@ -1,8 +1,14 @@
|
|
|
<template>
|
|
|
<el-container class="app-wrapper">
|
|
|
<el-header class="app-header" style="height: 48px;line-height: 48px;border-bottom: 1px solid #E1E4EA;">
|
|
|
- <div class="logo-title" style="display: inline-flex; align-items: center">
|
|
|
- <img style="width: 132px; height: 35px;transform: translateY(2px);" src="../assets/logo3.png" />
|
|
|
+ <div class="logo-title" style="display: inline-flex; align-items: center;">
|
|
|
+<!-- <img style="width: 132px; height: 35px;transform: translateY(2px);" src="../assets/logo3.png" />-->
|
|
|
+ <el-image
|
|
|
+ v-if="titleLogo"
|
|
|
+ style="margin-right: 16px; width: 132px; height: 35px"
|
|
|
+ :src="filePath + titleLogo"
|
|
|
+ ></el-image>
|
|
|
+ <span class="title">{{ title }}</span>
|
|
|
</div>
|
|
|
<div class="tags" style="position: relative;">
|
|
|
<!-- <TagsView style="position:absolute;bottom:0"></TagsView> -->
|
|
|
@@ -144,8 +150,8 @@ export default {
|
|
|
};
|
|
|
return {
|
|
|
filePath: filePath,
|
|
|
- title: this.$store.state.settings.title,
|
|
|
- titleLogo: this.$store.state.settings.titleLogo,
|
|
|
+ title: this.$store.state.user.companyInfo.companyName,
|
|
|
+ titleLogo: this.$store.state.user.companyInfo.companyLogo,
|
|
|
sysIcon: require('@/assets/search/sys-icon.svg'),
|
|
|
headImg: require('@/assets/total_bg.jpg'),
|
|
|
bgStyle: {},
|
|
|
@@ -181,9 +187,23 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
watch: {
|
|
|
- // formData(val) {
|
|
|
- // console.log(val)
|
|
|
- // }
|
|
|
+ watch: {
|
|
|
+ '$store.state.user.companyInfo.companyName': {
|
|
|
+ handler: function (nv, ov) {
|
|
|
+ this.title = nv;
|
|
|
+ },
|
|
|
+ immediate: true
|
|
|
+ },
|
|
|
+ '$store.state.user.companyInfo.companyLogo': {
|
|
|
+ handler: function (nv, ov) {
|
|
|
+ this.titleLogo = nv;
|
|
|
+ },
|
|
|
+ immediate: true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted(){
|
|
|
+ console.log("mounted:",this.$store.state.user.companyInfo);
|
|
|
},
|
|
|
computed: {},
|
|
|
methods: {
|
|
|
@@ -300,6 +320,20 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+.title {
|
|
|
+ display: flex;
|
|
|
+ /* height: 27px; */
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+ /* line-height: 27px; */
|
|
|
+ letter-spacing: 1px;
|
|
|
+ align-items: center;
|
|
|
+ //padding-bottom: 8px;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
.headImg {
|
|
|
width: 18px;
|
|
|
height: 18px;
|
|
|
@@ -318,7 +352,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.logo-title {
|
|
|
- flex: 0 0 260px;
|
|
|
+ //flex: 0 0 260px;
|
|
|
}
|
|
|
|
|
|
.tags {
|