<!-- 头部 空间名称 -->
<style lang='less' scoped>
.space-name{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 64rpx;
    margin-left: 40rpx;
    padding-top: 32rpx;
    padding-bottom: 32rpx;
}
.name_text{
    font-family: PingFang SC;
    font-size: 44rpx;
    font-weight: 600;
    line-height: 64px;
}
.room-name {
    display: flex;
    align-items: center;
}
</style>
<template>
    <div class="room-bg">
        <div class="space-name">
            <div class="g-fl room-name">
                <span class="name_text">{{officeData.localName}}</span>
                <has-person
                    v-if="officeData.isPassengerPass !== undefined"
                    :isPassengerPass="officeData.isPassengerPass"
                ></has-person>
            </div>
            <div>
                <residen-work
                    :IsResiden="true"
                    :spaceId="options.spaceId"
                    :userInfo="userInfo"
                ></residen-work>
            </div>
        </div>
    </div>
</template>

<script>
import wepy from '@wepy/core'
import config from '@/config'

wepy.component({
  props: {
    officeData: Object,
    options: Object,
    userInfo: Object
  },
  data: {
    h5StaticPath: config.h5StaticPath + '/page-officehome/'

  },
  computed: {},
  methods: {

  },
    // 生命周期 - 创建完成（可以访问当前this实例）
  created() {

  },
    // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {

  }
})
</script>

<config>
    {
        usingComponents: {
            'has-person':'./has-person.wpy',
            "residen-work":"./residen-work",
        }
    }
</config>
