view.html 6.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <div class="appNode" data-o2-element="appNode">
  2. <div class="menuArea">
  3. <div class="menu" data-o2-element="personMenuNode" >
  4. <div class="menuTitle">
  5. <div class="menuTitleIcon" data-o2-events="o2load:loadApplicationIcon"></div>
  6. <div class="menuTitleText">{{$.data.application.name}}</div>
  7. <div class="menuTitleAction" data-o2-events="click:startProcess">
  8. <icon class="o2WorkApplication icon-add mainColor_color"></icon>
  9. </div>
  10. </div>
  11. <div class="menuItem" data-o2-element="allMenuNode" data-o2-events="click:loadList:all">
  12. <div class="menuItemIcon"><icon class="o2WorkApplication icon-zhankai"></icon></div>
  13. <div class="menuItemText">{{$.lp.mywork}}</div>
  14. </div>
  15. <div style="padding-left:20px" class="menuItem" data-o2-element="taskMenuNode" data-o2-events="click:loadList:task">
  16. <div class="menuItemIcon"><icon class="o2WorkApplication icon-task"></icon></div>
  17. <div class="menuItemCount" data-o2-element="taskCountNode"></div>
  18. <div class="menuItemText">{{$.lp.task}}</div>
  19. </div>
  20. <div style="padding-left:20px" class="menuItem" data-o2-element="taskDoneMenuNode" data-o2-events="click:loadList:taskDone">
  21. <div class="menuItemIcon"><icon class="o2WorkApplication icon-taskDone"></icon></div>
  22. <div class="menuItemCount" data-o2-element="taskCompletedCountNode"></div>
  23. <div class="menuItemText">{{$.lp.taskDone}}</div>
  24. </div>
  25. <div style="padding-left:20px" class="menuItem" data-o2-element="readMenuNode" data-o2-events="click:loadList:read">
  26. <div class="menuItemCount" data-o2-element="readCountNode"></div>
  27. <div class="menuItemIcon"><icon class="o2WorkApplication icon-read"></icon></div>
  28. <div class="menuItemText">{{$.lp.read}}</div>
  29. </div>
  30. <div style="padding-left:20px" class="menuItem" data-o2-element="readDoneMenuNode" data-o2-events="click:loadList:readDone">
  31. <div class="menuItemIcon"><icon class="o2WorkApplication icon-readDone"></icon></div>
  32. <div class="menuItemCount" data-o2-element="readCompletedCountNode"></div>
  33. <div class="menuItemText">{{$.lp.readDone}}</div>
  34. </div>
  35. <div style="padding-left:20px" class="menuItem" data-o2-element="draftMenuNode" data-o2-events="click:loadList:draft">
  36. <div class="menuItemIcon"><icon class="o2WorkApplication icon-draft"></icon></div>
  37. <div class="menuItemCount" data-o2-element="draftCountNode"></div>
  38. <div class="menuItemText">{{$.lp.draft}}</div>
  39. </div>
  40. <div class="menuDivider"></div>
  41. <div class="menuItem" data-o2-events="">
  42. <div class="menuItemIcon"><icon class="o2WorkApplication icon-zhankai"></icon></div>
  43. <div class="menuItemText">{{$.lp.adminwork}}</div>
  44. </div>
  45. <div style="padding-left:20px" class="menuItem" data-o2-element="workMenuNode" data-o2-events="click:loadList:work">
  46. <div class="menuItemIcon"><icon class="o2WorkApplication icon-work"></icon></div>
  47. <div class="menuItemText">{{$.lp.work}}</div>
  48. </div>
  49. <div style="padding-left:20px" class="menuItem" data-o2-element="workCompletedMenuNode" data-o2-events="click:loadList:workCompleted">
  50. <div class="menuItemIcon"><icon class="o2WorkApplication icon-workCompleted"></icon></div>
  51. <div class="menuItemText">{{$.lp.workcompleted}}</div>
  52. </div>
  53. {{if $.acl.isAppManager}}
  54. <div style="padding-left:20px" class="menuItem" data-o2-element="snapMenuNode" data-o2-events="click:loadList:snap">
  55. <div class="menuItemIcon"><icon class="o2WorkApplication icon-snap"></icon></div>
  56. <div class="menuItemText">{{$.lp.workdelete}}</div>
  57. </div>
  58. <div style="padding-left:20px" class="menuItem" data-o2-element="dictMenuNode" data-o2-events="click:loadList:dict">
  59. <div class="menuItemIcon"><icon class="o2WorkApplication icon-dict"></icon></div>
  60. <div class="menuItemText">{{$.lp.dict}}</div>
  61. </div>
  62. <div style="padding-left:20px" class="menuItem" data-o2-element="serialMenuNode" data-o2-events="click:loadList:serial">
  63. <div class="menuItemIcon"><icon class="o2WorkApplication icon-serial"></icon></div>
  64. <div class="menuItemText">{{$.lp.serial}}</div>
  65. </div>
  66. {{end if}}
  67. </div>
  68. </div>
  69. <div class="contentArea" data-o2-element="mainNode">
  70. <div class="content" data-o2-element="contentNode">
  71. <div data-o2-element="searchNode"></div>
  72. <div class="toolBarList" data-o2-element="toolBarNode"></div>
  73. <div class="contentTitle" data-o2-element="listTitleNode">
  74. </div>
  75. <div class="contentList" data-o2-element="listContentNode">
  76. <div class="skeleton" data-o2-element="skeletonNode">
  77. <div class="skeleton_item" style="width: 90%"></div>
  78. <div class="skeleton_item" style="width: 60%"></div>
  79. <div class="skeleton_item"></div>
  80. <div class="skeleton_item" style="width: 70%"></div>
  81. <div class="skeleton_item"></div>
  82. <div class="skeleton_item" style="width: 60%"></div>
  83. <div class="skeleton_item"></div>
  84. <div class="skeleton_item" style="width: 80%"></div>
  85. </div>
  86. </div>
  87. <div class="contentBottom" data-o2-element="listBottomNode">
  88. <div class="contentPageArea">
  89. <div class="firstPage" data-o2-events="click:firstPage">{{$.lp.firstPage}}</div>
  90. <div class="prevPage o2WorkApplication icon-left" data-o2-events="click:prevPage"></div>
  91. <div class="lastPage" data-o2-events="click:lastPage">{{$.lp.lastPage}}</div>
  92. <div class="nextPage o2WorkApplication icon-right" data-o2-events="click:nextPage"></div>
  93. <div class="pageNumberArea" data-o2-element="pageNumberAreaNode"></div>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. </div>