uas手机版

待办列表

uas-office-web/uas-mobile/src/components/private/tasktodo/TaskTodoItem.jsx

@@ -0,0 +1,48 @@
+/**
+ * Created by Hujs on 2020/1204
+ * Desc: 待办事项item
+ */
+
+import React, { Component } from 'react'
+import { connect } from 'react-redux'
+import { isObjEmpty } from '../../../utils/common/common.util'
+import TaskTodoRow from './TaskTodoRow'
+
+class TaskTodoItem extends Component {
+
+  constructor () {
+    super()
+
+    this.state = {}
+  }
+
+  componentDidMount () {
+
+  }
+
+  componentWillUnmount () {
+
+  }
+
+  render () {
+    let { rowList } = this.props
+    const rowItems = []
+    if (!isObjEmpty(rowList)) {
+      rowList.forEach((item, index) => {
+        rowItems.push(<TaskTodoRow rowObj={item} key={index}/>)
+      })
+    }
+
+    return (
+      <>
+        {
+          rowItems
+        }
+      </>
+    )
+  }
+}
+
+let mapStateToProps = (state) => ({})
+
+export default connect(mapStateToProps)(TaskTodoItem)

uas-office-web/uas-mobile/src/components/private/tasktodo/TaskTodoRow.jsx

@@ -0,0 +1,48 @@
+/**
+ * Created by Hujs on 2020/1204
+ * Desc: 待办事项row
+ */
+
+import React, { Component } from 'react'
+import { connect } from 'react-redux'
+import './task-todo-item.less'
+
+class TaskTodoRow extends Component {
+
+  constructor () {
+    super()
+
+    this.state = {}
+  }
+
+  componentDidMount () {
+
+  }
+
+  componentWillUnmount () {
+
+  }
+
+  render () {
+    let { rowObj } = this.props
+    return (
+      <div className="tasktodo-list-item-root" onClick={this.onItemClick.bind(this, rowObj.TaskId)}>
+        <div className="tasktodo-list-left">
+          <div className="tasktodo-list-taskname">{rowObj.taskName}</div>
+          <div className="tasktodo-list-status">{rowObj.status}</div>
+        </div>
+        <div className="tasktodo-list-right">{rowObj.statDate}</div>
+      </div>
+    )
+  }
+
+  onItemClick = (taskId) => {
+    //点击跳详情
+    //console.log(taskId)
+  }
+
+}
+
+let mapStateToProps = (state) => ({})
+
+export default connect(mapStateToProps)(TaskTodoRow)

uas-office-web/uas-mobile/src/components/private/tasktodo/task-todo-item.less

@@ -0,0 +1,30 @@
+.tasktodo-list-item-root {
+  background: #fff;
+  color: @com-text-color-normal;
+  border-radius: 4px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 6px;
+  min-height: 45px;
+
+  .tasktodo-list-left {
+    flex: 1;
+    padding: 8px;
+    word-break: break-all;
+
+    .tasktodo-list-taskname {
+      line-height: 22px;
+    }
+
+    .tasktodo-list-status {
+      font-size: 12px;
+      color: @com-caption-text-color;
+    }
+  }
+
+  .tasktodo-list-right {
+    min-width: 140px;
+    padding: 8px;
+  }
+}

uas-office-web/uas-mobile/src/configs/api.config.js

@@ -28,4 +28,8 @@ export const API = {
   //获取报表菜单
   REPORT_QUERYREPORTLIST: _baseURL +
     '/mobile/appweb/report/queryReportList.action',
+
+  /*******************************待办*************************************/
+  //待办事项目列表
+  APPCOMMON_TASKTODO: _baseURL + '/mobile/appcommon/list/taskToDo.action',
 }

uas-office-web/uas-mobile/src/pages/private/taskTodo/TaskTodo.jsx

@@ -5,17 +5,68 @@
 
 import React, { Component } from 'react'
 import { connect } from 'react-redux'
-import CurrencyList from '../../../pages/common/currencyList/CurrencyList'
+import './task-todo.less'
+import TaskTodoItem from '../../../components/private/tasktodo/TaskTodoItem'
+import { isObjEmpty } from '../../../utils/common/common.util'
+import { message } from 'antd'
+import { Toast, SearchBar } from 'antd-mobile'
+import { fetchPostObj, fetchGet } from '../../../utils/common/fetchRequest'
+import { API } from '../../../configs/api.config'
 
 class TaskTodo extends Component {
 
   constructor () {
     super()
 
-    this.state = {}
+    this.state = {
+      data: [],
+    }
   }
 
   componentDidMount () {
+    const dataArr = [{
+      recorder: '李剑辉',
+      taskName: '费用报销单111111111111111111111111111111111111111111111111111',
+      statDate: '2020-09-32 15:34:32',
+      status: '进行中',
+      TaskId: 2665939,
+    }, {
+      recorder: '李剑辉',
+      taskName: '费用报销单',
+      statDate: '2020-09-38 15:34:38',
+      status: '进行中',
+      TaskId: 2665941,
+    }, {
+      recorder: '李剑辉',
+      taskName: '费用报销单',
+      statDate: '2020-09-37 15:34:37',
+      status: '进行中',
+      TaskId: 2665940,
+    }, {
+      recorder: '詹国胜',
+      taskName: '采购物料',
+      statDate: '2020-10-31 16:23:31',
+      status: '已结案',
+      TaskId: 2666002,
+    }]
+    // Toast.loading('正在获取数据', 0)
+    // fetchGet(API.APPCOMMON_TASKTODO)
+    //   .then(response => {
+    //     Toast.hide()
+    //     // console.log('123', response)
+    //     //message.success('保存成功')
+    //   }).catch(error => {
+    //     Toast.hide()
+    //     if (typeof error === 'string') {
+    //       message.error(error)
+    //     } else {
+    //       message.error('待办事项获取失败')
+    //     }
+    //   })
+
+    this.setState({
+      data: dataArr,
+    })
 
   }
 
@@ -24,12 +75,20 @@ class TaskTodo extends Component {
   }
 
   render () {
+    let { data } = this.state
+
     return (
-      <div>
-        待办
+      <div className="task-todo-page">
+        <SearchBar placeholder='搜索'
+                   onSubmit={value => this.onSubmit(value)}/>
+        <TaskTodoItem rowList={data}/>
       </div>
     )
   }
+
+  onSubmit = (value) => {
+    //console.log(value)
+  }
 }
 
 let mapStateToProps = (state) => ({})

uas-office-web/uas-mobile/src/pages/private/taskTodo/task-todo.less

@@ -0,0 +1,5 @@
+.task-todo-page {
+  min-height: 500px;
+  padding: 8px;
+  background: @com-bg-color-lightGray;
+}