123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191 |
- <style>
- .table > thead > tr > th > label, .table > tbody > tr > td > label {
- height: 10px !important;
- }
- .table > tbody > tr > td > label:before {
- top: 1px !important;
- left: 2px !important;
- }
- .table > thead > tr > th > label:before {
- top: 1px !important;
- }
- .th-checkbox {
- text-align: left !important;
- }
- .typetree {
- border: 1px solid #ddd;
- height: 550px;
- }
- .typetree > .typetop {
- padding: 7px 0px;
- background: #ddd;
- cursor: pointer;
- }
- .typetree > .typebody {
- padding-top: 10px;
- overflow-y: auto;
- overflow-x: hidden;
- height: 517px;
- }
- .col-md-2 {
- padding-right: 7px
- }
- .col-md-10 {
- padding-left: 7px
- }
- .selected-type {
- color: #1a41af;
- font-weight: bold;
- }
- .non-selected-type {
- color: #333333;
- font-weight: none;
- }
- select {
- box-shadow: none !important;
- border: none !important;
- }
- .midbtn {
- margin-bottom: 10px;
- }
- .typetree > .typebody::-webkit-scrollbar { /*滚动条整体样式*/
- width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
- height: 6px;
- }
- .typetree > .typebody::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
- border-radius: 5px;
- -webkit-box-shadow: inset 0 0 5px #F9F9F9;
- background: #ddd;
- }
- .typetree > .typebody::-webkit-scrollbar-track { /*滚动条里面轨道*/
- -webkit-box-shadow: inset 0 0 5px #F9F9F9;
- border-radius: 0;
- background: #F9F9F9;
- }
- </style>
- <div class="modal" tabindex="-1" role="dialog">
- <div class="modal-dialog" style="width:{{fdata.width}}%;">
- <div class="card">
- <div class="header">
- <button type="button" class="close" ng-click="$hide()">×</button>
- <h5 class="modal-title">{{fdata.title}}</h5>
- </div>
- <div class="body" style="padding: 10px 10px 5px 10px;">
- <div class="row">
- <div class="col-md-2">
- <div class="typetree">
- <div class="typetop" ng-class="(selectparams.itemTypeID == null && selectparams.itemType == null)? 'selected-type' : 'non-selected-type'" style="color:#333333;">
- <span style="margin-left:10px;cursor:pointer;" ng-click="selectItemType({ItemTypeId:null})">所有分类</span>
- </div>
- <div class="typebody">
- <ul>
- <li style="list-style:none;" ng-repeat="itemType in itemTypeList" ng-include="'typeNodes.html'">
- </ul>
- <script type="text/ng-template" id="typeNodes.html">
- <li class="row" ng-class="selectparams.itemTypeID == itemType.ItemTypeId ||selectparams.itemType == itemType.ItemTypeId? 'selected-type' : 'non-selected-type'">
- <span ng-click="itemType.show=!itemType.show" >
- <a href="" class="glyphicon" ng-class="itemType.Childrens.length>0?(itemType.show? 'glyphicon-chevron-down' : 'glyphicon-chevron-right'):''"></a>
- <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>
- </span>
- </li>
- <div style="padding: 2px 0px 2px 12px; margin-left: 0px;" ng-hide="!itemType.show">
- <div ng-repeat="itemType in itemType.Childrens" ng-include="'typeNodes.html'" style="cursor: pointer;"></div>
- </div>
- </script>
- </div>
- </div>
- </div>
- <div class="col-md-10">
- <div class="search-param-panel">
- <div class="search-input">
- <div class="row clearfix form-inline">
- <div class="col-lg-2 col-md-2 dj-label">
- <label>物资编码</label>
- </div>
- <div class="col-lg-2 col-md-2">
- <div class="form-group">
- <div class="form-line">
- <input type="text" class="form-control" name="code" ng-model="selectparams.code" />
- </div>
- </div>
- </div>
- <div class="col-lg2 col-md-2 dj-label">
- <label>物资名称</label>
- </div>
- <div class="col-lg2 col-md-2">
- <div class="form-group">
- <div class="form-line">
- <input type="text" class="form-control" name="name" ng-model="selectparams.name" />
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="search-btn">
- <button class="btn btn-default1"
- ng-click="findSData()">
- 查询
- </button>
- </div>
- </div>
- <div class="row">
- <div class="{{fdata.isMulti==true?'col-md-8':'col-md-12'}}" style="margin-bottom: 0px;">
- <div class="panel panel-default">
- <div class="panel-heading">查询列表</div>
- <div style="overflow: auto;">
- <bs-dtable datarows="fdata.items" datacols="fdata.columns"
- ismulti="fdata.isMulti"></bs-dtable>
- </div>
- <pagination data-pageindex="selectparams.pageIndex"
- data-pagesize="selectparams.pageSize"
- data-ptotal="ptotal"></pagination>
- </div>
- </div>
- <div class="col-md-1" style="height: 420px;" ng-show="fdata.isMulti">
- <div class="maddleButton" style="margin-top: 100px;display: inline-block;width: auto;">
- <div class="midbtn">
- <button type="button" class="btn btn-success midbtn" ng-click="addItem()">添加</button>
- </div>
- <div class="midbtn">
- <button type="button" class="btn btn-danger midbtn" ng-click="deleteItem()">删除</button>
- </div>
- </div>
- </div>
- <div class="col-md-3" ng-show="fdata.isMulti">
- <div class="panel panel-default">
- <div class="panel-heading">已选择</div>
- <div class="panel-body" style="overflow: auto; padding: 0px;">
- <select class="form-control"
- style="padding: 5px 0px 5px 10px; font-size: 12px;overflow-y: auto;height: 450px !important;"
- multiple="multiple" ng-model="fdata.selectTemp"
- ng-options="it[dataoptions.selectLabelKey] for it in fdata.selectedJData"
- ng-dblclick="deleteItem(it)"></select>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="modal-footer" style="padding: 0px 10px 10px 10px;">
- <button type="button" class="btn btn-default" ng-click="$hide()">取消</button>
- <button type="button" class="btn btn-primary" ng-click="selectedData()">选择</button>
- </div>
- </div>
- </div>
- </div>
|