|
|
@@ -7,9 +7,12 @@
|
|
|
<i class='el-icon-location-information topIcon'></i>
|
|
|
|
|
|
<el-popover placement="top-start"
|
|
|
- width="200"
|
|
|
- trigger="hover"
|
|
|
- :content="organName">
|
|
|
+ width="300"
|
|
|
+ trigger="hover">
|
|
|
+ <template>
|
|
|
+ <!-- <p style="color: red">{{ organName }}</p> -->
|
|
|
+ <el-tag class="navbar_tag" type="info" v-for="item in organNameList" :key="item">{{ item }}</el-tag>
|
|
|
+ </template>
|
|
|
<span slot="reference">{{ organName.length > 10 ? organName.substr(0, 10) + '...' : organName}}</span>
|
|
|
</el-popover>
|
|
|
</div>
|
|
|
@@ -110,6 +113,7 @@ export default {
|
|
|
return {
|
|
|
username: '',
|
|
|
organName: this.$store.getters.organName,
|
|
|
+ organNameList: [],
|
|
|
resetVisible: false,
|
|
|
resetForm: {
|
|
|
phone: '',
|
|
|
@@ -133,6 +137,8 @@ export default {
|
|
|
// 手动加入
|
|
|
this.toggleSideBar();
|
|
|
this.username = this.$store.getters.name;
|
|
|
+ this.organNameList = this.organName.split(',')
|
|
|
+ console.log(this.organNameList)
|
|
|
},
|
|
|
methods: {
|
|
|
toggleSideBar () {
|
|
|
@@ -214,6 +220,9 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+.navbar_tag {
|
|
|
+ margin: 0 5px 8px;
|
|
|
+}
|
|
|
.navbar {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
