<template>
  <div class="mtitle">
    <span style="font-size: 19px">
      <span>{{ user.nickName }}</span>
      <span class="roleName" v-if="user.roleName">({{ user.roleName }})</span>
      <span>您好，{{title}}</span>
    </span>
    <iframe allowtransparency="true" frameborder="0" width="180" height="36" scrolling="no" style="padding-top: 10px" src="//tianqi.2345.com/plugin/widget/index.htm?s=3&z=2&t=0&v=0&d=2&bd=0&k=&f=#545555&ltf=#545555&htf=ffffff&q=1&e=1&a=1&c=72036&w=180&h=36&align=center"></iframe>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: '欢迎使用承揽时代企业端'
    }
  },
  data() {
    return {
      user: this.$store.state.user
    };
  }
};
</script>

<style lang="scss" scoped>
.mtitle {
  margin-bottom: 10px;
  margin-top: -15px;
}
</style>
