ui-multiuserselectchange.html 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  1. <!-- <div class="panel panel-info">
  2. <div class="panel-heading">
  3. <strong class="control-label" ng-if="to.label">
  4. {{to.label}}
  5. </strong>
  6. <ul class="panel-heading-tabs border-lightright">
  7. <li>
  8. <div class="pull-right">
  9. <a href="#" class="btn-sm btn-transparent" style="color:#ffffff;"
  10. ng-click="addlist('lg',options,to.modal,model[options.key]);" type="button"><i class="fa fa-plus"></i></a>
  11. </div>
  12. </li>
  13. </ul>
  14. </div>
  15. <div class="panel-body" ng-model="model[options.key]" formly-custom-validation="options.validators">
  16. <div ng-repeat="useritem in model[options.key]" >
  17. <div class="input-group col-xs-12">
  18. <div class="col-xs-2">
  19. <label class="control-label ng-binding ng-scope">姓名*</label>
  20. <div class="input-group">
  21. <input class="form-control" type="text" ng-value="useritem.name" />
  22. </div>
  23. </div>
  24. <div class="col-xs-2">
  25. <label class="control-label">科室</label>
  26. <div class="input-group">
  27. <input class="form-control" ng-value="useritem.department" type="text" />
  28. </div>
  29. </div>
  30. <div class="col-xs-2">
  31. <label class="control-label">邮箱</label>
  32. <div class="input-group">
  33. <input class="form-control" ng-value="useritem.email" type="text"/>
  34. </div>
  35. </div>
  36. <div class="col-xs-2">
  37. <label class="control-label">手机</label>
  38. <div class="input-group">
  39. <input class="form-control" ng-value="useritem.phone" type="text"/>
  40. </div>
  41. </div>
  42. <div class="col-xs-2">
  43. <label class="control-label">电话</label>
  44. <div class="input-group">
  45. <input class="form-control" ng-value="useritem.phone" type="text"/>
  46. </div>
  47. </div>
  48. <div class="col-xs-2">
  49. <div class="input-group">
  50. <button ng-click="remove(useritem.id)">X</button>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. </div> -->
  57. <!-- <div class="container-fluid container-fullw bg-white">
  58. <div class="row panel-heading">
  59. <strong class="control-label" ng-if="to.label">
  60. {{to.label}}
  61. </strong>
  62. <ul class="panel-heading-tabs border-lightright">
  63. <li>
  64. <div class="pull-right">
  65. <a class="btn-sm btn-transparent" style="color:#ffffff;"
  66. ng-click="addlist('lg',options,to.modal,model[options.key]);" type="button"><i class="fa fa-plus"></i></a>
  67. </div>
  68. </li>
  69. </ul>
  70. </div>
  71. <table class="table table-hover" id="sample-table-1">
  72. <thead>
  73. <tr>
  74. <th>名称</th>
  75. <th class="hidden-xs">编号</th>
  76. <th>管理员</th>
  77. <th class="hidden-xs">创建时间</th>
  78. <th></th>
  79. </tr>
  80. </thead>
  81. <tbody>
  82. <tr ng-repeat="useritem in model[options.key]">
  83. <td class="hidden-xs">{{useritem.name}}</td>
  84. <td>{{useritem.account}}</td>
  85. <td>
  86. <a rel="nofollow" target="_blank">
  87. {{useritem.phone}}
  88. </a></td>
  89. <td class="hidden-xs">{{useritem.email}}</td>
  90. <td class="center">
  91. <div class="visible-md visible-lg hidden-sm hidden-xs">
  92. <a ng-click="change(useritem.id)" class="btn btn-transparent btn-xs" tooltip-placement="top" tooltip="Edit"><i class="fa fa-pencil"></i></a>
  93. <a ng-click="remove(useritem.id)" class="btn btn-transparent btn-xs tooltips" tooltip-placement="top" tooltip="Remove"><i class="fa fa-times fa fa-white"></i></a>
  94. </div>
  95. </td>
  96. </tr>
  97. </tbody>
  98. </table>
  99. </div>
  100. </div>
  101. </div> -->
  102. <div class="panel panel-info">
  103. <div class="row panel-heading">
  104. <strong class="control-label" ng-if="to.label">
  105. {{to.label}}
  106. </strong>
  107. <ul class="panel-heading-tabs border-lightright">
  108. <li>
  109. <div class="pull-right">
  110. <a class="btn-sm btn-transparent" style="color:#ffffff;"
  111. ng-click="addlist('lg',options,to.modal,model[options.key]);" type="button"><i class="fa fa-plus"></i></a>
  112. </div>
  113. </li>
  114. </ul>
  115. </div>
  116. <div class="table-responsive">
  117. <table ng-table="tableParams" class="table">
  118. <thead>
  119. <tr>
  120. <th ng-repeat="useritem in options.templateOptions.itemdata">{{useritem.displayName}}</th>
  121. </tr>
  122. </thead>
  123. <tbody ng-repeat="useritem in model[options.key]">
  124. <tr ng-class-odd="'odd'" ng-class-even="'even'">
  125. <td class="rowTd">{{useritem.name}}</td>
  126. <td class="rowTd">{{useritem.account}}</td>
  127. <td class="rowTd" >{{useritem.phone}}</td>
  128. <td class="rowTd">{{useritem.email}}</td>
  129. <!-- <td class="rowTd" data-title="'Email'" sortable="'em'">{{p.em}}</td>
  130. <td class="rowTd" data-title="'Phone'" sortable="'ph'">{{p.ph}}</td> -->
  131. <td class="rowTd" >
  132. <div class="pull-right margin-right-10">
  133. <input type=button class="btn btn-primary btn-o btn-sm" value="修改"
  134. ng-click="setEditId(useritem.account,useritem)">
  135. <input type=button class="btn btn-primary btn-o btn-sm" value="删除"
  136. ng-click="remove(useritem.id)">
  137. <!-- <a ng-click="remove(useritem.id)" class="btn btn-transparent btn-xs tooltips" tooltip-placement="top" tooltip="Remove"><i class="fa fa-times fa fa-white"></i></a> -->
  138. </div></td>
  139. </tr>
  140. <tr ng-show="editId===useritem.account" ng-if="editId===useritem.account">
  141. <td colspan="7" ng-include src="'assets/views/customform/tpl/tableable.html'"></td>
  142. </tr>
  143. </tbody>
  144. </table>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. <!-- <div class="container-fluid container-fullw">
  150. <div class="row">
  151. <div class="col-md-12">
  152. <h5 class="over-title margin-bottom-15">Inline <span class="text-bold">edit example</span></h5>
  153. <div ng-controller="ngTableCtrl6">
  154. <div class="row margin-bottom-10">
  155. <div class="col-md-12">
  156. <button ng-click="tableParams.sorting({})" class="btn btn-default pull-right">
  157. Clear sorting
  158. </button>
  159. </div>
  160. </div>
  161. <strong>Sorting:</strong> {{tableParams.sorting()|json}}
  162. <div class="table-responsive">
  163. <table ng-table="tableParams" class="table">
  164. <tbody ng-repeat="p in $data">
  165. <tr id="tr{{p.id}}" ng-class-odd="'odd'" ng-class-even="'even'">
  166. <td class="rowTd" data-title="'ID'" sortable="'id'">{{p.id}}</td>
  167. <td class="rowTd" data-title="'Firstname'" sortable="'fn'">{{p.fn}}</td>
  168. <td class="rowTd" data-title="'Lastname'" sortable="'ln'">{{p.ln}}</td>
  169. <td class="rowTd" data-title="'Description'" sortable="'dc'">{{p.dc}}</td>
  170. <td class="rowTd" data-title="'Email'" sortable="'em'">{{p.em}}</td>
  171. <td class="rowTd" data-title="'Phone'" sortable="'ph'">{{p.ph}}</td>
  172. <td class="rowTd" >
  173. <div class="pull-right margin-right-10">
  174. <input type=button class="btn btn-primary btn-o btn-sm" id="editRowBtn{{p.id}}" value="edit"
  175. ng-click="setEditId(p.id)">
  176. </div></td>
  177. </tr>
  178. <tr ng-show="editId===p.id" ng-if="editId===p.id">
  179. <td colspan="7" ng-include src="'assets/views/editRow.html'"></td>
  180. </tr>
  181. </tbody>
  182. </table>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. </div>