@nixweb/nixloc-ui 0.0.293 → 0.0.294
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -36,12 +36,14 @@ export default {
|
|
|
36
36
|
|
|
37
37
|
<style scoped>
|
|
38
38
|
.top {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
top: 5px;
|
|
42
|
-
|
|
43
|
-
|
|
39
|
+
position: fixed;
|
|
40
|
+
padding-left: 30px;
|
|
41
|
+
padding-top: 5px;
|
|
42
|
+
right: 0px;
|
|
43
|
+
height: 58px;
|
|
44
44
|
transition: all 0.3s ease;
|
|
45
|
+
background-color: #FAFAFC;
|
|
46
|
+
z-index: 1000;
|
|
45
47
|
}
|
|
46
48
|
|
|
47
49
|
.top.notCollapsed {
|
|
@@ -49,7 +51,7 @@ export default {
|
|
|
49
51
|
}
|
|
50
52
|
|
|
51
53
|
.top.collapsed {
|
|
52
|
-
left:
|
|
54
|
+
left: 65px;
|
|
53
55
|
}
|
|
54
56
|
|
|
55
57
|
.div-theme {
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div>
|
|
3
|
-
<
|
|
3
|
+
<div class="icon-print" v-print="'#printMe'">
|
|
4
|
+
<i title="Imprimir" class="fas fa-print"></i>
|
|
5
|
+
</div>
|
|
6
|
+
<table id="printMe" class="table table-responsive-xs">
|
|
4
7
|
<thead>
|
|
5
8
|
<tr>
|
|
6
9
|
<th class="td-checkbox" v-if="showChecks">
|
|
7
|
-
<div>
|
|
10
|
+
<div class="hide-print">
|
|
8
11
|
<b-form-checkbox v-model="selectAll" @change="select" />
|
|
9
12
|
</div>
|
|
10
13
|
</th>
|
|
@@ -19,7 +22,7 @@
|
|
|
19
22
|
<draggable v-model="data" tag="tbody" @change="checkMove" :options="{ disabled: !dragAndDrop }">
|
|
20
23
|
<tr v-for="(row, index) in data" :key="index" :style="row.rowCss">
|
|
21
24
|
<td class="td-checkbox" v-if="showChecks">
|
|
22
|
-
<div :class="{ 'center-vertical': row.photo != null }">
|
|
25
|
+
<div class="hide-print" :class="{ 'center-vertical': row.photo != null }">
|
|
23
26
|
<b-form-checkbox v-model="selected" :value="row.id" />
|
|
24
27
|
</div>
|
|
25
28
|
</td>
|
|
@@ -41,6 +44,7 @@
|
|
|
41
44
|
|
|
42
45
|
<script>
|
|
43
46
|
import TableItem from "@nixweb/nixloc-ui/src/component/shared/TableItem.vue";
|
|
47
|
+
import print from "vue-print-nb";
|
|
44
48
|
|
|
45
49
|
import draggable from "vuedraggable";
|
|
46
50
|
|
|
@@ -48,6 +52,9 @@ import { mapState, mapMutations, mapActions } from "vuex";
|
|
|
48
52
|
|
|
49
53
|
export default {
|
|
50
54
|
components: { draggable, TableItem },
|
|
55
|
+
directives: {
|
|
56
|
+
print,
|
|
57
|
+
},
|
|
51
58
|
props: {
|
|
52
59
|
header: Array,
|
|
53
60
|
data: Array,
|
|
@@ -152,4 +159,16 @@ tr:hover {
|
|
|
152
159
|
.drag-and-drop {
|
|
153
160
|
cursor: move;
|
|
154
161
|
}
|
|
162
|
+
|
|
163
|
+
.icon-print {
|
|
164
|
+
font-size: 16px;
|
|
165
|
+
cursor: pointer;
|
|
166
|
+
margin-bottom: 5px;
|
|
167
|
+
width: 100px;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.title-table-print {
|
|
171
|
+
font-size: 13.8px;
|
|
172
|
+
margin-left: 6px;
|
|
173
|
+
}
|
|
155
174
|
</style>
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
:class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
|
|
40
40
|
{{ row[obj.field] | currency }}
|
|
41
41
|
</div>
|
|
42
|
-
<div v-if="obj.type === 'button'" :style="obj.styleBody"
|
|
42
|
+
<div class="hide-print" v-if="obj.type === 'button'" :style="obj.styleBody"
|
|
43
43
|
:class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
|
|
44
44
|
<TableButton v-if="obj.ifFieldEqual == row[obj.field]" :obj="obj" :row="row" />
|
|
45
45
|
</div>
|
|
@@ -171,4 +171,6 @@ export default {
|
|
|
171
171
|
.period-rent {
|
|
172
172
|
cursor: pointer;
|
|
173
173
|
}
|
|
174
|
+
|
|
175
|
+
|
|
174
176
|
</style>
|