审批界面时分秒处理

uas-office-web/wxuasapproval/src/components/tableItem/TableItem.jsx

@@ -120,10 +120,20 @@ export default class TableItem extends Component {
             valueItem = <DatePicker locale={{okText: '确定', dismissText: '取消',}}
                                     className='value-input'
                                     mode={'datetime'}
+                                    extra={'选择时间'}
                                     defaultValue={defaultDate}
                                     placeholder={placeHolder}
                                     format={'YYYY-MM-DD HH:mm:ss'} size='small'
-                                    onChange={this.onDatePicker}/>
+                                    onChange={this.onDatePicker}>
+                                    <DatePickerCustom>
+                                      <div className='form-input-caption'>{billModel.caption}</div>
+                                      <div className={billModel.allowBlank == 'F'
+                                          ? 'form-input-fill'
+                                          : 'visibleHidden'}>*
+                                      </div>
+                                      <div style={{ flex: 1 }}></div>
+                                    </DatePickerCustom>
+                       </DatePicker>
 
           }else {
             valueItem = <DatePicker locale={locale} className='value-input'
@@ -277,3 +287,19 @@ export default class TableItem extends Component {
     }
   }
 }
+
+const DatePickerCustom = ({ extra, onClick, children }) => (
+    <div
+        onClick={onClick}
+        className='form-common-layout'
+    >
+      {children}
+      <span style={{
+        float: 'right',
+        color: '#888',
+        height: '32px',
+        lineHeight: '32px',
+        paddingRight: '12px',
+      }}>{extra}</span>
+    </div>
+)