space-basic.wpy 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!-- 头部 空间名称 -->
  2. <style lang='less' scoped>
  3. .space-name{
  4. display: flex;
  5. justify-content: space-between;
  6. align-items: center;
  7. height: 64rpx;
  8. margin-left: 40rpx;
  9. padding-top: 32rpx;
  10. padding-bottom: 32rpx;
  11. }
  12. .name_text{
  13. font-family: PingFang SC;
  14. font-size: 44rpx;
  15. font-weight: 600;
  16. line-height: 64px;
  17. }
  18. .room-name {
  19. display: flex;
  20. align-items: center;
  21. }
  22. </style>
  23. <template>
  24. <div class="room-bg">
  25. <div class="space-name">
  26. <div class="g-fl room-name">
  27. <span class="name_text">{{officeData.localName || '该空间不可调节'}}</span>
  28. <has-person
  29. v-if="officeData.isPassengerPass !== undefined && IsShowPerson"
  30. :isPassengerPass="officeData.isPassengerPass"
  31. ></has-person>
  32. </div>
  33. <div>
  34. <residen-work
  35. v-if="options.roomType =='开放' && isControlSpace===3 || isControlSpace===4"
  36. :IsResiden="isControlSpace"
  37. :spaceId="options.spaceId"
  38. :userInfo="userInfo"
  39. ></residen-work>
  40. </div>
  41. </div>
  42. </div>
  43. </template>
  44. <script>
  45. import wepy from '@wepy/core'
  46. import config from '@/config'
  47. wepy.component({
  48. props: {
  49. IsShowPerson: Boolean,
  50. officeData: Object,
  51. options: Object,
  52. isControlSpace: Boolean,
  53. userInfo: Object
  54. },
  55. data: {
  56. h5StaticPath: config.h5StaticPath + '/page-officehome/'
  57. },
  58. computed: {},
  59. methods: {
  60. },
  61. // 生命周期 - 创建完成(可以访问当前this实例)
  62. created() {
  63. },
  64. // 生命周期 - 挂载完成(可以访问DOM元素)
  65. mounted() {
  66. }
  67. })
  68. </script>
  69. <config>
  70. {
  71. usingComponents: {
  72. 'has-person':'./has-person.wpy',
  73. "residen-work":"./residen-work",
  74. }
  75. }
  76. </config>