@opengis/admin 0.1.13 → 0.1.15
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/dist/{add-page-D-5feL0y.js → add-page-CfJc5bjM.js} +1 -1
- package/dist/{admin-interface-BCKLKiHp.js → admin-interface-CiYzG2NM.js} +162 -157
- package/dist/{admin-view-CtkujtDv.js → admin-view-LqLuXpCN.js} +1 -1
- package/dist/admin.js +1 -1
- package/dist/admin.umd.cjs +3 -3
- package/dist/card-page-7uHNNziD.js +194 -0
- package/dist/{card-view-pyDKvjtq.js → card-view-DW4_NM5R.js} +1 -1
- package/dist/{edit-page-BtBLz-_b.js → edit-page-BgL7NUrZ.js} +1 -1
- package/dist/{import-file-CBAkm6Oe.js → import-file-BAbTF5uU.js} +7 -7
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/card-page-CzyADTAX.js +0 -192
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { _ as b, a as
|
|
1
|
+
import { _ as b, a as w } from "./import-file-BAbTF5uU.js";
|
|
2
2
|
import { u as B } from "./userMenu-CT1xO2Pt.js";
|
|
3
|
-
import { openBlock as a, createElementBlock as i, createStaticVNode as V, createTextVNode as v, toDisplayString as $, createCommentVNode as
|
|
3
|
+
import { openBlock as a, createElementBlock as i, createStaticVNode as V, createTextVNode as v, toDisplayString as $, createCommentVNode as M, createElementVNode as l, Fragment as x, resolveComponent as u, createVNode as p, withCtx as y, createBlock as k, withModifiers as N, renderList as C, withDirectives as E, vModelCheckbox as R, vModelText as G, resolveDynamicComponent as W, Transition as J, vShow as K } from "vue";
|
|
4
4
|
const Q = {}, X = {
|
|
5
5
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6
6
|
viewBox: "0 0 24 24",
|
|
@@ -11,7 +11,7 @@ const Q = {}, X = {
|
|
|
11
11
|
"stroke-linejoin": "round",
|
|
12
12
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-adjustments-horizontal"
|
|
13
13
|
};
|
|
14
|
-
function Y(e, t, r, o,
|
|
14
|
+
function Y(e, t, r, o, s, n) {
|
|
15
15
|
return a(), i("svg", X, t[0] || (t[0] = [
|
|
16
16
|
V('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M4 6l8 0"></path><path d="M16 6l4 0"></path><path d="M8 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M4 12l2 0"></path><path d="M10 12l10 0"></path><path d="M17 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M4 18l11 0"></path><path d="M19 18l1 0"></path>', 10)
|
|
17
17
|
]));
|
|
@@ -62,11 +62,11 @@ const Z = /* @__PURE__ */ b(Q, [["render", Y]]), tt = {
|
|
|
62
62
|
},
|
|
63
63
|
handleClickSortBtn(e) {
|
|
64
64
|
this.$emit("change-active", this.data.name), this.currentSort = this.changeCurrentSort(e);
|
|
65
|
-
const t = this.$route.query, { sort: r, ...o } = t,
|
|
65
|
+
const t = this.$route.query, { sort: r, ...o } = t, s = this.currentSort ? `${this.data.name}-${this.currentSort}` : "";
|
|
66
66
|
this.$router.replace({
|
|
67
67
|
query: {
|
|
68
68
|
...o,
|
|
69
|
-
...
|
|
69
|
+
...s && { sort: s }
|
|
70
70
|
}
|
|
71
71
|
});
|
|
72
72
|
},
|
|
@@ -91,27 +91,27 @@ const Z = /* @__PURE__ */ b(Q, [["render", Y]]), tt = {
|
|
|
91
91
|
}, lt = {
|
|
92
92
|
key: 0,
|
|
93
93
|
d: "m7 15 5 5 5-5"
|
|
94
|
-
},
|
|
94
|
+
}, st = {
|
|
95
95
|
key: 1,
|
|
96
96
|
d: "m7 9 5-5 5 5"
|
|
97
|
-
},
|
|
97
|
+
}, nt = {
|
|
98
98
|
key: 1,
|
|
99
99
|
class: "text-sm text-gray-800 px-[4px] py-2.5 text-start font-normal text-gray-500"
|
|
100
100
|
};
|
|
101
|
-
function at(e, t, r, o,
|
|
101
|
+
function at(e, t, r, o, s, n) {
|
|
102
102
|
return a(), i("th", et, [
|
|
103
|
-
|
|
103
|
+
n.getVisibleIcon ? (a(), i("button", {
|
|
104
104
|
key: 0,
|
|
105
105
|
type: "button",
|
|
106
106
|
class: "text-sm text-gray-800 px-[4px] py-2.5 text-start font-normal text-gray-500 flex items-center gap-[6px]",
|
|
107
|
-
onClick: t[0] || (t[0] = (m) =>
|
|
107
|
+
onClick: t[0] || (t[0] = (m) => n.handleClickSortBtn(s.currentSort))
|
|
108
108
|
}, [
|
|
109
|
-
v($(
|
|
109
|
+
v($(n.label) + " ", 1),
|
|
110
110
|
(a(), i("svg", rt, [
|
|
111
|
-
|
|
112
|
-
|
|
111
|
+
s.currentSort === "asc" || s.currentSort === "" ? (a(), i("path", lt)) : M("", !0),
|
|
112
|
+
s.currentSort === "desc" || s.currentSort === "" ? (a(), i("path", st)) : M("", !0)
|
|
113
113
|
]))
|
|
114
|
-
])) : (a(), i("p",
|
|
114
|
+
])) : (a(), i("p", nt, $(n.label), 1))
|
|
115
115
|
]);
|
|
116
116
|
}
|
|
117
117
|
const ot = /* @__PURE__ */ b(tt, [["render", at]]), it = {}, ct = {
|
|
@@ -124,7 +124,7 @@ const ot = /* @__PURE__ */ b(tt, [["render", at]]), it = {}, ct = {
|
|
|
124
124
|
"stroke-linejoin": "round",
|
|
125
125
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-dots-vertical"
|
|
126
126
|
};
|
|
127
|
-
function ut(e, t, r, o,
|
|
127
|
+
function ut(e, t, r, o, s, n) {
|
|
128
128
|
return a(), i("svg", ct, t[0] || (t[0] = [
|
|
129
129
|
l("path", {
|
|
130
130
|
stroke: "none",
|
|
@@ -146,7 +146,7 @@ const dt = /* @__PURE__ */ b(it, [["render", ut]]), ht = {}, pt = {
|
|
|
146
146
|
"stroke-linecap": "round",
|
|
147
147
|
"stroke-linejoin": "round"
|
|
148
148
|
};
|
|
149
|
-
function mt(e, t, r, o,
|
|
149
|
+
function mt(e, t, r, o, s, n) {
|
|
150
150
|
return a(), i("svg", pt, t[0] || (t[0] = [
|
|
151
151
|
V('<path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1="10" x2="10" y1="11" y2="17"></line><line x1="14" x2="14" y1="11" y2="17"></line>', 5)
|
|
152
152
|
]));
|
|
@@ -158,7 +158,7 @@ const bt = /* @__PURE__ */ b(ht, [["render", mt]]), ft = {
|
|
|
158
158
|
color: { type: String, default: "black" }
|
|
159
159
|
}
|
|
160
160
|
}, gt = { style: { display: "none" } }, xt = ["height", "width", "fill"];
|
|
161
|
-
function yt(e, t, r, o,
|
|
161
|
+
function yt(e, t, r, o, s, n) {
|
|
162
162
|
return a(), i(x, null, [
|
|
163
163
|
(a(), i("svg", gt, t[0] || (t[0] = [
|
|
164
164
|
l("symbol", {
|
|
@@ -184,7 +184,7 @@ const _t = /* @__PURE__ */ b(ft, [["render", yt]]), kt = {
|
|
|
184
184
|
IconEdit: _t
|
|
185
185
|
},
|
|
186
186
|
emits: ["updateTable"],
|
|
187
|
-
props: { item: Object, table: String },
|
|
187
|
+
props: { item: Object, table: String, isForm: null },
|
|
188
188
|
data() {
|
|
189
189
|
return {
|
|
190
190
|
formVisible: !1,
|
|
@@ -201,7 +201,7 @@ const _t = /* @__PURE__ */ b(ft, [["render", yt]]), kt = {
|
|
|
201
201
|
async getData() {
|
|
202
202
|
var e;
|
|
203
203
|
try {
|
|
204
|
-
const { data: t } = await
|
|
204
|
+
const { data: t } = await w.get(
|
|
205
205
|
`/api/table/${this.table}/${(e = this.item) == null ? void 0 : e.id}`
|
|
206
206
|
);
|
|
207
207
|
this.formValue = t;
|
|
@@ -215,7 +215,7 @@ const _t = /* @__PURE__ */ b(ft, [["render", yt]]), kt = {
|
|
|
215
215
|
async deleteElement() {
|
|
216
216
|
var e;
|
|
217
217
|
try {
|
|
218
|
-
|
|
218
|
+
w.delete(`/api/table/${this.table}/${(e = this.item) == null ? void 0 : e.id}`), this.$notify({
|
|
219
219
|
title: "Успішно!",
|
|
220
220
|
message: "Об`єкт успішно видалeно",
|
|
221
221
|
type: "success"
|
|
@@ -233,12 +233,15 @@ const _t = /* @__PURE__ */ b(ft, [["render", yt]]), kt = {
|
|
|
233
233
|
id: "hs-pro-dupc1",
|
|
234
234
|
type: "button",
|
|
235
235
|
class: "gap-x-2 p-2 rounded-lg hover:border-transparent focus:outline-none text-black hover:bg-gray-50"
|
|
236
|
-
}, Ct = { class: "pt-[7px] pb-[7px] flex flex-col items-start" }, $t = {
|
|
237
|
-
|
|
238
|
-
|
|
236
|
+
}, Ct = { class: "pt-[7px] pb-[7px] flex flex-col items-start" }, $t = {
|
|
237
|
+
key: 1,
|
|
238
|
+
class: "h-[1px] w-[80%] bg-gray-200 ml-auto mr-auto mt-[10px] mb-[10px]"
|
|
239
|
+
}, Mt = { class: "p-4" }, St = { class: "mt-4 flex justify-end gap-x-3" };
|
|
240
|
+
function Tt(e, t, r, o, s, n) {
|
|
241
|
+
const m = u("IconMore"), c = u("IconEdit"), f = u("router-link"), g = u("IconDelete"), S = u("VsPopover"), I = u("VsDialog");
|
|
239
242
|
return a(), i(x, null, [
|
|
240
243
|
l("div", wt, [
|
|
241
|
-
p(
|
|
244
|
+
p(S, {
|
|
242
245
|
trigger: "click",
|
|
243
246
|
placement: "left"
|
|
244
247
|
}, {
|
|
@@ -251,11 +254,12 @@ function St(e, t, r, o, n, s) {
|
|
|
251
254
|
])
|
|
252
255
|
]),
|
|
253
256
|
default: y(() => {
|
|
254
|
-
var _,
|
|
257
|
+
var _, T, F;
|
|
255
258
|
return [
|
|
256
259
|
l("div", Ct, [
|
|
257
|
-
|
|
258
|
-
|
|
260
|
+
r.isForm ? (a(), k(f, {
|
|
261
|
+
key: 0,
|
|
262
|
+
to: `/edit?table=${(T = (_ = e.$route) == null ? void 0 : _.params) == null ? void 0 : T.catchAll}&id=${(F = r.item) == null ? void 0 : F.id}`,
|
|
259
263
|
class: "w-[100px] ml-[2px] flex items-center justify-center gap-x-3 rounded-lg text-[13px] text-gray-800"
|
|
260
264
|
}, {
|
|
261
265
|
default: y(() => [
|
|
@@ -263,10 +267,10 @@ function St(e, t, r, o, n, s) {
|
|
|
263
267
|
t[4] || (t[4] = v(" Редагувати "))
|
|
264
268
|
]),
|
|
265
269
|
_: 1
|
|
266
|
-
}, 8, ["to"]),
|
|
267
|
-
|
|
270
|
+
}, 8, ["to"])) : M("", !0),
|
|
271
|
+
r.isForm ? (a(), i("div", $t)) : M("", !0),
|
|
268
272
|
l("button", {
|
|
269
|
-
onClick: t[0] || (t[0] = N((...D) =>
|
|
273
|
+
onClick: t[0] || (t[0] = N((...D) => n.openConfirm && n.openConfirm(...D), ["stop"])),
|
|
270
274
|
type: "button",
|
|
271
275
|
class: "w-[100px] flex items-center justify-center gap-x-3 rounded-lg text-[14px] text-red-500"
|
|
272
276
|
}, [
|
|
@@ -280,23 +284,23 @@ function St(e, t, r, o, n, s) {
|
|
|
280
284
|
})
|
|
281
285
|
]),
|
|
282
286
|
p(I, {
|
|
283
|
-
visible:
|
|
284
|
-
"onUpdate:visible": t[3] || (t[3] = (_) =>
|
|
287
|
+
visible: s.isDeleteConfirm,
|
|
288
|
+
"onUpdate:visible": t[3] || (t[3] = (_) => s.isDeleteConfirm = _),
|
|
285
289
|
title: "Ви впевнені?"
|
|
286
290
|
}, {
|
|
287
291
|
default: y(() => [
|
|
288
|
-
l("div",
|
|
289
|
-
t[
|
|
290
|
-
l("div",
|
|
292
|
+
l("div", Mt, [
|
|
293
|
+
t[6] || (t[6] = l("p", { class: "mt-1 text-gray-500 dark:text-neutral-500" }, " Ви впевнені, що хочете видалити цей об'єкт? ", -1)),
|
|
294
|
+
l("div", St, [
|
|
291
295
|
l("button", {
|
|
292
296
|
type: "button",
|
|
293
297
|
class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg border border-gray-200 bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-50 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
|
|
294
|
-
onClick: t[1] || (t[1] = (_) =>
|
|
298
|
+
onClick: t[1] || (t[1] = (_) => s.isDeleteConfirm = !1)
|
|
295
299
|
}, " Скасувати "),
|
|
296
300
|
l("button", {
|
|
297
301
|
type: "button",
|
|
298
302
|
class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent bg-red-500 text-white hover:bg-red-600 disabled:opacity-50 disabled:pointer-events-none",
|
|
299
|
-
onClick: t[2] || (t[2] = (..._) =>
|
|
303
|
+
onClick: t[2] || (t[2] = (..._) => n.deleteElement && n.deleteElement(..._))
|
|
300
304
|
}, " Так, я впевнена/ий ")
|
|
301
305
|
])
|
|
302
306
|
])
|
|
@@ -305,7 +309,7 @@ function St(e, t, r, o, n, s) {
|
|
|
305
309
|
}, 8, ["visible"])
|
|
306
310
|
], 64);
|
|
307
311
|
}
|
|
308
|
-
const
|
|
312
|
+
const Ft = /* @__PURE__ */ b(kt, [["render", Tt]]), Dt = {}, At = {
|
|
309
313
|
class: "flex-shrink-0 mt-0.5 size-3.5",
|
|
310
314
|
xmlns: "http://www.w3.org/2000/svg",
|
|
311
315
|
viewBox: "0 0 24 24",
|
|
@@ -315,7 +319,7 @@ const Tt = /* @__PURE__ */ b(kt, [["render", St]]), Dt = {}, At = {
|
|
|
315
319
|
"stroke-linecap": "round",
|
|
316
320
|
"stroke-linejoin": "round"
|
|
317
321
|
};
|
|
318
|
-
function
|
|
322
|
+
function Vt(e, t, r, o, s, n) {
|
|
319
323
|
return a(), i("svg", At, t[0] || (t[0] = [
|
|
320
324
|
l("path", { d: "m3 16 4 4 4-4" }, null, -1),
|
|
321
325
|
l("path", { d: "M7 20V4" }, null, -1),
|
|
@@ -323,7 +327,7 @@ function Ft(e, t, r, o, n, s) {
|
|
|
323
327
|
l("path", { d: "M17 4v16" }, null, -1)
|
|
324
328
|
]));
|
|
325
329
|
}
|
|
326
|
-
const
|
|
330
|
+
const It = /* @__PURE__ */ b(Dt, [["render", Vt]]), Bt = {
|
|
327
331
|
props: {
|
|
328
332
|
columns: { type: Object, default: () => {
|
|
329
333
|
} },
|
|
@@ -339,7 +343,7 @@ const Vt = /* @__PURE__ */ b(Dt, [["render", Ft]]), It = {
|
|
|
339
343
|
methods: {
|
|
340
344
|
async exportTable() {
|
|
341
345
|
try {
|
|
342
|
-
const e = await
|
|
346
|
+
const e = await w.get("/api/export", {
|
|
343
347
|
params: {
|
|
344
348
|
table: this.table,
|
|
345
349
|
format: this.format,
|
|
@@ -369,15 +373,15 @@ const Vt = /* @__PURE__ */ b(Dt, [["render", Ft]]), It = {
|
|
|
369
373
|
this.format = e;
|
|
370
374
|
}
|
|
371
375
|
}
|
|
372
|
-
},
|
|
373
|
-
function
|
|
376
|
+
}, Et = { class: "p-4" }, jt = { class: "pb-5 mb-5 last:pb-0 last:mb-0 border-b last:border-b-0 border-gray-200 dark:border-neutral-700" }, zt = { class: "mt-2 flex row flex-wrap gap-y-[5px] gap-x-[10px]" }, Pt = { class: "pb-5 mb-5 last:pb-0 last:mb-0 border-b last:border-b-0 border-gray-200 dark:border-neutral-700" }, Ut = { class: "mt-2 space-y-2" }, Ot = ["id", "onChange"], Ht = ["for"], qt = { class: "pb-5 last:pb-0 last:mb-0 border-b last:border-b-0 border-gray-200 dark:border-neutral-700" }, Lt = { class: "text-center" };
|
|
377
|
+
function Nt(e, t, r, o, s, n) {
|
|
374
378
|
const m = u("VsCheckbox");
|
|
375
379
|
return a(), i(x, null, [
|
|
376
380
|
t[4] || (t[4] = l("div", { class: "dark:border-neutral-700" }, null, -1)),
|
|
377
|
-
l("div",
|
|
378
|
-
l("div",
|
|
381
|
+
l("div", Et, [
|
|
382
|
+
l("div", jt, [
|
|
379
383
|
t[2] || (t[2] = l("label", { class: "text-sm text-gray-500 dark:text-neutral-500" }, " Виберіть стовпці таблиці для експорту: ", -1)),
|
|
380
|
-
l("div",
|
|
384
|
+
l("div", zt, [
|
|
381
385
|
(a(!0), i(x, null, C(r.columns, (c, f) => (a(), i("div", {
|
|
382
386
|
class: "flex items-center",
|
|
383
387
|
key: f,
|
|
@@ -385,18 +389,18 @@ function Lt(e, t, r, o, n, s) {
|
|
|
385
389
|
}, [
|
|
386
390
|
p(m, {
|
|
387
391
|
class: "py-0 shrink-0 border-gray-300 rounded text-blue-600 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-500 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800",
|
|
388
|
-
modelValue:
|
|
389
|
-
"onUpdate:modelValue": t[0] || (t[0] = (g) =>
|
|
392
|
+
modelValue: s.cols,
|
|
393
|
+
"onUpdate:modelValue": t[0] || (t[0] = (g) => s.cols = g),
|
|
390
394
|
value: c == null ? void 0 : c.name,
|
|
391
395
|
label: c == null ? void 0 : c.ua
|
|
392
396
|
}, null, 8, ["modelValue", "value", "label"])
|
|
393
397
|
]))), 128))
|
|
394
398
|
])
|
|
395
399
|
]),
|
|
396
|
-
l("div",
|
|
400
|
+
l("div", Pt, [
|
|
397
401
|
t[3] || (t[3] = l("label", { class: "text-sm text-gray-500 dark:text-neutral-500" }, " Виберіть формат таблиці: ", -1)),
|
|
398
|
-
l("div",
|
|
399
|
-
(a(!0), i(x, null, C(
|
|
402
|
+
l("div", Ut, [
|
|
403
|
+
(a(!0), i(x, null, C(s.tableFormats, (c, f) => (a(), i("div", {
|
|
400
404
|
class: "flex items-center",
|
|
401
405
|
key: f
|
|
402
406
|
}, [
|
|
@@ -405,29 +409,29 @@ function Lt(e, t, r, o, n, s) {
|
|
|
405
409
|
name: "hs-pro-duecmfm",
|
|
406
410
|
class: "shrink-0 border-gray-300 rounded-full text-blue-600 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-500 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800",
|
|
407
411
|
id: c,
|
|
408
|
-
onChange: (g) =>
|
|
409
|
-
}, null, 40,
|
|
412
|
+
onChange: (g) => n.selectFormat(c)
|
|
413
|
+
}, null, 40, Ot),
|
|
410
414
|
l("label", {
|
|
411
415
|
for: c,
|
|
412
416
|
class: "text-sm text-gray-800 ms-3 dark:text-neutral-400"
|
|
413
|
-
}, " Формат " + $(c), 9,
|
|
417
|
+
}, " Формат " + $(c), 9, Ht)
|
|
414
418
|
]))), 128))
|
|
415
419
|
])
|
|
416
420
|
]),
|
|
417
|
-
l("div",
|
|
418
|
-
l("div",
|
|
421
|
+
l("div", qt, [
|
|
422
|
+
l("div", Lt, [
|
|
419
423
|
l("button", {
|
|
420
424
|
type: "button",
|
|
421
425
|
class: "p-2 inline-flex items-center gap-x-2 text-xs font-medium rounded-lg border border-transparent bg-blue-600 text-white hover:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:ring-2 focus:ring-blue-500",
|
|
422
|
-
onClick: t[1] || (t[1] = (...c) =>
|
|
426
|
+
onClick: t[1] || (t[1] = (...c) => n.exportTable && n.exportTable(...c))
|
|
423
427
|
}, " Завантажити таблицю ")
|
|
424
428
|
])
|
|
425
429
|
])
|
|
426
430
|
])
|
|
427
431
|
], 64);
|
|
428
432
|
}
|
|
429
|
-
const
|
|
430
|
-
components: { IconExport:
|
|
433
|
+
const Rt = /* @__PURE__ */ b(Bt, [["render", Nt]]), Gt = {
|
|
434
|
+
components: { IconExport: It, AdminTableExportForm: Rt },
|
|
431
435
|
props: { table: String, columns: Array },
|
|
432
436
|
data() {
|
|
433
437
|
return {
|
|
@@ -435,11 +439,11 @@ const Nt = /* @__PURE__ */ b(It, [["render", Lt]]), Rt = {
|
|
|
435
439
|
};
|
|
436
440
|
}
|
|
437
441
|
};
|
|
438
|
-
function
|
|
442
|
+
function Wt(e, t, r, o, s, n) {
|
|
439
443
|
const m = u("IconExport"), c = u("AdminTableExportForm"), f = u("VsDialog");
|
|
440
444
|
return a(), i(x, null, [
|
|
441
445
|
l("button", {
|
|
442
|
-
onClick: t[0] || (t[0] = (g) =>
|
|
446
|
+
onClick: t[0] || (t[0] = (g) => s.isOpen = !0),
|
|
443
447
|
class: "py-2 px-3 relative flex items-center gap-x-2 text-sm border focus:outline-none border-gray-100 font-medium rounded-lg text-gray-800 hover:border-gray-100 focus:border-gray-100 hover:bg-gray-50 shadow-sm duration-300"
|
|
444
448
|
}, [
|
|
445
449
|
p(m, {
|
|
@@ -449,8 +453,8 @@ function Gt(e, t, r, o, n, s) {
|
|
|
449
453
|
t[2] || (t[2] = v(" Експорт "))
|
|
450
454
|
]),
|
|
451
455
|
p(f, {
|
|
452
|
-
visible:
|
|
453
|
-
"onUpdate:visible": t[1] || (t[1] = (g) =>
|
|
456
|
+
visible: s.isOpen,
|
|
457
|
+
"onUpdate:visible": t[1] || (t[1] = (g) => s.isOpen = g),
|
|
454
458
|
title: "Експорт таблиці"
|
|
455
459
|
}, {
|
|
456
460
|
default: y(() => [
|
|
@@ -463,7 +467,7 @@ function Gt(e, t, r, o, n, s) {
|
|
|
463
467
|
}, 8, ["visible"])
|
|
464
468
|
], 64);
|
|
465
469
|
}
|
|
466
|
-
const
|
|
470
|
+
const Jt = /* @__PURE__ */ b(Gt, [["render", Wt]]), Kt = {}, Qt = {
|
|
467
471
|
xmlns: "http://www.w3.org/2000/svg",
|
|
468
472
|
viewBox: "0 0 24 24",
|
|
469
473
|
fill: "none",
|
|
@@ -473,12 +477,12 @@ const Wt = /* @__PURE__ */ b(Rt, [["render", Gt]]), Jt = {}, Kt = {
|
|
|
473
477
|
"stroke-linejoin": "round",
|
|
474
478
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-columns"
|
|
475
479
|
};
|
|
476
|
-
function
|
|
477
|
-
return a(), i("svg",
|
|
480
|
+
function Xt(e, t, r, o, s, n) {
|
|
481
|
+
return a(), i("svg", Qt, t[0] || (t[0] = [
|
|
478
482
|
V('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 6l5.5 0"></path><path d="M4 10l5.5 0"></path><path d="M4 14l5.5 0"></path><path d="M4 18l5.5 0"></path><path d="M14.5 6l5.5 0"></path><path d="M14.5 10l5.5 0"></path><path d="M14.5 14l5.5 0"></path><path d="M14.5 18l5.5 0"></path>', 9)
|
|
479
483
|
]));
|
|
480
484
|
}
|
|
481
|
-
const
|
|
485
|
+
const Yt = /* @__PURE__ */ b(Kt, [["render", Xt]]), Zt = {
|
|
482
486
|
props: { column: Object },
|
|
483
487
|
emits: ["update-column"],
|
|
484
488
|
data() {
|
|
@@ -495,21 +499,21 @@ const Xt = /* @__PURE__ */ b(Jt, [["render", Qt]]), Yt = {
|
|
|
495
499
|
var e;
|
|
496
500
|
((e = this.column) == null ? void 0 : e.hidden) !== !0 && (this.value = !0);
|
|
497
501
|
}
|
|
498
|
-
},
|
|
499
|
-
function
|
|
502
|
+
}, te = { class: "flex w-full gap-[8px] items-centr" };
|
|
503
|
+
function ee(e, t, r, o, s, n) {
|
|
500
504
|
var m, c;
|
|
501
|
-
return a(), i("label",
|
|
505
|
+
return a(), i("label", te, [
|
|
502
506
|
E(l("input", {
|
|
503
|
-
"onUpdate:modelValue": t[0] || (t[0] = (f) =>
|
|
507
|
+
"onUpdate:modelValue": t[0] || (t[0] = (f) => s.value = f),
|
|
504
508
|
type: "checkbox"
|
|
505
509
|
}, null, 512), [
|
|
506
|
-
[R,
|
|
510
|
+
[R, s.value]
|
|
507
511
|
]),
|
|
508
512
|
v(" " + $(((m = r.column) == null ? void 0 : m.ua) || ((c = r.column) == null ? void 0 : c.title)), 1)
|
|
509
513
|
]);
|
|
510
514
|
}
|
|
511
|
-
const
|
|
512
|
-
components: { IconColumns:
|
|
515
|
+
const re = /* @__PURE__ */ b(Zt, [["render", ee]]), le = {
|
|
516
|
+
components: { IconColumns: Yt, AdminTableColumnsHiddenItem: re },
|
|
513
517
|
emits: ["update-columns"],
|
|
514
518
|
props: { columns: Array },
|
|
515
519
|
methods: {
|
|
@@ -518,15 +522,15 @@ const ee = /* @__PURE__ */ b(Yt, [["render", te]]), re = {
|
|
|
518
522
|
r[t] = e, this.$emit("update-columns", [...r]);
|
|
519
523
|
}
|
|
520
524
|
}
|
|
521
|
-
},
|
|
522
|
-
function
|
|
525
|
+
}, se = { class: "py-2 px-3 flex items-center gap-x-2 text-sm border focus:outline-none border-gray-100 font-medium rounded-lg text-gray-800 hover:border-gray-100 focus:border-gray-100 hover:bg-gray-50 shadow-sm duration-300" }, ne = { class: "flex flex-col gap-[3px] h-[400px] w-[300px] overflow-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar:horizontal]:h-[8px] [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500" };
|
|
526
|
+
function ae(e, t, r, o, s, n) {
|
|
523
527
|
const m = u("IconColumns"), c = u("AdminTableColumnsHiddenItem"), f = u("VsPopover");
|
|
524
|
-
return a(),
|
|
528
|
+
return a(), k(f, {
|
|
525
529
|
trigger: "click",
|
|
526
530
|
placement: "bottom"
|
|
527
531
|
}, {
|
|
528
532
|
reference: y(() => [
|
|
529
|
-
l("button",
|
|
533
|
+
l("button", se, [
|
|
530
534
|
p(m, {
|
|
531
535
|
height: "20",
|
|
532
536
|
width: "16"
|
|
@@ -537,10 +541,10 @@ function se(e, t, r, o, n, s) {
|
|
|
537
541
|
l("div", null, [
|
|
538
542
|
t[0] || (t[0] = l("h2", { class: "text-sm mb-[8px]" }, "Оберіть колонки, щоб приховати", -1)),
|
|
539
543
|
l("ul", ne, [
|
|
540
|
-
(a(!0), i(x, null, C(r.columns, (g,
|
|
544
|
+
(a(!0), i(x, null, C(r.columns, (g, S) => (a(), i("li", { key: S }, [
|
|
541
545
|
p(c, {
|
|
542
546
|
column: g,
|
|
543
|
-
onUpdateColumn:
|
|
547
|
+
onUpdateColumn: n.updateColumn
|
|
544
548
|
}, null, 8, ["column", "onUpdateColumn"])
|
|
545
549
|
]))), 128))
|
|
546
550
|
])
|
|
@@ -549,21 +553,21 @@ function se(e, t, r, o, n, s) {
|
|
|
549
553
|
_: 1
|
|
550
554
|
});
|
|
551
555
|
}
|
|
552
|
-
const
|
|
553
|
-
function
|
|
554
|
-
return a(), i("div",
|
|
556
|
+
const oe = /* @__PURE__ */ b(le, [["render", ae]]), ie = {}, ce = { class: "vs-table-interface__table-wrp w-full rounded h-fit overflow-hidden" };
|
|
557
|
+
function ue(e, t, r, o, s, n) {
|
|
558
|
+
return a(), i("div", ce, t[0] || (t[0] = [
|
|
555
559
|
V('<div><div class="p-5 min-h-[500px] flex flex-col justify-center items-center text-center"><svg class="w-48 mx-auto" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs></svg><div class="max-w-sm mx-auto mt-6"><p class="font-medium text-gray-800 dark:text-neutral-200"> Дані для відображення відсутні </p><p class="mt-2 text-sm text-gray-500 dark:text-neutral-500"> Змініть параметри пошуку або спробуйте пізніше </p></div></div></div>', 1)
|
|
556
560
|
]));
|
|
557
561
|
}
|
|
558
|
-
const
|
|
562
|
+
const de = /* @__PURE__ */ b(ie, [["render", ue]]), he = {
|
|
559
563
|
props: { table: String },
|
|
560
564
|
components: {
|
|
561
565
|
IconFilter: Z,
|
|
562
|
-
AdminTableControl:
|
|
563
|
-
AdminTableExport:
|
|
564
|
-
AdminTableColumnsHidden:
|
|
566
|
+
AdminTableControl: Ft,
|
|
567
|
+
AdminTableExport: Jt,
|
|
568
|
+
AdminTableColumnsHidden: oe,
|
|
565
569
|
AdminTableColumn: ot,
|
|
566
|
-
AdminNodata:
|
|
570
|
+
AdminNodata: de
|
|
567
571
|
},
|
|
568
572
|
data() {
|
|
569
573
|
return {
|
|
@@ -622,7 +626,7 @@ const ue = /* @__PURE__ */ b(oe, [["render", ce]]), de = {
|
|
|
622
626
|
async getTableData() {
|
|
623
627
|
var e, t;
|
|
624
628
|
try {
|
|
625
|
-
const { data: r } = await
|
|
629
|
+
const { data: r } = await w.get(`/api/template/table/${this.table}`), o = await w.get(`/api/table-data/${this.table}`, {
|
|
626
630
|
params: {
|
|
627
631
|
page: this.page,
|
|
628
632
|
search: this.searchValue || null,
|
|
@@ -641,7 +645,7 @@ const ue = /* @__PURE__ */ b(oe, [["render", ce]]), de = {
|
|
|
641
645
|
async getFilters() {
|
|
642
646
|
var e;
|
|
643
647
|
try {
|
|
644
|
-
const { data: t } = await
|
|
648
|
+
const { data: t } = await w.get(`/api/table-filter/${this.table}`);
|
|
645
649
|
this.filterScheme = (e = t == null ? void 0 : t.list) == null ? void 0 : e.map((r) => ({
|
|
646
650
|
...r,
|
|
647
651
|
label: (r == null ? void 0 : r.label) || (r == null ? void 0 : r.ua)
|
|
@@ -666,24 +670,24 @@ const ue = /* @__PURE__ */ b(oe, [["render", ce]]), de = {
|
|
|
666
670
|
this.activeColumn = e, this.getTableData();
|
|
667
671
|
}
|
|
668
672
|
}
|
|
669
|
-
},
|
|
673
|
+
}, pe = { class: "w-[calc(100vw - 320px)]" }, me = { class: "h-[58px] bg-gray-50 flex items-center justify-between px-[30px]" }, be = { class: "text-xl font-medium" }, fe = {
|
|
670
674
|
style: { height: "calc(100vh - 120px)", width: "calc(100vw - 260px)" },
|
|
671
675
|
class: "bg-gray-50 p-[20px] flex pt-[10px]"
|
|
672
|
-
},
|
|
676
|
+
}, ge = { class: "bg-white w-full rounded-xl border p-[20px]" }, xe = { class: "flex sm:grid sm:grid-cols-2 gap-x-2 sm:gap-x-5 mb-[10px]" }, ye = { class: "flex gap-[6px] ml-auto" }, _e = { class: "space-y-5 flex items-start w-full justify-start" }, ke = {
|
|
673
677
|
style: { height: "calc(100vh - 310px)" },
|
|
674
678
|
class: "overflow-x-auto w-full border-t [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar:horizontal]:h-[8px] [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"
|
|
675
|
-
},
|
|
679
|
+
}, we = { class: "inline-block w-full align-middle" }, ve = {
|
|
676
680
|
key: 0,
|
|
677
681
|
class: "divide-y divide-gray-200 min-w-full dark:divide-neutral-700 relative table-fixed"
|
|
678
|
-
},
|
|
679
|
-
function Ae(e, t, r, o,
|
|
682
|
+
}, Ce = { class: "sticky top-0 bg-white w-full relative after:absolute after:content-[''] after:block after:w-full after:h-px after:bg-stone-200" }, $e = { class: "border-stone-200 right-0 z-[1]" }, Me = { class: "divide-y divide-gray-200" }, Se = { class: "min-w-[200px] text-start pe-4 py-3 text-sm text-gray-600" }, Te = { class: "text-center sticky right-0 bg-white w-[80px] px-[10px]" }, Fe = { class: "p-[20px] flex justify-end w-full" }, De = { class: "filter-content h-screen bg-white w-[400px] p-[20px] pt-[10px] overflow-x-auto bg-[rgba(0,0,0,0.5)] [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar:horizontal]:h-[8px] [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500" };
|
|
683
|
+
function Ae(e, t, r, o, s, n) {
|
|
680
684
|
var D, j, z, P, U, O, H;
|
|
681
|
-
const m = u("router-link"), c = u("AdminTableColumnsHidden"), f = u("AdminTableExport"), g = u("IconFilter"),
|
|
685
|
+
const m = u("router-link"), c = u("AdminTableColumnsHidden"), f = u("AdminTableExport"), g = u("IconFilter"), S = u("AdminTableColumn"), I = u("AdminTableControl"), _ = u("AdminNodata"), T = u("VsPagination"), F = u("VsFilter");
|
|
682
686
|
return a(), i(x, null, [
|
|
683
|
-
l("div",
|
|
684
|
-
l("div",
|
|
685
|
-
l("h2",
|
|
686
|
-
|
|
687
|
+
l("div", pe, [
|
|
688
|
+
l("div", me, [
|
|
689
|
+
l("h2", be, $((D = s.tableData) == null ? void 0 : D.title), 1),
|
|
690
|
+
n.isForm ? (a(), k(m, {
|
|
687
691
|
key: 0,
|
|
688
692
|
to: `/add?table=${(z = (j = e.$route) == null ? void 0 : j.params) == null ? void 0 : z.catchAll}`,
|
|
689
693
|
class: "py-2 px-3 flex items-center gap-x-2 text-sm text-white font-medium rounded-lg bg-blue-500 text-gray-800 shadow-sm hover:bg-blue-700 hover:text-white duration-300"
|
|
@@ -692,29 +696,29 @@ function Ae(e, t, r, o, n, s) {
|
|
|
692
696
|
v(" Додати ")
|
|
693
697
|
])),
|
|
694
698
|
_: 1
|
|
695
|
-
}, 8, ["to"])) :
|
|
699
|
+
}, 8, ["to"])) : M("", !0)
|
|
696
700
|
]),
|
|
697
|
-
l("div",
|
|
698
|
-
l("div",
|
|
699
|
-
l("div",
|
|
701
|
+
l("div", fe, [
|
|
702
|
+
l("div", ge, [
|
|
703
|
+
l("div", xe, [
|
|
700
704
|
E(l("input", {
|
|
701
|
-
"onUpdate:modelValue": t[0] || (t[0] = (d) =>
|
|
705
|
+
"onUpdate:modelValue": t[0] || (t[0] = (d) => s.searchValue = d),
|
|
702
706
|
class: "py-2 pl-[15px] h-[38px] w-[400px] block w-full border rounded-lg text-sm focus:border-blue-600 focus:border-[2px] outline-none",
|
|
703
707
|
placeholder: "Пошук..."
|
|
704
708
|
}, null, 512), [
|
|
705
|
-
[G,
|
|
709
|
+
[G, s.searchValue]
|
|
706
710
|
]),
|
|
707
|
-
l("div",
|
|
711
|
+
l("div", ye, [
|
|
708
712
|
p(c, {
|
|
709
|
-
columns: (P =
|
|
710
|
-
onUpdateColumns: t[1] || (t[1] = (d) =>
|
|
713
|
+
columns: (P = s.tableData) == null ? void 0 : P.columns,
|
|
714
|
+
onUpdateColumns: t[1] || (t[1] = (d) => s.tableData.columns = d)
|
|
711
715
|
}, null, 8, ["columns"]),
|
|
712
716
|
p(f, {
|
|
713
717
|
table: r.table,
|
|
714
|
-
columns: (U =
|
|
718
|
+
columns: (U = s.tableData) == null ? void 0 : U.columns
|
|
715
719
|
}, null, 8, ["table", "columns"]),
|
|
716
720
|
l("button", {
|
|
717
|
-
onClick: t[2] || (t[2] = (d) =>
|
|
721
|
+
onClick: t[2] || (t[2] = (d) => s.isFilters = !s.isFilters),
|
|
718
722
|
class: "py-2 px-3 flex items-center gap-x-2 text-sm border focus:outline-none border-gray-100 font-medium rounded-lg text-gray-800 hover:border-gray-100 focus:border-gray-100 hover:bg-gray-50 shadow-sm duration-300"
|
|
719
723
|
}, [
|
|
720
724
|
p(g, {
|
|
@@ -725,26 +729,26 @@ function Ae(e, t, r, o, n, s) {
|
|
|
725
729
|
])
|
|
726
730
|
])
|
|
727
731
|
]),
|
|
728
|
-
l("div",
|
|
729
|
-
l("div",
|
|
730
|
-
l("div",
|
|
731
|
-
|
|
732
|
-
l("thead",
|
|
733
|
-
l("tr",
|
|
734
|
-
(a(!0), i(x, null, C(
|
|
732
|
+
l("div", _e, [
|
|
733
|
+
l("div", ke, [
|
|
734
|
+
l("div", we, [
|
|
735
|
+
n.isNoData ? (a(), k(_, { key: 1 })) : (a(), i("table", ve, [
|
|
736
|
+
l("thead", Ce, [
|
|
737
|
+
l("tr", $e, [
|
|
738
|
+
(a(!0), i(x, null, C(n.columns, (d) => (a(), k(S, {
|
|
735
739
|
key: d.name,
|
|
736
740
|
data: d,
|
|
737
|
-
activeColumn:
|
|
738
|
-
onChangeActive:
|
|
741
|
+
activeColumn: s.activeColumn,
|
|
742
|
+
onChangeActive: n.changeActiveColumn
|
|
739
743
|
}, null, 8, ["data", "activeColumn", "onChangeActive"]))), 128)),
|
|
740
744
|
t[7] || (t[7] = l("th", { class: "w-[70px] sticky right-0 top-0 bg-white" }, null, -1))
|
|
741
745
|
])
|
|
742
746
|
]),
|
|
743
|
-
l("tbody",
|
|
744
|
-
(a(!0), i(x, null, C((O =
|
|
747
|
+
l("tbody", Me, [
|
|
748
|
+
(a(!0), i(x, null, C((O = s.tableData) == null ? void 0 : O.rows, (d, A) => {
|
|
745
749
|
var q;
|
|
746
750
|
return a(), i("tr", { key: A }, [
|
|
747
|
-
l("td",
|
|
751
|
+
l("td", Se, [
|
|
748
752
|
p(m, {
|
|
749
753
|
to: `/card/${r.table}/${d == null ? void 0 : d.id}`,
|
|
750
754
|
class: "text-sm text-green-600 decoration-2 hover:underline font-medium focus:outline-none focus:underline hover:text-green-600"
|
|
@@ -752,19 +756,19 @@ function Ae(e, t, r, o, n, s) {
|
|
|
752
756
|
default: y(() => {
|
|
753
757
|
var h;
|
|
754
758
|
return [
|
|
755
|
-
v($(d == null ? void 0 : d[(h =
|
|
759
|
+
v($(d == null ? void 0 : d[(h = n.columns[0]) == null ? void 0 : h.name]), 1)
|
|
756
760
|
];
|
|
757
761
|
}),
|
|
758
762
|
_: 2
|
|
759
763
|
}, 1032, ["to"])
|
|
760
764
|
]),
|
|
761
|
-
(a(!0), i(x, null, C((q =
|
|
765
|
+
(a(!0), i(x, null, C((q = n.columns) == null ? void 0 : q.slice(1), (h) => {
|
|
762
766
|
var L;
|
|
763
767
|
return a(), i("td", {
|
|
764
768
|
class: "min-w-[300px] w-full text-start px-[4px] py-3 text-sm text-gray-600",
|
|
765
769
|
key: h.name
|
|
766
770
|
}, [
|
|
767
|
-
(a(),
|
|
771
|
+
(a(), k(W(
|
|
768
772
|
(h == null ? void 0 : h.format) === "custom" ? h == null ? void 0 : h.component : e.$componentsConfig[`table-format-${((L = h == null ? void 0 : h.format) == null ? void 0 : L.toLowerCase()) || e.text}`]
|
|
769
773
|
), {
|
|
770
774
|
name: h == null ? void 0 : h.name,
|
|
@@ -773,12 +777,13 @@ function Ae(e, t, r, o, n, s) {
|
|
|
773
777
|
}, null, 8, ["name", "data", "value"]))
|
|
774
778
|
]);
|
|
775
779
|
}), 128)),
|
|
776
|
-
l("td",
|
|
780
|
+
l("td", Te, [
|
|
777
781
|
p(I, {
|
|
782
|
+
isForm: n.isForm,
|
|
778
783
|
item: d,
|
|
779
784
|
table: r.table,
|
|
780
|
-
onUpdateTable:
|
|
781
|
-
}, null, 8, ["item", "table", "onUpdateTable"])
|
|
785
|
+
onUpdateTable: n.getTableData
|
|
786
|
+
}, null, 8, ["isForm", "item", "table", "onUpdateTable"])
|
|
782
787
|
])
|
|
783
788
|
]);
|
|
784
789
|
}), 128))
|
|
@@ -787,16 +792,16 @@ function Ae(e, t, r, o, n, s) {
|
|
|
787
792
|
])
|
|
788
793
|
])
|
|
789
794
|
]),
|
|
790
|
-
l("div",
|
|
791
|
-
p(
|
|
795
|
+
l("div", Fe, [
|
|
796
|
+
p(T, {
|
|
792
797
|
goTo: !1,
|
|
793
798
|
class: "justify-end",
|
|
794
|
-
"default-page":
|
|
795
|
-
total: ((H =
|
|
796
|
-
pageSize:
|
|
797
|
-
onPageChange:
|
|
799
|
+
"default-page": n.defaultPage,
|
|
800
|
+
total: ((H = s.tableData) == null ? void 0 : H.total) || 0,
|
|
801
|
+
pageSize: s.limit,
|
|
802
|
+
onPageChange: n.handlePageChange,
|
|
798
803
|
pageSizes: [10, 16, 20],
|
|
799
|
-
onPageSizeChange:
|
|
804
|
+
onPageSizeChange: n.changeLimit
|
|
800
805
|
}, null, 8, ["default-page", "total", "pageSize", "onPageChange", "onPageSizeChange"])
|
|
801
806
|
])
|
|
802
807
|
])
|
|
@@ -807,26 +812,26 @@ function Ae(e, t, r, o, n, s) {
|
|
|
807
812
|
var d;
|
|
808
813
|
return [
|
|
809
814
|
E(l("div", {
|
|
810
|
-
onClick: t[4] || (t[4] = (...A) =>
|
|
815
|
+
onClick: t[4] || (t[4] = (...A) => n.closeFilter && n.closeFilter(...A)),
|
|
811
816
|
style: { height: "100vh" },
|
|
812
817
|
class: "fixed filter-container top-0 flex justify-end items-center z-[2] right-0 left-0 bottom-0 bg-[rgba(0,0,0,0.5)]"
|
|
813
818
|
}, [
|
|
814
819
|
l("div", De, [
|
|
815
|
-
(d =
|
|
820
|
+
(d = s.filterScheme) != null && d.length ? (a(), k(F, {
|
|
816
821
|
key: 0,
|
|
817
822
|
ref: "filter",
|
|
818
|
-
scheme:
|
|
823
|
+
scheme: s.filterScheme,
|
|
819
824
|
layout: "default",
|
|
820
825
|
"apply-vue-router": "",
|
|
821
826
|
history: "",
|
|
822
827
|
name: "filter",
|
|
823
|
-
onFilterChange:
|
|
828
|
+
onFilterChange: n.filterChange,
|
|
824
829
|
closeFilterBtn: !0,
|
|
825
|
-
onFilterClose: t[3] || (t[3] = (A) =>
|
|
826
|
-
}, null, 8, ["scheme", "onFilterChange"])) :
|
|
830
|
+
onFilterClose: t[3] || (t[3] = (A) => s.isFilters = !1)
|
|
831
|
+
}, null, 8, ["scheme", "onFilterChange"])) : M("", !0)
|
|
827
832
|
])
|
|
828
833
|
], 512), [
|
|
829
|
-
[K,
|
|
834
|
+
[K, s.isFilters]
|
|
830
835
|
])
|
|
831
836
|
];
|
|
832
837
|
}),
|
|
@@ -834,8 +839,8 @@ function Ae(e, t, r, o, n, s) {
|
|
|
834
839
|
})
|
|
835
840
|
], 64);
|
|
836
841
|
}
|
|
837
|
-
const
|
|
838
|
-
components: { AdminTable:
|
|
842
|
+
const Ve = /* @__PURE__ */ b(he, [["render", Ae]]), Ie = {
|
|
843
|
+
components: { AdminTable: Ve },
|
|
839
844
|
data() {
|
|
840
845
|
return {
|
|
841
846
|
table: !1,
|
|
@@ -867,7 +872,7 @@ const Fe = /* @__PURE__ */ b(de, [["render", Ae]]), Ve = {
|
|
|
867
872
|
},
|
|
868
873
|
async getMenu() {
|
|
869
874
|
try {
|
|
870
|
-
const { data: e } = await
|
|
875
|
+
const { data: e } = await w.get("/api/user-menu");
|
|
871
876
|
B.value = e;
|
|
872
877
|
} catch {
|
|
873
878
|
}
|
|
@@ -876,8 +881,8 @@ const Fe = /* @__PURE__ */ b(de, [["render", Ae]]), Ve = {
|
|
|
876
881
|
const e = this.flattenMenu(B.value);
|
|
877
882
|
e != null && e.length || this.$router.replace("/404");
|
|
878
883
|
const t = e == null ? void 0 : e.find((o) => {
|
|
879
|
-
var
|
|
880
|
-
return (o == null ? void 0 : o.path) == ((
|
|
884
|
+
var s, n;
|
|
885
|
+
return (o == null ? void 0 : o.path) == ((n = (s = this.$route) == null ? void 0 : s.params) == null ? void 0 : n.catchAll);
|
|
881
886
|
});
|
|
882
887
|
this.title = t == null ? void 0 : t.ua, t || this.$router.replace("/404");
|
|
883
888
|
const r = t == null ? void 0 : t.table;
|
|
@@ -886,7 +891,7 @@ const Fe = /* @__PURE__ */ b(de, [["render", Ae]]), Ve = {
|
|
|
886
891
|
async getInterface() {
|
|
887
892
|
var e, t;
|
|
888
893
|
try {
|
|
889
|
-
const { data: r } = await
|
|
894
|
+
const { data: r } = await w.get(
|
|
890
895
|
`/api/template/interface/${((t = (e = this.$route) == null ? void 0 : e.params) == null ? void 0 : t.catchAll) || ""}`
|
|
891
896
|
);
|
|
892
897
|
this.interface = r || "";
|
|
@@ -895,20 +900,20 @@ const Fe = /* @__PURE__ */ b(de, [["render", Ae]]), Ve = {
|
|
|
895
900
|
}
|
|
896
901
|
}
|
|
897
902
|
}
|
|
898
|
-
},
|
|
899
|
-
function
|
|
903
|
+
}, Be = ["innerHTML"];
|
|
904
|
+
function Ee(e, t, r, o, s, n) {
|
|
900
905
|
const m = u("AdminTable");
|
|
901
|
-
return
|
|
906
|
+
return s.table ? (a(), k(m, {
|
|
902
907
|
key: 0,
|
|
903
|
-
table:
|
|
908
|
+
table: s.table
|
|
904
909
|
}, null, 8, ["table"])) : (a(), i("div", {
|
|
905
910
|
key: 1,
|
|
906
911
|
class: "w-full bg-gray-50",
|
|
907
912
|
style: { height: "calc(100vh - 120px)" },
|
|
908
|
-
innerHTML:
|
|
909
|
-
}, null, 8,
|
|
913
|
+
innerHTML: s.interface
|
|
914
|
+
}, null, 8, Be));
|
|
910
915
|
}
|
|
911
|
-
const
|
|
916
|
+
const Ue = /* @__PURE__ */ b(Ie, [["render", Ee]]);
|
|
912
917
|
export {
|
|
913
|
-
|
|
918
|
+
Ue as default
|
|
914
919
|
};
|