uas手机版

  待办列表优化

uas-office-web/uas-mobile/src/components/common/bizgoblin/TableChart.jsx

@@ -94,6 +94,9 @@ export default class TableChart extends Component {
       } else {
         message.error('图表数据获取失败')
       }
+      this.setState({
+        loading: false,
+      })
     })
   }
 }

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

@@ -21,6 +21,7 @@ class TaskTodo extends Component {
 
     this.state = {
       data: [],
+      searchValue: '',
       refreshing: false,
       height: document.documentElement.clientHeight,
     }
@@ -49,12 +50,16 @@ class TaskTodo extends Component {
   }
 
   render () {
-    let { data, height } = this.state
+    let { data, height, searchValue } = this.state
 
     return (
       <div className="task-todo-page">
         <SearchBar placeholder='搜索'
-                   onSubmit={value => this.onSubmit(value)}/>
+                   onSubmit={value => this.onSubmit(value)}
+                   onCancel={this.onCancel}
+                   onChange={this.onSearchChange}
+                   value={searchValue}
+        />
 
         <PullToRefresh
           refreshing={this.state.refreshing}
@@ -80,6 +85,7 @@ class TaskTodo extends Component {
         Toast.hide()
         this.setState({
           data: response.data.list,
+          searchData: response.data.list,
           refreshing: false,
         })
       }).catch(error => {
@@ -104,8 +110,30 @@ class TaskTodo extends Component {
   }
 
   //回车搜索事件
-  onSubmit = (value) => {
-    //console.log(value)
+  onSubmit = (val) => {
+    let { searchData } = this.state
+    let dataSource = []
+    searchData.forEach((item, index) => {
+      if (item.RA_TASKNAME.indexOf(val) > -1) {
+        dataSource.push(item)
+      }
+    })
+    this.setState({
+      data: dataSource,
+    })
+  }
+
+  onSearchChange = (val) => {
+    this.setState({
+      searchValue: val,
+    })
+  }
+
+  onCancel = () => {
+    this.getListData()
+    this.setState({
+      searchValue: '',
+    })
   }
 }