148 lines
6.1 KiB
HTML
148 lines
6.1 KiB
HTML
<div class="padding">
|
||
<div class="box">
|
||
<div class="padding">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="form-group">
|
||
<label for="single">Отчет</label>
|
||
<select id="single" class="form-control select2" ui-jp="select2" ui-options="{theme: 'bootstrap'}" ng-model="report_id">
|
||
<optgroup label="Основные">
|
||
<option value="statistics">По статистике</option>
|
||
<option value="realisation">По реализации</option>
|
||
<option value="deleted">По удалениям</option>
|
||
<option value="pay">По отделам и видам оплат</option>
|
||
<option value="staff">По персоналу</option>
|
||
<option value="out">По внешним заказам</option>
|
||
</optgroup>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<div class="form-group">
|
||
<label>С</label>
|
||
<div class='input-group date' ui-jp="datetimepicker" ui-options="{
|
||
format: 'DD.MM.YYYY',
|
||
icons: {
|
||
time: 'fa fa-clock-o',
|
||
date: 'fa fa-calendar',
|
||
up: 'fa fa-chevron-up',
|
||
down: 'fa fa-chevron-down',
|
||
previous: 'fa fa-chevron-left',
|
||
next: 'fa fa-chevron-right',
|
||
today: 'fa fa-screenshot',
|
||
clear: 'fa fa-trash',
|
||
close: 'fa fa-remove'
|
||
}
|
||
}">
|
||
<input type='text' class="form-control" ng-model="start_date" />
|
||
<span class="input-group-addon">
|
||
<i class="material-icons"></i>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-6">
|
||
<div class="form-group">
|
||
<label>По</label>
|
||
<div class='input-group date' ui-jp="datetimepicker" ui-options="{
|
||
format: 'DD.MM.YYYY',
|
||
icons: {
|
||
time: 'fa fa-clock-o',
|
||
date: 'fa fa-calendar',
|
||
up: 'fa fa-chevron-up',
|
||
down: 'fa fa-chevron-down',
|
||
previous: 'fa fa-chevron-left',
|
||
next: 'fa fa-chevron-right',
|
||
today: 'fa fa-screenshot',
|
||
clear: 'fa fa-trash',
|
||
close: 'fa fa-remove'
|
||
}
|
||
}">
|
||
<input type='text' class="form-control" ng-model="end_date" />
|
||
<span class="input-group-addon">
|
||
<i class="material-icons"></i>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<button class="btn info btn-block" ng-click="createReport()">Создать отчет
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="box">
|
||
<div class="padding">
|
||
<h4>История</h4>
|
||
|
||
<hr/>
|
||
|
||
<div class="table-responsive">
|
||
<table class="table table-bordered m-a-0">
|
||
<thead>
|
||
<th>Отчет</th>
|
||
<th>С</th>
|
||
<th>По</th>
|
||
<th style="width: 70px">
|
||
<i class="material-icons"></i>
|
||
</th>
|
||
</thead>
|
||
|
||
<tbody>
|
||
<tr ng-repeat="report in history">
|
||
<td>{{ report.name }}</td>
|
||
<td>{{ report.start_date }}</td>
|
||
<td>{{ report.end_date }}</td>
|
||
<td>
|
||
<button class="btn btn-sm white" ng-click="archiveReport(report.type, report.start_date, report.end_date)">
|
||
<i class="material-icons"></i>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="modal fade" id="report-delete" data-backdrop="true">
|
||
<div ui-include="'../views/reports/items/deleted.html'"></div>
|
||
</div>
|
||
|
||
<div class="modal fade" id="report-realisation" data-backdrop="true">
|
||
<div ui-include="'../views/reports/items/realisation.html'"></div>
|
||
</div>
|
||
|
||
<div class="modal fade" id="report-statistic" data-backdrop="true">
|
||
<div ui-include="'../views/reports/items/statistic.html'"></div>
|
||
</div>
|
||
|
||
<div class="modal fade" id="report-staff" data-backdrop="true">
|
||
<div ui-include="'../views/reports/items/staff.html'"></div>
|
||
</div>
|
||
|
||
<div class="modal fade" id="report-payment" data-backdrop="true">
|
||
<div ui-include="'../views/reports/items/payment.html'"></div>
|
||
</div>
|
||
|
||
<div class="modal fade" id="report-out" data-backdrop="true">
|
||
<div ui-include="'../views/out.html'"></div>
|
||
</div>
|
||
|
||
<script type="text/javascript" src="/libs/js/moment/locale/ru.js"></script>
|
||
|
||
<script type="text/javascript">
|
||
$('.date').on('dp.change', function () {
|
||
$(this).find('input').trigger('change');
|
||
});
|
||
</script> |