99 lines
5.4 KiB
HTML
99 lines
5.4 KiB
HTML
<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header query-list-dialog"
|
|
style="background-color: #fafafa" ng-class="['mode-'+dialog.mode]">
|
|
<div class="kmi-header-row">
|
|
<div class="header-title" ng-bind="dialog.queryTitle | translate"></div>
|
|
<div class="kmi-side-btn right" ng-click="dialog.back();">
|
|
<i class="material-icons">clear</i>
|
|
<div class="kmi-can-click"></div>
|
|
</div>
|
|
</div>
|
|
<div class="kmi-layout-main-content">
|
|
<div class="kmi-layout-page">
|
|
<div class="condition-content" ng-if="dialog.condition">
|
|
<div class="kmi-text-fields" ng-repeat="condition in dialog.condition">
|
|
<input type="text" ng-model="condition.name" disabled="disabled" style="margin-right:8px;"></input>
|
|
<input type="text" ng-model="condition.query_name" style="flex: 0 0 120px;" readonly="readonly"
|
|
ng-click="dialog.loadTypeList(condition,$index);" placeholder="{{'C00.condition'|translate}}"></input>
|
|
<div class="tip" ng-if="!condition.require"><i class="material-icons"></i></div>
|
|
<input type="text" mdl-datepicker="condition.value" ng-if="condition.data_type=='D'" placeholder="{{'C00.date'|translate}}" style="margin-left:8px;"></input>
|
|
<input type="text" mdl-calculater="condition.value" ng-if="condition.data_type=='N'" placeholder="{{'C00.number'|translate}}" style="margin-left:8px;"></input>
|
|
<input type="text" ng-model="condition.value" ng-if="!condition.data_type" placeholder="{{'C00.value'|translate}}" style="margin-left:8px;"></input>
|
|
</div>
|
|
<div class="btn-search">
|
|
<button class="mdl-button mdl-js-button mdl-button--icon mdl-button--icon_prime" ng-click="dialog.search();">
|
|
<i class="material-icons">search</i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="kmi-list column-selector" kmi-scrollbar="{{dialog.scrollbar}}">
|
|
<div id="query_list_header" class="kmi-list__header">
|
|
<div class="kmi-list__column column-check width-fixed" style="flex:0 0 32px"></div>
|
|
</div>
|
|
<div class="kmi-list__row-content">
|
|
<div class="kmi-list__row" ng-class="{'is-select':dialog.IsSelect(item)}" id="query_list"
|
|
ng-repeat="item in dialog.getQueryResults() | orderBy : dialog.orderColumn() : dialog.orderColumnSeq() track by $index">
|
|
<div class="kmi-list__column kmi-list__column-icon column-check" style="flex:0 0 32px">
|
|
<img ng-src="{{item.$is_select?'image/icons/check1.png':'image/icons/check0.png'}}"></img>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="btn-content">
|
|
<div class="page-content" ng-if="dialog.pageInfo" ng-hide="dialog.pageInfo.totalPage == 0">
|
|
<div class="page-icon">
|
|
<i class="material-icons"></i>
|
|
<div class="kmi-can-click" ng-click="dialog.pageInfo.nowPage = (dialog.pageInfo.nowPage-1<1?1:dialog.pageInfo.nowPage-1);"></div>
|
|
</div>
|
|
<label ng-bind="dialog.pageInfo.nowPage+' / '+dialog.pageInfo.totalPage"></label>
|
|
<div class="page-icon">
|
|
<i class="material-icons"></i>
|
|
<div class="kmi-can-click" ng-click="dialog.pageInfo.nowPage = (dialog.pageInfo.nowPage+1>dialog.pageInfo.totalPage?dialog.pageInfo.totalPage:dialog.pageInfo.nowPage+1);"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- 底部 -->
|
|
<div class="dialog-footer" style="display: initial;position: absolute;bottom: 0;left: 0;">
|
|
<div ng-if = "dialog.mode == 'M' " class="left" style="float: left;width: 378px;display: flex;">
|
|
<!-- 全不選 -->
|
|
<div class="kmi-button kmi-button-confrim" ng-click="dialog.UnSelectAll();" style="width: 100px;">
|
|
<label ng-bind="'imes_resources.UNSELECTALL'| translate"></label>
|
|
<div class="kmi-can-click" />
|
|
</div>
|
|
<!-- 全選 -->
|
|
<div class="kmi-button kmi-button-confrim" ng-click="dialog.SelectAll();" style="width: 100px;">
|
|
<div style="display:flex;flex-direction:row;">
|
|
<div class="kmi-button-check"></div>
|
|
<label ng-bind="'imes_resources.SELECTALL'| translate" />
|
|
</div>
|
|
<div class="kmi-can-click" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 底部 -->
|
|
<div class="dialog-footer" style="display: initial;position: absolute;bottom: 0;right: 0;">
|
|
|
|
<div class="right" style="float: right;width: 378px;display: flex;">
|
|
<!-- 取消按鈕 -->
|
|
<div class="kmi-button kmi-button-cancel" ng-click="dialog.back();">
|
|
<label ng-bind="'common.cancel'| translate"></label>
|
|
<div class="kmi-can-click" />
|
|
</div>
|
|
<!-- 確定按鈕 -->
|
|
<div class="kmi-button kmi-button-confirm" ng-click="dialog.confirm();">
|
|
<div style="display:flex;flex-direction:row;">
|
|
<div class="kmi-button-check"></div>
|
|
<label ng-bind="'common.complete'| translate" />
|
|
</div>
|
|
<div class="kmi-can-click" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|