update UI
add most ui
finish ui for doufm