uas手机版

  待办列表字段优化

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

@@ -34,11 +34,11 @@ class TaskTodoItem extends Component {
     }
 
     return (
-      <>
+      <div style={{ background: '#f5f5f9' }}>
         {
           rowItems
         }
-      </>
+      </div>
     )
   }
 }

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

@@ -25,14 +25,29 @@ class TaskTodoRow extends Component {
   }
 
   render () {
-    let { rowObj } = this.props
+    let { rowObj: { RA_TASKNAME, PRJNAME, STATUS, STATDATE, RA_ID, RA_TYPE, RECORDER } } = this.props
     return (
-      <div className="tasktodo-list-item-root" onClick={this.onItemClick.bind(this, rowObj.ra_id, rowObj.ra_type)}>
-        <div className="tasktodo-list-left">
-          <div className="tasktodo-list-taskname">{rowObj.taskName}</div>
-          <div className="tasktodo-list-status">{rowObj.status}</div>
+      <div className="tasktodo-list-item-root" onClick={this.onItemClick.bind(this, RA_ID, RA_TYPE)}>
+        <div className="task-des-item">
+          <div className="task-item-caption">任务详情</div>
+          <div className="task-item-value">{RA_TASKNAME}</div>
+        </div>
+        <div className="task-des-item">
+          <div className="task-item-caption">发起人</div>
+          <div className="task-item-value">{RECORDER}</div>
+        </div>
+        <div className="task-des-item">
+          <div className="task-item-caption">项目名称</div>
+          <div className="task-item-value">{PRJNAME || 123}</div>
+        </div>
+        <div className="task-des-item">
+          <div className="task-item-caption">发起时间</div>
+          <div className="task-item-value">{STATDATE}</div>
+        </div>
+        <div className="task-des-item">
+          <div className="task-item-caption">单据状态</div>
+          <div className="task-item-value">{STATUS}</div>
         </div>
-        <div className="tasktodo-list-right">{rowObj.statDate}</div>
       </div>
     )
   }

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

@@ -2,29 +2,35 @@
   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;
+  .task-des-item {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    padding: 5px 10px;
+    font-size: 14px;
+    line-height: 14px;
 
-    .tasktodo-list-taskname {
-      line-height: 22px;
+    .task-item-caption {
+      width: 100px;
+      overflow: hidden;
+      word-wrap: break-word;
+      word-break: normal;
+      color: #666666;
     }
 
-    .tasktodo-list-status {
-      font-size: 12px;
-      color: @com-caption-text-color;
+    .task-item-value {
+      flex: 1;
+      max-height: 80px;
+      padding-left: 10px;
+      overflow: auto;
+      overflow-y: hidden;
+      word-wrap: break-word;
+      word-break: normal;
+      color: #333333;
     }
   }
-
-  .tasktodo-list-right {
-    min-width: 140px;
-    padding: 8px;
-  }
 }

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

@@ -25,6 +25,7 @@ class TaskTodo extends Component {
   }
 
   componentDidMount () {
+    document.title = '待办任务'
     this.getListData()
   }