reactMobileApp/src/models/PushOrder/index.js at fd609671391b140d368e09ffd29ea9fdde7bb574 · flyctrl/reactMobileApp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
/*
* @Author: chengbs
* @Date:   2018-04-08 16:18:37
* @Last Modified by:   chengbs
* @Last Modified time: 2018-05-16 18:41:16
*/
import React, { Component } from 'react'
import { Link } from 'react-router-dom'
import * as urls from 'Contants/urls'
import { Grid, Flex } from 'antd-mobile'
import style from './style.css'

const data = [
  {
    icon: 'https://gw.alipayobjects.com/zos/rmsportal/nywPmnTAvTmLusPxHPSu.png',
    text: '项目管理'
  },
  {
    icon: 'https://gw.alipayobjects.com/zos/rmsportal/nywPmnTAvTmLusPxHPSu.png',
    text: '招标发包'
  },
  {
    icon: 'https://gw.alipayobjects.com/zos/rmsportal/nywPmnTAvTmLusPxHPSu.png',
    text: '发布工单'
  },
  {
    icon: 'https://gw.alipayobjects.com/zos/rmsportal/nywPmnTAvTmLusPxHPSu.png',
    text: '指派工单'
  },
  {
    icon: 'https://gw.alipayobjects.com/zos/rmsportal/nywPmnTAvTmLusPxHPSu.png',
    text: '记工记账'
  },
  {
    icon: 'https://gw.alipayobjects.com/zos/rmsportal/nywPmnTAvTmLusPxHPSu.png',
    text: '考勤管理'
  },
  {
    icon: 'https://gw.alipayobjects.com/zos/rmsportal/nywPmnTAvTmLusPxHPSu.png',
    text: '员工管理'
  },
  {
    icon: 'https://gw.alipayobjects.com/zos/rmsportal/nywPmnTAvTmLusPxHPSu.png',
    text: '开具发票'
  },
  {
    icon: 'https://gw.alipayobjects.com/zos/rmsportal/nywPmnTAvTmLusPxHPSu.png',
    text: '合同管理'
  },
  {
    icon: 'https://gw.alipayobjects.com/zos/rmsportal/nywPmnTAvTmLusPxHPSu.png',
    text: '结算管理'
  }
]
class Workplat extends Component {
  render() {
    return (
      <div>
        <div className={style['subTitle']}>功能操作</div>
        <Grid data={data} className={style['grid']} columnNum={5} hasLine={false} activeStyle={false} renderItem={dataItem => (
          <div className={style['padd5']}>
            <img src={dataItem.icon} className={style['dataItemImg']} alt={dataItem.text} />
            <div className={style['dataItemText']}>
              <span>{dataItem.text}</span>
            </div>
          </div>
        )}
        />
        <div className={style['paddR10']}><Flex justify='between' className={style['subTitle']}>任务日历<Link style={{ color: '#0000ff' }} to={urls.TASKLIST}>切换列表</Link></Flex></div>
        <div className={style['padd10']}>
          <dl>
            <dt><span>北京好望山一期</span><em>开工</em></dt>
            <dd><span className={style['prolist']}>工期：3月20日-3月31日（共12 天）</span><span className={style['during']}>开工中</span></dd>
            <dd><span className={style['auto']}>计价模式：日结</span><span>工资：<em>300</em>元/天</span></dd>
            <dd><span className={style['auto']}>联系人：李晓菲</span><a>聊天</a><a>电话</a></dd>
          </dl>
        </div>
      </div>
    )
  }
}

export default Workplat