index.jsx 1.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. import React, { Component } from 'react'
  2. import '../../assets/css/reset.less'
  3. import '../../assets/css/iconfont.less'
  4. import './index.less'
  5. export default class WuYeBaoXiuItem extends Component {
  6. state = {
  7. }
  8. componentWillMount () { }
  9. componentDidMount () { }
  10. componentWillUnmount () { }
  11. componentDidShow () { }
  12. componentDidHide () { }
  13. render () {
  14. const { } = this.state
  15. return (
  16. <view className='WuYeBaoXiuItem'>
  17. <view className='Title flex-h'>
  18. <text className='iconfont icongonggongquyu'></text>
  19. <text className='flex-item'>公共区域问题</text>
  20. <text className='Time'>2020/06/08 13:00</text>
  21. </view>
  22. <view className='Name flex-h'>
  23. <text className='flex-item'>1栋3单元2楼-3楼走廊声控灯出现故障</text>
  24. <text className='iconfont iconbianji'></text>
  25. </view>
  26. <view className='Detail flex-h'>
  27. <view className='Line'><view></view></view>
  28. <view className='flex-item'>
  29. <view className='flex-h'>
  30. <text className='flex-item'>正在处理</text>
  31. <text className='Time'>2020/06/08 12:58</text>
  32. </view>
  33. <view className='Desc'>您的报修已经分配给物业处理人员<text className='Name'>郭培军</text>处理,联系方式<text className='Phone'>18266666666</text></view>
  34. </view>
  35. </view>
  36. </view>
  37. )
  38. }
  39. }