group.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. {extend name="common/common2" /}
  2. {block name="main"}
  3. <style>
  4. .widget{
  5. cursor: pointer;
  6. height: 100px;
  7. }
  8. .gray-bg{
  9. color: #333333;
  10. }
  11. .col-xs-9{
  12. padding-right: 0;
  13. }
  14. h3{
  15. font-size: 14px;
  16. }
  17. .line1 {
  18. overflow: hidden;
  19. text-overflow: ellipsis;
  20. display: box;
  21. display: -webkit-box;
  22. line-clamp: 1;
  23. box-orient: vertical;
  24. -webkit-line-clamp: 1;
  25. -webkit-box-orient: vertical;
  26. word-break: break-all;
  27. }
  28. .line2 {
  29. overflow: hidden;
  30. text-overflow: ellipsis;
  31. display: box;
  32. display: -webkit-box;
  33. line-clamp: 2;
  34. box-orient: vertical;
  35. -webkit-line-clamp: 2;
  36. -webkit-box-orient: vertical;
  37. word-break: break-all;
  38. }
  39. </style>
  40. <div class="row">
  41. <div class="col-sm-12">
  42. <div class="ibox float-e-margins">
  43. <div class="ibox-title">
  44. <h5>网格化管理 ({$hours['start']} ~ {$hours['end']})</h5>
  45. </div>
  46. <div class="ibox-content">
  47. <p class="text-danger">注意:灰色代表未完成任务,绿色代表完成任务,黄色代表有品质整改中任务</p>
  48. <div class="row">
  49. {volist name="lists" id="v"}
  50. <a href="javascript:;" url="{:url('record',['id'=>$v['id'],'s'=>$hours['start'],'e'=>$hours['end']])}" data-title="提交记录" onclick="layer_open(this,0)">
  51. <div class="col-sm-2">
  52. {if condition="$v['zc'] eq 1"}
  53. <div class="widget style1 navy-bg">
  54. <div class="row">
  55. <div class="col-xs-9 text-left">
  56. <h3 class="font-bold line2">{$v.title}</h3>
  57. <h5 class="line2"> {$v.users} </h5>
  58. </div>
  59. <div class="col-xs-3">
  60. <h1 class="font-bold text-center">{$v.count}</h1>
  61. </div>
  62. </div>
  63. </div>
  64. {/if}
  65. {if condition="$v['zc'] eq 0"}
  66. <div class="widget style1 gray-bg">
  67. <div class="row">
  68. <div class="col-xs-9 text-left">
  69. <h3 class="font-bold line2">{$v.title}</h3>
  70. <h5 class="line2"> {$v.users} </h5>
  71. </div>
  72. <div class="col-xs-3">
  73. <h1 class="font-bold text-center">{$v.count}</h1>
  74. </div>
  75. </div>
  76. </div>
  77. {/if}
  78. {if condition="$v['zc'] eq 2"}
  79. <div class="widget style1 yellow-bg">
  80. <div class="row">
  81. <div class="col-xs-9 text-left">
  82. <h3 class="font-bold line2">{$v.title}</h3>
  83. <h5 class="line2"> {$v.users} </h5>
  84. </div>
  85. <div class="col-xs-3">
  86. <h1 class="font-bold text-center">{$v.count}</h1>
  87. </div>
  88. </div>
  89. </div>
  90. {/if}
  91. </div>
  92. </a>
  93. {/volist}
  94. <!-- <a href="javascript:;" url="{:url('record',['id'=>1,'start'=>1,'end'=>1])}" data-title="提交记录" onclick="layer_open(this,0)">-->
  95. <!-- <div class="col-sm-2">-->
  96. <!-- <div class="widget style1 navy-bg">-->
  97. <!-- <div class="row">-->
  98. <!-- <div class="col-xs-9 text-left">-->
  99. <!-- <h3 class="font-bold line2">住院部大厅厕所2</h3>-->
  100. <!-- <h5 class="line2"> 保洁工人,张小奇(调度) </h5>-->
  101. <!-- </div>-->
  102. <!-- <div class="col-xs-3">-->
  103. <!-- <h1 class="font-bold text-center">1</h1>-->
  104. <!-- </div>-->
  105. <!-- </div>-->
  106. <!-- </div>-->
  107. <!-- </div>-->
  108. <!-- </a>-->
  109. <!-- <a href="javascript:;" url="{:url('record',['id'=>1,'start'=>1,'end'=>1])}" data-title="提交记录" onclick="layer_open(this,0)">-->
  110. <!-- <div class="col-sm-2">-->
  111. <!-- <div class="widget style1 yellow-bg">-->
  112. <!-- <div class="row">-->
  113. <!-- <div class="col-xs-9 text-left">-->
  114. <!-- <h3 class="font-bold line2">住院部大厅厕所3</h3>-->
  115. <!-- <h5 class="line2"> 保洁工人,张小奇(调度) </h5>-->
  116. <!-- </div>-->
  117. <!-- <div class="col-xs-3">-->
  118. <!-- <h1 class="font-bold text-center">1</h1>-->
  119. <!-- </div>-->
  120. <!-- </div>-->
  121. <!-- </div>-->
  122. <!-- </div>-->
  123. <!-- </a>-->
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. </div>
  129. {/block}
  130. {block name="script"}
  131. <script>
  132. </script>
  133. {/block}