/** * Created by HaijunZhang on 2019/12/18. */
<template>
  <div class="right-container">
    <template v-if="hasCos">
      <!-- <router-link to="/jump">
       <el-icon class="m-r m-t-xs"><icon-ep-position /></el-icon>
      </router-link>
      <router-link to="/cos-web/screen">
        <span class="m-r" title="大屏展示"><svg-icon icon-name="svg-screen" class="cur-point" /></span>
      </router-link> -->
      <!-- <service-order v-if="hasFms"></service-order> -->
      <!-- <HelpCenter v-if="userData" /> -->
    </template>
    <site-message></site-message>
    <personal-info></personal-info>
  </div>
</template>

<script lang="ts" setup>
import { computed } from 'vue'
import PersonalInfo from './personal/index.vue'
import ServiceOrder from './ServiceOrder.vue'
import SiteMessage from './SiteMessage.vue'
// import HelpCenter from './HelpCenter.vue'
import { useStore } from 'vuex'

const store = useStore()
// const userData = computed(() => store.getters.userData)
const hasCos = computed(() => store.getters.appConfigs.hasCos)
const hasFms = computed(() => store.getters.hasFms)
</script>

<style lang="scss">
.right-container {
  display: flex;
  font-size: 18px;
  a {
    color: #b9b9ba;
  }
}
</style>
