modal_tugitemselect.html 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  1. <style>
  2. .table > thead > tr > th > label, .table > tbody > tr > td > label {
  3. height: 10px !important;
  4. }
  5. .table > tbody > tr > td > label:before {
  6. top: 1px !important;
  7. left: 2px !important;
  8. }
  9. .table > thead > tr > th > label:before {
  10. top: 1px !important;
  11. }
  12. .th-checkbox {
  13. text-align: left !important;
  14. }
  15. .typetree {
  16. border: 1px solid #ddd;
  17. height: 550px;
  18. }
  19. .typetree > .typetop {
  20. padding: 7px 0px;
  21. background: #ddd;
  22. cursor: pointer;
  23. }
  24. .typetree > .typebody {
  25. padding-top: 10px;
  26. overflow-y: auto;
  27. overflow-x: hidden;
  28. height: 517px;
  29. }
  30. .col-md-2 {
  31. padding-right: 7px
  32. }
  33. .col-md-10 {
  34. padding-left: 7px
  35. }
  36. .selected-type {
  37. color: #1a41af;
  38. font-weight: bold;
  39. }
  40. .non-selected-type {
  41. color: #333333;
  42. font-weight: none;
  43. }
  44. select {
  45. box-shadow: none !important;
  46. border: none !important;
  47. }
  48. .midbtn {
  49. margin-bottom: 10px;
  50. }
  51. .typetree > .typebody::-webkit-scrollbar { /*滚动条整体样式*/
  52. width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
  53. height: 6px;
  54. }
  55. .typetree > .typebody::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  56. border-radius: 5px;
  57. -webkit-box-shadow: inset 0 0 5px #F9F9F9;
  58. background: #ddd;
  59. }
  60. .typetree > .typebody::-webkit-scrollbar-track { /*滚动条里面轨道*/
  61. -webkit-box-shadow: inset 0 0 5px #F9F9F9;
  62. border-radius: 0;
  63. background: #F9F9F9;
  64. }
  65. </style>
  66. <div class="modal" tabindex="-1" role="dialog">
  67. <div class="modal-dialog" style="width:{{fdata.width}}%;">
  68. <div class="card">
  69. <div class="header">
  70. <button type="button" class="close" ng-click="$hide()">&times;</button>
  71. <h5 class="modal-title">{{fdata.title}}</h5>
  72. </div>
  73. <div class="body" style="padding: 10px 10px 5px 10px;">
  74. <div class="row">
  75. <div class="col-md-2">
  76. <div class="typetree">
  77. <div class="typetop" ng-class="(selectparams.itemTypeID == null && selectparams.itemType == null)? 'selected-type' : 'non-selected-type'" style="color:#333333;">
  78. <span style="margin-left:10px;cursor:pointer;" ng-click="selectItemType({ItemTypeId:null})">所有分类</span>
  79. </div>
  80. <div class="typebody">
  81. <ul>
  82. <li style="list-style:none;" ng-repeat="itemType in itemTypeList" ng-include="'typeNodes.html'">
  83. </ul>
  84. <script type="text/ng-template" id="typeNodes.html">
  85. <li class="row" ng-class="selectparams.itemTypeID == itemType.ItemTypeId ||selectparams.itemType == itemType.ItemTypeId? 'selected-type' : 'non-selected-type'">
  86. <span ng-click="itemType.show=!itemType.show" >
  87. <a href="" class="glyphicon" ng-class="itemType.Childrens.length>0?(itemType.show? 'glyphicon-chevron-down' : 'glyphicon-chevron-right'):''"></a>
  88. <span class="ModulesSpan" style="cursor: pointer; margin-top:2px;" ng-style="{'margin-left': itemType.Childrens.length == 0 ? '12px' : '0px'}" ng-click="selectItemType(itemType)">{{itemType.Name}}</span>
  89. </span>
  90. </li>
  91. <div style="padding: 2px 0px 2px 12px; margin-left: 0px;" ng-hide="!itemType.show">
  92. <div ng-repeat="itemType in itemType.Childrens" ng-include="'typeNodes.html'" style="cursor: pointer;"></div>
  93. </div>
  94. </script>
  95. </div>
  96. </div>
  97. </div>
  98. <div class="col-md-10">
  99. <div class="search-param-panel">
  100. <div class="search-input">
  101. <div class="row clearfix form-inline">
  102. <div class="col-lg-2 col-md-2 dj-label">
  103. <label>物资编码</label>
  104. </div>
  105. <div class="col-lg-2 col-md-2">
  106. <div class="form-group">
  107. <div class="form-line">
  108. <input type="text" class="form-control" name="code" ng-model="selectparams.code" />
  109. </div>
  110. </div>
  111. </div>
  112. <div class="col-lg2 col-md-2 dj-label">
  113. <label>物资名称</label>
  114. </div>
  115. <div class="col-lg2 col-md-2">
  116. <div class="form-group">
  117. <div class="form-line">
  118. <input type="text" class="form-control" name="name" ng-model="selectparams.name" />
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. <div class="search-btn">
  125. <button class="btn btn-default1"
  126. ng-click="findSData()">
  127. 查询
  128. </button>
  129. </div>
  130. </div>
  131. <div class="row">
  132. <div class="{{fdata.isMulti==true?'col-md-8':'col-md-12'}}" style="margin-bottom: 0px;">
  133. <div class="panel panel-default">
  134. <div class="panel-heading">查询列表</div>
  135. <div style="overflow: auto;">
  136. <bs-dtable datarows="fdata.items" datacols="fdata.columns"
  137. ismulti="fdata.isMulti"></bs-dtable>
  138. </div>
  139. <pagination data-pageindex="selectparams.pageIndex"
  140. data-pagesize="selectparams.pageSize"
  141. data-ptotal="ptotal"></pagination>
  142. </div>
  143. </div>
  144. <div class="col-md-1" style="height: 420px;" ng-show="fdata.isMulti">
  145. <div class="maddleButton" style="margin-top: 100px;display: inline-block;width: auto;">
  146. <div class="midbtn">
  147. <button type="button" class="btn btn-success midbtn" ng-click="addItem()">添加</button>
  148. </div>
  149. <div class="midbtn">
  150. <button type="button" class="btn btn-danger midbtn" ng-click="deleteItem()">删除</button>
  151. </div>
  152. </div>
  153. </div>
  154. <div class="col-md-3" ng-show="fdata.isMulti">
  155. <div class="panel panel-default">
  156. <div class="panel-heading">已选择</div>
  157. <div class="panel-body" style="overflow: auto; padding: 0px;">
  158. <select class="form-control"
  159. style="padding: 5px 0px 5px 10px; font-size: 12px;overflow-y: auto;height: 450px !important;"
  160. multiple="multiple" ng-model="fdata.selectTemp"
  161. ng-options="it[dataoptions.selectLabelKey] for it in fdata.selectedJData"
  162. ng-dblclick="deleteItem(it)"></select>
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167. </div>
  168. </div>
  169. </div>
  170. <div class="modal-footer" style="padding: 0px 10px 10px 10px;">
  171. <button type="button" class="btn btn-default" ng-click="$hide()">取消</button>
  172. <button type="button" class="btn btn-primary" ng-click="selectedData()">选择</button>
  173. </div>
  174. </div>
  175. </div>
  176. </div>