@opengis/admin 0.1.12 → 0.1.14
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-PUKoIJEK.js → add-page-Brc-OoJB.js} +2 -3
- package/dist/{admin-interface-DOooQPLl.js → admin-interface-Dd34YKTr.js} +162 -158
- package/dist/{admin-view-pMbPvuzO.js → admin-view-CI7J2Yzg.js} +1 -1
- package/dist/admin.js +1 -1
- package/dist/admin.umd.cjs +3 -3
- package/dist/{card-page-DTM6Da4H.js → card-page-zKtW4FdS.js} +1 -1
- package/dist/{card-view-liYS8py5.js → card-view-D6m2I429.js} +1 -1
- package/dist/{edit-page-DDAyXMg3.js → edit-page-B2M7ufEc.js} +27 -27
- package/dist/{import-file-Vd0__RP7.js → import-file-BvbReH2G.js} +7 -7
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { _ as b, a as
|
|
1
|
+
import { _ as b, a as w } from "./import-file-BvbReH2G.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,
|
|
@@ -632,7 +636,6 @@ const ue = /* @__PURE__ */ b(oe, [["render", ce]]), de = {
|
|
|
632
636
|
}
|
|
633
637
|
});
|
|
634
638
|
this.tableData = {
|
|
635
|
-
...this.tableData,
|
|
636
639
|
...r,
|
|
637
640
|
...(o == null ? void 0 : o.data) || {}
|
|
638
641
|
};
|
|
@@ -642,7 +645,7 @@ const ue = /* @__PURE__ */ b(oe, [["render", ce]]), de = {
|
|
|
642
645
|
async getFilters() {
|
|
643
646
|
var e;
|
|
644
647
|
try {
|
|
645
|
-
const { data: t } = await
|
|
648
|
+
const { data: t } = await w.get(`/api/table-filter/${this.table}`);
|
|
646
649
|
this.filterScheme = (e = t == null ? void 0 : t.list) == null ? void 0 : e.map((r) => ({
|
|
647
650
|
...r,
|
|
648
651
|
label: (r == null ? void 0 : r.label) || (r == null ? void 0 : r.ua)
|
|
@@ -667,24 +670,24 @@ const ue = /* @__PURE__ */ b(oe, [["render", ce]]), de = {
|
|
|
667
670
|
this.activeColumn = e, this.getTableData();
|
|
668
671
|
}
|
|
669
672
|
}
|
|
670
|
-
},
|
|
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 = {
|
|
671
674
|
style: { height: "calc(100vh - 120px)", width: "calc(100vw - 260px)" },
|
|
672
675
|
class: "bg-gray-50 p-[20px] flex pt-[10px]"
|
|
673
|
-
},
|
|
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 = {
|
|
674
677
|
style: { height: "calc(100vh - 310px)" },
|
|
675
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"
|
|
676
|
-
},
|
|
679
|
+
}, we = { class: "inline-block w-full align-middle" }, ve = {
|
|
677
680
|
key: 0,
|
|
678
681
|
class: "divide-y divide-gray-200 min-w-full dark:divide-neutral-700 relative table-fixed"
|
|
679
|
-
},
|
|
680
|
-
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) {
|
|
681
684
|
var D, j, z, P, U, O, H;
|
|
682
|
-
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");
|
|
683
686
|
return a(), i(x, null, [
|
|
684
|
-
l("div",
|
|
685
|
-
l("div",
|
|
686
|
-
l("h2",
|
|
687
|
-
|
|
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, {
|
|
688
691
|
key: 0,
|
|
689
692
|
to: `/add?table=${(z = (j = e.$route) == null ? void 0 : j.params) == null ? void 0 : z.catchAll}`,
|
|
690
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"
|
|
@@ -693,29 +696,29 @@ function Ae(e, t, r, o, n, s) {
|
|
|
693
696
|
v(" Додати ")
|
|
694
697
|
])),
|
|
695
698
|
_: 1
|
|
696
|
-
}, 8, ["to"])) :
|
|
699
|
+
}, 8, ["to"])) : M("", !0)
|
|
697
700
|
]),
|
|
698
|
-
l("div",
|
|
699
|
-
l("div",
|
|
700
|
-
l("div",
|
|
701
|
+
l("div", fe, [
|
|
702
|
+
l("div", ge, [
|
|
703
|
+
l("div", xe, [
|
|
701
704
|
E(l("input", {
|
|
702
|
-
"onUpdate:modelValue": t[0] || (t[0] = (d) =>
|
|
705
|
+
"onUpdate:modelValue": t[0] || (t[0] = (d) => s.searchValue = d),
|
|
703
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",
|
|
704
707
|
placeholder: "Пошук..."
|
|
705
708
|
}, null, 512), [
|
|
706
|
-
[G,
|
|
709
|
+
[G, s.searchValue]
|
|
707
710
|
]),
|
|
708
|
-
l("div",
|
|
711
|
+
l("div", ye, [
|
|
709
712
|
p(c, {
|
|
710
|
-
columns: (P =
|
|
711
|
-
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)
|
|
712
715
|
}, null, 8, ["columns"]),
|
|
713
716
|
p(f, {
|
|
714
717
|
table: r.table,
|
|
715
|
-
columns: (U =
|
|
718
|
+
columns: (U = s.tableData) == null ? void 0 : U.columns
|
|
716
719
|
}, null, 8, ["table", "columns"]),
|
|
717
720
|
l("button", {
|
|
718
|
-
onClick: t[2] || (t[2] = (d) =>
|
|
721
|
+
onClick: t[2] || (t[2] = (d) => s.isFilters = !s.isFilters),
|
|
719
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"
|
|
720
723
|
}, [
|
|
721
724
|
p(g, {
|
|
@@ -726,26 +729,26 @@ function Ae(e, t, r, o, n, s) {
|
|
|
726
729
|
])
|
|
727
730
|
])
|
|
728
731
|
]),
|
|
729
|
-
l("div",
|
|
730
|
-
l("div",
|
|
731
|
-
l("div",
|
|
732
|
-
|
|
733
|
-
l("thead",
|
|
734
|
-
l("tr",
|
|
735
|
-
(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, {
|
|
736
739
|
key: d.name,
|
|
737
740
|
data: d,
|
|
738
|
-
activeColumn:
|
|
739
|
-
onChangeActive:
|
|
741
|
+
activeColumn: s.activeColumn,
|
|
742
|
+
onChangeActive: n.changeActiveColumn
|
|
740
743
|
}, null, 8, ["data", "activeColumn", "onChangeActive"]))), 128)),
|
|
741
744
|
t[7] || (t[7] = l("th", { class: "w-[70px] sticky right-0 top-0 bg-white" }, null, -1))
|
|
742
745
|
])
|
|
743
746
|
]),
|
|
744
|
-
l("tbody",
|
|
745
|
-
(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) => {
|
|
746
749
|
var q;
|
|
747
750
|
return a(), i("tr", { key: A }, [
|
|
748
|
-
l("td",
|
|
751
|
+
l("td", Se, [
|
|
749
752
|
p(m, {
|
|
750
753
|
to: `/card/${r.table}/${d == null ? void 0 : d.id}`,
|
|
751
754
|
class: "text-sm text-green-600 decoration-2 hover:underline font-medium focus:outline-none focus:underline hover:text-green-600"
|
|
@@ -753,19 +756,19 @@ function Ae(e, t, r, o, n, s) {
|
|
|
753
756
|
default: y(() => {
|
|
754
757
|
var h;
|
|
755
758
|
return [
|
|
756
|
-
v($(d == null ? void 0 : d[(h =
|
|
759
|
+
v($(d == null ? void 0 : d[(h = n.columns[0]) == null ? void 0 : h.name]), 1)
|
|
757
760
|
];
|
|
758
761
|
}),
|
|
759
762
|
_: 2
|
|
760
763
|
}, 1032, ["to"])
|
|
761
764
|
]),
|
|
762
|
-
(a(!0), i(x, null, C((q =
|
|
765
|
+
(a(!0), i(x, null, C((q = n.columns) == null ? void 0 : q.slice(1), (h) => {
|
|
763
766
|
var L;
|
|
764
767
|
return a(), i("td", {
|
|
765
768
|
class: "min-w-[300px] w-full text-start px-[4px] py-3 text-sm text-gray-600",
|
|
766
769
|
key: h.name
|
|
767
770
|
}, [
|
|
768
|
-
(a(),
|
|
771
|
+
(a(), k(W(
|
|
769
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}`]
|
|
770
773
|
), {
|
|
771
774
|
name: h == null ? void 0 : h.name,
|
|
@@ -774,12 +777,13 @@ function Ae(e, t, r, o, n, s) {
|
|
|
774
777
|
}, null, 8, ["name", "data", "value"]))
|
|
775
778
|
]);
|
|
776
779
|
}), 128)),
|
|
777
|
-
l("td",
|
|
780
|
+
l("td", Te, [
|
|
778
781
|
p(I, {
|
|
782
|
+
isForm: n.isForm,
|
|
779
783
|
item: d,
|
|
780
784
|
table: r.table,
|
|
781
|
-
onUpdateTable:
|
|
782
|
-
}, null, 8, ["item", "table", "onUpdateTable"])
|
|
785
|
+
onUpdateTable: n.getTableData
|
|
786
|
+
}, null, 8, ["isForm", "item", "table", "onUpdateTable"])
|
|
783
787
|
])
|
|
784
788
|
]);
|
|
785
789
|
}), 128))
|
|
@@ -788,16 +792,16 @@ function Ae(e, t, r, o, n, s) {
|
|
|
788
792
|
])
|
|
789
793
|
])
|
|
790
794
|
]),
|
|
791
|
-
l("div",
|
|
792
|
-
p(
|
|
795
|
+
l("div", Fe, [
|
|
796
|
+
p(T, {
|
|
793
797
|
goTo: !1,
|
|
794
798
|
class: "justify-end",
|
|
795
|
-
"default-page":
|
|
796
|
-
total: ((H =
|
|
797
|
-
pageSize:
|
|
798
|
-
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,
|
|
799
803
|
pageSizes: [10, 16, 20],
|
|
800
|
-
onPageSizeChange:
|
|
804
|
+
onPageSizeChange: n.changeLimit
|
|
801
805
|
}, null, 8, ["default-page", "total", "pageSize", "onPageChange", "onPageSizeChange"])
|
|
802
806
|
])
|
|
803
807
|
])
|
|
@@ -808,26 +812,26 @@ function Ae(e, t, r, o, n, s) {
|
|
|
808
812
|
var d;
|
|
809
813
|
return [
|
|
810
814
|
E(l("div", {
|
|
811
|
-
onClick: t[4] || (t[4] = (...A) =>
|
|
815
|
+
onClick: t[4] || (t[4] = (...A) => n.closeFilter && n.closeFilter(...A)),
|
|
812
816
|
style: { height: "100vh" },
|
|
813
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)]"
|
|
814
818
|
}, [
|
|
815
819
|
l("div", De, [
|
|
816
|
-
(d =
|
|
820
|
+
(d = s.filterScheme) != null && d.length ? (a(), k(F, {
|
|
817
821
|
key: 0,
|
|
818
822
|
ref: "filter",
|
|
819
|
-
scheme:
|
|
823
|
+
scheme: s.filterScheme,
|
|
820
824
|
layout: "default",
|
|
821
825
|
"apply-vue-router": "",
|
|
822
826
|
history: "",
|
|
823
827
|
name: "filter",
|
|
824
|
-
onFilterChange:
|
|
828
|
+
onFilterChange: n.filterChange,
|
|
825
829
|
closeFilterBtn: !0,
|
|
826
|
-
onFilterClose: t[3] || (t[3] = (A) =>
|
|
827
|
-
}, null, 8, ["scheme", "onFilterChange"])) :
|
|
830
|
+
onFilterClose: t[3] || (t[3] = (A) => s.isFilters = !1)
|
|
831
|
+
}, null, 8, ["scheme", "onFilterChange"])) : M("", !0)
|
|
828
832
|
])
|
|
829
833
|
], 512), [
|
|
830
|
-
[K,
|
|
834
|
+
[K, s.isFilters]
|
|
831
835
|
])
|
|
832
836
|
];
|
|
833
837
|
}),
|
|
@@ -835,8 +839,8 @@ function Ae(e, t, r, o, n, s) {
|
|
|
835
839
|
})
|
|
836
840
|
], 64);
|
|
837
841
|
}
|
|
838
|
-
const
|
|
839
|
-
components: { AdminTable:
|
|
842
|
+
const Ve = /* @__PURE__ */ b(he, [["render", Ae]]), Ie = {
|
|
843
|
+
components: { AdminTable: Ve },
|
|
840
844
|
data() {
|
|
841
845
|
return {
|
|
842
846
|
table: !1,
|
|
@@ -868,7 +872,7 @@ const Fe = /* @__PURE__ */ b(de, [["render", Ae]]), Ve = {
|
|
|
868
872
|
},
|
|
869
873
|
async getMenu() {
|
|
870
874
|
try {
|
|
871
|
-
const { data: e } = await
|
|
875
|
+
const { data: e } = await w.get("/api/user-menu");
|
|
872
876
|
B.value = e;
|
|
873
877
|
} catch {
|
|
874
878
|
}
|
|
@@ -877,8 +881,8 @@ const Fe = /* @__PURE__ */ b(de, [["render", Ae]]), Ve = {
|
|
|
877
881
|
const e = this.flattenMenu(B.value);
|
|
878
882
|
e != null && e.length || this.$router.replace("/404");
|
|
879
883
|
const t = e == null ? void 0 : e.find((o) => {
|
|
880
|
-
var
|
|
881
|
-
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);
|
|
882
886
|
});
|
|
883
887
|
this.title = t == null ? void 0 : t.ua, t || this.$router.replace("/404");
|
|
884
888
|
const r = t == null ? void 0 : t.table;
|
|
@@ -887,7 +891,7 @@ const Fe = /* @__PURE__ */ b(de, [["render", Ae]]), Ve = {
|
|
|
887
891
|
async getInterface() {
|
|
888
892
|
var e, t;
|
|
889
893
|
try {
|
|
890
|
-
const { data: r } = await
|
|
894
|
+
const { data: r } = await w.get(
|
|
891
895
|
`/api/template/interface/${((t = (e = this.$route) == null ? void 0 : e.params) == null ? void 0 : t.catchAll) || ""}`
|
|
892
896
|
);
|
|
893
897
|
this.interface = r || "";
|
|
@@ -896,20 +900,20 @@ const Fe = /* @__PURE__ */ b(de, [["render", Ae]]), Ve = {
|
|
|
896
900
|
}
|
|
897
901
|
}
|
|
898
902
|
}
|
|
899
|
-
},
|
|
900
|
-
function
|
|
903
|
+
}, Be = ["innerHTML"];
|
|
904
|
+
function Ee(e, t, r, o, s, n) {
|
|
901
905
|
const m = u("AdminTable");
|
|
902
|
-
return
|
|
906
|
+
return s.table ? (a(), k(m, {
|
|
903
907
|
key: 0,
|
|
904
|
-
table:
|
|
908
|
+
table: s.table
|
|
905
909
|
}, null, 8, ["table"])) : (a(), i("div", {
|
|
906
910
|
key: 1,
|
|
907
911
|
class: "w-full bg-gray-50",
|
|
908
912
|
style: { height: "calc(100vh - 120px)" },
|
|
909
|
-
innerHTML:
|
|
910
|
-
}, null, 8,
|
|
913
|
+
innerHTML: s.interface
|
|
914
|
+
}, null, 8, Be));
|
|
911
915
|
}
|
|
912
|
-
const
|
|
916
|
+
const Ue = /* @__PURE__ */ b(Ie, [["render", Ee]]);
|
|
913
917
|
export {
|
|
914
|
-
|
|
918
|
+
Ue as default
|
|
915
919
|
};
|