feat: add Тип column to allEquipment table; compress Владелец on mobile
- Add Тип (equipment type) column between Кол-во and Владелец - allequip-table: table-layout fixed with explicit column widths - Владелец: 60px (compressed), Название gets remaining space Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -5,7 +5,7 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<title>АСУ Инвентаризация</title>
|
<title>АСУ Инвентаризация</title>
|
||||||
<link rel="stylesheet" href="/app/bootstrap.min.css" />
|
<link rel="stylesheet" href="/app/bootstrap.min.css" />
|
||||||
<link rel="stylesheet" href="/app/styles.css?v=5" />
|
<link rel="stylesheet" href="/app/styles.css?v=6" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header class="no-print">
|
<header class="no-print">
|
||||||
@@ -226,7 +226,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="status no-print" :class="{error: !!error}">{{ status }}</div>
|
<div class="status no-print" :class="{error: !!error}">{{ status }}</div>
|
||||||
<div class="table-responsive">
|
<div class="table-responsive">
|
||||||
<table class="table datatable">
|
<table class="table datatable allequip-table">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="num-col">№</th>
|
<th scope="col" class="num-col">№</th>
|
||||||
@@ -235,6 +235,7 @@
|
|||||||
<th scope="col" class="aud-col">Аудитория</th>
|
<th scope="col" class="aud-col">Аудитория</th>
|
||||||
<th scope="col">Расположение</th>
|
<th scope="col">Расположение</th>
|
||||||
<th scope="col" class="no-print">Кол-во</th>
|
<th scope="col" class="no-print">Кол-во</th>
|
||||||
|
<th scope="col" class="no-print">Тип</th>
|
||||||
<th scope="col" class="no-print">Владелец</th>
|
<th scope="col" class="no-print">Владелец</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
@@ -246,6 +247,7 @@
|
|||||||
<td class="aud-col">{{ getAuditoryName(it.aud_id) }}</td>
|
<td class="aud-col">{{ getAuditoryName(it.aud_id) }}</td>
|
||||||
<td class="rasp">{{ it.raspologenie ?? '' }}</td>
|
<td class="rasp">{{ it.raspologenie ?? '' }}</td>
|
||||||
<td class="no-print">{{ it.kolichestvo ?? '' }}</td>
|
<td class="no-print">{{ it.kolichestvo ?? '' }}</td>
|
||||||
|
<td class="no-print">{{ it.type?.name ?? '' }}</td>
|
||||||
<td class="no-print">{{ it.owner?.name ?? '' }}</td>
|
<td class="no-print">{{ it.owner?.name ?? '' }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
|
|||||||
@@ -217,6 +217,34 @@ td.inv-col, th.inv-col {
|
|||||||
.byaud-table th:nth-child(7),
|
.byaud-table th:nth-child(7),
|
||||||
.byaud-table td:nth-child(7) { width: 88px; }
|
.byaud-table td:nth-child(7) { width: 88px; }
|
||||||
|
|
||||||
|
/* allEquipment table: fixed layout */
|
||||||
|
.allequip-table {
|
||||||
|
table-layout: fixed;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
/* № */
|
||||||
|
.allequip-table th:nth-child(1),
|
||||||
|
.allequip-table td:nth-child(1) { width: 24px; }
|
||||||
|
/* Инв. номер */
|
||||||
|
.allequip-table th:nth-child(2),
|
||||||
|
.allequip-table td:nth-child(2) { width: 58px; }
|
||||||
|
/* Название — remaining space */
|
||||||
|
/* Аудитория */
|
||||||
|
.allequip-table th:nth-child(4),
|
||||||
|
.allequip-table td:nth-child(4) { width: 52px; }
|
||||||
|
/* Расположение */
|
||||||
|
.allequip-table th:nth-child(5),
|
||||||
|
.allequip-table td:nth-child(5) { width: 72px; }
|
||||||
|
/* Кол-во */
|
||||||
|
.allequip-table th:nth-child(6),
|
||||||
|
.allequip-table td:nth-child(6) { width: 28px; }
|
||||||
|
/* Тип */
|
||||||
|
.allequip-table th:nth-child(7),
|
||||||
|
.allequip-table td:nth-child(7) { width: 52px; }
|
||||||
|
/* Владелец — compressed */
|
||||||
|
.allequip-table th:nth-child(8),
|
||||||
|
.allequip-table td:nth-child(8) { width: 60px; }
|
||||||
|
|
||||||
.owner-td select {
|
.owner-td select {
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
|||||||
Reference in New Issue
Block a user